img {
    max-width: 100%;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition)
}

img.lazyload {
    background: var(--l-gray)
}

img.circle {
    border-radius: 5000px
}

.icon {
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 25px;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition)
}

.icon.phone {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M484.6 330.6C484.6 330.6 484.6 330.6 484.6 330.6l-101.8-43.66c-18.5-7.688-40.2-2.375-52.75 13.08l-33.14 40.47C244.2 311.8 200.3 267.9 171.6 215.2l40.52-33.19c15.67-12.92 20.83-34.16 12.84-52.84L181.4 27.37C172.7 7.279 150.8-3.737 129.6 1.154L35.17 23.06C14.47 27.78 0 45.9 0 67.12C0 312.4 199.6 512 444.9 512c21.23 0 39.41-14.44 44.17-35.13l21.8-94.47C515.7 361.1 504.7 339.3 484.6 330.6zM457.9 469.7c-1.375 5.969-6.844 10.31-12.98 10.31c-227.7 0-412.9-185.2-412.9-412.9c0-6.188 4.234-11.48 10.34-12.88l94.41-21.91c1-.2344 2-.3438 2.984-.3438c5.234 0 10.11 3.094 12.25 8.031l43.58 101.7C197.9 147.2 196.4 153.5 191.8 157.3L141.3 198.7C135.6 203.4 133.8 211.4 137.1 218.1c33.38 67.81 89.11 123.5 156.9 156.9c6.641 3.313 14.73 1.531 19.44-4.219l41.39-50.5c3.703-4.563 10.16-6.063 15.5-3.844l101.6 43.56c5.906 2.563 9.156 8.969 7.719 15.22L457.9 469.7z' fill='rgb(0, 120, 215)'/%3E%3C/svg%3E")
}

.icon.phone:hover,
*:hover > .icon.phone {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M484.6 330.6C484.6 330.6 484.6 330.6 484.6 330.6l-101.8-43.66c-18.5-7.688-40.2-2.375-52.75 13.08l-33.14 40.47C244.2 311.8 200.3 267.9 171.6 215.2l40.52-33.19c15.67-12.92 20.83-34.16 12.84-52.84L181.4 27.37C172.7 7.279 150.8-3.737 129.6 1.154L35.17 23.06C14.47 27.78 0 45.9 0 67.12C0 312.4 199.6 512 444.9 512c21.23 0 39.41-14.44 44.17-35.13l21.8-94.47C515.7 361.1 504.7 339.3 484.6 330.6zM457.9 469.7c-1.375 5.969-6.844 10.31-12.98 10.31c-227.7 0-412.9-185.2-412.9-412.9c0-6.188 4.234-11.48 10.34-12.88l94.41-21.91c1-.2344 2-.3438 2.984-.3438c5.234 0 10.11 3.094 12.25 8.031l43.58 101.7C197.9 147.2 196.4 153.5 191.8 157.3L141.3 198.7C135.6 203.4 133.8 211.4 137.1 218.1c33.38 67.81 89.11 123.5 156.9 156.9c6.641 3.313 14.73 1.531 19.44-4.219l41.39-50.5c3.703-4.563 10.16-6.063 15.5-3.844l101.6 43.56c5.906 2.563 9.156 8.969 7.719 15.22L457.9 469.7z' fill='rgb(0, 96, 172)'/%3E%3C/svg%3E")
}

.icon.email {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M64 96c-17.7 0-32 14.3-32 32v39.9L227.6 311.3c16.9 12.4 39.9 12.4 56.8 0L480 167.9V128c0-17.7-14.3-32-32-32H64zM32 207.6V384c0 17.7 14.3 32 32 32H448c17.7 0 32-14.3 32-32V207.6L303.3 337.1c-28.2 20.6-66.5 20.6-94.6 0L32 207.6zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z' fill='rgb(0, 120, 215)'/%3E%3C/svg%3E")
}

.icon.email:hover,
*:hover > .icon.email {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M64 96c-17.7 0-32 14.3-32 32v39.9L227.6 311.3c16.9 12.4 39.9 12.4 56.8 0L480 167.9V128c0-17.7-14.3-32-32-32H64zM32 207.6V384c0 17.7 14.3 32 32 32H448c17.7 0 32-14.3 32-32V207.6L303.3 337.1c-28.2 20.6-66.5 20.6-94.6 0L32 207.6zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z' fill='rgb(0, 96, 172)'/%3E%3C/svg%3E")
}

.icon.address {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M272 192C272 236.2 236.2 272 192 272C147.8 272 112 236.2 112 192C112 147.8 147.8 112 192 112C236.2 112 272 147.8 272 192zM192 240C218.5 240 240 218.5 240 192C240 165.5 218.5 144 192 144C165.5 144 144 165.5 144 192C144 218.5 165.5 240 192 240zM384 192C384 279.4 267 435 215.7 499.2C203.4 514.5 180.6 514.5 168.3 499.2C116.1 435 0 279.4 0 192C0 85.96 85.96 0 192 0C298 0 384 85.96 384 192H384zM192 32C103.6 32 32 103.6 32 192C32 207.6 37.43 229 48.56 255.4C59.47 281.3 74.8 309.4 92.14 337.5C126.2 392.8 166.6 445.7 192 477.6C217.4 445.7 257.8 392.8 291.9 337.5C309.2 309.4 324.5 281.3 335.4 255.4C346.6 229 352 207.6 352 192C352 103.6 280.4 32 192 32z' fill='rgb(0, 120, 215)'/%3E%3C/svg%3E");
}

.icon.address:hover,
*:hover > .icon.address {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M272 192C272 236.2 236.2 272 192 272C147.8 272 112 236.2 112 192C112 147.8 147.8 112 192 112C236.2 112 272 147.8 272 192zM192 240C218.5 240 240 218.5 240 192C240 165.5 218.5 144 192 144C165.5 144 144 165.5 144 192C144 218.5 165.5 240 192 240zM384 192C384 279.4 267 435 215.7 499.2C203.4 514.5 180.6 514.5 168.3 499.2C116.1 435 0 279.4 0 192C0 85.96 85.96 0 192 0C298 0 384 85.96 384 192H384zM192 32C103.6 32 32 103.6 32 192C32 207.6 37.43 229 48.56 255.4C59.47 281.3 74.8 309.4 92.14 337.5C126.2 392.8 166.6 445.7 192 477.6C217.4 445.7 257.8 392.8 291.9 337.5C309.2 309.4 324.5 281.3 335.4 255.4C346.6 229 352 207.6 352 192C352 103.6 280.4 32 192 32z' fill='rgb(0, 96, 172)'/%3E%3C/svg%3E");
}

