@font-face {
    font-family: cuprumRegular;
    src: url('../fonts/Cuprum-Regular.eot');
    src: url('../fonts/Cuprum-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Cuprum-Regular.woff') format('woff'),
    url('../fonts/Cuprum-Regular.ttf') format('truetype'),
    url('../fonts/Cuprum-Regular.svg#arialNarrow') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: cuprumBold;
    src: url('../fonts/Cuprum-Bold.eot');
    src: url('../fonts/Cuprum-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Cuprum-Bold.woff') format('woff'),
    url('../fonts/Cuprum-Bold.ttf') format('truetype'),
    url('../fonts/Cuprum-Bold.svg#arialNarrow') format('svg');
}

html, body {
    font-family: cuprumRegular;
    font-size: 0.917em;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    color: #5c5956;
}
body {
    position: relative;
    display: table;
    background: #ffffff;
    display:inline-block;
    width:100%;
}
h1,h2,h3,h4,h5 {
    font-family: inherit;
    font-size: 1.17em;
    line-height: inherit;
}


header {
    width: 100%;
    padding: 0 2% 10px;
    background: #ebeae9;
    height: 100px;
    /*position: fixed;*/
    margin: 0;
    z-index: 5;
    top: 0;
    box-sizing: border-box;
}
#content_wrapper, #footer_wrapper {
    display: inline-block;
    width:100%;
}
content, footer { width:100%; display:inline-block; }
/*content {padding-top: 100px; }*/

footer {
    padding: 20px 2%;
    background: #24262d;
    box-sizing: border-box;
}

.data-list {
    padding-top: 40px;
    padding-left: 2%;
    padding-bottom:40px;
    overflow: hidden;
    width:100%;
    display:flex;
    gap: 5px;
}

@viewport {
    zoom: 1;
    width: device-width;
}

/* header*/

#logo {
    background-color: #ef7e17;
    width: 12.1%;
    height: 150px;
    text-align: center;
    /*position: fixed;*/
    position: absolute;
    box-sizing: border-box;
    z-index:7;
    margin-left:2%;
}
#logo-a  {
    box-sizing: border-box;
    background-color: #ef7e17;
    height:100%;
    padding: 10%;
    display:block;
}

#logo .divider {
    display:none;
    width:100%;
    height:1px;
    background-color:#EBEAE9;
}

#logo img { max-width: 100% }

#option-btn {
    background-color: #ef7e17;
    height:37%;
    cursor:pointer;
    padding: 10% 21%;
    display:none;
}
#logo-a:hover { background-color: #f18b2e; }
#option-btn:hover { background-color: #f18b2e; }

.nav {
    padding: 0 0 0 13%;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
}

.nav li {
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    border-right: 1px solid #d0cfcd;
    box-sizing: border-box;
    float: left;
    /*width: 25%;*/ 
    width: 20%; 
    height: 100px;
}

.nav a {
    color: #5c5956;
    display: block;
    padding: 14px;
    word-break: break-all;
}
.nav li:last-child { border-right: none; }
.nav li:hover, .nav li.active { border-bottom: 2px solid #ef7e17; }
.nav .main:hover > h3 a, .nav li.main.active a { color: #ef7e17; }

.nav li:hover .home, .nav li.active .home { background: url("../images/design/header-icons.png") no-repeat -50px 0; }
.nav .price { background: url("../images/design/header-icons.png") no-repeat -100px 0; }
.nav li:hover .price, .nav li.active .price { background: url("../images/design/header-icons.png") no-repeat -150px 0; }
.nav .category { background: url("../images/design/header-icons.png") no-repeat -200px 0; }
.nav li:hover .category, .nav li.active .category { background: url("../images/design/header-icons.png") no-repeat -250px 0; }
.nav .goods { background: url("../images/design/header-icons.png") no-repeat -300px 0; }
.nav li:hover .goods, .nav li.active .goods { background: url("../images/design/header-icons.png") no-repeat -350px 0; }
.nav .recipes { background: url("../images/design/header-icons.png") no-repeat -100px -50px; }
.nav li:hover .recipes, .nav li.active .recipes { background: url("../images/design/header-icons.png") no-repeat -150px -50px; }

.menu-text { display: block; }
.main-list { padding: 0 0 0 11px; }
.main-list h3, #map h3 {
    margin: 0;
    font-weight: normal;
}
.nav .more {
    background: url("../images/design/more.png") no-repeat right 55px;
    display: inline-block;
}

.submenu {
    background-color: #cecdcc;
    opacity: 0.9;
    height: auto;
    position: absolute;
    top: 100px;
    width: 15.4%;
    display: none;
    z-index:2;
}
.submenu a {
    color: #5c5956;
    display: block;
}
.drop-menu {
    padding: 0;
    margin: 0;
}
.drop-menu li {
    float: left;
    width: 100%;
    /*display: block;*/
    height: auto;
    border: none;
    border-bottom: 1px solid #bdbbba;
}
.drop-menu li:last-child { border-bottom: none;}
.drop-menu h3,
.drop-menu h4 {
    margin: 0;
    font-weight: normal;
}
.drop-menu li:hover {
    background-color: #e0dfde;
    border-bottom: 1px solid #e0dfde;
}

.drop-menu li:hover a { color: #5c5956; }
.nav li:hover .submenu, #user:hover .submenu { display: block; }
#map {
    background-color: #8dc63f;
    float: right;
    padding: 0;
    list-style-type: none;
    width: 19%;
    margin: 0;
    text-align: center;
}

#map li {
    height: 100px;
    text-transform: uppercase;
    box-sizing: border-box;
    display: block;
}

#map a {
    color: #ffffff;
    display: block;
    padding: 14px 0;
}

#map:hover {
    background-color: #98cc52;
    border-bottom: none;
}

.map-icon {
    background: url("../images/design/header-icons.png") no-repeat 0 -50px;
    width: 82px;
    height: 50px;
    display: inline-block;
}

.menu-icon {
    background: url("../images/design/header-icons.png") no-repeat;
    width: 50px;
    height: 50px;
    display: inline-block;
}

a { text-decoration: none; }

#rm-lang-menu {
    color: #fff;
    cursor: pointer;
    display: none;
    float: right;
    line-height: 40px;
    text-align: center;
}

#lang-menu {
    display: inline-block;
    float: right;
    text-align: center;
    padding-left: 2%;
    margin: 10px 0 0 0;
}
#lang-menu ul { margin-top: 17%; }

#lang-menu li, #social-media-container .media {
    background-color: #d0cfcd;
    border-radius: 25px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin: 0 0 10% 0;
    list-style-type: none;
}

#lang-menu li a {
    color: #ffffff;
    text-transform: uppercase;
    display: block;
    border-radius: 25px;
}

#lang-menu .active,
#rm-lang-menu.active { background-color: #ef7e17; }
#lang-menu li:hover { background-color: #ef7e17; }
#lang-menu:hover { border-bottom: none; }

#action-content {
    background-color: #ffffff;
    height: 50px;
    padding-left:13%; /*added padding*/
}
#search {
    float: left;
    position: relative;
    width: 32%;
    padding-right: 10px;
}
#search-input {
    width: 100%;
}
.search-button {
    background: url("../images/design/search.png") no-repeat center center;
    display: block;
    height: 40px;
    position: absolute;
    right: 0;
    top: 10px;
    width: 40px;
}

#place-input { width: 15.4%; }

#search-input, #place-input {
    height: 40px;
    box-sizing: border-box;
    margin: 10px 0 0 10px;
    padding: 0 0 0 10px;
    border: 1px solid #dad9d7;
    min-width: 114px;
    color: #5c5956;
}

#search-input { padding: 0 30px 0 10px;}

#log-on-content, #user-content {
    float: right;
    margin-top: 10px;
}

.button:not(.ui) {
    display: inline-block;
    width: 175px;
    height: 40px;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 40px;
    box-sizing: border-box;
    background-color: #ef7e17;
    text-align: center;
}

.required::after {
    content: "*";
}
.required {
    color: red;
    font-size: 12px;
    margin-right: 2px;
}


#log-in, #register, #log-off, #user {
    text-indent: 10px;
    text-align: left;
}

#log-in { background: url("../images/design/log-in.png") no-repeat right 10px center #ef7e17; }
#log-off { background: url("../images/design/log-off.png") no-repeat right 10px center #ef7e17; }
#register { background: url("../images/design/new-user.png") no-repeat right 10px center #e2472e; }

#log-in:hover { background: url("../images/design/log-in.png") no-repeat right 10px center #f18b2e; }
#log-off:hover { background: url("../images/design/log-off.png") no-repeat right 10px center #f18b2e; }
#register:hover { background: url("../images/design/new-user.png") no-repeat right 10px center #e55942; }

