@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@1,700&display=swap');


html,
body {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch; /*Фиксим IOS*/
    color: white;
    overflow-x: hidden;
    background: url("/__styles/_images/section-3.jpg?c5v3") no-repeat fixed center / cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}


.conn {
    color: #45b969;

}

img {
    display: inline-block;
    height: auto;
    max-width: 100%;
}

section {
    word-wrap: break-word;
    /*    box-sizing: border-box; */
}

.text-ff0018 {
    color: #ff0018;
}

.navbar-brand {
    color: #ff983d !important;
}

footer {
    background: white;
    color: black;
    font-size: 20px
}

nav {
    background: white;
    box-shadow: 0 0 15px rgba(0, 0, 0, 1);
}

.about-1 {
    background: url("../_images/section-1.jpg?v3") no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 650px;
    margin-top: 62px; /*Делаем отступ ибо учитываем шапку.*/
    width: 100%;
}

h1, h2 {
    font-family: 'Oswald';
}


h1 {
    font-size: 45px;

}

.section-text {
    text-shadow: 0 1px 1px black, 0 0 1px black;
    font-family: 'Britanic';
    padding-top: 100px;
    text-align: center;
}
.shad{
    text-shadow: 0 1px 1px black, 0 0 1px black;

}

.crick {
    padding: 10px;
    font-size: 30px;
    border-radius: 30px;
    border: 1px #4d90fe solid;
}

.navbar-nav li a {
    color: black !important;
    font-weight: 600;

}

.navbar-nav li.active a, .navbar-nav li a:hover, .navbar-nav li a:active {
    color: #45b969 !important;
    font-weight: 600;
}

.ok-group h2 {
    font-size: 20px !important;
}

.about-2 {
    padding-top: 15px;
    color: black !important;
    font-weight: 600;
}

.black {
    color: black !important;
}

.orange {
    color: #45b969 !important;
}

.about-3 {
    min-height: 650px;
    margin: 0;
    padding: 0;
    color: black;
}

.about-2 p {

    font-weight: 600;
}

.number-section {
    position: absolute;
    top: 0;
    left: 0;
    color: white;
    font-weight: 600;
    background: rgba(255, 152, 61, 0.60);
    padding: 5px 15px 5px 5px;
    border-top-left-radius: 10px;
}

.button-line {
    padding-left: 10px;
}


hr {
    width: 75%;
    background: #e6e6e6;
}

::-webkit-scrollbar-button {
    width: 3px;
    height: 3px;
}

::-webkit-scrollbar-track {
    background-color: white
}

::-webkit-scrollbar-thumb {
    background-color: cornflowerblue;

}

::-webkit-scrollbar-thumb:hover {
    background-color: cornflowerblue;
}

::-webkit-resizer {
    width: 3px;
    height: 3px;
    background-color: cornflowerblue;
}

::-webkit-scrollbar {
    width: 3px;
}

/* about-4 */
.about-opticaly {
    background: rgba(0, 0, 0, 0.5);
}

.about-5 {

    color: white;
    font-weight: 600;
   
}

.about-4 {
    background: white;
    color: black;
    font-weight: 600;
    min-height: 440px;
}

ul {
    list-style-type: none;
}

/* end */
/*/// Reviews ///*/
.reviews-block:hover {
    box-shadow: none;
    transition-property: box-shadow;
    transition-duration: 0.3s;
}

.reviews-title {
    font-size: 36px;
    margin-top: -30px;
    font-weight: 600;
    text-align: center;
}

.reviews-block {
    border: 1px solid #cbd7f0;
    min-height: 100px;
    background-color: #f5f8ff;
    box-shadow: #74a2ff 0 0 4px;
    transition-property: box-shadow;
    transition-duration: 0.3s;
    margin-bottom: 15px;
    margin-top: 15px;
}

.reviews-image {
    width: 130px;
    height: 130px;
    border-radius: 45px;
    margin-top: 30px;
}

.reviews-image-star {
    position: absolute;
    color: gold;
    top: -40px;
    right: 1px;
}

.reviews-hr {
    width: 70%;
    height: 1px;

    background-color: #cbd7f0;
    margin-top: -10px;
    margin-bottom: 10px;
}

.reviews-block-text {

    text-align: center;
    font-size: 14px;
    color: dimgray;


}


.reviews-block-text-title {
    font-weight: 600;
    text-align: center;
    font-size: 14px;
}

