body {
    font-family: 'Source Sans Pro', sans-serif;
    color: #222222;
}


.inner-wrap {
    /*background: url(/assets/images/backgrounds/pgbg.gif) 49.99% 0 repeat-y;*/
}

/*
BASIC TYPOGRAPHY
*/
h1, h2, h3, h4, h5 {
    font-family: 'Source Sans Pro', Arial, sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
}

.category h2 {
    font-size: 1rem;
}

h4.sub-head {
    font-size: 2rem;
    border-bottom: 1px solid #cecece;
    width: 90%;
}

header .global {
    font-family: 'Source Sans Pro', sans-serif;
}

header .jetmenu a {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
}

header .jetmenu > li > a {
    font-size: 1.1rem;
}

header input.search-input {
    font-size: 1.1rem;
    font-style: italic;
    font-weight: 100;
}

    header input.search-input:focus {
        font-style: normal;
    }

header .mega-media span p, header .mega-media span a {
    color: #FFFFFF;
    margin: 0;
    padding: 0;
}

ul.dashed li:before {
    content: "-";
    position: relative;
    left: -5px;
    margin-left: 1rem;
}

ul.dashed li.title:before {
    content: "";
    left: 0;
    margin-left: 0;
}

ul.dashed li {
    text-indent: -5px;
}

.grey-band h3 {
    color: #0079c1;
    font-size: 1.25rem;
}

.product-page .grey-band h3 {
    color: inherit;
}

.grey-band dt {
    font-size: 0.855rem;
    margin-bottom: 0;
}

.grey-band dd {
    font-size: 0.755rem;
}

.grey-band .see-all {
    float: right;
    font-size: 0.655rem;
}

.box-title {
    padding: 0.1rem 0.8rem;
    border: 1px solid #e2e2e2;
    display: inline-block;
}

.slick-slide * {
    font-family: 'Source Sans Pro', sans-serif;
}

.slick-slide p {
    font-size: 0.8rem;
    line-height: 1.5rem;
}

.slick-slide a {
    font-size: 0.75rem;
}

.grey-head {
    background: url(/assets/images/backgrounds/bg-panel_headline.png) right center no-repeat;
    background-size: cover;
    margin-top: 1rem;
    margin-left: -1.875rem;
    padding-left: 1.875rem;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 1.2rem;
    padding-top: 0.6rem;
}

div.title, .banner-information h5 {
    color: #FFF;
    padding-bottom: 10px;
}

.banner-information a {
    color: #000;
    font-weight: bold;
}

div.title {
    font-size: 2.175rem;
    line-height: 41px;
}

footer * {
    font-size: 0.655rem;
}

footer {
    padding: 2rem 0 1rem;
}

button.secondary, .button.secondary {
    text-transform: uppercase;
    border-color: #FFB71B !important;
    background-color: #FFB71B !important;
    color: #FFF !important;
    transition: none !important;
    min-width: 220px;
}

    button.secondary:hover, .button.secondary:hover {
        border-color: #000 !important;
        background-color: #000 !important;
        color: #FFF !important;
        transition: none !important;
        min-width: 220px;
    }

.button.tiny.secondary {
    min-width: 100px;
    max-width: 150px;
    border-radius: 2rem !important;
}

.button.tiny {
    border-radius: 2rem !important;
    text-transform: uppercase;
}

a strong {
    color: #222222;
}

.button.medium.radius {
    cursor: pointer;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: bold;
    line-height: normal;
    position: relative;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    transition: background-color .3s ease-out;
    border: 2px solid #000;
    border-radius: 2rem !important;
    border-color: #333 !important;
    background: transparent !important;
    color: #333 !important;
    transition: none !important;
    text-transform: uppercase;
}

    .button.medium.radius:hover {
        border-color: #000 !important;
        background-color: #000 !important;
        color: #FFF !important;
        transition: none !important;
        text-transform: uppercase;
    }

        .button.medium.radius:hover a strong {
            color: #FFF !important;
        }

.pre-footer {
    padding: 1rem 0;
}

    .pre-footer ul li, .pre-footer h5 {
        font-family: 'Source Sans Pro', sans-serif;
    }

    .pre-footer h5 {
        margin-bottom: 0;
        font-size: 0.7rem;
        font-weight: 700;
    }

    .pre-footer ul li {
        list-style: none;
        font-size: 0.655rem;
    }

    .pre-footer ul.inline-list li {
        font-size: 1.3rem;
    }

    .pre-footer ul {
        margin-left: 0;
    }

        .pre-footer ul.inline-list li:first-child {
            margin-left: 0;
        }

.fa-youtube-play {
    color: #f19b61;
}

.fa-facebook {
    color: #5a5ac2;
}

.fa-twitter {
    color: #6394f1;
}

.fa-linkedin {
    color: #90abdd;
}

.fa-google-plus {
    color: #4e4d54;
}

.centered {
    margin: 0 auto;
    display: block;
}

.product-grid p {
    padding: 0 0.5rem 1rem 0.5rem;
}

.all-items {
    color: #0079c1;
}

.side-nav li a {
    color: #222222 !important;
}

#technology.category h2, #technology.category .sub-title, #technology.category h4, #technology.category a {
    color: #6e276a;
}

/*
GENERAL
*/
.all-items i {
    margin-left: 1rem;
}

.grey-band {
    background-color: #F1F1F1;
    padding: 1.875rem;
}

.negative-top-125 {
    margin-top: -11.5rem;
}

.panel-gradient {
    background: url(/assets/images/backgrounds/bg-panel_gradient.png) left top no-repeat;
    max-width: 1410px;
}

.table {
    display: table;
    height: 100%;
    width: 100%;
}

.valign {
    display: table-cell;
    vertical-align: middle;
}

.main-content, .sidebar {
    padding-top: 2rem;
}

    .main-content a {
        color: #5EB1Bf;
        border-bottom: 1px dashed #5EB1Bf;
    }

        .main-content a:hover {
            color: #333333;
            border-bottom: 1px #333333 dashed;
        }

.main-content, p {
    color: #222222;
}

    .main-content .breadcrumbs a {
        color: #999;
    }


/*.main-content > .row {position: relative; overflow: hidden}*/
.gradient-bottom {
    height: 2rem;
    -webkit-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.3);
    margin-bottom: -2rem;
    clear: both;
    display: block;
}

.gradient-top {
    height: 2rem;
    -webkit-box-shadow: inset 0 -20px 20px -20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 -20px 20px -20px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 -20px 20px -20px rgba(0, 0, 0, 0.3);
    margin-top: -2rem;
}

.button.small {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    margin-top: 0.255rem;
    text-transform: uppercase;
}

.grey-band .condensed-news-list {
    background: url(/assets/images/backgrounds/bg-right_border.png) right center no-repeat;
    background-size: contain;
    padding-left: 2rem;
    padding-right: 2rem;
}

    .grey-band .condensed-news-list:last-child {
        background: none;
    }

.hero {
    padding: 0;
}

.side-nav li {
    border-bottom: 1px solid #e2e2e2;
}

    .side-nav li:last-child {
        border-bottom: none;
    }

    .side-nav li a {
        text-transform: uppercase;
    }

.main-content article {
    margin: 0 auto 2rem auto;
    max-width: 1410px !important;
    /*overflow: hidden;*/
}

    .main-content article:first-child {
        margin-bottom: 0rem;
    }

    .main-content article.customer-use-cases.grey-band {
        /*margin-bottom: -4rem;*/
    }

.current-issue.main-content article {
    margin: auto 0 !important;
}

/* Vidyard Styles Fix */
.vidyard_wrapper {
    position: inherit;
}

.outer_vidyard_wrapper, .outer_vidyard_wrapper div {
    border: none !important;
    position: inherit !important;
    display: contents;
}
/*-------------------*/

/*
HOMEPAGE
*/
.customer-spotlight {
    padding: 5rem 0;
}

.positionabsolute {
    position: absolute;
    display: none;
}

.thesubscriptionstrip {
    height: 100%;
    overflow: hidden;
    padding: 10px;
    margin-top: -33px;
    margin-bottom: 33px;
    text-align: center !important;
}

.subscriptionbutton {
    cursor: pointer;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: bold;
    line-height: normal;
    position: relative;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding-top: .3rem;
    padding-right: 1rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1rem;
    transition: background-color .3s ease-out;
    border: 2px solid #000;
    border-radius: 2rem;
    border-color: #FFB71B;
    background-color: #FFB71B;
    color: #FFF !important;
    transition: none;
    width: 150px;
    text-transform: uppercase;
    border-bottom: none !important;
}

    .subscriptionbutton:hover {
        border-color: #000;
        background-color: #000;
        color: #FFF;
        transition: none;
    }

.subscriptiontextbutton {
    text-align: center !important;
    width: 100%;
    max-width: 1350px;
    margin: 0 auto !important;
}

.thesubscriptiontext {
    text-align: center !important;
    width: inherit;
    margin: 0 auto !important;
    padding-right: 20px;
    float: left;
    color: #4f94cd;
    font-size: 1.2rem;
}

.mobile-only {
    display: none !important;
}

@media (max-width: 786px) and (min-width: 200px) {
    .breadcrumbs ul {
        margin-left: 0;
    }

    .mobile-only {
        display: block !important;
    }

    .thesubscriptionstrip {
        height: auto;
    }

    .thesubscriptiontext {
        padding-right: 0;
    }

    p.left {
        float: inherit !important;
    }
}

/*
CATEGORY
*/
.product-grid img {
    display: block;
    margin: 0 auto 1rem;
}

.product-grid a.right {
    margin-right: 1rem;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.product-grid li div {
    border: 1px solid #e2e2e2;
    padding: 0.5rem;
    position: relative;
}

.image-grid {
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #f7f7f7 21%, #f7f7f7 82%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(21%, #f7f7f7), color-stop(82%, #f7f7f7), color-stop(100%, rgba(255, 255, 255, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #f7f7f7 21%, #f7f7f7 82%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #f7f7f7 21%, #f7f7f7 82%, rgba(255, 255, 255, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #f7f7f7 21%, #f7f7f7 82%, rgba(255, 255, 255, 0) 100%);
    /* IE10+ */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f7f7f7 21%, #f7f7f7 82%, rgba(255, 255, 255, 0) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
    /* IE6-9 */
    background: none;
    /*padding-left: 155px;*/
}

    .image-grid .equalize, .image-grid .equalize .columns {
        padding: 0;
    }

.customer-use-cases {
    margin-top: 4rem;
}

    .customer-use-cases .use-case {
        padding-bottom: 4rem;
        padding-top: 4rem;
        border-bottom: 1px solid #e2e2e2;
    }

        .customer-use-cases .use-case:last-child {
            padding-bottom: 0;
            border-bottom: none;
        }

/*
Products
*/
.product-page .color-band {
    padding-top: 2rem;
    margin-top: 1.1rem;
}

#fluent.product-page .color-band {
    background-color: #06528c;
}

.tabs {
    width: inherit;
}

.product-page .tabs {
    border-bottom: 0;
}

.tabs-content p img {
    padding: 0 1rem 1rem 0;
}

/* Specialty Colors */
#fluent h4, .main-content#fluent a.button {
    color: #06528c;
}