.icon.date {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M400 64h-48V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H128V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM48 96h352c8.8 0 16 7.2 16 16v48H32v-48c0-8.8 7.2-16 16-16zm352 384H48c-8.8 0-16-7.2-16-16V192h384v272c0 8.8-7.2 16-16 16zM148 320h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm-96 96h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm-96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm192 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12z' fill='rgb(160, 160, 160)'/%3E%3C/svg%3E")
}

.icon.tg {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M446.7 98.6l-67.6 318.8c-5.1 22.5-18.4 28.1-37.3 17.5l-103-75.9-49.7 47.8c-5.5 5.5-10.1 10.1-20.7 10.1l7.4-104.9 190.9-172.5c8.3-7.4-1.8-11.5-12.9-4.1L117.8 284 16.2 252.2c-22.1-6.9-22.5-22.1 4.6-32.7L418.2 66.4c18.4-6.9 34.5 4.1 28.5 32.2z' fill='rgb(28, 147, 227)'/%3E%3C/svg%3E")
}

.icon.vk {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M31.4907 63.4907C0 94.9813 0 145.671 0 247.04V264.96C0 366.329 0 417.019 31.4907 448.509C62.9813 480 113.671 480 215.04 480H232.96C334.329 480 385.019 480 416.509 448.509C448 417.019 448 366.329 448 264.96V247.04C448 145.671 448 94.9813 416.509 63.4907C385.019 32 334.329 32 232.96 32H215.04C113.671 32 62.9813 32 31.4907 63.4907ZM75.6 168.267H126.747C128.427 253.76 166.133 289.973 196 297.44V168.267H244.16V242C273.653 238.827 304.64 205.227 315.093 168.267H363.253C359.313 187.435 351.46 205.583 340.186 221.579C328.913 237.574 314.461 251.071 297.733 261.227C316.41 270.499 332.907 283.63 346.132 299.751C359.357 315.873 369.01 334.618 374.453 354.747H321.44C316.555 337.262 306.614 321.61 292.865 309.754C279.117 297.899 262.173 290.368 244.16 288.107V354.747H238.373C136.267 354.747 78.0267 284.747 75.6 168.267Z' fill='rgb(0, 119, 255)'/%3E%3C/svg%3E")
}

.icon.ok {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M184.2 177.1c0-22.1 17.9-40 39.8-40s39.8 17.9 39.8 40c0 22-17.9 39.8-39.8 39.8s-39.8-17.9-39.8-39.8zM448 80v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48zm-305.1 97.1c0 44.6 36.4 80.9 81.1 80.9s81.1-36.2 81.1-80.9c0-44.8-36.4-81.1-81.1-81.1s-81.1 36.2-81.1 81.1zm174.5 90.7c-4.6-9.1-17.3-16.8-34.1-3.6 0 0-22.7 18-59.3 18s-59.3-18-59.3-18c-16.8-13.2-29.5-5.5-34.1 3.6-7.9 16.1 1.1 23.7 21.4 37 17.3 11.1 41.2 15.2 56.6 16.8l-12.9 12.9c-18.2 18-35.5 35.5-47.7 47.7-17.6 17.6 10.7 45.8 28.4 28.6l47.7-47.9c18.2 18.2 35.7 35.7 47.7 47.9 17.6 17.2 46-10.7 28.6-28.6l-47.7-47.7-13-12.9c15.5-1.6 39.1-5.9 56.2-16.8 20.4-13.3 29.3-21 21.5-37z' fill='rgb(238, 130, 8)'/%3E%3C/svg%3E")
}

.btn {
	display: inline-block;
    background: var(--red);
    color: var(--white);
    font-family: var(--font-medium);
    font-size: 14px;
    padding: 8px 15px;
    border-radius: var(--b-radius-xxl);
    border: none;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition)
}

.btn:hover {
    background: var(--d-red);
    color: var(--white)
}

.btn.disabled {
	background: var(--d-gray);
	pointer-events: none
}

.btn-hr {
    margin: 50px 0 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.btn-hr:before,
.btn-hr:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: var(--gray)
}

.btn-hr .btn {
    margin: 0 30px
}

#popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(var(--rgb-black), .4);
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	z-index: 999;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition)
}

#popup.show {
	opacity: 1;
	visibility: visible
}

#popup .wrapper {
	display: none;
	position: relative;
	width: 800px;
	max-width: 90%;
	margin: 100px auto 50px;
	background: var(--white);
	border-radius: var(--b-radius);
	padding: 2.5rem 1.5rem 1.5rem
}

#popup .wrapper.active {
	display: block
}

#choose-region.wrapper {
	width: 400px
}

#popup .close {
	position: absolute;
	top: 1rem;
	right: 1rem;
	display: block;
	cursor: pointer;
	width: 1rem;
	height: 1rem;
	background-size: 1rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z' fill='%23cc2c11'/%3E%3C/svg%3E");
	background-repeat: no-repeat !important;
	background-position: center;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition)
}

#popup .close:hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z' fill='%2395220e'/%3E%3C/svg%3E");
}

#popup h4.title {
	margin: 0
}

#popup p.intro {
	margin: .5rem 0 1.5rem;
	color: var(--d-gray)
}

#popup ul {
	list-style: none;
	margin: 0 -.5rem;
	padding: 0
}

#popup ul li {
	padding: .5rem;
	margin: .25rem 0;
	cursor: pointer;
	border-radius: var(--b-radius-xs);
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition)
}

#popup ul li.active,
#popup ul li:hover {
	background: var(--gray)
}

#popup ul li.active {
	font-family: var(--font-medium);
	color: var(--red)
}

#popup ul li:last-of-type {
	background: var(--red);
    color: var(--white);
    text-align: center;
    margin-top: 2rem
}

#popup ul li:last-of-type:hover {
	background: var(--d-red)
}

header {
    position: fixed;
    width: 100%;
    z-index: 99;
    background: var(--white);
    border-top: 5px solid var(--l-blue)
}

#topbar {
    max-height: 400px;
    padding: 0 0 15px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition)
}

#region {
	margin: 5px 0 15px
}

#region span {
	font-family: var(--font-medium);
	cursor: pointer;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition)
}

#region span.non-selected {
	animation: blink 1.5s infinite
}

