.home{position: relative;}
.home .drag-container{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:auto;height:654.4px;z-index:2}
.home .drag-container .drag-text{position:absolute;top:0;bottom:0;left:-140px;margin:auto 0;padding-right:5px;font:400 10px/2 ProximaNova,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#0d6703;width:100px;height:40px;overflow:hidden;opacity:0;transition:all .3s ease 0s}
.home .drag-container .drag-text span{display:block;transition:all .3s ease 0s}
.home .drag-container .drag-text.drag-text-chicken{top:auto;left:8px;right:0;bottom:60px;margin:0 auto}
.home .drag-container .drag-text.drag-text-pig{bottom:auto;left:10px;right:0;top:60px;margin:0 auto}
.home .drag-container .drag-text.drag-text-goat{left:auto;right:-150px}
.home .drag-container .circle-bg{border-radius:50%;background:#daefd7;position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;width:237px;height:237px;opacity:0}
.home .drag-container .circle-bg.start{opacity:1;transition:all .3s ease .8s}
.home .drag-container .circle-anim-1,.home .drag-container .circle-anim-2,.home .drag-container .circle-anim-3{border-radius:50%;background:#daefd7;position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;width:237px;height:237px;transition:background .3s ease 0s}
.home .drag-container .circle-anim-1.hidden,.home .drag-container .circle-anim-2.hidden,.home .drag-container .circle-anim-3.hidden{background:transparent;transition:background .3s ease 0s}
.home .drag-container .circle-anim-1{-webkit-animation:anim 2s ease infinite;animation:anim 2s ease infinite}
.home .drag-container .circle-anim-2{-webkit-animation:anim 1.3s ease infinite;animation:anim 1.3s ease infinite}
.home .drag-container .circle-anim-3{-webkit-animation:anim 1s ease infinite;animation:anim 1s ease infinite}
.home .drag-container .circle-left-bot,.home .drag-container .circle-left-top,.home .drag-container .circle-right-top{position:absolute;top:0;left:0;fill:none;stroke:rgba(20,147,115,.2);stroke-width:2px;stroke-dashoffset:0;stroke-dasharray:0 364px}
.home .drag-container .circle-left-bot.start,.home .drag-container .circle-left-top.start,.home .drag-container .circle-right-top.start{stroke-dasharray:364px 364px}
.home .drag-container .dots{-webkit-transform-origin:center;transform-origin:center;transition:opacity 1s ease 0s;opacity:0}
.home .drag-container .dots.start{opacity:1}
.home .drag-container .dots .st0{fill:#c9e7e1}
.home .drag-container .dots.center{opacity:0}
.home .drag-container .big{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:auto;height:auto;pointer-events:none;-webkit-transform-origin:center;transform-origin:center;opacity:0;-webkit-transform:scale(.5);transform:scale(.5);z-index:1}
.home .drag-container .big.start{transition:all .5s ease .3s;opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.home .drag-container .big #circle{fill:#0e5605;opacity:0}
.home .drag-container .big .st0{fill:#fff;stroke:#101111;stroke-width:.25;stroke-miterlimit:10}
.home .drag-container .big .st1{fill:#0d6703}
.home .drag-container .big .st4{fill:#0e5605;opacity:0}
.home .drag-container .big .st5{fill:none;stroke:#fff;stroke-dashoffset:0;stroke-dasharray:0 50px;-webkit-transform:translateZ(0) rotate(.0001deg);transform:translateZ(0) rotate(.0001deg);transition:stroke-dasharray .6s ease 0s}
.home .drag-container .big .chicken-bones,.home .drag-container .big .cow-bones,.home .drag-container .big .goat-bones,.home .drag-container .big .pig-bones{opacity:0;-webkit-transform:translateZ(0) rotate(.0001deg);transform:translateZ(0) rotate(.0001deg);transition:opacity 0s ease 2s}
.home .drag-container .big .chicken-bones.on,.home .drag-container .big .cow-bones.on,.home .drag-container .big .goat-bones.on,.home .drag-container .big .pig-bones.on{opacity:1;transition:opacity 0s ease 0s}
.home .drag-container .big .chicken-bones.on .st5,.home .drag-container .big .cow-bones.on .st5,.home .drag-container .big .goat-bones.on .st5,.home .drag-container .big .pig-bones.on .st5{stroke-dasharray:50px 50px;-webkit-transform:translateZ(0) rotate(.0001deg);transform:translateZ(0) rotate(.0001deg);transition:stroke-dasharray 1s ease .6s}
.home .drag-container .big .chicken-bones.speed-on,.home .drag-container .big .cow-bones.speed-on,.home .drag-container .big .goat-bones.speed-on,.home .drag-container .big .pig-bones.speed-on{opacity:1;transition:opacity 0s ease 0s}
.home .drag-container .big .chicken-bones.speed-on .st5,.home .drag-container .big .cow-bones.speed-on .st5,.home .drag-container .big .goat-bones.speed-on .st5,.home .drag-container .big .pig-bones.speed-on .st5{stroke-dasharray:50px 50px;-webkit-transform:translateZ(0) rotate(.0001deg);transform:translateZ(0) rotate(.0001deg);transition:stroke-dasharray 1s ease 0s}
.home .drag-container .big #cow-path,.home .drag-container .big #goat-path,.home .drag-container .big #pig-path{opacity:0}
.home .drag-container .magnet-label:hover+.drag-text{opacity:1}
.home .drag-container .magnet-btn.is-hover .circle-first-block{-webkit-animation:spin 4s linear infinite;animation:spin 4s linear infinite}
.home .drag-container .magnet-btn .circle-first-block-inner{opacity:0;transition:all eaee .3s 0s}
.home .drag-container .magnet-btn .circle-first-block-inner.start{opacity:1}
.home .drag-container .magnet-btn .circle-first-block{fill:none;stroke:#0e5605;stroke-width:1px;stroke-dashoffset:0;stroke-dasharray:2px 2px;-webkit-transform-origin:center;transform-origin:center}
.home .drag-container .magnet-btn.magnet-btn-chicken{position:absolute;left:calc(50% - 38px);bottom:-29px}
.home .drag-container .magnet-btn.magnet-btn-cow{position:absolute;top:calc(50% - 38px);left:-29px}
.home .drag-container .magnet-btn.magnet-btn-pig{position:absolute;top:-29px;left:calc(50% - 38px)}
.home .drag-container .magnet-btn.magnet-btn-goat{position:absolute;top:calc(50% - 38px);right:-29px}
.home .drag-container .magnet-label{z-index:100}
.home .drag-container .magnet-label.active{pointer-events:none}
.home .drag-container .magnet-label.magnet-label-cow{position:absolute;width:76px;height:76px;top:calc(50% - 38px);left:-29px}
.home .drag-container .magnet-label.magnet-label-pig{position:absolute;width:76px;height:76px;top:-29px;left:calc(50% - 38px)}
.home .drag-container .magnet-label.magnet-label-goat{position:absolute;width:76px;height:76px;top:calc(50% - 38px);right:-29px}
.home .drag-container .magnet-label.magnet-label-chicken{position:absolute;width:76px;height:76px;left:calc(50% - 38px);bottom:-20px}
.home .drag-container .block{position:absolute;width:76px;height:76px;cursor:grab;cursor:-webkit-grab;z-index:1;transition:opacity .3s ease 0s;opacity:0;will-change:margin}
.home .drag-container .block.start{-webkit-transform:translateZ(0) rotate(.0001deg);transform:translateZ(0) rotate(.0001deg);opacity:1}
.home .drag-container .block.hover-start .circle-second-block{fill:#0e5605}
.home .drag-container .block.hover-start .chicken-min{fill:#fff}
.home .drag-container .block:active,.home .drag-container .block:focus:hover{cursor:grabbing;cursor:-webkit-grabbing}
.home .drag-container .block+svg{position:absolute;width:76px;height:76px;opacity:0;transition:opacity .3s ease 0s}
.home .drag-container .block+svg.start{-webkit-transform:translateZ(0) rotate(.0001deg);transform:translateZ(0) rotate(.0001deg);opacity:1}
.home .drag-container .block .circle-second-block{fill:transparent;stroke:#0e5605;stroke-width:1px;transition:fill .5s ease 0s}
.home .drag-container .block.hover .circle-second-block{fill:#0e5605}
.home .drag-container .block.hover .chicken-min,.home .drag-container .block.hover .cow-min,.home .drag-container .block.hover .goat-min,.home .drag-container .block.hover .pig-min{fill:#fff}
.home .drag-container .block .chicken-min,.home .drag-container .block .cow-min,.home .drag-container .block .goat-min,.home .drag-container .block .pig-min{fill:#0e5605;transition:fill .5s ease 0s}
.home .drag-container .block.active{pointer-events:none}
.home .drag-container .block.active .circle-second-block{fill:#0e5605;transition:all .5s ease 0s}
.home .drag-container .block.active .chicken-min,.home .drag-container .block.active .cow-min,.home .drag-container .block.active .goat-min,.home .drag-container .block.active .pig-min{fill:#fff;transition:all .5s ease 0s}
.home .drag-container .text{position:absolute;top:400px;right:-255px;width:437px;opacity:0;pointer-events:none;transition:all .5s ease 0s}
.home .drag-container .text h2{position:relative;display:inline-block;margin-bottom:15px}
.home .drag-container .text h2 :after{content:"";position:absolute;bottom:5px;right:-7px;width:2px;height:47px;opacity:0;background:#0d6703}
.home .drag-container .text h2 .show{display:inline-block!important}
.home .drag-container .text h2 .show:after{-webkit-animation:typed 1s ease infinite;animation:typed 1s ease infinite}
.home .drag-container .text p{position:relative;overflow:hidden;color:transparent;transition:all .5s ease 0s}
.home .drag-container .text p:after{content:"";position:absolute;top:0;left:0;width:120%;height:100%;background:#c9e7e1;-webkit-transform:translateX(-120%);transform:translateX(-120%)}
.home .drag-container .text p.active{color:#333;transition:all 0s ease .5s}
.home .drag-container .text p.active:after{transition:all 1s ease 0s;-webkit-transform:translateX(120%);transform:translateX(120%)}
.home .drag-container .text .link{position:relative;overflow:hidden}
.home .drag-container .text .link .container,.home .drag-container .text .link:before{opacity:0}
.home .drag-container .text .link:after{content:"";position:absolute;top:0;left:0;width:120%;height:100%;background:#c9e7e1;-webkit-transform:translateX(-120%);transform:translateX(-120%)}
.home .drag-container .text .link.active .container{opacity:1;transition:all 0s ease .9s}
.home .drag-container .text .link.active:before{opacity:1;transition:opacity 0s ease .9s}
.home .drag-container .text .link.active:hover:before{transition:-webkit-transform .2s ease .2s;transition:transform .2s ease .2s;transition:transform .2s ease .2s,-webkit-transform .2s ease .2s}
.home .drag-container .text .link.active:after{transition:all 1s ease .4s;-webkit-transform:translateX(120%);transform:translateX(120%)}
.home .drag-container .sign-container .line{position:absolute;width:100%;height:100%;right:35px;left:0;top:0;opacity:0;transition:opacity .3s ease 0s;-webkit-transform:translateZ(0) rotate(.0001deg);transform:translateZ(0) rotate(.0001deg)}
.home .drag-container .sign-container.active .line{opacity:0}
.home .drag-container .sign-container.active .line:nth-child(2){transition:opacity .5s ease .7s}
.home .drag-container .sign-container.active .line:nth-child(4){transition:opacity .5s ease 1.1s}
.home .drag-container .sign-container.active .line:nth-child(6){transition:opacity .5s ease 1.5s}
.home .drag-container .sign-container.active .line:nth-child(8){transition:opacity .5s ease 1.9s}
.home .drag-container .sign-container.active .sign .text-sign{color:#0d6703;opacity:1}
.home .drag-container .sign-container.active .sign .text-sign:after{-webkit-transform:translateX(120%);transform:translateX(120%)}
.home .drag-container .sign-container.active .sign:first-child .text-sign{transition:opacity .3s ease .4s}
.home .drag-container .sign-container.active .sign:first-child .text-sign:after{transition:all .6s ease .4s}
.home .drag-container .sign-container.active .sign:nth-child(3) .text-sign{transition:opacity .3s ease .8s}
.home .drag-container .sign-container.active .sign:nth-child(3) .text-sign:after{transition:all .6s ease .8s}
.home .drag-container .sign-container.active .sign:nth-child(5) .text-sign{transition:opacity .3s ease 1.2s}
.home .drag-container .sign-container.active .sign:nth-child(5) .text-sign:after{transition:all .6s ease 1.2s}
.home .drag-container .sign-container.active .sign:nth-child(7) .text-sign{transition:opacity .3s ease 1.6s}
.home .drag-container .sign-container.active .sign:nth-child(7) .text-sign:after{transition:all .6s ease 1.6s}
.home .drag-container .sign{position:absolute}
.home .drag-container .sign .text-sign{position:relative;font:400 10px ProximaNova,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:transparent;opacity:0;max-width:130px;overflow:hidden;transition:opacity .3s ease .3s}
.home .drag-container .sign .text-sign:after{content:"";position:absolute;top:0;left:0;width:120%;height:100%;background:#c9e7e1;-webkit-transform:translateX(-120%);transform:translateX(-120%)}
.home .drag-container .sign-chicken .sign-1{top:130px;left:120px}
.home .drag-container .sign-chicken .sign-2{bottom:230px;left:120px}
.home .drag-container .sign-chicken .sign-3{bottom:276px;right:105px}
.home .drag-container .sign-chicken .sign-4{top:200px;right:70px}
.home .drag-container .sign-cow .sign-1{top:140px;left:150px}
.home .drag-container .sign-cow .sign-2{bottom:260px;left:40px}
.home .drag-container .sign-cow .sign-3{bottom:180px;left:200px}
.home .drag-container .sign-cow .sign-4{top:330px;right:90px}
.home .drag-container .sign-goat .sign-1{top:130px;left:160px}
.home .drag-container .sign-goat .sign-1 .line{content:"";position:absolute;bottom:0;right:0;width:0;height:1px;background:#0d6703;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:rotate(-130deg);transform:rotate(-130deg);opacity:.5}
.home .drag-container .sign-goat .sign-2{bottom:270px;left:50px}
.home .drag-container .sign-goat .sign-2 .line{content:"";position:absolute;top:0;right:0;width:0;height:1px;background:#0d6703;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:rotate(130deg);transform:rotate(130deg);opacity:.5}
.home .drag-container .sign-goat .sign-3{bottom:120px;left:240px}
.home .drag-container .sign-goat .sign-3 .line{content:"";position:absolute;top:0;right:0;width:0;height:1px;background:#0d6703;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:rotate(100deg);transform:rotate(100deg);opacity:.5}
.home .drag-container .sign-goat .sign-4{top:280px;right:50px}
.home .drag-container .sign-goat .sign-4 .line{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:#0d6703;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:rotate(170deg);transform:rotate(170deg);opacity:.5}
.home .drag-container .sign-goat.active .sign-1 .line{width:125px}
.home .drag-container .sign-goat.active .sign-2 .line{width:130px}
.home .drag-container .sign-goat.active .sign-3 .line{width:180px}
.home .drag-container .sign-goat.active .sign-4 .line{width:80px}
.home .drag-container .sign-pig .sign-1{top:120px;left:140px}
.home .drag-container .sign-pig .sign-1 .line{content:"";position:absolute;bottom:0;right:0;width:0;height:1px;background:#0d6703;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:rotate(-130deg);transform:rotate(-130deg);opacity:.5}
.home .drag-container .sign-pig .sign-2{bottom:230px;left:50px}
.home .drag-container .sign-pig .sign-2 .line{content:"";position:absolute;top:0;right:0;width:0;height:1px;background:#0d6703;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:rotate(120deg);transform:rotate(120deg);opacity:.5}
.home .drag-container .sign-pig .sign-3{bottom:130px;left:370px}
.home .drag-container .sign-pig .sign-3 .line{content:"";position:absolute;top:0;right:0;width:0;height:1px;background:#0d6703;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:rotate(120deg);transform:rotate(120deg);opacity:.5}
.home .drag-container .sign-pig .sign-4{top:150px;right:90px}
.home .drag-container .sign-pig .sign-4 .line{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:#0d6703;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:rotate(150deg);transform:rotate(150deg);opacity:.5}
.home .drag-container .sign-pig.active .sign-1 .line{width:135px}
.home .drag-container .sign-pig.active .sign-2 .line{width:110px}
.home .drag-container .sign-pig.active .sign-3 .line{width:210px}
.home .drag-container .sign-pig.active .sign-4 .line{width:120px}


.home .home-block__layout{align-items: center;}