/*==============================================
Global styles
================================================*/

.inner {
    font-size: 0.8125rem;
    line-height: 1.425rem;
    font-family: 'Microsoft YaHei', 'Hiragino Sans GB', Arial, sans-serif;
    width: 62.625rem;
    max-width: 100%;
    margin: 0 auto;
    padding: 1.5rem 1rem 1.5rem 0;
}

.black-h3 .block_row {
    margin: 0 0 0.8125rem -3%;
}

.block_row {
    width: 103%;
    margin: 0 0 3.75rem -3%;
}

.half {
    display: inline-block;
    vertical-align: top;
    width: 44%;
    margin: 0 0 0 3%;
}

.half img {
    display: inline-block;
    border: medium none;
    outline: medium none;
    vertical-align: top;
    margin: 0 0.9375rem 0 0;
}

.wolfram-nowrap,
.wolfram-nowrap .half {
    display: flex;
    flex-wrap: nowrap;
}

.featured a {
    font-weight: 600;
}

.divider {
    border-top: 1px solid #d1d1d1;
    padding: 1.875rem 0 2.5rem 0;
    overflow: hidden;
}

/* DON'T OVERRIDE FRAMEWORK CLASSES LIKE THIS! ಠ_ಠ */
main .heirs-chevron-after,
main .chevron-after,
main a:hover .chevron-after,
main a:hover .heirs-chevron-after {
    color: #f77700 !important;
}

/*==============================================
Common text
================================================*/

.inner h2 {
    font-size: 1.75rem;
    color: #666;
    font-family: 'Microsoft YaHei', 'Hiragino Sans GB', Arial, sans-serif;
    font-weight: 300;
    margin: 2.8125rem 0 2.5rem;
}

.outer a {
    text-decoration: none;
    color: #dd1100;
}

.outer {
    margin-top: 2.4375rem;
}

.outer a:hover {
    color: #f77700;
}

.outer h3,
span.h3 {
    margin: 0 0 0.3125rem 0;
    color: #dd1100;
    font-size: 1rem;
    line-height: 1.3;
    font-weight: 600;
    text-transform: uppercase;
}

span.h3 {
    margin: 0rem 1.6875rem 0.9375rem 1.25rem;
    padding-top: 2.8125rem;
    display: inline-block;
    width: 100%;
}

.half .text {
    display: inline-block;
    width: 19.063rem;
    vertical-align: top;
    margin: 0 0 0 0;
    max-width: 100%;
}

.half .text h3 a {
    margin: 0 0 0.3125rem 0;
    color: #dd1100;
    font-size: 0.9375rem;
    line-height: 1.3;
    text-transform: uppercase;
    font-weight: 600;
}

.half p {
    color: #656565;
    margin: 0 0 0.3125rem 0;
    font-weight: 400;
}

.half.img-left p {
    padding-right: 3.6rem;
}

.half .text a {
    color: #656565;
}

/* DON'T OVERRIDE FRAMEWORK CLASSES LIKE THIS! ಠ_ಠ */
main .heirs-chevron-after,
main .chevron-after {
    color: #f77700 !important;
}

.half .text a:hover,
.blog-link:hover p {
    color: #f77700;
}

.half a:hover h3 {
    color: #f77700;
}

/*==============================================
Heading
================================================*/

#topheader {
    background: #de1f26;
}

#topheader .inner {
    padding: 2.1875rem 0 2.1875rem 0rem;
    background: url('../images/header.png') right center no-repeat;
    box-sizing: border-box;
    overflow: hidden;
}

#topheader div#intro {
    font-size: 0.9rem;
    position: relative;
    margin: 0.925rem 0 0 0;
    color: #ffffff;
    line-height: 1.7;
    font-weight: 400;
    width: 31.063rem;
    max-width: 100%;
}

#topheader h1#text-title {
    color: #FFFFFF;
    font-size: 1.8rem;
    line-height: 1.4;
    font-weight: 400;
    margin-top: 0rem;
}