@keyframes blink {
	50% {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M272 192C272 236.2 236.2 272 192 272C147.8 272 112 236.2 112 192C112 147.8 147.8 112 192 112C236.2 112 272 147.8 272 192zM192 240C218.5 240 240 218.5 240 192C240 165.5 218.5 144 192 144C165.5 144 144 165.5 144 192C144 218.5 165.5 240 192 240zM384 192C384 279.4 267 435 215.7 499.2C203.4 514.5 180.6 514.5 168.3 499.2C116.1 435 0 279.4 0 192C0 85.96 85.96 0 192 0C298 0 384 85.96 384 192H384zM192 32C103.6 32 32 103.6 32 192C32 207.6 37.43 229 48.56 255.4C59.47 281.3 74.8 309.4 92.14 337.5C126.2 392.8 166.6 445.7 192 477.6C217.4 445.7 257.8 392.8 291.9 337.5C309.2 309.4 324.5 281.3 335.4 255.4C346.6 229 352 207.6 352 192C352 103.6 280.4 32 192 32z' fill='none'/%3E%3C/svg%3E")
	}
}

#region span:hover {
	opacity: .8
}

#topbar .logo,
footer .logo {
    display: inline-block;
    color: var(--black);
    text-decoration: none;
    background: url(../images/logo.svg) no-repeat;
    background-size: 75px;
    height: 75px;
    padding-left: 90px
}

#topbar .logo span {
    line-height: normal;
    font-size: 16px;
    font-family: var(--geometria-medium)
}

#topbar .logo span span {
    display: block;
    line-height: var(--line-height);
    font-family: var(--font);
    margin: 5px 0 0;
    font-size: 14px
}

#topbar a:not(.logo),
#wanttowork {
    display: inline-block;
    text-decoration: none;
    background-position: left 15px center;
    background-repeat: no-repeat;
    background-size: 35px
}

#topbar a.phone {
    font-size: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M484.6 330.6C484.6 330.6 484.6 330.6 484.6 330.6l-101.8-43.66c-18.5-7.688-40.2-2.375-52.75 13.08l-33.14 40.47C244.2 311.8 200.3 267.9 171.6 215.2l40.52-33.19c15.67-12.92 20.83-34.16 12.84-52.84L181.4 27.37C172.7 7.279 150.8-3.737 129.6 1.154L35.17 23.06C14.47 27.78 0 45.9 0 67.12C0 312.4 199.6 512 444.9 512c21.23 0 39.41-14.44 44.17-35.13l21.8-94.47C515.7 361.1 504.7 339.3 484.6 330.6zM457.9 469.7c-1.375 5.969-6.844 10.31-12.98 10.31c-227.7 0-412.9-185.2-412.9-412.9c0-6.188 4.234-11.48 10.34-12.88l94.41-21.91c1-.2344 2-.3438 2.984-.3438c5.234 0 10.11 3.094 12.25 8.031l43.58 101.7C197.9 147.2 196.4 153.5 191.8 157.3L141.3 198.7C135.6 203.4 133.8 211.4 137.1 218.1c33.38 67.81 89.11 123.5 156.9 156.9c6.641 3.313 14.73 1.531 19.44-4.219l41.39-50.5c3.703-4.563 10.16-6.063 15.5-3.844l101.6 43.56c5.906 2.563 9.156 8.969 7.719 15.22L457.9 469.7z' fill='rgb(0, 120, 215)'/%3E%3C/svg%3E")
}

#topbar a.phone:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M484.6 330.6C484.6 330.6 484.6 330.6 484.6 330.6l-101.8-43.66c-18.5-7.688-40.2-2.375-52.75 13.08l-33.14 40.47C244.2 311.8 200.3 267.9 171.6 215.2l40.52-33.19c15.67-12.92 20.83-34.16 12.84-52.84L181.4 27.37C172.7 7.279 150.8-3.737 129.6 1.154L35.17 23.06C14.47 27.78 0 45.9 0 67.12C0 312.4 199.6 512 444.9 512c21.23 0 39.41-14.44 44.17-35.13l21.8-94.47C515.7 361.1 504.7 339.3 484.6 330.6zM457.9 469.7c-1.375 5.969-6.844 10.31-12.98 10.31c-227.7 0-412.9-185.2-412.9-412.9c0-6.188 4.234-11.48 10.34-12.88l94.41-21.91c1-.2344 2-.3438 2.984-.3438c5.234 0 10.11 3.094 12.25 8.031l43.58 101.7C197.9 147.2 196.4 153.5 191.8 157.3L141.3 198.7C135.6 203.4 133.8 211.4 137.1 218.1c33.38 67.81 89.11 123.5 156.9 156.9c6.641 3.313 14.73 1.531 19.44-4.219l41.39-50.5c3.703-4.563 10.16-6.063 15.5-3.844l101.6 43.56c5.906 2.563 9.156 8.969 7.719 15.22L457.9 469.7z' fill='rgb(0, 96, 172)'/%3E%3C/svg%3E")
}

#topbar a.address {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M272 192C272 236.2 236.2 272 192 272C147.8 272 112 236.2 112 192C112 147.8 147.8 112 192 112C236.2 112 272 147.8 272 192zM192 240C218.5 240 240 218.5 240 192C240 165.5 218.5 144 192 144C165.5 144 144 165.5 144 192C144 218.5 165.5 240 192 240zM384 192C384 279.4 267 435 215.7 499.2C203.4 514.5 180.6 514.5 168.3 499.2C116.1 435 0 279.4 0 192C0 85.96 85.96 0 192 0C298 0 384 85.96 384 192H384zM192 32C103.6 32 32 103.6 32 192C32 207.6 37.43 229 48.56 255.4C59.47 281.3 74.8 309.4 92.14 337.5C126.2 392.8 166.6 445.7 192 477.6C217.4 445.7 257.8 392.8 291.9 337.5C309.2 309.4 324.5 281.3 335.4 255.4C346.6 229 352 207.6 352 192C352 103.6 280.4 32 192 32z' fill='rgb(0, 120, 215)'/%3E%3C/svg%3E");
}

