/*
    Layout
*/

html {
    font-family: "aktiv-grotesk", "Helvetica", "arial", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 1199px) and (min-width: 992px) {
    #wrapper {
        width: 100% !important;
    }
}

.column {
    float: left;
    width: 100%;
}

.column.float-right {
    float: right;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.column.pad-top {
    padding-top: 16px;
}

.grid .column {
    padding-top: 16px;
}

.xs-offset-0 {
    margin-left: 0;
}

.xs-offset-right-0 {
    margin-right: 0;
}

.xs-1 {
    width: 8.33333%;
    max-width: 8.33333%;
}

.xs-offset-1 {
    margin-left: 8.33333%;
}

.xs-offset-right-1 {
    margin-right: 8.33333%;
}

.xs-2 {
    width: 16.66667%;
    max-width: 16.66667%;
}

.xs-offset-2 {
    margin-left: 16.66667%;
}

.xs-offset-right-2 {
    margin-right: 16.66667%;
}

.xs-3 {
    width: 25%;
    max-width: 25%;
}

.xs-offset-3 {
    margin-left: 25%;
}

.xs-offset-right-3 {
    margin-right: 25%;
}

.xs-4 {
    width: 33.33333%;
    max-width: 33.33333%;
}

.xs-offset-4 {
    margin-left: 33.33333%;
}

.xs-offset-right-4 {
    margin-right: 33.33333%;
}

.xs-5 {
    width: 41.66667%;
    max-width: 41.66667%;
}

.xs-offset-5 {
    margin-left: 41.66667%;
}

.xs-offset-right-5 {
    margin-right: 41.66667%;
}

.xs-6 {
    width: 50%;
    max-width: 50%;
}

.xs-offset-6 {
    margin-left: 50%;
}

.xs-offset-right-6 {
    margin-right: 50%;
}

.xs-7 {
    width: 58.33333%;
    max-width: 58.33333%;
}

.xs-offset-7 {
    margin-left: 58.33333%;
}

.xs-offset-right-7 {
    margin-right: 58.33333%;
}

.xs-8 {
    width: 66.66667%;
    max-width: 66.66667%;
}

.xs-offset-8 {
    margin-left: 66.66667%;
}

.xs-offset-right-8 {
    margin-right: 66.66667%;
}

.xs-9 {
    width: 75%;
    max-width: 75%;
}

.xs-offset-9 {
    margin-left: 75%;
}

.xs-offset-right-9 {
    margin-right: 75%;
}

.xs-10 {
    width: 83.33333%;
    max-width: 83.33333%;
}

.xs-offset-10 {
    margin-left: 83.33333%;
}

.xs-offset-right-10 {
    margin-right: 83.33333%;
}

.xs-11 {
    width: 91.66667%;
    max-width: 91.66667%;
}

.xs-offset-11 {
    margin-left: 91.66667%;
}

.xs-offset-right-11 {
    margin-right: 91.66667%;
}

.xs-12 {
    width: 100%;
    max-width: 100%;
}

.xs-offset-12 {
    margin-left: 100%;
}

.xs-offset-right-12 {
    margin-right: 100%;
}

@media only screen and (min-width: 768px) {
    .sm-offset-0 {
        margin-left: 0;
    }

    .sm-offset-right-0 {
        margin-right: 0;
    }

    .sm-1 {
        width: 8.33333%;
        max-width: 8.33333%;
    }

    .sm-offset-1 {
        margin-left: 8.33333%;
    }

    .sm-offset-right-1 {
        margin-right: 8.33333%;
    }

    .sm-2 {
        width: 16.66667%;
        max-width: 16.66667%;
    }

    .sm-offset-2 {
        margin-left: 16.66667%;
    }

    .sm-offset-right-2 {
        margin-right: 16.66667%;
    }

    .sm-3 {
        width: 25%;
        max-width: 25%;
    }

    .sm-offset-3 {
        margin-left: 25%;
    }

    .sm-offset-right-3 {
        margin-right: 25%;
    }

    .sm-4 {
        width: 33.33333%;
        max-width: 33.33333%;
    }

    .sm-offset-4 {
        margin-left: 33.33333%;
    }

    .sm-offset-right-4 {
        margin-right: 33.33333%;
    }

    .sm-5 {
        width: 41.66667%;
        max-width: 41.66667%;
    }

    .sm-offset-5 {
        margin-left: 41.66667%;
    }

    .sm-offset-right-5 {
        margin-right: 41.66667%;
    }

    .sm-6 {
        width: 50%;
        max-width: 50%;
    }

    .sm-offset-6 {
        margin-left: 50%;
    }

    .sm-offset-right-6 {
        margin-right: 50%;
    }

    .sm-7 {
        width: 58.33333%;
        max-width: 58.33333%;
    }

    .sm-offset-7 {
        margin-left: 58.33333%;
    }

    .sm-offset-right-7 {
        margin-right: 58.33333%;
    }

    .sm-8 {
        width: 66.66667%;
        max-width: 66.66667%;
    }

    .sm-offset-8 {
        margin-left: 66.66667%;
    }

    .sm-offset-right-8 {
        margin-right: 66.66667%;
    }

    .sm-9 {
        width: 75%;
        max-width: 75%;
    }

    .sm-offset-9 {
        margin-left: 75%;
    }

    .sm-offset-right-9 {
        margin-right: 75%;
    }

    .sm-10 {
        width: 83.33333%;
        max-width: 83.33333%;
    }

    .sm-offset-10 {
        margin-left: 83.33333%;
    }

    .sm-offset-right-10 {
        margin-right: 83.33333%;
    }

    .sm-11 {
        width: 91.66667%;
        max-width: 91.66667%;
    }

    .sm-offset-11 {
        margin-left: 91.66667%;
    }

    .sm-offset-right-11 {
        margin-right: 91.66667%;
    }

    .sm-12 {
        width: 100%;
        max-width: 100%;
    }

    .sm-offset-12 {
        margin-left: 100%;
    }

    .sm-offset-right-12 {
        margin-right: 100%;
    }
}

@media only screen and (min-width: 1025px) {
    .md-offset-0 {
        margin-left: 0;
    }

    .md-offset-right-0 {
        margin-right: 0;
    }

    .md-1 {
        width: 8.33333%;
        max-width: 8.33333%;
    }

    .md-offset-1 {
        margin-left: 8.33333%;
    }

    .md-offset-right-1 {
        margin-right: 8.33333%;
    }

    .md-2 {
        width: 16.66667%;
        max-width: 16.66667%;
    }

    .md-offset-2 {
        margin-left: 16.66667%;
    }

    .md-offset-right-2 {
        margin-right: 16.66667%;
    }

    .md-3 {
        width: 25%;
        max-width: 25%;
    }

    .md-offset-3 {
        margin-left: 25%;
    }

    .md-offset-right-3 {
        margin-right: 25%;
    }

    .md-4 {
        width: 33.33333%;
        max-width: 33.33333%;
    }

    .md-offset-4 {
        margin-left: 33.33333%;
    }

    .md-offset-right-4 {
        margin-right: 33.33333%;
    }

    .md-5 {
        width: 41.66667%;
        max-width: 41.66667%;
    }

    .md-offset-5 {
        margin-left: 41.66667%;
    }

    .md-offset-right-5 {
        margin-right: 41.66667%;
    }

    .md-6 {
        width: 50%;
        max-width: 50%;
    }

    .md-offset-6 {
        margin-left: 50%;
    }

    .md-offset-right-6 {
        margin-right: 50%;
    }

    .md-7 {
        width: 58.33333%;
        max-width: 58.33333%;
    }

    .md-offset-7 {
        margin-left: 58.33333%;
    }

    .md-offset-right-7 {
        margin-right: 58.33333%;
    }

    .md-8 {
        width: 66.66667%;
        max-width: 66.66667%;
    }

    .md-offset-8 {
        margin-left: 66.66667%;
    }

    .md-offset-right-8 {
        margin-right: 66.66667%;
    }

    .md-9 {
        width: 75%;
        max-width: 75%;
    }

    .md-offset-9 {
        margin-left: 75%;
    }

    .md-offset-right-9 {
        margin-right: 75%;
    }

    .md-10 {
        width: 83.33333%;
        max-width: 83.33333%;
    }

    .md-offset-10 {
        margin-left: 83.33333%;
    }

    .md-offset-right-10 {
        margin-right: 83.33333%;
    }

    .md-11 {
        width: 91.66667%;
        max-width: 91.66667%;
    }

    .md-offset-11 {
        margin-left: 91.66667%;
    }

    .md-offset-right-11 {
        margin-right: 91.66667%;
    }

    .md-12 {
        width: 100%;
        max-width: 100%;
    }

    .md-offset-12 {
        margin-left: 100%;
    }

    .md-offset-right-12 {
        margin-right: 100%;
    }
}

@media only screen and (min-width: 1240px) {
    .lg-offset-0 {
        margin-left: 0;
    }

    .lg-offset-right-0 {
        margin-right: 0;
    }

    .lg-1 {
        width: 8.33333%;
        max-width: 8.33333%;
    }

    .lg-offset-1 {
        margin-left: 8.33333%;
    }

    .lg-offset-right-1 {
        margin-right: 8.33333%;
    }

    .lg-2 {
        width: 16.66667%;
        max-width: 16.66667%;
    }

    .lg-offset-2 {
        margin-left: 16.66667%;
    }

    .lg-offset-right-2 {
        margin-right: 16.66667%;
    }

    .lg-3 {
        width: 25%;
        max-width: 25%;
    }

    .lg-offset-3 {
        margin-left: 25%;
    }

    .lg-offset-right-3 {
        margin-right: 25%;
    }

    .lg-4 {
        width: 33.33333%;
        max-width: 33.33333%;
    }

    .lg-offset-4 {
        margin-left: 33.33333%;
    }

    .lg-offset-right-4 {
        margin-right: 33.33333%;
    }

    .lg-5 {
        width: 41.66667%;
        max-width: 41.66667%;
    }

    .lg-offset-5 {
        margin-left: 41.66667%;
    }

    .lg-offset-right-5 {
        margin-right: 41.66667%;
    }

    .lg-6 {
        width: 50%;
        max-width: 50%;
    }

    .lg-offset-6 {
        margin-left: 50%;
    }

    .lg-offset-right-6 {
        margin-right: 50%;
    }

    .lg-7 {
        width: 58.33333%;
        max-width: 58.33333%;
    }

    .lg-offset-7 {
        margin-left: 58.33333%;
    }

    .lg-offset-right-7 {
        margin-right: 58.33333%;
    }

    .lg-8 {
        width: 66.66667%;
        max-width: 66.66667%;
    }

    .lg-offset-8 {
        margin-left: 66.66667%;
    }

    .lg-offset-right-8 {
        margin-right: 66.66667%;
    }

    .lg-9 {
        width: 75%;
        max-width: 75%;
    }

    .lg-offset-9 {
        margin-left: 75%;
    }

    .lg-offset-right-9 {
        margin-right: 75%;
    }

    .lg-10 {
        width: 83.33333%;
        max-width: 83.33333%;
    }

    .lg-offset-10 {
        margin-left: 83.33333%;
    }

    .lg-offset-right-10 {
        margin-right: 83.33333%;
    }

    .lg-11 {
        width: 91.66667%;
        max-width: 91.66667%;
    }

    .lg-offset-11 {
        margin-left: 91.66667%;
    }

    .lg-offset-right-11 {
        margin-right: 91.66667%;
    }

    .lg-12 {
        width: 100%;
        max-width: 100%;
    }

    .lg-offset-12 {
        margin-left: 100%;
    }

    .lg-offset-right-12 {
        margin-right: 100%;
    }
}

@media only screen and (min-width: 1600px) {
    .xl-offset-0 {
        margin-left: 0;
    }

    .xl-offset-right-0 {
        margin-right: 0;
    }

    .xl-1 {
        width: 8.33333%;
        max-width: 8.33333%;
    }

    .xl-offset-1 {
        margin-left: 8.33333%;
    }

    .xl-offset-right-1 {
        margin-right: 8.33333%;
    }

    .xl-2 {
        width: 16.66667%;
        max-width: 16.66667%;
    }

    .xl-offset-2 {
        margin-left: 16.66667%;
    }

    .xl-offset-right-2 {
        margin-right: 16.66667%;
    }

    .xl-3 {
        width: 25%;
        max-width: 25%;
    }

    .xl-offset-3 {
        margin-left: 25%;
    }

    .xl-offset-right-3 {
        margin-right: 25%;
    }

    .xl-4 {
        width: 33.33333%;
        max-width: 33.33333%;
    }

    .xl-offset-4 {
        margin-left: 33.33333%;
    }

    .xl-offset-right-4 {
        margin-right: 33.33333%;
    }

    .xl-5 {
        width: 41.66667%;
        max-width: 41.66667%;
    }

    .xl-offset-5 {
        margin-left: 41.66667%;
    }

    .xl-offset-right-5 {
        margin-right: 41.66667%;
    }

    .xl-6 {
        width: 50%;
        max-width: 50%;
    }

    .xl-offset-6 {
        margin-left: 50%;
    }

    .xl-offset-right-6 {
        margin-right: 50%;
    }

    .xl-7 {
        width: 58.33333%;
        max-width: 58.33333%;
    }

    .xl-offset-7 {
        margin-left: 58.33333%;
    }

    .xl-offset-right-7 {
        margin-right: 58.33333%;
    }

    .xl-8 {
        width: 66.66667%;
        max-width: 66.66667%;
    }

    .xl-offset-8 {
        margin-left: 66.66667%;
    }

    .xl-offset-right-8 {
        margin-right: 66.66667%;
    }

    .xl-9 {
        width: 75%;
        max-width: 75%;
    }

    .xl-offset-9 {
        margin-left: 75%;
    }

    .xl-offset-right-9 {
        margin-right: 75%;
    }

    .xl-10 {
        width: 83.33333%;
        max-width: 83.33333%;
    }

    .xl-offset-10 {
        margin-left: 83.33333%;
    }

    .xl-offset-right-10 {
        margin-right: 83.33333%;
    }

    .xl-11 {
        width: 91.66667%;
        max-width: 91.66667%;
    }

    .xl-offset-11 {
        margin-left: 91.66667%;
    }

    .xl-offset-right-11 {
        margin-right: 91.66667%;
    }

    .xl-12 {
        width: 100%;
        max-width: 100%;
    }

    .xl-offset-12 {
        margin-left: 100%;
    }

    .xl-offset-right-12 {
        margin-right: 100%;
    }
}

.justify-center {
  justify-content: center;
}

.white-text {
    color: #fff;
}

/**
* Header & Navigation
*/

.nav-prevent-click {
    pointer-events: none;
}

.nav-section-link b {
    font-weight: 800;
}

.nav-open body {
    overflow: hidden;
}

.nav-section-link h6 {
    font-weight: 500;
    color: #343642;
    font-size: 18px;
}

.nav-link-indent {
    padding-left: 10px;
    display: block;
}
.mobile-nav .nav-link-indent {
    padding-left: 30px;
    display: block;
}

.white-bg #site-header p a:not(.btn),
.white-bg #site-header a:not(.btn),
.white-bg .topNav p a:not(.btn),
.white-bg .topNav a:not(.btn) {
  text-decoration: none;
}

@media only screen and (max-width: 1024px) {
    .hide-tablet {
        display: none !important;
    }
}

@media only screen and (min-width: 1025px) {
    .show-tablet {
        display: none !important;
    }
}

@media only screen and (max-width: 767px) {
    .hide-mobile {
        display: none !important;
    }
}

@media only screen and (min-width: 768px) {
    .show-mobile {
        display: none !important;
    }
}

.content-wrap h2 {
    text-transform: none;
}

.heading-block h1,
.heading-block h2,
.heading-block h3,
.heading-block h4 {
    text-transform: none !important;
}

#site-header {
    position: relative;
    z-index: 3;
    background: #FFFFFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
}

#branding {
    display: inline-block;
    margin: 10px auto 10px 30px;
    margin-right: auto;
}

#branding img {
    width: 163px;
    height: 64px;
}

@media only screen and (max-width: 767px) {
    #branding img {
        max-width: 100px;
        height: 40px;
    }
}

#branding .show-mobile {
    margin: 8px 0 0;
}

#main-nav-container {
    height: 84px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}

@media only screen and (min-width: 1025px) {
    #main-nav-container {
        padding-right: 30px;
    }
}

@media only screen and (max-width: 767px) {
    #main-nav-container {
        height: 64px;
    }
}

#main-nav {
    list-style-type: none;
    padding: 0;
    margin: 0;
    height: 100%;
}

#main-nav li {
    position: relative;
    height: 100%;
    float: left;
    margin-right: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}

@media only screen and (max-width: 1599px) {
    #main-nav li {
        margin-right: 22px;
    }
}

@media screen and (max-width: 1261px) and (min-width: 1240px) {
    #main-nav li {
        margin-right: 15px;
    }
}

@media only screen and (max-width: 1239px) {
    #main-nav li {
        margin-right: 30px;
    }
}

#main-nav li:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: #D31924;
    background: -moz-linear-gradient(45deg, #D31924 0%, #800A68 100%);
    background: -webkit-linear-gradient(45deg, #D31924 0%, #800A68 100%);
    background: -o-linear-gradient(45deg, #D31924 0%, #800A68 100%);
    background: -ms-linear-gradient(45deg, #D31924 0%, #800A68 100%);
    background: linear-gradient(45deg, #D31924 0%, #800A68 100%);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

#main-nav li:after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: #D31924;
    background: -moz-linear-gradient(45deg, #D31924 0%, #800A68 100%);
    background: -webkit-linear-gradient(45deg, #D31924 0%, #800A68 100%);
    background: -o-linear-gradient(45deg, #D31924 0%, #800A68 100%);
    background: -ms-linear-gradient(45deg, #D31924 0%, #800A68 100%);
    background: linear-gradient(45deg, #D31924 0%, #800A68 100%);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

#main-nav li.active:before {
    height: 4px;
}

#main-nav li.current span,
#main-nav li.current a {
    font-weight: 400;
}

#main-nav:not(.open) li.current:after {
    height: 4px;
}

#main-nav span,
#main-nav a {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: 0.02em;
    line-height: 84px;
    color: #343642;
    cursor: pointer;
}

@media only screen and (max-width: 1599px) {

    #main-nav span,
    #main-nav a {
        font-weight: 300;
        font-size: 16px;
        line-height: 1.5em;
        letter-spacing: 0.03em;
        line-height: 84px;
    }
}

.in-english:after {
    content: "";
    background: url("/_new/_designs/css/min-files/blue-planet-styles.min.css/cbp-temp.css/prx-in-english-icon.png") no-repeat 0 0;
    width: 15px;
    display: inline-block;
    height: 16px;
    margin-left: 5px;
}

.in-english.white:after {
    background: url("/_new/_designs/css/min-files/blue-planet-styles.min.css/cbp-temp.css/prx-in-english-icon-white.png") no-repeat 0 0;
}

#site-search-container {
    width: 300px;
    margin-right: 20px;
    position: relative;
}

@media only screen and (max-width: 1239px) {
    #site-search-container {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #1C1E2A;
        z-index: 2;
    }
}

#site-search {
    position: relative;
}

@media only screen and (max-width: 1239px) {
    #site-search {
        height: 100%;
        padding: 0 40px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        justify-content: flex-end;
    }
}

@media only screen and (max-width: 767px) {
    #site-search {
        padding: 0 15px;
    }
}

#site-search button {
    position: absolute;
    top: 50%;
    right: 15px;
    background: transparent;
    border: none;
    outline: none;
    z-index: 3;
    cursor: pointer;
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

@media only screen and (max-width: 767px) {
    #site-search button {
        right: 10px;
    }
}

#site-search button svg {
    width: 20px;
    height: 20px;
    fill: #1C1E2A;
    vertical-align: middle;
}

#search-input {
    position: relative;
    border-radius: 30px;
    padding: 1px;
}

@media only screen and (max-width: 1239px) {
    #search-input {
        width: 100%;
        max-width: 609px;
    }
}

#search-input:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 30px;
    z-index: 1;
    background: #D31924;
    background: -moz-linear-gradient(45deg, #D31924 0%, #800A68 100%);
    background: -webkit-linear-gradient(45deg, #D31924 0%, #800A68 100%);
    background: -o-linear-gradient(45deg, #D31924 0%, #800A68 100%);
    background: -ms-linear-gradient(45deg, #D31924 0%, #800A68 100%);
    background: linear-gradient(45deg, #D31924 0%, #800A68 100%);
}

#search-input form {
    width: 100%;
}

#search-input input {
    background: #FFFFFF;
    border: none;
    height: 42px;
    width: 100%;
    padding: 10px 55px 10px 20px;
    outline: none;
    border-radius: 30px;
    position: relative;
    z-index: 2;
    font-size: 16px;
    color: #1C1E2A;
}

@media only screen and (max-width: 767px) {
    #search-input input {
        height: 38px;
        padding-right: 45px;
    }
}

.js-funnelback-suggestions-form {
    position: relative;
    z-index: 1;
    margin: 0 auto;
}

@media only screen and (min-width: 1240px) {
    .show-small-browser {
        display: none !important;
    }
}

#smart-search {
    background-color: #FFFFFF;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    width: 100%;
    margin-top: 30px;
    z-index: 2;
    padding: 10px 0;
    border: 1px solid #E4E5E6;
}

#smart-search .gray-triangle {
    border-color: transparent transparent #E4E5E6;
    border-style: solid;
    border-width: 0 21px 21px;
    height: 0;
    left: 19px;
    position: absolute;
    top: -21px;
    width: 0;
    z-index: 3002;
}

#smart-search .white-triangle {
    border-color: transparent transparent #FFFFFF;
    border-style: solid;
    border-width: 0 20px 20px;
    height: 0;
    left: 20px;
    position: absolute;
    top: -20px;
    width: 0;
    z-index: 3002;
}

#smart-search ul {
    margin: 0;
    padding: 0;
    border-top: 1px solid #E4E5E6;
}

#smart-search li {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.3px;
    list-style-type: none;
    text-align: left;
}

#smart-search a {
    color: #343642;
    padding: 5px 40px;
    display: block;
}

#smart-search a:hover {
    background-color: #EEEEEF;
}

@media only screen and (max-width: 767px) {
    #smart-search a {
        padding: 5px 20px;
    }
}

#smart-search div[class$="suggestions-loader"],
#smart-search div[class$="suggestions-error"],
#smart-search div[class$="suggestions-empty"],
#smart-search label {
    display: block;
    font-size: 12px;
    color: #E4E5E6;
    text-align: left;
    padding: 5px 40px;
}

@media only screen and (max-width: 767px) {

    #smart-search div[class$="suggestions-loader"],
    #smart-search div[class$="suggestions-error"],
    #smart-search div[class$="suggestions-empty"],
    #smart-search label {
        padding: 5px 20px;
    }
}

.mobile-search {
    cursor: pointer;
}

.mobile-search svg {
    width: 20px;
    height: 20px;
    fill: #1C1E2A;
}

.close-mobile-search {
    cursor: pointer;
    margin-left: 35px;
}

@media only screen and (max-width: 767px) {
    .close-mobile-search {
        margin-left: 15px;
    }
}

.close-mobile-search svg {
    width: 28px;
    height: 28px;
    fill: #FFFFFF;
}

@media only screen and (max-width: 1024px) {
    .close-mobile-search svg {
        width: 16px;
        height: 16px;
    }
}

#header-icons a {
    margin-left: 20px;
}

#header-icons svg {
    width: 20px;
    height: 20px;
}

#header-icons .phone {
    margin-top: 2px;
    fill: none;
    stroke: #343642;
    stroke-width: 2;
}

#header-icons .world {
    fill: #343642;
}

#header-icons .portal {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: #343642;
    stroke-width: 1.5;
}

section.slidedown-popup {
  top: 134px;
}

@media only screen and (max-width: 767px) {
  section.slidedown-popup {
    top: 110px;
  }
}


/* Tables */
table.spaced,
.no-webgl .view-3d+table.gray-bg {
    padding: 30px 0;
}

table.space-bottom {
    padding: 0 0 30px;
}

table.space-top {
    padding: 30px 0 0;
}

td {
    max-width: 290px;
}

.right-align,
.article-content .article-body table thead th.right-align {
    text-align: right;
}

/* Short Stack */
#short-stack-container {
    height: 84px;
    padding: 0 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

@media only screen and (max-width: 767px) {
    #short-stack-container {
        height: 60px;
    }
}

#short-stack-container.active {
    background: #1C1E2A;
}

#short-stack {
    position: relative;
    width: 22px;
    height: 14px;
    cursor: pointer;
}

#short-stack span,
#short-stack:before,
#short-stack:after {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #343642;
}

#short-stack span {
    top: 50%;
    margin-top: -1px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

#short-stack:before,
#short-stack:after {
    content: '';
    -webkit-transition: all 0.25s ease-in-out 0.2s;
    -moz-transition: all 0.25s ease-in-out 0.2s;
    -ms-transition: all 0.25s ease-in-out 0.2s;
    -o-transition: all 0.25s ease-in-out 0.2s;
    transition: all 0.25s ease-in-out 0.2s;
}

#short-stack:before {
    top: 0;
}

#short-stack:after {
    bottom: 0;
}

.active #short-stack span,
.active #short-stack:before,
.active #short-stack:after {
    background: #FFFFFF;
}

.active #short-stack span {
    -webkit-transition: all 0.25s ease-in-out 0.2s;
    -moz-transition: all 0.25s ease-in-out 0.2s;
    -ms-transition: all 0.25s ease-in-out 0.2s;
    -o-transition: all 0.25s ease-in-out 0.2s;
    transition: all 0.25s ease-in-out 0.2s;
}

.active #short-stack span:first-child {
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.active #short-stack span:last-child {
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.active #short-stack:before,
.active #short-stack:after {
    opacity: 0;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.active #short-stack:before {
    top: 50%;
}

.active #short-stack:after {
    bottom: 50%;
}

/* Social Share */

.article-social {
  color: #FFFFFF;
  margin-bottom: 1rem;
}

.article-social.social-sidebar {
  margin-bottom: 40px;
}

.wide-social .article-social {
  padding: 30px 0;
}

.jssocials-share-count-box {
  width: 60px;
  position: static;
  height: 40px;
  background: #343642;
  margin: 0;
  display: block;
  text-align: center;
}

.jssocials-share-count-box:after {
  content: none;
}

.jssocials-share-count-box.jssocials-share-no-count {
  display: inline-block;
  position: relative;
}

.jssocials-share-count-box.jssocials-share-no-count .jssocials-share-count:after {
  content: '0';
  color: #FFFFFF;
}

.jssocials-share-count {
  color: #FFFFFF;
  font-size: 18px;
  line-height: 40px;
}

.jssocials-share-email .jssocials-share-count-box {
  display: none;
}

.jssocials-share-twitter .jssocials-share-count-box {
  display: none;
}

.jssocials-shares {
  margin: 0;
}

.wide-social .jssocials-shares {
  padding: 0 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

@media only screen and (max-width: 500px) {
  .wide-social .jssocials-shares {
    padding: 0;
  }
}

.jssocials-share {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.jssocials-share a {
  width: 100%;
}

.social-sidebar .jssocials-share {
  margin: 0 0 2px 0;
}

.wide-social .jssocials-share {
  width: 20%;
  margin: 0 0 0 16px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.wide-social .jssocials-share:first-child {
  margin: 0;
}

.jssocials-share a {
  color: #FFFFFF;
}

.jssocials-share.jssocials-share-email a {
  background: #2343B8;
  width: 100%;
}

.jssocials-share.jssocials-share-email a:hover, .jssocials-share.jssocials-share-email a:focus {
  background: #1C3592;
}

.jssocials-share.jssocials-share-twitter a {
  width: 100%;
  background: #005E80;
}

.jssocials-share-count-box .jssocials-share-count {
  color: #ffffff;
}

.social-bar .jssocials-shares {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}

.jssocials-share-facebook .jssocials-share-link {
  background-color: #395693;
}

.jssocials-share-googleplus .jssocials-share-link {
  width: calc(100%);
}

.jssocials-share-googleplus .jssocials-share-count-box.jssocials-share-no-count {
  display: none;
}

.jssocials-share-linkedin .jssocials-share-link {
  width: calc(100%);
  background-color: #005E8A;
}

.jssocials-share-linkedin .jssocials-share-link:hover {
  background-color: #004261;
}

.jssocials-share-linkedin .jssocials-share-count-box.jssocials-share-no-count {
  display: none;
}

/* Nav Dropdown */
#nav-close {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 110px;
    background: #1C1E2A;
    cursor: pointer;
}

@media only screen and (max-width: 1239px) {
    #nav-close {
        width: 92px;
    }
}

#nav-close svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 28px;
    height: 28px;
    margin: -14px 0 0 -14px;
    fill: #FFFFFF;
}

#nav-dropdown {
    display: none;
    position: absolute;
    top: 84px;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 2000;
}

#nav-dropdown p {
    margin: 0;
}

#dropdown-block-container {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + 20px);
    height: 100%;
    z-index: 2;
    overflow-y: scroll;
}

#dropdown-block-container .great-place-banner {
    background-color: #FFFFFF;
    margin-bottom: 16px;
}

#dropdown-block-container .great-place-banner .badge-container {
    padding-left: 85px;
}

@media only screen and (max-width: 1360px) {
    #dropdown-block-container .great-place-banner .badge-container {
        padding-left: 60px;
    }
}

@media only screen and (max-width: 1239px) {
    #dropdown-block-container .great-place-banner .badge-container {
        padding-left: 40px;
    }
}

#dropdown-block-container .great-place-banner a {
    padding-right: 35px;
}

@media only screen and (max-width: 1360px) {
    #dropdown-block-container .great-place-banner a {
        padding-right: 15px;
    }
}

#dropdown-block-container .great-place-banner p {
    width: 50%;
    padding-top: 30px;
}

@media only screen and (max-width: 1360px) {
    #dropdown-block-container .great-place-banner p {
        padding-top: 20px;
    }
}

@media only screen and (max-width: 1239px) {
    #dropdown-block-container .great-place-banner p {
        font-size: 20px;
    }
}

#dropdown-block-container .great-place-banner .close {
    top: 5px;
    right: 15px;
}

.dropdown-block {
    display: none;
    float: left;
    padding: 40px 0;
    width: 100%;
    min-height: 100%;
    height: 100%;
    margin-right: -100%;
}

@media only screen and (max-width: 1360px) {
    .dropdown-block .container {
        width: 964px;
        padding: 0;
    }
}

#dropdown-backgrounds {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#dropdown-backgrounds span {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#dropdown-backgrounds span.fade-in {
    z-index: 2;
}

@media only screen and (min-width: 1025px) {
    #nav-products {
        background-image: url("/_new/_designs/css/min-files/blue-planet-styles.min.css/cbp-temp.css/prx-products-background-1000x510-v2.jpg");
    }
}

@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (min-width: 1025px) and (min--moz-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (min-width: 1025px) and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px),
only screen and (min-width: 1025px) and (min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (min-width: 1025px) and (min-resolution: 192dpi) and (min-width: 320px),
only screen and (min-width: 1025px) and (min-resolution: 2dppx) and (min-width: 320px) {
    #nav-products {
        background-image: url("/_new/_designs/css/min-files/blue-planet-styles.min.css/cbp-temp.css/prx-products-background-v2.jpg");
    }
}

@media only screen and (min-width: 1025px) {
    #nav-network-insights {
        background-image: url("/_new/_designs/css/min-files/blue-planet-styles.min.css/cbp-temp.css/prx-network-insights-background-1000x510-v2.jpg");
    }
}

@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (min-width: 1025px) and (min--moz-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (min-width: 1025px) and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px),
only screen and (min-width: 1025px) and (min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (min-width: 1025px) and (min-resolution: 192dpi) and (min-width: 320px),
only screen and (min-width: 1025px) and (min-resolution: 2dppx) and (min-width: 320px) {
    #nav-network-insights {
        background-image: url("/_new/_designs/css/min-files/blue-planet-styles.min.css/cbp-temp.css/prx-network-insights-background-v2.jpg");
    }
}

@media only screen and (min-width: 1025px) {
    #nav-next-step {
        background-image: url("/_new/_designs/css/min-files/blue-planet-styles.min.css/cbp-temp.css/prx-save-and-support-background-1000x510.jpg");
    }
}

@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (min-width: 1025px) and (min--moz-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (min-width: 1025px) and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px),
only screen and (min-width: 1025px) and (min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (min-width: 1025px) and (min-resolution: 192dpi) and (min-width: 320px),
only screen and (min-width: 1025px) and (min-resolution: 2dppx) and (min-width: 320px) {
    #nav-next-step {
        background-image: url("/_new/_designs/css/min-files/blue-planet-styles.min.css/cbp-temp.css/prx-save-and-support-background.jpg");
    }
}

@media only screen and (min-width: 1025px) {
    #nav-about-us {
        background-image: url("/_new/_designs/css/min-files/blue-planet-styles.min.css/cbp-temp.css/prx-nav-about-us-background-1000x510.jpg");
    }
}

@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (min-width: 1025px) and (min--moz-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (min-width: 1025px) and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px),
only screen and (min-width: 1025px) and (min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (min-width: 1025px) and (min-resolution: 192dpi) and (min-width: 320px),
only screen and (min-width: 1025px) and (min-resolution: 2dppx) and (min-width: 320px) {
    #nav-about-us {
        background-image: url("/_new/_designs/css/min-files/blue-planet-styles.min.css/cbp-temp.css/prx-nav-about-us-background.jpg");
    }
}

.nav-header {
    margin-bottom: 20px;
}

.nav-header a {
    display: block;
    position: relative;
    font-weight: 200;
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    padding-right: 55px;
    padding-left: 15px;
}

@media only screen and (max-width: 1599px) {
    .nav-header a {
        font-size: 20px;
    }
}

.nav-header span {
    font-weight: 400;
}

.nav-header .svg-icon {
    width: 38px;
    height: 38px;
    background: #fff;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.nav-header svg {
    height: 15px;
    width: 15px;
    stroke: #284ED2;
    stroke-width: 2px;
    position: absolute;
    top: 32%;
    left: 35%;
}

.nav-row+.nav-row {
    margin-top: 16px;
}

.nav-block-wrapper {
    width: 743px;
    height: 691px;
    background-color: #6B7085;
    padding: 15px 10px 10px;
    float: left;
}

@media only screen and (max-width: 1360px) {
    .nav-block-wrapper {
        width: 552px;
    }
}

.nav-block-wrapper .nav-block {
    margin-bottom: 0;
}

.nav-block-wrapper .nav-block+.nav-block {
    margin: 10px 0 0;
}

.nav-block-wrapper .nav-title a {
    padding: 20px 10px 0 0px;
}

@media only screen and (max-width: 1360px) {
    .nav-block-wrapper .nav-box.narrow {
        width: 45px;
    }
}

.nav-block-wrapper .nav-box-child li {
    margin: 0;
}

.nav-block-wrapper .nav-box-child li a {
    justify-content: flex-start;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

@media only screen and (max-width: 1360px) {
    .nav-block-wrapper .nav-box-child li a span {
        font-size: 15px;
    }
}

.nav-block-wrapper .nav-box-child li a svg {
    margin: 0 0 0 15px;
    padding: 0;
}

.nav-block-wrapper .nav-box-child li.list-head {
    margin: 0 0 8px;
    white-space: nowrap;
}

@media only screen and (max-width: 1360px) {
    .nav-block-wrapper .nav-box-child li.list-head {
        margin: 0 0 5px;
    }
}

.nav-block-wrapper .nav-box-child li.list-head.list-separator {
    margin: 15px 0 8px;
}

.nav-block-wrapper .nav-box-child li.list-head a {
    display: flex;
}

.nav-block-wrapper .nav-box-child li.list-head span {
    font-size: 21px;
}

@media only screen and (max-width: 1360px) {
    .nav-block-wrapper .nav-box-child li.list-head span {
        font-size: 18px;
    }
}

.wrapper-201 {
    width: 201px;
    margin: 0 0 0 16px;
}

@media only screen and (max-width: 1360px) {
    .wrapper-201 {
        width: 150px;
    }
}

.wrapper-201 .box-201+.box-201 {
    margin: 16px 0 0;
}

.nav-block-title {
    font-weight: 300;
    letter-spacing: 0;
    display: flex;
    justify-content: center;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 1em;
    margin-bottom: 10px;
}

.nav-block {
    float: left;
}

.nav-block+.nav-block {
    margin-left: 16px;
}

.nav-block.half-large,
.nav-block.half-full {
    width: 635px;
}

@media only screen and (max-width: 1360px) {

    .nav-block.half-large,
    .nav-block.half-full {
        width: 474px;
    }
}

.nav-block.half-full .nav-box {
    width: 100%;
}

.nav-block.half-full .nav-box a {
    display: inline;
    font-size: 17px;
    font-weight: 300;
    letter-spacing: 0;
}

.nav-block.half-small {
    width: 309px;
}

@media only screen and (max-width: 1360px) {
    .nav-block.half-small {
        width: 229px;
    }
}

.nav-block.two-thirds {
    width: 960px;
}

@media only screen and (max-width: 1360px) {
    .nav-block.two-thirds {
        width: 719px;
    }
}

.nav-block.two-thirds-852 {
    width: 852px;
}

@media only screen and (max-width: 1360px) {
    .nav-block.two-thirds-852 {
        width: 638px;
    }
}

.nav-block.one-third {
    width: 309px;
}

@media only screen and (max-width: 1360px) {
    .nav-block.one-third {
        width: 229px;
    }
}

.nav-block .insight-sum:hover {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.nav-block .nav-space-left {
    margin-left: 16px;
}

.nav-block.nav-space-bottom {
    margin-bottom: 16px;
}

.nav-block .nav-product-box .nav-box-child {
    height: 376px;
}

@media only screen and (max-width: 1599px) {
    .nav-block .nav-product-box .nav-box-child {
        height: 244px;
    }
}

@media only screen and (max-width: 1599px) {
    .nav-block .nav-product-box .nav-box-child .center-nav-image {
        padding: 0 40px;
    }
}

@media only screen and (max-width: 1360px) {
    .nav-block .nav-product-box .nav-box-child .center-nav-image {
        padding: 0 10px;
    }
}

.nav-block .nav-product-box .nav-box-child .nav-product-image {
    padding: 0;
}

@media only screen and (max-width: 1360px) {
    .nav-block .nav-product-box .nav-box-child .nav-product-image {
        padding: 0 15px;
    }
}

.nav-block .nav-product-box .nav-box-child .nav-product-name {
    margin: 10px 0 0;
    padding: 0 30px;
    text-align: left;
}

@media only screen and (max-width: 1599px) {
    .nav-block .nav-product-box .nav-box-child .nav-product-name {
        padding: 0;
    }
}

@media only screen and (max-width: 1360px) {
    .nav-block .nav-product-box .nav-box-child .nav-product-name {
        padding: 0 20px;
    }
}

.nav-box-top-spacer {
    margin-top: 16px;
}

.nav-box {
    float: left;
    width: 217px;
}

@media only screen and (max-width: 1360px) {
    .nav-box {
        width: 163px;
    }
}

.nav-box.thirds {
    width: 208px;
}

@media only screen and (max-width: 1360px) {
    .nav-box.thirds {
        width: 155px;
    }
}

.nav-box.thirds a {
    padding: 20px 30px;
}

.nav-box.border-left {
    border-left: 1px solid #E4E5E6;
}

.nav-box.wide {
    width: 326px;
}

@media only screen and (max-width: 1360px) {
    .nav-box.wide {
        width: 245px;
    }
}

.nav-box.narrow {
    width: 91px;
}

@media only screen and (max-width: 1360px) {
    .nav-box.narrow {
        width: 66px;
    }
}

.nav-box.mid-narrow {
    width: 54px;
}

@media only screen and (max-width: 1360px) {
    .nav-box.mid-narrow {
        width: 30px;
    }
}

.nav-box.mid-narrow .nav-box-child svg {
    margin: 0 0 0 7px;
}

.nav-box.full {
    width: 100%;
}

.nav-box.half {
    width: 50%;
}

.nav-box.over-half {
    width: 370px;
}

@media only screen and (max-width: 1360px) {
    .nav-box.over-half {
        width: 288px;
    }
}

.nav-box.over-half-leftover {
    width: 265px;
}

@media only screen and (max-width: 1360px) {
    .nav-box.over-half-leftover {
        width: 186px;
    }
}

.nav-box.box-201 {
    width: 201px;
    height: 100%;
}

@media only screen and (max-width: 1360px) {
    .nav-box.box-201 {
        width: 150px;
    }
}

.nav-box.box-256 {
    width: 256px;
}

@media only screen and (max-width: 1360px) {
    .nav-box.box-256 {
        width: 200px;
    }
}

.nav-box.box-257 {
    width: 257px;
    height: 100%;
    background-size: cover;
}

.nav-box.box-310 {
    width: 310px;
}

@media only screen and (max-width: 1360px) {
    .nav-box.box-310 {
        width: 230px;
    }
}

.nav-box.box-430 {
    width: 430px;
}

@media only screen and (max-width: 1360px) {
    .nav-box.box-430 {
        width: 337px;
    }
}

.nav-box.box-432 {
    background-size: cover;
    height: 100%;
    width: 432px;
}

@media only screen and (max-width: 1360px) {
    .nav-box.box-432 {
        width: 364px;
    }
}

.nav-box.box-595 {
    width: 595px;
    height: 100%;
}

.nav-box.box-852 {
    height: 100%;
    width: 852px;
}

@media only screen and (max-width: 1360px) {
    .nav-box.box-852 {
        width: 600px;
    }
}

.nav-box.box-852 svg {
    stroke: #ffffff;
    stroke-width: 1px;
    margin: 0;
    position: absolute;
    left: 135px;
    top: 50%;
    transform: translateY(-40%);
}

.nav-box a {
    display: block;
    height: 100%;
}

.nav-box .left-spacing {
    padding-left: 30px;
    display: block;
}

.nav-box-child {
    height: 188px;
    overflow: hidden;
}

@media only screen and (max-width: 1599px) {
    .nav-box-child {
        height: 122px;
    }
}

.nav-box-child.align-top a {
    padding: 20px 10px 0 0px;
}

.nav-box-child.insights-box {
    height: 295px;
}

.nav-box-child.insights-box li {
    margin: 0;
}

.nav-box-child.short-81 {
    height: 81px;
}

.nav-box-child.short-91 {
    height: 91px;
}

.nav-box-child.short-120 {
    height: 120px;
}

.nav-box-child.short-120 span {
    position: absolute;
}

.nav-box-child.short-120 .post-title {
    font-size: 20px;
}

.nav-box-child.short-120 a.btn {
    font-size: 17px;
    display: inline;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    height: auto;
    margin: 0;
    padding: 9px 20px;
}

.nav-box-child.short-102 {
    height: 102px;
}

.nav-box-child.short-106 {
    height: 106px;
}

.nav-box-child.short-122 {
    height: 122px;
}

.nav-box-child.short-125 {
    height: 125px;
}

.nav-box-child.short-137 {
    height: 137px;
}

.nav-box-child.short-140 {
    height: 140px;
}

.nav-box-child.short-142 {
    height: 142px;
}

.nav-box-child.short-146 {
    height: 146px;
}

.nav-box-child.short-155 {
    height: 155px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.nav-box-child.short-155 img {
    max-width: 100%;
    height: auto;
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;
}

.nav-box-child.short-164 {
    height: 164px;
}

.nav-box-child.short-172 {
    height: 172px;
}

.nav-box-child.tall-335 {
    height: 335px;
}

.nav-box-child.tall-350 {
    height: 350px;
}

.nav-box-child.tall-552 {
    height: 552px;
}

.nav-box-child ul {
    margin: 22px 10px 20px 15px;
    padding: 0;
}

@media only screen and (max-width: 1360px) {
    .nav-box-child ul {
        margin: 17px 10px 20px 15px;
    }
}

.nav-box-child ul.nav-list {
    margin: 12px 10px 10px 15px;
}

@media only screen and (max-width: 1360px) {
    .nav-box-child ul.nav-list {
        margin: 10px 10px 12px 15px;
    }
}

.nav-box-child ul.nav-list li {
    margin: 0;
}

.nav-box-child li {
    list-style: none;
    margin-bottom: 3px;
}

.nav-box-child:not(.nav-title) {
    background: #FFFFFF;
}

.nav-box-child:not(.nav-title) a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    font-weight: 300;
    font-size: 22px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
    color: #343642;
    font-size: 16px;
}

.nav-box-child:not(.nav-title) a.left-align {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
}

.nav-box-child:not(.nav-title) a.left-align img {
    height: 100%;
    width: auto;
}

.nav-box-child:not(.nav-title) strong {
    display: block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.nav-box-child+.nav-box-child {
    border-top: 1px solid #E4E5E6;
}

.nav-box-child.tall {
    height: 376px;
}

@media only screen and (max-width: 1599px) {
    .nav-box-child.tall {
        height: 244px;
    }
}

.nav-box-child.short {
    height: 180px;
}

@media only screen and (max-width: 1599px) {
    .nav-box-child.short {
        height: 114px;
    }
}

.nav-box-child .center-align {
    padding: 0 10px;
}

.nav-box-child.left-align {
    align-items: flex-start;
    justify-content: flex-start;
}

.nav-box-child.left-align a {
    align-items: flex-start;
    justify-content: flex-start;
    padding-left: 0;
    white-space: normal;
}

.nav-box-child.left-align a.full-width {
    width: 100%;
    align-items: center;
}

.nav-box-child.left-align span {
    padding: 0;
}

.nav-box-child .center-text {
    padding: 0 10px;
}

.nav-box-child a {
    position: relative;
}

.nav-box-child a:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    background: rgba(28, 30, 42, 0.05);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.nav-box-child a:hover:before {
    opacity: 1;
}

.nav-box-child .nav-cta {
    font-size: 17px;
    display: inline;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    height: auto;
    margin: 0;
    padding: 9px 20px;
}

.nav-box-child small {
    font-size: 14px;
    font-weight: 400;
    color: #80828C;
}

@media only screen and (max-width: 1599px) {
    .nav-box-child small {
        font-size: 12px;
    }
}

.nav-box-child svg {
    display: block;
    width: 15px;
    height: 15px;
    stroke: #284ED2;
    stroke-width: 2px;
    margin: 0 auto 10px;
}

.nav-box-child.single {
    height: 376px;
}

.nav-article-box-horiz .nav-box-child a {
    display: block;
    padding: 20px;
}

.nav-article-box-horiz .category .cat-icon {
    margin: 0;
    display: inline-block;
    fill: #00bc94;
    width: 20px;
    height: 20px;
    stroke: none;
    margin-right: 10px;
}

.nav-article-box-horiz .category span {
    position: static;
}

.nav-article-box-horiz .post-title {
    line-height: 1.3em;
    margin-top: 5px;
}

.nav-title+.nav-title {
    border-color: rgba(28, 30, 42, 0.3);
}

.nav-title a,
.nav-title span {
    padding: 30px 55px 0 20px;
    font-weight: 200;
    font-size: 26px;
    line-height: 1.3em;
    color: #FFFFFF;
}

@media only screen and (max-width: 1599px) {

    .nav-title a,
    .nav-title span {
        font-size: 21px;
        padding: 30px 25px 0 30px;
    }
}

@media only screen and (max-width: 1360px) {

    .nav-title a,
    .nav-title span {
        font-size: 17px;
        padding: 25px 10px 0 15px;
    }
}

.nav-title a:before,
.nav-title span:before {
    background: rgba(28, 30, 42, 0.1);
}

.nav-title span {
    position: relative;
    z-index: 10;
    font-weight: 200;
    font-size: 26px;
    line-height: 1.3em;
    padding: 0 0 0 20px;
}

.center-nav-image {
    text-align: center;
}

@media only screen and (min-width: 1600px) {
    .center-nav-image br {
        display: none;
    }
}

@media only screen and (max-width: 1599px) {
    .center-nav-image:not(.stacked-center-nav-image) {
        text-align: left;
        width: 245px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
    }

    .center-nav-image:not(.stacked-center-nav-image) .nav-product-name {
        width: 108px;
    }
}

.nav-product-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
}

@media only screen and (min-width: 1600px) {
    .nav-product-image {
        height: 110px;
        margin-bottom: 10px;
        padding: 0 60px;
    }

    .nav-product-image img {
        max-height: 100%;
        width: auto;
    }
}

@media only screen and (max-width: 1599px) {
    .nav-product-image {
        width: 137px;
    }
}

.nav-article-box {
    height: 376px;
}

@media only screen and (max-width: 1599px) {
    .nav-article-box {
        height: 244px;
    }

    .nav-article-box .insight-sum.thumb {
        padding-bottom: 122px;
    }

    .nav-article-box .insight-sum.thumb:hover .excerpt {
        top: 50%;
    }

    .nav-article-box .insight-sum.thumb:hover .excerpt p {
        opacity: 0;
        visibility: hidden;
    }

    .nav-article-box .insight-sum.thumb .excerpt {
        padding: 15px;
        top: 122px;
    }

    .nav-article-box .insight-sum .category {
        margin-bottom: 10px;
    }

    .nav-article-box .insight-sum .post-title {
        font-size: 17px;
    }

    .nav-article-box .insight-sum .thumbnail,
    .nav-article-box .insight-sum .excerpt {
        min-height: 122px;
    }
}

@media only screen and (max-width: 1360px) {
    .nav-article-box .insight-sum .post-title {
        font-size: 15px;
    }
}

#dropdown-footer {
    text-align: center;
    padding-bottom: 30px;
}

#dropdown-footer.fixed {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
}

#dropdown-footer a {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: 0.02em;
    color: #FFFFFF;
}

@media only screen and (max-width: 1599px) {
    #dropdown-footer a {
        font-size: 16px;
    }
}

#dropdown-footer a+a {
    margin-left: 80px;
}

/* Redesign 2018-specific edits */
.nav-update-2018 .nav-header a {
    display: inline-block;
}

.nav-update-2018 .nav-box.one-third {
    width: 209px;
}

@media only screen and (max-width: 1360px) {
    .nav-update-2018 .nav-box.one-third {
        width: 155px;
    }
}

.nav-update-2018 .nav-box.one-third .nav-box-child.nav-title a {
    padding-top: 20px;
    width: 100%;
}

.nav-update-2018 .nav-box.one-third-adjusted {
    width: 209px;
}

@media only screen and (max-width: 1360px) {
    .nav-update-2018 .nav-box.one-third-adjusted {
        width: 142px;
    }
}

.nav-update-2018 .nav-box.extra-narrow {
    width: 15px;
}

.nav-update-2018 .nav-box.extra-narrow svg {
    width: 15px;
    height: 15px;
}

.nav-update-2018 .nav-box.one-third-wide {
    width: 248px;
}

@media only screen and (max-width: 1360px) {
    .nav-update-2018 .nav-box.one-third-wide {
        width: 155px;
    }
}

.nav-update-2018 .nav-box.one-third-wide span {
    padding: 0 20px 0 15px;
    line-height: 1.2em;
    display: block;
}

.nav-update-2018 .nav-box.one-third-short {
    width: 155px;
}

@media only screen and (max-width: 1360px) {
    .nav-update-2018 .nav-box.one-third-short {
        width: 140px;
    }
}

.nav-update-2018 .nav-box.vertical-gradient {
    width: 25px;
}

.nav-update-2018 .nav-box.vertical-gradient .nav-box-child.short-155 {
    height: 155px;
    background: transparent;
}

.nav-update-2018 .nav-box.one-fourth {
    width: 230px;
}

@media only screen and (max-width: 1360px) {
    .nav-update-2018 .nav-box.one-fourth {
        width: 174px;
    }
}

.nav-update-2018 .nav-box.one-fourth a {
    padding: 0 0 0 25px;
    width: 100%;
}

@media only screen and (max-width: 1360px) {
    .nav-update-2018 .nav-box.one-fourth a {
        padding: 0 0 0 15px;
    }
}

.nav-update-2018 .nav-box.one-fourth a span {
    font-size: 22px;
}

.nav-update-2018 .nav-title .box-852 span {
    padding: 0 0 0 20px;
}

.nav-update-2018 .nav-title span {
    font-size: 24px;
    display: inline-block;
    padding: 0 0 0 15px;
}

@media only screen and (max-width: 1360px) {
    .nav-update-2018 .nav-title span {
        max-width: 300px;
        font-size: 19px;
    }
}

.nav-update-2018 .nav-title.white-bg span {
    color: #343642;
}

.nav-update-2018 .thumbnail {
    background-size: cover;
    background-position: center;
    padding: 0;
}

.nav-update-2018 .dark {
    color: #343642;
}

.nav-update-2018 .insights-nav-featured-wrapper {
    margin-bottom: 0;
}

.nav-update-2018 .insights-nav-featured-wrapper .featured-title span {
    font-size: 33px;
    line-height: 1em;
    display: block;
    position: absolute;
    top: 30px;
}

.nav-update-2018 .insights-nav-featured-wrapper .featured-content {
    font-size: 18px;
    padding: 35px 15px 0;
    line-height: 1.3em;
    font-weight: 300;
}

.nav-update-2018 .insights-nav-featured-wrapper .featured-content span {
    font-size: 18px;
    padding: 0;
    font-weight: 500;
}

.nav-update-2018 .insights-nav-featured-wrapper .featured-content .btn {
    /* revisit this. it doesn't seem right. */
    font-size: 18px;
    display: flex;
    width: auto;
    padding: 9px 20px;
    max-width: 150px;
    justify-content: center;
    margin: 30px 0 0;
    font-weight: 400;
    border: 2px solid #FFFFFF;
    letter-spacing: 0;
}

/* Mobile Nav */
#mobile-nav-container {
    display: none;
    position: fixed;
    top: 84px;
    right: 0;
    bottom: 0;
    left: 0;
    background: #1C1E2A;
    z-index: 9999;
    overflow-x: hidden;
}

.white-bg .bp-gray .mobile-nav a {
    color: #fff;
}

@media only screen and (max-width: 767px) {
    #mobile-nav-container {
        top: 60px;
    }
}

.mobile-nav a[href=""] {
    pointer-events: none;
}

.mobile-nav a[href=""] b {
    font-weight: 900;
}

.mobile-nav a[href=""]:empty {
    display: none;
}

.mobile-nav-block {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    padding-bottom: 20px;
    overflow-y: scroll;
    background: #1C1E2A;
}

.mobile-nav-block::-webkit-scrollbar {
    display: none;
}

.mobile-nav-block:first-child {
    left: 0;
}

.mobile-nav-block a,
.mobile-nav-block span {
    padding-left: 15px;
}

.mobile-nav a,
.mobile-nav span {
    position: relative;
    display: block;
    padding-top: 25px;
    padding-bottom: 25px;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    border-bottom: 1px solid #282A36;
}

.mobile-nav a.alt-color,
.mobile-nav a.back,
.mobile-nav span.alt-color,
.mobile-nav span.back {
    color: #80828C;
}

.mobile-nav a:before,
.mobile-nav span:before {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #1C1E2A;
}

.mobile-nav a svg,
.mobile-nav span svg {
    width: 10px;
    height: 10px;
    fill: #FFFFFF;
    margin: 0 0 0 10px;
    display: inline-block;
}

.mobile-nav .chevron {
    width: 16px;
    height: 16px;
    stroke: #545868;
    stroke-width: 2px;
}

.mobile-nav .chevron-right {
    position: absolute;
    right: 15px;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.mobile-nav .chevron-left {
    margin-right: 15px;
}

.mobile-nav strong {
    font-weight: 500;
}

.mobile-nav .phone {
    width: 20px;
    height: 20px;
    stroke: #545868;
    stroke-width: 1.5px;
    fill: none;
    margin-right: 20px;
}

.mobile-nav .world {
    width: 20px;
    height: 20px;
    fill: #545868;
    margin-right: 20px;
}

.mobile-nav-sublinks {
    list-style-type: none;
    margin: 35px 0 0;
    padding: 0;
}

.mobile-nav-sublinks li+li {
    margin-top: 25px;
}

.mobile-nav-sublinks a {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
    color: #80828C;
}


#message-bar {
    background-color: #0075c0;
}

/*
    CBP Product Page Updates
*/

.video-component {
    padding: 0 0 70px;
}

.video-summary {
    font-size: 18px;
    font-weight: 300;
}


/* CBP Promo Banner */

#content .cbp-one-col-wrapper.one-col-row.cbp-promo {
    padding: 20px 15px;
}

#content .cbp-one-col-wrapper.one-col-row.cbp-promo.white-space {
  margin-bottom: 100px;
}

@media only screen and (max-width: 1024px) {
  #content .cbp-one-col-wrapper.one-col-row.cbp-promo.white-space {
    margin-bottom: 50px;
  }
}

.cbp-promo .row {
    float: none;
}

.partner-contract-documents #content .content-wrap {
  padding-bottom: 0;
}

/* CBP Accordion */

.cbp-accordion .content-show-area {
  height: 100%;
  width: 100%;
}
.cbp-accordion .content-show-area .content-show-item {
  height: 100%;
  width: 100%;
  padding: 15% 16%;
}

@media only screen and (min-width: 1024px) {
  .cbp-accordion .content-show-area .content-show-item {
    padding: 50px 20px;
  }
}

.cbp-accordion .nav-align-left {
    flex-direction: row-reverse;
}

.cbp-accordion .nav-align-left .column:first-child {
  padding-left: 20px;
}

.cbp-accordion .nav-align-right .column:first-child {
  padding-right: 20px;
}

@media only screen and (max-width: 767px) {
  .cbp-accordion .content-show-area .content-show-item {
    padding: 5% 10%;
  }
}
@media only screen and (max-width: 1024px) {
  .cbp-accordion .content-show-area .content-show-item .btn-container {
    margin: 5% auto 0;
  }
  .cbp-accordion .nav-align-left, .cbp-accordion .nav-align-right {
    display: flex;
    flex-direction: column-reverse;
  }
  .cbp-accordion .nav-align-left .column:first-child {
    padding-left: 0;
  }
  .cbp-accordion .nav-align-right .column:first-child {
    padding-right: 0;
  }
}
@media only screen and (max-width: 500px) {
  .cbp-accordion .content-show-area .content-show-item .btn-container .btn {
    padding: 9px 15px;
    font-size: 12px;
  }
}
.cbp-accordion .content-show-area .three-col-box-grid {
  margin: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 12% 10%;
}
@media only screen and (max-width: 1024px) {
  .cbp-accordion .content-show-area .three-col-box-grid {
    padding: 8%;
  }
}
@media only screen and (max-width: 767px) {
  .cbp-accordion .content-show-area .three-col-box-grid {
    padding: 6% 0;
  }
}
@media only screen and (max-width: 1024px) {
  .cbp-accordion .content-show-area .three-col-box-grid .btn-container {
    margin: 0 auto;
  }
}
.cbp-accordion .content-show-area .three-col-box-item {
  list-style: none;
  width: 33%;
  text-align: center;
  margin: 0;
}
@media only screen and (max-width: 1024px) {
  .cbp-accordion .content-show-area .three-col-box-item {
    margin: 0 0 5%;
  }
}
.cbp-accordion .content-show-area .three-col-box-item span {
  display: block;
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .cbp-accordion .content-show-area .three-col-box-item span {
    font-size: 14px;
  }
}
@media only screen and (max-width: 500px) {
  .cbp-accordion .content-show-area .three-col-box-item span {
    font-size: 10px;
  }
}
.cbp-accordion .content-show-area .three-col-box-item .box-grid-title {
  font-size: 36px;
  font-weight: 400;
  line-height: 1.2em;
}
@media only screen and (max-width: 767px) {
  .cbp-accordion .content-show-area .three-col-box-item .box-grid-title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 500px) {
  .cbp-accordion .content-show-area .three-col-box-item .box-grid-title {
    font-size: 20px;
  }
}
.cbp-accordion .content-show-area .three-col-box-item .svg-icon {
  max-width: 70px;
  max-height: 60px;
  margin: 0 auto 10px;
}
@media only screen and (max-width: 767px) {
  .cbp-accordion .content-show-area .three-col-box-item .svg-icon {
    max-width: 50px;
    max-height: 40px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 500px) {
  .cbp-accordion .content-show-area .three-col-box-item .svg-icon {
    max-width: 50px;
    max-height: 40px;
  }
}
.cbp-accordion .content-show-area .three-col-box-item .svg-icon svg {
  max-width: 70px;
  max-height: 60px;
}
@media only screen and (max-width: 767px) {
  .cbp-accordion .content-show-area .three-col-box-item .svg-icon svg {
    max-width: 50px;
    max-height: 40px;
  }
}
@media only screen and (max-width: 500px) {
  .cbp-accordion .content-show-area .three-col-box-item .svg-icon svg {
    max-width: 50px;
    max-height: 40px;
  }
}
.cbp-accordion .content-show-area .content-grouping {
  display: flex;
  flex-direction: row;
  padding-top: 20px;
}
.cbp-accordion .content-show-area .content-grouping span {
  font-weight: 300;
  font-size: 20px;
  line-height: 1.35em;
  letter-spacing: 0.02em;
  max-width: 250px;
  padding-right: 20px;
}
.cbp-accordion .content-show-area .content-grouping span:last-child {
  padding-right: 0;
}
@media only screen and (max-width: 1239px) {
  .cbp-accordion .content-show-area .content-grouping span {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .cbp-accordion .content-show-area .content-grouping span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 500px) {
  .cbp-accordion .content-show-area .content-grouping span {
    padding-right: 10px;
    font-size: 14px;
  }
}
.cbp-accordion .content-show-area .content-grouping span.category {
  font-weight: 500;
  letter-spacing: 0;
}
.cbp-accordion .content-show-area .content-grouping span.category.white {
  color: #fff;
}
.cbp-accordion .content-show-area .content-grouping span a {
  display: block;
  font-size: 20px;
  line-height: 1.2em;
  color: #fff;
  margin-bottom: 5px;
}
.cbp-accordion .content-show-area .content-grouping span a.white {
  color: #fff;
}
.cbp-accordion .content-show-area .content-grouping span.box-grid-title {
  font-size: 42px;
  font-weight: 400;
  display: block;
  letter-spacing: 0;
}
@media only screen and (max-width: 1239px) {
  .cbp-accordion .content-show-area .content-grouping span.box-grid-title {
    font-size: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .cbp-accordion .content-show-area .content-grouping span.box-grid-title {
    font-size: 32px;
  }
}
@media only screen and (max-width: 500px) {
  .cbp-accordion .content-show-area .content-grouping span.box-grid-title {
    font-size: 26px;
  }
}
@media only screen and (max-width: 1152px) {
  .cbp-accordion .content-show-area .content-grouping span.svg-icon {
    max-height: 50px;
  }
}
@media only screen and (max-width: 1152px) {
  .cbp-accordion .content-show-area .content-grouping span.svg-icon svg {
    max-height: 50px;
  }
}
#content .cbp-accordion .container {
    padding-bottom: 70px;
}
.cbp-accordion .content-show-area .svg-icon {
  display: inline-block;
}
.cbp-accordion .content-nav-wrapper {
  width: 100%;
}
#content .cbp-accordion .content-nav {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 635px;
}
#content .cbp-accordion .content-nav.extra-height {
  height: 775px;
}
@media only screen and (max-width: 1239px) {
  #content .cbp-accordion .content-nav {
    height: 580px;
  }
  #content .cbp-accordion .content-nav.extra-height {
    height: 680px;
  }
}
@media only screen and (max-width: 1024px) {
  #content .cbp-accordion .content-nav {
    height: auto;
    margin: 2% 0 0;
  }
  #content .cbp-accordion .content-nav.extra-height {
    height: auto;
  }
}
#content .cbp-accordion .content-nav-item {
  list-style: none;
  background-color: #b5b5b5;
  width: 97%;
  margin: 0 auto;
  padding-left: 0;
}
@media only screen and (max-width: 1024px) {
  #content .cbp-accordion .content-nav-item {
    width: 100%;
    margin: 0 auto 2%;
  }
}
.cbp-accordion .content-nav-item a {
  font-size: 32px;
  color: #343642;
  display: block;
  padding: 4% 6%;
}
@media only screen and (max-width: 1599px) {
  .cbp-accordion .content-nav-item a {
    padding: 4.5% 6%;
  }
}
@media only screen and (max-width: 1360px) {
  .cbp-accordion .content-nav-item a {
    padding: 5% 6%;
  }
}
@media only screen and (max-width: 1239px) {
  .cbp-accordion .content-nav-item a {
    padding: 4.5% 6%;
  }
}
@media only screen and (max-width: 1024px) {
  .cbp-accordion .content-nav-item a {
    padding: 3% 4%;
  }
}
.cbp-accordion .content-nav-item a .category {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5em;
  margin-bottom: 5px;
}
@media only screen and (max-width: 767px) {
  .cbp-accordion .content-nav-item a .category {
    font-size: 10px;
  }
}
.cbp-accordion .content-nav-item a .category.smoke {
  color: #343642;
}
.cbp-accordion .content-nav-item a:hover {
  background-color: #fff;
  -moz-transform: scale(1.01) perspective(1px);
  -o-transform: scale(1.01) perspective(1px);
  -ms-transform: scale(1.01) perspective(1px);
  -webkit-transform: scale(1.01) perspective(1px);
  transform: scale(1.01) perspective(1px);
  -webkit-box-shadow: 0 0 30px rgba(28, 30, 42, 0.25);
  -moz-box-shadow: 0 0 30px rgba(28, 30, 42, 0.25);
  box-shadow: 0 0 30px rgba(28, 30, 42, 0.25);
}
.cbp-accordion .content-nav-item a.current {
  background-color: #fff;
  -moz-transform: scale(1.04) perspective(1px);
  -o-transform: scale(1.04) perspective(1px);
  -ms-transform: scale(1.04) perspective(1px);
  -webkit-transform: scale(1.04) perspective(1px);
  transform: scale(1.04) perspective(1px);
  -webkit-box-shadow: 0 0 30px rgba(28, 30, 42, 0.25);
  -moz-box-shadow: 0 0 30px rgba(28, 30, 42, 0.25);
  box-shadow: 0 0 30px rgba(28, 30, 42, 0.25);
}
@media only screen and (max-width: 1024px) {
  .cbp-accordion .content-nav-item a.current {
    -moz-transform: scale(1.02) perspective(1px);
    -o-transform: scale(1.02) perspective(1px);
    -ms-transform: scale(1.02) perspective(1px);
    -webkit-transform: scale(1.02) perspective(1px);
    transform: scale(1.02) perspective(1px);
  }
}
.cbp-accordion .content-nav-item a.current .category {
  color: #1686c6;
}
.cbp-accordion .content-nav-item a.current .category.hover-blue {
  color: #1686c6;
}
.cbp-accordion .content-nav-item a span {
  display: block;
  line-height: 1.2em;
  font-size: 20px;
}
.cbp-accordion .content-nav-item a .content-nav-title {
  font-size: 23px;
}
@media only screen and (max-width: 767px) {
  .cbp-accordion .content-nav-item a .content-nav-title {
    font-size: 17px;
  }
}
@media only screen and (max-width: 500px) {
  .cbp-accordion .content-nav-item a .content-nav-title {
    font-size: 14px;
  }
}
.cbp-accordion .content-nav-item :last-child {
  margin-bottom: 0;
}
.cbp-accordion .content-nav-item a:hover > .category {
  color: #1686c6;
}
.cbp-accordion .content-nav-item a:hover > .category.hover-blue {
  color: #1686c6;
}

/* Component Accordion Boxes */
#col2-button-content.accordion-boxes .content-nav-wrapper .content-nav {
  flex-direction: row;
  flex-wrap: wrap;
}

#col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item {
  width: 32.6%;
  margin: 0 0 1%;
}

#col2-button-content.accordion-boxes.white-transparent-boxes .column:last-child {
    background: transparent;
}

.cbp-accordion.white-transparent-boxes .content-show-area {
    background-color: #ffffff30;
    border-radius: 15px;
}

#col2-button-content.accordion-boxes.white-transparent-boxes .column .content-nav-item {
    border: 1px solid white;
    color: white;
    background: transparent;
    border-radius: 8px;
}

#col2-button-content.accordion-boxes.white-transparent-boxes .column .content-nav-item b {
    font-weight: 900;
}

#col2-button-content.accordion-boxes.white-transparent-boxes .content-nav-item a,
#col2-button-content.accordion-boxes.white-transparent-boxes .category {
    color: white;
    background: transparent;
    display: block;
    transition: background-color .2s, color .2s;
}

#col2-button-content.accordion-boxes.white-transparent-boxes .content-nav-item .content-nav-title {
    font-size: 28px;
    font-weight: 400;
}

#col2-button-content.accordion-boxes.white-transparent-boxes .content-nav-item a.current {
    background-color: #E4E5E6;
}

#col2-button-content.accordion-boxes.white-transparent-boxes .content-nav-item a.current .content-nav-title,
#col2-button-content.accordion-boxes.white-transparent-boxes .content-nav-item a.current .category {
    color: #343642;
}

#col2-button-content.accordion-boxes.white-transparent-boxes .content-nav-item a {
    border: 3px solid transparent;
    transition: border .4s;
    border-radius: 8px;
    transform: scale(1) perspective(0) translateZ(0);
}

#col2-button-content.accordion-boxes.white-transparent-boxes .content-nav-item a:hover {
    transform: scale(1) perspective(0);
    border: 3px solid #fff;
    border-radius: 8px;
}

#col2-button-content.accordion-boxes.white-transparent-boxes .content-nav-wrapper .content-nav-item .content-nav-title {
    padding: 0 8px;
    text-align: left;
}

#col2-button-content.accordion-boxes.white-transparent-boxes .content-nav-item a:hover .category {
    color: #343642;
}

@media only screen and (min-width: 1024px) {
    .cbp-accordion.white-transparent-boxes .content-show-area {
        padding: 0 25px;
    }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes.white-transparent-boxes .category {
    display: none;
  }
  #col2-button-content.accordion-boxes.white-transparent-boxes .content-nav-item .content-nav-title {
    font-size: 20px;
  }
  #col2-button-content.accordion-boxes.white-transparent-boxes .content-nav-wrapper .content-nav-item a {
    min-height: 4rem;
  }
  #col2-button-content.accordion-boxes.white-transparent-boxes .content-show-area .content-show-item {
    padding: 25px;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item {
    width: 33%;
    margin: 0 0 0.5%;
  }
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item {
    width: 49.8%;
  }
}

@media only screen and (max-width: 500px) {
  #col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item {
    width: 100%;
    min-height: 45px;
    height: auto;
  }
}

#col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item a {
  height: 100%;
}

#col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item a.current {
    -moz-transform: scale(1.01) perspective(1px);
    -o-transform: scale(1.01) perspective(1px);
    -ms-transform: scale(1.01) perspective(1px);
    -webkit-transform: scale(1.01) perspective(1px);
    transform: scale(1.01) perspective(1px);
}

#col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item .content-nav-title {
  font-size: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 300;
  padding-right: 10px;
}

@media only screen and (max-width: 1599px) {
  #col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item .content-nav-title {
    font-size: 20px;
  }
}

@media only screen and (max-width: 1239px) {
  #col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item .content-nav-title {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item .content-nav-title {
    font-size: 17px;
  }
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item .content-nav-title {
    font-size: 14px;
  }
}

@media only screen and (max-width: 500px) {
  #col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item .content-nav-title {
    font-size: 13px;
  }
}

#col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item sup {
  font-size: 50%;
  top: -0.8em;
  left: -2px;
}

#col2-button-content.accordion-boxes.count-12 .content-nav-item:nth-child(10n), #col2-button-content.accordion-boxes.count-12 .content-nav-item:nth-child(11n), #col2-button-content.accordion-boxes.count-12 .content-nav-item:nth-child(12n) {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes.count-12 .content-nav-item:nth-child(10n), #col2-button-content.accordion-boxes.count-12 .content-nav-item:nth-child(11n), #col2-button-content.accordion-boxes.count-12 .content-nav-item:nth-child(12n) {
    margin: 0 0 0.5%;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes.count-12 .content-nav {
    height: auto;
    min-height: 350px;
  }
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes.count-12 .content-nav {
    min-height: 425px;
  }
}

@media only screen and (max-width: 500px) {
  #col2-button-content.accordion-boxes.count-12 .content-nav {
    min-height: 550px;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav {
    height: auto;
    min-height: 250px;
  }
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav {
    min-height: 425px;
  }
}

@media only screen and (max-width: 500px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav {
    min-height: 500px;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav-item {
    margin: 0 0 0.4%;
  }
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav-item {
    width: 100%;
    margin: 0 0 0.5%;
  }
}

#col2-button-content.accordion-boxes.count-9 .content-nav-item:nth-child(7n), #col2-button-content.accordion-boxes.count-9 .content-nav-item:nth-child(8n), #col2-button-content.accordion-boxes.count-9 .content-nav-item:nth-child(9n) {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav-item:nth-child(7n), #col2-button-content.accordion-boxes.count-9 .content-nav-item:nth-child(8n), #col2-button-content.accordion-boxes.count-9 .content-nav-item:nth-child(9n) {
    margin: 0 0 0.5%;
  }
}

#col2-button-content.accordion-boxes.count-9 .content-nav-item .content-nav-title {
  font-size: 21px;
}

@media only screen and (max-width: 1599px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav-item .content-nav-title {
    font-size: 20px;
  }
}

@media only screen and (max-width: 1360px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav-item .content-nav-title {
    font-size: 19px;
  }
}

@media only screen and (max-width: 1239px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav-item .content-nav-title {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1152px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav-item .content-nav-title {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav-item .content-nav-title {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav-item .content-nav-title {
    font-size: 13px;
  }
}

#col2-button-content.accordion-boxes.count-6.split .column {
  height: 580px;
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes.count-6.split .column {
    height: auto;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes.count-6.split .column:first-child {
    height: 500px;
  }
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes.count-6.split .column:first-child {
    height: auto;
  }
}

#col2-button-content.accordion-boxes.count-6 .content-nav-wrapper .content-nav {
  height: 580px;
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes.count-6 .content-nav-wrapper .content-nav {
    height: auto;
    min-height: 200px;
  }
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes.count-6 .content-nav-wrapper .content-nav {
    min-height: 270px;
  }
}

@media only screen and (max-width: 500px) {
  #col2-button-content.accordion-boxes.count-6 .content-nav-wrapper .content-nav {
    min-height: 350px;
  }
}

#col2-button-content.accordion-boxes.count-6 .content-nav-item {
  margin: 0 0 1.2%;
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes.count-6 .content-nav-item {
    width: 49.7%;
    margin: 0 0 0.5%;
  }
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes.count-6 .content-nav-item {
    width: 100%;
  }
}

#col2-button-content.accordion-boxes.count-6 .content-nav-item:nth-child(4n), #col2-button-content.accordion-boxes.count-6 .content-nav-item:nth-child(5n), #col2-button-content.accordion-boxes.count-6 .content-nav-item:nth-child(6n) {
  margin: 0;
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes.count-6 .content-nav-item:nth-child(4n), #col2-button-content.accordion-boxes.count-6 .content-nav-item:nth-child(5n), #col2-button-content.accordion-boxes.count-6 .content-nav-item:nth-child(6n) {
    margin: 0 0 0.5%;
  }
}

#col2-button-content.accordion-boxes.count-6 .content-nav-item .content-nav-title {
  font-size: 25px;
    width: 100%;
    text-align: center;
}

@media only screen and (max-width: 1599px) {
  #col2-button-content.accordion-boxes.count-6 .content-nav-item .content-nav-title {
    font-size: 22px;
  }
  #col2-button-content.accordion-boxes.white-transparent-boxes .content-nav-item .content-nav-title {
    font-size: 28px;
    font-weight: 400;
  }
}

@media only screen and (max-width: 1152px) {
  #col2-button-content.accordion-boxes.count-6 .content-nav-item .content-nav-title {
    font-size: 19px;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes.count-6 .content-nav-item .content-nav-title {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes.count-6 .content-nav-item .content-nav-title {
    font-size: 13px;
  }
  #col2-button-content.accordion-boxes.white-transparent-boxes .content-nav-item .content-nav-title {
    font-size: 20px;
  }
}


/* CBP Component Card */

.list-simple-box {
    padding-bottom: 70px;
}

.list-simple-box .subtitle {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: 0.02em;
    margin: 0 0 25px;
}

.list-simple-box .cell a {
  font-weight: 300;
  font-size: 22px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
  -webkit-box-shadow: 0 0 15px rgba(28, 30, 42, 0.25);
  -moz-box-shadow: 0 0 15px rgba(28, 30, 42, 0.25);
  box-shadow: 0 0 15px rgba(28, 30, 42, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 235px;
  color: #1C1E2A;
  position: relative;
  margin: 0;
  transition: transform 300ms ease;
  width: 100%;
}

@media only screen and (max-width: 1152px) {
  .list-simple-box .cell a {
    font-size: 18px;
    min-height: 200px;
  }
}

@media only screen and (max-width: 1024px) {
  .list-simple-box .cell a {
    -moz-transform: scale(1) perspective(1px);
    -o-transform: scale(1) perspective(1px);
    -ms-transform: scale(1) perspective(1px);
    -webkit-transform: scale(1) perspective(1px);
    transform: scale(1) perspective(1px);
  }
}

@media only screen and (max-width: 767px) {
  .list-simple-box .cell a {
    min-height: 150px;
  }
}

.list-simple-box .cell a:hover {
  background: #284ED2;
  background: -moz-linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
  background: -webkit-linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
  background: -o-linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
  background: -ms-linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
  background: linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
  -moz-transform: scale(1.025) perspective(1px);
  -o-transform: scale(1.025) perspective(1px);
  -ms-transform: scale(1.025) perspective(1px);
  -webkit-transform: scale(1.025) perspective(1px);
  transform: scale(1.025) perspective(1px);
  color: #FFFFFF;
}

.list-simple-box .cell a.hover-bp-light-gray:hover ,
.list-simple-box .cell.image-first a.hover-bp-light-gray:hover .slide-up {
  color: #555;
  background: #f1f2f2;
}

.list-simple-box .cell a.hover-bp-light-blue:hover,
.list-simple-box .cell.image-first a.hover-bp-light-blue:hover .slide-up {
  color: #FFFFFF;
  background: #1ba9cc;
}

.list-simple-box .cell a.hover-bp-medium-blue:hover,
.list-simple-box .cell.image-first a.hover-bp-medium-blue:hover .slide-up {
  color: #FFFFFF;
  background: #1486c7;
}

.list-simple-box .cell a.hover-bp-royal-blue:hover,
.list-simple-box .cell.image-first a.hover-bp-royal-blue:hover .slide-up {
  color: #FFFFFF;
  background: #0841a2;
}

.list-simple-box .cell a.hover-bp-dark-blue:hover,
.list-simple-box .cell.image-first a.hover-bp-dark-blue:hover .slide-up {
  color: #FFFFFF;
  background: #0d3562;
}

.list-simple-box .cell a.hover-bp-gray:hover,
.list-simple-box .cell.image-first a.hover-bp-gray:hover .slide-up {
  color: #FFFFFF;
  background: #374450;
}

.list-simple-box .cell a.hover-bp-wave-bg:hover {
  color: #FFFFFF;
  background: url("/_new/_designs/css/min-files/blue-planet-styles.min.css/cbp-temp.css/blueplanet_wave_thumb.jpg");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: cover;
}

.list-simple-box .cell a.hover-blue-green:hover {
  color: #FFFFFF;
  background: #284ED2;
  background: -moz-linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
  background: -webkit-linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
  background: -o-linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
  background: -ms-linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
  background: linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
}

.list-simple-box .cell a.hover-green-blue:hover {
  color: #FFFFFF;
  background: #00BC94;
  background: -moz-linear-gradient(45deg, #00BC94 0%, #284ED2 100%);
  background: -webkit-linear-gradient(45deg, #00BC94 0%, #284ED2 100%);
  background: -o-linear-gradient(45deg, #00BC94 0%, #284ED2 100%);
  background: -ms-linear-gradient(45deg, #00BC94 0%, #284ED2 100%);
  background: linear-gradient(45deg, #00BC94 0%, #284ED2 100%);
}

.list-simple-box .cell a.hover-purple-blue:hover {
  color: #FFFFFF;
  background: #800A68;
  background: -moz-linear-gradient(45deg, #800A68 0%, #284ED2 100%);
  background: -webkit-linear-gradient(45deg, #800A68 0%, #284ED2 100%);
  background: -o-linear-gradient(45deg, #800A68 0%, #284ED2 100%);
  background: -ms-linear-gradient(45deg, #800A68 0%, #284ED2 100%);
  background: linear-gradient(45deg, #800A68 0%, #284ED2 100%);
}

.list-simple-box .cell a.hover-blue-purple:hover {
  color: #FFFFFF;
  background: #284ED2;
  background: -moz-linear-gradient(45deg, #284ED2 0%, #800A68 100%);
  background: -webkit-linear-gradient(45deg, #284ED2 0%, #800A68 100%);
  background: -o-linear-gradient(45deg, #284ED2 0%, #800A68 100%);
  background: -ms-linear-gradient(45deg, #284ED2 0%, #800A68 100%);
  background: linear-gradient(45deg, #284ED2 0%, #800A68 100%);
}

.list-simple-box .cell a.hover-lblue-dblue:hover {
  color: #FFFFFF;
  background: #0080be;
  background: -moz-linear-gradient(45deg, #0080be 0%, #003D99 100%);
  background: -webkit-linear-gradient(45deg, #0080be 0%, #003D99 100%);
  background: -o-linear-gradient(45deg, #0080be 0%, #003D99 100%);
  background: -ms-linear-gradient(45deg, #0080be 0%, #003D99 100%);
  background: linear-gradient(45deg, #0080be 0%, #003D99 100%);
}

.list-simple-box .cell a.hover-white-bg:hover {
  color: #555;
  background: transparent;
  background-color: #FFFFFF;
}

.list-simple-box .cell a.hover-gray-bg:hover {
  background: transparent;
  background-color: #EEEEEF;
}

.list-simple-box .cell a.hover-black-bg:hover {
  color: #FFFFFF;
  background: transparent;
  background-color: #1C1E2A;
}

.list-simple-box .cell a.two-tone-blue-diagonal {
    color: #fff;
    overflow:hidden;
    padding-top: 0;
    transition: transform 1s;
}

.list-simple-box .slide-up-cell a.two-tone-blue-diagonal .simple-box-title {
    width: 100%;
    padding-right: 35px;
    padding-top: 35px;
    text-align: right;
    z-index: 2;
}

.list-simple-box .cell a.two-tone-blue-diagonal:before {
  content: '';
  padding-top:  100%;
}

.list-simple-box .cell a.two-tone-blue-diagonal .slide-up {
  top: 0;
  opacity: 1;
}

.list-simple-box .cell a.two-tone-blue-diagonal .slide-up:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: -webkit-linear-gradient(bottom left, transparent, transparent 49.9%, #0085ca 50%, #0085ca);
  background: linear-gradient(bottom left, transparent, transparent 49.9%, #0085ca 50%, #0085ca);
}

.list-simple-box .cell a.two-tone-blue-diagonal .slide-up:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding-top: 100%;
  background: -webkit-linear-gradient(top right, transparent, transparent 49.9%, #374450 50%, #374450);
  background: linear-gradient(top right, transparent, transparent 49.9%, #374450 50%, #374450);
}

.list-simple-box .cell a.two-tone-blue-diagonal:hover .slide-up:before {
  animation: slideRight 2s forwards;
}

.list-simple-box .cell a.two-tone-blue-diagonal:hover .slide-up:after {
  animation: slideLeft 2s forwards;
}

@media only screen and (max-width: 767px) {
    .list-simple-box .cell a.two-tone-blue-diagonal .slide-up:before {
      left: 800px;
    }

    .list-simple-box .cell a.two-tone-blue-diagonal .slide-up:after {
      left: -800px;
    }
}

@keyframes slideRight {
  100% {
    left: 500px;
  }
}

@keyframes slideLeft {
  100% {
    left: -500px;
  }
}

@-webkit-keyframes slideRight {
  100% {
    left: 500px;
  }
}

@-webkit-keyframes slideLeft {
  100% {
    left: -500px;
  }
}



.simple-box-title.light-text {
  color: #fff;
}

.list-simple-box .cell a .simple-box-title {
  width: 80%;
}

/* Slide up image */

.slide-up-cell .slide-up {
    position: absolute;
    opacity: 0;
    top: 275px;
    z-index: 3;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    background-color: black;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    -ms-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.slide-up-cell {
    overflow: hidden;
}

.list-simple-box .slide-up-cell a {
    min-height: 295px;
    align-items: flex-start;
    padding-top: 35px;
}

.list-simple-box .slide-up-cell.image-first a {
    min-height: 335px;
}


.list-simple-box .slide-up-cell a .simple-box-title {
    width: 100%;
    padding-right: 35px;
    padding-left: 15px;
    text-align: right;
    z-index: 2;
}

@media only screen and (max-width: 1152px) {
    .list-simple-box .slide-up-cell a {
        min-height: 275px;
    }
}

@media only screen and (max-width: 991px) {
    .list-simple-box .slide-up-cell a {
        min-height: 215px;
    }
}

@media only screen and (max-width: 767px) {
    .list-simple-box .slide-up-cell a {
        min-height: 375px;
    }
}


.slide-up-cell a .slide-up {
    padding-top: 35px;
    padding-right: 35px;
    text-align: right;
    align-self: flex-start;
    justify-content: flex-start;
}

.slide-up-cell a:hover .slide-up {
    top: 0;
    opacity: 1;
}

.slide-up-cell a .slide-up .card-subtitle {
    padding-left: 25%;
    padding-top: 15px;
}

.flex-grid {
  margin: 0 -8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
}

.flex-grid.wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-grid .wrap {
  width: 100%;
}

.flex-grid .block {
  text-decoration: none;
  display: block;
}

.flex-grid .cell {
  padding: 16px 8px 0;
}

.flex-grid .cell.auto {
  height: auto;
  padding: 0 8px;
}

.flex-grid .cell .title {
  max-width: 475px;
}

.flex-grid .cell.quarter {
  width: 50%;
}

@media only screen and (max-width: 1024px) {
  .flex-grid .cell.quarter {
    width: 100%;
  }
}

.flex-grid .cell.quarter .title {
  max-width: auto;
}

/* SITE LOGO */

.bp-logo span.logo-bg {
    width: 163px;
    height: 64px;
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 107.57'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23346eb0; %7D .cls-2 %7B fill: %23242735; %7D %3C/style%3E%3C/defs%3E%3Ctitle%3EBP-logo%3C/title%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath class='cls-1' d='M31.68,25.46A16.59,16.59,0,0,0,25.81,21a18.89,18.89,0,0,0-7.94-1.6,19.38,19.38,0,0,0-6.34,1,21,21,0,0,0-4,1.76V0L.07,1.29H0V60.61l.06,0c1.69.48,3.88,1,6.52,1.43a52.35,52.35,0,0,0,9.15.72,23.35,23.35,0,0,0,8.61-1.52,18.53,18.53,0,0,0,6.54-4.31,19.14,19.14,0,0,0,4.19-6.82,26.28,26.28,0,0,0,1.47-9,29.65,29.65,0,0,0-1.23-8.76A19.78,19.78,0,0,0,31.68,25.46Zm-3,15.62c0,4.78-1.2,8.51-3.55,11.11a12.23,12.23,0,0,1-9.47,3.91,38.16,38.16,0,0,1-5-.28,24.39,24.39,0,0,1-3.07-.58v-26a15.33,15.33,0,0,1,3.84-2.11,14.64,14.64,0,0,1,5.53-1,11.86,11.86,0,0,1,5.41,1.14A10,10,0,0,1,26,30.37,13.43,13.43,0,0,1,28,35.14,26.76,26.76,0,0,1,28.68,41.08Z'/%3E%3Cpath class='cls-1' d='M55.79,55.66a4.39,4.39,0,0,1-1.87-1.05,4.07,4.07,0,0,1-1-1.87,11.93,11.93,0,0,1-.32-3V0L45.11,1.29H45V50.93c0,3.92,1,6.86,2.88,8.71s5.19,2.86,9.74,3h.07l1.06-6.34h-.08A19.76,19.76,0,0,1,55.79,55.66Z'/%3E%3Cpath class='cls-1' d='M90.79,55.25a6.44,6.44,0,0,1-1.24.25l-2,.24c-.75.08-1.55.15-2.38.2s-1.67.08-2.46.08c-3.72,0-6.39-1.08-8-3.22S72.36,47,72.36,42V20.35H64.82V43.63a31.44,31.44,0,0,0,.88,7.68,16.11,16.11,0,0,0,2.87,6,13.06,13.06,0,0,0,5.27,4,20.64,20.64,0,0,0,8.05,1.4A58,58,0,0,0,91.56,62c2.77-.47,5-.93,6.72-1.35l.06,0V20.35H90.79Z'/%3E%3Cpath class='cls-1' d='M138.75,24.55c-3-3.47-7.29-5.23-12.85-5.23a19,19,0,0,0-7,1.36,17.26,17.26,0,0,0-6.07,4.07,20.17,20.17,0,0,0-4.23,6.82,26.56,26.56,0,0,0-1.59,9.6,28.91,28.91,0,0,0,1.23,8.64A18.47,18.47,0,0,0,112,56.63a17.55,17.55,0,0,0,6.5,4.51,24.52,24.52,0,0,0,9.36,1.64,33.91,33.91,0,0,0,7.68-.8,22.12,22.12,0,0,0,4.74-1.52l.05,0-1-6.25,0-.1-.1,0a23.62,23.62,0,0,1-4,1.31,27.15,27.15,0,0,1-6.53.67c-4.56,0-8-1.11-10.11-3.31s-3.38-5.43-3.7-9.64h28.26v-.07a11.51,11.51,0,0,0,.08-1.4V40.45C143.22,33.37,141.72,28,138.75,24.55Zm-12.93,1.2a8.58,8.58,0,0,1,7,3.19A12.35,12.35,0,0,1,135.36,37H115a18,18,0,0,1,1-4.1,11.83,11.83,0,0,1,2.09-3.63,10.55,10.55,0,0,1,3.27-2.56A9.71,9.71,0,0,1,125.82,25.75Z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='cls-2' d='M379.95,23.61a4.35,4.35,0,0,1-.31,1.67,3.76,3.76,0,0,1-.82,1.25,3.54,3.54,0,0,1-1.2.78,3.92,3.92,0,0,1-2.86,0,3.53,3.53,0,0,1-1.2-.78,3.75,3.75,0,0,1-.82-1.25,4.73,4.73,0,0,1,0-3.35,3.75,3.75,0,0,1,.82-1.25,3.51,3.51,0,0,1,1.2-.78,3.92,3.92,0,0,1,2.86,0,3.52,3.52,0,0,1,1.2.78,3.76,3.76,0,0,1,.82,1.25A4.34,4.34,0,0,1,379.95,23.61Zm-.8,0a3.82,3.82,0,0,0-.22-1.32,3.09,3.09,0,0,0-.61-1,2.64,2.64,0,0,0-.93-.66,3.19,3.19,0,0,0-2.38,0,2.65,2.65,0,0,0-.93.66,3.1,3.1,0,0,0-.61,1,4.11,4.11,0,0,0,0,2.65,3.12,3.12,0,0,0,.61,1,2.65,2.65,0,0,0,.93.66,3.2,3.2,0,0,0,2.38,0,2.64,2.64,0,0,0,.93-.66,3.1,3.1,0,0,0,.61-1A3.83,3.83,0,0,0,379.15,23.61Zm-1.87,2.19a7.81,7.81,0,0,0-.57-.94q-.31-.44-.54-.71h-.74V25.8h-.78V21.53a5.17,5.17,0,0,1,.63-.1,5.84,5.84,0,0,1,.6,0,2.48,2.48,0,0,1,1.44.35,1.22,1.22,0,0,1,.49,1.07,1.19,1.19,0,0,1-.21.71A1.37,1.37,0,0,1,377,24l.25.33.3.44.31.51c.1.18.19.35.27.53Zm-1.85-2.28h.42a2.14,2.14,0,0,0,.82-.14.55.55,0,0,0,.33-.57.58.58,0,0,0-.31-.57,1.65,1.65,0,0,0-.75-.16h-.25l-.25,0Z'/%3E%3Cg%3E%3Cpath class='cls-2' d='M183,25.3A18.56,18.56,0,0,0,176.45,21a23.35,23.35,0,0,0-8.61-1.52,49,49,0,0,0-9.11.76c-2.61.5-4.82,1-6.56,1.39h-.06V76.51h7.55V60.05a21,21,0,0,0,4,1.76,19.36,19.36,0,0,0,6.34,1,18.89,18.89,0,0,0,7.94-1.6,16.56,16.56,0,0,0,5.87-4.47,19.78,19.78,0,0,0,3.63-6.86,29.35,29.35,0,0,0,1.24-8.68,26.29,26.29,0,0,0-1.47-9A19.16,19.16,0,0,0,183,25.3ZM159.66,27a21.44,21.44,0,0,1,2.91-.54,43.85,43.85,0,0,1,5.19-.24,12.3,12.3,0,0,1,9.47,3.87c2.36,2.57,3.55,6.29,3.55,11.07a26.22,26.22,0,0,1-.63,5.9,13.41,13.41,0,0,1-2.05,4.74A9.94,9.94,0,0,1,174.44,55,11.86,11.86,0,0,1,169,56.1a14.61,14.61,0,0,1-5.53-1A15.21,15.21,0,0,1,159.66,53Z'/%3E%3Cpath class='cls-2' d='M207.9,55.66A4.4,4.4,0,0,1,206,54.61a4.07,4.07,0,0,1-1-1.87,11.93,11.93,0,0,1-.31-3V0l-7.48,1.29h-.07V50.93c0,3.92,1,6.86,2.88,8.71s5.19,2.86,9.74,3h.07l1-6.26v-.08h-.08A19.76,19.76,0,0,1,207.9,55.66Z'/%3E%3Cpath class='cls-2' d='M243.33,23.75a12.32,12.32,0,0,0-5-3.28,21.61,21.61,0,0,0-7.53-1.16,41.49,41.49,0,0,0-7.24.6,23,23,0,0,0-4.78,1.24l-.06,0,.88,6.18v.1l.09,0a22.57,22.57,0,0,1,4.08-1.07,35,35,0,0,1,6.38-.51,11,11,0,0,1,4.61.83,7.21,7.21,0,0,1,2.79,2.2A8.25,8.25,0,0,1,239,32a16.63,16.63,0,0,1,.4,3.6v2l-1-.22L236.53,37c-.73-.13-1.49-.24-2.27-.32s-1.57-.12-2.31-.12a30.53,30.53,0,0,0-6.69.72,17.65,17.65,0,0,0-5.59,2.23,11.19,11.19,0,0,0-3.8,4,11.88,11.88,0,0,0-1.4,5.92,14.47,14.47,0,0,0,1.2,6.15A10.49,10.49,0,0,0,219,59.7,14.53,14.53,0,0,0,224.15,62a27.43,27.43,0,0,0,6.45.72c1.63,0,3.3-.07,5-.2s3.23-.28,4.65-.44,2.73-.33,3.86-.52l2.66-.44h.07V35.21a24.39,24.39,0,0,0-.8-6.42A12.49,12.49,0,0,0,243.33,23.75ZM239.42,43.6V55.8a20.72,20.72,0,0,1-3.3.42c-1.34.08-2.9.12-4.64.12a13.21,13.21,0,0,1-6.87-1.54c-1.66-1-2.5-2.85-2.5-5.45a5.37,5.37,0,0,1,1-3.41,7.28,7.28,0,0,1,2.55-2,10.87,10.87,0,0,1,3.39-1,28,28,0,0,1,3.53-.24,28.77,28.77,0,0,1,4.32.28A9.75,9.75,0,0,1,239.42,43.6Z'/%3E%3Cpath class='cls-2' d='M287.26,24.79A13,13,0,0,0,282,20.87a21.12,21.12,0,0,0-8.21-1.4,58.78,58.78,0,0,0-9.7.72c-2.79.47-5.07.93-6.76,1.35l-.06,0V61.82h7.55V26.93l1.24-.22c.61-.11,1.3-.2,2.06-.28s1.58-.14,2.42-.2,1.68-.08,2.46-.08a14,14,0,0,1,4.9.75,6.73,6.73,0,0,1,3.14,2.4,11,11,0,0,1,1.69,4.34,35.38,35.38,0,0,1,.51,6.5V61.82h7.55V38.54a35.1,35.1,0,0,0-.8-7.72A15.22,15.22,0,0,0,287.26,24.79Z'/%3E%3Cpath class='cls-2' d='M317.9,19.32a19,19,0,0,0-7,1.36,17.26,17.26,0,0,0-6.06,4.07,20.16,20.16,0,0,0-4.23,6.82,26.57,26.57,0,0,0-1.59,9.6,28.92,28.92,0,0,0,1.24,8.64A18.46,18.46,0,0,0,304,56.63a17.55,17.55,0,0,0,6.5,4.51,24.52,24.52,0,0,0,9.36,1.64,33.91,33.91,0,0,0,7.68-.8,22.12,22.12,0,0,0,4.74-1.52l.05,0-1-6.25,0-.1-.1,0a23.62,23.62,0,0,1-4,1.31,27.15,27.15,0,0,1-6.53.67c-4.56,0-8-1.11-10.11-3.31s-3.38-5.43-3.7-9.64h28.26v-.07a11.51,11.51,0,0,0,.08-1.4V40.45c0-7.08-1.5-12.43-4.47-15.9S323.45,19.32,317.9,19.32Zm-.08,6.44a8.58,8.58,0,0,1,7,3.19A12.35,12.35,0,0,1,327.35,37H307a18,18,0,0,1,1-4.1,11.84,11.84,0,0,1,2.09-3.63,10.55,10.55,0,0,1,3.27-2.56A9.71,9.71,0,0,1,317.82,25.75Z'/%3E%3Cpath class='cls-2' d='M367,54.25l0-.09-.09,0c-.55.22-1.49.58-2.82,1.07a15.68,15.68,0,0,1-5.33.75,10.51,10.51,0,0,1-3.31-.47,5.08,5.08,0,0,1-2.35-1.6,7.64,7.64,0,0,1-1.41-3.15,22.92,22.92,0,0,1-.47-5.11v-19h15.65V20.35H351.18V7.55L343.7,8.83h-.07V45.77a35,35,0,0,0,.68,7.29,13,13,0,0,0,2.36,5.31,10.26,10.26,0,0,0,4.44,3.24,19.44,19.44,0,0,0,7,1.08,22.31,22.31,0,0,0,6.38-.84,27.74,27.74,0,0,0,3.9-1.39l.06,0Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpath class='cls-2' d='M188.87,105.21a6.69,6.69,0,0,1-1.88,1.55,5.66,5.66,0,0,1-2.84.65,6.73,6.73,0,0,1-1.9-.25,4.08,4.08,0,0,1-1.48-.77,3.51,3.51,0,0,1-1-1.29,4.38,4.38,0,0,1-.34-1.8,4,4,0,0,1,.6-2.28,4.17,4.17,0,0,1,1.59-1.38,7.85,7.85,0,0,1,2.24-.72,20.19,20.19,0,0,1,2.57-.26l2.36-.08v-.53a3.55,3.55,0,0,0-.74-2.52,3.24,3.24,0,0,0-2.41-.77,4.23,4.23,0,0,0-2.41.54,2.52,2.52,0,0,0-1,1.5l-2.09-.24a3.93,3.93,0,0,1,1.78-2.74,7.28,7.28,0,0,1,3.82-.86,7.63,7.63,0,0,1,2.5.36,4.16,4.16,0,0,1,1.66,1,3.84,3.84,0,0,1,.91,1.64,8.05,8.05,0,0,1,.28,2.2v8.91h-2.23Zm-.05-5-2.2.08a13,13,0,0,0-2.33.27,4.53,4.53,0,0,0-1.47.57,2,2,0,0,0-.77.89,3.09,3.09,0,0,0-.22,1.22,2.24,2.24,0,0,0,.62,1.66,2.83,2.83,0,0,0,2.05.62,4.64,4.64,0,0,0,3.18-1,3.49,3.49,0,0,0,1.14-2.76Z'/%3E%3Cpath class='cls-2' d='M211,105.13a6.24,6.24,0,0,1-2,1.76,5.29,5.29,0,0,1-2.62.62,5.72,5.72,0,0,1-2.61-.56,5.06,5.06,0,0,1-1.82-1.52,6.58,6.58,0,0,1-1.06-2.29,11.21,11.21,0,0,1-.34-2.84,10.28,10.28,0,0,1,.42-3.06,6.77,6.77,0,0,1,1.21-2.32,5.14,5.14,0,0,1,1.91-1.46,6.22,6.22,0,0,1,2.56-.5,6,6,0,0,1,2.2.44A5,5,0,0,1,211,95.06V88.17h2.31v18.92H211Zm0-5.3a7.27,7.27,0,0,0-.36-2.56,3.59,3.59,0,0,0-1.18-1.55,3.54,3.54,0,0,0-1.18-.66,4.42,4.42,0,0,0-1.31-.19,4.21,4.21,0,0,0-1.58.29,3.18,3.18,0,0,0-1.27.94,4.64,4.64,0,0,0-.85,1.67,8.75,8.75,0,0,0-.3,2.48,8.44,8.44,0,0,0,.33,2.54,4.5,4.5,0,0,0,.88,1.64,3.18,3.18,0,0,0,1.22.88,3.78,3.78,0,0,0,1.39.26,4.72,4.72,0,0,0,1.38-.19,4,4,0,0,0,1.22-.64,4.06,4.06,0,0,0,1.21-1.59,6.14,6.14,0,0,0,.41-2.41Z'/%3E%3Cpath class='cls-2' d='M217.07,88.17h2.47v2.68h-2.47Zm.08,5.22h2.31v13.7h-2.31Z'/%3E%3Cpath class='cls-2' d='M221.74,93.39h2.68l4.08,11.13,4.16-11.13h2.54l-5.51,13.7h-2.47Z'/%3E%3Cpath class='cls-2' d='M237.37,88.17h2.47v2.68h-2.47Zm.08,5.22h2.31v13.7h-2.31Z'/%3E%3Cpath class='cls-2' d='M245.11,103.09a2.67,2.67,0,0,0,1.21,2,5.2,5.2,0,0,0,2.64.57,4,4,0,0,0,2.48-.6,1.94,1.94,0,0,0,.73-1.58,3,3,0,0,0-.09-.76,1.45,1.45,0,0,0-.36-.64,2.32,2.32,0,0,0-.74-.49,5.39,5.39,0,0,0-1.25-.34L248,101a12.84,12.84,0,0,1-2-.48,5.08,5.08,0,0,1-1.48-.76,2.93,2.93,0,0,1-.91-1.14,4,4,0,0,1-.3-1.63,3.44,3.44,0,0,1,.41-1.7A3.76,3.76,0,0,1,244.78,94a5.52,5.52,0,0,1,1.72-.8,8,8,0,0,1,2.16-.28,8.94,8.94,0,0,1,2.48.29,4.76,4.76,0,0,1,1.63.8,3.52,3.52,0,0,1,1,1.19,6.87,6.87,0,0,1,.53,1.46l-2.09.34a5.7,5.7,0,0,0-.42-1,2.12,2.12,0,0,0-.64-.7,3,3,0,0,0-1-.42,5.86,5.86,0,0,0-1.42-.15,6.22,6.22,0,0,0-1.59.17,3,3,0,0,0-1,.46,1.69,1.69,0,0,0-.54.65,1.85,1.85,0,0,0-.16.76,2.46,2.46,0,0,0,.11.76,1.28,1.28,0,0,0,.4.58,2.55,2.55,0,0,0,.8.44,7.25,7.25,0,0,0,1.3.32l2,.32a6.63,6.63,0,0,1,3.46,1.38,4.24,4.24,0,0,1,.7,4.47,3.54,3.54,0,0,1-1,1.27,5.07,5.07,0,0,1-1.72.85,8.56,8.56,0,0,1-2.41.3,10.67,10.67,0,0,1-2.32-.24,6,6,0,0,1-1.89-.76,4,4,0,0,1-1.33-1.37,4.59,4.59,0,0,1-.58-2.07Z'/%3E%3Cpath class='cls-2' d='M257.7,88.17h2.47v2.68H257.7Zm.08,5.22h2.31v13.7h-2.31Z'/%3E%3Cpath class='cls-2' d='M270.11,107.52a7.25,7.25,0,0,1-2.78-.5,5.71,5.71,0,0,1-2.07-1.43,6.27,6.27,0,0,1-1.3-2.28,9.51,9.51,0,0,1-.45-3,9,9,0,0,1,.48-3A6.63,6.63,0,0,1,265.33,95a5.91,5.91,0,0,1,2.11-1.47,7,7,0,0,1,2.74-.52,7.18,7.18,0,0,1,2.76.5A5.77,5.77,0,0,1,275,94.91a6.33,6.33,0,0,1,1.31,2.27,10.22,10.22,0,0,1,0,6,6.58,6.58,0,0,1-1.33,2.31,5.79,5.79,0,0,1-2.11,1.47A7.2,7.2,0,0,1,270.11,107.52Zm0-1.91a4.22,4.22,0,0,0,1.91-.4,3.56,3.56,0,0,0,1.31-1.11,4.8,4.8,0,0,0,.76-1.71,9.35,9.35,0,0,0,.24-2.19,9.07,9.07,0,0,0-.24-2.15,4.68,4.68,0,0,0-.76-1.68,3.62,3.62,0,0,0-1.31-1.1,4.23,4.23,0,0,0-1.91-.4,4.14,4.14,0,0,0-1.89.4,3.65,3.65,0,0,0-1.3,1.1,4.66,4.66,0,0,0-.76,1.68,10,10,0,0,0,0,4.35,4.94,4.94,0,0,0,.74,1.7,3.45,3.45,0,0,0,1.3,1.11A4.22,4.22,0,0,0,270.13,105.61Z'/%3E%3Cpath class='cls-2' d='M280.15,93.39h2.28v2.09a6.12,6.12,0,0,1,2.23-1.93,5.89,5.89,0,0,1,2.57-.58,4.39,4.39,0,0,1,3.46,1.27A5.48,5.48,0,0,1,291.81,98v9.12h-2.31V98.43a4.09,4.09,0,0,0-.69-2.69A2.68,2.68,0,0,0,286.7,95a4.58,4.58,0,0,0-1.52.26,3.78,3.78,0,0,0-1.36.85,4.42,4.42,0,0,0-1,1.23,3.58,3.58,0,0,0-.34,1.68v8.11h-2.31Z'/%3E%3Cpath class='cls-2' d='M307.85,107.52a7.25,7.25,0,0,1-2.78-.5,5.71,5.71,0,0,1-2.07-1.43,6.27,6.27,0,0,1-1.3-2.28,9.51,9.51,0,0,1-.45-3,9,9,0,0,1,.48-3A6.63,6.63,0,0,1,303.08,95a5.91,5.91,0,0,1,2.11-1.47,7,7,0,0,1,2.74-.52,7.18,7.18,0,0,1,2.76.5,5.77,5.77,0,0,1,2.08,1.44,6.33,6.33,0,0,1,1.31,2.27,10.22,10.22,0,0,1,0,6,6.58,6.58,0,0,1-1.33,2.31,5.79,5.79,0,0,1-2.11,1.47A7.2,7.2,0,0,1,307.85,107.52Zm0-1.91a4.22,4.22,0,0,0,1.91-.4,3.56,3.56,0,0,0,1.31-1.11,4.8,4.8,0,0,0,.76-1.71,9.35,9.35,0,0,0,.24-2.19,9.07,9.07,0,0,0-.24-2.15,4.68,4.68,0,0,0-.76-1.68,3.62,3.62,0,0,0-1.31-1.1,4.23,4.23,0,0,0-1.91-.4,4.14,4.14,0,0,0-1.89.4,3.65,3.65,0,0,0-1.3,1.1,4.66,4.66,0,0,0-.76,1.68,10,10,0,0,0,0,4.35,4.94,4.94,0,0,0,.74,1.7,3.45,3.45,0,0,0,1.3,1.11A4.22,4.22,0,0,0,307.87,105.61Z'/%3E%3Cpath class='cls-2' d='M318.71,95.22h-2.15V93.39h2.15V92.2a4.93,4.93,0,0,1,.33-1.91,3.6,3.6,0,0,1,.9-1.31,3.68,3.68,0,0,1,1.33-.77,5,5,0,0,1,1.6-.25A9.92,9.92,0,0,1,324,88a6.81,6.81,0,0,1,1.17.25l-.37,1.8a4.12,4.12,0,0,0-.81-.17,7.37,7.37,0,0,0-.76,0,2.59,2.59,0,0,0-1.59.49,2.09,2.09,0,0,0-.66,1.79v1.25h3.47v1.83H321v11.87h-2.31Z'/%3E%3Cpath class='cls-2' d='M349,100.86a8.76,8.76,0,0,1-.71,2.66,6.54,6.54,0,0,1-3.83,3.54,9.14,9.14,0,0,1-3.17.5,9,9,0,0,1-3.52-.66,7.06,7.06,0,0,1-2.65-1.93,9,9,0,0,1-1.68-3.11,13.63,13.63,0,0,1-.6-4.2,13,13,0,0,1,.64-4.24,9,9,0,0,1,1.78-3.13,7.55,7.55,0,0,1,2.69-1.93,8.44,8.44,0,0,1,3.35-.66,9.05,9.05,0,0,1,3,.45,6.19,6.19,0,0,1,2.16,1.27,6.4,6.4,0,0,1,1.43,2,11.24,11.24,0,0,1,.84,2.52l-2.39.4a9.7,9.7,0,0,0-.62-1.87,4.72,4.72,0,0,0-1-1.42,4,4,0,0,0-1.43-.89,6,6,0,0,0-2-.3A5.22,5.22,0,0,0,336.94,92a7.41,7.41,0,0,0-1.15,2.47,13,13,0,0,0,0,6.39,7.56,7.56,0,0,0,1.15,2.48,5.16,5.16,0,0,0,1.85,1.59,5.53,5.53,0,0,0,2.53.56,6.5,6.5,0,0,0,2.21-.33,4,4,0,0,0,1.51-.94,4.45,4.45,0,0,0,.94-1.46,8.37,8.37,0,0,0,.5-1.86Z'/%3E%3Cpath class='cls-2' d='M352.24,88.17h2.47v2.68h-2.47Zm.08,5.22h2.31v13.7h-2.31Z'/%3E%3Cpath class='cls-2' d='M370.34,103.25a4.93,4.93,0,0,1-1.76,3.13,6.36,6.36,0,0,1-4.07,1.14,6.05,6.05,0,0,1-4.8-1.89,7.73,7.73,0,0,1-1.67-5.29,9.64,9.64,0,0,1,.48-3.15,6.44,6.44,0,0,1,1.34-2.31,5.74,5.74,0,0,1,2.05-1.42,7.39,7.39,0,0,1,5.33,0,5,5,0,0,1,1.87,1.39A5.91,5.91,0,0,1,370.2,97a9.49,9.49,0,0,1,.36,2.68v1.17H360.38a6.39,6.39,0,0,0,.28,1.92,4.69,4.69,0,0,0,.8,1.54,3.63,3.63,0,0,0,1.29,1,4,4,0,0,0,1.78.37A4,4,0,0,0,367,105a3.27,3.27,0,0,0,1.09-1.76Zm-2.09-4.16a6.88,6.88,0,0,0-.21-1.78,3.73,3.73,0,0,0-.66-1.37,3,3,0,0,0-1.17-.89,4.23,4.23,0,0,0-1.72-.32,3.67,3.67,0,0,0-2.85,1.11,5.34,5.34,0,0,0-1.21,3.23Z'/%3E%3Cpath class='cls-2' d='M373.87,93.39h2.28v2.09a6.12,6.12,0,0,1,2.23-1.93,5.89,5.89,0,0,1,2.57-.58,4.39,4.39,0,0,1,3.46,1.27A5.48,5.48,0,0,1,385.53,98v9.12h-2.31V98.43a4.09,4.09,0,0,0-.69-2.69,2.68,2.68,0,0,0-2.12-.78,4.58,4.58,0,0,0-1.52.26,3.78,3.78,0,0,0-1.36.85,4.42,4.42,0,0,0-1,1.23,3.58,3.58,0,0,0-.34,1.68v8.11h-2.31Z'/%3E%3Cpath class='cls-2' d='M397.77,105.21a6.69,6.69,0,0,1-1.88,1.55,5.66,5.66,0,0,1-2.84.65,6.73,6.73,0,0,1-1.9-.25,4.08,4.08,0,0,1-1.48-.77,3.51,3.51,0,0,1-1-1.29,4.38,4.38,0,0,1-.34-1.8A4,4,0,0,1,389,101a4.17,4.17,0,0,1,1.59-1.38,7.85,7.85,0,0,1,2.24-.72,20.19,20.19,0,0,1,2.57-.26l2.36-.08v-.53a3.55,3.55,0,0,0-.74-2.52,3.24,3.24,0,0,0-2.41-.77,4.23,4.23,0,0,0-2.41.54,2.52,2.52,0,0,0-1,1.5l-2.09-.24a3.93,3.93,0,0,1,1.78-2.74,7.28,7.28,0,0,1,3.82-.86,7.63,7.63,0,0,1,2.5.36,4.16,4.16,0,0,1,1.66,1,3.84,3.84,0,0,1,.91,1.64,8.05,8.05,0,0,1,.28,2.2v8.91h-2.23Zm-.05-5-2.2.08a13,13,0,0,0-2.33.27,4.53,4.53,0,0,0-1.47.57,2,2,0,0,0-.77.89,3.09,3.09,0,0,0-.22,1.22,2.24,2.24,0,0,0,.62,1.66,2.83,2.83,0,0,0,2.05.62,4.64,4.64,0,0,0,3.18-1,3.49,3.49,0,0,0,1.14-2.76Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: 163px 64px;
    background-repeat: no-repeat;
    display: block;
    color: transparent;
}

@media only screen and (max-width: 767px) {
  .bp-logo span.logo-bg {
    width: 130px;
    height: 50px;
    background-size: 130px 40px;
  }
}


/* Overview */

.cbp-overview {
  padding: 40px 0;
}

#content .overview-component ol,
#content .one-col-row ol,
#content .overview-component ul,
#content .one-col-row ul {
    margin: 50px auto 50px;
    max-width: 900px;
    text-align: left;
}

#content .cbp-overview p,
#content .cbp-overview ol,
#content .cbp-overview ul,
#content .one-col-row ul {
    font-size: 18px;
    font-weight: 300;
}

@media only screen and (max-width: 1024px) {
  .cbp-overview {
    padding: 20px 0;
  }
}

#content .cbp-overview .container {
    padding: 30px 15px 30px;
}

.center {
    text-align: center !important;
}

/* Temp Button Styles */

#content #contact-form-overlay,
#content #contact-form-overlay-mini {
  z-index: 2
}

#content .button:not(.button-full),
#custom-hero .button:not(.button-full){
  display: inline-block;
  padding: 10px 20px;
  border-radius: 30px;
  text-align: center;
  text-decoration: none;
  min-width: 120px;
  position: relative;
  margin: 5px 10px 5px 0;
  -webkit-appearance: none;
  outline: none;
  border: none;
  cursor: pointer;
  font-weight: 300;
  font-size: 18px;
  text-transform: none;
  line-height: 1.2em;
  letter-spacing: 0.02em;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

#content .button.button-large {
    height: auto;
    line-height: 1.4em;
}

#content .button.button-small {
    padding: 10px 20px;
     color: #FFFFFF;
     background: #1486c7;
     min-width: 90px;
     font-size: 14px;
     line-height: 1.1em;
}

@media only screen and (max-width: 1239px) {
  #content .button:not(.button-full),
  #custom-hero .button:not(.button-full){
    padding: 10px 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

@media only screen and (max-width: 767px) {
  #content .button,
  #custom-hero .button{
    font-size: 14px;
  }
}

#content .button.button-dark,
#content .button.button-blue {
  color: #FFFFFF;
  background: #1486c7;
}

#content .button.button-border.button-light {
  color: #FFFFFF;
  border: 1px solid #1486c7 !important;
  background: transparent;
  padding: 9px 20px !important;
}

#content .button.button-border.button-light:hover,
#content .button.button-border.button-light:focus {
  color: #FFFFFF;
  background: #1486c7;
  padding: 9px 20px !important;
}

#content .button.button-small:hover,
#content .button.button-small:focus,
#content .button.button-blue:hover,
#content .button.button-blue:focus,
#content .button.button-dark:hover,
#content .button.button-dark:focus {
    background-color: #0072ad;
}

#content .button.button-large {
    height: auto;
    line-height: 1.4em;
}

#content .button-white-border,
#custom-hero .button-white-border{
  color: #FFFFFF;
  border: 1px solid #FFFFFF !important;
  background: transparent;
  padding: 9px 20px !important;
}

#content .button-white-border:hover,
#content .button-white-border:focus,
#custom-hero .button-white-border:hover,
#custom-hero .button-white-border:focus{
  background: #FFFFFF;
  color: #284ED2;
}



/* Button Styles */

.button-container {
    margin: 40px 0;
}

.button-container .button {
    vertical-align: middle;
}

.dark .button.button-white {
    color: #0085CA;
}

.button-white-border {
    border-color: white;
    color: #fff;
}

.dark .button-white-border:hover,
.dark .button-white-border:active,
.dark .button-white-border:focus,
.button-white-border:hover,
.button-white-border:active,
.button-white-border:focus {
    background-color: white;
    color: #0085CA;
}


/* Marketo Forms */

.cbp-marketo-form .email-form-module {
    max-width: inherit;
    padding: 0 30px 50px 30px;
}

.cbp-marketo-form .email-form-module .resource-container,
.cbp-marketo-form .email-form-module .resource-container-thank-you {
    margin: 0 auto;
}

.cbp-marketo-form .email-form-module.add-padding-top {
    padding-top: 3em;
}

.cbp-marketo-form .resource-container .error-message,
.cbp-marketo-form .resource-container-thank-you .error-message {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 10px 5px;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
    font-style: italic;
    text-align: center;
    color: #fff;
    background: #d31924;
    -moz-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
}

#content .cbp-marketo-form .email-form-module .resource-container,
#content .cbp-marketo-form .email-form-module .resource-container-thank-you {
    background: #eeeeef;
    padding: 25px;
    margin: 70px auto 0;
    position: relative;
}

@media only screen and (max-width: 1024px) {
    .cbp-marketo-form .resource-container,
    .cbp-marketo-form .resource-container-thank-you {
        margin-right: 0;
    }
}

.cbp-marketo-form .resource-container form,
.cbp-marketo-form .resource-container-thank-you form {
    margin: 20px 0 0;
}

.cbp-marketo-form .resource-container .title,
.cbp-marketo-form .resource-container-thank-you .title {
    margin: 0;
    font-weight: 200;
    font-size: 22px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
}

.cbp-marketo-form .resource-container .instructions,
.cbp-marketo-form .resource-container-thank-you .instructions {
    color: #80828c;
    margin: 0;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
}

.cbp-marketo-form .resource-container p,
.cbp-marketo-form .resource-container-thank-you p {
    color: #545868;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
}

.cbp-marketo-form .resource-container .btn,
.cbp-marketo-form .resource-container-thank-you .btn {
    min-width: 191px;
}

.cbp-marketo-form .resource-container .error-message,
.cbp-marketo-form .resource-container-thank-you .error-message {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 10px 5px;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
    font-style: italic;
    text-align: center;
    color: #fff;
    background: #d31924;
    -moz-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
}

.cbp-marketo-form .resource-container .error-message svg,
.cbp-marketo-form .resource-container-thank-you .error-message svg {
    width: 20px;
    height: 20px;
    fill: #fff;
    margin-right: 5px;
    position: relative;
    top: -2px;
}

.cbp-marketo-form .resource-container.error .error-message,
.cbp-marketo-form .resource-container-thank-you.error .error-message {
    display: block;
}

.cbp-marketo-form .mktoForm .mktoFormRow.transparent {
    margin-bottom: 20px;
    overflow: hidden;
}

.cbp-marketo-form .mktoForm .mktoFormRow.transparent .mktoFormCol {
    background-color: #fff;
    margin-bottom: 0 !important;
}

.cbp-marketo-form .mktoForm .mktoFormRow.transparent .mktoFieldWrap {
    border: none;
    padding: 0;
    position: relative;
}

.cbp-marketo-form .mktoFormRow.transparent~.mktoFormRow.transparent .mktoFormCol {
    background-color: transparent;
}

.cbp-marketo-form .form-container-js #Phone {
    width: 100% !important;
    padding: 5px 0 5px 15px;
    border: 0;
    outline: 0;
    font-size: 16px;
    color: #364046;
    font-weight: 300;
}

.cbp-marketo-form .form-container-js .mktoFormCol {
    position: relative;
    margin: 0 0 20px !important;
    background: #fff;
}

.cbp-marketo-form .form-container-js .mktoForm .mktoLabel {
    position: absolute;
    top: 2px;
    left: 2px;
    background: #fff;
    border: 2px solid #fff;
    padding: 5px 15px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
    color: #a7a9ab;
    opacity: 1;
}

.cbp-marketo-form .form-container-js .mktoForm select.mktoField {
    font-size: 16px !important;
    font-weight: 300 !important;
    letter-spacing: 0.03em !important;
    background: #fff url("/_new/_designs/css/min-files/blue-planet-styles.min.css/cbp-temp.css/prx-down-arrow.png") no-repeat 93% 0% !important;
}

.cbp-marketo-form .form-container-js .mktoForm .mktoFieldWrap {
    padding: 20px 0 0;
    border: 2px solid #fff;
}

.cbp-marketo-form .form-container-js .mktoForm .mktoFieldWrap:not(label[for=Subscribed__c]) {
    border: 2px solid #fff;
}

.cbp-marketo-form .form-container-js .mktoForm label[for="Consent_to_Processing__c"] {
    margin: 0;
    position: static;
    padding: 0;
    min-height: 16px;
}

.cbp-marketo-form .form-container-js .mktoForm label[for="Consent_to_Processing__c"].mktoLabel {
    float: right;
    width: 90% !important;
    margin: 5px 0;
}

@media only screen and (max-width: 1024px) {
    .cbp-marketo-form .form-container-js .mktoForm label[for="Consent_to_Processing__c"].mktoLabel {
        width: 88% !important;
    }
}

@media only screen and (max-width: 767px) {
    .cbp-marketo-form .form-container-js .mktoForm label[for="Consent_to_Processing__c"].mktoLabel {
        width: 90% !important;
    }
}

@media only screen and (max-width: 414px) {
    .cbp-marketo-form .form-container-js .mktoForm label[for="Consent_to_Processing__c"].mktoLabel {
        width: 88% !important;
    }
}

.cbp-marketo-form .form-container-js .mktoForm input[type="text"],
.cbp-marketo-form .form-container-js .mktoForm input[type="email"],
.cbp-marketo-form .form-container-js .mktoForm textarea {
    width: 100%;
    display: block;
    border: none;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    resize: none;
    background: transparent;
    position: relative;
    z-index: 20;
    outline: none;
    padding: 5px 0 5px 15px;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
}

.cbp-marketo-form .form-container-js .mktoField {
    height: 36px !important;
}

.cbp-marketo-form .form-container-js label[for=Subscribed__c] {
    left: 30px !important;
    border: none !important;
    background: transparent !important;
    top: inherit !important;
    padding-left: 0px !important;
    text-transform: none !important;
    font-size: 12px !important;
    font-weight: 300 !important;
    color: #1c1e2a !important;
}

.cbp-marketo-form .form-container-js input[type=tel]:focus {
    border: none !important;
}

.cbp-marketo-form .form-container-js .mktoFormRow:nth-last-child(5) .mktoFormCol {
    background: transparent;
    padding-top: 0px !important;
    margin-bottom: 30px !important;
}

.cbp-marketo-form .form-container-js .mktoFormRow:nth-last-child(5) .mktoFieldWrap {
    padding-top: 0px;
    border: none;
}

.cbp-marketo-form .form-container-js .mktoGutter {
    display: none;
}

.cbp-marketo-form .form-container-js .mktoForm .mktoCheckboxList {
    border: none !important;
    padding: 0 !important;
    background-color: #fff;
    width: 8% !important;
    position: relative;
}

.cbp-marketo-form .form-container-js .mktoForm .mktoCheckboxList input[type=checkbox] {
    display: block;
    width: 16px;
    height: 16px !important;
    position: absolute;
    left: 10px;
    top: 10px;
}

@media only screen and (max-width: 767px) {
    .cbp-marketo-form .form-container-js .mktoForm .mktoCheckboxList input[type=checkbox] {
        top: 7px;
    }
}

.cbp-marketo-form .form-container-js .mktoForm .mktoButtonWrap {
    margin-left: 0px !important;
}

.cbp-marketo-form .form-container-js .mktoForm .mktoButtonWrap.mktoDownloadItunes .mktoButton {
    display: inline-block !important;
    padding: 10px 20px !important;
    border-radius: 30px !important;
    text-align: center !important;
    text-decoration: none !important;
    min-width: 120px !important;
    position: relative !important;
    margin: 5px 10px 5px 0 !important;
    -webkit-appearance: none !important;
    outline: none !important;
    border: none !important;
    cursor: pointer !important;
    font-weight: 300 !important;
    font-size: 18px !important;
    line-height: 1.4em !important;
    letter-spacing: 0.02em !important;
    -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    -moz-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    -ms-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    -o-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    color: #fff;
    background: #284ed2 !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: none !important;
    font-family: inherit !important;
    width: auto !important;
    text-shadow: none !important;
    min-width: 191px !important;
}

.cbp-marketo-form .selectedMktoField {
    border: 2px solid #284ed2 !important;
}

.cbp-marketo-form .selectedMktoField .mktoLabel,
.cbp-marketo-form .selectedMktoField .mktoAsterix {
    color: #284ed2 !important;
}

.cbp-marketo-form .resource-container .mktoButton.activate-shake {
    animation: shake 820ms 1;
}

.cbp-marketo-form .resource-container.download-options {
    display: none;
}

.cbp-marketo-form .resource-container.download-options .resource-downloads a {
    display: block;
    background: #fff;
    padding: 15px;
}

.cbp-marketo-form .resource-container.download-options .resource-downloads a:hover {
    background: rgba(255, 255, 255, 0.5);
}

.cbp-marketo-form .gray-format .comp-title {
    font-size: 22px;
    letter-spacing: 0.01em;
    line-height: 1.3em;
}

.cbp-marketo-form .gray-format .sub-title {
    font-size: 14px;
    letter-spacing: 0.03em;
    line-height: 1.5em;
    color: #545868;
}

.cbp-marketo-form .gray-format .mktoForm .mktoFormRow.transparent .mktoFormCol {
    background-color: #eeeeef;
    margin: 0 !important;
}

.cbp-marketo-form .gray-format .mktoForm .mktoFormRow .mktoCheckboxList {
    width: 0% !important;
}

.cbp-marketo-form .gray-format .mktoForm .mktoFormRow .mktoCheckboxList input[type=checkbox] {
    top: 5px;
}

.cbp-marketo-form .gray-format .mktoForm .mktoFormRow label[for="Consent_to_Processing__c"] {
    background-color: #eeeeef;
    border: none;
}

.cbp-marketo-form .gray-format .mktoForm .mktoFormRow label[for="Consent_to_Processing__c"].mktoLabel {
    width: 95% !important;
}

@media only screen and (max-width: 767px) {
    .cbp-marketo-form .gray-format .mktoForm .mktoFormRow label[for="Consent_to_Processing__c"].mktoLabel {
        width: 90% !important;
    }
}

@media only screen and (max-width: 414px) {
    .cbp-marketo-form .gray-format .mktoForm .mktoFormRow label[for="Consent_to_Processing__c"].mktoLabel {
        width: 83% !important;
    }
}

.cbp-marketo-form .gray-format .mktoForm .mktoFormRow select.mktoField {
    background: #fff url("/_new/_designs/css/min-files/blue-planet-styles.min.css/cbp-temp.css/prx-down-arrow.png") no-repeat 97% 10% !important;
}

.mktoForm .mktoLabel, .mktoForm label {
    text-transform: none !important;
}

/*
*  Backgrounds
*/

.white-bg {
  color: #555;
  background-color: #FFFFFF;
}

.white-bg + .white-bg {
  padding-top: 0;
}

.gray-bg {
  background-color: #EEEEEF;
}

.gray-bg + .gray-bg {
  padding-top: 0;
}

.black-bg {
  color: #FFFFFF;
  background-color: #1C1E2A;
}

.black-bg + .black-bg {
  padding-top: 0;
}

.black-rock-bg {
  background-color: #282A36;
  color: #FFFFFF;
}

.black-rock-bg + .black-rock-bg {
  padding-top: 0;
}

.bp-wave-bg {
  background: url("/_new/_designs/css/min-files/blue-planet-styles.min.css/cbp-temp.css/blueplanet_wave_thumb.jpg");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: cover;
}

.top-quarter {
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 100%;
}

@media only screen and (max-width: 767px) {
  .top-quarter {
    background-image: none !important;
  }
}

.blue-green, .question-cta {
  color: #FFFFFF;
  background: #284ED2;
  background: -moz-linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
  background: -webkit-linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
  background: -o-linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
  background: -ms-linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
  background: linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
}

.blue-green p a:not(.button), .question-cta p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.green-blue {
  color: #FFFFFF;
  background: #00BC94;
  background: -moz-linear-gradient(45deg, #00BC94 0%, #284ED2 100%);
  background: -webkit-linear-gradient(45deg, #00BC94 0%, #284ED2 100%);
  background: -o-linear-gradient(45deg, #00BC94 0%, #284ED2 100%);
  background: -ms-linear-gradient(45deg, #00BC94 0%, #284ED2 100%);
  background: linear-gradient(45deg, #00BC94 0%, #284ED2 100%);
}

.green-blue p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.purple-blue {
  color: #FFFFFF;
  background: #800A68;
  background: -moz-linear-gradient(45deg, #800A68 0%, #284ED2 100%);
  background: -webkit-linear-gradient(45deg, #800A68 0%, #284ED2 100%);
  background: -o-linear-gradient(45deg, #800A68 0%, #284ED2 100%);
  background: -ms-linear-gradient(45deg, #800A68 0%, #284ED2 100%);
  background: linear-gradient(45deg, #800A68 0%, #284ED2 100%);
}

.purple-blue p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.blue-purple {
  color: #FFFFFF;
  background: #284ED2;
  background: -moz-linear-gradient(45deg, #284ED2 0%, #800A68 100%);
  background: -webkit-linear-gradient(45deg, #284ED2 0%, #800A68 100%);
  background: -o-linear-gradient(45deg, #284ED2 0%, #800A68 100%);
  background: -ms-linear-gradient(45deg, #284ED2 0%, #800A68 100%);
  background: linear-gradient(45deg, #284ED2 0%, #800A68 100%);
}

.blue-purple p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.red-purple {
  color: #FFFFFF;
  background: #D31924;
  background: -moz-linear-gradient(45deg, #D31924 0%, #800A68 100%);
  background: -webkit-linear-gradient(45deg, #D31924 0%, #800A68 100%);
  background: -o-linear-gradient(45deg, #D31924 0%, #800A68 100%);
  background: -ms-linear-gradient(45deg, #D31924 0%, #800A68 100%);
  background: linear-gradient(45deg, #D31924 0%, #800A68 100%);
}

.red-purple p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.purple-red {
  color: #FFFFFF;
  background: #800A68;
  background: -moz-linear-gradient(45deg, #800A68 0%, #D31924 100%);
  background: -webkit-linear-gradient(45deg, #800A68 0%, #D31924 100%);
  background: -o-linear-gradient(45deg, #800A68 0%, #D31924 100%);
  background: -ms-linear-gradient(45deg, #800A68 0%, #D31924 100%);
  background: linear-gradient(45deg, #800A68 0%, #D31924 100%);
}

.purple-red p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.orange-red {
  color: #FFFFFF;
  background: #F47F0C;
  background: -moz-linear-gradient(45deg, #F47F0C 0%, #D31924 100%);
  background: -webkit-linear-gradient(45deg, #F47F0C 0%, #D31924 100%);
  background: -o-linear-gradient(45deg, #F47F0C 0%, #D31924 100%);
  background: -ms-linear-gradient(45deg, #F47F0C 0%, #D31924 100%);
  background: linear-gradient(45deg, #F47F0C 0%, #D31924 100%);
}

.orange-red p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.red-orange {
  color: #FFFFFF;
  background: #D31924;
  background: -moz-linear-gradient(45deg, #D31924 0%, #F47F0C 100%);
  background: -webkit-linear-gradient(45deg, #D31924 0%, #F47F0C 100%);
  background: -o-linear-gradient(45deg, #D31924 0%, #F47F0C 100%);
  background: -ms-linear-gradient(45deg, #D31924 0%, #F47F0C 100%);
  background: linear-gradient(45deg, #D31924 0%, #F47F0C 100%);
}

.red-orange p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.red-orange-reverse {
  color: #FFFFFF;
  background: #D31924;
  background: -moz-linear-gradient(-30deg, #D31924 20%, #F47F0C 100%);
  background: -webkit-linear-gradient(-30deg, #D31924 20%, #F47F0C 100%);
  background: -o-linear-gradient(-30deg, #D31924 20%, #F47F0C 100%);
  background: -ms-linear-gradient(-30deg, #D31924 20%, #F47F0C 100%);
  background: linear-gradient(120deg, #D31924 20%, #F47F0C 100%);
}

.red-orange-reverse p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.yellow-orange {
  color: #FFFFFF;
  background: #FFD000;
  background: -moz-linear-gradient(45deg, #FFD000 0%, #F47F0C 100%);
  background: -webkit-linear-gradient(45deg, #FFD000 0%, #F47F0C 100%);
  background: -o-linear-gradient(45deg, #FFD000 0%, #F47F0C 100%);
  background: -ms-linear-gradient(45deg, #FFD000 0%, #F47F0C 100%);
  background: linear-gradient(45deg, #FFD000 0%, #F47F0C 100%);
}

.yellow-orange p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.yellow-green {
  color: #FFFFFF;
  background: #FFD000;
  background: -moz-linear-gradient(45deg, #FFD000 0%, #00BC94 100%);
  background: -webkit-linear-gradient(45deg, #FFD000 0%, #00BC94 100%);
  background: -o-linear-gradient(45deg, #FFD000 0%, #00BC94 100%);
  background: -ms-linear-gradient(45deg, #FFD000 0%, #00BC94 100%);
  background: linear-gradient(45deg, #FFD000 0%, #00BC94 100%);
}

.yellow-green p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.green-yellow {
  color: #FFFFFF;
  background: #00BC94;
  background: -moz-linear-gradient(45deg, #00BC94 0%, #FFD000 100%);
  background: -webkit-linear-gradient(45deg, #00BC94 0%, #FFD000 100%);
  background: -o-linear-gradient(45deg, #00BC94 0%, #FFD000 100%);
  background: -ms-linear-gradient(45deg, #00BC94 0%, #FFD000 100%);
  background: linear-gradient(45deg, #00BC94 0%, #FFD000 100%);
}

.green-yellow p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.green-yellow-reverse {
  color: #FFFFFF;
  background: #00BC94;
  background: -moz-linear-gradient(-30deg, #00BC94 0%, #FFD000 100%);
  background: -webkit-linear-gradient(-30deg, #00BC94 0%, #FFD000 100%);
  background: -o-linear-gradient(-30deg, #00BC94 0%, #FFD000 100%);
  background: -ms-linear-gradient(-30deg, #00BC94 0%, #FFD000 100%);
  background: linear-gradient(120deg, #00BC94 0%, #FFD000 100%);
}

.green-yellow-reverse p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.grey-black {
  color: #FFFFFF;
  background: #343642;
  background: -moz-linear-gradient(45deg, #343642 0%, #1C1E2A 100%);
  background: -webkit-linear-gradient(45deg, #343642 0%, #1C1E2A 100%);
  background: -o-linear-gradient(45deg, #343642 0%, #1C1E2A 100%);
  background: -ms-linear-gradient(45deg, #343642 0%, #1C1E2A 100%);
  background: linear-gradient(45deg, #343642 0%, #1C1E2A 100%);
}

.grey-black p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.black-grey {
  color: #FFFFFF;
  background: #1C1E2A;
  background: -moz-linear-gradient(45deg, #1C1E2A 0%, #343642 100%);
  background: -webkit-linear-gradient(45deg, #1C1E2A 0%, #343642 100%);
  background: -o-linear-gradient(45deg, #1C1E2A 0%, #343642 100%);
  background: -ms-linear-gradient(45deg, #1C1E2A 0%, #343642 100%);
  background: linear-gradient(45deg, #1C1E2A 0%, #343642 100%);
}

.black-grey p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.lgrey-dgrey {
  color: #FFFFFF;
  background: #80828C;
  background: -moz-linear-gradient(45deg, #80828C 0%, #343642 100%);
  background: -webkit-linear-gradient(45deg, #80828C 0%, #343642 100%);
  background: -o-linear-gradient(45deg, #80828C 0%, #343642 100%);
  background: -ms-linear-gradient(45deg, #80828C 0%, #343642 100%);
  background: linear-gradient(45deg, #80828C 0%, #343642 100%);
}

.lgrey-dgrey p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.dgrey-lgrey {
  color: #FFFFFF;
  background: #343642;
  background: -moz-linear-gradient(45deg, #343642 0%, #80828C 100%);
  background: -webkit-linear-gradient(45deg, #343642 0%, #80828C 100%);
  background: -o-linear-gradient(45deg, #343642 0%, #80828C 100%);
  background: -ms-linear-gradient(45deg, #343642 0%, #80828C 100%);
  background: linear-gradient(45deg, #343642 0%, #80828C 100%);
}

.dgrey-lgrey p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.lblue-dblue {
  color: #FFFFFF;
  background: #0080be;
  background: -moz-linear-gradient(45deg, #0080be 0%, #003D99 100%);
  background: -webkit-linear-gradient(45deg, #0080be 0%, #003D99 100%);
  background: -o-linear-gradient(45deg, #0080be 0%, #003D99 100%);
  background: -ms-linear-gradient(45deg, #0080be 0%, #003D99 100%);
  background: linear-gradient(45deg, #0080be 0%, #003D99 100%);
}

.lblue-dblue p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.bp-light-gray {
  color: #555;
  background-color: #f1f2f2;
}

.bp-light-gray p {
  color: #555;
}

.bp-light-blue {
  color: #FFFFFF;
  background-color: #1ba9cc;
}

.bp-light-blue p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.bp-medium-blue {
  color: #FFFFFF;
  background-color: #1486c7;
}

.bp-medium-blue p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.bp-royal-blue {
  color: #FFFFFF;
  background-color: #0841a2;
}

.bp-royal-blue p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.bp-dark-blue {
  color: #FFFFFF;
  background-color: #0d3562;
}

.bp-dark-blue p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.bp-gray {
  color: #FFFFFF;
  background-color: #374450;
}

.bp-gray p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.purple-blue-img {
  color: #FFFFFF;
}

@media only screen and (min-width: 1240px) {
  .purple-blue-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("/_new/_designs/css/min-files/blue-planet-styles.min.css/cbp-temp.css/prx-purple-blue-1x.jpg");
  }
}

@media only screen and (min-width: 1240px) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-width: 1240px) and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-width: 1240px) and (min-resolution: 2dppx) and (min-width: 320px) {
  .purple-blue-img {
    background-image: url("/_new/_designs/css/min-files/blue-planet-styles.min.css/cbp-temp.css/prx-purple-blue-2x.jpg");
  }
}

@media only screen and (max-width: 1239px) {
  .purple-blue-img {
    background: #800A68;
    background: -moz-linear-gradient(45deg, #800A68 0%, #284ED2 100%);
    background: -webkit-linear-gradient(45deg, #800A68 0%, #284ED2 100%);
    background: -o-linear-gradient(45deg, #800A68 0%, #284ED2 100%);
    background: -ms-linear-gradient(45deg, #800A68 0%, #284ED2 100%);
    background: linear-gradient(45deg, #800A68 0%, #284ED2 100%);
  }
}

.red-purple-img {
  color: #FFFFFF;
}

@media only screen and (min-width: 1240px) {
  .red-purple-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("/_new/_designs/css/min-files/blue-planet-styles.min.css/cbp-temp.css/prx-red-purple-1x.jpg");
  }
}

@media only screen and (min-width: 1240px) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-width: 1240px) and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-width: 1240px) and (min-resolution: 2dppx) and (min-width: 320px) {
  .red-purple-img {
    background-image: url("/_new/_designs/css/min-files/blue-planet-styles.min.css/cbp-temp.css/prx-red-purple-2x.jpg");
  }
}

@media only screen and (max-width: 1239px) {
  .red-purple-img {
    background: #D31924;
    background: -moz-linear-gradient(45deg, #D31924 0%, #800A68 100%);
    background: -webkit-linear-gradient(45deg, #D31924 0%, #800A68 100%);
    background: -o-linear-gradient(45deg, #D31924 0%, #800A68 100%);
    background: -ms-linear-gradient(45deg, #D31924 0%, #800A68 100%);
    background: linear-gradient(45deg, #D31924 0%, #800A68 100%);
  }
}

.green-blue-img {
  color: #FFFFFF;
}

@media only screen and (min-width: 1240px) {
  .green-blue-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("/_new/_designs/css/min-files/blue-planet-styles.min.css/cbp-temp.css/prx-green-blue-1x.jpg");
  }
}

@media only screen and (min-width: 1240px) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-width: 1240px) and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-width: 1240px) and (min-resolution: 2dppx) and (min-width: 320px) {
  .green-blue-img {
    background-image: url("/_new/_designs/css/min-files/blue-planet-styles.min.css/cbp-temp.css/prx-green-blue-2x.jpg");
  }
}

@media only screen and (max-width: 1239px) {
  .green-blue-img {
    background: #00BC94;
    background: -moz-linear-gradient(45deg, #00BC94 0%, #284ED2 100%);
    background: -webkit-linear-gradient(45deg, #00BC94 0%, #284ED2 100%);
    background: -o-linear-gradient(45deg, #00BC94 0%, #284ED2 100%);
    background: -ms-linear-gradient(45deg, #00BC94 0%, #284ED2 100%);
    background: linear-gradient(45deg, #00BC94 0%, #284ED2 100%);
  }
}

.green-yellow-img {
  color: #FFFFFF;
}

@media only screen and (min-width: 1240px) {
  .green-yellow-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("/_new/_designs/css/min-files/blue-planet-styles.min.css/cbp-temp.css/prx-green-yellow.jpg");
  }
}

@media only screen and (max-width: 1239px) {
  .green-yellow-img {
    background: #00BC94;
    background: -moz-linear-gradient(45deg, #00BC94 0%, #FFD000 100%);
    background: -webkit-linear-gradient(45deg, #00BC94 0%, #FFD000 100%);
    background: -o-linear-gradient(45deg, #00BC94 0%, #FFD000 100%);
    background: -ms-linear-gradient(45deg, #00BC94 0%, #FFD000 100%);
    background: linear-gradient(45deg, #00BC94 0%, #FFD000 100%);
  }
}

.blue-green-img {
  color: #FFFFFF;
}

@media only screen and (min-width: 1240px) {
  .blue-green-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("/_new/_designs/css/min-files/blue-planet-styles.min.css/cbp-temp.css/prx-gradient-bg-1x.jpg");
  }
}

@media only screen and (min-width: 1240px) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-width: 1240px) and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-width: 1240px) and (min-resolution: 2dppx) and (min-width: 320px) {
  .blue-green-img {
    background-image: url("/_new/_designs/css/min-files/blue-planet-styles.min.css/cbp-temp.css/prx-gradient-bg-2x.jpg");
  }
}

@media only screen and (max-width: 1239px) {
  .blue-green-img {
    background: #284ED2;
    background: -moz-linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
    background: -webkit-linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
    background: -o-linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
    background: -ms-linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
    background: linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
  }
}

.blue-3-img {
  color: #FFFFFF;
  background-image: url("/_new/_designs/css/min-files/blue-planet-styles.min.css/cbp-temp.css/prx_3_wave_bg_blue.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.blue-3-img p a {
  color: #FFFFFF;
  text-decoration: underline;
}

.green-3-img {
  color: #FFFFFF;
  background-image: url("/_new/_designs/css/min-files/blue-planet-styles.min.css/cbp-temp.css/prx_3_wave_bg_green.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.green-3-img p a {
  color: #FFFFFF;
  text-decoration: underline;
}

.orange-3-img {
  color: #FFFFFF;
  background-image: url("/_new/_designs/css/min-files/blue-planet-styles.min.css/cbp-temp.css/prx_3_wave_bg_orange.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.orange-3-img p a {
  color: #FFFFFF;
  text-decoration: underline;
}

.purple-3-img {
  color: #FFFFFF;
  background-image: url("/_new/_designs/css/min-files/blue-planet-styles.min.css/cbp-temp.css/prx_3_wave_bg_purple.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.purple-3-img p a {
  color: #FFFFFF;
  text-decoration: underline;
}

.red-3-img {
  color: #FFFFFF;
  background-image: url("/_new/_designs/css/min-files/blue-planet-styles.min.css/cbp-temp.css/prx_3_wave_bg_red.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.red-3-img p a {
  color: #FFFFFF;
  text-decoration: underline;
}

.yellow-3-img {
  color: #FFFFFF;
  background-image: url("/_new/_designs/css/min-files/blue-planet-styles.min.css/cbp-temp.css/prx_3_wave_bg_yellow.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.yellow-3-img p a {
  color: #FFFFFF;
  text-decoration: underline;
}

.blue-4-img {
  color: #FFFFFF;
  background-image: url("/_new/_designs/css/min-files/blue-planet-styles.min.css/cbp-temp.css/prx_4_wave_bg_blue.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.blue-4-img p a {
  color: #FFFFFF;
  text-decoration: underline;
}

.green-4-img {
  color: #FFFFFF;
  background-image: url("/_new/_designs/css/min-files/blue-planet-styles.min.css/cbp-temp.css/prx_4_wave_bg_green.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.green-4-img p a {
  color: #FFFFFF;
  text-decoration: underline;
}

.orange-4-img {
  color: #FFFFFF;
  background-image: url("/_new/_designs/css/min-files/blue-planet-styles.min.css/cbp-temp.css/prx_4_wave_bg_orange.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.orange-4-img p a {
  color: #FFFFFF;
  text-decoration: underline;
}

.purple-4-img {
  color: #FFFFFF;
  background-image: url("/_new/_designs/css/min-files/blue-planet-styles.min.css/cbp-temp.css/prx_4_wave_bg_purple.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.purple-4-img p a {
  color: #FFFFFF;
  text-decoration: underline;
}

.red-4-img {
  color: #FFFFFF;
  background-image: url("/_new/_designs/css/min-files/blue-planet-styles.min.css/cbp-temp.css/prx_4_wave_bg_red.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.red-4-img p a {
  color: #FFFFFF;
  text-decoration: underline;
}

.yellow-4-img {
  color: #FFFFFF;
  background-image: url("/_new/_designs/css/min-files/blue-planet-styles.min.css/cbp-temp.css/prx_4_wave_bg_yellow.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.yellow-4-img p a {
  color: #FFFFFF;
  text-decoration: underline;
}


/* CBP CTA Two Column */

.split {
  background-size: cover;
}

@media only screen and (min-width: 1025px) {
  .split .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .split .row:after {
    display: none;
  }
  .split .column {
    min-height: 580px;
  }
  .split.cta-two-column .column {
    min-height: 371px;
  }
}

@media only screen and (max-width: 1024px) {
  .split .left-align {
    text-align: center;
  }
  .split .left-align ul {
    text-align: left;
  }
}

.split p {
  margin: 0 0 2em;
  opacity: 0.999;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 1239px) {
  .split p {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.split strong {
  font-weight: 500;
}

.split .column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: relative;
}

.split.top-align .column {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}

.split.restrict-width .row {
  max-width: 1680px;
  margin: 0 auto;
}

.split.white-bg + .split.white-bg {
  border-top: 1px solid #EEEEEF;
}

.split.meetup.white-bg + .split.meetup.white-bg {
  border: 0 none;
}

@media only screen and (min-width: 1025px) {
  .split.inqueries .row {
    min-height: 360px;
  }
}

@media only screen and (min-width: 768px) {
  .split.inqueries .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.split.pixel-fix {
  background-color: #70707b;
}

@media only screen and (max-width: 1024px) {
  .split.location {
    text-align: center;
  }
}

.split.location .featured-image {
  width: 56px;
  height: 56px;
}

@media only screen and (max-width: 767px) {
  .split.location .featured-image {
    width: 38px;
    height: 38px;
  }
}

.split.location p {
  font-weight: 200;
  font-size: 36px;
  line-height: 1.2em;
}

@media only screen and (max-width: 1239px) {
  .split.location p {
    font-weight: 200;
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

@media only screen and (max-width: 767px) {
  .split.location p {
    font-weight: 200;
    font-size: 22px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

.split .featured-image {
  margin-bottom: 20px;
}

.split .featured-image.top-left {
  position: absolute;
  top: 0;
  left: 0;
}

.split .featured-image.top-right {
  position: absolute;
  top: 0;
  right: 0;
}

.split .featured-image.bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
}

.split .featured-image.bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
}

.split .split-content {
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
}

.split-content {
  width: 100%;
  padding: 100px 30px calc( 100px - 2em);
}

@media only screen and (max-width: 1599px) {
  .split-content {
    padding: 80px 30px;
  }
}

@media only screen and (max-width: 1239px) {
  .split-content {
    padding: 50px 30px;
  }
}

.cta-one-column {
    padding-bottom: 5rem;
}

.cta-two-column .comp-title {
  color: #ffffff;
  text-transform: none;
}

.comp-title {
  margin: 0 0 .75em;
  font-weight: 200;
  font-size: 42px;
  line-height: 1.12em;
  font-family:"aktiv-grotesk-thin", "Helvetica", "arial", sans-serif;
}

.thin {
    font-family:"aktiv-grotesk-thin", "Helvetica", "arial", sans-serif;
}


.content-wrap .comp-title {
  text-transform: none;
}

@media only screen and (max-width: 1239px) {
  .comp-title {
    font-size: 36px;
  }
}

@media only screen and (max-width: 767px) {
  .comp-title {
    font-size: 28px;
  }
}

.comp-title.large {
  font-weight: 300;
  font-size: 60px;
  line-height: 1.13em;
  letter-spacing: -0.01em;
}

@media only screen and (max-width: 1239px) {
  .comp-title.large {
    font-weight: 300;
    font-size: 50px;
    line-height: 1.16em;
    letter-spacing: spacing;
  }
}

@media only screen and (max-width: 1024px) {
  .comp-title.large {
    font-weight: 300;
    font-size: 42px;
    line-height: 1.12em;
  }
}

@media only screen and (max-width: 767px) {
  .comp-title.large {
    font-weight: 300;
    font-size: 28px;
    line-height: 1.3em;
  }
}

.comp-title.small {
  font-size: 36px;
}

@media only screen and (max-width: 1239px) {
  .comp-title.small {
    font-size: 24px;
  }
}

@media only screen and (max-width: 1024px) {
  .comp-title.small {
    font-size: 22px;
  }
}

.comp-title.thin {
  font-weight: 200;
}

@media only screen and (max-width: 1024px) {
  .comp-title.insights-landing {
    font-weight: 200;
    font-size: 36px;
    line-height: 1.2em;
  }
}

@media only screen and (max-width: 767px) {
  .comp-title.insights-landing {
    font-weight: 200;
    font-size: 32px;
    line-height: 1.25em;
  }
}

.comp-title.capitalize {
  text-transform: capitalize;
}

.comp-title a {
  color: inherit;
}

.comp-title a:hover, .comp-title a:visited, .comp-title a:active {
  color: inherit;
}

.comp-title.extra-top-margin {
  margin: 1em 0 0.75em;
}

.bolded-title {
  font-size: 25px;
  font-weight: 500;
  letter-spacing: 0.5px;
  margin: 0;
  color: #1c1e2a;
}

.add-margin-top {
  margin-top: 0.75em;
}

.add-padding-top {
  padding-top: 3em;
}

.comp-subtitle {
  font-size: 26px;
  font-weight: 200;
  line-height: 1.32em;
  margin: 0;
  padding: 0 0 1em;
}

@media only screen and (max-width: 1239px) {
  .comp-subtitle {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .comp-subtitle {
    font-size: 18px;
  }
}

.white-bg .comp-title {
  margin: 0;
  padding: 0 0 0.5em;
}

.section-title {
  font-size: 40px;
  font-weight: 500;
}

.split-title {
  font-weight: 300;
  font-size: 36px;
  line-height: 1.2em;
  margin: 0 0 0.57em;
  opacity: 0.999;
}

.split-title.thin {
  font-weight: 200;
}

@media only screen and (max-width: 1239px) {
  .split-title {
    font-weight: 300;
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
    margin-bottom: 0.83em;
  }
}

@media only screen and (max-width: 1024px) {
  .split-title {
    font-weight: 300;
    font-size: 22px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

.small-title {
  margin: 0 0 1em;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.sub-title {
  margin: 0 0 .5em;
  font-weight: 300;
  font-size: 36px;
  line-height: 1.2em;
}

@media only screen and (max-width: 1239px) {
  .sub-title {
    font-weight: 300;
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

.cta-header {
  padding: 0 30px;
}

.cta-header:after {
  content: "";
  display: table;
  clear: both;
}

.cta-header .comp-title {
  float: left;
  margin: 0;
  font-weight: 200;
  font-size: 42px;
  line-height: 1.12em;
}

@media only screen and (max-width: 1024px) {
  .cta-header .comp-title {
    font-weight: 200;
    font-size: 36px;
    line-height: 1.2em;
  }
}

@media only screen and (max-width: 767px) {
  .cta-header .comp-title {
    font-weight: 200;
    font-size: 32px;
    line-height: 1.25em;
    float: none;
  }
}

.cta-header .btn,
.cta-header .sort-dropdown-container {
  float: right;
}

@media only screen and (max-width: 767px) {
  .cta-header .btn,
  .cta-header .sort-dropdown-container {
    float: none;
    margin-top: 15px;
  }
}


/* CBP One Column */

#content .image-first-flex .split-content {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    height: 100%;
}

#content .image-first-flex .split-content p {
    font-size: 16px;
    height: 100%;
}

#content .image-first-flex .split-content h2.split-title.thin {
    font-size: 18px;
    font-weight: 500;
}

#content .image-first-flex .split-content img {
    order: -1;
}

.cbp-one-col-wrapper.overlay,
.cbp-one-col-wrapper.even-overlay {
  position: relative;
}

.cbp-one-col-wrapper h2.comp-title {
    padding: 60px 0 20px;
    margin: 0 auto;
    max-width: 1170px;
}

.cbp-one-col-wrapper .overview p {
    font-size: 20px;
    margin: 20px 0 0;
}

.cbp-one-col-wrapper.dark .overview p {
    color:  #555;
}

.cbp-one-col-wrapper.light .overview p {
    color:  #fff;
}

#content .cbp-one-col-wrapper .additional-content {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.8em;
    letter-spacing: 0.03em;
    padding: 30px 15px 70px;
}

#content .cbp-one-col-wrapper .additional-content p {
    margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
    .cbp-one-col-wrapper .overview p {
        font-size: 18px;
    }
}

.cbp-one-col-wrapper.overlay:before {
  background: rgba(0, 0, 0, 0);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.7) 54%);
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.7) 54%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.7) 54%);
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.7) 54%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.7) 54%);
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.cbp-one-col-wrapper.even-overlay:before {
  background-color: rgba(0, 0, 0, 0.5);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.bg-center {
  background-position: center;
}

.bg-overlay:before {
  background: rgba(0, 0, 0, 0);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.7) 54%);
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.7) 54%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.7) 54%);
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.7) 54%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.7) 54%);
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.bg-even-overlay:before {
  background-color: rgba(0, 0, 0, 0.5);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
}

.bg-overlay .split-content,
.bg-even-overlay .split-content {
    position: relative;
}

.cbp-one-col-wrapper .large-icon {
    margin-bottom: 20px;
    max-height: 142px;
    width: auto;
}

#content .cbp-one-col-wrapper.one-col-row {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 70px 15px 70px;
}

#content .cbp-one-col-wrapper.one-col-row .button-container {
    margin-bottom: 0;
}

.cbp-one-col-wrapper.one-col-row.light {
  color: #FFFFFF !important;
}

.cbp-one-col-wrapper.one-col-row.light p a {
  color: #FFFFFF;
  text-decoration: underline;
}

.cbp-one-col-wrapper.one-col-row.dark {
  color: #555 !important;
}

.cbp-one-col-wrapper.one-col-row.dark p a {
  color: #555;
  text-decoration: underline;
}

.cbp-one-col-wrapper.one-col-row.bg-image {
  color: #FFFFFF;
}

@media only screen and (max-width: 1239px) {
  .cbp-one-col-wrapper.one-col-row, .no-webgl .view-3d + .cbp-one-col-wrapper.one-col-row.gray-bg {
    padding: 90px 0;
  }
}

@media only screen and (max-width: 1024px) {
  .cbp-one-col-wrapper.one-col-row, .no-webgl .view-3d + .cbp-one-col-wrapper.one-col-row.gray-bg {
    padding: 70px 0;
  }
}

@media only screen and (max-width: 767px) {
  .cbp-one-col-wrapper.one-col-row, .no-webgl .view-3d + .cbp-one-col-wrapper.one-col-row.gray-bg {
    padding: 50px 0;
  }
}

.cbp-one-col-wrapper.one-col-row.left-align .content-split {
  width: 50%;
  padding: 0 30px;
}

@media only screen and (max-width: 1024px) {
  .cbp-one-col-wrapper.one-col-row.left-align .content-split {
    width: 100%;
  }
}

#content .cbp-one-col-wrapper.one-col-row .container {
  max-width: 965px;
  margin: 0 auto;
  display: block;
  padding: 0 30px;
}

#content .cbp-one-col-wrapper.one-col-row.fullwidth-override .container {
    max-width: 1170px;
    padding: 0;
}

@media only screen and (max-width: 1024px) {
  .cbp-one-col-wrapper.one-col-row .container {
    max-width: 850px;
  }
}

@media only screen and (max-width: 767px) {
  .cbp-one-col-wrapper.one-col-row .container {
    max-width: 630px;
  }
}

@media only screen and (max-width: 500px) {
  .cbp-one-col-wrapper.one-col-row .box-featured {
    height: 40px;
  }
}

.cbp-one-col-wrapper.one-col-row .row-title {
  font-weight: 300;
  font-size: 36px;
  line-height: 1.2em;
  margin: 20px 0 0;
}

@media only screen and (max-width: 1239px) {
  .cbp-one-col-wrapper.one-col-row .row-title {
    font-weight: 300;
    font-size: 32px;
    line-height: 1.25em;
  }
}

@media only screen and (max-width: 1024px) {
  .cbp-one-col-wrapper.one-col-row .row-title {
    font-weight: 300;
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

@media only screen and (max-width: 767px) {
  .cbp-one-col-wrapper.one-col-row .row-title {
    font-weight: 300;
    font-size: 22px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

.cbp-one-col-wrapper.one-col-row p {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
  margin: 15px 0;
}

@media only screen and (max-width: 1024px) {
  .cbp-one-col-wrapper.one-col-row p {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

@media only screen and (max-width: 767px) {
  .cbp-one-col-wrapper.one-col-row p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.cbp-one-col-wrapper.light h2,
.cbp-one-col-wrapper.light h3 {
  color: #ffffff;
}

.cbp-one-col-wrapper.dark h2,
.cbp-one-col-wrapper.dark h3 {
  color: #555;
}


.cbp-one-col-wrapper .split-title {
  font-weight: 300;
  font-size: 36px;
  line-height: 1.2em;
  margin: 0 0 0.57em;
  opacity: 0.999;
  text-transform: none;
}

.cbp-one-col-wrapper .split-title.thin {
  font-weight: 200;
}

.cbp-one-col-wrapper h4 {
    font-weight: 400;
    font-size: 22px;
}

@media only screen and (max-width: 1239px) {
  .cbp-one-col-wrapper .split-title {
    font-weight: 300;
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
    margin-bottom: 0.83em;
  }
  
  .cbp-one-col-wrapper h4 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1024px) {
  .cbp-one-col-wrapper .split-title {
    font-weight: 300;
    font-size: 22px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

.cbp-one-col-wrapper .small-title {
  margin: 0 0 1em;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.col-inner-image {
    display: block;
    margin-bottom: 20px;
}

.col-inner-image.img-small {
    width: 60%;
}

.col-inner-image.img-medium {
    width: 80%;
}

.col-inner-image.img-large {
    width: 100%;
}

#content .cbp-two-col.container {
    padding: 50px 15px;
}

#content .cbp-two-col.drop-row-padding {
    padding-top: 0;
    padding-bottom: 0;
}

#content .cbp-two-col.drop-column-padding .split-content {
    padding-left: 10px;
    padding-right: 10px;
}

.reduce-padding .split-content {
    padding-bottom: 30px;
}

#content .cbp-two-col .center .col-inner-image {
    margin: 0 auto 20px;
}

#content .cbp-two-col .split-content img {
    height: auto;
}

.cbp-two-col > div {
    position: relative;
}

.cbp-two-col .image-tile {
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 300px;
    color: #fff;
}

.cbp-one-col-wrapper .image-tile.bg-right {
    background-position: right;
}

.cbp-one-col-wrapper .image-tile.bg-left {
    background-position: left;
}

.cbp-one-col-wrapper .image-tile.bg-center {
    background-position: center;
}

@media only screen and (max-width: 992px) {
    .cbp-two-col .image-tile + style + .image-tile {
        margin-top: 10px;
    }
    
    .cbp-two-col.reverse-order {
        flex-direction: column-reverse;
    }
}

.cbp-two-col .button-container {
    margin: 0;
}

.cbp-two-col h2, .cbp-two-col h3 {
    color: #fff;
}

.cbp-two-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}

#content .cbp-two-col > div {
    display: flex;
    align-items: center;
}

#content .top-align .cbp-two-col > div {
    align-items: flex-start;
}

.cbp-two-col .dark-text,
.cbp-two-col .dark-text h2,
.cbp-two-col .dark-text h3 {
    color: #555;
}

.cbp-two-col .light-text,
.cbp-two-col .light-text h2,
.cbp-two-col .light-text h3,
.cbp-two-col .light-text p {
    color: #fff;
}

@media only screen and (min-width: 992px) {
    .cbp-two-col {
        flex-direction: row;
    }
    .cbp-two-col .image-tile:first-child {
        margin-right: 10px;
    }
    .cbp-two-col .image-tile + style + .image-tile:last-child {
        margin-left: 10px;
    }
}

.cbp-two-col.featured-tiles {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 50% 50%;
}

.cbp-two-col.featured-tiles .split-content {
    padding: 2rem;
}

.cbp-two-col.featured-tiles .split-title {
    font-size: 26px;
}

.cbp-two-col.featured-tiles .column-1 {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
}

.cbp-two-col.featured-tiles .column-2 {
    grid-column: 2;
    grid-row: 1 / 2;
}

.cbp-two-col.featured-tiles .column-3 {
    grid-column: 2;
    grid-row: 2;
}

@media only screen and (max-width: 1024px) {
    .cbp-two-col.featured-tiles {
        grid-template-columns: 100%;
    }
    
    .cbp-two-col.featured-tiles .split-title {
        font-size: 22px;
    }
    
    .cbp-two-col.featured-tiles .column-1 {
        grid-column: 1;
        grid-row: 1;
    }
    
    .cbp-two-col.featured-tiles .column-2 {
        grid-column: 1;
        grid-row: 2;
    }
    
    .cbp-two-col.featured-tiles .column-3 {
        grid-column: 1;
        grid-row: 3;
    }
}


/* CBP Module Hero */

#hero.hasMobileHero .mobileHero {
  display: none;
}

#content .naas-landing.cbp-hero-banner .breadcrumb-container + .container {
  position: static;
}

#content .naas-landing.cbp-hero-banner .cbp-hero-banner-content a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
}

#content .naas-landing .breadcrumb-container .breadcrumb {
  display: none;
}

/*
.naas-landing.cbp-hero-banner .hero-promo {
    padding-top: 0;
    font-weight: bold;
    position: absolute;
    width: 100%;
    transform: translateY(90%);
    text-align: center;
}

#content .naas-landing .sub-text {
  font-size: 22px;
}

@media only screen and (min-width: 1624px) {
    .naas-landing.cbp-hero-banner .hero-promo {
        transform: translateY(130%);
        text-align: center;
    }
}

@media only screen and (max-width: 1024px) {
    .naas-landing.cbp-hero-banner .hero-promo {
        left: 50%;
        transform: translate(-40%, 90%);
        text-align: center;
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        max-width: 50rem;
    }
}

@media only screen and (max-width: 767px) {
    .naas-landing.cbp-hero-banner .hero-promo {
        left: auto;
        transform: translateY(30%);
        text-align: center;
        display: flex;
        align-items: baseline;
        justify-content: center;
        width: 100%;
    }
}
*/

@media only screen and (max-width: 768px) {
  #hero.hasMobileHero .mobileHero {
    display: block;
  }
  #hero.hasMobileHero .hero-bg:not(.mobileHero) {
    display: none;
  }
}

#hero .story-one .title {
  /* This was changed for 5g brand canvas. it was 200 */
  font-weight: 600;
  margin-bottom: 0;
}

#hero .story-one .subtitle .alt-subtext {
  font-size: 52px;
}

#hero .story-one .alt-subtitle {
  font-size: 34px;
  line-height: 1.15;
  margin-top: 30px;
  display: block;
}

#hero .story-one .subtitle {
    margin-top: 0;
}

@media only screen and (max-width: 1599px) {
  #hero .story-one .subtitle .alt-subtext {
    font-size: 42px;
  }
}

@media only screen and (max-width: 1024px) {
  #hero .story-one .subtitle .alt-subtext {
    font-size: 24px;
    margin-top: 5px;
    display: block;
  }
  #hero .story-one .alt-subtitle {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  #hero .story-one .subtitle .alt-subtext {
    font-size: 22px;
  }
  #hero .story-one .alt-subtitle {
    font-size: 20px;
  }
}

.hide-breadcrumb .breadcrumb-container .breadcrumb {
    display: none;
}

.cbp-hero-banner {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: auto;
  overflow: hidden;
}

.cbp-hero-banner.dark .breadcrumb a {
    color: #fff;
}

#content .cbp-hero-banner .breadcrumb-container + .container {
    padding-top: 10px;
}

#content .cbp-hero-banner .breadcrumb-container .breadcrumb li {
    padding-left: 0;
}

#content .cbp-hero-banner .row {
    margin-left: 0;
    margin-right: 0;
}

.cbp-hero-banner .breadcrumb-container {
    padding-top: 30px;
    padding-bottom: 0;
}

@media (max-width: 768px) {
    .cbp-hero-banner .breadcrumb-container {
        text-align: center;
    }
}


@media only screen and (max-width: 500px) {
  .cbp-hero-banner.badge-container .column .badge {
    float: left;
    padding: 10px 5px 0 0;
  }
}

@media only screen and (max-width: 500px) {
  .cbp-hero-banner.badge-container .column .btn {
    margin-top: 7%;
  }
}

.cbp-hero-banner .hero-promo {
    padding-top: 20px;
    font-weight: bold;
}

.cbp-hero-banner .logo-overlay {
  position: absolute;
  bottom: 5%;
  left: 5%;
  max-width: 180px;
}

@media only screen and (max-width: 1152px) {
  .cbp-hero-banner .logo-overlay {
    max-width: 140px;
  }
}

@media only screen and (max-width: 1024px) {
  .cbp-hero-banner .logo-overlay {
    max-width: 120px;
  }
}

@media only screen and (max-width: 500px) {
  .cbp-hero-banner .logo-overlay {
    max-width: 80px;
  }
}

.cbp-hero-banner.tall {
  min-height: 962px;
}

@media only screen and (max-width: 1599px) {
  .cbp-hero-banner.tall {
    min-height: 792px;
  }
}

@media only screen and (max-width: 1239px) {
  .cbp-hero-banner.tall {
    min-height: 594px;
  }
}

@media only screen and (max-width: 1024px) {
  .cbp-hero-banner.tall {
    min-height: 385px;
  }
}

@media only screen and (max-width: 767px) {
  .cbp-hero-banner.tall {
    min-height: 188px;
  }
}

.cbp-hero-banner.plus {
  min-height: 650px;
}

@media only screen and (max-width: 1599px) {
  .cbp-hero-banner.plus {
    min-height: 550px;
  }
}

@media only screen and (max-width: 1239px) {
  .cbp-hero-banner.plus {
    min-height: 450px;
  }
}

@media only screen and (max-width: 1024px) {
  .cbp-hero-banner.plus {
    min-height: 350px;
  }
}

@media only screen and (max-width: 767px) {
  .cbp-hero-banner.plus {
    min-height: 188px;
  }
}

.cbp-hero-banner.short {
  min-height: 380px;
}

@media only screen and (max-width: 1239px) {
  .cbp-hero-banner.short {
    min-height: 380px;
  }
}

@media only screen and (max-width: 1024px) {
  .cbp-hero-banner.short {
    min-height: 260px;
  }
}

@media only screen and (max-width: 767px) {
  .cbp-hero-banner.short {
    min-height: 230px;
  }
}

@media only screen and (max-width: 500px) {
  .cbp-hero-banner.short {
    min-height: 188px;
  }
}

@media only screen and (max-width: 1599px) {
  .cbp-hero-banner.short.mini {
    min-height: 300px;
  }
}

@media only screen and (max-width: 1239px) {
  .cbp-hero-banner.short.mini {
    min-height: 275px;
  }
}

@media only screen and (max-width: 1024px) {
  .cbp-hero-banner.short.mini {
    min-height: 200px;
  }
}

@media only screen and (max-width: 767px) {
  .cbp-hero-banner.short.mini {
    min-height: 150px;
  }
}

.cbp-hero-banner .column {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .cbp-hero-banner .column {
    padding-top: 20px;
    padding-bottom: 20px;
    height: auto;
  }
  .cbp-hero-banner .column.xs-6:only-child {
    width: 100%;
    max-width: 100%;
  }
}

.cbp-hero-banner .column + .column {
  padding-top: 6.81818%;
  padding-bottom: 6.81818%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.cbp-hero-banner .column .wrap {
  padding: 0 15%;
  max-width: 100%;
  position: relative;
}

.cbp-hero-banner.bottom-align .column {
  padding-bottom: 7.72727%;
}

.cbp-hero-banner .cbp-hero-banner-content {
  width: 100%;
}

.cbp-hero-banner .cbp-hero-banner-content .category {
  font-weight: 700;
  font-size: 12px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  margin: 0;
}

@media only screen and (max-width: 500px) {
  .cbp-hero-banner .cbp-hero-banner-content .category {
    font-size: 9px;
  }
}

.cbp-hero-banner .cbp-hero-banner-content .category.orange {
  color: #d78534;
}

.cbp-hero-banner.centered {
  text-align: center;
}

.cbp-hero-banner.centered .column {
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.cbp-hero-banner.centered .sub-text {
  margin-bottom: 7%;
}

.cbp-hero-banner.centered .cbp-hero-banner-content {
  padding: 0 7.68049%;
}

.cbp-hero-banner.product-family {
  margin-bottom: 35px;
}

.cbp-hero-banner.bg-right {
  background-position: center right;
}

.cbp-hero-banner.white {
  color: #FFFFFF;
}

.cbp-hero-banner.black {
  color: #1C1E2A;
}

.cbp-hero-banner .model {
  margin: 0;
  font-weight: 700;
  font-size: 98px;
  line-height: 1.1em;
  letter-spacing: -0.02em;
}


.cbp-hero-banner .model.normal.hero-header-large {
    font-size: 60px;
    font-weight: 500;
    margin-top: 4rem;
    margin-bottom: 20px;
}

.cbp-hero-banner .model.normal.hero-header-medium {
    font-size: 45px;
    font-weight: 500;
    margin-top: 6rem;
    margin-bottom: 20px;
}


@media only screen and (max-width: 1024px) {
    .cbp-hero-banner .model.normal.hero-header-large {
        font-size: 40px;
        margin-top: 2rem;
        margin-bottom: 10px;
    }
    .cbp-hero-banner .model.normal.hero-header-medium {
        font-size: 30px;
        margin-top: 4rem;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .cbp-hero-banner .model.normal.hero-header-large {
        margin-top: -1rem;
    }
    .cbp-hero-banner .model.normal.hero-header-medium {
        margin-top: 1rem;
    }
}


.cbp-hero-banner .sub-text.hero-subtitle-small {
    font-size: 22px;
    font-weight: 400;
    margin-top: 0;
}

.cbp-hero-banner .sub-text.hero-subtitle-medium {
    font-size: 28px;
    font-weight: 400;
    margin-top: 0;
}


@media only screen and (max-width: 1024px) {
    .cbp-hero-banner .sub-text.hero-subtitle-medium {
        font-size: 20px;
        font-weight: 400;
        margin-top: 0;
        padding-bottom: 3rem;
    }
    .cbp-hero-banner .sub-text.hero-subtitle-small {
        font-size: 16px;
        font-weight: 400;
        margin-top: 0;
        padding-bottom: 20px;
    }
}


@media only screen and (max-width: 1599px) {
  .cbp-hero-banner .model {
    font-size: 74px;
  }
}

@media only screen and (max-width: 1239px) {
  .cbp-hero-banner .model {
    font-size: 60px;
  }
}

@media only screen and (max-width: 1024px) {
  .cbp-hero-banner .model {
    font-size: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .cbp-hero-banner .model {
    font-size: 26px;
  }
}

.cbp-hero-banner .model.normal {
  font-weight: 300;
}

.cbp-hero-banner .model.thin {
  font-weight: 200;
}

.cbp-hero-banner.bp-mdso-hero .model {
  font-size: 68px;
}

@media only screen and (max-width: 1599px) {
  .cbp-hero-banner.bp-mdso-hero .model {
    font-size: 64px;
  }
}

@media only screen and (max-width: 1024px) {
  .cbp-hero-banner.bp-mdso-hero .model {
    font-size: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .cbp-hero-banner.bp-mdso-hero .model {
    font-size: 20px;
  }
}

.cbp-hero-banner .badge {
  padding: 20px 30px 0 0;
}

@media only screen and (max-width: 1024px) {
  .cbp-hero-banner .badge {
    max-height: 100px;
  }
}

.cbp-hero-banner .sub-text {
  margin: 10px 0 0;
  opacity: 0.999;
  font-weight: 300;
  font-size: 42px;
  line-height: 1.12em;
  text-transform: none;
}

@media only screen and (max-width: 1599px) {
  .cbp-hero-banner .sub-text {
    font-size: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .cbp-hero-banner .sub-text {
    font-size: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .cbp-hero-banner .sub-text {
    font-size: 15px;
  }
}

.cbp-hero-banner .product-preview {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}

.cbp-hero-banner.auto-height {
  height: auto;
}

.cbp-hero-banner.search-banner {
  height: auto;
  transition: 2s;
}

.cbp-hero-banner.search-banner .column {
  height: auto;
  min-height: 180px;
}

/*
    CBP Award
*/

/* Family Products */

#awards .container {
    padding-top: 0;
}

.family-products .family-title {
  font-weight: 200;
  font-size: 42px;
  line-height: 1.12em;
  text-align: center;
  margin: 0 0 40px 0;
}

@media only screen and (max-width: 1239px) {
  .family-products .family-title {
    font-weight: 200;
    font-size: 36px;
    line-height: 1.2em;
  }
}

@media only screen and (max-width: 767px) {
  .family-products .family-title {
    font-weight: 300;
    font-size: 28px;
    line-height: 1.3em;
  }
}

.family-products .container > .btn-container {
  margin-top: 50px;
}

.family-products .family-product-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 15px;
  margin-top: 15px;
}

.family-products .family-product-detail p {
    margin-top: 10px;
}

.family-products .family-product-image {
  position: relative;
  padding: 40px 40px 0 40px;
  text-align: center;
}

.family-products .family-product-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 767px) {
  .family-products .family-product-image img {
    position: static;
    top: 0;
    left: 0;
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.family-products .family-product-description {
  padding: 40px 40px 30px 40px;
}

.family-products .family-product-description .family-product-title {
  font-weight: 300;
  font-size: 28px;
  line-height: 1.3em;
  margin: 0 0 20px 0;
}

@media only screen and (max-width: 1024px) {
  .family-products .family-product-description .family-product-title {
    font-weight: 300;
    font-size: 20px;
    line-height: 1.35em;
    letter-spacing: 0.02em;
  }
}

.family-products .family-product-description svg.chevron {
  margin: 0;
  stroke: #284ED2;
}

.family-products .family-product-description .desc {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 767px) {
  .family-products .family-product-description .desc {
    display: none;
  }
}

.family-products.content-rows-component img {
  max-width: 100%;
  max-height: 250px;
}

#awards.family-products .family-product-image a {
  display: block;
}

#awards.family-products .family-product-description .family-product-title {
  margin: 0;
}

#awards.family-products .family-product-description .family-product-subtitle {
  margin: 0;
}

#awards .items-list-container {
  display: none;
}

.split .row.external-award-slide-down {
  display: none;
}

.split .row.external-award-slide-down div {
  padding: 50px 0;
}

.split .row.external-award-slide-down p, .split .row.external-award-slide-down .btn-container {
  margin: 0 auto;
  max-width: 70%;
}

.split .row.external-award-slide-down .btn-container {
  padding: 20px 0 0;
}

.internal-award-slide-down {
  display: none;
  padding-top: 40px;
}

#awards .small-label {
  display: block;
  font-size: 13px;
  font-weight: 500;
  margin: 1em 0;
}


/*
    Custom Illusion Hero
*/


#hero.cbp-hero-banner.illusion-bg-animated .container {
    padding-top: 30px;
    padding-left: 50px;
}
@media (max-width: 479px) {
  #content .cbp-hero-banner.illusion-bg-animated .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) {
    #hero.cbp-hero-banner.illusion-bg-animated .container {
      width: 920px;
    }
}
@media (min-width: 992px) {
    #hero.cbp-hero-banner.illusion-bg-animated .container {
      width: 1270px;
    }
}
@media (min-width: 1200px) {
    #hero.cbp-hero-banner.illusion-bg-animated .container {
      width: auto;
    }
}

#hero.cbp-hero-banner.illusion-bg-animated .hero-bg {
    display: none;
}

#hero.cbp-hero-banner.illusion-bg-animated .story-one {
    width: 66.66667%;
    max-width: 66.66667%;
    position: relative;
    top: 0;
    transform: none;
    left: 0;
}

#hero.cbp-hero-banner.illusion-bg-animated .story-one .btn {
    margin-top: 40px;
    margin-bottom: 40px;
}

.cbp-hero-banner.illusion-bg-animated {
    color: white;
    background: repeating-linear-gradient( 45deg, #1d1e1c, #1d1e1c 20px, #00539d 20px, #00539d 40px );
}

.cbp-hero-banner.illusion-bg-animated:before {
  height: 100%;
  width: 2rem;
  background-color: #00539d;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
}

.cbp-hero-banner.illusion-bg-animated .breadcrumb-container .breadcrumb {
  display: none;
}

#hero.cbp-hero-banner.illusion-bg-animated .title {
    padding-top: 15px;
    margin-bottom: -8px;
}

/*
#hero.cbp-hero-banner.illusion-bg-animated h2.subtitle,
.cbp-hero-banner.illusion-bg-animated h1.model {
     animation: pixelate-text-in 3.5s forwards;
     animation-delay: .7s;
     font-size: 88px;
     font-weight: 800;
     text-transform: uppercase;
     margin-top: 20px;
     margin-bottom: 20px;
     max-width: 100%;
     opacity: 0;
     line-height: 1.12;
     background-clip: text;
     -webkit-background-clip: text;
}
*/

#hero.cbp-hero-banner.illusion-bg-animated h2.subtitle,
.cbp-hero-banner.illusion-bg-animated h1.model {
     animation: fade-text-in 1.5s forwards;
     animation-delay: .7s;
     font-size: 88px;
     font-weight: 800;
     text-transform: uppercase;
     margin-top: 20px;
     margin-bottom: 20px;
     max-width: 100%;
     opacity: 0;
     position: relative;
     line-height: 1.12;
      background: repeating-linear-gradient( 145deg, #1d1e1c, #1d1e1c 20px, #00539d 20px, #00539d 40px );
      background-position: -30px;
      color: transparent;
      background-clip: text;
      text-fill-color: transparent;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
}

#hero.cbp-hero-banner.illusion-bg-animated h2.subtitle::before,
.cbp-hero-banner.illusion-bg-animated h1.model::before {
  animation: text-fade-in-white 2.5s forwards;
  animation-delay: 2s;
  position: absolute;
  content: "You Can't Automate What You Can't See";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: repeating-linear-gradient( 145deg, #ffffff, #ffffff 20px, #ffffff 20px, #ffffff 40px );
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  z-index: 1;
  transition: opacity 0.5s linear;
  opacity: 0;
}

@keyframes fade-text-in {
   100% {
      opacity: 1;
      background-position: 0;
   }
}

@-webkit-keyframes fade-text-in {
   100% {
      opacity: 1;
      background-position: 0;
   }
}

@keyframes text-fade-in-white {
   100% {
          background: repeating-linear-gradient( 145deg, #ffffff, #ffffff 20px, #ffffff 20px, #ffffff 40px );
      color: transparent;
      opacity: 1;
      background-clip: text;
      text-fill-color: transparent;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
   }
}

@-webkit-keyframes text-fade-in-white {
   100% {
          background: repeating-linear-gradient( 145deg, #ffffff, #ffffff 20px, #ffffff 20px, #ffffff 40px );
      color: transparent;
      opacity: 1;
      background-clip: text;
      text-fill-color: transparent;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
   }
}

.cbp-hero-banner.illusion-bg-animated h2.sub-text {
    position: relative;
    animation: slide-in-from-left 1.5s forwards;
    color: #fff;
    font-weight: bold;
    font-size: 19px;
    left: -30px;
    opacity: 0;
}

#hero.cbp-hero-banner.illusion-bg-animated .title,
.cbp-hero-banner.illusion-bg-animated .cbp-hero-banner-content .category {
    animation: slide-in-from-left 1.5s forwards;
    animation-delay: .5s;
    text-transform: none;
    font-size: 16px;
    font-weight: 500;
    left: -30px;
    position: relative;
    opacity: 0;
    color: white;
}

#hero.cbp-hero-banner.illusion-bg-animated .story-one .btn,
.cbp-hero-banner.illusion-bg-animated .cbp-hero-banner-content .button {
    animation: slide-in-from-left 1.5s forwards;
    animation-delay: 3.5s;
    left: -30px;
    position: relative;
    opacity: 0;
}

@media only screen and (max-width: 1255px) {
  #hero.cbp-hero-banner.illusion-bg-animated .story-one {
        width: 68%;
        max-width: 68%;
  }
}
@media only screen and (max-width: 1239px) {
  #hero.cbp-hero-banner.illusion-bg-animated .story-one {
        width: 65%;
        max-width: 65%;
  }
  #hero.cbp-hero-banner.illusion-bg-animated h2.subtitle,
  .cbp-hero-banner.illusion-bg-animated h1.model {
    font-size: 70px;
  }
  .cbp-hero-banner.illusion-bg-animated h2.sub-text {
      font-size: 16px;
  }
}

@media only screen and (max-width: 991px) {
    #hero.cbp-hero-banner.illusion-bg-animated .story-one,
    .cbp-hero-banner.illusion-bg-animated .column.sm-8{
        width: 85%;
        max-width: 85%;
        text-align: left;
    }
}

@media only screen and (max-width: 767px) {
  .cbp-hero-banner.illusion-bg-animated.plus{
    min-height: 400px;
  }
   .cbp-hero-banner.illusion-bg-animated h1.model {
     font-size: 40px;
     width: 70%;
   }
  #hero.cbp-hero-banner.illusion-bg-animated h2.subtitle {
     font-size: 40px;
     width: 85%;
   }
}

@media only screen and (max-width: 570px) {
   #hero.cbp-hero-banner.illusion-bg-animated h2.subtitle,
   .cbp-hero-banner.illusion-bg-animated h1.model {
     font-size: 35px;
     width: 80%;
   }
    #hero.cbp-hero-banner.illusion-bg-animated .story-one {
        width: 95%;
        max-width: 95%;
    }
}


@keyframes slide-in-from-left {
    100% { 
       left: 0; 
       opacity: 1;
   }
}

@-webkit-keyframes slide-in-from-left {
    100% { 
       left: 0; 
       opacity: 1;
   }
}


@keyframes pixelate-text-in {
   0% {
      background: repeating-linear-gradient( 145deg, #1d1e1c, #1d1e1c 20px, #00539d 20px, #00539d 40px );
      color: transparent;
      opacity: 0;
      background-clip: text;
      text-fill-color: transparent;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
   }
   20% {
      background: repeating-linear-gradient( 145deg, #1d1e1c, #1d1e1c 20px, #00539d 20px, #00539d 40px );
      color: transparent;
      opacity: 1;
      background-clip: text;
      text-fill-color: transparent;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
   }
   50% {
      background: repeating-linear-gradient( 145deg, #1d1e1c, #1d1e1c 20px, #00539d 20px, #00539d 40px );
      color: transparent;
      opacity: 1;
      background-clip: text;
      text-fill-color: transparent;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
   }
   65% {
      opacity: 0;
      color: transparent;
   }
   100% {
      color: white;
      opacity: 1;
   }
}

@-webkit-keyframes pixelate-text-in {
   0% {
      background: repeating-linear-gradient( 145deg, #1d1e1c, #1d1e1c 20px, #00539d 20px, #00539d 40px );
      color: transparent;
      opacity: 0;
      background-clip: text;
      text-fill-color: transparent;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
   }
   20% {
      background: repeating-linear-gradient( 145deg, #1d1e1c, #1d1e1c 20px, #00539d 20px, #00539d 40px );
      color: transparent;
      opacity: 1;
      background-clip: text;
      text-fill-color: transparent;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
   }
   50% {
      background: repeating-linear-gradient( 145deg, #1d1e1c, #1d1e1c 20px, #00539d 20px, #00539d 40px );
      color: transparent;
      opacity: 1;
      background-clip: text;
      text-fill-color: transparent;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
   }
   65% {
      opacity: 0;
      color: transparent;
   }
   100% {
      color: white;
      opacity: 1;
   }
}

.story.top-right-text {
    text-align: right;
    padding-top: 25px;
}

.story.top-left-text {
    text-align: left;
    padding-top: 25px;
}

.story.top-right-text h2.title,
.story.top-left-text h2.title {
    font-size: 30px;
    font-weight: 300;
}

.story.top-right-text strong {
    padding-top: 20px;
    display: block;
    font-size: 30px;
    font-weight: 500;
    width: 100%;
    float:right;
}

.story.top-left-text strong {
    padding-top: 20px;
    display: block;
    font-size: 30px;
    font-weight: 500;
    width: 100%;
    float:left;
}

@media only screen and (max-width: 1024px) {
    .story.top-right-text h2.title,
    .story.top-left-text h2.title {
        font-size: 18px;
    }

    .story.top-right-text strong,
    .story.top-left-text strong {
        font-size: 20px;
        font-weight: 500;
    }
}


/*
    Related Resources
*/

.related-resources-container {
    display: flex;
    flex-wrap: wrap;
}

.related-resources-container .resource {
    min-width: 230px;
    flex: 1 1 24%;
    max-width: 32%;
}

@media (min-width: 991px) {
    .related-resources-container.four-col-flex {
        justify-content: flex-start;
        margin-bottom: 50px;
    }
    .related-resources-container.four-col-flex .resource {
        max-width: 24%;
        margin: 0 0.2%;
    }
}
@media (min-width: 1200px) {
    .related-resources-container.four-col-flex .resource {
        margin: 0 0.5%;
    }
}

@media (max-width: 991px) {
    .related-resources-container.four-col-flex .resource,
    .related-resources-container.three-col-flex .resource {
        max-width: 49%;
    }
    .related-resources-container .resource:last-child {
        margin-right: 12px;
    }
}

@media (max-width: 571px) {
    .related-resources-container.four-col-flex .resource,
    .related-resources-container.three-col-flex .resource {
        max-width: 100%;
    }
}

/* CBP Story Slider */

.cbp-story-slider .hero-banner.an-story-hero .category {
    font-size: 15px;
}

@media only screen and (max-width: 1239px) {
    .cbp-story-slider .hero-banner.an-story-hero .category {
        font-size: 13px;
    }
}

@media only screen and (max-width: 1024px) {
    .cbp-story-slider .hero-banner.an-story-hero .category {
        font-size: 10px;
    }
}

.cbp-story-slider .hero-banner.an-story-hero .model {
    font-size: 68px;
}

@media only screen and (max-width: 1360px) {
    .cbp-story-slider .hero-banner.an-story-hero .model {
        font-size: 58px;
    }
}

@media only screen and (max-width: 1239px) {
    .cbp-story-slider .hero-banner.an-story-hero .model {
        font-size: 50px;
    }
}

@media only screen and (max-width: 1024px) {
    .cbp-story-slider .hero-banner.an-story-hero .model {
        font-size: 35px;
    }
}

@media only screen and (max-width: 767px) {
    .cbp-story-slider .hero-banner.an-story-hero .model {
        font-size: 25px;
    }
}

@media only screen and (max-width: 500px) {
    .cbp-story-slider .hero-banner.an-story-hero .model {
        font-size: 20px;
    }
}

@media only screen and (max-width: 414px) {
    .cbp-story-slider .hero-banner.an-story-hero .model {
        font-size: 18px;
    }
}

.cbp-story-slider .hero-banner.an-story-hero .sub-text {
    font-weight: 100;
    font-size: 30px;
    line-height: 1.2em;
    margin: 25px 0;
}

@media only screen and (max-width: 1360px) {
    .cbp-story-slider .hero-banner.an-story-hero .sub-text {
        font-size: 26px;
    }
}

@media only screen and (max-width: 1152px) {
    .cbp-story-slider .hero-banner.an-story-hero .sub-text {
        font-size: 24px;
        margin: 15px 0;
    }
}

@media only screen and (max-width: 1024px) {
    .cbp-story-slider .hero-banner.an-story-hero .sub-text {
        font-size: 20px;
        font-weight: 200;
    }
}

@media only screen and (max-width: 767px) {
    .cbp-story-slider .hero-banner.an-story-hero .sub-text {
        font-size: 15px;
        margin: 10px 0;
    }
}

@media only screen and (max-width: 500px) {
    .cbp-story-slider .hero-banner.an-story-hero .sub-text {
        font-size: 14px;
        margin: 5px 0;
    }
}

@media only screen and (max-width: 414px) {
    .cbp-story-slider .hero-banner.an-story-hero .sub-text {
        font-size: 12px;
        margin: 5px 0;
    }
}

.cbp-story-slider .hero-banner.an-story-hero .sub-text strong {
    font-weight: 500;
}

@media only screen and (max-width: 1152px) {
    .cbp-story-slider .hero-banner.an-story-hero .btn-container {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 1024px) {
    .cbp-story-slider .hero-banner.an-story-hero .btn-container {
        margin-top: 10px;
    }
}

.cbp-story-slider .hero-banner.an-story-hero .btn {
    font-size: 20px;
}

@media only screen and (max-width: 1239px) {
    .cbp-story-slider .hero-banner.an-story-hero .btn {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1152px) {
    .cbp-story-slider .hero-banner.an-story-hero .btn {
        font-size: 15px;
    }
}

@media only screen and (max-width: 1024px) {
    .cbp-story-slider .hero-banner.an-story-hero .btn {
        padding: 10px 20px;
    }
}

.cbp-story-slider .wrapper {
    width: 100%;
    height: 100vh;
    z-index: 10000;
    overflow: hidden;
    perspective: 1000;
}

@media only screen and (max-width: 1024px) {
    .cbp-story-slider .wrapper {
        height: unset;
    }
}

.cbp-story-slider .wrapper .scrollmagic-pin-spacer {
    width: 100% !important;
}

.cbp-story-slider .slider-text {
    position: absolute;
    top: 0px;
    left: 0px;
    color: #fff;
    width: 50%;
    padding: 7% 5%;
}

.cbp-story-slider .slider-text a {
    color: #fff;
}

.cbp-story-slider .slider-text .btn {
    font-size: 20px;
}

@media only screen and (max-width: 1239px) {
    .cbp-story-slider .slider-text .btn {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1152px) {
    .cbp-story-slider .slider-text .btn {
        font-size: 15px;
    }
}

.cbp-story-slider .story-text {
    position: absolute;
    bottom: 0px;
    left: 0px;
    color: #fff;
    width: 50%;
    padding: 0% 5%;
}

.cbp-story-slider .story-text a {
    color: #fff;
}

.cbp-story-slider .story-text .btn {
    font-size: 20px;
}

@media only screen and (max-width: 1239px) {
    .cbp-story-slider .story-text .btn {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1152px) {
    .cbp-story-slider .story-text .btn {
        font-size: 15px;
    }
}

.cbp-story-slider .slider-title,
.cbp-story-slider .story-title {
    font-weight: 300;
    font-size: 42px;
    line-height: 1.12em;
}

@media only screen and (max-width: 1360px) {
    .cbp-story-slider .slider-title,
    .cbp-story-slider .story-title {
        font-size: 34px;
    }
}

@media only screen and (max-width: 1239px) {
    .cbp-story-slider .slider-title,
    .cbp-story-slider .story-title {
        font-size: 32px;
    }
}

@media only screen and (max-width: 1024px) {
    .cbp-story-slider .slider-title,
    .cbp-story-slider .story-title {
        font-size: 28px;
    }
}

@media only screen and (max-width: 767px) {
    .cbp-story-slider .slider-title,
    .cbp-story-slider .story-title {
        font-size: 26px;
    }
}

.cbp-story-slider .slider-subtitle,
.cbp-story-slider .story-subtitle {
    font-size: 20px;
    font-weight: 200;
    line-height: 1.2em;
    margin: 15px 0;
}

@media only screen and (max-width: 1360px) {
    .cbp-story-slider .slider-subtitle,
    .cbp-story-slider .story-subtitle {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1024px) {
    .cbp-story-slider .slider-subtitle,
    .cbp-story-slider .story-subtitle {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .cbp-story-slider .slider-subtitle,
    .cbp-story-slider .story-subtitle {
        font-size: 14px;
    }
}

.cbp-story-slider .section {
    position: relative;
    height: 100%;
    float: left;
    background-size: cover;
}

@media only screen and (max-width: 1024px) {
    .cbp-story-slider .section {
        float: unset;
    }
}

.cbp-story-slider .sections {
    height: 100vh;
}

@media only screen and (max-width: 1024px) {
    .cbp-story-slider .sections {
        height: unset;
    }
}

.cbp-story-slider .section.bg-left {
    background-position: center left;
}

.cbp-story-slider .story {
    height: 100%;
    background-size: cover;
    position: relative;
}

.cbp-story-slider .story.bg-left {
    background-position: center left;
}

.cbp-story-slider .slider-nav-container {
    position: absolute;
    bottom: 0px;
    height: 75px;
    width: 100%;
    background-color: #000;
}

@media only screen and (max-width: 1024px) {
    .cbp-story-slider .slider-nav-container {
        display: none;
    }
}

.cbp-story-slider .slider-nav-container .pagination-container {
    position: relative;
    height: 100%;
    width: 150px;
    left: 30px;
    float: left;
}

.cbp-story-slider .slider-nav-container .pagination-container .pagination-dot-container {
    display: inline-block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.cbp-story-slider .slider-nav-container .pagination-container .pagination-dot-container .dot {
    width: 10px;
    height: 10px;
    margin-left: 10px;
    background-color: #545868;
    display: inline-block;
    border-radius: 5px;
    transition: 0.25s all;
}

.cbp-story-slider .slider-nav-container .pagination-container .pagination-dot-container .dot.selected {
    background-color: #fff;
    width: 13px;
    height: 13px;
    border-radius: 9px;
}

.cbp-story-slider .slider-nav-container .btn-container {
    margin: 10px 30px 0 0;
    float: left;
}

.cbp-story-slider .slider-nav-container .btn {
    padding: 9px 20px 9px 30px;
}

.cbp-story-slider .slider-nav-container .btn:hover .down-arrow {
    fill: #284ed2;
}

.cbp-story-slider .slider-nav-container .down-arrow {
    width: 20px;
    height: 20px;
    fill: #fff;
    margin-left: 9px;
}

.cbp-story-slider .story-bar {
    background: #000;
    margin-top: 0;
}

#content .cbp-story-slider .story-bar .container {
    padding-top: 0px;
}

@media only screen and (max-width: 1024px) {
    .cbp-story-slider .story-bar {
        padding: 5px 0;
    }
}

.cbp-story-slider .story-bar .story-item {
    display: flex;
    position: relative;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    margin: 10px 0;
    max-height: 108px;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 1152px) {
    .cbp-story-slider .story-bar .story-item {
        height: 136px;
    }
}

@media only screen and (max-width: 1024px) {
    .cbp-story-slider .story-bar .story-item {
        margin: 5px 0;
    }
}

@media only screen and (max-width: 768px) {
    .cbp-story-slider .story-bar .story-item {
        height: 100%;
    }
}

.cbp-story-slider .story-bar .story-item .story-color {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.cbp-story-slider .story-bar .story-item.active .story-color,
.cbp-story-slider .story-bar .story-item:hover .story-color {
    opacity: 0.75;
}

.cbp-story-slider .story-bar .story-item .story-title {
    position: relative;
    padding: 40px 0;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
}

@media only screen and (max-width: 1239px) {
    .cbp-story-slider .story-bar .story-item .story-title {
        font-weight: 400;
        font-size: 22px;
        line-height: 1.3em;
        letter-spacing: 0.01em;
    }
}

@media only screen and (max-width: 1152px) {
    .cbp-story-slider .story-bar .story-item .story-title {
        position: absolute;
        left: 50%;
        top: 50%;
        padding: 0;
        transform: translate(-50%, -50%);
        width: 100%;
    }
}

@media only screen and (max-width: 1024px) {
    .cbp-story-slider .story-bar .story-item .story-title {
        padding: 30px 0;
        font-weight: 400;
        font-size: 18px;
        line-height: 1.4em;
        letter-spacing: 0.02em;
    }
}

@media only screen and (max-width: 768px) {
    .cbp-story-slider .story-bar .story-item .story-title {
        padding: 20px 0;
        position: static;
        top: 0;
        left: 0;
        transform: translate(0);
        font-weight: 400;
        font-size: 16px;
        line-height: 1.5em;
        letter-spacing: 0.03em;
    }
}

.cbp-story-slider .spacer {
    height: 25vh;
}

@media only screen and (max-width: 1024px) {
    .cbp-story-slider .spacer {
        height: auto;
    }
}

.cbp-story-slider .mid-spacer {
    height: 12vh;
}

@media only screen and (max-width: 1024px) {
    .cbp-story-slider .mid-spacer {
        height: auto;
    }
}

.cbp-story-slider .quarter-spacer {
    height: 6vh;
}

@media only screen and (max-width: 1024px) {
    .cbp-story-slider .quarter-spacer {
        height: auto;
    }
}

.cbp-story-slider .panel {
    height: 100%;
    width: 100%;
}

.cbp-story-slider .panel.green {
    margin-bottom: 400px;
}

.cbp-story-slider .pinned-slides {
    position: relative;
    background: #000;
}

.cbp-story-slider .slide-wrapper {
    position: relative;
}

.cbp-story-slider .slide-bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 55%;
    height: 115vh;
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}

@media only screen and (max-width: 1024px) {
    .cbp-story-slider .slide-bg {
        display: none !important;
    }
}

.cbp-story-slider .slide-bg.inactive {
    display: none;
}

.cbp-story-slider .slide-bg.fixed {
    position: fixed;
}

.cbp-story-slider .slide-bg.ended {
    position: absolute;
    top: auto;
    bottom: 0;
}

.cbp-story-slider .slide-bg.absolute {
    position: absolute;
}

.cbp-story-slider .slide-bg.bg-position-center {
    background-position: center;
}

.cbp-story-slider .pinned-slide {
    color: #fff;
    position: relative;
    height: 115vh;
    z-index: 100;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: right;
    background-image: none;
}

.cbp-story-slider .pinned-slide .slider-title {
    color: #fff;
}

@media only screen and (max-width: 1024px) {
    .cbp-story-slider .pinned-slide {
        height: auto;
        background-attachment: initial;
        padding: 5% 0;
    }
}

@media only screen and (max-width: 1024px) {
    .cbp-story-slider .pinned-slide {
        padding: 7% 0;
        background-position: right;
        border-bottom: 1px solid #fff;
    }
}

.cbp-story-slider .pinned-slide .pin-content-bg {
    background-color: #1c1e2a;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 45%;
    z-index: 1;
}

@media only screen and (max-width: 1024px) {
    .cbp-story-slider .pinned-slide .pin-content-bg {
        width: 100%;
        opacity: 0.6;
    }
}

.cbp-story-slider .pinned-slide .pin-content {
    width: 45%;
    padding: 0 40px;
    position: relative;
    z-index: 10;
}

@media only screen and (max-width: 1024px) {
    .cbp-story-slider .pinned-slide .pin-content {
        width: 80%;
    }
}

@media only screen and (max-width: 767px) {
    .cbp-story-slider .pinned-slide .pin-content {
        width: 100%;
        padding: 0 5%;
    }
}

.cbp-story-slider .pinned-slide .pin-content:last-child {
    bottom: 5%;
}

@media only screen and (max-width: 500px) {
    .cbp-story-slider .pinned-slide .pin-content .btn-container {
        margin-top: 20px;
    }
}

.cbp-story-slider .pinned-slide .pin-title {
    margin: 0;
}


/* Product Features */


.features {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.features .comp-title {
  color: #FFFFFF;
  text-transform: none;
}

.features .description.comp-title.small {
  font-size: 24px;
}

.features .description.comp-title.small.dark {
  color: #555;
}

.features .btn {
  margin-top: 15px;
}

.features .description {
    margin: 20px 0;
}

.features .details > .description {
    margin: 20px 0 50px;
}

.features .row + .description {
    margin: 50px 0 0;
}

.features.dark-text {
    color: #555;
}

.details {
  background: #FFFFFF;
  padding: 50px 30px;
}

.details:last-child {
    margin-bottom: 120px;
}

@media only screen and (max-width: 767px) {
  .details {
    padding: 30px 20px;
  }
  .details .column + .column {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 767px) {
  .features .details .row {
    display: flex;
  }
  .details .row > .column {
    display: flex;
    flex-direction: column;
    flex: 1;
  }
  .details .row > .column .button {
    align-self: flex-start;
  }
  .details .row > .column .feature-title:empty {
    margin: 0 !important;
  }
}

.details .row {
  margin: 0 -30px;
}

.details .row > .column {
  padding: 0 30px;
}

.details .row + .row {
  margin-top: 50px;
}

@media only screen and (max-width: 767px) {
  .details .row + .row {
    margin-top: 30px;
  }
}

.details p {
  margin: 0;
}

.details .comp-title {
  color: #1C1E2A;
  max-width: 800px;
  width: 90%;
  margin: 0 auto 50px;
  text-transform: none;
}

.features-image {
  width: 62px;
  height: 62px;
  line-height: 62px;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 25px;
  border-radius: 3px;
}

@media only screen and (max-width: 767px) {
  .features-image {
    margin-bottom: 20px;
  }
}

.center-align .features-image {
  margin-left: auto;
  margin-right: auto;
}

.feature-title {
  margin: 0 0 10px;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.35em;
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 1239px) {
  .feature-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: 0.02em;
  }
}

@media only screen and (max-width: 767px) {
  .feature-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}


/*
    JS Animation 
*/

.animate-in {
  -webkit-animation: animate-in .7s;
  -moz-animation: animate-in .7s;
  -o-animation: animate-in .7s;
  animation: animate-in .7s;
  animation-fill-mode: both;
}

@-webkit-keyframes animate-in {
  0% {
    -moz-transform: translate(0, 30px);
    -o-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    opacity: 0;
  }
  100% {
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-moz-keyframes animate-in {
  0% {
    -moz-transform: translate(0, 30px);
    -o-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    opacity: 0;
  }
  100% {
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-o-keyframes animate-in {
  0% {
    -moz-transform: translate(0, 30px);
    -o-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    opacity: 0;
  }
  100% {
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes animate-in {
  0% {
    -moz-transform: translate(0, 30px);
    -o-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    opacity: 0;
  }
  100% {
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}


/**
    Footer
*/

#site-footer.bp-site-footer .company-nav {
    padding-right: 0;
}

#site-footer {
    background: #282A36;
    color: #FFFFFF;
    padding: 100px 30px 50px;
}

@media only screen and (max-width: 1024px) {
    #site-footer {
        padding: 50px 20px;
    }
}

@media only screen and (max-width: 767px) {
    #site-footer {
        padding: 25px 5px;
    }
}

@media only screen and (max-width: 767px) {
    #site-footer .container {
        width: 100% !important;
    }
}

.bp-site-footer .container {
    padding: 0 30px;
    width: 100% !important;
    max-width: 1346px;
}

@media only screen and (max-width: 767px) {
    .bp-site-footer .container {
        padding: 0 15px;
    }
}

.bp-site-footer .row {
    margin: 0 -8px;
}

#site-footer .footer-promo {
    width: 810px;
    margin: 0 auto;
    color: #ffffff;
    padding-bottom: 30px;
    font-size: 18px;
}

@media only screen and (max-width: 1024px) {
    #site-footer .footer-promo {
        width: 100%;
        font-size: 16px;
    }
}

#site-footer .footer-promo a {
    color: #ffffff;
    font-size: 18px;
}

@media only screen and (max-width: 1024px) {
    #site-footer .footer-promo a {
        font-size: 16px;
    }
}

#site-footer .footer-promo img {
    padding-right: 30px;
    float: left;
}

#site-footer .footer-promo span {
    display: block;
    padding-top: 5%;
}

#site-footer .bordered {
    border-bottom: 1px solid #1C1E2A;
    padding: 0 0 10px;
}

@media only screen and (max-width: 1239px) {
    #site-footer .bordered {
        padding: 0 0 30px;
    }
}

@media only screen and (max-width: 767px) {
    #site-footer .bordered {
        padding: 0 0 30px;
    }
}

.bp-site-footer .row > .column {
    padding: 0 8px;
    float: left;
}

#site-footer .utility-legal {
    padding: 30px 0 0;
}

@media only screen and (max-width: 767px) {
    #site-footer .utility-legal {
        padding: 30px 15px 0;
    }
}

#site-footer nav a {
    display: inline-block;
    color: #FFFFFF;
    text-decoration: none;
}

#site-footer.bp-site-footer .company-nav {

}

#site-footer .company-nav a {
    width: 20%;
    margin: 0 -2px;
    padding: 12px 0;
    font-weight: 300;
    font-size: 22px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
}

@media only screen and (max-width: 1599px) {
    #site-footer .company-nav a {
        font-weight: 300;
        font-size: 18px;
        line-height: 1.4em;
        letter-spacing: 0.06em;
        padding-right: 15px;
    }
}

@media only screen and (max-width: 767px) {
    #site-footer .company-nav a {
        width: 100%;
        padding: 6px 0;
        font-weight: 300;
        font-size: 16px;
        line-height: 1.5em;
        letter-spacing: 0.03em;
    }
}

#site-footer .utility a {
    padding: 0 5px 0 0;
    font-weight: 100;
    font-size: 14px;
    line-height: 1.5em;
    letter-spacing: 0.07em;
    font-family: "aktiv-grotesk", "Helvetica", "arial", sans-serif;
}

@media only screen and (max-width: 767px) {
    #site-footer .utility a {
        width: 50%;
        margin: 0 -2px;
        text-align: center;
        font-weight: 400;
        font-size: 12px;
        line-height: 1.5em;
        letter-spacing: 0.03em;
    }
}

#site-footer .utility a:after {
    content: "|";
    display: inline-block;
    padding: 0 0 0 8px;
}

@media only screen and (max-width: 767px) {
    #site-footer .utility a:after {
        float: right;
    }
}

@media only screen and (max-width: 767px) {
    #site-footer .utility a:nth-child(2n+2):after {
        display: none;
    }
}

#site-footer .utility a:last-child:after {
    display: none;
}

@media only screen and (max-width: 1239px) {
    #site-footer .utility {
        float: none;
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    #site-footer .utility {
        margin: 0 0 15px;
    }
}

#site-footer .legal-info {
    text-align: right;
}

@media only screen and (max-width: 1239px) {
    #site-footer .legal-info {
        text-align: left;
        width: auto;
        line-height: 2em;
    }
}

@media only screen and (max-width: 767px) {
    #site-footer .legal-info {
        line-height: normal;
    }
}

#site-footer .legal {
    display: inline-block;
    font-style: normal;
    margin: 0;
    color: #545868;
    font-size: 14px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
}

#site-footer .legal a {
    color: #545868;
    padding: 0 5px 0 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
}

@media only screen and (max-width: 1024px) {
    #site-footer .legal a {
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    #site-footer .legal a {
        font-weight: 400;
        font-size: 12px;
        line-height: 1.5em;
        letter-spacing: 0.03em;
    }
}

#site-footer .legal a:after {
    content: "|";
    display: inline-block;
    padding: 0 0 0 8px;
}

@media only screen and (max-width: 1024px) {
    #site-footer .legal a:after {
        padding: 0 0 0 4px;
    }
}

@media only screen and (max-width: 767px) {
    #site-footer .legal a:last-child:after {
        display: none;
    }
}

#site-footer .copyright {
    display: inline-block;
    color: #545868;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
}

@media only screen and (max-width: 767px) {
    #site-footer .copyright {
        font-weight: 400;
        font-size: 12px;
        line-height: 1.5em;
        letter-spacing: 0.03em;
    }
}

#site-footer .social {
    margin: 0;
    padding-right: 0;
    list-style: none;
}

@media only screen and (max-width: 1024px) {
    #site-footer .social {
        padding-top: 18px;
    }
}

#site-footer .social li {
    display: inline-block;
    margin: 0 -2px;
    width: 20%;
}

@media only screen and (max-width: 1024px) {
    #site-footer .social li {
        width: auto;
        padding: 0 20px 0 0;
    }
}

#site-footer .social a {
    display: block;
    padding: 10px 11px;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    margin: 0 auto;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

#site-footer .social a:hover {
    background: #FFFFFF;
}

#site-footer .social a:hover svg {
    fill: #282A36;
}

#site-footer .social svg {
    fill: #FFFFFF;
    width: 20px;
    height: 20px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    border: 0 none;
    margin: 0 0 7px;
}

.jssocials-shares .fa-twitter:before {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSJ3aGl0ZSIgZD0iTTM4OS4yIDQ4aDcwLjZMMzA1LjYgMjI0LjIgNDg3IDQ2NEgzNDVMMjMzLjcgMzE4LjYgMTA2LjUgNDY0SDM1LjhMMjAwLjcgMjc1LjUgMjYuOCA0OEgxNzIuNEwyNzIuOSAxODAuOSAzODkuMiA0OHpNMzY0LjQgNDIxLjhoMzkuMUwxNTEuMSA4OGgtNDJMMzY0LjQgNDIxLjh6Ii8+PC9zdmc+);
    background-size: cover;
    display: block;
}


.back-to-top-btn {
    display: none !important;
    opacity: 0 !important;
}



.grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 4px !important;
}

.grecaptcha-badge:hover {
  width: 256px !important;
}

.mktoForm .mktoCaptchaDisclaimer {
    margin-bottom: 20px;
    margin-top: 20px;
}

.master-form-wrapper span.IN-widget {
    margin-bottom: 15px;
}

.button.button-full.footer-stick {
    display: block !important;
    white-space: normal;
    margin: 0;
    height: auto;
    line-height: 1.6;
    padding: 30px 0;
    font-size: 30px;
    font-weight: 300;
    text-transform: none;
    border-radius: 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    color: #fff;
    -webkit-font-smoothing: auto;
    letter-spacing: 1px;
    border: 0;
    background-color: #1486c7;
}
/* Buttons */
.btn.prm-blue {
    background-color: #1486c7;
}

.btn.prm-blue:hover {
    background-color: #0072ad;
}

.btn.sec-blue {
    color: #1486c7;
    border: 1px solid #1486c7;
}

.btn.sec-blue:hover {
    background-color: #1486c7;
}

.btn.prm-white {
    color: #1486c7;
}

.btn.sec-white:hover {
    color: #1486c7;
}

/* CBP Top Nav */
.menu-flex {
    display: flex !important;
}

#bp-main-nav-container {
    display: flex;
}

#bp-main-nav-container #site-search {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

@media only screen and (max-width: 1239px) {
    #bp-main-nav-container #site-search {
        background-color: #374450;
    }
}

#bp-main-nav-container #search-input:before {
    background: #1486c7;
}

.mobile-search svg {
    margin: 50% 22px;
}

@media only screen and (max-width: 767px) {
    .mobile-search svg {
        margin: 20px 0 0;
    }
}

#bp-main-nav {
    padding: 0 30px 0 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 685px;
    position: relative;
}

#bp-main-nav li {
    margin: 0;
    list-style: none;
}

#bp-main-nav .main-top-item {
    display: flex;
    position: relative;
}

#bp-main-nav .main-top-item .current:after {
    background: #0085CA;
    height: 4px;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

#bp-main-nav .main-top-item .main-top-link {
    font-weight: 300;
}

#bp-main-nav .main-top-item a:not(.nav-section-title) {
    line-height: 84px;
}

#bp-main-nav .main-top-item a,
#bp-main-nav .main-top-item span {
    font-size: 18px;
    line-height: 1.4em;
    color: #343642;
}

#bp-main-nav .main-top-item .nav-dropdown-wrapper {
    background-color: #ffffff;
    border: 2px solid #EEEEEF;
    position: absolute;
    left: -25px;
    top: 84px;
    padding: 0;
    display: none;
}

#bp-main-nav .main-top-item .nav-dropdown-wrapper .nav-dropdown-title {
    position: absolute;
    left: 25px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1em;
    top: 37px;
}

#bp-main-nav .main-top-item .nav-dropdown-wrapper .nav-dropdown-title:hover {
    color: #0085CA;
}

#bp-main-nav .main-top-item .nav-dropdown-wrapper.products {
    width: 685px;
}

#bp-main-nav .main-top-item .nav-dropdown-wrapper.products .nav-dropdown-section {
    padding-top: 30px;
}

#bp-main-nav .main-top-item .nav-dropdown-wrapper.products .nav-dropdown-section:first-child {
    border-right: 2px solid #EEEEEF;
}

#bp-main-nav .main-top-item .nav-dropdown-wrapper.products .nav-dropdown-section:last-child {
    padding-left: 50px;
}

#bp-main-nav .main-top-item .nav-dropdown-wrapper.solutions {
    width: 360px;
}

#bp-main-nav .main-top-item .nav-dropdown-wrapper.solutions.two-col {
    width: 640px;
}

#bp-main-nav .main-top-item .nav-dropdown-wrapper.solutions .nav-dropdown-section:first-child {
    padding: 30px 0 10px 25px;
}

#bp-main-nav .main-top-item .nav-dropdown-wrapper.services-support {
    width: 300px;
}

#bp-main-nav .main-top-item .nav-dropdown-wrapper.insights {
    left: inherit;
    right: -25px;
    width: 680px;
}

#bp-main-nav .main-top-item .nav-dropdown-wrapper.insights ul.nav-dropdown-section {
    border-right: 2px solid #EEEEEF;
}

#bp-main-nav .main-top-item .nav-dropdown-wrapper.insights a.nav-dropdown-section {
    line-height: 1em;
    padding: 0;
    margin: 35px 90px 10px 50px;
    max-width: 242px;
}

#bp-main-nav .main-top-item .nav-dropdown-wrapper.insights a.nav-dropdown-section:hover,
#bp-main-nav .main-top-item .nav-dropdown-wrapper.insights a.nav-dropdown-section:hover .feat-art-title,
#bp-main-nav .main-top-item .nav-dropdown-wrapper.insights a.nav-dropdown-section:hover .nav-section-title {
    color: #0085CA;
}

#bp-main-nav .main-top-item .nav-dropdown-wrapper.insights .nav-section-title {
    height: auto;
    display: block;
}

#bp-main-nav .main-top-item .nav-dropdown-wrapper.insights .feat-art-image {
    display: block;
    margin-top: 20px;
    width: 100%;
    height: auto;
}

#bp-main-nav .main-top-item .nav-dropdown-wrapper.insights .feat-art-title {
    line-height: 1.4em;
    font-size: 18px;
    font-weight: 500;
    margin: 20px 0;
}

#bp-main-nav .main-top-item .nav-dropdown-wrapper.about {
    width: 250px;
    left: inherit;
    right: -25px;
}

#bp-main-nav .main-top-item .nav-dropdown-section {
    margin: 0;
    padding: 30px 20px 10px 25px;
}

.nav-width-3 {
    width: 30%;
}

.nav-width-4 {
    width: 40%;
}

.nav-width-5 {
    width: 50%;
}

.nav-width-6 {
    width: 60%;
}

.nav-width-7 {
    width: 70%;
}

#bp-main-nav .main-top-item .nav-dropdown-section li {
    margin: 0 0 20px;
}

#bp-main-nav .main-top-item .nav-dropdown-section .nav-section-title,
#bp-main-nav .main-top-item .nav-dropdown-section .nav-section-link {
    line-height: 1em;
}

#bp-main-nav .main-top-item .nav-dropdown-section .nav-section-title:hover,
#bp-main-nav .main-top-item .nav-dropdown-section .nav-section-link:hover {
    color: #0085CA;
}

.nav-section-title {
    font-weight: 800;
    text-transform: none;
    font-size: 18px;
}

.nav-section-link {
    font-weight: 300;
}

/* CBP Article links and promos */
p a {
    color: #1486c7;
}

.article-content .promo {
    background-color: #1486c7;
}

.article-content .promo:hover {
    background-color: #0072ad;
}

.article-content .resource-type {
    color: #1486c7;
}

.article-content .resource.active {
    background: rgba(20, 134, 199, 0.25);
}

.article-content .article-body a[href^="#incontent"],
.article-content .article-body a[href^="#pull-quote"],
.article-content .article-body a[href^="#promo"] {
    background: rgba(20, 134, 199, 0.15);
}

.article-content .article-body a[href^="#incontent"].active,
.article-content .article-body a[href^="#pull-quote"].active,
.article-content .article-body a[href^="#promo"].active {
    background: rgba(20, 134, 199, 0.25);
}

.article-content .article-body blockquote {
    border-top: 1px solid #1ba9cc;
    border-bottom: 1px solid #1ba9cc;
}

blockquote img {
    border-radius: 110px;
}

.insight-sum .category,
.article-pagination a:not(.btn).bg-image {
    color: #1486c7;
}

.insight-sum .category .cat-icon {
    fill: #1486c7;
}

/* BP Mobile Nav */
#bp-main-nav-container #short-stack-container.active,
#mobile-nav-container.bp-gray,
#mobile-nav-container.bp-gray .mobile-nav-block {
    background-color: #374450;
}

/* CBP Footer */
#site-footer.bp-site-footer {
    background-color: #374450;
}

#site-footer.bp-site-footer .legal a,
#site-footer.bp-site-footer .copyright {
    color: #cccccc;
}
/*
#site-footer.bp-site-footer .footer-promo {
    margin: 0;
}
*/

#site-footer.bp-site-footer .company-nav {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

@media only screen and (max-width: 1024px) {
    #site-footer.bp-site-footer .company-nav {
        display: block;
        width: 80%;
    }
}

@media only screen and (max-width: 767px) {
    #site-footer.bp-site-footer .company-nav {
        display: flex;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 500px) {
    #site-footer.bp-site-footer .company-nav {
        flex-direction: column;
    }

}

#site-footer.bp-site-footer .company-nav a {
    width: auto;
}

@media only screen and (max-width: 1024px) {
    #site-footer.bp-site-footer .company-nav a {
        margin-right: 4%;
        padding: 5px 0;
    }

    #site-footer.bp-site-footer .social {
        width: 20%;
        padding-top: 0;
    }
}

@media only screen and (max-width: 767px) {
    #site-footer.bp-site-footer .company-nav {
        width: 100%;
    }

    #site-footer.bp-site-footer .social {
        width: 100%;
        padding-top: 18px;
        text-align: left;
    }
}

#site-footer.bp-site-footer .legal-info {
    width: 100%;
    max-width: none;
    text-align: left;
}

/* BP Mobile Nav */

#bp-main-nav-container #short-stack-container.active,
#mobile-nav-container.bp-gray,
#mobile-nav-container.bp-gray .mobile-nav-block {
    background-color: #374450;
}

/* Search results page */
.cbp-blue-wave {
    background: transparent url(/_new/_designs/css/min-files/blue-planet-styles.min.css/prx-cbp-styles.css/cbp-banner-blue-wave.jpeg) no-repeat 0 0;
    background-size: cover;
    background-position: right;
}

.search-promo .search-promo-title a,
.result-item .result-title a,
.results-box-left .refine-results .show-more {
    color: #337ab7;
}

.search-promo .search-promo-content {
    background-color: #f1f2f2;
}

.search-promo {
    border: 1px solid #ccc;
}

.selectors-top select {
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: #333;
}

.tabs-top li a {
    background-color: #1486c7;
}

.tabs-top li a.current-state {
    border: 1px solid #ccc;
}

@media only screen and (max-width: 767px) {
    .tabs-top li a.current-state {
        background-color: #EEEEEF;
        color: #555;
    }
}

.result-item {
    border-bottom: 1px solid #cccccc;
}

.tabs-top-label-wrapper {
    background-color: #0841a2;
}

.result-item .result-title {
    line-height: 20px;
}

@media only screen and (max-width: 767px) {
    .result-item .result-title {
        line-height: 18px;
    }
}
/* ----------------------------------------------------------------
    Dark Scheme
-----------------------------------------------------------------*/


.dark,
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6 { color: #EEE; }

.dark a:hover { color: #EEE; }

body.dark,
.dark #wrapper,
.dark #content,
.dark .shop-quick-view-ajax,
.dark .portfolio-ajax-modal,
.dark .modal-content,
.dark .css3-spinner,
body.dark #side-panel,
body #side-panel.dark { background-color: #383838; }

.dark .css3-spinner > div,
.dark .css3-spinner-grid-pulse > div,
.dark .css3-spinner-ball-rotate > div,
.dark .css3-spinner-zig-zag > div,
.dark .css3-spinner-ball-scale-multiple > div,
.dark .css3-spinner-triangle-path > div,
.dark .css3-spinner-ball-pulse-sync > div { background-color: rgba(255,255,255,0.35); }


.dark .css3-spinner-clip-rotate > div,
.dark .css3-spinner-scale-ripple > div { border-color: rgba(255,255,255,0.35); }

.dark .line,
.dark .double-line { border-top-color: rgba(255,255,255,0.1); }

.dark .section,
.section.dark {
    background-color: #282828;
    border-color: rgba(255,255,255,0.1);
}

.dark #top-bar,
#top-bar.dark {
    border-bottom-color: rgba(255,255,255,0.1);
    background-color: #282828;
}

.dark .top-links ul li { border-left-color: rgba(255,255,255,0.1); }

.dark .top-links li > a { color: #AAA; }

.dark .top-links li:hover {
    background-color: #333;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.dark .top-links ul ul,
.dark .top-links ul div.top-link-section {
    background: #333;
    border-bottom: none;
}

.dark .top-links ul ul li {
    border-top: 1px solid #444;
    border-left: 1px solid #444;
}

.dark .top-links ul ul li:hover { background-color: #383838; }

.dark .top-links ul ul li:first-child { border-left: 1px solid #444; }

.dark #top-social li { border-left: 1px solid rgba(255,255,255,0.1); }

.dark #top-social li a { color: #BBB; }

.dark #header:not(.transparent-header),
#header.dark:not(.transparent-header) {
    background-color: #333;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.dark #header.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark),
.dark #header.sticky-header.transparent-header #header-wrap:not(.not-dark),
.dark #header.transparent-header.floating-header .container,
.dark #header.transparent-header.floating-header.sticky-header .container,
#header.dark.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark),
#header.dark.sticky-header.transparent-header #header-wrap:not(.not-dark),
#header.dark.transparent-header.floating-header .container,
#header.dark.transparent-header.floating-header.sticky-header .container,
.dark .responsive-sticky-header #header-wrap,
.responsive-sticky-header.dark #header-wrap { background-color: #333; }

.dark #header.full-header #header-wrap:not(.not-dark),
#header.full-header.dark #header-wrap:not(.not-dark) { border-bottom-color: rgba(255,255,255,0.15); }

.dark #slider + #header.full-header #header-wrap:not(.not-dark),
#slider + #header.full-header.dark #header-wrap:not(.not-dark) { border-top-color: rgba(255,255,255,0.15); }

.dark #header.transparent-header.full-header:not(.sticky-header) #header-wrap:not(.not-dark),
#header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) { border-bottom-color: rgba(255,255,255,0.2); }

.dark #slider + #header.transparent-header.full-header:not(.sticky-header) #header-wrap:not(.not-dark),
#slider + #header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) { border-top-color: rgba(255,255,255,0.2); }

.dark #header.semi-transparent,
.dark #header.semi-transparent.floating-header .container,
#header.dark.semi-transparent,
#header.dark.semi-transparent.floating-header .container { background-color: rgba(0,0,0,0.6); }

.dark #header.sticky-header.semi-transparent,
.dark #header.semi-transparent.floating-header,
.dark #header.semi-transparent.floating-header.sticky-header .container,
#header.dark.sticky-header.semi-transparent,
#header.dark.semi-transparent.floating-header,
#header.dark.semi-transparent.floating-header.sticky-header .container { background-color: transparent; }

.dark #header.semi-transparent.sticky-header #header-wrap,
#header.dark.semi-transparent.sticky-header #header-wrap { background-color: rgba(0,0,0,0.6); }

.dark #logo a { color: #CCC; }

.dark #header.full-header #header-wrap:not(.not-dark) #logo,
#header.full-header.dark #header-wrap:not(.not-dark) #logo { border-right-color: rgba(255,255,255,0.15); }

.dark #header.transparent-header.full-header:not(.sticky-header) #header-wrap:not(.not-dark) #logo,
#header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) #logo { border-right-color: rgba(255,255,255,0.2); }


.dark #header-wrap:not(.not-dark) #primary-menu > ul > li > a,
.dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li > a,
.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li > a,
.overlay-menu #primary-menu.dark > ul > li > a,
.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > #overlay-menu-close,
.overlay-menu #primary-menu.dark > #overlay-menu-close,
.dark #header-wrap:not(.not-dark) #top-search a,
.dark #header-wrap:not(.not-dark) #top-cart a,
.dark #header-wrap:not(.not-dark) #side-panel-trigger a,
.dark #top-cart .top-cart-item-desc a,
body.top-search-open .dark #header-wrap:not(.not-dark) #top-search a,
.dark #header-wrap:not(.not-dark) #top-search a:hover,
.dark #header-wrap:not(.not-dark) #top-cart a:hover,
.dark #header-wrap:not(.not-dark) #side-panel-trigger a:hover,
.dark #header-wrap:not(.not-dark) #top-search form input {
    color: #EEE;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.dark #header.full-header #header-wrap:not(.not-dark) #primary-menu > ul,
#header.full-header.dark #header-wrap:not(.not-dark) #primary-menu > ul { border-right-color: rgba(255,255,255,0.15); }

.dark #header.transparent-header.full-header:not(.sticky-header) #header-wrap:not(.not-dark) #primary-menu > ul,
#header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) #primary-menu > ul { border-right-color: rgba(255,255,255,0.2); }

.dark #header.transparent-header:not(.sticky-header) #header-wrap:not(.not-dark) form input,
#header.dark.transparent-header:not(.sticky-header) #header-wrap:not(.not-dark) form input { border-bottom-color: rgba(255,255,255,0.15) !important; }

.dark #header-wrap:not(.not-dark) #top-search form input::-moz-placeholder { color: rgba(255,255,255,0.6); }
.dark #header-wrap:not(.not-dark) #top-search form input:-ms-input-placeholder { color: rgba(255,255,255,0.6); }
.dark #header-wrap:not(.not-dark) #top-search form input::-webkit-input-placeholder { color: rgba(255,255,255,0.6); }

.dark #header-wrap:not(.not-dark) #primary-menu > ul > li:hover a,
.dark #header-wrap:not(.not-dark) #primary-menu > ul > li.current a,
.dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li:hover a,
.dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li.current a { color: #EEE; }

.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li:hover > a,
.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li.current > a,
.overlay-menu #primary-menu.dark > ul > li:hover > a,
.overlay-menu #primary-menu.dark > ul > li.current > a { color: #337ab7 !important; }

.dark #primary-menu:not(.not-dark) ul ul,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content,
#primary-menu.dark ul ul,
#primary-menu.dark ul li .mega-menu-content {
    background-color: #fff;
    border: none;
    border-top: 2px solid #054FE2;
}

.dark.overlay-menu #primary-menu:not(.not-dark) ul,
.dark.overlay-menu #primary-menu:not(.not-dark) ul,
.overlay-menu #primary-menu.dark ul,
.overlay-menu #primary-menu.dark ul { background-color: rgba(0,0,0,0.9); }

.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2,
#primary-menu.dark ul li .mega-menu-content.style-2 {
    border-color: transparent;
    border-top-color: #337ab7;
}

.dark #primary-menu:not(.not-dark) ul ul li,
#primary-menu.dark ul ul li { border-top-color: #3F3F3F; }

.dark #primary-menu:not(.not-dark) ul ul li:first-child,
#primary-menu.dark ul ul li:first-child { border-top: 0; }

.dark #primary-menu:not(.not-dark) ul ul a,
#primary-menu.dark ul ul a {
    color: #364450 !important;
}

.dark #primary-menu:not(.not-dark) ul ul li:hover > a,
#primary-menu.dark ul ul li:hover > a {
    background-color: rgba(0,128,184,0.1);
    color: #364450 !important;
}

.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.col-2 > ul,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.col-3 > ul,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.col-4 > ul,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.col-5 > ul,
#primary-menu.dark ul li .mega-menu-content.col-2 > ul,
#primary-menu.dark ul li .mega-menu-content.col-3 > ul,
#primary-menu.dark ul li .mega-menu-content.col-4 > ul,
#primary-menu.dark ul li .mega-menu-content.col-5 > ul { border-left-color: #3F3F3F; }

.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2 > ul > li.mega-menu-title:hover > a,
#primary-menu.dark ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a,
#primary-menu.dark ul li .mega-menu-content.style-2 > ul > li.mega-menu-title:hover > a {
    color: #BBB !important;
    background: transparent;
}

.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a:hover,
#primary-menu.dark ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a:hover { color: #DDD !important; }


.dark #primary-menu.style-2:not(.not-dark) { border-top-color: rgba(255,255,255,0.1); }

.dark #primary-menu.style-3:not(.not-dark) > ul > li:hover > a,
#primary-menu.dark.style-3 > ul > li:hover > a {
    color: #EEE;
    background-color: rgba(255,255,255,0.05);
}

.dark #primary-menu.style-3:not(.not-dark) > ul > li.current > a,
#primary-menu.dark.style-3 > ul > li.current > a { color: #EEE; }

.dark #primary-menu.style-5:not(.not-dark) > ul,
#primary-menu.dark.style-5 > ul { border-right-color: rgba(255,255,255,0.1); }

.dark #primary-menu.sub-title:not(.not-dark) ul li span,
#primary-menu.dark.sub-title ul li span { color: #999; }

.dark #primary-menu.sub-title:not(.not-dark) > ul > li:hover span,
.dark #primary-menu.sub-title:not(.not-dark) > ul > li.current span,
.dark #primary-menu.sub-title.style-2:not(.not-dark) > div > ul > li:hover span,
.dark #primary-menu.sub-title.style-2:not(.not-dark) > div > ul > li.current span,
#primary-menu.dark.sub-title > ul > li:hover span,
#primary-menu.dark.sub-title > ul > li.current span,
#primary-menu.dark.sub-title.style-2 > div > ul > li:hover span,
#primary-menu.dark.sub-title.style-2 > div > ul > li.current span { color: #EEE; }


.dark #top-cart .top-cart-content {
    background-color: #333;
    border-color: #3F3F3F;
    border-top-color: #337ab7;
}

.dark .top-cart-title { border-bottom-color: #3F3F3F; }

.dark .top-cart-item { border-top-color: #3F3F3F; }

.dark .top-cart-item-image { border-color: #444; }

.dark .top-cart-item-image:hover { border-color: #337ab7; }

.dark .top-cart-item-desc a:hover { color: #337ab7 !important; }

.dark .top-cart-item-desc span.top-cart-item-price { color: #AAA; }

.dark .top-cart-item-desc span.top-cart-item-quantity { color: #888; }

.dark .top-cart-action { border-top-color: #3F3F3F; }

.dark .one-page-arrow,
.one-page-arrow.dark { color: #FFF; }


.dark.side-header #header {
    background-color: #333;
    border-right-color: #3F3F3F;
}

.dark.side-header #logo:not(.nobottomborder):after,
.dark.side-header #primary-menu:not(.nobottomborder):after { border-bottom-color: #3F3F3F; }

.dark.side-header #primary-menu:not(.not-dark) > ul > li > a,
.dark.side-header #primary-menu ul ul li:hover > a { color: #DDD !important; }

.dark.side-header.open-header #header-trigger {
    background-color: rgba(0,0,0,0.3);
    color: #EEE;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.dark.side-header.side-header-right #header { border-left-color: #3F3F3F; }

.dark.side-header #primary-menu ul ul a { color: #AAA !important; }

.dark .slider-caption,
.dark .slider-caption h2 {
    color: #EEE;
}

.not-dark .slider-caption,
.not-dark .slider-caption h2 {
    color: #222;
    text-shadow: none;
}

.dark .ei-title h2,
.dark .ei-title h3,
.dark .ei-title h2 span,
.dark .ei-title h3 span {
    color: #EEE !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
}

.not-dark .ei-title h2,
.not-dark .ei-title h3,
.not-dark .ei-title h2 span,
.not-dark .ei-title h3 span {
    color: #222 !important;
    text-shadow: none;
}

.dark #page-title {
    background-color: #282828;
    border-bottom-color: #3F3F3F;
}

.dark #page-title h1 { color: rgba(255,255,255,0.9) !important; }

.dark #page-title span { color: rgba(255,255,255,0.7); }

.dark .breadcrumb a { color: #BBB; }

.dark .breadcrumb a:hover { color: #EEE; }

#page-title.dark h1 {
    color: #444;
}
#page-title.dark span {
    color: #444;
}
#page-title.dark .breadcrumb a {
    color: #444;
}
#page-title.dark .breadcrumb a:hover {
    color: #BBB;
}
#page-title.dark .breadcrumb > li + li:before {
    color: #A3A3A3;
}
#page-title.dark .breadcrumb-container .breadcrumb > .active {
    color: #444;
    opacity: .85;
}

.dark #portfolio-filter { border-color: rgba(255,255,255,0.08); }

.dark #portfolio-filter li a {
    color: #999;
    border-left-color: rgba(255,255,255,0.08);
}

.dark #portfolio-filter li a:hover { color: #EEE; }

.dark #portfolio-shuffle {
    color: #999;
    border-color: rgba(255,255,255,0.08);
}

.dark #portfolio-filter li.activeFilter a,
.dark #portfolio-shuffle:hover { color: #FFF; }

.dark .portfolio-desc h3 a { color: #EEE; }

.dark .portfolio-desc h3 a:hover { color: #BBB; }

.dark .portfolio-desc span { color: #888; }

.dark .portfolio-desc span a { color: #888; }

.dark .portfolio-desc span a:hover { color: #CCC; }

.dark .portfolio-notitle .portfolio-desc {
    background-color: #333;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.dark .portfolio-1 .portfolio-item { border-bottom-color: rgba(255,255,255,0.08); }

.dark .portfolio-1.portfolio-fullwidth .portfolio-desc { background-color: #333; }

.dark .portfolio-overlay a {
    background-color: rgba(0,0,0,0.5);
    color: #FFF;
}

.dark .portfolio-overlay a:hover { background-color: rgba(0,0,0,0.7); }

.dark .ajax-modal-title {
    background-color: #333;
    border-bottom-color: rgba(255,255,255,0.08);
}

.dark .portfolio-meta li { color: #999; }

.dark .portfolio-meta li span { color: #BBB; }

.dark .well .line { border-color: rgba(255,255,255,0.08); }

.dark #portfolio-navigation a { color: #BBB; }

.dark #portfolio-navigation a:hover { color: #EEE; }

.dark .entry { border-bottom-color: rgba(255,255,255,0.08); }

.dark .entry-title h2 a,
.dark .ipost .entry-title h3 a,
.dark .ipost .entry-title h4 a { color: #EEE; }

.dark .entry-title h2 a:hover,
.dark .ipost .entry-title h3 a:hover,
.dark .ipost .entry-title h4 a:hover { color: #BBB; }

.dark .entry-meta li {
    border-left-color: rgba(255,255,255,0.08);
    color: #888;
}

.dark .entry-meta li a { color: #888; }

.dark .entry-meta li a:hover { color: #CCC; }

.dark .entry-link { background-color: rgba(0,0,0,0.2); }

.dark .post-masonry-full .entry { border-color: rgba(255,255,255,0.08); }

.dark .timeline-border { border-left-color: rgba(255,255,255,0.1); }

.dark .post-timeline .entry-timeline {
    border-color: rgba(255,255,255,0.1);
    background-color: rgba(255,255,255,0.08);
    color: #AAA;
}

.dark .post-timeline .entry.entry-date-section span {
    border-color: rgba(255,255,255,0.1);
    background-color: #333;
}

.dark .post-timeline .entry-timeline div.timeline-divider { border-top-color: rgba(255,255,255,0.1); }

.dark .post-timeline .entry:hover .entry-timeline,
.dark .post-timeline .entry:hover .timeline-divider {
    border-color: #337ab7;
    color: #337ab7;
}

.dark .spost,
.dark .mpost { border-top-color: rgba(255,255,255,0.1); }

.dark .spost .entry-image a i,
.dark .mpost .entry-image a i {
    color: #CCC;
    background-color: rgba(0,0,0,0.2);
}

.dark .spost .entry-title h4 a,
.dark .mpost .entry-title h4 a { color: #BBB; }

.dark .spost .entry-title h4 a:hover,
.dark .mpost .entry-title h4 a:hover { color: #999; }

.dark .spost .entry-meta li,
.dark .mpost .entry-meta li { border-left-color: #666; }

.dark .spost .entry-meta li a,
.dark .mpost .entry-meta li a,
.dark .testimonial.twitter-scroll .testi-meta span a { color: #AAA; }

.dark .spost .entry-meta li a:hover,
.dark .mpost .entry-meta li a:hover,
.dark .testimonial.twitter-scroll .testi-meta span a:hover { color: #888; }

.dark #comments { border-top-color: rgba(255,255,255,0.08); }

.dark .commentlist { border-bottom-color: rgba(255,255,255,0.08); }

.dark .comment-wrap { border-color: rgba(255,255,255,0.08); }

.dark .comment-avatar {
    background: rgba(255,255,255,0.08);
    border-color: rgba(255,255,255,0.1);
}

.dark .comment-content .comment-author { color: #CCC; }

.dark .comment-content .comment-author a { color: #BBB; }

.dark .comment-content .comment-author a:hover { color: #EEE; }

.dark .review-comment-ratings { color: #CCC; }

.dark .comment-reply-link:hover { color: #888; }

.dark p.wp-caption-text { background-color: rgba(0,0,0,0.2); }


.dark .product-title h3 a,
.dark .single-product .product-title h2 a { color: #EEE; }

.dark .product-title h3 a:hover,
.dark .single-product .product-title h2 a:hover { color: #BBB; }

.dark .product-price { color: #BBB; }

.dark .product-overlay a {
    color: #EEE;
    background-color: rgba(0,0,0,0.8);
    border-right-color: rgba(255,255,255,0.15);
}

.dark .product-overlay a:last-child { border-right: 0; }

.dark .product-overlay a:hover { background-color: rgba(0,0,0,0.9); }

.dark .bothsidebar .product-1 .product { border-top-color: rgba(255,255,255,0.08); }


.dark .quantity .qty {
    border-left-color: rgba(255,255,255,0.08);
    border-right-color: rgba(255,255,255,0.08);
    background-color: rgba(0,0,0,0.2);
}

.dark .quantity .plus,
.dark .quantity .minus { background-color: rgba(0,0,0,0.2); }

.dark .quantity .plus:hover,
.dark .quantity .minus:hover { background-color: rgba(0,0,0,0.4); }

.dark .product-meta { color: #888; }

.dark .cart .remove { color: #BBB; }

.dark .cart .remove:hover { color: #EEE; }

.dark .cart th { color: #DDD; }

.dark .cart td { border-color: rgba(255,255,255,0.08) !important; }

.dark .cart-product-thumbnail img { border-color: rgba(0,0,0,0.2); }

.dark .cart-product-thumbnail img:hover { border-color: #337ab7; }

.dark .cart-product-name a,
.dark .product-name a { color: #EEE; }

.dark .cart-product-name a:hover,
.dark .product-name a:hover { color: #BBB; }

.dark td.actions { background-color: rgba(0,0,0,0.2); }

.dark .events .entry,
.dark .ievent {
    background-color: rgba(0,0,0,0.2);
    border-bottom-color: rgba(0,0,0,0.1);
}

.dark .countdown-section {
    color: #DDD;
    border-left-color: rgba(255,255,255,0.2);
}

.dark .countdown-amount,
.dark .rounded-skill { color: #EEE; }

.dark .button-dark:not(.button-border),

.dark .button-dark:hover { background-color: #337ab7; }

.dark .button-light:not(.button-border):hover { background-color: #282828; }

.dark .button.button-border:not(.button-light) {
    border-color: rgba(255,255,255,0.4);
    color: rgba(255,255,255,0.5);
}

.dark .button.button-border:not(.button-light):hover { color: #EEE; }

.not-dark .button.button-border:not(.button-light) {
    border-color: #444;
    color: #333;
}

.not-dark .button.button-border:not(.button-light):hover {
    background-color: #444;
    color: #FFF;
}

.dark .promo > span,
.dark .promo > .container > span { color: rgba(255,255,255,0.8); }

.dark .promo.promo-border { border-color: rgba(255,255,255,0.08); }

.dark .promo.promo-light { background-color: rgba(255,255,255,0.1); }

.dark .promo.promo-dark:not(.promo-flat) { background-color: rgba(0,0,0,0.3); }

.dark .feature-box h3 { color: #CCC; }

.dark .feature-box p { color: #888; }

.dark .feature-box.fbox-light.fbox-outline .fbox-icon { border-color: rgba(255,255,255,0.15); }

.dark .feature-box.fbox-light .fbox-icon i,
.dark .feature-box.fbox-light .fbox-icon img {
    border-color: rgba(255,255,255,0.1);
    background-color: rgba(255,255,255,0.1);
    color: #FFF;
}

.dark .feature-box.fbox-dark.fbox-outline .fbox-icon { border-color: rgba(255,255,255,0.15); }

.dark .feature-box.fbox-dark .fbox-icon i,
.dark .feature-box.fbox-dark .fbox-icon img { background-color: rgba(255,255,255,0.1); }

.dark .feature-box.fbox-border.fbox-light .fbox-icon,
.dark .feature-box.fbox-border.fbox-dark .fbox-icon { border-color: rgba(255,255,255,0.15); }

.dark .feature-box.fbox-border.fbox-light .fbox-icon i,
.dark .feature-box.fbox-border.fbox-light .fbox-icon img,
.dark .feature-box.fbox-border.fbox-dark .fbox-icon i,
.dark .feature-box.fbox-border.fbox-dark .fbox-icon img,
.dark .feature-box.fbox-plain.fbox-light .fbox-icon i,
.dark .feature-box.fbox-plain.fbox-light .fbox-icon img,
.dark .feature-box.fbox-plain.fbox-dark .fbox-icon i,
.dark .feature-box.fbox-plain.fbox-dark .fbox-icon img { color: #FFF; }

.dark .feature-box h3 span.subtitle { color: #AAA; }

.dark .feature-box.fbox-bg.fbox-center,
.dark .feature-box.media-box.fbox-bg .fbox-desc {
    background-color: #383838;
    border-color: rgba(255,255,255,0.1);
}

.dark .feature-box.fbox-bg.fbox-center.fbox-plain .fbox-icon,
.dark .feature-box.fbox-bg.fbox-center.fbox-border .fbox-icon,
.dark .feature-box.fbox-bg.fbox-center.fbox-outline .fbox-icon { background-color: #383838 !important; }

.dark .feature-box.fbox-bg.fbox-center.fbox-light .fbox-icon i { background-color: #444 !important; }

.dark .fbox-effect .fbox-icon i:after { box-shadow: 0 0 0 2px #494949; }

.dark .fbox-effect .fbox-icon i:hover,
.dark .fbox-effect:hover .fbox-icon i { background-color: #494949; }

.dark .fbox-effect.fbox-dark .fbox-icon i:after { box-shadow: 0 0 0 2px #337ab7; }

.dark .fbox-effect.fbox-dark .fbox-icon i:hover,
.dark .fbox-effect.fbox-dark:hover .fbox-icon i { background-color: #337ab7; }

.dark .fbox-border.fbox-effect .fbox-icon i:hover,
.dark .fbox-border.fbox-effect:hover .fbox-icon i { box-shadow: 0 0 0 1px #494949; }

.dark .fbox-border.fbox-effect .fbox-icon i:after { background-color: #494949; }

.dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,
.dark .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i { box-shadow: 0 0 0 1px #337ab7; }

.dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after { background-color: #337ab7; }

.dark .process-steps li .i-bordered { background-color: #494949; }

.dark .process-steps li:before,
.dark .process-steps li:after,
.dark .feature-box.fbox-center:not(.fbox-bg) h3:after { border-top-color: rgba(255,255,255,0.15); }

.dark .heading-block:not(.not-dark):after { border-top-color: rgba(255,255,255,0.4); }

.dark .style-msg2 { border-left: 4px solid rgba(0,0,0,0.3); }

.dark .style-msg .sb-msg,
.dark .style-msg2 .msgtitle,
.dark .style-msg2 .sb-msg { border-left-color: rgba(255,255,255,0.1); }


.dark .i-rounded,
.dark .i-circled,
.dark .i-bordered { background-color: #494949; }

.dark .i-bordered {
    border-color: #DDD;
    color: #DDD;
}

.dark .i-light {
    background-color: #F5F5F5;
    color: #444;
    text-shadow: none;
}

.dark .i-rounded:hover,
.dark .i-circled:hover {
    background-color: #337ab7;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0 0 0 rgba(0,0,0,0.2);
}

.dark .i-bordered:hover {
    background-color: #444;
    color: #FFF;
    border-color: #444;
}

.dark .i-plain {
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.dark .i-plain:hover { color: #DDD; }

.dark .social-icon {
    color: #DDD !important;
    border-color: #DDD;
}

.dark #footer .social-icon.si-borderless,
#footer.dark .social-icon.si-borderless { color: #555 !important; }

.dark .si-dark {
    background-color: rgba(0,0,0,0.2);
    color: #DDD !important;
    border-color: transparent;
}

.dark .si-light {
    background-color: rgba(255,255,255,0.1);
    color: #EEE !important;
    border-color: transparent;
}

.dark .social-icon i:last-child { color: #FFF !important; }

.dark .social-icon:hover {
    color: #FFF !important;
    border-color: transparent;
}

.dark .si-share {
    border-top-color: rgba(255,255,255,0.1);
    border-bottom-color: rgba(255,255,255,0.1);
}


.dark .toggle .togglet,
.dark .toggle .toggleta { color: #CCC; }

.dark .toggle.toggle-bg .togglet,
.dark .toggle.toggle-bg .toggleta { background-color: rgba(0,0,0,0.2); }

.dark .toggle.toggle-border { border-color: rgba(255,255,255,0.15); }

.dark .faqs .toggle { border-bottom-color: rgba(255,255,255,0.1); }

.dark .acctitle,
.dark .acctitlec {
    color: #CCC;
    border-top-color: rgba(255,255,255,0.15);
}

.dark .accordion.accordion-bg .acctitle,
.dark .accordion.accordion-bg .acctitlec { background-color: rgba(0,0,0,0.2); }

.dark .accordion.accordion-border { border-color: rgba(255,255,255,0.1); }

.dark .accordion.accordion-border .acctitle,
.dark .accordion.accordion-border .acctitlec { border-color: rgba(255,255,255,0.15); }

.dark ul.tab-nav { border-bottom-color: #494949; }

.dark ul.tab-nav li,
.dark .tabs.tabs-alt ul.tab-nav li.ui-tabs-active a { border-color: #494949; }

.dark ul.tab-nav li:first-child { border-left-color: #494949; }

.dark ul.tab-nav li a {
    color: #DDD;
    background-color: rgba(0,0,0,0.15);
}

.dark .tabs.tabs-alt ul.tab-nav li a,
.dark ul.tab-nav li.ui-tabs-active a { background-color: #383838; }

.dark ul.tab-nav.tab-nav2 li a { background-color: rgba(0,0,0,0.2); }

.dark ul.tab-nav.tab-nav2 li.ui-state-active a { background-color: #337ab7; }

.dark .tabs-bordered .tab-container { border-color: #494949; }

.dark .side-tabs ul.tab-nav { border-right-color: #494949; }

.dark .side-tabs ul.tab-nav li { border-color: #494949; }

.dark .side-tabs ul.tab-nav li:first-child {
    border-top-color: #494949;
    border-left-color: #494949;
}

.dark .tabs-bordered.side-tabs ul.tab-nav li.ui-tabs-active a { border-right-color: #383838; }

.dark .tabs-bordered.side-tabs .tab-container { border-top-color: #494949; }

.dark .sidenav { background-color: rgba(0,0,0,0.2); }

.dark .sidenav > li > a {
    border-color: #494949;
    color: #BBB;
}

.dark .sidenav > li > a:hover { background-color: rgba(0,0,0,0.3); }

.dark .faqlist li a { color: #CCC; }

.dark .clients-grid li:before,
.dark .testimonials-grid li:before { border-left-color: rgba(255,255,255,0.15); }

.dark .clients-grid li:after,
.dark .testimonials-grid li:after { border-bottom-color: rgba(255,255,255,0.15); }

.dark .testimonial {
    background-color: rgba(0,0,0,0.2);
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

.dark .testimonial.twitter-scroll .testi-content p a { border-bottom: 1px dotted #AAA; }

.dark .testimonial.twitter-scroll .testi-content p a:hover { border-bottom: 1px solid #888; }

.dark .testimonial.twitter-scroll .testi-image i {
    background-color: rgba(0,0,0,0.2);
    color: #EEE;
    text-shadow: none;
}

.parallax.dark .testimonial .flex-control-nav {
    height: 8px;
    margin-top: 30px;
}

.parallax.dark .testimonial .flex-control-nav li {
    width: 8px;
    height: 8px;
    margin: 0 3px;
}

.parallax.dark .testimonial .flex-control-nav li a {
    width: 8px !important;
    height: 8px !important;
    border: 1px solid #FFF;
    background-color: transparent;
}

.parallax.dark .testimonial .flex-control-nav li:hover a,
.parallax.dark .testimonial .flex-control-nav li a.flex-active { background-color: #FFF; }

.dark .team-desc.team-desc-bg { background-color: rgba(255,255,255,0.05); }

.dark .team-content { color: #999; }

.dark .pricing-box {
    border-color: rgba(255,255,255,0.1);
    background-color: rgba(0,0,0,0.2);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

.dark .pricing-title {
    background-color: rgba(255,255,255,0.03);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    border-bottom-color: rgba(255,255,255,0.1);
}

.dark .pricing-title h3 { color: #DDD; }

.dark .pricing-price { color: #EEE; }

.dark .pricing-price:after { border-top-color: rgba(255,255,255,0.1); }

.dark .pricing-features { border-bottom-color: rgba(255,255,255,0.1); }

.dark .pricing-box.best-price {
    background-color: transparent;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
}

.dark .pricing-box.best-price .pricing-title { background-color: transparent; }

.dark .pricing-box.pricing-minimal .pricing-price {
    background-color: transparent;
    border-bottom-color: rgba(255,255,255,0.1);
}

.dark .pricing-box.pricing-extended { background-color: transparent; }

.dark .pricing-box.pricing-extended .pricing-action-area {
    border-left-color: rgba(255,255,255,0.15);
    background-color: rgba(0,0,0,0.2);
}

.dark .pricing-box.pricing-extended .pricing-meta { color: #999; }

.dark .counter.counter-lined + h5:before { border-color: #EEE; }

.dark .easyPieChart { color: #EEE; }

.dark .skills li { background-color: rgba(255,255,255,0.15); }

.dark .skills li .progress-percent { background-color: #4E4E4E; }

.dark .progress-percent:after,
.dark .progress-percent:before { border-top-color: #4E4E4E; }

.dark .skills li > span {
    font-weight: 600;
    color: #CCC;
}

.dark .owl-carousel.owl-loading { background-image: url('/?a=166885'); }

.dark .owl-theme .owl-controls .owl-nav [class*=owl-] {
    border-color: transparent;
    color: #EEE;
    background-color: rgba(0,0,0,0.5);
}

.dark label { color: #BBB; }

.dark label.label-muted { color: #777; }

.dark #contact-form-overlay,
.dark #contact-form-overlay-mini { background-color: #383838; }

.dark .title-block > span { color: #999; }

.dark .heading-block:not(.not-dark),
.dark .counter { text-shadow: 1px 1px 1px rgba(0,0,0,0.1); }

.dark .heading-block:not(.not-dark) h1,
.dark .heading-block:not(.not-dark) h2,
.dark .heading-block:not(.not-dark) h3,
.dark .heading-block:not(.not-dark) h4,
.dark .emphasis-title:not(.not-dark) h1,
.dark .emphasis-title:not(.not-dark) h2 { color: #FFF; }

.dark .heading-block.not-dark h1,
.dark .heading-block.not-dark h2,
.dark .heading-block.not-dark h3,
.dark .heading-block.not-dark h4,
.dark .emphasis-title.not-dark h1,
.dark .emphasis-title.not-dark h2 { color: #333; }

.dark .heading-block:not(.not-dark) > span { color: #EEE; }

.dark .emphasis-title.not-dark { color: #444; }

.dark .fancy-title h1,
.dark .fancy-title h2,
.dark .fancy-title h3,
.dark .fancy-title h4,
.dark .fancy-title h5,
.dark .fancy-title h6 { background-color: #383838; }

.dark .fancy-title.title-double-border:before,
.dark .fancy-title.title-border:before,
.dark .fancy-title.title-border-color:before,
.dark .fancy-title.title-border:before { border-top-color: rgba(255,255,255,0.15); }

.dark .divider { color: rgba(255,255,255,0.15); }

.dark .divider:after,
.dark .divider.divider-center:before,
.dark .divider.divider-center.divider-short:before { border-top-color: rgba(255,255,255,0.1); }

.dark .divider.divider-rounded,
.dark .divider.divider-border { color: #999; }

.dark .divider.divider-rounded i,
.dark .divider.divider-border i { background-color: rgba(255,255,255,0.1); }

.dark .divider.divider-border i {
    background-color: transparent;
    border-color: rgba(255,255,255,0.15);
}

.dark .quote:before { color: rgba(255,255,255,0.1); }

.dark .highlight { background-color: rgba(0,0,0,0.2); }

.dark .top-advert {
    border-left-color: rgba(255,255,255,0.1);
    border-right-color: rgba(255,255,255,0.1);
}

.dark .error404 { color: rgba(255,255,255,0.15); }

.dark.error404-wrap .form-control::-webkit-input-placeholder { color: #888; }
.dark.error404-wrap .form-control::-moz-placeholder { color: #888; }
.dark.error404-wrap .form-control:-ms-input-placeholder { color: #888; }

.dark .preloader { background-color: rgba(0,0,0,0.2); }

.dark .preloader,
.dark .preloader2,
.dark .form-process { background-image: url('/?a=166885'); }

.dark .form-process { background-color: transparent; }


#footer.dark,
.dark #footer {
    background-color: #1A1A1A;
    color: #B3B3B3;
    border-top-color: rgba(0,0,0,0.2);
}

.dark #copyrights {
    background-color: #000;
    color: rgba(255,255,255,0.25);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.dark #copyrights i.footer-icon { color: rgba(255,255,255,0.3); }

.dark .copyright-links a {
    color: rgba(255,255,255,0.25);
    border-bottom-color: rgba(255,255,255,0.25);
}

.dark .copyright-links a:hover {
    color: rgba(255,255,255,0.35);
    border-bottom-color: rgba(255,255,255,0.35);
}


.dark .footer-widgets-wrap a { color: #CCC; }

.dark .footer-widgets-wrap a:hover { color: #999; }

.dark .sidebar-widgets-wrap .widget,
body.dark #side-panel .widget,
body #side-panel.dark .widget { border-top-color: rgba(255,255,255,0.1); }

body.dark #side-panel #side-panel-trigger-close a,
body #side-panel.dark #side-panel-trigger-close a {
    background-color: rgba(0,0,0,0.2);
    color: #FFF;
}

.dark .widget h4 { color: #DDD; }

.dark .widget p { opacity: 0.8; }

.dark .tagcloud a {
    color: #999;
    border-color: transparent;
    background-color: rgba(0,0,0,0.2);
}

.dark .tagcloud a:hover {
    border-color: transparent !important;
    background-color: #337ab7;
    color: #FFF !important;
}

.dark .widget_nav_menu li a:hover,
.dark .widget_links li a:hover,
.dark .widget_meta li a:hover,
.dark .widget_archive li a:hover,
.dark .widget_recent_comments li a:hover,
.dark .widget_recent_entries li a:hover,
.dark .widget_categories li a:hover,
.dark .widget_pages li a:hover,
.dark .widget_rss li a:hover { color: #AAA; }


.dark .nav-tree li a { color: #BBB; }


/* Dark Scheme - Bootstrap
-----------------------------------------------------------------*/

.dark .show-grid [class^=col-] {
    background-color: rgba(255,255,255,0.05);
    border-color: rgba(255,255,255,0.1);
}

.dark mark {
    background: rgba(0,0,0,0.5);
    color: #FFF;
}

.dark fieldset { border-color: rgba(255,255,255,0.1); }

.dark .img-thumbnail {
    background-color: rgba(0,0,0,0.2);
    border-color: rgba(255,255,255,0.1);
}

.dark hr { border-top-color: rgba(255,255,255,0.1); }

.dark .page-header { border-bottom-color: rgba(255,255,255,0.1); }

.dark blockquote { border-left-color: rgba(255,255,255,0.2); }

.dark .blockquote-reverse,
.dark blockquote.pull-right { border-right-color: rgba(255,255,255,0.2); }

.dark code {
    color: #DF6F72;
    background-color: rgba(0,0,0,0.3);
}

.dark kbd { background-color: rgba(255,255,255,0.1); }

.dark pre {
    color: #FFF;
    background-color: rgba(0,0,0,0.3);
    border-color: rgba(255,255,255,0.15);
}

.dark .table > thead > tr > th,
.dark .table > tbody > tr > th,
.dark .table > tfoot > tr > th,
.dark .table > thead > tr > td,
.dark .table > tbody > tr > td,
.dark .table > tfoot > tr > td { border-top-color: rgba(255,255,255,0.1); }

.dark .table > thead > tr > th { border-bottom-color: rgba(255,255,255,0.1); }

.dark .table > tbody + tbody { border-top-color: rgba(255,255,255,0.1); }

.dark .table .table { background-color: rgba(0,0,0,0.2); }

.dark .table-bordered { border-color: rgba(255,255,255,0.1); }

.dark .table-bordered > thead > tr > th,
.dark .table-bordered > tbody > tr > th,
.dark .table-bordered > tfoot > tr > th,
.dark .table-bordered > thead > tr > td,
.dark .table-bordered > tbody > tr > td,
.dark .table-bordered > tfoot > tr > td { border-color: rgba(255,255,255,0.1); }

.dark .table-striped > tbody > tr:nth-child(odd) > td,
.dark .table-striped > tbody > tr:nth-child(odd) > th,
.table-striped > tbody > tr:nth-child(odd) { background-color: rgba(0,0,0,0.05); }

.dark .table-hover > tbody > tr:hover > td,
.dark .table-hover > tbody > tr:hover > th { background-color: rgba(0,0,0,0.1); }

.dark .table > thead > tr > td.active,
.dark .table > tbody > tr > td.active,
.dark .table > tfoot > tr > td.active,
.dark .table > thead > tr > th.active,
.dark .table > tbody > tr > th.active,
.dark .table > tfoot > tr > th.active,
.dark .table > thead > tr.active > td,
.dark .table > tbody > tr.active > td,
.dark .table > tfoot > tr.active > td,
.dark .table > thead > tr.active > th,
.dark .table > tbody > tr.active > th,
.dark .table > tfoot > tr.active > th { background-color: rgba(0,0,0,0.1); }

.dark .table-hover > tbody > tr > td.active:hover,
.dark .table-hover > tbody > tr > th.active:hover,
.dark .table-hover > tbody > tr.active:hover > td,
.dark .table-hover > tbody > tr.active:hover > th { background-color: rgba(255,255,255,0.1); }

@media (max-width: 767px) {
    .table-responsive { border-color: rgba(255,255,255,0.1); }
}

.dark legend {
    color: #DDD;
    border-bottom-color: rgba(255,255,255,0.1);
}

.dark output { color: #999; }

.dark .form-control:not(.not-dark),
.dark .sm-form-control:not(.not-dark) {
    color: #999;
    background-color: rgba(0,0,0,0.2);
    border-color: rgba(0,0,0,0.25);
}

.dark .form-control:not(.not-dark) option,
.dark .sm-form-control:not(.not-dark) option { background-color: #282828; }

.dark .form-control:not(.not-dark):active,
.dark .form-control:not(.not-dark):focus,
.dark .sm-form-control:not(.not-dark):active,
.dark .sm-form-control:not(.not-dark):focus {
    background-color: rgba(0,0,0,0.3);
    border-color: rgba(0,0,0,0.25) !important;
}

.dark .form-control:not(.not-dark)::-moz-placeholder { color: #666; }
.dark .form-control:not(.not-dark):-ms-input-placeholder { color: #666; }
.dark .form-control:not(.not-dark)::-webkit-input-placeholder { color: #666; }
.dark .sm-form-control:not(.not-dark)::-moz-placeholder { color: #666; }
.dark .sm-form-control:not(.not-dark):-ms-input-placeholder { color: #666; }
.dark .sm-form-control:not(.not-dark)::-webkit-input-placeholder { color: #666; }

.dark .form-control:not(.not-dark)[disabled],
.dark .form-control:not(.not-dark)[readonly],
.dark fieldset[disabled] .form-control:not(.not-dark),
.dark .sm-form-control:not(.not-dark)[disabled],
.dark .sm-form-control:not(.not-dark)[readonly],
.dark fieldset[disabled] .sm-form-control:not(.not-dark) { background-color: rgba(255,255,255,0.1); }

.dark .input-group .form-control.error:not(.not-dark) { color: #E42C3E; }

.dark .sm-form-control.error:not(.not-dark) { border-color: #E42C3E !important; }

.dark .form-control.error:not(.not-dark)::-moz-placeholder { color: rgba(228,44,62,0.6); }
.dark .form-control.error:not(.not-dark):-ms-input-placeholder { color: rgba(228,44,62,0.6); }
.dark .form-control.error:not(.not-dark)::-webkit-input-placeholder { color: rgba(228,44,62,0.6); }

.dark .btn:hover,
.dark .btn:focus { color: #FFF; }

.dark .btn-default {
    color: #FFF;
    background-color: rgba(0,0,0,0.2);
    border-color: rgba(255,255,255,0.15);
}

.dark .btn-default:hover,
.dark .btn-default:focus,
.dark .btn-default:active,
.dark .btn-default.active,
.dark .open .dropdown-toggle.btn-default {
    color: #FFF;
    background-color: rgba(0,0,0,0.3);
    border-color: rgba(255,255,255,0.2);
}

.dark .btn-default.disabled,
.dark .btn-default[disabled],
.dark fieldset[disabled] .btn-default,
.dark .btn-default.disabled:hover,
.dark .btn-default[disabled]:hover,
.dark fieldset[disabled] .btn-default:hover,
.dark .btn-default.disabled:focus,
.dark .btn-default[disabled]:focus,
.dark fieldset[disabled] .btn-default:focus,
.dark .btn-default.disabled:active,
.dark .btn-default[disabled]:active,
.dark fieldset[disabled] .btn-default:active,
.dark .btn-default.disabled.active,
.dark .btn-default[disabled].active,
.dark fieldset[disabled] .btn-default.active {
    color: #BBB;
    background-color: rgba(255,255,255,0.1);
    border-color: rgba(255,255,255,0.1);
}

.dark .btn-default .badge { background-color: rgba(255,255,255,0.1); }

.dark .btn-link:hover,
.dark .btn-link:focus { color: #EEE; }

.dark .dropdown-menu {
    background-color: #333;
    border-color: #3F3F3F;
}

.dark .dropdown-menu .divider { background-color: rgba(255,255,255,0.1); }

.dark .dropdown-menu > li > a { color: #DDD; }

.dark .dropdown-menu > li > a:hover,
.dark .dropdown-menu > li > a:focus {
    color: #EEE;
    background-color: rgba(255,255,255,0.1);
}

.dark .input-group-addon,
.dark .input-group-btn .btn-default {
    color: #999;
    background-color: rgba(0,0,0,0.35);
    border-color: rgba(0,0,0,0.25);
}

.dark .input-group-btn .btn-default { color: #FFF; }

.dark .input-group-btn .btn-default:hover { background-color: rgba(0,0,0,0.30); }

.dark .nav > li > a:hover,
.dark .nav > li > a:focus,
.dark .nav .open > a,
.dark .nav .open > a:hover,
.dark .nav .open > a:focus { background-color: rgba(0,0,0,0.2); }

.dark .nav .nav-divider { background-color: rgba(255,255,255,0.1); }

.dark .nav-tabs { border-bottom-color: rgba(255,255,255,0.15); }

.dark .nav-tabs > li > a:hover {
    border-color: rgba(255,255,255,0.2);
    border-bottom: none;
}

.dark .nav-tabs.nav-justified > li > a:hover,
.dark .nav-tabs-justified > li > a:hover { border-bottom: 1px solid rgba(255,255,255,0.2); }

.dark .nav-tabs > li.active > a,
.dark .nav-tabs > li.active > a:hover,
.dark .nav-tabs > li.active > a:focus {
    color: #DDD;
    background-color: #383838;
    border: 1px solid rgba(255,255,255,0.2);
    border-bottom-color: #383838;
}

.dark .nav-tabs.nav-justified > .active > a,
.dark .nav-tabs.nav-justified > .active > a:hover,
.dark .nav-tabs.nav-justified > .active > a:focus { border-color: rgba(255,255,255,0.15); }

@media (min-width: 768px) {
    .dark .nav-tabs.nav-justified > li > a { border-bottom-color: rgba(255,255,255,0.15); }

    .dark .nav-tabs.nav-justified > .active > a,
    .dark .nav-tabs.nav-justified > .active > a:hover,
    .dark .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #383838; }
}

.dark .nav-tabs-justified > .active > a,
.dark .nav-tabs-justified > .active > a:hover,
.dark .nav-tabs-justified > .active > a:focus { border-color: rgba(255,255,255,0.15); }

@media (min-width: 768px) {
    .dark .nav-tabs-justified > li > a { border-bottom-color: rgba(255,255,255,0.15); }

    .dark .nav-tabs-justified > .active > a,
    .dark .nav-tabs-justified > .active > a:hover,
    .dark .nav-tabs-justified > .active > a:focus { border-bottom-color: #383838; }
}

.dark .navbar-default {
    background-color: rgba(255,255,255,0.1);
    border-color: rgba(255,255,255,0.1);
}

.dark .navbar-default .navbar-brand { color: #EEE; }

.dark .navbar-default .navbar-brand:hover,
.dark .navbar-default .navbar-brand:focus { color: #BBB; }

.dark .navbar-default .navbar-text { color: #999; }

.dark .navbar-default .navbar-nav > li > a { color: #BBB; }

.dark .navbar-default .navbar-nav > li > a:hover,
.dark .navbar-default .navbar-nav > li > a:focus {
    color: #EEE;
    background-color: transparent;
}

.dark .navbar-default .navbar-nav > .active > a,
.dark .navbar-default .navbar-nav > .active > a:hover,
.dark .navbar-default .navbar-nav > .active > a:focus {
    color: #EEE;
    background-color: rgba(0,0,0,0.25);
}

.dark .navbar-default .navbar-nav > .disabled > a,
.dark .navbar-default .navbar-nav > .disabled > a:hover,
.dark .navbar-default .navbar-nav > .disabled > a:focus { color: #999; }

.dark .navbar-default .navbar-toggle { border-color: rgba(255,255,255,0.15); }

.dark .navbar-default .navbar-toggle:hover,
.dark .navbar-default .navbar-toggle:focus { background-color: rgba(255,255,255,0.15); }

.dark .navbar-default .navbar-toggle .icon-bar { background-color: #BBB; }

.dark .navbar-default .navbar-collapse,
.dark .navbar-default .navbar-form { border-color: rgba(255,255,255,0.15); }

.dark .navbar-default .navbar-nav > .open > a,
.dark .navbar-default .navbar-nav > .open > a:hover,
.dark .navbar-default .navbar-nav > .open > a:focus {
    background-color: rgba(0,0,0,0.25);
    color: #EEE;
}

@media (max-width: 767px) {
    .dark .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #BBB; }

    .dark .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .dark .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #EEE; }

    .dark .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .dark .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .dark .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        background-color: rgba(0,0,0,0.25);
        color: #EEE;
    }

    .dark .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
    .dark .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .dark .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #999; }
}

.dark .navbar-default .navbar-link { color: #BBB; }

.dark .navbar-default .navbar-link:hover { color: #EEE; }

.dark .pagination > li > a,
.dark .pagination > li > span,
.dark .pager li > a,
.dark .pager li > span {
    color: #BBB;
    background-color: rgba(255,255,255,0.1);
    border-color: #666;
}

.dark .pagination > li > a:hover,
.dark .pagination > li > span:hover,
.dark .pagination > li > a:focus,
.dark .pagination > li > span:focus,
.dark .pager li > a:hover,
.dark .pager li > a:focus {
    color: #EEE;
    background-color: rgba(0,0,0,0.1);
}

.dark .pagination > .disabled > span,
.dark .pagination > .disabled > span:hover,
.dark .pagination > .disabled > span:focus,
.dark .pagination > .disabled > a,
.dark .pagination > .disabled > a:hover,
.dark .pagination > .disabled > a:focus,
.dark .pager .disabled > a,
.dark .pager .disabled > a:hover,
.dark .pager .disabled > a:focus,
.dark .pager .disabled > span {
    color: #999;
    background-color: rgba(255,255,255,0.2);
    border-color: #777;
}

.dark .label-default { background-color: rgba(255,255,255,0.2); }

.dark .label-default[href]:hover,
.dark .label-default[href]:focus { background-color: rgba(0,0,0,0.2); }

.dark .badge { background-color: rgba(255,255,255,0.2); }

.btn .badge { background-color: #FFF; }

.dark .jumbotron { background-color: rgba(255,255,255,0.15); }

.dark .thumbnail {
    background-color: rgba(255,255,255,0.15);
    border-color: rgba(255,255,255,0.1);
}

.dark .thumbnail .caption { color: #EEE; }

.dark .progress { background-color: rgba(255,255,255,0.15); }

.dark .list-group-item {
    background-color: rgba(0,0,0,0.2);
    border-color: #444;
}

.dark a.list-group-item { color: #BBB; }

.dark a.list-group-item .list-group-item-heading { color: #DDD; }

.dark a.list-group-item:hover,
.dark a.list-group-item:focus { background-color: rgba(255,255,255,0.05); }

.dark a.list-group-item.active,
.dark a.list-group-item.active:hover,
.dark a.list-group-item.active:focus {
    color: #ffffff;
    background-color: #428bca;
    border-color: #428bca;
}

.dark .list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8;
}

.dark a.list-group-item-success { color: #3c763d; }

.dark a.list-group-item-success:hover,
.dark a.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6;
}

.dark a.list-group-item-success.active,
.dark a.list-group-item-success.active:hover,
.dark a.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d;
}

.dark .list-group-item-info {
    color: #31708f;
    background-color: #d9edf7;
}

.dark a.list-group-item-info { color: #31708f; }

.dark a.list-group-item-info:hover,
.dark a.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3;
}

.dark a.list-group-item-info.active,
.dark a.list-group-item-info.active:hover,
.dark a.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f;
}

.dark .list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
}

.dark a.list-group-item-warning { color: #8a6d3b; }

.dark a.list-group-item-warning:hover,
.dark a.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc;
}

.dark a.list-group-item-warning.active,
.dark a.list-group-item-warning.active:hover,
.dark a.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b;
}

.dark .list-group-item-danger {
    color: #a94442;
    background-color: #f2dede;
}

.dark a.list-group-item-danger { color: #a94442; }

.dark a.list-group-item-danger:hover,
.dark a.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc;
}

.dark a.list-group-item-danger.active,
.dark a.list-group-item-danger.active:hover,
.dark a.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442;
}

.dark .panel { background-color: rgba(0,0,0,0.2); }

.dark .panel-footer {
    background-color: rgba(255,255,255,0.1);
    border-top-color: rgba(255,255,255,0.1);
}

.dark .panel > .panel-body + .table,
.dark .panel > .panel-body + .table-responsive { border-top-color: rgba(255,255,255,0.1); }

.dark .panel-group .panel-heading + .panel-collapse .panel-body { border-top-color: rgba(255,255,255,0.1); }

.dark .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom-color: rgba(255,255,255,0.1); }

.dark .panel-default { border-color: rgba(255,255,255,0.15); }

.dark .panel-default > .panel-heading {
    color: #DDD;
    background-color: rgba(255,255,255,0.1);
    border-color: rgba(255,255,255,0.1);
}

.dark .panel-default > .panel-heading + .panel-collapse .panel-body { border-top-color: rgba(255,255,255,0.15); }

.dark .panel-default > .panel-footer + .panel-collapse .panel-body { border-bottom-color: rgba(255,255,255,0.15); }

.dark .well {
    background-color: rgba(0,0,0,0.2);
    border-color: rgba(255,255,255,0.15);
}

.dark .well blockquote { border-color: rgba(255,255,255,0.15); }

.dark .close {
    opacity: 1;
    color: rgba(0,0,0,0.15);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}

.dark .close:hover,
.dark .close:focus {
    color: rgba(0,0,0,0.4);
}

.dark .modal-content { border-color: #555; }

.dark .modal-header { border-bottom-color: rgba(255,255,255,0.15); }

.dark .modal-footer { border-top-color: rgba(255,255,255,0.15); }

.dark .popover {
    background-color: #282828;
    border-color: #494949;
}
.dark .popover-title {
    background-color: rgba(255,255,255,0.1);
    border-bottom-color: rgba(255,255,255,0.075);
}
.dark .popover.top > .arrow { border-top-color: #494949; }

.dark .popover.top > .arrow:after { border-top-color: #282828; }

.dark .popover.right > .arrow { border-right-color: #494949; }

.dark .popover.right > .arrow:after { border-right-color: #282828; }

.dark .popover.bottom > .arrow { border-bottom-color: #494949; }

.dark .popover.bottom > .arrow:after { border-bottom-color: #282828; }

.dark .popover.left > .arrow { border-left-color: #494949; }

.dark .popover.left > .arrow:after { border-left-color: #282828; }


@media (max-width: 991px) {

    .dark .postcontent,
    .dark .postcontent.bothsidebar,
    .dark .sidebar { border-bottom-color: rgba(255,255,255,0.1); }

    .dark #header.transparent-header,
    .dark #header.semi-transparent,
    #header.dark.transparent-header,
    #header.dark.semi-transparent {
        background-color: #333;
        border-bottom-color: rgba(255,255,255,0.1);
    }

    .dark #primary-menu:not(.not-dark) ul li,
    .dark #primary-menu:not(.not-dark) ul ul,
    .dark #primary-menu:not(.not-dark) ul li .mega-menu-content,
    .dark #primary-menu:not(.not-dark) ul ul li,
    .dark #primary-menu:not(.not-dark) ul li .mega-menu-content ul ul,
    .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.col-2 > ul,
    .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.col-3 > ul,
    .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.col-4 > ul,
    .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.col-5 > ul,
    .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2 li { border-top-color: rgba(255,255,255,0.1) !important; }

    .dark #primary-menu:not(.not-dark) > ul > li.sub-menu > a,
    .dark #primary-menu:not(.not-dark) > .container > ul > li.sub-menu > a { background-image: url("../images/icons/CBP-submenu-dark.png"); }

    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul li,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content ul ul,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.col-2 > ul,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.col-3 > ul,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.col-4 > ul,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.col-5 > ul,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.style-2 li { border-top-color: #EEE !important; }

    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover a,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current a,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover a,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current a { color: #337ab7 !important; }

    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul a,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover ul a,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current ul a,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover ul a,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current ul a  { color: #444 !important; }

    .dark .pricing-box.pricing-extended .pricing-action-area { border-top-color: rgba(255,255,255,0.15); }

}
/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:FontAwesome;src:url("https://www.ciena.com/?a=167115");src:url(https://www.ciena.com/?a=167115?#iefix) format('embedded-opentype'),url(https://www.ciena.com/?a=167118) format('woff'),url(https://www.ciena.com/?a=167117) format('truetype'),url(https://www.ciena.com/?a=167116#fontawesomeregular) format('svg');font-weight:400;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-close:before,.fa-remove:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-repeat:before,.fa-rotate-right:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-image:before,.fa-photo:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-exclamation-triangle:before,.fa-warning:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-cogs:before,.fa-gears:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-floppy-o:before,.fa-save:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before,.fa-navicon:before,.fa-reorder:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-sort-asc:before,.fa-sort-up:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-bolt:before,.fa-flash:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-clipboard:before,.fa-paste:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-chain-broken:before,.fa-unlink:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-caret-square-o-down:before,.fa-toggle-down:before{content:"\f150"}.fa-caret-square-o-up:before,.fa-toggle-up:before{content:"\f151"}.fa-caret-square-o-right:before,.fa-toggle-right:before{content:"\f152"}.fa-eur:before,.fa-euro:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-inr:before,.fa-rupee:before{content:"\f156"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before{content:"\f157"}.fa-rouble:before,.fa-rub:before,.fa-ruble:before{content:"\f158"}.fa-krw:before,.fa-won:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-caret-square-o-left:before,.fa-toggle-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-try:before,.fa-turkish-lira:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-bank:before,.fa-institution:before,.fa-university:before{content:"\f19c"}.fa-graduation-cap:before,.fa-mortar-board:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before{content:"\f1c5"}.fa-file-archive-o:before,.fa-file-zip-o:before{content:"\f1c6"}.fa-file-audio-o:before,.fa-file-sound-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before,.fa-resistance:before{content:"\f1d0"}.fa-empire:before,.fa-ge:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-paper-plane:before,.fa-send:before{content:"\f1d8"}.fa-paper-plane-o:before,.fa-send-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-futbol-o:before,.fa-soccer-ball-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-ils:before,.fa-shekel:before,.fa-sheqel:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-bed:before,.fa-hotel:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-y-combinator:before,.fa-yc:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-paper-o:before,.fa-hand-stop-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-television:before,.fa-tv:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before{content:"\f2a3"}.fa-deaf:before,.fa-deafness:before,.fa-hard-of-hearing:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-sign-language:before,.fa-signing:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

.not-animated { opacity: 0; }

.animated {
	opacity: 1;
	-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;
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
}

@-webkit-keyframes bounce {
	0%, 20%, 53%, 80%, 100% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	40%, 43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0);
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-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 {
	0%, 20%, 53%, 80%, 100% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	40%, 43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0);
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-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 {
	0%, 50%, 100% {
		opacity: 1;
	}

	25%, 75% {
		opacity: 0;
	}
}

@keyframes flash {
	0%, 50%, 100% {
		opacity: 1;
	}

	25%, 75% {
		opacity: 0;
	}
}

.flash {
	-webkit-animation-name: flash;
	animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
	0% {
		-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);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes pulse {
	0% {
		-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);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
}

@-webkit-keyframes rubberBand {
	0% {
		-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(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1);
	}

	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes rubberBand {
	0% {
		-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(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1);
	}

	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand;
}

@-webkit-keyframes shake {
	0%, 100% {
		-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 {
	0%, 100% {
		-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 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);
	}

	100% {
		-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);
	}

	100% {
		-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 {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .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);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes tada {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .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);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
	0% {
		-webkit-transform: none;
		transform: none;
	}

	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);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes wobble {
	0% {
		-webkit-transform: none;
		transform: none;
	}

	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);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble;
}

@-webkit-keyframes jello {
	11.1% {
		-webkit-transform: none;
						transform: none
	}

	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.390625deg) skewY(0.390625deg);
						transform: skewX(0.390625deg) skewY(0.390625deg)
	}
	88.8% {
		-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
						transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
	}
	100% {
		-webkit-transform: none;
						transform: none
	}
}

@keyframes jello {
	11.1% {
		-webkit-transform: none;
						transform: none
	}

	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.390625deg) skewY(0.390625deg);
						transform: skewX(0.390625deg) skewY(0.390625deg)
	}
	88.8% {
		-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
						transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
	}
	100% {
		-webkit-transform: none;
						transform: none
	}
}



.jello{
		-webkit-animation-name:jello;
						animation-name:jello;
		-webkit-transform-origin: center;

						transform-origin: center
}

@-webkit-keyframes bounceIn {
	0%, 20%, 40%, 60%, 80%, 100% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .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(.97, .97, .97);
		transform: scale3d(.97, .97, .97);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes bounceIn {
	0%, 20%, 40%, 60%, 80%, 100% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .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(.97, .97, .97);
		transform: scale3d(.97, .97, .97);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
	0%, 60%, 75%, 90%, 100% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	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);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes bounceInDown {
	0%, 60%, 75%, 90%, 100% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	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);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
	0%, 60%, 75%, 90%, 100% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	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);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes bounceInLeft {
	0%, 60%, 75%, 90%, 100% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	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);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
	0%, 60%, 75%, 90%, 100% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	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);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes bounceInRight {
	0%, 60%, 75%, 90%, 100% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	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);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
	0%, 60%, 75%, 90%, 100% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		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);
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes bounceInUp {
	0%, 60%, 75%, 90%, 100% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		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);
	}

	100% {
		-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(.9, .9, .9);
		transform: scale3d(.9, .9, .9);
	}

	50%, 55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}
}

@keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9);
	}

	50%, 55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}
}

.bounceOut {
	-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);
	}

	100% {
		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);
	}

	100% {
		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);
	}

	100% {
		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);
	}

	100% {
		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);
	}

	100% {
		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);
	}

	100% {
		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);
	}

	100% {
		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);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}
}

.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}
}

.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}
}

.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}
}

@keyframes fadeOutRightBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}
}

.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}

@keyframes fadeOutUp {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}
}

.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
	0% {
		-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(.95, .95, .95);
		transform: perspective(400px) scale3d(.95, .95, .95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
}

@keyframes flip {
	0% {
		-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(.95, .95, .95);
		transform: perspective(400px) scale3d(.95, .95, .95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	100% {
		-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 {
	0% {
		-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);
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}

@keyframes flipInX {
	0% {
		-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);
	}

	100% {
		-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 {
	0% {
		-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);
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}

@keyframes flipInY {
	0% {
		-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);
	}

	100% {
		-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 {
	0% {
		-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;
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0;
	}
}

@keyframes flipOutX {
	0% {
		-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;
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0;
	}
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
	0% {
		-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;
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0;
	}
}

@keyframes flipOutY {
	0% {
		-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;
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0;
	}
}

.flipOutY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
	0% {
		-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;
	}

	100% {
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes lightSpeedIn {
	0% {
		-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;
	}

	100% {
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
	0% {
		opacity: 1;
	}

	100% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0;
	}
}

@keyframes lightSpeedOut {
	0% {
		opacity: 1;
	}

	100% {
		-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 {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes rotateIn {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0;
	}
}

@keyframes rotateOut {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1;
	}

	100% {
		-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 {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1;
	}

	100% {
		-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 {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1;
	}

	100% {
		-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 {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1;
	}

	100% {
		-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 {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1;
	}

	100% {
		-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 {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1;
	}

	100% {
		-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 {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1;
	}

	100% {
		-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 {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1;
	}

	100% {
		-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 {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1;
	}

	100% {
		-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;
	}

	100% {
		-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;
	}

	100% {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0;
	}
}

.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
	0% {
		opacity: 1;
	}

	100% {
		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 {
	0% {
		opacity: 1;
	}

	100% {
		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 {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	50% {
		opacity: 1;
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	50% {
		opacity: 1;
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

@keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

@keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

@keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

@keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	100% {
		opacity: 0;
	}
}

@keyframes zoomOut {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	100% {
		opacity: 0;
	}
}

.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .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.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

@keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .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.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		transform-origin: left center;
	}
}

@keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.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(.475, .475, .475) translate3d(-42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		transform-origin: right center;
	}
}

@keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.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(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .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.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

@keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .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.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible;
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes slideInDown {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible;
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible;
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes slideInLeft {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible;
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible;
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes slideInRight {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible;
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible;
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes slideInUp {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible;
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}

@keyframes slideOutDown {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}

.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

@keyframes slideOutLeft {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

@keyframes slideOutRight {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}

@keyframes slideOutUp {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}

.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp;
}
/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80); }

.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;
    -moz-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: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out; }

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-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;
    user-select: none; }

.mfp-loading.mfp-figure {
    display: none; }

.mfp-hide {
    display: none !important; }

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    background: url('/?a=166888') center center no-repeat;
    text-align: center;
    margin-top: -12px;
    margin-left: -12px;
    z-index: 1044;
    text-indent: -9999px;
}
    .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; }
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;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace; }
    .mfp-close:hover, .mfp-close:focus {
        opacity: 1;
        filter: alpha(opacity=100); }
    .mfp-close:active {
        top: 1px; }

.mfp-close-btn-in .mfp-close {
    color: #333; }

.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;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    .mfp-arrow:active {
        margin-top: -54px; }
    .mfp-arrow:hover, .mfp-arrow:focus {
        opacity: 1;
        filter: alpha(opacity=100); }
    .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
        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, .mfp-arrow .mfp-a {
        border-top-width: 13px;
        border-bottom-width: 13px;
        top: 8px; }
    .mfp-arrow:before, .mfp-arrow .mfp-b {
        border-top-width: 21px;
        border-bottom-width: 21px;
        opacity: 0.7; }

.mfp-arrow-left {
    left: 0; }
    .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
        border-right: 17px solid #FFF;
        margin-left: 31px; }
    .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
        margin-left: 25px;
        border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
    right: 0; }
    .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
        border-left: 17px solid #FFF;
        margin-left: 39px; }
    .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
        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%;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #000; }

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto; }

/* The shadow behind the image */
.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;
        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) {
    /**
             * Remove all paddings around the image on small screen
             */
    .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;
        -moz-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; }
 }

.mfp-ie7 .mfp-img {
    padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
    padding: 0; }
.mfp-ie7 .mfp-content {
    padding-top: 44px; }
.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0; }



/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
    border-bottom: 1px solid #cccccc;
    margin: 0 auto 30px;
    padding: 0 0 18px;
    position: relative;
    *zoom: 1;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
    left: 0;
    background: #fff;
    min-height: 725px;
    
    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url('/?a=166890') center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
    bottom: 275px;
    color: #666;
    font-family: Arial;
    font-size: 0.85em;
    padding-top: 20px;
    position: absolute;
    right: 2px;
    width: auto;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #d9d9d9;
    display: block;
    height: 9px;
    margin: 0 3px;
    outline: 0 none;
    text-indent: -9999px;
    width: 9px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #666666;
    border: 1px solid #666666;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
    left: 0;
    background: url('/?a=166891') no-repeat 0 0;
}

.bx-wrapper .bx-next {
    background: url('/?a=166892') no-repeat 0 0;
    right: 0;
}

.bx-wrapper .bx-controls-direction a {
    height: 51px;
    outline: 0 none;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 40px;
    z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url('/?a=166893') -86px -11px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url('/?a=166893') -86px -44px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
}
/* ----------------------------------------------------------------
    Responsive CSS
-----------------------------------------------------------------*/

@media (min-width: 768px) {
    .breadcrumb-container {
        width: 750px;
    }
    .col_half_image {
        text-align: center;
    }
    .about-section .feature-box {
        text-align: center;
    }
}
@media (min-width: 992px) {
    .breadcrumb-container {
        width: 970px;
    }
}
@media (min-width: 1200px) {

    .breadcrumb-container {
        width: 1170px;
    }

}

@media screen and (max-device-width: 320px) {
    .feature-box {
        padding: 0 30px;
    }

    .end-of-quiz {
        padding: 0;
    }

}

@media screen and (min-device-width: 320px) and (max-device-width: 991px) {
    .feature-box {
        padding: 0;
    }
}

@media screen and (min-device-width: 770px) and (max-device-width: 1130px) {
    .slider-caption h2 {
        padding-top: 60px;
    }
}

@media (max-width: 1199px) {

    canvas {
        max-width: 100%;
        height: auto !important;
    }

    .promo h3 { font-size: 20px; }

    .promo > span,
    .promo > .container > span { font-size: 15px; }

    .promo-uppercase h3 { font-size: 19px; }

    .promo-uppercase > span,
    .promo-uppercase > .container > span { font-size: 14px; }

    #add-left-padding {
        padding-left: initial;
    }
}

/* iPhone 6 Plus removing overflow adding whitespace on right side of screen in landscape orientation */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {
    html {
        overflow-x: hidden !important;
    }

    body.stretched #header.full-header .container {
    width: 100% !important;
    }
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
    html {
        overflow-x: hidden !important;
    }

    body.stretched #header.full-header .container {
    width: 100% !important;
    }

}

@media (min-width: 992px) and (max-width: 1130px) {

    .slider-caption {
        top: 40px !important;
    }

    .banner-content-img {
        margin: 0 auto;
        padding: 65px 15px 0;
        position: initial;
        width: 970px;
    }

}

@media (min-width: 769px) and (max-width: 991px) {

    .slider-caption {
        top: 40px !important;
    }

    .slider-caption h2 {
        padding-bottom: 10px;
    }

    .banner-content-img {
        margin: 0 auto;
        padding: 65px 15px 0;
        position: initial;
        width: 750px;
    }

}

@media (min-width: 511px) and (max-width: 768px) {

    .banner-content-img {
        margin: 0 auto;
        padding: 40px 15px 0;
        position: initial;
        width: 90%;
    }

    .banner-content-img img {
        width: 110px;
    }

    .slider-caption {
        top: 25px !important;
    }
}

@media (max-width: 510px) {

    .banner-content-img {
        display: none;
    }
}

@media (min-width: 0) and (max-width: 992px) {

    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu #smart_search ul li {
        border-top: 1px solid #b3b3b3 !important;
    }

    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu #smart_search ul li:first-child {
        border: 0 none !important;
    }
}

@media (min-width: 0) and (max-width: 1027px) {


    #worldwide-nav-trigger {
        width: 25px;
    }

    .worldwide-icon {
        top: 40px;
        right: 0;
    }

}

@media screen and (min-device-width: 1027px) and (max-device-width: 1100px) {

    #worldwide-nav li {
        margin: 0 20px 15px 0;
    }

}

@media (min-width: 1136px) and (max-width: 1365px) {

    #header.full-header #logo {
        margin-right: 20px;
    }

    #top-search {
        margin: 40px 20px 40px 5px;
    }

    #worldwide-nav-trigger {
        padding: 42px 0 7px 19px;
    }

    #primary-menu ul li a {
        padding: 0 8px;
    }
}

@media (min-width: 1027px) and (max-width: 1135px) {

    #header.full-header #logo {
        padding-right: 10px;
        margin-right: 0;
    }

    #top-search {
        margin: 40px 15px 40px 5px;
    }

    #worldwide-nav-trigger {
        padding: 0 0 0 15px;
        width: 54px;
    }

    #header.full-header #primary-menu ul {
        margin-right: 10px;
        padding-right: 5px;
    }

    #primary-menu ul li a {
        padding: 0 5px;
    }

}

@media (min-width: 480px) and (max-width: 1026px) {
    #logo a.standard-logo { display: none; }
    #logo a.retina-logo { display: none !important; }
    #logo a.medium-logo { display: inline-block; }
}

@media (min-width: 1300px) {
    #logo a.standard-logo { display: none; }
    #logo a.retina-logo { display: none !important; }
    #logo a.medium-logo { display: inline-block; }
}

@media (min-width: 992px) and (max-width: 1199px) {

    #header.transparent-header.floating-header .container {
        width: 1030px;
        padding: 0 30px;
    }

    #header.transparent-header.floating-header.sticky-header .container {
        width: 970px;
        padding: 0 15px;
    }

    #primary-menu.sub-title ul > li > a {
        padding-left: 15px;
        padding-right: 15px;
    }

    #primary-menu ul li.mega-menu .mega-menu-content,
    .floating-header.sticky-header #primary-menu ul li.mega-menu .mega-menu-content { width: 940px; }

    .floating-header #primary-menu ul li.mega-menu .mega-menu-content { width: 1030px; }

    .ei-slider { height: 450px; }

    .postcontent { width: 690px; }
    .postcontent.bothsidebar { width: 440px; }
    .sidebar { width: 210px; }

    .sidebar .widget iframe { width: 210px !important; }

    .team.team-list .team-image { width: 200px; }

    .testi-image,
    .testi-image a,
    .testi-image img,
    .testi-image i {
        display: block;
        width: 36px;
        height: 36px;
    }

    .testi-image i {
        line-height: 36px;
        font-size: 20px;
    }

    /* ----------------------------------------------------------------
    Portfolio
    -----------------------------------------------------------------*/

    .portfolio-item { width: 226px; }

    .portfolio-item .portfolio-image,
    .portfolio-item .portfolio-image a,
    .portfolio-item .portfolio-image img {
        width: 226px;
        height: 170px;
    }

    /* Portfolio - No Margin
    -----------------------------------------------------------------*/

    .portfolio-nomargin .portfolio-item { width: 234px; }

    .portfolio-nomargin .portfolio-item .portfolio-image,
    .portfolio-nomargin .portfolio-item .portfolio-image a,
    .portfolio-nomargin .portfolio-item .portfolio-image img {
        width: 234px;
        height: 176px;
    }

    /* Portfolio - Sidebar
    -----------------------------------------------------------------*/

    .postcontent .portfolio-item { width: 163px; }

    .postcontent .portfolio-item .portfolio-image,
    .postcontent .portfolio-item .portfolio-image a,
    .postcontent .portfolio-item .portfolio-image img {
        width: 163px;
        height: 123px;
    }

    /* Portfolio - Sidebar - No Margin
    -----------------------------------------------------------------*/

    .postcontent .portfolio-nomargin .portfolio-item,
    .postcontent .portfolio-5.portfolio-nomargin .portfolio-item { width: 171px; }

    .postcontent .portfolio-nomargin .portfolio-item .portfolio-image,
    .postcontent .portfolio-nomargin .portfolio-item .portfolio-image a,
    .postcontent .portfolio-nomargin .portfolio-item .portfolio-image img,
    .postcontent .portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image,
    .postcontent .portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image a,
    .postcontent .portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image img {
        width: 171px;
        height: 129px;
    }

    .bothsidebar .portfolio-item { width: 219px; }

    .bothsidebar .portfolio-item .portfolio-image,
    .bothsidebar .portfolio-item .portfolio-image a,
    .bothsidebar .portfolio-item .portfolio-image img {
        width: 219px;
        height: 164px;
    }

    /* Portfolio - Items - 3 Columns
    -----------------------------------------------------------------*/

    .portfolio-3 .portfolio-item { width: 303px; }

    .portfolio-3 .portfolio-item .portfolio-image,
    .portfolio-3 .portfolio-item .portfolio-image a,
    .portfolio-3 .portfolio-item .portfolio-image img {
        width: 303px;
        height: 227px;
    }

    /* Portfolio - Items - 3 Columns - No Margin
    -----------------------------------------------------------------*/

    .portfolio-3.portfolio-nomargin .portfolio-item { width: 312px; }

    .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image,
    .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image a,
    .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image img {
        width: 312px;
        height: 234px;
    }

    /* Portfolio - Sidebar - Items - 3 Columns
    -----------------------------------------------------------------*/

    .postcontent .portfolio-3 .portfolio-item { width: 219px; }

    .postcontent .portfolio-3 .portfolio-item .portfolio-image,
    .postcontent .portfolio-3 .portfolio-item .portfolio-image a,
    .postcontent .portfolio-3 .portfolio-item .portfolio-image img {
        width: 219px;
        height: 164px;
    }

    /* Portfolio - Sidebar - Items - 3 Columns - No Margin
    -----------------------------------------------------------------*/

    .postcontent .portfolio-3.portfolio-nomargin .portfolio-item { width: 229px; }

    .postcontent .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image,
    .postcontent .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image a,
    .postcontent .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image img {
        width: 229px;
        height: 172px;
    }

    /* Portfolio - Items - 2 Columns
    -----------------------------------------------------------------*/

    .portfolio-2 .portfolio-item { width: 460px; }

    .portfolio-2 .portfolio-item .portfolio-image,
    .portfolio-2 .portfolio-item .portfolio-image a,
    .portfolio-2 .portfolio-item .portfolio-image img {
        width: 460px;
        height: 343px;
    }

    /* Portfolio - Items - 2 Columns - No Margin
-----------------------------------------------------------------*/

    .portfolio-2.portfolio-nomargin .portfolio-item { width: 469px; }

    .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image,
    .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image a,
    .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image img {
        width: 469px;
        height: 352px;
    }

    /* Portfolio - Sidebar - Items - 2 Columns
    -----------------------------------------------------------------*/

    .postcontent .portfolio-2 .portfolio-item { width: 335px; }

    .postcontent .portfolio-2 .portfolio-item .portfolio-image,
    .postcontent .portfolio-2 .portfolio-item .portfolio-image a,
    .postcontent .portfolio-2 .portfolio-item .portfolio-image img {
        width: 335px;
        height: 251px;
    }

    /* Portfolio - Sidebar - Items - 2 Columns - No Margin
    -----------------------------------------------------------------*/

    .postcontent .portfolio-2.portfolio-nomargin .portfolio-item { width: 344px; }

    .postcontent .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image,
    .postcontent .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image a,
    .postcontent .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image img {
        width: 344px;
        height: 258px;
    }

    /* Portfolio - Both Sidebars - Items - 2 Columns
    -----------------------------------------------------------------*/

    .bothsidebar #portfolio.portfolio-3 { margin: 0 -20px -20px 0; }

    .bothsidebar .portfolio-2 .portfolio-item,
    .bothsidebar .portfolio-3 .portfolio-item {
        width: 210px;
        margin: 0 20px 20px 0;
    }

    .bothsidebar .portfolio-2 .portfolio-item .portfolio-image,
    .bothsidebar .portfolio-2 .portfolio-item .portfolio-image a,
    .bothsidebar .portfolio-2 .portfolio-item .portfolio-image img,
    .bothsidebar .portfolio-3 .portfolio-item .portfolio-image,
    .bothsidebar .portfolio-3 .portfolio-item .portfolio-image a,
    .bothsidebar .portfolio-3 .portfolio-item .portfolio-image img {
        width: 210px;
        height: 158px;
    }

    /* Portfolio - Both Sidebars - Items - 2 Columns - No Margin
    -----------------------------------------------------------------*/

    .bothsidebar .portfolio-2.portfolio-nomargin .portfolio-item,
    .bothsidebar .portfolio-3.portfolio-nomargin .portfolio-item { width: 219px; }

    .bothsidebar .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image,
    .bothsidebar .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image a,
    .bothsidebar .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image img,
    .bothsidebar .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image,
    .bothsidebar .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image a,
    .bothsidebar .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image img {
        width: 219px;
        height: 164px;
    }

    /* Portfolio - Items - 5 Columns
    -----------------------------------------------------------------*/

    .portfolio-5 .portfolio-item { width: 180px; }

    .portfolio-5 .portfolio-item .portfolio-image,
    .portfolio-5 .portfolio-item .portfolio-image a,
    .portfolio-5 .portfolio-item .portfolio-image img {
        width: 180px;
        height: 135px;
    }

    /* Portfolio - Items - 5 Columns - No Margin
    -----------------------------------------------------------------*/

    .portfolio-5.portfolio-nomargin .portfolio-item { width: 187px; }

    .portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image,
    .portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image a,
    .portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image img {
        width: 187px;
        height: 140px;
    }

    /* Portfolio - Items - 6 Columns
    -----------------------------------------------------------------*/

    .portfolio-6 .portfolio-item { width: 151px; }

    .portfolio-6 .portfolio-item .portfolio-image,
    .portfolio-6 .portfolio-item .portfolio-image a,
    .portfolio-6 .portfolio-item .portfolio-image img {
        width: 151px;
        height: 113px;
    }

    /* Portfolio - Items - 6 Columns - No Margin
    -----------------------------------------------------------------*/

    .portfolio-6.portfolio-nomargin .portfolio-item { width: 155px; }

    .portfolio-6.portfolio-nomargin .portfolio-item .portfolio-image,
    .portfolio-6.portfolio-nomargin .portfolio-item .portfolio-image a,
    .portfolio-6.portfolio-nomargin .portfolio-item .portfolio-image img {
        width: 155px;
        height: 116px;
    }

    /* Portfolio - Items - 1 Column
    -----------------------------------------------------------------*/

    .portfolio-1 .portfolio-item .portfolio-image,
    .portfolio-1 .portfolio-item .portfolio-image a,
    .portfolio-1 .portfolio-item .portfolio-image img {
        width: 560px;
        height: 311px;
    }

    .portfolio-1 .portfolio-desc { width: 340px; }

    .bothsidebar #portfolio-shuffle,
    .postcontent .portfolio-1 .iconlist { display: none; }

    .postcontent .portfolio-1 .portfolio-item .portfolio-image,
    .postcontent .portfolio-1 .portfolio-item .portfolio-image a,
    .postcontent .portfolio-1 .portfolio-item .portfolio-image img {
        width: 400px;
        height: 222px;
    }

    .postcontent .portfolio-1 .portfolio-desc {
        width: 250px;
        padding: 0;
    }

    .bothsidebar .portfolio-1 .portfolio-item { width: 100% !important; }

    .bothsidebar .portfolio-1 .portfolio-item .portfolio-image,
    .bothsidebar .portfolio-1 .portfolio-item .portfolio-desc {
        float: none;
        margin: 0 !important;
    }

    .bothsidebar .portfolio-1 .portfolio-item .portfolio-image { margin-bottom: 20px !important; }

    .bothsidebar .portfolio-1 .portfolio-item .portfolio-image,
    .bothsidebar .portfolio-1 .portfolio-item .portfolio-image a,
    .bothsidebar .portfolio-1 .portfolio-item .portfolio-image img {
        width: 100%;
        height: auto;
    }

    .bothsidebar .portfolio-1 .portfolio-desc {
        width: 100%;
        padding: 0;
    }

    .bothsidebar .entry-title h2 {
        font-size: 19px;
        font-weight: 600;
    }

    .bothsidebar .entry-meta li { margin-right: 10px; }


    /* Blog - Small
    -----------------------------------------------------------------*/

    .postcontent .small-thumbs .entry-image { width: 200px; }

    .bothsidebar .small-thumbs .entry-image { width: 120px; }

    /* Blog - Grid
    -----------------------------------------------------------------*/

    .post-grid .entry { width: 214px; }

    .post-grid .entry-image,
    .post-grid .entry-image img,
    .post-grid:not(.post-masonry) .entry-image iframe { height: 120px; }

    /* Blog - Grid - 3 Columns
    -----------------------------------------------------------------*/

    .post-grid.grid-3 .entry { width: 345px; }

    .post-grid.grid-3 .entry-image,
    .post-grid.grid-3 .entry-image img,
    .post-grid.grid-3:not(.post-masonry) .entry-image iframe { height: 164px; }


    /* Blog - Grid - 3 Columns - Sidebar
    -----------------------------------------------------------------*/

    .postcontent .post-grid.grid-3 .entry { width: 213px; }

    .postcontent .post-grid.grid-3 .entry-image,
    .postcontent .post-grid.grid-3 .entry-image img,
    .postcontent .post-grid.grid-3:not(.post-masonry) .entry-image iframe { height: 120px; }

    /* Blog - Grid - 2 Columns
    -----------------------------------------------------------------*/

    .post-grid.grid-2 .entry { width: 450px; }

    .post-grid.grid-2 .entry-image,
    .post-grid.grid-2 .entry-image img,
    .post-grid.grid-2:not(.post-masonry) .entry-image iframe { height: 253px; }

    /* Blog - Grid - 2 Columns - Sidebar
    -----------------------------------------------------------------*/

    .postcontent .post-grid.grid-2 .entry { width: 325px; }

    .postcontent .post-grid.grid-2 .entry-image,
    .postcontent .post-grid.grid-2 .entry-image img,
    .postcontent .post-grid.grid-2:not(.post-masonry) .entry-image iframe { height: 182px; }

    /* Blog - Grid - 2 Columns - Both Sidebar
    -----------------------------------------------------------------*/

    .bothsidebar .post-grid.grid-2 .entry { width: 200px; }

    .bothsidebar .post-grid.grid-2 .entry-image,
    .bothsidebar .post-grid.grid-2 .entry-image img,
    .bothsidebar .post-grid.grid-2:not(.post-masonry) .entry-image iframe { height: 113px; }


    .post-timeline .entry { width: 400px !important; }

    .post-timeline .entry.entry-date-section { width: 100% !important; }


    /* Blog - Medium Post List
    -----------------------------------------------------------------*/

    .mpost .entry-image,
    .mpost .entry-image a,
    .mpost .entry-image img,
    .mpost .entry-image i {
        width: 120px;
        height: 90px;
    }

    .mpost .entry-image a i { line-height: 90px; }

    .col_one_third .landing-wide-form .heading-block h2 { font-size: 32px; }

    .col_one_third .landing-wide-form .heading-block span { font-size: 17px; }

    .col_one_third .landing-wide-form { padding: 36px 30px; }


    .product { width: 220px; }

    .product-image { height: 293px; }

    /* Shop - 3 Columns
    -----------------------------------------------------------------*/

    .product-3 .product { width: 293px; }

    .product-3 .product-image { height: 391px; }

    /* Shop - 3 Columns - Sidebar
    -----------------------------------------------------------------*/

    .postcontent .product-3 .product { width: 213px; }

    .postcontent .product-3 .product-image { height: 284px; }

    /* Shop - 2 Columns - Sidebar
    -----------------------------------------------------------------*/

    .postcontent .product-2 .product { width: 325px; }

    .postcontent .product-2 .product-image { height: 434px; }

    /* Shop - 2 Columns - Both Sidebar
    -----------------------------------------------------------------*/

    .bothsidebar .product-2 .product { width: 200px; }

    .bothsidebar .product-2 .product-image { height: 267px; }

    /* Shop - 1 Column - Both Sidebar
    -----------------------------------------------------------------*/

    .bothsidebar .product-1 .product-image {
        width: 200px;
        height: 267px;
    }

    .product-title h3 { font-size: 18px; }

    .landing-video {
        width: 465px;
        height: 262px;
        margin: 19px 0 0 75px;
    }

    .panel .portfolio-meta li { padding-left: 22px; }

    .panel .portfolio-meta li span {
        display: block;
        margin-left: -21px;
    }

    .portfolio-single-image-full.portfolio-single-thumbs,
    .portfolio-single-image-full .swiper-container { height: 400px; }

    .bnews-slider { width: 817px; }

    .landing-form-overlay { bottom: -142px; }

    .newsroom .post-grid.grid-3 .entry-image a, .awards .post-grid.grid-3 .entry-image a {
        width: 293px;
    }

    .newsroom .post-grid.grid-3 .entry-image img, .awards .post-grid.grid-3 .entry-image img {
        max-width: 293px;
        max-height: 164px;
    }

    .entry-c {
        padding: 20px;
    }
}


@media (max-width: 1026px) {

    #wrapper {
        width: 100%;
        margin: 0;
        box-shadow: none;
    }

    #header.full-header .container,
    .container-fullwidth {
        padding: 0 15px !important;
        margin: 0 auto;
        width: 750px !important;
    }

    .container.vertical-middle { width: 100% !important; }

    .full-screen:not(.force-full-screen) .container.vertical-middle { margin: 0px auto; }

    .vertical-middle + .video-wrap {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .postcontent,
    .postcontent.bothsidebar,
    .sidebar {
        width: 100%;
        margin-right: 0;
        float: none !important;
        margin-bottom: 40px !important;
        padding-bottom: 40px;
        border-bottom: 1px solid #EEE;
    }

    .sidebar.col_last {
        float: none;
        margin-bottom: 0 !important;
        padding-bottom: 0;
        border-bottom: 0;
    }

    #header,
    #header-wrap,
    #header.sticky-style-2,
    #header.sticky-style-3,
    #header.sticky-style-2 #header-wrap,
    #header.sticky-style-3 #header-wrap { height: auto !important; }

    #header.sticky-style-2 #header-wrap,
    #header.sticky-style-3 #header-wrap { min-height: 60px; }

    #header.sticky-header #header-wrap { position: relative; }

    #header.transparent-header,
    #header.semi-transparent {
        background: #FFF;
        border-bottom: 1px solid #F5F5F5;
        z-index: auto;
    }

    #header.dark.transparent-header,
    #header.dark.semi-transparent {
        background-color: #333;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }

    #header.transparent-header.floating-header { margin-top: 0; }

    #header.transparent-header.floating-header .container {
        width: 750px;
        padding: 0 15px;
        border-radius: 0;
    }

    #header.transparent-header + #slider,
    #header.transparent-header + #page-title.page-title-parallax,
    #slider + #header.transparent-header,
    #header.transparent-header.floating-header + #slider {
        top: 0;
        margin-bottom: 0;
    }

    #header.transparent-header + #page-title.page-title-parallax .container { padding-top: 0; }

    #header-trigger,
    .top-advert,
    .header-extras { display: none; }

    #logo-ciena {
        display: block;
        height: 25px;
        float: none;
        margin: 0 auto 0 !important;
        max-width: none;
        border: 0 !important;
        padding: 5px 15px 0 10px !important;
    }

    #logo-ciena a.standard-logo { display: inline-block; }

    #logo {
        display: block;
        height: 100px;
        float: none;
        margin: 0 auto 0 !important;
        max-width: none;
        text-align: center;
        border: 0 !important;
        padding: 0 !important;
    }

/*  #logo a.standard-logo { display: inline-block; }*/

    #logo-bottom {
        display: block;
        height: 60px;
        float: none;
        margin: 0 auto 0 !important;
        max-width: none;
        border: 0 !important;
        padding: 0 !important;
    }

    #logo-bottom a.standard-logo { display: inline-block; }

    #primary-menu {
        display: block;
        float: none;
        height: auto !important;
    }

    #primary-menu-trigger {
        opacity: 1;
        pointer-events: auto;
        top: 25px;
        margin-top: 0;
        left: 0;
        z-index: 1;
    }

    #primary-menu .container #primary-menu-trigger {
        top: 5px;
        left: 0;
    }

    #primary-menu > ul,
    #primary-menu > div > ul {
        display: none;
        float: none !important;
        border: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }

    #primary-menu > div > ul { margin-top: 60px !important; }

    body:not(.top-search-open) #primary-menu-trigger {
        opacity: 1;
        -webkit-transition: opacity .2s .2s ease, top .4s ease;
        -o-transition: opacity .2s .2s ease, top .4s ease;
        transition: opacity .2s .2s ease, top .4s ease;
    }

    body.top-search-open #primary-menu-trigger { opacity: 0; }

    body.side-push-panel #side-panel-trigger-close a {
        display: block;
        position: absolute;
        z-index: 12;
        top: 0;
        left: auto;
        right: 0;
        width: 40px;
        height: 40px;
        font-size: 18px;
        line-height: 40px;
        color: #444;
        text-align: center;
        background-color: rgba(0,0,0,0.1);
        border-radius: 0 0 0 2px;
    }

    #primary-menu ul { height: auto !important; }

    #primary-menu.style-5 > ul {
        padding-right: 0;
        margin-right: 0;
        border-right: 0;
    }

    #primary-menu ul li {
        float: none;
        margin: 0 !important;
        text-align: left !important;
        border-top: 1px solid #EEE;
    }

    #primary-menu ul li:first-child { border-top: 0; }

    #primary-menu ul li a,
    #primary-menu.style-2 > div > ul > li > a {
        height: 50px !important;
        line-height: 50px !important;
        padding: 0 5px !important;
        border: none !important;
        margin: 0 !important;
    }

    #primary-menu.style-5 > ul > li > a > div {
        padding: 0;
        line-height: 50px;
    }

    #primary-menu.sub-title > ul > li,
    #primary-menu.sub-title.style-2 > div > ul > li {
        background: none !important;
        margin-left: 0;
    }

    #primary-menu.sub-title ul li a {
        text-transform: none;
        font-size: 14px;
    }

    #primary-menu.sub-title ul li span { display: none !important; }

    #primary-menu.sub-title > ul > li:hover > a,
    #primary-menu.sub-title > ul > li.current > a,
    #primary-menu.sub-title > div > ul > li:hover > a,
    #primary-menu.sub-title > div > ul > li.current > a,
    #primary-menu.style-3 > ul > li:hover > a,
    #primary-menu.style-3 > ul > li.current > a {
        background-color: transparent !important;
        color: #444;
        text-shadow: none;
    }

    #primary-menu ul li i,
    #primary-menu.style-2 > div > ul > li i,
    #primary-menu.sub-title ul li i,
    #primary-menu.style-3 > ul > li > a i,
    #primary-menu.style-5 > ul > li > a i { line-height: 49px; }

    #primary-menu.style-5 > ul > li > a i {
        display: inline-block;
        top: 1px;
        width: 14px;
        margin: 0 6px 0 0;
        font-size: 14px !important;
    }

    #primary-menu ul ul,
    #primary-menu ul li .mega-menu-content {
        position: relative;
        width: auto;
        background-color: transparent !important;
        box-shadow: none;
        border: 0;
        border-top: 1px solid #EEE;
        z-index: 1;
        top: 0 !important;
        padding-left: 15px;
    }

    #primary-menu ul li .mega-menu-content { padding-left: 0; }

    #primary-menu ul ul ul {
        top: 0 !important;
        left: 0;
    }

    #primary-menu ul ul.menu-pos-invert,
    #primary-menu ul li .mega-menu-content.menu-pos-invert {
        left: 0;
        right: 0;
    }

    #primary-menu ul ul ul.menu-pos-invert { right: 0; }

    #primary-menu ul ul li {
        float: none;
        margin: 0;
        border-top: 1px solid #EEE;
    }

    #primary-menu ul ul a {
        height: auto !important;
        line-height: 1.7em !important;
        padding: 11px 15px !important;
        font-size: 13px !important;
        text-transform: none;
        font-weight: 400;
    }

    #primary-menu ul ul a i { line-height: 43px; }

    #primary-menu ul ul li:hover > a {
        background-color: transparent !important;
        font-weight: 600;
        padding-left: 5px;
        color: #337ab7 !important;
    }

    #primary-menu ul li .mega-menu-content,
    #primary-menu ul li.mega-menu-small .mega-menu-content,
    #primary-menu ul li.mega-menu .mega-menu-content,
    .floating-header.sticky-header #primary-menu ul li.mega-menu .mega-menu-content,
    .floating-header #primary-menu ul li.mega-menu .mega-menu-content {
        width: auto;
        margin: 0;
        top: 0;
    }

    .container-fullwidth #primary-menu ul li.mega-menu .mega-menu-content,
    #header.full-header #primary-menu ul li.mega-menu .mega-menu-content {
        width: auto !important;
        margin: 0 !important;
    }

    #primary-menu ul li.mega-menu .mega-menu-content.style-2 { padding: 0; }

    #primary-menu ul li .mega-menu-content ul {
        display: block;
        position: relative;
        top: 0;
        min-width: inherit;
    }

    #primary-menu ul li .mega-menu-content > ul { float: none; }

    #primary-menu ul li .mega-menu-content ul {
        display: block !important;
        opacity: 1 !important;
        top: 0;
        left: 0;
    }

    #primary-menu ul li .mega-menu-content ul ul { border-top: 1px solid #EEE; }

    #primary-menu ul li .mega-menu-content.col-2 > ul,
    #primary-menu ul li .mega-menu-content.col-3 > ul,
    #primary-menu ul li .mega-menu-content.col-4 > ul,
    #primary-menu ul li .mega-menu-content.col-5 > ul {
        width: auto;
        margin: 0;
        border-left: 0;
        border-top: 1px solid #EEE;
    }

    #primary-menu ul li .mega-menu-content > ul:first-child { border: 0; }

    #primary-menu ul li .mega-menu-content ul a {
        height: 40px;
        line-height: 40px;
    }

    #primary-menu ul li .mega-menu-content ul {
        width: 100%;
        border: 0;
        box-shadow: none;
        background-color: transparent;
    }

    #primary-menu ul li .mega-menu-content.style-2 > ul { padding: 0 0 0 15px; }

    #primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title { margin: 0; }

    #primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a {
        font-size: 13px;
        font-weight: 600;
        text-transform: none !important;
        margin: 0;
        padding: 0 0 0 5px;
        color: #444 !important;
        height: 44px !important;
        line-height: 44px !important;
    }

    #primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title:hover > a {
        background-color: transparent;
        font-weight: 600;
        padding: 0 0 0 5px;
        color: #337ab7 !important;
    }

    #primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a:hover { color: #337ab7 !important; }

    #primary-menu ul ul i { line-height: inherit; }

    #primary-menu ul li .mega-menu-content.style-2 li { border-top: 1px solid #EEE; }

    #primary-menu ul li .mega-menu-content.style-2 li:first-child { border-top: 0; }

    #primary-menu ul li .mega-menu-content.style-2 ul a {
        padding-left: 5px;
        height: 44px !important;
        line-height: 44px !important;
    }

    #primary-menu ul li .mega-menu-content.style-2 ul a:hover { padding-left: 5px; }

    #top-search { margin: 0 !important; }

    #top-search a,
    #top-cart,
    #side-panel-trigger {
        position: absolute;
        top: 0;
        left: auto;
        right: 15px;
        margin: 40px 0;
        -webkit-transition: margin .4s ease;
        -o-transition: margin .4s ease;
        transition: margin .4s ease;
    }

    #primary-menu > div > #top-search a,
    #primary-menu > div > #top-cart,
    #primary-menu > div > #side-panel-trigger { margin: 20px 0 !important; }


    #primary-menu ul.windows-mobile-menu li.sub-menu { position: relative; }

    #primary-menu ul.windows-mobile-menu li.sub-menu a { background-image: none !important; }

    #primary-menu ul.windows-mobile-menu li.sub-menu a.wn-submenu-trigger {
        position: absolute;
        cursor: pointer;
        width: 32px;
        top: 0;
        right: 0;
        z-index: 1;
        padding: 0 !important;
        text-align: center !important;
    }

    #primary-menu ul.windows-mobile-menu .mega-menu-content a.wn-submenu-trigger { display: none; }

    #primary-menu ul.windows-mobile-menu li.sub-menu a.wn-submenu-trigger i { margin: 0 !important; }

    #page-menu .menu-title { display: block; }

    #header.sticky-style-3 #top-cart .top-cart-content { top: 40px; }

    #top-search a { right: 43px; }

    #top-search form { height: 100px !important; }

    #primary-menu > div > #top-search form { height: 60px !important; }

    #top-search form input { font-size: 24px; }

    #side-panel-trigger { right: 71px; }

    #page-menu #page-menu-wrap {
        position: relative !important;
        top: 0 !important;
    }

    #page-submenu-trigger {
        opacity: 1;
        pointer-events: auto;
        color: #FFF;
    }

    #page-menu.pagemenu-active #page-submenu-trigger { background-color: rgba(0,0,0,0.2); }

    #page-menu nav {
        display: none;
        position: absolute;
        float: none;
        width: 200px;
        top: 70px;
        left: auto;
        right: 15px;
        height: auto;
        background-color: #1A1A1A;
        z-index: 11;
    }

    #page-menu.pagemenu-active nav { display: block; }

    #page-menu nav ul {
        height: auto;
        background-color: rgba(0,0,0,0.2);
    }

    #page-menu nav li { float: none; }

    #page-menu nav li a {
        height: auto;
        line-height: 1.7em;
        padding: 6px 15px;
    }

    /* Smart Search
    -----------------------------------------------------------------*/

    #smart_search {
        padding: 0 0 0 58px;
    }

    #primary-menu #smart_search ul,
    #primary-menu div #smart_search ul {
        display: block;
        margin: 0 !important;
    }

    #primary-menu #smart_search ul li a {
        padding: 22px 15px 17px !important;
    }

    #primary-menu #smart_search ul li a#skip-to-search {
        padding: 20px 15px 20px 17px !important;
    }

    /* Responsive Sticky Header
    -----------------------------------------------------------------*/

    .sticky-responsive-menu #header {
        min-height: 100px;
        -webkit-transition: min-height .4s ease;
        -o-transition: min-height .4s ease;
        transition: min-height .4s ease;
    }

    .sticky-responsive-menu #header.sticky-style-2,
    .sticky-responsive-menu #header.sticky-style-3 { min-height: 160px; }

    .sticky-responsive-menu.device-touch #header,
    .sticky-responsive-menu.device-touch #header-wrap,
    .sticky-responsive-menu.device-touch #logo-ciena,
    .sticky-responsive-menu.device-touch #logo-ciena img,
    .sticky-responsive-menu.device-touch #logo,
    .sticky-responsive-menu.device-touch #logo img,
    .sticky-responsive-menu.device-touch #logo-bottom,
    .sticky-responsive-menu.device-touch #logo-bottom img,
    .sticky-responsive-menu.device-touch #top-search a,
    .sticky-responsive-menu.device-touch #primary-menu-trigger,
    .sticky-responsive-menu.device-touch #top-cart,
    .sticky-responsive-menu.device-touch #side-panel-trigger {
        -webkit-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
    }

    #header.responsive-sticky-header:not(.sticky-style-2):not(.sticky-style-3) { min-height: 60px; }

    .responsive-sticky-header #header-wrap {
        z-index: 199;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #FFF;
        border-bottom: 1px solid #EEE;
        -webkit-backface-visibility: hidden;
    }

    .responsive-sticky-header #logo-ciena,
    .responsive-sticky-header #logo-ciena img { height: 25px; }

    .responsive-sticky-header #logo,
    .responsive-sticky-header #logo img { height: 60px; }

    .responsive-sticky-header #logo-bottom,
    .responsive-sticky-header #logo-bottom img { height: 30px; }

    .responsive-sticky-header #primary-menu-trigger { top: 5px; }

    .responsive-sticky-header #primary-menu > ul,
    .responsive-sticky-header #primary-menu > .container > ul {
        max-height: 300px;
        overflow-y: scroll;
        margin-bottom: 20px;
    }

    .responsive-sticky-header #primary-menu > ul,
    .responsive-sticky-header #primary-menu > .container > ul { margin-bottom: 20px !important; }

    .responsive-sticky-header #top-search a,
    .responsive-sticky-header #top-cart,
    .responsive-sticky-header #side-panel-trigger { margin: 20px 0; }

    .responsive-sticky-header #top-search form { height: 60px !important; }

    .responsive-sticky-header #top-cart .top-cart-content { top: 40px; }


    .ei-slider { height: 350px; }

    .ei-title h3 { display: none; }

    /* Portfolio - Items
    -----------------------------------------------------------------*/

    #portfolio:not(.portfolio-1) { margin: 0 -12px -12px 0 !important; }

    #portfolio:not(.portfolio-1) .portfolio-item {
        width: 232px;
        margin: 0 12px 12px 0;
    }

    #portfolio:not(.portfolio-1) .portfolio-item .portfolio-image,
    #portfolio:not(.portfolio-1) .portfolio-item .portfolio-image a,
    #portfolio:not(.portfolio-1) .portfolio-item .portfolio-image img {
        width: 232px;
        height: 175px;
    }

    /* Portfolio - No Margin
    -----------------------------------------------------------------*/

    #portfolio.portfolio-nomargin .portfolio-item { width: 239px; }

    #portfolio.portfolio-nomargin .portfolio-item .portfolio-image,
    #portfolio.portfolio-nomargin .portfolio-item .portfolio-image a,
    #portfolio.portfolio-nomargin .portfolio-item .portfolio-image img {
        width: 239px;
        height: 178px;
    }

    /* Portfolio - Items - 2 Columns
    -----------------------------------------------------------------*/

    #portfolio.portfolio-2 .portfolio-item { width: 48%; }

    #portfolio.portfolio-2 .portfolio-item .portfolio-image,
    #portfolio.portfolio-2 .portfolio-item .portfolio-image a,
    #portfolio.portfolio-2 .portfolio-item .portfolio-image img {
        width: 100%;
        height: auto;
    }

    /* Portfolio - Items - 2 Columns - No Margin
-----------------------------------------------------------------*/

    #portfolio.portfolio-2.portfolio-nomargin .portfolio-item { width: 359px; }

    #portfolio.portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image,
    #portfolio.portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image a,
    #portfolio.portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image img {
        width: 359px;
        height: 269px;
    }

    /* Portfolio - Items - 1 Column
    -----------------------------------------------------------------*/

    #portfolio.portfolio-1 .portfolio-item .portfolio-image {
        float: none !important;
        margin: 0 !important;
        margin-bottom: 10px !important;
    }

    #portfolio.portfolio-1 .portfolio-item .portfolio-image,
    #portfolio.portfolio-1 .portfolio-item .portfolio-image a,
    #portfolio.portfolio-1 .portfolio-item .portfolio-image img {
        width: 100%;
        height: auto;
    }

    #portfolio.portfolio-1 .portfolio-desc { width: 100%; }

    /* Portfolio - Items - 1 Column - Full Width
    -----------------------------------------------------------------*/

    #portfolio.portfolio-1.portfolio-fullwidth { margin: 0 0 -60px 0; }

    #portfolio.portfolio-1.portfolio-fullwidth .portfolio-item {
        margin-bottom: 60px;
        padding-bottom: 0;
        border-bottom: 0;
        overflow: hidden;
    }

    #portfolio.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image {
        float: none;
        margin: 0 0 20px 0 !important;
    }

    #portfolio.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image,
    #portfolio.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image a,
    #portfolio.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {
        width: 100%;
        height: auto;
    }

    #portfolio.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }

    #portfolio.portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img,
    #portfolio.portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    #portfolio.portfolio-1.portfolio-fullwidth .portfolio-desc,
    #portfolio.portfolio-1.portfolio-fullwidth .alt .portfolio-desc {
        position: relative;
        width: 100%;
        height: auto;
        padding: 0;
        background-color: transparent;
        left: 0;
        right: 0;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }

    #portfolio.portfolio-1.portfolio-fullwidth .portfolio-overlay a { left: 50%; }

    #portfolio.portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a {
        left: auto;
        right: 50%;
    }

    .device-touch #portfolio.portfolio-parallax .portfolio-item .portfolio-desc,
    .device-touch #portfolio.portfolio-parallax .portfolio-overlay { opacity: 1; }

    #portfolio.portfolio-nomargin,
    #portfolio.portfolio-full { margin: 0 !important; }


    .shop-quick-view-ajax,
    .portfolio-ajax-modal { width: 90% !important; }


    .small-thumbs .entry-title h2,
    .ievent .entry-title h2 { font-size: 18px; }

    .entry-meta li {
        font-size: 12px;
        margin: 0 10px 10px 0;
    }


    /* Blog - Grid
    -----------------------------------------------------------------*/

    .post-grid { margin-right: -20px; }

    .post-grid .entry {
        float: none;
    }

    .post-grid .entry-image,
    .post-grid .entry-image img,
    .post-grid:not(.post-masonry) .entry-image iframe { height: 127px; }

    /* Blog - Grid - 3 Columns
    -----------------------------------------------------------------*/

    .post-grid.grid-2,
    .post-grid.grid-3 {
        width: 100%;
        margin: 0px auto;
    }

    .post-grid.grid-2 .entry,
    .post-grid.grid-3 .entry {
        width: 83%;
        margin: 0px auto;
    }

    .post-grid.grid-3 .entry-image,
    .post-grid.grid-3 .entry-image img,
    .post-grid.grid-3:not(.post-masonry) .entry-image iframe,
    .post-grid.grid-2 .entry-image,
    .post-grid.grid-2 .entry-image img,
    .post-grid.grid-2:not(.post-masonry) .entry-image iframe { height: 193px; }


    .post-masonry-full .entry { width: 33.30% !important; }

    .post-masonry-full.grid-3 .entry { width: 50% !important; }

    .post-timeline .entry { width: 290px !important; }

    .post-timeline .entry.entry-date-section { width: 100% !important; }



    .product { width: 226px; }

    .product-image { height: 301px; }

    .product:not(.product-2):not(.product-3) .product-title h3 { font-size: 18px; }

    /* Shop - 2 Columns - Sidebar
    -----------------------------------------------------------------*/

    #shop.product-2,
    #shop.product-3 { margin: 0 -20px -20px 0; }

    #shop.product-2 .product,
    #shop.product-3 .product {
        width: 350px;
        margin: 0 20px 20px 0;
    }

    #shop.product-2 .product-image,
    #shop.product-3 .product-image { height: 467px; }

    .pricing [class^=col-md-] .pricing-box.best-price { margin-top: 0; }

    .pricing.pricing-5 .pricing-box.best-price { margin-top: 20px; }

    .device-sm .pricing.pricing-5 .pricing-title h3,
    .device-sm .pricing.pricing-5 .best-price .pricing-title h3 { font-size: 14px; }

    .device-sm .pricing.pricing-5 .pricing-title span { font-size: 12px; }

    .device-sm .pricing.pricing-5 .pricing-price { font-size: 48px; }

    .device-sm .pricing.pricing-5 .pricing-price span { font-size: 20px; }

    .device-sm .pricing.pricing-5 .pricing-price span.price-tenure { font-size: 12px; }

    .device-sm .pricing.pricing-5 .pricing-box.best-price .pricing-title { padding: 15px 0; }

    .pricing-box.pricing-extended .pricing-desc,
    .pricing-box.pricing-extended .pricing-action-area {
        position: relative;
        float: none;
        width: auto;
        padding: 25px;
    }

    .pricing-box.pricing-extended .pricing-action-area {
        height: auto;
        border-left: 0;
        border-top: 1px solid rgba(0,0,0,0.05);
        border-radius: 0 0 3px 3px;
    }

    .testimonials-grid.grid-3 li { width: 50%; }

    .section > .testimonial {
        padding: 0 40px !important;
        max-width: none;
    }

    .promo:not(.promo-full) { padding: 30px 20px !important; }

    .promo.promo-dark h3 { line-height: 1.6; }

    .promo a.button {
        position: relative !important;
        top: 0 !important;
        margin: 20px 0 0 !important;
        left: 0 !important;
        right: 0;
    }

    #contact-form-overlay-mini {
        float: none;
        width: auto;
        max-width: 380px;
        margin: 0 auto;
    }

    .button.button-full { font-size: 22px; }

    .button.button-full i { top: 3px !important; }

    .bnews-title {
        float: none;
        display: inline-block;
    }

    .bnews-slider {
        float: none;
        margin: 10px 0 0;
        width: 100%;
    }

    .wedding-head { font-size: 60px; }

    .wedding-head .first-name span,
    .wedding-head .last-name span { font-size: 40px; }

    .wedding-head .and { font-size: 144px; }

    .error404 { font-size: 180px; }

    .landing-form-overlay {
        position: absolute;
        width: 100%;
        max-width: 400px;
        right: auto;
        left: 50%;
        margin-left: -200px;
        bottom: 0;
    }

    .newsroom .post-grid.grid-3 .entry-image a, .awards .post-grid.grid-3 .entry-image a {
        width: 345px;
    }

    .newsroom .post-grid.grid-3 .entry-image img, .awards .post-grid.grid-3 .entry-image img {
        max-width: 345px;
        max-height: 193px;
    }

    #logo-ciena {
        padding: 5px 15px 0 10px !important;
    }

    #header-top .header-top-left.text {
        line-height: 37px;
    }

    #posts .entry-content {
        width: 68%;
    }

    .webinar-item #posts .entry-content {
        width: 100%;
    }

    .entry-c {
        padding: 20px;
    }

    #posts .entry-title {
        width: 68%;
    }

    .webinar-item #posts .entry-title {
        width: 100%;
    }

    /* Resources Page
    -----------------------------------------------------------------*/
    body.resources #posts .entry-title {
        width: 100%;
    }
    body.resources #posts .entry-content {
        width: 100%;
    }

    /* Awards Page
    -----------------------------------------------------------------*/
    body.awards .entry {
        margin-bottom: 35px !important;
    }
    body.awards .entry.award-entry {
        padding-bottom: 50px !important;
    }
    body.awards .entry-image {
        float: left !important;
        height: initial !important;
        width: initial !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    body.awards .entry-image a {
        width: initial !important;
        padding-right: 40px !important;
    }
    body.awards .title-content-container {
        position: relative;
        overflow: hidden;
    }
    body.awards .entry-image img {
        max-width: 150px !important;
        min-width: 150px !important;
    }
    body.awards .title-content-container .learn-more {
        position: relative;
        padding: 30px 0;
    }
    body.awards .title-content-container .learn-more .button-awards {
        position: initial !important;
        bottom: 0 !important;
        margin: 0 !important;
    }
    .webinar-item .events .entry-c {
        padding: 20px;
    }

    /* Worldwide Nav
    -----------------------------------------------------------------*/
    #primary-menu {
        overflow: hidden;
    }

    #top-search a {
        right: 50px;
    }

    #mobile-trigger {
        display: block;
    }

    #worldwide-nav-trigger {
        border-left: 0 none;
        float: none;
        padding: 42px 0 7px;
        position: absolute;
        right: 0;
        top: 0;
    }

    #worldwide-nav {
        margin: 0 !important;
    }

    #worldwide-nav ul {
    }

    #worldwide-nav li {
        border-bottom: 1px solid #eeeeee;
        float: none;
        font-size: 13px;
        font-weight: bold;
        letter-spacing: 1px;
        line-height: 50px;
        list-style: outside none none;
        margin: 0;
    }

    #worldwide-nav li a {
        padding: 0 5px;
    }

    #worldwide-nav li a span {
        display: none;
    }

    #close-worldwide-nav {
        display: none;
    }

}


@media (min-width: 1026px) and (max-width: 1026px) {

    .swiper_wrapper:not(.full-screen):not(.canvas-slider-grid),
    .swiper_wrapper:not(.full-screen):not(.canvas-slider-grid) .swiper-slide { height: 400px !important; }

    .sidebar-widgets-wrap {
        position: relative;
        margin: 0 -38px -40px 0;
    }

    .sidebar-widgets-wrap .widget {
        display: inline-block;
        vertical-align: top;
        float: none;
        width: 340px;
        margin: 0 37px 40px 0;
        padding-top: 0;
        border-top: 0;
    }

    .landing-video {
        width: 352px;
        height: 199px;
        margin: 14px 0 0 60px;
    }


    /* SUPPORT SECTION STYLES */
    #support-section h3 {
        width: 100%;
        margin: 0px auto;
    }


    #support-section a {
        text-align: center;
        font-size: 12px;
        float: none;
        margin-top: 10px;
    }

    #support-section .clearfix p {
        display: inline-block;
        padding-right: 15px;
        padding-top: 10px;
    }

    .float-right {
        float: none;

    }
    #support-section img {
        padding: 0px 5px 0px 10px;
        display: inline-block;
    }

}

@media (max-width: 991px) {
    body.blog .entry .entry-image {
        margin: 0 20px;
    }
    body.blog .entry .entry-c {
        padding: 0 20px 0 0;
    }

    #copyrights span {
        display: block;
    }

    /* Smart Search
    -----------------------------------------------------------------*/

    #smart_search {
        padding: 0 0 0 18px;
    }

    /* Blog Redesign
    -----------------------------------------------------------------*/

    .blog-detail #blog-right-column,
    .blog #blog-right-column {
        float: none;
        margin: 0;
        clear: both;
    }

    #blog-detail-header {
        margin: 0;
    }

    .blog-detail .si-share,
    #blog-related-resources {
        width: 585px;
    }
}

@media (max-width: 768px) {

    .hide-on-mobile { display: none; }

    body { padding: 0 !important; }

    #wrapper { width: 100% !important; }

    .container-fullwidth {
        margin: 0 auto;
        padding: 0 15px !important;
    }

    h1 { font-size: 28px; }

    h2 { font-size: 24px; }

    h3 { font-size: 20px; }

    h4 { font-size: 16px; }

    #content.newsroom .section .container {
        width: 100%;
        padding: 0 20px 30px 20px;
    }

    #gotoTop,
    .one-page-arrow { display: none !important; }

    #top-bar { height: auto; }

    #top-bar .col_half {
        width: 100%;
        margin-bottom: 0 !important;
    }

    .top-links,
    .top-links > ul > li { float: none !important; }

    .top-links > ul { text-align: center; }

    .top-links > ul > li { display: inline-block; }

    .top-links > ul > li { margin-right: -4px; }

    .top-links ul ul,
    .top-links ul div.top-link-section { text-align: left; }

    .top-links ul div.top-link-section {
        left: auto;
        right: 0;
        padding: 20px 15px;
    }

    #top-social,
    #slider:not(.swiper_wrapper) .slider-caption,
    .nivo-caption,
    .flex-caption,
    .slider-caption .button,
    .camera_caption,
    .ei-title,
    .slider-arrow-top-sm,
    .slider-arrow-bottom-sm { display: none !important; }

    .slider-caption h2 { margin-bottom: 1% !important; }

    .flex-control-nav li { opacity: 1 !important; }

    .fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs { height: 60px; }

    .fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li,
    .fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li img {
        display: block;
        width: 80px !important;
        height: 60px !important;
    }

    .postcontent,
    .postcontent.bothsidebar,
    .sidebar,
    .col_full,
    .col_half,
    .col_one_third,
    .col_two_third,
    .col_three_fourth,
    .col_one_fourth,
    .col_one_fifth,
    .col_two_fifth,
    .col_three_fifth,
    .col_four_fifth,
    .col_one_sixth,
    .col_five_sixth {
        width: 100%;
        margin-right: 0;
        float: none;
        margin-bottom: 50px !important;
    }

    .sidebar.col_last { margin-bottom: 0 !important; }

    form .col_full,
    form .col_half,
    form .col_one_third,
    form .col_two_third,
    form .col_three_fourth,
    form .col_one_fourth,
    form .col_one_fifth,
    form .col_two_fifth,
    form .col_three_fifth,
    form .col_four_fifth,
    form .col_one_sixth,
    form .col_five_sixth { margin-bottom: 25px !important; }


    #page-title {
        padding: 20px 0 25px;
        text-align: center;
    }

    #page-title h1 {
        line-height: 1.5;
        font-size: 24px;
    }

    #page-title .breadcrumb {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        margin: 15px 0 0 !important;
    }

    #page-title #portfolio-navigation,
    #portfolio-ajax-title #portfolio-navigation {
        position: relative;
        top: 0;
        left: 0;
        margin: 15px auto 0;
    }

    #portfolio-ajax-title { text-align: center; }

    /* Portfolio - Filter
    -----------------------------------------------------------------*/
    .homepage .webinar-item .bothsidebar .small-thumbs .entry-image {
        float: none;
        width: 100%;
    }

    /* SUPPORT SECTION STYLES */
    #support-section h3 {
        width: 100%;
        margin: 0px auto;
    }

    #support-section a {
        text-align: center;
        font-size: 12px;
        float: none;
        margin-top: 10px;
    }

    #support-section .clearfix p {
        display: inline-block;
        float: none;
        padding-right: 15px;
        padding-top: 10px;
    }

    .float-right {
        float: none;
    }

    #support-section img {
        padding: 0px 5px 0px 10px;
        display: inline-block;
    }

    /* Portfolio - Filter
    -----------------------------------------------------------------*/

    #portfolio-filter {
        border: none;
        border-radius: 0;
        margin-bottom: 20px;
    }

    #portfolio-filter li {
        /* width: 33.33%; */
        margin-bottom: 20px;
        border: 1px solid rgba(0,0,0,0.07);
    }

    #portfolio-filter li a {
        text-align: center;
        border-left: none;
        padding: 12px 18px !important;
        border-radius: 2px !important;
    }

    #portfolio-filter li a:hover { color: #B3B3B3; }

    #portfolio-filter li.activeFilter a {
        color: #FFF;
        margin: 0;
    }

    #portfolio-shuffle { display: none; }


    /* Blog
    -----------------------------------------------------------------*/

    body.blog .small-thumbs .entry-image,
    body.blog .ievent .entry-image {
        float: none !important;
        width: 100% !important;
        margin: 0 0 20px !important;
    }

    body.blog .entry-title h2,
    body.blog .post-grid .entry-title h2 {
        font-size: 18px !important;
        font-weight: 600;
    }

    body.blog .entry-meta li {
        font-size: 11px;
        margin: 0 10px 10px 0;
    }

    body.blog .entry-c {
        padding: 20px;
    }

    #posts .entry-meta li i { display: none; }

    #posts.post-grid .entry-meta li i,
    #posts .entry-meta li:last-child i { display: inline-block; }

    .post-grid { margin-right: 0 !important; }

    .post-grid .entry,
    .post-masonry-full.grid-3 .entry {
        float: none !important;
        width: 100% !important;
        margin-right: 0 !important;
        border-right: 0 !important;
    }

    .awards .post-grid .entry {
        padding-top: 25px;
    }

    .awards .entry:last-child {
        border-bottom: none;
    }

    .post-timeline .entry.entry-date-section { margin-left: 0; }

    .timeline-border,
    .post-timeline .entry-timeline { display: none !important; }

    .postcontent .post-timeline { padding-left: 0; }

    .post-masonry-full .entry { padding: 40px !important; }

    .post-grid .entry-image,
    .post-grid .entry-image img { height: auto !important; }

    .product-1 .product { width: 100%; }

    .product-1 .product-image {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 0 20px !important;
    }

    .product-1 .product-title h3 { font-size: 19px; }

    .product-1 p { display: none; }


    .pricing-box.best-price { margin-top: 0; }

    .pricing.pricing-5 .pricing-box {
        float: none;
        width: 100%;
    }

    .pricing-box.pricing-extended .pricing-features li {
        width: auto;
        float: none;
    }

    table.cart .quantity { display: block; }

    table.cart .quantity .qty,
    table.cart .quantity .plus,
    table.cart .quantity .minus {
        float: none;
        width: 100%;
    }

    table.cart .quantity .qty {
        border: 0;
        border-top: 1px solid #DDD;
        border-bottom: 1px solid #DDD;
    }

    .button.button-desc {
        padding: 20px 17px;
        font-size: 15px;
        max-width: 100%;
    }

    .button.button-desc span { font-size: 11px; }

    .process-steps li {
        float: none;
        width: auto !important;
        margin-top: 20px;
    }

    .process-steps li:first-child { margin-top: 0; }

    .process-steps li h5 { margin: 10px 0 0 0; }

    .process-steps li:before,
    .process-steps li:after { display: none; }


    .testimonials-grid li {
        float: none;
        width: auto !important;
        padding-left: 0;
        padding-right: 0;
    }

    .team.team-list .team-image {
        float: none;
        width: 100%;
        margin-right: 0;
    }

    .team.team-list .team-title { margin-top: 15px; }

    .title-block {
        padding: 2px 0 3px 15px;
        border-left-width: 5px;
    }

    .title-block-right {
        padding: 2px 15px 3px 0;
        border-right-width: 5px;
    }

    .title-block h1 + span { font-size: 18px; }

    .title-block h2 + span { font-size: 17px; }

    .title-block h3 + span { font-size: 15px; }

    .title-block h4 + span { font-size: 13px; }

    .heading-block h1 { font-size: 30px; }

    .heading-block h2 { font-size: 26px; }

    .heading-block h3 { font-size: 22px; }

    .heading-block h4 { font-size: 19px; }

    .heading-block h1 + span { font-size: 20px; }

    .heading-block h2 + span { font-size: 18px; }

    .heading-block h3 + span,
    .heading-block h4 + span { font-size: 17px; }

    .heading-block ~ p:not(.lead) { font-size: 15px; }

    .emphasis-title h1,
    .emphasis-title h2 { font-size: 44px !important; }

    .wedding-head { font-size: 48px; }

    .wedding-head .first-name,
    .wedding-head .last-name,
    .wedding-head .and {
        display: block;
        margin: 0 0 15px;
        text-align: center;
    }f

    .wedding-head .first-name span,
    .wedding-head .last-name span { font-size: 36px; }

    .wedding-head .and { font-size: 120px; }

    .news-carousel .overlay { display: none; }
    .mobile-remove {
        display: none;
    }

    /* Copyrights
    -----------------------------------------------------------------*/

    #copyrights .col_half { text-align: center; }

    #copyrights .tright.col_last:last-child {
        clear: left;
        float: left;
        margin-top: 20px;
        text-align: center !important;
    }

    #copyrights .tright.col_last:last-child .fright {
        float: none !important;
    }

    #copyrights .footer-logo {
        margin-left: auto;
        margin-right: auto;
    }

    /* Contact form
    -----------------------------------------------------------------*/

    #template-contactform .checkbox input[type="checkbox"] {
        margin-bottom: 20px;
    }

    /* Blog Redesign
    -----------------------------------------------------------------*/

    .blog #content.newsroom .section .container {
        width: 100%;
    }

    .blog #content.newsroom .section .container #posts,
    .featured-title-wrapper {
        width: 100%;
    }

    .bx-wrapper .bx-controls-direction a {
        top: 30%;
    }

    .bp-blog-slide span {
        margin: 15px 0 10px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .webinar-item .entry-c .portrait-view {
        display: block;
    }

    /* Blog Redesign
    -----------------------------------------------------------------*/

    .blog #content.newsroom .section .container {
        width: 750px;
        padding: 0 15px;
    }

    .blog #content.newsroom .section .container #posts {
        width: 750px;
        float: none;
    }

    .featured-title-wrapper {
        width: 750px
    }

    .blog .content-wrap .line {
        width: 84%;
    }

    .bx-wrapper .bx-viewport {
        min-height: 665px;
    }

}

@media screen and (min-width: 601px) and (max-width: 900px) {

    #blog-left-column {
        width: 90%;
    }

    .blog-detail #blog-right-column {
        width: 90%;
    }

    .blog-detail #promos {
        overflow: hidden;
    }

    #promos .promo {
        float: left;
        margin-right: 20px;
        padding: 0 !important;
        width: 212px;
    }

    #promos .promo.last {
        margin-right: 0;
    }

}

@media screen and (min-width: 0) and (max-width: 900px) {

    #blog-left-column {
        width: 100%;
    }

}

@media screen and (min-width: 689px) and (max-width: 768px) {

    .blog .content-wrap .line {
        width: 81%;
    }

    .bx-wrapper .bx-viewport {
        min-height: 615px;
    }

}

@media screen and (min-width: 601px) and (max-width: 688px) {

    #content .section.associations {
        padding: 28px 0 16px;
    }

    .blog .content-wrap h2.featured-title {
        margin: 0 auto 15px !important;
    }

    .blog .content-wrap .line {
        width: 78%;
    }

}

@media screen and (min-width: 0) and (max-width: 635px) {

    .subscribe .opt-in-text {
        top: 0;
    }

}

@media (min-width: 480px) and (max-width: 768px) {

    .container,
    #header.full-header .container,
    .container-fullwidth { width: 90% !important; }


    .container.vertical-middle { width: 100% !important; }

    .full-screen:not(.force-full-screen) .container.vertical-middle { margin: 0px auto; }

    #top-search form input { padding-right: 60px; }

    .swiper_wrapper:not(.force-full-screen),
    .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide { height: 300px !important; }

    .slider-caption {
        max-width: 95%;
    }

    .slider-caption h2 {
        width: 95%;
    }

    .swiper_wrapper .slider-caption h2 {
        font-size: 36px;
    }

    .ei-slider { height: 250px; }

    #header.transparent-header.floating-header .container {
        width: 470px;
        padding: 0 15px;
    }

    /* Portfolio - Items
    -----------------------------------------------------------------*/

    #portfolio:not(.portfolio-1) { margin: 0 -6px -6px 0; }

    #portfolio:not(.portfolio-1) .portfolio-item { margin: 0 6px 6px 0; }

    /* Portfolio - Items - 5 & 6 Columns
    -----------------------------------------------------------------*/

    #portfolio:not(.portfolio-1) .portfolio-item { width: 48%; }

    #portfolio:not(.portfolio-1) .portfolio-item .portfolio-image,
    #portfolio:not(.portfolio-1) .portfolio-item .portfolio-image a,
    #portfolio:not(.portfolio-1) .portfolio-item .portfolio-image img {
        width: 100%;
        height: auto;
    }

    /* Portfolio - Items - 5 & 6 Columns - No Margin
    -----------------------------------------------------------------*/

    #portfolio.portfolio-nomargin:not(.portfolio-1) .portfolio-item { width: 219px; }

    #portfolio.portfolio-nomargin:not(.portfolio-1) .portfolio-item .portfolio-image,
    #portfolio.portfolio-nomargin:not(.portfolio-1) .portfolio-item .portfolio-image a,
    #portfolio.portfolio-nomargin:not(.portfolio-1) .portfolio-item .portfolio-image img {
        width: 219px;
        height: 164px;
    }

    /* Portfolio - Items - Descriptions
    -----------------------------------------------------------------*/

    #portfolio:not(.portfolio-1) .portfolio-desc { padding: 15px 5px 10px; }

    #portfolio:not(.portfolio-1) .portfolio-desc h3 { font-size: 16px; }

    #portfolio:not(.portfolio-1) .portfolio-desc span { font-size: 14px; }

    #portfolio.portfolio-notitle:not(.portfolio-1) .portfolio-desc {
        height: 78px;
        padding: 15px 5px;
        bottom: -79px;
    }

    #portfolio.portfolio-full.portfolio-notitle:not(.portfolio-1) .portfolio-desc,
    #portfolio.portfolio-nomargin.portfolio-notitle:not(.portfolio-1) .portfolio-desc {
        bottom: -78px;
        border-bottom: 0;
    }

    /* Portfolio - Items - Overlay
    -----------------------------------------------------------------*/

    #portfolio.portfolio-notitle:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay a.left-icon,
    #portfolio.portfolio-notitle:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay a.right-icon,
    .portfolio-notitle .iportfolio:hover .portfolio-overlay a.left-icon,
    .portfolio-notitle .iportfolio:hover .portfolio-overlay a.right-icon { margin-top: -55px !important; }

    #portfolio:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay .portfolio-desc ~ a { margin: 20px 0 0 !important; }

    #portfolio:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay .portfolio-desc ~ a.right-icon {
        margin-left: 5px !important;
        margin-right: 0 !important;
    }

    /* Portfolio - Items - 1 Column
    -----------------------------------------------------------------*/

    .portfolio-1 .portfolio-item .portfolio-image {
        float: none !important;
        margin: 0 !important;
        margin-bottom: 10px !important;
    }

    .portfolio-1 .portfolio-item .portfolio-image,
    .portfolio-1 .portfolio-item .portfolio-image a,
    .portfolio-1 .portfolio-item .portfolio-image img {
        width: 100%;
        height: auto;
    }

    .portfolio-1 .portfolio-desc { width: 100%; }

    /* Portfolio - Items - 1 Column - Full Width
    -----------------------------------------------------------------*/

    #portfolio.portfolio-1.portfolio-fullwidth { margin: 0 0 -60px 0; }

    .portfolio-1.portfolio-fullwidth .portfolio-item {
        margin-bottom: 60px;
        padding-bottom: 0;
        border-bottom: 0;
        overflow: hidden;
    }

    .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image {
        float: none;
        margin: 0 0 20px 0 !important;
    }

    .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image,
    .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image a,
    .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {
        width: 100%;
        height: auto;
    }

    .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }

    .portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img,
    .portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .portfolio-1.portfolio-fullwidth .portfolio-desc,
    .portfolio-1.portfolio-fullwidth .alt .portfolio-desc {
        position: relative;
        width: 100%;
        height: auto;
        padding: 0;
        background-color: transparent;
        left: 0;
        right: 0;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }

    .portfolio-1.portfolio-fullwidth .portfolio-overlay a { left: 50%; }

    .portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a {
        left: auto;
        right: 50%;
    }

    #portfolio.portfolio-nomargin,
    #portfolio.portfolio-full { margin: 0 !important; }

    .post-grid:not(.post-masonry) .entry-image iframe { height: 246px; }

    #shop:not(.product-1) { margin: 0 -12px -12px 0; }

    #shop:not(.product-1) .product {
        margin: 0 12px 12px 0;
        width: 214px;
    }

    #shop:not(.product-1) .product-image { height: 285px; }

    #shop:not(.product-1) .product-title h3 { font-size: 17px; }

    .clients-grid:not(.grid-3):not(.grid-2) li,
    .clients-grid.grid-4 li,
    .clients-grid.grid-6 li { width: 33.33%; }

    .button.button-full { font-size: 18px; }

    .button.button-full i {
        top: 2px !important;
        margin-left: 3px !important;
    }

    .error404,
    .error404-wrap .error404 { font-size: 160px; }

    .landing-video {
        position: relative;
        top: 12px;
        width: 333px;
        height: 187px;
        margin: 19px 0 0 53px;
    }

    .newsroom .post-grid.grid-3 .entry-image a, .awards .post-grid.grid-3 .entry-image a {
        width: 470px;
    }

    .newsroom .post-grid.grid-3 .entry-image img, .awards .post-grid.grid-3 .entry-image img {
        max-width: 470px;
        max-height: none;
    }

    #centurylink {
        margin: 0px auto;
        width: 100%;
        padding-bottom: 40px;

    }

    #ecosystem-subcaption {
        margin:0px auto;
        width: 100%;

    }

    #content.container {
        position: relative;
        padding: 20px !important;

    }
}

@media (max-width: 479px) {
    #header-top {
        height: auto;
        padding: 10px 15px;
    }
    #header-top a {
        margin: 0;
    }
    #header-top a:first-child {
        margin: 0;
    }
    #header-top .header-top-left {
        float: none;
    }
    #header-top-right {
        display: none;
    }
    #header-top .header-top-left.text {
        line-height: 15px;
    }
    .heading-block {
        padding: 8px;
    }
    #footer .footer-widgets-wrap {
        padding: 80px 0 0;
    }
    #footer .footer-nav {
        padding: 0;
        padding-right: 30px;
        margin-bottom: 15px;
    }
    .container,
    #header.full-header .container,
    .container-fullwidth { width: 310px !important; }

    .homepage #content .container.hp-webinar {
        padding-top: 30px;
        width: 95% !important;
    }

    .container.vertical-middle { width: 100% !important; }

    #page-menu .menu-title.ecosystem-deployments {
        line-height: 23px;
        padding-top: 9px;
    }

    .feature-box .fbox-icon {
        display: initial;
        position: initial;
        top: initial;
        left: initial;
        float: left;
        margin-right: 15px;
    }

    .full-screen:not(.force-full-screen) .container.vertical-middle { width: 310px !important; }

    #top-cart { display: none; }

    #top-search a { right: 50px; }

    #top-search form input { padding-right: 30px; }

    #side-panel-trigger { right: 43px; }

    .swiper_wrapper:not(.force-full-screen),
    .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide,
    .ei-slider { height: 180px !important; }

    .swiper_wrapper .slider-caption h2 {
        font-size: 22px;
        padding-top: 15px;
        width: 100%;
        margin-bottom: 0 !important;
    }

    .slider-caption p {
        font-size: 14px;
        margin: 0;
        max-width: 300px;
    }

    .slider-caption p.onos-logo {
        margin: 0 0 10px;
    }

    #header.transparent-header.floating-header .container {
        width: 310px;
        padding: 0 15px;
    }

    #portfolio-filter li { width: 50%; }

    #portfolio:not(.portfolio-1) { margin: 0 !important; }

    #portfolio:not(.portfolio-1) .portfolio-item { width: 280px; }

    #portfolio:not(.portfolio-1) .portfolio-item .portfolio-image,
    #portfolio:not(.portfolio-1) .portfolio-item .portfolio-image a,
    #portfolio:not(.portfolio-1) .portfolio-item .portfolio-image img {
        width: 280px;
        height: 211px;
    }

    .post-grid:not(.post-masonry) .entry-image iframe { height: 157px; }

    #shop:not(.product-1) { margin: 0; }

    #shop:not(.product-1) .product {
        margin: 0 0 20px 0;
        width: 100%;
    }

    #shop:not(.product-1) .product-image { height: 373px; }

    #shop:not(.product-1) .product-title h3 { font-size: 19px; }

    .fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs { height: 45px; }

    .fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li,
    .fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li img {
        display: block;
        width: 60px !important;
        height: 45px !important;
    }

    .si-share span { display: none; }

    .parallax .entry-overlay-meta,
    .parallax .entry-overlay {
        left: 50% !important;
        right: 0 !important;
        margin: 0 0 0 -140px !important;
        width: 280px !important;
    }

    .parallax .entry-overlay { width: 288px !important; }

    .parallax .countdown-section {
        width: 64px;
        height: 64px;
        margin: 0 8px 0 0;
        font-size: 11px;
        padding: 0;
        padding-top: 12px;
    }

    .parallax .countdown-amount { font-size: 20px; }

    .countdown-large .countdown-section {
        display: block;
        width: auto;
        margin: 30px 0 0;
        border: 0;
    }

    .countdown-large .countdown-section:first-child { margin-top: 0; }

    .testi-image,
    .testi-image a,
    .testi-image img,
    .testi-image i {
        width: 36px;
        height: 36px;
    }

    .testi-image i {
        line-height: 36px;
        font-size: 20px;
    }

    .clients-grid:not(.grid-3):not(.grid-2) li,
    .clients-grid.grid-4 li,
    .clients-grid.grid-6 li { width: 50%; }

    .button.button-full { font-size: 16px; }

    .button.button-full i {
        top: 2px !important;
        margin-left: 3px !important;
    }

    .emphasis-title h1,
    .emphasis-title h2 { font-size: 40px !important; }

    .error404,
    .error404-wrap .error404 { font-size: 120px; }

    .landing-video {
        position: relative;
        top: 9px;
        width: 212px;
        height: 119px;
        margin: 19px 0 0 34px;
    }

    .landing-form-overlay { margin-left: -155px; }

    .button.button-desc {
        padding: 20px 17px;
        font-size: 15px;
        max-width: 100%;
    }

    .button.button-desc span { font-size: 11px; }

    .button.button-large {
        padding: 0 5px;
    }

    .social.icons {
        margin: 5px;
    }

    .search-pagination a {
        width: 18px;
        margin-left: 4px;
    }

    .newsroom .post-grid.grid-3 .entry-image a, .awards .post-grid.grid-3 .entry-image a {
        width: 310px;
    }

    .newsroom .post-grid.grid-3 .entry-image img, .awards .post-grid.grid-3 .entry-image img {
        max-width: 310px;
        max-height: none;
    }

    #centurylink {
        margin: 0px auto;
        width: 100%;
        padding-bottom: 40px;

    }

    #ecosystem-subcaption {
        margin:0px auto;
        width: 100%;

    }

    #content.container {
        position: relative;
        padding: 20px !important;

    }

    .slider-caption {
        top: 0 !important;
    }

/* SUPPORT SECTION STYLES */
    #support-section h3 {
        width: 100%;
        margin: 0px auto;
    }


    #support-section a {
        text-align: center;
        font-size: 12px;
        float: none;
        margin-top: 10px;
    }

    #support-section .clearfix p {
        display: inline-block;
        margin-bottom: 0px !important;
        margin-left: 50px;

    }

    .float-right {
        text-align: left;
        margin-top: 20px;

    }

    #support-section img {
        padding: 0px 5px 0px 10px;
        display: inline-block;
    }

    #copyrights span {
        display: block;
    }

    .webinar-item .bothsidebar .small-thumbs .entry-image {
        width: 238px;
    }

    /* Quizzes
    -----------------------------------------------------------------*/

    .quiz-container,
    #content .quiz-container,
    #content #header.full-header .quiz-container {
        width: 90% !important;
        padding: 30px 0 !important;
    }

    #step-through-quiz-wrapper {
        padding: 20px;
    }

    .quiz-question h1 {
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 10px;
    }

    .quiz-options ul li {
        background: transparent url("/?a=166899") no-repeat 5px 13px;
        padding: 0 0 0 32px;
    }

    .radio li.show-correct,
    .mc li.show-correct {
        background: #ffffff url("/?a=166900") no-repeat 5px 13px;
    }

    .radio li.selected,
    .mc li.selected {
        background: transparent url("/?a=166901") no-repeat 5px 13px;
    }

    .quiz-options ul li a {
        font-size: 13px;
        line-height: 19px;
        padding: 10px 0 11px;
    }

    .result-container p {
        max-width: 90%;
    }

    .end-of-quiz h1 {
        line-height: 33px;
    }

}

@media screen and (max-width: 545px) {
    .pr_contact {
        float: none;
        width: 100%;
    }
}

@media screen and (max-width: 600px) {

    /* Resources
    -----------------------------------------------------------------*/

    body.resources .small-thumbs .entry-image,
    body.resources .ievent .entry-image {
        float: none !important;
        width: 100% !important;
        margin: 0 0 20px !important;
    }

    body.resources .entry-title h2,
    body.resources .post-grid .entry-title h2 {
        font-size: 18px !important;
        font-weight: 600;
    }

    body.resources .entry-meta li {
        font-size: 11px;
        margin: 0 10px 10px 0;
    }

    body.resources .entry-c {
        padding: 20px;
    }

    /* Blog Promos
    -----------------------------------------------------------------*/
    #blog-left-column {
        width: 100%;
    }

    .blog-detail #blog-right-column {
        width: 100%;
    }

    .blog-detail #promos {
        overflow: hidden;
    }

    #promos .promo {
        padding: 0 !important;
        width: 100%;
        margin: 30px 0;
    }

    #promos .promo.last {
        margin-right: 0;
    }

    #promos .promo a {
        width: 94%;
    }

    #promos .promo img {
        width: 100%;
    }

    #promos .promo a.promo-cta {
        width: auto;
    }

    /* Quizzes
    -----------------------------------------------------------------*/

    .quiz-overview {
        width: 95%;
    }

    .quiz-button,
    .submit-options {
        margin: 10px 0 0;
    }

    .quiz-options {
        width: 100%;
        max-width: 100%;
        margin: 0 0 10px;
    }

    #step-through-quiz p {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 10px;
    }

    .result-container {
        padding: 10px 0 0;
    }

    /* Blog Redesign
    -----------------------------------------------------------------*/

    .button-subscribe {
        display: none;
    }

    .button-subscribe.banner {
        margin-top: 20px;
        display: block;
    }

    .trigger-dropdowns {
        display: inline;
    }

    #blog-right-column {
        width: 100%;
    }

    .blog-right-list {
        background-color: #0085ca;
        cursor: pointer;
        text-align: center;
    }

    .blog-right-list h3 {
        color: #ffffff;
        padding: 10px 0;
        text-transform: uppercase;
        letter-spacing: 1.5px;
    }

    .blog-right-list ul {
         display: none;
    }

    .blog-right-list.open {
        background-color: #ffffff;
        border: 1px solid #0085ca;
        padding: 0 10px 12px;
    }

    .blog-right-list.open h3 {
        border-bottom: 1px solid #cccccc;
        color: #0085ca;
        margin: 0 0 5px;
        padding: 10px 0 7px;
    }

    .blog-right-list.open ul {
         /*display: block;*/
    }

    .blog-right-list.open ul li {
        line-height: 17px;
        margin: 10px 0 0;
    }

    .blog-detail .si-share, #blog-related-resources {
        width: 100%;
    }

}

@media screen and (min-width: 320px) and (max-width: 650px) {

    .quiz-options {
        margin: 0;
    }

    .end-of-quiz {
        padding: 0 10px;
    }

    .next-arrow {
        bottom: 30px;
        right: 20px;
    }
}

@media screen and (min-width: 0px) and (max-width: 1200px) {

    #step-through-quiz {
        padding-top: 40px;
    }

    #quiz-share {
        left: 10px;
        right: unset;
    }

    #quiz-share li {
        margin: 0 5px 0 0;
    }
}

@media screen and (min-width: 595px) and (max-width: 650px) {

    .end-of-quiz {
        padding: 40px 10px;
    }
}

@media screen and (max-width: 479px) {
    .feature-box {
        padding: 0 30px;
    }

    body.awards .entry {
        margin-bottom: initial !important;
    }
    body.awards .entry.award-entry {
        padding-bottom: initial !important;
    }
    body.awards .entry-image {
        float: initial !important;
        height: initial !important;
        width: initial !important;
        padding: initial !important;
        margin: initial !important;
    }
    body.awards .entry-image a {
        width: initial !important;
        padding-right: initial !important;
    }
    body.awards .title-content-container {
        position: initial !important;
        overflow: initial !important;
    }
    body.awards .title-content-container .learn-more {
        position: initial !important;
    }
    body.awards .title-content-container .learn-more .button-awards {
        position: initial !important;
        bottom: initial !important;
        margin: initial !important;
    }
    .awards .entry-title h2 {
        clear:left !important;
        padding-top: 20px !important;
    }

    .awards #posts .entry-image {
        text-align: center;
        display: block;
        width: 100% !important;
    }

    .awards .post-grid.grid-3 .entry-image img {
        display: inline-block;
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {

    .blog #content.newsroom .section .container {
        width: 1040px;
        padding: 0 15px;
    }

    .blog-detail #blog-right-column {
        margin: 0;
    }

}

@media screen and (min-width: 901px) and (max-width: 1200px) {

    #blog-left-column {
        width: 611px;
    }

    .blog-detail #blog-right-column {
        float: left;
        clear: right;
        margin: 40px 0 0;
    }

    #promos .promo {
        margin: 30px 0;
        padding: 0 !important;
    }

}

@media screen and (min-width: 481px) and (max-width: 600px) {

    #content .section.associations {
        padding: 28px 0 16px;
    }

    .blog .content-wrap h2.featured-title {
        margin: 0 auto 15px !important;
    }

    .blog .content-wrap .line {
        width: 72%;
    }

    .bx-wrapper .bx-viewport {
        min-height: 550px;
    }

    .bx-wrapper .bx-viewport {
        min-height: 550px;
    }

    .bx-wrapper .bx-pager {
        top: 315px;
    }

}

@media screen and (min-width: 481px) and (max-width: 570px) {

    .slider-caption h3 {
        font-size: 21px;
        line-height: 25px;
        margin: 20px 0 5px;
    }

}

@media screen and (min-width: 0) and (max-width: 480px) {

    .slider-caption {
        max-width: 320px;
    }

    .slider-caption h3 {
        font-size: 16px;
        line-height: 20px;
        margin: 10px 0 0;
    }

    .slider-caption h4 {
        font-size: 16px;
        line-height: 1.2em;
        margin: 15px 0 30px;
    }

    .slider-caption p {
        line-height: 17px;
        margin: 5px 0 0;
    }

    .blog #content.newsroom .section .container {
        width: 100% !important;
    }

    .blog #content .section.associations,
    .subscribe #content .section.associations {
        padding: 25px 0 15px;
    }

    .blog .content-wrap .line {
        display: none;
    }

    .blog .content-wrap h2.featured-title {
        margin: 0 auto 10px !important;
        font-size: 21px;
    }

    .bx-wrapper .bx-viewport {
        min-height: 0;
    }

    .bx-wrapper .bx-controls-direction a {
        top: 95px;
    }

    .bp-blog-slide span {
        margin: 10px 0 8px;
    }

    .bp-blog-slide h2 {
        font-size: 22px;
        line-height: 25px;
    }

    .bp-blog-slide p,
    .more-link {
        font-size: 13px;
    }

    .bp-blog-slide p {
        margin: 0 0 10px;
    }

    .blog #posts .entry-title {
        width: 100%;
    }

    .entry-title h2 {
        line-height: 22px;
    }

    #blog-left-column p {
        margin-bottom: 15px;
    }

    .blog #posts .entry-content {
        width: 100%;
    }

    #blog-related-resources {
        margin: 30px 0 0;
    }

    .blog-related-resource {
        width: 100%;
        clear: left;
    }

    .blog-related-resource img {
        width: 100%;
    }

    .blog-line {
        margin: 17px 0 0;
    }

    .subscribe .checkbox {
        height: 55px;
    }

}

@media screen and (min-width: 0) and (max-width: 497px) {
    #blog-left-column .about-author p {
        width: 100%;
    }
}

@media screen and (min-width: 450px) and (max-width: 479px) {

    .bx-wrapper .bx-pager {
        bottom: unset;
        right: 0;
        top: 288px;
    }

}

/* Blog Redesign
    -----------------------------------------------------------------*/

@media (max-width: 1009px) {

    .blog.blog-detail #content.newsroom .section .container {
        width: auto;
    }
}

@media (max-width: 907px) {

    #blog-left-column {
        width: 100%;
    }

    #blog-left-column .sidebar,
    #blog-left-column .interstitial-promo {
        position: static;
        width: 100%;
        border: 0 none;
        margin: 15px 0 !important;
        max-width: none;
    }

    #blog-left-column .interstitial-promo {
        padding: 0 !important;
    }

    #blog-left-column .sidebar a,
    #blog-left-column .inline a {
        padding: 20px;
    }

    #blog-left-column .sidebar p,
    #blog-left-column .inline p {
        margin: 0;
    }

    #blog-left-column .sidebar .mock-cta,
    #blog-left-column .sidebar img {
        display: none;
    }

}

@media screen and (max-width: 410px) {

    .social-media-icons {
        padding: 15px 0 15px 5px;
        width: 100%;
        min-width: 320px;
    }

    .social-media-icons span.share-label {
        width: 50px;
    }

    .social-media-icon.facebook {
        width: 55px;
    }

    .social-media-icon.twitter,
    .social-media-icon.linked-in {
        width: 67px;
    }
}

/* Front page recent blog post
    ------------------------------- */
@media screen and (max-width: 991px) {
    .entry-image.recent-blog-image {
        float: none;
    }
    #posts .most-recent-post .entry-content {
        width: 100%;
    }
    .most-recent-post .entry-c {
        padding-top: 20px;
    }
}

@media screen and (max-width: 768px) {
    .entry-image.recent-blog-image {
        background-image: none !important;
        width: 100% !important;
        height: auto;
    }
    .entry-image.recent-blog-image a {
        height: 100%;
    }
    .hide-desktop {
        display: block !important;
    }

}

/* ----------------------------------------------------------------
    Related Resources on resource detail pages
-----------------------------------------------------------------*/

@media (min-width: 769px) and (max-width: 991px) {

    .resource {
        width: 348px;
        padding-bottom: 30px;
    }
}

@media (min-width: 511px) and (max-width: 768px) {
    .resource {
        max-width: 313px;
        width: 47%;
    }
}

@media (min-width: 480px) and (max-width: 510px) {
    .resource {
        padding-bottom: 20px;
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .module-container {
        padding: 40px 0 0;
    }
}

/* ----------------------------------------------------------------
    Homepage hero updates for DonRiver
-----------------------------------------------------------------*/

@media only screen and (max-width: 1130px) {

    .slider-caption {
        margin-top: 50px;
    }

    .slider-caption h2 {
        padding: 0;
    }
}

@media only screen and (max-width: 1000px) {
    
    .slider-caption .fleft,
    .slider-caption .button,
    .slider-caption .button.fleft {
        margin-left: 0;
        float: none !important;
    }

    .slider-caption img.fleft {
        display: block;
    }
}

@media only screen and (max-width: 768px) {

    .slider-caption {
        margin-top: 40px;
    }
    
    .swiper-container .slider-caption .slider-title {
        font-size: 34px;
    }

    .swiper-container .slider-caption .slider-subtitle {
        font-size: 22px;
    }

    .slider-caption img {
        max-width: 80%;
    }

    .slider-caption .float-container {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 510px) {
    .slider-caption {
        margin-top: 0;
    }

    .swiper-container .slider-caption .slider-title {
        font-size: 24px;
    }

    .swiper-container .slider-caption .slider-subtitle {
        font-size: 20px;
    }
}

@media only screen and (max-width: 479px) {

    .slider-caption {
        margin-top: 10px;
    }

    .swiper-container .slider-caption .slider-title {
        font-size: 20px;
        letter-spacing: 1px;
    }

    .swiper-container .slider-caption .slider-subtitle {
        font-size: 17px;
    }
}

/* ----------------------------------------------------------------
    Retina CSS
-----------------------------------------------------------------*/


@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

    #logo-ciena a.standard-logo { display: none; }
    #logo-ciena a.retina-logo { display: block; }

    #logo a.standard-logo { display: none; }
    #logo a.retina-logo { display: block; }

    #logo-bottom a.standard-logo { display: none; }
    #logo-bottom a.retina-logo { display: block; }

    .owl-carousel.owl-loading,
    .preloader,
    .preloader2,
    .form-process {
        background-image: url('/?a=166902');
        background-size: 24px 24px;
    }

    .dark .owl-carousel.owl-loading,
    .dark .preloader,
    .dark .preloader2,
    .dark .form-process { background-image: url('/?a=166903'); }

    .widget_recent_comments li {
        background-image: url("/?a=166904");
        background-size: 15px 26px;
    }

    .widget_nav_menu li a,
    .widget_links li a,
    .widget_meta li a,
    .widget_archive li a,
    .widget_recent_entries li a,
    .widget_categories li a,
    .widget_pages li a,
    .widget_rss li a,
    .widget_recent_comments li a {
        background-image: url("/?a=166905");
        background-size: 4px 20px;
    }

    .dark .widget_recent_comments li { background-image: url("/?a=166906"); }

    .dark .widget_nav_menu li a,
    .dark .widget_links li a,
    .dark .widget_meta li a,
    .dark .widget_archive li a,
    .dark .widget_recent_entries li a,
    .dark .widget_categories li a,
    .dark .widget_pages li a,
    .dark .widget_rss li a,
    .dark .widget_recent_comments li a { background-image: url("/?a=166907"); }

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1026px),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width: 1026px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width: 1026px),
only screen and (        min-device-pixel-ratio: 2) and (max-width: 1026px),
only screen and (                min-resolution: 192dpi) and (max-width: 1026px),
only screen and (                min-resolution: 2dppx) and (max-width: 1026px) {
    #logo-ciena a.standard-logo { display: none; }
    #logo-ciena a.retina-logo { display: inline-block; }

    #logo a.standard-logo { display: none; }
    #logo a.retina-logo { display: inline-block; }

    #logo-bottom a.standard-logo { display: none; }
    #logo-bottom a.retina-logo { display: inline-block; }
}
.btnList {
    margin: 0;
    border: none;
    cursor: pointer
}

.btnList:focus {
    background: #808080;
    color: #000
}

.btnList {
    background: transparent;
    padding: 14px;
    color: #a3a3a3;
    vertical-align: middle;
}

.btnList:hover,
.btnList:focus {
    background: #0085c9;
    color: #fff;
}

.btnList {
    font-size: 14px;
}

.btnList a:hover{
    color: #fff;
}

.container_list {
    display: block;
    position: relative;
    float: left;
}

#btnMenuTop {
    position: relative;
    float: left;
    background-color: transparent;
    border: 0;
}

#btnMenuTop {
    display: none
}

.menu-item,
.white-bg .btnList a.menu-item {
  color: #fff;
  line-height: 21px;
}


.topNav {
    background: #0076bf;
    width: 100%;
    min-height: 50px;
    display: block;
    position: relative;
    z-index: 999
}

.btnList {
    width: auto;
    min-width: 120px;
    font-weight: 300;
}

.container_right {
    float: right
}
#mobile-nav-container {
    margin-top: 50px;
}


/* ============================================= */
.skip-section > .skip {
  display: block;
  left: -100%;
  position: absolute;
  top: -100%;
  transition: none;
  z-index: 2;
}

.skip-section > .skip:focus {
  left: 10px;
  top: 10px;
}    

/* Slidedown popup */
.slidedown-popup {
  background: #EEEEEF;
  background: rgba(238, 238, 239, 0.9);
  position: absolute;
  top: 84px;
  z-index: 3000;
  width: 100%;
  display: none;
}

@media only screen and (max-width: 767px) {
  .slidedown-popup {
    top: 70px;
  }
}

.slidedown-popup.yt-load-error {
  width: 50%;
  position: fixed;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, 50%);
  -o-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.slidedown-popup .container {
  position: relative;
}

.slidedown-popup p {
  margin: 0 auto;
  padding: 15px 0;
  max-width: 85%;
}

.slidedown-popup a {
  text-decoration: underline;
}

.slidedown-popup .popup-close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
}

.slidedown-popup svg {
  width: 20px;
  height: 20px;
}

.another-version {
  text-decoration: underline;
}

.thank-you-msg {
    display: none;
}
/* Home Page :: Bottom Banner Header Color */
.white-bg .bp-medium-blue h2{
    color: #FFFFFF;  
}

/* ======================================================= */
/* Components Inline Styles */
/* ======================================================= */

/* ----------------------- */
/* Product Features */
/* ----------------------- */
#features .details .row p {
    color: #555;
}

.bg-2 {
    background-image: url('/_new/_designs/css/min-files/blue-planet-styles.min.css/components.css/cbp-banner-blue-wave.jpg');
}

@media only screen and (min-width:1240px) {
    .bg-2 {
        background-image: url('/_new/_designs/css/min-files/blue-planet-styles.min.css/components.css/cbp-banner-blue-wave_1500x2000.jpg');
    }
}


/* ----------------------- */
/* Blog Landing Page */
/* ----------------------- */

.cbp-blog-landing .insight-sum .excerpt {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 20px 15px;
}

.cbp-blog-landing .insight-sum .excerpt span.date {
    color: #999;
}

.cbp-blog-landing .insight-sum .post-title {
    max-height: 8em;
}

.cbp-blog-landing .insight-sum .insight-banner {
    min-height: 215px;
}

/* ----------------------- */
/* Comments */
/* ----------------------- */
.article-content .comments-container {
    margin-top: 20px;
}

.article-content .comment-row {
    padding: 30px;
    border-bottom: 1px solid #DBDCDD;
}

.article-content .comment-row:last-child {
    border: none;
    padding-bottom: 0;
}

.article-content .comment-meta {
    padding-right: 15px;
}

@media only screen and (min-width: 768px) {
    .article-content .comment-meta {
        width: 25%;
        float: left;
    }
}

@media only screen and (max-width: 767px) {
    .article-content .comment-meta {
        margin-bottom: 30px;
        padding: 0;
    }
}

.article-content .comment-meta time {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
    margin: 0 0 20px 0;
}

.article-content .comment-meta p {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
    margin: 0;
}

/* === Related Resources :: Tabbed View === */
.pc-tab>input,
.pc-tab section>div {
    display: none;
}

#tab-AppNotes:checked~section .tab-AppNotes,
#tab-Articles:checked~section .tab-Article,
#tab-Brochures:checked~section .tab-Brochures,
#tab-eBooks:checked~section .tab-eBooks,
#tab-CaseStudies:checked~section .tab-CaseStudies,
#tab-DataSheets:checked~section .tab-DataSheets,
#tab-Quizzes:checked~section .tab-Quizzes,
#tab-Infobriefs:checked~section .tab-Infobriefs,
#tab-Videos:checked~section .tab-Videos,
#tab-SolutionBriefs:checked~section .tab-SolutionBriefs,
#tab-PressReleases:checked~section .tab-PressReleases,
#tab-Webinars:checked~section .tab-Webinars,
#tab-WhitePapers:checked~section .tab-WhitePapers,
#tab-General:checked~section .tab-General,
#tab-Infographics:checked~section .tab-Infographics {
    display: flex;
    margin-top: 3rem;
}

#tab-AppNotes:checked~nav .tab-AppNotes,
#tab-Articles:checked~nav .tab-Article,
#tab-Brochures:checked~nav .tab-Brochures,
#tab-eBooks:checked~nav .tab-eBooks,
#tab-CaseStudies:checked~nav .tab-CaseStudies,
#tab-DataSheets:checked~nav .tab-DataSheets,
#tab-Quizzes:checked~nav .tab-Quizzes,
#tab-Infobriefs:checked~nav .tab-Infobriefs,
#tab-Videos:checked~nav .tab-Videos,
#tab-SolutionBriefs:checked~nav .tab-SolutionBriefs,
#tab-PressReleases:checked~nav .tab-PressReleases,
#tab-Webinars:checked~nav .tab-Webinars,
#tab-WhitePapers:checked~nav .tab-WhitePapers,
#tab-General:checked~nav .tab-General,
#tab-Infographics:checked~nav .tab-Infographics {
    color: #1886c7;
}


.pc-tab {
    width: 100%;
    margin: 0 auto 10rem;
    display: inline-block;
}

.pc-tab ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.pc-tab ul li label {
    float: left;
    padding: 15px 0;
    color: #444;
    margin-right: 6px;
    white-space: nowrap;
    transition: border-color .5s;
    border-bottom: 3px solid transparent;
}

.pc-tab ul li label:hover {
    border-bottom: 3px solid #1886c7;
}

.pc-tab ul li label:active {
    border-bottom: 3px solid #1886c7;
}

.pc-tab section {
    clear: both;
}

.pc-tab section .four-col-flex {
    justify-content: center;
}

.pc-tab section .four-col-flex .resource {
    margin: 0 5px 20px;
}

.pc-tab section .resource {
    margin-bottom: 20px;
    display: inline-block;
    min-height: 300px;
}

#tab-AppNotes:checked~nav .tab-AppNotes label,
#tab-Article:checked~nav .tab-Article label,
#tab-Brochures:checked~nav .tab-Brochures label,
#tab-eBooks:checked~nav .tab-eBooks label,
#tab-CaseStudies:checked~nav .tab-CaseStudies label,
#tab-DataSheets:checked~nav .tab-DataSheets label,
#tab-Quizzes:checked~nav .tab-Quizzes label,
#tab-Infobriefs:checked~nav .tab-Infobriefs label,
#tab-Videos:checked~nav .tab-Videos label,
#tab-SolutionBriefs:checked~nav .tab-SolutionBriefs label,
#tab-PressReleases:checked~nav .tab-PressReleases label,
#tab-Webinars:checked~nav .tab-Webinars label,
#tab-WhitePapers:checked~nav .tab-WhitePapers label,
#tab-General:checked~nav .tab-General label,
#tab-Infographics:checked~nav .tab-Infographics label {
    border-bottom: 3px solid #1886c7;
    text-align: center;
    position: relative;
}

/* Fix for thumbnail wrapping */
.related-resources-container.three-col-flex .resource:last-child {
    margin-right: 12px;
}

@media only screen and (max-width: 1200px) {
    .related-resources-container .resource a .image-block {
        background-size: contain;
    }
}

/*
.pc-tab .three-col-flex .resource a .image-block {
  height: 262px;
}
*/
/* === Related Resources :: Tabbed View End === */

/* === Related Resources :: Tile Layout Start === */

.insight-sum .thumbnail {
    background-size: auto 100%;
    min-height: 220px;
}

.insight-sum .insight-banner {
    border-radius: 4px 4px 0 0;
}

#content .insight-sum .excerpt {
    min-height: 240px;
}

@media only screen and (max-width: 768px) {
    #content .insight-sum .excerpt {
        min-height: 350px;
    }
}

#content .insight-sum .excerpt p {
    max-height: 14em;
}

#content .insight-sum .excerpt .btn-link {
    margin: 10px 0;
    display: block;
}

#content .insight-sum .post-title {
    max-height: 8em;
}

@media only screen and (max-width: 1199px) {
    #content .insight-sum .post-title {
        max-height: 6.5em;
    }
}

@media only screen and (max-width: 991px) {
    #content .insight-sum .post-title {
        max-height: 7em;
    }
}

@media only screen and (max-width: 768px) {
    #content .insight-sum .post-title {
        max-height: 7em;
    }
}

#content .entry.cell {
    margin-bottom: 0;
    border-bottom: 0;
    padding: 16px 8px 0;
}

.bp-blue-light {
    color: #fff;
    background-color: #0085ca;
}

.bp-blue-medium {
    color: #fff;
    background-color: #005ea7;
}

.bp-gray-logo {
    color: #fff;
    background-color: #364450;
}

.bp-blue-dark {
    color: #fff;
    background-color: #282a36;
}

#content .container-buttons {
    max-width: 1600px;
    width: 100%;
    margin-bottom: -5rem;
    z-index: 1;
}

.insights-heading {
    font-weight: 200;
    font-size: 28px;
    line-height: 1.3em;
    padding-left: 30px;
    position: absolute;
    text-align: left;
    color: #fff;
    top: -5px;
}

.insight-sum {
    background: #fff;
    position: relative;
    min-height: 100%;
    display: block;
    border-radius: 5px;
    -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    -ms-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.insight-sum:hover {
    -moz-transform: scale(1.025) perspective(1px);
    -o-transform: scale(1.025) perspective(1px);
    -ms-transform: scale(1.025) perspective(1px);
    -webkit-transform: scale(1.025) perspective(1px);
    transform: scale(1.025) perspective(1px);
}

.insight-sum .insight-banner {
    padding: 20px;
    min-height: 195px;
    height: 50%;
    margin: 0;
}

.related-resource-module .insight-sum {
    box-shadow: 0px 1px 5px #0000003d;
}

@media only screen and (max-width: 1024px) {
    .insight-sum .insight-banner {
        min-height: 177px;
    }
}

.insight-sum .insight-banner .category {
    color: #fff;
    white-space: nowrap;
}

.insight-sum .insight-banner .category svg {
    fill: #fff;
}

.insight-sum .excerpt {
    padding: 20px 20px 30px;
    min-height: 208px;
    height: 50%;
    color: #1c1e2a;
}

@media only screen and (max-width: 1024px) {
    .insight-sum .excerpt {
        min-height: 160px;
        padding: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .insight-sum .excerpt {
        min-height: 0;
        height: auto;
    }
}

.insight-sum .excerpt p {
    margin: 0;
}

.insight-sum .post-title {
    margin: 0 0 0.5em;
    font-weight: 300;
    font-size: 22px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
    overflow: hidden;
    max-height: 7em;
}

@media only screen and (max-width: 1024px) {
    .insight-sum .post-title {
        font-weight: 300;
        font-size: 18px;
        line-height: 1.4em;
        letter-spacing: 0.02em;
    }
}

@media only screen and (max-width: 767px) {
    .insight-sum .post-title {
        margin: 0;
    }
}

.insight-sum .category {
    font-weight: 700;
    font-size: 12px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
    color: #00bc94;
    text-transform: uppercase;
    margin: 0 0 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.insight-sum .category span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 25px 0 10px;
    white-space: normal;
}

.insight-sum .category .cat-icon {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    min-width: 25px;
    height: 20px;
    fill: #00bc94;
}

.insight-sum .thumbnail {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 50%;
    min-height: 195px;
}

#content .entry.cell.md-3 .excerpt p {
    max-height: 20em;
}

@media only screen and (max-width: 768px) {
    #content .entry.cell.md-3 .excerpt p {
        max-height: 23em;
    }
}

#content .entry.cell.md-3 .insight-sum.thumb {
    padding-bottom: 210px;
}

@media only screen and (max-width: 768px) {
    padding-bottom: 0;
}

@media only screen and (max-width: 1024px) {
    .insight-sum .thumbnail {
        min-height: 177px;
    }
}

.insight-sum .thumbnail.play-btn:before {
    content: '';
    background: url("//media.ciena.com/designimages/prx-play-btn.png") center center no-repeat;
    background-size: cover;
    width: 75px;
    height: 75px;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (-o-min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (min-resolution: 192dpi) and (min-width: 320px),
only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .insight-sum .thumbnail.play-btn:before {
        background-image: url("//media.ciena.com/designimages/prx-play-btn-large.png");
    }
}

@media only screen and (max-width: 767px) {
    .insight-sum .thumbnail.play-btn:before {
        width: 40px;
        height: 40px;
        background-image: url("//media.ciena.com/designimages/prx-play-btn.png");
    }
}

.insight-sum .excerpt p {
    position: relative;
    max-height: 7.8em;
    overflow: hidden;
}

.insight-sum.thumb {
    overflow: hidden;
    padding-bottom: 180px;
    box-shadow: 0px 1px 5px #0000003d;
    border-radius: 5px;
}

@media only screen and (max-width: 1024px) {
    .insight-sum.thumb {
        padding-bottom: 160px;
    }
}

@media only screen and (max-width: 767px) {
    .insight-sum.thumb {
        padding: 0;
    }

    #content .entry.cell .insight-sum.thumb,
    #content .entry.cell.md-3 .insight-sum.thumb {
        padding: 0;
    }

    #content .insight-sum .excerpt {
        min-height: 130px;
    }
}

.insight-sum.thumb .excerpt {
    position: absolute;
    top: 195px;
    height: auto;
    background: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    -ms-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

@media only screen and (max-width: 1024px) {
    .insight-sum.thumb .excerpt {
        top: 177px;
    }
}

@media only screen and (max-width: 767px) {
    .insight-sum.thumb .excerpt {
        top: auto;
    }
}

@media only screen and (max-width: 767px) {
    .insight-sum.thumb .excerpt {
        min-height: 0;
        height: auto;
        width: 100%;
        position: relative;
    }
}

.insight-sum.thumb .excerpt p {
    opacity: 0;
    visibility: hidden;
    max-height: 15.3em;
    -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    -ms-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

@media only screen and (max-width: 767px) {
    .insight-sum.thumb .excerpt p {
        display: none;
    }
}

.insight-sum.thumb:hover .excerpt {
    top: 0;
}

.insight-sum.thumb:hover .excerpt .post-title {
    overflow: none;
    max-height: none;
}

.insight-sum.thumb:hover .excerpt p {
    opacity: 1;
    visibility: visible;
}

.insight-sum .external-icon {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.insight-sum .external-icon .ext-icon {
    fill: #80828c;
    width: 16px;
    height: 16px;
}

.related-resources-container.space-bottom-large {
    margin-bottom: 10rem;
}

.related-resources-container.center-resources {
    justify-content: center;
}

.related-resource-module.dark .comp-title {
    color: #fff;
}

.related-resource-module.dark .insight-sum.thumb .post-title {
    color: #444;
}

/* === Related Resources :: Tile Layout End === */

/* ===  Canvas :: Hero Banner Start === */
#hero {
    position: relative;
}

#hero.hasMobileHero .mobileHero {
    display: none;
}

@media only screen and (max-width: 767px) {
    #hero.hasMobileHero .mobileHero {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    #hero.hasMobileHero .hero-bg:not(.mobileHero) {
        display: none;
    }
}

#hero .hero-bg {
    display: block;
    width: 100%;
    top: 0;
    left: 0;
}

#hero .hero-content .category.sentence-case {
    text-transform: none;
}

@media only screen and (max-width: 1599px) {
    #hero .container {
        width: 100%;
    }
}

@media only screen and (max-width: 1024px) {
    #hero .category {
        margin-bottom: 5px;
    }
}

#hero .home-hero-icon {
    position: absolute;
    right: 0;
}

#hero .home-hero-icon.right {
    right: 0;
}

#hero .home-hero-icon.left {
    right: initial;
    left: 0;
}

#hero .home-hero-icon.top {
    top: 18%;
    transform: translateY(-18%);
}

#hero .home-hero-icon.middle {
    top: 35%;
    transform: translateY(-35%);
}

#hero .home-hero-icon.bottom {
    bottom: 40%;
    top: initial;
    transform: translateY(-40%);
}

#hero .home-robot-overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

#hero.align-hero-content .container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 57px;
    width: 100%;
}

@media only screen and (max-width: 1239px) {
    #hero.align-hero-content .container {
        left: 25px;
    }
}

@media only screen and (max-width: 1024px) {
    #hero.align-hero-content .container {
        left: 35px;
    }
}

@media only screen and (max-width: 767px) {
    #hero.align-hero-content .container {
        position: static;
        transform: translateY(0%);
    }
}

#hero.align-hero-content .story-one {
    left: 0;
}

@media only screen and (max-width: 1239px) {
    #hero.align-hero-content .story-one {
        left: 18px;
    }
}

#hero.align-hero-content h2 {
    padding-left: 8px;
}

#hero .alt-subtext {
    font-weight: 300;
    font-size: 28px;
    line-height: 1.3em;
    margin-top: 2%;
}

@media only screen and (max-width: 1599px) {
    #hero .alt-subtext {
        font-size: 28px;
    }
}

@media only screen and (max-width: 1360px) {
    #hero .alt-subtext {
        font-size: 24px;
    }
}

@media only screen and (max-width: 1239px) {
    #hero .alt-subtext {
        font-size: 20px;
    }
}

@media only screen and (max-width: 1024px) {
    #hero .alt-subtext {
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px) {
    #hero .alt-subtext {
        font-weight: 400;
        letter-spacing: 0;
    }
}

#hero .alt-subtext.extra-bold {
    font-weight: 700;
    margin: 0;
}

@media only screen and (max-width: 768px) {
    #hero.hasMobileHero .mobileHero {
        display: block;
    }

    #hero.hasMobileHero .hero-bg:not(.mobileHero) {
        display: none;
    }
}

/*#hero .story-one .title {*/
/* This was changed for 5g brand canvas. it was 200 */
/*  font-weight: 600;*/
/*  margin-bottom: 0;*/
/*}*/

#hero .story-one .subtitle .alt-subtext {
    font-size: 52px;
}

#hero .story-one .alt-subtitle {
    font-size: 34px;
    line-height: 1.15;
    margin-top: 30px;
    display: block;
    font-weight: 300;
}

#hero .story-one .subtitle {
    margin-top: 0;
}

@media only screen and (max-width: 1599px) {
    #hero .story-one .subtitle .alt-subtext {
        font-size: 42px;
    }
}

@media only screen and (max-width: 1024px) {
    #hero .story-one .subtitle .alt-subtext {
        font-size: 24px;
        margin-top: 5px;
        display: block;
    }

    #hero .story-one .alt-subtitle {
        font-size: 20px;
    }
}

@media only screen and (max-width: 767px) {
    #hero .story-one .subtitle .alt-subtext {
        font-size: 22px;
    }

    #hero .story-one .alt-subtitle {
        font-size: 20px;
    }
}

/* Story One */

.story-one {
    max-width: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

@media only screen and (max-width: 1239px) {
    .story-one {
        left: 10%;
    }
}

@media only screen and (max-width: 1152px) {
    .story-one {
        left: 6%;
    }
}

@media only screen and (max-width: 767px) {
    .story-one {
        position: static;
        padding: 40px 0 0;
        max-width: 355px;
        margin: 0 auto;
        text-align: center;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
    }
}

.story-one.full-width {
    max-width: 100%;
}

.story-one.three-quarter-width {
    max-width: 75%;
}

@media only screen and (max-width: 1024px) {
    .story-one.three-quarter-width {
        max-width: 100%;
    }
}

.story-one.three-quarter-width.left-15-point-8 {
    left: 15.8%;
}

.story-one.three-quarter-width.left-15-point-8 .category {
    display: block;
    position: absolute;
    top: -50%;
    left: 0;
}

@media only screen and (max-width: 1599px) {
    .story-one.three-quarter-width.left-15-point-8 .category {
        top: -35%;
    }
}

@media only screen and (max-width: 1360px) {
    .story-one.three-quarter-width.left-15-point-8 .category {
        top: -30%;
    }
}

@media only screen and (max-width: 1239px) {
    .story-one.three-quarter-width.left-15-point-8 .category {
        top: -25%;
    }
}

@media only screen and (max-width: 1024px) {
    .story-one.three-quarter-width.left-15-point-8 .category {
        top: -50%;
    }
}

@media only screen and (max-width: 900px) {
    .story-one.three-quarter-width.left-15-point-8 .category {
        top: -30%;
    }
}

@media only screen and (max-width: 767px) {
    .story-one.three-quarter-width.left-15-point-8 .category {
        top: 5%;
        left: 50%;
        transform: translateX(-50%);
    }
}

.story-one.five-eighths {
    max-width: 60%;
}

@media only screen and (max-width: 1360px) {
    .story-one.five-eighths {
        max-width: 50%;
    }
}

@media only screen and (max-width: 1239px) {
    .story-one.five-eighths {
        max-width: 52%;
    }
}

@media only screen and (max-width: 1152px) {
    .story-one.five-eighths {
        max-width: 60%;
    }
}

@media only screen and (max-width: 1024px) {
    .story-one.five-eighths {
        max-width: 70%;
    }
}

@media only screen and (max-width: 767px) {
    .story-one.five-eighths {
        max-width: 90%;
    }
}

.story-one.an-robot {
    max-width: none;
    top: initial;
    transform: translateX(-50%);
    left: 50%;
    bottom: 0;
    width: 100%;
    padding-bottom: 1.5%;
}

@media only screen and (max-width: 767px) {
    .story-one.an-robot {
        left: 0;
        transform: none;
    }
}

.story-one.an-robot.reverse-overlay:before {
    background: rgba(0, 0, 0, 0.7);
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0) 100%);
}

@media only screen and (max-width: 767px) {
    .story-one.an-robot.reverse-overlay:before {
        background: none;
    }
}

.story-one.an-robot .title {
    margin: 0;
    overflow: hidden;
    position: relative;
}

.story-one.an-robot span {
    display: block;
    width: 50%;
    line-height: 1.1em;
}

@media only screen and (max-width: 767px) {
    .story-one.an-robot span {
        line-height: 1.5em;
    }
}

.story-one.an-robot .left-title {
    font-size: 45px;
    text-align: right;
    width: 50%;
    padding-right: 5px;
}

@media only screen and (max-width: 1239px) {
    .story-one.an-robot .left-title {
        font-size: 35px;
    }
}

@media only screen and (max-width: 1024px) {
    .story-one.an-robot .left-title {
        font-size: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .story-one.an-robot .left-title {
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width: 414px) {
    .story-one.an-robot .left-title {
        font-size: 24px;
    }
}

.story-one.an-robot .right-title {
    font-weight: 500;
    font-size: 43px;
    float: right;
    width: 50%;
    text-align: left;
    padding-left: 5px;
}

@media only screen and (max-width: 1239px) {
    .story-one.an-robot .right-title {
        font-size: 33px;
    }
}

@media only screen and (max-width: 1024px) {
    .story-one.an-robot .right-title {
        font-size: 28px;
    }
}

@media only screen and (max-width: 767px) {
    .story-one.an-robot .right-title {
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width: 414px) {
    .story-one.an-robot .right-title {
        font-size: 22px;
    }
}

.story-one.an-robot .btn {
    clear: both;
}

.story-one .three-quarter-width {
    max-width: 75%;
}

@media only screen and (max-width: 767px) {
    .story-one .category {
        display: block;
        font-size: 10px;
    }
}

.story-one .title {
    margin: 0 0 30px;
    /* This was changed for 5g brand canvas. it was 20 */
    font-weight: 200;
    font-size: 60px;
    line-height: 1.13em;
    letter-spacing: -0.01em;
}

@media only screen and (max-width: 1599px) {
    .story-one .title {
        font-weight: 200;
        font-size: 50px;
        line-height: 1.16em;
        letter-spacing: -0.01em;
    }
}

@media only screen and (max-width: 1239px) {
    .story-one .title {
        font-weight: 200;
        font-size: 42px;
        line-height: 1.12em;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 1024px) {
    .story-one .title {
        font-weight: 300;
        font-size: 28px;
        line-height: 1.3em;
        margin-bottom: 8px;
    }
}

@media only screen and (max-width: 767px) {
    .story-one .title {
        font-weight: 200;
        font-size: 24px;
        line-height: 1.3em;
        letter-spacing: 0.01em;
    }
}

.story-one .title.extra-bold {
    font-weight: 700;
    font-size: 85px;
}

@media only screen and (max-width: 1599px) {
    .story-one .title.extra-bold {
        font-size: 75px;
    }
}

@media only screen and (max-width: 1239px) {
    .story-one .title.extra-bold {
        font-size: 70px;
    }
}

@media only screen and (max-width: 1152px) {
    .story-one .title.extra-bold {
        font-size: 60px;
    }
}

@media only screen and (max-width: 1024px) {
    .story-one .title.extra-bold {
        font-size: 45px;
    }
}

@media only screen and (max-width: 767px) {
    .story-one .title.extra-bold {
        font-size: 35px;
    }
}

.story-one .title.extra-bolded {
    font-weight: 700;
}

@media only screen and (max-width: 1024px) {
    .story-one .title.extra-bolded {
        line-height: 1em;
        font-weight: 500;
        font-size: 24px;
        line-height: 1.3em;
        letter-spacing: 0.01em;
    }
}

@media only screen and (max-width: 767px) {
    .story-one .title.extra-bolded {
        font-weight: 500;
        font-size: 18px;
        line-height: 1.4em;
        letter-spacing: 0.02em;
        line-height: 1.1em;
    }
}

#hero .story-one .title.bolded {
    font-weight: 500;
    line-height: 1.3em;
}

@media only screen and (max-width: 1024px) {
    .story-one .title.bolded {
        line-height: 1em;
    }
}

#hero .story-one .title.normal {
    font-weight: 200;
}

.story-one .title .naas-hero-custom-title {
    font-weight: 300;
    font-size: 36px;
    letter-spacing: 0;
    display: block;
    line-height: 1.16em;
    margin-top: 9%;
}

@media only screen and (max-width: 1024px) {
    .story-one .title .naas-hero-custom-title {
        font-size: 20px;
    }
}

.story-one .subtitle {
    font-size: 30px;
    font-weight: 100;
    line-height: 35px;
    margin: 10px 0;
}

@media only screen and (max-width: 1599px) {
    .story-one .subtitle {
        max-width: 100%;
    }
}

@media only screen and (max-width: 1239px) {
    .story-one .subtitle {
        font-size: 24px;
        line-height: 29px;
    }
}

@media only screen and (max-width: 1024px) {
    .story-one .subtitle {
        font-size: 19px;
        line-height: 24px;
        margin: 0 0 10px;
    }
}

.story-one .subtitle.bolded {
    font-weight: 300;
}

.story-one .subtitle.extra-bolded {
    font-weight: 700;
}

.story-one .subtitle.large {
    font-size: 55px;
}

@media only screen and (max-width: 1239px) {
    .story-one .subtitle.large {
        font-size: 38px;
    }
}

@media only screen and (max-width: 1024px) {
    .story-one .subtitle.large {
        font-size: 22px;
    }
}

@media only screen and (max-width: 767px) {
    .story-one .subtitle.large {
        font-size: 18px;
    }
}

.story-one.white-text {
    color: #FFFFFF;
}

@media only screen and (max-width: 767px) {
    .story-one.white-text {
        color: #1C1E2A;
    }
}

@media only screen and (max-width: 767px) {
    .story-one .sec-white {
        color: #2343B8;
        background: #FFFFFF;
    }
}

@media only screen and (max-width: 1152px) {
    .story-one .btn-container {
        margin-top: 20px;
    }
}

#content #hero .container {
    position: initial;
    padding: 0;
}

.cbp-hero-banner .hero-promo img {
    height: auto;
}

/* Button Container */
.btn-container {
    margin-top: 40px;
}

.btn-container.stack-btns {
    max-width: 520px;
}

@media only screen and (max-width: 1360px) {
    .btn-container.stack-btns {
        max-width: 470px;
    }
}

@media only screen and (max-width: 1239px) {
    .btn-container.stack-btns {
        max-width: 430px;
    }
}

@media only screen and (max-width: 1152px) {
    .btn-container.stack-btns {
        max-width: 365px;
    }
}

@media only screen and (max-width: 1024px) {
    .btn-container.stack-btns {
        max-width: 100%;
    }
}

/* Button Styles */
.btn {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 30px;
    text-align: center;
    text-decoration: none;
    min-width: 120px;
    position: relative;
    margin: 5px 10px 5px 0;
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: 0.02em;
    -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    -ms-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

@media only screen and (max-width: 1239px) {
    .btn {
        padding: 10px 20px;
        font-weight: 400;
        font-size: 16px;
        line-height: 1.5em;
        letter-spacing: 0.03em;
    }
}

@media only screen and (max-width: 767px) {
    .btn {
        font-size: 14px;
    }
}

.btn:last-child {
    margin-right: 0;
}

.btn.big {
    padding: 15px 40px;
}

.btn.small {
    font-size: 16px;
    padding: 10px 15px;
    margin: 5px 5px 5px 0;
    min-width: 100px;
}

.btn .btn-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
}

.btn .right-arrow span:before {
    content: '';
    display: block;
    position: absolute;
    top: 35%;
    right: 0px;
    width: 5px;
    height: 2px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn .right-arrow span:after {
    content: '';
    display: block;
    position: absolute;
    top: calc(35% + 4px);
    right: 0px;
    width: 5px;
    height: 2px;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.btn .btn-icon {
    display: inline-block;
    position: relative;
    width: 11px;
    height: 11px;
    margin: 0 -5px 0 0;
    right: -6px;
}

.btn.prm-blue {
    color: #FFFFFF;
    background: #1486c7;
}

.btn.prm-blue .btn-icon {
    fill: #FFFFFF;
}

.btn.prm-blue.bp {
    background: #1486c7;
}

.btn.prm-blue:hover,
.btn.prm-blue:focus {
    background: #193FC3;
}

.btn.prm-orange {
    color: #FFFFFF;
    background: #F47F0C;
}

.btn.prm-orange .btn-icon {
    fill: #FFFFFF;
}

.btn.prm-orange:hover,
.btn.prm-orange:focus {
    background: #E0750B;
}

.btn.prm-red {
    color: #FFFFFF;
    background: #AD141F;
}

.btn.prm-red .btn-icon {
    fill: #FFFFFF;
}

.btn.prm-red:hover,
.btn.prm-red:focus {
    background: #AD141F;
}

.btn.orange-yellow {
    color: #FFFFFF;
    background: #F47F0C;
    background: -moz-linear-gradient(45deg, #F47F0C 0%, #FFD000 100%);
    background: -webkit-linear-gradient(45deg, #F47F0C 0%, #FFD000 100%);
    background: -o-linear-gradient(45deg, #F47F0C 0%, #FFD000 100%);
    background: -ms-linear-gradient(45deg, #F47F0C 0%, #FFD000 100%);
    background: linear-gradient(45deg, #F47F0C 0%, #FFD000 100%);
}

.btn.orange-yellow.large-text {
    font-size: 23px;
    font-weight: 500;
}

.btn.prm-gray {
    background-color: #EEEEEF;
    color: #343642;
}

.btn.sec-blue {
    color: #2343B8;
    border: 1px solid #2343B8;
    background: transparent;
    padding: 9px 30px;
}

.btn.sec-blue .btn-icon {
    fill: #2343B8;
}

.btn.sec-blue.tech-document {
    padding: 9px 20px 9px 40px;
}

.btn.sec-blue.tech-document:hover .lock-icon,
.btn.sec-blue.tech-document:focus .lock-icon {
    fill: #FFFFFF;
}

.btn.sec-blue:hover,
.btn.sec-blue:focus {
    background: #193FC3;
    color: #FFFFFF;
}

.btn.sec-blue:hover .btn-icon,
.btn.sec-blue:focus .btn-icon {
    fill: #FFFFFF;
}

.btn.prm-white {
    color: #2343B8;
    background: #FFFFFF;
}

.btn.prm-white .btn-icon {
    fill: #2343B8;
}

.btn.prm-white.bp {
    color: #1486c7;
}

.btn.prm-white:hover,
.btn.prm-white:focus {
    background: #EEEEEF;
}

.btn.sec-white {
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    background: transparent;
    padding: 9px 30px;
}

.btn.sec-white .btn-icon {
    fill: #FFFFFF;
}

.btn.sec-white:hover,
.btn.sec-white:focus {
    background: #FFFFFF;
    color: #2343B8;
}

.btn.sec-white:hover .btn-icon,
.btn.sec-white:focus .btn-icon {
    fill: #2343B8;
}

.btn.solid-gray {
    color: #2343B8;
    background: #EEEEEF;
}

.btn.solid-gray .btn-icon {
    fill: #2343B8;
}

.btn.solid-gray:hover,
.btn.solid-gray:focus {
    background: #E4E5E6;
}

.btn .chevron {
    width: 10px;
    height: 10px;
    margin-left: 10px;
}

/* ===  Canvas :: Hero Banner End === */

/* === Accordion :: 9 Count Start === */

#content .cbp-accordion:not(.accordion-boxes) .content-nav.max-height {
    height: auto;
}

#content .cbp-accordion .content-nav.max-height .content-nav-item {
    margin-bottom: .5rem;
}

#content .cbp-accordion .dark-text {
    color: #555;
}

@media only screen and (max-width: 1024px) {
    #col2-button-content.accordion-boxes.count-9 .content-nav {
        height: auto;
        min-height: 250px;
    }
}

@media only screen and (max-width: 767px) {
    #col2-button-content.accordion-boxes.count-9 .content-nav {
        min-height: 425px;
    }
}

@media only screen and (max-width: 500px) {
    #col2-button-content.accordion-boxes.count-9 .content-nav {
        min-height: 500px;
    }
}

@media only screen and (max-width: 1024px) {
    #col2-button-content.accordion-boxes.count-9 .content-nav-item {
        margin: 0 0 0.4%;
    }
}

@media only screen and (max-width: 767px) {
    #col2-button-content.accordion-boxes.count-9 .content-nav-item {
        width: 100%;
        margin: 0 0 0.5%;
    }
}

#col2-button-content.accordion-boxes.count-9 .content-nav-item:nth-child(7n),
#col2-button-content.accordion-boxes.count-9 .content-nav-item:nth-child(8n),
#col2-button-content.accordion-boxes.count-9 .content-nav-item:nth-child(9n) {
    margin-bottom: 0;
}

@media only screen and (max-width: 767px) {

    #col2-button-content.accordion-boxes.count-9 .content-nav-item:nth-child(7n),
    #col2-button-content.accordion-boxes.count-9 .content-nav-item:nth-child(8n),
    #col2-button-content.accordion-boxes.count-9 .content-nav-item:nth-child(9n) {
        margin: 0 0 0.5%;
    }
}

#col2-button-content.accordion-boxes.count-9 .content-nav-item .content-nav-title {
    font-size: 21px;
}

@media only screen and (max-width: 1599px) {
    #col2-button-content.accordion-boxes.count-9 .content-nav-item .content-nav-title {
        font-size: 20px;
    }
}

@media only screen and (max-width: 1360px) {
    #col2-button-content.accordion-boxes.count-9 .content-nav-item .content-nav-title {
        font-size: 19px;
    }
}

@media only screen and (max-width: 1239px) {
    #col2-button-content.accordion-boxes.count-9 .content-nav-item .content-nav-title {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1152px) {
    #col2-button-content.accordion-boxes.count-9 .content-nav-item .content-nav-title {
        font-size: 16px;
    }
}

@media only screen and (max-width: 1024px) {
    #col2-button-content.accordion-boxes.count-9 .content-nav-item .content-nav-title {
        font-size: 14px;
    }
}

@media only screen and (max-width: 767px) {
    #col2-button-content.accordion-boxes.count-9 .content-nav-item .content-nav-title {
        font-size: 13px;
    }
}

@media only screen and (max-width: 1024px) {
    #col2-button-content.accordion-boxes.count-9.split .column {
        height: auto;
    }
}

@media only screen and (max-width: 1024px) {
    #col2-button-content.accordion-boxes.count-9.split .column:first-child {
        height: 500px;
    }
}

@media only screen and (max-width: 767px) {
    #col2-button-content.accordion-boxes.count-9.split .column:first-child {
        height: auto;
    }
}

@media only screen and (max-width: 1024px) {
    #col2-button-content.accordion-boxes.count-9 .content-nav-wrapper .content-nav {
        height: auto;
        min-height: 200px;
    }
}

@media only screen and (max-width: 767px) {
    #col2-button-content.accordion-boxes.count-9 .content-nav-wrapper .content-nav {
        min-height: 270px;
    }
}

@media only screen and (max-width: 500px) {
    #col2-button-content.accordion-boxes.count-9 .content-nav-wrapper .content-nav {
        min-height: 350px;
    }
}

#col2-button-content.accordion-boxes.count-9 .content-nav-item {
    margin: 0 0 1.2%;
}

@media only screen and (max-width: 1024px) {
    #col2-button-content.accordion-boxes.count-9 .content-nav-item {
        width: 49.7%;
        margin: 0 0 0.5%;
    }
}

@media only screen and (max-width: 767px) {
    #col2-button-content.accordion-boxes.count-9 .content-nav-item {
        width: 100%;
    }
}

/*#col2-button-content.accordion-boxes.count-9 .content-nav-item:nth-child(4n), #col2-button-content.accordion-boxes.count-9 .content-nav-item:nth-child(5n), #col2-button-content.accordion-boxes.count-9 .content-nav-item:nth-child(6n), #col2-button-content.accordion-boxes.count-9 .content-nav-item:nth-child(7n) {*/
/*  margin: 0;*/
/*}*/

@media only screen and (max-width: 1024px) {

    #col2-button-content.accordion-boxes.count-9 .content-nav-item:nth-child(4n),
    #col2-button-content.accordion-boxes.count-9 .content-nav-item:nth-child(5n),
    #col2-button-content.accordion-boxes.count-9 .content-nav-item:nth-child(6n),
    #col2-button-content.accordion-boxes.count-9 .content-nav-item:nth-child(7n),
    #col2-button-content.accordion-boxes.count-9 .content-nav-item:nth-child(9n) {
        margin: 0 0 0.5rem;
    }
}

@media only screen and (max-width: 1599px) {
    #col2-button-content.accordion-boxes.count-9 .content-nav-item .content-nav-title {
        font-size: 22px;
    }

    #col2-button-content.accordion-boxes.white-transparent-boxes.count-9 .content-nav-item .content-nav-title {
        font-size: 22px;
        font-weight: 400;
    }
}

@media only screen and (max-width: 1152px) {

    #col2-button-content.accordion-boxes.count-9 .content-nav-item .content-nav-title,
    #col2-button-content.accordion-boxes.white-transparent-boxes.count-9 .content-nav-item .content-nav-title {
        font-size: 19px;
    }
}

@media only screen and (max-width: 1024px) {

    #col2-button-content.accordion-boxes.count-9 .content-nav-item .content-nav-title,
    #col2-button-content.accordion-boxes.white-transparent-boxes.count-9 .content-nav-item .content-nav-title {
        font-size: 14px;
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {

    #col2-button-content.accordion-boxes.count-9 .content-nav-item .content-nav-title,
    #col2-button-content.accordion-boxes.white-transparent-boxes.count-9 .content-nav-item .content-nav-title {
        font-size: 13px;
    }
}

/* === Accordion :: 9 Count End === */

/* === Contact Marketo Form Start === */

.contact-us .mkto-form-container .mktoForm select.mktoField {
    border-radius: 0;
    height: 39px;
}

/* === Contact Marketo Form End === */

/* === Content Columns Start === */

.cbp-two-col.drop-column-padding .image-tile:first-child {
    margin: 0;
}

/* === Content Columns End === */


/* === Component Tabs Start === */

.row .component-tabs {
    position: relative
}

@media only screen and (max-width: 1024px) {
    .row .component-tabs {
        padding:0
    }
}

.component-nav a {
    color: #1c1e2a;
    font-weight: 200;
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: .01em;
    margin: 0 20px;
    display: inline-block
}

.component-tabs .component-nav a {
    cursor: pointer;
    user-select: none;
}

@media only screen and (max-width: 1239px) {
    .component-nav a {
        margin:0 10px
    }
}

@media only screen and (max-width: 1152px) {
    .component-nav a {
        font-weight:200;
        font-size: 20px;
        line-height: 1.35em;
        letter-spacing: .02em
    }
}

@media only screen and (max-width: 1024px) {
    .component-nav a {
        margin:0 3px;
        font-weight: 200;
        font-size: 16px;
        line-height: 1.5em;
        letter-spacing: .03em
    }
}

.component-nav a:hover:after,.component-nav a.active:after {
    content: ' ';
    display: block;
    margin-top: 12px;
    width: 100%;
    height: 8px;
    background: #d6181f;
    background: -moz-linear-gradient(left,#d6181f 0%,#7c2062 100%);
    background: -webkit-linear-gradient(left,#d6181f 0%,#7c2062 100%);
    background: -o-linear-gradient(left,#d6181f 0%,#7c2062 100%);
    background: -ms-linear-gradient(left,#d6181f 0%,#7c2062 100%);
    background: linear-gradient(to right,#d6181f 0%,#7c2062 100%)
}

.component-nav-separator {
    border-bottom: 2px solid #ededef;
    width: 100%;
    height: 2px
}

.tabbed-content-row {
    margin: 50px auto 0;
    display: none;
    overflow: hidden;
    width: 78%;
    max-width: 1050px
}

@media only screen and (max-width: 1239px) {
    .tabbed-content-row {
        width:88%
    }
}

@media only screen and (max-width: 1024px) {
    .tabbed-content-row {
        margin-top:30px
    }
}

@media only screen and (max-width: 767px) {
    .tabbed-content-row {
        display:block !important;
        overflow: hidden;
        margin-top: 15px
    }
}

.tabbed-content-row:first-child {
    display: block
}

.tabbed-content-row .comp-subtitle {
    font-size: 35px;
    padding: 0
}

@media only screen and (max-width: 767px) {
    .tabbed-content-row .comp-subtitle {
        font-size:26px;
        font-weight: 400
    }
}

@media only screen and (max-width: 500px) {
    .tabbed-content-row .comp-subtitle {
        font-size:22px
    }
}

.tabbed-content-row img {
    max-height: 300px;
    display: block;
    float: right
}

@media only screen and (max-width: 1024px) {
    .tabbed-content-row img {
        max-height:none;
        float: none;
        margin: 0 auto
    }
}

@media only screen and (max-width: 767px) {
    .tabbed-content-row img {
        margin:10px 0
    }
}


.bottom-spacing {
    margin-bottom: 350px;
    padding-bottom: 400px
}

@media only screen and (max-width: 767px) {
    .bottom-spacing {
        margin-bottom:280px;
        padding-bottom: 390px
    }
}

@media only screen and (max-width: 600px) {
    .bottom-spacing {
        margin-bottom:290px;
        padding-bottom: 410px
    }
}

@media only screen and (max-width: 500px) {
    .bottom-spacing {
        padding-bottom:440px
    }
}

@media only screen and (max-width: 474px) {
    .bottom-spacing {
        padding-bottom:480px
    }
}

@media only screen and (max-width: 414px) {
    .bottom-spacing {
        margin-bottom:340px;
        padding-bottom: 490px
    }
}

@media only screen and (max-width: 350px) {
    .bottom-spacing {
        margin-bottom:340px;
        padding-bottom: 520px
    }
}

.add-on-container {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%
}

@media only screen and (max-width: 1360px) {
    .add-on-container {
        width:95%
    }
}

.add-on-container-head {
    width: 72%;
    max-width: 72%;
    margin: 0 auto 30px
}

@media only screen and (max-width: 767px) {
    .add-on-container-head {
        width:97%;
        max-width: 97%
    }
}

.add-on-container-body {
    padding: 5% 20%
}

@media only screen and (max-width: 767px) {
    .add-on-container-body {
        padding:5%
    }
}

    #content .content-wrap .button.button-small {
        line-height: 1em;
    }

    .comp-title-dark {
         margin: 0 0 .75em; 
        font-weight: 200;
        font-size: 36px;
        line-height: 1.12em;
        font-family: "aktiv-grotesk-thin","Helvetica","arial",sans-serif;
        color:#444;
    }
    
    .white-bg .comp-title-dark { 
        margin-bottom: 0;
        
    }
    
    .white-bg .details { 
            margin-bottom: 70px;    
    }
    
    .white-bg .details:not(:last-child) {
        margin-bottom: 20px;
    }
    
    .white-bg .button-container {
        margin-top: 0;
    }
    
    @media only screen and (max-width: 1239px) {
        #content .content-wrap .button.button-small {
            line-height: 1em;
        }
    }

/* === Component Tabs End === */