/* Data Science Consulting page styles.

   requires:    /common/framework/css/framework.ja.css
                /common/framework/css/gui.ja.css
   ========================================================================== */

/* ==========================================================================
   page setup
   ========================================================================== */
:root {
    /*greys*/
    --grey-a6: #a6a6a6;
    /*links*/
    --link-hover: #eb661e;
    /*measurements*/
    --slide-nav-h: 2rem;
    --purple-stroke: #e2d1ff;
    --purple-news-bg: #8364B9;
    --purple-news-txt: #e2d1ff;
    --purple-news-arrow: #e2d1ff;
    --purple-news-pipe:#eddfff;
}
html {
    color: #535353;
    font-family: 'Hiragino Kaku Gothic ProN', 'Meiryo', Arial, sans-serif;
    line-break: strict;
}
.page-width {
    box-sizing: content-box;
    margin: 0 auto;
    max-width: 62.5rem;
    padding: 3.75rem 0;
}
section{
    padding: 0 2rem;
}
main h2 {
    color: #444a59;
    font-size: 1.6875rem;
    line-height: 1.4;
    padding-bottom: 2.5rem;
    text-align: center;
}
main h3 {
    font-size: 1.375rem;
    font-weight: 300;
    line-height: 1.3;
}
main p {
    color: #656565;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.7;
}
/* ==========================================================================
   header
   ========================================================================== */

#title-outer span#badge {
    background: #8364B9;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 600;
    letter-spacing: .05em;
    line-height: 1.96;
    padding: 0 1.0rem;
    position: absolute;
    text-transform: uppercase;
}
header {
    background-color: rgb(66, 74, 87);
    padding: 0 1rem;
}
#video {
    width: 100%;
    margin: 0 auto -4px auto;
}
header .page-width {
    max-height: 25rem;
    max-width: 75rem;
    padding: 0;
}
/* ==========================================================================
   introduction
   ========================================================================== */

.special-offer-rapid-data-wrapper {
    background-image: url('../img/rapid-data-prototype.png'), linear-gradient(90deg, #Ffffff 50%, #ececec 50%);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    border: 4px solid #ececec;
    margin-top: 2.6rem;
    padding: 0.5rem 1rem 1.0rem 1rem;
}
#rapid-data {
    padding-left: 1.5rem;
}
.special-offer-rapid-data-wrapper span, #rapid-data span {
    color: #0079c1;
    font-size: 1rem;
    font-weight: 600;
}
.special-offer-rapid-data-wrapper>span {
    line-height: 2.5rem;
    text-transform: uppercase;
}
#special-offer span {
    color: #444a59;
    font-size: 1.1rem;
    font-weight: 400;
}
#rapid-data span:first-child {
    display: block;
}
#rapid-data span:first-child:hover {
    color: #006cad;
}
#rapid-data span:nth-child(2n) {
    color: #444a59;
    font-weight: 300;
}
#intro #special-offer p {
    color: #444a59;
    font-size: 1.375rem;
    font-weight: 400;
    margin-top: 1rem;
}
#intro {
    background: #fff;
    position: relative;
}
#intro h2 {
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.125;
    padding-bottom: 0.1625rem;
    text-align: center;
}
#intro h3 {
    color: #444a59;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.7;
    padding-bottom: 0.725rem;
}
#intro p {
    color: #656565;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
}
#intro .title-wrapper {
    margin-top: 1rem;
    padding-right: 2.0rem;
}
#intro .title-wrapper span.sub-title {
    color: #8364b9;
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 600;
    padding-bottom: 1.2rem;
}
/* ==========================================================================
   Support for Organizations Large and Small
   ========================================================================== */

#support-for-organzations .page-width {
    max-width: 90.9875rem;
    padding: 3.75rem 2rem 2.5rem 2rem;
}
#support-for-organzations {
    background: #0079c1;
}
#support-for-organzations h2 {
    color: #fff;
    text-align: center;
}
#support-for-organzations li {
    height: 4.0rem;
    width: 6rem;
}
/* ==========================================================================
   ticker
   ========================================================================== */
