html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    color: #050505;
}

.top-partners {
    background-color: #050505;
    position: relative;
    border-bottom: 1px solid #2E2E2E;
    z-index: 99;
}

img {
    max-width: 100%;
    vertical-align: top;
}

.top-partners .container img {
    padding-right: 25px;
}

.header {
    background: none;
    height: inherit;
}

.header-not-main {
    position: relative;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

.top_page {
    margin: 0 0 0;
    padding: 12px 0;
    background-color: #050505;
    width: 100%;
    line-height: 24px;
}

.top_page > div > div {
    flex: 0 0 50%;
    max-width: 50%;
}

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

.logo {
    float: left;
}

.header-contacts {
    align-self: center;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}

.header-contacts a {
    position: relative;
    color: #FDFDFD;
    text-decoration: none;
}

.header-contacts svg {
    position: inherit;
    top: 4px;
    margin-right: 6px;
}

.contact_btn span {
    color: #FDFDFD;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
}

.contact_btn {
    background: #00BCE7;
    border-radius: 45px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    line-height: 50px;
    overflow: hidden;
    display: block;
    width: 256px;
    height: 46px;
    outline: none;
    position: relative;
    transition: 1s easy-in-out;
    transition-property: background;
}
.contact_btn:focus {
    border-radius: 45px;
    background: #00BCE7;
    text-transform: uppercase;
    text-decoration: none;
}
.contact_btn:active {
    border-radius: 45px;
    background: #00BCE7;
    text-transform: uppercase;
    text-decoration: none;
}
.contact_btn:visited {
    border-radius: 45px;
    background: #00BCE7;
    text-transform: uppercase;
    text-decoration: none;
}
.main-banner {
    background-color: #050505;
    position: relative;
    border-top: 1px solid #2E2E2E;
    z-index: 99;
}

/*.padding-main-banner img {*/
/*    margin: 64px 0 64px 0;*/
/*}*/
.main-banner video {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: none;

}
.main-banner .row {
    padding: 64px 0 64px 0;
}
@media screen and (max-width: 1050px){
    .main-banner video {
        object-fit: cover;

    }
    .main-banner .row {
        padding: 0 0 0 0;
    }

}
/*margin: 64px 0 64px 0;*/
/*background-size: cover;*/
/*width: 100%;*/
/*background-image: url(/assets/img/background-banner.png);*/
.banner-description h1 {
    font-family: 'Oswald', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 96px;
    line-height: 121.5%;
    /* or 117px */
    letter-spacing: -0.02em;
    text-align: left;
    color: #FDFDFD;
    margin-bottom: 40px;
}

.banner-description {
    height: 100%;
    margin-bottom: 130px;
    display: flex;
    justify-content: center;
    margin-top: 50px;

}

.banner-description p {
    margin-bottom: 51px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 151.03%;
    color: #FDFDFD;
    text-align: left;
    width: 622px;
}
button.button{
    background: #F37820; /* фон кнопки */
}
.button {
    cursor: pointer;
    border-bottom-left-radius: 25px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #271306; /* цвет текста */

    padding: 14px 25px; /* отступ от текста */
    border: none;
}
a.button-main {
    cursor: pointer;
    border-bottom-left-radius: 25px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #271306; /* цвет текста */
    background: #F37820; /* фон кнопки */
    text-decoration: none;
    padding: 14px 25px; /* отступ от текста */
    border: none;
}
a.button{
    color: #271306; /* цвет текста */
    text-decoration: none;
}
a.button:hover{
    background: #F37820; /* фон кнопки */
}
.about-section {
    padding-top: 72px;
}

.align-self-center {
    align-self: center;
}

.align-self-center h2 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 110%;
    /* or 35px */
    color: #1A1A1A;
    margin-bottom: 24px;
}

.align-self-center p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150.53%;
    /* or 24px */
    color: #535353;
    width: 370px;
}

.about-link-p {
    color: #334360 !important;
    text-align: center;
}

.about-link-div {
    display: flex;
    margin-top: 36px;
}

.about-section .left_text {
    width: 415px;
}

.about-section .left_padding {
    padding-left: 34px;
}

.about-section .row {
    padding-bottom: 36px;
}

.btn-about svg {
    margin-left: 8px;
}

.btn-about {
    padding: 8px 16px;
}

.contact_btn:hover {
    background: #00BCE7;
    text-decoration: none;
}

