@charset "UTF-8";
    @font-face {
font-family: 'UniversLTStd-CnObl';
src: url(//www.aerohive.com/wp-content/themes/aerohive/fonts/34DB22_0_0.eot);
src: url(//www.aerohive.com/wp-content/themes/aerohive/fonts/34DB22_0_0.eot?#iefix) format("embedded-opentype"), url(//www.aerohive.com/wp-content/themes/aerohive/fonts/34DB22_0_0.woff2) format("woff2"), url(//www.aerohive.com/wp-content/themes/aerohive/fonts/34DB22_0_0.woff) format("woff"), url(//www.aerohive.com/wp-content/themes/aerohive/fonts/34DB22_0_0.ttf) format("truetype"); }
@font-face {
font-family: 'UniversLTStd-BoldCnObl';
src: url(//www.aerohive.com/wp-content/themes/aerohive/fonts/34DB22_1_0.eot);
src: url(//www.aerohive.com/wp-content/themes/aerohive/fonts/34DB22_1_0.eot?#iefix) format("embedded-opentype"), url(//www.aerohive.com/wp-content/themes/aerohive/fonts/34DB22_1_0.woff2) format("woff2"), url(//www.aerohive.com/wp-content/themes/aerohive/fonts/34DB22_1_0.woff) format("woff"), url(//www.aerohive.com/wp-content/themes/aerohive/fonts/34DB22_1_0.ttf) format("truetype"); }
@font-face {
font-family: 'UniversLTStd-LightCnObl';
src: url(//www.aerohive.com/wp-content/themes/aerohive/fonts/34DB22_3_0.eot);
src: url(//www.aerohive.com/wp-content/themes/aerohive/fonts/34DB22_3_0.eot?#iefix) format("embedded-opentype"), url(//www.aerohive.com/wp-content/themes/aerohive/fonts/34DB22_3_0.woff2) format("woff2"), url(//www.aerohive.com/wp-content/themes/aerohive/fonts/34DB22_3_0.woff) format("woff"), url(//www.aerohive.com/wp-content/themes/aerohive/fonts/34DB22_3_0.ttf) format("truetype"); }
@font-face {
font-family: 'UniversLTStd-LightCn';
src: url(//www.aerohive.com/wp-content/themes/aerohive/fonts/34DB22_2_0.eot);
src: url(//www.aerohive.com/wp-content/themes/aerohive/fonts/34DB22_2_0.eot?#iefix) format("embedded-opentype"), url(//www.aerohive.com/wp-content/themes/aerohive/fonts/34DB22_2_0.woff2) format("woff2"), url(//www.aerohive.com/wp-content/themes/aerohive/fonts/34DB22_2_0.woff) format("woff"), url(//www.aerohive.com/wp-content/themes/aerohive/fonts/34DB22_2_0.ttf) format("truetype"); }
@font-face {
font-family: 'UniversLT-Condensed';
src: url(//www.aerohive.com/wp-content/themes/aerohive/fonts/34DB22_4_0.eot);
src: url(//www.aerohive.com/wp-content/themes/aerohive/fonts/34DB22_4_0.eot?#iefix) format("embedded-opentype"), url(//www.aerohive.com/wp-content/themes/aerohive/fonts/34DB22_4_0.woff2) format("woff2"), url(//www.aerohive.com/wp-content/themes/aerohive/fonts/34DB22_4_0.woff) format("woff"), url(//www.aerohive.com/wp-content/themes/aerohive/fonts/34DB22_4_0.ttf) format("truetype"); }
@font-face {
font-family: 'UniversLT-CondensedBold';
src: url(//www.aerohive.com/wp-content/themes/aerohive/fonts/34DB22_5_0.eot);
src: url(//www.aerohive.com/wp-content/themes/aerohive/fonts/34DB22_5_0.eot?#iefix) format("embedded-opentype"), url(//www.aerohive.com/wp-content/themes/aerohive/fonts/34DB22_5_0.woff2) format("woff2"), url(//www.aerohive.com/wp-content/themes/aerohive/fonts/34DB22_5_0.woff) format("woff"), url(//www.aerohive.com/wp-content/themes/aerohive/fonts/34DB22_5_0.ttf) format("truetype"); }    html {
line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }  body {
margin: 0; } article,
aside,
footer,
header,
nav,
section {
display: block; } h1 {
font-size: 2em;
margin: 0.67em 0; }  figcaption,
figure,
main { display: block; } figure {
margin: 1em 40px; } hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent; -webkit-text-decoration-skip: objects; } abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: inherit; } b,
strong {
font-weight: bolder; } code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } dfn {
font-style: italic; } mark {
background-color: #ff0;
color: #000; } small {
font-size: 80%; } sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }  audio,
video {
display: inline-block; } audio:not([controls]) {
display: none;
height: 0; } img {
border-style: none; } svg:not(:root) {
overflow: hidden; }  button,
input,
optgroup,
select,
textarea {
font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible; } button,
select { text-transform: none; } button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; } button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; } button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; } fieldset {
padding: 0.35em 0.75em 0.625em; } legend {
-webkit-box-sizing: border-box;
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
display: inline-block; vertical-align: baseline; } textarea {
overflow: auto; } [type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; } [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details,
menu {
display: block; } summary {
display: list-item; }  canvas {
display: inline-block; } template {
display: none; }  [hidden] {
display: none; }
*, *:before, *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box; }   .wrapper {
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 1200px;
margin: 0 auto;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out; }
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px; }
.row {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-moz-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.no-gutters {
margin-left: 0;
margin-right: 0; }
.row.reverse {
-webkit-box-direction: reverse;
-webkit-box-orient: horizontal;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.col.reverse {
-webkit-box-direction: reverse;
-webkit-box-orient: vertical;
-moz-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; }
.col-xs {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: auto;
flex-basis: auto; }
.col-xs-1 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%; }
.col-xs-2 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%; }
.col-xs-3 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%; }
.col-xs-4 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%; }
.col-xs-5 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%; }
.col-xs-6 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%; }
.col-xs-7 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%; }
.col-xs-8 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%; }
.col-xs-9 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%; }
.col-xs-10 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%; }
.col-xs-11 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%; }
.col-xs-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%; }
.col-xs-offset-0 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 0; }
.col-xs-offset-1 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 8.33333%; }
.col-xs-offset-2 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 16.66667%; }
.col-xs-offset-3 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 25%; }
.col-xs-offset-4 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 33.33333%; }
.col-xs-offset-5 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 41.66667%; }
.col-xs-offset-6 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 50%; }
.col-xs-offset-7 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 58.33333%; }
.col-xs-offset-8 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 66.66667%; }
.col-xs-offset-9 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 75%; }
.col-xs-offset-10 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 83.33333%; }
.col-xs-offset-11 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 91.66667%; }
.col-xs-offset-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 100%; }
.col-xs {
-webkit-box-flex: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%; }
.start-xs {
-webkit-box-pack: start;
-ms-flex-pack: start;
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: left; }
.center-xs {
-webkit-box-pack: center;
-ms-flex-pack: center;
-moz-justify-content: center;
justify-content: center;
text-align: center; }
.end-xs {
-webkit-box-pack: end;
-ms-flex-pack: end;
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right; }
.top-xs {
-webkit-box-align: start;
-ms-flex-align: start;
-moz-align-items: flex-start;
align-items: flex-start; }
.middle-xs {
-webkit-box-align: center;
-ms-flex-align: center;
-moz-align-items: center;
align-items: center; }
.bottom-xs {
-webkit-box-align: end;
-ms-flex-align: end;
-moz-align-items: flex-end;
align-items: flex-end; }
.around-xs {
-ms-flex-pack: distribute;
-moz-justify-content: space-around;
justify-content: space-around; }
.between-xs {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-moz-justify-content: space-between;
justify-content: space-between; }
.first-xs {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.last-xs {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
@media only screen and (min-width: 40em) {
.wrapper {
width: 38rem; }
.col-xsm {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: auto;
flex-basis: auto; }
.col-xsm-1 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%; }
.col-xsm-2 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%; }
.col-xsm-3 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%; }
.col-xsm-4 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%; }
.col-xsm-5 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%; }
.col-xsm-6 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%; }
.col-xsm-7 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%; }
.col-xsm-8 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%; }
.col-xsm-9 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%; }
.col-xsm-10 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%; }
.col-xsm-11 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%; }
.col-xsm-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%; }
.col-xsm-offset-0 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 0; }
.col-xsm-offset-1 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 8.33333%; }
.col-xsm-offset-2 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 16.66667%; }
.col-xsm-offset-3 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 25%; }
.col-xsm-offset-4 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 33.33333%; }
.col-xsm-offset-5 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 41.66667%; }
.col-xsm-offset-6 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 50%; }
.col-xsm-offset-7 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 58.33333%; }
.col-xsm-offset-8 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 66.66667%; }
.col-xsm-offset-9 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 75%; }
.col-xsm-offset-10 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 83.33333%; }
.col-xsm-offset-11 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 91.66667%; }
.col-xsm-offset-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 100%; }
.col-xsm {
-webkit-box-flex: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%; }
.start-xsm {
-webkit-box-pack: start;
-ms-flex-pack: start;
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: left; }
.center-xsm {
-webkit-box-pack: center;
-ms-flex-pack: center;
-moz-justify-content: center;
justify-content: center;
text-align: center; }
.end-xsm {
-webkit-box-pack: end;
-ms-flex-pack: end;
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right; }
.top-xsm {
-webkit-box-align: start;
-ms-flex-align: start;
-moz-align-items: flex-start;
align-items: flex-start; }
.middle-xsm {
-webkit-box-align: center;
-ms-flex-align: center;
-moz-align-items: center;
align-items: center; }
.bottom-xsm {
-webkit-box-align: end;
-ms-flex-align: end;
-moz-align-items: flex-end;
align-items: flex-end; }
.around-xsm {
-ms-flex-pack: distribute;
-moz-justify-content: space-around;
justify-content: space-around; }
.between-xsm {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-moz-justify-content: space-between;
justify-content: space-between; }
.first-xsm {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.last-xsm {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.hidden-above-xsm {
display: none; } }
@media only screen and (min-width: 48em) {
.wrapper {
width: 46rem; }
.col-sm {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: auto;
flex-basis: auto; }
.col-sm-1 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%; }
.col-sm-2 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%; }
.col-sm-3 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%; }
.col-sm-4 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%; }
.col-sm-5 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%; }
.col-sm-6 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%; }
.col-sm-7 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%; }
.col-sm-8 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%; }
.col-sm-9 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%; }
.col-sm-10 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%; }
.col-sm-11 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%; }
.col-sm-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%; }
.col-sm-offset-0 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 0; }
.col-sm-offset-1 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 8.33333%; }
.col-sm-offset-2 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 16.66667%; }
.col-sm-offset-3 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 25%; }
.col-sm-offset-4 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 33.33333%; }
.col-sm-offset-5 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 41.66667%; }
.col-sm-offset-6 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 50%; }
.col-sm-offset-7 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 58.33333%; }
.col-sm-offset-8 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 66.66667%; }
.col-sm-offset-9 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 75%; }
.col-sm-offset-10 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 83.33333%; }
.col-sm-offset-11 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 91.66667%; }
.col-sm-offset-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 100%; }
.col-sm {
-webkit-box-flex: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%; }
.start-sm {
-webkit-box-pack: start;
-ms-flex-pack: start;
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: left; }
.center-sm {
-webkit-box-pack: center;
-ms-flex-pack: center;
-moz-justify-content: center;
justify-content: center;
text-align: center; }
.end-sm {
-webkit-box-pack: end;
-ms-flex-pack: end;
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right; }
.top-sm {
-webkit-box-align: start;
-ms-flex-align: start;
-moz-align-items: flex-start;
align-items: flex-start; }
.middle-sm {
-webkit-box-align: center;
-ms-flex-align: center;
-moz-align-items: center;
align-items: center; }
.bottom-sm {
-webkit-box-align: end;
-ms-flex-align: end;
-moz-align-items: flex-end;
align-items: flex-end; }
.around-sm {
-ms-flex-pack: distribute;
-moz-justify-content: space-around;
justify-content: space-around; }
.between-sm {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-moz-justify-content: space-between;
justify-content: space-between; }
.first-sm {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.last-sm {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.hidden-above-sm {
display: none; } }
@media only screen and (min-width: 62em) {
.wrapper {
width: 61rem; }
.col-md {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: auto;
flex-basis: auto; }
.col-md-1 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%; }
.col-md-2 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%; }
.col-md-3 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%; }
.col-md-4 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%; }
.col-md-5 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%; }
.col-md-6 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%; }
.col-md-7 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%; }
.col-md-8 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%; }
.col-md-9 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%; }
.col-md-10 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%; }
.col-md-11 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%; }
.col-md-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%; }
.col-md-offset-0 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 0; }
.col-md-offset-1 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 8.33333%; }
.col-md-offset-2 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 16.66667%; }
.col-md-offset-3 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 25%; }
.col-md-offset-4 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 33.33333%; }
.col-md-offset-5 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 41.66667%; }
.col-md-offset-6 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 50%; }
.col-md-offset-7 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 58.33333%; }
.col-md-offset-8 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 66.66667%; }
.col-md-offset-9 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 75%; }
.col-md-offset-10 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 83.33333%; }
.col-md-offset-11 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 91.66667%; }
.col-md-offset-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 100%; }
.col-md {
-webkit-box-flex: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%; }
.start-md {
-webkit-box-pack: start;
-ms-flex-pack: start;
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: left; }
.center-md {
-webkit-box-pack: center;
-ms-flex-pack: center;
-moz-justify-content: center;
justify-content: center;
text-align: center; }
.end-md {
-webkit-box-pack: end;
-ms-flex-pack: end;
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right; }
.top-md {
-webkit-box-align: start;
-ms-flex-align: start;
-moz-align-items: flex-start;
align-items: flex-start; }
.middle-md {
-webkit-box-align: center;
-ms-flex-align: center;
-moz-align-items: center;
align-items: center; }
.bottom-md {
-webkit-box-align: end;
-ms-flex-align: end;
-moz-align-items: flex-end;
align-items: flex-end; }
.around-md {
-ms-flex-pack: distribute;
-moz-justify-content: space-around;
justify-content: space-around; }
.between-md {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-moz-justify-content: space-between;
justify-content: space-between; }
.first-md {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.last-md {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.hidden-above-md {
display: none; } }
@media only screen and (min-width: 75em) {
.wrapper {
width: 71rem; }
.col-lg {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: auto;
flex-basis: auto; }
.col-lg-1 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%; }
.col-lg-2 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%; }
.col-lg-3 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%; }
.col-lg-4 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%; }
.col-lg-5 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%; }
.col-lg-6 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%; }
.col-lg-7 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%; }
.col-lg-8 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%; }
.col-lg-9 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%; }
.col-lg-10 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%; }
.col-lg-11 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%; }
.col-lg-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%; }
.col-lg-offset-0 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 0; }
.col-lg-offset-1 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 8.33333%; }
.col-lg-offset-2 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 16.66667%; }
.col-lg-offset-3 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 25%; }
.col-lg-offset-4 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 33.33333%; }
.col-lg-offset-5 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 41.66667%; }
.col-lg-offset-6 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 50%; }
.col-lg-offset-7 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 58.33333%; }
.col-lg-offset-8 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 66.66667%; }
.col-lg-offset-9 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 75%; }
.col-lg-offset-10 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 83.33333%; }
.col-lg-offset-11 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 91.66667%; }
.col-lg-offset-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 7.5px;
padding-left: 7.5px;
margin-left: 100%; }
.col-lg {
-webkit-box-flex: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%; }
.start-lg {
-webkit-box-pack: start;
-ms-flex-pack: start;
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: left; }
.center-lg {
-webkit-box-pack: center;
-ms-flex-pack: center;
-moz-justify-content: center;
justify-content: center;
text-align: center; }
.end-lg {
-webkit-box-pack: end;
-ms-flex-pack: end;
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right; }
.top-lg {
-webkit-box-align: start;
-ms-flex-align: start;
-moz-align-items: flex-start;
align-items: flex-start; }
.middle-lg {
-webkit-box-align: center;
-ms-flex-align: center;
-moz-align-items: center;
align-items: center; }
.bottom-lg {
-webkit-box-align: end;
-ms-flex-align: end;
-moz-align-items: flex-end;
align-items: flex-end; }
.around-lg {
-ms-flex-pack: distribute;
-moz-justify-content: space-around;
justify-content: space-around; }
.between-lg {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-moz-justify-content: space-between;
justify-content: space-between; }
.first-lg {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.last-lg {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.hidden-above-lg {
display: none; } }
@media only screen and (max-width: 40em) {
.hidden-below-xsm {
display: none; } }
@media only screen and (max-width: 48em) {
.hidden-below-sm {
display: none; } }
@media only screen and (max-width: 62em) {
.hidden-below-md {
display: none; } }
@media only screen and (max-width: 75em) {
.hidden-below-lg {
display: none; } }
.grid-overlay {
position: fixed;
background: none;
left: 0;
right: 0;
z-index: 9999;
height: 100%;
display: none; }
.grid-overlay .wrapper {
height: 100%; }
.grid-overlay .wrapper .row {
height: 100%; }
.grid-overlay [class*="col-"] {
background: rgba(205, 92, 92, 0.2);
border: 1px solid rgba(205, 92, 92, 0.4);
height: 100%; }
.grid-overlay [class*="col-lt"] {
background: rgba(255, 105, 180, 0.7);
border: 1px solid rgba(205, 92, 92, 0.4);
height: 100%; } div#BG01 {
width: 100vW;
height: 600px; }
div#heroLedeWrap {
width: 960px;
height: auto;
position: relative;
display: block;
position: relative;
margin: 0 auto; }
div.lede {
width: 100%;
height: auto;
position: relative;
display: block; }
div#blurContainer {
width: 100%;
height: 96px;
position: relative;
display: block;
overflow: hidden; }
div#blurWrap {
width: 100%;
height: 96px;
display: block;
top: 0px;
left: 0;
position: absolute;
-webkit-animation: cycleThrough 14s cubic-bezier(0.77, 0, 0.175, 1) 0s infinite normal;
animation: cycleThrough 14s cubic-bezier(0.77, 0, 0.175, 1) 0s infinite normal;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
@-webkit-keyframes cycleThrough {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px); }
7% {
-webkit-transform: translateY(0px);
transform: translateY(0px); }
14% {
-webkit-transform: translateY(-96px);
transform: translateY(-96px); }
21% {
-webkit-transform: translateY(-96px);
transform: translateY(-96px); }
28% {
-webkit-transform: translateY(-192px);
transform: translateY(-192px); }
35% {
-webkit-transform: translateY(-192px);
transform: translateY(-192px); }
42% {
-webkit-transform: translateY(-288px);
transform: translateY(-288px); }
49% {
-webkit-transform: translateY(-288px);
transform: translateY(-288px); }
56% {
-webkit-transform: translateY(-384px);
transform: translateY(-384px); }
63% {
-webkit-transform: translateY(-384px);
transform: translateY(-384px); }
70% {
-webkit-transform: translateY(-480px);
transform: translateY(-480px); }
77% {
-webkit-transform: translateY(-480px);
transform: translateY(-480px); }
84% {
-webkit-transform: translateY(-576px);
transform: translateY(-576px); }
91% {
-webkit-transform: translateY(-576px);
transform: translateY(-576px); }
100% {
-webkit-transform: translateY(-672px);
transform: translateY(-672px); } }
@keyframes cycleThrough {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px); }
7% {
-webkit-transform: translateY(0px);
transform: translateY(0px); }
14% {
-webkit-transform: translateY(-96px);
transform: translateY(-96px); }
21% {
-webkit-transform: translateY(-96px);
transform: translateY(-96px); }
28% {
-webkit-transform: translateY(-192px);
transform: translateY(-192px); }
35% {
-webkit-transform: translateY(-192px);
transform: translateY(-192px); }
42% {
-webkit-transform: translateY(-288px);
transform: translateY(-288px); }
49% {
-webkit-transform: translateY(-288px);
transform: translateY(-288px); }
56% {
-webkit-transform: translateY(-384px);
transform: translateY(-384px); }
63% {
-webkit-transform: translateY(-384px);
transform: translateY(-384px); }
70% {
-webkit-transform: translateY(-480px);
transform: translateY(-480px); }
77% {
-webkit-transform: translateY(-480px);
transform: translateY(-480px); }
84% {
-webkit-transform: translateY(-576px);
transform: translateY(-576px); }
91% {
-webkit-transform: translateY(-576px);
transform: translateY(-576px); }
100% {
-webkit-transform: translateY(-672px);
transform: translateY(-672px); } }
div#blurWrap > ul {
list-style-type: none;
list-style-position: outside;
margin: 0;
padding: 0;
position: relative; }
div#blurWrap ul li,
div.lede {
font-family: 'Quicksand', sans-serif;
color: #000000;
text-align: center;
font-size: 36px;
font-weight: 200;
text-transform: uppercase; }
div#blurWrap ul li {
height: 96px;
width: 100%;
position: relative;
display: block; }
div#blurWrap ul li p {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0;
padding: 0; }
@media only screen and (max-width: 639px) {
div#heroLedeWrap {
width: 100%; }
div#blurContainer,
div#blurWrap {
height: 48px; }
div#blurWrap ul li,
div.lede {
font-size: 16px; }
div#blurWrap ul li {
height: 48px; }
@keyframes cycleThrough {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px); }
7% {
-webkit-transform: translateY(0px);
transform: translateY(0px); }
14% {
-webkit-transform: translateY(-48px);
transform: translateY(-48px); }
21% {
-webkit-transform: translateY(-48px);
transform: translateY(-48px); }
28% {
-webkit-transform: translateY(-96px);
transform: translateY(-96px); }
35% {
-webkit-transform: translateY(-96px);
transform: translateY(-96px); }
42% {
-webkit-transform: translateY(-144px);
transform: translateY(-144px); }
49% {
-webkit-transform: translateY(-144px);
transform: translateY(-144px); }
56% {
-webkit-transform: translateY(-192px);
transform: translateY(-192px); }
63% {
-webkit-transform: translateY(-192px);
transform: translateY(-192px); }
70% {
-webkit-transform: translateY(-240px);
transform: translateY(-240px); }
77% {
-webkit-transform: translateY(-240px);
transform: translateY(-240px); }
84% {
-webkit-transform: translateY(-288px);
transform: translateY(-288px); }
91% {
-webkit-transform: translateY(-288px);
transform: translateY(-288px); }
100% {
-webkit-transform: translateY(-336px);
transform: translateY(-336px); } }
@-webkit-keyframes cycleThrough {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px); }
7% {
-webkit-transform: translateY(0px);
transform: translateY(0px); }
14% {
-webkit-transform: translateY(-48px);
transform: translateY(-48px); }
21% {
-webkit-transform: translateY(-48px);
transform: translateY(-48px); }
28% {
-webkit-transform: translateY(-96px);
transform: translateY(-96px); }
35% {
-webkit-transform: translateY(-96px);
transform: translateY(-96px); }
42% {
-webkit-transform: translateY(-144px);
transform: translateY(-144px); }
49% {
-webkit-transform: translateY(-144px);
transform: translateY(-144px); }
56% {
-webkit-transform: translateY(-192px);
transform: translateY(-192px); }
63% {
-webkit-transform: translateY(-192px);
transform: translateY(-192px); }
70% {
-webkit-transform: translateY(-240px);
transform: translateY(-240px); }
77% {
-webkit-transform: translateY(-240px);
transform: translateY(-240px); }
84% {
-webkit-transform: translateY(-288px);
transform: translateY(-288px); }
91% {
-webkit-transform: translateY(-288px);
transform: translateY(-288px); }
100% {
-webkit-transform: translateY(-336px);
transform: translateY(-336px); } }
div#blurContainer {
-webkit-mask: none;
mask: none;
-webkit-mask-image: none;
mask-image: none; } }
@media only screen and (min-width: 640px) and (max-width: 992px) {
div#heroLedeWrap {
width: 100%; }
div#blurContainer,
div#blurWrap {
height: 72px; }
div#blurWrap ul li,
div.lede {
font-size: 24px; }
div#blurWrap ul li {
height: 72px; }
@keyframes cycleThrough {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px); }
7% {
-webkit-transform: translateY(0px);
transform: translateY(0px); }
14% {
-webkit-transform: translateY(-72px);
transform: translateY(-72px); }
21% {
-webkit-transform: translateY(-72px);
transform: translateY(-72px); }
28% {
-webkit-transform: translateY(-144px);
transform: translateY(-144px); }
35% {
-webkit-transform: translateY(-144px);
transform: translateY(-144px); }
42% {
-webkit-transform: translateY(-216px);
transform: translateY(-216px); }
49% {
-webkit-transform: translateY(-216px);
transform: translateY(-216px); }
56% {
-webkit-transform: translateY(-288px);
transform: translateY(-288px); }
63% {
-webkit-transform: translateY(-288px);
transform: translateY(-288px); }
70% {
-webkit-transform: translateY(-360px);
transform: translateY(-360px); }
77% {
-webkit-transform: translateY(-360px);
transform: translateY(-360px); }
84% {
-webkit-transform: translateY(-432px);
transform: translateY(-432px); }
91% {
-webkit-transform: translateY(-432px);
transform: translateY(-432px); }
100% {
-webkit-transform: translateY(-504px);
transform: translateY(-504px); } }
@-webkit-keyframes cycleThrough {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px); }
7% {
-webkit-transform: translateY(0px);
transform: translateY(0px); }
14% {
-webkit-transform: translateY(-72px);
transform: translateY(-72px); }
21% {
-webkit-transform: translateY(-72px);
transform: translateY(-72px); }
28% {
-webkit-transform: translateY(-144px);
transform: translateY(-144px); }
35% {
-webkit-transform: translateY(-144px);
transform: translateY(-144px); }
42% {
-webkit-transform: translateY(-216px);
transform: translateY(-216px); }
49% {
-webkit-transform: translateY(-216px);
transform: translateY(-216px); }
56% {
-webkit-transform: translateY(-288px);
transform: translateY(-288px); }
63% {
-webkit-transform: translateY(-288px);
transform: translateY(-288px); }
70% {
-webkit-transform: translateY(-360px);
transform: translateY(-360px); }
77% {
-webkit-transform: translateY(-360px);
transform: translateY(-360px); }
84% {
-webkit-transform: translateY(-432px);
transform: translateY(-432px); }
91% {
-webkit-transform: translateY(-432px);
transform: translateY(-432px); }
100% {
-webkit-transform: translateY(-504px);
transform: translateY(-504px); } }
div#blurContainer {
-webkit-mask: none;
mask: none;
-webkit-mask-image: none;
mask-image: none; } }
nav.mobile-btn {
float: right;
width: 42px;
height: 65px;
padding: 23px 5px; }
nav.mobile-btn #nav-icon3 {
width: 30px;
height: 19px;
position: relative; -webkit-transform: rotate(0); transform: rotate(0);
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
cursor: pointer; }
nav.mobile-btn #nav-icon3 span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #000;
opacity: 1;
left: 0; -webkit-transform: rotate(0); transform: rotate(0);
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out; }
nav.mobile-btn #nav-icon3 span:nth-child(1) {
top: 0; }
nav.mobile-btn #nav-icon3 span:nth-child(2), nav.mobile-btn #nav-icon3 span:nth-child(3) {
top: 8px; }
nav.mobile-btn #nav-icon3 span:nth-child(4) {
top: 16px; }
nav.mobile-btn #nav-icon3.open span:nth-child(1) {
top: 8px;
width: 0%;
left: 50%; }
nav.mobile-btn #nav-icon3.open span:nth-child(2) { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
nav.mobile-btn #nav-icon3.open span:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
nav.mobile-btn #nav-icon3.open span:nth-child(4) {
bottom: 8px;
width: 0%;
left: 50%; }
#light header nav.mobile-btn #nav-icon3 span {
background: #FFF; }
#light header.locked nav.mobile-btn #nav-icon3 span {
background: #000; }   .pushy {
position: fixed;
width: 240px;
height: 100%;
top: 0;
z-index: 999;
background: white;
padding-bottom: 100px;
overflow: auto;
-webkit-overflow-scrolling: touch; border-left: 1px solid #e5e5e5;
padding-top: 10px; }
.pushy ul {
margin: 0;
padding: 0;
list-style: none; }
.pushy ul li:first-child {
border-top: 0; }
.pushy ul li a {
display: block;
color: #000;
padding: 10px 15px;
text-transform: uppercase;
text-decoration: none;
font-size: 14px;
font-size: 0.875rem; }
.pushy ul li ul {
margin-left: 15px; }
.pushy ul li ul li a {
text-transform: none; }
.pushy a:hover {
color: #0770FF;
text-decoration: none; }
.pushy a.btn {
width: 100%; }
.pushy.pushy-left {
left: 0; }
.pushy.pushy-right {
right: 0; }
.pushy-content {
visibility: hidden; }
.pushy-content .mobile-cta {
border-top: 1px solid #9D9D9D;
padding: 20px 10px;
margin-top: 5px; } .pushy-left {
-webkit-transform: translate3d(-240px, 0, 0);
transform: translate3d(-240px, 0, 0); }
.pushy-open-left #container,
.pushy-open-left .push {
-webkit-transform: translate3d(240px, 0, 0);
transform: translate3d(240px, 0, 0); }
.pushy-right {
-webkit-transform: translate3d(240px, 0, 0);
transform: translate3d(240px, 0, 0); }
.pushy-open-right #container,
.pushy-open-right .push {
-webkit-transform: translate3d(-240px, 0, 0);
transform: translate3d(-240px, 0, 0); }
.pushy-open-left .pushy,
.pushy-open-right .pushy {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.pushy-open-left .pushy-content,
.pushy-open-right .pushy-content {
visibility: visible; } #container,
.pushy,
.push {
-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
transition: -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99), -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); }
.pushy-content {
-webkit-transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); } .site-overlay {
display: none; }
.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
display: block;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 998;
background-color: rgba(0, 0, 0, 0.5);
-webkit-animation: fade 500ms;
animation: fade 500ms; }
@keyframes fade {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fade {
0% {
opacity: 0; }
100% {
opacity: 1; } } .pushy-submenu {  }
.pushy-submenu ul {
padding-left: 15px;
-webkit-transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out;
transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out; }
.pushy-submenu ul .pushy-link {
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out; }
.pushy-submenu button {
width: 100%;
color: #b3b3b1;
padding: 15px 30px;
text-align: left;
background: transparent;
border: 0; }
.pushy-submenu button:hover {
color: #FFF; }
.pushy-submenu > a,
.pushy-submenu > button {
position: relative; }
.pushy-submenu > a::after,
.pushy-submenu > button::after {
content: '';
display: block;
height: 11px;
width: 8px;
position: absolute;
top: 50%;
right: 15px;
background: url(//www.aerohive.com/wp-content/themes/img/arrow.svg) no-repeat;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: -webkit-transform 0.2s;
transition: -webkit-transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s; } .pushy-submenu-closed ul {
max-height: 0;
overflow: hidden;
visibility: hidden; }
.pushy-submenu-closed .pushy-link {
opacity: 0; }
.pushy-submenu-open { }
.pushy-submenu-open ul {
max-height: 1000px;
visibility: visible; }
.pushy-submenu-open .pushy-link {
opacity: 1; }
.pushy-submenu-open a::after,
.pushy-submenu-open button::after {
-webkit-transform: translateY(-50%) rotate(90deg);
transform: translateY(-50%) rotate(90deg); } .slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
left: 0;
top: 0;
display: block; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }
[dir="rtl"] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.slick-arrow.slick-hidden {
display: none; }
.slick-dots {
position: absolute;
bottom: 0;
z-index: 10;
width: 100%;
text-align: center;
margin: 0 0 15px 0;
padding: 0; }
.slick-dots li {
display: inline-block;
font-size: 0;
border-radius: 50%;
overflow: hidden;
width: 15px;
height: 15px;
margin: 0 3px; }
.slick-dots li button {
width: inherit;
height: inherit;
border: 0;
background: rgba(255, 255, 255, 0.5); }
.slick-dots li.slick-active button {
background: white; } .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none;
-ms-touch-action: manipulation;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 40px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active, .mfp-close.nice-select.open {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #FFF; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active, .mfp-arrow.nice-select.open {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } } .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
@-webkit-keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0); }
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0); } }
@keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0); }
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0); } }
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom; }
@-webkit-keyframes flash {
from,
50%,
to {
opacity: 1; }
25%,
75% {
opacity: 0; } }
@keyframes flash {
from,
50%,
to {
opacity: 1; }
25%,
75% {
opacity: 0; } }
.flash {
-webkit-animation-name: flash;
animation-name: flash; } @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse; }
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); }
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); }
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); }
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); }
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); }
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); }
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand; }
@-webkit-keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); } }
@keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); } }
.shake {
-webkit-animation-name: shake;
animation-name: shake; }
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg); }
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg); }
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg); }
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg); }
50% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg); }
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg); }
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg); }
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg); }
50% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake; }
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg); }
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg); }
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg); }
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg); }
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg); }
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg); }
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg); }
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg); }
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg); } }
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing; }
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.tada {
-webkit-animation-name: tada;
animation-name: tada; } @-webkit-keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble; }
@-webkit-keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
-webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
transform: skewX(0.39062deg) skewY(0.39062deg); }
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
@keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
-webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
transform: skewX(0.39062deg) skewY(0.39062deg); }
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center; }
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn; }
@-webkit-keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); }
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); }
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown; }
@-webkit-keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0); }
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0); }
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft; }
@-webkit-keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0); }
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); }
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0); }
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); }
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight; }
@-webkit-keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp; }
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceOut;
animation-name: bounceOut; }
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown; }
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft; }
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight; }
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp; }
@-webkit-keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn; }
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown; }
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig; }
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig; }
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight; }
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig; }
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp; }
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig; }
@-webkit-keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
@keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut; }
@-webkit-keyframes fadeOutDown {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown; }
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig; }
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft; }
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig; }
@-webkit-keyframes fadeOutRight {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight; }
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig; }
@-webkit-keyframes fadeOutUp {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp; }
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig; }
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip; }
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX; }
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY; }
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
.flipOutX {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important; }
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
.flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY; }
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1; }
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } }
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1; }
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } }
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1; }
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
@keyframes lightSpeedOut {
from {
opacity: 1; }
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } }
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } }
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn; }
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } }
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } }
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft; }
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } }
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } }
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight; }
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } }
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } }
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft; }
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } }
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } }
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight; }
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut; }
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft; }
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight; }
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft; }
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight; }
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0; } }
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0; } }
.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge; }
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom; }
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg); }
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg); }
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom; }
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg); }
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg); }
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); } }
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox; } @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn; } @-webkit-keyframes rollOut {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut; }
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn; }
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown; }
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft; }
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight; }
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp; }
@-webkit-keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
@keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut; }
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown; }
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center; } }
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center; } }
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft; }
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center; } }
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center; } }
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight; }
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp; }
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown; }
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft; }
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight; }
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp; }
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown; }
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft; }
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight; }
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp; }
.nice-select {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
background-color: #FCFCFC;
border-radius: 6px;
border: 2px solid #e8e8e8;
-webkit-box-sizing: border-box;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: inherit;
font-size: 16px;
font-weight: normal;
height: 55px;
line-height: 53px;
outline: none;
padding-left: 10px;
padding-right: 30px;
position: relative;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: auto;
z-index: 100; }
.nice-select:hover {
border-color: #dbdbdb; }
.nice-select:active, .nice-select.open, .nice-select:focus {
border-color: #FFC007;
background-color: #FFF; }
.nice-select:after {
border-bottom: 2px solid #999;
border-right: 2px solid #999;
content: '';
display: block;
width: 5px;
height: 5px;
margin-top: -4px;
pointer-events: none;
position: absolute;
right: 12px;
top: 50%;
-webkit-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out; }
.nice-select.open:after {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg); }
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1) translateY(0);
transform: scale(1) translateY(0); }
.nice-select.disabled {
border-color: #ededed;
color: #999;
pointer-events: none; }
.nice-select.disabled:after {
border-color: #cccccc; }
.nice-select.wide {
width: 100%; }
.nice-select.wide .list {
left: 0 !important;
right: 0 !important; }
.nice-select.right {
float: right; }
.nice-select.right .list {
left: auto;
right: 0; }
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px; }
.nice-select.small:after {
height: 4px;
width: 4px; }
.nice-select.small .option {
line-height: 34px;
min-height: 34px; }
.nice-select .list {
background-color: #fff;
border-radius: 6px;
border: 2px solid rgba(255, 192, 7, 0.8);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 4px;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(0.75) translateY(-27.5px);
transform: scale(0.75) translateY(-27.5px);
-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 9; }
.nice-select .list:hover .option:not(:hover) {
background-color: transparent !important; }
.nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 53px;
list-style: none;
min-height: 53px;
outline: none;
padding-left: 18px;
padding-right: 29px;
text-align: left;
-webkit-transition: all 0.2s;
transition: all 0.2s; }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
background-color: #f6f6f6; }
.nice-select .option.selected {
font-weight: bold; }
.nice-select .option.disabled {
background-color: transparent;
color: #999;
cursor: default; }
.no-csspointerevents .nice-select .list {
display: none; }
.no-csspointerevents .nice-select.open .list {
display: block; }
nav.ubermenu {
margin-top: 15px; }
nav.ubermenu ul.ubermenu-nav > li > a {
text-transform: uppercase;
color: #000;
font-weight: 500;
font-size: 14px;
font-size: 0.875rem;
height: 66px;
outline: none;
padding: 15px; }
nav.ubermenu ul.ubermenu-nav > li.ubermenu-item-has-children > a:after {
content: '';
position: absolute;
right: 0;
top: -18px;
bottom: 0;
margin: auto;
width: 12px;
height: 12px;
background: url(//www.aerohive.com/wp-content/themes/aerohive/img/menu-chevron-down-dark-gray.png) no-repeat;
background-position: center;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
nav.ubermenu ul.ubermenu-nav > li:hover > a:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
nav.ubermenu ul.ubermenu-nav > li.ubermenu-item-level-0 > .ubermenu-submenu {
background: #FFF;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; }
nav.ubermenu ul.ubermenu-nav > li.search-btn a {
display: block;
top: 8px;
right: -10px;
overflow: hidden;
position: relative;
font-size: 0; }
nav.ubermenu ul.ubermenu-nav > li.search-btn a:before {
content: '';
width: 30px;
height: 30px;
background-image: url(//www.aerohive.com/wp-content/uploads/icon_search.png);
background-size: 15px;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 0;
left: 0; }
nav.ubermenu ul.ubermenu-submenu li a {
color: #000; }
nav.ubermenu ul.ubermenu-submenu li.ubermenu-item-level-1 > .ubermenu-submenu {
padding-bottom: 0;
padding-top: 20px; }
nav.ubermenu ul.ubermenu-submenu li.ubermenu-item-level-1 .ubermenu-row {
margin-bottom: 0; }
nav.ubermenu ul.ubermenu-submenu li.ubermenu-item-level-3 > .ubermenu-submenu {
padding-bottom: 0; }
nav.ubermenu ul.ubermenu-submenu li.ubermenu-item-level-3 > .ubermenu-submenu > .ubermenu-item {
margin-top: 0; }
nav.ubermenu ul.ubermenu-submenu li.ubermenu-item-level-4 {
padding-bottom: 20px; }
nav.ubermenu ul.ubermenu-submenu li.ubermenu-item-level-4 span.ubermenu-target-title {
color: #000;
font-size: 18px;
font-size: 1.125rem;
font-family: 'UniversLT-CondensedBold';
margin-bottom: 5px;
line-height: 1.2em; }
nav.ubermenu ul.ubermenu-submenu li.ubermenu-item-level-4 span.ubermenu-target-description {
color: #393939;
font-size: 15px;
font-size: 0.9375rem; }
nav.ubermenu ul.ubermenu-submenu li.ubermenu-item-level-4 > a {
margin-bottom: 0; }
nav.ubermenu ul.ubermenu-submenu li.ubermenu-item-level-4 > a > .ubermenu-target-title {
color: #000;
font-size: 18px;
font-size: 1.125rem;
font-family: 'UniversLT-CondensedBold';
margin-bottom: 5px;
line-height: 1.2em; }
nav.ubermenu ul.ubermenu-submenu li.ubermenu-item-level-4 > a > .ubermenu-target-description {
color: #393939;
font-size: 15px;
font-size: 0.9375rem; }
nav.ubermenu ul.ubermenu-submenu li.ubermenu-item-level-4 > a:hover > .ubermenu-target-title {
color: #0745ff; }
nav.ubermenu ul.ubermenu-submenu li.ubermenu-item-level-4 > ul {
margin-top: 0; }
nav.ubermenu ul.ubermenu-submenu li.ubermenu-item-level-5 {
padding-left: 20px; }
nav.ubermenu ul.ubermenu-submenu li.ubermenu-item-level-5 a .ubermenu-target-title {
color: #393939;
font-size: 16px;
font-size: 1rem;
font-family: 'UniversLT-CondensedBold';
position: relative; }
nav.ubermenu ul.ubermenu-submenu li.ubermenu-item-level-5 a:before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
width: 12px;
height: 12px;
background: url(//www.aerohive.com/wp-content/themes/aerohive/img/menu-chevron-down-dark-gray.png) no-repeat;
background-position: center;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
nav.ubermenu ul.ubermenu-submenu li.ubermenu-item-level-5 a:hover .ubermenu-target-title {
color: #0745ff; }
nav.ubermenu .menu_promo_wrap {
background: rgba(0, 0, 0, 0.4);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex; }
nav.ubermenu .menu_promo .promo_image {
margin-bottom: 20px; }
nav.ubermenu .menu_promo .promo_image a {
display: block;
position: relative; }
nav.ubermenu .menu_promo .promo_image a:after {
content: '';
background: url(//www.aerohive.com/wp-content/themes/aerohive/img/playBtn.ICON_.YLLW_.svg) no-repeat center;
background-size: 60px;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
nav.ubermenu .menu_promo .promo_image img {
max-width: 100%;
height: auto;
display: inline-block; }
nav.ubermenu .menu_promo .promo_content {
color: #FFF; }
nav.ubermenu .menu_promo .promo_content .promo_title {
font-size: 22px;
font-size: 1.375rem;
font-family: 'UniversLT-CondensedBold';
margin-bottom: 10px; }
nav.ubermenu .menu_promo .promo_content .promo_desc {
font-size: 16px;
font-size: 1rem;
font-family: 'UniversLT-Condensed'; } html, body {
height: 100%; }
body {
font-family: 'UniversLT-Condensed';
font-size: 16px;
font-size: 1rem;
color: #333;
letter-spacing: 0em;
overflow-x: hidden; }
body.lock {
overflow: hidden; }
.search-overlay {
background: rgba(0, 0, 0, 0.7);
position: fixed;
top: 100%;
bottom: 0;
left: 0;
right: 0;
z-index: 5000;
width: 100%;
height: 100%; }
main {
width: 100%;
position: relative; }
main.no-banner {
padding-top: 108px; }
main strong {
font-family: 'UniversLT-CondensedBold'; }
section {
background-color: #FFF;
background-position: center;
background-size: cover;
background-repeat: no-repeat; }
section.gray {
background-color: #f8f8f8; }
section.padding-default-top {
padding-top: 40px; }
section.padding-default-bottom {
padding-bottom: 10px; }
section.padding-top {
padding-top: 45px; }
section.padding-bottom {
padding-bottom: 45px; }
section.border-top {
border-top: 1px solid #e2e2e2; }
section.border-bottom {
border-bottom: 1px solid #e2e2e2; }
section .section-title {
text-align: center;
position: relative;
margin-bottom: 30px;
padding-bottom: 15px; }
section .section-title:before, section .section-title:after {
content: " ";
display: table; }
section .section-title:after {
clear: both; }
section .section-title:after {
content: '';
height: 2px;
width: 50px;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
background: #000; }
section .section-title h2 {
font-size: 18px;
font-size: 1.125rem;
width: 100%;
font-weight: 500;
color: #000; }
section .section-title h3 {
font-size: 16px;
font-size: 1rem;
font-weight: 500;
color: #000; }
section .section-title.white:after {
background: #FFF; }
section .section-title.white h2, section .section-title.white h3 {
color: #FFF; }
section .section-title.blue:after {
background: #0745ff; }
section .section-title.blue h2, section .section-title.blue h3 {
color: #0745ff; }
section strong {
font-weight: 700; }
.tab-content {
display: none; }
.tab-content.active-section {
display: block; }
.remove-padding {
padding-left: 0 !important;
padding-right: 0 !important; }
.no-gutters {
padding-left: 0;
padding-right: 0; }
.hidden {
display: none !important; }
a .box-shadow {
border: 1px #e2e2e2 solid;
background-color: #ffffff;
-webkit-box-shadow: 0px 12px 18px #e2e2e2;
box-shadow: 0px 12px 18px #e2e2e2;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
text-decoration: none; }
a:hover, a:focus {
text-decoration: none !important; }
a:hover .box-shadow, a:focus .box-shadow {
-webkit-box-shadow: 0px 12px 18px #FFF;
box-shadow: 0px 12px 18px #FFF;
color: #333; }
header {
position: fixed;
z-index: 1000;
top: 0;
left: 0;
width: 100%;
text-align: left;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
background: rgba(255, 255, 255, 0); }
header.locked {
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
background: rgba(255, 255, 255, 0.98);
border-bottom: 1px solid #e2e2e2; }
header .wrapper {
position: relative; }
@media only screen and (max-width: 992px) {
header .wrapper {
width: 100%; } }
header .row {
position: relative;
height: 80px; }
header [class*="center-"] {
text-align: left; }
header .cta {
float: right;
width: 100%;
margin-top: 20px; }
header .cta a.btn {
width: 100%;
min-width: unset;
display: block; }
header .toolbar {
position: absolute;
top: 10px;
right: 8px; }
header .toolbar ul {
margin: 0;
padding: 0;
list-style: none;
font-size: 0; }
header .toolbar ul li {
display: inline-block;
font-size: 12px;
font-size: 0.75rem;
border-right: 1px solid #9D9D9D;
padding-right: 10px;
margin-right: 10px; }
header .toolbar ul li:last-child {
border-right: 0;
padding-right: 0;
margin-right: 0; }
header .toolbar ul li a {
color: #000;
display: block; }
header .toolbar ul li a:hover {
color: #0770FF; }
header .toolbar ul li a.arrow {
background: url(//www.aerohive.com/wp-content/themes/aerohive/img/icon-arrow.png);
background-position: 99% center;
background-repeat: no-repeat;
padding-right: 15px; }
@media only screen and (max-width: 992px) {
header {
padding-top: 5px;
padding-bottom: 5px; }
header .row {
height: 60px; }
header .toolbar {
display: none; } }
@media only screen and (max-width: 640px) {
header .row {
height: 50px; } }
header #logo .logo {
display: block;
width: 100%;
max-width: 160px;
padding-top: 5px; }
header #logo .logo img {
width: 100%; }
header #logo .logo .st0 {
fill: #FEC00F; }
header #logo .logo .st1 {
fill: #000000; }
header #logo .logo svg#AerohiveLogo g#AerohiveWordmark path {
fill: #000000; }
header #logo .logo svg#AerohiveLogo g#NetworksWordmark path {
fill: #999999; }
header #logo .logo svg#AerohiveLogo g#Hexagons path {
fill: #ffc007; }
@media only screen and (max-width: 991px) {
header #logo .logo {
margin: 0; } }
@media only screen and (max-width: 640px) {
header #logo .logo {
max-width: 120px; } }
header a.btn {
border: 1px solid #FFC007;
background: #FFC007;
color: #000; }
header a.btn:hover {
border: 1px solid #FFC007;
background: none; }
#light header .logo .st0 {
fill: #FEC00F; }
#light header .logo .st1 {
fill: #FFFFFF; }
#light header .logo svg#AerohiveLogo g#AerohiveWordmark path,
#light header .logo svg#AerohiveLogo g#NetworksWordmark path {
fill: #FFF; }
#light header .logo svg#AerohiveLogo g#Hexagons path {
fill: #ffc007; }
#light header .cta a.btn {
border: 1px solid #0745FF;
color: #FFF;
background: #0770FF; }
#light header .cta a.btn:hover {
background: #0745ff;
color: #FFF; }
#light header .toolbar ul li a {
color: #FFF; }
#light header .toolbar ul li a.arrow {
background: url(//www.aerohive.com/wp-content/themes/aerohive/img/icon-arrow-white.png);
background-position: right center;
background-repeat: no-repeat;
padding-right: 15px; }
#light header.locked .logo .st0 {
fill: #FEC00F; }
#light header.locked .logo .st1 {
fill: #000000; }
#light header.locked .logo svg#AerohiveLogo g#AerohiveWordmark path,
#light header.locked .logo svg#AerohiveLogo g#NetworksWordmark path {
fill: #000; }
#light header.locked .logo svg#AerohiveLogo g#Hexagons polygon {
fill: #ffc007; }
#light header.locked .cta a.btn {
border: 1px solid #0770FF;
color: #FFF; }
#light header.locked .cta a.btn:hover {
background: #0770FF;
color: #FFF; }
#light header.locked .toolbar ul li a {
color: #000; }
#light header.locked .toolbar ul li a.arrow {
background: url(//www.aerohive.com/wp-content/themes/aerohive/img/icon-arrow.png);
background-position: right center;
background-repeat: no-repeat;
padding-right: 15px; }
header #logo.dell-logo img {
max-width: 210px; }
body.search#light header .logo .st0 {
fill: #FEC00F; }
body.search#light header .logo .st1 {
fill: #000000; }
body.search#light header .logo svg#AerohiveLogo g#AerohiveWordmark path,
body.search#light header .logo svg#AerohiveLogo g#NetworksWordmark path {
fill: #000; }
body.search#light header .logo svg#AerohiveLogo g#Hexagons path {
fill: #ffc007; }
body.search#light header .cta a.btn {
border: 1px solid #0745FF;
color: #0745ff;
background: none; }
body.search#light header .cta a.btn:hover {
background: #0745ff;
color: #FFF; }
body.search#light header .toolbar ul li a {
color: #000; }
body.search#light header .toolbar ul li a.arrow {
background: url(//www.aerohive.com/wp-content/themes/aerohive/img/icon-arrow.png);
background-position: right center;
background-repeat: no-repeat;
padding-right: 15px; }
body.search#light header.locked .logo .st0 {
fill: #FEC00F; }
body.search#light header.locked .logo .st1 {
fill: #000000; }
body.search#light header.locked .logo svg#AerohiveLogo g#AerohiveWordmark path,
body.search#light header.locked .logo svg#AerohiveLogo g#NetworksWordmark path {
fill: #000; }
body.search#light header.locked .logo svg#AerohiveLogo g#Hexagons polygon {
fill: #ffc007; }
body.search#light header.locked .cta a.btn {
border: 1px solid #0770FF;
color: #FFF; }
body.search#light header.locked .cta a.btn:hover {
background: #0770FF;
color: #FFF; }
body.search#light header.locked .toolbar ul li a {
color: #000; }
body.search#light header.locked .toolbar ul li a.arrow {
background: url(//www.aerohive.com/wp-content/themes/aerohive/img/icon-arrow.png);
background-position: right center;
background-repeat: no-repeat;
padding-right: 15px; }
footer {
padding-top: 55px;
background: #212121; }
footer [class*="col-"] {
text-align: left; }
footer .footer-links {
margin-bottom: 55px; }
footer a {
color: #FFF; }
footer .middle {
text-align: center; }
footer h2 {
position: relative;
margin-bottom: 25px;
font-size: 14px;
font-size: 0.875rem;
color: #FFF;
line-height: 21.6px;
text-transform: uppercase;
font-weight: 500; }
footer h2:after {
content: '';
width: 100%;
max-width: 120px;
height: 2px;
background: #767676;
position: absolute;
left: 0;
bottom: -10px; }
footer h2 a {
color: #FFF; }
footer h2 a:hover {
text-decoration: none; }
footer p {
color: #FFF; }
footer ul {
margin: 0;
padding: 0;
list-style: none; }
footer ul li {
margin-bottom: 3px; }
footer ul li a {
color: #FFF;
display: block;
text-decoration: none;
font-size: 12px;
font-size: 0.75rem; }
@media only screen and (max-width: 991px) {
footer .footer-links {
margin-bottom: 25px; }
footer ul {
margin-bottom: 30px; } }
footer .copyright {
padding-left: 0;
padding-right: 0;
padding-bottom: 22px;
font-size: 12px;
font-size: 0.75rem; }
footer .copyright .divline {
border-top: 2px solid #acacac;
margin-bottom: 15px; }
footer .copyright .copy {
text-align: left;
line-height: 1.5em; }
footer .copyright ul.copyright-links {
margin: 0;
padding: 0;
list-style: none;
text-align: left;
width: 100%; }
footer .copyright ul.copyright-links li {
display: inline-block;
border-left: 1px solid #FFF;
padding-left: 10px;
margin-right: 5px; }
footer .copyright ul.copyright-links li:last-child {
margin-right: 0; }
footer .copyright ul.copyright-links li:first-child {
padding-left: 0;
border-left: 0; }
footer .copyright ul.copyright-links li a {
text-transform: uppercase; }
footer .copyright ul.social {
margin: 0;
padding: 0;
list-style: none;
font-size: 0;
text-align: right; }
footer .copyright ul.social li {
display: inline-block;
background: #FFF;
border-radius: 50%;
width: 30px;
height: 30px;
margin: 0 5px; }
footer .copyright ul.social li a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
font-size: 16px;
font-size: 1rem;
line-height: 0; }
footer .copyright ul.social li a i {
display: inline;
color: #000;
line-height: 0; }
@media only screen and (max-width: 991px) {
footer .copyright ul.copyright-links,
footer .copyright ul.social,
footer .copyright .copy {
text-align: center; }
footer .copyright ul.social {
margin-top: 20px;
margin-bottom: 10px; } }
.desktop-nav {
position: relative; }
nav#main-menu {
position: relative; }
nav#main-menu ul li a {
padding-top: 10px;
padding-bottom: 10px; }
nav#main-menu ul li {
position: relative; }
nav#main-menu ul {
margin: 0;
padding: 0;
list-style: none;
text-align: left; }
nav#main-menu ul li {
display: inline-block;
padding: 0 7px;
position: relative;
vertical-align: middle; }
nav#main-menu ul li a {
display: block;
text-transform: uppercase;
font-weight: 500;
text-decoration: none;
color: #000;
font-size: 14px;
font-size: 0.875rem;
letter-spacing: 0.05em;
-webkit-transition: all 0.5 ease-out;
transition: all 0.5 ease-out; }
nav#main-menu ul li a:hover, nav#main-menu ul li a:focus, nav#main-menu ul li a.active {
color: #0770FF;
text-decoration: none; }
nav#main-menu ul li.search-btn a {
display: block;
width: 30px;
height: 30px;
right: -10px;
overflow: hidden;
position: relative;
font-size: 0; }
nav#main-menu ul li.search-btn a:before {
content: '';
width: 30px;
height: 30px;
background-image: url(//www.aerohive.com/wp-content/uploads/icon_search.png);
background-size: 15px;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 0;
left: 0; }
nav#main-menu ul li.menu-item-has-children {
padding-right: 15px;
position: relative; }
nav#main-menu ul li.menu-item-has-children:after {
content: '';
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 12px;
height: 12px;
background: url(//www.aerohive.com/wp-content/themes/aerohive/img/menu-chevron-down-gray.png) no-repeat;
background-position: center;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out; }
nav#main-menu ul li.menu-item-has-children:hover:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
nav#main-menu ul li.current-menu-ancestor > a {
color: #0770FF; }
nav#main-menu ul > li:hover ul {
max-height: 1000px;
-webkit-transform: perspective(400px) rotate3d(0, 0, 0, 0);
transform: perspective(400px) rotate3d(0, 0, 0, 0); }
nav#main-menu li ul {
position: absolute;
left: 0;
top: 38px;
z-index: 1;
max-height: 0;
overflow: hidden;
-webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);
transform: perspective(400) rotate3d(1, 0, 0, -90deg);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition: 350ms;
transition: 350ms;
background: #FFF;
border-radius: 4px 4px 6px 6px;
text-align: left;
width: 180px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2) ;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2) ; }
nav#main-menu li ul li {
display: block;
padding-left: 0;
padding-right: 0; }
nav#main-menu li ul li:first-child {
border-top: 5px solid #0770FF; }
nav#main-menu li ul li:first-child a {
margin-top: 10px; }
nav#main-menu li ul li:last-child a {
margin-bottom: 10px; }
nav#main-menu li ul li a {
font-size: 14px;
font-size: 0.875rem;
text-transform: none !important;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 20px;
padding-right: 20px; }
nav#main-menu li ul li a:hover {
background: #F7F7F7; }
#light header nav#main-menu ul li a {
color: #FFF; }
#light header nav#main-menu ul li a:hover, #light header nav#main-menu ul li a:focus, #light header nav#main-menu ul li a.active {
color: #0770FF;
text-decoration: none; }
#light header nav#main-menu ul li { }
#light header nav#main-menu ul li.menu-item-has-children:after {
content: '';
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 12px;
height: 12px;
background: url(//www.aerohive.com/wp-content/themes/aerohive/img/menu-chevron-down-dark-gray.png) no-repeat;
background-position: center;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out; }
#light header nav#main-menu ul li.current-menu-ancestor > a {
color: #0770FF; }
#light header nav#main-menu li ul {
background: #222; }
#light header nav#main-menu li ul a {
color: #FFF; }
#light header nav#main-menu li ul a:hover {
color: #FFF;
background: #0770FF; }
#light header.locked nav#main-menu ul li a {
color: #000; }
#light header.locked nav#main-menu li ul {
background: #FFF; }
#light header.locked nav#main-menu li ul a {
color: #000; }
#light header.locked nav#main-menu li ul a:hover {
color: #FFF;
background: #0770FF; }
body.search#light header nav#main-menu ul li a {
padding-top: 10px;
padding-bottom: 10px; }
body.search#light header nav#main-menu ul li {
position: relative; }
body.search#light header nav#main-menu ul {
margin: 0;
padding: 0;
list-style: none;
text-align: left; }
body.search#light header nav#main-menu ul li {
display: inline-block;
padding: 0 7px;
position: relative;
vertical-align: middle; }
body.search#light header nav#main-menu ul li a {
display: block;
text-transform: uppercase;
font-weight: 500;
text-decoration: none;
color: #000;
font-size: 14px;
font-size: 0.875rem;
letter-spacing: 0.05em;
-webkit-transition: all 0.5 ease-out;
transition: all 0.5 ease-out; }
body.search#light header nav#main-menu ul li a:hover, body.search#light header nav#main-menu ul li a:focus, body.search#light header nav#main-menu ul li a.active {
color: #0770FF;
text-decoration: none; }
body.search#light header nav#main-menu ul li.search-btn a {
display: block;
width: 30px;
height: 30px;
right: -10px;
overflow: hidden;
position: relative;
font-size: 0; }
body.search#light header nav#main-menu ul li.search-btn a:before {
content: '';
width: 30px;
height: 30px;
background-image: url(//www.aerohive.com/wp-content/uploads/icon_search.png);
background-size: 15px;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 0;
left: 0; }
body.search#light header nav#main-menu ul li.menu-item-has-children {
padding-right: 15px;
position: relative; }
body.search#light header nav#main-menu ul li.menu-item-has-children:after {
content: '';
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 12px;
height: 12px;
background: url(//www.aerohive.com/wp-content/themes/aerohive/img/menu-chevron-down-gray.png) no-repeat;
background-position: center;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out; }
body.search#light header nav#main-menu ul li.menu-item-has-children:hover:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
body.search#light header nav#main-menu ul li.current-menu-ancestor > a {
color: #0770FF; }
body.search#light header nav#main-menu ul > li:hover ul {
max-height: 1000px;
-webkit-transform: perspective(400px) rotate3d(0, 0, 0, 0);
transform: perspective(400px) rotate3d(0, 0, 0, 0); }
body.search#light header nav#main-menu li ul {
position: absolute;
left: 0;
top: 38px;
z-index: 1;
max-height: 0;
overflow: hidden;
-webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);
transform: perspective(400) rotate3d(1, 0, 0, -90deg);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition: 350ms;
transition: 350ms;
background: #FFF;
border-radius: 4px 4px 6px 6px;
text-align: left;
width: 180px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2) ;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2) ; }
body.search#light header nav#main-menu li ul li {
display: block;
padding-left: 0;
padding-right: 0; }
body.search#light header nav#main-menu li ul li:first-child {
border-top: 5px solid #0770FF; }
body.search#light header nav#main-menu li ul li:first-child a {
margin-top: 10px; }
body.search#light header nav#main-menu li ul li:last-child a {
margin-bottom: 10px; }
body.search#light header nav#main-menu li ul li a {
font-size: 14px;
font-size: 0.875rem;
text-transform: none !important;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 20px;
padding-right: 20px; }
body.search#light header nav#main-menu li ul li a:hover {
background: #F7F7F7; }
#searchform {
position: fixed;
width: 545px;
background: lightblue;
height: 50px;
top: -135px;
left: 0;
right: 0;
margin: 0 auto;
opacity: 1;
z-index: 6000; }
#searchform input[type=text].st-default-search-input {
width: 484px;
border: 0;
height: 36px;
text-indent: 10px;
float: left;
background: none !important;
padding-left: 10px;
background: #FFF !important;
border-radius: 2px; }
#searchform input[type=submit]#searchsubmit {
width: 40px;
height: 50px;
background: #646464; }
#searchform a.close-search {
cursor: pointer;
width: 40px;
height: 50px;
background: #000;
color: #FFF;
font-weight: 200;
border: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-decoration: none; }  .btn {
border-radius: 2px;
padding: 13px 10px 10px 10px;
min-width: 140px;
text-decoration: none;
display: inline-block;
text-align: center;
text-transform: uppercase;
font-size: 14px;
font-size: 0.875rem;
font-weight: 700;
letter-spacing: 0.1em;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.btn:hover {
text-decoration: none; }
.btn span {
text-transform: none !important; }
.btn.btn-main {
border: 1px solid #0745ff;
color: #0745ff; }
.btn.btn-main:hover {
color: #FFF;
background: #0745ff; }
.btn.btn-inverted {
border: 1px solid transparent;
background: #FFc107;
color: #FFF; }
.btn.btn-inverted:hover {
border: 1px solid #ffc107;
color: #ff7107;
background: none; }
.btn.btn-full {
width: 100%; }
.btn.btn-active-dark, .btn.btn-dark {
border: 1px solid #7c7c7c;
color: #000; }
.btn.btn-active-dark:hover, .btn.btn-dark:hover {
color: #FFF;
background: #0745ff; }
.btn.btn-orange {
background: #FFC007;
color: #FFF; }
.btn.btn-black {
background: none;
border: 1px solid #000;
color: #000; }
.btn.btn-blue {
background: none;
border: 1px solid #0745ff;
color: #0745ff; }
.btn.btn-blue:hover {
background: #0745ff;
color: #FFF; }
.btn.btn-white {
background: none;
border: 1px solid #FFF;
color: #FFF; }
.btn.btn-white:hover {
background: #0745ff;
color: #FFF; }
.btn.btn-red {
background: red;
color: #FFF; }
.btn.btn-red:hover {
background: rgba(255, 0, 0, 0.7); }
a {
color: #0745ff;
text-decoration: none; }
a:hover {
text-decoration: underline; }
.inpage-nav {
padding-top: 15px;
padding-bottom: 15px; }
.inpage-nav ul {
margin: 0;
padding: 0;
list-style: none;
font-size: 0; }
.inpage-nav ul li {
display: inline-block;
width: 100%;
max-width: 170px;
margin-left: 5px;
margin-right: 5px; }
.inpage-nav ul li a {
width: 100%; }
.panel-block {
border: 1px solid #e5e5e5;
border-radius: 4px;
text-align: center;
padding: 30px;
background: white; }
@media only screen and (max-width: 767px) {
.panel-block {
margin-bottom: 30px; } }
.panel-block .panel-icon {
width: 50px;
height: 50px;
margin: 0 auto 15px; }
.panel-block .panel-icon img {
max-height: 50px; }
.panel-block .panel-content h2 {
margin-top: 0;
margin-bottom: 30px;
color: #0745ff;
font-size: 18px;
font-size: 1.125rem;
font-weight: 500; }
.panel-block .panel-content a.btn {
min-width: 230px; }
.panel-block .world-map {
padding-top: 50px;
padding-bottom: 50px; }
.panel-block .world-map img {
width: 100%; }
.panel-block .panel-footnote {
color: #00ff00;
font-size: 14px;
font-size: 0.875rem;
font-weight: 500; }
ol.numbered {
counter-reset: item; }
ol.numbered li {
display: block;
margin-bottom: 30px;
position: relative; }
ol.numbered li:before {
content: counter(item);
counter-increment: item;
color: #0745ff;
width: 26px;
height: 28px;
text-align: center;
display: block;
padding-top: 6px;
margin-left: -35px;
background: url(//www.aerohive.com/wp-content/uploads/hex.svg) no-repeat 0 0;
background-size: 24px;
position: absolute;
left: 0;
top: -6px; }
.links-list {
text-align: left;
font-weight: 700; }
.links-list ul {
margin: 0;
padding: 0;
list-style: none; }
.links-list ul li {
margin-bottom: 5px; }
.table-wrap {
width: 100%;
position: relative; }
@media only screen and (max-width: 767px) {
.table-wrap .original-table {
overflow-x: auto;
width: 100vw; } }
.table-wrap .table-clone {
position: absolute;
top: 0; }
.table-wrap .table-clone table.responsive th, .table-wrap .table-clone table.responsive td {
border-right: 2px solid #CCC; }
@media only screen and (min-width: 768px) {
.table-wrap .table-clone {
display: none; } }
table.responsive,
table.simple {
border-collapse: collapse;
width: 100%; }
table.responsive th,
table.simple th {
font-size: 12px;
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
border-bottom: 2px solid #CCC;
border-left: 2px solid #CCC;
background: #FFF; }
table.responsive th:first-child,
table.simple th:first-child {
border-left: 0; }
table.responsive tr > td:first-child,
table.simple tr > td:first-child {
font-size: 12px;
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
text-align: right; }
@media only screen and (max-width: 767px) {
table.responsive tr > td:first-child,
table.simple tr > td:first-child {
width: 150px; } }
table.responsive td,
table.simple td {
border-bottom: 2px solid #CCC;
border-left: 2px solid #CCC;
font-size: 12px;
font-size: 0.75rem; }
table.responsive td:first-child,
table.simple td:first-child {
border-left: 0; }
@media only screen and (max-width: 767px) {
table.responsive td,
table.simple td {
min-width: 150px; }
table.responsive td:first-child,
table.simple td:first-child {
min-width: 170px; } }
table.responsive th, table.responsive td,
table.simple th,
table.simple td {
padding: 20px 15px; }
table.responsive tr td,
table.simple tr td {
background: #f8f8f8; }
table.responsive tr:nth-child(even) td,
table.simple tr:nth-child(even) td {
background: #FFF !important; }
.scroll {
width: 100%;
overflow: scroll; }
.scrollable {
min-width: 820px;
overflow: auto; }
::-webkit-input-placeholder {
color: #b2b5b6; }
:-moz-placeholder { color: #b2b5b6; }
::-moz-placeholder { color: #b2b5b6; }
:-ms-input-placeholder {
color: #b2b5b6; }
select.styled {
background-color: #FFF;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
border: 1px solid #fbdd80;
border-radius: 2px;
padding: 10px 10px;
font-size: 16px;
font-size: 1rem;
margin-top: 5px;
margin-bottom: 10px;
text-transform: uppercase;
color: #333;
background-image: url(//www.aerohive.com/wp-content/uploads/select-down-chevron.png);
background-repeat: no-repeat;
background-position: 98% 50%;
background-size: 25px; }
select.styled::-ms-expand {
display: none; }
select.styled:hover {
cursor: pointer; }
select.styled.alignLeft {
width: 400px; }
select.styled.error {
padding-left: 7px; }
.modal {
margin: 0 auto;
position: relative;
max-width: 1200px;
background: #0f0b0c;
padding: 30px; }
.modal h2 {
color: #FFF;
text-transform: uppercase;
font-weight: 500;
text-align: center; }
.modal h2:before {
content: '';
display: inline-block;
width: 25px;
height: 25px;
background: url(//www.aerohive.com/wp-content/uploads/spotlight.ICON_.WHT_.svg) no-repeat left 5px; }
.modal .icon {
margin: 25px auto;
display: block;
width: 100%; }
.modal .icon img {
max-height: 100px; }
.modal p {
margin: 0 0 20px 0;
color: #FFF;
line-height: 1.4em; }
.modal h4 {
color: #FFF;
margin: 0;
padding: 0;
text-transform: uppercase; }
.modal ul {
padding-left: 20px; }
.modal ul li {
color: #FFF;
margin-bottom: 5px; }
.modal .media {
text-align: center;
width: 100%; }
.modal .media img {
max-width: 100%; }
@media only screen and (max-width: 992px) {
.modal .media {
padding-top: 40px; } }
.modal .video-js {
width: 100%;
height: auto; }
.modal .video-js .vjs-tech {
position: relative;
height: inherit; }
.modal .video-js .vjs_video_3-dimensions {
height: auto; }
.modal.custom-video {
background: none; }
.modal.custom-video button.mfp-close {
top: -10px;
right: 20px; }
.modal.custom-video button.vjs-big-play-button {
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: none; }
.closeBtn {
width: 25px;
height: 25px;
position: absolute;
top: 13px;
right: 13px;
background: none;
border: 0;
padding: 0;
cursor: pointer;
background: none; }
.closeBtn img {
width: 25px;
height: 25px; } .modal-forms {
margin: 0 auto;
position: relative;
max-width: 960px;
background: #000;
border: 1px solid #FFF;
border-radius: 2px;
padding: 80px 30px 80px 30px; }
.modal-forms button.mfp-close {
display: none; }
.modal-forms .form-intro {
text-align: center;
margin-bottom: 30px; }
.modal-forms .form-intro .atom-logo {
width: 80px;
margin: 0 auto; }
.modal-forms .form-intro h2 {
color: #FFF;
font-family: 'UniversLT-Condensed';
font-size: 32px;
font-size: 2rem;
margin-bottom: 20px; }
.modal-forms .form-intro h2 strong {
font-family: 'UniversLT-CondensedBold'; }
.modal-forms .form-intro h2 sup {
top: -6px;
left: 2px; }
.modal-forms .form-intro h3 {
margin: 0;
color: #FFF;
font-size: 18px;
font-size: 1.125rem; }
.modal-forms .form-intro p {
font-size: 16px;
font-size: 1rem;
color: #FFF;
font-family: 'UniversLTStd-LightCn'; }
.modal-forms .form-content input[type=text] {
width: 100%;
height: 38px;
border: 1px solid lightgray;
text-indent: 5px;
margin-bottom: 10px; }
.modal-forms .btn {
padding-left: 40px;
padding-right: 40px;
margin-top: 30px; }
.modal-forms .form-error,
.modal-forms .validate-email {
color: red;
font-size: 16px;
font-size: 1rem;
display: none;
margin-bottom: 10px; }
.modal-forms .us-states,
.modal-forms .canada-territory {
display: none; }
.inline-popup-content {
background: #FFF;
border-radius: 10px;
padding: 40px 30px 30px 30px;
position: relative;
max-width: 960px;
margin: 0 auto; }
.inline-popup-content button.mfp-close {
color: #000;
top: 15px;
right: 15px; }
ul.slick-dots {
padding-bottom: 20px; }
ul.slick-dots li {
width: 12px;
height: 12px; }
ul.slick-dots li button {
background: #CCC; }
ul.slick-dots li.slick-active button {
background: #0745ff; }
::-webkit-input-placeholder {
color: #b2b5b6; }
:-moz-placeholder { color: #b2b5b6; }
::-moz-placeholder { color: #b2b5b6; }
:-ms-input-placeholder {
color: #b2b5b6; }
select.styled {
background-color: #FFF;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
height: 38px;
border: 1px solid #666;
border-radius: 0px;
padding: 8px 30px 4px 5px;
font-size: 16px;
font-size: 1rem;
margin-top: 5px;
margin-bottom: 10px;
background-image: url(//www.aerohive.com/wp-content/themes/aerohive/img/chevron-down.png);
background-size: 18px;
background-repeat: no-repeat;
background-position: 97% 50%; }
select.styled::-ms-expand {
display: none; }
select.styled:hover {
cursor: pointer; }
select.styled.alignLeft {
width: 400px; }
select.styled.error {
padding-left: 7px; }
input.styled {
width: 100%;
height: 38px;
border-radius: 2px;
border: 1px solid #666;
text-indent: 5px;
margin-bottom: 10px; } [role="form"] {
position: relative; }
.field-wrap {
display: block;
margin-top: 20px; }
.field-wrap span {
padding-left: 5px; }
.form-error {
color: darkred;
font-size: 14px;
font-size: 0.875rem;
text-align: left;
margin-top: 5px;
display: none; }
.required-fields {
position: absolute;
top: -30px;
right: 50px;
font-size: 12px;
font-size: 0.75rem;
color: lightgray; } .aerohive-forms label {
display: block;
text-align: left;
margin-bottom: 8px; }
.aerohive-forms label.has-error {
color: darkred; }
.aerohive-forms input[type=text],
.aerohive-forms input[type=email],
.aerohive-forms textarea {
width: 100%;
height: 48px;
border: 1px solid lightgray;
margin-bottom: 5px;
text-indent: 5px; }
.aerohive-forms textarea {
height: 200px;
resize: none;
padding-top: 10px; }
.left-column {
height: 100%;
width: inherit;
padding-top: 60px;
padding-bottom: 60px; }
@media only screen and (min-width: 992px) {
.left-column.sticky {
position: relative; }
.left-column.sticky .leftnav-content {
width: inherit;
position: fixed;
top: 180px; } }
@media only screen and (max-width: 991px) {
.left-column {
padding-top: 30px;
padding-bottom: 30px; } }
.left-column ol li {
color: #FFF; }
.left-column ol li a {
color: #FFF; }
.left-column ol li.active, .left-column ol li.set {
color: #FFC007; }
.left-column ol li.active a, .left-column ol li.set a {
color: #FFC007; }
.cloud-networking-map {
display: block; }
.cloud-networking-map svg {
width: 100%; }
@media only screen and (max-width: 991px) {
.cloud-networking-map {
display: none; } }
.ajax-popup-content .mfp-content {
background: #FFF;
border-radius: 10px;
padding: 40px 30px 30px 30px;
position: relative;
max-width: 960px;
margin: 0 auto; }
.ajax-popup-content button.mfp-close {
color: #000;
top: 15px;
right: 15px; }
.funds-calculator {
width: 100%; }
.funds-calculator .calculate {
border-collapse: collapse;
border: 1px solid #000;
padding: 20px;
margin-bottom: 40px; }
.funds-calculator select.styled {
margin-top: 0;
margin-bottom: 0; }
.funds-calculator label {
display: block;
text-align: left;
font-size: 16px;
color: #000;
margin-bottom: 5px;
font-family: 'UniversLTStd-LightCn';
letter-spacing: 0.05em; }
.funds-calculator input[type=text] {
margin-bottom: 10px; }
.funds-calculator-results {
text-align: left; }
.funds-calculator-results h3 {
font-size: 22px;
line-height: 1.4em;
margin-top: 0;
margin-bottom: 15px; }
.funds-calculator-results p {
margin: 0;
font-family: 'UniversLTStd-LightCn';
font-size: 18px;
color: rgba(255, 255, 255, 0.7); }
.funds-calculator-results .output {
margin-bottom: 35px;
text-align: center; }
.funds-calculator-results .output .calc {
text-align: center;
border: 0;
background: none;
color: #fdbf2f;
font-size: 26px;
font-weight: bold;
padding-bottom: 5px; }
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
#wp_payeezy_payment_form {
margin-top: 40px;
margin-bottom: 60px;
text-align: left; }
#wp_payeezy_payment_form .amount_error {
color: darkred;
font-size: 16px;
font-size: 1rem;
display: none; }
#wp_payeezy_payment_form label {
margin-bottom: 10px;
margin-top: 15px; }
#wp_payeezy_payment_form label:first-of-type {
margin-top: 0; }
#wp_payeezy_payment_form input[type=text],
#wp_payeezy_payment_form input[type=number],
#wp_payeezy_payment_form input[type=email] {
height: 42px;
width: 100%;
background: #F2F2F2;
border: 0;
text-indent: 5px; }
#wp_payeezy_payment_form select {
background-color: #FFF;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
height: 46px !important;
border: 0;
border-radius: 0px;
padding: 15px 5px;
font-size: 16px;
font-size: 1rem;
margin-top: 5px;
margin-bottom: 10px;
background-color: #F2F2F2;
background-image: url(//www.aerohive.com/wp-content/themes/aerohive/img/chevron-down.png);
background-repeat: no-repeat;
background-size: 20px;
background-position: 97% 50%; }
#wp_payeezy_payment_form select::-ms-expand {
display: none; }
#wp_payeezy_payment_form select:hover {
cursor: pointer; }
#wp_payeezy_payment_form select.alignLeft {
width: 400px; }
#wp_payeezy_payment_form select.error {
padding-left: 7px; }
#wp_payeezy_payment_form input[type=submit] {
margin-top: 60px;
font-size: 21px !important;
font-weight: bold !important;
border-radius: 0 !important;
border: none !important;
background-color: #5090ef !important;
height: 50px !important;
width: 100% !important;
color: #ffffff !important;
text-align: center !important;
text-shadow: none !important; }
.productTable .product_filter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 40px;
margin-top: 30px; }
.productTable .product_filter:before, .productTable .product_filter:after {
content: " ";
display: table; }
.productTable .product_filter:after {
clear: both; }
.productTable .nice-select {
width: 400px; }
.productTable .nice-select .list {
left: 0 !important;
right: 0 !important; }
.productTable #compatibility_matrix {
width: 100%;
border-collapse: collapse; }
.productTable #compatibility_matrix tr {
border-bottom: 1px solid #ccc; }
.productTable #compatibility_matrix tr:last-of-type {
border-bottom: 0; }
.productTable #compatibility_matrix th, .productTable #compatibility_matrix td {
padding: 10px; }
.productTable #compatibility_matrix th {
background: #FFC007;
color: #000; }
.productTable #compatibility_matrix td {
background: #FFF; } .section-intro {
padding-left: 15px;
padding-right: 15px; }
.section-intro p {
line-height: 1.4em;
margin: 0 0 20px 0; }
.section-intro .section-intro-icon {
margin: 0 auto 30px auto;
width: 48px;
height: 48px; }
.section-intro .section-intro-icon img {
width: 100%; }
.section-intro .section-intro-content {
text-align: left; }
.section-intro .section-cta {
text-align: center;
margin-top: 50px; }
.section-intro .section-cta a.btn {
min-width: 230px; }
.section-intro .section-featured-image {
padding-top: 20px; }
.section-intro .section-featured-image img {
max-width: 100%; }
.two-thirds .section-intro {
padding-left: 0;
padding-right: 0; }
.home-slider ul.slick-dots {
padding-bottom: 0; }
.hero {
height: 600px;
position: relative;   }
.hero.hero-tall {
height: 600px; }
.hero.hero-short {
height: 360px; }
.hero.hero-spacer {
width: 100%;
display: block;
height: 108px; }
.hero .header-space {
position: absolute;
top: 0;
left: 0;
z-index: 5;
width: 100%;
height: 80px;
background: rgba(255, 255, 255, 0.5); }
@media only screen and (max-width: 991px) {
.hero .header-space {
height: 70px; } }
.hero .banner-image {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 100%;
position: relative; }
.hero .banner-image.image-load {
opacity: 0; }
.hero.hero-left .banner-image {
background-position: left center; }
.hero.hero-right .banner-image {
background-position: right center; }
.hero.home {
height: 100vh;
min-height: 580px;
padding-bottom: 250px;
position: relative; }
.hero.home .wrapper, .hero.home .row {
height: 100%; }
.hero.home.hero-overlay:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background: rgba(0, 0, 0, 0.3); }
.hero.home.no-padding {
padding-bottom: 0; }
@media screen and (max-width: 992px), screen and (max-height: 767px) {
.hero.home {
padding-bottom: 0; } }
.hero.home.atom {
background: #000;
overflow: hidden; }
.hero.home.atom .banner-image {
background-size: 800px auto;
background-position: bottom center; }
.hero.home.atom .wrapper {
position: relative; }
.hero.home.atom .copy {
margin-top: 300px;
position: relative;
z-index: 10; }
.hero.home.atom .countdown-title {
font-family: 'UniversLTStd-LightCn';
text-transform: uppercase;
color: #FFF;
font-size: 36px;
font-size: 2.25rem;
letter-spacing: 8px;
margin-bottom: 20px; }
.hero.home.atom #countdown {
color: #ffbf02;
font-size: 100px;
font-size: 6.25rem;
font-family: 'UniversLT-CondensedBold';
letter-spacing: 5px; }
.hero.home.atom .cta {
position: absolute;
z-index: 10;
bottom: 60px;
width: 100%;
text-align: center; }
.hero.home.atom .poster {
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
z-index: 9;
text-align: center; }
.hero.home.atom .poster img {
max-width: 100%; }
@media only screen and (max-width: 767px) {
.hero.home.atom .banner-image {
background-size: 100% auto; }
.hero.home.atom .copy {
margin-top: 150px; }
.hero.home.atom .countdown-title {
font-size: 24px;
font-size: 1.5rem;
letter-spacing: 4px; }
.hero.home.atom #countdown {
font-size: 40px;
font-size: 2.5rem; } }
.hero.home .video-wrapper {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
overflow: hidden;
background-repeat: no-repeat;
background-size: cover;
background-position: center; }
.hero.home .video-wrapper video {
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
@media only screen and (max-width: 767px) {
.hero.home .video-wrapper video {
display: none; } }
.hero .message {
font-size: 28px;
font-size: 1.75rem;
color: #000;
text-transform: uppercase;
padding-top: 108px;
padding-bottom: 108px;
position: relative;
z-index: 5; }
.hero .message.custom {
padding-top: 0;
padding-bottom: 0; }
.hero .message img {
max-width: 100%; }
.hero .message p:last-of-type {
margin-bottom: 0; }
.hero .message .media {
max-height: 280px; }
.hero .message .media img {
width: auto; }
.hero .message .media.small img {
width: 65%; }
.hero .message .btn {
margin-left: 10px;
margin-right: 10px; }
.hero .message .icon {
max-width: 225px;
margin: 0 auto 12px auto; }
@media only screen and (max-width: 767px) {
.hero .message .icon {
max-width: 108px; } }
.hero h1 {
font-family: 'UniversLT-CondensedBold';
font-size: 54px;
font-size: 3.375rem;
color: #000;
text-transform: uppercase;
margin: 0; }
.hero h1.white {
color: #FFF; }
.hero h1 span {
text-transform: none; }
.hero.hero-short h1 {
font-size: 42px;
font-size: 2.625rem; }
@media only screen and (max-width: 767px) {
.hero {
height: 320px; }
.hero h1 {
font-size: 32px;
font-size: 2rem; } }
@media only screen and (max-width: 480px) {
.hero {
height: 280px; }
.hero h1 {
font-size: 28px;
font-size: 1.75rem; } }
.hero .enterprise802 {
text-align: center; }
.hero .enterprise802 h1 {
text-transform: lowercase; }
.hero .enterprise802 h1 .small-intro {
font-family: 'UniversLTStd-LightCn';
font-size: 65px;
font-size: 4.0625rem;
text-transform: uppercase; }
.hero .enterprise802 h1 span {
font-size: 80px;
font-size: 5rem;
display: block; }
@media only screen and (max-width: 1200px) {
.hero .enterprise802 h1 .small-intro {
font-size: 45px;
font-size: 2.8125rem; }
.hero .enterprise802 h1 span {
font-size: 60px;
font-size: 3.75rem; } }
@media only screen and (max-width: 767px) {
.hero .enterprise802 h1 .small-intro {
font-size: 33px;
font-size: 2.0625rem;
line-height: 1.3em; }
.hero .enterprise802 h1 span {
font-size: 45px;
font-size: 2.8125rem;
line-height: 1.0em; } }
.hero .white-atom img {
width: 100%;
position: relative;
margin-top: -50px; }
.hero .white-atom .hero-content {
text-align: left; }
.hero .white-atom .hero-content h1 {
font-size: 78px;
font-size: 4.875rem; }
.hero .white-atom .hero-content h1 span.highlight {
color: #ffc007; }
.hero .white-atom .hero-content h1 span.no-wrap {
white-space: nowrap; }
.hero .white-atom .hero-content p {
font-size: 28px;
font-size: 1.75rem;
font-family: 'UniversLTStd-LightCn';
text-transform: none; }
.hero .white-atom .hero-cta {
float: left;
width: 100%;
margin-top: 60px; }
@media only screen and (max-width: 1200px) {
.hero .white-atom .hero-content {
padding-right: 40px; }
.hero .white-atom .hero-content h1 {
font-size: 58px;
font-size: 3.625rem; }
.hero .white-atom .hero-content p {
font-size: 20px;
font-size: 1.25rem;
line-height: 1.5em; } }
@media only screen and (max-width: 991px) {
.hero .white-atom .hero-content {
padding-right: 0; }
.hero .white-atom img {
max-width: 600px; } }
@media only screen and (max-width: 480px) {
.hero .white-atom .hero-content h1 {
font-size: 28px;
font-size: 1.75rem; }
.hero .white-atom .hero-content p {
font-size: 16px;
font-size: 1rem; } }
.hero .erate {
text-align: left;
padding-left: 20px;
padding-right: 20px; }
.hero .erate h1 {
font-family: 'UniversLT-CondensedBold';
text-transform: none;
margin-bottom: 10px;
font-size: 100px;
font-size: 6.25rem; }
.hero .erate p {
margin: 0 0 20px 0; }
.hero .erate p:last-of-type {
margin-bottom: 0; }
.hero .erate a.btn {
margin: 0; }
@media only screen and (max-width: 767px) {
.hero .erate h1 {
font-size: 80px;
font-size: 5rem; } }
@media only screen and (max-width: 640px) {
.hero .erate h1 {
font-size: 60px;
font-size: 3.75rem; } }
@media only screen and (max-width: 480px) {
.hero .erate h1 {
font-size: 40px;
font-size: 2.5rem; } }
.hero .hiveManager {
position: relative;
z-index: 2; }
.hero .hiveManager h1 {
font-family: 'UniversLTStd-LightCn';
font-size: 50px;
font-size: 3.125rem;
margin: 0 0 10px 0;
letter-spacing: 1px;
color: #FFF; }
.hero .hiveManager h1 span {
font-family: 'UniversLT-CondensedBold';
font-size: 60px;
font-size: 3.75rem; }
.hero .hiveManager h1 sup {
font-size: 30px;
font-size: 1.875rem;
padding-left: 5px; }
.hero .hiveManager h2 {
font-family: 'UniversLTStd-LightCn';
font-size: 45px;
font-size: 2.8125rem;
letter-spacing: 2px;
margin: 0;
color: #FFF; }
.hero .hiveManager .cta {
margin-top: 60px; }
@media only screen and (max-width: 640px) {
.hero .hiveManager h1 {
font-size: 40px;
font-size: 2.5rem; }
.hero .hiveManager h1 span {
font-size: 50px;
font-size: 3.125rem; }
.hero .hiveManager h1 sup {
font-size: 20px;
font-size: 1.25rem; }
.hero .hiveManager h2 {
font-size: 30px;
font-size: 1.875rem; } }
.hero .future {
position: relative;
z-index: 10; }
.hero .future h1 {
font-family: 'UniversLTStd-LightCn';
font-size: 80px;
font-size: 5rem;
margin: 0 0 10px 0;
letter-spacing: 1px;
color: #FFF; }
.hero .future h2 {
font-family: 'UniversLT-Condensed';
font-size: 80px;
font-size: 5rem;
letter-spacing: 2px;
margin: 0;
color: #FFF; }
.hero .future .cta {
margin-top: 60px; }
@media only screen and (max-width: 640px) {
.hero .future h1 {
font-size: 40px;
font-size: 2.5rem; }
.hero .future h1 span {
font-size: 50px;
font-size: 3.125rem; }
.hero .future h1 sup {
font-size: 20px;
font-size: 1.25rem; }
.hero .future h2 {
font-size: 30px;
font-size: 1.875rem; } }
.hero .hero-footer-bar {
position: absolute;
bottom: 0;
width: 100%;
background: rgba(0, 0, 0, 0.4);
text-align: center;
padding: 30px 0; }
.hero .hero-footer-bar p {
color: #FFF;
font-size: 24px;
font-size: 1.5rem;
line-height: 1.4em;
font-family: 'UniversLTStd-LightCn'; }
.hero .hero-footer-bar a {
font-family: 'UniversLT-CondensedBold'; }
@media only screen and (max-width: 640px) {
.hero .hero-footer-bar {
padding: 5px 0 30px 0; }
.hero .hero-footer-bar p {
font-size: 16px;
font-size: 1rem; } }
.hero.cloud-networking {
background: url(//www.aerohive.com/wp-content/uploads/index.BG_.02.jpg); }
.hero .family {
padding-top: 0;
margin-top: -50px;
text-align: center; }
.hero .family h1 {
text-transform: uppercase;
font-size: 54px;
font-size: 3.375rem;
margin-bottom: 10px; }
.hero .family h1 span {
display: block; }
.hero .family h1 span.small {
font-family: 'UniversLTStd-LightCn';
text-transform: uppercase;
font-size: 40px;
font-size: 2.5rem;
margin-bottom: 10px; }
.hero .family h1 span.highlight,
.hero .family h1 strong {
color: #ffc007; }
.hero .family h1 strong {
font-family: 'UniversLTStd-LightCn'; }
.hero .family p {
font-size: 20px;
font-size: 1.25rem;
line-height: 1.3em;
max-width: 640px;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
margin-top: 0;
margin-bottom: 20px; }
@media only screen and (max-width: 640px) {
.hero .family h1 {
font-size: 36px;
font-size: 2.25rem; }
.hero .family h1 span.small {
font-size: 24px;
font-size: 1.5rem; }
.hero .family p {
font-size: 18px;
font-size: 1.125rem; } }
.hero .announcements {
padding-top: 108px;
padding-bottom: 108px; }
.hero .announcements img {
max-width: 100%; }
.hero .announcements .badge {
color: #FFF;
text-transform: uppercase;
border-radius: 2px;
background: #000;
font-size: 12px;
font-size: 0.75rem;
line-height: 12px;
padding: 10px 20px;
display: inline-block;
margin-right: 15px;
position: relative;
margin-top: -3px; }
.hero .announcements .row-1 {
text-transform: uppercase;
color: #000;
font-size: 24px;
font-size: 1.5rem;
margin-bottom: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0;
position: relative;
top: -20px; }
.hero .announcements .row-2 {
margin-bottom: 40px;
display: block; }
.hero .announcements .row-2 .announcement-content {
display: inline-block; }
.hero .announcements .row-2 .announcement-content .main-title {
color: #000;
font-size: 160px;
font-size: 10rem;
line-height: 140px;
font-family: 'UniversLT-CondensedBold';
opacity: 0; }
.hero .announcements .row-2 .announcement-content .large-badge {
font-size: 24px;
font-size: 1.5rem;
line-height: 24px;
border-radius: 2px;
background: #000;
color: #FFF;
padding: 13px 20px 10px 20px;
margin-top: 25px;
font-family: 'UniversLTStd-LightCn';
letter-spacing: 1px;
opacity: 0;
position: relative;
bottom: -20px; }
@media only screen and (max-width: 639px) {
.hero .announcements .row-2 .announcement-content .main-title {
font-size: 100px;
font-size: 6.25rem;
line-height: 80px; } }
@media only screen and (max-width: 480px) {
.hero .announcements .row-2 .announcement-content .main-title {
font-size: 80px;
font-size: 5rem;
line-height: 60px; }
.hero .announcements .row-2 .announcement-content .large-badge {
font-size: 20px;
font-size: 1.25rem; } }
.hero .announcements .row-3 {
opacity: 0; }
.hero .announcements .row-3 a.btn {
margin: 0 10px; }
@media only screen and (max-width: 639px) {
.hero .announcements .row-3 a.btn {
display: block;
margin: 0 10px 20px 10px; } }
.hero .ebook .ebook-wrap {
position: relative; }
.hero .ebook .ebook-wrap:before, .hero .ebook .ebook-wrap:after {
content: " ";
display: table; }
.hero .ebook .ebook-wrap:after {
clear: both; }
.hero .ebook .hero-content {
text-align: left;
position: absolute;
left: 0;
top: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
height: 100%; }
.hero .ebook .hero-content:before, .hero .ebook .hero-content:after {
content: " ";
display: table; }
.hero .ebook .hero-content:after {
clear: both; }
.hero .ebook .hero-content h1 {
font-family: 'UniversLTStd-LightCn';
text-transform: none;
margin-bottom: 50px; }
.hero .ebook .hero-content h1 span {
color: #01afee;
font-family: 'UniversLT-CondensedBold'; }
.hero .ebook .hero-content a.btn {
margin: 0;
border: 1px solid #FFC007;
background: #FFC007;
color: #000; }
.hero .ebook .hero-content a.btn:hover {
border: 1px solid #FFC007;
background: none; }
.hero .ebook .hero-image {
width: 80%;
float: right;
margin-right: -180px; }
@media only screen and (max-width: 767px) {
.hero .ebook .hero-content {
position: relative;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
padding-top: 30px; }
.hero .ebook .hero-content h1 {
margin-bottom: 30px; }
.hero .ebook .hero-image {
margin-right: 0; }
.hero .ebook .hero-image img {
min-width: 400px; } }
@media only screen and (max-width: 400px) {
.hero .ebook .hero-image img {
margin-left: -60px; } }
.hero.hero-vertical .wrapper,
.hero.hero-vertical .row {
height: 100%; } #light .hero h1 {
color: #FFF; }
.cards {
width: 100%;
top: 1px solid #dadada;
bottom: 1px solid #dadada; }
.cards:before, .cards:after {
content: " ";
display: table; }
.cards:after {
clear: both; }
.cards [class*="col-"] {
border-left: 1px solid #dadada;
border-right: 1px solid #e7e7e7; }
.cards [class*="col-"]:first-of-type {
border-left: 0; }
.cards [class*="col-"]:last-of-type {
border-right: 0; }
@media only screen and (max-width: 991px) {
.cards [class*="col-"] {
border-left: 0px;
border-right: 0px; } }
.cards .card {
text-align: center;
padding: 30px 30px; }
.cards .card-icon {
width: 50px;
height: 50px;
margin: 0 auto 15px; }
.cards .card-icon img {
max-height: 50px; }
.cards .card-content {
border: 1px solid transparent;
padding-bottom: 5px; }
.cards h2 {
margin-top: 0;
color: #000;
font-size: 18px;
font-size: 1.125rem;
font-weight: 500;
line-height: 21.6px;
text-transform: uppercase;
position: relative; }
.cards p {
color: #333;
font-size: 16px;
font-size: 1rem;
font-weight: 400;
line-height: 18px; }
.cards a.btn {
width: 100%;
max-width: 230px; }
.product-cards {
padding-bottom: 30px; }
.product-cards .product-card {
margin-bottom: 30px;
margin-top: 30px;
padding-left: 20px;
padding-right: 20px; }
.product-cards .product-icon {
margin-bottom: 20px;
position: relative;
vertical-align: bottom;
padding-bottom: 20px;
display: block; }
.product-cards .product-icon img {
width: 100%; }
.product-cards .product-desc {
text-align: left;
margin-bottom: 20px; }
.product-cards .product-desc h2 {
color: #0745ff;
margin: 0 0 20px 0;
font-size: 18px;
font-size: 1.125rem;
font-weight: 700;
text-align: center;
letter-spacing: 0; }
.product-cards .product-desc p {
margin: 0 0 20px 0; }
.product-cards .product-specs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row;
flex-flow: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
margin-right: -3px;
margin-left: -3px; }
.product-cards .product-specs .product-spec {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin: 0 2px;
border-radius: 2px;
background: #EDEDED;
padding: 5px 5px;
font-size: 12px;
font-size: 0.75rem;
font-weight: 500; }
.product-cards .product-specs .product-spec div {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center; }
@media only screen and (max-width: 767px) {
.product-cards .product-specs .product-spec {
font-size: 10px;
font-size: 0.625rem; } }
.panels {
background-color: #212121;
background-size: cover;
background-repeat: no-repeat;
background-position: center top;    }
.panels .section-title {
margin-bottom: 20px;
padding-bottom: 5px; }
.panels .section-title h2 {
padding-bottom: 5px; }
.panels .section-title h2:after {
bottom: 18px; }
.panels .section-title .section-intro-icon {
margin: 0 auto 30px auto;
width: 48px;
height: 48px; }
.panels .section-title .section-intro-icon img {
width: 100%; }
.panels.featured { }
.panels.featured .panel-wrap {
min-height: 530px;
background-position: center top;
background-repeat: no-repeat;
padding-top: 30px;
padding-bottom: 30px; }
.panels.featured.full .panel-icon {
width: 100%;
margin-bottom: 10px; }
.panels.featured.full .panel-icon img {
height: 70px; }
.panels.featured.full .special-content {
width: 100%; }
.panels.featured.full .special-content p {
color: #000;
font-weight: 500;
margin: 0 0 10px 0; }
.panels.featured.full .special-content p.large {
color: #FFC007;
font-weight: 700;
font-size: 28px;
font-size: 1.75rem; }
.panels.featured.full .special-content p.larger {
color: #FFC007;
font-weight: 700;
font-size: 32px;
font-size: 2rem; }
.panels.featured.full .special-content p sup {
font-size: 18px;
font-size: 1.125rem; }
.panels.featured.full .panel-cta {
width: 100%;
margin-top: 100px; }
.panels.featured.full .panel-cta a.btn {
min-width: 140px; }
.panels.featured.split-center .panel-icon {
margin-bottom: 10px; }
.panels.featured.split-center .panel-icon img {
height: 70px; }
.panels.featured.split-center .panel {
padding-top: 20px;
padding-bottom: 0; }
.panels.featured.split-center .panel p {
font-size: 14px;
font-size: 0.875rem;
line-height: 16px; }
.panels.featured.split-center .panel a.btn {
margin-top: 10px; }
.panels.featured.split-center .panel.dark p {
color: #fff; }
.panels.featured.split-center .panel.align-right {
text-align: right; }
.panels.featured.split-center .panel.align-left {
text-align: left; }
@media only screen and (max-width: 639px) {
.panels.featured.split-center .panel.align-left, .panels.featured.split-center .panel.align-right {
text-align: center; } }
.panels.featured.split {
padding-bottom: 260px;
padding-top: 20px;
background-color: #000;
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat; }
@media only screen and (max-width: 991px) {
.panels.featured.split {
padding-bottom: 340px; } }
.panels.featured.split .split-content {
margin-top: 20px; }
.panels.featured.split .split-content h3 {
font-size: 16px;
font-size: 1rem;
color: #FFF;
text-align: center;
font-weight: 400;
line-height: 1.4em; }
.panels.featured.split .split-content h3 strong {
font-weight: 500; }
.panels.featured.split .split-content p {
font-size: 16px;
font-size: 1rem;
color: #FFF; }
.panels.featured.split .split-content ul {
padding-left: 20px; }
.panels.featured.split .split-content ul li {
color: #FFF;
font-size: 16px;
font-size: 1rem;
margin-bottom: 15px;
line-height: 1.4em; }
.panels.featured.split .cta {
text-align: center;
margin-top: 40px; }
.panels.featured.split .cta a.btn {
min-width: 230px; }
@media only screen and (max-width: 991px) {
.panels.featured.split .cta {
margin-bottom: 60px; } }
.panels.promo-blade {
min-height: 300px;
padding-top: 40px;
padding-bottom: 40px;
background-size: cover;
background-repeat: no-repeat;
background-position: center; }
.panels.promo-blade .section-title h2 {
font-family: 'UniversLT-CondensedBold';
font-size: 30px;
font-size: 1.875rem;
margin-bottom: 0; }
.panels.promo-blade .section-title h3 {
font-size: 20px;
font-size: 1.25rem;
font-family: 'UniversLTStd-LightCn';
line-height: 1.3em; }
.panels.promo-blade .promo-blade-content {
text-align: center;
margin-top: 50px;
font-family: 'UniversLTStd-LightCn'; }
.panels.promo-blade .promo-blade-content p {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.5em; }
.panels.promo-blade .promo-blade-content a.btn {
margin-top: 20px;
min-width: 140px; }
.panels.promo-blade.promo-light .section-title:after {
background: #fff; }
.panels.promo-blade.promo-light .section-title h2, .panels.promo-blade.promo-light .section-title h3 {
color: #FFF; }
.panels.promo-blade.promo-light .promo-blade-content {
color: #FFF; }
.panels.promo-blade.promo-light .promo-blade-content p {
color: #FFF; }
.panels.carousel {
position: relative;
background: #cfcfcf;    background: -webkit-gradient(linear, left top, left bottom, from(#cfcfcf), to(#fefefe));
background: linear-gradient(#cfcfcf, #fefefe); padding: 0; }
.panels.carousel .wrapper {
height: 100%; }
.panels.carousel .row {
padding-top: 150px;
padding-bottom: 10px; }
@media only screen and (max-width: 991px) {
.panels.carousel .row {
padding-top: 50px;
padding-bottom: 50px; } }
.panels.carousel .carousel-panels {
visibility: hidden;
background-repeat: no-repeat;
background-position: right center; }
@media only screen and (max-width: 991px) {
.panels.carousel .carousel-panels {
background-image: none !important; } }
.panels.carousel .carousel-panels.slick-initialized {
visibility: visible; }
.panels.carousel .carousel-panel {
height: 676px;
border: 1px solid transparent; }
@media only screen and (max-width: 991px) {
.panels.carousel .carousel-panel {
height: auto; } }
@media only screen and (max-width: 767px) {
.panels.carousel .carousel-panel {
padding-left: 30px;
padding-right: 30px; } }
.panels.carousel .screen {
position: absolute;
top: 38px;
right: -26px; }
@media only screen and (max-width: 991px) {
.panels.carousel .screen {
display: none; } }
.panels.full-bleed {
background: #FFF;
padding-left: 15px;
padding-right: 15px; }
.panels.full-bleed.gray {
background: #f8f8f8; }
.panels.full-bleed img {
max-width: 100%; }
.panels.full-bleed .panel-cta {
width: 100%;
margin-top: 40px;
text-align: center; }
.panels.full-bleed .panel-cta a.btn {
min-width: 140px; }
@media only screen and (max-width: 991px) {
.panels.full-bleed {
text-align: center; }
.panels.full-bleed .bleed-image img {
max-width: 100%;
margin: 0 auto; } }
.panels.full-bleed .section-title .section-intro-icon img {
max-width: 100%;
margin: 0 auto; }
.panels.full-bleed .flip {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.panels.full-bleed .flip .bleed-image {
float: right; }
@media only screen and (max-width: 991px) {
.panels.full-bleed .flip .bleed-image {
float: none; } } .split-panels .flip {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.split-panels .section-intro-icon {
margin: 0 auto 30px auto;
width: 48px;
height: 48px; }
.split-panels .section-intro-icon img {
width: 100%; }
.split-panels .split-panel-content {
padding-left: 80px;
padding-right: 80px; }
.split-panels .split-panel-content p {
margin: 0 0 25px 0;
line-height: 1.4em; }
.split-panels .split-panel-content ul {
padding-left: 20px; }
.split-panels .split-panel-content ul li {
line-height: 1.4em; }
@media only screen and (max-width: 992px) {
.split-panels .split-panel-content {
padding-left: 20px;
padding-right: 20px; } }
.split-panels .split-cta {
width: 100%;
margin-top: 40px;
text-align: center; }
.split-panels .split-panel-media {
padding-left: 15px;
padding-right: 45px;
padding-top: 15px; }
@media only screen and (max-width: 992px) {
.split-panels .split-panel-media {
padding-right: 20px; } }
.split-panels .split-panel-media img {
max-width: 100%;
display: block; }
.split-panels .split-panel-media .video a.video-media-wrap {
display: block;
position: relative;
margin-bottom: 15px; }
.split-panels .split-panel-media .video a.video-media-wrap:after {
content: '';
background: url(//www.aerohive.com/wp-content/uploads/playBtn.ICON_.BLK_.svg) no-repeat center;
background-size: 60px;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.split-panels .split-panel-media .video .video-title-bar {
display: block;
vertical-align: middle;
border-radius: 4px;
background: #f8f8f8;
padding: 10px; }
.split-panels .split-panel-media .video .video-title-bar a {
display: block;
padding: 5px 10px 5px 32px;
min-height: 26px;
background: url(//www.aerohive.com/wp-content/uploads/playBtn.ICON_.BLU_.svg) no-repeat;
background-position: 0 0;
background-size: 24px;
color: #000;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out; }
.split-panels .split-panel-media .video .video-title-bar a:hover {
text-decoration: none;
background-position: 10px 0;
padding-left: 42px; }
.two-thirds .split-panels .split-panel-content {
padding-left: 20px;
padding-right: 20px; }
.gray .split-panels .split-panel-media {
padding-right: 15px; }
.gray .split-panels .split-panel-media .video .video-title-bar {
background: #FFF; }
.videos [class*="col-"] {
height: 100%; }
@media only screen and (max-width: 639px) {
.videos {
padding-left: 15px;
padding-right: 15px; } }
.videos .video-icon {
margin-bottom: 20px;
width: 100%;
max-width: 300px;
margin: 0 auto; }
.videos .video-icon img {
max-height: 61px; }
.videos .video {
border: 1px solid #e5e5e5;
border-radius: 4px;
text-align: center;
padding: 30px;
background: white;
margin-bottom: 30px; }
.videos .video .video-cta {
margin-top: 50px; }
.videos .video .video-cta a.btn {
width: 100%;
max-width: 230px; }
.videos .video-content h2 {
font-size: 18px;
font-size: 1.125rem;
color: #0745ff;
margin-bottom: 20px; }
.videos .video-content h3 {
color: #333333;
font-size: 18px;
font-size: 1.125rem;
font-size: 700;
margin-bottom: 20px; }
.videos .video-content p {
text-align: left;
margin: 0 0 20px 0; }
.videos .featured-video {
border: 1px solid #e5e5e5;
border-radius: 4px;
text-align: center;
padding: 30px 20px 20px 20px;
margin-bottom: 20px;
margin-left: 15px;
margin-right: 15px; }
.videos .featured-video:before, .videos .featured-video:after {
content: " ";
display: table; }
.videos .featured-video:after {
clear: both; }
.videos .featured-video .video-content:before, .videos .featured-video .video-content:after {
content: " ";
display: table; }
.videos .featured-video .video-content:after {
clear: both; }
.videos .featured-video .video-content h2 {
margin-bottom: 40px; }
.videos .featured-video .featured-video-details {
float: left;
width: 50%;
padding: 0 10px;
text-align: left; }
.videos .featured-video .featured-video-details.center {
text-align: center; }
.videos .featured-video .featured-video-details.center p {
text-align: center; }
.videos .featured-video .featured-video-details p {
margin: 0 0 20px 0; }
.videos .featured-video .featured-video-details ul {
padding-left: 20px; }
.videos .featured-video .featured-video-details ul li {
margin-bottom: 15px;
line-height: 17px; }
.videos .featured-video .featured-video-details a.btn {
margin-top: 10px; }
@media only screen and (max-width: 767px) {
.videos .featured-video .featured-video-details {
width: 100%;
display: block;
padding-bottom: 40px; }
.videos .featured-video .featured-video-details:last-of-type {
padding-bottom: 0; } }
.events .event {
border: 1px solid #e5e5e5;
border-radius: 4px;
text-align: center;
padding: 30px;
margin-bottom: 30px;
background: white; }
.events .event .event-logo {
height: 65px;
margin-bottom: 20px; }
.events .event .event-logo img {
max-height: 100%;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.events .event h2 {
font-size: 18px;
font-size: 1.125rem;
color: #0745ff;
margin-bottom: 20px; }
.events .event p {
margin: 0 0 20px 0; }
.events .event strong {
font-weight: 700; }
.events .event .event-cta {
margin-top: 30px; }
.events .event .event-cta a.btn {
width: 100%;
max-width: 230px; }
@media only screen and (max-width: 767px) {
.news {
padding-left: 15px;
padding-right: 15px; } }
.news a.block-anchor {
display: block;
margin-bottom: 20px;
text-decoration: none; }
.news a.block-anchor p {
color: #333; }
.news a.block-anchor:hover .news-item {
-webkit-transform: scale(1.05);
transform: scale(1.05); }
.news .news-item {
border: 1px solid #e5e5e5;
border-radius: 4px;
text-align: center;
padding: 30px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
background: white;
display: table;
width: 100%; }
.news .news-item .news-item-logo {
display: table-cell;
width: 135px;
padding-right: 20px;
text-align: center;
vertical-align: middle; }
.news .news-item .news-item-logo img {
max-width: 100%; }
.news .news-item .news-item-content {
display: table-cell;
text-align: left;
padding: 0; }
.news .news-item h2 {
font-size: 18px;
font-size: 1.125rem;
color: #0745ff;
margin-bottom: 10px; }
.news .news-item ul.meta {
margin: 0 0 20px 0;
padding: 0;
list-style: none;
color: #333; }
.news .news-item ul.meta li {
display: inline-block;
padding-right: 5px; }
.news .news-item ul.meta li strong {
font-weight: 700; }
.news .news-item p {
margin: 0 0 20px 0;
color: #333; }
.news .news-item p:last-of-type {
margin-bottom: 0; }
.timeline .timeline-vertical .timeline-panel {
display: table;
min-height: 180px;
width: 100%; }
.timeline .timeline-vertical .timeline-year {
display: table-cell;
width: 100px;
border-right: 2px solid #CCC;
text-align: right;
vertical-align: top; }
.timeline .timeline-vertical .timeline-year .yr {
display: block;
position: relative;
padding-right: 20px;
padding-top: 10px; }
.timeline .timeline-vertical .timeline-year .yr:after {
content: '';
position: absolute;
top: 15px;
right: 0;
width: 10px;
height: 2px;
background: #CCC; }
@media only screen and (max-width: 640px) {
.timeline .timeline-vertical .timeline-year {
width: 75px; }
.timeline .timeline-vertical .timeline-events {
padding-right: 20px; } }
.timeline .timeline-vertical .timeline-events {
display: table-cell;
text-align: left;
vertical-align: top;
padding-top: 15px; }
.timeline .timeline-vertical .timeline-events .timeline-event {
border-left: 2px solid #0745ff;
position: relative;
padding-bottom: 10px;
padding-left: 10px;
margin-bottom: 25px;
margin-left: 15px; }
.timeline .timeline-vertical .timeline-events .timeline-event:before {
content: '';
position: absolute;
width: 6px;
height: 6px;
background: #0745ff;
top: -2px;
left: -21px;
border-radius: 50%; }
.timeline .timeline-vertical .timeline-events .timeline-event h3 {
color: #0745ff; }
.timeline .timeline-vertical .timeline-events .timeline-event h3:before {
content: '';
width: 18px;
height: 2px;
background: #0745ff;
position: absolute;
top: 0;
left: -20px; }
.timeline .timeline-vertical .timeline-events .timeline-event p {
margin-bottom: 20px; }
.timeline .timeline-vertical .timeline-events .timeline-event p:last-of-type {
margin-bottom: 0; }
.timeline .timeline-vertical .timeline-panel:first-of-type {
padding-top: 0; }
.timeline .timeline-vertical .timeline-panel:first-of-type .timeline-year .yr {
padding-top: 0; }
.timeline .timeline-vertical .timeline-panel:first-of-type .timeline-year .yr:after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 10px;
height: 2px;
background: #CCC; }
.timeline .timeline-vertical .timeline-panel:first-of-type .timeline-events {
padding-top: 1px; }
.timeline .timeline-vertical .timeline-panel:first-of-type .timeline-events h3 {
margin-top: 0; }
.resources [class*="col-"] {
height: 100%; }
.resources .section-intro-icon {
margin: 0 auto 30px auto;
width: 48px;
height: 48px; }
.resources .section-intro-icon img {
width: 100%; }
@media only screen and (max-width: 639px) {
.resources {
padding-left: 15px;
padding-right: 15px; } }
.resources .icon {
margin-bottom: 20px;
width: 100%;
text-align: center; }
.resources .icon img {
max-height: 61px;
margin: 0 auto; }
.resources .resource {
border: 1px solid #e5e5e5;
border-radius: 4px;
text-align: center;
padding: 30px;
margin-bottom: 30px;
background-color: white;
background-size: cover;
background-repeat: no-repeat;
background-position: center; }
.resources .resource .cta {
margin-top: 50px; }
.resources .resource .cta a.btn {
width: 100%;
max-width: 230px; }
.resources .content h2 {
font-size: 18px;
font-size: 1.125rem;
color: #0745ff;
margin-bottom: 20px; }
.resources .content h2.black {
color: #000; }
.resources .content h3 {
color: #333333;
font-size: 16px;
font-size: 1rem;
font-size: 700;
margin-bottom: 20px; }
.resources .content h4 {
text-transform: uppercase;
font-size: 14px;
font-size: 0.875rem;
max-width: 300px;
margin: 0 auto 20px auto;
line-height: 1.5em; }
.resources .content h5 {
color: #0745ff;
font-size: 14px;
font-size: 0.875rem; }
.resources .content p {
text-align: left;
margin: 0 0 20px 0; }
.resources .resource.event .content p {
text-align: center; }
.resources.as-slider {
padding-bottom: 30px; }
.resources.as-slider .resource-slider {
visibility: hidden; }
.resources.as-slider .resource-slider.slick-initialized {
visibility: visible; }
.resources.as-slider .resource {
border: 0;
display: inline-block;
background: none; }
.resources.as-slider .resource .icon {
margin-bottom: 20px;
width: 100%;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.resources.as-slider .resource .icon img {
max-height: 90px;
margin: 0 auto; }
.resources.as-slider ul.slick-dots {
bottom: -50px; }
.resources.as-slider ul.slick-dots:before, .resources.as-slider ul.slick-dots:after {
content: " ";
display: table; }
.resources.as-slider ul.slick-dots:after {
clear: both; }
.resources.as-slider .slick-prev,
.resources.as-slider .slick-next {
position: absolute;
bottom: -23px;
width: 25px;
height: 43px;
border: 0;
background: url(//www.aerohive.com/wp-content/themes/aerohive/img/chevron-slider-black.png) no-repeat center;
background-size: 20px 35px;
text-indent: -9999px;
z-index: 75;
cursor: pointer;
opacity: 0.5;
filter: alpha(opacity=50); }
.resources.as-slider .slick-prev {
left: 10px; }
.resources.as-slider .slick-next {
right: 10px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.resources.as-slider .slick-disabled {
opacity: 0.2;
filter: alpha(opacity=20); }
.features [class*="col-"] {
height: 100%; }
@media only screen and (max-width: 639px) {
.features {
padding-left: 15px;
padding-right: 15px; } }
.features .icon {
margin-bottom: 20px;
width: 100%; }
.features .icon img {
max-height: 61px; }
.features .media {
width: auto;
margin-bottom: 30px;
border: 1px solid #e6e6e6;
position: relative;
margin-top: -10px;
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 350px; }
.features .media img {
width: 100%;
max-width: 350px; }
.features .resource {
border: 1px solid #e5e5e5;
border-radius: 4px;
text-align: center;
padding: 30px;
background: white;
margin-bottom: 30px; }
.features .resource .cta {
margin-top: 50px; }
.features .resource .cta a.btn {
width: 100%;
max-width: 230px; }
.features .content h2 {
font-size: 18px;
font-size: 1.125rem;
color: #ffc007;
margin-bottom: 20px; }
.features .content h3 {
color: #333333;
font-size: 14px;
font-size: 0.875rem;
font-size: 700;
margin-bottom: 20px; }
.features .content p {
text-align: left;
margin: 0 0 20px 0; }
.open-content {
padding-left: 15px;
padding-right: 15px; }
.open-content .content {
text-align: left; }
.featured-image {
text-align: center;
padding-top: 0;
padding-bottom: 0; }
.featured-image img {
width: 100%; }
.press-release {
padding: 50px 0; }
.press-release h1 {
line-height: 1.3em; }
.press-release h2 {
line-height: 1.3em; }
.press-release h3 {
font-size: 20px;
font-size: 1.25rem;
margin-top: 40px; }
.press-release h3:first-of-type {
margin-top: 0; }
.press-release p, .press-release ul, .press-release ol {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.5em; }
.press-release p.center {
text-align: center; }
.press-release ul, .press-release ol {
padding-left: 30px; }
.press-release ul li, .press-release ol li {
margin-bottom: 5px; }
.press-release hr {
width: 100%;
margin-top: 25px;
margin-bottom: 40px;
border: 0;
height: 1px;
background: rgba(0, 0, 0, 0.2);
float: left; }
.press-release strong {
font-weight: 600; }
.press-release .pr-body {
margin-top: 50px; }
.press-release .pr-info {
margin-top: 50px; }
.press-release .pr-info h3 {
padding-top: 30px;
display: block;
margin-bottom: 20px; }
.press-release .pr-info h3:first-of-type {
margin-top: 0; }
.press-release .pr-info p {
margin: 0 0 20px 0; }
.accordion .section-intro-icon {
width: 48px;
margin: 0 auto 20px auto; }
.accordion .accordion-wrap {
width: 100%;
text-align: left;
border-bottom: 1px solid lightgray; }
.accordion .accordion-wrap .accordion-trigger {
position: relative;
padding: 20px 40px 20px 10px;
font-weight: bold;
font-size: 18px;
font-size: 1.125rem;
border-top: 0;
cursor: pointer; }
.accordion .accordion-wrap .accordion-trigger:after {
content: '';
width: 30px;
height: 30px;
background: url(//www.aerohive.com/wp-content/themes/aerohive/img/chevron-down.png) no-repeat center;
background-size: 25px;
position: absolute;
right: 10px;
top: 17px;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
opacity: 0.6;
filter: alpha(opacity=60); }
.accordion .accordion-wrap .accordion-trigger.accordion-open:after {
content: '';
width: 30px;
height: 30px;
background: url(//www.aerohive.com/wp-content/themes/aerohive/img/chevron-down.png) no-repeat center;
background-size: 25px;
position: absolute;
right: 10px;
top: 17px; -webkit-transform: rotate(180deg); transform: rotate(180deg);
opacity: 1;
filter: alpha(opacity=100); }
.accordion .accordion-wrap .accordion-trigger ~ .accordion-trigger {
border-top: 1px solid lightgray; }
.accordion .accordion-wrap .accordion-content {
padding: 0 10px 10px 10px;
display: none; }
.accordion .accordion-wrap ul li {
margin-bottom: 5px; }
.accordion .bleed-image {
float: right; }
.accordion .bleed-image img {
max-width: 100%;
margin: 0 auto; }
@media only screen and (max-width: 991px) {
.accordion .bleed-image {
float: none; } }
.accordion .flip {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.accordion .flip .bleed-image {
float: left; }
@media only screen and (max-width: 991px) {
.accordion .flip .bleed-image {
float: none; } }
.customers-panels .section-intro-icon,
.customer-spotlight .section-intro-icon {
margin: 0 auto 30px auto;
width: 48px;
height: 48px; }
.customers-panels .section-intro-icon img,
.customer-spotlight .section-intro-icon img {
width: 100%; }
.spotlight-wrap .customer-spotlight {
display: none; }
.spotlight-wrap > *:first-child {
display: block; }
.customer-filters {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.customer-filters label {
font-size: 16px;
font-size: 1rem; }
.customer-filters div {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
padding: 0 5px;
position: relative; }
.customer-filters input[type=text] {
height: 38px;
width: 280px;
text-indent: 5px;
border-radius: 2px;
border: 1px solid #333;
padding-right: 35px; }
.customer-filters input[type=submit] {
width: 38px;
height: 38px;
border-radius: 2px;
border: 1px solid #0745ff;
background: url(//www.aerohive.com/wp-content/themes/aerohive/img/icon-search.png) no-repeat;
background-size: 25px;
background-position: center;
text-indent: -9999px; }
.customer-filters .clear-search {
width: 38px;
height: 38px;
position: absolute;
right: 5px;
top: 0;
cursor: pointer;
display: none; }
.customer-filters .clear-search img {
width: 100%;
margin-top: 4px; }
.customer-spotlight {
padding-top: 60px;
background: #FFF; }
.customer-spotlight .customer-spotlight-vertical {
padding-top: 15px;
min-height: 600px; }
.customer-spotlight .section-title h2 {
text-transform: uppercase; }
.customer-spotlight .customer-spotlight-logo {
text-align: center;
margin-bottom: 35px; }
.customer-spotlight .customer-spotlight-logo img {
max-height: 120px; }
.customer-spotlight .customer-spotlight-content {
padding-bottom: 60px;
background-size: cover;
background-position: center 200px;
background-repeat: no-repeat; }
.customer-spotlight .customer-spotlight-details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.customer-spotlight .customer-spotlight-details div.col {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
.customer-spotlight .customer-spotlight-details .customer-quote blockquote {
padding: 35px 50px;
margin: 0; }
.customer-spotlight .customer-spotlight-details .customer-quote blockquote:before, .customer-spotlight .customer-spotlight-details .customer-quote blockquote:after {
content: " ";
display: table; }
.customer-spotlight .customer-spotlight-details .customer-quote blockquote:after {
clear: both; }
.customer-spotlight .customer-spotlight-details .customer-quote p {
color: #bba16d;
font-size: 20px;
font-size: 1.25rem;
line-height: 1.5em; }
.customer-spotlight .customer-spotlight-details .customer-quote cite {
margin-top: 25px;
float: right;
text-align: right;
font-size: 20px;
font-size: 1.25rem;
font-style: normal;
line-height: 1.3em; }
.customer-spotlight .customer-spotlight-details .customer-quote cite:before {
content: '\2014';
padding-right: 5px; }
@media only screen and (max-width: 992px) {
.customer-spotlight .customer-spotlight-details .customer-quote cite {
float: left;
text-align: left; }
.customer-spotlight .customer-spotlight-details .customer-quote cite:before {
position: relative;
margin-left: -30px; } }
@media only screen and (max-width: 480px) {
.customer-spotlight .customer-spotlight-details .customer-quote cite {
font-size: 16px;
font-size: 1rem; }
.customer-spotlight .customer-spotlight-details .customer-quote cite:before {
margin-left: -25px; } }
.customer-spotlight .customer-spotlight-details .customer-desc {
padding: 35px;
background: rgba(255, 255, 255, 0.7); }
.customer-spotlight .customer-spotlight-details .customer-desc p {
font-size: 16px;
font-size: 1rem;
line-height: 1.5em; }
.customer-spotlight .customer-spotlight-details .customer-cta {
margin-top: 80px;
text-align: center; }
@media only screen and (max-width: 767px) {
.customers-panels {
padding-left: 15px;
padding-right: 15px; } }
.customers-panels .section-title h2 {
text-transform: uppercase; }
.customers-panels .customer-list {
margin-top: 60px; }
.customers-panels a.block-anchor {
display: block;
margin-bottom: 20px;
text-decoration: none; }
.customers-panels a.block-anchor p {
color: #333; }
.customers-panels a.block-anchor:hover .customer-item {
-webkit-transform: scale(1.05);
transform: scale(1.05); }
.customers-panels .customer-item {
border: 1px solid #e5e5e5;
border-radius: 4px;
text-align: center;
padding: 30px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
background: white;
display: table;
width: 100%; }
.customers-panels .customer-item .customer-item-logo {
display: table-cell;
width: 135px;
padding-right: 20px;
text-align: center;
vertical-align: middle; }
.customers-panels .customer-item .customer-item-logo img {
max-width: 100%; }
.customers-panels .customer-item .customer-item-content {
display: table-cell;
text-align: left;
padding: 0; }
@media only screen and (max-width: 560px) {
.customers-panels .customer-item .customer-item-logo,
.customers-panels .customer-item .customer-item-content {
display: block; } }
.customers-panels .customer-item h2 {
font-size: 18px;
font-size: 1.125rem;
color: #0745ff;
margin-bottom: 20px;
line-height: 1.4em;
font-family: 'UniversLTStd-LightCn'; }
.customers-panels .customer-item p {
margin: 0 0 20px 0;
color: #333;
line-height: 1.5em; }
.customers-panels .customer-item p:last-of-type {
margin-bottom: 0; }
.customers-panels .customer-resources > *:last-child {
margin-bottom: 0; }
.webinar-filters label {
font-size: 16px;
font-size: 1rem;
font-family: 'UniversLT-CondensedBold';
margin-bottom: 10px;
display: block; }
.webinar-filters div {
padding: 0 5px;
position: relative; }
.webinar-filters input[type=text] {
height: 38px;
width: 280px;
text-indent: 5px;
border-radius: 2px;
border: 1px solid #333;
padding-right: 35px; }
.webinar-filters input[type=submit] {
width: 38px;
height: 38px;
border-radius: 2px;
border: 1px solid #0745ff;
background: url(//www.aerohive.com/wp-content/themes/aerohive/img/icon-search.png) no-repeat;
background-size: 25px;
background-position: center;
text-indent: -9999px; }
.webinar-filters .clear-search {
width: 38px;
height: 38px;
position: absolute;
right: 5px;
top: 0;
cursor: pointer;
display: none; }
.webinar-filters .clear-search img {
width: 100%;
margin-top: 4px; }
.webinars-block {
display: none; }
.no-ondemain-webinars,
.no-webi,
.no-webi-available,
.no-ondemand-available {
display: none; }
.webinars-panels {
-webkit-transition: all 5s ease-out;
transition: all 5s ease-out; }
@media only screen and (max-width: 767px) {
.webinars-panels {
padding-left: 15px;
padding-right: 15px; } }
.webinars-panels .section-title {
margin-bottom: 0; }
.webinars-panels .section-title h2 {
text-transform: uppercase; }
.webinars-panels .section-title .section-intro-icon {
margin: 0 auto 15px auto;
width: 80px; }
.webinars-panels .section-title .section-intro-icon img {
width: 100%; }
.webinars-panels .webinar-list {
margin-top: 60px; }
.webinars-panels .webinar-list > *:last-child {
margin-bottom: 0; }
.webinars-panels .language {
display: none; }
.webinars-panels .language.is-filtered {
display: block; }
.webinars-panels .featured-webinar {
width: 100%;
margin-bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
height: 100%; }
.webinars-panels .featured-webinar .featured-desc,
.webinars-panels .featured-webinar .featured-media {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
.webinars-panels .featured-webinar .featured-desc {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.webinars-panels .featured-webinar .featured-desc .featured-content {
padding: 30px;
text-align: left;
display: block;
height: 100%;
background: #f7f7f7; }
.webinars-panels .featured-webinar .featured-desc .webinar-date {
font-size: 14px;
font-size: 0.875rem;
font-family: 'UniversLT-CondensedBold';
margin-bottom: 10px; }
.webinars-panels .featured-webinar .featured-desc h2.webinar-title {
font-size: 18px;
font-size: 1.125rem;
color: #000;
margin-bottom: 20px;
line-height: 1.4em;
font-family: 'UniversLT-CondensedBold';
margin-top: 0; }
.webinars-panels .featured-webinar .featured-desc p {
line-height: 1.5em; }
.webinars-panels .featured-webinar .featured-desc .webinar-cta {
padding-top: 20px; }
.webinars-panels .featured-webinar .featured-desc .webinar-cta a.btn {
margin-right: 10px; }
.webinars-panels .featured-webinar .featured-desc .webinar-cta a.email-friend {
display: none; }
.webinars-panels .featured-webinar .featured-media {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
min-height: 300px;
background-size: cover;
background-repeat: no-repeat;
background-position: center; }
@media only screen and (max-width: 767px) {
.webinars-panels .featured-webinar {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.webinars-panels .featured-webinar .featured-desc,
.webinars-panels .featured-webinar .featured-media {
width: 100%; } }
@media only screen and (max-width: 767px) {
.webinars-panels .webinar-list .webi .featured-desc {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.webinars-panels .webinar-list .webi .featured-image {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; } }
.webinars-panels .ondem {
height: 100%;
padding-bottom: 20px; }
.webinars-panels .ondem a.block-anchor {
display: block;
text-decoration: none;
height: 100%; }
.webinars-panels .ondem a.block-anchor p {
color: #333; }
.webinars-panels .webinar-item {
text-align: center;
width: 100%;
height: 100%;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border: 1px solid #f1f1f1; }
.webinars-panels .webinar-item.on-demand {
height: 100%; }
.webinars-panels .webinar-item .webinar-date {
margin: 0 0 6px 0;
padding: 0;
font-size: 14px;
font-size: 0.875rem;
font-family: 'UniversLT-CondensedBold'; }
.webinars-panels .webinar-item .webinar-item-image {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
min-height: 220px; }
.webinars-panels .webinar-item .webinar-item-content {
display: block;
height: 100%;
padding: 30px 30px 80px 30px;
text-align: left;
position: relative;
background: #FFF; }
.webinars-panels .webinar-item a.email-friend {
display: none; }
.webinars-panels .webinar-item a.learn-more {
display: block;
margin-top: 20px;
text-align: left;
position: absolute;
bottom: 30px;
left: 30px;
font-weight: bold; }
.webinars-panels .webinar-item .webinar-cta {
margin-top: 30px; }
.webinars-panels .webinar-item .webinar-cta a.btn {
margin-right: 8px; }
@media only screen and (max-width: 767px) {
.webinars-panels .webinar-item {
padding-left: 0;
padding-right: 0; } }
@media only screen and (max-width: 560px) {
.webinars-panels .webinar-item .webinar-item-logo,
.webinars-panels .webinar-item .webinar-item-content {
display: block; } }
.webinars-panels .webinar-item h2 {
font-size: 18px;
font-size: 1.125rem;
color: #000;
margin-bottom: 20px;
line-height: 1.4em;
font-family: 'UniversLT-CondensedBold';
margin-top: 0; }
.webinars-panels .webinar-item h2 a {
color: #000; }
.webinars-panels .webinar-item h2 a:hover {
text-decoration: none; }
.webinars-panels .webinar-item p {
margin: 0 0 20px 0;
color: #333;
line-height: 1.5em; }
.webinars-panels .webinar-item p:last-of-type {
margin-bottom: 0; }
.webinars-panels .webinar-resources > *:last-child {
margin-bottom: 0; }
.modal-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.9);
z-index: 3000;
display: none; }
.modal-overlay.modal-overlay-open {
display: block; }
.modal-overlay .modal-overlay-container {
width: 100%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.modal-overlay .modal-overlay-body {
background: #FFF;
margin: 0 auto;
padding: 40px;
position: relative; }
.modal-overlay .modal-close-btn {
position: absolute;
top: 10px;
right: 10px;
background: none;
border: 0;
width: 38px;
height: 38px;
cursor: pointer; }
.modal-overlay .modal-close-btn img {
width: 100%; }
.modal-overlay #emailFriend label {
display: block;
text-align: left;
margin-bottom: 8px; }
.modal-overlay #emailFriend label.has-error {
color: darkred; }
.modal-overlay #emailFriend input[type=text],
.modal-overlay #emailFriend input[type=email],
.modal-overlay #emailFriend textarea {
width: 100%;
height: 48px;
border: 1px solid lightgray;
margin-bottom: 5px;
text-indent: 5px; }
.modal-overlay #emailFriend textarea {
height: 200px;
resize: none;
padding-top: 10px; }
.modal-overlay #msgSubmitSuccess,
.modal-overlay #msgSubmitFailed {
padding: 40px; }
.modal-overlay #msgSubmitSuccess.hidden,
.modal-overlay #msgSubmitFailed.hidden {
display: none; }
.error_404 {
margin-top: 120px;
padding-top: 120px;
padding-bottom: 120px; }
@media only screen and (max-width: 560px) {
.error_404 {
padding-top: 0;
padding-bottom: 60px; } }
.error_404 .error-container {
text-align: left;
padding-left: 30px;
padding-right: 30px; }
.error_404 .error-container .row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.error_404 .error-container img {
max-width: 100%; }
.error_404 .error-text {
text-align: left; }
.error_404 .error-text h1 {
font-size: 105px;
font-size: 6.5625rem;
margin: 0; }
.error_404 .error-text h2 {
margin: 40px 0; }
.error_404 .error-text ul {
margin: 0;
padding: 0;
list-style: none; }
.error_404 .error-text ul li {
margin-bottom: 5px; }
@media only screen and (max-width: 560px) {
.error_404 .error-text h1 {
font-size: 60px;
font-size: 3.75rem; } }
.error_404 .error-text .col {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
.dell-form {
padding-top: 30px; }
.dell-form .required-fields {
top: 10px;
right: 0; }
.dell-form .field-wrap {
text-align: left; }
.dell-form .field-wrap label {
display: block;
margin-bottom: 5px; }
.dell-form .field-wrap input[type=text],
.dell-form .field-wrap input[type=email],
.dell-form .field-wrap textarea {
width: 100%; }
.dell-form .field-wrap input[type=text],
.dell-form .field-wrap input[type=email] {
height: 38px;
text-indent: 5px; }
.dell-form .field-wrap textarea {
height: 150px;
resize: none;
padding: 10px 5px; }
.st-result-listing {
font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 13px;
letter-spacing: 0.8px;
margin-top: 40px; }
.search-results {
padding-top: 60px; }
.st-ui-injected-search-summary {
padding-bottom: 30px;
margin-bottom: 30px; }
.st-ui-result {
padding: 20px 18px 20px 0 !important; }
.st-ui-result:before {
display: none !important; }
.st-ui-result .st-ui-type-heading {
font-size: 18px;
font-size: 1.125rem;
font-family: 'UniversLT-CondensedBold';
color: #0745ff; }
.st-ui-result .st-ui-type-detail {
font-size: 14px;
font-size: 0.875rem;
max-height: unset !important;
height: auto !important; }
.st-ui-footer {
margin-top: 50px;
text-align: center;
margin-bottom: 100px; }
.st-ui-footer a.st-result-pagination-link {
color: #0745ff;
font-family: 'UniversLT-CondensedBold';
margin-left: 5px;
margin-right: 5px; }
.st-ui-footer a.st-result-pagination-link.active {
color: #000; }
.st-query-present {
display: block; }
.st-query-present a.st-ui-result {
padding-left: 20px !important; }
.st-query-present a.st-ui-result .st-ui-type-heading {
font-size: 14px !important; }
.st-query-present a.st-ui-result .st-ui-type-detail {
font-size: 12px; } .uptime {   }
.uptime .t {
text-align: center;
font-size: 25px;
font-weight: 300;
letter-spacing: 3px;
display: table;
margin: 0 auto;
padding-bottom: 25px;
padding-top: 25px; }
.uptime .aerohiveLogo {
height: 100px; }
.uptime .title {
height: 300px;
width: 100%; }
.uptime .title .horizontal-line {
height: 2px;
width: 65px;
border-radius: 30px;
background-color: #333;
margin: auto; }
.uptime .title .cloudIcon {
padding-top: 75px;
text-align: center; }
.uptime .fa-close,
.uptime .fa-check-circle-o,
.uptime .fa-cog,
.uptime .fa-exclamation-triangle {
font-size: 18px;
font-weight: 300; }
.uptime .fa-cloud {
font-size: 80px;
color: #e1e4e7;
padding-bottom: -15px; }
.uptime .iconLegend {
height: 100px;
width: 100%;
text-align: center; }
.uptime ul {
list-style-type: none;
margin: 0;
padding: 15px 0 0 0;
overflow: hidden;
text-align: center;
background-color: #ffffff;
font-weight: 300;
font-size: 14px; }
.uptime li {
display: inline-block;
text-align: center;
padding: 15px;
text-decoration: none; }
.uptime .icons {
height: 25px;
vertical-align: middle; }
.uptime .cloudStatusTable {
font-size: 14px;
width: 100%;
text-transform: uppercase; }
.uptime .cloudStatusTable .scrollable {
min-width: 725px; }
.uptime td,
.uptime th {
width: 160px;
text-align: center; }
.uptime td {
font-weight: 300;
padding: 17px;
border-right: 1px solid #C3C4C7; }
.uptime th {
font-weight: 700; }
.uptime table td:first-child {
border-right: 1px solid grey;
border-bottom: 1px solid white;
text-align: right; }
.uptime table td:last-child {
border-right: 1px solid white; }
.uptime table tr:last-child {
border-bottom: 1px solid #C3C4C7; }
.uptime .regionTab {
background-color: #333;
color: #F4F6F9; }
.uptime .regionTab label {
font-size: 12px;
font-weight: 400;
float: left;
padding-top: 5px; }
.uptime .dateUpdated {
float: right;
color: #C3C4C7;
font-style: italic;
text-transform: none; }
.featured-cards [class*="col-"] {
margin-bottom: 20px; }
.featured-cards .section-intro-icon {
margin: 0 auto 30px auto;
width: 48px;
height: 48px; }
.featured-cards .section-intro-icon img {
width: 100%; }
.featured-cards .featured-card {
text-align: center;
width: 100%;
height: 100%;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border: 1px solid #f1f1f1; }
.featured-cards .featured-card-image {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
min-height: 220px; }
.featured-cards .featured-card-content {
display: block;
height: 100%;
padding: 30px 30px 80px 30px;
text-align: left;
position: relative;
background: #FFF; }
.featured-cards .featured-card-content .featured-card-title {
font-size: 18px;
font-size: 1.125rem;
color: #000;
margin-bottom: 20px;
line-height: 1.4em;
font-family: 'UniversLT-CondensedBold';
margin-top: 0; }
.featured-cards .featured-card-content a.featured-card-link {
display: block;
margin-top: 20px;
text-align: left;
position: absolute;
bottom: 30px;
left: 30px;
font-weight: bold; } .two-thirds .wrapper {
width: 100%; }
.two-thirds .main-column {
padding-left: 0;
padding-right: 0; }
.two-thirds .main-column.left-nav {
background: #6fafe2; }
.two-thirds .main-column section {
padding-left: 25px;
padding-right: 25px; }