* { margin: 0px; padding: 0px; }
html, body { height: 100%; }
body { font-size: 18px; font-family: Arial,sans-serif; color: black; background: rgb(247, 247, 247) none repeat scroll 0% 0%; }
textarea, input { outline: medium none; }
a { color: rgb(22, 151, 206); }
a:hover { color: rgb(176, 73, 59); }
a img { border: medium none; }
a:focus { outline: medium none; }
h1 { font-size: 24px; font-weight: normal; }
h2 { font-size: 22px; font-weight: normal; }
.setting-menu { position: relative; margin: 0px auto; width: 960px; padding: 0px 20px; }
.clearfix::before, .clearfix::after { content: ""; display: table; }
.clearfix::after { clear: both; }
.footer .contacts, .footer .site h4, .header-menu .menu-list-header, .main-page .main-slider .share h4, .main-page .calendar .item .dvksub_rYPIQ4ET span, .sport-tv .left-blk, .main-page .map h4, .main-page .annonce-blk .dvksub_rYPIQ4ET span, .header-menu .ah-logo { font-family: PFDinTextCondProMedium,Helvetica,Arial ! important; }

.header-menu { position: relative; z-index: 15; }
.header-menu .ah-logo { margin-top: 40px; float: left; width: 360px; text-decoration: none; color: black; display: block; position: relative; }
.header-menu .ah-logo img { width: 74px; height: 80px; float: left; }
.header-menu .ah-logo h1 { font-size: 18px; margin-top: 17px; margin-left: 18px; width: 265px; float: left; text-transform: uppercase; line-height: 1; }

.header-menu .lang-menu { width: 330px; float: right; margin-top: 60px; }
.header-menu .lang-menu .lang-name-menu { text-align: right; font-size: 12px; text-transform: uppercase; float: right; }
.header-menu .lang-name-menu .lang-name { font-weight: bold; color: rgb(53, 55, 70); }
.header-menu .lang-name-menu a { color: rgb(53, 55, 68); }
.header-menu .lang-name-menu a:hover { color: rgb(176, 73, 61); }
.header-menu .lang-name-menu .udav_t_slEtc0GR { margin: 0px 5px; }
.header-menu .lang-menu .lang-search { margin-top: 25px; position: relative; text-align: right; }
.header-menu .lang-search .search-button { width: 170px; padding: 4px 5px; }
.header-menu .menu-list-header { margin-top: 10px; background: rgb(51, 53, 65) none repeat scroll 0% 0%; height: 50px; }
.header-menu .menu-list-header .main-menu-blk { list-style: outside none none; }
.header-menu .main-menu-blk > li { display: inline-block; float: left; margin-right: 23px; position: relative; padding: 17px 10px; }
.header-menu .menu-list-header p { text-transform: uppercase; font-size: 14px; color: white; text-decoration: none; }
.header-menu .menu-list-header .submenu-btn { color: rgb(207, 79, 58); font-style: normal; margin-left: 4px; }
.header-menu .menu-list-header .vica_ehEmluAT { position: absolute; top: 50px; left: -40px; width: 400px; padding: 40px 40px 40px 0px; background: white none repeat scroll 0% 0%; z-index: 15; display: none; }
.header-menu .menu-list-header .germantrava_IeZ6X4Esi9 .vica_ehEmluAT { left: 0px; }

