@font-face {
    font-family: Pompad; /* Èìÿ øðèôòà */
    src: url(../fonts/Poppins-Regular.ttf); /* Ïóòü ê ôàéëó ñî øðèôòîì */
}

body {
    font-family: Pompad;
    background: #f6f8f9;
}

header {
    background: white;
}

.logo {
    display: block;
}

.list-header-buttons {
    padding-top: 32px;
}

.list-header-buttons ul li {
    display: inline-block;
    margin-right: 20px;
}

.list-header-buttons ul li a {
    display: block;
    padding: 12px 25px;
    background: #11374d;
    border-radius: 100px;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #ffffff;
}

.list-header-buttons ul li:last-child {
    margin-right: 0;
}

.list-header-buttons ul li:last-child a {
    background: #008ddb;
    box-shadow: 0px 4px 10px rgba(0, 141, 219, 0.2);
}

.list-header-languages ul li {
    display: inline-block;
    margin-right: 16px;
}

.list-header-languages ul {
    float: right;
}

.list-header-languages ul li:last-child {
    margin-right: 0;
}

.list-header-languages ul li a {
    font-size: 14px;
    text-align: center;
    color: #11374d;
    line-height: 110px;
}

.list-menu ul li {
    display: inline-block;
    margin-right: 40px;
}

.list-menu ul li:last-child {
    margin-right: 0;
}

.list-menu ul li a {
    display: block;
    font-size: 14px;
    line-height: 50px;
    color: #ffffff;
}

.list-menu ul {
    float: left;
}

.clear {
    clear: both;
}

#menu {
    height: 50px;
    background: #008ddb;
}

#slider {
    background-image: url(../images/background.png);
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top center;
}

.one-slide h2 {
    font-weight: 600;
    font-size: 60px;
    line-height: 90px;
    color: black;
    margin-bottom: 20px;
    max-width: 595px;
}

.one-slide h2 span {
    color: #008ddb;
}

.one-slide p {
    font-size: 18px;
    line-height: 35px;
    color: #11374d;
    margin-bottom: 45px;
    max-width: 412px;
}

.one-slide a {
    display: block;
    width: 194px;
    height: 54px;
    background: #008ddb;
    box-shadow: 0px 4px 10px rgba(0, 141, 219, 0.2);
    border-radius: 100px;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 54px;
    color: #ffffff;
}

.one-slide {
    padding-top: 120px;
}

.wrap-slide-img img {
    width: 100%;
}

.vector-slide-1 {
    position: absolute;
    bottom: 143px;
    right: 0;
}

.vector-slide-2 {
    position: absolute;
    left: 36%;
    top: 486px;
}

.vector-slide-3 {
    position: absolute;
    left: 50%;
    top: 52px;
}

#sliderLinks {
    /*margin-top: -100px;*/
}

#steps {

}

.list-slider-links ul li {
    float: left;
	padding:1%;
}

.list-slider-links ul li:last-child {
    margin-right: 0;
}

.list-slider-links ul li a {
    display: block;
    position: relative;
    padding: 87px 30px 0;
    background: #ffffff;
    border-radius: 4px;
    width: 250px;
    height: 200px;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #11374d;
}

.list-slider-links ul li a:hover {
    color: white;
    background: #2279a8;
    box-shadow: 0px 8px 20px rgba(43, 65, 80, 0.15);
}

.wrap-svg {
    display: none;
}

.list-slider-links svg {
    width: 35px;
    height: 35px;
    position: absolute;
    left: 35px;
    top: 30px;
}

.list-slider-links ul li a:hover svg path {
    fill: #fff;
    color: white;
}

.list-slider-links ul li p {
    position: absolute;
    left: 30px;
    bottom: 22px;
    font-size: 14px;
    line-height: 21px;
    color: #ffffff;
    width: 80%;
    display: none;
}

.list-slider-links ul li p:after {
    position: absolute;
    right: 0;
    content: url(../images/svg/arrow-right-white.svg);
}

.list-slider-links ul li a:hover p {
    display: block;
}

#steps .title-h2 {
    font-weight: 600;
    font-size: 45px;
    line-height: 67px;
    text-align: center;
    color: #11374d;
    margin-bottom: 64px;
}

#steps .title-h2 span {
    color: #008ddb;
}

.left-steps-info {
    float: left;
    width: 800px;
    background: #ffffff;
    box-shadow: 0px 15px 55px rgba(0, 0, 0, 0.07);
    padding: 84px 0 0 242px;
    height: 730px;
}

.one-step {
    position: relative;
    padding-left: 85px;
}

.one-step span {
    display: block;
    font-size: 22px;
    line-height: 33px;
    color: #11374d;
    margin-bottom: 6px;
}

.one-step a {
    display: block;
    position: relative;
    font-size: 14px;
    line-height: 21px;
    color: #008ddb;
    width: max-content;
}

.one-step a:after {
    position: absolute;
    right: -25px;
    top: 3px;
    content: url(../images/svg/arrow-right-blue.svg);
}

.one-step {
    margin-bottom: 170px;
}

.one-step p {
    position: absolute;
    width: 70px;
    height: 70px;
    background: #008ddb;
    box-shadow: 0px 4px 20px rgba(0, 141, 219, 0.2);
    border-radius: 100px;
    font-size: 25px;
    text-align: center;
    color: #ffffff;
    line-height: 70px;
    left: 0;
    z-index: 5;
}

.one-step:after {
    position: absolute;
    bottom: -155px;
    left: 30px;
    content: url(../images/svg/br.svg);
}

.list-steps ul li:last-child .one-step:after {
    display: none;
}

.list-steps ul li:last-child p {
    color: #646c71;
    background: #d8e0e5;
}

.list-steps ul li:last-child span {
    color: #646c71;
}

.right-steps-info {
    float: left;
    width: 550px;
}

.list-links-home ul li {
    float: left;
    height: 300px;
    position: relative;
}

.list-links-home ul li:nth-child(-n + 2) {
    width: 33.333%;
}

.list-links-home ul li:first-child {
       background: #008ddb;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-sizing: border-box;
    box-shadow: 0px 12px 45px rgba(19, 31, 38, 0.15);
}

.list-links-home ul li:nth-child(2) {
   background: #2279a8;
}

.list-links-home ul li:nth-child(-n + 2) a {
    display: block;
    padding: 50px;
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    color: #ffffff;
}

.list-links-home ul li:nth-child(n + 3) {
    width: 33.333%;
}

.list-links-home ul li:nth-child(1) {
    background: #008ddb;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-sizing: border-box;
    box-shadow: 0px 12px 45px rgba(19, 31, 38, 0.15);
}

.list-links-home ul li:nth-child(2) {
    background: #2279a8;
}

.list-links-home ul li:nth-child(3) {
    background: #11374d;
}

.list-links-home ul li:nth-child(n + 1) a {
    display: block;
    padding: 100px 50px 0;
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    color: #ffffff;
}

.list-links-home ul li:nth-child(1):before {
    position: absolute;
    left: 50px;
    top: 45px;
    content: url(../images/svg/flask.svg);
}

