/* Mathematica overview page styles.

   @file        overview.en.css
   @author      marionm
   ========================================================================== */

/* shared styles
   ========================================================================== */

.section-wrapper {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    border-bottom: 1px solid #b3b3b3;
}

.section-wrapper .width {
    max-width: 880px; /* 1200px total */
    min-width: 880px;
    padding: 50px 140px 30px 336px;
}

.floater {
    position: relative;
}

.floater img {
    display: block;
    position: absolute;
    top: -50px;
    right: -171px;
}

.column.left {
    width: 395px;
    padding: 0 25px 0 0;
}

.column.right {
    width: 370px;
}

.level-2 h2 {
    margin: 0 0 20px 0;
    color: #f71900;
    font-size: 35px;
    font-weight: 300;
    line-height: 40px;
}

.level-2 p {
    width: 575px;
    margin: 0 0 30px 0;
    color: #636363;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}

.level-3 h3 {
    margin: 0 0 4px 0;
    color: #f57300;
    font-size: 15px;
    font-weight: 600;
    line-height: 17px;
    text-transform: uppercase;
}

.level-3 p {
    margin: 0 0 30px 0;
    color: #636363;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
#overview {
    min-width: 1456px;
}
/* subheader
   ========================================================================== */

#subheader {
    padding: 75px 0 60px 0;
    text-align: center;
}

#subheader h1,
#subheader img {
    display: inline-block;
    font-size: 54px;
}

#subheader p {
    margin: 10px 0 0 0;
    color: #686868;
    font-size: 24px;
    line-height: 23px;
    font-weight: 300;
}

/* subnav
   ========================================================================== */

#subnav_red {
    text-align: center;
}

#subnav_red ul {
    width: auto;
    padding: 0 22px 0 0;
}

/* hero
   ========================================================================== */

#hero {
    width: 100%;
    height: 261px;
    margin: 60px 0 0 0;
    background: #4f4f4f;
    overflow: visible;
}

#hero .hero-inner {
    position: relative;
    width: 951px;
    margin: 0 auto;
    height: 261px;
}

#hero img {
    display: block;
    position: relative;
    top: -85px;
    margin: 0 auto;
}

#hero .hero-text {
    font-size: 11px;
    font-style: italic;
    position: absolute;
    top: -52px;
    right: 24px;
    display: inline-block;
    line-height: 1.4;
    z-index: 2;
}
#hero .hero-text a {
    color: #535353;
}
#hero .hero-text a:hover {
    color: #f77700;
}

/* intro
   ========================================================================== */

#intro .width {
    position: relative;
}

#intro .width:after {
    content: '';
    display: inline-block;
    width: 18px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -30px;
    background: #e4e4e4;
}

#intro .floater div {
    position: absolute;
    width: 296px;
    height: 250px;
    top: 0px;
    right: -152px;
    background: url('/web/20170201021005oe_/http://www.wolfram.com/mathematica/images/overview/intro-floater.png') no-repeat;
}

#intro h2 {
    padding: 252px 40px 0 0;
    color: #4d4d4d;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
}

#intro .floater a:link h2 span,
#intro .floater a:visited h2 span {
    color: #d51100;
}

#intro .floater a:hover h2 span,
#intro .floater a:active h2 span {
    color: #f57300;
}

#intro .p1 {
    width: 670px;
    color: #e56b00;
    font-size: 27px;
    font-weight: 300;
    line-height: 36px;
}

#intro .p2 {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}

/* modern technical computing
   ========================================================================== */

#about {
    min-height: 1266px;
}

#about .width {
    background: url('/web/20170201021005oe_/http://www.wolfram.com/mathematica/images/overview/vline-part3.png') repeat-y right top;
}

#about .column img {
    margin: 0 0 10px 0;
    border: 1px solid #bdbdbd;
}

/* coverage
   ========================================================================== */

#coverage .width {
    background: url('/web/20170201021005oe_/http://www.wolfram.com/mathematica/images/overview/vline-part3.png') repeat-y right top;
}

#coverage .floater img {
    top: 20px;
    right: -81px;
}

#coverage .p1 {
    margin: 0;
}

#coverage .p2 {
    font-size: 14px;
    line-height: 24px;
}