.comment-section {
    padding-left: 100px;
    padding-top: 72px;
    padding-bottom: 72px;
}

.main-block h2 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 110%;
    /* or 35px */
    text-align: center;
    color: #1A1A1A;
    margin-bottom: 42px;
}

.main-block p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150.53%;
    /* identical to box height, or 24px */
    text-align: center;
    color: #1A1A1A;
}

.main-block .grey {
    color: #999999;
}

.comment-section .row {
    justify-content: center;
}

.comment-section .main-block {
    width: 640px;
    margin: 42px 0;
}

.main-block img {
    margin-bottom: 30px;
}

.future-system-section .main-block p {
    margin: 0 13%;
}

.comment-section .comment-border {
    border-top: 1px solid #00BCE7;
    border-bottom: 1px solid #00BCE7;
    margin: 0 2%;
}

.swiper {
    width: 100%;
    padding: 3% !important;
    height: 100%;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.left-100 {
    padding-left: 100px;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0px !important;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 4% !important;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 4% !important;
}

.swiper-button-next:after, .swiper-button-prev:after {
    color: #FDFDFD;
    font-size: 30px !important;
}

.swiper-pagination-bullet-active {
    width: 14px !important;
    height: 14px !important;
    background: #FDFDFD !important;
    border: 2px solid #00BCE7 !important;
    vertical-align: middle !important;

}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: ' ' !important;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: ' ' !important;
}

.about-endless-surf .title-pool-item {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 110%;
    text-align: center;
    color: #334360;
    margin-bottom: 30px;
}

.about-endless-surf {
    margin-top: 45px;
    margin-bottom: 70px;
}

.about-endless-surf .description-pool-item {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150.53%;
    text-align: center;
    color: #535353;
}

.comment-section.technology {
    padding-top: 0;
}

.comment-section.technology .main-block {
    width: 100%;
    margin: 42px 0;
}

.comment-section.technology .main-block img {
    margin-bottom: 0;
}

.technology .list_content .title-pool-item {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    /* or 26px */
    color: #535353;
    margin-bottom: 24px;
    margin-top: 36px;
}

.technology .list_content .description-pool-item li span {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150.53%;
    /* or 24px */
    color: #535353;
}

.technology .list_content .description-pool-item ul {
    list-style: disc;
}

.technology .list_content .description-pool-item {
    padding-left: 15px;
}

.technology .list_content .description-pool-item ul li {
    color: #00BCE7;
    margin-bottom: 16px;
    font-size: 26px;
}

.technology .marg-technology {
    margin-bottom: 70px;
    width: 100%;
}

.technology .row .title-main-pool-item {
    padding-right: 30px;
}

.future-system-section .main-block h2 {
    margin-bottom: 24px;
}

.pool-zone {
    padding-bottom: 67px;
}

.blog-news {
    margin-top: 70px;
}

.technology .blog-news .title-main-pool-item {
    padding-right: 0;
}

.technology .blog-news .list_content .description-pool-item {
    padding-left: 0;
}

.technology .blog-news .list_content .description-pool-item p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150.53%;
    /* or 24px */
    color: #535353;
}

.technology .blog-news .list_content .tags {
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px;
}

.technology .blog-news .list_content .tags a {
    text-decoration: underline #00BCE7;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 110%;
    /* identical to box height, or 18px */
    color: #999999;
    padding-right: 2%;

}

.technology .blog-news .list_content .title-pool-item {
    margin-top: 25px;
    margin-bottom: 17px;

}

.technology .blog-news .list_content .about-link-div a {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150.53%;
    /* identical to box height, or 24px */
    color: #535353;
    margin-right: 2%;
}

.technology .blog-news .list_content .about-link-div {
    margin-top: 23px;
}

.technology .blog-news .list_content .owner {
    display: flex;
    margin-bottom: 5px;
}

.technology .blog-news .list_content .owner p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150.53%;
    /* identical to box height, or 21px */
    color: #999999;
}

.technology .blog-news .list_content .owner .date, .technology .blog-news .list_content .owner .who {
    display: flex;
    margin-right: 20px;
}

.technology .blog-news .list_content .owner img {
    margin-right: 8px;
}

.blog .comment-border {
    border-bottom: 0;
}