.list-links-home ul li:nth-child(2):before {
    position: absolute;
    left: 50px;
    top: 45px;
    content: url(../images/svg/balance.svg);
}

.list-links-home ul li:nth-child(3):before {
    position: absolute;
    left: 50px;
    top: 45px;
    content: url(../images/svg/wave.svg);
}

#homeMap {
    margin: 400px 0 160px;
}

.left-part-map {
    float: left;
    width: 805px;
    height: 630px;
}

.right-part-map {
    float: left;
    width: 545px;
    padding: 30px;
    background: #008ddb;
    height: 630px;
    position: relative;
}

.right-part-map .title-h2 {
    font-size: 18px;
    line-height: 27px;
    color: #ffffff;
}

.current-info-map {
    position: absolute;
    left: 50%;
    top: 228px;
    transform: translate(-50%, 0);
}

.current-info-map span {
    display: block;
    font-size: 18px;
    line-height: 27px;
    color: #ffffff;
    margin-bottom: 20px;
}

.current-info-map p {
    position: relative;
    font-weight: 600;
    font-size: 45px;
    line-height: 67px;
    color: #ffffff;
    padding-left: 70px;
}

.current-info-map p:before {
    position: absolute;
    left: 0;
    content: url(../images/svg/sun.svg);
}

.current-info-map p:after {
    position: absolute;
    right: 5px;
    top: -22px;
    content: url(../images/svg/temp.svg);
}

.list-weather {
    position: absolute;
    bottom: 40px;
    left: 37px;
}

.list-weather ul li {
    float: left;
    width: 130px;
    height: 130px;
    background: #3bb3f6;
    border-radius: 4px;
    margin-right: 40px;
    position: relative;
}

.list-weather ul li:last-child {
    margin-right: 0;
}

.list-weather ul li span {
    position: absolute;
    left: 50%;
    bottom: 12px;
    transform: translate(-50%, 0);
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #ffffff;
    width: max-content;
}

.left-home-contacts {
    float: left;
    width: 570px;
    height: 350px;
}

.right-home-contacts {
    float: left;
    width: 780px;
    background: #ffffff;
    box-shadow: 0px 15px 55px rgba(0, 0, 0, 0.07);
    padding: 75px 53px;
    height: 350px;
}

.right-home-contacts .title-h2 {
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    color: #11374d;
    margin-bottom: 30px;
}

.right-home-contacts .title-h2 span {
    color: #008ddb;
}

.phone-home-contacts {
    position: relative;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    color: #11374d;
    box-sizing: border-box;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    padding-left: 65px;
}

.phone-home-contacts:before {
    position: absolute;
    left: 0;
    top: -12px;
    content: url(../images/svg/phone-contact.svg);
}

.phone-home-contacts span {
    display: inline-block;
    margin-right: 30px;
}

.right-home-contacts > a {
    display: block;
    padding: 12px 25px;
    background: #008ddb;
    border-radius: 100px;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #ffffff;
    margin-top: 30px;
    width: max-content;
}

footer {
    background: white;
    padding-top: 50px;
}

.logo-footer img {
    float: left;
}

.logo-footer span {
    float: left;
    display: inline-block;
    margin-left: 30px;
    margin-top: 10px;
    font-weight: bold;
    font-size: 18px;
    line-height: 150%;
    color: #08426b;
}

footer {
    margin-top: 15px;
}

.logo-footer {
    margin-bottom: 40px;
    height: 75px;
    display: block;
}

.footer-first-links ul li a {
    display: block;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.05em;
    color: #00294a;
    margin-bottom: 10px;
}

.facebook-link-footer p {
    font-size: 14px;
    line-height: 150%;
    color: #00294a;
}

.facebook-link-footer p a {
    display: inline-block;
    padding-left: 26px;
    margin-left: 10px;
    position: relative;
    font-size: 14px;
    line-height: 150%;
    color: #0a99e2;
}

.facebook-link-footer p a:before {
    position: absolute;
    left: 0;
    content: url(../images/svg/facebook.svg);
}

.facebook-link-footer {
    margin-top: 75px;
}

.list-links-footer span {
    display: block;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.05em;
    color: #00294a;
    margin-bottom: 10px;
}

.list-links-footer ul li a {
    display: block;
    font-size: 14px;
    line-height: 150%;
    color: #00294a;
    margin-bottom: 10px;
}

.list-links-footer {
    margin-bottom: 30px;
}

#copyright p {
    font-size: 10px;
    line-height: 150%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #00294a;
    opacity: 0.5;
    text-align: center;
}

#copyright {
    background: white;
    padding-bottom: 10px;
}

#pageDisconnections .top-block {
    background: url(../images/disconnections.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 513px;
}

#pageAbout .top-block {
    background: url(../images/about.png);
    background-repeat: no-repeat;
    background-size: cover;
}

#pageCompany .top-block {
    background: url(../images/company.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.top-block .title-h2 {
    font-weight: 600;
    font-size: 60px;
    line-height: 90px;
    text-align: center;
    color: #ffffff;
    padding-top: 15%;
    padding-bottom: 15%;
}

.one-step-disconnections {
    height: 200px;
    position: relative;
    background: #ffffff;
    border-radius: 4px;
    cursor: pointer;
}

.one-step-disconnections.active,
.one-step-disconnections:hover {
    background: #11374d;
}

.one-step-disconnections.active span,
.one-step-disconnections:hover span {
    color: white;
}

.one-step-disconnections span {
    display: block;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #11374d;
    padding: 87px 35px 0;
}

#stepsDisconnections {
    margin-top: -100px;
display: contents;
}

#stepsDisconnections .row .col-lg-3:first-child .one-step-disconnections:before {
    position: absolute;
    left: 35px;
    top: 37px;
    content: url(../images/svg/no-water.svg);
}

#stepsDisconnections .row .col-lg-3:nth-child(2) .one-step-disconnections:before {
    position: absolute;
    left: 35px;
    top: 37px;
    content: url(../images/svg/tap.svg);
}

#stepsDisconnections .row .col-lg-3:nth-child(3) .one-step-disconnections:before {
    position: absolute;
    left: 35px;
    top: 37px;
    content: url(../images/svg/aque.svg);
}

#stepsDisconnections .row .col-lg-3:nth-child(4) .one-step-disconnections:before {
    position: absolute;
    left: 35px;
    top: 37px;
    content: url(../images/svg/leak.svg);
}

#descriptionDisconnection h4 {
    display: block;
    padding-top: 20px;
    padding-bottom: 30px;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    color: #11374d;
    padding-left: 30px;
}

.disconnection-text {
    display: none;
}

.disconnection-text.active {
    display: block;
}

#descriptionDisconnection p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 30px;
    color: #11374d;
    padding-left: 30px;
}

#descriptionDisconnection img {
    width: 100%;
}

#descriptionDisconnection {
    margin-top: 200px;
}

#descriptionDisconnection ul li {
    position: relative;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
    color: #11374d;
    padding-left: 30px;
}

#descriptionDisconnection ul li:before {
    position: absolute;
    left: 0;
    content: url(../images/svg/point.svg);
}

#wrapper .two-description span {
    padding-left: 0;
    padding-right: 30px;
}