#topheader h1#text-title span {
    font-size: 2.75rem;
}

#topheader h1#text-title .small-date {
    font-size: 0.875rem;
    line-height: 1.1;
    display: inline-block;
    margin: 0.4375rem 0 0 0rem;
    color: #fad7d0;
}

#topheader h1#text-title span {
    line-height: 1.3em;
}

#topheader .inner {
    padding: 3.375rem 0 3.375rem 0rem;
}

.video-left {
    display: inline-block;
    vertical-align: top;
    width: 29.375rem;
    max-width: 100%;
    margin: 0 4.375rem 0 0;
}

/*===============================    second blurb*/

.top-blurb {
    width: 56.25rem !important;
    max-width: 100%;
    vertical-align: top;
    font-size: 0.875rem;
    line-height: 1.4;
    margin-top: 1rem;
}

.top-blurb p {
    font-size: 0.875rem;
    line-height: 1.35;
    font-weight: 400;
    width: 12.5rem;
    max-width: 100%;
}

#blurbsOuter {
    background: #161616;
}

.blurbsInner {
    padding: 0 2.3125rem 0 0;
}

.accelerate {
    padding-top: 0.125rem;
    padding-bottom: 0.1rem;
    background-color: #f3f3f3;
    margin-top: 0;
}

.accelerate h2 {
    color: #dd1100;
    margin-bottom: 1.25rem;
}

.accelerate p {
    color: #666;
    margin-bottom: 1.875rem;
}

.top-blurb h2 {
    color: #dd1100;
    font-size: 0.9375rem;
    line-height: 1.3;
    margin: 0.5rem 0rem 0.1875rem 0rem;
    text-transform: uppercase;
}

.top-blurb h3 {
    color: #d9d9d9;
    font-size: 1rem;
    line-height: 1.3;
    margin: 0 0 0.625rem 0;
    text-transform: uppercase;
}

.blurbsInner p.top-blurb-bigger {
    font-size: 0.9375rem;
    line-height: 1.33;
    font-weight: 600;
    margin: 0;
}

.blurbsInner p.top-blurb-smaller {
    color: #B1B1B1;
    font-size: 15px;
    line-height: 12px;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
}

.blurbsInner div.col-3 {
    background: #232323;
    border: 1px solid #636363;
    font-size: 0.75rem;
    line-height: 1.5;
    padding: 1.25rem;
    width: 8.75rem;
    margin: 0.625rem 0 0 3.75rem;
}

.blurbsInner div.col-3 p {
    font-size: 0.8125rem;
    line-height: 1.5;
    margin: 0;
}

.blurbsInner div.col-3 p span {
    font-size: 1rem;
}

.blurbsInner p {
    color: #FFFFFF;
}

.top-blurb .event-title {
    margin-bottom: 0.625rem;
    font-weight: 600;
    font-size: 1.25rem;
}

#blurbsOuter {
    background: #161616;
}

.blurbsInner div {
    display: inline-block;
    margin-bottom: 0.5rem;
    vertical-align: top;
}

.blurbsInner div.col-4 {
    background: #232323;
    border: 1px solid #636363;
    font-size: 0.75rem;
    line-height: 1.125rem;
    padding: 1.25rem;
    margin: 0.625rem 10rem 0 2.8125rem;
    vertical-align: top;
    height: inherit;
    width: 8.75rem;
}

.blurbsInner div.col-4 p {
    font-size: 1rem;
    line-height: 1.3em;
}

.blurbsInner div.col-4.first {
    margin: 0.625rem 0 0 0rem;
}

.blurbsInner div.col-4 p {
    font-size: 0.8125rem;
    line-height: 1.5;
    margin: 0rem;
}

.blurbsInner div.col-4 p span {
    line-height: 1.4rem;
    font-size: 1rem;
    margin-bottom: 0rem;
    display: inline-block;
}