/*
SLICK SLIDER
*/
.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

    .slick-track:before, .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    position: relative;
    min-height: 250px;
    height: 332px;
    background-position: center center;
    background-size: cover;
    color: #fff;
}

.productspagetopbanner .thebgimgbanner-refresh.innerpage .banner-information {
    display: none !important;
}

.slick-slide .banner-information {
    position: absolute;
    top: 0;
    height: 100%;
    padding-bottom: 50px;
}

    .slick-slide .banner-information button.secondary, .slick-slide .banner-information .button.secondary {
        padding: 10px 20px;
        box-shadow: 1px 2px 5px #666;
    }

.slick-slide .table {
    padding-left: 1.3rem;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-dots {
    display: block;
    position: absolute;
    z-index: 10000;
    bottom: 0.2rem;
    margin-left: 2.1rem;
}

    .slick-dots li {
        list-style: none;
        display: inline-block;
        margin-right: 0.3rem;
    }

        .slick-dots li a {
            width: 20px;
            height: 20px;
            background: url(/assets/images/sprites/sprite-hero-new.png) -30px 0 no-repeat;
            display: block;
            text-indent: -24000px;
            border-bottom: none;
        }

            .slick-dots li a:hover, .slick-dots li.slick-active a {
                background-position: 0 0;
            }

.right-off-canvas-toggle, .right-off-canvas-toggle1 {
    position: fixed;
    right: -10px;
    top: 35%;
    background: url(/assets/images/buttons/btn-gold_drawer.png) 0 0 no-repeat;
    width: 53px;
    height: 218px;
    cursor: pointer;
    z-index: 1111;
}



    .right-off-canvas-toggle span, .right-off-canvas-toggle1 span {
        text-transform: uppercase;
        position: absolute;
        top: 4.15rem;
        right: 0.07rem;
    }

.rotate {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    /* Should be unset in IE9+ I think. */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    display: block;
}

/* Custom CSS */

#optanon-cookie-policy {
    border: 1px solid #CCC;
    padding: 15px;
    background: #EFEFEF;
    width: 70%;
}

/*Interactive Banner Styles */
.icon-interactivebanner {
    position: absolute;
}

.popbox {
    display: none;
    background: #f0efee;
    width: 150px;
    padding: 10px;
    border-top: 6px solid black;
    margin-left: 30px;
    position: absolute;
}

.icon-interactivebanner:hover .popbox {
    display: block;
}

.popbox p {
    line-height: 1.6;
    color: #000000;
}

.left-border {
    border-left: 2px solid black;
    float: left;
    width: 80%;
}

    .left-border p {
        padding-left: 25px;
    }

@media screen and (max-width: 767px) {
    .icon-interactivebanner {
        display: none;
    }

    .popbox {
        display: none;
    }

    .icon-interactivebanner:hover .popbox {
        display: none;
    }

    .banner-information #hidemobile {
        display: none;
    }

    .left-border {
        border-left: none;
        width: 100%;
    }

        .left-border p {
            padding-left: 0px;
        }
}

#thetrainingform .tiny.button.register {
    min-width: 150px;
}

/* Universal Button */

.universalbutton, .theuniversalbackgroundcolor {
    display: none;
}

.universalbutton, a.universalbutton, a:hover.universalbutton {
    -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.21);
    -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.21);
    box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.21);
    border-radius: 5px;
    padding: 7px;
    max-width: 222px;
    min-width: 222px !important;
    display: inline-block;
    text-align: center;
    background: #c1d62f;
    border-bottom: 0px !important;
    margin-top: 20px;
    font-weight: bold;
}

.theuniversalbackgroundcolor + .caption {
    font-size: 80%;
    padding-bottom: 0;
    margin-bottom: 0;
}

.navigationbar {
    background: #FAFAFA;
    margin: 0;
}

    .navigationbar.side-nav li {
        margin: 0;
        border-bottom: 0;
        text-transform: uppercase;
    }

        .navigationbar.side-nav li a:not(.button) {
            padding: .4375rem .4375rem .2375rem .4375rem;
            margin-bottom: 1px;
        }

        .navigationbar.side-nav li:hover {
            border-bottom: 1px solid #CCC;
            text-transform: uppercase;
            font-weight: bold;
            background: none;
        }

        .navigationbar.side-nav li a:hover {
            background: none;
            margin-bottom: 0;
        }

.thecontentimageblock {
    height: 300px;
    margin-bottom: 30px;
    position: relative;
    max-width: 1410px;
    overflow: hidden;
}

    .thecontentimageblock .button {
        /*padding: 10px;
        max-width: 150px;
        min-width: 100px;*/
    }

.featureboxnew {
    position: relative;
}

    .featureboxnew li > div {
        background: #EFEFEF;
    }

    .featureboxnew a.left {
        margin-bottom: 0;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px; /* future proofing */
        -khtml-border-radius: 3px; /* for old Konqueror browsers */
    }

        .featureboxnew a.left.button.button-light {
            border: 2px solid #333 !important;
            border-radius: 2rem !important;
            max-width: initial;
        }

    .featureboxnew p {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .featureboxnew h3 {
        padding: 0 0.5rem;
        /*min-height: 70px;*/
    }

.featuresectioncollapsible .featuredtabs li h4 {
    background-color: #e8e8e8;
    width: 100%;
    position: relative;
    left: 4px;
    /*top: 43px;*/
    z-index: 0;
    text-align: center;
    padding: 5px;
}

.featuresectioncollapsible .accordion .accordion-navigation > a, .accordion dd > a {
    padding: 5px 1rem;
}

.featuresectioncollapsible .accordion .content a {
    border-bottom: 1px #CCC dashed;
}

.featuresectioncollapsible .accordion .fa-caret-right {
    display: inline;
}

.featuresectioncollapsible .accordion .fa-caret-down {
    display: none;
}

.featuresectioncollapsible .accordion .active .fa-caret-right {
    display: none;
}

.featuresectioncollapsible .accordion .active .fa-caret-down {
    display: inline;
}

/* Styling for Cookie Bar */

.bar {
    width: 100%;
    text-align: center;
    padding: 10px 0;
    background: #EEEEEE;
    color: #000000;
    font: 12px arial, sans-serif;
    position: fixed;
    bottom: 0;
    z-index: 10;
}

    .bar p {
        font-size: 12px;
        margin-bottom: 5px;
        font-weight: bold;
    }

    .bar .button {
        background: #1779ba;
        color: #FFFFFF;
        text-transform: capitalize;
        margin-right: 20px;
        padding: 5px 15px;
    }

        .bar .button:hover {
            color: #FFFFFF;
        }

    .bar a {
        text-decoration: none;
        color: #09f;
        margin: 0;
    }

    .bar h3 {
        font-size: 13px !important;
        font-weight: bold;
        text-transform: uppercase;
        color: #FFFFFF;
        display: none;
    }


/* Styling For ANSYS Refresh */
/* HPSECTION1 */

.homepage-hero-refresh div.thebgimgbanner-refresh #grad1 {
    height: 372px;
    width: 80%;
    background: -webkit-linear-gradient(right, rgba(0,0,0,1) 66%, rgba(0,0,0,0)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(0,0,0,1) 66%, rgba(0,0,0,0)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(0,0,0,1) 66%, rgba(0,0,0,0)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(0,0,0,1) 66%, rgba(0,0,0,0)); /* Standard syntax (must be last) */
}

#thefamilyicon {
    position: absolute;
    top: 235px;
    left: 45px;
}

.hpsection1-bg {
    position: relative;
    min-height: 480px;
    background: #7888a9 url(/assets/images/backgrounds/hpsection1-bg.jpg) 0 0 no-repeat;
    max-width: 1410px !important;
    margin: 0 auto !important;
    margin-top: -33px !important;
}

    .hpsection1-bg h2 {
        position: relative;
        top: 50px;
        color: #FFF;
        font-size: 2.4em;
        font-weight: bold;
    }

    .hpsection1-bg h1 {
        position: relative;
        top: 50px;
        color: #FFF;
        font-size: 2.4em;
        font-weight: bold;
    }

    .hpsection1-bg p {
        position: relative;
        top: 50px;
        color: #FFF;
        font-size: 1.2em;
    }

.hpsection1-icongrid {
    background: url(/assets/images/backgrounds/hpsection1-overlay.png) 0 100% no-repeat;
    display: block;
    height: 550px;
    position: relative;
    left: -80px;
}

.hpsection1-row1 a, .hpsection1-row2 a, .hpsection1-row3 a, .platformtreelist a {
    color: #222;
    border: none !important;
}

.hpsection1-row1 {
    font-size: 12px;
    text-align: center;
    line-height: 10px;
    width: 130px !important;
    position: absolute;
}

    .hpsection1-row1:nth-child(10n+1) {
        left: 129px;
        top: 47px;
    }

    .hpsection1-row1:nth-child(10n+2) { /*NEW*/
        left: 242px;
        top: 47px;
    }

    .hpsection1-row1:nth-child(10n+3) {
        left: 362px;
        top: 47px;
    }

    .hpsection1-row1:nth-child(10n+4) {
        left: 475px;
        top: 47px;
    }

    .hpsection1-row1:nth-child(10n+5) {
        left: 104px;
        top: 162px;
    }

    .hpsection1-row1:nth-child(10n+6) {
        left: 451px;
        top: 162px;
    }

    .hpsection1-row1:nth-child(10n+7) {
        left: 106px;
        top: 292px;
        width: 80px !important;
    }

    .hpsection1-row1:nth-child(10n+8) {
        left: 221px;
        top: 283px;
        width: 90px !important;
    }

    .hpsection1-row1:nth-child(10n+9) {
        left: 339px;
        top: 283px;
        width: 90px !important;
    }

    .hpsection1-row1:nth-child(10n+10) {
        left: 444px;
        top: 283px;
        width: 90px !important;
    }

    .hpsection1-row1:nth-child(10n+11) {
        left: 60px;
        top: 437px;
        width: 110px !important;
    }

.platformtreelist {
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    top: 462px;
    left: 150px;
}

.hpsection1-platformtreelist {
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    padding: 0 10px 10px 0 !important;
}

    .hpsection1-platformtreelist:nth-child(7n+5) {
        /*width: 180px;*/
    }

.hpsection2 {
    background: #f0f0f0 url(/assets/images/backgrounds/hpsection2-bg.png) 0 0 no-repeat;
    max-width: 1410px !important;
    margin: 0 auto !important;
}

.floatleft {
    float: left !important;
}

.flex-video.hpsection2-1 {
    position: relative;
    top: 0;
    font-size: 2.4em;
    height: 480px;
    padding-bottom: 30px;
    overflow: visible;
}

.hpsection2-2 h2 {
    position: relative;
    top: 50px;
    font-size: 2.4em;
    font-weight: bold;
}

.hpsection2-2 p {
    position: relative;
    top: 50px;
    font-size: 1.2em;
}

.hpsection5 img {
    /*border-right: 10px solid #000;*/
}

