/*
Theme URI:          https://roots.io/sage/
Description:        Sage is a WordPress starter theme. <a href="https://github.com/roots/sage">Contribute on GitHub</a>
Version:            8.5.2
Author:             Roots
Author URI:         https://roots.io/
Text Domain:        sage

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/

/*helpers*/

/*.slick-track > .slick-arrow {*/
/*display: none !important;*/
/*width: 0 !important;*/
/*}*/


.test-border {
  border: red solid 5px;
}

.no-padding-top {
  padding-top: 0 !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.no-margin-top {
  margin-top: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.no-padding-left {
  padding-left: 0 !important;
}

.no-margin {
  margin: 0 !important;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

.no-border-top {
  border-top: none !important;
}

.no-border-bottom {
  border-bottom: none !important;
}

.margin-auto {
  margin: auto !important;
}

.margin10px {
  margin-top: 10px;
  margin-bottom: 10px;
}

.marginTop70px {
  margin-top: 70px;
}

.margin-bottom50px {
  margin-bottom: 50px;
}

.margin-bottom25px {
  margin-bottom: 25px;
}

.margin-bottom35px {
  margin-bottom: 35px;
}

.margin-left25px {
  margin-left: 25px;
}

.margin-right30px {
  margin-right: 30px;

}

.margin-top25px {
  margin-top: 25px;
}

.margin-top10px {
  margin-top: 10px;
}

.margin-bottom-top15px {
  margin: 15px 0;
}

.padding-10px {
  padding: 10px;
}

.padding-bottom5px {
  padding-bottom: 5px !important;
}

.padding-bottom15px {
  padding-bottom: 15px;
}

.padding-bottom30px {
  padding-bottom: 30px;
}

.padding-bottom40px {
  padding-bottom: 40px;
}

.padding-bottom50px {
  padding-bottom: 50px;
}

.padding-top10px {
  padding-top: 10px;

}

.padding-top30px {
  padding-top: 30px;
}

.margin-top20px {
  margin-top: 20px;
}

.margin-top50px {
  margin-top: 50px;
}

.padding-top80px {
  padding-top: 80px;
}

.padding-left30px {
  padding-left: 30px !important;
}

.padding-left15px {
  padding-left: 15px;
}

.padding-right30px {
  padding-right: 30px !important;
}

.clear-both {
  clear: both;
}

.no-text-decoration:hover {
  text-decoration: none !important;
}

.tus-float-left {
  float: left;
}

.tus-float-right {
  float: right;
}

.width30per {
  width: 30% !important;
}

.width50per {
  width: 50%;
}

.width100per {
  width: 100%;
}

.weight900 {
  font-weight: 900;
}

.weightNormal {
  font-weight: normal;
}

.center-align {
  text-align: center !important;
}

.left-align {
  text-align: left;
}

.right-align {
  text-align: right;
}

.margin-auto {
  margin: auto;
}

.block-display {
  display: block;
}

.inline-display {
  display: inline !important;
}

.no-display {
  display: none;
}

.no-before:before {
  content: none !important;
}

.zabava-color-text {
  color: #ee9f1e !important;
}

.tus-color-text {
  color: #007930;
}

.black-to-other-color-text {
  color: #000 !important;
}

.tus-not-available {
  background-color: #f8d0c8;
}

.goBack {
  cursor: pointer;
}

.img-parent {
  width: 100%;
  text-align: center;
}

/*
 * hide social icons
 */

.atss-left {
  visibility: hidden;
}

.btn404 {
  background-color: #fd0;
  letter-spacing: -.2px;
  color: #463c00;
  height: 50px;
  max-height: 50px;
  border: 1px solid #ecce04;
  box-shadow: 0 2px 8px 0 #ccc;
  font-size: 1.5rem;
  padding: 18px 50px;
}

.btn404:hover, .btn404:focus {
  cursor: pointer;
  color: #463c00;
  background-color: #fd0;
  border-color: #ecce04;
}

.page404 .col-left {
  width: 35%;
}

.page404 .col-right {
  width: 65%;
}

.page404 .article {
  margin: 70px 0 120px 0;
}

.page404 h1 {
  text-transform: none;
  font-weight: 300;
  font-size: 5.7rem;
}

.gray404 {
  background-color: #f3f3f3;
  margin-top: 50px;
  padding: 30px;
  color: rgba(0, 0, 0, .5);
}

.notification.warning a {
  color: #DA4732 !important;
}

.confirm-order-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 10px;
}

.gray-box {
  background-color: #f3f3f3;
  padding: 40px 30px;
  position: relative;
  text-align: left;
  box-sizing: border-box;
  text-align: center;
}

.gray-box h2 {
  padding: 0;
  margin: 10px 0 20px 0;
}

.gray-box a {
  margin-top: 20px;
}

.gray-box .cart-empty {
  margin: 0;
}

.breadcrumbs a.home {
  margin-left: 0;
}


/*nepremicnine*/
.header .logo.logo-tus-nepremicnine {
  width: unset;
}

.modifier-blue .breadcrumbs a:not(.btn):not(.vce-button--style-basic) {
  color: #4a8ecb;
}

.modifier-yellow .breadcrumbs a:not(.btn):not(.vce-button--style-basic) {
  color: #ee9f1e;
}

.header .menu-system li {
  width: 18%;
}

.header .menu-system li:last-of-type {
  width: auto;
}

.page-template-template-cart-php .header .menu-system li {
  width: 25%
}

.page-template-template-cart-php .header .menu-system li:last-of-type {
  width: 25%;
}


.header.tus-zabava .menu-system li {
  width: 33.33%;
}

.admin-bar .header {
  margin-top: 30px;
}

.display-mobile-location {
  display: none !important;
}
.display-none{
  display: none;
}

.modifier-blue .article a:not(.btn):not(.vce-button--style-basic) {
  color: #4a8ecb;
}

.modifier-yellow .article a:not(.btn):not(.vce-button--style-basic) {
  color: #ee9f1e;
}

.section-hero-slider .custom-slick-slider li {
  z-index: 50;
}

.footer .footnote li:before {
  min-width: 0 !important;
}

.js-navigation-footer .phone:before {
  content: none !important;
}

.hitriNakupMobileMenu {
  max-width: 110px;
  margin-top: 10px;
}

.supermarketMinIcon {

}

.supermarket:before {
  position: relative;
  content: "";
  height: 14px;
  background-image: url("dist/images/hn-logo_color.svg");
  background-repeat: no-repeat;
  top: -8px;
}

.supermarket:hover:before {
  background-image: url("dist/images/hn-logo_color-white.svg");
}


.modifier-blue .footer .footnote li a {
  color: white;
}

.modifier-blue .footer .footnote li a:hover {
  color: #4a8ecb;
}

.modifier-yellow .footer .footnote li a:hover {
  color: #ee9f1e;
}

.navigation-side .menu-side .submenu ul:not([class]) li:before {
  content: none;
}

.header .menu-side .menu li.has-children > a:after {
  margin-top: 0;
  transform: translateY(-50%);
}

.header .menu-side .submenu .btn-back:before {
  transform: translateY(-50%);
  margin-top: -1px;
}
.header .menu-side .submenu{
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.header .menu-side .submenu::-webkit-scrollbar {
  display: none;

}
.scroll-wrapper{
  overflow: unset;
}

.menu-aside li h4:before {
  transform: translateY(-50%);
  margin-top: -1px;
}

.modifier-yellow .header .menu-primary .has-children:hover > a, .modifier-yellow .header .menu-primary .has-children:hover > a:after {
  color: #ffba49;
}

.modifier-blue .header .menu-primary .has-children:hover > a, .modifier-blue .header .menu-primary .has-children:hover > a:after {
  color: #4a8ecb;
}

.menu-aside li.open h4 {
  padding-top: 14.5px;
}

.section-fullscreen.open {
  z-index: 100022;
}

.section-my-10-products-deals .grid {
  width: 100%;
  margin-left: 0;
}

.search-form {
  margin-top: 30px;
}

.search-form .search-field {
  border: none;
  height: 60px;
  padding-top: 20px;
  padding-right: 50px;
  padding-bottom: 15px;
  border-bottom: 2px solid #007930;
  background-color: transparent;
  font-size: 4.8rem;
}

.search-form .search-field:focus {
  box-shadow: none;
}

.search-form input[type="submit"] {
  background: no-repeat center 6px url("dist/images/icon-search.svg") transparent;
  width: 40px;
  height: 57px;
  background-size: 40px;
  font-size: 0;
  position: absolute;
  right: 15px;
  top: 85px;
  border: none;
}

.search-field::-webkit-input-placeholder { /* WebKit browsers */
  color: transparent;
}

.search-field:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: transparent;
}

.search-field::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: transparent;
}

.search-field:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: transparent;
}

.modifier-blue a.greenLink {
  color: #4a8ecb;
}

.modifier-blue a.greenLink {
  color: #4a8ecb;
}

.header .menu-side .submenu li {
  padding-left: 0;
}

.side-nav-title {
  display: none;
}

.at-custom-sidebar, .at-custom-mobile-bar {
  background-color: transparent !important;
  box-shadow: none !important;
  margin-right: 5px;
  z-index: 500 !important;
}

.at-custom-mobile-bar-btns {
  height: 100%;
}

.at-custom-sidebar-btns a span svg, .at-custom-mobile-bar-btns a span svg {
  fill: #b9b9b9 !important;
}

.at-custom-sidebar-btns a span, .at-custom-mobile-bar-btns a span {
  background: white !important;
  border: solid #F3F3F3 1px;
  filter: grayscale(100%) !important;
}

.at-custom-sidebar-btns a, .at-custom-mobile-bar-btns a {
  margin-bottom: 5px;
}

.at-custom-sidebar-btns .at-svc-facebook span:hover, .at-custom-mobile-bar-btns .at-svc-facebook span:hover {
  background-color: rgb(59, 89, 152) !important;
  border: rgb(59, 89, 152) solid 1px !important;
  filter: none !important;
}

.at-custom-sidebar-btns .at-svc-facebook span:hover svg, .at-custom-mobile-bar-btns .at-svc-facebook span:hover svg {
  fill: white !important;
}

.at-custom-sidebar-btns .at-svc-twitter span:hover, .at-custom-mobile-bar-btns .at-svc-twitter span:hover {
  background-color: rgb(29, 161, 242) !important;
  border: rgb(29, 161, 242) solid 1px !important;
  filter: none !important;
}

.at-custom-sidebar-btns .at-svc-twitter span:hover svg, .at-custom-mobile-bar-btns .at-svc-twitter span:hover svg {
  fill: white !important;
}

.at-custom-sidebar-btns .at-svc-google_plusone_share span:hover, .at-custom-mobile-bar-btns .at-svc-google_plusone_share span:hover {
  background-color: rgb(220, 78, 65) !important;
  border: rgb(220, 78, 65) solid 1px !important;
  filter: none !important;
}

.at-custom-sidebar-btns .at-svc-google_plusone_share span:hover svg, .at-custom-mobile-bar-btns .at-svc-google_plusone_share span:hover svg {
  fill: white !important;
}

#at-custom-mobile-bar {
  background-color: #f3f3f3 !important;
}

.at-icon-wrapper {
  height: 40px !important;
  width: 40px !important;
}

.at-icon-wrapper svg {
  width: 23px !important;
  height: 23px !important;
}

.at-custom-mobile-bar .at-share-btn {
  padding-top: 4px;
}

/*hide bullets infront of ingredients list, but let the checkmarks on hover*/

.article .article-recipe-info ul:not([class]) li:before {
  content: none;
}

.article .prizes ul:not([class]) li {
  line-height: inherit !important;
}

.list-recipe-ingredients li.on-shopping-list:before, .list-recipe-ingredients li:hover:before {
  content: "\f0ae" !important;
  padding-right: 0 !important;
  color: #fff !important;
}

/*userprofile*/
.delete-list {
  cursor: pointer;
}

.js-fullscreen-change-user-profile-data a.btn {
  color: #fff;
  cursor: pointer;
}

.selectWidth38 + span {
  width: 38% !important;
}

.shoppingList {
  margin-top: 20px;
}

#tusklub_pregled-error {
  display: none;
}

.password-change {
  width: 60%;
}

.sendMMS:disabled {
  color: #fff !important;
  border-color: #9b9b9b !important;
  background-color: #9b9b9b !important;
}

.main-slick .custom-slick-slider {
  margin-top: 50px;
}

.dr-video {
  max-width: 640px;
  width: 100%;
}

