*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
ul,
ol,
li{
list-style-type: none;
}
a{
text-decoration: none;
color: inherit;
}
br{
padding: 3px;
display: block;
}
html,
body{
height: 100%;
width: 100%;
scroll-behavior: smooth;
}
button,
input,
optgroup,
select,
fieldset,
textarea {
margin: 0;
border: none;
font: inherit;
color: inherit;
cursor: pointer;
background-color: transparent;
}
input[type="radio"]{
width: 20px!important;
height: 20px!important;
margin-right: 14px;
position: relative;
top: 4px;
}
.container{
max-width: 1440px;
padding: 0 16px;
margin: 0 auto;
}
.header_topbar_wrap .container{
padding-left: 0px;
}
.wrapper{
min-height: 100%;
display: flex;
flex-direction: column;
}
.fixed-page {
position: fixed;
}
main{
flex: 1 1 auto;
}
footer{
flex-shrink: 0;
}
input[type=checkbox] {
width: 20px!important;
height: 20px!important;
border: 1px solid #9DA4AA;
border-radius: 0;
}
hr{
/* background: #F4F5F6;
color: #F4F5F6;*/
opacity: 1;
border-radius: 1px;
margin: 16px 0;
border-top: 1px solid #F4F5F6;
clear: both;
}
body{
font-family: "Nunito Sans", sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0.005em;
text-align: left;
background: #F4F5F6;
color: #0A1D29;
}
h1{
font-family: 'Podkova', serif;
font-size: 30px;
font-weight: 500;
line-height: 40px;
letter-spacing: 0em;
text-align: left;
color: #143A52;
}
h2{
font-family: 'Podkova', serif;
font-size: 42px;
font-weight: 500;
line-height: 58px;
letter-spacing: 0.0025em;
text-align: center;
color: #143A52;
}
h3{
font-family: 'Overpass', sans-serif;
font-size: 25px;
font-weight: 400;
line-height: 32px;
letter-spacing: 0em;
text-align: left;
color: #0A1D29;
}
h4{
font-family: 'Overpass', sans-serif;
font-size: 21px;
font-weight: 400;
line-height: 27px;
letter-spacing: 0em;
text-align: left;
color: #0A1D29;
}
h5{
font-family: 'Overpass', sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0.0015em;
text-align: left;
color: #143A52;
}
.prodyct_wrap h5{
margin-top: 24px;
}
.prodyct_wrap p{
margin: 6px 0;
}
h6{
font-family: 'Podkova', serif;
font-size: 15px;
font-weight: 400;
line-height: 18px;
color: #0A1D29;
font-weight: 600;
}
h1.section-title, h2.section-title{
border-left: 4px solid #CB2A3D;
border-right: 4px solid #CB2A3D;
font-family: 'Podkova', serif;
font-size: 42px;
font-weight: 500;
line-height: 58px;
letter-spacing: 0.0025em;
text-align: center;
color: #143A52;
position: relative;
padding: 6px 16px 4px 16px;
width: fit-content;
background-repeat: no-repeat;
z-index: 100;
min-width: 200px;
display: inline-block;
position: relative;
/* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='232' height='74' viewBox='0 0 232 74' fill='none'%3E%3Cpath d='M229.877 0V64L116.61 72L2.87695 64V0' stroke='#CB2A3D' stroke-width='4'%2F%3E%3C%2Fsvg%3E");*/
/* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpolygon fill='%23740074' points='1600 160 0 460 0 350 1600 50'/%3E%3Cpolygon fill='%235f005f' points='1600 260 0 560 0 450 1600 150'/%3E%3Cpolygon fill='%234b004b' points='1600 360 0 660 0 550 1600 250'/%3E%3Cpolygon fill='%23360036' points='1600 460 0 760 0 650 1600 350'/%3E%3Cpolygon fill='%23220022' points='1600 800 0 800 0 750 1600 450'/%3E%3C/g%3E%3C/svg%3E");*/
/* background-position-x: center;
background-position-y: bottom;
background-size: cover;
background-repeat: no-repeat;*/
/* background-size: cover;
background-image: url("data:image/svg+xml,");
background-image: url("data:image/svg+xml,");*/
/* background-image: url("data:image/svg+xml,");
background-position-x: center;
background-position-y: bottom;
background-size: contain;
background-repeat: no-repeat;
background-size: 100% auto;
box-sizing: border-box;
background-image: url(../image/title.svg);*/
margin-bottom: 10px;
}
.section-title>svg{
position: absolute;
left: 0;
bottom: 0;
/* border: 4px solid rgba(203,42,61,1);*/
/* filter: drop-shadow( 0px 0px 4px rgba(203,42,61,1));*/
width: 100%!important;
}
.section-title>svg path{
width: 100%!important;
}
h2.section-title::after, h1.section-title::after,
h2.section-title::before, h1.section-title::before{
content:'';
/* background-image: url(../image/title.svg);*/
/* background: url("data:image/svg+xml,");
background-position-x: center;
background-position-y: bottom;
background-size: cover;
background-repeat: no-repeat;*/
/* filter: drop-shadow( 0px 0px 0px 4px rgba(203,42,61,1));*/
/* width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;*/
/*
box-sizing: border-box;
position: absolute;
height: 72px;
left: 0.17%;
right: -0.17%;
top: calc(50% - 72px/2);
border: 4px solid #CB2A3D;
flex: none;
order: 2;
flex-grow: 0;
z-index: 2;
*/
/*********/
content: "";
height: 4px;
width: calc(50% + 4px);
position: absolute;
bottom: 0px;
background: #CB2A3D;
}
h2.section-title:before, h1.section-title:before {
left: -3px;
transform: skew(0deg, 3.2deg);
transform-origin: 0px 0px;
}
h2.section-title:after, h1.section-title:after {
right: -3px;
transform: skew(0deg, -3.2deg);
transform-origin: 100% 100%;
}
.content h3{
font-family: 'Podkova', sans-serif;
font-size: 25px;
font-weight: 600;
line-height: 32px;
letter-spacing: 0.0015em;
text-align: left;
color: #143A52;
margin-top: 16px;
}
@media(max-width: 767px){
body h2, h1.section-title, h2.section-title{
font-size: 30px;
font-weight: 500;
line-height: 40px;
}
body h1{
font-size: 25px;
font-weight: 600;
line-height: 32px;
letter-spacing: 0.0015em;
}
}
body p{
margin: 16px 0;
}
/******************/
p.adress,
p.mail, p.phone,
p.tel, p.fax, p span.kabinet, p.kabinet, .mail,
a.tel, .phone, .mobile {
padding-left: 30px;
position: relative;
}
span.kabinet {
display: inline-block;
}
.link a.tel,
.link a.mail {
padding-left: 27px;
position: relative;
display: inline-block;
text-decoration: none;
min-height: 23px;
}
.link a.tel:hover {
text-decoration: underline;
}
p.adress > a,
p.mail > a, p.phone > a,
p.tel > a, p.fax > a, .mail a, a.mail, a.tel, a.mobile {
text-decoration: none;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
display: inline-block;
line-height: 22px;
}
p.tel > a:hover, p.fax > a:hover, p.mail > a:hover,
p.adress > a:hover, a.tel:hover, a.phone:hover, p.phone a:hover, a.mobile:hover {
color:#1A5D7F;
text-decoration: underline;
}
.kabinet::before, p.kabinet::before {
content: url(../image/icons/door.svg);
position: absolute;
left: 0;
top: -1px;
}
.adress::before {
content: url(../image/icons/address.svg);
position: absolute;
left: 0;
top: -2px;
}
.adress::before {
content: url(../image/icons/address.svg);
}
p .phone::after, .phone::after {
content: url(../image/icons/phone.svg);
position: absolute;
left: 0;
top: -1px;
}
.footer .tel::before {
content: url(../image/icons/phone.svg);
}
.tel::before, a.tel::before {
content: url(../image/icons/phone.svg);
position: absolute;
left: 0;
top: -1px;
}
a.mobile::before {
content: url(../image/icons/mobile.svg);
position: absolute;
left: 0;
top: -1px;
}
.fax::before {
content: url(../image/icons/fax.svg);
position: absolute;
left: 0;
top: 0px;
}
.mail::before {
content: url(../image/icons/email.svg);
position: absolute;
left: 0;
top: -1px;
}
.footer .mail::before {
content: url(../image/icons/email.svg);
}
/********************/
/*Стилизуем кнопки*/
.primary-button, div[id^="fox-container-"] .btn.btn-primary.button, .button.validate {
display: inline-flex;
height: 38px;
min-height: 38px;
padding: 10px 16px;
justify-content: center;
align-items: center;
text-align: center;
text-transform: uppercase;
transition: all 0.3s ease;
border: none;
background-image: none;
padding: 11px 16px 9px;
background: #AA2234;
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 15px;
letter-spacing: 0.0125em;
text-transform: uppercase;
color: #FCFEFF;
position: relative;
}
.primary-button.light{
padding: 14px 20px 14px 12px;
font-size: 15px;
font-weight: 400;
line-height: 18px;
letter-spacing: 0.0025em;
background: #E37884;
box-shadow: 0px 1px 4px 0px #00000040, 0px 4px 16px 0px #0000001A;
color:#3D0008;
text-transform: none;
height: 48px;
}
svg path{
transition: all 0.3s ease;
}
.primary-button.light.icon{
padding-left: 48px;
}
.primary-button.light.icon svg{
top: 12px;
}
.primary-button.light.icon:hover svg path{
fill:#FCFEFF;
}
#submitCommentButton{
background: #AA2234!important;
border: none;
}
#submitCommentButton:hover{
background: var(--accent-0, #E22831)!important;
}
.primary-button:hover, .primary-button:focus, div[id^="fox-container-"] .btn.btn-primary.button:hover,
div[id^="fox-container-"] .btn.btn-primary.button:focus, .button.validate:hover, #submitCommentButton:hover,
.primary-button.light:hover {
background: #CB2A3D;
text-decoration: none;
border: none;
box-shadow: 1px 1px 2px 0px #0000004D, 4px 4px 16px 0px #00000026;
color: #FCFEFF;
cursor: pointer;
}
.primary-button:active, a.primary-button:active, a.primary-button.icon:active,
div[id^="fox-container-"] .btn.btn-primary.button:active, .button.validate:active {
color: #F6CBD0;
background: #CB2A3D;
box-shadow: 2px 2px 4px 0px #0000004D, 4px 4px 16px 0px #00000026;
text-decoration: none;
}
.primary-button.icon, .secondary-button.icon, .thirdy-button.icon {
padding-left: 38px;
position: relative;
}
.primary-button.icon svg, .secondary-button.icon svg,
.thirdy-button.icon img {
position: absolute;
left: 12px;
top: 11px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.thirdy-button.icon svg {
position: absolute;
left: 12px;
top: 8px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.secondary-button,
div.newscontainer-itemFullText .secondary-button {
display: inline-flex;
min-height: 38px;
justify-content: center;
align-items: center;
text-align: center;
text-transform: uppercase;
text-decoration: none;
transition: all 0.3s ease;
box-sizing: border-box;
padding: 11px 16px 9px;
height: 38px;
background: rgba(252, 254, 255, 0.1);
border: 1px solid #AA2234;
font-family: 'Nunito Sans';
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 15px;
letter-spacing: 0.0125em;
text-transform: uppercase;
color: #AA2234;
}
.products .secondary-button{
background: transparent;
border: 1px solid #F6CBD0;
color:#F6CBD0;
}
.secondary-button:hover, .secondary-button:focus,
.secondary-button.siteMap:hover, .secondary-button.siteMap:focus,
.sitemap.secondary-button.icon:hover, .products .secondary-button:hover {
text-decoration: none;
background: #FCEEF0;
border: 1px solid #AA2234;
color: #AA2234;
}
.secondary-button:hover svg path{
transition: all 0.3s ease;
}
.secondary-button:hover svg path{
fill:#AA2234;
}
.secondary-button:active, .secondary-button.siteMap:active,
.videomain-all a:active, .virtual .secondary-button:active,
.sitemap.secondary-button.icon:active, .products .secondary-button:active {
background: #F6CBD0;
text-decoration: none;
}
.thirdy-button, .btn.btn-warning.button.reset,
div.genericItemReadMore a.k2ReadMore {
display: inline-flex;
min-height: 38px;
padding: 11px 8px 9px;
justify-content: center;
align-items: center;
text-align: center;
text-transform: uppercase;
transition: all 0.3s ease;
border: none;
background: transparent;
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 15px;
letter-spacing: 0.0125em;
text-transform: uppercase;
color: #AA2234;
}
.thirdy-button:hover, .thirdy-button:focus,
.btn.btn-warning.button.reset:hover,
.btn.btn-warning.button.reset:focus, .single-news .thirdy-button:hover,
.single-news .thirdy-button:focus, div.genericItemReadMore a.k2ReadMore:hover {
background: #FCEEF0;
text-decoration: none;
border: none;
outline: none;
}
.thirdy-button:active, .btn.btn-warning.button.reset:active,
.single-news .thirdy-button:active, div.genericItemReadMore a.k2ReadMore:active {
background: #F6CBD0;
text-decoration: none;
border: none;
outline: none;
}
/*убираем лишнее подчеркивание*/
.navbar a, .header a, .main-content a,
.banner-main a, .menu- a, .primary-button a,
.secondary-button a, .thirdy-button a, body a, .nav-menu .nav-menu-item a {
text-decoration: none;
}
@keyframes shadow {
from {box-shadow: inset 0 0 0 #A9A9AD;}
50% {box-shadow: inset 0 0 30px #A9A9AD;}
to {box-shadow: inset 0 0 0 #A9A9AD;}
}
.btn_color:hover{
transition: .5s;
background: #B394A4;
border: 1px solid #B394A4;
}
.news_data{
font-family: 'Roboto', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 14px;
letter-spacing: 0.004em;
color: #58585B;
}
.header__menu>.title-sub{
color:rgba(20, 58, 82, 1);
flex-grow: 1;
height: 100%;
padding-left: 8px;
padding-right: 16px;
font-family: 'Nunito Sans', sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 15px;
letter-spacing: 0.0125em;
display: flex;
justify-content: center;
align-items: center;
text-transform: uppercase;
cursor: pointer;
transition: background 0.3s ease, color 0.3s ease;
background: transparent;
}
.header__menu>.title-sub>span{
color:rgba(20, 58, 82, 1);
transition: background 0.3s ease, color 0.3s ease;
}
.language_row .text{
color: #453C41;
}
.header_topbar_wrap{
background: linear-gradient(180deg, #FCFEFF 20.9%, rgba(252, 254, 255, 0.500632) 75.9%, rgba(252, 254, 255, 0) 100%);
}
.header_topbar_row{
display: flex;
justify-content: space-between;
align-items:flex-start;
padding: 8px 0;
}
.header_row_right{
display: flex;
flex-direction: row;
justify-content: flex-end;
gap: 8px;
height: 100%;
}
.header_topbar_row .logo_row{
display: flex;
align-items: center;
}
.logo_image_row .logo_image{
width: 120px;
height: 120px;
}
.logo_image img{
width: 100%;
}
.logo_text{
padding-left: 16px;
padding-right: 16px;
margin-top: 16px;
}
.logo_text p{
font-family: 'Nunito Sans', sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 14px;
letter-spacing: 0.015em;
text-align: left;
color: #143A52;
text-transform: uppercase;
margin: 0;
}
.logo_text h2{
font-family: 'Podkova', serif;
font-size: 50px;
font-weight: 500;
line-height: 70px;
letter-spacing: 0em;
text-align: left;
color: #3D0008;
}
.lang-button_row{
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
height: 100%;
}
.header_btn{
margin-top: 30px;
}
.language_row{
padding-top: 10px;
}
.language_row li{
margin-left: 28px;
font-family: 'Nunito Sans', sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 15px;
letter-spacing: 0.0125em;
text-align: left;
transition: all 0.2s ease;
}
.language_row li:hover{
color: #AA2234;
}
#specialButton:hover svg path{
fill:#AA2234;
}
#specialButton path{
transition: all 0.2s ease;
}
.language_row li:first-child{
/* margin-left: 0;*/
}
.social_row li{
margin-left: 20px;
}
.social_row li svg,
.list_social_item svg,
.footer_social svg{
width: 24px;
}
.social_row ul,
.language_row ul,
.list_social_row{
display: flex;
align-items: center;
}
.header .header_wrap{
position: absolute;
top: 0px;
left: 0;
z-index: 9999;
}
.inner-header+.header .header_wrap{
position: relative;
top: 0;
left: 0;
z-index: 9999;
}
.header__menu>.title-sub:first-child {
font-size: 0;
background: url("../image/icons/home.svg") no-repeat!important;
width: 24px;
height: 24px;
flex-grow: 0;
margin-right: 16px;
padding: 0;
}
.header__menu>.title-sub:first-child>a{
width: 100%;
height: 100%;
display: inline-block;
width: 24px;
height: 24px;
position: relative;
z-index: 9999999999;
}
.header__menu .title-sub.home_page_menu:hover, .header__menu .title-sub.home_page_menu:hover>a,
.header__menu .title-sub.home_page_menu.active, .header__menu .title-sub.home_page_menu.active>a,
.header__menu>.title-sub:first-child:hover, .header__menu>.title-sub:first-child:hover>a{
background-color: transparent!important;
color: transparent!important;
cursor: pointer;
}
.header__menu .title-sub.active .submenu .title-sub.active{
background: none;
border-radius: 0;
}
.menu_wrap{
background: linear-gradient(180deg, #F4F5F6 0%, #FFFFFF 100%);
z-index: 999999;
position: sticky;
top: 0;
width: 100%;
}
.menu_wrap.site_menu_fixed{
/* position: fixed;*/
position: sticky;
top: 0;
z-index: 11111111111111111;
top: 0;
left: 0;
right: 0;
}
.title-sub .sub-menu a{
/* padding: 10px;*/
white-space: nowrap;
padding: 8px;
}
.title-sub .submenu li.title-sub{
display: flex;
align-items: center;
color:rgba(10, 29, 41, 1);
padding: 14px;
font-weight: 400;
text-transform: none;
font-size: 17px;
line-height: 20px;
}
.title-sub .submenu li.title-sub:hover{
color:rgba(203, 42, 61, 1);
}
.title-sub .submenu li:last-child{
border-bottom: none;
}
.header__nav .header__menu {
display: flex;
justify-content: space-between;
align-items: center;
/* margin: 0 -10px;*/
height: 48px;
}
.header__nav ul li {
position: relative;
transition: .2s;
}
.header__nav .title-sub.has-sub::before {
content: ' ';
background-image: url(../image/icons/expand.svg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
width: 18px;
height: 18px;
top: 50%;
position: absolute;
right: 16px;
transition: all 0.4s ease;
margin-top: -9px;
}
.header__nav .title-sub.has-sub:hover::before{
content: "";
transform: rotateX(180deg);
}
.header__menu>.title-sub:hover, .header__menu>.title-sub:hover>span{
background: linear-gradient(0deg, #0A1D29, #0A1D29);
color: rgba(252, 254, 255, 1);
/* transition: background 0.3s ease, color 0.3s ease; */
}
.header__menu .title-sub.active{
/* background: linear-gradient(0deg, #0A1D29, #0A1D29);
color: rgba(252, 254, 255, 1);*/
}
.header__nav .title-sub.has-sub .submenu {
/*display: none;*/
/* transform: translateY(-100%);*/
opacity: 0;
visibility: hidden;
position: absolute;
box-shadow: -8px 0px 32px rgba(0, 0, 0, 0.1), -1px 0px 2px rgba(0, 0, 0, 0.2);
background:linear-gradient(0deg, rgba(252, 254, 255, 0.95), rgba(252, 254, 255, 0.95));
top: 48px;
left: 50%;
transform: translate(-50%,20px);
z-index: 9999999999;
transition: transform .5s ease, visibility 0s, opacity 0.1s ease;
width: calc(100% - 2px);
border: 1px solid #0A1D29;
}
.header__menu>.title-sub.has-sub:nth-child(3) .submenu,
.header__menu>.title-sub.has-sub:nth-child(5) .submenu{
min-width: 240px;
}
.header__nav .title-sub.has-sub .submenu a{
white-space: inherit;
width: 100%;
}
.header__nav .title-sub.has-sub:hover .submenu{
/* display: block;*/
visibility: visible;
transform: translate(-50%,0);
opacity: 1;
}
.banner_wrap{
position: absolute;
bottom: 0;
width: 100%;
}
.header{
position: relative;
/*height: 100vh;
height: 100dvh;
min-height: 600px;*/
}
.header_wrap{
position: absolute;
top: 0;
width: 100%;
left: 0;
z-index: 1111111;
}
.arrow_up{
width: 56px;
height: 56px;
background: #A9A9AD;
box-shadow: -8px 0px 32px rgba(0, 0, 0, 0.1), -1px 0px 2px rgba(0, 0, 0, 0.2);
border-radius: 32px;
position: fixed;
z-index: 5000;
right: 6%;
bottom: 20px;
cursor: pointer;
}
#scrollTopBtn.actived {
display: flex;
align-items: center;
justify-content: center;
}
#scrollTopBtn {
display: none;
}
.menu_row .mobile{
display: none;
}
/*строка поиска*/
.k2SearchBlock{
}
.search-block{
position: relative;
}
.button-search{
padding: 12px;
cursor: pointer;
}
.k2SearchBlock form{
width: 48px;
height: 48px;
position: absolute;
display: none;
right: 0;
top: 1px;
}
.k2SearchBlock form input[type="text"]{
width: 100%;
position: absolute;
right: 0;
padding-right: 48px;
width: 260px;
/*display: none;*/
z-index: 2;
border-bottom: 2px solid #143A52
}
#k2Container{
max-width: 1200px;
padding-left: 16px;
padding-right: 16px;
margin-left: auto;
margin-right: auto;
}
.k2SearchBlock form input.button{
width: 48px;
height: 48px;
font-size: 0;
line-height: 0;
background: url(../image/icons/search.svg) no-repeat center;
position: relative;
z-index: 999999;
border: none;
border-bottom: 2px solid transparent;
cursor: pointer;
}
@media screen and (max-width: 1240px){
.header__nav .title-sub.has-sub::before{
right: 4px;
}
}
@media screen and (max-width: 1150px){
.header__nav .title-sub.has-sub::before{
right: -1px;
}
}
.menu-burger__header_row{
display: none;
}
@media(max-width: 992px) {
.header_topbar_row{
flex-direction: column-reverse;
}
.header_topbar_row .logo_text h2{
font-size: 38px;
font-weight: 600;
line-height: 45px;
letter-spacing: 0.0015em;
}
.logo_text{
margin-top: 0;
padding-right: 0;
padding-left: 8px;
}
.logo_image_row .logo_image{
width: 80px;
height: 80px;
}
.header_row_right{
width: 100%;
align-items: center;
flex-direction: row-reverse;
}
.search-block{
width: 300px;
flex-shrink: 0;
}
.button-search{
text-align: right;
}
.lang-button_row{
width: 100%;
height: auto;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 8px;
}
.language_row{
padding-top: 0;
}
.header_btn{
margin-top: 0;
}
/*Меню*/
.menu-burger__header_row{
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.header__nav {
display: none;
position: fixed;
top: 0;
left: 0;
width: 304px;
background: #FCFEFFF2;
border: 1px solid #0A1D29;
transition: all 0.4s ease;
z-index: 99990;
box-shadow: 1px 0px 4px 0px #00000040, 4px 0px 16px 0px #0000001A;
}
.menu-burger__header_row {
display: flex;
align-items: center;
}
.menu_row .text_mob {
margin-left: 36px;
margin-bottom: 0;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.0025em;
color: #FFFFFF;
}
.header__nav ul li{
width: fit-content;
}
.header__nav .title-sub.has-sub .submenu ul li {
border-bottom: none;
width: 100%;
}
.header__nav.open-menu {
display: block;
}
.menu-burger__header_row {
/* position: relative;
width: 24px;
height: 20px;
display: block;*/
}
.menu-burger__header_row.open-menu {
opacity: 0;
position: absolute;
width: 100%;
height: 1000px;
top: 0;
left: 0;
z-index: 10;
}
.header__nav ul li{
width: fit-content;
}
.header__nav .title-sub.has-sub .submenu ul li {
border-bottom: none;
width: 100%;
}
.header__nav .header__menu {
display: block;
padding-top: 24px;
padding-bottom: 16px;
margin: 0;
height: auto;
}
.header__nav.open-menu {
display: block;
}
.menu_row .mobile{
display: block;
}
.menu_wrap .menu_row{
padding: 12px 0 8px;
height: 48px;
}
.header__nav .title-sub.has-sub .submenu {
display: block;
position: static;
/* background: #453C41;*/
box-shadow: none;
visibility: visible!important;
/* transform: translate(-50%,0);*/
transform: translate(0)!important;
opacity: 1;
border-left: none;
border-right: none;
top: 0;
padding: 0;
display: none;
}
.header__nav .title-sub.has-sub::before {
right: 20px;
top: 20px;
}
.header__nav.open-menu {
display: block;
overflow-y: scroll;
height: 100%;
}
.header__menu .title-sub a{
font-family: 'Nunito Sans', sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 15px;
letter-spacing: 0.0125em;
text-align: left;
color: #143A52;
padding-left: 0;
}
.header__nav .title-sub.has-sub:hover::before{
content: "";
transform: rotateX(0);
z-index: 5;
}
.header__menu>.title-sub:hover, .header__menu>.title-sub:hover>span{
background: transparent;
color: #143A52;
z-index: 20;
position: relative;
}
.header__menu>.title-sub>span, .header__menu>.title-sub>a{
display: inline-block;
padding: 14px 10px;
padding-right: 12px;
width: 100%;
text-align: center;
}
.header__menu>.title-sub>span.active-menu{
background: #0A1D29;
color:#FCFEFF;
}
.header__menu .title-sub.has-sub{
flex-direction: column;
width: 100%;
padding: 0;
margin-bottom: 16px;
}
.header__menu>.title-sub:first-child{
display: none;
}
}
@media(max-width: 770px){
.header_topbar_row .logo_text h2{
font-size: 30px;
line-height: 37px;
}
.logo_text{
padding-top: 16px;
}
.lang-block>li:last-child{
display: none;
}
.header_topbar_row{
padding-bottom: 70px;
position: relative;
}
.k2SearchBlock form input[type="text"],
.k2SearchBlock form{
width: 100%;
}
.search-block{
position: absolute;
bottom: 12px;
right: 0px;
width: calc(100vw - 32px);
}
.k2SearchBlock form input.button{
position: absolute;
right: 0;
}
}
@media(max-width: 576px){
.header_topbar_row .logo_text h2{
font-size: 25px;
font-weight: 600;
line-height: 32px;
letter-spacing: 0.0015em;
}
.language_row li{
margin-left: 16px;
}
.header_btn .primary-button{
font-size: 13px;
line-height: 13px;
padding-right: 14px;
padding-left: 36px;
}
}
@media(max-width: 350px){
.language_row li{
margin-left: 13px;
font-size: 14px;
line-height: 14px;
}
.logo_text{
padding-left: 0;
}
}
.desktop{
display: block;
}
.mobile{
display: none;
}
.slider_item_background img{
height: 100%;
width: 100%;
/* position: absolute;
bottom: 0;*/
background-position-x: bottom;
background-position-y: center;
background-size: cover;
background-repeat: no-repeat;
}
.slider_item_background::after {
/* content: '';
position: absolute;
z-index: 5;
background: linear-gradient(180deg, rgba(194, 204, 214, 0) 20.1%, rgba(194, 204, 214, 0.3) 62.81%, #C2CCD6 100%);
width: 100%;
height: 100%;
top: 0;
left: 0;*/
}
.slider_wrap{
overflow: hidden;
position: relative;
height: calc(100vh - 48px);
height: calc(100dvh - 48px);
min-height: 600px;
max-height: 850px;
}
.slider_row{
height: 100%;
width: 100%;
z-index: 1!important;
}
.slider_row.slick-slider .slick-list{
height: 100%;
}
.slider_row.slick-slider .slick-track{
height: 100%;
}
.slider_row.slick-initialized .slick-slide{
height: 100%;
}
.slick-dots{
display: flex;
flex-direction: row;
justify-content: center;
gap: 12px;
position: absolute;
bottom: 24px;
z-index: 9999;
width: 100%;
opacity: 1;
}
.slick-dots li button{
font-size: 0;
width: 16px!important;
height: 16px!important;
border-radius: 50%;
border: 1px solid #CB2A3D;
background-color: #BC8087;
opacity: 1!important;
z-index: 9999999999999;
position: relative;
transition: all 0.3s ease;
display: block;
visibility: visible;
}
.slick-dots li.slick-active button{
background-color: #CB2A3D;
opacity: 1!important;
position: relative;
}
.slider_row .slider_item{
height: 100%;
}
.slider_item .slider_item_background{
height: 100%;
display: flex;
justify-content: center;
position: relative;
}
.slider-title{
position: absolute;
z-index: 99999;
top: 200px;
background: #FCFEFF80;
padding: 16px;
text-align: center;
}
.slider-title h3{
text-align: center;
color: #0A1D29;
max-width: 900px;
width: 100%;
}
.slider_item .slider_item_background .desktop,
.slider_item .slider_item_background .mobile{
height: 100%;
width: 100%;
}
.form-search{
flex: 0 0 246px;
width: 246px;
position: relative;
}
.form input::placeholder{
color: #687178;
}
.form-search button{
background: #714C59;
border-radius: 48px;
border: 1px solid #714C59;
width: 48px;
height: 48px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
.form-search button:before {
content: "";
background-image: url(../image/icons/search.svg);
width: 24px;
height: 24px;
position: absolute;
z-index: 3;
top: 50%;
left: 50%;
margin-top: -12px;
margin-left: -12px;
}
input[type="text"],
.custom_select,
textarea{
height: 48px;
background: #FFFFFF;
border-radius: 0px;
border: none;
outline: none;
width: 100%;
padding: 16px 16px 16px 16px;
position: relative;
font-family: "Nunito Sans", sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0.005em;
text-align: left;
font-size: 17px;
}
.contact_form textarea{
height: 72px;
resize: none;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select:not([multiple]) {
background-repeat: no-repeat;
background-position: 94% 50%;
background-size: 24px 24px;
background-image: url("../image/icons/arrow-up.svg");
}
.custom_select option{
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.0025em;
color: #58585B;
}
.blok_wrap{
position: relative;
}
.block_body{
max-width: 854px;
margin: 0 auto;
}
.block_body .btn{
margin: 0 16px;
max-width: 100%;
}
.block_row{
display: flex;
position: absolute;
max-width: 854px;
top: -110px;
background: #FFFFFF;
max-height: 324px;
}
.block_row .block_image{
flex: 0 0 427px;
max-width: 427px;
}
.block_row .block_image img{
width: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: 320px;
}
.block_row .block_text{
flex: 1 1 auto;
padding: 16px 16px 20px 16px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.block_row .block_text .h2{
padding: 0px 0 0 16px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.block_btn{
display: flex;
}
.btn{
margin: 0;
height: 38px;
display: flex;
gap: 8px;
}
.btn>a.secondary-button{
/* margin-right: 4px;*/
}
@media(max-width: 770px){
.slider-title{
top: 240px;
}
.slider-title h3{
font-size: 21px;
font-weight: 500;
line-height: 28px;
letter-spacing: 0.0015em;
text-align: center;
}
}
/*Блок Новости*/
.news_wrap{
background: #FCFEFF;
}
.news_btn svg{
width: 24px;
transition: .3s;
}
.news_btn:hover svg path{
fill:#E37884;
transition: .3s;
}
.news_row{
display: grid;
/*grid-template-rows: 3fr 1fr 1fr 1fr;*/
/* grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(1, 1fr);*/
gap: 16px;
grid-column-gap: 32px;
grid-row-gap: 24px;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(3, auto)
}
.news_item:first-child{
grid-column: 1;
grid-row: 1 / 4;
display: grid;
grid-template-rows: auto 1fr;
}
.news_item:nth-child(2){
grid-column: 2;
grid-row: 1;
}
.news_item:nth-child(3){
grid-column: 2;
grid-row: 2;
}
.news_item:nth-child(4){
grid-column: 2;
grid-row: 3;
}
.news_item{
position: relative;
border: 1px solid #DEE1E3;
transition: all 0.4s ease;
background: #FCFEFF;
}
.news_item:hover{
background: #FCEEF0;
border: 1px solid #DEE1E3;
box-shadow: 1px 1px 2px 0px #0000004D, 4px 4px 16px 0px #00000026;
}
.block_buttons{
width: calc(100% - 208px - 32px);
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
margin-top: 24px;
padding-bottom: 32px;
}
.block_buttons .btn{
flex-grow: 1;
}
.block_buttons .btn a{
margin-right: 8px;
}
/*баннер актуально*/
.news_banner{
display: grid;
grid-template-columns: 1fr 208px;
gap: 32px;
margin-top: 24px;
padding-bottom: 32px;
}
.news_item .news_item_image{
width: 100%;
max-height: 352px;
}
.news_item:not(:first-child) .news_item_image{
display: none;
}
.news_item .news_item_image img{
height: 100%;
width: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.news_item .news_item_text{
padding: 16px;
position: relative;
}
.news_item:not(:first-child) .news_item_text{
height: 100%;
}
.news_item .news_item_text h3{
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height: auto;
}
.news_item_text .news_data{
/* flex: 1 1 auto;*/
padding-top: 3px;
}
.news_item_text .text{
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
height: auto;
}
.news_item .news_btn{
position: absolute;
bottom: 5px;
right: 8px;
z-index: 100;
}
@media(max-width: 576px){
.news_item_text h3{
font-size: 21px;
font-weight: 500;
line-height: 28px;
letter-spacing: 0.0015em;
}
}
.modal__content {
width: 100%;
max-width: 1035px;
padding: 16px;
position: relative;
background: #F7F7F7;
border: 1px solid #DAE0E7;
border-radius: 32px;}
.modal {
position: absolute;
visibility: hidden;
opacity: 0;
transition: .3s;
top: -1000px;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
background: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: flex-start;
overflow-y: scroll;
padding: 60px 15px;
}
.modal_active {
position: fixed;
top: 0;
visibility: visible;
opacity: 1;
transition: .3s;
z-index: 22222;
}
.modal__close-button{
border: none;
position: absolute;
right: 16px;
top: 16px;
background: none;
cursor: pointer;
transition: .3s;
outline: none;
}
.modal_title{
font-family: 'Forum', cursive;
font-size: 25px;
line-height: 32px;
letter-spacing: 0.0015em;
color: #3B3B3D;
padding: 5px 0;
}
.row{
display: grid;
gap: 10px;
grid-template-columns: 1fr 1fr;
}
.form_group .box_row{
flex: 0 0 50%;
max-width: 50%;
}
.input_title{
position: relative;
font-size: 12px;
line-height: 14px;
letter-spacing: 0.004em;
color: #454545;
}
.modal_row .form_group .box_row,
.modal_row .form_group .input_row,
.modal_row .file_wrap,
.modal_row .recaptcha_row{
margin-bottom: 16px;
}
.modal_row .form_group .box_row,
.modal_row .form_group .input_row{
max-width: 100%;
}
.modal_row .recaptcha_row{
margin-top: 16px;
}
.contact_form .input_title{
width: 75px;
}
.contact_form input::placeholder{
color: #6E6E6E;
}
.file_row{
position: relative;
}
.file_row .label_file{
font-weight: 500;
font-size: 14px;
line-height: 14px;
letter-spacing: 0.0125em;
text-transform: uppercase;
color: #453C41;
position: relative;
cursor: pointer;
display: flex;
align-items: center;
padding: 10px;
transition: .5s;
width: max-content;
border-radius: 48px;
}
.file_row .label_file:hover{
background: #F7F3F5;
transition: .5s;
}
.file_wrap p{
font-size: 12px;
line-height: 14px;
letter-spacing: 0.004em;
color: #58585B;
margin-left: 10px;
}
.customFile{
opacity: 0;
visibility: hidden;
position: absolute;
}
.row_block{
display: flex;
align-items: center;
}
.file_icon img{
height: 18px;
width: 18px;
margin-right: 15px;
}
.recaptcha_item{
flex: 0 0 150px;
max-width: 150px;
}
.contact_form .form_group_btn button {
cursor: pointer;
padding: 16px;
width: 100%;
}
/*------------------------------------------------*/
.page_body{
max-width: 1168px;
margin: 0 auto;
min-height: calc(100vh - 532px);
min-height: calc(100dvh - 532px);
}
.menu-sidebar__nav{
/* flex: 0 0 288px;
max-width: 288px;*/
padding-top: 16px;
width: 100%;
}
.menu-sidebar__nav>.menu-sidebar__item{
display: none;
}
.menu-sidebar__nav>.menu-sidebar__item.active.deeper.has-sub, .menu-sidebar__nav>.menu-sidebar__item .submenu_list{
display: flex;
flex-direction: row;
width: 100%;
gap: 16px;
}
.menu-sidebar__nav>.menu-sidebar__item .submenu_list{
flex-wrap: wrap;
}
.menu-sidebar__nav>.menu-sidebar__item.active.deeper.has-sub>.nav-header{
height: 100%;
display: flex;
padding-left: 16px;
padding-right: 16px;
align-items: center;
justify-content: center;
text-transform: uppercase;
color: #FCFEFF;
background: #0A1D29;
height: 48px;
font-size: 15px;
line-height: 15px;
white-space: nowrap;
}
.menu-sidebar__nav>.menu-sidebar__item.active.deeper.has-sub{
background:linear-gradient(0deg, rgba(252, 254, 255, 0.95), rgba(252, 254, 255, 0.95));
border: 1px solid #0A1D29;
color:#0A1D29;
}
.menu-sidebar__nav>.menu-sidebar__item .submenu_list .submenu_list{
display: none;
}
.submenu_list>.menu-sidebar__item{
min-height: 48px;
display: flex;
align-items: center;
justify-content: center;
padding-left: 8px;
padding-right: 8px;
transition: all 0.3s ease;
}
.second_page .menu-sidebar__nav li.menu-sidebar__item::after {
content: none;
}
.menu-sidebar__item.active .submenu li a{
padding:4px 8px 4px 8px;
color: #0A1D29;
transition: all 0.3s ease;
}
.menu-sidebar__item.active .submenu li.current.active>a{
background: #CB2A3D;
color:#FCFEFF;
}
.menu-sidebar__item.active .submenu li:hover>a{
background: #CB2A3D;
color:#FCFEFF;
}
@media(max-width: 576px){
.menu-sidebar__nav>.menu-sidebar__item.active.deeper.has-sub{
flex-wrap: wrap;
}
.menu-sidebar__nav>.menu-sidebar__item.active.deeper.has-sub>span.nav-header{
width: 100%;
text-align: center;
}
.menu-sidebar__nav>.menu-sidebar__item .submenu_list{
justify-content: center;
row-gap: 0;
}
}
/*********************/
.second_page .page_content .news_row .news_item{
display: flex;
flex-direction: row;
justify-content: flex-start;
width: 100%;
margin-bottom: 16px;
}
.second_page .page_content .news_row #itemListPrimary .news_item{
margin-bottom: 0;
height: 100%;
}
.second_page .page_content .news_row>.news_item .news_item_text{
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 32px;
}
.second_page .page_content .news_row{
display: block;
}
.second_page .news_item_image{
max-width: 100%;
width: 37%;
max-height: 280px;
}
.second_page .news_item .news_item_image img {
height: 280px;
width: 100%;
object-fit: cover;
}
.second_page .news_item_text{
}
.news_item .news_item_text {
padding: 16px;
}
.second_page .news_item .news_btn {
}
#itemListPrimary{
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px;
}
.news-itemContainer{
width: calc(50% - 8px);
}
.page_pagination ul{
display: flex;
align-items: center;
justify-content: center;
padding-top: 24px;
}
.page_pagination ul li{
margin-right: 14px;
margin-left: 14px;
font-family: 'Nunito Sans', sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 15px;
letter-spacing: 0.0125em;
text-align: center;
color:#143A52;
}
.page_pagination ul li:hover{
color:#9DA4AA;
}
.page_pagination ul li.active{
color:#9DA4AA;
}
/*socials share inner*/
.page_body #__utl-buttons-1 .uptl_toolbar>ul>li>.sn-icon, .page_body #__utl-buttons-1 .uptl_share_more_popup__list .sn-icon,
.page_body #__utl_follow-popup-panel-wrapper___utl-buttons-1 p .__utl_logo>.sn-icon{
background: #CB2A3D!important;
}
.page_content.content{
margin-top: 24px;
padding-bottom: 24px;
}
.second_page .page_wrap{
background: #F4F5F6;
padding-bottom: 32px;
}
.second_page blockquote{
background: #F6CBD0;
padding: 16px;
margin: 16px 0;
}
.second_page blockquote p{
margin: 0;
}
/*Галерея изображений*/
ul.sigProClassic.sigProContainer{
padding: 8px!important;
background: #DEE1E3;
margin: 24px 0!important;
}
.itemImageGallery.sliderGallery{
position: relative;
}
.itemImageGallery.sliderGallery ul.sigProClassic.sigProContainer{
background: transparent;
position: relative;
}
.itemImageGallery.sliderGallery ul.sigProClassic.sigProContainer::after,
.itemImageGallery.sliderGallery ul.sigProClassic.sigProContainer::before{
content: "";
height:224px;
background: #FFFFFF;
opacity: 0.5;
width: 48px;
position: absolute;
top: 16px;
left: 8px;
z-index: 20;
}
.gallery-slider-arrow{
z-index: 30;
}
.itemImageGallery.sliderGallery ul.sigProClassic.sigProContainer::before{
left: auto;
right: 8px;
}
.sigProClear.slick-slide{
display: none;
}
ul.sigProClassic li.sigProThumb a.sigProLink img.sigProImg, ul.sigProClassic li.sigProThumb a.sigProLink:hover img.sigProImg{
max-width: 100%!important;
}
ul.sigProClassic.sigProContainer li.sigProThumb{
margin: 8px;
}
ul.sigProClassic.sigProContainer li.sigProThumb span.sigProLinkOuterWrapper{
padding: 0;
}
ul.sigProClassic.sigProContainer li.sigProThumb span.sigProLinkWrapper{
box-shadow: none;
padding: 0;
margin: 0;
float: none;
background: transparent;
border: none;
}
/***********************/
.list_image_row{
display: grid;
gap: 16px;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 25px;
margin-bottom: 45px;
}
.list_image_row .list_image_item img{
background-position: center;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 232px;
}
.list_row{
display: flex;
margin: 16px 0;
}
.list_image{
float: right;
margin-left: 32px;
margin-bottom: 16px;
margin-top: 60px;
}
.list_wrap .list_image img{
max-width: 448px;
height: auto;
}
.list_wrap{
margin-top: 24px;
}
.list_wrap img{
max-width: 100%;
height: auto!important;
}
.list_wrap.prodyct_wrap{
min-height: 500px;
}
@media screen and(min-width:1300px) {
.list_wrap.prodyct_wrap .list_image img{
height: 448px;
}
}
.list_row .list_text .news_data{
padding-bottom: 12px;
}
.osmap-sitemap{
max-width: 1200px;
margin: 0 auto;
padding-left: 16px;
padding-right: 16px;
padding-bottom: 16px;
}
.second_page .list_wrap ul,
.list_wrap ol{
margin-bottom: 8px;
}
.second_page .list_wrap .list_social_row li{
margin-right: 8px;
list-style: none!important;
}
.second_page .list_wrap .list_social_row{
margin-left: 0;
padding-left: 0;
}
.second_page .list_wrap ul, .page_content.content ul,
.osmap-sitemap ul, .news_item ul{
margin-left: 20px;
padding-left: 8px;
margin-top: 8px;
}
.news_item ul{
margin-top: 0;
}
.second_page .list_wrap ul li, .page_content.content ul li,
.osmap-sitemap ul li, .news_item ul li{
padding-left: 0px;
position: relative;
margin-bottom:0;
list-style: disc;
}
.osmap-sitemap ul li{
margin-bottom: 4px;
}
/*.second_page .list_wrap ul li::after {
content: '';
background-image: url(../image/icons/spisok.svg);
height: 17px;
width: 12px;
position: absolute;
top: 0;
left: 10px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}*/
.second_page .list_wrap .list_social_row li::after{
content: none;
}
.second_page .list_wrap .list_social_row li{
padding-left: 0;
}
.second_page .list_wrap ol li, .second_page ol li {
margin-left: 26px;
margin-bottom: 12px;
list-style-type: decimal;
}
.second_page ol li::marker{
font-family: 'Podkova', serif;
font-size: 25px;
line-height: 28px;
font-weight: 600;
letter-spacing: 0.0015em;
color: #143A52;
}
.title_body{
text-align: center;
}
.second_page .news_row{
margin-top: 25px;
}
@media(max-width: 1080px) {
.second_page .news_item_image {
flex: 0 0 363px;
max-width: 363px;
}
.list_row .list_image {
flex: 0 0 328px;
max-width: 328px;
}
/* .second_page .news_item_image {
flex: 0 0 363px;
max-width: 363px;
}
.second_page .news_item .news_item_image img {
max-height: 208px;
}
.list_row .list_image {
flex: 0 0 328px;
max-width: 328px;
}*/
}
@media(max-width: 700px) {
.second_page .page_content .news_row .news_item{
flex-direction: column-reverse;
}
.second_page .page_content .news_row .news_item:first-child .news_btn{
bottom: auto;
top: 50px;
}
#itemListPrimary{
flex-direction: column;
}
.news-itemContainer{
width: 100%;
}
.second_page .news_item_image {
flex: 1 1 auto;
max-width: 100%;
width: 100%;
}
.second_page .news_item p.text{
display: none;
}
.second_page .page_content .news_row>.news_item .news_item_text{
padding-left: 16px;
padding-right: 32px;
}
/* .menu-sidebar__nav{
padding-top: 0;
}
.page_body{
display: block;
}
.page_body .page_content {
max-width: 100%;
padding: 0 0 0 0;
}
.page_body .menu-sidebar__nav {
max-width: 100%;
margin-top: 22px;
}*/
}
@media screen and (max-width: 768px) {
.menu-sidebar__nav{
padding-top: 0;
}
.list_image{
float: none;
margin-top: 16px;
margin-left: 0;
width: 100%;
}
.list_wrap .list_image img{
max-width: 100%;
width: 100%;
}
}
.second_page table{
width: 100%;
border-collapse: collapse;
border: 1px solid #DEE1E3;
margin: 20px 0;
overflow-x: auto;
}
.second_page table tr .bold{
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 20px;
letter-spacing: 0.0015em;
}
.second_page table tr td{
padding: 8px 16px;
}
.second_page table thead{
background: #DEE1E3;
}
.second_page table thead tr td{
padding: 15px 16px;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.001em;
}
.second_page table thead tr td .normal{
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.0025em;
color: #3B3B3D;
margin-top: 8px;
}
.second_page table ul li{
list-style-type: initial;
}
.second_page td{
/* border-bottom: 1px solid #DEE1E3;
border-top: 1px solid #DEE1E3;*/
border: 1px solid #DEE1E3;
}
.genericSearchForm{
position: relative;
margin: 32px 0 24px 0;
max-width: 420px;
}
.genericSearchForm .k2-input{
background: none;
border: 1px solid #143A52;
}
.genericSearchForm .k2-submit{
border: 1px solid #143A52;
color: #FFFFFF;
background: #143A52;
transition: .5s;
height: 48px;
width: fit-content;
cursor: pointer;
position: absolute;
top: 0;
right: 0;
padding-left: 8px;
padding-right: 8px;
}
.genericSearchForm .k2-submit::placeholder{
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 14px;
letter-spacing: 0.0125em;
text-transform: uppercase;
color: #FFFFFF;
}
.genericSearchForm .k2-submit:hover {
transition: .5s;
background: #B394A4;
border: 1px solid #B394A4;
}
.second_page p{
margin-bottom: 16px;
}
.second_page p.h1,
.second_page p.news_data{
margin-bottom: 0;
}
.running_stroke{
overflow: hidden;
}
.running_stroke div{
/*display: inline-block;*/
display: inline-flex;
animation: running_stroke 20s linear infinite;
}
.running_stroke div p{
padding-left: 100vw;
}
.running_stroke div p a{
display: flex;
white-space: nowrap;
}
.running_stroke div:hover {
animation-play-state: paused
}
@keyframes running_stroke {
0% { transform: translate(0, 0); }
100% { transform: translate(-100%, 0); }
}
.second_page hr{
margin: 16px 0;
border-top: 1px solid #DEE1E3;
width: 100%;
height: 0px;
clear: both;
}
#__utl-buttons-1 .uptl_toolbar>ul>li{margin-right: 10px!important;}
.itemImageGallery{
margin: 16px 0;
}
.second_page .itemImageGallery ul li::after,
.second_page .list_wrap table ul li::after,
.second_page ul.afisha_spisoc li::after{
content: none;
}
.second_page .itemImageGallery ul li,
.second_page .list_wrap table ul li{
padding-left: 0;
margin-bottom: 0;
}
.second_page ul.afisha_spisoc li{
margin-bottom: 16px;
padding-left: 0;
}
.second_page .list_wrap h3{
padding: 16px 0;
}
.afisha_spisoc li{
display: flex;
}
/*Акции*/
/*ограничивающая оболочка*/
.slick-list {
overflow: hidden;
}
.skick-slide {
min-width: 0;
}
/*лента слайдов*/
.slick-track {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
section.akcii{
background: #7A0010;
width: 100%;
}
.akcii-banners-wrapper{
width: 100%;
position: relative;
padding-top: 32px;
padding-bottom: 32px;
padding-left: 80px;
padding-right: 80px;
}
.akcii-slider{
transition: all 0.5s ease;
outline: 4px solid transparent;
position: relative;
overflow: hidden;
}
.akcii-slider::after{
content: url(../image/decor_left.svg);
position: absolute;
left: -14px;
top: calc(50% - 326px / 2);
transform: translateX(-100%);
transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.21);
}
.akcii-slider::before{
content: url(../image/decor_right.svg);
position: absolute;
right: -14px;
top: calc(50% - 326px / 2);
transform: translateX(100%);
transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.21);
z-index: 20;
}
.akcii-slider:hover{
box-shadow: 1px 1px 2px 0px #0000004D, 4px 4px 16px 0px #00000026;
outline: 4px solid #AA2234;
}
.akcii-slider:hover::after, .akcii-slider:hover::before{
transform: translate(0);
}
.akcii-item-image{
height: 384px;
}
.akcii-banners-wrapper img{
width: 100%;
height: 384px;
object-fit: cover;
}
.slick-arrow{
position: absolute;
top: calc(50% - 24px);
cursor: pointer;
transition: all 0.3s ease;
}
.slick-arrow:hover{
opacity: 0.7;
}
.slick-arrow.arrow-left{
left: 8px;
}
.slick-arrow.arrow-right{
right: 8px;
}
.akcii-item{
position: relative;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 1px 4px 0px #00000040, 0px 4px 16px 0px #0000001A;
z-index: 1;
}
.akcii-item::before{
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: radial-gradient(50% 50% at 50% 50%, #3D0008 0%, rgba(61, 0, 8, 0) 100%);
z-index: 4;
}
.akcii-item h3{
font-family: 'Podkova', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 60px;
line-height: 84px;
text-align: center;
color: #FCEEF0;
z-index: 100;
position: absolute;
}
/*Баннеры Интернет-ресурсы*/
.resourses {
width: 100%;
background:#FCFEFF;
}
.resourses-banners {
width: 100%;
position: relative;
}
.resourses-banners-carousel {
position: relative;
}
.resourses-banners .slick-list {
overflow: hidden;
padding-top: 8px;
padding-bottom: 32px;
}
.resourses-banners-carousel .slick-dots{
bottom: -8px;
}
.resourses-banners-wrapper {
position: relative;
padding-top: 32px;
padding-bottom: 32px;
}
.resourses-banners-item {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
flex-direction: column;
justify-content: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
min-height: 72px;
padding: 8px 16px;
min-height: 104px;
margin: 0 16px;
position: relative;
}
.resourses-banners-item::after{
content: "";
border-left: 1px solid #DEE1E3;
position: absolute;
height: 100%;
width: 0;
right: -16px;
top: 0;
}
.resourses-banners-item:hover{
box-shadow: 1px 1px 2px 0px #0000004D, 4px 4px 16px 0px #00000026;
}
.resourses-banners-item:first-child{
border-left:none;
}
.resourses-banners-image {
width: 64px;
height: 40px;
background: #FFFFFF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.resourses-banners-image img {
width: 64px;
height: 40px;
-o-object-fit: contain;
object-fit:contain;
}
.resourses-banners-link {
text-align: center;
line-height: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.resourses-banners-link > a {
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
text-align: center;
letter-spacing: 0.004em;
color: #0A1D29;
transition: all 0.2s ease;
}
.resourses-banners-item a:hover,
.resourses-banners-item a:focus,
.resourses-banners-item a:active {
text-decoration: none;
color: #0A1D29;
}
.resourses-banners-link > a:hover{
color:#AA2234;
}
@media screen and (max-width: 767px){
.info-banners{
gap: 0;
flex-direction: column;
}
.info-item{
margin-bottom: 16px;
}
}
@media screen and (max-width: 576px){
.info-banners{
width: 100%;
align-items: center;
}
.info-item{
width: 100%;
}
}
footer{
width: 100%;
background: #0A1D29;
color:#FCFEFF;
padding-top: 16px;
}
footer p.copy{
}
.footer-col{
display: flex;
justify-content: space-between;
gap: 10px;
align-items: center;
flex-wrap: wrap;
}
.footer-col:nth-child(2){
align-items: flex-start;
}
.footer-col p>a{
line-height: 24px;
}
#callback-button{
margin-top: 16px;
margin-bottom: 10px;
}
.sitemap.secondary-button.icon{
border: 1px solid #F6CBD0;
color: #F6CBD0;
}
.sitemap.secondary-button.icon::after{
content: url(../image/icons/hierarchy.svg);
position: absolute;
left: 11px;
top: 9.5px;
}
#callback-button .secondary-button{
border: 1px solid #FCEEF0;
background: #FCFEFF;
}
#callback-button .secondary-button::after{
content: url(../image/icons/callback.svg);
position: absolute;
left: 11px;
top: 9.5px;
}
#callback-button .secondary-button:hover{
border: 1px solid #FCEEF0;
background: #FCEEF0;
box-shadow: 1px 1px 2px 0px #0000004D, 4px 4px 16px 0px #00000026;
}
/*Баннеры актуально*/
.info-banners{
height: 100%;
}
.info-item{
height: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column-reverse;
justify-content: center;
align-items: center;
padding: 16px 32px;
gap: 16px;
background: #F4F5F6;
/* Neitral -2 */
border: 1px solid #DEE1E3;
transition: all 0.4s ease;
}
.info-item:hover{
box-shadow: 1px 1px 2px 0px #0000004D, 4px 4px 16px 0px #00000026;
outline: 3px solid #AA2234;
border: 1px solid #AA2234;
background:#FCEEF0;
}
.info-item .info-item__image img{
width: 144px;height: 144px;
object-fit: contain;
}
.info-item__title.h2{
/* Заголовок 6 */
font-family: 'Podkova';
font-style: normal;
font-weight: 600;
font-size: 25px;
line-height: 32px;
/* or 128% */
text-align: center;
letter-spacing: 0.0015em;
/* Neitral +3 */
color: #0A1D29;
}
/***************/
section.hello{
background: #FCFEFF;
position: relative;
}
@media screen and (min-width: 1100px){
.hello_wrapper .hello_block::after{
content: url(../image/korabl.svg);
position: absolute;
opacity: 0;
transition: all 2.7s ease-in-out;
}
.otzyvy .container::after{
content: url(../image/korabl_right.svg);
position: absolute;
opacity: 0;
transition: all 2.7s ease-in-out;
}
.hello_wrapper.animActive .hello_block::after,
.otzyvy.animActive .container::after{
transform: translateX(0);
opacity: 1;
}
}
.otzyvy{
overflow: hidden;
}
.otzyvy .container{
position: relative;
}
@media screen and (min-width: 1551px){
.hello_wrapper .hello_block::after{
/* left: -450px;*/
left: -200px;
transform: translateX(-100%);
top: 22px;
}
.otzyvy .container::after{
/* left: -450px;*/
right: -200px;
transform: translateX(100%);
bottom: 0;
}
}
@media screen and (max-width: 1540px){
.hello_wrapper .hello_block::after{
left: -100px;
transform: translateX(-100%);
top: 22px;
}
.otzyvy .container::after{
right: -100px;
transform: translateX(100%);
bottom: 0;
}
}
.hello_wrapper{
display: grid;
grid-template-columns: 1fr 448px;
gap: 16px;
position: relative;
}
.hello_block{
padding-top: 16px;
padding-bottom: 32px;
}
.hello_block_buttons{
display: flex;justify-content: center;
align-items: center;
gap:8px;
margin-top: 32px;
margin-bottom: 32px;
}
.advantages_block_item{
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 16px;
color: #143A52;
margin-top: 16px;
}
.advantages_block_item h5{
margin-bottom: 10px;
}
.advantages_block_item img{
width: 80px;
height: 80px;
}
.hello_block_up h5{
color:#143A52;
}
.hello_block_down{
margin-top: 24px;
}
/*Слайдер Достижения*/
.main-banners-wrapper{
padding: 16px 0;
background-color: #0A1D29;
position: relative;
display: flex;
align-items: center;
flex-direction: column;
background-image: url(../image/decor.svg);
background-position-y: 88px;
background-position-x: center;
background-repeat: no-repeat;
}
.main-banners-wrapper h2{
color: #DEE1E3;
}
.slick-slide{
min-width: 0;
}
.main-banners-slider.slick-slider{
width: 304px;
}
.main-banners-item.slick-slide{
display: flex;
flex-direction: column-reverse;
align-items: center;
gap: 16px;
width: 304px;
margin-top: 48px;
}
.main-banners-slider h5{
color: #FCFEFF;
text-align: center;
}
.main-banners-image{
width: 304px;
height: 432px;
background-color: transparent;
}
@media screen and (max-width: 1025px){
.hello .container{
padding-left: 0;
padding-right: 0;
}
.hello_block{
padding-left: 16px;
padding-right: 16px;
}
.hello_wrapper{
display: grid;
grid-template-columns: 1fr;
gap: 0;
}
.akcii-slider::after{
/* content: url(../image/decor_left_1.svg);*/
transform: translate(0);
z-index: 1;
}
.akcii-slider::before{
/* content: url(../image/decor_right_1.svg);*/
transform: translate(0);
z-index: 1;
}
.akcii-item h3{
font-size: 30px;
font-weight: 500;
line-height: 40px;
max-width: 280px;
text-align: center;
}
}
@media screen and (max-width: 992px){
.news_banner{
grid-template-columns: 1fr;
gap: 16px;
}
.news_row{
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.akcii-slider:hover{
border-color: transparent;
outline: transparent;
}
}
@media screen and (max-width: 780px){
.news_banner{
padding-bottom: 16px;
}
.main-banners-item.slick-slide{
margin-top: 32px;
}
.news_row{
grid-template-columns: 1fr;
grid-template-rows: 1fr;
}
.news_item:first-child{
grid-column: 1;
grid-row: 1 / 1;
display: grid;
grid-template-rows: auto 1fr;
}
.news_item:nth-child(2){
grid-column: 1;
grid-row: 2;
}
.news_item:nth-child(3){
grid-column: 1;
grid-row: 3;
}
.news_item:nth-child(4){
grid-column: 1;
grid-row: 4;
}
.btn{
justify-content: center;
flex-wrap: wrap;
gap: 16px;
height: auto;
}
.akcii-banners-wrapper{
padding-left: 56px;
padding-right: 56px;
}
.slick-arrow.arrow-left{
left: 3px;
}
.slick-arrow.arrow-right{
right: 3px;
}
.main-slider-arrow.slick-arrow.arrow-left{
left: 3px;
}
.main-slider-arrow.slick-arrow.arrow-right{
right: 3px;
}
.otzyvy .slick-arrow.arrow-right{
right: -8px;
}
.otzyvy .slick-arrow.arrow-left{
left: -10px;
}
.akcii-item-image img{
height: 416px;
max-width: 400px;
}
.akcii-slider::after{
content: url(../image/decor_left_1.svg);
top: 0;
z-index: 20;
left: calc(50% - 232px / 2);
opacity: 0.4;
}
.akcii-slider::before{
content: url(../image/decor_right_1.svg);
top: auto;
bottom: -4px;
z-index: 20;
left: calc(50% - 232px / 2);
opacity: 0.4;
}
.akcii .container{
padding-left: 0;
padding-right: 0;
}
}
@media screen and (max-width: 500px){
.main-banners-wrapper{
background-position-y: 30px;
}
.resourses-banners-item:first-child{
border-left: 1px solid #DEE1E3;
}
.resourses-banners-wrapper{
padding-top: 16px;
padding-bottom: 16px;
}
.main-banners-image{
width: 230px;
height: 316px;
}
.info-banners{
height: 328px;
}
.advantages_block_item{
display: block;
}
.advantages_block_image{
float: left;
margin-right: 16px;
}
}
/*Комментарии*/
/* Comments */
.comments-page{
max-width: 100%;
width: 100%;
margin: 0 auto;
}
div.itemComments {
/* padding: 16px;*/
}
.form-row.row-checkbox{
display: flex;
gap: 4px;
align-items: center;
}
div.itemCommentsForm .form-row.row-checkbox label{
font-size: 17px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0.005em;
}
.itemCommentsForm{
margin-bottom: 8px;
}
div.itemComments ul.itemCommentsList {
margin: 0 0 16px;
padding: 0;
list-style: none;
}
div.itemComments ul.itemCommentsList li{
border: 2px solid #DEE1E3;
margin-bottom: 32px;
display: flex;
flex-direction: column-reverse;
justify-content: space-between;
padding: 16px;
gap: 8px;
background: #FCFEFF;
}
ul.itemCommentsList li p{
margin: 0;
color:#143A52;
}
.commentName h4{
font-size: 15px;
font-weight: 500;
line-height: 18px;
letter-spacing: 0.001em;
text-align: left;
color: #0A1D29;
}
.commentName span{
color: var(--neitral-1, #726F6E);
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 12px; /* 120% */
letter-spacing: 0.15px;
text-transform: uppercase;
margin-bottom: 5px;
display: none;
}
div.itemComments ul.itemCommentsList li span.commentAuthorEmail {
display: none;
}
div.itemComments ul.itemCommentsList li span.commentToolbar a:hover {
text-decoration: underline;
}
div.itemComments ul.itemCommentsList li span.commentToolbarLoading {
background: url(../images/system/searchLoader.gif) no-repeat 100% 50%;
}
/* Joomla 1.5 - 2.5 */
div.itemCommentsPagination span.pagination {
display: block;
float: right;
clear: both;
}
/* Joomla 3.x */
div.itemCommentsPagination ul {
text-align: center;
}
div.itemCommentsPagination ul li {
display: inline-block;
margin: 0;
padding: 0;
}
div.itemCommentsPagination ul li a {
display: inline-block;
padding: 4px 8px;
margin: 0 8px;
-webkit-border-radius: 4px;
border-radius: 4px;
vertical-align: middle;
text-decoration: none;
}
div.itemCommentsPagination ul li a:hover {
cursor: pointer;
}
div.itemCommentsPagination ul li a span {
vertical-align: middle;
}
div.itemCommentsForm h3 {
margin: 0;
padding: 0 0 4px 0;
text-align: center;
}
div.itemCommentsForm .form-row{
margin-bottom: 16px;
}
div.itemCommentsForm .row-button{
text-align: center;
}
div.itemCommentsForm form {
border-radius: 0;
background: #7A0010;
width: 100%;
width: 100%;
padding: 24px;
}
div.itemCommentsForm form label.formComment,
div.itemCommentsForm form label.formName,
div.itemCommentsForm form label.formEmail,
div.itemCommentsForm form label.formUrl,
div.itemCommentsForm form label.formRecaptcha {
display: block;
margin: 2px 0 0 14px;
color: #DEE1E3;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 16px; /* 116.667% */
letter-spacing: 0.048px;
}
div.itemCommentsForm form textarea.inputbox {
display: block;
width: 100%;
height: 90px;
margin: 0;
padding: 12px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 0;
border: 1px solid #C8CCD0;
background: #FFF;
color: #687178;
}
div.itemCommentsForm form input.inputbox {
border-radius: 0;
border: 1px solid #C8CCD0;
background: #FFF;
display: block;
width: 100%;
margin: 0;
padding: 12px;
line-height: 150%;
height: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
div.itemCommentsForm form span#formLog {
margin: 24px;
padding: 8px 12px;
-webkit-border-radius: 4px;
border-radius: 4px;
text-align: center;
display: none;
}
div.itemCommentsForm form span#formLog.k2FormLogError {
display: block;
background: #f00;
color: #fff;
}
div.itemCommentsForm form span#formLog.k2FormLogSuccess {
display: block;
background: #18ac00;
color: #fff;
}
div.itemCommentsForm form .formLogLoading {
background: url(../images/system/loading.gif) no-repeat left center;
}
div.itemCommentsLoginFirst {
display: block;
margin: 24px;
padding: 8px 12px;
background: #f00;
color: #fff;
-webkit-border-radius: 4px;
border-radius: 4px;
}
#recaptcha{
text-align: center;
}
#recaptcha>div{
margin: 24px auto;
}
/*Карусель отзывов на главной*/
section.otzyvy{
background: #DEE1E3;
}
.comment-slider.slick-slider{
width: 928px;
max-width: 100%;
margin: 0 auto;
}
.comment-slider.slick-slider li.slick-slide{
width: 100%;
margin-left: 8px;
margin-right: 8px;
min-height: 128px;
display: flex;
flex-direction: column;
border: 2px solid #DEE1E3;
background: #F4F5F6;
padding: 16px;
margin-bottom: 0;
}
.k2LatestCommentsBlock{
position: relative;
margin-bottom: 16px;
max-width: 1200px;
margin: 32px auto;
}
.comment-slider-arrow{
position: absolute;
width: 48px;
height: 48px;
top: calc(50% - 24px);
z-index: 1000;
}
.comment-slider-arrow:hover{
cursor: pointer;
opacity: 0.7;
}
.comment-slider-arrow.left{
left: 0;
}
.comment-slider-arrow.right{
right: 0;
}
h4.lcUsername{
font-family: 'Overpass', sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 18px;
letter-spacing: 0.001em;
text-align: left;
margin-bottom: 8px;
color:#0A1D29;
}
.lcComment{
display: inline-block;
font-family: 'Nunito Sans', sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0.005em;
text-align: left;
color: #143A52;
}
@media screen and (max-width: 1300px){
.k2LatestCommentsBlock{
padding-left: 48px;
padding-right: 48px;
}
}
@media screen and (max-width: 500px){
.comment-slider-arrow.left{
left: -8px;
}
.comment-slider-arrow.right{
right: -8px;
}
.k2LatestCommentsBlock{
padding-left: 32px;
padding-right: 32px;
}
/* .otzyvy .container{
padding-left: 0;
padding-right: 0;
}*/
}
.main-buttons{
display: flex;
flex-direction: row;
justify-content: center;
gap: 8px;
padding-bottom: 32px;
}
/*Меню третьего уровня*/
.moduletable_menu{
width: 100%;
}
ul.menu-sidebar{
width: 100%;
display: flex;
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
margin-top: 24px;
}
ul.menu-sidebar li{
padding: 15px 16px 15px 16px;
color: #687178;
text-transform: uppercase;
transition: all 0.3s ease;
flex-grow: 1;
display: flex;
line-height: 17px;
justify-content: center;
}
ul.menu-sidebar li.current.active, ul.menu-sidebar li:hover{
background: #AA2234;
color:#FCFEFF;
}
/*Страница контакты*/
.contacts-wrapper{
display: flex;
justify-content: flex-start;
gap: 32px;
padding-bottom: 32px;
}
.contacts-wrapper iframe{
max-width: 100%!important;
}
.contacts-wrapper p>a{
line-height: 24px;
}
/*Подкатегории*/
.itemListSubCategories{
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
gap: 32px;
margin-top: 24px;
}
.subCategoryContainer{
width: calc(50% - 16px)!important;
}
.subCategory{
outline: 1px solid #DEE1E3;
background:#FCFEFF;
padding-top: 16px;
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
transition: all 0.4s ease;
}
.subCategory:hover{
background: #FCEEF0;
box-shadow: 1px 1px 2px 0px #0000004D, 4px 4px 16px 0px #00000026;
}
.subCategory img{
height: 100%;
object-fit: cover;
width: 100%;
}
.subCategoryImage{
}
.subCategory h3{
padding-bottom: 16px;
padding-left: 16px;
padding-right: 10px;
}
/*Страница продукты*/
.products_row{
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
gap: 32px;
margin-top: 24px;
}
.product_item {
width: calc(50% - 16px);
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
border: 1px solid #AA2234;
background:#FCFEFF;
transition: all 0.4s ease;
padding: 16px;
}
.product_item:hover{
background: #FCEEF0;
box-shadow: 1px 1px 2px 0px #0000004D, 4px 4px 16px 0px #00000026;
}
.product_item_text{
width: 100%;
padding-bottom: 16px;
}
.top_wrapper{
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
gap: 24px;
margin-top: 16px;
}
.left_wrapper{
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.right_wrapper{
display: flex;
gap: 8px;
flex-wrap: wrap;
justify-content: flex-end;
}
.desc_product{
display: inline-block;
font-size: 15px;
font-weight: 400;
line-height: 18px;
letter-spacing: 0.0025em;
text-align: center;
padding: 7px 16px;
border: 1px solid #687178;
border-radius: 8px;
width: fit-content;
}
.novinka{
position: absolute;
top: 0px;
right: 12px;
width: 85px;
height: 60px;
padding-top: 19px;
font-family: 'Nunito Sans', sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 14px;
letter-spacing: 0.015em;
/*font-size: 0;*/
text-align: center;
color: #FCFEFF;
text-transform: uppercase;
background-image: url(../image/icons/new_product.svg);
background-position-x:center ;
background-position-y:top ;
}
span.icon_product{
display: inline-block;
font-size: 0;
width: 40px;
height: 40px;
}
span.icon_product.govyadina{
background-image: url(../image/cow.svg);
background-position: center;
}
span.icon_product.svinina{
background-image: url(../image/swine.svg);
background-position: center;
}
span.icon_product.kuritsa{
background-image: url(../image/chicken.svg);
background-position: center;
}
span.icon_product.syr{
background-image: url(../image/cheese.svg);
background-position: center;
}
.product_item_text h3{
font-family: 'Podkova', sans-serif;
font-size: 30px;
font-weight: 500;
line-height: 40px;
letter-spacing: 0em;
text-align: left;
color: #143A52;
}
span.icon_product.first{
order: 1;
}
span.icon_product.second{
order: 2;
}
span.icon_product.third{
order: 3;
}
span.icon_product.fourth{
order: 4;
}
span.icon_product.fifth{
order: 5;
}
.product_item img{
width: 100%;
height: auto;
object-fit: cover;
max-height: 435px;
}
@media screen and (min-width: 1250px){
.product_item img{
min-height: 400px;
}
}
.news_btn>a{
line-height: 1;
}
.product_item .news_btn{
position: absolute;
right: 28px;
bottom: 26px;
}
.prodyct_wrap .top_wrapper{
display: block;
margin-top: 16px;
}
.list_image{
position: relative;
}
@media screen and (max-width: 1100px){
ul.menu-sidebar{
justify-content: flex-start;
flex-wrap: nowrap;
overflow-x: auto;
gap: 8px;
padding-bottom: 0;
}
ul.menu-sidebar>li{
white-space: nowrap;
}
ul.menu-sidebar::-webkit-scrollbar,
ul.menu-sidebar::-webkit-scrollbar-track {
width: 0;
display: none;
}
.moduletable_menu{
overflow: hidden;
}
}
@media screen and (max-width: 992px){
.product_item_text h3{
padding-top: 26px;
font-size: 25px;
font-weight: 600;
line-height: 32px;
}
.second_page .novinka{
left: 12px;
right: auto;
}
}
@media screen and (max-width: 767px) {
.contacts-wrapper{
flex-direction: column-reverse;
gap: 16px;
}
.products_row{
gap: 16px;
}
.product_item{
width: calc(50% - 8px);
}
div.itemComments ul.itemCommentsList li{
margin-bottom: 16px;
}
.itemListSubCategories{
gap: 16px;
}
.subCategoryContainer{
width:calc(50% - 8px)!important;
}
}
@media screen and (max-width: 576px) {
.itemListSubCategories, .products_row{
flex-direction: column;
}
.subCategoryContainer, .second_page .product_item{
width: 100%!important;
}
}
/* Кнопка "Наверх" ----------------------------------- */
.scrollUp {
position: fixed;
bottom: 16px;
right: 16px;
display: none;
padding: 8px 12px 7px;
background: #E37884;
box-shadow: 0px 1px 4px 0px #00000040, 0px 4px 16px 0px #0000001A;
z-index: 100;
transition: background 0.4s ease;
line-height: 1;
}
.scrollUp svg{
line-height: 1;
}
.scrollUp:hover {
background: #7A001B;
cursor: pointer;
}
.scrollUp-show {
display: block;
}
.scrollUp:hover svg path {
stroke:#FCEEEF!important;
}
.scrollUp svg {
transition: fill 0.4s ease;
}
/*Слайдер продукция на главной*/
section.products{
background: #7A0010;
}
section.products .section-title{
color: #DEE1E3;
}
.product-slider-wrapper{
padding-top: 60px;
padding-bottom: 32px;
position: relative;
}
.product-slider-wrapper .slick-track{
/*padding: 16px 0;*/
}
.product-slider{
position: relative;
padding-top: 4px;
padding-bottom: 4px;
}
.product-slider .slick-dots{
bottom: auto;
top: -40px;
}
.product-slider__item{
padding: 16px;
background: #FCFEFF;
height: 384px;
display: flex;
justify-content: space-between;
position: relative;
gap: 16px;
margin: 0 12px;
transition: all 0.5s ease;
border: 4px solid transparent;
}
.product-slider__item:hover{
box-shadow: 1px 1px 2px 0px #0000004D, 4px 4px 16px 0px #00000026;
border: 4px solid #AA2234;
}
.product-slider__content{
display: flex;
flex-direction: column;
justify-content: center;
padding-top: 16px;
width: 330px;
}
.product-slider__item .novinka{
right: auto;
left: 8px;
top: -4px;
}
.product-slider__item.slick-active.slick-current{
/* transform: scale(1.05);*/
}
.product-slider__item .right_wrapper, .product-slider__item .left_wrapper {
flex-direction: column;
}
.product-slider__item .top_wrapper{
align-items: flex-start;
gap: 40px;
}
.item-content-titles{
padding-left: 8px;
}
.item-content-titles h3{
margin-bottom: 12px;
color: #143A52;
font-family: 'Podkova', sans-serif;
font-size: 30px;
font-weight: 500;
line-height: 40px;
letter-spacing: 0em;
text-align: left;
}
.produc-slider__image {
height: 100%;
}
.produc-slider__image img{
width: 100%;
height: 100%;
object-fit: cover;
}
.product-slider__item .thirdy-button{
width: fit-content;
margin-top: 16px;
}
.buttons-wrapper{
width: 100%;
margin-top: 24px;
padding: 0 16px;
display: flex;
justify-content: center;
gap: 8px;
}
@media screen and (max-width: 992px){
.product-slider__item{
flex-direction: column;
min-height: 500px;
height: auto;
gap: 8px;
}
.product-slider__content{
width: 100%;
padding-top: 20px;
}
.produc-slider__image {
height: auto;
}
.produc-slider__image img{
height: 200px;
width: 100%;
max-width: 100%;
object-fit: contain;
}
.product-slider__item .thirdy-button{
margin-top: 0;
}
.buttons-wrapper{
flex-wrap: wrap;
}
}
@media screen and (max-width: 767px){
.product-slider__item.slick-active.slick-current{
transform: scale(1);
margin: 0 8px;
}
.product-slider__item.slick-slide{
margin: 0 8px;
border: none;
outline: none;
}
.buttons-wrapper{
flex-wrap: wrap;
margin-top: 0px;
}
.product-slider-wrapper{
padding-bottom: 16px;
}
.item-content-titles h3{
display: inline-block;
white-space: normal;
font-size: 25px;
font-weight: 600;
line-height: 32px;
letter-spacing: 0.0015em;
text-align: left;
}
.item-content-titles h3>a{
display: inline-block;
white-space: wrap;
}
.product-slider__item .top_wrapper{
gap: 10px;
}
.item-content-titles{
padding-left: 0;
}
span.icon_product{
width: 24px;
height: 24px;
display: inline-block;
background-size: contain;
}
}
@media screen and (max-width: 576px){
.product-slider-wrapper .slick-track{
padding-top: 0;
}
.product-slider__item.slick-slide{
width: 256px;
}
.item-content-titles{
padding-left: 0;
}
.produc-slider__image{
height: 200px;
width: 238px;
}
.produc-slider__image img{
max-width: 238px;
height: 200px;
object-fit: cover;
}
.desc_product{
padding: 6px 12px;
font-size: 14px;
}
.main-buttons{
flex-wrap: wrap;
gap: 8px;
padding-bottom: 16px;
}
footer p.copy{
width: 260px;
text-align: center;
}
.footer-col{
gap: 0;
}
}
@media screen and (max-width: 430px){
.wrapper .fab-news{
bottom: 48px;
}
.produc-slider__image img{
max-width: 210px;
}
#callback-button{
padding-bottom: 72px;
}
.secondary-button.icon.sitemap{
position: absolute;
left: 0;
bottom: 16px;
}
.footer_info_row{
position: relative;
}
}
/****Адреса магазинов*****/
.adress-wrapper span{
font-family: 'Nunito Sans', sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 14px;
letter-spacing: 0.015em;
text-align: left;
text-transform: uppercase;
display: block;
margin-bottom: 12px;
}
.adress-wrapper h5{
color: #7A0010;
}
.adress-wrapper .map-part{
display: flex;
flex-direction: row;
justify-content: flex-start;
gap: 24px;
}
.map-part>div{
width: 440px;
}
.adress-wrapper .map-part iframe{
position: sticky;
}
.adress-wrapper p{
margin-top: 6px;
}
p.pretext{
font-family: 'Nunito Sans', sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 18px;
letter-spacing: 0.0025em;
text-align: left;
color:#143A52;
margin: 16px 0 32px;
}
.map-widget-user-maps-content-view h3{
margin-top: 0;
margin-bottom: 8px!important;
color: #1B1B1B;
font-family: 'Overpass', sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0.0015em;
text-align: left;
}
@media screen and (max-width: 850px){
.adress-wrapper .map-part{
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 16px;
}
.map-part>div{
width: 100%;
}
}
/****Кнопка задать вопрос****/
.fox-container h4{
text-align: center;
color:#FCEEF0;
}
.fab-news{
position: fixed;
right: 24px;
bottom: 24px;
z-index: 9999999;
}
.fab-form{
width: 100vw;
height: 100vh;
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
z-index: 99999;
background: rgba(87,87,87,0.4);
}
.fab-form-wrapper{
width: 100%;
height: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.fox-container{
background: #7A0010;
border-radius: 4px;
}
.modal-news.fox-container{
display: flex;
width: 560px;
min-width: 280px;
max-width: 560px;
min-height: 182px;
flex-direction: column;
align-items: flex-end;
max-width: calc(100vw - 16px);
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25), 0px 4px 16px 0px rgba(0, 0, 0, 0.10);
padding: 16px;
position: relative;
}
.modal-news.fox-container h3{
text-align: left;
}
div#fox-container-m471.modal-news.fox-container .fox-form-stacked .controls,
div#fox-container-m472.modal-news.fox-container .fox-form-stacked .controls,
div#fox-container-m473.modal-news.fox-container .fox-form-stacked .controls{
text-align: center;
justify-content: center;
}
.modal-news.fox-container label{
display: none!important;
}
div#fox-container-m471.modal-news.fox-container button[type="reset"],
div#fox-container-m472.modal-news.fox-container button[type="reset"],
div#fox-container-m473.modal-news.fox-container button[type="reset"]{
width: 24px;
height: 24px;
box-shadow: none;
border: none;
outline: none;
background-image: url(../image/icons/close.svg);
background-position: center!important;
background-repeat: no-repeat;
position: absolute;
right: 16px;
top: 16px;
font-size: 0;
padding: 0;
background-color: transparent;
}
div#fox-container-m471.modal-news.fox-container button[type="reset"]:hover{
right: 16px!important;
top: 16px!important;
transform: translate(0)!important;
margin-bottom: 0!important;
padding-bottom: 0!important;
}
.modal-news.fox-container button[type="reset"]>.caption{
display: none!important;
}
/**************/
/*Форма заявки ан услугу*/
.fox-container{
padding: 16px;
max-width: 928px;
margin: 0 auto;
}
.fox-container h3, .fox-container p{
text-align: center;
color: #FFFFFF;
}
.fox-container hr{
border: none;
border-top:1px solid #E37884;
height: 0;
max-height: 1px;
margin: 0;
}
.fox-container label{
color: #FCEEF0;
font-size: 13px;
font-weight: 400;
line-height: 16px;
letter-spacing: 0.004em;
text-align: left;
padding-left: 14px;
width: 100%;
}
.fox-form-stacked .control-label{
width: 100%!important;
}
.fox-form-stacked .control-group{
display: flex!important;
flex-direction: column-reverse;
}
.fox-form-stacked .control-group.fox-item-html,
.fox-form-stacked .control-group.fox-item-radio{
flex-direction: column!important;
}
.fox-item.fox-item-radio.control-group>.control-label{
display: none!important;
}
.fox-column.fox-column6 .fox-item.fox-item-radio.control-group>.control-label,
.fox-item.fox-item-html.fox-item-html-labels.control-group>label{
display: block!important;
text-align: center!important;
font-family: 'Overpass', sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 18px;
letter-spacing: 0.001em;
color:#FCEEF0;
}
.fox-column.fox-column6 .fox-item.fox-item-radio.control-group>.control-label span,
.fox-item-attachments-btn-cnt span{
color:#FCEEF0!important;
}
.fox-item.fox-item-html.fox-item-html-labels.control-group a{
margin-top: 16px;
color:#FFFFFF;
text-decoration: underline;
}
.fox-item.fox-item-submit.fox-item-submit-fields .controls,
.fox-item.fox-item-recaptcha.control-group .controls{
display: flex;
justify-content: center;
}
.fox-item-radio-label-inline{
margin-bottom: 5px;
}
.fox-item.fox-item-attachments.control-group .controls{
width: fit-content!important;
color:#FCEEF0!important;
text-align: center!important;
}
.fox-item.fox-item-attachments.control-group .control-label label{
margin-bottom: 8px;
}
.fox-item.fox-item-attachments.control-group .control-label,
.fox-item.fox-item-attachments.control-group .control-label label,
.fox-item.fox-item-attachments.control-group{
text-align: center!important;
display: flex;
flex-direction: column;
align-items: center!important;
}
.second_page .page_content a[href$="doc"], .second_page a[href$="docx"],
.second_page .page_content a[href^="https"], .second_page a[href^="http"],
.second_page a[href$="xls"], .second_page a[href$="xlsx"], .second_page a[href$="zip"],
.second_page a[href$="rar"], .second_page a[href$="ppt"], .second_page a[href$="pptx"],
.second_page a[href$="pdf"]
{
padding-left: 29px;
display: inline-block;
background-position: left top;
background-repeat: no-repeat;
min-height: 25px;
color: #1A5D7F;
vertical-align: middle;
transition: all 0.4s ease;
text-decoration: underline;
}
.second_page .page_content a[href$="doc"] {
background-image: url('../image/icons/doc.svg');
}
.second_page a[href$="docx"]{
background-image: url('../image/icons/docx.svg');
}
.second_page .page_content a[href^="https"], .second_page a[href^="http"]{
background-image: url('../image/icons/web.svg');
}
.second_page a[href$="pdf"]{
background-image: url('../image/icons/pdf.svg');
}
.second_page a[href$="zip"], .second_page a[href^="rar"]{
background-image: url('../image/icons/archive.svg');
}
.second_page a[href$="xls"]{
background-image: url('../image/icons/xls.svg');
}
.second_page a[href$="xlsx"]{
background-image: url('../image/icons/xlsx.svg');
}
.page_content.content a{
color: #1A5D7F;
text-decoration: underline;
transition: all 0.4s ease;
}
.page_content.content a:hover, .second_page .page_content a[href$="doc"]:hover,
.second_page .page_content a[href^="https"]:hover, .second_page a[href$="docx"]:hover, .second_page a[href^="http"]:hover{
opacity: 0.8;
}
.fox-column.fox-column6{
position: relative;
}
.fox-column.fox-column6:first-child::after{
content: "";
width: 1px;
height: calc(100% - 16px);
background: #E37884;
position: absolute;
right: -13px;
top: 0;
}
div .chzn-container-single .chzn-single div b{
display: block;
width: 100%;
height: 100%;
background: url(../image/icons/expand.svg) no-repeat center!important;
}
.comments_page .list_wrap{
margin-top: 0;
}
.video-wrapper{
padding-top: 32px;padding-bottom: 32px;
background: #7A0010;
/* background: #3D000880;*/
}
.itemVideoBlock{
max-width: 1144px;
padding-left: 16px;
padding-right: 16px;
margin: auto;
}
.nagrady_inner-item h5{
margin-top: 3px;
}
.nagrady_inner-item .intro_text{
margin-top: 15px;
margin-bottom: 0;
}
.nagrady_inner-item p{
margin-top: 8px;
margin-bottom: 8px;
}
.nagrady_inner-item .intro_text>p:first-child{
margin-top: 0;
}
@media screen and (min-width: 576px){
.nagrady_inner-item .news_item_text{
padding-left: 32px;
padding-bottom: 32px;
}
.second_page .page_content .news_row .news_item.nagrady_inner-item{
margin-bottom: 24px;
}
.second_page .page_content .news_row .news_item.nagrady_inner-item:last-child{
margin-bottom: 16px;
}
}
@media screen and (max-width: 992px){
.map-part iframe {
width:100%;
height:200px;
}
}
body #sp-cookie-consent::before {
content: "";
background: rgba(215,203,193,0);
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
z-index: 999999;
}
#sp-cookie-consent{
z-index: 9999999;
}
#sp-cookie-consent>div{
z-index: 9999999999;
}