#wrapper .two-description {
    margin-top: 100px;
}

.one-list-about {
    background: #ffffff;
    box-shadow: 0px 12px 35px rgba(0, 0, 0, 0.07);
    height: 520px;
    text-align: center;
    padding: 40px 22px;
}

#listAbout .title-h2 {
    font-weight: 600;
    font-size: 45px;
    line-height: 67px;
    color: #11374d;
    margin-bottom: 46px;
}

#listAbout {
    margin-top: 130px;
}

.wrap-img-about {
    width: 70px;
    height: 70px;
    border-radius: 50%;

    position: relative;
    margin: 0 auto 30px;
}

.first-about .wrap-img-about {
    background: #e1eef9;
}

.wrap-img-about img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.one-list-about span {
    display: block;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #11374d;
    margin-bottom: 10px;
}

.one-list-about p {
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    color: #11374d;
}

.two-about .wrap-img-about {
    background: #fff1dd;
}

.three-about .wrap-img-about {
    background: #d4e9f0;
}

.four-about .wrap-img-about {
    background: #dcf6e2;
}

.left-question-about {
    float: left;
    width: 675px;
    height: 600px;
    background: #e1eef9;
    border-radius: 4px 0 0 4px;
    padding: 50px;
}

.left-question-about .title-h2 {
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    color: #11374d;
    margin-bottom: 30px;
}

.left-question-about ul li a {
    display: block;
    position: relative;
    margin-bottom: 20px;
    padding: 12px 51px 12px 25px;
    background: #ffffff;
    border-radius: 100px;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #008ddb;
    width: max-content;
}

.left-question-about ul li a:after {
    position: absolute;
    top: 15px;
    margin-left: 10px;
    content: url(../images/svg/arrow-right-blue.svg);
}

#questionAbout {
    margin-top: 500px;
    height: 892px;
    margin-bottom: -150px;
}

#questionAbout .col-lg-12 {
    margin-top: -350px;
}

.right-question-about {
    float: left;
    width: 675px;
    height: 600px;
    background: #11374d;
    border-radius: 0 4px 4px 0;
    padding: 50px 65px;
}

.right-question-about .title-h2 {
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    color: #ffffff;
    margin-bottom: 30px;
}

.right-question-about ul li a {
    display: block;
    position: relative;
    margin-bottom: 20px;
    padding: 12px 51px 12px 25px;
    background: #008ddb;
    border-radius: 100px;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: white;
    width: max-content;
}

.right-question-about ul li a:after {
    position: absolute;
    top: 15px;
    margin-left: 10px;
    content: url(../images/svg/arrow-right-white.svg);
}

#questionAbout {
    background-image: url(../images/about-big.png);
    background-repeat: no-repeat;
    background-size: cover;
}

#descriptionCompany {
    margin-top: 150px;
}

#descriptionCompany p {
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #11374d;
    margin-bottom: 30px;
}

.btn-structure {
    display: block;
    margin: 0 auto 20px;
    width: 267px;
    height: 54px;
    background: #008ddb;
    box-shadow: 0px 4px 10px rgba(0, 141, 219, 0.2);
    border-radius: 100px;
    font-weight: 500;
    font-size: 16px;
    line-height: 54px;
    text-align: center;
    color: #ffffff;
}

.btn-pdf-company {
    position: relative;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: #11374d;
    display: block;
    width: max-content;
    margin: 0 auto;
}

.btn-pdf-company:after {
    position: absolute;
    margin-left: 10px;
    content: url(../images/svg/pdf.svg);
}

.left-info-director {
    float: left;
    width: 574px;
}

#director {
    margin-top: 125px;
}

.right-info-director {
    float: left;
    width: 574px;
    height: 400px;
   
}

.wrap-director-info {
    background: #ffffff;
    box-shadow: 0px 12px 35px rgba(0, 0, 0, 0.07);
    border-radius: 4px;
    width: 100%;
    display: grid;
    justify-content: center;
}

.right-info-director .title-h2 {
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    color: #008ddb;
    margin-bottom: 5px;
}

.right-info-director .title-h3 {
    font-size: 16px;
    line-height: 24px;
    color: #11374d;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #d8e0e5;
}

.right-info-director p {
    font-size: 16px;
    line-height: 30px;
    color: #11374d;
}

.one-director {
    min-height: 400px;
    background: #ffffff;
    box-shadow: 0px 12px 35px rgba(0, 0, 0, 0.07);
    border-radius: 4px;
}

.one-director span {
    display: block;
    margin: 30px 0 10px;
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    color: #008ddb;
}

.one-director p {
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #11374d;
}

#listDirectors {
    margin-top: 100px;
}

#pageGallery .top-block {
    background: url(../images/gallery.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 513px;
}

#listGallery {
    margin-top: -100px;
}

.wrap-one-image-gallery {
    margin-bottom: 50px;
}

.wrap-one-image-gallery img {
    width: 100%;
    height: 205px;
}

.wrap-one-image-gallery span {
    display: block;
    margin: 15px 0 5px;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #11374d;
}

.wrap-one-image-gallery p {
    font-size: 14px;
    line-height: 21px;
    color: #646c71;
}

.list-pagination ul li {
    display: inline-block;
    margin: 0 5px;
}

.list-pagination ul li a.btn-prev-paginate {
    margin-right: 75px;
}

.list-pagination ul li a {
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #00294a;
}

.list-pagination ul li a.btn-next-paginate {
    margin-left: 75px;
}

.list-pagination ul {
    text-align: center;
    width: fit-content;
    margin: 0 auto;
    padding-bottom: 15px;
}

.list-pagination ul {
    border-bottom: 1px solid #d8e0e5;
}

.list-pagination ul li a.active,
.list-pagination ul li a:hover {
    color: #008ddb;
}

#pageNews .top-block {
    background: url(../images/big-news.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 513px;
}

#pageNews .top-block .title-h2 {
    text-align: left;
    font-weight: 600;
    font-size: 45px;
    line-height: 67px;
    max-width: 710px;
    color: #ffffff;
}

.one-page-news {
    margin-bottom: 130px;
    max-width: 630px;
    float: left;
}

.one-page-news span {
    display: block;
    margin: 18px 0 5px;
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    color: #2279a8;
    padding-left: 25px;
}

.one-page-news p {
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    color: #11374d;
    padding-left: 25px;
    position: relative;
}

.one-page-news p:before {
    position: absolute;
    height: 100%;
    width: 1px;
    background: #008ddb;
    content: '';
    left: 0;
}

.one-page-news:nth-child(2n) {
    margin-top: 100px;
}

#pageListNews {
    margin-top: 200px;
}

.one-page-news:nth-child(2n - 1) {
    margin-right: 85px;
}

#pageContacts .top-block {
    background: url(../images/contacts.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 513px;
}

.info-contacts {
    background: #ffffff;
    box-shadow: 0px 12px 35px rgba(0, 0, 0, 0.07);
    border-radius: 4px;
}

.info-contacts .title-h2 {
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    color: #11374d;
    padding: 30px;
    border-bottom: 1px solid #d8e0e5;
}

#formContacts {
    margin-top: 200px;
}