#ticker-quotes {
    padding: 3.75rem 2rem;
}
.quotes {
    background: #8364b9;
}
.quote-container {
    align-items: center;
    display: flex;
    justify-content: center;
    height: calc((2.75rem * 2) + 2rem);
    vertical-align: top;
}
.ticker-item {
    display: none;
    margin: 0 auto;
    max-width: 55rem;
}
p.ticker-title {
    color: #ffffff;
    font-weight: 400;
    font-size: 1.40625rem;
    line-height: 2.5rem;
    text-align: center;
}
p.ticker-subtitle {
    color: #ffffff;
    display: block;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.25;
    margin-top: 1rem;
    text-align: center;
}
/* nav */

.ticker-nav {
    font-size: 0;
    padding-top: 1.875rem;
    text-align: center;
}
.dot {
    border: 2px solid #bbb;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 11px;
    margin: 0 4px;
    width: 11px;
}
.dot.active {
    background: #bbb;
}
.dot:hover {
    background: #bbb;
}
#benefit-from-muliparadigm h2 {
    margin: 0 auto;
    width: 60%;
}
/* ==========================================================================
   unique
   ========================================================================== */

#unique h2 {
    color: #656565;
    padding-bottom: 2.0rem;
}
#unique h2+p {
    font-size: 1rem;
    padding: 0 2.0rem 2.0rem 0;
}
#unique h4 {
    color: #8364b9;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.7;
    padding: 0 2.0rem 0 0;
}
#unique h4+p {
    font-size: 0.9375rem;
    padding: 0 2.0rem 2.0rem 0;
}
#unique .page-width {
    padding-bottom: 2.5rem;
}
#benefit-from-muliparadigm .page-width {
    padding: 3.75rem 0 3.5rem 1.5rem;
}
/* ==========================================================================
   know your data science areas
   ========================================================================== */

