@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);*{position:relative;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;list-style:none}.component{position:relative;font-family:'Lato',Arial,sans-serif}.view_demo2{margin-top:100px;text-align:center;width:100%}.view_demo2>a{background:#08c none repeat scroll 0 0;color:#fff;padding:10px;text-decoration:none}.csstransforms .smartcmsht-wrapper{font-size:1em;width:26em;height:26em;overflow:hidden;position:fixed;z-index:10;bottom:-13em;left:50%;border-radius:50%;margin-left:-13em;-webkit-transform:scale(.1);-ms-transform:scale(.1);-moz-transform:scale(.1);transform:scale(.1);pointer-events:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.csstransforms .opened2-nav{border-radius:50%;pointer-events:auto;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.smartcmsht-overlay{width:100%;height:100%;position:fixed;top:0;left:0;bottom:0;right:0;opacity:0;visibility:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;z-index:2}.smartcmsht-overlay.on-overlay{visibility:visible;opacity:1}.smartcmsht-button{border:none;background:none;color:#ffeb3b;text-align:center;font-size:1.8em;padding-bottom:1em;height:3.5em;width:3.5em;background-color:#3886b4;position:fixed;left:50%;margin-left:-1.75em;bottom:-1.75em;border-radius:50%;cursor:pointer;z-index:11}.smartcmsht-button:hover,.smartcmsht-button:active,.smartcmsht-button:focus{color:#fefc00}.csstransforms .smartcmsht-wrapper li{position:absolute;font-size:1.5em;width:10em;height:10em;-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%;overflow:hidden;left:50%;top:50%;margin-top:-1.7em;margin-left:-10em;-webkit-transition:border .3s ease;-moz-transition:border .3s ease;transition:border .3s ease}.csstransforms .smartcmsht-wrapper li a{display:block;font-size:.8em;height:22em;width:22em;position:absolute;bottom:-7.25em;right:-5.25em;border-radius:50%;text-decoration:none;color:#fff;padding-top:12em;text-align:center;-webkit-transform:skew(-50deg) rotate(-70deg) scale(1);-ms-transform:skew(-50deg) rotate(-70deg) scale(1);-moz-transform:skew(-50deg) rotate(-70deg) scale(1);transform:skew(-50deg) rotate(-70deg) scale(1);-webkit-backface-visibility:hidden;-webkit-transition:opacity 0.3s,color 0.3s;-moz-transition:opacity 0.3s,color 0.3s;transition:opacity 0.3s,color 0.3s}.csstransforms .smartcmsht-wrapper li a span{font-size:1.1em;opacity:.7}.csstransforms .smartcmsht-wrapper li:first-child{-webkit-transform:rotate(-10deg) skew(50deg);-ms-transform:rotate(-10deg) skew(50deg);-moz-transform:rotate(-10deg) skew(50deg);transform:rotate(-10deg) skew(50deg)}.csstransforms .smartcmsht-wrapper li:nth-child(2){-webkit-transform:rotate(30deg) skew(50deg);-ms-transform:rotate(30deg) skew(50deg);-moz-transform:rotate(30deg) skew(50deg);transform:rotate(30deg) skew(50deg)}.csstransforms .smartcmsht-wrapper li:nth-child(3){-webkit-transform:rotate(70deg) skew(50deg);-ms-transform:rotate(70deg) skew(50deg);-moz-transform:rotate(70deg) skew(50deg);transform:rotate(70deg) skew(50deg)}.csstransforms .smartcmsht-wrapper li:nth-child(4){-webkit-transform:rotate(110deg) skew(50deg);-ms-transform:rotate(110deg) skew(50deg);-moz-transform:rotate(110deg) skew(50deg);transform:rotate(110deg) skew(50deg)}.csstransforms .smartcmsht-wrapper li:nth-child(5){-webkit-transform:rotate(150deg) skew(50deg);-ms-transform:rotate(150deg) skew(50deg);-moz-transform:rotate(150deg) skew(50deg);transform:rotate(150deg) skew(50deg)}.csstransforms .smartcmsht-wrapper li:nth-child(odd) a{background-color:#163648;background-color:hsla(202,53%,18%,1)}.csstransforms .smartcmsht-wrapper li:nth-child(even) a{background-color:#a61414;background-color:hsla(202,53%,46%,1)}.csstransforms .smartcmsht-wrapper li.active a{background-color:#b31515;background-color:hsla(0,88%,70%,1)}.csstransforms .smartcmsht-wrapper li:not(.active) a:hover,.csstransforms .smartcmsht-wrapper li:not(.active) a:active,.csstransforms .smartcmsht-wrapper li:not(.active) a:focus{background-color:#b31515;background-color:hsla(14,100%,57%,1)}.csstransforms .smartcmsht-wrapper li:not(.active) a:focus{position:fixed}.no-csstransforms .smartcmsht-button{display:none}.no-csstransforms .smartcmsht-wrapper li{position:static;float:left;font-size:1em;height:5em;width:5em;background-color:#eee;text-align:center;line-height:5em}.no-csstransforms .smartcmsht-wrapper li a{display:block;width:100%;height:100%;text-decoration:none;color:inherit;font-size:1.3em;border-right:1px solid #ddd}.no-csstransforms .smartcmsht-wrapper li a:last-child{border:none}.no-csstransforms .smartcmsht-wrapper li a:hover,.no-csstransforms .smartcmsht-wrapper li a:active,.no-csstransforms .smartcmsht-wrapper li a:focus{background-color:white}.no-csstransforms .smartcmsht-wrapper li.active a{background-color:#6F325C;color:#fff}.no-csstransforms .smartcmsht-wrapper{font-size:1em;height:5em;width:25.15em;bottom:0;margin-left:-12.5em;overflow:hidden;position:fixed;z-index:10;left:50%;border:1px solid #ddd}@media screen and (max-width:480px){.csstransforms .smartcmsht-wrapper{font-size:.68em}.smartcmsht-button{font-size:1em}.csstransforms .smartcmsht-wrapper li{font-size:1.52em}}@media screen and (max-width:320px){.no-csstransforms .smartcmsht-wrapper{width:15.15px;margin-left:-7.5em}.no-csstransforms .smartcmsht-wrapper li{height:3em;width:3em}}