/*change color for zabava*/
.modifier-yellow .section-tus-club-profile a:not(.btn):not(.vce-button--style-basic):active,
.modifier-yellow .link-icon.fax:before,
.modifier-yellow .section-tus-club-profile .btn-more-info-toggle,
.modifier-yellow .section-tus-club-profile a:not(.btn):not(.vce-button--style-basic),
.modifier-yellow .menu-side .menu a:not(.btn):not(.vce-button--style-basic),
.modifier-yellow .menu-side h4 a:not(.btn):not(.vce-button--style-basic),
.modifier-yellow .section-login-registration a:not(.btn):not(.vce-button--style-basic),
.modifier-yellow .section-fullscreen a:not(.btn) {
  color: #ee9f1e;
}

.modifier-yellow .section-tus-club-profile .btn-more-info-toggle {
  border-color: #ee9f1e;
}

.modifier-yellow .counter {
  background-color: #ee9f1e !important;
}

.modifier-yellow .menu-side .menu a:not(.btn):not(.vce-button--style-basic):hover,
.modifier-yellow .article a:not(.btn):not(.vce-button--style-basic):hover,
.modifier-yellow .menu-side h4 a:not(.btn):not(.vce-button--style-basic):hover {
  color: #ffba49;
}

.card-mms-parent {
  margin-bottom: 5px;
  /*border-bottom: solid 1px #c1c1c1;*/
  padding-bottom: 5px;
  max-width: 500px;
}

.card-mms-parent > span {
  margin-left: 3px;
}

.card-mms-parent .sendMMS {
  padding: 10px;
  margin-left: 10px;
  font-size: 1.2rem;
  width: 96px;
}

.mmsNote {
  margin-bottom: 10px;
}


/*change color for drogerija*/
.modifier-blue .section-tus-club-profile a:not(.btn):not(.vce-button--style-basic):active,
.modifier-blue .link-icon.fax:before,
.modifier-blue .section-tus-club-profile .btn-more-info-toggle,
.modifier-blue .section-tus-club-profile a:not(.btn):not(.vce-button--style-basic),
.modifier-blue .menu-aside .content a:not(.btn):not(.vce-button--style-basic),
.modifier-blue .menu-side .menu a:not(.btn):not(.vce-button--style-basic),
.modifier-blue .menu-side h4 a:not(.btn):not(.vce-button--style-basic),
.modifier-blue .section-login-registration a:not(.btn):not(.vce-button--style-basic),
.modifier-blue .section-fullscreen a:not(.btn) {
  color: #4a8ecb;
}

.modifier-blue .menu-aside .content a:not(.btn):not(.vce-button--style-basic):hover,
.modifier-blue .article a:not(.btn):not(.vce-button--style-basic):hover,
.modifier-blue .menu-side .menu a:not(.btn):not(.vce-button--style-basic):hover,
.modifier-blue .menu-side h4 a:not(.btn):not(.vce-button--style-basic):hover {
  color: #75bbf9;
}

.modifier-blue .section-tus-club-profile .btn-more-info-toggle {
  border-color: #4a8ecb;
}

.modifier-blue .counter {
  background-color: #4a8ecb !important;
}

.gray-border-bottom {
  border-bottom: 1px solid #c1c1c1;
}

/*coupons*/

.section-tus-coupons .status h2 {
  font-size: 22px;
}

.article-coupon {
  background-color: #f3f3f3;
  margin: auto;
  width: 500px;
}

.article-coupon .page-wrapper {
  padding: 0;
}

.article-coupon img {
  height: auto;
}

.article-coupon h3 {
  color: white;
}

.coupon-valid {
  background-color: #007930;
  width: 500px;
  text-align: center;
  box-sizing: border-box;
  padding: 0 10px;
}

.coupon-valid p {
  color: #fff;
  margin: 0;
  padding-top: 14px;
  padding-bottom: 14px;
  font-weight: 600;
}

.coupon-barcode {
  margin: auto;
  padding: 10px;
  text-align: center;
}

.coupon-barcode p {
  font-size: 1.7rem;
  margin-top: 0;
}

.coupon-barcode > div {
  margin: auto;
}

.coupon-conditions {
  padding: 0 40px 30px 40px;
}

.coupon-descripton {
  background-color: #333;
  width: 100%;
  color: white;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.coupon-descripton h3 {
  margin: auto;
  text-align: center;
}

.section-tus-coupons {
  padding-top: 30px;
}

.card-coupon figure {
  cursor: pointer;
}

.slick-slide .card-coupon .content {
  height: 100%;
}

/*.slick-slide .card-coupon .content {*/
/*position: absolute;*/
/*bottom: 0;*/
/*}*/

/*zabava*/
.section-retailers .logo img {
  max-height: 74px;
  max-width: 100%;
  margin: 0 auto;
}

.section-retailers .custom-slick-slider .slick-prev, .section-retailers .custom-slick-slider .slick-next {
  height: 100%;
  top: 15px;
}

.section-retailers .slick-next:before, .section-retailers .slick-prev:before {
  transform: translateY(-50%);
  margin-top: 0;
}

.area-tooltip {
  background: white;
  position: absolute;
  top: 10px;
  right: 20px;
}

.area-tooltip-inner {
  background: white;
  position: absolute;
  min-width: 180px;
  max-width: 200px;
  padding: 10px;
}

.area-tooltip-inner img {
  max-width: 100%;
}

.area-tooltip-inner:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 20px 15px 0;
  border-color: transparent #FFF transparent transparent;
  content: "";
  top: 30px;
  left: -20px;
  position: absolute;
}

.section-offers .card .discount span:after {
  content: '';
}

/*error popup*/
#errorPopup {
  display: none;
}

#errorPopup .popupWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  left: 50%;
  top: 50%;
  width: auto;
  max-height: 80%;
  max-width: 80%;
  margin-bottom: auto;
  position: fixed;
  z-index: 1110;
  min-height: 200px;
  opacity: 1 !important;
  transform: translateX(-50%) translateY(-50%);
  background-color: #fff;
  padding: 30px;
  border: 1px solid #007930;
}

#errorPopup .popupWrapper #errorContent {
  font-size: 18px;
  color: black;
  text-align: center;
  margin-bottom: 30px;
}

#errorPopup .popupWrapper #errorContent b {
  font-weight: bold;
  /*color: #64b3de;*/
}

.errorBtns {
  display: flex;
  justify-content: center;
}

#errorPopup .popupWrapper #errOkBtn {

}

#errorPopup .popupWrapper #errOkBtn {
  text-transform: uppercase;
  cursor: pointer;
  outline: none;
}


.card.card-coupon .discount {
  font-size: 1.4rem;
  max-width: unset;
  min-width: unset;
}

.modifier-blue .card.card-coupon .discount {
  background: url('assets/images/bg-checked.svg');
  background-repeat: no-repeat;
}

/*floorplan*/
.section-floorplan .floorplan-popup {
  cursor: pointer;
}

.section-floorplan .store-info a:not(.btn):not(.vce-button--style-basic) {
  color: #ee9f1e;
}

/*prize*/
.article-game .description > img {
  width: 100%;
}

/*events page*/

.event-col {
  padding-top: 10px !important;
}

.event-col .stats .col-left {
  padding-left: 0 !important;
  padding-bottom: 15px !important;
}

.event-col .stats .col-right {
  padding-bottom: 25px !important;
}

.event-col .description .lead {
  padding: 0;
}

.article-event .col-right img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-height: 50vh;
}

/*.featured-event .card {*/
/*max-width: 80vw;*/
/*}*/

.event-double .card, .news-double .card {
  max-width: 100%;
}

.submit-empty-event-form {
  color: #ee9f1e;
}

.submit-empty-event-form.all-events {
  color: #007930;
}

#submit-empty-event-form:hover {
  text-decoration: underline;
}

.events-wrapper {
  margin: auto;
}

/*pdf page*/
.pdf-no-img {
  position: absolute;
  bottom: 20px;
  color: black !important;
  visibility: visible;
}

.pdf-no-img h3 {
  padding-top: 40px;
  padding-bottom: 0;
  text-transform: uppercase;
  font-size: 1.8rem;
  line-height: 1.4;
}

.pdf-no-img p {
  margin-bottom: 0;
  margin-top: 10px;
}

.pdf-no-img time {
  color: #868686;
  font-size: 1.4rem;
}

.pdf-no-img .type {
  color: #868686;
}

.pdf-light-viewer-magazine-thumbnails ul:not([class]) li:before {
  content: none;
}

.card-catalogue figure {
  height: 280px !important;
}

.card-catalogue img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.card-catalogue figure > a {
  position: static;
}

.card-catalogue .hover:hover img {
  transform: scale(1.1) translateY(-50%) !important;
}

.section-list.section-list-news .list-5-items-max li {
  padding: 0 22px;
}

.section-list-pdf .list-item:after {
  height: 0 !important;
}

.section-tus-news .events-wrapper {
  max-width: 584px;
}


/*youtube embeded video*/
.description .youtube {
  padding-top: 30px;
}

.youtube {
  width: 600px;
  height: 337px;
}

.youtube iframe {
  width: 585px;
  height: 100%;
}

.youtube img {
. section-list . section-list-franchises . list-franchises width: 600 px;
  height: auto;
}

/*stores*/

.my-location {
  padding-top: 15px;
  float: right;
  color: #007930;
}

.modifier-blue .my-location {
  padding-top: 15px;
  float: right;
  color: #4a8ecb;
}

.modifier-blue .card-franchise a:not(.btn):not(.vce-button--style-basic) {
  color: #4a8ecb;
}

.modifier-blue .card-franchise .open-hours li.green {
  background-color: #4a8ecb;
}


/*estate*/

.section-list-estate #results {
  padding-top: 20px;
}

#form-estate button {
  width: 100%;
  margin-top: 30px;
}

.estate_form_row6 {
  width: 18%;
  float: left;
}

.estate_form_row6_smaller {
  width: 17%;
  float: left;
}

.estate_form_row6:not(:first-child), .estate_form_row6_smaller:not(:first-child), .estate_form_row6_small {
  padding-left: 0.3%;
}

.estate_form_row6_small {
  width: 6%;
  float: left;
}

#estate-filter .form-filter.form-filter-specials.with-sort .form-row.filter-section {
  width: 15% !important;
}

.section-real-estate-contacts .card-person figure {
  overflow: hidden;
  max-height: 250px;
}

.card-real-estate {
  height: 405px;
}

.card-person h3 {
  font-weight: 900;
}

.article-real-estate .nf-form-cont {
  padding: 0;
}

/* f62743 mojih-10 banner */
.my-10-sidebar p {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 21px;
  position: absolute;
  bottom: 20px;
  right: -4px;
  text-transform: uppercase;
}

.my-10-sidebar {
  position: fixed;
  top: 30% !important;
  bottom: auto;
  left: auto;
  right: 0;
  float: right;
  border-radius: 4px 0 0 4px;
  background: radial-gradient(circle, #ED0678 0%, #BD0060 100%);
  box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.5);
  height: 272px;
  width: 42px;
  z-index: 100;
  transition: right 0.2s linear 0.2s;
}

.my-10-btn-icon {
  position: relative;
  top: 28px;
  left: 12px;
  height: 19px;
  width: 19px;
  background: white;
  border-radius: 100%;
}

.my-10-btn-icon i {
  color: #BD0060;
  right: -5px;
  top: -1px;
  position: relative;
  font-size: 12px;
}

.close-10-sidebar {
  position: absolute;
  top: -10px;
  left: -7px;
  height: 19px;
  width: 19px;
  background: white;
  border-radius: 100%;

}

.close-10-sidebar i {
  color: #BD0060;
  right: -5px;
  top: -1px;
  position: relative;
  font-size: 12px;
}

.section-my-10-products.popin.banner {
  z-index:501;
  position: fixed;
  top: 24%;
  bottom: auto;
  left: auto;
  right: 0;
  float: right;
  right: -250px;
  box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.5);
  transition: right 0.2s linear 0.2s;
  height: 410px;
}

.section-my-10-products-mobile p.offer-validity {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 21px;
}

