body {
font-family: "Arimo", sans-serif;
font-size: 20px;
font-weight: 500;
}
a:not(.btn):active {
background-color: inherit !important;
}
textarea {
resize: vertical;
overflow: visible;
}
iframe {
border: 0 none;
}
img {
display: inline-block;
max-width: 100%;
height: auto;
image-rendering: -webkit-optimize-contrast;
}
.pb-6px {
padding-bottom: 6px;
}
h2, h3 {
font-weight: 700;
}
h2 {
margin: 3rem 0 2rem;
}
h3 {
margin: 0 0 1rem;
}
h3 small {
font-size: 20px;
font-weight: 500;
display: block;
margin: 1rem 0 0;
}
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:focus-visible, .btn-primary:active, .btn.btn-primary:first-child:active {
background-color: #006faf;
border-color: #006faf;
color: #fff;
box-shadow: none;
font-size: 24px;
}
.btn-more, .btn-more:hover, .btn-more:focus, .btn-more:focus-visible, .btn-more:active, .btn.btn-more:first-child:active {
background-color: transparent;
border-color: #006faf;
color: #006faf;
box-shadow: none;
font-size: 24px;
}
.card .btn {
margin: 1rem 0 0;
}
#top-info {
margin-top: 10px;
height: 569px;
background: url("/images/bg-top-info.webp") no-repeat center top;
font-size: 24px;
font-weight: 500;
}
#top-info .row {
height: 569px;
}
#top-info p {
margin: 120px 0 75px;
}
#partners .card {
height: 110px;
padding: 15px 30px;
}
#partners img {
width: 100%;
height: auto;
max-height: 100%;
}
#instruments {
background: linear-gradient(#fff 0, 200px, #f1f6fd 200px, #f1f6fd calc(100% - 200px), #fff calc(100% - 200px));
}
#instruments img {
max-height: 300px;
width: auto;
}
.modal#modalForm .modal-body {
background: #fdfdfd;
color: #6b6b6b;
font-size: 16px;
}
.modal#modalForm .modal-body .form-control {
box-shadow: 0 0 5px 0 rgba(127, 127, 127, 0.3);
}
.btn-more[aria-expanded=false] span:before {
content: "Показать ещё";
}
.btn-more[aria-expanded=true] span:before {
content: "Скрыть";
}
header {
background: #006faf;
padding: 33px 0 22px;
}
header a, header a:hover, header a:active, header a:visited {
color: #fff;
font-size: 35px;
font-weight: 500;
text-decoration: none;
}
footer {
background: #282b34;
color: #fff;
font-size: 24px;
font-weight: 500;
padding: 42px 0;
border-top: 1px solid #7e8085;
}
footer h4 {
font-size: 32px;
font-weight: 700;
text-transform: uppercase;
}
footer a, footer a:hover, footer a:active, footer a:visited {
color: #fff;
font-weight: 500;
text-decoration: none;
}
footer p {
line-height: 1.4;
}
footer #address:before {
content: url('data:image/svg+xml; utf8, ');
display: block;
float: left;
margin: 8px 30px 0 0;
}
footer #phone:before {
content: url('data:image/svg+xml; utf8, ');
display: inline-block;
margin-right: 30px;
vertical-align: middle;
}
footer #email:before {
content: url('data:image/svg+xml; utf8, ');
display: inline-block;
margin-right: 30px;
vertical-align: middle;
}
@media (min-width: 992px) {
footer {
padding: 42px 0 200px;
}
#affix-bar {
position: fixed;
z-index: 2;
top: 0;
left: 0;
width: 100%;
background: #006faf;
height: 80px;
padding: 5px 0;
}
#affix-bar .card {
height: 70px;
padding: 15px 20px;
}
#affix-bar .card img {
width: 100%;
height: auto;
max-height: 100%;
}
:target {
scroll-margin-top: 100px;
}
}
@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 1140px;
}
#top-info {
background: url("/images/bg-top-info.webp") no-repeat left top;
}
}