body {
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
}
.site-main a {
color: #333;
text-decoration-skip-ink: none;
text-decoration: underline;
text-decoration-color: #8474fe;
text-underline-offset: 3px;
}
::selection {
background: #000;
color: #fff;
}
::-moz-selection {
background: #000;
color: #fff;
}
.site-main a:hover {
color: #000;
text-decoration-color: #2c1f74;
}
.block_1 {
background-color: #fff;
}
.head_block {
background-color: #333;
}
.fw-bold-600 {
font-weight: 700;
}
.name {
font-weight: 700;
}
.telefon {
text-decoration: none;
color: #000;
font-size: 1.1rem;
font-weight: 700;
}
.telefon:hover {
color: #4d36d0;
}
.fw-900 {
font-weight: 900;
}
.grafik {
color: #898989;
font-weight: 700;
}
.swiper-button-next,
.swiper-button-prev {
background-color: white;
background-color: rgba(255, 255, 255, 0.5);
right: 10px;
padding: 30px;
color: #000 !important;
fill: black !important;
stroke: black !important;
}
.my_round {
border-radius: 0.375rem;
}
.my_round_alldev {
border-radius: 0.375rem;
}
.slide_name {
color: #fff;
font-weight: 900;
line-height: 1;
font-size: 4rem;
}
.slide_name-czena {
font-weight: 500;
font-size: 3rem;
}
.glav-menu a {
color: #000;
font-weight: 500;
}
.block_2 .swiper-slide {
background-color: #000;
transition: box-shadow 0.3s ease-in-out;
}
.block_2 .swiper-slide:hover {
box-shadow: 0 0.5em 1.5em -0.5em #4d36d0be;
}
#load-more {
width: 300px;
}
.block_2 .swiper-slide .row {
height: 400px;
}
.block_4 {
background-color: #f5f5f5;
}
.off {
background-image: url(//3jd.ru/wp-content/themes/theme3jd/img/off.webp);
background-size: cover;
box-shadow: 0 0.3em 1em -0.5em #4d36d0be;
}
.small-text {
font-size: .8rem;
line-height: 1.1;
}
.cssbuttons-io-button {
align-items: center;
font-weight: 500;
padding: 0.5em .5em 0.5em .5em;
color: white;
border-radius: 40px;
background: linear-gradient(180deg, #15B746 0%, #1CA345 100%);
text-decoration: none;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
}
.cssbuttons-io-button:hover {
box-shadow: 0 0.5em 1.5em -0.5em #4d36d0be;
}
.cssbuttons-io-button:active {
box-shadow: 0 0.3em 1em -0.5em #4d36d0be;
}
.cssbuttons-io-button-red {
align-items: center;
font-weight: 500;
padding: 0.5em 1em 0.5em 1em;
font-size: 1.3rem;
color: white !important;
background: linear-gradient(180deg, #2663FF 0%, #1851E1 100%);
box-shadow: 0px 8px 16px 0px rgba(24, 81, 225, 0.26);
border-radius: 40px;
text-decoration: none !important;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
}
.cssbuttons-io-button-red:hover {
box-shadow: 0 0.5em 1.5em -0.5em #4d36d0be;
}
.cssbuttons-io-button-red:active {
box-shadow: 0 0.3em 1em -0.5em #4d36d0be;
}
.bg-grad {
background: linear-gradient(0deg, rgba(77, 54, 208, 1) 0%, rgba(132, 116, 254, 1) 100%);
}
.ac .ac-trigger {
font-family: 'Montserrat';
color: #111;
text-align: left;
width: 100%;
padding: 8px 32px 8px 8px;
display: block;
cursor: pointer;
background-color: transparent;
transition: color .25s ease;
position: relative;
text-decoration: none;
margin: 0;
border: 0;
}
.ac {
border-radius: 0.375rem !important;
}
.ac .ac-panel .ac-text {
font-family: 'Montserrat';
line-height: 1.3;
}
.stefets-picture {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
.stefets-picture:hover {
filter: none;
-webkit-filter: grayscale(0);
}
.site-main {
min-height: 90vh;
}
.block_3-product {
border-radius: 0.375rem;
transition: box-shadow 0.3s ease-in-out;
}
.block_3-product:hover {
box-shadow: 0 0.5em 1.5em -0.5em #4d36d0be;
}
.block_3-product .bg-white {
border-radius: 0.375rem;
}
.block_3 .cssbuttons-io-button-red {
font-size: 1rem;
}
.block_3_1 {
color: #000;
}
.bg-seriy {
background-color: #f5f5f5;
}
.alt-grid [class*="col-"] {
padding-left: 0;
padding-right: 0
}
.alt-grid .row {
margin-left: 0;
margin-right: 0
} .alt-grid .container {
width: 100%;
max-width: none;
padding: 0;
}
.case_banner {
height: 700px;
background-size: cover;
background-position: center;
}
.case_banner-dark-overlay {
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
transition: opacity 0.3s ease;
opacity: 1;
z-index: 1;
}
.case_banner-dark-overlay .entry-title {
font-weight: 900;
color: #fff;
font-size: 55px;
} .img-overlay {
position: relative;
overflow: hidden;
} .img-overlay img {
transition: opacity 0.3s ease;
display: block;
width: 100%;
}
.img-overlay .img-dark-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
transition: opacity 0.3s ease;
opacity: 1;
z-index: 1;
}
.img-overlay:hover .img-dark-overlay {
opacity: 0;
}
.img-overlay .text-overlay {
position: absolute;
border-radius: 0.375rem;
top: 10px;
left: 10px;
margin-right: 10px;
padding: 0.5rem;
color: white;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 0.375rem;
z-index: 2;
pointer-events: none;
}
.img-overlay:hover img {
opacity: 0.8;
}
.block_7 {
background-color: #8BC6EC;
background-image: linear-gradient(90deg, #8BC6EC 0%, #9599E2 100%);
}
.product .banner {
min-height: 400px;
border-radius: 0.375rem;
padding: 25px;
color: #fff;
}
.product .banner h1 {
font-size: 4rem;
font-weight: 900;
}
.product .banner .price {
font-size: 3rem;
font-weight: 300;
}
.product .ac-header {
border-radius: 0.375rem;
}
.product .ac .ac-trigger {
color: #fff;
font-weight: 500;
}
footer {
background: #000;
color: #fff;
font-size: 11px;
}
footer a {
color: #fff;
text-underline-offset: 3px;
}
footer a:hover {
color: #b3b3b3;
text-underline-offset: 3px;
}
.footer_logo {
-webkit-filter: invert(100%); filter: invert(100%);
}
.wpcf7-spinner {
display: none;
}
.fw-300 {
font-weight: 300;
}
.grafik_telefon-block {
display: none;
}
.grafik_telefon {
text-decoration: none;
color: #000;
font-size: 1.1rem;
font-weight: 700;
}
.grafik_telefon:hover {
color: #4d36d0;
}
@media only screen and (min-width : 1401px) and (max-width : 1780px) {
.telefon {
display: none;
}
.grafik {
display: none !important;
}
.grafik_telefon-block {
display: block;
padding-bottom: 10px;
}
} @media (max-width: 1399px) {
.slide_name {
font-size: 1.8rem;
}
.slide_name-czena {
font-size: 1.5rem;
}
.cssbuttons-io-button {
align-items: center;
font-weight: 200;
font-size: 14px;
padding: 0.8em 1.5em 0.8em 1.2em;
}
.konsul {
display: none;
}
.block_2 .swiper-slide .row {
height: 250px;
}
.slide_name {
font-size: 2rem;
}
} @media (max-width: 1199px) {
.konsul {
display: block;
}
.block_2 .swiper-slide .row {
height: 320px;
line-height: 1;
}
.block_3 .cssbuttons-io-button-red {
font-size: .8rem;
}
.productforma .cssbuttons-io-button-red {
font-size: 1rem;
}
} @media (max-width: 991px) {
.my_round {
border-radius: 0;
}
.block_2 .swiper-slide .row {
height: 350px;
}
} @media (max-width: 767px) {
.block_2 .swiper-slide .row {
height: 385px;
}
.slide_name-czena {
font-weight: 500;
font-size: 1.1rem;
}
.swiper-button-next,
.swiper-button-prev {
display: none;
}
.block_1 {
background: none;
}
.block_3 .cssbuttons-io-button-red {
font-size: .8rem;
}
.img-overlay .text-overlay {
font-size: .8rem;
}
.product .banner {
min-height: 350px;
}
.product .banner h1 {
font-size: 2rem;
}
.product .banner .price {
font-size: 2rem;
}
.cssbuttons-io-button-red {
padding: 0.4em 0.7em 0.4em 0.7em;
}
} @media (max-width: 575px) {
.text_logo {
padding-left: 1px;
}
.block_2 .cssbuttons-io-button-red {
font-size: 1.1rem;
}
.slide_name {
font-size: 1.5rem;
}
.border-end {
border: none !important;
}
.block_2 .swiper-slide .row {
height: 220px;
font-size: 1.2rem;
}
.name {
font-size: .8rem;
}
.fs-2 {
font-size: 1.3rem !important;
}
.block_3-korotkoe_opianie {
font-size: .7rem;
padding: 0px 10px;
}
.case_banner-dark-overlay .entry-title {
font-size: 33px;
}
} @media (max-width: 380px) {
.block_3-product .cssbuttons-io-button-red {
display: none;
}
.block_3-product .fs-3 {
font-size: 1rem !important;
}
.fs-3 {
font-size: 1.1rem !important;
}
}