#topbar a.address:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M272 192C272 236.2 236.2 272 192 272C147.8 272 112 236.2 112 192C112 147.8 147.8 112 192 112C236.2 112 272 147.8 272 192zM192 240C218.5 240 240 218.5 240 192C240 165.5 218.5 144 192 144C165.5 144 144 165.5 144 192C144 218.5 165.5 240 192 240zM384 192C384 279.4 267 435 215.7 499.2C203.4 514.5 180.6 514.5 168.3 499.2C116.1 435 0 279.4 0 192C0 85.96 85.96 0 192 0C298 0 384 85.96 384 192H384zM192 32C103.6 32 32 103.6 32 192C32 207.6 37.43 229 48.56 255.4C59.47 281.3 74.8 309.4 92.14 337.5C126.2 392.8 166.6 445.7 192 477.6C217.4 445.7 257.8 392.8 291.9 337.5C309.2 309.4 324.5 281.3 335.4 255.4C346.6 229 352 207.6 352 192C352 103.6 280.4 32 192 32z' fill='rgb(0, 96, 172)'/%3E%3C/svg%3E");
}

#topbar a.phone,
#topbar a.address {
    line-height: normal;
    padding: 15px 15px 15px 60px
}

#topbar a span {
    font-family: var(--font-medium);
    font-size: 14px;
    display: block
}

#topbar a.btn,
#wanttowork {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224 0C294.7 0 352 57.31 352 128C352 163.3 368.6 196.4 396.8 217.6L401.1 220.8C410.5 227.9 416 238.9 416 250.7C416 271.3 399.3 288 378.7 288H320C311.2 288 304 280.8 304 272C304 263.2 311.2 256 320 256H378.7C381.6 256 384 253.6 384 250.7C384 248.1 383.2 247.4 381.9 246.4L377.6 243.2C361.8 231.3 348.8 216.5 339.2 199.8C318.5 242.6 274.7 272 224 272C173.3 272 129.5 242.6 108.8 199.8C99.19 216.5 86.21 231.3 70.4 243.2L66.13 246.4C64.79 247.4 64 248.1 64 250.7C64 253.6 66.39 256 69.33 256H128C136.8 256 144 263.2 144 272C144 280.8 136.8 288 128 288H69.33C48.71 288 32 271.3 32 250.7C32 238.9 37.53 227.9 46.93 220.8L51.2 217.6C79.4 196.4 96 163.3 96 128C96 57.31 153.3 0 224 0V0zM318.7 112H288.6C273.7 112 259.5 106.1 248.1 95.6L242.7 89.33C223.4 113.5 193.1 128 162.3 128H128V144C128 197 170.1 240 224 240C277 240 320 197 320 144V128C320 122.5 319.5 117.2 318.7 112V112zM251.3 52.69L271.6 72.97C276.1 77.47 282.2 80 288.6 80H307.2C290.6 51.31 259.5 32 224 32C182.2 32 146.6 58.71 133.5 96H162.3C189.1 96 213.5 80.97 225.5 57.15C226.3 55.53 227.4 54.02 228.7 52.69C234.9 46.44 245.1 46.44 251.3 52.69H251.3zM0 481.2C0 383.3 79.33 304 177.2 304H270.8C368.7 304 448 383.3 448 481.2C448 498.2 434.2 512 417.2 512H30.82C13.8 512 .0006 498.2 .0006 481.2H0zM176 370.7C194.6 377.3 208 395.1 208 416C208 442.5 186.5 464 160 464C133.5 464 112 442.5 112 416C112 395.1 125.4 377.3 144 370.7V339.8C80.18 354.7 32.55 411.8 32 480H415.1C415.5 417.6 375.6 364.6 320 344.5V370.7C338.6 377.3 352 395.1 352 416V448C352 456.8 344.8 464 336 464C327.2 464 320 456.8 320 448V416C320 407.2 312.8 400 304 400C295.2 400 288 407.2 288 416V448C288 456.8 280.8 464 272 464C263.2 464 256 456.8 256 448V416C256 395.1 269.4 377.3 288 370.7V337C282.4 336.3 276.6 336 270.8 336H177.2L175.1 336L176 370.7zM160 432C168.8 432 176 424.8 176 416C176 407.2 168.8 400 160 400C151.2 400 144 407.2 144 416C144 424.8 151.2 432 160 432z' fill='rgb(255, 255, 255)'/%3E%3C/svg%3E");
    background-size: 18px;
    padding-left: 40px
}

#wanttowork {
	position: fixed;
	bottom: 50px;
	right: 50px;
    z-index: 50
}

header nav {
    display: block;
    position: relative;
    text-align: center;
    width: 100%;
    border: 1px solid var(--l-blue)
}

header nav ul {
    margin: 0;
    background: var(--white);
    list-style: none;
    display: flex;
    flex: 1
}

header nav li {
    flex-grow: 1;
    background: var(--white)
}

header nav li a {
    display: block;
    color: var(--black);
    text-decoration: none;
    font-family: var(--font-semibold);
    font-size: .9rem;
    padding: 8px 8px 10px;
    border-top: 2px solid transparent;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition)
}

header nav ul.submenu li > a {
    font-size: .85rem;
    padding: 10px;
    border: none
}

header nav ul .arrow-down {
    display: inline-block;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath d='M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z' fill='rgb(19, 19, 19)'/%3E%3C/svg%3E");
    background-size: 14px;
    width: 14px;
    height: 14px;
    margin-left: 8px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition)
}

header nav ul li.open .arrow-down {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

header nav ul li.parent.open > a {
    border-top: 2px solid var(--d-blue)
}

header nav ul li.parent ul {
    text-align: left;
    padding: 0;
    position: absolute;
    display: block;
    width: 300px;
    max-height: 0;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition)
}

header nav ul li.parent.open > ul {
    opacity: 1;
    visibility: visible
}

#toggle {
    display: none
}

.breadcrumbs {
	padding: 50px 0;
	background: var(--l-gray)
}

.contact .block {
	position: relative;
	width: 100%;
	height: 100%;
	display: inline-block;
	background: var(--l-blue);
	padding: 30px 15px;
	border-radius: 15px;
	overflow: hidden;
	margin: 1rem 0
}

div[class*='col-'].contact:nth-child(even) .block {
    background: var(--l-gray)
}

div[class*='col-'].contact .icon {
    font-size: 4rem;
    padding-left: 4rem
}

.breadcrumbs a,
.contact a {
	text-decoration: none
}

#slider {
    position: relative
}

#slider > ul {
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
    overflow: hidden
}

#slider > ul li {
    left: 0;
    top: 0;
    list-style: none;
    position: absolute;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: var(--transition-slow);
    -o-transition: var(--transition-slow);
    transition: var(--transition-slow)
}

#slider li.active {
    display: block;
    position: relative;
    opacity: 1;
    visibility: visible
}

#slider li img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    vertical-align: middle;
    border-style: none
}

#slider li img.full-height {
    object-fit: contain;
    background: var(--l-blue)
}