.section-my-10-products-mobile {
  background: radial-gradient(circle, #ED0678 0%, #BD0060 100%);
  height: 224px;
  padding: 20px 30px 20px 30px;
  display: block;
  position: relative;
}

.section-my-10-products-mobile .background-image {
  background-image: url(dist/images/mojih-10.png);
  background-position: center;
  width: 30%;
  height: 60px;
  background-size: contain;
  background-repeat: no-repeat;
}

.section-my-10-products-mobile .cta {
  margin-top: 17px;
  color: #BD0060 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0;
  line-height: 21px;
  text-align: center;
  padding: 15px 10px;
  background: white;
  width: 164px;
  text-transform: uppercase;
}


.section-my-10-products.banner {
  background: radial-gradient(circle, #BD0060 0%, #ED0678 100%);
  height: calc(100% - 40px);
  position: absolute;
  width: 170px;
  z-index: 1;
  padding: 20px;
  box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.2);
  left: 100%;
}

.content-wraper {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.content {
  margin-top: 23px;
}

.content-wraper .background-image {
  background-image: url('dist/images/mojih-10.png');
  background-position: center;
  width: 100%;
  height: 140px;
  background-repeat: no-repeat;
}

.content .offer-validity {
  color: #FFFFFF;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 21px;
  margin-top: 0;

}

.content.ten-offer p {
  font-weight: 400;
  white-space: pre-line !important;
  color: #FFFFFF;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
}

.section-my-10-products.popin .content .cta {
  display: block;
  padding: 10px 20px;
}

.content .cta {
  margin-top: 17px;
  color: #BD0060 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0;
  line-height: 21px;
  text-align: center;
  padding: 22px 10px;
  background: white;
}


/*single shop*/

.single-shop-tabs li {
  font-size: 12px;
}

.today-menu {
  border-bottom: 3px solid #ee9f1e;
  padding-bottom: 10px;
  margin-bottom: 30px;
}

.today-menu > span {
  background: #ee9f1e;
  color: #fff;
  width: auto;
  padding: 15px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;

}

.modifier-yellow .black-to-other-color-text:hover {
  color: #ee9f1e !important;
}

.black-to-other-color-text:hover {
  color: #007930 !important;
}


#article-single-shop .description h3 {
  padding: 20px 20px 0;
}

/*shop promotion*/
.article-shop-promotion .time-table {
  border-top: 1px solid #c7c7c7;
}

.section-list-shop-promotions .form-filter input {
  border-left: 1px solid #ee9f1e !important;
}

.tus-shop-logo {
  max-height: 100px;
  display: block;
  margin: auto;
  padding-bottom: 10px;
}

/*registration form*/
.registration-notice {
  color: #494949;
  font-size: 1.2rem;
}

.bootstrap-datetimepicker-widget {
  display: block;
  list-style: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bootstrap-datetimepicker-widget .row {
  margin-left: -15px;
  margin-right: -15px;
}

.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
  background-color: transparent;
  border-spacing: 0;
  border-collapse: collapse;
}

.checkbox-inline {
  padding-right: 30px !important;
}


.delete-i {
  float: right;
  padding-top: 3px;
}

.error {
  color: red;
}

.custom-error {
  color: red;
}

.width30perForm {
  display: inline-block;
  width: 30% !important;
  clear: none !important;

}

.width69perForm {
  display: inline-block;
  width: 69% !important;
  clear: none !important;
}

.link-green-color a {
  color: #007930;
  transition: color 150ms ease-out;
}

#ui-datepicker-div {
  z-index: 5 !important;
}

.section-login-registration form a:not(.btn):not(.vce-button--style-basic):active {
  color: #007930;
}

.error-gray-box {
  margin: auto;
  margin-bottom: 20px;
  max-width: 415px;
}

.login-wrapper .module {
  max-height: 380px;
}

/*gallery*/
.gallery-nav .slick-slide {
  height: 87px;
}

.gallery-item .gallery-description-parent p {
  position: absolute;
  bottom: -15px;
  color: white;
  font-weight: 500;
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.75);
  padding: 10px;
  width: 100%;
}

.rsDefault .rsGCaption {
  color: black !important;
  background: none !important;
  text-align: center !important;
  bottom: -5px !important;
  width: 100% !important;
}

.rsThumbs {
  top: 5px !important;
}

.rsDefault .rsThumb img {
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

/*cart*/
.empty_cart_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 10px;
}

.empty-cart h2 {
  font-size: 2.4rem;
}

.section-cart .izborPoslovalniceText {
  font-weight: 700;
  font-size: 1.8rem;
}

.section-cart.step-2 .izborPoslovalniceText, .section-cart.step-3 .izborPoslovalniceText {
  margin: 0;
}

.empty-cart {
  margin: 10px !important;
  max-width: 500px;
}

.empty-cart p {
  height: auto;
  min-height: 40px;
  height: auto !important; /* for IE as it does not support min-height */
  height: 40px;
}

.empty-cart img {
  max-width: 100%;
  display: block;
  margin: 15px auto;
  height: 80px;
  object-fit: contain;
}

.cart-empty-content {
  display: block;
  position: relative;
}

.empty-cart-more {
  color: #007930;
  clear: both;
  width: 100%;
  margin-top: 10px;
}

.section-cart .shipping-module .pickup-date:after, .section-cart .shipping-module .pickup-time:after {
  top: 45px;
}

section.section-cart.step-1 {
  padding-bottom: 150px;
}

.btn.amount {
  border-radius: 0;
}

.steps.cart li.forced-active span {
  background-color: #007930;
  border-color: #007930;
  color: #fff;
}

.woocommerce-cart-form__cart-item .btn-close {
  border: 0;
  background: 0;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  display: inline-block;
  float: right;
}

.table-no-borders, .table-no-borders td, .table-no-borders th {
  border: none !important;
}

.shop_table {
  border: none !important;
}

.DDVcart {
  font-size: 1.2rem;
}

.mobileDDVcart {
  display: none;
}

.questionmark:after {
  content: '\f059';
  font-family: 'tus';
  font-style: normal;
  font-size: 1.2rem;
  opacity: 0.5;
}

.questionmark:hover:after {
  opacity: 1;
}

.on-questiomark-hover {
  position: absolute;
  top: 20px;
  color: rgba(0, 0, 0, .5);
  margin-left: 10px;
  padding: 7px;
  background-color: #f3f3f3;
  z-index: 5;
  min-width: 50px;
}

.section-cart.step-2 .DDVcart, .section-cart.step-3 .DDVcart {
  max-width: 50%;
  padding-top: 10px;
  line-height: 1.2;
}

.order-total {
  font-weight: bold;
  float: right;
  vertical-align: middle;
}

.order-total td {
  font-size: 2.2rem;
}

.order-total th {
  padding-top: 12px !important;
}

.continue-shopping {
  float: left;
  padding-top: 80px;
}

.screen-reader-text {
  position: absolute !important;
  left: -9999em;
}

.woocommerce-cart-form__cart-item .btn-close:before {
  padding-top: 5px;
  font-family: "tus";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  text-rendering: auto;
  vertical-align: middle;
  content: "\f011";
  font-size: 20px;
  font-size: 2rem;
  color: #007930
}

.amount-sub-module {
  display: inline-block;
  position: relative;
}

.amount-sub-module label {
  position: relative;
  top: 10px;
  padding-left: 10px;
}

.product-price label {
  display: inline-block;
}

.card-product figure {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.card-product .thumbnail {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}


.card-product img {
  display: inline-block;
}

.card-product.checked:after {
  z-index: 3;
}

.cart-content figure .discount {
  background-image: none;
}

.modifier-blue .card-product .discount {
  bottom: 25px;
}

.modifier-blue li.type-product:not(.product_tag_akcija-m10-d) .card-product .discount > span,
.article-catalogue .discount {
  padding-bottom: 0;
  text-align: center;
  vertical-align: middle;
}

.tus-klub-article {
  padding-bottom: 20px;
  border-bottom: 3px solid #007930;
}

.tus-klub-article .tus-club-card {
  position: absolute;
  width: auto;
  bottom: -60px;
}

.modifier-blue .card-product .price-regular > label {
  padding: 0;
}

.price-regular.product-card-offer-conditions label{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-width: 100%;
}
.card.card-product h3{
  padding: 10px 20px 0;
}
.card.card-product h3 a{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-width: 100%;
}

.action-offer img {
  width: 100%;
  max-width: 100% !important;
}

.body-tus-trgovina .article.article-catalogue .discount.no-discount-info {
  background-position: -35px;
}

.article.article-catalogue .discount.no-discount-info span:after {
  content: '';
}

.modifier-blue .article.article-catalogue .discount {
  background-image: url('dist/images/bg-discount-blue.svg');
}

.buy-module .actions .shopping-list.no-add-cart.m10-activate {
  left: 0;
  top: 20px;
  margin-left: 0;
  width: 100%;
}

.single-add-to-list.only-one-link {
  box-shadow: 0 2px 8px 0 #ccc;
  -webkit-box-shadow: 0 2px 8px 0 #ccc;
  letter-spacing: -0.2px;
  padding: 18px 20px 18px 35px;
  width: 100%;
}

.single-add-to-list.only-one-link:before {
  font-family: tus;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  content: "\f0ae";
  font-size: 1.6rem;
  padding: 0 10px;
  margin-top: -7px;
}

.m10-add-to-list {
  top: 48px !important;
}

.m10-add-to-list:before {
  margin-top: -7px;
}

.m10notification {
  max-width: 500px;
  text-align: left;
}

.btn.disabled {
  background-color: #9b9b9b !important;
  border-color: #9b9b9b !important;
  color: #fff !important;
}


td {
  vertical-align: middle;
}

td.actions {
  padding-top: 10px !important;
  border-bottom: none;
}

td.actions button {
  float: right;
  background: none;
  color: #007930;
  border: none;
  cursor: pointer;
  font-weight: normal;
}

td.actions button:hover {
  color: #00af45;
}

.section-cart .shipping-module h3 {
  padding: 0 0 10px 0;
  font-size: 1.6rem;
}

.shipping-module p {
  margin: 0;
}

#order_comments_field {
  padding: 0 !important;
}

.ui-datepicker-div {
  border: red solid 10px;
}

.notification .woocommerce-info p:not([class]) {
  line-height: 0;
  margin: 0;
  padding: 0;
}

/*zabava*/
.article-location-info .shop-logo {
  max-height: 100px;
}

.section-location .article-location-info .time-table p {
  line-height: 22px;
}

.modifier-yellow .tabs .subset {
  border-color: #ee9f1e;
  box-shadow: 0 0 4px #ee9f1e;
}

.modifier-yellow .tabs .subset li.selected {
  color: #ee9f1e;
}

.header .location.location-lj {
  padding-top: 8px;
}

/*thankyou page*/
.checkout-thanks-wrapper {
  background: #F3F3F3;
  width: 50%;
  margin: 80px 25%;
  height: auto;
  text-align: center;
  padding: 80px;
  box-sizing: border-box;
}

.thankyou-poslovalnica {
  font-size: 1.4rem;
  border: 1px solid #007930;
  height: 40px;
  padding: auto;
  line-height: 1;
  width: 100%;
  color: #959595;
}

/*td > * {*/
/*vertical-align : middle;*/
/*}*/

/*ponudbe partnerjev*/
.only-new-no-type {
  background-color: #fd0 !important;
  color: #000 !important;
}

.section-tus-partners-deals .aside {
  padding-top: 10px !important;
  padding-top: 10px !important;
  padding-top: 10px !important;
}

.partner-ninja-form {
  margin-top: 20px;
  padding-top: 20px;
}

.partner-ninja-form > div {
  padding-top: 20px;
}

.partner-offer-match .hover figure {
  height: 191.02px;
}

.post-type-archive-crea_partner_offer .partner-offer-match figure span.type.novo {
  max-width: 240px
}

.home .partner-offer-match figure span.type.novo {
  max-width: 320px
}

.section-list-news .card-news .hover img {
  height: 242px;
}

.partner-spinner {
  text-align: center;
  font-size: 4rem;
  margin-top: 40px;
}

/*posts*/
#submit-empty-post-form, #submit-empty-post-category-form {
  color: #007930;
}

.modifier-blue #submit-empty-post-category-form, .modifier-blue #submit-empty-post-form {
  color: #4a8ecb;
}

.modifier-yellow #submit-empty-post-category-form, .modifier-yellow #submit-empty-post-form {
  color: #ee9f1e;
}

#submit-empty-post-form-mobile {
  color: #fff;
  margin-top: 10px;
  box-sizing: border-box;
}

.gallery-description-parent img {
  width: 100%;
}

.filter-sort .select2-selection {
  color: #868686;
}

.lead p:first-child {
  margin-top: 0;
}

.modifier-blue .article.article-layout .stats .date:before, .modifier-blue .article.article-layout .stats .photos:before {
  color: #4a8ecb;
}

/*workhours*/
#pano {
  float: left;
  height: 100%;
  width: 100%;
}