.hpsection5-captions {
    position: absolute;
    top: 20px;
    left: 20px;
}

    .hpsection5-captions h3 {
        color: #FFFFFF;
        text-align: left !important;
        font-weight: bold;
    }

    .hpsection5-captions p {
        color: #FFFFFF;
        text-align: left !important;
        font-size: 0.9em;
    }

    .hpsection5-captions > div {
        color: #FFFFFF;
        text-align: left !important;
        font-size: 0.9em;
    }


.theleft {
    position: absolute;
    top: 50%;
    left: 2%;
}

.theright {
    position: absolute;
    top: 50%;
    right: 2%;
}

.therandomcarousal {
    max-width: 1410px !important;
    margin: 0 auto !important;
    max-height: 410px;
    overflow: hidden;
    position: relative;
    margin-top: -67px !important;
}

.fa-arrow-left.fa-inverse, .fa-arrow-right.fa-inverse {
    color: gold;
}

.event-detail h1 {
    font-size: 1.6rem;
}

.highlights {
    border: 1px solid #CCC;
    margin: 0 0 20px 0;
    position: relative;
    min-height: 160px;
}

    .highlights h5 {
        margin: 20px 0 0 0;
        color: #086aa7;
        text-align: center;
        font-size: 2em;
    }

    .highlights p {
        text-align: center;
        font-size: 0.8em;
    }

    .highlights img {
        margin: 0;
    }

    .highlights .therightarrowpointer {
        position: absolute;
        right: 0;
    }

        .highlights .therightarrowpointer .triangle-up-right {
            width: 0;
            height: 0;
            border-top: 40px solid #0f649b;
            border-left: 55px solid transparent;
            float: right;
            position: relative;
        }

            .highlights .therightarrowpointer .triangle-up-right i {
                position: absolute;
                right: 10px;
                top: -40px;
                color: #FFFFFF;
                font-size: 1.5em;
            }

    .highlights .fulllink {
        display: block;
        width: 100%;
        height: 100%;
    }

.transbutton1 {
    cursor: pointer;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: bold;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding-top: .675rem;
    padding-right: 1rem;
    padding-bottom: .675rem;
    padding-left: 1rem;
    font-size: 1rem;
    transition: background-color .3s ease-out;
    border: 2px solid #000 !important;
    border-radius: 2rem;
    border-color: #333 !important;
    background: transparent !important;
    color: #333 !important;
    min-width: 220px;
    transition: none !important;
    text-transform: uppercase;
}

    .transbutton1:hover {
        border-color: #000 !important;
        background-color: #000 !important;
        color: #FFF !important;
        transition: none !important;
        min-width: 220px;
    }

.productcapabilities {
    padding-left: 0;
}

.productcapabilitiesnew {
    border: 1px solid #CCC;
    position: relative;
    margin: 0 0 20px 0;
    min-height: 210px;
    max-width: 366px;
}

    .productcapabilitiesnew h5 {
        margin: 10px 0 0 0;
        color: #086aa7;
        text-align: center;
        font-size: 1.2em;
        line-height: 1.2em;
        min-height: 50px;
    }

    .productcapabilitiesnew p {
        text-align: center;
        font-size: 0.8em;
    }

.productcapabilitiesnew {
    position: relative;
    background: #EFEFEF;
}

    .productcapabilitiesnew img {
        margin: 0;
    }

    .productcapabilitiesnew .productcapabilitiesicon {
        background: url(/assets/images/icons/highlightsnew-icon.png) 0 0 no-repeat;
        width: 27px;
        height: 27px;
        float: right;
        margin: 5px;
    }

    .productcapabilitiesnew .fulllink {
        display: block;
        width: 100%;
        height: 100%;
    }

.iconlistapplications, .iconlistfeaturedproducts, .feature-box-landing {
    /*background: #F7F7F7;*/
    padding-left: 20px 0;
    margin-bottom: 20px !important;
}

    .iconlistapplications li {
        padding-bottom: 0;
    }

    .application-grid.iconlistapplications button, .application-grid.iconlistapplications .button, .iconlistapplications [class*="block-grid-"] button, .iconlistapplications [class*="block-grid-"] .button {
        background: #CCC !important;
        font-size: 0.7em;
    }

.application-grid a {
    color: #222;
}

.application-grid.iconlistapplications button:hover, .application-grid.iconlistapplications button:focus, .application-grid.iconlistapplications .button:hover, .application-grid.iconlistapplications .button:focus, .iconlistapplications [class*="block-grid-"] button:hover, .iconlistapplications [class*="block-grid-"] button:focus, .iconlistapplications [class*="block-grid-"] .button:hover, .iconlistapplications [class*="block-grid-"] .button:focus {
    background: #C0C0C0 !important;
}

.theiconlistpanel {
    position: absolute;
    z-index: 10;
    background: #F7F7F7;
}

    .theiconlistpanel .theiconlistinfopanel {
        background: #FFF;
        border: 1px solid #EFEFEF;
        margin: 0 25px;
        text-align: left !important;
        float: left;
        min-height: 200px;
        margin-top: 20px;
        font-size: 12px;
    }

.theiconlistinfopanel {
    position: relative;
}

    .theiconlistinfopanel .theleftrightnav {
        position: absolute;
        bottom: 10px;
    }

.theiconlistpanel .theiconlistinfopanel h3 {
    font-size: 1.6em;
    font-weight: bold;
    text-transform: uppercase;
    color: #3f71ac;
    margin: 20px 0 10px 0;
}

.theiconlistpanel .theiconlistinfopanel p {
    font-size: 1.2em;
}

.theiconlistpanel .theiconlistinfopanel img {
    max-width: 80%;
    margin: 20px auto !important;
    text-align: center !important;
    float: none;
    display: block;
}

.theiconlistpanel h2 {
    margin: 10px 25px -20px 25px;
    text-align: left;
    float: none;
}

.theiconlistpanel .theiconlistclosebtn {
    float: right;
    margin-top: -28px;
    margin-right: 0;
    background: #FFF;
    border: 1px solid #EFEFEF;
    padding: 5px;
    font-size: 11px;
    cursor: pointer;
}

.iconlistfeaturedproducts a, .feature-box-landing a {
    color: #74bef4 !important;
    /*text-transform: capitalize !important;*/
    font-size: 1em !important;
    font-weight: bold;
}

.iconlistfeaturedproducts p, .feature-box-landing p {
    font-size: 0.8em !important;
}

.iconlistfeaturedproducts a p, .feature-box-landing a p {
    color: #333;
    margin-bottom: 5px;
}

.iconlistfeaturedproducts a > div, .feature-box-landing a > div {
    color: #333;
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 0.8em !important;
}

.iconlistfeaturedproducts li > a, .feature-box-landing li > a {
    border: 1px solid #74bef4 !important;
}

/*.iconlistfeaturedproducts li {
    max-width: 370px;
}*/

.application-grid.iconlistfeaturedproducts li a {
    background: none !important;
    width: 100% !important;
    padding: 10px 0 0 0 !important;
    display: block;
    border-bottom: 0;
}

/*.application-grid.iconlistfeaturedproducts li:hover * {
        background: #74bef4 !important;
        color: #FFF !important;
    }*/


.flagshipproducts, .flagshipproductsnew {
    padding-left: 0;
    margin-top: -10px !important;
    margin-bottom: 20px !important;
}

    .flagshipproducts div > div > div, .flagshipproductsnew div > div > div {
        max-width: 366px;
    }

    .flagshipproducts h5, .flagshipproductsnew h5 {
        font-size: 1.3em;
        font-weight: bold;
        min-height: 35px;
        margin-top: 10px;
    }

.theassetcta {
    height: 300px;
    margin-bottom: 30px;
    position: relative;
    max-width: 1410px;
    overflow: hidden;
}

    .theassetcta .thebgimgbanner {
        position: relative;
    }

    .theassetcta .banner-information {
        position: relative;
        top: 0;
        left: 700px;
        width: 472px;
        height: 300px;
    }

        .theassetcta .banner-information:after {
            content: '';
            position: absolute;
            top: 0;
            width: 472px;
            height: 300px;
            background: url(/assets/images/backgrounds/fullwidthbanner-textbg-new.png) 0 0 no-repeat;
            opacity: 0.60;
        }

        .theassetcta .banner-information .table {
            position: relative;
            z-index: 1;
            padding-left: 90px;
        }

        .theassetcta .banner-information .title {
            color: #222;
        }

        .theassetcta .banner-information .button {
            cursor: pointer;
            font-family: "Source Sans Pro", sans-serif;
            font-weight: bold;
            line-height: normal;
            margin: 0 0 1.25rem;
            position: relative;
            text-decoration: none;
            text-align: center;
            display: inline-block;
            padding-top: .375rem;
            padding-right: 1rem;
            padding-bottom: .475rem;
            padding-left: 1rem;
            font-size: 1rem;
            transition: background-color .3s ease-out;
            border: 2px solid #000 !important;
            border-radius: 2rem;
            border-color: #333 !important;
            background: transparent !important;
            color: #333 !important;
            min-width: 220px;
            transition: none !important;
            text-transform: uppercase;
        }


            .theassetcta .banner-information .button:hover {
                border-color: #000 !important;
                background-color: #000 !important;
                color: #FFF !important;
                transition: none !important;
                min-width: 220px;
            }

            .theassetcta .banner-information .button a {
                color: #4f91cb !important;
                font-weight: normal;
                font-size: 12px;
            }

            .theassetcta .banner-information .button:hover a strong {
                color: #FFF !important;
            }

@media (min-width: 768px) and (max-width: 1100px) {

    .hpsection1-bg {
        background-image: none;
    }

        .hpsection1-bg h2 {
            position: relative;
            top: 30px;
            color: #FFF;
            font-size: 1.7em;
        }

        .hpsection1-bg h1 {
            position: relative;
            top: 30px;
            color: #FFF;
            font-size: 1.7em;
        }

        .hpsection1-bg p {
            position: relative;
            top: 30px;
            color: #FFF;
            font-size: 0.9em;
        }

    .flex-video.hpsection2-1 {
        position: relative;
        height: 490px;
        top: 30px;
    }

    .hpsection1-icongrid {
        left: 0;
    }

    .hpsection5-captions {
        left: 0;
    }

    .hpsection2-2 {
        margin: 50px 0 130px 0;
    }

    .theleft {
        position: absolute;
        top: 55%;
        left: 2%;
    }

    .theright {
        position: absolute;
        top: 55%;
        right: 2%;
    }

    .highlights {
        border: 2px solid #74bef4;
        margin: 0 0 20px 0;
    }

    .theassetcta .banner-information {
        background: #FFF !important;
        width: auto;
        height: 250px;
        left: 50%;
    }
}

