.responsive-grid, body, .hash-tabs nav, .hash-tabs nav ul, .hash-tabs nav li a, .hash-tabs .tab-pane-container header h1, .hash-tabs .tab-pane-container header h2, .hash-tabs .tab-pane-container header h3, .hash-tabs .tab-pane-container header h4, .hash-tabs .tab-pane-container header h5, .hash-tabs .tab-pane-container header h6 { margin: 0 } .hash-tabs nav li { margin-right: 1em } .hash-tabs nav { margin: 0 1em } a, code, em { margin: 0 0.28177em } .toolbar, .box, .hash-tabs .tab-pane-container { padding: 1em } button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, textarea[type="submit"]::-moz-focus-inner, select[type="submit"]::-moz-focus-inner, .responsive-grid::-moz-focus-inner, .hash-tabs nav li a::-moz-focus-inner, input::-moz-focus-inner, textarea::-moz-focus-inner, select::-moz-focus-inner, .hash-tabs nav li a { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0 } .hash-tabs, .hash-tabs nav li { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline } .container { *zoom: 1; width: 100%; margin-left: auto; margin-right: auto; padding-left: 0%; padding-right: 0% } .container:after { content: ""; display: table; clear: both } @font-face { font-family: "icomoon"; src: url("../fonts/icomoon/icomoon.eot?-ee78jr"); src: url("../fonts/icomoon/icomoon.eot?#iefix-ee78jr") format("embedded-opentype"), url("../fonts/icomoon/icomoon.woff?-ee78jr") format("woff"), url("../fonts/icomoon/icomoon.ttf?-ee78jr") format("truetype"), url("../fonts/icomoon/icomoon.svg?-ee78jr#icomoon") format("svg"); font-weight: normal; font-style: normal } .hash-tabs nav { border: 0; background: transparent; padding: 0; width: auto } .hash-tabs nav li a { padding: 0.76923em 1em; background: rgba(245, 245, 245, 0.2); -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-bottom: 0; font-weight: 300; font-size: 1.3em; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-right: 0.76923em; border-bottom: 0; border-color: rgba(204, 204, 204, 0.5); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7 } @media screen and (min-width: 1920px) { .hash-tabs nav li a { font-size: 1.4em } } .hash-tabs nav li a.active { background: rgba(245, 245, 245, 0.2); margin-bottom: -2px; border-color: rgba(189, 189, 189, 0.5); -webkit-box-shadow: inset 0 3px #737373; -moz-box-shadow: inset 0 3px #737373; box-shadow: inset 0 3px #737373 } .hash-tabs nav li a.disabled { cursor: not-allowed } .hash-tabs .tab-pane-container { margin-top: 0 } #roll-in .hash-tabs section { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg) } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg) } } @-moz-keyframes rollIn { 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg) } 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg) } } @-opera-keyframes rollIn { 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg) } 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg) } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg) } 100% { opacity: 1; transform: translateX(0px) rotate(0deg) } } #bounce-in .hash-tabs section { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3) } 50% { opacity: 1; -webkit-transform: scale(1.05) } 70% { -webkit-transform: scale(0.9) } 100% { -webkit-transform: scale(1) } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(0.3) } 50% { opacity: 1; -moz-transform: scale(1.05) } 70% { -moz-transform: scale(0.9) } 100% { -moz-transform: scale(1) } } @-opera-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(0.3) } 50% { opacity: 1; -o-transform: scale(1.05) } 70% { -o-transform: scale(0.9) } 100% { -o-transform: scale(1) } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3) } 50% { opacity: 1; transform: scale(1.05) } 70% { transform: scale(0.9) } 100% { transform: scale(1) } } #flip-in .hash-tabs section { -webkit-animation-name: flipInX; -moz-animation-name: flipInX; -o-animation-name: flipInX; animation-name: flipInX } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-10deg) } 70% { -webkit-transform: perspective(400px) rotateX(10deg) } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1 } } @-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0 } 40% { -moz-transform: perspective(400px) rotateX(-10deg) } 70% { -moz-transform: perspective(400px) rotateX(10deg) } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1 } } @-opera-keyframes flipInX { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0 } 40% { -o-transform: perspective(400px) rotateX(-10deg) } 70% { -o-transform: perspective(400px) rotateX(10deg) } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1 } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0 } 40% { transform: perspective(400px) rotateX(-10deg) } 70% { transform: perspective(400px) rotateX(10deg) } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1 } } #light-speed-in .hash-tabs section { -webkit-animation-name: lightSpeedIn; -moz-animation-name: lightSpeedIn; -o-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1 } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1 } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1 } } @-moz-keyframes lightSpeedIn { 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0 } 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1 } 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1 } 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1 } } @-opera-keyframes lightSpeedIn { 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0 } 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1 } 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1 } 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1 } } @keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0 } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1 } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1 } 100% { transform: translateX(0%) skewX(0deg); opacity: 1 } } #rotate-in .hash-tabs section { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0 } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1 } } @-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0 } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1 } } @-opera-keyframes rotateIn { 0% { -o-transform-origin: center center; -o-transform: rotate(-200deg); opacity: 0 } 100% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1 } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0 } 100% { transform-origin: center center; transform: rotate(0); opacity: 1 } } #blur-in .hash-tabs section { -webkit-animation-name: blurIn; -moz-animation-name: blurIn; -o-animation-name: blurIn; animation-name: blurIn; -webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; -o-animation-duration: 1.5s; animation-duration: 1.5s } @-webkit-keyframes blurIn { from { -webkit-filter: blur(3px) opacity(0) } to { -webkit-filter: blur(0px) opacity(1) } } @-moz-keyframes blurIn { from { -moz-filter: blur(3px) opacity(0) } to { -moz-filter: blur(0px) opacity(1) } } @-opera-keyframes blurIn { from { -o-filter: blur(3px) opacity(0) } to { -o-filter: blur(0px) opacity(1) } } @keyframes blurIn { from { filter: blur(3px) opacity(0) } to { filter: blur(0px) opacity(1) } }