#user {
    float: left;
    background: url("../images/design/more.png")no-repeat right #ebeae9;
    display: block;
}

.user-info-side img {
    height: 30px;
    border-radius: 30px;
    width: 30px;
    padding: 5px 5px 5px 0;
}

.user-info-side span {
    overflow: hidden;
    height: 40px;
    width: 120px;
    display: inline-block;
    vertical-align:top;
    color: #5c5956;
    padding-right: 20px;
    text-indent: 0;
}

.user-info-side a { display: block; }

#user .submenu {
    top: 150px;
    width: 175px;
    text-align: left;
}

.button:hover { 
    background-color: #f18b2e; 
    color: #fff;
}

.location-bar {
    background-color: #fff;
    padding-top: 10px;
    height: 20px;
    clear: both;
}

.location-bar a {
    background: url("../images/design/location-bar-icon.png") no-repeat right 2px; /*center;*/
    padding-right: 20px;
    text-decoration: none;
    font-size: 1em;
    color: #808285;
    text-transform: uppercase;
}

.location-bar a.active { color: #ef7e17; }
.location-bar a:hover { color: #5c5956; }
.location-bar a:last-child { background: none; }

/* rm */

#option-btn span {
    background-color: #ffffff;
    display: block;
    height: 2px;
    margin-top: 11px;
}

.option-btn span:last-child { 
    float: none; 
}

#header-nav .rm-button:hover { background-color: #6c6967;}

.button-rm {
    height: 40px;
    width: 40px;
    box-sizing: border-box;
    background: #ef7e17;
    display: inline-block;
}

.button-mob-map {
    display:none;
    color: #fff;
    cursor: pointer;
    float: right;
    line-height: 40px;
    text-align: center;

    height: 40px;
    width: 40px;
    box-sizing: border-box;
    background: #8dc63f;
}
.button-mob-map:hover, .button-mob-map:active, .button-mob-map:focus {
    color: #fff;
}

#rm-log-in  { background: url("../images/design/log-in.png") no-repeat center center #ef7e17; }
#rm-log-off  { background: url("../images/design/log-off.png") no-repeat center center #ef7e17; }
#rm-register { background: url("../images/design/new-user.png") no-repeat center center #e2472e; }

#rm-log-in:hover { background: url("../images/design/log-in.png") no-repeat center center #f18b2e; }
#rm-log-off:hover { background: url("../images/design/log-off.png") no-repeat center center #f18b2e; }
#rm-register:hover { background: url("../images/design/new-user.png") no-repeat center center #e55942; }

#user-content #rm-user {
    height: 40px;
    padding: 0 30px 0 8px;
    background: url("../images/design/more.png")no-repeat 45px #ebeae9;
}

/*content*/

.data-list section.product {
    display: inline-block;
    vertical-align:top;
    margin: 1% 1% 0 0;
    width: 19%;
    box-sizing: border-box;
    padding: 5px;
    float: left;
    /*min-width: 225px;*/
    min-width: 180px;
}
.data-list aside {
    display: inline-block;
    width: 15%;
    box-sizing: border-box;
    padding: 5px;
    min-width: 160px;
}
/*filter*/

.filter {
    /*
    width: 15%;
    display: inline-block;
    background-color: #e0dfde;
    margin-bottom: 20px;
    */

    width:100%;
    background-color: #e0dfde;
    margin-bottom: 20px;
    padding-bottom: 10px;
    flex: 1;
}

.filter h3 {
    background-color: #ff8e66;
    color: #ffffff;
    text-transform: uppercase;
    padding: 10px;
    margin: 0;
}

.filter h5 {
    margin: 0 0 15px 0;
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: bold;
    padding:10px 10px 0 10px;
}


.item-filter {
    border-bottom: 2px solid #ffffff;
}
.item-filter:last-child { border-bottom: none; }

.item-filter ul {
    padding: 0;
    list-style-type: none;
    text-transform: uppercase;
}

.item-filter li { 
    padding: 0 5px;
    line-height: 25px; 
}
.item-filter li:hover { color: #ff8e66; }

.item-filter input {
    margin-right: 8px;
    right: -1px;
    vertical-align: -2px;
}

.item-filter img { width: 20%; vertical-align: middle; padding:2px 0; }
.item-filter img:hover { opacity: 0.9;}
.item-filter .shop-netto { width: 10%; }

.item-filter input[type="checkbox"]:checked + label {
    color: #ff8e66;
    font-weight: bold;
}

.item-filter label, 
.item-filter input,
.item-filter li { cursor: pointer; }

.item-filter li:hover { background-color:#E8E8E8; }

/*right side*/

#survey-block h3, #pop-category-block h3, #subscription-end h3, #user-menu-block h3, #latest-news-block h3, aside h3 {
    margin: 0;
    padding: 10px 40px 10px 10px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: normal;
}

#subscription-end h3 { padding: 10px; }

#aside-banner-block {
    text-align: center;
    margin:auto;
}

#aside-banner-block img, .product-img img { width: 100%; }
#aside-banner-block img:hover, .other-product-list li:hover,.shop-list li:hover { opacity: 0.9;}

#survey-block .icons { background: url("../images/design/content-icons.png") no-repeat right -206px #5cb69f; }
#pop-category-block .icons { background: url("../images/design/content-icons.png") no-repeat right -156px #8bbf36; }
#recipe-category-block .icons { background: url("../images/design/content-icons.png") no-repeat right -156px #639bb4; }

#survey-block ul, #pop-category-block ul, #user-menu-block ul, ul.category-container {
    padding: 0;
    margin-top: 0;
}
#subscription-end {
    background-color: #eb4549;
    margin-bottom: 10px;
}

#user-menu-block .icons { background: url("../images/design/user-menu-icons.png")no-repeat right -5px #1ba1e2; }

#menu-container h4 {
    margin: 0;
    font-weight: normal;
    padding-left: 10px;
}
#user-menu-1 { background: url("../images/design/user-menu-icons.png")no-repeat right -55px; }
#user-menu-1:hover, #user-menu-1.active { background: url("../images/design/user-menu-icons.png")no-repeat right -105px; }
#user-menu-2 { background: url("../images/design/user-menu-icons.png")no-repeat right -155px; }
#user-menu-2:hover, #user-menu-2.active { background: url("../images/design/user-menu-icons.png")no-repeat right -205px; }
#user-menu-3 { background: url("../images/design/user-menu-icons.png")no-repeat right -255px; }
#user-menu-3:hover, #user-menu-3.active { background: url("../images/design/user-menu-icons.png")no-repeat right -305px; }
#user-menu-4 { background: url("../images/design/user-menu-icons.png")no-repeat right -355px; }
#user-menu-4:hover, #user-menu-4.active { background: url("../images/design/user-menu-icons.png")no-repeat right -405px; }
#user-menu-5 { background: url("../images/design/user-menu-icons.png")no-repeat right -455px; }
#user-menu-5:hover, #user-menu-5.active { background: url("../images/design/user-menu-icons.png")no-repeat right -505px; }
#user-menu-6 { background: url("../images/design/user-menu-icons.png")no-repeat right -555px; }
#user-menu-6:hover, #user-menu-6.active { background: url("../images/design/user-menu-icons.png")no-repeat right -605px; }
#user-menu-7 { background: url("../images/design/user-menu-icons.png")no-repeat right -655px; }
#user-menu-7:hover, #user-menu-7.active { background: url("../images/design/user-menu-icons.png")no-repeat right -705px; }
#user-menu-8 { background: url("../images/design/user-menu-icons.png")no-repeat right -755px; }
#user-menu-8:hover, #user-menu-8.active { background: url("../images/design/user-menu-icons.png")no-repeat right -805px; }
#user-menu-9 { background: url("../images/design/user-menu-icons.png")no-repeat right -855px; }
#user-menu-9:hover, #user-menu-9.active { background: url("../images/design/user-menu-icons.png")no-repeat right -905px; }
#user-menu-10 { background: url("../images/design/user-menu-icons.png")no-repeat right -955px; }
#user-menu-10:hover, #user-menu-10.active { background: url("../images/design/user-menu-icons.png")no-repeat right -1005px; }
#user-menu-11 { background: url("../images/design/user-menu-icons.png")no-repeat right -655px; }
#user-menu-11:hover, #user-menu-11.active { background: url("../images/design/user-menu-icons.png")no-repeat right -705px; }

#menu-container h4:hover { color: #1ba1e2; }
#menu-container h4.active { color: #1ba1e2; }

