.js-ag-autumn-block{height:100%}.js-ag-leaves-block{height:100%;width:100%;background-color:#f9eed8;background-size:cover;position:absolute}.js-ag-branch, .js-ag-sheet{position:absolute}.js-ag-anim .js-ag-branch img, .js-ag-anim .js-ag-sheet img{opacity:1}.js-ag-branch img, .js-ag-sheet img{opacity:0;-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;transition:1s}.js-ag-sheet-1{width:8%;opacity:1;top:17em;left:15%}.js-ag-sheet-1 img{-webkit-animation:3s ease-in-out 0.5s infinite alternate an-sheet;-moz-animation:3s ease-in-out 0.5s infinite alternate an-sheet;-o-animation:3s ease-in-out 0.5s infinite alternate an-sheet;animation:3s ease-in-out 0.5s infinite alternate an-sheet}.js-ag-sheet-2{width:10%;opacity:1;top:7em;right:10%}.js-ag-sheet-2 img{-webkit-animation:2s ease-in-out infinite alternate an-sheet;-moz-animation:2s ease-in-out infinite alternate an-sheet;-o-animation:2s ease-in-out infinite alternate an-sheet;animation:2s ease-in-out infinite alternate an-sheet}.js-ag-sheet-3{width:8%;opacity:1;top:16em;left:55%}.js-ag-sheet-3 img{-webkit-animation:3.3s ease-in-out 5s infinite alternate an-sheet;-moz-animation:3.3s ease-in-out 5s infinite alternate an-sheet;-o-animation:3.3s ease-in-out 5s infinite alternate an-sheet;animation:3.3s ease-in-out 5s infinite alternate an-sheet}.js-ag-sheet-4{width:10%;opacity:1;top:5em;right:70%}.js-ag-sheet-4 img{-webkit-animation:2.8s ease-in-out infinite alternate an-sheet;-moz-animation:2.8s ease-in-out infinite alternate an-sheet;-o-animation:2.8s ease-in-out infinite alternate an-sheet;animation:2.8s ease-in-out infinite alternate an-sheet}.js-ag-sheet-5{width:8%;opacity:1;top:1em;left:35%}.js-ag-sheet-5 img{-webkit-animation:5.3s ease-in-out 2s infinite alternate an-sheet;-moz-animation:5.3s ease-in-out 2s infinite alternate an-sheet;-o-animation:5.3s ease-in-out 2s infinite alternate an-sheet;animation:5.3s ease-in-out 2s infinite alternate an-sheet} @-webkit-keyframes an-sheet{0%{-webkit-transform:translateX(0);transform:translateX(0)} to{-webkit-transform:translateX(2em);transform:translateX(2em)}} @-moz-keyframes an-sheet{0%{-moz-transform:translateX(0);transform:translateX(0)} to{-moz-transform:translateX(2em);transform:translateX(2em)}} @-o-keyframes an-sheet{0%{-o-transform:translateX(0);transform:translateX(0)} to{-o-transform:translateX(2em);transform:translateX(2em)}} @keyframes an-sheet{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)} to{-webkit-transform:translateX(2em);-moz-transform:translateX(2em);-o-transform:translateX(2em);transform:translateX(2em)}}.js-ag-branch-3{width:20%;left:0;top:0}.js-ag-branch-3 img{-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;-ms-transform-origin:0 50%;-o-transform-origin:0 50%;transform-origin:0 50%;-webkit-animation:5s ease-in-out infinite alternate j;-moz-animation:5s ease-in-out infinite alternate j;-o-animation:5s ease-in-out infinite alternate j;animation:5s ease-in-out infinite alternate j}.js-ag-branch-4{left:0;top:24em;width:10%}.js-ag-branch-5, .js-ag-branch-6{top:0;right:-1em;}.js-ag-branch-4 img{-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;-ms-transform-origin:0 50%;-o-transform-origin:0 50%;transform-origin:0 50%;-webkit-animation:5s ease-in-out 3s infinite alternate k;-moz-animation:5s ease-in-out 3s infinite alternate k;-o-animation:5s ease-in-out 3s infinite alternate k;animation:5s ease-in-out 3s infinite alternate k}.js-ag-branch-5{width:30%}.js-ag-branch-6{width:25%} @-webkit-keyframes an-branch-1{0%{-webkit-transform:none;transform:none} to{-webkit-transform:skewY(5deg) rotate(3deg);transform:skewY(5deg) rotate(3deg)}} @-moz-keyframes an-branch-1{0%{-moz-transform:none;transform:none} to{-moz-transform:skewY(5deg) rotate(3deg);transform:skewY(5deg) rotate(3deg)}} @-o-keyframes an-branch-1{0%{-o-transform:none;transform:none} to{-o-transform:skewY(5deg) rotate(3deg);transform:skewY(5deg) rotate(3deg)}} @keyframes an-branch-1{0%{-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none} to{-webkit-transform:skewY(5deg) rotate(3deg);-moz-transform:skewY(5deg) rotate(3deg);-o-transform:skewY(5deg) rotate(3deg);transform:skewY(5deg) rotate(3deg)}} @-webkit-keyframes an-branch-2{0%{-webkit-transform:none;transform:none} to{-webkit-transform:skewX(5deg) rotate(-3deg);transform:skewX(5deg) rotate(-3deg)}} @-moz-keyframes an-branch-2{0%{-moz-transform:none;transform:none} to{-moz-transform:skewX(5deg) rotate(-3deg);transform:skewX(5deg) rotate(-3deg)}} @-o-keyframes an-branch-2{0%{-o-transform:none;transform:none} to{-o-transform:skewX(5deg) rotate(-3deg);transform:skewX(5deg) rotate(-3deg)}} @keyframes an-branch-2{0%{-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none} to{-webkit-transform:skewX(5deg) rotate(-3deg);-moz-transform:skewX(5deg) rotate(-3deg);-o-transform:skewX(5deg) rotate(-3deg);transform:skewX(5deg) rotate(-3deg)}}.leaf{width:60px !important;position:fixed;z-index:999}.leaf:first-child{bottom:5%;left:0;animation:12s linear 1s infinite blowing}.leaf:nth-child(2){bottom:10vh;left:0;animation:6s linear 1s infinite blowing}.leaf:nth-child(3){bottom:66vh;left:0;animation:9s linear 1s infinite blowing}.leaf:nth-child(4){bottom:12vh;left:0;animation:7s linear 1s infinite blowing}.leaf:nth-child(5){bottom:25vh;left:0;animation:4s linear 1s infinite blowing} @keyframes blowing{0%{transform:translate(0, 0) rotate(0)} 20%{transform:translate(15vw, -10vh) rotate(170deg)} 65%{transform:translate(55vw, -12vh) rotate(550deg)} 80%{transform:translate(70vw, -17vh) rotate(740deg)} 100%{transform:translate(100vw, -25vh) rotate(920deg)}} @keyframes fadeInLeftRotate{from{opacity:0;transform:translate3d(100%, 0, 0)} to{opacity:1;transform:rotate(-8deg)}} @keyframes fadeInLeftRotate1{from{opacity:0;transform:translate3d(100%, 0, 0)} to{opacity:1;transform:rotate(8deg)}}.fade2, .modal.fade1{animation-duration:0.5s !important} @keyframes modalFadeIn{from{opacity:0;transform:translate(0, -50%)} to{opacity:1;transform:translate(0, 0)}}.modal.fade1{animation-name:modaFade !important} @keyframes modaFade{from{opacity:0 !important} to{opacity:0.15 !important}}.fade2{animation-name:fade2 !important} @keyframes fade2{from{opacity:0 !important;transform:translate(50%, 0)} to{opacity:1 !important;transform:translate(0, 0)}}.pro-price > h3{text-align:center}.modal.fade1 .modal-dialog{transform:translate(0, -50%);animation:0.3s forwards modalFadeIn} @keyframes modalFadeIn{from{opacity:0;transform:translate(0, -50%)} to{opacity:1;transform:translate(0, 0)}}