#slider .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 175px 0 0;
    background: linear-gradient(to left, transparent 50%, rgba(255, 255, 255, .75) 50%)
}

#slider .text {
    width: calc(50% - 15px)
}

#slider .text .slide-title {
    display: inline-block;
    margin: 0;
    font-size: 24px;
    font-family: var(--geometria-medium);
    text-transform: uppercase
}

#slider .text .slide-text {
    font-size: 20px;
    margin: 30px 0 45px
}

#slider .dots {
    position: absolute;
    bottom: 5px;
    width: 100%
}

#slider .dots ul {
    padding: 0;
    margin: 0;
    text-align: center
}

#slider .dots li {
    list-style: none;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--black);
    margin: 0 5px;
    opacity: .25;
    cursor: pointer;
    -webkit-transition: var(--transition-slow);
    -o-transition: var(--transition-slow);
    transition: var(--transition-slow)
}

#slider .dots li:hover {
    opacity: .5
}

#slider .dots li.active {
    background: var(--red);
    opacity: .75
}

section {
    margin: 80px 0 50px
}

.form-group {
    position: relative;
    margin-bottom: 25px
}

.form-group span {
    font-size: .8rem;
    color: var(--d-gray);
}

.form-group > textarea {
    min-height: 125px;
    max-height: 200px
}

.form-group input,
.form-group select,
.chosen-container-single .chosen-single,
.form-group textarea {
    background: var(--white);
    border: 1px solid var(--red);
    border-radius: var(--b-radius-xs);
    color: var(--black)
}

.form-group > input,
.form-group > select,
.form-group > textarea,
.chosen-container-single .chosen-single,
.form-group > label {
    font-family: var(--font);
    text-align: left;
    width: 100%;
    height: 46px;
    padding: 11px;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition)
}

.form-group > input:focus,
.form-group > select:focus,
.form-group > textarea:focus,
.chosen-container-active.chosen-with-drop .chosen-single {
    -moz-box-shadow: 0 0 5px var(--red);
    -webkit-box-shadow: 0 0 5px var(--red);
    box-shadow: 0 0 5px var(--red)
}

.form-group > label {
    position: absolute;
    top: 1px;
    left: 2px;
    display: block;
    width: calc(100% - 20px);
    margin-bottom: 0;
    color: var(--d-gray);
    pointer-events: none;
    cursor: text
}

.form-group em {
    color: var(--red)
}

.form-group input::-webkit-input-placeholder,
.form-group select::-webkit-input-placeholder,
.form-group textarea::-webkit-input-placeholder {
    color: transparent
}

.form-group input:-ms-input-placeholder,
.form-group select:-ms-input-placeholder,
.form-group textarea:-ms-input-placeholder {
    color: transparent
}

.form-group input::-ms-input-placeholder,
.form-group select::-ms-input-placeholder,
.form-group textarea::-ms-input-placeholder {
    color: transparent
}

.form-group input::-moz-placeholder,
.form-group select::-moz-placeholder,
.form-group textarea::-moz-placeholder {
    color: transparent
}

.form-group input::placeholder,
.form-group select::placeholder,
.form-group textarea::placeholder {
    color: transparent
}

.form-group input:not(:placeholder-shown),
.form-group select:not(:placeholder-shown),
.form-group textarea:not(:placeholder-shown) {
    padding-top: 20px;
    padding-bottom: 5px
}


.form-group input:not(:placeholder-shown) ~ label,
.form-group select:not(:placeholder-shown) ~ label,
.form-group textarea:not(:placeholder-shown) + label {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 12px;
    background: transparent;
    border-radius: var(--b-radius-xs);
    height: 20px
}

.form-group > select {
    padding-left: 11px!important
}

.form-group input:disabled,
.form-group textarea:disabled,
.form-group select:disabled {
    background: var(--l-gray);
    opacity: 1
}

.hide {
    display: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition)
}

.hide.show {
    display: contents;
    opacity: 1;
    visibility: visible
}

#callme {
    padding: 15px;
    border-radius: var(--b-radius);
    -moz-box-shadow: 0px 0px 15px 0px rgba(17, 17, 17, 0.1);
    -webkit-box-shadow: 0px 0px 15px 0px rgba(17, 17, 17, 0.1);
    box-shadow: 0px 0px 15px 0px rgba(17, 17, 17, 0.1)
}

#callme p.title {
    font-size: 24px;
    font-family: var(--font-semibold)
}

#callme .form-group {
    width: 300px;
    max-width: 100%;
    margin: 0 auto
}

.review img {
    width: 100%;
    max-width: 300px;
    max-height: 300px;
    object-fit: cover;
    object-position: top
}

.review h4 {
	margin: 0
}

.advantages .block {
    display: block;
    width: 100%;
    height: 150px;
    padding: 8px 15px;
    border-radius: var(--b-radius-xs);
    font-family: var(--font-medium);
    color: var(--white);
    text-transform: uppercase;
    background-repeat: no-repeat;
    background-size: 70px 56px;
    background-position: bottom 8px right 15px
}

.advantages .block span {
    display: block
}

.advantages .block span:last-child:after {
    content: '';
    display: block;
    width: 100px;
    height: 2px;
    margin-top: 10px;
    background: var(--white)
}

.advantages .block.exclamation {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 512'%3E%3Cpath d='M64 368c13.27 0 24-10.75 24-24v-288c0-13.25-10.73-23.99-24-23.99S40 42.75 40 56v288C40 357.3 50.73 368 64 368zM64 416c-17.67 0-32 14.33-32 32s14.33 32.01 32 32.01S96 465.7 96 448S81.67 416 64 416z' fill='rgb(255, 255, 255)'/%3E%3C/svg%3E")
}

