@charset "UTF-8";*{padding:0;margin:0;border:0}*,:after,:before{box-sizing:border-box}:active,:focus{outline:none}a:active,a:focus{outline:none}aside,footer,header,nav{display:block}body,html{height:100%;width:100%;font-size:100%;line-height:1;font-size:14px;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}button,input,textarea{font-family:inherit}input::-ms-clear{display:none}button{cursor:pointer}button::-moz-focus-inner{padding:0;border:0}a,a:visited{-webkit-text-decoration:none;-webkit-text-decoration:none;text-decoration:none}a:hover{-webkit-text-decoration:none;-webkit-text-decoration:none;text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}body{font-family:'Courier New',sans-serif;background:#f7fcfc}header{width:min(85rem,100%);background:#fffdd1 no-repeat center top/cover;border:4px solid #f0b105;border-radius:10px;margin:0 auto;margin-top:20px;margin-bottom:20px;padding-bottom:100px;box-shadow:0 0.1rem 1.5rem rgba(40,36,89,0.2),0 0.25rem 0.4rem rgba(40,36,89,0.15)}marquee{height:60px;margin-top:5px;font-weight:bold;-webkit-text-decoration:none;text-decoration:none;color:#005640;font-style:normal;font-size:36px;line-height:2.4em;text-shadow:5px 6px 9px rgba(67,90,66,0.25)}h1{margin-top:40px;-webkit-text-decoration:none;text-decoration:none;color:#183418;text-align:center;font-size:40px;font-weight:bold;display:block;line-height:1.6em;text-shadow:8px 6px 23px rgba(124,124,124,1)}h2{-webkit-text-decoration:none;text-decoration:none;color:#183418;text-align:center;line-height:1.6em;font-size:30px;font-weight:bold;margin:0px 0px 20px 0px;text-shadow:8px 6px 23px rgba(124,124,124,1)}h3{-webkit-text-decoration:none;text-decoration:none;color:#183418;text-align:center;font-size:24px;font-weight:bold;margin:40px 0px 20px 0px;text-shadow:8px 6px 23px rgba(124,124,124,1)}.menu_1,.menu_2,.menu_3{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:40px;gap:40px;margin:40px 25px}.button_1,.button_10,.button_11,.button_12,.button_2,.button_3,.button_4,.button_5,.button_6,.button_7,.button_8,.button_9{display:grid;container-type:inline-size;aspect-ratio:1/1;width:100%;border-radius:1rem;border:5px solid#fc9628;align-content:center;justify-content:center;place-content:center;text-align:center;background:#FEFBEA;box-shadow:14px 22px 18px -12px rgba(156,156,185,0.62)}.button_10>img,.button_11>img,.button_12>img,.button_1>img,.button_2>img,.button_3>img,.button_4>img,.button_5>img,.button_6>img,.button_7>img,.button_8>img,.button_9>img{margin:auto;width:70px;max-height:70px;padding:2px;-o-object-fit:cover;object-fit:cover}.button_10>span,.button_11>span,.button_12>span,.button_1>span,.button_2>span,.button_3>span,.button_4>span,.button_5>span,.button_6>span,.button_7>span,.button_8>span,.button_9>span{margin:10px 10px 1px 10px;font-size:8cqi;line-height:1.2em;color:#000;font-weight:bold;text-shadow:5px 6px 9px rgba(67,90,66,0.25)}@media (max-width:1000px){h3,h4{font-size:24px;margin-top:30px}.menu_1,.menu_2,.menu_3{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:20px;gap:20px;margin:20px 25px}.button_1,.button_10,.button_11,.button_12,.button_2,.button_3,.button_4,.button_5,.button_6,.button_7,.button_8,.button_9{margin:auto}.button_10>img,.button_11>img,.button_12>img,.button_1>img,.button_2>img,.button_3>img,.button_4>img,.button_5>img,.button_6>img,.button_7>img,.button_8>img,.button_9>img{margin:auto;max-width:100%;max-height:100%;padding-top:5px;-o-object-fit:cover;object-fit:cover}.button_10>span,.button_11>span,.button_12>span,.button_1>span,.button_2>span,.button_3>span,.button_4>span,.button_5>span,.button_6>span,.button_7>span,.button_8>span,.button_9>span{margin:1px 10px 1px 10px;font-size:8cqi;line-height:1em;font-weight:800;padding:10px 0px 0px 0px}}@media (max-width:860px){h3,h4{font-size:24px;margin-top:30px}.menu_1,.menu_2,.menu_3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px;margin:20px 25px}.button_1,.button_10,.button_11,.button_12,.button_2,.button_3,.button_4,.button_5,.button_6,.button_7,.button_8,.button_9{margin:auto}.button_10>img,.button_11>img,.button_12>img,.button_1>img,.button_2>img,.button_3>img,.button_4>img,.button_5>img,.button_6>img,.button_7>img,.button_8>img,.button_9>img{margin:auto;max-width:100%;max-height:100%;padding-top:5px;-o-object-fit:cover;object-fit:cover}.button_10>span,.button_11>span,.button_12>span,.button_1>span,.button_2>span,.button_3>span,.button_4>span,.button_5>span,.button_6>span,.button_7>span,.button_8>span,.button_9>span{margin:1px 10px 1px 10px;font-size:9cqi;line-height:1em;font-weight:800;padding:10px 0px 0px 0px}}@media (max-width:600px){header{border:none}h1{line-height:1.2em;font-size:30px;margin-top:30px}h2{line-height:1.2em;font-size:20px;margin-top:10px}h3,h4{font-size:16px;margin-top:10px}marquee{font-size:26px;margin-bottom:-10px}.menu_1,.menu_2,.menu_3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin:20px 10px}.button_10>img,.button_11>img,.button_12>img,.button_1>img,.button_2>img,.button_3>img,.button_4>img,.button_5>img,.button_6>img,.button_7>img,.button_8>img,.button_9>img{margin:auto;width:50px;height:50px;padding-top:5px;-o-object-fit:cover;object-fit:cover}.button_10>span,.button_11>span,.button_12>span,.button_1>span,.button_2>span,.button_3>span,.button_4>span,.button_5>span,.button_6>span,.button_7>span,.button_8>span,.button_9>span{margin:1px 10px 1px 10px;font-size:9cqi;line-height:1em;font-weight:800;padding:10px 0px 0px 0px}}
    /*logo*/
           *,
          *:before,
          *:after {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
          }

          .wrapper {
            margin: auto;
            width: 50px;
            height: 50px;
            background-color: transparent;
            -webkit-user-select: none;
          }
          .wrapper .box-wrap {
            width: 70%;
            height: 70%;
            margin: calc((100% - 70%)/2) calc((100% - 70%)/2);
            position: relative;
            transform: rotate(-45deg);
          }
          .wrapper .box-wrap .box {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            background: rgba(135, 0, 0, 0.6);
            background: linear-gradient(to right, #141562, #486FBC, #EAB5A1, #8DD6FF, #4973C9, #D07CA7, #F4915E, #F5919E, #B46F89, #141562, #486FBC);
            background-position: 0% 50%;
            background-size: 1000% 1000%;
            visibility: hidden;
          }
          .wrapper .box-wrap .box.one {
            -webkit-animation: moveGradient 15s infinite, oneMove 3.5s infinite;
                    animation: moveGradient 15s infinite, oneMove 3.5s infinite;
          }
          .wrapper .box-wrap .box.two {
            -webkit-animation: moveGradient 15s infinite, twoMove 3.5s 0.15s infinite;
                    animation: moveGradient 15s infinite, twoMove 3.5s 0.15s infinite;
          }
          .wrapper .box-wrap .box.three {
            -webkit-animation: moveGradient 15s infinite, threeMove 3.5s 0.3s infinite;
                    animation: moveGradient 15s infinite, threeMove 3.5s 0.3s infinite;
          }
          .wrapper .box-wrap .box.four {
            -webkit-animation: moveGradient 15s infinite, fourMove 3.5s 0.575s infinite;
                    animation: moveGradient 15s infinite, fourMove 3.5s 0.575s infinite;
          }
          .wrapper .box-wrap .box.five {
            -webkit-animation: moveGradient 15s infinite, fiveMove 3.5s 0.725s infinite;
                    animation: moveGradient 15s infinite, fiveMove 3.5s 0.725s infinite;
          }
          .wrapper .box-wrap .box.six {
            -webkit-animation: moveGradient 15s infinite, sixMove 3.5s 0.875s infinite;
                    animation: moveGradient 15s infinite, sixMove 3.5s 0.875s infinite;
          }

          @-webkit-keyframes moveGradient {
            to {
              background-position: 100% 50%;
            }
          }

          @keyframes moveGradient {
            to {
              background-position: 100% 50%;
            }
          }
          @-webkit-keyframes oneMove {
            0% {
              visibility: visible;
              -webkit-clip-path: inset(0% 35% 70% round 5%);
                      clip-path: inset(0% 35% 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            14.2857% {
              -webkit-clip-path: inset(0% 35% 70% round 5%);
                      clip-path: inset(0% 35% 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            28.5714% {
              -webkit-clip-path: inset(35% round 5%);
                      clip-path: inset(35% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            42.8571% {
              -webkit-clip-path: inset(35% 70% 35% 0 round 5%);
                      clip-path: inset(35% 70% 35% 0 round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            57.1428% {
              -webkit-clip-path: inset(35% 70% 35% 0 round 5%);
                      clip-path: inset(35% 70% 35% 0 round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            71.4285% {
              -webkit-clip-path: inset(0% 70% 70% 0 round 5%);
                      clip-path: inset(0% 70% 70% 0 round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            85.7142% {
              -webkit-clip-path: inset(0% 70% 70% 0 round 5%);
                      clip-path: inset(0% 70% 70% 0 round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            100% {
              -webkit-clip-path: inset(0% 35% 70% round 5%);
                      clip-path: inset(0% 35% 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
          }
          @keyframes oneMove {
            0% {
              visibility: visible;
              -webkit-clip-path: inset(0% 35% 70% round 5%);
                      clip-path: inset(0% 35% 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            14.2857% {
              -webkit-clip-path: inset(0% 35% 70% round 5%);
                      clip-path: inset(0% 35% 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            28.5714% {
              -webkit-clip-path: inset(35% round 5%);
                      clip-path: inset(35% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            42.8571% {
              -webkit-clip-path: inset(35% 70% 35% 0 round 5%);
                      clip-path: inset(35% 70% 35% 0 round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            57.1428% {
              -webkit-clip-path: inset(35% 70% 35% 0 round 5%);
                      clip-path: inset(35% 70% 35% 0 round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            71.4285% {
              -webkit-clip-path: inset(0% 70% 70% 0 round 5%);
                      clip-path: inset(0% 70% 70% 0 round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            85.7142% {
              -webkit-clip-path: inset(0% 70% 70% 0 round 5%);
                      clip-path: inset(0% 70% 70% 0 round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            100% {
              -webkit-clip-path: inset(0% 35% 70% round 5%);
                      clip-path: inset(0% 35% 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
          }
          @-webkit-keyframes twoMove {
            0% {
              visibility: visible;
              -webkit-clip-path: inset(0% 70% 70% 0 round 5%);
                      clip-path: inset(0% 70% 70% 0 round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            14.2857% {
              -webkit-clip-path: inset(0% 70% 70% 0 round 5%);
                      clip-path: inset(0% 70% 70% 0 round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            28.5714% {
              -webkit-clip-path: inset(0% 35% 70% round 5%);
                      clip-path: inset(0% 35% 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            42.8571% {
              -webkit-clip-path: inset(0% 35% 70% round 5%);
                      clip-path: inset(0% 35% 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            57.1428% {
              -webkit-clip-path: inset(35% round 5%);
                      clip-path: inset(35% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            71.4285% {
              -webkit-clip-path: inset(35% 70% 35% 0 round 5%);
                      clip-path: inset(35% 70% 35% 0 round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            85.7142% {
              -webkit-clip-path: inset(35% 70% 35% 0 round 5%);
                      clip-path: inset(35% 70% 35% 0 round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            100% {
              -webkit-clip-path: inset(0% 70% 70% 0 round 5%);
                      clip-path: inset(0% 70% 70% 0 round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
          }
          @keyframes twoMove {
            0% {
              visibility: visible;
              -webkit-clip-path: inset(0% 70% 70% 0 round 5%);
                      clip-path: inset(0% 70% 70% 0 round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            14.2857% {
              -webkit-clip-path: inset(0% 70% 70% 0 round 5%);
                      clip-path: inset(0% 70% 70% 0 round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            28.5714% {
              -webkit-clip-path: inset(0% 35% 70% round 5%);
                      clip-path: inset(0% 35% 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            42.8571% {
              -webkit-clip-path: inset(0% 35% 70% round 5%);
                      clip-path: inset(0% 35% 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            57.1428% {
              -webkit-clip-path: inset(35% round 5%);
                      clip-path: inset(35% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            71.4285% {
              -webkit-clip-path: inset(35% 70% 35% 0 round 5%);
                      clip-path: inset(35% 70% 35% 0 round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            85.7142% {
              -webkit-clip-path: inset(35% 70% 35% 0 round 5%);
                      clip-path: inset(35% 70% 35% 0 round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            100% {
              -webkit-clip-path: inset(0% 70% 70% 0 round 5%);
                      clip-path: inset(0% 70% 70% 0 round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
          }
          @-webkit-keyframes threeMove {
            0% {
              visibility: visible;
              -webkit-clip-path: inset(35% 70% 35% 0 round 5%);
                      clip-path: inset(35% 70% 35% 0 round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            14.2857% {
              -webkit-clip-path: inset(35% 70% 35% 0 round 5%);
                      clip-path: inset(35% 70% 35% 0 round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            28.5714% {
              -webkit-clip-path: inset(0% 70% 70% 0 round 5%);
                      clip-path: inset(0% 70% 70% 0 round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            42.8571% {
              -webkit-clip-path: inset(0% 70% 70% 0 round 5%);
                      clip-path: inset(0% 70% 70% 0 round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            57.1428% {
              -webkit-clip-path: inset(0% 35% 70% round 5%);
                      clip-path: inset(0% 35% 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            71.4285% {
              -webkit-clip-path: inset(0% 35% 70% round 5%);
                      clip-path: inset(0% 35% 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            85.7142% {
              -webkit-clip-path: inset(35% round 5%);
                      clip-path: inset(35% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            100% {
              -webkit-clip-path: inset(35% 70% 35% 0 round 5%);
                      clip-path: inset(35% 70% 35% 0 round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
          }
          @keyframes threeMove {
            0% {
              visibility: visible;
              -webkit-clip-path: inset(35% 70% 35% 0 round 5%);
                      clip-path: inset(35% 70% 35% 0 round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            14.2857% {
              -webkit-clip-path: inset(35% 70% 35% 0 round 5%);
                      clip-path: inset(35% 70% 35% 0 round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            28.5714% {
              -webkit-clip-path: inset(0% 70% 70% 0 round 5%);
                      clip-path: inset(0% 70% 70% 0 round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            42.8571% {
              -webkit-clip-path: inset(0% 70% 70% 0 round 5%);
                      clip-path: inset(0% 70% 70% 0 round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            57.1428% {
              -webkit-clip-path: inset(0% 35% 70% round 5%);
                      clip-path: inset(0% 35% 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            71.4285% {
              -webkit-clip-path: inset(0% 35% 70% round 5%);
                      clip-path: inset(0% 35% 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            85.7142% {
              -webkit-clip-path: inset(35% round 5%);
                      clip-path: inset(35% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            100% {
              -webkit-clip-path: inset(35% 70% 35% 0 round 5%);
                      clip-path: inset(35% 70% 35% 0 round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
          }
          @-webkit-keyframes fourMove {
            0% {
              visibility: visible;
              -webkit-clip-path: inset(35% 0% 35% 70% round 5%);
                      clip-path: inset(35% 0% 35% 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            14.2857% {
              -webkit-clip-path: inset(35% 0% 35% 70% round 5%);
                      clip-path: inset(35% 0% 35% 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            28.5714% {
              -webkit-clip-path: inset(35% round 5%);
                      clip-path: inset(35% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            42.8571% {
              -webkit-clip-path: inset(70% 35% 0% 35% round 5%);
                      clip-path: inset(70% 35% 0% 35% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            57.1428% {
              -webkit-clip-path: inset(70% 35% 0% 35% round 5%);
                      clip-path: inset(70% 35% 0% 35% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            71.4285% {
              -webkit-clip-path: inset(70% 0 0 70% round 5%);
                      clip-path: inset(70% 0 0 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            85.7142% {
              -webkit-clip-path: inset(70% 0 0 70% round 5%);
                      clip-path: inset(70% 0 0 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            100% {
              -webkit-clip-path: inset(35% 0% 35% 70% round 5%);
                      clip-path: inset(35% 0% 35% 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
          }
          @keyframes fourMove {
            0% {
              visibility: visible;
              -webkit-clip-path: inset(35% 0% 35% 70% round 5%);
                      clip-path: inset(35% 0% 35% 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            14.2857% {
              -webkit-clip-path: inset(35% 0% 35% 70% round 5%);
                      clip-path: inset(35% 0% 35% 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            28.5714% {
              -webkit-clip-path: inset(35% round 5%);
                      clip-path: inset(35% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            42.8571% {
              -webkit-clip-path: inset(70% 35% 0% 35% round 5%);
                      clip-path: inset(70% 35% 0% 35% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            57.1428% {
              -webkit-clip-path: inset(70% 35% 0% 35% round 5%);
                      clip-path: inset(70% 35% 0% 35% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            71.4285% {
              -webkit-clip-path: inset(70% 0 0 70% round 5%);
                      clip-path: inset(70% 0 0 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            85.7142% {
              -webkit-clip-path: inset(70% 0 0 70% round 5%);
                      clip-path: inset(70% 0 0 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            100% {
              -webkit-clip-path: inset(35% 0% 35% 70% round 5%);
                      clip-path: inset(35% 0% 35% 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
          }
          @-webkit-keyframes fiveMove {
            0% {
              visibility: visible;
              -webkit-clip-path: inset(70% 0 0 70% round 5%);
                      clip-path: inset(70% 0 0 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            14.2857% {
              -webkit-clip-path: inset(70% 0 0 70% round 5%);
                      clip-path: inset(70% 0 0 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            28.5714% {
              -webkit-clip-path: inset(35% 0% 35% 70% round 5%);
                      clip-path: inset(35% 0% 35% 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            42.8571% {
              -webkit-clip-path: inset(35% 0% 35% 70% round 5%);
                      clip-path: inset(35% 0% 35% 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            57.1428% {
              -webkit-clip-path: inset(35% round 5%);
                      clip-path: inset(35% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            71.4285% {
              -webkit-clip-path: inset(70% 35% 0% 35% round 5%);
                      clip-path: inset(70% 35% 0% 35% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            85.7142% {
              -webkit-clip-path: inset(70% 35% 0% 35% round 5%);
                      clip-path: inset(70% 35% 0% 35% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            100% {
              -webkit-clip-path: inset(70% 0 0 70% round 5%);
                      clip-path: inset(70% 0 0 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
          }
          @keyframes fiveMove {
            0% {
              visibility: visible;
              -webkit-clip-path: inset(70% 0 0 70% round 5%);
                      clip-path: inset(70% 0 0 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            14.2857% {
              -webkit-clip-path: inset(70% 0 0 70% round 5%);
                      clip-path: inset(70% 0 0 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            28.5714% {
              -webkit-clip-path: inset(35% 0% 35% 70% round 5%);
                      clip-path: inset(35% 0% 35% 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            42.8571% {
              -webkit-clip-path: inset(35% 0% 35% 70% round 5%);
                      clip-path: inset(35% 0% 35% 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            57.1428% {
              -webkit-clip-path: inset(35% round 5%);
                      clip-path: inset(35% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            71.4285% {
              -webkit-clip-path: inset(70% 35% 0% 35% round 5%);
                      clip-path: inset(70% 35% 0% 35% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            85.7142% {
              -webkit-clip-path: inset(70% 35% 0% 35% round 5%);
                      clip-path: inset(70% 35% 0% 35% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            100% {
              -webkit-clip-path: inset(70% 0 0 70% round 5%);
                      clip-path: inset(70% 0 0 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
          }
          @-webkit-keyframes sixMove {
            0% {
              visibility: visible;
              -webkit-clip-path: inset(70% 35% 0% 35% round 5%);
                      clip-path: inset(70% 35% 0% 35% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            14.2857% {
              -webkit-clip-path: inset(70% 35% 0% 35% round 5%);
                      clip-path: inset(70% 35% 0% 35% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            28.5714% {
              -webkit-clip-path: inset(70% 0 0 70% round 5%);
                      clip-path: inset(70% 0 0 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            42.8571% {
              -webkit-clip-path: inset(70% 0 0 70% round 5%);
                      clip-path: inset(70% 0 0 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            57.1428% {
              -webkit-clip-path: inset(35% 0% 35% 70% round 5%);
                      clip-path: inset(35% 0% 35% 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            71.4285% {
              -webkit-clip-path: inset(35% 0% 35% 70% round 5%);
                      clip-path: inset(35% 0% 35% 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            85.7142% {
              -webkit-clip-path: inset(35% round 5%);
                      clip-path: inset(35% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            100% {
              -webkit-clip-path: inset(70% 35% 0% 35% round 5%);
                      clip-path: inset(70% 35% 0% 35% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
          }
          @keyframes sixMove {
            0% {
              visibility: visible;
              -webkit-clip-path: inset(70% 35% 0% 35% round 5%);
                      clip-path: inset(70% 35% 0% 35% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            14.2857% {
              -webkit-clip-path: inset(70% 35% 0% 35% round 5%);
                      clip-path: inset(70% 35% 0% 35% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            28.5714% {
              -webkit-clip-path: inset(70% 0 0 70% round 5%);
                      clip-path: inset(70% 0 0 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            42.8571% {
              -webkit-clip-path: inset(70% 0 0 70% round 5%);
                      clip-path: inset(70% 0 0 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            57.1428% {
              -webkit-clip-path: inset(35% 0% 35% 70% round 5%);
                      clip-path: inset(35% 0% 35% 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            71.4285% {
              -webkit-clip-path: inset(35% 0% 35% 70% round 5%);
                      clip-path: inset(35% 0% 35% 70% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            85.7142% {
              -webkit-clip-path: inset(35% round 5%);
                      clip-path: inset(35% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
            100% {
              -webkit-clip-path: inset(70% 35% 0% 35% round 5%);
                      clip-path: inset(70% 35% 0% 35% round 5%);
              -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                      animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
            }
          }
  /*Логотип*/

          svg {
            margin: auto;
            width: 26%;
            height: 100%;
            margin-bottom: 30px;
          }
          @keyframes rotateKader {
            0% {
              transform: rotate(0deg);
            }
            100% {
              transform: rotate(360deg);
            }
          }
          #kader {
             transform-origin: 50% 50%;
             position: relative;
             animation: rotateKader 14s infinite linear;
             perspective: 500px;
             transform-style: preserve-3d;
             z-index: 10;
          }
          @keyframes frontBack {
            0% {
              transform: scale(1);
            }
            40% {
              transform: scale(0.8);
            }
            60% {
              transform: scale(0.8);
            }
            100% {
              transform: scale(1);
            }
          }
          #house-back {
            animation: frontBack 4.2s infinite linear;
          }
    /*Логотип*/
/*Логотип*/

        * {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
        }

        @-webkit-keyframes clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
          }
        }

        @-moz-keyframes clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
          }
        }

        @-o-keyframes clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
          }
        }

        @-ie-keyframes clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
          }
        }

        @-webkit-keyframes clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
          }
        }

        @-moz-keyframes clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
          }
        }

        @-o-keyframes clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
          }
        }

        @-ie-keyframes clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
          }
        }

        @-webkit-keyframes clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
          }
        }

        @-moz-keyframes clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
          }
        }

        @-o-keyframes clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
          }
        }

        @-ie-keyframes clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
          }
        }

        @-webkit-keyframes clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
          }
        }

        @-moz-keyframes clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
          }
        }

        @-o-keyframes clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
          }
        }

        @-ie-keyframes clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
          }
        }

        @-webkit-keyframes clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
          }
        }

        @-moz-keyframes clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
          }
        }

        @-o-keyframes clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
          }
        }

        @-ie-keyframes clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
          }
        }

        @-webkit-keyframes counter-clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(-360deg);
            -moz-transform: rotate(-360deg);
            -ms-transform: rotate(-360deg);
            -o-transform: rotate(-360deg);
            transform: rotate(-360deg);
          }
        }

        @-moz-keyframes counter-clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(-360deg);
            -moz-transform: rotate(-360deg);
            -ms-transform: rotate(-360deg);
            -o-transform: rotate(-360deg);
            transform: rotate(-360deg);
          }
        }

        @-o-keyframes counter-clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(-360deg);
            -moz-transform: rotate(-360deg);
            -ms-transform: rotate(-360deg);
            -o-transform: rotate(-360deg);
            transform: rotate(-360deg);
          }
        }

        @-ie-keyframes counter-clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(-360deg);
            -moz-transform: rotate(-360deg);
            -ms-transform: rotate(-360deg);
            -o-transform: rotate(-360deg);
            transform: rotate(-360deg);
          }
        }

        @-webkit-keyframes counter-clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(-360deg);
            -moz-transform: rotate(-360deg);
            -ms-transform: rotate(-360deg);
            -o-transform: rotate(-360deg);
            transform: rotate(-360deg);
          }
        }

        @-moz-keyframes counter-clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(-360deg);
            -moz-transform: rotate(-360deg);
            -ms-transform: rotate(-360deg);
            -o-transform: rotate(-360deg);
            transform: rotate(-360deg);
          }
        }

        @-o-keyframes counter-clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(-360deg);
            -moz-transform: rotate(-360deg);
            -ms-transform: rotate(-360deg);
            -o-transform: rotate(-360deg);
            transform: rotate(-360deg);
          }
        }

        @-ie-keyframes counter-clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(-360deg);
            -moz-transform: rotate(-360deg);
            -ms-transform: rotate(-360deg);
            -o-transform: rotate(-360deg);
            transform: rotate(-360deg);
          }
        }

        @-webkit-keyframes counter-clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(-360deg);
            -moz-transform: rotate(-360deg);
            -ms-transform: rotate(-360deg);
            -o-transform: rotate(-360deg);
            transform: rotate(-360deg);
          }
        }

        @-moz-keyframes counter-clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(-360deg);
            -moz-transform: rotate(-360deg);
            -ms-transform: rotate(-360deg);
            -o-transform: rotate(-360deg);
            transform: rotate(-360deg);
          }
        }

        @-o-keyframes counter-clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(-360deg);
            -moz-transform: rotate(-360deg);
            -ms-transform: rotate(-360deg);
            -o-transform: rotate(-360deg);
            transform: rotate(-360deg);
          }
        }

        @-ie-keyframes counter-clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(-360deg);
            -moz-transform: rotate(-360deg);
            -ms-transform: rotate(-360deg);
            -o-transform: rotate(-360deg);
            transform: rotate(-360deg);
          }
        }

        @-webkit-keyframes counter-clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(-360deg);
            -moz-transform: rotate(-360deg);
            -ms-transform: rotate(-360deg);
            -o-transform: rotate(-360deg);
            transform: rotate(-360deg);
          }
        }

        @-moz-keyframes counter-clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(-360deg);
            -moz-transform: rotate(-360deg);
            -ms-transform: rotate(-360deg);
            -o-transform: rotate(-360deg);
            transform: rotate(-360deg);
          }
        }

        @-o-keyframes counter-clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(-360deg);
            -moz-transform: rotate(-360deg);
            -ms-transform: rotate(-360deg);
            -o-transform: rotate(-360deg);
            transform: rotate(-360deg);
          }
        }

        @-ie-keyframes counter-clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(-360deg);
            -moz-transform: rotate(-360deg);
            -ms-transform: rotate(-360deg);
            -o-transform: rotate(-360deg);
            transform: rotate(-360deg);
          }
        }

        @-webkit-keyframes counter-clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(-360deg);
            -moz-transform: rotate(-360deg);
            -ms-transform: rotate(-360deg);
            -o-transform: rotate(-360deg);
            transform: rotate(-360deg);
          }
        }

        @-moz-keyframes counter-clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(-360deg);
            -moz-transform: rotate(-360deg);
            -ms-transform: rotate(-360deg);
            -o-transform: rotate(-360deg);
            transform: rotate(-360deg);
          }
        }

        @-o-keyframes counter-clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(-360deg);
            -moz-transform: rotate(-360deg);
            -ms-transform: rotate(-360deg);
            -o-transform: rotate(-360deg);
            transform: rotate(-360deg);
          }
        }

        @-ie-keyframes counter-clockwise {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(-360deg);
            -moz-transform: rotate(-360deg);
            -ms-transform: rotate(-360deg);
            -o-transform: rotate(-360deg);
            transform: rotate(-360deg);
          }
        }

        .gearbox {
          background: #1e1e1e;
          margin: 50px auto;
          height: 170px;
          width: 220px;
          position: relative;
          border: none;
          overflow: hidden;
          -webkit-border-radius: 10px;
          -moz-border-radius: 10px;
          -ms-border-radius: 10px;
          -o-border-radius: 10px;
          border-radius: 10px;
          border: 1px solid rgba(255, 255, 255, 0.2);
          border-bottom-color: rgba(255, 255, 255, 0.3);
          -webkit-box-shadow: 0px 2px 13px 0px rgba(255, 255, 255, 0.1);
          -moz-box-shadow: 0px 2px 13px 0px rgba(255, 255, 255, 0.1);
          box-shadow: 0px 2px 13px 0px rgba(255, 255, 255, 0.1);
        }
        .gearbox:after {
          -webkit-border-radius: 10px;
          -moz-border-radius: 10px;
          -ms-border-radius: 10px;
          -o-border-radius: 10px;
          border-radius: 10px;
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 99;
          -webkit-box-shadow: inset 0px 0px 40px black;
          -moz-box-shadow: inset 0px 0px 40px black;
          box-shadow: inset 0px 0px 40px black;
          -webkit-transition: background 0.2s;
          -moz-transition: background 0.2s;
          -o-transition: background 0.2s;
          transition: background 0.2s;
        }

        .gear {
          position: absolute;
          height: 60px;
          width: 60px;
          -webkit-box-shadow: 0px -1px 0px 0px #888888, 0px 1px 0px 0px black;
          -moz-box-shadow: 0px -1px 0px 0px #888888, 0px 1px 0px 0px black;
          box-shadow: 0px -1px 0px 0px #888888, 0px 1px 0px 0px black;
          -webkit-border-radius: 30px;
          -moz-border-radius: 30px;
          -ms-border-radius: 30px;
          -o-border-radius: 30px;
          border-radius: 30px;
        }
        .gear.large {
          height: 120px;
          width: 120px;
          -webkit-border-radius: 60px;
          -moz-border-radius: 60px;
          -ms-border-radius: 60px;
          -o-border-radius: 60px;
          border-radius: 60px;
        }
        .gear.large:after {
          height: 96px;
          width: 96px;
          -webkit-border-radius: 48px;
          -moz-border-radius: 48px;
          -ms-border-radius: 48px;
          -o-border-radius: 48px;
          border-radius: 48px;
          margin-left: -48px;
          margin-top: -48px;
        }
        .gear:nth-child(1) {
          top: 10px;
          left: 10px;
        }
        .gear:nth-child(2) {
          top: 61px;
          left: 60px;
        }
        .gear:nth-child(3) {
          top: 112px;
          left: 10px;
        }
        .gear:nth-child(4) {
          top: 14px;
          left: 129px;
        }
        .gear:after {
          content: "";
          position: absolute;
          height: 36px;
          width: 36px;
          -webkit-border-radius: 36px;
          -moz-border-radius: 36px;
          -ms-border-radius: 36px;
          -o-border-radius: 36px;
          border-radius: 36px;
          background: #1e1e1e;
          top: 50%;
          left: 50%;
          margin-left: -18px;
          margin-top: -18px;
          z-index: 3;
          -webkit-box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.1), inset 0px 0px 10px rgba(0, 0, 0, 0.1), inset 0px 2px 0px 0px #080808, inset 0px -1px 0px 0px #888888;
          -moz-box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.1), inset 0px 0px 10px rgba(0, 0, 0, 0.1), inset 0px 2px 0px 0px #080808, inset 0px -1px 0px 0px #888888;
          box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.1), inset 0px 0px 10px rgba(0, 0, 0, 0.1), inset 0px 2px 0px 0px #080808, inset 0px -1px 0px 0px #888888;
        }

        .gear-inner {
          position: relative;
          height: 100%;
          width: 100%;
          background: #555555;
          -webkit-border-radius: 30px;
          -moz-border-radius: 30px;
          -ms-border-radius: 30px;
          -o-border-radius: 30px;
          border-radius: 30px;
          border: 1px solid rgba(255, 255, 255, 0.1);
        }
        .large .gear-inner {
          -webkit-border-radius: 60px;
          -moz-border-radius: 60px;
          -ms-border-radius: 60px;
          -o-border-radius: 60px;
          border-radius: 60px;
        }
        .gear:nth-child(1) .gear-inner {
          -webkit-animation: counter-clockwise 3s infinite linear;
          -moz-animation: counter-clockwise 3s infinite linear;
          -o-animation: counter-clockwise 3s infinite linear;
          -ie-animation: counter-clockwise 3s infinite linear;
          animation: counter-clockwise 3s infinite linear;
        }
        .gear:nth-child(2) .gear-inner {
          -webkit-animation: clockwise 3s infinite linear;
          -moz-animation: clockwise 3s infinite linear;
          -o-animation: clockwise 3s infinite linear;
          -ie-animation: clockwise 3s infinite linear;
          animation: clockwise 3s infinite linear;
        }
        .gear:nth-child(3) .gear-inner {
          -webkit-animation: counter-clockwise 3s infinite linear;
          -moz-animation: counter-clockwise 3s infinite linear;
          -o-animation: counter-clockwise 3s infinite linear;
          -ie-animation: counter-clockwise 3s infinite linear;
          animation: counter-clockwise 3s infinite linear;
        }
        .gear:nth-child(4) .gear-inner {
          -webkit-animation: counter-clockwise 6s infinite linear;
          -moz-animation: counter-clockwise 6s infinite linear;
          -o-animation: counter-clockwise 6s infinite linear;
          -ie-animation: counter-clockwise 6s infinite linear;
          animation: counter-clockwise 6s infinite linear;
        }
        .gear-inner .bar {
          background: #555555;
          height: 16px;
          width: 78px;
          position: absolute;
          left: 50%;
          margin-left: -39px;
          top: 50%;
          margin-top: -8px;
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px;
          -ms-border-radius: 2px;
          -o-border-radius: 2px;
          border-radius: 2px;
          border-left: 1px solid rgba(255, 255, 255, 0.1);
          border-right: 1px solid rgba(255, 255, 255, 0.1);
        }
        .large .gear-inner .bar {
          margin-left: -69px;
          width: 138px;
        }
        .gear-inner .bar:nth-child(2) {
          -webkit-transform: rotate(60deg);
          -moz-transform: rotate(60deg);
          -ms-transform: rotate(60deg);
          -o-transform: rotate(60deg);
          transform: rotate(60deg);
        }
        .gear-inner .bar:nth-child(3) {
          -webkit-transform: rotate(120deg);
          -moz-transform: rotate(120deg);
          -ms-transform: rotate(120deg);
          -o-transform: rotate(120deg);
          transform: rotate(120deg);
        }
        .gear-inner .bar:nth-child(4) {
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg);
        }
        .gear-inner .bar:nth-child(5) {
          -webkit-transform: rotate(30deg);
          -moz-transform: rotate(30deg);
          -ms-transform: rotate(30deg);
          -o-transform: rotate(30deg);
          transform: rotate(30deg);
        }
        .gear-inner .bar:nth-child(6) {
          -webkit-transform: rotate(150deg);
          -moz-transform: rotate(150deg);
          -ms-transform: rotate(150deg);
          -o-transform: rotate(150deg);
          transform: rotate(150deg);
        }
    /*Логотип*/