.list-info-contacts {
    padding: 25px 30px;
}

.list-info-contacts ul li a {
    display: block;
    position: relative;
    margin-bottom: 25px;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    color: #11374d;
}

.wrap-form-contacts {
    background: #ffffff;
    box-shadow: 0px 12px 35px rgba(0, 0, 0, 0.07);
    border-radius: 4px;
    padding: 70px;
}

.wrap-form-contacts .title-h2 {
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    color: #11374d;
    margin-bottom: 30px;
}

.wrap-form-contacts .wrap-field-form {
    width: 360px;
    margin-bottom: 30px;
    float: left;
}

.wrap-form-contacts .wrap-field-form:nth-of-type(2n) {
    margin-left: 30px;
}

.wrap-form-contacts .wrap-field-form span,
.wrap-field-form-textarea span {
    display: block;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #11374d;
    margin-bottom: 10px;
}

.wrap-form-contacts .wrap-field-form input {
    width: 100%;
    height: 45px;
    background: #ffffff;
    padding-left: 15px;
    border: 1px solid #d8e0e5;
    border-radius: 100px;
}

.wrap-field-form-textarea textarea {
    resize: none;
    width: 100%;
    height: 80px;
    background: #ffffff;
    padding: 15px;
    border: 1px solid #d8e0e5;
    border-radius: 20px;
    margin-bottom: 50px;
}

.wrap-form-contacts .wrap-field-form span.field-required:after,
.wrap-field-complaint span.field-required:after,
.field-required:after {
    content: '*';
    color: red;
}

.wrap-form-contacts input[type='submit'] {
    display: block;
    width: 205px;
    height: 54px;
    background: #008ddb;
    box-shadow: 0px 4px 10px rgba(0, 141, 219, 0.2);
    border-radius: 100px;
    font-weight: 500;
    font-size: 16px;
    line-height: 54px;
    text-align: center;
    color: #ffffff;
    border: none;
    outline: none;
}

textarea,
input {
    outline: none;
}

#pageStrategy .top-block {
    background: url(../images/strategy.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 513px;
}

#pageServices .top-block {
    background: url(../images/services.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 513px;
}

#listPageServices {
    margin-top: -125px;
}

.one-service-page span {
    display: block;
    max-width: 260px;
    font-weight: 500;
    font-size: 14px;
    line-height: 27px;
    color: #11374d;
}

.one-service-page a {
    display: block;
    background: white;
    position: relative;
    height: 200px;
    padding: 87px 35px 0;
    border-radius: 4px;
    margin-bottom: 30px;
}

.one-service-page a p {
    display: none;
}

.one-service-page a:hover p {
    display: block;
    position: absolute;
    left: 35px;
    bottom: 25px;
    color: white;
    width: 80%;
}

.one-service-page a p:after {
    position: absolute;
    right: 0;
    content: url(../images/svg/arrow-right-white.svg);
}

.one-service-page a:hover span {
    color: white;
}

.one-service-page a:hover {
    background: #008ddb;
}

.one-service-page a svg path {
    fill: #008ddb;
}

.one-service-page a svg {
    position: absolute;
    left: 35px;
    top: 38px;
}

.one-service-page a:hover svg path {
    fill: white;
}

#pageHistory .top-block {
    background: url(../images/history.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 513px;
}

#listHistory {
    margin-top: 150px;
}

.one-element-history {
    margin-bottom: 50px;
}

.year-history {
    float: left;
    position: relative;
    width: 100px;
    margin-right: 65px;
    font-weight: 600;
    font-size: 45px;
    line-height: 67px;
    color: #11374d;
}

.content-history {
    float: left;
    width: 1160px;
    padding-bottom: 50px;
    border-bottom: 1px solid #d8e0e5;
}

.image-history {
    float: left;
    width: 315px;
    margin-right: 70px;
}

.description-history {
    float: left;
    width: 765px;
}

.description-history b {
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    color: #11374d;
    margin-bottom: 15px;
}

.description-history p {
    font-size: 16px;
    line-height: 30px;
    color: #646c71;
}

#listHistory .one-element-history:last-child .content-history {
    border-bottom: none;
}

.year-history:before {
    position: absolute;
    left: 50%;
    top: 110px;
    transform: translate(-50%, 0);
    content: url(../images/svg/year-point.svg);
}

#pageServiceContain {
    margin-top: 100px;
}

#pageServiceContain h3 {
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    color: #11374d;
    margin-bottom: 50px;
}

#pageServiceContain ol li,
.main-content-news ol li {
    font-size: 16px;
    line-height: 30px;
    color: #11374d;
    margin-bottom: 30px;
    position: relative;
    padding-left: 30px;
}

#pageServiceContain ol li:before,
.main-content-news ol li:before {
    position: absolute;
    left: 0;
    top: 3px;
    content: url(../images/svg/fluent.svg);
}

#pageServiceContain ul li {
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 30px;
    width: 315px;
    height: 200px;
    position: relative;
    font-size: 14px;
    line-height: 25px;
    color: #11374d;
    background: #ffffff;
    box-shadow: 0px 12px 35px rgba(0, 0, 0, 0.07);
    border-radius: 4px;
    padding: 50px 20px 0;
}

.one-other-service {
    background: #ffffff;
    border-radius: 4px;
    height: 200px;
    padding: 87px 135px 0 35px;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #11374d;
    position: relative;
}

.one-other-service svg {
    position: absolute;
    left: 35px;
    top: 36px;
}

#otherServices {
    margin-top: 100px;
}

#otherServices .title-h2 {
    font-weight: 600;
    font-size: 45px;
    line-height: 67px;
    color: #11374d;
    margin-bottom: 50px;
}

#otherServices .title-h2 span {
    color: #008ddb;
}

.one-other-service svg path {
    fill: #008ddb;
}

#otherServices .col-lg-12 {
    position: relative;
}

.arrow-left {
    position: absolute;
    left: -50px;
    top: 200px;
}

.arrow-right {
    position: absolute;
    right: -50px;
    top: 200px;
}

#mainContentNews {
    margin-top: 65px;
}

.caption-info-news .title-h2 {
    display: inline-block;
    width: max-content;
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    text-transform: uppercase;
    color: #2279a8;
}

.caption-info-news .social-news {
    display: inline-block;
    float: right;
}

.caption-info-news {
    border-bottom: 1px solid #d8e0e5;
    margin-bottom: 30px;
    padding-bottom: 25px;
}

.social-news ul li {
    display: inline-block;
    margin-left: 20px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #646c71;
    vertical-align: middle;
}

.social-news ul li a {
    position: relative;
    font-size: 14px;
    line-height: 150%;
    color: #0a99e2;
    padding-left: 25px;
}

.social-news ul li:nth-child(2n) a:before {
    position: absolute;
    left: 0;
    top: 2px;
    content: url(../images/svg/facebook.svg);
}

.social-news ul li:nth-child(3n) a:before {
    position: absolute;
    left: 0;
    top: 2px;
    content: url(../images/svg/twitter.svg);
}

.main-content-news h1 {
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    color: #11374d;
    margin-bottom: 50px;
}

.main-content-news h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    color: #11374d;
    margin-bottom: 30px;
}

