* {
box-sizing: border-box;
}
html, body {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}
.dialog-off-canvas-main-canvas {
width: 100%;
height: 100%;
}
#maintenance-wrapper {
background-color: #faf5f0;
width: 100%;
height: 100%;
}
#maintenance-wrapper div.maintenance-inner {
display: table;
width: 100%;
height: 100%;
}
#maintenance-wrapper div.maintenance-inner div.maintenance-inner-content {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
}
#maintenance-wrapper div.maintenance-inner div.maintenance-inner-content div.maintenance-content {
max-width: 320px;
margin: auto;
padding: 0px 15px;
text-align: center;
font-family: 'Mont';
font-size: 14px;
font-weight: normal;
font-style: normal;
color: #2f1802;
}
#maintenance-wrapper div.maintenance-inner div.maintenance-inner-content div.maintenance-content a.logo {
width: 280px;
display: block;
margin: 0px auto 15px auto;
}
#maintenance-wrapper div.maintenance-inner div.maintenance-inner-content div.maintenance-content a.logo img {
max-width: 100%;
height: auto;
display: block;
}
#maintenance-wrapper div.maintenance-inner div.maintenance-inner-content div.maintenance-contacts {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
#maintenance-wrapper div.maintenance-inner div.maintenance-inner-content div.maintenance-contacts div.maintenance-contacts-item {
width: 200px;
padding: 15px;
}
#maintenance-wrapper div.maintenance-inner div.maintenance-inner-content div.maintenance-contacts div.maintenance-contacts-item span.contact-description {
display: block;
margin-bottom: 5px;
}
#maintenance-wrapper div.maintenance-inner div.maintenance-inner-content div.maintenance-contacts div.maintenance-contacts-item span.contact-link {
display: block;
}
#maintenance-wrapper div.maintenance-inner div.maintenance-inner-content div.maintenance-contacts div.maintenance-contacts-item span.contact-link a {
color: #2f1802;
text-decoration: none;
}
#maintenance-wrapper div.maintenance-inner div.maintenance-inner-content div.maintenance-contacts div.maintenance-contacts-item span.contact-link a:hover {
color: #2f1802;
text-decoration: underline;
}
#maintenance-wrapper div.maintenance-inner div.maintenance-inner-content div.maintenance-contacts div.maintenance-contacts-item span.contact-link a:focus {
color: #2f1802;
text-decoration: underline;
}
#login-wrapper {
background-color: #faf5f0;
width: 100%;
height: 100%;
}
#login-wrapper div.login-inner {
display: table;
width: 100%;
height: 100%;
}
#login-wrapper div.login-inner div.login-inner-content {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
}
#login-wrapper div.login-inner div.login-inner-content div.login-content {
max-width: 320px;
margin: auto;
padding: 0px 15px;
text-align: center;
font-family: 'Mont';
font-size: 14px;
font-weight: normal;
font-style: normal;
color: #2f1802;
}
#login-wrapper div.login-inner div.login-inner-content div.login-content a.logo {
width: 280px;
display: block;
margin: 0px auto 15px auto;
}
#login-wrapper div.login-inner div.login-inner-content div.login-content a.logo img {
max-width: 100%;
height: auto;
display: block;
}
#user-login-form div {
margin-bottom: 15px;
}
#user-login-form label {
display: block;
margin-bottom: 10px;
}
#user-login-form input#edit-name {
background-color: transparent;
border: 1px solid #ab9885;
border-radius: 8px;
font-family: 'Mont';
font-size: 14px;
font-weight: normal;
font-style: normal;
color: #2f1802;
width: 100%;
height: 32px;
padding: 8px 10px;
display: block;
box-sizing: border-box;
}
#user-login-form input#edit-pass {
background-color: transparent;
border: 1px solid #ab9885;
border-radius: 8px;
font-family: 'Mont';
font-size: 14px;
font-weight: normal;
font-style: normal;
color: #2f1802;
width: 100%;
height: 32px;
padding: 8px 10px;
display: block;
box-sizing: border-box;
}
#user-login-form input#edit-submit {
background-color: #ab9885;
border: 1px solid #ab9885;
border-radius: 8px;
font-family: 'Mont';
font-size: 14px;
font-weight: normal;
font-style: normal;
color: #ffffff;
width: 100%;
padding: 8px 10px;
display: inline-block;
cursor: pointer;
}
#user-pass div {
margin-bottom: 15px;
}
#user-pass label {
display: block;
margin-bottom: 10px;
}
#user-pass input#edit-name {
background-color: transparent;
border: 1px solid #ab9885;
border-radius: 8px;
font-family: 'Mont';
font-size: 14px;
font-weight: normal;
font-style: normal;
color: #2f1802;
width: 100%;
height: 32px;
padding: 8px 10px;
display: block;
box-sizing: border-box;
}
#user-pass input#edit-submit {
background-color: #ab9885;
border: 1px solid #ab9885;
border-radius: 8px;
font-family: 'Mont';
font-size: 14px;
font-weight: normal;
font-style: normal;
color: #ffffff;
width: 100%;
padding: 8px 10px;
display: inline-block;
cursor: pointer;
}
#wrapper {
background-color: #faf5f0;
font-family: 'Mont';
font-size: 14px;
font-weight: normal;
font-style: normal;
color: #2f1802;
}
.header {
padding: 30px 0px;
}
.header-inner {
max-width: 1290px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.main-menu-left {
width: 40%;
}
.main-menu-left ul.menu-inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: left;
padding: 0;
margin: 0;
}
.main-menu-left ul.menu-inner li {
list-style-type: none;
margin: 0px 15px;
position: relative;
height: 32px;
line-height: 28px;
}
/*
.main-menu-left ul.menu-inner li:hover ul {
display: flex;
}
*/
.main-menu-left ul.menu-inner li > span {
background-color: #f7eadf;
border-radius: 25px;
font-size: 14px;
font-weight: 400;
color: #2f1802;
display: block;
padding: 0px 15px;
cursor: pointer;
}
.main-menu-left ul.menu-inner li > span:hover {
background-color: #ffffff;
color: #ed801d;
}
.main-menu-left ul.menu-inner li a {
background-color: #f7eadf;
border-radius: 25px;
font-size: 14px;
font-weight: 400;
color: #2f1802;
text-decoration: none;
padding: 0px 15px;
display: block;
transition: 0.2s;
}
.main-menu-left ul.menu-inner li a:hover {
background-color: #ffffff;
border-radius: 25px;
color: #ed801d;
text-decoration: none;
}
.main-menu-left ul.menu-inner li a:focus {
background-color: #ffffff;
border-radius: 25px;
color: #ed801d;
text-decoration: none;
}
.main-menu-left ul.menu-inner li ul {
background-color: #f7eadf;
border-radius: 25px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: left;
width: 290px;
position: absolute;
top: 40px;
left: 0px;
z-index: 90;
padding: 15px;
margin: 0;
}
.main-menu-left ul.menu-inner li ul li {
list-style-type: none;
margin: 5px 0px;
height: auto;
line-height: normal;
}
.main-menu-left ul.menu-inner li ul li a {
background-color: #f7eadf;
font-size: 14px;
font-weight: 400;
color: #000000;
text-decoration: none;
transition: 0.2s;
}
.main-menu-left ul.menu-inner li ul li a:hover {
background-color: #f7eadf;
color: #ed801d;
text-decoration: none;
}
.main-menu-left ul.menu-inner li ul li a:focus {
background-color: #f7eadf;
color: #ed801d;
text-decoration: none;
}
.main-menu-left ul.menu-inner li ul.no-active-menu {
visibility: hidden;
}
.main-menu-left ul.menu-inner li ul.active-menu {
visibility: visible;
}
.header-logo {
width: 10%;
margin: auto;
}
.header-logo a {
width: 123px;
margin: auto;
display: block;
text-decoration: none;
}
.header-logo a img {
max-width: 100%;
height: auto;
display: block;
}
.main-menu ul.menu-inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
padding: 0;
margin: 0;
}
.main-menu ul.menu-inner li {
list-style-type: none;
margin: 0px 15px;
}
.main-menu ul.menu-inner li a {
font-size: 18px;
font-weight: 400;
color: #000000;
text-decoration: none;
}
.main-menu ul.menu-inner li a:hover {
color: #000000;
text-decoration: none;
}
.main-menu ul.menu-inner li a:focus {
color: #000000;
text-decoration: none;
}
.main-menu-right {
width: 40%;
}
.main-menu-right ul.menu-inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: right;
padding: 0;
margin: 0;
}
.main-menu-right ul.menu-inner li {
list-style-type: none;
margin: 0px 15px;
height: 32px;
line-height: 28px;
}
.main-menu-right ul.menu-inner li a {
background-color: #f7eadf;
border-radius: 25px;
font-size: 14px;
font-weight: 400;
color: #2f1802;
text-decoration: none;
padding: 0px 15px;
display: block;
transition: 0.2s;
}
.main-menu-right ul.menu-inner li a:hover {
background-color: #ffffff;
color: #ed801d;
text-decoration: none;
}
.main-menu-right ul.menu-inner li a:focus {
background-color: #ffffff;
color: #ed801d;
color: #ed801d;
text-decoration: none;
}
.mobile-menu {
display: none;
margin-left: auto;
margin-right: 15px;
}
.mobile-menu span.mobile-menu-open {
font-family: 'NK170';
font-size: 22px;
font-weight: normal;
font-style: normal;
text-transform: uppercase;
display: block;
cursor: pointer;
}
.mobile-menu div.mobile-menu-content {
background-color: #faf5f0;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
z-index: 100;
}
.mobile-menu div.mobile-menu-content div.mobile-menu-content-inner {
display: flex;
flex-direction: row;
justify-content: center;
align-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.mobile-menu div.mobile-menu-content div.mobile-menu-content-inner div.mobile-menu-content-menu ul.menu-inner {
padding: 0;
margin: 0;
}
.mobile-menu div.mobile-menu-content div.mobile-menu-content-inner div.mobile-menu-content-menu ul.menu-inner li {
list-style-type: none;
text-align: center;
margin: 10px;
}
.mobile-menu div.mobile-menu-content div.mobile-menu-content-inner div.mobile-menu-content-menu ul.menu-inner li>span {
font-family: 'NK170';
font-size: 22px;
font-weight: normal;
font-style: normal;
color: #2f1802;
text-transform: uppercase;
text-decoration: none;
display: none;
}
.mobile-menu div.mobile-menu-content div.mobile-menu-content-inner div.mobile-menu-content-menu ul.menu-inner li a {
font-family: 'NK170';
font-size: 22px;
font-weight: normal;
font-style: normal;
color: #2f1802;
text-transform: uppercase;
text-decoration: none;
}
.mobile-menu div.mobile-menu-content div.mobile-menu-content-inner div.mobile-menu-content-menu ul.menu-inner li a:hover {
color: #2f1802;
text-decoration: none;
}
.mobile-menu div.mobile-menu-content div.mobile-menu-content-inner div.mobile-menu-content-menu ul.menu-inner li a:focus {
color: #2f1802;
text-decoration: none;
}
.mobile-menu div.mobile-menu-content div.mobile-menu-content-inner div.mobile-menu-content-menu ul.menu-inner li ul {
padding: 0;
margin: 0;
display: block !important;
}
.mobile-menu div.mobile-menu-content div.mobile-menu-content-inner span.mobile-menu-close {
font-family: 'NK170';
font-size: 22px;
font-weight: normal;
font-style: normal;
text-transform: uppercase;
display: block;
cursor: pointer;
position: absolute;
top: 65px;
right: 30px;
}
.block-title {
font-family: 'NK170';
font-size: 52px;
font-weight: normal;
font-style: normal;
color: #2f1802;
text-transform: uppercase;
text-align: center;
margin-bottom: 30px;
margin-top: 15px;
}
.intro {
max-width: 1290px;
margin-left: auto;
margin-right: auto;
margin-bottom: 60px;
padding-top: 0px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 30px;
}
.intro div.block-content {
position: relative;
height: 300px;
}
.intro div.block-content div.intro-title {
position: absolute;
top: 0;
left: 0;
}
.intro div.block-content div.intro-title h2 {
font-family: 'NK170';
font-size: 100px;
font-weight: normal;
font-style: normal;
line-height: 110px;
color: #2f1802;
text-transform: uppercase;
margin-top: 10px;
}
.intro div.block-content div.intro-advantages {
position: absolute;
left: 0;
bottom: 15px;
}
.intro div.block-content div.intro-advantages ul {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
padding: 0;
margin: 0;
justify-content: left;
}
.intro div.block-content div.intro-advantages ul li {
border-right: 1px solid #2f1802;
font-size: 18px;
font-style: italic;
list-style-type: none;
padding: 0px 15px;
}
.intro div.block-content div.intro-advantages ul li:last-child {
border-right: 0px;
}
.intro div.block-content div.intro-description {
position: absolute;
width: 520px;
bottom: 0;
right: 0;
}
.intro div.block-content div.intro-description p {
font-size: 18px;
}
.products-gallery {
margin-bottom: 60px;
}
.products-gallery div.slick div.slide-item {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 25px;
width: 340px;
height: 340px;
margin: auto;
}
.products-gallery div.slick img {
border-radius: 25px;
max-width: 100%;
height: auto;
display: block;
margin: auto;
}
.advantages {
max-width: 1290px;
margin-left: auto;
margin-right: auto;
padding-top: 0px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 30px;
}
.advantages div.block-content {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
}
.advantages div.block-content div.advantages-item {
text-align: center;
padding: 15px;
}
.advantages div.block-content div.advantages-item:first-child {
text-align: left;
width: 380px;
padding: 0;
}
.advantages div.block-content div.advantages-item h2 {
font-family: 'NK170';
font-size: 52px;
font-weight: normal;
font-style: normal;
color: #2f1802;
text-transform: uppercase;
margin-bottom: 90px;
margin-top: 90px;
position: relative;
z-index: 2;
}
.advantages div.block-content div.advantages-item h2 span {
position: relative;
z-index: 3;
}
.advantages div.block-content div.advantages-item h2:before {
background-color: #f7eadf;
border-radius: 50%;
content: '';
width: 200px;
height: 200px;
display: block;
position: absolute;
top: -50px;
left: -80px;
z-index: 1;
}
.advantages div.block-content div.advantages-item img.advantages-item-icon {
display: block;
margin: 0px auto 5px auto;
}
.advantages div.block-content div.advantages-item span.advantages-item-label {
font-size: 18px;
font-weight: normal;
font-style: normal;
color: #2f1802;
display: block;
margin: 0px auto 5px auto;
}
.advantages div.block-content div.advantages-item span.advantages-item-description {
font-weight: normal;
font-style: normal;
color: #aB9885;
display: block;
margin: 0px auto 5px auto;
}
.products-catalog {
background-color: #ffffff;
border-radius: 150px;
padding: 60px 0px;
margin-bottom: 60px;
}
.products-catalog-items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
height: 1250px;
}
.products-catalog-item {
border-radius: 25px;
position: relative;
margin-right: 15px;
margin-bottom: 15px;
z-index: 1;
overflow: hidden;
}
.products-catalog-item:nth-child(1) {
width: 410px;
height: 250px;
}
.products-catalog-item:nth-child(2) {
width: 410px;
height: 375px;
}
.products-catalog-item:nth-child(3) {
width: 410px;
height: 500px;
}
.products-catalog-item:nth-child(4) {
width: 410px;
height: 500px;
position: relative;
bottom: 250px;
}
.products-catalog-item:nth-child(5) {
width: 410px;
height: 375px;
position: relative;
bottom: 125px;
}
.products-catalog-item:nth-child(6) {
width: 410px;
height: 250px;
}
.products-catalog-item:nth-child(7) {
width: 410px;
height: 375px;
bottom: 245px;
}
.products-catalog-item:nth-child(8) {
width: 410px;
height: 375px;
bottom: 245px;
}
.products-catalog-item:nth-child(9) {
width: 410px;
height: 375px;
bottom: 245px;
}
.products-catalog-item:nth-child(3n) {
margin-right: 0px;
}
.products-catalog-item a.products-catalog-item-link {
width: 100%;
height: 100%;
color: #ffffff;
text-decoration: none;
display: block;
position: absolute;
z-index: 6;
}
.products-catalog-item div.products-catalog-item-image {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.products-catalog-item div.products-catalog-item-background {
background-color: #2f1802;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 3;
opacity: 0.3;
}
.products-catalog-item div.products-catalog-item-title {
font-size: 20px;
text-transform: uppercase;
position: absolute;
top: 30px;
left: 30px;
z-index: 4;
}
.products-catalog-item div.products-catalog-item-decription {
font-size: 16px;
position: absolute;
bottom: 15px;
left: 30px;
z-index: 5;
display: none;
}
.products-catalog-item a.products-catalog-item-link:hover div.products-catalog-item-background {
opacity: 0.8;
}
.products-catalog-item a.products-catalog-item-link:hover div.products-catalog-item-decription {
display: block;
}
.products-catalog-mobile {
background-color: #ffffff;
border-radius: 75px;
padding: 60px 0px;
margin-bottom: 60px;
display: none;
}
.products-catalog-mobile h2.block-title {
font-size: 32px;
}
.products-catalog-mobile div.products-catalog-items-mobile {
position: relative;
}
.products-catalog-mobile div.products-catalog-items-mobile div.products-catalog-item-mobile {
border-radius: 25px;
width: 300px;
height: 250px;
position: relative;
margin: auto;
z-index: 1;
overflow: hidden;
}
.products-catalog-mobile div.products-catalog-items-mobile div.products-catalog-item-mobile a.products-catalog-item-link {
width: 100%;
height: 100%;
color: #ffffff;
text-decoration: none;
display: block;
position: absolute;
z-index: 6;
}
.products-catalog-mobile div.products-catalog-items-mobile div.products-catalog-item-mobile div.products-catalog-item-image {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.products-catalog-mobile div.products-catalog-items-mobile div.products-catalog-item-mobile div.products-catalog-item-background {
background-color: #2f1802;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 3;
opacity: 0.3;
}
.products-catalog-mobile div.products-catalog-items-mobile div.products-catalog-item-mobile div.products-catalog-item-title {
font-size: 20px;
text-transform: uppercase;
position: absolute;
top: 30px;
left: 30px;
z-index: 4;
}
.products-catalog-mobile div.products-catalog-items-mobile div.products-catalog-item-mobile a.products-catalog-item-link:hover div.products-catalog-item-background {
opacity: 0.8;
}
.products-catalog-carousel {
margin-top: 15px;
margin-bottom: 30px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.products-catalog-carousel div.products-catalog-carousel-item {
margin: 0px 0px 10px 0px;
}
.products-catalog-carousel div.slick div.products-catalog-carousel-item {
margin: auto;
}
.products-catalog-carousel div.slick div.products-catalog-carousel-item a {
background-color: #f7eadf;
border-radius: 25px;
color: #2f1802;
text-align: center;
text-decoration: none;
display: block;
padding: 10px 15px;
margin: 0px 5px;
}
.products-catalog-carousel div.slick div.products-catalog-carousel-item a:hover {
background-color: #ffffff;
color: #ed801d;
text-decoration: none;
}
.products-catalog-carousel div.slick div.products-catalog-carousel-item a:focus {
background-color: #ffffff;
color: #ed801d;
text-decoration: none;
}
.products-catalog-carousel div.products-catalog-carousel-item a {
background-color: #f7eadf;
border-radius: 25px;
color: #2f1802;
text-align: center;
text-decoration: none;
display: inline-block;
padding: 10px 15px;
margin: 0px 5px;
}
.products-catalog-carousel div.products-catalog-carousel-item a:hover {
background-color: #ffffff;
color: #ed801d;
text-decoration: none;
}
.products-catalog-carousel div.products-catalog-carousel-item a:focus {
background-color: #ffffff;
color: #ed801d;
text-decoration: none;
}
.products-catalog-carousel div.slick div.slick-slide {
margin: auto;
}
.products-catalog-carousel div.slick div.slick-slide a {
background-color: #f7eadf;
border-radius: 25px;
color: #2f1802;
text-align: center;
text-decoration: none;
display: block;
padding: 10px 15px;
margin: 0px 5px;
}
.products-catalog-carousel div.slick div.slick-slide a:hover {
background-color: #ffffff;
color: #ed801d;
text-decoration: none;
}
.products-catalog-carousel div.slick div.slick-slide a:focus {
background-color: #ffffff;
color: #ed801d;
text-decoration: none;
}
.product-reviews {
position: relative;
margin-bottom: 30px;
}
.product-reviews h2 {
font-family: 'NK170';
font-size: 52px;
font-weight: normal;
font-style: normal;
color: #2f1802;
text-transform: uppercase;
margin-bottom: 90px;
margin-top: 90px;
position: relative;
z-index: 2;
}
.product-reviews h2 span {
position: relative;
z-index: 3;
}
.product-reviews h2:before {
background-color: #f7eadf;
border-radius: 50%;
content: '';
width: 200px;
height: 200px;
display: block;
position: absolute;
top: -70px;
left: -80px;
z-index: 1;
}
.post-review {
background-color: #ed801d;
border: 1px solid #ed801d;
border-radius: 25px;
font-family: 'Mont';
font-size: 14px;
font-weight: normal;
font-style: normal;
color: #ffffff;
text-align: center;
text-transform: uppercase;
width: 220px;
padding: 8px 10px;
margin: 20px 0px;
display: block;
cursor: pointer;
}
.form-product-review {
display: none;
}
.open-form-product-review {
display: block;
}
.form-product-review div.field--name-field-product-review-user-name {
margin-bottom: 10px;
}
.form-product-review div.field--name-field-product-review-user-name label {
display: block;
margin-bottom: 5px;
}
.form-product-review div.field--name-field-product-review-user-name input[type="text"] {
background-color: #ffffff;
border: 1px solid #ab9885;
border-radius: 4px;
font-family: 'Mont';
font-size: 14px;
font-weight: normal;
font-style: normal;
color: #2f1802;
width: 100%;
padding: 8px 10px;
display: block;
}
.form-product-review div.field--name-field-product-review {
margin-bottom: 10px;
}
.form-product-review div.field--name-field-product-review label {
display: block;
margin-bottom: 5px;
}
.form-product-review div.field--name-field-product-review textarea {
background-color: #ffffff;
border: 1px solid #ab9885;
border-radius: 4px;
font-family: 'Mont';
font-size: 14px;
font-weight: normal;
font-style: normal;
color: #2f1802;
width: 100%;
padding: 8px 10px;
display: block;
}
.form-product-review div.field--name-field-product-review div.form-item div.js-filter-wrapper {
display: none;
}
.form-product-review div.field--name-field-product {
display: none;
}
.form-product-review div.form-actions input[type="submit"] {
background-color: #ed801d;
border: 1px solid #ed801d;
border-radius: 25px;
font-family: 'Mont';
font-size: 14px;
font-weight: normal;
font-style: normal;
color: #ffffff;
text-align: center;
text-transform: uppercase;
width: 220px;
padding: 8px 10px;
margin: 20px 0px;
display: block;
cursor: pointer;
}
.similar-products {
position: relative;
margin-bottom: 30px;
}
.similar-products h2 {
font-family: 'NK170';
font-size: 52px;
font-weight: normal;
font-style: normal;
color: #2f1802;
text-transform: uppercase;
margin-bottom: 90px;
margin-top: 90px;
position: relative;
z-index: 2;
}
.similar-products h2 span {
position: relative;
z-index: 3;
}
.similar-products h2:before {
background-color: #f7eadf;
border-radius: 50%;
content: '';
width: 200px;
height: 200px;
display: block;
position: absolute;
top: -70px;
left: -80px;
z-index: 1;
}
.similar-products div.slick ul.slick-dots {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
text-align: center;
padding: 0;
}
.similar-products div.slick ul.slick-dots li {
list-style-type: none;
}
.similar-products div.slick ul.slick-dots li button {
background-color: #2f1802;
border: 0;
border-radius: 5px;
font-size: 0px;
width: 8px;
height: 8px;
margin: 3px;
opacity: 0.2;
}
.similar-products div.slick ul.slick-dots li.slick-active button {
opacity: 1;
}
.messages {
max-width: 1290px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.message {
margin-bottom: 15px;
}
.breadcrumbs {
max-width: 1290px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.breadcrumb {
color: #ab9885;
margin-bottom: 15px;
}
.breadcrumbs ol.breadcrumbs-items {
padding: 0;
margin: 0;
}
.breadcrumbs ol.breadcrumbs-items li {
display: inline-block;
vertical-align: middle;
list-style-type: none;
}
.breadcrumbs ol.breadcrumbs-items li a {
color: #ab9885;
text-decoration: none;
}
.breadcrumbs ol.breadcrumbs-items li a:hover {
color: #ab9885;
text-decoration: underline;
}
.breadcrumbs ol.breadcrumbs-items li a:focus {
color: #ab9885;
text-decoration: underline;
}
.page-title {
max-width: 1290px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.page-title h1 {
font-family: 'NK170';
font-size: 52px;
font-weight: normal;
font-style: normal;
color: #2f1802;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 15px;
}
.tasks {
max-width: 1290px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.task {
margin-bottom: 15px;
}
.tasks ul.tasks-items {
padding: 0;
margin: 0;
}
.tasks ul.tasks-items li {
display: inline-block;
vertical-align: middle;
list-style-type: none;
}
.tasks ul.tasks-items li a {
background-color: #f7eadf;
border-radius: 25px;
font-size: 12px;
color: #2f1802;
text-decoration: none;
display: block;
padding: 8px 15px;
}
.tasks ul.tasks-items li a:hover {
background-color: #f7eadf;
color: #2f1802;
text-decoration: none;
}
.tasks ul.tasks-items li a:focus {
background-color: #f7eadf;
color: #2f1802;
text-decoration: none;
}
.user-page {
max-width: 1290px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.user-page div.user-page-inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
align-items: center;
}
.user-page div.user-page-inner div.user-page-left {
width: 20%;
padding-right: 15px;
}
.user-page div.user-page-inner div.user-page-right {
width: 80%;
}
.page-filters {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
margin-top: 10px;
margin-bottom: 10px;
align-items: center;
}
.page-filters-top {
background: rgb(247,234,223);
background: linear-gradient(90deg, rgba(247,234,223,0) 0%, rgba(247,234,223,1) 50%, rgba(247,234,223,0) 100%);
max-width: 1000px;
height: 1px;
margin-left: auto;
margin-right: auto;
}
.page-filters-bottom {
background: rgb(247,234,223);
background: linear-gradient(90deg, rgba(247,234,223,0) 0%, rgba(247,234,223,1) 50%, rgba(247,234,223,0) 100%);
max-width: 1000px;
height: 1px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
.page-filters fieldset[data-drupal-selector="edit-field-product-min-price-value-wrapper"] {
border: none;
padding: 0;
}
.page-filters fieldset[data-drupal-selector="edit-field-product-min-price-value-wrapper"] legend {
display: none;
}
.page-filters fieldset[data-drupal-selector="edit-field-product-min-price-value-wrapper"] div.fieldset-wrapper {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.page-filters div:nth-child(3) {
margin-left: auto;
}
.page-filters fieldset[data-drupal-selector="edit-field-product-min-price-value-wrapper"] div.fieldset-wrapper input[data-drupal-selector="edit-field-product-min-price-value-min"] {
border: 1px solid #ab9885;
border-radius: 4px;
font-family: 'Mont';
font-size: 14px;
font-weight: normal;
font-style: normal;
color: #2f1802;
width: 110px;
height: 28px;
padding: 8px 10px;
margin-right: 5px;
display: inline-block;
-webkit-appearance: textfield;
-moz-appearance: textfield;
-ms-appearance: textfield;
appearance: textfield;
}
.page-filters fieldset[data-drupal-selector="edit-field-product-min-price-value-wrapper"] div.fieldset-wrapper input[data-drupal-selector="edit-field-product-min-price-value-max"] {
border: 1px solid #ab9885;
border-radius: 4px;
font-family: 'Mont';
font-size: 14px;
font-weight: normal;
font-style: normal;
color: #2f1802;
width: 110px;
height: 28px;
padding: 8px 10px;
margin-right: 5px;
display: inline-block;
-webkit-appearance: textfield;
-moz-appearance: textfield;
-ms-appearance: textfield;
appearance: textfield;
}
.page-filters div.form-item-sort-by label {
display: none;
}
.page-filters div.form-item-sort-by select {
background-color: transparent;
border: none;
font-family: 'Mont';
font-size: 14px;
font-weight: normal;
font-style: normal;
color: #2f1802;
}
.page-filters div.form-item-sort-by select option {
background-color: transparent;
border: none;
font-family: 'Mont';
font-size: 14px;
font-weight: normal;
font-style: normal;
color: #2f1802;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
}
.page {
max-width: 1290px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.page h2.page-title {
font-family: 'NK170';
font-size: 52px;
font-weight: normal;
font-style: normal;
color: #2f1802;
text-transform: uppercase;
text-align: center;
margin-bottom: 10px;
margin-top: 15px;
}
.catalog {
background-color: #ffffff;
border-radius: 25%;
padding: 30px 0px;
}
.catalog h2 {
}
.products-items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.product-item-flower {
background-image: url('../img/flowers.webp');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 25px;
width: 300px;
height: 450px;
margin-right: 15px;
margin-bottom: 15px;
}
.products-item {
width: auto;
height: auto;
max-width: 300px;
min-height: 415px;
margin-right: 15px;
margin-bottom: 15px;
}
.products-item:nth-child(4n) {
margin-right: 0px;
}
.product-teaser {
position: relative;
width: auto;
height: auto;
max-width: 300px;
min-height: 415px;
}
.product-teaser div.product-teaser-image {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 25px;
width: 300px;
height: 250px;
margin-bottom: 15px;
position: relative;
z-index: 1;
}
.product-teaser img {
border-radius: 25px;
max-width: 100%;
height: auto;
display: inline-block;
}
.product-teaser div.product-teaser-image a {
border-radius: 25px;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
transition: 0.2s;
}
.product-teaser div.product-teaser-image a:hover {
background-color: #2f1802;
opacity: 0.8;
}
.product-teaser h3.product-title {
font-size: 18px;
font-weight: normal;
color: #2f1802;
height: 50px;
margin-top: 5px;
margin-bottom: 5px;
}
.product-teaser h3.product-title a {
text-decoration: none;
color: #2f1802;
}
.product-teaser h3.product-title a:hover {
text-decoration: none;
color: #ed801d;
}
.product-teaser h3.product-title a:focus {
text-decoration: none;
color: #ed801d;
}
.product-teaser div.product-small-description {
width: 100%;
height: 90px;
overflow: hidden;
position: relative;
font-size: 14px;
font-weight: 300;
color: #ab9885;
}
.product-teaser div.product-small-description:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 40px;
background: linear-gradient(180deg, transparent, #faf5f0 50%);
}
.product-teaser div.product-attributes {
position: absolute;
bottom: 30px;
left: 0;
width: 100%;
display: flex;
align-items: center;
}
.product-teaser div.product-attributes div.product-item-min-price {
font-size: 18px;
font-weight: normal;
color: #2f1802;
width: 50%;
}
.product-teaser div.product-attributes div.product-link {
display: flex;
justify-content: right;
width: 50%;
}
.product-teaser div.product-attributes div.product-link a {
font-size: 16px;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
color: #ed801d;
padding-right: 30px;
}
.product-teaser div.product-attributes div.product-link a:hover {
text-decoration: none;
}
.product-teaser div.product-attributes div.product-link a:focus {
text-decoration: none;
}
.product-page {
max-width: 1290px;
margin-left: auto;
margin-right: auto;
padding-top: 30px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 30px;
}
.product-page div.product-page-inner {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.product-page-title {
font-family: 'NK170';
font-size: 52px;
font-weight: normal;
font-style: normal;
color: #2f1802;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 15px;
}
.product-page div.product-page-inner div.product-page-left {
width: 50%;
margin-bottom: 30px;
}
.product-page div.product-page-inner div.product-page-left img {
max-height: 100%;
height: auto;
display: block;
}
.product-page div.product-page-inner div.product-page-left div.slick--main {
border-radius: 25px;
overflow: hidden;
margin-bottom: 15px;
position: relative;
z-index: 1;
}
.product-page div.product-page-inner div.product-page-left div.slick--main img {
border-radius: 25px;
max-height: 100%;
height: auto;
display: block;
}
.product-page div.product-page-inner div.product-page-left div.slick--main nav.slick__arrow {
width: 100%;
position: absolute;
top: 45%;
z-index: 2;
}
.product-page div.product-page-inner div.product-page-left div.slick--main nav.slick__arrow button.slick-prev {
background-color: transparent;
border: none;
font-size: 0;
width: 32px;
height: 32px;
display: block;
position: absolute;
left: 30px;
z-index: 3;
}
.product-page div.product-page-inner div.product-page-left div.slick--main nav.slick__arrow button.slick-prev:before {
background-image: url('/themes/custom/aromake/img/slick-prev-button-2.webp');
background-repeat: no-repeat;
background-position: center;
content: '';
width: 32px;
height: 32px;
position: absolute;
top: 0;
left: 0;
z-index: 4;
cursor: pointer;
}
.product-page div.product-page-inner div.product-page-left div.slick--main nav.slick__arrow button.slick-next {
background-color: transparent;
border: none;
font-size: 0;
width: 32px;
height: 32px;
display: block;
position: absolute;
right: 30px;
z-index: 3;
}
.product-page div.product-page-inner div.product-page-left div.slick--main nav.slick__arrow button.slick-next:before {
background-image: url('/themes/custom/aromake/img/slick-next-button-2.webp');
background-repeat: no-repeat;
background-position: center;
content: '';
width: 32px;
height: 32px;
position: absolute;
top: 0;
left: 0;
z-index: 4;
cursor: pointer;
}
.product-page div.product-page-inner div.product-page-left div.slick--thumbnail {
text-align: center;
}
.product-page div.product-page-inner div.product-page-left div.slick--thumbnail img {
border-radius: 12px;
margin: auto;
}
.product-page div.product-page-inner div.product-page-right {
width: 50%;
padding-left: 30px;
margin-bottom: 30px;
}
/*
.product-items {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.product-items div.product-items-left {
width: 70%;
margin-bottom: 15px;
}
.product-items div.product-items-right {
background-color: #ffffff;
border-radius: 25px;
width: 30%;
padding: 15px;
text-align: center;
margin-bottom: 15px;
}
.product-items div.product-items-right div.product-price {
font-size: 22px;
font-weight: bold;
}
.product-items div.product-items-right span.product-items-label {
font-size: 14px;
font-weight: normal;
color: #ab9885;
margin-bottom: 15px;
display: block;
}
.product-items div.product-items-right span.product-items-border {
background: rgb(247,234,223);
background: linear-gradient(90deg, rgba(247,234,223,0) 0%, rgba(247,234,223,1) 50%, rgba(247,234,223,0) 100%);
width: 80px;
height: 1px;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}
*/
.product-page div.product-page-inner div.product-page-right div.product-item {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-bottom: 15px;
}
.product-page div.product-page-inner div.product-page-right div.product-item div.product-item-label {
font-weight: bold;
}
.product-page div.product-page-inner div.product-page-right div.product-item div.product-item-content {
margin-left: 5px;
}
.product-page div.product-page-inner div.product-page-right div.product-item-volume {
display: block;
}
.product-page div.product-page-inner div.product-page-right div.product-item-volume div.product-item-label {
font-weight: bold;
margin-bottom: 10px;
}
.product-page div.product-page-inner div.product-page-right div.product-item-volume div.product-item-content {
margin-left: 5px;
}
.product-page div.product-page-inner div.product-page-right div.product-item-volume div.product-item-content span.product-item-content-volume-label {
background-color: #f7eadf;
border: 1px solid #f7eadf;
border-radius: 2px;
color: #2f1802;
padding: 4px 8px;
display: inline-block;
vertical-align: middle;
cursor: pointer;
}
.product-page div.product-page-inner div.product-page-right div.product-item-volume div.product-item-content div.product-item-content-volume-description {
margin-top: 10px;
}
.product-page div.product-page-inner div.product-page-right div.product-item-volume div.product-item-content span.active-volume-label {
border: 1px solid #ed801d;
}
.product-page div.product-page-inner div.product-page-right div.product-item-price {
position: relative;
margin-bottom: 0px;
}
.product-page div.product-page-inner div.product-page-right div.product-item-price div.product-item-content {
font-size: 32px;
font-weight: bold;
display: none;
}
.product-page div.product-page-inner div.product-page-right div.product-item-price div.active-price {
display: block;
}
div.product-item-number {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
position: relative;
}
div.product-item-number span.product-number-plus {
font-size: 16px;
color: #dddddd;
display: block;
position: absolute;
top: 12px;
left: 15px;
cursor: pointer;
width: 10px;
height: 10px;
line-height: 10px;
text-align: center;
}
div.product-item-number span.product-number-minus {
font-size: 16px;
color: #dfd9d9;
display: block;
position: absolute;
top: 12px;
right: 20px;
cursor: pointer;
width: 10px;
height: 10px;
line-height: 10px;
text-align: center;
}
input.product-number {
font-family: 'Mont';
font-size: 14px;
font-weight: normal;
font-style: normal;
display: block;
width: 100px;
height: 35px;
text-align: center;
border: 1px solid #ddd;
border-radius: 20px;
padding: 0px 15px;
margin-right: 5px;
-moz-appearance: textfield;
}
input.product-number::-webkit-outer-spin-button {
-webkit-appearance: none;
}
input.product-number::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.product-page div.product-page-inner div.product-page-right div.product-item a.product-buy-link {
background-color: #ed801d;
border-radius: 25px;
font-size: 14px;
font-weight: normal;
text-align: center;
text-decoration: none;
text-transform: uppercase;
color: #ffffff;
min-width: 150px;
padding: 8px 15px;
/*margin-top: 15px;*/
display: block;
}
.product-page div.product-page-inner div.product-page-right div a.product-buy-link:hover {
text-decoration: none;
color: #ffffff;
}
.product-page div.product-page-inner div.product-page-right div a.product-buy-link:focus {
text-decoration: none;
color: #ffffff;
}
.product-page div.product-page-inner div.product-page-right div.product-small-description {
position: relative;
display: block;
margin-bottom: 15px;
}
.product-page div.product-page-inner div.product-page-right div.product-small-description a {
color: #2f1802;
text-decoration: none;
}
.product-page div.product-page-inner div.product-page-right div.product-small-description a:hover {
color: #2f1802;
text-decoration: underline;
}
.product-page div.product-page-inner div.product-page-right div.product-small-description a:focus {
color: #2f1802;
text-decoration: underline;
}
.product-page div.product-page-inner div.product-page-right div.product-price-comment {
background-color: #f7eadf;
border-left: 4px solid #ed801d;
padding-left: 15px;
width: 100%;
}
.product-page div.product-page-inner div.product-page-right div.product-info-links {
background-color: #f7eadf;
border-left: 4px solid #ed801d;
padding: 15px;
width: 100%;
flex-direction: column;
}
.product-page div.product-page-inner div.product-page-right div.product-info-links span.product-info-links-title {
display: block;
margin-bottom: 10px;
}
.product-page div.product-page-inner div.product-page-right div.product-info-links a.product-info-links-link {
font-size: 14px;
font-weight: normal;
font-style: normal;
color: #2f1802;
text-decoration: none;
display: block;
margin-left: 20px;
margin-bottom: 5px;
}
.product-page div.product-page-inner div.product-page-right div.product-info-links a.product-info-links-link:hover {
color: #2f1802;
text-decoration: underline;
}
.product-page div.product-page-inner div.product-page-right div.product-info-links a.product-info-links-link:focus {
color: #2f1802;
text-decoration: underline;
}
.product-page div.product-page-inner div.product-page-right div.product-description {
position: relative;
margin-bottom: 15px;
margin-top: 15px;
display: block;
}
.product-page div.product-page-inner div.product-page-right div.product-description a {
color: #2f1802;
text-decoration: none;
}
.product-page div.product-page-inner div.product-page-right div.product-description a:hover {
color: #2f1802;
text-decoration: underline;
}
.product-page div.product-page-inner div.product-page-right div.product-description a:focus {
color: #2f1802;
text-decoration: underline;
}
.product-page div.product-page-inner div.product-page-right div.product-can-color {
flex-direction: column;
}
.product-page div.product-page-inner div.product-page-right div.product-can-color div.product-item-label {
font-weight: bold;
margin-bottom: 10px;
}
.product-page div.product-page-inner div.product-page-right div.product-can-color div.product-item-content {
margin-left: 0px;
}
.product-page div.product-page-inner div.product-page-right div.product-can-color div.product-item-content span.product-item-content-can-color-label {
background-color: #f7eadf;
border: 1px solid #f7eadf;
border-radius: 2px;
color: #2f1802;
padding: 4px 8px;
display: inline-block;
vertical-align: middle;
cursor: pointer;
}
.product-page div.product-page-inner div.product-page-right div.product-can-color div.product-item-content span.active-can-color-label {
border: 1px solid #ed801d;
}
/* Поле Цвет крышки */
.product-page div.product-page-inner div.product-page-right div.product-cap-color {
flex-direction: column;
}
.product-page div.product-page-inner div.product-page-right div.product-cap-color div.product-item-label {
font-weight: bold;
margin-bottom: 10px;
}
.product-page div.product-page-inner div.product-page-right div.product-cap-color div.product-item-content {
margin-left: 0px;
}
.product-page div.product-page-inner div.product-page-right div.product-cap-color div.product-item-content span.product-item-content-cap-color-label {
background-color: #f7eadf;
border: 1px solid #f7eadf;
border-radius: 2px;
color: #2f1802;
padding: 4px 8px;
display: inline-block;
vertical-align: middle;
cursor: pointer;
}
.product-page div.product-page-inner div.product-page-right div.product-cap-color div.product-item-content span.active-cap-color-label {
border: 1px solid #ed801d;
}
/* Поле Цвет крышки */
/* Поле Цвет флакона */
.product-page div.product-page-inner div.product-page-right div.product-bottle-color {
flex-direction: column;
}
.product-page div.product-page-inner div.product-page-right div.product-bottle-color div.product-item-label {
font-weight: bold;
margin-bottom: 10px;
}
.product-page div.product-page-inner div.product-page-right div.product-bottle-color div.product-item-content {
margin-left: 0px;
}
.product-page div.product-page-inner div.product-page-right div.product-bottle-color div.product-item-content span.product-item-content-bottle-color-label {
background-color: #f7eadf;
border: 1px solid #f7eadf;
border-radius: 2px;
color: #2f1802;
padding: 4px 8px;
display: inline-block;
vertical-align: middle;
cursor: pointer;
}
.product-page div.product-page-inner div.product-page-right div.product-bottle-color div.product-item-content span.active-bottle-color-label {
border: 1px solid #ed801d;
}
/* Поле Цвет Флакона */
.product-page div.product-page-inner div.product-page-right div.product-wick {
margin-bottom: 0px;
}
.product-page div.product-page-inner div.product-page-right div.product-notes {
position: relative;
display: block;
}
.product-page div.product-page-inner div.product-page-right div.product-notes div.product-notes-name {
font-weight: bold;
margin-bottom: 5px;
}
.product-page div.product-page-inner div.product-page-right div.product-notes div.product-note {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.product-page div.product-page-inner div.product-page-right div.product-notes div.product-note-label {
font-weight: bold;
}
.product-page div.product-page-inner div.product-page-right div.product-notes div.product-note-content {
margin-left: 5px;
}
.product-page div.product-page-inner div.product-page-center {
width: 100%;
}
.product-page-info-hidden {
display: none;
}
.bottom-inner {
max-width: 1290px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.reviews {
position: relative;
max-width: 1290px;
margin-left: auto;
margin-right: auto;
margin-bottom: 60px;
padding-top: 0px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 30px;
}
.reviews h2 {
font-family: 'NK170';
font-size: 52px;
font-weight: normal;
font-style: normal;
color: #2f1802;
text-transform: uppercase;
margin-bottom: 90px;
margin-top: 90px;
position: relative;
z-index: 2;
}
.reviews h2 span {
position: relative;
z-index: 3;
}
.reviews h2:before {
background-color: #f7eadf;
border-radius: 50%;
content: '';
width: 200px;
height: 200px;
display: block;
position: absolute;
top: -70px;
left: -80px;
z-index: 1;
}
.reviews div.slick img {
border-radius: 25px;
display: block;
margin: auto !important;
}
.reviews div.slick ul.slick-dots {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
text-align: center;
padding: 0;
}
.reviews div.slick ul.slick-dots li {
list-style-type: none;
}
.reviews div.slick ul.slick-dots li button {
background-color: #2f1802;
border: 0;
border-radius: 5px;
font-size: 0px;
width: 8px;
height: 8px;
margin: 3px;
opacity: 0.2;
}
.reviews div.slick ul.slick-dots li.slick-active button {
opacity: 1;
}
.reviews div.review-item {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 25px;
width: 234px;
height: 378px;
margin: auto;
}
.reviews div.review-item span.photoswipe-gallery {
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
display: block;
}
.subscription {
background-color: #f7eadf;
border-radius: 25px;
padding: 30px;
margin-bottom: 30px;
}
.subscription h2 {
text-align: center;
margin-top: 0px;
margin-bottom: 15px;
}
.subscription div.form-wrapper {
max-width: 680px;
margin: auto;
}
.subscription div.form-wrapper div#edit-message {
text-align: center;
max-width: 460px;
margin: 0px auto 20px auto;
}
.subscription div.form-wrapper div.field--name-mail {
max-width: 380px;
margin: 0px auto 20px auto;
}
.subscription div.form-wrapper div.field--name-mail label {
display: none;
}
.subscription div.form-wrapper div.field--name-mail input[type="email"] {
background-color: #ffffff;
border: 1px solid #ab9885;
border-radius: 4px;
font-family: 'Mont';
font-size: 14px;
font-weight: normal;
font-style: normal;
color: #2f1802;
width: 100%;
padding: 8px 10px;
display: block;
}
.subscription div.form-wrapper div.field--name-mail div.description {
text-align: center;
margin: 5px 0px;
}
.subscription div.form-wrapper div.field--name-field-first-name {
display: none;
}
.subscription div.form-wrapper div.field--name-field-last-name {
display: none;
}
.subscription div.form-wrapper div.field--name-field-city {
display: none;
}
.subscription div.form-wrapper div.form-actions input[type="submit"] {
background-color: #ed801d;
border-radius: 25px;
border: none;
font-family: 'Mont';
font-size: 14px;
font-weight: normal;
font-style: normal;
text-align: center;
text-decoration: none;
color: #ffffff;
min-width: 150px;
padding: 8px 15px;
margin: 15px auto 0px auto;
display: block;
cursor: pointer;
}
.footer {
background-color: #f7eadf;
border-top-left-radius: 150px;
border-top-right-radius: 150px;
padding: 30px 0px;
}
.footer-inner {
max-width: 1290px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
align-content: center;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.footer-logo {
width: 20%;
}
.footer-logo div.block-content {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.footer-logo div.block-content a {
width: 100px;
display: block;
margin-left: 40px;
}
.footer-logo div.block-content a img {
max-width: 100%;
height: auto;
display: block;
}
.footer-contacts {
width: 40%;
}
.footer-contacts div.block-content {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.footer-contacts div.block-content span.footer-contacts-title {
font-size: 18px;
font-weight: 400;
color: #92806f;
display: block;
margin-bottom: 5px;
}
.footer-contacts div.block-content span.footer-contacts-phone {
font-size: 14px;
font-weight: 400;
color: #92806f;
display: block;
margin-bottom: 5px;
}
.footer-contacts div.block-content span.footer-contacts-phone a {
font-size: 14px;
font-weight: 400;
color: #92806f;
text-decoration: none;
}
.footer-contacts div.block-content span.footer-contacts-phone a:hover {
color: #92806f;
text-decoration: underline;
}
.footer-contacts div.block-content span.footer-contacts-phone a:focus {
color: #92806f;
text-decoration: underline;
}
.footer-contacts div.block-content span.footer-contacts-mail {
font-size: 14px;
font-weight: 400;
color: #92806f;
display: block;
margin-bottom: 5px;
}
.footer-contacts div.block-content span.footer-contacts-mail a {
font-size: 14px;
font-weight: 400;
color: #92806f;
text-decoration: none;
}
.footer-contacts div.block-content span.footer-contacts-mail a:hover {
color: #92806f;
text-decoration: underline;
}
.footer-contacts div.block-content span.footer-contacts-mail a:focus {
color: #92806f;
text-decoration: underline;
}
.footer-contacts div.block-content span.footer-contacts-address {
font-size: 14px;
font-weight: 400;
color: #92806f;
display: block;
margin-top: 5px;
margin-bottom: 5px;
}
.footer-menu {
width: 40%;
}
.footer-menu ul.menu-inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: left;
padding: 0;
margin: 0;
}
.footer-menu ul.menu-inner li {
list-style-type: none;
margin: 0px auto;
}
.footer-menu ul.menu-inner li span {
font-size: 18px;
font-weight: 400;
color: #92806f;
display: block;
margin-bottom: 5px;
}
.footer-menu ul.menu-inner li a {
font-size: 16px;
font-weight: 400;
color: #92806f;
text-decoration: none;
}
.footer-menu ul.menu-inner li a:hover {
color: #92806f;
text-decoration: none;
}
.footer-menu ul.menu-inner li a:focus {
color: #92806f;
text-decoration: none;
}
.footer-menu ul.menu-inner li ul {
padding-left: 0px;
}
.footer-menu ul.menu-inner li ul li {
margin: 0px 0px 5px 0px;
}
.footer-menu ul.menu-inner li ul li a {
font-size: 14px;
font-weight: 400;
color: #92806f;
text-decoration: none;
}
.footer-menu ul.menu-inner li ul li a:hover {
color: #92806f;
text-decoration: underline;
}
.footer-menu ul.menu-inner li ul li a:focus {
color: #92806f;
text-decoration: underline;
}
.footer-social-links {
width: 200px;
margin-top: 30px;
margin-right: 30px;
}
.footer-social-links div.block-content {
text-align: center;
}
.footer-social-links div.block-content span.footer-social-links-title {
font-size: 14px;
font-weight: 400;
color: #92806f;
display: block;
margin-bottom: 5px;
}
.footer-social-links div.block-content ul.footer-social-links-items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding: 0;
margin: 0;
width: 200px;
}
.footer-social-links div.block-content ul.footer-social-links-items li {
list-style: none;
width: 36px;
height: 36px;
margin-right: 5px;
}
.footer-social-links div.block-content ul.footer-social-links-items li a {
background-repeat: no-repeat;
background-size: cover;
width: 36px;
height: 36px;
display: block;
}
.footer-social-links div.block-content ul.footer-social-links-items li a.whatsapp {
background-image: url('../img/white-footer-social-links-bg.png');
background-position: 0px 0px;
}
.footer-social-links div.block-content ul.footer-social-links-items li a.telegram {
background-image: url('../img/white-footer-social-links-bg.png');
background-position: -36px 0px;
}
.footer-social-links div.block-content ul.footer-social-links-items li a.vkontakte {
background-image: url('../img/white-footer-social-links-bg.png');
background-position: -72px 0px ;
}
.footer-social-links div.block-content ul.footer-social-links-items li a.pinterest {
background-image: url('../img/white-footer-social-links-bg.png');
background-position: -108px 0px;
}
.yandex-reviews {
width: 160px;
margin-top: 30px;
}
.rules {
width: 860px;
margin-top: 30px;
}
.rules div.block-content {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
width: 100%;
}
.rules ul.rules-links {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: right;
padding: 0;
margin: 0;
width: 100%;
}
.rules ul.rules-links li {
list-style-type: none;
margin-right: 10px;
}
.rules ul.rules-links li a {
font-size: 14px;
font-weight: 400;
color: #92806f;
text-decoration: none;
}
.rules ul.rules-links li a:hover {
color: #92806f;
text-decoration: none;
}
.rules ul.rules-links li a:focus {
color: #92806f;
text-decoration: none;
}
.rules p {
font-size: 14px;
font-weight: 400;
color: #92806f;
text-align: right;
width: 50%;
}
.popup-bg {
background-color: rgba(47, 24, 2, 0.5);
width: 100%;
height: 100%;
position: fixed;
z-index: 2;
top: 0;
left: 0;
display: none;
}
.popup-bg div.popup-inner {
display: table;
width: 100%;
height: 100%;
}
.popup-bg div.popup-inner div.popup-content {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
}
.product-order {
background-color: #ffffff;
max-width: 630px;
padding: 30px 15px 15px 15px;
margin: auto;
position: relative;
}
.product-order span.form-close {
font-family: 'NK170';
font-size: 18px;
font-weight: normal;
font-style: normal;
text-transform: uppercase;
display: block;
cursor: pointer;
display: block;
position: absolute;
right: 30px;
top: 30px;
}
.product-order h2 {
font-family: 'NK170';
font-size: 42px;
font-weight: normal;
font-style: normal;
line-height: normal;
color: #2f1802;
text-transform: uppercase;
text-align: center;
}
.product-order div.product-order-form {
max-width: 380px;
margin: auto;
}
.product-order div.product-order-form div {
margin-bottom: 10px;
}
.product-order div.product-order-form div input[name="product_order_user_name"] {
background-color: #ffffff;
border: 1px solid #ab9885;
border-radius: 4px;
font-family: 'Mont';
font-size: 14px;
font-weight: normal;
font-style: normal;
color: #2f1802;
width: 100%;
padding: 8px 10px;
display: block;
}
.product-order div.product-order-form div input[name="product_order_user_name"]:focus {
border: 1px solid #ed801d;
}
.product-order div.product-order-form div input[name="product_order_user_phone"] {
background-color: #ffffff;
border: 1px solid #ab9885;
border-radius: 4px;
font-family: 'Mont';
font-size: 14px;
font-weight: normal;
font-style: normal;
color: #2f1802;
width: 100%;
padding: 8px 10px;
display: block;
}
.product-order div.product-order-form div input[name="product_order_user_phone"]:focus {
border: 1px solid #ed801d;
}
.product-order div.product-order-form div input[name="product_order_user_email"] {
background-color: #ffffff;
border: 1px solid #ab9885;
border-radius: 4px;
width: 100%;
font-family: 'Mont';
font-size: 14px;
font-weight: normal;
font-style: normal;
color: #2f1802;
padding: 8px 10px;
display: block;
}
.product-order div.product-order-form div input[name="product_order_user_email"]:focus {
border: 1px solid #ed801d;
}
.product-order div.product-order-form div textarea[name="product_order_user_comment"] {
background-color: #ffffff;
border: 1px solid #ab9885;
border-radius: 4px;
font-family: 'Mont';
font-size: 14px;
font-weight: normal;
font-style: normal;
color: #2f1802;
width: 100%;
padding: 8px 10px;
display: block;
}
.product-order div.product-order-form div textarea[name="product_order_user_comment"]:focus {
border: 1px solid #ed801d;
}
.product-order div.product-order-form div textarea[name="product_order_info"] {
background-color: #ffffff;
border: 1px solid #ab9885;
border-radius: 4px;
font-family: 'Mont';
font-size: 14px;
font-weight: normal;
font-style: normal;
color: #2f1802;
width: 100%;
padding: 8px 10px;
display: none;
}
.product-order div.product-order-form div input[name="op"] {
background-color: #ed801d;
border: 1px solid #ed801d;
border-radius: 25px;
font-family: 'Mont';
font-size: 14px;
font-weight: normal;
font-style: normal;
color: #ffffff;
text-align: center;
text-transform: uppercase;
width: 220px;
padding: 8px 10px;
margin: 20px auto 30px auto;
display: block;
cursor: pointer;
}
.no-scroll {
overflow: hidden;
}
.term-description h2, h3, h4, h5, h6 {
font-family: 'Mont';
font-size: 26px;
font-weight: bold;
font-style: normal;
color: #2f1802;
margin: 15px 0px;
}
.term-description {
position: relative;
width: 100%;
height: 100px;
overflow: hidden;
margin-bottom: 30px;
}
.term-description a {
color: #2f1802;
text-decoration: none;
}
.term-description a:hover {
color: #2f1802;
text-decoration: underline;
}
.term-description a:focus {
color: #2f1802;
text-decoration: underline;
}
.open-term-description {
height: auto;
overflow: none;
}
.term-description:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 50px;
background: linear-gradient(180deg, transparent, #faf5f0 50%);
}
.term-description-open {
background-color: #f7eadf;
border-radius: 25px;
font-size: 14px;
font-weight: 400;
color: #2f1802;
display: inline-block;
padding: 5px 15px;
margin-bottom: 60px;
cursor: pointer;
}
.term-description-open:hover {
background-color: #ffffff;
color: #ed801d;
}
.term-description-open:focus {
background-color: #ffffff;
color: #ed801d;
}
/*
.term-description h2, h3, h4, h5, h6 {
font-family: 'NK170';
font-size: 52px;
font-weight: normal;
font-style: normal;
color: #2f1802;
text-transform: uppercase;
text-align: center;
margin-bottom: 15px;
margin-top: 15px;
}
*/
iframe#telegram-post-candlelavka-25 {
background-color: #faf5f0 !important;
color-scheme: none !important;
}
.about {
font-size: 16px;
position: relative;
padding-bottom: 30px;
}
.about div.about-master {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
width: 100%;
margin-bottom: 30px;
}
.about h2.about-title {
font-family: 'NK170';
font-size: 48px;
font-weight: normal;
font-style: normal;
color: #2f1802;
text-transform: uppercase;
text-align: center;
margin-top: 10px;
}
.about div.about-master div.about-master-left {
width: 40%;
padding-right: 30px;
}
.about div.about-master div.about-master-left img.about-image {
border-radius: 25px;
max-width: 100%;
height: auto;
display: block;
}
.about div.about-master div.about-master-right {
width: 60%;
}
.about p.about-items-description {
text-align: center;
}
.about div.about-items {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
width: 100%;
}
.about div.about-items div.about-item {
width: 25%;
text-align: center;
padding: 30px 15px;
}
.about div.about-items div.about-item span.about-item-icon {
width: 100px;
height: 100px;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
.about div.about-items div.about-item span.about-item-icon img {
width: 100px;
height: 100px;
display: block;
}
.about div.about-items div.about-item p.about-item-content {
font-size: 14px;
margin-bottom: 10px;
}
.corporative-clients {
position: relative;
padding-bottom: 60px;
}
.corporative-clients h1.corporative-clients-title {
font-family: 'NK170';
font-size: 48px;
font-weight: normal;
font-style: normal;
color: #2f1802;
text-transform: uppercase;
text-align: center;
margin-top: 10px;
}
.corporative-clients h2.corporative-clients-advantages-title {
font-family: 'NK170';
font-size: 48px;
font-weight: normal;
font-style: normal;
color: #2f1802;
text-transform: uppercase;
text-align: center;
margin-top: 10px;
}
.corporative-clients h3.corporative-clients-about-title {
font-family: 'NK170';
font-size: 48px;
font-weight: normal;
font-style: normal;
color: #2f1802;
text-transform: uppercase;
text-align: left;
margin-top: 10px;
margin-bottom: 10px;
}
.corporative-clients h3.corporative-clients-portfolio-title {
font-family: 'NK170';
font-size: 48px;
font-weight: normal;
font-style: normal;
color: #2f1802;
text-transform: uppercase;
text-align: center;
margin-top: 10px;
}
.corporative-clients h3.corporative-clients-description-title {
font-family: 'NK170';
font-size: 48px;
font-weight: normal;
font-style: normal;
color: #2f1802;
text-transform: uppercase;
text-align: center;
margin-top: 10px;
}
.corporative-clients div.corporative-clients-intro {
border-radius: 25px;
background-image: url('/themes/custom/aromake/img/corporative-client-intro.jpg');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 100%;
min-height: 620px;
margin-bottom: 60px;
}
.corporative-clients div.corporative-clients-advantages {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
width: 100%;
margin-bottom: 60px;
}
.corporative-clients div.corporative-clients-advantages div.corporative-clients-advantages-item {
width: 380px;
margin: auto;
text-align: center;
}
.corporative-clients div.corporative-clients-advantages div.corporative-clients-advantages-item span.item-number {
display: inline-block;
background-color: #f7eadf;
width: 100px;
height: 100px;
border-radius: 50%;
font-family: 'NK170';
font-size: 42px;
line-height: 90px;
}
.corporative-clients div.corporative-clients-advantages div.corporative-clients-advantages-item p {
font-size: 16px;
}
.corporative-clients div.corporative-clients-about {
width: 100%;
}
.corporative-clients div.corporative-clients-about div.corporative-clients-about-item {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
width: 100%;
margin-bottom: 60px;
}
.corporative-clients div.corporative-clients-about div.corporative-clients-about-item div.corporative-clients-about-item-left {
width: 50%;
}
.corporative-clients div.corporative-clients-about div.corporative-clients-about-item div.corporative-clients-about-item-left p {
font-size: 16px;
}
.corporative-clients div.corporative-clients-about div.corporative-clients-about-item div.corporative-clients-about-item-right {
width: 50%;
}
.corporative-clients div.corporative-clients-about div.corporative-clients-about-item div.corporative-clients-about-item-right div.about-image-first {
border-radius: 25px;
background-image: url('/themes/custom/aromake/img/about-1.jpg');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 320px;
height: 468px;
margin: auto;
}
.corporative-clients div.corporative-clients-about div.corporative-clients-about-item div.corporative-clients-about-item-right div.about-image-second {
border-radius: 25px;
background-image: url('/themes/custom/aromake/img/about-2.jpg');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 320px;
height: 468px;
margin: auto;
}
.corporative-clients div.corporative-clients-description {
font-size: 16px;
margin-bottom: 60px;
}
.corporative-clients div.corporative-clients-form {
max-width: 580px;
margin-left: auto;
margin-right: auto;
margin-bottom: 60px;
}
.corporative-clients div.corporative-clients-form h2 {
font-family: 'NK170';
font-size: 48px;
font-weight: normal;
font-style: normal;
color: #2f1802;
text-transform: uppercase;
text-align: center;
margin-top: 10px;
}
.corporative-clients div.corporative-clients-form div.corporative-order div {
margin-bottom: 10px;
}
.corporative-clients div.corporative-clients-form div.corporative-order div input[name="corporative_order_user_name"] {
background-color: #ffffff;
border: 1px solid #ab9885;
border-radius: 4px;
font-family: 'Mont';
font-size: 14px;
font-weight: normal;
font-style: normal;
color: #2f1802;
width: 100%;
padding: 8px 10px;
display: block;
}
.corporative-clients div.corporative-clients-form div.corporative-order div input[name="corporative_order_user_name"]:focus {
border: 1px solid #ed801d;
}
.corporative-clients div.corporative-clients-form div.corporative-order div input[name="corporative_order_user_phone"] {
background-color: #ffffff;
border: 1px solid #ab9885;
border-radius: 4px;
font-family: 'Mont';
font-size: 14px;
font-weight: normal;
font-style: normal;
color: #2f1802;
width: 100%;
padding: 8px 10px;
display: block;
}
.corporative-clients div.corporative-clients-form div.corporative-order div input[name="corporative_order_user_phone"]:focus {
border: 1px solid #ed801d;
}
.corporative-clients div.corporative-clients-form div.corporative-order div input[name="corporative_order_user_email"] {
background-color: #ffffff;
border: 1px solid #ab9885;
border-radius: 4px;
width: 100%;
font-family: 'Mont';
font-size: 14px;
font-weight: normal;
font-style: normal;
color: #2f1802;
padding: 8px 10px;
display: block;
}
.corporative-clients div.corporative-clients-form div.corporative-order div input[name="corporative_order_user_email"]:focus {
border: 1px solid #ed801d;
}
.corporative-clients div.corporative-clients-form div.corporative-order div textarea[name="corporative_order_user_comment"] {
background-color: #ffffff;
border: 1px solid #ab9885;
border-radius: 4px;
font-family: 'Mont';
font-size: 14px;
font-weight: normal;
font-style: normal;
color: #2f1802;
width: 100%;
padding: 8px 10px;
display: block;
}
.corporative-clients div.corporative-clients-form div.corporative-order div textarea[name="corporative_order_user_comment"]:focus {
border: 1px solid #ed801d;
}
.corporative-clients div.corporative-clients-form div.corporative-order div input[name="op"] {
background-color: #ed801d;
border: 1px solid #ed801d;
border-radius: 25px;
font-family: 'Mont';
font-size: 14px;
font-weight: normal;
font-style: normal;
color: #ffffff;
text-align: center;
text-transform: uppercase;
width: 220px;
padding: 8px 10px;
margin: 20px auto 30px auto;
display: block;
cursor: pointer;
}
.corporative-clients div.corporative-clients-form a.corporative-clients-form-btn {
display: block;
width: 180px;
margin: auto;
text-align: center;
background-color: #f7eadf;
padding: 12px 15px;
border-radius: 25px;
text-decoration: none;
font-size: 16px;
color: #2f1802;
}
.corporative-clients div.corporative-clients-form a.corporative-clients-form-btn:hover {
text-decoration: none;
color: #2f1802;
}
.corporative-clients div.corporative-clients-form a.corporative-clients-form-btn:focus {
text-decoration: none;
color: #2f1802;
}
.corporative-clients div.corporative-clients-form div.corporative-clients-form-inner {
display: none;
}
.corporative-clients div.corporative-clients-portfolio div.corporative-clients-portfolio-items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 100%;
}
.corporative-clients div.corporative-clients-portfolio div.corporative-clients-portfolio-items div.corporative-clients-portfolio-item {
border-radius: 25px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 280px;
height: 380px;
margin: 0px auto 30px auto;
}
.corporative-clients div.corporative-clients-portfolio div.corporative-clients-portfolio-items div.corporative-clients-portfolio-item:nth-child(1) {
background-image: url('/themes/custom/aromake/img/corporative-clients-portfolio-item-1.jpg');
}
.corporative-clients div.corporative-clients-portfolio div.corporative-clients-portfolio-items div.corporative-clients-portfolio-item:nth-child(2) {
background-image: url('/themes/custom/aromake/img/corporative-clients-portfolio-item-2.jpg');
}
.corporative-clients div.corporative-clients-portfolio div.corporative-clients-portfolio-items div.corporative-clients-portfolio-item:nth-child(3) {
background-image: url('/themes/custom/aromake/img/corporative-clients-portfolio-item-3.jpg');
}
.corporative-clients div.corporative-clients-portfolio div.corporative-clients-portfolio-items div.corporative-clients-portfolio-item:nth-child(4) {
background-image: url('/themes/custom/aromake/img/corporative-clients-portfolio-item-4.jpg');
}
.corporative-clients div.corporative-clients-portfolio div.corporative-clients-portfolio-items div.corporative-clients-portfolio-item:nth-child(5) {
background-image: url('/themes/custom/aromake/img/corporative-clients-portfolio-item-5.jpg');
}
.corporative-clients div.corporative-clients-portfolio div.corporative-clients-portfolio-items div.corporative-clients-portfolio-item:nth-child(6) {
background-image: url('/themes/custom/aromake/img/corporative-clients-portfolio-item-6.jpg');
}
span.phone-number-description {
font-size: 16px;
color: #2f1802;
text-align: center;
display: block;
margin-top: 30px;
}
a.phone-number {
font-size: 22px;
color: #2f1802;
text-align: center;
text-decoration: none;
display: block;
margin-top: 10px;
}
a.phone-number:hover {
color: #2f1802;
text-decoration: none;
}
a.phone-number:focus {
color: #2f1802;
text-decoration: none;
}
span.email-description {
font-size: 16px;
color: #2f1802;
text-align: center;
display: block;
margin-top: 30px;
}
a.email {
font-size: 22px;
color: #2f1802;
text-align: center;
text-decoration: none;
display: block;
margin-top: 10px;
}
a.email:hover {
color: #2f1802;
text-decoration: none;
}
a.email:focus {
color: #2f1802;
text-decoration: none;
}
span.social-contacts-description {
font-size: 16px;
color: #2f1802;
text-align: center;
display: block;
margin-top: 30px;
}
ul.social-contacts {
padding: 0px 0px 15px 0px;
margin: 0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
}
ul.social-contacts li {
list-style: none;
margin: 5px;
}
ul.social-contacts li a {
background-color: #ffffff;
border-radius: 25px;
box-shadow: 0px 0px 5px #f7eadf;
font-size: 16px;
color: #2f1802;
text-align: center;
text-decoration: none;
width: 180px;
display: block;
padding: 10px 15px;
position: relative;
}
ul.social-contacts li a:hover {
color: #2f1802;
text-decoration: none;
}
ul.social-contacts li a:focus {
color: #2f1802;
text-decoration: none;
}
ul.social-contacts li a.whatsapp-contact {
background-color: #25d366;
color: #ffffff;
}
ul.social-contacts li a.whatsapp-contact:hover {
background-color: #25d366;
color: #ffffff;
}
ul.social-contacts li a.whatsapp-contact:focus {
background-color: #25d366;
color: #ffffff;
}
ul.social-contacts li a.telegram-contact {
background-color: #24a1de;
color: #ffffff;
}
ul.social-contacts li a.telegram-contact:hover {
background-color: #24a1de;
color: #ffffff;
}
ul.social-contacts li a.telegram-contact:focus {
background-color: #24a1de;
color: #ffffff;
}
ul.social-contacts li a.vk-contact {
background-color: #0077ff;
color: #ffffff;
}
ul.social-contacts li a.vk-contact:hover {
background-color: #0077ff;
color: #ffffff;
}
ul.social-contacts li a.vk-contact:focus {
background-color: #0077ff;
color: #ffffff;
}
ul.social-contacts li a.pinterest-contact {
background-color: #e60023;
color: #ffffff;
}
ul.social-contacts li a.pinterest-contact:hover {
background-color: #e60023;
color: #ffffff;
}
ul.social-contacts li a.pinterest-contact:focus {
background-color: #e60023;
color: #ffffff;
}
ul.to-address {
padding: 0px 0px 15px 0px;
margin: 0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
}
ul.to-address li {
position: relative;
font-size: 14px;
list-style: none;
margin: 30px 5px 5px 5px;
width: 175px;
height: 42px;
text-align: center;
}
ul.to-address li:before {
background-image: url(/themes/custom/aromake/img/address-check.png);
background-position: center;
background-repeat: no-repeat;
content: '';
width: 20px;
height: 20px;
display: block;
position: absolute;
left: 45%;
top: -30px;
}
iframe {
border: none;
}
.master-requisites {
background-color: #f7eadf;
color: #92806f;
max-width: 320px;
margin: auto;
padding: 10px;
}
.media:hover span.media__icon {
visibility: hidden;
}
.form-item--error-message {
padding: 15px 0px;
font-size: 14px;
}
ul.pay-items {
padding: 15px 0px;
margin: 0;
list-style: none;
}
ul.pay-items li.pay-item {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: left;
margin-bottom: 15px;
}
ul.pay-items li.pay-item span.pay-item-image {
width: 46px;
display: block;
margin-right: 15px;
}
ul.pay-items li.pay-item span.pay-item-image img {
max-width: 100%;
height: auto;
display: block;
}
ul.pay-items li.pay-item span.pay-item-content {
font-size: 16px;
display: block;
}
ul.shipping-items {
padding: 15px 0px;
margin: 0;
list-style: none;
}
ul.shipping-items li.shipping-item {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: left;
margin-bottom: 15px;
}
ul.shipping-items li.shipping-item span.shipping-item-image {
width: 46px;
display: block;
margin-right: 15px;
}
ul.shipping-items li.shipping-item span.shipping-item-image img {
max-width: 100%;
height: auto;
display: block;
}
ul.shipping-items li.shipping-item span.shipping-item-content {
font-size: 16px;
display: block;
}
ul.material-items {
padding: 15px 0px;
margin: 0;
list-style: none;
}
ul.material-items li.material-item {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: left;
margin-bottom: 20px;
}
ul.material-items li.material-item span.material-item-image {
width: 64px;
display: block;
margin-right: 15px;
}
ul.material-items li.material-item span.material-item-image img {
max-width: 100%;
height: auto;
display: block;
}
ul.material-items li.material-item span.material-item-content {
font-size: 16px;
display: block;
}
.info-items {
margin-bottom: 30px;
}
.info-items div.info-item {
margin-bottom: 30px;
}
.article-teaser {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
margin-bottom: 40px;
}
.article-teaser div.article-teaser-left {
width: 20%;
padding-right: 30px;
}
.article-teaser div.article-teaser-left img {
border-radius: 25px;
max-width: 100%;
height: auto;
display: block;
margin: auto;
}
.article-teaser div.article-teaser-right {
width: 80%;
}
.article-teaser div.article-teaser-right h2.article-header {
font-weight: normal;
margin-top: 0;
margin-bottom: 0;
}
.article-teaser div.article-teaser-right h2.article-header a {
text-decoration: none;
color: #2f1802;
}
.article-teaser div.article-teaser-right h2.article-header a:hover {
text-decoration: underline;
color: #2f1802;
}
.article-teaser div.article-teaser-right h2.article-header a:focus {
text-decoration: underline;
color: #2f1802;
}
.article-teaser div.article-teaser-right div.article-small-description {
font-size: 14px;
color: #92806f;
margin-bottom: 15px;
}
.article-teaser div.article-teaser-right div.article-link {
}
.article-teaser div.article-teaser-right div.article-link a {
background-color: #f7eadf;
border-radius: 25px;
font-size: 14px;
font-weight: 400;
color: #2f1802;
text-decoration: none;
display: inline-block;
padding: 5px 15px;
}
.article-teaser div.article-teaser-right div.article-link a:hover {
background-color: #ffffff;
color: #ed801d;
text-decoration: none;
}
.article-teaser div.article-teaser-right div.article-link a:focus {
background-color: #ffffff;
color: #ed801d;
text-decoration: none;
}
.article-icon {
width: 64px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.article-full h2, h3, h4, h5, h6 {
font-family: 'Mont';
font-size: 26px;
font-weight: bold;
font-style: normal;
color: #2f1802;
margin: 15px 0px;
}
.article-full div.article-image {
max-width: 600px;
margin: auto;
}
.article-full div.article-image img {
max-width: 100%;
border-radius: 25px;
height: auto;
display: block;
}
.article-full a {
color: #2f1802;
text-decoration: none;
}
.article-full a:hover {
color: #2f1802;
text-decoration: underline;
}
.article-full a:focus {
color: #2f1802;
text-decoration: underline;
}
.article-full div.article-full-info {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
width: 100%;
margin-top: 30px;
margin-bottom: 30px;
}
.article-full div.article-full-info div.views-element-container {
width: 50%;
}
.article-full div.article-author-info {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
width: 100%;
}
.article-full div.article-author-info div.article-author-left {
width: 20%;
}
.article-full div.article-author-info div.article-author-left img {
border-radius: 50%;
display: block;
margin: auto;
}
.article-full div.article-author-info div.article-author-right {
width: 80%;
}
.article-full div.article-author-info div.article-author-right div.article-author-name {
font-size: 18px;
}
.article-full div.article-author-info div.article-author-right div.article-author-about {
font-size: 14px;
}
.article-full div.article-date-info {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}
.article-full div.article-date-info div.article-date-info-date {
width: 50%;
}
.article-full div.article-date-info div.article-date-info-view {
width: 50%;
}
.share-buttons {
margin: 30px 0px;
}
.share-buttons span.share-buttons-title {
display: block;
margin-bottom: 10px;
}
.review-page {
margin-bottom: 30px;
}
.offers-items {
margin-bottom: 30px;
}
.offers {
max-width: 1290px;
margin-left: auto;
margin-right: auto;
margin-bottom: 60px;
}
.offers-items div.offers-item {
background-color: #ffffff;
border-radius: 30px;
padding: 30px 30px 60px 30px;
position: relative;
z-index: 1;
}
.offers-items div.offers-item:after {
background-image: url('../img/offers-item-bg.webp');
background-repeat: repeat;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
content: '';
display: block;
opacity: 0.3;
}
.offers-items div.offers-item article.offer-teaser {
max-width: 960px;
margin: auto;
text-align: center;
position: relative;
z-index: 3;
}
.offers-items div.offers-item article.offer-teaser a.offer-btn {
background-color: #ed801d;
border-radius: 25px;
font-size: 14px;
font-weight: 400;
color: #ffffff;
text-decoration: none;
padding: 8px 25px;
margin: auto;
display: inline-block;
transition: 0.2s;
}
.offers-items div.offers-item article.offer-teaser a.offer-btn:hover {
background-color: #ed801d;
color: #ffffff;
text-decoration: none;
}
.new-year-lights {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 100;
}
.hidden-content {
display: none;
}