.fon{/*background-image:url("./images/head.jpg");*/height:45px;width:100%;background-repeat:no-repeat;background:linear-gradient(90deg, rgba(68,86,157,1) 0%, rgba(99,118,191,1) 50%, rgba(127,153,255,1) 100%);z-index:auto;}
.otstup1{margin-top:45px;}
.otstup2{margin-top:17px;}
.otstup3{margin-top:45px;}
a img,img,a,input,html,body,textarea,button{outline:none !important;border:none;}
.btn-lg,.btn-primar,.fa,.btn-primary{outline:none !important;border:none;}
a:active,a:focus{outline:none;}
input:active,textarea:active {outline:none;}
:focus{outline:none;}
textarea{resize:none;}
textarea{resize:vertical;}
textarea{resize:horizontal;}
button:focus{outline:none;}
*{margin:0;padding:0;}
html{}
body{margin:0;font-weight:400;color:#444;font-size:16px;line-height:22px;font-family:Times New Roman;}
.wrapper{min-height:50px;margin-bottom:-50px;}
.footer,.push{height:50px;}
hr{border:1px solid #eaeaea;}
h1{font-size:22px;font-family:Times New Roman;text-align:center;padding:18px 0px 10px 0px;font-weight:600;}
p{margin:0;padding:0;}

details summary{display:block;}
details summary::-webkit-details-marker{display:none;}
details summary::before{content:"";}
details[open] summary::before{content:"";}

.btn-up{position:fixed;background-color:#5066bd;right:20px;bottom:20px;border-radius:22px;cursor:pointer;width:44px;height:44px;}
.btn-up::before{content:"";text-align:center;position:absolute;width:20px;height:20px;left:12px;top:12px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 17V4M3 10l7-7 7 7'/%3E%3C/g%3E%3C/svg%3E");}
.btn-up_hide{display:none;}
@media (hover: hover) and (pointer: fine){.btn-up:hover{background-color:#5e78dd;}}

a{color:#444;text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{color:#1a4ec8;text-decoration:none;}

.name{color:#803000;font-family:"Yandex Sans Text";font-size:22px;background:#f9f4cf;border-top-left-radius:5px;border-top-right-radius:5px;padding:5px 10px 5px 10px;border-top:1px solid #d7c326;border-left:1px solid #d7c326;border-right:1px solid #d7c326;border-bottom:1px solid #d7c326;}
.description{color:#803000;text-align:justify;font-family:"Yandex Sans Text";font-size:20px;background:#f9f4cf;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:10px 10px 10px 10px;border-left:1px solid #d7c326;border-right:1px solid #d7c326;border-bottom:1px solid #d7c326;min-height:150px;}

.pometka1{background:#ebf1fd;border-radius:5px;padding:10px;font-style:italic;border:1px solid #d2daea;box-shadow:rgba(0, 0, 0, 0.2) 0px 5px 10px;}

.shadow{box-shadow:rgba(0, 0, 0, 0.5) 0px 5px 10px;margin-left:20px;margin-right:20px;margin-top:20px;border-radius:5px;}
.leftimg{float:left;margin:0px 8px 0px 0;}

.knopka1{text-decoration:none;}
.knopka1:hover{background:linear-gradient(#62d762,#a2fb05,#62d762);text-decoration:none;;}

.knopka2{text-decoration:none;}
.knopka2:hover{background:linear-gradient(#b5d525,#d1ff00,#b5d525);text-decoration:none;}

.knopka3{text-decoration:none;}
.knopka3:hover{background:linear-gradient(#00bac1,#04eff9,#00bac1);text-decoration:none;}

.knopka4{text-decoration:none;}
.knopka4:hover{background:linear-gradient(#6991ce,#afd3f9,#6991ce);text-decoration:none;}

.knopka5{text-decoration:none;}
.knopka5:hover{background:linear-gradient(#7f69ce,#d4aff9,#7f69ce);text-decoration:none;}

.knopka6{text-decoration:none;}
.knopka6:hover{background:linear-gradient(#c15e5e,#ffbcbc,#c15e5e);text-decoration:none;}

.knopka11{text-decoration:none;}
.knopka11:hover{background:linear-gradient(#62d762,#a2fb05,#62d762);text-decoration:none;;}

.knopka22{text-decoration:none;}
.knopka22:hover{background:linear-gradient(#b5d525,#d1ff00,#b5d525);text-decoration:none;}

.knopka33{text-decoration:none;}
.knopka33:hover{background:linear-gradient(#00bac1,#04eff9,#00bac1);text-decoration:none;}

.knopka44{text-decoration:none;}
.knopka44:hover{background:linear-gradient(#6991ce,#afd3f9,#6991ce);text-decoration:none;}

.knopka55{text-decoration:none;}
.knopka55:hover{background:linear-gradient(#7f69ce,#d4aff9,#7f69ce);text-decoration:none;}

.knopka66{text-decoration:none;}
.knopka66:hover{background:linear-gradient(#c15e5e,#ffbcbc,#c15e5e);text-decoration:none;}

/* Меню начало */
@media (max-width:1050px){.menu-komp{display:none;}}
@media (min-width:1050px){.menu-mob{display:none;}}

.menu1{width:205px;}
.text1{font-size:15px;background:#f6f6f6;border-radius:5px;margin:5px 24px 5px 5px;color:#444;text-decoration:none;text-align:left;border:1px solid #e3e3e3;padding:1px 7px 1px 7px;}
.text1:hover{background:#e3e3e3;border-radius:5px;color:#ff0000;}

.menu2{width:300px;}
.text2{font-size:18px;background:#f6f6f6;border-radius:5px;margin-top:15px;color:#444;text-decoration:none;text-align:left;border:1px solid #e3e3e3;padding:10px;}
.text2:hover{background:#e3e3e3;border-radius:5px;color:#ff0000;}
/* Меню конец */

.glavniy-blok1{width:450px;height:300px;background:#c9fbc9;border:1px solid #95db95;float:left;margin:10px;border-radius:5px;box-shadow:rgba(0, 0, 0, 0.3) 0px 5px 10px;}
.glavniy-blok2{width:450px;height:300px;background:#f2fbc9;border:1px solid #bed06a;float:left;margin:10px;border-radius:5px;box-shadow:rgba(0, 0, 0, 0.3) 0px 5px 10px;}
.glavniy-blok3{width:450px;height:300px;background:#c9f9fb;border:1px solid #a5cbcc;float:left;margin:10px;border-radius:5px;box-shadow:rgba(0, 0, 0, 0.3) 0px 5px 10px;}
.glavniy-blok4{width:450px;height:300px;background:#c9ddfb;border:1px solid #a2b3cc;float:left;margin:10px;border-radius:5px;box-shadow:rgba(0, 0, 0, 0.3) 0px 5px 10px;}
.glavniy-blok5{width:450px;height:300px;background:#eddfff;border:1px solid #c9bbdb;float:left;margin:10px;border-radius:5px;box-shadow:rgba(0, 0, 0, 0.3) 0px 5px 10px;}
.glavniy-blok6{width:450px;height:300px;background:#fbdada;border:1px solid #f0bbbb;float:left;margin:10px;border-radius:5px;box-shadow:rgba(0, 0, 0, 0.3) 0px 5px 10px;}

.glavniy-blok11{width:280px;height:370px;background:#c9fbc9;border:1px solid #95db95;margin:10px 0px 20px 0px;border-radius:5px;box-shadow:rgba(0, 0, 0, 0.3) 0px 5px 10px;}
.glavniy-blok22{width:280px;height:370px;background:#f2fbc9;border:1px solid #bed06a;margin:10px 0px 20px 0px;border-radius:5px;box-shadow:rgba(0, 0, 0, 0.3) 0px 5px 10px;}
.glavniy-blok33{width:280px;height:370px;background:#c9f9fb;border:1px solid #a5cbcc;margin:10px 0px 20px 0px;border-radius:5px;box-shadow:rgba(0, 0, 0, 0.3) 0px 5px 10px;}
.glavniy-blok44{width:280px;height:370px;background:#c9ddfb;border:1px solid #a2b3cc;margin:10px 0px 20px 0px;border-radius:5px;box-shadow:rgba(0, 0, 0, 0.3) 0px 5px 10px;}
.glavniy-blok55{width:280px;height:370px;background:#eddfff;border:1px solid #c9bbdb;margin:10px 0px 20px 0px;border-radius:5px;box-shadow:rgba(0, 0, 0, 0.3) 0px 5px 10px;}
.glavniy-blok66{width:280px;height:370px;background:#fbdada;border:1px solid #f0bbbb;margin:10px 0px 15px 0px;border-radius:5px;box-shadow:rgba(0, 0, 0, 0.3) 0px 5px 10px;}

.zagolovok1{width:432px;height:23px;border-top-right-radius:5px;border-top-left-radius:5px;color:#00972d;text-align:left;font-size:20px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
.zagolovok2{width:432px;height:23px;border-top-right-radius:5px;border-top-left-radius:5px;color:#677d00;text-align:left;font-size:20px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
.zagolovok3{width:432px;height:23px;border-top-right-radius:5px;border-top-left-radius:5px;color:#008e95;text-align:left;font-size:20px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
.zagolovok4{width:432px;height:23px;border-top-right-radius:5px;border-top-left-radius:5px;color:#4570b0;text-align:left;font-size:20px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
.zagolovok5{width:432px;height:23px;border-top-right-radius:5px;border-top-left-radius:5px;color:#4d45b0;text-align:left;font-size:20px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
.zagolovok6{width:432px;height:23px;border-top-right-radius:5px;border-top-left-radius:5px;color:#b04545;text-align:left;font-size:20px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}

.zagolovok11{width:262px;height:23px;border-top-right-radius:5px;border-top-left-radius:5px;color:#00972d;text-align:left;font-size:20px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
.zagolovok22{width:262px;height:23px;border-top-right-radius:5px;border-top-left-radius:5px;color:#677d00;text-align:left;font-size:20px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
.zagolovok33{width:262px;height:23px;border-top-right-radius:5px;border-top-left-radius:5px;color:#008e95;text-align:left;font-size:20px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
.zagolovok44{width:262px;height:23px;border-top-right-radius:5px;border-top-left-radius:5px;color:#4570b0;text-align:left;font-size:20px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
.zagolovok55{width:262px;height:23px;border-top-right-radius:5px;border-top-left-radius:5px;color:#4d45b0;text-align:left;font-size:20px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
.zagolovok66{width:262px;height:23px;border-top-right-radius:5px;border-top-left-radius:5px;color:#b04545;text-align:left;font-size:20px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}

.text-blok1{width:432px;height:165px;color:#00972d;text-align:justify;font-size:15px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
.text-blok2{width:432px;height:165px;color:#677d00;text-align:justify;font-size:15px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
.text-blok3{width:432px;height:165px;color:#008e95;text-align:justify;font-size:15px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
.text-blok4{width:432px;height:165px;color:#4570b0;text-align:justify;font-size:15px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
.text-blok5{width:432px;height:165px;color:#4d45b0;text-align:justify;font-size:15px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
.text-blok6{width:432px;height:165px;color:#b04545;text-align:justify;font-size:15px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}

.text-blok11{width:260px;height:248px;color:#00972d;text-align:left;font-size:15px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);line-height:20px;}
.text-blok22{width:260px;height:248px;color:#677d00;text-align:left;font-size:15px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);line-height:20px;}
.text-blok33{width:260px;height:248px;color:#008e95;text-align:left;font-size:15px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);line-height:20px;}
.text-blok44{width:260px;height:248px;color:#4570b0;text-align:left;font-size:15px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);line-height:20px;}
.text-blok55{width:260px;height:248px;color:#4d45b0;text-align:left;font-size:15px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);line-height:20px;}
.text-blok66{width:260px;height:248px;color:#b04545;text-align:left;font-size:15px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);line-height:20px;}

.knopka1{width:350px;height:23px;background:linear-gradient(#a4f0a4,#62d762);border-radius:5px;color:#017122;text-align:center;font-size:15px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);border:1px solid #72d772;box-shadow:rgba(0, 0, 0, 0.3) 0px 5px 10px;}
.knopka2{width:350px;height:23px;background:linear-gradient(#dff092,#b5d525);border-radius:5px;color:#566801;text-align:center;font-size:15px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);border:1px solid #bed06a;box-shadow:rgba(0, 0, 0, 0.3) 0px 5px 10px;}
.knopka3{width:350px;height:23px;background:linear-gradient(#8beef2,#00bac1);border-radius:5px;color:#006f75;text-align:center;font-size:15px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);border:1px solid #73c8ca;box-shadow:rgba(0, 0, 0, 0.3) 0px 5px 10px;}
.knopka4{width:350px;height:23px;background:linear-gradient(#9cbdf0,#6991ce);border-radius:5px;color:#0c4395;text-align:center;font-size:15px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);border:1px solid #6f9ad9;box-shadow:rgba(0, 0, 0, 0.3) 0px 5px 10px;}
.knopka5{width:350px;height:23px;background:linear-gradient(#c29cf0,#7f69ce);border-radius:5px;color:#322a9b;text-align:center;font-size:15px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);border:1px solid #8876df;box-shadow:rgba(0, 0, 0, 0.3) 0px 5px 10px;}
.knopka6{width:350px;height:23px;background:linear-gradient(#ffa9a9,#c15e5e);border-radius:5px;color:#971111;text-align:center;font-size:15px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);border:1px solid #d57e7e;box-shadow:rgba(0, 0, 0, 0.3) 0px 5px 10px;}

.knopka11{width:230px;height:23px;background:linear-gradient(#a4f0a4,#62d762);border-radius:5px;color:#017122;text-align:center;font-size:15px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);border:1px solid #72d772;box-shadow:rgba(0, 0, 0, 0.3) 0px 5px 10px;}
.knopka22{width:230px;height:23px;background:linear-gradient(#dff092,#b5d525);border-radius:5px;color:#566801;text-align:center;font-size:15px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);border:1px solid #bed06a;box-shadow:rgba(0, 0, 0, 0.3) 0px 5px 10px;}
.knopka33{width:230px;height:23px;background:linear-gradient(#8beef2,#00bac1);border-radius:5px;color:#006f75;text-align:center;font-size:15px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);border:1px solid #73c8ca;box-shadow:rgba(0, 0, 0, 0.3) 0px 5px 10px;}
.knopka44{width:230px;height:23px;background:linear-gradient(#9cbdf0,#6991ce);border-radius:5px;color:#0c4395;text-align:center;font-size:15px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);border:1px solid #6f9ad9;box-shadow:rgba(0, 0, 0, 0.3) 0px 5px 10px;}
.knopka55{width:230px;height:23px;background:linear-gradient(#c29cf0,#7f69ce);border-radius:5px;color:#322a9b;text-align:center;font-size:15px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);border:1px solid #8876df;box-shadow:rgba(0, 0, 0, 0.3) 0px 5px 10px;}
.knopka66{width:230px;height:23px;background:linear-gradient(#ffa9a9,#c15e5e);border-radius:5px;color:#971111;text-align:center;font-size:15px;font-family:sans-serif;padding:10px 10px 10px 10px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);border:1px solid #d57e7e;box-shadow:rgba(0, 0, 0, 0.3) 0px 5px 10px;}

.knopka-skachat{background:linear-gradient(#f2f2f2,#c6c6c6);border-radius:5px;color:#444;text-align:center;font-size:15px;font-family:sans-serif;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);border:1px solid #a8a8a8;float:none;padding:5px;}

.knopka-skachat:hover{background:linear-gradient(#f2f2f2,#dbd9d9);border-radius:5px;color:#1a4ec8;text-align:center;font-size:15px;font-family:sans-serif;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);border:1px solid #a8a8a8;float:none;padding:5px;}

/* Аккордеон начало */
    .accordion__item {
      margin-bottom: 0.5rem;
      border-radius: 0.25rem;
      box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 15%);
    }

    .accordion__header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0.45rem 1rem;
      color: #ffffff;
      font-weight: 500;
      background-color: #6376bf;
      border-top-left-radius: 0.25rem;
      border-top-right-radius: 0.25rem;
      cursor: pointer;
      transition: background-color 0.2s ease-out;
	  text-shadow:0 1px 0 rgba(0, 0, 0, 0.3);
    }
	
	    .accordion__header2 {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0.45rem 1rem;
      color: #ffffff;
      font-weight: 500;
      background-color: #c00;
      border-top-left-radius: 0.25rem;
      border-top-right-radius: 0.25rem;
      cursor: pointer;
      transition: background-color 0.2s ease-out;
	  text-shadow:0 1px 0 rgba(0, 0, 0, 0.3);
    }

    .accordion__header::after {
      flex-shrink: 0;
      width: 1.25rem;
      height: 1.25rem;
      margin-left: auto;
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
      background-repeat: no-repeat;
      background-size: 1.25rem;
      content: "";
      transition: transform 0.2s ease-out;
    }

    .accordion__item_show .accordion__header::after,
    .accordion__item_slidedown .accordion__header::after {
      transform: rotate(-180deg);
    }

    .accordion__header:hover {
      background-color: #5065b7;
    }
	
	.accordion__header2:hover {
      background-color: #b30202;
    }

    .accordion__item:not(.accordion__item_show) .accordion__header {
      border-bottom-right-radius: 0.25rem;
      border-bottom-left-radius: 0.25rem;
    }

    .accordion__content {
      padding: 0.75rem 1rem;
      background: #fff;
      border-bottom-right-radius: 0.25rem;
      border-bottom-left-radius: 0.25rem;
    }

    .accordion__item:not(.accordion__item_show) .accordion__body {
      display: none;
    }
	/* Аккордеон конец */

/* Меню нерабочее начало */
.menu0{width:100%;height:28px;border-top:0px solid #a8a6a6;border-bottom:0px solid #a8a6a6;/*background:linear-gradient(#eaeaea,#c8c8c8,#eaeaea);*/}
	
.menu1{
  background:linear-gradient(#dedfdf,#dedfdf);
  width:160px;
  height:21px;
  text-align:center;
  padding:2px;
  color:#000000;
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;
  text-shadow:0 1px 0 rgba(255, 255, 255, 0.3);
  border:1px solid #a8a6a6;
  float:left;
  font-size:12px;
  font-family:'Open Sans', sans-serif;
}

.menu1:hover{
  background:linear-gradient(#c6c6c6,#c6c6c6);
}

.menu2{
  background:linear-gradient(#dedfdf,#dedfdf);
  width:160px;
  height:21px;
  text-align:center;
  padding:2px;
  color:#000000;
  text-shadow:0 1px 0 rgba(255, 255, 255, 0.3);
  border-top:1px solid #a8a6a6;
  border-right:1px solid #a8a6a6;
  border-bottom:1px solid #a8a6a6;
  border-left:1px solid #ffffff;
  float:left;
  font-size:12px;
  font-family:'Open Sans', sans-serif;
}

.menu2:hover{
  background:linear-gradient(#c6c6c6,#c6c6c6);
}

.menu3{
  background:linear-gradient(#dedfdf,#dedfdf);
  width:160px;
  height:21px;
  text-align:center;
  padding:2px;
  color:#000000;
  text-shadow:0 1px 0 rgba(255, 255, 255, 0.3);
  border-top:1px solid #a8a6a6;
  border-right:1px solid #a8a6a6;
  border-bottom:1px solid #a8a6a6;
  border-left:1px solid #ffffff;
  float:left;
  font-size:12px;
  font-family:'Open Sans', sans-serif;
  border-top-right-radius:5px;
  border-bottom-right-radius:5px;
}

.menu3:hover{
  background:linear-gradient(#c6c6c6,#c6c6c6);
}
/* Меню нерабочее конец */

.btn {background-color:#6376bf;border:none;color:white;padding:8px 10px;font-size:24px;cursor:pointer;border-radius:4px;}
.btn:hover {background-color:#5065b7;}
.btn2 {background-color:#e8e8e8;border:1px solid #c8c8c8;color:#444;padding:10px;font-size:16px;cursor:pointer;border-radius:4px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.3);float:right;position:relative;top:-11px;}
.btn2:hover {background-color:#e1e0e0;color:#1a4ec8;text-shadow:0 1px 0 rgba(255, 255, 255, 0.3);}
.btn3 {background-color:#e8e8e8;border:1px solid #c8c8c8;color:#444;padding:10px;font-size:16px;cursor:pointer;border-radius:4px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.3);}
.btn3:hover {background-color:#e1e0e0;color:#1a4ec8;text-shadow:0 1px 0 rgba(255, 255, 255, 0.3);}
.btn4 {background-color:#e8e8e8;border:1px solid #c8c8c8;color:#444;padding:7px;font-size:13px;margin:5px 15px 5px 5px;cursor:pointer;border-radius:4px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.3);}
.btn4:hover {background-color:#e1e0e0;color:#1a4ec8;text-shadow:0 1px 0 rgba(255, 255, 255, 0.3);}
.faily-name{text-align:left;vertical-align:middle;width:100%;border-top-left-radius:4px;border-bottom-left-radius:4px;border:1px solid #d2daea;padding:5px 5px 5px 10px;background:#ebf1fd;/*box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 10px;*/}
.faily{text-align:left;vertical-align:middle;width:50px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-top:1px solid #d2daea;border-right:1px solid #d2daea;border-bottom:1px solid #d2daea;padding:5px 5px 5px 5px;background:#ebf1fd;}
.faily2{text-align:left;vertical-align:middle;width:50px;border-top:1px solid #d2daea;border-right:1px solid #d2daea;border-bottom:1px solid #d2daea;padding:5px 5px 5px 5px;background:#ebf1fd;}
.fablok{width:36px;float:left;text-align:center;}

/* Меню рабочее начало */
@import url('https://fonts.googleapis.com/css?family=Varela+Round');
html, body {
    overflow-x: hidden;
    height: 100%;
}

.header {
    display: block;
    margin: 0 auto;
    width: 54px;
    box-shadow: none;
    background-color: #3F5EFB;
    position: fixed;
    height: 60px!important;
    overflow: hidden;
}

#sidebarMenu {
    height: 100%;
    position: fixed;
    left: 0;
    width: 260px;
    margin-top: 0px;
    transform: translateX(-260px);
    transition: transform 400ms ease-in-out;
    background-color: #3B4B8A;
}

.sidebarMenuInner li{
    list-style: none;
    text-transform: uppercase;
    padding: 15px 15px 15px 13px;
	font-size: 14px;
    cursor: pointer;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

input[type="checkbox"]:checked ~ #sidebarMenu {
    transform: translateX(0);
}

input[type=checkbox] {
    transition: all 0.3s;
    box-sizing: border-box;
    display: none;
}

.sidebarIconToggle {
    transition: all 0.3s;
    box-sizing: border-box;
    cursor: pointer;
    position: absolute;
    z-index: 99;
    height: 100%;
    width: 100%;
    top: 14px;
    left: 19px;
    height: 22px;
    width: 22px;
}

.spinner {
    transition: all 0.3s;
    box-sizing: border-box;
    position: absolute;
    height: 3px;
    width: 100%;
    background-color: #fff;
}

.horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
}

.diagonal.part-1 {
    position: relative;
    transition: all 0.3s;
    box-sizing: border-box;
    float: left;
}

.diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
}

input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    opacity: 0;
}

input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(135deg);
    margin-top: 8px;
}

input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(-135deg);
    margin-top: -9px;
}

.li-color{

}

.li-color:hover{
background-color: #3A4EA2;
}

.a-color{
color:#ffffff;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.5);
}

.a-color:hover{
color:#ffff00;
}
/* Меню рабочее конец */

/* Дерево начало */
.timeline {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0px;
  left: 10px;
  z-index: 1;
}

.timeline::after {
  content: '';
  position: absolute;
  width: 2px;
  background: #44569d;
  top: 0;
  bottom: 0;
  margin-left: -1px;
}

.container {
  padding: 20px 0px 20px 0px;
  position: relative;
  background: inherit;
  width:960px;
  left: -2px;
}

.container::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: calc(50% - 8px);
  right: -8px;
  background: #ffffff;
  border: 2px solid #44569d;
  border-radius: 16px;
  z-index: 1;
}

.container.right::after {
  left: -8px;
}

.container::before {
  content: '';
  position: absolute;
  width: 50px;
  height: 2px;
  top: calc(50% - 1px);
  right: 8px;
  background: #44569d;
  z-index: 1;
}

.container.right::before {
  left: 8px;
}

.container .date {
  position: absolute;
  display: inline-block;
  top: calc(50% - 8px);
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #44569d;
  text-transform: uppercase;
  letter-spacing: 1px;
  z-index: 1;
}

.container.left .date {
  right: -75px;
}

.container.right .date {
  left: -75px;
}

.container .icon {
  position: absolute;
  display: inline-block;
  width: 36px;
  padding: 11px 0;
  top: calc(50% - 20px);
  background: #ebf1fd;
  border: 2px solid #44569d;
  border-radius: 40px;
  text-align: center;
  font-size: 18px;
  color: #44569d;
  z-index: 1;
}

.container.left .icon {
  right: 56px;
}

.container.right .icon {
  left: 56px;
}

.container .content {
  padding: 30px 10px 30px 86px;
  background: #ebf1fd;
  position: relative;
  left: 32px;
  border-radius: 0 500px 500px 0;
}

.container.right .content {
  padding: 30px 10px 30px 86px;
  border-radius: 500px 30px 30px 500px;
  border: 1px solid #cbd6ea;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 20px;
}

.container .content h2 {
  margin: 0 0 10px 0;
  font-size: 18px;
  font-weight: normal;
  color: #44569d;
}

.container .content p {
  margin: 0;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
}

@media (max-width: 767.98px) {
  .timeline::after {
    left: 90px;
  }

  .container {
    width: 100%;
    padding-left: 120px;
    padding-right: 30px;
  }

  .container.right {
    left: 0%;
  }

  .container.left::after, 
  .container.right::after {
    left: 82px;
  }

  .container.left::before,
  .container.right::before {
    left: 100px;
    border-color: transparent #44569d transparent transparent;
  }

  .container.left .date,
  .container.right .date {
    right: auto;
    left: 15px;
  }

  .container.left .icon,
  .container.right .icon {
    right: auto;
    left: 146px;
  }

  .container.left .content,
  .container.right .content {
    padding: 30px 30px 30px 90px;
    border-radius: 500px 0 0 500px;
  }
}
/* Дерево конец */

/* Банковские карты начало */
.card-vtb{width:250px;height:150px;margin:10px;border-radius:10px;box-shadow:rgba(0, 0, 0, 0.3) 0px 5px 20px;background-image:url("./images/card-vtb-fon.jpg");}
.card-vtb-bank{text-align:right;font-weight:bold;color:#ffffff;text-shadow:0 1px 0 rgba(0, 0, 0, 0.5);font-size:15px;font-family:"Overpass Mono", monospace;position:relative;top:10px;left:-171px;}
.card-vtb-number{text-align:center;font-weight:bold;color:#ffffff;text-shadow:0 1px 0 rgba(0, 0, 0, 0.5);font-size:20px;padding-top:43px;font-family:"Overpass Mono", monospace;position:relative;top:-83px;left:0px;}
.card-vtb-fa{color:#ffffff;position:relative;top:-172px;left:82px;}
.card-vtb-chip{position:relative;top:18px;left:15px;display:flex;align-items:center;justify-content:center;width:40px;height:29px;border-radius:5px;background-image:linear-gradient(to bottom left, #ffecc7, #d0b978);overflow:hidden;}
.card-vtb-line-1{width:13px;height:1px;background:#44569d;position:relative;top:-3px;left:15px;}
.card-vtb-line-2{width:13px;height:1px;background:#44569d;position:relative;top:2px;left:15px;}
.card-vtb-line-3{width:13px;height:1px;background:#44569d;position:relative;top:7px;left:15px;}
.card-vtb-line-4{width:13px;height:1px;background:#44569d;position:relative;top:6px;left:42px;}
.card-vtb-line-5{width:13px;height:1px;background:#44569d;position:relative;top:-1px;left:42px;}
.card-vtb-line-6{width:13px;height:1px;background:#44569d;position:relative;top:-8px;left:42px;}
.card-vtb-line-7{width:1px;height:5px;background:#44569d;position:relative;top:-17px;left:35px;}
.card-vtb-line-8{width:1px;height:5px;background:#44569d;position:relative;top:2px;left:35px;}
.card-vtb-line-9{width:12px;height:19px;position:relative;top:-23px;left:28px;border-radius:3px;border:1px solid #44569d;}
		
.card-alfa{width:250px;height:150px;margin:10px;border-radius:10px;box-shadow:rgba(0, 0, 0, 0.3) 0px 5px 20px;background-image:url("./images/card-alfa-fon.jpg");}
.card-alfa-bank{text-align:right;font-weight:bold;color:#ffffff;text-shadow:0 1px 0 rgba(0, 0, 0, 0.5);font-size:15px;font-family:"Overpass Mono", monospace;position:relative;top:10px;left:-156px;}
.card-alfa-number{text-align:center;font-weight:bold;color:#ffffff;text-shadow:0 1px 0 rgba(0, 0, 0, 0.5);font-size:20px;padding-top:43px;font-family:"Overpass Mono", monospace;position:relative;top:-83px;left:0px;}
.card-alfa-fa{color:#ffffff;position:relative;top:-172px;left:82px;}
.card-alfa-chip{position:relative;top:18px;left:15px;display:flex;align-items:center;justify-content:center;width:40px;height:29px;border-radius:5px;background-image:linear-gradient(to bottom left, #ffecc7, #d0b978);overflow:hidden;}
.card-alfa-line-1{width:13px;height:1px;background:#ff0000;position:relative;top:-3px;left:15px;}
.card-alfa-line-2{width:13px;height:1px;background:#ff0000;position:relative;top:2px;left:15px;}
.card-alfa-line-3{width:13px;height:1px;background:#ff0000;position:relative;top:7px;left:15px;}
.card-alfa-line-4{width:13px;height:1px;background:#ff0000;position:relative;top:6px;left:42px;}
.card-alfa-line-5{width:13px;height:1px;background:#ff0000;position:relative;top:-1px;left:42px;}
.card-alfa-line-6{width:13px;height:1px;background:#ff0000;position:relative;top:-8px;left:42px;}
.card-alfa-line-7{width:1px;height:5px;background:#ff0000;position:relative;top:-17px;left:35px;}
.card-alfa-line-8{width:1px;height:5px;background:#ff0000;position:relative;top:2px;left:35px;}
.card-alfa-line-9{width:12px;height:19px;position:relative;top:-23px;left:28px;border-radius:3px;border:1px solid #ff0000;}
/* Банковские карты конец */

/* Книга начало */
.papers,.papers:before,.papers:after {background-color:#fff;border:1px solid #ccc;box-shadow:inset 0 0 30px rgba(0,0,0,0.1),1px 1px 3px rgba(0,0,0,0.2);}
.papers {position:relative;width:50%;padding:2em;margin:50px auto;}
.papers p {text-align:left;margin:1,5em 0;}

.papers:before,.papers:after {
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  -webkit-transform:rotateZ(2.5deg);
  -o-transform:rotate(2.5deg);
  transform:rotateZ(2.5deg);
  z-index:-1;
}

.papers:after  {
  -webkit-transform:rotateZ(-2.5deg);
  -o-transform:rotate(-2.5deg);
  transform:rotateZ(-2.5deg);
}
/* Книга конец */