.main-content-news p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 30px;
    color: #646c71;
}

#formComplaint {
    margin-top: 200px;
}

.wrap-form-complaint {
    background: #ffffff;
    box-shadow: 0px 12px 35px rgba(0, 0, 0, 0.07);
    border-radius: 4px;
    padding: 50px 70px;
}

.wrap-form-complaint .title-h2 {
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    color: #11374d;
    margin-bottom: 30px;
}

.wrap-field-complaint {
    width: 280px;
    margin-right: 30px;
    margin-bottom: 30px;
    float: left;
}

.wrap-wrap-field-complaint .wrap-field-complaint:nth-of-type(4n) {
    margin-right: 0;
}

.wrap-field-complaint > span,
.wrap-field-complaint-textarea > span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #11374d;
    margin-bottom: 10px;
}

.wrap-field-complaint > span span {
    font-size: 14px;
    line-height: 20px;
    color: #646c71;
    display: inline-block;
}

.wrap-field-complaint input,
.wrap-field-complaint p {
    width: 100%;
    height: 45px;
    background: #ffffff;
    border: 1px solid #d8e0e5;
    border-radius: 100px;
    padding-left: 15px;
}

.wrap-field-complaint p {
    position: relative;
    line-height: 40px;
    cursor: pointer;
}

.list-complaint {
    width: 100%;
    padding: 10px;
    background: #ffffff;
    box-shadow: 0px 15px 55px rgba(0, 0, 0, 0.07);
    border-radius: 4px;
    position: absolute;
    display: none;
}

.list-complaint.active {
    display: block;
    width: 300px;
}

.list-complaint li a {
    display: block;
    font-size: 14px;
    line-height: 21px;
    color: #11374d;
    padding: 10px;
}

.list-complaint li a:hover {
    background: #e1eef9;
    border-radius: 4px;
    color: #2279a8;
}

.wrap-field-complaint p:after {
    position: absolute;
    right: 15px;
    content: url(../images/svg/arrow-bottom.svg);
}

.wrap-field-complaint-textarea {
    width: 100%;
}

.wrap-field-complaint-textarea textarea {
    background: #ffffff;
    padding: 15px;
    border: 1px solid #d8e0e5;
    border-radius: 20px;
    margin-bottom: 50px;
    resize: none;
    width: 100%;
    height: 80px;
}

.wrap-field-complaint-checkbox {
    width: 100%;
    margin-bottom: 50px;
}

.wrap-field-complaint-checkbox ul li {
    display: inline-block;
    margin-right: 50px;
}

.wrap-field-complaint-checkbox ul li input[type='radio'] {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

label {
    font-weight: normal;
    cursor: pointer;
}

.wrap-field-complaint-checkbox ul li label {
    position: relative;
    padding-left: 34px;
    font-size: 14px;
    line-height: 20px;
    color: #11374d;
}

.wrap-field-complaint-checkbox ul li label:before,
.checkbox-field label:before {
    position: absolute;
    left: 0;
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #d8e0e5;
}

.wrap-field-complaint-checkbox ul li input:checked + label:after,
.checkbox-field input:checked + label:after {
    position: absolute;
    left: 3px;
    content: '';
    width: 14px;
    height: 14px;
    top: 3px;
    border-radius: 50%;
    background: #008ddb;
}

.wrap-form-complaint input[type='submit'] {
    display: block;
    width: 205px;
    height: 54px;
    background: #008ddb;
    box-shadow: 0px 4px 10px rgba(0, 141, 219, 0.2);
    border-radius: 100px;
    font-weight: 500;
    font-size: 16px;
    line-height: 54px;
    text-align: center;
    color: #ffffff;
    border: none;
    outline: none;
}

#listContraction {
    margin-top: -125px;
}

.one-contraction {
    position: relative;
    background: #ffffff;
    border-radius: 4px;
    padding: 87px 135px 0 35px;
    height: 200px;
}

.one-contraction span {
    display: block;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #11374d;
}

.one-contraction svg {
    position: absolute;
    left: 35px;
    top: 36px;
}

.one-contraction svg path {
    fill: #008ddb;
}

.one-contraction:hover span {
    color: white;
}

.one-contraction:hover svg path {
    fill: white;
}

.one-contraction:hover {
    background: #008ddb;
}

.wrap-main-content-contaction h1 {
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    color: #11374d;
    margin-bottom: 40px;
}

.wrap-main-content-contaction h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    color: #11374d;
    margin-bottom: 30px;
}

.wrap-main-content-contaction p {
    font-size: 16px;
    line-height: 30px;
    color: #646c71;
    margin-bottom: 20px;
}

.contraction-documents {
    background: #ffffff;
    box-shadow: 0px 15px 55px rgba(0, 0, 0, 0.07);
    border-radius: 4px;
}

.contraction-documents .title-h2 {
    padding: 30px;
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    color: #11374d;
}

.contraction-documents a {
    display: block;
    padding: 20px 30px;
    position: relative;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    color: #11374d;
    border-top: 1px solid #d8e0e5;
    padding-right: 50px;
}

.contraction-documents a:hover {
    background: #e1eef9;
    color: #2279a8;
}

.contraction-documents a:hover:after {
    position: absolute;
    right: 15px;
    top: 23px;
    content: url(../images/svg/arrow-paginate-right.svg);
}

#mainContentContraction {
    margin-top: 60px;
}

.one-metr {
    background: #ffffff;
    box-shadow: 0px 12px 35px rgba(0, 0, 0, 0.07);
    border-radius: 4px;
    padding-bottom: 30px;
}

.one-metr span {
    display: block;
    padding: 30px 30px 20px;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    color: #11374d;
}

.one-metr p {
    font-size: 16px;
    line-height: 30px;
    color: #646c71;
    margin: 0 30px 30px;
}

.one-metr a {
    display: block;
    width: 166px;
    height: 45px;
    background: #008ddb;
    border-radius: 100px;
    font-size: 14px;
    line-height: 45px;
    text-align: center;
    color: #ffffff;
    margin: 0 30px;
}

#meters {
    margin-top: 130px;
}

#meters .title-h2 {
    font-weight: 600;
    font-size: 45px;
    line-height: 67px;
    color: #11374d;
    margin-bottom: 40px;
}

#banks {
    margin-top: 60px;
}

#banks .title-h2 {
    font-weight: 600;
    font-size: 45px;
    line-height: 67px;
    color: #11374d;
    margin-bottom: 30px;
}

#banks .bank-number {
    font-size: 16px;
    line-height: 30px;
    color: #11374d;
    margin-bottom: 55px;
}

.wrap-list-banks {
    background: #ffffff;
    box-shadow: 0px 12px 35px rgba(0, 0, 0, 0.07);
    border-radius: 4px;
}

.wrap-list-banks ul {
    padding: 50px 0;
    height: 230px;
    border-bottom: 2px solid #d8e0e5;
}

.wrap-list-banks ul li {
    float: left;
    width: 25%;
    text-align: center;
    cursor: pointer;
}

.wrap-list-banks ul li span {
    display: block;
    font-weight: 500;
    font-size: 22px;
    line-height: 33px;
    text-align: center;
    color: #11374d;
    margin-top: 15px;
}

