html {
    width: 100%;
    margin: 0;
    padding: 0;
    background-position-x: center;
    background-size: 2600px;
    background-position-y: top;
    background-attachment: fixed;
}

a {
    color:#585757;
}

body {
    width: 100%;
    margin: 0;
    padding: 0;
}

body a {
    text-decoration: none;
}

.main {
    width: 100%;
}

.wrapper {
    /* max-width: 1400px; */
    /* margin: auto; */
}

.content {
    /* width: 100%; */
    /* max-width: 1900px; */
    /* margin: auto; */
    text-align: center;
}

.box-manager table {
    width: 100%;
}

.box-manager a {
    color: #323c57;

}

.box-breadcrumb ol {
    list-style: none;
    color: #dfdfdf;
    display: flex;
    justify-content: space-around;
    /* background: linear-gradient(270deg, #f8fff2 33%, #efefef 66%, #efefef); */
    border-radius: 20px;
    margin: 0;
    padding: 0 10px;
    flex-wrap: wrap;
}

.box-breadcrumb li {
    margin: 5px;
    font-size: 15px;
    white-space: nowrap;
}

.edit {
    position: relative;
}

.menu-top {
    margin-top: 14px;
}

.box-breadcrumb li a {
    color: rgb(50, 110, 150);
    padding: 2px 14px 2px 0;
    background-image: url(../img/breadcrumb-str.png);
    background-position-x: right;
    background-size: 10px;
    background-position-y: center;
    background-repeat: no-repeat;
}

.top {
    /* display: flex; */
    flex-direction: row;
    flex-wrap: wrap;
}


.top-left {
    margin: 0px 10px 0px 10px;
    text-align: left;
}


.top-left img:hover {
    animation: shakelogo 0.5s;
    animation-iteration-count: infinite;

}

@keyframes shakelogo {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}


.top-center ul {
    display: flex;
    list-style: none;
    justify-content: space-around;
    align-items: center;
    margin: 0;
    padding: 0;
    flex-direction: row;
    max-width: 500px;
    align-content: flex-end;
    flex-wrap: nowrap;
    height: 60px;
}

ul.contextual-links {
    display: none;
}


.menu-top.top-right ul {
    /* display: flex; */
    list-style: none;
    justify-content: center;
    margin: 0;
    padding: 0;
    flex-direction: row;
}

.box-tel p {
    padding: 0;
    margin: 0;
}

.menu-top.top-center li a {
    padding: 0 10px;
    white-space: nowrap;
    text-decoration: none;
    color: rgb(50, 110, 150);
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    padding: 0;
}

.menu-top.top-center li a.is-active {
    color: rgb(0, 40, 70);
    border-bottom: solid 2px;
}


.mob-nav {
    position: absolute;
    background-color: rgb(50, 110, 150);
    top: 20px;
}

.card-four {
    background-color: rgb(242 242 242 / 0%);
    text-align: center;
    margin: 10px;
    min-height: 180px;
    line-height: 10px;
    padding: 10px 0 20px;
    border-radius: 10px;
    /* box-shadow: 3px 3px 7px 0px #404d5440; */
}

.card-four-img {
    margin: 0;

}

.block-four-main-bg .card-four-img img {
    opacity: 0.85;
    border-radius: 50%;
    border-bottom: solid 2px #ffffff57;
    padding: 5px;
    background-color: #08080808;
    box-shadow: 5px 5px 7px 0px #fefefe1f;
}

.card-four h6 {
    line-height: 10px;
    color: rgb(50, 110, 150);
    margin: 5px 0 0;
    padding: 0;
    font-size: 19px;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
}

.card-four h6 a {
    color: #ffffff;
    font-weight: 500;
}

.card-four p {
    line-height: 15px;
    margin: 0;
    padding: 10px;
    font-size: 18px;
    font-weight: 600;
    color: #eefdff;
}

.slide {
    /* width: 95%; */
    /* padding: 10px 20px; */
}


.box-slide {
    /* background-image: url(/themes/Webprok/img/bg-top.svg); */
    background-size: 440px;
    background-position: top right 50px;
    background-attachment: scroll;
    background-repeat: no-repeat;
    padding: 40px 0px 40px;
    min-height: 360px;
    display: flow-root;
    max-width: 1280px;
    margin: -40px auto -30px;
    position: relative;
    z-index: 10;
    transition-duration: 2500ms;
}

.box-slide:hover {
    transform: scale(1.02) rotate(-1deg);

}




@media (max-width: 1200px) {
    .slide-title {
        /* width: 450px; */
    }
}


@media (max-width: 1000px) {
    .box-slide {
        background-image: none;
        /* display: flex; */
    }

    .box-slide {
        min-height: auto;
    }


    .card-two-img img {
        /* width: 300px; */
    }

    .top-center {
        display: none;
    }

    .menu-top.top-right ul {
        justify-content: right;
        padding-right: 20px;
    }

    .slide-title {
        max-width: 650px;
    }

}


