@font-face {
    font-style: normal;
    font-weight: normal;
    font-family: "rouble";
    src: url("../fonts/rouble.otf") format("opentype");
}

.container {
    max-width: 960px;
}

/*
 * Custom translucent site header
 */

.site-header {
    background-color: rgba(0, 0, 0, .85);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}

.site-header a {
    color: #999;
    transition: ease-in-out color .15s;
}

.site-header a:hover {
    color: #fff;
    text-decoration: none;
}

/*
 * Dummy devices (replace them with your own or something else entirely!)
 */

.product-device {
    position: absolute;
    right: 10%;
    bottom: -30%;
    width: 300px;
    height: 540px;
    background-color: #333;
    border-radius: 21px;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}

.product-device::before {
    position: absolute;
    top: 10%;
    right: 10px;
    bottom: 10%;
    left: 10px;
    content: "";
    background-color: rgba(255, 255, 255, .1);
    border-radius: 5px;
}

.product-device-2 {
    top: -25%;
    right: auto;
    bottom: 0;
    left: 5%;
    background-color: #e5e5e5;
}

/*
 * Extra utilities
 */

.flex-equal > * {
    -ms-flex: 1;
    flex: 1;
}

@media (min-width: 768px) {
    .flex-md-equal > * {
        -ms-flex: 1;
        flex: 1;
    }
}

.overflow-hidden {
    overflow: hidden;
}

/* my */

.section-size {
    max-width: 1920px;
    min-width: 600px;
    margin: auto;
}

.back-main-image {
    background: #c6c7cb url(../img/main-img.jpg) 50% 0 no-repeat;
    height: 900px; /*height: 50rem; 788 121*/
    margin-top: 56px;
}

.main-text-svg {
    width: 792px;
    height: 142px;
}

.main-text-svg-img {
    width: 770px;
    height: 119px;
}

#main-svg-title-small {
    display: none;
}

@media (max-width: 900px) {
  /*  .back-main-image {
        max-width: 1920px !important;
        min-width: 900px !important;
    } */

    .main-text-svg {
        width: 522px;
        height: 113px;
        margin-bottom: 29px;
    }

    .main-text-svg-img {
        width: 500px;
        height: 90px;
    }

    #poll-comment {
        width: 700px!important;
    }

    #main-svg-title {
        display: none;
    }/*
        width: 522px;
        height: 113px;
        margin-bottom: 29px;
    }

    #main-svg-title image {
        width: 500px;
        height: 90px;
    }*/

    #main-svg-title-small {
        display: inline-block;
        margin-bottom: 29px;
    }
}



/* доработать поворот экрана

@media (max-height: 598px) {
    .section-size {
        height: 200px !important;
        min-width: 1000px !important;
    }
}

@media (min-height: 600px) {
    .section-size {
        height: 800px !important;
    }
}

@media (orientation: portrait) {
    .test-p {
        color: white !important;
    }
}

@media (orientation: landscape) {
    .test-p {
        color: red !important;
    }
}

*/

.test-p {
    margin-top: 30px;
    font-size: 5.6rem;
    font-weight: 900 !important;
}

.section-size-col {
    max-width: 1920px;
    min-width: 600px;
    margin: auto;
}

.back-test-beta-image {
    background: #c6c7cb url("../img/road.jpg") 50% 0px no-repeat;
    height: 650px;
    padding-top: 3rem;
}

.back-tel-image {
    /* background: #eafafa url("../img/tel.jpg") 50% 0px no-repeat; */
    background-color: #eafafa;
    padding-top: 3rem;
}

.bg-grey {
    background-color: #c6c7cb !important;
}

.you-way {
    max-width: 1920px;
    min-width: 600px;
    margin: auto;
    margin-top: 2.5rem;
    padding-right: 3.2rem;
    padding-left: 3.2rem;
    padding-bottom: 2rem;
    padding-top: 1.5rem;
}

.ul-line {
    margin-top: 2.4rem;
    margin-bottom: 2.5rem;

    list-style: none;
    flex-direction: row;

    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    /*align-items: center; */
    -ms-flex-pack: justify;
    justify-content: space-between;

    padding-left: 0px;
}

@media (max-width: 710px) {
    .ul-line {
        margin-left: 60px;
        margin-right: 60px;
        margin-top: 0rem !important;
        flex-direction: column;
    }

    .widht-item-arrow {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        position: relative;
        margin-right: 2rem;
        margin-bottom: 2.4rem;
    }

    .arrow1 {
        position: absolute;
        top: 180px;
        left: 107px;
    }

    .arrow2 {
        position: absolute;
        top: 504px;
        left: 107px;
    }

    .arrow3 {
        position: absolute;
        top: 830px;
        left: 107px;
    }

    .svg-conteiner {
        display: inline-flex;
        position: absolute;
        margin-left: 2rem!important;
        margin-top: 2rem!important;
        margin-bottom: 2rem!important;
    }

    .about-row-view1 {
        margin-bottom: 8.4rem!important;
    }

    .about-row-view2 {
        margin-top: 8.4rem!important;
        margin-bottom: 8.4rem!important;
    }

    .about-row-view3 {
        margin-top: 8.4rem!important;
        margin-bottom: 8.4rem!important;
    }

    .about-li-text {
        margin-top: 1rem;
    }

    .about-li-text-long {
        margin-top: 1rem;
        margin-left: 2rem!important;
    }

    .widht-item-small {
        width: 17.5rem !important;
        margin-top: 4.2rem !important;
    }

    .widht-item {
        margin-top: 4.2rem !important;
    }

    .about-li-text-load {
        margin-left: 13rem !important;
    }

    .about-li-text-view {
        margin-left: 9rem !important;
    }

    .left-marg-smart {
        margin-left: 9rem!important;
    }

    .display-4 {
        font-size: 2.5rem !important;
    }
    .m-t-text-line1 {
        margin-top: 2rem !important;
    }
    .m-t-text-line2 {
        margin-bottom: 10rem !important;
    }
}

.font-weight-normal-b {
    font-weight: 600 !important
}

.font-weight-normal-b-500 {
    font-weight: 500 !important
}

.m-t-text {
    /* margin-top: -3.3%; */
}

.m-t-text-top {
    position: relative;
    top: 250px;
    color: #fff;
}

.font-color-blue {
    color: #1e3764;
}

.font-color-yellow {
    color: #fac000;
}


.font-color-sky-blue-dop {
    color: #5b9bd5;
    text-shadow: 1px 0 1px #fff,
    0 1px 1px #fff,
    -1px 0 1px #fff,
    0 -1px 1px #fff;
    margin-top: 13rem;
}

.m-t-text-line1 {
    margin-top: 1rem;
}

.m-t-text-line2 {
    margin-top: 1rem;
    margin-bottom: 9rem;
}

.btn-start {
    background: url("../img/start_base.png");
    width: 590px;
    height: 112px;
    border: none;
    margin-top: 88px;
}