.advantages .block.cloth {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M639.1 170.9c0-16.6-7.23-32.64-21.13-43.64l-135-106.6C466.9 7.359 445.6 0 423.1 0H399.1C386.7 0 376 10.75 376 24c0 30.88-25.12 56-56 56S264 54.88 264 24C264 10.75 253.3 0 240 0h-24C194.4 0 173.1 7.359 156.2 20.72L21.13 127.3C7.228 138.3 .0008 154.4 .0008 170.9c0 12.6 4.295 24.73 12.35 34.68l49.97 61.63c11.03 13.61 27.3 20.7 43.71 20.7c12.22 0 24.52-3.93 34.79-12.03L160 260.8V440c0 39.7 32.31 72 72 72h175.1c39.69 0 72-32.3 72-72V260.8l19.19 15.14c10.26 8.127 22.57 12.07 34.8 12.07c16.41 0 32.69-7.1 43.7-20.73l49.97-61.63C635.7 195.7 639.1 183.6 639.1 170.9zM592 170.1c0 1.447-.4655 2.978-1.649 4.439l-50.02 61.69c-.5016 .6212-3.187 2.943-6.563 2.943c-1.528 0-3.196-.4754-4.868-1.799l-71.01-56.03c-3.032-2.392-6.475-3.469-9.838-3.469c-8.278 0-16.07 6.525-16.07 16.03V440c0 13.25-10.75 24-24 24H232c-13.25 0-24-10.75-24-24V194.7c0-9.505-7.797-16.03-16.07-16.03c-3.366 0-6.811 1.079-9.844 3.474L111.1 238.2C109.5 239.5 107.8 239.1 106.2 239.1c-3.003 0-5.61-1.728-6.612-2.965L49.65 175.4C48.55 174.1 47.99 172.4 47.99 170.8c0-2.144 .9586-4.282 2.88-5.8l134.1-106.6C194.4 51.71 205.1 48 216 48h2.795C229.7 93.81 270.9 128 320 128s90.34-34.19 101.2-80h2.764c10.92 0 21.64 3.705 30.13 10.39l134.1 106.6C590.6 166.1 592 168.4 592 170.1z' fill='rgb(255, 255, 255)'/%3E%3C/svg%3E")
}

.advantages .block.ruble {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M240 32C319.5 32 384 96.47 384 176C384 255.5 319.5 320 240 320H112V368H296C309.3 368 320 378.7 320 392C320 405.3 309.3 416 296 416H112V456C112 469.3 101.3 480 88 480C74.75 480 64 469.3 64 456V416H24C10.75 416 0 405.3 0 392C0 378.7 10.75 368 24 368H64V320H24C10.75 320 0 309.3 0 296C0 282.7 10.75 272 24 272H64V79.31C64 53.18 85.18 32 111.3 32H240zM336 176C336 122.1 293 80 240 80H112V272H240C293 272 336 229 336 176z' fill='rgb(255, 255, 255)'/%3E%3C/svg%3E")
}

.advantages .block.education {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M306.7 4c8.1-5.4 18.6-5.4 26.6 0l138 92H568c39.8 0 72 32.2 72 72V440c0 39.8-32.2 72-72 72H384 256 72c-39.8 0-72-32.2-72-72V168c0-39.8 32.2-72 72-72h96.7l138-92zM568 464c13.3 0 24-10.7 24-24V168c0-13.3-10.7-24-24-24H464c-4.7 0-9.4-1.4-13.3-4L320 52.8 189.3 140c-3.9 2.6-8.6 4-13.3 4H72c-13.3 0-24 10.7-24 24V440c0 13.3 10.7 24 24 24H256V384c0-35.3 28.7-64 64-64s64 28.7 64 64v80H568zM112 192h32c8.8 0 16 7.2 16 16v64c0 8.8-7.2 16-16 16H112c-8.8 0-16-7.2-16-16V208c0-8.8 7.2-16 16-16zm368 16c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v64c0 8.8-7.2 16-16 16H496c-8.8 0-16-7.2-16-16V208zM112 320h32c8.8 0 16 7.2 16 16v64c0 8.8-7.2 16-16 16H112c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16zm368 16c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v64c0 8.8-7.2 16-16 16H496c-8.8 0-16-7.2-16-16V336zM240 192a80 80 0 1 1 160 0 80 80 0 1 1 -160 0zm80-48c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h24c8.8 0 16-7.2 16-16s-7.2-16-16-16h-8V160c0-8.8-7.2-16-16-16z' fill='rgb(255, 255, 255)'/%3E%3C/svg%3E");
}

.advantages .block.red {
    background-color: var(--red);
}

.advantages .block.yellow {
    background-color: var(--yellow)
}

.advantages .block.blue {
    background-color: var(--blue)
}

.advantages .block.green {
    background-color: var(--green)
}

.advantages .block {
    text-decoration: none
}

.annotation {
    width: 100%;
	height: 100%;
    border-radius: var(--b-radius-xs);
    overflow: hidden;
    border: 1px solid var(--gray)
}

.annotation img {
    width: 100%;
    height: 200px;
    object-fit: cover
}

.annotation .no-img {
    width: 100%;
    height: 200px;
    background: var(--gray);
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.annotation .text {
    padding: 15px
}

.annotation .text > a {
    color: var(--red);
    font-size: 1.1rem;
    text-decoration: none;
    margin: 10px 0;
    font-family: var(--geometria-medium)
}

.annotation .text > a:hover {
    color: var(--d-red)
}

.annotation .text > a:after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    margin-top: 5px;
    border-radius: 1px;
    background: var(--red);
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition)
}

.annotation .text > a:hover:after {
    width: 50px;
    background: var(--d-red)
}

.annotation .text .property {
    margin-bottom: 20px;
}

.annotation .text .property span {
    display: block
}

.slider.gallery a,
.slider.substation a {
    display: block;
    aspect-ratio: 1;
    background: var(--d-gray);
    border-radius: var(--b-radius-xs);
    overflow: hidden
}

.slider.gallery img,
.slider.substation img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover
}

.useful .item {
    text-align: center
}

.useful img {
    height: 100px;
    object-fit: contain;
    margin-bottom: 20px
}

.useful a {
    font-size: 14px;
    text-decoration: none
}

#message {
    position: fixed;
    bottom: 30px;
    right: 30px;
    border-radius: 15px;
    padding: 15px;
    opacity: 0;
    visibility: hidden;
    color: var(--blue);
    background: var(--l-blue);
    z-index: 9999;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition)
}

#message p {
    margin: 0
}

#message.show {
    opacity: 1;
    visibility: visible
}

#message.error {
    color: var(--red);
    background: var(--l-red)
}

#message.success {
    color: var(--green);
    background: var(--l-green)
}

.vacancy {
	display: flex;
	width: 100%;
	height: 100%;
	padding: 1rem;
	margin-bottom: 2rem;
	border-radius: var(--b-radius);
	flex-direction: column;
    justify-content: center;
    -moz-box-shadow: 0px 0px 15px 0px rgba(17, 17, 17, 0.1);
    -webkit-box-shadow: 0px 0px 15px 0px rgba(17, 17, 17, 0.1);
    box-shadow: 0px 0px 15px 0px rgba(17, 17, 17, 0.1)
}

