/* фиксы стилей */
.img-fluid {
    max-width : 100%;
    height    : auto;
}

footer .info .copyright {
    margin : 0 10% 0 .5%;
}

.articles_btn {
    margin-right : 10%;
}

#archer-to-up {
    position : fixed;
    width    : 44px;
    height   : 44px;
    bottom   : 25px;
    right    : 25px;
    display  : none;
    z-index  : 2000;
}

#archer-to-up.owl-nav .owl-next div {
    position           : absolute;
    display            : block;
    width              : 39px;
    height             : 39px;
    color              : #06294e;
    background-color   : #fff;
    background-repeat  : no-repeat;
    background-size    : 50%;
    border             : 1px solid #06294e;
    border-radius      : 50%;
    -webkit-transition : all .1s ease, box-shadow .2s ease;
    -moz-transition    : all .1s ease, box-shadow .2s ease;
    -o-transition      : all .1s ease, box-shadow .2s ease;
    -ms-transition     : all .1s ease, box-shadow .2s ease;
    transition         : all .1s ease, box-shadow .2s ease;
    cursor             : pointer
}

#archer-to-up .owl-next div::before {
    position          : absolute;
    top               : 10px;
    left              : 12px;
    font-size         : 17px;
    content           : '\0041';
    -moz-transform    : rotate(15deg);
    -ms-transform     : rotate(90deg);
    -webkit-transform : rotate(90deg);
    -o-transform      : rotate(90deg);
    transform         : rotate(90deg);
}

/* 1431 21a5 21d1 21e7 ! 261d 27f0 290a */


.productDetail {
    width       : 100%;
    background  : #fff;
    border      : none;
    font-size   : 0.95em;
    line-height : 1.7em;
}

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

.productDetail .left {
    width       : 450px;
    flex-grow   : 0;
    flex-shrink : 0;
}

.productDetail .right {
    display         : flex;
    flex-direction  : column;
    justify-content : space-between;
}


.subPage .top-slider .item .content .text {
    margin : 50px 0 80px;
}

.subPage .top-slider .owl-nav {
    top : -233px;
}

.advantages .items {
    justify-content : space-between;
}

.advantages .items .item {
    padding : 0 18px 0 18px;
}

@media (max-width : 959px) {
    .advantages .items {
        justify-content : center;
    }
}

@media (max-width : 710px) {
    .productDetail .columns {
        flex-direction : column;
    }

    .productDetail .left, .productDetail .right {
        width : 90%
    }

    .advantages .items .item {
        display        : flex;
        flex-direction : column;
        align-content  : center;
        align-items    : center;
    }
}

footer {
    background-color : #195B86;
}

.map_container > div {
    max-width : 580px;
}

@media (max-width : 1025px) {
    .map_container {
        display : block !important;
    }

    .map_container > div {
        max-width : 100%;
    }
}

.table {
    width         : 100%;
    margin-bottom : 1rem;
    color         : #212529;
}

.table th,
.table td {
    padding        : 0.15rem;
    vertical-align : top;
    border-top     : 1px solid #dee2e6;
}

.table thead th {
    vertical-align : bottom;
    border-bottom  : 2px solid #dee2e6;
}

.table tbody + tbody {
    border-top : 2px solid #dee2e6;
}

.table-sm th,
.table-sm td {
    padding : 0.3rem;
}

.table-bordered {
    border : 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
    border : 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
    border-bottom-width : 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
    border : 0;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color : rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
    color            : #212529;
    background-color : rgba(0, 0, 0, 0.075);
}


.table-active,
.table-active > th,
.table-active > td {
    background-color : rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
    background-color : rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
    background-color : rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
    color            : #fff;
    background-color : #343a40;
    border-color     : #454d55;
}

.table .thead-light th {
    color            : #495057;
    background-color : #e9ecef;
    border-color     : #dee2e6;
}

.table-dark {
    color            : #fff;
    background-color : #343a40;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
    border-color : #454d55;
}