.btn-start a:hover {
    width: 20px;
    background: #fff url("../img/start_grey.png") !important;
}

.btn-instruction {
    background: url("../img/instruction.jpg");
    width: 400px;
    height: 225px;
    border: none;
}

.btn-instruction-trm {
    background: url("../img/instr-trm.jpg");
    width: 400px;
    height: 225px;
    border: none;
}

.rep-obl {
    background: url("../img/repsmall.png");
    width: 400px;
    height: 225px;
    border: none;
}

.white-div-center {
    width: 400px;
    height: 225px;
    border: none;
}

/*
.btn-start {
    border-radius: .5rem;
    background-color: cornsilk;
    width: 14rem;
    height: 4rem;
    border-color: #ede734;
    font-size: 2rem;
    font-weight: 600;
    color: #ede734;
}
*/

.widht-item {
    width: 17.5rem;
    margin-top: 2.5rem;
}

.widht-item-small {
    width: 13rem;
}

.widht-item-arrow {
    margin-top: 4.2rem;
}

.svg-conteiner {
    margin-left: 5rem;
    margin-top: 1.5rem;
    margin-bottom: 0.8rem;
}

.about-row-view1 div {
    /* -webkit-animation: about-show 3s infinite linear,about-visible 2s 3s infinite linear, about-hidden 3s 5s infinite linear;*/
    -webkit-animation: about-show 14s infinite linear;
    animation: about-show 14s infinite linear;
}

.about-row-view2 div {
    opacity: 0;
    -webkit-animation: about-show 14s 3.5s infinite linear;
    animation: about-show 14s 3.5s infinite linear;
}

.about-row-view3 div {
    opacity: 0;
    -webkit-animation: about-show 14s 7s infinite linear;
    animation: about-show 14s 7s infinite linear;
}

.about-row-view4 div {
    opacity: 0;
    -webkit-animation: about-show 14s 10.5s infinite linear;
    animation: about-show 14s 10.5s infinite linear;
}