.pano-wrapper {
  width: 100vw;
  min-height: 670px;
  height: 70vh;
  z-index: 1;
  position: relative;
}

.office-info {
  background: white;
  width: 400px;
  position: absolute;
  right: 10%;
  top: 0px;
  z-index: 2;
  margin: 0;
}

.office-info > .sub-item {
  margin: 20px 50px;
}

.tus_shops_offices-template-default .container {
  height: auto;
}

.franchise-info .location, .franchise-info .telephone {
  cursor: pointer;
}

.card-franchise .telephone a:not(.btn):not(.vce-button--style-basic) {
  color: black;
}

.green_today {
  color: #007930;
}

.open-for-single-shop {
  position: relative;
  left: 5px;
}

.address-single-shop {
  position: relative;
  left: 5px;
  padding-bottom: 10px !important;
}

.open-for-single-shop:before {
  content: "\f017";
  position: relative;
  left: -5px;
  top: 5px;
  font-family: tus;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
}

.address-single-shop:before {
  content: "\f3c5";
  position: relative;
  left: -5px;
  top: 5px;
  font-family: tus;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-decoration: none;
}

.office-info a:hover {
  text-decoration: none !important;
}

.no-filter a {
  font-size: 14px;
  padding-top: 8px;
}

.no-filter a:before {
  font-family: tus;
  speak: none;
  font-style: normal;
  font-weight: 400;
  text-transform: none;
  content: '\f410';
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  text-rendering: auto;
  padding-right: 5px;
  font-size: 1.4rem;
}


/*mojih 10*/

.m10-tus-klub {
  overflow: hidden;
  position: relative;
  min-height: 270px;
}

.m10-tus-klub .tus-klub-card {
  position: absolute;
  bottom: -60px;
  right: 0;
}

.body-tus-trgovina .section-deals.section-my-10-products-deals .tabs {
  display: inline-block;
  position: absolute;
  bottom: 0;
}

.tem-m10.section-deals.section-my-10-products-deals .article .content {
  margin-bottom: 80px;
}

/*bugging me*/
.woof_edit_view {
  display: none;
}

.form-row.filter-sort {
  z-index: 1;
}

.woof_list.woof_list_checkbox {
  /*border: red solid 5px;*/
}

.modifier-blue .woof_list_checkbox [type="checkbox"]:not(:checked) + label:before, .woof_list_checkbox [type="checkbox"]:checked + label:before {
  border: 1px solid #4a8ecb;
}

.woof_open_hidden_li a {
  color: #007930;
}

.modifier-blue .woof_open_hidden_li a {
  color: #4a8ecb;
}

.woof_products_top_panel {
  display: none !important;
}

.woof_checkbox_label {
  margin-right: 0;
}

.woof_childs_list_opener span.woof_is_closed:before {
  margin-top: -7px;
}

.woof_text_search_go {
  display: none !important;
}

.filter.filter-extra.open {
  z-index: 504 !important;
}

.mobile-placeholder {
  display: none;
}


/*.woof_products_top_panel {*/
/*display: none !important;*/
/*}*/

/*.woof_list.woof_list_checkbox input[type=checkbox] {*/
/*position: absolute;*/
/*z-index: 1;*/
/*left: -100px;*/
/*overflow: hidden;*/
/*clip: rect(0 0 0 0);*/
/*height: 1px;*/
/*margin: -1px;*/
/*padding: 0;*/
/*border: 0;*/
/*}*/

/*.woof_list.woof_list_checkbox input[type=checkbox]:before {*/
/*position: absolute;*/
/*left: 0;*/
/*top: 0;*/
/*width: 50px;*/
/*height: 50px;*/
/*background: red;*/
/*border: 10px solid #007930;*/
/*}*/

/*.woof_list.woof_list_checkbox input[type=checkbox]:after {*/
/*content: "\f00c";*/
/*}*/

/*.woof_list.woof_list_checkbox label {*/
/*!*border: greenyellow solid 5px;*!*/
/*}*/

/* Base for label styling */
.woof_list_checkbox [type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}

.woof_list_checkbox [type="checkbox"]:not(:checked) + label,
.woof_list_checkbox [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}

/* checkbox aspect */
.woof_list_checkbox [type="checkbox"]:not(:checked) + label:before,
.woof_list_checkbox [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #007930;
  border-radius: 2px;
  transition: background-color 150ms ease-out;
  vertical-align: middle;
  margin-top: 4px;

}

/* checked mark aspect */
.woof_list_checkbox [type="checkbox"]:not(:checked) + label:after,
.woof_list_checkbox [type="checkbox"]:checked + label:after {
  font-family: "tus";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-rendering: auto;
  vertical-align: middle;
  content: "\f00c";
  position: absolute;
  font-size: 0.8rem;
  transition: all .2s;
  color: #fff;
  width: 10px;
  height: 10px;


}

/* checked mark aspect changes */
/*[type="checkbox"]:not(:checked) + label:after {*/
/*opacity: 0;*/
/*transform: scale(0);*/
/*}*/
.woof_list_checkbox [type="checkbox"]:checked + label:after {
  width: 10px;
  height: 10px;
  position: absolute;
  left: 4px;
  top: 8px;
}

/*[type="checkbox"] label {*/
/*line-height: 16px;*/
/*}*/

.woof_list_checkbox [type="checkbox"]:checked + label:before {
  background: #007930;
}


.woof_reset_search_form {
  background: none;
  z-index: 1;
  position: relative;
  display: inline-block;
  padding: 12px 16px;
  line-height: 1;
  height: 42px;
  max-height: 42px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  overflow: hidden;
  text-align: center;
  outline: 0;
  border: 2px solid transparent;
  vertical-align: middle;
  background: #007930;
  color: #fff;
}

/*career*/
.article-career table tr td:first-child {
  white-space: nowrap;
}

.article-career-field .tabs.lite > li .counter {
  left: 2px;
  top: -2px;
}

.article-career-field .list-alternate-content li article p, .article-career .list-alternate-content li article p {
  color: #4c4c4c;
}

.background-image-career {
  width: 100%;
  height: inherit;
  background-repeat: no-repeat;
  background-size: cover;
}

.list-job-application-process .list-item > img {
  max-width: 115px;
}

.section-jobs-contact-us .article .list-contacts a:not(.btn):not(.vce-button--style-basic) {
  color: #fff;
}

.article .pagination a:not(.btn):not(.vce-button--style-basic).active {
  color: #fff;
}

.price-regular-mobile {
  display: none;
}

/*#single-product.description {
    width: 100%;
}*/

.section-list-products.product_cat_dr .article .content, .section-list-products.product_tag .article .content {
  margin-left: 240px;
  max-width: 100%;
}

.section-list-products.product_cat_dr .article .content .banner {
  padding-top: 30px;
}

.section-list-products.product_cat_dr .filter, .section-list-products.product_tag .filter {
  margin-top: 0;
}

.section-list-products.product_cat_dr .form-filter, .section-list-products.product_tag .form-filter {
  padding-top: 0;
}

.section-list-products.product_cat_dr h1, .section-list-products.product_tag h1 {
  font-size: 4rem;
  font-weight: 700;
  text-transform: none;
  padding-bottom: 20px;
  letter-spacing: 0;
}

.price-regular.offer-conditions {
  bottom: 15px;
}

.modifier-blue .price-regular.product-card-offer-conditions {
  max-width: unset;
  width: 100%;
  padding: 0 20px;
  line-height: 1rem;
  font-size: 1rem;
  bottom: 70px;
}

.modifier-blue .special-discount-info {
  bottom: 6px !important;
  max-height: 42px;
}

.modifier-blue .special-price-small {
  bottom: -10px;
}

.modifier-blue .price-regular-special {
  position: absolute;
  right: 10px;
  bottom: -20px;
  font-size: 1.2rem;
}

.section-list-products.product_cat_dr .article p {
  margin: 16px 0;
}

.product_cat_dr .aside {
  position: absolute;
  top: 0;
  padding-top: 0 !important;
}

#pano > iframe {
  width: 100%;
  height: 100%;
}

/*recipees*/

.article .list-recipe-ingredients ul:not([class]) li:before {
  left: auto !important;
}

.section-recipes h1 + h2:before {
  z-index: 1;
}

.card figure.zoom figcaption:before {
  background-image: none;
}

.card figure.zoom figcaption.more-info {
  background-color: rgba(0, 0, 0, .75);
}

.card figure.zoom figcaption.more-info {
  height: 50px;
  padding: 15px;
}

.list-recipe-ingredients {
  border-top: 2px solid #d5d5d5;
}

.list-recipe-ingredients li:hover {
  background-color: #f3f3f3;
}

.article-recipe .description tr:first-child td {
  border-top: 1px solid #d5d5d5;
}

.section-recepies-follow {
  background-image: url('dist/images/CTA_placeholder_tus.jpg');
  background-position: center;
  background-size: cover;
}

.section-recepies-follow .cta *, .section-recepies-follow .cta, .section-recipes .accordion-toggle {
  color: #fff !important;
}

.section-recepies-follow input[type=checkbox].custom-input + label.custom-input:before {
  border-color: #fff;
}

.section-recepies-follow .recipes-follow {
  border: none;
}

.recipes-follow {
  margin-left: 150px;
}

.section-recepies-follow .description, .section-recepies-follow .form-recipes-follow, .recipes-follow > h3 {
  float: none;
  width: 70%;
  transform: translateX(-50%);
  position: relative;
  left: 50%;
}


/*tus klub template*/
.section-deals.section-my-10-products-deals .article.tus-klub-article {
  margin-bottom: 20px !important;
  position: relative;
  padding-bottom: 65px;
}

.tus-klub-article .tus-klub-card {
  width: auto;
  bottom: -60px;
  position: absolute;
  right: 0;
}

.page-template-template-tus-klub-strani article > .page-wrapper > h1 {
  display: none;
}

/*hitri uzitki*/

.hu-links {
  color: #007930;
  text-align: center;
  margin-top: 20px;
}

.hu-links a {
  margin: 5px;
}

.section-how-to-get-a-discount {
  padding: 20px !important;
  margin-top: 20px;
}

#huWrap .btn-close {
  margin-top: -5px;
}

/*cards*/

.card-travel .background-image,
.card-prize-game .background-image,
.card-shop .background-image,
.single-recipe-card .background-image {
  background: no-repeat center;
  width: 100%;
  height: 300px;
  background-size: cover;
}

.card-recipe .background-image {
  background: no-repeat center;
  width: 100%;
  background-size: cover;
}


.card-recipe-category .background-image {
  width: 100%;
  background-size: cover;
  background: center no-repeat;
}

.card-menu .background-image, .card-real-estate .background-image {
  width: 100%;
  background-size: cover !important;
  background: center no-repeat;
  height: 180px;
}

.card-sale {
  height: 353px;
}

.card-sale .background-image {
  height: 250px;
  background-size: cover;
}

.card-sale span.logo img {
  max-height: 70px;
  float: right;
  padding-right: 5px;
}

