@font-face {
font-family: 'TildaSans';
src: url('../../fonts/TildaSans-Light.eot');
src:
url('../../fonts/TildaSans-Light.eot?#iefix') format('embedded-opentype'),
url('../../fonts/TildaSans-Light.woff2') format('woff2'),
url('../../fonts/TildaSans-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'TildaSans';
src: url('../../fonts/TildaSans-Regular.eot');
src:
url('../../fonts/TildaSans-Regular.eot?#iefix') format('embedded-opentype'),
url('../../fonts/TildaSans-Regular.woff2') format('woff2'),
url('../../fonts/TildaSans-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'TildaSans';
src: url('../../fonts/TildaSans-Medium.eot');
src:
url('../../fonts/TildaSans-Medium.eot?#iefix') format('embedded-opentype'),
url('../../fonts/TildaSans-Medium.woff2') format('woff2'),
url('../../fonts/TildaSans-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'TildaSans';
src: url('../../fonts/TildaSans-Semibold.eot');
src:
url('../../fonts/TildaSans-Semibold.eot?#iefix') format('embedded-opentype'),
url('../../fonts/TildaSans-Semibold.woff2') format('woff2'),
url('../../fonts/TildaSans-Semibold.woff') format('woff');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'TildaSans';
src: url('../../fonts/TildaSans-Bold.eot');
src:
url('../../fonts/TildaSans-Bold.eot?#iefix') format('embedded-opentype'),
url('../../fonts/TildaSans-Bold.woff2') format('woff2'),
url('../../fonts/TildaSans-Bold.woff') format('woff');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'TildaSans';
src: url('../../fonts/TildaSans-Extrabold.eot');
src:
url('../../fonts/TildaSans-Extrabold.eot?#iefix') format('embedded-opentype'),
url('../../fonts/TildaSans-Extrabold.woff2') format('woff2'),
url('../../fonts/TildaSans-Extrabold.woff') format('woff');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'TildaSans';
src: url('../../fonts/TildaSans-Black.eot');
src:
url('../../fonts/TildaSans-Black.eot?#iefix') format('embedded-opentype'),
url('../../fonts/TildaSans-Black.woff2') format('woff2'),
url('../../fonts/TildaSans-Black.woff') format('woff');
font-weight: 900;
font-style: normal;
}
body {
font-family: 'TildaSans',Arial,sans-serif;
}
h1 {
font-size: clamp(42px, 5vw, 82px);
font-weight: 600;
text-align: left;
line-height: 1.2;
}
h1.woocommerce-products-header__title.page-title,
h1.product_title.entry-title {
font-size: clamp(38px, 5vw, 46px);
font-weight: 600;
line-height: 1.2;
}
h2, .heading {
font-size: clamp(36px, 5vw, 42px);
font-weight: 400;
line-height: 1.2;
}
.entry-content p {
font-family: 'TildaSans',Arial,sans-serif;
font-size: 20px;
font-weight: 300;
}
a.btn-content,
.btn-content,
.btn-primary.callback {
width: 194px;
height: 44px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
font-size: 16px;
text-decoration: none;
}
.single_add_to_cart_button,
ul.products li.product .button,
.btn-primary {
background-color: #ff822e;
color: #fff !important;
border-radius: 3px;
}
.btn-primary:hover {
opacity: .8;
}
.element-center {
margin: 0 auto !important;
}
.text-center {
text-align: center;
}
.t700 {
font-weight: 700;
}
.mt-90 {
margin-top: 90px;
}
.mb-40 {
margin-bottom: 40px;
}
.fs-16 {
font-family: 'TildaSans',Arial,sans-serif;
font-size: 16px;
}
.fs-20 {
font-family: 'TildaSans',Arial,sans-serif;
font-size: 20px;
}
.fs-22 {
font-family: 'TildaSans',Arial,sans-serif;
font-size: 22px;
}
.fs-24 {
font-family: 'TildaSans',Arial,sans-serif;
font-size: 24px;
}
.fs-46 {
font-family: 'TildaSans',Arial,sans-serif;
font-size: 46px;
}
section.section {
padding: 1rem 0 6rem;
}
.entry-content a,
.entry-categories-inner a,
nav.woocommerce-breadcrumb a,
span.posted_in a {
color: #ff812b !important;
}
/* Header */
ul.primary-menu li a {
font-size: 16px;
font-weight: 400;
color: #000 !important;
}
.header-contact-wrapper {
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.header-contact {
display: flex;
flex-direction: column;
gap: 5px;
font-size: 14px;
}
a.header-phone {
color: #000;
text-decoration: none;
}
a.header-phone:hover {
text-decoration: underline;
}
.callback-link {
font-size: 14px;
font-weight: 500;
cursor: pointer;
}
.callback-link:hover {
color: #ff822e;
}
/* Footer */
footer#site-footer {
background-color: #efefef;
font-size: 16px;
}
.footer-section {
display: flex;
flex-direction: column;
gap: 20px;
}
.footer-menu {
gap: 55px;
}
.footer-menu,
.footer-menu li {
margin: unset;
}
ul.footer-menu li a {
font-size: 16px;
color: #000 !important;
}
span.title-feedback {
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
}
.footer-social,
.footer-contact {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
}
a.footer-tg-link {
width: 101px !important;
height: 52px !important;
display: flex;
align-items: center;
justify-content: center;
}
a.btn-primary.feedback {
width: 216px;
height: 52px;
display: flex;
justify-content: center;
align-items: center;
background-color: transparent;
color: #000 !important;
font-weight: bold;
}
a.btn-primary.feedback:hover {
background-color: #ff822e !important;
text-decoration: none !important;
opacity: 1;
}
.footer-contact a {
color: #000;
}
a.footer-phone {
font-size: 28px;
font-weight: 700;
}
a.footer-policy {
font-size: 20px;
color: #000;
}
/* ul.footer-menu li a:hover,
a.footer-phone:hover,
a.footer-policy:hover {
text-decoration: none !important;
} */
@media only screen and (max-width: 768px) {
.header-inner {
padding: 1rem 0 3.15rem 0;
}
.site-logo img {
max-height: 5em;
}
.menu-bottom {
align-items: center;
display: flex;
justify-content: space-between;
padding: 4.4rem 0;
}
}
@media only screen and (max-width: 492px) {
#site-footer .section-inner {
flex-direction: column;
}
.footer-section-bottom {
margin: 20px auto 0;
}
}
#scrollup {
padding: 0;
margin: 0;
outline: none;
border: none;
background: none;
cursor: pointer;
position: fixed;
right: 60px;
bottom: 60px;
z-index: 999;
display: none;
flex-direction: column;
align-items: center;
font-size: 16px;
font-weight: 700;
line-height: 28px;
letter-spacing: 0.04em;
color: #FF822E;
opacity: 0.8;
}
#scrollup:hover {
opacity: 1;
}
#scrollup:before {
content: '';
height: 61px;
width: 1.5px;
background: linear-gradient(270deg, #FFFFFF -19.44%, #FF822E 44.12%, rgba(255, 255, 255, 0.24) 117.57%);
display: flex;
position: relative;
left: 45%;
}
@media only screen and (max-width: 630px) {
#scrollup {
right: inherit;
left: 30px;
}
}
/* Reviews */
.reviews-block {
font-family: 'TildaSans', Arial, sans-serif;
}
.reviews-block .review-desc {
display: flex;
align-items: center;
/* justify-content: space-between; */
gap: 25px;
margin-bottom: 30px;
margin-top: 60px;
}
.reviews-block .review-desc p {
max-width: 50%;
font-weight: 400;
font-size: 18px;
line-height: 144%;
}
.reviews-block .review-desc a {
background: #FF822E;
border-radius: 3px;
padding: 0px 15px;
max-width: 50%;
width: 481px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
font-size: 16px;
line-height: 150%;
color: #fff !important;
box-sizing: border-box;
text-decoration: none;
}
.reviews-block .review-item {
padding: 0 30px;
margin: 50px 0 0;
}
.reviews-block .slick-list {
margin-left: -24px;
}
.reviews-block .name {
display: flex;
gap: 16px;
font-weight: 700;
font-size: 16px;
line-height: 150%;
margin-bottom: 24px;
}
.reviews-block img {
min-width: 69px;
}
.reviews-block .text {
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #1a1a1a;
}
.reviews-block .slick-prev {
background: url('data:image/svg+xml,');
width: 30px;
height: 30px;
top: 110%;
left: 0px;
}
.reviews-block .slick-next {
background: url('data:image/svg+xml,');
width: 30px;
height: 30px;
transform: rotate(180deg);
top: 104.3%;
left: 40px;
}
.reviews-block .slick-next:before,
.reviews-block .slick-prev:before {
display: none;
}
.reviews-block .slick-prev:hover,
.reviews-block .slick-prev:focus {
background: url('data:image/svg+xml,');
width: 30px;
height: 30px;
top: 104%;
left: 0px;
transform: rotate(180deg);
}
.reviews-block .slick-next:hover,
.reviews-block .slick-next:focus {
background: url('data:image/svg+xml,');
width: 30px;
height: 30px;
top: 104%;
left: 40px;
transform: none;
}
@media screen and (max-width: 1165px) {
.reviews-block .slick-next,
.reviews-block .slick-next:hover,
.reviews-block .slick-next:focus,
.reviews-block .slick-prev:hover,
.reviews-block .slick-prev:focus {
top: 115%;
}
}
@media screen and (max-width: 960px) {
.reviews-block .review-desc {
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.reviews-block .review-desc p,
.reviews-block .review-desc a {
max-width: 100%;
}
.reviews-block .text {
min-height: 150px;
}
}
@media screen and (max-width: 551px) {
.reviews-block .text {
min-height: 170px;
}
}
@media screen and (max-width: 495px) {
.reviews-block .text {
min-height: 200px;
}
.reviews-block .slick-next {
top: 94.3%;
}
.reviews-block .slick-prev {
top: 98%;
}
.reviews-block .slick-prev:hover,
.reviews-block .slick-prev:focus,
.reviews-block .slick-next:hover,
.reviews-block .slick-next:focus{
top: 104%;
}
}
@media screen and (max-width: 454px) {
.reviews-block .text {
min-height: 235px;
}
}
@media screen and (max-width: 399px) {
.reviews-block .text {
min-height: 265px;
}
}
/* Question */
.question-block {
font-family: 'TildaSans', Arial, sans-serif;
margin-bottom: 100px !important;
}
.question {
position: relative;
border-radius: 3px;
height: 174px;
margin-bottom: 25px;
}
.question::after {
content: '';
position: absolute;
bottom: 0;
left: 0px;
height: 174px;
width: 100%;
background: url('data:image/svg+xml,');
background-repeat: no-repeat;
z-index: -1;
}
.question p {
font-weight: 500;
font-size: 20px;
line-height: 163%;
padding: 0px 40px;
height: 121px;
display: flex;
align-items: center;
}
.answer {
position: relative;
border-radius: 3px;
height: 274px;
margin-bottom: 25px;
}
.answer::after {
content: '';
position: absolute;
bottom: 0;
left: 0px;
height: 274px;
width: 100%;
background: url('data:image/svg+xml,');
background-repeat: no-repeat;
z-index: -1;
}
.answer p {
padding: 0px 40px;
max-width: 1000px;
height: 192px;
display: flex;
align-items: center;
font-weight: 400;
font-size: 18px;
line-height: 181%;
}
.question-block .slick-dots li button {
background: #d3d5dc;
border-radius: 10px;
width: 10px;
height: 6px;
margin: 0 5px;
padding: 0;
}
.question-block .slick-dots li button:before {
display: none;
}
.question-block .slick-dots li.slick-active button {
background: #f9833b;
width: 20px;
}
.question-block .slick-dots li {
width: auto;
height: auto;
margin: 0;
padding: 0;
}
.question-block .slick-dots {
bottom: -40px;
padding: 0 !important;
}
@media screen and (max-width: 1200px) {
.question p {
height: 121px;
border-right: 1px solid #f9833b;
border-radius: 3px;
}
.answer p {
height: 190px;
line-height: 150%;
background-position: right;
}
.answer::after {
background-position: right;
}
}
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 515px) {
.answer p {
padding: 0px 30px;
font-size: 15px;
line-height: 135%;
margin-right: 1px;
}
.question p {
padding: 0px 30px;
font-size: 18px;
line-height: 130%;
}
}
/* AAbout */
.about-block {
display: flex;
margin: 100px auto;
gap: 150px;
}
.about-block-text p {
font-size: 16px;
}
a.about-more {
font-family:'TildaSans',Arial,sans-serif;
color: #ff822e;
font-size: 13px;
text-decoration: none;
position: relative;
}
a.about-more:after {
content: "";
position: absolute;
top: 2px;
width: 17px;
height: 17px;
background-image: url(/images/more-arrow.webp);
background-size: 80%;
background-repeat: no-repeat;
right: -20px;
}
@media only screen and (max-width: 992px) {
.about-block {
flex-direction: column;
gap: 50px;
}
}
@media only screen and (max-width: 492px) {
.about-block {
margin: 40px auto;
}
}
/* Doc slider */
.doc-slider-block{border-radius:3px;padding:51px 40px 35px 40px;width:450px;height:368px;box-shadow:0 4px 4px 0 rgba(0,0,0,0.25);background:rgba(249,249,249,0.4);box-sizing:border-box;font-family:'TildaSans',Arial,sans-serif;}.doc-slider-title{font-weight:400;font-size:42px;line-height:91%;margin-top:-30px;margin-bottom:35px;}.doc-slider a {text-decoration: none;}.doc-slider a span{font-weight:400;font-size:12px;color:#000;}.doc-slider a img{width:129px;height:182px;}.doc-slider .slick-prev{background:url('data:image/svg+xml,');width:32px;height:16px;top:-22%;left:0;}.doc-slider .slick-prev:hover,.doc-slider .slick-prev:focus{background:url('data:image/svg+xml,');width:32px;height:16px;top:-22%;left:0;}.doc-slider .slick-next{background:url('data:image/svg+xml,');width:32px;height:16px;top:-22%;left:35%;}.doc-slider .slick-next:hover,.doc-slider .slick-next:focus{background:url('data:image/svg+xml,');width:32px;height:16px;top:-22%;left:35%;}.doc-slider .slick-next:before,.doc-slider .slick-prev:before{display:none;}.doc-slider .slick-list{margin-top:86px;}@media screen and (max-width:479px){.doc-slider-block{width:300px;height:368px;}.doc-slider-title{font-size:35px;}}
/* Action */
.action-block {
position: relative;
width: 100%;
max-width: 1200px;
min-height: 300px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 30px;
color: white;
display: flex;
flex-direction: column;
justify-content: flex-end;
margin: 0 auto;
}
.action-block.action-1 {
justify-content: flex-end;
background-image: url('/images/action-1.png');
min-height: 310px;
}
.action-block.action-2 {
justify-content: center;
background-image: url('/images/action-2.png');
min-height: 277px;
}
.action-title,
.action-text,
.callback {
position: relative;
z-index: 2;
margin: 0 0 15px 0;
}
p.action-title {
font-size: 36px;
font-weight: bold;
color: white;
}
p.action-text {
font-size: 20px;
line-height: 1.5;
color: white;
}
@media only screen and (max-width: 1200px) {
.action-block.action-1 {
min-height: 380px;
}
.action-block .btn-primary {
box-shadow: 0 0 20px;
}
}
@media only screen and (max-width: 600px) {
.action-block.action-1 {
min-height: 500px;
}
}
/* Price */
.price-block-item {
display: flex;
justify-content: space-between;
font-weight: 700;
font-size: 18px;
border-bottom: 1px solid #ff812b;
padding: 28px 0;
}
.price-block-item span:last-child {
text-align: right
}
/* Services*/
.services-subtitle {
text-align: center;
font-weight: 300;
font-size: 24px;
}
.services-card {
display: flex;
flex-direction: column;
justify-content: space-between;
margin-top: 90px;
font-family:'TildaSans',Arial,sans-serif;
}
.services-list {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 40px
}
.services-card-title {
margin: 27px 0;
font-size: 26px;
line-height: 1.2;
height: 62px;
}
.services-card-price {
height: 60px;
font-size: 20px;
}
.services-card-desc {
font-size: 16px;
margin-top: 17px;
margin-bottom: 25px;
min-height: 144px;
height: auto;
}
@media only screen and (max-width: 768px) {
.services-list {
grid-template-columns: 1fr;
}
.services-card-title,
.services-card-desc,
.services-card-price {
min-height: unset;
height: auto;
}
}
/* Gallery */
.gallery-block {
margin-top: 45px;
margin-bottom: 90px !important;
}
.gallery-block .slick-list {
margin-left: -20px;
}
.gallery-block .gallery-item {
margin: 0 20px;
}
.gallery-block .gallery-item:nth-child(2n) {
margin-top: 50px;
}
.gallery-block .gallery-item img {
display: block;
width: 100%;
height: 669px;
object-fit: cover;
border-radius: 3px;
}
.gallery-block .slick-dots li button {
background: #d3d5dc;
border-radius: 10px;
width: 10px;
height: 6px;
margin: 0 5px;
padding: 0;
}
.gallery-block .slick-dots li button:before {
display: none;
}
.gallery-block .slick-dots li.slick-active button {
background: #f9833b;
width: 20px;
}
.gallery-block .slick-dots li {
width: auto;
height: auto;
margin: 0;
padding: 0;
}
.gallery-block .slick-dots {
bottom: -60px;
padding: 0 !important;
}
@media screen and (max-width: 1200px) {
.gallery-block .gallery-item img {
height: 580px;
}
}
@media screen and (max-width: 960px) {
.gallery-block .gallery-item:nth-child(2n) {
margin-top: 0;
}
.gallery-block .slick-dots {
bottom: -70px;
}
.gallery-block .slick-list {
margin-left: 0px;
}
.gallery-block .gallery-item {
margin: 0px;
}
}
@media screen and (max-width: 490px) {
.gallery-block .gallery-item img {
height: 400px;
}
}
/* Tabs main */
.gutena-tabs-main .tab-images figure {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.gutena-tabs-main .tab-images figure img {
border-radius: 3px;
}
.gutena-tabs-main .tab-text {
border-radius: 3px;
box-shadow: 0px 4px 84px 0px rgba(237, 237, 237, 1);
padding: 60px 40px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.gutena-tabs-main ul.wp-block-list {
font-size: 14px;
margin-left: 0;
margin-bottom: 20px;
}
.gutena-tabs-main ul.wp-block-list li {
margin-bottom: 10px;
}
@media only screen and (max-width: 992px) {
.gutena-tabs-block>.gutena-tabs-tab.tab-flex .gutena-tab-title {
min-width: 30%;
}
.gutena-tabs-main > div {
flex-direction: column-reverse;
}
}
@media only screen and (max-width: 568px) {
.gutena-tabs-block>.gutena-tabs-tab.tab-flex .gutena-tab-title {
min-width: 100%;
}
}
/* Question price main */
.question-price {
margin-top: 130px;
border-left: 1px solid rgba(0, 0, 0, 0.2);
border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.question-price details {
padding: 40px 20px;
border-bottom: 1px solid #eee;
width: 98%;
margin: 0 auto;
}
.question-price details summary {
font-size: 20px;
font-weight: 500;
line-height: 24px;
cursor: pointer;
}
.question-price details summary span {
color: rgba(0, 0, 0, 0.6);
margin-right: 10px;
}
.question-price details summary::marker {
content: none;
}
.question-price details summary::after {
content: '+';
float: right;
font-size: 30px;
border: 1px solid #f9833b;
border-radius: 50%;
width: 20px;
height: 20px;
padding: 7px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.question-price details[open] summary::after {
transform: rotate(225deg);
color: #f9833b;
}
.question-price details:hover summary::after {
color: #f9833b;
}
.question-price details :is(p,ul,ol) {
font-family: 'TildaSans',Arial,sans-serif;
font-weight: 300;
padding: 20px 0 0;
font-size: 16px;
line-height: 1.5;
}
.question-price details :is(b,strong) {
font-weight: 500;
}
@media only screen and (max-width: 492px) {
.question-price details summary {
font-size: 16px;
}
}
/* Why-block */
.why-block-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
margin-top: 50px;
}
.why-block-img img {
border-radius: 3px;
margin-bottom: 20px;
}
.why-block-item {
margin-bottom: 40px;
position: relative;
}
.why-text {
font-size: 15px;
margin: 10px 0;
}
.why-block-item::before {
content: "";
width: 14px;
border-radius: 50%;
border: 1px solid #ff822e;
position: absolute;
left: -30px;
top: 4px;
height: 14px;
}
.why-block-item:last-child::before {
border: 1px solid #000000;
padding: 8px;
background: #ff822e;
}
.why-block-item::after {
content: "";
border: 1px dashed;
width: 72px;
position: absolute;
transform: rotate(90deg);
left: -58px;
top: 56px;
}
.why-block-item:last-child::after {
content: none;
}
@media only screen and (max-width: 1152px) {
.why-block-wrap {
grid-column-gap: 40px;
}
}
@media only screen and (max-width: 992px) {
.why-block-wrap {
display: flex;
flex-direction: column;
flex-direction: column-reverse;
}
.why-block-item {
margin-left: 30px;
}
}
/* Work */
.section-work {
background: url(/images/work-bg.png);
background-repeat: no-repeat;
background-position: center center;
padding: 0 120px;
}
.work-block {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: auto auto;
gap: 25px;
}
.work-block-item {
background: #fff;
padding: 28px;
border-radius: 3px;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
position: relative;
cursor: pointer;
}
.pos-1 {
grid-column: 1;
grid-row: 1;
}
.pos-2 {
grid-column: 1;
grid-row: 2;
}
.pos-3 {
grid-column: 2;
grid-row: 1 / span 2;
}
.work-block-item.pos-3 img {
margin-bottom: 85px;
}
.pos-4 {
grid-column: 3;
grid-row: 1 / span 2;
border: 2px solid #ff822e;
height: max-content;
}
.work-num {
width: 40px;
height: 40px;
border: 2px solid #000;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
margin-bottom: 15px;
}
.work-title {
font-size: 20px;
font-weight: 600 !important;
margin: 15px 0;
}
.work-text {
font-size: 15px;
line-height: 1.5;
}
.work-block-item img {
max-width: 100%;
margin-bottom: 15px;
}
.btn-content {
margin-top: 40px;
margin-bottom: 40px;
}
@media only screen and (max-width: 1200px) {
.section-work {
padding: 0;
}
}
@media (max-width: 992px) {
.work-block {
display: flex;
flex-wrap: wrap;
margin-top: 40px;
}
.work-block-item {
width: 47%;
}
.work-block-item.pos-3 img {
margin-bottom: unset;
}
}
@media (max-width: 590px) {
.work-block-item {
width: 100%;
}
}
#bottom-form {
margin-top: 20px;
background: linear-gradient(to bottom, rgba(0, 12, 26, 0.90), rgba(0, 12, 26, 0.80)),
url(/images/bg-form-bottom.jpg) no-repeat center / cover;
}
/* Article */
.posts-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
margin: 0 auto 40px;
}
.grid-item {
width: 100%;
}
.grid-item .entry-title a {
color: #000 !important;
}
@media (max-width: 768px) {
.posts-grid {
grid-template-columns: 1fr;
gap: 20px;
}
}
.grid-item .post {
height: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
padding: 30px 30px 40px;
background: rgb(239, 239, 239);
}
.grid-item .featured-media {
margin: 0;
overflow: hidden;
aspect-ratio: 16/9;
}
.grid-item .featured-media img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.grid-item .featured-media img:hover {
transform: scale(1.08);
}
.grid-item .post-inner {
flex: 1;
display: flex;
flex-direction: column;
}
.grid-item .entry-title {
font-size: 20px;
font-weight: 600;
margin: 0;
line-height: 1.3;
text-align: left;
}
.grid-item .entry-categories {
display: none;
}
.grid-item .section-inner {
width: calc(100% - 4rem);
}
.grid-item .entry-content p {
font-size: 16px;
line-height: 1.55;
margin-top: 20px;
flex: 1;
}
.grid-item .more-link {
display: inline-block;
margin-top: 15px;
padding: 10px 25px;
background: #000;
color: #fff !important;
text-decoration: none;
border-radius: 3px;
font-size: 13px;
font-weight: 500;
transition: all 0.3s ease;
align-self: flex-start;
}
.grid-item a.more-link {
color: #fff !important;
}
.grid-item .more-link:hover {
background: #ff822e;
color: #fff !important;
}
.post-separator {
display: none;
}
/* Tag */
.tags-list {
display: flex;
align-items: stretch;
flex-wrap: wrap;
justify-content: center;
margin: 0 auto;
margin-bottom: 20px;
}
.tags-list a {
display: flex;
align-items: center;
justify-content: center;
background: #ff822e;
border-radius: 2px;
padding: 20px 60px;
font-size: 16px;
color: #fff;
margin: 5px;
text-decoration: none;
text-align: center;
transition: all 0.1s ease-in-out;
}
.tags-list a:hover {
opacity: 0.8;
}
@media (max-width: 525px) {
.tags-list {
margin: -5px;
margin-bottom: 20px;
}
.tags-list a {
width: calc(100% / 2 - 10px);
font-size: 12px;
padding: 5px;
}
}
.flex-block {
display: flex;
gap: 20px;
flex-wrap: wrap;
justify-content: center;
}
.flex-block-item {
/* flex: 1 1 30%; */
text-align: center;
}
.flex-block-item a {
font-size: 26px;
text-align: center;
text-decoration: none;
color: #000;
}
.flex-block-item img {
height: 290px;
margin: 0px auto 20px;
object-fit: cover;
}
@media only screen and (max-width: 768px) {
.flex-block-item {
flex: 1 1 48%;
text-align: center;
}
}
/* Portfolio */
.objects-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 30px;
margin: 40px 0;
}
.object-card {
background: #fff;
border-radius: 3px;
overflow: hidden;
box-shadow: 0 2px 15px rgba(0,0,0,0.08);
transition: transform 0.3s, box-shadow 0.3s;
}
.object-card:hover {
transform: translateY(-5px);
box-shadow: 0 5px 25px rgba(0,0,0,0.15);
}
.object-image {
aspect-ratio: 4/3;
overflow: hidden;
}
.object-image img,
.object-image .wp-post-image {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s;
}
.object-card:hover .object-image img,
.object-card:hover .object-image .wp-post-image {
transform: scale(1.05);
}
.object-info {
padding: 20px;
}
.object-title {
margin: 0 0 10px 0;
font-size: 1.2em;
}
.object-title a {
color: #333;
text-decoration: none;
transition: color 0.3s;
}
.object-title a:hover {
color: #ff822e;
}
.object-excerpt {
color: #666;
font-size: 0.9em;
line-height: 1.6;
margin-bottom: 15px;
}
.read-more-btn {
display: inline-block;
color: #ff822e;
text-decoration: none;
font-weight: 500;
transition: color 0.3s;
}
.read-more-btn:hover {
color: #e06b1f;
}
@media (max-width: 768px) {
.objects-grid {
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 20px;
}
.object-info {
padding: 15px;
}
}
@media (max-width: 480px) {
.objects-grid {
grid-template-columns: 1fr;
}
}
.no-objects {
text-align: center;
padding: 50px;
background: #f9f9f9;
border-radius: 3px;
color: #666;
}
a.add_to_cart_button:hover,
button.single_add_to_cart_button:hover {
opacity: .8;
text-decoration: none !important;
}
.woocommerce.columns-4 ul.products li.product {
margin-bottom: 2em;
}
.woocommerce ul.products li.product-category a {
text-decoration: none !important;
}
.woocommerce ul.products li.product-category a h2.woocommerce-loop-category__title {
font-size: 20px !important;
color: #000;
margin-top: 20px;
margin-bottom: 20px;
}
.woocommerce .content-area {
max-width: 1200px;
margin: 0 auto;
padding: 2vw 0;
}
.custom-work-stages {
margin: 0;
}
.custom-delivery-payment {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 20px;
grid-row-gap: 20px;
margin: 0;
}
.custom-delivery-payment :is(p,ul,ol,li) {
font-size: 20px;
font-family: 'TildaSans', Arial, sans-serif;
}
ul.tabs.wc-tabs {
text-align: center;
font-size: 16px;
font-family: 'TildaSans', Arial, sans-serif;
margin: 0 0 5.5rem;
}
ul.tabs.wc-tabs li {
padding-bottom: 18px;
border-bottom: 1px solid #ccc;
padding: 20px 50px;
margin: 0 0 0 -4px;
}
ul.tabs.wc-tabs li.active {
border-bottom: 2px solid #000;
}
ul.tabs.wc-tabs li a {
font-weight: 400;
}
ul.tabs.wc-tabs li.active a {
font-weight: 600;
color: #000;
box-shadow: none;
}
@media only screen and (max-width: 592px) {
.custom-delivery-payment {
grid-template-columns: 1fr;
}
}
@media only screen and (max-width: 400px) {
ul.tabs.wc-tabs li {
display: block !important;
}
}
/* Стили для смены изображения при наведении */
.product-hover-image {
position: relative;
display: block;
width: 100%;
overflow: hidden;
}
.product-hover-image img {
width: 100%;
height: auto;
transition: opacity 0.3s ease-in-out;
}
.product-hover-image .hover-image {
position: absolute;
top: 0;
left: 0;
opacity: 0;
z-index: 1;
}
.product-hover-image:hover .main-image {
opacity: 0;
}
.product-hover-image:hover .hover-image {
opacity: 1;
}
/* Виджет telegram*/
.telegram-button {
background: #0088cc;
right: 10px;
top: 150px;
}
.telegram-button::before,
.telegram-button::after {
border: 1px solid #0088cc;
}
.soc_btn {
position: fixed;
transform: translate(-50%, -50%);
border-radius: 50%;
width: 55px;
height: 55px;
color: #fff;
text-align: center;
line-height: 50px;
font-size: 35px;
z-index: 9999999;
}
.soc_btn a {
color: fff;
}
.soc_btn::before,
.soc_btn::after {
content: "";
display: block;
position: absolute;
border: 50%;
left: -20px;
right: -20px;
top: -20px;
bottom: -20px;
border-radius: 50%;
animation: animate 1.5s linear infinite;
opacity: 0;
backface-visibility: hidden;
}
.soc_btn::after {
animation-delay: .5s;
}
@keyframes animate {
0% {
transform: scale(0.5);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
@media (max-width: 880px){
.telegram-button {
top: unset;
bottom: 183px;
right: 24px;
transform: scale(1.2);
}
}
.new-btn-more {
text-decoration: none;
width: max-content;
display: flex;
align-items: center;
justify-content: center;
background: transparent;
padding: 4px 15px;
border-radius: 5px;
margin-top: 13px;
color: black !important;
border: 1px solid #ff822e;
font-weight: 500;
transition: .2s all;
}
.new-btn-more:hover {
background-color: #f56e14;
}
.singl-product-btn {
background-color: #f56e14;
border-radius: 5px;
}
ul.products li.product .button {
margin-top: auto;
}
.wc-all {
display: flex;
flex-direction: column;
gap: 20px;
}
.wc-sidebar {
display: flex;
width: 100%;
flex-wrap: wrap;
gap: 10px;
}
.wc-sidebar a {
max-width: max-content;
padding: 6px 8px 8px 8px;
border: 1px solid #dddddd;
border-radius: 7px;
font-size: 15px;
text-decoration: unset;
}
.wc-sidebar a:hover {
color: white;
background-color: #e06b1f;
border-color: transparent;
}
@media (min-width: 1200px) {
.wc-all {
flex-direction: row;
}
.wc-sidebar {
flex-direction: column;
flex-wrap: nowrap;
min-width: max-content;
max-width: 290px;
}
.wc-sidebar a {
width: 100%;
display: flex;
max-width: 100%;
font-size: 18px;
}
.wc-sidebar a.active {
color: white;
background-color: #e06b1f;
border-color: transparent;
}
ul.products li.product .button {
font-size: 14px;
}
}