.surveywrapper{display:table;margin:0 auto 15px auto;padding:30px;background-color:#f6f6f6;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}.surveywrapper h2{margin-top:0;padding-top:0;color:#20629c}.surveywrapperinner{display:table;margin:0 auto;width:500px}.wrapperleft .surveywrapper,.wrapperleft .surveywrapperinner{width:100%}.rankContainer{width:100%;margin:0;padding:0 0 25px 15px}.rankContainer li{margin:5px;padding:10px;background-color:#e1e6eb;font-size:1.125rem;font-weight:400;color:#000;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px}.rankContainer li:nth-of-type(1) .fa-arrow-down,.rankContainer li:nth-of-type(1) .fa-arrow-up{color:#20629c}.rankContainer li .fa-arrow-down,.rankContainer li .fa-arrow-up{cursor:pointer;float:right;margin-top:3px;color:#20629c}.rankContainer li .fa-arrow-down{margin-left:10px}.rankContainer li .fa-arrow-down:hover,.rankContainer li .fa-arrow-up:hover{transform:scale(1.5);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.rankContainer li:first-of-type .fa-arrow-up,.rankContainer li:last-of-type .fa-arrow-down{color:#e1e6eb!important;opacity:.5;cursor:default!important;transform:none!important}.rankContainer.active li:nth-of-type(1){background-color:#009500}.rankContainer.active li:nth-of-type(1) .fa-arrow-down,.rankContainer.active li:nth-of-type(1) .fa-arrow-up,.rankContainer.active li:nth-of-type(1) span{color:#fff}.rankContainer.active li:nth-of-type(2){background-color:#f89500;color:#000}.rankContainer.active li:nth-of-type(2) .fa-arrow-down,.rankContainer.active li:nth-of-type(2) .fa-arrow-up,.rankContainer.active li:nth-of-type(2) span{color:#000}.rankContainer.active li:nth-of-type(3){background-color:#f8c600}.rankContainer.active li:nth-of-type(3) .fa-arrow-down,.rankContainer.active li:nth-of-type(3) .fa-arrow-up,.rankContainer.active li:nth-of-type(3) span{color:#000}.rankContainer.active li:nth-of-type(4){background-color:#f80000}.rankContainer.active li:nth-of-type(4) .fa-arrow-down,.rankContainer.active li:nth-of-type(4) .fa-arrow-up,.rankContainer.active li:nth-of-type(4) span{color:#fff}@media only screen and (max-width:768px){.surveywrapper{width:100%;padding:24px}.surveywrapperinner{width:100%}}@media only screen and (max-width:580px){.surveywrapper h2{font-size:1.125rem;text-align:center}}@media only screen and (max-width:480px){.surveywrapper{padding:15px}.rankContainer li,.surveywrapper h2{font-size:1rem}.rankContainer li{padding:15px 10px}.rankContainer li .fa-arrow-down,.rankContainer li .fa-arrow-up{margin-top:2px;font-size:1.25rem}}@media only screen and (max-width:440px){.rankContainer li,.surveywrapper h2{font-size:.9375rem}}@media only screen and (max-width:375px){.rankContainer li,.surveywrapper h2{font-size:.9375rem}.rankContainer li .fa-arrow-down,.rankContainer li .fa-arrow-up{margin-top:2px;font-size:1.25rem}}.tablet .rankContainer li{padding:15px 10px}.rankContainer li,.tablet .surveywrapper h2{font-size:1.125rem}.tablet .rankContainer li .fa-arrow-down,.tablet .rankContainer li .fa-arrow-up{margin-top:2px;font-size:1.25rem}