/*.main-img-technology::after {*/
/*     content: '';*/
/*     position: absolute;*/
/*     width: 100%;*/
/*     height: 100%;*/
/*     background: rgba(0,0,0,0.5);*/
/*     left: 0;*/
/*     top: 0;*/
/*     transition: opacity 0.6s;*/

/*     opacity: 1;*/
/* }*/

.main-img-technology {
    display: inline-block;
    margin: 0;
    position: relative;
}

.main-img-technology div {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    background: linear-gradient(0deg, #101010 -33.04%, rgba(16, 16, 16, 0) 88.17%);
    /*font: 400 18px "Bebas Neue Reg", impact, sans-serif;*/
}

.technology .main-img-technology div h2 {
    margin-top: 130px;
}

.main-img-technology div h2 {
    margin-top: 57px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 150.53%;
    /* identical to box height, or 24px */
    color: #FDFDFD;
    text-align: inherit;
    margin-bottom: 0;
    margin-left: 2%;
}

.main-img-technology div p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150.53%;
    /* identical to box height, or 24px */
    color: #C7C7C7;
    text-align: inherit;
    margin-bottom: 13px;
    margin-left: 2%;
}

.about-endless-surf .list_content {
    width: 100%;
    height: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.blog-news .list_content {
    width: 100%;
    height: 100%;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}

/*.background_line {*/
/*    position: absolute;*/
/*    height: 1px;*/
/*    background: #E0E0E0;*/
/*    top: 21px;*/
/*    transform: rotate(90deg);*/
/*}*/

.container-border {
    border-left: 1px solid #E0E0E0;
}

.container-border-dark {
    border-left: 1px solid transparent;
    border-image: linear-gradient(to right bottom, transparent, #2E2E2E);
    border-image-slice: 1;
}

span.border-text-line {
    margin-left: -59px;
    z-index: 999999;
    padding-left: 0;
    position: absolute;
    margin-top: 200px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    color: transparent;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    display: inline-block;
    transform: rotate(-90deg);
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150.53%;
}

span.border-text-line.marge-left {
    margin-left: -161px;
    color: #535353;
}

span.border-text-line.show {
    border-bottom: 4px solid #00BCE7;
}

span.border-text-line.marge {
    margin-left: -138px;
}

span.border-text-line.last {
    margin-left: -165px;
    margin-top: 350px;
}

footer.footer .top-box .text-container h2 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    color: #FDFDFD;
}

footer.footer .top-box .text-container p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150.53%;
    /* identical to box height, or 24px */
    color: #FDFDFD;
    margin-top: 16px;
}
footer.footer .top-box{
    padding-top: 54px;
    padding-bottom: 52px;
    display: flex;
    flex-wrap: wrap;
}
footer.footer .top-box .form-conatainer .about-link-div {
    margin-top: 12px;
}
footer.footer .top-box .form-conatainer input {
    background: #EFEFEF;
    width: 451px;
    height: 53px;
}
footer.footer .top-box .form-conatainer input::placeholder {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #9F9F9F;
    padding-left: 18px;
}
footer.footer .first-box {
    border-bottom: 1px solid #2E2E2E;
}
footer.footer .top_page {
    padding: 0;
}
footer.footer .second-box{
    padding-top: 42px;
    padding-bottom: 22px;
}
footer.footer .second-box .contact, footer.footer .second-box .socia,footer.footer .second-box .whitewater-link{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150.53%;
    /* identical to box height, or 24px */
    color: #FDFDFD;
    border-bottom: 1px #00BCE7 solid;
}
footer.footer .second-box a:link {
    color: #FDFDFD;
}

/* visited link */
footer.footer .second-box a:visited {
    color: #FDFDFD;
}

/* mouse over link */
footer.footer .second-box a:hover {
    color: #FDFDFD;
}

/* selected link */
footer.footer .second-box a:active {
    color: #FDFDFD;
}
footer.footer .second-box  > div > div {
    flex: 0 0 18%;
    max-width: 18%;
}
footer.footer .second-box .logo {
    flex: 0 0 40%;
    max-width: 40%;
}
footer.footer .second-box .whitewater {
    flex: 0 0 24%;
    max-width: 24%;
}
footer.footer .second-box .content {
 margin-top: 18px;
}
footer.footer .second-box .socia-box .content{
    display: flex;
    flex-wrap: wrap;
    width: 80%;
}
footer.footer .second-box .socia-box .content a {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding-bottom: 15px;
}
footer.footer .developed {
    margin-top: 82px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150.53%;
    color: #FDFDFD;
}
footer.footer .developed img {
    vertical-align: middle;
    margin-left: 9px;
}

