/*
Theme Name: Default
Author: EXISTION
Version: 11
*/
@charset "UTF-8";
@font-face {
font-family: 'sf-pro-text-medium';
src:url('/wp-content/themes/wordpress-default-theme/font/sf-pro-text-medium.otf') format('opentype');
font-weight: normal;
font-style: normal;
font-display:swap;
}
*{
box-sizing: border-box;
outline: none;
word-break: break-word;
color: rgba(60, 74, 90, 1);
font-family: 'sf-pro-text-medium';
}
body{
margin: 0px;
background: rgba(240, 242, 246, 1);
}
img {
max-width: 100%;
}
input{
width: 100%;
}
h2{
font-size: 40px;
font-weight: 700;
margin:0px 0px 20px 0px;
}
a:hover {
color:rgba(84, 143, 255, 1);
}
th,td{
word-break: auto-phrase;
}
.header{
background: rgba(227, 229, 235, 1);
}
.header-block {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
max-width: 1920px;
width: 100%;
margin: 0px auto;
padding: 25px 40px;
}
.head-socsblock {
display: flex;
gap: 5px;
}
.head-logo {
height: 92px;
width: 239px;
object-fit: contain;
}
.head-form-block {
position: fixed;
top: 0;
z-index: 99;
width: 100%;
height: 100%;
backdrop-filter: blur(20px);
background: rgba(0, 0, 0, 0.5);
display: none;
}
.head-form-block::-webkit-scrollbar {
width: 0;
}
.head-form-block-act {
display: block;
}
.head-search-form {
position: relative;
width: 100%;
}
.head-search-input {
width: 100%;
color: rgba(60, 74, 90, 0.5);
border:none;
background: white;
padding: 50px 90px;
font-size: 16px;
font-weight: 400;
}
.head-search-subbtn {
position: absolute;
left: 50px;
top: 0;
bottom: 0;
width: 20px;
height: 20px;
border: none;
cursor: pointer;
background: url(/wp-content/themes/wordpress-default-theme/img/lupa-grey.svg) no-repeat;
margin: auto;
background-size: 100%;
}
.head-search-close {
position: absolute;
right: 50px;
top: 0;
bottom: 0;
width: 20px;
height: 20px;
border: none;
cursor: pointer;
background: url(/wp-content/themes/wordpress-default-theme/img/close.svg) no-repeat;
margin: auto;
background-size: 100%;
}
.head-form-result {
display:none;
padding: 20px 90px;
background: rgba(240, 242, 246, 1);
}
.head-form-result-act {
display:block;
}
.breadcrumbs {
margin:60px 0px 20px 0px;
overflow:auto;
white-space: nowrap;
}
.breadcrumbs * {
font-size: 16px;
font-weight: 700;
text-decoration:none;
}
.breadcrumbs > span {
display: flex;
gap: 10px;
}
.breadcrumb_last {
color: rgba(160, 166, 175, 1);
}
.form-result-href {
position:relative;
display:block;
color: rgba(74, 124, 217, 1);
font-size: 16px;
font-weight: 400;
margin:0px 0px 20px 0px;
}
.form-result-href:before{
content:'';
position: absolute;
left: -40px;
width: 20px;
height: 20px;
cursor: pointer;
background: url(/wp-content/themes/wordpress-default-theme/img/lupa-grey.svg) no-repeat;
background-size: 100%;
}
.head-search-pusto {
color: rgba(93, 98, 103, 1);
font-size: 16px;
font-weight: 400;
margin:20px 0px;
}
input[type="search"]::-webkit-search-cancel-button {
display: none;
}
.head-contact-block {
display: flex;
flex-wrap:wrap;
align-items: center;
justify-content: end;
gap: 5px 10px;
}
.head-phone {
font-size: 16px;
font-weight: 700;
text-decoration:none;
}
.head-time-work {
color: rgba(136, 148, 162, 1);
font-size: 14px;
font-weight: 500;
}
.header-nizmenu-block {
display: flex;
justify-content: space-between;
gap: 20px;
max-width: 1920px;
width: 100%;
margin: 20px auto 0px auto;
align-items: center;
padding: 0px 40px;
}
.header-nizmenu {
display: flex;
gap: 20px;
}
.head-poiskzap {
display: flex;
align-items: center;
gap: 10px;
}
.mob-menu-btn {
display:none;
}
.header-nizmenu-href {
font-size: 16px;
font-weight: 700;
text-decoration: none;
padding: 20px 0px;
}
.header-nizmenu-blockvep {
position:relative;
padding: 20px 0px;
}
.header-nizmenu-veppodmenu {
position: absolute;
top: 100%;
display:none;
flex-direction: column;
gap: 10px;
width: max-content;
box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 100px;
background: white;
border-radius: 20px;
padding: 20px;
}
.header-nizmenu-blockvep:hover > .header-nizmenu-veppodmenu{
display:flex;
}
.header-nizmenu-blockvep:hover > .header-nizmenu-href-vep:after {
rotate: 180deg;
}
.header-nizmenu-podpunkthref {
font-size: 16px;
font-weight: 700;
text-decoration: none;
}
.header-nizmenu-href-vep {
display:flex;
align-items: end;
gap: 5px;
font-size: 16px;
font-weight: 700;
text-decoration: none;
}
.header-nizmenu-href-vep:after {
content:'';
width: 18px;
height: 18px;
background: url(/wp-content/themes/wordpress-default-theme/img/strelka-vniz.svg) no-repeat, rgba(227, 229, 235, 1);
background-position: center;
border-radius:100%;
}
.ostav-zayavku, .ostav-zayavku-footer {
max-width: max-content;
height: max-content;
cursor: pointer;
color: white;
text-align:center;
font-size: 16px;
font-weight: 700;
padding: 22px 25px;
border-radius:10px;
background: linear-gradient(270.00deg, rgba(67.53440856933594, 118.34136199951172, 214.7884521484375, 1),rgba(84, 143, 255, 1) 100%);
}
.ostav-zayavku:hover, .ostav-zayavku-footer:hover {
background: rgba(67, 132, 255, 1);
}
.ostav-zayavku-footer {
margin:0px 0px 0px auto;
}
.head-search-btn {
cursor: pointer;
width: 65px;
height: 65px;
padding:23px;
border-radius: 10px;
background: url(/wp-content/themes/wordpress-default-theme/img/lupa.svg) no-repeat, rgba(227, 229, 235, 1);
background-position: center;
}
.content-block {
max-width: 1320px;
width: 100%;
margin:0px auto;
padding:0px 20px;
}
.content-otstup {
margin:0px auto 180px auto;
}
.gl-prev-block {
position: relative;
margin: 200px 0px 200px 0px;
}
.gl-prev-lblock {
max-width: 670px;
width: 100%;
}
.gl-zag {
font-size: 48px;
font-weight: 700;
margin:0px 0px 20px 0px;
}
.gl-lozung{
font-size: 31px;
font-weight: 700;
color: rgba(74, 124, 217, 1);
margin: 0px 0px 20px 0px;
}
.gl-podzag {
color: rgba(93, 98, 103, 1);
font-size: 16px;
font-weight: 500;
margin:0px 0px 20px 0px;
text-wrap: balance;
}
.gl-pev-href {
font-size: 16px;
font-weight: 700;
color: black;
text-decoration: none;
padding: 0px 0px 2px 0px;
border-bottom: 2px solid black;
}
.gl-pev-href:hover {
border-bottom: 2px solid rgba(84, 143, 255, 1);
}
.gl-prev-img {
position: absolute;
top: -390px;
right: -52px;
z-index: -1;
object-fit: contain;
}
.preim-block {
display: grid;
gap: 20px;
grid-template-columns: repeat(auto-fill, minmax(245px, 1fr));
margin: 0px 0px 60px 0px;
}
.preim {
border-radius: 20px;
background: rgba(255, 255, 255, 0.5);
padding: 30px;
backdrop-filter: blur(50px);
}
.preim-text {
text-wrap: balance;
font-size: 16px;
font-weight: 700;
}
.preim-cyfra{
margin:40px 0px 48px 0px;
font-size: 54px;
font-weight: 700;
letter-spacing: -1px;
}
.preim-cyfra-text {
font-size: 24px;
font-weight: 700;
color:rgba(10, 187, 180, 1);
}
.preim-podzag {
color: rgba(93, 98, 103, 1);
font-size: 16px;
font-weight: 400;
}
.zag-block {
display: grid;
gap: 15px;
grid-template-columns: 625px max-content;
justify-content: space-between;
}
.zag-h2 {
font-size: 40px;
font-weight: 700;
text-wrap: balance;
}
.h2-podzag {
margin:20px 0px 0px 0px;
color: rgba(93, 98, 103, 1);
font-size: 16px;
font-weight: 400;
}
.slider-present {
margin:0px 0px 130px 0px;
}
.present {
display: grid !important;
gap: 20px;
grid-template-columns: 1fr 1fr;
align-items: center;
border-radius: 20px;
background: rgba(255, 255, 255, 0.5);
}
.present-info {
height: max-content;
padding:44px 0px 44px 80px;
}
.present-zag {
font-size: 40px;
font-weight: 700;
}
.present-podzag {
margin:20px 0px;
color: rgba(60, 74, 90, 1);
font-size: 16px;
font-weight: 400;
}
.present-podrobnee {
display: block;
max-width: max-content;
font-size: 16px;
font-weight: 700;
color: black;
text-decoration: none;
padding: 0px 0px 2px 0px;
border-bottom: 2px solid black;
}
.present-podrobnee:hover {
border-bottom: 2px solid rgba(84, 143, 255, 1);
}
.present-img {
height: 434px;
width: 100%;
object-fit: contain;
}
.slick-list {
border-radius: 20px;
}
.slick-slide {
height: max-content;
}
.present-sliderprev {
background: white;
border-radius: 100%;
cursor: pointer;
position: absolute;
top: calc(50% - 25px);
left: -70px;
z-index: 9;
}
.present-slidernext {
background: white;
border-radius: 100%;
cursor: pointer;
position: absolute;
top: calc(50% - 25px);
right: -70px;
z-index: 9;
}
.present-sliderprev:hover > rect, .present-slidernext:hover > rect {
fill: rgba(10, 187, 180, 1);
}
.vnimat-sledim-block {
background:rgba(74, 124, 217, 1);
margin:0px 0px 120px 0px;
padding:140px 0px 130px 0px;
}
.vnimat-sledim-content {
position: relative;
}
.vnimat-sledim {
max-width: 560px;
width: 100%;
}
.vnimat-sledim-zag {
color: white;
font-size: 40px;
font-weight: 900;
text-transform: uppercase;
}
.vnimat-sledim-text {
color: white;
font-size: 16px;
font-weight: 400;
margin: 20px 0px;
text-wrap: balance;
}
.vnimat-sledim-podrobnee {
max-width: max-content;
font-size: 16px;
font-weight: 700;
color: white;
text-decoration: none;
padding: 0px 0px 2px 0px;
border-bottom: 2px solid white;
cursor:pointer;
}
.vnimat-sledim-podrobnee:hover {
color: rgba(84, 143, 255, 1);
border-bottom: 2px solid rgba(84, 143, 255, 1);
}
.vnimat-sledim-tel {
display: block;
color: white;
font-size: 38px;
font-weight: 700;
text-decoration: none;
margin:40px 0px 10px 0px;
}
.vnimat-sledim-podtel {
color: white;
font-size: 16px;
font-weight: 500;
}
.vnimat-sledim-img {
position: absolute;
top: -330px;
right: 0px;
max-width: 524px;
height: 838px;
object-fit: contain;
}
.predost-varendu {
margin:60px 0px 120px 0px;
}
.predost-varendu-block {
border-radius: 40px;
background: white;
padding:40px 60px;
margin: 0px 0px 10px 0px;
}
.predost-varendu-zag {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
font-size: 30px;
font-weight: 700;
cursor: pointer;
}
.predost-varendu-zag-act > .predost-varendu-plus{
display: none;
}
.predost-varendu-zag-act > .predost-varendu-minus{
display: block;
}
.predost-varendu-minus {
display:none;
}
.predost-varendu-podzag {
color: rgba(74, 124, 217, 1);
font-size: 16px;
font-weight: 400;
margin:10px 0px 0px 0px;
text-transform: capitalize;
}
.predost-varendu-text {
display:none;
padding:40px 0px 0px 0px;
}
.predost-varendu-text * {
color: rgba(93, 98, 103, 1);
font-size: 16px;
font-weight: 400;
}
.jivotnov-slider {
margin: 60px 0px 120px 0px;
}
.jivotnov-slider-img {
width:100%;
height: 650px;
border-radius: 60px;
object-fit:cover;
}
.jivotnov-sliderprev {
position: absolute;
top: calc(50% - 25px);
left: -70px;
z-index: 9;
border-radius: 100%;
cursor: pointer;
}
.jivotnov-slidernext {
position: absolute;
top: calc(50% - 25px);
right: -70px;
z-index: 9;
border-radius: 100%;
cursor: pointer;
}
.jivotnov-sliderprev:hover > rect, .jivotnov-slidernext:hover > rect{
fill: rgba(10, 187, 180, 1);
}
.jivotnov-text-block {
display: grid;
gap: 30px 70px;
grid-template-columns: repeat(auto-fill, minmax(385px, 1fr));
margin: 0px 0px 60px 0px;
}
.jivotnov-jirtext {
font-size: 20px;
font-weight: 700;
margin: 20px 0px 0px 0px;
}
.jivotnov-grtext *{
color: rgba(93, 98, 103, 1);
font-size: 16px;
font-weight: 400;
}
.jivotnov-img {
width:100%;
object-fit:cover;
border-radius: 60px;
margin: 0px 0px 120px 0px;
}
.slick-dots > li > button {
display: none;
}
.slick-dots {
display: flex;
justify-content: center;
gap: 5px;
margin: 60px 0px 0px 0px;
list-style: none;
padding:0;
}
.slick-dots > li {
width: 20px;
height: 3px;
cursor: pointer;
background: rgba(217, 217, 217, 1);
}
.slick-dots > li.slick-active {
background: rgba(10, 187, 180, 1);
}
.nashi-partners-href {
max-width:max-content;
height: max-content;
font-size: 16px;
font-weight: 700;
color: black;
text-decoration: none;
padding: 0px 0px 2px 0px;
border-bottom: 2px solid black;
}
.nashi-partners-href:hover {
border-bottom: 2px solid rgba(84, 143, 255, 1);
}
.slider-nashi-partners {
margin:60px -10px 120px -10px;
}
.nashi-partners{
background: white;
border-radius: 30px;
margin:0px 10px;
}
.nashi-partners-img {
display: block;
width: 100%;
height: 267px;
object-fit: contain;
border-radius: 30px;
}
.nashi-partners-block {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
margin: 0px 0px 120px 0px;
}
.nashi-partner {
background: white;
border-radius: 30px;
}
.nashi-partners-sliderprev {
position: absolute;
top: calc(50% - 25px);
left: -70px;
z-index: 9;
border-radius: 100%;
cursor: pointer;
}
.nashi-partners-slidernext {
position: absolute;
top: calc(50% - 25px);
right: -70px;
z-index: 9;
border-radius: 100%;
cursor: pointer;
}
.nashi-partners-sliderprev:hover > rect, .nashi-partners-slidernext:hover > rect {
fill: rgba(10, 187, 180, 1);
}
.slider-nashi-nagrads {
margin:60px -10px 120px -10px;
}
.nashi-nagrads {
background: white;
border-radius: 30px;
padding: 30px;
margin: 0px 10px;
}
.nashi-nagrads-img {
width: 41px;
height: 41px;
object-fit:contain;
}
.nashi-nagrads-zag {
font-size: 24px;
font-weight: 700;
margin: 30px 0px 100px 0px;
}
.nashi-nagrads-href {
font-size: 16px;
font-weight: 700;
color: black;
text-decoration: none;
padding: 0px 0px 2px 0px;
border-bottom: 2px solid black;
}
.nashi-nagrads-href:hover {
border-bottom: 2px solid rgba(84, 143, 255, 1);
}
.nashi-nagrads-sliderprev {
position: absolute;
top: calc(50% - 25px);
left: -70px;
z-index: 9;
border-radius: 100%;
cursor: pointer;
}
.nashi-nagrads-slidernext {
position: absolute;
top: calc(50% - 25px);
right: -70px;
z-index: 9;
border-radius: 100%;
cursor: pointer;
}
.nashi-nagrads-sliderprev:hover > rect, .nashi-nagrads-slidernext:hover > rect {
fill: rgba(10, 187, 180, 1);
}
.stati-news-block {
margin: 60px -10px 120px -10px;
}
.stati-news {
margin: 0px 10px;
}
.stati-news:hover > .stati-news-overimg .stati-news-img, .stati-news-info:hover > .stati-news-overimg .stati-news-img {
scale: 1.2;
}
.stati-news-overimg {
overflow:hidden;
border-radius: 40px;
}
.stati-news-img {
display: block;
width: 100%;
height: 300px;
object-fit: cover;
border-radius: 40px;
transition: 0.3s;
}
.stati-news-date {
color: rgba(74, 124, 217, 1);
font-size: 16px;
font-weight: 400;
margin:30px 0px 10px 0px;
}
.stati-news-text {
font-size: 24px;
font-weight: 700;
text-decoration:none;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.stati-news-sliderprev {
background: white;
border-radius: 100%;
cursor: pointer;
position: absolute;
top: calc(50% - 25px);
left: -70px;
z-index: 9;
}
.stati-news-slidernext {
border-radius: 100%;
cursor: pointer;
position: absolute;
top: calc(50% - 25px);
right: -70px;
z-index: 9;
}
.stati-news-sliderprev:hover > rect, .stati-news-slidernext:hover > rect {
fill: rgba(10, 187, 180, 1);
}
.stati-news-blockcontent {
margin:0px 0px 120px 0px;
}
.stati-news-content {
display: grid;
gap: 60px 20px;
grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
}
.footer-ostvopros-block {
padding:157px 0px;
background: rgba(0, 122, 210, 1);
}
.footer-ostvopros-content {
position: relative;
}
.footer-ostvopros-zag {
color: white;
font-size: 40px;
font-weight: 700;
}
.footer-ostvopros-text {
max-width: 500px;
width: 100%;
color: white;
font-size: 16px;
font-weight: 400;
margin:20px 0px 30px 0px;
}
.footer-ostvopros-btn {
max-width: max-content;
cursor: pointer;
padding:21px 25px;
color: white;
font-size: 16px;
font-weight: 700;
border: 2px solid white;
}
.footer-ostvopros-btn:hover {
background: rgba(67, 132, 255, 1);
border-radius: 10px;
border: 2px solid rgba(67, 132, 255, 1);
}
.footer-ostvopros-img {
position: absolute;
top: -223px;
right: 0;
max-width: 519px;
width: 100%;
height: 648px;
object-fit:cover;
object-position: top;
}
.popup-block {
position: fixed;
top: 0;
left: 0;
right: 0;
border: 0;
z-index: 999;
width: 100%;
height: 100%;
display: none;
justify-content: center;
align-items: center;
backdrop-filter: blur(20px);
background: rgba(0, 0, 0, 0.5);
overflow: auto;
}
.popup-block::-webkit-scrollbar {
width: 0;
}
.popup-block-act {
display: flex;
}
.form-block {
position: relative;
max-width: 850px;
width: 100%;
padding:40px 40px 60px 40px;
border-radius: 20px;
background: white;
}
.form-close {
position: absolute;
right: 20px;
top: 20px;
width: 20px;
height: 20px;
cursor: pointer;
background: url(/wp-content/themes/wordpress-default-theme/img/close.svg) no-repeat;
background-size: 100%;
}
.form-zag {
font-size: 36px;
font-weight: 700;
}
.form-podzag {
color: rgba(93, 98, 103, 1);
font-size: 16px;
font-weight: 400;
margin:15px 0px 40px 0px;
}
.form-input-block {
display: grid;
gap: 30px 20px;
grid-template-columns: repeat(auto-fill, minmax(245px, 1fr));
margin: 0px 0px 56px 0px;
}
.form-input-obr {
position: relative;
}
.form-name {
position: absolute;
left: 0;
top: 0px;
font-size: 16px;
font-weight: 400;
color: rgba(93, 98, 103, 0.5);
transition: linear .3s;
}
.form-input {
font-size: 16px;
font-weight: 400;
border:none;
background: #ffffff00;
padding: 0px 0px 10px 0px;
border-bottom: 2px solid rgba(60, 74, 90, 0.5);
}
.form-input:focus {
border-bottom: 2px solid rgba(84, 143, 255, 1);
}
.form-input-obr:hover > .form-name, .form-input:focus + .form-name, .form-input:not(:placeholder-shown) + .form-name{
top: -20px;
font-size: 12px;
}
.form-red {
border-bottom: 2px solid rgba(237, 18, 22, 1);
}
.form-red-check {
border: 2px solid rgba(237, 18, 22, 1)!important;
}
.form-label-block {
margin: 40px 0px 0px 0px;
}
.soglas-opd-text {
display: flex;
align-items: center;
gap:10px;
margin:0px 0px 14px 0px;
}
.soglas-opd-text *{
color: rgba(93, 98, 103, 1);
font-size: 16px;
font-weight: 500;
}
input[type="checkbox"] {
width: 20px;
height: 20px;
border: 1px solid rgba(60, 74, 90, 1);
border-radius: 3px;
cursor: pointer;
-webkit-appearance: none;
margin: 0px;
flex-shrink: 0;
}
input[type="checkbox"]:checked {
background:url(/wp-content/themes/wordpress-default-theme/img/galochka.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border: 1px solid rgb(84 143 255);
}
.form-submit-btn {
color: white;
font-size: 16px;
font-weight: 700;
padding: 20px;
border-radius: 10px;
background: linear-gradient(270.00deg, rgba(67.53440856933594, 118.34136199951172, 214.7884521484375, 1),rgba(84, 143, 255, 1) 100%);
cursor: pointer;
margin: 60px 0px 0px 0px;
text-align: center;
}
.form-submit-btn:hover {
background: rgba(67, 132, 255, 1);
}
.form-error {
display:none;
text-align:center;
color:rgba(237, 18, 22, 1);
font-size: 16px;
font-weight: 400;
margin:40px 0px 0px 0px;
}
.form-error-act {
display:block;
}
.footer-block {
background: rgba(227, 229, 235, 1);
}
.footer {
display: grid;
gap: 80px 15px;
grid-template-columns: repeat(auto-fill, minmax(245px, 1fr));
max-width: 1320px;
width: 100%;
margin: 0 auto;
padding: 60px 20px;
}
.footer-verhref {
display: block;
color: rgba(128, 133, 139, 1);
font-size: 16px;
font-weight: 400;
margin:0px 0px 60px 0px;
text-decoration: none;
}
.footer-href {
display: block;
color:black;
font-size: 16px;
font-weight: 700;
margin:10px 0px 0px 0px;
text-decoration: none;
}
.footer-bighref {
display: block;
color: black;
font-size: 20px;
font-weight: 700;
margin:20px 0px 5px 0px;
text-decoration: none;
text-wrap: balance;
}
.footer-smtext {
color: rgba(74, 124, 217, 1);
font-size: 16px;
font-weight: 400;
}
.podfooter {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 20px;
border-top: 2px solid rgba(215, 219, 230, 1);;
max-width: 1320px;
width: 100%;
margin: 0 auto;
padding: 40px 20px;
}
.podfooter-yer {
color: rgba(93, 98, 103, 1);
font-size: 16px;
font-weight: 500;
}
.podfooter-creator {
color: rgba(93, 98, 103, 1);
font-size: 16px;
font-weight: 500;
text-decoration: none;
}
.o-kompanii-prev {
display: flex;
min-height: 660px;
max-width: 1920px;
width: 100%;
margin: 30px auto 120px auto;
background:url(/wp-content/themes/wordpress-default-theme/img/o-kompanii.png) no-repeat;
background-size: cover;
background-position: center;
padding: 0px 0px 60px 0px;
}
.o-kompanii-zag {
font-size: 140px;
font-weight: 700;
color: white;
margin-top: auto;
}
.o-kompanii-deyatel-block {
display: grid;
gap: 60px 20px;
grid-template-columns: repeat(auto-fill, minmax(415px, 1fr));
margin: 60px 0px 120px 0px;
}
.o-kompanii-deyatel-img {
width: 100%;
height: 550px;
object-fit: cover;
border-radius: 40px;
}
.o-kompanii-deyatel-zag {
font-size: 40px;
font-weight: 700;
margin:40px 0px 10px 0px;
}
.o-kompanii-deyatel-podzag {
color: rgba(10, 187, 180, 1);
font-size: 20px;
font-weight: 700;
margin:0px 0px 20px 0px;
}
.o-kompanii-deyatel-text {
color: rgba(93, 98, 103, 1);
font-size: 16px;
}
.o-kompanii-moch {
display: grid;
gap: 60px 128px;
grid-template-columns: repeat(auto-fill, minmax(345px, 1fr));
margin: 60px 0px 120px 0px;
}
.o-kompanii-moch-cyfra {
color: rgba(74, 124, 217, 1);
font-size: 16px;
font-weight: 400;
}
.o-kompanii-moch-zag {
font-size: 32px;
font-weight: 700;
margin:20px 0px;
}
.o-kompanii-moch-text {
color: rgba(93, 98, 103, 1);
font-size: 16px;
font-weight: 400;
}
.rukovod-kompanii {
margin: 60px -8px 120px -8px;
}
.rukovod-kompanii-info {
margin: 0px 8px;
}
.rukovod-kompanii-img {
width: 100%;
height: 320px;
object-fit: cover;
object-position: top;
border-radius: 20px;
}
.rukovod-kompanii-name {
font-size: 24px;
font-weight: 700;
margin: 20px 0px 10px 0px;
}
.rukovod-kompanii-dol {
color: rgba(93, 98, 103, 1);
font-size: 16px;
font-weight: 400;
}
.rukovod-kompanii-sliderprev {
background: white;
border-radius: 100%;
cursor: pointer;
position: absolute;
top: calc(50% - 25px);
left: -70px;
z-index: 9;
}
.rukovod-kompanii-slidernext {
background: white;
border-radius: 100%;
cursor: pointer;
position: absolute;
top: calc(50% - 25px);
right: -70px;
z-index: 9;
}
.rukovod-kompanii-sliderprev:hover > rect, .rukovod-kompanii-slidernext:hover > rect {
fill: rgba(10, 187, 180, 1);
}
.o-kompanii-bigimg {
max-width: 1920px;
width: 100%;
height: 660px;
margin:0px auto 60px auto;
object-fit:cover;
border-radius: 40px;
}
.perspect {
display: grid;
gap: 15px 70px;
grid-template-columns: repeat(auto-fill, minmax(385px, 1fr));
margin: 0px 0px 60px 0px;
}
.perspect-text *{
color: rgba(93, 98, 103, 1);
font-size: 16px;
font-weight: 400;
}
.perspect-block {
display: grid;
gap: 20px;
grid-template-columns: repeat(auto-fill, minmax(245px, 1fr));
margin: 0px 0px 120px 0px;
}
.perspect-punkt {
border-radius: 20px;
background: rgba(255, 255, 255, 0.5);
padding: 30px;
backdrop-filter: blur(50px);
}
.perspect-text {
font-size: 16px;
font-weight: 700;
}
.perspect-cyfra {
margin: 40px 0px 48px 0px;
font-size: 54px;
font-weight: 700;
letter-spacing: -1px;
}
.perspect-cyfra-text {
font-size: 24px;
font-weight: 700;
color: rgba(10, 187, 180, 1);
}
.perspect-podzag {
color: rgba(93, 98, 103, 1);
font-size: 16px;
font-weight: 400;
}
.slider-phoyo-gal {
margin: 60px 0px 120px 0px;
}
.phoyo-gal-img {
height: 650px;
object-fit: cover;
border-radius: 60px;
}
.phoyo-gal-sliderprev {
background: white;
border-radius: 100%;
cursor: pointer;
position: absolute;
top: calc(50% - 25px);
left: -70px;
z-index: 9;
}
.phoyo-gal-slidernext {
background: white;
border-radius: 100%;
cursor: pointer;
position: absolute;
top: calc(50% - 25px);
right: -70px;
z-index: 9;
}
.phoyo-gal-sliderprev:hover > rect, .phoyo-gal-slidernext:hover > rect{
fill: rgba(10, 187, 180, 1);
}
.slider-history-company {
margin: 60px 0px 180px 0px;
}
.slider-history-company-gl{
margin: 60px 0px 130px 0px;
}
.history-company {
display: grid!important;
grid-template-columns: repeat(auto-fill, minmax(430px, 1fr));
border-radius: 60px;
background:white;
}
.history-company-img {
border-radius: 60px;
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
.history-company-info {
display:flex;
flex-direction:column;
padding:60px;
}
.history-company-yer {
color: rgba(10, 187, 180, 1);
font-size: 24px;
font-weight: 700;
margin:0px 0px auto 0px;
}
.history-company-zag {
font-size: 32px;
font-weight: 700;
margin: 0px 0px 20px 0px;
}
.history-company-text *{
color: rgba(93, 98, 103, 1);
font-size: 16px;
font-weight: 400;
}
.history-company-text{
height: 500px;
overflow: auto;
}
.history-company-sliderprev {
background: white;
border-radius: 100%;
cursor: pointer;
position: absolute;
top: calc(50% - 25px);
left: -70px;
z-index: 9;
}
.history-company-slidernext {
background: white;
border-radius: 100%;
cursor: pointer;
position: absolute;
top: calc(50% - 25px);
right: -70px;
z-index: 9;
}
.history-company-sliderprev:hover > rect, .history-company-slidernext:hover > rect{
fill: rgba(10, 187, 180, 1);
}
.produkciya-content {
margin: 0px 0px 180px 0px;
}
.produkciya-block {
display: grid;
gap: 60px 20px;
grid-template-columns: repeat(auto-fill, minmax(415px, 1fr));
}
.produkciya-img {
display: block;
width: 100%;
height: 550px;
object-fit: cover;
border-radius: 40px;
transition: 0.3s;
}
.produkciya-status {
font-size: 20px;
font-weight: 700;
margin:40px 0px 0px 0px;
}
[data-status="Под заказ"] {
color: rgba(84, 143, 255, 1);
}
[data-status="В наличии"] {
color: rgba(10, 187, 180, 1);
}
.produkciya-zag {
display: block;
text-decoration: none;
color: rgba(60, 74, 90, 1);
font-size: 40px;
font-weight: 700;
margin:10px 0px 20px 0px;
}
.produkciya-text {
color: rgba(93, 98, 103, 1);
font-size: 16px;
font-weight: 400;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.drugaya-produkciya {
margin:60px -10px 170px -10px;
}
.drugaya-produkciya-info {
margin:0px 10px;
}
.drugaya-produkciya-info:hover > .drugaya-produkciya-overimg .drugaya-produkciya-img, .drugaya-produkciya-block:hover > .drugaya-produkciya-overimg .produkciya-img {
scale: 1.2;
}
.drugaya-produkciya-overimg {
overflow:hidden;
border-radius: 40px;
}
.drugaya-produkciya-img {
width: 100%;
height: 400px;
border-radius: 40px;
object-fit:cover;
transition: 0.3s;
}
.drugaya-produkciya-status {
font-size: 20px;
font-weight: 700;
margin:40px 0px 20px 0px;
}
.drugaya-produkciya-zag {
font-size: 32px;
font-weight: 700;
text-decoration: none;
}
.drugaya-produkciya-text {
color: rgba(93, 98, 103, 1);
font-size: 16px;
font-weight: 400;
margin:15px 0px 0px 0px;
}
.drugaya-produkciya-sliderprev {
background: white;
border-radius: 100%;
cursor: pointer;
position: absolute;
top: calc(50% - 25px);
left: -70px;
z-index: 9;
}
.drugaya-produkciya-slidernext {
background: white;
border-radius: 100%;
cursor: pointer;
position: absolute;
top: calc(50% - 25px);
right: -70px;
z-index: 9;
}
.drugaya-produkciya-sliderprev:hover > rect, .drugaya-produkciya-slidernext:hover > rect{
fill: rgba(10, 187, 180, 1);
}
.h1zag {
font-size: 48px;
font-weight: 700;
margin:20px 0px 60px 0px;
}
.product-content {
display: grid;
gap: 20px 128px;
grid-template-columns: repeat(auto-fill, minmax(345px, 1fr));
margin: 60px 0px 120px 0px;
}
.product-bigimg {
width: 100%;
height: 480px;
border-radius: 40px;
grid-column: 1 / -1;
object-fit:cover;
}
.product-smallimg-block {
display: grid;
gap: 20px;
grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
margin: 20px 0px;
}
.product-smallimg {
width: 100%;
height: 99px;
border-radius: 20px;
cursor:pointer;
object-fit:cover;
}
.slider-product {
height:0px;
overflow:hidden;
}
.product-img {
width: 100%;
height: 450px;
border-radius: 20px;
object-fit:cover;
}
.product-text {
margin: 60px 0px 0px 0px;
}
.product-text *{
color: rgba(93, 98, 103, 1);
font-size: 16px;
font-weight: 400;
}
.product-zag {
color: rgba(74, 124, 217, 1);
font-size: 16px;
font-weight: 400;
margin: 0px 0px 20px 0px;
}
.product-harakter-block {
margin: 60px 0px 0px 0px;
}
.product-harakter-zag {
color: rgba(74, 124, 217, 1);
font-size: 16px;
font-weight: 400;
margin: 0px 0px 36px 0px;
}
.product-harakter-info {
display: grid;
gap: 20px;
grid-template-columns: 1fr 1fr;
padding: 0px 0px 20px 0px;
margin: 0px 0px 20px 0px;
border-bottom: 1px solid rgba(195, 202, 216, 1);
}
.product-harakter-param {
color: rgba(93, 98, 103, 1);
font-size: 16px;
font-weight: 400;
}
.product-harakter-zanchparam {
font-size: 20px;
font-weight: 700;
}
.vakanciya-block {
display: flex;
flex-direction: column;
gap: 60px;
margin: 60px 0px 180px 0px;
}
.vakanciya {
display: grid;
gap: 40px 35px;
grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
padding: 0px 0px 60px 0px;
border-bottom: 1px solid rgba(195, 202, 216, 1);
}
.vakanciya-zag {
color: rgba(74, 124, 217, 1);
font-size: 16px;
font-weight: 400;
margin: 0px 0px 20px 0px;
}
.vakanciya-name {
font-size: 32px;
font-weight: 700;
margin: 0px 0px 20px 0px;
}
.vakanciya-napisbtn {
max-width: max-content;
cursor: pointer;
font-size: 16px;
font-weight: 700;
padding: 0px 0px 2px 0px;
border-bottom: 2px solid black;
}
.vakanciya-napisbtn:hover {
color: rgba(84, 143, 255, 1);
border-bottom: 2px solid rgba(84, 143, 255, 1);
}
.vakanciya-zanch {
font-size: 20px;
font-weight: 700;
}
.vakanciya-btnopis{
display: flex;
align-items: center;
gap: 8px;
max-width: max-content;
margin: 14px 0 0 0;
padding: 11px 20px;
background: #1466d8;
color: #fff;
border-radius: 10px;
font-size: 15px;
font-weight: 600;
cursor: pointer;
}
.vakanciya-opis{
position: fixed;
top: 0;
left: 0;
right: 0;
border: 0;
z-index: 999;
width: 100%;
height: 100%;
display: none;
justify-content: center;
align-items: center;
padding:20px 0;
backdrop-filter: blur(20px);
background: rgba(0, 0, 0, 0.5);
overflow: auto;
}
.vakanciya-opis::-webkit-scrollbar {
width: 0;
}
.vakanciya-opis-act{
display:flex;
}
.vakanciya-opis-block{
position: relative;
max-width: 850px;
width: 100%;
margin: auto;
padding: 40px 40px 60px 40px;
border-radius: 20px;
background: white;
}
.vakanciya-opis-close{
position: absolute;
top: 10px;
right: 10px;
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
padding:0 0 3px 1px;
border-radius: 50%;
background: #f2f5f9;
color: #5a6573;
font-size: 20px;
cursor: pointer;
}
.vakanciya-opis-podzag{
font-size: 13px;
font-weight: 600;
color: #1466d8;
text-transform: uppercase;
margin: 0 0 10px 0;
}
.vakanciya-opis-zag{
font-size: 30px;
font-weight: 800;
margin: 0 0 22px 0;
}
.vakanciya-opis-infoblock{
display: grid;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
gap: 10px;
margin: 15px 0;
}
.vakanciya-opis-info{
background: #f2f5f9;
border-radius: 12px;
padding: 12px 16px
}
.vakanciya-opis-infozag{
font-size: 12px;
font-weight: 600;
color: #9aa2ae;
margin:0 0 2px 0;
}
.vakanciya-opis-infotxt{
font-size: 16px;
font-weight: 700;
}
.projects-categor-blockbtn {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin: 0px 0px 60px 0px;
}
.projects-categor-btn {
font-size: 16px;
font-weight: 700;
text-decoration: none;
}
.projects-categor-actbtn {
color: rgba(84, 143, 255, 1);
}
.projects-block-content {
margin: 0px 0px 180px 0px;
}
.projects-block {
display: grid;
gap: 60px 20px;
grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
}
.drug-project:hover > .projects-overimg .projects-img,  .projects-info:hover > .projects-overimg .projects-img{
scale: 1.2;
}
.projects-overimg, .projects-info {
overflow:hidden;
}
.projects-overimg {
border-radius:40px;
}
.projects-img {
display:block;
width: 100%;
height: 340px;
object-fit:cover;
border-radius: 20px;
transition: 0.3s;
}
.projects-status {
color: rgba(74, 124, 217, 1);
font-size: 16px;
font-weight: 400;
margin: 30px 0px 10px 0px;
}
.projects-name {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
font-size: 24px;
font-weight: 700;
text-decoration:none;
}
.project-previmg {
display:block;
max-width: 1920px;
width: 100%;
height:600px;
border-radius: 40px;
object-fit:cover;
margin:40px 0px 120px 0px;
}
.project-content {
display: grid;
gap: 40px;
grid-template-columns: 250px 850px;
justify-content: space-between;
margin: 0px 0px 120px 0px;
}
.project-href-block {
position: sticky;
top: 10px;
height: max-content;
display:flex;
flex-direction:column;
gap:10px;
}
.project-href {
font-size: 16px;
font-weight: 700;
cursor:pointer;
}
.project-href:hover {
color: rgba(84, 143, 255, 1);
}
.project-href-act {
color: rgba(84, 143, 255, 1);
}
.project-zag {
color: rgba(74, 124, 217, 1);
font-size: 16px;
font-weight: 400;
margin:0px 0px 40px 0px;
}
.project-text *{
color: rgba(93, 98, 103, 1);
font-size: 16px;
font-weight: 400;
}
.project-text-block {
margin:0px 0px 80px 0px;
}
.project-info-block {
display:flex;
flex-direction:column;
gap:20px;
margin: 0px 0px 80px 0px;
}
.project-info {
display: grid;
gap: 20px;
grid-template-columns: 1fr 1fr;
border-bottom: 1px solid rgba(195, 202, 216, 1);
padding:0px 0px 20px 0px;
}
.project-info-param {
color: rgba(93, 98, 103, 1);
font-size: 16px;
font-weight: 400;
}
.project-info-znachparam {
font-size: 20px;
font-weight: 700;
}
.project-img-block {
display: grid;
gap: 20px;
grid-template-columns: 1fr 1fr;
}
.project-img {
width: 100%;
height: 410px;
object-fit:cover;
border-radius: 20px;
}
.slider-drug-project {
margin:60px -10px 160px -10px;
}
.drug-project {
margin:0px 10px;
}
.drug-project-sliderprev {
background: white;
border-radius: 100%;
cursor: pointer;
position: absolute;
top: calc(50% - 25px);
left: -70px;
z-index: 9;
}
.drug-project-slidernext {
background: white;
border-radius: 100%;
cursor: pointer;
position: absolute;
top: calc(50% - 25px);
right: -70px;
z-index: 9;
}
.drug-project-sliderprev:hover > rect, .drug-project-slidernext:hover > rect{
fill: rgba(10, 187, 180, 1);
}
.pagin-block {
position: relative;
display: flex;
flex-wrap:wrap;
gap: 5px;
justify-content: center;
max-width: max-content;
margin: 60px auto 0px auto;
}
.pagin-block:empty {
display: none;
}
.page-numbers {
display:block;
font-size: 16px;
font-weight: 700;
padding:22px 27px;
border-radius: 31px;
background: white;
text-decoration: none;
}
.page-numbers.current {
color:white;
background: rgba(0, 122, 210, 1)!important;
}
.next.page-numbers, .prev.page-numbers {
padding:22px;
border-radius: 30px;
}
.next.page-numbers:hover, .prev.page-numbers:hover, .page-numbers:hover {
color:white;
background: rgba(10, 187, 180, 1);
}
.page-img {
max-width: 1920px;
width: 100%;
height: 600px;
border-radius: 40px;
margin: 0px auto 60px auto;
object-fit: cover;
}
.slovo-ruk-block {
border-radius: 20px;
margin:0px 0px 40px 0px;
padding:30px;
background: rgba(255, 255, 255, 0.5);
}
.slovo-ruk-block:has(.slovo-ruk-text:empty) {
display:none;
}
.slovo-ruk-zag {
font-size: 40px;
font-weight: 700;
margin:0px 0px 20px 0px;
}
.slovo-ruk-text {
color: rgba(60, 74, 90, 1);
font-size: 16px;
font-weight: 400;
margin:0px 0px 20px 0px;
}
.slovo-ruk-nameblock {
display: flex;
align-items: center;
gap: 10px;
}
.slovo-ruk-nameimg {
width: 60px;
height: 60px;
object-fit:cover;
}
.slovo-ruk-name {
font-size: 16px;
font-weight: 700;
margin:0px 0px 5px 0px;
}
.slovo-ruk-dol {
font-size: 12px;
font-weight: 400;
}
.news-date-zag {
color: rgba(0, 122, 210, 1);
font-size: 16px;
font-weight: 400;
margin:80px 0px 10px 0px;
}
.news-date {
font-size: 20px;
font-weight: 700;
margin:0px 0px 120px 0px;
}
.contact-block {
display: grid;
gap: 80px 20px;
grid-template-columns: repeat(auto-fill, minmax(415px, 1fr));
margin: 0px 0px 80px 0px;
}
.contact-content {
display: flex;
flex-direction: column;
gap: 80px;
}
.contact-zag {
color: rgba(74, 124, 217, 1);
font-size: 16px;
font-weight: 400;
margin: 0px 0px 20px 0px;
}
.contact-param {
display:block;
margin: 10px 0px 0px 0px;
font-size: 30px;
font-weight: 700;
text-decoration:none;
}
.contact-napis {
display: block;
text-decoration: none;
cursor: pointer;
font-size: 16px;
font-weight: 700;
padding: 0px 0px 2px 0px;
border-bottom: 2px solid black;
margin:20px 0px 0px 0px;
max-width: max-content;
}
.contact-napis:hover {
color: rgba(84, 143, 255, 1);
border-bottom: 2px solid rgba(84, 143, 255, 1);
}
.contact-socsblock {
display: flex;
gap: 15px;
}
.contactmap {
display: block;
width:100%;
height:515px;
margin:0px 0px 60px 0px;
border: none;
border-radius: 20px;
}
.conct-rekviz {
border-radius: 20px;
background: white;
padding:40px 60px;
margin:80px 0px 180px 0px;
}
.conct-rekviz-zag {
font-size: 30px;
font-weight: 700;
margin:0px 0px 40px 0px;
}
.conct-rekviz-param, .conct-rekviz-paramots {
color: rgba(93, 98, 103, 1);
font-size: 16px;
font-weight: 400;
}
.conct-rekviz-paramots {
margin:20px 0px 0px 0px;
}
.conct-rekviz-skach {
display: block;
text-decoration: none;
cursor: pointer;
font-size: 16px;
font-weight: 700;
padding: 0px 0px 2px 0px;
border-bottom: 2px solid black;
margin: 40px 0px 0px 0px;
max-width: max-content;
}
.conct-rekviz-skach:hover {
border-bottom: 2px solid rgba(84, 143, 255, 1);
}
.otpr-uspeh {
position:fixed;
right:40px;
bottom:40px;
z-index: 9;
display:none;
max-width:480px;
width:100%;
padding:30px;
border-radius: 30px;
box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.05);
background: rgba(41, 96, 200, 1);
}
.otpr-uspeh-act {
display:block;
}
.otpr-uspeh-close {
position: absolute;
top: 20px;
right: 20px;
width: 20px;
height: 20px;
cursor: pointer;
background: url(/wp-content/themes/wordpress-default-theme/img/close.svg) no-repeat;
background-size: 100%;
filter: brightness(0) invert(1);
}
.otpr-uspeh-zag {
color: white;
font-size: 24px;
font-weight: 700;
margin:0px 0px 15px 0px;
}
.otpr-uspeh-text {
color: white;
font-size: 16px;
font-weight: 400;
}
.page-search {
margin:120px 0px 180px 0px;
}
.page-search-nayden {
color: rgba(93, 98, 103, 1);
font-size: 16px;
font-weight: 400;
}
.page-search-nayden, .page-search-nenayden {
color: rgba(93, 98, 103, 1);
font-size: 16px;
font-weight: 400;
}
.page-search-nenayden {
margin:0px 0px 180px 0px;
}
.page-search-href {
display:block;
color: rgba(74, 124, 217, 1);
font-size: 16px;
font-weight: 400;
margin:20px 0px 0px 0px;
}
.mobil-block {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 999;
display:none;
width: 100%;
height: 100%;
padding:20px 20px 50px 20px;
overflow: auto;
background: rgba(0, 122, 210, 1);
}
.mobil-block::-webkit-scrollbar {
width: 0;
}
.mobil-block-act {
display:block;
}
.mobil-logclose {
display:flex;
align-content:center;
justify-content: space-between;
gap:15px;
margin:0px 0px 40px 0px;
}
.mobil-logo {
width: 207px;
height: 79px;
object-fit: contain;
filter: brightness(0) invert(1);
}
.mobil-close {
width: 70px;
height: 70px;
object-fit: contain;
cursor:pointer;
}
.mobil-search-btn {
border-radius: 10px;
background: #188cdf;
margin:0px 0px 20px 0px;
cursor:pointer;
}
.mobil-search {
display: block;
max-width: max-content;
width: 100%;
height: 50px;
border-radius: 10px;
object-fit: cover;
object-position: left;
}
.mobil-ostzayav {
color: white;
font-size: 16px;
font-weight: 700;
padding: 15px 24px;
border: 2px solid white;
border-radius: 10px;
cursor: pointer;
margin: 0px 0px 80px 0px;
text-align: center;
}
.mobil-menu {
display: grid;
gap: 80px 15px;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}
.mobil-verhref {
color: rgba(187, 222, 247, 1);
font-size: 14px;
font-weight: 400;
margin:0px 0px 40px 0px;
}
.mobil-href {
display: block;
text-decoration: none;
color: white;
font-size: 24px;
font-weight: 700;
margin:10px 0px 0px 0px;
}
.mobil-line {
height:1px;
background:rgba(255, 255, 255, 0.2);
margin: 80px 0px;
}
.mobil-bighref {
display: block;
text-decoration: none;
color: white;
font-size: 24px;
font-weight: 700;
}
.mobil-smtext {
color: rgba(187, 222, 247, 1);
font-size: 14px;
font-weight: 400;
margin: 5px 0px 20px 0px;
}
.strnenay {
display: grid;
gap: 10px 50px;
grid-template-columns: 525px 1fr;
align-items: center;
margin: 0px 0px 80px 0px;
}
.strnenay-text {
color: rgba(93, 98, 103, 1);
font-size: 16px;
font-weight: 400;
margin: -40px 0px 20px 0px;
}
.vernut-na-glav {
max-width: max-content;
font-size: 16px;
font-weight: 700;
color: black;
text-decoration: none;
padding: 0px 0px 2px 0px;
border-bottom: 2px solid black;
}
.vernut-na-glav:hover {
color: rgba(84, 143, 255, 1);
border-bottom: 2px solid rgba(84, 143, 255, 1);
}
.strnenay-img {
width: 100%;
height: 600px;
object-fit: contain;
}
.cookies {
position: fixed;
bottom: 15px;
left: 5px;
right: 5px;
margin: auto;
z-index: 1;
max-width: 610px;
display: flex;
align-items: center;
background: #fff;
padding: 10px;
gap: 20px;
border-radius: 5px;
}
.cookies-text, .cookies-href {
font-size: 14px;
}
.cookies-button {
cursor: pointer;
border-radius: 5px;
text-align: center;
color: #fff;
font-weight: bold;
padding: 10px;
background: linear-gradient(270.00deg, rgba(67.53440856933594, 118.34136199951172, 214.7884521484375, 1), rgba(84, 143, 255, 1) 100%);
flex-shrink: 0;
}
.zag-price{
display: flex;
gap: 10px;
align-items: baseline;
}
.price-block{
display: flex;
align-items: center;
gap: 5px;
font-size: 18px;
text-decoration: none;
color: #548fff;
background: #b7b4b42e;
padding: 5px;
}
.price-block:hover{
color: rgb(10, 187, 180);
}
.price-block:hover>.price-img{
fill:rgb(10, 187, 180);
}
.price-img{
width:25px;
height:25px;
}