@media (min-width: 455px) and (max-width: 767px) {

    .hpsection1-bg h2 {
        position: relative;
        top: 30px;
        color: #FFF;
        font-size: 1.7em;
    }

    .hpsection1-bg h1 {
        position: relative;
        top: 30px;
        color: #FFF;
        font-size: 1.7em;
    }

    .hpsection1-bg p {
        position: relative;
        top: 30px;
        color: #FFF;
        font-size: 0.9em;
    }

    .hpsection1-icongrid {
        left: 0;
    }

    .flex-video.hpsection2-1 {
        position: relative;
        top: 30px;
        /*height: 370px;*/
    }

    .hpsection2-2 {
        margin: -70px 0 100px 0;
    }

    .therandomcarousal {
        max-height: 820px !important;
    }

    .theleft {
        position: absolute;
        top: 55%;
        left: 2%;
    }

    .theright {
        position: absolute;
        top: 55%;
        right: 2%;
    }

    .theassetcta .banner-information.hide-for-small {
        display: block !important;
    }

    .theassetcta .banner-information {
        position: absolute;
        background: #FFF !important;
        width: auto;
        height: auto;
        left: 0;
        margin-top: 150px;
        padding-left: 0;
    }

        .theassetcta .banner-information .table {
            padding-left: 0;
        }

        .theassetcta .banner-information .button {
            background: #DDD;
        }


    .iconlistapplications, .image-grid {
        padding-left: 75px;
    }


    .flagshipproducts, .flagshipproductsnew {
        padding-left: 45px;
    }
}

@media (min-width: 361px) and (max-width: 450px) {

    .hpsection1-bg {
        background-image: none;
    }

        .hpsection1-bg h2 {
            position: relative;
            top: 50px;
            color: #FFF;
            font-size: 1.7em;
        }

        .hpsection1-bg h1 {
            position: relative;
            top: 30px;
            color: #FFF;
            font-size: 1.7em;
        }

        .hpsection1-bg p {
            position: relative;
            top: 50px;
            color: #FFF;
            font-size: 0.9em;
        }

    .hpsection1-icongrid {
        background: none;
        left: 0;
    }

        .hpsection1-icongrid a {
            color: #FFF !important;
        }

    .hpsection1-row1:nth-child(10n+1) {
        left: -10px;
        top: 40px;
    }

    .hpsection1-row1:nth-child(10n+2) {
        left: 100px;
        top: 40px;
    }

    .hpsection1-row1:nth-child(10n+3) {
        left: 220px;
        top: 40px;
    }

    .hpsection1-row1:nth-child(10n+4) {
        left: -10px;
        top: 150px;
    }

    .hpsection1-row1:nth-child(10n+5) {
        left: 110px;
        top: 150px;
    }

    .hpsection1-row1:nth-child(10n+6) {
        left: 240px;
        top: 160px;
        width: 90px !important;
    }

    .hpsection1-row1:nth-child(10n+7) {
        left: 20px;
        top: 260px;
        width: 70px !important;
    }

    .hpsection1-row1:nth-child(10n+8) {
        left: 135px;
        top: 260px;
        width: 80px !important;
    }

    .hpsection1-row1:nth-child(10n+9) {
        left: 240px;
        top: 260px;
        width: 80px !important;
    }

    .hpsection1-row1:nth-child(10n+10) {
        left: 134px;
        top: 365px;
        width: 80px !important;
    }

    .hpsection1-row1:nth-child(10n+11) {
        left: 12px;
        top: 457px;
        width: 80px !important;
    }

    .platformtreelist {
        font-size: 11px;
        position: absolute;
        top: 462px;
        left: 60px;
    }

    .hpsection1-platformtreelist {
        font-size: 11px;
        display: inline-block;
        padding: 0 15px 10px 0 !important;
    }

        .hpsection1-platformtreelist:nth-child(7n+5) {
            width: 55px;
        }

    .flex-video.hpsection2-1 {
        position: relative;
        top: 30px;
        height: 210px;
    }

    .hpsection2-2 {
        margin: 0 0 50px 0;
    }

        .hpsection2-2 h2 {
            position: relative;
            top: 50px;
            font-size: 2.4em;
        }

        .hpsection2-2 p {
            position: relative;
            top: 50px;
        }

    .therandomcarousal {
        max-height: 820px !important;
    }


    .hpsection5-captions {
        left: 0;
    }

    .iconlistapplications, .iconlistfeaturedproducts, .flagshipproducts, .flagshipproductsnew, .feature-box-landing {
        padding-left: 0;
    }

    .theassetcta .banner-information.hide-for-small {
        display: block !important;
    }

    .theassetcta .banner-information {
        position: absolute;
        background: #FFF !important;
        width: auto;
        height: auto;
        left: 0;
        margin-top: 130px;
        padding-left: 0;
    }


    .iconlistapplications {
        padding-left: 25px;
    }


    .flagshipproducts, .flagshipproductsnew {
        padding-left: 0;
    }
}

@media (min-width: 200px) and (max-width: 360px) {
    .hpsection1-bg {
        background-image: none;
    }

        .hpsection1-bg h2 {
            position: relative;
            top: 50px;
            color: #FFF;
            font-size: 1.7em;
        }

        .hpsection1-bg h1 {
            position: relative;
            top: 50px;
            color: #FFF;
            font-size: 1.7em;
        }

        .hpsection1-bg p {
            position: relative;
            top: 50px;
            color: #FFF;
            font-size: 0.9em;
        }

    .hpsection1-icongrid {
        background: none;
        left: 0;
    }

        .hpsection1-icongrid a {
            color: #FFF !important;
        }

    .hpsection1-row1 {
        width: 30% !important;
    }

        .hpsection1-row1:nth-child(10n+1) {
            left: -10px;
            top: 40px;
        }

        .hpsection1-row1:nth-child(10n+2) {
            left: 90px;
            top: 40px;
        }

        .hpsection1-row1:nth-child(10n+3) {
            left: 190px;
            top: 40px;
        }

        .hpsection1-row1:nth-child(10n+4) {
            left: -10px;
            top: 150px;
        }

        .hpsection1-row1:nth-child(10n+5) {
            left: 90px;
            top: 150px;
        }

        .hpsection1-row1:nth-child(10n+6) {
            left: 190px;
            top: 160px;
            width: 80px !important;
        }

        .hpsection1-row1:nth-child(10n+7) {
            left: 0;
            top: 260px;
            width: 70px !important;
        }

        .hpsection1-row1:nth-child(10n+8) {
            left: 90px;
            top: 260px;
            width: 80px !important;
        }

        .hpsection1-row1:nth-child(10n+9) {
            left: 190px;
            top: 260px;
            width: 80px !important;
        }

        .hpsection1-row1:nth-child(10n+10) {
            left: 90px;
            top: 355px;
            width: 80px !important;
        }

        .hpsection1-row1:nth-child(10n+11) {
            left: -15px;
            top: 440px;
            width: 80px !important;
        }

    .platformtreelist {
        font-size: 11px;
        position: absolute;
        top: 460px;
        left: 60px;
    }

    .hpsection1-platformtreelist {
        font-size: 11px;
        display: inline-block;
        padding: 0 15px 10px 0 !important;
    }

        .hpsection1-platformtreelist:nth-child(7n+5) {
            width: 55px;
        }

    .flex-video.hpsection2-1 {
        position: relative;
        top: 30px;
        height: 170px;
    }

    .hpsection2-2 {
        margin: 0 0 50px 0;
    }

        .hpsection2-2 h2 {
            position: relative;
            top: 50px;
            font-size: 2.4em;
        }

        .hpsection2-2 p {
            position: relative;
            top: 50px;
        }

    .therandomcarousal {
        max-height: 820px !important;
    }

    .hpsection5-captions {
        left: 0;
    }

    .iconlistapplications, .iconlistfeaturedproducts, .flagshipproducts, .flagshipproductsnew, .feature-box-landing {
        padding-left: 0;
    }

    .theassetcta .banner-information.hide-for-small {
        display: block !important;
    }

    .theassetcta .banner-information {
        position: absolute;
        background: #FFF !important;
        width: auto;
        height: auto;
        left: 0;
        margin-top: 130px;
        padding-left: 0;
    }


    .iconlistapplications, .image-grid {
        padding-left: 25px;
    }


    .flagshipproducts, .flagshipproductsnew {
        padding-left: 0;
    }
}

/* Styling for ANSYS refresh Ends */

#trainingcoursecountry {
    display: none;
}

.selected .th {
    border: 4px solid #7edbf3;
}

.thetooltip, .thetooltip * {
    font-size: 13px !important;
}

.hpblock .slick-slide {
    height: 362px;
}

.hpblock .productspagetopbanner .slick-slide {
    height: 332px;
}

.right-off-canvas-toggle span[lang|="fr-FR"], .right-off-canvas-toggle1 span[lang|="fr-FR"] {
    left: -22%;
    top: 43%;
}

.rotate {
    white-space: nowrap;
}

.displaynone {
    display: none;
}

.mgtop0 {
    margin-top: 0 !important;
}

.mgtop5 {
    margin-top: 5px !important;
}

.mgtop10 {
    margin-top: 10px !important;
}

.mgtop15 {
    margin-top: 15px !important;
}

.mgtop20 {
    margin-top: 20px !important;
}

.mgtop30 {
    margin-top: 30px !important;
}

.mgright0 {
    margin-right: 0 !important;
}

.mgright5 {
    margin-right: 5px !important;
}

.mgright10 {
    margin-right: 10px !important;
}

.mgright15 {
    margin-right: 15px !important;
}

.mgright20 {
    margin-right: 20px !important;
}

.mgright30 {
    margin-right: 30px !important;
}

.mgright45 {
    margin-right: 45px !important;
}

.mgbottom0 {
    margin-bottom: 0 !important;
}

.mgbottom5 {
    margin-bottom: 5px !important;
}

.mgbottom10 {
    margin-bottom: 10px !important;
}

.mgbottom15 {
    margin-bottom: 15px !important;
}

.mgbottom20 {
    margin-bottom: 20px !important;
}

.mgbottom30 {
    margin-bottom: 30px !important;
}

.mgleft0 {
    margin-left: 0 !important;
}

.mgleft5 {
    margin-left: 5px !important;
}

.mgleft10 {
    margin-left: 10px !important;
}

.mgleft15 {
    margin-left: 15px !important;
}

.mgleft20 {
    margin-left: 20px !important;
}

.mgleft30 {
    margin-left: 30px !important;
}

.pdtop0 {
    padding-top: 0 !important;
}

.pdtop5 {
    padding-top: 5px !important;
}

.pdtop10 {
    padding-top: 10px !important;
}

.pdtop15 {
    padding-top: 15px !important;
}

.pdtop20 {
    padding-top: 20px !important;
}

.pdtop30 {
    padding-top: 30px !important;
}

.pdright0 {
    padding-right: 0 !important;
}

.pdright5 {
    padding-right: 5px !important;
}

.pdright10 {
    padding-right: 10px !important;
}

.pdright15 {
    padding-right: 15px !important;
}

.pdright20 {
    padding-right: 20px !important;
}

.pdright30 {
    padding-right: 30px !important;
}

.pdbottom0 {
    padding-bottom: 0 !important;
}

.pdbottom5 {
    padding-bottom: 5px !important;
}

.pdbottom10 {
    padding-bottom: 10px !important;
}

.pdbottom15 {
    padding-bottom: 15px !important;
}

.pdbottom20 {
    padding-bottom: 20px !important;
}

.pdbottom30 {
    padding-bottom: 30px !important;
}

.pdleft0 {
    padding-left: 0 !important;
}

.pdleft5 {
    padding-left: 5px !important;
}

.pdleft10 {
    padding-left: 10px !important;
}

.pdleft15 {
    padding-left: 15px !important;
}

