.shapes-navigation{margin:0px;padding:0px}.goodsimple{margin:0px;padding:0px}.goodsimple ul{width:100%;padding:0px;margin:0px auto;list-style:none;text-align:center}.goodsimple ul li{width:120px;height:120px;margin:10px 10px;background-color:transparent;display:inline-block;position:relative}.goodsimple ul li img,.goodsimple ul li svg{width:100%;height:auto}.goodsimple ul li .correct{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:34px;height:38px;background-image:url("../img/correct.svg");background-repeat:no-repeat;display:none}.goodsimple ul li .incorrect{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:34px;height:38px;background-image:url("../img/wrong.svg");background-repeat:no-repeat;display:none}.groups{margin:0px;padding:0px}.groups ul{width:100%;padding:0px;margin:0px auto;list-style:none;text-align:center}.groups ul li{background-color:transparent;display:inline-block;position:relative;margin:0px}.groups ul li .correct{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:34px;height:38px;background-image:url("../img/correct.svg");background-repeat:no-repeat;display:none}.groups ul li .incorrect{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:34px;height:38px;background-image:url("../img/wrong.svg");background-repeat:no-repeat;display:none}.groups ul li .correct{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:34px;height:38px;background-image:url("../img/correct.svg");background-repeat:no-repeat;display:none}.groups ul li img,.groups ul li svg{width:100%;height:auto}.groups ul li.small{width:80px;height:80px}.groups ul li.large{width:140px;height:140px}.troll-head{margin:0px;padding:0px;position:absolute;top:0px;bottom:0px;transform:rotate(0deg) scaleX(1);z-index:999;display:none;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.troll-head img,.troll-head svg{width:100%;height:auto}.troll-head.blinktroll path{fill:#dfd3c3;animation-duration:3s;animation-name:blinktroll;animation-delay:0s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-timing-function:ease-in-out}@keyframes blinktroll{0%{fill:#dfd3c3}50%{fill:#000000}100%{fill:#dfd3c3}}.background-enviroment{max-width:1280px;width:100%;position:fixed;bottom:0px;left:50%;transform:translateX(-50%);z-index:1;display:flex;justify-content:space-between;align-items:baseline}.background-enviroment .arrow{padding:0px;margin:0px;position:absolute;display:none}.background-enviroment .arrow.left{top:0px;right:-70px;transform:rotate(-45deg);animation-duration:1s;animation-name:pulse_arrow_left;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.background-enviroment .arrow.middle{top:-90px;left:50%;animation-duration:1s;animation-name:pulse_arrow_middle;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.background-enviroment .arrow.right{top:0px;left:0px;transform:rotate(25deg) scaleX(-1);animation-duration:1s;animation-name:pulse_arrow_right;animation-iteration-count:infinite;animation-timing-function:ease-in-out}@keyframes pulse_arrow_middle{0%{top:0px}50%{top:20px}100%{top:0px}}@keyframes pulse_arrow_left{0%{top:20px;right:220px}50%{top:40px;right:210px}100%{top:20px;right:220px}}@keyframes pulse_arrow_right{0%{top:20px;left:100px}50%{top:30px;left:90px}100%{top:20px;left:100px}}.background-enviroment .the-troll{position:absolute;bottom:-180px;left:60%;width:405px;height:350px}@keyframes troll_final{0%{bottom:-180px}20%{bottom:180px}65%{bottom:180px;left:60%}100%{bottom:180px;left:-100%}}.background-enviroment .the-troll.troll_final{animation-duration:6s;animation-name:troll_final;animation-iteration-count:1;animation-fill-mode:forwards;animation-timing-function:ease-in-out}@keyframes rampage{0%{left:60%;bottom:0px}50%{left:0%;bottom:-100px}100%{left:80%;bottom:-450px}}.background-enviroment .the-troll.troll_rampage{animation-duration:3s;animation-name:rampage;animation-delay:2s;animation-iteration-count:1;animation-fill-mode:forwards;animation-timing-function:ease-in-out}@keyframes troll_up{0%{bottom:-180px}100%{bottom:0px}}.background-enviroment .the-troll.troll_up{animation-duration:1s;animation-name:troll_up;animation-iteration-count:1;animation-fill-mode:forwards;animation-timing-function:ease-in-out}@keyframes left_arm{0%{top:350px}100%{top:110px}}.background-enviroment .the-troll .left_arm_up{animation-duration:1s;animation-name:left_arm;animation-iteration-count:1;animation-fill-mode:forwards;animation-timing-function:ease-out}@keyframes right_arm{0%{top:350px}100%{top:-70px}}.background-enviroment .the-troll .right_arm_up{animation-duration:1s;animation-name:right_arm;animation-iteration-count:1;animation-fill-mode:forwards;animation-timing-function:ease-out}@keyframes body{0%{top:170px}100%{top:0px}}.background-enviroment .the-troll .body_up{animation-duration:1s;animation-name:body;animation-iteration-count:1;animation-fill-mode:forwards;animation-timing-function:ease-out}.background-enviroment .the-troll div{position:absolute}.background-enviroment .the-troll .green-troll-body{width:257px;height:363px;left:0px;top:170px}.background-enviroment .the-troll .green-troll-right-arm{width:145px;height:270px;right:70px;top:350px}.background-enviroment .the-troll .green-troll-left-arm{width:253px;height:144px;left:-60px;top:350px}.background-enviroment .environment-item{padding:0px;margin:0px;position:relative}.background-enviroment .environment-item .blink{display:block;animation-duration:2s;animation-name:blink;animation-delay:1s;animation-iteration-count:4;animation-fill-mode:forwards;animation-timing-function:ease-in-out}@keyframes blink{0%{opacity:1}50%{opacity:0.5}100%{opacity:1}}.background-enviroment .environment-item.building1{width:197px;height:306px}@keyframes building1_sink{0%{transform:rotate(0deg);bottom:0px}25%{transform:rotate(60deg);bottom:-50px}50%{transform:rotate(60deg);bottom:-100px}75%{transform:rotate(60deg);bottom:-160px}100%{transform:rotate(60deg);bottom:-280px}}.background-enviroment .environment-item.building1_sink{animation-duration:2s;animation-name:building1_sink;animation-delay:3s;animation-iteration-count:1;animation-fill-mode:forwards;animation-timing-function:ease-out}.background-enviroment .environment-item.building2{width:313px;height:274px}@keyframes building2_sink{0%{transform:rotate(0deg);bottom:0px}25%{transform:rotate(-40deg);bottom:-50px}50%{transform:rotate(-40deg);bottom:-100px}75%{transform:rotate(-40deg);bottom:-160px}100%{transform:rotate(-40deg);bottom:-280px}}.background-enviroment .environment-item.building2_sink{animation-duration:2s;animation-name:building2_sink;animation-delay:2.5s;animation-iteration-count:1;animation-fill-mode:forwards;animation-timing-function:ease-out}.background-enviroment .environment-item.building3{width:366px;height:264px}@keyframes building3_sink{0%{transform:rotate(0deg);bottom:0px}25%{transform:rotate(160deg);bottom:-20px}50%{transform:rotate(160deg);bottom:-100px}75%{transform:rotate(160deg);bottom:-160px}100%{transform:rotate(160deg);bottom:-320px}}.background-enviroment .environment-item.building3_sink{animation-duration:2s;animation-name:building3_sink;animation-iteration-count:1;animation-fill-mode:forwards;animation-timing-function:ease-out}.background-enviroment .environment-item #building2-group-small{display:none}.background-enviroment .environment-item figure{width:100%;height:auto;position:absolute;padding:0px;margin:0px;z-index:1;pointer-events:none}.background-enviroment .environment-item figure:last-child(){display:block}.background-enviroment .environment-item figure.groups{z-index:2}.background-enviroment .environment-item svg,.background-enviroment .environment-item img{width:100%;height:auto}@media screen and (min-width: 600px) and (max-width: 800px){.background-enviroment .the-troll{left:50%}.background-enviroment .environment-item{padding:0px;margin:0px;position:relative}.background-enviroment .environment-item.building1{width:197px;height:276px}.background-enviroment .environment-item.building2{width:313px;height:244px}.background-enviroment .environment-item.building3{width:366px;height:234px}}@media screen and (max-width: 600px){.goodsimple ul{padding-top:40px}.goodsimple ul li{width:80px;height:80px;margin:0px 0px}.goodsimple ul li img,.goodsimple ul li svg{width:100%;height:auto}.background-enviroment{height:200px}.background-enviroment .the-troll{left:50%}.background-enviroment .environment-item{padding:0px;margin:0px;position:relative}.background-enviroment .environment-item.building1{width:197px;height:136px}.background-enviroment .environment-item.building2{width:313px;height:120px}.background-enviroment .environment-item.building3{width:366px;height:234px}}