.table-dark.table-bordered {
    border : 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color : rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
    color            : #fff;
    background-color : rgba(255, 255, 255, 0.075);
}

@media (max-width : 575.98px) {
    .table-responsive-sm {
        display                    : block;
        width                      : 100%;
        overflow-x                 : auto;
        -webkit-overflow-scrolling : touch;
    }

    .table-responsive-sm > .table-bordered {
        border : 0;
    }
}

@media (max-width : 767.98px) {
    .table-responsive-md {
        display                    : block;
        width                      : 100%;
        overflow-x                 : auto;
        -webkit-overflow-scrolling : touch;
    }

    .table-responsive-md > .table-bordered {
        border : 0;
    }
}

@media (max-width : 991.98px) {
    .table-responsive-lg {
        display                    : block;
        width                      : 100%;
        overflow-x                 : auto;
        -webkit-overflow-scrolling : touch;
    }

    .table-responsive-lg > .table-bordered {
        border : 0;
    }
}

@media (max-width : 1199.98px) {
    .table-responsive-xl {
        display                    : block;
        width                      : 100%;
        overflow-x                 : auto;
        -webkit-overflow-scrolling : touch;
    }

    .table-responsive-xl > .table-bordered {
        border : 0;
    }
}

.table-responsive {
    display                    : block;
    width                      : 100%;
    overflow-x                 : auto;
    -webkit-overflow-scrolling : touch;
}

.table-responsive > .table-bordered {
    border : 0;
}

.product .price-and-btn {
    justify-content : flex-start;
}

.product .price-and-btn .price {
    margin-right : 1rem;
}

.stages2{
    margin: 4rem 0;
}
.stages2 .content {
    display : -ms-flexbox;
    display : -webkit-flex;
    display : flex;
    flex-direction: column;
}

.stages2 .content .text {
    -ms-flex-item-align : center;
    -webkit-align-self  : center;
    align-self          : center;
    margin              : 1rem 0 0 1%
}

.stages .content .text .desc {
    margin-top     : 6.5%;
    letter-spacing : 0.025em;
    line-height    : 1.875em
}

.stages2 .content .text + div {}

.stages2 .content .items {
    counter-reset           : myCounter;
    display                 : -ms-flexbox;
    display                 : -webkit-flex;
    display                 : flex;
    -ms-flex-wrap           : wrap;
    -webkit-flex-wrap       : wrap;
    flex-wrap               : wrap;
    -ms-flex-pack           : justify;
    -webkit-justify-content : space-between;
    justify-content         : space-between
}

.stages2 .content .items .item {
    position      : relative;
    flex: 0 0 19%;
    margin-bottom: 20px;
    padding-top: 86px;
    display: flex;
    flex-direction: column;
}
@media (max-width : 991.98px) {.stages2 .content .items .item {

    flex: 0 0 50%;}}
@media (max-width : 680px) {.stages2 .content .items .item {

    flex: 0 0 100%;}}

.stages2 .content .items .item:before {
    position          : absolute;
    top               : 2px;
    left: 50%;
    transform: translateX(-50%);
    display           : block;
    counter-increment : myCounter;
    content           : counter(myCounter);
    font-family       : 'Ubuntu', Arial, sans-serif;
    color             : #195b86;
    font-size         : 72px;
    font-weight       : 800;
    z-index           : 10
}

.stages2 .content .items .item:after {
    content          : '';
    position         : absolute;
    top              : 5px;
    left: 55%;
    transform: translateX(-50%);
    display          : block;
    width            : 28px;
    height           : 28px;
    border-radius    : 50%;
    background-color : #85d3ec
}

.stages2 .content .items .item .name {
    width       : 90%;
    font-family : 'Ubuntu', Arial, sans-serif;
    color       : #195b86;
    font-size   : 1.1em;
    font-weight : 600;
    line-height : 1.3em;
    text-align: center;
}

.stages2 .content .items .item .desc {
    width       : 90%;
    text-align: center;
    margin: 1rem auto 0;
    letter-spacing: 0.025em;
    line-height: 1.3;
    text-align: center;
}