.pdleft20 {
    padding-left: 20px !important;
}

.pdleft30 {
    padding-left: 30px !important;
}

.pd0 {
    padding: 0 !important;
}

.pd5 {
    padding: 5px !important;
}

.pd10 {
    padding: 10px !important;
}

.pd15 {
    padding: 15px !important;
}

.pd20 {
    padding: 20px !important;
}

.pd30 {
    padding: 30px !important;
}

.mg0 {
    margin: 0 !important;
}

.mg0 {
    margin: 0 !important;
}

.mg5 {
    margin: 5px !important;
}

.mg10 {
    margin: 10px !important;
}

.mg15 {
    margin: 15px !important;
}

.mg20 {
    margin: 20px !important;
}

.mg30 {
    margin: 30px !important;
}

.floatleft {
    float: left !important;
}

.floatright {
    float: right !important;
}

.floatnone {
    float: none !important;
}

.centered {
    margin: 0 auto;
    display: block;
    text-align: center;
}

.floatleft {
    float: left !important;
}

.table {
    display: table;
    height: 100%;
    width: 100%;
}

.valign {
    display: table-cell;
    vertical-align: middle;
}

.bordertop {
    border-top: 1px solid #EFEFEF;
}

.borderbottom {
    border-bottom: 1px solid #EFEFEF;
}

.borderleft {
    border-left: 1px solid #EFEFEF;
}

.borderright {
    border-right: 1px solid #EFEFEF !important;
}

.inlineblock {
    display: inline-block !important;
}

.noborder {
    border: none !important;
}

.nobottomborder {
    border-bottom: none !important;
}

.maxwidthreset {
    max-width: none;
}

/* Alfabetic */
.pd20 {
    padding: 20px !important;
}

.partners-listing {
    padding: 20px !important;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    flex-direction: column;
    flex-wrap: wrap;
}


.pdtop20 {
    padding-top: 20px !important;
}

.pdbottom20 {
    padding-bottom: 20px !important;
}

.featuredtabscontent {
    display: none;
}

.rlpopupcontent {
    background: #ffffff none repeat scroll 0 0;
    border: 3px solid #888888;
    display: block;
    position: absolute;
    right: 231px;
    top: 0;
    width: 300px;
    padding: 10px 0 0 0;
}

    .rlpopupcontent li {
        border-bottom: 1px solid #d3d3d3;
        display: inline-block;
        font-size: 14px;
        margin: 0 0 0 -10px;
        padding: 5px 10px;
        width: 280px;
        line-height: 15px;
    }

    .rlpopupcontent a, .rlpopupcontent a:hover {
        text-decoration: underline;
        display: table !important;
        background: none !important;
        border-color: #FFFFFF !important;
        padding-left: 3px !important;
        text-transform: initial !important;
    }

    .rlpopupcontent span {
        vertical-align: middle;
        display: table-cell;
    }

    .rlpopupcontent img {
        float: left;
        padding: 0 5px 0 0;
        min-width: 30px;
        max-width: 50px;
    }

    .rlpopupcontent a.closebtn, .closebtn {
        position: absolute;
        top: 2px;
        right: 2px;
        padding: 0 3px;
        border: 1px solid #444444 !important;
        background: #EFEFEF;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none !important;
        width: 15px;
        text-align: center;
    }

.buttonallcaps {
    cursor: pointer;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: bold;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding-top: .675rem;
    padding-right: 1rem;
    padding-bottom: .675rem;
    padding-left: 1rem;
    font-size: 1rem;
    transition: background-color .3s ease-out;
    border: 2px solid #000 !important;
    border-radius: 2rem;
    border-color: #333 !important;
    background: transparent !important;
    color: #333 !important;
    min-width: 220px;
    transition: none !important;
    text-transform: uppercase;
}

    .buttonallcaps:hover {
        border-color: #000 !important;
        background-color: #000 !important;
        color: #FFF !important;
        transition: none !important;
        min-width: 220px;
    }

iframe#sidecontent {
    font-family: 'Source Sans Pro', sans-serif;
    color: #222222;
}

.columns a {
    border-bottom: 1px dashed #5EB1Bf;
}

    .columns a:hover {
        color: #333333;
        border-bottom: 1px dashed #333333;
    }

.tabs a:hover {
    border-bottom: 1px solid #999999;
}

.jetmenu a, .global a, .side-nav a, .breadcrumbs a, a.button, .product-grid a, .image-grid a, .pre-footer a, footer a, .pagination a, .button a, .homepage-hero a, .customer-spotlight a, a.trigger-search, .panel-gradient a {
    border-bottom: none !important;
}

.image-grid a {
    color: #222;
}

footer a:hover {
    color: #CCC;
}

#fancybox-wrap {
    padding: 0 !important;
}

.fancybox-ie #fancybox-close {
    background: none;
    background-image: url("/assets/fancybox/fancybox.png");
    display: block !important;
}

.show_hide1, .trainingscenter_show_hide1 {
    position: relative;
}

#thearrow-pointer {
    background: url("/assets/images/sprites/pointerarrow.png") no-repeat scroll 0 0 transparent;
    height: 7px;
    margin: 0 0 0 10px;
    padding: 0;
    position: absolute;
    top: -7px;
    width: 14px;
    z-index: 101;
}

.megamenu.full-width {
    /*-moz-box-shadow: 1px 2px 5px 2px #CCC;
    -webkit-box-shadow: 1px 2px 5px 2px #CCC;
    box-shadow: 1px 2px 5px 2px #CCC;
    width: 60% !important;*/
}

.theme-grey {
    background: #f5f5f5;
}

.tabs-content ul {
    /*display: inline-block;*/
}

.tabs-content h2 {
    clear: both;
}


.button.register {
    border-color: #939598 !important;
    background-color: #939598 !important;
    color: #FFF !important;
    min-width: 160px;
    transition: none !important;
    text-transform: uppercase;
    max-width: initial;
}

    .button.register:hover {
        border-color: #000 !important;
        background-color: #000 !important;
        color: #FFF !important;
        transition: none !important;
        text-transform: uppercase;
    }

.bordertop {
    border-top: 1px solid #EFEFEF;
}

.borderbottom {
    border-bottom: 1px solid #EFEFEF;
}

.borderleft {
    border-left: 1px solid #CCCCCC;
}

.pre-footer .inline-list li {
    margin-left: 0.5rem;
}

footer ul.inline-list-social li {
    margin-left: .5rem !important;
}

/* For Advantage Magazine */
/*BUTTONS*/

/* Button Small */

.button-small {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    min-width: 150px !important;
}

/* Button Small End */

/* Button Grey */
.button-grey {
    border-color: #939598 !important;
    background-color: #939598 !important;
    color: #FFF !important;
    min-width: 220px;
    transition: none !important;
    text-transform: uppercase;
}

    .button-grey a {
        color: #FFF !important;
        min-width: 220px;
        transition: none !important;
        text-transform: uppercase;
    }

    .button-grey:hover {
        border-color: #000 !important;
        background-color: #000 !important;
        color: #FFF !important;
        transition: none !important;
        min-width: 220px;
        text-transform: uppercase;
    }

        .button-grey:hover a {
            border-color: #000 !important;
            background-color: #000 !important;
            color: #FFF !important;
            min-width: 220px;
            transition: none !important;
            text-transform: uppercase;
        }
/* Button Grey End */

/* Button Black */
.button-black {
    border-color: #000 !important;
    background-color: #000 !important;
    color: #FFF !important;
    min-width: 220px;
    transition: none !important;
    text-transform: uppercase;
}

    .button-black a {
        color: #FFF !important;
        min-width: 220px;
        transition: none !important;
        text-transform: uppercase;
    }

    .button-black:hover {
        border-color: #FFF !important;
        background-color: #FFF !important;
        color: #000 !important;
        transition: none !important;
        min-width: 220px;
        text-transform: uppercase;
    }

        .button-black:hover a {
            border-color: #FFF !important;
            background-color: #FFF !important;
            color: #000 !important;
            min-width: 220px;
            transition: none !important;
            text-transform: uppercase;
        }
/* Button Black End */

/* Button White */
.button-white {
    border-color: #FFF !important;
    background-color: #FFF !important;
    color: #000 !important;
    min-width: 220px;
    transition: none !important;
    text-transform: uppercase;
}

    .button-white a {
        color: #000 !important;
        min-width: 220px;
        transition: none !important;
        text-transform: uppercase;
    }

    .button-white:hover {
        border-color: #000 !important;
        background-color: #000 !important;
        color: #FFF !important;
        transition: none !important;
        min-width: 220px;
        text-transform: uppercase;
    }

        .button-white:hover a {
            border-color: #000 !important;
            background-color: #000 !important;
            color: #FFF !important;
            min-width: 220px;
            transition: none !important;
            text-transform: uppercase;
        }
/* Button White End */

/* Button Yellow */
.button-yellow {
    border-color: #FFB71B !important;
    background-color: #FFB71B !important;
    color: #FFF !important;
    transition: none !important;
    min-width: 220px;
    text-transform: uppercase;
}

    .button-yellow a {
        color: #FFF !important;
        transition: none !important;
        min-width: 220px;
        text-transform: uppercase;
    }

    .button-yellow:hover {
        border-color: #000 !important;
        background-color: #000 !important;
        color: #FFF !important;
        transition: none !important;
        min-width: 220px;
        text-transform: uppercase;
    }

        .button-yellow:hover a {
            border-color: #000 !important;
            background-color: #000 !important;
            color: #FFF !important;
            transition: none !important;
            min-width: 220px;
            text-transform: uppercase;
        }
/* Button Yellow End */

/* Button Yellow Dark */
.button-yellow-dark {
    border-color: #FFB71B !important;
    background-color: #FFB71B !important;
    color: #FFF !important;
    transition: none !important;
    min-width: 220px;
    text-transform: uppercase;
}

    .button-yellow-dark a {
        color: #FFF !important;
        transition: none !important;
        min-width: 220px;
        text-transform: uppercase;
    }

    .button-yellow-dark:hover {
        border-color: #FFB71B !important;
        background-color: #FFB71B !important;
        color: #000 !important;
        transition: none !important;
        min-width: 220px;
        text-transform: uppercase;
    }

        .button-yellow-dark:hover a {
            border-color: #FFB71B !important;
            background-color: #FFB71B !important;
            color: #000 !important;
            transition: none !important;
            min-width: 220px;
            text-transform: uppercase;
        }
/* Button Yellow Dark End */

/* Button Dark */
.button-dark {
    border-color: #FFF !important;
    background: transparent !important;
    color: #FFF !important;
    min-width: 220px;
    transition: none !important;
    text-transform: uppercase;
}

    .button-dark a {
        color: #FFF !important;
        min-width: 220px;
        transition: none !important;
        text-transform: uppercase;
    }

    .button-dark:hover {
        border-color: #000 !important;
        background-color: #FFF !important;
        color: #000 !important;
        transition: none !important;
        min-width: 220px;
        text-transform: uppercase;
    }

        .button-dark:hover a {
            border-color: #000 !important;
            background-color: #FFF !important;
            color: #000 !important;
            min-width: 220px;
            transition: none !important;
            text-transform: uppercase;
        }