.know-your {
    background: #425563;
}
.know-your h2 {
    color: #fff;
    padding-bottom: 1.5rem;
    text-align: center;
}
.know-your h2+p {
    color: #fff;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.8;
}
.know-your h3 {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
}
.know-your p {
    color: #fff;
    font-size: 0.84375rem;
    font-weight: 300;
    line-height: 1.8;
}
.know-your a {
    color: #b291ec;
    font-weight: 400;
}
.know-your a:hover {
    color: #cdb0ff;
}
.know-your {
    position: relative;
    vertical-align: top;
}
.know-your .fold {
    display: none;
}
.know-your .top {
    margin-top: 1.25rem;
    padding: .9rem;
}
.know-your .top.open {
    background: #074977;
}
.know-your .top>i {
    display: inline-block;
    height: 60px;
    margin-bottom: 10px;
    width: 60px;
}
.know-your .top.machine-learning>i {
    background: url('../img/machine-learning.png') no-repeat 0 0;
    background-size: 60px 60px;
}
.know-your .top.open.machine-learning>i {
    background-position: 0px -60px;
}
.know-your .top.graph-network-analysis>i {
    background: url('../img/graph-network-analysis.png') no-repeat 0 0;
    background-size: 60px 60px;
}
.know-your .top.open.graph-network-analysis>i {
    background-position: 0px -60px;
}
.know-your .top.time-series>i {
    background: url('../img/time-series.png') no-repeat 0 0;
    background-size: 60px 60px;
}
.know-your .top.open.time-series>i {
    background-position: 0px -60px;
}
.know-your .top.neural-networks>i {
    background: url('../img/neural-networks.png') no-repeat 0 0;
    background-size: 60px 60px;
}
.know-your .top.open.neural-networks>i {
    background-position: 0px -60px;
}
.know-your .top.cluster-analysis>i {
    background: url('../img/cluster-analysis.png') no-repeat 0 0;
    background-size: 60px 60px;
}
.know-your .top.open.cluster-analysis>i {
    background-position: 0px -60px;
}
.know-your .top.semantic-text-analysis>i {
    background: url('../img/semantic-text-analysis.png') no-repeat 0 0;
    background-size: 60px 60px;
}
.know-your .top.open.semantic-text-analysis>i {
    background-position: 0px -60px;
}
.know-your .top.dynamic-visualization>i {
    background: url('../img/dynamic-visualization.png') no-repeat 0 0;
    background-size: 60px 60px;
}
.know-your .top.open.dynamic-visualization>i {
    background-position: 0px -60px;
}
.know-your .top.survival-analysis>i {
    background: url('../img/survival-analysis.png') no-repeat 0 0;
    background-size: 60px 60px;
}
.know-your .top.open.survival-analysis>i {
    background-position: 0px -60px;
}
.know-your .top.report-generation>i {
    background: url('../img/report-generation.png') no-repeat 0 0;
    background-size: 60px 60px;
}
.know-your .top.open.report-generation>i {
    background-position: 0px -60px;
}
.know-your .top.data-semantics>i {
    background: url('../img/data-semantics.png') no-repeat 0 0;
    background-size: 60px 60px;
}
.know-your .top.open.data-semantics>i {
    background-position: 0px -60px;
}
.know-your .top.queueing-theory>i {
    background: url('../img/queueing-theory.png') no-repeat 0 0;
    background-size: 60px 60px;
}
.know-your .top.open.queueing-theory>i {
    background-position: 0px -60px;
}
.know-your .top.wavelets>i {
    background: url('../img/wavelets.png') no-repeat 0 0;
    background-size: 60px 60px;
}
.know-your .top.open.wavelets>i {
    background-position: 0px -60px;
}
.know-your .top.systems-modeling>i {
    background: url('../img/systems-modeling.png') no-repeat 0 0;
    background-size: 60px 60px;
}
.know-your .top.open.systems-modeling>i {
    background-position: 0px -60px;
}
.know-your .top.statistical-distributions>i {
    background: url('../img/statistical-distributions.png') no-repeat 0 0;
    background-size: 60px 60px;
}
.know-your .top.open.statistical-distributions>i {
    background-position: 0px -60px;
}
.know-your .top.random-processes>i {
    background: url('../img/random-processes.png') no-repeat 0 0;
    background-size: 60px 60px;
}
.know-your .top.open.random-processes>i {
    background-position: 0px -60px;
}
.know-your .top.optimization>i {
    background: url('../img/optimization.png') no-repeat 0 0;
    background-size: 60px 60px;
}
.know-your .top.open.optimization>i {
    background-position: 0px -60px;
}
.know-your .top.morphological-analysis>i {
    background: url('../img/morphological-analysis.png') no-repeat 0 0;
    background-size: 60px 60px;
}
.know-your .top.open.morphological-analysis>i {
    background-position: 0px -60px;
}
.know-your .top.computer-vision>i {
    background: url('../img/computer-vision.png') no-repeat 0 0;
    background-size: 60px 60px;
}
.know-your .top.open.computer-vision>i {
    background-position: 0px -60px;
}
.know-your .top.signal-processing>i {
    background: url('../img/signal-processing.png') no-repeat 0 0;
    background-size: 60px 60px;
}
.know-your .top.open.signal-processing>i {
    background-position: 0px -60px;
}
.know-your .top.custom-interface-construction>i {
    background: url('../img/custom-interface-construction.png') no-repeat 0 0;
    background-size: 60px 60px;
}
.know-your .top.open.custom-interface-construction>i {
    background-position: 0px -60px;
}
.know-your .top.parallel-computing>i {
    background: url('../img/parallel-computing.png') no-repeat 0 0;
    background-size: 60px 60px;
}
.know-your .top.open.parallel-computing>i {
    background-position: 0px -60px;
}
.know-your .top.geocomputation>i {
    background: url('../img/geocomputation.png') no-repeat 0 0;
    background-size: 60px 60px;
}
.know-your .top.open.geocomputation>i {
    background-position: 0px -60px;
}
.know-your .top.mathematical-modeling>i {
    background: url('../img/mathematical-modeling.png') no-repeat 0 0;
    background-size: 60px 60px;
}
.know-your .top.open.mathematical-modeling>i {
    background-position: 0px -60px;
}
.know-your .top span {
    white-space: nowrap;
}
.know-your .expand {
    background: url('../img/expand.png') no-repeat top left;
    display: inline-block;
    height: 12px;
    margin: 0 0 -2px 5px;
    width: 12px;
}
.know-your .expand:hover {
    opacity: .7;
}
.know-your .top.open .expand {
    background-position: 0 -12px;
}
.know-your .fold {
    background: #fff;
    box-shadow: 0 5px 10px rgba(7, 73, 119, .5);
    font-size: 0.875rem;
    line-height: 1.25;
    padding: 10px 15px;
    position: absolute;
    width: 100%;
    z-index: 999999999;
}
.know-your .fold p {
    margin: 5px 0;
    width: 15.5rem;
}
.know-your .fold a:before {
    color: #0079c1;
    content: '»';
    font-weight: 400;
    margin-right: 0.1875rem;
}
.know-your .fold a {
    color: #606060;
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.125;
    overflow: hidden;
    text-overflow: ellipsis;
}
.know-your .fold a:hover {
    color: #0079c1;
}
#show-less-section .page-width {
    padding: 3.75rem 0 0.8rem 0;
}
#show-less-section .show-more {
    padding-bottom: 3.5rem;
}
.know-your .show-more, .know-your .show-less {
    text-align: center;
}
.know-your .show-more p, .know-your .show-less p {
    background: #1f2127;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.125;
    margin: 1.875rem 0 0;
    padding: .66rem 1.068rem;
    text-transform: uppercase;
}
.know-your .show-more p:hover, .know-your .show-less p:hover {
    background: #333;
}
.know-your .show-more img, .know-your .show-less img {
    margin: 0 10px 2px 0;
    vertical-align: middle;
}
.know-your .show-less img {
    transform: rotate(180deg);
}
.know-your .show-more p span, .know-your .show-less p span {
    color: #abbad9;
    font-weight: 300;
}
#show-more-section {
    color: #fff;
    display: none;
    font-size: 0.875rem;
    line-height: 1.25;
    padding: 10px .9rem;
    z-index: 999999999;
}
#show-more-section .page-width {
    padding-top: 0;
}
.thumbnail {
    border: 1px solid #f1f1f1;
    box-shadow: 1px 1px 15px rgba(237, 237, 239);
    height: 6.5rem;
    margin-bottom: 1rem;
    margin-right: 1rem;
    padding: 1.0rem;
    width: 23%;
}
.thumbnail span {
    color: #8364b9;
    font-size: 0.9rem;
    font-weight: 600;
    padding-left: 1rem;
}
.thumbnail span:hover {
    color: #5e5287;
}
.flex-flow {
    flex-flow: row nowrap;
}
.talk-to-us {
    padding-top: 1.875rem;
    text-align: center;
}
.talk-to-us span {
    background: #8364b9;
    border: 1px solid #8364b9;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    font-weight: 600;
    padding: 0.8rem 2.0rem;
}
.talk-to-us span:hover {
    background: #5e5287;
}
/* ==========================================================================
   get us start
   ========================================================================== */