.blurb-text-left p {
    margin-right: 2.8125rem;
    font-size: .875rem;
    vertical-align: top;
}

.blurb-text-left p.title {
    margin-bottom: 0.3125rem;
    font-size: 1rem;
    font-weight: 600;
}

div.blurb-text-left:nth-child(2) {
    width: 60%;
}

.two-events .blurb-text-left p:last-of-type {
    width: 100%;
}

.two-events {
    padding: 1.875rem 0 1.875rem 0rem;
}

.two-events .col-4 {
    margin-left: 0 !important;
}

/*==============================================
Ask Us About...
================================================*/

.red-link a {
    color: #dd1100 !important;
}

.red-link a:hover {
    color: #f77700 !important;
}

.red-link:first-of-type {
    margin-top: 0.5rem;
}

.red-link {
    margin-top: 0.3125rem;
}

/*==============================================
Two columns
================================================*/

.two-columns {
    display: flex;
    gap: 7%;
}

.two-columns>div {
    flex-basis: 50%;
}

/*==============================================
Key New Features
================================================*/

/ .keyFeatures a {
    font-weight: bold;
}

.keyFeatures .text {
    width: 21.875rem;
    max-width: 100%;
}

div.half.divider h3 a {
    margin: 1.875rem 0 0.9375rem 0;
}

ul.key_features {
    margin: 0 1rem;
    padding: 0;
    color: #dd1100;
    font-size: 0.8125rem;
    width: 20.313rem;
    max-width: 100%;
}

ul.key_features li {
    margin: 0 0 0.9375rem 0;
    padding: 0 0 0 0.3125rem;
}

ul.key_features li span {
    color: #656565;
    font-size: 0.8125rem;
    line-height: 1.5;
}

ul.key_features li:last-child {
    margin: 0;
}

.key_features li {
    display: list-item;
    list-style: square !important;
}

.half ul li p {
    font-size: 0.8125rem;
    margin: 0;
}

/*==============================================
Discover Wolfram
================================================*/

.link {
    padding-top: 0.625rem;
    margin: 0 0 0 0;
    display: block;
}

.link.inline {
    display: inline-block;
    padding-top: 0.3125rem;
}

.link h3 {
    margin: 0;
}

.link a {
    font-weight: 600;
    display: flex;
}

/* DON'T OVERRIDE FRAMEWORK CLASSES LIKE THIS! ಠ_ಠ */
main span.chevron-after span {
    color: #656565 !important;
}

.link img,
.inline-link-img {
    padding: 0 0.3125rem 0 0;
    margin: 0;
    vertical-align: middle;
    border: 0;
}

.link img {
    margin-right: 0.5rem;
}

.inline-link-img+a {
    margin: 0 0.9375rem 0 0;
}

/*==============================================
Resources
================================================*/

.resources .block_row {
    margin-bottom: 0;
}

.resources .blog .text p {
    font-weight: 600;
}

.resources .blog .text a {
    margin: 0rem 0 1.875rem 1.25rem;
}

.resources .text+img {
    border: 0;
}

.large-img img {
    margin-right: 0;
}

.resources .text {
    width: 17.5rem;
    max-width: 100%;
    margin: 0 0 0rem 0;
}

.resources .text a {
    color: #dd1100;
    display: inline-block;
}

.contentBox .narrow {
    margin-top: 0rem;
}

.blog.narrow h3 {
    margin-bottom: 2.8125rem;
}

.half-divider {
    border-top: 1px solid #d1d1d1;
    margin-top: 0.625rem;
    width: 25rem;
    max-width: 100%;
}

.resources h3 {
    padding: 0;
}

.resources .half-divider {
    padding: 2.5rem 0 0 0
}

.more.margin {
    margin: 1.5625rem 0 2.5rem 0;
    width: 12.9375rem;
    max-width: 100%;
}

.less.margin {
    margin-top: 0.625rem;
    width: 12.937rem;
    max-width: 100%;
}

.mextra a:last-child {
    margin-top: 0.3125rem;
}