.wrap-list-banks ul li.active span {
    color: #008ddb;
}

.wrap-list-banks ul li:nth-child(-n + 2) img {
    max-width: 80px;
    max-height: 80px;
}


.info-bank {
    padding: 50px;
    display: none;
}

.info-bank.active {
    display: block;
}

.info-bank p {
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    color: #11374d;
}

#questions {
    margin-top: 105px;
}

#questions .title-h2 {
    font-weight: 600;
    font-size: 45px;
    line-height: 67px;
    color: #11374d;
    margin-bottom: 85px;
}

#questions ul li {
    background: #ffffff;
    box-shadow: 0px 12px 35px rgba(0, 0, 0, 0.07);
    border-radius: 4px;
    padding: 25px 70px;
    margin-bottom: 25px;
}

#questions ul li a {
    display: block;
    position: relative;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    color: #11374d;
}

#questions ul li p {
    font-size: 16px;
    line-height: 30px;
    color: #646c71;
    display: none;
    margin-top: 45px;
}

#questions ul li a:before {
    position: absolute;
    left: -40px;
    top: 2px;
    content: url(../images/svg/fluent-black.svg);
}

#questions ul li a:after {
    position: absolute;
    right: -40px;
    top: 2px;
    content: url(../images/svg/plus.svg);
}

#questions ul li a.active:after {
    content: url(../images/svg/minus.svg);
}

.wrap-field-complaint-checkbox span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #11374d;
    margin-bottom: 10px;
}

#linksHome {
    background-image: url(../images/landing-water.jpg);
    background-size: cover;
    height: 700px;
    margin-top: 100px;
}

#linksHome .list-links-home {
    margin-top: -100px;
}

#homeMap {
    margin-top: -100px;
}

.btn-list {
    position: relative;
    margin-right: 60px;
}

.btn-list:after {
    position: absolute;
    top: 14px;
    right: -15px;
    content: url(../images/svg/arrow-bottom.svg);
}

.sublist {
    position: absolute;
    padding: 10px;
    background: #ffffff;
    box-shadow: 0px 15px 55px rgba(0, 0, 0, 0.07);
    border-radius: 4px;
    width: 255px;
    z-index: 12;
    left: -80px;
    display: none;
}

.btn-list:hover .sublist {
    display: block;
}

.btn-list:hover a {
    color: #ffffff;
}

.btn-list:hover:after {
    top: 17px;
    transform: rotate(180deg);
}

.sublist ul li {
    display: block;
    margin-right: 0;
}

.sublist ul li a {
    display: block;
    font-size: 14px;
    line-height: 21px;
    padding: 10px;
    color: #0573b3 !important;
    position: relative;
}

.sublist ul li a:after {
    position: absolute;
    right: 10px;
    top: 15px;
    content: url(../images/svg/arrow-right-blue.svg);
}

.sublist ul li a:hover {
    background: #e1eef9;
    border-radius: 4px;
    color: #2279a8;
}

--

.sublist2 {
    position: absolute;
    padding: 10px;
    background: #ffffff;
    box-shadow: 0px 15px 55px rgba(0, 0, 0, 0.07);
    border-radius: 4px;
    width: 255px;
    z-index: 12;
    left: -80px;
    display: none;
}

.sublist li:hover .sublist2 {
    display: block;
}

.sublist:hover a {
    color: #ffffff;
}

.sublist :hover:after {
    top: 17px;
    transform: rotate(180deg);
}

.sublist2 ul li {
    display: block;
    margin-right: 0;
}

.sublist2 ul li a {
    display: block;
    font-size: 14px;
    line-height: 21px;
    padding: 10px;
    color: #0573b3 !important;
    position: relative;
}

.sublist2 ul li a:after {
    position: absolute;
    right: 10px;
    top: 15px;
    content: url(../images/svg/arrow-right-blue.svg);
}
.sublist2 {
    
position: absolute;
    
padding: 10px;
    
background: #ffffff;
    
box-shadow: 0px 15px 55px rgb(0 0 0 / 7%);
    
border-radius: 4px;
    
width: 255px;
    
z-index: 12;
   
    
display: none;
left: 50%;
}
.sublist2 ul li a:hover {
    background: #e1eef9;
    border-radius: 4px;
    color: #2279a8;
}

#contentWater h3 {
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    color: #11374d;
    margin-bottom: 30px;
}

#contentWater {
    margin-top: 100px;
}

#contentWater p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    color: #11374d;
    margin-bottom: 30px;
}

#contentWater ul li {
    position: relative;
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 30px;
    color: #11374d;
    padding-left: 25px;
}

#contentWater ul li:before {
    position: absolute;
    left: 0;
    content: url(../images/svg/fluent.svg);
}

#contentWater .col-lg-6 > span {
    display: block;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    color: #11374d;
    margin-bottom: 20px;
}

#contentWater .col-lg-6 > a {
    display: block;
    padding: 15px 30px;
    background: #008ddb;
    box-shadow: 0px 4px 10px rgba(0, 141, 219, 0.2);
    border-radius: 100px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    width: max-content;
}

#pageNews a {
    display: block;
    padding: 15px 30px;
    width: max-content;
    margin-top: 40px;
    background: #008ddb;
    box-shadow: 0px 4px 10px rgba(0, 141, 219, 0.2);
    border-radius: 100px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
}

#contentSubmitted {
    margin-top: 100px;
}

#contentSubmitted .col-lg-8 > p {
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    color: #11374d;
    margin-bottom: 50px;
}

#contentSubmitted .col-lg-8 ul {
    margin-bottom: 70px;
}

#contentSubmitted .col-lg-8 ul li {
    background: #ffffff;
    box-shadow: 0px 12px 35px rgba(0, 0, 0, 0.07);
    border-radius: 4px;
    margin-bottom: 30px;
    position: relative;
    min-height: 80px;
}

#contentSubmitted .col-lg-8 ul li span {
    position: absolute;
    height: 100%;
    padding: 0 37px;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    color: #ffffff;
    background: #008ddb;
    border-radius: 4px;
    width: 120px;
    line-height: 80px;
}

/*#contentSubmitted .col-lg-8 ul li a {*/
    /*display: block;*/
    /*padding-left: 140px;*/
    /*position: relative;*/
    /*font-weight: 600;*/
    /*font-size: 18px;*/
    /*!*line-height: 80px;*!*/
    /*color: #008ddb;*/

    /*padding-top: 10px;*/
    /*padding-bottom: 10px;*/
/*}*/

#contentSubmitted .col-lg-8 ul li p:after {
    position: absolute;
    right: 15px;
    content: url(../images/svg/arrow-right-blue.svg);
}

#listReports {
    margin-top: 220px;
}

.one-list-reports {
    background: #ffffff;
    box-shadow: 0px 12px 35px rgba(0, 0, 0, 0.07);
    border-radius: 4px;
    padding: 15px 20px;
    margin: 0 0 30px;
    height: 400px;
}

.one-list-reports span {
    display: block;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    color: #11374d;
    margin-bottom: 15px;
}

.one-list-reports ul li {
    margin-bottom: 20px;
}

