*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-print-color-adjust:exact!important;color-adjust:exact!important}body{margin-top:80px;font-family:HelveticaNeue-CondensedBold,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif}.bg-grid-line,.card:after,.card header:before{background-color:#333;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(24%,rgba(0,0,0,0)),color-stop(25%,hsla(0,0%,100%,.05)),color-stop(26%,hsla(0,0%,100%,.05)),color-stop(27%,rgba(0,0,0,0)),color-stop(74%,rgba(0,0,0,0)),color-stop(75%,hsla(0,0%,100%,.05)),color-stop(76%,hsla(0,0%,100%,.05)),color-stop(77%,rgba(0,0,0,0)),to(rgba(0,0,0,0))),-webkit-gradient(linear,left top,right top,color-stop(24%,rgba(0,0,0,0)),color-stop(25%,hsla(0,0%,100%,.05)),color-stop(26%,hsla(0,0%,100%,.05)),color-stop(27%,rgba(0,0,0,0)),color-stop(74%,rgba(0,0,0,0)),color-stop(75%,hsla(0,0%,100%,.05)),color-stop(76%,hsla(0,0%,100%,.05)),color-stop(77%,rgba(0,0,0,0)),to(rgba(0,0,0,0)));background-image:-o-linear-gradient(bottom,rgba(0,0,0,0) 24%,hsla(0,0%,100%,.05) 25%,hsla(0,0%,100%,.05) 26%,rgba(0,0,0,0) 27%,rgba(0,0,0,0) 74%,hsla(0,0%,100%,.05) 75%,hsla(0,0%,100%,.05) 76%,rgba(0,0,0,0) 77%,rgba(0,0,0,0)),-o-linear-gradient(left,rgba(0,0,0,0) 24%,hsla(0,0%,100%,.05) 25%,hsla(0,0%,100%,.05) 26%,rgba(0,0,0,0) 27%,rgba(0,0,0,0) 74%,hsla(0,0%,100%,.05) 75%,hsla(0,0%,100%,.05) 76%,rgba(0,0,0,0) 77%,rgba(0,0,0,0));background-image:linear-gradient(0deg,rgba(0,0,0,0) 24%,hsla(0,0%,100%,.05) 25%,hsla(0,0%,100%,.05) 26%,rgba(0,0,0,0) 27%,rgba(0,0,0,0) 74%,hsla(0,0%,100%,.05) 75%,hsla(0,0%,100%,.05) 76%,rgba(0,0,0,0) 77%,rgba(0,0,0,0)),linear-gradient(90deg,rgba(0,0,0,0) 24%,hsla(0,0%,100%,.05) 25%,hsla(0,0%,100%,.05) 26%,rgba(0,0,0,0) 27%,rgba(0,0,0,0) 74%,hsla(0,0%,100%,.05) 75%,hsla(0,0%,100%,.05) 76%,rgba(0,0,0,0) 77%,rgba(0,0,0,0));height:100%;background-size:50px 50px}.card{position:relative;width:550px;margin:0 auto;background:#ececec;border-radius:4px;-webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,.4),0 0 10px rgba(0,0,0,.55),0 2px 10px rgba(0,0,0,.6);box-shadow:inset 0 0 0 1px rgba(0,0,0,.4),0 0 10px rgba(0,0,0,.55),0 2px 10px rgba(0,0,0,.6)}.card:hover img{-webkit-filter:invert(100%);filter:invert(100%);border:5px solid rgba(0,0,0,.5);-webkit-box-shadow:0 0 3px hsla(0,0%,100%,.25);box-shadow:0 0 3px hsla(0,0%,100%,.25)}.card header{position:relative;background:#ed3d34;height:90px;width:100%;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom:2px solid rgba(180,80,80,.5);border-top:1px solid rgba(221,108,108,.8);-webkit-box-shadow:inset 0 1px 0 0 rgba(255,120,120,.8),0 1px 2px rgba(0,0,0,.4);box-shadow:inset 0 1px 0 0 rgba(255,120,120,.8),0 1px 2px rgba(0,0,0,.4);padding:35px 20px;opacity:.9}.card header h1{color:#fff;line-height:90%;font-size:35px;margin:0;text-shadow:-1px -1px 1px rgba(0,0,0,.5)}.card article{padding:30px}.card article img{border:5px solid #fff;-webkit-box-shadow:0 0 3px rgba(0,0,0,.25);box-shadow:0 0 3px rgba(0,0,0,.25);float:left;margin-right:30px;width:190px;height:250px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.card article h2{color:#515355;float:left;margin:0 5px 15px 0;font-weight:400;padding:0 0 8px;width:450px}.card article .area{position:relative;width:95%;float:left}.card article .area h3{margin:0;color:#5f6163;font-size:20px}.card article .area ul{margin:5px 0 30px;padding:0;list-style:none}.card article .area ul li{margin:20px 0 0;font-size:16px;color:#94957f;text-shadow:0 0 1px rgba(0,0,0,.3)}.card article .area ul li .bar{position:relative;width:280px;height:15px;display:inline-block;border-radius:50px;float:right;margin:0 15px 0 0;opacity:.9;background-color:#cacaca;-webkit-box-shadow:inset 0 2px 2px rgba(0,0,0,.35);box-shadow:inset 0 2px 2px rgba(0,0,0,.35)}.card article .area ul li .bar:before{position:absolute;left:0;width:0;height:15px;background:#fed579;-webkit-box-shadow:inset 0 4px 4px hsla(0,0%,100%,.3),inset 0 -2px 3px rgba(0,0,0,.05),0 1px 0 0 #d29d40;box-shadow:inset 0 4px 4px hsla(0,0%,100%,.3),inset 0 -2px 3px rgba(0,0,0,.05),0 1px 0 0 #d29d40;display:inline-block;border-radius:50px;content:"";z-index:-1}.card article .area ul li .bar.percent-100:before{width:280px}.card article .area ul li .bar.percent-90:before{width:260px}.card article .area ul li .bar.percent-80:before{width:240px}.card article .area ul li .bar.percent-70:before{width:220px}.card article .area ul li .bar.percent-60:before{width:200px}.card article .area ul li .bar.percent-50:before{width:180px}.card article .area ul li:before{content:"\2605";margin-right:5px}.card article .area::-webkit-scrollbar{width:10px}.card article .area::-webkit-scrollbar-track{background-color:hsla(0,0%,85.1%,.5);border-radius:50px}.card article .area::-webkit-scrollbar-thumb{background:hsla(0,0%,72.2%,.5);-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);border-radius:50px}.floatLeft{float:left}.floatRight{float:right}.printButton{height:50px;-webkit-box-shadow:#276873 0 10px 14px -7px;box-shadow:0 10px 14px -7px #276873;background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#599bb3),to(#408c99)) #599bb3;background:-o-linear-gradient(#599bb3 5%,#408c99 100%) #599bb3;background:linear-gradient(#599bb3 5%,#408c99) #599bb3;border-radius:10px;border:2px solid #29668f;display:inline-block;cursor:pointer;color:#fff;font-family:Arial;font-size:22px;font-weight:700;padding:13px 32px;text-decoration:none;text-shadow:#3d768a 0 1px 50px}.printButton:hover{-webkit-box-shadow:0 12px 16px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);box-shadow:0 12px 16px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19)}@media print{#footer,.printButton,header{display:none}.print{display:inline;-webkit-print-color-adjust:exact}header.print{display:block}.area{margin-left:.3cm}.floatLeft{float:left}.floatRight{float:right}}