.quote {
	margin: 0 15px;
	padding: 1rem;
	background: var(--l-gray);
	border-radius: var(--b-radius);
    -moz-box-shadow: 0px 0px 15px 0px rgba(17, 17, 17, 0.1);
    -webkit-box-shadow: 0px 0px 15px 0px rgba(17, 17, 17, 0.1);
    box-shadow: 0px 0px 15px 0px rgba(17, 17, 17, 0.1)
}

.vacancy p {
	margin: 0
}

.vacancy .exp p {
	font-family: var(--font)
}

.vacancy .subtitle {
	font-size: 1.5rem
}

.vacancy .subtitle,
.vacancy .text {
	margin: 1rem 0
}

.vacancy .title,
.tab .title {
	margin: 1rem 0 0;
	font-family: var(--font-medium);
	font-weight: normal;
	font-size: 2rem
}

.conditions {
	margin: 2rem 0 0
}

.conditions h2 {
	font-size: 1.25rem;
    margin: 0 0 1rem
}

ul.substations {
    display: flex;
    flex-wrap: wrap;
    padding: 0
}

ul.substations li {
    width: 100%;
    list-style: none
}

ul.substations li a {
	display: block
}

.head-photo {
	border-radius: var(--b-radius)
}

h2.head-name {
	margin: 0
}

.tabs {
	margin-top: 1.5rem
}

.tabs label.tab {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 2rem 1rem 4rem;
	border-radius: var(--b-radius);
	cursor: pointer;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
    -moz-box-shadow: inset 0 0 0 1000px rgba(var(--rgb-white), .9),
	0px 0px 15px 0px rgba(17, 17, 17, 0.1);
    -webkit-box-shadow: inset 0 0 0 1000px rgba(var(--rgb-white), .9),
	0px 0px 15px 0px rgba(17, 17, 17, 0.1);
    box-shadow: inset 0 0 0 1000px rgba(var(--rgb-white), .9),
	0px 0px 15px 0px rgba(17, 17, 17, 0.1)
}

.tabs label.tab:hover,
.tabs label.tab.active {
    -moz-box-shadow: inset 0 0 0 1000px rgba(var(--rgb-white), .5),
	0px 0px 15px 0px rgba(17, 17, 17, 0.1);
    -webkit-box-shadow: inset 0 0 0 1000px rgba(var(--rgb-white), .5),
	0px 0px 15px 0px rgba(17, 17, 17, 0.1);
    box-shadow: inset 0 0 0 1000px rgba(var(--rgb-white), .5),
	0px 0px 15px 0px rgba(17, 17, 17, 0.1)
	
}

.tabs label.tab .check {
    position: absolute;
    top: 1rem;
    left: 1rem;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: var(--white);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M440.1 103C450.3 112.4 450.3 127.6 440.1 136.1L176.1 400.1C167.6 410.3 152.4 410.3 143 400.1L7.029 264.1C-2.343 255.6-2.343 240.4 7.029 231C16.4 221.7 31.6 221.7 40.97 231L160 350.1L407 103C416.4 93.66 431.6 93.66 440.1 103V103z' fill='%23ffffff'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
    border-radius: 30px;
    border: 1px solid var(--gray);
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition)
}

.tabs label.tab:hover .check,
.tabs label.tab.active .check {
    border: 1px solid var(--green)
}

.tabs label.tab.active .check {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M440.1 103C450.3 112.4 450.3 127.6 440.1 136.1L176.1 400.1C167.6 410.3 152.4 410.3 143 400.1L7.029 264.1C-2.343 255.6-2.343 240.4 7.029 231C16.4 221.7 31.6 221.7 40.97 231L160 350.1L407 103C416.4 93.66 431.6 93.66 440.1 103V103z' fill='%23107c10'/%3E%3C/svg%3E")
}

.tabs .bottom {
	position: absolute;
	bottom: 2rem;
	left: 0;
	width: 100%
}

.tabs .content {
	position: relative
}

.tabs .content-tab {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .25s linear 0s;
	-o-transition: opacity .25s linear 0s;
	transition: opacity .25s linear 0s
}

.tabs input[name="tabList"] {
	display: none
}

.tabs input[name="tabList"]:checked + .content-tab {
	max-height: 400px;
	opacity: 1;
	visibility: visible
}

footer {
    padding: 50px 0 0;
    background: var(--l-gray)
}

footer p {
    margin: 25px 0;
}

footer h4 {
    position: relative;
    font-family: var(--font);
    font-size: 1.2rem;
    padding: 0 0 15px;
    margin: 0 0 25px
}

footer h4:before,
footer h4:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 4px;
    background: rgba(17, 17, 17, 0.1);
    border-radius: 2px;
    width: 100%
}

footer h4:after {
    background: var(--d-blue);
    width: 50px;
    border-radius: 2px 0px 0px 2px
}

footer a {
    text-decoration: none
}

footer ul.navigation li:not(:nth-child(1)) {
    margin: 10px 0
}

footer .social {
    margin: 20px 0
}

footer .social .icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-position: center;
    margin-right: 10px
}

footer .social .icon:hover {
    opacity: .75
}

footer ul {
    padding: 0;
    list-style: none;
}

footer ul.navigation li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 0 0 15px;
    color: var(--black);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath d='M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z' fill='rgb(20, 91, 156)'/%3E%3C/svg%3E");
    background-size: 7px;
    background-repeat: no-repeat;
    background-position: left center
}

footer ul.navigation li a:hover {
    padding: 0 0 0 20px;
    color: var(--d-blue);
    background-position: left 5px center
}

footer .contacts span {
    display: block;
    margin: 0 0 10px;
    font-weight: 600
}

footer .contacts span:not(:nth-child(1)) {
    margin: 20px 0 10px
}

footer #copyright {
    font-size: .8rem;
    padding: 20px 0;
    background: var(--d-blue);
    color: var(--l-gray);
    margin-top: 50px;
}

footer #copyright p {
    margin: 0
}

#pagination {
	display: inline-block;
	list-style: none;
	margin: 30px 0 0;
	width: 100%;
	text-align: center
}

.page-item {
	display: inline-block
}

.page-link {
	position: relative;
	display: block;
	padding: 3px 8px;
	margin: 0 5px;
	color: var(--blue);
	text-decoration: none;
	border-radius: 5px
}

.page-link:hover {
	color: var(--d-blue);
	text-decoration: none;
	background-color: var(--input-bg)
}

.page-link:focus {
	z-index: 2;
	outline: 0;
	box-shadow: 0 0 0 2px rgba(20, 91, 156, 0.2)
}