@media (max-width: 1200px) {
    .technology .list_content .title-pool-item {
        font-size: 20px;
    }
    .technology .blog-news .list_content .owner p {
        font-size: 12px;
    }
    .technology .blog-news .list_content .description-pool-item p {
        font-size: 14px;
    }
    .technology .blog-news .list_content .about-link-div a {
        font-size: 14px;
    }
    .button {
        font-size: 14px;
    }
    header .top_page > div > div {
        flex: 0 0 55%;
        max-width: 55%;
    }
    header .top_page .logo {
        flex: 0 0 45%;
        max-width: 45%;
    }

}
@media (max-width: 992px) {
    footer.footer .top-box .text-container h2 {
        font-size: 20px;
    }
    footer.footer .top-box .text-container p {
        font-size: 14px;
    }
    footer.footer .second-box .logo img{
        width: 75%;

    }
    footer.footer .contact-box .content a{
        font-size: 14px;
    }
    footer.footer .socia-box .content img{
        width: 60%;
    }
    footer.footer .whitewater .content img{
        width: 75%;
    }
    footer.footer .second-box > div > div {
        flex: 0 0 22%;
        max-width: 22%;
    }
    footer.footer .second-box .whitewater {
        flex: 0 0 25%;
        max-width: 25%;
    }
    footer.footer .second-box .logo {
        flex: 0 0 30%;
        max-width: 30%;
    }
    footer.footer .top-box .form-conatainer input {
        width: 300px;
    }
    .blog-news .col-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 20px;
    }
    .blog-news .row{
        justify-content: flex-start;
    }
    .technology .marg-technology .col-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 20px;
    }
    .technology .marg-technology .row{
        justify-content: flex-start;
    }
    .future-system-section .about-endless-surf .col-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 20px;
    }
    .about-section .left_text {
        width: 250px;
    }
    .align-self-center p {
        width: 250px;
    }
    span.border-text-line {
        margin-top: 80px;
    }
    .banner-description h1 {
        font-size: 66px;
    }
    .contact_btn span {
        font-size: 14px;
    }
    header .top_page .block2 .header-contacts a{
        font-size: 14px;
    }
    .contact_btn {
        width: 226px;
    }
    header .top_page .logo img{
        width: 75%;
    }

    header .top_page > div > div {
        flex: 0 0 65%;
        max-width: 65%;
    }
    header .top_page .logo {
        flex: 0 0 35%;
        max-width: 35%;
    }
    .container-border-dark .border-text-line{
        margin-top: 180px;
    }
}
@media (max-width: 768px) {
    .align-self-center p,.about-section .left_text {
        width: 100%;
    }
    .about-section .left_padding {
        padding-left: 15px;
        padding-bottom: 20px;
    }
    .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: -1px !important;
    }
    .future-system-section .about-endless-surf .col-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .technology .marg-technology .col-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .main-img-technology div p {
        font-size: 12px;
        line-height: 100%;
    }
    .technology .main-img-technology div h2 {
        margin-top: 40px;
    }
    .main-img-technology div h2 {
        font-size: 14px;
    }
    .technology .marg-technology .col-4 .list_content .image img{
        width: 100%;
    }
    footer.footer .top-box .form-conatainer input {
        width: 300px;
    }
    footer.footer .top-box .form-conatainer{
    margin-top: 40px;
    }
    footer.footer .top-box {
        display: block;
    }
    .banner-description p {
        width: 399px;
    }
    .banner-description h1 {
        font-size: 56px;
    }
    header .top_page .block2 {
        display: table-column;
    }
    header .top_page .block2 .header-contacts{
        margin-bottom: 10px;
    }
    header .top_page .logo {
        flex: 0 0 50%;
        max-width: 50%;
    }
    header .top_page > div > div {
        flex: 0 0 50%;
        max-width: 45%;
    }
    header .top_page .logo img {
        width: 85%;
    }
    footer.footer .second-box > div > div {
        flex: 0 0 50%;
        max-width: 50%;
    }
    footer.footer .second-box .logo {
        flex: 0 0 50%;
        max-width: 50%;
    }
    footer.footer .second-box .whitewater {
        flex: 0 0 50%;
        max-width: 50%;
    }
    footer .second-box .justify-content-between{
    flex-wrap: wrap;
    }
    footer.footer .second-box .socia-box .content {
        width: 70%;
    }
    footer.footer .second-box .socia-box, footer.footer .second-box .whitewater {
        margin-top: 40px;
    }
    footer.footer .socia-box .content img {
        width: 40%;
    }
    footer.footer .contact-box .content a {
        font-size: 16px;
    }
    .top_page > div > div {
        max-width: 100%;
    }
    .technology .row .title-main-pool-item {
        padding-right: 15px;
    }
}
@media (max-width: 600px) {
    .swiper {
        width: 100%;
        padding: 5% !important;
        height: 100%;
    }
    .banner-description p {
        width: 100%;
    }
    .banner-description h1 {
        font-size: 46px;
    }
    header .top_page .justify-content-between{
        flex-wrap: wrap;
    }
    header .top_page .logo img {
        width: 70%;
    }
    header .top_page .logo {
        flex: 0 0 100%;
        max-width: 100%;
    }
    header .top_page .block2{
        margin-top: 20px;
    }
    header .top_page > div > div {
        flex: 0 0 100%;
        max-width: 100%;
    }

    footer .first-box{
        padding-left: 15px!important;
    }
    span.border-text-line{
        display: none;
    }
    .container-border {
        border-left: transparent;
        padding-left: 15px!important;
    }
    .left-100 {
        padding-left: 0;
    }
    .about-section .align-self-center{
        margin-top: 20px;
    }
    .about-link-p {
        text-align: left;
    }
    .about-section .align-self-center svg{
        margin-top: 0;
    }
    .btn-about {
        padding: 16px 16px;
    }
    .align-self-center .about-link-p{
        width: 70%;
    }
    .technology .row .title-main-pool-item {
        padding-right: 15px;
    }
    .blog {
         padding-bottom: 0px;
    }
    footer.footer .developed {
        font-size: 14px;
    }
}
.header-contacts span {
    position: relative;
}
.future-system-section .main-block p b {
    font-weight: bold;
}