.gradient-text {
    color: #e9eef5;
    background: linear-gradient(90deg, #e9eef5 10%, #e9eef5 66%, rgb(50, 110, 150));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 40px;
}

.gradient-text h1 {
    font-family: Noah, Trebuchet MS sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 36px;
    margin: 15px 0;
    color: rgb(50, 110, 150);
    text-transform: uppercase;
}

.slide .gradient-text p {
    /* font-family: Noah, Trebuchet MS sans-serif; */
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 5px;
    padding: 0;
}

.top-right {
    text-align: right;
}


@media (max-width: 767px) {
    .top-right {
        text-align: center;
    }

    .top-left {
        text-align: center;
    }
}


@media (max-width: 600px) {
    .slide .gradient-text p {
        font-size: 20px;
        line-height: 30px;
        margin: 0;
        padding: 10px 0;
    }

    .slide {
        /* width: 90%; */
        padding: 0px;
    }

    .footer-logo img {
        /* width: 100%; */
        /* max-width: 230px; */
    }

    .menu-top .top-right ul {
        margin: 0;
    }

    .footer-nav {
        margin: 20px 0;
    }


}


@media (max-width: 1000px) {
    .card-img img {
        width: 280px;
        height: 280px;
    }
}



@media (min-width: 800px) {
    .card-img {
        text-align: center;
    }

}

.slide-title {
    max-width: 500px;
    text-align: left;
    color: #ecf5e5;
    font-size: 19px;
    line-height: 40px;
    /* height: 100px; */
    padding: 0px 40px;
    /* background: linear-gradient(to left, #12385d00 -1%, #2b4463bf 20%, #2b3a5900 100%); */
}

@media (max-width: 1200px) {

    .slide-title {
        max-width: 640px;
    }
}

.slide-title li {
    line-height: 28px;
}

.slide-title ul {
    margin: 10px 30px 20px;
    padding: 0px;
}

.slide-title p {
    color: #ffffff;
    text-align: left;
    line-height: 25px;
    font-weight: 300;
    font-size: 20px;
    padding: 0;
    margin: 10px 0 10px;
}

.slide-calc {
    /* position: relative; */
    /* top: -70px; */
    margin-top: 10px;
    padding: 0 20px;
}

.slide-calc-img {
    position: relative;
    top: 25px;
    left: 10px;
    z-index: 1;
    text-align: left;
    min-height: 100px;
}

.slide-calc-text {
    width: 150px;
    text-align: center;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 0 0 10px;
    box-shadow: 4px 4px 10px 0px rgb(50, 110, 150)78;
    border-radius: 30px;
    font-weight: 600;
    border: solid 2px rgb(50, 110, 150)61;
    background-image: url(../img/tel.png);
    background-position-x: 1px;
    background-size: 40px;
    background-position-y: center;
    background-repeat: no-repeat;
}

.slide-calc-text p a {
    padding: 0px 20px;
    font-size: 20px;
    color: rgb(50, 110, 150);
    text-decoration: none;
}



.block-four-main {}

.block-four-main-bg {
    border-radius: 10px;
    text-align: center;
    padding: 30px 40px 50px;
    background: linear-gradient(to right, #01689100 -10%, #4570801f 50%, #00679485 100%);
    display: flow-root;
    color: #ffffff;
    box-shadow: 3px 3px 6px 0px #39484c63;
}

.block-flex {
    /* display: flow-root; */
    width: 100%;
    flex-wrap: wrap;
    margin: 10px 0 30px;
}

.block-four-main-bg h3 {
    color: #efefef;
    display: initial;
    font-size: 26px;
    font-family: "Montserrat";
    font-weight: 600;
    padding: 0 10px;
    margin: 10px 0;
    text-transform: uppercase;
    text-align: center;
    background: linear-gradient(45deg, #eefdff00 33%, #217eafbf 66%, #facc90c9);
}

.block-four-main-bg h4 {
    color: #efefef;
    width: 100%;
    max-width: 600px;
    text-align: center;
    margin: 10px auto;
    font-size: 18px;
    text-transform: none;
    font-weight: 400;
    line-height: 22px;
}

.block-four-main-bg .card-four {
    margin: 20px;
    background-color: #2387b300;
    box-shadow: 4px 4px 10px 0px #f5f4f414;
}

.card-two-text h1 {
    font-size: 30px;
    font-weight: 600;
    margin: 10px 0 5px;
    padding: 0;
    text-transform: uppercase;
    color: rgb(50, 110, 150);
}

.card-two-text h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 25px 0 15px;
    padding: 0;
    text-transform: uppercase;
    color: rgb(0 67 110);
    text-align: left;
}

.card-two-text h3 {
    font-size: 22px;
    margin: 20px 0 0;
    padding: 0;
    color: rgb(50, 110, 150);
}

.card-two-text h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 20px 0 10px;
    padding: 0;
    text-transform: uppercase;
    color: rgb(50, 110, 150);
}

.card-two-text p {
    font-size: 18px;
    font-weight: 300;
    margin: 15px 0 5px;
    padding: 0;
    text-align: left;
    line-height: 22px;
    color: #5d5d5d;
}

.card-two-text ul {
    margin: 5px 0px 20px;
    padding: 1px;
    text-align: left;
}


.card-two-text ul li {
    font-size: 18px;
    font-weight: 500;
    margin: 0 30px;
    padding: 0px 0px 5px;
    /* list-style: none; */
    /* background-image: url(../img/li.svg); */
    background-position-x: left;
    background-size: 18px;
    background-position-y: top;
    background-attachment: scroll;
    background-repeat: no-repeat;
    color: #5d5d5d;
}


.card-two-img {
    text-align: center;
    padding: 20px 0;
    width: 100%;
    text-align: right;
    /* background: linear-gradient(270deg, #f03b36 1%, #f03b36 50%, #f03b36); */
    /* border-right: solid #ccc; */
    /* max-height: 200px; */
    margin-top: 50px;
    margin-bottom: 0px;
}



.card-two-img img {
    object-fit: cover;
    -o-object-position: top;
    bottom: 0;
    max-width: 360px;
    /* border-radius: 200px; */
    /* min-height: 360px; */
    max-width: 360px;
    /* max-height: 280px; */
    padding: 0;
    width: 100%;
    height: 100%;
    /* border-top: dashed 2px #a3a9bb8a; */
    /* box-shadow: inset 5px 5px 6px 0px #d3d3d3a1; */
    /* background: linear-gradient(306deg, #0e395d30 10%, #2135445c 42%, #da4a68); */
    /* background-color: #fefefe12; */
    margin-top: -60px;
}

.card-article-img, .card-article-front-img {
    text-align: center;
    /* filter: grayscale(100%); */
    margin: 20px 0;
    padding: 0;
    width: 100%;
    /* background: linear-gradient(270deg, #a3a9bb 1%, #e9eef5cf 50%, #323c5700); */
    /* border-right: solid #a3a9bb; */
}

.card-article-front-img {
    filter: none;
}


.card-article-img a img {
    width: 100%;
    height: 100%;
    max-width: 280px;
    /* filter: grayscale(100%); */
    clip-path: polygon(0% 0%, 0% 100%, 900% 0%);
}

.card-article-img a:hover img {
    filter: none;
}


.card-article-text {
    text-align: center;
    padding: 10px 0;
    width: 100%;
    text-align: left;
}


.card-two-img-2 img {
    object-fit: cover;
    -o-object-position: top;
    bottom: 0;
    max-width: 600px;
    border-radius: 5px;
    /* min-height: 360px; */
    padding: 20px;
    width: 90%;
    height: 90%;
}

.page .card-two-img img {
    /* object-fit: cover; */
    -o-object-position: top;
    /* bottom: 0; */
    /* max-width: 280px; */
    /* border-radius: 180px; */
    /* min-height: 280px; */
    /* padding: 0; */
    /* border: dashed 2px #a3a9bb5c; */
    /* box-shadow: inset 5px 5px 7px 0px #163250; */
}

.page .card-two-img:after {
    content: "";
    display: block;
    width: 100%;
    max-width: 280px;
    height: 280px;
    position: absolute;
    margin: 20px;
    top: 0;
    left: 0;
    background: transparent;
    /* background: linear-gradient(1deg, #dd4a68 1%, #d74a67bd 50%, #323c5700); */
    opacity: 1;
}

.page .card-two-img {
    display: inline-block;
    position: relative;
    line-height: 0;
}

.card-two-text {
    /* background-color: #ffffffd9; */
    padding: 20px 20px 40px;
    border-radius: 10px;
    margin: 0px;
    /* box-shadow: 4px 4px 9px 0px #5a8095; */
    /* background: linear-gradient(to right, #01689100 -10%, #45708059 50%, #4b9fc454 100%); */
    color: #615f5f;
    text-align: left;
}


th.row_0.col_1 {
    background-color: rgb(50, 110, 150);
    color: #fefefe;
}

.card-two-text th {
    /* background-color: rgb(50, 110, 150); */
    /* color: #fefefe; */
}


.tab-all td {
    width: 12%;
    padding: 10px;
}

.tab-all td:nth-child(1) {
    /* text-align: left; */
}

.tab-all td:nth-child(4) {
    /* text-align: right; */
}


tr.tab-all:nth-child(odd) {
    background-color: rgb(220, 235, 245);
}

tr.tab-all:nth-child(even) {
    background-color: #ffffff;
}


tr.tab-all:hover {
    background-color: #918e8e;

}

.tab-all td:hover {
    width: 12%;
    background-color: rgb(50, 110, 150);
    color: #fefefe;
}


.box-tab-all th:nth-child(odd) {
    background-color: rgb(50, 110, 150);
    color: #fefefe;
}

.box-tab-all th:nth-child(even) {
    background-color: rgb(100, 160, 200);
    color: #fefefe;
}



.block-four-main-bg {
    /* max-width: 1280px; */
    margin: auto;
    /* background-color: bisque; */
    /* width: 100%; */
}

.top {
    /* max-width: 1400px; */
    /* margin: auto; */
}


.block-two-main, .block-two-main-2, .block-four-main, .block-three-main, .slide {
    /* max-width: 1280px; */
    /* margin: auto; */
    padding: 20px 0 20px;
}

.card-three-img {
    height: 90px;
}

.card-three-img img {
    /* opacity: 0.8; */
}

.card-three {
    text-align: center;
    margin: 20px 40px;
    line-height: 20px;
    padding: 10px 0 5px;
    border-radius: 10px;
    box-shadow: 4px 4px 10px 0px #bbbbbb;
    background-color: white;
}

.card-three-bg {
    text-align: center;
    margin: 10px 10px 20px 10px;
    line-height: 20px;
    padding: 0px 0 10px;
    border-radius: 10px;
    /* box-shadow: 6px 6px 6px 0px #21485229; */
}


.maincenter h4, .mainbot h4, .maintop h4 {
    font-size: 20px;
    /* font-family: "Montserrat"; */
    font-weight: 600;
    padding: 0;
    margin: 10px 0 0;
    /* text-transform: uppercase; */
    /* background: linear-gradient(90deg, #fefefe 10%, #fefefe 66%, #f1d4d3); */
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    color: #5f5f5f;
    line-height: 20px;
    margin: 10px 0;
}

.card-three-text h3 a, .card-three-bg-text h3 a {
    /* font-family: "Montserrat"; */
    font-weight: 600;
    font-size: 19px;
    text-transform: uppercase;
    text-align: center;
    max-width: 150px;
    margin: auto;
    line-height: 18px;
    display: flex;
    text-decoration: none;
    justify-content: center;
}

.card-three-text h3 a {
    color: #918e8e;
}

.slide .card-three-bg-text h3 a {
    color: #fefefe;
}

.card-three-bg-text h3 a {
    color: #918e8e;
}

.card-two-box {
    margin: 20px 10px 20px 30px;
}

.card-two-box h4 {
    font-family: "Noah";
    font-weight: 600;
    font-size: 26px;
    text-align: left;
    color: #efefef;
    max-width: 480px;
    margin: 0;
    padding: 0;
    line-height: 20px;
}

.card-two-box ol {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: space-around;
}

.card-two-box li {
    padding: 10px 10px 10px 10px;
    margin: 5px;
    /* box-shadow: 3px 3px 3px 0px #2d425f5e; */
    height: 50px;
    display: flex;
    align-items: center;
    border-radius: 0 10px 10px 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 17px;
    color: #918e8e;
    /* background: linear-gradient(168deg, #2573bc26 1%, #00364c00 50%, #323c5700); */
}

.card-two-box ol {
    list-style-type: none;
    counter-reset: num;
    margin: 0 0 0 50px;
    padding: 1px 0 0;
    font-size: 16px;
}

.card-two-box ol li {
    position: relative;
    text-align: left;
    width: 90%;
    font-size: 24px;
    font-weight: 800;
    /* color: #e6e6e6; */
    /* margin: 0 0 0 0; */
    /* padding: 0; */
    font-family: Noah, Arial #6c605d sans-serif;
    text-transform: uppercase;
}

.card-two-box ol li:before {
    font-family: Montserrat;
    content: counter(num);
    counter-increment: num;
    /* display: inline-block; */
    position: absolute;
    /* top: 0; */
    left: -60px;
    width: 50px;
    height: 70px;
    color: #918e8e;
    text-align: center;
    /* line-height: 28px; */
    font-size: 42px;
    font-weight: 600;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    /* border-radius: 50px 0 0 50px; */
    /* background: linear-gradient(232deg, #f3f6fa 1%, #4faecf00 50%, #323c5700); */
    padding: 0 5px;
    background-color: #f3f6fa;
    border-radius: 8px;
}


.footer {
    width: 100%;
    color: #fff;
    padding: 0;
    /* display: grid; */
    /* max-height: 300px; */
    margin: 0;
    align-items: end;
}

.footer a {
    color: #e9eef5;
    text-decoration: none;
}


.footer-bg {
    /* max-width: 1280px; */
    margin: 0 auto;
    border-radius: 20px 20px 0 0;
    text-align: center;
    padding: 20px 30px 40px;
    /* background: linear-gradient(160deg, #4a5a7c5e 1%, #e14a6800 50%, #323c5700); */
    /* border: dashed 2px #3c4763e6; */
    display: flow-root;
    border-right: none;
}

@media (max-width: 600px) {

    .footer-bg {
        padding: 20px 80px;
    }
}


.footer h4 {
    text-align: left;
    font-size: 15px;
    padding: 0 0 3px;
    margin: 10px 20px 2px 0;
    border-bottom: solid 1px #a3a9bb;
    color: rgb(220 235 245);
    font-weight: 600;
    font-family: Noah, Verdana;
    text-transform: uppercase;
}

.footer ul {
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 0;
}

.footer li {
    margin: 0;
    padding: 3px 0;
    font-size: 16px;
}

.footer p {
    margin: 0;
    padding: 3px 0;
    color: #e9eef5;
    text-align: left;
}

.footer-nav {
    margin: 0 0 20px;
}

.footer-left {
    text-align: center;
    margin: 5px 0;
}

.footer-right {
    text-align: right;
}


ul.bord-left {
    border-right: solid 1px #fff;
    margin-right: 20px;
    height: 25px;
    line-height: 20px;
    white-space: nowrap;
}

.buttom {
    margin: 20px 0;
    display: inline-block;
}


.buttom a {
    background-color: #ffffff;
    border-radius: 6px;
    padding: 6px 20px;
    font-size: 16px;
    text-decoration: none;
    color: #554264;
    box-shadow: 3px 3px 10px 0px #e9e9e9;
    margin: 0px;
    display: inline-flex;
}


.buttom a:hover {
    background-color: #ffffff;
    color: #918e8e;
    box-shadow: 1px 1px 10px 0px #dddddd;
    margin: 2px 0px 0 0;


}

.logo-bot {
    text-align: left;
}

.box_full {}

.bg5 {}

.block-four-main {
    display: flow-root;
    position: relative;
    z-index: 10;
}

.box-scroll::-webkit-scrollbar {
    width: 10px;
    background-color: #e9eef5;
    border-radius: 10px;
}

.box-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgb(50, 110, 150);
}

