:root {
--orange-color: #FF5E14;
--default-color: #16232B;
--gray-color: #767676;
--white-color: #ffffff;
}
@font-face {
font-family: 'AVFontimer';
src: url(//tdgrodno.by/wp-content/themes/tdgrodno/assets/fonts/AVFontimer/AVFontimer-Light.ttf) format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'AVFontimer';
src: url(//tdgrodno.by/wp-content/themes/tdgrodno/assets/fonts/AVFontimer/AVFontimer-Regular.ttf) format('truetype');
font-weight: 400; font-style: normal;
}
@font-face {
font-family: 'AVFontimer';
src: url(//tdgrodno.by/wp-content/themes/tdgrodno/assets/fonts/AVFontimer/AVFontimer-Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'AVFontimer';
src: url(//tdgrodno.by/wp-content/themes/tdgrodno/assets/fonts/AVFontimer/AVFontimer-SemiBold.ttf) format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'AVFontimer';
src: url(//tdgrodno.by/wp-content/themes/tdgrodno/assets/fonts/AVFontimer/AVFontimer-Bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'AVFontimer';
src: url(//tdgrodno.by/wp-content/themes/tdgrodno/assets/fonts/AVFontimer/AVFontimer-ExtraBold.ttf) format('truetype');
font-weight: 800;
font-style: normal;
}
html {
font-size: 10px;
font-family: 'AVFontimer';
}
html,
body {
height: 100vh;
}
path {
transition: .2s;
}
body,
button,
input,
select,
optgroup,
textarea,
p,
a,
li {
font-family: 'AVFontimer';
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.1;
font-family: 'AVFontimer';
margin-top: 0;
font-weight: 500;
}
h1,
h2 {
font-size: 6.4rem;
}
h3 {
font-size: 4.8rem;
}
h4 {
font-size: 3.2rem;
}
h5 {
font-size: 2.4rem;
}
h6 {
font-size: 2rem;
}
p {
font-size: 1.8rem;
margin: 0 0 15px 0;
font-weight: 300;
}
a {
text-decoration: none;
transition: .2s;
}
b,
strong {
font-weight: 600;
}
.post,
.page,
ul,
ol {
padding: 0;
margin: 0;
}
.wrapper {
height: auto;
}
.container {
width: 100%;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
}
.site-branding h1,
.site-branding h2,
p.site-title {
font-size: 0;
margin: 0;
text-indent: -1000000px;
}
.header {
background-color: var(--default-color);
padding: 15px 0;
position: sticky;
top: 0;
width: 100%;
transition: .4s;
z-index: 1231;
}
.header.down {
transform: translateY(-100%);
}
p.site-description {
color: var(--white-color);
font-size: 1.261rem;
margin-bottom: 0;
font-weight: 500;
}
.menu-bx,
.burger-checkbox,
.burger,
.mobile-bx {
display: none;
}
.header .wrap {
display: flex;
align-items: center;
justify-content: space-between;
}
.main-navigation {
width: auto;
position: relative;
z-index: 1;
}
.main-navigation a {
font-size: 2rem;
font-weight: 400;
color: var(--white-color);
}
.main-navigation a:hover {
color: var(--orange-color)
}
.main-navigation a:hover+svg path {
stroke: var(--orange-color);
}
.main.default {
margin-bottom: 80px;
}
.main-navigation .current_page_item>a {
font-weight: 500;
}
.main-navigation .menu {
display: flex;
gap: 30px;
justify-content: center;
}
.header-phone {
z-index: 1;
font-size: 2rem;
color: var(--white-color);
display: flex;
align-items: center;
gap: 6px;
}
.header-phone:hover {
color: var(--orange-color)
}
.header-phone:hover path {
fill: var(--orange-color)
}
.is-form-style .is-search-submit path {
fill: var(--orange-color) !important;
}
.is-form-style.is-form-style-3 label {
opacity: 0;
z-index: -1;
transition: .2s;
width: 300px !important;
right: 0;
position: absolute;
}
.is-form-style.is-form-style-3.show label {
opacity: 1;
z-index: 1;
}
.is-form-style button.is-search-submit {
border-radius: 100%;
width: 50px;
height: 50px;
background: var(--white-color);
cursor: pointer;
position: relative;
z-index: 1;
box-shadow: 2px 2px 8px rgba(0, 0, 0, .6) !important;
}
.is-form-style button.is-search-submit:hover {
background: var(--orange-color);
}
.is-form-style button.is-search-submit:hover path {
fill: var(--white-color) !important;
}
.is-search-icon svg {
width: 26px;
}
.is-search-icon,
.is-search-icon:hover {
background: transparent;
border: 0;
width: auto;
height: auto;
}
.is-form-style input.is-search-input {
font-family: 'AVFontimer';
font-size: 1.8rem !important;
height: 50px;
padding-right: 60px;
border-radius: 50px;
padding-left: 23px;
border: 0 !important;
}
.btn {
font-weight: 400;
color: var(--white-color);
padding: 14px 20px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 2px;
font-size: 2rem;
border: 1px solid var(--orange-color);
background: var(--orange-color);
border-radius: 10px;
line-height: 1;
}
.header .btn {
width: 283px;
}
.btn:visited {
color: var(--white-color)
}
.btn:hover {
background: var(--white-color);
color: var(--orange-color);
}
.btn:hover path {
stroke: var(--orange-color);
}
.main-slider-for .container {
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
height: 100%;
display: flex;
align-items: center;
}
.main-slider-for .content { position: relative;
}
.main-slider-for .content>* {
position: relative;
z-index: 1;
}
.main-slider-for .content:before {
content: '';
position: absolute;
left: -10%;
top: -5%;
width: 1100px;
height: 325px;
background: #233547;
border-radius: 50%;
filter: blur(150px);
transform: rotate(-5deg); }
.main-slider-for .content h1,
.main-slider-for .content h2 {
color: var(--white-color);
font-weight: 600;
line-height: 1.1;
margin-bottom: 20px;
}
.main-slider-for .content .text {
color: var(--white-color);
font-weight: 300;
margin-bottom: 35px;
}
.main-slider-for .content .text p {
font-size: 2.2rem
}
.main-slider-for .content .btn {  }
.main-slider .socials {
border-top: 1px solid rgba(255, 255, 255, .2);
padding-top: 32px;
display: flex;
margin-top: 150px;
width: 50%;
flex-direction: column;
}
.main-slider .socials .wrap {
display: flex;
gap: 30px;
}
.main-slider .socials span {
color: var(--white-color);
font-size: 1.6rem;
font-weight: 400;
margin-bottom: 15px;
}
.main-slider-for .slick-slide img,
.main-slider-nav .slick-slide img {
width: 100%;
object-fit: cover;
}
.main-slider {
position: relative;
}
.main-slider-nav {
position: absolute;
right: 0;
bottom: 0;
width: 600px;
}
.main-about .wrap {
display: grid;
grid-template-columns: 1fr 1fr;
}
.main-about {
padding-top: 140px;
margin-bottom: 300px;
}
.main-banner {
margin-bottom: 170px;
max-height: 1000px;
}
.main-about .wrap .images {
padding-left: 240px;
position: relative;
}
.main-about .wrap .images img:first-child {
position: absolute;
top: -140px;
left: 0px;
width: 430px;
}
.main-about .wrap .images img:last-child {
position: relative;
z-index: 1;
}
.main-about .wrap .content {
padding-left: 80px;
}
.main-about p {
font-size: 2rem;
margin-bottom: 20px;
}
.main-about .btn {
font-size: 1.8rem;
}
.main-about h1,
.main-about h2 {
margin-bottom: 40px;
font-weight: 500;
}
span.label {
font-size: 2.4rem;
color: var(--gray-color);
margin-bottom: 25px;
font-weight: 400;
display: inline-block;
}
h2.title,
h2 {
font-weight: 500;
margin-bottom: 70px;
}
.catalog {
margin-bottom: 220px;
}
.categories-grid {
display: grid;
grid-template-columns: 2fr 3fr; gap: 15px;
align-items: stretch;
}
.category-first {
position: relative;
}
.category-first img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 12px;
}
.categories-right {
display: flex;
flex-direction: column;
gap: 15px;
}
.categories-top {
display: grid;
grid-template-columns: 1fr 1fr; gap: 15px;
}
.categories-bottom {
display: grid;
grid-template-columns: repeat(3, 1fr); gap: 15px;
}
.category-item {
position: relative;
height: 100%;
}
.category-item a {
display: block;
position: relative;
height: 100%;
border-radius: 30px;
overflow: hidden;
}
.category-item a .link-btn {
position: absolute;
top: 22px;
right: 22px;
width: 43px;
height: 43px;
background: var(--white-color);
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.category-item a .link-btn svg {
width: 18px;
}
.category-item a .link-btn path {
stroke: var(--orange-color);
}
.category-item a:hover path {
stroke: var(--white-color);
}
.category-item a:hover .link-btn {
background: var(--orange-color)
}
.category-item a:after {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 50%;
background: #233547;
background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.category-item img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 12px;
}
.category-first span {
position: absolute;
bottom: 65px;
left: 62px;
color: var(--white-color);
font-size: 4rem;
font-weight: 400;
z-index: 1;
line-height: 1.1;
}
.categories-right .category-item span,
.categories-all span {
position: absolute;
bottom: 30px;
left: 20px;
color: var(--white-color);
font-size: 2.4rem;
font-weight: 400;
z-index: 1;
line-height: 1.1;
}
.categories-grid.mobile {
display: none;
}
.category-first .category-item a svg {
width: 30px;
}
.category-first .category-item a .link-btn {
width: 86px;
height: 86px;
}
.benefits {
padding: 100px 0 150px;
margin-bottom: 170px;
background:
url(//tdgrodno.by/wp-content/themes/tdgrodno/assets/images/benefits-bg2.jpg) center/cover no-repeat,
linear-gradient(180deg, rgba(41, 61, 74, 1) 0%, rgba(22, 35, 43, 1) 100%);
}
.benefits span.label {
display: flex;
align-items: center;
justify-self: center;
gap: 5px;
color: #99ADBB;
}
.benefits span.label svg {
position: relative;
top: -2px;
}
.benefits h2 {
margin-bottom: 75px;
color: var(--white-color);
text-align: center;
}
.benefits .tiles {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 85px;
}
.production.benefits .tiles {
grid-template-columns: repeat(4, 1fr);
gap: 50px;
}
.benefits .tiles .tile {
border-radius: 20px;
padding: 25px 20px 90px 20px;
position: relative;
}
.benefits .tiles .tile:nth-child(odd) {
background: #16232B;
}
.benefits .tiles .tile:nth-child(even) {
background: #192B37;
}
.benefits .tiles .tile:nth-child(2) .icon,
.benefits .tiles .tile:nth-child(5) .icon {
bottom: 10px;
}
.benefits .tiles .tile h3 {
color: var(--white-color);
font-weight: 500;
margin-bottom: 23px;
line-height: 1.1;
min-height: 106px;
padding-right: 40px;
font-size: 3.2rem;
}
.benefits .tiles .tile p {
color: #ABABAB;
font-size: 2rem;
font-weight: 400;
position: relative;
z-index: 1;
}
.benefits .tiles .tile .icon {
position: absolute;
right: 20px;
bottom: 20px;
}
.media-block {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
align-items: start;
position: relative;
overflow: hidden;
}
.media-main {
position: relative;
border-radius: 12px;
overflow: hidden;
background: #000;
}
.media-main img,
.media-main video {
width: 100%;
height: auto;
display: block;
border-radius: 12px;
}
.media-info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 0px 420px 50px 70px;
background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
color: #fff;
transition: 1s;
}
.media-info.hide {
bottom: -100%;
}
.media-info h2,
.media-info h3 {
font-size: 6.4rem;
margin-bottom: 17px;
font-weight: 500;
}
.media-info p {
margin-bottom: 20px;
font-size: 2.4rem;
color: #ABABAB;
}
.playlist-item {
position: relative;
cursor: pointer;
overflow: hidden;
border-radius: 10px;
background: #000;
color: #fff;
transition: transform 0.3s, box-shadow 0.3s;
width: 100px;
height: 100px;
}
.playlist-item h3 {
font-size: 2rem;
}
.playlist-item:hover {
transform: scale(1.02);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}
.main-slider-nav .playlist-item h3,
.media-playlist .playlist-item h3,
.media-playlist .playlist-item h4 {
position: absolute;
bottom: 20px;
left: 20px;
margin-bottom: 0;
padding-right: 20px;
}
.media-playlist .playlist-item h3,
.media-playlist .playlist-item h4 {
font-size: 2rem;
}
.playlist-item img {
width: 100%;
height: auto;
display: block;
border-radius: 10px;
}
.playlist-item.active::after {
content: "▶";
position: absolute;
bottom: 8px;
right: 8px;
font-size: 16px;
background: rgba(255, 255, 255, 0.2);
border-radius: 50%;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
}
.play-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 166px;
height: 166px;
border-radius: 50%;
border: none;
border: 2px solid rgba(255, 255, 255, 0.2);
background: rgba(255, 255, 255, 0.1);
cursor: pointer;
z-index: 5;
display: flex;
align-items: center;
justify-content: center;
transition: .2s;
}
.play-btn:hover {
background: transparent;
border-color: transparent;
}
.play-btn::before {
content: "";
background: url(//tdgrodno.by/wp-content/themes/tdgrodno/assets/images/icons/play.svg) 50% 50% no-repeat;
position: relative;
display: block;
width: 118px;
height: 118px;
transition: .2s;
}
.play-btn:hover:before {
transform: scale(1.4);
}
.media-playlist {
display: block;
position: absolute;
top: 50px;
right: 80px;
width: 285px;
transition: 1s;
}
.media-playlist.hide {
right: -100%;
}
.media-playlist .playlist-item,
.main-slider-nav .playlist-item {
width: 285px;
height: 200px;
margin-bottom: 60px;
border: 0;
}
.slick-prev,
.slick-next {
background: rgba(0, 0, 0, 0.5);
border-radius: 50%;
width: 28px;
height: 28px;
z-index: 10;
}
.slick-prev::before,
.slick-next::before {
color: #fff;
font-size: 18px;
}
.media-main video,
.media-main img {
width: 100%;
display: block;
border-radius: 12px;
max-height: 823px;
object-fit: cover;
}
.slider-nav .slick-slide,
.main-slider-nav .slick-slide {
outline: none;
}
.slider-nav .playlist-item,
.main-slider-nav .playlist-item {
position: relative;
cursor: pointer;
border-radius: 16px;
overflow: hidden;
}
.slider-nav .playlist-item .num,
.main-slider-nav .playlist-item .num {
position: absolute;
top: 25px;
left: 25px;
font-weight: 600;
font-size: 2.5rem;
color: var(--white-color);
line-height: 1;
}
.slider-nav .playlist-item img,
.main-slider-nav .playlist-item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.slider-nav .playlist-item .video-thumb {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
display: flex;
align-items: center;
justify-content: center;
font-size: 32px;
color: #fff;
}
.media-slide .overlay,
.playlist-item .overlay {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #233547;
background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.playlist-item .slide-arrow {
width: auto !important;
height: auto !important;
object-fit: none;
position: absolute;
bottom: 25px;
right: 25px;
}
.production {
margin-bottom: 250px;
}
.reviews .wrap {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 50px;
}
.reviews-slider {
max-width: 742px;
margin: 0 auto;
text-align: left;
}
.review-content blockquote {
font-size: 2.4rem;
color: #767676;
margin: 0 0 50px;
position: relative;
}
.review-author {
display: flex;
align-items: center;
gap: 15px;
}
.review-avatar img {
border-radius: 50%;
width: 50px;
height: 50px;
object-fit: cover;
}
.review-meta h3 {
margin: 0;
font-size: 2.4rem;
font-weight: 500;
}
.review-meta p {
margin: 0;
font-size: 2rem;
color: #767676;
}
.reviews-slider .slick-prev,
.reviews-slider .slick-next {
position: absolute;
width: 56px;
height: 56px;
border: 1px solid var(--orange-color);
border-radius: 10px;
cursor: pointer;
transition: .2s;
background: var(--orange-color)
}
.reviews-slider .slick-prev:hover,
.reviews-slider .slick-next:hover {
background: var(--white-color);
}
.reviews-slider .slick-prev:hover path,
.reviews-slider .slick-next:hover path {
fill: var(--orange-color);
}
.reviews-slider .slick-next {
right: 0;
bottom: 0;
}
.reviews-slider .slick-prev {
right: 86px;
bottom: 0;
}
.reviews {
margin-bottom: 290px;
}
.posts .wrap {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.posts .thumbnail {
margin-bottom: 23px;
border-radius: 30px;
overflow: hidden;
}
.posts .thumbnail img {
object-fit: cover;
display: block;
}
.posts h3 {
color: #222222;
font-size: 2.4rem;
font-weight: 400;
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.posts.uslugi h4 {
color: #222222;
font-size: 2.4rem;
font-weight: 400;
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.posts p {
color: var(--gray-color);
font-size: 2rem;
font-weight: 400;
}
.posts .link-btn svg {
width: 35px;
height: 35px;
transform: rotate(-45deg);
}
.posts .link-btn {
width: 40px;
height: 40px;
background: var(--orange-color);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--orange-color);
}
.posts .item:hover .link-btn {
background: var(--white);
}
.posts .item:hover .link-btn path {
fill: var(--orange-color)
}
.posts .item .thumbnail img {
transition: .2s;
height: 100%;
}
.posts .item .thumbnail {
height: 367px;
}
.posts .item:hover .thumbnail img {
transform: scale(1.02);
}
.posts {
margin-bottom: 220px;
}
.title-wrap {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.title-wrap span {
font-size: 2rem;
color: var(--gray-color);
}
.title-wrap {
margin-bottom: 70px;
gap: 100px;
}
.title-wrap h2.title {
margin-bottom: 0;
}
section.form {
background: url(//tdgrodno.by/wp-content/themes/tdgrodno/assets/images/form-1-bg.jpg) 0 0 no-repeat;
background-size: cover;
padding-top: 223px;
padding-bottom: 215px;
margin-bottom: 150px;
}
section.form .wrap {
display: flex;
align-items: center;
justify-content: space-between;
}
section.form .wrap__left {
max-width: 720px;
}
section.form .title {
font-size: 6.4rem;
line-height: 1.1;
color: #fff;
margin-bottom: 17px;
}
section.form p {
font-size: 2.4rem;
color: #B4B4B4;
}
.wpcf7 input {
background: #fff;
font-size: 1.8rem;
color: var(--default-color);
border-radius: 10px;
border: 0;
padding: 13px 18px;
margin-bottom: 17px;
width: 100%;
max-width: 300px;
}
.wpcf7 input::placeholder {
font-size: 1.8rem;
color: #CFCFCF;
}
input.wpcf7-submit {
transition: .2s;
background: var(--orange-color);
color: #fff;
font-size: 1.8rem;
border-radius: 10px;
padding: 16px;
text-align: center;
display: inline-block;
margin-left: auto;
margin-right: auto;
text-decoration: none;
cursor: pointer;
border: 1px solid var(--orange-color) !important;
}
input.wpcf7-submit:hover {
color: var(--orange-color);
background: #fff;
}
.wpcf7 p {
margin-bottom: 0;
}
.wpcf7 form .wpcf7-response-output {
font-size: 1.6rem;
color: #fff;
max-width: 300px;
}
.main-navigation .sub-menu {
flex-direction: column;
background: var(--default-color);
padding: 20px 25px;
border-radius: 10px;
}
.main-navigation .sub-menu li:not(:last-child) {
margin-bottom: 12px;
}
.main-navigation .sub-menu a {
color: #9CA5AF;
line-height: 1.1;
}
.main-navigation ul ul a {
width: 280px;
}
.main-navigation .sub-menu a:hover {
color: var(--white-color)
}
#main {
padding-top: 85px;
}
.woocommerce-breadcrumb,
.woocommerce-breadcrumb a,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb,
.kama_breadcrumbs,
.kama_breadcrumbs a {
font-size: 1.6rem;
font-weight: 400;
color: #7F7F7F;
}
.woocommerce .woocommerce-breadcrumb {
margin-bottom: 70px;
}
.kama_breadcrumbs {
padding-top: 85px;
padding-bottom: 120px;
}
main.inner .main-about .wrap .images img:first-child {
top: auto;
left: auto;
width: 100%;
}
main.inner .main-about .wrap .images {
padding-left: 0;
}
main.inner .main-about .wrap {
grid-template-columns: 1fr 1.5fr;
}
main.inner .main-about .wrap .content {
padding-left: 54px;
}
main.inner .main-about {
padding-top: 0;
margin-bottom: 80px;
}
.history {
margin-bottom: 150px;
}
.history .tiles {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 80px;
justify-content: space-between;
margin-bottom: 64px;
align-items: flex-start;
}
.history .tiles .tile {
width: calc(16.6% - 8px);
background: var(--white-color);
border: 1px solid #E6E6E6;
border-radius: 20px 0px 30px 30px;
box-shadow: 9px 12px 20px rgba(0, 0, 0, .1);
position: relative;
padding: 20px 12px 70px 0px;
}
.history .el {
position: absolute;
top: -60px;
right: 0;
width: 95px;
height: 60px;
border: 1px solid #E6E6E6;
border-radius: 20px 30px 0 0; box-shadow: 9px 3px 20px rgba(0, 0, 0, .1)
}
.history .el:before {
content: '';
display: block;
width: 20px;
height: 20px;
background: url(//tdgrodno.by/wp-content/themes/tdgrodno/assets/images/e4.png) 0 0 no-repeat;
background-size: 100%;
position: absolute;
left: -20px;
bottom: -1px;
transform: rotate(180deg);
}
.history .el:after {
content: '';
display: block;
position: absolute;
left: 0;
bottom: -25px;
width: 100%;
height: 35px;
background: var(--white-color);
}
.history .tiles .tile p {
position: relative;
z-index: 1;
margin-bottom: 0;
font-size: 1.6rem;
padding-left: 13px;
font-weight: 400;
}
.history .tiles .tile .years-bx {
padding: 0px 15px 15px 0;
display: none;
}
.history .tiles .tile .years-text {
color: var(--white-color);
background: var(--orange-color);
border-radius: 20px 20px 11px 20px;
padding: 10px 0;
width: 140px;
text-align: center;
font-size: 2rem;
font-weight: bold;
display: inline-block;
box-shadow: 7px 10px 15px rgba(0, 0, 0, .1);
position: absolute;
top: -61px;
z-index: 999;
}
.line {
width: 100%;
margin-left: 0;
height: 2px;
background: linear-gradient(90deg, #FF5E14 0%, rgba(255, 255, 255, 1) 100%);
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 20px;
}
.line__bx {
overflow: hidden;
height: 40px;
}
.line__circle {
width: calc(16.6% - 8px);
position: relative;
}
.line__circle:before {
content: '';
width: 20px;
height: 20px;
border-radius: 50%;
background: var(--white-color);
border: 4px solid var(--orange-color);
position: absolute;
left: 0;
top: -10px;
}
.line__circle:not(:first-child):before {
left: 26%;
}
.history .container {
position: relative;
}
.history__el-1 {
position: absolute;
top: 0;
right: -50px
}
.history__el-2 {
position: absolute;
bottom: -80px;
left: -80px;
}
.history h2 {
font-weight: 500;
}
.geography {
margin-bottom: 290px;
}
.geography .wrap {
display: grid;
grid-template-columns: 1fr 1.5fr;
gap: 60px;
}
.geography h2 {
font-weight: 500;
margin-bottom: 60px;
}
.geography .content img {
margin-bottom: 130px
}
.geography .content h4 {
font-weight: 400;
margin-bottom: 22px;
}
.geography .content {
padding-top: 40px;
}
h2.center,
h3.center {
text-align: center;
}
.certificates {
margin-bottom: 270px;
}
.certificates .wrap {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
}
.certificates .tiles {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
}
.certificates .tiles a {
box-shadow: 0 4px 18px rgba(50, 50, 50, .1);
border-radius: 30px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
padding: 12px 20px;
margin-bottom: 20px;
}
.certificates .tiles span {
font-size: 1.6rem;
text-align: center;
display: inline-block;
}
.faq {
margin-bottom: 80px;
}
.faq-item {   overflow: hidden; transition: all 0.2s ease; padding: 0;
border-bottom: 1px solid var(--default-color)
}
.faq-question {
padding: 45px 38px;
cursor: pointer;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 3.2rem;
line-height: 1;
z-index: 2;
}
.f .faq-question {
padding-left: 77px;
}
.faq-question img {
position: absolute;
top: 25px;
left: -14px;
}
.faq-answer {
padding: 0 50px 0 38px;
top: -30px;
position: relative;
display: none;
font-size: 2.4rem;
}
.faq-answer p {
font-size: 2.4rem;
}
.faq-icon {
font-size: 64px;
width: 32px;
line-height: 1;
font-weight: 600;
text-align: center;
color: #CDCDCD;
font-weight: bold;
transition: transform 0.2s ease;
}
.faq-item.open .faq-icon {
color: var(--orange-color)
}
.faq .wrap {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 50px;
}
.faq h3 {
font-weight: 500;
margin-bottom: 20px;
}
.faq .faq-subtitle {
font-weight: 300;
}
.how-to-order h2,
.how-to-order h3 {
text-align: center;
}
.how-to-order h5 {
text-align: center;
font-weight: 300;
}
.how-to-order .line__circle,
.how-to-order .tiles .tile {
width: calc(25% - 8px);
}
.how-to-order .tiles .tile .years-text {
width: 50px;
}
.how-to-order .tiles .tile p {
font-size: 2rem;
}
.how-to-order .el {
width: 315px;
background: var(--white-color)
}
.how-to-order {
background: #FAFAFA;
padding: 84px 0 40px;
}
.f+.how-to-order .el:before {
background: url(//tdgrodno.by/wp-content/themes/tdgrodno/assets/images/e4-2.png) 0 0 no-repeat;
background-size: 100%;
}
.how-to-order .tile h3,
.how-to-order .tile h5 {
text-align: left;
font-weight: 500;
font-size: 2.8rem;
margin-bottom: 15px;
margin-top: 5px;
padding-left: 13px;
margin-top: -65px;
position: relative;
z-index: 99;
left: 65px;
min-height: 62px;
}
.how-to-order .tile p {
margin-bottom: 10px;
position: relative;
}
.history.how-to-order+.faq {
margin-bottom: 200px;
}
.uslugi h3 {
margin-bottom: 15px;
max-width: 1200px;
display: block;
margin-left: auto;
margin-right: auto;
}
.uslugi p.center {
text-align: center;
margin-bottom: 60px;
max-width: 1000px;
display: block;
margin-left: auto;
margin-right: auto;
}
.posts .thumbnail {
position: relative;
display: block;
}
.posts .thumbnail .link-btn {
border-radius: 100%;
position: absolute;
top: 10px;
right: 10px;
z-index: 1;
background: var(--white-color);
border: 0;
}
.posts .thumbnail .link-btn path {
fill: var(--orange-color)
}
.posts .item:hover .thumbnail .link-btn {
background: var(--orange-color)
}
.posts .item:hover .thumbnail .link-btn path {
fill: var(--white-color)
}
.uslugi {
margin-bottom: 70px;
}
.single-content {
margin-bottom: 180px;
}
.single-content .wrap {
display: grid;
grid-template-columns: 1.5fr 1fr;
gap: 100px;
}
.single-content h1,
.single-content h2 {
font-size: 4.8rem;
font-weight: 500;
margin-bottom: 35px;
}
.content ul,
.summary ul,
.woocommerce-Tabs-panel ul {
list-style: none;
padding: 0;
margin: 0;
}
.content ul li,
.summary ul li,
.woocommerce-Tabs-panel ul li {
position: relative;
padding-left: 20px; margin-bottom: 30px;
font-size: 2.4rem;
color: var(--gray-color);
font-weight: 300;
}
.summary ul li,
.woocommerce-Tabs-panel ul li {
font-size: 2rem;
margin-bottom: 10px;
}
.content ul li:before,
.summary>ul li:before,
.summary .woocommerce-product-details__short-description ul li:before,
.woocommerce-Tabs-panel ul li:before {
content: "●"; position: absolute;
left: 0;
top: 0;
color: var(--orange-color);
font-size: 2.4rem;
line-height: 1.4;
}
.woocommerce-Tabs-panel ul li:before,
.summary .woocommerce-product-details__short-description ul li:before {
line-height: 1.2;
}
.content ol {
list-style: none;
counter-reset: custom-counter;
padding: 0;
margin: 0;
}
.content ol li {
counter-increment: custom-counter;
position: relative;
padding-left: 60px;
margin-bottom: 30px;
font-size: 3.2rem;
color: var(--default-color);
}
.content ol li::before {
content: counter(custom-counter);
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 43px;
height: 43px;
border-radius: 50%;
background: #ff5a00;
color: #fff;
font-size: 3.2rem;
font-weight: 400;
text-align: center;
line-height: 1.6;
}
.single-content p {
font-size: 2.4rem;
color: var(--gray-color);
font-weight: 300;
line-height: 1.2;
margin-bottom: 20px;
}
.audience-wrap {
position: relative;
width: 100%;
max-width: 100%;
height: 140px;
margin: 0 auto;
margin-top: 140px;
margin-bottom: 240px;
}
.audience-item {
position: absolute;
display: flex;
align-items: center;
white-space: nowrap;
z-index: 1;
gap: 22px;
}
.audience-item.item-1 {
top: 12px;
left: 50px;
}
.audience-item.item-3 {
top: 12px;
right: 32px;
}
.audience-item.item-2 {
top: 120px;
left: 50%;
transform: translateX(-50%);
}
.audience-item .number {
width: 43px;
height: 43px;
min-width: 43px;
border-radius: 50%;
background: #ff5a00;
color: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 400;
font-size: 3.2rem;
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.12);
z-index: 2;
margin-right: -12px;
}
.audience-item .text {
display: inline-block;
background: #fff;
padding: 8px 20px;
border-radius: 8px;
border: 1px solid #E6E6E6;
box-shadow: 0 6px 18px rgba(12, 18, 24, 0.08);
font-size: 3.2rem;
line-height: 1;
z-index: 1;
}
.info-image {
float: left;
margin: 0 55px 50px 0;
height: auto;
display: inline;
}
.info-block h2 {
display: inline;
}
.info-block span.label {
display: block;
}
.info-block h2 {
font-size: 4.8rem;
margin-bottom: 75px;
}
.info-block h2+p {
margin-top: 75px;
}
.info-block p {
font-size: 2.4rem;
color: var(--gray-color);
margin-bottom: 30px;
}
.postid-223 .custom-tiles,
.postid-223 .faq,
.postid-223 .info-float,
.postid-225 .custom-tiles,
.postid-225 .faq,
.postid-225 .info-float {
display: none;
}
.postid-221 .history {
background: var(--white-color)
}
.single-content.left .wrap {
grid-template-columns: 1fr 1fr;
}
.contacts .wrap {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 150px;
align-items: flex-start;
}
.contacts h2 {
font-size: 4.8rem;
margin-bottom: 24px;
}
.contacts h2+p {
font-size: 2rem;
margin-bottom: 70px;
}
.contacts-bx {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 45px;
}
.contacts-bx h4 {
font-size: 3rem;
margin-bottom: 20px;
}
.contacts-bx .text-link {
color: #848283;
font-size: 2rem;
font-weight: 400;
}
.contacts-bx .icon-bx {
display: flex;
align-items: center;
gap: 5px;
}
.contacts-bx .icon-bx a {
color: var(--default-color);
font-weight: 400;
}
.contacts-bx p {
font-weight: 400;
}
.contacts-form {
background: #F9F9F9;
height: 100%;
padding: 100px 50px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.contacts .socials .wrap {
gap: 30px;
display: flex;
}
.contacts {
margin-bottom: 134px;
}
.map {
margin-bottom: 200px;
}
.map .container>div {
border-radius: 20px;
overflow: hidden;
}
.footer-top {
background:
url(//tdgrodno.by/wp-content/themes/tdgrodno/assets/images/footer-bg3.png) center/cover no-repeat,
linear-gradient(180deg, rgba(41, 61, 74, 1) 0%, rgba(22, 35, 43, 1) 100%);
background-size: cover;
padding-top: 87px;
}
.footer .custom-logo-link img {
max-width: 100%;
width: 249px;
}
.footer p.site-description {
font-size: 1.7rem;
font-weight: 500;
}
.footer-top .wrap {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
gap: 50px;
}
.footer-top .site-branding {
margin-bottom: 60px;
}
.footer-info {
font-size: 1.8rem;
font-weight: 400;
color: #9CA5AF;
}
.footer-top .contacts-bx {
grid-template-columns: 1fr;
}
.footer-top h4 {
font-size: 3rem;
color: var(--white-color);
margin-bottom: 24px;
}
.footer-list li {
margin-bottom: 20px;
list-style: none;
}
.footer-list a {
font-size: 1.8rem;
color: #9CA5AF;
line-height: 1;
}
.footer-top .contacts-bx {
gap: 0px;
}
.footer-top .contacts-bx .socials {
margin-top: 20px;
}
.footer-top .contacts-bx .socials .wrap {
display: flex;
gap: 25px;
}
.footer-top .contacts-bx .icon-bx,
.footer-top .contacts-bx .icon-bx a {
font-size: 1.8rem;
color: #9CA5AF;
line-height: 1;
}
.footer-top .wrap .bx:last-child>p {
margin-bottom: 50px;
font-size: 1.8rem;
color: #9CA5AF;
font-weight: 400;
}
.footer-top {
padding-bottom: 90px;
}
.footer-bottom {
background: #1C2C36;
}
.footer-bottom .wrap {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 0;
}
.footer-bottom a {
font-size: 1.4rem;
font-weight: 500;
color: var(--white-color);
text-decoration: underline;
}
.dev {
font-size: 1.4rem;
font-weight: 500;
color: var(--white-color);
display: flex;
align-items: center;
gap: 10px;
}
.footer-bottom a:hover {
text-decoration: none;
}
.footer-list a:hover {
text-decoration: underline;
}
.woocommerce .products ul::after,
.woocommerce .products ul::before,
.woocommerce ul.products::after,
.woocommerce ul.products::before {
display: none;
}
.shop-wrap {
display: grid;
grid-template-columns: 1fr 3.2fr;
gap: 70px;
margin-bottom: 150px;
}
.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product {
float: none;
margin: 0;
width: auto;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.main-navigation li {
display: flex;
align-items: center;
}
.products.columns-3 {
display: grid;
gap: 80px 20px;
grid-template-columns: repeat(3, 1fr);
}
.catalog .products.columns-3 {
grid-template-columns: repeat(4, 1fr);
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
font-size: 3rem;
color: var(--default-color);
font-weight: 500;
margin-bottom: 20px;
padding: 0;
}
.woocommerce ul.products li.product .own-production-label {
font-size: 1.6rem;
color: var(--orange-color);
margin-bottom: 15px;
}
.woocommerce ul.products li.product a img {
margin-bottom: 12px;
border-radius: 15px;
}
.woocommerce ul.products li.product .stock-status,
.stock-label {
font-size: 2rem;
padding: 5px 15px;
font-weight: 400;
color: var(--default-color);
display: flex;
align-items: center;
gap: 10px;
position: absolute;
top: 15px;
right: 15px;
border-radius: 10px;
background: var(--white-color)
}
.woocommerce ul.products li.product .stock-status:before,
.stock-label:before {
content: '';
display: block;
width: 10px;
height: 10px;
border-radius: 100%;
}
.woocommerce ul.products li.product .stock-status.in-stock:before,
.stock-label.in-stock:before {
background: #3BAB48;
}
.woocommerce ul.products li.product .stock-status.out-of-stock:before,
.stock-label.out-of-stock:before {
background: red;
}
.woocommerce ul.products li.product .stock-status.on-backorder:before,
.stock-label.on-backorder:before {
background: var(--orange-color);
}
.stock-label {
right: auto;
left: 15px;
z-index: 1;
}
.woocommerce ul.products li.product .btn {
padding: 14px 50px;
}
.shop-filters .wp-block-heading {
font-size: 2.4rem;
font-weight: 400;
margin-bottom: 15px !important;
} .wc-block-product-filter-checkbox-list__input-wrapper {
position: relative;
display: inline-block;
width: 24px;
height: 24px;
border: 2px solid #ccc; border-radius: 6px; background-color: #fff;
vertical-align: middle;
cursor: pointer;
transition: border-color 0.2s, background-color 0.2s;
} .wc-block-product-filter-checkbox-list__input {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
margin: 0;
z-index: 2;
} .wc-block-product-filter-checkbox-list__mark {
position: absolute;
top: 50%;
left: 50%;
width: 14px;
height: 14px;
transform: translate(-50%, -50%) scale(0);
stroke: #fff;
transition: transform 0.2s ease;
pointer-events: none;
z-index: 1;
}
body .wc-block-product-filter-checkbox-list__input-wrapper:before {
opacity: 0;
} .wc-block-product-filter-checkbox-list__input:checked+.wc-block-product-filter-checkbox-list__mark {
transform: translate(-50%, -50%) scale(1);
} .wc-block-product-filter-checkbox-list__input:checked {
background-color: #ff6600; border-color: #ff6600;
} .wc-block-product-filter-checkbox-list__text-wrapper {
margin-left: 8px;
vertical-align: middle;
display: inline-block;
font-size: 14px;
color: #333;
user-select: none;
} .wc-block-product-filter-checkbox-list__input-wrapper:hover {
border-color: #ff6600;
}
body {   }
body.loaded {
opacity: 1;
}
body svg.wc-block-product-filter-checkbox-list__mark {
width: 20px;
height: 20px;
top: 10px;
left: 10px;
}
svg.wc-block-product-filter-checkbox-list__mark path {
stroke: var(--orange-color);
}
:where(.wc-block-product-filters) .wc-block-product-filters__overlay-content>:first-child {
display: none;
}
:where(.wc-block-product-filters) .wc-block-product-filters__overlay-content {
gap: 50px !important;
}
.wc-block-product-filter-checkbox-list__text-wrapper {
font-size: 1.7rem;
}
.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link {
width: auto;
font-size: 1.7rem;
padding: 12px 15px 10px 15px !important;
} .custom-orderby {
position: relative;
display: inline-block;
width: 314px;
font-size: 2rem;
}
.custom-orderby-selected {
position: relative;
background: #fff;
padding: 20px 30px;
border-radius: 20px;
cursor: pointer;
border: 1px solid #E3E3E3;
box-shadow: 0 2px 17px rgba(0, 0, 0, .05);
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
}
.custom-orderby-selected:after {
content: '';
display: block;
background: url(//tdgrodno.by/wp-content/themes/tdgrodno/assets/images/icons/order.svg) 50% 50% no-repeat;
width: 40px;
height: 25px;
}
.custom-orderby-dropdown {
padding: 15px 8px;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #fff;
border: 1px solid #E3E3E3;
border-radius: 20px;
margin-top: 5px;
z-index: 99;
}
.custom-orderby-option {
display: flex;
align-items: center;
padding: 5px 12px;
cursor: pointer;
}
input[type="radio"] {
accent-color: var(--orange-color);
}
.custom-orderby-option:hover {
background: #f9f9f9;
}
.custom-orderby-option input {
margin-right: 10px;
}
.custom-orderby.open .custom-orderby-dropdown {
display: block;
}
.woocommerce .woocommerce-ordering {
margin-bottom: 20px;
}
.shop-filters {
padding-top: 90px;
}
.woocommerce-shop .shop-wrap,
.search .shop-wrap {
grid-template-columns: 1fr;
}
.is-ajax-search-details .is-title a,
.is-ajax-search-post .is-title a,
.is-ajax-search-details a,
.is-ajax-search-result a,
.is-ajax-result-description,
.is-show-more-results-text {
color: var(--default-color) !important;
font-size: 1.6rem !important;
}
.how-to-order .tiles .tile>img {
position: absolute;
max-width: 60px;
right: 15px;
bottom: 15px;
}
.is-ajax-search-details .is-title a,
.is-ajax-search-post .is-title a,
.is-ajax-search-details a,
.is-ajax-search-result a {
color: var(--orange-color) !important;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
float: none !important;
}
.woocommerce div.product .product_title {
font-size: 4rem;
margin-bottom: 20px;
}
.woocommerce div.product .own-production-label {
font-size: 1.6rem;
color: var(--orange-color);
margin-bottom: 40px;
}
.woocommerce div.product div.summary p {
font-size: 2.4rem;
color: #717171;
}
.product_meta {
display: none;
}
.woocommerce-product-gallery .flex-viewport {
margin-bottom: 20px;
}
.woocommerce div.product div.images .flex-control-thumbs {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.woocommerce div.product div.images .flex-control-thumbs li {
float: none;
width: 100%;
border-radius: 30px;
overflow: hidden;
max-height: 150px;
}
.woocommerce div.product div.images {
margin-bottom: 100px;
}
.woocommerce-product-details__short-description {
margin-bottom: 50px;
font-size: 2rem;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: 0;
padding: 0;
margin: 0;
background-color: transparent;
margin-right: 50px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background: transparent;
border-bottom: 1px solid var(--orange-color);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
padding: 0;
font-size: 2rem;
font-weight: normal;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
color: #767D83;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: var(--default-color)
}
.woocommerce-Tabs-panel h2 {
display: none;
}
.woocommerce-Tabs-panel ul {
font-size: 1.6rem; margin-bottom: 10px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
margin-bottom: 30px;
}
.woocommerce table.shop_attributes th {
text-align: left;
padding: 0;
font-weight: normal;
width: 35%;
border-bottom: 0;
position: relative;
color: #484F55;
}
.woocommerce table.shop_attributes th::after,
.woocommerce table.shop_attributes td::after {
content: '';
border-bottom: 1px dotted #DADCDE;
height: 2px;
width: 100%;
position: absolute;
bottom: -1px;
left: 0;
}
.woocommerce table.shop_attributes th span {
background: #F1F3F6;
position: relative;
z-index: 1;
}
.woocommerce table.shop_attributes tr:nth-child(even) td,
.woocommerce table.shop_attributes tr:nth-child(even) th {
background: transparent;
}
.woocommerce table.shop_attributes td {
font-style: normal;
border-bottom: 0;
position: relative;
width: 50%;
text-align: right;
}
.woocommerce table.shop_attributes {
border-top: 0;
width: 100%;
max-width: 710px;
}
.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td {
font-size: 2rem;
color: #848283;
}
.woocommerce table.shop_attributes td p {
padding: 5px 0;
}
.woocommerce-product-attributes a {
color: #848283;
cursor: default;
font-size: 2rem;
font-weight: 400;
}
.woocommerce-Tabs-panel p,
.woocommerce-tabs {
color: #848283;
font-size: 2rem;
}
.woocommerce div.product form.cart div.quantity,
.cart .single_add_to_cart_button {
display: none !important;
}
.woocommerce-tabs { }
.woocommerce div.product {
margin-bottom: 130px;
overflow: hidden;
}
.popup-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 9998;
}
.popup {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 500px;
max-width: 90%;
background: #F9F9F9;
padding: 50px;
border-radius: 10px;
z-index: 9999;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
.popup .wpcf7 input {
max-width: 100%;
}
.popup h4,
.popup p {
text-align: center;
}
.popup h4 {
margin-bottom: 10px;
}
.popup h4+p {
margin-bottom: 40px;
}
.popup-content {
position: relative;
}
.popup .wpcf7 form .wpcf7-response-output {
max-width: 100%;
color: var(--default-color)
}
.popup-close {
position: absolute;
right: -32px;
top: -40px;
font-size: 22px;
cursor: pointer;
}
.popup .wpcf7-not-valid-tip {
margin-top: -10px;
margin-bottom: 20px;
font-size: 1.6rem;
}
.wpcf7-form-control-wrap {
display: block;
}
main {
background: url(//tdgrodno.by/wp-content/themes/tdgrodno/assets/images/main-bg-pattern-2.png) 0 0;
background-size: contain;
}
.production.page h1 {
font-size: 4.8rem;
margin-bottom: 15px;
text-align: center;
}
.production.page span.label {
font-size: 2.4rem;
font-weight: 300;
text-align: center;
margin-bottom: 70px;
}
section.instagram {
margin-bottom: 180px;
}
section.instagram h2 {
text-align: center;
}
section.instagram .inst-link {
display: flex;
justify-content: center;
align-items: center;
margin-top: 40px;
gap: 25px;
}
section.instagram .inst-link a {
font-size: 3.6rem;
text-decoration: underline;
color: var(--default-color);
}
section.instagram .inst-link a:hover {
text-decoration: none;
}
#sb_instagram .sbi_photo img {
border-radius: 20px;
}
#show-filter {
background: var(--orange-color);
color: #fff;
font-size: 1.8rem;
cursor: pointer;
padding: 10px 15px;
width: 100%;
display: none;
margin-bottom: 20px;
border: 0;
}
.card-content-images {
display: flex;
gap: 20px;
margin-top: 50px;
}
.card-content-images .item {
flex: 1;
}
.search-bx {
width: 50px;
height: 50px;
position: relative;
}
.search-bx form {
width: 300px;
position: absolute;
display: flex;
justify-content: flex-end;
left: -250px;
}
img.preview {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 1;
transition: .2s;
}
img.preview.hide {
opacity: 0;
z-index: -1;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
font-size: 1.6rem;
padding: 10px 12px 8px 12px;
color: var(--default-color);
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
background: var(--orange-color);
color: var(--white-color);
}
.woocommerce nav.woocommerce-pagination ul li {
border: 0;
}
.woocommerce nav.woocommerce-pagination ul {
border: 0;
}
.woocommerce nav.woocommerce-pagination {
margin-top: 60px;
}
.post-type-archive-uslugi section.form {
margin-bottom: 0;
}
section {
overflow: hidden;
}
body .ppc-button-wrapper,
body .wc-ppcp-paylater-msg__container,
body form.cart .quantity,
body table.variations,
body form.variations_form,
body .single_variation_wrap .variations_button,
body .widget.woocommerce.widget_shopping_cart {
display: block !important;
}
.woocommerce div.product div.summary p,
.reset_variations,
.single_variation_wrap,
.related.products, {
display: none !important;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product div.summary p.price {
font-size: 20px;
color: var(--orange-color);
}
.woocommerce div.product .summary .woocommerce-product-details__short-description p {
display: block !important;
}
.woocommerce div.product form.cart .variations {
margin-bottom: 60px;
}
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
font-size: 1.6rem;
}
.colors div,
.colors-2 div {
display: inline-block;
width: 120px;
text-align: center;
margin: 10px 20px 20px 0;
vertical-align: top;
}
.woocommerce-product-details__short-description table {
border-collapse: collapse;
border-spacing: 0;
vertical-align: middle;
width: 100%;
display: block;
overflow-x: auto;
white-space: nowrap;
}
.woocommerce-product-details__short-description table tr {
border: 1px solid #e8e8e9;
}
.woocommerce-product-details__short-description table td {
padding: 5px 10px;
font-size: 2rem;
}
.woocommerce div.product .woocommerce-product-details__short-description table p {
margin-bottom: 0;
font-size: 2rem;
color: var(--default-color)
}
.woocommerce div.product div.summary + h2 {
font-size: 3.2rem;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container {
max-width: 1320px;
}
}
@media (min-width: 1600px) {
.container {
max-width: 1564px;
}
}
@media (max-width: 1600px) {
.main-slider .socials {
margin-top: 80px;
}
.main-slider h1, 
.main-slider h2 {
font-size: 5.5rem
}
.main-navigation .menu {
gap: 20px;
}
.search-bx form {
top: 5px;
}
.how-to-order .tile h3,
.how-to-order .tile h5 {
font-size: 2.2rem;
padding-right: 35px;
}
.custom-logo-link img {
max-width: 140px;
} .main-navigation a,
.header-phone,
.btn {
font-size: 1.8rem;
}
.header .btn {
width: 263px;
}
.is-form-style button.is-search-submit {
width: 40px;
height: 40px;
}
.is-search-icon svg {
width: 23px;
}
.is-form-style input.is-search-input {
height: 40px;
}
.is-form-style input.is-search-input {
font-size: 1.6rem !important;
}
.main-about {
margin-bottom: 180px;
}
.categories-right .category-item span {
font-size: 2.2rem;
}
.category-first span {
font-size: 3.8rem;
}
.media-main video,
.media-main img {
max-height: 703px;
}
.media-playlist .playlist-item,
.main-slider-nav .playlist-item {
margin-bottom: 25px;
height: 180px;
}
h1,
h2,
.media-info h3,
section.form .title {
font-size: 6rem;
}
h2.title,
h2 {
margin-bottom: 40px;
}
.footer-top .contacts-bx .icon-bx,
.footer-top .contacts-bx .icon-bx a {
line-height: 1.2;
}
.footer-top .wrap {
gap: 20px;
}
.footer .custom-logo-link img {
width: 190px;
}
.footer p.site-description {
font-size: 1.5rem;
}
.footer-top .site-branding {
margin-bottom: 40px;
}
.benefits .tiles .tile h3 {
min-height: 66px;
}
.benefits .tiles {
gap: 50px;
}
.audience-item .text,
.content ol li {
font-size: 2.8rem;
}
.info-image {
width: 46%;
}
.how-to-order .el {
width: 250px;
}
.page-id-169 .history .tiles .tile .years-text {
width: 98px;
}
}
@media (max-width: 1400px) {
.page-id-169 .history .tiles .tile .el {
width: 65px;
}
.woocommerce div.product .woocommerce-product-details__short-description table p,
.woocommerce-product-details__short-description table td,
.woocommerce-product-details__short-description {
font-size: 1.6rem;
} .main-navigation a,
.header-phone,
.header .btn {
font-size: 1.4rem;
}
.header .btn {
width: 216px;
}
.custom-logo-link img {
max-width: 100px;
}
p.site-description {
font-size: 1rem;
}
h1,
h2,
.media-info h3,
section.form .title {
font-size: 5.5rem;
}
.main-about .wrap .images img:first-child {
width: 280px;
}
.main-about .wrap .images {
padding-left: 110px;
}
.main-about .wrap {
grid-template-columns: 1fr 1.5fr;
}
.main-about .wrap .content {
padding-left: 50px;
}
.category-first span {
left: 32px;
}
.category-first span {
font-size: 3.5rem;
}
h4 {
font-size: 2.8rem;
}
span.label {
font-size: 2.2rem;
}
h6 {
font-size: 1.8rem;
}
p,
.btn,
.main-about p,
.main-about .btn,
.benefits .tiles .tile p,
.footer-list a,
.woocommerce div.product div.summary p,
.woocommerce-product-attributes a,
.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td,
.woocommerce div.product div.summary p,
.content ul li,
.summary ul li,
.woocommerce-Tabs-panel ul li,
.woocommerce-Tabs-panel p,
.posts p,
.single-content p,
.info-block p,
.how-to-order .tiles .tile p {
font-size: 1.6rem;
}
.main-about h1,
.main-about h2 {
margin-bottom: 20px;
}
.media-info p,
section.form p {
font-size: 2rem;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
font-size: 2.2rem;
}
.audience-item .text,
.content ol li {
font-size: 2.2rem;
}
.info-block h2+p {
margin-top: 40px;
}
.how-to-order .el {
width: 206px;
}
.faq .faq-subtitle,
.faq-answer p {
font-size: 1.8rem;
}
.faq-answer {
line-height: 1.1;
top: -20px;
}
.faq-question {
padding: 30px;
font-size: 2.4rem;
}
}
@media (max-width: 1200px) {
.how-to-order .tile h3,
.how-to-order .tile h5 {
font-size: 2rem;
}
.page-id-169 .history .tiles .tile .years-text {
width: 68px;
font-size: 1.8rem;
}
.main-navigation,
.header-phone,
.header .wrap>.btn,
.search-bx,
.header .wrap>.site-branding {
display: none;
}
.burger-checkbox {
position: absolute;
visibility: hidden;
}
.mobile-bx {
display: flex;
gap: 28px;
align-items: center;
justify-content: space-between;
flex-direction: row-reverse;
width: 100%;
}
.burger {
position: relative;
z-index: 1;
cursor: pointer;
display: block;
position: relative;
border: none;
background: transparent;
width: 20px;
height: 16px;
z-index: 99999;
}
.burger::before,
.burger::after {
content: '';
left: 0;
position: absolute;
display: block;
width: 100%;
height: 2px;
border-radius: 10px;
background: var(--white-color);
}
.burger::before {
top: 0;
box-shadow: 0 7px 0 var(--white-color);
transition: box-shadow .3s .15s, top .3s .15s, transform .3s;
}
.burger::after {
bottom: 0;
transition: bottom .3s .15s, transform .3s;
}
.open-menu .burger::before {
top: 7px;
transform: rotate(45deg);
box-shadow: 0 6px 0 rgba(0, 0, 0, 0);
transition: box-shadow .15s, top .3s, transform .3s .15s;
}
.open-menu .burger::after {
bottom: 7px;
transform: rotate(-45deg);
transition: bottom .3s, transform .3s .15s;
}
.menu-bx {
top: 0;
left: 0px;
right: auto;
position: absolute;
z-index: 999;
display: grid;
gap: 12px;
margin: 0;
background: rgba(22, 35, 43, 1);
list-style-type: none;
transform: translateX(-200%);
transition: .3s;
width: 50%;
padding: 20px 15px;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: space-between;
padding-top: 60px;
padding-bottom: 90px;
overflow: auto;
}
.main-slider-for .content:before {
display: none;
}
.menu-bx li {
flex-direction: column;
align-items: flex-start !important;
}
.menu-bx .menu-item {
display: block;
padding: 8px 0;
color: white;
font-size: 18px;
text-align: center;
text-decoration: none;
}
.open-menu .menu-bx {
transform: translateX(0);
}
.menu-bx .menu {
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
align-items: flex-start
}
.menu-bx .sub-menu {
display: none;
padding-top: 17px;
gap: 10px;
background: transparent !important;
}
.menu-bx .menu-item-has-children {
position: relative;
}
.menu-bx .menu-item-has-children svg {
position: absolute;
left: 80px;
top: 12px;
width: 24px;
height: 24px;
cursor: pointer
}
.menu-bx .menu-item-has-children.open svg {
transform: rotate(180deg);
}
.menu-bx .menu-item-has-children path { }
.menu-bx li.open .sub-menu {
display: flex;
flex-direction: column;
}
.menu-bx .menu-item {
text-align: left;
padding-top: 0;
width: 100%;
}
.menu-bx .menu>li {
border-bottom: 1px solid rgba(166, 178, 195, .2);
padding: 10px 0;
}
.menu-bx .menu>li:last-child {
border-bottom: 0;
}
.header .menu>li.menu-item-has-children>a {
position: relative;
}
.menu-item-has-children .sub-menu {
background: transparent;
margin-left: 0;
padding-bottom: 0;
}
.menu-bx .menu-item a {
color: #fff;
font-size: 16px;
text-decoration: none;
}
.menu-bx .custom-logo-link {
margin-bottom: 0px;
}
.menu-bx .custom-logo-link img {
max-width: 100px;
}
.menu-bx hr {
background: rgba(166, 178, 195, .2);
width: 100%;
margin-bottom: 0;
}
body.open-menu main {
filter: blur(5px);
}
.burger-checkbox:checked+.burger::before,
.burger-checkbox:checked+.burger::after {
background: var(--orange-color);
}
.mobile-phone svg {
width: 22px;
position: relative;
top: 3px
}
.main-slider .socials {
width: 30%;
margin-top: 100px;
}
.categories-right .category-item span {
font-size: 1.8rem;
}
.category-first span {
font-size: 3rem;
}
.benefits .tiles {
gap: 20px;
}
.benefits .tiles .tile {
min-width: 0;
}
.media-main video,
.media-main img {
max-height: 508px;
}
.media-info h2,
.media-info h3 {
font-size: 3.5rem
}
.media-info p {
font-size: 1.6rem;
}
.media-info {
padding: 0px 380px 50px 40px;
}
.media-playlist {
right: 40px;
}
.reviews .wrap__left,
.reviews .wrap--right {
min-width: 0;
}
.reviews .wrap {
grid-template-columns: 1fr 2fr;
}
.reviews,
.production {
margin-bottom: 180px;
}
section.form .wrap__left {
max-width: 550px;
}
section.form {
padding-top: 183px;
padding-bottom: 175px;
}
.shop-wrap {
gap: 20px;
}
.posts .item .thumbnail {
height: 220px;
}
.posts p {
font-size: 1.6rem;
}
.posts h3 {
font-size: 2.2rem;
}
.posts.uslugi h4 {
font-size: 2.2rem;
}
.audience-item.item-1 {
left: 0;
}
.audience-item.item-3 {
right: 0;
}
.audience-item .number {
font-size: 3rem;
}
.audience-wrap {
margin-top: 100px;
}
.info-block p {
margin-bottom: 20px;
}
.how-to-order .el {
width: 162px;
}
.contacts .wrap {
gap: 50px;
}
.contacts h2+p {
font-size: 1.6rem;
}
}
@media (max-width: 992px) { .main-slider h1, .main-slider h2 {
font-size: 3.5rem;
}
.main-slider-for .content .text p {
font-size: 1.6rem;
}
.header.white {
background: var(--default-color); }
.faq-question img {
top: 13px;
}
.contacts .wrap {
grid-template-columns: 1fr;
}
.how-to-order .el {
width: 191px;
}
.contacts h2 {
text-align: left;
}
.map {
margin-bottom: 80px;
}
.contacts h2 {
font-size: 3.5rem;
}
.woocommerce ul.products li.product .stock-status,
.stock-label {
font-size: 1.6rem;
}
.shop-filters {
padding-top: 30px;
}
.custom-orderby-selected {
padding: 10px 20px;
}
#show-filter {
display: block;
} .shop-filters .widget.show {
display: block;
}
.shop-wrap {
grid-template-columns: 1fr;
gap: 20px;
}
.main-slider-nav,
.main-slider .socials {
display: none;
}
.main-slider-for .content .text {
margin-bottom: 33px;
}
.main-slider-for .content h2 {
font-size: 4.5rem;
}
.main-slider-for .content:before {
top: -80%;
width: 1020px;
height: 295px;
}
main {
background-size: auto;
}
.main-banner,
.main-about {
margin-bottom: 80px;
}
.main-about .wrap {
grid-template-columns: 1fr;
}
.main-about .wrap .images {
margin-bottom: 70px;
}
.main-about .wrap .content {
padding-left: 0;
}
.main-about .wrap .content {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.main-about p {
font-size: 1.8rem;
}
.main-about h1,
.main-about h2,
h2.title,
h2 {
font-size: 4.5rem;
}
.main-slider p {
font-size: 1.8rem;
line-height: 1.2;
}
.main-slider-for .content .btn,
.benefits .tiles .tile p,
.media-info p {
font-size: 1.8rem;
}
span.label {
display: block;
text-align: center;
}
h2.title,
h2 {
text-align: center;
}
.benefits .tiles {
grid-template-columns: repeat(2, 1fr);
}
.media-playlist {
position: relative;
right: 0;
top: 0;
}
.media-playlist {
width: 690px;
margin: 0 auto;
}
.slider-nav .slick-slide {
margin: 0 10px;
}
.slider-nav .slick-list {
margin: 0 -10px;
}
.media-info {
padding: 0 40px 50px 40px;
}
.media-main video,
.media-main img {
max-height: 378px;
}
.reviews .wrap {
grid-template-columns: 1fr;
}
section.form .wrap {
flex-direction: column;
}
section.form p {
margin-bottom: 50px;
text-align: center;
}
section.form {
padding-top: 130px;
padding-bottom: 100px;
}
.footer-top .wrap { display: flex;
flex-wrap: wrap;
}
.footer-top .wrap .bx {
width: 100%;
}
.footer-top .wrap .bx:nth-child(2),
.footer-top .wrap .bx:nth-child(3) {
width: 48%;
}
.categories-grid:not(.mobile) {
display: none;
}
.categories-grid.mobile {
display: grid;
align-items: flex-start;
grid-template-columns: 1fr;
}
.categories-all {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.category-item {
height: 308px;
}
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary,
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
width: 100%;
}
.woocommerce div.product div.images {
margin-bottom: 50px;
}
.posts .wrap {
grid-template-columns: 1fr;
gap: 50px;
}
.posts .item .thumbnail {
height: 260px;
}
.posts .item .thumbnail img {
width: 100%;
}
.uslugi h3 {
font-size: 3.5rem;
}
.single-content .wrap {
grid-template-columns: 1fr;
gap: 50px;
}
.kama_breadcrumbs {
padding-bottom: 70px;
}
.single-content h1,
.single-content h2 {
text-align: left;
}
.single-content h1,
.single-content h2,
.single-content h3 {
font-size: 4.5rem;
}
.audience-item {
position: relative;
top: 0 !important;
left: 0;
right: 0;
margin-bottom: 15px;
}
.audience-wrap {
margin-top: 0;
}
.info-image {
float: none;
width: 100%;
}
.history .tiles .slick-list {
padding: 100px 20px 80px 20px !important;
}
.history .slick-list .slick-track {
display: flex;
gap: 10px;
}
.history .line__bx {
display: none;
}
.history .tiles {
margin-top: 0;
}
.faq .wrap {
grid-template-columns: 1fr;
}
.audience-item {
transform: none !important;
position: relative;
left: 0 !important;
white-space: normal;
}
main.inner .main-about .wrap {
grid-template-columns: 1fr;
}
main.inner .main-about .wrap .content {
padding-left: 0;
}
.history .slick-list {
padding-left: 10px;
padding-right: 10px;
}
.geography .wrap,
.certificates .wrap {
grid-template-columns: 1fr;
}
.geography,
.certificates {
margin-bottom: 80px;
}
}
@media (max-width: 768px) {
.contacts-bx .text-link {
font-size: 1.4rem;
}
.site-branding {
text-align: center;
}
.custom-logo-link img {
max-width: 90px;
}
.header {
padding: 10px 0;
}
.site-branding h1,
.site-branding h2,
p.site-title {
display: none;
}
.card-content-images {
flex-direction: column;
}
.footer-top .wrap .bx:nth-child(2),
.footer-top .wrap .bx:nth-child(3) {
width: 46%;
}
.faq-question img {
top: 5px;
}
.how-to-order .tile h3,
.how-to-order .tile h5 {
left: 0;
margin-top: 0;
min-height: auto;
}
.contacts-bx {
grid-template-columns: 1fr;
}
.contacts-bx h4 {
font-size: 2.2rem;
}
.contacts-form {
padding: 50px 20px;
}
.info-image {
margin: 0;
margin-bottom: 50px;
}
.audience-item .text,
.content ol li,
.content ol li::before,
.audience-item .number {
font-size: 1.8rem;
}
.content ol li::before,
.audience-item .number {
width: 33px;
height: 33px;
line-height: 2;
}
.audience-item .number {
min-width: 33px;
}
.single-content,
.audience-wrap,
.history {
margin-bottom: 80px;
}
.audience-item .text {
font-size: 1.6rem;
}
.history .tiles .slick-list {
padding-bottom: 50px;
}
.history .tiles {
margin-bottom: 0;
}
.faq-question {
padding: 20px 0;
font-size: 1.8rem;
gap: 10px;
}
.faq .wrap {
gap: 0;
}
.faq-answer {
top: -9px;
padding: 0 40px 0 18px;
}
.how-to-order .el {
width: 230px;
}
.history .slick-list .slick-track {
gap: 30px;
}
.how-to-order .tiles .tile p {
line-height: 1.1;
}
h3 {
font-size: 3.5rem;
}
.content ol li {
padding-left: 43px;
}
.content ul li,
.summary ul li,
.woocommerce-Tabs-panel ul li {
margin-bottom: 10px;
}
.single-content h1,
.single-content h2,
.single-content h3,
.info-block h2 {
font-size: 3.5rem;
}
.uslugi h3 {
font-size: 2.2rem;
}
:where(.wc-block-product-filters) .wc-block-product-filters__close-overlay,
:where(.wc-block-product-filters) .wc-block-product-filters__open-overlay,
.custom-orderby {
font-size: 1.6rem !important;
}
.woocommerce ul.products li.product .btn {
padding: 10px 20px;
}
.audience-wrap {
height: auto;
padding: 12px;
}
.audience-item {
position: static;
display: flex;
margin: 8px 0;
}
.number {
margin-right: 10px;
}
.item-1,
.item-2,
.item-3 {
transform: none;
}
.footer-bottom .wrap {
flex-direction: column;
gap: 20px;
}
.main-slider-for .slick-slide img,
.main-slider-for .slick-slide video {
width: 100%;
height: 560px;
object-fit: cover;
}
.main-slider-for .content h2,
.main-about h1,
.main-about h2,
h2.title,
h2,
section.form .title {
font-size: 3.5rem;
}
.main-slider p,
.main-about p,
.main-slider-for .content .btn,
.benefits .tiles .tile p,
.media-info p,
.categories-right .category-item span,
.categories-all span,
.footer-top .contacts-bx .icon-bx,
.footer-top .contacts-bx .icon-bx a {
font-size: 1.6rem;
}
.categories-all span {
left: 10px;
}
.main-about .wrap .images img:first-child {
top: -70px;
width: 210px;
}
.main-about {
padding-top: 80px;
}
.category-item {
height: 180px;
}
.category-item a .link-btn {
width: 35px;
height: 35px;
top: 10px;
right: 10px;
}
.category-item a .link-btn svg {
width: 13px;
}
.category-item a {
border-radius: 15px;
}
.catalog,
.reviews,
.production,
section.form,
section.instagram,
.shop-wrap {
margin-bottom: 80px;
}
span.label,
.review-meta h3 {
font-size: 1.8rem;
}
.benefits {
padding: 80px 0;
margin-bottom: 80px;
}
.benefits .tiles .tile h3 {
font-size: 1.6rem;
min-height: 60px;
padding-right: 0;
margin-bottom: 10px;
}
.benefits .tiles .tile .icon {
width: 50px;
}
.how-to-order h3,
.how-to-order h5 {
font-size: 1.8rem;
}
.benefits .tiles .tile {
padding: 15px 15px 40px 15px;
border-radius: 15px;
}
.benefits .tiles .tile p,
.review-meta p {
font-size: 1.4rem;
}
.benefits .tiles {
gap: 12px;
}
.slider-nav {
display: none;
}
.play-btn::before {
background-size: contain;
width: 86px;
height: 86px;
}
.play-btn {
width: 86px;
height: 86px;
}
.media-info.hide {
bottom: -1000px;
}
.media-main video,
.media-main img {
width: 100%;
height: 500px;
object-fit: cover;
position: absolute;
max-height: 100%;
}
.media-info {
position: relative;
padding: 150px 15px 15px 15px;
}
.media-info h2,
.media-info h3 {
font-size: 2.2rem;
}
.media-info p {
font-size: 1.4rem;
}
.reviews-slider .slick-prev,
.reviews-slider .slick-next {
width: 40px;
padding: 0;
height: 40px;
}
.reviews-slider .slick-prev {
right: 56px;
}
section.form p,
.wpcf7 input,
input.wpcf7-submit,
.wpcf7 input::placeholder,
.footer-info {
font-size: 1.6rem;
}
section.form {
padding-top: 100px;
padding-bottom: 80px;
}
section.instagram .inst-link a {
font-size: 2rem;
}
section.instagram .inst-link {
gap: 15px;
}
section.instagram .inst-link svg {
width: 22px;
}
.footer-top .site-branding,
.footer-info {
text-align: center;
}
.footer-top h4 {
font-size: 2.5rem;
text-align: center;
}
.footer-list {
text-align: center;
}
.footer-list a,
.footer-top .wrap .bx:last-child>p {
font-size: 1.6rem;
text-align: center;
}
.footer-top .contacts-bx .icon-bx,
.footer-top .contacts-bx .icon-bx a,
.footer-top .contacts-bx .socials .wrap {
justify-content: center;
}
.footer-top .contacts-bx .socials {
margin-bottom: 50px;
}
.footer-bottom img {
max-width: 100px;
}
.footer-top {
padding-bottom: 40px;
}
.popup {
padding: 50px 20px;
}
.products.columns-3 {
grid-template-columns: 1fr 1fr;
gap: 50px 20px;
}
h1 {
font-size: 3.5rem;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
font-size: 1.8rem;
}
.woocommerce .woocommerce-breadcrumb {
margin-bottom: 40px;
}
.single-content.left .wrap {
grid-template-columns: 1fr;
}
.content ol li {
margin-bottom: 20px;
}
.benefits .tiles .tile h3 {
position: relative;
z-index: 1;
}
.kama_breadcrumbs,
#main {
padding-top: 40px;
}
.history.how-to-order+.faq {
margin-bottom: 80px;
}
.certificates .wrap {
gap: 50px;
}
.certificates .tiles span {
font-size: 1.2rem;
}
.certificates .tiles a img {
max-width: 50px;
}
.certificates p {
text-align: center;
}
.geography .content img {
margin-bottom: 30px;
}
.history h4 {
font-size: 2.2rem;
}
.page-id-169 .history .tiles .tile .years-text {
width: 72px;
}
.history .slick-list .slick-track {
gap: 10px;
}
.history .tiles .tile {
padding: 20px 12px 40px 0;
}
.page-id-169 .history .tiles .tile .el {
width: 208px;
}
:where(.wc-block-product-filters) .wc-block-product-filters__apply {
font-size: 1.6rem;
background: var(--orange-color);
color: var(--white-color);
padding: 15px;
border: 0;
}
.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link {
font-size: 1.4rem;
padding: 8px 13px 7px 12px !important;
}
.wc-block-product-filter-checkbox-list__text-wrapper {
font-size: 1.4rem;
}
:where(.wc-block-product-filters) .wc-block-product-filters__overlay-content {
gap: 25px !important;
}
.shop-filters .wp-block-heading {
font-size: 1.8rem;
}
.wc-block-product-filter-checkbox-list__input-wrapper {
width: 20px;
height: 20px;
}
.wc-block-product-filter-checkbox-list__label {
gap: 2px;
}
body svg.wc-block-product-filter-checkbox-list__mark {
width: 15px;
height: 15px;
top: 8px;
left: 8px;
}
.menu-bx {
width: 80%;
}
.menu-bx .menu-item a {
line-height: 1.1;
}
}
@media (max-width: 576px) {
.wpcf7 input {
max-width: 100%;
}
.woocommerce ul.products li.product .own-production-label {
font-size: 1.2rem;
text-align: center;
}
}