/* Button Dark End */

/* Button Light */
.button-light, a.button-light {
    cursor: pointer;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: bold;
    line-height: normal;
    position: relative;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding-right: 1rem;
    padding-left: 1rem;
    font-size: 1rem;
    transition: background-color .3s ease-out;
    border: 2px solid #000;
    border-bottom: 2px solid #000 !important;
    border-radius: 2rem;
    border-color: #333 !important;
    background: transparent !important;
    color: #333 !important;
    min-width: 220px;
    transition: none !important;
    text-transform: uppercase;
}

    .button-light a {
        color: #333 !important;
        min-width: 220px;
        transition: none !important;
        text-transform: uppercase;
    }

    .button-light:hover {
        border-color: #000 !important;
        background-color: #000 !important;
        color: #FFF !important;
        transition: none !important;
        min-width: 220px;
        text-transform: uppercase;
    }

        .button-light:hover a {
            border-color: #000 !important;
            background-color: #000 !important;
            color: #FFF !important;
            min-width: 220px;
            transition: none !important;
            text-transform: uppercase;
        }

        .button-light:hover strong {
            color: #FFF;
        }

/* Button Light End */

/* Button Inactive */
.button-inactive {
    border-color: #bdbec0 !important;
    background-color: #bdbec0 !important;
    color: #dedede !important;
    min-width: 220px;
    cursor: none;
    pointer-events: none;
    text-transform: uppercase;
}

    .button-inactive a {
        color: #dedede !important;
        min-width: 220px;
        cursor: none;
        pointer-events: none;
        text-transform: uppercase;
    }

    .button-inactive:hover {
        border-color: #bdbec0 !important;
        background-color: #bdbec0 !important;
        color: #dedede !important;
        transition: none !important;
        min-width: 220px;
        cursor: none;
        pointer-events: none;
        text-transform: uppercase;
    }

        .button-inactive:hover a {
            border-color: #bdbec0 !important;
            background-color: #bdbec0 !important;
            color: #dedede !important;
            min-width: 220px;
            cursor: none;
            pointer-events: none;
            text-transform: uppercase;
        }
/* Button Inactive End */

.button.subscribe {
    background: url(/assets/images/icons/icon-arrow-right-white.png) 80% no-repeat #9ad25f;
    color: #fff !important;
    font-size: 1.5rem;
    padding: 1rem 4.5rem 1rem 3rem;
    line-height: 1rem;
}

    .button.subscribe:hover {
        background-color: #8abd55;
    }

.button.download {
    background: url(/assets/images/icons/icon-download.png) 78% 37% no-repeat #f3f1f1;
    color: #136ecb;
    font-size: 1.5rem;
    padding: 1rem 5rem 1rem 3rem;
    line-height: 1rem;
}

    .button.download:hover {
        background-color: #e3e3e3;
    }

.button.register {
    background: #196193;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0.625rem 2.813rem;
}

    .button.register:hover {
        background: #134d75;
        color: #fff;
    }

.button-group > li > .button.bordered {
    border: 0.0625rem solid #b6b5b5 !important;
    background-color: transparent;
    margin-right: 0.625rem;
    text-transform: uppercase;
}

    .button-group > li > .button.bordered:hover {
        background-color: #e1e1e0;
    }

.button.readissue {
    background: url(/assets/images/icons/icon-download.png) 85% 37% no-repeat #f3f1f1;
    color: #136ecb;
    font-size: 1.5rem;
    padding: 1rem 5rem 1rem 3rem;
    line-height: 1rem;
}

    .button.readissue:hover {
        background-color: #e3e3e3;
    }

.issue-detail .callout {
    font-size: 1.5rem;
    font-weight: 700;
}

.issue-detail .author {
    background: #E9E9E9 none repeat scroll 0% 0%;
    padding: 0.3125rem;
}

.webinar {
    margin: 20px 0 20px 5px;
    background-image: url(/assets/images/sprites/bg-webinar-campaign.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.book {
    margin: 20px 0 20px 5px;
    background-image: url(/assets/images/sprites/bg-book-campaign.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.thevideo {
    margin: 20px 0 20px 5px;
    background-image: url(/assets/images/sprites/bg-video-campaign.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.comp {
    margin: 20px 0 20px 5px;
    background-image: url(/assets/images/sprites/bg-comp-campaign.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.pad {
    margin: 20px 0 20px 5px;
    background-image: url(/assets/images/sprites/bg-pad-campaign.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.tabs-content .webinar h3, .tabs-content .book h3, .tabs-content .video h3, .tabs-content .thevideo h3, .tabs-content .comp h3, .tabs-content .pad h3 {
    text-transform: uppercase;
    margin: 5px 10px 20px 20px;
    color: #1c1527;
    width: 450px;
    font-size: 1.2rem;
}

.yellowbox {
    background: #f6cf44;
    margin: 30px 10px 10px 66px;
    width: 500px;
    clear: both;
    display: inline-block;
}

    .yellowbox a {
        color: #1c1527;
        border-bottom: none;
    }

    .yellowbox img {
        border: 2px solid #4f4d44;
        margin: 20px auto;
        display: block;
        clear: both;
    }

.sub-heading {
    font-size: 1.5rem;
    font-weight: 700;
}

.mgnegative {
    margin-top: -100px;
}

.larger {
}

    .larger span, .largerwithcaption span {
        background: url("http://storage.ansys.com/staticfiles/ansys/img/interface/arrow-larger.png") no-repeat scroll 130px 5px transparent;
        clear: both;
        display: block;
        margin: 0.5em auto 0;
        padding: 0 12px 0 0;
        text-align: center;
        width: 150px;
    }

.navSlide {
    border: 0 none !important;
    /*bottom: 10px;
    position: absolute;
    right: 10px;*/
    width: auto !important;
    z-index: 999;
    margin-left: 0;
}

    .navSlide li {
        float: left !important;
        padding: 0 0 0 10px !important;
        /*width: 10px !important;*/
        list-style: none none;
        display: none;
    }

        .navSlide li a {
            background: url("http://storage.ansys.com/staticfiles/ansys/img/content/mainFocus-inactive-yellow-icon.png") no-repeat scroll left top transparent;
            display: block;
            height: 10px;
            text-indent: -999em;
            width: 10px;
        }

        .navSlide li.activeSlide a {
            background: url("http://storage.ansys.com/staticfiles/ansys/img/homepage/mainFocus-active-icon.png") no-repeat scroll left top transparent;
        }

.hdrfocus1 .prevSlide, .hdrfocus1 .nextSlide {
    display: none;
}

.hdrfocus1 {
    background: #ffffff none repeat scroll 0 0;
    /* border: 1px solid #ecc73f; */
    display: inline;
    float: left;
    height: auto;
    margin: 0 18px 25px 0;
    position: relative;
    max-width: 780px;
    min-width: 410px;
}

.navSlide li a {
    border-bottom: none;
}

.prevSlide, .nextSlide {
    z-index: 999;
}

.hdrfocus1 {
    background: #FFF none repeat scroll 0px 0px;
    display: inline;
    float: left;
    height: auto;
    margin: 0px 18px 25px 0px;
    position: relative;
    max-width: 780px;
    min-width: 410px;
}

#hdrFocus {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ECC73F;
    display: inline;
    float: right;
    height: 153px;
    margin: 0 18px 8px 0;
    position: relative;
    width: 700px;
}

    #hdrFocus h2 {
        clear: both;
        float: left;
        font-size: 20px;
        margin: 0 3px 0 285px;
        text-transform: uppercase;
        line-height: 25px;
    }

    #hdrFocus div div, #hdrFocus div {
        height: 153px;
        width: 698px;
    }

    #hdrFocus .prevSlide, #hdrFocus .nextSlide {
        display: none;
    }

    #hdrFocus #focus2, #focus3, #focus4, #focus5, #focus6 {
        display: none;
        opacity: 0;
    }

    #hdrFocus p {
        clear: both;
        font-size: 1em;
        margin: 0;
        padding: 0 10px 10px 285px;
    }

    #hdrFocus a.more {
        color: #FFFFFF;
        cursor: pointer;
        float: left;
        font-size: 1em;
        /*height: 30px;*/
        letter-spacing: 0.25px;
        line-height: 20px;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 700px;
        height: 153px;
    }

        #hdrFocus a.more span {
            display: none;
        }

        #hdrFocus a.more:hover, #hdrFocus a.more:active {
            text-decoration: none;
        }

        #hdrFocus a.more div {
            border: medium none !important;
            display: block;
            float: left;
            padding: 4px 0 0 12px;
            width: auto;
        }

    #hdrFocus .focusbanner-titleline {
        background: url("http://storage.ansys.com/staticfiles/ansys/img/content/focusbanner-titleline.png") no-repeat scroll right bottom transparent;
        float: right;
        font-size: 11px;
        font-weight: bold;
        height: 20px;
        margin-bottom: 10px;
        padding: 5px 17px 0 0;
        text-align: right;
        text-shadow: 1px 1px 0 #FFFFFF;
        text-transform: uppercase;
        width: auto;
    }

/*CURRENT ISSUE MODULE*/

.current-issue .content {
    background-color: #fbfbfb;
    border-top: 0.0625rem solid #f1f1f1;
    border-bottom: 0.0625rem solid #f1f1f1;
    padding: 2.5rem 0;
}

.heading .title {
    border-bottom: 0.0625rem solid #dfdfdf;
    margin-bottom: 2.5rem;
}

.current-issue .image-container img {
    border: 0.0625rem solid #cecece;
}

.current-issue .button.subscribe {
    float: right;
}

.current-issue h1 {
    text-align: left;
    float: left;
}

.current-issue .fancy-heading {
    background: #363636;
    color: #fff;
    padding: 0.625rem;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
}

.current-issue .sidebar {
    border-left: 0.0625rem solid #dfdfdf;
    padding-bottom: 1.25rem;
}

.current-issue .featured-story-links {
    margin-top: 0.625rem;
}

    .current-issue .featured-story-links img {
        margin-bottom: 1.25rem;
    }


/*PREVIOUS ISSUE MODULE*/

.previous-issue .small-block-grid-2 > li {
    text-align: center;
}

.previous-issue a p {
    text-align: center;
    margin-top: 0.625rem;
    color: #5EB1Bf;
    border-bottom: 1px dashed #5EB1Bf;
    display: initial;
}

    .previous-issue a p:hover {
        color: #333333;
        border-bottom: 1px #333333 dashed;
    }

.previous-issue a img {
    display: block;
    margin: 0 auto;
}
/* --- */

.caption {
    color: #999999;
    font-size: 0.87778rem;
    padding: 0.55556rem 0.77778rem;
}

/* Remove margin below Examples Component */
div.button {
    margin: 0;
}

.topsearchbtn {
    margin: 0 0 1em 0;
}

.searchbtn {
    margin-bottom: -30px;
    margin-right: 10px;
}

    .searchbtn .search-icon {
        padding-top: 10px;
    }

header .jetmenu a.trigger-search {
    top: 1.1em;
}

header .jetmenu {
    margin-top: -30px;
    z-index: 1;
}

