/* Start:/local/templates/sones/components/bitrix/system.pagenavigation/.default/style.css?1683119807713*/
.pagination__arrow--prev::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(90deg);
width: 20px;
height: 20px;
background: url('/upload/frontend/description_arrow_down.svg') no-repeat center center;
background-size: contain;
transition: background .3s ease-out;
}
.pagination__arrow--next::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(-90deg);
width: 20px;
height: 20px;
background: url('/upload/frontend/description_arrow_down.svg') no-repeat center center;
background-size: contain;
transition: background .3s ease-out;
}
/* End */
/* Start:/local/templates/sones/components/bitrix/breadcrumb/top/style.css?1715697409662*/
.bx-breadcrumb {
margin: 10px 0;
}
.bx-breadcrumb i {
color: #b5bdc2;
line-height: 13px;
font-size: 12px;
vertical-align: middle;
margin-right: 5px;
}
.bx-breadcrumb .bx-breadcrumb-item {
float: left;
margin-bottom: 10px;
white-space: nowrap;
line-height: 13px;
vertical-align: middle;
margin-right: 10px;
}
.bx-breadcrumb .bx-breadcrumb-item span {
font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 13px;
white-space: normal;
}
.bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none;}
.bx-breadcrumb .bx-breadcrumb-item a:hover {}
@media(max-width: 992px){
.breadcrumbs .hide_last_item{
display:none
}
}
/* End */
/* Start:/local/templates/sones/styles.css?17411637903611*/
.page-404 {
min-height: 700px;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
.page-404 .not_found {
width: 600px;
text-align: center;
}
.page-404 .not_found .not_found_404 {
font-family: 'AvenirNextCyr-Bold';
font-size: 280px;
color: #e6e6e6;
}
.page-404 .not_found .not_found_text {
font-family: 'AvenirNextCyr-Demi';
font-size: 38px;
color: #e6e6e6;
margin-bottom: 50px;
}
.page-404 .not_found a {
text-decoration: none;
font-size: 21px;
background: linear-gradient(135deg, #1188c1 0%, #02ace4 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@media (max-width: 767px) {
.page-404 {
min-height: 380px;
padding-bottom: 30px;
}
.page-404 .not_found {
width: auto;
}
.page-404 .not_found .not_found_404 {
font-size: 120px;
}
.page-404 .not_found .not_found_text {
font-size: 24px;
margin-bottom: 25px;
}
.page-404 .not_found a {
font-size: 14px;
}
}
.certificates-wrap .certificates {
padding-top:0px!important;
padding-bottom: 0px!important;
}
.featured-products-wrap {
padding-top:60px;
}
.page404 {
color: #fff;
width: 100%;
max-width: 645px;
margin: 30px auto 115px auto;
text-align: center;
line-height: 1.225;
}
.page404__title {
text-transform: uppercase;
font-size: 40px;
font-family: 'AvenirNextCyr-Bold';
margin-bottom: 20px;
}
.page404__text {
font-size: 16px;
margin-bottom: 30px;
}
.page404__buttons {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.page404__buttons .btn {
margin: 0 7.5px 15px 7.5px;
min-height: 51px;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 0 34px;
box-shadow: none;
}
.page404__buttons .btn:first-child {
background: none;
border-color: #40cce5;
color: #40cce5;
}
.pic404 {
display: block;
width: 100%;
height: auto;
max-width: 1096px;
margin: 0 auto;
}
.pic404__numbers {
animation: swing-numbers 3s ease-in-out infinite alternate both;
}
.pic404__numbers-fill {
animation: swing-fill 3s ease-in-out infinite alternate both;
}
.pic404__lamp {
animation: swing-lamp 3s ease-in-out infinite alternate both;
}
@keyframes swing-lamp {
0% {
transform: rotate(0);
}
100% {
transform: rotate(3deg);
}
}
@keyframes swing-numbers {
0% {
transform: rotate(0);
transform-origin: 50% 50%;
}
100% {
transform: rotate(-2deg);
transform-origin: 50% 50%;
}
}
@keyframes swing-fill {
0% {
transform: rotate(0);
transform-origin: 50% 50%;
}
100% {
transform: rotate(4deg);
transform-origin: 50% 50%;
}
}
@media (max-width: 768px) {
.page404__title {
font-size: 25px;
margin-bottom: 10px;
}
.page404__text {
font-size: 15px;
}
}
/* End */
/* Start:/local/templates/sones/template_styles.css?1787654593164883*/
.scroll-lock {
overflow: hidden;
}
header .header-account .btn.logout {
margin-right: 0.4166666667vw;
width: 4.8958333333vw;
}
header.home .header-account .btn.logout {
margin-right: 0.2604166667vw;
}
.error-data-form {
font-size: 13px;
color: red;
margin-bottom: 10px;
}
@media (max-width: 767px) {
header .header-account .btn.logout {
width: 64px;
}
}
@media (max-width: 1199px) {
header .header-account .btn.logout {
margin-right: 5px;
width: 80px;
}
}
@media (max-width: 1199px) {
header.home .header-account .btn.logout {
margin-right: 5px;
}
}
.favourites {
width: 30px;
height: 30px;
display: flex;
margin-right: 10px;
align-items: center;
justify-content: center;
background: #fff;
border-radius: 20px;
}
.favourites svg {
fill-opacity: 0;
stroke: #02ace4;
}
@media (max-width: 1629px) {
.catalog-wrap--favourites
.catalog
.catalog-item
.catalog-item-products
.item-product:nth-child(3n) {
margin-right: 25px !important;
}
.catalog-wrap--favourites .catalog {
max-width: 1200px !important;
width: auto !important;
}
.catalog-wrap--favourites .catalog .catalog-item {
max-width: 1200px !important;
}
.catalog-wrap--favourites .catalog .catalog-item .catalog-item-products {
justify-content: center;
max-width: 1200px !important;
}
.catalog-wrap--favourites
.catalog
.catalog-item
.catalog-item-products
.item-product {
max-width: 300px !important;
}
}
.item-product {
position: relative;
}
.catalog-detail__picture .item-product-favourites {
position: absolute;
top: 15px;
right: 15px;
z-index: 1;
border: 0;
background: 0 0;
}
.item-product-favourites {
position: absolute;
top: 10px;
right: 8px;
border: 0;
background: 0 0;
}
.item-product-favourites svg {
width: 25px;
height: 25px;
stroke: #02ace4;
fill: transparent;
transition: fill 0.3s ease;
}
.item-product-favourites svg:hover {
fill: #03abe3;
}
.item-product-favourites svg:hover path {
fill: #03abe3;
opacity: 0.9;
}
.item-product-favourites svg .str-1 {
transition:
stroke 0.3s ease,
fill 0.3s ease;
fill: transparent;
}
.item-product-favourites.active > svg .str-1 {
fill: #03abe3;
opacity: 1;
}
.item-product-favourites.active > svg {
fill: #03abe3;
opacity: 0.9;
}
.item-product-favourites.active > svg path {
fill: #03abe3;
opacity: 0.9;
}
.item-product-favourites > svg:hover .str-1 {
stroke: red;
fill-opacity: 0;
}
.item-product-favourites.active > svg:hover .str-1 {
stroke: #03abe3;
fill-opacity: 1;
}
.catalog-wrap .catalog:has(.category) {
gap: 15px;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(245px, 1fr));
}
.catalog-wrap .catalog .category {
margin: 0 !important;
}
@media (max-width: 1199px) {
.catalog-wrap .catalog .category {
width: 100%;
}
.container:has(.catalog-wrap) {
width: 100%;
/*padding: 0 20px;*/
box-sizing: border-box;
}
.catalog-wrap .catalog:has(.category) {
column-gap: 15px;
row-gap: 15px;
grid-template-columns: repeat(auto-fill, minmax(236px, 1fr));
}
.catalog-wrap {
width: 100%;
margin: 0;
}
.catalog-wrap .catalog .category h4 {
word-break: break-word;
}
}
@media (max-width: 767px) {
.catalog-wrap .catalog:has(.category) {
grid-template-columns: repeat(auto-fill, minmax(192px, 1fr));
padding: 0 20px;
box-sizing: border-box;
}
.catalog__description.description {
padding: 0 20px;
box-sizing: border-box;
}
.container:has(.catalog-wrap.catalog-wrap--customized) {
padding: 0;
}
.catalog-wrap.catalog-wrap--customized {
width: 100%;
}
.catalog-wrap.catalog-wrap--customized .catalog .category-wrap {
box-sizing: border-box;
}
.catalog-wrap .catalog .catalog-item .catalog-item-products {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
gap: 0;
}
.catalog-wrap.catalog-wrap--customized
.catalog
.catalog-item
.catalog-item-products
.item-product {
width: 100%;
}
.catalog-wrap
.catalog
.catalog-item
.catalog-item-products
.item-product
.thumb {
height: auto;
padding: 0 10px;
}
.catalog-wrap
.catalog
.catalog-item
.catalog-item-products
.item-product
.thumb
img {
object-fit: cover;
}
.catalog-wrap
.catalog
.catalog-item
.catalog-item-products
.item-product
.title {
font-size: 16px;
}
}
.catalog-wrap
.catalog
.catalog-item
.catalog-item-products
.item-product
.thumb
img {
width: 100%;
height: 100%;
object-fit: contain;
}
.catalog-wrap
.catalog
.catalog-item
.catalog-item-products
.item-product
.thumb {
height: auto;
}
.catalog-wrap .catalog .catalog-item .catalog-item-products {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}
.catalog-wrap.catalog-wrap--customized
.catalog
.catalog-item
.catalog-item-products
.item-product {
width: 100%;
}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
padding: 0;
white-space: nowrap;
clip-path: inset(100%);
clip: rect(0 0 0 0);
overflow: hidden;
}
/*search-page*/
.search-page * {
box-sizing: border-box;
}
.search-page {
box-sizing: border-box;
}
.search-page__wrapper {
padding-bottom: 50px;
}
.search-page__form {
margin-bottom: 35px;
}
.search-page__content {
display: flex;
flex-direction: column;
row-gap: 30px;
}
.form-search__search-wrapper-input {
display: flex;
align-items: center;
justify-content: space-between;
border: 1px solid #02ace4;
margin-bottom: 10px;
}
.form-search__search-inner-input {
flex: 1;
}
.form-search__input {
border: none;
min-height: 48px;
padding: 10px 20px;
width: 100%;
}
.search__btn-search {
display: flex;
align-items: center;
justify-content: center;
background-color: #02ace4;
border: none;
color: #fff;
min-height: 48px;
width: 60px;
}
.search__btn-search:focus-visible {
outline: 2px solid #333333;
border-radius: 2px;
}
.search__btn-search svg {
width: 19px;
height: 20px;
object-fit: cover;
}
.form-search__prompt-text {
font-size: 12px;
line-height: 14px;
margin: 0;
padding-bottom: 10px;
}
.form-search__prompt-value {
font-weight: 600;
}
.search-filter__wrapper {
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 20px;
}
.search-filter__select {
appearance: none;
background-color: transparent;
border: none;
padding: 10px 1em 10px 10px;
margin: 0;
width: 100%;
font-family: inherit;
font-size: inherit;
cursor: inherit;
line-height: inherit;
z-index: 1;
outline: none;
}
.search-filter__select::-ms-expand {
display: none;
}
.search-filter-select {
display: grid;
grid-template-areas: "select";
align-items: center;
position: relative;
min-width: 15ch;
max-width: fit-content;
border: 1px solid #02ace4;
border-radius: 5px;
padding-right: 10px;
font-size: 14px;
cursor: pointer;
line-height: 1.1;
background-color: #fff;
background-image: linear-gradient(to top, #f9f9f9, #fff 33%);
}
.search-filter-select .search-filter__select,
.search-filter-select::after {
grid-area: select;
}
.search-filter-select::after {
grid-area: select;
content: "";
justify-self: end;
width: 0.8em;
height: 0.5em;
background-color: #777;
clip-path: polygon(100% 0%, 0 0%, 50% 100%);
}
.search-filter__select:focus + .search-filter__focus {
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
border: 2px solid #02ace4;
border-radius: inherit;
}
.search-filter-price {
display: flex;
align-items: center;
column-gap: 5px;
}
.form-search__filter {
margin-top: 35px;
margin-bottom: 10px;
}
.search-sort {
display: flex;
column-gap: 20px;
align-items: center;
}
.content-block__title-wrapper {
display: flex;
column-gap: 10px;
align-items: center;
margin-bottom: 20px;
}
.content-block__count {
background-color: #02ace4;
color: white;
width: fit-content;
height: fit-content;
border-radius: 9999px;
padding: 10px;
min-width: 32px;
min-height: 32px;
display: flex;
align-items: center;
justify-content: center;
}
.content-slide {
height: auto;
width: 100%;
max-width: 300px;
min-height: 300px;
}
.search-page .swiper-wrapper {
box-sizing: content-box;
}
/*catalog-filter*/
.filter-control-wrapper {
display: none;
}
.filter-close-btn {
display: none;
}
.category-wrap {
display: block;
}
.category-wrap__header {
display: none;
}
.category-wrap__list {
display: flex;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.mobile-filters {
}
.mobile-filters--open {
}
.mobile-filters .mobile-filters__btn-filter {
display: flex;
justify-content: center;
column-gap: 10px;
color: #1188c1;
background-image: none;
background-color: #ffffff;
border: 1px solid #1188c1;
font-weight: 500;
font-size: 14px;
padding: 6px 12px;
font-family: "AvenirNext";
transition: all 0.3s ease;
box-shadow: none;
}
.mobile-filters .mobile-filters__btn-filter:hover {
background-color: #1188c1;
border: 1px solid #ffffff;
color: #ffffff;
}
.mobile-filters__form-wrapper {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100;
visibility: hidden;
opacity: 0;
background-color: #ffffff;
transform: translateX(100%);
transition: all 0.6s ease;
display: flex;
flex-direction: column;
}
.mobile-filters--open .mobile-filters__form-wrapper {
visibility: visible;
opacity: 1;
transform: translateX(0);
}
.bx-filter .bx-filter-section {
position: static;
}
.mobile-filters .mobile-filters__block-header {
margin: 0;
position: sticky;
top: 0;
left: 0;
right: 0;
z-index: 1000;
}
.mobile-filters__block-header-inner {
display: flex;
justify-content: space-between;
}
.filter-control-wrapper {
display: flex;
gap: 15px;
}
.mobile-filters__form .row {
margin: 0;
}
.mobile-filters__form {
background-color: #ffffff;
overflow-y: auto;
box-shadow: none;
}
.filter-close-btn {
background-color: transparent;
border: none;
display: flex;
align-items: center;
justify-content: center;
width: 25px;
height: 25px;
}
.catalog-wrap--customized .bx-filter .smartfilter > .row:first-child {
margin: 0;
box-shadow: none;
padding-bottom: 150px;
}
.filter-control-btn-bottom {
text-align: center;
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 20px;
z-index: 100;
background-color: #ffffff;
}
.filter-control-btn-bottom__wrapper {
display: flex;
gap: 15px;
justify-content: center;
align-items: center;
}
.filter-control-btn {
box-shadow: none;
}
.category-wrap {
/* position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100;
visibility: hidden;
opacity: 0; */
background-color: #ffffff;
/* transform: translateX(100%); */
transition: all 0.6s ease;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
margin: 0;
}
.category-wrap--open {
visibility: visible;
opacity: 1;
transform: translateX(0);
}
.category-wrap__header {
display: none;
justify-content: space-between;
gap: 15px;
padding: 16.5px 37px;
text-transform: uppercase;
font-family: "AvenirNextCyr-Demi";
font-size: 21px;
color: #fff;
background: linear-gradient(135deg, #1188c1 0%, #02ace4 100%);
}
.category-wrap .category-wrap__list {
display: flex;
flex-direction: row;
}
.catalog-wrap .catalog .catalog-item .catalog-item-products {
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
}
@media screen and (max-width: 468px) {
.catalog-wrap .catalog .category {
padding: 10px;
display: flex;
align-items: center;
gap: 30px;
box-sizing: border-box;
}
.catalog-wrap .catalog .category .thumb {
padding: unset;
height: 90px;
width: 90px;
min-width: 90px;
}
.catalog-wrap .catalog .category .thumb img {
width: 100%;
height: 100%;
}
.catalog-wrap .catalog .category .title {
text-align: left;
}
}
.catalog-wrap .catalog .catalog-item .catalog-item-products .item-product {
padding-bottom: 20px;
display: flex;
flex-direction: column;
}
.item-product__btn-link {
display: flex;
align-items: center;
justify-content: center;
padding: 5px 20px;
margin: 0 auto;
margin-top: auto;
width: 100%;
max-width: 135px;
}
.catalog-wrap.catalog-wrap--news
.catalog
.catalog-item
.catalog-item-products
.item-product {
width: 100%;
}
.price-list_download {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.price-list_download li {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 30px;
margin: 0 14px 10px 0;
min-width: 150px;
min-height: 46px;
transition: all 0.5s;
background: linear-gradient(to right, #1188c1 0%, #02ace4 100%);
}
.dropdown__content .price-list_download li {
margin: 0;
border-radius: unset;
background: transparent;
min-width: unset;
min-height: unset;
}
.price-list_download li a {
text-align: center;
width: 100%;
padding: 13px 20px;
text-transform: uppercase;
text-decoration: none;
font-family: "AvenirNextCyr-Bold";
font-size: 16px;
box-sizing: border-box;
transition: all 0.5s;
background: linear-gradient(135deg, #1188c1 0%, #02ace4 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-fill-color: #fff;
}
.dropdown__content .price-list_download li a {
background: unset;
color: #02ace4;
font-size: 14px;
font-family: "AvenirNextCyr-Demi";
text-transform: none;
-webkit-text-fill-color: #02ace4;
text-align: left;
}
.dropdown__content .price-list_download li a:hover {
background-color: #02ace4;
-webkit-text-fill-color: #fff;
}
.price-list_date {
margin-bottom: 39px;
}
.breadcrumb_mob {
display: none;
}
.filter__main-mobil {
display: none;
}
.overlay {
display: block;
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 3;
background-color: rgb(26 26 26 / 65%);
backdrop-filter: blur(1px);
}
@media screen and (max-width: 540px) {
/* .banner__bg.slick-initialized.slick-slider {
display: none;
} */
.photostock_main_block .banner {
height: auto;
}
.photostock__aside {
display: none;
}
.photostock__body {
margin: 0;
width: 100%;
}
.photostock__block {
width: 43%;
margin: 0;
}
.photostock__block:nth-child(5n) {
margin-right: 0;
}
.photostock__block:nth-child(5n) {
margin-right: 0;
}
.photostock__blocks {
justify-content: space-between;
gap: 1rem 2rem;
}
.photostock__block label {
display: none;
}
.photostock__block .photostock_download--link {
width: 25px;
height: 25px;
}
.pagination {
padding: 40px 0 50px 0;
}
.pagination ul li a {
width: 35px;
height: 35px;
}
.pagination ul li a:before {
width: 37px;
height: 37px;
top: -1px;
left: -1px;
}
.pagination ul li {
margin: 0 4px;
}
.photostock__body .breadcrumbs {
max-width: 100%;
}
.photostock__actions {
display: none;
}
.breadcrumb_mob {
display: none;
padding: 15px 10px;
}
.photostock__body .breadcrumbs {
margin-bottom: 15px;
}
.photostock__actions {
display: none;
}
.page_top,
.photostock {
padding: 15px;
}
.photostock__body_top--wrap {
gap: 0;
}
.photostock__body_top {
justify-content: left;
}
.page_top .filter__main {
display: none;
}
.filter__main-mobil {
display: block;
width: 100%;
}
.dropdown-block_btn {
width: 100%;
}
.dropdown-btn_filters {
border-radius: 5px;
color: #ffffff;
font-size: 17px;
background: none;
border: #88d0ea 1px solid;
text-align: left;
padding: 11px 10px 14px 50px;
position: relative;
}
.dropdown-block_btn {
border-radius: 5px;
color: #ffffff;
font-size: 17px;
background: none;
border: #88d0ea 1px solid;
text-align: left;
padding: 11px 10px 14px 50px;
position: relative;
}
.dropdown-block_body-top {
border-bottom: 1px solid #7bc4e4;
padding: 20px 20px 20px 60px;
justify-content: space-between;
display: flex;
}
.dropdown-block_body-close,
.dropdown-modal_close {
padding-top: 3px;
background: none;
border: none;
}
.dropdown-block_body-top p {
position: relative;
}
.dropdown-block_body-top.category p::before {
top: 4px;
left: -30px;
height: 14px;
width: 14px;
position: absolute;
content: "";
background: url(/local/templates/sones/images/icons/dropdown-block.svg)
no-repeat center center;
}
.dropdown-block_body-top.filters p::before {
top: 4px;
left: -30px;
height: 19px;
width: 19px;
position: absolute;
content: "";
background: url(/local/templates/sones/images/icons/filters-m.svg) no-repeat
center center;
}
.dropdown-block_btn.category::before {
top: 13px;
left: 22px;
height: 14px;
width: 14px;
position: absolute;
content: "";
background: url(/local/templates/sones/images/icons/category.svg) no-repeat
center center;
}
.dropdown-btn_filters::before {
top: 13px;
left: 22px;
height: 19px;
width: 19px;
position: absolute;
content: "";
background: url(/local/templates/sones/images/icons/filters.svg) no-repeat
center center;
}
.dropdown-block_body {
top: 0px;
z-index: 1000;
left: 0;
width: 95%;
margin: 19px 0 0 0;
position: absolute;
transition: height 0.3s ease-in-out;
background: #fff;
}
.header-menu_body-drop.active {
height: auto;
background: #fff;
}
.page__search {
width: 100%;
margin: 0 auto 0 auto;
}
.dropdown-block_body .photostock_catalog__list {
position: relative;
}
.dropdown-block_body .photostock_catalog__item_head {
border: 0;
display: flex;
}
.dropdown-block_body ul span {
font-family: "AvenirNextCyr-Regular";
font-size: 16px;
color: #ffffff;
line-height: 18px;
border-bottom: 1px solid transparent;
transition: border 0.3s ease;
}
.dropdown-block_body ul span.dropdown_menu-text {
color: #000;
}
.dropdown-block_body .photostock_catalog__list .photostock_catalog__arrow {
padding: 15px;
width: 18px;
min-width: 18px;
height: 17px;
background: url(/upload/frontend/filter_open_bottom.svg) no-repeat center
center;
background-size: 14px;
cursor: pointer;
transition: background 0.3s ease-out;
}
.photostock_catalog__list .photostock_catalog__list {
height: 0;
overflow: hidden;
padding-left: 10px;
}
.dropdown-block_body
> .photostock_catalog__list
> .photostock_catalog__item
> .photostock_catalog__list {
transition: height 0.3s ease-out;
}
.page_top .filter__bottom {
display: none;
}
.dropdown_menu-accordion {
list-style: none;
padding: 0 20px 30px 20px;
margin: 0;
}
.dropdown_menu-accordion li {
padding: 0;
}
.dropdown_menu-accordion span {
display: inline-block;
width: 100%;
}
.dropdown_menu-accordion a,
.dropdown_menu-accordion a:link,
a:visited {
display: inline;
text-decoration: none;
padding: 0.25em;
}
.dropdown_menu-accordion a:only-child:hover {
text-decoration: underline;
background: transparent;
}
.dropdown_menu-accordion li ul {
display: none;
padding: 0 0 0 20px;
}
.dropdown_menu-accordion li {
position: relative;
}
.dropdown_menu-accordion > li > a {
font-family: "AvenirNextCyr-Demi";
font-size: 16px;
color: #000;
font-weight: bold;
}
.dropdown_menu-accordion > li > a {
font-weight: 900;
}
.dropdown_menu-accordion li a {
font-size: 16px;
color: #000;
}
.dropdown_menu-arrow {
display: block;
}
.dropdown_menu-accordion li {
position: relative;
}
.dropdown_menu-accordion li div {
position: relative;
}
.dropdown_menu-accordion li div span.dropdown_menu-img {
right: 0;
width: 14px;
position: absolute;
}
.dropdown_menu-accordion li div span.dropdown_menu-img.active img {
transform: rotate(180deg);
transition: 0.4s ease-out;
}
/* .dropdown_menu-arrow .dropdown_menu-text::before {
right: 0;
height: 14px;
width: 14px;
position: absolute;
content: '';
background: url(/local/templates/sones/images/icons/open-bottom.svg) no-repeat center center;
}
.dropdown_menu-arrow .dropdown_menu-text.active::before {
transform: rotate(180deg);
transition: .4s ease-out;
}*/
.dropdown_menu-accordion > li {
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #e7eef1;
position: relative;
}
.dropdown-modal_filters {
display: none;
top: 0px;
z-index: 1000;
left: 0;
width: 95%;
margin: 19px 0 0 0;
position: absolute;
transition: height 0.3s ease-in-out;
background: #fff;
}
.ps-catalog__list-dropdown > div:first-child {
margin-bottom: 10px;
}
.dropdown-btn_close span {
padding-right: 10px;
}
.dropdown-btn_close {
display: flex;
align-items: center;
}
.ps-catalog__list-dropdown .page__filter--modif {
padding-top: 0;
}
.dropdown-btn_close input,
.dropdown-btn_close {
color: #ffffff;
font-size: 13px;
background: none;
border: none;
}
.dropdown-btn_group-close {
margin: 10px;
}
.dropdown-btn_group {
flex-wrap: wrap;
display: flex;
justify-content: space-between;
gap: 10px;
}
.dropdown-btn_group.mobi {
padding: 0 20px 30px;
}
.dropdown-btn_apply {
padding: 14px 26px 14px 26px;
color: #ffffff;
font-size: 17px;
background: #03abe3;
border: none;
border-radius: 70px;
}
.dropdown-btn_reset {
padding: 14px 26px 14px 10px;
color: #03abe3;
font-size: 17px;
background: #fff;
border: none;
border-radius: 70px;
}
.dropdown_menu-filters .filter__field {
justify-content: left;
position: relative;
display: flex;
}
.checkbox-filters {
position: absolute;
opacity: 0;
}
.dropdown_menu-filters li ul {
padding: 10px 0 0 5px;
margin: 0;
}
.dropdown_menu-filters .filter__field .field__box {
padding: 0;
}
.dropdown_menu-filters .filter__field .input-filters {
margin-right: 10px;
position: relative;
border-radius: 3px;
min-width: 17px;
width: 17px;
height: 17px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
content: "";
background: transparent;
border: 1px solid #88d0ea;
}
.page__filter--modif {
margin-bottom: 10px;
}
.dropdown-group-filters {
justify-content: space-between;
flex-wrap: wrap;
display: flex;
width: 100%;
}
.dropdown_menu-filters
.filter__field
input[type="checkbox"]:checked
+ .input-filters:before {
content: "";
position: absolute;
top: 2px;
left: 2px;
background: url(/upload/frontend/filter_checked.svg) no-repeat center center;
background-size: cover;
width: 14px;
height: 14px;
}
.dropdown_menu-filters > li > ul > li {
margin-bottom: 14px;
}
.dropdown_menu-filters > li > ul > li:last-child {
margin-bottom: 0;
}
.page__search .search__inner--icon {
right: 23px;
position: absolute;
padding-top: 10px;
width: 44px;
height: 44px;
background-image: url(/local/templates/sones/images/search.svg);
}
.page__search {
height: 54px;
}
.page__search input {
padding: 0 55px 0 15px;
}
}
.dropdown_menu-accordion > li > ul > li {
padding-bottom: 10px;
}
.dropdown_menu-accordion > li > ul > li:first-child {
padding-top: 10px;
}
.dropdown_menu-accordion > li > ul > li > ul > li {
padding-bottom: 10px;
}
.dropdown_menu-accordion > li > ul > li > ul > li:first-child {
padding-top: 10px;
}
.dropdown_menu-accordion > li > ul > li > ul > li > ul > li {
padding-bottom: 10px;
}
.dropdown_menu-accordion > li > ul > li > ul > li > ul > li:first-child {
padding-top: 10px;
}
.banner {
padding: 0;
}
@media screen and (min-width: 540px) {
.page__search input {
margin-top: 0 !important;
}
}
@media screen and (max-width: 780px) {
.social__link,
.social__link:nth-child(6n) {
margin-right: 5px;
margin-bottom: 0;
}
/* .banner__bg {
display: none;
} */
.banner__socials {
bottom: 10px;
}
}
@media screen and (max-width: 780px) {
.photostock_main_block .banner,
.lk__main .banner {
height: 15.6vw;
}
}
@media (max-width: 1199px) {
.social__link:nth-child(6n) {
margin-right: 5px;
}
.photostock_main_block .banner,
.lk__main .banner {
height: 15.6vw;
}
}
.photostock_main_block .banner,
.lk__main .banner {
max-height: 334px;
}
.banner h1 {
padding: 60px 0 70px 0;
}
.parameters__table_wrap .parameters__table th {
line-height: 17.73px;
font-weight: normal;
text-transform: inherit;
box-sizing: border-box;
height: auto;
width: 50%;
padding: 17px 15px 17px 25px;
background: #f9fafa;
border-right: none;
font-family: "AvenirNextCyr-Regular";
font-size: 15px;
}
.parameters__table_wrap {
padding-bottom: 49px;
padding-right: 40px;
}
.catalog-detail__info {
box-shadow: none;
}
.parameters__table td {
font-weight: normal;
padding: 18px 15px 18px 5px;
font-family: "AvenirNextCyr-Regular";
color: #1c1c1c;
width: 50%;
box-sizing: border-box;
border-right: none;
font-size: 16px;
background: #f9fafa;
}
.parameters__row {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
-webkit-box-lines: multiple;
flex-wrap: wrap;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
gap: 17px 17px;
}
.parameters__item {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: 30%;
}
@media (max-width: 991px) {
.parameters__item {
width: 46%;
}
}
.parameters__item-img {
max-height: 30px;
max-width: 30px;
min-width: 30px;
min-height: 30px;
}
.parameters__item-text {
max-width: 170px;
font-size: 15px;
margin-left: 9px;
line-height: 17.73px;
}
.parameters__link_wrap {
text-align: left;
margin: 15px 0 35px 0;
}
.parameters__link {
background: #f9fafa;
padding: 16px 48px 16px 20px;
color: #1c1c1c;
text-decoration: none;
position: relative;
}
.parameters__link span {
position: relative;
font-size: 17px;
}
.parameters__link span::before {
position: absolute;
content: "";
background: transparent url(/local/templates/sones/include/02.svg) no-repeat
center center;
height: 13px;
width: 8px;
top: 5px;
right: -24px;
}
.catalog-detail__bottom {
align-items: center;
justify-content: space-between;
display: flex;
}
.catalog-detail__slider--nav {
max-width: 460px;
}
.catalog-detail__btn {
margin-right: 10px;
border: none;
font-size: 15px;
color: #5b4444;
min-height: 100px;
min-width: 100px;
max-height: 100px;
max-width: 100px;
background: #e7eef1;
}
.product-tabs__items {
margin-bottom: 20px;
border-bottom: none;
}
.tabs__item {
font-size: 17px;
background: #f9fafa;
border: none;
border-right: 2px solid #e7eef1;
padding: 14px 30px 16px 30px;
border-radius: initial;
margin-right: -1px;
cursor: pointer;
transition: all 0.3s ease-out;
white-space: nowrap;
}
.tabs__item:last-child {
border-right: none;
}
.tabs__item--active,
.tabs__item--active:hover {
background: #e7eef1;
color: #1c1c1c;
}
.banner .title {
font-weight: 100;
}
.parameters__row {
margin-bottom: 42px;
}
@media screen and (max-width: 780px) {
.catalog-detail__bottom {
gap: 20px 0;
align-items: baseline;
flex-direction: column;
}
.catalog-detail__btn {
margin: auto;
}
.catalog-detail__btn {
min-width: calc(100% - 40px);
max-width: calc(100% - 40px);
min-height: 60px;
max-height: 60px;
}
}
@media screen and (max-width: 1200px) {
.catalog-detail__slider--nav {
max-width: 320px;
}
}
.catalog-detail__slider--nav .slick-arrow.slick-prev {
left: 0;
background: url("/local/templates/sones/../img/left-arrow.png") 0 0 / 100% no-repeat;
}
.catalog-detail__slider--nav .slick-arrow.slick-next {
right: 0;
background: url("/local/templates/sones/../img/right-arrow.png") 0 0 / 100% no-repeat;
}
.catalog-detail__slider--nav .slick-arrow.slick-prev,
.catalog-detail__slider--nav .slick-arrow.slick-next {
opacity: 0.6;
color: #0000;
border: none;
width: 8px;
height: 13px;
background-image: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 12L6 6.5L1 1' stroke='%2305a6dec2' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.catalog-detail__slider--nav .slick-arrow.slick-prev:hover,
.catalog-detail__slider--nav .slick-arrow.slick-next:hover {
opacity: 0.9;
}
.catalog-detail__slider--nav .slick-arrow.slick-prev {
transform: scaleX(-1);
left: 0;
}
.catalog-detail__slider--nav .slick-arrow.slick-next {
right: 0;
}
.catalog-detail__slider .slick-arrow {
top: 50%;
}
.catalog-detail__slider--nav {
max-width: 460px;
}
.catalog-detail__slider--nav .slick-list.draggable {
margin: auto;
max-width: 430px;
}
.catalog-detail__slider .slick-arrow.slick-prev {
left: 0;
background: url("/local/templates/sones/../img/left-arrow.png") 0 0 / 100% no-repeat;
}
.catalog-detail__slider .slick-arrow.slick-next {
right: 0;
background: url("/local/templates/sones/../img/right-arrow.png") 0 0 / 100% no-repeat;
}
.catalog-detail__slider .slick-arrow.slick-prev,
.catalog-detail__slider .slick-arrow.slick-next {
opacity: 0.6;
color: #0000;
border: none;
width: 8px;
height: 13px;
background-image: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 12L6 6.5L1 1' stroke='%2305a6dec2' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.catalog-detail__slider .slick-arrow.slick-prev:hover,
.catalog-detail__slider .slick-arrow.slick-next:hover {
opacity: 0.9;
}
.catalog-detail__slider .slick-arrow.slick-prev {
z-index: 10000;
transform: scaleX(-1);
left: 40px;
}
.catalog-detail__slider .slick-arrow.slick-next {
right: 60px;
}
@media screen and (max-width: 560px) {
.catalog-detail__slider--nav .slick-list.draggable {
max-width: 215px;
}
.catalog-detail__slider--nav .slick-arrow.slick-next {
right: 15px;
}
}
.catalog-detail__slide .catalog-detail__download--link {
width: 19px;
height: 21px;
padding: 13px;
}
.catalog-detail__slide .catalog-detail__download--link:hover {
width: 19px;
height: 21px;
background: #0f8fca url(/local/templates/sones/include/03hover.svg) no-repeat
center center;
}
.catalog-detail__slider {
height: auto;
}
.catalog-detail__slider .slick-list {
margin: auto;
width: 90%;
}
.bx-filter-input-group {
align-items: center;
display: flex;
}
.catalog-wrap--customized
.bx-filter
.bx-filter-input-checkbox
input:checked
+ .bx-filter-param-text:after {
top: -7px;
left: 3px;
}
.catalog-detail__slide img {
max-height: 510px;
height: 100%;
}
.banner .title {
font-weight: 100;
}
.catalog-detail__slider .slick-list {
margin: auto;
width: 100%;
}
@media screen and (max-width: 560px) {
.catalog-detail__slide img {
max-height: 320px;
height: 100%;
}
.catalog-detail__slider .catalog-detail__slide {
/* height: auto;
width: 559px;
min-width: 100%;
max-width: 100%; */
}
}
/* .catalog-detail__slider--nav .catalog-detail__slide--video:after{
background: unset;
} */
.catalog-detail__slider--nav .catalog-detail__slide--video:after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
background: url("/upload/frontend/youTube_black1.svg") no-repeat center center;
background-size: 72px;
}
.catalog-detail__slide {
height: 453px;
}
/* .catalog-detail__slider .slick-slide .catalog-detail__slide--video iframe{
height: 90%;
margin-top: 25px;
}
@media (max-width: 1199px) {
.catalog-detail__slider .slick-slide .catalog-detail__slide--video iframe{
height: 78%;
margin-top: 55px;
}
}
@media (max-width: 991px) {
.catalog-detail__slider .slick-slide .catalog-detail__slide--video iframe{
height: -webkit-fill-available;
width: -webkit-fill-available;
margin-top: 0;
}
} */
.certificate .btn {
min-width: 180px;
padding: 10px 5px;
text-align: center;
}
@media screen and (max-width: 560px) {
.tab-content .certificates .column .title {
gap: 10px;
align-items: flex-start;
flex-direction: column;
}
.certificates.downloads .certificate .title p {
margin-right: 0;
}
}
.certificates.downloads .certificate .title p span {
position: relative;
}
.certificates.downloads .certificate .title p:after {
display: none;
}
.certificates.downloads .certificate .title p span:after {
content: "";
position: absolute;
bottom: 2px;
right: -20px;
display: block;
width: 10px;
height: 10px;
border: none;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
transform: translate(0, -50%) rotate(-45deg);
-webkit-transform: translate(0, -50%) rotate(-45deg);
}
.certificates.downloads .certificate .title p {
margin-right: 30px;
position: relative;
cursor: pointer;
}
.parameters__table_prop[data-property="CML2_ARTICLE"],
.parameters__table_prop[data-property="ARTCLE_HITT"] {
box-sizing: border-box;
display: block;
position: relative;
width: 100%;
min-height: 20px;
padding-right: 22px;
}
.parameters__table_prop[data-property="CML2_ARTICLE"] .parameters__table_copy,
.parameters__table_prop[data-property="ARTCLE_HITT"] .parameters__table_copy {
position: absolute;
top: 0;
right: 0;
display: block;
width: 20px;
height: 20px;
cursor: pointer;
/* background: url('/local/templates/sones/images/icon-copy.svg') no-repeat center center; */
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16' fill='none'%3E%3Cpath d='M4 0C3.46957 0 2.96086 0.210714 2.58579 0.585786C2.21071 0.960859 2 1.46957 2 2V12C2 12.5304 2.21071 13.0391 2.58579 13.4142C2.96086 13.7893 3.46957 14 4 14H10C10.5304 14 11.0391 13.7893 11.4142 13.4142C11.7893 13.0391 12 12.5304 12 12V2C12 1.46957 11.7893 0.960859 11.4142 0.585786C11.0391 0.210714 10.5304 0 10 0H4ZM3 2C3 1.73478 3.10536 1.48043 3.29289 1.29289C3.48043 1.10536 3.73478 1 4 1H10C10.2652 1 10.5196 1.10536 10.7071 1.29289C10.8946 1.48043 11 1.73478 11 2V12C11 12.2652 10.8946 12.5196 10.7071 12.7071C10.5196 12.8946 10.2652 13 10 13H4C3.73478 13 3.48043 12.8946 3.29289 12.7071C3.10536 12.5196 3 12.2652 3 12V2ZM0 4C8.91844e-06 3.64894 0.0924258 3.30406 0.267962 3.00003C0.443498 2.696 0.695969 2.44353 1 2.268V12.5C1 13.163 1.26339 13.7989 1.73223 14.2678C2.20107 14.7366 2.83696 15 3.5 15H9.732C9.55647 15.304 9.304 15.5565 8.99997 15.732C8.69594 15.9076 8.35106 16 8 16H3.5C2.57174 16 1.6815 15.6313 1.02513 14.9749C0.368749 14.3185 0 13.4283 0 12.5V4Z' fill='%2303ABE3'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transition: all 0.25s ease;
}
.property__list_prop[data-property="CML2_ARTICLE"] .property__list_copy,
.property__search_prop[data-property="CML2_ARTICLE"] .property__search_copy,
.property__list_prop[data-property="ARTCLE_HITT"] .property__list_copy,
.property__search_prop[data-property="ARTCLE_HITT"] .property__search_copy {
display: inline-block;
width: 17px;
height: 17px;
cursor: pointer;
/* background: url('/local/templates/sones/images/icon-copy.svg') no-repeat center center; */
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16' fill='none'%3E%3Cpath d='M4 0C3.46957 0 2.96086 0.210714 2.58579 0.585786C2.21071 0.960859 2 1.46957 2 2V12C2 12.5304 2.21071 13.0391 2.58579 13.4142C2.96086 13.7893 3.46957 14 4 14H10C10.5304 14 11.0391 13.7893 11.4142 13.4142C11.7893 13.0391 12 12.5304 12 12V2C12 1.46957 11.7893 0.960859 11.4142 0.585786C11.0391 0.210714 10.5304 0 10 0H4ZM3 2C3 1.73478 3.10536 1.48043 3.29289 1.29289C3.48043 1.10536 3.73478 1 4 1H10C10.2652 1 10.5196 1.10536 10.7071 1.29289C10.8946 1.48043 11 1.73478 11 2V12C11 12.2652 10.8946 12.5196 10.7071 12.7071C10.5196 12.8946 10.2652 13 10 13H4C3.73478 13 3.48043 12.8946 3.29289 12.7071C3.10536 12.5196 3 12.2652 3 12V2ZM0 4C8.91844e-06 3.64894 0.0924258 3.30406 0.267962 3.00003C0.443498 2.696 0.695969 2.44353 1 2.268V12.5C1 13.163 1.26339 13.7989 1.73223 14.2678C2.20107 14.7366 2.83696 15 3.5 15H9.732C9.55647 15.304 9.304 15.5565 8.99997 15.732C8.69594 15.9076 8.35106 16 8 16H3.5C2.57174 16 1.6815 15.6313 1.02513 14.9749C0.368749 14.3185 0 13.4283 0 12.5V4Z' fill='%2303ABE3'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transition: transform 0.15s ease;
}
.parameters__table_prop[data-property="CML2_ARTICLE"]
.parameters__table_copy:hover,
.property__list_prop[data-property="CML2_ARTICLE"] .property__list_copy:hover,
.property__search_prop[data-property="CML2_ARTICLE"]
.property__search_copy:hover,
.parameters__table_prop[data-property="ARTCLE_HITT"]
.parameters__table_copy:hover,
.property__list_prop[data-property="ARTCLE_HITT"] .property__list_copy:hover,
.property__search_prop[data-property="ARTCLE_HITT"]
.property__search_copy:hover {
opacity: 0.7;
}
.parameters__table_prop[data-property="CML2_ARTICLE"]
.parameters__table_copy.is-active,
.property__list_prop[data-property="CML2_ARTICLE"]
.property__list_copy.is-active,
.property__search_prop[data-property="CML2_ARTICLE"]
.property__search_copy.is-active,
.parameters__table_prop[data-property="ARTCLE_HITT"]
.parameters__table_copy.is-active,
.property__list_prop[data-property="ARTCLE_HITT"]
.property__list_copy.is-active,
.property__search_prop[data-property="ARTCLE_HITT"]
.property__search_copy.is-active {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16' fill='none'%3E%3Cpath d='M2 2C2 1.46957 2.21071 0.960859 2.58579 0.585786C2.96086 0.210714 3.46957 0 4 0H10C10.5304 0 11.0391 0.210714 11.4142 0.585786C11.7893 0.960859 12 1.46957 12 2V12C12 12.5304 11.7893 13.0391 11.4142 13.4142C11.0391 13.7893 10.5304 14 10 14H4C3.46957 14 2.96086 13.7893 2.58579 13.4142C2.21071 13.0391 2 12.5304 2 12V2ZM0 4C8.91844e-06 3.64894 0.0924258 3.30406 0.267962 3.00003C0.443498 2.696 0.695969 2.44353 1 2.268V12.5C1 13.163 1.26339 13.7989 1.73223 14.2678C2.20107 14.7366 2.83696 15 3.5 15H9.732C9.55647 15.304 9.304 15.5565 8.99997 15.732C8.69594 15.9076 8.35106 16 8 16H3.5C2.57174 16 1.6815 15.6313 1.02513 14.9749C0.368749 14.3185 0 13.4283 0 12.5V4Z' fill='%2303ABE3'/%3E%3C/svg%3E");
animation: bounce 0.3s;
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-4px);
}
}
.parameters__block-row {
display: flex;
align-items: center;
gap: 20px;
}
.catalog-detail__panel.parameters {
position: relative;
}
.parameters__block-row-img {
max-width: 130px;
}
@media screen and (max-width: 460px) {
.parameters__block-row {
flex-direction: column;
align-items: flex-start;
}
.parameters__table_wrap {
padding-bottom: 40px;
}
}
/* баннер для страницы профиля */
.banner__slide .profile_differen_images_1,
.banner__slide .profile_differen_images_2,
.banner__slide .profile_differen_images_3 {
display: none;
}
@media (min-width: 1200px) {
.banner__slide .profile_differen_images_1 {
display: block;
}
}
@media (max-width: 1199px) and (min-width: 769px) {
.banner__slide .profile_differen_images_2 {
display: block;
}
}
@media (max-width: 768px) {
.banner__slide .profile_differen_images_3 {
display: block;
}
}
.banner__bg_personal {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
overflow: hidden;
}
.banner__bg_personal .slick-arrow {
top: 50%;
transform: translateY(-50%);
font-size: 0;
line-height: 0;
outline: 0;
border: 0;
width: 30px;
height: 36px;
background: transparent url("/upload/frontend/filter_open.svg") no-repeat
center center;
background-size: 10px 16px;
padding: 10px;
}
.banner__bg_personal .slick-prev {
left: 3%;
transform: translateY(-50%) rotate(180deg);
}
.banner__bg_personal .slick-next {
right: 3%;
}
.banner__bg_personal .slick-list,
.banner__bg_personal .slick-track,
.banner__bg_personal .slick-slide div {
height: 100%;
}
.lk[data-version="lk_2"] .banner__bg_personal .slick-prev,
.lk[data-version="lk_3"] .banner__bg_personal .slick-prev {
left: 40px;
}
.banner__bg_personal .banner__slide img {
height: 100%;
}
/* */
.section__header {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 15px;
margin-bottom: 20px;
}
.section__title {
text-transform: uppercase;
font-family: "AvenirNextCyr-Bold";
font-size: 40px;
}
.section__title span {
color: #40cce5;
}
/* новинки
+ /www/sones.acrodev.ru/local/templates/sones/scripts/main.js */
.new-products-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px 60px;
}
.new-products-wrapper > * {
min-width: 0;
}
.new-products {
padding: 15px;
background: #f4f6f8;
}
.new-products__header {
display: flex;
align-items: center;
gap: 15px;
justify-content: space-between;
margin-bottom: 15px;
}
.new-products__logo {
flex-shrink: 0;
width: 200px;
height: auto;
}
.new-products__link {
color: #03abe3;
font-size: 17px;
font-weight: 400;
text-decoration: underline;
text-decoration-skip-ink: all;
}
.new-products__link:hover {
text-decoration: none;
}
@media (max-width: 1200px) {
.new-products-section {
margin-left: 0;
margin-right: 0;
}
.new-products-section .container {
padding-left: 0;
padding-right: 0;
}
.new-products-wrapper {
grid-template-columns: 1fr;
}
.new-products__logo {
flex-shrink: 0;
width: 170px;
height: auto;
}
}
@media (max-width: 768px) {
.new-products-wrapper {
background: #f4f6f8;
}
.new-products {
padding-right: 0;
}
.new-products__header {
padding-right: 15px;
}
}
/* new-products__slider */
.new-products__slider .slick-list {
margin: 0 -5px;
}
.new-products__slider .slick-slide {
margin: 0 5px;
}
@media (max-width: 768px) {
.new-products__slider.slick-slider .slick-slide {
width: 221px;
min-width: 221px;
}
}
/* product-item */
.product-item {
border: 1px solid #d9d9d9;
padding: 6px;
background-color: #fff;
display: flex;
flex-direction: column;
}
.product-item__image-wrapper {
width: 100%;
height: 235px;
flex-shrink: 0;
margin-bottom: 10px;
}
.product-item__image-wrapper a {
display: block;
height: 100%;
}
.product-item__image-wrapper img {
/* object-fit: cover; */
object-fit: contain;
display: block;
height: 100%;
width: 100%;
}
.product-item__content {
padding: 0 15px 20px;
flex-grow: 1;
}
.product-item__main {
margin-bottom: 20px;
}
.product-item__footer {
display: flex;
justify-content: center;
margin-top: auto;
}
.product-item__title {
font-family: "AvenirNextCyr-Medium", sans-serif;
font-weight: 750;
font-size: 17px;
text-align: center;
color: #1c1c1c;
min-height: 110px;
}
.product-item__title a {
color: inherit;
text-decoration: none;
}
.product-item__descr {
font-family: "AvenirNextCyr-Medium", sans-serif;
margin-top: 10px;
font-size: 15px;
font-weight: 400;
color: #1c1c1c;
text-align: center;
min-height: 50px;
}
.product-item__title:hover {
color: #1188c1;
}
.product-item__sku {
font-size: 15px;
}
@media (max-width: 768px) {
.product-item__image-wrapper {
height: 211px;
}
.product-item__main {
margin-bottom: 15px;
}
.product-item__title {
font-size: 15px;
}
.product-item__descr {
font-size: 14px;
}
.product-item__sku {
font-size: 14px;
}
}
/* новости и видео */
.section-media {
padding: 116px 0 86px;
background: linear-gradient(to right, #1188c1 0%, #02ace4 100%);
}
.section-media .section__title,
.section-media .section__more-link {
color: #fff;
}
.section-media__grid {
display: grid;
grid-template-columns: 1fr 520px;
gap: 50px 60px;
}
.section-media__grid > * {
min-width: 0;
}
.section-media__news-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px 10px;
}
.section-media__news-grid .post-item {
width: auto;
margin: 0;
}
.section-media__news-grid .post-item .date {
top: 0;
}
.section-media__news-grid .post-item .thumb img {
height: 220px;
object-fit: cover;
}
.section-media__news-grid .post-item .content {
padding: 20px 30px;
}
.section-media__col--video {
display: flex;
flex-direction: column;
}
.section-media__video {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.section-media__video iframe,
.section-media__video video,
.section-media__video img {
display: block;
max-width: 100%;
width: 100%;
flex-grow: 1;
object-fit: cover;
}
@media (max-width: 1368px) {
.section-media__grid {
grid-template-columns: 1fr 1fr;
}
.section-media__news-grid {
grid-template-columns: 1fr;
}
.section-media__video iframe,
.section-media__video video,
.section-media__video img {
flex-grow: 0;
height: auto;
aspect-ratio: 16/9;
}
}
@media (max-width: 1199px) {
.section-media__news-grid.news {
margin-left: 0;
margin-right: 0;
}
}
@media (max-width: 768px) {
.section-media__grid {
grid-template-columns: 1fr;
}
.section-media__news-grid {
grid-template-columns: 1fr 1fr;
}
.section-media__news-grid .post-item .content {
padding: 15px 20px 30px;
}
.section-media__news-grid .post-item .excerpt {
font-size: 15px;
}
}
@media (max-width: 720px) {
.section-media__news-grid {
grid-template-columns: 1fr;
}
}
/* страница видео */
/* section__header */
.section__header {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 15px;
margin-bottom: 20px;
}
.section__title {
text-transform: uppercase;
font-family: "AvenirNextCyr-Bold";
font-size: 40px;
}
.section__title span {
color: #40cce5;
}
.section__more-link {
display: inline-block;
font-weight: 400;
font-size: 17px;
text-decoration: underline;
}
.section__more-link:hover {
text-decoration: none;
}
@media (max-width: 767px) {
.section__header {
margin-bottom: 15px;
}
.section__title {
font-size: 30px;
}
}
/* */
.section__header--center {
justify-content: center;
}
/* video-card */
.section-videos--main {
margin-bottom: 114px;
}
@media (max-width: 998px) {
.section-videos--main {
margin-bottom: 50px;
}
}
.video-card-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 60px;
}
.video-card-list--columns--2 {
grid-template-columns: repeat(2, 1fr);
}
.video-card__info {
display: flex;
flex-direction: column;
align-items: flex-start;
background: #f4f6f8;
padding: 20px;
}
.video-card__title {
font-family: "AvenirNextCyr-Bold";
font-weight: 750;
font-size: 20px;
}
.video-card__date {
margin-top: 15px;
font-size: 17px;
}
.video-card__tags {
margin-top: 20px;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
.video-card__tags-item,
.video-card__tags-item__more {
text-decoration: none;
color: inherit;
background-color: #fff;
border-radius: 64px;
padding: 7px 20px;
text-align: center;
font-size: 15px;
}
.video-card__tags-item::before,
.video-card__tags-item__more::before {
content: "#";
color: #03abe3;
}
.video-card__tags-more {
font-size: 15px;
}
.video-card__icons {
margin-top: 20px;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
.video-card__icons-item {
flex-shrink: 0;
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border: 1px solid #03abe3;
}
.video-card__icons-item svg,
.video-card__icons-item img {
max-width: 100%;
height: auto;
}
.video-card__video iframe,
.video-card__video video,
.video-card__video img {
display: block;
max-width: 100%;
width: 100%;
height: auto;
object-fit: cover;
aspect-ratio: 8/4;
}
@media (max-width: 998px) {
.video-card-list {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
}
@media (max-width: 720px) {
.video-card-list {
grid-template-columns: 1fr;
}
.video-card__title {
font-size: 17px;
}
.video-card__tags {
margin-top: 15px;
order: 1;
}
.video-card__icons {
margin-top: 15px;
}
}
/* video-card-list-tabs */
.video-card-list-tabs__controls {
margin-bottom: 30px;
display: flex;
flex-wrap: wrap;
gap: 16px;
}
@media (max-width: 768px) {
.video-card-list-tabs__controls {
margin-bottom: 20px;
}
}
.video-card__tags-more {
cursor: pointer;
}
.video-card__tags-item__more {
display: none;
}
.section__title {
text-transform: uppercase;
font-family: "AvenirNextCyr-Bold";
font-size: 40px;
}
.property__list_prop[data-property="CML2_ARTICLE"] .property__list_copy,
.property__list_prop[data-property="ARTCLE_HITT"] .property__list_copy,
.product-item__footer[data-property="CML2_ARTICLE"] .property__list_copy,
.property__search_prop[data-property="CML2_ARTICLE"] .property__search_copy,
.product-item__footer[data-property="ARTCLE_HITT"] .property__list_copy,
.property__search_prop[data-property="ARTCLE_HITT"] .property__search_copy {
display: inline-block;
width: 17px;
height: 17px;
cursor: pointer;
/* background: url(/local/templates/sones/images/icon-copy.svg) no-repeat center center; */
background-image: url(/local/templates/sones/images/icons/copyIcon.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transition: transform 0.15s ease;
}
.product-item__footer[data-property="CML2_ARTICLE"] .property__list_copy:hover,
.product-item__footer[data-property="ARTCLE_HITT"] .property__list_copy:hover,
.parameters__table_prop[data-property="CML2_ARTICLE"]
.parameters__table_copy:hover,
.property__list_prop[data-property="CML2_ARTICLE"] .property__list_copy:hover,
.property__search_prop[data-property="CML2_ARTICLE"]
.property__search_copy:hover,
.parameters__table_prop[data-property="ARTCLE_HITT"]
.parameters__table_copy:hover,
.property__list_prop[data-property="ARTCLE_HITT"] .property__list_copy:hover,
.property__search_prop[data-property="ARTCLE_HITT"]
.property__search_copy:hover {
opacity: 0.7;
}
.product-item__footer[data-property="CML2_ARTICLE"]
.property__list_copy.is-active,
.product-item__footer[data-property="ARTCLE_HITT"]
.property__list_copy.is-active,
.parameters__table_prop[data-property="CML2_ARTICLE"]
.parameters__table_copy.is-active,
.property__list_prop[data-property="CML2_ARTICLE"]
.property__list_copy.is-active,
.property__search_prop[data-property="CML2_ARTICLE"]
.property__search_copy.is-active,
.parameters__table_prop[data-property="ARTCLE_HITT"]
.parameters__table_copy.is-active,
.property__list_prop[data-property="ARTCLE_HITT"]
.property__list_copy.is-active,
.property__search_prop[data-property="ARTCLE_HITT"]
.property__search_copy.is-active {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16' fill='none'%3E%3Cpath d='M2 2C2 1.46957 2.21071 0.960859 2.58579 0.585786C2.96086 0.210714 3.46957 0 4 0H10C10.5304 0 11.0391 0.210714 11.4142 0.585786C11.7893 0.960859 12 1.46957 12 2V12C12 12.5304 11.7893 13.0391 11.4142 13.4142C11.0391 13.7893 10.5304 14 10 14H4C3.46957 14 2.96086 13.7893 2.58579 13.4142C2.21071 13.0391 2 12.5304 2 12V2ZM0 4C8.91844e-06 3.64894 0.0924258 3.30406 0.267962 3.00003C0.443498 2.696 0.695969 2.44353 1 2.268V12.5C1 13.163 1.26339 13.7989 1.73223 14.2678C2.20107 14.7366 2.83696 15 3.5 15H9.732C9.55647 15.304 9.304 15.5565 8.99997 15.732C8.69594 15.9076 8.35106 16 8 16H3.5C2.57174 16 1.6815 15.6313 1.02513 14.9749C0.368749 14.3185 0 13.4283 0 12.5V4Z' fill='%2303ABE3'/%3E%3C/svg%3E");
animation: bounce 0.3s;
}
.photostock__aside
.photostock_catalog
> .photostock_catalog__list
> .photostock_catalog__item--true--active
> span
> .photostock_catalog__arrow {
background: url(/upload/frontend/filter_open_bottom_darkblue.svg) no-repeat
center center;
background-size: 14px;
transform: rotate(-180deg);
}
.photostock__aside
.photostock_catalog
> .photostock_catalog__list
> .photostock_catalog__item--active
> span
> .photostock_catalog__arrow {
background: url(/upload/frontend/filter_open_bottom.svg) no-repeat center
center;
background-size: 14px;
transform: rotate(0deg);
}
.new-products .new-products__slider .product-item__main .product-item__descr {
font-family: "AvenirNextCyr-Regular";
font-size: 17px;
color: #000;
}
header .header-top .menu ul li.drop .sub-menu-wrap .sub-menu > li > a {
z-index: 1000000;
}
header .header-top .menu ul li.drop .sub-menu-wrap {
z-index: 100;
}
header .header-top .menu ul li.drop .sub-menu-wrap .sub-menu > li > a {
z-index: 10000;
}
.banner__slide img {
width: 100%;
height: 100%;
object-fit: contain;
max-height: 300px;
}
/* .banner {
margin-bottom: 30px;
}
.banner__socials {
bottom: -33px;
} */
/*вслывающее окно фильтра*/
header .header-account .login-form {
position: fixed;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
max-width: 500px;
width: 100%;
height: auto;
background: #ffffff;
padding: 40px;
border-radius: 10px;
}
header .header-account .login-form .title {
padding: 0 0 30px 0;
margin: 0;
text-align: left;
color: #000;
font-size: 19px;
font-weight: 750;
line-height: 24px;
}
header .header-account .login-form input[type="submit"] {
height: auto;
padding: 17px;
background: linear-gradient(117.45deg, #1089c3 33.03%, #03abe3 91.75%);
width: 100%;
border-radius: 30px;
font-size: 14px;
font-weight: 400;
line-height: 17.15px;
}
header .header-account .login-form .btn:hover {
background: transparent;
color: #40cce5 !important;
border: 1px solid #40cce5;
}
.login-form a {
width: 100%;
display: inline-block;
margin: 12px 0 30px 0;
color: #03abe3;
font-size: 17px;
font-weight: 400;
line-height: 24px;
text-align: left;
}
header .header-account .login-form .btn-close {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 2.01429L17.9857 0L10 7.98571L2.01429 0L0 2.01429L7.98571 10L0 17.9857L2.01429 20L10 12.0143L17.9857 20L20 17.9857L12.0143 10L20 2.01429Z' fill='%2382879A' fill-opacity='0.5'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
top: 40px;
right: 40px;
width: 20px;
height: 20px;
}
.item-input_title {
margin-bottom: 6px;
font-size: 15px;
font-weight: 400;
line-height: 18.38px;
text-align: left;
color: #000;
}
.password-container {
height: 46px;
border-radius: 10px;
width: 100%;
position: relative;
display: flex;
align-items: center;
}
.password-container input {
width: 100%;
}
.bx-filter .bx-filter-popup-result.left {
position: fixed;
top: 100px;
left: calc(50% - 720px);
right: unset;
}
.password-container {
position: relative;
}
.input-field {
width: 100%;
padding: 8px;
padding-right: 30px;
font-size: 16px;
}
.input-placeholder {
position: absolute;
left: 17px;
top: 50%;
transform: translateY(-50%);
color: #aaa;
font-size: 16px;
pointer-events: none;
transition: opacity 0.2s;
}
.item-input.login {
margin-bottom: 16px;
}
.password-toggle {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
cursor: pointer;
background-size: contain;
background-repeat: no-repeat;
}
.show-password {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9842 9.99993C12.9842 11.6499 11.6509 12.9833 10.0009 12.9833C8.35091 12.9833 7.01758 11.6499 7.01758 9.99993C7.01758 8.34993 8.35091 7.0166 10.0009 7.0166C11.6509 7.0166 12.9842 8.34993 12.9842 9.99993Z' stroke='%2382879A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.99987 16.8913C12.9415 16.8913 15.6832 15.1579 17.5915 12.1579C18.3415 10.9829 18.3415 9.00794 17.5915 7.83294C15.6832 4.83294 12.9415 3.09961 9.99987 3.09961C7.0582 3.09961 4.31654 4.83294 2.4082 7.83294C1.6582 9.00794 1.6582 10.9829 2.4082 12.1579C4.31654 15.1579 7.0582 16.8913 9.99987 16.8913Z' stroke='%2382879A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
.hide-password {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.2298 12.9599L17.2298 12.9599L15.9043 10.9656C16.8852 10.0651 17.6497 8.9542 18.1404 7.71599L18.1405 7.71602L18.1414 7.71343C18.1982 7.5436 18.1852 7.35816 18.1053 7.19791C18.0254 7.03765 17.8851 6.91571 17.7152 6.8589C17.5454 6.80209 17.36 6.81507 17.1997 6.89499C17.0398 6.97472 16.9181 7.11454 16.8611 7.28382C16.4003 8.45898 15.6396 9.49285 14.6549 10.2825L14.6514 10.2839L14.6512 10.2834L14.6449 10.2872C14.6321 10.2949 14.6239 10.3056 14.6214 10.3087L14.6191 10.3114C14.6191 10.3114 14.6191 10.3114 14.6191 10.3114C13.3009 11.3338 11.6696 11.8686 10.0019 11.8251L10.0019 11.825L9.99931 11.8251C8.33318 11.8688 6.70316 11.3352 5.38541 10.3147L5.38542 10.3147L5.38544 10.3147L5.38534 10.3146L5.38321 10.312C5.38307 10.3118 5.38292 10.3116 5.38274 10.3114C5.37978 10.3077 5.37178 10.2978 5.35968 10.2905L5.35969 10.2905L5.35847 10.2898L5.34869 10.2843C4.36284 9.49446 3.60132 8.45989 3.14013 7.28381C3.08315 7.11453 2.9614 6.97471 2.80154 6.89499C2.64128 6.81507 2.45584 6.80209 2.28601 6.8589C2.11619 6.91571 1.97588 7.03765 1.89597 7.19791C1.81605 7.35816 1.80307 7.5436 1.85988 7.71343L1.8598 7.71345L1.86081 7.71599C2.35152 8.9542 3.11606 10.0651 4.09693 10.9656L2.77148 12.9599L2.77147 12.9599C2.67242 13.1091 2.63668 13.2915 2.67212 13.467C2.70757 13.6426 2.81129 13.7968 2.96047 13.8959C3.10965 13.9949 3.29207 14.0307 3.4676 13.9952C3.64312 13.9598 3.79737 13.8561 3.89643 13.7069C3.89644 13.7069 3.89644 13.7069 3.89645 13.7069L5.16803 11.7942C5.84259 12.2358 6.5789 12.575 7.35295 12.8006L6.84544 14.8371L6.84544 14.8372C6.80223 15.0109 6.82983 15.1947 6.92215 15.3482C7.01447 15.5016 7.16396 15.6121 7.33773 15.6553C7.5115 15.6985 7.69531 15.6709 7.84873 15.5785C8.00215 15.4862 8.11261 15.3367 8.15582 15.163L8.15582 15.1629L8.67326 13.0785C9.11294 13.1405 9.55631 13.1728 10.0004 13.1751L10.001 13.1751C10.4451 13.1717 10.8884 13.1384 11.328 13.0753L11.8454 15.1596L11.8454 15.1596C11.8886 15.3334 11.9991 15.4829 12.1525 15.5752C12.3059 15.6675 12.4898 15.6951 12.6635 15.6519C12.8373 15.6087 12.9868 15.4983 13.0791 15.3448C13.1714 15.1914 13.199 15.0076 13.1558 14.8338L13.1558 14.8338L12.6483 12.7973C13.4222 12.5727 14.1585 12.2346 14.8332 11.7942L16.1048 13.7069C16.1048 13.7069 16.1048 13.7069 16.1048 13.7069C16.2039 13.8561 16.3581 13.9598 16.5337 13.9952C16.7092 14.0307 16.8916 13.9949 17.0408 13.8959C17.19 13.7968 17.2937 13.6426 17.3291 13.467C17.3646 13.2915 17.3288 13.1091 17.2298 12.9599Z' fill='%2382879A' stroke='%2382879A' stroke-width='0.1'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
header .header-account .login-form .input-field {
border: 1px solid #d5d5d5;
width: 100%;
border-radius: 10px;
color: #000;
background-color: transparent !important;
margin-bottom: unset;
height: 100%;
}
header .header-account .login-form .input-error .input-field {
border: 1px solid #f41240;
}
.input-error-text {
display: none;
}
.input-error .input-error-text {
font-size: 14px;
font-weight: 400;
line-height: 17.15px;
text-align: left;
bottom: -20px;
right: 0;
position: absolute;
color: #f41240;
display: block;
}
.item-input.login .input-error {
margin-bottom: 26px;
}
.custom-checkbox {
margin-bottom: 16px;
display: flex;
align-items: flex-start;
position: relative;
cursor: pointer;
font-size: 14px;
user-select: none;
gap: 10px;
}
.lk-popup--zayavka .form__textarea:focus-visible {
border: 1px solid #ddd;
}
.custom-checkbox-block .custom-checkbox:last-child {
margin-bottom: 30px;
}
.custom-checkbox input {
position: absolute;
opacity: 0;
width: 0;
height: 0;
z-index: -1;
}
.checkmark {
position: relative;
display: block;
min-width: 20px;
width: 20px;
height: 20px;
margin-right: 16px;
background-color: white;
border: 1px solid #03abe3;
border-radius: 3px;
}
.custom-checkbox input:checked ~ .checkmark {
background-color: white;
border-color: #40cce5;
}
.checkmark:after {
content: "";
position: absolute;
display: none;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 15px;
height: 14px;
background-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 6.5L5.19355 11L13.5 1.5' stroke='%2340CCE5' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
.custom-checkbox input:checked ~ .checkmark:after {
display: block;
}
.custom-checkbox a {
color: #3b82f6;
text-decoration: none;
}
.custom-checkbox a:hover {
text-decoration: underline;
}
.login-form a {
display: inline;
}
.custom-checkbox .text {
text-align: left;
color: #000;
font-size: 17px;
font-weight: 400;
line-height: 20.83px;
}
.custom-checkbox .text a,
.form__bottom .bottom__link a {
text-decoration: underline;
text-decoration-thickness: 1.2px;
text-underline-offset: 4px;
text-decoration-style: solid;
text-decoration-color: #03abe3;
font-size: 12px;
color: #03abe3;
font-size: 17px;
font-weight: 400;
line-height: 20.83px;
}
.login-form .forgot-password {
text-align: left;
display: block;
}
.overlay-form {
display: block;
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 3;
background-color: rgb(26 26 26 / 65%);
backdrop-filter: blur(1px);
}
@media (max-width: 520px) {
header .header-account .login-form {
max-width: 95%;
padding: 30px 20px;
}
.header .header-account .login-form .title {
font-size: 15px;
padding: 0 20px 30px 0;
}
header .header-account .login-form .btn-close {
top: 30px;
right: 20px;
}
}
.slider-wrapper {
position: relative;
}
.lnk-block {
display: none;
align-items: stretch;
}
.lnk-block a {
box-sizing: border-box;
border: 1px #03abe3 solid;
/* min-height: 52px; */
display: flex;
justify-content: space-between;
align-items: center;
font-size: 17px;
color: #03abe3;
text-decoration: none;
font-weight: 450;
text-transform: uppercase;
padding: 16px 25px 16px 25px;
gap: 25px;
font-family: "AvenirNextCyr-Medium";
}
.lnk-block a.hl {
background-color: #03abe3;
color: #fff;
}
.lnk-block .dropdown:first-child a.dropdown-button {
border-top-left-radius: 26px;
border-bottom-left-radius: 26px;
padding-left: 20px;
}
.lnk-block .dropdown:nth-child(-n + 2) {
border-right: 2px solid #ffffff;
}
.lnk-block > a:last-child {
border-top-right-radius: 26px;
border-bottom-right-radius: 26px;
padding-right: 20px;
display: flex;
align-items: justify-content;
gap: 0 20px;
}
.lnk-block > a:last-child::after {
content: "";
display: block;
width: 18px;
height: 18px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
/* background-color: pink; */
}
.lnk-block a:not(:first-child) {
border-left: none;
}
.lk-section {
padding: 50px 0 110px 0;
}
.lk-head {
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
margin-bottom: 40px;
}
.lk-head .lk-logout {
position: static;
display: inline-flex;
}
.lk-head__right {
display: flex;
gap: 0 20px;
}
.lk-head__right > a {
border-radius: 26px;
border: 1px #03abe3 solid;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 17px;
color: #03abe3;
text-decoration: none;
font-weight: 450;
text-transform: uppercase;
padding: 14px 25px 14px 25px;
gap: 0 20px;
font-family: "AvenirNextCyr-Medium";
}
.lk-head__right > a::before {
content: "";
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width: 24px;
height: 24px;
}
/* .lk-head__right .lnk-block {
margin-right: 26px;
} */
/* .lk-head__right .lnk-block a {
min-width: 293px;
} */
.lk-logout.lk-logout__mob {
display: none;
}
@media (max-width: 1280px) {
.lk-head .lk-section-title {
width: 100%;
margin-bottom: 20px;
}
.lk-head__right {
width: 100%;
justify-content: space-between;
}
}
@media (max-width: 800px) {
.lk-head .lk-logout {
display: none;
}
.lk-head__right .lnk-block {
margin-right: 0;
width: 100%;
}
/* .lk-head__right .lnk-block a {
width: 50%;
} */
.lk-logout.lk-logout__mob {
margin-top: 40px;
display: flex;
position: static;
}
}
@media (max-width: 640px) {
.lk-head__right .lnk-block {
flex-wrap: wrap;
}
.lk-head__right .lnk-block a {
display: flex;
width: 100%;
border-radius: 26px;
margin-bottom: 5px;
border: 1px #03abe3 solid;
}
}
.lk-section-title {
text-transform: uppercase;
font-size: 40px;
font-weight: bold;
line-height: 49px;
/* text-align: center; */
color: #000;
font-family: "AvenirNextCyr-Medium";
/* margin-bottom: 40px; */
}
.lk-section-title span {
color: #40cce5;
}
.lk-slick-prev,
.lk-slick-next {
background: transparent;
width: 50px;
position: absolute;
color: #fff;
border: none;
cursor: pointer;
font-size: 16px;
z-index: 5;
}
.lk-slick-next.slick-arrow {
right: 40px;
}
.lk-slick-prev.slick-arrow {
left: 40px;
}
.lk-slick-next svg,
.lk-slick-prev svg {
width: 50px;
height: 50px;
}
.lk-slick-slider .desk {
display: block;
}
.lk-slick-slider .mobi {
display: none;
}
.lk-info-person_bottom svg {
width: 40px;
height: 40px;
}
.lk-item__img {
padding-bottom: 48px;
background-repeat: no-repeat;
background-size: contain;
height: 56px;
width: 56px;
}
.lk-block {
gap: 20px;
justify-content: space-between;
display: flex;
flex-wrap: wrap;
}
.lk-item {
box-sizing: border-box;
padding: 30px;
border-radius: 10px;
background: #f4f6f8;
border: 1px solid #f4f6f8;
width: calc(25% - 15px);
text-decoration: none;
cursor: pointer;
position: relative;
}
.lk-item .btn-tooltip {
position: absolute;
top: 15px;
right: 15px;
z-index: 2;
}
.lk-item__link {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
@media (max-width: 768px) {
.lk-item .btn-tooltip {
width: 30px;
height: 30px;
background-size: cover;
}
.lk-item .btn-tooltip::after {
content: "";
width: 34px;
height: 34px;
display: block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
}
.lk-item:not(.lk-info-person):hover {
background: #fff;
border: 1px solid #40cce5;
}
.lk-item__title {
color: #000;
font-size: 19px;
font-weight: 400;
line-height: 24px;
text-align: left;
padding-bottom: 8px;
}
.lk-item__desk {
font-size: 17px;
font-weight: 400;
line-height: 24px;
text-align: left;
color: #9b9b9b;
}
.lk-info-person_title {
margin-bottom: 20px;
font-size: 19px;
font-weight: 400;
line-height: 24px;
}
.lk-info-person_top-l {
height: 56px;
width: 56px;
}
.lk-info-person_top {
gap: 20px;
display: flex;
margin-bottom: 20px;
flex-wrap: wrap;
}
.lk-info-person_top .title {
margin-bottom: 8px;
font-size: 17px;
font-weight: 700;
line-height: 24px;
}
.lk-info-person_top .mail {
color: #9b9b9b;
font-size: 17px;
font-weight: 400;
line-height: 24px;
}
.lk-info-person_bottom {
justify-content: space-between;
display: flex;
align-items: center;
gap: 10px;
}
.lk-info-person_bottom span {
font-size: 12px;
text-decoration: underline;
text-decoration-color: #03abe3;
text-underline-offset: 3px;
text-decoration-style: solid;
color: #03abe3;
font-size: 17px;
font-weight: 400;
line-height: 24px;
}
.lk-item.lk-info-person {
background: #fff;
box-shadow: 0px 0px 30px 0px #00000021;
}
.lk-section {
position: relative;
}
.popup.lk-popup--price,
.popup.lk-popup--zayavka {
max-width: 571px;
width: 100%;
}
.lk-popup--price .popup__header,
.lk-popup--zayavka .popup__header,
.popup--manager .popup__header {
border: none;
width: unset;
margin-left: unset;
padding: 0 60px 30px 0;
margin-bottom: 0;
background: #fff;
box-sizing: border-box;
position: relative;
}
.lk-popup--price .popup__title,
.lk-popup--zayavka .popup__title,
.popup--manager .popup__title {
text-transform: uppercase;
font-weight: 900;
color: #000000;
font-size: 19px;
line-height: 21px;
max-width: unset;
font-family: "AvenirNextCyr-Bold";
}
.popup.lk-popup--price,
.popup.lk-popup--zayavka {
padding: 40px;
}
.lk-popup--price .popup__close,
.lk-popup--zayavka .popup__close {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 2.01429L17.9857 0L10 7.98571L2.01429 0L0 2.01429L7.98571 10L0 17.9857L2.01429 20L10 12.0143L17.9857 20L20 17.9857L12.0143 10L20 2.01429Z' fill='%2382879A' fill-opacity='0.5'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
top: 10px;
right: 40px;
width: 20px;
height: 20px;
}
.price-list {
max-width: 500px;
padding: 20px;
background: white;
font-family: Arial, sans-serif;
}
.price-list__header {
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
}
.price-list__section {
margin-bottom: 20px;
}
.price-list__section-title {
font-size: 17px;
font-weight: 700;
line-height: 24px;
color: #000;
margin-bottom: 20px;
}
.price-list__files {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.price-list__file {
border: 1px solid #40cce5;
border-radius: 8px;
padding: 20px;
cursor: pointer;
transition: background-color 0.2s;
text-decoration: none;
color: inherit;
position: relative;
}
.price-list__file::before {
content: "";
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 16.527V17.7902C1.5 18.7952 1.89925 19.7591 2.60991 20.4698C3.32058 21.1804 4.28444 21.5797 5.28947 21.5797H17.9211C18.9261 21.5797 19.89 21.1804 20.6006 20.4698C21.3113 19.7591 21.7105 18.7952 21.7105 17.7902V16.527M16.6579 11.4744L11.6053 16.527M11.6053 16.527L6.55263 11.4744M11.6053 16.527V1.36914' stroke='%2382879A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width: 24px;
height: 24px;
right: 20px;
top: 50%;
transform: translate(0, -50%);
}
.price-list__file:hover::before {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 16.527V17.7902C1.5 18.7952 1.89925 19.7591 2.60991 20.4698C3.32058 21.1804 4.28444 21.5797 5.28947 21.5797H17.9211C18.9261 21.5797 19.89 21.1804 20.6006 20.4698C21.3113 19.7591 21.7105 18.7952 21.7105 17.7902V16.527M16.6579 11.4744L11.6053 16.527M11.6053 16.527L6.55263 11.4744M11.6053 16.527V1.36914' stroke='%2340CCE5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.price-list__file-name {
font-size: 16px;
font-weight: 750;
line-height: 16px;
margin-bottom: 12px;
}
.price-list__file-date {
font-size: 15px;
color: #9b9b9b99;
}
.price-list__actions {
margin-top: 20px;
display: flex;
gap: 10px;
}
.price-list__button {
padding: 10px 20px;
border-radius: 4px;
border: none;
cursor: pointer;
font-size: 14px;
}
.price-list__button--primary {
background-color: #0088cc;
color: white;
}
.price-list__button--secondary {
background-color: white;
border: 1px solid #ddd;
color: #333;
}
.lk-popup--price .form-send {
padding: 17px 35px;
background: linear-gradient(117.45deg, #1089c3 33.03%, #03abe3 91.75%);
box-shadow: unset;
margin: unset;
}
.lk-popup--price .popup-cancel {
padding: 17px 51px;
margin: unset;
}
.popup__content {
padding: 0 40px 0 0;
box-sizing: border-box;
overflow-y: auto;
position: relative;
flex: 1;
}
.lk-popup--price .popup__action,
.lk-popup--zayavka .popup__action {
padding: 2px 0;
display: flex;
align-items: center;
gap: 20px;
}
.popup.lk-popup--price,
.popup.lk-popup--zayavka,
.popup.popup--manager {
padding: 40px 10px 40px 40px;
height: auto;
max-height: 70vh;
display: flex;
flex-direction: column;
}
.lk-logout {
position: absolute;
right: 0;
top: 50px;
cursor: pointer;
gap: 12px;
padding: 13px 25px;
font-family: "AvenirNextCyr-Medium";
color: #03abe3;
text-align: center;
display: flex;
border: 1px solid #03abe3;
border-radius: 57px;
align-items: center;
}
.lk-logout span {
text-transform: uppercase;
font-weight: 450;
line-height: 24px;
font-size: 17px;
}
.popup__content::-webkit-scrollbar-thumb {
background-color: #aae7fc;
border-radius: 10px;
border: 1px solid #fff;
}
.popup__content::-webkit-scrollbar {
width: 7px;
border-radius: 10px;
}
.popup__content::-webkit-scrollbar-track {
background: #f4f6f8;
border-radius: 10px;
}
.lk-popup--zayavka .form {
max-width: 100%;
padding: 0;
font-family: "AvenirNextCyr-Regular";
}
.lk-popup--zayavka .form__label {
font-family: "AvenirNextCyr-Medium";
font-size: 15px;
font-weight: 400;
line-height: 18.38px;
width: 100%;
display: flex;
flex-direction: row;
margin-bottom: 8px;
position: relative;
}
.lk-popup--zayavka .form__file-img {
background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1490_3602)'%3E%3Cpath d='M7.42934 3.5C7.1132 3.5 6.85867 3.75977 6.85867 4.08242V9.91484C6.85867 11.5254 5.58071 12.8324 4 12.8324C2.41929 12.8324 1.14133 11.5254 1.14133 9.91484V2.91484C1.14133 1.94961 1.90757 1.16484 2.856 1.16484C3.80442 1.16484 4.57066 1.94961 4.57066 2.91484V8.75C4.57066 9.07266 4.31346 9.33242 4 9.33242C3.68654 9.33242 3.42934 9.07266 3.42934 8.75V4.08242C3.42934 3.75977 3.17214 3.5 2.85867 3.5C2.54253 3.5 2.28801 3.75977 2.28801 4.08242V8.75C2.28801 9.71797 3.05425 10.5 4.00268 10.5C4.95111 10.5 5.71735 9.71797 5.71735 8.75V2.91758C5.71467 1.30703 4.43403 0 2.856 0C1.27796 0 0 1.30703 0 2.91758V9.91758C0 12.1734 1.79236 14 4 14C6.20764 14 8 12.1707 8 9.91758V4.08242C8 3.75977 7.74548 3.5 7.42934 3.5Z' fill='%2303ABE3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1490_3602'%3E%3Crect width='8' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width: 8px;
height: 14px;
}
.form__textarea {
width: 100%;
min-height: 100px;
padding: 12px;
border: 1px solid #ddd;
border-radius: 8px;
resize: vertical;
font-family: inherit;
font-size: 14px;
position: relative;
}
.form__textarea::placeholder {
color: #999;
font-size: 14px;
transition: opacity 0.2s ease;
}
.file-input--wrap {
padding: 14px 10px;
border: 1px dashed #7bc4e4;
box-sizing: border-box;
border-radius: 5px;
height: auto;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
transition: background 0.3s ease-out;
}
.form {
max-width: 500px;
padding: 20px;
font-family: Arial, sans-serif;
}
.lk-popup--zayavka .form__group {
margin-bottom: 16px;
position: relative;
}
.form__label {
display: block;
margin-bottom: 8px;
font-size: 14px;
color: #333;
}
.lk-popup--zayavka .form__input {
position: relative;
z-index: 2;
box-sizing: border-box;
height: 46px;
border: 1px solid #d5d5d5;
width: 100%;
padding: 12px;
border-radius: 8px;
font-size: 14px;
background: transparent;
}
.form__input:focus {
outline: none;
border-color: #0088cc;
}
.lk-popup--zayavka .form__placeholder {
z-index: 1;
font-family: "AvenirNextCyr-Regular";
font-size: 15px;
font-weight: 400;
line-height: 18.38px;
text-align: left;
position: absolute;
left: 12px;
bottom: 14px;
color: #9b9b9b99;
}
.form__input:focus ~ .form__placeholder,
.form__input:not(:placeholder-shown) ~ .form__placeholder {
display: none;
}
.lk-popup--zayavka .form__upload {
border: 2px dashed #03abe3;
border-radius: 8px;
padding: 20px;
text-align: center;
cursor: pointer;
}
.lk-popup--zayavka .form__upload-text {
font-family: "AvenirNextCyr-Regular";
font-size: 14px;
font-weight: 400;
line-height: 17.15px;
color: #9b9b9b99;
font-size: 14px;
margin-top: 8px;
}
.lk-popup--zayavka .form__files {
display: flex;
flex-wrap: wrap;
gap: 2px 20px;
}
.lk-popup--zayavka .form__file {
margin-bottom: 10px;
}
.lk-popup--zayavka .form__file {
display: inline-flex;
align-items: center;
gap: 5px;
}
.lk-popup--zayavka .form__file-text {
color: #03abe3;
font-family: "AvenirNextCyr-Regular";
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.lk-popup--zayavka .form__file-remove {
background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1490_3599)'%3E%3Cpath d='M0.3125 1.65172L1.65187 0.3125L5 3.66078L8.34828 0.3125L9.6875 1.65172L6.33938 5L9.6875 8.34828L8.34828 9.6875L5 6.33922L1.65187 9.6875L0.3125 8.34828L3.66094 5L0.3125 1.65172Z' fill='%23758A90'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1490_3599'%3E%3Crect width='10' height='10' fill='white' transform='matrix(-1 0 0 1 10 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width: 10px;
height: 10px;
cursor: pointer;
}
.lk-popup--zayavka .custom-checkbox {
flex-direction: row;
}
.custom-checkbox .checkmark {
margin: 0;
padding: 0;
}
.custom-checkbox .checkmark.error {
border: 1px solid red;
}
.custom-checkbox .text.error {
color: red;
}
.lk-popup--zayavka .form__button {
font-family: "AvenirNextCyr-Bold";
line-height: 17.15px;
background: linear-gradient(117.45deg, #1089c3 33.03%, #03abe3 91.75%);
width: 100%;
padding: 17px 10px;
color: white;
border-radius: 57px;
font-size: 14px;
cursor: pointer;
border: none;
}
.form__button:hover {
background: #006699;
}
.form__checkbox {
margin-bottom: 20px;
}
.form__checkbox label {
display: flex;
align-items: flex-start;
gap: 8px;
font-size: 14px;
color: #333;
}
.form__checkbox input {
margin-top: 3px;
}
.form__checkbox a {
color: #0088cc;
text-decoration: none;
}
.lk-popup--zayavka .form__textarea {
width: 100%;
min-height: 100px;
padding: 12px;
border: 1px solid #ddd;
border-radius: 8px;
box-sizing: border-box;
}
.form__upload-button {
background: linear-gradient(117.45deg, #1089c3 33.03%, #03abe3 91.75%);
color: white;
padding: 8.5px 20px;
border: none;
border-radius: 57px;
cursor: pointer;
font-size: 14px;
font-family: "AvenirNextCyr-Regular";
font-weight: 450;
line-height: 17.15px;
}
@media (max-width: 920px) {
.lk-item {
width: 100%;
}
.lk-item__img {
padding-bottom: 0;
}
.lk-item {
gap: 30px;
display: flex;
width: 100%;
flex-direction: column;
}
.lk-item.lk-info-person {
flex-direction: column;
gap: 20px;
}
.lk-info-person_title {
margin-bottom: 0;
}
.lk-info-person_top {
margin-bottom: 0;
}
.lk-section {
margin-bottom: 90px;
padding: 50px 0 90px 0;
}
.lk-logout {
box-sizing: border-box;
justify-content: center;
width: 100%;
bottom: 0;
top: unset;
}
}
@media (max-width: 720px) {
.popup.lk-popup--price,
.popup.lk-popup--zayavka {
box-sizing: border-box;
max-width: 95%;
width: 100%;
max-height: 90vh;
}
.popup.lk-popup--price,
.popup.lk-popup--zayavka {
padding: 30px 10px 30px 20px;
}
.lk-popup--price .popup__action,
.lk-popup--zayavka .popup__action {
flex-wrap: wrap;
padding: 2px 0;
display: flex;
align-items: center;
gap: 20px;
}
.popup__content {
padding: 0 20px 0 0;
}
.lk-popup--price .popup__close,
.lk-popup--zayavka .popup__close {
right: 30px;
}
.lk-slick-next svg,
.lk-slick-prev svg {
width: 36px;
height: 36px;
}
.lk-section-title {
font-size: 30px;
}
.lk-slick-next.slick-arrow {
right: 15px;
}
.lk-slick-prev.slick-arrow {
left: 15px;
}
.lk-slick-prev,
.lk-slick-next {
background: transparent;
width: 36px;
height: 36px;
}
}
@media (max-width: 560px) {
.price-list__files {
grid-template-columns: 1fr;
}
.popup__action .form-send {
width: 100%;
}
.popup__action .popup-cancel {
width: 100%;
}
.lk-slick-slider .desk {
display: none;
}
.lk-slick-slider .mobi {
display: block;
width: 100%;
}
}
.container {
padding: 0 20px;
max-width: 1600px;
}
.lk__main h1 {
text-transform: uppercase;
font-family: "AvenirNextCyr-Bold";
font-size: 40px;
font-weight: 750;
line-height: 49px;
text-align: center;
margin-bottom: 30px;
margin-top: 40px;
}
.authorization__block {
position: relative;
background: #f4f6f8;
border: none;
padding: 30px 30px 43px 30px;
margin: 0 20px 20px 0;
border-radius: 10px;
}
.authorization__block .link {
text-underline-offset: 5px;
text-decoration-style: solid;
text-decoration-color: #03abe3;
color: #03abe3;
font-family: "AvenirNextCyr-Regular";
font-size: 17px;
font-weight: 400;
line-height: 24px;
position: absolute;
bottom: 30px;
}
.authorization__block .j-open-manager {
border: none;
background: transparent;
padding: 0;
text-decoration: underline;
text-underline-offset: 5px;
text-decoration-style: solid;
text-decoration-color: #03abe3;
color: #03abe3;
font-family: "AvenirNextCyr-Regular";
font-size: 17px;
font-weight: 400;
line-height: 24px;
position: absolute;
bottom: 30px;
}
.authorization__block .lk__main h1 .highlighted {
color: #40cce5;
}
.authorization__text {
text-align: center;
margin-bottom: 40px;
}
.authorization__text .highlighted {
font-family: "AvenirNextCyr-Medium";
font-size: 17px;
font-weight: 750;
line-height: 25.5px;
text-align: center;
}
.authorization__text p {
padding: 0;
margin: 0;
}
.breadcrumbs {
padding: 30px 0;
}
.breadcrumbs li a,
.breadcrumbs li span {
font-family: "AvenirNextCyr-Regular";
font-size: 17px;
font-weight: 400;
line-height: 20.83px;
}
.lk__main h1 .highlighted {
color: #1188c1;
}
.authorization__block .title {
font-family: "AvenirNextCyr-Bold";
font-size: 19px;
font-weight: 750;
line-height: 24px;
margin: 0 0 14px 0;
}
.authorization__block .info {
font-family: "AvenirNextCyr-Regular";
font-size: 17px;
font-weight: 400;
line-height: 24px;
text-align: left;
padding-bottom: 30px;
}
.authorization__blocks {
margin-bottom: 60px;
}
.authorization__form,
.recover_password__form {
box-sizing: border-box;
padding: 60px 80px;
border-radius: 10px;
color: #000000;
background: #fff;
box-shadow: 0px 0px 30px 0px #00000021;
margin: 0 auto 100px auto;
max-width: 800px;
}
.form__title {
text-transform: uppercase;
color: #000000;
font-family: "AvenirNextCyr-Bold";
font-size: 24px;
font-weight: 750;
line-height: 24px;
text-align: center;
}
.form__field .title {
color: #000000;
font-family: "AvenirNextCyr-Regular";
font-size: 15px;
font-weight: 400;
line-height: 18.38px;
text-align: left;
}
.form__field input {
border-radius: 10px;
border: 1px solid #d5d5d5;
background-color: #fff !important;
}
.authorization__form .input-field,
.authorization__form .input-field:hover,
.authorization__form .input-field:focus,
.authorization__form .input-field:focus-visible,
.recover_password__form .input-field,
.recover_password__form .input-field:hover,
.recover_password__form .input-field:focus,
.recover_password__form .input-field:focus-visible {
border-radius: 10px;
box-sizing: border-box;
height: 46px;
border: 1px solid #d5d5d5;
outline: none;
background-color: #fff !important;
}
.authorization__form .input-error .input-field,
.recover_password__form .input-error .input-field {
border: 1px solid #f41240;
background-color: #fff !important;
}
.form__bottom a {
width: 100%;
text-align: left;
display: block;
display: inline-block;
margin: 0 0 30px 0;
color: #03abe3;
font-size: 17px;
font-weight: 400;
line-height: 24px;
}
.log-in {
background: linear-gradient(117.45deg, #1089c3 33.03%, #03abe3 91.75%);
font-family: "AvenirNextCyr-Bold";
text-transform: uppercase;
color: #fff;
border: none;
height: auto;
padding: 17px;
width: 100%;
border-radius: 30px;
font-size: 14px;
font-weight: 400;
line-height: 17.15px;
}
.form__subtitle {
margin: 0 0 20px 0;
color: #000000;
font-family: "AvenirNextCyr-Regular";
font-size: 17px;
font-weight: 400;
line-height: 23.8px;
text-align: center;
}
@media (max-width: 767px) {
.footer__social {
margin-bottom: 30px;
}
}
.popup--manager .popup__title {
text-transform: uppercase;
font-weight: 900;
color: #000000;
font-size: 19px;
line-height: 21px;
max-width: unset;
font-family: "AvenirNextCyr-Bold";
text-align: left;
}
.popup--manager .btn-close {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 2.01429L17.9857 0L10 7.98571L2.01429 0L0 2.01429L7.98571 10L0 17.9857L2.01429 20L10 12.0143L17.9857 20L20 17.9857L12.0143 10L20 2.01429Z' fill='%2382879A' fill-opacity='0.5'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
position: absolute;
top: 0;
right: 40px;
width: 20px;
height: 20px;
background-color: transparent;
border: none;
}
.popup--manager .title {
padding: 0 0 30px 0;
margin: 0;
text-align: left;
color: #000;
font-size: 19px;
font-weight: 750;
line-height: 24px;
text-transform: uppercase;
font-family: "AvenirNextCyr-Bold";
}
.popup__content {
padding: 0 40px 0 0;
box-sizing: border-box;
overflow-y: auto;
position: relative;
flex: 1;
}
.popup .custom-checkbox-block label {
flex-direction: row;
}
.popup.popup--manager label input,
.popup.popup--manager label textarea,
.popup--manager .form__block .select__button {
border: 1px solid #d5d5d5;
}
.popup--manager .popup__action .form-send {
min-height: 51px;
width: 100%;
background: linear-gradient(117.45deg, #1089c3 33.03%, #03abe3 91.75%);
}
.form__bottom.form__bottom {
justify-content: center;
}
@media (max-width: 767px) {
.authorization__block,
.authorization__block:nth-child(4n) {
margin: 0 0 20px 0;
}
.authorization__form,
.recover_password__form {
padding: 30px 20px;
}
.lk__main h1 {
font-size: 30px;
}
.form__title {
font-size: 20px;
}
.form__subtitle {
font-size: 15px;
}
.custom-checkbox .text {
font-size: 15px;
}
}
@media (max-width: 1480px) {
.bx-filter .bx-filter-popup-result.left {
left: calc(50% - 200px);
}
}
@media (max-width: 1200px) {
.bx-filter .bx-filter-popup-result.left {
left: calc(94% - 200px);
}
}
@media (max-width: 767px) {
.bx-filter .bx-filter-block .bx-filter-popup-result,
.bx-filter .bx-filter-container-modef .bx-filter-popup-result {
color: #02ace4;
font-size: 15px;
}
.bx-filter .bx-filter-block .bx-filter-popup-result a,
.bx-filter .bx-filter-container-modef .bx-filter-popup-result a {
display: none;
}
}
.lk-authoriz hr {
border: none;
width: 100%;
height: 1px;
background: #d9d9d9;
margin: 30px 0 30px 0;
}
.lk-authoriz .lk__title,
.lk-authoriz .edit-person-form h2 {
font-family: "AvenirNextCyr-Bold";
font-size: 20px;
font-weight: 750;
line-height: 24px;
text-transform: math-auto;
padding: 0;
margin: 0 0 20px 0;
}
.form-container {
border-radius: 10px;
padding: 60px;
box-shadow: 0px 0px 30px 0px #00000021;
max-width: 850px;
margin: 0 auto 110px auto;
}
.btns-group .btn.btn-save {
background: linear-gradient(117.45deg, #1089c3 33.03%, #03abe3 91.75%);
font-family: "AvenirNextCyr-Regular";
font-size: 14px;
font-weight: 750;
line-height: 17.15px;
padding: 17px 39px;
box-shadow: none;
}
.btns-group .btn.btn-cancel {
box-shadow: none;
background: transparent;
font-family: "AvenirNextCyr-Regular";
border: 1px solid #1089c3;
color: #03abe3;
font-size: 14px;
font-weight: 750;
line-height: 17.15px;
padding: 17px 50px;
}
.lk-authoriz .custom-checkbox-block .custom-checkbox:last-child {
margin-bottom: 0;
}
.btns-group {
display: flex;
gap: 20px;
}
.form-group {
margin-bottom: 20px;
}
.edit-person-form label {
font-family: "AvenirNextCyr-Regular";
line-height: 18.38px;
display: block;
margin-bottom: 6px;
font-size: 14px;
color: #000000;
}
.edit-person-form input[type="text"],
.edit-person-form input[type="email"],
.edit-person-form input[type="tel"],
.edit-person-form input[type="password"] {
width: 100%;
padding: 14px 12px;
border: 1px solid #ddd;
border-radius: 10px;
font-size: 15px;
box-sizing: border-box;
outline: none;
}
.edit-person-form .row {
display: flex;
gap: 20px;
margin-bottom: 20px;
}
.edit-person-form .col {
flex: 1;
}
.edit-person-form .multiselect {
position: relative;
}
.edit-person-form .multiselect-input {
width: 100%;
padding: 14px 35px 14px 12px;
border: 1px solid #ddd;
border-radius: 10px;
cursor: pointer;
box-sizing: border-box;
font-family: "AvenirNextCyr-Regular";
font-size: 15px;
font-weight: 400;
line-height: 18.38px;
color: #000;
background: url("/upload/frontend/filter_open_bottom_blue.svg") no-repeat
calc(100% - 15px) 20px;
}
.edit-person-form .multiselect-input.active {
background: url(/upload/frontend/filter_open_up_blue.svg) no-repeat
calc(100% - 15px) 20px;
}
.edit-person-form .multiselect-dropdown {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: white;
border: 1px solid #ddd;
border-radius: 4px;
margin-top: 5px;
display: none;
z-index: 1000;
}
.edit-person-form .multiselect-dropdown.active {
display: block;
border-radius: 10px;
box-shadow: 0 0 20px rgba(37, 38, 45, 0.1);
background: linear-gradient(135deg, #1188c1 0%, #02ace4 100%);
}
.edit-person-form .multiselect-option {
padding: 8px 12px;
cursor: pointer;
display: flex;
align-items: center;
gap: 10px;
}
.edit-person-form .password-container {
position: relative;
}
.edit-person-form .password-toggle {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
color: #666;
}
.edit-person-form h2 {
margin-top: 30px;
margin-bottom: 20px;
font-size: 18px;
}
.edit-person-form .selected-items {
display: none;
flex-wrap: wrap;
gap: 5px;
padding: 5px 0;
}
.edit-person-form .selected-item {
background-color: #e3f2fd;
padding: 2px 8px;
border-radius: 4px;
font-size: 14px;
}
.edit-person-form .form-group {
margin-bottom: 16px;
}
.edit-person-form input[type="text"]::placeholder,
.edit-person-form input[type="email"]::placeholder,
.edit-person-form input[type="tel"]::placeholder,
.edit-person-form input[type="password"]::placeholder {
font-family: "AvenirNextCyr-Regular";
font-size: 15px;
font-weight: 400;
line-height: 18.38px;
color: #000;
}
.edit-person-form input[type="text"]::-moz-placeholder,
.edit-person-form input[type="email"]::-moz-placeholder,
.edit-person-form input[type="tel"]::-moz-placeholder,
.edit-person-form input[type="password"]::-moz-placeholder {
font-family: "AvenirNextCyr-Regular";
font-size: 15px;
font-weight: 400;
line-height: 18.38px;
color: #000;
}
.edit-person-form input[type="text"]:-moz-placeholder,
.edit-person-form input[type="email"]:-moz-placeholder,
.edit-person-form input[type="tel"]:-moz-placeholder,
.edit-person-form input[type="password"]:-moz-placeholder {
font-family: "AvenirNextCyr-Regular";
font-size: 15px;
font-weight: 400;
line-height: 18.38px;
color: #000;
}
.edit-person-form input[type="text"]:-ms-input-placeholder,
.edit-person-form input[type="email"]:-ms-input-placeholder,
.edit-person-form input[type="tel"]:-ms-input-placeholder,
.edit-person-form input[type="password"]:-ms-input-placeholder {
font-family: "AvenirNextCyr-Regular";
font-size: 15px;
font-weight: 400;
line-height: 18.38px;
color: #000;
}
.edit-person-form input[type="text"]::-ms-input-placeholder,
.edit-person-form input[type="email"]::-ms-input-placeholder,
.edit-person-form input[type="tel"]::-ms-input-placeholder,
.edit-person-form input[type="password"]::-ms-input-placeholder {
font-family: "AvenirNextCyr-Regular";
font-size: 15px;
font-weight: 400;
line-height: 18.38px;
color: #000;
}
.password-toggle {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.2298 12.9599L17.2298 12.9599L15.9043 10.9656C16.8852 10.0651 17.6497 8.9542 18.1404 7.71599L18.1405 7.71602L18.1414 7.71343C18.1982 7.5436 18.1852 7.35816 18.1053 7.19791C18.0254 7.03765 17.8851 6.91571 17.7152 6.8589C17.5454 6.80209 17.36 6.81507 17.1997 6.89499C17.0398 6.97472 16.9181 7.11454 16.8611 7.28382C16.4003 8.45898 15.6396 9.49285 14.6549 10.2825L14.6514 10.2839L14.6512 10.2834L14.6449 10.2872C14.6321 10.2949 14.6239 10.3056 14.6214 10.3087L14.6191 10.3114C14.6191 10.3114 14.6191 10.3114 14.6191 10.3114C13.3009 11.3338 11.6696 11.8686 10.0019 11.8251L10.0019 11.825L9.99931 11.8251C8.33318 11.8688 6.70316 11.3352 5.38541 10.3147L5.38542 10.3147L5.38544 10.3147L5.38534 10.3146L5.38321 10.312C5.38307 10.3118 5.38292 10.3116 5.38274 10.3114C5.37978 10.3077 5.37178 10.2978 5.35968 10.2905L5.35969 10.2905L5.35847 10.2898L5.34869 10.2843C4.36284 9.49446 3.60132 8.45989 3.14013 7.28381C3.08315 7.11453 2.9614 6.97471 2.80154 6.89499C2.64128 6.81507 2.45584 6.80209 2.28601 6.8589C2.11619 6.91571 1.97588 7.03765 1.89597 7.19791C1.81605 7.35816 1.80307 7.5436 1.85988 7.71343L1.8598 7.71345L1.86081 7.71599C2.35152 8.9542 3.11606 10.0651 4.09693 10.9656L2.77148 12.9599L2.77147 12.9599C2.67242 13.1091 2.63668 13.2915 2.67212 13.467C2.70757 13.6426 2.81129 13.7968 2.96047 13.8959C3.10965 13.9949 3.29207 14.0307 3.4676 13.9952C3.64312 13.9598 3.79737 13.8561 3.89643 13.7069C3.89644 13.7069 3.89644 13.7069 3.89645 13.7069L5.16803 11.7942C5.84259 12.2358 6.5789 12.575 7.35295 12.8006L6.84544 14.8371L6.84544 14.8372C6.80223 15.0109 6.82983 15.1947 6.92215 15.3482C7.01447 15.5016 7.16396 15.6121 7.33773 15.6553C7.5115 15.6985 7.69531 15.6709 7.84873 15.5785C8.00215 15.4862 8.11261 15.3367 8.15582 15.163L8.15582 15.1629L8.67326 13.0785C9.11294 13.1405 9.55631 13.1728 10.0004 13.1751L10.001 13.1751C10.4451 13.1717 10.8884 13.1384 11.328 13.0753L11.8454 15.1596L11.8454 15.1596C11.8886 15.3334 11.9991 15.4829 12.1525 15.5752C12.3059 15.6675 12.4898 15.6951 12.6635 15.6519C12.8373 15.6087 12.9868 15.4983 13.0791 15.3448C13.1714 15.1914 13.199 15.0076 13.1558 14.8338L13.1558 14.8338L12.6483 12.7973C13.4222 12.5727 14.1585 12.2346 14.8332 11.7942L16.1048 13.7069C16.1048 13.7069 16.1048 13.7069 16.1048 13.7069C16.2039 13.8561 16.3581 13.9598 16.5337 13.9952C16.7092 14.0307 16.8916 13.9949 17.0408 13.8959C17.19 13.7968 17.2937 13.6426 17.3291 13.467C17.3646 13.2915 17.3288 13.1091 17.2298 12.9599Z' fill='%2382879A' stroke='%2382879A' stroke-width='0.1'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
.password-toggle.active {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9842 9.99993C12.9842 11.6499 11.6509 12.9833 10.0009 12.9833C8.35091 12.9833 7.01758 11.6499 7.01758 9.99993C7.01758 8.34993 8.35091 7.0166 10.0009 7.0166C11.6509 7.0166 12.9842 8.34993 12.9842 9.99993Z' stroke='%2382879A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.99987 16.8913C12.9415 16.8913 15.6832 15.1579 17.5915 12.1579C18.3415 10.9829 18.3415 9.00794 17.5915 7.83294C15.6832 4.83294 12.9415 3.09961 9.99987 3.09961C7.0582 3.09961 4.31654 4.83294 2.4082 7.83294C1.6582 9.00794 1.6582 10.9829 2.4082 12.1579C4.31654 15.1579 7.0582 16.8913 9.99987 16.8913Z' stroke='%2382879A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
.password-toggle.show-password {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9842 9.99993C12.9842 11.6499 11.6509 12.9833 10.0009 12.9833C8.35091 12.9833 7.01758 11.6499 7.01758 9.99993C7.01758 8.34993 8.35091 7.0166 10.0009 7.0166C11.6509 7.0166 12.9842 8.34993 12.9842 9.99993Z' stroke='%2382879A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.99987 16.8913C12.9415 16.8913 15.6832 15.1579 17.5915 12.1579C18.3415 10.9829 18.3415 9.00794 17.5915 7.83294C15.6832 4.83294 12.9415 3.09961 9.99987 3.09961C7.0582 3.09961 4.31654 4.83294 2.4082 7.83294C1.6582 9.00794 1.6582 10.9829 2.4082 12.1579C4.31654 15.1579 7.0582 16.8913 9.99987 16.8913Z' stroke='%2382879A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
.lk-authoriz .custom-checkbox-block {
padding: 60px 0 30px 0;
}
.lk-authoriz .edit-person-form label {
display: flex;
}
.requisit-block .accordion-item {
border-bottom: 1px solid #e5e7eb;
margin-bottom: 30px;
}
.requisit-block .accordion-header {
gap: 20px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 0 10px 0;
cursor: pointer;
}
.requisit-block .accordion-header.active {
padding: 0 0 30px 0;
}
.requisit-block .accordion-title {
font-size: 15px;
font-weight: 400;
line-height: 24px;
color: #3b82f6;
font-family: "AvenirNextCyr-Bold";
}
.requisit-block .accordion-header.active .accordion-title {
font-family: "AvenirNextCyr-Regular";
color: #090909;
}
.requisit-block .accordion-buttons {
display: flex;
gap: 8px;
}
.requisit-block .btn {
border-radius: 10px;
border: 1px solid #d5d5d5;
background: none;
cursor: pointer;
padding: 14px;
line-height: 0;
box-shadow: none;
}
.requisit-block .btn-remove {
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-style: solid;
text-decoration-color: #03abe3;
text-transform: math-auto;
font-family: "AvenirNextCyr-Regular";
color: #03abe3;
font-size: 17px;
font-weight: 400;
line-height: 17px;
border: none;
gap: 5px;
align-items: end;
display: flex;
}
.requisit-block .btn-toggle {
transition: transform 0.2s;
background-color: #ffffff00;
}
.requisit-block .btn-toggle.rotated {
transform: rotate(180deg);
}
.requisit-block .accordion-content {
display: none;
}
.requisit-block .accordion-content.active {
display: block;
padding-bottom: 30px;
}
.requisit-block .form-grid {
display: grid;
gap: 16px;
}
.requisit-block .form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.requisit-block .form-group {
margin-bottom: 0;
}
.requisit-block .form-group label {
font-family: "AvenirNextCyr-Regular";
line-height: 18.38px;
display: block;
margin-bottom: 6px;
font-size: 14px;
}
.requisit-block .form-group input {
width: 100%;
padding: 13px 12px;
border: 1px solid #ddd;
border-radius: 10px;
font-size: 15px;
box-sizing: border-box;
}
.requisit-block .add-button {
display: flex;
align-items: end;
justify-content: center;
gap: 8px;
color: #3b82f6;
border: 1px solid #03abe3;
background: none;
padding: 16px 20px;
border-radius: 10px;
cursor: pointer;
}
.requisit-block .add-button span {
color: #000000;
font-size: 17px;
font-weight: 400;
line-height: normal;
text-align: left;
font-family: "AvenirNextCyr-Regular";
}
.requisit-block .template {
display: none;
}
.form-group.link-mail a {
border-radius: 10px;
color: #03abe3;
text-decoration: none;
font-family: "AvenirNextCyr-Regular";
font-size: 15px;
font-weight: 400;
line-height: 18.38px;
box-sizing: border-box;
padding: 14px 12px;
background: #f4f6f8;
height: 46px;
display: block;
width: 100%;
}
.form-group.link-mail p {
font-family: "AvenirNextCyr-Regular";
line-height: 18.38px;
display: block;
margin-bottom: 6px;
font-size: 14px;
color: #000000;
}
@media (max-width: 520px) {
.form-container {
padding: 30px 20px;
}
.btns-group {
flex-direction: column;
gap: 20px;
}
.edit-person-form .row {
flex-direction: column;
}
.btn.btn-remove span {
display: none;
}
.requisit-block .form-row {
grid-template-columns: 1fr;
}
}
.banner .title {
font-size: 60px;
font-family: "AvenirNextCyr-Demi";
}
.breadcrumbs li a,
.breadcrumbs li span {
font-size: 12px;
}
.title--catalog span {
font-size: 24px;
font-family: "AvenirNextCyr-Bold";
}
.category-block__text .title {
font-family: "AvenirNextCyr-Demi";
}
.category-block__text .subtitle {
font-family: "AvenirNextCyr-Demi";
}
.catalog-wrap--customized .bx-filter .bx-filter-parameters-box-title span,
.catalog-wrap .sidebar .catalog-filter .title--accordeon {
font-family: "AvenirNextCyr-Bold";
}
header .header-top .menu > ul > li > a.root-item,
header .header-top .menu > ul > li > a.root-item-selected {
font-family: "AvenirNextCyr-Demi";
font-size: 17px;
}
.desc-list .desc-list__title {
font-family: "AvenirNextCyr-Demi";
font-size: 15px;
}
.desc-list .desc-list__val {
font-family: "AvenirNextCyr-Regular";
}
.tabs__block .sert-item-txt h4 {
font-family: "AvenirNextCyr-Demi";
font-size: 15px;
}
.parameters__link span {
font-size: 15px;
font-family: "AvenirNextCyr-Demi";
}
.parameters__link span::before {
top: 3px;
right: -20px;
}
.analogues.similar .description {
font-family: "AvenirNextCyr-Demi";
}
.catalog-wrap
.catalog
.catalog-item
.catalog-item-products
.item-product
.title
* {
font-family: "AvenirNextCyr-Medium";
}
.btns-group .btn-back-personal {
background: linear-gradient(117.45deg, #1089c3 33.03%, #03abe3 91.75%);
font-family: "AvenirNextCyr-Regular";
font-size: 14px;
font-weight: 750;
line-height: 17.15px;
padding: 17px 39px;
box-shadow: none;
margin-bottom: 30px;
margin-top: -60px;
}
.lk-info-person_top-l {
width: 56px;
height: 56px;
background-color: #03abe3;
border-radius: 50%;
display: flex;
align-items: baseline;
justify-content: center;
color: white;
font-size: 40px;
font-weight: bold;
}
.social_banned {
color: white;
}
.social_banned span {
color: red;
}
.meneger-response {
display: none;
color: green;
font-size: 20px;
margin-bottom: 30px;
}
.btn-tooltip {
width: 21px;
height: 21px;
border-radius: 50%;
padding: 0;
border: none;
background: none;
cursor: pointer;
}
.btn-tooltip,
.lk-item:not(.lk-info-person):hover .btn-tooltip {
background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.5' cy='10.5' r='10.5' fill='%23F4F6F8'/%3E%3Cpath d='M11.2486 12.6849V13.309H9.61193V12.453C9.61193 11.8705 9.7106 11.389 9.90793 11.0085C10.1169 10.6162 10.4419 10.212 10.883 9.79586L11.5272 9.17169C12.1192 8.64858 12.4152 8.06008 12.4152 7.40619C12.4152 6.83552 12.2353 6.38374 11.8754 6.05084C11.5272 5.70607 11.0745 5.53368 10.5173 5.53368C9.96016 5.53368 9.50166 5.7239 9.14182 6.10434C8.78198 6.4729 8.57305 6.93657 8.51501 7.49535L6.84351 7.29918C6.99441 6.28862 7.41228 5.48612 8.09713 4.89167C8.78198 4.29722 9.62354 4 10.6218 4C11.6317 4 12.4732 4.29128 13.1465 4.87384C13.8197 5.4564 14.1563 6.26485 14.1563 7.29918C14.1563 7.98874 14.0228 8.54158 13.7559 8.95769C13.5005 9.37381 13.0768 9.83748 12.4848 10.3487C11.9857 10.7886 11.6549 11.1512 11.4924 11.4365C11.3299 11.71 11.2486 12.1261 11.2486 12.6849ZM11.3357 15.0032C11.5678 15.2291 11.6839 15.5026 11.6839 15.8236C11.6839 16.1446 11.5678 16.424 11.3357 16.6617C11.1151 16.8876 10.8423 17.0006 10.5173 17.0006C10.1923 17.0006 9.91373 16.8876 9.68158 16.6617C9.46103 16.424 9.35076 16.1505 9.35076 15.8414C9.35076 15.5204 9.46103 15.2469 9.68158 15.0211C9.91373 14.7833 10.1923 14.6644 10.5173 14.6644C10.8423 14.6644 11.1151 14.7773 11.3357 15.0032Z' fill='%2303ABE3'/%3E%3C/svg%3E%0A");
}
.lk-item:not(.lk-info-person) .btn-tooltip {
background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.5' cy='10.5' r='10.5' fill='%23FFFFFF'/%3E%3Cpath d='M11.2486 12.6849V13.309H9.61193V12.453C9.61193 11.8705 9.7106 11.389 9.90793 11.0085C10.1169 10.6162 10.4419 10.212 10.883 9.79586L11.5272 9.17169C12.1192 8.64858 12.4152 8.06008 12.4152 7.40619C12.4152 6.83552 12.2353 6.38374 11.8754 6.05084C11.5272 5.70607 11.0745 5.53368 10.5173 5.53368C9.96016 5.53368 9.50166 5.7239 9.14182 6.10434C8.78198 6.4729 8.57305 6.93657 8.51501 7.49535L6.84351 7.29918C6.99441 6.28862 7.41228 5.48612 8.09713 4.89167C8.78198 4.29722 9.62354 4 10.6218 4C11.6317 4 12.4732 4.29128 13.1465 4.87384C13.8197 5.4564 14.1563 6.26485 14.1563 7.29918C14.1563 7.98874 14.0228 8.54158 13.7559 8.95769C13.5005 9.37381 13.0768 9.83748 12.4848 10.3487C11.9857 10.7886 11.6549 11.1512 11.4924 11.4365C11.3299 11.71 11.2486 12.1261 11.2486 12.6849ZM11.3357 15.0032C11.5678 15.2291 11.6839 15.5026 11.6839 15.8236C11.6839 16.1446 11.5678 16.424 11.3357 16.6617C11.1151 16.8876 10.8423 17.0006 10.5173 17.0006C10.1923 17.0006 9.91373 16.8876 9.68158 16.6617C9.46103 16.424 9.35076 16.1505 9.35076 15.8414C9.35076 15.5204 9.46103 15.2469 9.68158 15.0211C9.91373 14.7833 10.1923 14.6644 10.5173 14.6644C10.8423 14.6644 11.1151 14.7773 11.3357 15.0032Z' fill='%2303ABE3'/%3E%3C/svg%3E%0A");
}
.tippy-box[data-theme="sones"] {
box-sizing: border-box;
font-size: 17px;
line-height: 1.4;
background-color: #fff;
border-radius: 10px;
color: #000;
-webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.12);
}
.tippy-box[data-theme="sones"] * {
box-sizing: border-box;
}
.tippy-box[data-theme="sones"] a {
color: #0095d5;
}
.tippy-box[data-theme="sones"] .tippy-content {
padding: 20px 30px;
}
.tippy-box[data-theme="sones"] .tippy-content > * {
margin: 0;
padding: 0;
}
.tippy-box[data-theme="sones"] .tippy-content > *:not(:last-child) {
margin-bottom: 5px;
}
.tippy-box[data-theme="sones"] .tippy-arrow {
color: #fff;
}
.lnk-block {
display: flex;
}
.lk-head__right .lnk-block .dropdown-content a,
.lk-head__right .lnk-block .dropdown-content p {
color: #424242;
min-width: auto;
box-sizing: border-box;
border: none;
display: flex;
align-items: center;
font-size: 17px;
text-transform: uppercase;
padding: 0 10px;
position: relative;
}
.lk-head__right .lnk-block .dropdown-content a {
text-decoration: underline;
text-underline-offset: 3px;
}
.lk-head__right .lnk-block .dropdown-content a::before {
position: absolute;
content: "";
width: 1px;
height: 27px;
background: #fff;
right: 0;
}
/* .lk-head__right .lnk-block .dropdown-content a:last-of-type::before {
display: none;
} */
/*
.lk-head__right .lnk-block .dropdown-content a:last-of-type {
padding: 0 25px 0 10px;
} */
.lk-head__right .lnk-block .dropdown-content a {
font-weight: 400;
}
.lk-head__right .lnk-block .dropdown-content p {
font-weight: 750;
}
.lk-head__right .lnk-block .dropdown-content {
box-shadow: 0px 0px 30px 0px #00000021;
padding: 0 27px 0 27px;
z-index: 4;
border-radius: 10px;
position: absolute;
background: #ffffff;
left: 0;
/* top: 60px; */
top: 100%;
}
.lnk-block .dropdown .dropdown-content {
/* display: none; */
/* display: flex;
align-items: center;
opacity: 0;
visibility: hidden;
transition: opacity 0.8s ease, visibility 0.8s ease;
pointer-events: none; */
/* display: flex; */
display: none;
align-items: start;
flex-direction: column;
max-width: 0;
opacity: 0;
overflow: hidden;
white-space: nowrap; /* предотвращает перенос текста */
min-width: 260px;
transition:
max-width 0.5s ease-in-out,
opacity 0.3s ease 0.2s;
}
.lnk-block .dropdown:hover .dropdown-content {
max-width: 1000px; /* значение больше реальной ширины */
opacity: 1;
display: flex;
}
/* .lk-head__right .lnk-block a {
min-width: 173px;
} */
.drop.btn-tooltip {
background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.5' cy='10.5' r='10.5' transform='rotate(-90 10.5 10.5)' fill='white'/%3E%3Cpath d='M9 15L13 10.5L9 6' stroke='%2303ABE3' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.dropdown.active .drop.btn-tooltip {
transform: rotate(90deg);
transition: all 0.5s;
}
@media (max-width: 1280px) {
.lk-head__right {
justify-content: right;
width: 100%;
}
}
@media (max-width: 1199px) {
.lnk-block {
display: none;
}
}
.lnk-block .dropdown .dropdown-content {
max-width: 0;
opacity: 0;
overflow: hidden;
transition:
max-width 0.5s ease-in-out,
opacity 0.3s ease 0.2s;
}
.lnk-block .dropdown .dropdown-content.dropdown-visible {
max-width: 1000px;
opacity: 1;
}
.light-color-text span {
color: #40cce5;
}
.job-block {
margin-bottom: 100px;
}
.jobs-block {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
padding: 0;
padding-bottom: 70px;
}
.jobs-item {
background: #f4f6f8;
border-radius: 10px;
padding: 40px 80px 77px 48px;
}
.jobs-item__title {
margin: 0 0 15px 0;
padding: 0;
font-family: "AvenirNextCyr-Bold";
color: #424242;
font-weight: 750;
font-size: 30px;
line-height: 100%;
text-transform: uppercase;
}
.jobs-item__desk {
margin: 0 0 20px 0;
padding: 0;
font-family: "AvenirNextCyr-Regular";
font-weight: 400;
font-size: 16px;
line-height: 100%;
max-width: 800px;
}
.modal-job .job-form__submit {
margin: auto;
}
.jobs-item__val {
margin: 0 0 20px 0;
padding: 0;
}
.jobs-item__val:last-child {
margin: 0;
padding: 0;
}
.jobs-item__val {
display: block;
}
.jobs-item__val span {
display: block;
}
.jobs-item__val-title {
margin: 0 0 4px 0;
padding: 0;
font-family: "AvenirNextCyr-Medium";
font-weight: 700;
font-size: 15px;
line-height: 100%;
text-transform: uppercase;
}
.jobs-item__val-desk {
font-family: "AvenirNextCyr-Regular";
font-weight: 400;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
margin: 0;
padding: 0;
}
.jobs-item__list {
margin: 0 0 30px 0;
padding: 0;
}
.jobs-item__button-group {
flex-wrap: wrap;
gap: 60px;
align-items: center;
display: flex;
}
.jobs-item__bottom .modal-button {
background: transparent;
border-bottom: 2px solid #03abe3;
padding-bottom: 3px;
}
.jobs-item__bottom .modal-button span {
color: #03abe3;
font-family: "AvenirNextCyr-Bold";
font-weight: 700;
font-size: 16px;
line-height: 100%;
padding-bottom: 8px;
}
.jobs-item__button-group .jobs-item__button-link {
text-decoration: none;
color: #03abe3;
font-family: "AvenirNextCyr-Bold";
font-weight: 700;
font-size: 16px;
line-height: 100%;
border-bottom: 2px solid #03abe3;
}
.modal-button {
border: none;
padding: 0;
}
.jobs-item__bottom {
margin: 0 0 30px 0;
padding: 0;
}
.jobs-item__button-group .modal-button {
padding: 17px 58px;
border-radius: 57px;
background: #03abe3;
}
.jobs-item__button-group .modal-button span {
font-family: "AvenirNextCyr-Bold";
font-weight: 750;
font-size: 14px;
line-height: 100%;
text-transform: uppercase;
color: #ffffff;
}
.bx-pagination {
margin: 10px 0;
}
.bx-pagination .bx-pagination-container {
text-align: center;
position: relative;
}
.bx-pagination .bx-pagination-container ul {
padding: 0;
margin: 0;
list-style: none;
display: inline-block;
}
.bx-pagination .bx-pagination-container ul li {
display: inline-block;
}
.bx-pagination .bx-pagination-container ul li span {
-webkit-transition:
color 0.3s ease,
background-color 0.3s ease,
border-color 0.3s ease;
-moz-transition:
color 0.3s ease,
background-color 0.3s ease,
border-color 0.3s ease;
-ms-transition:
color 0.3s ease,
background-color 0.3s ease,
border-color 0.3s ease;
-o-transition:
color 0.3s ease,
background-color 0.3s ease,
border-color 0.3s ease;
transition:
color 0.3s ease,
background-color 0.3s ease,
border-color 0.3s ease;
background: #f4f6f8;
padding: 0 8px;
display: block;
height: 32px;
min-width: 32px;
line-height: 32px;
color: #444;
font-size: 16px;
border-radius: 16px;
vertical-align: middle;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bx-pagination .bx-pagination-container ul li a {
text-decoration: none;
display: block;
border-radius: 16px;
height: 32px;
min-width: 32px;
line-height: 32px;
color: #444;
vertical-align: middle;
}
.bx-pagination .bx-pagination-container ul li a:hover span {
background: #dadada;
}
.bx-pagination .bx-pagination-container ul li.bx-active span {
background: #03abe3;
color: #fff;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a span {
background: #fff;
border: 1px solid #424242;
line-height: 28px;
padding: 0 18px;
color: #424242;
font-size: 16px;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next span {
color: #aab1b4;
background: #fff;
border: 2px solid #eff0f1;
line-height: 28px;
padding: 0 18px;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span {
background: #fff;
border-color: #dadada;
color: #000;
}
.bx-pagination.bx-green .bx-pagination-container ul li.bx-active span {
background: #3bc915;
color: #fff;
}
.bx-pagination.bx-yellow .bx-pagination-container ul li.bx-active span {
background: #f9a91d;
color: #fff;
}
.bx-pagination.bx-red .bx-pagination-container ul li.bx-active span {
background: #e22b2b;
color: #fff;
}
.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span {
background: #0083d1;
color: #fff;
}
.job-block .bx-pagination {
margin-bottom: 100px;
}
.job-form__container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.job-form__field {
display: flex;
flex-direction: column;
}
.job-form__upload {
grid-column: 1 / -1;
}
@media (min-width: 768px) {
/* Ширина экрана для ПК */
.job-form__upload_vacancy_not_found {
grid-column: 2;
margin-top: 20px;
height: 90px;
}
}
.job-form__submit {
grid-column: 1 / -1;
justify-self: start;
}
@media (max-width: 768px) {
.job-form__container {
grid-template-columns: 1fr;
}
.job-form__upload {
grid-column: 1;
}
.job-form__submit {
grid-column: 1;
}
}
.modal-job__bottom .job-form__label {
color: #424242;
}
.job-form__label {
display: block;
color: #424242;
font-family: "AvenirNextCyr-Regular";
font-weight: 400;
font-size: 15px;
line-height: 100%;
margin-bottom: 6px;
}
.job-form__input {
width: 100%;
padding: 14px 20px;
border: 1px solid #d5d5d5;
border-radius: 6px;
font-size: 16px;
box-sizing: border-box;
}
.job-form__input:focus {
outline: none;
border-color: #00bcd4;
}
.job-form__input::placeholder {
color: #ccc;
}
.job-form__upload {
border: 2px dashed #03abe3;
border-radius: 10px;
padding: 30px 20px;
text-align: center;
position: relative;
background-color: transparent;
}
.job-form__upload::before {
content: "";
position: absolute;
width: 92px;
height: 116px;
background-image: url("data:image/svg+xml,%3Csvg width='93' height='116' viewBox='0 0 93 116' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.1'%3E%3Cpath opacity='0.15' d='M0 107.077H83.2821V35.6923H59.4872C52.9162 35.6923 47.5897 30.3657 47.5897 23.7949V0H0V107.077Z' fill='%2303ABE3'/%3E%3Cpath d='M58 0C59.1833 0 60.3177 0.470391 61.1544 1.30709L90.898 31.0507C91.7347 31.8874 92.2051 33.0219 92.2051 34.2051V111.538C92.2051 114.003 90.2076 116 87.7436 116H4.46154C1.9975 116 0 114.003 0 111.538V4.46154L0.0232372 4.0026C0.252985 1.75417 2.15245 0 4.46154 0H58ZM8.92308 107.077H83.2821V44.6154H63.9487C59.5233 44.6154 55.4717 42.4473 52.6148 39.5903C49.7579 36.7334 47.5897 32.6818 47.5897 28.2564V8.92308H8.92308V107.077ZM69.8974 83.2821C72.3615 83.2821 74.359 85.2795 74.359 87.7436C74.359 90.2076 72.3615 92.2051 69.8974 92.2051H22.3077C19.8437 92.2051 17.8462 90.2076 17.8462 87.7436C17.8462 85.2795 19.8437 83.2821 22.3077 83.2821H69.8974ZM58 59.4872C60.464 59.4872 62.4615 61.4847 62.4615 63.9487C62.4615 66.4128 60.464 68.4103 58 68.4103H22.3077C19.8437 68.4103 17.8462 66.4128 17.8462 63.9487C17.8462 61.4847 19.8437 59.4872 22.3077 59.4872H58ZM56.5128 28.2564C56.5128 29.7797 57.3191 31.6768 58.9237 33.2815C60.5283 34.8861 62.4254 35.6923 63.9487 35.6923H82.9219L56.5128 9.28325V28.2564Z' fill='%2303ABE3'/%3E%3C/g%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.job-form__upload-text {
font-family: "AvenirNextCyr-Regular";
color: #424242;
font-weight: 400;
font-size: 16px;
line-height: 100%;
margin-bottom: 10px;
}
.job-form__upload-subtext {
font-family: "AvenirNextCyr-Regular";
color: #424242;
font-weight: 400;
font-size: 16px;
line-height: 100%;
margin-bottom: 30px;
}
.job-form__upload-btn {
background: transparent;
border: none;
font-size: 16px;
font-family: "AvenirNextCyr-Bold";
color: #03abe3;
text-decoration: unset;
background: transparent;
border-bottom: 2px solid #03abe3;
padding-bottom: 3px;
cursor: pointer;
position: relative;
z-index: 10;
}
.job-form__submit {
background-color: #03abe3;
color: white;
font-family: "AvenirNextCyr-Bold";
border: none;
padding: 17px 50px;
border-radius: 25px;
font-size: 14px;
font-weight: bold;
cursor: pointer;
text-transform: uppercase;
}
.job-form__submit:hover {
background-color: #0097a7;
}
.job-form__r-title {
margin: 0 0 10px 0;
padding: 0;
font-family: "AvenirNextCyr-Bold";
font-weight: 750;
font-size: 30px;
line-height: 100%;
text-transform: uppercase;
}
.job-form__r-desk {
font-family: "AvenirNextCyr-Regular";
font-weight: 400;
font-size: 16px;
line-height: 100%;
margin: 0 0 20px 0;
padding: 0;
}
.job-form {
display: flex;
gap: 42px;
padding-bottom: 50px;
}
.job-form__l {
height: 452px;
width: 620px;
flex-shrink: 0;
}
.job-form__l-inner {
position: relative;
height: 100%;
justify-content: space-between;
flex-direction: column;
display: flex;
}
.job-form__l-inner-bg {
position: absolute;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-size: contain;
z-index: 2;
}
.job-form__l-inner h2 {
position: relative;
max-width: 400px;
z-index: 2;
padding: 30px;
font-weight: 750;
font-size: 30px;
line-height: 110%;
color: #fff;
}
.job-form__rating > p {
margin-bottom: 10px;
color: #fff;
font-family: "AvenirNextCyr-Bold";
font-weight: 750;
line-height: 100%;
text-transform: uppercase;
}
.job-form__r {
flex: 1;
}
.job-form__container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.job-form__field {
display: flex;
flex-direction: column;
}
.job-form__input {
width: 100%;
padding: 12px 16px;
border: 1px solid #ddd;
border-radius: 6px;
font-size: 16px;
box-sizing: border-box;
}
.job-form__input:focus {
outline: none;
border-color: #00bcd4;
}
.job-form__input::placeholder {
color: #ccc;
}
.job-form__r-inner {
display: flex;
height: 100%;
justify-content: space-between;
flex-direction: column;
}
.job-form__rating {
position: relative;
z-index: 2;
box-sizing: border-box;
padding: 30px;
}
.modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: none;
justify-content: center;
align-items: center;
z-index: 1000;
}
.modal-overlay.active {
display: flex;
}
.modal-job {
width: auto;
max-width: 1200px;
height: auto;
max-height: 90vh;
background: white;
border-radius: 10px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
}
.modal-job__inner > span {
font-size: 20px;
margin-bottom: 30px;
color: green;
text-align: center;
}
.modal-job__inner {
display: flex;
flex-direction: column;
height: 100%;
overflow-y: auto;
scrollbar-width: thin;
-webkit-overflow-scrolling: touch;
max-height: 100vh;
scrollbar-color: #03abe3 #f0f0f0;
}
.open-contact-form {
background: #f4f6f8;
position: absolute;
bottom: 0;
z-index: 10;
margin: 0 60px 30px;
box-sizing: border-box;
text-align: center;
padding: 20px 10px;
right: 0;
left: 0;
}
.open-contact-form-btn {
color: white;
border: none;
padding: 15px 0;
max-width: 360px;
width: 100%;
border-radius: 25px;
font-size: 16px;
cursor: pointer;
transition: background 0.3s ease;
font-weight: 500;
background: #03abe3;
font-family: "AvenirNextCyr-Bold";
text-transform: uppercase;
}
.modal-job__close {
position: absolute;
top: 20px;
right: 30px;
width: 27px;
height: 27px;
background: transparent;
border: none;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
z-index: 30;
transition: all 0.2s ease;
}
.modal-job__top {
/* padding: 40px 20px 10px 60px;
overflow: hidden;
flex: 1; */
padding: 30px 70px 40px 60px;
}
.modal-job__top-inner {
height: 100%;
box-sizing: border-box;
/* overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: #03ABE3 #F0F0F0; */
}
.modal-job__top-inner::-webkit-scrollbar {
width: 2px;
}
.modal-job__top-inner::-webkit-scrollbar-track {
background: transparent;
}
.modal-job__top-inner::-webkit-scrollbar-thumb {
background: #f0f0f0;
border-radius: 4px;
}
.modal-job__top-inner::-webkit-scrollbar-thumb:hover {
background-color: #94a3b8;
}
.modal-job__bottom {
flex-shrink: 0;
padding: 30px 50px 0 60px;
z-index: 11;
}
.modal-job__bottom .contact-form {
padding: 30px;
background: #f4f6f8;
}
.modal-job__bottom .job-form__container {
max-width: 700px;
margin: auto;
}
.modal-job__inner .jobs-item__val-title {
font-family: "AvenirNextCyr-Regular";
}
.job-title {
margin-bottom: 15px;
font-family: "AvenirNextCyr-Bold";
font-weight: 750;
font-size: 30px;
line-height: 100%;
color: #424242;
letter-spacing: 0%;
text-transform: uppercase;
}
.job-location {
color: #64748b;
font-size: 16px;
margin-bottom: 20px;
}
.job-salary {
font-size: 20px;
font-weight: 600;
color: #059669;
margin-bottom: 20px;
}
.job-section {
margin-bottom: 25px;
}
.job-section h3 {
font-size: 18px;
font-weight: 600;
color: #374151;
margin-bottom: 12px;
}
.job-section p {
color: #4b5563;
line-height: 1.6;
margin-bottom: 8px;
}
.job-section ul {
color: #4b5563;
line-height: 1.6;
padding: 0;
margin: 0;
}
.job-section ul li {
font-family: "AvenirNextCyr-Regular";
font-weight: 400;
font-size: 16px;
line-height: 100%;
margin-bottom: 10px;
padding-left: 15px;
position: relative;
color: #424242;
}
.job-section ul li::before {
position: absolute;
content: "";
background: #03abe3;
width: 6px;
height: 6px;
top: 7px;
border-radius: 50px;
left: 0;
}
.job-section ul li:last-child {
margin-bottom: 0;
}
/* Стили формы */
.contact-form .title {
color: #424242;
text-align: center;
font-family: "AvenirNextCyr-Regular";
font-weight: 700;
font-size: 20px;
line-height: 100%;
text-transform: uppercase;
margin-bottom: 30px;
}
.form-row {
display: flex;
gap: 15px;
margin-bottom: 15px;
}
.form-group {
flex: 1;
}
.form-group label {
display: block;
font-size: 14px;
font-weight: 500;
color: #374151;
margin-bottom: 5px;
}
.form-group input,
.form-group textarea {
width: 100%;
padding: 10px 12px;
border: 1px solid #d1d5db;
border-radius: 6px;
font-size: 14px;
transition: border-color 0.2s ease;
}
.form-group input:focus,
.form-group textarea:focus {
outline: none;
border-color: #3b82f6;
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.form-group textarea {
resize: vertical;
min-height: 60px;
max-height: 120px;
}
.file-upload {
border: 2px dashed #cbd5e1;
border-radius: 6px;
padding: 20px;
text-align: center;
cursor: pointer;
transition: all 0.2s ease;
margin-bottom: 15px;
}
.file-upload:hover {
border-color: #3b82f6;
background: #f8faff;
}
.file-upload input {
display: none;
}
.file-upload-text {
color: #64748b;
font-size: 14px;
}
.file-upload-button {
background: #3b82f6;
color: white;
border: none;
padding: 8px 16px;
border-radius: 4px;
font-size: 12px;
cursor: pointer;
margin-top: 8px;
}
.modal-job__top .jobs-item__list {
margin: 0;
}
.submit-btn {
width: 100%;
background: #06b6d4;
color: white;
border: none;
padding: 12px;
border-radius: 6px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: background-color 0.2s ease;
}
.submit-btn:hover {
background: #0891b2;
}
.job-line {
border-radius: 10px;
margin: 0;
background: #f4f6f8;
height: 4px;
}
.modal-job .modal-job__top .job-line {
margin: 30px 0;
}
.open-modal-btn {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #3b82f6;
color: white;
border: none;
padding: 15px 30px;
border-radius: 8px;
font-size: 16px;
cursor: pointer;
z-index: 1;
}
.job-section .job-section__title {
margin-bottom: 15px;
background: #f4f6f8;
padding: 5px 8px;
display: inline-block;
color: #424242;
font-family: "AvenirNextCyr-Medium";
font-weight: 700;
font-size: 20px;
line-height: 100%;
text-transform: uppercase;
}
.modal-job__top .modal-job__link {
border-bottom: 3px solid #03abe380;
padding-bottom: 3px;
font-family: "AvenirNextCyr-Regular";
font-weight: 700;
font-size: 16px;
line-height: 100%;
color: #03abe3;
text-decoration: none;
}
.modal-job__inner .modal-job__middle {
padding: 10px 10px 10px 60px;
}
.contact-form--politics {
padding-top: 20px;
text-align: center;
font-size: 15px;
margin: auto;
max-width: 700px;
}
.contact-form--politics a {
border-bottom: 2px solid #03abe380;
padding-bottom: 3px;
font-size: 16px;
line-height: 100%;
color: #03abe3;
text-decoration: none;
}
.modal-job .file-input--button,
.job-form__r .file-input--button {
background: transparent;
color: #00bcd4;
border: none;
font-size: 16px;
cursor: pointer;
text-decoration: underline;
transition: color 0.3s ease;
padding: 0;
font-family: "AvenirNextCyr-Bold";
}
.modal-job .popup__upload .file-input-list,
.job-form__r .popup__upload .file-input-list {
gap: 10px 30px;
justify-content: center;
}
.modal-job .file-input--wrap,
.job-form__r .file-input--wrap {
border: none;
padding: 0;
}
.modal-job .popup__upload,
.job-form__r .popup__upload {
position: relative;
margin-bottom: 0;
}
.modal-job .job-form__upload,
.job-form__r .job-form__upload {
background: transparent;
}
.modal-job .job-form__upload,
.job-form__r .job-form__upload {
padding: 30px 10px;
}
.modal-job .file__uploaded--delete:after,
.job-form__r .file__uploaded--delete:after {
content: "";
position: absolute;
width: 9px;
height: 9px;
background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 0.906428L8.09357 0L4.5 3.59357L0.906428 0L0 0.906428L3.59357 4.5L0 8.09357L0.906428 9L4.5 5.40643L8.09357 9L9 8.09357L5.40643 4.5L9 0.906428Z' fill='%23424242'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
.modal-job .file__uploaded,
.job-form__r .file__uploaded {
width: auto;
height: auto;
margin: 0;
float: unset;
border-radius: 3px;
overflow: unset;
position: relative;
}
.modal-job .file__uploaded img,
.job-form__r .file__uploaded img {
/* height: 11px;
width: 11px; */
height: 35px;
width: auto;
}
.hiddent_input_load {
display: none;
}
.file__uploaded--name {
font-size: 14px;
color: grey;
}
.modal-job .file__uploaded .file__name,
.job-form__r .file__uploaded .file__name {
font-size: 15px;
color: #424242;
}
.modal-job .file__uploaded .file__uploaded--delete,
.job-form__r .file__uploaded .file__uploaded--delete {
position: relative;
background: transparent;
box-shadow: unset;
}
.modal-job .file__uploaded,
.job-form__r .file__uploaded {
display: flex;
align-items: center;
gap: 5px;
}
.job-form__upload {
border: 2px dashed #00bcd4;
border-radius: 10px;
background: #f8f8f8;
padding: 50px 30px;
text-align: center;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
}
.job-form__upload:hover {
background: #f0f8ff;
border-color: #0097a7;
}
.job-form__upload.dragover {
background: #e0f7fa;
border-color: #006064;
}
.job-form__upload-text {
color: #666;
font-size: 16px;
margin-bottom: 10px;
line-height: 1.4;
}
.job-form__upload-subtext {
color: #999;
font-size: 14px;
margin-bottom: 25px;
line-height: 1.4;
}
.job-form__upload-btn {
background: transparent;
color: #00bcd4;
border: none;
font-size: 16px;
cursor: pointer;
text-decoration: underline;
transition: color 0.3s ease;
padding: 0;
}
.job-form__upload-btn:hover {
color: #0097a7;
}
.file-input {
display: none;
}
.job-form__files {
display: none;
background: white;
border: 1px solid #ddd;
border-radius: 10px;
padding: 25px;
margin-top: 20px;
}
.job-form__files.show {
display: block;
}
.job-form__file-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px;
background: #f9f9f9;
border-radius: 8px;
margin-bottom: 15px;
}
.job-form__file-item:last-child {
margin-bottom: 0;
}
.job-form__file-details {
display: flex;
align-items: center;
gap: 15px;
}
.job-form__file-icon {
width: 45px;
height: 45px;
background: #ff5722;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: bold;
font-size: 12px;
}
.job-form__file-info {
display: flex;
flex-direction: column;
}
.job-form__file-name {
font-weight: 500;
color: #333;
margin-bottom: 5px;
font-size: 15px;
}
.job-form__file-size {
font-size: 13px;
color: #999;
}
.job-form__file-remove {
background: none;
border: none;
color: #999;
cursor: pointer;
font-size: 20px;
padding: 8px;
border-radius: 50%;
transition: all 0.2s ease;
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
}
.job-form__file-remove:hover {
background: #ffebee;
color: #f44336;
}
.job-form__submit {
background: #03abe3;
color: white;
border: none;
padding: 15px 0;
width: 100%;
border-radius: 25px;
font-size: 16px;
cursor: pointer;
margin-top: 20px;
transition: background 0.3s ease;
font-weight: 500;
}
.job-form__submit:hover {
background: #0097a7;
}
.job-form__bottom {
grid-column: 1 / -1;
display: flex;
gap: 30px;
width: 100%;
}
.job-form__bottom .job-form__submit {
max-width: 250px;
}
.job-form__bottom .contact-form--politics {
text-align: left;
}
/* Анимации */
.job-form__upload.uploading {
pointer-events: none;
opacity: 0.7;
}
.fade-in {
animation: fadeIn 0.3s ease-in;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (max-width: 1300px) {
.modal-job {
max-width: 90%;
}
}
@media (max-width: 992px) {
.job-form {
flex-direction: column;
}
.job-form__l {
height: 452px;
width: 100%;
}
}
@media (max-width: 768px) {
.modal-job {
margin: 10px;
height: calc(90vh - 40px);
}
.jobs-block {
grid-template-columns: repeat(1, 1fr);
}
.open-contact-form {
background: #ffffff;
margin: 0 11px 30px;
}
.job-form__container {
display: grid;
grid-template-columns: 1fr;
}
.jobs-item {
padding: 20px;
}
.jobs-item__title {
font-size: 20px;
}
.job-form__bottom {
gap: 0;
flex-direction: column;
}
.job-form__bottom .job-form__submit {
max-width: 100%;
}
.job-form__l-inner h2 {
max-width: 300px;
padding: 10px;
font-size: 20px;
}
.job-form__rating {
padding: 10px;
}
.job-form__r-title {
font-size: 20px;
}
.modal-job__top {
padding: 30px 20px 10px 20px;
}
.job-title {
font-size: 17px;
}
.job-section .job-section__title {
font-size: 15px;
}
.modal-job__close {
position: absolute;
top: 10px;
right: 10px;
width: 20px;
height: 20px;
}
.modal-job {
max-width: 96%;
}
.modal-job__bottom {
flex-shrink: 0;
padding: 20px 0 0 0;
}
.contact-form--politics a {
border-bottom: 1px solid #03abe380;
padding-bottom: 1px;
}
}
.job-form__l-inner-bg.mobi {
display: none;
}
@media (max-width: 568px) {
.job-form__l {
height: 360px;
width: 100%;
}
.job-form__l-inner-bg.mobi {
display: block;
}
.job-form__l-inner-bg.desk {
display: none;
}
}
.banner .title {
font-family: "AvenirNextCyr-Bold";
font-size: 30px;
text-transform: uppercase;
color: white;
text-shadow:
0 0 1px #424242,
0 0 1px #424242,
0 0 1px #424242,
0 0 1px #424242;
filter: blur(0.3px);
}
.banner .title::first-letter {
color: #03abe3;
text-shadow:
0 0 0px #fff0,
0 0 0px #fff0,
0 0 0px #fff0,
0 0 0px #fff0;
filter: blur(0.5px);
}
.lnk-block .dropdown .dropdown-content a:last-child {
padding-bottom: 25px;
padding-top: 13px;
}
.lnk-block .dropdown .dropdown-content a:first-child {
padding-top: 25px;
padding-bottom: 13px;
}
.lnk-block .dropdown .dropdown-content a {
width: 100%;
border-bottom: 1px solid #f4f6f8;
padding-bottom: 13px;
padding-top: 13px;
padding-left: 0;
}
/*photostock*/
.page_top {
background: #f4f6f8;
}
.filter .filter__icon {
position: relative;
z-index: 10;
display: block;
width: 11px;
height: 6px;
background-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 0.75L5.25 4.75L9.75 0.75' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
.filter.active .filter__icon {
transform: rotate(180deg);
}
.filter__l {
display: flex;
align-items: center;
font-weight: 450;
gap: 10px;
}
.filter__title {
font-size: 16px;
line-height: 16px;
color: #ffffff;
font-weight: 500;
font-family: "AvenirNextCyr-Regular";
}
.filter__close {
height: 100%;
width: 22px;
background-position: center;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='11' fill='white'/%3E%3Cpath d='M17 6.20857L15.7914 5L11 9.79143L6.20857 5L5 6.20857L9.79143 11L5 15.7914L6.20857 17L11 12.2086L15.7914 17L17 15.7914L12.2086 11L17 6.20857Z' fill='%230C90C9'/%3E%3C/svg%3E%0A");
}
.filter__btn .filter__l,
.filter__btn .filter__close {
background-color: transparent;
border: none;
position: relative;
}
.filter.active .filter__btn {
padding: 0 0 0 18px;
}
.filter .filter__btn {
background: #0c90c9;
box-sizing: border-box;
border-radius: 60px;
padding: 0 18px;
height: 44px;
display: flex;
align-items: center;
position: relative;
}
.filter.active .filter__btn {
gap: 20px;
}
.filter.active .filter__close {
display: block;
width: 44px;
}
.filter .filter__close {
display: none;
width: 0;
}
.filters__l {
gap: 12px;
display: flex;
}
.filter.active .filter__btn::before {
position: absolute;
content: "";
top: 0;
right: 44px;
bottom: 0;
width: 1px;
height: 100%;
background: #fff;
}
.filter {
position: relative;
}
.filter .filter__checklist {
position: absolute;
margin-top: 8px;
width: 100%;
box-shadow: 0px 0px 30px 0px #00000021;
background: #fff;
border-radius: 10px;
z-index: 1000;
padding: 16px;
box-sizing: border-box;
}
.filter.active .filter__checklist {
display: block;
}
.filter .filter__checklist {
display: none;
}
.filter__inner {
max-height: 100px;
overflow-y: auto;
}
.filter .filter__checkbox {
position: absolute;
opacity: 0;
pointer-events: none;
}
.filter .filter__field {
display: flex;
align-items: center;
cursor: pointer;
position: relative;
margin-bottom: 12px;
}
.filter .filter__field:last-child {
margin-bottom: 0;
}
.filter .field__box {
width: 18px;
min-width: 18px;
height: 18px;
border: 2px solid #0c90c9;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
transition: 0.2s ease;
position: relative;
}
.filter .field__text {
margin-left: 10px;
font-size: 14px;
color: #1e1e1e;
}
.filter .field__box::after {
content: "";
width: 10px;
height: 8px;
background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.21474 2.2729C4.86279 3.52633 3.71664 4.59053 3.66771 4.63777L3.57877 4.72368L2.50843 3.58071C1.91974 2.9521 1.4309 2.43775 1.42209 2.43775C1.4133 2.43775 1.08973 2.73395 0.703047 3.09596L0 3.75419L0.0435938 3.80599C0.0675585 3.83445 0.850644 4.67241 1.78379 5.66809L3.48039 7.4784L3.57946 7.38266C3.63394 7.33002 5.06721 6.00138 6.76448 4.43016C8.46173 2.85893 9.8834 1.54139 9.92371 1.50229L9.99699 1.43123L9.34057 0.718675C8.97953 0.326764 8.68158 0.00336384 8.67848 8.28749e-06C8.67538 -0.00335838 7.5667 1.01945 6.21474 2.2729Z' fill='%230C90C9'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
transform: scale(0);
transition: 0.2s ease;
}
.filter .filter__checkbox:checked + .field__box::after {
transform: scale(1);
}
.filter__inner::-webkit-scrollbar {
width: 6px;
}
.filter__inner::-webkit-scrollbar-thumb {
background: #0c90c9;
border-radius: 6px;
}
.filter__inner::-webkit-scrollbar-track {
background: #f1f1f1;
}
.btn.btn-reset {
font-family: "AvenirNextCyr-Regular";
font-weight: 500;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
color: #0c90c9;
box-shadow: unset;
background: transparent;
border: 1px solid #0c90c9;
height: 44px;
}
.btn.btn-reset:hover {
color: #fff;
background-color: #0c90c9;
}
.page__filter .filters {
gap: 20px;
justify-content: space-between;
display: flex;
width: 100%;
align-items: center;
}
.page__filter--modif {
padding-top: unset;
}
.page_top > .container {
padding: 0;
}
.page_top {
padding: 30px 10px;
}
.photostock {
margin-top: 60px;
}
.photostock__sort-row {
display: flex;
width: 100%;
align-items: center;
}
.stock-parent .sort__button {
font-weight: 400;
font-size: 18px;
line-height: 100%;
}
.stock-parent .sort__title {
color: #000000;
}
.stock-parent .sort__value {
color: #0c90c9;
}
.stock-parent .photostock_clear {
display: block;
}
.stock-parent .photostock__actions button {
font-family: "AvenirNextCyr-Regular";
font-weight: 450;
font-size: 16px;
line-height: 16px;
height: 44px;
padding: 0 16px;
display: flex;
align-items: center;
}
.stock-parent .photostock__actions button svg {
padding-left: 20px;
}
.stock-parent .photostock__actions button svg {
stroke: #0c90c9;
}
.stock-parent .photostock__actions button:hover svg {
stroke: #fff;
}
.stock-parent .photostock__actions .photostock_download .quanti {
padding-left: 10px;
}
.stock-parent .photostock__actions .photostock_check {
display: inline-flex;
align-items: center;
gap: 12px;
background: transparent;
border: none;
cursor: pointer;
font-size: 16px;
color: #1c86b8;
font-weight: 500;
position: relative;
}
.stock-parent .photostock__actions .photostock_check .check {
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
transition: 0.2s ease;
position: relative;
width: 20px;
height: 20px;
min-width: 20px;
border: 1px solid #0c90c9;
}
.stock-parent
.photostock__actions
.photostock_check.photostock_check--checked-all
.check::after {
content: "";
position: absolute;
width: 18px;
height: 18px;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%231C86B8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
transition: 0.2s ease;
}
.stock-parent .photostock__block .photostock_download--link {
display: none;
}
.photostock__body.stock-parent {
padding: 0 0 20px 0;
}
.aside-parent .photostock__aside--top {
padding: 0;
}
.aside-parent .photostock__aside--top a {
width: 100%;
display: block;
border: 1px solid #0c90c9;
border-radius: 10px;
text-decoration: none;
overflow: hidden;
}
.aside-parent.photostock__aside .photostock_download {
border-radius: 0;
border: none;
width: 100%;
padding: 20px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.photostock_download__l {
display: flex;
flex-direction: column;
gap: 12px;
}
.photostock_download__l .title {
font-family: "AvenirNextCyr-Bold";
font-weight: 750;
font-size: 16px;
color: #000000;
line-height: 16px;
}
.photostock_download__l .size {
font-family: "AvenirNextCyr-Regular";
font-weight: 400;
font-size: 15px;
line-height: 100%;
color: #9b9b9b99;
}
.photostock_download svg {
stroke: #0c90c9;
}
.photostock_download:hover svg {
stroke: #fff;
}
.photostock__aside .photostock_download:hover {
background: #0c90c9;
}
.photostock__aside .photostock_download:hover .photostock_download__l .title {
color: #fff;
}
.photostock__aside .photostock_download:hover .photostock_download__l .size {
color: #fff;
}
.photostock__aside--top {
margin-bottom: 10px;
}
.photostock__aside--top:last-child {
margin-bottom: 20px;
}
.photostock__aside.aside-parent {
background: transparent;
}
.photostock__aside.aside-parent:before {
background: transparent;
}
.photostock__body {
margin-left: 30px;
}
.photostock__aside.aside-parent .photostock_catalog__link {
color: #0c90c9;
}
.photostock__aside.aside-parent
.photostock_catalog__list
.photostock_catalog__link {
color: #000000;
}
.photostock__aside.aside-parent
.photostock_catalog__item_head-first
.photostock_catalog__link {
color: #0c90c9;
}
.photostock_catalog__item .photostock_catalog__item_head-first {
padding: 20px 20px;
background: #f4f6f8;
border-radius: 20px;
}
.photostock_catalog__item.photostock_catalog__item--true--active
.photostock_catalog__item_head-first {
background: #e3f4fb;
}
.photostock__row-info {
gap: 7px;
display: flex;
align-items: center;
width: 100%;
}
.photostock__row-info svg {
min-width: 40px;
}
.photostock__row-info .size {
color: #9b9b9b99;
font-weight: 400;
font-size: 16px;
line-height: 100%;
white-space: nowrap;
}
.photostock__row-info .photostock_catalog__link {
font-weight: 450;
font-size: 16px;
line-height: 100%;
}
.photostock_catalog__item_head.photostock_catalog__item_head-first {
width: 100%;
box-sizing: border-box;
justify-content: space-between;
}
.photostock__aside.aside-parent {
width: 380px;
}
.photostock__aside.aside-parent
.photostock_catalog__item.photostock_catalog__item--active
.photostock_catalog__arrow.first {
transform: rotate(180deg);
}
.photostock__aside.aside-parent
.photostock_catalog__item
.photostock_catalog__arrow.first,
.photostock__aside.aside-parent
.photostock_catalog__item.photostock_catalog__item--active
.photostock_catalog__arrow.first {
padding: 0;
background: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L7 7L1 1' stroke='%230C90C9' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
height: 9px;
}
.photostock__aside .photostock_catalog .photostock_catalog__item_head {
align-items: center;
gap: 10px;
}
.photostock__aside .photostock_catalog .photostock_catalog__link {
padding: 0;
}
.photostock_catalog__list > .photostock_catalog__item {
margin-bottom: 10px;
}
.photostock_catalog__list > .photostock_catalog__item:last-child {
margin-bottom: 20px;
}
.photostock__aside .photostock_catalog .photostock_catalog__arrow {
width: 14px;
min-width: 14px;
}
.photostock_catalog__item.photostock_catalog__item--active
.photostock_catalog__list.second {
border: 1px solid #e7eef1;
border-radius: 10px;
margin-top: 10px;
}
.photostock_catalog__list.second {
max-height: 800px;
overflow-y: auto;
}
.photostock_catalog__list.second::-webkit-scrollbar {
width: 6px;
}
.photostock_catalog__list.second::-webkit-scrollbar-thumb {
background: #0c90c9;
border-radius: 6px;
}
.photostock_catalog__list.second::-webkit-scrollbar-track {
background: #f1f1f1;
}
.photostock_catalog__list.second .photostock_catalog__inner {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
}
.photostock__aside
.photostock_catalog
.photostock_catalog__item--current
.photostock_catalog__list.second
.photostock_catalog__inner-l
a,
.photostock__aside
.photostock_catalog
.photostock_catalog__list.second
.photostock_catalog__inner-l
a {
color: #000000;
font-family: "AvenirNextCyr-Bold";
}
.photostock__aside ul span.size {
font-size: 14px;
line-height: 100%;
color: #9b9b9b99;
white-space: nowrap;
margin-left: auto;
}
.photostock_catalog__list.second .photostock_catalog__inner-l {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
}
.photostock_catalog__inner-l .ikon {
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #f4f6f8;
height: 30px;
width: 30px;
min-width: 30px;
}
.photostock_catalog__item.photostock_catalog__item--active
> .photostock_catalog__list
> .photostock_catalog__item
> .photostock_catalog__list {
border: none;
}
.photostock .container {
padding: 0;
}
.photostock-banner {
height: 400px;
background-position: right 0px top -200px;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.photostock-banner .over {
position: absolute;
height: 100%;
width: 100%;
background: linear-gradient(117.45deg, #0000000f 33.03%, #00000057 91.75%);
}
.photostock-banner .container {
position: relative;
z-index: 100;
}
.photostock-banner .search {
display: flex;
align-items: center;
width: 100%;
max-width: 768px;
height: 60px;
background: #fff;
border-radius: 200px;
overflow: hidden;
border: 1px solid #ffffff;
}
.photostock-banner .search input {
flex: 1;
height: 100%;
border: none;
outline: none;
padding: 0 16px 0 30px;
font-size: 14px;
}
.photostock-banner .search-btn {
border-radius: 50%;
margin-right: 5px;
height: 50px;
width: 50px;
background: linear-gradient(117.45deg, #1089c3 33.03%, #03abe3 91.75%);
border: none;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
background: linear-gradient(117.45deg, #1089c3 33.03%, #03abe3 91.75%);
}
.photostock-banner__block {
display: flex;
align-items: center;
margin-bottom: 60px;
}
.photostock-banner__block .desk {
padding-left: 15px;
position: relative;
}
.photostock-banner__block .desk::before {
position: absolute;
content: "";
border-radius: 10%;
width: 2px;
top: -10px;
bottom: -10px;
left: 0;
background: #000000;
}
.photostock-banner__block .desk p {
color: #707070;
font-family: "AvenirNextCyr-Medium";
font-size: 16px;
}
.photostock-banner h1.title {
font-family: "AvenirNextCyr-Bold";
padding-right: 15px;
font-size: 30px;
text-transform: uppercase;
color: #000000;
}
.photostock-banner h1.title::first-letter {
color: #03abe3;
}
.photostock-banner .breadcrumbs {
padding: 40px 0 100px 0;
}
.photostock-banner .search input::placeholder {
color: #707070;
font-family: "AvenirNextCyr-Medium";
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
}
.photostock__aside
.photostock_catalog
.photostock_catalog__inner-r
.photostock_catalog__arrow,
.photostock__aside .photostock_catalog .photostock_catalog__arrow {
background: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L7 7L1 1' stroke='%230C90C9' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
display: flex;
padding: 0;
height: 9px;
}
.photostock_catalog__list.second {
padding-left: 20px;
padding-right: 20px;
}
.photostock__block label {
left: 0px;
top: 0;
}
.photostock__block .archive {
font-family: "AvenirNextCyr-Bold";
color: #fff;
font-weight: 450;
font-size: 16px;
line-height: 100%;
border-radius: 5px;
background: #78939e;
padding: 6px 10px;
position: absolute;
left: 50px;
top: 8px;
}
.pagination ul li span {
font-family: "AvenirNextCyr-Regular";
font-size: 16px;
}
.pagination ul li a {
width: 32px;
height: 32px;
}
.pagination ul li a:before {
display: none;
}
.pagination ul li a.active {
background: #0c90c9;
}
.pagination ul li a {
background: #f4f6f8;
}
.pagination ul li:last-child,
.pagination ul li:first-child {
border-radius: 20px;
padding: 3px 10px 4px 10px;
border: 1px solid #939393;
}
.pagination ul li span {
color: #424242;
-webkit-text-fill-color: unset;
background: transparent;
}
.pagination ul li:last-child a,
.pagination ul li:first-child a {
color: #939393;
}
.pagination ul li:first-of-type:hover,
.pagination ul li:last-of-type:hover {
border: 1px solid #424242;
}
.pagination ul li:first-of-type:hover a,
.pagination ul li:last-of-type:hover a {
color: #424242;
}
a.pagination__arrow {
width: unset;
height: unset;
}
.pagination ul li a.pagination__arrow {
background: transparent;
}
.pagination ul li a.pagination__arrow.active,
.pagination ul li a.pagination__arrow:hover {
background: transparent;
}
.pagination ul li a.pagination__arrow {
width: unset;
height: unset;
}
.pagination .pagination__arrow--next::after,
.pagination .pagination__arrow--prev::after {
display: none;
}
.pagination ul li {
margin: 0 4px;
}
.pagination ul li:first-child {
margin: 0 10px 0 0;
}
.pagination ul li:last-child {
margin: 0 0 0 10px;
}
.photostock__social {
position: relative;
border-radius: 10px;
padding: 30px 20px 20px 20px;
border: 1px solid #0c90c9;
z-index: 9999;
}
.photostock__social .social-title {
font-family: "AvenirNextCyr-Bold";
font-size: 16px;
line-height: 16px;
margin-bottom: 20px;
}
.photostock__social .social-list {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 50px;
}
.photostock__social .social-item {
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.photostock__social .social-item img {
width: 40px;
height: 40px;
}
.photostock__social .youtube {
background: #ff0000;
}
.photostock__social .rutube {
background: #000;
}
.photostock__social .instagram {
background: linear-gradient(45deg, #f58529, #dd2a7b, #8134af, #515bd4);
}
.photostock__social .telegram {
background: #2aabee;
}
.photostock__social .vk {
background: #4c75a3;
}
.photostock__social .habr {
background: #4fb61f;
}
.photostock__social .facebook {
background: #3b5998;
}
.photostock__social .dzen {
background: #fff;
}
.photostock__social .dzen img {
width: 40px;
height: 40px;
}
.photostock__social .social-item.dzen {
background: transparent;
}
.photostock_catalog__item_head.first-level {
position: relative;
}
.first-level-par .photostock_catalog__item_head.first-level::before {
position: absolute;
content: "";
width: auto;
left: -20px;
bottom: 0;
top: 0;
right: -20px;
background: #fff;
}
.first-level-par.photostock_catalog__item--true--active .photostock_catalog__item_head.first-level::before {
background: #e3f4fb;
}
.photostock
.photostock_catalog__list.second
> .photostock_catalog__item:first-child {
padding-top: 0 !important;
}
.photostock
.photostock_catalog__list.second
> .photostock_catalog__item:last-child {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.photostock_catalog__item_head.first-level .photostock_catalog__inner {
position: relative;
z-index: 100;
}
@media (max-width: 1100px) {
.photostock__sort-row {
flex-direction: column;
align-items: baseline;
}
}
@media (max-width: 920px) {
.photostock-banner {
background-position: center;
background-size: cover;
}
.photostock-banner .breadcrumbs {
padding: 40px 0 50px 0;
}
}
@media screen and (max-width: 540px) {
.stock-parent .photostock__actions {
display: block;
}
.page__filter .filters {
flex-direction: column;
}
.filters__l {
flex-direction: column;
align-items: center;
}
.photostock-banner__block {
flex-direction: column;
text-align: center;
}
.photostock-banner__block .desk::before {
display: none;
}
.photostock-banner h1.title {
padding-right: 0;
}
.photostock-banner__block .desk {
padding-left: 0;
}
}
/* photostock end */
.modal-job {
padding-bottom: 30px;
}
.dropdown-menu__left a:hover,
.dropdown-menu__left a.active {
color: #40cce56b;
background-color: transparent;
}
.dropdown-menu__left-bottom p {
background: #009fe39e;
}
.dropdown-menu__left-inner ul li:hover {
background: #40cce56b;
}
.dropdown-menu__left-inner ul li:hover a {
color: #fff;
}
.dropdown-menu .dropdown-menu__left li {
padding: 0;
margin: 0 0 3px 0;
}
.dropdown-menu .dropdown-menu__left li:last-child {
margin: 0;
}
.dropdown-menu__center a:hover {
color: #40cce56b;
}
.dropdown-menu__left-bottom p:hover {
background: #009fe3b5;
}
.dropdown-menu__left-bottom p a {
color: #fff;
padding: 17px 17px;
}
.dropdown-menu__left-bottom p a:hover {
color: #fff;
}
.dropdown-menu__left-bottom p {
padding: 0;
margin: 0 0 10px 0;
}
.dropdown-menu__left-inner li[data-submenu="novelty"],
.dropdown-menu__left-inner li[data-submenu="discontinued"] {
background: #40cce56b;
}
.dropdown-menu__left-inner li[data-submenu="novelty"]:hover,
.dropdown-menu__left-inner li[data-submenu="discontinued"]:hover {
background: #40cce5a3;
}
.dropdown-menu__left-inner li[data-submenu="novelty"] a,
.dropdown-menu__left-inner li[data-submenu="discontinued"] a {
color: #fff;
}
.marketplaces {
background: #f3f3f3;
border-radius: 8px;
padding: 20px;
}
.marketplaces__title {
font-family: "AvenirNextCyr-Bold";
font-weight: 750;
font-size: 15px;
line-height: 17.73px;
margin-bottom: 14px;
}
.marketplaces__list {
display: flex;
align-items: center;
gap: 8px;
}
.marketplaces__item {
border-radius: 14px;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
padding: 0;
}
.parameters__table_wrap {
padding-right: 0;
}
.parameters__block-row {
justify-content: space-between;
flex-wrap: wrap;
}
.parameters__block-row-img {
display: block;
max-width: 130px;
}
.dropdown-menu__left-inner ul li:hover a {
color: #080808;
}
.dropdown-menu__left-inner ul li:hover {
background: #40cce52e;
}
.dropdown-menu__left-inner li[data-submenu="novelty"],
.dropdown-menu__left-inner li[data-submenu="discontinued"] {
background: #40cce5c9;
}
.dropdown-menu__left-inner li[data-submenu="novelty"]:hover,
.dropdown-menu__left-inner li[data-submenu="discontinued"]:hover {
background: #40cce52e;
}
.submenu-content li {
padding: 0 10px;
}
.submenu-content li:hover {
background: #40cce52e;
}
.submenu-content li:hover a {
color: #000;
}
.dropdown-menu__center h3 {
margin: 0 0 20px 10px;
}
.dropdown-menu__left-inner ul li a.active {
background: #40cce52e;
color: #000;
}
.js-photostock-slider {
position: relative;
width: 300px;
padding-left: 40px;
max-height: 40px;
}
.js-photostock-slider {
opacity: 0;
}
.js-photostock-slider.slick-initialized {
opacity: 1;
}
.photostock-banner__block .desk::before {
opacity: 0;
transition: opacity 0.3s ease;
}
.photostock-banner__block .desk.slider-ready::before {
opacity: 1;
}
/*выпадающий список с разделами*/
.search-inp-wrapper {
position: relative;
}
.search-dropdown {
position: absolute;
top: 100%;
left: 35px;
right: 0;
width: 300px;
z-index: 9999;
background: #fff;
max-height: 300px;
overflow-y: auto;
display: none;
}
.search-dropdown__item {
padding: 10px 12px;
cursor: pointer;
background: #fff;
color: #000;
}
.search-dropdown__item:hover {
background: #f3f3f3;
}
/*модалка для скачивания без архивов*/
.ps-modal {
position: fixed;
inset: 0;
background: rgba(0,0,0,0.3);
display: none;
align-items: center;
justify-content: center;
z-index: 99999;
}
.ps-modal--active {
display: flex;
}
.ps-modal__content {
background: #fff;
padding: 20px;
border-radius: 10px;
min-width: 260px;
text-align: center;
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
.ps-modal__text {
margin-bottom: 15px;
font-size: 14px;
}
.ps-modal__actions {
display: flex;
gap: 10px;
justify-content: center;
}
.ps-btn {
padding: 6px 14px;
border: none;
cursor: pointer;
border-radius: 6px;
}
.ps-btn--yes {
background: #0C90C9;
color: #fff;
}
.ps-btn--no {
background: #eee;
}
.ps-btn--cancel {
background: #ddd;
}
/* форма обратной связи в фотостоке */
.photostock__callback {
position: relative;
background: #1188C1;
border-radius: 16px;
padding: 24px;
margin-top: 25px;
color: #fff;
max-width: 420px;
z-index: 1500;
}
.photostock__callback-title {
color: #fff;
margin-bottom: 16px;
font-size: 18px;
line-height: 1.3;
}
.photostock__callback form {
display: flex;
flex-direction: column;
gap: 12px;
}
.photostock__callback .field_column {
display: flex;
flex-direction: column;
gap: 12px;
}
.photostock__callback .field {
width: 100%;
}
.photostock__callback input {
width: 90%;
border-radius: 12px;
border: 1px solid #fff;
background: transparent;
color: #fff;
padding: 12px 14px;
outline: none;
}
.photostock__callback input::placeholder {
color: rgba(255, 255, 255, 0.8);
}
.photostock__callback input:focus {
border-color: #fff;
box-shadow: 0 0 0 2px rgba(255,255,255,0.2);
}
.photostock__callback .btn {
width: 100%;
border-radius: 12px;
}
.photostock__callback-success {
color: #fff;
text-align: center;
font-size: 18px;
padding: 10px 0;
}
/*стрелки в баннере фотостока*/
.slick-prev,
.slick-next {
width: 30px;
height: 30px;
background: unset;
border-radius: 50%;
z-index: 10;
font-size: 0;
border: none;
}
.js-photostock-slider .slick-prev::before,
.js-photostock-slider .slick-next::before {
content: '';
display: block;
width: 7px;
height: 7px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
margin: auto;
border-color: #808080;
}
.slick-prev {
left: -5px;
top: 6px;
}
.slick-prev::before {
transform: rotate(-135deg);
}
.slick-next {
right: -30px;
top: 6px;
}
.slick-next::before {
transform: rotate(45deg);
}
.photostock__block label {
display: inline-flex;
align-items: center;
gap: 8px;
}
.checkbox-text {
background: #888;
color: #fff;
font-size: 14px;
padding: 4px 11px;
border-radius: 4px;
line-height: 1.2;
margin-left: 23px;
}
/* End */
/* /local/templates/sones/components/bitrix/system.pagenavigation/.default/style.css?1683119807713 */
/* /local/templates/sones/components/bitrix/breadcrumb/top/style.css?1715697409662 */
/* /local/templates/sones/styles.css?17411637903611 */
/* /local/templates/sones/template_styles.css?1787654593164883 */