#coverage .column.left {
    padding: 0 10px 10px 0;
    width: 371px;
}

#coverage .row a {
    display: block;
    margin: 0;
    background: #efefef;
    font-size: 18px;
    line-height: 20px;
}

#coverage .row a span {
    display: block;
    padding: 30px 15px;
    border: 1px solid #e0e0e0;
}

#coverage .row a:hover span,
#coverage .row a:active span {
    border: 1px solid #f57300;
}

#coverage .small .column.left,
#coverage .small .column.right {
    width: 247px;
}

#coverage .small a {
    background: #f1f1f1;
    display: block;
}

#coverage .small a span {
    padding: 20px 15px;
    font-size: 16px;
    line-height: 18px;
}

#coverage-sl span { background: url('/web/20170201021005oe_/http://www.wolfram.com/mathematica/images/overview/coverage-sl.png') no-repeat 300px 50%; }
#coverage-mc span { background: url('/web/20170201021005oe_/http://www.wolfram.com/mathematica/images/overview/coverage-mc.png') no-repeat 300px 50%; }
#coverage-n span { background: url('/web/20170201021005oe_/http://www.wolfram.com/mathematica/images/overview/coverage-n.png') no-repeat 290px 50%; }
#coverage-v span { background: url('/web/20170201021005oe_/http://www.wolfram.com/mathematica/images/overview/coverage-v.png') no-repeat 300px 50%; }
#coverage-am span { background: url('/web/20170201021005oe_/http://www.wolfram.com/mathematica/images/overview/coverage-am.png') no-repeat 295px 50%; }
#coverage-nt span { background: url('/web/20170201021005oe_/http://www.wolfram.com/mathematica/images/overview/coverage-nt.png') no-repeat 300px 50%; }
#coverage-da span { background: url('/web/20170201021005oe_/http://www.wolfram.com/mathematica/images/overview/coverage-da.png') no-repeat 200px 50%; }
#coverage-grc span { background: url('/web/20170201021005oe_/http://www.wolfram.com/mathematica/images/overview/coverage-grc.png') no-repeat 200px 50%; }
#coverage-imc span { background: url('/web/20170201021005oe_/http://www.wolfram.com/mathematica/images/overview/coverage-imc.png') no-repeat right 50%; }
#coverage-gc span { background: url('/web/20170201021005oe_/http://www.wolfram.com/mathematica/images/overview/coverage-gc.png') no-repeat 180px 50%; }
#coverage-inc span { background: url('/web/20170201021005oe_/http://www.wolfram.com/mathematica/images/overview/coverage-inc.png') no-repeat right 50%; }
#coverage-iae span { background: url('/web/20170201021005oe_/http://www.wolfram.com/mathematica/images/overview/coverage-iae.png') no-repeat right 50%; }

/* core technologies
   ========================================================================== */

#core .width {
    background: url('/web/20170201021005oe_/http://www.wolfram.com/mathematica/images/overview/vline-part3.png') repeat-y right top;
}

#core .row a {
    display: inline-block;
    width: 248px;
    padding: 0 0 0 120px;
}

#core-wl {
    min-height: 86px;
    background: url('/web/20170201021005oe_/http://www.wolfram.com/mathematica/images/overview/core-wl.png') no-repeat 10px top;
}

#core-wab {
    display: inline-block;
    width: 248px;
    min-height: 86px;
    padding: 0 0 0 120px;
    background: url('/web/20170201021005oe_/http://www.wolfram.com/mathematica/images/overview/core-wab.png') no-repeat left top;
    background-position: 30px 0;
}

#core-wni {
    display: inline-block;
    width: 248px;
    min-height: 81px;
    padding: 0 0 0 120px;
    background: url('/web/20170201021005oe_/http://www.wolfram.com/mathematica/images/overview/core-wni.png') no-repeat left top;
}

#core-we {
    min-height: 81px;
    background: url('/web/20170201021005oe_/http://www.wolfram.com/mathematica/images/overview/core-we.png') no-repeat left top;
    background-position: 30px 0;
}

#core-wc {
    min-height: 81px;
    background: url('/web/20170201021005oe_/http://www.wolfram.com/mathematica/images/overview/core-wc.png') no-repeat 10px top;
}

