/* Start:/local/templates/nniito/css/select2.min.css?170835452120618*/
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
background-color: transparent;
border: none;
font-size: 1em;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px;
}
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline;
list-style: none;
padding: 0;
}
.select2-container .select2-selection--multiple .select2-selection__clear {
background-color: transparent;
border: none;
font-size: 1em;
}
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
margin-left: 5px;
padding: 0;
max-width: 100%;
resize: none;
height: 18px;
vertical-align: bottom;
font-family: sans-serif;
overflow: hidden;
word-break: keep-all;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-dropdown {
background-color: white;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051;
margin-top: 4px;
border-radius: 8px;
border: 1px solid #3FC2C0;
background: #F8FBFB;
}
.select2-results {
display: block;
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0;
}
.select2-results__option {
padding: 0;
user-select: none;
-webkit-user-select: none;
}
.select2-results__option--selectable {
cursor: pointer;
padding-bottom: 16px;
margin-bottom: 16px;
border-bottom: 1px solid #E2E5E9;
margin-left: 24px;
margin-right: 24px;
}
.select2-results__option--selectable:first-child {
padding-top: 16px;
}
.select2-results__option--selectable:last-child {
margin-bottom: 0;
border: 0;
}
.select2-container--open .select2-dropdown {
left: 0;
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
}
.select2-search--dropdown {
display: block;
padding: 4px;
}
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
display: none;
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0);
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
.select2-container--default .select2-selection--single {
border-radius: 8px;
border: 1px solid #ACB5C1;
background: #fff;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #2C3136;
font-size: 14px;
font-weight: 400;
line-height: 140%;
padding: 14px 40px 14px 24px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
height: 26px;
margin-right: 20px;
padding-right: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 16px;
position: absolute;
top: 50%;
right: 24px;
width: 16px;
margin-top: -8px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
height: 16px;
left: 0;
position: absolute;
top: 0;
width: 16px;
background: url('data:image/svg+xml,');
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
background: url('data:image/svg+xml,');
}
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
padding-bottom: 5px;
padding-right: 5px;
position: relative;
}
.select2-container--default .select2-selection--multiple.select2-selection--clearable {
padding-right: 25px;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
font-weight: bold;
height: 20px;
margin-right: 10px;
margin-top: 5px;
position: absolute;
right: 0;
padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: inline-block;
margin-left: 5px;
margin-top: 5px;
padding: 0;
padding-left: 20px;
position: relative;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: bottom;
white-space: nowrap;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
cursor: default;
padding-left: 2px;
padding-right: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
background-color: transparent;
border: none;
border-right: 1px solid #aaa;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
color: #999;
cursor: pointer;
font-size: 1em;
font-weight: bold;
padding: 0 4px;
position: absolute;
left: 0;
top: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
background-color: #f1f1f1;
color: #333;
outline: none;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
padding-left: 5px;
padding-right: 2px;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
border-left: 1px solid #aaa;
border-right: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
float: left;
margin-left: 10px;
margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield;
}
.select2-container--default .select2-results>.select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em;
}
.select2-container--default .select2-results__option--group {
padding: 0;
}
.select2-container--default .select2-results__option--disabled {
color: #999;
}
.select2-container--default .select2-results__option--selected {
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background-color: transparent;
color: #B00C2F;
}
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
height: 26px;
margin-right: 20px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0;
padding-bottom: 5px;
padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
display: inline-block;
margin-left: 5px;
margin-top: 5px;
padding: 0;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
cursor: default;
padding-left: 2px;
padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
background-color: transparent;
border: none;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
color: #888;
cursor: pointer;
font-size: 1em;
font-weight: bold;
padding: 0 4px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555;
outline: none;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
padding-left: 5px;
padding-right: 2px;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
box-shadow: none;
}
.select2-container--classic .select2-dropdown {
background-color: #fff;
border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
border-top: none;
}
.select2-container--classic .select2-results>.select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--classic .select2-results__option--group {
padding: 0;
}
.select2-container--classic .select2-results__option--disabled {
color: grey;
}
.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
background-color: #3875d7;
color: #fff;
}
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb;
}
/*green*/
.mmenu__category .select2-container--default .select2-selection--single {
border: 1px solid #3FC2C0;
background: #F8FBFB;
}
.mmenu__category .select2-container--default .select2-selection--single .select2-selection__arrow b {
background: url('data:image/svg+xml,');
}
.mmenu__category .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
background: url('data:image/svg+xml,');
}
/*green*/
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
border: 1px solid #3FC2C0;
background: #F8FBFB;
}
.select2-container {
width: 100% !important;
}
/* End */
/* Start:/local/templates/nniito/css/slick.css?17083545216442*/
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.reviews__wrapper {
position: relative;
margin-bottom: 88px;
}
.reviews__body {
}
.reviews__slider {
position: static;
}
.slider-dots-bot .slick-arrow,
.slider-arrows-caption .slick-arrow,
.g-slider .slick-arrow {
position: absolute;
bottom: -88px;
display: flex;
width: 48px;
height: 48px;
justify-content: center;
align-items: center;
text-indent: -999999px;
background: #fff url('data:image/svg+xml,') no-repeat center center;
border-radius: 10px;
border: 1px solid #E2E5E9;
box-shadow: 0 0 8px 0 rgba(217, 176, 176, 0.25);
transition-duration: .2s;
cursor: pointer;
z-index: 2;
}
.slider-dots-bot .slick-arrow:hover,
.slider-arrows-caption .slick-arrow:hover,
.g-slider .slick-arrow:hover {
-webkit-box-shadow: 0 0 5px 5px rgba(243,219,224,1);
-moz-box-shadow: 0 0 5px 5px rgba(243,219,224,1);
box-shadow: 0 0 5px 5px rgba(243,219,224,1);
}
.slider-dots-bot .slick-prev,
.slider-arrows-caption .slick-prev,
.g-slider .slick-prev {
left: 0;
}
.slider-dots-bot .slick-next,
.slider-arrows-caption .slick-next,
.g-slider .slick-next {
right: 0;
transform: rotate(180deg);
}
.slider-dots-bot .slick-dots,
.slider-arrows-caption .slick-dots,
.g-slider .slick-dots {
position: absolute;
bottom: -70px;
z-index: 1;
width: 100%;
left: 0;
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
.slider-dots-bot .slick-dots li,
.slider-arrows-caption .slick-dots li,
.g-slider .slick-dots li {
display: inline-block;
}
.slider-dots-bot .slick-dots li button,
.slider-arrows-caption .slick-dots li button,
.g-slider .slick-dots li button {
text-indent: -9999999px;
background: #E2E5E9;
cursor: pointer;
outline: none;
margin: 0 4px;
width: 8px;
height: 8px;
display: block;
border: 0;
border-radius: 100%;
padding: 0;
transition-duration: .2s;
}
.slider-dots-bot .slick-dots li.slick-active button,
.slider-dots-bot .slick-dots li button:hover,
.slider-arrows-caption .slick-dots li.slick-active button,
.slider-arrows-caption .slick-dots li button:hover,
.g-slider .slick-dots li.slick-active button,
.g-slider .slick-dots li button:hover {
background: #B00C2F;
}
.g-slider .slick-arrow {
top: 50%;
margin-top: -24px;
}
.g-slider .slick-prev {
left: -24px;
}
.g-slider .slick-next {
right: -24px;
}
.g-slider .slick-dots {
border-radius: 19px;
background: #FFF;
left: 32px;
top: 50px;
z-index: 4;
height: fit-content;
width: auto;
padding: 8px 5px;
}
@media (max-width: 1450px) {
.g-slider .slick-prev {
left: 5px;
}
.g-slider .slick-next {
right: 5px;
}
}
@media (max-width: 768px) {
.slider-dots-bot .slick-dots,
.slider-arrows-caption .slick-dots {
bottom: -50px;
}
.slider-dots-bot .slick-arrow,
.slider-arrows-caption .slick-arrow {
bottom: -68px;
}
}
@media (min-width: 769px) {
.slider-arrows-caption .slick-prev {
right: 62px;
top: -100px;
left: auto;
}
.slider-arrows-caption .slick-next {
right: 0;
top: -100px;
}
}
.circles-slider__wr {
position: absolute;
right: 32px;
top: 50px;
z-index: 4;
transform: scale(0.7);
}
.circles-slider {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.circles-slider svg {
width: 80px;
height: 80px;
}
.circles-slider .bg {
fill: none;
stroke-width: 6px;
stroke: #fff;
}
.circles-slider .progress {
fill: none;
stroke-width: 6px;
stroke: #EF3340;
stroke-linecap: round;
stroke-dasharray: 250;
transform: rotate(-90deg);
transform-origin: 50% 50%;
stroke-dashoffset: 250;
transition-duration: .03s;
animation-delay: 0;
}
@keyframes circle {
0% {
stroke-dashoffset: 255;
}
100% {
stroke-dashoffset: 0;
}
}
.circles-slider__text {
position: absolute;
top: 50%;
margin-top: -13px;
display: flex;
font-size: 22px;
justify-content: center;
width: 100%;
align-items: baseline;
}
.circles-slider__text-c {
font-size: 25px;
color: #B00C2F;
font-weight: 700;
padding-right: 3px;
}
.circles-slider__text-a {
padding-left: 3px;
}
@media (max-width: 768px) {
.circles-slider__wr {
right: 0;
top: 30px;
}
}
/* End */
/* Start:/local/templates/nniito/css/fancybox.css?170835452117412*/
body.compensate-for-scrollbar {
overflow: hidden;
}
.fancybox-active {
height: auto;
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden;
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: none;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
transform: translateZ(0);
width: 100%;
z-index: 99992;
}
.fancybox-container * {
box-sizing: border-box;
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.fancybox-bg {
background: rgb(30, 30, 30);
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}
.fancybox-is-open .fancybox-bg {
opacity: .9;
transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
direction: ltr;
opacity: 0;
position: absolute;
transition: opacity .25s ease, visibility 0s ease .25s;
visibility: hidden;
z-index: 99997;
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
opacity: 1;
transition: opacity .25s ease 0s, visibility 0s ease 0s;
visibility: visible;
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fancybox-toolbar {
right: 0;
top: 0;
}
.fancybox-stage {
direction: ltr;
overflow: visible;
transform: translateZ(0);
z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
overflow: hidden;
}
.fancybox-slide {
-webkit-backface-visibility: hidden;
/* Using without prefix would break IE11 */
display: none;
height: 100%;
left: 0;
outline: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
transition-property: transform, opacity;
white-space: normal;
width: 100%;
z-index: 99994;
}
.fancybox-slide::before {
content: '';
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
display: block;
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0;
}
.fancybox-slide--image::before {
display: none;
}
.fancybox-slide--html {
padding: 6px;
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
animation-timing-function: cubic-bezier(.5, 0, .14, 1);
-webkit-backface-visibility: hidden;
background: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
-ms-transform-origin: top left;
transform-origin: top left;
transition-property: transform, opacity;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
cursor: zoom-in;
}
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
cursor: -webkit-grab;
cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.fancybox-container [data-selectable='true'] {
cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
background: transparent;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%;
}
.fancybox-slide--video .fancybox-content {
background: #000;
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
background: #fff;
}
.fancybox-video,
.fancybox-iframe {
background: transparent;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
/* Fix iOS */
.fancybox-iframe {
left: 0;
position: absolute;
top: 0;
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%;
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0;
}
/* Buttons */
.fancybox-button {
background: rgba(30, 30, 30, .6);
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color .2s;
vertical-align: top;
visibility: inherit;
width: 44px;
}
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
color: #ccc;
}
.fancybox-button:hover {
color: #fff;
}
.fancybox-button:focus {
outline: none;
}
.fancybox-button.fancybox-focus {
outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: none;
}
/* Fix IE11 */
.fancybox-button div {
height: 100%;
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%;
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0;
}
.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
display: none;
}
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
display: none;
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
-ms-transform: scaleX(0);
transform: scaleX(0);
-ms-transform-origin: 0;
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
z-index: 99998;
}
/* Close button on the top right corner of html content */
.fancybox-close-small {
background: transparent;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: .8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401;
}
.fancybox-close-small:hover {
color: #fff;
opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none;
}
/* Navigation arrows */
.fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px;
}
.fancybox-navigation .fancybox-button div {
padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
left: env(safe-area-inset-left);
padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
right: env(safe-area-inset-right);
}
/* Caption */
.fancybox-caption {
background: linear-gradient(to top,
rgba(0, 0, 0, .85) 0%,
rgba(0, 0, 0, .3) 50%,
rgba(0, 0, 0, .15) 65%,
rgba(0, 0, 0, .075) 75.5%,
rgba(0, 0, 0, .037) 82.85%,
rgba(0, 0, 0, .019) 88%,
rgba(0, 0, 0, 0) 100%);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px 44px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996;
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
}
}
.fancybox-caption--separate {
margin-top: -50px;
}
.fancybox-caption__body {
max-height: 50vh;
overflow: auto;
pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
color: #ccc;
text-decoration: none;
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline;
}
/* Loading indicator */
.fancybox-loading {
animation: fancybox-rotate 1s linear infinite;
background: transparent;
border: 4px solid #888;
border-bottom-color: #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: .7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999;
}
@keyframes fancybox-rotate {
100% {
transform: rotate(360deg);
}
}
/* Transition effects */
.fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, .25, 1);
}
/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
transform: translate3d(0, 0, 0);
}
/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
opacity: 0;
transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
}
/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
transform: scale3d(.5, .5, .5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
transform: scale3d(1, 1, 1);
}
/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}
/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
transform: translate3d(0, 0, 0) scale(1);
}
/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
.fancybox-slide {
padding-left: 6px;
padding-right: 6px;
}
.fancybox-slide--image {
padding: 6px 0;
}
.fancybox-close-small {
right: -6px;
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px;
}
.fancybox-caption {
padding-left: 12px;
padding-right: 12px;
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding-left: max(12px, env(safe-area-inset-left));
padding-right: max(12px, env(safe-area-inset-right));
}
}
}
/* Share */
.fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center;
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px 0;
}
.fancybox-share p {
margin: 0;
padding: 0;
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px 5px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
transition: all .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.fancybox-share__button:visited,
.fancybox-share__button:link {
color: #fff;
}
.fancybox-share__button:hover {
text-decoration: none;
}
.fancybox-share__button--fb {
background: #3b5998;
}
.fancybox-share__button--fb:hover {
background: #344e86;
}
.fancybox-share__button--pt {
background: #bd081d;
}
.fancybox-share__button--pt:hover {
background: #aa0719;
}
.fancybox-share__button--tw {
background: #1da1f2;
}
.fancybox-share__button--tw:hover {
background: #0d95e8;
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px;
}
.fancybox-share__button svg path {
fill: #fff;
}
.fancybox-share__input {
background: transparent;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0 0;
outline: none;
padding: 10px 15px;
width: 100%;
}
/* Thumbs */
.fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px 2px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
width: 212px;
z-index: 99995;
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block;
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px;
}
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px;
}
.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, .1);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: none;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px;
}
.fancybox-thumbs__list a::before {
border: 6px solid #ff5268;
bottom: 0;
content: '';
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all .2s cubic-bezier(.25, .46, .45, .94);
z-index: 99991;
}
.fancybox-thumbs__list a:focus::before {
opacity: .5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
opacity: 1;
}
/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
.fancybox-thumbs {
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px;
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px);
}
}
/* End */
/* Start:/local/templates/nniito/css/template.css?1767020832161175*/
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
*
{
box-sizing:border-box;
min-height: 0;
min-width: 0;
}
body,
html
{
width:100%;
min-height:100%;
margin:0;
padding:0;
position:relative;
overflow-x: hidden;
}
body
{
background: #fff;
min-width:360px;
font-family: 'Lato', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 140%;
color: #2C3136;
}
h1, h2, h3, h4, h5, h6
{
font-family: 'Lato', sans-serif;
font-size: 40px;
line-height: 140%;
color: #2C3136;
font-weight: 700;
}
strong
{
font-weight: 700;
font-family: 'Lato', sans-serif;
}
img
{
border:0;
max-width: 100%;
}
a
{
color: #2C3136;
text-decoration:none;
transition: all 0.2s ease;
font-family: 'Lato', sans-serif;
}
a:hover
{
text-decoration:none;
color: #B00C2F;
}
a:focus
{
outline: none;
text-decoration:none;
}
.page {
display: flex;
width: 100%;
min-height: 100%;
}
.page__sidebar {
flex: 0 0 280px;
padding: 16px 32px;
border-right: 1px solid #E2E5E9;
}
.page__body {
flex: 1 1 auto;
}
.sidebar__switch {
margin-top: 40px;
}
.sidebar__menu {
margin-top: 32px;
}
.sidebar__menu-items {
}
.sidebar__menu-it {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #E2E5E9;
}
.sidebar__menu-it:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.sidebar__menu-item {
font-size: 16px;
font-weight: 600;
line-height: 140%;
display: flex;
align-items: center;
}
.sidebar__menu-item:hover {
color: #B00C2F;
}
.sidebar__menu-item.active {
color: #B00C2F;
}
.sidebar__menu-item img,
.sidebar__menu-item svg {
margin-right: 12px;
flex-shrink: 0;
}
.sidebar__butt {
margin-top: 48px;
}
.sidebar__butt .button {
margin-bottom: 24px;
width: 100%;
padding-left: 6px;
padding-right: 6px;
font-size: 14px;
}
.sidebar__butt .button:last-child {
margin-bottom: 0;
}
.sidebar__soc {
margin-top: 48px;
}
@media (max-width: 768px) {
.sidebar__switch {
margin-top: 25px;
}
}
/*top-menu*/
.top-menu {
display: flex;
align-items: center;
width: 100%;
border-bottom: 1px solid #E2E5E9;
}
.top-menu__item {
flex-shrink: 1;
flex-grow: 1;
}
.top-menu__item img,
.top-menu__item svg {
margin-right: 12px;
}
.top-menu__url {
display: flex;
align-items: center;
justify-content: center;
color: #2C3136;
text-align: center;
font-size: 16px;
font-weight: 400;
line-height: 140%;
background: linear-gradient(90deg, #FFF8F6 0%, #FFEDED 100%);
padding: 12px;
border-right: 1px solid #F3DBE0;
position: relative;
}
.top-menu__url:hover {
color: #B00C2F;
background: linear-gradient(90deg, #FFF2ED 0.01%, #FFE1E1 99.99%);
}
.top-menu__item.active .top-menu__url {
background: #fff;
color: #B00C2F;
}
.top-menu__item.active .top-menu__url:before {
content: '';
position: absolute;
z-index: 2;
left: -10px;
top: 0;
height: 100%;
width: 20px;
background: #ffeded;
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.top-menu__item.active .top-menu__url:after {
content: '';
position: absolute;
z-index: 2;
right: -10px;
top: 0;
height: 100%;
width: 20px;
background: #fff7f5;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.top-menu__item1.active .top-menu__url:before {
content: none;
}
.top-menu__item5.active .top-menu__url:after {
content: none;
}
.top-menu__item.active.hovered-left .top-menu__url:before {
background: #ffe2e1;
}
.top-menu__item.active.hovered-right .top-menu__url:after {
background: #fff1ed;
}
@media (max-width: 1279px) {
.top-smenu {
margin-top: 63px !important;
}
}
@media (max-width: 991px) {
.top-smenu {
margin-top: 0 !important;
}
}
@media (min-width: 991px) {
.top-menu {
position: fixed;
left: 280px;
top: 0;
z-index: 4;
width: calc(100% - 280px);
}
.top-smenu {
margin-top: 50px;
}
}
/*top-menu*/
/*top-smenu*/
.top-smenu {
display: flex;
align-items: center;
justify-content: space-between;
box-shadow: 0 14px 25px rgba(140, 149, 193, 0.10);
-webkit-box-shadow: 0 14px 25px rgba(140, 149, 193, 0.10);
-moz-box-shadow: 0 14px 25px rgba(140, 149, 193, 0.10);
position: relative;
}
.top-smenu__l {
}
.top-smenu__l-items {
display: flex;
align-items: center;
}
.top-smenu__l-item {
display: flex;
align-items: center;
color: #77797B;
font-size: 14px;
font-weight: 400;
line-height: 140%;
padding: 18px 24px;
}
.top-smenu__l-item-color {
color: #219F9D;
}
.top-smenu__l-item:hover,
.top-smenu__l-item.active {
color: #B00C2F;
}
.top-smenu__l-item-color svg {
margin-left: 8px;
}
.top-smenu__l-item-color:hover,
.top-smenu__l-item-color.active {
color: #3FC2C0;
}
.top-smenu__l-item-color:hover svg path,
.top-smenu__l-item-color.active svg path {
/*
color: #B00C2F;
fill: #B00C2F;
*/
}
.top-smenu__r {
display: flex;
align-items: center;
position: relative;
margin-right: 24px;
justify-content: space-between;
width: 700px;
}
.top-smenu__phone {
margin-right: 20px;
}
.top-smenu__phone a {
display: flex;
align-items: center;
justify-content: center;
color: #2C3136;
font-size: 14px;
font-weight: 600;
line-height: 140%;
padding: 6px 12px;
border-radius: 8px;
border: 1px solid transparent;
}
.top-smenu__phone a svg {
margin-right: 10px;
}
.top-smenu__phone a:hover {
background: linear-gradient(90deg, #FFF2ED 0%, #FFE1E1 100%);
}
.top-smenu__eye {
margin-right: 20px;
}
.top-smenu__eye a {
color: #2C3136;
font-size: 14px;
font-weight: 400;
line-height: 140%;
padding: 6px 12px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
border: 1px solid transparent;
}
.top-smenu__eye a svg {
margin-right: 10px;
}
.top-smenu__eye a:hover {
background: linear-gradient(90deg, #FFF2ED 0%, #FFE1E1 100%);
}
.top-smenu__eye.active a {
background: linear-gradient(90deg, #FFF2ED 0%, #FFE1E1 100%);
border-color: #B00C2F;
color: #B00C2F;
}
.top-smenu__eye.active a svg path {
color: #B00C2F;
fill: #B00C2F;
}
.top-smenu__search {
}
.top-smenu__search-ico {
display: flex;
width: 40px;
height: 40px;
padding: 12px 0;
justify-content: center;
align-items: center;
flex-shrink: 0;
border-radius: 8px;
background: linear-gradient(90deg, #FFF8F6 0%, #FFEDED 100%);
border: 1px solid #B00C2F;
cursor: pointer;
transition: all 0.2s ease;
position: relative;
z-index: 3;
}
.top-smenu__search-ico:hover {
border-radius: 8px;
background: linear-gradient(30deg, rgba(255, 213, 196, 0.60) 0%, rgba(255, 208, 192, 0.60) 18.00%, rgba(255, 194, 180, 0.60) 40.00%, rgba(255, 170, 160, 0.60) 63.00%, rgba(255, 138, 132, 0.60) 87.00%, rgba(255, 117, 114, 0.60) 100%);
}
.top-smenu__search-body {
position: absolute;
right: 0;
top: -6px;
width: 0;
height: 53px;
border-radius: 8px;
border: 1px solid #E2E5E9;
background: #F8FBFB;
display: flex;
align-items: center;
z-index: 2;
opacity: 0;
overflow: hidden;
transition-duration: .2s;
}
.top-smenu__search-body * {
transition-duration: .2s;
}
.top-smenu__search-body form {
margin: 0;
padding: 0;
display: block;
width: 100%;
overflow: hidden;
}
.top-smenu__search-input {
position: relative;
z-index: 1;
display: block;
width: 99%;
height: 49px;
padding: 0 70px 0 16px;
color: #ACB5C1;
font-size: 14px;
font-weight: 600;
line-height: 140%;
border: 0;
outline: none;
background: none;
border-radius: 8px;
top: 1px;
left: 1px;
}
.top-smenu__search-button {
position: absolute;
z-index: 2;
top: 50%;
right: 16px;
width: 28px;
height: 28px;
transform: translateY(-50%);
display: block;
outline: none;
border: 0;
cursor: pointer;
background: url("/local/templates/nniito/css/../images/ico/search.svg") no-repeat center center;
}
.top-smenu__search.focus .top-smenu__search-body {
border-color: #3FC2C0;
}
.top-smenu__search.focus .top-smenu__search-input {
background: #F8FBFB;
}
.top-smenu__search-clear {
position: absolute;
z-index: 2;
top: 50%;
right: 16px;
width: 28px;
height: 28px;
transform: translateY(-50%);
display: none;
outline: none;
border: 0;
cursor: pointer;
background: url("/local/templates/nniito/css/../images/ico/x.svg") no-repeat center center;
}
.top-smenu__search.focus .top-smenu__search-clear {
display: block;
}
.top-smenu__search.focus .top-smenu__search-button {
left: 16px;
right: auto;
background: url("/local/templates/nniito/css/../images/ico/search-red.svg") no-repeat center center;
}
.top-smenu__search.focus .top-smenu__search-input {
padding-left: 50px;
padding-right: 24px;
}
@media (max-width: 1900px) {
.top-smenu__r {
width: initial;
}
}
/*top-smenu*/
/*footer*/
.footer__warning {
color: #CAD1D8;
font-size: 32px;
font-weight: 400;
line-height: 140%;
letter-spacing: 3.2px;
text-transform: uppercase;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
}
.footer {
background: #F8FBFB;
padding-top: 56px;
padding-bottom: 56px;
}
.footer__blocks {
display: flex;
justify-content: space-between;
}
.footer__block {
}
.footer__block1 {
flex: 0 0 290px;
margin-right: 20px;
}
.footer__block2 {
flex: 1 1 auto;
}
.footer__block3 {
flex: 0 0 365px;
margin-left: 20px;
}
.footer__logo {
}
.footer__grade {
margin-top: 42px;
}
.footer__menus {
display: flex;
justify-content: space-between;
}
.footer__menu {
margin: 0 20px;
}
.footer__menu-item {
color: #2C3136;
font-size: 16px;
font-weight: 400;
line-height: 140%;
display: block;
margin-bottom: 18px;
}
.footer__menu-item:last-child {
margin-bottom: 0;
}
.footer__menu-item:hover,
.footer__menu-item.active {
color: #B00C2F;
}
.footer__priem {
margin-bottom: 32px;
}
.footer__cont {
display: flex;
margin-bottom: 24px;
}
.footer__cont-phone {
color: #77797B;
font-size: 16px;
font-weight: 400;
line-height: 140%;
display: flex;
align-items: center;
}
.footer__cont-phone:hover {
color: #B00C2F;
}
.footer__cont-phone img,
.footer__cont-phone svg {
margin-right: 10px;
}
.footer__cont-call {
color: #B00C2F;
font-size: 16px;
font-weight: 400;
line-height: 140%;
margin-left: 24px;
border-bottom: 1px dashed #B00C2F;
padding-bottom: 2px;
}
.footer__cont-call:hover {
border-color: transparent;
}
.footer__mail {
margin-bottom: 24px;
}
.footer__mail a {
color: #77797B;
font-size: 16px;
font-weight: 400;
line-height: 140%;
display: flex;
align-items: center;
}
.footer__mail a:hover {
color: #B00C2F;
}
.footer__mail img,
.footer__mail svg {
margin-right: 10px;
}
.footer__sub {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 48px;
padding-top: 48px;
border-top: 1px solid #E2E5E9;
}
.footer__eye {
margin-right: 20px;
}
.footer__eye a {
color: #2C3136;
font-size: 14px;
font-weight: 400;
line-height: 140%;
padding: 6px 12px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
border: 1px solid transparent;
}
.footer__eye a svg {
margin-right: 10px;
}
.footer__eye a:hover {
background: linear-gradient(90deg, #FFF2ED 0%, #FFE1E1 100%);
}
.footer__eye.active a {
background: linear-gradient(90deg, #FFF2ED 0%, #FFE1E1 100%);
border-color: #B00C2F;
color: #B00C2F;
}
.footer__eye.active a svg path {
color: #B00C2F;
fill: #B00C2F;
}
.footer__sub-menu {
display: flex;
align-items: center;
}
.footer__sub-item {
color: #77797B;
font-size: 16px;
font-weight: 400;
line-height: 140%;
margin-left: 48px;
}
.footer__sub-item:hover,
.footer__sub-item.active {
color: #B00C2F;
}
.footer__copi {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 39px;
}
.footer__copi-site {
color: #77797B;
font-size: 16px;
font-weight: 400;
line-height: 140%;
margin-right: 20px;
}
.footer__copi-dev {
}
/*footer*/
.mobile-logo {
display: none;
height: 40px;
position: absolute;
left: 60px;
top: 0;
z-index: 2;
}
.mobile-logo__image {
max-height: 100%;
width: initial;
}
.mobile-menu {
background: #fff;
padding: 24px 20px 54px 20px;
position: absolute;
left: 0;
top: 60px;
width: 100%;
z-index: 10;
display: none;
}
.mobile-menu__cont {
display: flex;
justify-content: space-between;
align-items: center;
}
.mobile-menu__phone {
color: #2C3136;
font-size: 14px;
font-weight: 700;
line-height: 140%;
display: flex;
align-items: center;
}
.mobile-menu__phone a {
display: flex;
align-items: center;
}
.mobile-menu__phone svg {
margin-right: 10px;
}
.mobile-menu__soc .soc-item {
margin-bottom: 0;
margin-right: 0;
margin-left: 16px;
}
.mobile-menu__items {
margin: 32px 0;
}
.mobile-menu__item {
border-top: 1px solid #E2E5E9;
}
.mobile-menu__url {
padding: 20px 0;
color: #2C3136;
font-size: 16px;
font-weight: 700;
line-height: 140%;
display: flex;
align-items: center;
width: 100%;
}
.mobile-menu__url svg {
margin-right: 12px;
}
.mobile-menu__item-color .mobile-menu__url {
color: #219F9D;
font-weight: 400;
}
.mobile-menu__item-color .mobile-menu__url svg {
margin-right: 0;
margin-left: 8px;
}
.mobile-menu__butt {
}
.mobile-menu__butt .button {
width: 100%;
margin-bottom: 24px;
}
.mobile-menu__butt .button:last-child {
margin-bottom: 0;
}
.mobile-menu__cor {
cursor: pointer;
position: absolute;
left: 0;
top: 5px;
z-index: 2;
display: none;
}
.mobile-menu__cor div {
width: 32px;
height: 32px;
align-items: center;
justify-content: center;
}
.mobile-menu__cor-c {
display: flex;
}
.mobile-menu__cor-a {
display: none;
}
.mmenu {
display: none;
margin-top: 24px;
margin-bottom: 16px;
}
.mmenu__cust {
margin-top: 24px;
}
.select2js {
width: 100%;
}
/*elements*/
.caption {
display: flex;
justify-content: space-between;
margin-bottom: 48px;
align-items: center;
}
.caption__value {
color: #2C3136;
font-size: 40px;
font-weight: 700;
line-height: 140%;
}
.caption__value h1,
.caption__value h2,
.caption__value h3 {
margin: 0;
padding: 0;
line-height: inherit;
font-size: inherit;
font-weight: 700;
}
.caption__dop .select2js,
.caption__dop .select2-container {
min-width: 250px;
}
.caption__dop-text {
color: #77797B;
font-size: 16px;
line-height: 140%;
}
.caption__dop-search {
color: #219F9D;
font-size: 18px;
line-height: 140%;
letter-spacing: 0.18px;
padding: 11px 24px;
border-radius: 11200px;
background: #E7F4F4;
margin-left: 15px;
}
.caption__dop-kod {
padding: 7px 16px;
border-radius: 0 8px 8px 0;
border-left: 2px solid #3FC2C0;
background: #E7F4F4;
color: #219F9D;
font-size: 16px;
line-height: 140%;
margin-left: 10px;
}
.caption__dop-kod-red {
color: #B00C2F;
border-radius: 8px;
background: linear-gradient(95deg, #FFF8F6 0%, #FFEDED 100%);
border-top: 2px solid #B00C2F;
border-left: 0;
}
.switcher {
display: flex;
padding: 3px;
border-radius: 12px;
background: linear-gradient(95deg, #FFF8F6 0%, #FFEDED 100%);
width: fit-content;
}
.switcher__item {
padding: 11px 21px;
color: #2C3136;
text-align: center;
font-size: 16px;
font-weight: 600;
line-height: 140%;
border-radius: 10px;
cursor: pointer;
margin-right: 3px;
transition: all 0.2s ease;
border: 1px solid transparent;
}
.switcher__item:last-child {
margin-right: 0;
}
.switcher__item.active {
border-color: #E2E5E9;
box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.04), 0 3px 8px 0 rgba(0, 0, 0, 0.12);
background-color: #fff;
}
.switcher__item:hover {
border-color: #E2E5E9;
box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.04), 0 3px 8px 0 rgba(0, 0, 0, 0.12);
}
.button {
display: flex;
color: #B00C2F;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: 600;
line-height: 140%;
padding: 10px 24px;
border-radius: 10px;
background: linear-gradient(90deg, #FFF8F6 0%, #FFEDED 100%);
transition-duration: .2s;
border: 1px solid #B00C2F;
width: fit-content;
cursor: pointer;
}
.button:disabled {
cursor: default !important;
background: #c6c6c6 !important;
border-color: #c6c6c6 !important;
color: #808080;
}
.button:hover {
border-color: transparent;
}
.button img,
.button svg {
margin-right: 6px;
}
.button-red {
color: #fff;
background: #B00C2F;
border-color: transparent;
}
.button-red:hover {
border-color: transparent;
color: #fff;
-webkit-box-shadow: 0 0 5px 5px rgba(243,219,224,1);
-moz-box-shadow: 0 0 5px 5px rgba(243,219,224,1);
box-shadow: 0 0 5px 5px rgba(243,219,224,1);
}
.button-transparent {
color: #B00C2F;
border: 1px solid #B00C2F;
background: #FFF;
}
.button-transparent:hover {
border: 1px solid #B00C2F;
background: linear-gradient(95deg, #FFF8F6 0%, #FFEDED 100%);
}
.button-transparent.green {
color: #219F9D;
border: 1px solid #3FC2C0;
background: #F8FBFB;
}
.button-transparent.green:hover {
color: #219F9D;
background: #FFF;
}
.input {
border-radius: 10px;
border: 1px solid #E2E5E9;
background: #FFF;
color: #2C3136;
font-size: 16px;
line-height: 140%;
padding: 12px 24px;
transition: all 0.2s ease;
outline: none;
font-family: 'Lato', sans-serif;
}
.input:focus {
border-color: #5FD7D5;
}
textarea.input {
min-height: 100px;
resize: vertical;
}
.ul-circle {
margin: 0;
padding: 0;
list-style: none;
}
.ul-circle li {
position: relative;
margin-bottom: 24px;
padding-left: 28px;
}
.ul-circle li:last-child {
margin-bottom: 0;
}
.ul-circle li:before {
content: '';
background: url('data:image/svg+xml,') no-repeat center center;
width: 12px;
height: 18px;
position: absolute;
left: 0;
top: 4px;
}
.custom-checkbox {
position: absolute;
z-index: -1;
opacity: 0;
}
.custom-checkbox+label {
display: inline-flex;
align-items: center;
user-select: none;
color: #219F9D;
font-size: 16px;
line-height: 140%;
}
.custom-checkbox+label::before {
content: '';
display: inline-block;
width: 26px;
height: 26px;
flex-shrink: 0;
flex-grow: 0;
border-radius: 6px;
border: 1px solid #219F9D;
margin-right: 0.5em;
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%;
}
.custom-checkbox:not(:disabled):active+label::before {
background-color: #b3d7ff;
border-color: #b3d7ff;
}
.custom-checkbox:checked+label::before {
background-image: url('data:image/svg+xml,');
}
.custom-radio {
position: absolute;
z-index: -1;
opacity: 0;
}
.custom-radio+label {
display: inline-flex;
align-items: center;
user-select: none;
color: #219F9D;
font-size: 16px;
line-height: 140%;
}
.custom-radio+label::before {
content: '';
display: inline-block;
width: 26px;
height: 26px;
flex-shrink: 0;
flex-grow: 0;
border-radius: 100%;
border: 1px solid #219F9D;
margin-right: 0.5em;
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%;
}
/* стили для радиокнопки, находящейся в состоянии checked */
.custom-radio:checked+label::before {
border-color: #219F9D;
background-color: #219F9D;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
@media (max-width: 768px) {
.caption {
margin-bottom: 24px;
}
.caption__value {
font-size: 18px;
line-height: 140%;
}
.caption__dop-text {
font-size: 14px;
}
.caption__dop-search {
font-size: 14px;
padding: 4px 11px;
}
.oip__body {
font-size: 14px;
}
}
@media (max-width: 768px) {
.caption__br-mob {
flex-wrap: wrap;
}
.caption__br-mob .caption__value {
width: 100%;
}
.caption__br-mob .caption__dop {
margin-top: 12px;
}
.caption__br-mob .caption__dop .button {
width: 100%;
}
.caption__br-mob .caption__dop-kod-red {
width: 100%;
margin-left: 0;
}
.caption__br-mob .caption__dop-kod {
width: 100%;
margin-left: 0;
}
}
/*elements*/
/*pm*/
.section-padding-lr {
padding-left: 80px;
padding-right: 80px;
}
.section-margin-lr {
margin-left: 80px;
margin-right: 80px;
}
.section_mbottom {
margin-bottom: 104px;
}
.mbottom87 {
margin-bottom: 87px;
}
.mbottom64 {
margin-bottom: 64px;
}
.mbottom48 {
margin-bottom: 48px;
}
.mbottom40 {
margin-bottom: 40px;
}
@media (max-width: 768px) {
.section_mbottom {
margin-bottom: 48px;
}
.mbottom87 {
margin-bottom: 48px;
}
.mbottom64 {
margin-bottom: 32px;
}
.mbottom48 {
margin-bottom: 32px;
}
.mbottom40 {
margin-bottom: 32px;
}
}
/*pm*/
/*soc-items*/
.soc-items {
display: flex;
}
.soc-item {
margin: 0 20px 20px 0;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid #CAD1D8;
border-radius: 12px;
}
.soc-item:hover {
background: #B00C2F;
border-color: #B00C2F;
}
.soc-item:hover svg path {
fill: #fff;
color: #fff;
}
/*soc-items*/
.show-mobile {
display: none;
}
@media screen and (min-device-width: 1450px) and (max-device-width: 1650px) {
.footer__menus {
display: block;
}
.footer__menu {
display: inline;
margin-left: 0;
margin-right: 0;
}
.footer__menu-item {
display: inline-block;
width: calc(50% - 10px);
margin-right: 10px;
margin-bottom: 18px;
float: left;
}
.footer__menu-item:last-child {
margin-bottom: 18px;
}
}
@media (max-width: 1600px) {
.top-smenu__l-item {
padding-left: 16px;
padding-right: 16px;
}
}
@media (max-width: 1450px) {
.top-menu__url {
font-size: 14px;
}
.top-smenu {
flex-wrap: wrap;
}
.top-smenu__l {
width: 100%;
}
.top-smenu__r {
width: 100%;
justify-content: flex-end;
margin-bottom: 12px;
margin-left: 24px;
}
.top-smenu__l-items {
justify-content: space-between;
}
.footer__cont {
flex-wrap: wrap;
}
.footer__cont-phone {
width: 100%;
}
.footer__cont-call {
margin-left: 0;
margin-top: 12px;
}
.section-padding-lr {
padding-left: 20px;
padding-right: 20px;
}
.footer__warning {
font-size: 20px;
letter-spacing: 2px;
}
.footer__block1 {
flex: 0 0 220px;
}
.footer__block3 {
flex: 0 0 265px;
}
}
@media (max-width: 1279px) {
.top-menu__item img, .top-menu__item svg {
display: none;
}
.top-menu__url {
height: 63px;
}
.page__sidebar {
padding-left: 14px;
padding-right: 14px;
}
.footer {
padding-top: 32px;
padding-bottom: 32px;
}
.footer__blocks {
flex-wrap: wrap;
position: relative;
padding-top: 100px;
}
.footer__logo {
position: absolute;
left: 0;
top: 0;
}
.footer__soc {
position: absolute;
right: 0;
top: 10px;
}
.footer__soc .soc-item {
margin-bottom: 0;
margin-right: 0;
margin-left: 12px;
}
.footer__logo-image {
max-height: 50px;
}
.footer__cont {
flex-wrap: nowrap;
justify-content: space-between;
}
.footer__cont-call {
margin-top: 0;
}
.footer__cont-phone {
width: initial;
}
.footer__priem .button {
width: 100%;
}
.footer__block1 {
flex: 1 1 100%;
display: flex;
align-items: center;
justify-content: space-around;
margin-right: 0;
margin-top: 20px;
order: 3;
}
.footer__grade {
margin-top: 0;
}
.footer__block2 {
order: 1;
flex: 1 1 100%;
margin-bottom: 20px;
}
.footer__block3 {
order: 2;
flex: 1 1 100%;
margin-left: 0;
}
.footer__sub {
flex-wrap: wrap;
margin-top: 32px;
padding-top: 32px;
}
.footer__sub-menu {
flex-wrap: wrap;
}
.footer__sub-item {
margin-left: 0;
flex: 1 1 calc(50% - 10px);
margin-right: 10px;
margin-top: 16px;
}
.footer__copi-dev svg {
max-width: 170px;
}
.footer__menu {
margin-left: 0;
}
}
@media (max-width: 991px) {
.top-menu {
display: none;
}
.top-smenu__l {
display: none;
}
.page__sidebar {
display: none;
}
.top-smenu {
background: linear-gradient(90deg, #FFF8F6 0%, #FFEDED 100%);
}
.top-smenu__r {
margin-top: 10px;
margin-bottom: 10px;
}
.mobile-logo {
display: block;
}
.mobile-menu__cor {
display: block;
}
.top-smenu__search-body {
top: -6px;
}
.mmenu {
display: block;
}
}
@media (max-width: 768px) {
.hide-mobile {
display: none;
}
.show-mobile {
display: block;
}
.top-smenu__phone {
order: 5;
margin-right: 0;
margin-left: 26px;
}
.top-smenu__eye {
order: 4;
margin-right: 0;
}
.top-smenu__phone span {
display: none;
}
.top-smenu__eye span {
display: none;
}
.top-smenu__phone a {
background: none !important;
padding-left: 0;
padding-right: 0;
}
.top-smenu__phone a svg {
margin-right: 0;
width: 24px;
height: 28px;
}
.top-smenu__eye a svg {
margin-right: 0;
}
.top-smenu__search {
position: absolute;
top: 155px;
right: 0;
z-index: 2;
}
.footer__warning {
font-size: 16px;
}
.footer__menus {
display: block;
}
.footer__menu {
display: inline;
margin-left: 0;
margin-right: 0;
}
.footer__menu-item {
display: inline-block;
width: calc(50% - 10px);
margin-right: 10px;
margin-bottom: 18px;
float: left;
}
.footer__menu-item:last-child {
margin-bottom: 18px;
}
.footer__menu-item:nth-child(2n + 2) {
}
.footer__sub-item {
font-size: 14px;
}
.footer__copi {
flex-wrap: wrap;
justify-content: flex-start;
}
.footer__copi-dev {
margin-top: 24px;
width: 100%;
}
.footer__copi-dev svg {
max-width: 290px;
}
/*fix menu*/
.footer__block1 {
margin-top: 0;
}
.footer__grade {
position: absolute;
left: 20px;
bottom: -330px;
width: calc(100% - 40px);
z-index: 2;
text-align: center;
}
.footer__mail {
margin-bottom: 0;
}
.footer__copi {
padding-top: 120px;
}
/*fix menu*/
}
@media (max-width: 360px) {
.mobile-menu__cont {
flex-wrap: wrap;
}
.mobile-menu__phone {
width: 100%;
}
.mobile-menu__soc {
margin-top: 16px;
}
.mobile-menu__soc .soc-item {
margin-left: 0;
margin-right: 16px;
}
}
/*content-block*/
.content-block {
color: #77797B;
font-size: 18px;
line-height: 140%;
letter-spacing: 0.18px;
}
.content-block p {
color: #77797B;
font-size: 18px;
line-height: 140%;
letter-spacing: 0.18px;
padding: 0;
margin: 0 0 30px 0;
}
.quote p:last-child {
margin-bottom: 0;
}
.content-block ul {
margin: 0 0 39px 0;
padding: 0;
list-style: none;
}
.content-block ul > li {
color: #77797B;
font-size: 18px;
line-height: 140%;
letter-spacing: 0.18px;
margin-bottom: 24px;
background: url('data:image/svg+xml,') no-repeat left 0;
padding-left: 32px;
}
.content-block ul > li:last-child {
margin-bottom: 0;
}
.content-block ol {
counter-reset: olc;
margin: 0 0 39px 0;
padding: 0;
list-style: none;
}
.content-block ol > li {
color: #77797B;
font-size: 16px;
line-height: 140%;
position: relative;
padding-left: 64px;
margin-bottom: 24px;
min-height: 40px;
align-items: center;
display: flex;
}
.content-block ol li {
font-size: 16px;
}
.content-block ol > li:last-child {
margin-bottom: 0;
}
.content-block ol > li:before {
counter-increment: olc;
content:counters(olc, ".");
color: #219F9D;
font-size: 16px;
font-weight: 700;
line-height: 140%;
border-radius: 4px;
border: 1px solid #E2E5E9;
background: #F8FBFB;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
top: 0;
}
.content-block ol > li.with-sub {
align-items: flex-start;
flex-wrap: wrap;
}
.content-block ol > li.with-sub span {
flex: 0 0 calc(100% - 64px);
min-height: 40px;
display: flex;
align-items: center;
}
.content-block ol > li.with-sub ol,
.content-block ol > li.with-sub ul {
margin-top: 20px;
}
.content-slider {
margin-bottom: 184px;
}
.content-slider__items {
}
.content-slider__item {
border-radius: 12px;
border: 1px solid #E2E5E9;
background: #FFF;
}
.content-slider__image {
min-width: 100%;
min-height: 100%;
object-fit: cover;
border-radius: 12px;
}
.content-slider .slick-slide {
margin: 0 32px 0 0;
}
.content-slider .slick-list {
margin: 0 -32px 0 0;
}
.content-block__imgl {
display: flex;
}
.content-block__imgl-revert {
flex-direction: row-reverse;
}
.content-block__imgl-text {
flex: 1 1 auto;
}
.content-block__imgl-img {
flex: 0 0 415px;
margin-left: 32px;
}
.content-block__imgl-video {
border-radius: 10px;
border: 1px solid #E2E5E9;
background: #F8FBFB;
height: fit-content;
}
.content-block__imgl-video-text {
color: #232323;
font-size: 18px;
line-height: 140%;
letter-spacing: 0.18px;
padding: 32px 24px;
}
.content-block__imgl-revert .content-block__imgl-img {
margin-right: 32px;
margin-left: 0;
}
.content-block__imgl img {
width: 100%;
height: initial;
}
.content-block__imgr .content-block__imgl-img {
margin-right: 32px;
margin-left: 0;
}
.content-block a {
color: #219F9D;
text-decoration: underline;
display: contents;
}
.content-block a:hover {
text-decoration: none;
}
.quote {
border-radius: 10px;
border-left: 3px solid #3FC2C0;
background: #F8FBFB;
padding: 24px;
margin-bottom: 24px;
}
.content-block__wuser {
display: flex;
margin-top: 80px;
}
.content-block__wuser-u {
flex: 0 0 346px;
margin-right: 46px;
}
.content-block__wuser-t {
flex: 1 1 auto;
}
.content-block__caption {
color: #000;
font-size: 32px;
font-weight: 700;
line-height: 140%;
margin-bottom: 40px;
margin-top: 40px;
}
.content-block__caption h1 {
color: #000;
font-size: 32px;
font-weight: 700;
line-height: 140%;
}
.content-block__caption h2 {
color: #000;
font-size: 32px;
font-weight: 700;
line-height: 140%;
}
.content-block__caption h3 {
color: #000;
font-size: 24px;
font-weight: 700;
line-height: 140%;
}
.block-contacts {
padding: 32px;
border-radius: 14px;
border: 1px solid #E2E5E9;
background: #FFF;
box-shadow: 0 0 25px 0 rgba(140, 149, 193, 0.25);
}
.block-contacts__item {
margin-bottom: 16px;
padding-bottom: 16px;
border-bottom: 1px solid #DCE1EC;
}
.block-contacts__item:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.block-contacts__phone {
display: flex;
align-items: center;
color: #2C3136;
font-size: 16px;
line-height: 140%;
margin-bottom: 16px;
}
.block-contacts__phone a {
display: flex;
align-items: center;
color: #2C3136;
font-size: 16px;
line-height: 140%;
text-decoration: none;
}
.block-contacts__phone a:hover {
color: #219F9D;
}
.block-contacts__phone svg {
margin-right: 16px;
}
.block-contacts__text {
color: #77797B;
font-size: 16px;
line-height: 140%;
}
.content-block__info-items {
}
.content-block__info-item {
margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px solid #CAD1D8;
}
.content-block__info-item:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.content-block__info-title {
display: flex;
color: #77797B;
font-size: 18px;
line-height: 140%;
letter-spacing: 0.18px;
}
.content-block__info-title svg {
flex: 0 0 auto;
margin-right: 16px;
}
.content-block__info-links {
}
.content-block .content-link {
display: flex;
color: #219F9D;
font-size: 16px;
line-height: 140%;
text-decoration: underline;
width: fit-content;
}
.content-block .content-block__info-links .content-link {
margin-top: 24px;
}
.content-link:hover {
text-decoration: none;
}
.content-link svg {
margin-right: 12px;
flex: 0 0 auto;
margin-top: 3px;
}
.content-video {
}
.content-video__wrapper {
display: flex;
}
.content-video__body {
border-radius: 10px;
border: 1px solid #3FC2C0;
background: #F8FBFB;
flex: 0 0 415px;
margin-right: 32px;
padding: 32px;
}
.content-video__frame {
flex: 1 1 auto;
border-radius: 10px;
overflow: hidden;
}
.content-video__caption {
color: #2C3136;
font-size: 18px;
font-weight: 700;
line-height: 140%;
}
.content-video__phone {
padding-left: 24px;
border-radius: 3px;
border-left: 3px solid #B00C2F;
margin-top: 24px;
}
.content-video__phone-title {
color: #B00C2F;
font-size: 16px;
line-height: 140%;
margin-bottom: 16px;
}
.content-video__phone-value {
display: flex;
color: #2C3136;
font-size: 16px;
font-weight: 700;
line-height: 140%;
}
.content-video__phone-value a {
color: #2C3136;
font-size: 16px;
font-weight: 700;
line-height: 140%;
}
.content-video__phone-value a:hover {
color: #219F9D;
}
.content-video__phone-value svg {
margin-right: 10px;
}
.content-video__text {
margin-top: 32px;
color: #77797B;
font-size: 16px;
line-height: 140%;
}
.content-video__soc {
margin-top: 24px;
}
.content-video__soc .soc-item {
display: flex;
margin-bottom: 0;
}
.content-block__figure-quote {
}
.section-map .block-contacts {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.block-contacts__wr {
max-height: 441px;
overflow-y: auto;
}
.block-contacts__item-s {
display: flex;
justify-content: space-between;
}
.block-contacts__sitem {
margin-right: 10px;
}
.block-contacts__sitem:last-child {
}
.block-contacts__sitem-caption {
color: #2C3136;
font-size: 16px;
font-weight: 700;
line-height: 140%;
}
.block-contacts__sitem-text {
margin-top: 12px;
color: #828282;
font-size: 16px;
line-height: 140%;
}
.block-contacts__sitem-text a {
color: #828282;
font-size: 16px;
line-height: 140%;
}
.block-contacts__sitem-text a:hover {
color: #219F9D;
}
.block-contacts__sitem-text svg {
margin-right: 12px;
}
.block-contacts__sitem-text strong {
color: #14202C;
padding: 0 8px;
}
.block-contacts__sitem-vico {
display: flex;
align-items: center;
}
.content-block__wtw {
display: flex;
justify-content: space-between;
}
.content-block__wtw-item {
flex: 0 0 calc(50% - 45px);
}
.block-bg {
padding: 32px;
border-radius: 10px;
border: 1px solid #E2E5E9;
background: #F8FBFB;
}
.content__date {
color: #2C3136;
font-size: 14px;
background: #FFF;
display: flex;
align-items: center;
padding: 0;
margin-bottom: 20px;
margin-top: -20px;
}
.content__date svg {
margin-right: 10px;
}
.content-block__imgl-w50 {
justify-content: space-between;
}
.content-block__imgl-w50 .content-block__imgl-img {
flex: 0 0 calc(50% - 24px);
}
.content-block__imgl-w50 .content-block__imgl-text {
flex: 0 0 calc(50% - 24px);
}
.content-block__float::after {
content: "";
clear: both;
display: table;
}
.content-block__float .content-float__imgl {
float: left;
max-width: 415px;
margin: 0 32px 32px 0;
}
@media (max-width: 1900px) {
.block-contacts__sitem-text span {
display: block;
}
}
@media (max-width: 1800px) {
.block-contacts__item-s {
flex-wrap: wrap;
}
.block-contacts__sitem:nth-child(1) {
flex: 0 0 calc(50% - 10px);
}
.block-contacts__sitem:nth-child(2) {
flex: 0 0 calc(50% - 10px);
}
.block-contacts__sitem:nth-child(3) {
flex: 0 0 100%;
margin-top: 20px;
}
.block-contacts__sitem-text span {
display: inline;
}
}
@media (max-width: 1700px) {
.content-video__wrapper {
flex-wrap: wrap;
}
.content-video__body {
flex: 1 1 auto;
margin-top: 24px;
margin-right: 0;
order: 2;
}
.content-video__frame {
flex: 1 1 auto;
order: 1;
}
.content-block__imgl {
flex-wrap: wrap;
}
.content-block__imgl-img,
.content-block__imgr .content-block__imgl-img {
flex: 1 1 100%;
margin-left: 0;
margin-top: 20px;
text-align: center;
}
.content-block__imgr .content-block__imgl-img {
margin-top: 0;
margin-bottom: 20px;
}
.content-block__img-wpadd.content-block__imgl {
flex-wrap: nowrap;
}
.content-block__img-wpadd.content-block__imgl .content-block__imgl-img {
flex: 0 0 415px;
margin: 0 32px 0 0;
}
.content-block__wuser {
flex-wrap: wrap;
}
.content-block__wuser-u {
flex: 1 1 100%;
margin-right: 0;
margin-bottom: 24px;
}
.content-block__wtw-item {
flex: 0 0 calc(50% - 12px);
}
}
@media (max-width: 991px) {
.content-block__img-wpadd.content-block__imgl {
flex-wrap: wrap;
}
.content-block__img-wpadd.content-block__imgl .content-block__imgl-img {
margin-top: 0;
margin-bottom: 20px;
margin-right: 0;
flex: 1 1 100%;
}
.content-block__imgl-w50 .content-block__imgl-text {
flex: 1 1 100%;
}
.content-block__imgl-w50 .content-block__imgl-img {
flex: 1 1 100%;
}
.content-block__wtw-item {
flex: 0 0 100%;
margin-bottom: 24px;
}
.content-block__wtw {
flex-wrap: wrap;
}
.content-block__wtw-item:last-child {
margin-bottom: 0;
}
.content-block__float .content-float__imgl {
float: none;
max-width: 100%;
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.content-block__float .content-float__imgl img {
width: 100%;
}
.content-block__float .content-block__imgl-text iframe {
width: 100%;
}
}
@media (max-width: 768px) {
.content-slider {
margin-bottom: 134px;
}
.content-block__wuser {
margin-top: 40px;
}
.content-block ol > li {
padding-left: 44px;
min-height: 32px;
}
.content-block ol > li:before {
width: 32px;
height: 32px;
}
.content-block {
font-size: 14px;
}
.content-block__caption {
font-size: 18px;
}
.content-block__caption h1 {
font-size: 18px;
}
.content-block__caption h2 {
font-size: 18px;
}
.content-block__caption h3 {
font-size: 16px;
}
.content-block__imgl-video-text {
padding: 20px;
}
.content-block p,
.content-block ul li,
.content-block ol li,
.content-block__info-title,
.content-link,
.block-contacts__text,
.content-block__imgl-video-text {
font-size: 14px;
}
.content-video__caption {
font-size: 16px;
}
.block-contacts__sitem {
flex: 0 0 100% !important;
}
.block-contacts__sitem-text span {
display: block;
}
.block-contacts__sitem:nth-child(2) {
margin-top: 20px;
}
}
/*content-block*/
/*figure-quote*/
.figure-quote {
padding: 32px 40px;
border-radius: 12px;
border: 1px solid #3FC2C0;
background: #F8FBFB;
position: relative;
}
.figure-quote:before {
content: '';
display: block;
background: #F8FBFB url('data:image/svg+xml,') no-repeat center center;
width: 48px;
height: 48px;
position: absolute;
left: -24px;
top: 50%;
margin-top: -24px;
z-index: 2;
border-radius: 8px;
}
.figure-quote__text {
color: #77797B;
font-size: 16px;
line-height: 140%;
margin-top: 24px;
}
.figure-quote__text p {
color: #77797B;
font-size: 16px;
line-height: 140%;
margin-bottom: 16px;
}
.figure-quote__text p:last-child {
margin-bottom: 0;
}
.figure-quote__user {
display: flex;
align-items: center;
}
.figure-quote__avatar {
width: 58px;
margin-right: 16px;
}
.figure-quote__avatar img,
.figure-quote__avatar svg {
max-width: 100%;
max-height: 100%;
object-fit: cover;
border-radius: 100%;
}
.figure-quote__nd {
}
.figure-quote__n {
color: #2C3136;
font-size: 18px;
font-weight: 700;
line-height: 140%;
margin-top: 6px;
}
.figure-quote__d {
color: #77797B;
font-size: 16px;
line-height: 140%;
}
@media (max-width: 768px) {
.figure-quote__n {
font-size: 14px;
}
.figure-quote__d {
font-size: 14px;
}
.figure-quote__text {
font-size: 14px;
}
.figure-quote__text p {
font-size: 14px;
}
.figure-quote {
padding: 20px;
}
.figure-quote__avatar {
width: 46px;
}
.figure-quote__text {
margin-top: 20px;
}
.figure-quote:before {
width: 32px;
height: 32px;
left: -16px;
top: 34px;
margin-top: 0;
background-size: 22px;
}
}
/*figure-quote*/
/*color-table*/
.color-table__wrapper {
border: 1px solid #3FC2C0;
overflow: hidden;
width: 100%;
border-radius: 12px;
}
.color-table__body {
overflow-x: auto;
padding-bottom: 20px;
}
.color-table {
border-collapse: collapse;
}
.color-table thead {
background: #F8FBFB;
}
.color-table thead th:first-child {
border-radius: 12px 0 0 0;
}
.color-table th {
border: 0;
border-bottom: 1px solid #3FC2C0;
padding: 22px 20px;
color: #2C3136;
font-size: 16px;
font-weight: 700;
line-height: 140%;
min-width: 200px;
text-align: left;
vertical-align: top;
}
.color-table td {
border: 0;
border-bottom: 1px solid #3FC2C0;
padding: 22px 20px;
color: #2C3136;
font-size: 16px;
font-weight: 700;
line-height: 140%;
text-align: left;
vertical-align: top;
}
.color-table tr:last-child td {
/*border: 0;*/
}
.color-table__more {
margin-top: 20px;
}
.color-table__more .button {
display: block;
width: 100%;
text-decoration: none;
text-align: center;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.color-table__body::-webkit-scrollbar {
width: 8px;
border-radius: 11px;
}
.color-table__body::-webkit-scrollbar-track {
background: #E2E5E9;
border-radius: 11px;
}
.color-table__body::-webkit-scrollbar-thumb {
background-color: #B00C2F;
border-radius: 11px;
border: 0;
}
.color-table__custom .color-table {
width: 100%;
min-width: 400px;
}
.color-table__custom .color-table__body {
padding-bottom: 0;
}
.color-table__custom .color-table tr:last-child td {
border-bottom: 0;
}
@media (max-width: 768px) {
.color-table th {
font-size: 14px;
}
.color-table td {
font-size: 14px;
}
}
/*color-table*/
/*content-banner*/
.content-banner {
border-radius: 12px;
background: radial-gradient(67.86% 42.33% at 43.24% 50.23%, #E0FFFF 0%, #E8FDFC 44.00%, #C5F6F5 100%);
margin-bottom: 64px;
}
.content-banner__wrapper {
background-position: right -70% bottom;
background-repeat: no-repeat;
}
.content-banner__body {
padding: 48px;
max-width: 650px;
}
.content-banner__title {
color: #2C3136;
font-size: 32px;
font-weight: 700;
line-height: 140%;
}
.content-banner__text {
color: #77797B;
font-size: 16px;
line-height: 140%;
margin-top: 23px;
}
.content-banner__butt {
display: flex;
margin-top: 16px;
flex-wrap: wrap;
}
.content-banner__butt .button {
margin-top: 24px;
margin-right: 24px;
display: inline-block;
color: #B00C2F;
text-decoration: none;
}
.content-banner__butt .button.button-red {
color: #fff;
}
.content-banner__butt .button:last-child {
margin-right: 0;
}
.content-banner__butt .button.button-transparent svg {
margin-right: 0;
margin-left: 8px;
}
@media (max-width: 1800px) {
.content-banner__wrapper {
background-position: right -200px bottom;
background-repeat: no-repeat;
background-size: 460px auto;
}
}
@media (max-width: 768px) {
.content-banner {
margin-bottom: 32px;
}
.content-banner__wrapper {
background-position: center bottom;
background-repeat: no-repeat;
background-size: 400px auto;
padding-bottom: 170px;
}
.content-banner__body {
padding: 24px 20px;
}
.content-banner__title {
font-size: 18px;
}
.content-banner__text {
font-size: 14px;
margin-top: 12px;
}
.content-banner__butt {
margin-top: 0;
}
.content-banner__butt .button {
margin-right: 0;
width: 100%;
text-align: center;
}
}
/*content-banner*/
/*section-map*/
.section-map {
height: 550px;
position: relative;
}
.section-map.section-map-nheight {
height: initial;
}
.content-sidebar__body .section-map {
height: initial !important;
}
.section-map__wp {
position: relative;
}
.section-map__wrapper {
position: relative;
z-index: 1;
}
.section-map__form {
border-radius: 12px;
background: #FFF;
box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.25);
width: 350px;
position: absolute;
left: 50%;
top: 5%;
transform: translateX(-50%);
z-index: 2;
padding-bottom: 10px;
}
.section-map__form-wrapper {
max-height: 250px;
overflow-y: auto;
padding: 24px;
}
.section-map__form:before {
content: '';
border: solid transparent;
position: absolute;
bottom: -26px;
left: 50%;
margin-left: -14px;
border-top-color: #fff;
border-width: 15px;
z-index: 3;
}
.section-map__caption {
color: #2C3136;
font-size: 18px;
font-weight: 700;
line-height: 140%;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #E2E5E9;
}
.section-map__adress {
display: flex;
color: #2C3136;
font-size: 16px;
line-height: 140%;
}
.section-map__adress svg {
margin-right: 10px;
margin-top: 5px;
}
.section-map__phone {
display: flex;
color: #77797B;
font-size: 16px;
line-height: 140%;
margin-top: 16px;
}
.section-map__phone svg {
margin-right: 10px;
margin-top: 5px;
}
@media (max-width: 768px) {
.section-map__form {
width: 250px;
}
.section-map__form-wrapper {
padding: 10px;
}
}
/*section-map*/
/*cont-form*/
.section-cont {
}
.cont-form {
border-radius: 16px;
background: radial-gradient(67.86% 42.33% at 43.24% 50.23%, #E0FFFF 0%, #E8FDFC 44.00%, #C5F6F5 100%);
}
.cont-form__wrapper {
padding: 48px 460px 48px 48px;
background: url("/local/templates/nniito/css/../images/cont-form.png") no-repeat right 48px center;
display: flex;
}
.cont-form__desc {
flex: 0 0 340px;
margin-right: 40px;
}
.cont-form__s {
flex: 1 1 auto;
}
.cont-form__title {
color: #2C3136;
font-size: 32px;
font-weight: 700;
line-height: 140%;
margin-bottom: 16px;
}
.cont-form__text {
color: #77797B;
font-size: 16px;
line-height: 140%;
margin-bottom: 40px;
}
.cont-form__phone {
border-radius: 3px;
border-left: 3px solid #B00C2F;
padding-left: 24px;
}
.cont-form__phone-title {
color: #B00C2F;
font-size: 16px;
line-height: 140%;
margin-bottom: 10px;
}
.cont-form__phone-value {
}
.cont-form__phone-value a {
color: #2C3136;
font-size: 16px;
font-weight: 700;
line-height: 140%;
display: flex;
align-items: center;
}
.cont-form__phone-value a:hover {
color: #B00C2F;
}
.cont-form__phone-value a svg {
margin-right: 10px;
}
.cont-form__item {
display: flex;
justify-content: space-between;
margin-bottom: 32px;
}
.cont-form__item-two input {
width: calc(50% - 12px);
}
.cont-form__item-two input:last-child {
margin-left: 24px;
}
.cont-form__item textarea {
width: 100%;
}
.cont-form__butt {
display: flex;
justify-content: space-between;
}
.cont-form__send {
flex: 0 0 auto;
}
.cont-form__war {
color: #77797B;
font-size: 14px;
line-height: 140%;
margin-left: 24px;
}
.cont-form__war a {
color: #B00C2F;
}
.cont-form__war a:hover {
color: #77797B;
}
.content-sidebar__body .cont-form__wrapper {
background-position: right -42px center;
padding-right: 240px;
}
@media (min-width: 1281px) and (max-width: 1900px) {
.content-sidebar__body .cont-form__wrapper {
flex-wrap: wrap;
}
.content-sidebar__body .cont-form__phone-title {
margin-bottom: 0;
}
.content-sidebar__body .cont-form__desc {
flex: 1 1 auto;
margin-right: 0;
}
.content-sidebar__body .cont-form__s {
margin-top: 32px;
}
.content-sidebar__body .cont-form__phone {
display: flex;
}
.content-sidebar__body .cont-form__phone-value {
margin-left: 20px;
}
}
@media (min-width: 1281px) and (max-width: 1650px) {
.content-sidebar__body .cont-form__wrapper {
padding-right: 48px;
background: none;
}
}
@media (max-width: 1700px) {
.cont-form__wrapper {
padding-right: 270px;
}
}
@media (max-width: 1450px) {
.cont-form__wrapper {
padding-right: 48px;
}
}
@media (max-width: 1279px) {
.cont-form__wrapper {
flex-wrap: wrap;
}
.cont-form__phone-title {
margin-bottom: 0;
}
.cont-form__desc {
flex: 1 1 auto;
margin-right: 0;
}
.cont-form__s {
margin-top: 32px;
}
.cont-form__phone {
display: flex;
}
.cont-form__phone-value {
margin-left: 20px;
}
}
@media (max-width: 768px) {
.cont-form__title {
font-size: 18px;
}
.cont-form__butt {
flex-wrap: wrap;
}
.cont-form__war {
margin-left: 0;
width: 100%;
margin-top: 12px;
}
.cont-form__wrapper {
background: none;
padding: 20px;
}
.cont-form__item {
display: block;
}
.cont-form__item-two input {
width: 100%;
}
.cont-form__item-two input:last-child {
margin-left: 0;
margin-top: 24px;
}
.cont-form__text {
margin-bottom: 20px;
}
.content-sidebar__body .cont-form__wrapper {
padding-right: 20px;
}
}
@media (max-width: 430px) {
.cont-form__phone {
display: block;
}
.cont-form__phone-title {
margin-bottom: 10px;
}
.cont-form__phone-value {
margin-left: 0;
}
}
/*cont-form*/
/*image-slider*/
.image-slider {
margin-bottom: 184px;
}
.image-slider__items {
}
.image-slider__item {
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
overflow: hidden;
}
.image-slider__item img {
min-width: 100%;
min-height: 100%;
object-fit: cover;
position: relative;
z-index: 1;
}
.image-slider .slick-slide {
margin: 0 24px 0 0;
}
.image-slider .slick-list {
margin: 0 -24px 0 0;
}
.image-slider__video {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
width: 100%;
height: 100%;
z-index: 3;
top: 0;
left: 0;
transition-duration: .2s;
}
.image-slider__video-cor {
border-radius: 6px;
background: #3FC2C0;
width: 101px;
height: 66px;
display: flex;
align-items: center;
justify-content: center;
transition-duration: .2s;
}
.image-slider__video:hover .image-slider__video-cor {
background: #B00C2F;
}
.image-slider__item a {
position: relative;
}
.image-slider__text {
border-radius: 0 0 10px 10px;
border: 1px solid #E2E5E9;
background: #F8FBFB;
padding: 24px;
}
.image-slider__text,
.image-slider__text a {
color: #232323;
font-size: 18px;
line-height: 140%;
letter-spacing: 0.18px;
}
.image-slider__text a:hover {
color: #B00C2F;
}
.image-slider__video:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
background: rgba(4, 24, 22, 0.15);
}
@media (max-width: 768px) {
.image-slider {
margin-bottom: 134px;
}
}
/*image-slider*/
/*faq*/
.faq {
}
.faq__items {
margin-bottom: 71px;
display: flex;
flex-wrap: wrap;
}
.faq__item {
margin-right: 32px;
margin-bottom: 32px;
border-radius: 12px;
border: 1px solid #E2E5E9;
background: #F8FBFB;
flex: 0 0 calc(50% - 16px);
position: relative;
transition: all 0.2s ease;
height: fit-content;
}
.faq__items-w100 .faq__item {
flex: 1 1 100%;
margin-right: 0;
}
.faq__item:nth-child(2n + 2) {
margin-right: 0;
}
.faq__question {
color: #2C3136;
font-size: 20px;
font-weight: 700;
line-height: 140%;
letter-spacing: 0.2px;
padding: 24px 90px 24px 32px;
cursor: pointer;
transition: all 0.2s ease;
position: relative;
}
.faq__question:before {
content: '';
display: block;
width: 44px;
height: 44px;
border-radius: 10px;
border: 1px solid #E2E5E9;
background: #FFF url('data:image/svg+xml,') no-repeat center center;
box-shadow: 0 0 8px 0 rgba(217, 176, 176, 0.25);
position: absolute;
right: 32px;
top: 50%;
margin-top: -22px;
}
.faq__question:hover {
color: #B00C2F;
}
.faq__answer {
color: #77797B;
font-size: 16px;
line-height: 140%;
padding: 0 32px 24px 32px;
transition: all 0.2s ease;
display: none;
/*position: absolute;
top: 100%;
left: 0;
width: 100%;
z-index: 1;
*/
background: linear-gradient(90deg, #FFF8F6 0%, #FFEDED 100%);
-webkit-border-bottom-right-radius: 12px;
-webkit-border-bottom-left-radius: 12px;
-moz-border-radius-bottomright: 12px;
-moz-border-radius-bottomleft: 12px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
border-left: 1px solid #E2E5E9;
border-right: 1px solid #E2E5E9;
border-bottom: 1px solid #E2E5E9;
box-shadow: 0 0 8px 0 rgba(217, 176, 176, 0.25);
}
.faq__answer-text {
padding-top: 16px;
border-top: 1px solid #E2E5E9;
}
.faq__item.active {
background: linear-gradient(90deg, #FFF8F6 0%, #FFEDED 100%);
box-shadow: 0 0 25px 0 rgba(140, 149, 193, 0.25);
}
.faq__item.active .faq__question:before {
transform: rotate(180deg);
}
.faq__item.active {
/*
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
*/
}
@media (max-width: 768px) {
.faq__answer {
position: static;
}
.faq__item {
margin-right: 0;
flex: 1 1 100%;
margin-bottom: 20px;
}
}
/*faq*/
/*reviews*/
.reviews {
margin-bottom: 184px;
}
.reviews__wrapper {
display: flex;
}
.reviews__menu {
flex: 0 0 337px;
margin-right: 48px;
padding: 24px;
border-radius: 12px;
border: 1px solid #E2E5E9;
background: #F8FBFB;
height: fit-content;
}
.reviews__items {
flex: 1 1 auto;
}
.reviews__menu-item {
display: flex;
align-items: center;
border-radius: 8px;
border: 1px solid #E2E5E9;
background: #FFF;
color: #2C3136;
font-size: 16px;
line-height: 140%;
padding: 16px;
cursor: pointer;
margin-bottom: 20px;
transition: all 0.2s ease;
}
.reviews__menu-item:last-child {
margin-bottom: 0;
}
.reviews__menu-item svg {
margin-right: 16px;
}
.reviews__menu-item:hover {
border-color: #B00C2F;
color: #B00C2F;
}
.reviews__menu-item.active {
color: #fff;
background: #B00C2F;
border-color: #B00C2F;
}
.reviews__menu-item1.active svg path,
.reviews__menu-item3.active svg path,
.reviews__menu-item4.active svg path {
fill: #fff;
}
.reviews__menu-item2.active svg path {
stroke: #fff;
}
.reviews__items {
}
.reviews__body {
padding: 40px;
border-radius: 12px;
border: 1px solid #E2E5E9;
background: #FFF;
box-shadow: 0 0 25px 0 rgba(140, 149, 193, 0.25);
display: none;
}
.reviews__fw {
display: block;
}
.reviews__fw .reviews__body {
display: block;
padding: 0;
box-shadow: none;
border: 0;
}
.reviews__body1 {
display: block;
}
.reviews__slider {
}
.reviews__fw .reviews__item {
padding: 40px;
border-radius: 12px;
border: 1px solid #E2E5E9;
background: #FFF;
box-shadow: 0 0 25px 0 rgba(140, 149, 193, 0.25);
margin-bottom: 10px;
}
.reviews__fw .slick-slide {
margin: 0 32px 0 0;
}
.reviews__fw .slick-list {
margin: 0 -32px 0 0;
}
.reviews__cont {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.reviews__l {
display: flex;
align-items: center;
}
.reviews__avatar {
width: 65px;
height: 65px;
margin-right: 15px;
}
.reviews__avatar svg,
.reviews__avatar img {
max-width: 100%;
max-height: 100%;
border-radius: 100%;
}
.reviews__u {
}
.reviews__name {
color: #2C3136;
font-size: 18px;
font-weight: 700;
line-height: 140%;
}
.reviews__stars {
display: flex;
}
.reviews__stars svg {
margin-right: 3px;
}
.reviews__stars svg:last-child {
margin-right: 0;
}
.reviews__r {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: flex-end;
color: #2C3136;
font-size: 16px;
font-weight: 400;
line-height: 140%;
margin-bottom: 10px;
}
.reviews__r svg {
margin-right: 8px;
}
.reviews__text {
margin-top: 24px;
color: #77797B;
font-size: 16px;
line-height: 140%;
}
.reviews__more {
border-top: 1px solid #E2E5E9;
margin-top: 24px;
padding-top: 20px;
text-align: center;
}
.reviews__more-url {
color: #B00C2F;
font-size: 16px;
font-weight: 700;
line-height: 140%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.reviews__more-url:hover {
color: #77797B;
}
.reviews__more-loader {
margin-right: 16px;
animation:spin .7s linear infinite;
}
@keyframes spin {
100% {
transform:rotate(360deg);
}
}
.reviews-block .reviews__item {
margin-bottom: 32px;
border-radius: 12px;
border: 1px solid #E2E5E9;
background: #FFF;
box-shadow: 0 0 25px 0 rgba(140, 149, 193, 0.25);
padding: 40px;
}
.reviews-block .reviews__item:last-child {
margin-bottom: 0;
}
.reviews__r-all {
width: 100%;
margin-bottom: 14px;
text-align: right;
}
.reviews__r-all-url {
color: #B00C2F;
font-size: 16px;
font-weight: 700;
line-height: 140%;
text-decoration: underline;
}
.reviews__r-all-url:hover {
text-decoration: none;
}
.reviews__ansver {
margin-top: 24px;
padding-top: 20px;
border-top: 1px solid #E2E5E9;
display: none;
}
.reviews__ansver-user {
display: flex;
align-items: center;
}
.reviews__ansver-ico {
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: linear-gradient(90deg, #FFF8F6 0%, #FFEDED 100%);
margin-right: 24px;
}
.reviews__ansver-title {
color: #333;
font-size: 16px;
font-weight: 700;
line-height: 140%;
}
.reviews__ansver-text {
color: #77797B;
font-size: 16px;
line-height: 140%;
margin-top: 12px;
}
.reviews__r-date {
display: flex;
align-items: center;
}
@media (max-width: 1279px) {
.reviews__wrapper {
flex-wrap: wrap;
}
.reviews__menu {
flex: 1 1 100%;
margin-right: 0;
margin-bottom: 24px;
background: none;
padding: 0;
display: flex;
border: 0;
}
.reviews__menu-item {
flex: 1 1 calc(33% - 8px);
margin-right: 12px;
height: 100%;
font-size: 14px;
padding: 10px 12px;
}
.reviews__menu-item:last-child {
margin-right: 0;
}
}
@media (max-width: 768px) {
.reviews__body {
padding: 20px;
}
.reviews__text {
font-size: 14px;
margin-top: 16px;
}
.reviews__ansver-text {
font-size: 14px;
}
.reviews {
margin-bottom: 134px;
}
.reviews-block .reviews__item {
padding: 20px;
}
.reviews__fw .reviews__item {
padding: 20px;
}
.reviews__fw .slick-slide {
margin: 0;
}
.reviews__fw .slick-list {
margin: 0;
}
.reviews__avatar {
width: 48px;
height: 48px;
}
.reviews__r {
font-size: 14px;
}
.reviews__r-all {
text-align: left;
}
.reviews__name {
font-size: 16px;
}
.reviews__cont {
flex-wrap: wrap;
position: relative;
}
.reviews__r {
width: 100%;
margin-top: 12px;
}
.reviews__r-date {
position: absolute;
top: 24px;
right: 0;
}
.reviews__r-date svg {
max-width: 18px;
margin-right: 6px;
}
.reviews__menu-item svg {
margin-right: 6px;
flex: 0 0 24px;
}
.reviews__menu-item {
flex: 1 1 auto;
margin-right: 5px;
padding: 6px 6px;
margin-bottom: 0;
}
}
@media (max-width: 460px) {
.reviews__r-date {
bottom: 0px;
left: 65px;
right: auto;
top: auto;
}
}
/*reviews*/
/*news-block*/
.news-block {
background: #F8FBFB;
padding-top: 45px;
padding-bottom: 45px;
}
.news-block__slider {
}
.news-block__item {
transition: all 0.5s ease;
margin-right: 24px;
margin-top: 24px;
border-radius: 12px;
}
.news-block__img {
height: 180px;
overflow: hidden;
position: relative;
border-radius: 12px 12px 0 0;
}
.news-block__image {
object-fit: cover;
position: relative;
z-index: 1;
border-radius: 12px 12px 0 0;
min-width: 100%;
min-height: 100%;
}
.news-block__date {
color: #2C3136;
font-size: 14px;
border-radius: 0 12px 0 0;
border-top: 1px #E2E5E9;
border-right: 1px solid #E2E5E9;
border-left: 1px solid #E2E5E9;
background: #FFF;
padding: 8px 24px;
position: absolute;
z-index: 2;
left: 0;
bottom: 0;
display: flex;
align-items: center;
}
.news-block__date svg {
margin-right: 10px;
}
.news-block__noimage .news-block__date {
position: static;
color: #2C3136;
font-size: 14px;
background: #FFF;
display: flex;
align-items: center;
padding: 0;
margin-bottom: 12px;
}
.news-block__body {
padding: 24px;
border-radius: 0 0 12px 12px;
border-right: 1px solid #E2E5E9;
border-bottom: 1px solid #E2E5E9;
border-left: 1px solid #E2E5E9;
background: #FFF;
}
.news-block__slider .slick-track {
display: flex;
}
.news-block__slider .slick-track .slick-slide > div {
height: 100%;
}
.news-block__slider .news-block__item {
background: #FFF;
border-radius: 12px;
overflow: hidden;
border-right: 1px solid #E2E5E9;
border-bottom: 1px solid #E2E5E9;
border-left: 1px solid #E2E5E9;
height: calc(100% - 45px);
margin-top: 45px;
}
.news-block__slider .news-block__body {
border: 0;
}
.news-block__noimage .news-block__body {
border-radius: 12px;
border-top: 1px solid #E2E5E9;
}
.news-block__title {
margin-bottom: 12px;
color: #2C3136;
font-size: 20px;
font-weight: 700;
line-height: 140%;
letter-spacing: 0.2px;
}
.news-block__url {
color: #2C3136;
font-size: 18px;
font-weight: 700;
line-height: 140%;
letter-spacing: 0.2px;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.news-block__text {
color: #77797B;
font-size: 16px;
line-height: 140%;
}
body .news-block__tags {
display: flex;
flex-wrap: wrap;
}
body .news-block__tag {
border-radius: 26px;
border: 1px solid #E2E5E9;
background: #F8FBFB;
padding: 6px 12px;
color: #2C3136;
font-size: 14px;
margin-right: 26px;
margin-top: 24px;
display: flex;
align-items: center;
text-decoration: none;
}
.news-block__tag svg {
margin-right: 8px;
}
.news-block__item:hover {
background: #F8FBFB;
box-shadow: 0 0 25px 0 rgba(140, 149, 193, 0.25);
transform: translateY(-24px);
}
.news-block__slider .news-block__item:hover {
background: #fff;
}
.news-block__item:hover .news-block__url {
color: #B00C2F;
}
.news-block__item.news-block__item-nh:hover {
background: #fff;
box-shadow: none;
transform: translateY(0);
}
.news-block__item.news-block__item-nh:hover .news-block__url {
color: #2C3136;
}
body .news-block__tag:hover {
border: 1px solid #B00C2F;
background: linear-gradient(95deg, #FFF8F6 0%, #FFEDED 100%);
color: #B00C2F;
}
.news-block__tag:hover svg path {
fill: #B00C2F;
}
.news-block .slick-slide {
margin: 0 24px 0 0;
}
.news-block .slick-list {
margin: 0 -24px 0 0;
}
.news-block .caption__dop {
margin-right: 150px;
}
@media (max-width: 768px) {
.news-block .caption__dop {
margin-right: 0;
}
.news-block {
padding-top: 24px;
padding-bottom: 108px;
}
.news-block.section_mbottom {
margin-bottom: 45px;
}
.news-block__tag {
margin-right: 6px;
margin-top: 6px;
}
.news-block__tags {
margin-top: 15px;
}
}
/*news-block*/
/*advantages*/
.advantages {
}
.advantages__items {
display: flex;
margin-bottom: 22px;
padding-bottom: 22px;
}
.advantages__items:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.advantages__item {
flex: 0 0 calc(33% - 9px);
border-radius: 10px;
background: #FFF;
box-shadow: 0 0 25px 0 rgba(140, 149, 193, 0.25);
margin-right: 19px;
transition: all 0.2s ease;
position: relative;
}
.advantages__item-big {
flex: 0 0 66%;
}
.advantages__item:last-child {
margin-right: 0;
}
.advantages__item-sh {
display: block;
opacity: 0;
border-radius: 10px;
border: 5px solid #F3DBE0;
background: linear-gradient(90deg, #FFF8F6 0%, #FFEDED 100%);
box-shadow: 0 0 8px 0 rgba(217, 176, 176, 0.25);
top: -24px;
padding-top: 24px;
padding-bottom: 24px;
position: absolute;
z-index: 1;
height: calc(100% + 48px);
width: 100%;
transition: all 0.5s ease;
}
.advantages__url {
display: block;
width: 100%;
height: 100%;
padding: 24px;
position: relative;
z-index: 2;
}
.advantages__item.hover .advantages__url {
padding-top: 0;
padding-bottom: 48px;
}
.advantages__item.hover .advantages__item-sh {
opacity: 1;
}
.advantages__title {
display: flex;
align-items: center;
color: #2C3136;
font-size: 18px;
font-weight: 700;
line-height: 140%;
}
.advantages__title svg {
margin-right: 16px;
}
.advantages__text {
margin-top: 16px;
color: #2C3136;
font-size: 16px;
line-height: 140%;
}
.advantages__more {
margin-top: 16px;
color: #B00C2F;
font-size: 16px;
line-height: 140%;
display: none;
position: absolute;
left: 24px;
bottom: 12px;
}
.advantages__more svg {
margin-left: 12px;
}
.advantages-content .advantages__item {
flex: 1 1 100%;
}
.advantages-content .advantages__items-two .advantages__item {
flex: 0 0 calc(50% - 9px);
}
.advantages-content .caption__value {
font-size: 32px;
margin-right: 10px;
}
.advantages-content .caption__value br {
display: none;
}
@media (max-width: 1900px) {
.advantages-content .caption__value {
flex: 0 0 auto;
}
.advantages-content .caption__value br {
display: block;
}
}
@media (max-width: 768px) {
.advantages__item-sh {
display: none !important;
opacity: 0 !important;
}
.advantages__item .advantages__url {
padding: 20px !important;
}
.advantages__more {
display: block !important;
left: 100px;
margin-top: 0;
top: 64px;
}
.advantages-content .caption__value{
font-size: 18px;
line-height: 140%;
}
.advantages__items {
flex-wrap: wrap;
margin-bottom: 0;
padding-bottom: 0;
}
.advantages__item {
flex: 1 1 100%;
margin-right: 0;
margin-bottom: 20px;
}
.advantages__item-big {
flex: 1 1 100%;
}
.advantages__item:last-child {
margin-bottom: 20px;
}
.advantages__items:last-child .advantages__item:last-child {
margin-bottom: 0;
}
.advantages__title {
align-items: flex-start;
}
.advantages-content .advantages__items-two .advantages__item {
flex: 1 1 100%;
}
}
/*advantages*/
/*g-slider*/
.g-slider {
margin-top: 27px;
position: relative;
z-index: 1;
}
.g-slider__items {
}
.g-slider__wr {
width: 100%;
height: 533px;
position: relative;
background: #d2faf9;
}
.g-slider__item {
position: relative;
}
.g-slider__wr:before {
content: '';
position: absolute;
left: 0;
top: -2px;
width: 100%;
height: 70px;
z-index: 3;
display: block;
background: url("/local/templates/nniito/css/../images/g-slider-bg.png") no-repeat center center;
background-size: 100% 100%;
}
.g-slider__wr:after {
content: '';
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: 70px;
z-index: 3;
display: block;
background: url("/local/templates/nniito/css/../images/g-slider-bg.png") no-repeat center center;
transform: rotate(180deg);
background-size: 100% 100%;
}
.g-slider__body {
position: absolute;
left: 112px;
top: 161px;
max-width: 614px;
}
.g-slider__caption {
color: #2C3136;
font-size: 40px;
font-weight: 700;
line-height: 110%;
}
.g-slider__text {
margin-top: 24px;
color: #2C3136;
font-size: 16px;
line-height: 140%;
}
.g-slider__butt {
margin-top: 40px;
}
.g-slider__butt svg {
margin-left: 8px;
}
.g-slider__butt .button:hover {
background: #EF3340;
box-shadow: none;
}
.g-slider__wrapper {
width: 100%;
height: 100%;
background-position: right center;
background-repeat: no-repeat;
}
.g-slider__wr {
position: relative;
}
@media (max-width: 1700px) {
.g-slider__wrapper {
background-position: right -200px bottom;
background-size: 80% auto;
}
}
@media (max-width: 1450px) {
.g-slider__wrapper {
background-position: right -120px bottom;
}
.g-slider__body {
left: 20px;
}
}
@media (max-width: 768px) {
.g-slider__item {
height: 400px;
}
.g-slider__body {
top: 80px;
}
.g-slider__caption {
font-size: 20px;
}
.g-slider__text {
font-size: 14px;
margin-top: 12px;
}
.g-slider__butt {
margin-top: 24px;
}
.g-slider__wrapper {
background-size: 300px auto;
background-position: right -60px bottom;
}
.g-slider__wr {
height: 400px;
}
}
/*g-slider*/
/*g-bots*/
.g-bots {
position: relative;
z-index: 2;
margin-top: -40px;
}
.g-bots__items {
display: flex;
/*box-shadow: 0 0 25px rgba(140, 149, 193, 0.25);*/
position: relative;
border-radius: 12px;
background: url("/local/templates/nniito/css/../images/g-bots-bgn.png") no-repeat center center;
background-size: 100% 100%;
left: -20px;
width: calc(100% + 40px);
padding-left: 20px;
}
.g-bots__items:before {
content: none;
display: block;
width: 100%;
height: 76px;
background: url("/local/templates/nniito/css/../images/g-bots-bg.png") no-repeat top center;
position: absolute;
top: 0;
left: 0;
z-index: 2;
background-size: 100% 100%;
}
.g-bots__item {
position: relative;
z-index: 1;
min-height: 250px;
flex: 0 0 calc(16.666666666% - 3px);
/*border-right: 1px solid #E2E5E9;*/
transition: all 0.2s ease;
}
.g-bots__item:last-child {
border-right: 0;
}
.g-bots__url {
display: flex;
align-items: flex-start;
justify-content: center;
height: 100%;
flex-wrap: wrap;
padding: 90px 10px 45px 10px;
}
.g-bots__ico {
width: 100%;
text-align: center;
height: 65px;
}
@media (max-width: 1330px) {
.g-bots__title {
font-size: 14px;
line-height: 120%;
}
}
@media (max-width: 1279px) {
.g-bots__title {
font-size: 12px;
}
}
.g-bots__title {
color: #2C3136;
text-align: center;
font-size: 18px;
line-height: 140%;
letter-spacing: 0.18px;
margin-top: 12px;
transition: all 0.2s ease;
}
.g-bots__url:hover .g-bots__title {
color: #B00C2F;
}
@media (max-width: 768px) {
.g-bots__items {
flex-wrap: wrap;
background-image: url("/local/templates/nniito/css/../images/g-bots-bgnm.png");
left: -30px;
width: calc(100% + 60px);
}
.g-bots__item {
flex: 1 1 100%;
min-height: initial;
}
.g-bots__url {
align-items: center;
justify-content: flex-start;
height: initial;
flex-wrap: wrap;
padding: 20px;
margin: 0 40px;
border-bottom: 1px solid #E2E5E9;
}
.g-bots__item:last-child .g-bots__url {
border-bottom: 0;
}
.g-bots__item-wr {
display: flex;
width: 100%;
align-items: center;
}
.g-bots__ico {
width: initial;
flex: 0 0 44px;
margin-right: 12px;
}
.g-bots__ico svg {
max-width: 100%;
}
.g-bots__title {
text-align: left;
margin-top: 0;
font-size: 18px;
}
.g-bots__title br {
display: none;
font-size: 16px;
}
.g-bots__item:first-child {
margin-top: 50px;
}
.g-bots__item:last-child {
margin-bottom: 32px;
}
}
/*g-bots*/
/*breadcrumbs*/
.breadcrumbs {
margin-top: 64px;
margin-bottom: 32px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.breadcrumbs__home {
color: #77797B;
font-size: 14px;
line-height: 140%;
}
.breadcrumbs__home:hover {
color: #B00C2F;
}
.breadcrumbs__url {
color: #77797B;
font-size: 14px;
line-height: 140%;
}
.breadcrumbs__url:hover {
color: #B00C2F;
}
.breadcrumbs__current {
color: #B00C2F;
font-size: 14px;
line-height: 140%;
}
.breadcrumbs svg {
margin: 0 16px;
}
@media (max-width: 768px) {
.breadcrumbs {
margin-top: 32px;
margin-bottom: 16px;
}
}
/*breadcrumbs*/
/*tags*/
.tags {
margin-bottom: 44px;
}
.tags__items {
display: flex;
flex-wrap: wrap;
}
.tags__item {
color: #B00C2F;
font-size: 16px;
font-weight: 700;
line-height: 140%;
padding: 11px 22px;
border-radius: 10px;
border: 1px solid #B00C2F;
display: flex;
align-items: center;
margin-right: 24px;
margin-bottom: 12px;
}
.tags__item svg {
margin-right: 8px;
}
.tags__item:hover {
border-color: #B00C2F;
background: linear-gradient(95deg, #FFF8F6 0%, #FFEDED 100%);
}
.tags__item.active {
border-color: #B00C2F;
background: #B00C2F;
color: #fff;
}
.tags__item.active svg path {
stroke: #fff;
fill: #fff;
}
.tags__item.active[data-site="dn"] svg path {
fill: none;
}
.tags__select {
display: none;
}
@media (max-width: 768px) {
.tags {
margin-bottom: 22px;
}
.tags__items {
display: none;
}
.tags__select {
display: block;
}
}
/*tags*/
/*news*/
.news {
}
.news__items {
display: flex;
flex-wrap: wrap;
}
.news__items .news-block__item {
flex: 0 0 calc(33% - 22px);
margin-right: 32px;
margin-bottom: 12px;
}
.news__items .news-block__item:nth-child(3n + 3) {
margin-right: 0;
}
.news__items .news-block__item .news-block__body {
background: #F8FBFB;
height: calc(100% - 180px);
}
.news__items .news-block__item:hover .news-block__body {
background: #fff;
}
@media (max-width: 1450px) {
.news__items .news-block__item {
flex: 0 0 calc(50% - 16px);
}
.news__items .news-block__item:nth-child(3n + 3) {
margin-right: 32px;
}
.news__items .news-block__item:nth-child(2n + 2) {
margin-right: 0;
}
}
@media (max-width: 768px) {
.news__items .news-block__item {
flex: 0 0 100%;
margin-right: 0 !important;
}
}
/*news*/
/*pagination*/
.pagination {
margin-top: 48px;
}
.pagination__wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
.pagination__more {
flex: 0 0 calc(50% - 16px);
}
.pagination__more .button {
width: 100%;
padding-top: 13px;
padding-bottom: 13px;
}
.pagination__controls {
flex: 0 0 calc(50% - 16px);
border-radius: 10px;
border: 1.5px solid #E2E5E9;
padding: 4px 24px;
display: flex;
align-items: center;
justify-content: space-between;
}
.pagination__text {
color: #2C3136;
font-size: 16px;
line-height: 140%;
margin-right: 10px;
}
.pagination__items {
display: flex;
align-items: center;
}
.pagination__item {
color: #77797B;
font-size: 16px;
line-height: 140%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid transparent;
border-radius: 4px;
margin: 0 5px;
}
span.pagination__item {
border-color: #E2E5E9;
background: #F8FBFB;
}
.pagination__item:hover {
border-color: #E2E5E9;
background: #F8FBFB;
}
.pagination__cont {
display: flex;
align-items: center;
}
.pagination__pn {
display: flex;
align-items: center;
margin-left: 12px;
}
.pagination__pr-item {
color: #2AB0AE;
font-size: 16px;
font-weight: 600;
line-height: 140%;
display: flex;
align-items: center;
}
.pagination__prev {
}
.pagination__next {
margin-left: 32px;
}
.pagination__prev svg {
margin-right: 8px;
}
.pagination__next svg {
margin-left: 8px;
}
.pagination__pr-item.disabled {
color: #ACB5C1;
}
.pagination__pr-item.disabled svg path {
stroke: #ACB5C1;
}
.content-sidebar__body .pagination__more {
flex: 0 0 calc(30% - 16px);
}
.content-sidebar__body .pagination__controls {
flex: 0 0 calc(70% - 16px);
}
@media (max-width: 1800px) {
.pagination__pr-item {
display: flex;
width: 48px;
height: 48px;
justify-content: center;
align-items: center;
text-indent: -999999px;
background: #fff url('data:image/svg+xml,') no-repeat center center;
border-radius: 10px;
border: 1px solid #E2E5E9;
box-shadow: 0 0 8px 0 rgba(217, 176, 176, 0.25);
}
.pagination__pr-item svg {
display: none;
}
.pagination__pr-item.pagination__next {
transform: rotate(180deg);
}
.pagination__pr-item.disabled {
background: #fff url('data:image/svg+xml,') no-repeat center center;
}
.pagination__more .button {
padding: 17px 10px;
font-size: 14px;
}
.pagination__controls {
padding-right: 4px;
}
}
@media (max-width: 1279px) {
.pagination {
margin-top: 22px;
}
.pagination__wrapper {
flex-wrap: wrap;
}
.pagination__more {
flex: 1 1 100%;
}
.pagination__controls {
flex: 1 1 100%;
margin-top: 24px;
position: relative;
justify-content: center;
}
.content-sidebar__body .pagination__more {
flex: 1 1 100%;
}
.content-sidebar__body .pagination__controls {
flex: 1 1 100%;
}
.pagination__cont {
position: relative;
z-index: 1;
width: 100%;
justify-content: center;
}
.pagination__pn {
}
.pagination__pr-item {
position: absolute;
z-index: 2;
}
.pagination__prev {
left: 0;
}
.pagination__next {
right: 0;
}
.pagination__text {
display: none;
}
.pagination__controls {
border: 0;
}
}
/*pagination*/
/*tab-sort*/
.tab-sort {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 56px;
}
.tab-sort__fw {
flex: 0 0 100%;
}
.tab-sort__l {
flex: 0 0 calc(50% - 26px);
}
.tab-sort__r {
flex: 0 0 calc(50% - 26px);
display: flex;
align-items: center;
}
.tab-sort__search {
position: relative;
}
.tab-sort__search form {
display: block;
margin: 0;
padding: 0;
}
.tab-sort__search-input {
width: 100%;
position: relative;
z-index: 1;
padding-top: 13px;
padding-bottom: 13px;
padding-right: 50px;
}
.tab-sort__search-input:focus {
border-color: #3FC2C0;
background: #F8FBFB;
}
.tab-sort__search-submit {
position: absolute;
z-index: 2;
top: 50%;
right: 16px;
width: 28px;
height: 28px;
transform: translateY(-50%);
display: block;
outline: none;
border: 0;
cursor: pointer;
background: url("/local/templates/nniito/css/../images/ico/search.svg") no-repeat center center;
}
.tab-sort__search-clear {
position: absolute;
z-index: 2;
top: 50%;
right: 16px;
width: 28px;
height: 28px;
transform: translateY(-50%);
display: none;
outline: none;
border: 0;
cursor: pointer;
background: url("/local/templates/nniito/css/../images/ico/x.svg") no-repeat center center;
}
.tab-sort__search.focus .tab-sort__search-clear {
display: block;
}
.tab-sort__search.focus .tab-sort__search-submit {
left: 16px;
right: auto;
background: url("/local/templates/nniito/css/../images/ico/search-red.svg") no-repeat center center;
}
.tab-sort__search.focus .tab-sort__search-input {
padding-left: 50px;
padding-right: 50px;
}
.tab-sort__r .w50 {
flex: 0 0 calc(50% - 16px);
}
.tab-sort__r .w33 {
flex: 0 0 calc(33.33333% - 22px);
}
.tab-sort__butt {
margin-left: 32px;
}
.tab-sort__butt .button {
padding-top: 13px;
padding-bottom: 13px;
width: 100%;
}
.tab-sort__butt .button svg {
margin-left: 8px;
}
.tab-sort__select select {
width: 100%;
}
@media (max-width: 1800px) {
.tab-sort {
flex-wrap: wrap;
}
.tab-sort__l {
flex: 1 0 100%;
}
.tab-sort__r {
flex: 1 0 100%;
margin-top: 16px;
}
}
@media (min-width: 768px) {
.tab-sort_vs .tab-sort__l {
flex: 1 1 auto;
margin-right: 22px;
}
.tab-sort_vs .tab-sort__r {
flex: 0 0 270px;
margin-top: 0;
}
.tab-sort_vs .tab-sort__select {
width: 100%;
}
}
@media (max-width: 768px) {
.tab-sort_vs .tab-sort__select {
width: 100%;
}
.tab-sort__r {
flex-wrap: wrap;
}
.tab-sort__butt {
margin-left: 0;
}
.tab-sort__r .w50 {
flex: 1 1 100%;
margin-bottom: 24px;
}
.tab-sort__r .w50:last-child {
margin-bottom: 0;
}
.tab-sort__r .w33 {
flex: 1 1 100%;
margin-bottom: 24px;
}
.tab-sort__r .w33:last-child {
margin-bottom: 0;
}
}
/*tab-sort*/
/*sprice*/
.sprice {
}
.sprice__block {
border: 1px solid #3FC2C0;
border-radius: 10px;
margin-bottom: 32px;
}
.sprice__block:last-child {
margin-bottom: 0;
}
.sprice__item {
padding: 20px 24px;
display: flex;
justify-content: space-between;
background: #F8FBFB;
border-radius: 10px;
}
.sprice__block.active .sprice__item {
border-radius: 10px 10px 0 0;
}
.sprice__item-caption {
display: flex;
align-items: center;
color: #232323;
font-size: 16px;
line-height: 140%;
}
.sprice__item-caption svg {
margin-right: 16px;
}
.sprice__item-controls {
display: flex;
align-items: center;
justify-content: flex-end;
white-space: nowrap;
flex: 0 0 auto;
}
.sprice__item-price {
color: #232323;
font-size: 16px;
font-weight: 700;
line-height: 140%;
margin-left: 24px;
}
.sprice__item-make {
margin-left: 24px;
}
.sprice__item-signin {
margin-left: 24px;
}
.sprice__item-signin .button {
height: 47px;
}
.sprice__item-signin .button svg {
margin-right: 0;
}
.sprice__item-cod {
padding: 7px 16px;
border-radius: 0 8px 8px 0;
border-left: 2px solid #3FC2C0;
background: #E7F4F4;
margin-right: 24px;
color: #219F9D;
font-size: 16px;
line-height: 140%;
white-space: nowrap;
flex: 0 0 auto;
}
.sprice__item-more {
margin-left: 24px;
color: #B00C2F;
font-size: 16px;
font-weight: 700;
line-height: 140%;
cursor: pointer;
transition-duration: .2s;
min-width: 125px;
text-align: right;
}
.sprice__item-more svg {
margin-right: 10px;
transition-duration: .2s;
}
.sprice__block.active .sprice__item-more svg {
transform: rotate(180deg);
}
.sprice__item-sub {
padding-left: 0;
padding-right: 0;
margin-left: 24px;
margin-right: 24px;
border-radius: 0;
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 1px solid #3FC2C0;
background: transparent;
}
.sprice__item-sub:last-child {
border-bottom-color: transparent;
}
.sprice__hidd {
display: none;
border-top: 1px solid #3FC2C0;
}
.sprice__item-serv {
}
@media (max-width: 1279px) {
.sprice__item {
flex-wrap: wrap;
}
.sprice__item-caption {
width: 100%;
}
.sprice__item-controls {
width: 100%;
margin-top: 24px;
}
}
@media (max-width: 768px) {
.sprice__item {
position: relative;
}
.sprice__item-caption {
flex-wrap: wrap;
}
.sprice__item-cod {
width: fit-content;
}
.sprice__item-serv {
margin-top: 20px;
width: 100%;
}
.sprice__item-sub .sprice__item-serv {
margin-top: 0;
}
.sprice__item-more {
position: absolute;
top: 23px;
right: 24px;
}
.sprice__item-cod {
font-size: 14px;
padding: 6px 12px;
}
.sprice__item-caption svg {
margin-right: 12px;
}
.sprice__item-price {
margin-left: 0;
}
.sprice__item-controls {
justify-content: space-between;
}
.sprice__item-signin {
margin-left: 20px;
}
.sprice__item-make {
margin-left: 20px;
}
.sprice__item-signin .button {
padding: 0;
width: 45px;
height: 45px;
}
.sprice__item-make .button {
padding: 9px;
}
}
@media (max-width: 470px) {
/*
.sprice__item-controls {
flex-wrap: wrap;
justify-content: space-between;
}
.sprice__item-price {
order: 1;
margin-left: 0;
}
.sprice__item-make {
order: 3;
width: 100%;
margin-top: 12px;
margin-left: 0;
}
.sprice__item-make .button {
width: 100%;
}
.sprice__item-signin {
order: 2;
margin-left: 0;
}
*/
}
/*sprice*/
/*institutes-block*/
.institutes-block {
}
.institutes-block__items {
display: flex;
margin-bottom: 32px;
}
.institutes-block__items:last-child {
margin-bottom: 0;
}
.institutes-block__item {
margin-right: 32px;
transition-duration: .2s;
}
.institutes-block__item a {
padding: 24px;
border-radius: 8px;
border: 1px solid #CAD1D8;
background: #FFF;
display: flex;
width: 100%;
height: 100%;
flex-wrap: wrap;
}
.institutes-block__item:hover {
}
.institutes-block__items-tree .institutes-block__item {
flex: 1 1 calc(33% - 22px);
}
.institutes-block__items-two .institutes-block__item {
flex: 1 1 calc(50% - 16px);
}
.institutes-block__item:last-child {
margin-right: 0;
}
.institutes-block__item-b {
color: #2C3136;
font-size: 18px;
font-weight: 400;
line-height: 140%;
letter-spacing: 0.18px;
margin-top: 20px;
width: 100%;
}
.institutes-block__item-c {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.institutes-block__butt svg {
margin-left: 0;
margin-right: 0;
}
.institutes-block__butt span {
display: none;
margin-right: 8px;
}
.institutes-block__item a:hover {
background: linear-gradient(90deg, #FFF8F6 0%, #FFEDED 100%);
border-color: #EF3340;
}
.institutes-block__item a:hover span {
display: block;
}
.institutes-block__item a:hover .institutes-block__butt {
border-color: #B00C2F;
background: #B00C2F;
color: #fff;
}
.institutes-block__item a:hover .institutes-block__butt svg path {
stroke: #fff;
}
@media (max-width: 1800px) {
.institutes-block__items-tree {
flex-wrap: wrap;
margin-bottom: 0;
}
.institutes-block__items-tree .institutes-block__item {
flex: 1 1 100%;
margin-right: 0;
margin-bottom: 32px;
}
}
@media (max-width: 1280px) {
.institutes-block__items-two {
flex-wrap: wrap;
margin-bottom: 0;
}
.institutes-block__items-two .institutes-block__item {
flex: 1 1 100%;
margin-right: 0;
margin-bottom: 32px;
}
.institutes-block__items-two {
margin-bottom: 0;
}
}
@media (max-width: 768px) {
.institutes-block__item a {
flex-wrap: nowrap;
align-items: center;
position: relative;
}
.institutes-block__item-c {
flex: 0 0 44px;
margin-right: 12px;
}
.institutes-block__item-b {
margin-top: 0;
padding-right: 20px;
}
.institutes-block__butt {
position: absolute;
z-index: 1;
right: 20px;
top: 50%;
transform: translateY(-50%);
text-indent: -99999px;
padding: 0;
border: 0;
background: transparent;
}
.institutes-block__butt span {
display: none !important;
}
.institutes-block__item a:hover .institutes-block__butt {
border: 0;
background: transparent;
}
.institutes-block__butt svg {
display: none;
}
.institutes-block__butt:before {
content: '';
width: 8px;
height: 16px;
display: block;
background: url('data:image/svg+xml,') no-repeat center center;
}
}
/*institutes-block*/
/*documents*/
.documents-slider {
margin-bottom: 184px;
}
.documents-slider__items {
}
.documents__items {
display: flex;
flex-wrap: wrap;
}
.documents__items .documents__item {
margin-right: 24px;
margin-bottom: 32px;
flex: 0 0 calc(25% - 18px);
}
.documents__items .documents__item:nth-child(4n + 4) {
margin-right: 0;
}
.documents__items-cont .documents__items .documents__item {
flex: 0 0 calc(33% - 16px);
}
.documents__items-cont .documents__items .documents__item:nth-child(4n + 4) {
margin-right: 24px;
}
.documents__items-cont .documents__items .documents__item:nth-child(3n + 3) {
margin-right: 0;
}
.documents__item {
padding: 24px;
border-radius: 10px;
border: 1px solid #3FC2C0;
background: #F8FBFB;
transition-duration: .2s;
}
.documents__t {
display: flex;
}
.documents__t svg {
margin-right: 20px;
flex: 0 0 auto;
}
.documents__name {
color: #232323;
font-size: 16px;
font-weight: 700;
line-height: 140%;
}
.documents__b {
display: flex;
margin-top: 20px;
}
.documents__b .button {
padding: 10px;
}
.documents__b .button:hover {
border-color: #F3DBE0;
background: #B00C2F;
-webkit-box-shadow: 0 0 5px 5px rgba(243,219,224,1);
-moz-box-shadow: 0 0 5px 5px rgba(243,219,224,1);
box-shadow: 0 0 5px 5px rgba(243,219,224,1);
color: #fff;
}
.documents__b .button:hover svg path {
stroke: #fff;
}
.documents__download {
margin-right: 16px;
}
.documents__view {
}
.documents__view svg {
margin: 0;
}
.documents__view-vtext svg {
margin-right: 6px;
}
.documents__item:hover {
background: linear-gradient(90deg, #FFF8F6 0%, #FFEDED 100%);
border-color: #EF3340;
}
.documents__item:hover .documents__name {
color: #B00C2F;
}
.documents-slider .slick-slide {
margin: 0 24px 0 0;
}
.documents-slider .slick-list {
margin: 0 -24px 0 0;
}
@media (max-width: 1850px) {
.documents__items .documents__item {
flex: 0 0 calc(33.33333% - 22px);
}
.documents__items .documents__item:nth-child(4n + 4) {
margin-right: 32px;
}
.documents__items .documents__item:nth-child(3n + 3) {
margin-right: 0;
}
.documents__items-cont .documents__items .documents__item {
flex: 0 0 calc(50% - 16px);
}
.documents__items-cont .documents__items .documents__item:nth-child(3n + 3) {
margin-right: 32px;
}
.documents__items-cont .documents__items .documents__item:nth-child(2n + 2) {
margin-right: 0;
}
}
@media (max-width: 1400px) {
.documents__items .documents__item {
flex: 0 0 calc(50% - 16px);
}
.documents__items .documents__item:nth-child(3n + 3) {
margin-right: 32px;
}
.documents__items .documents__item:nth-child(2n + 2) {
margin-right: 0;
}
}
@media (max-width: 768px) {
.documents-slider {
margin-bottom: 134px;
}
.documents__items .documents__item {
flex: 0 0 100%;
margin-right: 0 !important;
margin-bottom: 20px;
}
.documents__items .documents__item:last-child {
margin-bottom: 0;
}
.documents__items-cont .documents__items .documents__item {
flex: 0 0 100%;
}
}
/*documents*/
/*content-sbar*/
.content-sbar {
display: flex;
}
.content-sidebar {
flex: 0 0 340px;
margin-right: 52px;
}
.content-sidebar__body {
flex: 1 1 auto;
}
.content-sidebar__items {
margin: 0;
padding: 0;
list-style: none;
border-radius: 10px;
border: 1px solid #3FC2C0;
background: #F8FBFB;
}
.content-sidebar__custom .content-sidebar__items {
border-radius: 12px;
border: 1px solid #E2E5E9;
background: #F8FBFB;
padding-top: 24px;
padding-bottom: 24px;
}
.content-sidebar__custom .content-sidebar__item {
border: 0;
margin-bottom: 20px;
}
.content-sidebar__custom .content-sidebar__url {
border-radius: 8px;
border: 1px solid #E2E5E9;
background: #FFF;
padding: 16px;
display: flex;
align-items: center;
color: #2C3136;
font-size: 16px;
line-height: 140%;
}
.content-sidebar__custom .content-sidebar__item:last-child {
margin-bottom: 0;
}
.content-sidebar__custom .content-sidebar__url svg {
margin-right: 16px;
}
.content-sidebar__custom .content-sidebar__url svg path {
fill: #EF3340;
}
.content-sidebar__custom .content-sidebar__item.active .content-sidebar__url,
.content-sidebar__custom .content-sidebar__item:hover .content-sidebar__url {
background: #B00C2F;
color: #fff;
}
.content-sidebar__custom .content-sidebar__item.active .content-sidebar__url svg path,
.content-sidebar__custom .content-sidebar__item:hover .content-sidebar__url svg path {
fill: #fff;
}
.content-sidebar__item {
padding: 0 24px 0 20px;
border-left: 4px solid transparent;
}
.content-sidebar__url {
color: #2C3136;
font-size: 16px;
line-height: 140%;
display: block;
border-bottom: 1px solid #DEDEDE;
padding: 20px 0 20px 0;
}
.content-sidebar__item.active {
border-left-color: #219F9D;
color: #219F9D;
}
.content-sidebar__item.active .content-sidebar__url {
color: #219F9D;
}
.content-sidebar__item:first-child {
border-radius: 10px 10px 0 0;
}
.content-sidebar__item:last-child {
border-bottom: 0;
border-radius: 0 0 10px 10px;
}
.content-sidebar__url:hover {
color: #219F9D;
}
.content-sidebar__item-wsub .content-sidebar__url {
display: flex;
justify-content: space-between;
align-items: center;
}
.content-sidebar__item-wsub svg {
transition-duration: .2s;
}
.content-sidebar__items-sub {
margin: 0;
padding: 0 0 10px 0;
list-style: none;
border-bottom: 1px solid #DEDEDE;
display: none;
}
.content-sidebar__item-sub {
}
.content-sidebar__url-sub {
display: flex;
align-items: flex-start;
color: #77797B;
font-size: 16px;
line-height: 140%;
padding: 10px 0;
}
.content-sidebar__url-sub:hover {
color: #219F9D;
}
.content-sidebar__url-sub svg {
margin-right: 16px;
flex: 0 0 auto;
}
.content-sidebar__item-wsub.active .content-sidebar__url {
border-bottom-color: transparent;
}
.content-sidebar__item-sub.active .content-sidebar__url-sub {
color: #219F9D;
}
.content-sidebar__item-sub.active .content-sidebar__url-sub svg circle {
fill: #219F9D;
}
.content-sidebar__item-wsub.active {
border-left-color: transparent;
}
.content-sidebar__item-wsub.active .content-sidebar__url {
color: #219F9D;
}
.content-sidebar__item-wsub.active svg {
transform: rotate(180deg);
}
@media (max-width: 1280px) {
.content-sbar {
flex-wrap: wrap;
}
.content-sidebar {
flex: 1 1 100%;
margin-right: 0;
margin-bottom: 32px;
}
.content-sidebar__item {
padding: 0;
margin: 0;
border-radius: 8px;
border: 1px solid #3FC2C0;
background: #F8FBFB;
margin-bottom: 16px;
}
.content-sidebar__items {
border: 0;
background: transparent;
}
.content-sidebar__url {
border-radius: 8px;
padding: 20px;
}
.content-sidebar__item:first-child {
border-radius: 8px;
}
.content-sidebar__item:last-child {
border-radius: 8px;
border: 1px solid #3FC2C0;
}
.content-sidebar__items-sub {
border: 0;
}
.content-sidebar__item-wsub.active {
border-left-color: #3FC2C0;
}
.content-sidebar__url-sub {
padding: 10px 20px;
}
.content-sidebar__custom .content-sidebar__items {
display: flex;
padding: 0;
background: transparent;
border: 0;
}
.content-sidebar__custom .content-sidebar__items .content-sidebar__item {
flex: 1 1 calc(33% - 8px);
margin-right: 12px;
height: 100%;
font-size: 14px;
margin-bottom: 0;
}
.content-sidebar__custom .content-sidebar__items .content-sidebar__item:last-child {
margin-right: 0;
border: 0;
}
.content-sidebar__custom .content-sidebar__items .content-sidebar__url {
height: 74px;
}
}
@media (max-width: 768px) {
.content-sidebar__custom .content-sidebar__items .content-sidebar__url {
height: 54px;
}
.content-sidebar__custom .content-sidebar__items .content-sidebar__item svg {
margin-right: 6px;
flex: 0 0 24px;
}
.content-sidebar__custom .content-sidebar__items .content-sidebar__item {
flex: 1 1 auto;
margin-right: 5px;
margin-bottom: 0;
}
.content-sidebar__custom .content-sidebar__items .content-sidebar__url {
padding: 6px 6px;
}
}
/*content-sbar*/
/*mobile-fmenu*/
.mobile-fmenu {
box-shadow: 0 0 25px rgba(140, 149, 193, 0.25);
display: none;
position: fixed;
left: 0;
bottom: 0;
z-index: 3;
width: 100%;
background: #fff;
}
.mobile-fmenu__items {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 20px;
}
.mobile-fmenu__item {
text-align: center;
}
.mobile-fmenu__title {
color: #ACB5C1;
font-size: 13px;
line-height: 140%;
margin-top: 2px;
}
.mobile-fmenu__ico {
border: 4px solid #fff;
box-shadow: 0 -3px 20px rgba(45, 45, 45, 0.14);
border-radius: 100%;
position: relative;
top: -22px;
}
.mobile-fmenu__item.active svg path {
fill: #B00C2F;
}
.mobile-fmenu__item.active .mobile-fmenu__title {
color: #B00C2F;
}
@media (max-width: 991px) {
.mobile-fmenu {
display: block;
}
.page {
padding-bottom: 90px;
}
}
/*mobile-fmenu*/
/*fmodal*/
.fmodal-hide {
height: 100vh;
overflow: hidden;
}
.search-hide .section {
filter: blur(5px);
}
.search-hide .top-menu,
.search-hide .top-smenu {
z-index: 3;
position: relative;
}
.search-hide .page__sidebar {
z-index: 3;
}
@media (min-width: 769px) {
.search-hide .top-menu,
.search-hide .top-smenu,
.search-hide .page__sidebar {
background: #fff;
}
}
.fmodal-hide-all {
overflow: hidden;
}
.fmodal-hide-all .page {
filter: blur(5px);
}
.fmodal-hide .mmenu__category {
z-index: 999995;
position: relative;
}
.fmodal-hide .top-menu {
z-index: 999995;
}
.fmodal-hide .select2-container {
z-index: 999995;
}
.fmodal-hide .top-menu {
background: #fff;
}
.fmodal-hide .page__sidebar,
.fmodal-hide .top-smenu,
.fmodal-hide .section:not(.mmenu),
.fmodal-hide .section .mmenu__cust,
.fmodal-hide .footer__warning,
.fmodal-hide .footer {
filter: blur(5px);
}
.fmodal {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 999991;
display: none;
}
.fmodal__shadow {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 999992;
background: rgba(4, 24, 22, 0.45);
}
.fmodal__body {
position: fixed;
width: 100%;
z-index: 999993;
max-width: 473px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 12px;
background: #FFF;
padding: 32px;
max-height: 100%;
overflow-y: auto;
}
.fmodal__caption {
position: relative;
color: #2C3136;
font-size: 20px;
font-weight: 700;
line-height: 140%;
letter-spacing: 0.2px;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 16px;
padding-bottom: 32px;
border-bottom: 1px solid #E2E5E9;
padding-right: 30px;
}
.fmodal__close {
flex: 0 0 auto;
cursor: pointer;
margin-left: 15px;
position: absolute;
right: 0;
top: 0;
}
.fmodal__text {
color: #77797B;
font-size: 16px;
line-height: 140%;
}
.fmodal__cur-item {
color: #B00C2F;
font-size: 16px;
line-height: 140%;
margin-top: 24px;
}
.fmodal__item {
margin-bottom: 32px;
}
.fmodal__item-two {
display: flex;
justify-content: space-between;
}
.fmodal__item-two input,
.fmodal__item-two .fmodal__itemb {
width: calc(50% - 12px);
min-height: 50px;
}
.fmodal__label {
display: flex;
gap: 4px;
align-items: center;
}
.fmodal__label--block {
display: block;
}
.fmodal__checkbox {
width: 16px;
height: 16px;
accent-color: #B00C2F;
}
.fmodal__checkbox--block {
vertical-align: bottom;
}
#modall-reviews input {
border-color: #ACB5C1;
}
#modall-reviews textarea {
border-color: #ACB5C1;
width: 100%;
height: 120px;
}
#modall-reviews input:focus,
#modall-reviews textarea:focus {
border-color: #3FC2C0;
}
.fmodal__butt {
display: flex;
justify-content: space-between;
}
.fmodal__button {
flex: 0 0 auto;
}
.fmodal__butt-wwar .fmodal__war {
margin-left: 32px;
}
.modall-appointment__body .fmodal__war {
margin-top: 24px;
}
.fmodal__war {
color: #77797B;
font-size: 14px;
line-height: 140%;
}
.fmodal__war a {
color: #B00C2F;
}
.fmodal__war a:hover {
color: #77797B;
}
.fmodal__send {
margin-bottom: 40px;
}
.fmodal__send-ico {
text-align: center;
}
.fmodal__send-caption {
color: #2C3136;
text-align: center;
font-size: 32px;
font-weight: 600;
line-height: 140%;
margin-top: 40px;
}
.fmodal__send-text {
color: #77797B;
text-align: center;
font-size: 16px;
line-height: 140%;
margin-top: 16px;
}
.fmodal__form {
}
.fmodal__menu {
display: flex;
margin-top: 40px;
}
.fmodal__menu-item {
color: #B00C2F;
font-size: 16px;
line-height: 140%;
padding: 11px 40px 11px 24px;
transition: all 0.2s ease;
display: flex;
align-items: center;
margin-right: 24px;
border-radius: 10px;
border: 1px solid #B00C2F;
white-space: nowrap;
}
.fmodal__menu-item:last-child {
margin-right: 0;
}
.fmodal__menu-counter {
color: #FFF;
font-size: 18px;
line-height: 140%;
letter-spacing: 0.18px;
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 32px;
height: 32px;
margin-right: 8px;
border-radius: 100%;
background: #B00C2F;
}
.fmodal__menu-item.active {
border: 1px solid #B00C2F;
background: #B00C2F;
color: #fff;
}
.fmodal__menu-item.active .fmodal__menu-counter {
color: #B00C2F;
background: #fff;
}
.modall-appointment__body1 {
display: block;
}
.fmodal__butt-mright .button.next svg {
margin-right: 0;
margin-left: 6px;
}
.modall-appointment__body {
padding: 48px 0;
}
.modall-appointment__items {
display: flex;
justify-content: space-between;
}
.modall-appointment__item {
flex: 0 0 calc(50% - 20px);
}
.modall-appointment__item input.input {
margin-top: 32px;
width: 100%;
border-color: #ACB5C1;
}
.modall-appointment__item textarea {
height: 100%;
width: 100%;
border-color: #ACB5C1;
}
.modall-appointment__item input.input:focus,
.modall-appointment__item textarea:focus {
border-color: #5FD7D5;
}
.select2-dropdown {
z-index: 999999;
}
.modall-appointment__items-tree {
display: flex;
margin-bottom: 32px;
}
.modall-appointment__items-tree .input {
/* margin-right: 24px;
flex: 0 0 calc(33.333% - 16px);*/
}
.modall-appointment__items-tree .input-wrp:last-child {
margin-right: 0;
}
#modall-call .fmodal__form {
margin-top: 40px;
}
#modall-call .fmodal__body {
max-width: 691px;
}
#modall-call-send .fmodal__caption {
border: 0;
padding-bottom: 0;
justify-content: flex-end;
}
#modall-call-send .fmodal__body {
max-width: 486px;
}
#modall-appointment .fmodal__body {
max-width: 1000px;
}
.fmodal__menu-wrapper {
overflow-x: auto;
}
.fmodal__menu {
min-width: 810px;
}
#modall-reviews .fmodal__body {
max-width: 800px;
}
#modall-reviews .custom-checkbox {
min-height: initial;
}
.fmodal__itemb-nh {
min-height: initial;
}
@media (max-width: 768px) {
.fmodal__caption {
font-size: 18px;
padding-bottom: 24px;
}
.fmodal__text {
font-size: 14px;
}
.fmodal__cur-item {
font-size: 14px;
margin-top: 20px;
}
.fmodal__body {
padding: 24px 20px;
}
#modall-site .fmodal__body {
max-width: 325px;
transform: translate(-50%, -30%);
}
.fmodal-mf .fmodal__body {
width: 100%;
height: 100%;
border-radius: 0;
top: 0;
left: 0;
transform: none;
max-width: initial !important;
}
#modall-call .fmodal__form {
margin-top: 24px;
}
.fmodal__menu-wrapper {
overflow-x: auto;
}
.fmodal__menu {
margin-top: 24px;
min-width: 450px;
padding-bottom: 20px;
}
.fmodal__menu-item {
padding: 17px;
margin-right: 12px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
}
.fmodal__menu-counter {
flex: 0 0 26px;
height: 26px;
font-size: 14px;
}
.fmodal__menu-titile {
margin-left: 8px;
white-space: nowrap;
}
.fmodal__menu-counter {
margin-right: 0;
}
.fmodal__menu-item.active .fmodal__menu-titile {
display: block;
}
.fmodal__menu-item.active {
padding-right: 40px;
justify-content: left;
}
.modall-appointment__body {
padding: 10px 0 32px 0;
}
#modall-appointment .fmodal__form {
padding-bottom: 64px;
}
#modall-appointment .fmodal__butt {
position: fixed;
z-index: 20;
left: 0;
bottom: 0;
width: 100%;
background: linear-gradient(95deg, #FFF8F6 0%, #FFEDED 100%);
padding: 10px 20px;
}
.modall-appointment__items {
flex-wrap: wrap;
}
.modall-appointment__item {
flex: 0 0 100%;
}
.modall-appointment__item input.input {
margin: 24px 0;
}
.modall-appointment__item textarea {
height: 200px;
}
.modall-appointment__items-tree {
margin-bottom: 0;
flex-wrap: wrap;
width: 100%;
flex-direction: column;
}
.modall-appointment__body2 .modall-appointment__items-tree .input-wrp {
margin-right: 0;
flex: 0 0 100%;
margin-bottom: 24px;
}
}
@media (max-width: 500px) {
.fmodal__item-two {
flex-wrap: wrap;
}
.fmodal__item-two input,
.fmodal__item-two .fmodal__itemb {
width: 100%;
}
.fmodal__item {
margin-bottom: 24px;
}
.fmodal__item-two input:last-child {
margin-top: 24px;
}
.fmodal__butt {
flex-wrap: wrap;
}
.fmodal__butt-wwar .fmodal__war {
order: 1;
margin-left: 0;
}
.fmodal__butt-wwar .fmodal__button {
order: 2;
margin-top: 24px;
}
#modall-call-send .fmodal__button {
flex: 0 0 100%;
margin-bottom: 20px;
}
#modall-call-send .fmodal__button:last-child {
margin-bottom: 0;
}
#modall-call-send .fmodal__button .button {
width: 100%;
}
}
/*fmodal*/
/*doctors*/
.doctors {
}
.doctors-slider {
margin-bottom: 184px;
}
.doctors__item {
position: relative;
border: 1px solid #E2E5E9;
border-radius: 10px;
transition-duration: .2s;
height: fit-content;
}
.doctors__item:hover {
box-shadow: 0 0 25px 0 rgba(140, 149, 193, 0.25);
}
.doctors__experience {
color: #77797B;
font-size: 14px;
font-weight: 700;
line-height: 140%;
padding: 6px 15px;
background: #E2E5E9;
border-radius: 5px;
position: absolute;
top: 20px;
left: -15px;
z-index: 2;
}
.doctors__experience:before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: -4px;
z-index: 1;
background: url('data:image/svg+xml,');
width: 15px;
height: 5px;
border-bottom-left-radius: 5px;
}
.doctors__img {
height: 245px;
overflow: hidden;
border-radius: 10px 10px 0 0;
background: #F8FBFB;
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 1;
}
.doctors__image {
max-width: 90%;
max-height: 90%;
object-fit: cover;
}
.doctors__body {
border-radius: 10px;
margin-top: -10px;
position: relative;
z-index: 2;
padding: 0 24px 104px 24px;
border-top: 1px solid #E2E5E9;
background: #fff;
}
.doctors__institute {
padding: 8px 0;
margin: 0 -4px 24px -4px;
display: flex;
align-items: center;
color: #2C3136;
font-size: 14px;
line-height: 140%;
border-bottom: 1px solid #E2E5E9;
width: calc(100% + 8px);
}
.doctors__institute svg {
flex: 0 0 auto;
margin-right: 8px;
}
.doctors__name {
color: #2C3136;
font-size: 18px;
font-weight: 700;
line-height: 140%;
}
.doctors__item:hover .doctors__name {
color: #B00C2F;
}
.doctors__dop {
color: #B00C2F;
font-size: 14px;
line-height: 140%;
margin-top: 16px;
}
.doctors__pb {
display: flex;
justify-content: space-between;
align-items: center;
position: absolute;
left: 24px;
bottom: 24px;
width: calc(100% - 48px);
z-index: 2;
}
.doctors__pb-phone {
color: #2C3136;
font-size: 16px;
line-height: 140%;
display: flex;
align-items: center;
}
.doctors__pb-phone svg {
margin-right: 10px;
}
.doctors__price {
color: #2C3136;
font-size: 18px;
font-weight: 600;
line-height: 140%;
}
.doctors__item:hover .doctors__pb .button {
background: #B00C2F;
color: #fff;
}
.doctors__item:hover .doctors__pb .button svg path {
fill: #fff;
}
.doctors__item:hover .doctors__pb .button:hover {
-webkit-box-shadow: 0 0 5px 5px rgba(243,219,224,1);
-moz-box-shadow: 0 0 5px 5px rgba(243,219,224,1);
box-shadow: 0 0 5px 5px rgba(243,219,224,1);
}
.content-block .doctors__item .doctors__pb .button {
display: flex;
color: #B00C2F;
text-decoration: none;
}
.content-block .doctors__item:hover .doctors__pb .button {
color: #fff;
}
.content-block .doctors__item:hover .doctors__pb .button:hover {
text-decoration: none;
color: #fff;
}
.doctors__empty {
padding-top: 24px;
border-top: 1px solid #E2E5E9;
color: #B00C2F;
font-size: 16px;
font-weight: 400;
line-height: 140%;
display: flex;
align-items: center;
width: 100%;
}
.doctors__empty svg {
margin-right: 12px;
}
.doctors__jobs {
margin-top: 20px;
}
.doctors__jobs-item {
display: flex;
color: #77797B;
font-size: 14px;
line-height: 140%;
}
.doctors__jobs-item svg {
margin-right: 12px;
flex: 0 0 auto;
margin-top: 4px;
}
.doctors__jobs-cor {
transition-duration: .2s;
display: flex;
align-items: center;
margin-bottom: 16px;
cursor: pointer;
}
.doctors__jobs-cor span {
color: #219F9D;
font-size: 14px;
line-height: 140%;
border-bottom: 1px dashed #219F9D;
transition-duration: .2s;
}
.doctors__jobs-cor span:hover {
border-bottom-color: transparent;
}
.doctors__jobs-cor svg {
transition-duration: .2s;
margin-left: 16px;
}
.doctors__item.active .doctors__jobs-cor svg {
transform: rotate(180deg);
}
.doctors__jobs-hidden {
display: none;
}
.doctors__jobs-hidden .doctors__jobs-item {
margin-top: 16px;
}
.section-doctors {
}
.section-doctors__items {
display: flex;
flex-wrap: wrap;
}
.section-doctors__items .doctors__item {
margin-right: 32px;
margin-bottom: 32px;
flex: 0 0 calc(25% - 25px);
height: initial;
}
.emptyButton .doctors__body {
padding-bottom: 24px;
}
.section-doctors__items .doctors__item:nth-child(4n + 4) {
margin-right: 0;
}
.content-sidebar__body .section-doctors__items .doctors__item {
flex: 0 0 calc(33.3333% - 22px);
}
.content-sidebar__body .section-doctors__items .doctors__item:nth-child(4n + 4) {
margin-right: 32px;
}
.content-sidebar__body .section-doctors__items .doctors__item:nth-child(3n + 3) {
margin-right: 0;
}
.section-doctors .pagination {
margin-top: 0;
}
.doctors-slider .slick-slide {
margin: 0 32px 0 0;
}
.doctors-slider .slick-list {
padding: 0 0 0 32px;
}
.doctors-slider .doctors__item {
/*margin: 15px;*/
}
@media (max-width: 1850px) {
.section-doctors__items .doctors__item {
flex: 0 0 calc(33.33333% - 22px);
}
.section-doctors__items .doctors__item:nth-child(4n + 4) {
margin-right: 32px;
}
.section-doctors__items .doctors__item:nth-child(3n + 3) {
margin-right: 0;
}
.content-sidebar__body .section-doctors__items .doctors__item {
flex: 0 0 calc(50% - 17px);
}
.content-sidebar__body .section-doctors__items .doctors__item:nth-child(3n + 3) {
margin-right: 32px;
}
.content-sidebar__body .section-doctors__items .doctors__item:nth-child(2n + 2) {
margin-right: 0;
}
}
@media (max-width: 1450px) {
.section-doctors__items .doctors__item {
flex: 0 0 calc(50% - 17px);
}
.section-doctors__items .doctors__item:nth-child(3n + 3) {
margin-right: 32px;
}
.section-doctors__items .doctors__item:nth-child(2n + 2) {
margin-right: 0;
}
.content-sidebar__body .section-doctors__items .doctors__item {
flex: 0 0 100%;
}
.content-sidebar__body .section-doctors__items .doctors__item:nth-child(3n + 3) {
margin-right: 0;
}
}
@media (max-width: 1279px) {
.content-sidebar__body .section-doctors__items .doctors__item {
flex: 0 0 calc(50% - 17px);
}
.content-sidebar__body .section-doctors__items .doctors__item:nth-child(3n + 3) {
margin-right: 32px;
}
.content-sidebar__body .section-doctors__items .doctors__item:nth-child(2n + 2) {
margin-right: 0;
}
}
@media (max-width: 768px) {
.doctors-slider {
margin-bottom: 134px;
}
.doctors-slider .slick-slide {
margin: 0 0 0 20px;
padding: 0;
}
.doctors-slider .slick-list {
margin: 0 0 0 -20px;
padding: 0;
}
.section-doctors__items .doctors__item {
flex: 0 0 100%;
margin-right: 0 !important;
margin-bottom: 24px;
min-height: initial;
}
.doctors__pb-phone {
font-size: 14px;
}
.content-sidebar__body .section-doctors__items .doctors__item {
flex: 0 0 100%;
}
}
/*doctors*/
/*search-modal*/
.search-modal {
position: absolute;
top: calc(100% + 24px);
left: 0;
z-index: 10;
width: calc(100% - 160px);
margin: 0 80px;
display: none;
}
.search-modal__shadow {
position: fixed;
top: 0;
left: 0;
z-index: 2;
background: rgba(4, 24, 22, 0.45);
width: 100%;
height: 100%;
display: none;
}
.search-modal__body {
border-radius: 16px;
background: #FFF;
padding: 40px;
position: relative;
z-index: 12;
}
.search-modal__wrapper {
display: flex;
}
.search-modal__block {
margin-right: 40px;
flex: 0 0 calc(33.3333% - 27px);
}
.search-modal__block:last-child {
margin-right: 0;
}
.search-modal__wrapper-four .search-modal__block {
flex: 0 0 calc(25% - 30px);
}
.search-modal__caption {
color: #2C3136;
font-size: 20px;
font-weight: 600;
line-height: 140%;
letter-spacing: 0.2px;
margin-bottom: 32px;
}
.search-modal__item {
min-height: 52px;
padding: 14px 40px 14px 15px;
position: relative;
display: flex;
align-items: center;
color: #2C3136;
font-size: 16px;
line-height: 140%;
border-radius: 8px;
border: 1px solid transparent;
}
.search-modal__item:before {
content: '';
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
display: block;
width: 14px;
height: 13px;
background: url('data:image/svg+xml,') no-repeat center;
opacity: 0;
transition: all 0.2s ease;
}
.search-modal__item:hover {
box-shadow: 0 4px 35px 0 rgba(17, 83, 182, 0.08);
}
.search-modal__item:hover:before {
opacity: 1;
}
.search-modal__item.active {
color: #219F9D;
border-color: #E2E5E9;
}
.search-modal__item.active:before {
opacity: 1;
width: 19px;
height: 12px;
background: url('data:image/svg+xml,') no-repeat center;
}
.search-modal__all {
min-height: 52px;
padding: 14px 34px 14px 15px;
position: relative;
display: flex;
align-items: center;
color: #B00C2F;
font-size: 16px;
line-height: 140%;
border-radius: 8px;
border: 1px solid transparent;
}
.search-modal__all svg {
margin-left: 12px;
}
.search-modal__all.search-modal__clear svg {
margin-left: 0;
margin-right: 8px;
}
.search-modal__all.search-modal__clear span {
padding-left: 5px;
}
.search-modal__close {
display: flex;
align-items: center;
position: absolute;
bottom: -84px;
right: 0;
border-radius: 12px;
background: linear-gradient(95deg, #FFF8F6 0%, #FFEDED 100%);
color: #B00C2F;
font-size: 16px;
line-height: 140%;
min-height: 60px;
padding: 16px;
cursor: pointer;
transition: all 0.2s ease;
z-index: 12;
}
.search-modal__close svg {
margin-left: 8px;
}
.search-modal__close:hover {
-webkit-box-shadow: 0 0 5px 5px rgba(243, 219, 224, 1);
-moz-box-shadow: 0 0 5px 5px rgba(243, 219, 224, 1);
box-shadow: 0 0 5px 5px rgba(243, 219, 224, 1);
}
.search-modal__tags {
margin-bottom: 20px;
padding-bottom: 20px;
overflow-x: auto;
}
.search-modal__tags .tags__items {
flex-wrap: nowrap;
white-space: nowrap;
}
.search-modal__tags .tags__item {
margin-bottom: 0;
flex: 0 0 auto;
}
@media (max-width: 1900px) {
.search-modal__all.search-modal__clear span {
display: none;
}
}
@media (max-width: 1450px) {
.search-modal {
width: calc(100% - 40px);
margin: 0 20px;
}
.search-modal__block {
margin-right: 20px;
flex: 0 0 calc(33.3333% - 14px);
}
.search-modal__wrapper-four {
flex-wrap: wrap;
}
.search-modal__wrapper-four .search-modal__block {
flex: 0 0 calc(50% - 10px);
}
.search-modal__wrapper-four .search-modal__block:nth-child(2n + 2) {
margin-right: 0;
}
.search-modal__wrapper-four .search-modal__block:nth-child(3) {
margin-top: 50px;
}
.search-modal__wrapper-four .search-modal__block:nth-child(4) {
margin-top: 50px;
}
}
@media (max-width: 768px) {
.search-modal {
width: 100%;
margin: 0;
top: 210px;
}
.search-modal__block {
margin-right: 0;
flex: 0 0 100%;
position: relative;
}
.search-modal__all {
position: absolute;
top: 0;
right: 0;
padding: 0;
margin: 0;
min-height: 0;
z-index: 1;
font-size: 14px;
}
.search-modal__caption {
margin-bottom: 20px;
font-size: 16px;
padding-right: 130px;
}
.search-modal__item {
font-size: 14px;
}
.search-modal__wrapper {
flex-wrap: wrap;
border-radius: 0;
padding: 40px 20px 20px 20px;
}
.search-modal__close {
position: absolute;
top: -210px;
right: 20px;
z-index: 15;
text-indent: -99999px;
width: 120px;
height: 38px;
padding: 0;
border: 0;
background: #FFEDED;
justify-content: flex-end;
}
.search-modal__close svg {
width: 35px;
height: 35px;
}
.search-modal__close svg path {
fill: #2C3136;
}
.search-modal__block {
margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px solid #E2E5E9;
}
.search-modal__block:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.search-hide .mmenu {
z-index: 11;
position: relative;
filter: blur(0) !important;
}
.search-hide .top-smenu__search {
z-index: 12;
}
.search-hide .mmenu__cust {
display: none;
}
.search-modal__shadow {
background: #fff;
position: absolute;
height: 200px;
}
.search-modal__wrapper-four .search-modal__block {
flex: 0 0 100%;
}
.search-modal__wrapper-four .search-modal__block:nth-child(2n + 2) {
margin-right: 0;
}
.search-modal__wrapper-four .search-modal__block:nth-child(3) {
margin-top: 0;
}
.search-modal__wrapper-four .search-modal__block:nth-child(4) {
margin-top: 0;
}
.search-modal__tags {
margin-bottom: -20px;
}
.search-modal__tags .tags__items {
display: flex;
}
.search-modal__body {
padding: 0;
}
.search-modal__item {
}
}
/*search-modal*/
/*page-error*/
.page-error {
background: linear-gradient(95deg, #FFF8F6 0%, #FFEDED 100%);
}
.page-error__body {
padding: 94px 20px 104px 20px;
}
.page-error__img {
text-align: center;
}
.page-error__caption {
margin-top: 32px;
color: #2C3136;
font-size: 32px;
font-weight: 600;
line-height: 140%;
text-align: center;
max-width: 560px;
margin-left: auto;
margin-right: auto;
}
.page-error__text {
color: #77797B;
text-align: center;
font-size: 16px;
line-height: 140%;
margin-top: 16px;
}
.page-error__butt {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.page-error__butt .button {
margin: 32px 16px 0 16px;
}
@media (max-width: 768px) {
.page-error__body {
padding: 25px 0;
}
.page-error__img img {
max-width: 90%;
}
.page-error__caption {
font-size: 18px;
margin-top: 24px;
}
.page-error__text {
font-size: 14px;
margin-top: 12px;
}
.page-error__butt .button {
margin-left: 5px;
margin-right: 5px;
}
}
/*page-error*/
/*inst-block*/
.inst-block {
}
.inst-items__items {
display: flex;
}
.inst-items__item {
display: flex;
align-items: center;
border-radius: 8px;
border: 1px solid #CAD1D8;
background: #FFF;
padding: 24px;
cursor: pointer;
transition-duration: .2s;
margin-right: 32px;
margin-bottom: 24px;
flex: 0 0 calc(33% - 18px);
}
.inst-items__item:last-child {
margin-right: 0;
}
.inst-items__items-two .inst-items__item {
flex: 0 0 calc(50% - 16px);
}
.inst-items__ico {
flex: 0 0 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 24px;
}
.inst-items__item:hover {
color: #B00C2F;
border-color: #B00C2F;
}
.inst-items__item.active {
color: #B00C2F;
border-color: #B00C2F;
background: linear-gradient(90deg, #FFF8F6 0%, #FFEDED 100%);
}
@media (max-width: 768px) {
.inst-items__items {
flex-wrap: wrap;
margin-bottom: 0;
}
.inst-items__item {
flex: 0 0 100%;
margin-right: 0;
margin-bottom: 20px;
box-shadow: 0 0 25px 0 rgba(140, 149, 193, 0.25);
padding: 20px;
}
.inst-items__items-two .inst-items__item {
flex: 0 0 100%;
}
}
/*inst-block*/
/*schedule*/
.schedule {
}
.schedule .color-table td {
font-weight: 400;
padding-right: 10px;
padding-left: 10px;
}
.schedule .color-table th {
padding-right: 10px;
padding-left: 10px;
}
.schedule-block {
padding: 20px;
border-radius: 10px;
border: 1px solid #3FC2C0;
background: #F8FBFB;
display: none;
margin-bottom: 24px;
}
.schedule-block:last-child {
margin-bottom: 0;
}
.schedule-block__item {
display: flex;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #3FC2C0;
transition: all 0.2s ease;
}
.schedule-block__item:last-child {
margin-bottom: 0;
border-bottom: 0;
}
.schedule-block__title {
color: #2C3136;
font-size: 14px;
font-weight: 700;
line-height: 140%;
margin-right: 12px;
flex: 0 0 40%;
}
.schedule-block__title span {
color: #219F9D;
font-size: 14px;
font-weight: 700;
line-height: 140%;
}
.schedule-block__value {
flex: 1 1 auto;
color: #77797B;
font-size: 14px;
line-height: 140%;
}
.schedule-block__hidden {
display: none;
}
.schedule-block__hid {
color: #219F9D;
font-size: 14px;
line-height: 140%;
display: flex;
align-items: center;
}
.schedule-block__hid svg {
margin-left: 16px;
transition: all 0.2s ease;
}
.schedule-block.active .schedule-block__hid svg {
transform: rotate(180deg);
}
.schedule-block__hid span {
border-bottom: 1px dashed #219F9D;
cursor: pointer;
}
.schedule-block__hid span:hover {
border-bottom-color: transparent;
}
.schedule-block__more {
display: none;
}
@media (max-width: 991px) {
.schedule .color-table__wrapper {
display: none;
}
.schedule-block {
display: block;
}
.schedule-block__more {
display: block;
width: 100%;
text-align: center;
}
}
/*schedule*/
/*cont-sub*/
.cont-sub {
padding-top: 64px;
padding-bottom: 64px;
background: #F8FBFB;
}
.cont-sub__text {
color: #2C3136;
font-size: 16px;
line-height: 140%;
}
.cont-sub__block {
padding-top: 32px;
margin-top: 32px;
border-top: 1px solid #E2E5E9;
}
.cont-sub__caption {
color: #2C3136;
font-size: 18px;
font-weight: 700;
line-height: 140%;
margin-bottom: 16px;
}
.cont-sub__city {
display: flex;
align-items: center;
color: #2C3136;
font-size: 16px;
line-height: 140%;
margin-bottom: 16px;
}
.cont-sub__city:last-child {
margin-bottom: 0;
}
.cont-sub__city svg {
margin-right: 12px;
}
.cont-sub__phones {
display: flex;
}
.cont-sub__phone {
flex: 0 0 calc(50% - 10px);
margin-right: 20px;
}
.cont-sub__phone-value {
color: #2C3136;
font-size: 16px;
line-height: 140%;
display: flex;
align-items: center;
}
.cont-sub__phone-value svg {
margin-right: 12px;
}
.cont-sub__phone-value a {
color: #2C3136;
font-size: 16px;
line-height: 140%;
display: flex;
align-items: center;
}
.cont-sub__phone-value a:hover {
color: #B00C2F;
}
.cont-sub__r {
display: flex;
}
.cont-sub__r-block {
flex: 0 0 calc(25% - 8px);
margin-right: 10px;
}
.cont-sub__r-block:last-child {
margin-right: 0;
}
.cont-sub__wr {
display: flex;
justify-content: space-between;
align-items: center;
}
.cont-sub__body {
flex: 0 0 calc(50% - 20px);
}
.cont-sub__bg {
flex: 0 0 calc(50% - 20px);
}
@media (max-width: 1800px) {
.cont-sub__r {
flex-wrap: wrap;
}
.cont-sub__r-block {
flex: 0 0 calc(50% - 10px);
margin-right: 20px;
margin-bottom: 24px;
}
.cont-sub__r-block:nth-child(2n + 2) {
margin-right: 0;
}
.cont-sub__r-block:nth-child(3),
.cont-sub__r-block:nth-child(4) {
margin-bottom: 0;
}
}
@media (max-width: 768px) {
.cont-sub__wr {
flex-wrap: wrap;
}
.cont-sub__body {
flex: 0 0 100%;
}
.cont-sub__bg {
flex: 0 0 100%;
margin-top: 32px;
}
}
/*cont-sub*/
/*works*/
.works {
}
.works__items {
display: flex;
flex-wrap: wrap;
}
.works__items .works__item {
margin-right: 32px;
margin-bottom: 32px;
flex: 0 0 calc(50% - 16px);
}
.works__items .works__item:nth-child(2n + 2) {
margin-right: 0;
}
.works__item {
border-radius: 12px;
border: 1px solid #E2E5E9;
background: #FFF;
box-shadow: 0 0 25px 0 rgba(140, 149, 193, 0.25);
padding: 32px;
transition: all 0.2s ease;
}
.works__caption {
color: #2C3136;
font-size: 20px;
font-weight: 700;
line-height: 140%;
letter-spacing: 0.2px;
}
.works__city {
display: flex;
align-items: center;
color: #2C3136;
font-size: 16px;
line-height: 140%;
margin-top: 20px;
}
.works__city svg {
margin-right: 12px;
}
.works__desc {
color: #77797B;
font-size: 16px;
line-height: 140%;
margin-top: 12px;
}
.works__sub {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 40px;
}
.works__sub-price {
color: #2C3136;
font-size: 20px;
font-weight: 700;
line-height: 140%;
letter-spacing: 0.2px;
}
.works__sub-more {
}
.works__sub-more .button svg {
margin-right: 0;
margin-left: 8px;
}
.works__item:hover {
border: 1px solid #B00C2F;
background: linear-gradient(95deg, #FFF8F6 0%, #FFEDED 100%);
}
.works__sub-more .button:hover {
border-color: #B00C2F;
background: #B00C2F;
color: #fff;
}
.works__sub-more .button:hover svg path {
stroke: #fff;
}
@media (max-width: 768px) {
.works__items .works__item {
margin-right: 0;
margin-bottom: 24px;
flex: 0 0 100%;
}
.works__caption {
font-size: 16px;
}
.works__city {
font-size: 14px;
margin-top: 20px;
}
.works__desc {
font-size: 14px;
margin-top: 12px;
}
.works__sub {
margin-top: 20px;
}
.works__sub-price {
font-size: 18px;
}
}
/*works*/
/*departments*/
.departments {
background: #F8FBFB;
padding-top: 64px;
padding-bottom: 64px;
}
.departments__items {
display: flex;
flex-wrap: wrap;
}
.departments__item {
border-radius: 8px;
border: 1px solid #CAD1D8;
background: #FFF;
padding: 24px 32px;
margin-right: 32px;
margin-bottom: 32px;
flex: 0 0 calc(25% - 24px);
transition-duration: .2s;
}
.departments__item:nth-child(4n + 4) {
margin-right: 0;
}
.departments__item:hover {
background: linear-gradient(95deg, #FFF8F6 0%, #FFEDED 100%);
border-color: #B00C2F;
}
.departments__item:hover departments__name {
color: #B00C2F;
}
.departments__name {
color: #2C3136;
font-size: 18px;
font-weight: 700;
line-height: 140%;
}
.departments__but {
margin-top: 24px;
}
.departments__but .button {
min-height: 44px;
}
.departments__but .button svg {
margin-right: 0;
margin-left: 0;
}
.departments__but .button span {
display: none;
margin-right: 8px;
}
.departments__but .button:hover {
border-color: #B00C2F;
background: #B00C2F;
color: #fff;
}
.departments__item:hover .departments__but .button span {
display: inline;
}
.departments__but .button:hover svg path {
stroke: #fff;
}
.departments__more {
margin-top: 14px;
}
.departments__more .button {
width: 100%;
text-align: center;
}
@media (max-width: 1550px) {
.departments__item {
flex: 0 0 calc(33.3333333% - 22px);
}
.departments__item:nth-child(4n + 4) {
margin-right: 32px;
}
.departments__item:nth-child(3n + 3) {
margin-right: 0;
}
}
@media (max-width: 768px) {
.departments {
padding-top: 24px;
padding-bottom: 24px;
}
.departments__item {
flex: 0 0 calc(50% - 10px);
margin-right: 20px;
margin-bottom: 20px;
}
.departments__item:nth-child(3n + 3) {
margin-right: 20px;
}
.departments__item:nth-child(2n + 2) {
margin-right: 0;
}
.departments__more {
margin-top: 4px;
}
}
@media (max-width: 550px) {
.departments__item {
flex: 0 0 100%;
margin-right: 0 !important;
}
}
/*departments*/
/*history*/
.history.section-bg {
background: url("/local/templates/nniito/css/../images/history-bg.png") no-repeat center center;
background-size: cover;
}
.history__body {
margin-top: 72px;
display: none;
padding: 32px;
border-radius: 12px;
border: 1px solid #3FC2C0;
background: #F8FBFB;
box-shadow: 0 0 25px 0 rgba(140, 149, 193, 0.25);
}
.history__body1909 {
display: block;
}
.history__sub {
display: flex;
align-items: center;
}
.history__year {
color: #219F9D;
font-size: 20px;
font-weight: 700;
line-height: 140%;
letter-spacing: 0.2px;
padding: 11px 24px;
border-radius: 11200px;
background: #E7F4F4;
margin-right: 32px;
}
.history__title {
color: #2C3136;
font-size: 20px;
font-weight: 700;
line-height: 140%;
letter-spacing: 0.2px;
}
.history__text {
margin-top: 24px;
padding-top: 24px;
border-top: 1px solid #E2E5E9;
color: #77797B;
font-size: 16px;
line-height: 140%;
}
.history__text p {
color: #77797B;
font-size: 16px;
line-height: 140%;
padding: 0;
margin: 0 0 20px 0;
}
.history__text p:last-child {
margin: 0;
}
.history__tabs {
display: flex;
width: 100%;
background: url('data:image/svg+xml,') no-repeat center bottom;
height: 100px;
background-size: 85% auto;
}
.history__tab {
color: #2C3136;
text-align: center;
font-size: 18px;
line-height: 140%;
letter-spacing: 0.18px;
margin: 0 10px;
flex: 1 1 16%;
position: relative;
cursor: pointer;
transition-duration: .2s;
}
.history__tab.active {
color: #219F9D;
}
.history__tab:hover {
color: #219F9D;
}
.history__tab:after {
content: '';
width: 75px;
height: 75px;
display: flex;
align-items: center;
justify-content: center;
background: url('data:image/svg+xml,') no-repeat center center;
position: relative;
z-index: 1;
margin-left: auto;
margin-right: auto;
margin-top: 24px;
}
.history__tab:before {
content: '';
display: block;
background: url('data:image/svg+xml,') no-repeat center center;
width: 50px;
height: 50px;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -12px;
z-index: 2;
transition-duration: .2s;
opacity: 0;
}
.history__tab.active:before {
opacity: 1;
}
.history__select {
display: none;
}
@media (max-width: 991px) {
.history__tabs {
display: none;
}
.history__select {
display: block;
}
.history__body {
margin-top: 24px;
}
}
@media (max-width: 768px) {
.history__sub {
flex-wrap: wrap;
}
.history__year {
width: fit-content;
font-size: 16px;
margin-right: 0;
}
.history__title {
font-size: 16px;
margin-top: 16px;
width: 100%;
}
.history__text {
margin-top: 20px;
padding-top: 20px;
font-size: 16px;
}
.history__text p {
margin-bottom: 16px;
}
.history__text p:last-child {
margin-bottom: 0;
}
}
/*history*/
.search__tags {
margin-bottom: 36px;
overflow-x: auto;
padding-bottom: 20px;
}
.search__tags .tags__items {
display: flex;
flex-wrap: nowrap;
}
.search__tags .tags__item {
margin-bottom: 0;
flex: 0 0 auto;
}
.section-bg {
background: #F8FBFB;
padding-top: 64px;
padding-bottom: 64px;
}
@media (max-width: 768px) {
.section-bg {
padding-top: 24px;
padding-bottom: 24px;
}
.search__tags {
margin-bottom: 24px;
}
}
/*search-nf*/
.search-nf {
border-radius: 16px;
background: radial-gradient(67.86% 42.33% at 43.24% 50.23%, #E0FFFF 0%, #E8FDFC 44.00%, #C5F6F5 100%);
display: flex;
justify-content: space-between;
}
.search-nf__body {
flex: 0 0 50%;
padding: 48px;
}
.search-nf__ico {
flex: 0 0 50%;
padding-right: 47px;
}
.search-nf__ico img {
min-height: 100%;
}
.search-nf__caption {
color: #2C3136;
font-size: 32px;
font-weight: 700;
line-height: 140%;
margin-bottom: 32px;
}
.search-nf__c {
display: flex;
align-items: flex-start;
margin-bottom: 14px;
}
.search-nf__c:last-child {
margin-bottom: 0;
}
.search-nf__c svg {
flex: 0 0 auto;
margin-right: 12px;
margin-top: 5px;
}
.search-nf__butt {
display: flex;
flex-wrap: wrap;
margin-top: 48px;
}
.search-nf__butt .button {
margin-right: 32px;
}
.search-nf__butt .button:last-child {
margin-right: 0;
}
@media (max-width: 1500px) {
.search-nf__body {
flex: 0 0 60%;
}
.search-nf__ico {
flex: 0 0 40%;
}
}
@media (max-width: 1200px) {
.search-nf {
flex-wrap: wrap;
}
.search-nf__body {
flex: 0 0 100%;
padding: 20px;
}
.search-nf__ico {
flex: 0 0 100%;
text-align: center;
}
.search-nf__ico img {
max-width: 355px;
}
}
@media (max-width: 768px) {
.search-nf__butt .button {
margin-right: 12px;
padding-right: 10px;
padding-left: 10px;
font-size: 14px;
}
.search-nf__butt .button:last-child {
margin-right: 0;
}
.search-nf__caption {
font-size: 18px;
margin-bottom: 16px;
}
}
/*search-nf*/
/*time-table*/
.time-table {
}
.time-table__wrapper {
display: flex;
border-radius: 8px;
border: 1px solid #3FC2C0;
width: 100%;
}
.time-table__block {
flex: 1 1 auto;
}
.time-table__caption {
background: #F8FBFB;
padding: 22px 32px;
color: #2C3136;
font-size: 18px;
font-weight: 700;
line-height: 140%;
display: flex;
align-items: center;
border-bottom: 1px solid #3FC2C0;
border-radius: 8px 8px 0 0;
}
.time-table__caption strong {
}
.time-table__caption span {
color: #219F9D;
font-size: 16px;
padding-left: 12px;
}
.time-table__text {
background: #FFF;
padding: 22px 32px;
color: #77797B;
font-size: 18px;
line-height: 140%;
letter-spacing: 0.18px;
border-radius: 0 0 8px 8px;
}
.time-table__color {
color: #B00C2F;
}
@media (max-width: 1279px) {
.time-table__caption {
padding-left: 20px;
padding-right: 20px;
font-size: 14px;
}
.time-table__caption span {
font-size: 14px;
}
.time-table__text {
padding-left: 20px;
padding-right: 20px;
font-size: 14px;
}
}
@media (max-width: 768px) {
.time-table__wrapper {
flex-wrap: wrap;
padding: 0 20px;
}
.time-table__block {
flex: 1 1 100%;
padding: 20px 0;
display: flex;
align-items: center;
border-bottom: 1px solid #3FC2C0;
}
.time-table__caption {
padding: 0 20px 0 0;
border: 0;
flex: 1 1 50%;
}
.time-table__text {
padding: 0;
flex: 1 1 50%;
}
}
@media (max-width: 450px) {
.time-table__caption {
flex: 1 1 65%;
}
.time-table__text {
flex: 1 1 35%;
}
}
/*time-table*/
/*oip*/
.oip {
}
.oip__tags {
margin-bottom: 36px;
overflow-x: auto;
padding-bottom: 20px;
}
.oip__tags .tags__items {
display: flex;
flex-wrap: nowrap;
}
.oip__tags .tags__item {
margin-bottom: 0;
flex: 0 0 auto;
}
.oip__body {
display: none;
}
.oip__body1 {
display: block;
}
@media (max-width: 768px) {
.oip__tags {
margin-bottom: 24px;
}
}
/*oip*/
/*doctor*/
.doctor {
}
.doctor__wrapper {
display: flex;
border-radius: 10px;
background: #FFF;
box-shadow: 0 0 25px 0 rgba(140, 149, 193, 0.25);
}
.doctor__img {
flex: 0 0 345px;
}
.doctor__controls {
flex: 0 0 420px;
margin: 24px 0;
padding: 0 42px 0 56px;
border-left: 1px solid #E2E5E9;
}
.doctor__desc {
padding: 24px 56px 24px 42px;
border-left: 1px solid #E2E5E9;
flex: 1 1 auto;
}
.doctor__img {
}
.doctor__image {
display: flex;
align-items: center;
justify-content: center;
position: relative;
background: #F8FBFB;
min-height: calc(100% - 50px);
}
.doctor__image img {
max-width: 100%;
max-height: 100%;
object-fit: cover;
}
.doctor__img-i {
color: #2C3136;
font-size: 14px;
line-height: 140%;
padding: 12px 20px;
background: #fff;
display: flex;
align-items: center;
border-top: 1px solid #E2E5E9;
height: 50px;
border-radius: 0 0 0 10px;
}
.doctor__img-i svg {
margin-right: 8px;
flex: 0 0 auto;
max-width: 30px;
}
.doctor__adress {
}
.doctor__adress-caption {
color: #2C3136;
font-size: 16px;
font-weight: 700;
line-height: 140%;
}
.doctor__adress-body {
color: #77797B;
font-size: 16px;
line-height: 140%;
margin-top: 16px;
}
.doctor__butt-price {
margin-top: 42px;
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.doctor__butt {
flex: 0 0 200px;
}
.doctor__butt .button {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 32px;
width: 100%;
}
.doctor__butt .button:last-child {
margin-bottom: 0;
}
.doctor__price {
flex: 1 1 auto;
padding-left: 10px;
color: #2C3136;
font-size: 18px;
font-weight: 700;
line-height: 140%;
text-align: right;
margin-bottom: 10px;
}
.doctor__item {
display: flex;
align-items: center;
flex-wrap: wrap;
width: 100%;
margin-bottom: 16px;
padding-bottom: 16px;
border-bottom: 1px solid #E2E5E9;
}
.doctor__item:last-child {
margin-bottom: 0;
border-bottom: 0;
}
.doctor__item svg {
flex: 0 0 auto;
margin-right: 12px;
}
.doctor__vmodal {
position: relative;
}
.doctor__vmodal-link {
color: #3FC2C0;
font-size: 16px;
line-height: 140%;
cursor: pointer;
display: flex;
align-items: center;
}
.doctor__vmodal-link span {
border-bottom: 1px dashed #3FC2C0;
}
.doctor__vmodal-link span:hover {
border-bottom-color: transparent;
}
.doctor__item-text {
}
.doctor__vmodal {
margin-left: 20px;
width: fit-content;
}
.doctor__vmodal-form {
display: none;
position: absolute;
z-index: 2;
bottom: 100%;
border-radius: 12px;
border: 1px solid #E2E5E9;
background: #FFF;
padding: 20px;
width: 300px;
left: 70px;
transform: translateX(-50%);
}
.doctor__vmodal-form:before {
content: '';
width: 17px;
height: 13px;
background: url('data:image/svg+xml,') no-repeat center center;
display: block;
position: absolute;
bottom: -13px;
left: 50%;
margin-left: -7px;
z-index: 3;
}
.doctor__vmodal-caption {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #E2E5E9;
}
.doctor__vmodal-caption-value {
color: #2C3136;
font-size: 16px;
font-weight: 700;
line-height: 140%;
}
.doctor__vmodal-close {
margin-left: 10px;
flex: 0 0 auto;
cursor: pointer;
transition-duration: .2s;
}
.doctor__vmodal-close:hover svg path {
fill: #B00C2F;
}
.doctor__vmodal-body {
color: #77797B;
font-size: 14px;
line-height: 140%;
}
.doctor__desc-s {
padding-top: 20px;
}
.doctor__desc-caption {
color: #2C3136;
font-size: 16px;
font-weight: 700;
line-height: 140%;
}
.doctor__desc-text {
margin-top: 16px;
color: #B00C2F;
font-size: 16px;
line-height: 140%;
}
.doctor__item-text {
float: left;
width: 100%;
}
.doctor__item-text {
float: left;
max-width: 70%;
width: fit-content;
}
.doctor__vmodal {
float: left;
}
@media (max-width: 1800px) {
.doctor__desc {
padding: 20px;
}
.doctor__controls {
padding: 0 20px;
}
.doctor__img {
flex: 0 0 250px;
}
.doctor__img-i {
height: 60px;
}
.doctor__image {
min-height: calc(100% - 60px);
}
.doctor__controls {
flex: 0 0 340px;
}
}
@media (max-width: 1350px) {
.doctor__wrapper {
flex-wrap: wrap;
}
.doctor__desc {
flex: 0 0 calc(100% - 250px);
}
.doctor__controls {
flex: 0 0 100%;
border-top: 1px solid #E2E5E9;
margin-top: 0;
padding-top: 24px;
}
.doctor__butt {
flex: 0 0 400px;
display: flex;
}
.doctor__butt .button {
margin-bottom: 0;
margin-right: 20px;
}
.doctor__butt .button:last-child {
margin-right: 0;
}
.doctor__butt-price {
margin-top: 24px;
}
.doctor__vmodal-form {
left: auto;
right: 0;
transform: translateX(0);
}
}
@media (max-width: 768px) {
.doctor__img {
flex: 0 0 100%;
}
.doctor__img-i {
border-bottom: 1px solid #E2E5E9;
}
.doctor__desc {
flex: 0 0 100%;
}
.doctor__butt {
flex: 0 0 180px;
display: block;
}
.doctor__butt .button:last-child {
margin-top: 24px;
}
.doctor__item-text,
.doctor__desc-caption,
.doctor__desc-text,
.doctor__adress-caption,
.doctor__adress-body {
font-size: 14px;
}
.doctor__vmodal {
width: 100%;
margin-left: 0;
margin-top: 8px;
}
.doctor__vmodal-link {
font-size: 14px;
}
.doctor__vmodal-form {
width: 280px;
left: 0;
right: auto;
}
}
/*doctor*/
/*stars-block*/
.stars-block {
display: flex;
align-items: center;
}
.stars-block__item {
margin-right: 7px;
cursor: pointer;
}
.stars-block__item:last-child {
margin-right: 0;
}
.stars-block__item.active svg path {
fill: #B00C2F;
}
/*stars-block*/
/*fix sidebar*/
@media (min-width: 992px) {
.page__sidebar {
height: 100vh;
overflow-y: auto;
position: fixed;
left: 0;
top: 0;
z-index: 2;
width: 280px;
}
.page__body {
padding-left: 280px;
}
}
/*fix sidebar*/
/*custom-calculator*/
.custom-calculator .custom-checkbox+label.text_disabled,
.custom-calculator .text_disabled,
.custom-calculator .text_disabled label {
color: rgb(199, 199, 199);
}
.custom-calculator .text_disabled .custom-checkbox+label::before {
border-color: rgb(199, 199, 199);
}
.custom-calculator .calc_error {
color: #B00C2F;
}
.custom-calculator .checkbox__items {
margin-bottom: 16px;
}
.custom-calculator .checkbox__items .checkbox {
margin-bottom: 16px;
}
.custom-calculator .checkbox__items .checkbox:last-child {
margin-bottom: 0;
}
.custom-calculator .caption__value {
margin-top: 30px;
}
.custom-calculator .calc_result-text {
font-size: 20px;
}
.custom-calculator #calculate,
.custom-calculator #calculate1,
.custom-calculator #calculate2,
.custom-calculator #calculate3 {
margin-top: 30px;
}
.custom-calculator .calc__radio {
display: inline-block;
margin-right: 15px;
margin-top: 10px;
cursor: pointer;
}
.calc__radio label {
cursor: pointer;
}
.custom-calculator .calc__radio:last-child {
margin-right: 0;
}
.custom-calculator .calc__radio-block {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 15px;
}
.block-required.error strong {
color: #B00C2F;
}
.block-required.error input {
border-color: #B00C2F;
}
.block-required.error .custom-radio+label::before,
.block-required.error .checkbox:not(.text_disabled) .custom-checkbox+label::before {
border-color: #B00C2F;
}
.calc__radio-select {
margin-bottom: 30px;
}
.calc__radio-select .calc__radio {
margin-bottom: 15px;
}
.custom-calculator1,
.custom-calculator2,
.custom-calculator3 {
display: none;
}
.custom-calculator #rrc_lower_TCL,
.custom-calculator #rrc_lower_SBP {
display: block;
margin-top: 5px;
}
.custom-calculator__error {
color: #B00C2F;
margin-top: 30px;
font-weight: 700;
display: none;
}
.custom-calculator__calc-button-block {
display: flex;
flex-wrap: wrap;
}
.custom-calculator__calc-button-block div {
margin-right: 10px;
margin-bottom: 10px;
}
.custom-calculator__calc-button-block div:last-child {
margin-right: 0;
}
/*usprice*/
.usprice {
display: flex;
justify-content: space-between;
}
.usprice__block {
flex: 0 0 calc(50% - 8px);
}
.usprice__blocks {
display: flex;
flex-wrap: wrap;
gap: 40px 16px;
}
.usprice__item {
display: flex;
flex: 0 0 calc(50% - 8px);
}
.usprice__ico {
flex: 0 0 64px;
margin-right: 16px;
}
.usprice__body {
flex: 1 1 auto;
}
.usprice__caption {
}
.usprice__body ul {
list-style: none;
margin: 0;
padding: 0;
}
.usprice__body ul li {
position: relative;
padding-left: 10px;
margin-bottom: 6px;
}
.usprice__body ul li:last-child {
margin-bottom: 0;
}
.usprice__body ul li:before {
content: '';
position: absolute;
left: 0;
top: 9px;
background: #2C3136;
width: 4px;
height: 4px;
border-radius: 100%;
}
.usprice__caption {
margin-bottom: 16px;
color: #000;
font-size: 20px;
font-weight: 700;
line-height: 140%;
margin-top: 7px;
}
@media (max-width: 1279px) {
.usprice {
flex-wrap: wrap;
}
.usprice__block {
flex: 0 0 100%;
}
.usprice__block:nth-child(2) {
margin-top: 20px;
}
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
.usprice__item {
flex: 0 0 100%;
}
}
/*usprice*/
.reviews__doctor {
margin-top: 24px;
padding-top: 20px;
border-top: 1px solid #E2E5E9;
}
.g-bots__ico svg, .g-bots__ico img {
max-width: 100%;
max-height: 100%;
}
/* End */
/* Start:/local/templates/nniito/css/custom.css?1748434491490*/
.hidden{
display: none;
}
.block-contacts__item-info {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.block-contacts__item-info-left {
flex: 0 0 calc(30% - 16px);
}
.section-map__wp {
flex: 0 0 calc(70% - 16px);
}
.block-contacts__item-s {
gap: 100px;
flex-direction: column;
}
@media (max-width: 768px) {
.block-contacts__item-info {
flex-direction: column;
}
.block-contacts__item-s {
gap: 50px;
}
}
/* End */
/* Start:/local/templates/nniito/components/bitrix/menu/social_links/style.css?1708354521199*/
.soc-item-vk:hover{
background: #0077ff !important;
border-color: #0077ff !important;
}
.soc-item-telegram:hover{
background: #1c9aef !important;
border-color: #1c9aef !important;
}
/* End */
/* Start:/local/components/firstbit/fb.search.title/templates/.default/style.css?1708354521487*/
.top-smenu__search-body{
overflow: visible !important;
}
.top-smenu__search .suggest{
border-radius: 8px;
border: 1px solid #E2E5E9;
background: #F8FBFB;
position: absolute;
z-index: 5000;
top:53px;
width: 100%;
display: none;
}
.top-smenu__search .suggest ul {
padding: 0px 15px;
}
.top-smenu__search .suggest ul li {
list-style: none;
display: inline-block;
padding: 10px 5px;
border-bottom: 1px solid #E2E5E9;
width: 100%;
}
/* End */
/* Start:/local/templates/nniito/components/bitrix/menu/mobile_menu/style.css?170835452149*/
.mobile-menu__url img {
margin-right: 12px;
}
/* End */
/* Start:/local/components/firstbit/fb.reviews_modal/templates/.default/style.css?1767020832692*/
.div-reviews__name .error, .div-reviews__soname .error, .div-reviews__comment .error, .div-reviews__phone .error, .div-reviews__agreement .error {
content: "";
display: inline;
color: red;
text-align: center;
padding-left: 10%;
}
.div-reviews__comment .error {
padding-left: 25%;
}
.fmodal__item-two .div-reviews__name, .fmodal__item-two .div-reviews__soname, .fmodal__item-two .div-reviews__phone {
width: calc(50% - 12px);
min-height: 50px;
}
.fmodal__item-two .div-reviews__name input, .fmodal__item-two .div-reviews__soname input, .fmodal__item-two .div-reviews__phone input {
width: 100%;
}
#modall-reviews .fmodal__body{
overflow-x: hidden;
}
/* End */
/* Start:/local/templates/nniito/components/bitrix/form.result.new/callback/style.css?170835452187*/
.success-string{
font-size: 20px;
font-weight: bold;
text-align: center;
}
/* End */
/* Start:/local/components/firstbit/fb.appointment/templates/.default/style.css?1767020832645*/
.fmodal__war.error {
color: #B00C2F;
font-size: 18px;
}
.modall-appointment__items-tree .input-wrp {
margin-right: 24px;
flex: 0 0 calc(33.333% - 16px);
}
.modall-appointment__items-tree .input-wrp.error input{
border-color: #B00C2F;
}
.modall-appointment__items-tree .input-wrp input{
width:100%
}
.modall-appointment__items-tree .input-wrp .error-fld,
.fmodal__war .input-wrp.error .error-fld{
color: #B00C2F;
font-size: 12px;
left: 10px;
margin-left: 3px;
margin-top: 5px;
}
.fmodal__menu-block-title {
margin-bottom: 10px;
}
.modall-appointment__body .tab-sort {
margin-bottom: 15px;
}
/* End */
/* Start:/local/components/firstbit/fb.cookie.notice/templates/.default/style.css?17670208321503*/
.cookie-consent {
position: fixed;
bottom: 0;
background-color: #fff;
left: 0;
right: 0;
padding: 20px 30px;
box-shadow: 0 -2px 15px rgba(0,0,0,0.1);
z-index: 10000;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 1.5;
color: #333;
border-top: 2px solid #B00C2F; /* Цвет из темы blue */
}
.cookie-consent__container {
max-width: 1200px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
}
.cookie-consent__text {
flex: 1;
min-width: 300px;
}
.cookie-consent__link {
color: #B00C2F;
}
.cookie-consent__link:hover {
color: #77797B;
}
.cookie-consent__buttons {
display: flex;
gap: 12px;
flex-wrap: wrap;
}
.cookie-consent__btn {
padding: 10px 24px;
border: none;
border-radius: 3px;
font-size: 14px;
cursor: pointer;
transition: background 0.3s;
font-weight: 500;
}
.cookie-consent__btn--accept {
background-color: #1e98ff;
color: white;
}
.cookie-consent__btn--accept:hover {
background-color: #0d7cd3;
}
.cookie-consent__btn--settings {
background-color: #f5f5f5;
color: #333;
}
.cookie-consent__btn--settings:hover {
background-color: #e0e0e0;
}
@media (max-width: 768px) {
.cookie-consent__container {
flex-direction: column;
text-align: center;
}
.cookie-consent__buttons {
justify-content: center;
}
}
/* End */
/* Start:/controlling-organizations/css/css.css?1708354511549*/
.cont-org {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #B00C2F;
}
.cont-org:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0;
}
.cont-org__img {
margin-bottom: 15px;
}
.cont-org__img img {
max-height: 60px;
}
.cont-org__caption {
font-weight: 700;
margin-bottom: 10px;
}
.cont-org__item {
margin-bottom: 10px;
}
.cont-org__item:last-child {
margin-bottom: 0;
}
.cont-org__item a {
color: #77797B;
}
.cont-org__item a:hover {
color: #B00C2F;
}
/* End */
/* /local/templates/nniito/css/select2.min.css?170835452120618 */
/* /local/templates/nniito/css/slick.css?17083545216442 */
/* /local/templates/nniito/css/fancybox.css?170835452117412 */
/* /local/templates/nniito/css/template.css?1767020832161175 */
/* /local/templates/nniito/css/custom.css?1748434491490 */
/* /local/templates/nniito/components/bitrix/menu/social_links/style.css?1708354521199 */
/* /local/components/firstbit/fb.search.title/templates/.default/style.css?1708354521487 */
/* /local/templates/nniito/components/bitrix/menu/mobile_menu/style.css?170835452149 */
/* /local/components/firstbit/fb.reviews_modal/templates/.default/style.css?1767020832692 */
/* /local/templates/nniito/components/bitrix/form.result.new/callback/style.css?170835452187 */
/* /local/components/firstbit/fb.appointment/templates/.default/style.css?1767020832645 */
/* /local/components/firstbit/fb.cookie.notice/templates/.default/style.css?17670208321503 */
/* /controlling-organizations/css/css.css?1708354511549 */