ul.tabs {
    display: flex;
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
}
ul.tabs li {
    display: inline-block;
    height: 114px;
    margin: 0;
    position: relative;
    vertical-align: bottom;
    width: 50%;
}
ul.tabs li.current div {
    background-color: #0079c1;
    color: #fff;
    font-size: 1.35rem;
    font-weight: 400;
    line-height: 1.2;
    padding: 1.5rem 3rem;
}
ul.tabs li.current:hover div {
    background-color: #006cad;
    color: #fff;
}
ul.tabs li div {
    background-color: #f1f1f1;
    bottom: 0;
    color: #656565;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    padding: 1.08rem 3rem;
    position: absolute;
    width: 100%;
}
ul.tabs li:hover div {
    background-color: #006cad;
    color: #fff;
}
.tab-content {
    background: #fff;
    border: 4px solid #0079c1;
    display: none;
    padding: 1.5625rem;
}
.tab-content.current {
    display: inherit;
}
.tab-content.current p {
    color: #656565;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.8;
}
#get-us-start .title {
    color: #8364b9;
    display: block;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.625rem;
}
#get-us-start div.mini-m>div>span+span {
    color: #656565;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.8;
}
/* ==========================================================================
   tell us form form styles
   ========================================================================== */

#tell-us-form h2 {
    color: #fff;
    padding-bottom: 1.0rem;
}
#tell-us-button {
    cursor: pointer;
}
.thank-you p {
    font-weight: 300;
}
span.weight-600 {
    font-weight: 600;
}
#tell-us h2 {
    color: #dd4c00;
    text-align: left;
}
#tell-us-form #submit {
    font-size: 0.9375rem;
    margin-top: 0.5rem;
    padding: .60rem 2.2rem;
}
#tell-us-form #submit:hover {
    background: #333333;
    color: #fff;
}
#tell-us-form input[type='email'], #tell-us-form input[type='text'], #tell-us-form textarea {
    color: #656565;
    font-size: 0.9375rem;
    font-weight: 300;
    line-height: 1.25;
}
#tell-us-form label {
    color: #fff;
}
#tell-us .error-msg {
    background: url('../img/error-red.png') no-repeat scroll 0% 0% transparent;
}
#tell-us-form {
    background-color: #8364b9;
    color: #fff;
}
#tell-us-form #submit {
    background: #5e5287;
    border: 1px solid #5e5287;
    color: #fff;
    float: right;
}
#tell-us-form #submit:hover {
    background: #1f2127;
    color: #fff;
}
#tell-us-form a {
    color: #fff;
    font-size: 0.9375rem;
    font-weight: 600;
}
#tell-us-form ._main-grid> :nth-child(2n+1) {
    padding-right: 0rem;
}
#tell-us-form a:hover {
    color: #1F2127;
}
p.tell-us {
    color: #ffffff;
    margin: 0.5rem 0 1.5rem 0;
}
#tell-us-form .page-width {
    width: 95%;
}
#tell-us-form label.tell-us {
    color: #ffffff;
    display: inline-block;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.625;
}
#tell-us-form .required {
    color: #ffffff;
}
#tell-us-form .grid.cols-1.width-full {
    padding: 1rem 0 0 0;
}
#tell-us-form ._main-grid>*, #tell-us-form ._radio-grid>* {
    padding-bottom: 0;
}
#tell-us-form ._main-grid>*:nth-child(even) {
    padding-left: 0.6rem;
}
#tell-us-form .grid.cols-2.heirs-width-1-2:first-child {
    margin-right: 0.5rem;
}
#tell-us-form .error-msg {
    background: url(../img/form-error.png) no-repeat center left;
    background-size: 14px 14px;
    color: #fff;
    font-weight: 300;
}
#thank-you h2 {
    color: #fff;
    font-weight: 400;
    font-size: 1.875rem;
}
#thank-you {
    background-color: #8364b9;
    color: #fff;
}
#thank-you, #processing-error {
    display: none;
}
#tell-us-form label.tell-us {
    display: inline;
}
.padding-top-for-mobile {
    padding-top: 1.0rem;
}
/* ==========================================================================
  Chat
   ========================================================================== */