.placeholder-image {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.card-travel h3 {
  max-height: none;
}

/*.card-travel .discount {*/
/*  padding-left: 15px;*/
/*}*/

.card .discount {
  font-size: 2rem;
  max-width: 100px;
  min-width: 60px;
}

.card-travel .discount {
  max-width: initial; width: auto; padding-left: 38px; padding-right: 6px;
}

.card-history p {
  display: inline;
}

.card .thumbnail {
  width: auto;
}

/*!*drogerija*!*/
.aside .section-list-cosmetics {
  height: 100vh;
}

.modifier-blue .filter-search-toggle,
.modifier-blue .filter-sort-toggle,
.modifier-blue .filter-extra-toggle,
.modifier-blue .filter-help,
.filter-products .filter-sort-toggle:hover,
.modifier-blue .menu-side h4 a:not(.btn):not(.vce-button--style-basic):hover,
.modifier-blue .menu-side .menu a:not(.btn):not(.vce-button--style-basic):hover {
  color: #75bbf9;
}


.modifier-blue a,
.modifier-blue #submit-empty-post-category-form,
.modifier-blue .filter-btn,
.modifier-blue .section-deals.section-my-10-products-deals .filter a:not(.btn):not(.vce-button--style-basic),
.modifier-blue .menu-side h4 a:not(.btn):not(.vce-button--style-basic),
.modifier-blue .menu-side .menu a:not(.btn):not(.vce-button--style-basic),
.modifier-blue .btn.empty {
  color: #4a8ecb;
}

.modifier-blue .section-tripple-banner .list-categories > .list-item li:before {
  top: -5px;
  color: #4a8ecb;
}

.modifier-blue .woof_list_checkbox [type="checkbox"]:checked + label:before,
.modifier-blue .woof_reset_search_form {
  background: #4a8ecb;
}

.modifier-blue .section-tus-events .lead-article p:last-child {
  padding-top: 15px;
}

.modifier-blue .section-retailers {
  padding: 55px 0;
}

.modifier-blue .section-landing.section-tus-events .lead-article {
  padding-bottom: 58px;
}

.card-social {
  width: auto;
}

.modifier-blue .icon-facebook-official:before {
  font-size: 24px;
}

.modifier-blue .icon-youtube:before {
  font-size: 24px;
}

.modifier-blue .card-product .discount {
  background-size: contain;
  background-position: center;
}

.modifier-blue .article-catalogue .discount:not(.m10-discount) {
  background-size: contain;
  padding: 0;
}

.modifier-blue .article-catalogue .discount:not(.m10-discount) > span {
  float: left;
  padding-left: 3px;
}

.modifier-blue .tabs .subset {
  border-color: #4a8ecb;
  box-shadow: 0 0 4px #4a8ecb;
}

.modifier-blue .tabs .subset li.selected {
  color: #4a8ecb;
}

.modifier-blue .black-to-other-color-text:hover {
  color: #4a8ecb !important;
}


/*ninja forms*/

.nf-form-cont {
  max-width: 500px;
  background-color: #f3f3f3;
  padding: 40px 30px;
  margin: auto;
}

.nf-form-cont input[type=radio]:not(:last-child) + label {
  padding-right: 8px;
}

.nf-form-layout li:before {
  content: none;
}

.nf-form-cont .field-wrap > label {
  width: 100%;
}

.nf-form-wrap li:before {
  content: none !important;
}

.nf-field a {
  color: #007930;
}

.modifier-yellow .nf-field a {
  color: #ee9f1e;
}

.modifier-blue .nf-field a {
  color: #4a8ecb;
}

.checkbox-container .nf-field-description {
  padding-left: 23px;
  line-height: 16px;
}

/*visualcomposer*/

.vcv-container {
  max-width: 1232px;
  padding: 0 16px;
  box-sizing: border-box;
  margin: auto;
}

.vce-row-container h1 {
  font-size: 5.7rem;
  font-weight: 300;
  padding: 10px 0;
  line-height: 1;
  text-transform: uppercase;
}

.vce-row-container h3 {
  font-weight: normal;
}

.vce-no-space .vce {
  margin: 0;
}

.vce-basic-menu-container .vce-basic-menu ul .menu-item a {
  font-weight: 400 !important;
  font-size: 1.4rem;
}

.vce-basic-menu-container .vce-basic-menu ul .current-menu-item a {
  font-weight: 600 !important;
  font-size: 1em !important;
  color: #000 !important;
}

.vce-basic-menu-container .vce-basic-menu ul .current-menu-item a {
  text-transform: uppercase !important;
  font-weight: 600;
}

.vce-mobile-menu-select ~ .select2 {
  display: none;
}

.vce-mobile-menu-select {
  display: none;
}

.vce-mobile-menu-select-new ~ .select2 {
  width: 100%;
  max-width: 300px;
  display: block;
}

/*accordion*/
.tus-accordion-toggle {
  margin: 0;
  padding: 20px;
  background-color: #eaeaea;
  color: #007930;
  font-weight: bold !important;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 1.4rem;
  border-top: 1px solid #007930;
}

.tus-accordion-content {
  margin: 0;
  padding: 0;
  display: none;
}

.acc-active {
  background-color: #007930;
  color: #fff;
}

.acc-active.tus-accordion-toggle span:before {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -webkit-transition: -webkit-transform 150ms ease-out;
  transition: transform 150ms ease-out, -webkit-transform 150ms ease-out;
}

.tus-accordion-toggle span {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 55px;
  line-height: 55px;
  cursor: pointer;
  overflow: hidden;
}

.tus-accordion-toggle span:before {
  content: "\f107";
  color: #007930;
  font-family: "tus";
  padding-top: 3px;
  speak: none;
  font-style: normal;
  vertical-align: middle;
  position: absolute;
  -webkit-transition: -webkit-transform 150ms ease-out;
  transition: transform 150ms ease-out, -webkit-transform 150ms ease-out;
}

.acc-active.tus-accordion-toggle span:before {
  color: #fff;
}

/*ul for vce nav*/
.vce-basic-menu-container .vce-basic-menu ul {
  border-bottom: 3px solid #007930;
}

.vce-basic-menu-container .vce-basic-menu ul .menu-item {
  font-weight: 400;
}

.vce-basic-menu-container .vce-basic-menu ul .menu-item a {
  text-transform: none !important;
  padding-left: 0 !important;
  padding-right: 5px;
  color: #007930;
}


.vce-basic-menu-container .vce-basic-menu ul .menu-item.current-menu-item a {
  text-transform: uppercase !important;
}

.modifier-yellow .vce-basic-menu-container .vce-basic-menu ul .current-menu-item:before {
  border-color: transparent transparent #ee9f1e transparent;
}

.modifier-yellow .vce-basic-menu-container .vce-basic-menu ul .menu-item a {
  color: #ee9f1e;
}

.modifier-yellow .vce-basic-menu-container .vce-basic-menu ul {
  border-bottom: 3px solid #ee9f1e;
}

.modifier-blue .vce-basic-menu-container .vce-basic-menu ul .menu-item a {
  color: #4a8ecb;
}

.modifier-blue .vce-basic-menu-container .vce-basic-menu ul {
  border-bottom: 3px solid #4a8ecb;
}

.modifier-blue .header .menu-primary > li > a:hover {
  color: #75bbf9
}

.modifier-yellow .header .menu-primary > li > a:hover {
  color: #ffba49
}

.mobile-nav-menu .icon-angle-right {
  float: right;
  width: 50px;
  text-align: right;
  margin-top: 3px;
}

.header .mobile-nav-menu .icon-angle-right:hover {
  color: #00af45 !important;
}

.header .mobile-nav-menu a:hover span.icon-angle-right {
  background-color: transparent;
  color: #007930;
}


.header .menu-side .mobile-nav-menu li.has-children > a:after {
  content: '';
}

/*active nav for vce nav*/
.vce-basic-menu-container .vce-basic-menu ul .current-menu-item {
  text-transform: uppercase;
  color: #000;
  font-weight: bold;
  background: none;
}

.vce-basic-menu-container .vce-basic-menu ul .current-menu-item:before {
  margin-left: -14px;
  border-color: transparent transparent #007930 transparent;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7px 6px 7px;
}


/*ninja forms*/
.btn.nf-fu-fileinput-button {
  margin-left: 10px;
  background-color: darkgrey;
  border: none;
}

.nf-field-element input, .nf-field-element select, .nf-field-element textarea {
  height: 40px !important;
  vertical-align: baseline !important;
}

.nf-field-element input[type=file] {
  height: 0 !important;
}

.nf-field .field-wrap {
  padding-bottom: 0;
}

.modifier-yellow input[type=date],
.modifier-yellow input[type=email],
.modifier-yellow input[type=number],
.modifier-yellow input[type=password],
.modifier-yellow input[type=search],
.modifier-yellow input[type=tel],
.modifier-yellow input[type=text],
.modifier-yellow input[type=url],
.modifier-yellow select,
.modifier-yellow textarea {
  border-color: #ee9f1e;
}

.modifier-blue input[type=date],
.modifier-blue input[type=email],
.modifier-blue input[type=number],
.modifier-blue input[type=password],
.modifier-blue input[type=search],
.modifier-blue input[type=tel],
.modifier-blue input[type=text],
.modifier-blue input[type=url],
.modifier-blue select,
.modifier-blue textarea {
  border-color: #4a8ecb;
}

/*spored*/
.layer-parallax.layer-cinema-1 {
  width: auto;
  height: 606px;
  left: auto;
  right: -10px;
  top: -150px;
  z-index: -3;
}

.layer-parallax.layer-cinema-2 {
  left: auto;
  right: -10px;
  top: 280px;
  z-index: -1;
}

.layer-parallax.layer-cinema-3 {
  left: auto;
  right: 100px;
  top: 10px;
  z-index: -1;
}

.layer-parallax.layer-cinema-4 {
  left: auto;
  right: 180px;
  top: 18px;
  z-index: -1;
}

.section-cineplex {
  padding-top: 50px;
}


@media only screen and (min-width: 768px) {
  .header .navigation-top-bar .list-admin {
    margin-right: 440px;
  }
}

@media only screen and (min-width: 1280px) {
  .header .navigation-top-bar .list-admin {
    margin-right: 0;
  }

  .header .navigation-primary {
    padding-right: 430px;
  }
}

/*deals*/
.section-deals .accordion-toggle:after {
  margin-top: -7px;
}

.header.tus-zabava .navigation-primary {
  padding-left: 180px;
  padding-right: 220px;
}

.header.tus-drogerija .navigation-primary {
  padding-left: 180px;
  padding-right: 300px;
}

a.special {
  font-size: 1.5rem !important;
}

.image-career {
  display: none;
}

#birth-error {
  display: none !important;
}

/*cookies*/

.header {
  z-index: 502;
}

.cookie-notice {
  background-color: #313130;
  color: #fff;
  position: fixed;
  padding: 80px 200px;
  display: none;
  z-index: 503;
}

.cookie-notice .cookie-column, .page-cookie-notice .cookie-column {
  width: 25%;
  float: left;
  text-align: left;
  padding: 20px;
  box-sizing: border-box;
}

.cookie-notice .cookie-column:last-child, .page-cookie-notice .cookie-column:last-child {
  padding-right: 0;
}

.cookie-notice .cookie-column h3, .page-cookie-notice .cookie-column h3 {
  font-weight: 300;
}

.cookie-notice .cookie-title, .page-cookie-notice .cookie-title {
  float: left;
  width: 50%;
  text-align: left;
}

.cookie-notice .cookie-btns, .page-cookie-notice .cookie-btns {
  float: right;
  width: 50%;
  text-align: right;
}

.cookie-notice .cookie-btns > a:not([class]) {
  color: #00AF50;
  padding-right: 20px;
}

.modifier-blue .cookie-notice .cookie-btns > a:not([class]) {
  color: #4a8ecb;
}

.modifier-yellow .cookie-notice .cookie-btns > a:not([class]) {
  color: #ffba49;
}

.cookie-notice hr {
  border-top: #3E3E3E 2px solid;
  margin: 0;
}

.cookie-notice .cookie-column .accordion > a, .page-cookie-notice .cookie-column .accordion > a {
  display: none;
}

.cookie-notice .cookie-column .accordion .accordion-content, .page-cookie-notice .cookie-column .accordion .accordion-content {
  display: block;
}

.page-cookie-notice {
  display: block;
  background-image: url('dist/images/bg-contact-us-squares.png');
  background-repeat: no-repeat;
  background-position: left top;
  color: #fff;
  padding: 80px 0;
  margin: 0 200px;
  position: relative;
  overflow: auto;
}

