﻿.hm-logo-anim{height:111px;position:relative;width:268px;float:left}.flip-container{-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000}.hm-logo-anim .logo{width:100%}.hm-logo-anim .logo img{margin-top:7px}.hm-logo-anim figcaption{position:relative;top:73px;text-align:center}.logo-front,.logo-back{-webkit-animation-duration:20s;-moz-animation-duration:20s;-ms-animation-duration:20s;animation-duration:20s;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-timing-function:ease;-ms-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards}.logo-front{-webkit-animation-name:cardFlipFront;-moz-animation-name:cardFlipFront;-ms-animation-name:cardFlipFront;animation-name:cardFlipFront}.logo-back{-webkit-animation-name:cardFlipBack;-moz-animation-name:cardFlipBack;-ms-animation-name:cardFlipBack;animation-name:cardFlipBack}@keyframes cardFlipFront{0%{-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);transform:rotateX(0deg)}22.5%{-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);transform:rotateX(0deg)}27.5%{-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);transform:rotateX(180deg)}72.5%{-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);transform:rotateX(180deg)}77.5%{-moz-transform:rotateX(0deg);-o-transform:rotateX(0deg);-ms-transform:rotateX(0deg);transform:rotateX(0deg)}100%{-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);transform:rotateX(0deg)}}@-webkit-keyframes cardFlipFront{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}22.5%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}27.5%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}72.5%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}77.5%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}@keyframes cardFlipBack{0%{-moz-transform:rotateX(-180deg);-ms-transform:rotateX(-180deg);transform:rotateX(-180deg)}22.5%{-moz-transform:rotateX(-180deg);-ms-transform:rotateX(-180deg);transform:rotateX(-180deg)}27.5%{-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);transform:rotateX(0deg)}72.5%{-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);transform:rotateX(0deg)}77.5%{-moz-transform:rotateX(-180deg);-ms-transform:rotateX(-180deg);transform:rotateX(-180deg)}100%{-moz-transform:rotateX(-180deg);-ms-transform:rotateX(-180deg);transform:rotateX(-180deg)}}@-webkit-keyframes cardFlipBack{0%{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}22.5%{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}27.5%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}72.5%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}77.5%{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}100%{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}}.logo-front,.logo-back{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.logo-front{z-index:2}.logo-front .logo{margin-right:9px}.logo-back{-webkit-transform:rotateX(-180deg);-moz-transform:rotateX(-180deg);-ms-transform:rotateX(-180deg);transform:rotateX(-180deg)}