#chat-widget-container { bottom: 4rem !important; }

#chat span.light-bold:hover {
    color: #1f2127;
}
#chat {
    background: #8364b9;
    border-top: 1px solid #5e5287;
}
#chat a {
    color: #fff;
}
#chat span.light-bold {
    font-weight: 400;
}
#chat span, #chat li {
    color: #fff;
    font-size: 0.9rem;
    font-weight: 300;
    line-height: 1.625;
}
.mini-m span img {
    margin-right: 1rem;
}
.mini-m span img {
    vertical-align: bottom;
}
.mini-m {
    margin: 1.0rem 0;
}
#chat span.light-bold+span {
    display: block;
    margin-left: 2.5rem;
    width: 16rem;
}
.vertical-line {
    border-left: 1px solid #ffffff;
    height: 3.75rem;
    padding-right: 1.9rem;
}
#chat .vertical-align-t {
    padding-top: 0.5rem;
}
.mini-m>* {
    vertical-align: top;
}
/* ==========================================================================
  Sticky footer
   ========================================================================== */
.footer {
    background-color: #473e66;
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    padding: 1rem 2rem;
    width: 100%;
}
.sticky {
    bottom: 0;
    position: fixed;
    z-index: 9999998;
}
.footer a, .footer span {
    align-items: center;
    display: flex;
    justify-content: center;
}
.footer a { color: #fff; }
.footer a:hover { color: #b99ced; }
.footer svg { 
    height: 1.75rem;
    margin: 0.25rem 0.625rem 0 0.875rem; 
    width: 1.75rem;
}
.footer a:hover .a { fill: #b99ced; }




/* ==========================================================================
   carousel
   ========================================================================== */

.cd-hero {
    max-width: 440px;
    position: relative;
}
.cd-hero__slider {
    height: calc(280px + var(--slide-nav-h));
    overflow: hidden;
    position: relative;
    width: 100%;
}
.cd-hero__slide {
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    /* Force Hardware Acceleration */
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    will-change: transform;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.cd-hero__slide.cd-hero__slide--selected {
    /* this is the visible slide */
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.cd-hero__slide.cd-hero__slide--move-left {
    /* slide hidden on the left */
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}
.cd-hero__slide.cd-hero__slide--is-moving, .cd-hero__slide.cd-hero__slide--selected {
    /* the cd-hero__slide--is-moving class is assigned to the slide which is moving outside the viewport */
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}
html:not(.js-enabled) .cd-hero__slide {
    display: none;
}
html:not(.js-enabled) .cd-hero__slide.cd-hero__slide--selected {
    display: block;
}
/* hero slider nav */

.cd-hero__nav nav, .cd-hero__nav ul, .cd-hero__nav li, .cd-hero__nav a {
    height: 100%;
}
.cd-hero__nav nav {
    display: block;
    margin: 0 auto;
    position: relative;
}
.cd-hero__nav ul.outer-ul {
    align-items: stretch;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}
.cd-hero__nav li {
    line-height: 1.125rem;
    padding-bottom: 0;
}
.cd-hero__nav ul.outer-ul li.scroll {
    overflow-x: hidden;
    width: 100%;
}
.cd-hero__nav ul.inner-ul {
    align-items: stretch;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    overflow: hidden;
}
.cd-hero__nav ul.inner-ul>li {
    flex: 0 0 auto;
}
.cd-hero__nav .dot {
    background: transparent;
    border-radius: 100%;
    border: 2px solid var(--grey-a6);
    cursor: pointer;
    display: inline-block;
    height: 12px;
    margin: 0 4px;
    width: 12px;
}
.cd-hero__nav li.cd-selected .dot {
    background: var(--grey-a6);
}
.cd-hero__nav .dot:hover {
    border-color: var(--link-hover);
}
.cd-hero__nav li.cd-selected .dot:hover {
    background: var(--link-hover);
}
/* ==========================================================================
   ticker (a kind of carousel)
   ========================================================================== */

/*setup*/

#ticker.purple {
    background: var(--purple-news-bg);
}
#ticker-content {
    /*1350*/
    padding-bottom: 0;
    padding-top: 0;
}
#ticker+.feature div[id$="-content"] {
    border-top: 0;
}
/*carousel overrides*/

#ticker .cd-hero {
    max-width: none;
    align-items: center;
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: 58px 1fr calc(1.875rem * 2 + 1px);
}
#ticker .cd-hero__slider {
    height: 3.75rem;
}
#ticker .cd-hero__slide {
    font-size: 1rem;
    text-align: left;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}