.page-cookie-notice-parent {
  background-color: #00af45;

  background-image: url('dist/images/bg-green-gradient.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.page-cookie-notice .custom-input-toggle, .cookie-notice .custom-input-toggle {
  margin-right: 5px;
}

.page-cookie-notice hr {
  border-top: #008144 2px solid;
  margin: 0;
}

.page-cookie-notice .btn {
  background-color: #fff;
  color: #008144;
  border-color: #fff;
}

.page-cookie-notice input[type=checkbox].custom-input-toggle + label.custom-input-toggle {
  background-color: #007930;
  border: none;
}

.page-cookie-notice input[type=checkbox].custom-input-toggle + label.custom-input-toggle:before {
  background-color: #00A243;
  border-color: #007930;
}

.page-cookie-notice input[type=checkbox].custom-input-toggle:checked + label.custom-input-toggle {
  background-color: #fff;
  background-image: url('dist/images/icon-check-green.svg');
}

.notification-empty-action {
  max-width: 360px;
}

.cart-content .product-price {
  min-width: 100px;
}

.cart-content .product-amount {
  min-width: 280px;
  padding-left: 0;
}

.section-tus-klub-strani .article .content {
  margin-right: 30%;
}

.section-tus-klub-strani {
  padding-bottom: 15px;
}

.section-tus-klub-strani .accordion-content p {
  padding-right: 0 !important;
}

.display-mobile {
  display: none;
}

/*override weird injected stylesheet for select2*/
.select2-container .select2-selection--single .select2-selection__arrow b {
  height: 40px;
  position: relative;
  margin: 0;
  top: unset;
  border: none;
  left: 0;
}

span.select2-container.select2-container--default.select2-container--open {
  z-index: 10033330 !important;
}

@media only screen and (max-width: 1800px) {
  img.poslovalnice-constant-width {
    width: 1800px;
    max-width: none;
    height: 800px;
    overflow: hidden;
  }
}

@media only screen and (min-width: 1800px) {
  .header.tus-drogerija .menu-primary > li > a {
    font-size: 1.5rem;
  }

  img.poslovalnice-constant-width {
    min-width: 100%;
    max-width: none;
    height: auto;
    overflow: hidden;
  }
}


@media only screen and (max-width: 1600px) {

  .header.tus-zabava .menu-primary, .header.tus-drogerija .menu-primary {
    display: block;
  }

  .header.tus-zabava .navigation-primary {
    padding-left: 235px;
  }

  .header.tus-drogerija .navigation-primary {
    padding-left: 10px;
    padding-right: 120px;
  }

  .header .menu-primary > li > a, .header.tus-zabava .menu-primary > li > a, .header.tus-drogerija .menu-primary > li > a {
    font-size: 1.5rem;
    margin: 0;
    padding-left: 0;
  }

  a.special {
    font-size: 1.2rem !important;
  }

  .header.tus-zabava .menu-primary > li:last-child > a, .header.tus-drogerija .menu-primary > li:last-child > a {
    padding-right: 0;
  }

  .header .location {
    max-width: 180px;
    text-align: center;
    padding-top: 18px;
  }

  .header .location h4 {
    display: inline-block;
  }
}

@media only screen and (min-width: 1600px) {

  .header.tus-zabava .menu-primary > li > a, .header.tus-drogerija .menu-primary > li > a {
    font-size: 1.8rem;
    margin: 0;
  }

  .header .location {
    max-width: 180px;
    text-align: center;
    padding-top: 18px;
  }

  .header .location h4 {
    display: inline-block;
  }

  .header .logo.logo-tus-drogerija {
    width: 171px;
  }
}

@media only screen and (max-width: 1500px) {

  .cookie-notice {
    padding: 80px 100px;
  }

  .page-cookie-notice {
    padding: 30px 0;
    margin: 0 100px;
  }

  /*.header .menu-primary>li>a {*/
  /*padding: 0 20px 0 0;*/
  /*}*/
  /*.header.tus-drogerija .menu-primary>li.special>a {*/
  /*font-size: 13px;*/
  /*}*/
  /*.header.tus-drogerija .menu-primary>li:last-child>a {*/
  /*padding-right: 0;*/
  /*}*/
}

@media only screen and (max-width: 1400px) {
  .header.tus-zabava .menu-primary > li > a, .header.tus-drogerija .menu-primary > li > a {
    font-size: 1.2rem;
  }
}

@media only screen and (max-width: 1670px) {
  .header .navigation-primary {
    padding-right: 470px;
  }

  .header .menu-primary > li > a {
    font-size: 1.6rem;
  }
}

@media only screen and (max-width: 1460px) {
  .header .menu-primary > li > a {
    font-size: 1.5rem;

  }

  .header .navigation-primary {
    padding-right: 510px;
  }
}

@media only screen and (max-width: 1370px) {
  .header .menu-primary > li > a {
    font-size: 1.3rem;

  }

  .header .navigation-primary {
    padding-right: 510px;
  }
}

@media only screen and (max-width: 1320px) {
  .header .menu-primary > li > a {
    font-size: 1.2rem;

  }

  .header .navigation-primary {
    padding-right: 530px;
  }
}


@media only screen and (min-width: 1280px) {
  /*.header .navigation-primary {*/
  /*padding-left: 160px;*/
  /*}*/
  /*.header.tus-zabava .menu-primary {*/
  /*display: inline-block;*/
  /*}*/
  /*.header.tus-drogerija .menu-primary {*/
  /*display: inline-block;*/
  /*}*/
  /*.header .navigation-top-bar .list-admin {*/
  /*margin-right: 0;*/
  /*}*/
  .section-recipes .lead-article:before {
    z-index: 1;
  }

  .header .logo.logo-tus-drogerija {
    width: 120px;
    background-color: #4a8ecb;
  }

  .header .logo.logo-tus-drogerija img {
    margin-top: 15px;
  }

  /*.header.tus-drogerija .menu-primary>li.special a {*/
  /*padding-right: 1px;*/
  /*}*/
}

@media only screen and (max-width: 1280px) {
  .header.tus-zabava .menu-primary, .header.tus-drogerija .menu-primary {
    display: none;
  }

  .header.tus-zabava .navigation-top-bar .list-admin, .header.tus-drogerija .menu-primary {
    margin-right: 275px;
  }

  .header .logo.logo-tus-drogerija img {
    margin-top: 0;
  }

  .header.tus-zabava .navigation-top-bar .list-admin, .header.tus-drogerija .navigation-top-bar .list-admin {
    margin-right: 275px;
  }

  .cookie-notice .cookie-column, .page-cookie-notice .cookie-column {
    width: 50%;
  }

  .cookie-notice {
    max-height: 90vh;
    overflow-y: scroll;
  }

  .cookie-column:nth-child(odd) {
    padding-left: 0;
  }

  .header .location {
    padding-top: 5px;
  }

  .tus-klub-article > .content {
    max-width: 50%;
  }

  .section-tus-klub-strani {
    padding-bottom: 0;
  }

}

@media only screen and (max-width: 1200px) {
  .event-col .stats .col {
    width: 100%;
  }

  .event-col .stats .col-right {
    padding: 0;
  }

  .single-recipe-card .background-image {
    height: 250px;
  }

  .section-cart.step-2 .DDVcart, .section-cart.step-3 .DDVcart {
    max-width: 100%;
  }

  /*.header.tus-zabava .menu-primary>li>a {*/
  /*padding: 0 12px 0 0;*/
  /*font-size: 14px;*/
  /*}*/
}

@media only screen and (min-width: 1200px) {
  .section-list.section-list-franchises .list-franchises {
    width: 60%;
  }

  .section-list.section-list-franchises .map-wrapper {
    width: 40%;
  }

  .vce-mobile-menu-select ~ .select2 {
    display: none;
  }

  .vce-mobile-menu-select-new ~ .select2 {
    display: none;
  }
}

@media only screen and (min-width: 1024px) {

  .form-recipes-follow .form-row {
    margin-right: 20px;
  }

  .section-my-10-products-deals .hu-links {
    margin-left: 210px;
  }

  .article-recipe h1 {
    max-width: 66.66%;
  }

  .section-tus-coupons .graphics {
    float: right;
  }

  .section-tus-events .layer-1 {
    left: 150px;
  }

  .modifier-blue .section-tus-events .lead-article h2 {
    padding-bottom: 35px;
  }

  .modifier-blue .section-deals {
    background: none;
  }

  .section-hero-merchant .layer-2 {
    bottom: -150px;
  }

  .section-hero-merchant .layer-3 {
    top: -100px;
  }

  .section-hero-merchant .layer-1 {
    top: 0;
  }

  .section-recipes .layer-1 {
    top: 0;
  }

  .section-recipes .layer-2 {
    top: 0;
  }

  .section-recipes .layer-3 {
    top: 0;
  }

  .article-real-estate .col-left {
    width: 55% !important;
  }

  .article-real-estate .col-right {
    width: 45% !important;
  }

  .content.product-trgovina-search {
    margin-left: 250px !important;
  }

  .article-product-trgovina-left {
    margin-left: 250px;
  }

  article.dobrodosli-tus-klub .col-left, article.dobrodosli-tus-klub .col-right {
    width: 50% !important;
    padding-bottom: 0 !important;
  }

  .article-career .custom-select-tabs {
    display: none;
  }

  /*.woocommerce.woocommerce-page .notification-empty-action {*/
  /*left: -110px;*/
  /*margin-top: 10px;*/
  /*}*/
  /*aside + .grid-wrapper .notification-empty-action {*/
  /*left: 0 !important;*/
  /*}*/
  .section-list-products.product_cat_dr .menu-aside-content .filter-products {
    display: none;
  }

  .h1search {
    margin-left: 250px;
  }

  .woof_shortcode_output .notification-empty-action {
    margin-left: 12px;
  }

  .article.article-catalogue .description.singleProductDescription {
    max-width: unset;
    width: 100%;
    margin-left: 0;
    margin-top: 50px;
  }

  .section-tus-events .featured-event.event-double, .section-tus-news .featured-event.news-double {
    width: 500px;
  }

  .event-double:first-child, .news-double:first-child {
    margin-right: 20px;
  }

  .event-double-parent, .news-double-parent {
    width: 1020px;
    margin: auto;
  }

  .section-tus-news .featured-event.news-double {
    float: left;
  }

  .section-tus-news .events-wrapper {
    max-width: none;
    overflow: hidden;
  }


}

@media only screen and (max-width: 1100px) {
  .m10-add-to-list {
    top: 20px !important;
  }
}

@media only screen and (max-width: 1024px) {
  .modifier-blue .section-deals {
    background-image: none, url('dist/images/bg-powder-left-1.jpg'), url('dist/images/bg-powder-right-1.jpg');
  }

  .modifier-blue .section-deals.section-list-cosmetics {
    background-image: none;
  }

  .section-cineplex .layer-parallax {
    display: none;
  }

  .section-cineplex {
    background-image: url('dist/images/bg_popcorn_mobile.jpg');
    background-repeat: no-repeat;
    background-position: top right;
  }

  #mobile-nav-career {
    display: none;
  }

  .article-career .custom-select-tabs {
    display: block;
  }

  .article-career-field .custom-select-tabs {
    display: block;
  }

  .article-career-field .tabs.lite {
    display: none;
  }

  .modifier-blue .section-deals {
    background-repeat: no-repeat;
  }

  .notification-empty-action {
    max-width: 100%;
  }

  .tus-klub-article .tus-klub-card, .m10-tus-klub .tus-klub-card {
    max-width: 200px;
    bottom: -40px;
  }

  .tus-klub-article .content {
    max-width: 100%;
  }

  .section-list-products .filter {
    margin-top: 0;
  }

  .section-list-products.product_cat_dr .article .content {
    margin-left: 0;
  }

  .section-list.section-list-cosmetics .filter-extra {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 280px;
    background-color: #fff;
    transition: left .3s ease-out;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    left: -320px;
  }

  .section-list.section-list-cosmetics .content {
    padding-left: 0;
  }

  .section-list.section-list-cosmetics .filter-extra .btn-close {
    display: block;
  }

  .card-recipe .time:before {
    margin-top: -7px;
  }
}

@media only screen and (min-width: 880px) {
  .section-login-registration .links.form-row {
    position: relative;
    bottom: 110px;
    left: 208px;
  }
}

@media only screen and (max-width: 880px) {

  .card-real-estate {
    height: 100% !important;
    padding-bottom: 20px;
  }

  .single-recipe-card .background-image {
    height: 200px;
  }

  .article-career .list-item {
    height: auto !important;
  }

  .article-career-field .list-item {
    height: auto !important;
  }

  .career-date {
    margin: 10px 0 !important;
    font-weight: bold;
  }

  .more-info {
    margin: 20px 0 !important;
  }

  .background-image-career {
    display: none;
  }

  .image-career {
    display: block;
    max-height: 300px;
    margin: auto;
  }

  .tus-zabava.header .navigation-top-bar li {
    position: relative;
    bottom: 8px;
    max-width: 100px;
  }

  .section-login-registration .links.form-row {
    position: relative;
    bottom: 110px;
    /*left: 100%;*/
    float: right;
  }

  /*.section-list-cosmetics .list-4-items-max {*/
  /**/
  /*}*/
  .section-login-registration .checkout-thanks-wrapper {
    width: 100%;
  }

  .section-login-registration .steps.sign-in li {
    position: relative;
    padding-top: 15px;
    width: 100%;
    padding-left: 0;
  }

  .section-login-registration .steps.sign-in li:first-child {
    padding-top: 0;
  }

  .section-login-registration .steps.sign-in li:before {
    border-top: 0;
    border-right: 2px dashed #007930;
    content: "";
    width: 1px;
    height: 40px;
    position: absolute;
    left: 17px;
    top: 5px;
    opacity: .5;

  }

  .card figure.zoom figcaption.more-info {
    margin-bottom: 0 !important;
  }
}

@media only screen and (max-width: 801px) {
  .admin-bar .header {
    margin-top: 46px;
  }

  /*.select2-dropdown--below {
      top: 45px !important;
  }*/
  .single-recipe-card .background-image {
    height: 180px;
  }
}

