@import "reset-settings.css" all;

.img-box {overflow:hidden; position:relative; background-color:#e3e3e3; display:block;}
.img-box img {width:100%; min-height:100%;}
.square-img img {display:block; width:150%; max-width:150%; margin-left:-25%;}
.nowrap {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
button, .pp-soc a, .socials a, .service-item {transition: all .5s;}
a, .tabs li, .cp-img {transition: color .4s, background-color .4s, opacity .4s;}
.thumb-info, .quote-text, .service-text, .copyright, .edit-but {font-family: "GothamProLight";}
.login-register a, .short-item-title, .thumb-info span, .service-name, .copyright a, .copyright span, .socials span, 
.pop-profile, .tags a, .button-more, .side-item-t, .filter-item label, .fi-checkbox-size label {font-family: "GothamProMedium";}
.nav a, .tags:before, .add-com-title, .comm-name, .full-text  ol li:before, .tabs li, .rpb-list li:before {font-family: "GothamProBold";}
.thumb-item4 .thumb-title {font-family: "GothamProRegular";}
input, button {font-family: "GothamProMedium" !important;}


/* KARKAS
----------------------------------------------- */
.wrap {position:relative;}
.center {width:100%; min-width:320px; max-width:1490px; margin:0 auto; position:relative; z-index:100; padding-left:260px;}
.center:before {content:""; background-color:#2f3648; position:absolute; z-index:50; left:0; top:0; bottom:0; width:260px;}
.sidebar {width:260px; margin-left:-260px; float:left; position:relative; z-index:110; background-color:#2f3648; color:#d7e3f0;}
.content {width:100%; float:right; padding:15px 30px; min-height:1000px; position:relative; z-index:100;}


/* SIDEBAR
----------------------------------------------- */
.logo {height:260px; width:100%; display:block;
background:url(../images/logo.png) center center no-repeat; overflow:hidden; text-indent:-1000px;}
.logo:hover {opacity:0.8;}
.login-register {text-align:center; margin:10px 0 70px 0;}
.login-register li {display:inline-block; margin:0 5px;}
.login-register a {color:#d7e3f0; font-size:11px;}
.login-register a:hover {color:#fff; text-decoration:underline;}

.reg-shown .pop-profile, .log-shown .pop-profile {display:block;}
.reg-shown .pop-register, .log-shown .pop-login {display:block;}

.login-message {position: absolute; top: -16px; left: 4px;}
.remember-me {color: #d7e3f0;margin-bottom: 15px; display: inline-block;}

.pp-close, .pp-soc a, .pp-title a {background:url(../images/profile.png) no-repeat;}
.pop-register, .pop-login {display:none;}
.pop-profile {background-color:#2d2f36; width:260px; min-height:100%; top:0; left:100%;
position: absolute; z-index: 9998; display: none;}
.pop-profile:after {right: 100%;top: 266px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;
pointer-events: none;border-color: rgba(45, 47, 54, 0);border-right-color: #2d2f36;border-width: 10px;}
.pp-title {background-color:#3b3e46; color:#96989b; font-size:14px; text-transform:uppercase; padding:0 25px; line-height:50px; position:relative;}
.pp-form {padding:20px 15px;}
.pp-form input {display:block; padding:0 10px; width:100%; height:40px; line-height:40px; border-radius:3px; font-size:11px;
background-color:#2d2f36; color:#4d505a; border:1px solid #32353e; margin-bottom:20px;}
.pp-form input:focus {color:#e3e3e3; border:1px solid #e3e3e3;}
.pp-button, .pp-soc {text-align:center; padding:0 15px;}
.pp-soc:before {color:#d7e3f0; font-size:11px; content:attr(data-label); display:block; text-align:left; margin:20px 0 20px 0;}
.pp-soc a {display:inline-block; margin:0 3px; width:30px; height:25px; background-position:0 -67px;}
.pp-soc a:nth-child(2) {background-position:-37px -67px; width:24px;}
.pp-soc a:nth-child(3) {background-position:-72px -67px; width:20px;}
.pp-soc a:nth-child(4) {background-position:-105px -67px;}
.pp-soc a:hover {transform:scale(0.8,0.8);}
.pp-close {cursor:pointer; width:50px; height:50px; position:absolute; top:0px; right:0px; background-position:right top;}
.pp-title a {display:block; height:50px; width:25px; position:absolute; top:0; right:55px; background-position:0 0;}
.pp-title a:last-child {background-position:-27px 0; right:25px;}
.login-form, .login-form h3 {padding:20px 25px; text-align:center; font-size:13px; color:#FFF; position:relative;}
.avatar-login {width:90px; height:90px; border-radius:50%; margin:0 auto; background-color:#000;}
.login-form h3 {padding:20px 0;}
.login-form h3 + a {display:block; width:22px; height:22px; border-radius:50%; text-align:center; line-height:20px;
position:absolute; left:50%; top:10px; margin-left:10px; background-color:#dc6478; color:#FFF;}
.login-form h3 + a:hover {background-color:#9d3062; color:#FFF;}
.login-menu a {display:block; text-align:left; color:#bbbfcb; padding:10px 0;}
.login-menu a:hover {color:#fff;}


/* SIDE NAV
----------------------------------------------- */
.nav {display:block; background:url(../images/menu-r.png) right 0 repeat-y;}
.nav li {display:block; background-repeat: no-repeat; background-position-x: 8%; background-position-y: 4px;}
.nav2 li:after {right: 15px;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;
position: absolute;pointer-events: none;border-color: rgba(80, 91, 120, 0);border-left-color: #505b78;border-width: 5px;margin-top: -5px;}
.nav a {display:block; padding:0 35px 0 65px; line-height:40px; color:#FFF; text-transform:uppercase; box-shadow:inset 0 -1px #333a4c;}
.nav a:hover {background-color:rgba(0,0,0,0.2);}
.hidden-menu {background-color:#2d2f36; width:260px; top:0; left:100%;
position: absolute; z-index: 9999; display: none; box-shadow:0 0 6px 0 rgba(0,0,0,0.5);}
.hidden-menu a {border-bottom:1px solid #42444a; padding:0 30px 0 60px; text-transform:none;}
.hidden-menu li.hidden-menu-title a {padding:0 30px 0 20px; text-transform:uppercase;}
.hidden-menu li {background:none;}
.hidden-menu a:hover, .sub-menu {background-color:#3a3c43; color:#fff;}
.menuactive > a, li.menuactive > a:hover, .main-menu > li > a:hover, .a.active {}


/* SIDE BOTTOM
----------------------------------------------- */
.side-other-wrap {width:260px; margin:0 auto;}
.search-box {margin:20px 26px 30px 26px;}
/*.search-box input, .search-box input:focus {width:100%; height:32px; line-height:32px; padding:0 10px 0 32px; border-radius:0;*/
/*background:#2b3142 url(../images/search.png) 0 0 no-repeat; color:#fff; border:0; box-shadow:none;}*/
.socials {padding:0 26px;}
.socials a {display:block; height:36px; padding:0 0 0 40px; text-align:center; line-height:36px; margin-bottom:10px; color:#fff; text-transform:uppercase;
background:#597a9d url(../images/socials.png) 0 0 no-repeat; font-size:14px;}
.socials a:nth-child(2) {background-position:left -48px; background-color:#3b5998;}
.socials a:nth-child(3) {background-position:left -95px; background-color:#c53f34;}
.socials a:hover {box-shadow:inset 0 0 10px 0 rgba(0,0,0,0.5);}
.copyright {color:#d7e3f0; padding:0 60px; line-height:26px; margin-top:100px;}


/* MAIN PAGE
----------------------------------------------- */
.slider-wrap {margin-bottom:30px; background-color:#010101;}
.short-items-wrap {margin:0 -15px;}

/*.double-item {float:left; width:63.99%; margin:0 1.3% 18px; height:300px; overflow:hidden; background-color:#FFF; display:block; position:relative;}*/
.double-item {float:left; width:97.3%; margin:0 1.3% 18px; height:300px; overflow:hidden; background-color:#FFF; display:block; position:relative;}
.short-item {float:left; width:30.73%; margin:0 1.3% 18px; height:300px; overflow:hidden; background-color:#FFF; display:block; position:relative;}
.short-item:hover {box-shadow: 0 0 10px rgba(0,0,0,0.4);}
.short-item-title {line-height:60px; font-size:16px; text-transform:uppercase; text-align:center;}

.thumb-img {height:200px; margin-bottom:10px; display:block;}
.thumb-desc {padding:0 22px;}
.thumb-info {margin-bottom:2px; line-height:22px; color:#8a8a8a;}
.thumb-info span {display:inline-block; margin-left:10px; color:#9b9b9b; padding:0 7px;
box-shadow:inset 0 0 0 1px #e3e3e3; border-radius:3px;}
.thumb-title {font-size:21px; line-height:30px; max-height:60px; overflow:hidden; margin-bottom:10px;}
.thumb-text {color:#767575; font-size:13px; line-height:18px; max-height:90px; overflow:hidden;}
.thumb-title:hover {color:#9d3062;}

/* FILL IMG
----------------------------------------------- */
.thumb-item2 .thumb-desc {padding:30px 40px; position:absolute; left:0; right:0; bottom:0;}
.thumb-item2 .thumb-title {max-height:none; margin-bottom:0;}

/* BEST WEEK
----------------------------------------------- */
.thumb-item3 {margin-bottom:10px; padding:0 40px;}
.thumb-item3 .thumb-title {font-size:14px; line-height:26px; max-height:52px; margin-bottom:0;}

/* COMMENTS
----------------------------------------------- */
.thumb-item4 {margin-bottom:10px; padding:0 40px;}
.thumb-item4 .thumb-info span {box-shadow:none; padding:0; color:#a7a7a7;}
.thumb-item4 .thumb-title {font-size:12px; line-height:18px; color:#949494; max-height:none; margin-bottom:0; margin-top:5px;}
.thumb-item4 .thumb-title:hover {color:#9d3062;}

/* QUOTE
----------------------------------------------- */
.thumb-item5 {text-align:center; padding:0 30px; font-size:18px; color:#707070; line-height:30px;}
.quote-img {width:110px; height:110px; border-radius:50%; margin:40px auto 25px auto;}
.quote-text {margin-bottom:10px; text-align:left;}
.quote-text:before {content:""; display:block; height:43px; background:url(../images/quote.jpg) center top no-repeat; margin:0 -3px 15px 0;}

/* TRAVEL, DARK BG
----------------------------------------------- */
.thumb-item6 {width:64.06%;}
.thumb-item6 .thumb-desc {padding:0 80px 15px 170px; position:absolute; left:0; right:0; bottom:0;}
.darken-item .thumb-info {color:#fff;}
.darken-item .thumb-info span {color:#fff; box-shadow:inset 0 0 0 1px #e3e3e3;}
.darken-item .thumb-title {color:#fff;}
.darken-item .thumb-title:hover {color:#9d3062;}

/* SERVICE
----------------------------------------------- */
.service-item {background:#cd483b url(../images/service.jpg) center center no-repeat;}
.service-item .thumb-desc {font-size:16px; color:#fff; text-align:center; padding:0 40px 70px 40px;
position:absolute; left:0; right:0; bottom:0;}
.service-text {font-size:18px; margin-top:15px;}
.service-item:hover {box-shadow:inset 0 0 40px 0 rgba(0,0,0,0.5);}

/* FOOD
----------------------------------------------- */
.food-item {width:64.06%; padding-left:30.73%;}
.food-img {position:absolute; left:0; bottom:0; top:0; width:48%;}
.food-desc {padding:20px 20px 20px 30px;}
.thumb-item8 {margin-bottom:10px;}
.thumb-item8:not(.first) .thumb-title {font-size:16px; line-height:normal; max-height:none; margin-bottom:10px;}

/* CELEBRITY
----------------------------------------------- */
.thumb-item7 {width:64.06%; padding-left:30.73%;}
.thumb-img7 {position:absolute; left:0; bottom:0; top:0; width:48.2%;}
.thumb-desc7 {padding:20px 20px 20px 30px;}
.thumb-desc7 .thumb-title {max-height:90px;}
.thumb-desc7 .thumb-text {max-height:270px;}

/* VIDEO
----------------------------------------------- */
.video-item .thumb-desc {padding:20px 40px; position:absolute; left:0; right:0; bottom:0;}
.video-item:before {content:""; background:url(../images/play.png) no-repeat; width:106px; height:106px;
position:absolute; left:50%; top:50%; margin:-93px 0 0 -53px;}

/* SLIDER
----------------------------------------------- */
.slider-inner {position:relative;}
.slide-big {height:340px; position:relative; z-index:50;}
.slide-big .thumb-desc {padding:20px 40px; position:absolute; z-index:100; left:0; bottom:0; top:0; width:40%;
display:flex; flex-direction:column; justify-content:center;}
.slide-big .thumb-title {max-height:none; margin-bottom:0; margin-top:10px; font-size:18px;}
.slide-big:before {content:""; position:absolute; z-index:50; left:0; right:0; top:0; bottom:0;
background: linear-gradient(to right, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 20%,rgba(0,0,0,0.1) 40%, rgba(0,0,0,0.1) 60%, rgba(0,0,0,0.6) 80%,rgba(0,0,0,0.8) 100%);}
.slide-small-box {width:31.73%; padding:20px 40px; position:absolute; z-index:100; right:0; top:0; bottom:0;
display:flex; flex-direction:column; justify-content:space-between;}
.slide-small-box .thumb-item3 {padding:0; margin:10px 0;}

/* RATING
----------------------------------------------- */
.rating {width:67px; height: 14px; font-size:10px;}
.unit-rating {list-style: none; margin:0; padding: 0; width: 100%; height: 100%;
position: relative; background: url("../images/rating2.png") repeat-x;}
.unit-rating li {text-indent: -900px; padding: 0; margin: 0 0 0 0; float: left;}
.unit-rating li a {display: block; width: 14px; height: 14px; text-decoration: none; text-indent: -900px;
z-index: 3; position: absolute; padding: 0; overflow:hidden;}
.unit-rating li a:hover {background: url("../images/rating2.png") 0 -17px; z-index: 2; left: 0;}
.unit-rating a.r1-unit {left: 0;}
.unit-rating a.r1-unit:hover {width:14px;}
.unit-rating a.r2-unit {left: 15px;}
.unit-rating a.r2-unit:hover {width: 29px;}
.unit-rating a.r3-unit {left: 30px;}
.unit-rating a.r3-unit:hover {width: 44px;}
.unit-rating a.r4-unit { left: 45px;}
.unit-rating a.r4-unit:hover {width: 59px;}
.unit-rating a.r5-unit {left: 60px;}
.unit-rating a.r5-unit:hover {width: 70px;}
.unit-rating li.current-rating {background: url("../images/rating2.png") 0 -35px; position: absolute;
height: 14px; display: block; text-indent: -900px; overflow:hidden; z-index: 1;}


/* PAGE
----------------------------------------------- */
.page-wrap {background-color:#FFF;}
.page-pic {height:350px;}
.page-inner {padding:25px 45px;}
.page-info {padding-right:270px; position:relative;}
.speedbar {color:#a3a3a3; padding-bottom:30px;}
.speedbar a {position:relative; color:#a3a3a3;}
.speedbar a:hover {color:#9d3062; text-decoration: none;}
.speedbar-bg {background-color:#FFF; padding:0 25px; line-height:50px; margin-bottom:20px;}
.page-sub-info {display:inline-block; position:absolute; right:-20px; top:-10px;}
.page-rating {display:inline-block; position:relative; top:5px;}
.edit-but {display:inline-block; margin-left:10px; color:#a3a3a3; padding:0 15px 0 30px;
box-shadow:inset 0 0 0 1px #e3e3e3; border-radius:3px; line-height:30px; background:url(../images/edit.png) 0 0 no-repeat;}
.page-title h1 {font-size:28px; line-height:30px; color:#000; padding:20px 0 30px 0;}
.tags {margin:0 -45px; border:1px solid #f1f1f1; border-left:0; border-right:0; padding:15px 20px 8px 20px; line-height:22px;}
.tags a {display:inline-block; margin:0 0 7px 7px; color:#9b9b9b; padding:0 7px;
box-shadow:inset 0 0 0 1px #e3e3e3; border-radius:3px;}
.tags:before {color:#767575; font-size:14px; display:inline-block; content:attr(data-label);}
.tags a:hover {color:#fff; background-color:#9d3062; border-color:#9d3062;}


/* PAGE TEXT STATIC
----------------------------------------------- */
.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width: 100% !important; height:400px;}
.full-text {line-height:26px; font-size:14px; margin:0 0 20px 0; color:#767575}
.full-text img {margin:0;}
.full-text a {text-decoration: none; color:#9d3062;}
.full-text a:hover {text-decoration: none;}
.full-text h2, .full-text h3, .full-text h4, .full-text h5 {color:#575757; line-height:30px; margin:40px 0 20px 0;}
.full-text h2 {font-size:24px;}
.full-text h3 {font-size:20px;}
.full-text h4 {font-size:18px;}
.full-text h5 {font-size:16px;}
.full-text p {margin-bottom:20px;}
.full-text ul, .full-text ol, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:0;}
.full-text ul li {list-style:disc; margin-left:40px;}
.full-text ol {counter-reset:li; padding:0;  list-style:none; margin:20px 0px; }
.full-text ol li {position:relative; margin:0 0 20px 0; padding-left:60px; min-height:35px;}
.full-text  ol li:before {content:counter(li); counter-increment:li; font-size:14px;
position:absolute; top:0px; left:0; width:35px; height:35px; line-height:35px; text-align:center;
box-shadow:inset 0 0 0 1px #d1d1d1;}
.full-text table {width:100%; text-align:left;}
.full-text table tr td {padding:10px; border:1px solid #e3e3e3; font-size:12px; }
.full-text table tr:nth-child(1) {background-color:#f1f1f1 !important;}
.full-text table tr:nth-child(2n+1) {background-color:#f9f9f9;}
.full-text table img {display:block; margin:0; border:0; max-width:350px}

.category-content a,
.page-text a,
.short-item.thumb-item.category a.thumb-title {
    font-weight: 600;
    color: #9d3062;
}

.category-content a::after,
.page-text a::after,
.short-item.thumb-item.category a.thumb-title::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 5px;
    height: 2px;
    width: 0;
    background: transparent;
    -webkit-transition: width .5s ease, background-color .5s ease;
    -moz-transition: width .5s ease, background-color .5s ease;
    -ms-transition: width .5s ease, background-color .5s ease;
    -o-transition: width .5s ease, background-color .5s ease;
    transition: width .5s ease, background-color .5s ease;
}
.category-content a::after {
    bottom: 1px !important;
}

.category-content a:hover::after,
.page-text a:hover::after,
.short-item.thumb-item.category a.thumb-title:hover::after {
    background: #9d3062;
    width: 100%;
}


/* PAGE COMMENTS
----------------------------------------------- */
.add-com-wrap { width:100%; max-width:720px; margin: -20px auto; padding-bottom:80px;}
.add-com-title {color:#767575; font-size:14px; text-transform:uppercase; padding-bottom:40px;}
.add-com-form {padding:0 0 0 105px;}
.add-com-avatar {width:80px; height:80px; border-radius:50%;
float:left; margin-left:-105px;}
.add-com-textarea {float:right; width:100%;}
.add-com-textarea textarea {display:block; width:100%; height:80px; padding:20px; background-image:none;
 border:1px solid #e3e3e3; border-radius:3px;}
.add-com-textarea button {margin-top:15px; float:right;}

.comm-item { padding:0 0 0 105px; min-height:100px; margin-top:55px; position:relative;}
.comm-avatar {float:left; width:80px; height:80px; margin-left:-105px; border-radius:50%;}
.comm-right {float:right; width:100%; color:#767575;}
.comm-text {font-size:13px; line-height:26px; margin:10px 0;}
.comm-name {font-size:14px; color:#767575; margin-right:20px; text-transform:uppercase; float:left; display:inline-block;}
.comm-sub-info {display:inline-block; float:right;}
.comm-reply {color:#767575;}
.comm-reply-item {margin:35px 0 0 100px; position:relative;}
.comm-reply-item:before {content:""; width:100px; height:85px; background:url(../images/comm-item-reply.png) left top no-repeat;
position:absolute; left:-100px; top:-40px; pointer-events:none;}

.button-more {display:block; width:100%; max-width:720px; margin:80px auto 0 auto; border:1px solid #f1f1f1; border-radius:3px;
color:#b4b4b4; font-size:13px; text-transform:uppercase; text-align:center; height:50px; line-height:48px;}
.button-more-white {background-color:#FFF; border:0; line-height:50px; max-width:500px;}
.button-more:hover {color:#fff; background-color:#9d3062; border-color:#9d3062;}


/* ARTICLE
----------------------------------------------- */
.article-wrap {padding-bottom:80px;}
.article-cols {padding-right:370px;}
.article-col-right {width:370px; margin-right:-370px; float:right;}
.article-col-left {width:100%; float:left; padding-right:30px;}
.article-inner {background-color:#FFF; padding:0 35px 40px 23px; margin-bottom:20px;}
.article-img {height:550px; display:flex; flex-direction:column; justify-content:center;}
.article-img img {max-height:100%; max-width:100%; display:inline-block; margin:0 auto;}
.box {display:none;}
.box.visible {display:block;}
.tabs {background-color:#FFF; padding:10px 25px; line-height:20px; margin-bottom:30px;}
.tabs li {display:inline-block; padding:5px 0; cursor:pointer; text-transform:uppercase; color:#989898; margin-right:40px;}
.tabs li.current {box-shadow:inset 0 -3px 0 0 #bee2e7;}
.tabs li:hover {color:#000;}

.side-item {background-color:#FFF; margin-bottom:20px;}
.side-item-t {height:50px; line-height:50px; text-align:center; text-transform:uppercase; font-size:14px;
background-color:#989898; color:#CCC; padding:0 25px;}
.side-item-c {padding:20px 35px;}
.article-filter {min-height:810px}
.filter-item {margin-bottom:20px; color:#8f8f8f; font-size:14px;}
.fi-title {font-size:16px; color:#575757; margin-bottom:20px;}
.fi-checkbox {line-height:20px; margin-bottom:15px;}
.fi-short-checkboxes .fi-checkbox {display:inline-block; margin-right:10px;}
.fi-short-checkboxes .fi-checkbox:last-child {margin-right:0;}
.fi-checkbox input {display:none;}
.fi-checkbox label {position:relative; padding-left:30px; cursor:pointer;}
.fi-checkbox label:before { content:""; cursor:pointer; width:20px; height:20px; box-shadow:inset 0 0 0 1px #e5e5e5;
position:absolute; left:0; top:-2px; background-color:#fff;}
.fi-checkbox input:checked + label:before {box-shadow:inset 0 0 0 1px #e5e5e5,inset 0 0 0 5px #fff; background-color:#9d3062;}

.fi-input-text {position: relative;}
.fi-input-text input {height:35px; line-height:35px; width:100%;}
.fi-tags {line-height:22px; margin-top:20px; font-size:12px;}
.fi-tags > span {display:inline-block; margin:0 4px 7px 0; color:#9b9b9b; padding:0 7px;box-shadow:inset 0 0 0 1px #e3e3e3; border-radius:3px;}
.fi-tags > span > span {cursor: pointer;}
.fi-tags > span:hover {color:#fff; background-color:#9d3062; border-color:#9d3062;}

.category-description {
    position: relative;
    background-color: #FFF;
    margin-bottom: 18px;
    padding: 20px;
    color:#767575;
    font-size: 16px;
    line-height: 18px;
}
.category-content {
    color:#767575;
    font-size: 16px;
    line-height: 18px;
    white-space: normal;
    text-align: justify;
}

.ingredient-info h1 {
    color:#767575;
    font-size: 18px;
    margin-bottom: 10px;
}
/* PROFILE PAGE
----------------------------------------------- */
.profile-slide {
    background-color: #fff;
    display: none;
    position: absolute;
    padding: 20px 40px;
    min-height: 200px;
    left: 1px;
    right: 1px;
    top: 0;
    -webkit-box-shadow: 0 4px 14px 0 rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0 4px 14px 0 rgba(50, 50, 50, 0.75);
    box-shadow:         0 4px 14px 0 rgba(50, 50, 50, 0.75);
    z-index: 1000;
}
.profile-field {
    width: 100%;
}
.profile-message-success{
    color: limegreen;
    font-weight: 700;
    font-size: 15px;
    position: absolute;
    top: -21px;
}
 .uploadifive-button {
     transition: all .5s;
     font-family: "GothamProMedium" !important;
     color: #fff;
     background-color: #9d3062;
     cursor: pointer;
     text-align: center;
     padding: 0 35px;
     font-size: 13px;
     text-transform: uppercase;
     display: inline-block;
     width: 100%;
     height: 40px;
     line-height: 40px;
     border-radius: 3px;
     cursor: pointer;
 }
.uploadifive-button > input[type="file"] {
     font-size: 30px;
     opacity: 0;
     position: absolute;
     right: 0;
     top: 15px;
     left: 0;
     z-index: 999;
     width: inherit;
 }
 .uploadifive-queue-item {
     position: fixed;
     top: 10px;
     right: 10px;
     width: 300px;
     border: 1px solid #9d3062;
     border-radius: 3px;
     padding: 10px;
     background-color: white;
     -webkit-box-shadow: 0px 4px 14px 0px rgba(50, 50, 50, 0.75);
     -moz-box-shadow:    0px 4px 14px 0px rgba(50, 50, 50, 0.75);
     box-shadow:         0px 4px 14px 0px rgba(50, 50, 50, 0.75);
 }

/* CATALOG PAGE
----------------------------------------------- */
.catalogpage-wrap {padding-bottom:80px;}
.catalogpage-wrap .button-more {margin:40px auto 0 auto;}
.catalogpage-filter {float:left; width:22.4%; margin:0 1.3% 25px 1.3%; height:665px; overflow:hidden;}
.catalogpage-filter .side-item-t {text-align:left;}
.catalogpage-filter .side-item-c {padding:20px 25px;}
.catalogpage-filter .speedbar {padding-bottom:20px;}

.cp-item {float:left; width:22.4%; margin:0 1.3% 25px 1.3%; height:320px; overflow:hidden;
background-color:#FFF; padding:25px 20px; display:block;}
.cp-img {background-color:#FFF; height:200px;}
.cp-img img {max-height:100%; max-width:100%; display:block; margin:0 auto;}
.cp-title {margin:15px 0; font-size:21px; display:block;}
.cp-info span {display:inline-block; margin-right:20px; color:#9b9b9b; padding:0 7px; line-height:22px;
box-shadow:inset 0 0 0 1px #e3e3e3; border-radius:3px;}
.cp-info .rating {display:inline-block; position:relative; top:3px;}
.cp-link {display:block;}
.cp-link:hover .cp-img {opacity:0.7;}


/* SHOP PAGE
----------------------------------------------- */
.shop-item {background-color:#FFF; margin-bottom:20px; height:115px;}
.shop-item > div {float:left; height:100%; padding:10px; text-align:center; overflow:hidden;
display:flex; flex-direction:column; justify-content:center;}
.shop-item > div > div {display:inline-block;}
.shop-img {width:16.24%; padding:0 !important;}
.shop-img img {width:100%;}
.shop-title {width:23.76%; font-size:24px;}
.shop-quantity {width:12%; font-size:14px; color:#676767;}
.shop-quantity span {font-size:18px;}
.shop-images {width:38%; padding:0 !important;}
.shop-images img {display:inline-block; margin:0 3px; width:105px; height:105px; border:1px solid #f1f1f1;}
.shop-rating {width:10%;}


/* C PAGE
----------------------------------------------- */
.cpage-wrap {background-color:#FFF; min-height:1000px;}
.cpage-cols {border-bottom:1px solid #f1f1f1;}
.cpage-col-left {border-right:1px solid #f1f1f1; float:left; width:42.8%; padding:20px 40px 30px 40px; min-height:400px;}
.cpage-col-right {float:right; width:57.2%; padding:50px 40px;}

.cpage-wrap .speedbar {padding-bottom:0;}
.cpage-info {padding-right:220px; position:relative;}
.cpage-info > span {display:inline-block; margin-right:20px; color:#9b9b9b; padding:0 7px; line-height:22px;
box-shadow:inset 0 0 0 1px #e3e3e3; border-radius:3px; float:right;}
.cpage-info .page-sub-info {top:-5px; right:0;}
.cp-desc {float:left; width:50%; padding:25px; font-size:14px; line-height:26px; color:#767575;}
.cp-attributes {float:right; width:50%; padding:25px 0 0 0;}
.cp-info-title, .cp-attributes .fi-title {font-size:24px; line-height:30px; color:#575757; margin-bottom:10px;}

#sync1 {margin-bottom:30px;}
#sync1 .owl-item {height:400px; overflow:hidden; text-align:center;}
#sync2 .owl-item {height:120px; overflow:hidden; cursor:pointer; text-align:center;}
#sync2 .owl-item img, #sync1 .owl-item img {max-height:100%; max-width:100%;}
#sync2 .owl-item img {border:1px solid #f1f1f1; margin:0 10px;}
#sync2 .owl-item:hover {opacity:0.7;}
#sync2 .synced {border-color:#e3e3e3; position:relative; z-index:100;}

.fi-checkbox-color {display:inline-block; width:32px; height:32px; margin-right:10px;}
.fi-checkbox-color input {display:none;}
.fi-checkbox-color label {display:inline-block; cursor:pointer;}
.fi-checkbox-color img  {display:block; width:32px; height:32px;}
.fi-checkbox-color input:checked + label {opacity:0.7;}

.fi-checkbox-size {display:inline-block; margin-right:10px;}
.fi-checkbox-size input {display:none;}
.fi-checkbox-size label {display:inline-block; cursor:pointer; width:32px; height:32px; border-radius:3px;
box-shadow:inset 0 0 0 1px #e3e3e3; text-align:center; line-height:32px; color:#8f8f8f;}
.fi-checkbox-size input:checked + label {background-color:#f5f5f5;}

/* FILTER PAGE
----------------------------------------------- */
.filterpage-wrap {padding-bottom:80px;}
.filterpage-wrap .button-more {margin:40px auto 0 auto;}
.filterpage-filter {margin:0 1.3% 20px 1.3%; height:1180px;}

.recipe-item {float:left; width:22.4%; margin:0 1.3% 20px 1.3%; height:380px; overflow:hidden; background-color:#FFF; display:block;}
.ingredient-info {float:left; width:72.4%; margin:0 1.3% 20px 1.3%; padding: 20px; overflow:hidden; background-color:#FFF; display:block;}
.recipe-img {height:220px; margin-bottom:10px;}
.recipe-desc {padding:0 20px;}
.recipe-title {line-height:30px; overflow:hidden; height:60px; margin-bottom:10px;}
.recipe-title a {font-size:21px;}
.recipe-title .rating {display:inline-block; position:relative; top:2px; margin-left:15px;}
.recipe-info span {display:inline-block; float:left; width:50%; height:30px; line-height:30px;
font-size:12px; color:#767575; padding-left:30px; background: url("../images/rec-sm.png") no-repeat;}
.ri-time {background-position:0 0 !important;}
.ri-quan {background-position:0 -69px !important;}
.ri-energy {background-position:0 -33px !important;}
.ri-diff {background-position:0 -107px !important;}
.recipe-img:hover {opacity:0.7;}


/* UI FILTER */
.slider-range-box {padding:15px 0;}
#slider-time, #slider-kkal {width: 100%;}
.ui-slider {position: relative;}
.ui-slider .ui-slider-handle {position: absolute;z-index: 2;width: 18px;height: 18px; cursor:pointer;
	background: #FFF; border:2px solid #fbc446; border-radius:50%;}
.ui-slider .ui-slider-handle span {display:inline-block; position:absolute; top:-20px; left:-15px;
color:#8f8f8f; font-size:12px; width:40px; text-align:center; height:14px;}
#slider-kkal .ui-slider-handle span {left:-30px; width:60px;}
.ui-slider .ui-slider-range {position: absolute;z-index: 1;font-size: .7em;display: block;border: 0;overflow: hidden;}
.ui-slider-horizontal {height: 8px;}
.ui-slider-horizontal .ui-slider-handle { top: -6px;margin-left: -8px;}
.ui-slider-handle:nth-child(2) {margin-left:-1px;}
.ui-slider-horizontal .ui-slider-range {top: 0;height: 100%;}
.ui-slider-horizontal .ui-slider-range-min {left: 0;}
.ui-slider-horizontal .ui-slider-range-max {right: 0;}
.ui-widget-content {border: 1px solid #d8d8d8;background: #e5e5e5;}
.ui-widget-header {border: 1px solid #d8d8d8;
background: #bbbbbb; background: linear-gradient(to bottom, #c3c3c3 0%,#bbbbbb 100%);}
.ui-corner-all {border-radius: 5px;}



/* RECEPT PAGE
----------------------------------------------- */
.receptpage-wrap {background-color:#FFF;}
.rp-cols {}
.rp-left {float:left; width:45.3%; height:680px; position:relative; overflow:hidden; background-color:#e3e3e3;}
.rp-left img {min-height:100%; max-width:1170px;}
.rp-right {float:right; width:54.7%; padding:20px 35px 20px 35px;}
.rp-right .page-title h1 {padding:0;}
.rp-right .thumb-info {margin:10px 0;}
.rp-right .rating {display:inline-block; margin-right:20px; position:relative; top:3px;}
.rp-desc {padding-bottom:40px; position:relative; margin-bottom:0;}
.rp-right .edit-but {margin-left:0; text-decoration:none; color:#a3a3a3; position:absolute; right:-15px; bottom:0;}
.rp-sub-title {position:relative; text-align:center; color:#575757; font-size:20px; line-height:30px;
text-transform:uppercase; margin:10px -35px 20px -35px;}
.rp-sub-title span {display:inline-block; padding:0 20px; background-color:#FFF; position:relative; z-index:100;}
.rp-sub-title:before, .rp-sub-title:after {content:""; width:50%; height:5px; position:absolute; z-index:50;
background:url(../images/wave.png) repeat-x;}
.rp-sub-title:before {left:0; top:13px;}
.rp-sub-title:after {right:0; bottom:13px;}
.rpi-list {font-size:14px; color:#767575; margin:0 -35px; background:url(../images/rpi-list.png);}
.rpi-list li {display:flex; flex-direction:column; justify-content:center; width:50%; height:50px;
float:left; position:relative; padding:5px 10px 5px 50px;}
.rpi-list li:before {content:""; background-color:#eeeeee; width:10px; height:10px; border-radius:50%;
position:absolute; left:25px; top:20px;}
.rp-info-list {margin-top:20px;}
.rp-info-list li {width:25%; float:left; height:75px; padding-top:45px; text-align:center;
font-size:20px; color:#767575; background:url(../images/rp-icons.png) center top no-repeat;}
.rp-info-list li span {font-size:14px;}
.rp-info-list li:nth-child(3) span {font-size:12px; line-height:12px; display:inline-block; text-align:left; position:relative; top:12px;}
.rp-info-list li:nth-child(2) {background-position:center -100px;}
.rp-info-list li:nth-child(3) {background-position:center -200px;}
.rp-info-list li:nth-child(4) {background-position:center -300px;}
.rpb-list-img {margin:30px -35px 0 -105px;}
.rpb-list-img img {width:100%;}
.rp-bottom {padding:0 35px 25px 35px;}
.rpb-list {color:#767575; font-size:14px; line-height:26px;
counter-reset:li; padding:0;  list-style:none;}
.rpb-list li {position:relative; margin:0 0 20px 0; min-height:54px; padding:14px 0 10px 70px;}
.rpb-list li:before {content:counter(li); counter-increment:li; font-size:18px; color:#fad295;
position:absolute; top:0px; left:0; width:54px; height:54px; line-height:54px; text-align:center;
box-shadow:inset 0 0 0 1px #f39c12; border-radius:50%;}
.rpb-list:after {content:attr(data-end); font-size:14px; color:#767575; height:60px; padding:0 0 0 75px; line-height:60px;
display:block; width:150px; margin:50px auto; text-align:center; background:url(../images/rp-icons.png) left -400px no-repeat;}
.rp-bottom .tags {margin:0 -35px;}

#ya-site-form0 .ya-site-form__form .ya-site-form__input-text {
    padding-left: 10px;
}

/* PAGINATION
----------------------------------------------- */
.pagination {
    text-align: center;
    margin-bottom: 25px;
}
.pagination span,
.pagination a {
    display: inline-block;
    border: 1px solid #c7c7c7;
    background-color: #fff;
    cursor: pointer;
    color: #b4b4b4;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    height: 50px;
    width: 50px;
    line-height: 52px;
}
.pagination a:hover, .pagination a.active {
    background-color: #9d3062;
    border-color: #9d3062;
    color: #fff;
}
.pagination span,
.pagination > a.active {
    cursor: default;
}

/* AUTO FILL
----------------------------------------------- */
.auto-fill {
    position: absolute;
    background-color: white;
    border: 1px solid #e8eaeb;
    display: none;
    width: 100%;
    z-index: 3;
    max-height: 251px;
    overflow-y: scroll;
}
.auto-fill > li {
    padding: 7px 0 4px 8px;
    border-bottom: 1px solid #e8eaeb;
    transition: color .4s;
}
.auto-fill > li:hover {
    cursor: pointer;
    color: #9d3062;
}
.auto-fill > li:last-child {
    border-bottom: none;
}
/* ПОЛЗУНОК ФИЛЬТРА
----------------------------------------------- */
.shuttle {
    display: block;
    position: absolute;
    height: 50px;
    background-color: #9d3062;
    color: white;
    z-index: 2;
    padding: 17px;
    font-size: 20px;
    opacity: .5;
}
.shuttle:hover {opacity: 1; color: white;}

/* HOROSCOPE
----------------------------------------------- */
.periods {
    padding-top: 20px;}
.periods > a {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    color: #9d3062;
    border-bottom: 1px dashed #9d3062;
    position: relative;
}
.periods > a.on-index::before {
    position: absolute;
    left: -3px;
    top: -3px;
    right: -3px;
    bottom: -3px;
    content: ' ';
}
.periods > a.on-index:hover::before {
    border-bottom: 1px solid #9d3062;
    background-color: #9c3062;
    color: white;
    content: attr(data-text);
    text-align: center;
    line-height: 1.5
}
.horoscope-item {
    width: 64.06%;
    padding-top: 7px;
    padding-left: 2.73%;}
    .horoscope-item > .short-item-title {
        text-align: left !important;}
    .horoscope-item > .thumb-info.date {
        text-align: right;
        padding: 15px 31px;}
    .horoscope {
        margin-top: 15px;}
        .horoscope > a {
            border: 1px solid white;
            border-radius: 3px;
            color: #010101 !important;
            width: 15.4%;
            padding: 2px;
            text-align: center;}
            .horoscope > a > div.sign {
                font-size: 15px;
            }
            .horoscope > a > img {
                width: 48px;
                height: 48px;}

/* HELPER CLASSES
----------------------------------------------- */
.hide {display: none}
.rel {position: relative}
.error {background-color: tomato; opacity: 0.5;}
.red {color: red !important;}
.bold {font-weight: 700 !important;}
.m0{margin: 0 !important;}
.mt15{margin-top: 15px !important;}
.ml0{margin-left: 0 !important;}
.mt25{margin-top: 25px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mr15{margin-right:15px !important;}
.mr5{margin-right:5px !important;}
.mb20{margin-bottom:20px !important;}
.mb0{margin-bottom: 0 !important;}
.pr5{padding-right:5px !important;}
.pr30{padding-right:30px !important;}
.pb15{padding-bottom:15px !important;}
.pb0{padding-bottom:0 !important;}
.pb20{padding-bottom:20px !important;}
.pb21{padding-bottom:21px !important;}
.pb30{padding-right:30px !important;}
.pt0{padding-top:0 !important;}
.pt15{padding-top:15px !important;}
.pt19{padding-top:19px !important;}
.pt30{padding-right:30px !important;}
.ta-r{text-align: right !important;}
.ta-c{text-align: center !important;}
.va-b{vertical-align: bottom !important;}
.d-ib{display: inline-block !important;}

/* ADAPTIVE
----------------------------------------------- */
.show-menu {display:none !important;}

@media screen and (max-width: 1450px) {
.center {max-width:1400px;}
}
@media screen and (max-width: 1300px) {
.center {max-width:1024px;}
.owl-prev, .owl-next {display:none !important;}

.slider-wrap {margin-bottom:20px;}
.short-items-wrap {margin:0 -10px;}
.short-item {width:48%; margin:0 1% 18px; height: 270px;}
.thumb-item2 .thumb-desc, .video-item .thumb-desc, .food-desc, .thumb-desc7 {padding:20px;}
.thumb-item3, .thumb-item4, .thumb-item5 {padding:0 20px;}
.thumb-item6 {width:98%; margin:0 auto 20px auto; float:none;}
.thumb-item6 .thumb-desc {padding:20px;}
.service-item .thumb-desc {padding:0 20px 70px 20px;}
.thumb-item7, .food-item {width:48%; padding-left:0; height:810px;}
.food-img, .thumb-img7 {position:static; width:100%; height:420px;}
.thumb-desc7 .thumb-title {max-height:90px;}
.thumb-desc7 .thumb-text {max-height:180px;}
.slide-big img {width:150%; max-width:150%; margin-left:-25%;}
.slide-big .thumb-desc {width:60%; padding:20px;}
.slide-small-box {width:40%; padding:20px;}

.page-inner {padding:25px 20px;}
.page-sub-info {right:0;}
.tags {margin:0 -20px;}

.article-cols {padding-right:0;}
.article-col-right {width:100%; margin-right:0; float:none;}
.article-col-left {width:100%; float:none; padding-right:0;}
.article-filter {min-height:100px;}
.side-item-c {padding:20px 35px 0 35px;}
.filter-col {width:50%; float:left;}
.filter-col-three {width:33.33%; float:left; padding-right:20px;}
.filter-col-three:nth-child(3) {padding-left:20px;}
.box-thumbs {height:420px; overflow:hidden;}
.button-more {margin:40px auto 0 auto;}

.catalogpage-filter {float:none; width:98%; margin:0 auto 20px auto; height:auto;}
.cp-item {width:48%; margin:0 1% 20px 1%; height:320px;}
.recipe-item {width:48%; margin:0 1% 20px 1%; height:380px;}

.cpage-col-left {width:65%; padding:20px;}
.cpage-col-right {float:right; width:35%; padding:20px;}
.cpage-info {padding-right:0px;}
.cpage-info > span {margin:0 20px 10px 0; float:left;}
.cpage-info .page-sub-info {top:0; right:0; position:static; float:left; display:inline-block; margin-top:-5px;}
.cp-desc {float:none; width:100%; padding:15px 0 25px 0;}
.cp-attributes {float:none; width:100%; padding:0;}

.shop-img {width:25%;}
.shop-title {width:25%;}
.shop-quantity {width:100%; height:auto !important; float:none !important; display:none !important; padding-bottom:5px;}
.shop-images {width:50%;}
.shop-rating {width:100%; height:auto !important; float:none !important; display:none !important; width:67px; margin:0 auto; padding-top:10px;}
.shop-title .shop-quantity, .shop-title .shop-rating {display:block !important;}

.rp-left {float:none; width:100%; height:auto;}
.rp-left img {width:100%; min-height:auto; display:block;}
.rp-right {float:none; width:100%; padding:20px;}
.rp-right .edit-but {right:0;}
.rp-sub-title {margin:10px -20px 20px -20px;}
.rpi-list {margin:0 -20px;}
.rp-bottom {padding:0 20px 20px 20px;}
.rpb-list-img {margin:30px -20px 0 -90px;}
.rp-bottom .tags {margin:0 -20px;}

    .horoscope-item {
        padding-left: 0;
        height: 502px;}
    .horoscope {
        text-align: center;}
    .horoscope > a {width: 30%;}
    .horoscope-item .short-item-title {
        line-height: 30px !important;
        padding: 15px 0 0 25px !important;}
    .horoscope-item .periods {padding: 5px 0 5px 25px;}
    .thumb-info.date {
        text-align: left !important;
        padding: 0 0 5px 25px !important;}
}

@media screen and (max-width: 1240px) {
.center {max-width:768px; padding:0 10px; overflow:hidden;}
.nav, .side-other-wrap, .login-register, .center:before {display:none;}
.logo {height:90px; width:100%; max-width:400px; margin:0 auto; background:url(../images/logo-smart.png) center center no-repeat;}
.show-menu {display:block !important; width:60px; height:90px; cursor:pointer; position:absolute; right:0; top:0;
background:url(../images/menu-bars.png) right center no-repeat}
.sidebar {width:100%; margin-left:0; float:none;}
.content {width:100%; float:none; padding:15px 0; min-height:1000px; position:relative; z-index:100;}

.nav li {position:relative;}
.hidden-menu {width:100%; min-height:auto; left:0; top:100%;}
.side-other-wrap {padding-bottom:50px;}

}

@media screen and (max-width: 760px) {
.center {max-width:480px;}
.short-items-wrap {margin:0;}
.short-item {width:100%; float:none; margin:0 0 18px 0; height:270px;}
.thumb-item6 {width:100%;}
.thumb-item7, .food-item {width:100%; height:auto;}
.horoscope-item {width:100%; height: 502px;}
.food-img, .thumb-img7 {height:auto;}
.thumb-img7 img, .food-img img {width:100%; min-height:auto; display:block;}
.slide-big .thumb-desc {width:100%;}
.slide-big img {width:250%; max-width:250%; margin-left:-75%;}
.slide-big:before {background: linear-gradient(to right, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.0) 100%);}
.slide-small-box {display:none;}
.thumb-img {height:180px;}
.thumb-title {font-size:19px; line-height:25px; max-height:75px;}
.thumb-item4 .thumb-title {max-height:54px}
.thumb-item5 {font-size:16px; line-height:25px;}

.page-pic {height:300px;}
.page-pic img {width:768px; max-width:768px;}
.page-inner {padding:25px 10px;}
.page-title h1 {font-size:22px; padding:20px 0;}
.page-info {padding-right:0px;}
.page-sub-info {display:block; position:static; right:0px; top:0px; margin-top:10px;}
.page-info .speedbar {padding-bottom:10px;}
.add-com-wrap {padding:20px 10px;}
.comm-name {margin-right:0px; float:none; display:block;}
.comm-sub-info {display:block; float:none; margin-top:5px;}
.comm-reply-item {margin:35px 0 0 0;}
.comm-reply-item:before {left:-5px; top:-90px; width:100px; height:85px;}

.article-img {height:300px;}
.side-item-c {padding:20px;}
.filter-col, .filter-col-three {width:100%; float:none; padding:0 !important;}
.tabs li {margin-right:20px;}
.box-thumbs {height:auto;}

.catalogpage-filter {width:100%;}
.cp-item {width:100%; margin:0 0 20px 0; height:320px; float:none;}
.recipe-item {width:100%; margin:0 0 20px 0; height:380px; float:none;}

.cpage-col-left {width:100%; padding:20px 10px; float:none; border-right:0;}
.cpage-col-right {float:none; width:100%; padding:20px 10px;}
.cp-desc {padding:15px 0;}
#sync1 .owl-item {height:300px;}

.shop-item {height:230px;}
.shop-title, .shop-img, .shop-images {height:115px !important;}
.shop-img {width:50%;}
.shop-title {width:50%; font-size:14px;}
.shop-quantity span {font-size:14px;}
.shop-images {width:100%;}
.shop-images img {width:90px; height:90px;}

.rp-right .rating {margin-right:10px;}
.rpi-list li {width:100%; float:none;}
.rp-info-list li {width:50%; height:85px;}
.rp-right {padding:20px 10px;}
.rp-sub-title {margin:10px -10px 20px -10px;}
.rpi-list {margin:0 -10px;}
.rp-bottom {padding:0 10px 20px 10px;}
.rpb-list-img {margin:30px -10px 0 -80px;}
.rp-bottom .tags {margin:0 -10px;}
.rp-bottom .rp-sub-title {text-align:left;}
}

@media screen and (max-width: 420px) {
    .horoscope > a {width: 95px;}
    .horoscope-item > .short-item-title {float: none !important;}
    .shop-img {width:60%;}
    .shop-title {width:40%;}
    .rp-sub-title span {padding:0 15px; max-width:80%}
}

@media screen and (max-width: 320px) {
    .horoscope-item {height: 510px;}
}