@-webkit-keyframes about-show {
    0% {
        opacity: 0;
    }
    15% {
        opacity: 1;
    }
    16% {
        opacity: 1;
    }
    25% {
        opacity: 1;
    }
    26% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes about-show {
    0% {
        opacity: 0;
    }
    15% {
        opacity: 1;
    }
    16% {
        opacity: 1;
    }
    25% {
        opacity: 1;
    }
    26% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

.about-li-text {
    position: absolute;
    margin-left: 4.2rem;
}

.about-li-text-long {
    position: absolute;
    margin-left: 3rem;
}

.about-li-text-load {
    margin-left: 5rem;
}

.about-li-text-view {
    margin-left: 5.4rem;
}

.ul-unic {
    list-style: none;
    flex-direction: row;

    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    /*align-items: center; */
    -ms-flex-pack: justify;
    justify-content: space-between;

    padding-left: 50px;
    padding-right: 50px;
}

.ul-unic-main {
    margin-top: 2.5rem; /* 3*/
    margin-bottom: 3rem; /* 6*/
}

.ul-unic li {
   /* width: 400px;
    padding-top: 3.5rem;
    /*text-align: left;*/
}

.li-gorizont {
    /*width: 400px;
    padding-top: 3.5rem;
    /*text-align: left;*/
}

.ul-unic-left-right {
    width: 400px;
    padding-left: 0px;
    padding-right: 0px;
}

.ul-unic-left-right li{
    width: 400px;
    padding-bottom: 100px;
    padding-left: 0px;
    padding-right: 0px;
}

.ul-unic-center {
    width: 955px;
    padding-left: 70px;
    padding-right: 70px;
}

.ul-unic-center-img {
    width: 955px;
    padding-left: 0px;
    padding-right: 0px;
}

.li-unic-left-right {
    width: 400px;
}

.li-unic-center {
    width: 955px;
}

.li-unic-img {
   /* padding-top: 1rem !important;

       max-width: 100%;
    height: auto;
   */
}

.img-iphone {
    background: #eafafa url(../img/tel-gor.png) 50% 0 no-repeat;
    height: 475px;
    width: 955px;
    text-align: center;
}

.ul-unic li h3 {
    line-height: 2rem;
    margin-bottom: 2.2rem;
    font-size: 1.75rem;
}

.back-visual-video{
    background-color: #eafafa;
}

.visual-video-conteiner {
    padding-top: 38px;
}

.visual-video {
    max-width: 700px; /*100%;*/
    height: auto;
}

@media (max-width: 1870px) {

    .ul-unic li h3 {
        font-size: 1.55rem;
    }

    .ul-unic-left-right, .ul-unic-left-right li, .li-unic-left-right {
        width: 350px;
    }

    .ul-unic-center, .ul-unic-center-img, .li-unic-center, .img-iphone {
        width: 900px;
    }
    .img-iphone {
        background: #eafafa url(../img/tel-gor-900.png) 50% 0 no-repeat;
        height: 448px;
    }
    .visual-video {
        max-width: 660px;
    }
}

@media (max-width: 1720px) {
    .ul-unic li h3 {
        font-size: 1.45rem;
    }

    .ul-unic-left-right, .ul-unic-left-right li, .li-unic-left-right {
        width: 300px;
    }

    .ul-unic-center, .ul-unic-center-img, .li-unic-center, .img-iphone {
        width: 850px;
    }
    .img-iphone {
        background: #eafafa url(../img/tel-gor-850.png) 50% 0 no-repeat;
        height: 423px;
    }
    .visual-video {
        max-width: 630px;
    }
    .ul-unic-left-right li {
        padding-bottom: 80px;
    }
    .visual-video-conteiner {
        padding-top: 35px;
    }
    .tel-left-li {
        margin-top: -32px;
    }
}

@media (max-width: 1580px) {
    .ul-unic li h3 {
        font-size: 1.33rem;
    }

    .ul-unic-left-right, .ul-unic-left-right li, .li-unic-left-right {
        width: 270px; /* 250 */
    }

    .ul-unic-center, .ul-unic-center-img, .li-unic-center, .img-iphone {
        width: 800px;
    }
    .img-iphone {
        background: #eafafa url(../img/tel-gor-800.png) 50% 0 no-repeat;
        height: 398px;
    }
    .visual-video {
        max-width: 590px;
    }
    .ul-unic-left-right li {
        padding-bottom: 80px;
    }
    .visual-video-conteiner {
        padding-top: 33px;
    }
    .tel-left-li {
       /* margin-top: -64px; */
    }
}

@media (max-width: 1490px) { /*1430 */

    .ul-unic-center-img {
        width: 955px;
        margin-bottom: 35px;
    }
    .li-unic-left-right {
        display: none;
    }
    .ul-unic li h3 {
        font-size: 1.65rem;
    }

    .ul-unic-center, .ul-unic-center-img, .li-unic-center, .img-iphone {
        width: 955px;
    }
    .img-iphone {
        background: #eafafa url(../img/tel-gor.png) 50% 0 no-repeat;
        height: 475px;
        width: 955px;
    }
    .visual-video {
        max-width: 700px;
    }
    .visual-video-conteiner {
        padding-top: 38px;
    }
    .li-unic-center {
        margin: auto;
    }
    .unic-text-main {
        display: none;
    }
    .unic-text-two {
        display: inline-flex!important;
        width: 470px;
        flex-direction: column!important;
        padding-right: 0px;
        padding-left: 0px;
    }
    .unic-text-two-m-b {
        margin-bottom: 15px;
    }
    .li-unic-m-b {
        margin-bottom: 32px;
    }
    .ul-unic-main {
        margin-bottom: 0rem;
    }
}

@media (max-width: 1080px) { /*1430 */

    .ul-unic-center-img {
        width: 800px;
        margin-bottom: 35px;
    }
    .li-unic-left-right {
        display: none;
    }
    .ul-unic li h3 {
        font-size: 1.45rem;
    }

    .ul-unic-center, .ul-unic-center-img, .li-unic-center, .img-iphone {
        width: 800px;
    }
    .img-iphone {
        background: #eafafa url(../img/tel-gor-800.png) 50% 0 no-repeat;
        height: 398px;
        width: 800px;
    }
    .visual-video {
        max-width: 590px;
    }
    .visual-video-conteiner {
        padding-top: 33px;
    }
    .li-unic-center {
        margin: auto;
    }
    .unic-text-main {
        display: none;
    }
    .unic-text-two {
        display: inline-flex!important;
        width: 390px;
        flex-direction: column!important;
        padding-right: 0px;
        padding-left: 0px;
    }

    .li-unic-m-b {
        margin-bottom: 32px;
    }
}

@media (max-width: 900px) { /*1430 */

    .ul-unic-center-img {
        width: 700px;
        margin-bottom: 35px;
    }
    .li-unic-left-right {
        display: none;
    }
    .ul-unic li h3 {
        font-size: 1.45rem;
    }

    .ul-unic-center, .ul-unic-center-img, .li-unic-center, .img-iphone {
        width: 700px;
    }
    .img-iphone {
        background: #eafafa url(../img/tel-gor-700.png) 50% 0 no-repeat;
        height: 348px;
        width: 700px;
    }
    .visual-video {
        max-width: 520px;
    }
    .visual-video-conteiner {
        padding-top: 26px;
    }
    .li-unic-center {
        margin: auto;
    }
    .unic-text-main {
        display: none;
    }
    .unic-text-two {
        display: inline-flex!important;
        width: 340px;
        flex-direction: column!important;
        padding-right: 0px;
        padding-left: 0px;
    }
    .unic-text-two-m-b {
        margin-bottom: 15px;
    }
    .li-unic-m-b {
        margin-bottom: 32px;
    }
    .ul-unic-main {
        margin-top: 1.5rem;
        margin-bottom: 0rem;
    }
    .ul-unic li h3 {
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 800px) { /*1430 */

    .ul-unic-center-img {
        width: 550px;
        margin-bottom: 35px;
    }
    .li-unic-left-right {
        display: none;
    }
    .unic-text-two {
        display: none!important;
    }
    .ul-unic li h3 {
        font-size: 1.35rem;
    }

    .ul-unic-center, .ul-unic-center-img, .li-unic-center, .img-iphone {
        width: 550px;
    }
    .img-iphone {
        background: #eafafa url(../img/tel-gor-550.png) 50% 0 no-repeat;
        height: 273px;
        width: 550px;
    }
    .visual-video {
        max-width: 408px;
    }
    .visual-video-conteiner {
        padding-top: 20px;
    }
    .li-unic-center {
        margin: auto;
    }
    .unic-text-main {
        display: none;
    }
    .unic-text-one {
        display: inline-flex!important;
        width: 500px;
        flex-direction: column!important;
        padding-right: 0px;
        padding-left: 0px;
    }
    .unic-text-one-b-m {
        margin-top: -10px;
        margin-bottom: 20px;
    }
    .li-unic-m-b {
        margin-bottom: 32px;
    }
    .display-4 {
        font-size: 3rem;
    }
    .ul-unic-main {
        margin-top: 1.5rem;
        margin-bottom: 0rem;
    }
    .ul-unic li h3 {
        margin-bottom: 1.5rem;
    }
    .ul-unic {
        padding-left: 0rem;
        padding-right: 0rem;
    }
}

.unic-text-two {
    display: none;
}

.unic-text-one {
    display: none;
}

.m-b-p {
    margin-bottom: 0.3rem;
}

.table-m-up {
    margin-top: 0px;
}

.ul-instruction {
    margin-top: 36px;
    margin-bottom: 36px;

    list-style: none;
    flex-direction: row;

    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    /*align-items: center; */
    -ms-flex-pack: justify;
    justify-content: space-between;

    padding-left: 12rem;
    padding-right: 12rem;
}

.ul-adress {
    color: slategrey;
    margin-top: 100px;

    list-style: none;

    text-align: left;
    margin-left: 336px;

    /*
    flex-direction: row;

    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;


    padding-left: 16rem;
    padding-right: 16rem; */
}

.ul-kontakt-doc {
    margin-top: 50px;
    list-style: none;
    text-align: left;
    margin-left: 420px;
}

.li-border {
    width: 1px;
}

.li-fragment {
    width: 400px;
    margin-left: 50px;
    margin-right: 50px;
}

.instruction-comment {
    margin-left: 50px;
    margin-right: 50px;
}

.back-instruction {
    background-color: lightgrey; /*#eafafa;*/
    padding-top: 48px;
    padding-bottom: 48px;
    /*border-top: solid blue 1px; */
}

.back-price {
    background: url(../img/priceback.png) 40% 50% no-repeat;
    color: #a230a0;
    padding-top: 48px;
    padding-bottom: 48px;
    /*border-top: solid blue 1px; */
}

.price_logo {
    width: 300px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: -80px;
}

.price-center {
    text-align: left;
    font-size: 1.5rem;
}

.price-table-sum {
    width: 90px;
}

.price-table-text {
    font-style: italic;
}

.ul-ex {
    margin-top: 10px;
}

.ul-ex-bottom {
    margin-bottom: 0px;
}


.li-fragment-left-ex {
    margin-right: 0px;
    margin-left: 160px;
}

.li-fragment-right-ex {
    margin-left: 0px;
    margin-right: 160px;
}

.li-fragment-center-ex {
    margin-left: 0px;
    margin-right: 0px;
}



@media (max-width: 1890px) {
    .ul-instruction {
        padding-left: 10rem;
        padding-right: 10rem;
    }
}

@media (max-width: 1820px) {
    .ul-instruction {
        padding-left: 6rem;
        padding-right: 6rem;
    }
}

@media (max-width: 1695px) {
    .ul-instruction {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media (max-width: 1570px) {
    .ul-instruction {
        padding-left: 0rem;
        padding-right: 0rem;
    }
}

@media (max-width: 1530px) {

    .ul-kontakt-doc {
        margin-left: 280px;
    }
    .ul-adress {
        margin-left: 140px;
    }
}

@media (max-width: 1500px) {
    .li-fragment-center {
        margin-left: 0px;
        margin-right: 0px;
    }
}

@media (max-width: 1400px) {
    .ul-instruction {
        flex-direction: column!important;
        margin-top: 0px;
    }

    .ul-ex {flex-direction: row!important;}

    .li-fragment-left {
        margin-left: auto;
        margin-right: auto;
    }

    .li-fragment-center {
        margin-left: auto;
        margin-right: auto;
    }

    .li-fragment-right {
        margin-left: auto;
        margin-right: auto;
    }

    .top-instr-left {
        margin-top: 20px;
    }

    .top-instr-center {
        margin-top: 36px;
    }

    .top-instr-right {
        margin-top: 30px;
    }

    #instr-for-pk {
        display: none;
    }
    #instr-for-pk1 {
        display: none;
    }
    #instr-for-tel {
        display: inline-block!important;
        text-decoration: underline;
    }

    .ul-kontakt-doc {
        margin-left: 200px;
    }
    .ul-adress {
        margin-left: 50px;
    }

    .price_logo {
        display: none;
    }
    .price-ul {
        flex-direction: row!important;
        margin-top: 36px;
    }
    .back-price {
        background: url(../img/priceback.png) 42% 50% no-repeat;
    }

}

@media (max-width: 1300px) {

    .contacts-left {
        margin-left: 60px;
    }

    .contacts-right {
        margin-right: 60px;
    }
}

@media (max-width: 1230px) {

    .li-fragment-left-ex {
        margin-left: 120px;
    }

    .li-fragment-right-ex {
        margin-right: 120px;
    }

    .contacts-left {
        margin-left: 40px;
    }

    .contacts-right {
        margin-right: 40px;
    }

    .ul-kontakt-doc {
        margin-left: 140px;
    }
    .ul-adress {
        margin-left: 60px;
        margin-right: 50px;
    }
}

@media (max-width: 1120px) {

    .li-fragment-left-ex {
        margin-left: 80px;
    }

    .li-fragment-right-ex {
        margin-right: 80px;
    }

    .li-poll-left {
        margin-left: 35px!important;
    }

    .li-poll-right {
        margin-right: 35px!important;
    }

    .contacts-left {
        margin-left: 20px;
    }

    .contacts-right {
        margin-right: 20px;
    }

    .ul-kontakt-doc {
        margin-left: 100px;
    }
    .ul-adress {
        margin-left: 60px;
        margin-right: 50px;
    }
}

@media (max-width: 1060px) {

    .ul-kontakt-doc {
        margin-left: 75px;
    }
    .ul-adress {
        margin-left: 60px;
        margin-right: 50px;
    }
}

@media (max-width: 1000px) {

.ul-ex {flex-direction: column!important;}

.li-fragment-left-ex {
    margin-left: auto;
    margin-right: auto;
}

.li-fragment-right-ex {
    margin-left: auto;
    margin-right: auto;
}

.li-ex-t-b-marg {
    margin-top: 24px;
    margin-bottom: 30px;
}

    .rtp_logo_contact {
        width: 230px;
    }

    .ul-kontakt-doc {
        margin-top: -26px;
    }

    .back-contacts {
        height: 720px !important;
        padding-top: 0px !important;
    }

    .ul-kont-m-t {
        margin-top: -60px;
    }

    .k-t-m-10 {
        margin-top: 16px;
    }

    .ul-kontakt-doc {
        text-align: center;
        margin-left: 0px;
        padding-left: 0px;
    }
    .ul-adress {
        margin-left: 50px;
        margin-right: 50px;
        margin-top: 0px; /* 60 */
    }

    .examples-text {
        margin-top: 24px !important;
        margin-bottom: 20px !important;
    }
    .ex-fr-marg {
        margin-top: -5px;
        margin-bottom: 15px;
    }
    .ex-ul-marg {
        margin-bottom: 0px;
    }
    .ex-text-marg {
        margin-top: 5px!important;
    }

    .contacts-left {
        -ms-flex-order: 1!important;
        order: 1!important;
        margin-top: 30px!important;
    }

    .contacts-right {
        -ms-flex-order: 2!important;
        order: 2!important;
        margin-top: 10px!important; /*40*/
    }

    .li-poll-left, .li-poll-right {
        display: contents;
    }

    .poll-small {
        display: inline-block!important;
    }
    .poll-big {
        display: none!important;
    }

    .top-marg-30 {
        margin-top: 0px!important;
    }


}

#instr-for-tel {
    display: none;

}

.back-examples {
    background-color: #eafafa;
    padding-top: 48px;
    padding-bottom: 48px;
}

.examples-text {
    margin-top: 36px;
    margin-bottom: 20px;
}

.visual-video-examples {
    max-width: 400px; /*100%;*/
    height: auto;
}

.back-mission {
    padding-top: 48px;
    padding-bottom: 20px!important;
    padding-left: 1rem;
    padding-right: 1rem;
}

.mission-header-text {
    margin-bottom: 36px;
}

.examples-link {
    text-decoration: none;
}

.instr-link {
    text-decoration: underline;
}

.instr-text {
    font-size: 1.2rem;
    margin-bottom: 6px;
    margin-top: -4px;
}

.container-youtube-iframe {
    position: relative;
    padding-bottom: 56.25%;/*пропорции видео 16:9 */
    /* padding-top: 25px; */
    height: 0;
}

.youtube-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 767px) {
    .container-youtube-iframe {
        margin-left: -30px;
        margin-right: -30px;
        padding-top: 25px;
        top: 10px;
    }

    #poll-comment {
        width: 500px!important;
    }
}