.reviews-triangle {
    width: 0;
    height: 0;
    border-top: 40px solid #74a2ff;
    border-left: 35px solid transparent;
    position: absolute;
    z-index: 30;
    right: 15px;
    top: 15px;
}


.section-autor-info {
    padding-top: 5px;
    color: black;
}

.p-section p {
    line-height: 2.3;
    font-size: 16px;
}

.reviews-opticaly-block {
    background: rgba(0, 0, 0, 0.5);
    padding: 4px;
    color: black;
}
.main-v-header .v {
    color: white !important;
}
.main-p-header {
    color: black !important;
}

.about-3 ul {
    list-style-type: none;
}

.about-3 li:before {
    /*ontent: "💢 ";*/
}

.modal-dialog {
    color: black !important;
}

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

.text-adaptive-left {
    text-align: left;
}

.no_href, .no_href:hover, .no_href:active {
    color: white;
    text-decoration: none;
}
.green{
    color: #45b969;
    font-size: xx-large;
}

.i-k{
    height: 35px;
    width: 35px;

}

.green-v{
    color: #80b9e2;
}

.text-opicaly {
    background: rgba(0, 0, 0, 0.30);
    height: 650px;
}
.text{
    color: #000000;
    font-size: x-large;
}


@media (min-width: 769px) {
    .carousel .slide{

    }
    .lil{
        font-size: 20px;
    }

    img.images-ISO {
        min-width: 60px;
        width: auto;
        max-width: 150px;
        height: auto;
        margin-top: 50px;
    }

}

@media (max-width: 768px) {
    .ok-group h2 {
        font-size: 16px !important;
    }
    .text-lil{
        font-weight: normal;
        font-size: 18px;
    }

    .text-adaptive-right, .text-adaptive-left {
        text-align: center;
    }

    img.images-ISO {
        min-width: 60px;
        width: auto;
        max-width: 100px;
        height: auto;

    }

    .about-2 img {
        width: 80px;
        height: 80px;
    }

    .p-section {
        font-size: 14px;
    }


    .about-1 {
        background: url("../_images/section-2.jpg?v-3") no-repeat center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 450px;
        width: 100%;
    }


    .text-opicaly {
        background: rgba(0, 0, 0, 0.50);
        height: 450px;
    }


    .about-2 p {
        font-size: 14px;
    }

    .va-t {
        justify-content: space-between;
        align-items: center;
        align-self: center;
    }


    .crick {
        padding: 10px;
        font-size: 20px;
        border-radius: 30px;
        border: 1px #4d90fe solid;
    }

    .list {
        font-size: 16px;
    }

    h1 {
        font-size: 22px;
    }

    h2 {
        font-size: 20px;
    }

    h3 {
        font-size: 16px;
    }

    .section-text {
        padding-top: 15px;
    }

    .costel2 p {
        font-size: 14px;
    }

}

@media (min-width: 768px) {
    .main-p-header {
        font-size: 20px;
    }

    .name-autor {
        font-size: 18px;
        font-weight: 600
    }
}

.name-autor {
    color: cornflowerblue !important;
}

.margin-main-book {
    margin-top: 50px;
}

/*кнопка звонка*/

.callback-bt {
    background: #80b9e2;
    border: 2px solid #80b9e2;
    border-radius: 50%;
    box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3);
    cursor: pointer;
    height: 68px;
    text-align: center;
    width: 68px;
    position: fixed;
    right: 35px;
    bottom: 35px;
    z-index: 999;
    transition: .3s;
    -webkit-animation: hoverWave linear 1s infinite;
    animation: hoverWave linear 1s infinite;
}

.callback-bt .text-call {
    height: 68px;
    width: 68px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
}

.callback-bt .text-call span {
    text-align: center;
    color: #38a3fd;
    opacity: 0;
    font-size: 0;
    position: absolute;
    right: 4px;
    top: 22px;
    line-height: 14px;
    font-weight: 600;
    text-transform: uppercase;
    transition: opacity .3s linear;
    font-family: 'montserrat', Arial, Helvetica, sans-serif;
}

.callback-bt .text-call:hover span {
    opacity: 1;
    font-size: 11px;
}

.callback-bt:hover i {
    display: none;
}

.callback-bt:hover {
    z-index: 1;
    background: #fff;
    color: transparent;
    transition: .3s;
}

.callback-bt:hover i {
    color: #38a3fd;
    font-size: 40px;
    transition: .3s;
}

