html,body {
font-family: "Cormorant Garamond", serif;
font-optical-sizing: auto;
font-style: normal;
}
html *,
body * {
font-family: "Cormorant Garamond", serif !important;
}
body.menu-opened {
overflow: hidden;
}
a {
transition: all 0.3s ease;
}
header {
min-height: 85px;
position: fixed;
left: 0;
top: 0;
width: 100%;
display: flex;
justify-content: space-between;
z-index: 9;
transition: all 0.3s ease;
background: transparent;
}
header.fixed {
background: #3D0B20;
transform: none !important;
}
@media (max-width: 1280px) {
header {
min-height: 65px;
}
}
@media (max-width: 991px) {
header {
padding: 19px 16px;
align-items: center;
justify-content: flex-start;
}
}
header.header-inner {
position: fixed;
}
header.opened-menu {
background: #3D0B20;
}
header .menu-wrapper {
padding: 25px 50px;
display: flex;
align-items: center;
justify-content: center;
max-width: 175px;
cursor: pointer;
}
@media (max-width: 1280px) {
header .menu-wrapper {
padding: 15px 35px;
}
}
@media (max-width: 991px) {
header .menu-wrapper {
order: 3;
padding: 0;
margin: 0 0 0 auto;
border: none;
}
}
header .menu-wrapper.is-active .menu span:nth-child(1) {
transform: rotate(-45deg) translate(0px, 9px);
}
header .menu-wrapper.is-active .menu span:nth-child(2) {
opacity: 0;
visibility: hidden;
}
header .menu-wrapper.is-active .menu span:nth-child(3) {
transform: rotate(45deg) translate(-1px, -11px);
}
header .menu-wrapper .menu {
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: column;
margin-right: 15px;
}
@media (max-width: 991px) {
header .menu-wrapper .menu {
margin-right: 0;
}
}
header .menu-wrapper .menu span {
width: 30px;
height: 2px;
background: #fff;
margin: 2.5px 0;
transition: all 0.3s ease;
}
header .menu-wrapper p {
font-weight: 500;
text-transform: uppercase;
font-size: 16px;
color: #fff;
letter-spacing: 2px;
}
@media (max-width: 991px) {
header .menu-wrapper p {
display: none;
}
}
header .navigation {
display: flex;
align-items: center;
justify-content: space-between;
width: calc(100% - 410px);
padding: 0 50px;
padding-right: 0;
}
@media (max-width: 1280px) {
header .navigation {
padding: 0 15px;
width: calc(100% - 365px);
}
}
@media (max-width: 991px) {
header .navigation {
order: 1;
padding: 0;
width: 100%;
}
}
header .navigation .nav-left {
display: inline-flex;
align-items: center;
justify-content: flex-start;
}
@media (max-width: 1280px) {
header .navigation .nav-left .socials {
display: none;
}
}
header .navigation .nav-left .lang-switcher {
position: relative;
}
@media (max-width: 991px) {
header .navigation .nav-left .lang-switcher {
display: none;
}
}
header .navigation .nav-left .lang-switcher p {
display: inline-flex;
align-items: center;
justify-content: flex-start;
font-size: 12px;
color: #fff;
}
header .navigation .nav-left .lang-switcher p span {
display: inline-flex;
align-items: center;
justify-content: center;
margin-left: 10px;
transition: all 0.3s ease;
}
header .navigation .nav-left .lang-switcher ul {
position: absolute;
left: 0;
top: 0;
transition: all 0.3s ease;
opacity: 0;
visibility: hidden;
transform: translateY(-15px);
}
header .navigation .nav-left .lang-switcher ul li a {
font-size: 12px;
color: #fff;
}
header .navigation .nav-left .lang-switcher ul li a:hover {
color: rgba(255, 255, 255, 0.55);
}
header .navigation .nav-left .lang-switcher:hover ul {
top: 100%;
transform: translateY(0);
opacity: 1;
visibility: visible;
}
header .navigation .nav-left .lang-switcher:hover span {
transform: rotate(-180deg);
}
header .navigation .logo {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
header .navigation .logo img,
header .navigation .logo svg {
display: block;
width: 280px;
max-width: 280px;
height: auto;
transition: all 0.3s ease;
}
header.fixed .navigation .logo img,
header.fixed .navigation .logo svg {
width: 230px;
max-width: 230px;
}
@media (max-width: 991px) {
header .navigation .logo {
position: static;
transform: none;
}
header .navigation .logo img,
header .navigation .logo svg {
width: 160px;
max-width: 160px;
max-height: 40px;
}
}
header .navigation .logo:hover {
opacity: 0.7;
}
@media (max-width: 991px) {
header .navigation .nav-right {
display: none;
}
}
header .navigation .nav-right p {
font-size: 12px;
text-transform: uppercase;
color: #fff;
}
header .right-side {
padding: 25px 38px;
padding-left: 0;
display: inline-flex;
align-items: center;
justify-content: center;
}
header .right-side .button {
border-color: #fff;
color: #fff;
}
header .right-side .button:hover {
border-color: #E24285;
}
.mobile-buttons {
display: none;
}
header .navigation .nav-right {
display: inline-flex;
align-items: center;
gap: 18px;
}
.header-actions {
display: inline-flex;
align-items: center;
gap: 8px;
flex: none;
}
.header-action {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
color: #fff;
border: 1px solid rgba(255, 255, 255, .5);
border-radius: 50%;
transition: color .2s ease, border-color .2s ease, background-color .2s ease;
}
.header-action:hover,
.header-action:focus-visible {
color: #fff;
border-color: #E24285;
background: #E24285;
}
.header-action:focus-visible {
outline: 2px solid #fff;
outline-offset: 3px;
}
.header-action svg {
display: block;
width: 21px;
height: 21px;
}
.header-cart-badge {
position: absolute;
top: -8px;
right: -8px;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 19px;
height: 19px;
padding: 0 4px;
border-radius: 10px;
background: #E24285;
color: #fff;
font: 700 14px/1 'Roboto', Arial, sans-serif;
font-family: 'Roboto', Arial, sans-serif !important;
font-variant-numeric: tabular-nums;
}
.header-cart-badge[hidden] {
display: none;
}
.mobile-header-actions {
display: none;
}
@media (min-width: 992px) and (max-width: 1150px) {
header .navigation .logo img,
header .navigation .logo svg,
header.fixed .navigation .logo img,
header.fixed .navigation .logo svg {
width: 185px;
max-width: 185px;
}
header .navigation .nav-right {
gap: 10px;
}
header .navigation .nav-right .button {
padding-left: 15px;
padding-right: 15px;
}
}
@media (min-width: 992px) and (max-width: 1100px) {
header .navigation {
width: calc(100% - 345px);
}
header .right-side {
padding-right: 5px;
}
header .navigation .nav-right .button {
padding-left: 10px;
padding-right: 10px;
}
header .navigation .nav-right {
gap: 8px;
}
.header-actions {
gap: 5px;
}
.header-action {
width: 36px;
height: 36px;
}
}
@media (min-width: 992px) and (max-width: 1030px) {
header .navigation .logo img,
header .navigation .logo svg,
header.fixed .navigation .logo img,
header.fixed .navigation .logo svg {
width: 150px;
max-width: 150px;
}
}
@media (max-width: 1280px) {
header .right-side {
padding: 15px 25px;
}
}
@media (max-width: 991px) {
header .navigation {
flex: 1 1 auto;
min-width: 0;
width: auto;
}
header.fixed .navigation .logo img,
header.fixed .navigation .logo svg {
width: 160px;
max-width: 160px;
}
header .navigation .nav-right {
display: none;
}
.mobile-header-actions {
display: flex;
order: 2;
margin: 0 12px 0 auto;
}
header .menu-wrapper {
margin-left: 0;
}
header .right-side {
order: 2;
padding: 0;
margin: 0 25px 0 auto;
display: none;
}
header .right-side .btn {
padding: 6px 12px;
}
.mobile-buttons {
display: flex;
width: 100%;
position: absolute;
top: 100%;
left: 0;
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
transition: all 0.3s ease;
padding-bottom: 15px;
}
header.fixed .mobile-buttons {
background: #3D0B20;
}
header .mobile-buttons .button__transparent {
border-color: #fff;
color: #fff;
padding: 15px 23px;
}
header .mobile-buttons .button__transparent:hover {
border-color: #E24285;
}
header .mobile-buttons .button {
width: calc((100% / 2) - 16px);
}
}
@media (max-width: 375px) {
header .navigation .logo img,
header .navigation .logo svg,
header.fixed .navigation .logo img,
header.fixed .navigation .logo svg {
width: 135px;
max-width: 135px;
}
.header-actions {
gap: 5px;
}
.header-action {
width: 36px;
height: 36px;
}
}
.nav {
position: fixed;
left: 0;
top: 93px;
height: calc(100dvh - 93px);
width: 100%;
background: #3D0B20;
z-index: 10;
overflow: auto;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
@media (max-width: 1280px) {
.nav {
top: 78px;
height: calc(100dvh - 66px);
}
}
@media (max-width: 991px) {
.nav {
top: 70px;
height: calc(100dvh - 70px);
}
}
.nav.visible {
opacity: 1;
visibility: visible;
}
.nav .nav-wrapper {
width: calc(100% - 445px);
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-content: space-between;
padding-top: 180px;
height: 100%;
padding-bottom: 41px;
}
@media screen and (max-height: 1000px) {
.nav .nav-wrapper {
padding-top: 100px;
}
}
@media (max-width: 1441px) {
.nav .nav-wrapper {
width: calc(100% - 85px);
}
}
@media (max-width: 991px) {
.nav .nav-wrapper {
width: 100%;
padding: 40px 16px;
}
}
.nav .nav-wrapper > ul {
display: flex;
flex-wrap: wrap;
width: 100%;
margin-bottom: 115px;
}
@media screen and (max-height: 1000px) {
.nav .nav-wrapper > ul {
margin-bottom: 25px;
}
}
@media (max-width: 991px) {
.nav .nav-wrapper > ul {
margin-bottom: 30px;
padding-left: 0;
}
}
.nav .nav-wrapper > ul li {
margin-bottom: 60px;
}
.nav .nav-wrapper > ul li:nth-child(2n) {
width: 65%;
}
@media (max-width: 991px) {
.nav .nav-wrapper > ul li:nth-child(2n) {
width: 100%;
}
}
.nav .nav-wrapper > ul li:nth-child(2n+1) {
width: 35%;
}
@media (max-width: 991px) {
.nav .nav-wrapper > ul li:nth-child(2n+1) {
width: 100%;
}
}
@media (max-width: 991px) {
.nav .nav-wrapper > ul li {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.nav .nav-wrapper > ul li {
margin-bottom: 12px;
width: 100%;
}
}
.nav .nav-wrapper > ul li a {
font-size: 32px;
line-height: 60px;
text-transform: uppercase;
color: #fff;
display: flex;
align-items: center;
justify-content: flex-start;
}
@media (max-width: 1441px) {
.nav .nav-wrapper > ul li a {
font-size: 35px;
line-height: 40px;
}
}
@media (max-width: 767px) {
.nav .nav-wrapper > ul li a {
font-size: 22px;
line-height: 26px;
letter-spacing: 0;
}
}
.nav .nav-wrapper > ul li a span {
font-size: 25px;
line-height: 30px;
text-transform: uppercase;
color: #E24285;
margin-right: 40px;
}
@media (max-width: 767px) {
.nav .nav-wrapper > ul li a span {
margin-right: 15px;
line-height: 1;
}
}
.nav .nav-wrapper > ul li a:Hover {
color: #E24285;
}
.nav .nav-wrapper .nav-footer {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
@media (max-width: 1441px) {
.nav .nav-wrapper .nav-footer {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
}
.nav .nav-wrapper .nav-footer .socials-envelope {
display: inline-flex;
align-items: center;
justify-content: flex-start;
}
@media (max-width: 1441px) {
.nav .nav-wrapper .nav-footer .socials-envelope {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.nav .nav-wrapper .nav-footer .socials-envelope {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
}
.nav .nav-wrapper .nav-footer .socials-envelope p {
font-weight: 500;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #fff;
}
@media (max-width: 767px) {
.nav .nav-wrapper .nav-footer .socials-envelope p {
font-size: 12px;
line-height: 14px;
margin-bottom: 12px;
}
}
.nav .nav-wrapper .nav-footer .socials-envelope .socials {
margin-left: 20px;
}
@media (max-width: 767px) {
.nav .nav-wrapper .nav-footer .socials-envelope .socials {
margin: 0;
}
}
.nav .nav-wrapper .nav-footer .contacts-envelope {
display: inline-flex;
align-items: center;
justify-content: flex-end;
}
@media (max-width: 991px) {
.nav .nav-wrapper .nav-footer .contacts-envelope {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
}
.nav .nav-wrapper .nav-footer .contacts-envelope p,
.nav .nav-wrapper .nav-footer .contacts-envelope a {
display: inline-flex;
align-items: center;
justify-content: flex-end;
color: #fff;
font-size: 22px;
line-height: 32px;
}
@media (max-width: 767px) {
.nav .nav-wrapper .nav-footer .contacts-envelope p,
.nav .nav-wrapper .nav-footer .contacts-envelope a {
align-items: flex-start;
font-size: 20px;
line-height: 26px;
letter-spacing: 0;
}
}
.nav .nav-wrapper .nav-footer .contacts-envelope p svg,
.nav .nav-wrapper .nav-footer .contacts-envelope a svg {
margin-right: 10px;
}
@media (max-width: 767px) {
.nav .nav-wrapper .nav-footer .contacts-envelope p svg,
.nav .nav-wrapper .nav-footer .contacts-envelope a svg {
min-width: 16px;
margin-top: 6px;
}
}
.nav .nav-wrapper .nav-footer .contacts-envelope p {
margin-right: 30px;
margin-left: 40px;
}
@media (max-width: 1441px) {
.nav .nav-wrapper .nav-footer .contacts-envelope p {
margin-left: 0;
}
}
div.nav-wrapper div.nav-footer div.contacts-envelope a {white-space:nowrap;}
@media (max-width: 767px) {
.nav .nav-wrapper .nav-footer .contacts-envelope p {
margin: 0 0 12px;
}
}
main {
padding: 0;
}
.socials {
display: inline-flex;
align-items: center;
justify-content: flex-start;
padding: 0;
}
.socials li:not(:last-child) {
margin-right: 8px;
}
.socials li a {
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.15);
display: flex;
align-items: center;
justify-content: center;
}
.socials li a:hover {
border-color: #E24285;
}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 8px 25px;
font-size: 12px;
text-transform: uppercase;
border-radius: 0;
font-weight: 500;
border: none;
}
.btn.btn-white {
background: #fff;
color: #1F1E21;
border: 1.5px solid #fff;
}
.btn.btn-white:hover {
background: #E24285;
color: #fff;
border-color: #E24285;
}
.btn.btn-black {
background: #1F1E21;
color: #fff;
border: 1.5px solid #1F1E21;
}
.btn.btn-black:hover {
background: #fff;
color: #1F1E21;
}
.block-slider .slider-item {
min-height: 100vh;
justify-content: center;
position: relative;
z-index: 3;
}
.block-slider .slider-item:after {
content: "";
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
position: absolute;
left: 0;
top: 0;
pointer-events: none;
z-index: -1;
}
header .navigation .nav-right p {
font-size: 16px;
}
.slider-info {
background: transparent;
align-items: center;
padding: 15px;
min-height: initial;
}
.slider-controls {
position: absolute;
left: 35px;
bottom: 60px;
}
@media (max-width: 767px) {
.slider-controls {
display: none;
}
}
.slider-item h2 {
font-family: "Cormorant Garamond", serif;
letter-spacing: normal;
text-transform: none;
text-align: center;
}
.block__shaded {
background: #3D0B20;
}
.bottom-info--item a {
color: #fff;
}
.bottom-info--wrapper p.title {
color: #E24285;
}
.bottom-info--wrapper .button {
background: #E24285;
}
.bottom-info--wrapper .button:hover {
background: #f273a8;
}
.bottom-info--wrapper input {
border-color: #fff;
}
.bottom-info--wrapper input::placeholder {
color: rgba(255,255,255,.8);
}
.bottom-info--wrapper a {
color: #fff;
}
.bottom-info--wrapper a:hover {
color: #fff;
opacity: .8;
}
.photo-item {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.photo-info {
position: static;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 20px;
position: relative;
z-index: 3;
}
.photo-info__unpainted span.turquoise {
color: #f273a8;
}
.photo-item:after {
content: "";
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.photo-info__unpainted p, .photo-info__unpainted a, .photo-info__unpainted h2 {
color: #fff;
}
.block-slider .scroll-bottom, .photo-list .scroll-bottom {
z-index: 3;
}
.breadcrambs p.title {
color: #E24285;
}
.block.videos-screen,
.videos-screen .photo-item {
background: #3D0B20;
}
.videos-screen .photo-item:after {
content: none;
}
.videos-screen .photo-info__center {
padding-top: 135px !important;
}
.contact-block-phone__phone {
font-size: 32px;
}
.container__nopadding {
max-width: 100%;
}
.photo-info {
position: static !important;
background: transparent !important;
padding: 20px !important;
}
.photo-item h2 span {
color: #E24285 !important;
}
.photo-categories__horizontal .photo-categories--text p.range__turquoise,
.inner-product-info a.mail:not(.button),
.title-block h2 {
color: #E24285 !important;
}
.product-photo--info .info-wrapper h2,
.product-photo--info .info-wrapper h3 {
color: #fff;
font-size: 20px;
line-height: 26px;
}
.inner-product-slider .slider-products-nav-item.slick-current img {
outline: 3px solid #E24285 !important;
}
.pagination,
.breadcrambs_padding,
.breadcrambs__large-indents {
padding-top: 115px !important;
}
.pagination-breadcrambs-item a {
color: #fff !important;
}
.pagination-breadcrambs-item:before {
content: '>' !important;
background: none !important;
color: #fff !important;
display: flex !important;
align-items: center;
justify-content: center;
}
.photo-categories--text {
padding-left: 30px !important;
padding-right: 30px !important;
}
.block-w-tabs .buttons {
margin-top: 50px;
}
.inner-product-info a,
.orange-block__col {
font-size: 14px;
}
h2 span,
.photo-info__center h2,
.breadcrambs p.title,
.photo-categories--text p.title,
.title-block h2,
.block--wrapper__our-shop ul li p.title,
.bottom-info--wrapper p.title {
font-style: italic;
font-family: "Cormorant Garamond", serif !important;
letter-spacing: normal !important;
text-transform: inherit !important;
}
button.button, a.button,
.photo-info__center p,
.contact-block-phone {
font-family: 'Roboto', sans-serif;
}
.contact-block-phone {
font-size: 32px;
letter-spacing: normal;
display: inline-flex;
flex-direction: column;
}
.scrolldown {
z-index: 3;
position: absolute;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
}
.block-slider .scroll-bottom, .photo-list .scroll-bottom {
bottom: -10px;
}
.btn-scroll {
left: 50%;
position: absolute;
top: auto;
bottom: 50px;
color: #fff;
opacity: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 2;
-webkit-animation: btnScroll 1.5s 0s infinite normal cubic-bezier(0.645, 0.045, 0.355, 1) both;
animation: btnScroll 1.5s 0s infinite normal cubic-bezier(0.645, 0.045, 0.355, 1) both;
opacity: 1;
}
.btn-scroll::before {
content: "";
display: block;
background: url('../img/scrolldown.svg') center no-repeat;
width: 20px;
height: 20px;
}
.btn-scrolltext {
left: 50%;
position: absolute;
top: auto;
bottom: 100px;
color: #fff;
font-size: 12px;
font-size: 0.75rem;
letter-spacing: 0.5px;
pointer-events: none;
opacity: 1;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
text-transform: uppercase;
-webkit-transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
z-index: 2;
}
.btn-scrolltext::before {
left: 50%;
position: absolute;
top: 29px;
color: inherit;
content: "•";
font-size: 15px;
margin: 0 0 0 -2px;
-webkit-animation: btnScrollText 1.5s 150ms infinite normal cubic-bezier(0.645, 0.045, 0.355, 1) both;
animation: btnScrollText 1.5s 150ms infinite normal cubic-bezier(0.645, 0.045, 0.355, 1) both;
}
.btn-scrolltext::after {
left: 50%;
position: absolute;
top: 17px;
color: inherit;
content: "•";
font-size: 15px;
margin: 0 0 0 -2px;
-webkit-animation: btnScrollText 1.5s 0s infinite normal cubic-bezier(0.645, 0.045, 0.355, 1) both;
animation: btnScrollText 1.5s 0s infinite normal cubic-bezier(0.645, 0.045, 0.355, 1) both;
}
@-webkit-keyframes btnScroll {
0% {
bottom: 50px;
opacity: 1;
-webkit-transform: translateX(-50%) scaleY(1);
transform: translateX(-50%) scaleY(1);
}
25% {
bottom: 35px;
opacity: 0;
-webkit-transform: translateX(-50%) scaleY(1.5);
transform: translateX(-50%) scaleY(1.5);
}
50% {
bottom: 65px;
opacity: 0;
-webkit-transform: translateX(-50%) scaleY(1.3);
transform: translateX(-50%) scaleY(1.3);
}
75% {
bottom: 50px;
opacity: 1;
-webkit-transform: translateX(-50%) scaleY(1);
transform: translateX(-50%) scaleY(1);
}
100% {
opacity: 1;
}
}
@keyframes btnScroll {
0% {
bottom: 50px;
opacity: 1;
-webkit-transform: translateX(-50%) scaleY(1);
transform: translateX(-50%) scaleY(1);
}
25% {
bottom: 35px;
opacity: 0;
-webkit-transform: translateX(-50%) scaleY(1.5);
transform: translateX(-50%) scaleY(1.5);
}
50% {
bottom: 65px;
opacity: 0;
-webkit-transform: translateX(-50%) scaleY(1.3);
transform: translateX(-50%) scaleY(1.3);
}
75% {
bottom: 50px;
opacity: 1;
-webkit-transform: translateX(-50%) scaleY(1);
transform: translateX(-50%) scaleY(1);
}
100% {
opacity: 1;
}
}
@-webkit-keyframes btnScrollText {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes btnScrollText {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.section-popular .row .col-3 .popular-item .price {
font-size: 30px;
}
.block--wrapper:not(.block--wrapper__welcome) {
display: flex;
align-items: flex-end;
justify-content: flex-start;
padding: 40px;
position: relative;
}
.block--wrapper:not(.block--wrapper__welcome):after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0), #000);
opacity: .8;
}
.block--wrapper:not(.block--wrapper__welcome) .block--text {
padding: 0;
width: 100%;
position: relative;
z-index: 3;
}
.block--wrapper:not(.block--wrapper__welcome) h2,
.block--wrapper:not(.block--wrapper__welcome) p {
max-width: 100%;
color: #fff;
}
.block--wrapper:not(.block--wrapper__welcome) h2 {
margin-bottom: 15px;
}
.block--wrapper:not(.block--wrapper__welcome) h2 span {
display: block;
width: 100%;
}
.block--wrapper:not(.block--wrapper__welcome) p {
margin-bottom: 15px;
color: #fff;
}
.block--wrapper__wedding h2 span,
.block--wrapper:not(.block--wrapper__welcome) h2 span {
color: #f59ec3;
}
@media screen and (max-width: 767px) {
.block--wrapper {
padding: 20px;
}
}
.section-popular .row .col-3 .popular-item .title {
min-height: initial;
margin-bottom: 5px;
}
.section-popular .row .col-3 .popular-item .popular-img {
position: relative;
}
.section-popular .row .col-3 .popular-item .popular-img .product-badge {
position: absolute;
right: 15px;
top: 15px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
padding: 10px 15px;
z-index: 3;
font-size: 1.2rem;
text-transform: uppercase;
font-weight: 700;
font-family: 'Allura',sans-serif;
}
.rating {
display: flex;
align-items: center;
justify-content: center;
}
.rating__stars {
display: flex;
align-items: center;
margin: 10px 15px 10px 0;
}
.rating__stars span {
background: url(../img/star.svg) center no-repeat;
background-size: 100% auto;
width: 16px !important;
height: 16px;
display: block;
}
.show-to a span {
border-color: #E24285;
}
.section-popular .row:not(.related-slider) .col-3 {
width: calc(100% / 3);
height: initial;
}
.section-popular .row .col-3 .popular-item .popular-img {
height: 550px;
}
.section-popular .row .col-3 .popular-item .current-price {
font-size: 32px;
color: #E24285;
}
.block--wrapper {
height: 750px;
position: relative;
overflow: hidden;
}
.block--wrapper > img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transition: all 0.3s ease;
object-fit: cover;
}
.block--wrapper:hover > img {
transform: scale(1.2);
}
.events-box-text {
position: absolute !important;
left: 0;
bottom: 0;
padding: 20px;
background: transparent;
}
.events-box-text h2 {
color: #fff;
position: relative;
z-index: 3;
white-space: normal;
}
.events-box-text p,
.events-box-text a {
color: #fff;
position: relative;
z-index: 3;
}
.events-photo-item:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0), #000);
opacity: .8;
}
.events-photo-item + .events-box-text .events-photo-item:after {
content: none;
}
.events-photo .row {
gap: 16px;
}
.events-photo .row .line-sm-1of3 {
max-width: calc((100% / 3) - 16px);
flex-basis: calc((100% / 3) - 16px);
}
.events-box-text h2 span.orange {
color: #E24285;
}
.events-box-text h2.orange:before {
background: #E24285;
}
.section-popular .row .col-3 .popular-item .popular-img {
max-width: 100%;
}
.events-photo-item,
.events-photo-item img {
height: 100%;
}
.slider-without-scroll .scroll-bottom {
display: none;
}
.breadcrambs p.title {
margin: 35px 0;
}
main .block:nth-child(1) {
margin: 0;
}
.block-photo .photo-item {
min-height: 480px;
}
.photo-categories__horizontal .photo-categories--img,
.photo-categories--img {
min-height: 600px;
}
.photo-categories--item {
margin-left: 0;
margin-right: 0;
margin-top: 15px;
margin-bottom: 15px;
}
.inner-product:not(.product) .row {
flex-direction: column;
}
.inner-product:not(.product) .row .line-size,
.inner-product:not(.product).inner-product-info {
width: 100% !important;
max-width: 100% !important;
}
.inner-product-slider .slider-products-nav-item img {
object-fit: cover;
}
.inner-product-slider .slider-products-main-item {
height: 600px !important;
}
.inner-product-info {
min-height: initial !important;
}
.news .news-right {
display: none;
}
.news .news-left {
flex-basis: 100% !important;
max-width: 100% !important;
border-right: none !important;
padding: 0 !important;
}
.news .news-list {
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.news .news-item__flex {
margin: 0;
width: calc((100% / 3) - 30px);
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: initial !important;
margin-bottom: 0 !important;
gap: 30px;
}
.news .news-item--photo,
.news .news-item--info {
flex-basis: 100% !important;
max-width: 100% !important;
width: 100%;
}
.news .news-item--photo img {
padding-right: 0 !important;
max-height: 360px;
height: 360px !important;
object-fit: cover;
object-position: center;
width: 100%;
}
.cookie-popup-wrapper {
background-color: #3D0B20 !important;
}
.cookie-content .cookie-text {
color: #fff;
}
.cookie-content .cookie-text a {
color: #E24285 !important;
}
.cookie-content .button-link {
background: #E24285 !important;
border: none !important;
transition: all 0.3s ease !important;
}
.cookie-content .button-link:hover {
background: #f273a8 !important;
}
.cookie-content .button-link:hover .button-text {
color: #fff !important;
}
.product-page .wrapper {
overflow: visible;
}
.inner-product-info {
position: sticky;
top: 100px;
}
.inner-product-slider ul {
display: flex;
gap: 16px;
flex-direction: column;
}
.inner-product {
padding: 60px 0;
}
.inner-product-info {
padding: 0px 20px;
}
.inner-product-info p:empty {
display: none;
}
.inner-product-info p br {
display: none;
}
.form-purchase .form-item .prices-list li input[type=radio]:checked ~ .border {
border-color: #E24285;
}
.form-purchase .form-item .prices-list li input[type=radio]:checked ~ label p {
color: #E24285;
}
.related-slider .slick-arrow {
position: absolute;
top: 40%;
transform: translateY(-50%);
width: 50px;
height: 50px;
background: #E24285;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
z-index: 4;
transition: all 0.3s ease;
cursor: pointer;
}
.related-slider .slider-item {
margin: 0 7px;
}
.related-slider .slick-arrow:hover {
background: #f273a8;
}
.related-slider .slick-arrow.slick-next {
right: 0;
}
.account-buttons .button:first-child {
color: #fff;
}
.form-wrapper {
background: transparent;
}
@media screen and (max-width: 991px) {
.news .news-item__flex {
width: calc((100% / 2) - 30px);
}
.news .news-item--photo img {
margin-bottom: 0 !important;
}
.events-photo .row .line-sm-1of3 {
max-width: 100%;
flex-basis:100%;
}
.inner-product-slider ul {
width: 100%;
margin: 0;
padding: 0;
display: flex;
overflow-x: auto;
flex: none;
flex-flow: row nowrap;
scroll-snap-type: x mandatory;
font-size: 0;
padding: 0 16px;
}
.inner-product-slider .slider-products-main-item {
width: 60%;
min-width: 60%;
margin: 0 auto;
overflow: visible;
height: 80vw !important;
}
.product-page .inner-product .inner-product-slider {
max-width: 100%;
}
.product-page .wrapper {
overflow: hidden;
}
.pagination,
.breadcrambs_padding,
.breadcrambs__large-indents {
padding-top: 160px !important;
}
.section-popular .row .col-3 .popular-item .popular-img {
height: 400px;
}
}
@media screen and (max-width: 767px) {
.rating {
flex-direction: column;
}
.rating p {
font-size: 12px;
}
.rating__stars {
margin-right: 0;
}
.news .news-item__flex {
width: 100%;
}
}
@media screen and (max-width: 480px) {
.section-popular .row .col-3 .popular-item .popular-img {
height: 220px;
}
}
@media screen and (max-width: 767px) {
.section-popular .row .col-3 .popular-item .popular-img {
height: 350px;
}
.events-box-text h2 {
font-size: 35px;
line-height: 40px;
}
.section-popular .row .col-3 .popular-item .popular-img .product-badge {
width: 50px;
height: 50px;
font-size: 1.1rem;
}
.block--wrapper__welcome {
background-position: 60% bottom !important;
}
}
@media screen and (max-width: 480px) {
.block--wrapper {
height: 425px;
}
.section-popular.typeone .row .col-3 .popular-item .popular-img {
height: 260px;
}
}
@media screen and (max-width: 630px) {
.block--wrapper {
height: 535px;
padding: 20px;
}
.block--wrapper:not(.block--wrapper__welcome) {
padding: 20px;
}
}
/* Use Roboto for frontend form controls and placeholders. */
input,
textarea,
select,
option {
font-family: 'Roboto', Arial, sans-serif !important;
}
input::placeholder,
textarea::placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder,
input:-moz-placeholder,
textarea:-moz-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
font-family: 'Roboto', Arial, sans-serif !important;
}
.main_slider .slider-info {
margin: auto auto 100px;
}
/* Keep homepage banner text inside cards at every grid width. */
.events-photo > .row {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
margin: 0;
}
.events-photo > .row > .line-sm-1of3 {
width: auto;
max-width: none;
min-width: 0;
padding: 0;
}
.events-photo .events-photo-item {
display: flex;
align-items: flex-end;
min-height: clamp(440px, 44vw, 640px);
isolation: isolate;
}
.events-photo .events-photo-item > img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.events-photo .events-box-text {
position: relative !important;
z-index: 1;
bottom: auto;
width: 100%;
max-width: none;
max-height: none;
padding: 24px;
overflow-wrap: anywhere;
}
.events-photo .events-box-text h2 {
margin: 0 0 30px;
font-size: clamp(32px, 3.6vw, 52px);
line-height: 1.08;
letter-spacing: .04em;
}
.events-photo .events-box-text h2 span {
font-size: inherit;
line-height: inherit;
}
.events-photo .events-box-text p {
margin: 0;
}
@media screen and (max-width: 1199px) {
.events-photo > .row {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media screen and (max-width: 639px) {
.events-photo > .row {
grid-template-columns: minmax(0, 1fr);
}
.events-photo .events-box-text {
padding: 24px 20px;
}
.events-photo .events-box-text h2 {
font-size: clamp(32px, 8vw, 44px);
}
}
.page-view-copy ul {
list-style: disc;
}
.page-view-copy ul li {
font-size: 20px;
line-height: 1.5;
}
/* Product highlights on catalogue, homepage and related-product photos. */
.section-popular .popular-item .popular-img .product-color-labels.product-color-labels--card {
position: absolute;
z-index: 2;
top: 12px;
right: 12px;
left: 12px;
display: flex;
width: auto;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
gap: 6px;
margin: 0;
padding: 0;
text-align: left;
pointer-events: none;
}
.section-popular .popular-item .popular-img:has(.product-badge) .product-color-labels.product-color-labels--card {
right: 102px;
}
.section-popular .popular-item .popular-img .product-color-labels--card .product-color-label {
box-sizing: border-box;
display: block;
width: auto;
min-width: 0;
max-width: 100%;
margin: 0;
padding: 5px 9px;
border-radius: 5px;
background-color: var(--product-label-background);
color: var(--product-label-text);
box-shadow: 0 1px 4px rgba(0, 0, 0, .12);
font-family: 'Roboto', Arial, sans-serif !important;
font-size: 12px;
font-weight: 500;
line-height: 1.4;
text-transform: none;
overflow-wrap: anywhere;
}