#poll-container li, #category-container li, #menu-container li, .category-container li {
    list-style-type: none;
}
#poll-container input { margin-right: 10px;}
#poll-container h4 {
    font-weight: normal;
    font-family: cuprumBold;
}
#poll-container label {
    cursor:pointer;
}
#mainPollChart {margin-bottom:15px;}

b {
    font-weight: normal;
    font-family: cuprumBold;
}

#category-container li, #menu-container li, .category-container li {
    height: 40px;
    background-color: #e0dfde;
    line-height: 40px;
    text-transform: uppercase;
    margin-top: 2px;
    overflow:hidden;
}

#category-container li:hover, 
#menu-container li:hover,
.category-container li:hover { 
    background-color: #dad9d8; 
}
#category-container label,
.category-container label { 
    cursor: pointer; 
}
#category-container a, #menu-container a, .category-container a {
    color: #5c5956;
    display: block;
}

.cat-img {
    border-radius: 30px;
    display: inline-block;
    float: left;
    height: 30px;
    margin: 5px 10px 0 10px;
    width: 30px;
}

#cat-1 { background: url("../images/design/cat-1.png") no-repeat center center; }
#cat-2 { background: url("../images/design/cat-2.png") no-repeat center center; }
#cat-3 { background: url("../images/design/cat-3.png") no-repeat center center; }
#cat-4 { background: url("../images/design/cat-4.png") no-repeat center center; }
#cat-5 { background: url("../images/design/cat-5.png") no-repeat center center; }
#cat-6 { background: url("../images/design/cat-6.png") no-repeat center center; }

/*pop-up*/

.pop-up {
    /*background-color: #ffffff;
    display: block;
    left: 0;
    margin: 0 auto;
    position: fixed;
    right: 0;
    width: 30%;
    top: 20%;
    z-index: 6;
    min-width: 266px;*/
    text-align: center;
}


#pop-up-log-in h2, #pop-up-register h2, #pop-up-get-password h2  {
    font-weight: normal;
    text-transform: uppercase;
    background-color: #ef7e17;
    margin: 0;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    color: #ffffff;
    font-size: 1.3em;
}

#pop-up-register h2, #pop-up-get-password h2 { background-color: #e2472e; }

.pop-up .pop-up-button {
    height: 40px;
    width: 40px;
    display: block;
    float: right;
    border-left: 2px solid #ffffff;
    background: url("../images/design/cross.png")no-repeat;
}

#pop-up-log-in .pop-up-button:hover { background: url("../images/design/cross.png")no-repeat #f18b2e;}
#pop-up-register .pop-up-button:hover, #pop-up-get-password .pop-up-button:hover { background: url("../images/design/cross.png")no-repeat #e55942;}

.pop-up ul, .basic-form ul {
    padding: 0 10px 0 10px;
    list-style-type: none;
    margin: 20px 0 20px 0;
    overflow: hidden;
}

#pop-up-log-in label, #pop-up-register label, #pop-up-get-password label, .basic-form:not(.ui) label, .select-label {
    display: inline-block;
    /*   vertical-align:middle; */
    width: 150px;
    text-transform: uppercase;
    font-size: 1.2em;
}
#pop-up-log-in label.label-cb, 
#pop-up-register label.label-cb, 
#pop-up-get-password label.label-cb, 
.basic-form:not(.ui) label.label-cb, 
.select-label.label-cb {
    vertical-align: top;
    padding-top: 8px;
}

#pop-up-log-in li, #pop-up-register li, #pop-up-get-password li, .basic-form li { 
    margin: 10px 0 10px 0; 
}

#pop-up-log-in input, #pop-up-register input, #pop-up-get-password input, .basic-form:not(.ui) input {
    border: 1px solid #aeaeac;
    color: #808285;
    font-size: 1em;
    height: 30px;
    min-width: 200px;
    padding: 0 10px;
    width: 30%;
}
#pop-up-log-in input:hover, #pop-up-register input:hover, #pop-up-get-password input:hover, .basic-form input:hover { 
    border: 1px solid #c3c3c2; 
}
#pop-up-log-in input:focus, #pop-up-register input:focus, #pop-up-get-password input:focus, .basic-form input:focus { 
    border: 1px solid #ef7e17; 
}

#pop-up-log-in, #pop-up-register, #pop-up-get-password {
    display: inline-block;
    text-align:left;
}

.pop-up .button, .basic-form .button {
    float: right;
    margin-top: 10px;
}
.basic-form input[type=submit].button {
    cursor:pointer;
    border:0 none;
    color:#ffffff;
    height:40px;
}

p.pop-up-set { 
    margin: 20px 0 20px 0; 
    text-align:center; 
}
.forgot-p a { color: #ef7e17; }
.forgot-p a:hover { text-decoration: underline; }

.log-in-social { text-align: center;}

p.pop-up-set, #pop-up-register p, .forgot-p, #pop-up-get-password p {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.2em;
}

#pop-up-register p, #pop-up-get-password p { margin: 14px 10px; }
#pop-up-register .forgot-p { margin-left: 0;}


#pop-up-log-in .log-in-social li, #pop-up-register .log-in-social li {
    display: inline-block;
    margin: 5px 0;
}

#pop-up-register input.input-cb {
    width: auto;
}
#pop-up-register p.privacy-extra {
    display: inline-block;
    vertical-align: top;
    font-size: 0.9rem;
    text-transform: none;
    margin: 6px 6px;
}

input.input-cb {
       
}
.product-container .manufacturer-info > img {
    max-width: 70px;
    display: inline-block;
    vertical-align: middle;
}
.product-container .manufacturer-info > h3 {
    display: inline-block;
    vertical-align: middle;
    margin: 3px 0px 0 8px;
}

.dr-button-log-in, .fb-button-log-in, .vk-button-log-in {
    display: block;
    height: 40px;
    width: 175px;
    margin:0 5px;
}
.dr-button-log-in { background: url("../images/design/dr-button-log-in.png")no-repeat; }
.dr-button-log-in:hover, .fb-button-log-in:hover, .product-img img:hover, .vk-button-log-in:hover { opacity: 0.9; }
.fb-button-log-in { background: url("../images/design/fb-button-log-in.png")no-repeat; }
.vk-button-log-in { background: url("../images/design/vk-button-log-in.png")no-repeat; }

.log-in-social a {
    text-align: right;
    color: #ffffff;
    text-transform: uppercase;
}

.log-in-social span {
    display: block;
    line-height: 40px;
    padding-right: 10px;
}

/*product*/

.product-header {
    height: 40px;
    line-height: 40px;
    text-align: right;
    overflow: hidden;
}
.product-header img { float: left; }

.product-header a {
    display: block;
    width: 100%;
    color: #5c5956;
}

.product-img, .video-container {
    position: relative;
    height: 0;
    padding-bottom: 100%;
    width: 100%;
}

.product-list section {
    box-sizing: border-box;
}

.comment-product-img img {
    float: left;
    margin-right: 10px;
    min-width: 60px;
    width: 5%
}

.rate {
    width: 110px;
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index:2;
}
.shop {
    width: 22%;
    right: 0;
    position: absolute;
    bottom: 0;
    z-index:2;
}

.shop-netto { width: 10%; }

.discount {
    background-color: #eb4549;
    border-radius: 40px;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #ffffff;
    float: left;
}

.priceTable .price {
    float:left;
}

.priceTable .discount {
    background-color: #eb4549;
    border-radius: 40px;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #ffffff;
    float: left;
    margin-left:20px;
    line-height: 40px;
}

.lv-labums {
    background:url("../images/design/lv-labums-icon.png") no-repeat;
    width: 40px;
    height: 40px;
    margin-left: 5px;
    float: left;
    background-size: 100%;
}

.add-price {
    background:url("../images/design/add-price.png") no-repeat;
    width: 40px;
    height: 40px;
    margin-left: 5px;
    float: left;
    background-size: 100%;
}


.rate input, .rate img {
    background: url("../images/design/rate.png") no-repeat left center;
    border: medium none;
    cursor: pointer;
    padding: 0;
    width: 17px;
}

.rate input:hover, .rate img:hover { background: url("../images/design/rated.png") no-repeat left center; }

.product-info {
    box-sizing: border-box;
    padding: 10px;
    background: #ffa200;
    margin: 0 0 10px 0;
}

.cat-title { 
/*text-transform: uppercase; */
}

.product-info p, .product-info h2 {
    font-size: 1.15rem;
    color: #ffffff;
    margin: 0;
    height: 50px;
    overflow: hidden;
    line-height: 1.15rem;
}

.product-info h2 {
    font-family: cuprumBold;
    font-weight: normal;
}
.product-info .price {
    line-height: normal;
    font-family: cuprumBold;
    font-size: 1.6em;
}