#ticker .cd-hero__slide.cd-hero__slide--selected {
    /* this is the visible slide */
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
#ticker .cd-hero__slide.cd-hero__slide--move-left {
    /* slide hidden on the left */
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}
/*nav overrides*/

#ticker .cd-hero__nav {
    background: transparent;
    font-size: 0;
    height: 2.0625rem;
    position: relative;
}
#ticker .cd-hero__nav ul.outer-ul {
    align-items: center;
    display: block;
    flex-wrap: nowrap;
    justify-content: center;
}
#ticker .cd-hero__nav ul.outer-ul li.arrow {
    cursor: pointer;
    display: inline-block;
    height: 100%;
    text-align: right;
    width: calc(1.875rem);
}
#ticker .cd-hero__nav ul.outer-ul li.arrow svg {
    height: 1.5625rem;
    margin: 0.25rem 0;
    width: 0.875rem;
}
#ticker.purple .cd-hero__nav ul.outer-ul li.arrow polygon {
    fill: var(--purple-news-arrow);
}
#ticker .cd-hero__nav ul.outer-ul li.arrow:hover polygon {
    fill: #fff;
}
#ticker .cd-hero__nav ul.outer-ul li.arrow-left {
    transform: scaleX(-1);
}
#ticker .cd-hero__nav ul.outer-ul li.arrow-right {
    border-left: 1px solid;
}
#ticker.purple .cd-hero__nav ul.outer-ul li.arrow-right {
    border-color: var(--purple-news-pipe);
}
#ticker .cd-hero__nav .scroll {
    display: none;
}
/*ticker specific*/

