@import "offcanvas/dist/hc-offcanvas-nav.css";
@import 'aos/aos.css';
@font-face {
font-family: "Ekstra-regular";
src: url("fonts/Ekstra-Regular.eot");
src: url("fonts/Ekstra-Regular.eot") format("embedded-opentype"), url("fonts/Ekstra-Regular.woff2") format("woff2"), url("fonts/Ekstra-Regular.woff") format("woff");
}
@font-face {
font-family: "Ekstra-bold";
src: url("fonts/Ekstra-Bold.eot");
src: url("fonts/Ekstra-Bold.eot") format("embedded-opentype"), url("fonts/Ekstra-Bold.woff2") format("woff2"), url("fonts/Ekstra-Bold.woff") format("woff");
}
@font-face {
font-family: "Blitz-Script";
src: url("fonts/Blitz-Script.woff2") format("woff2"), url("fonts/Blitz-Script.woff") format("woff");
}
html {
margin: 0;
padding: 0;
font-family: "Ekstra-regular", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.5em;
font-size: 18px;
color: #1e1e1e;
position: relative;
scroll-behavior: smooth;
background-color: #f9faff;
scroll-behavior: smooth;
}
@media (max-width: 1458px) {
html {
font-size: 14px;
}
}
@media (max-width: 1228px) {
html {
font-size: 14px;
}
}
@media (max-width: 768px) {
html {
font-size: 14px;
}
}
body {
margin: 0;
padding: 0;
min-height: 100%;
background-color: #d8ebe7;
}
body.index header .logo {
position: absolute;
width: 47%;
min-width: 6.7222222222rem;
min-height: 2.4444444444rem;
max-width: 42.6666666667rem;
max-height: 15.5rem;
top: 172px;
top: min(170px, 12vw);
}
body.index header .logo a img {
width: 100%;
height: auto;
min-width: 9.3333333333rem;
min-height: 3.4444444444rem;
}
@media (max-width: 1458px) {
body.index header .logo a img {
min-width: 6.7222222222rem;
min-height: 2.4444444444rem;
}
}
@media (max-width: 1228px) {
body.index header .logo {
min-width: 6.1111111111rem;
min-height: 2.2222222222rem;
width: 90%;
max-width: 15.6111111111rem;
max-height: 5.6666666667rem;
left: 50%;
transform: translateX(-50%);
}
}
body.index header .mob-menu {
flex-grow: 1;
}
body.checkout {
background: linear-gradient(to right, white 0%, white 50%, whitesmoke 50%, whitesmoke 100%);
}
body.checkout.cart {
background: #d8ebe7;
}
@media (max-width: 1228px) {
body.checkout.cart {
background: #ffffff;
}
}
@media (max-width: 1228px) {
body.checkout {
background: #ffffff;
}
}
p {
margin: 0 0 1rem;
}
p:last-child {
margin-bottom: 0;
}
li {
transition: all 0.3s ease;
}
a {
color: #1e1e1e;
text-decoration: none;
outline: none;
transition: all 0.3s ease;
}
a::before {
transition: all 0.3s ease;
}
a::after {
transition: all 0.3s ease;
}
a:hover {
color: #1e1e1e;
text-decoration: none;
}
a.active {
color: #1e1e1e;
}
a.link-with-icon {
display: inline-flex;
align-items: center;
}
a.link-with-icon .icn {
margin: 0 0.3888888889rem 0 0;
}
a img {
border: none;
outline: none;
}
.show {
display: block;
}
.hide {
display: none;
}
.cf:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.cf {
display:block;
clear:both;
}
input[type=text] {
box-sizing: border-box;
padding: 0.5555555556rem 0.8333333333rem;
border: 1px solid #9faee5;
font-family: "Ekstra-regular", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.5em;
background-color: white;
color: #1e1e1e;
font-size: 0.8333333333rem;
}
input[type=text]::placeholder {
color: #9faee5;
}
.red {
color: red;
}
.cont-block {
margin: 1rem 0;
}
.cont-block:first-child {
margin-top: 0;
}
h1.wrap-title, .cont-block h1.wrap-title, .wrap-title {
margin: 1.6666666667rem 0 3.3333333333rem;
padding: 0;
font-family: "Ekstra-regular", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.5em;
color: #003f4a;
font-size: 3.3333333333rem;
font-weight: 400;
text-transform: uppercase;
line-height: 1.25em;
}
@media (max-width: 1228px) {
h1.wrap-title, .cont-block h1.wrap-title, .wrap-title {
margin: 2.1428571429rem 0 2.8571428571rem;
font-size: 2.1428571429rem;
}
}
.btn {
display: inline-block;
padding: 0.8333333333rem 2.5rem;
border-radius: 10px;
border: 2px solid #003f4a;
transition: all 0.3s ease;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
color: #003f4a;
font-size: 1.2222222222rem;
text-align: center;
text-transform: uppercase;
background-color: #d8ebe7;
}
@media (max-width: 1228px) {
.btn {
padding: 1.4285714286rem 2.2222222222rem;
}
}
@media (max-width: 768px) {
.btn {
box-sizing: border-box;
width: 100%;
}
}
.btn:hover {
background-color: #003f4a !important;
color: white !important;
}
.btn.btn-light {
background-color: #d8ebe7 !important;
color: #003f4a !important;
border-color: #d8ebe7 !important;
}
.btn.btn-light:hover {
background-color: #003f4a !important;
color: white !important;
border-color: #003f4a !important;
}
.btn.btn-dark {
padding-left: 2.5rem;
padding-right: 2.5rem;
background-color: #003f4a !important;
color: white !important;
border-color: #003f4a !important;
}
.btn.btn-dark:hover {
background-color: #d8ebe7 !important;
color: #003f4a !important;
border-color: #003f4a !important;
}
.btn.btn-icon-next {
padding: 1.1111111111rem 4.4444444444rem 1.1111111111rem 2.5rem;
background: url("../img/icn-arrow-right-lines-white.svg") calc(100% - 2.5rem) center no-repeat;
background-size: 0.8888888889rem 1.4444444444rem;
background-color: #003f4a !important;
color: white !important;
border-color: #003f4a !important;
}
.btn-more {
display: inline-flex;
align-items: center;
padding: 0.8333333333rem 1.9444444444rem;
border-radius: 10px;
border: 2px solid white;
transition: all 0.3s ease;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
color: white !important;
font-size: 1.2222222222rem;
text-transform: uppercase;
background-color: #003f4a;
}
.btn-more::after {
margin: 0 0 0 1.9444444444rem;
content: "";
display: inline-block;
width: 2.0555555556rem;
height: 1.4444444444rem;
background: url("../img/icn-arrow-full-right-white.svg") center center no-repeat;
background-size: contain;
position: relative;
left: 0;
transition: all 0.3s ease;
}
.btn-more:hover {
background-color: #003f4a;
color: white;
}
.btn-more:hover::after {
left: 3px;
}
@media (max-width: 768px) {
.btn-more {
box-sizing: border-box;
width: 100%;
justify-content: center;
}
}
.custom-select-menu {
position: relative;
display: inline-block;
z-index: 1;
text-align: left;
}
.custom-select-menu.open {
z-index: 10;
}
.custom-select-menu.open a.act-value::after {
transform: rotate(-90deg);
}
.custom-select-menu a.act-value {
box-sizing: border-box;
padding: 0.5555555556rem 0.5555555556rem 0.5555555556rem 0.5555555556rem;
width: 100%;
min-width: 11.6666666667rem;
display: inline-flex;
align-items: center;
justify-content: space-between;
background-color: #003f4a;
border-bottom: 2px solid white;
color: white;
font-size: 1.2222222222rem;
font-weight: 400;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
z-index: 2;
}
.custom-select-menu a.act-value::after {
margin: 0 0 0 1.0555555556rem;
content: "";
display: inline-block;
width: 0.8333333333rem;
min-width: 0.8333333333rem;
height: 0.5555555556rem;
background-image: url("../img/icn-arrow-right-white.svg");
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
transform: rotate(90deg);
}
.custom-select-menu > ul {
margin: 0;
padding: 0;
list-style: none;
padding: 0.8333333333rem 0.8333333333rem;
font-size: 1.2222222222rem;
left: 0;
right: 0;
position: absolute;
background-color: #d8ebe7;
z-index: -1;
}
.custom-select-menu > ul li a {
padding: 0.2222222222rem 0;
display: block;
color: #003f4a;
}
.custom-checkbox label {
position: relative;
}
.custom-checkbox label .label {
padding: 0 0 0 2.1111111111rem;
/*display: inline-flex;*/
min-height: 1.5555555556rem;
min-width: 1.5555555556rem;
align-items: center;
background: url("../img/icn-checkbox.svg") left center no-repeat;
background-size: 1.5555555556rem 1.5555555556rem;
font-family: "Ekstra-bold", sans-serif;
color: #003f4a;
font-size: 1.2222222222rem;
line-height: 1.22em;
user-select: none;
cursor: pointer;
}
.custom-checkbox label .label.err {
background: url("../img/icn-checkbox_err.svg") left center no-repeat;
background-size: 27px 27px;
}
.custom-checkbox label input[type=checkbox] {
opacity: 0;
visibility: hidden;
position: absolute;
}
.custom-checkbox label input[type=checkbox]:checked ~ .label {
background-image: url("../img/icn-checkbox-checked.svg");
background-size: 27px 27px;
}
div {
box-sizing: border-box;
}
.hidden {
display: none !important;
}
@media (max-width: 1228px) {
.hide-on-tab {
display: none !important;
}
}
@media (max-width: 768px) {
.hide-on-mob {
display: none !important;
}
}
@media (max-width: 1228px) {
.show-on-tab {
display: block !important;
}
}
@media (max-width: 768px) {
.show-on-mob {
display: block !important;
}
}
.cont-block {
margin: 2rem 0;
word-break: break-word;
}
.cont-block .page-title {
margin: 0;
color: #003f4a;
font-family: "Ekstra-regular", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.5em;
font-size: 1.6666666667rem;
font-weight: 600;
line-height: 1.35em;
}
@media (max-width: 768px) {
.cont-block .page-title {
font-size: 1rem;
}
}
.cont-block img {
max-width: 100%;
height: auto;
}
.cont-block img.alignleft {
margin: 5px 30px 20px 0;
float: left;
}
.cont-block img.alignright {
margin: 5px 0 20px 30px;
float: right;
}
.cont-block img.aligncenter {
margin: 20px auto;
float: none;
clear: both;
display: block;
}
.cont-block a img {
border: none;
outline: none;
}
.cont-block h1 {
margin: 2rem 0 1rem 0;
font-size: 2rem;
font-weight: 600;
font-style: normal;
line-height: 1.35em;
color: #003f4a;
}
/*.cont-block h1:first-child {
margin-top: 0;
}*/
.cont-block h2 {
margin: 2rem 0 1rem 0;
font-size: 1.6666666667rem;
font-weight: 600;
font-style: normal;
line-height: 1.35em;
color: #003f4a;
}
.cont-block h2:first-child {
margin-top: 0;
}
.cont-block h3 {
margin: 1rem 0;
font-size: 1.4444444444rem;
font-weight: 600;
font-style: normal;
line-height: 1.35em;
color: #003f4a;
}
.cont-block h3:first-child {
margin-top: 0;
}
.cont-block h4 {
margin: 1rem 0;
font-size: 1.3333333333rem;
font-weight: 600;
font-style: normal;
line-height: 1.35em;
color: #003f4a;
}
.cont-block h4:first-child {
margin-top: 0;
}
.cont-block h5 {
margin: 1rem 0;
font-size: 1rem;
font-weight: 600;
font-style: normal;
line-height: 1.35em;
color: #003f4a;
}
.cont-block h5:first-child {
margin-top: 0;
}
.cont-block h6 {
margin: 0;
font-size: 0.8888888889rem;
font-style: normal;
line-height: 1.35em;
color: #003f4a;
}
.cont-block h6:first-child {
margin-top: 0;
}
.cont-block a {
color: #003f4a;
text-decoration: none;
}
.cont-block a:hover {
/*text-decoration: underline;*/
}
.cont-block .block-title {
margin: 1rem 0;
color: white;
font-family: "Ekstra-regular", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.5em;
/*@include fonts-1-bold;*/
font-size: 2.5rem;
}
@media (max-width: 1228px) {
.cont-block .block-title {
font-size: 1.7857142857rem;
}
}
.cont-block .block-text {
margin: 0 0 1rem 0;
color: #003f4a;
font-size: 1rem;
line-height: 1.75em;
}
.cont-block .block-text.links-underlined a, .cont-block .block-text a {
text-decoration: underline;
}
.cont-block .block-text p:not(:last-child) {
margin: 0 0 1rem 0;
}
.cont-block .block-text img {
max-width: 100%;
max-height: 100%;
height: auto;
}
.cont-block .block-text table, .cont-block .block-text td, .cont-block .block-text th {
width: calc(100% - 2px);
}
.cont-block .block-text table thead + tbody td {
padding: 0.5rem 1rem;
box-sizing: border-box;
border-left: 1px solid #f0f0f0;
border-collapse: collapse;
background: white !important;
font-weight: 400 !important;
color: var(--text-color) !important;
}
.cont-block .block-text table th {
padding: 0.5rem 1rem;
vertical-align: top;
text-align: left;
background: var(--primary-color);
color: white;
}
.cont-block .block-text table th a {
color: white !important;
}
.cont-block .block-text table th a:hover {
color: white !important;
}
.cont-block .block-text table tr:first-of-type td {
padding: 0.5rem 1rem;
vertical-align: top;
text-align: left;
background: var(--primary-color);
color: white;
font-weight: 700;
}
.cont-block .block-text table tr:first-of-type td a {
color: white !important;
}
.cont-block .block-text table tr:first-of-type td a:hover {
color: white !important;
}
.cont-block .block-text table {
min-width: 100%;
max-width: 100%;
height: auto !important;
font-size: 1rem;
border-collapse: collapse;
word-break: normal;
overflow-x: auto;
display: block;
}
.cont-block .block-text table td {
background: white;
}
.cont-block .block-text table thead {
width: 100%;
display: table;
}
.cont-block .block-text table tbody {
width: calc(100% - 2px);
display: table;
}
.cont-block .block-text table tbody tr:last-of-type {
border-bottom: 1px solid #f0f0f0;
}
.cont-block .block-text table tr {
border-top: 1px solid #f0f0f0;
}
.cont-block .block-text table tr:nth-child(even) {
background-color: white;
}
.cont-block .block-text table tr:nth-child(odd) {
background-color: white;
}
.cont-block .block-text table tr:nth-of-type(1) td {
vertical-align: top;
}
.cont-block .block-text table td {
padding: 0.5rem 1rem;
box-sizing: border-box;
border-left: 1px solid #f0f0f0;
border-collapse: collapse;
}
.cont-block .block-text table td:last-child {
border-right: 1px solid #f0f0f0;
}
.tooltip-basket {
position: absolute;
top: 100%;
right: 0;
margin-left: -12px;
width: 27.1111111111rem;
border-radius: 15px;
background-color: white;
color: #003f4a;
}
@media (max-width: 1228px) {
.tooltip-basket {
display: none !important;
}
}
.tooltip-basket::after {
content: "";
position: absolute;
display: inline-block;
top: -2.7777777778rem;
left: 70%;
border-top: 1.3888888889rem solid transparent;
border-bottom: 1.3888888889rem solid whitesmoke;
border-left: 1.3888888889rem solid transparent;
border-right: 1.3888888889rem solid transparent;
}
@media (max-width: 1458px) {
.tooltip-basket::after {
left: 65%;
}
}
.tooltip-basket .tt-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1.5555555556rem 1.6666666667rem;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
background: whitesmoke;
user-select: none;
}
.tooltip-basket .tt-header .tt-title {
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1.2222222222rem;
}
.tooltip-basket .tt-header .btn-close {
min-width: 1.0555555556rem;
width: 1.0555555556rem;
height: 1.0555555556rem;
background: url("../img/icn-close.svg") center center no-repeat;
background-size: contain;
text-indent: -9999em;
overflow: hidden;
outline: none;
user-select: none;
}
.tooltip-basket .tt-content {
max-height: 45vh;
overflow-x: auto;
background-color: white;
}
.tooltip-basket .tt-product {
padding: 0 1.6666666667rem;
border-top: 1px solid #e0e0e0;
}
.tooltip-basket .tt-product:first-child {
border-top: none;
}
.tooltip-basket .tt-product a {
color: #003f4a;
}
.tooltip-basket .row-with-thumb {
padding: 1.6666666667rem 0;
display: flex;
align-items: center;
}
.tooltip-basket .row-with-thumb .thumbnail {
max-width: 6.6666666667rem;
}
.tooltip-basket .row-with-thumb .thumbnail a {
display: flex;
align-items: center;
justify-content: center;
}
.tooltip-basket .row-with-thumb .thumbnail img {
display: block;
width: 100%;
height: auto;
}
.tooltip-basket .row-with-thumb .title {
margin: 0 1.1111111111rem;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1rem !important;
text-transform: uppercase;
}
.tooltip-basket .row-with-thumb .title a {
font-size: 1rem !important;
}
.tooltip-basket .row-prod-summary {
border-top: 1px solid #e0e0e0;
padding: 1.6666666667rem 0;
display: flex;
align-items: center;
}
.tooltip-basket .row-prod-summary .price {
margin: 0 1.6666666667rem 0 0;
width: calc(50% - 0.8333333333rem);
}
.tooltip-basket .row-prod-summary .quantity {
width: calc(50% - 0.8333333333rem);
}
.tooltip-basket .row-prod-summary .label {
margin: 0 0 0.8333333333rem;
display: block;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1rem;
}
.tooltip-basket .row-prod-summary .value {
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1.2222222222rem;
}
.tooltip-basket .row-prod-summary .q-input-wrap {
display: flex;
align-items: stretch;
}
.tooltip-basket .row-prod-summary .q-input-wrap button {
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
width: 2.1666666667rem;
height: 2.1666666667rem;
border: 2px solid #003f4a;
background-color: white;
cursor: pointer;
}
.tooltip-basket .row-prod-summary .q-input-wrap button.minus {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.tooltip-basket .row-prod-summary .q-input-wrap button.plus {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.tooltip-basket .row-prod-summary .q-input-wrap input[type=text] {
margin: 0;
padding: 0;
width: 2.1666666667rem;
border-top: 2px solid #003f4a;
border-bottom: 2px solid #003f4a;
color: #003f4a;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1rem;
background-color: white;
text-align: center;
}
.tooltip-basket .tt-summary {
padding: 1.6666666667rem;
background-color: whitesmoke;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
}
.tooltip-basket .tt-summary .row {
display: flex;
justify-content: space-between;
}
.tooltip-basket .tt-summary .label {
margin: 0 0.8333333333rem 0 0;
font-size: 1rem;
}
.tooltip-basket .tt-summary .value {
text-align: right;
font-size: 1.6666666667rem;
}
.tooltip-basket .tt-buttons {
padding: 1.6666666667rem;
}
.tooltip-basket .tt-buttons .row {
display: flex;
}
.tooltip-basket .tt-buttons .row a {
padding: 0.7777777778rem 1rem;
text-align: center;
justify-content: center;
}
.tooltip-basket .tt-buttons .row a:first-child {
margin: 0 1.1111111111rem 0 0;
}
.tooltip-basket .tt-buttons .row a.btn-dark {
flex-grow: 1;
}
/* Works on Firefox */
* {
scrollbar-width: thin;
scrollbar-color: #003f4a #d8ebe7;
}
/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
width: 4px;
}
*::-webkit-scrollbar-track {
background: #d8ebe7;
}
*::-webkit-scrollbar-thumb {
background-color: #003f4a;
border-radius: 0;
border: 0 solid #d8ebe7;
}
#window {
position: relative;
}
#window .section-wrapper section .wrap, #window div .wrap, #window div div .wrap, #window header .wrap, #window footer .wrap {
margin: 0 auto;
padding: 0 20px;
min-width: 1142px;
max-width: 1640px;
}
@media (max-width: 1458px) {
#window .section-wrapper section .wrap, #window div .wrap, #window div div .wrap, #window header .wrap, #window footer .wrap {
padding: 0 32px;
min-width: 623px;
max-width: 1216px;
}
}
@media (max-width: 1228px) {
#window .section-wrapper section .wrap, #window div .wrap, #window div div .wrap, #window header .wrap, #window footer .wrap {
padding: 0 20px;
min-width: 410px;
max-width: 1064px;
}
}
@media (max-width: 768px) {
#window .section-wrapper section .wrap, #window div .wrap, #window div div .wrap, #window header .wrap, #window footer .wrap {
padding: 0 18px;
min-width: 324px;
}
}
#window .section-wrapper section .wrap.wrap-limit, #window div .wrap.wrap-limit, #window div div .wrap.wrap-limit, #window header .wrap.wrap-limit, #window footer .wrap.wrap-limit {
padding: 0 20px;
min-width: 1140px;
max-width: 1140px;
}
@media (max-width: 1458px) {
#window .section-wrapper section .wrap.wrap-limit, #window div .wrap.wrap-limit, #window div div .wrap.wrap-limit, #window header .wrap.wrap-limit, #window footer .wrap.wrap-limit {
padding: 0 32px;
min-width: 623px;
max-width: 775px;
}
}
@media (max-width: 1228px) {
#window .section-wrapper section .wrap.wrap-limit, #window div .wrap.wrap-limit, #window div div .wrap.wrap-limit, #window header .wrap.wrap-limit, #window footer .wrap.wrap-limit {
padding: 0 20px;
min-width: 410px;
max-width: 964px;
}
}
@media (max-width: 768px) {
#window .section-wrapper section .wrap.wrap-limit, #window div .wrap.wrap-limit, #window div div .wrap.wrap-limit, #window header .wrap.wrap-limit, #window footer .wrap.wrap-limit {
padding: 0 18px;
min-width: 324px;
}
}
#mob-main-nav {
display: none;
}
header {
position: sticky;
top: 0;
width: 100%;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 0.8888888889rem;
background-color: #d8ebe7;
z-index: 10;
}
header > .wrap {
display: flex;
position: relative;
}
@media (max-width: 1228px) {
header > .wrap {
padding-left: 20px !important;
padding-right: 20px !important;
flex-direction: row-reverse;
}
}
header .logo {
margin: 1.0555555556rem 1.6666666667rem 1.0555555556rem 0;
position: relative;
transition: all 0.1s ease;
height: 3.4444444444rem;
order: 0;
}
@media (max-width: 1458px) {
header .logo {
margin: 0.8333333333rem 1.3888888889rem 0.8333333333rem 0;
height: 44px;
}
}
@media (max-width: 1228px) {
header .logo {
height: 40px;
margin-right: 0;
flex-grow: 1;
text-align: center;
order: 2;
}
}
header .logo a {
display: flex;
width: 100%;
align-items: center;
border: none;
}
@media (max-width: 1228px) {
header .logo a {
width: auto;
display: inline-flex;
}
}
header .logo a img {
display: inline-block;
width: 9.3333333333rem;
height: 3.4444444444rem;
max-height: 100%;
border: none;
outline: none;
}
@media (max-width: 1458px) {
header .logo a img {
width: 121px;
height: 44px;
}
}
@media (max-width: 1228px) {
header .logo a img {
width: 110px;
height: 40px;
}
}
header .mob-menu {
width: auto;
display: none;
order: 2;
}
@media (max-width: 1228px) {
header .mob-menu {
display: flex;
align-items: center;
}
}
header .mob-menu > label {
padding: 15px 15px 15px 0;
}
header .mob-menu > label > span {
display: block;
width: 1.6428571429rem;
height: 1.2142857143rem;
text-indent: -9999em;
overflow: hidden;
outline: none;
user-select: none;
}
header .mob-menu > label > span.burger-menu {
background: url("../img/icn-menu-mob.svg") center center no-repeat;
background-size: 28px 10px;
position: relative;
z-index: 102;
}
header .mob-menu input.mob-menu-trigger {
opacity: 0;
visibility: hidden;
}
header .mob-menu input.mob-menu-trigger:checked ~ label .burger-menu {
padding: 0.5rem;
width: 1.5rem;
height: 1.5rem;
background-image: url("../img/icn-close.svg");
background-size: 1.5rem 1.5rem;
}
header .mob-menu input.mob-menu-trigger:checked ~ .mob-sidebar {
right: 0;
z-index: 101;
}
header .icons {
margin: 0;
display: flex;
align-items: stretch;
justify-content: right;
}
@media (max-width: 1228px) {
header .icons {
padding: 21px 0;
flex-grow: 0;
}
}
header .icons > ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: stretch;
}
header .icons > ul > li {
margin: 0 0 0 1rem;
display: inline-flex;
align-items: center;
}
header .icons > ul > li a {
display: inline-flex;
align-items: center;
color: #003f4a;
font-size: 0.8333333333rem;
font-weight: 600;
}
header .lang-selector {
margin: 0 0 0 1.6666666667rem;
display: flex;
align-items: center;
justify-content: right;
position: relative;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 0.8888888889rem;
}
@media (max-width: 1228px) {
header .lang-selector {
display: none;
}
}
header .lang-selector > a.act {
display: inline-flex;
align-items: center;
color: #003f4a;
/*&::after {
margin: 0 0 0 9px;
content: '';
display: inline-block;
width: rem(16);
height: rem(10);
background: url('../img/icn-arrow-down.svg') center center no-repeat;
background-size: contain;
}*/
}
header .lang-selector > a.act:hover {
background-color: #d8ebe7;
}
header .lang-selector > ul {
display: none;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
left: 0;
right: 0;
top: calc(100% - 1.6666666667rem);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
background-color: #d8ebe7;
}
header .lang-selector > ul li a {
padding: 0.1111111111rem 0.3333333333rem;
display: block;
color: #003f4a;
}
header .lang-selector > ul li a:hover {
background-color: white;
}
header .menu {
padding: 1.0555555556rem 0.6666666667rem 1.0555555556rem 0;
min-height: 5.5555555556rem;
flex-grow: 1;
display: flex;
align-items: center;
justify-content: flex-end;
color: #003f4a;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 0.8888888889rem;
line-height: 1em;
}
@media (max-width: 1458px) {
header .menu {
min-height: 71px;
}
}
@media (max-width: 1228px) {
header .menu {
display: none;
}
}
header .menu > ul {
margin: 0;
padding: 0;
list-style: none;
}
header .menu > ul > li {
margin: 0 0 0 1.6666666667rem;
display: inline-flex;
flex-direction: column;
position: relative;
}
header .menu > ul > li.menu-item-shop > a {
box-sizing: border-box;
padding: 0.8333333333rem 1.1111111111rem;
/*min-width: 8.8888888889rem;*/
margin-bottom: 3px;
border-radius: 10px;
color: white;
background-color: #003f4a;
}
/*header .menu > ul > li.menu-item-shop > ul {
box-sizing: border-box;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
header .menu > ul > li.menu-item-shop > ul > li:first-child {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
/*header .menu > ul > li.menu-item-shop:hover > a {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}*/
header .menu > ul > li:first-child {
margin-left: 0;
}
header .menu > ul > li.menu-item-has-children {
/*>a::after {
margin: 0 0 0 rem(5);
content: '';
display: inline-block;
width: rem(8);
height: rem(5);
background: url("../img/icn-arrow-down-white.svg") center center no-repeat;
background-size: contain;
}*/
}
header .menu > ul > li.menu-item-has-children:hover > ul {
visibility: visible;
opacity: 1;
pointer-events: all;
}
header .menu > ul > li > a {
padding: 1.0rem 0;
display: inline-flex;
align-items: center;
color: #003f4a;
}
header .menu > ul > li > ul {
display: inline-block;
margin: 0;
padding: 0;
list-style: none;
font-family: "Ekstra-regular", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.5em;
font-size: 0.8888888889rem;
word-break: break-word;
visibility: hidden;
opacity: 0;
pointer-events: none;
position: absolute;
top: calc(100% + 0px);
left: 50%;
transform: translateX(-50%);
width: 10rem;
background-color: #d8ebe7;
color: #003f4a;
border-radius: 0.5555555556rem;
border: 2px solid #003f4a;
font-weight: 400;
line-height: 1.35em;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
transition: all 0.3s ease;
}
header .menu > ul > li > ul > li {
display: block;
padding: 0 0.8333333333rem;
border-bottom: 2px solid #003f4a;
position: relative;
}
header .menu > ul > li > ul > li:first-child {
border-radius: 0.5555555556rem;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
header .menu > ul > li > ul > li:last-child {
border-radius: 0.5555555556rem;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom: none;
}
header .menu > ul > li > ul > li.menu-item-has-children {
/*>a::after {
margin: 0 0 0 rem(5);
content: '';
display: inline-block;
width: rem(9);
height: rem(5);
background: url("../img/icn-arrow-down-white.svg") center center no-repeat;
background-size: contain;
transform: rotate(-90deg);
}*/
}
header .menu > ul > li > ul > li.menu-item-has-children:hover > ul {
visibility: visible;
opacity: 1;
pointer-events: all;
}
header .menu > ul > li > ul > li:hover {
background-color: white;
}
header .menu > ul > li > ul > li > a {
display: block;
padding: 0.3888888889rem 0;
text-align: left;
color: #003f4a;
}
header .menu > ul > li > ul > li > ul {
margin: 0;
padding: 0;
list-style: none;
visibility: hidden;
opacity: 0;
pointer-events: none;
position: absolute;
left: 100%;
top: 0;
width: 8.8888888889rem;
background-color: #d8ebe7;
border-radius: 0.5555555556rem;
border: 2px solid #003f4a;
color: white;
font-size: 0.8333333333rem;
font-weight: 400;
line-height: 1.35em;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
transition: all 0.3s ease;
}
header .menu > ul > li > ul > li > ul > li {
display: block;
padding: 0 0.8333333333rem;
border-bottom: 2px solid #003f4a;
position: relative;
}
header .menu > ul > li > ul > li > ul > li:first-child {
border-radius: 0.5555555556rem;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
header .menu > ul > li > ul > li > ul > li:last-child {
border-radius: 0.5555555556rem;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom: none;
}
header .menu > ul > li > ul > li > ul > li:hover {
background-color: white;
}
header .menu > ul > li > ul > li > ul > li > a {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.3888888889rem 0;
color: #003f4a;
}
.section-wrapper {
/*scroll-snap-type: y mandatory;
height: 100vh;
overflow: auto;*/
scrollbar-gutter: stable;
scroll-behavior: smooth;
}
.section-wrapper section {
box-sizing: border-box;
padding: 0;
min-height: 100vh;
position: relative;
scroll-snap-align: start;
transition: scroll-snap-align 2s;
}
.section-wrapper section p {
display: block;
width: 100%;
}
.cb-index-1 {
padding: 0 0 22.2222222222rem;
min-height: 100vh;
background: url("../img/index-pabarstukai-1.png") 10% bottom no-repeat;
background-size: auto auto;
}
@media (max-width: 1228px) {
.cb-index-1 {
margin-bottom: 7.1428571429rem;
padding: 0 0 13.2142857143rem;
background: url("../img/index-pabarstukai-1-mob.png") center bottom no-repeat;
background-size: auto auto;
}
}
.cb-index-2 {
margin: 0;
padding: 0.1111111111rem 0 16.6666666667rem;
background: url("../img/index-pabarstukai-2.svg") right bottom no-repeat;
background-size: 39.5rem 15.6111111111rem;
}
@media (max-width: 1228px) {
.cb-index-2 {
margin-bottom: 7.8571428571rem;
padding: 0 0 13.2142857143rem;
background: url("../img/index-pabarstukai-2-mob.png") center bottom no-repeat;
background-size: auto auto;
}
}
.cb-index-2 .cb-iframe {
margin: 3.3333333333rem 0 0;
}
.cb-index-3 {
margin: 0;
padding: 3.8888888889rem 0 23.3888888889rem;
background: #003f4a url("../img/index-pabarstukai-3.svg") center bottom no-repeat;
background-size: auto auto;
}
.cb-index-3 .wrap-title {
color: #d8ebe7;
}
@media (max-width: 1228px) {
.cb-index-3 {
padding: 4.2857142857rem 0 21.4285714286rem;
background-image: url("../img/index-pabarstukai-3-mob.png");
background-position: center calc(100% - 4.2857142857rem);
background-size: auto auto;
}
}
.index-1-wrap {
display: flex;
justify-content: space-between;
}
@media (max-width: 1228px) {
.index-1-wrap {
flex-direction: column-reverse;
}
}
.index-1-wrap > .part-left {
padding: 24.8888888889rem 0 6.6666666667rem;
width: 50%;
max-width: 42.6666666667rem;
}
@media (max-width: 1228px) {
.index-1-wrap > .part-left {
padding: 2.1428571429rem 0 0;
width: 100%;
max-width: 100%;
}
}
.index-1-wrap > .part-left .two-cols {
display: flex;
justify-content: space-between;
font-size: 1rem;
line-height: 1.27em;
font-weight: 400;
color: #003f4a;
}
.index-1-wrap > .part-left .two-cols > div {
margin: 0 0 1.4285714286rem;
width: 47%;
}
.index-1-wrap > .part-left .two-cols a {
color: #003f4a;
}
@media (max-width: 1228px) {
.index-1-wrap > .part-left .two-cols {
flex-direction: column;
}
.index-1-wrap > .part-left .two-cols > div {
width: 100%;
}
}
.index-1-wrap > .part-left .block-btns {
margin: 1.9444444444rem 0 0;
}
@media (max-width: 1228px) {
.index-1-wrap > .part-left .block-btns {
margin: 2.8571428571rem 0 0;
text-align: center;
}
}
.index-1-wrap > .part-right {
margin: 1.6666666667rem 0 0 5rem;
width: 40%;
max-width: 35.3888888889rem;
position: absolute;
right: 0;
}
@media (max-width: 1228px) {
.index-1-wrap > .part-right {
margin: 0;
width: 100%;
max-width: 100%;
position: relative;
}
}
@media (max-width: 1228px) {
.cb-index-slider-1 {
padding: 7.1428571429rem 0 0;
}
}
.cb-index-slider-1 .item-list {
display: flex;
flex-direction: column-reverse;
}
.cb-index-slider-1 .item-list .slick-dots {
margin: 0;
padding: 0;
list-style: none;
margin: 3.3333333333rem 0 3.3333333333rem;
}
.cb-index-slider-1 .item-list .slick-dots li {
margin: 0 -1.1111111111rem 0 0;
display: inline-block;
}
.cb-index-slider-1 .item-list .slick-dots li.slick-active button {
border: 2px solid #003f4a;
background-color: #003f4a;
}
.cb-index-slider-1 .item-list .slick-dots button {
width: 49px;
height: 49px;
border-radius: 50%;
border: 2px solid #003f4a;
background-color: #d8ebe7;
transition: all 0.3s ease;
text-indent: -9999em;
overflow: hidden;
outline: none;
user-select: none;
cursor: pointer;
}
@media (max-width: 1228px) {
.cb-index-slider-1 .item-list .slick-dots button {
width: 27px;
height: 27px;
}
}
.cb-index-slider-1 .photo-wrap {
position: relative;
}
.cb-index-slider-1 .photo-wrap:before {
display: block;
content: "";
width: 100%;
padding-top: 84.7723704867%;
}
.cb-index-slider-1 .photo-wrap > .inner {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-position: center top;
background-repeat: no-repeat;
background-size: contain;
}
.cb-index-slider-1 .label-wrap {
margin: 1.3333333333rem 0 0;
}
.cb-index-slider-1 .label-wrap .label {
color: #003f4a;
font-family: "Blitz-Script", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.5em;
font-size: 2.7777777778rem;
}
.cb-pagesteps {
margin: 0;
}
.cb-pagesteps .path {
padding: 1.9444444444rem 0 0.8333333333rem;
flex-grow: 1;
}
.cb-pagesteps div.link {
padding: 1.9444444444rem 0 0.8333333333rem;
}
.cb-pagesteps div.link a {
color: #9faee5;
font-size: 0.8333333333rem;
font-weight: 400;
display: inline-flex;
align-items: center;
}
.cb-pagesteps div.link a.link-back:hover::before {
position: relative;
left: -3px;
}
.cb-pagesteps div.link a.link-back::before {
margin: 0 0.6666666667rem 0 0;
content: "";
display: inline-block;
width: 0.3888888889rem;
height: 0.6666666667rem;
/*background: url("../img/icn-arrow-left-lblue.svg") center center no-repeat;*/
background-size: contain;
}
.cb-pagesteps ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
font-size: 0.7777777778rem;
color: #707070;
}
.cb-pagesteps li {
display: inline-block;
max-width: 11.1111111111rem;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.cb-pagesteps li.separator {
margin: 0 5px;
}
.cb-pagesteps strong {
font-weight: 400;
}
.cb-pagesteps a {
color: #707070;
text-decoration: none;
}
.cb-iframe video {
width: 100%;
height: auto;
}
.cb-iframe iframe {
border: none;
width: 100%;
display: block;
}
.cb-iframe .iframe-wrap {
margin: 0 auto;
position: relative;
max-width: 66.6666666667rem;
}
.cb-iframe .iframe-wrap:before {
display: block;
content: "";
width: 100%;
padding-top: 56.25%;
}
.cb-iframe .iframe-wrap > .inner {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.cb-iframe .iframe-wrap > .inner iframe {
border: none;
width: 100%;
height: 100%;
}
.cb-pagination .nav-links {
text-align: center;
color: #003399;
font-size: 0.8333333333rem;
font-weight: 600;
}
.cb-pagination .nav-links span.current {
padding: 0.4444444444rem 0.6666666667rem;
display: inline-block;
background-color: #003399;
color: white;
}
.cb-pagination .nav-links a {
padding: 0.4444444444rem 0.6666666667rem;
display: inline-block;
background-color: white;
color: #003399;
}
.cb-pagination .nav-links a.active {
background-color: #003399;
color: white;
}
.cb-pagination .nav-links a:hover {
background-color: #003399;
color: white;
}
.product-list-wrap {
padding: 0 8.3333333333rem;
}
@media (max-width: 1228px) {
.product-list-wrap {
padding: 0;
}
}
.cb-index-products .item-list,
.cb-shop .item-list {
padding: 2.7777777778rem 0 2.7777777778rem;
display: flex;
flex-wrap: wrap;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
line-height: 1.25em;
font-size: 1.6666666667rem;
}
.cb-shop .item-list .item-list-text {
font-weight: 400;
color: #FFFFFF;
}
@media (max-width: 1228px) {
.cb-index-products .item-list,
.cb-shop .item-list {
margin: 2.2222222222rem 0 2.2222222222rem;
}
}
.cb-index-products .item,
.cb-shop .item {
display: flex;
flex-direction: column;
padding: 1.3888888889rem 1.6666666667rem 1.1111111111rem;
width: 25%;
color: white;
background-color: #003f4a;
/*&:nth-of-type(2),
&:nth-of-type(4),
&:nth-of-type(5),
&:nth-of-type(7),
&:nth-of-type(10),
&:nth-of-type(12),*/
}
.cb-index-products .item.desktop-item-bright,
.cb-shop .item.desktop-item-bright {
color: #003f4a;
background-color: #d8ebe7;
}
.cb-index-products .item.desktop-item-bright a,
.cb-shop .item.desktop-item-bright a {
color: #003f4a;
}
.cb-index-products .item.desktop-item-bright .price-variants-wrap .variants > a.active .variant,
.cb-shop .item.desktop-item-bright .price-variants-wrap .variants > a.active .variant {
border-color: #003f4a;
}
.cb-index-products .item.desktop-item-dark,
.cb-shop .item.desktop-item-dark {
color: white;
background-color: #003f4a;
}
.cb-index-products .item.desktop-item-dark a,
.cb-shop .item.desktop-item-dark a {
color: white;
}
.cb-index-products .item.desktop-item-dark .price-variants-wrap .variants > a.active .variant,
.cb-shop .item.desktop-item-dark .price-variants-wrap .variants > a.active .variant {
border-color: #d8ebe7;
}
@media (max-width: 1228px) {
.cb-index-products .item,
.cb-shop .item {
padding: 1.3888888889rem 1.3888888889rem;
width: 50%;
/*&:nth-of-type(2),
&:nth-of-type(3),
&:nth-of-type(5),
&:nth-of-type(6),
&:nth-of-type(8),
&:nth-of-type(9),
&:nth-of-type(11),*/
/*&:nth-of-type(1),
&:nth-of-type(4),
&:nth-of-type(5),
&:nth-of-type(8),
&:nth-of-type(9),
&:nth-of-type(12),*/
}
.cb-index-products .item.tab-item-bright,
.cb-shop .item.tab-item-bright {
color: #003f4a;
background-color: #d8ebe7;
}
.cb-index-products .item.tab-item-bright a,
.cb-shop .item.tab-item-bright a {
color: #003f4a;
}
.cb-index-products .item.tab-item-bright .price-variants-wrap .variants > a.active .variant,
.cb-shop .item.tab-item-bright .price-variants-wrap .variants > a.active .variant {
border-color: #003f4a;
}
.cb-index-products .item.tab-item-dark,
.cb-shop .item.tab-item-dark {
color: white;
background-color: #003f4a;
}
.cb-index-products .item.tab-item-dark a,
.cb-shop .item.tab-item-dark a {
color: white;
}
.cb-index-products .item.tab-item-dark .price-variants-wrap .variants > a.active .variant,
.cb-shop .item.tab-item-dark .price-variants-wrap .variants > a.active .variant {
border-color: #d8ebe7;
}
}
@media (max-width: 768px) {
.cb-index-products .item,
.cb-shop .item {
padding: 1.3888888889rem 1.3888888889rem;
width: 100%;
/*&:nth-of-type(1),
&:nth-of-type(3),
&:nth-of-type(5),
&:nth-of-type(7),
&:nth-of-type(9),
&:nth-of-type(11),*/
/*&:nth-of-type(2),
&:nth-of-type(4),
&:nth-of-type(6),
&:nth-of-type(8),
&:nth-of-type(10),
&:nth-of-type(12),*/
}
.cb-index-products .item.mob-item-bright,
.cb-shop .item.mob-item-bright {
color: #003f4a;
background-color: #d8ebe7;
}
.cb-index-products .item.mob-item-bright a,
.cb-shop .item.mob-item-bright a {
color: #003f4a;
}
.cb-index-products .item.mob-item-bright .price-variants-wrap .variants > a.active .variant,
.cb-shop .item.mob-item-bright .price-variants-wrap .variants > a.active .variant {
border-color: #003f4a;
}
.cb-index-products .item.mob-item-dark,
.cb-shop .item.mob-item-dark {
color: white;
background-color: #003f4a;
}
.cb-index-products .item.mob-item-dark a,
.cb-shop .item.mob-item-dark a {
color: white;
}
.cb-index-products .item.mob-item-dark .price-variants-wrap .variants > a.active .variant,
.cb-shop .item.mob-item-dark .price-variants-wrap .variants > a.active .variant {
border-color: #d8ebe7;
}
}
.cb-index-products .item a,
.cb-shop .item a {
color: white;
}
.cb-index-products .item .prod-cat,
.cb-shop .item .prod-cat {
margin: 0.2777777778rem 0 0;
display: block;
font-family: "Blitz-Script", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.5em;
font-size: 1.3888888889rem;
line-height: 1.25em;
}
.cb-index-products .item .prod-title,
.cb-shop .item .prod-title {
margin: 0 0 0.4444444444rem;
display: block;
font-size: 1.1111111111rem;
line-height: 1.25em;
}
.cb-index-products .item .prod-photo,
.cb-shop .item .prod-photo {
flex-grow: 1;
margin: 0.8333333333rem 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.cb-index-products .item .prod-photo img,
.cb-shop .item .prod-photo img {
width: 100%;
max-width: 100%;
height: auto;
display: block;
transition: all 0.3s ease;
}
.cb-index-products .item .prod-photo a,
.cb-shop .item .prod-photo a {
display: inline-block;
max-width: 15.5555555556rem;
}
.cb-index-products .item:hover .prod-photo img,
.cb-shop .item:hover .prod-photo img {
transform: scale(1.05);
}
.cb-index-products .item .price-variants-wrap,
.cb-shop .item .price-variants-wrap {
margin: 0.1111111111rem 0 0;
display: flex;
font-size: 1.3888888889rem;
justify-content: space-between;
}
.cb-index-products .item .price-variants-wrap s,
.cb-shop .item .price-variants-wrap s {
font-size: 1rem;
}
.cb-index-products .item .price-variants-wrap .price,
.cb-shop .item .price-variants-wrap .price {
width: 60%;
}
.cb-index-products .item .price-variants-wrap .price i,
.cb-shop .item .price-variants-wrap .price i {
margin: 0 0.1111111111rem 0 0;
font-size: 0.8888888889rem;
font-style: normal;
}
.cb-index-products .item .price-variants-wrap .price span,
.cb-shop .item .price-variants-wrap .price span {
display: inline-block;
white-space: nowrap;
}
.cb-index-products .item .price-variants-wrap .variants,
.cb-shop .item .price-variants-wrap .variants {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
width: 38%;
position: relative;
right: -0.1666666667rem;
}
.cb-index-products .item .price-variants-wrap .variants > a,
.cb-shop .item .price-variants-wrap .variants > a {
display: inline-flex;
align-items: center;
justify-content: center;
}
.cb-index-products .item .price-variants-wrap .variants > a.active .variant,
.cb-shop .item .price-variants-wrap .variants > a.active .variant {
border-color: #d8ebe7;
}
.cb-index-products .item .price-variants-wrap .variant,
.cb-shop .item .price-variants-wrap .variant {
box-sizing: border-box;
padding: 3px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border: 1px solid transparent;
transition: all 0.3s ease;
}
.cb-index-products .item .price-variants-wrap .variant:hover,
.cb-shop .item .price-variants-wrap .variant:hover {
filter: brightness(1.1);
}
.cb-index-products .item .price-variants-wrap .variant > span,
.cb-shop .item .price-variants-wrap .variant > span {
display: inline-block;
width: 0.9444444444rem;
height: 0.9444444444rem;
border-radius: 50%;
}
.cb-index-products .block-btns,
.cb-shop .block-btns {
text-align: center;
}
.cb-newsletter {
margin: 0;
padding: 16.9444444444rem 1.6666666667rem;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
/*min-height: 100vh;*/
background: url("../img/newsletter-bg-1.jpg") center center no-repeat;
background-size: cover;
}
@media (max-width: 1228px) {
.cb-newsletter {
padding: 5.5555555556rem 0 5.5555555556rem;
}
}
.cb-newsletter .wrap {
width: 100%;
}
.cb-newsletter .block-form {
margin: 0 auto;
padding: 4.1666666667rem 3.3333333333rem;
width: 50%;
max-width: 52.5555555556rem;
border-radius: 10px;
background-color: #003f4a;
}
@media (max-width: 1228px) {
.cb-newsletter .block-form {
padding: 1.9444444444rem;
width: 100%;
max-width: 100%;
}
}
.cb-newsletter .form-subtitle {
font-family: "Blitz-Script", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.5em;
color: white;
font-size: 2.7777777778rem;
line-height: 1em;
}
@media (max-width: 1228px) {
.cb-newsletter .form-subtitle {
font-size: 1.7857142857rem;
}
}
.cb-newsletter .form-title, .cb-newsletter .form-title2 {
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
color: #d8ebe7;
font-size: 2.7777777778rem;
line-height: 1.15em;
text-transform: uppercase;
}
.cb-newsletter .form-title2 {
font-size: 2.1428571429rem;
}
@media (max-width: 1228px) {
.cb-newsletter .form-title {
font-size: 2.1428571429rem;
}
}
.cb-newsletter .input-submit-wrap {
margin: 3.7777777778rem 0 0;
display: flex;
border-radius: 10px;
border: 2px solid white;
background-color: white;
}
@media (max-width: 1228px) {
.cb-newsletter .input-submit-wrap {
margin: 1.6666666667rem 0 0;
flex-direction: column;
border: none;
background: none;
}
}
.cb-newsletter input[type=email] {
flex-grow: 1;
margin: 0;
padding: 0.8333333333rem 1.1111111111rem;
border: none;
outline: none;
border-radius: 10px;
font-size: 1.2222222222rem;
color: #003f4a;
background-color: white;
}
.cb-newsletter input[type="email"].err {
color: #FB0000;
}
@media (max-width: 1228px) {
.cb-newsletter input[type=email] {
padding: 1rem 1.1111111111rem;
width: 100%;
box-sizing: border-box;
}
}
.cb-newsletter input[type=button] {
margin: 0;
padding: 0.8333333333rem 3.3333333333rem;
border: none;
border-radius: 10px;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1.2222222222rem;
color: white;
background-color: #003f4a;
cursor: pointer;
}
@media (max-width: 1228px) {
.cb-newsletter input[type=button] {
margin: 1.1111111111rem 0 0;
padding: 0.8888888889rem 1.1111111111rem;
width: 100%;
box-sizing: border-box;
text-align: center;
border: 2px solid white;
}
}
.cb-index-clients {
margin: 0;
padding: 6rem 0;
background-color: #003f4a;
}
@media (max-width: 1228px) {
.cb-index-clients {
padding: 5.5555555556rem 0;
}
}
.cb-index-clients .wrap-title {
text-align: center;
color: #d8ebe7;
font-size: 3.3333333333rem;
}
@media (max-width: 1228px) {
.cb-index-clients .wrap-title {
font-size: 2.1428571429rem;
}
}
.cb-index-clients .item-list {
margin: 4.4444444444rem -1.1111111111rem 1.1111111111rem;
width: calc(100% + 2.2222222222rem);
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
}
.cb-index-clients .item {
margin: 1.1111111111rem;
width: calc(20% - 2.2222222222rem);
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1228px) {
.cb-index-clients .item {
margin: 2.7777777778rem 1.1111111111rem;
width: calc(50% - 2.2222222222rem);
}
}
.cb-index-clients .item a {
display: block;
outline: none;
}
.cb-index-clients .item a img {
border: none;
}
.cb-index-clients .item img {
max-width: 100%;
height: auto;
}
.cb-index-reviews {
margin: 0;
padding: 20rem 0;
background-color: #9f684a;
background-image: url("../img/index-pabarstukai-5-left-bottom.png"), url("../img/index-pabarstukai-5-top-right.png");
background-position: left bottom, right top;
background-repeat: no-repeat, no-repeat;
}
@media (max-width: 1228px) {
.cb-index-reviews {
padding: 13.8888888889rem 0;
}
}
.cb-index-reviews .item-list {
cursor: url("../img/icn-slider-pointer-horizontal.svg") 45 45, auto;
}
.cb-index-reviews .item {
margin: 0 1.1111111111rem;
padding: 3.3333333333rem;
width: 41.0555555556rem;
color: #9f684a;
font-size: 1rem;
border-radius: 10px;
background-color: white;
}
@media (max-width: 1228px) {
.cb-index-reviews .item {
padding: 2.2222222222rem 1.1111111111rem;
}
}
.cb-index-reviews .item-stars {
margin: 0 0 0.8333333333rem;
}
.cb-index-reviews .item-stars > span {
margin: 0 0.5555555556rem 0 0;
}
.cb-index-reviews .item-title {
margin: 0.8333333333rem 0 0.3888888889rem;
font-family: "Blitz-Script", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.5em;
font-size: 2.2222222222rem;
line-height: 1em;
}
.cb-index-reviews .item-person {
margin: 0.3888888889rem 0;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1.1111111111rem;
line-height: 1em;
}
.cb-index-reviews .item-text {
margin: 2.2222222222rem 0 0;
font-size: 1rem;
}
.cb-index-reviews a {
color: #9f684a;
text-decoration: underline;
}
.cb-index-photo-slider {
margin: 0;
padding: 12.7777777778rem 0;
background-color: #fdecda;
}
@media (max-width: 1228px) {
.cb-index-photo-slider {
padding: 5rem 0;
}
}
.cb-index-photo-slider .item-list {
cursor: url("../img/icn-slider-pointer-horizontal-2.svg") 45 45, auto;
}
.cb-index-photo-slider .slick-track {
display: flex;
align-items: center;
}
.cb-index-photo-slider .item {
margin: 0;
/*0 0 rem(205)*/
display: flex !important;
flex-direction: column;
}
.cb-index-photo-slider .item span.photo-title {
margin: 0 0 2.0rem;
padding: 0 0;
display: block;
color: #9f684a;
font-family: "Blitz-Script", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.5em;
text-align: center;
font-size: 1.8888888889rem;
line-height: 1.25em;
}
.cb-index-photo-slider .item a {
cursor: url("../img/icn-slider-pointer-horizontal-2.svg") 45 45, auto;
}
.cb-index-photo-slider .item:nth-of-type(odd) {
margin: 0 -2.2222222222rem 0;
z-index: 2;
position: relative;
flex-direction: column-reverse;
}
.cb-index-photo-slider .item:nth-of-type(odd) span.photo-title {
margin: 2.0rem 0 0;
}
.cb-contact-form {
margin: 0;
padding: 20.5555555556rem 0 20rem;
background-color: #d8ebe7;
background-image: url("../img/index-pabarstukai-6-left-bottom.png"), url("../img/index-pabarstukai-6-top-right.png");
background-position: left bottom, right top;
background-repeat: no-repeat, no-repeat;
}
.cb-contact-form.no-top-bg-img {
padding: 5.5555555556rem 0 22.2222222222rem;
background-image: url("../img/index-pabarstukai-6-left-bottom.png"), none;
}
@media (max-width: 1228px) {
.cb-contact-form {
padding: 15.5555555556rem 0 12.7777777778rem;
background-image: url("../img/pabarstukai-6-top-mob.png"), url("../img/pabarstukai-6-bottom-mob.png");
background-position: center 3.0555555556rem, center calc(100% - 2.2222222222rem);
}
.cb-contact-form.no-top-bg-img {
padding: 5.5555555556rem 0 12.7777777778rem;
background-image: url("../img/pabarstukai-6-bottom-mob.png");
background-position: center calc(100% - 2.2222222222rem);
}
}
.cb-contact-form .form-subtitle {
margin: 0 0 1.1111111111rem;
font-family: "Blitz-Script", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.5em;
color: #003f4a;
font-size: 2.2222222222rem;
line-height: 1em;
text-align: center;
}
@media (max-width: 1228px) {
.cb-contact-form .form-subtitle {
margin: 0 0 0.4444444444rem;
font-size: 1.7857142857rem;
}
}
.cb-contact-form .form-title {
font-family: "Ekstra-regular", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.5em;
color: #003f4a;
font-size: 3.3333333333rem;
line-height: 1.15em;
text-transform: uppercase;
text-align: center;
}
@media (max-width: 1228px) {
.cb-contact-form .form-title {
font-size: 2.1428571429rem;
}
}
.cb-contact-form .block-form {
margin: 4.4444444444rem auto 0;
width: 90%;
max-width: 58.3333333333rem;
}
.cb-contact-form .block-form .row {
margin: 1.1111111111rem 0;
width: 100%;
text-align: center;
}
@media (max-width: 1228px) {
.cb-contact-form .block-form .row {
margin: 0;
}
}
.cb-contact-form .block-form .row-2cols {
display: flex;
justify-content: space-between;
}
.cb-contact-form .block-form .row-2cols > div {
width: calc(50% - 0.5555555556rem);
}
@media (max-width: 1228px) {
.cb-contact-form .block-form .row-2cols {
flex-wrap: wrap;
}
.cb-contact-form .block-form .row-2cols > div {
width: 100%;
}
}
.cb-contact-form .block-form input[type=email],
.cb-contact-form .block-form input[type=text],
.cb-contact-form .block-form textarea {
box-sizing: border-box;
flex-grow: 1;
margin: 0;
padding: 0.8333333333rem 1.3888888889rem;
width: 100%;
border: none;
outline: none;
border-radius: 10px;
font-family: "Ekstra-regular", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.5em;
font-size: 1.2222222222rem;
color: #003f4a;
background-color: white;
}
.cb-contact-form .block-form input[type=email].err,
.cb-contact-form .block-form input[type=text].err,
.cb-contact-form .block-form textarea.err {
border: 2px solid red;
}
.cb-contact-form .block-form input[type=email]::placeholder,
.cb-contact-form .block-form input[type=text]::placeholder,
.cb-contact-form .block-form textarea::placeholder {
color: rgba(0, 63, 74, 0.6);
}
@media (max-width: 1228px) {
.cb-contact-form .block-form input[type=email],
.cb-contact-form .block-form input[type=text],
.cb-contact-form .block-form textarea {
margin: 0 0 2.2222222222rem;
}
}
.cb-contact-form .block-form textarea {
box-sizing: border-box;
padding: 0.8333333333rem 1.3888888889rem;
min-height: 10.2777777778rem;
resize: vertical;
}
.cb-contact-form .block-form input[type=submit], .cb-contact-form .block-form input[type=button] {
display: inline-block;
margin: 0.2777777778rem auto 0;
padding: 0.8333333333rem 3.3333333333rem;
border: 2px solid #003f4a;
border-radius: 10px;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1.2222222222rem;
color: #003f4a;
background-color: #d8ebe7;
cursor: pointer;
text-transform: uppercase;
transition: all 0.3s ease;
}
.cb-contact-form .block-form input[type=submit]:hover, .cb-contact-form .block-form input[type=button]:hover {
color: white;
background-color: #003f4a;
}
@media (max-width: 768px) {
.cb-contact-form .block-form input[type=submit], .cb-contact-form .block-form input[type=button] {
width: 100%;
box-sizing: border-box;
}
}
/* 01 About us */
.cb-about-us {
margin: 0;
min-height: 54.4444444444rem;
background: url("../img/about-us-pabarstukai-1.png") left bottom no-repeat;
}
@media (max-width: 1228px) {
.cb-about-us {
padding-bottom: 14.2857142857rem;
background: url("../img/pabrastukai-about-us-slider-mob.png") center calc(100% - 4.2857142857rem) no-repeat;
}
}
.cb-about-us .about-wrap {
display: flex;
align-items: stretch;
justify-content: space-between;
}
@media (max-width: 1228px) {
.cb-about-us .about-wrap {
flex-direction: column-reverse;
}
}
.cb-about-us .part-left {
margin: 11.1111111111rem 0 0;
padding: 0;
width: 45%;
max-width: 42.6666666667rem;
}
@media (max-width: 1228px) {
.cb-about-us .part-left {
margin: 0;
width: 100%;
max-width: none;
}
}
.cb-about-us .part-left .wrap-title {
margin: 0;
}
.cb-about-us .part-left .block-subtitle {
margin: 3.3333333333rem 0 0;
font-family: "Blitz-Script", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.5em;
font-size: 2.7777777778rem;
color: #003f4a;
line-height: 1em;
}
.cb-about-us .part-left .block-text {
color: #003f4a;
font-size: 1.9444444444rem;
line-height: 1.5em;
}
.cb-about-us .part-left .block-text p {
font-size: 1.9444444444rem;
}
.cb-about-us .part-left .block-text a {
color: #003f4a;
}
.cb-about-us .part-right {
margin: 1.6666666667rem 0 0 5rem;
width: 44%;
max-width: 47.8888888889rem;
/*position: relative;
right: 0;*/
}
@media (max-width: 1228px) {
.cb-about-us .part-right {
margin: 0;
width: 100%;
display: flex;
justify-content: flex-end;
max-width: none;
}
}
.cb-about-us .part-right > div {
position: absolute;
right: 0;
top: 7.2222222222rem;
width: 45%;
max-width: 47.8888888889rem;
}
@media (max-width: 1228px) {
.cb-about-us .part-right > div {
margin: 0;
position: relative;
top: auto;
width: 100%;
}
}
@media (max-width: 1228px) {
.cb-about-slider {
margin: 0;
}
}
.cb-about-slider .item-list {
padding: 0 0 8.3333333333rem;
display: flex;
flex-direction: column-reverse;
}
@media (max-width: 1228px) {
.cb-about-slider .item-list {
padding: 0;
}
}
.cb-about-slider .item-list .slick-dots {
margin: 0;
padding: 0;
list-style: none;
margin: 3.3333333333rem 0 3.3333333333rem;
}
@media (max-width: 1228px) {
.cb-about-slider .item-list .slick-dots {
margin: 1.6666666667rem 0;
}
}
.cb-about-slider .item-list .slick-dots li {
margin: 0 -1.1111111111rem 0 0;
display: inline-block;
}
.cb-about-slider .item-list .slick-dots li.slick-active button {
border: 2px solid #003f4a;
background-color: #003f4a;
}
@media (max-width: 1228px) {
.cb-about-slider .item-list .slick-dots li {
margin: 0 -0.8333333333rem 0 0;
}
}
.cb-about-slider .item-list .slick-dots button {
width: 49px;
height: 49px;
border-radius: 50%;
border: 2px solid #003f4a;
background-color: #d8ebe7;
transition: all 0.3s ease;
text-indent: -9999em;
overflow: hidden;
outline: none;
user-select: none;
cursor: pointer;
}
@media (max-width: 1228px) {
.cb-about-slider .item-list .slick-dots button {
width: 27px;
height: 27px;
}
}
.cb-about-slider .photo-wrap {
position: relative;
}
.cb-about-slider .photo-wrap:before {
display: block;
content: "";
width: 100%;
padding-top: 65.6612529002%;
}
.cb-about-slider .photo-wrap > .inner {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-position: center top;
background-repeat: no-repeat;
background-size: contain;
}
.cb-about-slider .label-wrap {
margin: 1.3333333333rem 0 0;
}
.cb-about-slider .label-wrap .label {
color: #003f4a;
font-family: "Blitz-Script", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.5em;
font-size: 2.7777777778rem;
}
/* 05 shop products */
.cb-shop {
margin: 0;
background-color: #003f4a;
/*.item-list {
margin: rem(150) 0 rem(100);
display: flex;
flex-wrap: wrap;
@include fonts-1-bold;
font-size: rem(30);
}
.item {
display: flex;
flex-direction: column;
padding: rem(25) rem(30);
width: calc(25%);
color: $color_white;
background-color: $colorb2b_main;
&:hover {
.prod-photo {
transform: scale(1.1);
transform-origin: center center;
}
}
&:nth-of-type(2),
&:nth-of-type(4),
&:nth-of-type(5),
&:nth-of-type(7),
&:nth-of-type(10),
&:nth-of-type(12),
&:nth-of-type(14),
&:nth-of-type(16){
color: $colorb2b_main;
background-color: $color_white;
a {
color: $colorb2b_main;
}
.price-variants-wrap {
.variants {
>a.active {
.variant {
border-color: $colorb2b_main;
}
}
}
}
}
a {
color: $color_white;
}
.prod-cat {
margin: 0 0 rem(8);
display: block;
@include fonts-2;
font-size: rem(30);
line-height: 1.25em;
}
.prod-title {
margin: 0 0 rem(8);
display: block;
font-size: rem(30);
line-height: 1.25em;
}
.prod-photo {
flex-grow: 1;
margin: rem(15) 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
transition: all 0.5s ease;
img {
display: inline-block;
}
a {
display: inline-block;
}
}
.price-variants-wrap {
display: flex;
justify-content: space-between;
.price {
width: 60%;
i {
margin: 0 rem(8) 0 0;
font-size: rem(16);
font-style: normal;
}
}
.variants {
display: flex;
align-items: center;
justify-content: flex-end;
width: 38%;
>a {
display: inline-flex;
align-items: center;
justify-content: center;
&.active {
.variant {
border-color: #ffffff;
}
}
}
}
.variant {
box-sizing: border-box;
padding: 3px;
display: inline-flex;
align-items: center;
justify-content: center;
//width: rem(27);
//height: rem(27);
border-radius: 50%;
border: 1px solid transparent;
transition: all 0.3s ease;
&:hover {
filter: brightness(1.1);
}
>span {
display: inline-block;
width: rem(17);
height: rem(17);
border-radius: 50%;
}
}
}
}*/
}
.cb-shop .wrap-title {
margin: 0;
padding: 2.7777777778rem 0 1.1111111111rem;
color: white;
}
@media (max-width: 1228px) {
.cb-shop .wrap-title {
padding: 2.1428571429rem 0 1.4285714286rem;
}
}
.cb-shop .wrap-title-filter-wrap {
padding: 1.6666666667rem 0 0;
display: flex;
align-items: center;
}
.cb-shop .wrap-title-filter-wrap .wrap-title {
flex-grow: 1;
margin-right: 1.6666666667rem;
padding-top: 1.1111111111rem;
}
@media (max-width: 1228px) {
.cb-shop .wrap-title-filter-wrap .wrap-title {
padding: 1.4285714286rem 0 1.4285714286rem;
}
}
.cb-shop .block-filters {
text-align: right;
}
.cb-shop .block-filters > div {
margin: 0.8333333333rem 0rem 0.8333333333rem 3.3333333333rem;
}
.cb-shop .block-filters > div:first-child {
margin-left: 0;
}
@media (max-width: 1228px) {
.cb-shop .shop-products {
padding-bottom: 17.8571428571rem;
background: url("../img/pabarstukai-shop-mob-center-bottom.png") center bottom no-repeat;
}
}
.cb-shop .block-pagination {
display: flex;
align-items: center;
justify-content: center;
font-family: "Blitz-Script", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.5em;
font-size: 2.7777777778rem;
color: #d8ebe7;
}
.cb-shop .block-pagination a.previous, .cb-shop .block-pagination a.next {
margin: 1.1111111111rem;
box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: center;
width: 5.3333333333rem;
height: 5.3333333333rem;
border-radius: 50%;
text-indent: -9999em;
overflow: hidden;
outline: none;
user-select: none;
border: 2px solid white;
}
.cb-shop .block-pagination a.previous::after, .cb-shop .block-pagination a.next::after {
content: "";
width: 12px;
height: 18px;
background: url("../img/icn-arrow-right-white.svg") center center no-repeat;
background-size: contain;
transition: all 0.3s ease;
position: relative;
left: 0;
}
.cb-shop .block-pagination a.previous:hover::after, .cb-shop .block-pagination a.next:hover::after {
left: 3px;
}
.cb-shop .block-pagination a.previous::after {
transform: rotate(-180deg);
}
.cb-shop .block-pagination a.previous:hover::after {
left: -3px;
}
.cb-shop .block-pagination a.next {
margin-left: 1.6666666667rem;
}
.cb-shop .block-btns {
text-align: center;
}
/* 06 Product page */
.cb-product {
margin: 0;
padding: 3.6111111111rem 0;
background-color: #003f4a;
}
.cb-product .left-right-wrap {
display: flex;
}
.cb-product .left-right-wrap > .left {
width: 45%;
}
.cb-product .left-right-wrap > .right {
margin: 0 0 0 5.8333333333rem;
width: calc(55% - 5.8333333333rem);
}
@media (max-width: 1228px) {
.cb-product .left-right-wrap {
flex-direction: column;
}
.cb-product .left-right-wrap > .left {
width: 100%;
}
.cb-product .left-right-wrap > .right {
margin: 0;
width: 100%;
}
}
.cb-product .product-photos {
display: flex;
}
.cb-product .product-photos .thumbnails {
margin: 0 1.1111111111rem 0 0;
padding: 0 0.8333333333rem;
width: 123px;
position: relative;
background-color: #d8ebe7;
}
.cb-product .product-photos .thumbnails .item-list {
height: 100%;
}
.cb-product .product-photos .thumbnails .item-list button.slick-prev,
.cb-product .product-photos .thumbnails .item-list button.slick-next {
position: absolute;
width: 1.6666666667rem;
height: 1.6666666667rem;
top: -1.6666666667rem;
left: 50%;
display: inline-block;
border: none;
text-indent: -9999em;
overflow: hidden;
outline: none;
user-select: none;
background: url("../img/icn-arrow-right-lines-white.png") center center no-repeat;
transform: translateX(-50%) rotate(-90deg);
cursor: pointer;
}
.cb-product .product-photos .thumbnails .item-list button.slick-prev.slick-disabled,
.cb-product .product-photos .thumbnails .item-list button.slick-next.slick-disabled {
opacity: 0.5;
cursor: default;
}
.cb-product .product-photos .thumbnails .item-list button.slick-next {
transform: translateX(-50%) rotate(90deg);
top: auto;
bottom: -1.6666666667rem;
}
.cb-product .product-photos .thumbnails .item-list .item {
margin: 0.5rem 0 0.5rem;
display: flex;
align-items: center;
justify-content: center;
}
.cb-product .product-photos .thumbnails .item-list .item img {
max-width: 100%;
height: auto;
}
.cb-product .product-photos .photo-wrap {
flex-grow: 1;
display: flex;
flex-direction: column;
background-color: #d8ebe7;
}
.cb-product .product-photos .photo-wrap .main-photo {
padding: 1.1111111111rem;
flex-grow: 1;
display: flex;
align-items: center;
justify-content: center;
}
.cb-product .product-photos .photo-wrap .main-photo a {
display: flex;
align-items: flex-start;
justify-content: center;
height: 100%;
position: relative;
}
.cb-product .product-photos .photo-wrap .main-photo a:hover::after {
transform: scale(1.1);
}
.cb-product .product-photos .photo-wrap .main-photo a::after {
display: inline-block;
content: "";
width: 3.4444444444rem;
height: 3.4444444444rem;
background: rgba(255, 255, 255, 0.6) url("../img/icn-fullscreen.svg") center center no-repeat;
background-size: 1.5555555556rem auto;
border-radius: 50%;
position: absolute;
top: 0.5555555556rem;
right: 0.5555555556rem;
}
.cb-product .product-photos .photo-wrap .main-photo img {
display: inline-block;
max-width: 100%;
height: auto;
}
.cb-product .product-photos .photo-wrap .variants {
padding: 0.5555555556rem 1.6666666667rem 1.6666666667rem;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.cb-product .product-photos .photo-wrap .variants > a {
display: inline-flex;
align-items: center;
justify-content: center;
}
.cb-product .product-photos .photo-wrap .variants > a.active .variant {
border-color: #003f4a;
}
.cb-product .product-photos .photo-wrap .variant {
box-sizing: border-box;
padding: 5px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border: 1px solid transparent;
transition: all 0.3s ease;
}
.cb-product .product-photos .photo-wrap .variant:hover {
filter: brightness(1.1);
}
.cb-product .product-photos .photo-wrap .variant > span {
display: inline-block;
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
}
.cb-product .product-info {
color: #d8ebe7;
}
.cb-product .product-info .prod-cat {
display: block;
font-family: "Blitz-Script", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.5em;
line-height: 1.25em;
font-size: 1.6666666667rem;
color: #d8ebe7;
}
@media (max-width: 1228px) {
.cb-product .product-info .prod-cat {
font-size: 1.7857142857rem;
}
}
.cb-product .product-info .prod-title {
margin: 0 0 2.7777777778rem;
display: block;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
line-height: 1.25em;
font-size: 1.9444444444rem;
text-transform: uppercase;
}
@media (max-width: 1228px) {
.cb-product .product-info .prod-title {
font-size: 1.7857142857rem;
}
}
.cb-product .product-info .price {
display: block;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
line-height: 1.25em;
font-size: 1.9444444444rem;
color: white;
}
.cb-product .product-info .price s {
font-size: 1.3rem;
}
.cb-product .product-info .price i {
font-size: 1.1111111111rem;
font-style: normal;
}
@media (max-width: 1228px) {
.cb-product .product-info .price {
font-size: 1.7857142857rem;
}
.cb-product .product-info .price i {
font-size: 1rem;
}
}
.cb-product .product-info .price-comment {
margin: 0.6111111111rem 0 0;
display: block;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
line-height: 1.25em;
font-size: 1rem;
color: white;
}
@media (max-width: 1228px) {
.cb-product .product-info .price-comment {
font-size: 1.1428571429rem;
}
}
.cb-product .product-info .form-wrap {
margin: 2.7777777778rem 0 0;
}
.cb-product .product-info .form-wrap form {
margin: 0;
padding: 0;
border: none;
}
.cb-product .product-info .form-wrap label {
display: block;
margin: 0 0 0.7777777778rem;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
line-height: 1.25em;
color: white;
font-size: 1rem;
}
@media (max-width: 1228px) {
.cb-product .product-info .form-wrap label {
font-size: 1.1428571429rem;
}
}
.cb-product .product-info .form-wrap .row-q-file {
margin: 0 0 2.7777777778rem;
display: flex;
}
.cb-product .product-info .form-wrap .row-q-file > .left {
margin: 0 2.2222222222rem 0 0;
}
.cb-product .product-info .form-wrap .row-q-file > .right {
flex-grow: 1;
}
@media (max-width: 1228px) {
.cb-product .product-info .form-wrap .row-q-file {
flex-direction: column;
}
.cb-product .product-info .form-wrap .row-q-file > .left {
margin: 0 0 2.8571428571rem;
}
}
.cb-product .product-info .form-wrap .row-q-file .q-input-wrap {
display: flex;
align-items: stretch;
}
.cb-product .product-info .form-wrap .row-q-file .q-input-wrap button {
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
width: 3.2222222222rem;
height: 3.2222222222rem;
border: 2px solid white;
background-color: #003f4a;
cursor: pointer;
}
.cb-product .product-info .form-wrap .row-q-file .q-input-wrap button.minus {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.cb-product .product-info .form-wrap .row-q-file .q-input-wrap button.plus {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.cb-product .product-info .form-wrap .row-q-file .q-input-wrap input[type=number] {
margin: 0;
padding: 0;
width: 3.2222222222rem;
border-top: 2px solid white;
border-bottom: 2px solid white;
color: white;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1.2222222222rem;
background-color: #003f4a;
text-align: center;
-moz-appearance: textfield;
}
.cb-product .product-info .form-wrap .row-q-file .q-input-wrap input[type=number]::-webkit-outer-spin-button,
.cb-product .product-info .form-wrap .row-q-file .q-input-wrap input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.cb-product .product-info .form-wrap .row-q-file .custom-file-button label {
margin: 0 0 0.4444444444rem;
box-sizing: border-box;
padding: 0.8333333333rem;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
font-family: "Ekstra-regular", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.5em;
color: white;
font-size: 0.8888888889rem;
font-weight: 400;
border-radius: 10px;
border: 2px dashed #d8ebe7;
cursor: pointer;
}
.cb-product .product-info .form-wrap .row-q-file .custom-file-button label .icn {
margin: 0 1.1111111111rem 0 0;
}
.cb-product .product-info .form-wrap .row-q-file .custom-file-button > span {
display: block;
font-size: 0.8rem;
}
.cb-product .product-info .form-wrap .row-q-file .custom-file-button span.err {
background-color: #FB0000;
padding: 2px 6px 3px 6px;
}
.cb-product .product-info .form-wrap .row-q-file .file-comment {
display: block;
color: white;
font-size: 0.8888888889rem;
font-weight: 400;
text-align: center;
}
.cb-product .product-info .form-wrap .row-inputs {
display: flex;
}
.cb-product .product-info .form-wrap .row-inputs > .left {
margin: 0 2.2222222222rem 0 0;
width: calc(50% - 1.1111111111rem);
}
.cb-product .product-info .form-wrap .row-inputs > .right {
width: calc(50% - 1.1111111111rem);
}
@media (max-width: 1228px) {
.cb-product .product-info .form-wrap .row-inputs {
flex-direction: column;
}
.cb-product .product-info .form-wrap .row-inputs > .left {
margin: 0 0 1.4285714286rem;
width: 100%;
}
.cb-product .product-info .form-wrap .row-inputs > .right {
width: 100%;
}
}
.cb-product .product-info .form-wrap .row-inputs input[type=text] {
box-sizing: border-box;
margin: 0;
padding: 0.6666666667rem 0.8333333333rem;
width: 100%;
border-radius: 10px;
border: 2px solid white;
color: white;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1rem;
background-color: #003f4a;
text-align: left;
}
.cb-product .product-info .form-wrap .row-submit {
position: relative;
}
.cb-product .product-info .form-wrap input[type=button] {
box-sizing: border-box;
margin: 2.7777777778rem 0 0;
padding: 1rem 3.3333333333rem;
width: 100%;
color: #003f4a;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1.2222222222rem;
border-radius: 10px;
border: none;
background-color: white;
cursor: pointer;
text-transform: uppercase;
transition: all 0.3s ease;
text-align: center;
}
.cb-product .product-info .form-wrap input[type=button]:hover {
background-color: #d8ebe7;
}
.cb-product .product-description {
margin: 2.7777777778rem 0 0;
color: white;
}
.cb-product .product-description > .wrap {
width: 100%;
max-width: 62.4444444444rem;
}
.cb-product .product-description .block-title {
margin: 3.8888888889rem 0;
}
@media (max-width: 1228px) {
.cb-product .product-description .block-title {
margin: 3.5714285714rem 0 2.1428571429rem;
}
}
.cb-product .product-description .text-title {
margin: 0 0 0.8333333333rem;
color: white;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1rem;
line-height: 1.25em;
}
.cb-product .product-description .block-text {
color: white;
}
.cb-product .product-description .block-icons {
margin: 3.8888888889rem -2.7777777778rem 2.7777777778rem;
width: calc(100% + 5.5555555556rem);
display: flex;
}
.cb-product .product-description .block-icons .item {
padding: 1.1111111111rem 2.7777777778rem;
width: 25%;
border-left: 2px solid white;
}
.cb-product .product-description .block-icons .item:first-child {
border-left: none;
}
@media (max-width: 1228px) {
.cb-product .product-description .block-icons {
margin: 3.5714285714rem 0 1.4285714286rem;
width: 100%;
flex-direction: column;
}
.cb-product .product-description .block-icons .item {
padding: 1.6666666667rem 2.7777777778rem;
width: 100%;
border-left: none;
border-top: 2px solid white;
text-align: center;
}
.cb-product .product-description .block-icons .item:first-child {
border-left: none;
}
}
.cb-product .product-description .block-icons .label {
margin: 1.6666666667rem 0 0;
display: block;
line-height: 1.25em;
}
.mob-product-photo-slider {
padding: 2.8571428571rem 0 0;
background-color: #d8ebe7;
}
.mob-product-photo-slider .item-list {
position: relative;
}
.mob-product-photo-slider .item-list .slick-prev,
.mob-product-photo-slider .item-list .slick-next {
position: absolute;
left: 0;
top: calc(50% - 1.7857142857rem);
width: 2.1428571429rem;
height: 3.5714285714rem;
background: rgba(255, 255, 255, 0.6) url("../img/icn-arrow-right-black.svg") center center no-repeat;
background-size: 10px auto;
transform: rotate(180deg);
text-indent: -9999em;
overflow: hidden;
outline: none;
user-select: none;
border: none;
z-index: 2;
cursor: pointer;
}
.mob-product-photo-slider .item-list .slick-prev.slick-disabled,
.mob-product-photo-slider .item-list .slick-next.slick-disabled {
opacity: 0.5;
}
.mob-product-photo-slider .item-list .slick-next {
left: auto;
right: 0;
transform: rotate(0deg);
}
.mob-product-photo-slider .item-list::after {
display: inline-block;
content: "";
width: 3.4444444444rem;
height: 3.4444444444rem;
background: rgba(255, 255, 255, 0.6) url("../img/icn-fullscreen.svg") center center no-repeat;
background-size: 1.5555555556rem auto;
border-radius: 50%;
position: absolute;
top: 0.5555555556rem;
right: 0.5555555556rem;
}
.mob-product-photo-slider .item {
text-align: center;
}
.mob-product-photo-slider .item > a {
display: inline-block;
}
.mob-product-photo-slider .item img {
max-width: 100%;
height: auto;
display: block;
}
.mob-product-photo-slider .thumbnails-wrap {
padding: 2.1428571429rem;
}
@media (max-width: 768px) {
.mob-product-photo-slider .thumbnails-wrap {
padding: 0.7142857143rem;
}
}
.mob-product-photo-slider .thumbnails-wrap .thumbnail-list {
display: flex;
flex-wrap: wrap;
}
.mob-product-photo-slider .thumbnails-wrap .thumbnail-list .item {
margin: 0.3571428571rem;
width: calc(12.5% - 0.7142857143rem);
}
@media (max-width: 768px) {
.mob-product-photo-slider .thumbnails-wrap .thumbnail-list .item {
width: calc(25% - 0.7142857143rem);
}
}
.mob-product-photo-slider .variants {
box-sizing: border-box;
padding: 1.4285714286rem;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
position: relative;
}
.mob-product-photo-slider .variants > a {
display: inline-flex;
align-items: center;
justify-content: center;
}
.mob-product-photo-slider .variants > a.active .variant {
border-color: #003f4a;
}
.mob-product-photo-slider .variant {
box-sizing: border-box;
padding: 3px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border: 1px solid transparent;
transition: all 0.3s ease;
}
.mob-product-photo-slider .variant:hover {
filter: brightness(1.1);
}
.mob-product-photo-slider .variant > span {
display: inline-block;
width: 0.9444444444rem;
height: 0.9444444444rem;
border-radius: 50%;
}
.cb-contacts {
margin: 0;
padding: 4.4444444444rem 0 14.4444444444rem;
background-color: #003f4a;
background-image: url("../img/textpage-pabarstukai-left-bottom.png"), url("../img/textpage-pabarstukai-top-right.png");
background-position: 10% calc(100% - 2.7777777778rem), right top;
background-repeat: no-repeat, no-repeat;
color: white;
}
@media (max-width: 1228px) {
.cb-contacts {
padding: 1.4285714286rem 0 0;
background: #003f4a;
}
}
.cb-contacts .wrap-title {
color: white;
}
@media (max-width: 1228px) {
.cb-contacts .wrap-title {
display: inline-block;
width: 100%;
}
}
.cb-contacts .left-right-wrap {
display: flex;
}
.cb-contacts .left-right-wrap > .left {
width: 40%;
}
.cb-contacts .left-right-wrap > .right {
margin: 0 0 0 1.6666666667rem;
width: calc(60% - 1.6666666667rem);
}
@media (max-width: 1228px) {
.cb-contacts .left-right-wrap {
flex-direction: column;
}
.cb-contacts .left-right-wrap > .left {
padding: 0 0 10.7142857143rem;
width: 100%;
background: #003f4a url("../img/pabarstukai-contacts-center-bottom-mob.png") center calc(100% - 2.8571428571rem) no-repeat;
}
.cb-contacts .left-right-wrap > .right {
margin: 0;
width: 100%;
}
}
.cb-contacts .row {
margin: 0 0 2.2222222222rem;
}
.cb-contacts .row-2cols {
margin: 0 0 2.2222222222rem;
display: flex;
justify-content: space-between;
}
.cb-contacts .row-2cols > .col {
width: calc(50% - 0.8333333333rem);
}
@media (max-width: 1228px) {
.cb-contacts .row-2cols {
flex-direction: column;
}
.cb-contacts .row-2cols > .col {
margin: 2.8571428571rem 0 0;
width: 100%;
}
.cb-contacts .row-2cols > .col:first-child {
margin-top: 0;
}
}
.cb-contacts .block-text {
color: white;
font-size: 1rem;
line-height: 1.5em;
}
.cb-contacts .block-text strong {
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1rem;
}
.cb-contacts .block-text a {
color: white;
text-decoration: underline;
}
.cb-workers {
padding: 10rem 0 15.5555555556rem;
background: url("../img/contacts-pabarstukai-right-bottom.png") right bottom no-repeat;
}
@media (max-width: 1228px) {
.cb-workers {
margin: 0;
padding: 2.8571428571rem 0 14.2857142857rem;
background: url("../img/pabarstukai-workers-center-bottom-mob.png") center bottom no-repeat;
}
}
.cb-workers .wrap-title {
text-align: center;
}
@media (max-width: 1228px) {
.cb-workers .wrap-title {
text-align: left;
}
}
.cb-workers .item-list-wrap {
margin: 0 auto;
max-width: 73.2222222222rem;
}
.cb-workers .item-list {
margin: 0 -1.6666666667rem;
width: calc(100% + 3.3333333333rem);
max-width: 69.8888888889rem;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.cb-workers .item {
margin: 1.6666666667rem;
width: calc(33.33% - 3.3333333333rem);
background-color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 768px) {
.cb-workers .item {
width: 100%;
}
}
.cb-workers .photo-wrap {
position: relative;
}
.cb-workers .photo-wrap:before {
display: block;
content: "";
width: 100%;
padding-top: 92.3482849604%;
}
.cb-workers .photo-wrap > .inner {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
}
.cb-workers .info-wrap {
padding: 1.6666666667rem;
}
.cb-workers .position {
color: #003f4a;
font-family: "Blitz-Script", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.5em;
font-size: 1.8888888889rem;
line-height: 1.25em;
}
@media (max-width: 1228px) {
.cb-workers .position {
font-size: 1.7857142857rem;
}
}
.cb-workers .name {
font-size: 2.5rem;
line-height: 1.2em;
}
@media (max-width: 1228px) {
.cb-workers .name {
font-size: 2.1428571429rem;
}
}
.cb-workers .surname {
margin: 0 0 2.2222222222rem;
font-size: 2.5rem;
line-height: 1.2em;
}
@media (max-width: 1228px) {
.cb-workers .surname {
font-size: 2.1428571429rem;
}
}
.cb-workers .phone {
margin: 0 0 0.2777777778rem;
font-size: 1rem;
}
@media (max-width: 1228px) {
.cb-workers .phone {
font-size: 1.1428571429rem;
}
}
.cb-workers .email {
font-size: 1rem;
}
.cb-workers .email a {
text-decoration: underline;
}
@media (max-width: 1228px) {
.cb-workers .email {
font-size: 1.1428571429rem;
}
}
.cb-modal-page {
background-color: #d8ebe7;
background-image: url("../img/textpage-pabarstukai-left-bottom-2.png"), url("../img/textpage-pabarstukai-top-right-2.png");
background-position: 3% 97%, 97% 3%;
background-repeat: no-repeat, no-repeat;
}
.cb-modal-page > .wrap {
display: flex;
align-items: center;
justify-content: center;
min-height: calc(100vh - 5.5555555556rem);
}
@media (max-width: 1458px) {
.cb-modal-page > .wrap {
min-height: calc(100vh - 71px);
}
}
@media (max-width: 768px) {
.cb-modal-page > .wrap {
min-height: auto;
}
}
@media (max-width: 768px) {
.cb-modal-page {
margin: 0;
background: #d8ebe7;
}
.cb-modal-page > .wrap {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
.cb-modal-page .box-content {
padding: 3.3333333333rem;
width: 100%;
max-width: 40.1666666667rem;
border-radius: 10px;
color: #003f4a;
background-color: white;
}
@media (max-width: 768px) {
.cb-modal-page .box-content {
padding: 2.8571428571rem 1.4285714286rem;
border-radius: 0;
}
}
.cb-modal-page .row {
margin: 1.1111111111rem 0 0;
}
.cb-modal-page .row:first-child {
margin-top: 0;
}
.cb-modal-page .row-button {
display: block;
}
.cb-modal-page .row-button a {
padding: 0.6666666667rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
border: 2px solid #003f4a;
background-color: white;
}
.cb-modal-page .row-button .icon-button .icn {
margin: 0 1.1111111111rem 0 0;
}
.cb-modal-page .row-label {
text-align: center;
}
.cb-modal-page .row-success-text {
margin-bottom: 3.3333333333rem;
text-align: center;
}
.cb-modal-page .row-icon {
margin-bottom: 1.6666666667rem;
text-align: center;
}
.cb-modal-page .form {
margin: 2.2222222222rem 0 0;
}
.cb-modal-page .form input[type=text],
.cb-modal-page .form input[type=password] {
box-sizing: border-box;
display: flex;
margin: 0;
padding: 0.8333333333rem 1.1111111111rem;
width: 100%;
border: 2px solid #003f4a;
outline: none;
border-radius: 10px;
font-size: 1.2222222222rem;
color: #003f4a;
background-color: white;
}
.cb-modal-page .form input[type=text].err,
.cb-modal-page .form input[type=password].err {
border: 2px solid red;
}
.cb-modal-page .form input[type=text]::placeholder,
.cb-modal-page .form input[type=password]::placeholder {
color: rgba(0, 63, 74, 0.6);
}
.cb-modal-page .form input[type=button], .cb-modal-page .form input[type=submit] {
box-sizing: border-box;
display: block;
padding: 0.6666666667rem;
width: 100%;
border-radius: 10px;
background-color: #003f4a;
color: white;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1.2222222222rem;
cursor: pointer;
text-transform: uppercase;
}
.msg {
box-sizing: border-box;
display: flex;
margin: 0;
padding: 0.8333333333rem 1.1111111111rem;
width: 100%;
outline: none;
border-radius: 10px;
font-size: 1rem;
}
.msg.bgred {
color: #FFFFFF;
background-color: red;
}
.msg.bggreen {
color: #FFFFFF;
background-color: green;
}
a.i_x {
display: block;
position: absolute;
right: 10px;
top: 16px;
width: 24px;
height: 24px;
background: url('../img/i_x.svg') center center no-repeat;
background-size: 24px 24px;
}
.cb-modal-page .box-title {
margin: 0 0 1.6666666667rem;
display: block;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1.6666666667rem;
color: #003f4a;
text-align: center;
}
.cb-modal-page .form-title {
margin: 2.2222222222rem 0 1.6666666667rem;
display: block;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1.6666666667rem;
color: #003f4a;
text-align: center;
}
.cb-modal-page .row-links {
margin: 1.3888888889rem 0 3.0555555556rem;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1rem;
text-align: center;
text-transform: uppercase;
}
.cb-modal-page .row-links:last-child {
margin-bottom: 0;
}
.cb-modal-page .row-links a {
color: #003f4a;
text-decoration: underline;
}
.cb-modal-page .row-links a::before {
margin: 0 0.5555555556rem;
content: "";
display: inline-block;
width: 0.4444444444rem;
height: 0.4444444444rem;
background-color: #003f4a;
border-radius: 50%;
}
.cb-modal-page .row-links a:first-child::before {
display: none;
}
@media (max-width: 768px) {
.cb-modal-page .row-links a {
margin: 1.4285714286rem 0 0;
display: block;
}
.cb-modal-page .row-links a::before {
display: none;
}
.cb-modal-page .row-links a:first-child {
margin-top: 0;
}
}
.cb-my-account {
padding: 0 0 4.4444444444rem;
}
.cb-my-account .acc-title-menu-wrap {
margin: 0 0 2.7777777778rem;
padding: 3.3333333333rem 0 1.6666666667rem;
display: flex;
align-items: baseline;
justify-content: space-between;
border-bottom: 1px solid #003f4a;
}
@media (max-width: 1228px) {
.cb-my-account .acc-title-menu-wrap {
margin: 0 0;
flex-direction: column;
border: none;
}
}
.cb-my-account .acc-title-menu-wrap .wrap-title {
margin: 0 1.6666666667rem 0 0;
}
@media (max-width: 1228px) {
.cb-my-account .acc-title-menu-wrap .wrap-title {
margin: 0;
}
}
@media (max-width: 1228px) {
.cb-my-account .acc-title-menu-wrap .acc-menu {
margin: 2.1428571429rem 0 0;
}
}
.cb-my-account .acc-title-menu-wrap .acc-menu ul {
margin: 0;
padding: 0;
list-style: none;
text-align: right;
color: #003f4a;
font-size: 1rem;
}
@media (max-width: 1228px) {
.cb-my-account .acc-title-menu-wrap .acc-menu ul {
font-size: 1.2857142857rem;
}
}
.cb-my-account .acc-title-menu-wrap .acc-menu li {
margin: 0 0 0 1.6666666667rem;
display: inline-block;
}
@media (max-width: 1228px) {
.cb-my-account .acc-title-menu-wrap .acc-menu li {
margin: 0 2.1428571429rem 0 0;
}
}
.cb-my-account .acc-title-menu-wrap .acc-menu a {
text-decoration: underline;
}
.cb-my-account .acc-2cols {
display: flex;
justify-content: space-between;
}
.cb-my-account .acc-2cols > .left {
margin: 0 3.3333333333rem 0 0;
width: calc(49% - 5.5555555556rem);
}
.cb-my-account .acc-2cols > .right {
width: 51%;
}
@media (max-width: 1228px) {
.cb-my-account .acc-2cols {
flex-direction: column;
}
.cb-my-account .acc-2cols > .left {
margin: 0 0 1.6666666667rem;
width: 100%;
background-color: #ffffff;
border-radius: 10px;
}
.cb-my-account .acc-2cols > .left .label {
margin: 0;
padding: 1.4285714286rem;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background-color: #003f4a;
color: #ffffff;
}
.cb-my-account .acc-2cols > .left .block-text {
padding: 1.4285714286rem;
font-size: 1.2857142857rem;
}
.cb-my-account .acc-2cols > .left .block-link {
padding: 0 1.4285714286rem 1.4285714286rem;
}
.cb-my-account .acc-2cols > .left .form {
padding: 1.4285714286rem;
}
.cb-my-account .acc-2cols > .right {
width: 100%;
}
}
.cb-my-account .acc-2cols .label {
margin: 1.6666666667rem 0;
font-family: "Ekstra-bold", sans-serif;
/*font-weight: 700;*/
color: #003f4a;
font-size: 1.2222222222rem;
line-height: 1.5em;
}
.cb-my-account .acc-2cols .label.nom {
margin: 0;
}
@media (max-width: 1228px) {
.cb-my-account .acc-2cols .label {
font-size: 1.4285714286rem;
}
}
.cb-my-account .acc-2cols .block-link {
margin: 1.6666666667rem 0;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1rem;
text-transform: uppercase;
}
.cb-my-account .acc-2cols .block-link:last-child {
margin-bottom: 0;
}
.cb-my-account .acc-2cols .block-link a {
text-decoration: underline;
}
@media (max-width: 1228px) {
.cb-my-account .acc-2cols .block-link {
margin: 0;
}
}
.cb-my-account .acc-2cols .order-list .item_head {
display: block;
margin-bottom: 10px;
padding-right: 5px;
border-bottom: 1px solid #003f4a;
}
.cb-my-account .acc-2cols .order-list .item_head i {
display: inline-block;
float: right;
margin-top: 10px;
width: 16px;
height: 16px;
background-image: url("../img/icn-arrow-right-dark.svg");
background-size: 16px 16px;
background-position: center bottom;
background-repeat: no-repeat;
transform: rotate(-90deg);
}
.cb-my-account .acc-2cols .order-list .item_head a.open i {
transform: rotate(90deg);
}
.cb-my-account .acc-2cols .order-list .item {
display: none;
margin: 0 0 1.1111111111rem;
}
.cb-my-account .acc-2cols .order-list .item .part-top {
padding: 1.6666666667rem;
background-color: white;
display: flex;
align-items: stretch;
border-top: 1px solid #e0e0e0;
}
.cb-my-account .acc-2cols .order-list .item .part-top:first-child {
border-top: none;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
@media (max-width: 1228px) {
.cb-my-account .acc-2cols .order-list .item .part-top {
flex-wrap: wrap;
}
}
.cb-my-account .acc-2cols .order-list .item .part-bottom {
padding: 1.6666666667rem;
display: flex;
justify-content: space-between;
background-color: #003f4a;
color: white;
font-size: 1rem;
}
.cb-my-account .acc-2cols .order-list .item .part-bottom:last-child {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.cb-my-account .acc-2cols .order-list .item .part-bottom > .left {
width: calc(50% - 1.6666666667rem);
}
.cb-my-account .acc-2cols .order-list .item .part-bottom > .right {
width: calc(50% - 1.6666666667rem);
text-align: right;
}
.cb-my-account .acc-2cols .order-list .item .part-bottom .row {
margin: 0.1666666667rem 0;
}
@media (max-width: 1228px) {
.cb-my-account .acc-2cols .order-list .item .part-bottom {
flex-wrap: wrap;
font-size: 1.1428571429rem;
}
.cb-my-account .acc-2cols .order-list .item .part-bottom > .left {
width: 100%;
}
.cb-my-account .acc-2cols .order-list .item .part-bottom > .right {
width: 100%;
text-align: left;
}
.cb-my-account .acc-2cols .order-list .item .part-bottom .row {
margin: 0.5714285714rem 0;
}
.cb-my-account .acc-2cols .order-list .item .part-bottom .row:last-child {
margin-bottom: 0;
}
}
.cb-my-account .acc-2cols .order-list .item .thumbnail {
max-width: 6.6666666667rem;
border-radius: 5px;
border: 2px solid rgba(0, 63, 74, 0.5);
}
.cb-my-account .acc-2cols .order-list .item .thumbnail a {
display: flex;
align-items: center;
justify-content: center;
}
.cb-my-account .acc-2cols .order-list .item .thumbnail img {
display: block;
width: 100%;
height: auto;
}
.cb-my-account .acc-2cols .order-list .item .title {
padding: 0 1.6666666667rem;
display: flex;
align-items: center;
width: calc(50% - 3.3333333333rem);
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1rem !important;
text-transform: uppercase;
}
.cb-my-account .acc-2cols .order-list .item .title a {
font-size: 1rem !important;
}
@media (max-width: 1228px) {
.cb-my-account .acc-2cols .order-list .item .title {
padding: 0 0 0 1.4285714286rem;
flex-grow: 1;
}
}
.cb-my-account .acc-2cols .order-list .item .summary {
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 0 0 1.6666666667rem;
border-left: 1px solid #e0e0e0;
color: #003f4a;
}
.cb-my-account .acc-2cols .order-list .item .summary .row {
margin: 0.1666666667rem 0;
}
@media (max-width: 1228px) {
.cb-my-account .acc-2cols .order-list .item .summary {
margin: 1.4285714286rem 0 0;
padding: 0;
border: none;
width: 100%;
font-size: 1.1428571429rem;
}
}
.cb-my-account .form .row {
margin: 0 0 1.1111111111rem;
}
@media (max-width: 1228px) {
.cb-my-account .form .row {
margin: 0 0 1.4285714286rem;
}
}
.cb-my-account .form .row-2cols {
display: flex;
justify-content: space-between;
}
@media (max-width: 1228px) {
.cb-my-account .form .row-2cols {
margin: 0;
}
}
.cb-my-account .form dt {
display: block;
margin-bottom: 5px;
color: #003f4a;
}
.cb-my-account .form .row-2cols > .col {
width: calc(50% - 0.5555555556rem);
}
@media (max-width: 1228px) {
.cb-my-account .form .row-2cols {
flex-wrap: wrap;
}
.cb-my-account .form .row-2cols > .col {
margin: 0 0 1.4285714286rem;
width: 100%;
}
}
.cb-my-account .form .row-button {
margin: 1.6666666667rem 0 0;
}
@media (max-width: 1228px) {
.cb-my-account .form .row-button {
margin: 0;
display: flex;
flex-direction: column-reverse;
}
}
.cb-my-account .form input[type=text],
.cb-my-account .form input[type=password] {
box-sizing: border-box;
display: flex;
margin: 0;
padding: 0.7222222222rem 1.1111111111rem;
width: 100%;
border: 2px solid #003f4a;
outline: none;
border-radius: 10px;
font-size: 1.2222222222rem;
color: #003f4a;
background-color: #d8ebe7;
}
.cb-my-account .form input[type=text].err,
.cb-my-account .form input[type=password].err {
border: 2px solid red;
}
.cb-my-account .form input[type=text]::placeholder,
.cb-my-account .form input[type=password]::placeholder {
color: rgba(0, 63, 74, 0.6);
}
.cb-my-account .form input[type=text].subfix {
display: inline-flex;
width: calc(100% - 40px);
}
.cb-my-account .form .prefix {
display: inline-flex;
height: 30px;
width: 40px;
margin: 0;
padding: 0.7222222222rem 0;
}
@media (max-width: 1228px) {
.cb-my-account .form input[type=text],
.cb-my-account .form input[type=password] {
background-color: #ffffff;
}
}
.cb-my-account .form select {
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
display: flex;
padding: 1rem 2.7777777778rem 1rem 1.1111111111rem;
background: url("../img/icn-arrow-down-black.svg") calc(100% - 1rem) center no-repeat;
width: 100%;
border: 2px solid #003f4a;
outline: none;
border-radius: 10px;
font-size: 1.2222222222rem;
color: #003f4a;
background-color: #d8ebe7;
}
@media (max-width: 1228px) {
.cb-my-account .form select {
background-color: #ffffff;
}
}
.cb-my-account .form input[type=reset] {
margin: 0 1.1111111111rem 0 0;
padding: 0.6666666667rem 2.2222222222rem;
box-sizing: border-box;
display: inline-block;
border-radius: 10px;
background-color: white;
color: #003f4a;
border: none;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1.2222222222rem;
cursor: pointer;
}
@media (max-width: 1228px) {
.cb-my-account .form input[type=reset] {
margin: 1.4285714286rem 0 0;
border-radius: 5px;
background-color: #d8ebe7;
}
}
.cb-my-account .form input[type=submit] {
box-sizing: border-box;
display: inline-block;
padding: 0.6666666667rem 2.2222222222rem;
border: none;
border-radius: 10px;
background-color: #003f4a;
color: white;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1.2222222222rem;
cursor: pointer;
}
@media (max-width: 1228px) {
.cb-my-account .form input[type=submit] {
border-radius: 5px;
}
}
.cb-pagesteps {
margin: 5rem 0 4.4444444444rem !important;
}
@media (max-width: 1228px) {
.cb-pagesteps {
margin: 1.4285714286rem 0 2.8571428571rem !important;
}
}
.cb-pagesteps ul {
margin: 0;
padding: 0;
list-style: none;
}
.cb-pagesteps li {
display: inline-flex;
align-items: center;
color: rgba(0, 63, 74, 0.8);
font-size: 1rem;
}
@media (max-width: 1228px) {
.cb-pagesteps li {
font-size: 0.7142857143rem;
}
}
.cb-pagesteps li::before {
margin: 0 1.1111111111rem;
content: "";
display: inline-block;
width: 0.3888888889rem;
height: 0.7777777778rem;
background: url("../img/icn-arrow-right-black.svg") center center no-repeat;
background-size: contain;
position: relative;
top: 0.1111111111rem;
}
@media (max-width: 1228px) {
.cb-pagesteps li::before {
background-position: center top;
margin: 0 0.5555555556rem;
width: 0.2777777778rem;
height: 0.5555555556rem;
}
}
.cb-pagesteps li.active {
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1rem;
}
@media (max-width: 1228px) {
.cb-pagesteps li.active {
font-size: 0.7142857143rem;
}
}
.cb-pagesteps li:first-child::before {
display: none;
}
.cb-pagesteps a {
color: rgba(0, 63, 74, 0.8);
}
.cb-basket {
margin: 0;
}
.cb-basket .list-header {
padding: 0 0 0.8333333333rem;
display: flex;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1.2222222222rem;
color: #003f4a;
border-bottom: 1px solid #003f4a;
}
@media (max-width: 1228px) {
.cb-basket .list-header {
display: none;
}
}
.cb-basket .list-header .block-title {
margin: 0;
font-size: 1.6666666667rem;
color: #003f4a;
}
.cb-basket .list-header .c1 {
flex-grow: 1;
width: 43%;
align-self: center;
}
.cb-basket .list-header .c2 {
width: 25%;
text-transform: uppercase;
align-self: center;
}
.cb-basket .list-header .c3 {
width: 15%;
text-transform: uppercase;
align-self: center;
}
.cb-basket .list-header .c4 {
width: 15%;
text-transform: uppercase;
text-align: right;
align-self: center;
}
.cb-basket .list-row {
margin: 1.6666666667rem 0 0;
display: flex;
align-items: center;
}
@media (max-width: 1228px) {
.cb-basket .list-row {
margin: 0;
padding: 2.1428571429rem 0;
flex-wrap: wrap;
border-bottom: 1px solid #e0e0e0;
}
}
.cb-basket .list-row:nth-child(2) {
padding-top: 0;
}
.cb-basket .list-row .c1 {
padding-right: 1.6666666667rem;
width: 43%;
flex-grow: 1;
display: flex;
}
@media (max-width: 1228px) {
.cb-basket .list-row .c1 {
padding-right: 0;
width: 100%;
}
}
.cb-basket .list-row .c1 .thumbnail {
margin: 0 1.6666666667rem 0 0;
padding: 0;
border-radius: 10px;
border: 2px solid #003f4a;
background-color: white;
overflow: hidden;
max-width: 8.3333333333rem;
}
@media (max-width: 1228px) {
.cb-basket .list-row .c1 .thumbnail {
margin-right: 1.4285714286rem;
max-width: 6rem;
}
}
.cb-basket .list-row .c1 .thumbnail a {
display: flex;
align-items: center;
justify-content: center;
}
.cb-basket .list-row .c1 .thumbnail img {
display: block;
width: 100%;
height: auto;
}
.cb-basket .list-row .c1 .title {
padding: 0;
/*display: flex;*/
align-items: center;
width: calc(50% - 3.3333333333rem);
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1rem !important;
line-height: 1.25em;
text-transform: uppercase;
}
.cb-basket .list-row .c1 .title a {
font-size: 1rem !important;
}
.cb-basket .list-row .c1 .title dt {
display: flex;
margin-top: 5px;
font-weight: 400;
font-size: 0.6rem !important;
line-height: 0.8rem;
}
@media (max-width: 1228px) {
.cb-basket .list-row .c1 .title {
flex-grow: 1;
}
}
.cb-basket .list-row .c2 {
padding-right: 1.6666666667rem;
width: 25%;
font-size: 1.2222222222rem;
color: #003f4a;
}
@media (max-width: 1228px) {
.cb-basket .list-row .c2 {
margin: 1.4285714286rem 0 0;
padding-right: 0;
width: 100%;
font-size: 1rem;
}
.cb-basket .list-row .c2 span.label {
display: inline-block !important;
}
}
.cb-basket .list-row .c3 {
padding-right: 1.6666666667rem;
width: 15%;
color: #003f4a;
}
.cb-basket .list-row .c3 .q-input-wrap {
display: flex;
align-items: stretch;
}
.cb-basket .list-row .c3 .q-input-wrap button {
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
width: 2.1666666667rem;
height: 2.1666666667rem;
border: 2px solid #003f4a;
background-color: #d8ebe7;
cursor: pointer;
}
.cb-basket .list-row .c3 .q-input-wrap button.minus {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
@media (max-width: 1228px) {
.cb-basket .list-row .c3 .q-input-wrap button.minus {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
}
.cb-basket .list-row .c3 .q-input-wrap button.plus {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
@media (max-width: 1228px) {
.cb-basket .list-row .c3 .q-input-wrap button.plus {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
}
@media (max-width: 1228px) {
.cb-basket .list-row .c3 .q-input-wrap button {
background-color: #ffffff;
}
}
.cb-basket .list-row .c3 .q-input-wrap input[type=number] {
margin: 0;
padding: 0;
width: 2.1666666667rem;
color: #003f4a;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1rem;
background-color: #d8ebe7;
text-align: center;
border-top: 2px solid #003f4a;
border-bottom: 2px solid #003f4a;
border-left: 0;
border-right: 0;
-moz-appearance: textfield;
}
.cb-basket .list-row .c3 .q-input-wrap input[type=number]::-webkit-outer-spin-button,
.cb-basket .list-row .c3 .q-input-wrap input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
@media (max-width: 1228px) {
.cb-basket .list-row .c3 .q-input-wrap input[type=number] {
background-color: #ffffff;
}
}
@media (max-width: 1228px) {
.cb-basket .list-row .c3 {
margin: 1.4285714286rem 0 0;
padding-right: 0;
display: flex;
align-items: center;
width: 100%;
font-size: 1rem;
}
.cb-basket .list-row .c3 span.label {
display: inline-block !important;
}
.cb-basket .list-row .c3 .q-input-wrap {
margin: 0 0 0 1.0714285714rem;
display: inline-flex;
}
}
.cb-basket .list-row .c4 {
width: 15%;
text-align: right;
font-size: 1.6666666667rem;
color: #003f4a;
}
@media (max-width: 1228px) {
.cb-basket .list-row .c4 {
display: none;
}
}
.cb-basket .disc-total-wrap {
margin: 0 0 0 0;
display: flex;
align-items: flex-end;
}
.cb-basket .disc-total-wrap .list-disc {
display: flex;
align-items: center;
}
@media (max-width: 768px) {
.cb-basket .disc-total-wrap .list-disc {
width: 100%;
flex-wrap: wrap;
}
}
.cb-basket .disc-total-wrap .list-disc input[type=text] {
box-sizing: border-box;
display: flex;
margin: 0;
padding: 0.7222222222rem 1.1111111111rem;
width: 100%;
max-width: 21.1111111111rem;
border: 2px solid #003f4a;
outline: none;
border-radius: 10px;
font-size: 1.2222222222rem;
color: #003f4a;
background-color: #d8ebe7;
}
.cb-basket .disc-total-wrap .list-disc input[type=text]::placeholder {
color: rgba(0, 63, 74, 0.6);
}
@media (max-width: 1228px) {
.cb-basket .disc-total-wrap .list-disc input[type=text] {
background-color: #ffffff;
max-width: 100%;
}
}
.cb-basket .disc-total-wrap .list-disc input[type=submit] {
margin: 0 0 0 0.5555555556rem;
box-sizing: border-box;
display: inline-block;
padding: 0.8333333333rem 2.2222222222rem;
border: none;
border-radius: 10px;
background-color: #003f4a;
color: white;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1.2222222222rem;
cursor: pointer;
}
@media (max-width: 1228px) {
.cb-basket .disc-total-wrap .list-disc input[type=submit] {
border-radius: 5px;
background-color: #d8ebe7;
color: #003f4a;
}
}
@media (max-width: 768px) {
.cb-basket .disc-total-wrap .list-disc input[type=submit] {
margin: 1.4285714286rem 0 0;
width: 100%;
}
}
@media (max-width: 1228px) {
.cb-basket .disc-total-wrap {
margin: 2.1428571429rem 0 0;
flex-wrap: wrap;
}
.cb-basket .disc-total-wrap .list-disc {
width: 100%;
}
}
.cb-basket .list-total {
flex-grow: 1;
margin: 2.7777777778rem 0 1.1111111111rem;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
color: #003f4a;
font-size: 1.6666666667rem;
line-height: 1.25em;
text-align: right;
}
@media (max-width: 768px) {
.cb-basket .list-total {
margin: 2.1428571429rem -1.2857142857rem 0;
padding: 1.7857142857rem 1.2857142857rem;
display: flex;
justify-content: space-between;
background-color: #f5f5f5;
}
.cb-basket .list-total .label {
font-size: 1.1428571429rem;
}
.cb-basket .list-total .total {
font-size: 1.7857142857rem;
}
}
.cb-basket .list-sum {
margin: 1.1111111111rem 0;
color: #003f4a;
font-size: 1.2222222222rem;
line-height: 1.25em;
text-align: right;
}
@media (max-width: 768px) {
.cb-basket .list-sum {
display: flex;
justify-content: space-between;
}
.cb-basket .list-sum .label {
font-size: 1.1428571429rem;
}
.cb-basket .list-sum .total {
font-size: 1.5714285714rem;
}
}
.cb-basket .list-comment {
margin: 1.1111111111rem 0;
font-size: 0.7777777778rem;
text-align: right;
color: #003f4a;
}
@media (max-width: 768px) {
.cb-basket .list-comment {
text-align: left;
}
}
.cb-basket .list-step-button {
margin: 0 0 6.6666666667rem;
text-align: right;
}
.rights-text-row {
padding: 1.6666666667rem 0;
width: 100%;
color: #003f4a;
font-size: 1rem;
line-height: 1.25em;
border-top: 1px solid #003f4a;
}
.cb-mob-cart-summary .cart-header a {
margin: 0 -1.2857142857rem;
padding: 1.2857142857rem;
width: calc(100% + 2.5714285714rem);
box-sizing: border-box;
display: flex;
align-items: center;
background-color: #f5f5f5;
}
.cb-mob-cart-summary .cart-header a::after {
content: "";
display: inline-block;
width: 0.4285714286rem;
height: 0.9285714286rem;
background: url("../img/icn-arrow-right-black.svg") center center no-repeat;
background-size: contain;
transform: rotate(90deg);
}
.cb-mob-cart-summary .cart-header a .icn {
margin: 0 1.0714285714rem 0 0;
}
.cb-mob-cart-summary .cart-header a .label {
padding-right: 1.0714285714rem;
flex-grow: 1;
}
.cb-mob-cart-summary .cart-header a .label-open {
display: none;
}
.cb-mob-cart-summary .cart-header a .label-closed {
display: inline-block;
}
.cb-mob-cart-summary .cart-content .product {
padding: 0;
border-bottom: 1px solid #e0e0e0;
}
.cb-mob-cart-summary .cart-content .product a {
color: #003f4a;
}
.cb-mob-cart-summary .cart-content .row-with-thumb {
padding: 2.1428571429rem 0 0.7142857143rem;
display: flex;
align-items: center;
}
.cb-mob-cart-summary .cart-content .row-with-thumb .thumbnail {
max-width: 6rem;
border-radius: 5px;
border: 2px solid rgba(0, 63, 74, 0.5);
overflow: hidden;
}
.cb-mob-cart-summary .cart-content .row-with-thumb .thumbnail a {
display: flex;
align-items: center;
justify-content: center;
}
.cb-mob-cart-summary .cart-content .row-with-thumb .thumbnail img {
display: block;
width: 100%;
height: auto;
}
.cb-mob-cart-summary .cart-content .row-with-thumb .title {
flex-grow: 1;
margin: 0 1.1111111111rem;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1rem !important;
text-transform: uppercase;
}
.cb-mob-cart-summary .cart-content .row-with-thumb .title a {
font-size: 1rem !important;
}
.cb-mob-cart-summary .cart-content .row-prod-summary {
padding: 0 0 1.6666666667rem 0;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.cb-mob-cart-summary .cart-content .row-prod-summary .price {
margin: 0 0;
width: 100%;
}
.cb-mob-cart-summary .cart-content .row-prod-summary .quantity {
margin: 0.7142857143rem 0 0;
width: 100%;
display: flex;
align-items: center;
}
.cb-mob-cart-summary .cart-content .row-prod-summary .label {
margin: 0;
display: inline-block;
font-family: "Ekstra-regular", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.5em;
font-size: 1rem;
}
.cb-mob-cart-summary .cart-content .row-prod-summary .value {
font-family: "Ekstra-regular", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.5em;
font-size: 1rem;
}
.cb-mob-cart-summary .cart-content .row-prod-summary .q-input-wrap {
margin: 0 0 0 1.0714285714rem;
display: inline-flex;
}
.cb-mob-cart-summary .cart-content .row-prod-summary .q-input-wrap button {
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
width: 2.1666666667rem;
height: 2.1666666667rem;
border: 2px solid #003f4a;
background-color: white;
cursor: pointer;
}
.cb-mob-cart-summary .cart-content .row-prod-summary .q-input-wrap button.minus {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.cb-mob-cart-summary .cart-content .row-prod-summary .q-input-wrap button.plus {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.cb-mob-cart-summary .cart-content .row-prod-summary .q-input-wrap input[type=text] {
margin: 0;
padding: 0;
width: 2.1666666667rem;
border-top: 2px solid #003f4a;
border-bottom: 2px solid #003f4a;
color: #003f4a;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1rem;
background-color: white;
text-align: center;
}
.cb-mob-cart-summary .cart-summary .discount-wrap {
margin: 1.6666666667rem 0 0;
padding: 0 0 1.6666666667rem;
border-bottom: 1px solid #e0e0e0;
display: flex;
}
@media (max-width: 768px) {
.cb-mob-cart-summary .cart-summary .discount-wrap {
flex-wrap: wrap;
}
}
.cb-mob-cart-summary .cart-summary .discount-wrap input[type=text] {
box-sizing: border-box;
display: flex;
align-items: stretch;
margin: 0 1.1111111111rem 0 0;
padding: 0.7222222222rem 1.1111111111rem;
width: 100%;
border: 2px solid #003f4a;
outline: none;
border-radius: 10px;
font-size: 1.2222222222rem;
color: #003f4a;
background-color: whitesmoke;
}
.cb-mob-cart-summary .cart-summary .discount-wrap input[type=text]::placeholder {
color: rgba(0, 63, 74, 0.6);
}
@media (max-width: 768px) {
.cb-mob-cart-summary .cart-summary .discount-wrap input[type=text] {
margin: 0 0 1.4285714286rem;
}
}
.cb-mob-cart-summary .cart-summary .discount-wrap .btn-submit {
padding: 0.8333333333rem 2.5rem;
color: #003f4a;
display: inline-flex;
align-items: center;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1.2222222222rem;
line-height: 1.25em;
border-radius: 10px;
background-color: #d8ebe7;
word-break: keep-all;
text-align: center;
justify-content: center;
}
@media (max-width: 768px) {
.cb-mob-cart-summary .cart-summary .discount-wrap .btn-submit {
width: 100%;
}
}
.cb-mob-cart-summary .cart-summary .sums-wrap {
margin: 1.4285714286rem 0 0;
padding: 0 0 1.6666666667rem;
font-family: "Ekstra-regular", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.5em;
color: #003f4a;
font-size: 1rem;
line-height: 1.25em;
}
.cb-mob-cart-summary .cart-summary .sums-wrap .row {
margin: 0.7142857143rem 0;
}
.cb-mob-cart-summary .cart-summary .sums-wrap .row:last-child {
margin-bottom: 0;
}
.cb-mob-cart-summary .cart-summary .sums-wrap .row .col:nth-child(2) {
text-align: right;
}
.cb-mob-cart-summary .cart-summary .sums-wrap .row-2cols {
display: flex;
justify-content: space-between;
}
.cb-mob-cart-summary .cart-summary .sums-wrap .row-2cols > .col {
width: calc(50% - 0.5555555556rem);
}
.cb-mob-cart-summary .cart-summary .total-wrap {
margin: 0 -1.2857142857rem 0;
padding: 2rem 1.2857142857rem 2rem;
width: calc(100% + 2.5714285714rem);
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
color: #003f4a;
font-size: 0.8888888889rem;
line-height: 1.25em;
background-color: #f5f5f5;
}
.cb-mob-cart-summary .cart-summary .total-wrap .row:last-child {
margin-bottom: 0;
}
.cb-mob-cart-summary .cart-summary .total-wrap .row .col:nth-child(2) {
text-align: right;
}
.cb-mob-cart-summary .cart-summary .total-wrap .row-2cols {
display: flex;
justify-content: space-between;
}
.cb-mob-cart-summary .cart-summary .total-wrap .row-2cols > .col {
width: calc(50% - 0.5555555556rem);
}
.cb-mob-cart-summary .cart-summary .total-wrap strong {
font-size: 1.3888888889rem;
}
.cb-mob-cart-summary.open .cart-header a::after {
transform: rotate(-90deg);
}
.cb-checkout > .wrap {
display: flex;
}
.cb-checkout > .wrap > .left {
margin: 0 6.9444444444rem 0 0;
width: calc(50% - 6.9444444444rem);
}
.cb-checkout > .wrap > .right {
margin: 9.4444444444rem 0 0 6.9444444444rem;
width: calc(50% - 6.9444444444rem);
}
@media (max-width: 1228px) {
.cb-checkout > .wrap {
flex-wrap: wrap;
}
.cb-checkout > .wrap > .left {
margin: 0;
width: 100%;
}
.cb-checkout > .wrap > .right {
margin: 0;
width: 100%;
}
}
.cb-checkout .section-title {
margin: 2.7777777778rem 0 1.6666666667rem 0;
color: #003f4a;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1.6666666667rem;
}
.cb-checkout .section-title:first-child {
margin-top: 0;
}
.cb-checkout .tab-selector {
margin: 1.6666666667rem 0 0.5555555556rem;
}
.cb-checkout .tab-selector .item {
margin: 1.1111111111rem 2.7777777778rem 1.1111111111rem 0;
display: inline-block;
}
.cb-checkout .fw-400 {
font-family: "Ekstra-regular", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.5em;
font-size: 1.2222222222rem;
font-weight: 400 !important;
}
.cb-checkout .row {
margin: 0 0 1.1111111111rem;
}
.cb-checkout .row-2cols {
display: flex;
justify-content: space-between;
}
.cb-checkout .row-2cols > .col {
width: calc(50% - 0.5555555556rem);
}
@media (max-width: 768px) {
.cb-checkout .row-2cols {
margin: 0;
flex-wrap: wrap;
}
.cb-checkout .row-2cols > .col {
margin: 0 0 1.4285714286rem;
width: 100%;
}
}
.cb-checkout .row-buttons {
margin: 2.7777777778rem 0 10rem 0;
}
.cb-checkout .row-buttons > .col {
display: flex;
align-items: center;
}
.cb-checkout .row-buttons > .col:nth-child(2) {
text-align: right;
justify-content: flex-end;
}
@media (max-width: 768px) {
.cb-checkout .row-buttons {
margin: 3.5714285714rem 0 3.5714285714rem;
flex-wrap: wrap;
flex-direction: column-reverse;
}
.cb-checkout .row-buttons > .col {
width: 100%;
}
}
.cb-checkout .row-buttons .link-with-icon .icn {
margin-right: 1.1111111111rem;
}
@media (max-width: 768px) {
.cb-checkout .row-buttons .link-with-icon {
margin: 2.1428571429rem 0 0;
display: flex;
width: 100%;
justify-content: center;
}
}
.cb-checkout input[type=text],
.cb-checkout input[type=password] {
box-sizing: border-box;
display: flex;
margin: 0;
padding: 0.7222222222rem 1.1111111111rem;
width: 100%;
border: 2px solid #003f4a;
outline: none;
border-radius: 10px;
font-size: 1.2222222222rem;
color: #003f4a;
background-color: white;
}
.cb-checkout input[type=text].err,
.cb-checkout input[type=password].err {
border: 2px solid red;
}
.cb-checkout input[type=text].subfix {
display: inline-flex;
width: calc(100% - 40px);
}
.cb-checkout .prefix {
display: inline-flex;
height: 30px;
width: 40px;
margin: 0;
padding: 0.7222222222rem 0;
}
.cb-checkout input[type=text]::placeholder,
.cb-checkout input[type=password]::placeholder {
color: rgba(0, 63, 74, 0.6);
}
.cb-checkout select {
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
display: flex;
padding: 1rem 2.7777777778rem 1rem 1.1111111111rem;
background: url("../img/icn-arrow-down-black.svg") calc(100% - 1rem) center no-repeat;
width: 100%;
border: 2px solid #003f4a;
outline: none;
border-radius: 10px;
font-size: 1.2222222222rem;
color: #003f4a;
background-color: white;
}
.cb-checkout select.slim {
padding: 5px 30px 5px 10px;
border: 1px solid #003f4a;
font-size: 0.9rem;
background: url("../img/icn-arrow-down-black.svg") calc(100% - 10px) 12px no-repeat;
}
.cb-checkout select.slim.err {
border: 1px solid #FB0000;
}
.cb-checkout .checkout-product-list {
border-bottom: 1px solid #003f4a;
}
.cb-checkout .checkout-product-list .item {
margin: 1.6666666667rem 0;
display: flex;
align-items: center;
}
@media (max-width: 768px) {
.cb-checkout .checkout-product-list .item {
padding: 0 0 1.4285714286rem;
flex-wrap: wrap;
border-bottom: 1px solid #e0e0e0;
}
.cb-checkout .checkout-product-list .item:last-child {
border-bottom: none;
}
}
.cb-checkout .checkout-product-list .item .thumbnail {
max-width: 7.1111111111rem;
position: relative;
}
@media (max-width: 768px) {
.cb-checkout .checkout-product-list .item .thumbnail {
width: 6rem;
}
}
.cb-checkout .checkout-product-list .item .thumbnail a {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
overflow: hidden;
border: 2px solid #003f4a;
background-color: rgba(255, 255, 255, 0.5);
}
.cb-checkout .checkout-product-list .item .thumbnail img {
display: block;
width: 100%;
height: auto;
}
.cb-checkout .checkout-product-list .item .thumbnail .count {
display: inline-flex;
align-items: center;
justify-content: center;
position: absolute;
width: 1.8888888889rem;
height: 1.8888888889rem;
background-color: #003f4a;
border-radius: 50%;
top: -0.7777777778rem;
right: -0.7777777778rem;
color: white;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 0.8888888889rem;
line-height: 1em;
}
.cb-checkout .checkout-product-list .item .title {
margin: 0 1.6666666667rem;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1.2222222222rem;
color: #003f4a;
text-transform: uppercase;
}
.cb-checkout .checkout-product-list .item .title a {
font-size: 1.2222222222rem;
}
@media (max-width: 768px) {
.cb-checkout .checkout-product-list .item .title {
margin: 0 0 0 1.4285714286rem;
width: calc(100% - 7.4285714286rem);
font-size: 1rem;
line-height: 1.5em;
}
.cb-checkout .checkout-product-list .item .title a {
font-size: 1rem;
line-height: 1.5em;
}
}
.cb-checkout .checkout-product-list .item .price {
width: 22%;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1.2222222222rem;
color: #003f4a;
text-align: right;
}
@media (max-width: 768px) {
.cb-checkout .checkout-product-list .item .price {
margin: 0.7142857143rem 0 0;
width: 100%;
text-align: left;
}
}
.cb-checkout .discount-wrap {
margin: 1.6666666667rem 0 0;
padding: 0 0 1.6666666667rem;
border-bottom: 1px solid #003f4a;
display: flex;
}
.cb-checkout .discount-wrap input[type=text] {
box-sizing: border-box;
display: flex;
align-items: stretch;
margin: 0 1.1111111111rem 0 0;
padding: 0.7222222222rem 1.1111111111rem;
width: 100%;
border: 2px solid #003f4a;
outline: none;
border-radius: 10px;
font-size: 1.2222222222rem;
color: #003f4a;
background-color: whitesmoke;
}
.cb-checkout .discount-wrap input[type=text]::placeholder {
color: rgba(0, 63, 74, 0.6);
}
.cb-checkout .discount-wrap .btn-submit {
padding: 0.8333333333rem 2.5rem;
color: #003f4a;
display: inline-flex;
align-items: center;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1.2222222222rem;
line-height: 1.25em;
border-radius: 10px;
background-color: #d8ebe7;
word-break: keep-all;
}
.cb-checkout .sums-wrap {
margin: 1.6666666667rem 0 0;
padding: 0 0 1.6666666667rem;
border-bottom: 1px solid #003f4a;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
color: #003f4a;
font-size: 1.2222222222rem;
line-height: 1.25em;
}
.cb-checkout .sums-wrap .row:last-child {
margin-bottom: 0;
}
.cb-checkout .sums-wrap .row .col:nth-child(2) {
text-align: right;
}
.cb-checkout .sums-wrap .row-2cols {
display: flex;
justify-content: space-between;
}
.cb-checkout .sums-wrap .row-2cols > .col {
width: calc(50% - 0.5555555556rem);
}
.cb-checkout .total-wrap {
margin: 1.6666666667rem 0 0;
padding: 0 0 1.6666666667rem;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
color: #003f4a;
font-size: 1.6666666667rem;
line-height: 1.25em;
}
.cb-checkout .total-wrap .row:last-child {
margin-bottom: 0;
}
.cb-checkout .total-wrap .row .col:nth-child(2) {
text-align: right;
}
.cb-checkout .total-wrap .row-2cols {
display: flex;
justify-content: space-between;
}
.cb-checkout .total-wrap .row-2cols > .col {
width: calc(50% - 0.5555555556rem);
}
.cb-checkout .delivery-list {
margin: 0 -0.5555555556rem;
width: calc(100% + 1.1111111111rem);
display: flex;
flex-wrap: wrap;
}
.cb-checkout .delivery-list .item {
margin: 0.5555555556rem;
padding: 1.6666666667rem 1.1111111111rem;
width: calc(50% - 1.1111111111rem);
border-radius: 10px;
border: 2px solid #003f4a;
background-color: white;
text-align: center;
}
@media (max-width: 768px) {
.cb-checkout .delivery-list .item {
width: 100%;
}
}
.cb-checkout .delivery-list .item > dt {
display: flex;
height: 100%;
flex-direction: column;
}
.cb-checkout .delivery-list .title {
margin: 0 0 0.4444444444rem;
display: block;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1rem;
line-height: 1.25em;
}
.cb-checkout .delivery-list .price {
margin: 0 0 0.4444444444rem;
display: block;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1rem;
line-height: 1.25em;
}
.cb-checkout .delivery-list .time, .cb-checkout .delivery-list .postbox {
display: block;
font-size: 1rem;
}
.cb-checkout .delivery-list .postbox {
margin: 5px 0;
color: #003f4a;
text-align: left;
}
.cb-checkout .delivery-list .icon {
flex-grow: 1;
margin: 1.6666666667rem 0;
display: flex;
align-items: center;
justify-content: center;
}
.cb-checkout .delivery-list .custom-checkbox {
display: block;
}
.cb-checkout .delivery-list .custom-checkbox label .label {
/*padding: 0;*/
min-width: 1.5555555556rem;
}
@media (max-width: 1228px) {
.cb-checkout .delivery-list .custom-checkbox label .label {
min-width: 1.7857142857rem;
}
}
.cb-checkout .before-payment-summary {
padding: 1.6666666667rem 1.1111111111rem;
border-radius: 10px;
border: 2px solid #003f4a;
}
.cb-checkout .before-payment-summary .row {
margin: 0 0 1.6666666667rem;
display: flex;
font-size: 1rem;
line-height: 1.25em;
color: #003f4a;
}
.cb-checkout .before-payment-summary .row:last-child {
margin-bottom: 0;
}
.cb-checkout .before-payment-summary .row strong {
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1rem;
line-height: 1.25em;
}
.cb-checkout .before-payment-summary .row .c1 {
width: 20%;
color: rgba(0, 63, 74, 0.6);
}
.cb-checkout .before-payment-summary .row .c2 {
margin: 0 1.6666666667rem;
width: 65%;
}
.cb-checkout .before-payment-summary .row .c3 {
width: 15%;
text-align: right;
word-break: keep-all;
}
.cb-checkout .before-payment-summary .row .c3 a {
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1rem;
line-height: 1.25em;
text-decoration: underline;
}
@media (max-width: 768px) {
.cb-checkout .before-payment-summary .row {
flex-wrap: wrap;
}
.cb-checkout .before-payment-summary .row .c1 {
order: 1;
width: 70%;
}
.cb-checkout .before-payment-summary .row .c2 {
margin: 0.3571428571rem 0 0;
order: 3;
width: 100%;
}
.cb-checkout .before-payment-summary .row .c3 {
order: 2;
width: 30%;
}
}
.cb-checkout .box-list .item {
padding: 0.8888888889rem 1.1111111111rem;
border: 2px solid #003f4a;
color: #003f4a;
border-top: none;
}
.cb-checkout .box-list .item:first-child {
border-top: 2px solid #003f4a;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.cb-checkout .box-list .item:last-child {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.cb-checkout .box-list .item .custom-checkbox label {
width: 100%;
}
.cb-checkout .box-list .item .custom-checkbox label .label {
box-sizing: border-box;
width: 100%;
line-height: 1.25em;
display: flex;
align-items: center;
justify-content: space-between;
}
.cb-checkout .box-list .item span.right {
margin: 0 0 0 1.1111111111rem;
float: right;
}
footer {
padding: 13.3333333333rem 0 5.5555555556rem;
background: #003f4a url("../img/footer-pabarstukai-1.png") right top no-repeat;
}
@media (max-width: 1228px) {
footer {
padding: 5.5555555556rem 0 8.3333333333rem;
background: #003f4a url("../img/footer-pabarstukai-1-mob.png") right bottom no-repeat;
}
}
footer .wrap-title {
color: #d8ebe7;
}
footer .footer-link {
margin: 8.3333333333rem 0 3.6111111111rem;
}
@media (max-width: 1228px) {
footer .footer-link {
margin: 4.2857142857rem 0 3.6111111111rem;
}
}
footer .footer-link a {
padding: 0 0 5px;
display: inline-block;
color: white;
font-size: 1.6666666667rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
footer .footer-link a::after {
display: block;
content: "";
border-bottom: solid 1px white;
transform: scaleX(0);
position: relative;
top: 6px;
transition: transform 0.3s ease;
}
footer .footer-link a:hover::after {
transform: scaleX(1);
}
@media (max-width: 1228px) {
footer .footer-link a {
font-size: 1.1428571429rem;
}
}
footer .col-list {
display: flex;
justify-content: space-between;
}
@media (max-width: 1228px) {
footer .col-list {
flex-wrap: wrap;
}
}
footer .col-list > div {
margin: 0 1.6666666667rem 0 0;
width: calc(25% - 1.6666666667rem);
color: white;
font-size: 1rem;
}
footer .col-list > div.col-contacts {
width: calc(40% - 1.6666666667rem);
}
a.white {
color: #FFFFFF;
}
footer .col-list > div.col-menu {
width: calc(30% - 1.6666666667rem);
}
footer .col-list > div.col-menu {
width: calc(25% - 1.6666666667rem);
}
footer .col-list > div.col-socials {
margin: 0;
width: 10%;
}
footer .col-list > div.col-socials li {
text-align: right;
}
@media (max-width: 1228px) {
footer .col-list > div {
margin: 0 0 3.3333333333rem;
width: 100%;
}
footer .col-list > div.col-contacts {
width: 100%;
}
footer .col-list > div.col-menu {
width: 100%;
}
footer .col-list > div.col-socials {
margin: 0;
width: 100%;
}
footer .col-list > div.col-socials li {
text-align: left;
}
}
footer .col-list ul {
margin: 0;
padding: 0;
list-style: none;
color: white;
font-size: 1rem;
line-height: 1.5em;
}
footer .col-list ul li {
margin: 0 0 1.1111111111rem;
}
footer .col-list ul a {
color: white;
}
.icn {
width: 1.3333333333rem;
min-width: 1.3333333333rem;
height: 1.3333333333rem;
min-height: 1.3333333333rem;
display: inline-block;
text-decoration: none;
outline: none;
user-select: none;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
text-indent: -9999em;
overflow: hidden;
outline: none;
user-select: none;
}
.icn-basket {
width: 1.5rem;
min-width: 1.5rem;
height: 1.7777777778rem;
min-height: 1.7777777778rem;
background-image: url("../img/icn-basket.svg");
}
.icn-basket.full {
background-image: url("../img/icn-basket-full.svg");
text-indent: 0;
display: inline-flex;
justify-content: center;
align-items: center;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 0.6666666667rem;
color: white;
line-height: 2em;
}
.icn-basket.full .counter {
position: relative;
top: 0.1111111111rem;
}
.icn-profile {
width: 1.3333333333rem;
min-width: 1.3333333333rem;
height: 1.7222222222rem;
min-height: 1.7222222222rem;
background-image: url("../img/icn-profile.svg");
}
.icn-profile_full, .icn-profile_admin {
width: 28px;
height: 18px;
padding-top: 14px;
background-image: url("../img/icn-profile_full.svg");
text-indent: 0;
text-align: center;
color: #FFFFFF;
font-size: 11px;
}
.icn-profile_admin {
background-image: url("../img/icn-profile_admin.svg");
}
.icn-star {
width: 1.6111111111rem;
min-width: 1.6111111111rem;
height: 1.8888888889rem;
min-height: 1.8888888889rem;
background-image: url("../img/icn-cookie-star.svg");
}
.icn-cart {
width: 1.4444444444rem;
min-width: 1.4444444444rem;
height: 1.4444444444rem;
min-height: 1.4444444444rem;
background-image: url("../img/icn-cart.svg");
}
.icn-minus {
width: 24px;
min-width: 24px;
height: 3px;
min-height: 3px;
background-image: url("../img/icn-minus.svg");
}
.icn-minus-black {
width: 15px;
min-width: 15px;
height: 3px;
min-height: 3px;
background-image: url("../img/icn-minus-black.svg");
}
.icn-plus {
width: 23px;
min-width: 23px;
height: 23px;
min-height: 23px;
background-image: url("../img/icn-plus.svg");
}
.icn-plus-black {
width: 15px;
min-width: 15px;
height: 15px;
min-height: 15px;
background-image: url("../img/icn-plus-black.svg");
}
.icn-download {
width: 1.4444444444rem;
min-width: 1.4444444444rem;
height: 1.4444444444rem;
min-height: 1.4444444444rem;
background-image: url("../img/icn-download.svg");
}
.icn-fullscreen {
width: 1.5555555556rem;
min-width: 1.5555555556rem;
height: 1.5555555556rem;
min-height: 1.5555555556rem;
background-image: url("../img/icn-fullscreen.svg");
}
.icn-box {
width: 6.6666666667rem;
min-width: 6.6666666667rem;
height: 5.2222222222rem;
min-height: 5.2222222222rem;
background-image: url("../img/icn-box.svg");
}
.icn-temperature {
width: 2.0555555556rem;
min-width: 2.0555555556rem;
height: 4.8888888889rem;
min-height: 4.8888888889rem;
background-image: url("../img/icn-temperature.svg");
}
.icn-time-period {
width: 5.2777777778rem;
min-width: 5.2777777778rem;
height: 5.2222222222rem;
min-height: 5.2222222222rem;
background-image: url("../img/icn-time-period.svg");
}
.icn-package {
width: 6.1111111111rem;
min-width: 6.1111111111rem;
height: 5.2222222222rem;
min-height: 5.2222222222rem;
background-image: url("../img/icn-package.svg");
}
.icn-delete {
width: 1.0555555556rem;
min-width: 1.0555555556rem;
height: 1.2777777778rem;
min-height: 1.2777777778rem;
background-image: url("../img/icn-delete.svg");
}
.icn-success {
width: 4.3888888889rem;
min-width: 4.3888888889rem;
height: 4.3888888889rem;
min-height: 4.3888888889rem;
background-image: url("../img/icn-success.svg");
}
.icn-edit {
width: 0.7777777778rem;
min-width: 0.7777777778rem;
height: 0.7777777778rem;
min-height: 0.7777777778rem;
background-image: url("../img/icn-edit.svg");
}
.icn-back {
width: 0.8888888889rem;
min-width: 0.8888888889rem;
height: 1.4444444444rem;
min-height: 1.4444444444rem;
background-image: url("../img/icn-back.svg");
}
.icn-delivery-omniva {
width: 8.7222222222rem;
min-width: 8.7222222222rem;
height: 2.6111111111rem;
min-height: 2.6111111111rem;
background-image: url("../img/icon-delivery-omniva.svg");
}
.icn-delivery-venipak {
width: 8.5rem;
min-width: 8.5rem;
height: 1.6111111111rem;
min-height: 1.6111111111rem;
background-image: url("../img/icon-delivery-venipak.svg");
}
.icn-delivery-benedikto {
width: 6.9444444444rem;
min-width: 6.9444444444rem;
height: 4.6666666667rem;
min-height: 4.6666666667rem;
background-image: url("../img/icon-delivery-benedikto.svg");
}
.icn-delivery-b2b {
width: 6.9444444444rem;
min-width: 6.9444444444rem;
height: 4.6666666667rem;
min-height: 1.7rem;
background-image: url("../img/biscuits2business.svg");
}
.icn-delivery-europe {
width: 4.4444444444rem;
min-width: 4.4444444444rem;
height: 3rem;
min-height: 3rem;
background-image: url("../img/icon-delivery-europe.png");
}
.icn-paypal {
width: 5.8888888889rem;
min-width: 5.8888888889rem;
height: 1.4444444444rem;
min-height: 1.4444444444rem;
background-image: url("../img/icon-paypal.svg");
}
.icn-banks {
width: 12.3333333333rem;
min-width: 12.3333333333rem;
height: 1.2777777778rem;
min-height: 1.2777777778rem;
background-image: url("../img/icon-banks.png");
}
.icn-f {
width: 2.3333333333rem;
min-width: 2.3333333333rem;
height: 2.3333333333rem;
min-height: 2.3333333333rem;
background-image: url("../img/icn-f.svg");
}
.icn-in {
width: 2.3333333333rem;
min-width: 2.3333333333rem;
height: 2.3333333333rem;
min-height: 2.3333333333rem;
background-image: url("../img/icn-in.svg");
}
.icn-ins {
width: 2.3333333333rem;
min-width: 2.3333333333rem;
height: 2.3333333333rem;
min-height: 2.3333333333rem;
background-image: url("../img/inc-ins.png");
background-size: 42px 42px;
}
.icn-login-f {
width: 2rem;
min-width: 2rem;
height: 2rem;
min-height: 2rem;
background-image: url("../img/icn-login-f.svg");
}
.icn-login-g {
width: 2rem;
min-width: 2rem;
height: 2rem;
min-height: 2rem;
background-image: url("../img/icn-login-g.svg");
}
.hc-offcanvas-nav .nav-wrapper > .nav-content > ul:not(:last-child) {
/*border-bottom: 1px solid $colorb2b_main !important;*/
border: none;
}
.hc-offcanvas-nav .nav-container {
background-color: #d8ebe7;
}
.hc-offcanvas-nav .nav-content {
padding: 0 1.4285714286rem;
}
.hc-offcanvas-nav .nav-content .nav-item a {
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1.2857142857rem !important;
}
.hc-offcanvas-nav .nav-content .nav-content {
padding: 0 0 0.7142857143rem;
}
.hc-offcanvas-nav .nav-content .nav-content .nav-item {
border: none !important;
}
.hc-offcanvas-nav .nav-content .nav-content .nav-item a {
border: none !important;
padding-left: 20px;
padding-right: 20px;
text-transform: none !important;
font-family: "Ekstra-regular", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.5em;
font-size: 1.2857142857rem !important;
}
.hc-offcanvas-nav .nav-content > ul > li {
border-top: 1px solid #003f4a !important;
}
.hc-offcanvas-nav .nav-content .level-title {
padding: 0;
height: 35px;
}
.hc-offcanvas-nav .nav-content .nav-back {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 65px;
}
.hc-offcanvas-nav .nav-content .nav-back .nav-item-wrapper {
height: 100%;
}
.hc-offcanvas-nav .nav-content .nav-back .nav-item-wrapper a {
height: 100%;
background-color: #d8ebe7;
text-indent: -9999em;
overflow: hidden;
outline: none;
user-select: none;
}
.hc-offcanvas-nav .nav-content .nav-back .nav-item-wrapper a span {
left: 0;
right: auto;
}
.hc-offcanvas-nav .nav-content .nav-back .nav-item-wrapper a span::before {
border-color: #d8ebe7;
transform: rotate(-45deg);
}
.hc-offcanvas-nav .nav-content .nav-close {
margin: 0 0 1.4285714286rem;
}
.hc-offcanvas-nav .nav-content a.nav-close-button {
background-color: #d8ebe7 !important;
border: none !important;
border-color: #003f4a !important;
}
.hc-offcanvas-nav .nav-content a.nav-close-button span {
right: auto;
left: -7px;
background-color: #d8ebe7;
}
.hc-offcanvas-nav .nav-content a.nav-close-button span::before, .hc-offcanvas-nav .nav-content a.nav-close-button span::after {
margin-top: -7px;
width: 16px;
height: 16px;
border-width: 1px !important;
border-color: #003f4a !important;
}
.hc-offcanvas-nav .nav-content a.nav-close-button span::before {
margin-left: -23px;
}
.hc-offcanvas-nav .nav-wrapper {
background-color: #d8ebe7;
}
.hc-offcanvas-nav ul.langs {
margin: 0;
padding: 0;
list-style: none;
border: none !important;
background: none !important;
position: relative;
z-index: 2;
}
.hc-offcanvas-nav ul.langs > li {
margin: 0;
}
.hc-offcanvas-nav ul.langs > li > div > div {
display: flex;
}
.hc-offcanvas-nav ul.langs > li > div.nav-custom-content {
padding-top: 0;
padding-bottom: 0;
}
.hc-offcanvas-nav ul.langs > li span.label {
display: flex;
flex-grow: 1;
justify-content: flex-start;
align-items: center;
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1.2857142857rem !important;
color: #003f4a;
line-height: 1.25em;
}
.hc-offcanvas-nav ul.langs > li a {
display: flex;
justify-content: center;
align-items: center;
font-size: 1.2857142857rem !important;
line-height: 1.25em;
color: rgba(0, 63, 74, 0.6) !important;
}
.hc-offcanvas-nav ul.langs > li a.active {
font-family: "Ekstra-bold", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.5em;
font-size: 1.2857142857rem !important;
line-height: 1.25em;
color: #003f4a !important;
}
.hc-offcanvas-nav.nav-levels-expand li.level-open, .hc-offcanvas-nav.nav-levels-none li.level-open {
background-color: #d8ebe7;
}
.hc-offcanvas-nav ul {
background-color: #d8ebe7;
color: #003399 !important;
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
}
.hc-offcanvas-nav ul li.menu-item-has-children .nav-next {
border-left: none;
}
.hc-offcanvas-nav ul li.menu-item-has-children .nav-next span::before {
border: none;
width: 15px;
height: 10px;
background: url("../img/icn-arrow-down-triangle-dark.svg") center center no-repeat;
background-size: contain;
transform: none !important;
top: 24px;
}
.hc-offcanvas-nav ul li.menu-item-shop {
margin-bottom: -3px;
color: white;
}
.hc-offcanvas-nav ul li.menu-item-shop > .nav-item-wrapper > a {
margin-top: -3px;
border-radius: 5px;
color: white !important;
background: #003f4a !important;
}
.hc-offcanvas-nav ul li.menu-item-shop > .nav-item-wrapper > a:hover {
background: #003f4a !important;
}
.hc-offcanvas-nav ul a {
padding: 1.3888888889rem 1.1111111111rem;
color: #003f4a !important;
border-color: #d8ebe7 !important;
font-family: "Ekstra-regular", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.5em;
font-size: 0.8333333333rem !important;
font-weight: 600;
}
.hc-offcanvas-nav ul a:hover {
background-color: #d8ebe7 !important;
}
.cf::after {
content: "";
clear: both;
display: table;
}
html::after {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
visibility: hidden;
opacity: 0;
pointer-events: none;
content: "";
}
/*-*/
#overs {
display:flex;
position:fixed;
z-index:100;
width:100%;
height:100%;
top:0;
left:0;
align-items: center;
justify-content: center;
background:transparent;
pointer-events:none;
}
#preloader {
display:none;
position:fixed;
z-index:120;
width:40px;
height:40px;
margin:0 auto;
border: 10px solid #FFFFFF;
border-top: 10px solid #003f4a;
border-radius: 50%;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}