.dropdown.optgroup .divider {
    border-top: none !important;
}

.product-info .price i {
    font-size: 0.9em;
    font-style: normal;
    font-weight: normal;
    padding-left: 2%;
    text-decoration: line-through;
}

.product-info:hover { background-color: #ffab19; }

.button.button-fav,
.button.remove-fav,
.button-std,
.button-fav, .remove-fav, .button-std {
    background-color: #2c3e50;
    height: 40px;
    text-align: center;
    line-height: 40px;
    text-transform: uppercase;
}

.button-cat { background-color: #84b32b; }
.remove-fav { background-color: #eb4549; }

.button-fav a, .remove-fav a, .button-std a {
    color: #ffffff;
    display: block;
}
.button-fav:hover, .button-std:hover { background-color: #415161; }
.button-cat:hover { background-color: #90ba40; }
.remove-fav:hover { background-color: #ed575b; }

.recipe, .news, .video { margin-bottom: 0; }
.recipe { background-color: #639bb4; }
.recipe:hover { background-color: #72a5bb; }
.news { background-color: #805f1e; }
.news:hover { background-color: #8c6f34; }
.video { background-color: #f76935; }
.video:hover { background-color: #f87749; }

.product-list .product h3 {
    margin: 0 0 10px 0;
    font-weight: bold;
    color: #ffffff;
    font-size: 1.3em;
    height: 44px;
    overflow: hidden;
}

.recipe p, .news p, .video p {
    height: 94px;
    font-size: 1.1em;
}

.page-recipe .step > p {
    line-height: 1.4em;
    text-align:justify;
}

.recipe-header { background: url("../images/design/content-icons.png") no-repeat -12px -6px; }
.news-header { background: url("../images/design/content-icons.png") no-repeat -16px -105px; }
.video-header { background: url("../images/design/content-icons.png") no-repeat -13px -56px; }

.video-container iframe {
    width: 100%;
    height: 100%;
    position: absolute;
}

/*about product*/

.product-container {
    flex: 5; /* Allow content to take up more space than the sidebar */
    padding: 15px;
    border-radius: 8px;
    /*    display: block;
    float: left;
    width: 83%;
    margin-right: 2%
     */
}

#sidebar {
    min-width: 250px;
    box-sizing: border-box;
    /*
    padding: 0;
    float: right;
    */
    flex: 1;
    padding: 15px;
    border-radius: 8px;
}

.product-container h1, .price-title {
    font-size: 1.8em;
    color: #ef7e17;
    font-weight: bold;
    margin-top: 0;
}

.price-title, .price-regular {
    margin: 20px 0 10px 0;
    font-size: 2em;
    text-transform: uppercase;
}

.old-price {
    font-size: 1.5em;
    margin-top: 0;
}

.about-header .rate {
    position: static;
}

.about-header {
    padding: 0;
    margin: 0;
}

.about-header li {
    list-style-type: none;
    display: inline-block;
}

.rate-results, .comments {
    font-weight: normal;
    color: #b4b4b4;
   /* margin: 0 10px 0 0;*/
}

.comments {
    background: url("../images/design/comment-icon.png") no-repeat;
    width: 16px;
    height: 16px;
    text-indent: 20px;
    cursor: pointer;
}
.comments { margin-right:30px; }
.rate-results a, .comments a { color: #b4b4b4; }
.rate-results a:hover, .comments a:hover { text-decoration: underline; }
.comment-rating em {
    font-style: normal;
}

.block-left, .news-img {
    width: 48%;
    margin-right: 1%;
    clear: both;
    margin-bottom: 20px;
    float: left;
    overflow: hidden;
}
.post-article .block-left, .news-img {
    padding-right: 1%;
}
.recipe-wrapper .description {
    line-height: 1.4em;
}
.block-right {
    width: 50%;
    float: right;
    margin-right: 1%;
}

.block-full {
    width: 100%;
    float: left;
}
.about-product-img {
    float: left;
    position: relative;
}
.about-product-img img { width: 100%; }

.about-product-img .product-header {
    position: absolute;
    height: 100px;
    width: 100%;
}

.about-product-img .discount {
    padding-bottom: 16%;
    width: 16%;
    height: 0;
    border-radius: 50%;
    float: right;
}

.about-product-img .discount span {
    float:left;
    width:100%;
    padding-top:50%;
    line-height:1em;
    margin-top:-0.5em;
    text-align:center;
    color:white;
    font-size: 2em;
}

.about-product-img .lv-labums {
    height: 100%;
    width: 16%;
    float: left;
}

.product-button {
    width: 278px;
    margin: 10px auto 0;
}

.special-offer img {
  /*  max-width: 272px;
    width: 40%;*/
    display:inline-block;
    vertical-align:middle;
    margin-right: 10px;
}
.special-offer p, .sale-date p, .added-date p { 
    font-size: 1.3em; 
    margin:0;
}
.special-offer p {
    display:inline-block;
    vertical-align:middle;
}
.sale-date, .add-date { 
    float: right;
    margin: 0 0 20px 20px; 
}
.sale-date h2, .add-date h2 {
    background: url("../images/design/akcija.png") no-repeat;
    text-indent: 40px;
    height: 32px;
    line-height: 32px;
    color: #8bbf36;
    text-transform: uppercase;
    margin: 0 0 5px 0;
}

.product-container .container-title {
    color: #ff8e66;
    text-transform: uppercase;
    font-size: 1.6em;
    margin-right: 1%;
    font-weight: normal;
    font-family: cuprumBold;
}
.product-container h2.container-title {
    font-size: 1.5em;
}
.block-left p { font-size: 1.2em; }

.comments-list  {
    display:inline-block;
    width:100%;
    padding: 0;
    list-style-type: none;
}

.other-product-list {
    display:inline-block;
    vertical-align:middle;
    width: 90%; /* fallback if needed */
    width: calc(100% - 30px);
}

.comments-list .deleted {
    font-style:italic;
    color:#808285;
}

/*
.other-product-list li {
    display: inline-block;
    vertical-align: middle;
}
.other-product-list .other-prod { width: 17%; }
.other-product-list img { max-width: 100%; }
*/
.previous-prod, .next-prod {
    background: url("../images/design/next-previous.png") no-repeat;
    height: 10px;
    width: 10px;
    cursor: pointer;
    display:inline-block;
    vertical-align:middle;
}
.next-prod { background: url("../images/design/next-previous.png") no-repeat 0 -10px; }
.previous-prod:hover { background: url("../images/design/n-p-hover.png") no-repeat; }
.next-prod:hover { background: url("../images/design/n-p-hover.png") no-repeat -10px 0; }

.product-container .title {
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    text-transform: uppercase;
    text-indent: 10px;
    font-weight: normal;
    font-size: 1.3em;
    margin-right: 1%;
}

.recipe-title { background-color: #639bb4; }
.comment-title, .category-title { background-color: #2c3e50; }
.cat-list .category-title {
    background: url("../images/design/category-icons.png") no-repeat left #434d65;
    text-indent: 50px;
    margin: 0;
}

.cat-list { margin: 10px 1% 0 0; }

#cat-list-1 .category-title { background: url("../images/design/category-icons.png") no-repeat -5px -5px #434d65;}
#cat-list-1 .category-title:hover { background: url("../images/design/category-icons.png") no-repeat -5px -5px #555e74;}
#cat-list-4 .category-title { background: url("../images/design/category-icons.png") no-repeat -5px -105px #434d65;}
#cat-list-4 .category-title:hover { background: url("../images/design/category-icons.png") no-repeat -5px -105px #555e74;}
#cat-list-2 .category-title { background: url("../images/design/category-icons.png") no-repeat -5px -206px #434d65;}
#cat-list-2 .category-title:hover { background: url("../images/design/category-icons.png") no-repeat -5px -206px #555e74;}
#cat-list-10 .category-title { background: url("../images/design/category-icons.png") no-repeat -5px -305px #434d65;}
#cat-list-10 .category-title:hover { background: url("../images/design/category-icons.png") no-repeat -5px -305px #555e74;}
#cat-list-12 .category-title { background: url("../images/design/category-icons.png") no-repeat -5px -405px #434d65;}
#cat-list-12 .category-title:hover { background: url("../images/design/category-icons.png") no-repeat -5px -405px #555e74;}
#cat-list-15 .category-title { background: url("../images/design/category-icons.png") no-repeat -5px -505px #434d65;}
#cat-list-15 .category-title:hover { background: url("../images/design/category-icons.png") no-repeat -5px -505px #555e74;}
#cat-list-11 .category-title { background: url("../images/design/category-icons.png") no-repeat -5px -605px #434d65;}
#cat-list-11 .category-title:hover { background: url("../images/design/category-icons.png") no-repeat -5px -605px #555e74;}
#cat-list-5 .category-title { background: url("../images/design/category-icons.png") no-repeat -5px -705px #434d65;}
#cat-list-5 .category-title:hover { background: url("../images/design/category-icons.png") no-repeat -5px -705px #555e74;}
#cat-list-14 .category-title { background: url("../images/design/category-icons.png") no-repeat -5px -805px #434d65;}
#cat-list-14 .category-title:hover { background: url("../images/design/category-icons.png") no-repeat -5px -805px #555e74;}
#cat-list-8 .category-title { background: url("../images/design/category-icons.png") no-repeat -5px -905px #434d65;}
#cat-list-8 .category-title:hover { background: url("../images/design/category-icons.png") no-repeat -5px -905px #555e74;}
#cat-list-9 .category-title { background: url("../images/design/category-icons.png") no-repeat -5px -1005px #434d65;}
#cat-list-9 .category-title:hover { background: url("../images/design/category-icons.png") no-repeat -5px -1005px #555e74;}
#cat-list-13 .category-title { background: url("../images/design/category-icons.png") no-repeat -5px -1105px #434d65;}
#cat-list-13 .category-title:hover { background: url("../images/design/category-icons.png") no-repeat -5px -1105px #555e74;}
#cat-list-7 .category-title { background: url("../images/design/category-icons.png") no-repeat -5px -1205px #434d65;}
#cat-list-7 .category-title:hover { background: url("../images/design/category-icons.png") no-repeat -5px -1205px #555e74;}
#cat-list-6 .category-title { background: url("../images/design/category-icons.png") no-repeat -5px -1305px #434d65;}
#cat-list-6 .category-title:hover { background: url("../images/design/category-icons.png") no-repeat -5px -1305px #555e74;}
#cat-list-3 .category-title { background: url("../images/design/category-icons.png") no-repeat -5px -1405px #434d65;}
#cat-list-3 .category-title:hover { background: url("../images/design/category-icons.png") no-repeat -5px -1405px #555e74;}

#cat-list-1 .product-header { background: url("../images/design/category-icons.png") no-repeat -18px -55px;}
#cat-list-4 .product-header { background: url("../images/design/category-icons.png") no-repeat -12px -155px;}
#cat-list-2 .product-header { background: url("../images/design/category-icons.png") no-repeat -13px -255px;}
#cat-list-10 .product-header { background: url("../images/design/category-icons.png") no-repeat -13px -355px;}
#cat-list-12 .product-header { background: url("../images/design/category-icons.png") no-repeat -13px -455px;}
#cat-list-15 .product-header { background: url("../images/design/category-icons.png") no-repeat -13px -555px;}
#cat-list-11 .product-header { background: url("../images/design/category-icons.png") no-repeat -20px -655px;}
#cat-list-5 .product-header { background: url("../images/design/category-icons.png") no-repeat -13px -755px;}
#cat-list-14 .product-header { background: url("../images/design/category-icons.png") no-repeat -17px -855px;}
#cat-list-8 .product-header { background: url("../images/design/category-icons.png") no-repeat -18px -955px;}
#cat-list-9 .product-header { background: url("../images/design/category-icons.png") no-repeat -13px -1055px;}
#cat-list-13 .product-header { background: url("../images/design/category-icons.png") no-repeat -13px -1155px;}
#cat-list-7 .product-header { background: url("../images/design/category-icons.png") no-repeat -13px -1255px;}
#cat-list-6 .product-header { background: url("../images/design/category-icons.png") no-repeat -20px -1355px;}
#cat-list-3 .product-header { background: url("../images/design/category-icons.png") no-repeat -18px -1455px;}

.cat-list { overflow: hidden; }

.drop-cat-list { display: block; }

.comment-button {
    float: right;
    margin: 1% 1% 1%;
    width: 278px;
}

hr {
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    display: block;
    height: 1px;
    margin: 0 1% 0 0;
    color: #d0cfcd;
}
.first-comment textarea {
    width: 98.6%;
    margin: 1% 0 1% 0;
    border: 1px solid #cfcfd1;
    box-sizing: border-box;
    height: 100px;
    padding: 10px;
    resize:none;
}

.comments-list li {
    display:inline-block;
    vertical-align:top;
    width:100%;
    margin: 1% 0;
    border-bottom: 1px solid #d0cfcd;
}
.comments-list li:last-child { border-bottom: none; }
.comments-list-replay li:last-child { border-bottom: 1px solid #d0cfcd; }

.comments-list p {
    display:inline-block;
    vertical-align:top;
    width:100%;
    margin: 10px 0;
    font-size: 1.1em;
}

.comment-header {
    float: left;
    margin-bottom: 10px;
}

.comments-list-replay { list-style-type: none; }

.comment-rate-icon {
    background: url("../images/design/comment-rate.png") no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}
.comment-options { float: right; }
.comment-reply {
    background: url("../images/design/reply.png") no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
}

.pagination {
    display: inline-block;
    margin: 40px 0;
    text-align: center;
    width: 100%;
    height: 30px;
    overflow: hidden;
}

.pagination-list {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}
.pagination-list li {
    background-color: #e0dfde;
    text-align: center;
    line-height: 30px;
    border-radius: 30px;
    margin: 0 5px 0 0;
    display: inline-block;
    vertical-align: top;
}

.pagination-list a {
    display: block;
    color: #5c5956;
    width: 30px;
    line-height: 30px;
    border-radius: 30px;
    height: 30px;
}

.pagination-list .next {
    background: url("../images/design/next.png") no-repeat center center #2c3e50;
    height: 30px;
    vertical-align: middle;

}

.pagination-list a:hover, .pagination-list .active a {
    background-color: #ef7e17;
    color: #ffffff;
}

.pagination-list .previous {
    background: url("../images/design/previous.png") no-repeat center center #2c3e50;
    height: 30px;
    vertical-align: middle;

}

.pagination-list .next:hover a { background: url("../images/design/next.png") no-repeat center center #415161; }
.pagination-list .previous:hover a { background: url("../images/design/previous.png") no-repeat center center #415161; }

/* info blocks*/
.message-container { margin-bottom: 20px; }
.message-block {
    background-color: #ebeae9;
    margin: 20px auto;
    padding: 1%;
    text-align: center;
    box-sizing: border-box;
    color: #ffffff;
}

.message-block .button {
    background-color: #2c3e50;
    margin-bottom: 20px;
}

.message-block p {
    font-size: 1.5em;
    margin: 18px 20px;
}

.error.message-block p, .notification.message-block p, .success.message-block p, .note.message-block p { margin-left: 80px}

.favorite-block-icon {
    background: url("../images/design/message-icon-1.png") no-repeat;
    height: 60px;
    width: 60px;
    display: block;
    margin: 0 auto;
}

#add-favorites-block { color: #5c5956; }

.error.message-block { background: url("../images/design/message-icon-2.png") no-repeat 20px center #eb4549; }

.notification.message-block { background: url("../images/design/message-icon-3.png") no-repeat 20px center #ffa200; }

.success.message-block { background: url("../images/design/message-icon-4.png") no-repeat 20px center #8dc63f; }

.note.message-block { background: url("../images/design/message-icon-5.png") no-repeat 20px center #00b7c4; }

#msg-box {
    position:fixed;
    z-index: 10001;
    width:70%;
    top:25%;
    left: 50%;  
    padding-top:8px;
    /*margin-left: -250%;*/
    transform: translate(-50%, -50%);
    opacity:0.9;
    filter:alpha(opacity=90); /* For IE8 and earlier */
    
    /*font-size: 12px;
    line-height: 1.5;
    text-align:center;
    */
}


/*table*/
.dynamic-table {
    border-collapse: collapse;
    margin-bottom: 20px;
    width:100%;
}

.dynamic-table .alt { background-color: #e0dfde; }
.dynamic-table th { border-right: 1px solid #ffffff;}
.dynamic-table th:last-child, .dynamic-table td:last-child { border-right: none;}
.dynamic-table thead th {
    background-color: #ff8e66;
    color: #ffffff;
    height: 40px;
    text-align: center;
    text-transform: uppercase;
    width: 10%;
    font-size: 1.15em;
    font-weight:normal;
}

.dynamic-table td {
    border-right: 1px solid #cfcfd1;
    padding: 6px; /*10px*/
    position: relative;
}
.dynamic-table h2 {
    font-size:1.188em;
}
.dynamic-table p {
    margin:10px 0;
}

.dynamic-table tr:hover { background-color: #e8e8e8; }

.dynamic-table td img, #news-container img {
    max-width: 70px;
    vertical-align: middle;
    float:left;
    margin-right:10px;
}
.dynamic-table h2 a, .dynamic-table span a {
    color: #ef7e17;
}

.dynamic-table h2 { margin:0; /*margin: 0 0 5px 0;*/ }

.dynamic-table span a:hover { text-decoration: underline; }


/*shop list*/
.shop-list {
    padding: 0;
    list-style-type: none;
}
.shop-list li {
    display: inline-block;
    margin-right: 2%;
    margin-top:10px;
    text-transform: uppercase;
    font-size: 1.1em;
    vertical-align: middle;
}
.shop-list a { display: block; }

/*transparent background full*/

#transparent-background, #ajax-blanket {
    background-color: #3c3c3c;
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0.5;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 5;
}

#ajax-blanket {
    z-index: 1001;
}

/*footer*/

#footer-info { margin: 0 5px; }

#footer-info .f-info:last-child { padding-right: 0; }

#footer-info ul, .nolist {
    list-style-type: none;
}

.f-info {
    display: inline-block;
    padding: 0 7% 0 0;
}

.f-info a {
    color: #ffffff;
    text-transform: uppercase;
}
.f-info li { margin: 5px 0 5px 0}
.f-info a:hover { color: #ef7e17; }

.info-mail {
    background: url("../images/design/info-mail.png") no-repeat -11px -12px;
    padding-left: 25px;
}

.info-mail:hover { background: url("../images/design/info-mail.png") no-repeat -11px -52px; }
.info-mail a { text-indent: 20px; }

#statistic-container li { color: #ffffff; }
#statistic-container b {
    text-transform: uppercase;
    color: #ef7e17;
    font-weight: normal;
    font-family: cuprumBold;
}

#social-media-container .media {
    margin: 0 20px 0 0;
    border-radius: 30px;
    width: 30px;
    height: 30px;
}

.media {
    display: inline-block;
    cursor: pointer;
}
#social-media-container .media a {
    display: block;
    height: 100%;
    width: 100%;
}

#social-media-container #fb { background: url("../images/design/soc-icons.png")no-repeat -5px -5px #3b5998; }
#social-media-container #fb:hover { background: url("../images/design/soc-icons.png")no-repeat -5px -5px #4e69a2; }
#social-media-container #dr { background: url("../images/design/soc-icons.png")no-repeat -5px -46px #ff6600; }
#social-media-container #dr:hover { background: url("../images/design/soc-icons.png")no-repeat -5px -46px #ff7519; }
#social-media-container #tw { background: url("../images/design/soc-icons.png")no-repeat -5px -85px #00aced; }
#social-media-container #tw:hover { background: url("../images/design/soc-icons.png")no-repeat -5px -85px #19b4ef; }
#social-media-container #g-plus { background: url("../images/design/soc-icons.png")no-repeat -5px -124px #d34836; }
#social-media-container #g-plus:hover { background: url("../images/design/soc-icons.png")no-repeat -5px -124px #d75a4a; }

.f-info .copyright {
    color: #ffffff;
    margin-top: 10px;
}

#footer-banner-block { display: inline-block; width:100%; }
#footer-banner-block img { width: 100%; }

#lside {
    position:absolute;
    top:0;
    left:0;
    background-color: #EBEAE9;
    outline:1px solid #e0dfde;
    z-index:6;
    width:100%;
    height:100%;
    transition: all 0.3s ease-in-out 0s;
}
#lside.closed {
    left: -101%;
}
#lside > ul {
    display:none;
    list-style-type: none;
    text-align: center;
    padding: 0;
    margin: 0;
}

#lside li {
    height: 50px;
    line-height: 50px;
    border-bottom:1px solid #e0dfde;
}

#lside li:hover {
    background-color: #e0dfde;
}

#lside h3, #lside h4 {
    margin: 0;
    font-weight: normal;
}

#lside a {
    color: #5c5956;
    display: block;
}

#lside .menu-text {
    font-size: 1rem;
}
#lside .menu-icon {
    display:none;
}

img {text-decoration: none; border: 0px}

.sep {
    border-bottom:1px solid #d0cfcd;
}
.centeredWrapper {
    text-align:center;
}
.centeredWrapper > .centeredContent {
    margin:auto;
    text-align:left;
}

.button-nonactive {
    background-color: #ebeae9;
    color: #5c5956;
}

.button-nonactive:hover {
    color: #ffffff;
    background-color: #ef7e17;
}

.table-container {
    margin-top: 20px;
}

.delete, .delete-after {
    background: url("../images/design/delete.png") no-repeat;
    height: 30px;
    width: 30px;
    display: block;
    position: absolute;
    top: 40%;
    right: 10px;
    cursor: pointer;
}

.delete:hover, .delete-after:hover { background: url("../images/design/delete.png") 0 -30px no-repeat; }

.options {
    display: inline-block;
    padding: 0;
    list-style-type: none;
}

.lowest-price {
    vertical-align: 8px;
    margin-left: 10px;
    font-size: 1.2em;
    vertical-align: middle;
}

#tabsWrapper ul.ui-tabs-nav {
    padding:0;
}
#tabsWrapper ul.ui-tabs-nav > li {
    display:inline-block; vertical-align:top;
}
#tabsWrapper ul.ui-tabs-nav > li a {
    background-color: #ebeae9;
    color: #5c5956;
    box-sizing: border-box;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    width: 175px;
}
#tabsWrapper ul.ui-tabs-nav > li.ui-state-active a {
    background-color: #ef7e17;
    color: #ffffff;
}

#fav-product-button, #fav-category-button { margin-bottom: 10px; }

/*
#ajax-loader {
    background: url("../images/design/ajax-loader.gif") no-repeat scroll 0 0 transparent;
    height: 128px;
    left: 50%;
    margin-left: -64px;
    margin-top: -64px;
    position: fixed;
    top: 50%;
    width: 128px;
    z-index: 1002;
}
*/
#ajax-loader {
    background: url("../images/design/orange-loading-gif.png") no-repeat scroll 0 0 transparent;
    left: 50%;
    margin-left: -24px;
    margin-top: -24px;
    position: fixed;
    top: 50%;
    width: 47px;
    height: 48px;
    z-index: 1002;
    animation: play .8s steps(12) infinite;
}

.loading {
    width: 47px;
    height: 48px;
    animation: play .8s steps(12) infinite;
    margin: 20px auto;
    background:url("../images/design/orange-loading-gif.png");
}
@keyframes play { 100% { background-position: -576px; } }

.product-admin-buttons {
    border-top:1px solid #cfcfd1;
    padding-top:10px;
    margin-top:60px;
    width:100%;
    display:inline-block;
    text-align:center;
}
.product-admin-buttons .button-std {
    width:45%;
    display:inline-block;
    vertical-align:top;
}
#commentWrapper {
    display:inline-block;
    width:100%;
}

.product-container .title-blue { color: #639bb4; }
.add-user { margin-top: 10px;}
.add-user span {
    padding-right: 5px;
    text-transform: uppercase;
}

.add-user a { color: #ef7e17; }
.add-user a:hover { text-decoration: underline; }

.block-right p {
    font-size: 1.2em;
    text-align:justify;
    /*margin-top: 0;*/
}
.block-right time {
    font-size: 1.2em;
}
.block-full h3 {
    font-size: 1.5em;
    margin-bottom: 5px;
}
.block-full p {
    font-size: 1.2em;
   /* margin-top: 0;*/
}

.special-offer {
    overflow: hidden;
    margin-bottom: 20px;
}
.about-header { margin-bottom: 10px;}

.select-label {
    display:inline-block;
    vertical-align:middle;
}
.select-wrapper {
    padding: 0;
    margin: 0;
    border: 1px solid #aeaeac;
    min-width: 220px;
    /*border-radius: 3px;*/
    overflow: hidden;
    background-color: #fff;

    background: #fff url("/images/design/arrowdown.gif") no-repeat 90% 50%;
    cursor:pointer;
    display:inline-block;
    vertical-align:middle;
}

.select-wrapper select {
    cursor:pointer;
    padding: 5px 8px;
   /* width: 130%;*/
    width: 100%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size:1em;
    color:#808285;
}

.select-wrapper select:focus,
img:focus {
    outline: none;
}

.recipe_imgs li {
    border: 4px solid #f4f4f4;
    display: inline-block;
    height: 75px;
    margin-bottom: 30px;
    margin-right: 4px;
    position: relative;
    vertical-align: top;
    width: 75px;
}

.recipe_imgs {
    list-style-type: none;
    text-align: left;
    padding:0;
}

.step .recipe_step_image {
    text-align:center;
}
.step .recipe_step_image > img {
    margin:auto;
    width:61.8%;
}
    
/* Videos: https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php */
.recipe_step_video {
    text-align:center;
    margin:auto;
    width:61.8%;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.about-header h1 { margin: 0 5px 10px 0; }
.product-container .title-brown, .text-bold { color: #805f1e; }
.text-bold { font-weight: bold; }

.share-public {
    padding: 0;
    margin-top: 10px;
}
.share-public li { margin-right: 5px; }
.share-public li:last-child { margin-right: 0; }

.accent-text { margin: 30px; }
.accent-text p {
    color: #805f1e;
    padding-left: 10px;
    font-style: italic;
}

#latest-news-block .icons { background: url("content-icons.png") no-repeat scroll right -255px #805f1e; }
#latest-news-block ul { padding: 0; }
#latest-news-block li {
    list-style-type: none;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e0dfde;
    min-height:70px;
}

#latest-news-block .date {
    display: block;
    margin-top: 5px;
    color: #b4b4b4;
}
#latest-news-block a { color: #5c5956; display:block; min-height:70px; }
#latest-news-block a:hover { color: #805f1e; }
#latest-news-block li:last-child { border-bottom: none;}

.news-img img { width: 100%; }

.post-content {
    line-height:1.5em;
}
.post-content h2, .post-content h3, .post-content h4 {
    font-weight: normal;
    font-family: cuprumBold;
}
.post-content h3, .post-content h4 {
    display:inline-block;
    margin-top:10px;
    margin-bottom:5px;
}
.post-content p {
    font-size:1.125em;
    margin-top:5px;
    margin-bottom:15px;
    text-align:justify;
}
.post-article .add-date,
.page-recipe .add-date {
    padding:10px;
    border-left:1px solid #d0cfcd;
}
.pointer {
    cursor:pointer;
}
.pd-hor-5 {
    padding:0 5px;
}
.pd-hor-10 {
    padding:0 10px;
}
//.dynamic-table a,
.comments-list a,
.stb,
.shop-tiles .actions a
{
    color: #ef7e17;
}
//.dynamic-table a:hover,
.comments-list a:hover,
.stb:hover,
.shop-tiles .actions a:hover
{
   color: #5c5956;
}
.dvt {
    display:inline-block;
    vertical-align:top;
}
.dvm {
    display:inline-block;
    vertical-align:middle;
}
.half {
    width:48%;
    margin-right:1%;
}
.full {
    display:inline-block;
    vertical-align:top;
    width:100%;
}
.pr {
    color:#999999;
}
.contacts-page ul {
    list-style-type:none;
}
.contacts-page li, .clist li {
    margin-top:5px;
}

#aside-rectangle-lulu,
#aside-zoomcharts-rectangle {
    text-align:center;
    margin:15px 0;
}
.alcoWarning {
    background-color: white;
   /* bottom: 30px;*/
    bottom:0;
    color: #828282;
    font-size: 0.75em;
    font-weight: normal;
    opacity: 0.75;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 0;
}
.alcoWarning:not(.large) .alcoUnder {
    font-size: 0.625em;
}

.alcoWarning.large {
    position: static;
    font-size: 1.8em;
    color:#5c5956;
    background-color: transparent;
}

#mega_center {
    margin:20px 0;
    display:inline-block;
    width:100%;
    text-align:center;
}



/* Cookie Consent: */
#cookie-consent {
    position: relative;
    z-index: 9001;
}
.cc_container, .cc_message, .cc_btn {
    animation-duration: 0.8s;
    animation-name: slideUp;
}
.cc_container {
    background: #222 none repeat scroll 0 0;
    box-sizing: border-box;
    color: #fff;
    font-family: "Helvetica Neue Light","HelveticaNeue-Light","Helvetica Neue",Calibri,Helvetica,Arial;
    font-size: 17px;
    bottom: 0;
    left: 0;
    overflow: hidden;
    padding: 10px;
    position: fixed;
    right: 0;
}
.cc_container .cc_btn {
    background-color: #f1d600;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 0.7em;
    margin-left: 10px;
    max-width: 120px;
    padding: 8px 10px;
    text-align: center;
    transition: font-size 200ms ease 0s;
    width: 33%;
}
.cc_container .cc_btn, .cc_container .cc_btn:visited {
    background-color: #31a8f0;
    border-radius: 5px;
    color: #000;
    transition: background 200ms ease-in-out 0s, color 200ms ease-in-out 0s, box-shadow 200ms ease-in-out 0s;
}
.cc_container .cc_btn:hover, .cc_container .cc_btn:active {
    background-color: #fff;
    color: #000;
}
.cc_container .cc_message {
    font-size: 0.7em;
    margin: 0.6em 0;
}
.cc_more-info {
/*.product-container*/
    color:#ff8e66;
}


.shop-tiles > li {
    text-align: center;
    background-color: #EBEAE9;
    display: inline-block;
    margin: 5px 3px;
    min-height: 120px;
    padding: 8px;
    vertical-align: top;
    width: 130px;
}
.shop-tiles .shop-icon {
    display: inline-block;
    height: 35px;
}
.shop-tiles .shop-icon > img {
    width:100%;
}
.shop-tiles .actions {
    margin:0; padding:0;
    list-style-type: none;
}
.shop-tiles .actions > li {
    padding: 2px 3px;
    width: 100%;
    font-size: 1.125em;
}

.shop-branch-list .show-on-map {
    background: rgba(0, 0, 0, 0) url("../images/design/search.png") no-repeat scroll center center;
    cursor: pointer;
    float:right;
    height: 16px;
    margin-left: 10px;
    width: 16px;
}

.contact-details, .clist, .post-content {
    font-size:1.2em;
}

tfoot.totals {
    background-color:#e0dfde;
    /*border-top:2px solid #cfcfd1;*/
    border-top:2px solid #ffffff;
}
.DVSL-interaction {
    outline:none;
}
.new-product-image-block {
    text-align:center;
}
.new-product-image-block #main-product-image {
    max-width: 100%;
}
.q-name.ui.popup {
    min-width: 600px;
    max-height: 300px;
    overflow-x: auto;
}
.q-name {
    font-family: arial;
    display: none;
}
.show-when-800 {
    display:none;
}
.min-h-85 {
    min-height: 85px;
}
.button-reset {
    float: none !important;
    display: block !important;
}
.centeredContent {
    padding-top: 15px;
}
#new-price-form .product-title {
    display:inline-block;
}
#new-price-form .divide-product {
    margin-bottom: 35px;
}