#country-drop ul {
    margin-left: 0;
    padding-bottom: 10px;
}

    #country-drop ul li {
        list-style: none none;
    }

        #country-drop ul li a {
            padding: 2px 0 2px 10px;
        }

#country-drop p {
    margin-bottom: 0;
    padding: 5px;
}

/* For Resource Library */

span.tag {
    background-color: #6FA8E3;
    border-radius: 0 3px 3px 0;
    color: #FFFFFF;
    display: inline-block;
    font-size: 10px;
    height: 22px;
    line-height: 19px;
    margin-right: 6px;
    padding: 2px 4px 2px 10px;
    position: relative;
    text-transform: uppercase;
}

    span.tag:before {
        content: "";
        float: left;
        position: absolute;
        top: 0;
        left: -6px;
        width: 0;
        height: 10px;
        border-color: transparent #6fa8e3 transparent transparent;
        border-style: solid;
        border-width: 11px 6px 11px 0;
    }

.thefiltersbox {
    display: none;
}

    .thefiltersbox table tr td {
        padding: .5625rem .1rem;
    }

.nav li, .facet li {
    list-style: none none;
}

.nav h3 a {
}

.tablesorter a {
    border-bottom: 0 !important;
    word-break: break-word;
    word-wrap: break-word;
}

.borderright {
    border-right: 1px solid #EFEFEF !important;
}

#resultsection span {
    border-bottom: 0 !important;
    padding: 5px;
}

#resultsection p strong span {
    padding-left: 0;
}

/* Overriding Box Title styles */

.box-title {
    border: 0;
    padding: 0;
}

h1 .box-title {
    line-height: 1.2em;
}

h2 .box-title {
    line-height: 1.2em;
}

footer {
    padding-top: 1em;
}

    footer .inline-list {
        margin-bottom: 0;
    }

.resourcelibrary .facet.large-2 {
    max-width: 195px;
}

.thepagers span.thecurrentpage {
    font-weight: bold;
    background: #EFEFEF;
}

.facet, .thepagers {
    display: none;
}

    .facet select {
        font-size: 0.8em;
    }

.therlsearchbox {
    position: relative;
}

#searchbox {
    max-width: 850px;
    min-width: 100px;
    width: 90%;
}

#searchbutton {
    background: #FFF url(/assets/images/buttons/searchbtn.png) 100% 50% no-repeat;
    padding-right: 5px;
    width: 28px;
    height: 29px;
    margin-left: -32px;
    margin-top: 4px;
}

.helpicon {
    margin-top: 7px;
}

.main-content.resourcelibrary {
    margin-top: -4rem;
}

    .main-content.resourcelibrary .panel {
        padding-bottom: 0;
    }

/* ----------------- */

/* Resource Library Ends */

h1 {
    font-size: 1.75rem;
}

h2 {
    font-size: 1.6rem;
}

h3 {
    font-size: 1.5rem;
}

h4 {
    font-size: 1.4rem;
}


#fluent h4, .main-content#fluent a.button {
    color: #333333;
}

.application-grid button, .application-grid .button, [class*="block-grid-"] button, [class*="block-grid-"] .button {
    background: #F8F8F8;
    display: table;
    width: 100% !important;
    border-radius: 0;
    border: none;
    font-weight: 400;
    max-width: none;
}

.application-grid img, .application-grid [class*="block-grid-"] img, [class*="block-grid-"].hpblock img {
    margin-right: 10%;
}

[class*="block-grid-"] button.expand, [class*="block-grid-"] .button.expand {
    width: 100% !important;
}

.application-grid button span, .application-grid .button span, [class*="block-grid-"] button span, [class*="block-grid-"] .button span {
    vertical-align: middle;
    display: table-cell;
    max-width: 140px;
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: normal;
    /*-ms-word-break: break-all;*/
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    /*word-break: break-all;*/
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) 
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;*/
    hyphens: auto;
    font-weight: bold;
}

.application-grid button:hover, .application-grid button:focus, .application-grid .button:hover, .application-grid .button:focus, [class*="block-grid-"] button:hover, [class*="block-grid-"] button:focus, [class*="block-grid-"] .button:hover, [class*="block-grid-"] .button:focus {
    background: #E8E8E8;
}

.application-grid.iconlistapplications button span, .application-grid.iconlistapplications .button span, [class*="block-grid-"] button span, .application-grid.iconlistapplications [class*="block-grid-"] .button span {
    vertical-align: middle;
    display: table-cell;
    max-width: 140px;
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: normal;
    /*-ms-word-break: break-all;*/
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    /*word-break: break-all;*/
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) 
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;*/
    hyphens: auto;
    font-weight: bold;
}

.application-grid.iconlistapplications button:hover, .application-grid.iconlistapplications button:focus, .application-grid.iconlistapplications .button:hover, .application-grid.iconlistapplications .button:focus, .application-grid.iconlistapplications [class*="block-grid-"] button:hover, .application-grid.iconlistapplications [class*="block-grid-"] button:focus, .application-grid.iconlistapplications [class*="block-grid-"] .button:hover, .application-grid.iconlistapplications [class*="block-grid-"] .button:focus {
    background: #E8E8E8;
}

.grey-band {
    background: #F8F8F8;
}

.discipline-grid img {
    max-width: 85px;
}

.breadcrumbs > *:before {
    margin: 0 0.45rem;
}

.nounderline * {
    border-bottom: none !important;
}

/* Jetmenu Mouseover Fix */

.jetmenu {
    margin: 0px 15px 20px 0;
    z-index: 99;
}

/* Jetmenu Ends */


.customer-spotlight {
    padding: 2rem 0 0 0;
    margin-bottom: -60px;
}

/* Prevent cutting of video image on homepage */
.medium-5 .flex-video {
    overflow: visible;
}

/* Break long email ids on Contacts Locations Page */
.theloc .columns a {
    word-wrap: break-word;
}
/* ---------- */

.negative-top-125 .grey-head {
    color: #000000;
}

.callicons {
    width: 255px;
    height: 320px;
    margin: 20px;
    background: #F0F0F0 none repeat scroll 0% 0%;
    border-radius: 15px;
    text-align: center;
    display: inline-block;
    vertical-align: text-top;
    font-size: 12px;
    padding: 15px;
}

.inlineblock {
    display: inline-block !important;
}

.faintblue {
    background: #d8e5f0;
    height: 360px;
}

.grey-band-dark {
    background: #54524f;
    color: #ffffff;
}

    .grey-band-dark a {
        color: #ffffff;
    }

    .grey-band-dark h2 {
        color: #ffffff;
    }

.dont-break-out {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

/*
MEDIA QUERIES 
*/


/* Media Queries for the Banner Component Font Sizing */

@media (max-width: 1440px) {
    .slick-slide .banner-information h1, .slick-slide .banner-header {
        font-size: 3.375rem;
        line-height: 3.375rem;
    }

    .slick-slide p, .slick-slide .banner-text {
        font-size: 1.625rem;
        line-height: 1.625rem;
    }
}

@media (max-width: 1025px) {
    .slick-slide .banner-information h1, .slick-slide .banner-header {
        font-size: 2.75rem;
        line-height: 2.75rem;
    }

    .slick-slide p, .slick-slide .banner-text {
        font-size: 1rem;
        line-height: 1rem;
    }
}

/* ----------------------------- */

@media (max-width: 1440px) {
    .negative-top-125 {
        margin-top: -7rem;
    }

    header input.search-input {
        width: 100%;
    }
}

@media (max-width: 1800px) {
    .homepage-hero-refresh .slick-next, .homepage-hero-refresh .slick-prev {
        display: none !important;
    }
}

@media (max-width: 1230px) and (min-width: 1025px) {
    header .jetmenu > li > a {
        padding: 20px 8px;
        font-size: 1rem;
    }

    header .jetmenu li:not(.country-dropdown) a.button {
        min-width: 150px;
    }
}

@media (max-width: 1180px) {
    .negative-top-125 {
        margin-top: inherit;
    }

    header .google-plus {
        display: none !important;
    }

    header .jetmenu > li > .megamenu.full-width {
        left: 15%;
    }
}

@media (max-width: 1068px) {
    header input.search-input {
        width: 100%;
    }

    /*header .thetopsearch {
        display: none !important;
    }*/

    header .jetmenu > li > .megamenu.full-width {
        left: 35%;
    }
}

@media (max-width: 1024px) {
    .grey-band .condensed-news-list:nth-child(2n) {
        background: none;
    }

    .tabs .tab-title > a, .tabs dd > a {
        padding: .5rem;
    }
}

@media (max-width: 768px) {
    .row.global {
        background-color: #F1F1F1;
    }

    ul.inline-list.left.mgtop10 {
        float: right !important;
    }

    .jetmenu > li > a {
        text-align: left;
    }

    .jetmenu ul li {
        position: relative;
    }

    .jetmenu li a.show-more {
        padding: 0;
        position: absolute;
        right: 20px;
        margin-top: 20px;
        float: right;
        font-size: 13px;
        color: #E2E2E2;
        display: inline-block !important;
    }

    .f-dropdown {
        /*margin-left: -230% !important;
        width: 700%;*/
    }

    header .split.button span:after {
        display: none;
    }

    div#country-drop {
        column-count: 2;
        background-color: #F1F1F1;
    }

    #country-drop p {
        margin-bottom: 0;
        padding: 5px;
        display: none;
    }

    .megamenu.full-width {
        box-shadow: none;
    }

    a.button.split.countries {
        padding: 0 !important;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .gradient-top {
        display: none;
    }

    .jetmenu > li {
        display: block;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

        .jetmenu > li > a {
            padding: 15px 25px;
            width: 100%;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            border-bottom: 1px solid #e2e2e2 !important;
        }

    .jetmenu ul.dropdown, .jetmenu ul.dropdown li ul.dropdown {
        width: 100% !important;
        left: 0;
        position: static !important;
        border: none;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

        .jetmenu ul.dropdown li {
            background: #FFFFFF !important;
            border: none;
        }

        .jetmenu ul.dropdown > li > a {
            padding-left: 40px !important;
        }

    .jetmenu > li > .megamenu {
        width: 100% !important;
        position: static !important;
        border-top: none;
        background: #F1F1F1 !important;
        /*-webkit-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.8);
        -moz-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.8);
        box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.8);
        padding: 0 0.5rem;*/
    }

        .jetmenu > li > .megamenu.full-width > .row > .small-6:nth-child(3) {
            clear: left;
        }

        .jetmenu > li > .megamenu .row:first-child [class*="col"]:first-child {
            margin-top: 0;
        }

    .jetmenu > li > ul.dropdown > li > a {
        padding-left: 40px !important;
    }

    .jetmenu > li > ul.dropdown > li > ul.dropdown > li > a {
        padding-left: 60px !important;
    }

    .jetmenu > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li > a {
        padding-left: 80px !important;
    }

    header .mega-media span {
        left: 38px;
        text-align: left;
    }

    header {
        padding: 0;
    }

        header input.search-input {
            width: 100%;
        }

        header .branding-col {
            background: #000000;
        }

    .grey-band .condensed-news-list {
        background: none;
    }

    .button.register {
        padding: 0.3rem 0.3rem;
    }
}

@media (min-width: 768px) and (max-width: 900px) {
    .jetmenu > li > .megamenu {
        width: 100% !important;
        left: 0 !important;
    }
}

@media (min-width: 200px) and (max-width: 450px) {
    .right-off-canvas-toggle, .right-off-canvas-toggle1 {
        display: none;
    }

    .theassetcta .banner-information {
        position: absolute;
        background: #FFF !important;
        width: auto;
        height: auto;
        left: 0;
        margin-top: 90px;
        padding-left: 15px;
    }

        .theassetcta .banner-information .table {
            padding-left: 0;
        }

        .theassetcta .banner-information .button {
            border: 1px solid #2073c0 !important
        }

    header .branding-col {
        text-align: left !important;
        padding-left: 0;
    }

        header .branding-col .logobrand {
            margin-left: -5px;
            position: relative;
            z-index: 2;
        }

    header .jetmenu > li.showhide {
        top: -81px;
    }

    header .jetmenu > li:nth-child(3) {
        margin-top: 8px;
    }

    header .jetmenu > li.showhide .icon em {
        margin-bottom: 6px;
        display: block;
        width: 30px;
        height: 2px;
        background: #EEEEEE;
    }

    header .jetmenu > li.showhide span.icon {
        padding: 0;
        margin-right: -15px;
    }

    header .jetmenu > li a.show-more {
        -moz-transition: none;
        -webkit-transition: none;
        -o-transition: color 0 ease-in;
        transition: none;
    }

    header .jetmenu > li:hover > a.show-more, header .jetmenu a.show-more:hover, header .jetmenu a.current, header .jetmenu a.active {
        color: #E2E2E2;
    }

    header .jetmenu .rotateddown {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        margin-left: 5px;
        margin-top: 12px !important;
    }

    header .jetmenu .rotatedup {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        margin-left: 5px;
    }

    .country-dropdown.theflags .split.button span {
        border: 0;
    }

    #searchbox {
        max-width: 850px;
        min-width: 100px;
        width: 68%;
        background-color: #F1F1F1;
        margin-left: 10px;
        border: none;
        padding-top: 25px;
        box-shadow: none;
    }

        #searchbox:focus {
            background-color: #f1f1f1;
            border: none;
            box-shadow: none;
        }

        #searchbox.search-results-input {
            max-width: 850px;
            min-width: 100px;
            width: 90%;
            background-color: #FFFFFF;
            margin-left: 0;
            border: 1px solid #CCC;
            padding-top: 8px;
        }

    .f-dropdown {
        top: 100% !important;
        margin: 0;
        width: 278px !important;
        max-width: unset;
        left: -212px !important;
        display: none !important;
    }

        .f-dropdown.open {
            display: block !important;
        }

        .f-dropdown li a {
            letter-spacing: 0.7px;
        }

        .f-dropdown:before, .f-dropdown:after {
            display: none;
        }

    #country-drop ul {
        display: inline;
    }

        #country-drop ul li {
            padding: 10px;
        }

    .megamenu ul {
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
    }

    .megamenu li {
        font-size: 0.9rem;
        padding: 0 0 10px 0;
    }

        .megamenu li a {
            line-height: 1.3rem !important;
        }

    .megamenu h5 {
        font-size: 0.9rem;
        margin: 0;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 400;
        letter-spacing: inherit;
    }

    header .jetmenu > li > .megamenu.full-width {
        padding: 1rem;
    }
}

