.flex {
    display: flex
    }
.flex-1 {
    flex: 1
    }
.flex-2 {
    flex: 2
    }
.flex-3 {
    flex: 3
    }
.flex-5 {
    flex: 5
    }
.flex-center {
    align-items: center;
    display: flex
    }
.disp-b {
    display: block
    }
.disp-ib {
    display: inline-block
    }
.small-caps {
    font-variant: small-caps;
    text-transform: lowercase;
    letter-spacing: 0.02em
    }
.f-medium {
    font-weight: 500
    }
.f-bold {
    font-weight: 600
    }
.border-bottom {
    border-bottom: 1px solid #e4e4e4
    }
md-tabs.default-tabs .md-tab.md-active {
    color: #212121
    }
.default-tabs md-tab-content.md-active {
    z-index: 2
    }
.default-tabs md-content.md-default-theme, md-content {
    background-color: transparent
    }
.default-tabs.no-animate md-tab-content, md-tabs {
    animation: initial !important;
    transform: none !important;
    transition: none !important
    }
.rel {
    position: relative
    }
.default-tabs md-tabs-content-wrapper {
    margin-top: 50px
    }
.default-tabs-wrapper {
    position: relative
    }
.default-tabs-line {
    position: absolute;
    left: 0;
    border-bottom: 1px solid #e4e4e4;
    width: 100%;
    z-index: 2;
    top: 48px
    }
.with-padding {
    padding-left: 8%;
    padding-right: 8%
    }
.bg-content-grey, .bg-gray {
    background-color: #f6f6f6
    }
.bg-blue {
    color: #448aff
    }
.bg-white {
    background: #fff
    }
.color-grey, .color-gray {
    color: #9e9e9e
    }
.border-top-3 {
    border-top: 3px solid
    }
.border-color-dark-blue {
    border-color: #11368b
    }
.flex-c {
    flex-direction: column
    }
.flex-r {
    flex-direction: row
    }
.flex-ac {
    align-items: center
    }
.flex-as {
    align-items: flex-start
    }
.flex-jc {
    justify-content: center
    }
.flex-jsb {
    justify-content: space-between
    }
.w-270 {
    width: 270px
    }
.w-300 {
    width: 300px
    }
.w-400 {
    width: 400px
    }
.min-w-150 {
    min-width: 150px
    }
.min-w-180 {
    min-width: 180px
    }
.min-w-200 {
    min-width: 200px
    }
.min-w-250 {
    min-width: 250px
    }
.min-w-300 {
    min-width: 300px
    }
ul.no-style {
    list-style: none;
    padding: 0
    }
.material-icons.md-blue {
    color: #0075d7
    }
.flex-card-container {
    clear: both;
    display: flex
    }
.flex-card-container.wrap, .wrap {
    flex-wrap: wrap
    }
.flex-card {
    background: #fff;
    border-radius: 2px;
    box-sizing: border-box;
    margin-right: 20px;
    position: relative
    }
.flex-card:empty {
    height: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important
    }
.flex-card.hover {
    cursor: pointer;
    transition: all 0.3s
    }
#cloud-site a.flex-card.hover {
    text-decoration: none
    }
.flex-card.hover.no-pointer {
    cursor: default
    }
.flex-card.hover:hover {
    box-shadow: 0 4px 4px rgba(1, 67, 163, 0.24), 0 0 4px rgba(1, 67, 163, 0.12), 0 6px 18px rgba(43, 133, 231, 0.12);
    text-decoration: none;
    transform: translate3d(0, -2px, 0)
    }
.flex-card.shadow {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24), 0 0 2px rgba(0, 0, 0, 0.12)
    }
.card-pad-standard {
    padding-left: 36px;
    padding-right: 36px
    }
.card-pad-small {
    padding-left: 18px;
    padding-right: 18px
    }
.flex-card.padding {
    padding: 16px
    }
.flex-card .title {
    color: #414141;
    font-size: 22px
    }