/* new price branch list */

.btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active {
    color: rgba(255, 255, 255, 0.75);
}
.btn {
    background-color: #eeefeb;
    background-image: linear-gradient(to bottom, #eeefeb, #eeefeb);
    background-repeat: repeat-x;
    border: 1px solid #d0d1cd;
    color: #40433b;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 0;
    padding: 7px 20px;
    text-align: center;
    vertical-align: middle;
}

.btn-danger {
    background-color: #da4f49;
    background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.btn-danger:hover, .btn-danger.active, .btn-danger:active {
    background-color: #bd362f;
    background-image: linear-gradient(to bottom, #E05757, #aa2a2a);
    background-repeat: repeat-x;
    border-color: #992626;
    color: #fff;
    text-decoration: none;
    transition: background-position 0.1s linear 0s;
}

.btn-info {
    background-color: #49afcd;
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
.btn-info:hover, .btn-info.active, .btn-info:active {
    background-color: #2f96b4;
    background-image: linear-gradient(to bottom, #56B4D3, #2E83AA);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #fff;
    text-decoration: none;
    transition: background-position 0.1s linear 0s;
}
.btn-danger.active, .btn-danger:active,
.btn-info.active, .btn-info:active, .btn-danger:focus {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) inset;
}


.new_update_branch_list {
    height:380px; width:100%;
    display:inline-block;
    vertical-align:top;
    margin:0;
}
.new_update_branch_list > p {
    margin:0 0 0 5px;
    padding:0; font-weight:bold;
}
.new_update_branch_list > ul {
    width:100%; height: 100%;
    list-style-type:none;
    overflow-y:auto;
    padding: 0;
}
.new_update_branch_list > ul > li {
    border-bottom:1px solid #E4E4E4;
    font-size:11px;
    padding:5px 5px;
    text-align:left;
    vertical-align:middle;
    cursor:pointer;
    margin:0;
}
.new_update_branch_list > ul > li:hover {
    background-color:#EDEDED;
}
.new_update_branch_list > ul > li .sname {
    display:inline-block; 
    width: calc(100% - 20px); 
    vertical-align:middle; 
    margin:0px; 
    padding:0px;
}
.new_update_branch_list > ul > li .toright {
    display:inline-block;
    vertical-align:middle;
    background: url('/images/design/misc.png') no-repeat scroll -32px -106px transparent;
    width:15px;
    height:14px;
    margin-left: 3px;
}
.new_update_branch_list > ul > li .toleft {
    display:inline-block;
    vertical-align:middle;
    background: url('/images/design/misc.png') no-repeat scroll -49px -106px transparent;
    width:15px;
    height:14px; 
    margin-right: 3px;
}

.grBordMed {
   /* border:4px solid #E4E4E4;*/
    border: 2px solid #c8c8c8;
    /*border-radius: 5px;*/
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.03) inset;
}

.no-branches {
    display: none;
}

.blue-help {
    color: #4183c4;
    cursor: pointer;
}
.fine, .ok {
    color: #5cb69f;
}
.pending {
    color: lightgrey;
}


/* end new price branch list */

@media screen and ( max-width: 2500px) {
    #header-nav .rm-button, #rm-log-in, #rm-register, #rm-log-off, #rm-user, #rm-submenu, .delete-after  { display: none; }
}

@media screen and ( max-width: 1506px) {
    /*.data-list section { width: 24%; }*/
    .data-list section.product { width: 19%; }
}

@media screen and (max-width: 1209px) {
    /*.data-list aside, .filter { width: 25%; }*/
    /*.product-container { width: 73%; } */
    .data-list section.product { width: 32%; }
    .full-first { width: 100%; }
    .block-right { margin-right: 0;}
}
@media screen and ( max-width: 1033px) {
    .data-list section.product { width: 49%; }
}

@media screen and ( max-width: 1024px) {
    .about-product-img .discount span { font-size: 1.5em; }
    /*#mega_center { display: none; }*/
}

@media screen and ( max-width: 980px) {
    .product-container h1, .price-title { font-size: 1.5em; }
    /*#logo, header { position: absolute; }*/
    .menu-text {
        font-size: 0.9rem;
    }
}

@media screen and (max-width: 900px) {
    
    #logo-a { height:49%; }
    #option-btn {display:block;}
    #logo .divider {display:block;}
    #rm-log-in, #rm-register, #rm-log-off, #user-content #rm-user {
        display: inline-block;
        vertical-align: top;
    }
    #log-in, #register, #log-off, #user { display: none; }
    .full-second { width: 100%; }
    .product-admin-buttons {
        padding-bottom:10px;
        border-bottom:1px solid #cfcfd1;    
    }
    .step .recipe_step_image > img {
        width:100%;
    }
    .nav a {
        padding: 14px 7px;
    }
    .ui.grid>[class*="eight wide"].column.full-lt-900 {
        width: 100% !important;
    }
}

@media screen and (max-width: 800px) {
    /*.product-container {
        margin-right: 20px;
        width: 60%;
    }*/
    /*.data-list aside, .filter { width: 35%; }*/
    .data-list section.product { 
        width: 100%;
    }
    #header-nav .nav { height:100px; }
    #header-nav .rm-button { display: block; }
    #header-nav .nav li {
        float: none;
        display: block;
        width: 200px;
    }
    #header-nav .main {
        height: auto;
        background-color: #cecdcc;
    }
    .nav h3 {
        margin: 0;
        padding: 0;
    }
    .main-list {
        position: absolute;
        display: none;
        z-index: 1;
    }
    #header-nav .main {
        border-bottom: 1px solid #bdbbba;
        padding-right: 0;
    }
    .main-list .drop-menu li:last-child { border-bottom: none;}
    #header-nav .main:hover {
        background-color: #e0dfde;
        border-bottom: 1px solid #e0dfde;
    }
    .nav li { border-right: none; }
    .nav .more { background: none; }
    .nav .main:hover > h3 a { color: #5c5956; }
    .main-list .submenu {
        right: 0;
        top: 187px;
        width: auto;
        opacity: 10;
        position: static;
        display: none;
    }
    .nav .main-list:hover .submenu { display: none; }
    #rm-submenu .submenu { display: block; }
    .submenu h3 { padding: 0; }
    .menu-icon { display: inline; }
    .nav .more {
        background-position: 174px;
        padding-right: 10px;
    }
    .main-list:hover .submenu { display: none; }

    .shop-list img { width: 70%; }
    .message-block { padding: 3%; }
    .message-block p { font-size: 1.3em; }
    #map { width: 130px; }
    #category-groups .drop-cat-list {
        display:none;    
    }
    
    .smaller-lt-800 .message-block p { 
        font-size: 0.85rem; 
        margin: 10px;
    }
    .smaller-lt-800 .error.message-block,
    .smaller-lt-800 .notification.message-block,
    .smaller-lt-800 .success.message-block,
    .smaller-lt-800 .note.message-block {
        background-size: 15px;
    }
    .smaller-lt-800 .error.message-block p, 
    .smaller-lt-800 .notification.message-block p, 
    .smaller-lt-800 .success.message-block p, 
    .smaller-lt-800 .note.message-block p {
        margin-left: 40px;
    }

    .delete-after { display: block; }
    .first { width: 100%; }
    .first table, .first thead, .first tbody, .first th, .first td, .first tr { display: block; }

    .first thead tr {
        display:none;
    }

    .first tr { border: 1px solid #ccc; }

    .first td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 10px;
        white-space: normal;
        text-align:left;
    }

    .first td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
        text-transform: uppercase;
    }

    .first td:before { content: attr(data-title); }

    .half { 
        width:100%;
    }
    .hide-less-800 {
        display:none !important;
    }
    .show-when-800 {
        display:block;
    }
}