@media (max-width: 360px) and (min-width: 200px) {
    .theassetcta .banner-information {
        position: absolute;
        background: #FFF !important;
        width: auto;
        height: auto;
        left: 0;
        margin-top: 90px;
        padding-left: 15px;
    }

        .theassetcta .banner-information .table {
            padding-left: 0;
        }

        .theassetcta .banner-information .button {
            border: 1px solid #2073c0 !important
        }
}

/* Dark Mode CSS */

:root {
    --bg-color: #FFF;
    --trialnowbg-color: #ffb71b;
}

@media (prefers-color-scheme: dark) {
    body {
        background-color: var(--bg-color);
    }

    header .jetmenu li:not(.country-dropdown) a.button {
        background: var(--trialnowbg-color);
    }
}

/* Print Styles */

@media print {
    .main-content * {
        display: block !important;
    }

    .main-content table {
        display: table !important;
    }

    .main-content tr {
        display: table-row !important;
    }

    .main-content td {
        display: table-cell !important;
        border: 1px solid #EFEFEF;
    }

    .main-content script, .main-content style {
        display: none !important;
    }

    img, border, #cookieBar, .side-nav, .breadcrumbs, .slick-slider, .contact-row, .MobileSelect, .right-off-canvas-menu, .right-off-canvas-toggle, .right-off-canvas-toggle1, footer, .pre-footer, .hide-for-small, .jetmenu {
        display: none !important;
    }

    .branding-col * {
        display: block !important;
    }

    * {
        color: #000000 !important;
    }

    a[href]:after {
        content: none !important;
    }

    *,
    *:before,
    *:after {
        color: #000 !important;
        text-shadow: none !important;
        background: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    select {
        background: #fff !important;
    }

    .navbar {
        display: none;
    }

    .btn > .caret,
    .dropup > .btn > .caret {
        border-top-color: #000 !important;
    }

    .label {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

        .table td,
        .table th {
            background-color: #fff !important;
        }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important;
    }

    .large-1 {
        width: 8.33333%;
    }

    .large-2 {
        width: 16.66667%;
    }

    .large-3 {
        width: 25%;
    }

    .large-4 {
        width: 33.33333%;
    }

    .large-5 {
        width: 41.66667%;
    }

    .large-6 {
        width: 50%;
    }

    .large-7 {
        width: 58.33333%;
    }

    .large-8 {
        width: 66.66667%;
    }

    .large-9 {
        width: 75%;
    }

    .large-10 {
        width: 83.33333%;
    }

    .large-11 {
        width: 91.66667%;
    }

    .large-12 {
        width: 100%;
    }
}

/* Added to fix exp editor wonkiness */
.scInsertionHandleCenter {
    box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
}

.scInsertionHandleCenter, .sc-breadcrumb .sc-breadcrumb-item-path,
.sc-breadcrumb-item-path img, .scChromeCommand {
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;
}

.sc-breadcrumb-item-path img {
    vertical-align: initial;
}

.sc-breadcrumb-item-path span {
    font-size: 12px;
}


/* Social Sharing Widget */
.socialsharewidget {
    margin: 0;
}

    .socialsharewidget i.fa-facebook, .socialsharewidget i.fa-twitter, .socialsharewidget i.fa-linkedin, .socialsharewidget i.fa-google-plus, .socialsharewidget i.fa-envelope-o {
        color: #FFF;
    }

.icon-fbbg {
    color: #3B5998;
}

.icon-twitter {
    color: #1da1f2;
}

.icon-linkedin {
    color: #0077B5;
}

.icon-email {
    color: #000;
}

.socialsharewidget i.fa-envelope-o {
    margin-top: -1px;
}

.lic {
    display: inline-block;
    float: left;
}

.licbutton {
    cursor: pointer;
    border: solid 1px;
    height: 30px;
    width: 135px;
    font-family: ffunit;
    font-size: 14px;
    background-color: #f2a900;
}

.backgroundclass {
    background-color: #f1f1f2 !important;
}

.loaded {
    font-size: 36px;
    padding-left: 15px;
    color: black;
    font-weight: bold;
    float: left;
}

.topnav {
    background-color: #f2a900;
    color: black;
    height: 40px;
    text-align: left;
    margin: 4px 0 1px 14px;
    padding-top: 6px;
    font-size: 20px;
}

.input-container {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    margin-bottom: 70px;
}

.icon {
    padding: 10px;
    /*background: #dddddd;*/
    min-width: 50px;
    text-align: center;
    margin-bottom: auto;
}

/* Icon List Featured products Refresh */

.iconlistfeaturedproducts .component-header, .feature-box-landing .component-header {
    font-size: 1.75rem !important;
    line-height: 2.125rem;
    font-weight: bold;
    color: #000;
    letter-spacing: -0.6px;
    text-align: left;
}

.flexbox-header {
    font-size: 1.375rem;
    letter-spacing: -0.6px;
    line-height: 1.5rem;
}

.iconlistfeaturedproducts, .feature-box-landing {
    background-color: none !important;
}

    .iconlistfeaturedproducts li > div, .feature-box-landing li > div {
        border: 1px solid #CCC;
        border-radius: 8px;
        text-align: center;
        padding: 17px 30px 0 30px;
        position: relative;
    }

    .iconlistfeaturedproducts h5, .feature-box-landing h5 {
        margin: 0 0 10px 0;
        padding: 0 0 10px 0;
        text-align: center;
        border-bottom: 1px solid #CCC;
        font-weight: bold;
    }

    .iconlistfeaturedproducts p, .feature-box-landing p {
        font-size: 1.25rem !important;
        line-height: 1.625rem;
        font-weight: 300;
    }

    .iconlistfeaturedproducts a, .feature-box-landing a {
        color: #333 !important;
        font-size: 1rem !important;
        font-weight: bold !important;
    }

        .iconlistfeaturedproducts a.button:hover, .feature-box-landing a.button:hover {
            color: #FFF !important;
        }

    .iconlistfeaturedproducts .button, .feature-box-landing .button {
        margin: 0 auto 10px auto;
    }


    .iconlistfeaturedproducts a p, .feature-box-landing a p {
        color: #333;
        margin-bottom: 5px;
    }

    .iconlistfeaturedproducts a > div, .feature-box-landing a > div {
        color: #333;
        margin-bottom: 5px;
        font-weight: normal;
        font-size: 0.8em !important;
    }

    .iconlistfeaturedproducts li > a, .feature-box-landing li > a {
        border: 1px solid #74bef4 !important;
    }

    .iconlistfeaturedproducts a.button, .feature-box-landing a.button {
        border: 2px solid #333 !important;
        border-radius: 2rem !important;
        max-width: initial;
        background: #FFF;
        color: #333 !important;
        border: 2px solid #333;
        text-transform: uppercase;
        display: block;
    }

        .iconlistfeaturedproducts a.button:hover, .feature-box-landing a.button:hover {
            background: #000;
            color: #FFF !important;
            border: 2px solid #000;
        }

    .feature-box-landing li > div {
        padding: 17px 20px 30px 20px !important;
    }

    .feature-box-landing a.button {
        max-width: 220px;
        color: #FFFFFF !important;
        border: none !important;
    }

.featuredproductsimage {
    padding-bottom: 1rem;
}

.feature-box-heading {
    border-bottom: none !important;
}

/*Navigation Bar Refresh*/

.navigationbarRefresh {
    background: #fff;
    margin: 0;
    border-top: none !important;
    list-style-type: none;
}

    .navigationbarRefresh li {
        margin: 0px !important;
    }

        .navigationbarRefresh li a {
            padding: 0px;
            text-transform: capitalize;
            color: #5EB1Bf;
            border-bottom: 1px dashed #5EB1Bf;
            font-size: 1.25rem;
            font-weight: 300;
            font-family: 'Source Sans Pro', sans-serif;
        }

            .navigationbarRefresh li a:hover {
                color: #333333;
                border-bottom: 1px dashed #333333;
            }