/*==============================    Wolfram|Alpha*/

a.alpha-example span.content {
    display: block;
    padding: 0.0625rem 1.125rem 0.0625rem 0.25rem;
    border: 1px solid #aaa;
    font-size: 0.75rem;
    line-height: 1.5;
    color: #222;
    vertical-align: middle;
}

a.alpha-example {
    display: block;
    position: relative;
    width: 25.3125rem;
    max-width: 100%;
    margin: 0.4375rem 0;
    padding: 0;
    border: 1px solid transparent;
    outline: 0 !important;
}

a.alpha-example .submit {
    display: block;
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    width: 13px;
    height: 0;
    margin: auto 0;
    padding: 14px 0 0;
    background: transparent url('../../img/icon-wolfram-alpha-equal.gif') no-repeat scroll 0 0;
    border: 0 none;
    font-size: 0;
}

a.alpha-example:hover .submit {
    background-position: bottom;
}

.half.try-wolfram-alpha h3 {
    margin-bottom: 0.875rem;
}

/*==============================    demos*/

div.demo-box {
    margin: 0 0 0 0rem;
}

.demo-box {
    margin-bottom: 0rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.inner .demo {
    line-height: 0.9375rem;
}

div.demo {
    margin: 0.625rem 0 0.625rem 0rem;
    flex: 1 0 6.875rem;
    padding-right: 2rem;
}

.nowrap {
    white-space: nowrap;
}

.inner .demo a {
    color: #656565 !important;
}

.demo img {
    margin: 0 0 0.625rem 0rem;
}

a.demo:hover {
    color: #f77700;
}

a.demo img {
    margin: 0 0 0.625rem 0rem;
}

/*==============================    blog*/

.blog-link {
    display: block;
    margin: 0.9375rem 0;
}

.blog-link img {
    vertical-align: middle;
}

.blog-link p {
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    width: 15.625rem;
    max-width: 100%;
    margin: 0 0 0 0px;
}

.blog .half img {
    margin: 0 0.9375rem 0 0.9375rem;
}

.blog .half .text {
    width: 15.937rem;
    max-width: 100%;
}

.spacer {
    margin-bottom: 1.875rem;
}

.blog .half .text a {
    color: #dd1100;
}

.blog div.text {
    margin: 0;
}

.blog p:hover {
    color: #f77700;
}

.blog p.one-line {
    margin-top: 0.625rem;
}

.blog p.two-lines {
    margin-top: 0.625rem;
}

main .bold,
main span.bold {
    font-weight: 600;
}

/*==============================================
Bottom Contact
================================================*/

.bottom {
    background: #de1f26;
}

.bottom.outer .block_row {
    margin: 0 0 0rem 0%;
}

.bottom .inner {
    padding: 1.15rem 0 1.039rem 0;
    margin-top: 3.75rem
}

.bottom img {
    border: 0;
    margin: 0rem 1.25rem 0.3125rem 0;
}

.bottom a,
.bottom p {
    color: #fff;
    font-size: 0.875rem;
}

.bottom .text p {
    font-weight: 400;
}

.bottom .text.right {}

.bottom span.small {
    font-size: 0.6875rem;
}

.bottom .half {
    vertical-align: middle;
    width: 100%;
}

.bottom .text a {
    text-decoration: none;
    color: #ffffff;
}

.bottom a,
.bottom p {
    font-size: 0.9375rem;
    font-weight: 600;
}

.half.bottom-flex {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.half.bottom-flex .text {
    width: 24rem !important;
}

/* ==========================================================================
   responsive breakpoint styles
   ========================================================================== */

/* styles for medium screens (1200px)
   ========================================================================== */

@media all and (max-width: 1200px) {
    /*==============================    common*/
    .block_row {
        width: 100%;
        margin: 0 0 3.75rem 0;
        overflow: hidden;
    }
    .wrapper {
        padding: 0 2.5rem;
    }
    .half {
        margin-left: 0;
    }
    /*==============================    key features*/
    .black-h3 .block_row {
        margin: 0 0 2.8125rem 0;
    }
    /*==============================    Resources - related examples*/
    .large-img img {
        margin-right: -33.925rem
    }
    .wolfram-nowrap.resources img {
        margin-left: min(0.8rem);
    }
    /*==============================    bottom*/
    .medium-img img {
        margin-right: 0;
    }
}

/* styles for medium screens (900px)
   ========================================================================== */

@media all and (max-width: 900px) {
    /*==============================    common*/
    .wrapper {
        padding: 0 1.25rem;
    }
    .blurbsInner div.col-4 {
        margin-right: 1rem
    }
    .blurb-text-left.in-booth {
        margin-bottom: 1.2rem;
    }
    /*==============================    Resources - related examples*/
    div.demo {
        width: 45%;
        padding-right: 1rem;
    }
    .demo-box {
        flex: 1 0 41%;
    }
    .half.img-left p {
        padding-right: 0;
    }
    .link-flex a {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
    }
    /*==============================    from the blog*/
    .blog.narrow .spacer {
        margin-bottom: 1.375rem;
    }
    .resources .text+img {
        margin: 0 0 0.625rem 0;
    }
    a.alpha-example span.content {
        line-height: 1.75;
    }
    /*===============================    reducing images in px*/
    .large-img img {
        width: 94px;
        height: 60px
    }
    .medium-img img {
        width: 60px;
        height: 73px
    }
}

/* styles for medium screens (600px)
   ========================================================================== */

@media all and (max-width: 600px) {
    /*==============================    common*/
    html {
        min-width: 16.75rem;
    }
    .two-columns {
        flex-direction: column;
    }
    .two-columns>div {
        width: 100%;
    }
    .half .text {
        width: 100% !important;
    }
    #topheader .inner {
        background: none;
    }
    .divider {
        padding: 0.5rem 0 0.5rem 0;
    }
    div.blurb-text-left:nth-child(2) {
        width: 100%;
    }
    #topheader div#intro {
        width: 100% !important;
    }
    .video-left {
        width: 100%; 
        margin: 0 0 0 0;
    }
    /*===============================    reducing image in px*/
    .featured-img img { width: 49.5px; height: 55.5px; }

    /*===============================    title*/
    #topheader h1#text-title {
        font-size: 1.6rem;
    }
    /*===============================    wolfram tech in...*/
    .inner.featured.spacing-70 {
        padding-bottom: 0rem;
    }
    /*==============================    Resources - related examples*/
    .demo-box {
        justify-content: space-between;
        gap: 7%;
    }
    div.demo {
        padding-right: 2rem !important;
    }
    .large-img img {
        margin-right: 0rem;
        margin-left: 0rem !important;
    }
    .example-divider {
        border-top: 1px solid #d1d1d1;
        margin-top: 0.625rem;
        margin-bottom: 2.6rem;
        width: 25rem;
        max-width: 100%;
    }
    .nowrap {
        white-space: nowrap;
    }
    a.alpha-example {
        width: 100%;
    }
    /*==============================    Key features*/
    ul.key_features {
        width: auto;
    }
    .black-h3 .half:first-child {
        margin-bottom: 1rem;
    }
    ul.key_features li:last-child,
    ul.key_features li {
        margin-left: 0.5rem;
    }
    /*==============================    featured products*/
    .wolfram-nowrap .half:first-child {
        margin-bottom: 3.45rem;
    }
    .wolfram-nowrap.resources img {
        margin-left: 0 !important;
    }
    .resources.large-img .text {
        max-width: 100%;
    }
    /*==============================    bottom*/
    .bottom .text p {
        width: 100%;
    }
    .bk-line {
        display: none;
    }
    .half.bottom-flex .text {
        width: 100% !important;
    }
}

/* styles for medium screens (320px)
   ========================================================================== */

@media all and (max-width: 320px) {}