@media only screen and (min-width: 768px) {


  .form-filter .form-row.filter-category, .form-filter .form-row.filter-section {
    width: 20% !important;
  }

  .form-filter .form-row.filter-search {
    width: 30% !important;
  }

  .section-my-10-products-deals .filter .form-filter .form-row.filter-search {
    width: 35% !important;
  }

  .hide-on-desktop {
    display: none;
  }

  .section-landing .lead-article h2 {
    padding: 0 0 10px;
  }

  .section-landing .lead-article {
    padding-bottom: 35px;
  }

  .section-location .article-location-info {
    padding: 38px;
  }

  .section-location .article-location-info .sub-item h5 {
    padding: 18px 0;
  }

  .article-location-info p {
    line-height: 1.57;
  }

  .modifier-yellow .location-map {
    float: left;
    width: 66%;
    height: 423px;
  }

  .section-location .article-location-info .sub-item h5 {
    padding: 12px 0;
    line-height: 25px;
  }

  .modifier-blue .section-deals.section-list-cosmetics {
    background-image: none;
  }


  .gray-box {
    width: 500px;
    margin: 30px auto;
  }

  .section-deals {
    background-repeat: no-repeat;
  }

  .list-job-application-process li {
    width: 33%;
  }

  .section-login-registration .registration-module:after {
    bottom: -55px;
    left: 370px;
  }

  .section-list.section-list-cosmetics .list-4-items-max .list-item:nth-child(2n+3),
  .modifier-blue .product_tag_akcija .list-4-items-max .list-item:nth-child(2n+3) {
    clear: none;
  }

  .section-list.section-list-cosmetics .h1search {
    text-transform: uppercase;
    font-size: 5.7rem;
    font-weight: 300;
  }

  /*.header.tus-zabava .navigation-top-bar .list-admin {*/
  /*margin-right: 280px;*/
  /*}*/
  /*.header.tus-drogerija .navigation-top-bar .list-admin {*/
  /*margin-right: 280px;*/
  /*}*/
  /*.header.tus-drogerija .menu-system li {*/
  /*width: 33.33%;*/
  /*}*/
  #confirmation-resent {
    width: 700px;
  }

  .article.article-catalogue .tabs.small > li {
    width: unset;
  }

  .section-tus-news .events-wrapper {
    margin: 0 auto;
  }
}

@media only screen and (max-width: 768px) {
  .card-product .price-regular{
    font-size: 1.1rem;
  }
  .hide-on-phone {
    display: none;
  }
  .section-my-10-products.popin .content .cta{
    width: 170px;
    text-transform: uppercase;
  }
  .section-my-10-products.popin.banner {
    transition: bottom 0.2s linear 0.2s;
  }
  .section-my-10-products.popin.banner .content-wraper{
    max-width: 90vw;
  }

  div#my-10-btn {
    left: 0;
    right: 0;
    width: 100%;
    height: 56px;
    position: fixed;
    text-align: center;
    z-index: 501;
    bottom: 60px;
    background: radial-gradient(circle, #ED0678 0%, #BD0060 100%);
    box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.5);
    transition: bottom 0.2s linear 0.2s;
  }

  .my-10-sidebar p {
    writing-mode: initial;
    text-orientation: initial;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 21px;
    position: relative;
    bottom: 15px;
    right: -4px;
    transition: bottom 0.2s linear 0.2s;
    text-transform: uppercase;
  }

  .section-my-10-products.popin.banner .content {
    margin-top: 3px;
  }
  .close-10-sidebar{
    right: 50px;
    left: initial;
  }

  .my-10-sidebar {
    position: fixed;
    width: 100%;
    top: initial !important;
    z-index: 100;
    color: #fff;
    height: 60px;
    bottom: 20px;
    left: 0;
    border-radius: 0;
  }

  .my-10-btn-icon {
    top: 19px;
    left: 39px;
    height: 19px;
    width: 19px;
  }

  .my-10-btn-icon i {
    color: #BD0060;
    right: 1px;
    top: -2px;
    position: relative;
    font-size: 12px;
    transform: rotate(90deg);
  }

  .section-my-10-products.popin.banner {
    height: 250px;
    width: 100%;
    top: auto !important;
    right: initial !important;
    bottom: -250px;

  }

  .content-wraper .background-image {
    background-position: center;
    width: 25%;
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
  }

  #estate-filter .form-filter.form-filter-specials.with-sort .form-row.filter-section {
    width: 100% !important;
    position: static;
    padding-top: 10px;
    display: block;
  }

  .form-filter .form-row.filter-sort {
    margin: auto;
  }

  .form-filter.form-filter-specials input[type=submit] {
    display: block;
    position: static;
    width: 100%;
    margin-top: 15px;
  }

  .career-date {
    float: left;
  }

  #at-custom-mobile-bar {
    bottom: 60px;
  }

  .section-retailers .logo img {
    max-height: 127px;
    max-width: 100%;
    margin: 0 auto;
  }

  .header.tus-drogerija .menu-system li {
    width: 33.333%;
  }

  .header.tus-nepremicnine .menu-system li {
    width: 50%;
  }

  .header.tus-zabava .navigation-top-bar .list-admin, .header.tus-drogerija .navigation-top-bar .list-admin {
    margin-right: 10px;
  }

  /*cookies*/
  .cookie-notice {
    padding: 20px;
    overflow-y: scroll;
    /*max-height: 100vh;*/
    max-height: 90vh;

  }

  .cookie-notice .cookie-column, .page-cookie-notice .cookie-column {
    width: 100%;
    padding: 0;
  }

  .cookie-notice .cookie-btns {
    clear: both;
    width: 100%;
    text-align: center;
  }

  .cookie-notice .cookie-btns > * {
    margin: 10px;
  }

  .cookie-notice .show-more, .page-cookie-notice .show-more {
    display: block;
  }

  .cookie-notice .show-this, .page-cookie-notice .show-this {
    display: none;
  }

  .cookie-notice .cookie-column .accordion > a, .page-cookie-notice .cookie-column .accordion > a {
    display: block;
  }

  .cookie-notice .cookie-column .accordion .accordion-content, .page-cookie-notice .cookie-column .accordion .accordion-content {
    display: none;
  }

  .cookie-notice h3 {
    padding-bottom: 10px;
  }

  .cookie-notice input[type=checkbox].custom-input-toggle + label.custom-input-toggle, .page-cookie-notice input[type=checkbox].custom-input-toggle + label.custom-input-toggle {
    margin-top: 10px;
  }

  .page-cookie-notice .cookie-btns {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }

  .cookie-btns .btn {
    width: 100%;

  }

  .section-login-registration .links.form-row {
    position: relative;
    bottom: 110px;
    /*left: 100%;*/
    float: right;
  }

  .product-details {
    max-width: 25%;
  }

  .cart-content .product-amount {
    min-width: 180px;
    padding-left: 50px;
  }

  .section-tus-klub-strani .article .content {
    margin-right: 0;
  }

  .section-deals .grid .col.type-product {
    width: 50%;
  }

  .desktopDDVcart {
    display: none;
  }

  .mobileDDVcart {
    display: block;
  }

  .section-cart.step-1 .product-details.actions:before {
    content: none;
  }

  .section-cart.step-1 .product-details.actions button {
    float: left;
    font-size: 1.5rem;
    width: 200px;
    text-align: left;
    padding-left: 0;
  }

  #huWrap .btn-close {
    margin-top: 17px;
  }

  /*vce*/
  .col-xs-2rows .vce-col--xs-1 {
    box-sizing: border-box;
  }

  .col-xs-2rows .vce-col--xs-1:nth-child(odd) {
    max-width: 30%;
    padding-right: 5px;
  }

  .col-xs-2rows .vce-col--xs-1:nth-child(even) {
    max-width: 70%;
    padding-left: 5px;
  }

  .vce-row-container h1 {
    font-size: 3.6rem;
  }

  .menu-system li.cart-li > span {
    font-size: 1.2rem;
    width: 20px;
    height: 20px;
    line-height: 18px;
    left: 50%;
    top: 0;
  }

  .section-list.section-list-cosmetics .h1search {
    text-transform: uppercase;
    font-size: 3.6rem;
    font-weight: 300;
  }

  .buy-module {
    max-width: unset;
  }

  .profile-success h3 {
    text-align: center;
  }

  .profile-success button.btn {
    position: relative;
    transform: translateX(-50%);
    left: 50%;
  }

  .list-admin.display-mobile {
    display: block;
  }

  .list-admin.display-mobile span:before {
    display: block;
    font-size: 20px;
  }

  .list-admin.display-mobile li:not(.list-admin-wider) {
    width: 80px;
  }

  .list-admin.display-desktop {
    display: none;
  }

  .list-admin-wider > a {
    width: 80px;
  }

  .display-mobile li {
    height: 60px;
    position: relative;
    bottom: 0 !important;
  }

  .modifier-blue .price-regular.product-card-offer-conditions {
    font-size: 1.2rem;
    line-height: 1.2rem;
    bottom: 80px;
  }
}

@media only screen and (max-width: 600px) {
  .modifier-blue .section-deals {
    background-image: none, url('dist/images/bg-powder-left-1.jpg');
  }

  .modifier-blue .section-deals.section-list-cosmetics {
    background-image: none;
  }

  .section-retailers .logo img {
    max-height: 200px;
    max-width: 100%;
    margin: 0 auto;
  }

  .card-job.row .actions {
    clear: both;
    padding: 0;
  }

  .card-job.row p {
    margin: 0 !important;
  }

  .on-questiomark-hover {
    left: 150px;
    min-width: 150px;
  }

  .page-template-template-akcijska-ponudba .aside-specials-sub-section,
  .page-template-template-akcijska-ponudba .custom-slick-slider li {
    height: auto !important;
  }

  .page-template-template-akcijska-ponudba .action-offer img {
    width: auto;
    max-height: 200px;
  }

  .custom-slick-slider .slick-slide {
    padding: 0 5px
  }

  .clear-both-under-600 {
    clear: both;
  }

  .special-aside-box-mobile {
    max-width: 50%;
    float: left;
    display: inline-block;
  }

  .special-aside-box-mobile:first-child {
    max-width: 40%;
  }

  .special-aside-box-mobile:nth-child(2) {
    max-width: 60%;
    padding-left: 20px;
    box-sizing: border-box;
  }

}

@media only screen and (max-width: 560px) {
  .estate-title {
    font-size: 3.8rem !important;
  }

  .single-recipe-card .background-image {
    height: 250px;
  }

  .office-info {
    right: 0;
    left: 0;
    margin: auto;
  }

  .article-coupon {
    width: 100%;
  }

  .coupon-valid {
    width: 100%;
  }

  .tem-m10 .tus-klub-card {
    display: none;
  }

  .section-my-10-products-activated .m10-trgovina .grid .col,
  .section-my-10-products-activated .m10-drogerija .grid .col {
    width: 50%;
  }
}

@media only screen and (min-width: 480px) {
  .form-filter.form-filter-specials input[type=submit] {
    right: -75px;
  }

  .card-recipe h3 a {
    height: auto;
  }
}