.one-list-reports ul li a {
    display: block;
    font-size: 14px;
    line-height: 21px;
    color: #2279a8;
}

.one-certificate {
    height: 395px;
}

.one-certificate img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wrap-wrap-certificates {
    position: relative;
    background: #ffffff;
    box-shadow: 0px 12px 35px rgba(0, 0, 0, 0.07);
    border-radius: 4px;
    padding: 70px;
}

.wrap-wrap-certificates .wrap-arrows {
    position: absolute;
    right: 70px;
    bottom: 30px;
}

.wrap-arrows a {
    display: inline-block;
    margin-left: 65px;
    top: initial;
    left: initial;
    position: initial;
}

.one-main-certificate {
    min-height: 760px;
	min-width: 760px;
    background: #ffffff;
    box-shadow: 0px 12px 35px rgba(0, 0, 0, 0.07);
    border-radius: 4px;
    overflow: hidden;
}

.left-part-certificate {
    float: left;
    width: 537px;
    height: 100%;
}

.left-part-certificate img {
    width: 100%;
}

.one-page-news img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 434px;
}

.right-part-certificate {
    float: left;
    width: 813px;
    padding: 75px 50px 50px 50px;
    position: relative;
}

.right-part-certificate span {
    display: block;
    position: absolute;
    right: 45px;
    top: 32px;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #2279a8;
}

.right-part-certificate h3 {
    font-size: 18px;
    line-height: 30px;
    color: #11374d;
    margin-bottom: 10px;
}

.right-part-certificate h4 {
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    color: #11374d;
    margin-bottom: 20px;
}

.right-part-certificate p {
    font-size: 14px;
    line-height: 25px;
    color: #11374d;
    margin-bottom: 20px;
}

#mainContentCertificate {
    margin-top: 50px;
}

#mainArticles {
    margin-top: 100px;
}

.one-article-page > img {
    float: left;
    width: 430px;
    height: 330px;
    object-fit: cover;
}

.one-article-page {
    margin-bottom: 30px;
}

.wrap-content-article {
    float: left;
    width: 430px;
    position: relative;
    height: 330px;
    padding-left: 30px;
}

.wrap-content-article .name-article {
    font-weight: 600;
    font-size: 24px;
    line-height: 40px;
    color: #11374d;
    display: block;
    margin-bottom: 20px;
}

.wrap-content-article p {
    font-size: 16px;
    line-height: 30px;
    color: #11374d;
}

.wrap-content-article .btn-article-more {
    position: absolute;
    bottom: 0;
    font-size: 14px;
    line-height: 21px;
    color: #008ddb;
    display: block;
    left: 30px;
    width: 100%;
}

.wrap-content-article .btn-article-more:after {
    position: absolute;
    right: 0;
    content: url(../images/svg/arrow-right-blue.svg);
}

#contentSubmitted table {
    width: 100%;
    background: #ffffff;
    box-shadow: 0px 12px 35px rgba(0, 0, 0, 0.07);
    border-radius: 4px;
}

#contentSubmitted table th {
    padding: 24px 47px 19px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    color: #646c71;
}

#contentSubmitted table th {
    border-right: 1px solid #d8e0e5;
}

#contentSubmitted table th:nth-child(2) {
    width: 250px;
}

#contentSubmitted table td {
    border-top: 1px solid #d8e0e5;
    padding: 20px 44px;
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;

    color: #11374d;
    border-right: 1px solid #d8e0e5;
    text-align: left;
}

#contentSubmitted table td a {
    display: block;
    position: relative;
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    color: #2279a8;
    padding: 5px;
}

#contentSubmitted table td:nth-child(3) {
    padding: 20px 30px;
}

#contentSubmitted table td a:hover:after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    content: url(../images/svg/arrow-right-blue.svg);
}

#contentSubmitted table td a:hover {
    background: #e1eef9;
    border-radius: 4px;
    color: #008ddb;
}

#contentSubmitted table th:last-child,
#contentSubmitted table td:last-child {
    border-right: none;
}

#contentSubmitted table td:nth-child(2) {
    padding: 10px;
}

.desktop-none {
    display: none;
}

.new-sublist li a:after {
    display: none;
}

.esriPopup,
#mapDiv_zoom_slider {
    display: none;
}

.wrap-form-facture {
    background: #ffffff;
    box-shadow: 0px 12px 35px rgba(0, 0, 0, 0.07);
    border-radius: 4px;
    padding: 60px 70px;
    margin-top: -60px;
}

.wrap-form-facture .title-h4 {
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    color: #11374d;
    margin-bottom: 40px;
}

.first-row-form ul li {
    float: left;
    width: 360px;
    margin-bottom: 30px;
    margin-right: 30px;
}

.first-row-form ul li span,
.checkbox-field span,
.normal-field span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #11374d;
    margin-bottom: 10px;
}

.first-row-form ul li input,
.normal-field input {
    width: 100%;
    height: 45px;
    padding-left: 15px;
    background: #ffffff;
    border: 1px solid #d8e0e5;
    border-radius: 100px;
}

.first-row-form ul li:nth-child(2n) {
    margin-right: 0;
}

.first-row-form ul li p,
.normal-field p {
    margin-top: 10px;
    font-size: 11px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #646c71;
}

.first-row-form hr {
    margin-top: 0;
}

.checkbox-field input[type='checkbox'] {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.checkbox-field label {
    position: relative;
    padding-left: 40px;
    font-size: 14px;
    line-height: 20px;
    color: #11374d;
    margin: 20px 0;
}

.normal-field {
    margin-bottom: 30px;
}

#pageFacture input[type='submit'] {
    background: #008ddb;
    box-shadow: 0px 4px 10px rgba(0, 141, 219, 0.2);
    border-radius: 100px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #ffffff;
    padding: 15px 30px;
    border: none;
}

.wrap-search {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 50px;
    background: #f6f8f9;
    z-index: 15;
    display: none;
}

.wrap-search.active {
    display: block;
}

.wrap-search input {
    width: 100%;
    border: none;
    background: transparent;
    padding-left: 40px;
    line-height: 50px;
    height: 50px;
}

.close-search {
    position: absolute;
    right: 15px;
    top: 15px;
}

.wrap-search:before {
    position: absolute;
    left: 0;
    top: 15px;
    content: url(../images/svg/search.svg);
}

#captionSearch .title-h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 40px;
    color: #11374d;
    margin-top: 60px;
    margin-bottom: -200px;
}

.wrap-news-home {
    position: relative;
}

.wrap-news-home a {
    display: block;
}

.wrap-news-home .date-news-home {
    position: absolute;
    left: 13px;
    top: 0;
    padding: 7px 10px;
    display: block;
    background: white;
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #11374d;
}

.wrap-news-home a img {
    height: 300px;
    object-fit: cover;
    margin-bottom: 20px;
    width: 100%;
}

.wrap-news-home .title-h3 {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    color: #11374d;
    margin-bottom: 15px;
}

.wrap-news-home p {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    color: #646c71;
}

#newsHome .title-h2 {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 45px;
    line-height: 67px;
    color: #11374d;
    margin-bottom: 50px;
    text-align: center;
}