@media (max-width: 767px) {
    .data-list {
        flex-direction: column; /* Stack sidebar and content vertically */
    }

    #sidebar,
    .product-container,
    .filter {
        width:100%;
        flex: 1; /* Reset flex to take equal space when stacked */
    }
 
    .data-list section.product { 
        width: 48%;
    }
}

@media screen and (max-width: 660px) {
    .pagination-list .page:nth-child(odd) { display: none; }
    .other-product-list .other-prod:nth-child(odd) { display: none; }
    .other-product-list .other-prod { width: 28%; }

    .q-name.ui.popup {
        min-width: auto;
        max-width: 500px;
    }
}

@media screen and (max-width: 640px) {
    .sale-date, .add-date { 
        float: none; 
        margin-left: 0; 
        clear:both; 
    }

    .data-list section.product { 
        width: 98%;
    }

    #search {
        width: 50%;
    }

    .special-offer p, .sale-date p, .add-date p { font-size: 1.2em; }
    .product-container .container-title { font-size: 1.4em; }
/*
 * This could be still used on user side, but for now it breaks prices table.
 *
    .dynamic-table { width: 100%; }
    .dynamic-table table, .dynamic-table thead, .dynamic-table tbody, .dynamic-table th, .dynamic-table td, .dynamic-table tr { display: block; }

    .dynamic-table thead tr {
        display:none;
    }

    .dynamic-table tr { border: 1px solid #ccc; }

    .dynamic-table td {
        border: none;
        border-bottom: 1px solid #eee;
        padding-left: 10px;
        white-space: normal;
        text-align:left;
    }

    .dynamic-table td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
        text-transform: uppercase;
    }

    .dynamic-table td:before { content: attr(data-title); }
    */
}