.text-grey {
    color: #999999; /*darkgrey; */
}

.back-img-missia1 {
     background: url(../img/missia-1.jpg) 50% 0 no-repeat;
     height: 500px; /*height: 50rem;*/
}

.back-img-missia2 {
    background: url(../img/missia-2.jpg) 50% 0 no-repeat;
    height: 500px; /*height: 50rem;*/
}

.back-img-missia3 {
    background: url(../img/missia-3.jpg) 50% 0 no-repeat;
    height: 500px; /*height: 50rem;*/
}

.text-red {
    color: red;
}

/* пульсирующие круги */
.circle-head-container {
    margin-top: 5rem;
    margin-left: 2.1rem;
}

.men-title-head {
    position: absolute;
    margin-top: -7px;
    margin-left: 26px;
}

.men-title-head-text {
    position: absolute;
    margin-top: -3px;
    margin-left: 50px;
    color: #ffffff;
}

.men-title-head-text1 {
    margin-top: -3px;
    margin-left: 42px;

}

.circle-body-container {
    margin-top: 8.5rem;
    margin-left: -3.3rem;
}

.circle-body-container1 {
    margin-top: 16rem;
    margin-left: -1.8rem;
}

.circle-body-container2 {
    margin-top: 26rem;
    margin-left: -5.4rem;
}