.header-menu .menu-list-header .vica_ehEmluAT li { float: left; margin-left: 40px; display: block; border-bottom: 1px dashed rgb(189, 189, 191); z-index: 10; position: relative; }
.header-menu .menu-list-header li.wwwter_ma_fAfmL15qxg { border-top: 1px dashed rgb(189, 189, 191); }
.header-menu .menu-list-header .vica_ehEmluAT a { font-size: 14px; color: rgb(22, 151, 205); text-transform: none; width: 160px; padding: 9px 0px 7px; display: block; }
.header-menu .menu-list-header .vica_ehEmluAT a:hover { color: rgb(176, 73, 57); }
.header-menu .vladimir210487_POv1ApGe { position: absolute; width: 440px; left: 0px; top: -1px; bottom: -1px; box-shadow: 0px 1px 5px black; opacity: 0.2; z-index: 1; }
.cw-win-3 { font-size: 12px; }
.cw-win-2 h2 { font-weight: bold; font-size: 36px; margin-top: 15px; }
.cw-win-2 .dvksub_rYPIQ4ET { color: rgb(108, 110, 126); font-size: 14px; text-transform: uppercase; margin-top: 5px; }
.cw-win-2 .cw-win-main { margin-top: 25px; color: rgb(108, 110, 122); line-height: 1.5; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px dashed rgb(185, 185, 185); font-size: 18px; }
.cw-win-2 .cw-win-main p { text-indent: 20px; color: black; text-align: justify; margin: 15px; line-height: 31px; }

.cw-win-2 .cw-win-main .text-info-cw { margin-top: 5px; font-size: 15px; line-height: 20px; padding: 10px; background: rgb(204, 204, 204) none repeat scroll 0% 0%; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75); }
.cw-win-2 .cw-win-main .button-cw-win { text-align: center; }

.cw-win-2 .img-cw-win { float: left; padding: 0px 30px 10px 0px; font-size: 12px; font-style: italic; color: rgb(161, 161, 168); }

.cw-win-1 { background: white none repeat scroll 0% 0%; padding: 35px 40px 40px; margin: 0px 0px 50px; border-radius: 4px; }
.cw-win-1 h2 { font-size: 22px; text-transform: uppercase; line-height: 1; }
.cross-menu-cw { font-family: Arial; color: rgb(108, 110, 131); margin: 0px 5px; }
.center-window { position: relative; z-index: 10; }

.web-s { font-family: WebSymbols; -moz-user-select: none; }
.main-window { margin-bottom: -340px; min-height: 100%; position: relative; background: rgb(247, 247, 247) none no-repeat scroll center top; }
.vk-container { font-family: tahoma,arial,verdana,sans-serif,Lucida Sans; font-size: 15px; color: black; text-decoration: none; }
.vk-header { background: rgb(218, 226, 232) none repeat scroll 0% 0%; padding: 4px 4px 4px 6px; margin-bottom: 10px; }
.vk-logo { background: transparent none no-repeat scroll 0% 0%; width: 16px; height: 16px; float: right; margin-top: -1px; }
.vk-header-text { padding: 2px 3px 1px; line-height: 100%; color: rgb(69, 104, 142); font-weight: bold; }
.vk-avatar img { float: left; margin-right: 10px; }
.vk-comment, .vk-comment-load { margin-bottom: 15px; position: relative; border-bottom: 1px solid rgb(218, 225, 232); padding-bottom: 15px; }
.vk-comment:last-child { border-bottom: 0px none; }
.vk-comment-name { color: rgb(43, 88, 122); font-weight: bold; font-size: 12px; }
.vk-comment-text { margin-left: 60px; }
.vk-comment-date { margin-left: 60px; color: rgb(153, 153, 153); }
.foto-sert {max-width: 35%;}
.header-text {font-size: 25px; font-weight: 700; text-indent: 20px; color: black; text-align: justify; margin: 15px; line-height: 31px;}
@media screen and (max-width: 1020px) {
    .setting-menu { width: auto; }
    .main-menu-blk { width: 100%; margin: 0px auto; }
    .header-menu .main-menu-blk > li { width: 16.666%; float: left; margin: 0px; display: block; padding: 0px; text-align: center; height: 100%; }
    .header-menu .menu-list-header { height: auto; }
    .header-menu .main-menu-blk > li a { line-height: 50px; }
    .header-menu .lang-menu { width: 180px; }
    .setting-menu, .main-menu-blk { height: 100%; }
    .web-s { display: none; }
    body img { max-width: 100%; }
    center > img { max-width: 100%; }
}
@media screen and (max-width: 720px) {
    .shema{margin: 0px;}
    .header-menu .main-menu-blk > li { width: 33.333%; }
    .header-menu .lang-menu { display: none; }
    .cw-win-2 .img-cw-win { width: 250px; margin: 0px auto; padding-right: 0px; float: none; }
    .cw-win-2 .img-cw-win > img { display: block; margin: 0px auto; }
    .cw-win-1 h2 {text-align: center; line-height: 1.3; font-size: 20px;}
    .cw-win-2 .cw-win-main p {font-size: 14px;}
    .foto-sert {max-width: 100%}
}
@media screen and (max-width: 420px) {
    .cw-win-1 { padding-left: 10px; padding-right: 10px; }
    .cw-win-3 { display: none; }
    .header-menu .main-menu-blk > li { width: 50%; }
    .button-cw-win img, body img { max-width: 100%; }
    .header-menu .ah-logo { width: 320px; }
    .header-menu .ah-logo h1 { width: 225px; font-size: 16px; }
    .setting-menu { padding: 0px; }  
}
.screenLock { position: fixed; width: 100%; background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%; top: 0px; left: 0px; z-index: 99999; display: none; }
.msg { position: absolute; width: 600px; height: 220px; top: 150px; left: 50%; margin-left: -300px; background: rgb(243, 13, 141) none repeat scroll 0% 0%; border: 1px solid rgb(238, 238, 238); }
.msg > h1 { color: rgb(255, 255, 255); text-align: center; font-size: 24px; margin-bottom: 30px; margin-top: 30px; }
.close { position: absolute; top: 1px; right: 5px; font-size: 40px; cursor: pointer; }
.submit { margin-top: 10px; height: 50px; width: 300px; background-color: firebrick; color: rgb(255, 255, 255); font-size: 30px; border-radius: 3px; }

