/* univerzální css */
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
font-size: 16px;
scroll-behavior: smooth;
}
.type-detail #dklab_instagram_widget,
.type-page #dklab_instagram_widget
{
margin: 40px auto ;
}
#dklab_instagram_widget
{
margin: 0;
padding: 0;
}
.btn.add-to-cart-button:before, .btn.btn-cart:before, .btn.express-checkout-button:before, a.btn.add-to-cart-button:before, a.btn.btn-cart:before, a.btn.express-checkout-button:before
{
content: "";
position: relative;
margin-right: 10px;
width: 18px;
height: 20px;
background-image: url(__nemazat__/add-cart-button.svg);
background-repeat: no-repeat;
}
.radio-wrapper input[type=radio]+label:before,
.radio-wrapper input[type=radio]+label:after,
.radio-wrapper input[type=radio]+label
{
top: unset;
transform: none;
}
input[type=checkbox]:checked+label:after, input[type=radio]:checked+label:after
{
height: 13px;
width: 13px;
left: 0;
border-width: 0;
}
.extended-banner-link,
.middle-banners-wrapper .extended-banner-link
{
border-radius: 2px;
}
#navigation-first,
#navigation-1,
#navigation-2,
#navigation-3,
.navigation-home-icon-wrapper:before,
.in-login #loga
{
display: none;
}
.breadcrumbs
{
margin-top: 15px;
}
.type-page h1,
.type-page h2,
.type-page h3,
.type-page h4,
.price-primary
{
color: black;
}
.type-page h1,
.type-page h2
{
color: black;
text-align: center;
font-weight: 600;
font-size: 35px;
}
.type-page h3
{
color: black;
text-align: center;
font-weight: 600;
font-size: 24px;
}
.type-page h2
{
font-size: 32px;
}
.btn-default
{
font-weight: 700;
padding: 16px 24px;
}
.btn-default,
.btn-default a
{
color:#FFFFFF;
font-size: 16px;
}
.type-index .overall-wrapper
{
padding-top: 36px;
}
.garance30 a
{
color: black
}
/* quantity */
.quantity-form .quantity .decrease:before,
.quantity-form .quantity .increase:before,
.ordering-process .quantity-form .quantity .decrease:before,
.ordering-process .quantity-form .quantity .increase:before
{
line-height: 0 !important;
}
.quantity-form .quantity .decrease,
.ordering-process .quantity-form .quantity .decrease
{
top: unset;
}
.quantity-form .quantity input,
.ordering-process .quantity-form .quantity input
{
text-align: center;
}
.cart-widget-products-inner .quantity-form,
.cart-widget-products-inner .quantity input,
.cart-table .p-quantity .quantity input
{
width: 47px;
}
/* .cart-table .p-quantity .quantity input
{
width: 40px;
} */
.type-detail .p-detail-inner .quantity input {
height: 38px;
}
.type-detail .p-detail-inner .quantity .decrease,
.type-detail .p-detail-inner .quantity .increase {
background-color: transparent;
border: 0;
width: 40px;
height: 23px;
color: #000;
}
.p-detail .p-detail-inner .add-to-cart .quantity {
border-style: solid !important;
}
.type-detail .p-detail-inner .db-cart-wrapper .quantity input {
background-color: #fff;
text-align: center;
border-radius: 5px;
height: 50px;
background-color: transparent;
width: 99px;
}
.type-detail .p-detail-inner .db-cart-wrapper .quantity
{
background-color: white;
width: 121px;
}
.type-detail.quantity input
{
padding-left: 0px;
}
.type-detail .p-detail-inner .quantity .increase:before,
.type-detail .p-detail-inner .quantity .decrease:before
{
height: 48px;
padding-top: 25px;
width: 40px;
}
.type-detail .p-detail-inner .db-cart-wrapper .quantity input,
.type-detail .p-detail-inner .db-cart-wrapper .quantity
{
height: 50px;
}
/* .ordering-process .quantity-form .quantity
{
padding: 0;
}
.ordering-process .quantity-form .quantity .decrease
{
right: 0;
top: 0;
}
.ordering-process .quantity-form .quantity .decrease, .ordering-process .quantity-form .quantity .increase
{
width:25px;
}
.ordering-process .quantity input
{
padding: 0;
text-align: left !important;
} */
.quantity .decrease,
.quantity .increase {
background-color: transparent;
border: 0;
width: 23px;
height: 23px;
color: #000;
}
.quantity .decrease:before,
.quantity .increase:before {
line-height: 0px;
font-size: 13px;
/* background-color: #fff; */
}
.quantity {
border: 1px solid #E3ECFB;
width: 72px;
height: 40px;
}
.quantity input {
padding-left: 22px;
}
.quantity .increase:before {
content: "+";
border-left: 1px solid #E3ECFB;
height: 38px;
padding-top: 18px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.quantity .decrease:before {
content: "-";
border-right: 1px solid #E3ECFB;
height: 38px;
padding-top: 16px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.quantity .increase {
/* left: 0; */
right: 0;
top: 0;
}
.quantity .decrease {
left: 0;
top: 0;
}
.quantity input {
font-family: Poppins;
text-align: center;
height: 40px;
}
/* login - stránka */
/* .in-login form
{
background-color: #F6F6F6;
border-radius: 5px;
} */
.in-login form input
{
border-radius: 5px;
height: 50px;
color: black;
}
.in-login form input::placeholder {
color: black
}
.in-login form .btn.btn-secondary
{
background-color: var(--color-secondary);
border-color: var(--color-secondary);
color: #fff;
border-radius: 5px;
padding: 8px 16px;
}
/* pop - up - košík */
.cart-popup {
position: fixed;
top: 115px;
right:15px;
background: white;
padding: 10px;
border-radius: 5px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
display: none;
z-index: 1000;
}
.cart-popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: none;
z-index: 9999;
}
.cart-popup-close {
display: block;
text-align: right;
cursor: pointer;
font-weight: bold;
}
/* pop - up - hodnoceni */
.popup-overlay, .popup-content {
display: none;
position: fixed;
z-index: 1000;
}
.popup-overlay {
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
}
.popup-content {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 90%;
max-height: 90%;
background: white;
padding: 25px;
border-radius: 6px;
text-align: center;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 20px;
}
.popup-content img {
width: auto;
height: auto;
max-width: 90vw;
max-height: 90vh;
display: block;
margin: 0 auto;
}
.popup-close {
position: absolute;
top: -3px;
right: 7px;
font-size: 26px;
cursor: pointer;
color: black;
}
/* pop up okno */
.no-scroll {
overflow: hidden;
height: 100vh;
position: relative;
}
.modal-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
z-index: 999;
}
.modal {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 40px;
z-index: 1000;
padding: 20px;
text-align: center;
max-height: 90vh;
overflow-y: auto;
}
.modal .close-icon {
position: absolute;
top: 15px;
right: 20px;
cursor: pointer;
}
.modal h2 {
margin-top: 20px;
font-weight: 600;
font-size: 32px;
text-align: center;
color: black;
}
.modal {
color: black;
}
.modal .sms {
padding: 16px 48px;
background: linear-gradient(112.57deg, #EEFBFF 1.83%, #E4F8FF 27.86%, #CAF1FF 98.52%);
border-radius: 6px;
max-width: 670px;
margin: auto auto 20px;
}
.modal .sms-image {
margin: 40px 0;
}
.modal .potvrzeni {
text-align: center;
font-weight: 700;
}
.modal p {
font-size: 16px;
}
/* Objednávka odeslána - thankYou */
.order-summary-heading-wrapper
{
background: linear-gradient(275.62deg, #EFFBFF 1.5%, #FFF0FC 94.79%);
border-radius: 20px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 32px;
line-height: 130%;
color: black;
margin-top: 45px;
}
.in-dekujeme h4
{
border-bottom: 1px solid #E3ECFB;
}
.in-dekujeme .co-box,
.in-dekujeme .co-box h4
{
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
/* .in-dekujeme .order-summary-heading,
.in-dekujeme .recapitulation-wrapper
{
max-width: unset;
} */
.order-summary-heading-wrapper
{
margin-left: auto;
margin-right: auto;
max-width: 1000px;
}
.in-dekujeme .order-summary-heading
{
color: black !important;
text-transform: none !important;
font-size: 28px !important;
}
.in-dekujeme .recapitulation-wrapper .summary-thx
{
margin-bottom: 16px;
color: black;
}
.in-dekujeme .cart-table
{
margin: 0 !important;
}
.in-dekujeme .p-quantity strong
{
font-weight: 400;
}
.in-dekujeme .p-price.p-cell
{
font-weight: 600;
text-align: right;
}
.recapitulation-table td
{
text-align: right;
}
.in-dekujeme
{
font-size: 16px;
}
.in-dekujeme .cart-content h4,
.in-dekujeme .recapitulation-wrapper h4
{
font-size: 18px;
}
.in-dekujeme .recapitulation-wrapper .order-summary-item
{
margin-bottom: 6px;
}
.in-dekujeme .order-complete-links
{
padding-top: 24px !important;
}
.in-dekujeme .btn
{
padding: 16px 24px;
text-transform: none;
font-size: 18px;
font-weight: 600;
}
.in-dekujeme .table.table.recapitulation-table>tbody>tr>th,
.in-dekujeme .order-summary-item,
.in-dekujeme table.table tbody>tr>td, table.table tbody>tr>th, table.table thead>tr>td, table.table thead>tr>th,
.in-dekujeme .cart-table
{
color: black;
}
.in-dekujeme .cart-item>div, .co-box
{
border: 0;
}
.in-dekujeme h4:before
{
display: none;
}
/* Detail produktu */
.garance30 .garance30-inner
{
background-color: #DFF7FF;
border: 1px solid#67909E;
border-radius: 32px;
padding: 8px;
font-size: 16px;
font-weight: 600;
text-align: center;
color: black;
}
.garance30 { display:flex; justify-content:center; width:100%; }
.garance30-inner { display:flex; align-items:center; gap:8px; width:100%; justify-content:center; }
.prokoho-box {
margin-top: 40px;
margin-bottom: 40px;
display: flex;
background: #def7ff;
border-radius: 48px;
color: black;
}
.prokoho-img {
flex: 0 0 478px; /* šířka obrázku, uprav dle potřeby */
background: url('__nemazat__/produkt-prokoho.png') no-repeat;
min-height: 319px;
}
.prokoho-content {
padding: 40px 80px 35px 105px;
}
.prokoho-content h2 {
font-weight: 700;
font-size: 30px;
}
.prokoho-content p {
font-size: 16px;
}
.prokoho-content ul,
.jaksecitite-content ul
{
list-style: none;
padding-left: 0;
}
.jaksecitite-content ul li,
.prokoho-content ul li
{
position: relative;
padding-left: 22px;
line-height: 1.7;
font-size: 16px;
}
.jaksecitite-content ul li::before,
.prokoho-content ul li::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 16px;
height: 16px;
background-image: url(__nemazat__/vx-star.svg);
background-size: contain;
background-repeat: no-repeat;
}
.jaksecitite-content ul,
.prokoho-list {
list-style: none;
padding: 0;
margin: 0;
font-size: 16px;
}
.jaksecitite-box {
display: flex;
justify-content: space-between;
align-items: center;
background: #fff;
border: 3px solid #e3f4ff;
border-radius: 40px;
border: 3px solid #E3ECFB;
margin-top: -50px;
position: relative;
z-index: 2;
padding: 20px 40px 30px 40px;
width: 100%;
}
/* --- RESPONSIVITA --- */
@media (max-width: 900px) {
.vx-detail-photo
{
background: url('__nemazat__/produkt-bg-mobil.png') no-repeat;
background-size: contain;
}
.prokoho-box {
flex-direction: column;
border-radius: 40px;
}
.prokoho-content h2 {
font-weight: 700;
font-size: 24px !important;
}
.prokoho-img {
flex: none;
width: 100%;
min-width: 0;
height: 319px;
min-height: 0;
background: url('__nemazat__/produkt-prokoho-mobil.png') no-repeat;
background-size: cover;
background-position: top center;
}
.prokoho-content {
padding: 40px 30px;
}
}
.jaksecitite-box div {
flex-basis: 50%;
}
.jaksecitite-content {
flex: 1 1 0;
color: black;
}
.jaksecitite-content h2 {
font-size: 30px;
font-weight: 700;
text-align: left !important;
}
.jaksecitite-content p {
font-size: 16px;
text-align: left !important;
}
.jaksecitite-image img {
max-width: 320px;
width: 100%;
height: auto;
display: block;
}
.jaksecitite-image {
display: flex;
justify-content: right;
margin-right: 50px;
flex-basis: 40%;
}
/* RESPONSIVE: obrázek pod text */
@media (max-width: 900px)
{
.jaksecitite-box {
flex-direction: column;
align-items: flex-start;
padding: 0px 10px 10px 20px;
gap: 24px;
}
.jaksecitite-image {
flex: none;
width: 100%;
justify-content: flex-start;
margin-top: 24px;
}
.jaksecitite-image img {
max-width: 250px;
}
}
.p-info-wrapper > table .variant-list > th
{
display: none;
}
.advanced-parameter
{
width: 210px;
height: auto;
}
.advanced-parameter-inner
{
border-radius: 0;
width: unset;
height: unset;
display: flex;
flex-direction: column;
border: 1px solid #E3ECFB;
border-radius: 6px;
}
.advanced-parameter-inner.yes-before
{
border-color: #A70B00;
}
.advanced-parameter-inner.yes-before:before {
background-image: url('data:image/svg+xml;charset=UTF-8,');
background-size: 24px;
}
.advanced-parameter.has-image:nth-of-type(2) {
position: relative;
}
.advanced-parameter.has-image:nth-of-type(2)::before {
content: "";
position: absolute;
top: -29px;
left: 50%;
transform: translateX(-50%);
width: 210px;
height: 44px;
background-image: url('__nemazat__/nej3.svg');
background-size: contain;
background-repeat: no-repeat;
}
.advanced-parameter.has-image:nth-of-type(2) .advanced-parameter-inner
{
border-color: #A70B00 !important;
}
.advanced-parameter-inner.yes-before:before, .disabled .advanced-parameter-inner:before
{
background-position: 8px calc(100% - 8px);
}
.advanced-parameter-inner .vx-par-title
{
color: black;
font-weight: 400;
font-size: 18px;
text-align: center;
}
.advanced-parameter-inner .vx-par-popis
{
color: black;
font-weight: 400;
font-size: 14px;
margin-top:8px;
text-align: center;
}
.advanced-parameter-inner
{
padding: 16px 0;
}
.advanced-parameter-inner img
{
border-radius: unset;
width: auto;
height: 75px;
margin: 0 auto 20px auto;
}
.advanced-parameter-inner .vx-par-price
{
color: black !important;
font-size: 24px;
font-weight: 600;
}
.p-info-wrapper .add-to-cart
{
padding: 25px 18px 25px 19px;
border-radius: 20px;
background: #F6F6F6;
}
.choose-variant .availability-label
{
color:#21B477;
font-size: 16px;
margin: 0;
}
.availability-value
{
font-size: 16px;
}
.db-tooltip {
position: relative;
display: inline-block;
color: #283E5E;
/* border-bottom: 1px dotted #283E5E; */
text-decoration: underline;
}
/* Stylování tooltipu */
.db-diskretni-baleni-tooltip::after {
content: "";
position: absolute;
/* top: 156px; */
left: 50%;
margin-left: -10px;
border-width: 10px;
border-style: solid;
border-color: white transparent transparent transparent;
}
.db-diskretni-baleni-tooltip {
display: none;
width: 450px;
height: 300px;
padding: 5px;
position: absolute;
z-index: 1;
bottom: 100%;
right:-100px;
top:-170px;
transition: opacity 0.3s;
}
.type-product .p-info-wrapper .add-to-cart .quantity
{
display: none;
}
.type-product .p-image-wrapper .p-thumbnails-wrapper a
{
margin-right: 16px;
border-radius: 6px;
}
.p-thumbnails a img
{
border: 1px solid #E3ECFB;
padding: 12px;
}
.p-thumbnail.highlighted:before, .p-thumbnail:hover:before, .show360image.highlighted:before, .show360image:hover:before
{
background-color: unset;
}
[data-testid="productCardDescr"] {
display: none;
}
.vx-certifikat p,
.vx-certifikat li
{
font-size: 16px;
}
.vx-certifikat hr
{ border: none; height: 1px; background: #E3ECFB;
margin-top: 30px;
}
.vx-certifikat-box {
color: black;
background: #F6F6F6;
border-radius: 90px;
padding: 16px;
font-weight: 600;
font-size: 18px;
text-align: center;
max-width: fit-content;
margin: auto;
margin-bottom: 25px;
}
.vx-certifikat-box::before {
content: url(__nemazat__/certifikat_otaznik.svg);
vertical-align:middle !important;
margin-right: 5px;
}
#vx-detail-uziti .vx-jak-uzivat-wrapper
{
display: flex;
}
.vx-jak-uzivat-detail
{
width: 50%;
}
.vx-jak-slozeni-detail
{
margin-left: 200px;
width: calc(50% - 200px);
}
.vx-jak-slozeni-detail .small
{
font-size: 10px;
margin-top: 9px;
}
.vx-jak-slozeni-detail table
{
width: 480px;
}
.vx-jak-slozeni-detail table td,
.vx-jak-slozeni-detail table th
{
padding: 5px;
border: none;
}
.vx-jak-slozeni-detail table tbody tr {
border-bottom: 1px solid #231D5E
}
.vx-jak-slozeni-detail table th
{
background-color: #231D5E;
color: white;
font-size: 14px;
text-align: left;
}
.vx-jak-slozeni-detail table tr:nth-child(odd) {
background-color: white
}
.vx-jak-slozeni-detail table tr:nth-child(even) {
background-color: #F5F8F9;
}
.vx-jak-uzivat-detail .vx-tableta
{
border-radius: 40px;
border: 1px solid #E3ECFB;
padding: 30px;
}
#vx-detail-uziti .basic-description h2
{
font-size: 30px;
font-weight: 700;
color: black;
padding: 0
}
/*
.vx-detail-photo {
background:
linear-gradient(to bottom, transparent 90%, #dff7ff 100%),
url('__nemazat__/produkt-bg.png');
}
*/
.vx-detail-wrapper
{
background:
/* linear-gradient(90deg,rgba(223, 247, 255, 1) 0%, rgba(223, 247, 255, 0.65) 20%, rgba(255, 255, 255, 0) 0%), */
url(__nemazat__/produkty-bg-full.png);
background-position: top center;
background-size: cover;
background-repeat: no-repeat;
min-height: 635px;
background-size: inherit;
background-repeat: no-repeat;
background-color: #DFF7FF;
}
.garance-flex {
display: flex;
justify-content: center;
align-items: flex-start;
padding-bottom: 30px; /* mezera nad fotem */
gap: 100px;
width: 100%;
max-width: 1300px;
}
.garance-col {
text-align: center;
font-weight: 600;
font-size: 20px;
color: black;
}
.garance-col p {
text-align: center;
}
.garance-star-img {
display: block;
margin: 0 auto 8px;
width: 49px;
height: 48px;
}
@media (max-width:900px){
.garance-flex { flex-direction: column; }
.garance-col:last-child { border-bottom: 0; }
}
#vx-detail-produktu h2
{
font-size: 30px !important;
color: black !important;
font-weight: 700;
margin-bottom: 20px;
text-align: center;
}
#vx-detail-produktu p
{
font-size: 18px;
text-align: center;
}
/*
.vx-detail-produktu {
display: flex;
justify-content:center;
}
.vx-column {
display: flex;
flex-direction: column;
gap: 15px;
}
.vx-column:first-child {
margin-right: 80px;
}
.vx-item {
position: relative;
padding-left: 30px;
color:black;
font-size: 20px;
font-weight: 600;
} */
.vx-item::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 22px;
height: 22px;
background-image: url(__nemazat__/vx-star.svg);
background-size: contain;
background-repeat: no-repeat;
}
.vx-detail-hodnoceni-wrapper
{
margin-bottom: 100px;
margin-top: 50px;
}
.vx-detail-hodnoceni-wrapper .container h2
{
text-align: center;
color: black;
font-size: 32px;
font-weight: 600;
}
.vx-detail-slozeni-wrapper
{
background: linear-gradient(179.61deg, #EFFBFF 1.83%, #FFF0FC 99.68%);
padding: 45px;
margin: 60px 0;
}
.vx-detail-flex {
display: flex;
flex-wrap: wrap;
margin-top: 40px;
}
.vx-detail-slozeni {
width: calc(50% - 90px);
margin-right: 90px;
display: flex;
align-items: flex-start
}
.vx-text { flex: 1 }
.vx-detail-slozeni-wrapper p
{
color: black !important;
font-size: 16px;
}
.vx-detail-slozeni .vx-img
{
margin-right: 15px;
}
.vx-detail-slozeni .vx-img img
{
width: 80px;
height: auto;
}
.vx-text h3
{
color:black;
font-size: 18px;
font-weight: 700;
margin-top:0
}
.vx-text p
{
color:black;
font-size: 14px;
}
.vx-detail-slozeni-wrapper h2
{
text-align: center !important;
color: black !important;
font-size: 32px !important;
font-weight: 600;
margin-bottom: 6px;
}
.type-detail .p-info-wrapper
{
margin-top: 60px;
}
.type-detail .p-info-wrapper h1
{
font-size: 35px;
color: black;
font-weight: 600;
margin: 0 0 65px 0;
}
.type-detail .add-to-cart
{
display: flex;
justify-content: space-between;
}
.p-final-price-wrapper .price-standard>span
{
color: #7D7D7D;
font-size: 20px;
}
.p-info-wrapper .price-final
{
color: black;
font-weight: 600;
font-size: 35px;
}
.p-info-wrapper .price-save
{
font-size: 20px;
font-weight: 600;
color: #A70B00;
margin-top: 3px;
}
.flag
{
font-size: 16px;
font-weight: 700;
padding: 8px 16px;
border-radius: 20px;
}
.type-detail .p-info-wrapper .flags
{
margin-bottom: 3px;
}
.type-detail .flags .flag-discount
{
display: none;
}
.type-detail .p-info-wrapper .social-buttons-wrapper,
.type-detail .p-info-wrapper .availability-amount
{
display: none;
}
.type-detail .btn.add-to-cart-button.btn-lg
{
width: auto;
padding: 10px 26px;
font-size: 18px;
}
/* Doprava a platba */
.ordering-process .content-wrapper, body.ordering-process
{
background-color: white;
}
.col-md-8 .cart-content
{
padding:0;
}
.order-summary-inner .price-wrapper
{
color: red !important;
border: 1px solid red;
}
.in-krok-1 .co-box
{
padding: 0
}
.in-krok-1 .payment-logo
{
flex: unset
}
.cart-item>div, .co-box
{
border-color: #E3ECFB;
}
.cart-content.co-box
{
border: 0;
}
.order-summary-inner .cart-items
{
border: 0px solid #E3ECFB;
}
.order-summary-item.helper>div:first-child
{
flex: 0 0 auto;
padding-right:0;
}
#checkoutSidebar .price-wrapper
{
border: 0;
background-color: #F6F6F6;
padding: 20px;
margin-top: 1rem;
margin-bottom: 1rem;
border-radius: 5px;
}
.next-step--step-1 .next-step-forward,
.next-step-finish
{
border-radius: 5px;
padding-left: 3rem !important;
padding-right: 3rem !important;
}
#order-shipping-methods .payment-info a
{
color: #000;
}
.box.co-box h4, .co-box h4
{
margin-left: -15px;
font-weight: 600;
font-size: 18px;
}
.box.co-box h4, .co-box h4
{
padding-left: 55px
}
.in-krok-1 .co-payment-method h4:before, .in-krok-1 .order-delivery::before
{
width: 30px !important;
height: 30px !important;
margin-right: .5rem !important;
vertical-align: middle !important;
left: 15px !important;
}
.in-krok-1 .radio-wrapper label
{
display: flex;
justify-content: center;
}
#order-billing-methods .radio-wrapper.active, #order-shipping-methods .radio-wrapper.active
{
border: 1px solid #231D5E;
background: #F6F6F6;
color: black;
}
.payment-shipping-price,
.payment-info b
{
color: black;
font-size: 16px;
font-weight: 600;
}
.in-krok-1 .radio-wrapper input[type=radio]+label
{
container-type: normal;
}
#order-billing-methods, #order-shipping-methods
{
border: 1px solid #E3ECFB;
border-radius: 5px;
}
#order-shipping-methods .radio-wrapper label
{
display: flex;
flex-direction: row;
align-items: center;
}
.radio-wrapper input[type=radio]+label
{
padding-top: 20px;
padding-bottom: 20px;
}
#order-shipping-methods .radio-wrapper label .payment-info
{
order: 2
}
#order-shipping-methods .radio-wrapper label .payment-logo
{
order: 1;
margin-right: 10px;
}
#order-shipping-methods .radio-wrapper label .payment-shipping-price
{
order: 3;
}
#summary-box
{
border: 1px solid #E3ECFB;
border-radius: 5px;
padding: 10px;
margin-top: 20px;
}
.payment-logo img
{
width: auto;
height: 35px;
max-width: unset;
max-height: unset
}
#order-shipping-methods .shipping-billing-name,
.ordering-process .radio-wrapper.active label>span b
{
color: #000 !important;
font-size: 16px;
font-weight: 600;
}
.co-box.co-delivery-method,
.co-box.co-payment-method
{
padding-left: 0 !important;
border: 0;
}
/* Informace o nás */
.db-mam-ucet
{
padding: 15px;
text-align: left;
margin-top: 20px;
font-size: 1rem;
border-radius: 5px;
border: 1px solid #E3ECFB;
padding: 25px 0;
text-align: center;
font-weight: 400;
color: black;
}
.db-mam-ucet a
{
color: #2D466D;
text-decoration: underline;
}
.db-mam-ucet div
{
display: inline;
}
.co-contact-information h4,
.header-billing
{
margin-left: 0 !important;
padding-left: 45px;
}
.co-contact-information h4::before,
.header-billing::before
{
left: 0px !important;
}
.in-krok-2 .co-contact-information .form-group input, .in-krok-2 .co-billing-address .form-group input, .in-krok-2 .co-shipping-address .form-group input,
.in-krok-2 #billCountryId
{
width: 100%;
}
.in-krok-2 fieldset
{
border: 0;
}
.in-krok-2 .co-box
{
padding: 15px;
}
.in-krok-2 .content-wrapper.container .row.cart-row
{
margin-left: 15px;
margin-right: 15px;
}
/* .in-doprava-a-platba .db-doprava-platba
{
flex-direction: column;
} */
.in-doprava-a-platba .db-doprava, .in-doprava-a-platba .db-platba
{
width: 100% !important;
}
.in-doprava-a-platba .db-zasilka-ikony
{
margin-bottom: 0;
}
.db-zasilka-info, .db-zasilka-soukromi,.db-zasilka-ikony
{
flex-direction: row;
}
.db-zasilka-soukromi-image
{
margin-bottom: 0px;
}
.db-zasilka-soukromi-text
{
text-align: center;
}
.db-zasilka-ikona
{
width: 100%;
margin-bottom: 40px;
}
/* Košík */
.radio-wrapper input[type=radio]+label
{
padding-top: 20px;
padding-bottom: 20px;
}
.order-summary-inner h4
{
border-bottom: 1px solid #E3ECFB;
color: #000;
font-size: 18px;
font-weight: 600;
padding-bottom: 25px
}
.cart-item>div
{
border-right: 0;
}
.cart-content h4
{
text-transform: initial;
}
.box.co-box h4, .co-box h4
{
padding-left: 55px;
}
.for-free
{
color: #009F19 !important;
}
.order-summary-inner .cart-item-name a,
.order-summary-inner .cart-item>div.cart-item-amount,
.order-summary-inner .cart-item>div .unit-value,
.order-summary-inner .cart-item>div:last-child,
.order-summary-inner .order-summary-item,
.order-summary-inner .recapitulation-shipping-billing-info,
.recapitulation-single>strong span
{
color: #000 !important;
font-size: 0.875rem;
}
.in-krok-1 .order-delivery::before,
.in-krok-1 .co-payment-method h4:before
{
width: 30px !important;
height: 30px !important;
margin-right: 0.5rem !important;
vertical-align:middle !important;
left:15px !important;
}
.in-krok-1 .order-delivery::before
{
content: url("__nemazat__/vyberte-dopravu.svg") !important;
}
.co-box.co-payment-method h4:before
{
content: url("__nemazat__/zpusob-dopravy.svg");
}
.in-krok-1 .order-summary-inner h4
{
font-size: 18px;
margin-left: 0px;
padding-left: 5px;
}
.in-krok-1 .order-summary-inner h4::before
{
content:"";
}
.recapitulation-single>strong span
{
font-weight: 400;
}
.cart-header.step-1
{
margin-bottom: 65px;
}
.cart-header.step-2
{
margin-bottom: 10px;
}
.in-krok-2 .cart-content
{
padding-top: 0;
}
.in-krok-2 .co-box h4:before
{
font-size: 26px;
}
.in-krok-2 .co-box h4
{
font-size: 22px;
font-weight: 600;
}
.in-krok-2 .cart-content label
{
font-size: 18px;
color: black;
}
.in-krok-2 .co-contact-information,
.in-krok-2 .co-billing-address,
.in-krok-2 .co-shipping-address,
.in-krok-2 .co-box-additional
{
background-color: #F6F6F6;
border-radius: 5px;
border: 0;
}
.in-krok-2 .co-contact-information h4::before,
.in-krok-2 .header-billing::before
{
width: 35px;
height: 35px;
vertical-align:middle;
left:10px;
}
.in-krok-2 .recapitulation-single>span
{
font-size: 13px;
padding-right:10px;
flex: 0 0 120px;
}
.in-krok-2 .recapitulation-single strong
{
font-size: 14px;
}
.in-krok-2 .co-contact-information h4::before
{
content: url("__nemazat__/krok2-osobni-udaje.svg");
}
.in-krok-2 .header-billing::before
{
content: url("__nemazat__/krok2-fadresa.svg") !important;
}
.in-krok-2 .co-box-additional
{
padding-top: 0 !important;
}
.in-krok-2 .co-box
{
padding: 20px 40px 40px 40px;
border: 0;
}
.stay-in-contact
{
color: black;
}
.stay-in-contact
{
font-weight: 600;
font-size: 1.125rem;
margin-top: 35px;
}
.consents-first label,
input[type=checkbox]+label, input[type=radio]+label
{
font-size: 16px !important
}
.form-control, select
{
border-color: #E3ECFB;;
}
.in-krok-2 .form-group-note
{
margin-top: 15px;
}
.in-krok-2 .country-flags
{
height: 50px;
background-color: white;
border: 1px solid #E3ECFB;
border-right: 0;
border-top-right-radius:0;
border-bottom-right-radius:0;
padding-left: 10px;
}
.shp-flag-label:before
{
border-color: var(--color-secondary) transparent transparent;
}
.in-krok-2 #phone
{
border-left: 0;
border-top-left-radius:0;
border-bottom-left-radius:0;
}
.in-krok-2 .shp-flag-label
{
font-size: 1rem;
color: #000;
}
.in-krok-2 .co-contact-information .form-group,
.in-krok-2 .co-billing-address .form-group,
.in-krok-2 .co-shipping-address .form-group
{
display: flex;
flex-direction: column;
}
.in-krok-2 .co-contact-information .form-group input,
.in-krok-2 .co-billing-address .form-group input,
.in-krok-2 .co-shipping-address .form-group input
{
border-radius: 5px;
}
.in-krok-2 .co-billing-address,
.in-krok-2 .co-shipping-address
{
margin-top: 25px;
}
.in-krok-2 .order-summary-item.price
{
border: 0;
}
.in-krok-2 .ordering-process
{
color: #000;
}
.in-krok-1 .order-summary-inner .order-summary-item
{
border-top: 1px solid #E3ECFB;
padding-top: 10px;
padding-bottom: 10px;
}
.order-summary-inner .recapitulation-shipping-billing-info
{
padding-top: 10px;
}
.sidebar-inner .box-onlinePayments h4:after
{
content: "";
}
.sidebar-in-cart .next-step-back,
.next-step--step-1 .back-to-shop,
.next-step--step-2 a.next-step-back
{
text-align: left;
font-size: 16px;
color: #000;
text-decoration: underline;
text-transform: initial !important;
}
.order-button-text
{
text-transform: initial;
}
.next-step
{
justify-content: space-between;
}
.sidebar-in-cart .continue-shopping::before,
.next-step--step-1 .back-to-shop::before,
.next-step--step-2 a.next-step-back::before
{
content: url("https://www.sexito.cz/user/documents/upload/__nemazat__/zpet-do-obchodu.svg");
position: relative;
width: 11px;
height: 12px;
margin-right: 0.5rem;
vertical-align: text-top;
}
/* projit nove */
.in-kosik #navigation,
.in-krok-1 #navigation,
.in-krok-2 #navigation
{
flex-grow: 1;
margin-left: 65px;
}
.remove-item, .remove-item-placeholder
{
line-height: 11px;
}
.remove-item:before
{
color: black;
}
.remove-item-placeholder:before, .remove-item:before
{
font-size: 12px;
}
.cart-table tr td
{
border-color:#E3ECFB;
border-bottom: 1px solid #E3ECFB;
}
.sidebar-in-cart .price-primary
{
text-align: right;
}
.sidebar-in-cart
{
display: flex;
justify-content: space-between;
margin-bottom: 60px;
}
.price-wrapper .price-label.price-primary, .price-wrapper .price.price-primary
{
font-weight: 600;
}
.price-wrapper .price.price-primary
{
font-size: 30px;
}
.price-wrapper .price-label
{
font-weight: 600;
font-size: 18px;
}
.extra strong
{
color: black;
}
.price-range>div
{
background: #A70B00;
border-radius: 6px 0 0 6px
}
.price-range
{
background: white;
height: 10px;
border-radius: 6px;
border: 1px solid #ECD4F3
}
.extra.delivery span, .extra.discount span, .extra.gift span
{
font-size: 16px;
color: black;
}
.extra.delivery:before {
content: url(__nemazat__/extra-delivery.svg);
width: 30px;
height: 30px;
position: relative;
margin-right: 10px;
font-size: unset;
}
.extra.delivery:before
{
margin-top: 0;
}
.extra.delivery, .extra.discount, .extra.gift
{
align-items: unset;
}
.btn.next-step-forward:after
{
display: none;
}
.next-step--step-1 .back-to-shop::before, .next-step--step-2 a.next-step-back::before, .sidebar-in-cart .continue-shopping::before
{
content: url(__nemazat__/zpet-do-obchodu.svg);
position: relative;
width: 11px;
height: 12px;
margin-right: .5rem;
vertical-align: text-top;
}
.next-step--step-1 .back-to-shop, .next-step--step-2 a.next-step-back, .sidebar-in-cart .next-step-back
{
text-align: left;
font-size: 16px;
color: #000;
text-decoration: underline;
text-transform: initial !important;
}
.btn.btn-conversion, a.btn.btn-conversion
{
border-radius: 2px;
margin-left: 13px;
width: calc(100% - 26px);
text-transform: none;
}
.cart-widget-button .btn
{
padding: 10px;
}
.cart-widget-button
{
padding-bottom: 10px;
}
.cart-widget-products .cart-widget-products-inner .cart-widget-product
{
display: flex;
justify-content: space-between;
align-items: center;
}
.popup-widget:before
{
left:33%
}
.popup-widget.cart-widget
{
border-radius: 10px;
border: 0;
}
.popup-widget-inner, .popup-widget:before
{
border-color: rgb(240, 240, 240);
}
.cart-widget-product .cart-widget-product-image
{
order: 1;
}
.cart-widget-product .cart-widget-product-amount
{
order: 3;
}
.cart-widget-product .cart-widget-product-name
{
order: 2;
}
.cart-widget-product-name a
{
color: black;
font-size: 14px;
font-weight: 400;
}
.cart-widget-product .cart-widget-product-price
{
order: 4;
padding-left: 15px;
font-size: 14px;
font-weight: 600;
}
.cart-widget-product .cart-widget-product-delete
{
order:5;
}
.cart-widget-product {
display: grid;
grid-template-columns: 1fr auto;
grid-template-areas:
"name price";
}
.cart-widget-product-name {
grid-area: name;
}
.cart-widget-product-price {
grid-area: price;
}
.cart-widget-button
{
background: none;
}
.cart-widget-button .btn
{
text-align: center;
}
.cart-free-shipping>div
{
color: black;
}
.cart-widget-product>div
{
font-size: 14px;
color: black;
}
.cart-widget-button .btn::after
{
display: none;
}
.cart-widget-product>div.cart-widget-product-unit
{
display: none;
}
.next-step .btn.btn-lg
{
line-height: inherit;
margin-left: auto;
}
.order-button-text
{
text-transform: none;
font-size: 18px;
font-weight: 600;
line-height: 36px;
}
.next-step .btn.btn-lg
{
padding: 16px 32px;
}
.in-kosik .p-price .price-final,
.in-kosik .p-total .price-final
{
color: black;
font-size: 16px;
font-weight: 400;
}
.in-kosik .p-total .price-final
{
font-weight: 700;
}
.cart-table .availability-label
{
text-transform: lowercase;
font-weight: 600 !important;
}
.cart-table .availability-amount,
.cart-table .unit-value
{
display: none;
}
.cart-table .cart-p-image img
{
width: 90px;
}
.cart-table tr td.p-name a
{
color: black;
}
.cart-table .main-link
{
font-size: 18px;
}
ol.cart-header
{
max-width: 1100px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
}
ol.cart-header li.step-1 span::after
{
background-image: url('data:image/svg+xml;utf8,');
width: 140px;
height: 1px;
top: 33px;
right:-15px;
/* right: -28px;
top: 27px; */
position: absolute;
content: "";
}
ol.cart-header li.step-2 span::after
{
background-image: url('data:image/svg+xml;utf8,');
width: 130px;
height: 1px;
top: 33px;
right: -25px;
position: absolute;
content: "";
}
ol.cart-header li, ol.cart-header li a span, ol.cart-header li.active strong
{
color: black;
font-size: 18px;
text-transform:none
}
ol.cart-header li a span:before, ol.cart-header li strong span:before
{
background: #E3ECFB;
border: 0;
color: black;
}
ol.cart-header li a, ol.cart-header li strong
{
color: black;
}
.cart-row
{
background-color: white;
}
.cart-table .p-availability, .cart-table .p-discount, .cart-table .p-price,
.cart-table tr>td.p-total,
.cart-table .p-quantity
{
text-align: left;
}
.cart-content h4, .recapitulation-wrapper h4
{
font-size: 18px;
color: black;
text-transform: none;
}
.cart-content+.cart-content
{
max-width: 585px;
margin: 0;
padding: 0;
}
.box-delivery .delivery
{
width: 640px;
background-color: #F6F6F6;
padding: 50px 25px;
border-radius: 5px;
}
.sidebar-in-cart .price-wrapper
{
background-color: #F6F6F6;
padding: 40px;
border-radius: 5px;
}
.in-kosik .sidebar-in-cart .checkout-box-wrapper,
.in-krok-1 .toggle-contacts,
.in-krok-2 .toggle-contacts
{
display: none;
}
.in-kosik h1,
.in-krok-1 h1,
.in-krok-2 h1
{
color: black;
font-size: 35px;
font-weight: 600;
}
ol.cart-header .active strong span:before
{
background-color: var(--color-primary);
color: white;
}
ol.cart-header li a span:before, ol.cart-header li strong span:before
{
width: 50px;
height: 50px;
line-height: 50px;
font-size: 18px;
font-weight: 600
}
ol.cart-header li.active strong
{
font-weight: 600;
}
/* články - kontakty */
.faq-wrapper {
margin: 0 auto;
padding: 70px;
background: url(__nemazat__/faq-pozadi.svg), linear-gradient(275.62deg, #EFFBFF 1.5%, #FFF0FC 94.79%);
background-repeat: no-repeat;
background-position: right top;
border-radius: 40px;
margin-top: 80px;
margin-bottom: 120px;
}
.faq-wrapper input[type=checkbox]+label
{
display: flex;
justify-content: space-between;
padding: 0;
}
.faq-wrapper input[type=checkbox]+label:before,
.faq-wrapper input[type=checkbox]:checked+label:after,
.faq-wrapper input[type=radio]:checked+label:after
{
display: none;
}
.faq-item {
border-bottom: 1px solid #ccc;
padding: 10px 0;
}
.faq-item:last-child {
border-bottom: none;
}
/* 2. Skrytí checkboxů */
.faq-item input[type="checkbox"] {
display: none;
}
/* 3. Styly pro label (otázku) */
.faq-item label {
cursor: pointer;
font-size: 16px;
user-select: none; /* Zamezí výběru textu při kliknutí */
color: black;
}
/* 4. Přidání SVG ikony jako externího obrázku */
.faq-item label img {
transition: transform 0.3s ease;
transform: rotate(0deg);
width: 24px;
height: 25px;
display: inline-block;
}
/* 5. Rotace SVG ikony při zaškrtnutí checkboxu */
.faq-item input[type="checkbox"]:checked + label img {
transform: rotate(180deg);
filter: hue-rotate(180deg); /* Změna barvy SVG ikony při otevření */
}
/* 6. Styly pro odpověď s plynulejší a rychlejší animací */
.faq-content {
max-height: 0;
opacity: 0;
transform: translateY(-10px);
overflow: hidden;
transition: max-height 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}
.faq-item input[type="checkbox"]:checked ~ .faq-content {
max-height: 500px; /* Dostatečně velké pro obsah */
opacity: 1;
transform: translateY(0);
margin-top: 10px;
}
/* 7. Plynulé přechody a základní typografie */
.faq-content p {
margin: 0;
padding: 5px 0;
color: black;
font-size: 1rem;
}
/* Volitelné: Zvýraznění při hover */
.faq-item label:hover span {
color: var(--color-primary)
}
.faq-item input[type="checkbox"]:checked + label
{
font-weight: 700;
}
.faq-wrapper h2
{
text-align: left;
font-size: 30px;
}
.faq-item
{
background: #FFFFFF;
box-shadow: 0px 6px 14px rgba(45, 70, 109, 0.1);
border-radius: 10px;
font-size: 16px;
line-height: 130%;
margin-bottom: 23px;
padding: 24px;
}
.vx-pomoci-wrapper
{
display: flex;
justify-content: space-between;
}
.vx-pomoci-wrapper > div
{
width: 33%;
}
.vx-pomoci-1 h2
{
font-size: 30px;
text-align: left;
margin-bottom: 5px !important;
}
.vx-pomoci-wrapper .vx-femail,
.vx-pomoci-wrapper .vx-ftel
{
border: 1px solid #E3ECFB;
border-radius: 20px;
padding-left: 32px;
margin: 0;
color: black;
}
.vx-pomoci-wrapper .vx-femail h3,
.vx-pomoci-wrapper .vx-ftel h3
{
margin: 0px 0;
}
.vx-pomoci-wrapper .vx-femail .info,
.vx-pomoci-wrapper .vx-ftel .info
{
color: #6C6C6C;
font-size: 14px;
}
.vx-kontakty-wrapeer
{
display: flex;
background: url(__nemazat__/vx-kontakty.png), linear-gradient(275.62deg, #EFFBFF 1.5%, #FFF0FC 94.79%);
background-repeat: no-repeat;
background-position: right top;
border-radius: 40px;
padding: 75px 0px 45px 45px;
justify-content: space-between;
}
.vx-kontakty-wrapeer h2,
.vx-kontakty-wrapeer h3
{
font-size: 30px;
font-weight: 700 !important;
}
.vx-kontakty-wrapeer p
{
font-size: 18px;
color: black;
}
.vx-form-2 {
display: flex;
flex-direction: column;
gap: 15px;
}
.vx-ftel, .vx-femail {
display: flex;
align-items: center;
gap: 15px;
}
.vx-ftel::before, .vx-femail::before {
content: "";
width: 50px;
height: 51px;
background: no-repeat center center;
background-size: contain;
flex-shrink: 0;
}
.vx-ftel::before {
background-image: url('__nemazat__/vx-kontakty-tel.svg');
}
.vx-femail::before {
background-image: url('__nemazat__/vx-kontakty-email.svg');
}
.vx-ftel > div, .vx-femail > div {
display: flex;
flex-direction: column;
color:black
}
.vx-form-1 h3
{
font-size: 30px !important;
font-weight: 700 !important;
margin-top:0px;
margin-bottom: 16px;
text-align: left !important;
}
.vx-kontakty-3-wrapper
{
padding-right: 232px;
padding-top: 30px;
display: flex;
align-items: center;
}
.vx-kontakty-3 p,
.vx-kontakty-3 h3
{
text-align: left;
}
.vx-kontakty-3 h3
{
font-size: 30px;
margin: 0;
}
.vx-kontakty-2
{
margin-left: auto;
}
.vx-kontakty-wrapeer img
{
width: 232px;
height: auto;
border-radius: 50%;
margin-right: 37px;
}
.vx-form-wrapeer
{
display: flex;
margin-top: 45px;
margin-bottom: 80px;
column-gap: 50px;
}
.vx-form-wrapeer .vx-form-1,
.vx-form-2 > div
{
border-radius: 20px;
border: 1px solid #E3ECFB;
padding: 32px;
}
.vx-form-wrapeer .vx-form-1
{
width: calc(50% - 50px);
}
.vx-form-wrapeer .vx-form-2
{
width: 50%;
}
.vx-form-2 > div
{
margin-bottom: 23px;
}
.vx-form-1 .form-group {
display: flex;
align-items: flex-start;
gap: 10px;
}
.form-group label {
min-width: 80px;
}
.vx-form-1 .required-asterisk
{
font-size: 14px;
color: black;
}
.vx-form-2 h3
{
text-align: left !important;
font-size: 30px;
font-weight: 700;
margin: 0 ;
padding: 4px 0;
}
.vx-form-2 .info
{
color: #6C6C6C;
}
.vx-form-2 p
{
font-size: 14px;
}
.vx-form-1 p
{
display: none;
}
/* články - doprava a platba */
.in-doprava-a-platba .db-doprava-platba h3
{
text-align: left;
}
.whole-width
{
text-align: left;
margin-left: auto;
color: black;
}
.whole-width a
{
color: black;
text-decoration: underline;
}
.vx-form-1 .form-group label.whole-width
{
width: auto !important;
}
.vx-form-1 input.form-control,
.vx-form-1 textarea
{
border: 1px solid #E3ECFB;
border-radius: 6px;
width: 100% !important;
}
.form-group.submit-wrapper
{
justify-content: flex-end;
}
.form-group.submit-wrapper input
{
font-size: 18px;
text-transform: none;
padding: 16px 24px;
}
.vx-form-1 .form-group label
{
width: 300px;
}
.content-inner .in-doprava-a-platba .db-doprava,
.content-inner .in-doprava-a-platba .db-platba
{
border-radius: 40px;
width: 50%;
padding: 20px 40px;
}
.in-doprava-a-platba .doprava
{
border-radius: 10px;
margin-bottom: 18px;
padding: 20px;
min-height: 70px;
}
.in-doprava-a-platba .doprava strong
{
color: var(--color-primary);
}
.in-doprava-a-platba .doprava p
{
text-align: left;
}
.db-doprava-platba .db-doprava
{
background: linear-gradient(275.62deg, #EFFBFF 1.5%, #FFF0FC 94.79%);
}
.db-doprava-platba .db-platba
{
background: linear-gradient(275.62deg, #EFFBFF 1.5%, #FFF0FC 94.79%);
}
.in-doprava-a-platba .db-doprava-platba
{
display: flex;
column-gap: 30px;
}
.in-doprava-a-platba p
{
font-size: 16px;
text-align: center;
}
.img-doprava,
.in-doprava-a-platba .db-zasilka-ikony,
.in-doprava-a-platba .db-doprava-platba
{
margin-bottom:65px
}
.in-doprava-a-platba h1,
.in-kontakty h1
{
text-align: center;
margin-top: 40px;
font-weight: 600;
}
.in-doprava-a-platba h2
{
text-align: center;
}
.in-doprava-a-platba .db-doprava-platba h3
{
font-size: 24px;
font-weight: 700;
color: black;
}
.db-zasilka-ikony
{
display: flex;
justify-content: center;
}
.db-zasilka-ikona
{
width: calc(100% / 3);
}
.db-zasilka-ikona h3
{
/* color: var(--footer-newsletter-color); */
font-weight: 600;
text-align: center;
}
.db-zasilka-ikona p
{
font-size: 13px;
text-align: center;
}
.db-zasilka-ikona img
{
margin-left: auto;
margin-right: auto;
text-align: center;
display: flex;
}
.in-diskretni-zasilka h1
{
font-size: 24px;
font-weight: 600;
text-align: center;
}
.in-diskretni-zasilka h2
{
text-align: center;
margin-bottom: 32px;
}
.db-zasilka-info,
.db-zasilka-soukromi
{
display: flex;
}
.db-zasilka-info,
.db-balicek,
.db-zasilka-ikony
{
margin-bottom: 65px;
}
.db-zasilka-soukromi,
.db-zasilka-text
{
padding: 20px 22px 20px 22px;
align-items: center;
}
.db-zasilka-soukromi
{
border: 1px solid #E3ECFB;
border-right: unset;
border-radius: 20px 0px 0px 20px
}
.db-zasilka-info
{
border-radius: 5px;
width: 100%;
font-size: 16px;
border-radius: 5px;
border-radius: 20px;
}
.db-zasilka-text p
{
padding-bottom: 2rem !important;
}
.db-zasilka-text p:last-child
{
padding-bottom: 1rem !important;
}
.db-zasilka-text
{
border-radius: 20px;
background: url(__nemazat__/d-baleni.png), linear-gradient(275.62deg, #EFFBFF 1.5%, #FFF0FC 94.79%);
padding: 39px 47px 30px 47px;
background-repeat: no-repeat;
background-position: right top;
margin-left: -15px;
}
.db-zasilka-text h2
{
font-size: 28px !important;
font-weight: 600;
text-align: left
}
.db-zasilka-info p
{
margin: 0;
padding-bottom:8px;
}
.db-zasilka-soukromi-image img
{
min-width: 95px;
width: 95px;
height: auto
}
.db-zasilka-soukromi-image
{
margin-right: 15px;
}
/* Stylování obalového prvku */
.doprava {
background-color: #fff;
align-items: center;
padding: 13px 0 13px 8px;
display: flex;
flex-wrap:nowrap;
column-gap: 20px;
box-shadow: 0px 6px 14px rgba(45, 70, 109, 0.1);
}
/* .doprava>div:first-child {
width: 80px;
max-width: 80px;
min-width: 60px;
} */
.doprava>p {
margin-bottom: 0;
font-weight: 400;
flex-grow: 1;
}
.doprava .cena {
text-align: right;
color: black;
font-size: 16px;
font-weight: 700;
display: flex;
align-items: center;
margin: 0;
}
.db-info-diskretne
{
margin-top: 16px;
color:black;
font-size: 16px;
}
.db-diskretni-baleni
{
display: flex;
flex-wrap: wrap;
border-radius: 5px;
background-color: #fff;
border: 1px solid #E3ECFB;
align-items: center;
align-items:center;
justify-content: center;
color: #000;
font-size: 14px;
box-shadow: 2px 2px 10px rgba(0,0,0,.1);
}
.db-diskretni-baleni div:first-child
{
width: calc(50% - 10px);
}
.db-diskretni-baleni img
{
border-radius: 6px;
}
.db-diskretni-baleni div:last-child
{
width: calc(50% - 10px);
padding: 10px;
}
.db-diskretni-baleni h3
{
margin: 0;
font-weight: 600;
font-size: 1rem;
padding-bottom: 1rem;
color: black;
}
.db-balicek
{
display: flex;
justify-content: left;
}
.db-balicek-wrapper
{
background-image: url(__nemazat__/balicek.webp), linear-gradient(275.62deg, #EFFBFF 1.5%, #FFF0FC 94.79%);
padding: 50px 40px 10px 40px;
border-radius: 50px;
margin: 50px 0;
background-repeat: no-repeat;
background-position: right top;
}
.db-balicek .db-balicek-box
{
text-align: center;
margin-right: 25px;
font-size: 16px;
}
.db-balicek .db-balicek-box img
{
border-radius: 5px;
margin-bottom: 15px;
}
.db-balicek .db-balicek-box p
{
font-size: 18px;
}
/* články */
.type-page .breadcrumbs
{
margin-bottom: 50px;
}
.type-page p
{
color: black;
font-size: 16px;
}
/* homepage */
.slick-prev:before,
.slick-next:before
{
font-size: 14px !important
}
.slick-prev, .slick-next
{
border: 1px solid #E3ECFB;
border-radius: 50px;
top: calc(100% + 35px);
width: 32px;
height: 32px;
padding-left: 8px;
padding-top: 2px;
z-index: 1000;
}
.h-images
{
margin-top: 15px;
display: flex;
}
.h-images a
{
margin-right: 8px;
}
.h-images a img
{
width: auto;
height: 50px;
}
.hodnoceni
{
display: flex;
border-radius: 40px;
border: 1px solid #E3ECFB;
padding: 32px;
flex-direction: column;
}
.hodnoceni-1
{
display: flex;
align-items: center;
color: #666666;
font-size: 14px;
}
.hodnoceni-2
{
display: flex;
align-items: center;
margin: 16px 0;
font-size: 19px;
font-weight: 600;
color: black;
}
.hodnoceni-3
{
color: black;
}
.hodnoceni .stars
{
height: 17px;
width: 90px;
}
.hodnoceni .stars a:before,
.hodnoceni .stars span:before
{
font-size: 15px;
line-height: 15px;
}
.hodnoceni .stars a,
.hodnoceni .stars span
{
height: 17px;
width: 17px;
}
.hodnoceni-1 img
{
margin-right: 15px;
}
.vx-hodnoceni-wrapper
{
margin-bottom: 60px;
display: flex;
gap: 50px;
color: black;
font-size: 16px;
}
.vx-hodnoceni-wrapper h2
{
margin-bottom: 22px;
}
.vx-hodnoceni
{
border: 1px solid #E3ECFB;
border-radius: 40px;
padding: 32px;
}
.slozeni-wrapper
{
display: flex;
justify-content: center;
}
.slozeni
{
text-align: center;
}
.slozeni img
{
margin-bottom: 5px;}
.slozeni-1,
.slozeni-3
{
padding: 20px 30px;
}
.slozeni-content {
background: linear-gradient(180deg, #EFFBFF 0%, #FFF0FC 100%);
padding: 60px;
margin-top: 70px;
}
.slozeni h4
{
font-size: 18px;
font-weight: 700;
padding: 0;
margin: 0;
color: black;
}
.slozeni a
{
color: black;
text-decoration: underline;
font-size: 14px;
}
.vx-instagram
{
color: black;
}
.footer-banner
{
color: black;
margin-bottom: 60px;
}
.slozeni-content h2
{
margin-bottom: 7px;
}
.footer-banner p
{
text-align: center;
font-size: 16px;
}
.footer-banner .btn
{
margin: auto;
text-transform: none;
padding: 16px 24px ;
font-size: 16px;
font-weight: 700;
}
.footer-banner .button
{
text-align: center;
}
.welcome div, .welcome h1
{
margin: 0;
max-width: none;
}
.welcome div
{
padding: 5px;
}
.vx-doplnek-instagram
{
display: flex;
margin-bottom: 55px;
margin-top: 55px;
justify-content: center;
}
.vx-instagram
{
text-align: center;
margin-bottom: 30px;
margin-top: 40px;
}
.vx-instagram em
{
font-style: normal;
text-decoration: underline;
}
.welcome h2
{
margin-bottom: 50px;
}
/* .homepage-box.welcome-wrapper .content-wrapper-in {
background: url('__nemazat__/vx-bg-welcome.webp') no-repeat center center;
background-size:cover;
min-height: 500px;
} */
.content-wrapper.homepage-box.welcome-wrapper
{
min-height: 500px;
background-image: url('__nemazat__/vx-welcome.webp'),
linear-gradient(275.62deg, #EFFBFF 1.5%, #FFF0FC 94.79%);
background-repeat: no-repeat, no-repeat;
background-position: right center, center center;
background-size: 709px 500px, cover;
}
.in-index h1
{
font-size: 32px;
font-weight: 600;
color: black;
text-align: center;
margin: 0;
margin-bottom: 25px;
}
.in-index h1 img
{
margin-right: 35px;
}
.welcome-wrapper h2
{
font-size: 30px !important;
color: black !important;
font-weight: 700 !important;
text-align: left !important;
padding-top: 20px;
}
.virexa-pomuze h3
{
font-size: 20px;
color: #2D466D;
font-weight: 700;
text-align: left;
margin-top: 0;
}
.virexa-pomuze {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0px;
padding: 50px;
justify-items: start;
align-items: start;
}
.virexa-pomuze > div {
display: flex;
align-items: flex-start;
padding: 0px;
max-width: 90%;
}
.virexa-pomuze .icon {
flex-shrink: 0;
margin-right: 30px;
}
.virexa-pomuze .text p {
font-size: 16px;
color: black;
}
.virexa-pomuze .icon img {
width: 75px;
height: 75px;
}
.extended-banner-link, .extended-banner-text, .extended-banner-title
{
border: 0;
box-shadow: none;
background-color: unset;
}
.extended-banner-text
{
max-width: max-content;
}
.middle-banners-wrapper .extended-banner-text li
{
font-size: 18px;
}
.vx-price
{
font-weight: 700;
font-size: 26px;
}
.vx-flag-z,
.vx-flag-m
{
background: #1479F3;
color: white;
font-size: 16px;
font-weight: 700;
padding: 8px 16px;
border-radius: 32px;
display: inline-block;
}
.vx-flag-z
{
background:#E540C3;
}
.middle-banners-wrapper .extended-banner-text ul li::before
{
width: 18px;
height: 18px;
}
.extended-banner-link
{
right: unset;
left: 0;
top: unset;
bottom: 35px;
color: white;
background-color: var(--color-primary);
font-size: 18px;
padding: 16px 24px;
height: auto;
margin: 0;
display: none;
}
.extended-banner-text
{
color: black;
display: inline-block;
}
.extended-banner-text h3
{
color: black;
font-weight: 500;
}
.extended-banner-text li
{
color: black;
font-size: 20px;
/* padding: 10px 0; */
}
.extended-banner-text ul {
list-style: none;
padding-left: 0;
}
.extended-banner-text ul li {
position: relative;
padding-left: 30px;
}
.extended-banner-text ul li::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 22px;
height: 22px;
background-image: url('__nemazat__/vx-star.svg');
background-size: contain;
background-repeat: no-repeat;
}
.homepage-box
{
border: 0;
background-color: transparent;
}
.in-index h2
{
font-weight: 600;
font-size: 32px;
text-align: center;
color: black;
}
h2.vx-benefit
{
margin-bottom: 37px;
}
.benefit-produkty
{
display: block;
text-align: center;
margin-top: 42px;
border-bottom: 1px solid #E3ECFB;
padding-bottom: 68px;
}
.benefit-produkty .btn
{
text-transform: none;
}
/* hlavička */
#header .cart-count
{
background-color: var(--color-primary);
border-radius: 56px;
padding: 3px 16px;
}
.vx-sms
{
margin-left: 8px;
border: 1px solid var(--color-primary);
border-radius: 54px;
padding: 5px 20px;
}
.vx-sms a
{
color: black;
font-size: 15px;
font-weight: 600;
}
.vx-tel {
font-size: 14px;
color: black;
display: flex;
align-items: center;
gap: 4px;
}
.vx-tel::before {
content: "";
display: inline-block;
width: 33px;
height: 33px;
background: url('__nemazat__/vx-tel.svg') no-repeat center center;
background-size: contain;
flex-shrink: 0;
}
.vx-tel-content {
display: flex;
flex-direction: column;
line-height: 1.4;
}
.vx-number {
white-space: nowrap;
font-size: 16px;
}
.vx-number strong {
font-weight: 700;
}
.vx-hotline {
font-size: 14px;
color: #6C6C6C;
}
.navigation-buttons
{
max-width: 330px;
}
.navigation-buttons>a[data-target=cart] i
{
font-size: 11px;
font-weight: 400;
}
.navigation-buttons>a[data-target=cart] i,
.navigation-buttons>a[data-target=cart]:hover i
{
background-color: black;
}
.header-top .btn.cart-count:before
{
font-size: 14px;
margin-right: 15px;
}
.no-margin:before { margin-right: 3px !important; }
.navigation-buttons>a[data-target=cart] i
{
left:35px;
width: 14px;
height: 14px;
top:3px
}
.navigation-buttons a[data-target=cart], .navigation-buttons a[data-target=cart]:hover
{
color: white;
font-weight: 600;
}
.header-top .btn.cart-count
{
font-size: 14px;
}
.btn.cart-count:before, a.btn.cart-count:before
{
content: "";
background-image: url(__nemazat__/vx-kosik.svg);
width: 29px;
height: 29px;
}
.header-top
{
justify-content: space-between;
align-items: center;
height: 97px;
padding: 0;
}
.header-top>div {
flex-shrink: 0;
flex-basis: auto;
}
.in-kosik .header-top>div,
.in-krok-1 .header-top>div,
.in-krok-2 .header-top>div
{
flex-grow: 0;
margin-right: 16px;
}
.site-msg .close
{
display: none;
}
.site-msg.information
{
max-width: 100%;
width: 100%;
box-shadow:unset;
height: 28px;
}
.db24
{
margin-left: 113px;
}
.site-msg
{
background-color: #F6F6F6;
font-size: 14px;
font-weight: 500;
text-align: center;
padding: 0;
}
.site-msg.information
{
bottom: unset;
top: 0px;
left:0;
opacity: 1;
text-align: center;
}
.site-msg.information
{
position: relative;
}
.in-index .site-msg.information
{
position: fixed;
}
.site-msg.information .text
{
padding: 0;
}
.site-msg svg
{
vertical-align: middle;
height: 20px;
width: auto;
margin-right: 15px;
}
/* patička */
.db-napsali-text,
.db-koupite-text
{
font-size: 24px;
font-weight: 600;
color: #000;
margin-bottom: 40px;
}
.db-napsali-icons img:not(:last-child),
.db-koupite-icons img:not(:last-child)
{
margin-right: 40px;
}
.db-koupite-icons img
{
margin-bottom: 20px;
}
#loga
{
/* display: flex; */
display: none;
margin-bottom: 80px;
justify-content:space-between;
width: 100%;
}
#loga div {
flex: 1;
}
.custom-footer__banner1 .db-tel
{
background-image: url("__nemazat__/footer-tel.svg");
}
.custom-footer__banner1 .db-email
{
background-image: url("__nemazat__/footer-email.svg");
}
.custom-footer ul li
{
padding: 0;
}
.custom-footer__banner1 .db-tel {
background-size: 26px 26px;
margin-bottom: 30px;
}
.custom-footer__banner1 .db-email {
background-size: 30px 24px;
}
.custom-footer__banner1 .db-tel,
.custom-footer__banner1 .db-email
{
background-repeat: no-repeat;
background-position: left center;
}
.custom-footer__banner1 .db-email {
background-size: 30px 24px;
background-repeat: no-repeat;
}
.custom-footer__banner1 ul {
padding-left: 40px !important;
padding: 0
}
.custom-footer__banner1 li
{
font-size: 18px;
font-weight: 300;
}
.custom-footer__banner1 li,
.custom-footer__banner1 li a
{
font-size: 18px;
color: black !important;
font-weight: 300;
}
.custom-footer__banner1 li strong,
.custom-footer__banner1 li strong a
{
font-weight: 600;
}
.custom-footer__banner1 li.small
{
font-size: 14px
}
#footer
{
background: linear-gradient(179.61deg, #EFFBFF 1.83%, #EFFBFF 99.68%);
}
#footer .custom-footer__banner1 ul
{
margin: 0;
}
.custom-footer>div
{
padding-top: 34px;
}
.footer-rows
{
background-color: transparent !important;
}
.footer-bottom.container,
.container.footer-links-icons
{
width: 100% !important;
}
.container.footer-links-icons
{
padding: 40px 0;
}
.footer-bottom.container
{
padding: 20px 0;
}
.container.footer-links-icons
{
border: 1px solid #E3ECFB;
}
.footer-bottom .container
{
display: flex;
flex-direction: row-reverse;
}
.footer-bottom,
.footer-links-icons
{
background-color: white !important;
}
.copyright
{
padding-left: 20px;
}
#footer .site-name
{
display: none;
}
#footer h4
{
font-size: 16px;
font-weight: 700;
text-transform: none;
color: black;
}
.custom-footer
{
padding-left: unset;
}
#footer a:hover
{
color: var(--color-primary) !important;
}
#footer .custom-footer__articles ul a
{
color: #353535;
font-size: 15px;
font-weight: 400;
line-height: 34px;
}
#footer .db-platba,
#footer .db-doprava {
display: flex;
justify-content: space-around;
align-items: center;
margin: auto;
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 600;
}
#footer .copyright,
#footer .copyright strong,
#signature a
{
color: black;
font-size: 16px;
font-weight: normal;
}
#signature, .copyright
{
text-align: unset !important;
}
.custom-footer, .footer-bottom, .footer-links-icons
{
border: 0;
}
@media (min-width: 1440px) {
.container {
width: 1440px !important;
}
}
@media (min-width: 1200px) {
.content-inner
{
max-width: unset;
}
}
@media (min-width: 992px) {
.no-price-cart .popup-widget.cart-widget
{
margin-left:279px
}
.db-zasilka-soukromi-text
{
text-align: left;
}
.slozeni-2
{
display: flex;
justify-content: center;
align-items: center;
}
.extended-banner-link
{
display: block;
}
.extended-banner-text
{
bottom: 93px;
}
.extended-banner-text h3
{
font-size: 22px;
}
.extended-banner-text li
{
line-height: 165%;
}
.middle-banners-wrapper .extended-banner-text h3
{
font-size: 32px;
font-weight: 600;
margin: 15px 0;
}
.extended-banner-title
{
color: black;
line-height: 125%;
font-size: 42px;
font-weight: 600;
display: inline-block;
max-width: 500px;
word-break: break-word;
margin-top: 38px;
}
.price-wrapper+.next-step
{
padding-right: 0;
padding-left: 0;
}
.benefitBanner
{
flex-wrap: wrap;
}
.middle-banners-wrapper .extended-banner-text
{
bottom: 105px;
}
.extended-banner-texts
{
margin-left: 125px;
}
.middle-banners-wrapper .extended-banner-link
{
bottom: 40px;
}
.middle-banners-wrapper .extended-banner-link,
.before-carousel
{
font-weight: 600;
}
.middle-banners-wrapper .extended-banner-texts
{
margin-left: 350px;
}
}
@media (min-width: 992px) and (max-width: 1440px)
{
.extended-banner-text
{
bottom:50px !important;
}
.extended-banner-title
{
line-height: 100% !important;
font-size: 30px !important;
}
.extended-banner-link
{
bottom: 8px !important ;
}
.middle-banners-wrapper .extended-banner-text
{
bottom: 70px !important;
}
.middle-banners-wrapper .extended-banner-link
{
bottom: 10px;
}
.vx-flag-z, .vx-flag-m
{
display: none;
}
.extended-banner-text ul li
{
padding-left: 23px;
}
.middle-banners-wrapper .extended-banner-texts
{
margin-left:320px
}
.middle-banners-wrapper .extended-banner-text h3
{
font-size: 21px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.slozeni-2
{
display: none;
}
.body-banners .banner-wrapper a > img
{
visibility: hidden;
}
.body-banners .banner-wrapper
{
padding: 20px;
background: linear-gradient(112.57deg, #EEFBFF 1.83%, #CAF1FF 98.52%);
border-radius: 40px;
}
.banner-wrapper[data-editorid="element-96"]
{
background: linear-gradient(112.57deg, #FFECFB 1.83%, #FACDF1 98.52%);
}
.vx-form-wrapeer .vx-form-2,
.vx-form-wrapeer .vx-form-1
{
width: 100%;
}
.vx-form-wrapeer
{
flex-direction: column;
margin-bottom: 20px;
}
.benefitBanner
{
flex-wrap: wrap !important;
}
.vx-flag-z, .vx-flag-m
{
display: none;
}
.vx-sms
{
display: none;
}
.content-wrapper.homepage-box.welcome-wrapper
{
background: linear-gradient(275.62deg, #EFFBFF 1.5%, #FFF0FC 94.79%)
}
}
@media (min-width: 768px) {
.in-dekujeme .order-summary-heading-wrapper h1
{
font-weight: 600 !important;
}
.vx-ftel h3,
.vx-femail h3
{
font-weight: 700 !important;
}
.vx-pomoci-1 h2
{
font-weight: 700;
}
.navigation-buttons .no-price:before
{
margin-right: 6px !important;
}
.no-price-cart .cart-widget-product
{
color: black;
font-size: 16px;
font-weight: 600;
}
.no-price-cart .cart-widget-products-inner
{
padding: 14px 0px 14px 6px
}
.no-price-cart .cart-widget-product::before
{
content: "";
background-image: url(__nemazat__/no-price-cart.svg);
width: 38px;
height: 38px;
background-repeat: no-repeat;
margin-right: 9px;
}
.no-price-cart .cart-widget-products .cart-widget-products-inner .cart-widget-product
{
justify-content: flex-start;
align-items: center;
}
.header-top .btn.cart-count .cart-price{
line-height: 29px;
margin: 0;
padding: 0;
}
.order-icon.order-payment
{
margin-top: 60px;
}
.extended-banner-title
{
color: black;
line-height: 125%;
font-weight: 600;
}
.scrolled #header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100px;
z-index: 1000;
background: white;
transition: all 0.3s ease-in-out;
}
.scrolled body {
padding-top: 100px;
}
.scrolled .site-msg {
display: none;
}
.scrolled .type-page .header-top
{
border: 0;
}
/* #header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
background: white;
transition: all 0.3s ease-in-out;
}
body {
padding-top: 80px;
}
.scrolled #header {
background: rgba(255, 255, 255, 0.9);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
*/
#navigation
{
margin-left: auto;
margin-right:10px
}
.fitted .navigation-in ul
{
justify-content: flex-end;
}
.in-krok-2 .co-contact-information .form-group input,
.in-krok-2 .co-billing-address .form-group input,
.in-krok-2 .co-shipping-address .form-group input
{
border-radius: 5px;
width: 420px;
height: 50px;
}
.in-krok-2 .phone-combined-input
{
max-width: 420px !important;
}
.in-krok-2 #billCountryId
{
height: 50px;
width: 420px;
}
.form-group label
{
width: auto;
}
.in-krok-1 .col-md-8 .cart-content
{
margin-right: 40px; }
ol.cart-header,
a, .cart-header li.active strong
{
border: 0;
}
.cart-table tr>td
{
border-right-style: none;
}
.order-header th
{
font-size: 14px;
font-weight: 400;
color: black;
padding-bottom: 11px;
}
.cart-table
{
margin-top: 55px;
border-bottom-style:1px;
border-color: #E3ECFB;
}
.order-header th
{
border-bottom: 1px solid #E3ECFB;
}
.type-page h1,
.type-page h2
{
margin-top: 0;
}
.type-page h1
{
margin-bottom: 40px;
}
.db-balicek
{
margin-top: 50px;
}
.homepage-box
{
padding-top: 10px;
}
/* .site-msg.information
{
left: 45px
} */
.slick-slide
{
margin-right: 50px;
}
.slick-prev
{
left: calc(50% - 65px);
}
.slick-next
{
right: calc(50% - 10px);
}
.vx-slozeni
{
margin-top: 120px;
}
.h2-hodnoceni
{
margin-top: 60px;
}
.in-index h1
{
margin-top: 50px;
}
.homepage-box.middle-banners-wrapper
{
padding-top: 0;
}
.vx-tel
{
margin-left: 80px;
}
.no-dsp
{
display: none;
}
.site-name-wrapper
{
display:flex;
}
.site-name-wrapper > *:first-child {
margin-right: 60px;
}
.benefitBanner
{
flex-wrap: nowrap;
}
.benefitBanner__item {
flex-direction: column;
width: 100%;
}
.benefitBanner__title
{
font-size: 16px;
color: black;
font-weight: 700;
display: inline-block;
max-width: 150px;
word-break: break-word;
text-align: center;
line-height: 22px;
}
.navigation-in ul.menu-level-2 li a span {
white-space: nowrap;
}
.submenu-visible .navigation-in .exp .menu-level-2
{
display: flex !important;
flex-direction:column !important;
align-items: flex-start;
}
.navigation-in>ul>li.ext>ul>li
{
width: auto;
min-height: auto;
text-align: left;
flex-basis: auto;
}
.navigation-in ul.menu-level-2 {
width: auto;
}
.navigation-in > ul > li {
position: relative;
}
.navigation-in ul.menu-level-2 {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-content:flex-start;
position: absolute;
top: 100%;
left: -1px;
min-width: 200px !important;
z-index: 1001;
}
.navigation-in>ul>li.ext>ul>li>a.menu-image
{
display: none;
}
/* Rámeček pro hlavní menu */
.navigation-in>ul>li.ext>ul
{
border: 1px solid #D5D5D5 !important;
background-color: white;
border-radius: 8px !important;
padding: 15px 30px 15px 15px;
}
.navigation-in ul>li.ext>a::after {
position: relative;
width: 8px;
height: 6px;
content: url(__nemazat__/sipka-menu.svg);
margin-left: 6px;
}
.navigation-in>ul>li.exp>a, .navigation-in>ul>li>a:hover
{
color: black;
text-decoration:underline;
}
.navigation-in ul.menu-level-2 a,
.navigation-in>ul>li.ext>ul>li>div>a
{
font-weight: 400;
color: black;
font-size: 16px;
text-decoration: underline;
line-height: 30px;
}
.navigation-in ul.menu-level-2
{
border-color: unset !important;
background-color: transparent;
}
.navigation-in>ul>li.ext>ul>li>a img
{
display: none;
}
.navigation-in>ul>li>a
{
color: black;
font-weight: 400;
font-size: 16px;
}
.navigation-in
{
left: unset;
top: unset;
position: inherit;
background-color: transparent !important;
}
.navigation-in>ul>li
{
border: 0;
}
.top-navigation-bar
{
display: none;
}
#footer .footer-icons {
justify-content: space-around;
margin: 0 !important;
}
#footer .footer-links-icons {
display: flex;
justify-content: space-between;
align-items: center;
margin: auto;
}
#footer .db-doprava-icons svg:not(:last-child),
#footer .db-platba-icons svg:not(:last-child) {
margin-right: 33px;
}
#footer .db-platba-text,
#footer .db-doprava-text {
margin-right: 18px;
}
.custom-footer,
.footer-bottom,
.footer-links-icons {
border-width: 0;
padding: 0;
}
}
@media (max-width: 767px) {
.vx-doplnek-instagram
{
margin-bottom: 20px;
margin-top: 0px;
}
.vx-instagram
{
margin-bottom: 30px;
margin-top: 40px;
}
#dklab_instagram_widget_heading > .text
{
font-size:16px;
}
.in-krok-2 .header-top .site-name-wrapper
{
flex-grow: 1;
}
.in-krok-2 .country-flags
{
height: 36px;
}
.vx-detail-hodnoceni-wrapper
{
margin-bottom: 80px;
}
/* Ikony v mobilním menu */
.menu-item-external-51 > a b::before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
margin-right: 10px;
background-image: url(__nemazat__/menu/Produkty.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
vertical-align: middle;
}
.menu-item-901 > a b::before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
margin-right: 10px;
background-image: url(__nemazat__/menu/informace.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
vertical-align: middle;
}
.menu-item-external-54 > a b::before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
margin-right: 10px;
background-image: url(__nemazat__/menu/reference.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
vertical-align: middle;
}
.menu-item-708 > a b::before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
margin-right: 10px;
background-image: url(__nemazat__/menu/poradna.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
vertical-align: middle;
}
.menu-item-29 > a b::before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
margin-right: 10px;
background-image: url(__nemazat__/menu/Kontakt.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
vertical-align: middle;
}
#vx-detail-uziti .vx-jak-uzivat-wrapper
{
flex-direction: column;
}
.garance30,
#vx-detail-produktu p
{
display: none;
}
.garance-col
{
display: flex;
font-size: 20px;
text-align: left;
}
.garance-star-img
{
width: 19px;
height: 19px;
margin-right: 10px;
}
.garance-flex
{
gap: 10px;
}
.popup-widget.cart-widget, .popup-widget.login-widget
{
scroll-padding-top: 135px !important;
}
.popup-widget.cart-widget, .popup-widget.login-widget
{
padding-top: 135px !important;
}
#content .filters-unveil-button-wrapper .unveil-button
{
background-color: var(--color-secondary) !important;
border-color: var(--color-secondary) !important;
}
.p-thumbnails-wrapper .p-thumbnails
{
margin-left: 30px !important
}
.vx-bottom
{
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.body-banners .extended-banner-text ul li,
.wide-carousel .extended-banner-text li
{
line-height:180%;
}
.body-banners .extended-banner-text h3
{
font-size: 24px !important;
font-weight: 600;
margin-top: 10px;
margin-bottom: 10px;
}
.body-banners .extended-banner-link
{
font-size: 16px;
margin: 0px;
padding: 16px 8px;
}
/* .body-banners .banner-wrapper > a
{
margin-left:30px !important;
margin-right:30px !important;
} */
.ordering-process .site-name
{
display: block;
}
.in-kosik .header-top>div, .in-krok-1 .header-top>div, .in-krok-2
{
flex-grow: 1;
}
.ordering-process .header-top
{
justify-content: flex-start;
}
.hodnoceni-3,
.hodnoceni-1 .hodniceni-info
{
font-size: 16px;
}
#navigation .appended-category,
#navigation .navigationActions
{
display: none;
}
.id-708 h1
{
/* poradna */
margin-bottom: 10px;
}
.cart-popup .cart-widget-product
{
color: black;
font-size: 16px;
font-weight: 600;
align-items: center;
}
.cart-popup .cart-widget-products-inner
{
padding: 8px
}
.cart-popup .cart-widget-product::before
{
content: "";
background-image: url(__nemazat__/no-price-cart.svg);
width: 38px;
height: 38px;
background-repeat: no-repeat;
margin-right: 9px;
}
.cart-popup .cart-widget-products .cart-widget-products-inner .cart-widget-product
{
justify-content: flex-start;
align-items: center;
}
.db-mam-ucet a
{
font-weight: 600;
}
.type-detail .p-info-wrapper
{
margin-top:30px
}
.garance-img {
content: url('/user/documents/upload/30-dni-mobil.jpg');
}
h2.vx-benefit,
.faq-wrapper h2
{
font-size: 24px !important;
}
.in-login .content-wrapper-in
{
width: calc(100% - 32px);
margin: auto;
}
.next-step .btn.btn-lg
{
margin: auto;
}
.cart-header.step-1, .cart-header.step-2
{
margin-bottom: 0;
}
[data-testid="eshopHeader"]::first-letter { text-transform: uppercase; }
.site-msg.information
{
position: fixed;
}
.vx-form-2
{
gap:0 !important
}
.vx-form-wrapeer
{
margin-top: 23px ;
}
.advanced-parameter.has-image:nth-of-type(2)::before {
top: -25px;
width: 360px;
height: 43px;
background-image: url('__nemazat__/nej-mobil.svg');
background-position: center;
}
.advanced-parameter.has-image:nth-of-type(2)
{
margin-top: 25px !important;
}
#vx-detail-produktu
{
flex-wrap: wrap;
justify-content: flex-start;
background-color: #DFF7FF;
}
.vx-detail-wrapper
{
padding: 0px;
margin-bottom: 20px;
background: url('__nemazat__/produkt-bg-mobil.png');
background-repeat: no-repeat;
background-position: center bottom;
background-size: contain;
min-height:611px
}
#vx-detail-produktu h2
{
font-size: 24px !important;
text-align: left;
margin-bottom: 22px;
}
.vx-column:first-child
{
margin-right: 0 !important;
}
.body-banners .banner-wrapper img
{
margin: auto;
}
.ordering-process .quantity-form .quantity
{
padding: 0;
}
.ordering-process .quantity-form .quantity .decrease
{
right: 0;
top: 0;
}
.ordering-process .quantity-form .quantity .decrease, .ordering-process .quantity-form .quantity .increase
{
width:25px;
}
.ordering-process .quantity input
{
padding: 0;
text-align: left !important;
}
.cart-table .p-quantity .quantity input
{
width: 38px;
}
#navigation
{
top: 35px;
}
.navigation-in>ul>li>a,
.navigation-in ul.menu-level-2 li a
{
color: black;
}
.navigation-in>ul>li>a b
{
font-weight: 500;
}
.vx-detail-slozeni-wrapper
{
padding: 10px;
margin-bottom: 22px;
}
.vx-detail-slozeni
{
width: 100%;
margin: 0;
}
.vx-detail-slozeni-wrapper h2
{
font-size: 24px;
}
.vx-detail-slozeni-wrapper p
{
font-size: 16px;
}
.vx-jak-uzivat-detail,
.vx-jak-slozeni-detail
{
width: 100%;
}
.vx-jak-slozeni-detail
{
margin-left: 0;
}
.vx-jak-slozeni-detail table
{
width: 100%;
}
#vx-detail-uziti .basic-description
{
flex-direction: column;
}
.advanced-parameter-inner.yes-before:before, .disabled .advanced-parameter-inner:before
{
background-position: calc(100% - 5px) 5px;
}
/* .p-detail-inner .p-thumbnails-wrapper
{
display: none;
} */
.advanced-parameter
{
/* width: calc(100% - 20px); */
width: 359px;
margin-left:0px
}
.advanced-parameter-inner
{
flex-direction: row;
padding: 15px;
}
.advanced-parameter-inner .vx-par-price {
font-size: 16px;
display: block;
}
.advanced-parameter-inner .vx-par-title {
font-size: 16px;
order:2;
flex-grow: 1;
text-align: left;
white-space: nowrap;
padding-left: 8px;
}
.advanced-parameter-inner img
{
order: 1
}
.advanced-parameter-inner .vx-par-popis
{
font-size: 12px;
order:3;
}
.type-detail .p-info-wrapper .flags,
.type-detail .p-info-wrapper h1
{
margin-left: 20px;
}
.type-detail .p-info-wrapper h1
{
margin-bottom: 15px;
font-size: 23px;
}
.shp-tabs-wrapper
{
margin: 0;
}
.p-info-wrapper .add-to-cart, .p-info-wrapper .availability-value, .p-info-wrapper .p-final-price-wrapper,
.type-detail .btn.add-to-cart-button.btn-lg,
.add-to-cart-wrapper
{
width: 100%;
margin-left: 0;
}
.p-info-wrapper .detail-parameters
{
margin-left: 15px;
}
.p-info-wrapper .p-final-price-wrapper
{
margin-bottom: 0;
}
.p-info-wrapper .add-to-cart
{
width: calc(100% - 32px);
margin: auto;
}
.benefitBanner__picture
{
max-width: unset;
}
.id-723 img
{
padding: 0 20px
}
.id-723 h1
{
padding: 0 35px
}
.benefit-produkty
{
margin-bottom: 25px;
}
.modal h2
{
color: black !important;
font-size: 22px !important;
}
.modal {
left: 50%;
width: calc(100% - 35px);
transform: translate(-50%, -50%);
padding: 15px;
max-height: 95vh;
}
.modal p {
text-align: left;
}
.modal h2 {
text-align: left;
font-size: 22px;
}
.modal .sms {
padding: 6px 23px;
}
.modal .sms p {
padding: 6px 23px;
text-align: center;
}
.in-dekujeme .cart-table tr
{
justify-content: center;
flex-wrap: nowrap;
align-items: center;
}
.in-dekujeme .cart-table tr>td.p-name {
flex: 1 1 auto;
}
.in-dekujeme .cart-table .cart-p-image img
{
width: 60px;
}
.in-dekujeme .cart-table tr>td
{
width: unset;
}
.in-dekujeme table.table.recapitulation-table>tbody>tr td,
.in-dekujeme table.table.recapitulation-table>tbody>tr th
{
padding: 8px 4px !important;
}
.in-dekujeme table.table.recapitulation-table>tbody>tr td
{
white-space: nowrap;
}
.in-dekujeme .content-wrapper
{
padding: 0 16px !important;
}
.in-dekujeme .order-summary-heading-wrapper
{
padding: 24px;
}
.in-dekujeme table.table.recapitulation-table>tbody>tr
{
display: flex;
}
.cart-wrapper
{
padding: 0 16px;
}
.box-delivery .delivery
{
width: calc(100% - 40px);
margin-left: 20px;
margin-bottom: 15px;
padding: 40px;
}
.extra.delivery
{
background-color: #F6F6F6 !important;
padding: 20px;
border-radius: 5px;
}
.cart-summary
{
padding: 16px 0;
}
.in-krok-1 .order-icon.order-payment
{
margin-top: 60px
}
.cart-content+.cart-content
{
width: 100%;
}
.next-step, .next-step .next-step-back
{
text-align: center;
margin-top: 15px;
}
.advanced-order .extras-wrap .extra.step
{
flex-direction: column;
}
.extras-wrap .step-button
{
margin:0;
margin-top: 10px;
width: 80%;
order: 1;
}
.extras-wrap .step-button-cart
{
width: 80%;
}
#header .search-whisperer
{
width: 101%;
}
.cart-table tr td
{
border: 0;
}
.next-step
{
padding: 0;
}
.in-kosik h1, .in-krok-1 h1, .in-krok-2 h1
{
margin: 25px;
}
.in-krok-1 .cart-content
{
padding: 5px 10px !important;
}
.co-box
{
border: 0;
}
.box.co-box h4, .co-box h4
{
padding-left: 50px;
margin-left: 5px;
}
.radio-wrapper input[type=radio]+label
{
flex-wrap: wrap;
padding-left: 20px;
padding-right: 10px;
}
.payment-logo img
{
height: 40px;
width: auto;
object-fit: contain;
}
.radio-wrapper input[type=radio]+label .payment-shipping-price
{
flex-shrink: 0;
white-space: nowrap;
}
.radio-wrapper input[type=radio]+label .payment-info
{
flex: 1;
min-width: 0;
}
.radio-wrapper input[type=radio]+label .payment-info b
{
font-size: 14px;
word-break: break-word;
}
ol.cart-header
{
display: flex;
position: relative;
justify-content: space-around;
width: 99%;
}
ol.cart-header li
{
display: block;
position: relative;
padding:0;
border: 0;
}
ol.cart-header li a span:before, ol.cart-header li strong span:before
{
display: flex;
justify-content: center;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 1rem;
}
ol.cart-header .active strong span:before
{
background-color: var(--color-secondary);
color: #fff !important;
}
ol.cart-header li.step-1 span::after,
ol.cart-header li.step-2 span::after,
ol.cart-header li.step-3 span::after
{
width: 60px;
}
ol.cart-header li.step-1 span::after
{
right: -38px;
}
ol.cart-header li.step- span::after
{
right: -43px;
}
ol.cart-header li a span,
ol.cart-header li strong span
{
text-align: center;
font-size: 12px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 10px;
}
ol.cart-header li strong span
{
font-weight: 600;
}
.cart-header {
border-color: #dbdbdb;
background-color: #fff;
}
.in-kosik .p-total .price-final
{
font-weight: 700;
}
.cart-table tbody>tr
{
margin-bottom:0 !important;
}
.cart-table tr
{
border-bottom: 1px solid #dbdbdb
}
.cart-table .removeable {
display: grid;
grid-template-columns: 85px repeat(2, 1fr);
/* grid-template-rows: repeat(5, auto); */
align-items: center;
padding: 20px 0;
}
.cart-table .p-label
{
display: none;
}
.cart-table {
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
border-collapse: collapse;
}
.cart-table .removeable .p-name {
grid-column-start: 2;
grid-column-end: -1;
grid-row: 1 / span 1;
width: unset;
}
.cart-table tbody .cart-table__header {
font-size: 13px;
font-size: 1.3rem;
font-weight: 700;
text-align: center;
white-space: nowrap;
}
.cart-table .removeable .cart-p-image img
{
width: 70px;
}
.cart-table .removeable:nth-of-type(2) .remove-item
{
top: 0px;
}
.cart-table tbody>tr .inline
{
position: absolute;
right: 0;
top: 5px;
}
.cart-table .removeable .p-name .main-link
{
font-size: 14px;
font-weight: 600;
}
.cart-table .p-price.p-cell
{
display: none;
}
.cart-table .removeable .p-availability {
grid-column: 2 / span 1;
grid-row: 3 / span 2;
margin: 0 10px;
}
.cart-table .removeable .p-quantity {
grid-column: 1 / span 1;
grid-row: 3 / span 2;
}
.cart-table .removeable .p-price {
grid-column: 4 / span 2;
grid-row: 3 / span 1;
justify-content: flex-end;
}
.cart-table .removeable .p-total {
grid-column: 4 / span 2;
grid-row: 3 / span 2;
}
.cart-table tbody>tr {
position: relative;
margin-bottom: 12px;
}
cart-table .removeable {
grid-template-columns: 80px minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr) 30px;
grid-template-rows: minmax(75px, auto) repeat(5, auto);
padding: 0 0 10px;
margin-bottom: 10px;
}
.availability-label svg
{
display: none;
}
.vx-pomoci-wrapper
{
flex-direction: column;
padding: 0 16px;
}
.faq-wrapper {
background: linear-gradient(275.62deg, #EFFBFF 1.5%, #FFF0FC 94.79%);
border-radius: 0px;
margin-top: 80px;
margin-bottom: 120px;
margin-top: 35px;
margin-bottom: 60px;
padding: 16px;
}
.vx-pomoci-wrapper .vx-ftel
{
margin-bottom: 16px;
}
.vx-pomoci-wrapper .vx-ftel,
.vx-pomoci-wrapper .vx-femail
{
padding: 25px;
}
.vx-pomoci-wrapper > div
{
width: 100%;
}
.db-zasilka-soukromi
{
border-radius: 20px 20px 0 0;
border: 1px solid #E3ECFB;
border-bottom: unset;
margin-left:0px;
margin-bottom: -15px;
}
.db-zasilka-text
{
margin-left: 0px;
}
.db-zasilka-soukromi-text
{
text-align: center;
margin-top: 16px;
}
.db-zasilka-text h2
{
font-size: 18px !important;
}
.vx-form-1 .form-group
{
align-items: flex-end;
}
.db-zasilka-soukromi,
.db-zasilka-info
{
flex-direction: column;
}
.db-zasilka-info
{
padding: 0 16px;
}
.vx-form-1 h3
{
font-size: 22px !important;
}
.vx-kontakty-wrapeer
{
padding: 29px 24px 24px 24px;
background: url(__nemazat__/vx-kontakty-mobil.png), linear-gradient(275.62deg, #EFFBFF 1.5%, #FFF0FC 94.79%);
background-repeat: no-repeat;
background-repeat: no-repeat;
background-position: right top;
}
.vx-ftel p
{
font-size: 14px;
}
.vx-form-wrapeer .vx-form-1, .vx-form-2 > div
{
padding: 24px;
}
.vx-kontakty-1 h2
{
text-align: left;
}
.vx-kontakty-1 p
{
font-size: 14px;
}
.vx-kontakty-2
{
margin: auto;
}
.vx-kontakty-wrapeer img
{
width: 110px;
margin-top: 44px;
}
.vx-kontakty-3 p,
.vx-kontakty-3 h3
{
text-align: center;
}
.vx-kontakty-3 h3
{
font-size: 18px;
}
.vx-kontakty-3-wrapper
{
padding: 0;
justify-content:center;
margin-top: 15px;
}
.vx-form-2 h3
{
font-size: 22px;
}
.vx-form-1 .form-group
{
flex-direction: column;
}
.in-kontakty .content-inner
{
padding: 0 16px;
}
.vx-kontakty-wrapeer,
.vx-kontakty-1,
.vx-form-1,
.vx-form-wrapeer
{
flex-direction: column;
}
.vx-form-wrapeer .vx-form-1,
.vx-form-wrapeer .vx-form-2
{
width: 100%;
}
.vx-form-wrapeer .vx-form-1
{
order: 2;
}
.content-wrapper.container
{
padding: 0;
}
.db-doprava-platba
{
padding-left: 10px;
padding-right: 10px;
}
.overall-wrapper
{
padding-top: 0 !important;
}
.slick-prev ,.slick-next
{
top: calc(100% + 30px);
padding-left: 8px;
padding-top: 5px;
}
.slick-prev
{
left: calc(50% + -36px);
}
.slick-next
{
right: calc(50% - 36px);
}
.db-balicek
{
margin-bottom: 10px;
}
.db-balicek-wrapper h2
{
font-size: 26px !important;
}
.db-balicek-wrapper
{
padding: 16px;
border-radius: 0;
background-image: linear-gradient(275.62deg, #EFFBFF 1.5%, #FFF0FC 94.79%);
}
.db-balicek .db-balicek-box
{
margin: 0;
}
.doprava {
flex-direction: column;
align-items: flex-start;
}
.db-doprava
{
margin-bottom: 20px;
}
.in-doprava-a-platba .doprava p
{
margin-top: 15px;
}
.content-inner .in-doprava-a-platba .db-doprava, .content-inner .in-doprava-a-platba .db-platba
{
padding: 10px 20px;
}
.footer-banner
{
margin-top: 20px !important;
}
.hodnoceni
{
margin: 0 10px;
}
.h2-hodnoceni
{
font-size: 24px !important;
}
/* .slozeni a
{
text-decoration: none;
margin-top: 3px;
} */
.body-banners .banner-wrapper > a
{
background: linear-gradient(112.57deg, #EEFBFF 1.83%, #CAF1FF 98.52%);
border-radius: 20px;
display: flex;
flex-direction: column;
justify-content: center;
align-items:flex-start;
margin: 0px 25px 30px 25px;
padding: 20px;
}
.vx-flag-z, .vx-flag-m
{
margin-top: 20px;
}
[data-editorid="bannerMiddle"] a h3
{
font-size: 24px !important;
font-weight: 600 !important;
}
.extended-banner-texts {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.vx-price {
font-size: 26px;
font-weight: bold;
color: black;
}
.extended-banner-link {
margin-left: 10px;
}
.slozeni h4
{
font-size: 16px;
font-weight: 600;
}
/* .slozeni-content h2
{
font-size: 24px;
} */
.no-mobil
{
display: none;
}
.slozeni-content p
{
font-size: 14px;
text-align: left;
}
.slozeni p
{
text-align: center;
}
.extended-banner-texts
.carousel-inner .item,
.carousel-inner>.item.active,
.extended-banner-texts,
.extended-banner-title,
.extended-banner-texts,
.extended-banner-text,
.extended-banner-title,
.extended-banner-link
{
left: unset;
right: unset;
top:unset;
bottom: unset;
position: relative;
margin: 0;
padding: 0;
display: inline-block;
}
[data-editorid="bannerMiddle"] .banner-wrapper > a .extended-banner-link
{
position: absolute;
bottom:-5px;
display: block;
right: -105px;
font-size: 16px;
padding: 15px 8px;
font-weight: 400;
}
.vx-instagram img
{
margin-right: 5px;
}
.homepage-box
{
margin-top: 20px !important;
margin-bottom:0px !important;
}
.carousel-inner>.item.active
{
padding: 20px 25px;
background: linear-gradient(275.62deg, #EFFBFF 1.5%, #FFF0FC 94.79%);
border-radius: 20px;
margin: 15px 24px;
}
.extended-banner-text h3
{
font-size: 18px;
font-weight: 500;
}
.extended-banner-text li
{
font-size: 17px;
}
.extended-banner-link
{
padding: 16px 24px;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive
{
text-align: center;
margin: auto auto 12px auto;
}
.extended-banner-title
{
font-size: 24px;
font-weight: 600;
color: black;
}
.in-index .content-wrapper.container .row>div
{
margin: 0;
padding: 0;
}
.slozeni-content
{
margin-top:80px;
padding: 20px;
}
.slozeni-2
{
display: none;
}
.in-index h1 img
{
display: none;
}
.in-doprava-a-platba .db-doprava-platba,
.db-balicek
{
flex-direction: column;
}
.in-doprava-a-platba .db-doprava,
.in-doprava-a-platba .db-platba
{
width: 100% !important;
}
.type-page h1
{
font-size: 28px;
}
.position--benefitHomepage
{
display: flex;
flex-wrap: wrap;
gap: 10px;
}
h2.vx-benefit
{
margin-top: 40px;
}
.benefitBanner__title
{
color: black;
font-size: 16px;
font-weight: 700;
}
.benefitBanner__content
{
text-align:center
}
.benefitBanner__item
{
flex-direction: column;
flex-basis: calc(50% - 10px);;
}
.type-page h2
{
font-size: 18px;
}
.breadcrumbs
{
border:0
}
.type-page .header-top
{
margin: 0;
}
.in-index h1 img
{
margin-right: 20px;
height: 38px;
}
.header-top>div
{
display: flex;
}
.site-msg.information
{
background-color: #F1F9FF;
height: 35px;
text-align: center;
line-height: 35px;
text-decoration: underline;
font-size: 16px;
font-weight: 400;
width: 100%;
max-width: 100%;
z-index: 999;
}
.site-msg.information a,
#smsLink
{
color: black;
text-decoration: none;
}
.site-msg.information .text::before {
content: "";
background-image: url(__nemazat__/vx-sms-mobil.svg);
width: 18px;
height: 18px;
display: inline-block;
padding-left: 25px;
background-size: 18px;
background-repeat: no-repeat;
margin-bottom: -3px;
}
#header
{
border: 0;
}
#header .site-name
{
position: relative;
}
.top-navigation-bar
{
position: relative;
}
.site-name-wrapper
{
gap: 0px;
flex-grow: 1;
}
.header-top
{
height: 95px;
background-color:#2D466D;
display: flex;
}
#header .site-name img,
#header .site-name,
#header,
.menu-helper,
#header .cart-count,
.responsive-tools>a[data-target=navigation],
.ordering-process .responsive-tools>a[data-target=navigation]
{
position: relative;
left:unset;
right:unset;
top: unset;
bottom: unset;
padding: 0;
margin: 0;
}
.responsive-tools>a[data-target=navigation] ,
.ordering-process .responsive-tools>a[data-target=navigation]
{
width: 88px;
max-width: 88px;
background-color: white;
border-radius: 20px;
z-index: 100;
position: relative;
line-height: 34px;
height: 34px;
}
.responsive-tools>a:before
{
height: 40px;
width: 32px;
}
.responsive-tools>a[data-target=navigation]:after {
content: "Menu";
font-size: 16;
font-weight: 400;
color: #000;
}
.overall-wrapper
{
padding-top: 36px;
}
#header .site-name
{
margin-left: 16px !important;
}
.responsive-tools
{
justify-content: flex-end;
margin-right: 16px;
flex-grow: 0;
}
.btn.cart-count:before, a.btn.cart-count:before
{
width: 35px;
height: 35px;
background-repeat: no-repeat;
background-position: center;
}
.responsive-tools>a:before
{
line-height: 40px;
}
.responsive-tools>a
{
display: flex;
justify-content: center;
align-items: center;
}
.responsive-tools>a[data-target=navigation]:before,
.responsive-tools>a[data-target=navigation]:hover:before {
background-color: transparent;
color: black;
}
.header-top .btn.cart-count:before
{
margin: 0;
}
#header .cart-count
{
padding: 5px;
margin-right: 13px;
}
#header .container .header-top
{
display: flex;
flex-wrap: wrap;
justify-content:flex-end;
margin-top: 35px;
}
#header .site-name>a
{
justify-content: left;
}
.navigation-wrapper
{
padding: 0;
}
/*
#header
{
margin-top: 23px;
}
*/
.in-index h1
{
font-size: 24px;
margin: 30px;
}
.welcome div
{
padding: 0;
margin-bottom: 5px;
}
.virexa-pomuze h3
{
font-size: 16px;
text-align: center;
}
.virexa-pomuze
{
display: flex;
flex-wrap: wrap;
}
.homepage-box.welcome-wrapper
{
padding: 5px;
}
.virexa-pomuze > div
{
max-width: calc(50% - 10px);
}
.virexa-pomuze .icon
{
margin: 0 0 20px 0 !important;
}
.virexa-pomuze .icon img
{
width: 65px;
height: auto;
}
.virexa-pomuze .text p
{
font-size: 14px;
text-align: center;
display: none;
}
.content-wrapper.homepage-box.welcome-wrapper
{
min-height: auto;
background: linear-gradient(275.62deg, #EFFBFF 1.5%, #FFF0FC 94.79%);
}
.welcome-wrapper h2
{
font-size: 25px !important;
text-align: center !important;
font-weight: 600 !important;
margin-bottom: 40px !important;
}
.virexa-pomuze > div
{
flex-direction: column;
justify-content:space-between;
align-items:center;
}
.virexa-pomuze
{
justify-content: space-between;
}
.vx-sms,
.vx-tel,
.responsive-tools [data-target=search], .responsive-tools [data-target=search]:hover
{
display: none;
}
.footer-bottom .container
{
flex-direction: column-reverse;
}
#footer .db-platba,
#footer .db-doprava
{
display: flex;
flex-direction: column;
}
.footer-icons,
#footer .db-platba,
#footer .db-doprava
{
justify-content: flex-start;
align-items: flex-start;
}
.db-doprava-icons img, .db-doprava-icons svg,
.db-platba-icons img, .db-platba-icons svg
{
margin-bottom: 20px;
margin-top: 15px;
vertical-align: top;
}
.footer-icon .db-platba-icons img,
.footer-icon .db-platba-icons svg
{
max-height: 22px;
}
.footer-icon .db-doprava-icons img:not(:first-child), .footer-icon .db-doprava-icons svg:not(:first-child),
.footer-icon .db-platba-icons img:not(:first-child), .footer-icon .db-platba-icons svg:not(:first-child)
{
margin-left: 20px;
}
.db-doprava-icons
{
margin: 0;
padding: 0;
width: 100%;
}
.footer-links-icons .container {
padding: 0 !important;
}
.custom-footer,
.custom-footer>div
{
padding-top: 0;
}
#loga
{
flex-direction: column;
margin-bottom: 35px;
}
#loga .db-napsali img
{
max-height: 35px !important;
}
#loga .db-koupite img
{
max-height: 55px !important;
}
.db-napsali-text, .db-koupite-text
{
font-size: 18px;
margin-bottom: 15px;
}
.db-napsali
{
margin-bottom: 35px;
}
.db-napsali-icons img:not(:last-child), .db-koupite-icons img:not(:last-child)
{
margin-right: 20px;
}
/* dolní menu */
.custom-footer>div,
.elements-4 .banner-wrapper
{
padding: 0;
margin-top: 0;
padding-left: 15px;
}
.custom-footer__articles ul {
display: none;
}
.custom-footer__articles h4 {
cursor: pointer;
align-items: left;
}
.custom-footer__banner1
{
margin: 30px 0 !important;
}
.footer-icons {
justify-content: left;
}
#footer h4
{
font-weight: 600;
}
.custom-footer__banner2,
.custom-footer__banner3,
.custom-footer__banner4
{
border-top: 1px solid #C6D9DF;
align-items: center;
background-image: url("__nemazat__/paticka_zobacek.svg");
background-repeat: no-repeat;
background-position: top 20px right 15px;
}
.custom-footer__banner4
{
border-bottom: 1px solid #C6D9DF;
}
.custom-footer__banner2 h4,
.custom-footer__banner3 h4,
.custom-footer__banner4 h4
{
width: 600px;
overflow: hidden;
}
.custom-footer > div:not(:first-child) h4 {
margin: 0;
line-height: 50px;
}
.footer-rows .banner {
margin: 0 !important;
padding: 0 !important;
}
.banner {
min-height: auto;
}
}
@media (max-width: 600px) {
.db-diskretni-baleni-tooltip {
width: 370px;
height: 350px;
top:-145px;
right: -20px;
}
.db-diskretni-baleni-tooltip::after {
left: 80%;
top: 9px;
position: relative;
}
.db-diskretni-baleni div:first-child
{
width: 30%;
}
.db-diskretni-baleni img
{
border-radius: 5px;
}
.db-diskretni-baleni div:last-child
{
width: 70%;
padding: 10px;
}
}