@font-face {
    font-family: "Bebas Neue Cyr";
    src: url("../font/bebasneuecyrillic.eot");
    src: url("../font/bebasneuecyrillic.eot?#iefix") format("embedded-opentype"),
    url("../font/bebasneuecyrillic.woff") format("woff"),
    url("../font/bebasneuecyrillic.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
.modal{
    
width: auto;
height: auto;
position: fixed;
bottom: 0;
right: 0;
top: 0;
left: 0;
overflow: hidden;
/* display: none; */
z-index: 8010;
background: url(fancybox_overlay.png);
}
.modal-dialog-main {
    width: auto;
    height: 100%;
    position: fixed;
    top: 50px;
    left: 50%;
    margin-left: -250px;
    opacity: 1;
    overflow: visible;
}
@media screen and (max-width: 650px){
    .modal-dialog-main {
        width: 250px;
        left: 30%;
        margin-left: 0;
    }
}
@media screen and (max-width: 500px){
    .modal-dialog-main {
        width: 250px;
        left: 25%;
        margin-left: -15px;
    }
}
@media screen and (max-width: 400px){
    .modal-dialog-main {
        width: 250px;
        left: 20%;
        margin-left: -15px;
    }
}
.modal .modal-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;

    background-color: #ffe25b;
    border: 0;
    border-radius: 2em;
    box-sizing: border-box;
    color: #a66036 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Bebas Neue Cyr';
}
.modal .form_title {
    font: 30px "Bebas Neue Cyr", impact, sans-serif;
    margin: 20px;
    color: #02b6d5;

}
.modal .modal-content{
    height: max-content;
    overflow: auto;
    background: #f9f9f9;
}
.modal .modal-header{
    border: none;
    padding: 0;
}
.modal .modal_form_wrap {
    background-color: #fff;
    padding: 20px;
}
.modal .modal_form_wrap:before, .modal_form_wrap:after {
    content: "";
    display: table;
}
.modal .modal_form_wrap fieldset{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.modal .form_colonm {
    width: 100%;
}

.modal .form_line {
    margin-bottom: 20px;
    clear: both;
    position: relative;
}
.modal .modal_form_wrap fieldset input[type="text"],.modal .modal_form_wrap fieldset select, .modal .modal_form_wrap fieldset textarea {
    -webkit-appearance: none;
    box-sizing: border-box;
    border: 1px solid transparent;
    display: inline-block;
    width: 100%;
    padding: 10px 15px;
    background-color: #d4f8ff;
    font-size: 12px;
    border-radius: 10px;
    color: #3ca1be;
    transition: 0.3s all;
}
.modal .modal_form_wrap fieldset input::-webkit-input-placeholder, .modal .modal_form_wrap fieldset textarea::-webkit-input-placeholder{
    color: #3ca1be;
    opacity: 1;
}

.modal .modal_form_wrap fieldset input:-moz-placeholder, .modal .modal_form_wrap fieldset textarea:-moz-placeholder{
    color: #3ca1be;
    opacity: 1;
}

.modal .modal_form_wrap fieldset input:-ms-input-placeholder, .modal .modal_form_wrap fieldset textarea:-ms-input-placeholder{
    color: #3ca1be;
    opacity: 1;
}

#form_question fieldset input, #form_question fieldset textarea {
    font-family: verdana, helvetica, arial, sans-serif;
    line-height: 1.2;
}
#form_question .form_note {
    font-size: 12px;
    margin: 10px 0 20px;
}
#form_question .btn_wrap {
    margin: 20px 0;
    text-align: center;
}
.modal input[type="submit"]{
    padding: 1em 2.5em;
}
.modal input[type="submit"]{
    -webkit-appearance: button;
    cursor: pointer;
    outline: none;
}
.btn_ok {
    background-color: #ffe25b;
    border: 0;
    border-radius: 2em;
    box-sizing: border-box;
    color: #a66036!important;
    cursor: pointer;
    display: inline-block;
    font-family: "Bebas Neue Cyr", impact, sans-serif;
    font-size: 18px;
    padding: 0.5em 1em;
    text-align: center;
    text-decoration: none;
}