.callback-bt i {
    color: #fff;
    font-size: 34px;
    transition: .3s;
    line-height: 66px;
    transition: .5s ease-in-out;
}

.callback-bt i {
    animation: 1200ms ease 0s normal none 1 running shake;
    animation-iteration-count: infinite;
    -webkit-animation: 1200ms ease 0s normal none 1 running shake;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes hoverWave {
    0% {
        box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 0 rgba(56, 163, 253, 0.2), 0 0 0 0 rgba(56, 163, 253, 0.2)
    }
    40% {
        box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 15px rgba(56, 163, 253, 0.2), 0 0 0 0 rgba(56, 163, 253, 0.2)
    }
    80% {
        box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 26px rgba(56, 163, 253, 0.067)
    }
    100% {
        box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 40px rgba(56, 163, 253, 0.0)
    }
}

@keyframes hoverWave {
    0% {
        box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 0 rgba(56, 163, 253, 0.2), 0 0 0 0 rgba(56, 163, 253, 0.2)
    }
    40% {
        box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 15px rgba(56, 163, 253, 0.2), 0 0 0 0 rgba(56, 163, 253, 0.2)
    }
    80% {
        box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 26px rgba(56, 163, 253, 0.067)
    }
    100% {
        box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 40px rgba(56, 163, 253, 0.0)
    }
}

@keyframes shake {
    0% {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
    10% {
        transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
    }
    20% {
        transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
    }
    30% {
        transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
    }
    40% {
        transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
    }
    50% {
        transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
    }
    60% {
        transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
    }
    70% {
        transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
    }
    80% {
        transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
    }
    90% {
        transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
    }
    100% {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
}

@-webkit-keyframes shake {
    0% {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
    10% {
        transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
    }
    20% {
        transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
    }
    30% {
        transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
    }
    40% {
        transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
    }
    50% {
        transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
    }
    60% {
        transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
    }
    70% {
        transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
    }
    80% {
        transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
    }
    90% {
        transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
    }
    100% {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
}

/*кнопка обратной с
вязи*/

.email-bt {
    background: #45b969;
    border: 2px solid #45b969;
    border-radius: 50%;
    box-shadow: 0 8px 10px rgba(7, 89, 31, 0.3);
    cursor: pointer;
    height: 68px;
    text-align: center;
    width: 68px;
    position: fixed;
    left: 35px;
    bottom: 35px;
    z-index: 999;
    transition: .3s;
    -webkit-animation: email-an linear 1s infinite;
    animation: email-an linear 1s infinite;
}

.email-bt .text-call {
    height: 68px;
    width: 68px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
}

.email-bt .text-call span {
    text-align: center;
    color: #45b969;
    font-size: 0;
    position: absolute;
    right: 4px;
    top: 22px;
    line-height: 14px;
    font-weight: 600;
    text-transform: uppercase;
    transition: opacity .3s linear;
    font-family: 'montserrat', Arial, Helvetica, sans-serif;
}

.email-bt .text-call:hover span {
    opacity: 1;
    font-size: 11px;
}

.email-bt:hover i {
    display: none;
}

.email-bt:hover {
    z-index: 1;
    background: #fff;
    transition: .3s;
}

.email-bt:hover i {
    color: #38a3fd;
    font-size: 40px;
    transition: .3s;
}

.email-bt i {
    color: #fff;
    font-size: 29px;
    transition: .3s;
    line-height: 66px;
}

.email-bt i {
    -webkit-animation: opsimple 3s infinite;
    animation: opsimple 3s infinite;
}

@-webkit-keyframes email-an {
    0% {
        box-shadow: 0 8px 10px rgba(7, 89, 31, 0.3), 0 0 0 0 rgba(7, 89, 31, 0.2), 0 0 0 0 rgba(7, 89, 31, 0.2)
    }
    40% {
        box-shadow: 0 8px 10px rgba(7, 89, 31, 0.3), 0 0 0 15px rgba(7, 89, 31, 0.2), 0 0 0 0 rgba(7, 89, 31, 0.2)
    }
    80% {
        box-shadow: 0 8px 10px rgba(7, 89, 31, 0.3), 0 0 0 30px rgba(7, 89, 31, 0), 0 0 0 26px rgba(7, 89, 31, 0.067)
    }
    100% {
        box-shadow: 0 8px 10px rgba(7, 89, 31, 0.3), 0 0 0 30px rgba(7, 89, 31, 0), 0 0 0 40px rgba(7, 89, 31, 0.0)
    }
}

@keyframes email-an {
    0% {
        box-shadow: 0 8px 10px rgba(7, 89, 31, 0.3), 0 0 0 0 rgba(7, 89, 31, 0.2), 0 0 0 0 rgba(7, 89, 31, 0.2)
    }
    40% {
        box-shadow: 0 8px 10px rgba(7, 89, 31, 0.3), 0 0 0 15px rgba(7, 89, 31, 0.2), 0 0 0 0 rgba(7, 89, 31, 0.2)
    }
    80% {
        box-shadow: 0 8px 10px rgba(7, 89, 31, 0.3), 0 0 0 30px rgba(7, 89, 31, 0), 0 0 0 26px rgba(7, 89, 31, 0.067)
    }
    100% {
        box-shadow: 0 8px 10px rgba(7, 89, 31, 0.3), 0 0 0 30px rgba(7, 89, 31, 0), 0 0 0 40px rgba(7, 89, 31, 0.0)
    }
}

@keyframes opsimple {
    0% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes opsimple {
    0% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.telephone-icons {
    font-size: 18px;
    color: #80b9e2
}

aside {
    background: white;
    color: black !important;
    padding: 0;
    margin: 0;
}

.gorup {
    color: #80b9e2 !important;
}

.date-about1 {
    border: 1px #45b969 solid;
    padding: 20px;
    border-radius: 15px;
    color: #45b969;
    text-shadow: 0 1px 1px black, 0 0 1px black;
}

details summary {
    display: block;
}

details summary::-webkit-details-marker {
    display: none;
}

details summary::before {
    content: "+ ";
}

details[open] summary::before {
    content: "- ";
}

details {
    display: block; /* так как в браузерах, не поддерживающих <details>, этот тег строчный */
    overflow: hidden;
    border: 1px solid #f1f1f1;
    box-shadow: 2px 3px 3px rgba(0, 0, 0, .2);
}

details summary {
    padding: .3em;
    background: #f1f1f1;
}

details summary a {
    font-size: 1.5em;
    vertical-align: middle;

}

.filter details + details {
    margin-top: 1em;
}

.filter summary {
    font-weight: 700; /* жирный шрифт метки */
    cursor: pointer;
}

.about-t{
    font-size: 14px;
    color: rgba(0,0,0,0.98);
}

.filter ul {
    margin: 1em;

    padding-left: 3px;
    text-align: left;
    font-size: 16px;
}

.filter summary:hover {
    color: #06ad21;
}

.advantages-list {
    text-align: left;
    font-size: 18px;
}

.advantages-list li {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 5px;
    padding-left: 36px;
    position: relative;
    padding-right: 15px;
    font-weight: 400;
}

.advantages-list li:before {
    position: absolute;
    left: 0;
    top: 3px;

    content: "";
    transition: all .3s ease-out;
    width: 16px;
    height: 16px;
    border: 2px solid #45b969;
    border-radius: 50%
}

li:hover:before {
    background: #06ad21

}
.main-v-header li {
    padding-left: 25px;
    font-size: 16px;
    position: relative
}

.main-v-header li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    border-radius: 2px;
    width: 7px;
    height: 7px;
    background: cornflowerblue;
}

.main-p-header li {
    padding-left: 25px;
    font-size: 16px;
    position: relative
}

.main-p-header li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    border-radius: 2px;
    width: 7px;
    height: 7px;
    background: cornflowerblue;

}


.capabilities-section {

    padding: 68px 0 28px;
    text-align: center
}

.capabilities-section .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.capabilities-section .row .col-sm-6 {
    margin-bottom: 30px
}

.capabilities-list {
    padding-bottom: 38px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 55px
}

.capabilities-list-2 {
    padding-bottom: 38px;
    margin-bottom: 55px
}


.capabilities-block {
    height: 100%;
    padding: 50px 10px 40px;
    background: #fff;
    border: 1px solid transparent;
    transition: all .3s ease-out;
    box-shadow: 0 0 35px 0 rgba(47, 130, 200, .17);
    border-radius: 2px;
    text-align: center;
    color: #051831
}

.capabilities-block:hover {
    border-color: cornflowerblue;
}

.capabilities-block .img-block {
    height: 120px;
    margin-bottom: 22px
}

.capabilities-block .img-block img {
    max-height: 100%;
    max-width: 100%
}

.capabilities-block p {
    line-height: 1.38

}


.capabilities-block .img-blocked {
    height: 200px;
    margin-bottom: 22px
}

.capabilities-block .img-blocked img {
    max-height: 100%;
    max-width: 100%
}


.capabilities-block .img-blockes {
    height: 250px;
    margin-bottom: 22px;

}

.capabilities-block .img-blockes img {
    max-height: 100%;
    max-width: 100%
}


.wrap li {
    color: black;
    display: block;
    width: 45%;
    float: left;
    margin-right: 10px;
}

.both2 {
    clear: both;
}

@media (max-width: 767px) {

    .section-about li, .main-p-header li, .bullet li, .text-danger.text-center, .capabilities-block p, p .p-small-b.pt-3 {
        font-size: 14px;
    }


    .wrap li {
        display: block;
        width: 100%;
        float: left;
        margin: 0;
        padding: 0;
    }

    .wrap {
        padding: 0;
        margin: 0;
    }

    .advantages-list li {
        line-height: 1.5;
        margin-bottom: 5px;
        position: relative;
        margin-left: 10px;
    }

    .advantages-list li:before {
        position: absolute;
        left: 0;
        top: 3px;
        content: "";
        transition: all .3s ease-out;
        width: 14px;
        height: 14px;
        border: 3px solid #45b969;
        border-radius: 50%
    }

    .capabilities-section .row .col-sm-6 {
        width: 50%
    }
}


@media (max-width: 1011px) {
    .advantages-list {
        font-size: 14px;
    }

    .advantages-list li {
        padding-left: 20px
    }
}


@media (max-width: 480px) {
    .capabilities-section .row .col-sm-6 {
        width: 100%
    }
}

.green-line {
    width: 66px;
    height: 6px;
    margin: 0 auto 30px;
    background: #45b969;
}

.blue-line {
    width: 66px;
    height: 2px;
    margin: 0 auto 55px;
    background: cornflowerblue;
}

.text-container-section-light {
    color: black;
}

.bullet {
    margin-left: 0;
    list-style: none;
    counter-reset: li;
}

.bullet li {
    position: relative;
    margin-bottom: 1.5em;
    border: 3px solid #45b969;
    padding: 0.6em;
    border-radius: 4px;
    background: #FEFEFE;
    color: #231F20;
    font-family: "Trebuchet MS", "Lucida Sans";
}

.bullet li:before {
    position: absolute;
    top: -0.7em;
    padding-left: 0.4em;
    padding-right: 0.4em;
    font-size: 16px;
    font-weight: bold;
    color: cornflowerblue;
    background: #FEFEFE;
    border-radius: 50%;
    counter-increment: li;
    content: counter(li);
}

.bg-section {
    background: rgba(0, 0, 0, 0.8);
}

.section-wheat {
    padding: 15px;
    background: rgba(0, 0, 0, 0.8);
}


ol.section-about {
    display: block;
    counter-reset: wslist1;
    color: #fff;
    list-style: none;
}

ol.section-about > li {
    margin: 0 0 1em 3em;
    position: relative;
}

ol.section-about > li::before {
    background: #45b969;
    border-radius: 50%;
    color: #fff;
    content: counter(wslist1);
    counter-increment: wslist1;
    display: inline-block;
    height: 30px;
    left: -40px;
    line-height: 20px;
    padding: 5px;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 30px;
}


ol.section-about li:before {
    content: "✓";
}

.images {
    font-size: 80px;
    color: cornflowerblue;
}

.fa-medapps {
    color: cornflowerblue;
}
.icons_arrow{
    color: cornflowerblue;
    font-size: 40px;
}


.info-ISO {
    padding-top: 60px;
}

/* Карусель */

:focus {
    outline: 0;
}

section.body {
    line-height: 1;
    color: black;
}


caption, th, td {
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}


/*Шрифты*/
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Light'), local('RobotoLt-Regular'),
    url(/fonts/Roboto/roboto-light.woff) format('woff'),
    url(/fonts/Roboto/roboto-light.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'),
    url(/fonts/Roboto/roboto-bold.woff) format('woff'),
    url(/fonts/Roboto/roboto-bold.ttf) format('truetype');
}

/*Стили для демо*/
/*h2*/
.title {
    background-color: #45b969;
    color: white;
    font-family: "Roboto", sans-serif;
    line-height: 60px;
    font-weight: 400;
    position: relative;
    text-align: center;
    font-size: 28px;
    margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
    /*h2*/
    .title {
        line-height: 30px;
        font-size: 20px;
        padding: .5em;
    }
}

h2.title:after {
    content: "";
    position: absolute;
    bottom: -35px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 1px;
    border: 20px solid transparent;
    border-top-color: #503d3f;
    z-index: 10;
}

h2.title + .owl-carousel .owl-dots .owl-dot.active span {
    background-color: #45b969;
}

h2.title.five {
    background-color: #45b969;
}

h2.title.five:after {
    border-top-color: #45b969;
}

h2.title span {
    color: #fff;
    font-family: "Roboto", sans-serif;
    line-height: 40px;
    font-weight: 700;
}

.block-one-example {
    position: relative;
}


/*Основные стили*/


.inner-testimonial {
    text-align: center;
}

.inner-testimonial > img {
    max-width: 128px;
    margin: 0 auto 15px;
    opacity: 0;
    -webkit-transition: all 1.3s linear;
    transition: all 1.3s linear;
}

.owl-item.active .inner-testimonial > img {
    -webkit-transition: all 1.3s linear;
    transition: all 1.3s linear;
}

.owl-item.active .inner-testimonial > img.full-opacity {
    opacity: 1;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

h3.city-name {
    padding: 10px 0;
    font-size: 20px;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
}

/*p*/
.text-testimonial {

    font-size: 20px;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    line-height: 25px;
}

.block-items {
    cursor: default;
}

/*Изменяем внешний вид элементов управления (точки) */
.owl-theme .owl-dots .owl-dot span {
    width: 14px;
    height: 14px;
}

.owl-theme .owl-dots .owl-dot.active span {
    width: 18px;
    height: 18px;
}

/*Стрелки*/
.owl-my-nav {
    position: absolute;
    width: 100%;
    height: 100%;

}

.owl-my-nav .owl-prev,
.owl-my-nav .owl-next {
    position: absolute;
    width: 60px;
    top: 21%;
    font-size: 100px;
    z-index: 20;
    cursor: pointer;
    opacity: 0.5;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.owl-my-nav .owl-prev:hover,
.owl-my-nav .owl-next:hover {
    opacity: 0.8;

}

.owl-my-nav .owl-prev {
    left: 50px;
    color: cornflowerblue;
}

.owl-my-nav .owl-next {
    right: 50px;
    text-align: right;
    color: cornflowerblue;
}


@media only screen and (max-width: 768px) {
    /*p*/
    .text-testimonial {
        font-size: 14px;
    }

    .owl-my-nav .owl-prev,
    .owl-my-nav .owl-next {
        font-size: 25px;
    }

    .owl-my-nav .owl-prev {
        left: -5px;
    }

    .owl-my-nav .owl-next {
        right: -5px;
    }
}

.wrap {
    padding-bottom: 30px;
    margin: 5px auto 5px auto;
    text-align: center;
}

.box {
    margin: 0 2px;
    background: white;
    text-align: center;
    padding: 2px;
    border-radius: 10px;
    box-shadow: 2px 1px 0 1px rgba(0, 0, 0, 0.3);
}



.wrap {
    padding-bottom: 30px;
    margin: 5px auto 5px auto;
    text-align: center;
}

.box {
    margin: 0 2px;
    background: white;
    text-align: center;
    padding: 2px;
    border-radius: 10px;
    box-shadow: 2px 1px 0 1px rgba(0, 0, 0, 0.3);
}

.blue {
    background: lightblue;
}
.price {
    height: 110px;
    width: 110px;
    text-align: center;
    background-color: #EC351D;
    border-radius: 50%;
    line-height: 110px;
    color: #FFF;
    font-size: 1.4em;
    margin: 20px auto;
    box-shadow: 2px 1px 0 1px rgba(0, 0, 0, 0.3);
    font-weight: 600;
}

.blue .price {
    background: white;
    color: #333333;
    font-weight: 600;
}

.about {
    margin: 10px 0px;
    padding-bottom: 10px;
    font-weight: 400;
    font-size: 0.8em;
    color: black;
}

.krug{
    border: 2px #45b969 solid;
    height: 35px;
    width: 35px;
    text-align: center;
    border-radius: 50%;
    line-height: 30px;
    color: #45b969;
    font-size: 1.4em;
    margin: 5px auto;
    font-weight: 600;

}
.ssy{
    color: forestgreen;
}
/* Конец */