.content {
  display:none;
  text-align:center;
}
.content:after {
    content: '';
    display: block;
    clear: both;
}
.spoil{
  background: #eee;
    width: auto;
    font-size: 16px;
    color: #000;
    padding: 10px;
    font-weight: 600;
  cursor: pointer;
}
.oui {
    width: 781px;
    height: 460px;
    background: url("../images/css-oui.jpg") no-repeat;
    font-family: Roboto!important;
    position: relative;
}
.actsss {
    display: none!important;
}
.eeee {
  background-color: rgba(0, 0, 0, 0.33);
  display: none;
  width: 100%;
  height: 100%;
  z-index: 333;
  position: fixed;    cursor: pointer;
}
.kmacb-form form input[type=submit]:hover {
    background: linear-gradient(to bottom, rgba(233, 220, 30, 1) 0%, rgba(233, 155, 30, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    text-decoration: none;
}
    .title {
    font-family: "PTSansBold",sans-serif;
    font-size: 44px;
    line-height: 47px;
    color: #000;
    text-align: center;
    letter-spacing: -1px;
}
.loader, .modalx {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBI…AAAAeSURBVHjaYmRgYNBmIAIwMRAJRhVSRyEAAAD//wMAVdAAP0SGoHgAAAAASUVORK5CYII=');
    background-repeat: repeat;
    left: 0;
    top: 0;
}
.modalx {
    z-index: 200001;
    overflow: auto;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    color: #000;
    text-align: justify;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(0, 0, 0, 0.33);
}

.modal-block {
       left: 50%;
    margin-left: -391px;
    position: fixed;
    top: 6%;
    z-index: 8105;
    width: 782px;
    height: 460px;

}
.kmacb-form .modal-block {
    border: 0;
    box-shadow: none;
    font-family: Arial;
    border-radius: 10px;
    overflow: hidden;
    color: #222;
    line-height: 1.5!important;
    width: 570px;
}
.kmacb-form2 .modal-block {
    width: 460px;
    border-radius: 5px;
        margin: auto; 

}


.modal-block .title {
    background: #4d83c0;
    text-align: center;
    line-height: 50px;
    text-shadow: 1px 1px 0 #3a87ad;
    border-bottom: 1px solid #3a87ad;
    padding: 0 100px;
    font-size: 18px;
    color: #FFF;
    width: auto;
    height: auto;
    margin: 0!important;
    letter-spacing: 0;
}

.kmacb-form .modal-block .title {
    background: transparent;
    text-shadow: none;
    color: #222;
    font-weight: bold;
    font-size: 22px;
    border-bottom: 0;
    text-transform: none;
}

.kmacb-form2 .modal-block .title {
    padding: 0;
    text-align: center;
    line-height: 100px;
    position: relative;
    color: #fff;
    text-transform: uppercase;
    background: #1c70d8;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
        font-family: "PTSansBold",sans-serif;

}

.kmacb-form .kmacb-form-rectangle {
    position: absolute;
    width: 48px;
    height: 24px;
    bottom: -12px;
    left: 50%;
    margin-left: -24px;
    background: center bottom no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAD1BMVEUAAAAccNgccNgccNgAAADkVgQwAAAAA3RSTlMAf4C/aSLHAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAKVJREFUOMt10dENwyAMRVGHCSp5gUqdwLD/biWEgG3e8ydXRwIssuf6CB41fH61hom2ZgRgoncwAhDRJxgBJ9E3GAGZ6A5GQCTqgxHgicZgBGyiORgBL9EzGAEPURSMgJsoDiY/HKoUHL6CSe23KgRAUsfLCwGA1Pm7hYCD1LXBQkAiGyTiQCAeBBKAIxE4ksAiGSxygElOMAkAgyAwCASdYNCJB38O5XLBE8oM+gAAAABJRU5ErkJggg==');
}

.modalx .content {
    background: #fff repeat;
    width: auto;
    overflow: hidden;
    margin: 0;
    box-shadow: none;
}

.kmacb-form2 .modal-block .padding {
    padding: 30px;
}
    .modalx p {
    font-weight: normal;
    width: auto;
}

.kmacb-form .modal-block p {
    font-size: 16px;
    text-align: left;
    line-height: 1.5;
}

.kmacb-form2 .modal-block p {
    color: rgba(0,0,0,.75);
    line-height: 1.5;
    font-size: 16px;
}

.kmacb-form form {
    margin: 10px 0;
    text-align: center;
    width: 100%;
    height: auto;
    background: 0;
    position: static;
    padding: 0;
    border: 0;
}
.kmacb-form2 form {
    margin: 30px 0;
}

.kmacb-form2 form * {
    box-sizing: border-box;
}



.kmacb-form form input {
    float: none;
}

.kmacb-form form input[type=text] {
    height: 36px;
    line-height: 36px;
    color: #222;
    border: 1px solid #aaa;
    padding: 0 10px;
    width: 200px;
    display: inline-block;
    text-indent: 0;
    border-radius: 3px;
    background: #fff;
    font-size: 14px;
    font-style: normal;
    box-shadow: none;
    position: static;
    margin: 0 0 10px 0;
}
.kmacb-form form input[type=text] {
    border: 2px solid #bdbdbd;
    height: 56px;
    line-height: 56px;
    width: 100%;
    padding: 0 15px;
    font-size: 20px;
}
.kmacb-form form input[type=text] {
    height: 36px;
    line-height: 36px;
    color: #222;
    border: 1px solid #aaa;
    padding: 0 10px;
    width: 200px;
    display: inline-block;
    text-indent: 0;
    border-radius: 3px;
    background: #fff;
    font-size: 14px;
    font-style: normal;
    box-shadow: none;
    position: static;
    margin: 0 0 10px 0;
}


.kmacb-form form input[type=submit] {
    position: static;
    cursor: pointer;
    border: 0;
    background: #c4191c;
    color: #fff;
    font-size: 16px;
    padding: 0 10px;
    color: #FFF;
    text-transform: uppercase;
    line-height: 38px;
    height: 38px;
    vertical-align: top;
    margin: 0;
    display: inline-block;
    text-indent: 0;
    text-align: center!important;
    border-radius: 3px;
    font-style: normal;
    font-size: 14px;
    font-family: Arial,Helvetica,sans-serif;
    width: auto;
    opacity: 1;
}
.kmacb-form form input[type=submit] {
    
        color: #10133f;
    text-align: center;
    font-size: 28px;
    font-weight: 900;
    text-decoration: none;
    width: 402px;
    height: 64px;
    border: 1px solid #fdc11e;
    background: linear-gradient(to bottom, rgba(253, 220, 30, 1) 0%, rgba(253, 155, 30, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    border-radius: 10px;
    line-height: 60px;
    position: absolute;
    bottom: 39px;
    margin-left: 195px;
}




.modalx p {
    font-weight: normal;
    width: auto;
}

.kmacb-form .kmacb-form-clock {
    line-height: 33px!important;
    padding-left: 46px;
    background: left center no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAgCAMAAAAynjhNAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAB1FBMVEUAAAAccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgccNgAAABYvV2EAAAAmnRSTlMASOTypROmDB19exxQqqhTRc/ClHRebO7LSXzFEJNbDx96YUIWQLWJugUCs/pad9tkPPDZ+P2rBLLVJmrfKNQ1h+EOVtf+OQgqwXNYvulrnOsnhX5vA12KHnLs0bdiKbS5TGfImkpcTYblvGai9ffobsNHixsiJCUguFKXVfMJ9jOvC/T8B7144OYyf4HJRjA4Bg3KLWDYxIg7O/klpgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAHGSURBVCjPdZJnWxNBFIUvgQQ7xSyKYkBKNBEDGNSgAlJCMTYUBdRgRBEVCdYYG1iwNxTr+2ud7C67IWzOh9kz552997nPjEiWClyFha4CyacilIryYrcHPO58tHjNWli3vtgRbtiIqU0lq2BpmcrLN3u1Cs8W2Fopsm17lUV3qMhXLVKzs7auvsEPu2Q3roABg3to3Ku7kKrR1Bxs2Ue4df+BgwaO0HbIcIf15kfapQM6zcpH6eqWbAw90kuzEbUTrZEcTF8/DOjRIMdkFUZiHM8kA5yw5ztp4VNymiGVnOGsjYctzLnzjIiMhvVDpobGLixjX5CL9VJHq01Dl+Ljl9uUOsIkVPUrMsFVi2rqp2uT1zVNi0/duBm8xbR48Vv4dqbozEwymWycHS0JRLgj09y18D1F7z94mEqlHqXV9jFe8dFk937ytCLrFrt4Jp3PqRJHzTH/QgIvqXTGkyReicSJOGM/MbX2vybtRNMsvDGewFsnPMg7/Rt4b5oVGuOD6cZhIpfWwsdlH4NPK+ln1MyWpuBLg739Wp55Tln6poKy4UX397kfi6ElWPqZ0+xXr34f0cz62+cwSctIYpao68/ff3b2H7s/pj40Vyv4AAAAAElFTkSuQmCC');
}
.kmacb-form .modal-block p {
    font-size: 16px;
    text-align: left;
    line-height: 1.5;
}
.kmacb-form2 .modal-block p {
    color: rgba(0,0,0,.75);
    line-height: 1.5;
    font-size: 16px;
}
.kmacb-form form input[type=text] {
    border: 2px solid #bdbdbd;
    height: 56px;
    line-height: 56px;
    width: 100%;
    padding: 0 15px;
    font-size: 20px;
}
.kmacb-form2 .modal-block {
    
    left: 50%;
    margin-left: -391px;
    position: fixed;
    top: 6%;
    z-index: 8105;
    width: 782px;
    height: 460px;

}
 .ouimainp{
    font-size: 30px!important;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold!important;
    color: #fdce1e!important;
    padding-top: 23px!important;
        text-align: center!important;
    }
    .kmacb-form2 .modal-block p {
    font-family: Arial,Helvetica,sans-serif;
    color: rgba(0,0,0,.75);
    line-height: 1.5;
    font-size: 21px;
    color: #fdce1e;
    text-align: center;
}
.actss{display: none!important;}


      .vk-comment-text {
        font-weight: normal;
        font-style: normal;
      }
      .vk-comment-date {
        font-weight: normal;
        font-style: normal;
      }
      .vk-comment-name {
        font-style: normal;
      }
      .comment-count {
        font-style: normal;
      }
      .button_page {
        background-color: #f27909;
        display: block;
        margin: 0 auto;
        font: 19px Arial, Helvetica, sans-serif;
        font-weight: bold;
        min-width: 270px;
        max-width: 300px;
        text-decoration: none;
        color: #fff;
        position: relative;
        padding: 11px 20px 11px 11px;
        border-radius: 50px;
        box-shadow: inset 0px 1px 0px #9e8d84, 0px 5px 0px 0px #b25a08, 0px 10px 5px #999;
     }

     .button_page:hover {
        opacity: 0.7;
        font: 19px Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #E5FFFF;
     }

     .button_page img {
        float: left;
        margin-top: -7px;
        width: 55px;
     }
     img[tabindex="0"] {
        cursor: zoom-in;
     }

     img[tabindex="0"]:focus {
        position: fixed;
        z-index: 10;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: auto;
        height: auto;
        max-width: 99%;
        max-height: 99%;
        margin: auto;
        box-shadow: 0 0 20px #000, 0 0 0 1000px rgba(210, 210, 210, .4);
     }

     img[tabindex="0"]:focus,
     img[tabindex="0"]:focus~* {
        pointer-events: none;
        cursor: zoom-out;
     }
     .baner-reg{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
     }
     .button-cw-win, .half{
        display: flex;
        flex-direction: column;
     }
     .half{
        width: 100%;
        
     }
     .half input, #input-submit{
        padding: 5px 10px 5px 10px;
        margin:  5px 0 5px 0;
     }
     .form-reg{
        width: 40%;
        padding:0 5% 0 5%;
     }

     .progress-green{
        background:#66A020;
     }
     .progress-gray{
        background:#939598;
     }
     .progress {
        position: relative;
        width: 100%;
        height: 26px;
        overflow: hidden;
        margin: 5% 0 0 0;
        background: linear-gradient(to right, #66A020 100%);
      }
      .grayback-23{
        left: 23%; /* Текущее состояние */
      }
      .grayback {
        position: relative;
        width: 100%;
        height: 100%;
        background-color: #EDEFF2;
      }
      .info-shema{
        display: flex;
        height: 75%;
        width: 96%;
        padding: 0 2% 0 2%;
      }
      .title-shema{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        height: 15%;
        background-color: #EDEFF2;
        padding: 2% 0 2% 2%;
      }
      .shema{
        width: 90%;
        margin: 0 3% 0 3%;
        border: #EDEFF2 solid 1px;
      }
      .name-shema h5{
        margin: 9% 0 7% 0;
      }
      .name-shema{
        width: 40%;
      }
      .diagram{
        width: 60%;
      }
      .title-shema h4{
        color: #810100;
      }
      .title-shema p{
        margin: 0px !important;
        text-indent: 2px !important;
      }
      .diagram h5{
        position: absolute;
        left: 5%;
        top: 5%;
      }
      .green-text{
        color: #66A020;
      }
      .grey-text{
        color: #939598;
      }
      @media screen and (max-width: 700px) {
        .name-shema h5{
            font-size: 15px;
          }
      }
      @media screen and (max-width: 500px) {
        .name-shema h5{
            
            font-size: 10px;
          }
          .shema{
            margin: 0;
            width: 100%;
          }
      }