#core-wk {
    min-height: 81px;
    background: url('/web/20170201021005oe_/http://www.wolfram.com/mathematica/images/overview/core-wk.png') no-repeat left top;
    background-position: 30px 0;
}

/* the mathematica trajectory
   ========================================================================== */

#stats .width {
    background: url('/web/20170201021005oe_/http://www.wolfram.com/mathematica/images/overview/vline-part3.png') repeat-y right top;
}

#stats .floater img {
    top: 0;
    right: -81px;
}

#stats h2 {
    line-height: 30px;
}

#stats h2 span {
    color: #444444;
    font-size: 18px;
    font-style: italic;
}

#stats .chart {
    position: relative;
    float: none;
    height: 315px;
}

#stats .chart img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

#stats h3 {
    margin: 0 0 4px;
    color: #f57300;
    font-size: 15px;
    font-weight: 600;
    line-height: 17px;
    text-transform: uppercase;
}

/* the wolfram product universe
   ========================================================================== */

#products .width {
    background: url('/web/20170201021005oe_/http://www.wolfram.com/mathematica/images/overview/vline-part4.png') repeat-y right top;
}

#products .floater img {
    right: -139px;
}

#products .column a {
    display: inline-block;
    width: 293px;
    min-height: 57px;
    padding: 0 0 0 75px;
}

#products-wdp { background: url('/web/20170201021005oe_/http://www.wolfram.com/mathematica/images/overview/products-wdp.png') no-repeat; }
#products-wdep { background: url('/web/20170201021005oe_/http://www.wolfram.com/mathematica/images/overview/products-wdep.png') no-repeat; }
#products-wpc { background: url('/web/20170201021005oe_/http://www.wolfram.com/mathematica/images/overview/products-wpc.png') no-repeat; }
#products-wdsp { background: url('/web/20170201021005oe_/http://www.wolfram.com/mathematica/images/overview/products-wdsp.png') no-repeat; }
#products-wfp { background: url('/web/20170201021005oe_/http://www.wolfram.com/mathematica/images/overview/products-wfp.png') no-repeat; }
#products-wpl { background: url('/web/20170201021005oe_/http://www.wolfram.com/mathematica/images/overview/products-wpl.png') no-repeat; display: inline-block; width: 293px; min-height: 57px; padding: 0 0 0 75px; }
#products-wa { background: url('/web/20170201021005oe_/http://www.wolfram.com/mathematica/images/overview/products-wa.png') no-repeat; }
#products-wsm { background: url('/web/20170201021005oe_/http://www.wolfram.com/mathematica/images/overview/products-wsm.png') no-repeat; }

#products h3 {
    color: #f57300;
    font-size: 15px;
    font-weight: 600;
    line-height: 17px;
    margin: 0 0 4px;
    text-transform: uppercase;
}

#products #toggler {
    margin-left: 10px;
    padding: 2px 6px;
    border: none;
    background: #fd591f;
    color: #fff;
    font-size: 13px;
    font-weight: 300;
}

#products #toggler:hover {
    background: #f97600;
}

/* footer links
   ========================================================================== */

#links {
    border-bottom: none;
}

#links .width {
    background: url('/web/20170201021005oe_/http://www.wolfram.com/mathematica/images/overview/vline-part4.png') repeat-y right top;
    padding: 20px 140px 60px 336px;
}

#links span {
    color: #ed2200;
}

#links a:link,
#links a:visited {
    display: inline-block;
    min-height: 40px;
    padding: 0 0 0 35px;
    margin-right: 50px;
    color: #7c7c7c;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

#links a:hover,
#links a:active {
    color: #f57300;
}

#links .link-1 { background: url('/web/20170201021005oe_/http://www.wolfram.com/mathematica/images/overview/links-1.png') no-repeat; }
#links .link-2 { background: url('/web/20170201021005oe_/http://www.wolfram.com/mathematica/images/overview/links-2.png') no-repeat; padding: 0 0 0 55px !important; line-height: 45px !important;}

/* try-buy-upgrade
   ========================================================================== */

#try-buy-upgrade  .level-2,
#try-buy-upgrade  .level-3 {
    margin-left: -200px;
}