.circle-body-container3 {
    margin-top: -9.3rem;
    margin-left: -14.4rem;
}

.circle-body-container4 {
    margin-top: 30.3rem;
    margin-left: -22.8rem;
}

.circle-body-container5 {
    margin-top: 7.7rem;
    margin-left: -15.2rem;
}

.circle-body-container6 {
    margin-top: -16.2rem;
    margin-left: 6.4rem;
}

.circle-body-container7 {
    margin-top: -18.0rem;
    margin-left: 15.1rem;
}

.circle-body-container8 {
    margin-top: -19.8rem;
    margin-left: -24.3rem;
}

.circle-body-container9 {
    margin-top: -22.6rem;
    margin-left: -15.2rem;
}

.circle-test-container {
    margin-top: 19.5rem;
    margin-left: 8.0rem;
}

.mgo-widget-call_pulse {
    height: 19px;
    width: 19px;
    background-color: #a230a0;
    border-radius: 100%;
    border: 0px solid #a230a0;
    position: absolute;
    opacity: .75;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}

.mgo-widget-call_pulse:after,
.mgo-widget-call_pulse:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    top: 0;
    background-color: #a230a0;
    border-radius: 100%;
    -webkit-animation: pulse 2s infinite ease-in-out;
    animation: pulse 2s infinite ease-in-out;
}

.mgo-widget-call_pulse:before {
    margin: auto 0 auto -16.25px;
    height: 32.5px;
    width: 32.5px;
    opacity: .5;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}

.mgo-widget-call_pulse:after {
    margin: auto 0 auto -23px;
    height: 46px;
    width: 46px;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    opacity: .25;
}

@-webkit-keyframes pulse {
    0% {
        transform: scale(0);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes pulse {
    0% {
        transform: scale(0);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}

.mgo-widget-call_pulse1 {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}

.mgo-widget-call_pulse1:before {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}

.mgo-widget-call_pulse1:after {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}

/* animation main title */

#main-title1, #main-title1 ~ span {
    -webkit-animation: main-title-show 41s infinite linear;
    animation: main-title-show 41s infinite linear;
}

#main-title2, #main-title2 ~ span {
    opacity: 0;
    -webkit-animation: main-title-show 41s 4.5s infinite linear;
    animation: main-title-show 41s 4.5s infinite linear;
}

#main-title3, #main-title3 ~ span {
    opacity: 0;
    -webkit-animation: main-title-show 41s 9s infinite linear;
    animation: main-title-show 41s 9s infinite linear;
}

#main-title4, #main-title4 ~ span {
    opacity: 0;
    -webkit-animation: main-title-show 41s 13.5s infinite linear;
    animation: main-title-show 41s 13.5s infinite linear;
}

#main-title5, #main-title5 ~ span {
    opacity: 0;
    -webkit-animation: main-title-show 41s 18s infinite linear;
    animation: main-title-show 41s 18s infinite linear;
}

#main-title6, #main-title6 ~ span {
    opacity: 0;
    -webkit-animation: main-title-show 41s 22.5s infinite linear;
    animation: main-title-show 41s 22.5s infinite linear;
}

#main-title7, #main-title7 ~ span {
    opacity: 0;
    -webkit-animation: main-title-show 41s 27s infinite linear;
    animation: main-title-show 41s 27s infinite linear;
}

#main-title8, #main-title8 ~ span {
    opacity: 0;
    -webkit-animation: main-title-show 41s 31.5s infinite linear;
    animation: main-title-show 41s 31.5s infinite linear;
}

#main-title9, #main-title9 ~ span {
    opacity: 0;
    -webkit-animation: main-title-show 41s 36s infinite linear;
    animation: main-title-show 41s 36s infinite linear;
}

/*
#main-title10, #main-title10 ~ span {
    opacity: 0;
    -webkit-animation: main-title-show 41s 40.5s infinite linear;
    animation: main-title-show 41s 40.5s infinite linear;
}
*/

