.sidebar-inner .box-rating .h4,
.sidebar-inner .box-sale .h4,
.sidebar-inner > div .h4 {
margin-bottom: 25px;
font-size: 16px;
text-transform: uppercase;
}
.sidebar-inner > div .h4 {
margin-top: 0;
}
#footer .h4 {
color: var(--color-secondary);
}
.box.box-categories > .h4 {
position: relative;
margin-left: -31px;
margin-right: -31px;
margin-top: -32px;
padding: 20px 20px 20px 60px;
margin-bottom: 0;
background-color: #292929;
color: white;
font-weight: 300;
text-transform: none;
font-size: 22px;
border-radius: 20px 20px 0 0;
}
.in-rate-shop .h3,
#ratingTab .h3 {
margin-top: 0;
font-weight: 700;
margin-bottom: 0;
font-size: 16px;
line-height: 1.4;
color: #0f0f0f;
}
.products-related-block .h2,
.products-alternative-block .h2 {
position: relative;
display: block;
margin-bottom: 20px;
color: #0f0f0f;
font-size: 22px;
font-weight: 700;
text-align: center;
line-height: 1.4;
}
#footer .h4 {
line-height: 1.4;
font-size: 16px;
font-weight: 400;
}
#footer .h4 {
margin-top: 0;
text-transform: uppercase;
}
.footer-item.footer-item-newsletter .h4 span {
font-size: 18px;
font-weight: 700;
line-height: 1.2;
text-transform: none;
color: #ffffff;
}
@media (min-width: 768px) {
.footer-item.footer-item-newsletter .h4 span {
font-size: 32px;
}
.in-rate-shop .h3,
#ratingTab .h3 {
font-size: 26px;
}
#footer .h4 {
font-size: 18px;
}
.products-related-block .h2,
.products-alternative-block .h2 {
margin-bottom: 30px;
font-size: 32px;
}
}
.stay-in-touch {
display: flex;
flex-direction: column;
}
.stay-in-touch .form-group:nth-child(1) {
order: 1;
}
.content-inner article a {
color: var(--color-secondary-hover);
}
.content-inner article a:hover {
text-decoration: underline;
}
/* .site-msg.information, */
.custom-footer .custom-footer-left-panel .footer-item.custom-footer__banner24 {
display: none;
}
body.ordering-process .header-info-bar {
display: none;
}
@media (min-width: 768px) {
.header-info-bar-addon.is-header-fixed.is-header-hidden.admin-logged:not(.ordering-process)
.popup-widget.cart-widget,
.header-info-bar-addon.is-header-fixed.is-header-hidden.admin-logged:not(.ordering-process)
.popup-widget.login-widget {
top: 34px;
}
.header-info-bar-addon:not(.ordering-process) .popup-widget.login-widget {
top: 150px;
}
.header-info-bar-addon:not(.ordering-process) .popup-widget.cart-widget {
top: 150px;
}
.header-info-bar-addon.admin-logged:not(.ordering-process)
.popup-widget.login-widget {
top: 150px;
}
.header-info-bar-addon.admin-logged:not(.ordering-process)
.popup-widget.cart-widget {
top: 150px;
}
}
@media (min-width: 992px) {
.header-info-bar-addon.is-hib-top.template-11.ordering-process
.popup-widget.cart-widget,
.header-info-bar-addon.is-hib-top.template-11.ordering-process
.popup-widget.login-widget {
margin-top: 0;
}
.header-top .btn.cart-count:before {
font-size: 30px;
}
#header .cart-count {
font-size: 18px;
}
.header-top {
padding-top: 70px;
padding-bottom: 30px;
}
.popup-widget.login-widget {
top: 120px;
}
.popup-widget.cart-widget {
top: 120px;
}
.admin-logged .popup-widget.login-widget {
top: 146px;
}
.admin-logged .popup-widget.cart-widget {
top: 146px;
}
.header-info-bar-addon:not(.ordering-process) .popup-widget.login-widget {
top: 135px;
}
.header-info-bar-addon:not(.ordering-process) .popup-widget.cart-widget {
top: 135px;
}
.header-info-bar-addon.admin-logged:not(.ordering-process)
.popup-widget.login-widget {
top: 161px;
}
.header-info-bar-addon.admin-logged:not(.ordering-process)
.popup-widget.cart-widget {
top: 161px;
}
}
@media (max-width: 768px) {
#footer .site-name a img {
max-width: 140px;
}
.products-block.homepage-products-1 {
margin-top: 50px !important;
}
.carousel .extended-banner-texts {
top: 60px;
text-align: center;
}
.carousel-inner > .item.carousel-item-banner--has-text img {
height: 460px;
padding-top: 0px;
background: black;
}
}
.btn.btn-primary,
a.btn.btn-primary,
.btn.btn-primary,
a.btn.btn-primary {
background-color: var(--color-secondary);
color: #292929;
border-color: var(--color-secondary);
}
@media (min-width: 768px) {
#footer.no-newsletter .site-name {
margin-top: 0;
margin-bottom: 0;
}
#footer .site-name {
margin: 0;
}
.footer-rows .site-name a img {
max-height: 170px;
}
.search {
min-width: 280px;
max-width: 280px;
}
}
.search input[type="search"].form-control {
border: 1px solid var(--color-secondary);
background-color: #000000;
color: var(--color-secondary);
}
.search input[type="search"].form-control:focus {
border: 1px solid var(--color-secondary);
}
.search .btn.btn-default,
.search a.btn.btn-default {
background-color: var(--color-secondary);
color: var(--color-secondary);
border-radius: 3px;
}
.search.is-searching .btn.btn-default,
.search.is-searching a.btn.btn-default {
background-color: var(--color-secondary);
color: var(--color-secondary);
}
.search .btn.btn-default:before,
.search a.btn.btn-default:before {
color: white;
}
.search .btn.btn-default:hover:before,
.search a.btn.btn-default:hover:before {
color: white;
}
.search input[type="search"].form-control::-webkit-input-placeholder {
color: var(--color-secondary);
}
.search input[type="search"].form-control:-ms-input-placeholder {
color: var(--color-secondary);
}
.search input[type="search"].form-control::placeholder {
color: var(--color-secondary);
}
.is-header-black .navigation-close,
.is-header-black.submenu-visible:not(.menu-helper-visible) #header,
.is-header-black #header {
background-color: #000000;
}
@media (min-width: 768px) {
.is-header-fixed.is-header-hidden #header .site-name a img {
max-height: 66px;
}
#header .site-name {
display: flex;
align-items: center;
}
#header .site-name a img {
max-height: 120px;
/* max-width: 300px; */
}
}
@media (max-width: 767px) {
.top-navigation-bar .site-name a img {
max-height: 40px;
}
}
.top-navigation-bar .container > div.top-navigation-menu {
display: none;
}
@media (min-width: 768px) {
/* .copyright, #signature {
font-size: 12px;
} */
.top-navigation-bar .container > div.top-navigation-contacts {
top: 0;
height: 49px;
}
}
.footer-bottom {
padding-top: 8px;
padding-bottom: 8px;
}
#footer h4 {
color: var(--color-secondary);
}
#footer .contact-box ul li > span::before {
color: var(--color-secondary);
}
#footer .contact-box a.btn {
color: #222222;
}
/* #footer .btn.btn-primary,
#footer a.btn.btn-primary,
#footer .btn.btn-primary,
#footer a.btn.btn-primary {
background-color: var(--color-secondary);
color: #292929;
border-color: var(--color-secondary);
} */
.carousel .extended-banner-link:not(:empty) {
border-color: var(--color-secondary);
background-color: var(--color-secondary);
color: #292929;
}
.carousel .extended-banner-link:not(:empty):hover {
border-color: var(--color-secondary-hover);
background-color: var(--color-secondary-hover);
color: #292929;
}
.is-header-black .responsive-tools .click-cart[data-target="navigation"]:before,
.is-header-black .responsive-tools > a[data-target="navigation"]:before {
color: var(--color-secondary);
}
/* .is-header-black.navigation-window-visible .responsive-tools>a[data-target="navigation"]:before {
color: #292929 !important
} */
.is-header-black .navigation-in-bottom .languagesMenu__header--name {
color: var(--color-secondary);
}
.is-header-black .navigation-in-bottom .languagesMenu__header--name:before {
color: var(--color-secondary);
}
.is-header-black
.navigation-in-bottom
.languagesMenu
.languagesMenu__list__link {
color: var(--color-secondary);
}
.is-header-black .navigation-in-bottom .top-navigation-contacts a {
color: var(--color-secondary);
}
.is-header-black .navigation-in-bottom .top-navigation-contacts a span {
color: var(--color-secondary);
}
.is-header-black .navigation-in-bottom .top-navigation-contacts a:before {
color: var(--color-secondary);
}
.is-header-black .navigation-in-bottom .top-navigation-bar-menu a {
color: var(--color-secondary);
}
.is-header-black .navigation-buttons .click-cart a:after,
.is-header-black .navigation-buttons a[data-target="cart"],
.is-header-black .navigation-buttons > a,
.is-header-black .navigation-buttons > a:after,
.is-header-black .navigation-buttons > a[data-target="login"]:before {
color: var(--color-secondary);
}
.is-header-black.currency-window-visible
.languagesMenu__box[data-target="currency"]
.languagesMenu__header--actual:after,
.is-header-black.currency-window-visible
.languagesMenu__box[data-target="currency"]
.languagesMenu__header--actual:before {
color: var(--color-secondary);
}
.is-header-black.currency-window-visible
.languagesMenu__box[data-target="currency"]:not(.open)
.languagesMenu__header--actual:before {
color: var(--color-secondary);
}
.is-header-black
.languagesMenu__box[data-target="currency"]:not(.open)
.languagesMenu__header:hover:after {
color: var(--color-secondary);
}
.is-header-black
.languagesMenu__box[data-target="currency"]
.languagesMenu__header--actual:before {
color: var(--color-secondary);
}
.is-header-black:not(.currency-window-visible)
.languagesMenu__box[data-target="currency"]
.languagesMenu__header--actual:hover:before {
color: var(--color-secondary);
}
.is-header-black .languagesMenu__header:hover {
color: var(--color-secondary);
}
.is-header-black .languagesMenu__header:after {
color: var(--color-secondary);
}
.is-header-black .languagesMenu__header:after:hover {
color: var(--color-secondary);
}
@media (min-width: 768px) {
.welcome {
padding: 20px 40px 20px 40px;
}
.is-header-black .navigation-in > ul > li > a {
color: var(--color-secondary) !important;
}
.is-header-black .navigation-in > ul > li > a:hover {
color: var(--color-secondary) !important;
}
}
@media (min-width: 768px) {
.is-header-black .navigation-in > ul > li.exp > a {
color: var(--color-secondary) !important;
}
}
.is-header-black .navigation-in > ul > li.ext > a:after {
color: var(--color-secondary);
}
.is-header-black .top-navigation-bar .top-navigation-contacts a:hover:before {
color: var(--color-secondary);
}
.is-header-black .top-navigation-bar .top-navigation-contacts a:hover span {
color: var(--color-secondary);
}
.is-header-black .top-navigation-bar .top-navigation-contacts a:before {
color: var(--color-secondary);
}
.is-header-black .top-navigation-bar .top-navigation-contacts a span {
color: var(--color-secondary);
}
.is-header-black .top-navigation-menu-trigger {
color: var(--color-secondary);
}
.is-header-black .top-navigation-menu-trigger:after {
color: var(--color-secondary);
}
.is-header-black .top-navigation-menu-trigger:hover {
color: var(--color-secondary);
}
.is-header-black .top-navigation-menu-trigger:hover:after {
color: var(--color-secondary);
}
.is-header-black .top-navigation-bar .dropdown button {
color: var(--color-secondary);
}
.is-header-black .top-navigation-bar .dropdown button:hover {
color: var(--color-secondary);
}
.is-header-black .top-navigation-bar-menu li:hover:before {
background-color: var(--color-secondary);
}
.is-header-black .top-navigation-bar-menu li::before {
background-color: var(--color-secondary);
}
.is-header-black .menu-helper > span {
border: 0;
color: var(--color-secondary);
}
.is-header-black .menu-helper > span:after {
color: var(--color-secondary);
}
@media (min-width: 768px) {
.is-header-black .navigation-buttons > a.top-nav-button-account:hover,
.is-header-black .navigation-buttons > a.top-nav-button-login:hover {
color: var(--color-secondary);
}
.is-header-black .navigation-buttons > a.top-nav-button-account:hover:after,
.is-header-black .navigation-buttons > a.top-nav-button-login:hover:after,
.is-header-black .navigation-buttons > a.top-nav-button-account:hover:before,
.is-header-black .navigation-buttons > a.top-nav-button-login:hover:before {
color: var(--color-secondary);
}
.is-header-black .header-top .btn.cart-count:before {
color: var(--color-secondary) !important;
}
.is-header-black.cart-window-visible a.btn.cart-count.full i {
color: var(--color-secondary);
}
.is-header-black.cart-window-visible .header-top .btn.cart-count .cart-price {
color: var(--color-primary) !important;
}
.is-header-black .top-navigation-bar .dropdown button:hover {
color: var(--color-secondary);
}
.is-header-black .header-top .btn.cart-count .cart-price {
color: var(--color-secondary) !important;
}
}
.is-header-black .top-navigation-bar-menu li a:hover {
color: var(--color-secondary);
}
.is-header-black .top-navigation-bar-menu li:hover {
color: var(--color-secondary);
}
@media (max-width: 767px) {
.is-header-black .top-navigation-bar a,
.is-header-black .top-navigation-bar .dropdown button {
color: var(--color-secondary);
}
}
@media (max-width: 767px) {
.is-header-black .responsive-tools > a[data-target="login"]:hover::before {
color: var(--color-secondary);
}
}
@media (max-width: 767px) {
.is-header-black .responsive-tools > a[data-target="login"]::before {
color: var(--color-secondary);
}
}
@media (max-width: 767px) {
.is-header-black.login-window-visible
.responsive-tools
> a[data-target="login"]:hover::before {
color: var(--color-secondary);
}
}
@media (max-width: 767px) {
.is-header-black.login-window-visible
.responsive-tools
> a[data-target="login"]::before {
color: var(--color-secondary);
}
}
.is-header-black.user-action-visible.cart-window-visible
a.btn.cart-count.full
i {
color: var(--color-secondary);
}
.is-header-black:not(.cart-window-visible)
.top-navigation-tools
.dropdown
button:hover:after,
.is-header-black:not(.cart-window-visible)
.top-navigation-tools
.dropdown
button:hover:before {
color: var(--color-secondary);
}
@media (min-width: 768px) {
.is-header-black:not(.cart-window-visible)
.header-top
.btn.cart-count:hover
.cart-price,
.is-header-black:not(.cart-window-visible)
.header-top
.btn.cart-count:hover:before,
.is-header-black:not(.cart-window-visible)
.navigation-buttons
.click-cart
a:hover:after {
color: var(--color-secondary) !important;
}
}
.benefitBanner__data,
.benefitBanner__title {
color: var(--color-secondary);
}
.in-index .position--benefitHomepage {
margin-top: 0;
}
.columns-mobile-2 .products-block > div .p-bottom > div {
justify-content: center;
}
.widget-parameter-wrapper .widget-parameter-list {
width: 100%;
margin: 0 -25px;
}
.banners-benefit-block {
padding-top: 60px;
padding-bottom: 30px;
background: #292929;
margin-top: -2px;
}
.benefitBanner__item {
align-items: center;
}
.benefitBanner__picture {
height: 60px;
}
.benefitBanner__picture img {
max-height: 60px;
}
.banners-top-block .banner-wrapper a,
.banners-top-block .banner-wrapper img {
width: 100%;
}
.footer-icons {
justify-content: flex-start;
}
.footer-icons .footer-icon {
margin: 6px;
height: 60px;
padding: 5px 12px;
}
.footer-icons > div {
display: flex;
align-items: center;
flex-wrap: wrap;
width: 100%;
}
#footer .footer-delivery-title {
display: block;
margin-top: 30px;
width: 100%;
flex: 0 0 100%;
}
.welcome h2,
.welcome h3 {
font-size: 22px;
font-weight: 700;
margin-bottom: 30px;
}
@media (min-width: 768px) {
.welcome h2,
.welcome h3 {
font-size: 32px;
margin-bottom: 40px;
}
}
.welcome__right-panel img {
margin: -50px !important;
}
.section-black {
background-color: #292929;
}
.section-black .products-group {
margin-top: 0;
margin-bottom: 0;
padding-top: 60px;
padding-bottom: 60px;
}
.banners-top-block {
margin-top: 60px;
margin-bottom: 60px;
}
.section-black .homepage-group-title.h4 {
color: white;
}
.swiper-pagination-bullet:after {
background-color: rgba(255, 255, 255, 0.6);
}
.swiper-pagination-bullet-active:after {
background-color: white;
}
.homepage-box.welcome-wrapper {
margin-top: 60px;
margin-bottom: 60px;
}
.welcome h2,
.welcome h3,
.welcome p {
color: #ffffff;
}
@media (min-width: 768px) {
.welcome p {
font-size: 18px;
}
}
.welcome {
/* background-color: #292929; */
background-color: #201e1f;
}
.homepage-box.welcome-wrapper .h4.homepage-group-title {
/* color: white; */
}
.product .p {
border: 2px solid #e7cb7f;
}
.products-block .product-btn .btn {
text-transform: uppercase;
font-weight: 700;
color: #292929;
}
.products-block .p-bottom .prices {
flex-basis: 100%;
text-align: center;
}
.products-block .p-bottom .p-tools {
display: none;
}
.products-block .p-bottom .p-desc {
text-align: center;
}
.products-block .p-in-in {
align-items: center;
}
.products-block .image,
.products-block .name {
margin-bottom: 20px;
}
.products-block .p-in-in {
min-height: 50px;
}
.widget-parameter-wrapper {
position: relative;
left: auto;
width: 100%;
bottom: auto;
margin-bottom: 15px;
}
.products-block .widget-parameter-list {
opacity: 1;
visibility: visible;
transform: translate(0);
}
.widget-parameter-wrapper .widget-parameter-value a {
background-color: #292929;
color: var(--color-secondary);
}
.p-info-wrapper
.p-final-price-wrapper
.price-final.p-info-wrapper
.p-final-price-wrapper
.price-final {
color: #009901;
}
#simple-variants .advanced-parameter {
width: 100%;
}
.detail-parameters th {
display: none;
}
#simple-variants .advanced-parameter-inner {
display: flex;
align-items: center;
width: auto;
border-radius: 10px;
height: auto;
pointer-events: none;
/* background-color: var(--color-tertiary); */
border-color: var(--color-tertiary);
border-width: 2px;
transition: all 250ms ease-out;
}
#simple-variants
.advanced-parameter-inner.yes-before
.advanced-parameter__text-block {
padding-right: 40px;
}
#simple-variants .advanced-parameter-inner.yes-before:after {
content: "";
position: absolute;
display: block;
width: 8px;
height: 16px;
border: solid #ffffff;
border-width: 0 2px 2px 0;
transform: rotate(40deg);
border-radius: 0;
top: 50%;
margin-top: -6px;
right: 20px;
border-color: #009901;
transform: rotate(40deg) translateY(-50%);
}
#simple-variants .advanced-parameter:hover .advanced-parameter-inner {
background: var(--color-tertiary);
}
#simple-variants .advanced-parameter .advanced-parameter-inner.yes-before {
background-color: var(--color-secondary);
border-color: var(--color-secondary);
}
#simple-variants
.advanced-parameter:hover
.advanced-parameter-inner:not(.yes-before) {
border-color: var(--color-tertiary);
}
#simple-variants .advanced-parameter-inner img {
display: block;
object-fit: contain;
height: 100%;
}
#simple-variants .advanced-parameter-inner:before {
display: none;
}
#simple-variants .advanced-parameter-inner .advanced-parameter__image-block {
display: flex;
align-items: center;
justify-content: center;
height: 50px;
}
#simple-variants .advanced-parameter-inner .advanced-parameter__text-block {
display: flex;
align-items: center;
justify-content: space-between;
padding: 5px 0;
padding-left: 15px;
padding-right: 15px;
flex: auto;
color: black;
line-height: 1.2;
}
#simple-variants
.advanced-parameter-inner
.advanced-parameter__text-block
strong {
font-size: 16px;
color: var(--color-primary);
}
.advanced-parameter__price {
display: block;
font-size: 16px;
font-weight: 700;
}
.middle-banners-wrapper .extended-banner-title:not(:empty),
.body-banners .extended-banner-title:not(:empty) {
font-size: 16px;
}
.products-block.products .p .price strong,
.products-block.products .p .price span {
font-size: 20px;
}
@media (min-width: 768px) {
.products-block.products .p .price strong,
.products-block.products .p .price span {
font-size: 22px;
}
}
.menu-helper,
.menu-helper > span,
.navigation-in {
font-size: 15px;
}
.vote-product-name,
.vote-title,
.vote-name {
font-size: 18px;
}
.row-filter.multiple-columns-body .filters-wrapper .filters .filter-headline,
.row-filter.one-column-body .filters-wrapper .filters .filter-headline {
font-size: 15px;
}
.row-filter.multiple-columns-body
.filters-wrapper
.filters
.filter-sections
.filter-section
h4,
.row-filter.one-column-body
.filters-wrapper
.filters
.filter-sections
.filter-section
h4,
.row-filter.multiple-columns-body .filters-wrapper .filters .slider-wrapper h4,
.row-filter.one-column-body .filters-wrapper .filters .slider-wrapper h4 {
font-size: 14px;
}
ol.cart-header li a span::before,
ol.cart-header li strong span::before {
font-size: 16px;
}
@media (min-width: 480px) {
.order-summary-top h4 {
font-size: 20px;
}
.footer-banners .extended-banner-title:not(:empty) {
font-size: 18px;
}
.p-short-description p {
font-size: 14px;
}
.p-info-wrapper .btn.btn-conversion,
.p-info-wrapper a.btn.btn-conversion {
font-size: 18px;
min-width: 210px;
}
.p-info-wrapper .quantity input {
font-size: 22px;
}
}
@media (min-width: 768px) {
.products-block .p-bottom .p-desc {
font-size: 14px;
}
.payment-shipping-price {
font-size: 14px;
}
.co-box.co-delivery-method h4::before {
font-size: 32px;
}
.co-box h4 {
font-size: 20px;
}
.cart-header__headline .h4 {
font-size: 32px;
}
.p-info-wrapper .p-final-price-wrapper .price-final {
font-size: 24px;
margin: 8px 0;
}
.p-info-wrapper .p-final-price-wrapper .price-additional {
font-size: 14px;
}
.category-header input[type="radio"] + label {
font-size: 14px;
}
.p-info-headline h1 {
font-size: 32px;
}
.category-header div {
font-size: 14px;
}
.category-title {
font-size: 32px;
}
.welcome h1 {
font-size: 32px;
margin-bottom: 40px;
}
.welcome p {
font-size: 18px;
}
#footer h4 {
font-size: 18px;
}
h4.homepage-group-title,
.h4.homepage-group-title {
font-size: 32px;
}
.products-block.products .p .name {
font-size: 18px;
}
.navigation-in ul li a {
padding-left: 20px;
}
body .hodnoceni:before {
font-size: 32px;
}
.products-related-block h2,
.products-alternative-block h2 {
font-size: 32px;
}
}
@media (min-width: 992px) {
ol.cart-header li {
font-size: 18px;
}
.welcome {
padding: 40px 60px 40px 60px;
}
}
@media (min-width: 1200px) {
.btn.btn-conversion,
a.btn.btn-conversion {
font-size: 18px;
}
.shp-tabs-holder ul.shp-tabs li a {
font-size: 18px;
}
.footer-item.footer-item-newsletter h4 span {
font-size: 36px;
}
}
.btn.btn-conversion,
a.btn.btn-conversion,
.btn.btn-cart,
a.btn.btn-cart {
color: #292929;
}
.p-info-headline h1 {
margin-bottom: 15px;
}
.type-category #footer.no-newsletter,
.type-search #footer.no-newsletter,
.type-detail #footer.no-newsletter {
margin-top: 0;
}
.benefitBanner.position--benefitCategory,
.type-detail .position--benefitProduct {
margin: 0;
}
.btn.btn-primary:hover,
a.btn.btn-primary:hover {
background-color: var(--color-secondary-hover);
border-color: var(--color-secondary-hover);
color: black;
}
.btn.btn-primary:hover,
a.btn.btn-primary:hover,
.btn.btn-primary:hover,
a.btn.btn-primary:hover {
background-color: var(--color-secondary-hover);
border-color: var(--color-secondary-hover);
color: black;
}
/* .tab-pane[id="productDiscussion"],
.shp-tab[data-testid="tabDiscussion"] {
display: none !important;
} */
.footer-item.footer-item-newsletter {
/* background-color: #292929; */
background-color: #201e1f;
border: 2px solid #e7cb7f;
border-left: 0;
border-right: 0;
}
.btn.btn-default,
a.btn.btn-default {
color: #292929;
}
@media (min-width: 768px) {
.footer-item.footer-item-newsletter {
padding: 25px 10px 25px 10px;
}
.footer-item.footer-item-newsletter {
border: 2px solid #e7cb7f;
}
}
.footer-item.footer-item-newsletter .form-group.consents label a,
.footer-item.footer-item-newsletter .form-group.consents label {
font-size: 12px;
}
.footer-item.footer-item-newsletter .compact-form .btn {
margin-top: 10px;
}
@media (min-width: 1200px) {
.footer-item.footer-item-newsletter h4 span {
font-size: 32px;
}
}
.footer-item.footer-item-newsletter:after {
opacity: 0.6;
}
@media (min-width: 768px) {
.footer-item.footer-item-newsletter:after {
width: 313px;
height: 217px;
}
}
.instagram-widget {
background: #201e1f;
margin-top: 0;
}
.instagram-widget:after {
display: none;
}
.btn.btn-default:hover,
a.btn.btn-default:hover {
color: #292929;
}
.instagram-block {
margin-top: 0;
padding-bottom: 100px;
/* background: #201e1f; */
/* background: #292929; */
padding-top: 60px;
}
.instagram-block .h4.homepage-group-title {
/* color: white; */
margin-top: 0;
}
.instagram-subheadline {
display: block;
text-align: center;
margin-top: -45px;
margin-bottom: 35px;
}
.instagram-subheadline a {
display: inline-block;
padding: 5px 0;
line-height: 1.4;
/* color: white; */
font-size: 16px;
font-style: italic;
font-weight: 400;
}
.instagram-subheadline a:hover {
color: white;
}
.instagram-follow-btn {
/* margin-top: 0; */
}
.instagram-follow-btn span a {
background-color: var(--color-secondary);
}
.instagram-follow-btn span a:hover {
background-color: var(--color-secondary-hover);
color: #292929;
}
.btn.btn-conversion:hover,
a.btn.btn-conversion:hover,
.btn.btn-cart:hover,
a.btn.btn-cart:hover {
color: #292929;
}
/* BLACK */
body {
/* background-color: #292929; */
}
/*
.breadcrumbs.navigation-home-icon-wrapper:before {
color: white;
}
.box.box-categories {
background-color: #ffffff;
}
.category-title {
color: white;
} */
/* h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
color: white;
} */
/*
.chevron-after.chevron-down-after::after,
a.chevron-after {
color: white;
} */
.next-step-back.back-to-shop {
background-color: var(--color-secondary);
color: #292929;
}
.next-step-back.back-to-shop:hover {
background-color: var(--color-secondary-hover);
color: #292929;
}
.next-step-back.back-to-shop:before {
color: #292929;
}
.next-step-back.back-to-shop:hover:before {
color: #292929;
}
.box.box-categories,
.sidebar-inner .box-rating,
.sidebar-inner .box-sale,
.sidebar-inner > div {
background-color: #ffffff;
border: 2px solid #e7cb7f;
}
.category-header input[type="radio"] + label {
background-color: #ffffff;
border: 2px solid #e7cb7f;
color: #292929;
}
.category-header input[type="radio"]:checked + label {
border: 2px solid #292929;
}
.subcategories li a {
border: 2px solid #e7cb7f;
box-shadow: none;
}
.filters-wrapper {
margin-bottom: 0;
}
.order-summary-top {
background-color: #ffffff;
border: 2px solid #e7cb7f;
}
.checkout-box-wrapper {
background-color: #ffffff;
border: 2px solid #e7cb7f;
}
.menu-item-category {
display: none !important;
}
.availability-amount {
display: none;
}
.product-perex {
font-weight: 400;
display: block;
margin-top: 8px;
}
.product .stars {
margin-right: 0;
}
.welcome h1 {
color: white !important;
}
.widget-parameter-wrapper {
overflow: visible;
}
.widget-parameter-wrapper .widget-parameter-more.visible {
display: none;
}
.widget-parameter-wrapper .widget-parameter-list {
padding: 0;
}
.navigation-in > ul > li.ext > ul > li a span {
transition: color 250ms ease-out;
}
.navigation-in > ul > li.ext > ul > li:hover a span:not(.product-perex) {
color: var(--color-secondary);
}
#categories .expandable.expanded > ul {
/* display: none; */
}
.categories-new-design .box .categories ul a {
padding-left: 65px;
}
@media (max-width: 768px) {
.instagram-subheadline {
margin-top: -25px;
}
.homepage-box.welcome-wrapper {
margin-bottom: 0;
}
.welcome {
padding: 30px 10px 30px 10px;
}
.instagram-follow-btn {
margin-top: 25px;
}
.instagram-block {
padding-bottom: 60px;
margin-bottom: 60px;
}
.in-index .position--benefitHomepage {
width: auto;
margin: 0 -20px;
padding: 40px 20px;
background: #201e1f;
}
.columns-mobile-2 .products-block .p-in-in {
min-height: 40px;
}
.columns-mobile-2 .products-block .p-bottom > div .prices {
margin-bottom: 6px;
}
#footer {
margin-top: 0;
}
}
@media (max-width: 480px) {
.top-navigation-bar .site-name a img {
max-height: 44px;
}
.product .p {
padding-bottom: 70px;
}
.products-block .product-btn {
bottom: 15px;
}
.type-detail:not(.is-products-slider-mobile)
.products-block:not(.products-additional)
.product,
.in-index:not(.is-products-slider-mobile)
.products-block:not(.products-additional)
.product {
padding: 0 5px 15px;
margin-bottom: 0;
display: inline-block !important;
vertical-align: top;
width: 50%;
max-width: 50%;
white-space: normal;
}
.type-detail:not(.is-products-slider-mobile)
.products-block:not(.products-additional)
.product:first-child,
.in-index:not(.is-products-slider-mobile)
.products-block:not(.products-additional)
.product:first-child {
margin: 0;
}
.type-detail:not(.is-products-slider-mobile)
.products-block:not(.products-additional),
.in-index:not(.is-products-slider-mobile)
.products-block:not(.products-additional) {
white-space: normal;
display: flex;
flex-wrap: wrap;
overflow: visible;
margin: 0 -10px;
}
}
.custom-footer__logo {
display: none;
}
.p-info-wrapper .p-final-price-wrapper .price-final,
.advanced-parameter__price,
.detail-availability-block .availability-label {
color: #009901;
}
.type-page .sidebar {
display: none;
}
.type-page.desktop.multiple-columns-body .content,
.type-page .content {
padding-left: 0;
}
.carousel-indicators {
bottom: 0;
}
@media (max-width: 767px) {
.carousel {
margin: 0 -20px 0;
}
}
.subcategories {
display: none;
}
.subcategories + h4 {
display: none;
}
.products-inline.products-top {
display: none;
}
.category-header {
display: none;
}
#footer .site-name {
display: none;
}
.products-block.products .p .name {
-webkit-line-clamp: 3;
}
@media (min-width: 768px) {
.product .p {
padding-left: 15px;
padding-right: 15px;
}
.products-block .p .flags-default {
left: -7px;
}
}
@media (max-width: 768px) {
.mobile .banners-benefit-block {
padding-top: 20px;
}
.in-index.mobile .banners-benefit-block {
padding-top: 0;
padding-bottom: 0;
margin-left: -20px;
margin-right: -20px;
}
.middle-banners-wrapper .extended-banner-title:not(:empty),
.body-banners .extended-banner-title:not(:empty),
.next-to-carousel-banners .extended-banner-title:not(:empty),
.banners-top-block .extended-banner-title:not(:empty) {
max-width: 50%;
}
}
.shp-tabs-wrapper .tab-pane {
position: relative;
}
.info-panel-detail {
background-color: black;
background-image: url(/user/documents/upload/washing-pattern.jpg);
background-repeat: repeat;
background-size: auto;
background-position: center;
margin: -30px -20px -30px;
margin-top: 30px;
border-radius: 0 0 20px 20px;
overflow: hidden;
}
.info-panel-detail-group {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 -15px;
padding: 15px 35px;
overflow: hidden;
}
.info-panel-detail__item {
width: 100%;
flex: 0 0 100%;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
padding: 10px 0;
color: white;
}
.info-panel-detail__content {
display: flex;
align-items: center;
}
.info-panel-detail__text {
margin: 0 10px;
font-weight: 700;
font-size: 18px;
text-align: center;
min-width: 80px;
}
.info-panel-detail__image {
display: block;
width: 30px;
height: 30px;
background-image: url(/user/documents/upload/drop.svg);
background-repeat: no-repeat;
background-size: auto;
background-position: center;
}
@media (min-width: 768px) {
.info-panel-detail {
margin: -40px -35px -40px;
margin-top: 40px;
}
}
@media (min-width: 992px) {
.info-panel-detail__image {
width: 40px;
height: 40px;
}
.info-panel-detail {
margin: -60px -60px -60px;
margin-top: 40px;
}
.info-panel-detail-group {
padding: 25px 15px;
}
.info-panel-detail__item {
width: 33.33%;
flex: 0 0 33.33%;
padding: 0 15px;
}
.info-panel-detail__text {
font-size: 22px;
}
}
@media (max-width: 992px) {
.info-panel-detail__item {
padding: 10px 0;
margin-bottom: 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.info-panel-detail__item:last-child {
padding: 10px 0;
margin-bottom: 0;
border-bottom: 0;
}
}
.sidebar-inner > div.banner-full {
border: 0;
padding: 0;
}
.banner-group {
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
margin-bottom: -20px;
}
.banner-group .banner {
width: 50%;
padding: 0 10px;
min-height: auto;
margin-bottom: 0;
}
.banner-group .banner a {
display: block;
border-radius: 20px;
overflow: hidden;
}
.banner-group .banner a,
.banner-group .banner img {
width: 100%;
}
@media (min-width: 768px) {
.type-category.multiple-columns-body #content-wrapper + .content-wrapper {
margin-top: 50px;
}
.banner-group {
margin-top: 15px;
}
.faq-block {
margin-bottom: 50px;
}
}
@media (max-width: 480px) {
.banner-group .banner {
width: 100%;
}
}
.faq-side .banner-group {
margin-top: 0;
}
.faq-side-list {
display: none;
}
.faq-side .banner-group .banner {
width: 100%;
margin-bottom: 25px;
}
.faq-content .accordion__content a {
color: var(--color-secondary);
text-decoration: underline;
}
.sidebar-inner > div.banner-full .banner-wrapper,
.sidebar-inner > div.banner-full a,
.sidebar-inner > div.banner-full img,
.banner-group .banner,
.banner-group .banner .banner-wrapper,
.banner-group .banner a img {
display: block;
border-radius: 20px;
overflow: hidden;
}
@media (min-width: 321px) and (max-width: 767px) {
.columns-mobile-2 .products-block > div .p .name {
text-align: center;
line-height: 1.3;
}
.columns-mobile-2 .products-block .p-in-in h2 {
margin-bottom: 0;
}
}
@media (min-width: 768px) {
.is-header-black.cart-window-visible a.btn.cart-count.full i {
color: white;
}
}
.discount-coupon {
background-color: var(--color-tertiary);
}
.discount-coupon form .btn {
background-color: black;
color: white;
}
.discount-coupon .h4 strong {
color: black;
}
.discount-coupon form .btn:hover {
background-color: var(--color-secondary);
color: black;
}
#content .table-column-4.table-process img {
width: 100%;
text-align: center;
border-radius: 15px;
margin-bottom: 20px;
}
#content .table-column-4.table-process span {
display: block;
text-align: center;
}
.type-page .content-inner img {
border-radius: 15px;
}
#content .table-column-4 td {
width: 100%;
vertical-align: top;
margin-bottom: 35px;
}
#content .table-column-4 tr {
display: flex;
flex-wrap: wrap;
}
@media (min-width: 768px) {
#content .table-column-4 {
margin: 0 -15px;
}
}
@media (max-width: 767px) {
#content .table-column-4 {
display: block;
}
#content .table-column-4 td {
display: block;
width: 100%;
}
#content .table-column-4 tr,
#content .table-column-4 tbody {
display: block;
}
#content .table-column-4 tr {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
#content .table-column-4 .table-order-last {
order: 999;
}
}
@media (min-width: 768px) {
#content .table-column-4 td {
padding: 0 15px;
width: 50%;
}
}
@media (min-width: 992px) {
#content .table-column-4 td {
width: 25%;
}
}
@media (min-width: 992px) {
.products-related-block {
margin-bottom: 20px;
}
}
.type-detail .instagram-block {
margin-bottom: 40px;
}
.search .btn.btn-default:hover,
.search a.btn.btn-default:hover {
color: var(--color-secondary);
}
.plus-gallery-item a {
position: relative;
overflow: hidden;
border-radius: 10px;
}
.plus-gallery-item a img {
overflow: hidden;
border-radius: 10px;
transition: transform 400ms ease-out, opacity 400ms ease-out;
}
.plus-gallery-item a:hover img {
transform: scale(1.1, 1.1);
}
.plus-gallery-item a:after {
content: "\e90f";
font-family: "apollo";
position: absolute;
top: 50%;
left: 50%;
color: black;
margin-top: -20px;
margin-left: -20px;
display: inline-block;
background: white;
box-shadow: 0 3px 6px rgb(0 0 0 / 9%);
border-radius: 100%;
width: 40px;
height: 40px;
z-index: 2;
opacity: 0;
transform: scale(0.6);
transition: opacity 250ms ease-out, transform 400ms ease-out;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 18px;
}
.plus-gallery-item a:hover:after {
opacity: 1;
transform: scale(1);
}
@media (min-width: 480px) {
.plus-gallery-item a:after {
width: 50px;
height: 50px;
margin-top: -25px;
margin-left: -25px;
}
}
.products-block .p-in-in {
text-align: center;
line-height: 1.3;
}
.products-block .name {
text-align: center;
line-height: 1.3;
}
.radio-wrapper input[type="radio"] + label {
/* flex-wrap: wrap; */
}
.radio-wrapper input[type="radio"]:checked + label + .payment__info-block {
display: block;
}
div[data-guid="ed4bad2f-4009-11ed-adb3-246e96436e9c"] {
display: block;
}
.payment__info-block {
line-height: 1.4;
position: relative;
margin-top: 5px;
padding: 25px 25px 15px;
box-shadow: 1px 1px 2px rgb(0 0 0 / 5%);
background-color: rgb(243 229 191);
border-radius: 15px;
display: none;
}
@media (min-width: 768px) {
.payment-shipping-price {
font-size: 16px;
}
}
.payments-table--ext {
margin-top: 0;
}
.payments-table--ext .payments-table__item {
border-top: 0;
padding: 0;
}
.payment__info-block:before {
content: "";
position: absolute;
top: -10px;
left: 40px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent rgb(243 229 191) transparent;
display: block;
}
.payment__info-block p {
margin-bottom: 10px;
line-height: 1.6;
color: black;
}
.payment__info-block p small {
display: block;
font-size: 100%;
/* font-size: 90%;
display: block;
color: #7c7e8f; */
}
.payments-table {
margin-top: 20px;
}
.payments-table__item {
display: flex;
align-items: center;
flex-wrap: wrap;
border-top: 2px solid #c9ced6;
padding: 15px 5px;
min-height: 90px;
}
.payments-table__image {
display: flex;
align-items: center;
justify-content: center;
width: 80px;
margin-right: 35px;
}
.payments-table__image img {
object-fit: contain;
object-position: center;
}
.payments-table__text {
font-weight: 700;
flex: 1;
}
@media (max-width: 768px) {
.payments-table__image {
width: 70px;
}
.payments-table__image {
margin-right: 25px;
}
.payments-table__item {
min-height: 80px;
}
.payment__info-block {
padding-left: 20px;
padding-right: 20px;
}
.payment__info-block:before {
left: 15px;
}
}
div[data-guid="044dbc17-400b-11ed-adb3-246e96436e9c"] {
display: block;
}
.is-header-black.user-action-visible.cart-window-visible
a.btn.cart-count.full
i {
color: black;
}
#simple-variants {
/* display: none; */
}
.after-load #simple-variants {
/* display: block; */
}
.advanced-parameter {
max-height: 55px;
}
#simple-variants .advanced-parameter-inner {
max-height: 55px;
}
#simple-variants .advanced-parameter-inner img,
#simple-variants .advanced-parameter-inner .advanced-parameter__image-block {
max-width: 50px;
}
.is-simple-variants {
display: block;
width: 100%;
}
.is-simple-variants tbody,
.is-simple-variants tr,
.is-simple-variants td,
.is-simple-variants td > div {
display: block;
width: 100%;
}
.recapitulation-wrapper-box.in-thanks-page .order-summary-title {
font-weight: 700;
font-size: 18px;
margin-top: 35px;
text-align: center;
color: var(--color-secondary-hover);
}
.order-facebook {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
max-width: 160px;
margin: 20px auto 0;
left: 10px;
position: relative;
}
.order-facebook iframe {
overflow: visible;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 100%;
}
.recapitulation-wrapper-box.in-thanks-page .instagram-follow-btn {
position: relative;
margin-top: 20px;
}
.order-block-thanks {
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-direction: row;
margin: 0 -15px;
}
.recapitulation-wrapper-box.in-thanks-page .order-summary-title {
width: 100%;
padding: 0 15px;
}
.recapitulation-wrapper-box.in-thanks-page .instagram-follow-btn {
width: auto;
flex-grow: 0;
padding: 0 15px;
top: auto;
}
.instagram-follow-btn.facebook--btn span a {
background-color: var(--color-secondary);
border-color: var(--color-secondary);
color: #292929;
}
.instagram-follow-btn.facebook--btn span a:hover {
background-color: var(--color-secondary-hover);
color: #292929;
}
.instagram-follow-btn.facebook--btn span a:before {
content: "\e90d";
}
@media (min-width: 768px) {
.recapitulation-wrapper-box.in-thanks-page .order-summary-title {
font-size: 22px;
}
}
/* FAQ */
.detail-tab-content .faq-block {
margin: 0;
}
.detail-tab-content .faq-side,
.detail-tab-content .homepage-group-title {
/* display: none; */
}
.detail-tab-content .container {
width: 100%;
padding: 0;
}
@media (max-width: 992px) {
.detail-tab-content .faq-side {
order: 1;
margin-bottom: 0;
}
}
/* TABLE PRODUCTS */
.responsive-tools > a[data-target="navigation"]:after {
color: var(--color-secondary);
}
.navigation-window-visible
.responsive-tools
> a[data-target="navigation"]:after {
color: black;
}
.table-products table {
/* white-space: nowrap; */
margin: 0;
border: none;
border-collapse: separate;
border-spacing: 0;
table-layout: fixed;
/* border: 2px solid var(--color-secondary); */
}
.table-products table td,
.table-products table th {
border: 1px solid var(--color-secondary);
padding: 0.5rem 1rem;
}
.table-products table thead th {
padding: 3px;
position: sticky;
top: 0;
z-index: 1;
width: 20%;
height: 80px;
font-weight: 600;
font-size: 20px;
transition: top 450ms 250ms ease-out;
}
.is-header-hidden.is-header-scrolling .table-products table thead th {
top: 130px;
transition: top 450ms 250ms ease-out;
}
.table-products table thead tr {
background-color: #111111;
}
.table-products table td {
background: #fff;
padding: 10px 10px;
text-align: center;
}
.table-products table tbody th {
font-weight: 100;
font-style: italic;
text-align: left;
position: relative;
}
.table-products table thead th:first-child {
position: sticky;
left: 0;
z-index: 2;
}
.table-products table tbody th {
position: sticky;
left: 0;
background: white;
z-index: 1;
}
.table-products table tbody td {
background: linear-gradient(180deg, #d9d9d9 0%, #121011 100%);
}
.table-products table tbody tr:nth-child(2) td {
background: linear-gradient(
180deg,
#d9d9d9 0%,
#494949 31.88%,
#121011 57.43%,
#9e6f41 94%
);
}
.table-products table tbody tr:nth-child(3) td {
background: linear-gradient(
180deg,
#d9d9d9 0%,
#494949 31.88%,
#121011 57.43%,
#d9d9d9 94%
);
}
.table-products table tbody tr:nth-child(4) td {
background: linear-gradient(
180deg,
#d9d9d9 0%,
#494949 31.88%,
#121011 57.43%,
#5a1f77 94%
);
}
.table-products table tbody tr:nth-child(5) td {
background: linear-gradient(
180deg,
#d9d9d9 0%,
#494949 31.88%,
#121011 57.43%,
#1a2a67 94%
);
}
.table-products table tbody tr:nth-child(6) td {
background: linear-gradient(
180deg,
#d9d9d9 0%,
#494949 31.88%,
#121011 57.43%,
#962d4b 94%
);
}
.table-products table tbody tr:nth-child(7) td {
background: linear-gradient(
219.66deg,
#fad643 21.73%,
#f6e591 37.15%,
#daae6b 51.33%,
#fad643 68.07%,
#daae6a 91.32%
);
}
.table-products table tbody td {
font-weight: 400;
font-size: 16px;
}
.table-products table tbody td:nth-child(2),
.table-products table tbody td:nth-child(5) {
font-weight: 400;
font-size: 20px;
}
.table-products table thead th {
background-color: #111111;
color: var(--color-secondary);
}
.table-products table tbody td .product-table-text {
color: var(--color-secondary);
/* background: linear-gradient(
219.13deg,
#f6e591 3.41%,
#daae6b 28.27%,
#f6e591 50.58%,
#fad643 75.78%,
#daae6a 100%
);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; */
}
.table-products table tbody tr:nth-child(7) td .product-table-text {
color: black;
/* background: transparent;
-webkit-background-clip: unset;
-webkit-text-fill-color: black;
-webkit-text-fill-color: inherit; */
}
.table-products table tbody th:hover .product-table-image img {
transform: scale(1.03, 1.03);
}
.table-products table tbody th:hover .product-table-name {
color: var(--color-secondary);
}
.table-products table tbody th .product-table-image img {
transition: transform 450ms ease-out;
}
.product-table-image {
display: block;
overflow: hidden;
margin-bottom: 5px;
}
.table-products table tbody th .product-table-name {
text-align: center;
color: black;
font-weight: 700;
font-size: 18px;
margin-bottom: 10px;
display: block;
text-transform: uppercase;
font-style: normal;
padding-left: 5px;
padding-right: 5px;
}
.type-page .content-inner .table-products table tbody img {
margin-bottom: 0;
max-height: 200px;
object-fit: contain;
}
.table-products table tbody .tr-limited-row th .product-table-name {
margin-bottom: 20px;
}
.table-products table tbody th {
padding: 0;
text-align: center;
}
.table-products {
padding-bottom: 30px;
margin-bottom: 30px;
}
.table-products .product-table-limited {
position: absolute;
bottom: -17px;
left: 50%;
transform: translateX(-50%);
height: 35px;
background: #111;
color: white;
border-radius: 35px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 2px 15px;
width: 100%;
max-width: 160px;
font-size: 16px;
/* font-weight: 700; */
font-style: normal;
color: var(--color-secondary);
}
.product-table-center {
display: flex;
align-items: center;
height: 100%;
flex-wrap: wrap;
justify-content: space-between;
flex-direction: column;
}
@media (max-width: 992px) {
.table-products {
overflow-x: auto;
overflow-y: hidden;
width: 100%;
min-height: 0.01%;
border: 0 !important;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-products table {
width: 992px;
}
.table-products .product-table-limited {
padding: 2px 10px;
height: 35px;
font-size: 13px;
}
.table-products table tbody td {
font-size: 14px;
}
.table-products table tbody td:nth-child(2),
.table-products table tbody td:nth-child(5) {
font-size: 16px;
}
.table-products table thead th {
font-size: 16px;
}
.table-products table tbody th .product-table-name {
font-size: 16px;
}
.table-products table thead th {
width: 160px;
}
}
@media (max-width: 768px) {
.table-products {
margin-right: -20px;
width: auto;
}
.table-products table {
width: 768px;
}
.table-products table tbody th .product-table-name {
font-size: 14px;
line-height: 1.2;
}
.table-products .product-table-limited {
padding: 2px 5px;
height: 35px;
font-size: 11px;
max-width: 105px;
}
}
@media (max-width: 480px) {
.table-products table thead th {
font-size: 14px;
}
.table-products table thead th:first-child {
width: 120px;
}
.table-products table tbody th .product-table-name {
font-size: 13px;
}
.table-products table tbody td:nth-child(2),
.table-products table tbody td:nth-child(5) {
font-size: 14px;
}
.table-products table thead th {
height: 60px;
}
}
.category-content-wrapper .js-faq-block-detail {
margin-top: 45px;
}
.category-content-wrapper .js-faq-block-detail,
.sidebar-inner .js-faq-block-detail {
padding: 0;
background-color: transparent;
border: 0;
}
.category-content-wrapper .js-faq-block-detail .accordion--classic,
.sidebar-inner .js-faq-block-detail .accordion--classic {
margin-top: 0;
}
.category-content-wrapper .js-faq-block-detail .accordion--classic,
.sidebar-inner .js-faq-block-detail .accordion--classic {
border: 2px solid var(--color-secondary);
padding: 20px 15px 5px;
border-top: 0;
border-radius: 0 0 20px 20px;
background: white;
}
.category-content-wrapper
.js-faq-block-detail
.accordion--classic
.accordion__content
p,
.sidebar-inner .js-faq-block-detail .accordion--classic .accordion__content p {
margin-bottom: 0;
}
.category-content-wrapper
.js-faq-block-detail
.accordion--classic
.accordion__item.is-active
.accordion__content {
padding: 15px 15px 15px 15px;
}
.category-content-wrapper
.js-faq-block-detail
.accordion--classic
.accordion__content
p {
font-size: 14px;
line-height: 1.6;
}
.category-content-wrapper
.js-faq-block-detail
.accordion--classic
.accordion__trigger {
font-size: 16px;
padding: 10px 40px 10px 15px;
min-height: 60px;
}
.category-content-wrapper
.js-faq-block-detail
.accordion--classic
.accordion__content:after {
width: calc(100% - 30px);
}
.category-content-wrapper
.js-faq-block-detail
.accordion--classic
.accordion__trigger:after {
right: 5px;
}
@media (min-width: 768px) {
.sidebar-inner .faq-content-title {
padding: 10px 25px;
font-size: 20px;
min-height: 60px;
}
.sidebar-inner
.js-faq-block-detail
.accordion--classic
.accordion__item.is-active
.accordion__content {
padding: 15px 15px 15px 15px;
}
.sidebar-inner
.js-faq-block-detail
.accordion--classic
.accordion__content
p {
font-size: 14px;
line-height: 1.6;
}
.sidebar-inner .js-faq-block-detail .accordion--classic .accordion__trigger {
font-size: 16px;
padding: 10px 40px 10px 15px;
min-height: 60px;
}
.sidebar-inner
.js-faq-block-detail
.accordion--classic
.accordion__content:after {
width: calc(100% - 30px);
}
.sidebar-inner
.js-faq-block-detail
.accordion--classic
.accordion__trigger:after {
right: 5px;
}
.accordion--classic .accordion__item {
margin-bottom: 15px;
}
}
.category-content-wrapper .accordion--classic .accordion__item {
margin-bottom: 15px;
}
/* Free banner */
.flag.flag-odmerka-zadarmo {
display: none;
}
.p-info-headline,
.p-short-description-block {
position: relative;
}
@media (min-width: 480px) {
.p-short-description-block.ext {
margin-bottom: 45px;
}
}
.free-gift-img {
}
.p-info-headline .free-gift-img {
margin-top: 15px;
margin-bottom: -35px;
}
@media (min-width: 480px) {
.free-gift-img {
max-width: 280px;
bottom: -55px;
margin-left: auto;
position: absolute;
right: 0;
}
.p-info-headline .free-gift-img {
max-width: 230px;
bottom: -28px;
margin-top: 0;
}
}
@media (min-width: 768px) {
.free-gift-img {
max-width: 350px;
bottom: -75px;
}
.p-info-headline .free-gift-img {
max-width: 300px;
bottom: -45px;
}
}
@media (min-width: 992px) {
.free-gift-img {
max-width: 270px;
bottom: -55px;
}
.p-info-headline .free-gift-img {
max-width: 200px;
bottom: -25px;
}
}
@media (min-width: 1200px) {
.free-gift-img {
max-width: 310px;
bottom: -65px;
}
.p-info-headline .free-gift-img {
max-width: 260px;
bottom: -35px;
}
}
@media (min-width: 1440px) {
.free-gift-img {
max-width: 370px;
bottom: -85px;
}
.p-info-headline .free-gift-img {
max-width: 350px;
bottom: -55px;
}
}
@media (max-width: 768px) {
.p-info-headline.ext {
margin-bottom: 55px;
}
}
/* UPDATE 1.6 */
.table-products .product-table-limited {
bottom: 10px;
}
.tr-limited-row .product-table-center {
padding-bottom: 35px;
}
.table-products table tbody tr:nth-child(8) td {
background: linear-gradient(
180deg,
#d9d9d9 0%,
#494949 31.88%,
#121011 57.43%,
#41794b 94%
);
}
.carousel .extended-banner-text.extended-banner-text--big:not(:empty) {
display: block;
line-height: 1.2;
color: #ffffff;
font-size: 26px;
font-weight: 700;
}
@media (min-width: 480px) {
.carousel .extended-banner-text.extended-banner-text--big:not(:empty) {
font-size: 32px;
}
}
@media (min-width: 768px) {
.carousel .extended-banner-text.extended-banner-text--big:not(:empty) {
font-size: 36px;
max-width: 65%;
}
}
@media (min-width: 992px) {
.carousel .extended-banner-text.extended-banner-text--big:not(:empty) {
font-size: 42px;
}
}
@media (min-width: 1200px) {
.carousel .extended-banner-text.extended-banner-text--big:not(:empty) {
font-size: 68px;
}
}
@media (min-width: 1200px) {
.carousel .extended-banner-text.extended-banner-text--big:not(:empty) {
max-width: 50%;
}
}
.basket-banner {
margin-bottom: 20px;
}
.basket-banner img {
width: 100%;
}
.free-gift-name small {
display: block;
margin-top: 6px;
text-transform: none;
color: #7c7e8f;
font-size: 12px;
}
.cart-item--odmerka {
margin-top: 5px;
}
.cart-item--odmerka .cart-item-name {
display: flex;
align-items: center;
}
.cart-item--odmerka .cart-item-name img {
width: 40px;
margin-right: 8px;
}
.cart-item.cart-item--odmerka > div.cart-item-price {
color: #569c34;
}
/* DETAIL DESCRIPTION */
.basic-description {
}
.basic-description .nadpis {
font-size: 22px;
color: var(--color-secondary);
position: relative;
background-color: transparent;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
margin-top: 40px;
text-align: center;
}
.basic-description .nadpis span {
position: relative;
z-index: 3;
background-color: #fff;
display: block;
width: max-content;
margin: auto;
position: relative;
padding: 0 20px;
word-break: break-word;
max-width: 100%;
}
.basic-description .nadpis:before {
content: "";
height: 2px;
width: 100%;
display: block;
position: absolute;
background-color: var(--color-secondary);
top: 50%;
transform: translateY(-50%);
z-index: 0;
}
.basic-description .tabulka-vyhody-group img {
margin-bottom: 0;
width: 100%;
overflow: hidden;
border-radius: 10px;
}
.basic-description .tabulka-obrazok-group img {
margin-bottom: 0;
width: 100%;
overflow: hidden;
border-radius: 10px;
}
.basic-description .tabulka-obrazok-group {
margin-top: 30px;
margin-bottom: 30px;
}
.basic-description .tabulka-vyhody-group {
display: flex;
flex-wrap: wrap;
margin: 0 -30px;
margin-top: 30px;
margin-bottom: 30px;
}
.basic-description table.tabulka-vyhody {
display: block;
width: 100%;
margin-bottom: 30px;
padding: 0 30px;
align-self: center;
}
.basic-description .table-image {
width: 100%;
padding: 0 30px;
}
.basic-description table.tabulka-obrazok {
display: block;
}
.basic-description table.tabulka-obrazok tbody,
.basic-description table.tabulka-vyhody tbody {
display: block;
}
.basic-description table.tabulka-obrazok tr,
.basic-description table.tabulka-vyhody tr {
display: block;
}
.basic-description table.tabulka-obrazok td,
.basic-description table.tabulka-vyhody td {
display: block;
}
.basic-description table.tabulka-vyhody td {
padding-left: 80px;
position: relative;
margin-bottom: 35px;
}
.basic-description table.tabulka-vyhody td:last-child {
margin-bottom: 0;
}
.basic-description table.tabulka-vyhody td:before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
background-position: center;
background-repeat: no-repeat;
width: 60px;
height: 60px;
background-size: cover;
}
.basic-description table.tabulka-vyhody td img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 60px;
height: 60px;
}
@media (min-width: 768px) {
.basic-description table.tabulka-vyhody td:before {
top: 50%;
transform: translateY(-50%);
}
.basic-description table.tabulka-vyhody td img {
top: 50%;
transform: translateY(-50%);
}
}
.basic-description table.tabulka-vyhody td p {
display: block;
font-weight: 400;
margin-bottom: 0;
}
.basic-description table.tabulka-vyhody td p + p {
margin-top: 10px;
}
.basic-description table.tabulka-vyhody td p strong {
display: block;
text-transform: uppercase;
font-weight: 700;
color: var(--color-secondary);
}
.table-img-icons {
display: block;
max-width: 100%;
height: auto;
}
.basic-description table.tabulka-obrazok tr {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0 -30px;
}
.basic-description table.tabulka-obrazok td {
display: block;
width: 100%;
padding: 0 30px;
}
.basic-description table.tabulka-obrazok td:first-child {
margin-bottom: 30px;
}
/* .basic-description table.tabulka-vyhody.exclusive-gold td:nth-child(1):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-exclusive-gold/nasa-signature-vona.svg");
}
.basic-description table.tabulka-vyhody.exclusive-gold td:nth-child(2):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-exclusive-gold/ked-chcete-tu-najlepsiu-vonu.svg");
}
.basic-description table.tabulka-vyhody.exclusive-gold td:nth-child(3):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-exclusive-gold/zlato-vo-vasej-kupelni.svg");
}
.basic-description table.tabulka-vyhody.exclusive-gold td:nth-child(4):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-exclusive-gold/staci-pouzit-male-mnozstvo.svg");
}*/
/*
.basic-description table.tabulka-vyhody.grey-sladká td:nth-child(1):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-grey-sladká/svetovy-parfem-na-vase-bielizni-1.svg");
}
.basic-description table.tabulka-vyhody.grey-sladká td:nth-child(2):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-grey-dolce/citrusova-bomba.svg");
}
.basic-description table.tabulka-vyhody.grey-dolce td:nth-child(3):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-grey-dolce/unisex-vona.svg");
}
.basic-description table.tabulka-vyhody.grey-dolce td:nth-child(4):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-grey-dolce/giovani-je-nasa-vlastna-znacka.svg");
}
*/
/*
.basic-description table.tabulka-vyhody.luxury-black td:nth-child(1):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-luxury-black/aj-muzi-si-pridu-na-svoje.svg");
}
.basic-description table.tabulka-vyhody.luxury-black td:nth-child(2):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-luxury-black/korenie-do-vasej-domacnosti.svg");
}
.basic-description table.tabulka-vyhody.luxury-black td:nth-child(3):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-luxury-black/sice-black-ale-urcena-na-vsetky-farby.svg");
}
.basic-description table.tabulka-vyhody.luxury-black td:nth-child(4):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-luxury-black/ziadne-bezne-avivazove-aromy.svg");
}
*/
/*
.basic-description table.tabulka-vyhody.bubble-pink td:nth-child(1):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-bubble-pink/zuvackova-nostalgia-1.svg");
}
.basic-description table.tabulka-vyhody.bubble-pink td:nth-child(2):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-bubble-pink/rozvonia-aj-detsku-izbu.svg");
}
.basic-description table.tabulka-vyhody.bubble-pink td:nth-child(3):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-bubble-pink/pink-je-in.svg");
}
.basic-description table.tabulka-vyhody.bubble-pink td:nth-child(4):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-bubble-pink/skutocne-trvacne-vone.svg");
}*/
/*
.basic-description table.tabulka-vyhody.passion-blue td:nth-child(1):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-passion-blue/jedna-z-vasich-najoblubenejsich.svg");
}
.basic-description table.tabulka-vyhody.passion-blue td:nth-child(2):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-passion-blue/specificka-svieza.svg");
}
.basic-description table.tabulka-vyhody.passion-blue td:nth-child(3):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-passion-blue/vonava-bielizen-aj-cely-dom.svg");
}
.basic-description table.tabulka-vyhody.passion-blue td:nth-child(4):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-passion-blue/zakladame-si-na-kvalite.svg");
}
*/
/*
.basic-description
table.tabulka-vyhody.obsession-violet
td:nth-child(1):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-obsession-violet/posadnutost-fialovou.svg");
}
.basic-description
table.tabulka-vyhody.obsession-violet
td:nth-child(2):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-obsession-violet/kvetinove-esencie.svg");
}
.basic-description
table.tabulka-vyhody.obsession-violet
td:nth-child(3):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-obsession-violet/elegantny-a-luxusny-obal.svg");
}
.basic-description
table.tabulka-vyhody.obsession-violet
td:nth-child(4):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-obsession-violet/vyrobene-v-eu.svg");
}
*/
/*
.basic-description table.tabulka-vyhody.sweety-brownie td:nth-child(1):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-sweety-brownie/inspirovane-parfemom-luxusnej-znacky-1.svg");
}
.basic-description table.tabulka-vyhody.sweety-brownie td:nth-child(2):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-sweety-brownie/sladky-oblubenec.svg");
}
.basic-description table.tabulka-vyhody.sweety-brownie td:nth-child(3):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-sweety-brownie/nie-je-to-bezna-avivaz.svg");
}
.basic-description table.tabulka-vyhody.sweety-brownie td:nth-child(4):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-sweety-brownie/giovani-prezije-aj-susicku.svg");
}
*/
/*
.basic-description table.tabulka-vyhody.metallic-green td:nth-child(1):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-metalic-green/navykova-vona.svg");
}
.basic-description table.tabulka-vyhody.metallic-green td:nth-child(2):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-metalic-green/nasa-druha-limitka.svg");
}
.basic-description table.tabulka-vyhody.metallic-green td:nth-child(3):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-metalic-green/pre-mnohych-zelena-top.svg");
}
.basic-description table.tabulka-vyhody.metallic-green td:nth-child(4):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-metalic-green/cerstve-zelene-jablcko.svg");
}
*/
/*
.basic-description table.tabulka-vyhody.red-cashmere td:nth-child(1):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-red-cashmere/cerveny-klenot.svg");
}
.basic-description table.tabulka-vyhody.red-cashmere td:nth-child(2):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-red-cashmere/nasa-tretia-limitka.svg");
}
.basic-description table.tabulka-vyhody.red-cashmere td:nth-child(3):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-red-cashmere/cukrova-vata.svg");
}
.basic-description table.tabulka-vyhody.red-cashmere td:nth-child(4):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-red-cashmere/velka-davka-ovocia.svg");
}
*/
/*
.basic-description table.tabulka-vyhody.vzorky td:nth-child(1):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-vzorky/vyskusate-vsetky-vone.svg");
}
.basic-description table.tabulka-vyhody.vzorky td:nth-child(2):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-vzorky/za-vyskusanie-nic-nedate.svg");
}
.basic-description table.tabulka-vyhody.vzorky td:nth-child(3):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-vzorky/vzorkami-nic-nepokazite.svg");
}
.basic-description table.tabulka-vyhody.vzorky td:nth-child(4):before {
content: "";
background-image: url("/user/documents/upload/ikonky/giovanni-vzorky/garantujeme-vam-spokojnost.svg");
}
*/
.tabulka-vyhody-group-ext {
width: 100%;
clear: both;
}
.basic-description table .table-img-icons-mobile {
display: block;
}
.basic-description table .table-img-icons-desktop {
display: none;
}
@media (min-width: 768px) {
.basic-description table .table-img-icons-mobile {
display: none;
}
.basic-description table .table-img-icons-desktop {
display: block;
}
}
.basic-description .img-icons {
display: none;
}
.basic-description table.tabulka-vyhody td img {
margin-bottom: 0;
}
@media (min-width: 992px) {
.basic-description table.tabulka-vyhody td {
padding-left: 100px;
}
.basic-description table.tabulka-vyhody td:before {
width: 80px;
height: 80px;
}
.basic-description table.tabulka-vyhody td img {
width: 80px;
height: 80px;
}
.basic-description table.tabulka-vyhody {
width: 50%;
padding: 0 30px;
margin-bottom: 0;
}
.basic-description .table-image {
width: 50%;
padding: 0 30px;
}
.basic-description table.tabulka-obrazok td:first-child {
margin-bottom: 0;
}
.basic-description table.tabulka-obrazok td {
display: block;
width: 50%;
padding: 0 30px;
}
.basic-description .nadpis {
font-size: 34px;
}
}
.review-block {
margin: 60px 0;
overflow: hidden;
}
.review-block-title {
text-align: center;
position: relative;
margin-bottom: 40px;
}
.review-block-title:after {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: #e7cb7f;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
z-index: 1;
}
.review-block-title span {
display: inline-block;
padding: 0 25px;
z-index: 2;
position: relative;
font-weight: 500;
font-size: 36px;
line-height: 1.2;
text-align: center;
text-transform: uppercase;
color: #e7cb7f;
background: #f5f6f8;
}
.review-btn a {
display: inline-block;
font-weight: 700;
font-size: 20px;
line-height: 1.2;
text-align: center;
text-decoration-line: underline;
color: #000000;
}
.review-btn {
display: block;
margin-bottom: 40px;
text-align: center;
font-weight: 700;
font-size: 20px;
line-height: 1.2;
text-align: center;
text-decoration-line: underline;
color: #000000;
}
.review-btn a:hover,
.review-btn:hover {
color: #e7cb7f;
}
.review-group .swiper-slide {
height: auto;
}
.review__item {
padding-top: 75px;
padding-bottom: 15px;
padding-left: 10px;
padding-right: 10px;
}
.review-group .swiper-pagination-bullet-active:after {
background-color: #e7cb7f;
}
.review__content {
position: relative;
border: 2px solid #e7cb7f;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
border-radius: 20px;
padding: 50px 30px 120px;
background-color: white;
height: 100%;
}
.review__logo-block {
position: absolute;
top: -63px;
left: 50%;
transform: translateX(-50%);
width: 100px;
height: 100px;
}
.review-rating__block {
position: absolute;
bottom: 30px;
left: 0;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.review__logo-block img {
width: 100px;
height: 100px;
}
.review-list {
padding-left: 0;
}
.review-list__item {
position: relative;
list-style: none;
padding-left: 20px;
font-size: 15px;
line-height: 1.4;
margin-bottom: 8px;
color: #000000;
}
.review-list__item.plus:after {
content: "+";
position: absolute;
top: -4px;
left: 0;
display: block;
font-size: 20px;
color: #008f34;
}
.review-group {
position: relative;
}
.review-list__item.minus:after {
content: "-";
position: absolute;
top: -4px;
left: 0;
display: block;
font-size: 20px;
color: #e81d2e;
}
.review-rating {
margin-top: 0;
}
.review__content p {
font-size: 15px;
line-height: 1.5;
color: black;
}
.review-rating .rate-star-wrap {
text-align: center;
}
.review-rating .rate-star-wrap .stars {
width: 100%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 25px;
}
.review-rating .rate-star-wrap .star {
}
.review-rating .rate-star-wrap .star:before {
}
.review-title {
font-weight: 400;
font-size: 18px;
line-height: 1.2;
text-align: center;
color: #000000;
}
.review-group .swiper-arrow-content {
border: 1px solid var(--color-secondary);
box-shadow: none;
}
.review-group .swiper-arrow-content:hover {
background-color: var(--color-secondary);
}
.review-group .swiper-arrow-next {
right: -5px;
}
.review-group .swiper-arrow-prev {
left: -5px;
}
.review-group .swiper-pagination {
display: none;
}
.review-block-title span {
font-size: 26px;
padding: 0 15px;
}
.review-block-title,
.review-btn {
margin-bottom: 20px;
}
.review-btn a {
font-size: 16px;
}
.review-block {
margin: 60px 0 20px;
}
@media (min-width: 768px) {
.review-block {
margin: 60px 0 60px;
}
.review-block-title,
.review-btn {
margin-bottom: 40px;
}
.review-btn a {
font-size: 20px;
}
.review-block-title span {
font-size: 36px;
padding: 0 25px;
}
.review-group .swiper-pagination {
display: block;
}
.review-group .swiper-arrow-content {
height: 40px;
width: 40px;
}
.review-group .swiper-arrow-next {
right: -10px;
}
.review-group .swiper-arrow-prev {
left: -10px;
}
.review-rating .rate-star-wrap .star:before {
font-size: 24px;
}
.review-rating .rate-star-wrap .star {
margin-right: 2px;
}
}
.table-products table tbody tr:nth-child(9) td {
background: linear-gradient(
180deg,
#d9d9d9 0%,
#494949 31.88%,
#121011 57.43%,
#8b2820 94%
);
}
.navigation-in > ul > li.ext > ul > li a span small {
text-transform: uppercase;
top: -2px;
position: relative;
background: #111;
border-radius: 35px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 2px 10px;
font-size: 10px;
font-style: normal;
margin-left: 2px;
color: var(--color-secondary);
}
.advanced-parameter__old-price {
display: inline-flex;
align-items: center;
font-size: 12px;
font-weight: 700;
color: #7c7e8f;
padding: 0 2px;
text-transform: uppercase;
}
@media (min-width: 768px) {
.advanced-parameter__old-price {
font-size: 16px;
}
}
@media (max-width: 480px) {
#simple-variants .advanced-parameter-inner .advanced-parameter__text-block {
padding-left: 8px;
padding-right: 6px;
}
.advanced-parameter__price,
#simple-variants
.advanced-parameter-inner
.advanced-parameter__text-block
strong {
font-size: 14px;
}
}
.contact-address__left-panel .tel a small,
.top-navigation-contacts .project-phone span small,
.contact-box .tel a small {
display: block;
font-size: 100%;
}
/* Vonne sviecky */
/* body:not(.admin-logged).in-vonne-sviecky #content-wrapper {
display: none;
} */
/* body:not(.admin-logged) #cat-741,
body:not(.admin-logged) .navigation-in ul li.menu-item-741 {
display: none !important;
} */
.sidebar-inner .faq-content-title {
border-radius: 25px 25px 0 0;
}
.sidebar-inner > div.banner-full.banner-candle img {
overflow: visible;
border-radius: 0;
}
.banner-full.banner-candle,
.sidebar-inner > div.banner-full.banner-candle {
background-color: #35363a;
}
.category-content-wrapper > .banner-full.banner-candle {
margin-top: 45px;
border-radius: 25px;
}
.candle-headline {
padding: 25px 35px;
text-align: center;
}
.candle-divider {
text-align: center;
padding: 10px 25px;
}
.candle-headline img,
.candle-divider img {
margin: 0 auto;
}
.candle-list {
border: 2px solid var(--color-secondary);
border-radius: 20px;
padding: 25px 25px;
margin: 0 20px;
}
.candle-list__item {
border-radius: 0 !important;
display: flex !important;
align-items: center;
overflow: visible !important;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 2px solid var(--color-secondary);
}
body:not(.mobile) .candle-list__item:last-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.candle-list__item:hover .candle-list__tag {
background-color: var(--color-secondary);
color: black;
}
.candle-list__item img {
width: 110px;
flex: 0 0 110px;
}
.candle-list__text-block {
flex: auto;
padding-left: 15px;
text-align: center;
}
.candle-list__tag {
border: 1px solid var(--color-secondary);
border-radius: 25px;
padding: 5px 10px;
text-align: center;
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
color: var(--color-secondary);
font-weight: 700;
font-size: 12px;
}
.candle-list__text {
display: block;
font-size: 12px;
margin-top: 12px;
color: white;
}
.candle-btn-group {
margin-top: 30px;
margin-bottom: 35px;
margin-left: 35px;
margin-right: 35px;
}
.candle-btn.btn.btn-primary {
display: flex !important;
align-items: center;
justify-content: center;
font-weight: 700;
text-transform: uppercase;
font-size: 16px;
min-height: 40px;
}
.banner-wrapper.banner16 a:hover img {
transform: scale(1);
}
@media (max-width: 1200px) {
.category-content-wrapper > .banner-full.banner-candle .candle-list {
display: flex;
flex-wrap: wrap;
}
.category-content-wrapper
> .banner-full.banner-candle
.candle-list
.candle-list__item {
display: block !important;
}
.candle-list__item img {
height: 150px;
object-fit: contain;
margin: 0 auto;
}
.candle-list__text-block {
padding-left: 0;
margin-top: 15px;
display: block;
}
.category-content-wrapper
> .banner-full.banner-candle
.candle-list
.candle-list__item {
width: 25%;
padding: 0 15px 10px;
text-align: center;
}
}
@media (max-width: 992px) {
.category-content-wrapper
> .banner-full.banner-candle
.candle-list
.candle-list__item {
width: 33.33%;
}
}
@media (max-width: 768px) {
.candle-headline {
padding-top: 0;
}
.candle-list {
padding: 15px 15px;
}
.category-content-wrapper > .banner-full.banner-candle {
margin-bottom: 0;
}
}
@media (max-width: 480px) {
.category-content-wrapper
> .banner-full.banner-candle
.candle-list
.candle-list__item {
width: 50%;
}
}
.basic-description .nadpis {
clear: both;
}
.basic-description img.img-offset-left {
left: -20px;
position: relative;
}
.basic-description img.candle-img-gif {
}
.basic-description .row {
display: flex;
flex-wrap: wrap;
}
.basic-description .row-center {
align-items: center;
}
.basic-description
.tabulka-vyhody-dva-stlpce-ikoniek
table.tabulka-vyhody
td
p
strong {
color: black;
}
.basic-description .tabulka-vyhody-dva-stlpce-ikoniek table.tabulka-vyhody td {
min-height: 40px;
display: flex;
align-items: center;
}
.basic-description .tabulka-vyhody-dva-stlpce-ikoniek table.tabulka-vyhody {
position: relative;
}
.in-vonne-sviecky .basic-description > * {
z-index: 2;
position: relative;
}
.in-vonne-sviecky .basic-description > .row {
z-index: 1;
position: relative;
}
.basic-description img.candle-img-gif {
z-index: 0;
position: relative;
margin-top: -60px;
margin-bottom: -40px;
}
@media (min-width: 768px) {
.basic-description img.img-offset-left {
left: -35px;
}
.basic-description img.candle-img-gif {
z-index: 0;
position: relative;
margin-top: -40px;
margin-bottom: -40px;
}
}
@media (min-width: 992px) {
.basic-description
.tabulka-vyhody-dva-stlpce-ikoniek
table.tabulka-vyhody:first-child:after {
content: "";
height: calc(100% + 60px);
width: 2px;
display: block;
position: absolute;
background-color: var(--color-secondary);
top: 50%;
right: 0;
transform: translateY(-50%);
}
body.in-vonne-sviecky .basic-description .nadpis {
margin-top: 0;
margin-bottom: 0;
}
.basic-description img.img-offset-left {
left: -60px;
}
.basic-description
.tabulka-vyhody-dva-stlpce-ikoniek
table.tabulka-vyhody
td
img {
width: 90px;
height: 90px;
}
.ext-sample .free-gift-img {
bottom: -55px;
max-width: 420px;
}
}
@media (max-width: 992px) {
.basic-description img.img-offset-left-mobile {
left: -35px;
position: relative;
}
.basic-description
.tabulka-vyhody-dva-stlpce-ikoniek
table.tabulka-vyhody
td {
min-height: 20px;
}
.basic-description
.tabulka-vyhody-dva-stlpce-ikoniek
table.tabulka-vyhody:first-child {
padding-bottom: 30px;
}
.basic-description
.tabulka-vyhody-dva-stlpce-ikoniek
.table.tabulka-vyhody:first-child {
}
.basic-description
.tabulka-vyhody-dva-stlpce-ikoniek
table.tabulka-vyhody:first-child:after {
content: "";
width: calc(100% - 70px);
height: 2px;
display: block;
position: absolute;
background-color: var(--color-secondary);
left: 50%;
bottom: 0;
transform: translateX(-50%);
}
}
@media (max-width: 768px) {
.basic-description
.tabulka-vyhody-dva-stlpce-ikoniek
table.tabulka-vyhody
td
img {
top: -20px;
}
.basic-description
.tabulka-vyhody-dva-stlpce-ikoniek
table.tabulka-vyhody
td {
padding-left: 70px;
}
.basic-description img.img-offset-left-mobile {
left: -20px;
position: relative;
}
.row-image-right .col-xs-12:last-child {
order: -1;
}
}
/* Update */
.category-perex.empty-content {
display: none;
}
/* Upsell */
.extended-description {
display: none;
}
.upsell-group {
margin-bottom: 20px;
}
.detail-upsell {
display: flex;
/* flex-wrap: wrap; */
align-items: center;
border-radius: 10px;
background-color: white;
border: 2px solid var(--color-secondary);
margin-bottom: 10px;
cursor: pointer;
transition: background-color 250ms ease-out;
}
.detail-upsell:hover {
background-color: var(--color-tertiary);
/* color: var(--color-secondary); */
}
.detail-upsell__image-block {
max-width: 100px;
}
.detail-upsell__image-block img {
object-fit: contain;
mix-blend-mode: multiply;
max-height: 80px;
/* max-width: 100px; */
}
.detail-upsell__text-block {
padding-left: 5px;
padding-right: 15px;
padding-top: 8px;
padding-bottom: 8px;
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
/* flex-wrap: wrap; */
}
.detail-upsell__title {
line-height: 1.4;
font-size: 14px;
color: var(--color-primary);
font-weight: bold;
width: 50%;
}
.detail-upsell__title a {
display: block;
font-weight: bold;
}
.detail-upsell__price {
display: block;
color: #009901;
font-size: 16px;
font-weight: 700;
min-width: 80px;
text-align: right;
}
.btn.detail-upsell__button {
font-weight: 500;
margin-left: 15px;
}
.checkbox__input-hidden {
position: absolute;
opacity: 0;
z-index: -1;
}
.checkbox__label {
margin: 0;
padding-left: 0;
min-height: inherit;
width: 100%;
display: flex;
align-items: center;
vertical-align: middle;
padding-top: 0;
cursor: pointer;
text-transform: none;
}
input[type="checkbox"] + label.checkbox__label {
margin: 0;
padding: 0;
width: 20px;
height: 20px;
display: flex;
align-items: center;
width: auto;
padding-left: 35px;
}
input[type="checkbox"] + label.checkbox__label span {
font-weight: 700;
text-transform: uppercase;
font-size: 16px;
}
input[type="checkbox"] + label.checkbox__label:before {
border: 2px solid var(--color-secondary);
width: 25px;
height: 25px;
top: -2px;
left: 0;
}
input[type="checkbox"]:checked + label.checkbox__label::after {
top: 2px;
left: 8px;
width: 9px;
height: 14px;
border: solid #556fd1;
border-width: 0 3px 3px 0;
transform: rotate(35deg);
border-color: var(--color-secondary);
}
.detail-upsell__price {
margin-right: 10px;
}
.upsell-group {
position: relative;
}
.upsell-group:before {
content: "Mohlo by se vám líbit";
position: absolute;
top: -15px;
height: 25px;
right: 83px;
background-color: var(--color-secondary);
color: black;
border-radius: 5px;
z-index: 2;
padding: 5px 10px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
}
@media (max-width: 480px) {
.upsell-group:before {
top: -15px;
height: 20px;
right: 50px;
padding: 4px 10px 7px;
font-size: 10px;
}
input[type="checkbox"] + label.checkbox__label {
padding-left: 30px;
}
input[type="checkbox"] + label.checkbox__label span {
font-size: 12px;
}
.detail-upsell__title {
font-size: 12px;
line-height: 1.3;
}
.detail-upsell__text-block {
padding-right: 5px;
}
.detail-upsell__image-block img {
max-height: 50px;
}
.detail-upsell__price {
font-size: 14px;
min-width: 60px;
}
.btn.detail-upsell__button {
padding-left: 10px;
margin-left: 9px;
padding-right: 10px;
}
}
.basic-description table.no-icons .table-img-icons-mobile,
.basic-description table.no-icons .table-img-icons-desktop {
display: none;
}
.navigation-in > ul > li.ext.menu-item-747 > ul > li a span small,
.navigation-in > ul > li.ext.menu-item-741 > ul > li a span small {
top: 0;
margin-left: 3px;
}
/* Winter */
@media (min-width: 768px) {
#header .container {
z-index: 3;
}
#header .snowflake-group {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 0;
}
#header .snowflake {
--size: 1vw;
width: var(--size);
height: var(--size);
background: white;
border-radius: 50%;
position: absolute;
top: -30px;
left: 0;
opacity: 0.8;
}
@keyframes snowfall {
0% {
transform: translate3d(var(--left-ini), 0, 0);
}
100% {
transform: translate3d(var(--left-end), 280px, 0);
}
}
#header .snowflake:nth-child(1) {
--size: 0.5vw;
--left-ini: 1vw;
--left-end: 9vw;
left: 52vw;
animation: snowfall 12s linear infinite;
animation-delay: -1s;
}
#header .snowflake:nth-child(2) {
--size: 0.3vw;
--left-ini: 1vw;
--left-end: -1vw;
left: 87vw;
animation: snowfall 11s linear infinite;
animation-delay: -9s;
}
#header .snowflake:nth-child(3) {
--size: 0.3vw;
--left-ini: -7vw;
--left-end: -5vw;
left: 55vw;
animation: snowfall 13s linear infinite;
animation-delay: -1s;
}
#header .snowflake:nth-child(4) {
--size: 0.4vw;
--left-ini: -3vw;
--left-end: -8vw;
left: 94vw;
animation: snowfall 6s linear infinite;
animation-delay: -4s;
}
#header .snowflake:nth-child(5) {
--size: 0.3vw;
--left-ini: 0vw;
--left-end: 0vw;
left: 18vw;
animation: snowfall 13s linear infinite;
animation-delay: -2s;
}
#header .snowflake:nth-child(6) {
--size: 0.2vw;
--left-ini: -8vw;
--left-end: -9vw;
left: 68vw;
animation: snowfall 13s linear infinite;
animation-delay: -1s;
}
#header .snowflake:nth-child(7) {
--size: 0.3vw;
--left-ini: 3vw;
--left-end: 7vw;
left: 20vw;
animation: snowfall 7s linear infinite;
animation-delay: -3s;
}
#header .snowflake:nth-child(8) {
--size: 0.2vw;
--left-ini: -1vw;
--left-end: -2vw;
left: 84vw;
animation: snowfall 9s linear infinite;
animation-delay: -3s;
}
#header .snowflake:nth-child(9) {
--size: 0.3vw;
--left-ini: -5vw;
--left-end: -8vw;
left: 86vw;
animation: snowfall 15s linear infinite;
animation-delay: -10s;
}
#header .snowflake:nth-child(10) {
--size: 0.2vw;
--left-ini: -8vw;
--left-end: 1vw;
left: 25vw;
animation: snowfall 11s linear infinite;
animation-delay: -5s;
}
#header .snowflake:nth-child(11) {
--size: 0.3vw;
--left-ini: -4vw;
--left-end: -6vw;
left: 76vw;
animation: snowfall 10s linear infinite;
animation-delay: -9s;
}
#header .snowflake:nth-child(12) {
--size: 0.4vw;
--left-ini: 6vw;
--left-end: 5vw;
left: 51vw;
animation: snowfall 12s linear infinite;
animation-delay: -1s;
}
#header .snowflake:nth-child(13) {
--size: 0.3vw;
--left-ini: 3vw;
--left-end: -5vw;
left: 68vw;
animation: snowfall 6s linear infinite;
animation-delay: -2s;
}
#header .snowflake:nth-child(14) {
--size: 0.5vw;
--left-ini: 3vw;
--left-end: -2vw;
left: 56vw;
animation: snowfall 10s linear infinite;
animation-delay: -9s;
}
#header .snowflake:nth-child(15) {
--size: 0.3vw;
--left-ini: 10vw;
--left-end: -3vw;
left: 58vw;
animation: snowfall 8s linear infinite;
animation-delay: -6s;
}
#header .snowflake:nth-child(16) {
--size: 0.2vw;
--left-ini: -3vw;
--left-end: 1vw;
left: 27vw;
animation: snowfall 9s linear infinite;
animation-delay: -7s;
}
#header .snowflake:nth-child(17) {
--size: 0.5vw;
--left-ini: 3vw;
--left-end: -5vw;
left: 31vw;
animation: snowfall 11s linear infinite;
animation-delay: -8s;
}
#header .snowflake:nth-child(18) {
--size: 0.4vw;
--left-ini: -7vw;
--left-end: -4vw;
left: 62vw;
animation: snowfall 12s linear infinite;
animation-delay: -9s;
}
#header .snowflake:nth-child(19) {
--size: 0.5vw;
--left-ini: -3vw;
--left-end: 8vw;
left: 16vw;
animation: snowfall 11s linear infinite;
animation-delay: -3s;
}
#header .snowflake:nth-child(20) {
--size: 0.5vw;
--left-ini: 6vw;
--left-end: 0vw;
left: 70vw;
animation: snowfall 13s linear infinite;
animation-delay: -1s;
}
#header .snowflake:nth-child(21) {
--size: 0.3vw;
--left-ini: 10vw;
--left-end: -3vw;
left: 61vw;
animation: snowfall 14s linear infinite;
animation-delay: -1s;
}
#header .snowflake:nth-child(22) {
--size: 0.4vw;
--left-ini: -7vw;
--left-end: 6vw;
left: 63vw;
animation: snowfall 7s linear infinite;
animation-delay: -4s;
}
#header .snowflake:nth-child(23) {
--size: 0.2vw;
--left-ini: -1vw;
--left-end: 4vw;
left: 88vw;
animation: snowfall 13s linear infinite;
animation-delay: -2s;
}
#header .snowflake:nth-child(24) {
--size: 0.4vw;
--left-ini: 3vw;
--left-end: 7vw;
left: 38vw;
animation: snowfall 14s linear infinite;
animation-delay: -8s;
}
#header .snowflake:nth-child(25) {
--size: 0.3vw;
--left-ini: 10vw;
--left-end: 7vw;
left: 49vw;
animation: snowfall 14s linear infinite;
animation-delay: -5s;
}
#header .snowflake:nth-child(26) {
--size: 0.4vw;
--left-ini: -9vw;
--left-end: -1vw;
left: 68vw;
animation: snowfall 12s linear infinite;
animation-delay: -2s;
}
#header .snowflake:nth-child(27) {
--size: 0.3vw;
--left-ini: 6vw;
--left-end: 8vw;
left: 7vw;
animation: snowfall 12s linear infinite;
animation-delay: -7s;
}
#header .snowflake:nth-child(28) {
--size: 0.3vw;
--left-ini: 0vw;
--left-end: -5vw;
left: 21vw;
animation: snowfall 11s linear infinite;
animation-delay: -8s;
}
#header .snowflake:nth-child(29) {
--size: 0.5vw;
--left-ini: -7vw;
--left-end: 7vw;
left: 8vw;
animation: snowfall 14s linear infinite;
animation-delay: -7s;
}
#header .snowflake:nth-child(30) {
--size: 0.5vw;
--left-ini: -3vw;
--left-end: -4vw;
left: 48vw;
animation: snowfall 14s linear infinite;
animation-delay: -4s;
}
#header .snowflake:nth-child(5n) {
filter: blur(1px);
}
}
@media (max-width: 768px) {
.top-navigation-bar .container {
z-index: 3;
}
.top-navigation-bar .snowflake-group {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: -1;
}
.top-navigation-bar .snowflake {
--size: 1vw;
width: var(--size);
height: var(--size);
background: white;
border-radius: 50%;
position: absolute;
top: -30px;
left: 0;
opacity: 0.8;
}
@keyframes snowfallMobile {
0% {
transform: translate3d(var(--left-ini), 0, 0);
}
100% {
transform: translate3d(var(--left-end), 100px, 0);
}
}
.top-navigation-bar .snowflake:nth-child(1) {
--size: 0.5vw;
--left-ini: 1vw;
--left-end: 9vw;
left: 52vw;
animation: snowfallMobile 12s linear infinite;
animation-delay: -1s;
}
.top-navigation-bar .snowflake:nth-child(2) {
--size: 0.3vw;
--left-ini: 1vw;
--left-end: -1vw;
left: 87vw;
animation: snowfallMobile 11s linear infinite;
animation-delay: -9s;
}
.top-navigation-bar .snowflake:nth-child(3) {
--size: 0.3vw;
--left-ini: -7vw;
--left-end: -5vw;
left: 55vw;
animation: snowfallMobile 13s linear infinite;
animation-delay: -1s;
}
.top-navigation-bar .snowflake:nth-child(4) {
--size: 0.4vw;
--left-ini: -3vw;
--left-end: -8vw;
left: 94vw;
animation: snowfallMobile 6s linear infinite;
animation-delay: -4s;
}
.top-navigation-bar .snowflake:nth-child(5) {
--size: 0.3vw;
--left-ini: 0vw;
--left-end: 0vw;
left: 18vw;
animation: snowfallMobile 13s linear infinite;
animation-delay: -2s;
}
.top-navigation-bar .snowflake:nth-child(6) {
--size: 0.2vw;
--left-ini: -8vw;
--left-end: -9vw;
left: 68vw;
animation: snowfallMobile 13s linear infinite;
animation-delay: -1s;
}
.top-navigation-bar .snowflake:nth-child(7) {
--size: 0.3vw;
--left-ini: 3vw;
--left-end: 7vw;
left: 20vw;
animation: snowfallMobile 7s linear infinite;
animation-delay: -3s;
}
.top-navigation-bar .snowflake:nth-child(8) {
--size: 0.2vw;
--left-ini: -1vw;
--left-end: -2vw;
left: 84vw;
animation: snowfallMobile 9s linear infinite;
animation-delay: -3s;
}
.top-navigation-bar .snowflake:nth-child(9) {
--size: 0.3vw;
--left-ini: -5vw;
--left-end: -8vw;
left: 86vw;
animation: snowfallMobile 15s linear infinite;
animation-delay: -10s;
}
.top-navigation-bar .snowflake:nth-child(10) {
--size: 0.2vw;
--left-ini: -8vw;
--left-end: 1vw;
left: 25vw;
animation: snowfallMobile 11s linear infinite;
animation-delay: -5s;
}
.top-navigation-bar .snowflake:nth-child(11) {
--size: 0.3vw;
--left-ini: -4vw;
--left-end: -6vw;
left: 76vw;
animation: snowfallMobile 10s linear infinite;
animation-delay: -9s;
}
.top-navigation-bar .snowflake:nth-child(12) {
--size: 0.4vw;
--left-ini: 6vw;
--left-end: 5vw;
left: 51vw;
animation: snowfallMobile 12s linear infinite;
animation-delay: -1s;
}
.top-navigation-bar .snowflake:nth-child(13) {
--size: 0.3vw;
--left-ini: 3vw;
--left-end: -5vw;
left: 68vw;
animation: snowfallMobile 6s linear infinite;
animation-delay: -2s;
}
.top-navigation-bar .snowflake:nth-child(14) {
--size: 0.5vw;
--left-ini: 3vw;
--left-end: -2vw;
left: 56vw;
animation: snowfallMobile 10s linear infinite;
animation-delay: -9s;
}
.top-navigation-bar .snowflake:nth-child(15) {
--size: 0.3vw;
--left-ini: 10vw;
--left-end: -3vw;
left: 58vw;
animation: snowfallMobile 8s linear infinite;
animation-delay: -6s;
}
.top-navigation-bar .snowflake:nth-child(16) {
--size: 0.2vw;
--left-ini: -3vw;
--left-end: 1vw;
left: 27vw;
animation: snowfallMobile 9s linear infinite;
animation-delay: -7s;
}
.top-navigation-bar .snowflake:nth-child(17) {
--size: 0.5vw;
--left-ini: 3vw;
--left-end: -5vw;
left: 31vw;
animation: snowfallMobile 11s linear infinite;
animation-delay: -8s;
}
.top-navigation-bar .snowflake:nth-child(18) {
--size: 0.4vw;
--left-ini: -7vw;
--left-end: -4vw;
left: 62vw;
animation: snowfallMobile 12s linear infinite;
animation-delay: -9s;
}
.top-navigation-bar .snowflake:nth-child(19) {
--size: 0.5vw;
--left-ini: -3vw;
--left-end: 8vw;
left: 16vw;
animation: snowfallMobile 11s linear infinite;
animation-delay: -3s;
}
.top-navigation-bar .snowflake:nth-child(20) {
--size: 0.5vw;
--left-ini: 6vw;
--left-end: 0vw;
left: 70vw;
animation: snowfallMobile 13s linear infinite;
animation-delay: -1s;
}
.top-navigation-bar .snowflake:nth-child(21) {
--size: 0.3vw;
--left-ini: 10vw;
--left-end: -3vw;
left: 61vw;
animation: snowfallMobile 14s linear infinite;
animation-delay: -1s;
}
.top-navigation-bar .snowflake:nth-child(22) {
--size: 0.4vw;
--left-ini: -7vw;
--left-end: 6vw;
left: 63vw;
animation: snowfallMobile 7s linear infinite;
animation-delay: -4s;
}
.top-navigation-bar .snowflake:nth-child(23) {
--size: 0.2vw;
--left-ini: -1vw;
--left-end: 4vw;
left: 88vw;
animation: snowfallMobile 13s linear infinite;
animation-delay: -2s;
}
.top-navigation-bar .snowflake:nth-child(24) {
--size: 0.4vw;
--left-ini: 3vw;
--left-end: 7vw;
left: 38vw;
animation: snowfallMobile 14s linear infinite;
animation-delay: -8s;
}
.top-navigation-bar .snowflake:nth-child(25) {
--size: 0.3vw;
--left-ini: 10vw;
--left-end: 7vw;
left: 49vw;
animation: snowfallMobile 14s linear infinite;
animation-delay: -5s;
}
.top-navigation-bar .snowflake:nth-child(26) {
--size: 0.4vw;
--left-ini: -9vw;
--left-end: -1vw;
left: 68vw;
animation: snowfallMobile 12s linear infinite;
animation-delay: -2s;
}
.top-navigation-bar .snowflake:nth-child(27) {
--size: 0.3vw;
--left-ini: 6vw;
--left-end: 8vw;
left: 7vw;
animation: snowfallMobile 12s linear infinite;
animation-delay: -7s;
}
.top-navigation-bar .snowflake:nth-child(28) {
--size: 0.3vw;
--left-ini: 0vw;
--left-end: -5vw;
left: 21vw;
animation: snowfallMobile 11s linear infinite;
animation-delay: -8s;
}
.top-navigation-bar .snowflake:nth-child(29) {
--size: 0.5vw;
--left-ini: -7vw;
--left-end: 7vw;
left: 8vw;
animation: snowfallMobile 14s linear infinite;
animation-delay: -7s;
}
.top-navigation-bar .snowflake:nth-child(30) {
--size: 0.5vw;
--left-ini: -3vw;
--left-end: -4vw;
left: 48vw;
animation: snowfallMobile 14s linear infinite;
animation-delay: -4s;
}
.top-navigation-bar .snowflake:nth-child(5n) {
filter: blur(1px);
}
}
/* Akcia */
.flag.flag-discount:before {
display: none;
}
.flag.flag-discount {
background-color: var(--color-secondary);
border-radius: 100%;
}
.p-image-wrapper .flags-extra .flag-discount .price-save sub {
font-size: 80%;
}
@media (min-width: 768px) {
.p-image-wrapper .flags-extra .flag-discount .price-save {
font-size: 30px;
}
.flags-extra {
right: -5px;
}
}
@media (max-width: 767px) {
.p-image-wrapper .flags-extra {
right: 5px;
top: 5px;
}
.columns-mobile-2 .products-block .flags-extra .flag .price-save {
font-size: 13px;
}
.p-image-wrapper .flags-extra .flag {
width: 60px;
height: 60px;
font-size: 14px;
}
.p-image-wrapper .flags-extra .flag-discount .price-save {
font-size: 22px;
}
.columns-mobile-2 .products-block > div .flags .flag.flag-discount {
display: flex !important;
align-items: center;
height: 45px;
width: 45px;
border-radius: 100%;
}
body.type-category .product.no-code .p .flags-extra,
body.type-page .product.no-code .p .flags-extra,
body.in-index .product.no-code .p .flags-extra {
top: -18px;
right: -14px;
}
}
@media (min-width: 992px) {
.is-header-info-banner .popup-widget.login-widget {
top: 172px;
}
.is-header-info-banner .popup-widget.cart-widget {
top: 172px;
}
.is-header-info-banner.admin-logged .popup-widget.login-widget {
top: 197px;
}
.is-header-info-banner.admin-logged .popup-widget.cart-widget {
top: 197px;
}
}
/* HEADER BANNER */
.header-info-banner {
position: relative;
background-color: #000000;
background-color: var(--color-header-banner-info-bg);
color: white;
color: var(--color-header-banner-info-text-color);
font-size: 13px;
}
.header-info-banner__content {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
padding: 7px 0;
}
.header-info-banner__left-panel {
display: block;
width: 100%;
text-align: center;
}
.header-info-banner__right-panel {
margin-top: 5px;
}
.header-info-banner__close {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
width: 40px;
flex: 0 0 40px;
height: 40px;
cursor: pointer;
}
.header-info-banner__close:before {
content: "\e921";
font-family: "apollo" !important;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 16px;
}
.header-info-banner__close:hover:before {
/* color: red; */
}
.header-info-banner__text {
flex: auto;
color: white;
color: var(--color-header-banner-info-text-color);
text-decoration: underline;
line-height: 1.6;
}
.header-info-banner.no-text .header-info-banner__text {
text-decoration: none;
pointer-events: none;
}
.header-info-banner__text img {
max-width: 80px;
max-height: 24px;
object-fit: contain;
margin-left: 5px;
margin-right: 5px;
display: inline-block;
mix-blend-mode: multiply;
}
.header-info-banner__text a {
color: white;
color: var(--color-header-banner-info-text-color);
}
.header-info-banner__text a:hover {
text-decoration: none;
}
.header-info-banner__right-panel {
text-align: right;
}
.header-info-banner__right-panel a {
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid white;
text-transform: uppercase;
color: white;
color: var(--color-header-banner-info-text-color);
font-weight: 400;
font-size: 12px;
padding: 5px 15px;
border-radius: 5px;
}
.header-info-banner__right-panel a:hover {
background-color: black;
border-color: black;
color: white;
}
.header-info-banner.is-centered {
text-align: center;
justify-content: center;
}
.header-info-banner.is-centered .header-info-banner__content {
justify-content: center;
}
@media (min-width: 768px) {
.header-info-banner__right-panel {
margin-left: 15px;
margin-top: 0;
}
.header-info-banner__left-panel {
display: flex;
align-items: center;
/* text-align: left; */
flex-wrap: wrap;
width: auto;
margin-left: -10px;
}
.header-info-banner__content {
padding: 0;
height: 50px;
justify-content: space-between;
}
.header-info-banner__right-panel a {
padding: 4px 15px;
}
.header-info-banner {
font-size: 14px;
}
.header-info-banner__right-panel a {
font-size: 14px;
}
}
@media (max-width: 768px) {
.header-info-banner__close {
position: absolute;
top: 0;
right: 0;
}
}
.cart-item--ochrana {
margin-top: 5px;
}
.cart-item--ochrana .cart-item-name {
display: flex;
align-items: center;
}
.cart-item--ochrana .cart-item-name img {
width: 40px;
margin-right: 8px;
}
.cart-item.cart-item--ochrana > div.cart-item-price {
color: #569c34;
}
.free-gift + .free-gift {
margin-top: 0;
}
.cart-item--ochrana .cart-item-name a span {
width: 100%;
}
.cart-item.cart-item--ochrana > div.cart-item-amount {
display: none;
}
/* Update */
/* Vlnené gule */
/*
body:not(.admin-logged) #cat-750,
body:not(.admin-logged) .navigation-in ul li.menu-item-750 {
display: none !important;
} */
.bg-yellow-box {
border-radius: 20px;
background-color: #e7cb7f;
padding: 15px;
height: 100%;
}
.bg-yellow-text-color p {
color: #e7cb7f;
}
.box-item-margin {
margin-bottom: 20px;
}
.basic-description ul.vlnene-gulicky-list {
display: block;
list-style: none;
padding-left: 0;
}
.basic-description ul.vlnene-gulicky-list li {
position: relative;
padding-left: 60px;
padding-top: 5px;
padding-bottom: 5px;
}
.basic-description ul.vlnene-gulicky-list li:before {
content: "";
position: absolute;
top: -5px;
left: 0;
display: block;
width: 50px;
height: 50px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-image: url(/user/documents/upload/vlnene-gulicky/sheep.svg);
}
.info-panel-detail.is-image {
background-image: none;
}
.info-panel-detail.is-image .info-panel-detail-group {
padding: 0;
}
.info-panel-detail.is-image img {
width: 100%;
}
.info-panel-desktop {
}
.info-panel-mobile {
display: none;
}
.bg-yellow-box p {
margin-bottom: 0;
}
.bg-yellow-box p + p {
margin-top: 25px;
}
.margin-bottom-2 {
margin-bottom: 20px;
}
.gallery-group {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin-bottom: 25px;
}
.gallery-group__item {
margin-bottom: 0;
}
.gallery-group img {
margin-bottom: 0;
}
@media (max-width: 480px) {
.info-panel-desktop {
display: none;
}
.info-panel-mobile {
display: block;
}
.gallery-group__item {
width: 100%;
}
.gallery-group img {
width: 100%;
}
}
@media (min-width: 768px) {
.gallery-group {
flex-wrap: nowrap;
}
.basic-description ul.vlnene-gulicky-list {
column-count: 2;
}
}
/* Update */
.line-t {
color: #7c7e8f;
text-decoration: line-through;
margin-right: 8px;
font-weight: 500;
}
@media (min-width: 768px) {
.p-info-wrapper .p-final-price-wrapper .price-standard {
font-size: 24px;
}
}
.is-vzorky .p-final-price-wrapper .price-standard > span.empty,
.is-vzorky .p-final-price-wrapper .price-save > span.empty {
display: none;
}
.is-vzorky
.p-final-price-wrapper
.price-standard
> span:not(.default-variant):not(.empty):not(no-display):not(noDisplay) {
margin-right: 20px;
}
.is-vzorky .p-info-wrapper .p-final-price-wrapper .price-standard {
margin-right: 0;
}
.is-vzorky .detail-price-block .price-standard .choose-variant.default-variant {
display: none;
}
.basic-description .row p,
.basic-description .row h3 {
width: 100%;
}
.advanced-parameter__old-price {
display: none;
}
.extended-description,
.social-buttons .twitter {
display: none;
}
.carousel-indicators li:hover,
.carousel-indicators li.active {
background-color: var(--color-secondary);
}
.is-header-black .top-navigation-bar {
background-color: black;
}
/* Update */
.category-perex ul li a,
p a,
.basic-description p a {
color: var(--color-secondary);
text-decoration: underline;
}
.basic-description p a:hover {
/* text-decoration: underline; */
}
.shop-roka-side {
position: fixed;
top: 500px;
right: 0;
display: none;
z-index: 6;
}
.shop-roka-detail img {
/* border-radius: 20px; */
overflow: hidden;
margin: 0 auto;
}
.shop-roka-side img {
position: relative;
transform: rotateZ(180deg);
}
.shop-roka-detail img.class-desktop {
display: none;
}
.shop-roka-detail img.class-mobile {
display: block;
}
.shop-roka-detail {
display: block;
margin-bottom: 40px;
margin-top: 0;
}
@media (min-width: 768px) {
.shop-roka-detail {
display: block;
margin-bottom: 60px;
margin-top: 20px;
}
.shop-roka-side {
display: block;
}
.shop-roka-detail img {
/* width: 100%; */
}
.shop-roka-detail img.class-desktop {
display: block;
}
.shop-roka-detail img.class-mobile {
display: none;
}
}
@media (min-width: 480px) {
}
.js-faq-block-detail .banner-group + .tab-content__item {
display: none !important;
}
/* Update detail description */
.row-gutter-15 {
margin: 0 -10px;
}
.row-gutter-15 > .col-xs-12 {
padding: 0 10px;
}
.box-item-francis .bg-box {
background: linear-gradient(
to bottom,
#1e0000 0%,
#310000 18%,
#8c0000 72%,
#8c0000 100%
);
border-radius: 20px;
padding: 30px 30px;
height: 100%;
}
.box-item-francis-1 .bg-box {
padding-bottom: 140px;
}
.box-item-francis h3,
.box-item-francis p {
color: var(--color-secondary);
}
.box-item-francis p + p {
margin-top: 0;
}
.box-item-francis {
position: relative;
overflow: hidden;
border-radius: 20px;
}
.box-item-francis p {
margin-bottom: 30px;
line-height: 1.65;
}
.box-item-francis-2 {
margin-bottom: 0;
}
.box-item-francis-1 h3 {
position: relative;
text-align: center;
margin-bottom: 40px;
z-index: 2;
line-height: 1.3;
}
.box-item-francis-1 h3:after {
content: "";
position: absolute;
top: -20px;
left: 50%;
transform: translateX(-50%);
display: block;
z-index: -1;
width: 389px;
height: 106px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url(/user/documents/upload/francis-signature/bg-black.png);
}
.box-item-francis .desc-top-1 {
position: absolute;
top: 0;
right: 0;
pointer-events: none;
width: 100%;
}
.box-item-francis h3,
.box-item-francis p {
position: relative;
z-index: 2;
}
.box-item-francis-2 h3 {
text-align: right !important;
font-size: 16px;
margin-bottom: 25px;
}
.box-item-francis-2 p {
text-align: right !important;
font-size: 14px;
}
.box-item-francis-2 .box-item-content-width-1 {
max-width: 80%;
margin-left: auto;
}
.box-item-francis-2 .box-item-content-width-2 {
max-width: 50%;
margin-left: auto;
}
.box-item-francis-3 h3 {
position: relative;
text-align: center;
margin-bottom: 40px;
z-index: 2;
line-height: 1.3;
}
.box-item-francis-3 .bg-box {
background: linear-gradient(
to bottom,
#8a0101 1%,
#240000 100%
); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.box-item-francis .desc-bottom-1 {
position: absolute;
bottom: 0;
right: 0;
pointer-events: none;
width: 100%;
}
.box-item-francis .desc-right-1 {
position: absolute;
bottom: 60px;
right: -290px;
z-index: 0;
pointer-events: none;
max-width: 600px;
}
.box-item-francis-3 .desc-left-2 {
position: absolute;
bottom: -70px;
left: calc(-50% - 220px);
pointer-events: none;
z-index: 0;
max-width: calc(100% + 450px);
}
.box-item-francis-3 .desc-right-2 {
position: absolute;
top: -80px;
right: calc(-50% - 110px);
pointer-events: none;
z-index: 0;
max-width: none;
}
.box-item-francis-3 .p-margin {
margin-bottom: 50px;
margin-top: 13px;
}
.box-item-francis .francis-signature-image-1 {
z-index: 1;
position: absolute;
bottom: 0;
max-width: 200px;
right: 30px;
}
.box-item-francis .francis-signature-image-2 {
z-index: 2;
position: relative;
left: -20px;
}
.box-item-francis-3 .francis-signature-image-3 {
z-index: 2;
position: relative;
max-width: 420px;
left: 50%;
transform: translate(-50%);
margin-bottom: -80px;
}
.box-item-francis .francis-signature-image-4 {
z-index: 1;
position: absolute;
top: 0;
left: calc(-50% - 40px);
}
.box-item-francis-1 .col-sm-5 {
position: static;
}
.box-item-francis-1 .bg-box {
padding-bottom: 140px;
}
.box-item-francis-white .bg-box {
background: white;
border: 1px solid #dcbf78;
}
.box-item-francis-white p,
.box-item-francis-white h3 {
color: black;
}
@media (min-width: 768px) and (max-width: 1200px) {
.box-item-francis .francis-signature-image-4 {
max-width: 500px;
left: calc(-50% - -130px);
}
}
@media (min-width: 768px) {
.box-order-image-1 {
order: -1;
}
}
@media (max-width: 768px) {
.box-item-francis-3 .desc-left-2 {
left: calc(50% - 160px);
transform: translateX(-50%);
}
.box-item-francis .francis-signature-image-2 {
left: auto;
}
.box-item-francis .francis-signature-image-1 {
max-width: 200px;
right: 10px;
}
.box-item-francis .box-order-image-1 {
text-align: center;
}
}
@media (max-width: 480px) {
.box-item-francis .francis-signature-image-1 {
max-width: 200px;
right: 10px;
}
.box-item-francis-1 .col-xs-5,
.box-item-francis-1 .col-xs-7 {
width: 100%;
}
.box-item-francis .francis-signature-image-1 {
position: relative;
right: auto;
}
.box-item-francis-1 .col-sm-5 {
text-align: center;
}
.box-item-francis-1 .bg-box {
padding-bottom: 0;
}
.box-item-francis-2 .box-item-content-width-1 {
/* max-width: 60%; */
max-width: 100%;
}
.box-item-francis-2 .box-item-content-width-2 {
max-width: 100%;
}
.box-item-francis .francis-signature-image-4 {
display: none;
}
.box-item-francis-2 h3 {
text-align: center !important;
}
.box-item-francis-2 p {
text-align: left !important;
}
.box-item-francis .desc-right-1 {
right: auto;
left: calc(50% - -130px);
transform: translateX(-50%);
}
.box-item-francis-3 .desc-right-2 {
position: absolute;
top: -150px;
right: calc(-50% - 240px);
pointer-events: none;
z-index: 0;
max-width: none;
width: 1000px;
}
}
@media (min-width: 768px) {
.navigation-in
> ul
> li.ext
> ul
> li:nth-child(n + 13):not(.menu-item-category) {
display: flex;
}
}
.table-products table tbody tr:nth-child(10) td {
background: linear-gradient(
to bottom,
#1e0000 0%,
#310000 18%,
#8c0000 72%,
#8c0000 100%
);
}
.gallery-footer-group-title {
margin-top: 50px;
color: var(--color-secondary);
font-weight: 500;
line-height: 1.4;
}
.gallery-footer-group {
max-width: 400px;
}
.gallery-footer.row {
margin: 0 -10px;
}
.gallery-footer.row .gallery-footer__item {
margin-bottom: 20px;
padding: 0 10px;
}
.gallery-footer.row .gallery-footer__item.col-xs-4 img {
/* height: 80px; */
object-fit: cover;
}
/* STORE */
.store-block .contact-box-ext ul li > span:before {
font-family: "apollo" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.store-block .contact-box-ext ul li {
list-style: none;
word-break: break-all;
padding-top: 4px;
padding-bottom: 4px;
margin-bottom: 5px;
}
.store-block .contact-box-ext ul li > span::before {
pointer-events: none;
transform: translateY(-50%);
}
.store-block .contact-box-ext ul li > span.mail::before {
font-size: 18px;
}
.store-block .contact-box-ext ul li > span.address::before {
content: "\e905";
font-size: 22px;
}
.store-block .contact-box-ext ul li > span.mail::before {
content: "\e916";
}
.store-block .contact-box-ext ul li > span.tel::before {
content: "\e917";
}
.store-block .contact-box-ext {
position: relative;
border-style: none;
border-width: 0;
border-radius: 0;
}
.store-block .contact-box-ext > img {
position: absolute;
left: 10px;
top: 0;
max-width: 76px;
height: auto;
}
.store-block .contact-box-ext > strong {
display: block;
margin-bottom: 5px;
line-height: 1.1;
}
.store-block .contact-box-ext ul {
margin: 0;
padding: 0;
}
.store-block .contact-box-ext ul li {
list-style: none;
word-break: break-all;
padding-top: 4px;
padding-bottom: 4px;
}
.store-block .contact-box-ext ul li > span {
display: inline-block;
position: relative;
padding-left: 40px;
}
.store-block .contact-box-ext ul li > span::before {
position: absolute;
left: 0;
top: 50%;
width: 24px;
font-size: 24px;
text-align: center;
}
.store-block .contact-box-ext ul li > span.mail::before {
content: "\e916";
}
.store-block .contact-box-ext ul li > span.tel::before {
content: "\e92c";
}
.store-block
.content-store--address
.contact-address__content
.contact-box-ext
ul
li.contact-address__first {
font-size: 16px;
}
.store-block .content-store--address .contact-address__title {
text-align: center;
}
.store-block
.content-store--address
.contact-address__content
.contact-box-ext
ul
li.contact-address__first {
margin-bottom: 15px;
}
.store-block .content-store--address .contact-address__title {
font-size: 18px;
text-align: left;
}
.store-block .content-store--address .contact-address__content {
padding: 50px 30px 30px 30px;
}
.content-store--address .contact-address__title {
line-height: 1.4;
}
.contact-address__subtitle {
margin-bottom: 5px;
font-size: 18px;
}
.type-page .content-inner article .store-block ul {
margin-bottom: 0;
}
@media (min-width: 767px) {
.store-block .contact-address__title {
font-size: 28px;
}
.store-block
.content-store--address
.contact-address__content
.contact-box-ext
ul
li.contact-address__first {
margin-bottom: 25px;
}
.store-block .content-store--address .contact-address__content {
margin-top: 0 !important;
}
.store-block .contact-address {
width: auto;
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
}
.store-block .content-store--address {
width: auto;
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
}
.store-block .contact-address__content {
width: calc(50% - 20px);
margin: 0 10px 20px;
}
.store-block .contact-address .contact-address__content:first-child ul > li {
width: auto;
display: inline-block;
vertical-align: top;
margin-bottom: 0 !important;
margin-right: 4rem;
}
.store-block .content-store--address .contact-address__title {
font-size: 20px;
text-align: left;
}
.store-block .contact-address__content:first-child ul > li:last-child {
margin-right: 0;
}
.store-block .contact-address .plus-gallery-item {
flex: 0 0 100%;
}
.contact-address__subtitle {
margin-bottom: 5px;
font-size: 18px;
}
.store-block .content-store--address .contact-address__content {
width: calc(100% - 20px);
flex: 0 0 calc(100% - 20px);
}
.store-block
.content-store--address
.contact-address__content
.contact-box-ext
ul
li.contact-address__first {
font-size: 16px;
}
}
.store-block .content-store--address .contact-address__content {
position: relative;
padding-top: 60px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
margin-top: 50px;
}
.store-block .content-store--address .contact-address__content svg {
fill: var(--color-secondary);
}
.store-block .content-store--address .contact-address__title {
margin-bottom: 35px;
}
.store-block .contact-box-ext ul li > span.mail,
.store-block .contact-box-ext ul li > span.tel {
font-size: 16px;
}
.store-block
.content-store--address
.contact-address__content
.contact-box-ext
ul
li.contact-address__first.contact-address__first--last {
font-size: 16px;
margin-bottom: 5px;
}
.store-block
.content-store--address
.contact-address__content
.contact-box-ext
ul
li.contact-address__first
> span {
padding-left: 0;
}
.store-block
.content-store--address
.contact-address__content
.contact-box-ext
ul
li.contact-address__first
> span:before {
display: none;
}
.contact-map-icon {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
width: 70px;
height: 70px;
top: -35px;
left: 50%;
transform: translateX(-50%);
border-radius: 100%;
background-color: #ffffff;
border: 5px solid #f5f6f8;
}
.store-block {
margin-top: 5rem;
}
.store-block .contact-image-block {
}
.store-block .contact-image-block img {
width: 100%;
max-width: 100%;
display: block;
border-radius: 20px;
overflow: hidden;
margin-bottom: 0;
}
/*
.contact-image-block .img-second {
display: none;
}
.contact-image-block:hover .img-first {
display: none;
}
.contact-image-block:hover .img-second {
display: block;
} */
.contact-box-ext ul li > span.tel::before {
content: "\e917";
}
.content-store--address .contact-address__content .row {
display: flex;
flex-wrap: wrap;
align-items: center;
}
@media (min-width: 992px) {
.contact-right-block {
order: 1;
}
}
@media (max-width: 992px) {
.contact-left-block {
margin-top: 15px;
}
}
@media (max-width: 768px) {
.contact-box-ext ul li > span.mail,
.contact-box-ext ul li > span.tel {
font-size: 14px;
}
.contact-image-block .img-second {
display: block;
margin-top: 10px;
}
}
.content-store--address .contact-address__title {
text-align: left;
font-size: 22px;
font-weight: 400;
margin-bottom: 10px;
}
.content-store--address
.contact-address__content
.row.gallery-footer
.col-xs-12
img {
height: 230px;
object-fit: cover;
width: 100%;
}
.lg-autoplay-button.lg-icon {
display: none;
}
.lg-toolbar .lg-icon.lg-close {
font-size: 38px;
height: 57px;
line-height: 47px;
width: 60px;
}
.lg-backdrop {
z-index: 10400000000;
background-color: rgba(0, 0, 0, 0.8);
}
.lg-outer {
z-index: 10500000000;
}
.lg-toolbar {
background-color: rgba(0, 0, 0, 0);
}
.lg-sub-html {
display: none;
}
/* nas pribeh */
.timeline-horizontal {
display: none;
margin-top: 100px;
margin-bottom: 100px;
}
.timeline-horizontal__content {
position: relative;
}
.timeline-horizontal__line {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-fit: cover;
width: calc(100% - 120px);
height: auto;
}
.timeline-horizontal__group {
height: 270px;
display: flex;
align-items: center;
justify-content: space-between;
}
.timeline-horizontal__item {
flex: auto;
position: relative;
margin-top: -140px;
margin-left: -5px;
margin-right: -5px;
cursor: pointer;
transition: transform 250ms ease-out;
}
.timeline-horizontal__item:hover {
transform: translateY(-10px);
}
.timeline-horizontal__item:nth-child(even):hover {
transform: translateY(10px);
}
.timeline-horizontal__smile {
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 60px;
padding-top: 40px;
}
.timeline-horizontal__text {
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
font-weight: 700;
font-size: 18px;
line-height: 1.2;
}
.timeline-horizontal__image {
z-index: 1;
position: relative;
}
.timeline-horizontal__item:nth-child(even) {
margin-bottom: -280px;
}
.timeline-horizontal__item:nth-child(even) .timeline-horizontal__text {
padding-top: 25px;
}
.timeline-horizontal__item:nth-child(odd) .timeline-horizontal__smile,
.timeline-horizontal__item:nth-child(odd) .timeline-horizontal__text {
padding-bottom: 25px;
}
.timeline-horizontal__item:nth-child(even) .timeline-horizontal__image {
transform: rotateZ(180deg);
}
.timeline-horizontal__item:last-child .timeline-horizontal__text,
.timeline-horizontal__item:first-child .timeline-horizontal__text {
font-size: 22px;
}
.timeline-horizontal__item:last-child:nth-child(even) {
pointer-events: none;
margin-bottom: -340px;
}
.timeline-horizontal__item:last-child:nth-child(odd) {
pointer-events: none;
margin-top: -200px;
}
.timeline-horizontal__item:last-child .timeline-horizontal__image {
width: 320px;
}
.timeline-horizontal__item:first-child {
margin-top: -200px;
}
.timeline-horizontal__item:first-child .timeline-horizontal__image {
width: 320px;
}
@media (min-width: 992px) and (max-width: 1200px) {
.timeline-horizontal__item {
margin-left: -10px;
margin-right: -10px;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.timeline-horizontal__item {
margin-top: -110px;
margin-left: -8px;
margin-right: -8px;
}
.timeline-horizontal__item:nth-child(even) {
margin-bottom: -220px;
}
.timeline-horizontal__item:last-child:nth-child(even) {
margin-bottom: -258px;
}
.timeline-horizontal__item:nth-child(odd) .timeline-horizontal__smile,
.timeline-horizontal__item:nth-child(odd) .timeline-horizontal__text {
padding-bottom: 20px;
}
.timeline-horizontal__item:last-child .timeline-horizontal__text,
.timeline-horizontal__item:first-child .timeline-horizontal__text {
font-size: 18px;
}
.timeline-horizontal__item:first-child {
margin-top: -150px;
}
.timeline-horizontal__item:nth-child(even) .timeline-horizontal__text {
padding-top: 25px;
}
.timeline-horizontal__group {
height: 190px;
}
.timeline-horizontal__text {
font-size: 13px;
}
.timeline-horizontal__smile {
max-width: 45px;
padding-top: 30px;
}
.timeline-horizontal__item:last-child:nth-child(odd) {
pointer-events: none;
margin-top: -150px;
}
}
@media (min-width: 480px) {
}
@media (min-width: 768px) {
.timeline-horizontal {
display: block;
}
}
/* Timeline vertical */
body.is-white-body {
background-color: white;
}
.timeline-vertical {
margin-top: 100px;
margin-bottom: 200px;
}
body.is-white-body .review-block-title span {
background-color: white;
}
p video {
border-radius: 25px;
overflow: hidden;
}
.timeline-vertical__content {
}
.timeline-vertical__group {
position: relative;
}
.timeline-vertical__item {
position: relative;
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
padding: 40px 0;
}
.timeline-vertical__item:nth-child(even) {
}
.timeline-vertical__item:nth-child(even) .timeline-vertical__image-block {
order: -1;
}
.timeline-vertical__line {
max-width: none;
height: auto;
object-fit: contain;
}
.timeline-vertical__line-1 {
position: absolute;
top: 20px;
left: 0;
object-fit: contain;
height: 30px;
z-index: 2;
}
.timeline-vertical__line-2 {
position: absolute;
left: 0;
width: 18px;
object-fit: contain;
z-index: 2;
}
.timeline-vertical__line-2-1 {
top: 40px;
}
.timeline-vertical__line-2-2 {
top: 228px;
width: 14px;
background-repeat: repeat;
height: calc(100% - 175px - 186px);
background-size: 14px;
background-position: top;
min-height: 67px;
}
.timeline-vertical__line-2-3 {
bottom: 60px;
background: white;
z-index: 3;
width: 14px;
border-radius: 0 !important;
}
.timeline-vertical__item:nth-child(even)
.timeline-vertical__line-2.timeline-vertical__line-2-2-1 {
top: -10px;
}
.timeline-vertical__item:nth-child(even)
.timeline-vertical__line-2.timeline-vertical__line-2-2-2 {
top: 168px;
width: 17px;
background-repeat: repeat;
height: calc(100% - 175px - 136px);
background-size: 18px;
background-position: top;
min-height: 67px;
}
.timeline-vertical__item:nth-child(even)
.timeline-vertical__line-2.timeline-vertical__line-2-2-3 {
bottom: 60px;
background: white;
z-index: 3;
width: 19px;
border-radius: 0 !important;
top: auto;
}
.timeline-vertical__item:nth-child(2n + 3)
.timeline-vertical__line-2.timeline-vertical__line-2-3-1 {
top: -10px;
}
.timeline-vertical__item:nth-child(2n + 3)
.timeline-vertical__line-2.timeline-vertical__line-2-3-2 {
top: 138px;
width: 13px;
background-repeat: repeat;
height: calc(100% - 175px - 96px);
background-size: 13px;
background-position: top;
min-height: 67px;
left: -8px;
}
.timeline-vertical__item:nth-child(2n + 3)
.timeline-vertical__line-2.timeline-vertical__line-2-3-3 {
bottom: 50px;
background: white;
z-index: 3;
width: 17px;
border-radius: 0 !important;
top: auto;
left: -9px;
}
.timeline-vertical__line-3 {
position: absolute;
z-index: 2;
bottom: 0;
left: 15px;
height: 60px;
}
.timeline-vertical__item:nth-child(even) .timeline-vertical__line-1 {
left: auto;
right: 30px;
top: -40px;
}
.timeline-vertical__item:nth-child(even) .timeline-vertical__line-2 {
left: auto;
right: 0;
width: 20px;
top: 160px;
}
.timeline-vertical__item:nth-child(even) .timeline-vertical__line-3 {
left: auto;
right: 20px;
height: 50px;
}
.timeline-vertical__item:nth-child(2n + 3) .timeline-vertical__line-1 {
height: 30px;
top: -40px;
}
.timeline-vertical__item:nth-child(2n + 3) .timeline-vertical__line-2 {
width: 20px;
left: -10px;
}
.timeline-vertical__item:nth-child(2n + 3) .timeline-vertical__line-3 {
height: 50px;
}
.timeline-vertical__text-block {
padding: 0 15px;
}
.timeline-vertical__image-block {
padding: 0 15px;
align-self: center;
}
.timeline-vertical__text {
position: relative;
z-index: 1;
width: 100%;
font-size: 40px;
font-weight: 700;
text-align: center;
background-color: white;
padding: 0 30px;
color: var(--color-secondary);
margin-bottom: 35px;
display: inline-flex;
align-items: center;
justify-content: center;
height: 60px;
z-index: 3;
max-width: 340px;
}
.timeline-vertical__text-block h3 {
text-align: center;
margin-top: 0 !important;
margin-bottom: 35px;
font-size: 26px;
font-weight: 700;
}
.timeline-vertical__text-block p {
margin-bottom: 20px;
}
.timeline-vertical__text-block p:last-child {
margin-bottom: 0;
}
.timeline-vertical__point-block {
position: relative;
text-align: center;
}
.timeline-vertical__point--first {
max-width: 120px;
}
.timeline-vertical__item:first-child .timeline-vertical__text {
font-size: 60px;
}
.timeline-vertical__drop {
position: absolute;
}
.timeline-vertical__drop-1 {
bottom: -1px;
left: calc(50% + 5px);
z-index: 4;
max-width: 80px;
}
.timeline-vertical__drop-2 {
bottom: -7px;
right: calc(50% + -15px);
z-index: 4;
max-width: 80px;
}
.timeline-vertical__drop-3 {
bottom: -9px;
left: calc(50% + 5px);
z-index: 4;
max-width: 80px;
}
.timeline-vertical__point--last {
position: absolute;
bottom: -100px;
max-width: 100px;
left: calc(50% - 80px);
z-index: 3;
transform: rotateZ(180deg);
}
@media (min-width: 768px) and (max-width: 992px) {
.timeline-horizontal {
margin-bottom: 50px;
}
.timeline-vertical__text {
font-size: 32px;
max-width: 240px;
}
.timeline-vertical__text-block h3 {
font-size: 20px;
}
.timeline-vertical__item:first-child .timeline-vertical__text {
font-size: 36px;
}
.timeline-vertical__point-block .timeline-vertical__point--first {
top: -90px;
max-width: 90px;
}
}
@media (min-width: 480px) {
}
@media (min-width: 768px) {
.timeline-vertical__item-20:after {
content: "";
position: absolute;
bottom: 6px;
left: 0;
display: block;
width: 50%;
height: 30px;
background-color: white;
z-index: 2;
}
.timeline-vertical__point--first {
position: absolute;
top: -120px;
right: -50px;
z-index: 4;
max-width: 120px;
}
.hide-desktop {
display: none;
}
.timeline-vertical__text {
width: 100%;
}
.timeline-vertical__text-block {
width: 50%;
flex: 0 0 50%;
padding: 0 35px 50px;
margin-top: -95px;
}
.timeline-vertical__item:first-child .timeline-vertical__text-block {
margin-top: -40px;
}
.timeline-vertical__image-block {
width: 50%;
flex: 0 0 50%;
padding-bottom: 50px;
}
}
.type-page .content-inner article .timeline-vertical__text-block p {
line-height: 1.7;
}
.timeline-vertical__image-block img {
max-width: 480px;
margin: 0 auto;
}
.timeline-vertical__image-block {
text-align: center;
}
body.is-white-body .tooltip {
font-weight: 700;
font-family: "Roboto";
}
body.is-white-body .tooltip .tooltip-inner {
background-color: var(--color-secondary);
color: black;
}
body.is-white-body .tooltip.top .tooltip-arrow {
border-top-color: var(--color-secondary);
}
body.is-white-body .tooltip.bottom .tooltip-arrow {
border-bottom-color: var(--color-secondary);
}
@media (min-width: 1440px) {
.timeline-vertical__drop-1 {
left: calc(50% - 75px);
}
.timeline-vertical__drop-2 {
right: calc(50% - 95px);
}
.timeline-vertical__drop-3 {
left: calc(50% - 65px);
}
.timeline-vertical__point--last {
left: calc(50% - -40px);
}
}
@media (max-width: 768px) {
.timeline-vertical {
margin-top: 30px;
margin-bottom: 30px;
}
.timeline-vertical__point {
position: absolute;
top: 0;
left: 25px;
max-width: 80px;
}
.timeline-vertical__text {
margin-bottom: 25px;
}
.timeline-vertical__text-block h3 {
margin-bottom: 20px;
}
.timeline-vertical__drop,
.timeline-vertical__line-3,
.timeline-vertical__line-1 {
display: none;
}
.timeline-vertical__text-block h3,
.timeline-vertical__text-block p {
text-align: center;
}
.timeline-vertical__image-block img {
max-width: 100%;
margin: 0 auto;
padding-left: 50px;
padding-right: 0;
}
.timeline-vertical__line-2 {
left: 34px;
}
.timeline-vertical__point {
left: 0;
max-width: 80px;
z-index: 3;
}
.timeline-vertical__point:not(.timeline-vertical__point--first) {
top: -80px;
max-width: 50px;
left: 17px;
}
.timeline-vertical__point--first {
}
.timeline-vertical__point--last {
transform: rotateZ(00);
}
.timeline-vertical__point.timeline-vertical__point--last {
top: auto;
bottom: 50px;
transform: rotate(180deg);
max-width: 80px;
left: 2px;
}
.timeline-vertical__item:first-child .timeline-vertical__text {
font-size: 42px;
}
.timeline-vertical__item-1 .timeline-vertical__text-block {
margin-top: 0;
}
.timeline-vertical__text {
font-size: 30px;
}
.timeline-vertical__text-block h3 {
font-size: 22px;
}
.timeline-vertical__item-1 .timeline-vertical__point-block {
text-align: center;
}
.timeline-vertical__item-1
.timeline-vertical__point-block
.timeline-vertical__text {
text-align: center;
justify-content: center;
}
.timeline-vertical__item:nth-child(2n + 3)
.timeline-vertical__line-2.timeline-vertical__line-2-3-1 {
top: -30px;
}
.timeline-vertical__text-block {
margin-top: -110px;
}
.timeline-vertical__image-block {
text-align: center;
width: 100%;
}
.timeline-vertical__text {
max-width: none;
padding: 0;
justify-content: flex-start;
text-align: left;
}
.timeline-vertical__point-block {
text-align: left;
}
.timeline-vertical__item {
padding-bottom: 110px;
}
.timeline-vertical__item:nth-child(2n + 3)
.timeline-vertical__line-2.timeline-vertical__line-2-3-3 {
left: 34px;
}
.timeline-vertical__item:nth-child(2n + 3)
.timeline-vertical__line-2.timeline-vertical__line-2-3-2 {
top: 119px;
height: calc(100% - 175px - 96px);
left: 35px;
}
.timeline-vertical__item:nth-child(2n + 3) .timeline-vertical__line-2 {
width: 20px;
left: 33px;
}
.timeline-vertical__item:nth-child(even)
.timeline-vertical__line-2.timeline-vertical__line-2-2-2 {
top: 118px;
height: calc(100% - 175px - 86px);
}
.timeline-vertical__item:nth-child(even) .timeline-vertical__image-block {
order: 1;
margin: 0 auto;
}
.timeline-vertical__item:nth-child(even) .timeline-vertical__image-block {
order: 1;
margin: 0 auto;
}
.timeline-vertical__item:nth-child(even) .timeline-vertical__line-2 {
left: 31px;
}
.timeline-vertical__item:nth-child(even)
.timeline-vertical__line-2.timeline-vertical__line-2-2-1 {
top: -50px;
}
.timeline-vertical__point-block {
position: static;
}
.timeline-vertical__text-block {
padding: 0 20px;
padding-left: 80px;
}
.timeline-vertical__item:nth-child(even) .timeline-vertical__line-2 {
right: auto;
left: 20px;
}
.timeline-vertical__item:nth-child(even)
.timeline-vertical__line-2.timeline-vertical__line-2-2-2 {
right: auto;
left: 20px;
}
.timeline-vertical__item:nth-child(even) .timeline-vertical__line-2 {
right: auto;
left: 30px;
}
.timeline-vertical__item:nth-child(even)
.timeline-vertical__line-2.timeline-vertical__line-2-2-2 {
right: auto;
left: 33px;
}
.timeline-vertical__text-block h3 {
line-height: 1.4;
}
}
body .back-to-top {
background-color: transparent;
}
body .back-to-top:after {
content: "";
position: absolute;
top: -10px;
left: 50%;
transform: translateX(-50%) rotateZ(180deg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
display: block;
width: 60px;
height: 60px;
background-image: url("https://cdn.myshoptet.com/usr/www.giovani.sk/user/documents/upload/nas-pribeh/drop.png");
}
body .back-to-top:before {
content: "";
position: absolute;
top: 18px;
left: 50%;
transform: translateX(-50%);
width: 2px;
height: 18px;
background-color: black;
z-index: 2;
border-radius: 15px;
transition: all 0.3s ease;
display: none;
}
body.is-start-scrolling .back-to-top.is-active:before {
display: block;
}
body.is-start-scrolling .back-to-top.is-active i {
display: flex;
}
body .back-to-top i {
display: none;
font-size: 12px;
padding-bottom: 5px;
z-index: 2;
color: black;
}
body.mobile .back-to-top {
bottom: 90px;
right: 5px;
}
body .back-to-top {
bottom: 95px;
z-index: 999999;
}
@media (max-width: 768px) {
body .back-to-top:after {
top: -4px;
width: 50px;
height: 50px;
background-image: url(https://cdn.myshoptet.com/usr/www.giovani.sk/user/documents/upload/nas-pribeh/drop.png);
}
}
.custom-footer .custom-footer-left-panel .footer-item .footer-item {
width: 100%;
padding: 0;
margin-top: 25px;
}
@media (max-width: 768px) {
#footer #showHeurekaBadgeHere-12,
#footer #showHeurekaBadgeHere-11 {
text-align: center !important;
margin: 15px auto 0 !important;
}
}
@media (min-width: 768px) {
#showHeurekaBadgeHere-11 {
margin-top: 25px;
}
}
#showHeurekaBadgeHere-12,
#showHeurekaBadgeHere-11 {
display: none;
}
#footer #showHeurekaBadgeHere-12,
#footer #showHeurekaBadgeHere-11 {
display: block;
}
@media (max-width: 768px) {
#footer #showHeurekaBadgeHere-11 {
display: none;
}
}
@media (min-width: 768px) {
#footer #showHeurekaBadgeHere-12 {
display: none;
}
#showHeurekaBadgeHere-12,
#showHeurekaBadgeHere-11 {
margin-top: 25px;
}
}
/* two banners to footer */
.footer-two-banners {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin: 0 -8px;
margin-top: 15px;
width: 100%;
}
.footer-two-banners__item {
padding: 0 8px;
width: 50%;
flex: 0 0 50%;
height: 100%;
}
.footer-two-banners__link {
height: 100%;
display: block;
text-align: center;
background-color: #0f0f12;
border-radius: 20px;
padding: 20px 15px;
transition: transform 300ms ease-out;
border: 2px solid var(--color-secondary);
}
.footer-two-banners__link:hover {
transform: scale(1.01);
}
.footer-two-banners__link:hover .btn {
background-color: var(--color-secondary-hover);
border-color: var(--color-secondary-hover);
}
.footer-two-banners__link:hover .footer-two-banners__title strong {
/* color: var(--color-secondary-hover); */
}
.footer-two-banners__title {
display: block;
margin-bottom: 5px;
font-weight: 700;
color: var(--color-secondary);
font-size: 22px;
line-height: 1.3;
}
.footer-two-banners__title strong {
display: block;
color: white;
transition: color 250ms ease-out;
}
.footer-two-banners__img {
margin: 0 auto;
margin-bottom: 10px;
height: 77px;
object-fit: contain;
}
.footer-two-banners__item .btn {
min-height: 35px;
min-width: 120px;
font-weight: 700;
text-transform: uppercase;
}
@media (min-width: 769px) and (max-width: 992px) {
.footer-item.footer-item-newsletter {
width: 100%;
}
}
@media (min-width: 992px) {
.footer-item.footer-item-newsletter {
width: 60%;
}
.footer-two-banners {
margin-top: -110px;
width: 40%;
padding-left: 15px;
}
}
@media (max-width: 768px) {
.footer-two-banners {
padding: 0 15px;
}
.footer-two-banners__title {
font-size: 16px;
}
.footer-two-banners__img {
margin-bottom: 10px;
height: 67px;
}
.footer-two-banners__item .btn {
min-height: 25px;
min-width: 100px;
}
}
@media (max-width: 480px) {
.footer-two-banners__link {
padding: 10px 10px;
}
}
.product-perex {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 5;
}
.table-products table tbody tr:nth-child(11) td {
background: linear-gradient(
to bottom,
#1e0000 0%,
#310000 18%,
#986538 72%,
#986538 100%
);
}
.navigation-in > ul > li.ext > ul > li:nth-child(8) .product-perex {
-webkit-line-clamp: 4;
}
/* vlajky */
.custom-footer .custom-footer-left-panel .footer-item:empty {
display: none;
}
.flags-block {
display: flex;
flex-wrap: wrap;
align-items: center;
/* justify-content: center; */
/* margin: 0 -10px; */
width: 100%;
text-align: center;
padding: 0 20px;
margin-bottom: 5px;
padding-top: 15px;
z-index: 1;
position: relative;
border-top: 1px solid #595959;
}
.flags-block__item {
width: 50%;
/* flex: 1; */
padding: 0 7px;
margin-top: 2px;
margin-bottom: 2px;
display: block;
}
.flags-block__link {
display: block;
/* transform: scale(1); */
transition: color 250ms ease-out;
overflow: hidden;
white-space: nowrap;
color: #c9c9c9;
font-size: 14px;
line-height: 16px;
padding-top: 6px;
padding-bottom: 6px;
cursor: pointer;
display: flex;
align-items: center;
text-overflow: ellipsis;
}
.flags-block__link:focus,
.flags-block__link:hover {
text-decoration: none;
color: #fff;
/* transform: scale(1.08); */
}
.flags-block__link img {
max-width: 40px;
height: 20px;
width: 20px;
margin-right: 8px;
}
#footer ul a {
color: #c9c9c9;
}
@media (min-width: 768px) {
.flags-block {
margin-bottom: 20px;
padding-top: 25px;
padding-left: 5px;
padding-right: 5px;
/* margin-bottom: 0; */
}
.flags-block__link img {
max-width: 40px;
}
.flags-block__item {
padding: 0 12px;
margin-top: 2px;
margin-bottom: 2px;
flex: 0 0 auto;
width: 25%;
}
.custom-footer {
padding-bottom: 0;
}
}
@media (min-width: 992px) {
.flags-block__item {
flex: 0 0 auto;
width: 16.66666667%;
}
}
/* Blog */
.news-item .text .description,
.news-item .description {
display: -webkit-box !important;
-webkit-line-clamp: 5;
overflow: hidden;
}
.news-item .text .description,
.news-item .description {
-webkit-box-orient: vertical;
}
.news-item .text .description p,
.news-item .description p {
display: inline;
}
.news-item .text .description img,
.news-item .description img,
.news-item .text .description table,
.news-item .description table,
.news-item .text .description ul,
.news-item .description ul,
.news-item .text .description li,
.news-item .description li,
.news-item .text .description ol,
.news-item .description ol,
.news-item .text .description h1,
.news-item .description h1,
.news-item .text .description h2,
.news-item .description h2,
.news-item .text .description h3,
.news-item .description h3,
.news-item .text .description h4,
.news-item .description h4,
.news-item .text .description h5,
.news-item .description h5,
.news-item .text .description h6,
.news-item .description h6,
.news-item .text .description hr,
.news-item .description hr,
.news-item .text .description blockquote,
.news-item .description blockquote,
.news-item .text .description figure,
.news-item .description figure,
.news-item .text .description .rc-image-half-right,
.news-item .description .rc-image-half-right,
.news-item .text .description .rc-image-half-left,
.news-item .description .rc-image-half-left,
.news-item .text .description .rc-image-right,
.news-item .description .rc-image-right,
.news-item .text .description .rc-image-left,
.news-item .description .rc-image-left {
display: none;
}
.type-posts-listing h1 {
text-align: center;
font-size: 26px;
font-weight: 700;
margin-bottom: 25px;
}
.type-post .sidebar,
.type-posts-listing .sidebar {
order: 1;
}
@media (min-width: 992px) {
.type-post.desktop.multiple-columns-body .content,
.type-posts-listing.desktop.multiple-columns-body .content {
padding-left: 0;
padding-right: 40px;
}
}
.blog-nav {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0 -10px 40px;
}
.blog-nav__item {
width: 100%;
padding: 0 10px;
margin: 10px 0;
}
.blog-nav__link {
position: relative;
display: block;
overflow: hidden;
border-radius: 25px;
border: 3px solid var(--color-secondary);
}
.blog-nav__link img {
overflow: hidden;
height: 100%;
width: 100%;
border-radius: 20px;
object-fit: cover;
transition: all 250ms ease-out;
}
.blog-nav__link:hover img {
transform: scale(1.05);
}
.blog-nav__text {
padding: 0 10px;
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 100%;
height: 100%;
color: white;
font-weight: 700;
margin: 0;
font-size: 18px;
z-index: 2;
}
.blog-nav__text:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-image: url("/user/documents/upload/blog/txt-bg.png");
}
body.type-posts-listing .news-item:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
@media (min-width: 480px) {
.blog-nav__item {
width: 50%;
}
.type-posts-listing h1 {
font-size: 32px;
}
.blog-nav__text {
font-size: 22px;
}
}
@media (min-width: 992px) {
.blog-nav__text {
font-size: 22px;
}
.type-posts-listing h1 {
font-size: 36px;
}
.blog-nav__item {
width: 25%;
}
}
body:not(.in-blog).type-posts-listing .blog-nav__item .blog-nav__link:before {
content: "";
position: absolute;
top: 0;
left: 0;
background-color: var(--color-secondary);
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
}
body:not(.in-blog).type-posts-listing .blog-nav__link:hover img {
opacity: 1;
}
body.in-svet-vuni.type-posts-listing
.blog-nav__item.svet
.blog-nav__link:before {
opacity: 0.5;
}
body.in-rady-a-tipy.type-posts-listing
.blog-nav__item.rady
.blog-nav__link:before {
opacity: 0.5;
}
body.in-parfumy-na-prani.type-posts-listing
.blog-nav__item.parfumy
.blog-nav__link:before {
opacity: 0.5;
}
body.in-o-nas-a-o-znacce-giovani.type-posts-listing
.blog-nav__item.o-nas
:before {
opacity: 0.5;
}
/*
body.in-svet-voni.type-posts-listing .blog-nav__item.svet .blog-nav__text {
color: var(--color-secondary);
}
body.in-o-nas-a-o-znacke-giovani.type-posts-listing
.blog-nav__item.o-nas
.blog-nav__text {
color: var(--color-secondary);
}
body.in-parfumy-na-pranie.type-posts-listing
.blog-nav__item.parfumy
.blog-nav__text {
color: var(--color-secondary);
}
body.in-rady-a-tipy.type-posts-listing .blog-nav__item.rady .blog-nav__text {
color: var(--color-secondary);
} */
.type-posts-listing .news-wrapper {
margin-top: 0;
}
.type-posts-listing .news-item .btn {
min-height: 40px;
}
.type-posts-listing .news-item .btn:after {
content: "\e90e";
display: inline-block;
margin-left: 10px;
font-family: "apollo" !important;
color: black;
font-size: 12px;
}
.news-tag {
display: inline-flex;
align-items: center;
padding: 2px 8px;
background-color: var(--color-secondary);
color: white;
font-size: 13px;
border-radius: 10px;
margin-top: -10px;
margin-bottom: 15px;
min-height: 20px;
}
.news-tag.parfumy {
background-color: #e7cb7f;
}
.news-tag.svet-voni {
background-color: #c0972b;
}
.news-tag.rady {
background-color: #666666;
}
.news-tag.o-znacke {
background-color: #000000;
}
.news-tag.parfumy:hover {
background-color: #ccb36e;
color: white;
}
.news-tag.svet-voni:hover {
background-color: #a68326;
color: white;
}
.news-item time,
.news-item-detail time {
font-weight: 400;
}
.news-item .reading-time,
.news-item-detail .reading-time {
border-left: 0;
}
.news-item .reading-time,
.news-item-detail .reading-time,
.news-item time,
.news-item-detail time {
color: #666666;
}
.news-item-detail .next-prev .btn {
background-color: var(--color-secondary);
border-color: var(--color-secondary);
color: #000;
}
.news-item-detail .next-prev .btn:hover {
background-color: var(--color-secondary-hover);
border-color: var(--color-secondary-hover);
color: #000;
}
.news-item-detail img {
border-radius: 20px;
overflow: hidden;
}
.news-tag.rady:hover {
background-color: #666666;
color: white;
}
.news-tag.o-znacke:hover {
background-color: #000000;
color: white;
}
.news-image-main {
display: block;
width: 100%;
margin-bottom: 30px;
}
.news-item-detail .text {
margin-top: 40px;
}
.news-item-detail .text img[style*="float: right"] {
margin-left: 30px;
margin-bottom: 20px;
}
.type-post .news-tag {
margin-bottom: 0;
margin-right: 25px;
}
.type-post .content-inner h1 {
line-height: 1.4;
}
.type-post .blog-nav {
margin-bottom: 30px;
margin-top: 40px;
margin-left: -5px;
margin-right: -5px;
}
.blog-headline-text {
position: absolute;
bottom: 0;
left: 0;
padding: 0 20px 20px;
z-index: 2;
}
.type-post .blog-nav__item {
padding: 0 5px;
margin: 5px 0;
}
.type-post .blog-nav__text {
font-size: 18px;
}
.blog-headline {
position: relative;
overflow: hidden;
border-radius: 20px;
}
.news-item-detail .reading-time,
.news-item-detail time,
.type-post .content-inner h1 {
color: white;
}
.blog-headline img {
position: relative;
z-index: 0;
object-fit: cover;
}
.blog-headline:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
display: block;
background: rgb(2, 0, 36);
background: linear-gradient(
180deg,
rgba(2, 0, 36, 0.1) 0%,
rgba(0, 0, 0, 1) 100%
);
}
@media (min-width: 768px) and (max-width: 1200px) {
.type-post .blog-nav__item {
width: 50%;
}
}
.type-posts-listing .accordion--classic {
margin-top: 25px;
}
.type-posts-listing .banner-group {
margin-bottom: 20px;
}
@media (min-width: 768px) {
.type-post .news-tag {
padding: 4px 15px;
font-size: 16px;
}
.blog-headline-text {
padding: 0 30px 30px;
}
.news-item .reading-time,
.news-item-detail .reading-time,
.news-item time,
.news-item-detail time {
font-size: 14px;
}
.news-tag {
font-size: 14px;
margin-bottom: 25px;
}
.type-posts-listing .news-item {
width: 100%;
max-width: 100%;
flex: 0 0 100%;
margin-right: 0;
margin-bottom: 20px;
padding-bottom: 20px;
background-color: transparent;
border-radius: 0;
box-shadow: none;
border-bottom: 2px solid var(--color-secondary);
}
.blog-nav {
margin: 0 -10px 60px;
}
.type-posts-listing .news-item .text .title {
font-size: 22px;
}
.type-posts-listing .news-item .image {
margin-right: 0;
width: 300px;
border-radius: 20px;
height: 100%;
flex: 1;
}
.type-posts-listing .news-item .text .description p {
line-height: 1.6;
font-size: 15px;
}
.type-posts-listing .news-item .image + .text {
height: auto;
align-self: center;
padding: 20px 20px 20px 40px;
}
.type-posts-listing .news-item .text-center {
position: relative;
bottom: auto;
text-align: left;
margin-top: 25px;
left: auto;
transform: translate(0);
width: auto;
}
.type-posts-listing .news-wrapper {
}
.type-posts-listing .news-item {
display: flex;
flex-wrap: wrap;
margin-bottom: 40px;
padding-bottom: 40px;
}
}
.type-posts-listing .content-inner h1 {
display: none;
}
.type-posts-listing .pagination-top {
opacity: 0;
visibility: hidden;
}
.pagination-appendix {
display: none;
}
.news-item time,
.news-item-detail time {
margin-bottom: 0;
}
.news-item .text .description,
.news-item .description {
margin-top: 15px;
}
.author {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
position: relative;
}
.author-image {
position: relative;
width: 100px;
height: 100px;
border-radius: 100%;
overflow: hidden;
background-color: white;
border: 2px solid var(--color-secondary);
}
.author .author-image img {
border-radius: 100%;
margin: 0 !important;
overflow: hidden;
height: 100%;
width: 100%;
object-fit: cover;
}
.author-text {
padding-left: 30px;
flex: 1;
}
.author-text__title {
font-weight: 400;
font-size: 18px;
display: block;
line-height: 1;
}
.author .author-text__name a {
text-decoration: none;
}
.author-text__name {
font-size: 18px;
font-weight: 700;
margin-top: 8px;
display: block;
line-height: 1.2;
}
.author-text__link {
margin-left: 30px;
width: 40px;
height: 40px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: transform 250ms ease-out;
/* position: absolute;
top: 0;
right: ; */
}
.author-text__link:hover {
transform: scale(1.05);
}
.author .author-text__link.linkedin {
width: 40px;
height: 40px;
text-decoration: none;
background-position: center;
background-size: contain;
background-image: url(/user/documents/upload/blog/linkedin.svg);
}
.sidebar-inner > div.banner.box-support {
display: none;
}
.type-post .sidebar-inner > div.banner.box-support,
.type-posts-listing .sidebar-inner > div.banner.box-support {
display: block;
}
@media (max-width: 480px) {
.blog-headline img {
height: 350px;
}
.author-image {
width: 80px;
height: 80px;
}
.author-text {
padding-left: 20px;
}
.author-text__link {
margin-left: 20px;
width: 35px;
height: 35px;
}
.news-item .reading-time,
.news-item-detail .reading-time {
font-size: 12px;
}
.blog-nav__link {
height: 70px;
}
.blog-nav__item {
margin: 5px 0;
}
.blog-nav {
margin: 0 -15px 20px;
}
.news-item .text-center {
max-width: 190px;
}
.blog-nav__link img {
opacity: 0.75;
}
}
@media (min-width: 992px) {
.type-posts-listing .news-item .image {
width: 400px;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.type-posts-listing .news-item {
margin-left: 10px;
margin-right: 10px;
}
.type-posts-listing .news-item .image {
margin-right: 0;
}
}
@media (min-width: 993px) and (max-width: 1200px) {
.type-posts-listing .news-item .image {
width: 220px;
}
.desktop.type-posts-listing .news-item {
width: 100%;
max-width: 100%;
flex: 0 0 100%;
}
}
@media (min-width: 992px) and (max-width: 1440px) {
.type-posts-listing .news-item .image {
width: 300px;
flex: 0 0 300px;
}
}
/* UPdate */
.table-products table tbody tr:nth-child(12) td {
background: linear-gradient(
to bottom,
#ffffff 0%,
#ffffff 18%,
#d5e9f6 72%,
#d5e9f6 100%
);
}
.table-products table tbody tr:nth-child(12) td .product-table-text {
color: black;
}
.table-products table tbody tr:nth-child(13) td {
background: linear-gradient(
to left,
#ce2b3766 0%,
#ce2b3766 33.33333333333333%,
#f1f2f16b 33.33333333333333%,
#f1f2f16b 66.66666666666666%,
#0092466b 66.66666666666666%,
#00924666 99.99999999999999%
);
}
.table-products table tbody tr:nth-child(13) td .product-table-text {
color: black;
}
.news-item-detail .text a {
color: var(--color-secondary);
}
/* Show more */
.fvstudio-showmore-wrapper {
text-align: left;
padding: 5px 0;
}
.fvstudio-showmore-wrapper a:after {
font-size: 14px;
}
.fvstudio-showmore-wrapper a:hover {
text-decoration: underline;
color: var(--color-secondary);
}
.fvstudio-showmore-wrapper a {
color: var(--color-secondary);
}
.category-perex + h4 {
display: none;
}
/* Price box */
.detail-price-inner {
display: inline-block;
border: 2px solid var(--color-primary);
padding: 10px 15px 0px;
border-radius: 20px;
background-color: var(--color-secondary);
}
.p-info-wrapper .p-final-price-wrapper .price-standard {
margin-right: 10px;
color: var(--color-primary);
}
@media (max-width: 480px) {
.basic-description div.plus-gallery-item {
width: 50% !important;
}
}
/*
Vzorky variant
*/
#simple-variants
.advanced-parameter.advanced-parameter-images
.advanced-parameter-inner
.advanced-parameter__text-block {
min-height: 50px;
}
#simple-variants .advanced-parameter.advanced-parameter-images,
#simple-variants
.advanced-parameter.advanced-parameter-images
.advanced-parameter-inner {
max-height: none;
}
#simple-variants
.advanced-parameter.advanced-parameter-images
.advanced-parameter-inner
> .advanced-parameter__image-block {
display: none;
}
#simple-variants
.advanced-parameter.advanced-parameter-images
.advanced-parameter__image-block {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
max-width: none;
justify-content: flex-start;
mix-blend-mode: multiply;
height: auto;
}
#simple-variants
.advanced-parameter.advanced-parameter-images
.advanced-parameter__price {
min-width: 120px;
text-align: right;
}
#simple-variants
.advanced-parameter.advanced-parameter-images
.advanced-parameter__image-block
img {
margin-right: -4px;
max-width: 48px;
object-fit: contain;
margin-top: 4px;
}
#simple-variants .advanced-parameter.advanced-parameter-images {
flex-direction: row-reverse;
}
#simple-variants
.advanced-parameter-images
.advanced-parameter-inner
.advanced-parameter__text-block {
width: 100%;
}
/* #simple-variants .advanced-parameter.advanced-parameter-images .advanced-parameter__text-block strong:after{
content: ':';
} */
/* Submenu */
.submenu-visible .navigation-in > ul > li.ext.exp > ul {
align-items: normal;
}
.navigation-in > ul > li.ext > ul > li > div > a {
display: flex;
flex-wrap: wrap;
}
.navigation-in > ul > li.ext > ul > li a small {
text-transform: uppercase;
position: relative;
background: #111;
border-radius: 35px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 2px 10px;
font-size: 11px;
font-style: normal;
color: var(--color-secondary);
margin-left: 4px;
}
.navigation-in > ul > li.ext > ul > li a small.tag-type {
/* color: white; */
}
.navigation-in ul.menu-level-2 .product-perex {
order: 1;
font-size: 13px;
-webkit-line-clamp: 3;
}
.navigation-in > ul > li.ext > ul > li:hover {
background-color: rgb(231 203 127 / 25%);
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25);
}
.navigation-in > ul > li.ext > ul > li:hover a span:not(.product-perex) {
color: var(--color-primary);
}
.navigation-in > ul > li.ext > ul > li > a.menu-image {
mix-blend-mode: multiply;
}
.navigation-in > ul > li.ext > ul > li a small.tag-type {
color: white;
}
.navigation-in > ul > li.ext > ul > li a small.svěží {
background-color: #68cbd0;
}
.navigation-in > ul > li.ext > ul > li a small.kořeněná {
background-color: #cbcefb;
}
.navigation-in > ul > li.ext > ul > li a small.sladká {
background-color: #ffccc9;
}
.navigation-in > ul > li.ext > ul > li a small.limited,
.navigation-in > ul > li.ext > ul > li a small.limitka {
color: white;
background-color: #ffce93;
}
.navigation-in > ul > li.ext > ul > li a small.sladko-svěží {
background: linear-gradient(to right, #ffccc9 0%, #68cbd0 100%);
}
.navigation-in > ul > li.ext > ul > li a small.sladce-kořeněná {
background: linear-gradient(to right, #ffccc9 0%, #cbcefb 100%);
}
.navigation-in > ul > li.ext > ul > li a small.svěží-pudrová {
background: linear-gradient(to right, #68cbd0 0%, #89cff0 100%);
}
.navigation-in > ul > li.ext > ul > li a small.orientální-sladká {
background: linear-gradient(to right, #250c2d 0%, #ffccc9 100%);
}
.navigation-in > ul > li.ext > ul > li:nth-child(8) .product-perex {
-webkit-line-clamp: 3;
}
.navigation-in > ul > li.ext > ul > li {
width: 100%;
flex-basis: 100%;
margin-bottom: 10px;
border: 2px solid var(--color-secondary);
border-radius: 20px;
padding: 8px 10px;
transition: all 250ms ease-out;
}
.navigation-in > ul > li.ext > ul > li > a.menu-image {
width: 120px;
}
.navigation-in > ul > li.ext > ul > li > a img {
max-width: 120px;
max-height: 120px;
transform: scale(1.2);
}
.navigation-in > ul > li.ext > ul > li a span {
display: block;
width: 100%;
}
@media (max-width: 767px) {
.navigation-in > ul > li.ext > ul > li > a.menu-image {
width: 100px;
padding: 0;
overflow: visible;
}
.is-header-black .responsive-tools > a[data-target="navigation"]:after {
color: var(--color-secondary);
}
.navigation-in > ul > li.ext > ul > li {
padding: 10px 10px;
}
.navigation-in > ul > li.ext > ul > li > div {
width: calc(100% - 100px);
}
.navigation-in > ul > li.ext > ul > li > div {
padding: 0;
}
.navigation-in > ul > li.ext > ul > li > a img {
max-width: 100px;
max-height: 100px;
transform: scale(1.2);
}
.navigation-in > ul > li.ext > ul > li a small {
margin-right: 4px;
margin-top: 4px;
}
#simple-variants
.advanced-parameter.advanced-parameter-images
.advanced-parameter__image-block
img {
max-width: 40px;
}
}
.flags-extra .price-save {
color: black;
}
@media (min-width: 768px) {
.navigation-in > ul > li.ext > ul > li a small {
margin-top: 8px;
margin-left: 0;
}
.navigation-in > ul > li.ext > ul > li a span small {
margin-top: 4px;
margin-bottom: 4px;
}
.navigation-in > ul > li.ext > ul > li a > div {
display: block;
width: 100%;
}
.navigation-in > ul > li.ext > ul > li {
width: calc(50% - 5px);
flex-basis: calc(50% - 5px);
margin-right: 5px;
margin-bottom: 5px;
border: 2px solid var(--color-secondary);
border-radius: 20px;
padding: 8px 10px;
}
.navigation-in ul.menu-level-2 .product-perex {
display: none;
}
.navigation-in ul.menu-level-2 li a {
padding-top: 5px;
padding-bottom: 5px;
}
.navigation-in > ul > li.ext > ul > li:hover > div .product-perex {
display: -webkit-box;
}
.navigation-in > ul > li.ext > ul > li:hover > div a span {
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.navigation-in > ul > li.ext > ul > li:hover > div small {
display: none;
}
.navigation-in > ul > li.ext > ul > li > div {
padding-right: 0;
}
.navigation-in > ul > li.ext > ul > li > a.menu-image {
width: 120px;
}
.navigation-in > ul > li.ext > ul > li > a img {
max-width: 120px;
max-height: 120px;
transform: scale(1.2);
}
}
@media (min-width: 992px) {
.navigation-in > ul > li.ext > ul > li {
width: calc(33.33% - 10px);
flex-basis: calc(33.33% - 10px);
margin-right: 10px;
margin-bottom: 10px;
}
}
@media (min-width: 1200px) {
.navigation-in > ul > li.ext > ul > li {
width: calc(25% - 15px);
flex-basis: calc(25% - 15px);
margin-right: 15px;
margin-bottom: 15px;
}
}
/* UPdate */
.table-products table tbody tr:nth-child(12) td {
background: linear-gradient(
to bottom,
#ffffff 0%,
#ffffff 18%,
#d5e9f6 72%,
#d5e9f6 100%
);
}
.table-products table tbody tr:nth-child(12) td .product-table-text {
color: black;
}
.table-products table tbody tr:nth-child(13) td {
background: linear-gradient(
to left,
#ce2b3766 0%,
#ce2b3766 33.33333333333333%,
#f1f2f16b 33.33333333333333%,
#f1f2f16b 66.66666666666666%,
#0092466b 66.66666666666666%,
#00924666 99.99999999999999%
);
}
.table-products table tbody tr:nth-child(13) td .product-table-text {
color: black;
}
.news-item-detail .text a {
color: var(--color-secondary);
}
/* Note */
body.id--17 label[for="add-note"] {
font-size: 20px;
padding-left: 50px !important;
margin-bottom: 15px;
margin-top: 35px;
position: relative;
pointer-events: none;
line-height: 1.2;
}
body.id--17 label[for="add-note"]:before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 36px;
height: 36px;
font-weight: 400;
background-size: contain;
background-image: url(/user/documents/upload/edit.svg);
background-repeat: no-repeat;
background-position: center;
line-height: 1;
display: block !important;
transform: translateY(-50%);
border: 0;
border-radius: 0;
mix-blend-mode: multiply;
}
@media (max-width: 767px) {
body.id--17 label[for="add-note"] {
font-size: 16px;
padding-left: 35px !important;
}
body.id--17 label[for="add-note"]:before {
width: 24px;
height: 24px;
}
body.id--17 label[for="add-note"]:before {
left: 20px;
}
body.id--17 label[for="add-note"] {
margin-left: -20px;
margin-right: -12px;
background: #f6f6f6;
width: calc(100% + 40px);
padding: 15px 15px 15px 55px !important;
border-top: 1px solid var(--color-tertiary);
border-bottom: 1px solid var(--color-tertiary);
}
body.id--17 .box-sm.co-contact-information h4 {
margin-left: -15px;
margin-right: -15px;
background: #f6f6f6;
width: calc(100% + 30px);
padding: 15px 15px 15px 55px;
border-top: 1px solid var(--color-tertiary);
border-bottom: 1px solid var(--color-tertiary);
margin-top: -21px;
border-radius: 20px 0 0 0;
margin-bottom: 5px;
}
.id--17 .co-box.box h4:before,
.id--17 .co-box h4:before {
left: 20px;
}
body.id--17 .box-sm h4 {
margin-left: -15px;
margin-right: -15px;
background: #f6f6f6;
width: calc(100% + 30px);
padding: 15px 15px 15px 55px;
border-top: 1px solid var(--color-tertiary);
border-bottom: 1px solid var(--color-tertiary);
}
}
@media (max-width: 992px) {
.in-index #products-1.products-block.products > div:nth-child(n + 15) {
display: none !important;
}
}
@media (max-width: 767px) {
body .free-gifts--fake .free-gift--fake {
flex-wrap: nowrap;
}
body .free-gifts--fake .free-gift--fake .free-gift-info {
margin-right: 0;
}
}
.navigation-in > ul > li.ext > ul > li * {
cursor: pointer;
}
.benefitBanner__picture img {
mix-blend-mode: normal;
}
#footer #showHeurekaBadgeHere-12,
#footer #showHeurekaBadgeHere-11 {
margin-top: 15px;
}
.in-nas-pribeh-test,
.in-nas-pribeh {
background-color: white;
}
:root {
--cookies-notice-background: #000;
--cookies-notice-color: #fff;
}
.siteCookies__link {
background-color: var(--color-secondary);
color: #000;
}
.siteCookies__link:hover {
background-color: var(--color-secondary-hover);
color: #000;
}
@media (max-width: 480px) {
.in-index:not(.is-products-slider-mobile)
.products-block:not(.products-additional)
.product:last-child {
margin-right: 0;
}
}
.news-wrapper .news-item .containr_2,
.news-wrapper .news-item .containr_3,
.news-wrapper .news-item .containr_4,
.news-wrapper .news-item .containr {
display: block;
}
.news-wrapper .news-item .description .text {
padding: 0;
}
.news-wrapper .news-item .description .text .text-center {
display: none;
}
@media (min-width: 992px) {
.type-posts-listing .news-item .image {
max-width: 400px;
}
}
.basic-description img {
border-radius: 10px;
}
@media (max-width: 768px) {
.basic-description img.img-offset-left-mobile {
left: 0;
}
}
/* update Mobile header */
@media (max-width: 767px) {
.header-info-bar-addon .header-info-bar.has-cross .header-info-bar__content {
padding-left: 8px;
padding-right: 28px;
justify-content: flex-start;
text-align: left;
}
.header-info-bar-addon .header-info-bar.is-centered .header-info-bar__text {
justify-content: flex-start;
text-align: left;
}
.header-info-bar-addon .header-info-bar {
font-size: 12px;
}
.header-info-bar-addon .header-info-bar__close {
flex: 0 0 32px;
height: 41px;
width: 30px;
}
.header-info-bar-addon .header-info-bar__icon.hib-ico:before {
font-size: 24px;
left: -2px;
position: relative;
}
.search .btn.btn-default:before,
.search a.btn.btn-default:before {
color: black;
}
}
@media (max-width: 767px) {
#navigation {
width: 100%;
}
.responsive-tools > a[data-target="navigation"]:after {
font-size: 11px;
bottom: 5px;
}
#navigation {
transform: translateX(-100%);
}
.navigation-window-visible #navigation {
transform: translateX();
}
.top-navigation-bar .site-name {
left: calc(50% - 90px + 50px);
transform: translateX(-50%);
}
.responsive-tools .click-cart {
padding-right: 0;
}
.responsive-tools > a[data-target="navigation"] {
right: auto;
position: absolute;
top: 0;
left: 0;
}
.navigation-window-visible .responsive-tools {
margin-right: -10px;
}
.is-header-black.navigation-window-visible
.responsive-tools
> a[data-target="navigation"] {
background-color: var(--color-secondary);
}
.top-navigation-bar .container > div.site-name {
margin-left: 30px;
}
.carousel .extended-banner-text.extended-banner-text--big:not(:empty) {
margin-top: 35px;
line-height: 1.4;
}
.responsive-tools .click-cart .cart-count,
.responsive-tools > a .cart-count {
font-size: 12px;
}
/* .responsive-tools .click-cart {
border: 1px solid var(--color-secondary);
padding: 2px 10px;
border-top: 0;
border-right: 0;
margin-right: -10px;
border-radius: 0 0 0 8px;
} */
.responsive-tools .click-cart {
border: 1px solid var(--color-secondary);
padding: 2px 10px;
border-top: 0;
border-right: 0;
margin-right: -10px;
border-radius: 0 0 0 8px;
background: var(--color-secondary);
color: black;
}
.responsive-tools .click-cart .cart-count,
.responsive-tools > a .cart-count {
color: black;
}
.is-header-black a.btn.cart-count.full i {
background: white;
border: 1px solid black;
color: black;
}
#header .container {
padding: 0 10px;
}
.search .btn.btn-default,
.search a.btn.btn-default {
border-radius: 0 3px 3px 0;
}
}
/* back to top */
body .back-to-top {
background-color: transparent;
}
body .back-to-top:after {
content: "";
position: absolute;
top: -10px;
left: 50%;
transform: translateX(-50%) rotateZ(180deg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
display: block;
width: 60px;
height: 60px;
background-image: url("/user/documents/upload/drop.png");
}
body .back-to-top:before {
content: "";
position: absolute;
top: 18px;
left: 50%;
transform: translateX(-50%);
width: 2px;
height: 18px;
background-color: black;
z-index: 2;
border-radius: 15px;
transition: all 0.3s ease;
display: none;
}
body.is-start-scrolling .back-to-top.is-active:before {
display: block;
}
body.is-start-scrolling .back-to-top.is-active i {
display: flex;
}
body .back-to-top i {
display: none;
font-size: 12px;
padding-bottom: 5px;
z-index: 2;
color: black;
}
body.mobile .back-to-top {
bottom: 90px;
right: 5px;
}
body .back-to-top {
bottom: 95px;
z-index: 999999;
}
@media (max-width: 768px) {
body .back-to-top:after {
top: -4px;
width: 50px;
height: 50px;
background-image: url(/user/documents/upload/drop.png);
}
}
.navigation-in > ul > li.ext > ul > li {
overflow: hidden;
}
@media (min-width: 768px) {
.header-info-bar-addon .header-info-bar {
z-index: 9999;
}
.navigation-in > ul > li.ext > ul {
transition: opacity 200ms ease-out;
}
}
.table-products table tbody tr:nth-child(14) td {
background: linear-gradient(
to bottom,
#ffffff 0%,
#ffffff 18%,
#ffe484 72%,
#ffb861 100%
);
}
.table-products table tbody tr:nth-child(14) td .product-table-text {
color: black;
}
.table-products table tbody tr:nth-child(15) td {
background: linear-gradient(
180deg,
#d9d9d9 0%,
#494949 31.88%,
#121011 57.43%,
#165869 94%
);
}
.table-products table tbody tr:nth-child(16) td {
background: linear-gradient(
180deg,
#d9d9d9 0%,
#494949 31.88%,
#121011 57.43%,
#8199d7 94%
);
}
.navigation-in > ul > li.ext > ul > li a small.sladká-pudrová {
background: linear-gradient(to right, #68cbd0 0%, #ffccc9 100%);
}
.navigation-in > ul > li.ext > ul > li a small.pánská-svěží-kořeněná {
background: linear-gradient(to right, #68cbd0 0%, #cbcefb 100%);
}
/* Update blog , basket upsell */
body.fvStudio-Classic .fvDoplnek-produkt form input[type="checkbox"]:checked {
accent-color: #b18e2f;
}
.fvDoplnek .fvDoplnek-produkt form img[src*="odmerka"] {
position: relative;
top: -10px;
transform: scale(1.5);
}
.in-index .news-item .text .description,
.in-index .news-item .description {
display: none !important;
}
.in-index .news-block .btn.btn-secondary {
background-color: var(--color-secondary);
border-color: var(--color-secondary);
color: black;
}
.in-index .news-block .btn.btn-secondary:hover {
background-color: var(--color-secondary-hover);
border-color: var(--color-secondary-hover);
color: black;
}
.in-index .news-block .btn.btn-primary,
.in-index .news-block a.btn.btn-primary,
.in-index .news-block .btn.btn-primary,
.in-index .news-block a.btn.btn-primary {
background-color: var(--color-primary);
color: #fff;
border-color: var(--color-primary);
}
.in-index .news-block .btn.btn-primary:hover,
.in-index .news-block a.btn.btn-primary:hover,
.in-index .news-block .btn.btn-primary:hover,
.in-index .news-block a.btn.btn-primary:hover {
background-color: var(--color-secondary-hover);
color: #000;
border-color: var(--color-secondary-hover);
}
.in-index .faq-block .h4,
.homepage-box.welcome-wrapper + .news-block,
.in-index .news-item .reading-time {
display: none;
}
.news-block {
margin-bottom: 0;
}
.in-index .news-item .text-center {
bottom: 15px;
}
.in-index .news-item .text {
padding: 20px 15px 70px;
}
.in-index .news-item .text .title {
margin-bottom: 5px;
}
.in-index #footer {
margin-top: 50px;
}
@media (min-width: 480px) {
.in-index .news-item .image + .text {
padding: 20px 15px 80px;
}
.in-index .news-item .text .title {
margin-bottom: 8px;
}
}
@media (min-width: 768px) {
.in-index .news-block {
margin-top: 50px;
margin-bottom: 0px;
}
.in-index #footer {
margin-top: 170px;
}
}
/* advanced parameter sold-out */
#simple-variants .has-watchdog-btn .advanced-parameter-inner {
pointer-events: auto;
}
#simple-variants
.has-watchdog-btn
.advanced-parameter-inner
.advanced-parameter__price {
padding-bottom: 10px;
}
#simple-variants .advanced-parameter {
position: relative;
}
.advanced-parameter__old-price {
display: inline-flex;
align-items: center;
font-size: 10px;
font-weight: 700;
color: #000;
border-radius: 5px;
padding: 1px 10px;
min-height: 20px;
letter-spacing: 0.5px;
background: var(--color-secondary);
text-transform: uppercase;
position: absolute;
bottom: -5px;
right: 6px;
z-index: 4;
border: 1px solid black;
}
#simple-variants .has-watchdog-btn .advanced-parameter-inner.yes-before:after {
margin-top: -10px;
}
.advanced-parameter__old-price:hover {
background: var(--color-secondary-hover);
}
.advanced-parameter__price {
text-align: right;
}
.yes-before .advanced-parameter__old-price {
background-color: black;
color: white;
}
.upsell-group:before {
border-radius: 5px;
border: 1px solid black;
}
@media (min-width: 768px) {
.advanced-parameter__old-price {
display: inline-flex;
align-items: center;
font-size: 11px;
letter-spacing: 0.5px;
font-weight: 700;
color: #000;
padding: 1px 8px;
min-height: 20px;
right: 15px;
background: var(--color-secondary);
text-transform: uppercase;
}
}
@media (max-width: 480px) {
.advanced-parameter__price {
font-size: 12px;
}
}
.type-posts-listing .news-item .text {
overflow: hidden;
}
@media (min-width: 992px) {
.type-posts-listing .news-item .image {
max-width: 400px;
}
}
/* update menu */
@media (min-width: 768px) {
.navigation-in > ul > li.ext > ul > li {
padding: 0;
align-items: normal;
}
.navigation-in > ul > li.ext > ul > li > a.menu-image {
width: 112px;
}
.navigation-in > ul > li.ext > ul > li > a.menu-image {
padding-right: 10px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
}
.navigation-in > ul > li.ext > ul > li > div {
padding-right: 0;
display: block;
align-items: center;
flex: auto;
}
.navigation-in > ul > li.ext > ul > li a small {
margin-top: 5px;
align-self: flex-start;
max-width: max-content;
}
.navigation-in > ul > li.ext > ul > li > div > a {
display: inline-flex;
flex-wrap: wrap;
height: 100%;
width: 100%;
flex-direction: column;
justify-content: center;
padding-right: 5px;
}
.submenu-visible .navigation-in > ul > li.exp > ul {
padding-bottom: 10px;
padding-top: 20px;
}
}
/* custom submenu */
/* .categories#cat-813,
.navigation-in ul li.menu-item-813 {
display: none !important;
}
.admin-logged .navigation-in ul li.menu-item-813 {
display: block !important;
} */
.navigation-in ul.menu-level-2 .menu-left-panel a,
.navigation-in ul.menu-level-2 .menu-right-panel a {
padding: 0;
}
.navigation-in ul.menu-level-2 .menu-center-panel {
width: 100%;
}
.navigation-in ul.menu-level-2 .menu-left-panel {
width: 100%;
}
.navigation-in ul.menu-level-2 .menu-right-panel {
width: 100%;
}
.menu-link-left,
.menu-link-right {
position: relative;
display: block;
overflow: hidden;
border-radius: 25px;
border: 2px solid var(--color-secondary);
}
.menu-link-left .menu-link-title,
.menu-link-right .menu-link-title {
padding: 0 10px;
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 100%;
height: 100%;
color: white;
font-weight: 700;
margin: 0;
font-size: 18px;
z-index: 2;
line-height: 1.4;
}
.menu-link-left img,
.menu-link-right img {
overflow: hidden;
height: 100%;
width: 100%;
border-radius: 20px;
object-fit: cover;
transition: all 250ms ease-out;
}
.menu-link-left:hover img,
.menu-link-right:hover img {
transform: scale(1.05);
}
.menu-link-left {
margin-bottom: 15px;
}
.menu-link-left:last-child {
margin-bottom: 0;
}
.navigation-in ul.menu-level-2 .menu-center-panel ul li {
width: 100%;
flex-basis: 100%;
margin-bottom: 10px;
border: 2px solid var(--color-secondary);
border-radius: 20px;
padding: 8px 10px;
transition: all 250ms ease-out;
}
.navigation-in ul.menu-level-2 .menu-center-panel ul li a.menu-image {
position: relative;
flex-grow: 0;
flex-shrink: 0;
flex-basis: auto;
align-items: center;
mix-blend-mode: multiply;
}
.navigation-in ul.menu-level-2 .menu-center-panel ul li > div {
}
.navigation-in ul.menu-level-2 .menu-center-panel ul li > div > a {
}
.navigation-in ul.menu-level-2 .menu-center-panel ul li > div small {
text-transform: uppercase;
position: relative;
background: #111;
border-radius: 35px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 2px 10px;
font-size: 11px;
font-style: normal;
color: var(--color-secondary);
margin-left: 4px;
}
.navigation-in ul.menu-level-2 .menu-center-panel ul li a span {
/* display: block; */
width: 100%;
text-transform: uppercase;
/* transition: color 250ms ease-out;
order: 1;
font-size: 13px;
-webkit-line-clamp: 3; */
}
.navigation-in ul.menu-level-2 .menu-center-panel ul li a span .product-perex {
order: 1;
font-size: 13px;
-webkit-line-clamp: 3;
}
@media (min-width: 768px) {
.menu-center-panel ul {
width: calc(100% + 15px);
}
.submenu-visible .navigation-in > ul > li.exp > ul.custom-submenu {
padding-bottom: 20px;
}
.navigation-in ul.menu-level-2 .menu-center-panel ul li a span {
/* display: none; */
}
.navigation-in ul.menu-level-2 .menu-center-panel li:hover {
background-color: rgb(231 203 127 / 25%);
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25);
}
.navigation-in ul.menu-level-2 .menu-center-panel li:hover > div small {
display: none;
}
.navigation-in ul.menu-level-2 .menu-center-panel ul li > div small {
margin-top: 5px;
align-self: flex-start;
max-width: max-content;
}
.menu-center-panel ul {
display: flex;
align-items: flex-start;
}
.navigation-in ul.menu-level-2 .menu-left-panel {
max-height: 430px;
width: 25%;
padding-right: 50px;
position: relative;
}
.navigation-in ul.menu-level-2 .menu-left-panel > a {
height: calc(33.33% - 8px);
}
.navigation-in ul.menu-level-2 .menu-right-panel {
width: 25%;
max-height: 440px;
padding-left: 50px;
position: relative;
}
.navigation-in ul.menu-level-2 .menu-center-panel {
position: relative;
width: 50%;
/* padding: 0 50px; */
}
.navigation-in ul.menu-level-2 .menu-right-panel:before {
content: "";
position: absolute;
top: 15px;
left: 25px;
display: block;
background-color: var(--color-secondary);
width: 2px;
height: calc(100% - 30px);
}
.navigation-in ul.menu-level-2 .menu-left-panel:after {
content: "";
position: absolute;
top: 15px;
right: 25px;
display: block;
background-color: var(--color-secondary);
width: 2px;
height: calc(100% - 20px);
}
.navigation-in ul.menu-level-2 .menu-center-panel ul li > div > a {
padding: 0 0 5px;
font-weight: 700;
text-transform: none;
color: #0f0f0f;
padding-bottom: 0;
display: inline-flex;
flex-wrap: wrap;
height: 100%;
width: 100%;
flex-direction: column;
justify-content: center;
padding-right: 5px;
}
.navigation-in ul.menu-level-2 .menu-center-panel ul li > div {
padding-right: 0;
display: block;
align-items: center;
flex: auto;
width: calc(100% - 80px);
}
.navigation-in ul.menu-level-2 .menu-center-panel ul li a.menu-image {
padding-right: 10px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
width: 112px;
}
.navigation-in ul.menu-level-2 .menu-center-panel ul li {
position: static;
display: flex;
align-items: center;
flex-grow: 0;
flex-shrink: 1;
flex-basis: 33.333333%;
width: 33.333333%;
min-height: 75px;
width: calc(100% - 5px);
flex-basis: calc(100% - 5px);
margin-right: 5px;
margin-bottom: 5px;
border: 2px solid var(--color-secondary);
border-radius: 20px;
padding: 8px 10px;
}
.navigation-in ul.menu-level-2 .menu-right-panel > a {
height: 100%;
}
.navigation-in
ul.menu-level-2
.menu-center-panel
ul
li:hover
> div
.product-perex {
display: -webkit-box;
}
.navigation-in ul.menu-level-2 .menu-center-panel ul li:hover > div a span {
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
}
@media (min-width: 992px) {
.navigation-in ul.menu-level-2 .menu-center-panel ul li {
width: calc(50% - 10px);
flex-basis: calc(50% - 10px);
margin-right: 10px;
margin-bottom: 10px;
}
}
@media (min-width: 1200px) {
.navigation-in ul.menu-level-2 .menu-center-panel ul li {
width: calc(50% - 15px);
flex-basis: calc(50% - 15px);
margin-right: 15px;
margin-bottom: 15px;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.navigation-in ul.menu-level-2 .menu-center-panel ul li {
width: calc(100% - 10px);
flex-basis: calc(100% - 10px);
}
.navigation-in ul.menu-level-2 .menu-center-panel ul li:nth-child(n + 4) {
display: none;
}
.navigation-in ul.menu-level-2 .menu-center-panel {
padding: 0 30px;
}
.navigation-in ul.menu-level-2 .menu-center-panel:before {
left: 15px;
}
.navigation-in ul.menu-level-2 .menu-center-panel:after {
right: 15px;
}
.menu-center-panel ul {
width: calc(100% + 10px);
}
.navigation-in ul.menu-level-2 .menu-left-panel {
max-height: 420px;
}
.navigation-in ul.menu-level-2 .menu-right-panel {
max-height: 428px;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.navigation-in ul.menu-level-2 .menu-center-panel ul li {
margin-bottom: 10px;
}
.navigation-in ul.menu-level-2 .menu-center-panel {
width: 40%;
}
.navigation-in ul.menu-level-2 .menu-right-panel,
.navigation-in ul.menu-level-2 .menu-left-panel {
width: 30%;
}
}
@media (max-width: 767px) {
.navigation-in ul.menu-level-2 .menu-left-panel {
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
}
.navigation-in ul.menu-level-2 .menu-right-panel {
margin-top: 20px;
padding-top: 20px;
position: relative;
}
.navigation-in ul.menu-level-2 .menu-left-panel:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
display: block;
background-color: var(--color-secondary);
height: 2px;
width: calc(100% - 35px);
}
.navigation-in ul.menu-level-2 .menu-right-panel:after {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
display: block;
background-color: var(--color-secondary);
height: 2px;
width: calc(100% - 35px);
}
.navigation-in ul.menu-level-2 .menu-center-panel ul li {
display: flex;
flex-wrap: wrap;
font-size: 14px;
align-items: center;
}
.navigation-in ul.menu-level-2 .menu-center-panel ul li a.menu-image {
width: 100px;
padding: 0;
overflow: hidden;
}
.navigation-in ul.menu-level-2 .menu-center-panel ul li a.menu-image img {
max-width: 100px;
max-height: 100px;
transform: scale(1.2);
}
.navigation-in ul.menu-level-2 .menu-center-panel ul li > div {
width: calc(100% - 100px);
padding: 0;
}
.navigation-in ul.menu-level-2 .menu-center-panel ul li > div > a {
font-weight: 700;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 0;
}
.navigation-in ul.menu-level-2 .menu-center-panel ul li a span.product-perex {
order: 1;
font-size: 13px;
-webkit-line-clamp: 3;
}
.navigation-in ul.menu-level-2 .menu-center-panel ul li > div > a {
display: flex;
flex-wrap: wrap;
}
.navigation-in ul.menu-level-2 .menu-center-panel ul li > div small {
margin-right: 4px;
margin-top: 4px;
margin-left: 0;
}
}
.search .btn.btn-default:hover,
.search a.btn.btn-default:hover,
.search .btn.btn-default:before,
.search a.btn.btn-default:before {
color: #000000;
}
.header-top > div.search {
position: relative;
}
.header-shop-roka {
position: absolute;
top: 50%;
left: calc(100% + 25px);
transform: translateY(-50%);
display: block;
object-fit: contain;
max-height: 85px;
z-index: 2;
}
.is-header-fixed.is-header-hidden .header-shop-roka {
max-height: 55px;
}
@media (min-width: 1200px) and (max-width: 1440px) {
.header-top > div.site-name-wrapper {
max-width: 270px;
}
}
@media (min-width: 1440px) {
.header-top > div.search {
margin-left: -170px;
}
.header-shop-roka {
max-height: 105px;
}
}
@media (max-width: 1200px) {
.header-shop-roka {
display: none;
}
}
.custom-footer__reviews.footer-icons {
margin-top: 20px;
}
.footer-shop-roka {
object-fit: contain;
max-width: 100%;
margin-top: 25px;
}
body footer .footer-icons.custom-footer__reviews .footer-icon a {
color: black;
}
body footer .footer-icons.custom-footer__reviews .footer-icon {
width: 140px;
max-width: 140px;
margin-top: 5px;
}
#footer #showHeurekaBadgeHere-11 {
margin-top: 25px;
}
@media (max-width: 768px) {
.custom-footer__banner1 .h4 {
display: none;
}
#footer .custom-footer__banner1 .accordion__content {
visibility: visible;
overflow: visible;
width: auto;
height: auto;
padding: 1rem 0 1rem 0;
opacity: 1;
transition: opacity 250ms ease;
}
.footer-shop-roka {
max-width: 290px;
}
.custom-footer__reviews.footer-icons {
justify-content: center;
}
.footer-reviews-block {
display: block;
text-align: center;
}
}
#footer p {
color: #c9c9c9;
}
.contact-box ul li > span.linkedin:before {
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: var(--color-primary);
transition: color 250ms ease-out;
content: "";
width: 26px;
height: 26px;
background-repeat: no-repeat;
background-size: contain;
font-weight: 400;
background-image: url(/user/documents/upload/linkedin.svg);
}
.flag.flag-simple-variants {
display: none;
}
.custom_variant-list {
display: flex;
align-items: center;
}
.custom_variant-list th {
display: none;
margin: 0 15px 5px 0;
}
.custom_variant-list #simple-variants .advanced-parameter-inner {
width: 90px;
height: 90px;
background: white;
max-height: none;
}
.custom_variant-list #simple-variants .advanced-parameter-inner:hover {
cursor: pointer;
}
.custom_variant-list #simple-variants .advanced-parameter {
width: 90px;
height: 90px;
margin: 7px 12px 6px 0;
max-height: none;
}
.custom_variant-list #simple-variants .advanced-parameter__text-block {
display: none;
}
.custom_variant-list #simple-variants .advanced-parameter__image-block {
max-width: none;
height: auto;
position: relative;
}
.custom_variant-list #simple-variants .advanced-parameter__image-block img {
width: 100%;
max-width: 100%;
}
.custom_variant-list #simple-variants .advanced-parameter-inner {
pointer-events: auto;
}
.custom_variant-list #simple-variants .advanced-parameter:last-child {
margin-right: 0 !important;
}
.custom_variant-list
#simple-variants
.advanced-parameter-inner.yes-before:after {
width: 13px;
height: 26px;
border-width: 0 4px 4px 0;
margin-top: -7px;
left: 50%;
margin-left: -13px;
border-color: black;
transform: rotate(40deg) translateY(-50%);
}
.custom_variant-list
#simple-variants
.advanced-parameter-inner.yes-before
.advanced-parameter__image-block:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #e7cb7f;
opacity: 0.5;
}
@media (min-width: 768px) {
.navigation-in ul.menu-level-2 .menu-center-panel ul li {
padding: 0;
}
.navigation-in ul.menu-level-2 .menu-center-panel ul li {
align-items: normal;
}
.navigation-in ul.menu-level-2 .menu-center-panel ul li > div {
height: auto;
}
.navigation-in ul.menu-level-2 .menu-left-panel {
max-height: 385px;
}
.navigation-in ul.menu-level-2 .menu-right-panel {
max-height: 390px;
}
}
/* update */
.navigation-in ul.menu-level-2.only-type-m .menu-center-panel ul li a span {
text-transform: none;
}
.navigation-in ul.menu-level-2 .menu-center-panel {
flex: auto;
}
@media (min-width: 992px) {
.navigation-in ul.menu-level-2.only-type-m .menu-center-panel ul li {
width: calc(33.33% - 15px);
flex-basis: calc(33.33% - 15px);
}
}
@media (min-width: 1200px) {
.navigation-in ul.menu-level-2.only-type-m .menu-center-panel ul li {
width: calc(25% - 15px);
flex-basis: calc(25% - 15px);
}
}
/* update */
.menu-link-left .menu-link-title,
.menu-link-right .menu-link-title {
max-width: 60%;
left: 50%;
transform: translate(-50%);
}
.navigation-in ul.menu-level-2 .right .menu-link-title {
padding-right: 15px;
justify-content: flex-end;
text-align: right;
max-width: 80%;
left: auto;
right: 0;
transform: translate(0);
}
.navigation-in ul.menu-level-2 .left .menu-link-title {
padding-left: 15px;
justify-content: flex-start;
text-align: left;
max-width: 80%;
transform: translate(0);
}
.navigation-in ul.menu-level-2.only-type-m .menu-center-panel ul li img {
transform: scale(1.2);
}
/* availabilty */
.availability-row {
display: block;
margin-top: 5px;
}
.radio-wrapper input[type="radio"] + label .availability-row {
font-size: 14px;
margin-top: 2px;
font-weight: 400;
color: #66bf3a;
line-height: 1.4;
}
.radio-wrapper
input[type="radio"]
+ label
.availability-row
.availability-row-value {
display: block;
}
@media (min-width: 768px) {
.p-info-wrapper {
padding-right: 20px;
}
.radio-wrapper input[type="radio"] + label .availability-row {
margin-top: 0;
min-width: 150px;
}
.radio-wrapper input[type="radio"] + label .availability-row {
padding-right: 15px;
}
.radio-wrapper input[type="radio"] + label > .availability-row {
display: block;
}
.radio-wrapper input[type="radio"] + label .payment-info > .availability-row {
display: none;
}
}
@media (max-width: 768px) {
.radio-wrapper input[type="radio"] + label > .availability-row {
display: none;
}
.radio-wrapper input[type="radio"] + label .availability-row {
font-size: 13px;
}
.type-detail .availability-row .availability-row-value {
display: block;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.radio-wrapper input[type="radio"] + label .availability-row {
font-size: 12px;
min-width: 80px;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.radio-wrapper input[type="radio"] + label .availability-row {
font-size: 12px;
min-width: 70px;
}
}
@media (min-width: 1200px) and (max-width: 1440px) {
.radio-wrapper input[type="radio"] + label .availability-row {
font-size: 14px;
min-width: 90px;
}
}
.type-detail .availability-row {
margin-top: 10px;
}
.type-detail .availability-row .availability-row-value {
font-weight: 700;
color: #009901;
line-height: 1.4;
}