body::-webkit-scrollbar {
width: 12px; /* ширина scrollbar */
}
body::-webkit-scrollbar-track {
background: orange; /* цвет дорожки */
}
body::-webkit-scrollbar-thumb {
background-color: blue; /* цвет плашки */
border-radius: 20px; /* закругления плашки */
border: 3px solid orange; /* padding вокруг плашки */
}
:root{
--card-border-radius:12px;
--card-img-border-radius:12px;
--btn-border-radius:12px;
--control-border-radius:8px;
--control-border-radius2:12px;
--color-btn-outline-border-hover:#aadacc;
--card-padding:30px;
--h-padding-5:5px;
--h-padding-10:10px;
--h-padding-15:15px;
--h-padding-20:20px;
--h-padding-30:30px;
--primary-light:#0ccca9;
--color-border-harp: #E9EDEC;
--color-border-secondary: #B9D7C7;
--color-link-dark:#203728;
--color-text-dark:#203728;
--color-text-light:#D9D9D9;
/* --color-text-gray:#6e7c78; */
--color-text-gray:#8C9391;
--color-text-gray2:#686868;
--color-bg-light:#f8f8f8;
--color-bg-light2:#f8f8f8;
--text-13: 13px;
--text-14:14px;
--text-15:15px;
--text-max-width:521px;
--headline-14:14px;
--headline-15:15px;
--headline-16:16px;
--headline-18:18px;
--headline-19:19px;
--headline-20:20px;
--headline-24:24px;
--headline-30:30px;
--headline-32:32px;
--headline-38:38px;
--headline-48:48px;
--headline-64:64px;
--headline-72:72px;
--headline-90:90px;
--headline-96:96px;
}
@media (min-width: 1200px) {
.container, .container-sm, .container-md, .container-lg, .container-xl {
max-width: 1400px;
}
}
html,
body{
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: 'liga' 1, 'calt' 1;
color:var(--color-text-dark);
line-height: 1.2;
}
body::-webkit-scrollbar {
width: 0;
display: none;
}
body::-webkit-scrollbar-track {
background: transparent;
display: none;
}
body::-webkit-scrollbar-thumb {
display: none;
}
a{
color:var(--color-link-dark);
}
a:hover{
text-decoration: none;
color:var(--primary);
}
input,
textarea,
button,
select,
a {
-webkit-tap-highlight-color: transparent !important;
outline: none !important;
}
input, select, textarea{
box-shadow: none !important;
outline: none !important;
}
input[type='number'] {
-moz-appearance:textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
input.form-control[readonly]{
background-color: #fff;
}
.form-control:focus::placeholder{
opacity: 0;
}
form *::-webkit-scrollbar {
height: 10px;
width: 10px;
}
*::-webkit-scrollbar-track {
border-radius: 0;
background-color: #fff;
}
form *::-webkit-scrollbar-track:hover {
background-color: var(--color-btn-outline-border-hover);
}
form *::-webkit-scrollbar-track:active {
background-color: var(--primary);
}
form *::-webkit-scrollbar-thumb {
border-radius: 0;
background-color: var(--color-btn-outline-border-hover);
}
form *::-webkit-scrollbar-thumb:hover {
background-color: var(--secondary);
}
form *::-webkit-scrollbar-thumb:active {
background-color: var(--secondary);
}
#layout{
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: space-between;
}
#layout>.container{
flex:1
}
/* bootstrap */
.input-password-area{
position: relative;
}
.input-password-area .toggle-password{
position: absolute;
top:0;
right:0;
bottom:0;
display: flex;
align-items: center;
justify-content: center;
padding: 0 25px;
color:var(--color-text-gray);
cursor: pointer;
}
.form-check-input{
margin-top: 4px;
}
.btn{
line-height: 1;
}
.alert-list-empty{
margin-top: 20px;
}
.form-control{
color:var(--color-text-dark);
}
.company-modal .modal-dialog{
max-width:400px;
}
.company-modal .modal-header{
display: flex;
align-items: center;
justify-content: space-between;
}
.company-modal .modal-header .close{
margin: 0 !important;
padding-right: 10px;
padding-top: 10px;
opacity: 0.5;
}
.company-modal .modal-header .close:hover{
opacity: 1;
}
.company-modal .modal-title{
color:var(--color-text-dark);
font-size: 16px;
font-weight: 500;
padding-left: 16px;
padding-top: 5px;
}
.company-modal .modal-content{
background: #fff;
border-radius: var(--card-border-radius) !important;
overflow: hidden;
}
.company-modal.alert-modal .modal-header,
.company-modal.alert-modal .modal-title{
padding: 0 !important;
color:var(--primary);
}
.company-modal.alert-modal .modal-content{
padding-top: 40px;
padding-bottom: 20px;
}
.progress_bar_wrap{
padding: 0 !important;
}
.progress_bar{
display: block;
height: 5px;
background: var(--primary);
}
.progress_bar_wrap .progress_bar{
position: absolute;
bottom:-5px;
left:-5px;
right:-5px;
}
.p-1{
padding: 5px !important;
}
.dot{
width:8px;
height: 8px;
background: var(--primary);
border-radius: 100%;
overflow: hidden;
display: inline-flex;
}
.btn-filter-toggle .dot{
margin-left: 5px;
position: relative;
top:-3px
}
.card{
border-radius: var(--card-border-radius);
border-color:var(--color-border-harp);
}
.card.bg-light:not(.card-bordered),
.card.bg-light2:not(.card-bordered){
border:0;
}
.card-title {
margin-bottom: var(--h-padding-20);
}
.card-subtitle {
margin-bottom:2px;
font-weight: 400;
}
.btn{
border-radius: var(--btn-border-radius);
box-shadow: none !important;
}
.btn-group-lg .btn,
.btn.btn-lg,
.btn-group-md .btn,
.btn.btn-md,
.btn-group-sm .btn,
.btn.btn-sm{
border-radius: var(--btn-border-radius) !important;
font-size: 16px;
font-weight: 500;
padding-top: 0;
padding-bottom: 0;
height: 54px;
display: flex;
align-items: center;
justify-content: center;
}
.btn-group-lg,
.btn-group-md,
.btn-group-sm{
gap:10px;
}
.btn.button-submit{
font-weight: 500;
}
.btn.btn-md,
.btn.btn-sm{
font-size: 14px;
font-weight: 500;
padding-top: 0;
padding-bottom: 0;
height: 46px;
display: flex;
align-items: center;
justify-content: center;
}
.btn.btn-sm{
font-size: 14px;
height: 36px;
padding-left: 12px;
padding-right: 12px;
}
.btn.btn-outline{
border:1px solid var(--color-border-harp);
}
.btn.btn-outline:hover{
border-color:var(--color-btn-outline-border-hover);
}
.btn-outline-secondary{
border:1px solid var(--color-border-secondary);
}
.btn-tags{
display: flex;
gap: 5px;
}
.btn-tags .btn.btn-sm{
height: auto;
font-size: 13px;
font-weight: 400;
font-family: inherit;
letter-spacing: -0.1px;
line-height: 1;
padding: 4px 8px;
color:var(--color-text-gray);
background-color: #fff;
}
.btn-tags .btn.btn-sm:hover{
color:var(--primary);
}
form .btn-tags .btn.btn-sm{
padding: 5px 10px;
}
form .btn-tags .btn.btn-sm:hover{
border-color: var(--color-btn-outline-border-hover);
color:var(--color-text-gray);
}
.btn-group-lg .btn,
.btn-group-md .btn{
font-size: 14px;
padding-top: 0;
padding-bottom: 0;
height: 52px;
display: flex;
align-items: center;
justify-content: center;
}
.btn-group-md .btn{
height: 46px;
}
.btn-group-lg .btn.active,
.btn-group-md .btn.active,
.btn-group-sm .btn.active{
background: var(--secondary) !important;
border-color:var(--secondary) !important;
}
.alert{
border-radius: var(--card-border-radius);
}
.alert-info{
background: var(--secondary);
border:0;
color:var(--color-text-dark);
}
.row-10px{
margin-left: -5px;
margin-right: -5px;
}
.row-10px>div{
padding-left: 5px;
padding-right: 5px;
}
.row-20px{
margin-left: -10px;
margin-right: -10px;
}
.row-20px>div{
padding-left: 10px;
padding-right: 10px;
}
.row.align-items-stretch>div {
height:auto !important
}
.btn-rounded{
border-radius: 100%;
}
.btn48-rounded{
width:48px;
height:48px;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 100%;
}
.btn48-rounded svg{
font-size: 24px;
line-height: 1;
}
.btn180-rounded{
width:180px;
height:180px;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 100%;
font-size: 15px;
font-weight: 500;
}
.btn-secondary{
color:var(--color-text-dark);
}
.form-control{
box-shadow:none !important;
border:1px solid var(--color-border-harp) !important;
border-radius: var(--control-border-radius) !important;
padding-left: 15px;
padding-right: 15px;
}
.form-control.input{
padding-top: 0;
padding-bottom: 0;
height:45px;
line-height: 45px;
}
input.form-control-md,
select.form-control-md,
input.form-control-lg,
select.form-control-lg{
font-size: 16px;
padding-top: 0;
padding-bottom: 0;
height: 54px;
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--control-border-radius2) !important;
}
input.form-control-md,
select.form-control-md{
height: 46px;
}
textarea.form-control-lg{
font-size: 16px;
border-radius: var(--control-border-radius2) !important;
padding: 15px;
}
.input-group-text {
display: flex;
align-items: center;
padding-top: 0;
padding-bottom: 0;
font-size: 15px;
color: var(--color-text-dark);
text-align: center;
white-space: nowrap;
background-color: #fff;
border: 1px solid var(--color-border-harp);
border-radius: var(--control-border-radius);
height: 45px;
line-height: 45px;
padding-right: 0;
padding-left: 15px;
}
.input-group-prepend{
margin-right: 0;
}
.input-group-prepend .input-group-text {
border:0;
background: none !important;
margin-left: 1px;
}
.input-group-append .input-group-text {
border:0;
background: none !important;
margin-left: 1px;
}
.input-group>.form-control:not(:first-child),
.input-group>.custom-select:not(:first-child) {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.input-group:not(.has-validation)>.form-control:not(:last-child), .input-group:not(.has-validation)>.custom-select:not(:last-child), .input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label, .input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
select::placeholder,
textarea::placeholder,
input::placeholder{
color:var(--color-text-dark);
}
.lg-image,
.lg-thumb-item img{
border-radius: var(--card-img-border-radius);
}
.lg-backdrop.in {
opacity: 1 !important;
background: rgb(32, 55, 40, 0.7) !important;
}
.lg-sub-html *{
color:#fff
}
.icms-widget__content_filter .chosen-container-single a:not([href]):not([tabindex]) {
color: var(--color-text-dark) !important;
}
.cancel_filter_link:not(:hover){
opacity: 0.8;
}
.save_filter_link{
display: flex;
align-items: center;
justify-content: center;
margin-top: 25px !important;
gap:3px;
position: relative;
overflow: hidden;
}
.save_filter_link:before{
position: absolute;
top:0;
left:0;
right:0;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
content:"Сохранено";
font-size: 16px;
background: var(--secondary);
border-radius: var(--btn-border-radius);
transition: all 0.2s ease-in-out;
opacity: 0;
z-index: -1;
}
.save_filter_link.saved:before{
opacity: 1;
z-index: 1;
}
.chosen-container-single .chosen-single,
.icms-filter-container select,
.icms-widget__content_filter select{
background-color: #ffffff;
border: 1px solid var(--color-border-harp) !important;
border-radius: var(--control-border-radius) !important;
color: var(--color-text-dark) !important;
display: block;
height: 45px !important;
line-height: 42px !important;
padding: 0 0 0 15px !important;
position: relative;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
font-size: 15px;
}
.chosen-container-single .chosen-single:hover,
.icms-filter-container select:hover,
.icms-widget__content_filter select:hover
.chosen-container-single .chosen-single:focus,
.icms-filter-container select:focus,
.icms-widget__content_filter select:focus{
border-color:var(--color-btn-outline-border-hover) !important;
}
.chosen-container-single.chosen-with-drop .chosen-single{
border-color:var(--color-btn-outline-border-hover) !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-bottom:0 !important;
}
.chosen-container-single .chosen-search input[type="text"]{
}
select.form-control{
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23adb5bd' d='M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z'/%3E%3C/svg%3E");
background-size: 2rem 2rem;
background-repeat: no-repeat;
background-position-x: calc(100% - 10px);
background-position-y: 7px;
padding-left: 15px !important;
cursor: pointer;
}
.icms-filter-container select,
.icms-widget__content_filter select{
padding:0 15px !important;
}
.chosen-container-single .chosen-single div:after {
height: 45px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
top:0 !important;
}
select.form-control.form-control-lg{
background-size: 35px 35px;
background-position-y: 10px !important;
}
.card-subtitle{
margin-top: 0;
}
.navbar-brand,
.navbar-collapse .navbar-nav{
margin-right: 25px;
}
.card-body{
padding: var(--card-padding);
}
.card-body-text{
margin: 0;
}
.card-img{
border-radius: var(--card-img-border-radius);
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
margin-bottom: 5px;
}
.accordion .card,
.accordion .card-header{
border:0;
background: #fff;
}
.accordion .card-header{
background: none;
}
.accordion .card{
padding: 20px 20px;
margin-bottom: 10px;
border-radius: var(--card-img-border-radius) !important;
}
.accordion .card:last-child{
margin-bottom: 0;
}
.accordion .card-header{
padding: 0;
}
.accordion .card-header .btn{
padding: 0;
}
.accordion .card-body{
padding: 0;
margin-top: 25px;
}
.accordion .card .card-text-avatar{
width:64px;
height:64px;
object-fit: cover;
border-radius: 100%;
}
.accordion .card-header .btn {
padding-right: 45px;
}
.accordion .card-header .btn:before{
position: absolute;
right:5px;
top:20px;
display: block;
width:50px;
height:10px;
content:"";
background-image:url('data:image/svg+xml,');
background-position: center 0;
background-repeat: no-repeat;
}
.accordion .card .card-header:hover .btn:before{
background-image:url('data:image/svg+xml,');
}
.accordion .card.active .card-header .btn:before{
transform: rotate(180deg);
}
/* basic */
.cursor-default{
cursor: default !important;
}
.datasets-tabs .btn{
min-width:210px;
}
.datasets-tabs .btn:not(.active):hover{
border-color: var(--color-btn-outline-border-hover);
}
.contacts__socials{
display: flex;
gap:10px;
}
.border-primary{
border-color:var(--primary);
}
.link-primary,
.btn-link{
color:var(--primary);
}
.btn-link-primary{
font-size: 13px;
color:var(--primary);
}
.icon-elink{
display: inline-block;
width:22px;
height:22px;
background: url('data:image/svg+xml,');
}
.icon-fav{
display: inline-block;
width:19px;
height:15px;
background:url('data:image/svg+xml,');
}
.favorites__btn.added .icon-fav,
.icon-fav.active{
background:url('data:image/svg+xml,') !important;
}
.favorites__btn .title{
font-size: 0;
}
.favorites__btn .title:before{
content:"Добавить в избранное";
font-size: 16px;
}
.favorites__btn.added .title:before{
content:"Удалить из избранного";
}
.img-border-radius{
border-radius: var(--card-img-border-radius);
}
.pl15{
padding-left: 15px !important;
}
.pl10{
padding-left: 10px !important;
}
.pr10{
padding-right: 10px !important;
}
.pl5{
padding-left: 5px !important;
}
.pr5{
padding-right: 5px !important;
}
.p10{
padding: 10px !important;
}
.p15{
padding: 15px !important;
}
.p20{
padding: 20px !important;
}
.p25{
padding: 25px !important;
}
.p30{
padding: 30px !important;
}
.mt3{
margin-top: 3px !important;
}
.mt5{
margin-top: 5px !important;
}
.mt10{
margin-top: 10px !important;
}
.mt15{
margin-top: 15px !important;
}
.mt20{
margin-top: 20px !important;
}
.mt25{
margin-top: 25px !important;
}
.mt30{
margin-top: 30px !important;
}
.mt45{
margin-top: 45px !important;
}
.mt50{
margin-top: 50px !important;
}
.mt80{
margin-top: 80px !important;
}
.mt100{
margin-top: 100px !important;
}
.mb8{
margin-bottom: 8px !important;
}
.mb10{
margin-bottom: 10px !important;
}
.mb15{
margin-bottom: 15px !important;
}
.mb18{
margin-bottom: 18px !important;
}
.mb20{
margin-bottom: 20px !important;
}
.mb25{
margin-bottom: 25px !important;
}
.mb30{
margin-bottom: 30px !important;
}
.mb35{
margin-bottom: 35px !important;
}
.mb40{
margin-bottom: 40px !important;
}
.mb50{
margin-bottom: 50px !important;
}
.mb80{
margin-bottom: 80px !important;
}
.mb100{
margin-bottom: 100px !important;
}
.mln10{
margin-left: -10px;
}
.mrn10{
margin-right: -10px;
}
.mln20{
margin-left: -20px;
}
.mrn20{
margin-right: -20px;
}
.mr20{
margin-right: 20px;
}
.mr30{
margin-right: 30px;
}
.border-0{
border:0 !important;
}
.bg-light{
background: var(--color-bg-light);
}
.bg-light2{
background: var(--color-bg-light2);
}
.main-layout{
padding: var(--h-padding-30) 0;
}
.is_home .main-layout{
padding-top: 15px;
}
.text-maxwith{
max-width: var(--text-max-width);
}
.font-normal,
.font400,
.font-400{
font-weight: 400 !important;
}
.font500,
.font-500{
font-weight: 500 !important;
}
.text-condensed110{
letter-spacing: -0.1px;
}
.text-condensed120{
letter-spacing: -0.2px;
}
.text-condensed130{
letter-spacing: -0.3px;
}
.text-condensed140{
letter-spacing: -0.4px;
}
.text-condensed150{
letter-spacing: -0.5px;
}
.ul-list{
margin: 0;
padding-inline-start: 20px;
display: flex;
flex-direction: column;
gap: 8px;
}
.text-13{
font-size: var(--text-13) !important;
line-height: 1.3;
}
.text-14{
font-size: var(--text-14) !important;
line-height: 1.3;
}
.text-14.font500{
line-height: 1.2;
}
.text-15{
font-size: var(--text-15) !important;
line-height: 1.4;
}
.text-15-condensed{
font-size: var(--text-15) !important;
line-height: 1.2;
}
.text-16{
font-size: var(--text-16) !important;
line-height: 1.3;
}
.headline-14{
font-size: var(--headline-14) !important;
line-height: 1.2;
}
.headline-14-condensed{
font-size: var(--headline-14) !important;
line-height: 1.2;
}
.headline-15{
font-size: var(--headline-15) !important;
line-height: 1.2;
}
.headline-15-condensed{
font-size: var(--headline-15) !important;
line-height: 1.2;
letter-spacing: -0.5px;
}
.headline-16{
font-size: var(--headline-16) !important;
line-height: 1.2;
}
.headline-16-condensed{
font-size: var(--headline-16) !important;
line-height: 1.2;
}
.headline-18{
font-size: var(--headline-18) !important;
line-height: 1.2;
}
.headline-18-regular{
font-size: var(--headline-18) !important;
line-height: 1.2;
}
.headline-19{
font-size: var(--headline-19) !important;
line-height: 1.2;
}
.headline-20{
font-size: var(--headline-20) !important;
line-height: 1.2;
}
.headline-24{
font-size: var(--headline-24) !important;
line-height: 1.1;
}
.headline-30{
font-size: var(--headline-30) !important;
line-height: 1.1;
}
.headline-32{
font-size: var(--headline-32) !important;
line-height: 1.1;
}
.headline-38{
font-size: var(--headline-38) !important;
line-height: 1.1;
letter-spacing: -1px;
font-weight: 500;
}
.headline-48,
.headline-48-condensed{
font-size: var(--headline-48) !important;
line-height: 1.1;
letter-spacing: -1px;
font-weight: 500;
}
.headline-48-regular{
font-size: var(--headline-48) !important;
line-height: 1.1;
letter-spacing: -1px;
}
.headline-48-condensed{
letter-spacing: -3px;
}
.headline-64{
font-size: var(--headline-64) !important;
line-height: 1;
letter-spacing: -1px;
font-weight: 500;
}
.headline-64-condensed{
font-size: var(--headline-64) !important;
line-height: 1;
letter-spacing: -3px;
}
.headline-72{
font-size: var(--headline-72) !important;
line-height: 1;
letter-spacing: -1px;
font-weight: 500;
}
.headline-90{
font-size: var(--headline-90) !important;
line-height: 1;
letter-spacing: -1px;
font-weight: 500;
}
.headline-96{
font-size: var(--headline-96) !important;
line-height: 1;
letter-spacing: -1px;
font-weight: 500;
}
.headline-96.about{
font-size:80px !important;
}
.headline-96-condensed{
font-size: var(--headline-96) !important;
line-height: 1;
letter-spacing: -4px;
font-weight: 500;
}
.headline-96-regular{
font-size: var(--headline-96) !important;
line-height: 1;
letter-spacing: -3px;
}
.headline-20 + .headline-caption{
margin-top: -5px;
}
.headline-48 + .headline-caption{
margin-top: -5px;
}
.headline-96 + .headline-caption{
margin-top: -3px;
}
.text-light{
color:var(--color-text-light) !important;
}
.text-gray{
color:var(--color-text-gray);
}
.text-gray2{
color:var(--color-text-gray2);
}
.text-condensed05{
letter-spacing: -0.5px;
}
.text-condensed{
letter-spacing: -1px;
}
.card-icon{
width:37px;
height: auto;
}
.card-icon.w48{
width:48px !important;
height: auto;
}
.main-block{
margin-top: 100px;
}
.block-title{
margin-bottom: 30px;
}
.icms-widget__tabbed>.nav-tabs{
margin-bottom: 20px !important;
}
a[title="Услуги"]:hover,
a[title="Вакансии"]:hover{
cursor:default !important;
}
/* animate */
.word-line {overflow: hidden;}
.skew-up {opacity: 0;}
.image-container {
overflow: hidden;
position: relative;
}
.image-container .image-overlay {
background: #fafafa;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
}
.input_caption_area{
position: relative;
}
.input_caption{
position: absolute;
top:0;
left:0;
bottom:0;
right:0;
display: flex;
align-items: center;
padding-left: 15px;
background: #fff;
border-radius: var(--control-border-radius);
border:2px solid var(--primary);
color: var(--color-text-gray);
}
.filter_query{
display: flex;
gap:5px;
color:var(--color-text-gray2);
font-size: 16px;
overflow: auto;
flex-wrap: nowrap;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: none;
}
.filter_query .btn{
display: flex;
align-items: center;
line-height: 1;
cursor: default !important;
white-space: nowrap;
}
.query_cancel{
cursor: pointer;
margin-left: 5px;
content:"";
display: inline-flex;
width:24px;
height: 24px;
background: url('data:image/svg+xml,');
}
.filter_query .query_cancel:hover{
background: url('data:image/svg+xml,');
}
.dropdown-menu{
border-radius: var(--card-border-radius);
}
.body_overlay {
background: rgb(32, 55, 40, 0.7) !important;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
z-index: 0;
visibility: hidden;
}
.headersearch-focused{
}
.headersearch-focused .body_overlay{
z-index: 1021;
visibility: visible;
}
.headersearch-focused #target-main .navbar-nav{
display: none !important;
}
#header_search_form_dropdown{
border:0;
width:100%;
border-radius: 0;
margin-top: 10px;
padding: 0;
background: none;
}
#header_search_form_dropdown .card{
border:0;
border-top-left-radius:0;
border-top-right-radius:0;
}
html.headersearch-focused #header_search_form_dropdown{
display: block;
}
.header_search_result_card{
padding: 20px 0;
}
.header_search_result_info,
.header_search_result_links a,
.header_search_log_links .link,
.header_search_result_morelinks a{
padding: 0 20px;
}
.header_search_result_links a,
.header_search_log_links .link,
.header_search_result_morelinks a{
display: flex;
gap: 10px;
padding-top: 8px;
padding-bottom: 8px;
}
.header_search_result_links a span{
display: flex;
align-items: center;
gap: 5px;
}
.header_search_result_links a svg,
.header_search_result_morelinks a svg{
position: relative;
top:-1px;
color:var(--primary);
}
.header_search_result_links a:hover,
.header_search_result_morelinks a:hover,
.header_search_log_links .link:hover{
background-color: #ededed;
color: var(--color-text-dark);
}
.header_search_result_morelinks{
margin-bottom: -10px;
}
.header_search_log_list_head{
padding: 0 20px;
display: flex;
align-items: center;
justify-content: space-between;
}
.btn-searchlog-clear{
color: var(--color-text-gray);
font-size: 14px;
cursor: pointer;
}
.header_search_log_links .link{
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 3px;
padding-bottom: 3px;
}
.header_search_log_links svg{
width: 24px;
height: auto;
color: var(--color-text-gray);
}
.header_search_log_links svg:hover,
.btn-searchlog-clear:hover{
color: var(--color-text-harp);
}
.header_search_log_links .btn{
padding: 0;
}
#header_search_form:not(.is-result) .btn[type="submit"]{
/* cursor:not-allowed !important; */
}
html.headersearch-focused .header{
z-index: 11;
position: relative;
}
/* html.headersearch-focused #layout>.container:before,
html.headersearch-focused #layout>.footer:before{
content:"";
background-color: rgba(0, 0, 0, .3);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
z-index: 1021;
} */
#scroll-top{
width:46px !important;
height:46px !important;
border-radius: 100% !important;
background: #fff;
padding: 0 !important;
border:1px solid var(--color-border-harp);
-webkit-box-shadow: 4px 4px 7px 0px rgba(136, 136, 136, 0.15) !important;
-moz-box-shadow: 4px 4px 7px 0px rgba(136, 136, 136, 0.15) !important;
box-shadow: 4px 4px 7px 0px rgba(136, 136, 136, 0.15) !important;
}
#scroll-top svg {
fill:var(--color-link-dark)
}
/* swiper */
.swiper-wrapper.align-items-stretch .swiper-slide {
height:auto !important
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled{
opacity: 0 !important;
}
.swiper-button-next,
.swiper-button-prev {
padding: 0;
width:46px !important;
height:46px !important;
border-radius: 100%;
background: #fff;
padding: 0 !important;
top:calc(50% - 23px) !important;
border:1px solid var(--color-border-harp);
-webkit-box-shadow: 4px 4px 7px 0px rgba(136, 136, 136, 0.15);
-moz-box-shadow: 4px 4px 7px 0px rgba(136, 136, 136, 0.15);
box-shadow: 4px 4px 7px 0px rgba(136, 136, 136, 0.15);
transition: all 0.2s ease-in-out;
}
#item_images_slider .swiper-button-next,
#item_images_slider .swiper-button-prev {
top: var(--swiper-navigation-top-offset, 50%) !important;
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-size: 16px !important;
color:var(--color-text-dark);
font-weight: 600;
}
.swiper-button-next:after {
margin-left: 2px;
}
.swiper-button-prev:after {
margin-right: 2px;
}
#widget-162{
position: relative;
}
#company_reviews_cards_slider,
#board_tiles_slider{
position: static;
}
#company_reviews_cards_slider .swiper-button-prev,
#board_tiles_slider .swiper-button-prev{
left:-20px;
}
#company_reviews_cards_slider .swiper-button-next,
#board_tiles_slider .swiper-button-next{
right:-20px;
}
.icms-widget__tabbed .links a,
.icms-widget .links a{
font-weight: 500;
}
/* О компании */
.company__catalog_filter_widget .company-catalog-filter-card .buttons{
margin-top: -10px;
}
/* my */
.my__btn_add{
display: inline-flex !important;
padding-left: 30px;
padding-right: 30px;
}
.my__usercard .btn-logout:not(:hover){
color: #999 !important;
}
.my__usercard .btn-edit{
color: var(--primary) !important;
position: absolute;
top:10px;
right:10px;
}
.my__usercard .btn-edit svg{
width: 16px;
height: 16px;
}
.btn-profile-edit{
background: #fff;
border:1px solid #eee;
text-align: center;
width: 100%;
margin-top: -15px;
margin-bottom: 20px;
font-size: 12px !important;
font-weight: 400;
color: #999;
}
.my__usercard{
display: flex;
align-items: center;
flex-direction: row;
padding: 10px 15px;
gap: 15px;
margin-bottom: 20px;
border:0;
background:var(--color-bg-light) ;
position: relative;
}
.my__usercard .title{
font-size: 0;
}
.my__usercard .title:before{
content: "Денис Васильевич";
font-size: 15px;
font-weight: 500;
}
.my__usercard .icon{
width:55px;
height:55px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
border-radius: 15px;
border:1px solid #eee
}
.my__usercard__name{
display: flex;
flex-direction: column;
}
.my__usercard__name .title{
}
.my__usercard__name .role{
font-size: 12px;
color: #888;
}
.my__usercard__contacts{
display: flex;
align-items: center;
gap: 10px;
margin-top: 5px;
}
.my__usercard__contacts span{
font-size: 13px;
color: #888;
}
.my__usercard .login{
display: none;
}
.my__usercard .icon > svg{
width:24px;
margin:0 auto;
color:var(--primary) !important
}
.my__usercard .icms-profile-avatar__default svg{
height:18px;
}
.my__usercard .icms-profile-avatar__default svg text{
color:#fff !important;
}
.my__usercard .icms-profile-avatar__default{
width:18px;
height:18px;
background: var(--primary) !important;
border:0 !important
}
.my__usercard .icon.icms-user-avatar,
.my__usercard .icon.icms-user-avatar svg{
border:0 !important;
background:none !important
}
.my_tabs_links{
display: flex;
flex-direction: column;
gap: 5px;
justify-content: flex-end;
padding: 15px;
}
.my_tabs_links a{
font-size: 13px;
color:#888;
}
.my_area_col{
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.my_area_col>div{
flex: 1;
}
.my_area_col .quest-info a{
color: var(--primary);
}
.my_area__menulist a{
border:0 !important;
border-radius: var(--btn-border-radius) !important;
padding: 0 15px;
height: 38px;
display: flex;
align-items: center;
margin-bottom: 5px;
gap: 10px;
}
.my_area__menulist a svg{
color:#8C9391;
}
.my_area__menulist a.active svg{
color:var(--color-text-dark);
}
.my_area__menulist a[href="/my"] svg{
width:16px;
height: 16px;
position: relative;
top:-3px;
left:3px
}
.my_area__menulist a span:first-child{
width:25px;
min-width:25px;
}
.my_area__menulist a span.icon-fav{
background:url('data:image/svg+xml,') !important;
background-repeat: no-repeat !important;
background-position: 3px center !important;
}
.my_area__menulist a.active{
color:var(--color-text-dark) !important;
background: #ededed;
font-weight: 500;
}
.subscribe_btn{
gap: 5px;
padding-left: 15px;
padding-right: 15px;
}
.subscribe_btn svg{
color:#fff;
font-size: 18px;
}
/* authModal */
#authModal .close{
position: absolute;
z-index: 111;
right:15px;
top:15px;
}
#authModal .modal-body{
padding-top: 35px;
}
#authModal .btn-group{
flex-wrap: nowrap;
padding-right: 5px;
gap: 5px;
}
#authModal .btn-group .btn{
margin: 0 !important;
}
#authModal .btn-group .btn{
flex: 0 0 50%;
max-width: 50%;
}
.modal_auth__logo{
margin-bottom: 25px;
}
.modal_auth__logo img{
width:80px
}
.form_auth_social{
gap: 10px;
}
.form_auth_social .btn{
padding: 0;
}
.form_auth_social_area{
padding-top: 20px;
}
/* header */
.header{
z-index: 1022 !important;
}
.header .icms-user-avatar svg{
position: relative;
top:1px;
}
.header > .container{
padding: 0;
}
.header > .container>.row{
margin: 0;
}
.header .navbar-brand img{
height:40px;
}
.header .header_navbar__navbar .navbar{
flex: 1;
}
.header_navbar__user_navbar_menu .header_top__favorite_link,
.header_navbar__user_navbar_menu .header_top__favorite_search_link{
color:#fff ;
}
.header_top a:hover,
.menu-main a.nav-link:not(.active):hover,
.header_navbar__user_navbar_menu .header_top__favorite_link:hover,
.header_navbar__user_navbar_menu .header_top__my_link:hover,
.header_navbar__user_navbar_menu .header_top__favorite_search_link:hover{
color:#dafff8;
}
.header_navbar__user_navbar_menu .header_top__add_btn:hover{
background-color:#dafff8;
}
.header .header_navbar__navbar .navbar .navbar-collapse .navbar{
flex-basis: 100%;
flex-grow: 1;
max-width: 100%;
}
.header .header_navbar__navbar .navbar .navbar-collapse .form-inline{
margin: 0 !important;
flex: 1;
}
.header .header_navbar__navbar .navbar .navbar-collapse .form-inline .input-group,
.header .header_navbar__navbar .navbar .navbar-collapse .form-inline .form-control{
width:100%;
}
.header .form-inline .input-group{
position: relative;
}
.header .form-inline .input-group .form-control{
border:1px solid rgba(255, 255, 255, 0.8) !important;
}
.header .form-inline .input-group .form-control::placeholder{
color:rgba(255, 255, 255, 0.9);
}
.header .form-inline .input-group .form-control:focus::placeholder{
opacity: 0;
}
.header .form-inline .input-group .input-group-append{
position: absolute;
right:0;
}
.header .form-inline .input-group .input-group-append button[type="submit"] svg{
display: none !important;
}
.header .form-inline .input-group .input-group-append button svg{
color:rgba(255, 255, 255, 0.8);
}
.header .form-control.input{
height:40px;
line-height: 40px;
border-radius: var(--control-border-radius) !important;
}
#header_search_form .input-group-area{
width: 100%;
}
.header .input-group:not(.has-validation)>.form-control:not(:last-child), .header .input-group:not(.has-validation)>.custom-select:not(:last-child), .header .input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label, .header .input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after {
border-top-right-radius:var(--control-border-radius) !important;
border-bottom-right-radius:var(--control-border-radius) !important;
}
.header .form-inline .input-group .input-group-append button{
width:40px;
height:40px;
}
#header_search_cancel svg{
height: 20px;
width: 20px;
position: relative;
top:-1px;
}
.header .form-inline .input-group .input-group-append button[type="submit"]{
background: url('data:image/svg+xml,');
background-size: 20px 20px;
background-position: center center;
background-repeat: no-repeat;
}
.header{
background: var(--primary);
}
.header_top{
border-bottom:1px solid rgba(255,255,255,0.10);
}
.header,
.header_top .nav-link,
.header_top__phone a,
.header_navbar__user_navbar_menu > a,
.header_navbar .navbar .nav-link,
.header .form-control{
color:#fff;
}
.header_navbar__user_navbar_menu{
display: flex;
align-items: center;
justify-content: end;
}
.header_navbar__user_navbar .icms-user-menu{
margin-left: 5px;
margin-right: 5px;
}
.header_navbar__user_navbar .btn{
display: flex;
align-items: center;
height:40px;
}
.header_top__my_link svg {
width:24px;
height: 24px;;
position: relative;
top:1px
}
.header_navbar__user_navbar .header_top__favorite_link{
margin-right: 3px;
margin-left: 3px;
position: relative;
}
.bottom_navbar__favorite_btn{
position: relative;
line-height: 1;
}
.header_navbar__user_navbar .header_top__favcount{
font-size: 12px;
position: absolute;
top:-1px;
right:0;
left:0;
bottom:0;
display: flex;
align-items: center;
justify-content: center;
color:var(--primary);
font-weight: 500;
}
.bottom_navbar__favcount{
color: #fff;
font-size: 11px;
position: absolute;
top: 13px;
}
.bottom_navbar svg{
width:26px !important;
height: 26px !important;
}
.bottom_navbar .bottom_navbar__my_btn svg{
position: relative;
top:1px;
}
.bottom_navbar .bottom_navbar__add_btn svg{
width:26px !important;
height: 26px !important;
}
.bottom_navbar__favorite_btn svg{
width:28px !important;
height: 28px !important;
position: relative;
top:-1px
}
.header_navbar__user_navbar .icms-user-menu__summary{
padding-left: 5px !important;
}
.header_navbar__user_navbar .icms-user-menu__nickname{
margin: 0 !important;
}
.header_top{
font-size: 14px;
}
.header_top .nav-link{
padding-left: 8px;
padding-right: 8px;
padding-top: 10px;
padding-bottom: 10px;
}
.header_top .menu-header .nav-item:first-child > a{
padding-left: 0;
}
.header_top__phone a:last-child{
margin-left: 32px;
}
.header_top__phone .header_top__phone_link{
font-weight: 500;
}
.header_navbar{
font-size: 16px;
}
.header_navbar .col-sm{
height:60px;
}
.header_navbar .icms-user-menu__nickname{
display: none;
}
.header_navbar .icms-user-menu{
background: none;
}
.header_top__favorite_link{
padding-left: 7px;
padding-right: 7px;
}
.header_top__favorite_link svg{
width:24px;
height: 24px;
}
.header_top__add_btn{
height:40px;
background: #fff;
color:var(--primary) !important;
font-weight: 500;
display: flex;
align-items: center;
font-size: 16px;
border:0;
margin-left: 10px;
}
.header_top__add_btn svg{
width:22px;
height: 22px;
color:var(--primary) !important;
margin-right:5px;
}
.header_navbar .icms-profile-avatar__default.avatar__mini {
width: 24px;
height: 24px;
min-width: 24px;
min-height: 24px;
background: #fff !important;
color:var(--primary) !important;
font-weight: 500;
}
.header_navbar .icms-profile-avatar__default.avatar__mini svg {
margin-top: -3px;
}
/* breadcrumb */
.breadcrumb_wrap {
margin-top: -20px;
}
.breadcrumb a{
color:var(--primary);
}
.icms-body-toolbox h1{
font-size: 28px !important;
}
body[data-page="catalog"] .icms-body-toolbox,
body[data-page="catalog-list"] .icms-body-toolbox,
body[data-page="catalog"] .content_datasets,
body[data-page="catalog-list"] .content_datasets{
display: none;
}
body[data-page="catalog"] .content_datasets,
body[data-page="catalog-list"] .content_datasets{
display: none;
}
/* card-images */
.switch-images {
display: flex;
margin: 0 auto;
overflow: hidden;
transition: all 0.1s ease-in-out;
position: relative
}
.image-switch {
position: absolute;
left: 0;
top: 0;
z-index: 2;
width: 100%;
height: 100%;
display: flex;
transition: all 0.1s ease-in-out
}
.switch-images img {
display: block;
width: 100%;
height: 100%;
object-fit: cover
}
.image-switch-item {
width: 100%;
transition: all 0.1s ease-in-out;
cursor: pointer;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding-bottom: 10px;
}
.image-switch-item:first-child {
padding-left: 18px;
}
.image-switch-item:last-child {
padding-right: 18px;
}
.image-switch.images2x.image-switch-item {
width: 50%
}
.image-switch.images3x.image-switch-item {
width: 33.33%
}
.image-switch.images4x.image-switch-item {
width: 25%
}
.image-switch.images5x.image-switch-item {
width: 20%
}
.image-switch .image-switch-item.hidden {
display: none
}
.image-switch-item::after {
content: "";
width: 90%;
margin: 0 auto;
height: 4px;
background-color: rgba(255, 255, 255, 0.4);
border-radius: 10px;
z-index: 2;
position: relative;
transition: all 0.1s ease-in-out
}
.switched-image {
position: absolute;
left: 50%;
top: 0;
opacity: 0;
z-index: 2;
transition: all 0.1s ease-in-out;
width: 100%;
height: 100%;
transform: translateX(-50%);
pointer-events: none
}
.switch-images:not(:hover) .first .switched-image {
opacity: 1
}
.card-image .switched-image {
left: 0;
top: 0;
right: 0;
bottom: 0;
background-size: cover !important;
background-repeat: no-repeat !important;
transform: unset;
z-index: 1
}
.switch-images:hover .image-switch {
opacity: 1;
transition: all 0.1s ease-in-out
}
.image-switch-item:hover .switched-image {
transition: all 0.1s ease-in-out;
opacity: 1;
z-index: -1
}
.image-switch-item:hover::after {
background-color: #fff;
opacity: 0.9;
transition: all 0.1s ease-in-out
}
.card-image,
.card-image-img,
.compact-image,
.compact-image-img {
display: block;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center center !important;
border-radius: var(--btn-border-radius);
overflow: hidden;
position: relative
}
.card-image-img{
transition: 0.8s;
transform: scale(1.01)
}
div.card-image-img,
span.card-image-img,
a.card-image-img,
.card-image .switch-images,
.card-image .switched-image {
height: 250px;
width:100%;
}
/*
company-feature-card */
.company-feature-card{
transition: all 0.2s ease-in-out;
}
.company-feature-card img{
object-fit: cover;
}
/*
company-features-cards */
.company-features-cards .card-body-top{
height:44px;
margin-bottom: 50px;
}
.company-features-cards .card{
transition: all 0.2s ease-in-out;
}
/*
company-about-for-buyer */
.company-about-for-buyer .card-icon{
width:58px;
margin-right:10px;
}
.company-about-for-buyer-cards .card-body .card-body-image img[src="/templates/corpwill/images/icon-07.png"]{
width: 53px;
}
.company-about-for-buyer .card{
transition: all 0.2s ease-in-out;
}
/* company-reviews-cards */
.company-reviews-cards .card{
position: relative;
padding-right: 45px;
transition: all 0.2s ease-in-out;
}
.company-reviews-cards .icon-elink{
position: absolute;
bottom:30px;
right:30px;
}
#company_reviews_cards_slider .swiper-button-next,
#company_reviews_cards_slider .swiper-button-prev {
top: var(--swiper-navigation-top-offset, 54%) !important;
}
/* company-articles-cards */
.company-articles-cards .card{
position: relative;
padding-right: 30px;
background: #fff;
border:1px solid var(--color-border-harp);
transition: all 0.3s ease-in-out;
}
.company-articles-cards .card .card-body-top{
padding-right: 50px;
}
.company-articles-cards .card:hover{
background: #fff !important;
border-color: var(--color-btn-outline-border-hover) !important;
}
.company-articles-cards .icon-elink{
position: absolute;
top:20px;
right:20px;
background-size: 14px 14px;
width:14px;
height: 14px;
}
/* articles-cards */
.articles-cards .card .card-body-top{
padding-right: 50px;
}
.articles-cards .card{
position: relative;
padding-right: 30px;
background: #fff;
border:1px solid var(--color-border-harp);
transition: all 0.3s ease-in-out;
}
.articles-cards .card:hover{
background: #fff !important;
border-color: var(--color-btn-outline-border-hover) !important;
}
.articles-cards .icon-elink{
position: absolute;
top:20px;
right:20px;
background-size: 14px 14px;
width:14px;
height: 14px;
}
/* company-board-cards */
.company-board-cards .card{
position: relative;
padding-right: 30px;
background: #fff;
border:1px solid var(--color-border-harp);
}
.company-board-cards .col:nth-child(8),
.company-board-cards .col:nth-child(9),
.company-board-cards .col:nth-child(10),
.company-board-cards .col:nth-child(11),
.company-board-cards .col:nth-child(12){
display: none;
}
.company-board-cards .card:hover{
background: #fff !important;
border-color:var(--color-btn-outline-border-hover);
}
.company-board-cards .icon-elink{
position: absolute;
top:20px;
right:20px;
background-size: 14px 14px;
width:14px;
height: 14px;
}
/* company-form-callback */
.company-form-callback{
max-width:370px;
}
.company-form-callback .form-control{
border-color:#B9D7C7 !important;
}
.mobmenu-callback-card .form-control{
border:0 !important;
}
.company-form-callback .form-control::placeholder,
.company-form-callback .form-control{
font-size: var(--headline-24);
color:var(--color-text-dark);
}
/* company-form-callback in compact */
.company-form-callback.compact{
position: relative;
}
.company-form-callback.compact .form-control{
border-color:#B9D7C7 !important;
}
.company-form-callback.compact .form-control::placeholder,
.company-form-callback.compact .form-control{
font-size: var(--headline-16);
font-weight: 500;
}
.company-form-callback.compact .btn{
position: absolute;
right:0;
top:0;
font-size: 12px;
padding-left: 12px !important;
padding-right: 12px !important;
}
.company-form-callback.compact .form-control{
padding-left: 12px !important;
font-size: 16px !important;
letter-spacing: -0.5px;
}
.company-callback-card.compact.sticky-top{
top:20px;
}
.company-callback-card{
transition: all 0.3s ease-in-out;
}
/* company-catalog-filter-card */
.company-catalog-filter-card .f_price .input-group-append{
display: none !important;
}
.f_cat .search-choice-close{
display: none !important;
}
.company-catalog-filter-card .form-control[name="title"]{
border-color: var(--color-btn-outline-border-hover) !important;
border-width:2px !important;
}
.company-catalog-filter-card .f_price .form-control[name="price[from]"],
.company-catalog-filter-card .f_price .form-control[name="price[to]"]{
color:var(--color-text-gray);
}
.slider-range-group{
gap:0;
}
.slider-range-group>.input-group:first-child .form-control{
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-top-left-radius: var(--control-border-radius) !important;
border-bottom-left-radius: var(--control-border-radius) !important;
margin-right: -0.5px;
}
.slider-range-group>.input-group:last-child .input-group-text{
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;
}
.slider-range-group>.input-group:last-child .form-control{
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;
border-top-right-radius: var(--control-border-radius) !important;
border-bottom-right-radius: var(--control-border-radius) !important;
margin-left: -0.5px;
}
.slider-range-group>.input-group .form-control:focus{
z-index: 4;
}
.company-catalog-filter-card .f_title{
position: relative;
}
.company-catalog-filter-card .f_title:before{
content:"";
display: block;
position: absolute;
z-index: 2;
right:5px;
top:2px;
width:40px;
height:40px;
background: url('data:image/svg+xml,');
background-size: 18px 18px;
background-position: center center;
background-repeat: no-repeat;
}
.company__catalog_filter_widget .company-catalog-filter-card .f_title:before{
right:10px;
background: url('data:image/svg+xml,');
background-size: 18px 18px;
background-position: center center;
background-repeat: no-repeat;
}
input:focus,
select:focus,
textarea:focus{
border-color:var(--color-btn-outline-border-hover) !important;
/* outline:var(--color-btn-outline-border-hover) solid 1px !important; */
}
.f_price .slider-range-group>.input-group .input-group-prepend{
position: absolute;
z-index: 3;
top:0;
bottom:0;
display: flex;
align-items: center;
}
.f_price .slider-range-group>.input-group .form-control{
padding-left: 40px;
position: relative;
z-index: 1;
font-size: 16px;
}
.f_price .slider-range-group>.input-group .form-control:focus{
z-index: 2;
}
.slider-range-group>.input-group .input-group-text{
display: flex;
align-items: center;
height: 100%;
font-size: 14px;
}
/* .f_price .slider-range-group>.input-group:before{
content:"₽";
position: absolute;
color:var(--color-text-gray2);
top:0;
bottom:0;
right:15px;
display: flex !important;
align-items: center;
z-index: 3;
background: none !important;
padding-top: 2px;
font-size: 16px;
} */
.company-catalog-filter-card .btn-tags .btn{
color:var(--color-link-dark);
font-size: 13px;
}
/* icms-filter-container */
.chosen-container-single .chosen-single div:after {
background-image: url('data:image/svg+xml,') !important;
background-size: 16px 16px !important;
background-position: center center;
background-repeat: no-repeat;
}
.chosen-container-single .chosen-single span{
padding-top: 1px;
color:var(--color-text-dark);
}
.chosen-container .chosen-drop {
border: 1px solid var(--color-btn-outline-border-hover) !important;
border-bottom-right-radius: var(--control-border-radius) !important;
border-bottom-left-radius: var(--control-border-radius) !important;
}
.chosen-container-single .chosen-single abbr {
display: inline-block;
position: absolute;
top: 10px !important;
right: 40px !important;
width: 2rem;
height: 1.5rem;
cursor: pointer;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231eaa91' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
background-size: 18px 18px !important;
background-color: transparent !important;
box-shadow: none !important;
}
.icms-filter-container .chosen-container-active .chosen-drop {
border-top:0 !important;
}
.icms-filter-container .chosen-container-single .chosen-single,
.icms-filter-container .chosen-container-single .chosen-single div,
.icms-filter-container .form-control{
background-color: var(--color-bg-light2) !important;
border-color:var(--color-bg-light2) !important
}
.icms-filter-container .chosen-container-single .chosen-single:hover{
border-color:var(--color-btn-outline-border-hover) !important;
color:var(--color-text-dark) !important
}
.icms-filter-container .input-group-prepend .input-group-text {
border:0 !important;
}
.chosen-container-active.chosen-with-drop .chosen-single{
border: 1px solid var(--color-btn-outline-border-hover) !important;
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-bottom:0 !important
}
.chosen-container-single .chosen-single div:after{
background-color: transparent !important;
box-shadow: none !important;
}
.catalog_filter__wrap .icms-filter-container .slider-range-group .input-group:first-child{
margin-right: 1px;
}
.catalog_filter__wrap .icms-filter-container .slider-range-group .input-group:last-child{
margin-left: 1px;
}
.catalog_filter__wrap .icms-filter-container .form-control{
border:1px solid var(--color-bg-light2) !important
}
.catalog_filter__wrap .icms-filter-container .form-control:focus{
border-color:var(--color-btn-outline-border-hover) !important
}
.icms-filter-container .buttons .btn[type="submit"]{
width:100%;
padding: 0;
height:46px;
}
/* board-tiles-cards */
.board-tiles-cards .card-image{
top:-1px;
left:-1px;
right:-1px;
width:calc(100% + 2px);
}
.board-tiles-cards .favorites__btn{
position: absolute;
z-index: 3;
top:-1px;
right:0;
background-size: 19px 15px;
width:19px;
height: 15px;
}
.card > .card-badgets,
.card > .card-body > .card-badgets{
position: absolute;
top:12px;
left:12px;
z-index: 3;
}
.card > .card-badgets .btn,
.card > .card-body > .card-badgets .btn{
height:auto;
line-height: 1.2;
background: rgba(255, 255, 255, 1);
border-radius: var(--btn-border-radius);
font-size: 13px;
padding: 4px 8px;
letter-spacing: -0.3px;
margin-bottom: 4px;
}
.card > .card-body > .card-badgets{
top:42px;
left:42px;
}
.card > .card-body.p20 > .card-badgets{
top:32px;
left:32px;
}
.board-tiles-cards .card-body,
.board-tiles-cards .card-body-bottom *{
line-height: 1;
}
.board-tiles-cards .card-title{
padding-right: 40px;
}
/* board-tiles-cards-slider */
.board-tiles-cards-slider .card{
border:0;
}
.board-tiles-cards-slider .card-badgets{
left:20px;
top:20px;
}
.board-tiles-cards-slider .card:hover .headline-20{
color:var(--color-text-dark);
}
.board-tiles-cards-slider .card-image{
margin: 10px 10px 0 10px;
}
.board-tiles-cards-slider .more-link{
position: absolute;
z-index: 3;
top:-1px;
right:0;
}
.board-tiles-cards-slider .more-link .icon-elink{
background: url('data:image/svg+xml,');
background-size: 14px 14px;
width:14px;
height: 14px;
}
.board-tiles-cards-slider .image-switch-item:first-child {
padding-left: 10px;
}
.board-tiles-cards-slider .image-switch-item:last-child {
padding-right: 10px;
}
.board-tiles-cards-slider .card{
height: auto !important;
}
.board-tiles-cards-slider .card-image{
opacity:0.8;
}
.board-tiles-cards-slider .swiper-slide-active .card-image{
opacity:1;
}
.board-tiles-cards-slider div.card-image-img,
.board-tiles-cards-slider span.card-image-img,
.board-tiles-cards-slider a.card-image-img,
.board-tiles-cards-slider .card-image .switch-images,
.board-tiles-cards-slider .card-image .switched-image{
transition: height 0.8s ease-in-out;
}
.board-tiles-cards-slider .swiper-slide-active div.card-image-img,
.board-tiles-cards-slider .swiper-slide-active span.card-image-img,
.board-tiles-cards-slider .swiper-slide-active a.card-image-img,
.board-tiles-cards-slider .swiper-slide-active .card-image .switch-images,
.board-tiles-cards-slider .swiper-slide-active .card-image .switched-image {
height: 400px;
}
#board_tiles_cards_slider {
height: 525px;
}
#board_tiles_cards_slider .swiper-button-next{
top:auto !important;
right:5px !important;
bottom:5px !important;
}
#board_tiles_cards_slider .swiper-button-prev {
left: auto !important;
top:auto !important;
right:71px !important;
bottom:5px !important;
}
#board_tiles_cards_slider .swiper-button-disabled{
opacity: 50% !important;
}
.catalog_filter__wrap>.btn{
display: none;
}
/* company_list_board_list */
.company_list_board_list_area .total-title{
height:45px;
display: flex;
align-items: center;
margin-bottom: 20px;
}
.company_list_board_list > .card:not(:last-child){
margin-bottom: -1px;
}
.company_list_board_list .left-col{
padding: 25px;
padding-right: 0;
}
.company_list_board_list .right-col{
padding: 25px;
padding-left: 15px;
}
.company_list_board_list .image-col{
padding-right: 15px !important;
}
.company_list_board_list .image-col .card-image-img,
.company_list_board_list .image-col span.card-image-img,
.company_list_board_list .image-col a.card-image-img,
.company_list_board_list .image-col .card-image .switch-images,
.company_list_board_list .image-col .card-image .switched-image{
height:120px;
}
.company_list_board_list .text-col{
padding-left: 0 !important;
padding-right: 50px;
}
.company_list_board_list .favorites__btn{
position: absolute;
z-index: 3;
top:0;
right:0;
background-size: 19px 15px;
width:19px;
height: 15px;
}
.company_list_board_list .card-title{
padding-right: 20px;
}
.company_list_board_list .card-text{
height:68px;
overflow: hidden;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.company_list_board_list .btn_more{
position: absolute;
z-index: 2;
top:0;
right:10px;
bottom:0;
width:50px;
height:100%;
}
.company_list_board_list .btn_more:before{
position: relative;
top:5px;
display: block;
width:50px;
height:10px;
content:"";
background-image:url('data:image/svg+xml,');
background-position: center 0;
background-repeat: no-repeat;
}
.company_list_board_list .btn_more:hover:before{
background-image:url('data:image/svg+xml,');
}
.company_list_board_list .card.opened .btn_more:before{
transform: rotate(180deg);
top:3px;
}
.company_list_board_list .card.opened{
background: var(--secondary);
}
.card-content-details{
padding-left: 15px;
}
.card-content-details-images{
padding-right: 25px;
}
.card-content-details-images img{
width:100%;
height: 200px;
object-fit: cover;
border-radius: var(--card-border-radius);
}
.card-content-details-images .row{
margin-left: 0;
margin-right: 10px;
gap:10px;
flex-wrap: nowrap;
}
.card-content-details-images .col{
padding: 0;
}
.card_finances{
height: 410px;
}
.card_features{
height: 200px;
}
/*
company_list_board_tiles */
.company_list_board_tiles .card-text{
height: 100px;
overflow: hidden;
line-height: 1.3;
}
.company_list_board_tiles .first_image{
position: relative;
}
.company_list_board_tiles .card-image{
height: 100%;
}
.company_list_board_tiles img{
height: 100%;
max-height: 220px;
border-radius: var(--card-img-border-radius);
object-fit: cover;
}
.company_list_board_tiles .first_image img{
max-height: 100%;
}
.company_list_board_tiles .item-buttons{
gap:8px;
flex-direction: column;
width: 100%;
}
.company_list_board_tiles .item-buttons .btn{
flex-basis: auto;
width: 100%;
}
.board_tiles__images>.row{
margin: 0 -5px;
}
.company_list_board_tiles .row.images{
margin: -5px;
}
.board_tiles__images > .row>.col{
padding: 0 5px;
}
.company_list_board_tiles .row.images>.col{
padding: 5px;
}
.board_tiles__content>.row{
margin: -5px;
}
.board_tiles__content>.row>.col{
padding: 5px;
}
.company_list_board_tiles .item_price .headline-16{
margin-top: 1px !important;
}
.company_list_board_tiles .headline-14-condensed{
margin-top: 0 !important;
}
.company_list_board_tiles .item_prices__area{
height: 33px;
overflow: hidden;
position: relative;
}
.company_list_board_tiles .item_prices__area .text-13{
position: relative;
top:-2px
}
.company_list_board_tiles .item_prices__area > .row>.col-auto:first-child{
margin-bottom: 10px;
}
.company_list_board_tiles .btn_more{
position: absolute;
z-index: 2;
top:0;
right:10px;
bottom:0;
width:50px;
height:100%;
}
.company_list_board_tiles .btn_more:before{
position: relative;
top:2px;
display: block;
width:50px;
height:10px;
content:"";
background-image:url('data:image/svg+xml,');
background-position: center 0;
background-repeat: no-repeat;
}
.company_list_board_tiles .btn_more:hover:before{
background-image:url('data:image/svg+xml,');
}
.company_list_board_tiles .card.opened .btn_more:before{
transform: rotate(180deg);
top:3px;
}
.company_list_board_tiles .card.opened{
background: var(--secondary);
}
.company_list_board_tiles .card-content-details{
padding-left: 0;
padding-right: 0;
padding-top: 20px;
}
.company_list_board_tiles .card-content-details .row>.col{
padding: 0 5px;
}
.company_list_board_tiles .card-content-details .row>.col{
padding: 5px;
}
.company_list_board_tiles__content_col{
display: flex;
}
.company_list_board_tiles__content_col>div{
flex:0 0 50%;
max-width: 50%;
padding: 0 5px;
}
.company_list_board_tiles__content_col>div.item-buttons{
padding-top: 2px;
}
.company_list_board_tiles__content_col>div:first-child{
padding-left: 0;
}
.company_list_board_tiles__content_col>div:last-child{
padding-right: 0;
}
.company_list_board_tiles .item_price{
margin-bottom: -1px;
}
/* board-cards */
.board-cards .card{
height: 265px;
transition:all 0.2s ease-in-out;
}
.board-cards .card .card-body{
padding-right: 80px !important;
}
.board-cards .card .card-title{
padding-right: 20px;
}
.board-cards .card .card-body:hover{
color:var(--color-text-dark);
}
.board-cards .card .card-body:hover .card-title{
color:var(--primary);
}
.board-cards .card .card-body-center{
margin-right: -60px;
position: relative;
z-index: 3;
}
.board-cards .switch-images,
.board-cards .card .card-img img,
.board-cards .card .card-img,
.board-cards .image-switch,
.board-cards .switched-image{
width:160px;
height:120px;
border-radius: var(--card-img-border-radius);
background-size: cover !important;
}
.board-cards .card .card-img img{
object-fit: cover;
}
.board-cards .image-switch-item:first-child {
padding-left: 10px;
}
.board-cards .image-switch-item:last-child {
padding-right: 10px;
}
.board-cards .card-right-control{
position: absolute;
top:0;
right:0;
bottom:0;
width:70px;
border-left:1px solid var(--color-border-harp);
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
transition:all 0.2s ease-in-out;
z-index: 1;
}
.board-cards .card-right-control .favorites__btn{
position: relative;
z-index: 4;
}
.board-cards .card-right-control .favorites__btn:hover .icon-fav{
background:url('data:image/svg+xml,');
}
.board-cards .card-right-control .favorites__btn,
.board-cards .card-right-control .more-link{
width:70px;
height:70px;
display: flex;
align-items: center;
justify-content: center;
}
/*
bottom_navbar */
#bottom_navbar{
display: none;
}
/*
article page */
.article_wrap>.row{
justify-content: space-between;
}
.article_area>.container>.row>.col-md-auto{
padding-left: 30px !important;
padding-right: 30px !important;
}
.article_area>.container>.row{
justify-content: space-between;
}
.article_area>.container>.row> .col-md-3 {
flex: 0 0 360px;
max-width: 360px;
}
.article_area>.container>.row> .col-md-auto {
flex:1
}
.articles-category-slider{
margin-top: 15px;
}
.article_area{
margin-top: 30px;
}
.article_area .widget-card{
max-width:300px;
}
.prev-title,
.next-title{
display: flex;
align-items: center;
justify-content: space-between;
}
.prev-title svg,
.next-title svg{
color:var(--primary);
width:40px !important;
height: auto !important;
}
.articles-cards a:hover .prev-title svg,
.articles-cards a:hover .next-title svg{
color:var(--primary);
}
.article_wrap .articles-cards .card .card-body-top{
padding: 0 !important;
margin-bottom: 30px;
}
.f_content {
line-height: 1.3;
font-size: 15px;
}
.article_sidebar{
top:30px;
}
.article_title_area h1{
font-size: 34px;
font-weight: 500;
}
.articles_card{
max-width:590px;
}
.articles_card .f_photo {
position: relative;
}
.articles_card .f_photo .card-badgets{
position: absolute;
top:15px;
left:15px;
}
.articles_card .f_photo .card-badgets .btn{
background: #fff;
}
.ya-share2 {
margin-top: 30px;
background: var(--color-bg-light2);
border-radius: var(--card-border-radius);
padding: 3px;
}
.ya-share2 .ya-share2__list_direction_horizontal{
display: flex !important;
flex-direction: column !important;
}
.ya-share2__item{
margin: 0 !important;
}
.ya-share2__link .ya-share2__badge:not(:hover){
background:none !important;
}
.ya-share2__link .ya-share2__badge:hover {
background:#fff !important;
}
.articles_card .f_photo {
margin-bottom: 30px !important;
}
.articles_card img{
width:100%;
border-radius: var(--card-border-radius);
overflow: hidden;
}
.article_card_sticky_top{
position: sticky;
top:30px;
}
.article_sidebar2 .article_card_sticky_top{
top:0;
}
.article_area .f_content h4{
margin-top: 50px;
margin-bottom: 20px;
}
.article_hashs_widget{
margin-top: 50px;
}
.article_hashs{
display: flex;
flex-direction: column;
margin-top: 15px;
}
.article_hashs a{
padding: 8px 0;
font-size: 14px;
}
.article_hashs a span:first-child{
margin-right: 10px;
}
.article_hashs a:not(.active){
color:var(--color-text-gray2)
}
.article_hashs a:hover{
color:var(--color-text-dark)
}
.article_wrap .f_source{
display: none;
}
.article_wrap .articles-cards .card{
width:300px;
}
.article_wrap .articles-cards .card-body-top{
margin: 0 !important;
}
.article_wrap .articles-cards .card-title{
font-weight: 500;
}
.article_wrap .articles-cards .card .card-body-bottom{
margin-top: 20px;
display: none;
}
.article_card_sticky_bottom{
position: sticky;
top:calc(100vh - 100px);
}
.article_wrap .articles-cards:hover .card {
}
.article_wrap .articles-cards:hover .card-body-bottom{
display: block;
}
.article_sidebar2 {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.article_sidebar2 .sticky-top{
top:30px;
}
.article_sidebar2 > div{
max-width:300px;
}
a.img{
display: block;
position: relative;
}
.item_images__image{
position: relative;
}
.item_images__image::before,
.images_grid__image::before,
.switched-image::before,
.board_tiles__images .card-image::before,
a.img::before{
content:"";
display: block;
background: #E9FCF8;
position: absolute;
top:0;
right:0;
left:0;
bottom:0;
opacity: 0.10;
transition: all 0.2s ease-in-out;
}
.item_images__image:hover::before,
.images_grid__image:hover::before,
.switched-image:hover::before,
.board_tiles__images .card-image:hover::before,
a.img:hover::before{
opacity: 0;
}
/*
my */
.fav_list_cards .fav_list_item{
padding: 12px !important;
}
.fav_list_cards .fav_list_item .image-col{
padding: 0 !important;
}
.fav_list_cards .fav_list_item .card-title{
padding-right: 30px;
}
.fav_list_cards .image-col .card-image .switch-images,
.fav_list_cards .image-col .card-image .switched-image {
height: 165px !important;
}
.fav_list_cards .fav_list_item .favorites__btn{
top:2px !important;
}
.my_list__actions{
display: flex;
gap:5px;
justify-content: space-between;
}
.my_list__actions .btn{
height:42px;
font-size: 14px;
font-weight: 500;
flex:1;
white-space: nowrap;
}
.my_list__actions .btn.btn-more-actions{
max-width:42px;
min-width:42px;
padding-left: 0;
padding-right: 0;
display: flex;
align-items: center;
justify-content: center;
}
.my_list__actions .btn-outline-white{
border:1px solid #dedede
}
.my_list__actions .btn-outline-white:hover{
background: #fafafa;
}
.my_list__datestats_timeline{
background: #8dcbbf;
height:3px;
position: relative;
width:100%;
margin:4px 0 6px 0;
}
.my_list__datestats_timeline_progress{
background: #22a087;
height:3px;
position: absolute;
left:0;
top:0;
bottom:0;
right:0;
}
.my_list__actions .btn-primary{
background:#1eaa91;
background:linear-gradient(15.23deg,#30C1AC -46.11%,#03B295 48.21%,#03B295 142.67%);
border:0;
font-weight: 600;
padding-left: 18px !important;
padding-right: 18px !important;
min-width:45%;
max-width:45%;
}
.my_list__stats_col{
gap: 50px;
}
.my_list__datestats{
flex:1;
}
.my_list__datestats_dates{
font-size: 13px;
}
.my_list__datestats_date{
font-size: 15px;
}
.my_list__stats{
display: flex;
flex-direction: column;
gap: 6px;
align-items: flex-end;
}
.my_list__stats svg{
color:#A6A6A6;
width:17px;
height:17px;
}
.my_list__stats .bar{
display: flex;
align-items: center;
gap: 3px;
}
.my_list__stats .bar span.label{
font-size: 14px;
}
.my_list__stats .bar span.icon{
width:24px;
text-align: right;
}
.my_area .company_list_board_list_area{
padding: 0;
}
.my_area .sticky-top{
z-index: 1000;
}
.my_favorites_cats,
.articles_cats{
flex-wrap: nowrap;
display: flex;
flex-wrap: nowrap;
gap: 0 !important;
overflow: visible !important;
}
#myfavs_category_slider .swiper-slide,
#myfs_category_slider .swiper-slide,
#my_category_slider .swiper-slide,
#my_tabs_slider .swiper-slide,
#articles_category_slider .swiper-slide {
width: auto;
}
#myfs_category_slider .swiper-slide{
padding-right: 5px !important;
}
.my_favorites_cats .btn{
white-space: nowrap;
background: #fff !important;
height: 40px;
}
.my_favorites_cats .btn.active{
background: #fff !important;
border-color:var(--primary) !important
}
.my_favorites_cats .btn.active .count{
color:#203728 !important;
}
#my_tabs_slider{
position: relative;
}
#my_tabs_slider:before{
content: "";
height:2px;
background: #eee;
position: absolute;
left:0;
bottom:0;
right:0;
display: block;
z-index: 1;
}
#my_tabs_slider .btn{
font-size: 16px;
border:0 !important;
border-bottom: 2px solid transparent !important;
border-radius: 0 !important;
background: none !important;
padding-left: 0;
padding-right: 0;
position: relative;
z-index: 3;
height: 32px;
}
#my_tabs_slider .btn.active{
border-bottom: 2px solid var(--primary) !important;
}
#my_tabs_slider .btn .count{
color:#fff !important;
background: var(--primary);
padding: 5px !important;
margin-left: 5px;
border-radius: 100%;
width: 18px;
height: 18px;
font-size: 11px;
line-height: 9px;
}
.my_tabs{
flex-direction: column;
gap: 2px;
}
.my_tabs a.btn{
font-size: 16px;
justify-content: flex-start;
border:0;
margin: 0;
}
.my_tabs svg{
width:20px;
margin-right: 8px;
}
.my_tabs a.btn .count{
margin-left: 5px;
font-size: 14px;
font-weight: 400;
}
.my_search_list .list-group-item:first-child{
border-top-left-radius:var(--card-border-radius);
border-top-right-radius:var(--card-border-radius);
}
.my_search_list .list-group-item:last-child{
border-bottom-left-radius:var(--card-border-radius);
border-bottom-right-radius:var(--card-border-radius);
}
.my_search_list .list-group-item{
padding: 15px;
padding-top: 15px;
padding-bottom: 50px;
position: relative;
padding-right: 50px;
cursor: pointer;
}
.my_search_list .list-group-item .fs_title{
}
.my_search_list .list-group-item .fs_new{
position: absolute;
bottom:15px;
left:15px;
}
.my_search_list .list-group-item .fs_date{
position: absolute;
bottom:15px;
right:15px;
}
.my_search_list .list-group-item .fs_delete{
position: absolute;
top:15px;
right:15px;
color:var(--color-text-gray);
cursor: pointer;
}
.my_search_list .list-group-item .fs_delete svg{
width:20px
}
.my_search_list .list-group-item .fs_delete:hover{
color:var(--primary);
}
/*
articles_list */
.subscribe_wrap .count-subscribers{
display: none;
}
.articles_list .info_bar {
display: none;
}
/*
articles_item */
.articles_item .info_bar{
display: none;
}
.articles_item .f_source {
margin-top: 15px;
}
/*
catalog_item */
.item_prices__area .headline-16 {
padding-top: 1px;
}
.item_prices__area .row .flex-column:not(:first-child){
justify-content: flex-end;
}
.item_prices__area .row .flex-column:not(:first-child) .headline-16{
margin-top: 3px !important;
}
.breadcrumb_wrap>div span{
white-space: nowrap;
}
.item_title{
line-height: 1.1;
}
.item-buttons{
display: flex;
align-items: center;
gap:10px;
}
.item-buttons .btn{
flex-basis: 50%;
display: flex;
align-items: center;
font-size: 15px;
}
.item-buttons .favorites__btn:hover{
background: #fff;
color:var(--primary)
}
.item-buttons .btn .icon-fav{
margin-right: 5px;
width:18px;
height:14px;
background:url('data:image/svg+xml,');
background-repeat: no-repeat !important;
position: relative;
}
/* .item-buttons .icms-favorites__btn:hover .icon-fav{
background:url('data:image/svg+xml,');
} */
.item_images{
display: flex;
width:100%;
justify-content: space-between;
}
.item_images img{
width: 100%;
object-fit: cover;
border-radius: var(--card-img-border-radius);
}
.item_images__image{
display: block;
}
.item_images__first{
flex-basis:calc(50% + 10px);
width:calc(50% + 10px);
padding-right: 10px;
}
.item_images__grid{
width:calc(50% - 10px);
flex-basis:calc(50% - 10px);
}
.images_grid .row{
margin: -5px;
}
.images_grid .row .col{
padding: 5px;
}
.catalog_item .images_grid__image{
height: 180px;
}
.catalog_item .images_grid__image img{
width: 100%;
height: 100%;
}
.catalog_item .item_images__first .item_images_gallery_image{
position: relative;
}
.catalog_item .item_images__first .item_images_gallery_image:hover::before{
top:0;
left:0;
right:0;
bottom:0;
}
.item_images_gallery_image.no_image{
display: block;
height: 100%;
background: url('/templates/corpwill/images/nophoto_normal.png') no-repeat center center;
background-size: cover;
border-radius: var(--card-img-border-radius);
}
.item_images_gallery_image.no_image:hover::before{
display: none !important;
}
.item_finance_feature{
display: flex;
flex-direction: column;
justify-content: space-between;
}
.item_finance_feature>.card:first-child{
flex: 1;
}
#accordionItemFeatures .card{
border:1px solid var(--color-border-harp);
}
#accordionItemFeatures .card.active{
background: var(--secondary);
border-color: var(--secondary);
}
.item_finance_feature>.card{
position: relative;
}
.item_finance_feature>.card:first-child{
min-height: 318px;
}
.item_finance_feature>.card:first-child:before{
display: inline-block;
content:"";
position: absolute;
right:56px;
bottom:0;
line-height: 1;
width:192px;
height: 196px;
overflow: hidden;
background: url('data:image/svg+xml,');
background-repeat: no-repeat;
}
.item__about_cards{
display: flex;
margin: 0 -10px;
padding-right: 10px;
}
.item__about_cards .col{
width:50%;
flex-basis: 50%;
max-width:50%;
gap: 10px;
display: flex;
flex-direction: column;
}
.item__about_cards .col:first-child{
padding-right: 0;
}
.item__about_card {
display: flex;
gap: 10px;
padding: 10px;
border:1px solid var(--color-border-harp);
border-radius: var(--card-border-radius);
}
.item__about_card img{
object-fit: cover;
border-radius: var(--card-border-radius);
height: 180px;
}
.item__about_card.reverse > .img{
padding-right: 10px;
}
.item__about_card > .img,
.item__about_card > .caption {
width:50%;
min-width:50%;
flex-basis: 50%;
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--card-border-radius);
overflow: hidden;
}
.item__about_card > .caption{
font-size: 20px;
color:#8C9391;
}
.item__about_card.reverse > .caption{
order:-1
}
.item__about_work .first_col .card{
border-top-right-radius: 300px;
}
/* company-board-category-slider */
.board_categories_cards_area{
display: none;
}
#company_board_category_slider .swiper-slide{
width:auto;
}
.company-board-category-slider .card,
.company-board-category-tiles .card{
border-color:transparent;
position: relative;
height: 90px !important;
width:160px;
background-repeat: no-repeat !important;
background-size: auto 90px !important;
background-position: right bottom !important;
padding-right: 10px !important;
}
.company-board-category-tiles .card{
width:100%;
}
.company-board-category-slider .card.active,
.company-board-category-tiles .card.active{
border-color: var(--primary);
}
.company_board_category_slider_area .swiper-button-next,
.company_board_category_slider_area .swiper-button-prev{
top:calc(50% - 2px) !important;
}
.company_board_category_slider_area .swiper-button-next{
right:-20px;
}
.company_board_category_slider_area .swiper-button-prev{
left:-20px;
}
.company_board_category_tiles_area:not(.opened) .col.active{
order:-1;
}
.company_board_category_tiles_area .col.btn-more-area .card{
border:1px solid var(--color-border-secondary);
color:var(--primary);
line-height: 1.1;
}
.company-board-category-tiles .btn-more{
position: relative;
}
.company_board_category_tiles_area .btn-more:before,
.company_board_category_tiles_area .btn-hide:after {
content: '';
position: absolute;
transition: transform 0.25s ease-out;
top: 30px;
right: 17px;
width: 15px;
height: 15px;
color: var(--primary);
display: inline-block;
background: url('data:image/svg+xml,') no-repeat;
background-size:15px 8px;
}
.company_board_category_tiles_area .btn-hide:after {
position: static;
margin: 0;
height: 8px;
transform: rotate(180deg);
}
.company_board_category_tiles_area.opened .col.btn-more-area{
display: none;
}
.company_board_category_tiles_area .btn-hide{
color:var(--primary);
}
.company_board_category_tiles_area:not(.opened) .btn-hide-area{
display: none;
}
/* .company_board_category_slider_area{
padding-left: 65px !important;
padding-right: 65px !important;
}
.company_board_category_slider_area .swiper-button-next,
.company_board_category_slider_area .swiper-button-prev{
box-shadow: none !important;
border-radius: var(--card-border-radius);
height: 90px !important;
top:20px !important;
margin: 0 !important;
}
.company_board_category_slider_area .swiper-button-prev.swiper-button-disabled,
.company_board_category_slider_area .swiper-button-next.swiper-button-disabled{
opacity: 1 !important;
}
.company_board_category_slider_area .swiper-button-prev.swiper-button-disabled:after,
.company_board_category_slider_area .swiper-button-next.swiper-button-disabled:after{
opacity: 0.5 !important;
} */
/*
company-about-card1 */
.company-about-card1 img{
border-radius: var(--card-img-border-radius);
border-top-left-radius:300px;
border-bottom-left-radius:300px;
object-fit: cover;
height:100%;
}
/*
contacts */
.card_contacts{
border:0;
background:var(--color-bg-light) url(../images/bg_logo.png) no-repeat center center;
}
.contacts__contacts{
margin-top: 100px;
}
.card_contacts .contacts__contacts .headline-64{
}
.contacts__map__map{
position: relative;
}
.contacts__map__map .btn{
position: absolute;
bottom:30px;
left:30px;
padding: 0 40px;
}
#contacts__map__tabs .btn.active{
background: #fff !important;
border-color:#fff !important;
}
#contacts__map__tabs .btn:not(.active):hover{
color:var(--primary) !important;
}
/*
about_command_cards_slider */
.about_command_cards_slider_row{
display: flex;
gap: 10px;
}
.command_people_card{
background: var(--color-bg-light);
width:calc(33.333% - 10px);
}
.command_people_card img{
border-radius: var(--card-img-border-radius);
width:100%;
height:355px;
object-fit: cover;
}
.about_command_cards_slider_row>.command_people_card:first-child{
width:50%;
}
.about_command_cards_slider_row>.command_people_card:first-child .text{
display: none;
}
.about_command_cards_slider_row>.command_people_card:first-child img{
height: auto;
border-top-left-radius: 300px;
height: 655px;
}
.about_command_cards_slider_row>.command_people_card:nth-child(3) img{
border-bottom-right-radius: 200px;
}
.about_command_cards_slider_row>.command_people_card:nth-child(4){
display: none;
}
#about_command_cards_slider .swiper-button-next{
top:auto !important;
right:5px !important;
bottom:5px !important;
}
#about_command_cards_slider .swiper-button-prev {
left: auto !important;
top:auto !important;
right:71px !important;
bottom:5px !important;
}
#about_command_cards_slider .swiper-button-disabled{
opacity: 50% !important;
}
.nav-tabs.tabs-two .btn{
flex-basis: calc(50% - 5px);
width:calc(50% - 5px);
}
/*
Футер */
.footer{
background: var(--primary);
padding-top: 25px;
padding-bottom: 20px;
margin-top: 100px;
}
.footer>div>div.row{
flex-direction: column;
}
.footer,
.footer a{
color:#fff;
font-size: 14px;
font-weight: 400;
}
.footer a:hover{
text-decoration: underline;
}
.footer_links{
display: flex;
flex-direction: column;
margin-top: 7px;
max-width:120px
}
.footer_links a{
padding-top: 4px;
padding-bottom: 4px;
}
.footer_top{
padding-bottom: 20px;
}
.footer_bottom{
border-top:1px solid rgba(255,255,255,0.10);
padding-top: 20px;
}
.footer_bottom,
.footer_bottom a{
font-size: 13px;
}
.footer_bottom>.container{
display: flex;
align-items: end;
gap: 20px;
}
.footer_bottom__links{
display: flex;
gap: 10px;
}
.footer__contacts_phones .contact a{
display: inline-block;
}
.footer__contacts_phones .contact .text-13{
opacity:0.8;
}
.footer .navbar-brand,
.footer .icms-content-subcats,
.footer .icms-content-subcats li,
.footer .icms-content-subcats a{
margin: 0 !important;
padding: 0;
}
.footer .icms-content-subcats{
columns: 3;
-webkit-columns: 3;
-moz-columns: 3;
}
.footer .icms-content-subcats ul{
display: none !important;
}
.footer .icms-content-subcats > li > a{
padding-top: 4px;
padding-bottom: 4px;
display: inline-block;
}
.footer .icms-content-subcats a{
font-size: 14px;
font-weight: 400;
}
.footer .icms-content-subcats li>a>span.text-warning{
display: none !important;
}
.footer .icms-content-subcats a.text-dark{
color:#fff !important;
opacity:0.8;
}
.footer__card{
padding-top: 15px;
}
.footer__card_title{
opacity: 0.5;
font-weight: 400;
margin-bottom: 14px !important;
}
.footer__contacts__head {
margin-bottom: 14px;
}
.footer__contacts__head a {
opacity: 0;
}
.footer__contacts__head .footer__card_title{
margin-bottom: 0 !important;
}
.contact a{
text-decoration: none !important;
}
#header_search{
display: none;
}
/** dcAccordion sidemenu and mobmenu */
.mnews_sidemenu{
display: block;
}
.mnews_sidemenu ul,
.mnews_mobmenu ul {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
}
.mnews_sidemenu ul li,
.mnews_mobmenu ul li {
width: 100%;
display: block;
float: left;
position: relative;
z-index: 2;
}
.mnews_sidemenu ul li a,
.mnews_mobmenu ul li a {
width: 100%;
padding: 0 15px;
height:42px;
display: flex;
align-items: center;
float: left;
text-decoration: none;
color: #f5f5f5;
position: relative;
overflow: hidden;
-o-transition: color 0.2s linear, background 0.2s linear;
-moz-transition: color 0.2s linear, background 0.2s linear;
-webkit-transition: color 0.2s linear, background 0.2s linear;
transition: color 0.2s linear, background 0.2s linear;
}
.mnews_sidemenu ul li ul li a,
.mnews_mobmenu ul li ul li a {
padding: 8px 22px;
}
/* .mnews_sidemenu > ul > li.active > a,
.mnews_sidemenu > ul > li:hover > a,
.mnews_mobmenu > ul > li.active > a,
.mnews_mobmenu > ul > li:hover > a {
background: var(--color-gray);
} */
.mnews_sidemenu > ul > li > a,
.mnews_mobmenu > ul > li > a {
border-bottom: solid 1px rgba(255, 255, 255, 0.1);
}
.mnews_sidemenu ul li a i,
.mnews_mobmenu ul li a i {
width: 34px;
float: left;
line-height: 18px;
font-size: 16px;
text-align: left;
}
.mnews_sidemenu .dcjq-icon,
.mnews_mobmenu .dcjq-icon {
float: right;
right: 0;
position: absolute;
z-index: 9;
top: 0;
height: 100%;
width: 40px;
-o-transition: transform 0.3s linear;
-moz-transition: transform 0.3s linear;
-webkit-transition: transform 0.3s linear;
-ms-transition: transform 0.3s linear;
}
.mnews_sidemenu .dcjq-icon:before,
.mnews_mobmenu .dcjq-icon:before {
content: '';
position: absolute;
transition: transform 0.25s ease-out;
top: calc(50% - 5px);
left: 14px;
width: 12px;
height: 12px;
color: rgba(0, 0, 0, 0.8);
display: inline-block;
background: url('data:image/svg+xml,') no-repeat;
background-size: 100%;
}
.mnews_sidemenu .active > .dcjq-icon:before,
.mnews_mobmenu .active > .dcjq-icon:before {
background: url('data:image/svg+xml,') no-repeat;
}
.mnews_sidemenu ul ul.submenu,
.mnews_mobmenu ul ul.submenu li ul.submenu {
width: 100%;
display: none;
position: static;
}
.mnews_sidemenu ul ul.submenu li,
.mnews_mobmenu ul ul.submenu li {
clear: both;
width: 100%;
}
#mnews_sidemenu .submenu>.mobmenu-li:first-child{
padding-top: 10px;
}
#mnews_sidemenu .submenu>.mobmenu-li:last-child{
padding-bottom: 10px;
}
#mnews_sidemenu .submenu li,
#mnews_sidemenu .submenu a{
background: #239E88;
}
#mnews_sidemenu .submenu a{
font-size: 15px;
height: 34px;
}
#mnews_sidemenu > .mobmenu-li:not(.dcjq-parent-li)>a.nav-link:before,
.mobmenu-callback-card-head a:before{
content: '';
position: absolute;
transition: transform 0.25s ease-out;
top: calc(50% - 5px);
right: 14px;
width: 12px;
height: 12px;
color: #fff;
display: inline-block;
background: url('data:image/svg+xml,') no-repeat;
background-size: 12px 12px;
}
.mnews_sidemenu .mobmenu-li:last-child>a.nav-link{
border:0;
}
/* Мобильное меню */
html.mainmenu-opened .navbar-nav.menu-main {
display: none !important;
}
html.mainmenu-opened .header_navbar__user_navbar_menu {
display: none;
}
html.mainmenu-opened .header_navbar__navbar {
z-index: 6;
}
html.mainmenu-opened #mob_mainmenu{
display: block;
}
#mob_mainmenu{
background: #fff;
width:100%;
z-index: 8;
}
#mob_mainmenu > .container{
padding: 20px;
background: var(--primary);
width:100%;
max-width:930px;
margin:0 auto;
border-bottom-left-radius: var(--card-border-radius);
border-bottom-right-radius: var(--card-border-radius);
}
.mobmenu__links{
margin-top: 25px;
}
.mobmenu__links a{
color:#fff;
display: inline-block;
padding: 0 15px !important;
height: 30px;
}
.mobmenu-callback-card{
background: rgba(255, 255, 255, 0.15);
}
.mobmenu-callback-card,
.mobmenu-callback-card a{
color: #fff;
}
.mobmenu-callback-card .text-gray{
color: #fff;
opacity: 0.6;
}
.mobmenu-callback-card-head h6,
.mobmenu-callback-card-head{
font-size: 13px;
}
.mobmenu-callback-card-head a{
position: relative;
display: flex;
align-items: center;
padding-right: 20px;
}
.mobmenu-callback-card-head a:before{
right:0;
}
.mobmenu-callback-contacts>div{
max-width: 480px;
}
.mobmenu-callback-form .company-form-callback{
max-width: 480px;
gap: 15px;
}
.mobmenu-callback-form .company-form-callback .btn{
background: #fff;
color:var(--primary);
font-size: 15px;
white-space: nowrap;
}
/*
Выгодно и быстро продадим готовый бизнес */
/* .company-features-cards{
overflow: auto;
flex-wrap: nowrap;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: none;
&::-webkit-scrollbar {
display: none;
}
} */
.company-features-cards .swiper-slide{
min-width: 320px;
width: 320px;
height:auto !important;
}
.company_list_board_list_area .col-md-3 .sticky-top{
top:20px;
}
@media screen and (min-width: 992px) {
.desktop-d-none,
.desktop-hidden{
display: none !important;
}
.company-feature-card:hover,
.company-features-cards .card:hover,
.company-about-for-buyer .card:hover,
.company-reviews-cards .card:hover,
.company-callback-card:hover{
}
}
/* max-width: 1375px */
@media screen and (max-width: 1375px) {
body{
overflow-x: hidden;
}
/* главная */
.company-features-cards .headline-48-condensed{
font-size:44px !important;
}
}
@media screen and (max-width: 1280px) {
/* главная */
.company-features-cards .headline-48-condensed{
font-size:40px !important;
}
/* Каталог */
.f_price .slider-range-group>.input-group:before{
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1280px) {
.f_price .slider-range-group .form-control{
font-size: 15px !important;
padding-left: 33px !important;
padding-right: 10px !important;
}
.f_price .slider-range-group .input-group-text{
padding-left: 12px !important;
}
}
@media (max-width: 520px) {
#collapse_price .slider-range-group .form-control{
font-size: 15px !important;
padding-left: 33px !important;
padding-right: 10px !important;
}
#collapse_price .slider-range-group .input-group-text{
padding-left: 12px !important;
}
}
/* max-width: 1200px */
.modal-dialog {
margin: 1rem auto;
}
@media screen and (max-width: 1200px) {
/*
Шрифты */
:root{
--headline-38:calc(34px - 20%);
--headline-48:calc(48px - 20%);
--headline-96:calc(96px - 20%);
}
.text-15,
.text-15-condensed{
font-size: 14px !important;
}
.block-title.headline-16:not(.headline-24){
font-size: 15px !important;
}
.block-title.headline-24{
font-size: 20px !important;
}
/* Отступы */
:root{
--card-padding:20px;
}
.card.p30,
.card-body.p30{
padding: 20px;
}
/* Убираем br */
.company-feature-card br,
.company-features-cards br,
.company-about-for-buyer br,
.company-reviews-cards br,
#widget_wrapper_160 br,
.company-about-card1 br,
.company-about-catalog-card br,
.company-about-for-buyer br,
.company-about-command-card br,
.item__about_work br,
.company-about-reviews-card br,
.company-board-category-slider br,
.company-callback-card br{
display: none !important;
}
.datasets-tabs .btn {
min-width: auto;
}
/*
Хедер */
.header .navbar-brand img{
height:40px;
}
.header .container{
max-width: 100%;
}
.header .header_top{
border-bottom:1px solid rgba(255,255,255,0.2);
}
.header_navbar__navbar{
padding-left: 0 !important;
padding-right:0 !important;
position: relative;
}
.header .header_top>.row,
.header_navbar__navbar>.navbar>div:first-child,
.header_navbar__navbar>.navbar .menu-main,
.header .header_navbar__user_navbar_menu{
width:100%;
max-width: 930px;
margin: 0 auto !important;
}
.header_navbar .col-sm{
height: unset;
}
.header_navbar__navbar>.navbar>div:first-child{
height: 60px;
}
.header .header_navbar__user_navbar{
position: absolute;
height: 60px;
width:100%;
left:0;
right:0;
}
.header_navbar__navbar .navbar-brand-wrap .navbar-toggler,
.header_navbar__navbar .navbar-brand-wrap .navbar-brand {
position: relative;
z-index: 3;
}
.header .navbar-toggler{
padding-left: 0;
padding-top: 0;
padding-bottom: 0;
/* left: -3px; */
width:24px;
height: 40px;
border-radius: 100%;
background: url('data:image/svg+xml,');
background-size: 18px 17px;
background-repeat: no-repeat;
background-position: center center;
}
.mainmenu-opened .header .navbar-toggler{
background: transparent url('data:image/svg+xml,');
background-size: 24px 24px !important;
background-repeat: no-repeat;
background-position: center center;
}
.header_navbar__navbar{
display: block !important;
}
.header_navbar__navbar > .navbar{
display: block !important;
}
#target-main{
display: block !important;
position: static !important;
background: #fff;
}
#target-main .navbar-nav{
display: flex;
flex-direction: row;
gap: 20px;
padding-top: 10px;
}
#target-main .navbar-nav a{
color: var(--primary);
}
/* Поиск в хедере */
#header_search_form_dropdown{
margin: 0;
}
#header_search_form_dropdown #header_search_form_result{
max-width: 930px;
left:auto;
right:auto;
margin: 0 auto;
}
#header_search_form{display: flex;align-items: center;position: absolute;top:0;right:0;left:0;z-index: 5;padding: 0 20px;height: 60px;/* overflow: hidden; */opacity: 0;z-index: -1;}
html.headersearch-opened #header_search_form{
z-index: 8;
opacity: 1;
}
#header_search_form .input-group-area{
width:100%;
max-width:930px;
margin: 0 auto;
/* background: rgba(30,170,145, 0.5); */
}
#header_search_form .input-group{
padding-right: 303px;
}
.user-logged #header_search_form .input-group{
padding-right: 361px;
}
#header_search_form .input-group-append{
right:305px;
}
.user-logged #header_search_form .input-group-append{
right:362px;
}
#header_search_form .form-control{
background: var(--primary);
}
a[href="#header_search_form"]{
display: inline-flex;
}
a[href="#header_search_form"]{
width:40px;
height:40px;
background: url('data:image/svg+xml,');
background-size: 20px 20px;
background-position: center center;
background-repeat: no-repeat;
}
/* Футер */
.footer_top>.row>.col-sm-3:last-child{
max-width:100% !important;
flex-basis: 100%;
margin-top: 30px;
}
.footer_top>.row>.col-sm-3:last-child .footer__card .footer__contacts .headline-16{
font-size: 20px !important;
}
.footer_top>.row>.col-sm-3:last-child .footer__card .footer__contacts{
display: flex;
width:100%;
}
.footer_top>.row>.col-sm-3:last-child .footer__card .footer__contacts>*{
flex: 0 0 50%;
max-width: 50%;
}
.footer_top>.row>.col-sm-3:last-child .footer__card .footer__contacts .footer__contacts_phones>*{
flex: 0 0 50%;
max-width: 50%;
}
.footer__contacts_adres{
margin-top: 0 !important;
}
.footer__contacts_adres,
.footer__contacts_phones .contact:last-child,
.footer_bottom .footer_bottom__links{
padding-left: 10px;
}
.footer__contacts_card{
border-radius: var(--card-border-radius);
background: rgba(255, 255, 255, 0.15);
padding: 20px !important;
margin-left: -20px;
margin-right:-20px;
margin-top: -6px;
margin-bottom: -4px;
}
.footer__contacts__head {
margin-bottom: 19px;
}
.footer__contacts__head a {
opacity: 1;
}
.footer__contacts_adres{
font-size: 15px !important;
line-height: 1.2;
}
.footer__contacts__head a{
position: relative;
display: flex;
align-items: center;
padding-right: 20px;
}
.footer__contacts__head a:before {
content: '';
position: absolute;
transition: transform 0.25s ease-out;
top: calc(50% - 5px);
right: 0;
width: 12px;
height: 12px;
color: #fff;
display: inline-block;
background: url('data:image/svg+xml,') no-repeat;
background-size: 12px 12px;
}
/*
Главная
*/
/*
Выгодно и быстро продадим готовый бизнес */
.company-feature-card .headline-38{
}
.company-feature-card .card-body-bottom{
margin-top: 30px;
}
.company-feature-card .card-img{
height: 100%;
object-fit:cover;
}
.company-features-cards .card .card-body .headline-48-condensed{
font-size:38px !important;
}
/* Покупателю */
.company-about-for-buyer-cards .card-body{
flex-direction: column;
align-items: start !important;
}
.company-about-for-buyer-cards .card-body .card-body-image{
margin-bottom: 15px;
}
.company-about-for-buyer-cards .card-body .card-body-image img{
width:48px;
}
.company-about-for-buyer-cards .card-body .card-body-image img[src="/templates/corpwill/images/icon-07.png"]{
width:42px;
margin-top: 6px;
}
/* Отзывы */
.company-reviews-cards .card-body{
padding-right: 40px;
}
.company-reviews-cards .icon-elink {
bottom: 20px;
right: 20px;
width:20px;
height:20px;
background-size:20px 20px;
}
/*
Категории объявлений */
.company-board-cards .card .card-body-top .card-title{
padding-right: 20px;
}
.company-board-cards .card .card-body{
justify-content: space-between;
}
.company-board-cards .card .card-body-bottom .headline-caption{
display: flex;
flex-direction: column;
justify-content: start !important;
align-items: start !important;
}
/* Статьи */
#widget_wrapper_156 .company-articles-cards .col:nth-child(4){
display: none;
}
#widget_wrapper_156 .company-articles-cards>* {
flex: 0 0 calc(100% / 3);
max-width: calc(100% / 3);
}
/*
О компании */
.company-about-card1 .headline-96{
font-size: 64px !important;
}
.company-about-card1 .headline-30{
font-size: 24px !important;
}
.company-about-card1 .text-16{
font-size: 14px !important;
}
[data-uri="pages/about.html"] .headline-20{
font-size: 18px !important;
}
[data-uri="pages/about.html"] .headline-16{
font-size: 15px !important;
}
[data-uri="pages/about.html"] .headline-18{
font-size: 16px !important;
}
[data-uri="pages/about.html"] .company-features-cards .headline-96-regular{
font-size: 64px !important;
}
[data-uri="pages/about.html"] .headline-32{
font-size: 28px !important;
}
[data-uri="pages/about.html"] .board-tiles-cards-slider .swiper-slide-active div.card-image-img,
[data-uri="pages/about.html"] .board-tiles-cards-slider .swiper-slide-active span.card-image-img,
[data-uri="pages/about.html"] .board-tiles-cards-slider .swiper-slide-active a.card-image-img,
[data-uri="pages/about.html"] .board-tiles-cards-slider .swiper-slide-active .card-image .switch-images,
[data-uri="pages/about.html"] .board-tiles-cards-slider .swiper-slide-active .card-image .switched-image {
height: 250px;
}
#board_tiles_cards_slider {
height: auto;
}
#board_tiles_cards_slider .swiper-button-prev,
#about__command_management .swiper-button-prev{
left:5px !important;
right:auto !important;
}
#board_tiles_cards_slider .swiper-button-next,
#board_tiles_cards_slider .swiper-button-prev,
#about__command_management .swiper-button-next,
#about__command_management .swiper-button-prev {
top: var(--swiper-navigation-top-offset, 50%) !important;
}
.company-about-reviews-card .text-16{
font-size: 15px !important;
}
.company-about-phone-card .headline-64-condensed{
font-size: 48px !important;
}
.company-callback-card .form-control::placeholder,
.company-callback-card .form-control{
font-size: 15px;
}
.about_command_cards_slider_row>.command_people_card img{
height: 320px !important;
}
.about_command_cards_slider_row>.command_people_card .text{
display: none !important;
}
.about_command_cards_slider_row>.command_people_card:first-child img {
border-top-left-radius: 100px !important;
}
.about_command_cards_slider_row>.command_people_card:nth-child(3) img {
border-bottom-right-radius: 100px !important;
}
.about_command_cards_slider_row>.command_people_card {
width: calc(100% / 3) !important;
}
.about_command_cards_slider_row>.command_people_card:first-child .text {
display: block;
}
.company-about-card1 img {
border-top-left-radius: 200px;
border-bottom-left-radius: 200px;
}
.item__about_work .first_col .card {
border-top-right-radius: 200px;
}
.fav_list_cards.row > div.col{
flex: 0 0 50% !important;
max-width: 50% !important;
}
.fav_list_cards .headline-18{
font-size: 16px !important;
}
.fav_list_cards .headline-16{
font-size: 16px !important;
}
.fav_list_cards .price_profit{
margin-top: 5px;
}
.fav_list_cards .card-body-bottom.mt-3{
margin-top: 0.7rem !important;
}
/*
Каталог */
[data-page="catalog-list"] .headline-19{
font-size: 14px !important;
font-weight: 500;
}
.company-catalog-filter-card .btn-tags{
flex-wrap: wrap;
}
.company_list_board_list_area>.row>.col-md-3{
flex: 0 0 30%;
max-width: 30%;
}
.company_list_board_list_area>.row>.col-md-9{
flex: 0 0 70%;
max-width: 70%;
}
.company-catalog-filter-card .form-control,
.company-catalog-filter-card .chosen-container-single .chosen-single span{
font-size: 15px ;
}
.company-form-callback{
max-width: 100%;
}
.company-form-callback.compact .btn {
margin-top: 10px;
position: static;
font-size: 14px;
width: 100%;
}
.company-form-callback.compact .form-control,
.company-form-callback.compact .form-control::placeholder{
font-size: 20px !important;
}
[data-page="catalog-list"] .card > .card-body.p20 > .card-badgets {
top: 25px;
left: 25px;
}
.company-articles-cards .card{
padding: 15px !important;
}
.company-articles-cards .card .card-body{
padding: 0 !important;
}
.company-articles-cards .headline-16{
font-size: 14px !important;
}
.widget__board_list_cards,
.widget__board_list_cards>div{
padding: 0 !important;
}
.widget__board_list_cards .row{
width:100%;
margin: 0 !important;
flex-wrap: nowrap;
overflow: auto;
flex-wrap: nowrap;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: none;
&::-webkit-scrollbar {
display: none;
}
}
.widget__board_list_cards>.row>.col{
flex:0 0 425px !important;
max-width:425px !important;
width:425px !important;
padding: 0 !important;
margin-right: 10px;
}
#icms-widget__tabbed_167_168_tabs{
margin-bottom: 20px !important;
}
/*
Каталог Список */
.company_list_board_list>.container>.row:not(.company-articles-cards){
display: block !important;
}
.company_list_board_list>.container>.row:not(.company-articles-cards)>div{
max-width: 100%;
}
.company_list_board_list .left-col {
padding: 20px;
padding-bottom: 10px;
}
.company_list_board_list .left-col .card-title{
font-size: 20px !important;
padding-right: 40px;
}
.company_list_board_list .right-col {
padding-top: 0;
padding-bottom: 13px;
}
.company_list_board_list .right-col {
padding-left: 20px !important;
}
.company_list_board_list .left-col .card-body-top{
margin: 0 !important;
order:-1;
}
.company_list_board_list .left-col .card-body-top .headline-16{
margin-top: 5px !important;
}
.company_list_board_list .left-col .card-body-bottom{
order:-1;
margin-bottom: 0;
margin-top: 5px;
justify-content: flex-start !important;
}
.company_list_board_list .left-col .card-body-bottom .btn-tags{
margin-left: 20px;
}
.company_list_board_list .btn_more{
right:0;
}
.company_list_board_list .favorites__btn{
right:4px;
top:1px
}
/*
Каталог Плитка */
.company_list_board_tiles .card-body{
padding: 15px !important;
}
.company_list_board_tiles .card-content-details>.row{
padding-left: 10px;
padding-right: 10px;
margin-bottom: -5px;
}
.company_list_board_tiles__content_col{
flex-direction: column;
}
.company_list_board_tiles__content_col>div{
flex:0;
max-width: 100%;
padding: 0;
}
.company_list_board_tiles .board_tiles__images .col-md-4,
.company_list_board_tiles .board_tiles__content .col-md-4,
.company_list_board_tiles .card-content-details .col-md-4{
flex:0 0 40%;
max-width: 40%;
}
.company_list_board_tiles .board_tiles__images .col-md-8,
.company_list_board_tiles .board_tiles__content .col-md-8,
.company_list_board_tiles .card-content-details .col-md-8{
flex:0 0 60%;
max-width: 60%;
}
.company_list_board_tiles .card-text{
height: auto;
min-height: 60px;;
padding-right: 40px;
}
.company_list_board_tiles .item-buttons,
.company_list_board_tiles .item-buttons .btn{
gap: 0;
padding: 0;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.company_list_board_tiles .item-buttons .btn-primary{
display: none;
}
.company_list_board_tiles .item-buttons .favorites__btn{
border:0;
font-size: 0px;
position: absolute;
top:-7px;
right:-3px;
}
.company_list_board_tiles .item-buttons .favorites__btn .title {
display: none;
}
.company_list_board_tiles .item-buttons .favorites__btn .icon-fav{
width:19px !important;
height:15px !important;
background-size:19px 15px !important;
}
.company_list_board_tiles .btn_more{
right: -10px !important;
}
.item_content_area .favorites__btn .title:before {
content: "Добавить";
}
.item_content_area .favorites__btn.added .title:before {
content: "Удалить";
}
/*
Контакты */
.contacts__contacts .contacts__phone .headline-64{
font-size: 44px !important;
}
[data-uri="pages/contacts.html"] .headline-32{
font-size: 28px !important;
}
[data-uri="pages/contacts.html"] .headline-24{
font-size: 18px !important;
}
}
/* max-width: 991px */
@media screen and (max-width: 991px) {
body:not(.is_home) .main-layout {
padding: 0 0;
}
.tablet-d-none{
display: none !important;
}
.tablet-d-flex{
display: flex !important;
}
.tablet-d-block{
display: block !important;
}
.query_head{
padding: 0;
}
.breadcrumb_wrap {
margin-top: 0;
}
/*
Шрифты */
:root{
--headline-38:38px;
--headline-48:48px;
--headline-96:96px;
}
.text-15,
.text-15-condensed{
font-size: 15px !important;
}
.block-title.headline-16:not(.headline-24){
font-size: 16px !important;
}
.block-title.headline-24{
font-size: 24px !important;
}
/* Отступы */
:root{
--card-padding:20px;
}
.card.p30,
.card-body.p30{
padding: 30px;
}
.card-title.mt-n2{
margin-top: 0 !important;
}
.company-form-callback-controls{
display: flex;
gap: 15px;
}
/*
Хедер */
#target-main .navbar-nav {
display: none;
}
.header .header_top>.row,
.header_navbar__navbar>.navbar>div:first-child,
.header_navbar__navbar>.navbar .menu-main,
.header .header_navbar__user_navbar_menu{
max-width: 690px;
}
.header_top .menu-header .nav-item:first-child,
.header_top .menu-header .nav-item:last-child{
display: none !important;
}
.header_top .menu-header .nav-item:nth-child(2) a{
padding-left: 0;
}
.header .company-form-callback{
flex-direction: row;
}
.header .mobmenu-callback-form .headline-20{
margin-bottom: 15px !important;
}
.header .mobmenu-callback-card .text-gray{
margin-top: 10px !important;
}
.header .mobmenu-callback-contacts .footer__contacts_adres{
padding: 0;
margin-top: 20px !important;
}
#mob_mainmenu > .container {
max-width: 690px;
}
#header_search_form .input-group {
max-width: 690px;
margin: 0 auto;
}
#target-main {
position: relative;
}
/* Поиск в хедере */
#header_search_form_dropdown #header_search_form_result{
max-width: 690px;
left:auto;
right:auto;
}
/*
My */
.my_area,
.my_area >.row,
.my_area>.row> .col-12{
margin: 0;
display: block;
padding: 0;
max-width:100%;
}
.my_tabs{
flex-direction: row;
gap: 5px;
margin-bottom:20px;
}
/*
article page */
.article_title_area h1 {
font-size: 28px;
}
.article_wrap>.row{
justify-content: space-between;
}
.article_area>.container>.row>.col-md-auto{
padding-left: 0 !important;
padding-right: 0 !important;
}
.article_wrap .row{
display: block !important;
}
.article_area>.container>.row> .col-md-3 {
flex: 0 0 100%;
max-width: 100%;
}
.article_sidebar2{
display: block;
}
.sticky-top,
.article_card_sticky_bottom{
position: static !important;
}
.article_card_sticky_bottom_desktop{
display: none !important;
}
.articles_card{
margin-top: 30px;
}
.ya-share2 .ya-share2__list_direction_horizontal {
flex-direction: row !important;
}
.ya-share2 {
margin-bottom: 50px;
margin-left: -10px;
}
.article_wrap .articles-cards:hover .card {
margin-top: 0;
}
.article_wrap .articles-cards .card .card-body-bottom {
display: block;
}
/*
Главная
*/
/*
Выгодно и быстро продадим готовый бизнес */
.company-feature-card .text-maxwith{
max-width: 100%;
}
.company-feature-card .card-img-mobile{
display: block !important;
width: 100%;
margin-top:20px;
margin-bottom: 10px;
}
.company-feature-card>.row>.col-md-12:last-child {
display: none;
}
.company-feature-card .card-body-bottom{
margin-top: 15px;
}
.company-features-cards .card .card-body .headline-48-condensed{
font-size:48px !important;
}
/* Покупателю */
#icms-widget__tabbed_145_146 .nav-tabs{
margin-bottom: 20px !important;
}
.company-about-for-buyer .col-12{
padding: 0;
}
.company-about-for-buyer .card-body-text{
margin-top: 20px;
}
.company-about-for-buyer-cards{
margin-top:20px !important;
}
/* Каталог бизнесов */
.company__catalog_filter_widget .card-body-text{
margin-top: 20px;
}
.company__catalog_filter_widget>.container>.row>.col-12{
padding: 0;
}
.company-catalog-filter-card .card-body>.col-12:first-child{
margin-bottom: 30px;
}
.company-catalog-filter-card .card-title{
margin-top: 0 !important;
}
/* Обратная связь */
.company-callback-card .card-body{
padding-right: 35px;
}
.company-callback-card .card-body>.col-12:first-child{
margin-bottom: 30px;
}
.company-callback-card .headline-24{
margin-bottom: 15px !important;
font-size: 20px !important;
}
.company-form-callback{
display: flex;
flex-direction: column;
}
.company-form-callback .inputs-group{
display: flex;
gap: 15px;
}
.company-form-callback .form-control{
flex:0 0 60%;
max-width:60%;
}
.company-form-callback .btn{
flex:0 0 40%;
max-width:40%;
}
.company-form-callback .form-control,
.company-form-callback .btn{
height: 56px;
margin: 0 !important;
}
.company-form-callback .text-13{
order:1;
margin-top: 15px;
}
.company-form-callback .form-control,
.company-form-callback .form-control::placeholder{
font-size: 24px;
}
/* Слайдер Новых объявлений */
#board_tiles_slider .swiper-slide{
width:300px !important
}
/*
Каталог */
.company_list_board_list_area{
padding: 0;
}
.company_list_board_list_area>.row{
display: block;
margin: 0 !important;
}
.company_list_board_list_area>.row>div{
max-width: 100% !important;
padding: 0;
}
.company_list_board_tiles .item_price {
margin-bottom: 0;
}
.catalog_filter__wrap .company-catalog-filter-card{
display: none;
padding-top: 20px;
}
.catalog_filter__wrap.open .company-catalog-filter-card{
display: block;
}
.catalog_filter__wrap>.btn-filter-toggle{
display: flex;
color:var(--color-text-gray);
background: #fff !important;
position: relative;
}
.catalog_filter__wrap.open>.btn-filter-toggle span{
display: none;
}
.catalog_filter__wrap>.btn-filter-toggle:hover{
color:var(--primary);
}
.catalog_filter__wrap.open>.btn-filter-toggle{
color:var(--color-text-gray2);
border:0;
}
.catalog_filter__wrap>.btn-filter-toggle:after {
content: '';
position: absolute;
transition: transform 0.25s ease-out;
top: 0;
bottom:0;
left: 0;
right: 0;
color: var(--primary);
display: inline-block;
background: url('data:image/svg+xml,') no-repeat;
background-size:15px 8px;
background-position: center center;
transform: rotate(180deg);
}
.catalog_filter__wrap:not(.open)>.btn-filter-toggle:after {
display: none;
}
[data-page="catalog-list"] .company-callback-card{
display: none;
}
.catalog_list_total_title{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.catalog_list_total_title .total-title{
margin: 0 !important;
}
.catalog_filter__wrap{
margin-bottom: 20px;
}
/*
my favs */
.fav_list_cards.row{
display: flex !important;
margin-left: -15px !important;
margin-right: -15px !important;
}
.fav_list_cards.row > div.col{
flex: 0 0 50% !important;
max-width: 50% !important;
}
/*
Каталог Страница объекта */
.catalog_item .item_images{
flex-direction: column;
gap: 10px;
}
.catalog_item .item_images>div{
flex:0 0 100% !important;
min-width:100% !important;
width:100% !important;
padding: 0 !important;
}
.catalog_item .item_images__grid .row{
margin: 0 !important;
flex-wrap: nowrap;
overflow: auto;
flex-wrap: nowrap;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: none;
&::-webkit-scrollbar {
display: none;
}
}
.catalog_item .item_images__grid>.row>.col{
flex:0 0 250px !important;
max-width:250px !important;
width:250px !important
}
.catalog_item .item_content_area>.row .col-12{
padding: 0 !important;
}
.catalog_item .item_content_area>.row .col-12:last-child{
margin-top: 8px;
}
.catalog_item .item_prices__area{
margin-top: 13px !important;
}
.catalog_item .item_content_area{
margin-top: 10px !important;
}
/*
Каталог Страница объекта Финансы */
.catalog_item__finance_card .col-12{
padding:0 !important;
}
.catalog_item__finance_card .col-12:last-child{
margin-top: 10px;
}
.catalog_item .catalog_item__finance_features_card .row{
margin-right: -15px;
flex-wrap: nowrap;
overflow: auto;
flex-wrap: nowrap;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: none;
&::-webkit-scrollbar {
display: none;
}
}
.catalog_item .catalog_item__finance_features_card .row .col{
flex:0 0 320px;
max-width:320px;
width:320px
}
/*
Каталог Страница объекта Цифры */
.catalog_item__numbers_card .col-12{
padding:0 !important;
}
.catalog_item__numbers_card .col-12:last-child{
margin-top: 10px;
}
.catalog_item__numbers_card #item_images_slider{
margin-top: -10px;
margin-bottom: -10px;
}
.catalog_item__numbers_area .row{
margin: 0 -15px;
}
.catalog_item__numbers_area .row .col{
padding: 5px !important;
height: auto !important;
}
.catalog_item__numbers_area .row .col h6{
font-size: 32px !important;
}
.catalog_item__numbers_area .company-features-cards .card-body-top {
height: auto;
margin-bottom: 5px;
}
/*
Каталог Страница объекта Преимущества */
.catalog_item__fetures_card .item_finance_feature>.card:last-child .card-body-top .card-title{
color:var(--color-text-gray) !important
}
.catalog_item #accordionItemFeatures{
margin-top: 20px;
}
.catalog_item #accordionItemFeatures .card{
margin: 0;
margin-bottom: -1px;
}
/*
Каталог Страница объекта О бизнесе */
.catalog_item__about_card br{
display: none;
}
.catalog_item__about_card .col-12{
padding:0 !important;
}
.catalog_item__about_card .col-12:last-child{
margin-top: 10px;
}
.item__about_cards{
display: block;
margin-bottom: -10px;
padding-left: 10px;
}
.item__about_cards .col {
width: 100%;
min-width: 100%;
padding: 0;
flex-direction: row;
margin-bottom: 10px;
}
.item__about_cards .item__about_card {
display: block;
border:1px solid var(--color-border-harp);
border-radius: var(--card-border-radius);
padding: 15px;
}
.item__about_cards .item__about_card .img{
width: 100%;
}
.item__about_cards .item__about_card .caption {
display: block;
padding: 0;
border:0;
margin-top: 5px;
margin-bottom: -3px;
border-radius: 0;
color:var(--color-text-gray2)
}
.item__about_card.reverse > .img{
padding-right: 0;
}
/* О компании */
[data-uri="pages/about.html"] .company-about-card1 .row-10px .col-12{
padding: 0;
}
[data-uri="pages/about.html"] .company-about-card1 .row-10px .col-12:last-child{
order:-1;
margin-bottom: 10px;
}
[data-uri="pages/about.html"] .company-about-catalog-card .col-12{
padding: 0;
}
[data-uri="pages/about.html"] #board_tiles_cards_slider .swiper-slide{
width:280px !important;
}
[data-uri="pages/about.html"] #board_tiles_cards_slider .swiper-slide,
[data-uri="pages/about.html"] #board_tiles_cards_slider .swiper-slide .card{
height: auto !important;
display: flex;
}
[data-uri="pages/about.html"] #board_tiles_cards_slider .swiper-slide .card{
width:100%;
}
[data-uri="pages/about.html"] #board_tiles_cards_slider .swiper-button-prev,
[data-uri="pages/about.html"] #board_tiles_cards_slider .swiper-button-next{
display: none !important;
}
[data-uri="pages/about.html"] .company-about-for-buyer-cards {
flex-direction: column;
gap: 10px;
}
[data-uri="pages/about.html"] .company-about-for-buyer-cards .col{
flex:0 0 100%;
max-width: 100%;
}
[data-uri="pages/about.html"] .company-about-for-buyer-cards .col .card .card-body{
flex-direction: row;
align-items: center !important;
}
[data-uri="pages/about.html"] .company-about-for-buyer-cards .card-body .card-body-image {
margin-bottom: 0;
}
[data-uri="pages/about.html"] .company-about-for-buyer .card-body-text {
margin-top: 0;
}
[data-uri="pages/about.html"] .company-about-for-buyer .btn-lg.btn-primary {
height: 46px;
font-size: 14px;
}
.about_command_cards_slider_row>.command_people_card .headline-20 {
font-size: 16px !important;
}
.about_command_cards_slider_row>.command_people_card .text {
display: none !important;
}
.about_command_cards_slider_row>.command_people_card:nth-child(3) img{
border-bottom-right-radius: var(--card-border-radius) !important;
}
.about_command_cards_slider_row>.command_people_card:nth-child(4){
display: block;
}
.about_command_cards_slider_row>.command_people_card:nth-child(4) img {
border-bottom-right-radius: 100px !important;
}
/* О компании Наша команда */
[data-uri="pages/about.html"] .company-about-command-card .col-12{
padding: 0;
}
.about_command_cards_slider_row{
flex-wrap: wrap;
gap: 15px 10px;
}
.about_command_cards_slider_row>.command_people_card {
min-width: calc(50% - 5px) !important;
width: calc(50% - 5px) !important;
margin: 0 !important;
}
.about_command_cards_slider_row>.command_people_card:first-child img {
border-top-left-radius: 150px !important;
}
.about_command_cards_slider_row>.command_people_card:nth-child(4) img {
border-bottom-right-radius: 150px !important;
}
[data-uri="pages/about.html"] #about_command_cards_slider .swiper-button-next, [data-uri="pages/about.html"] #about_command_cards_slider .swiper-button-prev {
display: none;
}
[data-uri="pages/about.html"] .item__about_work .col-12{
padding: 0;
}
[data-uri="pages/about.html"] .item__about_work .first_col{
margin-bottom: 10px;
}
[data-uri="pages/about.html"] .item__about_work .card-title.headline-90{
margin-bottom: 27px !important;
}
[data-uri="pages/about.html"] .company-about-reviews-card .col-12:first-child .card-text{
margin-bottom: 0;
margin-top: -10px;
}
[data-uri="pages/about.html"] .company-about-reviews-card .more-link-area{
text-align: right;
margin-top: -19px !important;
}
[data-uri="pages/about.html"] #accordionReviews{
margin-top: 25px !important;
}
[data-uri="pages/about.html"] .company-about-phone-card .col-12{
padding: 0 !important;
}
[data-uri="pages/about.html"] .company-about-phone-card .col-12:first-child{
margin-bottom: 25px;
}
[data-uri="pages/about.html"] .company-about-phone-card .headline-64-condensed {
font-size: 64px !important;
}
/* Страница Контакты */
[data-uri="pages/contacts.html"] .btn-group-lg .btn,
[data-uri="pages/contacts.html"] .btn-group-md .btn {
height: 46px;
}
[data-uri="pages/contacts.html"] .headline-32 {
font-size: 24px !important;
}
[data-uri="pages/contacts.html"] .card_contacts .col-12,
[data-uri="pages/contacts.html"] .company-info-card .col-12{
padding: 0;
}
[data-uri="pages/contacts.html"] .card-body-text br{
display: none;
}
[data-uri="pages/contacts.html"] .card_contacts .contacts__contacts{
margin-top: 50px;
}
[data-uri="pages/contacts.html"] .card_contacts .contacts__contacts>.row>.col-12:first-child{
order:1;
}
[data-uri="pages/contacts.html"] .card_contacts .contacts__contacts .contacts__socials{
margin-top: 20px;
}
[data-uri="pages/contacts.html"] .card_contacts .contacts__contacts .contacts__socials .btn{
width:35px;
height:35px;
padding-top: 1px;
}
[data-uri="pages/contacts.html"] .card_contacts .contacts__contacts .contacts__socials .btn svg{
font-size: 21px;
}
[data-uri="pages/contacts.html"] .card_contacts .contacts__contacts .contacts__socials .btn:last-child svg{
font-size: 22px;
}
[data-uri="pages/contacts.html"] .card_contacts .contacts__contacts>.row>.col-12:first-child .card-body-text{
margin-top: 15px;
}
[data-uri="pages/contacts.html"] .card_contacts .contacts__phone .headline-64{
font-size:30px !important;
}
[data-uri="pages/contacts.html"] .card_contacts .contacts__phone .headline-32{
font-size:24px !important;
font-weight:500;
}
[data-uri="pages/contacts.html"] .card_contacts .contacts__phone.mt30{
margin-top: 15px !important;
}
[data-uri="pages/contacts.html"] .company-support-card .card-body>.col-12:first-child {
margin-bottom: 20px;
}
[data-uri="pages/contacts.html"] .company-support-card .card-body>.col-12:last-child .headline-24 {
font-size: 16px !important;
}
[data-uri="pages/contacts.html"] .company-map-card .card-body>.col-12:first-child {
margin-bottom: 20px;
}
[data-uri="pages/contacts.html"] .company-map-card .card-body>.col-12:last-child .headline-24 {
margin-bottom: 5px !important;
font-size: 16px !important;
}
.contacts__map__map,
.contacts__map__map img{
height:400px;
object-fit: cover;
}
.contacts__map__map .btn{
font-size: 13px !important;
}
[data-uri="pages/contacts.html"] .company-callback-card .headline-24{
font-size: 18px !important;
}
[data-uri="pages/contacts.html"] .company-info-card .row .col-12:last-child{
margin-top: 20px;
margin-bottom: -15px;
}
/* Футер */
.footer .footer_top .col-sm{
margin-top: 30px;
}
.footer_top>.row>.col-sm-3:last-child {
order:-1;
}
.footer_top>.row>.col-sm-3:first-child {
order:-1;
}
.footer .footer_top .footer__card{
padding-top: 0;
}
.footer_bottom__copyright div:last-child{
margin-top: 5px;
}
.footer_bottom__copyright,
.footer_bottom__links,
.footer__contacts_adres{
line-height: 1.1;
}
.footer_top>.row>.col-sm,
.footer_top>.row>.col-sm-3 {
max-width: 100% !important;
flex-basis: 100%;
}
.footer .footer_links{
flex-direction: row;
max-width: unset;
gap: 15px;
}
.footer .footer_links a{
padding-bottom: 0;
}
.footer .footer__card .footer__contacts{
display: block !important;
}
.footer .footer__card .footer__contacts .footer__contacts_phones{
flex: 0 0 65% !important;
max-width: 65% !important;
}
.footer .footer__card .footer__contacts .footer__contacts_adres {
flex: 0 0 100% !important;
max-width: 100% !important;
}
.footer .footer__card .footer__contacts .footer__contacts_adres {
padding: 0;
margin-top: 20px !important;
}
.footer .footer__card .footer__contacts .footer__contacts_adres br{
display: none;
}
.footer .footer_bottom .container{
flex-direction: column;
justify-content: flex-start;
align-items: start;
}
.footer .footer_bottom__links{
max-width: 100% !important;
}
.footer .footer_bottom__links{
padding: 0;
margin-top: 10px;
order:-1
}
}
/* max-width: 768px */
@media screen and (max-width: 768px) {
.breadcrumb_wrap>div{
margin-bottom: 10px;
margin-top: 10px;
}
/* Слайдер */
#board_tiles_slider .swiper-button-next,
#board_tiles_slider .swiper-button-prev{
display: none;
}
/* Хедер */
.header .header_top {
display: none;
}
.header .header_top>.row,
.header_navbar__navbar>.navbar>div:first-child,
.header_navbar__navbar>.navbar .menu-main,
.header .header_navbar__user_navbar_menu,
#mob_mainmenu > .container {
max-width: 510px;
}
.header .header_top__add_btn{
font-size: 0px;
}
.header .header_top__add_btn svg{
margin-right: 0;
}
#header_search_form {
left:0;
right:0;
}
#header_search_form .input-group{
max-width: 510px;
padding-right: 202px;
}
.user-logged #header_search_form .input-group{
padding-right: 258px;
}
#header_search_form .input-group-append{
right:202px;
}
.user-logged #header_search_form .input-group-append{
right:259px;
}
/* Поиск в хедере */
#header_search_form_dropdown #header_search_form_result{
max-width: 510px;
left:auto;
right:auto;
}
/* Мобильное меню */
.mobmenu-callback-contacts .footer__contacts_phones{
display: block !important;
}
.mobmenu-callback-contacts .footer__contacts_phones .contact{
padding: 0;
}
.mobmenu-callback-contacts .footer__contacts_phones .contact:last-child{
margin-top: 20px;
}
.mobmenu-callback-form .company-form-callback{
margin-bottom: 15px !important;
}
.mobmenu-callback-form .company-form-callback,
.mobmenu-callback-form .company-form-callback>* {
max-width: 100% !important;
width:100%;
display: block !important;
}
.mobmenu-callback-form .company-form-callback .btn {
margin-top: 10px !important;
}
html.mainmenu-opened{
overflow: hidden;
}
#mob_mainmenu >.container{
height: calc(100vh - 90px);
border-radius: 0;
padding: 0 5px;
}
.scrolled #mob_mainmenu >.container{
height: calc(100vh - 68px);
}
#mob_mainmenu{
overflow: auto;
height: 100%;
background: var(--primary);
width:calc(100% + 30px);
margin-left: -15px;
margin-right: -15px;
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
}
.mnews_sidemenu ul li a, .mnews_mobmenu ul li a,
.mobmenu__links a {
padding: 0 5px !important;
}
#mnews_sidemenu > .mobmenu-li:not(.dcjq-parent-li)>a.nav-link:before{
right: 5px;
}
.mobmenu-callback-card{
margin-left: -10px;
margin-right: -10px;
margin-bottom: 20px;
}
/* Главная */
/* Главная Отзывы */
#company_reviews_cards_slider .swiper-button-next,
#company_reviews_cards_slider .swiper-button-prev{
display: none;
}
#company_reviews_cards_slider .swiper-slide{
width:320px !important
}
/* Главная Категории */
.company-board-cards .card .card-body-bottom .headline-caption{
flex-direction: row;
justify-content: space-between !important;
}
.company-board-cards .col:nth-child(6),
.company-board-cards .col:nth-child(7),
.company-board-cards .col:nth-child(8),
.company-board-cards .col:nth-child(9),
.company-board-cards .col:nth-child(10),
.company-board-cards .col:nth-child(11),
.company-board-cards .col:nth-child(12){
display: none;
}
/* Статьи */
#widget_wrapper_156 .container{
padding-right: 10px !important;
}
.company-articles-cards{
flex-wrap: nowrap;
overflow: auto;
flex-wrap: nowrap;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: none;
&::-webkit-scrollbar {
display: none;
}
}
.company-articles-cards .col{
flex:0 0 240px !important;
max-width:240px !important;
}
/* Обратная связь */
.company-callback-card .company-form-callback .inputs-group{
display: block;
}
.company-callback-card .company-form-callback .inputs-group>*{
max-width:100%;
}
.company-callback-card .company-form-callback .inputs-group>.btn{
margin-top: 10px !important;
}
.company-form-callback .text-13 {
margin-top: 10px;
}
/* Страница О компании */
[data-uri="pages/about.html"] .headline-32 {
font-size: 24px !important;
}
[data-uri="pages/about.html"] .headline-96 {
font-size: 64px !important;
}
[data-uri="pages/about.html"] .company-about-card1 .card-title{
font-size: 38px !important;
}
[data-uri="pages/about.html"] .company-about-for-buyer .headline-32{
text-align: left !important;
}
[data-uri="pages/about.html"] .company-features-cards{
margin-left: -5px;
margin-right: -5px;
flex-wrap: nowrap;
overflow: auto;
flex-wrap: nowrap;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: none;
&::-webkit-scrollbar {
display: none;
}
}
[data-uri="pages/about.html"] .company-features-cards>.col{
padding-left: 5px;
padding-right: 5px;
}
[data-uri="pages/about.html"] .company-features-cards .card .card-body{
display: flex;
flex-direction: column;
justify-content: space-between;
}
[data-uri="pages/about.html"] .company-features-cards .headline-caption {
width:95px;
}
[data-uri="pages/about.html"] .company-features-cards .col:nth-child(2) .card .headline-caption {
width:63px;
}
[data-uri="pages/about.html"] .company-features-cards .headline-96-regular {
font-size: 48px !important;
}
[data-uri="pages/about.html"] .company-about-phone-card .headline-64-condensed {
font-size: 48px !important;
}
/* Страница О компании: Наша команда */
[data-uri="pages/about.html"] #about_command_cards_slider .swiper-button-next,
[data-uri="pages/about.html"] #about_command_cards_slider .swiper-button-prev{
display: none;
}
.about_command_cards_slider_row>.command_people_card img {
height: 280px !important;
}
/* Каталог */
.board_categories_slider_area{
display: none;
}
.board_categories_cards_area{
display: block;
}
#company_board_category_tiles {
display: flex;
flex-wrap: wrap;
}
#company_board_category_tiles .col{
width:50%;
min-width:50%;
max-width:50%;
padding: 5px;
}
#company_board_category_tiles .card{
height: 90px !important;
}
.company_board_category_slider_area .swiper-button-prev,
.company_board_category_slider_area .swiper-button-next{
display: none;
}
/* Каталог Список */
.company_list_board_list .right-col> .row {
flex-direction: row !important;
}
.company_list_board_list .right-col> .row> .image-col {
max-width:45%;
}
.company_list_board_list .card_finances,
.company_list_board_list .card_features{
height: unset;
margin: 0 !important;
}
.company_list_board_list .card_features{
margin-top: 5px !important;
}
.company_list_board_list .card_finances .card-body-top,
.company_list_board_list .card_features .card-body-top{
margin-bottom: 20px;
}
.company_list_board_list .card-content-details .row .pr-0{
padding-right: 15px !important;
}
.company_list_board_list .card-content-details-images{
margin-right: 15px;
margin-top: 15px;
display: flex;
overflow: auto;
flex-wrap: nowrap;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: none;
&::-webkit-scrollbar {
display: none;
}
}
.company_list_board_list .card-content-details-images .row{
margin: 0 !important;
}
.company_list_board_list .card-content-details-images .row:not(:last-child){
margin-right: 10px !important;
}
.company_list_board_list .card-content-details-images .row .col{
max-width:250px !important;
min-width:250px !important;
flex:0 0 250px !important;
}
/* Каталог Плитка */
.company_list_board_tiles .card-text {
height: auto;
min-height: auto;
padding-right: 15px;
margin-top: -5px;
margin-bottom: 2px;
}
.company_list_board_tiles .board_tiles__images>.row{
display: block !important;
}
.company_list_board_tiles .board_tiles__images{
margin-bottom: -13px;
}
.company_list_board_tiles .board_tiles__images>.row>.col.first_image{
max-width:100% !important;
}
.company_list_board_tiles .board_tiles__images>.row>.col.board_tiles__images_grid{
display: none;
}
.company_list_board_tiles .board_tiles__content>.row{
display: block !important;
}
.company_list_board_tiles .board_tiles__content>.row>.col{
max-width: 100%;
}
.company_list_board_tiles .card-content-details>.row>.col:last-child{
order:-1 !important
}
/* Показывает кнопки */
/* .company_list_board_tiles .item-buttons{
margin-top: 22px;
display: flex !important;
flex-direction: row;
width:100%;
gap: 10px;
}
.company_list_board_tiles .item-buttons .btn {
display: flex !important;
position: static !important;
font-size: 14px;
width:50%;
max-width:50%;
flex:0 0 50%;
height: 46px;
} */
/* Избранное только иконка */
.company_list_board_tiles .item-buttons .favorites__btn .title {
display: none !important;
}
.company_list_board_tiles__content_col{
position: static;
}
.board_tiles__content>.row{
position: relative;
}
.board_tiles__content .item_title__area{
padding-right: 50px;
}
.company_list_board_tiles .item-buttons .favorites__btn {
border: 0;
font-size: 0px ;
position: absolute ;
top: -4px ;
bottom: auto !important;
right: -3px ;
}
.company_list_board_tiles .item-buttons .favorites__btn .icon-fav {
width: 22px !important;
height: 17px !important;
background-size: 22px 17px !important;
}
.company_list_board_tiles .item_prices__area .headline-16,
.company_list_board_tiles .item_prices__area .headline-14-condensed{
font-weight: 500;
}
/* .company_list_board_tiles .item-buttons .favorites__btn .title {
display: flex;
}
.company_list_board_tiles .item-buttons .btn.btn-outline-primary {
border:1px solid var(--primary);
} */
.company_list_board_tiles .card-content-details >.row{
flex-direction: column;
gap: 5px;
}
.company_list_board_tiles .card-content-details .row>.col{
max-width: 100%;
padding: 0;
}
.company_list_board_tiles .card-content-details .row>.col:last-child{
margin-top: 5px;
}
.company_list_board_tiles .item_prices__area{
height: auto;
overflow: unset;
}
.company_list_board_tiles .item_prices__area .text-13{
top:0
}
.company_list_board_tiles .item_prices__area > .row>.col-auto:first-child{
margin-bottom: 10px;
}
.company_list_board_tiles .item_prices__area .item_price{
flex:0 0 100% !important;
width:100% !important;
margin-bottom: 15px;
}
.company_list_board_tiles .btn_more:before{
position: absolute;
top:auto !important;
bottom:30px;
}
.company_list_board_tiles .btn_more{
top:8px
}
/* Футер */
.footer .footer__card .footer__contacts .footer__contacts_phones {
display: block;
max-width: 100% !important;
}
.footer .footer__card .footer__contacts .footer__contacts_phones .contact {
padding: 5px;
}
.footer .icms-content-subcats {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
.footer .footer_bottom__links{
flex-wrap: wrap;
margin-bottom: 15px;
}
.footer .footer_bottom__links a:nth-child(1){
margin-right: 59px;
}
}
.lg-toolbar .lg-icon.lg-close {
font-size: 38px !important;
width:38px !important;
height: 38px;
}
/* max-width: 576px */
@media screen and (max-width: 576px) {
#scroll-top{
display: none;
}
.icms-body-toolbox .subscribe_btn_area{
position: absolute;
right:15px;
display: none;
}
[data-uri="articles"] .icms-body-toolbox .subscribe_btn_area{
display: flex;
}
.icms-body-toolbox h1{
margin-top: 3px;
}
.icms-body-toolbox .subscribe_btn_area .btn{
height: 40px;
}
/* bottom_navbar */
body{
padding-bottom: 54px;
}
#bottom_navbar{
display: flex;
position: fixed;
bottom:0;
left:0;
right: 0;
background: #fff;
z-index: 1025;
box-shadow: inset 0 1px 0 0 #ededed;
}
.bottom_navbar{
height:58px;
display: flex;
align-items: center;
padding: 0 15px;
}
.bottom_navbar > .btn{
border: 0;
border-radius: 0;
background: none !important;
width:calc(100% / 5);
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
height:54px;
color:var(--color-text-gray);
margin: 0 !important;
}
.bottom_navbar> .btn:focus{
border:0;
outline: 0;
box-shadow: 0 0 0 0px;
}
.bottom_navbar> .btn> .icon svg{
height:26px;
width:auto;
max-width: 100%;
}
.bottom_navbar> .btn> .label{
font-size: 11px;
margin-top: 2px;
}
.bottom_navbar> .btn.active{
color: var(--primary) !important;
}
.accordion .card-header .btn:before{
top:20px;
}
.nav-tabs.btn-group-lg, .nav-tabs.btn-group-md, .nav-tabs.btn-group-sm{
gap: 5px;
}
.nav-tabs .btn-lg, .nav-tabs.btn-group-lg>.btn {
padding:0 8px !important;
}
#icms-widget__tabbed_167_168 .nav-tabs .btn{
font-size: 0;
}
#icms-widget__tabbed_167_168 .nav-tabs .btn:first-child:before{
font-size: 14px;
content:"Похожие";
}
#icms-widget__tabbed_167_168 .nav-tabs .btn:last-child:before{
font-size: 14px;
content:"Следующие";
}
.lg-toolbar .lg-icon.lg-close {
font-size: 32px !important;
width:32px !important;
height: 32px;
}
.query_title{
font-weight: 500 !important;
}
/* Хедер */
.header {
position: fixed !important;
top:0;
left:0;
right:0;
z-index: 1021;
height: 100px;
transition: all 0.2s ease-in-out;
}
body{
padding-top: 103px;
}
.scroll-down .header .header_navbar{
/* height: 50px; */
/* overflow: hidden; */
}
.scroll-down .header .header_navbar__user_navbar {
opacity: 0;
}
.header_top{
padding: 0;
transition: all 0.2s ease-in-out;
height: 33px;
}
.header_top>.row>.col-sm{
max-width: 50% !important;
}
.header_top .nav-link{
padding: 0;
}
.header_top .nav-item:nth-child(3),
.header_top .header_top__phone_callback{
display: none;
}
.scroll-down .header {
top:-33px;
}
.header>.container{
padding: 0 15px;
}
.header .navbar-brand-wrap{
padding: 0 !important;
}
.header .navbar-brand img{
display: none;
}
#mob_mainmenu >.container{
padding: 0 0;
}
.header .header_navbar__user_navbar_menu {
padding-right: 50px;
}
#header_search_form {
height: 68px;
}
#header_search_form .input-group {
padding-right: 0 !important;
}
#header_search_form .input-group-append {
right: auto !important;
left:0 !important;
}
#header_search_cancel{
position: absolute;
right:0;
top:1px;
height: 38px;
z-index: 6;
background: #ededed;
border-top-right-radius: var(--control-border-radius);
border-bottom-right-radius: var(--control-border-radius);
}
#header_search_cancel svg{
display: none;
}
#header_search_cancel:before{
position: absolute;
top:0;
right:0;
content:"";
display: flex;
width: 38px;
height: 38px;
background: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 20px 20px;
background-position: center center;
}
.header .navbar-brand,
.header .navbar-collapse .navbar-nav {
margin-right: 0;
padding: 0 !important;
}
.header{
overflow: visible !important;
}
.header .header_navbar{
padding-left: 0;
padding-right: 0;
}
.header .header_navbar__user_navbar_menu {
padding-right: 0;
}
.header .navbar-brand img{
height:35px;
}
.header>.container{
padding: 0 15px;
}
.header_navbar__navbar>.navbar>div:first-child,
.header_navbar .col-sm,
.header_navbar .col-sm-auto {
height: 60px;
}
.header_navbar .col-sm-auto {
height: auto;
padding-bottom: 8px;
}
.header_navbar__user_navbar_menu{
justify-content: flex-start;
}
.header a[href="#header_search_form"] {
width:30px;
margin-right: 4px;
}
.header .navbar-brand-wrap{
padding: 0 0 0 15px !important;
}
.header .navbar-toggler{
z-index: 15 !important;
height: 46px !important;
width:46px;
top:5px;
margin: 0;
background-size:24px 23px !important;
background-position: 6px center !important;
}
.mainmenu-opened .header .navbar-toggler,
.headersearch-focused .header .navbar-toggler{
background: transparent url('data:image/svg+xml,');
background-size: 35px 35px !important;
background-repeat: no-repeat;
}
.headersearch-focused .header .navbar-toggler{
background: none;
width:80px !important
}
.headersearch-focused .header .navbar-toggler:before{
display: flex;
align-items: center;
justify-content: flex-end;
content:"Отмена";
padding-right: 3px;
color:#a6a6a6;
font-size: 14px;
height: 41px;
}
.headersearch-focused #header_search_form{
padding-right: 80px !important;
}
.headersearch-focused,
.headersearch-focused body{
overflow: hidden;
}
.headersearch-focused .body_overlay{
background-color: rgba(0, 0, 0, .5);
z-index: 1015;
visibility: visible;
}
.headersearch-focused .header .navbar-toggler{
z-index: 1026 !important;
}
.header .header_navbar__user_navbar {
position: static;
}
.header .header_top__add_btn {
font-size: 14px;
height: 36px;
padding: 0 10px;
}
.header .header_top__add_btn svg {
margin-right: 5px;
}
.header .mobmenu-callback-card .text-gray {
margin-top: 0 !important;
}
.mobmenu-callback-card .card-body.p20{
padding: 15px !important;
}
.header .header_navbar__user_navbar {
display: none !important;
}
.header .navbar-brand img{
height:30px !important;
}
.header .navbar-brand-wrap{
justify-content: flex-end;
}
.header .navbar-toggler{
background-image: url('data:image/svg+xml,');
}
#header_search_form {
background: #fff;
box-shadow: inset 0 -1px 0 0 #ededed;
z-index: 8;
opacity: 1;
position: absolute !important;
top:0;
left:0;
transition: all 0.2s ease-in-out;
padding: 0 55px 0 15px !important;
}
.headersearch-focused #header_search_form{
padding-left: 15px !important;
}
#header_search_form .form-control{
height: 40px;
line-height: 40px;
padding-left: 14px;
}
#header_search_form .input-group {
padding-right: 0;
}
#header_search_form .input-group-append{
right: auto;
width:100%;
justify-content: space-between !important;
}
#header_search_form .input-group-append img{
order:-1;
}
.mainmenu-opened .navbar-brand-wrap{
display: flex;
align-items: center;
justify-content: space-between;
}
.mainmenu-opened .header .navbar-brand{
height: 46px;
display: flex;
align-items: center;
margin-top: 10px;
}
.mainmenu-opened .header .navbar-brand img[src="/templates/corpwill/images/logo.svg"]{
display: flex !important;
height: 38px !important;
}
.mainmenu-opened .header .navbar-toggler{
order:1 !important;
}
.mainmenu-opened .header .navbar-toggler{
border:0 !important;
background-repeat: no-repeat;
background-position: center center;
}
.mainmenu-opened #bottom_navbar{
display: none;
}
#header_search_form .input-group-append{
height: 100%;
display: flex;
align-items: center;
padding-left: 1px;
}
.header .form-inline .input-group .input-group-append button[type="submit"]{
background-image: url('data:image/svg+xml,');
right:3px;
top:0
}
#header_search_form .form-control{
/* background: #e9f8f4; */
background: #ededed;
color:var(--color-text-dark) !important;
}
#header_search_form .form-control::placeholder{
color:var(--color-text-gray2) !important;
}
#header_search_form .input-group-append img{
display: flex !important;
height:36px;
position: relative;
z-index: 4;
top:0
}
#header_search_form .form-control {
z-index: 4;
}
#header_search_form .input-group{
padding-left: 50px;
}
.header .header_top {
display: flex;
border: 0;
}
.mainmenu-opened #header_search_form{
display: none;
}
.headersearch-focused #bottom_navbar{
display: none;
}
#header_search_form_dropdown {
margin-top: 0;
}
.header_search_log_links svg {
width: 20px;
}
.btn-searchlog-clear {
font-size: 13px;
}
/* Главная */
.main-block{
margin-top: 60px;
}
.is_home .card .card-body{
padding: 15px;
}
#widget_wrapper_148>.card-body,
#widget_wrapper_159>.card-body,
#widget_wrapper_160>.card-body,
#widget_wrapper_162>.card-body,
#widget_wrapper_157>.card-body,
#widget_wrapper_156>.card-body{
padding: 0;
}
/* Главная Покупателю */
.company-about-for-buyer-cards{
display: block;
}
.company-about-for-buyer-cards>.col{
max-width:100%;
padding: 0 !important;
margin-bottom: 10px;
}
.company-about-for-buyer-cards .card-body {
flex-direction: row;
align-items: center !important;
}
.company-about-for-buyer-cards .card-body-image,
.company-about-for-buyer-cards .card-body-text {
margin: 0 !important;
}
.company-about-for-buyer-cards .card-body-text {
max-width:250px
}
.company-about-for-buyer-cards .card-body-image img{
width:40px !important;
min-width:40px !important;
margin-right: 15px;
}
/* О компании */
[data-uri="pages/about.html"] .card-title.headline-96{
font-size: 38px !important;
}
/* О компании Наша команда */
.about_command_cards_slider_row .command_people_card:not(:first-child){
display: none;
}
.about_command_cards_slider_row>.command_people_card {
width: 100% !important;
}
.about_command_cards_slider{
padding-bottom: 65px;
}
[data-uri="pages/about.html"] #about_command_cards_slider .swiper-button-next, [data-uri="pages/about.html"] #about_command_cards_slider .swiper-button-prev {
display: flex;
top:auto !important;
bottom:-60px !important;
}
[data-uri="pages/about.html"] #about_command_cards_slider .swiper-button-next{
right:auto !important;
left:70px !important
}
.about_command_cards_slider_row>.command_people_card:nth-child(1) img{
border-top-left-radius: var(--card-border-radius) !important;
}
.about_command_cards_slider_row>.command_people_card:nth-child(3) img{
border-bottom-right-radius: var(--card-border-radius) !important;
}
.about_command_cards_slider_row>.command_people_card:nth-child(4) img {
border-bottom-right-radius: var(--card-border-radius) !important;
}
/* Контакты */
[data-uri="pages/contacts.html"] .company-callback-card .headline-24 {
margin-bottom: 0 !important;
}
/* Каталог */
.company_list_board_list{
margin-top: 10px;
}
.board_categories_cards_area.opened{
padding: 0;
padding-top: 60px;
background: var(--color-bg-light);
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 2000;
margin: 0;
border-radius: 0;
overflow-y: auto;
}
.board_categories_cards_area.opened .cats_fixed_filter_title {
display: flex !important;
align-items: center;
justify-content: center;
height: 56px;
background: #fff;
position: fixed;
z-index: 1025;
top: 0;
left: 0;
right: 0;
padding: 0 15px;
box-shadow: inset 0 -1px 0 0 #ededed;
}
.board_categories_cards_area.opened .cats_fixed_filter_close {
position: fixed;
right:5px;
top:6px;
z-index: 1026;
}
.board_categories_cards_area.opened .btn-hide{
display: none;
}
.catalog_filter__wrap{
margin: 0;
}
#filter_query{
margin-top: 10px;
}
.query_title .headline-24{
font-size: 20px !important;
}
.catalog_list_tabs{
margin-bottom: 0 !important;
}
.query_head{
margin-bottom: 20px !important;
}
.company_list_board_tiles .item_title__area .card-title{
font-size: 18px !important;
}
.company_list_board_tiles .item_title__area .text-13{
font-size: 12px;
}
.company_list_board_tiles .card-text{
font-size: 14px !important;
}
.company_list_board_list .left-col .card-title {
font-size: 18px !important;
}
.company_list_board_tiles .item_prices__area .headline-16,
.company_list_board_tiles .item_prices__area .headline-14-condensed{
margin-top: 0 !important;
}
.company_list_board_tiles .item_prices__area .headline-14-condensed{
margin-top: 3px !important;
}
.company_list_board_list_area .sticky-top{
position: static;
}
.catalog_filter__wrap.open{
padding: 0 15px;
padding-top: 61px;
background: var(--color-bg-light);
position: fixed;
top:0;
left:0;
bottom:0;
right: 0;
z-index: 2000;
margin: 0;
}
.catalog_filter__wrap.open .chosen-single,
.catalog_filter__wrap.open .form-control,
.catalog_filter__wrap.open select{
background-color: #ffffff !important;
border: 1px solid var(--color-border-harp) !important;
}
.catalog_filter__wrap.open .catalog_fixed_filter_title{
display: flex !important;
align-items: center;
justify-content: center;
height: 56px;
background: #fff;
position: fixed;
z-index: 1025;
top:0;
left:0;
right:0;
padding: 0 15px;
box-shadow: inset 0 -1px 0 0 #ededed;
}
.catalog_filter__wrap.open .catalog_fixed_filter_close {
position: fixed;
right:5px;
top:6px;
z-index: 1026;
}
.catalog_filter__wrap.open .buttons{
position: fixed;
bottom:0;
left:0;
right:0;
padding: 15px;
z-index: 1025;
}
.catalog_filter__wrap.open>.btn-filter-toggle{
display: none;
}
.catalog_filter__wrap .btn-filter-toggle{
background: none !important;
}
.catalog_filter__wrap .btn.save_filter_link{
border-color:var(--color-border-secondary)
}
[data-page="catalog-list"] .main-layout>.col-sm>.mb40{
margin-bottom: 30px !important;
}
.catalog_filter__wrap .btn-filter-toggle{
display: none;
}
.toolbar-filter-toggle{
display: flex !important;
align-items: center;
gap: 3px;
font-size: 14px;
font-weight: 500;
padding-left: 10px;
padding-right: 10px;
}
.toolbar-filter-toggle span.title{
position: relative;
display: flex;
align-items: center;
gap: 10px;
}
.toolbar-filter-toggle span.dot{
margin-left:-5px ;
}
.toolbar-filter-toggle span.counts{
display: flex;
align-items: center;
justify-content: center;
background: var(--primary);
color: #fff;
width: 20px;
height: 20px;
border-radius: 50%;
font-weight: 600;
font-size: 12px;
line-height: 16px;
margin-left: -6px;
}
.toolbar-filter-toggle span.title:after {
position: relative;
top:3px;
display: inline-flex;
content: '';
width: 14px;
height: 14px;
background: url('data:image/svg+xml,') no-repeat;
background-size: 14px 7px;
}
.toolbar-filter-toggle svg{
margin-left: -3px;
}
.catalog-styles-buttons{
display: none !important;
}
.company_list_board_list .card-text{
height: auto;
}
.company_list_board_list .image-col .card-image-img,
.company_list_board_list .image-col span.card-image-img,
.company_list_board_list .image-col a.card-image-img,
.company_list_board_list .image-col .card-image .switch-images,
.company_list_board_list .image-col .card-image .switched-image{
height:180px;
}
/* Каталог Список */
.company_list_board_list .col.text-col{
padding-left: 15px !important;
padding-top: 10px;
}
.company_list_board_list .left-col,
.company_list_board_list .right-col {
padding: 15px !important;
}
.company_list_board_list .left-col{
padding-bottom: 0 !important;
}
.company_list_board_list .right-col> .row> .image-col {
max-width:100%;
margin-bottom: 0;
position: relative;
}
.company_list_board_list .text-col{
position: static;
padding-right: 15px !important;
}
.company_list_board_list .text-col .btn_more {
position: absolute !important;
top:auto !important;
height: 34px;
bottom:16px;
right:5px
}
.company_list_board_list .card_finances .card-body-bottom .row{
flex-direction: column;
gap: 13px;
margin-bottom: 13px !important;
}
.company_list_board_list .card_finances .card-body-bottom .row:last-child{
margin-bottom: 0 !important;
}
.company_list_board_list .card_finances .card-body-bottom .row .col-6{
min-width:100% !important
}
/* Каталог Плитка */
.company_list_board_tiles>.card{
margin-top: 15px !important;
}
.company_list_board_tiles .btn_more {
left:0;
width: 100%;
top:5px;
}
.company_list_board_tiles .btn_more:before {
right:3px;
bottom:25px;
width:26px
}
.favorites__btn .title:before {
content: "Добавить";
font-size: 16px;
}
.favorites__btn.added .title:before {
content: "Удалить";
}
/* my */
.my_tabs svg{
display: none;
}
.my_tabs{
gap: 5px;
justify-content: space-around;
}
.my_tabs a.btn{
display: flex;
justify-content: center;
font-size: 14px;
border:1px solid var(--color-border-harp);
}
.my_tabs a[href="/my"],
.my_tabs a[href="/my/searches"]{
font-size: 0;
}
.my_tabs a[href="/my"]:before,
.my_tabs a[href="/my/searches"]:before{
content: "";
display: block;
font-size: 14px;
}
.my_tabs a[href="/my"]:before{
content:"Мои объявления";
}
.my_tabs a[href="/my/searches"]:before{
content:"Поиски";
}
.my__tab .headline-24{
font-size: 20px !important;
}
.my__tab{
margin-left: -15px;
margin-right: -15px;
}
.my__tab,
.my__tab>.card-body{
padding: 0;
}
.my__tab>.card-body{
padding: 15px;
padding-top: 0;
}
.my__tab_title{
display: none !important;
}
/* .my_tabs a.btn{
border-color: var(--secondary);
background: var(--secondary);
}
.my_tabs a.btn.active{
border-color: var(--primary) !important;
background: var(--primary) !important;
} */
.fav_list_cards.row > div.col{
flex: 0 0 50% !important;
max-width: 50% !important;
}
.fav_list_cards .image-col .card-image .switch-images,
.fav_list_cards .image-col .card-image .switched-image {
height: 130px !important;
}
.fav_list_cards .headline-18{
font-size: 14px !important;
}
.fav_list_cards .headline-16{
font-size: 14px !important;
}
.fav_list_cards .price_profit{
margin-top: 5px;
}
.fav_list_cards .card-body-bottom.mt-3{
margin-top: 0.7rem !important;
}
/* Футер */
.footer .navbar-brand img[src="/templates/corpwill/images/small_logo.svg"]{
display: none !important;
}
.footer .navbar-brand img[src="/templates/corpwill/images/logo.svg"]{
display: block !important;
}
}
/* max-width: 520px */
@media screen and (max-width: 520px) {
html{
overflow-x: hidden;
}
.breadcrumb {
/* padding-left: 5px; */
}
.mobile-d-none{
display: none !important;
}
.mobile-d-block{
display: block !important;
}
.mobile-d-flex{
display: flex !important;
}
.accordion .card {
padding: 15px;
}
.header .header_top__phone a:last-child {
margin-left: 10px;
}
/* Главная */
/* Главная О нас */
.company-feature-card .headline-38{
font-size: 28px !important;
}
.company-feature-card .headline-96{
font-size: 64px !important;
}
/* Главная Преимущества */
#company_features_cards_slider .headline-48-condensed{
font-size: 32px !important;
letter-spacing: 0;
}
.company-features-cards .swiper-slide {
min-width: 260px;
width: 260px;
}
.company-features-cards .card-body-top {
height: 36px;
margin-bottom: 20px;
}
.company-about-for-buyer-cards .card-body-image img{
width:34px
}
/* Главная Отзывы */
#company_reviews_cards_slider .swiper-slide {
min-width: 280px !important;
width: 280px !important;
}
/* Главная Каталог бизнесов */
.company__catalog_filter_widget .headline-96{
font-size: 64px !important;
}
/* Главная Категории */
#widget_wrapper_159 .card-body.p20{
padding: 10px !important;
}
/* Главная Новые объявления */
#widget_wrapper_162 .block-title{
font-size: 16px !important;
color:var(--color-text-gray) !important;
}
#board_tiles_slider .swiper-slide {
width: 260px !important;
}
#board_tiles_slider .swiper-slide .card-body {
padding: 15px !important;
}
/* Главная Обратная связь */
.company-callback-card .card-body {
padding: 15px 15px;
}
/* Каталог */
[data-page="catalog-list"] .main-layout>.col-sm>.mb40{
margin-bottom: 30px !important;
}
.catalog_list_tabs .datasets-tabs .btn:first-child {
font-size: 0;
}
.catalog_list_tabs,
.catalog_list_tabs .datasets-tabs{
justify-content: space-between !important;
width: 100%;
}
.catalog_list_tabs .datasets-tabs .btn{
padding-left: 10px;
padding-right: 10px;
}
.catalog_list_tabs .datasets-tabs .btn:first-child:before {
font-size: 14px;
content: "Новые";
}
.company_board_category_tiles_area{
margin: 0 -15px;
}
.company_board_category_tiles_area>.card>.card-body.p15{
padding: 10px !important;
}
/* Каталог Список */
/* Каталог Плитка */
.company_list_board_tiles .favorites__btn{
font-size: 0px !important;
}
.company_list_board_tiles .btn.btn-primary{
font-size: 13px !important;
}
/* .company_list_board_tiles .favorites__btn:before{
content:"Добавить";
display: flex;
align-items: center;
font-size: 13px;
font-family: 'Font500' !important;
order:1;
} */
.favorites__btn .title:before {
content: "Добавить";
font-size: 14px;
position: relative;
top:-1px
}
.favorites__btn.added .title:before {
content: "Удалить";
}
.company_list_board_tiles .card_finances .card-body-bottom .row{
flex-direction: column;
gap: 13px;
margin-bottom: 13px !important;
}
.company_list_board_tiles .card_finances .card-body-bottom .row:last-child{
margin-bottom: 0 !important;
}
.company_list_board_tiles .card_finances .card-body-bottom .row .col-6{
min-width:100% !important
}
/* О компании */
[data-uri="pages/about.html"] .card .card-body{
padding: 15px;
}
[data-uri="pages/about.html"] .card-title.headline-32{
font-size: 18px !important;
}
[data-uri="pages/about.html"] .headline-16 {
font-size: 16px !important;
}
[data-uri="pages/about.html"] .company-about-card1 .card-body {
padding-top: 18px;
}
[data-uri="pages/about.html"] .company-about-card1 .headline-96{
font-size: 32px !important;
}
[data-uri="pages/about.html"] .company-about-card1 .headline-30{
font-size: 13px !important;
}
[data-uri="pages/about.html"] .company-about-card1 img {
border-radius: var(--card-border-radius);
}
.company-about-card1 .text-16 {
font-size: 13px !important;
}
[data-uri="pages/about.html"] .headline-20 {
font-size: 16px !important;
}
[data-uri="pages/about.html"] .company-features-cards {
}
[data-uri="pages/about.html"] .company-features-cards .col{
max-width:260px;
}
[data-uri="pages/about.html"] .company-features-cards .col .card{
padding-bottom: 15px !important;
}
[data-uri="pages/about.html"] .company-features-cards .headline-96-regular{
font-size: 32px !important;
letter-spacing:unset;
font-weight:500;
}
/* О компании Каталог бизнесов */
[data-uri="pages/about.html"] #board_tiles_cards_slider .swiper-slide {
width: 260px !important;
}
[data-uri="pages/about.html"] .board-tiles-cards-slider .swiper-slide div.card-image-img, [data-uri="pages/about.html"] .board-tiles-cards-slider .swiper-slide span.card-image-img, [data-uri="pages/about.html"] .board-tiles-cards-slider .swiper-slide a.card-image-img, [data-uri="pages/about.html"] .board-tiles-cards-slider .swiper-slide .card-image .switch-images, [data-uri="pages/about.html"] .board-tiles-cards-slider .swiper-slide .card-image .switched-image {
height: 200px;
}
/* О компании Бизнес-брокер */
[data-uri="pages/about.html"] .company-about-for-buyer-cards .col .card .card-body {
flex-direction: column;
align-items: start !important;
}
[data-uri="pages/about.html"] .company-about-for-buyer-cards .col .card .card-body-image {
margin-bottom: 15px !important;
}
/* О компании Как мы работаем */
.item__about_work .first_col .card {
border-radius: var(--card-border-radius);
}
.item__about_work .first_col .card-body {
flex-direction: row !important;
}
.item__about_work .first_col .card-body .headline-24 {
font-size: 16px !important;
width:170px
}
.item__about_work .row-cols-2 {
flex-direction: column !important;
}
.item__about_work .row-cols-2 .col{
max-width: 100%;
}
.item__about_work .container .row .card-body{
padding-left: 57px;
}
.item__about_work .container .row .card-body .card-title{
position: absolute;
top:13px;
left:15px;
}
.item__about_work .card-title.headline-90 {
font-size: 48px !important;
}
/* О компании Отзывы */
.accordion .card-body {
padding: 0 !important;
}
#accordionReviews .card .card-text{
flex-direction: column;
}
#accordionReviews .card .card-text .pl15{
padding: 0 !important;
margin-top: 10px;
}
.accordion .card-header .btn {
line-height: 1.3;
}
/* О компании Мы работаем всегда и везде */
[data-uri="pages/about.html"] .company-about-phone-card .headline-64-condensed {
font-size: 32px !important;
letter-spacing: unset;
}
/* Контакты */
[data-uri="pages/contacts.html"] .card br{
display: none;
}
[data-uri="pages/contacts.html"] .card .card-body{
padding: 15px;
}
[data-uri="pages/contacts.html"] .card_contacts .contacts__phone .headline-64 {
font-size: 24px !important;
}
[data-uri="pages/contacts.html"] .headline-38{
font-size: 24px !important;
}
[data-uri="pages/contacts.html"] .headline-32 {
font-size: 20px !important;
}
/* Контакты Адрес */
.contacts__map__map, .contacts__map__map{
position: relative;
height: 245px;
display: block;
overflow: hidden;
}
.contacts__map__map img {
object-fit: cover;
position: absolute;
top:-40%;
left:-10%
}
.contacts__map__map .btn {
position: absolute;
bottom: 20px;
left: 15px;
right:15px;
padding: 0 20px;
}
/* Контакты Обратная связь */
.company-form-callback-controls, .company-form-callback-controls>* {
max-width: 100% !important;
width: 100%;
display: block !important;
}
.company-form-callback-controls, .company-form-callback-controls>.btn {
margin-top: 15px !important;
}
/*
Страница объекта */
.catalog_item>.card.p20{
padding: 15px !important;
}
.catalog_item .mt100{
margin-top: 50px !important;
}
.item_images__grid {
margin-top: -5px;
margin-left: -5px;
}
.catalog_item .item_images{
margin-bottom: 4px;
}
.catalog_item .item_images__grid>.row>.col {
flex: 0 0 220px !important;
max-width: 220px !important;
width: 220px !important;
}
.catalog_item .item_title {
font-size: 20px !important;
}
.catalog_item .item_prices__area > .row>.col-auto:first-child{
margin-bottom: 13px;
}
.catalog_item .item_prices__area {
margin-bottom: 5px;
}
.catalog_item .item_prices__area .headline-24{
font-size: 18px !important;
}
.catalog_item .item_prices__area .headline-16{
margin-top: 2px !important;
font-size: 14px !important;
}
.catalog_item .text-15{
font-size: 14px !important;
}
.catalog_item .buttons{
display: block;
}
.catalog_item .buttons .favorites__btn{
margin-top: 10px;
}
.catalog_item__finance_card .container.mb30{
margin-bottom: 20px !important;
}
.catalog_item .catalog_item__finance_features_card{
padding: 0 !important;
}
.catalog_item .catalog_item__finance_features_card .headline-24{
font-size:16px !important;
font-weight:500;
}
.catalog_item .catalog_item__finance_features_card .headline-14{
font-weight:500;
}
.catalog_item .catalog_item__finance_features_card>.row {
margin: 0 !important;
flex-wrap: wrap;
overflow: hidden;
display: block !important;
}
.catalog_item .catalog_item__finance_features_card>.row .card-body {
padding: 15px !important
}
.catalog_item .catalog_item__finance_features_card>.row>.col {
height: auto !important;
padding: 0 !important;
max-width:100%;
width:100%
}
.catalog_item .catalog_item__finance_features_card>.row>.col:not(:last-child) {
margin-bottom: 10px !important;
}
.catalog_item .catalog_item__finance_features_card .card-body-bottom .row{
margin: 0;
gap: 15px;
}
.catalog_item .catalog_item__finance_features_card .card-body-bottom .col-6 {
padding: 0;
}
#item_images_slider .swiper-button-prev,
#item_images_slider .swiper-button-next{
display: none;
}
#item_images_slider .swiper-slide{
width:190px !important;
}
.catalog_item__numbers_area .row .col .card-body{
padding: 15px !important;
}
.catalog_item__numbers_area .row .col h6{
font-size:18px !important;
font-weight:500;
letter-spacing: unset;
}
.catalog_item h3.card-title.headline-24{
font-size: 20px !important;
}
#widget_wrapper_166 .card-title.headline-32{
font-size: 20px !important;
}
#widget_wrapper_166 .headline-24{
font-size: 16px !important;
margin-bottom: 0 !important;
}
.nav-tabs{
display: flex;
justify-content: flex-start !important;
overflow: auto;
flex-wrap: nowrap;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: none;
&::-webkit-scrollbar {
display: none;
}
}
.nav-tabs .btn{
white-space: nowrap;
}
.item_finance_feature>.card:first-child {
min-height: auto;
}
.item_finance_feature .headline-96-condensed{
font-size: 32px !important;
letter-spacing: unset;
margin-bottom: 10px;
}
.item_finance_feature .headline-24{
font-size: 14px !important;
font-weight:500;
}
.item_finance_feature>.card .card-body{
padding: 15px;
padding-bottom: 10px;
}
.item_finance_feature>.card:first-child:before{
width:67px;
height:68px;
background-size:67px 68px;
right:20px;
}
.item_finance_feature .card-body-bottom .row{
display: block;
}
.item_finance_feature .card-body-bottom .row .col-6:first-child{
margin-bottom: 15px;
}
.item_finance_feature>.card:last-child .headline-16{
font-size:14px !important;
font-weight:500;
}
.item_finance_feature>.card:last-child .headline-24{
font-size:18px !important;
}
#accordionItemFeatures .text-16{
font-size:14px !important;
}
#accordionItemFeatures .text-16 br{
display: none;
}
.item__about_cards{
display: flex;
justify-content: flex-start !important;
overflow: auto;
flex-wrap: nowrap;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: none;
&::-webkit-scrollbar {
display: none;
}
}
.item__about_cards .col{
min-width:460px !important;
}
.item__about_cards .col .item__about_card{
border:0;
padding: 0;
min-width:220px !important;
width:220px !important
}
.item__about_card > .img, .item__about_card > .caption{
width:100%;
}
.item__about_card > .img,
.item__about_card > .img img{
height:150px;
}
.widget__board_list_cards>.row>.col {
flex: 0 0 260px !important;
max-width: 260px !important;
width: 260px !important;
padding: 0 !important;
margin-right: 10px;
}
.widget__board_list_cards .card .card-body{
padding: 15px !important;
}
.widget__board_list_cards .card-body-center {
flex-direction: column;
align-items: flex-start !important;
justify-content: space-between !important;
height: 100%;
margin: 0 !important;
}
.board-cards .switch-images, .board-cards .card .card-img img, .board-cards .card .card-img, .board-cards .image-switch, .board-cards .switched-image{
width:100%;
height:150px;
}
.widget__board_list_cards .icon-elink{
width:14px;
height:14px;
background-size: 14px 14px;
position: static !important;
}
.widget__board_list_cards .card{
height: 100%;
}
.widget__board_list_cards .card .item-price-area{
position: absolute;
bottom:150px;
}
.widget__board_list_cards .card-title{
font-size: 18px !important;
padding-bottom: 30px;
}
.widget__board_list_cards .card-right-control{
border:0;
top:5px;
}
.board-cards .card-right-control,
.board-cards .card-right-control .favorites__btn{
width:50px;
height: 46px;
}
/* Футер */
.footer{
overflow: hidden;
}
.footer_links{
flex-direction: column !important;
gap: 0 !important;
/* margin-top: 15px; */
}
.footer__contacts__head {
margin-bottom: 20px;
}
.footer__contacts_phones {
display: block !important;
}
.footer__contacts_phones .contact{
min-width: 100%;
padding: 0 !important;
margin-bottom: 20px;
}
.footer .icms-content-subcats {
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
}
.footer .icms-content-subcats li:nth-child(4),
.footer .icms-content-subcats li:nth-child(8) {
margin-bottom: 15px !important;
}
.footer .container{
padding-left: 20px;
padding-right: 20px;
}
.footer__contacts_card {
padding: 15px 15px !important;
margin-left: -15px;
margin-right: -15px;
}
.my_tabs_links{
display: none;
}
}
/* max-width: 412px */
@media screen and (max-width: 412px) {
}
/* max-width: 380px */
@media screen and (max-width: 380px) {
[data-page="catalog-list"] .headline-19 {
font-size: 14px !important;
}
}