@media screen and (max-width: 500px) {
    .location-bar { display: none; }
    .data-list aside { 
        margin-top:25px;
        width: 100%; 
    }
    .product-container { width: 100%; }
    #search { width: 75%; }
    .filter {
        display: block;
        width: 100%;
    }
 /*   .item-filter { display: none;}
    .filter:hover .item-filter {
        display: none;
    }*/
    .filter {cursor:pointer;}

    header, .nav li { height: 40px; }
    #logo { 
        height: 90px;
    }
    #option-btn span {
        margin-top:6px;
    }

    #header-nav .nav { height:40px; }
    #header-nav .nav li { width: 50px; }
    #header-nav .rm-button { padding: 5px 10px; }
    .rm-button span { margin-top: 6px; }
    #map { display: none; }
    #log-on-content, #user-content {
        position: absolute;
        right: 50px;
        top: 0;
        margin: 0 10px 0 0;
    }
    #rm-lang-menu {
        display:block;
    }
    #lang-menu {
        display:none;
    }
    .data-list { padding: 30px 2% 40px; }
    
    #msg_box {
        width:90%;
    }

    .button-mob-map {
        display:inline-block;
    }

}
/*
@media screen and ( max-width: 320px) {
    body {
        width: 320px;
        min-width: 320px;
    }
}
*/
@media screen and ( max-width: 240px) {
    body {
        width: 240px;
        min-width: 240px;
    }
}