@media only screen and (max-width: 480px) {
  .header .navigation-side .scroll-wrapper{
    padding-bottom: 90px;
  }
  .header .menu-side .submenu ul {
    padding: 0 16px;
    padding-bottom: 90px;
    height: 100%;
  }


  .tem-m10 .m10-tus-klub {
    min-height: auto;
  }

  .body-tus-trgovina .tem-m10 .m10-tus-klub .tabs {
    display: none;
  }

  .tem-m10.section-deals.section-my-10-products-deals .article .content {
    margin-bottom: 0;
  }

  /*product changes from two to one*/
  li.product {
    padding-right: 0;
    padding-left: 0;
  }

  .section-deals.section-my-10-products-deals .grid .col, .menu-aside-content .type-product.col {
    width: 50%;
    padding: 0;
  }

  .card-product {
    padding-bottom: 100px;
  }

  .card-product figure {
    padding: 0;
    height: 100px;
  }

  .card-product figure .btn {
    padding: 10px;
  }

  .card-product figure figcaption {
    padding: 0;
  }

  .card-product .thumbnail {
    max-height: 100px;
    padding-top: 20px;
  }

  .woocommerce ul.products.columns-4 li {
    margin-top: 0;
  }

  .padding-left-right-15px480 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .card .discount {
    font-size: 2rem;
  }

  .card .discount span {
    padding-bottom: 0;
  }

  .card .discount span:after {
    font-size: 1.5rem;
  }

  .price-regular-mobile {
    display: block;
    bottom: 40px;
    font-size: 1.2rem;
    position: absolute;
    right: 0;
    max-width: 150px;
    width: 56%;
    margin-right: 20px !important;
    text-align: right;
  }

  .price-regular-desktop {
    display: none;
  }

  .card-product .price {
    text-align: right;
    margin-right: 20px;
  }

  .card-product .price {
    border-top: none;
  }

  .mobile-placeholder {
    display: block;
  }

  .section-deals.section-my-10-products-deals .grid .col, .menu-aside-content .type-product.col {
    height: 290px;
  }

  .section-deals .deals-wrapper {
    overflow: visible;
  }

  .on-questiomark-hover {
    left: 60px;
    min-width: 150px;
  }

  .questionmark {
    display: block;
    margin-top: 5px;
  }

  .questionmark:after {
    font-size: 1.5rem;
  }

  .card-product .price {
    padding: 8px 0 23px 10px;
    font-size: 1.7rem;
  }

  .card-product figcaption a:not(.btn) {
    margin-bottom: 12px;
  }

  .card-product figcaption {
    bottom: -205px;
  }

  .card-product figure .btn {
    width: 100%;
  }

  .section-deals.section-my-10-products-deals .article.article-content {
    overflow: visible;
  }

  .section-how-to-get-a-discount {
    position: relative;
    right: 20px;
  }

  .akcija_m10 .card .discount span {
    padding-bottom: 10px;
  }

  .price-regular.product-card-offer-conditions {
    line-height: 1.2rem;
    clear: both;
    width: 90% !important;
    max-width: unset;
    right: 6px;
    margin-bottom: 10px;
  }

  span.discount.no-discount-info {
    min-width: 0;
    width: 32px;
    bottom: 7px !important;
    left: 10px;
  }

  .section-deals.section-my-10-products-deals .article .graphics {
    float: left;
    margin-right: 10px;
  }

  .section-deals.section-my-10-products-deals .article .graphics {
    width: 80px;
  }

  .display-mobile-location {
    display: inline-block !important;
  }

  .list-admin.display-mobile-zabava li:not(.list-admin-wider) {
    width: 60px;
  }

  .list-admin.display-mobile-zabava span:before {
    font-size: 18px;
  }

  .header.tus-zabava .navigation-top-bar li a {
    position: relative !important;
    top: 50% !important;
    transform: translateY(-30%) !important;
    padding: 0 !important;
  }

  .card-recipe .time:before {
    margin-top: -10px;
  }

  .modifier-blue .price-regular.product-card-offer-conditions {
    padding: 0;
    bottom: 60px;
  }

  .modifier-blue .discount.special-discount-info {
    font-size: 1.2rem;
    height: 35px;
    bottom: 10px;
    width: 40px;
    min-width: unset;
  }

  /*  f62849 Vidnost Thumb slike */
  .katalogi-in-revije img.thumbnail.js-real3dflipbook-lightbox {
    height: 100%;
    width: 220px;
  }

  .katalogi-in-revije .card-catalogue .hover:hover img {
    transform: scale(1) translateY(-50%) !important;
  }

  .katalogi-in-revije .card-catalogue figure {
    width: 220px;
  }

  /* end f62849 Vidnost Thumb slike */

}

@media only screen and (max-width: 400px) {
  .header .navigation-top-bar .list-admin li {
    max-width: 100px;
  }

  .header .navigation-top-bar .list-admin li a {
    padding: 10px;
  }

  .card .discount {
    font-size: 1.5rem;
  }

  .price-regular-mobile, .card-product .price {
    margin-right: 5px !important;
  }

  .header .navigation-top-bar .list-admin li {
    max-width: unset;
  }

  .card figure.zoom figcaption.more-info {
    height: 70px;
    margin-bottom: 0 !important;
  }
}

@media only screen and (max-width: 300px) {
  .card .discount {
    min-width: 0;
    width: 52px;
  }

  .card .discount > span {
    font-size: 1.2rem;
  }

  .card .discount > span:after {
    font-size: 1.2rem;
  }

  .card-product .price {
    font-size: 1.4rem;
  }

  .card-product figure .btn {
    padding: 2px;
  }

  .section-how-to-get-a-discount * {
    min-width: 50px;
    max-width: 90vw;
  }
}


/*rules for chrome and safari*/
/*@media screen and (-webkit-min-device-pixel-ratio:0) {*/
/*.select2-dropdown--below {*/
/*top: 30px !important;*/
/*}*/
/*}*/


@media print {
  .link-icon, .delete-list, .no-print, .card-product.checked:after, .breadcrumbs, #at-custom-sidebar, nav {
    display: none !important;
  }

  /*.card-product {*/
  /*border: none;*/
  /*}*/
  .card-product.checked :after {
    content: none;
  }

  .article-coupon {
    text-align: center;
  }

  .article-coupon > .page-wrapper {
    border: solid black 2px;
    left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .body-tus-trgovina .header .menu-system li {
    float: left;
    width: 25%;
    height: 60px
  }

  .body-tus-trgovina .header .menu-system li:last-of-type {
    width: 20%;
  }

  .body-tus-trgovina .supermarket:before {
    background-image: url("dist/images/hn-logo_color-white.svg");
  }

  .body-tus-trgovina .menu-system li:last-child {
    display: none
  }
  .body-tus-trgovina .menu-system{
    background:#2d2d2c;
    display: flex;
    justify-content: center;
  }
}


/* HOTFIX select2 is putting option container over select*/
@media only screen and (max-width: 989px) {
  .select2-container.select2-container--open .select2-dropdown--below {
    top: 32px;
  }
}

@media only screen and (max-width: 785px) {
  .select2-container.select2-container--open .select2-dropdown--below {
    top: 46px;
  }
}

/* HOTFIX select2 is not working for vce mobile menu */

.vce-mobile-menu-select-mobile {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 30px;
  background-image: url("dist/images/select-arrow.png");
  background-repeat: no-repeat;
  background-position: 95% center;
}

.vce-mobile-menu-select-mobile:not(:last-child) {
  display: none;
}

.vce-mobile-menu-select-mobile option:active {
  background-color: red;
}

.vce-mobile-menu-select-new, .vce-mobile-menu-select-new + .select2 {
  display: none;
}

/*.vce-mobile-menu-select-mobile:focus {*/
/*background-image:*/
/*linear-gradient(45deg, green 50%, transparent 50%),*/
/*linear-gradient(135deg, transparent 50%, green 50%),*/
/*linear-gradient(to right, #ccc, #ccc);*/
/*background-position:*/
/*calc(100% - 15px) 1em,*/
/*calc(100% - 20px) 1em,*/
/*calc(100% - 2.5em) 0.5em;*/
/*background-size:*/
/*5px 5px,*/
/*5px 5px,*/
/*1px 1.5em;*/
/*background-repeat: no-repeat;*/
/*border-color: green;*/
/*outline: 0;*/
/*}*/

/* existing only for anniversary*/

.hovernow {
  display: inline-block;
  background-image: url("dist/images/30-temp/naslovnica-gumb.png");
  width: 110px;
  height: 85px;
  margin: 10px;

  float: left;
}

.hovernow:hover {
  transform: scale(1.25);
}

/* / existing only for anniversary*/
/*adthis sidebar moved to make way for 10 banner*/
.addthis-smartlayers-desktop #at-custom-sidebar {
  top: 84% !important;
  bottom: auto;
}

/*f62745 mobile sticky btn*/
@media only screen and (max-width: 480px) {
  .stick, .btn.cartShoppingList.stick{
    left: 0;
    top:unset !important;
    width: 100%;
    position: fixed !important;
    text-align: center;
    z-index: 100020;
    line-height: normal;
    height: 56px!important;
    max-height: 60px !important;
    bottom: 40px;
    box-shadow: unset !important;
  }
}

/* end f62745 mobile sticky btn*/


/*f62744 mobile sticky btn*/
@media only screen and (max-width: 480px) {
  .form-row.actions .btn{
    display: block;
  }

  .form-filter.form-filter-my-10-products.stickForm{
    left: 0;
    width: 100%;
    position: fixed;
    line-height: normal;
    top: 110px;
    z-index: 2;
  }
  .form-filter.form-filter-my-10-products.stickForm .form-row{
    padding: 10px 14px;
    border-bottom: 2px solid #007930;
    background-color: #F0FFF6;
  }

  .filter-products {
    box-sizing: border-box;
    height: 69px;
    border-top: 2px solid #007930;
    border-bottom: 2px solid #007930;
    background-color: #F0FFF6;
    width: 100vw;
    right: 15px;
    position: relative;
    padding: 0 15px;
    display: flex;
    gap: 10px;
    align-items: center;
  }

  .filter-products .filter-extra-toggle {
    height: 35px;
    padding: 0 10px;
    background-color: #007930;
    color: white !important;
  }

  .filter-products .filter-sort-toggle {
    height: 35px;
    padding: 0 10px;
    background-color: #007930;
    color: white !important;
  }

  .filter-products .filter-search-toggle {
    height: 35px;
    padding: 0 10px;
    background-color: #007930;
    color: white !important;
  }

  .stickyFilter {
    left: 0;
    width: 100%;
    position: fixed;
    line-height: normal;
    top: 60px;
    z-index: 2;
  }
}

/*end f62744 mobile sticky btn*/
/*61852 ux suggestios input fields*/
.input-text.error{
  border: 1px solid #D9534F;
  color:#D9534F;
}
.error{
  color:#D9534F;
}
.valid{
  color:#5CB85C
}

.woocommerce-input-wrapper  .error:after{
  content:"\f00d";
  position: absolute;
  display: block;
  font-family: 'tus';
  font-size: 14px;
  top: 20px;
  right: 11px;
}
.woocommerce-input-wrapper  .valid:after{
  content:"\f00c";
  position: absolute;
  display: block;
  font-family: 'tus';
  font-size: 14px;
  top: 20px;
  right: 11px;
}

.woocommerce-input-wrapper #prevzem_datum-error.error:after,.woocommerce-input-wrapper  #prevzem_ura-error.error:after {
  top: 43px;
  right: 31px;
}
@media screen and (max-width: 768px){
  ul.tabs.small.js-tabs{
    flex: 1;
    display: flex;
    overflow: auto;
  }
  ul.tabs.small.js-tabs::-webkit-scrollbar {
    display: none;
  }
  .tabs.small li{
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
    color:black;
    text-transform: unset;
    display: flex;
    white-space: nowrap;
  }

  li.js-tab.open {
    letter-spacing: 0;
    line-height: 21px;
    border-bottom:2px solid #007930;
  }
  .tabs>li.open{
    color: #007930;
    background:none;
  }
  .tabs>li{
    background:none;
  }
  .tabs{
    border-bottom: 1px solid #007930;
  }
  .custom-select-tabs{
    display:none;
  }
  .ingredients:before{content:"\f2e3"; font-family: "Font Awesome 5 Pro"; position:relative; right:2px;}
  .notes:before {content:"\f05a"; font-family: "Font Awesome 5 Pro"; position:relative; right:2px;}
  .nutritional-values:before {content:"\f0ce"; font-family: "Font Awesome 5 Pro"; position:relative; right:2px;}
  .allergens:before{content:"\f461"; font-family: "Font Awesome 5 Pro"; position:relative;  right:2px;}
  .warning:before{content:"\f071"; font-family: "Font Awesome 5 Pro"; position:relative;right:2px;}
  .brand:before {content:"\f1f9"; font-family: "Font Awesome 5 Pro"; position:relative; right:2px;}
  .guide:before {content:"\f5a0"; font-family: "Font Awesome 5 Pro"; position:relative; right:2px;}
  .storage-conditions:before {content:"\f49e"; font-family: "Font Awesome 5 Pro"; position:relative; right:2px;}
  .terms-of-use:before {content:"\f316"; font-family: "Font Awesome 5 Pro"; position:relative; right:2px;}
  .country-of-origin:before {content:"\f7a2"; font-family: "Font Awesome 5 Pro"; position:relative; right:2px;}
  .food-business-operator:before  {content:"\f8c5"; font-family: "Font Awesome 5 Pro"; position:relative;right:2px;}
  .supplier:before{content:"\f0d1"; font-family: "Font Awesome 5 Pro"; position:relative;right:2px;}


}




/*end 61852 ux suggestios input fields*/


.klub-parallax-images {
  width: 100vw;
  position: relative;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.klub-parallax-text {
  position: relative;
}