#the-ticker>img {
    height: 2.875rem;
    width: 3.625rem;
}
#ticker .cd-hero__slide a {
    color: #fff;
    display: block;
    font-weight: 600;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    top: 50%;
    transform: translate(0, -50%);
    white-space: nowrap;
    width: 100%;
}
#ticker.purple .cd-hero__slide a span.title {
    color: var(--purple-news-txt);
}
/* ==========================================================================
   responsive breakpoint styles
   ========================================================================== */

/* styles for large screens less than (1200px)
   ========================================================================== */

@media all and (max-width: 1200px) {
    #title-inner {
        padding-top: 20%;
    }
}
/* styles for medium screens (900px)
   ========================================================================== */

@media all and (max-width: 900px) {
    #title-inner {
        padding-top: 22%;
    }
    #intro h1 {
        font-size: 3rem;
        line-height: 1;
    }
    #intro .title-wrapper-inner p.text {
        font-size: 0.9rem;
        line-height: 1.0;
        padding: 0.5rem 0.5rem;
    }
    #intro .img-wrapper {
        padding-right: 1rem;
    }
    #intro .img-wrapper:nth-child(3n) {
        padding-right: 0;
    }
    #intro .img-wrapper img {
        height: auto;
        width: 100%;
    }
    #support-for-organzations ul {
        padding: 0 1.8rem;
    }
    ul.tabs li div, ul.tabs li:hover div {
        font-size: 1.2rem;
        padding: 0.8rem 3rem;
    }
    ul.tabs li.current div, ul.tabs li.current:hover div {
        padding: 1.5rem 3rem;
        font-size: 1.7rem;
    }
    #get-us-start .page-width {
        padding-top: 3rem;
    }
    #title-outer span#badge {
        font-size: 1rem;
        left: 1rem;
    }
    #benefit-from-muliparadigm .page-width {
        padding: 3.75rem 0 3.5rem 1.5rem;
    }
    .thumbnail {
        width: 47%;
    }
    .thumbnail span {
        font-size: 1.3rem;
    }
}
/* styles for small screens (600px)
   ========================================================================== */