@-webkit-keyframes main-title-show {
    0% {
        opacity: 0;
    }
    6% {
        opacity: 1;
    }
    12% {
        opacity: 0;
    }
    25% {
        opacity: 0;
    }
    26% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes main-title-show {
    0% {
        opacity: 0;
    }
    6% {
        opacity: 1;
    }
    12% {
        opacity: 0;
    }
    25% {
        opacity: 0;
    }
    26% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

.back-citation {
    background-color: #fff;
    padding-top: 48px;
    padding-bottom: 48px;
    padding-left: 1rem;
    padding-right: 1rem;
    height: 480px;
}

.back-poll {
    background-color: #fff;
    padding-top: 48px;
    padding-bottom: 48px;
    border-top: /*solid blue 1px; */
}

.poll-text {
    margin-top: 36px;
}

.back-contacts {
    background: #c6c7cb url(../img/map-2-700.jpg) 50% 0 no-repeat;
    height: 600px; /*height: 50rem;*/
    padding-top: 24px;
    padding-bottom: 0px;
    color: #a230a0;
}


.ul-contacts {
    margin-top: 36px;
    margin-bottom: 36px;

    list-style: none;
    flex-direction: row;

    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    /*align-items: center; */
    -ms-flex-pack: justify;
    justify-content: space-between;

    padding-left: 16rem;
    padding-right: 16rem;
}

.li-contacts {
    width: 400px;
    margin-left: 50px;
    margin-right: 50px;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.mission-line {
 /*   border-top: solid blue 1px;
    border-bottom: solid blue 1px; */
    padding-top: 35px;
}

.mission-line-div {
    width: 500px;
    border-top: solid grey 1px;
    margin: auto;
}

.mis-mar-bot {
    margin-bottom: 35px;
    text-align: center;
}

.mis-txt-mar-bot {
    margin-bottom: 15px;
}

.mis-mar-top {
    margin-top: 35px;
}

.mis-txt-pad-bot {
    padding-bottom: 15px;
}

.mis-pad-bot {
    padding-bottom: 35px;
    text-align: center;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

@media (max-width: 1310px) {
    .back-citation {
        height: 500px!important;
    }
    .my-carousel {
        margin-top: 0px!important;
    }
}

@media (max-width: 1150px) {
    .back-citation {
        height: 520px!important;
    }
}

@media (max-width: 1050px) {
    .back-citation {
        height: 540px!important;
    }
}

@media (max-width: 1020px) {
    .back-citation {
        height: 560px!important;
    }
}

@media (max-width: 950px) {
    .back-citation {
        height: 580px!important;
    }
}

@media (max-width: 870px) {
    .back-citation {
        height: 610px!important;
    }
}

@media (max-width: 830px) {
    .back-citation {
        height: 640px!important;
    }
}

@media (max-width: 684px) {
    .back-citation {
        height: 700px!important;
    }
}

@media (max-width: 640px) {
    .back-citation {
        height: 730px!important;
    }
}

@media (max-width: 600px) {
    .back-citation {
        height: 790px!important;
    }
}


@media (min-width: 1030px) {
    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .order-md-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .back-mission {
        padding-left: 3rem!important;
        padding-right: 3rem!important;
    }

    .back-citation {
        padding-left: 3rem!important;
        padding-right: 3rem!important;
    }
}

@media (min-width: 768px) {
    .back-mission {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .back-citation {
        padding-left: 2rem;
        padding-right: 2rem;
    /*    height: 620px!important; */
    }
}

.my-carousel {
    margin-top: 24px;
    text-align: justify;
}

.carousel {
   /* position: relative */
}

.carousel.pointer-event {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

/*
.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
} */

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display: block
}

.active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) {
    -webkit-transition: 0s;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) {
    -webkit-transition: 0s;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    -webkit-transform: none;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
    -webkit-transition: 0s;
    z-index: 0;
    opacity: 0;
    transition: 0s .6s opacity
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #000;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion: reduce) {
    .carousel-control-next, .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    color: #000;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50%/100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #999;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

#b-donac {
    color: #fff;
    background-color: #0000FF;
    border-radius: 5px;
    font-size: 1.5rem;

    outline: none;
    border-width: 2px 0;
    border-style: solid none;
    border-color: #a20AAA #000 #a20AAA;
    border-radius: 6px;
    background: linear-gradient(#a230E0, #a230a0) #a23Aa0;
    transition: 0.2s;
    margin-top: 10px;
    padding-bottom: 4px;
    padding-left: 15px;
    padding-right: 15px;
}

#b-donac:hover { background: linear-gradient(#a26FE0, #a23FE0) #a26FE0; }
#b-donac:active { background: linear-gradient(#a21AE0, #a210E0) #a21AE0; }

#cr-c {
    line-height: 1.5;
}

.b_donac {
    display: inline-block;
}

.b_donac_show {
    display: none;
}

.cr_c {
     display: none;
}

.cr_c_show {
    display: inline-block;
}

.contacts-left {
    -ms-flex-order: 1;
    order: 1;
    margin-top: -70px; /* 100 */
}

.contacts-right {
    -ms-flex-order: 2;
    order: 2;
    margin-top: 11px;
/*    width: auto; */
}

.li-poll-left {
    width: 430px;
    margin-left: 80px;
    margin-right: 35px;
}

.li-poll-right {
    width: 430px;
    margin-left: 35px;
    margin-right: 80px;
}

.poll-small {
    display: none;
}

.poll-big {
    display: inline-block;
}

.poll-gold {
    background: url("../img/star-gold.png") no-repeat!important;
}

.poll-star-grey {
    width: 59px;
    height: 55px;
    background: url("../img/star-grey.png") no-repeat;
}

/*
.poll-star-gold:hover { background: url("../img/star-grey.png") no-repeat; }
.poll-star-gold:active { background: url("../img/star-grey.png") no-repeat; }

.poll-star-grey:hover { background: url("../img/star-gold.png") no-repeat; }
.poll-star-grey:active { background: url("../img/star-gold.png") no-repeat; }
*/

.ul-poll-star {
    list-style: none;
    flex-direction: row;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    padding-left: 0px;
    width: 295px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    /*align-items: center; 430*/
}

.ul-poll-face {
    width: 510px;
}

.ul-top-marg0 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.m-top-28 {
    margin-top: 28px;
    margin-bottom: 20px;
}

.poll-smile-1 {
    width: 75px;
    height: 75px;
    background: url("../img/smile-1.png") no-repeat;
    margin: 12px;
}

.poll-smile-1.bold {
    width: 99px;
    height: 99px;
    background: url("../img/smile-1-big.png") no-repeat;
    margin: 0px;
}

.poll-smile-2 {
    width: 75px;
    height: 75px;
    background: url("../img/smile-2.png") no-repeat;
    margin: 12px;
}

.poll-smile-2.bold {
    width: 99px;
    height: 99px;
    background: url("../img/smile-2-big.png") no-repeat;
    margin: 0px;
}
.poll-smile-3 {
    width: 75px;
    height: 75px;
    background: url("../img/smile-3.png") no-repeat;
    margin: 12px;
}

.poll-smile-3.bold {
    width: 99px;
    height: 99px;
    background: url("../img/smile-3-big.png") no-repeat;
    margin: 0px;
}
.poll-smile-4 {
    width: 75px;
    height: 75px;
    background: url("../img/smile-4.png") no-repeat;
    margin: 12px;
}

.poll-smile-4.bold {
    width: 99px;
    height: 99px;
    background: url("../img/smile-4-big.png") no-repeat;
    margin: 0px;
}
.poll-smile-5 {
    width: 75px;
    height: 75px;
    background: url("../img/smile-5.png") no-repeat;
    margin: 12px;
}

.poll-smile-5.bold {
    width: 99px;
    height: 99px;
    background: url("../img/smile-5-big.png") no-repeat;
    margin: 0px;
}

#poll-comment {
    width: 830px;
    padding: 10px;
    line-height: 1.5;
    border-radius: 5px;
    border: 1px solid #ffb100;
    box-shadow: 1px 1px 1px #ff8800;
    margin-bottom: 24px;
    resize: none;
    overflow: auto;
    height: 120px;
}

#b-poll {
    color: #fff;
    background-color: #0000FF;
    border-radius: 5px;
    font-size: 1.5rem;

    outline: none;
    border-width: 2px 0;
    border-style: solid none;
    border-color: #ff8e01 #000 #ff8e01;
    border-radius: 6px;
    background: linear-gradient(#ff9e01, #ff8800) #ff8800;
    transition: 0.2s;
    margin-top: 10px;
    padding-bottom: 4px;
    padding-left: 15px;
    padding-right: 15px;
}

#b-poll:hover { background: linear-gradient(#ff9e01, #ffc833) #ff9e01; }
#b-poll:active { background: linear-gradient(#ffc833, #ff9e01) #ffc833; }

/*
textarea {
    -webkit-appearance: none;
} */

.top-marg-30 {
    margin-top: 0px; /* 32 */
}

.cr_c_span {
    color: blue;
}

.fb_logo {
    width: 20px;
    height: auto;
    padding-bottom: 0px;
}

.vk_logo_contact {
    width: auto;
    height: 50px;
    margin-right: 20px;
}

.fb_logo_contact {
    width: 50px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.youtube_logo_contact {
    width: 70px;
    height: auto;
    margin-left: 20px;
}

.rtp_logo_contact {
    width: 300px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.btn_comment {
    background: none;
    border: none;
}

#btn_comment_view {
    text-decoration: underline;
}

.tredmill_display_none {
 /*   display: none; */
    margin: 7px;
    width: 40px;
    text-align: center;
}

.func_dop_marg {
    margin-top: -30px;
}

.for_prof_dop_pad {
    padding-top: 34px;
}

/* выезд надписи */

.slideRight {
    animation-name: slideRight;
    -webkit-animation-name: slideRight;

    animation-duration: 2s;
    -webkit-animation-duration: 2s;

    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;

    visibility: visible !important;
}

@keyframes slideRight {
    0% {
        transform: translateX(-150%);
    }
    50%{
        transform: translateX(8%);
    }
    65%{
        transform: translateX(-4%);
    }
    80%{
        transform: translateX(4%);
    }
    95%{
        transform: translateX(-2%);
    }
    100% {
        transform: translateX(0%);
    }
}

@-webkit-keyframes slideRight {
    0% {
        -webkit-transform: translateX(-150%);
    }
    50%{
        -webkit-transform: translateX(8%);
    }
    65%{
        -webkit-transform: translateX(-4%);
    }
    80%{
        -webkit-transform: translateX(4%);
    }
    95%{
        -webkit-transform: translateX(-2%);
    }
    100% {
        -webkit-transform: translateX(0%);
    }
}

/* Пульсация START */

.pulse_btn{
    animation-name: pulse_btn;
    -webkit-animation-name: pulse_btn;

    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;

    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes pulse_btn {
    0% {
        transform: scale(0.9);
        opacity: 0.7;
    }
    50% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(0.9);
        opacity: 0.7;
    }
}

@-webkit-keyframes pulse_btn {
    0% {
        -webkit-transform: scale(0.95);
        opacity: 0.7;
    }
    50% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(0.95);
        opacity: 0.7;
    }
}

.auth-popup-cpr {
    background-color: rgba(0, 0, 0, .2);
    position: fixed;
    z-index: 99;
    top: 50px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
}

#cprogr-popup-good-id, #auth-popup-cpr-id, #auth-popup-err-id, #errimg, #cpr-errimg, #auth-popup-comment, #videofilepreload, #popup-delvffile, #delfilepreload, #badrezactivemessage, #goodrezactivemessage, #cpr-popup-err-id {
    display: none;
}

.modal-accom-option {
    width: 500px;
    height: auto;
    padding: 40px;
    padding-top: 10px;
    background-color: #d1c7be; /* #ffffff; */
    margin: 5% auto;

    /*--CSS3 CSS3 Тени для Блока--*/
    -webkit-box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.3);

    /*--CSS3 Закругленные углы--*/
    border-radius: 8px;
    border: 4px solid #d5d5d3;
}

.msg-sel-cpr {
    background-color: #ffffff;
}

.math-progr-modal-div {
    margin-top: 20px;
}

.btn-ok-err {
    width: 100px;
}

.serv-reconstr {
    padding-top: 30px;
    color: red;
}

/* preloader */

.preloader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}

