3249 lines
51 KiB
SCSS
3249 lines
51 KiB
SCSS
/*
|
|
* Custom code goes here.
|
|
* A template should always ship with an empty custom.css
|
|
*/
|
|
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&display=swap');
|
|
|
|
$fInter: 'Inter', sans-serif;
|
|
$fNotoSerifDisplay: 'Noto Serif Display', serif;
|
|
|
|
$cDark: #3c3c3c;
|
|
$cGold: #806d4b;
|
|
|
|
.product-variants:nth-of-type(2):hover {
|
|
background-color: transparent;
|
|
scale: 100%;
|
|
padding-right: 0;
|
|
margin-right: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
// .product-variants:hover {
|
|
// background-color: #555;
|
|
// border-radius: 3px;
|
|
// scale: 110%;
|
|
// padding-right: 30px;
|
|
// margin-right: -20px;
|
|
// margin-bottom: 20px;
|
|
// }
|
|
|
|
.product-bar .product-variants,
|
|
#button-mirror-reflection,
|
|
.product-block-piece {
|
|
transition: ease-in-out 0.1s all;
|
|
}
|
|
|
|
// #button-mirror-reflection:hover {
|
|
// background-color: #555;
|
|
// border-radius: 3px;
|
|
// scale: 110%;
|
|
// padding-right: 30px;
|
|
// margin-right: -20px;
|
|
// margin-bottom: 20px;
|
|
// z-index: 1000;
|
|
// }
|
|
|
|
// .product-block-piece:hover {
|
|
// background-color: #555;
|
|
// border-radius: 3px;
|
|
// scale: 110%;
|
|
// padding-right: 30px;
|
|
// margin-right: -20px;
|
|
// margin-bottom: 20px;
|
|
// }
|
|
|
|
.reviews-list-title {
|
|
justify-content: center;
|
|
display: block;
|
|
float: left;
|
|
clear: left;
|
|
width: 100%;
|
|
}
|
|
|
|
.product-additional-block {
|
|
/* width: calc(50% - 10px); */
|
|
width: calc(100% - 10px);
|
|
margin: 0 5px;
|
|
float: left;
|
|
border: 1px solid #ddd;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.product-additional-block .block-title {
|
|
text-align: center;
|
|
background-color: #3d3d3d;
|
|
color: #fff;
|
|
padding: 10px 0;
|
|
font-weight: 400;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.product-additional-block .block-content {
|
|
font-size: 12px;
|
|
padding: 10px;
|
|
}
|
|
|
|
.product-manual-button {
|
|
padding: 10px 20px;
|
|
margin: 5px;
|
|
border: 1px solid;
|
|
width: calc(50% - 10px);
|
|
display: inline-block;
|
|
float: left;
|
|
text-align: center;
|
|
}
|
|
|
|
#header .logo {
|
|
max-height: 40px;
|
|
}
|
|
|
|
#roycontent_top {
|
|
margin-top: 70px;
|
|
}
|
|
|
|
#phblogrecentposts {
|
|
margin-top: 50px;
|
|
}
|
|
|
|
body#module-ph_simpleblog-list rs-fullwidth-wrap,
|
|
body#module-ph_simpleblog-single rs-fullwidth-wrap,
|
|
body#module-ph_simpleblog-category rs-fullwidth-wrap {
|
|
display: none;
|
|
}
|
|
|
|
body:not(#index)
|
|
#header:not(.normal)
|
|
.layout_layout1:not(.ybc_vertical_menu)
|
|
.mm_menus_li
|
|
> a {
|
|
color: #1c1c1c !important;
|
|
}
|
|
|
|
body:not(#index) #header:not(.normal) .row.action > div svg * {
|
|
stroke: #1c1c1c !important;
|
|
}
|
|
|
|
body:not(#index) #header:not(.normal) .row.action .blockcart a i {
|
|
background-color: #1c1c1c;
|
|
}
|
|
|
|
body:not(#index) #header:not(.normal) .logo-normal {
|
|
display: block;
|
|
}
|
|
|
|
body:not(#index) #header:not(.normal) .logo-trans {
|
|
display: none;
|
|
}
|
|
|
|
.logo_loader {
|
|
max-width: 150px;
|
|
}
|
|
|
|
.wallcover-button {
|
|
background-color: #222;
|
|
display: inline-block;
|
|
padding: 10px 20px;
|
|
color: #fff;
|
|
}
|
|
|
|
body#index #roycontent_top > .row > ul > li:nth-child(2) > .li-cont > a > h2,
|
|
body#index #roycontent_top > .row > ul > li:nth-child(4) > .li-cont > a > h2 {
|
|
width: 50%;
|
|
float: left;
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
body#index #roycontent_top > .row > ul > li:nth-child(2) > .li-cont > a > img,
|
|
body#index #roycontent_top > .row > ul > li:nth-child(4) > .li-cont > a > img {
|
|
width: 50%;
|
|
float: right;
|
|
}
|
|
|
|
body#index #roycontent_top > .row > ul > li:nth-child(3) > .li-cont > a > h2,
|
|
body#index #roycontent_top > .row > ul > li:nth-child(5) > .li-cont > a > h2 {
|
|
width: 50%;
|
|
float: right;
|
|
margin-left: 50%;
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
body#index #roycontent_top > .row > ul > li:nth-child(3) > .li-cont > a > img,
|
|
body#index #roycontent_top > .row > ul > li:nth-child(5) > .li-cont > a > img {
|
|
width: 50%;
|
|
float: left;
|
|
}
|
|
|
|
.messenger-contact-container {
|
|
position: fixed;
|
|
right: 10px;
|
|
bottom: 10px;
|
|
z-index: 1000;
|
|
}
|
|
|
|
.messenger-contact-tip {
|
|
display: none;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 10px;
|
|
width: 200px;
|
|
margin-right: 10px;
|
|
border-radius: 20px;
|
|
padding: 10px 20px;
|
|
z-index: 10000;
|
|
background: #0084ff;
|
|
color: #fff;
|
|
font-size: 12px;
|
|
}
|
|
|
|
#header.normal .row.action {
|
|
padding: 5px 15px;
|
|
}
|
|
|
|
#header.sticky.normal .row.action {
|
|
padding: 5px 15px;
|
|
}
|
|
|
|
#header .row.action {
|
|
min-height: auto;
|
|
}
|
|
|
|
#roy_brands {
|
|
display: none;
|
|
}
|
|
|
|
body#product .product-quantity .qty,
|
|
body#product .prod-buttons,
|
|
body#product .product-minimal-quantity {
|
|
display: none;
|
|
}
|
|
|
|
.product-bar {
|
|
width: 100%;
|
|
// background-color: #3d3d3d;
|
|
// position: absolute;
|
|
// left: 0;
|
|
height: 120px;
|
|
// padding: 0px 80px;
|
|
}
|
|
|
|
.product-bar-container {
|
|
// height: 120px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.payu-form-margin {
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
@media (max-width: 1404px) {
|
|
.product-bar {
|
|
display: flex;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
height: auto;
|
|
}
|
|
|
|
// .product-bar-container {
|
|
// margin-bottom: 100px;
|
|
// }
|
|
|
|
.add-to-cart {
|
|
margin-bottom: 20px !important;
|
|
}
|
|
}
|
|
|
|
// @media (max-width: 990px) {
|
|
// .product-bar-container {
|
|
// margin-bottom: 200px;
|
|
// }
|
|
// }
|
|
|
|
@media (max-width: 675px) {
|
|
.product-bar {
|
|
justify-content: left;
|
|
padding: 0px;
|
|
}
|
|
|
|
// .product-bar-container {
|
|
// margin-bottom: 250px;
|
|
// }
|
|
|
|
.product-block-piece:first-of-type {
|
|
// margin-left: 30px !important;
|
|
}
|
|
}
|
|
|
|
// @media (max-width: 450px) {
|
|
// .product-bar-container {
|
|
// margin-bottom: 440px;
|
|
// }
|
|
// }
|
|
|
|
.product-bar {
|
|
display: flex;
|
|
padding-bottom: 14px;
|
|
}
|
|
|
|
.product-add-to-cart {
|
|
margin-top: 12px !important;
|
|
margin-left: 22px;
|
|
}
|
|
|
|
body#product .product-variants {
|
|
margin-top: 40px;
|
|
}
|
|
|
|
body:not(#index) #top_column {
|
|
display: none;
|
|
}
|
|
|
|
body#product #tabsection {
|
|
width: 50%;
|
|
float: left;
|
|
margin-top: 0;
|
|
}
|
|
|
|
body#product #roycontent_productbeforebuy {
|
|
float: left;
|
|
width: 50%;
|
|
clear: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
body#product #roycontent_productbeforebuy ul li {
|
|
width: 100% !important;
|
|
}
|
|
|
|
body#index #roycontent_top ul li {
|
|
margin: 0;
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
body#product #tabsection,
|
|
body#product #roycontent_productbeforebuy {
|
|
width: 100%;
|
|
}
|
|
|
|
body#product #tabsection {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.product-manual-button {
|
|
width: calc(100% - 10px);
|
|
}
|
|
}
|
|
|
|
#roycontent_footer .row > ul > li {
|
|
width: 100%;
|
|
}
|
|
|
|
.footer-column {
|
|
width: 25%;
|
|
float: left;
|
|
text-align: left;
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.footer-column {
|
|
width: 100%;
|
|
}
|
|
|
|
.footer-column h4 {
|
|
margin-top: 40px;
|
|
}
|
|
|
|
.footer-column:first-child h4 {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.products-section-title {
|
|
font-size: 34px !important;
|
|
}
|
|
}
|
|
|
|
.footer-container > .container > .row {
|
|
display: none;
|
|
}
|
|
|
|
.footer-column h4 {
|
|
margin-bottom: 25px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.footer-column p {
|
|
margin-bottom: 0;
|
|
float: left;
|
|
clear: left;
|
|
}
|
|
|
|
.footer-column a {
|
|
display: inline-block;
|
|
float: left;
|
|
clear: left;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
// #roycontent_footer .html_inside:after {
|
|
// content: '';
|
|
// width: 25%;
|
|
// float: left;
|
|
// height: 100px;
|
|
// background-image: url('/modules/roy_customizer/upload/logo-normal-1.png');
|
|
// background-size: contain;
|
|
// background-position: center;
|
|
// background-repeat: no-repeat;
|
|
// }
|
|
|
|
// @media (max-width: 991px) {
|
|
// #roycontent_footer .html_inside:after {
|
|
// display: none;
|
|
// }
|
|
// }
|
|
|
|
.product-block-prices {
|
|
display: inline-block;
|
|
float: right;
|
|
}
|
|
|
|
h1.h1.product-title {
|
|
display: inline-block;
|
|
}
|
|
|
|
body#product .container .col-content {
|
|
display: none;
|
|
}
|
|
|
|
body#product .container .col-image {
|
|
width: 100%;
|
|
float: left;
|
|
margin: auto !important;
|
|
}
|
|
|
|
body#product .product-discounts {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
body#product .product-prices {
|
|
margin-top: 0;
|
|
}
|
|
|
|
body.wcag * {
|
|
color: #ffff00 !important;
|
|
border-color: #ffff00 !important;
|
|
background-color: #000 !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
body.wcag .ets_mm_block > h4 > a {
|
|
color: #ffff00 !important;
|
|
}
|
|
|
|
body.wcag .ets_mm_megamenu.transition_default .mm_menus_li .mm_columns_ul {
|
|
background: #000 !important;
|
|
border: 10px solid #ffff00 !important;
|
|
}
|
|
|
|
body.wcag #header.normal .row.action > div svg * {
|
|
stroke: #ffff00 !important;
|
|
}
|
|
|
|
body.wcag #header.normal i {
|
|
background-color: #ffff00 !important;
|
|
}
|
|
|
|
body.wcag #header.normal .row.action .blockcart a span.cart-products-count {
|
|
background: #ffff00 !important;
|
|
color: #000 !important;
|
|
}
|
|
|
|
#button-wcag {
|
|
height: 28px;
|
|
width: 28px;
|
|
cursor: pointer;
|
|
margin-right: 12px;
|
|
}
|
|
|
|
#button-wcag svg {
|
|
fill: #1c1c1c !important;
|
|
}
|
|
|
|
#button-wcag::after {
|
|
content: '';
|
|
display: block;
|
|
border: 1px solid #806d4b;
|
|
height: 100%;
|
|
margin-left: 11px;
|
|
}
|
|
|
|
body.wcag #button-wcag svg {
|
|
fill: #ffff00 !important;
|
|
}
|
|
|
|
body.wcag .messenger-contact-tip {
|
|
background-color: #ffff00 !important;
|
|
}
|
|
|
|
body.wcag .messenger-contact-tip svg * {
|
|
stroke: #000 !important;
|
|
}
|
|
|
|
.toggle-listing-filters {
|
|
padding: 10px 20px;
|
|
margin: 5px;
|
|
border: 1px solid;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
}
|
|
|
|
main.filtersHidden .toggle-listing-filters .hide-filters {
|
|
display: none;
|
|
}
|
|
|
|
main:not(.filtersHidden) .toggle-listing-filters .hide-filters {
|
|
display: block;
|
|
}
|
|
|
|
main:not(.filtersHidden) .toggle-listing-filters .show-filters {
|
|
display: none;
|
|
}
|
|
|
|
main.filtersHidden #content-wrapper {
|
|
width: 100%;
|
|
}
|
|
|
|
main.filtersHidden #left-column {
|
|
display: none !important;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
main.filtersHidden .js-product-miniature {
|
|
width: 25% !important;
|
|
}
|
|
}
|
|
|
|
body.size-2 *:not(span):not(p) > a,
|
|
body.size-2 p,
|
|
body.size-2 *:not(a):not(button) > span:not(.mm_bubble_text),
|
|
body.size-2 h1,
|
|
body.size-2 h2,
|
|
body.size-2 h3,
|
|
body.size-2 h4,
|
|
body.size-2 h5,
|
|
body.size-2 h6,
|
|
body.size-2 .block-content,
|
|
body.size-2 .block-title,
|
|
body.size-2 .btn:not(.btn-touchspin) {
|
|
font-size: 120% !important;
|
|
line-height: 120% !important;
|
|
}
|
|
|
|
body.size-3 *:not(span):not(p) > a,
|
|
body.size-3 p,
|
|
body.size-3 *:not(a):not(button) > span:not(.mm_bubble_text),
|
|
body.size-3 h1,
|
|
body.size-3 h2,
|
|
body.size-3 h3,
|
|
body.size-3 h4,
|
|
body.size-3 h5,
|
|
body.size-3 h6,
|
|
body.size-3 .block-content,
|
|
body.size-3 .block-title,
|
|
body.size-3 .btn:not(.btn-touchspin) {
|
|
font-size: 140% !important;
|
|
line-height: 140% !important;
|
|
}
|
|
|
|
body.size-4 *:not(span):not(p) > a,
|
|
body.size-4 p,
|
|
body.size-4 *:not(a):not(button) > span:not(.mm_bubble_text),
|
|
body.size-4 h1,
|
|
body.size-4 h2,
|
|
body.size-4 h3,
|
|
body.size-4 h4,
|
|
body.size-4 h5,
|
|
body.size-4 h6,
|
|
body.size-4 .block-content,
|
|
body.size-4 .block-title,
|
|
body.size-4 .btn:not(.btn-touchspin) {
|
|
font-size: 160% !important;
|
|
line-height: 160% !important;
|
|
}
|
|
|
|
body.size-5 *:not(span):not(p) > a,
|
|
body.size-5 p,
|
|
body.size-5 *:not(a):not(button) > span:not(.mm_bubble_text),
|
|
body.size-5 h1,
|
|
body.size-5 h2,
|
|
body.size-5 h3,
|
|
body.size-5 h4,
|
|
body.size-5 h5,
|
|
body.size-5 h6,
|
|
body.size-5 .block-content,
|
|
body.size-5 .block-title,
|
|
body.size-5 .btn:not(.btn-touchspin) {
|
|
font-size: 180% !important;
|
|
line-height: 180% !important;
|
|
}
|
|
|
|
/* 100% na stale */
|
|
p span,
|
|
p a,
|
|
h1 span,
|
|
h2 span,
|
|
h3 span,
|
|
h4 span,
|
|
h5 span,
|
|
h6 span,
|
|
h1 a,
|
|
h2 a,
|
|
h3 a,
|
|
h4 a,
|
|
h5 a,
|
|
h6 a {
|
|
font-size: 100% !important;
|
|
line-height: 100% !important;
|
|
}
|
|
|
|
#buttons-size-wcag {
|
|
display: inline-block !important;
|
|
}
|
|
|
|
.button-wcag-size-down,
|
|
.button-wcag-size-up {
|
|
height: 15px;
|
|
text-align: center;
|
|
width: 100%;
|
|
cursor: pointer;
|
|
font-size: 21px;
|
|
margin-top: -1px;
|
|
user-select: none;
|
|
}
|
|
|
|
.product-images .piece {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 20%;
|
|
/* 1 cm = 0.2% */
|
|
height: 33.3333%;
|
|
/* 1 cm = 0.3333% */
|
|
background: rgba(255, 255, 255, 0.3);
|
|
border: 1px solid #fff;
|
|
cursor: move;
|
|
}
|
|
|
|
.product-block-piece {
|
|
float: left;
|
|
display: inline-block;
|
|
margin-top: 20px;
|
|
margin-left: 30px;
|
|
}
|
|
|
|
.product-block-piece:first-of-type {
|
|
margin-left: 0px;
|
|
}
|
|
|
|
.product-bar label,
|
|
.piece-divider,
|
|
#custom-wallpaper-price,
|
|
#custom-wallpaper-price-label {
|
|
color: #fff;
|
|
user-select: none;
|
|
}
|
|
|
|
#checkbox-piece {
|
|
height: auto;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
#piece-width,
|
|
#piece-height {
|
|
height: auto;
|
|
padding: 5px;
|
|
width: 55px;
|
|
}
|
|
|
|
.piece-size-controls,
|
|
.piece-size-values {
|
|
width: auto;
|
|
clear: both;
|
|
}
|
|
|
|
.piece-size-values {
|
|
float: right;
|
|
}
|
|
|
|
#piece,
|
|
.piece-size-values {
|
|
/* display:none; */
|
|
}
|
|
|
|
.product-block-custom-price {
|
|
display: inline-block;
|
|
margin-top: 20px;
|
|
margin-left: 30px;
|
|
/*min-width: 94px;*/
|
|
}
|
|
|
|
#custom-wallpaper-price {
|
|
/* display:none; */
|
|
text-align: center;
|
|
}
|
|
|
|
#custom-wallpaper-price-label {
|
|
margin-bottom: 12px;
|
|
text-align: center;
|
|
/* display:none; */
|
|
}
|
|
|
|
.product-images img.thumb {
|
|
user-select: none;
|
|
}
|
|
|
|
.product-images img.thumb.mirrored {
|
|
transform: scaleX(-1);
|
|
}
|
|
|
|
#piece.mirrored {
|
|
transform: scaleX(-1);
|
|
background-position: left;
|
|
}
|
|
|
|
#button-mirror-reflection {
|
|
margin-top: 20px;
|
|
display: inline-block;
|
|
float: left;
|
|
// margin-left: 30px;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
}
|
|
|
|
#button-mirror-reflection p {
|
|
color: #000;
|
|
}
|
|
|
|
.product_image_wrapper > .images-container > .mask,
|
|
.product_image_wrapper > .images-container > .mask .thumb-container {
|
|
overflow: visible !important;
|
|
}
|
|
|
|
.wallpaper-ruler.ruler-horizontal {
|
|
top: -23px;
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 10px;
|
|
border: 1px solid #888;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.wallpaper-ruler.ruler-vertical {
|
|
right: -23px;
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 100%;
|
|
border: 1px solid #888;
|
|
border-left: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.wallpaper-ruler p {
|
|
margin: 0;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.wallpaper-ruler.ruler-horizontal p {
|
|
width: 100%;
|
|
margin-top: -2px;
|
|
}
|
|
|
|
.wallpaper-ruler.ruler-vertical p {
|
|
transform: translate3d(-50%, -50%, 0) rotate(-90deg);
|
|
position: absolute;
|
|
top: 50%;
|
|
}
|
|
|
|
.flag-eu img {
|
|
max-height: 80px;
|
|
}
|
|
|
|
.product_image_wrapper .product-thumbs-wrapper {
|
|
display: none;
|
|
}
|
|
|
|
body#product .product-variants .product-variants-item {
|
|
margin: 0;
|
|
}
|
|
|
|
.product-bar .product-variants {
|
|
display: inline-block;
|
|
margin-top: 20px !important;
|
|
margin-left: 30px;
|
|
text-align: center;
|
|
color: #fff;
|
|
float: left;
|
|
}
|
|
|
|
#textSearch {
|
|
width: calc(100% - 30px);
|
|
float: left;
|
|
}
|
|
|
|
#clearTextSearch {
|
|
float: left;
|
|
margin-left: 5px;
|
|
width: 25px;
|
|
height: 25px;
|
|
background-color: #e6e6e6;
|
|
border-radius: 13px;
|
|
text-align: center;
|
|
line-height: 25px;
|
|
font-size: 11px;
|
|
margin-top: 15px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
body:not(#index) #bottom_column {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.product-bar-icon svg {
|
|
fill: #ffffff !important;
|
|
width: 100% !important;
|
|
height: 100% !important;
|
|
}
|
|
|
|
.product-bar-icon img {
|
|
width: 100%;
|
|
max-width: fit-content;
|
|
}
|
|
|
|
.product-bar-icon {
|
|
float: left;
|
|
}
|
|
|
|
.product-bar-box {
|
|
float: left;
|
|
}
|
|
|
|
.product-bar-box select.form-control {
|
|
padding: 5px 20px 5px 10px !important;
|
|
height: auto !important;
|
|
min-height: unset !important;
|
|
min-width: 130px !important;
|
|
}
|
|
|
|
.product-bar-box span {
|
|
text-align: left !important;
|
|
}
|
|
|
|
.product-bar-icon {
|
|
// height: 50px !important;
|
|
// max-width: 50px;
|
|
// margin-right: 10px !important;
|
|
// border-left: 1px solid;
|
|
// padding-left: 20px;
|
|
// box-sizing: content-box;
|
|
// border-color: #eee !important;
|
|
}
|
|
|
|
.button-mirror-reflection-label {
|
|
margin-top: 24px;
|
|
}
|
|
|
|
.piece-size-values,
|
|
#custom-wallpaper-price,
|
|
#custom-wallpaper-price-label {
|
|
opacity: 0.23;
|
|
}
|
|
|
|
#piece {
|
|
display: none;
|
|
}
|
|
|
|
body#product #main .images-container .product-images li.thumb-container .thumb {
|
|
max-width: 1000px;
|
|
}
|
|
|
|
body#product #main .images-container .product-images li.thumb-container,
|
|
body#product #main .images-container .product-images,
|
|
body#product #main .images-container {
|
|
display: inline-block;
|
|
}
|
|
|
|
body#product #main .product_image_wrapper {
|
|
display: flex;
|
|
}
|
|
|
|
body#product #main .images-container {
|
|
margin: auto;
|
|
}
|
|
|
|
body#product
|
|
#main
|
|
.images-container
|
|
.product-images
|
|
li.thumb-container
|
|
.thumb.dark {
|
|
opacity: 0.3;
|
|
}
|
|
|
|
body#product #main .images-container .product-images li.thumb-container {
|
|
background-color: #000;
|
|
}
|
|
|
|
body#product #human {
|
|
background-image: url('/img/wysokosc_czlowieka.png');
|
|
width: 97px;
|
|
display: block;
|
|
height: 57%;
|
|
position: absolute;
|
|
right: -158px;
|
|
bottom: 0;
|
|
background-repeat: no-repeat;
|
|
background-size: auto 100%;
|
|
background-position: left;
|
|
}
|
|
|
|
@media (max-width: 1330px) {
|
|
body#product #human {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.wariant_kolorystyczny > label {
|
|
cursor: pointer;
|
|
}
|
|
|
|
@media (min-width: 767px) {
|
|
body#category #main {
|
|
padding-top: 0 !important;
|
|
}
|
|
|
|
.category-cover .img-responsive {
|
|
max-width: unset;
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
body#category h1,
|
|
body#category #category-description {
|
|
text-align: center;
|
|
}
|
|
|
|
.products.row .thumbnail-container .action-block {
|
|
display: none !important;
|
|
}
|
|
|
|
body.cms-id-9 #content > p:first-child {
|
|
height: 18.6vw;
|
|
}
|
|
|
|
body.cms-id-9 #content > p:first-child img {
|
|
position: absolute;
|
|
left: 0;
|
|
}
|
|
|
|
body.cms-id-9 .page-header {
|
|
display: none;
|
|
}
|
|
|
|
body.cms-id-9 #main {
|
|
padding-top: 0 !important;
|
|
}
|
|
|
|
body.cms-id-9 h1 {
|
|
text-align: center;
|
|
padding-top: 25px;
|
|
padding-bottom: 8px !important;
|
|
}
|
|
|
|
body.cms-id-9 .yours-desc {
|
|
text-align: center;
|
|
line-height: 1.5rem !important;
|
|
font-weight: 400 !important;
|
|
}
|
|
|
|
#category-description p {
|
|
font-weight: 400 !important;
|
|
}
|
|
|
|
.button-open-hp {
|
|
width: 180px;
|
|
display: block;
|
|
margin: auto;
|
|
float: none;
|
|
text-align: center;
|
|
background-color: #806d4a;
|
|
color: #fff !important;
|
|
font-weight: 200;
|
|
padding: 8px;
|
|
font-size: 18px;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
position: relative;
|
|
margin-top: 55px;
|
|
margin-bottom: 90px;
|
|
}
|
|
|
|
.button-open-hp::before,
|
|
.button-open-hp::after {
|
|
content: '';
|
|
background-image: url(/img/hp-button-decoration.jpg);
|
|
width: 150px;
|
|
height: 23px;
|
|
position: absolute;
|
|
top: -29px !important;
|
|
left: 29% !important;
|
|
display: block;
|
|
width: 42%;
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
cursor: default;
|
|
}
|
|
|
|
.button-open-hp::after {
|
|
transform: scale(-1);
|
|
top: auto !important;
|
|
bottom: -29px !important;
|
|
}
|
|
|
|
.yours-text-block {
|
|
width: 25.333%;
|
|
text-align: left;
|
|
float: left;
|
|
margin-right: 3%;
|
|
margin-left: 5%;
|
|
position: relative;
|
|
}
|
|
|
|
.yours-text-block .content {
|
|
font-weight: 300;
|
|
line-height: 21px;
|
|
}
|
|
|
|
.yours-text-block .title {
|
|
font-size: 22px;
|
|
font-weight: 400;
|
|
padding-bottom: 8px;
|
|
}
|
|
|
|
.yours-text-block.block-1::before {
|
|
content: '1';
|
|
}
|
|
|
|
.yours-text-block.block-2::before {
|
|
content: '2';
|
|
}
|
|
|
|
.yours-text-block.block-3::before {
|
|
content: '3';
|
|
}
|
|
|
|
.yours-text-block::before {
|
|
position: absolute;
|
|
left: -66px;
|
|
color: #806d4a;
|
|
width: 46px;
|
|
height: 48px;
|
|
border: 2px solid #88704e;
|
|
text-align: center;
|
|
line-height: 47px;
|
|
font-size: 24px;
|
|
font-weight: 100;
|
|
top: -9px;
|
|
}
|
|
|
|
@media (max-width: 992px) {
|
|
.yours-text-block {
|
|
width: calc(100% - 65px);
|
|
margin-bottom: 40px;
|
|
margin-right: 0;
|
|
margin-left: 65px;
|
|
}
|
|
}
|
|
|
|
#hp-wallart-iframe {
|
|
width: 100%;
|
|
height: 700px;
|
|
}
|
|
|
|
body.cms-id-10 h1 {
|
|
display: none;
|
|
}
|
|
|
|
body.cms-id-10 #main {
|
|
padding-top: 0 !important;
|
|
}
|
|
|
|
.product_count_block,
|
|
.countcontainer,
|
|
.count_icon.tip_inside {
|
|
display: none;
|
|
}
|
|
|
|
body#product main {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.product-top-banner {
|
|
width: 100%;
|
|
margin-left: -80px;
|
|
width: calc(100% + 160px);
|
|
margin-bottom: 70px;
|
|
}
|
|
|
|
.product-top-banner img {
|
|
width: 100%;
|
|
}
|
|
|
|
.btn-instagram {
|
|
-webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);
|
|
box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);
|
|
text-transform: uppercase;
|
|
font-weight: 600;
|
|
padding: 0.5rem 1.25rem;
|
|
background: #415994;
|
|
color: white;
|
|
}
|
|
|
|
.btn-instagram:hover {
|
|
color: white;
|
|
background: #203363;
|
|
}
|
|
|
|
.btn-instagram i {
|
|
margin-right: 8px;
|
|
font-size: 19px;
|
|
position: relative;
|
|
top: 2px;
|
|
}
|
|
|
|
@media (max-width: 1320px) {
|
|
.simpleblog__listing__post__wrapper {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
}
|
|
}
|
|
|
|
.bg-white-important {
|
|
background-color: white !important;
|
|
}
|
|
|
|
.radio-item {
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
|
|
.radio-item input[type='radio'] {
|
|
display: none;
|
|
}
|
|
|
|
.radio-item label {
|
|
color: #666;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.radio-item input[type='radio']:checked + label:after {
|
|
border-radius: 11px;
|
|
width: 14px;
|
|
height: 14px;
|
|
position: absolute;
|
|
top: 2px;
|
|
left: 2px;
|
|
content: ' ';
|
|
display: block;
|
|
background-color: black !important;
|
|
}
|
|
|
|
.radio-item input[type='radio']:checked + .switchColor.customInput:after {
|
|
background-color: yellow !important;
|
|
}
|
|
|
|
.hidden {
|
|
display: none !important;
|
|
visibility: none !important;
|
|
}
|
|
|
|
.strong {
|
|
font-weight: strong;
|
|
}
|
|
|
|
.fancybox-size-controls {
|
|
display: block;
|
|
// color: white;
|
|
color: #000;
|
|
}
|
|
|
|
.fancybox-material-controls {
|
|
// color: white;
|
|
color: #000;
|
|
/* margin-top: -6px*/
|
|
display: block;
|
|
}
|
|
|
|
.product-block-piece .product-bar-icon {
|
|
margin-top: 0px !important;
|
|
}
|
|
|
|
.product-variants .product-bar-box {
|
|
margin-top: 10px !important;
|
|
}
|
|
|
|
.fancybox-active {
|
|
height: 100% !important;
|
|
}
|
|
|
|
.text p {
|
|
font-size: 11px;
|
|
margin-bottom: 5px;
|
|
line-height: 18px;
|
|
}
|
|
|
|
.material-canvas img,
|
|
.material-sand img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.valid-width-alert,
|
|
.valid-height-alert,
|
|
.valid-alert {
|
|
color: red;
|
|
display: inline-block;
|
|
}
|
|
|
|
.piece-height-px,
|
|
.piece-width-px {
|
|
background: #f2f2f2;
|
|
position: absolute;
|
|
color: #82704e;
|
|
width: 50px;
|
|
text-align: center;
|
|
}
|
|
|
|
.piece-width-px {
|
|
bottom: -25px;
|
|
right: -1px;
|
|
}
|
|
|
|
.piece-height-px {
|
|
transform: rotate(270deg);
|
|
bottom: 10px;
|
|
right: -37px;
|
|
}
|
|
|
|
.mirrored .piece-width-px {
|
|
transform: scaleX(-1);
|
|
bottom: -25px;
|
|
left: -1px;
|
|
}
|
|
|
|
.mirrored .piece-height-px {
|
|
transform: rotate(270deg) scaleY(-1);
|
|
bottom: 10px;
|
|
left: -37px;
|
|
}
|
|
|
|
// .fancybox-size-controls:hover,
|
|
// .fancybox-material-controls:hover {
|
|
// color: white !important;
|
|
// }
|
|
|
|
@media (min-width: 767px) {
|
|
body#index #roycontent_top ul li:nth-child(1) {
|
|
order: 1;
|
|
}
|
|
|
|
body#index #roycontent_top ul li:nth-child(2) {
|
|
order: 2;
|
|
}
|
|
|
|
body#index #roycontent_top ul li:nth-child(2) > .li-cont {
|
|
width: 100%;
|
|
}
|
|
|
|
body#index #roycontent_top ul li:nth-child(3) {
|
|
order: 2;
|
|
}
|
|
|
|
body#index #roycontent_top ul li:nth-child(4) {
|
|
order: 4;
|
|
}
|
|
|
|
body#index #roycontent_top ul li:nth-child(4) > .li-cont {
|
|
width: 100%;
|
|
}
|
|
|
|
body#index #roycontent_top ul li:nth-child(5) {
|
|
order: 5;
|
|
}
|
|
|
|
body#index #roycontent_top ul li:nth-child(6) {
|
|
order: 7;
|
|
}
|
|
|
|
body#index #roycontent_top ul li:nth-child(6) > .li-cont {
|
|
width: 100%;
|
|
}
|
|
|
|
body#index #roycontent_top ul li:nth-child(7) {
|
|
order: 6;
|
|
}
|
|
|
|
body#index #roycontent_top ul li:nth-child(4n + 1) {
|
|
text-align: right;
|
|
}
|
|
}
|
|
|
|
.faceted-slider {
|
|
padding: 10px;
|
|
}
|
|
|
|
.product-variants::nth-of-type(1, 2):hover {
|
|
background-color: #555;
|
|
border-radius: 3px;
|
|
scale: 110%;
|
|
padding-right: 30px;
|
|
margin-right: -20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.product-bar .product-variants,
|
|
#button-mirror-reflection,
|
|
.product-block-piece {
|
|
transition: ease-in-out 0.1s all;
|
|
}
|
|
|
|
// #button-mirror-reflection:hover {
|
|
// background-color: #555;
|
|
// border-radius: 3px;
|
|
// scale: 110%;
|
|
// padding-right: 30px;
|
|
// margin-right: -20px;
|
|
// margin-bottom: 20px;
|
|
// z-index: 1000;
|
|
// }
|
|
|
|
// .product-block-piece:hover {
|
|
// background-color: #555;
|
|
// border-radius: 3px;
|
|
// scale: 110%;
|
|
// padding-right: 30px;
|
|
// margin-right: -20px;
|
|
// margin-bottom: 20px;
|
|
// }
|
|
|
|
/*BM edit 27.10.2021 start */
|
|
|
|
#cart #cart-subtotal-shipping {
|
|
display: none;
|
|
}
|
|
|
|
// #button-mirror-reflection:hover,
|
|
// .product-block-piece:hover,
|
|
// .product-variants:hover {
|
|
// padding-right: 20px;
|
|
// margin-bottom: 0;
|
|
// }
|
|
|
|
#squaremeter,
|
|
#dimension,
|
|
#squaremeter_availability {
|
|
display: none;
|
|
}
|
|
|
|
#totalprice {
|
|
display: inline-block;
|
|
margin-top: 20px;
|
|
/* margin-left: 30px;*/
|
|
min-width: 94px;
|
|
color: #fff;
|
|
}
|
|
|
|
#totalpriceinfo {
|
|
padding-top: 0;
|
|
color: #000;
|
|
font-weight: bold;
|
|
font-size: 18px;
|
|
}
|
|
|
|
#cart .qty,
|
|
#cart .product-line-grid-price {
|
|
display: none;
|
|
}
|
|
|
|
#cart .product-line-prices {
|
|
justify-content: end;
|
|
}
|
|
|
|
.product-variants:first-of-type:hover {
|
|
background-color: #555;
|
|
border-radius: 3px;
|
|
scale: 100%;
|
|
// padding-right: 10px;
|
|
// margin-right: 10px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.product-bar .product-variants {
|
|
display: inline-block;
|
|
// margin-top: 20px !important;
|
|
margin-left: 0px;
|
|
// margin-right: 10px;
|
|
text-align: center;
|
|
color: #fff;
|
|
float: left;
|
|
// padding-right: 10px;
|
|
}
|
|
|
|
.product-actions .product-variants-item .control-label {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.product-actions .product-variants-item strong {
|
|
font-weight: 500;
|
|
}
|
|
|
|
.product-variants .product-bar-box {
|
|
margin-top: 0px !important;
|
|
max-width: 180px;
|
|
text-align: left;
|
|
}
|
|
|
|
#button-mirror-reflection,
|
|
#fancybox-size-controls,
|
|
.product-bar.container .product-variants .fancybox-material-controls,
|
|
body#product .product-variants,
|
|
.product-block-custom-price {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
}
|
|
|
|
#button-mirror-reflection p {
|
|
margin: 0;
|
|
}
|
|
|
|
.fancybox-size-controls .product-block-piece {
|
|
padding-top: 11px;
|
|
padding-bottom: 11px;
|
|
}
|
|
|
|
.product-bar {
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.product-add-to-cart {
|
|
margin-top: 20px !important;
|
|
}
|
|
|
|
.product-bar.container .product-variants-item {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
@media (min-width: 836) and (max-width: 897px) {
|
|
.product-block-custom-price {
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1404px) {
|
|
.product-bar {
|
|
height: auto;
|
|
}
|
|
|
|
.product-block-custom-price {
|
|
min-width: 0;
|
|
}
|
|
|
|
.add .btn.add-to-cart {
|
|
padding: 22px 17px;
|
|
}
|
|
|
|
#totalprice {
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
|
|
// @media (min-width: 676px) and (max-width: 1050px) {
|
|
// .product-bar-container {
|
|
// height: 200px;
|
|
// }
|
|
// }
|
|
|
|
.side_menu .cart-prods li .product-img .image-cont {
|
|
display: none;
|
|
}
|
|
|
|
/*BM edit 27.10.2021 end*/
|
|
|
|
//* Page "Architekci"
|
|
body.cms-id-16 {
|
|
.block-architekci {
|
|
background-image: url('https://newwalls.pl/img/cms/custom-pages/architekci/architekci-hero-baner.jpg');
|
|
padding: 40px 80px 80px;
|
|
background-size: cover;
|
|
|
|
@media (max-width: 767px) {
|
|
padding: 20px 20px;
|
|
}
|
|
}
|
|
|
|
.architekci-title {
|
|
font-size: 50px;
|
|
color: #fff;
|
|
margin-bottom: 40px;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.architekci-description {
|
|
color: #fff;
|
|
font-weight: 100;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#main {
|
|
padding-top: 15px !important;
|
|
|
|
#map-info-list {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0 auto;
|
|
width: 100%;
|
|
max-width: 910px;
|
|
|
|
> li {
|
|
&:not(:last-child) {
|
|
margin-bottom: 70px;
|
|
}
|
|
|
|
h2 {
|
|
position: relative;
|
|
font-size: 18px;
|
|
padding-bottom: 15px;
|
|
margin-bottom: 15px;
|
|
|
|
&::before {
|
|
content: '';
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: -15px;
|
|
right: -15px;
|
|
height: 1px;
|
|
background-color: #ededed;
|
|
}
|
|
}
|
|
|
|
> ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
|
|
column-gap: 60px;
|
|
row-gap: 30px;
|
|
|
|
li {
|
|
h3 {
|
|
font-size: 18px;
|
|
text-transform: uppercase;
|
|
margin: 0;
|
|
}
|
|
|
|
p {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#bottom_column {
|
|
.products-section-title {
|
|
text-align: center;
|
|
}
|
|
}
|
|
}
|
|
|
|
//* Page "Dystrybutorzy"
|
|
body.cms-id-17 {
|
|
.block-dystrybutorzy {
|
|
background-image: url('https://newwalls.pl/img/cms/custom-pages/dystrybutorzy/dystrybutorzy-hero-baner.jpg');
|
|
padding: 40px 80px 80px;
|
|
background-size: cover;
|
|
|
|
@media (max-width: 767px) {
|
|
padding: 20px 20px;
|
|
}
|
|
}
|
|
|
|
.dystrybutorzy-title {
|
|
font-size: 50px;
|
|
color: #fff;
|
|
margin-bottom: 40px;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.dystrybutorzy-description {
|
|
color: #fff;
|
|
font-weight: 100;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#main {
|
|
padding-top: 15px !important;
|
|
|
|
#map-info-list {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0 auto;
|
|
width: 100%;
|
|
max-width: 910px;
|
|
|
|
> li {
|
|
&:not(:last-child) {
|
|
margin-bottom: 70px;
|
|
}
|
|
|
|
h2 {
|
|
position: relative;
|
|
font-size: 18px;
|
|
padding-bottom: 15px;
|
|
margin-bottom: 15px;
|
|
font-weight: 700;
|
|
|
|
&::before {
|
|
content: '';
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: -15px;
|
|
right: -15px;
|
|
height: 1px;
|
|
background-color: #ededed;
|
|
}
|
|
}
|
|
|
|
> ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
|
|
column-gap: 60px;
|
|
row-gap: 30px;
|
|
|
|
li {
|
|
h3 {
|
|
text-align: left;
|
|
font-size: 18px;
|
|
text-transform: uppercase;
|
|
margin: 0;
|
|
}
|
|
|
|
p {
|
|
margin-bottom: 0;
|
|
text-align: left;
|
|
|
|
a {
|
|
display: block;
|
|
line-height: 1.5 !important;
|
|
margin-bottom: 5px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#bottom_column {
|
|
.products-section-title {
|
|
text-align: center;
|
|
}
|
|
}
|
|
}
|
|
|
|
//* Page "Struktury"
|
|
body.cms-id-18 {
|
|
.block-struktury {
|
|
background-image: url('https://newwalls.pl/img/cms/custom-pages/struktury/struktury-hero-baner.jpg');
|
|
padding: 40px 80px 80px;
|
|
background-size: cover;
|
|
|
|
@media (max-width: 767px) {
|
|
padding: 20px 20px;
|
|
}
|
|
}
|
|
|
|
.struktury-title {
|
|
font-size: 50px;
|
|
color: #fff;
|
|
margin-bottom: 40px;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.struktury-description {
|
|
color: #fff;
|
|
font-weight: 100;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#main {
|
|
padding-top: 15px !important;
|
|
|
|
#content {
|
|
> h2 {
|
|
font-size: 30px;
|
|
margin-bottom: 50px;
|
|
margin-left: 380px;
|
|
}
|
|
|
|
ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
> ul {
|
|
> li {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
column-gap: 60px;
|
|
row-gap: 40px;
|
|
|
|
&:not(:last-child) {
|
|
margin-bottom: 50px;
|
|
padding-bottom: 50px;
|
|
border-bottom: 1px solid #ebebec;
|
|
}
|
|
}
|
|
}
|
|
|
|
.tile-info {
|
|
flex: 1;
|
|
|
|
h2 {
|
|
font-size: 22px;
|
|
font-weight: 600;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
p {
|
|
font-size: 16px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
margin-bottom: 0;
|
|
margin-top: 0;
|
|
}
|
|
|
|
ul {
|
|
li {
|
|
font-size: 13px;
|
|
padding: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.pattern-pay {
|
|
margin-bottom: 50px;
|
|
padding-bottom: 50px;
|
|
border-bottom: 1px solid #ebebec;
|
|
|
|
h2 {
|
|
font-size: 30px;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
p {
|
|
font-size: 13px;
|
|
line-height: 1.3;
|
|
margin-bottom: 10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#bottom_column {
|
|
.products-section-title {
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
.pattern-action {
|
|
width: fit-content;
|
|
margin-top: 30px;
|
|
|
|
.add-to-cart {
|
|
background: #7d6e4f;
|
|
border-color: #7d6e4f;
|
|
|
|
i {
|
|
background-color: #fff;
|
|
}
|
|
|
|
span {
|
|
color: #fff !important;
|
|
}
|
|
|
|
&:hover {
|
|
background: #7d6e4f;
|
|
border-color: #7d6e4f;
|
|
|
|
i {
|
|
background-color: #fff;
|
|
}
|
|
|
|
span {
|
|
color: #fff !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
.product-bar-container {
|
|
display: none !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
.language_selector {
|
|
.language-selector-wrapper {
|
|
.dropdown-menu {
|
|
min-width: unset;
|
|
background: #ffffff !important;
|
|
border-color: #fafafa !important;
|
|
|
|
li {
|
|
a {
|
|
padding: 3px 1.5rem;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.head_action .curlan ul.dropdown-menu {
|
|
right: -20px;
|
|
}
|
|
|
|
.block-category-first {
|
|
.container {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
.block-category-second {
|
|
.category-cover {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
body#index {
|
|
#roycontent_top {
|
|
#custom-cols {
|
|
.html-item {
|
|
position: relative;
|
|
margin-bottom: 20px;
|
|
|
|
&:nth-child(1) {
|
|
.html-item-data {
|
|
p {
|
|
a {
|
|
background: #7d6e4f;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
&:nth-child(2) {
|
|
.html-item-data {
|
|
p {
|
|
a {
|
|
background: #548fb1;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
&:nth-child(3) {
|
|
.html-item-data {
|
|
p {
|
|
a {
|
|
background: #ab8d16;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
&:hover {
|
|
.html-item-img {
|
|
&::before {
|
|
opacity: 1;
|
|
border-width: 15px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.html-item-img {
|
|
position: relative;
|
|
|
|
&::before {
|
|
content: '';
|
|
position: absolute;
|
|
inset: 0;
|
|
border: 0 solid rgba(255, 255, 255, 0.5);
|
|
opacity: 0;
|
|
transition: all 0.3s ease-in-out;
|
|
}
|
|
|
|
img {
|
|
// max-height: 790px;
|
|
max-height: unset;
|
|
height: unset;
|
|
}
|
|
}
|
|
|
|
.html-item-data {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 15px;
|
|
right: 15px;
|
|
padding: 30px;
|
|
|
|
h1 {
|
|
color: #fff;
|
|
font-size: 80px;
|
|
}
|
|
|
|
p {
|
|
color: #fff;
|
|
font-size: 22px;
|
|
margin-bottom: 0;
|
|
|
|
a {
|
|
color: #fff;
|
|
font-size: 22px !important;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 80px;
|
|
margin-bottom: 20px;
|
|
margin-top: 20px;
|
|
font-weight: 100;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1200px) {
|
|
padding: 20px;
|
|
|
|
h1 {
|
|
font-size: 50px;
|
|
}
|
|
|
|
p {
|
|
font-size: 18px;
|
|
|
|
a {
|
|
font-size: 18px !important;
|
|
height: 70px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.order-sample {
|
|
background: #3d3d3d;
|
|
padding: 15px;
|
|
text-align: center;
|
|
|
|
a {
|
|
color: #fff;
|
|
}
|
|
}
|
|
|
|
.product-bar {
|
|
&.product-bar-title {
|
|
flex-direction: column;
|
|
|
|
h2 {
|
|
font-size: 30px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
h3 {
|
|
color: #666666;
|
|
font-size: 20px;
|
|
margin-bottom: 15px;
|
|
font-weight: 400;
|
|
}
|
|
}
|
|
|
|
&.product-bar-data {
|
|
position: relative;
|
|
padding-bottom: 30px;
|
|
|
|
&::before {
|
|
content: '';
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 15px;
|
|
right: 15px;
|
|
height: 1px;
|
|
background: #7d6e4f;
|
|
}
|
|
}
|
|
}
|
|
|
|
#fancybox-size-controls,
|
|
.product-variants,
|
|
#button-mirror-reflection,
|
|
#button-color-variants {
|
|
width: 25%;
|
|
|
|
.product-bar-icon {
|
|
margin-right: 25px;
|
|
margin-left: 25px;
|
|
}
|
|
|
|
.product-bar-box,
|
|
.product-bar-box p {
|
|
color: #666666;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
@media (max-width: 1100px) {
|
|
width: 50%;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.product-bar-label {
|
|
p {
|
|
font-size: 30px;
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
#fancybox-size-controls {
|
|
.product-block-piece {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
}
|
|
|
|
#button-color-variants {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
height: 72px;
|
|
margin-top: 20px;
|
|
|
|
.product-bar-box {
|
|
p {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
#box-color-variants {
|
|
display: none;
|
|
position: fixed;
|
|
inset: 0;
|
|
z-index: 9;
|
|
background: rgba(255, 255, 255, 0.5);
|
|
backdrop-filter: blur(5px);
|
|
|
|
.product-variants {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
margin: 0;
|
|
padding: 20px;
|
|
background: rgba(0, 0, 0, 0.95);
|
|
width: auto;
|
|
|
|
.product-variants-item {
|
|
.control-label {
|
|
display: none;
|
|
}
|
|
|
|
ul {
|
|
padding: 0;
|
|
width: 100%;
|
|
max-width: 410px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
gap: 10px;
|
|
|
|
li {
|
|
margin: 0;
|
|
|
|
label {
|
|
margin: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.product-actions-custom {
|
|
width: 50%;
|
|
margin-left: auto;
|
|
margin-top: 20px;
|
|
|
|
.product-actions-custom--wrapper {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
width: 100%;
|
|
|
|
#totalprice {
|
|
flex: 1;
|
|
}
|
|
|
|
.btn.btn-primary.add-to-cart {
|
|
background: #7d6e4f;
|
|
border-color: #7d6e4f;
|
|
|
|
i {
|
|
background-color: #fff;
|
|
}
|
|
|
|
span {
|
|
color: #fff;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
flex-direction: column;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1400px) {
|
|
width: 100%;
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
#custom-order-modal,
|
|
#custom-email-pattern-modal {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
display: none;
|
|
outline: 0;
|
|
z-index: 2020 !important;
|
|
|
|
.custom-order-modal--wrapper,
|
|
.custom-email-pattern-modal--wrapper {
|
|
height: 100%;
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
|
|
@media (min-height: 650px) {
|
|
align-items: center;
|
|
}
|
|
|
|
@media (max-height: 650px) {
|
|
overflow: auto;
|
|
}
|
|
}
|
|
|
|
.custom-order-box {
|
|
position: relative;
|
|
background: #fff;
|
|
border-radius: 20px;
|
|
box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.2);
|
|
width: 100%;
|
|
max-width: 800px;
|
|
padding: 50px;
|
|
height: fit-content;
|
|
}
|
|
|
|
#custom-order-box-close {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 40px;
|
|
min-width: 40px;
|
|
height: 40px;
|
|
border-top-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
border-top-right-radius: 20px;
|
|
border-bottom-left-radius: 20px;
|
|
background: #fff;
|
|
box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.2);
|
|
cursor: pointer;
|
|
|
|
&::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%) rotate(45deg);
|
|
width: 15px;
|
|
height: 1px;
|
|
background: #000;
|
|
}
|
|
|
|
&::after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%) rotate(-45deg);
|
|
width: 15px;
|
|
height: 1px;
|
|
background: #000;
|
|
}
|
|
}
|
|
|
|
#custom-order-form {
|
|
.row {
|
|
&:not(:last-child) {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
> div[class^='col-'] {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
|
|
input[type='text'],
|
|
input[type='file'],
|
|
textarea {
|
|
width: 100%;
|
|
}
|
|
|
|
textarea {
|
|
resize: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
.custom-order-form-title {
|
|
font-size: 29px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
ul {
|
|
padding: 0;
|
|
margin: 32px 0 0 0;
|
|
|
|
li {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
column-gap: 15px;
|
|
|
|
input {
|
|
height: auto;
|
|
cursor: pointer;
|
|
}
|
|
|
|
label {
|
|
margin: 0;
|
|
line-height: 1.2;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
}
|
|
|
|
.form-btn {
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
|
|
.loader {
|
|
display: none;
|
|
width: 32px;
|
|
height: 32px;
|
|
border: 5px solid #806d4a;
|
|
border-bottom-color: #fff;
|
|
border-radius: 50%;
|
|
box-sizing: border-box;
|
|
animation: rotation 1s linear infinite;
|
|
}
|
|
|
|
@keyframes rotation {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
.send-form {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
background: #7d6e4f;
|
|
border-color: #7d6e4f;
|
|
|
|
i {
|
|
display: flex;
|
|
width: 28px;
|
|
height: 28px;
|
|
margin-right: 12px;
|
|
background-color: #fff;
|
|
mask-image: url('/modules/roy_customizer/images/rt_cart2.svg');
|
|
mask-size: cover;
|
|
transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89);
|
|
}
|
|
|
|
.text {
|
|
color: #fff;
|
|
transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.custom-file-upload {
|
|
position: relative;
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.custom-file-upload-label {
|
|
display: flex;
|
|
align-items: center;
|
|
column-gap: 15px;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
border: none;
|
|
box-shadow: none;
|
|
cursor: pointer;
|
|
|
|
img {
|
|
width: 28px;
|
|
height: 28px;
|
|
}
|
|
}
|
|
|
|
#file-selected {
|
|
display: block;
|
|
margin-top: 10px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.custom-file-upload input[type='file'] {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
opacity: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
#custom-order-btn,
|
|
#custom-sample-btn {
|
|
padding: 10px 20px;
|
|
margin: 5px;
|
|
border: 1px solid;
|
|
width: 99%;
|
|
display: inline-block;
|
|
text-align: center;
|
|
}
|
|
|
|
#custom-pattern-btn {
|
|
display: flex;
|
|
align-items: center;
|
|
column-gap: 15px;
|
|
|
|
img {
|
|
width: 30px;
|
|
}
|
|
}
|
|
|
|
.fancybox-material-box {
|
|
.material-canvas {
|
|
&:nth-child(2n + 1) {
|
|
background: #dfdfdf;
|
|
}
|
|
|
|
.col-xs-12 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
gap: 20px;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
}
|
|
}
|
|
/**
|
|
* New styles
|
|
*/
|
|
|
|
._btn-1 {
|
|
position: relative;
|
|
display: inline-block;
|
|
|
|
&:hover {
|
|
&::before {
|
|
width: 100%;
|
|
}
|
|
|
|
span {
|
|
color: #fff;
|
|
}
|
|
}
|
|
|
|
&::before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 1px;
|
|
background-color: $cGold;
|
|
transition: all 250ms ease-in-out;
|
|
}
|
|
|
|
span {
|
|
position: relative;
|
|
color: $cGold;
|
|
font-family: $fInter;
|
|
font-weight: 300;
|
|
font-size: 15px;
|
|
line-height: 1;
|
|
|
|
display: inline-flex;
|
|
align-items: center;
|
|
text-align: center;
|
|
padding: 16px;
|
|
transition: all 250ms ease-in-out;
|
|
}
|
|
}
|
|
|
|
._footer-social {
|
|
._footer-social--wrapper {
|
|
text-align: center;
|
|
margin-bottom: 70px;
|
|
|
|
h2 {
|
|
color: $cDark;
|
|
font-family: $fInter;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
font-size: 37px;
|
|
line-height: 1;
|
|
margin-bottom: 14px;
|
|
}
|
|
h3 {
|
|
color: $cGold;
|
|
font-family: $fNotoSerifDisplay;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-size: 40px;
|
|
line-height: 1;
|
|
}
|
|
ol {
|
|
display: flex;
|
|
justify-content: center;
|
|
flex-direction: row;
|
|
column-gap: 24px;
|
|
margin-top: 40px;
|
|
|
|
li {
|
|
padding: 0;
|
|
margin: 0;
|
|
line-height: 1;
|
|
|
|
a {
|
|
color: $cDark;
|
|
font-family: $fInter;
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
font-size: 19px;
|
|
line-height: 1;
|
|
|
|
display: inline-flex;
|
|
align-items: center;
|
|
flex-direction: row;
|
|
column-gap: 13px;
|
|
padding: 21px 43px;
|
|
border: 2px solid #000000;
|
|
border-radius: 12px;
|
|
|
|
i {
|
|
font-size: 30px;
|
|
line-height: 0.8;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
._join-us {
|
|
._join-us--wrapper {
|
|
position: relative;
|
|
padding: 80px 0;
|
|
|
|
&::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 50%;
|
|
bottom: 0;
|
|
width: 100svw;
|
|
background: #f0f0f0;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
h3 {
|
|
position: relative;
|
|
color: $cGold;
|
|
font-family: $fNotoSerifDisplay;
|
|
font-weight: 400;
|
|
font-size: 40px;
|
|
line-height: 1;
|
|
text-align: center;
|
|
margin-bottom: 50px;
|
|
}
|
|
p {
|
|
position: relative;
|
|
color: $cDark;
|
|
font-family: $fInter;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
line-height: 1.78;
|
|
text-align: center;
|
|
|
|
&:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
a {
|
|
display: block;
|
|
margin: 0 auto;
|
|
width: 100%;
|
|
max-width: fit-content;
|
|
}
|
|
._join-us--text {
|
|
margin-bottom: 50px;
|
|
}
|
|
}
|
|
}
|
|
|
|
section#main {
|
|
overflow: hidden;
|
|
}
|
|
|
|
#roycontent_home {
|
|
ul {
|
|
li {
|
|
overflow: initial;
|
|
.li-cont {
|
|
overflow: initial;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
footer#footer {
|
|
.footer-container {
|
|
padding-top: 100px;
|
|
padding-bottom: 40px;
|
|
background: #000000;
|
|
}
|
|
#roycontent_footer {
|
|
._footer_box {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
column-gap: 40px;
|
|
row-gap: 40px;
|
|
|
|
._footer_col_1 {
|
|
width: calc(25% - 20px);
|
|
text-align: left;
|
|
|
|
@media (max-width: 992px) {
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
img {
|
|
width: 100%;
|
|
max-width: 219px;
|
|
}
|
|
}
|
|
._footer_col_2 {
|
|
width: calc(75% - 20px);
|
|
text-align: left;
|
|
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
|
|
column-gap: 40px;
|
|
row-gap: 50px;
|
|
|
|
@media (max-width: 992px) {
|
|
width: 100%;
|
|
}
|
|
|
|
._footer-col-33 {
|
|
width: calc(100% / 3 - (40px - (40px / 3)));
|
|
|
|
h4 {
|
|
color: #ffffff;
|
|
font-family: $fInter;
|
|
font-weight: 700;
|
|
font-size: 16px;
|
|
line-height: 1;
|
|
text-transform: uppercase;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
p {
|
|
color: #8c8c8c;
|
|
font-family: $fInter;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
font-size: 16px;
|
|
line-height: 2;
|
|
|
|
> a {
|
|
color: inherit;
|
|
font-family: inherit;
|
|
font-style: inherit;
|
|
font-weight: inherit;
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
}
|
|
}
|
|
|
|
ul,
|
|
ol {
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
row-gap: 12px;
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
|
|
li {
|
|
padding: 0;
|
|
margin: 0;
|
|
|
|
a {
|
|
color: #8c8c8c;
|
|
font-family: $fInter;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
font-size: 16px;
|
|
line-height: 1;
|
|
}
|
|
}
|
|
}
|
|
ol {
|
|
li {
|
|
a {
|
|
font-size: 25px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
._footer_box_bottom {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
margin-top: 50px;
|
|
padding-top: 30px;
|
|
border-top: 1px solid #ffffff;
|
|
|
|
._footer_col_1 {
|
|
}
|
|
._footer_col_2 {
|
|
}
|
|
|
|
ul {
|
|
li {
|
|
padding: 0;
|
|
margin: 0;
|
|
|
|
a,
|
|
p {
|
|
color: #ffffff;
|
|
font-family: $fInter;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
line-height: 25px;
|
|
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#roycontent_home {
|
|
li.htmlcontent-item-id-40 {
|
|
padding: 140px 0 50px;
|
|
|
|
> div.li-cont {
|
|
position: initial;
|
|
}
|
|
h3 {
|
|
position: relative;
|
|
color: $cGold;
|
|
font-family: $fNotoSerifDisplay;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-size: 40px;
|
|
line-height: 1;
|
|
}
|
|
|
|
._box-content {
|
|
position: relative;
|
|
width: 100%;
|
|
max-width: 440px;
|
|
margin-bottom: 70px;
|
|
z-index: 2;
|
|
|
|
h3 {
|
|
margin-bottom: 50px;
|
|
}
|
|
p {
|
|
position: relative;
|
|
color: $cDark;
|
|
font-family: $fInter;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
line-height: 1.7;
|
|
margin-bottom: 50px;
|
|
}
|
|
a {
|
|
}
|
|
}
|
|
|
|
._box-partners {
|
|
position: relative;
|
|
width: 100%;
|
|
max-width: 750px;
|
|
z-index: 2;
|
|
|
|
@media (max-width: 992px) {
|
|
max-width: 600px;
|
|
}
|
|
|
|
h3 {
|
|
margin-bottom: 70px;
|
|
}
|
|
|
|
._partners-slider {
|
|
.swiper-slide {
|
|
img {
|
|
width: 100%;
|
|
max-width: fit-content;
|
|
height: 40px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
._box-bg {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 50%;
|
|
width: 100svw;
|
|
transform: translateX(-50%);
|
|
z-index: 1;
|
|
|
|
._box-bg--wrapper {
|
|
display: block;
|
|
width: fit-content;
|
|
margin-left: auto;
|
|
}
|
|
|
|
img {
|
|
width: 100%;
|
|
max-width: fit-content;
|
|
position: absolute;
|
|
left: 50%;
|
|
}
|
|
}
|
|
}
|
|
|
|
li.htmlcontent-item-id-41 {
|
|
padding: 0;
|
|
margin: 0;
|
|
width: 100svw;
|
|
margin-left: 50%;
|
|
transform: translateX(-50%);
|
|
|
|
._box-big-tiles {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
|
|
._box-big-tile {
|
|
height: 672px;
|
|
overflow: hidden;
|
|
|
|
&:hover {
|
|
img {
|
|
transform: scale(1.1);
|
|
}
|
|
}
|
|
|
|
img {
|
|
height: 672px;
|
|
object-fit: cover;
|
|
transition: 200ms;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
li.htmlcontent-item-id-42 {
|
|
position: relative;
|
|
padding: 75px 0;
|
|
margin: 0;
|
|
|
|
&::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 50%;
|
|
width: 100svw;
|
|
transform: translateX(-50%);
|
|
background: #f0f0f0;
|
|
}
|
|
|
|
._c-row {
|
|
position: relative;
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
align-items: center;
|
|
column-gap: 50px;
|
|
|
|
._c-col {
|
|
&-1 {
|
|
img {
|
|
width: 100%;
|
|
max-width: fit-content;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
h3 {
|
|
position: relative;
|
|
color: $cGold;
|
|
font-family: $fNotoSerifDisplay;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-size: 40px;
|
|
line-height: 1;
|
|
margin: 0;
|
|
}
|
|
|
|
p {
|
|
position: relative;
|
|
color: $cDark;
|
|
font-family: $fInter;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
line-height: 1.7;
|
|
|
|
&:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
._box-text {
|
|
margin: 50px 0;
|
|
}
|
|
}
|
|
|
|
li.htmlcontent-item-id-43 {
|
|
position: relative;
|
|
padding: 25px 0 85px;
|
|
margin: 0;
|
|
|
|
._c-row {
|
|
&-1 {
|
|
margin-bottom: 50px;
|
|
|
|
._c-col {
|
|
&-1 {
|
|
h3 {
|
|
color: $cDark;
|
|
font-family: $fInter;
|
|
font-weight: 500;
|
|
font-size: 37px;
|
|
line-height: 1;
|
|
|
|
strong {
|
|
display: block;
|
|
padding-top: 20px;
|
|
padding-left: 55px;
|
|
|
|
color: $cGold;
|
|
font-family: $fNotoSerifDisplay;
|
|
font-weight: 400;
|
|
font-size: 40px;
|
|
line-height: inherit;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
&-2 {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
column-gap: 120px;
|
|
|
|
._c-col {
|
|
&-1 {
|
|
}
|
|
&-2 {
|
|
}
|
|
|
|
._c-tile {
|
|
width: 100%;
|
|
max-width: 440px;
|
|
margin: 0 auto;
|
|
|
|
._c-tile--img {
|
|
margin-bottom: 40px;
|
|
|
|
img {
|
|
width: 100%;
|
|
max-width: fit-content;
|
|
}
|
|
}
|
|
._c-tile--text {
|
|
h4 {
|
|
color: $cGold;
|
|
font-family: $fNotoSerifDisplay;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-size: 40px;
|
|
line-height: 1;
|
|
margin: 0 0 50px 0;
|
|
}
|
|
|
|
p {
|
|
color: $cDark;
|
|
font-family: $fInter;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
line-height: 1.7;
|
|
letter-spacing: 0px;
|
|
|
|
&:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
a._btn-1 {
|
|
margin-top: 36px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
li.htmlcontent-item-id-44 {
|
|
position: relative;
|
|
padding: 25px 0;
|
|
margin: 0;
|
|
|
|
._c-row {
|
|
&-1 {
|
|
._c-col {
|
|
&-1 {
|
|
h3 {
|
|
color: $cDark;
|
|
font-family: $fInter;
|
|
font-weight: 500;
|
|
font-size: 37px;
|
|
line-height: 1;
|
|
text-align: center;
|
|
margin: 0 auto 50px;
|
|
max-width: 730px;
|
|
|
|
strong {
|
|
display: inline-block;
|
|
padding-top: 20px;
|
|
|
|
color: $cGold;
|
|
font-family: $fNotoSerifDisplay;
|
|
font-weight: 400;
|
|
font-size: 40px;
|
|
line-height: inherit;
|
|
}
|
|
}
|
|
|
|
p {
|
|
color: $cDark;
|
|
font-family: $fInter;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
line-height: 1.7;
|
|
letter-spacing: 0px;
|
|
text-align: center;
|
|
|
|
&:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
img {
|
|
width: 100%;
|
|
max-width: fit-content;
|
|
}
|
|
|
|
._col-text {
|
|
margin-bottom: 70px;
|
|
max-width: 730px;
|
|
margin: 0 auto;
|
|
}
|
|
._col-img {
|
|
display: flex;
|
|
flex-direction: column;
|
|
row-gap: 30px;
|
|
width: 100%;
|
|
max-width: 970px;
|
|
margin: 70px auto 0;
|
|
|
|
a._btn-1 {
|
|
display: block;
|
|
max-width: fit-content;
|
|
margin-left: auto;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.hp-box-1 {
|
|
position: relative;
|
|
padding: 100px 0 90px;
|
|
margin: 0;
|
|
|
|
._c-row {
|
|
&-1 {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
column-gap: 120px;
|
|
|
|
@media (max-width: 1240px) {
|
|
column-gap: 80px;
|
|
}
|
|
|
|
._c-col {
|
|
&-1 {
|
|
h3 {
|
|
position: relative;
|
|
color: $cGold;
|
|
font-family: $fNotoSerifDisplay;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-size: 40px;
|
|
line-height: 1;
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
p {
|
|
color: $cDark;
|
|
font-family: $fInter;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
line-height: 1.7;
|
|
letter-spacing: 0px;
|
|
|
|
&:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
._col-text {
|
|
margin-bottom: 50px;
|
|
}
|
|
}
|
|
&-2 {
|
|
._col-img {
|
|
img {
|
|
width: 100%;
|
|
height: 459px;
|
|
max-width: fit-content;
|
|
object-fit: cover;
|
|
object-position: center;
|
|
}
|
|
}
|
|
|
|
._col-img-thumbnail {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin-top: -20px;
|
|
|
|
@media (max-width: 992px) {
|
|
flex-direction: column;
|
|
}
|
|
|
|
ol {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
gap: 24px;
|
|
|
|
li {
|
|
padding: 0;
|
|
margin: 0;
|
|
|
|
img {
|
|
width: 100px;
|
|
height: 100px;
|
|
border-radius: 100%;
|
|
object-fit: cover;
|
|
|
|
@media (max-width: 1240px) {
|
|
width: 80px;
|
|
height: 80px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
._col-img-thumbnail--text {
|
|
text-align: right;
|
|
margin-top: 20px;
|
|
|
|
@media (max-width: 992px) {
|
|
text-align: center;
|
|
}
|
|
|
|
p {
|
|
color: $cDark;
|
|
font-family: $fInter;
|
|
font-weight: 500;
|
|
font-size: 16px;
|
|
line-height: 19px;
|
|
margin: 0;
|
|
}
|
|
a {
|
|
color: #8c8c8c;
|
|
font-family: $fInter;
|
|
font-weight: 400;
|
|
font-size: 11px;
|
|
line-height: 19px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.box-hp-products-slider {
|
|
#pp-carousel-1 {
|
|
.pp-carousel__header {
|
|
padding-bottom: 65px;
|
|
|
|
.pp-carousel__title {
|
|
color: $cDark;
|
|
font-family: $fInter;
|
|
font-weight: 500;
|
|
font-size: 37px;
|
|
line-height: 1;
|
|
margin: 0;
|
|
}
|
|
.pp-carousel__subtitle {
|
|
display: block;
|
|
padding-top: 20px;
|
|
padding-left: 55px;
|
|
color: $cGold;
|
|
font-family: $fNotoSerifDisplay;
|
|
font-weight: 400;
|
|
font-size: 40px;
|
|
line-height: 1;
|
|
}
|
|
}
|
|
|
|
.pp-carousel__more {
|
|
@extend ._btn-1;
|
|
}
|
|
|
|
.pp-carousel__card {
|
|
.pp-carousel__meta {
|
|
padding-top: 36px;
|
|
|
|
.pp-carousel__name {
|
|
color: $cDark;
|
|
font-family: $fInter;
|
|
font-weight: 700;
|
|
font-size: 20px;
|
|
line-height: 18px;
|
|
text-transform: none;
|
|
}
|
|
.pp-carousel__price {
|
|
color: #8c8c8c;
|
|
font-family: $fInter;
|
|
font-weight: 500;
|
|
font-size: 16px;
|
|
line-height: 18px;
|
|
text-align: right;
|
|
|
|
.pp-carousel__priceSuffix {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|