@media all and (max-width: 600px) {
    #intro .title-wrapper {
        max-width: 100%;
    }
    #intro .img-wrapper, #intro .img-wrapper:nth-child(3n) {
        padding: 0 2rem;
        text-align: center;
    }
    #intro .img-wrapper img {
        max-width: 20.5rem;
    }
    #unique h2+p {
        font-size: 1rem;
    }
    #unique h4+p {
        font-size: 0.8125rem;
    }
    .quote-container {
        height: calc((2.75rem * 5) + 2rem);
    }
    .border {
        padding-top: 2.5rem;
    }
    #special-offer {
        border: 4px solid #ececec;
        padding: 1rem;
    }
    #rapid-data {
        background: url('../img/rapid-data-prototype.png') no-repeat 100% 0 #ececec;
        background-size: auto;
        padding: 2.3rem 1.5rem 2.0rem 1.5rem;
    }
    #special-offer span, #rapid-data span {
        color: #0079c1;
        font-size: 1.125rem;
        font-weight: 600;
    }
    #special-offer span:nth-child(2n) {
        color: #444a59;
        font-size: 1.375rem;
        font-weight: 400;
    }
    #benefit-from-muliparadigm h2 {
        margin: auto;
        width: auto;
    }
    #rapid-data span:first-child {
        display: block;
    }
    #special-offer span:first-child {
        text-transform: uppercase;
    }
    #support-for-organzations li {
        height: 5rem;
        width: 6.0rem;
    }
    #support-for-organzations ul {
        padding: 0;
    }
    #support-for-organzations li:nth-child(4n) {
        padding-right: 0;
    }
    ul.tabs li div, ul.tabs li:hover div {
        font-size: 1.08rem;
        padding: 0.8rem 2.8rem;
    }
    ul.tabs li.current div, ul.tabs li.current:hover div {
        padding: 1.5rem 2rem;
        font-size: 1.35rem;
    }
    .special-offer-rapid-data-wrapper {
        background: none;
    }
    .img-wrapper {
        margin: 1rem auto 2rem auto;
    }
    .thumbnail {
        width: 46.3%;
    }
    .thumbnail:nth-child(2n) {
        margin-right: 0;
        padding-right: 0;
    }
    .thumbnail span {
        font-size: 1.125rem;
        max-width: 18.75rem;
        padding-right: 1rem;
    }
    #tell-us-form ._main-grid>*, #tell-us-form ._radio-grid>* {
        padding-top: .6rem;
    }
    input::placeholder, textarea::placeholder {
        font-size: 0.875rem;
    }

    /*chat*/
    #chat-widget-container { bottom: 5.5rem !important; }

    /*footer*/
    .footer a { display: block; }
}
/* styles for small screens (470px)
   ========================================================================== */

@media all and (max-width: 470px) {
    #title-outer span#badge {
        font-size: 0.8rem;
    }
    ul.tabs li div, ul.tabs li:hover div {
        font-size: 3.6vw;
        padding: 0.8rem 0.8rem;
    }
    ul.tabs li.current div, ul.tabs li.current:hover div {
        font-size: 4.2vw;
        padding: 1.8rem 0.8rem;
    }
    #benefit-from-muliparadigm .page-width {
        padding-left: 0;
    }
    #benefit-from-muliparadigm img {
        display: none;
    }
}
/* styles for minimum supported screen width (320px)
   ========================================================================== */

@media all and (max-width: 320px) {
    #title-outer span#badge {
        font-size: 0.7rem;
    }
    #title-outer span#badge {
        padding: 0 0.5rem;
    }
    .thumbnail span {
        font-size: 1.0rem;
        padding: 0.5rem 0;
    }
    #support-for-organzations li {
        height: 4rem;
        width: 5.2rem;
    }
    #support-for-organzations .page-width {
        padding: 3.75rem 1rem 2.5rem 1rem;
    }
}
/* printer styles
   ========================================================================== */

@media print {}