.loader__spinner {
    animation: rotate 2s linear infinite;
    transform-origin: center center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 150px;
    height: 150px;
}

.loader__path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    animation: dash 1.5s ease-in-out infinite;
    stroke-linecap: round;
    stroke: blue;
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

.selfcprogr_img {
    padding-bottom: 20px;
    width: 100%;
}

/*
.td_bgcolor_antiquewhite {
    background-color: antiquewhite; ffcc66
}

.td_bgcolor_grey {
    background-color: #dee2e6; ccc
}
*/

.td_bgcolor_antiquewhite {
    background-color: #f5d183;
}

.td_bgcolor_grey {
    background-color: #d1c7be;
}

.td_align_text_center {
    text-align: center;
}

.th_table_middle {
    vertical-align: middle!important;
    font-weight: 600;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    border: none!important;
}

.th_border_right {
    border-right: 2px solid #ffffff!important;
}

.td_border_right {
    border-right: 2px solid #e7e1d3!important;
}

.td_font_bold {
    font-weight: 600;
}

.btn-share {
    background-image: url(../img/btn-share.svg);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    margin-left: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: wheat;
    border-radius: 5px;
}

.btn-share:hover {
    background-image: url(../img/btn-share.svg);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    margin-left: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: white;
    border-radius: 5px;
}

.btn-share:active, .btn-share:focus {
    background-image: url(../img/btn-share.svg);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    margin-left: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: grey;
    border-radius: 5px;
    outline: none;
}

.btn-share-fb, .btn-share-inst {
 /*   background-image: url(../img/btn-share.svg);
    background-repeat: no-repeat; */
    width: 24px;
    height: 24px;
    margin-left: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: wheat;
    border-radius: 5px;
    display: none;
}

.lk-trm-blok {
    background-color: #d1c7be;
    width: 710px;
    padding: 10px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    justify-content: space-between;
    margin-top: 0px;
}

.right-margin-ul-trm {
    margin-right: 120px;
}

.left-margin-ul-trm {
    margin-left: 120px;
}

#upload_file {
    padding-left: 0px;
}

.cls_form_exit {
    display: contents;
}

#upload_file_st2 {
    margin-right: 0px;
}

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

.btn-share-inst {
    margin-left: 0px;
}

.td-width-pr1 {
    width: 1%;
}

.td-width-pr8 {
    width: 7%;
}

.td-width-pr15 {
    width: 14%;
}

.td-width-pr19 {
    width: 14%;
}

.td-width-pr21 {
    width: 21%;
}

#clearAllCheckSpan {
    display: block;
}

.text-area-comment {
    width: 100%;
    height: 180px;
}

.btn-comment {
    width: 100px;
    margin-left: 20px;
    margin-right: 20px;
}

#comment-change-btn {
    display: none;
}

.popup-analiz-run {
    background-color: rgba(0, 0, 0, .2);
    position: fixed;
    z-index: 97;
    top: 50px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
}

#popup-analiz-run-type, #popup-analiz-run-file, #popup-analiz-run-pay {
    display: none;
}

.znruble::after {
    content: 'i';
    font-family: "rouble", Arial, sans-serif;
/*    font-weight: bold;
    position: absolute;
    font-size: 17px;
    top: 6px;
    right: -16px; */
}

.btn_analiz {
    width: 154px;
    margin: auto;
}

.table_rezalt_form_ul {
    display: inline-flex;
    margin-top: 16px;
}

.table_rezalt_form_li {
    margin-left: 10px;
    margin-right: 10px;
}

.lk-btn-blok {
    display: inline-flex;
    margin-top: 16px;
    background-color: #f5d183;
    width: 660px;
    padding: 20px;
/*    border-top-right-radius: 6px;
    border-top-left-radius: 6px; */
    border-radius: 18px;
    justify-content: space-between;
    margin-bottom: 20px;
}

.lk-btn-blok-li {
    padding-top: 20px;
    padding-bottom: 20px;
}

.lk-btn-blok-svg {
 /*   position: absolute;
    bottom: 737px;
    left: 830px; */
    width: 240px;
    height: 107px;

}

.lk-btn-first-svg {
    position: absolute;
    right: 875px;
}

