* {
outline: none;
color: #32353a;
}
html {
overflow-x: hidden;
}
body {
margin: 0;
font-family: 'Montserrat';
background-color: #FFF;
overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5 {
font-family: 'Montserrat';
color: #4c4c51;
width: 100%;
text-align: center;
}
h2 {
font-size: 26px;
color: rgb(51, 62, 80);
font-weight: 600;
padding-bottom: 20px;
width: 100%;
}
.h-right{
text-align: right;
position:relative;
}
.h-right:before{
content: '';
display: block;
height: 7px;
width: calc(50vw - 500px);
background-color: #2e9e85;
position: absolute;
right: calc(567px - 50vw);
top: 60px;
}
.h-left{
text-align: left;
position:relative;
}
.h-left:before{
content: '';
display: block;
height: 7px;
width: calc(50vw - 500px);
background-color: #2e9e85;
position: absolute;
left: calc(564px - 50vw);
top: 72px;
}
.h-left.big {
font-size:110px;
}
h1 {
font-size: 30px;
font-weight: bold;
margin-bottom: 30px;
text-align: center;
width: 100%;
}
*,
*:before,
*:after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
/* ---BUTTONS--- */
.btn-1 {
font-family: 'Montserrat';
background-color: #2e9e85;
width: 100%;
height: 40px;
color: #FFF;
font-size: 16px;
font-weight: 500;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
cursor: pointer;
display: block;
text-align: center;
text-decoration: none;
border: none;
background-image: url(../../image/images/bg/button2.png);
background-size: cover;
background-position: center;
max-width: 220px;
}
.form-submit-button,
.contact-form input[type=submit],
.contact-form button, .btn-incart {
border: none;
background-color: #2e9e85;
font-family: 'Montserrat';
color: #FFF;
font-size: 18px;
font-weight: 500;
padding: 20px;
border-radius: 35px;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
background-image: url(../../image/images/bg/button1.png);
width: 100%;
background-size: cover;
background-position: center;
cursor: pointer;
text-decoration: none;
display: block;
text-align: center;
}
.btn-reset {
border: none;
height: 45px;
width: max-content;
font-size: 16px;
font-weight: 500;
color: #2e9e85;
display: block;
text-decoration: underline;
cursor: pointer;
font-family: 'Montserrat';
text-align: left;
padding-left: 30px;
background-image: url(../../image/images/icons/close.png);
background-repeat: no-repeat;
background-position: 87% center;
background-color: unset;
padding-right: 40px;
line-height: 44px;
float: left;
margin-top: -10px!important;
}
.btn-sort-by-date {
display: block;
cursor: pointer;
width: 150px;
height: 60px;
background-color: inherit;
border: 1px solid #7fc143;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
background-image: url(../../image/images/icons/calendar.png);
background-repeat: no-repeat;
background-position: 20px center;
padding-left: 50px;
line-height: 60px;
text-decoration: none;
color: #7fc143;
}
.btn-sort-by-popular {
display: block;
cursor: pointer;
width: 200px;
height: 60px;
background-color: inherit;
border: none;
background-image: url(../../image/images/icons/star.png);
background-repeat: no-repeat;
background-position: 20px 17px;
padding-left: 50px;
line-height: 60px;
text-decoration: none;
color: #4c4c51;
}
.btn-white {
font-family: 'Montserrat';
border-style: solid;
border-width: 1px;
border-color: rgb(76, 76, 81);
background-color: #FFF;
width: 100%;
height: 50px;
color: #4c4c51;
font-size: 16px;
font-weight: 500;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
cursor: pointer;
display: block;
text-align: center;
line-height: 45px;
text-decoration: none;
}
.btn-2 {
font-family: 'Montserrat';
height: 45px;
border-radius: 23px;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
border: 1px solid #fba826;
text-align: center;
line-height: 45px;
color: #fba826;
font-size: 17px;
background-color: #FFF;
padding-left: 25px;
padding-right: 25px;
cursor: pointer;
}
.btn-back {
background-image: url(../../image/images/icons/back-arrows.png);
background-repeat: no-repeat;
background-position: 20px center;
color: #2e9e85;
text-decoration: underline;
display: block;
text-align: center;
padding-left: 25px;
padding-right: 25px;
font-size: 18px;
}
.p-rel {
position: relative;
}
/* ---FORMS--- */
.contact-form input[type=text] {
width: 100%;
font-size: 18px;
font-family: 'Montserrat';
padding: 20px;
border-radius: 35px;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border: 1px solid;
border-color: rgb(182, 188, 198);
margin-bottom: 20px;
transition: 300ms;
}
.contact-form input.nospam {
width: 0px;
height: 0px;
padding: 0;
margin: 0;
opacity: 0;
position: absolute;
}
.contact-form input[type=text]:focus, .contact-form textarea:focus{
border-color: rgb(182, 188, 198);
border-color: rgb(46, 158, 133);
background-color: rgb(248, 252, 251);
}
.contact-form input[type=checkbox],
.form-1 input[type=checkbox] {
display: none;
}
.contact-form textarea {
width: 100%;
height: 120px;
font-size: 18px;
font-family: 'Montserrat';
padding: 20px;
border-radius: 35px;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border: 1px solid;
border-color: rgb(182, 188, 198);
margin-bottom: 20px;
transition: 300ms;
margin-left: 10px;
margin-right: 15px;
}
.contact-form input[type=checkbox]:checked + label span,
.form-1 input[type=checkbox]:checked + label span {
background: url(../../image/images/icons/checkbox1.png) -23px top no-repeat;
position: relative;
display: block;
width: 23px;
height: 23px;
}
.contact-form input[type=checkbox] + label span,
.form-1 input[type=checkbox] + label span {
position: relative;
display: block;
width: 23px;
height: 23px;
background: url(../../image/images/icons/checkbox1.png) left top no-repeat;
cursor: pointer;
}
.contact-form.cb-plant {
margin-top: 5px;
line-height: 21px;
}
.contact-form.cb-plant b {
color: #2e9e85;
margin-left: 5px;
font-weight: 400;
}
.contact-form.cb-plant span{
float: left;
margin-right: 6px;
}
.checkbox-f {
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin-bottom: 15px;
}
.checkbox-f input[type=checkbox] {
display: none;
}
.checkbox-f span:nth-of-type(1) {
width: 20px;
height: 20px;
border: 1px solid #cececd;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background-color: #FFF;
display: block;
cursor: pointer;
background-repeat: no-repeat;
background-position: center;
background-size: 12px;
}
.checkbox-f span:nth-of-type(2) {
padding-left: 10px;
}
.checkbox-f input[type=checkbox]:checked ~ span:nth-of-type(1) {
background-image: url(../../image/images/icons/tick.png);
}
.checkbox-f input[type=checkbox]:checked ~ span:nth-of-type(2) {
color: #2e9e85;
}
.checkbox-radio {
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin-bottom: 5px;
font-size: 16px;
}
.checkbox-radio input[type=checkbox],
.radio-1 input[type=radio] {
display: none;
}
.checkbox-radio .cb,
.radio-1 .cb {
width: 19px;
height: 19px;
border: 1px solid #d1d1d1;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
background-color: #FFF;
display: block;
cursor: pointer;
position: relative;
margin-right: 10px;
min-width: 19px;
}
.checkbox-radio .cb:before,
.radio-1 .cb:before {
content: '';
width: 11px;
height: 11px;
border: 1px solid #d1d1d1;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
background-color: #f1f2ef;
position: absolute;
display: block;
top: 3px;
left: 3px;
}
.checkbox-radio input[type=checkbox]:checked ~ .cb:before,
.radio-1 input[type=radio]:checked ~ .cb:before {
background-color: #2e9e85;
}
.checkbox-radio .per {
color: #2e9e85;
margin-left: 5px;
}
.radio-1 {
width: 100%;
margin-bottom: 5px;
font-size: 16px;
}
.radio-1 label {
display: block;
}
.form-1 input[type=text] {
width: 100%;
font-size: 18px;
font-family: 'Montserrat';
height: 55px;
border-radius: 28px;
-webkit-border-radius: 28px;
-moz-border-radius: 28px;
border: 1px solid #c2ced2;
padding-left: 25px;
padding-right: 25px;
}
.form-1 textarea {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border: 1px solid #c2ced2;
width: 100%;
height: 130px;
padding: 15px 25px;
font-size: 18px;
font-family: 'Montserrat';
}
.form-1 input[type=submit],
.form-1 button {
font-family: 'Montserrat';
border-style: solid;
border-width: 1px;
border-color: rgb(251, 180, 73);
background-color: rgb(251, 168, 38);
width: 100%;
height: 55px;
color: #FFF;
font-size: 16px;
font-weight: 500;
border-radius: 28px;
-webkit-border-radius: 28px;
-moz-border-radius: 28px;
cursor: pointer;
display: block;
text-align: center;
line-height: 55px;
text-decoration: none;
}
/*--- HEADER ---*/
.header-bar {
width: 100%;
font-size: 16px;
}
.header-bar .row-bar span {
font-size: 17px;
font-family: 'Montserrat';
color: rgb(76, 76, 81);
text-align: left;
position: relative;
line-height: 50px;
padding-left: 30px;
}
.header-bar .row-bar span:before,
.worktime span:before,
.mail span:before {
content: '';
position: absolute;
width: 25px;
height: 25px;
background-repeat: no-repeat;
background-size: 25px;
left: 0px;
top: -2px;
}
.header-bar .row-bar span b {
font-weight: 500;
}
.worktime span:before {
background-image: url(../../image/images/icons/clock.png);
}
.worktime b {
font-weight: 450;
}
.mail span:before {
background-image: url(../../image/images/icons/mail.png);
}
.header-bar .row-bar .city span:before {
background-image: url(../../image/images/icons/marker.png);
}
.cf {
padding-left: 30px;
}
.favorites, .compare {
width: max-content;
text-align: center;
display: table;
height: 100%;
margin-left: auto;
}
.favorites a, .compare a {
font-size: 12px;
}
.favorites-wrap, .compare-wrap {
display: table-cell;
vertical-align: middle;
padding-left: 5px;
}
.favorites .heart, .compare .icon{
width: 20px;
height: 17px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
font-size: 12px;
font-weight: 600;
text-align: center;
color: #fff;
line-height: 18px;
margin: auto;
}
.favorites .heart {
background-image: url(../../image/images/icons/heart.png);
}
.compare .icon {
background-image: url(../../image/images/icons/compare.png);
}
.header-contact {
width: 100%;
text-align: center;
display: table;
height: 100%;
margin-left: 40px;
}
.header-contact-wrap {
display: table-cell;
vertical-align: middle;
}
.header-bar a {
text-decoration: none;
color: rgb(76, 76, 81);
}
.header-bar .mail a {
text-decoration: underline;
color: rgb(76, 76, 81);
}
.social-icons {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.social-icons a img {
margin: auto 0;
padding: 3px;
height: 32px;
}
.social-icons a {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.search-form {
width: max-content;
position: relative;
margin: auto 0;
}
.search-form .search-input {
font-family: 'Montserrat';
color: #4c4c51;
height: 45px;
border: 1px solid #b7b7b7;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
outline: none;
width: 210px;
font-size: 14px;
padding-left: 20px;
padding-right: 45px;
}
.search-form .search-icon {
background-image: url(../../image/images/icons/search-icon.png);
width: 46px;
height: 46px;
display: block;
background-repeat: no-repeat;
background-size: 95%;
background-position: center;
position: absolute;
z-index: 1;
float: right;
right: -1px;
top: 0px;
cursor: pointer;
}
.callback-button {
border: none;
background-color: #2e9e85;
height: 40px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
min-width: 180px;
cursor: pointer;
font-family: 'Montserrat';
font-size: 14px;
color: #FFF;
position: relative;
}
.callback-button:before {
content: '';
position: absolute;
width: 16px;
height: 16px;
background-image: url(../../image/images/icons/phone-icon.png);
background-repeat: no-repeat;
background-size: 16px;
left: 17px;
top: 11px;
}
.callback-button span {
padding-left: 20px;
margin-top: -2px;
display: block;
color: #FFF;
}
.callback-link {
text-decoration: none;
cursor: pointer;
}
.callback-link:hover {
text-decoration: underline;
}
.contact-phone {
font-family: 'Montserrat';
font-size: 25px;
color: #000;
padding-bottom: 5px;
font-weight: bold;
}
.contact-phone a {
text-decoration: none;
}
.contact-phone a:hover {
text-decoration: underline;
}
.header-cart {
display: table;
background-color: #eaf5f3;
border-radius: 40px;
width: 100%;
height: 80px;
position: relative;
padding-left: 50px;
cursor: pointer;
}
.header-cart a {
float: left;
}
.header-cart span {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
padding-left: 15px;
font-family: 'Montserrat';
font-size: 18px;
}
.header-cart span b {
font-family: 'Montserrat';
font-size: 18px;
font-weight: 600
}
.header-cart .header-cart-info {
margin: auto 0;
width: 100%;
text-align: center;
font-size: 16px;
font-weight: 500;
display: table-cell;
vertical-align: middle;
}
.shopping-bag {
background-image: url(../../image/images/icons/shopping-basket.png);
position: absolute;
left: 25px;
top: 14px;
width: 30px;
height: 50px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
font-size: 16px;
font-weight: 600;
text-align: center;
color: #fff;
line-height: 64px;
}
.worktime {
padding-left: 25px;
background-image: url(../../image/images/icons/clock.png);
background-repeat: no-repeat;
background-position: left;
}
.worktime p {
height: 20px;
font-size: 14px;
}
/* ------------------ MENU-NAV -----------------------*/
.navbar {
width: 100%;
min-height: 55px;
background-color: FFF;
}
.menu-catalog {
width: calc(100% - 15px);
height: 100%;
background-image: -moz-linear-gradient(0deg, rgb(243, 151, 52) 0%, rgb(251, 168, 38) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(243, 151, 52) 0%, rgb(251, 168, 38) 100%);
background-image: -ms-linear-gradient(0deg, rgb(243, 151, 52) 0%, rgb(251, 168, 38) 100%);
min-height: 55px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
cursor: pointer;
}
.menu-catalog .txt {
margin: auto 0;
font-family: 'Montserrat';
font-size: 17px;
color: #FFF;
padding-left: 10px;
}
.navbar nav {
margin: auto 0 auto 0;
width: 100%;
height: 100%;
}
.navbar nav ul {
list-style: none;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
padding: 0;
margin: 0;
width: 100%;
}
.navbar nav ul li {
width: auto;
margin: 0 auto;
min-width: fit-content;
transition: 300ms;
border-top: 6px solid #FFF;
}
.navbar nav ul li:hover {
border-top: 6px solid #2e9e85;
}
.navbar nav ul li a {
font-family: 'Montserrat';
font-size: 16px;
color: #32353a;
text-decoration: none;
padding: 10px;
display: block;
}
.navbar nav ul li.active {
border-top: 6px solid #2e9e85;
}
.navbar-title {
height: 50px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
cursor: pointer;
}
.navbar-title .menutitle {
display: block;
margin: auto 0;
font-family: 'Montserrat';
font-size: 17px;
color: #FFF;
padding-left: 10px;
}
.navbar-menu-button {
width: 25px;
height: 22px;
position: relative;
margin: auto 20px;
}
.navbar-menu-button span {
display: block;
width: 100%;
height: 2px;
background: #FFF;
position: absolute;
transition: .5s;
-webkit-transition: .5s;
}
.navbar-menu-button span:nth-child(1) {
top: 2px;
}
.navbar-menu-button span:nth-child(2) {
top: 10px;
}
.navbar-menu-button span:nth-child(3) {
bottom: 2px;
}
.navbar-collapsed .navbar-menu-button span:nth-child(1),
.navbar-button-open span:nth-child(1) {
transform: rotate(45deg) translateY(10px);
}
.navbar-collapsed .navbar-menu-button span:nth-child(2),
.navbar-button-open span:nth-child(2) {
opacity: 0;
transition: 0s!important;
-webkit-transition: 0s!important;
}
.navbar-collapsed .navbar-menu-button span:nth-child(3),
.navbar-button-open span:nth-child(3) {
transform: rotate(-45deg) translate(1px, -12px);
}
/* ------------------ CATALOG NAV -----------------------*/
.catalog-nav .firstmenu{
list-style: none;
display: flex;
font-size: 14px;
text-align: left;
}
.catalog-nav .firstmenu>li{
display: table-cell;
padding-left: 0px;
height: 45px;
width: min-content;
max-width: 14%;
margin: auto;
background-repeat: no-repeat;
background-position: 0 center;
position: relative;
}
.catalog-nav .firstmenu>li.has-children.collapsed{
height: auto;
min-height: 45px;
}
.catalog-nav .firstmenu a{
text-decoration: none;
display: table;
height: 45px;
}
.firstmenu li span{
display: table-cell;
vertical-align: middle;
padding-left: 10px;
margin-right: 15p;
padding-right: 10px;
}
.firstmenu .icon-wrap{
display: table-cell;
vertical-align: middle;
}
.two_col{
column-count: 2;
-webkit-column-count: 2;
-moz-column-count: 2;
}
@media screen and (min-width: 992px) {
.firstmenu li:hover .submenu {
visibility: visible;
opacity: 1;
}
.catalog-nav .submenu {
visibility: hidden;
opacity: 0;
transition: .3s linear;
position: absolute;
z-index: 999;
background-color: #FFF;
top: 50px;
display: block;
padding-top: 10px;
list-style: none;
box-shadow: 0px 3px 18px 0px rgba(46, 158, 133, 0.22);
padding: 20px;
border-top: 6px solid #2e9e85;
}
.catalog-nav .submenu.left {
left:0;
}
.catalog-nav .submenu.right {
right:0;
}
.catalog-nav .submenu a {
height:unset;
}
.catalog-nav .submenu li {
width: calc(max-content + 5px);
position:relative;
padding-left: 12px;
font-size: 16px;
line-height: 30px;
transition: 300ms;
}
.catalog-nav .submenu li:before {
content: '';
width: 7px;
height: 7px;
border-radius: 50%;
background-color: #2e9e85;
display: block;
position: absolute;
left: 0;
top: 10px;
}
.catalog-nav .submenu li a{
transition: 300ms;
white-space: nowrap;
}
.catalog-nav .submenu li:hover a{
text-decoration: underline;
color: #2e9e85;
font-weight:500;
}
.submenu:before {
content: '';
width: 0;
height: 0;
display: block;
position: absolute;
z-index: 10;
border: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
margin-left: -10px;
border-bottom: 10px solid #2e9e85;
top: -15px;
}
.submenu.left:before {
left: 45px;
}
.submenu.right:before {
right: 45px;
}
}
@media screen and (max-width: 992px) {
.catalog-nav .submenu {
position: inherit;
width: auto;
display: block;
left: auto;
height: 100%;
border-top: 0;
padding-top: 0px;
overflow: hidden;
transition: .7s;
}
.submenu {
max-height: 0;
}
.submenu li {
display: block;
float: unset;
padding: 0px;
text-align: left;
padding-left: 25px;
line-height: 35px;
}
.submenu h4 {
display: none;
}
.firstmenu > li a {
padding-left: 15px;
color: #fff;
}
.firstmenu > .has-children:after {
content: none;
}
.firstmenu > .has-children:before {
content: '';
margin-right: 15px;
width: 16px;
height: 40px;
background-image: url(../../image/images/icons/arrow-down-green.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
display: block;
position: absolute;
right: 0;
transition: .5s
}
.firstmenu > .has-children.collapsed:before {
transform: rotate(180deg);
}
.two_col {
column-count: unset;
-webkit-column-count: unset;
-moz-column-count: unset;
}
}
/*
.catalog-nav-wrap {
position: absolute;
z-index: 9999;
background-color: none;
top: 50px;
left: 15px;
visibility: hidden;
opacity: 0;
transition: .3s linear;
}
.firstmenu li {
line-height: 40px;
padding-left: 25px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.firstmenu > .has-children:after {
content: '';
float: right;
margin-right: 15px;
width: 16px;
height: 40px;
background-image: url(../../image/images/icons/small-arrow.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
display: block;
}
.firstmenu > li:hover {
background-color: #e7dbc7;
}
.firstmenu {
cursor: default;
}
.firstmenu:after {
content: '';
width: 0;
height: 0;
display: block;
position: absolute;
z-index: 10;
border: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
margin-left: -10px;
left: 27px;
border-bottom: 15px solid #fba727;
top: -30px;
}
/*
.menu-catalog:hover +.catalog-nav-wrap{
visibility: visible;
opacity: 1;
}
*/
.navbar-visible {
visibility: visible;
opacity: 1;
}
/*
.catalog-nav-wrap:hover{
visibility: visible;
opacity: 1;
}
*/
/*
.catalog-nav {
border-top: 5px solid;
border-color: #fba727;
margin-top: 20px;
z-index: 999;
background-color: #FFF;
width: max-content;
position: relative;
min-width: 300px;
padding-top: 10px;
padding-bottom: 10px;
}
.catalog-nav a {
text-decoration: none;
font-size: 16px;
color: #4c4c51;
}
.firstmenu > li a {
display: block;
width: 100%;
height: 100%;
}
.catalog-nav ul {
list-style: none;
position: relative;
font-size: 16px;
}
.catalog-nav .submenu {
visibility: hidden;
opacity: 0;
transition: .3s linear;
position: absolute;
z-index: 999;
background-color: #FFF;
top: -15px;
width: 600px;
display: block;
left: 100%;
height: calc(100% + 25px);
border-top: 5px solid;
border-color: #fba727;
padding-top: 10px;
}
.catalog-nav>ul>li:hover .submenu {
visibility: visible;
opacity: 1;
}
.submenu li {
display: block;
float: left;
padding: 0px;
text-align: left;
padding-left: 25px;
line-height: 35px;
}
.submenu li a:hover {
text-decoration: underline;
color: #faa727;
}
.submenu h4 {
font-size: 20px;
font-weight: 600;
margin-left: 25px;
display: block;
text-align: left;
}
@media screen and (max-width: 992px) {
.menu-catalog {
height: 50px;
}
.firstmenu:after {
content: none;
}
.catalog-nav .submenu,
.catalog-nav-wrap {
visibility: visible;
opacity: 1;
}
.catalog-nav {
border-top: 0;
margin-top: 0px;
background-color: #FFF;
width: auto;
position: relative;
min-width: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
.catalog-nav-wrap {
position: unset;
overflow: hidden;
}
.catalog-nav-collapse {
max-height: 0;
}
.firstmenu li {
line-height: 40px;
padding-left: 0px;
display: block;
}
.catalog-nav .submenu {
position: inherit;
width: auto;
display: block;
left: auto;
height: 100%;
border-top: 0;
padding-top: 0px;
overflow: hidden;
transition: .7s;
}
.submenu {
max-height: 0;
}
.submenu li {
display: block;
float: unset;
padding: 0px;
text-align: left;
padding-left: 25px;
line-height: 35px;
}
.submenu h4 {
display: none;
}
.firstmenu > li a {
padding-left: 15px;
}
.firstmenu > .has-children:after {
content: none;
}
.firstmenu > .has-children:before {
content: '';
margin-right: 15px;
width: 16px;
height: 40px;
background-image: url(../../image/images/icons/arrow-down-green.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
display: block;
position: absolute;
right: 0;
transition: .5s
}
.firstmenu > .has-children.collapsed:before {
transform: rotate(180deg);
}
}
*/
/*---CRUMBS---*/
.crumbs {
width: 100%;
min-height: 50px;
font-size: 15px;
}
.crumbs ul {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.crumbs ul li:nth-child(1) {
list-style: none;
margin-left: 0;
}
.crumbs ul li {
padding-left: 0px;
margin-left: 25px;
list-style: disc;
}
.crumbs ul a {
text-decoration: underline;
color: #4c4c51;
}
.crumbs ul li:last-child {
color: #2e9e85;
list-style: disc;
}
.crumbs-wrap {
min-height: 50px;
display: table;
border-top: 1px solid #d5d6d7;
width: 100%;
}
.crumbs-wrap2 {
display: table-cell;
vertical-align: middle;
}
/*--- PRODUCT ---*/
.product-wrap {
min-height: 475px;
box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.18);
-moz-box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.18);
-webkit-box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.18);
padding: 0px;
position: relative;
margin-top: 30px;
cursor: default;
transition: .3s;
background-color: #fff;
}
.product-wrap .product-header {
height: 55px;
display: inline;
}
.to-favorites, .to-compare {
display: inline-block;
margin-right: 30px;
}
.product-wrap .product-header .stars {
display: inline-block;
}
.to-favorites span, .to-compare span {
padding-left: 30px;
position: relative;
text-decoration: underline;
font-size: 15px;
cursor: pointer;
color: #4c4c51;
}
.to-favorites span:before, .to-compare span:before {
content: '';
width: 25px;
height: 22px;
background-repeat: no-repeat;
background-position: center;
position: absolute;
display: block;
background-size: inherit;
top: -3px;
}
.to-favorites span:before {
background-image: url(../../image/images/icons/heart1.png);
}
.to-compare span:before {
background-image: url(../../image/images/icons/compare.png);
}
.product-wrap .product-header .stars {
float: right;
}
.product-wrap .product-image {
overflow: hidden;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
min-height: 200px;
position: relative;
}
.action-type {
position: absolute;
left: -9px;
top: -15px;
width: 80px;
height: 80px;
color: #FFF;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
border-radius: 50%;
z-index: 999;
}
.action-type span {
color: #FFF;
}
.action-type.hit {
background-color: #36957d;
}
.action-type.new {
background-color: #53c2d2;
}
.action-type.discount {
background-color: #a9d719;
}
.action-type span {
margin: auto;
font-weight: 600;
font-size: 20px;
}
.product-wrap .product-image img {
width: 100%;
height: auto;
transition: 1s;
}
.product-wrap .product-descr {
font-size: 16px;
width: 100%;
text-align: center;
padding: 10px 20px;
margin: auto;
min-height: 116px;
}
.product-wrap .product-descr span {
font-size: 16px;
color: #a0b9b3;
margin-top: 10px;
display: block;
}
.product-wrap .product-footer {
margin-top: 15px;
position: relative;
padding: 10px 15px;
}
.product-wrap .product-footer:before {
content:'';
width: 80%;
height: 1px;
display: block;
background-color: #ebeced;
margin: auto;
}
.product-wrap .product-footer-wrap {
width: 100%;
display: flex;
padding-top: 5px;
flex-wrap: wrap;
}
.product-wrap .product-footer-wrap a{
font-size: 14px;
}
.product-wrap .product-footer-wrap .new_rating {
font-size: 11px;
margin-left: auto;
padding-right: 10px;
}
.product-wrap .qty-wrap {
width: 50%;
}
.product-wrap .price-qty {
display: flex;
flex-wrap: wrap;
padding: 0px 10px;
}
.product-wrap .price-qty .price {
font-size: 20px;
font-weight: 600;
color: #2e9e85;
line-height: 35px;
text-align: center;
width: 50%;
}
.product-wrap .price-qty .price span {
font-size: 16px;
font-weight: normal;
color: #2e9e85;
margin-left: 5px;
}
.product-qty {
margin: auto;
width: max-content;
background-color: #f9f9f9;
padding: 2px 3px 3px 3px;
border-radius: 25px;
height: 40px;
}
.product-qty input[type=text] {
font-family: 'Montserrat';
border: none;
width: 23px;
text-align: center;
display: inline-block;
position: relative;
top: -10px;
font-size: 16px;
background-color: #f9f9f9;
}
.product-qty span {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
background-color: #4d5055;
width: 35px;
height: 35px;
display: inline-block;
position: relative;
cursor: pointer;
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
color: #FFF;
}
.product-qty .plus:before, .product-qty .plus-c:before {
content: '+';
width: 35px;
height: 35px;
position: absolute;
font-size: 26px;
left: 10px;
top: 2px;
}
.product-qty .minus:before, .product-qty .minus-c:before {
content: '-';
width: 35px;
height: 35px;
position: absolute;
font-size: 26px;
left: 13px;
top: 0px;
}
.product-wrap .product-footer .oneclick {
display: block;
width: 50%;
text-align: center;
text-decoration: underline;
cursor: pointer;
font-size: 14px;
margin-top: 10px;
}
.product-wrap:hover .product-image img {
transition: 20s linear;
transform: scale(1.5);
}
.product-wrap:hover {
box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.28);
-moz-box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.28);
-webkit-box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.28);
}
.product-wrap .btn-1 {
margin: auto;
}
.product-wrap .stars {
margin: auto;
padding-top: 10px;
}
/*--- STARS ---*/
.stars {
display: inline;
}
.stars span {
display: inline-block;
width: 17px;
height: 17px;
background-image: url(../../image/images/icons/star-grey.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin-left: -4px;
}
.stars span.active {
background-image: url(../../image/images/icons/star-active.png);
}
/*---CATALOG--*/
.catalog {
margin-top: 40px;
}
.catalog h1 {
text-align: left;
}
.catalog p {
font-size: 16px;
margin-bottom: 30px;
line-height: 24px;
}
/*
.catalog .product-wrap {
padding: 15px;
}
.catalog .product-wrap .action-type {
top: 140px;
}
*/
.catalog-row {
margin-right: -30px;
margin-left: -30px;
position: relative;
}
.catalog .stars span {
width: 15px;
height: 15px;
}
.plr5 {
padding-left: 5px;
padding-right: 5px;
}
.total-prod {
font-size: 18px;
font-weight: 500;
padding-bottom: 15px;
display: block;
}
.catalog .sort {
width: 100%;
background-color: #fff;
min-height: 50px;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
color: #222426;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding-left: 15px;
padding-right: 15px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
}
.catalog .sort select {
font-family: 'Montserrat';
height: 38px;
text-align: center;
border: none;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border: 1px solid #ededed;
width: 230px;
text-align-last: center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
background-image: url(../../image/images/icons/arrow-down-black.png);
background-repeat: no-repeat;
background-size: 12px;
background-position: 95% center;
font-size: 15px;
margin-left: 10px;
}
.catalog .sort .sort-item {
margin: auto 0px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
padding: 10px;
}
.catalog .sort .sort-item.to-right {
margin-left: auto;
}
.catalog .sort .sort-item span {
margin: auto;
white-space: nowrap;
color: #989696;
font-size: 16px;
}
.catalog .sort .sort-arrows {
display: flex;
margin-top: 3px;
margin-left: 2px;
}
.catalog .sort .sort-arrows div {
width: 9px;
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
height: 100%;
margin-left: 2px;
cursor: pointer;
}
.catalog .sort .arrow-down {
background-image: url(../../image/images/icons/sort-down.png);
}
.catalog .sort .arrow-down.active {
background-image: url(../../image/images/icons/sort-down-active.png);
}
.catalog .sort .arrow-up {
background-image: url(../../image/images/icons/sort-up.png);
}
.catalog .sort .arrow-up.active {
background-image: url(../../image/images/icons/sort-up-active.png);
}
.catalog .sort .show-qty {
width: 38px;
height: 16px;
text-align: center;
margin: 0px 2px;
cursor: pointer;
font-size: 16px;
}
.catalog .sort .show-qty:nth-child(2) {
border-right: 1px solid #000;
border-left: 1px solid #000;
}
.catalog .sort .show-qty.active {
color: #2e9e85;
font-weight: 500;
}
.catalog .sort .sort-item .qty-wrap {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.filter {
margin-left: -15px;
margin-right: -15px;
}
.filter h4 {
font-size: 27px;
font-weight: 600;
width: 100%;
text-align: center;
padding-bottom: 20px;
}
.filter h5 {
font-size: 20px;
font-weight: 500;
color: #2e9e85;
width: 100%;
text-align: left;
padding-bottom: 15px;
position: relative;
margin-bottom: 15px;
}
.filter h5:before {
content: '';
display: block;
height: 5px;
width: 45px;
background-color: #2e9e85;
position: absolute;
left: -20px;
bottom: 0px;
}
.filter .filter-block-wrap {
width: 100%;
height: 100%;
padding: 15px;
background-image: url(../../image/images/bg/white10x10-08.png);
background-size: cover;
}
.filter .filter-block {
padding: 20px;
box-shadow: 0px 0px 16px 0px rgba(41, 137, 116, 0.12);
}
.filter .price-slider-wrap {
padding: 15px 10px;
}
.filter .filter-block .price-wrap input[type=text] {
font-family: 'Montserrat';
border: 1px solid #d7d7d6;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
height: 40px;
text-align: center;
width: 78px;
margin-left: 5px;
margin-right: 5px;
color: #4c4c51;
font-size: 16px;
}
.filter .filter-block .price-wrap span {
color: #aeaeaf;
}
.filter .btn-reset {
max-width: 185px;
margin: 0 auto;
}
.filter.navbar-collapse {
background-color: #FFF!important;
}
.filter .navbar-menu-button span {
background: #000;
}
.filter .navbar-button-wrap {
position: absolute;
left: 0px;
top: 14px;
cursor: pointer;
}
.filter-position-1{
/*
position:absolute;
right:0;
*/
}
.filter .filter-categories ul {
list-style: none;
}
.filter .filter-categories ul li {
padding-left: 15px;
line-height: 35px;
}
.filter .filter-categories ul li.active {
padding-left: 0px;
margin-top: 8px;
}
.filter .filter-categories ul li.active a span {
color: #fff;
background: #2e9e85;
padding: 2px 14px 2px 14px;
border-radius: 20px;
display: block;
}
.filter .filter-categories ul li.active a {
text-decoration: none;
}
.filter .filter-categories ul li ul {
padding-top: 5px;
}
.filter .filter-categories ul li ul li {
position: relative;
margin-left: 15px;
}
.filter .filter-categories ul li ul li:before {
content: '';
width: 10px;
height: 10px;
position: absolute;
left:0;
top: calc(50% - 5px);
background: url(../../image/images/icons/filter-triangle.png) center no-repeat;
}
.filter .filter-categories ul li ul li.active {
padding-left: 15px;
color: #2e9e85;
}
.filter .filter-categories ul li ul li.active:before {
background-image: url(../../image/images/icons/filter-triangle-active.png);
}
.filter .filter-categories li.subchild:before {
display: none;
}
.filter .filter-categories li.subchild ul li {
line-height: 14px;
font-size: 14px;
margin-bottom: 18px;
}
.filter .filter-categories li.subchild ul li:before {
width: 7px;
height: 7px;
top: calc(50% - 3px);
}
.pagination {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin: 15px auto;
width: max-content;
}
.pagination a,
.pagination .here {
width: 30px;
height: 30px;
display: block;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
text-align: center;
text-decoration: none;
line-height: 30px;
margin: 4px;
}
.pagination .page-link {
border: none;
background: #f9f9f9;
color: #1c1919;
}
.pagination .prev,
.pagination .next {
background-color: #4c4c51;
border: 1px solid #4c4c51;
background-position: center;
background-repeat: no-repeat;
background-size: inherit;
}
.pagination .prev {
background-image: url(../../image/images/icons/pagination-prev.png);
}
.pagination .next {
background-image: url(../../image/images/icons/pagination-next.png);
}
.pagination .here {
background-color: #2e9e85;
color: #fff;
}
.tags-block h5 {
font-size: 20px;
font-weight: 500;
color: #2e9e85;
width: max-content;
text-align: left;
padding-bottom: 15px;
position: relative;
margin-bottom: 15px;
}
.tags-block {
box-shadow: 0px 0px 16px 0px rgba(41, 137, 116, 0.12);
padding: 20px;
}
.tags-block .alltags {
display: block;
float: right;
font-size: 15px;
color: #2e9e85;
}
.tags-block .tags-content {
display: flex;
flex-wrap: wrap;
}
.tags-block a {
font-size: 15px;
display: block;
padding: 5px;
}
.tags-block h5:before {
content: '';
display: block;
height: 5px;
width: 45px;
background-color: #2e9e85;
position: absolute;
left: -20px;
bottom: 0px;
}
/* ------------------ SLIDER -----------------------*/
.slider-bg {
position: absolute;
background-image: url(../../image/images/bg/slider-bg.png);
width: 100%;
height: calc(100% + 115px);
left: 0;
top: -130px;
z-index: -1;
background-size: cover;
background-repeat: no-repeat;
background-position: top right;
}
@media (max-width: 992px){
.slider-bg {
height: calc(100% + 275px);
}
}
.slider-bg-cloud {
position: absolute;
background-image: url(../../image/images/bg/slider-bg-cloud.png);
width: 100%;
height: 160px;
bottom: 15px;
z-index: 100;
background-size: cover;
background-position: center;
}
.slick-slide div:not([class]) {
height: 100%
}
.slider {
padding-bottom: 50px;
position: relative;
}
.slick-slider {
height: 100%;
}
.slick-list,
.slick-track {
height: 100%;
}
.slide-container {
position: relative;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
height: 100%;
}
.slick-container {
width: 100%;
height: 550px;
float: left;
transition: opacity 0.6s ease, transform 0.3s ease;
}
.slider-dots {
display: flex;
z-index: 999;
position: absolute;
list-style: none;
left: calc(50vw - 550px);
bottom: 15%;
}
.slider-dots li{
display: block;
width: 15px;
height: 15px;
border: 1px solid #2e9e85;
border-radius: 50%;
margin-right: 10px;
cursor: pointer;
transition: 300ms;
}
.slider-dots .slick-active {
background-color: #2e9e85;
}
.slider-dots button {
visibility: hidden;
}
.oneslide {
height: 100%;
}
.oneslide .slide-bgimg {
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
}
.slick-slide .content {
width: 100%;
color: #fff;
margin: auto 0;
}
.slick-slide .content .title {
margin-bottom: 30px;
font-size: 36px;
font-family: 'Montserrat';
color: #000;
font-weight: 600;
position: relative;
line-height: 1;
padding-top: 30px;
}
.slick-slide .content .title:before {
content: '';
display: block;
height: 7px;
width: calc(50vw - 500px);
background-color: #2e9e85;
position: absolute;
left: calc(564px - 50vw);
bottom: -18px;
}
.slick-slide .content .caption {
font-family: 'Montserrat';
font-weight: normal;
color: #000;
display: block;
font-size: 24px;
line-height: 1.2;
}
.slick-slide .slide-right {
width: 100%;
position: relative;
}
.slick-slide .slide-right img{
position: absolute;
top:0;
}
.slick-slide .slide-right.discount:before {
content: '';
width: 115px;
height: 115px;
position: absolute;
background-color: #2e9e85;
border-radius: 50%;
opacity: 0.3;
}
.slick-slide .slide-right .percent {
width: 98px;
height: 98px;
position: absolute;
background-color: #2e9e85;
border-radius: 50%;
left: 9px;
top: 9px;
z-index: 99;
color: #FFF;
text-align: center;
line-height: 98px;
font-size: 26px;
font-weight: 600;
}
.slick-slide .slide-right .text, .w_tree .text {
position: absolute;
top: -40px;
font-style: italic;
font-weight: 500;
font-size: 18px;
left: 20px;
}
.slick-slide .slide-right .text:before, .w_tree .text:before {
content: '';
position: absolute;
width: 22px;
height: 45px;
background-image: url(../../image/images/icons/turn.png);
background-size: contain;
background-repeat: no-repeat;
background-position: 0 center;
left: -30px;
top: 10px;
}
.slick-slide .s-circle{
position: relative;
float: right;
width: 335px;
height: 335px;
}
.slick-slide .s-circle:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #2e9e85;
border-radius: 50%;
border: #c8d9d5 20px solid;
opacity: 0.3;
}
.slick-prev {
top: calc(100% - 60px)!important;
left: 13vw!important;
z-index: 10
}
.slick-next {
top: calc(100% - 60px)!important;
left: calc(13vw + 60px)!important;
z-index: 10
}
.slick-next:after,
.slick-prev:after {
font-size: 20px!important;
}
.catalog-button {
font-size: 18px;
color: #FFF;
font-weight: bold;
background-color: #2e9e85;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
height: 70px;
width: 280px;
text-align: center;
text-decoration: none;
line-height: 70px;
background-image: url(../../image/images/bg/button1.png);
background-size: cover;
background-position: center;
cursor: pointer;
}
/* ------------------------- CATEGORIES ------------------*/
[class^='product-category-'], [class^='product-product-'] {
/* background: url(../../image/images/bg/cat-bg.png) top left no-repeat #fff; */
}
.categories {
background-image: url(../../image/images/bg/clouds1-1.png);
background-size: 100%;
background-position: bottom left;
background-repeat: no-repeat;
padding-bottom: 70px;
}
.categories .categories-row {
margin-top: -25px;
}
.categories a {
text-decoration: none;
}
.categories .category-item-wrap {
margin-top: 25px;
transition: .35s;
}
.categories .category-item-wrap:hover .category-name h3 {
color: #32353a;
}
.categories .category-image {
display: flex;
margin: auto;
position: relative;
width: 260px;
height: 260px;
}
.categories .category-image img {
border-radius: 50%;
width: 230px;
height: 230px;
margin: auto;
border: 15px solid #c0e2da;
transition: .35s;
}
.categories .category-image:before {
content: '';
width: 250px;
height: 250px;
position: absolute;
top: 5px;
left: 5px;
border: 3px solid #c0e2da;
border-radius: 50%;
transition: .35s;
}
.categories .category-item-wrap:hover .category-image:before, .categories .category-item-wrap:hover .category-image img {
border-color: #2e9e85;
}
.categories .category-name {
height: 50px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.categories .category-name h3 {
font-size: 22px;
font-family: 'Montserrat';
color: #32353a;
font-weight: 500;
text-align: left;
margin: auto;
transition: .35s;
position: relative;
width: max-content;
text-align: center;
}
.categories .category-name h3:after {
content: '';
height: 2px;
width: 1px;
background-color: #32353a;
display: block;
transition: .35s;
visibility: hidden;
}
.categories .category-item-wrap:hover .category-name h3:after {
width: 100%;
visibility: visible;
}
/* ------------------------- ABOUT --------------------------*/
.about {
padding-top: 80px;
position: relative;
}
.about .img-wrap img {
width: 100%;
height: auto;
margin-left: -30px;
}
.about .text-wrap {
height: 100%;
display: table;
}
.about .text-wrap-wrap {
display: table-cell;
vertical-align: middle;
}
.about h3 {
font-size: 36px;
text-align: left;
padding-bottom: 35px;
}
.about p {
font-size: 17px;
padding-bottom: 27px;
}
.about .p-strong {
font-size: 17px;
font-weight: 500;
padding-bottom: 17px;
}
.cone-2 {
background: url(../../image/images/bg/cone-2.png) bottom left no-repeat;
background-size: contain;
background-repeat: no-repeat;
height: 118px;
width: 118px;
position: absolute;
top: -5%;
left: 7%;
}
/* ------------------------- WHY WE --------------------------*/
.whywe {
width: 100%;
position: relative;
}
.whywe.v1 {
background: url(../../image/images/bg/clouds2-2.png) top left no-repeat #fff;
background-size: 100%;
margin-top: -1px;
padding-top: 30px;
}
.whywe-row {
margin-top: -30px;
}
.whywe:not(.v1) .whywe-block{
z-index: -2;
}
.whywe .why-item-wrap {
height: 275px;
background-color: #FFF;
margin-top: 30px;
}
.whywe .icon-block {
height: 50%;
position: relative;
}
.whywe .line {
width: 100%;
height: 10px;
margin: auto;
position: absolute;
top: calc(50% - 5px);
}
.whywe .circle {
width: 100px;
height: 100px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
position: absolute;
left: calc(50% - 50px);
top: calc(50% - 50px);
background-repeat: no-repeat;
background-position: center;
}
.whywe .text-block {
width: 90%;
text-align: center;
margin: auto;
}
.whywe .text-block h4 {
font-size: 18px;
color: #2e9e85;
}
.whywe .text-block p {
font-size: 18px;
margin-top: 10px;
}
.whywe .whywe-row .whywe-block .circle {
box-shadow: 0px 8px 18px 0px rgba(46, 158, 133, 0.13);
background-color: #fff;
}
.whywe .whywe-row .whywe-block:nth-of-type(1) .circle {
background-image: url(../../image/images/icons/box.png);
}
.whywe .whywe-row .whywe-block:nth-of-type(2) .circle {
background-image: url(../../image/images/icons/coupon.png);
}
.whywe .whywe-row .whywe-block:nth-of-type(3) .circle {
background-image: url(../../image/images/icons/crown.png);
}
.whywe .whywe-row .whywe-block:nth-of-type(4) .circle {
background-image: url(../../image/images/icons/shopping-bag.png);
}
.whywe .whywe-row .whywe-block:nth-of-type(5) .circle {
background-image: url(../../image/images/icons/pig.png);
}
.whywe .whywe-row .whywe-block:nth-of-type(6) .circle {
background-image: url(../../image/images/icons/like.png);
}
.cone-1 {
background: url(../../image/images/bg/cone-1.png) bottom left no-repeat;
background-size: contain;
background-repeat: no-repeat;
height: 131px;
width: 115px;
position: absolute;
bottom: -10px;
right: -100px;
}
.spruce-1 {
background: url(../../image/images/bg/spruce-1.png) bottom left no-repeat;
background-size: contain;
background-repeat: no-repeat;
height: 25vw;
width: 25vw;
position: absolute;
top: -139px;
left: 0;
z-index: 99;
}
/* ------------------------- ACTIONS --------------------------*/
.actions {
margin-top: 0px;
padding-bottom: 60px;
background: url(../../image/images/bg/clouds1-2.png) top left no-repeat, url(../../image/images/bg/clouds2-1.png) bottom left no-repeat #f9f9f9;
background-size: 100%;
background-repeat: no-repeat;
position: relative;
}
.actions-row {
margin-top: -30px;
}
.cone-0 {
background: url(../../image/images/bg/cone-0.png) bottom left no-repeat;
background-size: contain;
background-repeat: no-repeat;
height: 128px;
width: 128px;
position: absolute;
bottom: -130px;
right: -140px;
}
@media (max-width: 1500px){
.cone-0 {
display: none;
}
}
/* ------------------------- FAQ --------------------------*/
.faq {
position: relative;
padding-bottom: 60px;
padding-top: 20px;
}
.faq.v1{
background: url(../../image/images/bg/clouds3-3.png) top left no-repeat #fff;
background-size: 100%;
padding-top: 80px;
padding-bottom: 75px;
}
.faq.v2{
background: url(../../image/images/bg/clouds7-1.png) bottom left no-repeat #fff;
background-size: 100%;
padding-top: 80px;
padding-bottom: 75px;
}
.faq .faq-item {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.12);
-webkit-box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.12);
-moz-box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.12);
overflow: hidden;
margin-bottom: 20px;
background-color: #fff;
}
.faq .faq-item .question {
margin: auto 0;
font-size: 18px;
font-weight: 500;
padding: 25px 45px 25px 25px;
width: 100%;
position: relative;
cursor: pointer;
border-radius: 10px;
position: relative;
z-index: 0;
transition: 300ms;
background-color: #fff;
}
.faq .faq-item .question:before {
content:'';
display: block;
position:absolute;
top: 0;
left: 0;
width: 10px;
height: 100%;
background-color: #2e9e85;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
transition: 300ms;
z-index: -1;
}
.faq .faq-item .question:after {
content: '+';
font-size: 28px;
font-weight: 600;
position: absolute;
right: 25px;
top: 20px;
color: #000;
display: block;
transition: .3s;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
}
.faq .faq-item.collapsed .question:before {
width: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.faq .faq-item.collapsed .question {
color: #FFF;
}
.faq .faq-item.collapsed .question:after {
content: '+';
color: #FFF;
transform: rotate(45deg);
}
.faq .faq-item .answer {
display: none;
padding-bottom: 25px;
background-color: #fff;
}
.faq .faq-item .answer p {
font-size: 15px;
font-weight: normal;
padding: 0;
margin: 25px 20px 0px 20px;
transition: all 3s;
height: fit-content;
}
.faq .info {
border: 2px solid #e4ebe9;
padding: 40px;
position: relative;
background-color: #fff;
}
.faq .tree {
position: absolute;
bottom: -38px;
right: -15%;
background: url(../../image/images/bg/tree.png) no-repeat;
background-size: cover;
width: 65%;
height: 76%;
}
.faq .tree-2 {
position: absolute;
bottom: -70px;
right: -25%;
background: url(../../image/images/bg/derevo-pitomnik.png) no-repeat;
background-size: contain;
width: 69%;
height: 75%;
}
.faq .tree-3 {
position: absolute;
bottom: -38px;
right: -15%;
background: url(../../image/images/bg/tree-3.png) no-repeat;
background-size: cover;
width: 69%;
height: 76%;
}
@media (max-width: 1200px){
.faq .tree {
width: 38%;
height: 32%;
right: 30px;
bottom: 50px;
}
}
.faq .info h3 {
text-align: left;
padding-bottom: 0px;
font-size: 30px;
}
.faq .info h5 {
text-align: left;
font-size: 22px;
width: 100%;
position: relative;
padding-bottom: 50px;
}
.faq .info h5:after {
content: '';
display: block;
position: absolute;
width: 75%;
height: 7px;
background-color: #e7e7e7;
bottom: 20px;
right: -40px;
}
.faq .info h3:after {
content: '';
display: block;
position: relative;
top: 0px;
left: -50px;
width: 40px;
height: 30px;
background-color: #2e9e85;
}
.faq .info p {
font-size: 18px;
font-weight: 500;
}
.faq .info .phone {
font-size: 24px;
font-weight: bold;
color: #2e9e85;
padding-top: 25px;
}
.faq .additional p {
width: 50%;
padding-bottom: 30px;
}
@media (max-width: 992px){
.faq .additional p {
width: 100%;
}
}
.faq .additional a {
font-size: 18px;
font-weight: 500;
color: #2e9e85;
padding-right: 22px;
position: relative;
}
.faq .additional {
padding-top: 80px;
}
.faq .additional a:after {
content: '';
display: block;
position: absolute;
width: 20px;
height: 20px;
background: url(../../image/images/icons/next.png) center no-repeat;
right: 0px;
top: 3px;
}
.sec-bg-1 {
background: url(../../image/images/bg/clouds3.png) top left no-repeat;
background-size: 100%;
background-repeat: no-repeat;
height: 120vh;
width: 100%;
position: absolute;
margin-top: -30vh;
z-index: -1;
}
.cone-3 {
background: url(../../image/images/bg/cone-3.png) bottom left no-repeat;
background-size: contain;
background-repeat: no-repeat;
height: 225px;
width: 166px;
position: absolute;
bottom: 5%;
left: 5%;
}
/* ------------------ REVIEWS -----------------------*/
.reviews {
padding-top: 55px;
padding-bottom: 40px;
position: relative;
}
.reviews h2, .reviews h3{
color: #fff;
}
.reviews:before{
content: '';
display: block;
height: 100%;
background-color: #2e9e85;
position: absolute;
top: 0px;
z-index: -1;
width: 70vw;
-moz-border-radius-topright: 90px;
-webkit-border-top-right-radius: 90px;
border-top-right-radius: 90px;
}
@media (max-width: 1500px){
.reviews:before{
width: 90vw;
}
}
@media (max-width: 992px){
.reviews:before{
width: 100vw;
}
}
.reviews .cone-4 {
background: url(../../image/images/bg/cone-4.png) bottom left no-repeat;
background-size: contain;
background-repeat: no-repeat;
height: 160px;
width: 230px;
position: absolute;
bottom: -65px;
left: 100px;
}
.reviews .cone-5 {
background: url(../../image/images/bg/cone-5.png) bottom left no-repeat;
background-size: contain;
background-repeat: no-repeat;
height: 128px;
width: 128px;
position: absolute;
bottom: 50px;
right: -20px;
}
@media (max-width: 1500px){
.cone-5 {
display: none;
}
}
.reviews .slide-wrap {
height: 460px;
margin-top: 50px;
position: relative;
}
.reviews .reviews-slider .slide {
width: 320px;
height: 440px;
background-color: #FFF;
box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.12);
-webkit-box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.12);
-moz-box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.12);
position: relative;
padding: 25px;
margin: auto;
}
.reviews h3 {
font-weight: normal;
width: 100%;
text-align: center;
font-size: 18px;
margin-top: -20px;
margin-bottom: 50px;
}
.reviews .reviews-slider .slide .avatar {
width: 100px;
height: 100px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
position: absolute;
background: url(../../image/images/avatar.png) bottom center no-repeat #fff;
left: -35px;
top: -35px;
box-shadow: 0px 8px 18px 0px rgba(46, 158, 133, 0.13);
background-size: auto;
}
.reviews .reviews-slider .slide-wrap:after {
content: '';
display: block;
width: 44px;
height: 34px;
position: absolute;
background-image: url(../../image/images/icons/quotes.png);
right: 25px;
bottom: 0px;
}
.reviews .reviews-slider .date {
font-size: 16px;
font-style: italic;
text-align: right;
width: 100%;
position: absolute;
bottom: 20px;
right: 20px;
}
.reviews .reviews-slider .client {
font-size: 18px;
font-weight: 500;
width: 100%;
position: relative;
padding-left: 65px;
color: #2e9e85;
}
.reviews .reviews-slider .client span {
display: block;
width: 100%;
font-size: 17px;
font-weight: normal;
color: rgb(76, 76, 81);
font-style: italic;
}
.reviews .slick-slide .text-content {
padding-top: 20px;
font-size: 16px;
}
.reviews .slick-slide .text-content p {
padding-top: 15px;
padding-bottom: 15px;
}
.reviews .slick-slide .text-content .show-review:after {
content: '';
display: block;
width: 11px;
height: 11px;
position: absolute;
background-image: url(../../image/images/icons/double-arrow.png);
background-position: center;
top: 7px;
right: -18px;
}
.reviews .slide-wrap .slide {
transition: .3s;
padding-bottom: 25px;
}
.reviews .btn-1 {
max-width: 360px;
margin: 0 auto;
color: #FFF;
}
.reviews .slide-wrap .play {
position: relative;
display: block;
margin: 0 auto;
width: 100%;
}
.reviews .slide-wrap .play img {
margin: auto;
}
.reviews .slide-wrap .play:before {
content: '';
display: block;
position: absolute;
width: 48px;
height: 48px;
background-image: url(../../image/images/icons/play-button.png);
background-position: center;
top: calc(50% - 24px);
left: calc(50% - 24px);
}
[aria-hidden="true"] .slide-wrap .slide {
box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0);
-webkit-box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0);
-moz-box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0);
}
.reviews-slider .slick-arrow {
position: absolute;
display: block;
width: 45px;
height: 45px;
background-color: inherit;
top: calc(50% - 25px);
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
z-index: 999;
}
.reviews-slider .reviews-prev-arrow {
left: -50px;
background-image: url(../../image/images/icons/rev-prev-arrow.png);
}
.reviews-slider .reviews-next-arrow {
right: -50px;
background-image: url(../../image/images/icons/rev-next-arrow.png);
}
.reviews-slider .slider-dots {
right: 0;
bottom: -65px;
left: unset;
}
.reviews a {
text-decoration: none;
color: inherit;
}
.reviews .btn-1{
height: 65px;
max-width: 280px;
background-size: 370px;
background-repeat: no-repeat;
background-position: center;
line-height: 62px;
border: 2px solid #fff;
border-radius: 33px;
}
/* ------------------ NEWS -----------------------*/
.news {
background: url(../../image/images/bg/clouds5-1.png) bottom left no-repeat #fff;
background-size: 100%;
width: 100%;
padding-top: 100px;
padding-bottom: 85px;
}
.news h6 {
font-size: 20px;
font-weight: normal;
text-align: left;
padding-top: 15px;
padding-bottom: 50px;
}
.news .news-item-wrap {
background-color: #fff;
position: relative;
height: 480px;
}
.news .row .col-12:nth-of-type(odd) .news-item-wrap {
background-image: url(../../image/images/bg/news-bg-1.jpg);
background-size: cover;
}
.news .news-item-wrap .author p {
padding-bottom: 5px;
}
.news .news-item-wrap h5 {
font-size: 18px;
font-weight: 500;
text-align: left;
padding: 25px;
}
.news .row .col-12:nth-of-type(odd) .news-item-wrap p,
.news .row .col-12:nth-of-type(odd) .news-item-wrap span,
.news .row .col-12:nth-of-type(odd) .news-item-wrap h5 {
color: #fff;
}
.news .row .col-12:nth-of-type(even) .news-item-wrap {
background: url(../../image/images/bg/news-bg-2.png) top right no-repeat #fff;
box-shadow: 0px 8px 18px 0px rgba(41, 137, 116, 0.29);
}
.news .row .col-12:nth-of-type(even) .news-item-wrap p,
.news .row .col-12:nth-of-type(even) .news-item-wrap span,
.news .row .col-12:nth-of-type(even) .news-item-wrap h5 {
color: #32353a;
}
.news .tags, .article-item-wrap .tags {
max-width: 75%;
display: flex;
flex-wrap: wrap;
padding: 20px;
position: absolute;
top:0;
left:0;
}
@media (max-width: 992px){
.news .tags {
top: 25px;
left: 10px;
}
}
.news .tags .tag, .article-item-wrap .tags .tag {
color: #fff;
padding: 10px 15px;
border-radius: 20px;
margin: 4px;
z-index: 99;
text-decoration: none;
}
.news .row .col-12:nth-of-type(odd) .tags .tag:nth-of-type(1n), .article-item-wrap .tags .tag:nth-of-type(1n){
background-color: #3da389;
}
.news .row .col-12:nth-of-type(odd) .tags .tag:nth-of-type(2n), .article-item-wrap .tags .tag:nth-of-type(2n){
background-color: #e67916;
}
.news .row .col-12:nth-of-type(odd) .tags .tag:nth-of-type(3n), .article-item-wrap .tags .tag:nth-of-type(3n){
background-color: #b1db1c;
}
.news .row .col-12:nth-of-type(even) .tags .tag:nth-of-type(1n){
background-color: #b1db1c;
}
.news .row .col-12:nth-of-type(even) .tags .tag:nth-of-type(2n){
background-color: #3da389;
}
.news .row .col-12:nth-of-type(even) .tags .tag:nth-of-type(3n){
background-color: #e67916;
}
.news .news-item-wrap p {
font-size: 15px;
padding: 0px 25px 15px 25px;
}
.news .news-item-bottom {
position: absolute;
bottom: 0;
}
.news .read-more {
width: 100%;
height: 75px;
border-top: 1px solid #e1e7dc;
display: table;
}
.news .read-more .author {
padding-left: 65px;
position: relative;
display: table-cell;
vertical-align: middle;
}
.news .read-more .author:before {
content: '';
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 46px;
height: 46px;
display: block;
position: absolute;
left: 30px;
}
.news .read-more .author p:nth-child(1) {
font-size: 15px;
}
.news .read-more .author p:nth-child(1) span{
font-size: 15px;
font-weight: 500;
}
.news .read-more .author p:nth-child(2) {
font-size: 15px;
font-style: italic;
}
.news .row .col-12:nth-of-type(odd) .read-more .author:before {
background-image: url(../../image/images/icons/news-bottom-white.png)
}
.news .row .col-12:nth-of-type(even) .read-more .author:before {
background-image: url(../../image/images/icons/news-bottom-black.png)
}
.news .btn-1 {
max-width: 270px;
color: #FFF;
position: absolute;
top: 0;
right: 0;
border-radius: 35px;
padding: 35px;
background-size: 380px;
line-height: 0px;
font-size: 19px;
}
@media (max-width: 992px){
.news .btn-1 {
position: relative;
margin: auto;
}
}
/* ------------------ FORM-CONSULT -----------------------*/
.form-consult.v2 {
background: url(../../image/images/bg/clouds5-2.png) top left no-repeat, url(../../image/images/bg/clouds6-1.png) bottom left no-repeat #f9f9f9;
background-size: 100%;
padding-top: 80px;
padding-bottom: 25px;
margin-top: -1px;
}
.form-consult.v3 {
background: url(../../image/images/bg/clouds7-2.png) top left no-repeat, url(../../image/images/bg/clouds6-1.png) bottom left no-repeat #f9f9f9;
background-size: 100%;
padding-top: 80px;
padding-bottom: 25px;
}
.form-consult .tree2 {
background: url(../../image/images/bg/tree2.png) center no-repeat;
width: 300px;
height: 520px;
background-size: contain;
position: absolute;
bottom: -100px;
left: -110px;
z-index: 1;
}
.form-consult .tree3 {
background: url(../../image/images/bg/tree3.png) center no-repeat;
width: 300px;
height: 520px;
background-size: contain;
position: absolute;
bottom: -100px;
left: -110px;
z-index: 1;
}
.form-consult {
padding-top: 80px;
padding-bottom: 25px;
position: relative;
}
.form-consult .spruce {
background: url(../../image/images/bg/spruce.png) center no-repeat;
background-size: contain;
position: absolute;
width: 300px;
height: 300px;
right: -169px;
top: -152px;
z-index: -1;
}
@media (max-width: 1500px){
.form-consult .spruce {
display: none;
}
}
.form-consult.v1 .form-substrate {
background-color: #fff;
}
.form-consult .form-substrate {
width: 100%;
min-height: 335px;
display: flex;
padding: 30px;
background-image: url(../../image/images/bg/white10x10-08.png);
background-size: cover;
}
.form-consult .form-wrap {
box-shadow: 0px 8px 18px 0px rgba(46, 158, 133, 0.13);
width: 100%;
height: 100%;
min-height: 275px;
position: relative;
background-color: #fff;
}
.form-consult .form-wrap:before{
content:'';
height: 10px;
width: 195px;
background-color: #2e9e85;
display: block;
margin: 0 auto;
}
.form-consult .form-row {
display: flex;
flex-wrap: wrap;
max-width: 1000px;
margin: auto;
}
.form-consult .input-col {
-ms-flex: 0 0 36.7%;
flex: 0 0 36.7%;
max-width: 36.7%;
padding: 10px;
z-index: 99;
}
.form-consult .button-col {
-ms-flex: 0 0 26.6%;
flex: 0 0 26.6%;
max-width: 26.6%;
padding: 10px;
}
@media (max-width: 992px){
.form-consult .input-col, .form-consult .button-col {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.form-consult .info {
position:relative;
}
.form-consult .info:before {
content: '';
width: 60px;
height: 60px;
position: absolute;
left: -60px;
bottom: 25px;
background: url(../../image/images/icons/turn-up.png) center no-repeat;
}
.form-consult .info .hdr {
font-weight: bold;
font-size: 22px;
padding-bottom: 7px;
text-align: left;
}
.form-consult .info .phone {
color: #2e9e85;
font-weight: bold;
font-size: 30px;
text-align: left;
padding-left: 35px;
position: relative;
}
.form-consult .info .phone:before {
content: '';
width: 35px;
height: 35px;
position: absolute;
left: 0;
top: 0;
background: url(../../image/images/icons/phone.png) center no-repeat;
}
.form-consult .info p {
font-size: 18px;
text-align: left;
padding-bottom: 10px;
}
.form-consult h2 {
color: #FFF;
}
.form-consult p {
display: block;
width: 100%;
text-align: center;
font-size: 16px;
max-width: 820px;
padding-bottom: 30px;
margin: 0 auto;
}
.form-consult .header {
font-size: 25px;
font-weight: 500;
padding-top: 35px;
padding-bottom: 20px;
}
.form-consult .header span {
font-weight: bold;
}
.form-consult .contact-form input[type=checkbox] + label span {
display: inline-block;
margin-bottom: -4px;
margin-right: 15px;
}
.form-consult .contact-form .cb-wrap {
text-align: center;
padding-top: 10px;
}
.form-consult .contact-form .cb-wrap p {
display: inline-block;
width: max-content;
}
/* ------------------ INFOBLOCK -----------------------*/
.infoblock {
padding-top: 55px;
background: url(../../image/images/bg/clouds6-2.png) top left no-repeat #fff;
background-size: 100%;
}
.infoblock h3 {
font-size: 25px;
font-weight: 600;
padding-top: 15px;
padding-bottom: 30px;
}
.infoblock h5 {
font-size: 18px;
font-weight: 450;
padding-bottom: 30px;
}
.infoblock p {
padding-bottom: 30px;
}
.infoblock ol, .description-category ol {
list-style: none;
padding-left: 10px;
padding-bottom: 30px;
counter-reset: count;
}
.infoblock ol li, .description-category ol li {
line-height: 25px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
position: relative;
padding-left: 40px;
padding-bottom: 10px;
}
.infoblock .ol li:before , .description-category ol li:before{
counter-increment: count;
content: counter(count);
display: block;
width: 35px;
height: 35px;
background-image: url(../../image/images/icons/circle-num.png);
background-position: center;
margin-right: 5px;
background-size: 100%;
text-align: center;
line-height: 37px;
font-size: 16px;
margin-top: 2px;
position: absolute;
left: 0;
top: calc(50% - 23px);
}
.infoblock .img-1 {
width: calc(50vw - 215px);
}
.infoblock .img-2 {
height: 100%;
width: 50%;
position: absolute;
left: -50%;
}
.infoblock .img-2 img {
position: absolute;
bottom: 3px;
width: 100%;
}
.infoblock .img-2:before {
content: '';
display: block;
position:absolute;
width: 40px;
height: 60px;
background-color: #2e9e85;
right: 0;
top: 30%;
}
.infoblock .img-3 {
width: calc(50vw - 90px);
position: absolute;
left: calc(564px - 50vw);
border-right: 10px solid;
border-color: #2e9e85;
}
@media screen and (max-width: 1197px) {
.infoblock .img-3 {
width: calc(50vw - 160px);
}
}
@media screen and (max-width: 992px) {
.infoblock .img-3 {
width: 100%;
position: initial;
}
}
.infoblock .info-right h3 {
font-size: 24px;
font-weight: bold;
text-align: left;
color: #2e9e85;
}
.infoblock ul,
.article ul, .description-category ul {
list-style: none;
}
.infoblock ul li,
.article ul li, .description-category ul li {
position: relative;
padding-left: 15px;
margin-bottom: 30px;
}
.infoblock ul li:before,
.article ul li:before, .description-category ul li:before {
content: '';
background: url(../../image/images/icons/triangle.png) center no-repeat;
display: block;
width: 10px;
height: 10px;
margin-top: 5px;
margin-right: 10px;
position: absolute;
top: -2px;
left: 0;
}
/* ------------------ ARTICLES -----------------------*/
.articles {
margin-top: 50px;
margin-bottom: 50px;
}
.articles .sort-wrap {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin-bottom: 25px;
}
.articles .article-wrap {
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin-bottom: 35px;
}
.articles .article-wrap .img-wrap {
max-width: 320px;
width: 45%;
padding-right: 20px;
border-right: 12px solid #7fc143;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.articles .article-wrap .img-wrap img {
width: 100%;
height: auto;
margin: auto;
display: block;
}
.articles .article-wrap .text-wrap {
width: 55%;
height: auto;
padding-left: 25px;
position: relative;
padding-bottom: 50px;
}
.articles .article-wrap .text-wrap h4 {
font-size: 17px;
margin-bottom: 15px;
}
.articles .article-wrap .text-wrap p {
font-size: 16px;
color: #060606;
padding-bottom: 25px;
}
.articles .article-wrap .text-wrap .text-footer {
position: absolute;
bottom: 0;
height: 50px;
line-height: 50px;
border-top: 1px solid #e1e7dc;
width: calc(100% - 25px);
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.article-wrap .text-wrap .text-footer .date {
width: 30%;
font-size: 15px;
color: #4c4c51;
}
.article-wrap .text-wrap .text-footer .views {
text-align: center;
margin-left: 25px;
width: 30%;
}
.article-wrap .text-wrap .text-footer .views span {
position: relative;
}
.article-wrap .text-wrap .text-footer .views span:before {
content: '';
width: 16px;
height: 12px;
position: absolute;
background-image: url(../../image/images/icons/eye.png);
background-repeat: no-repeat;
background-position: center;
top: 4px;
left: -20px;
}
.article-wrap .text-wrap .text-footer a {
width: 40%;
text-align: right;
text-decoration: none;
font-size: 18px;
font-weight: 600;
color: #7fc143;
}
.articles .btn-1 {
max-width: 360px;
margin: auto;
}
.articles .search-input {
width: auto;
max-width: 260px;
}
.articles .tags h4 {
width: 100%;
text-align: center;
font-size: 20px;
color: #4c4c51;
padding: 20px;
}
.articles .tag-links {
line-height: 30px;
text-align: left;
}
.articles .tag-links a {
font-size: 15px;
color: #7fc143;
}
/* ------------------ PRODUCT-CARD -----------------------*/
.product-card {
margin-top: 10px;
}
.product-slider.slick-slider,
.product-slider-nav.slick-slider {
height: auto;
}
.product-slider-nav img {
cursor: pointer;
border: 1px solid #d0d0d0;
margin: auto;
width: 100%;
}
.product-slider-nav .slick-current .img-nav-wrap {
display: block;
position: relative;
}
@media screen and (max-width: 1200px) {
.product-slider-nav .img-nav-wrap img {
width: 80px;
}
}
@media screen and (max-width: 992px) {
.product-slider-nav .img-nav-wrap img {
width:120px;
}
}
@media screen and (max-width: 767px) {
.product-slider-nav .img-nav-wrap img {
width:80px;
}
}
.product-slider-nav .slick-current .img-nav-wrap:before {
content:'';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0.5;
}
.product-card .slider-nav-wrap {
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
position: relative;
}
.product-card .slider-nav-wrap2 {
width: 100%;
max-width: 125px;
margin: auto;
padding: 30px 0px;
}
.slider-nav-wrap .arrows span,
.prev-arrow,
.next-arrow {
display: block;
margin: auto;
width: 30px;
height: 18px;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
z-index: 999;
}
.product-card .slider-nav-wrap .arrows {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.next-arrow {
background-image: url(../../image/images/icons/rev-next-arrow.png);
}
.prev-arrow {
background-image: url(../../image/images/icons/rev-prev-arrow.png);
}
.slider-nav-wrap .next-arrow {
background-image: url(../../image/images/icons/nav-dn.png);
position: absolute;
bottom:0;
left: calc(50% - 16px);
}
.slider-nav-wrap .prev-arrow {
background-image: url(../../image/images/icons/nav-up.png);
position: absolute;
top:0;
left: calc(50% - 16px);
}
.product-slider .img-wrap img {
border: 1px solid #d0d0d0;
width: 100%;
}
.product-slider-wrap {
position: relative;
overflow: hidden;
}
.product-slider-wrap .action-type {
top: -15px;
}
.age-columns {
column-count: 2;
-webkit-column-count:2;
-moz-column-count:2;
}
@media screen and (max-width: 576px) {
.age-columns {
column-count: 1;
-webkit-column-count:1;
-moz-column-count:1;
}
}
.age-columns label {
display: flex;
width: 100%;
font-size: 15px;
line-height: 30px;
padding-left: 25px;
position: relative;
}
.age-columns label .cb {
position: absolute;
left: 0;
top: 5px;
}
.opt-price{
margin-left: auto;
margin-right: 20px;
}
.product-card .price {
font-size: 36px;
font-weight: 600;
}
.product-card .price span {
font-size: 20px;
font-weight: normal;
}
.product-card .old-price {
font-size: 20px;
font-weight: 500;
color: #ccc;
text-decoration: line-through;
}
.product-card .instock {
font-size: 16px;
color: #333e50;
position: relative;
padding-left: 20px;
}
.product-card .block-wrap {
display: table-cell;
vertical-align: middle;
height: 70px;
}
.product-card h5 {
width: 100%;
text-align: left;
color: #2e9e85;
font-size: 18px;
}
.product-card .one-click {
display: block;
height: 40px;
line-height: 40px;
}
.product-card .product-block-sub {
width: calc(100% + 30px);
height: calc(100% + 30px);
padding: 15px;
background-image: url(../../image/images/bg/white10x10-08.png);
background-size: cover;
position: absolute;
top: -15px;
left: -15px;
}
.product-card .product-card-row {
position: relative;
padding: 10px;
background: #fff;
box-shadow: 0px 0px 16px 0px rgba(41, 137, 116, 0.12);
}
.product-card .instock:before {
content: '';
position: absolute;
top: 2px;
left: 0;
background-image: url(../../image/images/icons/tick.png);
background-repeat: no-repeat;
background-position: center;
width: 14px;
height: 14px;
background-size: contain;
}
.planting-wrap {
padding-top: 30px;
padding-bottom: 85px;
}
.product-card .planting-price {
font-size: 16px;
padding-left: 30px;
}
.product-card .product-qty {
display: block;
float: unset;
}
.product-card .result {
font-size: 18px;
}
.product-card .result span {
font-size: 24px;
font-weight: 500;
}
.product-card .buttons {
padding-top: 30px;
}
.product-card .buttons button {
margin-bottom: 15px;
}
.product-card .radio-1 .cb {
float: left;
}
.product-card .radio-1 h5 {
color: #fba826;
font-size: 18px;
font-weight: 500;
margin-bottom: 25px;
text-align: left;
}
.product-card .tabs {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
padding-top: 50px;
}
.product-card .tabs label {
order: 1;
display: block;
margin-right: 0.2rem;
cursor: pointer;
font-weight: 500;
font-size: 21px;
transition: background ease 0.2s;
text-decoration: underline;
height: 45px;
line-height: 45px;
padding-left: 20px;
padding-right: 20px;
border-radius: 22px;
}
.product-card .tabs .product-rating {
display: flex;
}
.product-card .tabs .product-rating label {
margin: 0;
padding: 0;
position: relative;
}
.product-card .tabs .product-rating h6 {
font-size: 15px;
font-weight: 500;
padding-right: 15px;
line-height: 30px;
}
.product-card .tabs .product-rating .radio-1 {
width: auto;
margin: 0;
}
.product-card .tabs .product-rating .radio-1 .rating-num {
display: block;
position: absolute;
font-size: 15px;
top: 7px;
left: 7px;
color: #2e9e85;
}
.product-card .tabs .tab {
order: 99;
flex-grow: 1;
width: 100%;
display: none;
padding: 1rem;
}
.product-card .tabs .tab-content {
}
.product-card .alert {
padding: 15px;
margin-left: 35px;
width: 80%;
margin-bottom: 10px;
border-radius: 10px;
}
.product-card .alert-danger {
border: 1px solid #f00;
-webkit-box-shadow: 1px 1px 2px 0px rgba(255, 0, 0, 0.75);
-moz-box-shadow: 1px 1px 2px 0px rgba(255, 0, 0, 0.75);
box-shadow: 1px 1px 2px 0px rgba(255, 0, 0, 0.75);
}
.product-card .alert-success {
border: 1px solid #41df00;
-webkit-box-shadow: 1px 1px 2px 0px rgba(65, 223, 50, 0.75);
-moz-box-shadow: 1px 1px 2px 0px rgba(65, 223, 50, 0.75);
box-shadow: 1px 1px 2px 0px rgba(65, 223, 50, 0.75);
}
.product-card .tab-content .tab-content-item {
display: flex;
position:relative;
margin-bottom: 100px;
}
.product-card .tab-content .tab-content-item .img{
width: 290px;
height: 290px;
border-radius: 50%;
overflow: hidden;
border: 16px solid #bee1d9;
position: absolute;
left: 0;
top: -30px;
}
.product-card .tab-content .tab-content-item .text {
height: 233px;
width: calc(100% - 230px);
background: #fff;
box-shadow: 0px 0px 27px 0px rgba(46, 158, 133, 0.15);
padding-left: 80px;
padding-right: 20px;
margin-left: auto;
display: table;
}
.product-card .tab-content .tab-content-item .text .content {
display: table-cell;
vertical-align: middle;
}
.product-card .tab-content .tab-content-item h4 {
width: 100%;
text-align: left;
font-size: 21px;
font-weight: 500;
padding-bottom: 10px;
}
.product-card .tab-content .tab-content-item span {
font-size: 20px;
font-weight: 500;
color: #2e9e85;
padding-bottom: 25px;
display: block;
}
.product-card .tab-content .tab-content-item p {
font-size: 16px;
}
.product-card .tab-content .tab-content-item .img img{
width: auto;
height: 110%;
}
.tab-content .tab-content-item:nth-of-type(even) .img {
right: 0;
left: unset;
}
.tab-content .tab-content-item:nth-of-type(even) .text {
margin-right: auto;
margin-left: unset;
padding-right: 80px;
padding-left: 65px;
}
.product-card .tabs .description-category p {
line-height: 28px;
padding-bottom: 20px;
}
.product-card .tabs .description-category h2,
.product-card .tabs .description-category h3,
.product-card .tabs .description-category h4 {
width: 100%;
text-align: left;
padding-top: 20px;
padding-bottom: 20px;
}
.product-card .tabs .description-category h2,
.product-card .tabs .description-category h3 {
color: #2e9e85;
}
.product-card .tabs .description-category ul li {
margin-bottom: 15px;
}
@media screen and (max-width: 992px) {
.product-card .tab-content .tab-content-item .text {
height: -webkit-fill-available;
}
.product-card .tab-content .tab-content-item .img {
top: 115px;
}
}
@media screen and (max-width: 767px) {
.product-card .tab-content .tab-content-item .text {
width: 100%;
height: unset;
padding-top: 100px;
padding-bottom: 40px;
}
.product-card .tab-content .tab-content-item .img {
width: 120px;
height: 120px;
left: -15px;
top: -15px;
border: 5px solid #bee1d9;
}
}
.product-card .tabs input[type="radio"] {
display: none;
}
.product-card .tabs input[type="radio"]:checked + label {
background: #2e9e85;
color: #fff;
text-decoration: none;
border-radius: 22px;
}
.product-card .tabs input[type="radio"]:checked + label + .tab {
display: block;
}
.product-card .product-description {
margin-bottom: 70px;
}
.product-card .product-description h4 {
width: 100%;
text-align: left;
font-size: 24px;
color: #2e9e85;
font-weight: 600;
padding-bottom: 30px;
}
.product-card .product-description p {
padding-left: 14px;
position: relative;
font-size: 16px;
margin-bottom: 25px;
}
.product-card .product-description p:before {
content: '';
display: block;
width: 7px;
height: 7px;
position: absolute;
left: 0;
top: 5px;
background-image: url(../../image/images/icons/small-arrow.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.product-card .product-description img {
float: right;
max-width: 480px;
}
.product-card .product-pay {
display: flex;
flex-wrap: wrap;
}
.product-card .product-pay .item {
box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.18);
-webkit-box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.18);
-moz-box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.18);
margin-bottom: 20px;
width: calc(100% - 50px);
margin-left: auto;
position: relative;
padding: 50px;
}
.product-card .product-pay .item img{
position: absolute;
left: -65px;
top: calc(50% - 58px);
}
.product-card .product-pay .item h5 {
font-size: 21px;
font-weight: 600;
color: #000;
padding-left: 30px;
}
.product-card .product-pay .item p {
font-size: 16px;
color: #000;
padding-left: 30px;
}
.product-card .reviw {}
.reviews .form-1-block {
background-color: #FFF;
box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.18);
-webkit-box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.18);
-moz-box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.18);
}
.reviews .form-1-block h5 {
font-size: 20px;
font-weight: 500;
text-align: left;
padding: 20px 30px;
}
.reviews .avatar {
min-width: 100px;
height: 100px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
background-image: url(../../image/images/avatar.jpg);
margin: 20px;
}
.reviews .form-wrap {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: nowrap;
}
.reviews .form-1 {
width: calc(100% - 160px);
margin: 20px;
}
.reviews .form-1 textarea {
width: 100%;
height: 130px;
}
.reviews .form-1 input[type=text] {
width: 35%;
margin: 5px
}
.reviews .form-1 input[type=submit] {
width: calc(30% - 35px);
margin: auto;
}
.reviews .review-block {
box-shadow: 0px 1px 39px 0px rgba(216, 216, 216, 0.25);
-webkit-box-shadow: 0px 1px 39px 0px rgba(216, 216, 216, 0.25);
-moz-box-shadow: 0px 1px 39px 0px rgba(216, 216, 216, 0.25);
width: 100%;
margin-top: 30px;
}
.reviews .review-block .text {
padding: 15px;
}
.reviews .review-block .text h5 {
font-size: 18px;
color: #fba826;
font-weight: 500;
width: 100%;
text-align: left;
padding: 10px 0px;
}
.reviews .review-block .bottom {
width: max-content;
float: right;
height: 60px;
line-height: 60px;
}
.reviews .review-block .bottom .share-lnk {
font-size: 17px;
text-decoration: underline;
color: #c4b8a6;
cursor: pointer;
}
.reviews .review-block .bottom .btn-2 {
margin-left: 15px;
}
.reviews .review-block:not(:nth-of-type(2)) {
width: calc(100% - 50px);
margin-left: 50px;
}
.product-card .share,
.article-bottom-block .share {
width: 100%;
min-height: 60px;
line-height: 60px;
font-size: 16px;
height: 100%;
}
.product-card .share a,
.article-bottom-block .share a {
margin: auto 3px;
height: 100%;
display: table;
}
.product-card .share a img,
.article-bottom-block .share a img {
display: table-cell;
width: 100%;
}
.product-card .service-info {
display: flex;
flex-wrap: wrap;
}
.product-card .service-info div {
background-repeat: no-repeat;
background-position: 0 center;
margin-bottom: 20px;
}
.product-card .service-item {
padding-left: 65px;
font-size: 16px;
color: #333e50;
position: relative;
margin-left: 0;
margin-right: auto;
margin-top: 40px;
}
.product-card .service-item:before {
content:'';
width: 60px;
height: 60px;
border-radius: 50%;
background-color: #2e9e85;
background-position: center;
background-size: initial;
background-repeat: no-repeat;
display: block;
position: absolute;
left: 0;
top: -12px;
}
.product-card .service-info .service-item:nth-child(1):before {
background-image: url(../../image/images/icons/certificate.png);
}
.product-card .service-info .service-item:nth-child(2):before {
background-image: url(../../image/images/icons/grid.png);
}
.product-card .service-info .service-item:nth-child(3):before {
background-image: url(../../image/images/icons/location.png);
}
.similar {
padding-bottom: 60px;
}
/* ------------------ CART -----------------------*/
.checkout-cart, .checkout-checkout, [class^='information-'] {
background-image: url(../../image/images/bg/clouds-cart.png);
background-position: left top;
background-repeat: no-repeat;
background-size: auto;
}
.cart {
}
.cart .min-block {
width: 100%;
background-color: #2e9e85;
padding: 20px;
color: #FFF;
text-align: center;
box-shadow: 0px 8px 18px 0px rgba(46, 158, 133, 0.13);
}
.cart .min-block p, .cart .min-block span {
color: #ffff;
}
.cart .min-block span {
font-size: 36px;
font-weight: 600;
}
.cart .min-block p {
font-size: 23px;
font-weight: 400;
}
.cart .container {
counter-reset: cart-count;
}
.cart .cart-substrate {
width: 100%;
padding: 30px;
background-image: url(../../image/images/bg/white10x10-08.png);
background-size: cover;
margin-bottom: 50px;
}
.cart .cart-wrap {
box-shadow: 0px 8px 18px 0px rgba(46, 158, 133, 0.13);
width: 100%;
height: 100%;
position: relative;
background-color: #fff;
padding: 25px;
}
.cart .cart-item {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
color: #4c4c51;
position: relative;
margin-bottom: 25px;
margin-left: 0;
margin-right: 0;
}
.cart .cart-item:before {
counter-increment: cart-count;
content: counter(cart-count);
display: block;
width: 40px;
height: 25px;
background-color: #2e9e85;
position: absolute;
top: 5px;
left: -45px;
color: #fff;
text-align: center;
font-size: 18px;
font-weight: 500;
line-height: 28px;
}
.cart .d-table {
height: 100%;
}
.cart .cart-item-content {
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
}
.cart .product-qty-wrap {
display: table-cell;
float: unset;
vertical-align: middle;
min-width: 120px;
}
.cart .product-name {
max-width: 340px;
display: table;
height: 100%;
margin-left: 20px;
width: 37%;
}
.cart .product-name-wrap {
display: table-cell;
vertical-align: middle;
padding-left: 20px;
}
.cart .product-name-wrap p {
font-size: 16px;
font-weight: 500;
}
.cart .product-name-wrap .option {
font-size: 15px;
font-weight: normal;
margin-top: 20px;
position: relative;
padding-left: 10px;
}
.cart .product-name-wrap .option:before {
content:'';
display: block;
width: 7px;
height: 7px;
position: absolute;
left: 0;
top: 5px;
background-image: url(../../image/images/icons/small-arrow.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.cart .product-price {
display: table;
height: 100%;
text-align: center;
margin-left: -50px;
}
.cart .product-name .product-name-wrap,
.cart .product-price p,
.cart .total-price p {
display: table-cell;
vertical-align: middle;
}
.cart .product-price p,
.cart .total-price p {
font-size: 20px;
font-weight: 600;
padding-left: 15px;
color: #2e9e85;
}
.cart .product-price p span,
.cart .total-price p span {
font-size: 18px;
font-weight: normal;
}
.cart .total-price {
display: table;
height: 100%;
min-width: 180px;
text-align: left;
}
.cart .cart-item img {
min-height: 135px;
float: left;
width: auto;
}
.cart-item[class^='col-'] {
padding: 0;
}
.cart .remove {
width: 30px;
height: 30px;
background-image: url(../../image/images/icons/close4.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
position: absolute;
top: calc(50% - 20px);
right: 20px;
cursor: pointer;
}
.cart .content-row {
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
}
.cart .plant p {
padding-left: 25px;
font-size: 17px;
}
.cart .plant p span {
font-size: 20px;
color: #2e9e85;
}
.cart .plant-price {
font-size: 20px;
text-align: left;
white-space: nowrap;
}
.cart .plant-price p {
padding-left: 15px;
}
.cart .plant-remove {
width: 30px;
height: 30px;
background-image: url(../../image/images/icons/close3.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin: 0px 10px;
cursor: pointer;
}
.cart .summ,
.order .summ {
font-size: 20px;
text-align: center;
}
.cart .summ span,
.order .summ span {
font-size: 30px;
font-weight: 600;
}
.cart .btn-back,
.cart .btn-1 {
max-width: 310px;
}
.cart .btn-incart {
width: 312px;
height: 60px;
background-image: url(../../image/images/bg/button4.png);
}
/* ------------------ ORDER -----------------------*/
.order {
padding-top: 50px;
padding-bottom: 50px;
}
.order .container {
counter-reset: orderstep;
position: relative;
}
.order h1 {
text-align: left;
}
.order .formpanel {
box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.18);
-webkit-box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.18);
-moz-box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.18);
padding: 30px;
height: 100%;
width: 100%;
padding-left: 110px;
background-color: #fff;
}
.order .formpanel input[type=text] {
margin-bottom: 10px;
}
.order .formpanel h3 {
color: #000;
font-size: 24px;
font-weight: 500;
margin-bottom: 25px;
text-align: left;
position: relative;
}
.order .formpanel h3:before {
counter-increment: orderstep;
content: counter(orderstep)'.';
font-size: 60px;
position: absolute;
top: -12px;
color: #2e9e85;
font-weight: normal;
left: -70px;
}
.order .delivery-price {
padding-top: 23px;
}
.order .delivery-price p {
font-size: 18px;
padding-left: 15px;
color: #000;
}
#delivery-price {
font-weight: 600;
font-size: 20px;
}
/*
.order .delivery-price p span:nth-child(1) {
color: #000;
}
*/
.order .delivery-price p span {
font-size: 18px;
font-weight: normal;
color: #2e9e85;
}
.order .radio-1 label {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin-bottom: 20px;
}
.order .cb-wrap {
width: 100%;
margin: auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
padding-top: 20px;
}
.order .cb-wrap p {
width: 100%;
text-align: left;
font-size: 16px;
padding-left: 10px;
}
.order .cb-wrap a {
color: #2e9e85;
}
.order .min-deliv {
font-size: 16px;
padding-bottom: 25px;
}
.order .min-deliv:before {
content: '*';
color: #fba826;
padding-right: 6px;
}
.order .summ {
text-align: left;
line-height: 40px;
display: table-cell;
vertical-align: middle;
}
.order .order-button {
width: 100%;
}
.order .order-button .btn-incart {
max-width: 300px;
margin-left: auto;
}
.order .tree4 {
background: url(../../image/images/bg/tree4.png) bottom left no-repeat;
background-size: contain;
background-repeat: no-repeat;
height: 25vw;
width: 15vw;
position: absolute;
bottom: -50px;
right: -15vw;
z-index: -1;
}
.order-details {
width: 100%;
height: auto;
padding: 4px;
margin-top: 20px;
}
.order-details {overflow:auto}
.order-details::-webkit-scrollbar {display: none;}
.order-details {-ms-overflow-style: none;}
.order-details {overflow: -moz-scrollbars-none;}
.order-details table {
width: 100%;
border-collapse: collapse;
margin-top: 15px;
}
.order-details table tr th {
text-align: center;
}
.order-details table tr td {
border: 1px solid #000;
padding: 5px;
}
.order-details table tr td.text-center {
text-align: center;
}
.order-details table ul {
padding-left: 30px;
font-size: 14px;
padding-bottom: 10px;
}
.order-details table p.small {
font-size: 14px;
padding-left: 15px;
}
/* ------------------ ARTICLE -----------------------*/
.article {
padding-top: 50px;
padding-bottom: 50px;
}
.article h1 {
text-align: left;
}
.article h2 {
text-align: left;
font-weight: bold;
font-size: 25px;
padding-bottom: 25px;
}
.article h6 {
font-size: 18px;
font-weight: 500;
padding-bottom: 25px;
}
.article .content {
box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.18);
-webkit-box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.18);
-moz-box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.18);
width: 100%;
padding: 25px;
margin-bottom: 30px;
}
.article .content h5 {
color: #faa628;
font-size: 20px;
font-weight: 500;
text-align: left;
}
.article ol {
counter-reset: olCounter;
margin-bottom: 25px;
}
.article ol>li {
list-style: none;
}
.article ol>li:before {
counter-increment: olCounter;
content: counter(olCounter)'.';
color: #faa628;
font-weight: bold;
display: inline-block;
text-align: center;
margin: 5px 10px;
}
.article .content ol>li:before {
font-weight: 500;
}
.article .content ul li {
margin-bottom: 5px;
}
.article .content ol a {
color: #36474f;
font-size: 16px;
}
.article .content ol ul {
margin-left: 50px;
}
.article .content ol ul li {
list-style: none;
}
.article .content ol ul li:before {
content: '';
width: 7px;
height: 7px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
background: #faa628;
display: inline-block;
margin-right: 3px;
margin-bottom: 2px;
}
.article p {
padding-bottom: 30px;
}
.article .text-content img {
float: right;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
max-width: 100%;
height: auto;
margin: 15px;
}
.article ul {
list-style: none;
}
.article-table {
font-size: 16px;
}
.article-table th,
.article-table td {
padding: 15px 25px;
}
.article-table th:not(:last-child),
.article-table td:not(:last-child) {
border-right: 2px solid #FFF;
}
.article-table th {
background: #2e9e85;
font-weight: 500;
color: #fff;
}
.article-table tr:nth-of-type(odd) {
background: #f9f9f9;
}
.article-table tr:nth-of-type(even) {
background: #fff;
}
.article-bottom-block .author {
display: table;
margin-bottom: 50px;
}
.article-bottom-block .avatar img {
width: 60px;
height: 60px;
border: 4px solid #fb7d21;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.article-bottom-block .author-name h6 {
color: #fba826;
font-weight: 500;
padding-bottom: 0;
font-size: 18px;
}
.article-bottom-block .author-name {
font-size: 16px;
display: table-cell;
vertical-align: middle;
padding-left: 15px;
}
.article-bottom-block {
padding-top: 50px;
}
.article-bottom-block .stars span {
margin-bottom: -3px;
}
.article-bottom-block .stars span:first-child {
margin-left: 6px;
}
.article-bottom-block .stars span:last-child {
margin-right: 6px;
}
.article-bottom-block .stars {
margin-left: auto;
}
/* ------------------ CONTACTS -----------------------*/
.contacts {
padding-top: 10px;
background-image: url(../../image/images/bg/contacts-bottom.png);
background-position: left bottom;
background-size: contain;
background-repeat: no-repeat;
}
.contacts .map-right, .contacts .map-left {
position: absolute;
width: calc(50vw - 30px);;
height: calc(100% - 15px);
}
.contacts .map-right {
left: 0;
}
.contacts .map-left {
right: 0;
}
.contacts .t-block {
box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.18);
-webkit-box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.18);
-moz-box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.18);
padding: 25px;
height: auto;
margin-bottom: 20px;
}
.contacts .t-block .hdr {
display: block;
width: 100%;
background-position: left center;
background-repeat: no-repeat;
padding-left: 45px;
color: #000;
font-size: 20px;
height: 45px;
line-height: 44px;
font-weight: 500;
}
.contacts .t-block .calendar {
background-image: url(../../image/images/icons/calendar2.png);
}
.contacts .t-block .phone {
background-image: url(../../image/images/icons/telephone.png);
}
.contacts .t-block .mail {
background-image: url(../../image/images/icons/mail2.png);
}
.contacts .t-block.tiles a {
color: #333e50;
}
.contacts .t-block .social-icons,
.t-block .callback-button {
margin-top: 15px;
}
.contacts .t-block .address {
width: max-content;
background-position: 10px center;
background-repeat: no-repeat;
padding-left: 60px;
height: 45px;
line-height: 50px;
background-image: url(../../image/images/icons/map.png);
margin: auto;
display: block;
margin-bottom: 20px;
}
.contacts .t-block h3 {
font-size: 24px;
color: #f39734;
padding: 20px 0;
}
.contacts .t-block h4 {
font-size: 20px;
color: #f39734;
text-align: left;
padding-bottom: 20px;
}
.contacts .t-block.tiles p {
padding-bottom: unset;
color: #333e50;
}
.contacts .address-item {}
.contacts .address-item img {
width: 100%;
}
.contact-slider-1-wrap {
background-image: url(../../image/images/bg/white10x10-08.png);
background-size: cover;
padding: 0;
margin: 0;
position: relative;
}
.contact-slider-1-wrap .slick-arrow {
position: absolute;
display: block;
width: 45px;
height: 45px;
background-color: inherit;
top: calc(50% - 25px);
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
z-index: 999;
}
.contact-slider-1-wrap .prev-arrow {
left: -4px;
background-image: url(../../image/images/icons/contact-prev-arrow.png);
}
.contact-slider-1-wrap .next-arrow {
right: -4px;
background-image: url(../../image/images/icons/contact-next-arrow.png);
}
.contact-slider-1-wrap .slick-slide div:not([class]) {
display: flex;
}
.contact-slider-1-wrap .slide-wrap {
width: max-content;
}
.contact-slider-1-wrap .slide-wrap img {
width: 100%;
padding: 20px;
}
.contact-slider-1 .slider-dots {
position: relative;
left: unset;
margin: auto;
width: max-content;
text-align: center;
display: flex;
bottom: 50px;
}
.contact-slider-1 .slider-dots li {
background-color: #fff;
}
.contact-slider-1 .slider-dots .slick-active {
background-color: #2e9e85;
}
.contacts .map-text {
}
.contacts .map-text .address {
color: #000;
font-size: 18px;
padding-left: 55px;
position: relative;
height: 45px;
line-height: 45px;
margin-bottom: 20px;
}
.contacts .map-text .address:before {
content:'';
position: absolute;
left: 0;
top:0;
background-image: url(../../image/images/icons/pin.png);
background-size: contain;
background-repeat: no-repeat;
width: 45px;
height: 45px;
display: block;
}
.contacts .map-text h4 {
color: #32353a;
font-size: 24px;
font-weight: 500;
width: 100%;
text-align: center;
}
.contacts .map-text h5 {
color: #2e9e85;
font-size: 20px;
font-weight: 500;
width: 100%;
text-align: left;
margin-top: 40px;
margin-bottom: 15px;
}
.contacts .map-text p {
font-size: 18px;
color: #4c4c51;
}
.contacts .slider-contacts .slick-arrow {
position: absolute;
display: block;
width: 45px;
height: 45px;
background-color: inherit;
top: calc(50% - 25px);
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
z-index: 999;
}
.contacts .slider-contacts .next-arrow {
background-image: url(../../image/images/icons/contact-next-arrow.png);
}
.contacts .slider-contacts .prev-arrow {
background-image: url(../../image/images/icons/contact-prev-arrow.png);
}
.contacts .tree3 {
bottom: -20px;
right: -188px;
left: unset;
}
.slider-contacts {
position: relative;
}
.slider-contacts .next-arrow {
position: absolute;
top: calc(50% - 23px);
right: -7px;
}
.slider-contacts .prev-arrow {
position: absolute;
top: calc(50% - 23px);
left: -7px;
}
.contacts .map {
position: relative;
}
.contacts .map-contact-form {
width: 500px;
height: auto;
padding: 25px;
position: absolute;
background-color: #fff;
right: 150px;
top: 40px;
}
.contacts .map-contact-form .btn-1 {
background-color: #7fc143;
border-color: #7fc143;
}
.map-contact-form input,
.map-contact-form textarea {
margin-bottom: 15px;
max-height: 95px;
}
.map-contact-form input[type=text]::-webkit-input-placeholder {
text-align: center;
}
.map-contact-form input[type=text]:-moz-placeholder {
text-align: center;
}
.map-contact-form input[type=text]::-moz-placeholder {
text-align: center;
}
.map-contact-form input[type=text]::-ms-input-placeholder {
text-align: center;
}
.map-contact-form input[type=text]::-ms-input-placeholder {
text-align: center;
}
.map-contact-form input[type=text]::placeholder {
text-align: center;
}
.map-contact-form textarea::-webkit-input-placeholder {
text-align: center;
}
.map-contact-form textarea:-moz-placeholder {
text-align: center;
}
.map-contact-form textarea::-moz-placeholder {
text-align: center;
}
.map-contact-form textarea::-ms-input-placeholder {
text-align: center;
}
.map-contact-form textarea::-ms-input-placeholder {
text-align: center;
}
.map-contact-form textarea::placeholder {
text-align: center;
}
.map-contact-form h5 {
font-size: 30px;
font-weight: bold;
padding-bottom: 20px;
}
.map-contact-form .cb-wrap {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.map-contact-form p {
text-align: center;
}
.map-contact-form .cb-wrap p {
font-size: 15px;
text-align: left;
padding-left: 10px;
}
.map-contact-form .cb-wrap a {
color: #70af37;
}
.ajaxcart {
display: block;
position: absolute;
right: 20px;
background: rgb(255, 255, 255);
width: 380px;
z-index: 999;
transition: 500ms;
box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.18);
-webkit-box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.18);
-moz-box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.18);
top: 20px;
padding: 30px;
}
.ajaxcart:before {
content:'';
position:absolute;
top: 0;
height: 10px;
width: 195px;
background-color: #2e9e85;
left: 92px;
}
.ajaxcart h3 {
font-size: 27px;
font-weight: 550;
text-align: left;
}
.ajaxcart .close {
position: absolute;
top: 20px;
right: 20px;
width: 25px;
height: 25px;
background-image: url(../../image/images/icons/close2.png);
cursor: pointer;
background-repeat: no-repeat;
background-position: center;
transition: 500ms;
}
.ajaxcart .close:hover {
transform: rotate(90deg);
}
.ajaxcart .min-block {
box-shadow: 0px 0px 24px 0px rgba(168, 117, 80, 0.21);
-webkit-box-shadow: 0px 0px 24px 0px rgba(168, 117, 80, 0.21);
-moz-box-shadow: 0px 0px 24px 0px rgba(168, 117, 80, 0.21);
background-color: #2e9e85;
color: #FFF;
padding: 15px 25px;
margin: 15px -30px;
}
.ajaxcart .min-block p, .ajaxcart .min-block span {
color: #FFF;
}
.ajaxcart .min-block span {
font-size: 30px;
font-weight: 600;
padding-right: 6px;
}
.ajaxcart .product-item {
padding-top: 15px;
}
.ajaxcart .product-item .row1 {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.ajaxcart .product-item .row1 span {
padding-left: 10px;
line-height: 24px;
font-weight: 450;
}
.ajaxcart .product-item img {
max-width: 70px;
width: 70px;
padding-right: 5px;
height: auto;
}
.ajaxcart .product-item .row2 span {
font-size: 24px;
font-weight: 600;
padding-right: 6px;
}
.ajaxcart .product-item .row2 {
padding-top: 20px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
padding-bottom: 15px;
border-bottom: 1px solid #e1d5c3;
}
.ajaxcart .row2 .product-qty {
float: unset;
margin: auto;
}
.ajaxcart .row2 .price {
margin: auto;
}
.ajaxcart .row2 .product-qty span {
font-weight: normal;
}
.ajaxcart .row2 .remove {
width: 30px;
height: 30px;
border: 1px solid #2e9e85;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
background-image: url(../../image/images/icons/close.png);
cursor: pointer;
background-repeat: no-repeat;
background-position: 7px 7px;
}
.ajaxcart .btn-incart {
margin-top: 15px;
}
.ajaxcart .option-plant {
position: relative;
width: max-content;
}
.ajaxcart .plant-remove {
width: 20px;
height: 20px;
background-image: url(../../image/images/icons/close3.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin: 0px 10px;
cursor: pointer;
position: absolute;
right: -95px;
top: 4px;
}
.hidecart{
transform: scaleY(0);
top: -800px;
}
/* ------------------ FOOTER -----------------------*/
footer {
background-color: #32353a;
color: #FFF;
padding-bottom: 5px;
order: 10;
}
footer p{
color: #fff;
font-size: 16px;
}
footer a {
text-decoration: none;
color: #FFF;
}
footer .footer-logo-wrap {
position: relative;
min-height: 200px;
height: 100%;
}
footer .footer-logo-wrap img {
display: block;
padding-top: 15px;
}
footer .footer-logo-wrap .text {
position: absolute;
left: 0;
bottom: 0px;
font-size: 15px;
}
footer .footer-logo-wrap .text a {
text-decoration: underline;
color: #FFF;
display: block;
}
footer .footer-menu-wrap {
position: relative;
}
footer .footer-menu-wrap h3,
footer .footer-contacts-wrap h3{
font-size: 22px;
font-weight: bold;
color: #2e9e85;
text-align: left;
padding-top: 30px;
}
footer .footer-menu-wrap ul {
padding-top: 10px;
list-style: none;
line-height: 28px;
}
footer .phone {
padding-top: 30px;
font-size: 18px;
width: 100%;
text-align: left;
color: #fff;
}
footer .worktime {
position: relative;
margin-top: 20px;
margin-bottom: 12px;
}
footer .worktime span{
display: block;
padding-left: 0px;
color: #fff;
}
footer .worktime b {
color: #fff;
}
footer .callback-button {
margin-top: 15px;
}
footer .worktime span:before {
background-image: unset;
}
footer .mail span:before {
background-image: url(../../image/images/icons/mail-white.png);
}
.footer-contacts-wrap {
position: relative;
height: 100%;
min-height: 250px;
}
.footer-contacts-wrap .social-icons {
padding-top: 20px;
}
footer .socnet ul {
display: flex;
list-style: none;
}
footer .socnet ul li {
padding: 3px;
}
footer .small {
color: #fff;
font-size: 11px;
padding-top:30px;
}
footer .small a {
text-decoration: underline;
}
/*IE 10+ styles */
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
.menu-catalog .txt {
line-height: 50px;
}
.navbar nav ul {
margin-top: 6px;
}
.slide-container {
display: table;
}
.slide-container .content {
vertical-align: middle;
display: table-cell;
}
.slick-container .slick-prev,
.slick-container .slick-next {
height: 45px;
border-color: #FFF!important;
}
.slick-prev {
background-image: url(../../image/images/icons/arrow-left.png);
background-position: center;
background-repeat: no-repeat;
background-size: 25px;
}
.slick-next {
background-image: url(../../image/images/icons/arrow-right.png);
background-position: center;
background-repeat: no-repeat;
background-size: 25px;
}
.category-price {
display: table!important;
}
.category-price span {
display: table-cell!important;
vertical-align: middle;
text-align: center;
width: 100%;
}
.product-wrap .action-type {
display: table;
text-align: center;
}
.product-wrap .action-type span {
display: table-cell;
vertical-align: middle;
}
.catalog .sort {
display: table;
}
.catalog .sort .sort-item {
display: table-cell;
vertical-align: middle;
}
.catalog .sort .sort-item .qty-wrap {
display: table;
}
.catalog .sort .sort-item .qty-wrap span {
display: table-cell;
vertical-align: middle;
}
.catalog .sort .sort-item .qty-wrap .show-qty {
display: table-cell;
vertical-align: middle;
}
.catalog .sort select {
background-image: none;
}
}
/* NEW STYLES */
.about-wrap {
width: 100%;
position: relative;
padding-bottom: 30px;
padding-top: 30px;
}
.about-wrap h3{
padding: 10px;
background-color: #85cf2d;
color: #FFF;
-moz-border-radius-topright: 25px;
-webkit-border-top-right-radius: 25px;
border-top-right-radius: 25px;
-moz-border-radius-bottomright: 25px;
-webkit-border-bottom-right-radius: 25px;
border-bottom-right-radius: 25px;
margin-bottom: 20px;
}
.about-wrap .img{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
display: flex;
}
.about-wrap .img img{
object-fit: cover;
height: auto;
width: 44.77777%;
z-index: 999;
}
.about-wrap .box-shadow{
box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.18);
-moz-box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.18);
-webkit-box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.18);
text-align: center;
width: 100%;
/* margin: 15px; */
margin: 10px auto;
padding: 25px;
}
.about-wrap .box-shadow p{
font-size: 48px;
font-weight: bold;
text-align: center;
width: 100%;
color: #faa628;
}
.about-wrap .box-shadow span{
font-size: 18px;
}
.about-wrap .descr p{
font-size: 18px;
color: #4c4c51;
padding-top: 30px;
}
.goals{
background-color: #FFF;
padding-bottom: 50px;
padding-top: 50px;
}
.goals .goal-wrap p{
font-size: 16px;
margin-top: 20px;
}
.goals .goal-wrap{
display: flex;
flex-wrap: wrap;
}
.gallery{
padding-bottom: 50px;
padding-top: 50px;
}
.row.gallery div{
display: flex;
}
.row.gallery div a{
display: block;
margin: auto;
}
.gallery .img-wrap{
height: 360px;
background-size: cover;
background-position: center;
margin-bottom: 15px;
position: relative;
}
.gallery .img-wrap:before{
content: '';
background-color: #000;
background-image: url(../../image/images/icons/magnifier.png);
background-size: 40px;
background-position: center;
opacity: 0;
width: 100%;
height: 100%;
position: absolute;
transition: 0.5s;
background-repeat: no-repeat;
}
.gallery .img-wrap:hover:before{
opacity: 0.7;
}
.win-modal {
width: 100%;
max-width: 390px;
background: #FFF;
box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.12);
-webkit-box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.12);
-moz-box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.12);
padding: 35px;
position: relative;
background-image: url(../../image/images/bg/modal-bg.png);
background-size: auto;
background-position: right top;
background-repeat: no-repeat;
}
.win-modal:before {
content:'';
position:absolute;
top: 0;
height: 10px;
width: 195px;
background-color: #2e9e85;
left: 98px;
}
.win-modal h3 {
font-size: 25px;
padding-bottom: 20px;
}
.win-modal h4 {
padding-bottom: 15px;
}
.win-modal p.text {
font-size: 16px;
padding-bottom: 20px;
text-align: center;
}
.win-modal p {
padding-bottom: 20px;
}
.win-modal.error-modal:before {
content:'';
position:absolute;
top: 0;
height: 10px;
width: 195px;
background-color: #f50000;
left: 98px;
}
.win-modal.error-modal p {
padding-top: 20px;
font-size: 22px;
font-weight: 500;
color: #000;
}
.win-modal .close{
position: absolute;
top: 20px;
right: 20px;
width: 25px;
height: 25px;
background-image: url(../../image/images/icons/close2.png);
cursor: pointer;
background-repeat: no-repeat;
background-position: center;
transition: 500ms;
z-index: 99;
}
.win-modal .close:hover{
transform: rotate(90deg);
}
.win-modal .cb-wrap {
display: flex;
}
.win-modal .cb-wrap p{
margin-left: 5px;
font-size: 15px;
}
span.oneclick {
text-decoration: underline;
cursor: pointer;
}
.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(loading.gif) no-repeat 50% 50%; }
.g-hidden { display: none; }
.product-review-wrap{
width: 100%;
padding-left: 70px;
position: relative;
}
.product-review .form-1-block {
background-color: #FFF;
box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.18);
-webkit-box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.18);
-moz-box-shadow: 0px 0px 21px 0px rgba(168, 117, 80, 0.18);
padding: 20px 20px 20px 50px;
}
.product-review .btn-1{
height: 50px;
line-height: 22px;
width: 100%;
}
.product-review .product-rating-wrap {
width: max-content;
margin: auto;
}
.product-review .form-1-block h5 {
font-size: 20px;
font-weight: 500;
text-align: left;
padding: 20px 30px;
}
.product-review .avatar {
min-width: 100px;
height: 100px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
background-image: url(../images/avatar.jpg);
margin: 20px;
}
.product-review .form-wrap {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: nowrap;
}
.product-review .form-1 {
width: 100%;
margin: 20px;
}
.product-review .form-1 textarea {
width: 100%;
height: 130px;
}
.product-review .form-1 input[type=text] {
width: 100%;
margin: 5px
}
.product-review .form-1 input[type=submit] {
width: calc(30% - 35px);
margin: auto;
}
.product-review .review-block {
box-shadow: 0px 1px 39px 0px rgba(216, 216, 216, 0.25);
-webkit-box-shadow: 0px 1px 39px 0px rgba(216, 216, 216, 0.25);
-moz-box-shadow: 0px 1px 39px 0px rgba(216, 216, 216, 0.25);
width: 100%;
margin-top: 30px;
padding: 20px 20px 20px 70px;
margin-bottom: 30px;
min-height: 125px;
background-color: #fff;
}
.product-review .review-block .text {
padding: 15px;
}
.product-review .review-block .text h5 {
font-size: 18px;
color: #fba826;
font-weight: 500;
width: 100%;
text-align: left;
padding: 10px 0px;
}
.product-review .review-block .bottom {
width: max-content;
float: right;
height: 60px;
line-height: 60px;
}
.product-review .review-block .bottom .share-lnk {
font-size: 17px;
text-decoration: underline;
color: #c4b8a6;
cursor: pointer;
}
.product-review .review-block .bottom .btn-2 {
margin-left: 15px;
}
.product-review-wrap .avatar {
width: 90px;
height: 90px;
background-color: #e3eae8;
border-radius: 50%;
background-size: 65px;
background-repeat: no-repeat;
background-position: center 22px;
position: absolute;
top: 10px;
left: 25px;
}
.product-review .review-header {
display: flex;
margin-bottom: 20px;
}
.product-review .review-header .rating {
margin-left: auto;
display: flex;
}
.product-review .review-header .rating .rating-info {
font-size: 14px;
font-weight: 500;
padding-left: 10px;
}
.product-review .review-header .rating .rating-info span {
font-size: 16px;
color: #2e9e85;
}
.product-review .review-header .name {
color: #2e9e85;
font-size: 18px;
font-weight: 500;
}
.product-review .review-content {
font-size: 15px;
}
.product-review .review-footer {
position: absolute;
bottom: 10px;
}
.review-product {
margin-top: -20px;
margin-right: -38px;
}
.review-product .img {
width: 100%;
height: 200px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.review-product .info {
min-height: 135px;
background-color: #f9f9f9;
margin-left: 17px;
margin-right: 17px;
margin-bottom: -20px;
position: relative;
}
.review-product p {
text-align: center;
padding: 20px;
font-size: 16px;
font-weight: 500;
}
.review-product .link {
width: 100%;
text-align: center;
position: absolute;
bottom: 25px;
}
.review-product .link a {
color: #2e9e85;
font-size: 16px;
font-weight: 500;
padding-right: 40px;
position: relative;
}
.review-product .link a:after {
content: '';
position: absolute;
width: 32px;
height: 32px;
background-image: url(../../image/images/icons/btn-right.png);
background-repeat: no-repeat;
background-size: 30px;
right: 0;
top: -6px;
transition: 500ms;
}
.review-product .link a:hover:after {
transform: translate(6px, 0);
}
.error-message {
transition: 0.5s;
transform: scale(0);
font-size: 18px;
font-weight: 500;
color: #F00;
text-align: center;
width: 100%;
height: 0;
margin-top: -15px;
}
.error-message.show {
padding-bottom: 45px;
transform: scale(1.2);
padding-top: 10px;
}
.old-price2 {
text-decoration: line-through;
font-size: 14px!important;
color: #c6c6c6;
line-height: 5px!important;
margin-bottom: 0!important;
}
.notfound {
min-height: 500px;
margin-top: 50px;
}
.notfound .oops {
padding-top: 30px;
padding-bottom: 30px;
}
.notfound .oops p {
font-size: 20px;
color: #32353a;
}
.notfound .cat-slider {
width: calc(50vw + 85px);
position: absolute;
left:0;
height: 415px;
}
.notfound .categories {
background: none;
}
.notfound h2 {
text-align: left;
padding-bottom: 0px;
}
.cat-prev-arrow {
background-image: url(../../image/images/icons/rev-prev-arrow-g.png);
width: 45px;
height: 45px;
background-repeat: no-repeat;
background-position: center;
position: absolute;
bottom: 0;
left: 50px;
cursor: pointer;
}
.cat-next-arrow {
background-image: url(../../image/images/icons/rev-next-arrow-g.png);
width: 45px;
height: 45px;
background-repeat: no-repeat;
background-position: center;
position: absolute;
bottom: 0;
left: 120px;
cursor: pointer;
}
.h-left.big:before {
top: 125px;
}
.notfound .btn-incart {
max-width: 290px;
}
.article-item-wrap {
height: 460px;
box-shadow: 0px 0px 18px 0px rgba(41, 137, 116, 0.29);
position: relative;
margin-bottom: 30px;
}
.article-item-wrap h3 {
font-size: 18px;
text-align: left;
font-weight: 600;
padding-top: 25px;
padding-bottom: 20px;
}
.article-item-wrap a {
text-decoration: none;
}
.article-item-wrap .descr p {
font-size: 15px;
font-weight: 450;
}
.article-img {
width: 100%;
height: 220px;
background-size: cover;
}
.article-footer {
position: absolute;
bottom: 15px;
width: 100%;
}
.article-footer-wrap {
display: flex;
width: 100%;
}
.article-footer-content {
display: flex;
margin: 0 auto;
border-top: 1px solid #f0f2f2;
padding-top: 15px;
}
.article-footer-content img {
margin-right: 20px;
}
.article-footer-content p {
font-size: 15px;
color: #32353a;
line-height: 22px;
}
.article-footer-content p span {
font-weight: 500;
}
.article-day {
font-size: 55px;
font-weight: 600;
text-align: center;
width: 100%;
padding-top: 15px;
color: #e8e9e9;
}
.article-month {
color: #2e9e85;
font-size: 13px;
font-weight: 600;
text-align: center;
margin-top: -8px;
}
.article-popular-wrap {
box-shadow: 0px 8px 18px 0px rgba(41, 137, 116, 0.29);
background-color: #fff;
width: 100%;
padding: 20px;
background-image: url(../../image/images/bg/poparticle-bg.jpg);
background-position: right top;
background-repeat: no-repeat;
}
.article-popular-wrap a {
text-decoration: none;
}
.article-popular-wrap p {
font-size: 15px;
}
.article-popular-wrap .category {
color: #fff;
padding: 10px 15px;
border-radius: 20px;
margin: 4px;
background-color: #b1db1c;
display: block;
width: max-content;
margin-top: 5px;
margin-bottom: 25px;
}
.article-popular-wrap h5 {
font-size: 18px;
font-weight: 600;
text-align: left;
padding-bottom: 20px;
}
.articles-popular {
margin-bottom: 40px;
}
.articles-popular h4 {
color: #2e9e85;
font-size: 20px;
padding-bottom: 15px;
width: 100%;
position: relative;
margin-bottom: 20px;
}
.articles-popular h4:before {
content: '';
display: block;
height: 7px;
width: 45px;
background-color: #2e9e85;
position: absolute;
left: 0;
bottom: 0;
}
.no-bg {
background-image: none!important;
}
.attr {
width: 90%;
max-width: 950px;
display: flex;
flex-wrap: wrap;
margin-left: -15px;
}
.attr_item {
display: flex;
width: 50%;
border-right: 3px solid #FFF;
}
.attr_gr {
padding: 20px;
width: 50%;
}
.attr_txt {
padding: 20px;
}
.attr_item.grey {
background: #f9f9f9;
}
.attr h2 {
background: #2e9e85;
font-weight: 500;
font-size: 28px;
color: #fff;
width: 100%;
text-align: left;
padding: 20px;
}
.radio-2 input[type='radio']{
margin-top: 9px;
margin-right: 6px;
}
.top {
background-image: url(../../image/images/icons/top.png);
width: 45px;
height: 45px;
position: fixed;
bottom: 50px;
right: 50px;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
}
.warranty .item-wrap {
height: 350px;
margin-top: 30px;
}
.warranty .icon-block {
height: 50%;
position: relative;
}
.warranty .line {
width: 100%;
height: 10px;
margin: auto;
position: absolute;
top: calc(50% - 5px);
}
.warranty .circle {
width: 100px;
height: 100px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
position: absolute;
left: calc(50% - 50px);
top: calc(50% - 50px);
background-repeat: no-repeat;
background-position: center;
box-shadow: 0px 8px 18px 0px rgba(46, 158, 133, 0.13);
background-color: #fff;
display: flex;
}
.warranty .circle img {
margin: auto;
}
.warranty .text-block {
width: 90%;
text-align: center;
margin: auto;
}
.warranty .text-block h4 {
font-size: 21px;
font-weight: bold;
color: #2e9e85;
}
.warranty .text-block p {
font-size: 18px;
margin-top: 10px;
}
.warranty .warranty-block .circle {
box-shadow: 0px 8px 18px 0px rgba(46, 158, 133, 0.13);
background-color: #fff;
}
.warranty h5 {
font-size: 22px;
font-weight: 400;
margin-bottom: 30px;
text-align: left;
}
.warranty .cert p {
margin-bottom: 30px;
}
.warranty-form input[type="text"]{
display: inline-block;
width: 55%;
}
.warranty-form button {
display: inline-block;
width: 44%;
}
.warranty .callme {
width: max-content;
margin-right: auto;
position: relative;
}
.warranty .callme p {
text-align: center;
}
.warranty .callme:before {
content: '';
width: 60px;
height: 60px;
position: absolute;
left: -42px;
bottom: 38px;
background: url(../../image/images/icons/turn.png) center no-repeat;
transform: rotate(90deg);
}
.warranty .callme .phone {
font-size: 30px;
font-weight: bold;
color: #2e9e85;
text-align: center;
position: relative;
width: max-content;
padding-left: 35px;
}
.warranty .callme .phone:before {
content: '';
width: 35px;
height: 35px;
position: absolute;
left: 0;
top: 0;
background: url(../../image/images/icons/phone.png) center no-repeat;
}
.warranty .w_tree {
background: url(../../image/images/bg/w_tree.png) center no-repeat;
width: 34vw;
right: 2vw;
position: absolute;
height: 50vw;
top: 90px;
background-size: contain;
}
.warranty .w_tree .text {
top: 6vw;
left: calc(50% - 93px);
}
.warranty .w_tree .btn-incart {
position: absolute;
bottom: 10vw;
width: 280px;
left: calc(50% - 140px);
}
.warranty .spruce-1 {
top: 50%;
width: 20vw;
}
.whywe.v3 .cone-0{
top: -170px;
right:0;
}
.p-strong {
font-size: 18px;
font-weight:500;
color: #000;
}
.payment h3, .delivery h3 {
font-size:24px;
font-weight: bold;
color: #2e9e85;
text-align: left;
}
.delivery-form{
display: flex;
width: calc(100% - 30px);
box-shadow: 0px 0px 16px 0px rgba(41, 137, 116, 0.12);
padding: 40px;
flex-wrap: wrap;
margin: auto;
}
.deliv {
margin-left: 50px;
line-height: 55px;
}
.delivery .delivery-form h3 {
padding-bottom: 20px;
color:#000;
}
.deliv .deliv_text {
font-size: 18px;
}
.deliv .deliv_summ {
font-size: 24px;
color: #2e9e85;
font-weight:500;
}
.deliv .cur {
font-size: 18px;
color: #2e9e85;
}
.delivery-form .small-text {
width: 100%;
font-size: 16px;
padding-top: 15px;
}
.addr .item-block {
background-color: #fff;
background-image: url(../../image/images/icons/maps-and-flags.png);
background-position: center 30px;
background-repeat: no-repeat;
padding: 90px 20px 20px 20px;
width: 100%;
box-shadow: 0px 0px 16px 0px rgba(41, 137, 116, 0.12);
text-align: center;
}
.armeniaca-tree{
width: 100%;
height: 100%;
background-image: url(../../image/images/bg/armeniaca-tree-png.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.about p {
font-size: 18px;
font-weight:500;
padding-bottom: 30px;
}
.about .number {
width: 100%;
text-align: left;
font-size: 48px;
font-weight: bold;
padding-bottom:10px;
color: #2e9e85;
}
.about .small-text {
width: 100%;
text-align: left;
font-size: 16px;
padding-bottom:10px;
color: #2e9e85;
}
.warranty.v2 .text-block p{
font-size: 16px;
}
.sp-slider-item {
display: flex;
flex-wrap: wrap;
}
.specialist .bg {
width: 80%;
height: 290px;
background-color: #e9f4f2;
position: absolute;
left: 10%;
top: -30px;
border-top-left-radius: 145px;
border-bottom-left-radius: 145px;
border-top-right-radius: 145px;
border-bottom-right-radius: 145px;
}
.sp-slider-item .sp-img {
border-radius: 50%;
width: 260px;
height: 260px;
margin: auto;
border: 10px solid #b1dad1;
background-size: cover;
background-position: center;
}
.sp-slider-item {
padding-top: 65px;
}
.sp-slider-item .name {
font-size: 18px;
margin-top: 20px;
}
.sp-slider-item .position {
font-size: 16px;
color: #2e9e85;
margin-top: 10px;
}
.sp-slider-item p {
font-size: 15px;
margin-top: 10px;
text-align: center;
}
.sp-slider-item .sp-text {
width: 100%;
}
.slick-slide.slick-current.slick-active .sp-slider-item {
transform: translate(0px, -60px);
}
.slick-slide.slick-current.slick-active .sp-slider-item .sp-img {
height: 320px;
border-top-right-radius: 130px;
border-top-left-radius: 130px;
border-bottom-left-radius: 130px;
border-bottom-right-radius: 130px;
padding-top:0px;
}
.specialist-slider .slider-dots {
bottom: 15px;
}
.specialist .arrows div{
width: 45px;
height:45px;
margin: 0px 5px;
}
.specialist .arrows {
position: absolute;
display: flex;
right: 20px;
}
.contact.news {
padding-bottom: 0px;
padding-top: 10px;
}
.contact.news .addr .item-block {
min-height: 165px;
}
.contact.news .addr div:nth-child(4) .item-block{
background-image: url(../../image/images/icons/phone-ringing.png);
}
.filter_name {
text-decoration: none;
}
.mail{
color: #ffffff;
margin-top: 10px;
}
@media (max-width: 768px) {
.sf-wrap {
max-width: 280px;
margin: auto;
}
body {
/* max-width: 90vw; */
}
.worktime {
padding-bottom: 10px;
}
}
.bottom-subchilds {
list-style: none;
display: flex;
margin-top: 20px;
padding: 0;
flex-wrap: wrap;
overflow: hidden;
visibility: hidden;
}
.bottom-subchilds li {
padding: 3px 0px;
}
.bottom-subchilds li a {
display: block;
color: #fff;
text-decoration: none;
margin: 0 7px;
padding: 5px 10px;
border: 1px solid #2e9e85;
background: #2e9e85;
border-radius: 15px;
font-size: 14px;
}
.bottom-subchilds li.active span {
border: 1px solid #2e9e85;
border-radius: 15px;
font-size: 14px;
margin: 0 7px;
padding: 5px 10px;
display: block;
}
.show-more {
width: 100%;
padding-left: 10px;
margin-top: 15px;
display: none;
}
.show-more span {
font-size: 14px;
color: #2e9e85;
border-bottom: 1px dotted #2e9e85;
cursor: pointer;
}