.flex-card .desc {
    color: #545454;
    font-size: 14px;
    line-height: 1.4
    }
.nowrap {
    white-space: nowrap
    }
.flex-card-container.wrap .flex-card {
    margin-bottom: 20px;
    margin-top: 20px
    }
cloud-zippy {
    border-bottom: 1px solid #f5f5f5
    }
.zippy-container.expanded .toggle-zippy {
    margin-bottom: 10px
    }
.toggle-zippy {
    transition: all 0.278s ease-in-out;
    overflow: hidden;
    margin-bottom: 0
    }
.toggle-zippy > :last-child {
    padding: 5px 0
    }
.zippy-title {
    padding: 8px 36px 8px 0;
    min-height: 40px;
    line-height: 1.6em;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    outline: none
    }
.zippy-title::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 40px;
    background: url(/images/support/down_arrow.svg) no-repeat;
    background-size: 70%;
    background-position: 50% 50%;
    transition: all 0.278s linear
    }
.zippy-content {
    padding: 0 20px;
    box-sizing: border-box
    }
.zippy-container.expanded .zippy-title::after {
    transform: rotatex(180deg)
    }
header.header.alternate {
    flex-wrap: wrap
    }
header.header.no-border {
    border: 0
    }
.header .hero-title {
    color: #424242;
    font-size: 48px;
    font-weight: 300;
    line-height: 1.2em;
    margin-bottom: 20px;
    margin-top: 0
    }
.header .hero-subtitle {
    color: #616161;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8em
    }
.headline {
    align-items: center;
    display: flex;
    margin: 80px 0 20px
    }
.headline .title {
    color: #424242;
    font-size: 40px;
    font-weight: 300;
    line-height: 1.2em
    }
.section {
    padding-top: 1px
    }
.section.alternate .title {
    color: #424242;
    font-size: 40px;
    font-weight: 300;
    line-height: 1.2em
    }
.section.alternate .title {
    margin-bottom: 16px
    }
.section.alternate .desc {
    color: #616161;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8em
    }
.section.alternate .alternate-left, .section.alternate .alternate-right {
    padding: 50px 0
    }
.section.alternate .spacer {
    width: 8%
    }
.section.alternate .alternate-left {
    flex-wrap: wrap-reverse
    }
.section.alternate .alternate-right {
    flex-wrap: wrap
    }
.alternate-left > *, .alternate-right > * {
    margin: 20px 0
    }
.alternate-left.wrap-250 > div:not(.spacer), .alternate-right.wrap-250 > div:not(.spacer) {
    min-width: 250px
    }
.section .link {
    font-size: 14px;
    padding-right: 24px;
    position: relative;
    text-transform: uppercase
    }
.section .link:after {
    background-color: #039be5;
    background-image: url(/gstatic.com/images/icons/material/system/1x/arrow_upward_white_24dp.png);
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
    content: "";
    height: 15px;
    position: absolute;
    right: 0;
    top: calc(50% - 7.5px);
    transform: rotatez(90deg);
    width: 15px
    }
.narrow-centered {
    margin-left: auto;
    margin-right: auto;
    max-width: 650px
    }
.no-margin {
    margin: 0 !important
    }
i.md-blue {
    color: #0075d7;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.5em;
    margin-right: 15px;
    padding: 0
    }
i.material-icons {
    color: #00bfa5
    }
.scrollable-img-cont {
    overflow-x: auto
    }
.scrollable-img-cont img, .scrollable-img-cont object {
    min-width: 500px
    }
@media all and (min-width: 781px) {
    .is-hidden-desktop {
        display: none !important
        }
    }
@media all and (min-width: 900px) {
    .is-hidden-desktop-large {
        display: none !important
        }
    }
@media all and (max-width: 899px) {
    .is-hidden-tablet-large {
        display: none !important
        }
    }
@media all and (max-width: 780px) {
    .is-hidden-tablet {
        display: none !important
        }
    }