.m_b_16 {
    margin-bottom: 16px;
}

.blbtnlk {
    display: inline-flex;
    width: 220px;
    background-color: #f5d183;
    padding-top: 40px;
    padding-bottom: 40px;
}

.no-padding-div {
    padding: 0;
}

.btn-div-kr {
    z-index: 12;
    display: flex;
    margin-left: -198px;
}

.div-z-ind10 {
    z-index: 10;
}

.div-bord-rad-l {
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
}

.div-bord-rad-r {
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
}

.blbtnlk-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.d-w-l-190 {
    width: 190px;
}

.div-btn-svg {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none' class='lk-btn-blok-svg'%3E%3Cpolygon fill='%23d1c7be' points='0,100 10,0 100,0 90,100'%3E%3C/polygon%3E%3C/svg%3E");
    background-size: cover;
    height: 107px;
    width: 220px;
}

.d-m-r-1 {
    margin-right: -1px;
}

.d-m-l-1 {
    margin-left: -1px;
}

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

.modal_step_run {
    width: 580px;
    height: 300px;
    background-color: #f5d183;
}

.modal_step_run_h_auto {
    width: 580px;
    background-color: #f5d183;
}


.two_side_width {
    width: 290px;
    text-align: left;
}

.radio-input-step-run {
    margin-right: 7px;
}

.m-l-7 {
    margin-left: 7px;
}

.m-r-7 {
    margin-right: 7px;
}

.t-a-center {
    text-align: center;
}

.step-run-modal-div {
    font-size: large;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 500;
}

.btn-next-step-run-modal-div {
    margin-top: 20px;
}

.m-l-30 {
    margin-left: 30px;
}

.d-inp-file {
    margin-top: 10px;
    /*    margin-bottom: 20px;
      margin-left: 40px; */
}

#phonenumid {
    margin-top: 6px;
    margin-bottom: 20px;
    width: 150px;
}

.btn-next-step {
    width: 100px;
}

.tredmil-step-run-err {
    margin-top: -13px;
    margin-left: 54px;
    font-size: small;
    color: red;
    display: none;
    position: absolute;
}

.file-step-run-err {
    margin-top: -6px; /*-80px; */
    margin-bottom: 8px; /*61px; */
    font-size: small;
    color: red;
    display: none;
}

.or-div-upfile {
    margin-bottom: 8px;
    text-align: center;
}

#uploadblockdiv
{
    border: dashed;
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 20px;
    text-align: left;
    padding-left: 40px;
    margin-left: 50px;
    margin-right: 50px;
}

#uploadFileLink {
    width: 290px;
}

#phonenumreqid {
    margin-top: -14px;
    margin-bottom: 26px;
}

/*
#phonenumtextid, #phonenuminpid {
    display: none;
}
 */

.d-form-paytype {
    display: inline-flex;
}

.ul-form-paytype {
    display: flow-root;
    text-align: left;
    margin-bottom: 20px;
}

.inp-promo {
    margin: 7px;
    width: 120px;
    text-align: left;
}

.li-promo-active {
    text-align: right;
}

#promoactive {
    border: none;
    background: none;
    TEXT-DECORATION-LINE: underline;
    color: blue;
    margin-right: 38px;
}

#promoactive:disabled {
    color: grey;
}

.li-promo {
    margin-bottom: -15px;
}

#log-upload-file {
    margin-top: -80px;
}


.preloader_video_file {
    z-index: 10;
}

.loader__spinner_video_file {
    animation: rotate 2s linear infinite;
    transform-origin: center center;
    width: 150px;
    height: 150px;
}

.p-b-05 {
    padding-bottom: 0.5rem;
}

.pay-del-button {
    border: none;
    background: none;
    TEXT-DECORATION-LINE: underline;
    color: blue;
}

.d-btn-ok-no {
    display: inline-flex;
    width: 250px;
    justify-content: space-between;
}

#badrezactivemessage, #goodrezactivemessage {
    margin-top: -20px;
    margin-bottom: 20px;
}

#badrezactivemessage {
    color: red;
}

#goodrezactivemessage::after {
    content: 'i';
    font-family: "rouble", Arial, sans-serif;
    /*    font-weight: bold;
        position: absolute;
        font-size: 17px;
        top: 6px;
        right: -16px; */
}

.dmt60 {
    margin-top: -60px;
}

.rightborderd {
    border-right: dashed;
}

.mr15 {
    margin-right: 15px;
}

.ml15 {
    margin-left: 15px;
}

.mr50 {
    margin-right: 50px;
}

.ml50 {
    margin-left: 50px;
}

.have_math {
    color: #a230a0;
    font-weight: bold;
}

#chokdoc {
vertical-align: top;
margin-top: 3px;
    margin-right: 6px;
}

.text_chokdoc {
    display: flex;
    text-align: left;
}

/* cookie */


.cookie-message {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 78px;
    background-color: #3f3838;
/*    background-image: linear-gradient(135deg, #43adff 30%, #1965ff 80%);
     color: #ffffff;*/
    color: rgba(255, 255, 255, .5);
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
}

.cookie-message__inner-wrap {
    display: flex;
    align-items: center;
}

.cookie-message__text {
    font-size: 14px;
    margin: 20px;
}

.cookie-message__btn {
  /*  border: none; */
    user-select: none;
}

.cookie-message__link {
  /*  color: #ffffff; */
    color: rgba(255, 255, 255, .5);
    text-decoration: underline;
    background-color: transparent;
}

.cookie-message__link:focus, .cookie-message__link:hover {
    color: rgba(255, 255, 255, .75);
}

.cookie-container {
    padding: 40px;
}

.cookie-title {
    margin: 0 0 35px;
    font-size: 20px;
}

.cookie-container__paragraph {
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
}

.button-cookie {

    color: #fff;
    background-color: #999999;
    height: 36px;
    border-radius: 5px;
    font-family: "Arial", Times New Roman, Courier New, Courier;
    font-size: 14px;
    outline: none;
    border-width: 2px 0;
    border-style: solid none;
    border-color: #888888 #888999 #777999;
    border-radius: 6px;
    background: linear-gradient(#999999, #888888) #777777;
    transition: 0.2s;
    margin-bottom: 20px;
    margin-top: 16px;
    width: 110px;
}

.button-cookie:hover:not(:disabled) { background: linear-gradient(#999999, #bbbbbb) #999999; }
.button-cookie:active { background: linear-gradient(#bbbbbb, #999999) #bbbbbb; }
.button-cookie:disabled { background: linear-gradient(#999999, #888888) #777777; }


/* настройка формы под Apple. Отключил*/
.form-input-data {
    position: relative;
    margin-top: 30px;
}

.form-input-data label {
    position: absolute;
    top: -20px;
    left: 0;
    display: inline;
}

.form-input-data input {
    flex-grow: 1;
    width: 100%;
    margin-left: 0 !important;
}

.text-mtd-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* --- */