.contact-form__error-msg {
    font-size: 11px;
    position: absolute;
    margin-top: -23px;
    line-height: normal;
    padding: 2px 14px;
    color: #a66036;
    background: #ffe25b;
    text-decoration: none;
    border-radius: 24px;
    box-shadow: 2px 2px 2px rgba(114, 114, 114, 0.4);
    -webkit-box-shadow: 2px 2px 2px rgba(114, 114, 114, 0.4);
    -moz-box-shadow: 2px 2px 2px rgba(114, 114, 114, 0.4);
    left: 20px;
}

.contact-form__error-msg::after {
    content: "";
    display: table;
    position: absolute;
    display: block;
    bottom: -4px;
    left: 24px;
    width: 10px;
    height: 5px;
    overflow: hidden;
    background: url(/assets/img/arrow.png) 0 0 no-repeat;
}

#question-form input.contact-form__error,
#question-form textarea.contact-form__error,
#question-form input.contact-form__error,
#question-form textarea.contact-form__error {
    background: #ffe8c8;
    border: 1px solid #ffcca7;
}
/*.modal_form {*/
/*    !*display: none;*!*/
/*    position: fixed;*/
/*    top: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    z-index: 999;*/
/*    visibility: hidden;*/
/*    opacity: 0;*/
/*    pointer-events: none;*/
/*    transition: all 0.3s;*/
/*}*/