.box-scroll::-webkit-scrollbar-track {
    /* border-radius: 10px; */
    /* background-color: #f03b36; */
}



.tab-price td {
    white-space: nowrap;
    border: none;
    font-weight: 400;
}

table.tab-price {
    text-align: center;
    font-size: 15px;
    max-width: 480px;
    margin: auto;
    width: 100%;
}

table.tab-price th {
    background-color: #33333336;
}


th {
    padding: 8px 10px 8px;
    /* color: #fefefe; */
    /* text-align: center; */
    line-height: 18px;
    min-width: 50px;
    font-weight: 400;
}

th:nth-child(odd) {
    /* background-color: #1e000b21; */
}

th:nth-child(even) {
    /* background-color: #efefef; */
    /* color: #fefefe; */
}



.col_0:nth-child(odd) {
    /* background-color: #fefefe75; */
    padding: 5px 10px;
    text-align: left;
    /* white-space: nowrap; */
}


td:nth-child(even):hover {
    transition: 0.2s;
}

td:nth-child(odd):hover {
    transition: 0.2s;
}

tr:nth-child(odd) {
    /* background-color: #f2f2f2a6; */
}

tr:nth-child(even) {
    background-color: #efefef;
}

tr:hover {
    transition: 0.5s;
    background-color: #918e8e;
    color: #fefefe;
}

