/* flipper.css */
ul#topmenu{top:35%;position:absolute;margin:0;padding:0;list-style-type:none;z-index: 2;left: 0}ul#topmenu li{width:125px;left:-40px;position:relative;display:block;margin-top:10px;padding-top:2px;padding-right:5px;padding-bottom:2px;text-align:right;background-color:#85c33c;font-size:64px;color:#ffffff;-webkit-transition: all 0.5s ease-in-out;    -moz-transition: all 0.5s ease-in-out;    -o-transition: all 0.5s ease-in-out;    -ms-transition: all 0.5s ease-in-out;    transition: all 0.5s ease-in-out}ul#topmenu li:hover{left:0;background-color:#3477bb;color:#ffffff;-webkit-transition: all 0.5s ease-in-out;    -moz-transition: all 0.5s ease-in-out;    -o-transition: all 0.5s ease-in-out;    -ms-transition: all 0.5s ease-in-out;    transition: all 0.5s ease-in-out}.flipper{width:30.333333%;height:449px;position:relative;margin-right:1.5%;margin-left:1.5%}.flipper div.backside,.flipper div.front{width:100%;height:449px;left:0;top:0;position:absolute;overflow:hidden;border-radius:10px;-webkit-box-shadow:1px 1px 0 0 rgba(0,0,0,.2);box-shadow:1px 1px 0 0 rgba(0,0,0,.2);-webkit-transition: 0.6s ease-in-out;-moz-transition: 0.6s ease-in-out;-ms-transition: 0.6s ease-in-out;-o-transition: 0.6s ease-in-out;transition: 0.6s ease-in-out}.flipper div.backside{width:100%;height:449px;left:0;top:0;position:absolute;padding-right:1%;padding-left:1%;background-color:#85c33c;-webkit-box-shadow:1px 1px 0 0 rgba(0,0,0,.2);box-shadow:1px 1px 0 0 rgba(0,0,0,.2);-moz-backface-visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-transform: perspective(800px) rotateY(180deg);-webkit-transform: perspective(800px) rotateY(180deg);transform: perspective(800px) rotateY(180deg)}.flipper div.front{background-color:#6DA0D2;color:#ffffff;-webkit-box-shadow:1px 1px 0 0 rgba(0,0,0,.2);box-shadow:1px 1px 0 0 rgba(0,0,0,.2);-moz-backface-visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-transform: perspective(800px) rotateY(0deg);-webkit-transform: perspective(800px) rotateY(0deg);transform: perspective(800px) rotateY(0deg)}.flipper div.front span,.flipper div.front h2{padding-right:1%;padding-left:1%}.flipper:hover div.backside{-moz-transform: perspective(800px) rotateY(0);-webkit-transform: perspective(800px) rotateY(0);transform: perspective(800px) rotateY(0)}.flipper:hover div.front{-webkit-transform: perspective(800px) rotateY(-179.9deg);-moz-transform: perspective(800px) rotateY(-179.9deg);transform: perspective(800px) rotateY(-179.9deg)}