/*!* свойства модального окна по умолчанию *!*/
/*.modal {*/
/*    position: fixed; !* фиксированное положение *!*/
/*    top: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    background: rgba(0,0,0,0.5); !* цвет фона *!*/
/*    z-index: 1050;*/
/*    opacity: 0; !* по умолчанию модальное окно прозрачно *!*/
/*    -webkit-transition: opacity 200ms ease-in;*/
/*    -moz-transition: opacity 200ms ease-in;*/
/*    transition: opacity 200ms ease-in; !* анимация перехода *!*/
/*    pointer-events: none; !* элемент невидим для событий мыши *!*/
/*    margin: 0;*/
/*    padding: 0;*/
/*}*/
/*!* при отображении модального окно *!*/
/*.modal:target {*/
/*    opacity: 1; !* делаем окно видимым *!*/
/*    pointer-events: auto; !* элемент видим для событий мыши *!*/
/*    overflow-y: auto; !* добавляем прокрутку по y, когда элемент не помещается на страницу *!*/
/*}*/
/*!* ширина модального окна и его отступы от экрана *!*/
/*.modal-dialog {*/
/*    position: relative;*/
/*    width: auto;*/
/*    margin: 10px;*/
/*}*/
/*@media (min-width: 576px) {*/
/*    .modal-dialog {*/
/*        max-width: 500px;*/
/*        margin: 30px auto; !* для отображения модального окна по центру *!*/
/*    }*/
/*}*/
/*!* свойства для блока, содержащего контент модального окна *!*/
/*.modal-content {*/
/*    position: relative;*/
/*    display: -webkit-box;*/
/*    display: -webkit-flex;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -webkit-box-orient: vertical;*/
/*    -webkit-box-direction: normal;*/
/*    -webkit-flex-direction: column;*/
/*    -ms-flex-direction: column;*/
/*    flex-direction: column;*/
/*    background-color: #fff;*/
/*    -webkit-background-clip: padding-box;*/
/*    background-clip: padding-box;*/
/*    border: 1px solid rgba(0,0,0,.2);*/
/*    border-radius: .3rem;*/
/*    outline: 0;*/
/*}*/
/*@media (min-width: 768px) {*/
/*    .modal-content {*/
/*        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);*/
/*        box-shadow: 0 5px 15px rgba(0,0,0,.5);*/
/*    }*/
/*}*/
/*!* свойства для заголовка модального окна *!*/
/*.modal-header {*/
/*    display: -webkit-box;*/
/*    display: -webkit-flex;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -webkit-box-align: center;*/
/*    -webkit-align-items: center;*/
/*    -ms-flex-align: center;*/
/*    align-items: center;*/
/*    -webkit-box-pack: justify;*/
/*    -webkit-justify-content: space-between;*/
/*    -ms-flex-pack: justify;*/
/*    justify-content: space-between;*/
/*    padding: 15px;*/
/*    border-bottom: 1px solid #eceeef;*/
/*}*/
/*.modal-title {*/
/*    margin-top: 0;*/
/*    margin-bottom: 0;*/
/*    line-height: 1.5;*/
/*    font-size: 1.25rem;*/
/*    font-weight: 500;*/
/*}*/
/*!* свойства для кнопки "Закрыть" *!*/
/*.close {*/
/*    float: right;*/
/*    font-family: sans-serif;*/
/*    font-size: 24px;*/
/*    font-weight: 700;*/
/*    line-height: 1;*/
/*    color: #000;*/
/*    text-shadow: 0 1px 0 #fff;*/
/*    opacity: .5;*/
/*    text-decoration: none;*/
/*}*/
/*!* свойства для кнопки "Закрыть" при нахождении её в фокусе или наведении *!*/
/*.close:focus, .close:hover {*/
/*    color: #000;*/
/*    text-decoration: none;*/
/*    cursor: pointer;*/
/*    opacity: .75;*/
/*}*/
/*!* свойства для блока, содержащего основное содержимое окна *!*/
/*.modal-body {*/
/*    position: relative;*/
/*    -webkit-box-flex: 1;*/
/*    -webkit-flex: 1 1 auto;*/
/*    -ms-flex: 1 1 auto;*/
/*    flex: 1 1 auto;*/
/*    padding: 15px;*/
/*    overflow: auto;*/
/*}*/


.modal_info p {
    font-size: 12px;
}
.modal_form {
    display: none;
}

.modal_form .form_title {
    font: 30px "Bebas Neue Cyr", impact, sans-serif;
    margin: 20px;
    color: #02b6d5;
}
.form_title_small {
    font-size: 18px;
    color: #31565b;
    margin-bottom: 20px;
}
#form_modal_info .modal-dialog-main{
    width: 340px;
    margin-left: -150px;
    height: auto;
}
#form_modal_info .modal-content {
    padding: 30px 30px 15px;
}
#form_modal_info .btn_wrap {
    margin: 20px 0;
    text-align: center;
}
#form_modal_info .btn_ok {
    padding: 0.5em 2.5em;
}
@media screen and (max-width: 650px){
    #form_modal_info .modal-dialog-main {
        width: 340px;
        margin-left: -40px;
    }
}
@media screen and (max-width: 500px) {
    #form_modal_info .modal-dialog-main {
        width: 340px;
        margin-left: -50px;
    }
}
@media screen and (max-width: 370px) {
    #form_modal_info .modal-dialog-main {
        width: 90%;
        margin-left: -60px;
    }
}
a:hover {
    text-decoration: none!important;
}
a:active {
    text-decoration: none!important;
}
a:focus {
    text-decoration: none!important;
}