tr:hover a {
    color: #fefefe;
}

.card-two-text caption {
    padding: 5px;
    text-align: left;
    font-size: 18px;
    font-weight: 300;
    color: #326e96;
}

.tablefield {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    overflow: hidden;

}

.tablefield td {
    /* border: 1px solid rgb(255, 255, 255); */
    /* padding: 3px 10px; */
    /* text-align: center; */
    vertical-align: middle;
    position: relative;
    /* min-width: 100px; */
    height: 30px;
    font-weight: 600;
}

.tablefield td:hover {
    background-color: #e0e0e0;
    color: rgb(50, 110, 150);
}

.tablefield td:hover:after {
    background-color: #efefef;
    color: #5d5d5d;
    content: '';
    height: 10000px;
    left: 0;
    position: absolute;
    top: -5000px;
    width: 100%;
    z-index: -1;
}

h3.tab {
    text-transform: uppercase;
    font-weight: 700;
    color: #213e5e;
    margin: 0;
    padding: 0px 0px;
    line-height: 20px;
    margin: 20px 0 0;
    background: linear-gradient(90deg, rgb(50, 110, 150) 10%, #e47e97 66%, #51b3d0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

th.row_0.col_0 {
    /* background: linear-gradient(to right, #174293 -100%, #217eaf 50%, #2ab0c6 100%); */
    color: #efefef;
    background-color: #918e8e;
    padding: 10px;
}

.card-four-text {
    font-size: 18px;
    color: #ebececcf;
}

.box-karta {
    text-align: center;
}

.box-karta img {
    max-width: 1000px;
}

.wrapper {
    height: 100vh;
    display: grid;
    align-content: space-between;
    width: 98%;
    margin: auto;
}

.maintop {
    /* display: inline-grid; */
    /* justify-items: center; */
}

.col-xs-12 .top-right {
    /* border-left: solid 1px #f27791; */
    margin: 10px -1px;
}

.top {
    background-color: #ffffff;
    display: flow-root;
    /* padding: 30px 0 0; */
    margin: 0;
}

.top-box {
    max-width: 1280px;
    margin: auto;
}


.slide {
    display: flow-root;
    padding: 0;
    margin: 0;
    background-image: url(../img/bg-slide.jpg);
    background-position: left 0px top 0px;
    background-size: 1480px;
    background-repeat: no-repeat;
    background-attachment: local;
    background-color: #ffffff;
    transition-duration: 2500ms;
    max-width: 1380px;
    margin: 20px auto;
    border-radius: 10px;
}

.slide:hover {
    transform: scale(1.01) rotate(0deg);
    animation: shakeslide 5.5s;
}


@keyframes shakeslide {
    0% {
        background-color: #dee2e7;
    }

    10% {
        background-color: #ffffff;
    }

    100% {
        background-color: #e1e4e9;
    }
}



.slide-box {
    margin: auto;
    background-image: url(../img/shest.svg);
    background-size: 1050px;
    background-position: center left -500px;
    background-attachment: local;
    background-repeat: no-repeat;
}

.maintop {
    display: flow-root;
    margin: 0;
    background-color: #e9eef5;
 background-attachment: scroll;
    background-repeat: no-repeat;
    background-image: url(../img/shest.svg);
    background-size: 1200px;
    background-position: top right -320px;
    background-attachment: local;
    background-repeat: no-repeat;
}


.maincenter-box {
    max-width: 1280px;
    margin: auto;
}

.maincenter {
    display: flow-root;
    /* padding: 20px 0; */
    margin: 0;
    /* background-image: url(../img/bg-logo.svg); */
    background-position: center;
    background-size: 1600px;
    background-position-y: center;
    background-attachment: local;
    background-repeat: no-repeat;
    background-color: #e9eef587;
}

.bg-c {
    /* background-image: url(../img/bg.jpg); */
    background-position-x: center;
    background-size: 2600px;
    background-position-y: center;
    background-attachment: local;
    /* background-color: #00558f; */
    background-repeat: repeat;
    display: flow-root;
    width: 100%;
    border-radius: 10px;
}

.content-box {
    max-width: 1280px;
    margin: 10px auto 0;
    padding: 0 0 20px;
    display: grid;
}

.content {
    display: flow-root;
    padding: 20px 0;
    margin: 0;
    background-color: white;
    border-top: dashed 2px #a3a9bb3b;
    /* background-image: url(../img/bg-2.jpg); */
    background-position: center;
    background-size: 2680px;
    background-position-y: top;
    background-attachment: local;
    background-repeat: no-repeat;
}


.maintop-box {
    max-width: 1280px;
    margin: auto;
}

.mainbot {
    display: flow-root;
    padding: 20px 0;
    margin: 0;
    background-color: #ffffff;
    /* background-image: url(../img/bg-tri-kita.png); */
    /* background-position: center right 180px; */
    /* background-size: 1000px; */
    /* background-position-y: center; */
    /* background-attachment: local; */
    /* background-repeat: no-repeat; */
}

.mainbot-box {
    max-width: 1280px;
    margin: auto;
    display: flex;
    justify-content: center;
}

.footer {
    display: flow-root;
    padding: 10px 0 80px;
    margin: 20px 0 0;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-image: url(../img/shest.svg);
    background-size: 1050px;
    background-position: center left -500px;
    background-attachment: local;
    background-repeat: no-repeat;
    background-color: #326e96;
}

.footer-box {
    max-width: 1280px;
    margin: auto;
}




.card-three-bg-text h3 {
    margin: 12px 0 0;
}

.block-two-main-desc {
    /* max-width: 1200px; */
    /* margin: auto; */
    /* padding: 30px 0; */
}

.card-four-text strong {
    color: #326e96;
    line-height: 18px;
}

.dialog-off-canvas-main-canvas {
    display: flow-root;
}

.maintop .block:nth-child(even) {
    /* border-radius: 10px; */
    /* display: grid; */
    /* max-width: 1280px; */
    /* border-right: none; */
    /* width: 99%; */
    padding: 10px 0;
}

.maintop .block:nth-child(odd) {
    /* background: linear-gradient(198deg, #1f557a4d 1%, #e14a6800 50%, #323c5700); */
    /* border-radius: 10px; */
    /* box-shadow: 5px 3px 8px 0px #39495440; */
    /* border: dashed 2px #3c4763e6; */
    /* border-left: none; */
    /* border-bottom: none; */
    /* max-width: 1200px; */
    /* width: 99%; */
}


.maintop.block h4:nth-child(even) {
    text-align: right;
    background-color: beigel;
}

.maintop.block h4:nth-child(odd) {
    text-align: left;
    background-color: beigel;
}

.block-raboty {
    display: grid;
}


.block-raboty div:nth-child(even) {
    background-color: beigel;
    width: 50%;
}

.button-edit {
    background-color: rgb(50, 110, 150);
    font-size: 14px;
    color: white;
    text-decoration: none;
    display: block;
    padding: 10px 15px;
    border-radius: 20px;
    line-height: 10px;
    border: solid 2px rgb(50, 110, 150);
    /* margin: 10px; */
    max-width: 140px;
    margin: 20px auto;
    /* position: unset; */
    /* top: 0; */
    /* right: 0; */
}

.button-edit a {
    text-decoration: none;
    color: #ddd;
}

.button-edit:hover {
    background-color: rgb(50, 110, 150);
}

.menu-but-logo img {
    margin-top: -30px;
}

.button-whatsapp a, .button-calc a {
    padding: 4px 10px 4px 35px;
    font-weight: 600;
    border-radius: 30px;
    text-decoration: none;
    font-size: 18px;
    border: solid 2px;
    color: #e9eef5;
    background-position-x: -5px;
    background-size: 40px;
    background-position-y: center;
    background-repeat: no-repeat;
    box-shadow: 4px 4px 10px 0px #f4f4c252;
    margin: 10px;
    transition-duration: 500ms;
}

.button-whatsapp a {
    background-image: url(../img/whatsapp-2.svg);
}

.button-whatsapp a:hover, .button-calc a:hover {
    color: rgb(50, 110, 150);
    background-color: #e9eef5;
    border: solid 2px rgb(50, 110, 150);
    padding: 4px 35px 4px 10px;
    background-size: 200px;
    background-position-x: 30px;
    background-image: url(../img/whatsapp-2-hover.svg);
}

.button-calc a {
    background-image: url(../img/calc.svg);
}


.button-whatsapp a:hover {
    opacity: .9;
}

.button-whatsapp {
    text-align: left;
    margin: 30px 40px 50px;
}

.block-menu ul ul {
    list-style: none;
    margin-left: 20px;
    color: #e9eef5;
}


.card__desc a {
    color: #e9eef5;
}

.card__desc .tar h5 a {
   font-size: 40px;
    color: #e9eef5;
}

.card__desc h5 a {
    font-size: 22px;
    color: #e9eef5;
    line-height: 10px;
}

.card__desc.tar h5 a {
    text-transform: capitalize;
    font-size: 32px;
}

.card__desc {
    /* max-width: 250px; */
    margin: auto;
    padding: 0px 20px 40px 10px;
    /* line-height: 20px; */
    font-size: 18px;
    color: #f3f6fa;
    min-height: 160px;
    display: block;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-image: url(../img/shest.svg);
    background-size: 350px;
    background-position: top right -170px;
    background-attachment: local;
    background-repeat: no-repeat;
}


.card__gruz h3 {
    font-size: 24px;
    color: #323c57;
}

.card__cena {
    font-size: 28px;
    text-align: right;
    color: rgb(50, 110, 150);
    font-weight: 600;
}

.card-hover,
.card-service,
.card-gallery {
    background-position-x: center;
    background-size: 233px;
    background-repeat: no-repeat;
    max-width: 300px;
    /* min-height: 540px; */
    border-radius: 10px;
    /* box-shadow: 4px 4px 5px 0px #012e4f59; */
    background-position-y: 37px;
    background-color: rgb(50, 110, 150);
    background: linear-gradient(0deg, rgb(50, 110, 150) 10%, rgb(50, 110, 150) 66%, #ffffff);
    /* border-right: dashed 1px #989ba3; */
    /* border-bottom: dashed 1px #a2a5af; */
    display: inline-block;
    /* background-color: #e6e6e6; */
    margin: 2px;
    position: relative;
    /* top: -70px; */
}


.card-service:hover {
    transform: rotate(0deg) scale(0.95);
    transition-duration: .2s;
    background-color: #918e8e;
    background: linear-gradient(0deg, rgb(50, 110, 150) 10%, rgb(50, 110, 150) 66%, #ffffff);
    position: relative;
    z-index: 10;
}


.card-service .card__img2 img {
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 220px;
    /* z-index: 1; */
    clip-path: polygon(0% 0%, 0% 100%, 700% 0%);
    /* top: 5px; */
    border-radius: 10px;
}

.card-service img:hover {

    transform: rotate(-2deg) scale(1.2);
    transition-duration: 0.7s;
    position: relative;
}


.card__desc h5 {
    color: #ffffff;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0px;
}

.card__desc h6 {
    color: #ffffff;
    font-size: 28px;
    line-height: 28px;
    font-weight: 700;
    margin-top: 0px;
}

.card__desc h5, .card__desc h6 {
    max-width: 90%;
    padding-left: 7%;
    text-align: right;
    margin: 0;
}

.card-two-text a {
    color: #918e8e;
}

.card-two-text table {
    width: 100%;
}

.card-two-text table td {
    padding: 0px 10px;
}

.card__url a {
    color: #fefefe;
    font-size: 17px;
    padding: 2px 10px 4px;
    background: linear-gradient(269deg, #918e8e 1%, #3d72bba6 50%, #1eb6cf00);
    text-align: right;
    width: 90%;
    display: block;
    /* margin-top: 20px; */
    /* display: block; */
}

.box-tel a {
    font-family: 'Noah';
    padding: 5px 10px 5px 34px;
    margin: 0 0 0 -50px;
    display: inline-block;
    text-align: right;
    background-image: url(../img/whatsapp.svg);
    background-position-x: left;
    background-size: 28px;
    background-position-y: center;
    background-repeat: no-repeat;
    color: #003d64;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    /* margin: 0 20px 0 20px; */
    white-space: nowrap;
}

.card__img2 {
    clip-path: polygon(-10% 0%, 0% 97%, 1500% -10%);
    background: linear-gradient(200deg, #ffffff 3%, #ffffff21 50%, #918e8e);
    padding: 0;
    overflow: hidden;
    display: block;
    border-radius: 8px;
}

.card__img2 img:hover {

    transform: rotate(-2deg) scale(1.2);
    transition-duration: 0.7s;
    position: relative;
}


p.four-text-2 {
    color: rgb(0 61 100);
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 900;
    font-family: Noah, Trebuchet MS sans-serif;
}

@media (max-width: 700px) {

.box-gal div {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    gap: 0px;
    width: 100%;
    /* max-width: 1400px; */
}

    .box-tel a {
        padding: 4px 0 4px 40px;
        margin: 0;
    }
.slide {
     background-size: 2280px;
}

.slide:hover {

    background-size: 2500px;
}    
}

@media (max-width: 780px) {

    .card-hover,
    .card-service,
    .card-gallery {
        max-width: 300px;
    }

    .card__desc h3 a {
        font-size: 34px;
    }

    .card-two-img {
        text-align: center;
    }

}

@media (max-width: 600px) {

    .img-gal:nth-child(5n-1) {
        grid-column: span 1;
        grid-row: span 2;
    }

    .box-price {
        max-width: 340px;
    }

    .button-whatsapp, .button-calc {
        text-align: center;
    }



}

.box-scroll {
    display: block;
    overflow: hidden;
    overflow-x: scroll;
}

.box-price {
    margin: 30px auto;
}

.box-two-desc {
    padding: 20px 0;
}

.bg-desc {
    background-attachment: scroll;
    background-repeat: no-repeat;
    /* background-image: url(../img/shest.svg); */
    background-size: 500px;
    background-position: center right -120px;
    background-attachment: local;
    background-repeat: no-repeat;
}


.card-bg-img {
    text-align: center;
    /* text-align: right; */
    /* background-color: #d3e8f1; */
    /* padding: 0; */
    margin: 20px 0 0;
    /* display: flex; */
    justify-content: center;
}



.card-bg-img img {
    object-fit: cover;
    -o-object-position: top;
    bottom: 0;
    padding: 10px 10px;
    /* width: 100%; */
    max-width: 320px;
    max-height: 320px;
    border-radius: 50%;
    padding: 10px;
    border: solid 5px rgb(50, 110, 150);
    /* background-color: #e5ebdf; */
    margin: auto;
}

.card-bg-top {
    /* background: linear-gradient(90deg, #ffffff 1%, #ffffff8f 30%, #ffffff00); */
    /* position: absolute; */
    height: 100%;
    width: 100%;
}

.box-col-2 {
    -webkit-column-width: 400px;
    -moz-column-width: 400px;
    column-width: 300px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 10px;
    -moz-column-gap: 30px;
    column-gap: 50px;
    -webkit-column-rule: 1px solid #443434;
    -moz-column-rule: 1px solid #443434;
    column-rule: 1px solid #b9b9b9;
}


.card-two-text img {
    width: 95%;
    height: auto;
    /* max-width: 360px; */
    margin: auto;
    text-align: center;
    /* padding: 20px; */
    display: inherit;
}

.card-two-text img {
    text-align: center;
    margin: auto;
    padding: 10px;
    display: inherit;
    /* filter: grayscale(100%); */
}


.shah-block {
    display: flex;
    background: rgb(50, 110, 150);
    /* background: linear-gradient(90deg, #727271 10%, #adadad 66%, #d8d8d7); */
}

.shah-img {
    padding: 0;
    overflow: hidden;
    display: block;
}


.shah-img img {
    width: 100%;
    height: auto;
    transition: 1.7s;
    display: block;
}

.shah-img img:hover {
    transform: scale(1.35) rotate(5deg);
}


.shah-text {
    padding: 0;
    margin: 0;
    width: 100%;
    display: block;
    height: 100%;
    display: grid;
    background-image: url(../img/shest.svg);
    background-position: center right -50px;
    background-size: 200px;
    background-attachment: local;
    background-repeat: no-repeat;
    min-height: 280px;
    align-items: center;
}

.card__desc h2 {
   padding: 0 20px;
}

.card__desc h2 a {
    text-transform: uppercase;
    font-size: 22px;
    color: #ffffff;
}

.shah-text a {
    background: linear-gradient(90deg, rgb(151 192 219) 10%, #fafdff 66%, #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.shah-text h3 {
    padding: 10px;
    margin: 0;
    font-size: 24px;
    line-height: 28px;
    /* font-weight: 600; */
    text-transform: uppercase;
    max-width: 300px;
}

@media (max-width: 1200px) {
    .shah-text h3 {
        font-size: 21px;
        line-height: 20px;
    }
    .shah-text h3 {
    font-size: 20px;
}

}

@media (max-width: 900px) {
    .shah-text h3 {
        font-size: 18px;
        line-height: 20px;
    }
    .shah-text h3 {
    font-size: 20px;
}
    
.mobno {
    display: none;
}
    
}

@media (max-width: 600px) {
    .shah-text h3 {
        font-size: 18px;
        line-height: 20px;
        font-weight: 600;
    }

.shah-text {
    min-height: 180px;
}

}

.shah-block:nth-child(odd) {
    display: flex;
    background-color: rgb(0, 61, 100);
    /* background: linear-gradient(90deg, rgb(50, 110, 150) 10%, rgb(50, 110, 150) 66%, rgb(50, 110, 150)); */
    flex-direction: row-reverse;
}

.shah-block:nth-child(odd) a {
    background: linear-gradient(90deg, #ccc 10%, #fafdff 66%, #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.shah-block:nth-child(odd) h3 {
    text-align: right;
}

.shah-block:nth-child(even) .card__url a {
    text-align: left;
}

.shah.box-col-2 {
    column-width: 340px;
    -webkit-column-width: 340px;
    -moz-column-width: 340px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    column-gap: 0px;
    -webkit-column-rule: none;
    -moz-column-rule: none;
    column-rule: none;
}

.shah-block:nth-child(odd) .shah-text {
    display: grid;
    justify-content: end;
    background-position: center left -70px;
    min-height: 280px;
    align-items: center;
}

.box-zebra {
    padding: 40px 20px;
}

.box-zebra:nth-child(even) {
    /* background-color: #efefefbf; */
    display: inline-block;
}

.box-zebra:nth-child(odd) {
    display: inline-block;
     background-color: #ffffffb8;
}

.box-vopros-zebra {
    padding: 10px 10px;
}

.box-vopros-zebra:nth-child(even) {
    background-color: #efefefbf;
    display: inline-block;
}

.box-vopros-zebra:nth-child(odd) {
    display: inline-block;
     background-color: #ffffffb8;
}

ul {
    margin: 10px 0;
    padding: 0 0 0 20px;
}

.card-article-text h2 {
    color: rgb(50, 110, 150);
    line-height: 24px;
    font-size: 24px;
    margin: 20px 0 0 0;
    padding: 0;
}

.card-article-text a {
    color: rgb(50, 110, 150);
}

ul.js-pager__items.pager__items.pager-show-more {
    list-style: none;
}

li.pager__item a {
    /* background-color: #0b4368; */
    padding: 6px 14px 8px;
    border-radius: 50px;
    color: #918e8e;
 border: solid 2px #918e8e;
    margin: 2px;
}

li.pager__item a:hover {
    background-color: #fefefe;
    border-radius: 50px;
    color: rgb(50, 110, 150);
    border: solid 2px rgb(50, 110, 150);
}

ol {
    margin: 0 15px 30px;
    padding: 0;
}

ol li {
    margin: 0px 20px 10px;
    list-style: decimal-leading-zero;
    font-size: 19px;
    color: rgb(0, 61, 100);
}

::marker {
    color: #918e8e;
}

h3 {
    margin: 0;
}

p {
    margin: 10px 0;
}

ul.js-pager__items.pager {
    width: 100%;
    margin: 50px 0 0;
    list-style: none;
    padding: 0;
}

ul.js-pager__items.pager a {
    color: #918e8e;
    background-color: #ffffff;
}

ul.js-pager__items.pager a:hover {
    color: rgb(50, 110, 150);
}

.box-blog ul.js-pager__items.pager {
    width: 100%;
    text-align: center;
    margin: 50px auto;
    list-style: none;
    padding: 0;
}

ul a.button {
    margin-top: 30px;
}

@media (max-width: 700px) {
    ul.js-pager__items.pager {
        text-align: center;
        margin: 50px 0;

    }

}

@media (max-width: 540px) {
.shah-block:nth-child(odd) .shah-text {
    min-height: 165px;
}
}

.box-tel {
    /* margin-top: 10px; */
}

.bg-slide-top::after {
    content: '';
    position: absolute;
    top: 10px;
    z-index: 1;
    /* background-image: url(../img/box-top-top-right.svg); */
    background-position: top 20px right 10px;
    background-size: 400px;
    background-attachment: scroll;
    background-repeat: no-repeat;
}

.bg-slide-top::after {
    right: 0px;
    width: 100%;
    height: 400px;
}

.bg-slide-top {
    position: relative;
}

.bg-slide-top::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0px;
    z-index: 1;
    width: 100%;
    height: 400px;
    /* background-image: url(../img/box-top-top-left.svg); */
    background-position: top left 10px;
    background-size: 200px;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position-y: top;
}

.box-main {
    margin: auto;
    max-width: 1280px;
    text-align: left;
    border-radius: 20px;

    font-size: 18px;
}


.card-two-main {
    /* padding: 20px 20px 40px; */
}

.card-two-main-img img {
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    position: relative;
    width: 100%;
    height: 100%;
    clip-path: polygon(0% 0%, 0% 100%, 700% 0%);
    border-radius: 20px 0 0 10px;
}

.card-two-main-img {
    text-align: center;
    clip-path: polygon(0% 0%, 0% 100%, 1200% 0%);
    border-radius: 20px 0 0 20px;
    background: linear-gradient(90deg, #ffffff 10%, #e9eef547 66%, #e9eef500);

}


.box-2-main {
    background-image: url(../img/box-top-top-center.svg);
    background-position: left bottom 10px;
    background-size: 2400px;
    background-repeat: no-repeat;
    background-attachment: local;
    display: flow-root;
    margin: 20px 0;
    border-radius: 20px;
    /* padding: 20px 20px 70px; */
}

.box-2-main:nth-child(even) {
    background-color: #918e8e;
    color: white;
    transition-duration: 2500ms;
}

.box-2-main:nth-child(even):hover {
    display: flow-root;
    padding: 0;
    margin: 0;
    background-image: url(../img/box-top-top-center.svg);
    background-position: right bottom 0px;
    background-size: 3580px;
    background-repeat: no-repeat;
    background-attachment: local;
    background-color: rgb(50, 110, 150);
    transform: scale(1.01) rotate(2deg);
    animation: shakebox-2-main2 5.5s;
    animation-iteration-count: infinite;
}


@keyframes shakebox-2-main2 {
    0% {
        background-color: rgb(50, 110, 150);
    }

    10% {
        background-color: rgb(50, 110, 150);
    }

    100% {
        background-color: rgb(50, 110, 150);
    }
}

.box-2-main:nth-child(even) a {
    color: white;
}


.box-2-main:nth-child(odd) {
    background-color: #e9eef5;
    color: #676a5d;
    transition-duration: 2500ms;
}


.box-2-main:nth-child(odd):hover {
    display: flow-root;
    padding: 0;
    margin: 0;
    background-image: url(../img/box-top-top-center.svg);
    background-position: right bottom 0px;
    background-size: 3580px;
    background-repeat: no-repeat;
    background-attachment: local;
    background-color: #e9eef5;
    transform: scale(1.01) rotate(2deg);
    animation: shakebox-2-main 5.5s;
    animation-iteration-count: infinite;
}


@keyframes shakebox-2-main {
    0% {
        background-color: #ffffff;
    }

    10% {
        background-color: #e9eef5;
    }

    100% {
        background-color: #ffffff;
    }
}




.box-2-main:nth-child(odd) a {
    color: #4f4e4e;
}

.card-two-main-text {
   margin: 50px 20px;
}

.box-button {
    display: flex;
    justify-content: center;
}

.truba {
    position: fixed;
    bottom: 45px;
    right: 10px;
    z-index: 2;
}

.telefon {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 3;
}


.truba {
    position: fixed;
    bottom: 0px;
    right: 10px;
    animation: shaketruba 0.7s;
    animation-iteration-count: infinite;

}

@keyframes shaketruba {
    0% {
        transform: translate(1px, -40px) rotate(0deg);
    }

    10% {
        transform: translate(1px, -40px) rotate(0deg);
    }

    20% {
        transform: translate(1px, -40px) rotate(0deg);
    }

    30% {
        transform: translate(1px, -40px) rotate(0deg);
    }

    40% {
        transform: translate(1px, -40px) rotate(0deg);
    }

    50% {
        transform: translate(1px, -40px) rotate(1deg);
    }

    60% {
        transform: translate(-3px, -41px) rotate(0deg);
    }

    70% {
        transform: translate(3px, -41px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, -50px) rotate(-10deg);
    }

    90% {
        transform: translate(1px, -45px) rotate(10deg);
    }

    100% {
        transform: translate(-3px, -42px) rotate(-25deg);
    }
}


.telefon {
    position: fixed;
    animation: shake 0.7s;
    animation-iteration-count: infinite;
}

@keyframes shake {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    20% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    30% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    40% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    80% {
        transform: translate(0px, -5px) rotate(-10deg);
    }

    90% {
        transform: translate(-1px, 3px) rotate(5deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}

.card-img {
    margin: 0px 0 20px 0;
    text-align: center;
    width: 100%;
}

.block-two-main-desc h6 {
    margin: 20px 6% 5px;
    color: rgb(50, 110, 150);
    width: 90%;
    font-size: 20px;
}

.block-two-main-desc h5 {
    margin: 10px 10px;
    color: #6c6b6b;
    font-size: 18px;
}

.card__cena {
    color: #f8f9f6;
    margin: 10px 0 0 0;
    text-align: right;
    font-size: 28px;
}


.card-two-text th, .tab-price th {
    /* background-color: #918e8e; */
    /* color: #fefefe; */
}

.card-two-text th, .card__desc th {
    /* background-color: #918e8e; */
}

.card-img img {
    border-radius: 50%;
    border: solid 2px rgb(50, 110, 150);
    padding: 10px;
    /* width: 90%; */
    /* height: 90%; */
    background-color: #ffffff52;
}


.card-img img:hover {
    transform: rotate(-2deg) scale(0.95);
    transition-duration: 0.7s;
    position: relative;
    filter: grayscale(100%);
    border-radius: 50%;
}



.box-filtr {
    padding: 30px 0;
    display: block;
}

.fieldset-wrapper {
    display: inline-block;
    width: 100%;
    max-width: 280px;
}

.box-manager table {
    width: 100%;
}

th {
    width: 10%;
}


.box-manager table td {
    padding: 0 5px;
}

.box-manager table th {
    background-color: #918e8e;
    color: #fefefe;

}

.box-manager table th a {
    background-color: #918e8e;
    color: #fefefe;
}

ul.pager__items.js-pager__items {
    list-style: none;
    display: flex;
    justify-content: center;
    padding: 50px 0;
    width: 100%;
}

li.pager__item.is-active a {
    color: rgb(50, 110, 150);
    border: solid 2px rgb(50, 110, 150);
    padding: 8px 14px;
    
}

table.tab-price-desc {
    width: 90%;
    margin: auto;
    display: table;
}

table.tab-price-desc th {
    /* background-color: rgb(50, 110, 150); */
    color: #ffffff;
}

.box-tab-all table {
    display: inline-table;
}

.card-text {
    padding: 0 30px 20px;
}

.btn-2.form a {
    background-color: rgb(50, 110, 150);
    padding: 10px 20px;
    border-radius: 30px;
    color: #ffffff;
    font-size: 16px;
    transition-duration: 0.2s;
}

.btn-2.form a:hover {
    background-color: #918e8e;
    padding: 10px 20px;
    border-radius: 30px;
    font-size: 16px;
}

.card audio {
    position: relative;
    z-index: 999;
    top: 325px;
    background-color: #f1f3f4;
    width: 98%;
}

audio {
    width: 98%;
    margin: auto;
}

.media {
    max-width: 1280px;
    margin: auto;
}

.mb50 {
    margin-bottom: 50px;
}

.card-article-text ul {
    list-style: circle;
    margin: 10px;
    line-height: 24px;
}

.quote {
    background-color: #efefef;
    margin: 10px 0;
    padding: 20px;
}

.quote-block {
    background-color: #efefef;
    margin: 10px 0;
    padding: 20px;
}

table {
    display: block;
    overflow: hidden;
    overflow-x: scroll;
}

.tab-price-desc thead {
    background: rgb(50, 110, 150);
    border-radius: 20px;
}

.card-service-1 {
    background-color: rgb(100, 160, 200);
}

.card-service-2 {
    background-color: rgb(50, 110, 150);
}

.card-service-3 {
    background-color: rgb(0, 61, 100);
}

.card-service-4 {
    background-color: rgb(0, 40, 70);
}

.card-service-1, .card-service-2, .card-service-3, .card-service-4 {
    border-radius: 12px;
    max-width: 300px;
    margin: 10px auto;
}

.card-service-1:hover, .card-service-2:hover, .card-service-3:hover, .card-service-4:hover {
    transform: rotate(0deg) scale(0.97);
    transition-duration: .3s;
}

.card-block li {
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    padding: 0px 20px 6px;
    list-style: none;
    background-image: url(../img/li-card.svg);
    background-position-x: left;
    background-size: 16px;
    background-position-y: top;
    background-attachment: scroll;
    background-repeat: no-repeat;
    text-align: left;
}

table.tab-price-desc td {
    padding: 7px;
}

/* Стили галереи */

.gallery div div div {
  display: grid;
  /* grid-template-rows: 25% 25% 25% 25%; */
  /* grid-template-columns: 1fr 2fr 3fr; */
  overflow: hidden;
  gap: 6px;
}

.gallery div div div img {
  width: 100%;
  height: 100%;
  min-width: 280px;
  object-fit: cover;
}

@media (max-width: 876px) {
.gallery div div div img {
  min-width: 180px;
  min-height: 360px;
}
}

@media (max-width: 572px) {
.gallery div div div {
  display: block;
}
}

.gallery a:nth-child(1) {
  grid-column: 1;
  grid-row: 1;
}

.gallery a:nth-child(2) {
  grid-column: 2;
  grid-row: 1;
}

.gallery a:nth-child(3) {
  grid-row: 2;
  grid-column: 1 / 3;
}

.gallery a:nth-child(4) {
  grid-column: 3 / 3;
  grid-row: 3 / 1;
}

.mainbot h2, .maincenter h2 {
    font-size: 24px;
    text-transform: uppercase;
    color: rgb(0, 61, 100);
}

.card-two-img-sert img {
object-fit: cover;
    -o-object-position: top;
    bottom: 0;
    max-width: 420px;
    padding: 0;
    width: 100%;
    height: 100%;
    margin-top: 50px;
}