#newsHome {
    margin-top: 150px;
}

/*18.05.2021 AB*/
/*Fix Menu Resolution <1200px*/

@media screen and (max-width: 1200px) {
    #menu {
        height: auto;
    }

    #menu .container {
        width: 100%;
    }

    .list-menu ul {
 
    }

    .list-menu ul li {
        margin-right: 20px;
    }

    .list-header-languages ul {
        float: none;
    }
    .clear {
        clear: none;
    }
    header .row {
        display: flex;
    }
    .ml-auto {
        margin-left: auto;
        display: flex;
    }

    .mx-auto {
        margin: 0 auto;
    }
}

@media screen and (max-width: 767px) {
    header .row {
        display: block;
    }
    #menu {
        height: auto;
    }
    .clear {
        clear: both;
    }

    .list-menu ul {
    }

    .list-menu ul li {
        margin-right: 20px;
    }

    .list-header-languages ul {
        float: none;
    }
    .sublist {
        left: 0;
    }
    .ml-auto {
        margin-left: auto;
        display: block;
    }
    .sublist_mobile ul li:last-child {
        display: block !important;
    }
    .burger_bar {
        width: 20px;
        height: 2px;
        background-color: rgb(102, 99, 99);
    }
    .burger_bar:nth-child(2) {
        margin-top: 3px;
    }
    .burger_bar:last-child {
        margin-top: 3px;
    }
}

.calendar {
    width: 400px;
    height: 100%;
    background-color: #fff;
    box-shadow: 0px 12px 35px rgba(0, 0, 0, 0.07);
    padding: 30px 15px 10px 15px;
}

.calendar .month {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 55px;
}

.calendar .month svg {
    width: 24px;
    height: 24px;
    cursor: pointer;
}
.calendar .month svg path {
    transition: 0.3s;
}
.calendar .month svg:hover path {
    fill: #008ddb;
}

.calendar .month .date {
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.1px;
    color: #2e3b41;
}

.calendar .weekdays {
    margin-bottom: 10px;
}

.calendar .weekdays .days {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
}

.calendar .weekdays .days .day {
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.4px;
    color: #646c71;
}

.calendar .month__days {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.calendar .month__days .date {
    font-size: 16px;
    color: #11374d;
    width: calc(100% / 7);
    height: calc(370px / 7);
    display: flex;
    align-items: center;
    transition: 0.4s;
    justify-content: center;
}
.calendar .month__days .void {
    font-size: 16px;
    width: calc(100% / 7);
    height: calc(370px / 7);
    display: flex;
    align-items: center;
    justify-content: center;
}
.calendar .month__days .date:hover {
    background-color: #008ddb;
    border-radius: 50%;
    color: #fff;
}
.calendar .month__days .date.active {
    background-color: #008ddb;
    border-radius: 50%;
    color: #fff;
}
.download {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.1px;
    color: #008ddb;
    margin-bottom: 15px;
}
.download svg {
    margin-left: 10px;
}

.disconections__body {
    display: flex;
    justify-content: space-between;
}

.disconections {
    background-color: #fff;
    box-shadow: 0px 12px 35px rgba(0, 0, 0, 0.07);
    max-width: 950px;
    width: 100%;
    height: 100%;
}

.disconections__header {
    padding: 22px 70px 15px 20px;
}
.disconections__header ul {
    display: flex;
}
.disconections__header ul li {
    font-size: 10px;
    line-height: 21px;
    letter-spacing: 0.1px;
    color: #646c71;
    margin-right: 15px;
}

.disconections__header ul li:nth-child(3) {
    margin-right: 25px;
}
.disconections__header ul li:nth-child(5) {
    margin-right: 55px;
}
.disconections__header ul li:nth-child(6) {
    margin-right: 70px;
}
.disconections__header ul li:nth-child(7) {
    margin-right: 60px;
}

.disconections__sector {
    border-top: 1px solid #d8e0e5;
    padding: 15px 50px 15px 20px;
}
.disconections__sector h4 {
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.1px;
    color: #11374d;
    margin-bottom: 10px;
}
.disconections__sector ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.disconections__sector ul:not(:last-child) {
    margin-bottom: 15px;
}
.disconections__sector ul li {
    font-size: 12px;
    line-height: 21px;
    letter-spacing: 0.1px;
    color: #11374d;
}

@media (max-width: 1200px) {
    .calendar {
        display: block;
        margin: 0 auto;
    }

    .disconections__body {
        flex-direction: column;
    }

    .disconections {
        margin-top: 70px;
    }
}
@media (max-width: 992px) {
    .disconections {
        width: 100%
    }
    .scroll_wrapper {
        overflow-x: scroll;
        overflow-y: hidden;
    }
}
@media (max-width: 480px) {
    .calendar {
        width: 300px;
        height: 100%;
        padding: 20px 15px 10px 15px;
    }

    .calendar .month {
        margin-bottom: 35px;
    }

    .calendar .weekdays {
        margin-bottom: 10px;
    }

    .calendar .weekdays .days {
        padding: 0 5px;
    }

    .calendar .month__days .date {
        width: calc(100% / 7);
        height: calc(270px / 7);
        display: flex;
        align-items: center;
        transition: 0.4s;
        justify-content: center;
    }
    .calendar .month__days .void {
        font-size: 16px;
        width: calc(100% / 7);
        height: calc(270px / 7);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .calendar .month__days .date:hover {
        background-color: #008ddb;
        border-radius: 50%;
        color: #fff;
    }
    .calendar .month__days .date.active {
        background-color: #008ddb;
        border-radius: 50%;
        color: #fff;
    }
}




.company__swiper{
    padding:  100px 0;
    position: relative;
}
.company__swiper .swiper__carousel{
    overflow-x: hidden;
    position: relative;
}
.company__swiper .swiper-nav{
    top: 90% !important;
}
.company__swiper .swiper-nav::after{
    font-size: 30px !important;
}
.company__swiper .swiper-button-next{
    right: 35%;
}
.company__swiper .swiper-button-prev{
    left: 35%;
}
.company__swiper .swiper__carousel .swiper-wrapper .swiper-slide{
    width: 150px;
    height: 150px;
}
.company__swiper .swiper__carousel .swiper-wrapper .swiper-slide a img{
    height: 100%; width: 100%; object-fit: contain;
}

.views-ico {
    position: absolute;
    left: 0;
    top: 2px;
    content: url(../images/svg/views.svg);
}

.views-block {
    display: block;float: left;width: 19px;margin-right: 10px;
}
.views-number {
    padding-top: 2px;
}

#contentSubmitted .col-lg-8 ul li p {
    display: block;
    padding-left: 140px;
    position: relative;
    font-weight: 600;
    font-size: 18px;
    color: #008ddb;
    padding-top: 10px;
    padding-bottom: 10px;
}

#contentSubmitted .col-lg-8 ul li p a {
    padding-left: 0px !important;
}

#contentSubmitted table td {
    border-top: 1px solid #d8e0e5;
    padding: 5px;
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    color: #11374d;
    border-right: 1px solid #d8e0e5;
    text-align: center;
    vertical-align: middle;
}