.page-link:not(:disabled):not(.disabled) {
	cursor: pointer
}

.page-item.active .page-link {
	z-index: 1;
	color: var(--blue);
	background-color: var(--input-bg);
	font-family: var(--font-medium);
	font-weight: normal
}

.page-item.disabled {
	cursor: not-allowed
}

.page-item.disabled .page-link {
	color: var(--blue);
	pointer-events: none
}

@media (min-width: 992px) {
    header.sticky #topbar {
        max-height: 0;
        padding: 0;
        opacity: 0;
        visibility: hidden;
        overflow: hidden
    }

	ul.substations li {
		width: 50%
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.advantages .block {
		line-height: 1.25rem
	}
}

@media (min-width: 1200px) {
	ul.substations li {
		width: 25%
	}
}

@media (max-width: 991px) {
	#popup .wrapper {
		padding: 25px 15px
	}

	#popup ul {
		list-style: none;
		margin: 0 -5px
	}

    .text-center-md {
        text-align: center
    }

    .menu-button-container {
        display: flex;
        width: 30px;
        height: 30px;
        cursor: pointer;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .menu-button,
    .menu-button::before,
    .menu-button::after {
        display: block;
        background-color: var(--black);
        position: absolute;
        height: 4px;
        width: 30px;
        border-radius: 2px;
        -webkit-transition: var(--transition);
        -o-transition: var(--transition);
        transition: var(--transition)
    }

    .menu-button::before {
        content: '';
        margin-top: -8px
    }

    .menu-button::after {
        content: '';
        margin-top: 8px
    }

    #toggle.active + .menu-button-container .menu-button::before {
        margin-top: 0px;
        background-color: var(--blue);
        transform: rotate(-45deg)
    }

    #toggle.active + .menu-button-container .menu-button {
        background: transparent
    }

    #toggle.active + .menu-button-container .menu-button::after {
        margin-top: 0px;
        background-color: var(--blue);
        transform: rotate(45deg)
    }

    header nav ul {
        position: fixed;
        display: block;
        text-align: left;
        width: 30%;
        padding: 0;
        min-width: 350px;
        height: 100vh;
        right: -100%;
        -webkit-transition: var(--transition);
        -o-transition: var(--transition);
        transition: var(--transition)
    }

    header nav.open ul {
        right: 0
    }

    header nav li a {
        width: 100%;
        padding: 10px 15px;
        font-size: 1rem;
        border-radius: 0 !important;
        border-left: 4px solid transparent
    }

    header nav ul:first-child > li:first-child a {
        border-top: 1px solid var(--l-blue)
    }

    header nav ul:first-child > li:not(:first-child) a {
        border-top: 1px solid var(--gray)
    }

    header nav li.active a,
    header nav li.parent.open a,
    header nav li:hover a {
        border-left: 4px solid var(--d-blue);
        background-color: var(--l-gray)
    }

    header nav ul.submenu li a {
        border-left: none !important;
        font-size: .9rem;
        padding: 10px 15px
    }

    header nav li.parent ul li:hover a {
        padding-left: 30px
    }

    header nav ul li.parent ul {
        position: relative;
        display: block;
        width: 100%;
        overflow: hidden;
        border: 0;
        opacity: 1;
        visibility: visible
    }


    #slider li img {
        height: 400px
    }

    #slider .overlay {
        padding: 80px 0 0;
        background: linear-gradient(to left, transparent 10%, rgba(255, 255, 255, .95) 90%)
    }

    #slider .text {
        width: calc(80% - 15px)
    }

    #slider .text .slide-title {
        font-size: 18px
    }

    #slider .text .slide-text {
        font-size: 16px;
        margin: 15px 0 25px
    }
}

@media (max-width: 767px) {
    .annotation .text {
        height: auto
    }
}

/* Slider */

.owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: var(--gray);
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-nav [class*='owl-']:hover {
    background: var(--d-gray);
    color: var(--white);
    text-decoration: none
}

.owl-nav .disabled {
    opacity: 0.5;
    cursor: default
}

.owl-nav.disabled + .owl-dots {
    margin-top: 10px
}

.owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: var(--gray);
    display: block;
    border-radius: 30px;
    -webkit-backface-visibility: visible;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition)
}

.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
    background: var(--d-gray)
}

.slider {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.slider .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
    /* fix firefox animation glitch */
}

.slider .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.slider .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.slider .owl-wrapper,
.slider .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.slider .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.slider .owl-item img {
    display: inline-block;
    width: 100%
}

.slider .owl-nav.disabled,
.slider .owl-dots.disabled {
    display: none
}

.slider .owl-nav .owl-prev,
.slider .owl-nav .owl-next,
.slider .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.slider .owl-nav button.owl-prev,
.slider .owl-nav button.owl-next,
.slider button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.slider.owl-loaded {
    display: block
}

.slider.owl-loading {
    opacity: 0;
    display: block
}

.slider.owl-hidden {
    opacity: 0
}

.slider.owl-refresh .owl-item {
    visibility: hidden
}

.slider.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.slider.owl-grab {
    cursor: move;
    cursor: grab
}

.slider.owl-rtl {
    direction: rtl
}

.slider.owl-rtl .owl-item {
    float: right
}

.no-js .slider {
    display: block
}

.slider .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both
}

.slider .owl-animated-in {
    z-index: 0
}

.slider .owl-animated-out {
    z-index: 1
}

.slider .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */
/* Скрытое поле-ловушка для спам-ботов в формах */
.hp {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden
}

/* Страницы ошибок 404 / 500 */
.error-page {
    padding: 120px 0
}

.error-page .error-code {
    margin: 0 auto;
    max-width: none;
    font-family: var(--font-bold);
    font-size: clamp(5rem, 18vw, 10rem);
    line-height: 1;
    color: var(--red)
}

.error-page h1 {
    margin: 10px 0 20px
}

.error-page p {
    margin-left: auto;
    margin-right: auto;
    max-width: 640px
}

.error-actions {
    margin-top: 30px;
    display: flex;
    gap: 15px;
    justify-content: center;
    flex-wrap: wrap
}

.error-debug {
    margin: 40px auto 0;
    max-width: 900px;
    padding: 15px;
    overflow: auto;
    text-align: left;
    font-size: 12px;
    line-height: 1.5;
    background: var(--l-gray);
    border-radius: var(--b-radius-xs)
}

/* Блоки, на которые ведут якоря меню: оставляем место под закреплённую шапку */
section[id] {
    scroll-margin-top: var(--anchor-offset, 90px)
}