/*
cache invalidator, find and replace for new one

v=201506291815
*/

html, body {
    height: 100%
}
body {
    -webkit-overflow-scrolling: touch
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'myriad-pro', Arial, sans-serif;
    font-weight: 600;
    color: #333;
    margin-top: 0;
    line-height: 24px
}
h1 {
    font-size: 36px;
    margin-bottom: 40px;
    line-height: 40px
}
h2 {
    font-size: 30px;
    margin-bottom: 40px;
    line-height: 32px
}
h3 {
    font-size: 24px;
    line-height: 28px
}
h4 {
    font-size: 21px;
    margin-bottom: 10px
}
h5 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 15px
}
h6 {
    font-family: 'myriad-pro', Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #333;
    margin-bottom: 10px
}
p {
    margin-top: 0
}
p.intro {
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #606060
}
.small {
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #333
}
.byline {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 15px;
    color: gray
}
.pull-left {
    float: left
}
.pull-right {
    float: right
}
.pull-me-right {
    float: right
}
.align-center {
    text-align: center
}
.set-width {
    width: 980px;
    margin: 0 auto;
    display: block;
    clear: both
}
.popup_link {
    line-height: 16px
}
.byline {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 15px;
    color: gray
}
a.byline {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 15px;
    color: gray;
    text-decoration: underline
}
a.byline:hover {
    color: #cb2100;
    text-decoration: underline
}
.mobile-only {
    display: none
}
.Invisible {
    display: none
}
.contact_us {
    position: fixed;
    top: 370px;
    right: 0;
    width: 40px
}
#aside {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=bg_section.png&v=201506291815) repeat-x scroll left top rgba(0, 0, 0, 0);
    clear: both;
    margin-top: 0
}
.separator-line {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=linha1&v=201506291815) no-repeat left center;
    padding: 40px 0;
    height: 10px;
    margin: 0 auto;
    width: 980px
}
.contact_us_link {
    width: 40px;
    height: 132px;
    background-image: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=Contact-Us-Side-Tab&v=201506291815);
    background-position: 0 0;
    position: absolute
}
.contact_us_link:hover {
    background-position: 44px 0
}
.content-layout-simplify {
    min-height: 300px
}
/* CTA's */

.cta-wrapper-small-line {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=stripes&v=201506291815);
    height: 5px;
    width: 100%;
    margin: 20px 0 10px
}
.cta-wrapper {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=stripes&v=201506291815);
    height: 110px;
    width: 100%
}
.cta-wrapper p {
    font-family: 'myriad-pro', Arial, sans-serif;
    font-size: 19px;
    color: #000;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 35px
}
.cta-wrapper a {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=cta-buttons&v=201506291815) no-repeat;
    background-position: -191px -1px;
    width: 326px;
    height: 51px;
    text-decoration: none;
    text-indent: -5000px;
    display: inline-block
}
.cta-wrapper a:hover {
    background-position: -191px -61px
}
.cta-wrapper a:hover {
    background-position: -191px -121px
}
.cta-container {
    width: 980px;
    margin: 0 auto;
    line-height: 54px;
    text-align: center;
    padding-top: 27px
}
#cta-wrapper-home {
    margin-top: 20px
}
#cta-wrapper-home .cta-button {} #cta-wrapper-home .cta-button a.learn-more, #cta-wrapper-home .cta-button a:link.learn-more {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=cta-buttons&v=201506291815) no-repeat;
    background-position: -1px -1px;
    width: 181px;
    height: 57px;
    text-decoration: none;
    text-indent: -5000px;
    display: inline-block
}
#cta-wrapper-home .cta-button a:hover.learn-more {
    background-position: -1px -61px
}
#cta-wrapper-home .cta-button a:active.learn-more {
    background-position: -1px -121px
}
#cta-wrapper-home .cta-button a.learn-more-red, #cta-wrapper-home .cta-button a:link.learn-more-red {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=cta-buttons&v=201506291815) no-repeat;
    background-position: -2326px -1px;
    width: 181px;
    height: 57px;
    text-decoration: none;
    text-indent: -5000px;
    display: inline-block
}
#cta-wrapper-home .cta-button a:hover.learn-more-red {
    background-position: -2326px -61px
}
#cta-wrapper-home .cta-button a:active.learn-more-red {
    background-position: -2326px -121px
}
.cta-download-page-contact-us a {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=cta-buttons&v=201506291815) no-repeat;
    background-position: -1266px -1px;
    width: 308px;
    height: 41px;
    text-decoration: none;
    display: inline-block;
    padding-top: 10px;
    color: #FFF;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);
    font-size: 18px;
    text-align: center;
    line-height: 20px
}
.cta-download-page-contact-us a:hover {
    background-position: -1266px -61px
}
.cta-download-page-contact-us a:active {
    background-position: -1266px -121px
}
.cta-download-community-edition a {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=cta-buttons&v=201506291815) no-repeat;
    background-position: -1581px -1px;
    width: 308px;
    height: 41px;
    text-decoration: none;
    display: inline-block;
    padding-top: 10px;
    color: #FFF;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);
    font-size: 18px;
    text-align: center;
    line-height: 20px
}
.cta-download-community-edition a:hover {
    background-position: -1581px -61px;
    width: 308px;
    height: 41px
}
.cta-download-community-edition a:active {
    background-position: -1581px -121px;
    width: 308px;
    height: 41px
}
.cta-registernow-blue a {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=cta-buttons&v=201506291815) no-repeat;
    background-position: -3587px -1px;
    width: 166px;
    height: 37px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    line-height: 0;
    font-size: 0;
    color: rgba(0, 0, 0, 0)
}
.cta-registernow-blue a:hover {
    background-position: -3587px -61px
}
.cta-registernow-blue a:active {
    background-position: -3587px -121px
}
/** cta-small-blue-no-text */

.cta-small-blue-no-txt {
    text-align: center
}
.cta-small-blue-no-txt a {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=cta-buttons&v=201506291815) no-repeat;
    background-position: -2674px 0;
    width: 151px;
    height: 36px;
    text-decoration: none;
    display: inline-block;
    padding-top: 10px;
    color: #FFF;
    font-size: 18px;
    text-align: center;
    line-height: 15px
}
.cta-small-blue-no-txt a:hover {
    background-position: -2674px -60px;
    color: #FFF!important
}
.cta-small-blue-no-txt a:active {
    background-position: -2674px -120px;
    color: #FFF!important
}
.cta-learnmore-blue a {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=cta-buttons&v=201506291815) no-repeat;
    background-position: -2836px 0;
    width: 154px;
    height: 37px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    line-height: 0;
    font-size: 0;
    color: rgba(0, 0, 0, 0)
}
.cta-learnmore-blue a:hover {
    background-position: -2836px -60px
}
.cta-learnmore-blue a:active {
    background-position: -2836px -120px
}
.cta-readmore-blue a {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=cta-buttons&v=201506291815) no-repeat;
    background-position: -3005px 0;
    width: 154px;
    height: 37px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    line-height: 0;
    font-size: 0;
    color: rgba(0, 0, 0, 0)
}
.cta-readmore-blue a:hover {
    background-position: -3005px -60px
}
.cta-readmore-blue a:active {
    background-position: -3005px -120px
}
.cta-downloadhere-blue a {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=cta-buttons&v=201506291815) no-repeat;
    background-position: -3174px 0;
    width: 184px;
    height: 37px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    line-height: 0;
    font-size: 0;
    color: rgba(0, 0, 0, 0)
}
.cta-downloadhere-blue a:hover {
    background-position: -3174px -60px
}
.cta-downloadhere-blue a:active {
    background-position: -3174px -120px
}
/** shadows **/

.shadow-inset-bot:after {
    display: block;
    content: "";
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: 0;
    z-index: 999;
    -moz-box-shadow: inset 0 -12px 10px -8px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 -12px 10px -8px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 -12px 10px -8px rgba(0, 0, 0, 0.2)
}
/* parallax */

#port {
    overflow: hidden;
    position: relative;
    height: 381px
}
.parallax-viewport {
    position: relative;
    /* relative, absolute, fixed */
    
    overflow: hidden
}
.parallax-layer {
    position: absolute;
    bottom: 0
}


.parallax .option {
  visibility: hidden;
  display: none;
}

.parallax .option.active {
  visibility: visible;
  display: block;
} 
/*** home ***/

.hero-list {
    margin-top: -15px;
    font-size: 21px;
    line-height: 25px;
    font-family: 'myriad-pro', Arial, sans-serif;
    margin-bottom: 30px
}
.highlight-box {
    background-color: #fff;
    padding: 10px
}
.highlight-box img {
    height: auto;
    text-align: center;
    display: block;
    width: 290px;
    margin: 0 auto
}
.highlight-box .more {
    float: right;
    font-size: 14px;
    text-align: right;
    line-height: 34px
}
.highlight-box-inner {
    padding: 10px;
    padding-top: 20px;
    font-size: 17px
}
.featured-label {
    color: #c20;
    font-size: 12px
}
.quote-box {
    min-height: 260px
}
.quote-1 {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=headshot-1&v=201506291815), url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=quote-bubble&v=201506291815);
    background-position: -90px 130px, center top;
    background-repeat: no-repeat, no-repeat;
    height: 310px
}
.quote-2 {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=headshot-2&v=201506291815), url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=quote-bubble&v=201506291815);
    background-position: -35px 130px, center top;
    background-repeat: no-repeat, no-repeat;
    height: 310px
}
.quote-3 {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=headshot-3&v=201506291815), url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=quote-bubble&v=201506291815);
    background-position: -25px 130px, center top;
    background-repeat: no-repeat, no-repeat;
    height: 310px
}
.quote-box h3 {
    width: 175px;
    text-align: center;
    margin: 0 auto;
    padding-top: 42px;
    margin-right: 27px;
    font-size: 18px;
    line-height: normal
}
.quote-box .byline {
    margin: 0 auto;
    width: 120px;
    text-align: center;
    margin-top: 21px;
    margin-right: 50px
}
.home-light-section {
    padding-bottom: 0;
    padding-top: 20px;
    position: relative
}
.home-mid-section {
    background-image: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=bg-lightgrey-d9d9d9&v=201506291815);
    background-repeat: repeat-y;
    background-position: top center;
    background-color: #c9c9c9;
    padding-bottom: 30px;
    padding-top: 40px
}
.home-bot-section {
    background-image: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=bg-grey-909090&v=201506291815);
    background-repeat: repeat-y;
    background-position: top center;
    background-color: #909090;
    padding-bottom: 40px;
    padding-top: 40px
}
.home-video-play {
    position: absolute;
    right: 38px;
    bottom: 28px;
    width: 350px;
    height: 218px
}
.home-video-play:hover > .icon-video-play-big {
    background-position: -8px -1260px
}
/* Tooltip */

a.tooltip-link {
    text-decoration: none
}
#tooltip {
    position: absolute;
    z-index: 9999;
    width: 200px;
    font-size: 13px;
    border-radius: 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    font-family: Calibri, Tahoma, Geneva, sans-serif;
    margin-left: 0;
    width: 250px;
    padding: .8em 1em;
    background: #fff;
    border: 1px solid #ccc;
    color: #6c6c6c;
    white-space: normal
}
/* IE hack */

*html #tooltip .tipHeader {
    margin-bottom: -6px
}
#tooltip .tipBody {
    text-align: left
}
#tooltip .tipFooter {
    text-align: right
}
/* PowerTip Plugin */

#powerTip {
    cursor: default;
    background-color: #E6E6E6;
    border-radius: 3px;
    color: #333;
    display: none;
    padding: 15px;
    position: absolute;
    width: 300px;
    z-index: 2;
    font-size: 12px;
    border: 1px solid #ccc
}
#powerTip p {
    margin: 0
}
#powerTip p.title {
    margin-bottom: 10px;
    font-size: 14px
}
#powerTip div.actions {
    margin-top: 10px
}
#powerTip div.actions a:first-child {
    margin-right: 100px
}
#powerTip div.actions a {
    height: 16px;
    line-height: 16px;
    display: inline-block;
    vertical-align: top
}
#powerTip.n:before, #powerTip.e:before, #powerTip.s:before, #powerTip.w:before, #powerTip.ne:before, #powerTip.nw:before, #powerTip.se:before, #powerTip.sw:before {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=icons&v=201506291815) no-repeat;
    display: inline-block;
    content: "";
    position: absolute
}
#powerTip.n:before {
    background-position: -30px -450px;
    left: -10px;
    width: 11px;
    height: 22px
}
#powerTip.e:before {
    background-position: -30px -450px;
    left: -10px;
    width: 11px;
    height: 22px
}
#powerTip.s:before {
    background-position: -30px -450px;
    left: -10px;
    width: 11px;
    height: 22px
}
#powerTip.w:before {
    background-position: -30px -480px;
    width: 11px;
    height: 22px;
    left: 330px
}
#powerTip.ne:before {
    background-position: -1px -531px;
    width: 21px;
    height: 11px;
    left: 5px;
    bottom: -11px
}
#powerTip.nw:before {
    background-position: -1px -531px;
    width: 21px;
    height: 11px;
    left: 305px;
    bottom: -11px
}
#powerTip.se:before, #powerTip.sw:before {
    background-position: -30px -450px;
    left: -10px;
    width: 11px;
    height: 22px
}
/****** os buttons ************/

.osbtn {
    display: inline-block;
    font-family: 'myriad-pro', Arial, sans-serif;
    padding: 10px 20px;
    margin-bottom: 0;
    font-weight: 400;
    line-height: inherit;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    margin: 0;
    color: #fff;
    font-size: 18px;
    background-color: #ccc;
    background-image: -moz-linear-gradient(top, #ccc, #aaa);
    background-image: -ms-linear-gradient(top, #ccc, #aaa);
    background-image: -o-linear-gradient(top, #ccc, #aaa);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ccc), to(#aaa));
    background-image: -webkit-linear-gradient(top, #ccc, #aaa);
    background-image: linear-gradient(top, #ccc, #aaa);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}
.osbtn:hover {
    filter: none;
    background-image: none;
    color: #fff;
    text-decoration: none
}
.osbtn:active {
    background-color: #aaa
}
.osbtn-red {
    display: inline-block;
    font-family: 'myriad-pro', Arial, sans-serif;
    padding: 10px 20px;
    margin-bottom: 0;
    font-weight: 400;
    line-height: inherit;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    margin: 0;
    color: #fff!important;
    font-size: 18px;
    background-color: #c20;
    background-image: -moz-linear-gradient(top, #c20, #ac1e01);
    background-image: -ms-linear-gradient(top, #c20, #ac1e01);
    background-image: -o-linear-gradient(top, #c20, #ac1e01);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#c20), to(#ac1e01));
    background-image: -webkit-linear-gradient(top, #c20, #ac1e01);
    background-image: linear-gradient(top, #c20, #ac1e01);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}
.osbtn-red:hover {
    filter: none;
    background-image: none;
    color: #fff;
    text-decoration: none
}
.osbtn-red:active {
    background-color: #ac1e01
}
.osbtn-black {
    display: inline-block;
    font-family: 'myriad-pro', Arial, sans-serif;
    padding: 10px 20px;
    margin-bottom: 0;
    font-weight: 400;
    line-height: inherit;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    margin: 0;
    color: #fff;
    font-size: 18px;
    background-color: #000;
    background-image: -moz-linear-gradient(top, #333, #000);
    background-image: -ms-linear-gradient(top, #333, #000);
    background-image: -o-linear-gradient(top, #333, #000);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#333), to(#000));
    background-image: -webkit-linear-gradient(top, #333, #000);
    background-image: linear-gradient(top, #333, #000);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}
.osbtn-black:hover {
    filter: none;
    background-image: none;
    color: #fff;
    background-color: #333
}
.osbtn-black:active {
    background-color: #000
}
.osbtn-gray {
    display: inline-block;
    font-family: 'myriad-pro', Arial, sans-serif;
    padding: 10px 20px;
    margin-bottom: 0;
    font-weight: 400;
    line-height: inherit;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    margin: 0;
    color: #fff;
    font-size: 18px;
    background-color: gray;
    background-image: -moz-linear-gradient(top, #606060, gray);
    background-image: -ms-linear-gradient(top, #606060, gray);
    background-image: -o-linear-gradient(top, #606060, gray);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#606060), to(gray));
    background-image: -webkit-linear-gradient(top, #606060, gray);
    background-image: linear-gradient(top, #606060, gray);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}
.osbtn-gray:hover {
    filter: none;
    background-image: none;
    color: #fff;
    background-color: #606060
}
.osbtn-gray:active {
    background-color: gray
}
.osbtn-blue {
    display: inline-block;
    font-family: 'myriad-pro', Arial, sans-serif;
    padding: 10px 20px;
    margin-bottom: 0;
    font-weight: 400;
    line-height: inherit;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    margin: 0;
    color: #fff;
    font-size: 18px;
    background-color: #08c;
    background-image: -moz-linear-gradient(top, #08c, #06a);
    background-image: -ms-linear-gradient(top, #08c, #06a);
    background-image: -o-linear-gradient(top, #08c, #06a);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#08c), to(#06a));
    background-image: -webkit-linear-gradient(top, #08c, #06a);
    background-image: linear-gradient(top, #08c, #06a);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}
.osbtn-blue:hover {
    filter: none;
    background-image: none;
    color: #fff
}
.osbtn-blue:active {
    background-color: #06a
}
.osbtn-sm {
    padding: 5px 10px!important;
    font-size: 15px!important;
    line-height: 1.5!important;
    border-radius: 3px!important
}
.osbtn-lg {
    padding: 10px 20px!important;
    font-size: 26px!important;
    line-height: 1.33!important;
    border-radius: 6px!important
}
.osbtn-wide {
    padding: 5px 32px!important;
    font-size: 16px!important
}
.osbtn-cta {
    width: auto;
    text-indent: 0;
    height: auto;
    line-height: 30px;
    padding: 4px 12px;
    margin-bottom: 4px;
    font-weight: 500;
    font-size: 18px
}
.icon-cta {
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 14px;
    text-shadow: none;
    position: relative
}
.icon-cta::before {
    display: inline-block;
    width: 18px;
    color: #c20;
    font-size: 8px;
    position: absolute;
    left: 1px;
    top: 3px
}
.btn {
    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 14px;
    line-height: 15px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    *background-color: #e6e6e6;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #bbb;
    *border: 0;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)
}
.btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
    color: #333;
    background-color: #e6e6e6;
    *background-color: #d9d9d9
}
.btn:active, .btn.active {
    background-color: #ccc \9
}
.btn:first-child {
    *margin-left: 0
}
.btn:hover {
    color: #333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear
}
.btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}
.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)
}
.btn.disabled, .btn[disabled] {
    cursor: default;
    background-image: none;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
.btn {
    border-color: #c5c5c5;
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25)
}
.btn-link, .btn-link:active, .btn-link[disabled] {
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
.btn-link {
    color: #08c;
    cursor: pointer;
    border-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
.btn-link:hover {
    color: #005580;
    text-decoration: underline;
    background-color: transparent
}
.btn-link[disabled]:hover {
    color: #333;
    text-decoration: none
}
.btn-group {
    position: relative;
    display: inline-block;
    *display: inline;
    *margin-left: .3em;
    font-size: 0;
    white-space: nowrap;
    vertical-align: middle;
    *zoom: 1
}
.btn-group:first-child {
    *margin-left: 0
}
.btn-group + .btn-group {
    margin-left: 5px
}
.btn-toolbar {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 0
}
.btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group {
    margin-left: 5px
}
.btn-group > .btn {
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
.btn-group > .btn + .btn {
    margin-left: -1px
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
    font-size: 12px
}
.btn-group > .btn-mini {
    font-size: 10.5px
}
.btn-group > .btn-small {
    font-size: 11.9px
}
.btn-group > .btn-large {
    font-size: 17.5px
}
.btn-group > .btn:first-child {
    margin-left: 0;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px
}
.btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px
}
.btn-group > .btn.large:first-child {
    margin-left: 0;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-topleft: 6px
}
.btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle {
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px
}
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active {
    z-index: 2
}
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0
}
.btn-group > .btn + .dropdown-toggle {
    *padding-top: 5px;
    padding-right: 8px;
    *padding-bottom: 5px;
    padding-left: 8px;
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)
}
.btn-group > .btn-mini + .dropdown-toggle {
    *padding-top: 2px;
    padding-right: 5px;
    *padding-bottom: 2px;
    padding-left: 5px
}
.btn-group > .btn-small + .dropdown-toggle {
    *padding-top: 5px;
    *padding-bottom: 4px
}
.btn-group > .btn-large + .dropdown-toggle {
    *padding-top: 7px;
    padding-right: 12px;
    *padding-bottom: 7px;
    padding-left: 12px
}
.btn-group.open .dropdown-toggle {
    background-image: none;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)
}
.btn-group.open .btn.dropdown-toggle {
    background-color: #e6e6e6
}
.btn-group.open .btn-primary.dropdown-toggle {
    background-color: #04c
}
.btn-group.open .btn-warning.dropdown-toggle {
    background-color: #f89406
}
.btn-group.open .btn-danger.dropdown-toggle {
    background-color: #bd362f
}
.btn-group.open .btn-success.dropdown-toggle {
    background-color: #51a351
}
.btn-group.open .btn-info.dropdown-toggle {
    background-color: #2f96b4
}
.btn-group.open .btn-inverse.dropdown-toggle {
    background-color: #222
}
.btn-call-landing {
    color: #FFF;
    padding: 15px 25px;
    text-shadow: none;
    margin-top: 10px;
    text-decoration: none!important;
    font-size: 16px;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr '#6498ca', endColorstr '#35699b');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#6498ca',endColorstr = '#35699b')";
    background-image: -moz-linear-gradient(top, #6498ca, #35699b);
    background-image: -ms-linear-gradient(top, #6498ca, #35699b);
    background-image: -o-linear-gradient(top, #6498ca, #35699b);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#6498ca), to(#35699b));
    background-image: -webkit-linear-gradient(top, #6498ca, #35699b);
    background-image: linear-gradient(top, #6498ca, #35699b)
}
.btn-call-landing:hover, .btn-call-landing:active, .btn-call-landing.active, .btn-call-landing.disabled, .btn-call-landing[disabled] {
    color: #FFF;
    background-color: #35699B;
    *background-color: #35699B
}
.header-hero-wrapper {
    padding-top: 30px;
    height: 570px;
    -moz-box-shadow: 0 3px 3px #ebebeb;
    -webkit-box-shadow: 0 3px 3px #EBEBEB;
    box-shadow: 0 3px 3px #EBEBEB;
    filter: progid: DXImageTransform.Microsoft.Shadow(strength 3, direction 180, color '#ebebeb');
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 3,Direction = 180,Color = '#ebebeb')";
    min-width: 980px
}
.header-hero-wrapper.home {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=bg-top-home&v=201506291815) bottom no-repeat #E4E4E4;
    height: 420px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    filter: none
}
.header-hero-wrapper.home-rev {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=homepage-top-header-bg&v=201506291815) #706E6F center no-repeat;
    height: 510px;
    position: relative;
}
.hero-home-back {
    background-image: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=slide1&v=201506291815);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 310px;
    padding-top: 30px
}
.call-out-hero-home {} .header-hero-wrapper.product {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=bg-diagram&v=201506291815) repeat-x;
    height: 500px
}
.header-hero-wrapper.download {
    background: url(/img/bg_body.png?v=201506291815);
    background-position: top left;
    background-repeat: repeat-x;
    box-shadow: none;
    height: auto;
    filter: none
}
.header-hero-wrapper.case-studies {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=customers-top-bg&v=201506291815);
    background-repeat: repeat-x;
    background-position: center;
    height: 330px;
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0);
    margin-bottom: 30px
}
.header-hero-wrapper.continue-trial-or-upgrade {
    background: none;
    box-shadow: none
}
.header-hero-wrapper.case-studies-category {
    background: url(/img/bg_body.png?v=201506291815);
    background-position: top left;
    background-repeat: repeat-x;
    height: auto;
    box-shadow: none;
    filter: none
}
.header-hero-wrapper.case-studies-category.page-company {
    height: 155px;
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=bg-about-us&v=201506291815) top center;
}
.header-hero-wrapper.case-studies-detail {
    height: 390px
}
.header-hero-wrapper.case-studies-detail-new {
    height: 380px
}
.case-studies-detail-new .Header_Nav_Breadcrumb {
    margin-top: 165px;
}
.header-hero-wrapper.news {
    background: url(/img/bg_body.png?v=201506291815);
    background-position: top left;
    background-repeat: repeat-x;
    height: 150px;
    box-shadow: none;
    filter: none
}
.header-hero-wrapper.landing {
    height: 450px;
    box-shadow: none;
    filter: none
}
body.landing-no-top {
    background: url(/img/bg_body.png?v=201506291815);
    background-position: top left;
    background-repeat: repeat-x
}
body.landing-slim form#WebForm1 {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=light-grey-bg-mobile&v=201506291815)
}
.header-hero-wrapper.landing-no-top {
    padding-top: 10px;
    height: auto;
    box-shadow: none;
    filter: none
}
.header-hero-wrapper.landing-slim {
    height: auto;
    box-shadow: none;
    filter: none
}
.header-hero-wrapper.hero-krug {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=Steve-Krug_LPbanner&v=201506291815) center;
    background-repeat: no-repeat;
    background-color: #69c;
    height: 390px;
    box-shadow: none;
    filter: none
}
.header-hero-wrapper.hero-ux-it-uk {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=ux-it-bg-uk&v=201506291815) center bottom;
    background-repeat: no-repeat;
    background-color: #dedfe1;
    height: 260px;
    box-shadow: none;
    filter: none
}
.header-hero-wrapper.page-without-hero {
    height: 100px;
    box-shadow: none;
    filter: none
}
.header-hero-wrapper.page-without-hero.page-company {
    /*    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=bg-about-us&v=201506291815) top center;
    padding-bottom: 0px;
    margin-bottom: 0px;
    height: 131px;*/
}
.header-hero-wrapper.page-company {
    height: 175px;
    filter: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=bg-about-us&v=201506291815) top center;
    background-repeat: repeat-x
}
.header-hero-wrapper.page-with-sections {
    height: 70px;
    filter: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}
.header-hero-wrapper.customers-hero {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=top-prov&v=201506291815) center;
    background-repeat: no-repeat;
    background-color: #DCDDDE;
    height: 387px;
    filter: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}
.header-hero-wrapper.customers-sublevel-menu {
    height: 445px;
    filter: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=bg-about-us&v=201506291815) top center;
    background-repeat: repeat-x;
}
.customers-sublevel-menu .hero-placeholder {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=top-prov&v=201506291815);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-color: #DCDDDE;
    filter: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.case-studies-detail .navigation-inner {
    height: 390px
}
.navigation-wrapper {
    padding-top: 30px
}
.page-header {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=bg-diagram&v=201506291815) repeat-x;
    -moz-box-shadow: 0 3px 3px #ebebeb;
    -webkit-box-shadow: 0 3px 3px #ebebeb;
    box-shadow: 0 3px 3px #ebebeb;
    filter: progid: DXImageTransform.Microsoft.Shadow(strength 3, direction 180, color '#ebebeb');
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 3,Direction = 180,Color = '#ebebeb')";
    z-index: 999
}
.header-content-spacer {
    margin-top: 35px
}
.main-content {
    width: 1020px;
    margin: 0 auto
}
.hero-section {
    margin-bottom: 73px;
    height: 500px;
    margin: 0;
    position: relative
}
.hero-details {
    height: 385px;
    padding-top: 70px
}
.hero-section-home {
    margin-bottom: 73px;
    height: 450px;
    margin: 0;
    position: relative
}
.hero-section-case-studies {
    margin-bottom: 73px;
    height: 330px;
    margin: 0;
    position: relative
}
.hero-details-home {
    font-size: 17px;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.9);
    color: #FFF;
    line-height: 26px;
    font-family: 'myriad-pro', Arial, sans-serif;
    font-weight: 400
}
.hero-details-home li {
    margin-left: 35px
}
.hero-details-case-studies {
    font-size: 16px;
    color: #000;
    line-height: 22px
}
.hero-details-home p {
    margin-top: 25px;
    margin-bottom: 10px
}
.hero-section-home h1 {
    color: #FFF;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.9);
    line-height: 50px;
    font-size: 40px;
    margin-bottom: 0;
    text-align: center;
    margin-top: 40px
}
.hero-section-case-studies h1 {
    text-align: center;
    margin-top: 50px
}
.hero-details-video-holder {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=home-screen&v=201506291815);
    background-position: top center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0);
    height: 410px;
    position: absolute;
    width: 476px
}
.lead {
    height: 260px
}
.lead-home {
    text-align: center
}
.lead-home p.title {
    color: #FFF;
    font-size: 27px;
    line-height: 43px;
    margin-top: 0;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.9)
}
.lead-home p {
    color: #FFF;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.9);
    line-height: 22px;
    font-size: 16px
}
.sticky-mist {
    height: 100px;
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=white-gradient&v=201506291815) repeat-x;
    background-color: rgba(0, 0, 0, 0);
    position: fixed;
    top: 0;
    z-index: 1;
    left: 0;
    right: 0;
    display: none
}
#sticky {
    width: 980px;
    height: 100px;
    bottom: -100px;
    left: 0;
    overflow: hidden;
    z-index: 999;
    position: absolute;
    visibility: visible;
    -webkit-transform-style: preserve-3d
}
#sticky.sticky {
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -490px;
    z-index: 999
}
#sticky.sticky a:last-child {
    display: inline-block
}
#sticky i, #sticky a {
    display: inline-block
}
#sticky i {
    position: relative;
    top: 4px;
    left: -10px
}
#sticky a {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=gradient-blue&v=201506291815) repeat-x;
    background-color: #69C;
    font-family: 'myriad-pro', Arial, sans-serif;
    font-size: 18px;
    height: 50px;
    width: 244px;
    margin-right: -2px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    vertical-align: top
}
#sticky a.arrow {
    background: none;
    background-color: #fff;
    height: 20px;
    width: 100px;
    color: #aaa;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    position: absolute;
    right: 0;
    top: 50px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-transform: uppercase;
    font-size: 11px;
    display: none
}
#sticky a.arrow > .scrollup-arrow {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=icons&v=201506291815) no-repeat;
    background-position: -20px 3px;
    width: 11px;
    height: 20px;
    text-indent: -9999px;
    display: inline-block;
    margin-left: 10px
}
#sticky a.arrow:hover {
    background: none;
    background-color: #fff;
    height: 20px;
    width: 100px;
    color: gray;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    position: absolute;
    right: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-transform: uppercase;
    font-size: 11px;
    text-shadow: none
}
#sticky a.arrow:hover > .scrollup-arrow {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=icons&v=201506291815) no-repeat;
    background-position: -20px -17px;
    width: 11px;
    height: 20px;
    text-indent: -9999px;
    display: inline-block;
    margin-left: 10px
}
#sticky a:hover, #sticky a:active {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=gradient-navy&v=201506291815) repeat-x;
    background-color: #4673A7;
    color: #fff
}
#sticky a.development {
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    -moz-border-radius: 0 0 0 7px;
    -webkit-border-radius: 0 0 0 7px;
    border-radius: 0 0 0 7px
}
#sticky a.integrations, #sticky a.change-management {
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    margin-left: -3px
}
#sticky a.operations {
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    margin-left: -2px;
    -moz-border-radius: 0 0 7px;
    -webkit-border-radius: 0 0 7px 0;
    border-radius: 0 0 7px
}
#sticky.development .development, #sticky.change-management .change-management, #sticky.operations .operations, #sticky.integrations .integrations {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=gradient-red&v=201506291815) repeat-x;
    background-color: #C20;
    color: #fff
}
#sticky .development i {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=icons&v=201506291815) no-repeat;
    background-position: -1px -91px;
    width: 21px;
    height: 20px
}
#sticky.development .development i {
    background-position: -1px -136px;
    width: 21px;
    height: 20px
}
#sticky .change-management i {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=icons&v=201506291815) no-repeat;
    background-position: -1px -181px;
    width: 25px;
    height: 21px
}
#sticky.change-management .change-management i {
    background-position: -1px -226px;
    width: 25px;
    height: 21px
}
#sticky .operations i {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=icons&v=201506291815) no-repeat;
    background-position: -1px -361px;
    width: 20px;
    height: 20px
}
#sticky.operations .operations i {
    background-position: -1px -405px;
    width: 20px;
    height: 20px
}
#sticky .integrations i {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=icons&v=201506291815) no-repeat;
    background-position: -1px -270px;
    width: 34px;
    height: 21px
}
#sticky.integrations .integrations i {
    background-position: -1px -316px;
    width: 34px;
    height: 21px
}
#development {
    padding-top: 20px
}
#integrations::before, #change-management::before, #operations::before {
    display: block;
    content: "";
    margin-top: -100px;
    height: 30px;
    visibility: hidden
}
.development-section h1, .change-management-section h1, .operations-section h1, .integrations-section h1 {
    text-align: center
}
/* home */

#customer-home-wrapper {
    padding-top: 35px
}
#customer-home-wrapper p.logos {
    font-size: 16px;
    line-height: 24px;
    color: #666;
    margin-bottom: 25px
}
.hero-details-video-overlay {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=home-play-gray&v=201506291815) no-repeat scroll -16px -70px transparent;
    height: 190px;
    margin-left: 0;
    width: 372px
}
.hero-details-video-overlay:hover {
    background-position: -16px -70px
}
.hero-details-video-holder {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=home-app-examples&v=201506291815);
    margin-top: 23px;
    height: 243px;
    width: 476px
}
.hero-list li {
    list-style-type: none;
    vertical-align: bottom
}
.play-video-btn {
    opacity: .8;
    white-space: normal;
    text-align: left;
    font-size: 14px;
    display: inline-block;
    padding: 8px 20px
}
/*how-it-works*/

.arch-instructions {
    position: relative;
    background-image: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=scroll-to-explore&v=201506291815);
    background-attachment: fixed;
    background-position: 74% 801px;
    background-repeat: no-repeat;
    background-color: #F8F8F8;
}
.arch-instructions .parallax {
    min-height: 500px;
    height: 500px;
    margin: 0 auto;
    width: 100%;
    max-width: 1920px;
    position: relative;
    background-position: 85% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.arch-instructions .parallax> div {
    height: 520px;
    position: absolute;
    text-align: left;
    top: 0px;
    width: 100%;
    background: none;
}
.arch-instructions .parallax1.overview {
    background-image: url('/CMS_BackOffice/ResourceLink.aspx?ResourceName=platform-server-main&v=201506291815');
}
.arch-instructions .parallax1.net {
    background-image: url('/CMS_BackOffice/ResourceLink.aspx?ResourceName=platform-server-net&v=201506291815');
}
.arch-instructions .parallax1.weblogic {
    background-image: url('/CMS_BackOffice/ResourceLink.aspx?ResourceName=platform-server-weblogic&v=201506291815');
}
.arch-instructions .parallax1.jboss {
    background-image: url('/CMS_BackOffice/ResourceLink.aspx?ResourceName=platform-server-jboss&v=201506291815');
}
.arch-instructions .parallax1.overview .service-studio {
    display: none;
}
.arch-instructions .parallax1 .service-studio {
    position: absolute;
    left: 46px;
    top: 45px;
}
.arch-instructions .parallax1 .option-overview, .arch-instructions .parallax1 .option-net, .arch-instructions .parallax1 .option-weblogic, .arch-instructions .parallax1 .option-jboss {
    display: none;
}
.arch-instructions .parallax1.overview .option-overview, .arch-instructions .parallax1.net .option-net, .arch-instructions .parallax1.weblogic .option-weblogic, .arch-instructions .parallax1.jboss .option-jboss {
    display: block;
}
.arch-instructions .parallax2 {
    background-image: url('/CMS_BackOffice/ResourceLink.aspx?ResourceName=service-studio1&v=201506291815');
}
.arch-instructions .parallax3.overview {
    background-image: url('/CMS_BackOffice/ResourceLink.aspx?ResourceName=integration-studio2&v=201506291815');
}
.arch-instructions .parallax3.net {
    background-image: url('/CMS_BackOffice/ResourceLink.aspx?ResourceName=integration-studio-net1&v=201506291815');
}
.arch-instructions .parallax3.java {
    background-image: url('/CMS_BackOffice/ResourceLink.aspx?ResourceName=integration-studio-java1&v=201506291815');
}
.arch-instructions .parallax3 .option-overview, .arch-instructions .parallax3 .option-net, .arch-instructions .parallax3 .option-java {
    display: none;
}
.arch-instructions .parallax3.overview .option-overview, .arch-instructions .parallax3.net .option-net, .arch-instructions .parallax3.java .option-java {
    display: block;
}
.arch-instructions .parallax4.overview {
    background-image: url('/CMS_BackOffice/ResourceLink.aspx?ResourceName=service-center-all2&v=201506291815');
}
.arch-instructions .parallax4.configuration-management {
    background-image: url('/CMS_BackOffice/ResourceLink.aspx?ResourceName=service-center-configuration1&v=201506291815');
}
.arch-instructions .parallax4.performance-monitoring {
    background-image: url('/CMS_BackOffice/ResourceLink.aspx?ResourceName=service-center-monitoring1&v=201506291815');
}
.arch-instructions .parallax4 .option-overview, .arch-instructions .parallax4 .option-configuration-management, .arch-instructions .parallax4 .option-performance-monitoring {
    display: none;
}
.arch-instructions .parallax4.overview .option-overview, .arch-instructions .parallax4.configuration-management .option-configuration-management, .arch-instructions .parallax4.performance-monitoring .option-performance-monitoring {
    display: block;
}
.arch-instructions .parallax5.overview {
    background-image: url('/CMS_BackOffice/ResourceLink.aspx?ResourceName=lifetime-cloud-portal1&v=201506291815');
}
.arch-instructions .parallax5.application-staging {
    background-image: url('/CMS_BackOffice/ResourceLink.aspx?ResourceName=lifetime-deploy-cloud1&v=201506291815');
}
.arch-instructions .parallax5.hybrid-configuration {
    background-image: url('/CMS_BackOffice/ResourceLink.aspx?ResourceName=lifetime-deploy-cloud-premises1&v=201506291815');
}
.arch-instructions .parallax5 .option-overview, .arch-instructions .parallax5 .option-application-staging, .arch-instructions .parallax5 .option-hybrid-configuration {
    display: none;
}
.arch-instructions .parallax5.overview .option-overview, .arch-instructions .parallax5.application-staging .option-application-staging, .arch-instructions .parallax5.hybrid-configuration .option-hybrid-configuration {
    display: block;
}
.arch-instructions .parallax2, .arch-instructions .parallax3, .arch-instructions .parallax4, .arch-instructions .parallax5 {
    -webkit-box-shadow: 0 -8px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 -8px 8px rgba(0, 0, 0, 0.2);
}
.how-first-section {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=bg-lightgrey-d9d9d9&v=201506291815) top center repeat-y #c9c9c9;
    border-top: 0;
    margin-top: -40px;
}
.how-bg-gray-dark {
    background-image: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=bg-grey-909090&v=201506291815);
    background-repeat: repeat-y;
    background-position: top center;
    background-color: #909090;
    padding-bottom: 80px;
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9
}
.how-bg-gray-dark h1.white, .how-bg-gray-dark h2.white {
    color: #fff;
    text-shadow: 0 -1px 0 #000
}
.how-bg-gray-dark h1.border {
    border-bottom: 1px solid #fff;
    padding-bottom: 15px;
    margin-bottom: 15px;
    width: 430px;
    margin-right: auto;
    margin-left: auto
}
.how-bg-gray-light {
    background-image: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=bg-lightgrey-d9d9d9&v=201506291815);
    background-repeat: repeat-y;
    background-position: top center;
    background-color: #c9c9c9;
    padding-bottom: 80px;
    border-bottom: 1px solid #c9c9c9;
    border-top: 1px solid #c9c9c9
}
.how-bg-gray-dark p, .how-bg-gray-light p {
    margin-top: 0;
    margin-bottom: 8px
}
.how-first-section p {
    margin-bottom: 8px
}
.how-bg-gray-dark a {
    color: #fff
}
.how-bg-gray-light a, .how-first-section a {
    color: #cb2100
}
.how-image-preview {
    position: relative;
    height: 450px
}
.cta-wrapper-how {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=stripes&v=201506291815);
    height: 80px;
    width: 100%;
    border-top: 1px solid #909090;
    border-bottom: 1px solid #d9d9d9
}
.cta-wrapper-how p {
    font-family: 'myriad-pro', Arial, sans-serif;
    font-size: 19px;
    color: #000;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 35px
}
.cta-wrapper-how a {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=cta-buttons&v=201506291815) no-repeat;
    background-position: -4844px 0;
    width: 134px;
    height: 37px;
    text-decoration: none;
    text-indent: -5000px;
    display: inline-block;
    line-height: 40px
}
.cta-wrapper-how a:hover {
    background-position: -4844px -60px
}
.cta-wrapper-how a:active {
    background-position: -4844px -120px
}
.cta-container-how {
    width: 980px;
    margin: 0 auto;
    line-height: 80px;
    text-align: center
}
.how-circles-top {
    position: absolute;
    top: -135px;
    left: 425px;
    z-index: 0
}
.how-circle-user-interface {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=circle-interface&v=201506291815);
    background-position: 6px 190px;
    height: 110px;
    width: 115px;
    position: absolute;
    z-index: 1;
    left: 195px
}
.how-circle-logic {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=circle-logic&v=201506291815);
    background-position: 6px 190px;
    height: 110px;
    width: 115px;
    position: absolute;
    z-index: 1;
    left: 25px;
    top: 30px
}
.how-circle-processes {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=circle-Processes&v=201506291815);
    background-position: 6px 190px;
    height: 110px;
    width: 115px;
    position: absolute;
    z-index: 1;
    top: 224px;
    left: 420px
}
.how-circle-data-model {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=circle-data&v=201506291815);
    background-position: 6px 190px;
    height: 110px;
    width: 115px;
    position: absolute;
    z-index: 1;
    top: 75px;
    left: 350px
}
.how-circles-bot {
    position: absolute;
    bottom: 44px;
    left: 300px;
    z-index: 0
}
.how-circle-java {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=circle-java&v=201506291815);
    height: 110px;
    width: 115px;
    position: absolute;
    z-index: 1;
    background-position: 6px 190px;
    left: 20px;
    top: 20px
}
.how-circle-csharp {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=circle-csharp&v=201506291815);
    height: 110px;
    width: 115px;
    position: absolute;
    z-index: 1;
    left: 20px;
    background-position: 6px 190px;
    top: 170px
}
/* product tour */

[class^="icon-"] {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=icons&v=201506291815) no-repeat;
    display: inline-block
}
.icon-webinar-big {
    background-position: -17px -1631px;
    width: 49px;
    height: 44px;
    display: block;
    margin: 0 auto;
    margin-bottom: 30px
}
.icon-cv {
    background-position: -26px -1828px;
    width: 35px;
    height: 31px;
    margin-left: 10px;
    line-height: 30px
}
.icon-pr {
    background-position: -11px -1972px;
    width: 61px;
    height: 53px;
    line-height: 53px;
    margin-right: 15px
}
.icon-pc {
    background-position: -9px -1915px;
    width: 60px;
    height: 44px;
    line-height: 53px;
    margin-right: 15px
}
.icon-support {
    background-position: -2px -1871px;
    width: 33px;
    height: 33px;
    margin-right: 10px
}
.icon-right-arrows {
    background-position: -5px -1561px;
    width: 24px;
    height: 24px;
    margin-left: 5px;
    line-height: 23px
}
.icon-customers-expand {
    background-position: -11px -1876px;
    width: 26px;
    height: 26px;
    position: absolute;
    width: 30px;
    height: 30px;
    bottom: 0;
    right: 0
}
.icon-customers-collapse {
    background-position: -46px -1876px;
    width: 26px;
    height: 26px;
    position: absolute;
    width: 30px;
    height: 30px;
    bottom: 0;
    right: 0
}
.icon-book-big {
    background-position: -16px -1688px;
    width: 51px;
    height: 33px;
    display: block;
    margin: 0 auto;
    margin-bottom: 41px
}
.icon-play-big {
    background-position: -15px -1733px;
    width: 51px;
    height: 36px;
    display: block;
    margin: 0 auto;
    margin-bottom: 39px
}
.icon-info-big {
    background-position: -17px -1781px;
    width: 48px;
    height: 33px;
    display: block;
    margin: 0 auto;
    margin-bottom: 42px
}
.icon-screenshot {
    background-position: -1px -40px;
    width: 19px;
    height: 15px;
    margin-right: 10px;
    vertical-align: text-top
}
.icon-video {
    background-position: -26px -40px;
    width: 23px;
    height: 17px;
    margin-right: 10px;
    vertical-align: text-top
}
.icon-video-res {
    background-position: -33px -1319px;
    width: 20px;
    height: 14px;
    margin-right: 10px;
    vertical-align: text-top
}
.icon-pdf {
    background-position: -65px -1316px;
    width: 16px;
    height: 20px;
    margin-right: 14px;
    vertical-align: text-top
}
.icon-info {
    background-position: -3px -1316px;
    width: 16px;
    height: 20px;
    margin-right: 14px;
    vertical-align: text-top
}
.icon-video-play-big {
    background-position: -8px -1210px;
    width: 65px;
    height: 46px;
    position: absolute;
    top: 88px;
    left: 140px
}
.icon-case-study, .icon-doc {
    background-position: -1px -451px;
    width: 13px;
    height: 15px;
    margin-right: 10px;
    vertical-align: text-top
}
.icon-agileplatform {
    background-position: -1px -670px;
    width: 79px;
    height: 14px;
    margin-right: 2px;
    margin-left: 2px;
    margin-top: 1px
}
.icon-platform-video {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=icons&v=201506291815) no-repeat;
    margin-right: 10px;
    width: 32px;
    height: 22px;
    background-position: -44px -1561px;
    line-height: 22px
}
.icon-cta-green {
    background-position: -48px -511px;
    width: 31px;
    height: 31px;
    margin-left: 10px;
    vertical-align: middle
}
.icon-cta-red {
    background-position: -54px -466px;
    width: 26px;
    height: 26px;
    margin-left: 10px;
    vertical-align: middle
}
.icon-cta-learn-more {
    background-position: -62px -80px;
    width: 17px;
    height: 21px;
    margin-right: 10px;
    vertical-align: middle
}
.icon-help {
    background-position: -63px -615px;
    width: 13px;
    height: 13px;
    vertical-align: middle
}
.icon-check {
    background-position: -62px -554px;
    width: 18px;
    height: 14px;
    vertical-align: middle
}
.icon-cross {
    background-position: -63px -584px;
    width: 14px;
    height: 14px;
    vertical-align: middle
}
.icon-cloud {
    background-position: -2px -776px;
    width: 27px;
    height: 23px
}
.icon-tag {
    background-position: -52px -774px;
    width: 27px;
    height: 28px
}
.icon-academy-big {
    background-position: -2px -859px;
    width: 56px;
    height: 33px
}
.icon-community-big {
    background-position: -2px -926px;
    width: 76px;
    height: 36px
}
.icon-share-big {
    background-position: -4px -981px;
    width: 37px;
    height: 39px
}
.icon-share-f {
    background-position: -1px -1035px;
    width: 24px;
    height: 25px;
    text-indent: -9999px
}
.icon-share-f:hover {
    background-position: -1px -1068px
}
.icon-share-f-big {
    background-position: -3px -1379px;
    width: 35px;
    height: 37px;
    text-indent: -9999px
}
.icon-share-f-big:hover {
    background-position: -3px -1424px
}
.icon-share-t {
    background-position: -29px -1035px;
    width: 24px;
    height: 25px;
    text-indent: -9999px
}
.icon-share-t:hover {
    background-position: -29px -1068px
}
.icon-share-t-big {
    background-position: -46px -1379px;
    width: 35px;
    height: 37px;
    text-indent: -9999px
}
.icon-share-t-big:hover {
    background-position: -46px -1424px
}
.icon-share-l {
    background-position: -59px -1035px;
    width: 24px;
    height: 25px;
    text-indent: -9999px
}
.icon-share-l:hover {
    background-position: -59px -1068px
}
.icon-share-l-big {
    background-position: -4px -1470px;
    width: 35px;
    height: 37px;
    text-indent: -9999px
}
.icon-share-l-big:hover {
    background-position: -4px -1516px
}
.icon-share-g {
    background-position: -1px -1104px;
    width: 24px;
    height: 25px;
    text-indent: -9999px
}
.icon-share-g:hover {
    background-position: -1px -1137px
}
.icon-share-g-big {
    background-position: -46px -1471px;
    width: 35px;
    height: 37px;
    text-indent: -9999px
}
.icon-share-g-big:hover {
    background-position: -46px -1517px
}
.icon-share-m {
    background-position: -29px -1103px;
    width: 24px;
    height: 25px;
    text-indent: -9999px
}
.icon-share-m:hover {
    background-position: -29px -1136px
}
.product-media-thumb {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=shadow-short&v=201506291815) no-repeat;
    background-position: 0 100%;
    height: 120px
}
.product-media-thumb img {
    border: 1px solid #DDD
}
.canvas {
    height: 452px;
    margin: 40px 0 0;
    position: relative;
    display: block
}
.canvas-hot-spot {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=plus&v=201506291815) no-repeat;
    width: 40px;
    height: 40px;
    position: absolute
}
.canvas-hot-spot.ss-code {
    left: 300px;
    bottom: 150px
}
/* base diagram */

.canvas .base {}
/*base homepage*/

.canvas .base.platform {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=diagram-platform&v=201506291815) no-repeat;
    width: 561px;
    height: 452px;
    position: absolute;
    right: 0;
    bottom: 0
}
/*base service-studio*/

.canvas .base.ss.all {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=service-studio&v=201506291815) no-repeat;
    width: 561px;
    height: 452px;
    position: absolute;
    right: 0;
    bottom: 0
}
.canvas .base.ss.net {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=service-studio-net&v=201506291815) no-repeat;
    width: 561px;
    height: 452px;
    position: absolute;
    right: 0;
    bottom: 0
}
.canvas .base.ss.weblogic {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=service-studio-weblogic&v=201506291815) no-repeat;
    width: 561px;
    height: 452px;
    position: absolute;
    right: 0;
    bottom: 0
}
.canvas .base.ss.java {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=service-studio-jboss&v=201506291815) no-repeat;
    width: 561px;
    height: 452px;
    position: absolute;
    right: 0;
    bottom: 0
}
/*base service-center*/

.canvas .base.sc.all {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=service-center-all&v=201506291815) no-repeat;
    width: 561px;
    height: 452px;
    position: absolute;
    right: 0;
    bottom: 0
}
.canvas .base.sc.configuration {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=service-center-configuration&v=201506291815) no-repeat;
    width: 561px;
    height: 452px;
    position: absolute;
    right: 0;
    bottom: 0
}
.canvas .base.sc.monitoring {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=service-center-monitoring&v=201506291815) no-repeat;
    width: 561px;
    height: 452px;
    position: absolute;
    right: 0;
    bottom: 0
}
.canvas .base.sc.farm {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=service-center-web-farm&v=201506291815) no-repeat;
    width: 561px;
    height: 452px;
    position: absolute;
    right: 0;
    bottom: 0
}
.canvas .base.sc.cloud {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=service-center-cloud-farm&v=201506291815) no-repeat;
    width: 561px;
    height: 452px;
    position: absolute;
    right: 0;
    bottom: 0
}
/*base lifetime*/

.canvas .base.lt {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=lifetime&v=201506291815) no-repeat;
    width: 561px;
    height: 452px;
    position: absolute;
    right: 0;
    bottom: 0
}
.canvas .base.lt.staging {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=lifetime-deploy-cloud&v=201506291815) no-repeat;
    width: 561px;
    height: 452px;
    position: absolute;
    right: 0;
    bottom: 0
}
.canvas .base.lt.hybrid {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=lifetime-deploy-cloud-premises&v=201506291815) no-repeat;
    width: 561px;
    height: 452px;
    position: absolute;
    right: 0;
    bottom: 0
}
/*base integration-studio*/

.canvas .base.is.all {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=integration-studio1&v=201506291815) no-repeat;
    width: 561px;
    height: 452px;
    position: absolute;
    right: 0;
    bottom: 0
}
.canvas .base.is.net {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=integration-studio-net&v=201506291815) no-repeat;
    width: 561px;
    height: 452px;
    position: absolute;
    right: 0;
    bottom: 0
}
.canvas .base.is.java {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=integration-studio-java&v=201506291815) no-repeat;
    width: 561px;
    height: 452px;
    position: absolute;
    right: 0;
    bottom: 0
}
/* service-studio */

.canvas .service-studio, .canvas .service-studio.active:hover {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=tool-service-studio&v=201506291815) no-repeat;
    background-position: 0 0;
    width: 122px;
    height: 150px;
    bottom: 160px;
    position: absolute;
    left: -25px;
    z-index: 90
}
.canvas .service-studio.inactive {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=tool-service-studio&v=201506291815) no-repeat;
    background-position: 0 -325px;
    width: 122px;
    height: 144px
}
.canvas .service-studio:hover, .canvas .service-studio.inactive:hover {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=tool-service-studio&v=201506291815) no-repeat;
    background-position: 0 -161px;
    width: 122px;
    height: 149px
}
/* service center */

.canvas .service-center, .canvas .service-center.active:hover {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=tool-service-center&v=201506291815) no-repeat;
    background-position: 0 0;
    width: 122px;
    height: 130px;
    top: 50px;
    position: absolute;
    left: 50px;
    z-index: 90
}
.canvas .service-center.inactive {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=tool-service-center&v=201506291815) no-repeat;
    background-position: 0 -319px;
    width: 122px;
    height: 130px
}
.canvas .service-center:hover, .canvas .service-center.inactive:hover {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=tool-service-center&v=201506291815) no-repeat;
    background-position: 0 -160px;
    width: 122px;
    height: 130px
}
/* lifetime */

.canvas .lifetime, .canvas .lifetime.active:hover {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=tool-lifetime&v=201506291815) no-repeat;
    background-position: 0 0;
    width: 122px;
    height: 130px;
    top: 1px;
    position: absolute;
    left: 182px;
    z-index: 90
}
.canvas .lifetime.inactive {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=tool-lifetime&v=201506291815) no-repeat;
    background-position: 0 -319px;
    width: 122px;
    height: 130px
}
.canvas .lifetime:hover, .canvas .lifetime.inactive:hover {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=tool-lifetime&v=201506291815) no-repeat;
    background-position: 0 -160px;
    width: 122px;
    height: 130px
}
/* Integration Studio */

.canvas .integration-studio {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=tool-integration-studio&v=201506291815) no-repeat;
    background-position: 0 -480px;
    width: 122px;
    height: 140px;
    top: -4px;
    position: absolute;
    right: 38px;
    z-index: 90
}
.canvas .integration-studio:hover {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=tool-integration-studio&v=201506291815) no-repeat;
    background-position: 0 -634px;
    width: 122px;
    height: 150px;
    top: -7px;
    position: absolute;
    right: 38px;
    z-index: 90
}
.canvas .integration-studio.on-lifetime {
    top: 0;
    right: 0
}
.canvas .integration-studio.on-overview {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=tool-integration-studio&v=201506291815) no-repeat;
    background-position: 0 -3px;
    width: 122px;
    height: 145px;
    top: -6px;
    position: absolute;
    right: 38px;
    z-index: 90
}
.canvas .integration-studio.inactive {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=tool-integration-studio&v=201506291815) no-repeat;
    background-position: 0 -323px;
    width: 122px;
    height: 145px;
    top: -5px
}
.canvas .integration-studio.inactive:hover, .canvas .integration-studio.on-overview:hover {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=tool-integration-studio&v=201506291815) no-repeat;
    background-position: 0 -164px;
    width: 122px;
    height: 145px;
    top: -5px
}
.canvas .integration-studio.net {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=tool-integration-studio&v=201506291815) no-repeat;
    background-position: 0 -797px;
    width: 122px;
    height: 145px;
    top: -5px;
    position: absolute;
    right: 38px;
    z-index: 90
}
.canvas .integration-studio.net:hover {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=tool-integration-studio&v=201506291815) no-repeat;
    background-position: 0 -953px;
    width: 122px;
    height: 145px;
    top: -6px;
    position: absolute;
    right: 38px;
    z-index: 90
}
.canvas .integration-studio.java {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=tool-integration-studio&v=201506291815) no-repeat;
    background-position: 0 -1118px;
    width: 122px;
    height: 145px;
    top: -6px;
    position: absolute;
    right: 38px;
    z-index: 90
}
.canvas .integration-studio.java:hover {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=tool-integration-studio&v=201506291815) no-repeat;
    background-position: 0 -1276px;
    width: 122px;
    height: 145px;
    top: -5px;
    position: absolute;
    right: 38px;
    z-index: 90
}
.canvas .diagram-hint {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=hint&v=201506291815) no-repeat;
    background-position: 0 0;
    width: 115px;
    height: 115px;
    bottom: 207px;
    position: absolute;
    left: 227px;
    z-index: 90
}
.platform-cta-video {
    position: absolute;
    bottom: 65px
}
.platform-cta-video a {
    display: block;
    line-height: 45px;
    border: 1px solid #CCC;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #FFF;
    font-weight: 800;
    padding-left: 10px;
    width: 233px
}
.platform-cta-video a:hover {
    color: #C00;
    text-decoration: none
}
.platform-cta-video a:hover > .icon-platform-video {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=icons&v=201506291815) no-repeat;
    background-position: -44px -1591px;
    width: 32px;
    height: 23px
}
/* case studies */

.CaseStudiesHomeTable {
    margin-top: 35px;
    width: 100%
}
.DetailsMatrix {
    height: 347px;
    width: 100%;
    border: 1px solid #E6E6E6
}
.DetailsMatrixLeftSide {
    width: 127px;
    padding-left: 15px;
    vertical-align: top
}
.DetailsMatrixRightSide {
    width: 796px;
    vertical-align: top
}
.Category_tab_Seletect {
    font-weight: 700;
    font-size: 9pt;
    line-height: 13px;
    box-shadow: 1px 1px 4px #333;
    border-radius: 5px;
    padding: 4px;
    width: 105px;
    height: 36px;
    margin-right: 10px;
    background-color: #fff
}
a.Category_tab {
    background-color: #EFEFEF;
    text-decoration: none;
    font-weight: 700;
    font-size: 9pt;
    line-height: 13px;
    cursor: pointer;
    box-shadow: 1px 1px 4px #333;
    border-radius: 5px;
    padding: 4px;
    width: 105px;
    height: 36px;
    margin-right: 10px
}
.Type_Tab_Container {
    float: left;
    margin-right: 30px
}
a.Type_tab_systems, a.Type_tab_industries, a.Type_tab_apps {
    padding: 10px 30px;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    background-color: #E6E6E6;
    color: #666;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0
}
a.Type_tab_systems:hover, a.Type_tab_industries:hover, a.Type_tab_apps:hover {
    color: #c20
}
.Type_tab_Selected_industries, .Type_tab_Selected_apps, .Type_tab_Selected_systems {
    padding: 10px 30px;
    font-size: 14px;
    display: inline-block;
    font-weight: 700;
    background-color: #FFF;
    border: 1px solid #E6E6E6;
    border-bottom: 0;
    margin-bottom: -1px;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0
}
.SubType_tab_Selected {
    font-size: 12px;
    line-height: 14px;
    border-radius: 4px;
    padding: 5px;
    display: table;
    width: 105px;
    height: 36px;
    font-weight: 700;
    border: 1px solid #E6E6E6
}
a.SubType_tab {
    background-color: #E6E6E6;
    text-decoration: none;
    font-size: 12px;
    line-height: 14px;
    cursor: pointer;
    border-radius: 4px;
    padding: 5px;
    display: table;
    width: 105px;
    height: 36px;
    border: 1px solid #E6E6E6;
    color: #666
}
a.SubType_tab:hover, .SubType_tab_Selected:hover {
    color: #c20
}
.SubType_tab_Selected_systems {
    font-weight: 700;
    font-size: 9pt;
    line-height: 13px;
    box-shadow: 1px 1px 4px #333;
    border-radius: 5px;
    padding: 4px;
    display: table;
    width: 105px;
    height: 36px
}
.SubType_tab_Selected_apps {
    font-weight: 700;
    font-size: 9pt;
    line-height: 13px;
    box-shadow: 1px 1px 4px #333;
    border-radius: 5px;
    padding: 4px;
    display: table;
    width: 105px;
    height: 36px
}
a.ViewAllCasesLink {
    font-weight: 700;
    text-decoration: none;
    font-size: 10pt;
    display: table-cell;
    padding: 10px 0 5px 15px
}
.ViewAllCasesLink:hover {
    color: #C00
}
a.CaseStudyLink, a.CaseStudyLink:hover {
    text-decoration: none;
    color: #000
}
.CaseStudiesSummaryContainer {
    padding-bottom: 5px
}
.Summary {
    float: left;
    position: relative;
    margin-top: 5px;
    margin-right: 5px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 25px;
    padding-bottom: 25px;
    font-size: 10pt;
    line-height: 1.2em;
    width: 180px;
    height: 165px;
    padding-top: 10px;
    overflow: hidden
}
.Summary:hover {
    background-color: #E6E6E6
}
.summary-image-p {
    margin-bottom: 6px;
    text-align: center
}
.summary-image {
    cursor: pointer;
    width: 170px;
    height: 125px
}
.summary-title {
    margin-bottom: 12px;
    color: #333;
    font-weight: 700;
    padding-left: 8px;
    padding-right: 8px
}
.summary-fact1 {
    margin-bottom: 0;
    color: #444;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 11px
}
.summary-fact2 {
    margin-bottom: 12px;
    color: #444;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 11px
}
.FactTitle {
    color: #ff5a00;
    font-weight: 700
}
a.ViewMoreLink {
    font-weight: 700;
    text-decoration: none;
    font-size: 10pt;
    padding: 6px;
    display: table
}
.ViewMoreLink:hover {
    color: #C00
}
/** case studies **/

.case-studies-content h1 {
    text-align: center;
    margin-bottom: 36px
}
.h2cs {
    font-size: 22px;
    margin-bottom: 15px;
    line-height: 22px
}
.AppsAndCustomers_BoxMiddle .h2cs {
    padding-top: 10px;
    margin-top: 0
}
.cs-blue-box {
    padding: 20px 0;
    background-color: #628CB8;
    border-radius: 10px;
    color: #fff;
    font-family: 'myriad-pro', Arial, sans-serif
}
.cs-blue-box-left {
    width: 150px;
    margin-left: 35px;
    display: block;
    margin-top: 0;
    float: left
}
.cs-blue-box-right {
    width: 275px;
    margin-left: 0;
    display: inline-block
}
.cs-blue-box-detail {
    color: #ABCBEC;
    font-size: 18px
}
.cs-blue-box-left span {
    display: block
}
.cs-blue-box-detail-big {
    font-size: 24px
}
.case-studies-list-summary {
    margin-bottom: 25px;
    font-size: 13px;
    line-height: 1.2em;
    height: 185px;
    padding-top: 10px;
    overflow: hidden;
    text-align: center;
}
.case-studies-list-summary:hover {
    background-color: #E6E6E6
}
.case-studies-list-summary p.summary-fact1, .case-studies-list-summary p.summary-fact2 {
    display: none;
}
/** case-studies-category **/

.right-box-title {
    color: #1f5ba4;
    font-size: 16pt;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 10px;
    text-align: center
}
.right-box-text {
    font-size: 14px;
    line-height: 1.4em
}
.right-box {
    float: right;
    width: 228px;
    border: 1px solid #ddd;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -o-border-radius: 10px 10px 10px 10px;
    padding: 10px 20px;
    background-color: #ECECEC;
    margin-top: 16px
}
.cs-category-text {
    float: left;
    font-size: 16px;
    width: 640px
}
.check {
    vertical-align: top;
    margin-top: 3px
}
.check-text {
    line-height: 1.6em;
    margin: 10px 0
}
.open-quote {
    font-family: Candara, Georgia, Trebuchet, sans-serif;
    color: #c00;
    font-weight: 700;
    float: left;
    font-size: 500%;
    padding-right: 4px;
    padding-top: 0;
    margin-top: -20px;
    padding-bottom: 0;
    line-height: 1;
    height: 30px;
    margin-left: 25px;
    margin-bottom: 115px
}
.close-quote {
    font-family: Candara, Georgia, Trebuchet, sans-serif;
    color: #c00;
    font-weight: 700;
    padding-top: 0;
    line-height: 12px;
    font-size: 18px
}
.quote-text {
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 1.4em
}
/* Case Study Detail */

.overview-desc h1, .AppsAndCustomers_LeftSide h1 {
    line-height: 26px;
    margin-top: 25px;
    font-size: 24px
}
.cs-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 980px;
    height: 390px;
    min-height: 390px;
    z-index: -10;
    background-size: 100% auto
}
.cs-banner.casestudy {
    height: 380px;
    min-height: 230px;
    background-position: 50% 50%!important;
    background-size: auto 380px!important
}
.Header_Nav_Breadcrumb {
    background-color: #000;
    opacity: .6;
    color: #FFF;
    width: auto;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 270px;
    margin-bottom: 30px;
    position: absolute;
    z-index: 9999;
    margin-left: 28px;
    font-size: 12px
}
.Header_Nav_Breadcrumb a, .Header_Nav_Breadcrumb a:link, .Header_Nav_Breadcrumb a:visited {
    color: #fff;
    text-decoration: underline
}
.header .Header.inner {
    background: none repeat scroll 0 0 #000;
    height: 58px;
    position: relative;
    width: 980px
}
.AppsAndCustomers_LeftSide li, .AppsAndCustomers_BoxMiddle li {
    margin-left: 25px
}
.AppsAndCustomers_LeftSide ul, .AppsAndCustomers_BoxMiddle ul {
    padding-top: 10px
}
.AppsAndCustomers_BoxMiddle ul li ul li {
    margin-left: 20px
}
.AppsAndCustomers_LeftSide li {
    margin-bottom: 20px
}
.list-overview-cs {
    margin-top: 25px;
    margin-bottom: 30px;
    font-size: 11pt;
    line-height: 15pt
}
.list-overview-cs li {
    padding-bottom: 10pt;
    margin-left: 24px!important
}
.overview-dw-pdf {
    margin-bottom: 40px;
    margin-top: 20px
}
.overview-dw-pdf a {
    color: #1F5BA4
}
.overview-dw-pdf .dw-pdf {
    margin-left: 10px
}
.overview-links {
    float: left;
    height: auto;
    width: 640px
}
.quote-text {
    margin-left: 100px;
    margin-right: 50px
}
.quote-author {
    text-align: right;
    margin-left: 100px;
    margin-right: 50px;
    font-style: italic;
    font-weight: 700
}
.tb-summaries {
    float: left
}
.overview-desc {
    width: 640px
}
.overview-socials {
    width: 300px;
    float: left
}
.overview-details-box {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=bg-box-cs-detail&v=201506291815);
    background-position: 0 -200px;
    background-color: #FFF;
    height: 410px;
    width: 300px;
    margin-top: -75px;
    margin-left: 40px;
    border-radius: 4px 4px 0 0
}
.related-content-box {
    width: 280px;
    margin-top: -55px;
    float: right;
    margin-left: 97px
}
.related-content-box a {
    color: #1F5BA4;
    float: left;
    width: 200px;
    padding-left: 20px;
    padding-top: 28px
}
.related-content-box h2 {
    color: #0d2a5a
}
.related-content-img {
    float: left;
    clear: both;
    padding-top: 20px
}
#socials {
    margin-left: 105px;
    width: 190px;
    position: absolute;
    overflow: hidden;
    margin-top: 50px
}
#fb {
    display: block;
    margin-left: 5px;
    margin-top: 0;
    position: absolute
}
.fb_reset {
    left: -600px;
    position: absolute
}
#gplus {
    display: block;
    margin-left: 63px;
    margin-top: 0;
    position: absolute
}
#twitter {
    display: block;
    margin-left: 125px;
    margin-top: 0;
    position: absolute
}
.metrics-box-div {
    text-align: center;
    height: 380px
}
.table-metrics {
    margin-left: 50px
}
.table-metrics-logo {
    margin-top: 15px
}
.table-metrics td {
    text-align: left
}
.table-metrics .td-orange {
    padding-left: 8px
}
.table-metrics-ca {
    margin-left: 30px;
    width: 210px
}
.table-metrics-ca h2 {
    color: #1F5BA4;
    margin-bottom: 8px;
    margin-left: 8px;
    font-size: 16px;
    margin-top: 0
}
.table-metrics-ca p {
    line-height: 15px;
    margin-left: 8px
}
#table-metrics-img-ca {
    margin-top: 15px;
    margin-bottom: 20px
}
.AppsAndCustomers_BoxTop {
    background-image: url(/img/box_300_top.png);
    background-position: left bottom;
    background-repeat: no-repeat
}
.AppsAndCustomers_BoxMiddle {
    padding-left: 20px;
    padding-right: 20px;
    background-image: url(/img/box_300_mid.png);
    background-repeat: repeat-y
}
.AppsAndCustomers_BoxBottom {
    background-image: url(/img/box_300_bottom.png);
    background-repeat: no-repeat
}
/* End Case Study Detail */
/* news */

.news_release {
    margin-top: -15px
}
/* download */

.thank-you-header {
    height: 330px
}
#download-container {
    display: none
}
#download-hero-section-details .ico-holder {
    float: left;
    padding-right: 40px
}
#download-hero-section-details .details {
    width: 326px;
    float: left
}
#download-hero-section-details p {
    font-size: 14px;
    margin-top: 0
}
#download-hero-section-details p.number {
    font-weight: 600;
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 0
}
#download-hero-section-details {} #download-hero-section-details h5 {
    margin-bottom: 10px
}
#download-hero-section-details h5 {
    margin-bottom: 5px
}
#download-bottom-section h4, #download-bottom-section p.download-lead, #download-bottom-section h3 {
    text-align: center
}
#download-bottom-section p.download-lead {
    font-size: 16px;
    line-height: 24px
}
.download-contact-cta {
    font-size: 18px;
    text-align: center;
    margin-top: 50px
}
.download-box-form {
    background-color: #F2F2F2
}
.download-box-shadow {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=shadow-span5&v=201506291815) no-repeat;
    background-position: 0 100%;
    height: 343px
}
#download-box-enterprise h1, #download-box-enterprise h2 {
    color: #69C;
    margin-top: 20px
}
#download-box-community h1, #download-box-community h2 {
    color: #83BF00;
    margin-top: 20px
}
#download-box-community a {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=gradient-green&v=201506291815) repeat-x;
    background-color: #83BF00;
    font-family: 'myriad-pro', Arial, sans-serif;
    font-size: 16px;
    height: 50px;
    width: 100%;
    color: #FFF;
    line-height: 50px;
    text-decoration: none;
    position: absolute;
    bottom: 0;
    left: 0
}
#download-box-community a:hover {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=gradient-darkgreen&v=201506291815) repeat-x;
    background-color: #83BF00
}
#download-box-enterprise a {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=gradient-blue&v=201506291815) repeat-x;
    background-color: #69C;
    font-family: 'myriad-pro', Arial, sans-serif;
    font-size: 16px;
    height: 50px;
    width: 100%;
    color: #FFF;
    line-height: 50px;
    text-decoration: none;
    position: absolute;
    bottom: 0;
    left: 0
}
#download-box-enterprise a:hover {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=gradient-navy&v=201506291815) repeat-x;
    background-color: #69C
}
#download-box-community a:after, #download-box-enterprise a:after {
    display: block;
    content: "";
    border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 10px;
    height: 0;
    width: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 0
}
#features-table h3.enterprise, #features-table h5.enterprise {
    color: #69C;
    margin-bottom: 0
}
#features-table h3.community, #features-table h5.community {
    color: #83BF00;
    margin-bottom: 0
}
#features-table {
    width: 100%;
    text-align: center;
    white-space: nowrap
}
#features-table tr td:first-child {
    text-align: left
}
#features-table td:nth-child(2), #features-table td:nth-child(4) {
    background-color: #ECECEC
}
#features-table td.header {
    background-color: #FFF;
    border: 1px solid #ECECEC;
    border-bottom: 0;
    padding: 35px 0;
    width: 314px
}
#features-table td.cta {
    background-color: #FFF
}
#features-table td:nth-child(3) {
    width: 30px
}
#features-table td.feature {
    border-top: 1px dashed #DDD
}
#features-table div.triangle {
    margin: 10px 0 0
}
#features-table div.triangle:after {
    display: block;
    display: none\9;
    /* IE8 and below */
    
    content: "";
    border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 10px;
    height: 0;
    width: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: -25px
}
#features-table td {
    padding: 15px 0
}
#continue-trial-or-upgrade {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=community-or-upgrade&v=201506291815);
    background-position: center top;
    background-repeat: no-repeat;
    height: 360px;
    text-align: center
}
.hero-section-trial-or-upgrade h1 {
    line-height: 50px;
    font-size: 40px;
    margin-bottom: 0;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px
}
/* customers */

.customers-industry-entry {
    margin-bottom: 10px
}
.customers-industry-title {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=industry_arrow&v=201506291815);
    background-repeat: no-repeat;
    background-position: center;
    height: 100px;
    line-height: 100px;
    padding-left: 20px
}
.customers-industry-title a, .customers-industry-title a:hover, .customers-industry-title a:visited, .customers-industry-title a:active {
    border: none;
    outline: none;    
}
.customers-industry-title h5 {
    line-height: 100px;    
}
.customer-line-wrapper {
    margin-left: -24px
}
.customer-matrix-entry, .customer-matrix-entry-nodetail {
    display: inline-block;
    margin-left: 15px;
    position: relative;
    border: 1px solid #E6E6E6;
    cursor: pointer
}
.customer-matrix-entry-nodetail {
    cursor: default
}
.customer-matrix-entry:hover {
    border: 1px solid #CB2100;
    cursor: pointer
}
.customer-matrix-entry.collapse {
    border: 1px solid #CB2100
}
.customer-matrix-entry.expand > i {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=icons&v=201506291815) no-repeat;
    display: inline-block;
    background-position: -51px -280px;
    width: 25px;
    height: 25px;
    position: absolute;
    bottom: 0;
    right: 0
}
.customer-matrix-entry.collapse > i, .customer-matrix-entry:hover.collapse > i {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=icons&v=201506291815) no-repeat;
    display: inline-block;
    background-position: -51px -356px;
    width: 25px;
    height: 25px;
    position: absolute;
    bottom: 0;
    right: 0
}
.customer-matrix-entry:hover > i {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=icons&v=201506291815) no-repeat;
    display: inline-block;
    background-position: -51px -318px;
    width: 25px;
    height: 25px;
    position: absolute;
    bottom: 0;
    right: 0
}
.customer-matrix-entry img {} .customers-matrix-entry-details {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=quote-line-span6&v=201506291815);
    background-repeat: no-repeat;
    padding-top: 12px;
    margin-top: 10px;
    margin-left: 5px
}
.customers-matrix-entry-details-inner {
    background-color: #E6E6E6;
    padding: 15px
}
.customers-matrix-entry-details-inner a {
    margin-right: 30px
}
.customers-matrix-entry-details-inner ul {
    margin-left: 20px
}
.customers-case-study-preview {
    background-image: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=headshot-placeholder&v=201506291815);
    background-repeat: no-repeat;
    background-position: bottom left;
    padding: 20px;
    height: 350px;
    position: relative;
    background-color: #f2f2f2
}
.customers-case-study-preview-title {
    text-align: center
}
.customers-case-study-preview-logo {
    height: 65px;
    overflow: hidden
}
.customers-case-study-preview-text {} .customers-case-study-preview-author {
    font-weight: 800;
    color: #868686;
    position: absolute;
    bottom: 50px;
    right: 10px;
    width: 135px
}
.customers-case-study-preview-role {
    display: block;
    font-weight: 400;
    color: #868686
}
.customers-case-study-preview-link {
    position: absolute;
    bottom: 20px;
    right: 10px;
    margin-bottom: 0
}
.icon-customer-featured-folder {
    background-position: -58px -248px;
    width: 20px;
    height: 17px;
    margin-right: 5px
}
.icon-customer-featured-trophy {
    background-position: -58px -214px;
    width: 21px;
    height: 19px;
    margin-right: 5px
}
#filter {
    padding: 5px;
    border: 1px solid #e6e6e6
}
ul {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}
.image-grid li {
    width: 162px;
    float: left;
    text-align: center;
    height: 120px;
    overflow: hidden;
    list-style: square;
    line-height: 120px;
    border: 1px solid #e6e6e6;
    margin-right: -1px;
    margin-bottom: -1px
}
.image-grid li a {
    display: block;
    width: 163px;
    height: 120px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out
}
.image-grid li a:hover {
    -moz-box-shadow: inset 0 0 20px #e6e6e6;
    -webkit-box-shadow: inset 0 0 20px #e6e6e6;
    box-shadow: inset 0 0 20px #e6e6e6
}
/*** footer ***/

#footer-wrapper {
    display: block;
    overflow: hidden;
    font-size: 12px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
    background-color: #333
}
#footer-top-wrapper {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=footeg-gradient-top&v=201506291815) repeat-x;
    background-position: bottom;
    border-bottom: 1px solid #111;
    display: block;
    overflow: hidden;
    padding: 20px 0;
    background-color: #000
}
#footer-top {
    position: relative;
    color: #ccc
}
#footer-mid-wrapper {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=footer-gradient&v=201506291815) repeat-x;
    background-position: top;
    border-top: 1px solid #333;
    display: block;
    overflow: hidden
}
#footer-mid {
    color: #CCC;
    font-size: 14px
}
#footer-mid ul {
    list-style: none
}
#footer-mid ul.footer-nav {
    margin-top: 30px;
    height: 260px
}
#footer-mid li {
    line-height: 26px
}
#footer-mid li p.details {
    margin: 0 0 6px;
    line-height: 12px;
    color: #AAA;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 308px;
    display: block;
    overflow: hidden
}
#footer-mid .events-more {} #footer-mid li.title {
    color: #fff;
    font-family: 'myriad-pro', Arial, sans-serif;
    font-size: 19px;
    margin-bottom: 10px
}
#footer-mid a {
    font-size: 14px;
    text-decoration: none;
    color: #ccc;
    border: none;
    -webkit-transition: all ease-in-out .15s;
    -moz-transition: all ease-in-out .15s;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 308px;
    display: block;
    overflow: hidden
}
#footer-mid a:hover {
    color: #fff
}
#footer-mid ul.social-icons li {
    display: inline-block;
    margin-right: 10px
}
#footer-mid ul.social-icons {
    margin-top: 27px
}
#footer-mid a.twitter, #footer-mid a.facebook, #footer-mid a.google, #footer-mid a.linkedin {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=icons&v=201506291815) no-repeat;
    width: 21px;
    height: 21px;
    text-indent: -9999px;
    display: inline-block
}
#footer-mid a.twitter {
    background-position: -29px -551px
}
#footer-mid a:hover.twitter {
    background-position: -29px -581px
}
#footer-mid a.facebook {
    background-position: -1px -551px
}
#footer-mid a:hover.facebook {
    background-position: -1px -581px
}
#footer-mid a.google {
    background-position: -29px -611px
}
#footer-mid a:hover.google {
    background-position: -29px -641px
}
#footer-mid a.linkedin {
    background-position: -1px -611px
}
#footer-mid a:hover.linkedin {
    background-position: -1px -641px
}
#footer-mid .contact-us-title {
    font-family: 'myriad-pro', Arial, sans-serif;
    font-size: 28px;
    color: #fff;
    padding-bottom: 16px
}
#footer-mid .contact-us-address {
    font-family: 'myriad-pro', Arial, sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #aaa;
    padding-right: 20px;
    white-space: nowrap
}
#footer-mid .contact-us-phone {
    font-family: 'myriad-pro', Arial, sans-serif;
    font-size: 19px;
    color: #aaa;
    padding-top: 15px
}
#footer-mid .contact-us-phone a {
    width: auto
}
#footer-mid .contact-us-more {} #footer-mid .events-more {} #footer-mid .contact-us-more, #footer-mid .events-more {
    font-family: Arial, sans-serif;
    font-size: 13px
}
#footer-mid .contact-us-more a, #footer-mid .events-more a {
    color: #69c
}
#footer-mid .contact-us-more a:hover, #footer-mid .events-more a:hover {
    color: #ABCBEC
}
#footer-mid.us {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=footer-us&v=201506291815) no-repeat;
    background-position: right bottom
}
#footer-mid.us .contact-us-more a {
    margin-top: 20px
}
#footer-mid.pt {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=footer-pt&v=201506291815) no-repeat;
    background-position: right bottom
}
#footer-mid.pt .contact-us-more a {
    margin-top: 40px
}
#footer-mid.au {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=footer-au&v=201506291815) no-repeat;
    background-position: right bottom
}
#footer-mid.au .contact-us-more a {
    margin-top: 40px
}
#footer-mid.br {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=footer-br&v=201506291815) no-repeat;
    background-position: right bottom
}
#footer-mid.br .contact-us-more a {
    margin-top: 40px
}
#footer-mid.nl {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=footer-nl&v=201506291815) no-repeat;
    background-position: right bottom
}
#footer-mid.nl .contact-us-more a {
    margin-top: 20px
}
#footer-bottom-wrapper {
    display: block;
    overflow: hidden;
    padding: 5px 0;
    background-color: #fff;
    text-shadow: none
}
#footer-bottom .copy {
    float: right
}
#footer-bottom .legal a {
    color: gray;
    line-height: 16px;
    height: 16px;
    vertical-align: top
}
#footer-bottom .legal p {
    margin: 0;
    vertical-align: top;
    line-height: 16px;
    height: 16px
}
#footer-bottom .legal ul {
    margin: 0 15px
}
#footer-bottom .legal p, #footer-bottom .legal ul, #footer-bottom .legal li {
    display: inline
}
#footer-bottom .legal li+li:before {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    content: '?';
    font-size: 16px;
    font-weight: 700;
    vertical-align: 0;
    line-height: 16px
}
.by-line, #download-hero-section-details .by-line {
    line-height: 15px;
    font-size: 12px;
    color: #888;
    font-family: Arial, sans-serif;
    margin-bottom: 0
}
.navigation-bar li {
    float: left;
    height: 50px
}
.navigation-bar li a {}
/** landings **/

.landing-slim-content-wrapper {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=top&v=201506291815);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: bottom;
    position: relative;
    padding-top: 30px;
    padding-bottom: 80px
}
.landing-slim-title {
    text-align: center;
    display: inline-block;
    margin-bottom: 40px
}
.landing-slim-title .sub-header span {
    text-decoration: line-through
}
.landing-slim-title h1 {
    margin-bottom: 10px
}
.landing-slim-title .sub-header h4 {
    color: gray;
    font-weight: 400
}
.landing-slim .bullets {
    font-weight: 600
}
ol.circles-list {
    list-style-type: none;
    margin: 0;
    margin-left: 0;
    padding: 0
}
ol.circles-list > li {
    position: relative;
    margin-bottom: 15px;
    display: table;
    vertical-align: middle;
    line-height: 22px
}
.landing-slim-icon {
    font-size: 22px;
    display: table-cell;
    vertical-align: top
}
.lp-heading {
    font-size: 36px;
    margin-top: 35px;
    line-height: 45px;
    margin-bottom: 10px
}
.hero-ga-lp {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=bigtop&v=201506291815), url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=big-top-repeat&v=201506291815);
    background-position: center;
    background-repeat: no-repeat, repeat-x;
    background-color: rgba(0, 0, 0, 0);
    height: 390px;
    box-shadow: none;
    filter: none
}
.hero-ga-lp-1 {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=biggesttop&v=201506291815), url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=big-top-repeat&v=201506291815);
    background-position: center;
    background-repeat: no-repeat, repeat-x;
    background-color: rgba(0, 0, 0, 0);
    height: 480px;
    box-shadow: none;
    filter: none
}
.lp-quote-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    height: 108px;
    vertical-align: text-bottom
}
.lp-quote-line {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=quote-line&v=201506291815) no-repeat left center;
    display: block;
    height: 12px;
    margin-top: 10px;
    margin-bottom: 8px
}
.lp-vid-placeholder img {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=lp-video&v=201506291815)
}
.iconlp-fontcolor {
    font-size: 28px;
    color: #adcae8
}
.icon-lp-develop {
    background-position: -5px -2243px;
    width: 33px;
    height: 28px;
    margin: 25px
}
.icon-lp-deploy {
    background-position: -47px -2243px;
    width: 33px;
    height: 28px;
    margin: 25px
}
.icon-lp-manage {
    background-position: -5px -2286px;
    width: 33px;
    height: 28px;
    margin: 25px
}
.icon-lp-change {
    background-position: -45px -2286px;
    width: 33px;
    height: 28px;
    margin: 25px
}
.lp-quote-author {
    font-size: 16px;
    font-weight: 800;
    color: #868686;
    font-style: italic;
    line-height: 12px;
    margin-left: 5px
}
.lp-quote-pos {
    font-size: 14px;
    font-weight: 400;
    color: #868686;
    font-style: italic;
    display: block;
    margin-left: 5px
}
#landing {
    font-size: 14px;
    line-height: 22px
}
#landing h1 {
    text-align: center;
    font-weight: 800
}
h1.landing {
    font-size: 30px;
    text-align: center;
    padding-top: 30px;
    line-height: 40px
}
#landing h2 {
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 30px;
    margin-top: 30px
}
#landing h3 {
    font-size: 23px;
    margin-top: 30px;
    color: #35699B
}
#landing .open-quote {
    padding: 0;
    margin-left: 50px;
    margin-top: -15px;
    font-family: Candara, Georgia, Trebuchet, sans-serif;
    color: #C00;
    font-weight: 700;
    float: left;
    font-size: 500%;
    line-height: 1;
    margin-bottom: 50px
}
#landing .quote-text {
    margin-left: 40px;
    margin-right: 40px
}
#landing .quote-author {
    font-size: 14px
}
#landing .numbering {
    font-size: 32px;
    color: #999;
    line-height: 0;
    text-align: left;
    margin-top: 40px
}
#landing .span-numbering {
    width: 30px
}
#landing .span-image {
    margin-left: 85px;
    width: 325px
}
#landing .span-text {
    width: 545px;
    margin-left: 50px
}
.vid-placeholder {
    float: left;
    display: block;
    position: relative;
    text-decoration: none;
    _display: inline
}
.vid-placeholder .caption {
    background: rgba(0, 0, 0, 0.7);
    display: block;
    color: #FFF;
    position: absolute;
    bottom: 0;
    left: 0;
    width: auto;
    min-width: 100%
}
.vid-placeholder .caption {
    bottom: 0;
    left: 1px;
    right: 1px;
    min-width: 325px
}
.vid-placeholder .demo-title {
    font-size: 16px;
    display: block;
    padding: 5px 10px;
    color: #FFF
}
.Body_Menu_Right a, .Body_Menu_Left a {
    text-decoration: underline
}
.number {
    font-weight: 700;
    font-size: 40px;
    color: #1F5BA4;
    width: 24px;
    padding: 0;
    line-height: 1em
}
.content {
    padding: 0 20px 20px
}
.content p {
    margin-top: 0
}
/* sections pages */

.page-section {} .page-section h1 {
    padding-top: 30px;
    line-height: 38px;
    margin-bottom: 0;
    text-align: center
}
.page-section h4 {
    padding-top: 15px;
    text-align: center;
    line-height: 34px
}
.page-section h4.last-section {
    padding-top: 45px;
    text-align: center;
    padding-bottom: 35px;
    line-height: 34px
}
.page-section h4.mobile {
    padding-bottom: 20px;
    padding-top: 30px;
    text-align: center;
    line-height: 34px
}
.page-section li {
    margin-left: 28px;
    padding: 5px 0
}
.page-section .details {
    float: left;
    width: 530px;
    font-size: 16px
}
.nextSteps {
    font-size: 16px
}
.page-section .q-title {
    padding-top: 0;
    color: #1F5BA4;
    font-size: 24px;
    margin-top: 0;
    line-height: 30px
}
.page-section .download-links {
    font-size: 16px;
    padding-bottom: 30px
}
.nextSteps ol li {
    padding-bottom: 15px
}
.nextSteps ol {
    padding-bottom: 15px;
    padding-left: 0
}
.liheader {
    font-weight: 700;
    color: #1F5BA4
}
ul.checkmarks {
    list-style: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=check.png&v=201506291815);
    margin-left: 28px
}
.page-section td.question {
    font-weight: 700;
    font-size: 40px;
    color: #1F5BA4;
    width: 24px;
    padding: 0
}
/* custom apps */

.feature-columns {
    min-height: 170px
}
.feature-column {
    float: left;
    width: 215px
}
.feature-column h3 {
    line-height: 1em;
    margin-bottom: .6em
}
.sample_case_study {
    float: left;
    width: 170px;
    margin-right: 32px;
    height: 272px
}
.sample_case_study h3 {
    text-align: left;
    font-size: 16px;
    vertical-align: middle;
    line-height: 1.2em;
    margin: 0 0 5px
}
.sample_case_study p {
    font-size: 14px;
    line-height: 1.4em;
    height: 74px
}
.sample_case_study a {
    font-size: 12px;
    white-space: nowrap;
    line-height: 1.5em
}
#col-next {
    margin-left: 40px
}
.detail-column {
    float: left;
    width: 300px
}
#detail-next {
    margin-left: 40px
}
.apps-body {
    background-color: #f2f2f2
}
.apps-body h2 {
    margin-bottom: 30px
}
.app-card {
    background: #fff;
    margin-bottom: 28px
}
a.app-card:hover {
    text-decoration: none;
    background-color: #ededed
}
.app-card h5.card-h {
    color: #fff;
    display: table;
    width: 100%;
    padding: 10px 10px 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 400
}
.app-card h5 span:nth-child(2) {
    display: table-cell;
    vertical-align: middle;
    width: 100%
}
h5.card-h a {
    text-decoration: none;
    display: table
}
.app-card-icon {
    float: left;
    font-size: 40px;
    padding: 0;
    text-align: center;
    text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.3);
    margin: 0 15px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 15%;
    -moz-border-radius: 15%;
    -webkit-border-radius: 15%;
    min-width: 60px
}
.app-card-icon:before {
    display: block
}
.card-bottom {
    padding: 0 10px 10px
}
.app-card .card-desc {
    font-size: 14px;
    color: #333;
    display: table;
    margin-bottom: 5px
}
.apps-top {
    position: relative;
    margin-bottom: 50px
}
.apps-top .image-holder {
    position: absolute;
    right: 0;
    top: 10px
}
.apps-top h1 {
    margin-bottom: 35px
}
.apps-icon-toggle {
    display: none
}
/* Slider Style */

.pxs_container {
    width: 100%;
    position: relative;
    overflow: hidden
}
.pxs_slider_wrapper {
    display: none
}
.pxs_container ul {
    margin: 0;
    padding: 0;
    list-style: none
}
ul.pxs_slider {
    position: absolute;
    left: 0;
    top: 0;
    height: 440px
}
ul.pxs_slider li {
    height: 440px;
    float: left;
    position: relative
}
ul.pxs_slider li div.slider-container {
    width: 980px;
    margin: 0 auto;
    position: relative;
    font-size: 16px
}
ul.pxs_slider ul.list li {
    height: auto;
    float: none;
    position: relative
}
.pxs_navigation {
    display: none
}
.pxs_loading {
    color: #fff;
    font-size: 20px;
    padding: 15px 15px 15px 50px;
    position: absolute;
    background: #333 url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=ajax-loader&v=201506291815) no-repeat 10px 50%;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    opacity: .7;
    width: 180px;
    position: absolute;
    top: 150px;
    left: 50%;
    margin-left: -90px
}
ul.pxs_thumbnails li a.bullet {
    display: inline-block;
    background-color: #808080;
    padding: 4px;
    border-radius: 6px;
    -webkit-transition: opacity 0.5s linear;
    -moz-transition: opacity 0.5s linear;
    -ms-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
    height: 2px;
    width: 2px;
    font-size: 0px;
}
ul.pxs_thumbnails li.selected a.bullet {
    background-color: #cccccc;
}
ul.pxs_thumbnails li {
    display: inline-block;
    position: relative
}
ul.pxs_thumbnails li a.bullet:hover {
    cursor: pointer;
}
ul.pxs_thumbnails li.selected a.bullet:hover {
    cursor: default;
}
.play-video-overview {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=cta-video&v=201506291815) no-repeat -1px -1px;
    background-color: rgba(0, 0, 0, 0);
    width: 271px;
    height: 46px;
    display: block;
    cursor: pointer;
    color: rgba(0, 0, 0, 0);
    font-size: 0
}
.play-video-overview:hover {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=cta-video&v=201506291815) no-repeat -1px -50px;
    width: 271px;
    height: 46px;
    background-color: rgba(0, 0, 0, 0);
    display: block;
    cursor: pointer;
    color: rgba(0, 0, 0, 0);
    font-size: 0
}
/**BR**/

.play-video-overview-br {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=cta-video_BR&v=201506291815) no-repeat -32px -1px;
    width: 210px;
    height: 45px;
    background-color: rgba(0, 0, 0, 0);
    display: block;
    cursor: pointer;
    color: rgba(0, 0, 0, 0);
    font-size: 0
}
.play-video-overview-br:hover {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=cta-video_BR&v=201506291815) no-repeat -32px -50px;
    width: 210px;
    height: 45px;
    background-color: rgba(0, 0, 0, 0);
    display: block;
    cursor: pointer;
    color: rgba(0, 0, 0, 0);
    font-size: 0
}
/**NL**/

.play-video-overview-nl {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=cta-video_NL&v=201506291815) no-repeat -22px -1px;
    width: 230px;
    height: 45px;
    background-color: rgba(0, 0, 0, 0);
    display: block;
    cursor: pointer;
    color: rgba(0, 0, 0, 0);
    font-size: 0
}
.play-video-overview-nl:hover {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=cta-video_NL&v=201506291815) no-repeat -22px -50px;
    width: 230px;
    height: 45px;
    background-color: rgba(0, 0, 0, 0);
    display: block;
    cursor: pointer;
    color: rgba(0, 0, 0, 0);
    font-size: 0
}
.play-video-overview-product {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=cta-video&v=201506291815) no-repeat -280px -1px;
    background-color: rgba(0, 0, 0, 0);
    width: 271px;
    height: 46px;
    display: block;
    cursor: pointer;
    color: rgba(0, 0, 0, 0);
    font-size: 0;
    margin-bottom: 5px
}
.play-video-overview-product:hover {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=cta-video&v=201506291815) no-repeat -280px -50px;
    background-color: rgba(0, 0, 0, 0);
    width: 271px;
    height: 46px;
    display: block;
    cursor: pointer;
    color: rgba(0, 0, 0, 0);
    font-size: 0;
    margin-bottom: 5px
}
/**  news/press section  **/

h4 a.press-list-link:link, h4 a.press-list-link:active, h4 a.press-list-link:visited {
    display: block;
    text-decoration: none
}
h4 a.press-list-link:hover {
    color: #cb2100;
    text-decoration: none;
    display: block
}
.press-list-title {
    color: #69c;
    display: block
}
.press-list-desc {
    display: block;
    padding-top: 5px
}
.press-list-details {
    display: block
}
.press-list-item {
    margin-bottom: 40px
}
.press-list-item-left {
    margin-bottom: 40px;
    padding-right: 20px
}
.press-list-image {
    float: left;
    width: 84px
}
.press-list-content-highlight {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=quote-line-span6&v=201506291815);
    background-repeat: no-repeat;
    padding-top: 12px;
    margin-top: 10px;
    background-position: -910px 0
}
.press-list-content-highlight-inner {
    background-color: #E6E6E6;
    padding: 15px
}
.press-list-content {
    display: inline-block;
    width: 364px;
    margin-left: 28px
}
.show-more-wrapper {
    text-align: center
}
.main-quote-background {
    background-color: gray;
    padding: 10px 20px;
    color: #FFF;
    font-style: italic;
    height: 165px;
    margin-top: 20px
}
.main-quote-background:after {
    content: url('/CMS_BackOffice/ResourceLink.aspx?ResourceName=news-FICO-page3&v=201506291815');
    position: relative;
    z-index: 999!important;
    left: -35px;
    top: -100px
}
.sidebar-quote-background {
    background-color: #E6E6E6;
    padding: 10px 20px;
    font-style: italic;
    margin-bottom: 30px;
    padding-bottom: 0
}
.sidebar-quote-background:after {
    content: url('/CMS_BackOffice/ResourceLink.aspx?ResourceName=news-FICO-page4&v=201506291815');
    position: relative;
    z-index: 999!important;
    left: 0;
    top: 20px
}
/* mobile */

ul.mobile-bullets {
    list-style: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=bullet-blue&v=201506291815)
}
.more-resources-back {
    background-color: #E6E6E6;
    padding: 30px 0
}
/* career */

.career-box {
    color: #fff;
    padding: 20px
}
.career-caption-wrapper {
    margin-top: -170px;
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute
}
.career-caption {
    color: #FFF
}
.career-caption p {
    padding: 0 20px
}
.career-caption .span7 p {
    padding: 0 20px;
    padding-right: 30px
}
.career-caption h2 {
    padding: 0 20px;
    padding-top: 20px;
    color: #FFF;
    margin-bottom: 10px
}
.job-posts-box {} .send-cv-back {
    color: #fff
}
.send-cv-back a {
    display: block;
    width: 215px;
    background-color: #69c;
    text-decoration: none;
    line-height: 40px;
    padding: 5px 15px
}
.send-cv-back a:hover {
    background-color: #326598
}
.careers-breadcrumb {
    margin-top: -25px;
    margin-bottom: 30px
}
.col-back {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=careers-fundo_coluna&v=201506291815);
    background-repeat: repeat-y;
    background-color: rgba(0, 0, 0, 0);
    height: 390px;
    padding-top: 15px;
    padding-left: 15px;
    width: 293px
}
/** mangment **/

.management-box {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=Mteam-fundo-coluna&v=201506291815);
    background-repeat: repeat-x;
    background-position: top;
    background-color: rgba(0, 0, 0, 0);
    height: 300px;
    padding: 15px;
    padding-top: 1px
}
.mngt-person {
    text-align: center;
    margin-bottom: 50px;
    opacity: 0
}
.mngt-person .photo {
    margin-bottom: 5px;
    height: 131px;
    width: 100%;
    cursor: pointer
}
.mngt-person h3 {
    margin-bottom: 10px
}
.mngt-person p {
    color: gray
}
.mngt-person img {
    border: 3px solid rgba(170, 170, 170, 0);
    border-radius: 50%
}
.photo {
    display: inline-block;
    position: relative
}
.photo img:last-child {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    margin-left: -66px;
    margin-top: -67px;
    border-radius: 50%;
    border: 3px solid #aaa;
    padding: 1px;
    background: hsla(0, 100%, 100%, 0)
}
.mngt-bio-person {
    display: none
}
.photo.active img:last-child {
    display: block!important
}
.mngt-bio-default {
    display: none
}
.mngt-person-m {
    text-align: center;
    margin-bottom: -10px;
    padding: 10px
}
.mngt-person-m .photo {
    height: 100px;
    width: 100px;
    float: left;
    margin-right: 10px;
    position: relative;
    cursor: pointer
}
.mngt-person-m h5 {
    margin-bottom: 0;
    color: #c20
}
.mngt-person-role-m p {
    color: gray;
    margin-bottom: 0
}
.mngt-person-m .mngt-person-role-m {
    height: 100px;
    text-align: left;
    padding-top: 10px
}
.mngt-person-m .photo {
    display: inline-block;
    position: relative
}
.mngt-person-m .photo img:last-child {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    margin-left: -50px;
    margin-top: -50px;
    border-radius: 0;
    border: none;
    padding: 0;
    background: none
}
.mngt-person-m .photo.active img:last-child {
    display: block!important
}
.mngt-person-desc-m {
    text-align: left;
    padding: 0 15px;
    display: none
}
.mngt-person-m.active {
    background-color: #e6e6e6;
    padding: 10px;
    border-radius: 6px
}
/** offices **/

.contact-box {
    background-color: #E6E6E6;
    padding: 30px
}
.support-box {
    background-color: #69C;
    padding: 15px;
    color: #FFF;
    padding-bottom: 1px
}
.support-box h4 {
    color: #FFF
}
.support-box p {
    padding-left: 45px
}
h4.bot-line {
    border-bottom: 1px solid #CCC;
    padding-bottom: 10px;
    margin-bottom: 6px
}
.support-box a {
    color: #fff
}
/** resources **/

.wrap-icon {
    float: left;
    width: 30px
}
.wrap-link {
    display: inline-block;
    width: 446px;
    margin-bottom: 14px
}
/* ---- button-isotype ---- */

.button-isotype {
    display: inline-block;
    padding: .5em 1em;
    background: #aaa;
    border: none;
    border-radius: 20px;
    color: #fff;
    font-family: 'myriad-pro';
    font-size: 14px;
    cursor: pointer
}
.button-isotype:hover {
    background-color: gray;
    color: #fff;
    text-decoration: none
}
.button-isotype:active, .button-isotype.is-checked {
    background-color: #c20
}
.button-isotype.is-checked {
    color: #fff
}
.button-isotype:active {
    box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8)
}
/* ---- button-isotype-group ---- */

.button-isotype-group:after {
    content: '';
    display: block;
    clear: both
}
.button-isotype-group .button-isotype {
    float: left;
    margin-left: 0;
    margin-right: 10px
}
/* ---- isotype-resource-cards ---- */

.isotype-resource-cards {
    margin-top: 40px
}
/* clear fix */

.isotype-resource-cards:after {
    content: '';
    display: block;
    clear: both
}
.isotype-resource-cards .highlight-box-inner p {
    font-size: 14px
}
/* ---- .element-item ---- */

.element-item {
    position: relative;
    float: left;
    margin-bottom: 30px
}
/* ---- social share ---- */

.resources-social-share-buttons {
    font-size: 30px
}
.resources-social-share-buttons span {
    display: block;
    width: 30px;
    float: left;
    margin-right: 5px;
    cursor: pointer
}
.resources-social-share-buttons span[data-type="facebook"] {
    color: #3375A1
}
.resources-social-share-buttons span[data-type="facebook"]:hover {
    color: #224F6D
}
.resources-social-share-buttons span[data-type="twitter"] {
    color: #43b1fb
}
.resources-social-share-buttons span[data-type="twitter"]:hover {
    color: #3188C2
}
.resources-social-share-buttons span[data-type="google"] {
    color: #d84d2f
}
.resources-social-share-buttons span[data-type="google"]:hover {
    color: #A53B25
}
.resources-social-share-buttons span[data-type="linkedin"] {
    color: #0375b3
}
.resources-social-share-buttons span[data-type="linkedin"]:hover {
    color: #015B8B
}
/** events **/

.event-list-image {
    max-width: 308px
}
.webinar-list-image {
    display: inline-block;
    width: 120px;
    float: left
}
.webinar-list-content {
    display: inline-block;
    width: 320px;
    margin-left: 28px
}
.webinar-list-desc {
    display: block
}
a.webinar-list-link:link h5, a.webinar-list-link:hover h5, a.webinar-list-link:active h5, a.webinar-list-link:visited h5 {
    display: block;
    text-decoration: none;
    margin-bottom: 5px
}
a.past-list-link:link h5, a.past-list-link:hover h5, a.past-list-link:active h5, a.past-list-link:visited h5 {
    display: block;
    text-decoration: none;
    margin-bottom: 2px
}
.webinar-list-title, .past-list-title {
    color: #69c;
    display: block
}
.webinar-list-title:hover, .past-list-title:hover {
    color: #cb2100;
    display: block
}
.past-list-desc {
    display: block;
    padding-top: 10px
}
.breadcrumb-small {}
/** ux-ik-uk **/

.wrapper-icon {
    float: left;
    width: 50px;
    height: 100px
}
.book-ux-it-uk {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=ux-kit-icons&v=201506291815) no-repeat -4px -4px;
    width: 35px;
    height: 31px;
    display: block
}
.doc-ux-it-uk {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=ux-kit-icons&v=201506291815) no-repeat -9px -50px;
    width: 25px;
    height: 31px;
    display: block
}
.check-ux-it-uk {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=ux-kit-icons&v=201506291815) no-repeat -8px -91px;
    width: 26px;
    height: 26px;
    display: block
}
/** unsldier **/

.banner {
    position: relative;
    overflow: hidden;
    width: 980px;
    height: 307px
}
.banner li {
    list-style: none
}
.banner ul li {
    float: left
}
/** try section **/

.try-main-content {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=cloud-portal-img&v=201506291815);
    background-repeat: no-repeat;
    background-position: right 45px;
    min-height: 340px;
    margin: 0 auto;
    width: 1230px
}
.try-box {
    background-color: #F2F2F2;
    height: 350px;
    padding: 25px 50px;
    position: relative;
    font-size: 16px
}
.try-box h2 {
    text-align: center;
    margin-bottom: 15px
}
.try-box {
    background-color: #F2F2F2;
    background-repeat: no-repeat;
    background-position: right 100px
}
.try-box:after {
    background-image: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=shadow_span6.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    content: "";
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: -20px;
    z-index: -10;
    left: 0
}
.try-box-btn {
    text-align: center;
    margin: 0 auto;
    width: 220px;
    display: block;
    margin-top: 25px;
    line-height: 10px
}
.try-box .try-title {
    color: #69C
}
.try-box .try-subtitle {
    width: 100%;
    font-weight: 700
}
.try-personal-box .try-subtitle {
    margin-top: 45px
}
.try-box h4 {
    width: 475px;
    margin-bottom: 25px
}
.try-personal-box .try-list-wrapper {
    margin-bottom: 50px
}
.try-list {
    list-style: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=bullet-blue&v=201506291815);
    font-size: 14px
}
.try-list li {
    margin-left: 25px;
    margin-bottom: 10px
}
.try-setup-content {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=slide1&v=201506291815);
    background-repeat: no-repeat;
    background-position: right 80%;
    min-height: 340px
}
/**  innovation **/

.innovation-top {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=award-top2-repeat&v=201506291815), url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=award-top2&v=201506291815);
    background-repeat: no-repeat, no-repeat;
    background-position: center top, center top;
    background-color: #f4f4f4;
    height: 250px;
    margin-top: -45px
}
.innovation-apply {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=bg-apply&v=201506291815);
    background-color: #000;
    background-position: center top;
    height: 165px;
    color: #fff;
    padding-top: 20px;
    background-repeat: no-repeat;
    background-size: 980px 210px
}
.innovation-cta {
    text-align: center;
    margin-top: 15px
}
.innovation-cta-btn {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=cta-buttons&v=201506291815) no-repeat;
    background-position: -3386px -1px;
    width: 191px;
    height: 51px;
    text-decoration: none;
    display: inline-block;
    color: rgba(255, 255, 255, 0);
    font-size: 0;
    text-align: center;
    line-height: 0
}
.innovation-cta-btn:hover {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=cta-buttons&v=201506291815) no-repeat;
    background-position: -3386px -61px;
    width: 191px;
    height: 51px
}
.innovation-cta-btn:active {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=cta-buttons&v=201506291815) no-repeat;
    background-position: -3386px -121px;
    width: 191px;
    height: 51px
}
.innovation-case-study-preview {
    background-image: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=christopher_playright320x210&v=201506291815);
    background-repeat: no-repeat;
    background-position: 90% 100%;
    border: 10px solid #e6e6e6;
    padding: 20px;
    height: 190px;
    position: relative
}
 .innovation-case-study-preview:after {
    background-image: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=card-shadow&v=201506291815);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    content: "";
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: -33px;
    z-index: -10;
    left: 0;
    background-size: contain
}
.innovation-case-study-preview-no-after:after {
  background-image: none;
}
.span6.inovation-Card {
  background-image: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=card-shadow&v=201506291815);
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-bottom: 25px;
  background-size: 100% 25px;
}

.innovation-case-study-preview-logo {
    width: 150px;
    height: 65px;
    overflow: hidden
}
.innovation-case-study-preview-text {
    padding-left: 315px;
    position: relative;
    text-align: right
}
.innovation-case-study-preview-information {
    width: 220px;
    margin-top: -5px;
    position: absolute
}
.innovation-case-study-preview-author {
    font-weight: 800;
    color: #868686;
    position: absolute;
    right: 10px;
    width: 135px
}
.innovation-case-study-preview-role {
    display: block;
    font-weight: 400;
    color: #868686
}
.innovation-case-study-canitbeyou {
    border: 10px solid #e6e6e6;
    padding: 20px;
    height: 190px;
    position: relative
}
.innovation-case-study-canitbeyou:after {
    background-image: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=card-shadow&v=201506291815);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    content: "";
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: -33px;
    z-index: -10;
    left: 0;
    background-size: contain
}
.innovation-submission-project {
    background-color: #e6e6e6
}
.innovation-submission-project-step1 {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=nr1&v=201506291815);
    background-repeat: no-repeat;
    height: 80px;
    margin-left: 100px
    
}
.innovation-submission-project-step2 {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=nr2&v=201506291815);
    background-repeat: no-repeat;
    height: 80px;
    margin-left: 100px
    
}
.innovation-submission-project-steps-content {
    position: relative;
    left: 75px;
    top: 10px;
    
}
.innovationlist {
    color: #cb2100;
    margin-left: 22px;
    font-size: 16px
}
.innovationlist-color {
    color: #333;
    font-size: 14px
}
/** Innovation Awards**/

.innovationawards-matrix-entry, .innovationawards-matrix-entry-nodetail {
    margin-left: 5px;
    margin-top: 28px;
    position: relative;
    border: 6px solid #E6E6E6;
    cursor: pointer
}
.innovationawards-matrix-entry-nodetail {
    cursor: default
}
.innovationawards-matrix-entry:hover {
    border: 1px solid #CB2100;
    cursor: pointer
}
.innovationawards-matrix-entry.collapse {
    border: 1px solid #CB2100
}
.innovationawards-matrix-entry:hover.expand .extradiv, .innovationawards-matrix-entry.collapse .extradiv {
    border: 5px solid #e6e6e6
}
.innovationawards-matrix-entry.expand > i {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=icons&v=201506291815) no-repeat;
    display: inline-block;
    background-position: -51px -280px;
    width: 25px;
    height: 25px;
    position: absolute;
    bottom: -6px;
    right: -6px
}
.innovationawards-matrix-entry.collapse > i, .innovationawards-matrix-entry:hover.collapse > i {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=icons&v=201506291815) no-repeat;
    display: inline-block;
    background-position: -51px -356px;
    width: 25px;
    height: 25px;
    position: absolute;
    bottom: 0;
    right: 0
}
.innovationawards-matrix-entry:hover > i {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=icons&v=201506291815) no-repeat;
    display: inline-block;
    background-position: -51px -318px;
    width: 25px;
    height: 25px;
    position: absolute;
    bottom: 0;
    right: 0
}
.innovationawards-matrix-entry img {} .innovationawards-matrix-entry-details {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=quote-line-span6&v=201506291815);
    background-repeat: no-repeat;
    padding-top: 12px;
    margin-top: 10px;
    margin-left: 5px
}
.innovationawards-matrix-entry-details-inner {
    background-color: #E6E6E6;
    padding: 15px
}
.innovationawards-matrix-entry-details-inner-fixedwidth {
    width: 458px
}
.innovationawards-matrix-entry-details-inner a {
    /*margin-right: 30px;*/
}
.innovationawards-matrix-entry-details-inner ul {
    margin-left: 20px
}
.innovationawards-year {
    width: 192px;
    display: inline-block;
    text-align: center
}
.innovationawards-year-text {
    font-size: 16px;
    display: block;
    font-weight: 400;
    font-family: arial, sans-serif
}
.innovationawards-year a:hover {
    color: #cb2100;
    text-decoration: none
}
.innovationawards-year.active {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=timeline-arrow&v=201506291815);
    background-position: bottom;
    background-repeat: no-repeat;
    height: 76px;
    margin-bottom: -2px
}
.innovationawards-year.active a {
    color: #cb2100
}
.innovationawards-customername {
    height: 50px;
    padding: 0 10px
}
/** Individual Case Study**/

.case-study-customer-testimonial-wrapper {
    position: absolute;
    right: 40px;
    top: 80px;
    width: 610px
}
.case-study-customer-image {
    background-image: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=christopher_playright3&v=201506291815);
    background-repeat: no-repeat;
    height: 210px;
    margin-left: 0
}
.case-study-customer-testimonial {
    float: left;
    width: 625px;
    padding-left: 20px;
    position: relative
}
.case-study-customer-quote {
    background-image: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=quote&v=201506291815);
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    top: 0;
    left: -25px;
    width: 35px;
    height: 30px
}
.case-study-project-timeline {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=timeline&v=201506291815) no-repeat;
    height: 267px
}
.case-study-sidebar {
    background-color: #e5e5e5;
    padding: 20px
}
.icon-case-study-calendar {
    background-position: -58px -248px;
    width: 20px;
    height: 17px;
    margin-right: 5px
}
.icon-case-study-profile {
    background-position: -58px -248px;
    width: 20px;
    height: 17px;
    margin-right: 5px
}
.icon-case-study-integration {
    background-position: -58px -248px;
    width: 20px;
    height: 17px;
    margin-right: 5px
}
.icon-case-study-whitevideo {
    background-position: -45px -2324px;
    width: 32px;
    height: 23px;
    margin-right: 5px
}
.icon-case-study-bluepdfdownload {
    background-position: -65px -1179px;
    width: 15px;
    height: 20px;
    margin-right: 5px
}
.case-study-sidebar-header {
    color: #cb2100;
    font-weight: 600;
    display: inline-block
}
.case-study-sidebar-video {
    width: 283px;
    margin-left: -8px;
    position: relative
}
.case-study-sidebar-video-bottom {
    color: #fff;
    padding: 5px 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    bottom: 1px;
    left: 1px
}
.case-study-sidebar-video-bottom-text {
    display: inline-block;
    position: relative;
    bottom: -1px
}
.case-study-sidebar-download {
    background-color: #e6e6e6;
    padding: 20px;
    color: #6598cb;
    font-weight: 700
}
.case-study-sidebar-section-header {
    color: #cb2100
}
.case-study-customers-author-name {
    font-weight: 800;
    color: #a9a9a9
}
.case-study-customer-author {} .case-study-customers-author-role {
    font-weight: 400;
    color: #a9a9a9
}
.case-study-customer-quote-arrow_span12 {
    /*background-image: url('/CMS_BackOffice/ResourceLink.aspx?ResourceName=quote-arrow_span12&v=201506291815');*/
    
    background-image: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=arrow-span5&v=20140416101624);
    background-repeat: no-repeat;
    background-position: left top;
    position: relative;
    top: 0;
    margin-left: 0;
    width: 100%;
    height: 100%
}
.case-study-title-image {
    float: left;
    width: 310px;
    position: relative
}
.case-study-title-video-link, .case-study-title-video-link:link, .case-study-title-video-link:hover, .case-study-title-video-link:visited {
    position: absolute;
    bottom: 15px;
    left: 42px;
    background-color: rgba(0, 136, 204, .9);
    color: #fff;
    padding: 6px 16px 4px;
    border-radius: 6px;
    font-weight: 700;
    line-height: normal;
    text-decoration: none
}
.case-study-title-video-link:hover {
    background-color: rgba(0, 102, 170, .7)
}
.case-study-title-video-link-label {
    position: relative;
    top: -5px;
    left: 2px;
    display: inline
}
.case-study-screenshot-thumb {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=shadow-short&v=201506291815) no-repeat;
    background-position: 0 100%;
    height: 139px
}
.case-study-list ul {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 28px
}
.case-study-list > ul {
    color: #c20;
    font-size: 20px
}
.case-study-list > ul ul {
    color: #000;
    font-size: 14px
}
.case-study-list li > span {
    color: #000;
    font-size: 14px
}
.cs-title-box {
    position: relative;
    height: 300px
}
.cs-title-box-topbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-color: #000;
    opacity: .7
}
.cs-title-box-h-wrapper {
    position: absolute;
    padding: 20px 0;
    text-align: center;
    bottom: 0;
    padding-bottom: 0;
    width: 100%
}
.cs-title-box-h-wrapper h1 {
    color: #fff;
    position: relative;
    z-index: 1;
    line-height: normal;
    padding: 0 40px
}
#cs-main-content {
    margin-top: 400px
}
.cs-title-box-botbar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-color: #F2F2F2;
    opacity: .7;
    z-index: -1
}
.cs-title-box-botbar-wrapper {
    position: absolute;
    margin-top: 300px;
    width: 100%;
    z-index: 10;
}
div.cs-title-box-botbar-wrapper > div.no-image > div.case-study-title-image {
    display: none
}
div.cs-title-box-botbar-wrapper > div.no-image > div.case-study-customer-testimonial {
    width: 940px
}
div.cs-title-box-botbar-wrapper > div.no-image > div.case-study-customer-testimonial > h3 {
    display: flex
}
div.cs-title-box-botbar-wrapper > div.no-image > div.case-study-customer-testimonial > div.case-study-customer-quote {
    left: 0;
    margin-right: 10px;
    position: relative;
    display: table-cell;
    float: left
}
div.cs-title-box-botbar-wrapper > div.no-image > div.case-study-customer-testimonial > div.case-study-customer-logo {
    position: relative!important;
    float: right;
    margin-top: -60px
}
.cs-innovation-award-winner-badge {
    background-image: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=innovation-award-winner&v=201506291815);
    height: 125px;
    width: 125px;
    position: absolute;
    right: 0;
    top: -245px;
    z-index: 1
}
.cs-innovation-award-winner-badge a {
    cursor: pointer;
    display: inline-block;
    height: 100%;
    width: 100%
}
.hero-section-get-started {
    background-image: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=bg_top_try-now&v=201506291815);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #DEDEDE;
    height: 750px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-position: bottom center
}
.arrow-right {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 135px 0 135px 50px;
    border-color: transparent transparent transparent #FFF;
    line-height: 0;
    _border-color: #000 #000 #000 #007bff;
    _filter: progid: DXImageTransform.Microsoft.Chroma(color='#000000')
}
.getstarted-top-form-holder {
    background-color: #d9d9d9
}
.getstarted-what-u-get {
    float: left;
    background-color: #fff;
    height: 240px;
    width: 500px;
    text-align: center;
    padding-top: 30px
}
.getstarted-what-cols {
    float: left;
    color: #606060;
    font-family: 'myriad-pro', Arial, sans-serif;
    font-size: 16px
}
.highlights {
    color: #CB2100;
    font-weight: 600
}
.arrow-wrapper {
    display: inline-block;
    width: 50px
}
/** User Login and Contact us */

.header-contact-us, .header-login {
    font-family: 'myriad-pro';
    font-size: 13px;
    color: #FFF!important;
    padding: 0 15px 3px;
    line-height: 20px;
    display: inline-block;
    font-weight: 400
}
.header-contact-us:hover {
    text-decoration: none;
    color: #FFF!important
}
.header-contact-us {
    background-color: gray
}
.header-contact-us:hover {
    background-color: #606060
}
.header-login {
    padding: 0 12px;
    height: 23px;
    line-height: 23px;
    background: #A2A2A2;
    font-size: 14px;
}
.header-contacts {
    /*width: 172px;*/
    
    height: 15px;
    background-color: #f9f9fb;
    border: 2px;
    border-radius: 20px;
    font-family: 'myriad-pro';
    font-size: 13px;
    font-weight: 700;
    color: #666;
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    line-height: 18px;
    padding: 0 5px
}
/** responsive **/
/* Menu Styles */

.Header_Menu, .Application_Menu {
    white-space: nowrap;
    display: none
}
.Menu_TopMenuActive {
    border-bottom:
    /* background: #393939; */
    
    none
}
.Menu_TopMenu {
    margin: 0
}
.Menu_TopMenu [class^=fa] {
    margin-right: 8px
}
.Menu_TopMenu a:link, .Menu_TopMenu a:visited, .Menu_TopMenu a {
    color: #C4C4C4;
    text-decoration: none;
    text-shadow: none;
    padding: 12px 20px;
    display: inline-block
}
.Menu_TopMenu:hover, .Menu_TopMenu:hover a [class^=fa], .Menu_TopMenuActive a:link [class^=fa], .Menu_TopMenuActive a:visited [class^=fa], a.Menu_SubMenuItemActive:link [class^=fa], a.Menu_SubMenuItemActive:visited [class^=fa], a.Menu_SubMenuItem:hover [class^=fa] {
    color: #E83E26;
    text-decoration: none
}
.Menu_TopMenuActive .Menu_DropDownArrow {
    border-top-color: #555
}
.Menu_DropDownArrow {
    border-top-color: #C4C4C4;
    right: 13px
}
.menu-active-marker {
    display: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 0 7.5px 7px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 15px
}
.menu-active-marker-sub {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 0 7.5px 7px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    bottom: 20px;
    left: 0
}
.Menu_TopMenuActive .menu-active-marker {
    display: block
}
.Menu_DropDownPanel {
    margin-top: 0;
    border: 1px solid #888
}
a.Menu_SubMenuItem, a.Menu_SubMenuItem:hover, a.Menu_SubMenuItem:link, a.Menu_SubMenuItem:visited {
    background-color: #747474;
    margin: 0;
    padding: 7px 20px;
    border-bottom: 1px solid #555;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: auto
}
a.Menu_SubMenuItem, a.Menu_SubMenuItem:hover, a.Menu_SubMenuItem:link, a.Menu_SubMenuItem:visited {
    color: #C4C4C4
}
.Menu_TopMenuActive a:link, .Menu_TopMenuActive a:visited, a.Menu_SubMenuItemActive:link, a.Menu_SubMenuItemActive:visited, a.Menu_SubMenuItem:hover {
    color: #fff
}
.MenuSlider_Toggler {
    color: #fff
}
.menu-close {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 35px;
    height: 37px;
    background-color: #000;
    padding-left: 10px;
    padding-top: 13px
}
.menu-back {
    width: 100%;
    height: 100%;
    background-color: #000;
    overflow: hidden;
    padding: 0;
    top: 0;
    z-index: 99;
    margin-left: 15px
}
.header-glued-bar {
    display: none;
    height: 50px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #000
}
.Menu_TopMenus {
    background: inherit;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    padding: 20px;
    position: absolute;
    top: 0;
    padding-left: 0;
    padding-top: 0;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr '#000000', endColorstr '#313131');
    /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
    /*Element must have a height (not auto)*/
    /*All filters must be placed together*/
    
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#000000',endColorstr = '#313131')";
    /*Element must have a height (not auto)*/
    /*All filters must be placed together*/
    
    background-image: -moz-linear-gradient(top, #000, #313131);
    background-image: -ms-linear-gradient(top, #000, #313131);
    background-image: -o-linear-gradient(top, #000, #313131);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#000), to(#313131));
    background-image: -webkit-linear-gradient(top, #000, #313131);
    background-image: linear-gradient(top, #000, #313131);
    /*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
    
    border: 1px solid #fff;
    border-top: 0;
    box-shadow: -1px 0 10px 1px #000
}
.mobile-menu-items {
    position: absolute;
    right: 50px;
    display: inline-block;
    height: 50px;
    top: 15px;
    color: #fff
}
.MenuSlider_IsOpen {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}
.MenuSlider_Toggler {
    display: none;
    color: #000;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    right: 10px;
    background-color: #000;
    height: 35px;
    padding-top: 15px;
    position: absolute;
    top: 0
}
.osicon-menu {
    color: #c20;
    font-size: 20px;
    padding: 15px;
    margin-left: -10px
}
.osicon-search {
    font-size: 18px;
    padding: 16px
}
.MobileApp .Application_Menu {}
/* reset any inherit styles (e.g.: ChicagoMobile -> Chicago) */

div.Menu_DropDownPanel a, div.Menu_DropDownPanel a:link, div.Menu_DropDownPanel a:visited {
    height: auto
}
div.Application_Menu div.Menu_DropDownPanel a, div.Application_Menu div.Menu_DropDownPanel a:link, div.Application_Menu div.Menu_DropDownPanel a:visited {
    display: block
}
/* The following classes are applied on design time, when editing the menu WB */

body > div.Application_Menu {} .Menu_DropDownButton {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    *z-index:
    /* required for IE7 */
    
    200
}
.Menu_DropDownButton.open {
    z-index: 210;
    *vertical-align: top
}
.Menu_DropDownButton.open .Menu_TopMenu {
    background-image: none;
    position: relative;
    z-index: 210;
    cursor: pointer;
    *display: block
}
.Menu_DropDownArrow {
    position: relative;
    top: -2px;
    display: inline-block;
    font-size: 11px;
    line-height: 3px;
    padding-top: 1px;
    margin-left: 10px;
    color: #C4C4C4
}
.Menu_DropDownPanel {
    position: absolute;
    z-index: 200;
    display: none;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    margin: -1px 0 0 -1px;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}
.Menu_SubItemsPlaceholder {} .Menu_DropDownPanel a, .Menu_DropDownPanel a:link, .Menu_DropDownPanel a:visited {
    display: block;
    clear: both;
    font-size: 13px;
    text-decoration: none;
    line-height: 2em;
    color: #C4C4C4;
    white-space: nowrap;
    margin: 0;
    background: none;
    text-shadow: none;
    border-width: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    min-width: 0;
    text-align: left;
    *width: 140px;
    min-width: 140px;
    height: 26px;
    padding: 12px 35px
}
.Menu_DropDownPanel a.active, .Menu_DropDownPanel a.active:link, .Menu_DropDownPanel a.active:visited {
    color: #fff
}
.Menu_DropDownPanel a:hover, .Menu_DropDownPanel a:focus {
    text-decoration: none
}
/** youtube responsive **/

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}
.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
/** overwrites **/

p.webinar_link {
    letter-spacing: 0!important
}
h2.webinar_title {
    line-height: 34px
}
div.Popup {
    z-index: 9999!important;
    border: none!important;
    background-color: rgba(0, 0, 0, 0)!important
}
div.Popup.ui-dialog .ui-dialog-titlebar {
    background: none!important
}
.main_content h1 {
    margin-top: -30px!important
}
.company-section-adjust {
    margin-top: -25px
}
.news_release h2 {
    margin-bottom: 0
}
/** overwrites - google cse **/

.gsc-refinementsArea, .gsc-tabsArea, .gs-per-result-labels {
    display: none
}
/** search **/

.search-overlay {
    display: none
}
input.gsc-search-button {
    background-color: #4D90FE!important
}
input.gsc-search-button:hover {
    background-color: #357AE8!important
}
.st-result-listing {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 13px;
    letter-spacing: .8px;
    margin-top: 40px
}
form input.st-search-input {
    font-size: 12px;
    padding: 0 19px 0 6px;
    height: 20px;
    width: 105px;
    color: #CCC;
    outline: 0;
    line-height: 22px;
    background: url('/CMS_BackOffice/ResourceLink.aspx?ResourceName=icons&v=201506291815') 111px 1px no-repeat;
}
form input.st-search-input-inpage {
    font-size: 12px;
    padding: 5px 9px 5px 27px;
    color: #666;
    border: 1px solid #ccc;
    outline: none;
    background: #fcfcfc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUFJREFUeNqU0j0oRWEcx/Hj3ifvlMHL7C1lY7mDwUBKkoksBjKJxWIQu7xlOybDLVGukhhMZDFbxGBS8nIjKR3E96nf0dPjuuVfn+6tc35P//P8/yYMw8CpbgygGQlcYw8H+Ai8MvotxQImgt81hk1M4cEPF2IV43jCGo7wjk5MYhhlGMKbG+7BKO4wiGPn8DO1vIN+jGA9fpjQaUksecG4zjGPL3VQ5IZb9OAw+LtO1FkjatxwUuEoTzjSbRu9/xO+0W97nnArqvXuoxve1/9p1OUIlmNGU7EX9+KGt3GKNuyiC5WoQAe2NJFP3PpzzmoR0khpxle6h3pnkeKJPCPjbtglerVFfWhSVxfqJtK4qrChTMY4XdjVm9O21aIA92LrFcv6HHtAsclxQVnxa0WfsqgDUib4X9muStCA2W8BBgDJ0EeGeFZ8WAAAAABJRU5ErkJggg==) no-repeat 7px 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    line-height: 13px;
    height: 30px;
    margin-bottom: 20px
}
div.st-search-summary {
    border-bottom: 1px solid #ccc;
    padding-bottom: 7px;
    margin: 12px 0
}
div.st-result-listing {
    width: 600px
}
div.st-result-listing h2 {
    font-size: 13px;
    font-weight: 400;
    color: #333;
    margin: 0
}
div.st-result-listing h2 .st-query {
    font-style: italic;
    color: #666
}
div.st-result {
    padding-bottom: 12px;
    margin-bottom: 12px
}
div.st-result.final {
    border-bottom: none;
    margin-bottom: 0
}
div.st-result .st-snippet {
    color: #333
}
div.st-result .st-date {
    color: #999
}
.st-pagination {
    border-top: 1px solid #ccc;
    margin-top: 5px;
    padding-top: 5px
}
.st-prev {
    margin-right: 20px
}
.st-loading-message {
    font-size: 16px;
    font-style: italic;
    color: #999;
    margin: 10px auto
}
.st-url {
    display: block;
    color: #00832A;
    font-style: normal;
    word-break: break-all
}
.st-result h4.title {
    margin-bottom: 0;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    white-space: nowrap
}
.st-snippet em {
    font-weight: 700;
    font-style: normal
}
/***  autocomplete  ***/

.swiftype-widget .autocomplete {
    font-family: 'myriad-pro';
    background-color: #fff;
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5);
    position: absolute;
    /*
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;*/
    
    text-align: left
}
.swiftype-widget .autocomplete ul {
    font-family: 'myriad-pro';
    font-weight: normal;
    background-color: #fff;
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    /*-webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;*/
    
    text-align: left;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.swiftype-widget .autocomplete li {
    /*border-top:1px solid #e5e5e5;
    border-bottom:1px solid #fff;*/
    
    cursor: pointer;
    padding: 15px 15px;
    list-style-type: none;
    background-image: none;
    margin: 0px;
}
.swiftype-widget .autocomplete li:first-child {
    /*border-top:1px solid #e5e5e5;*/
    
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0
}
.swiftype-widget .autocomplete li:last-child {
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px
}
.swiftype-widget .autocomplete li.active {
    background-color: #e6e6e6!important;
    /*border-top:1px solid #145A93;
    border-bottom:1px solid #086aa8;
    background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#37a3e9),color-stop(100%,#1285d5));
    background:-webkit-linear-gradient(#37a3e9,#1285d5);
    background:-moz-linear-gradient(#37a3e9,#1285d5);
    background:-o-linear-gradient(#37a3e9,#1285d5);
    background:linear-gradient(#37a3e9,#1285d5);
    -webkit-box-shadow:0 1px 0 #69bdf3 inset;
    -moz-box-shadow:0 1px 0 #69bdf3 inset;
    box-shadow:0 1px 0 #69bdf3 inset*/
}
.swiftype-widget .autocomplete li p {
    margin-top: 0px;
    margin-bottom: 0px;
}
.swiftype-widget .autocomplete li p.title {
    font-size: 14px;
    color: #0088cc;
    margin-bottom: 5px;
    margin-top: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.swiftype-widget .autocomplete li p.title em {
    /* color:#0b2644;
    font-style:normal;
    font-weight:700*/
}
.swiftype-widget .autocomplete li.active p.title {
    color: #0066aa;
    /*text-shadow:0 -1px 0 rgba(0,0,0,0.3);
    color:#fff*/
}
.swiftype-widget .autocomplete li.active p.title em {
    /*color:#fff;
    font-style:normal*/
}
.swiftype-widget .autocomplete li p.body {
    font-size: 12px;
    color: #808080;
    margin-top: 0px;
    margin-bottom: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.swiftype-widget .autocomplete div .column1 {
    width: 10%;
    float: left;
    margin-top: 10px;
    margin-left: 5px;
    text-align: left;
    color: #999;
    font-size: 11px;
    clear: both;
}
.swiftype-widget .autocomplete div .column2 {
    float: left;
    padding-left: 10px;
    border-left: 1px solid #ccc;
    width: 85%;
}
.swiftype-widget .autocomplete li .sections {
    color: #999;
    font-size: 11px
}
.swiftype-widget .autocomplete li .sections em {
    color: #666;
    font-style: normal
}
.swiftype-widget .autocomplete li .sections .section {
    display: inline
}
.swiftype-widget .autocomplete li.active .sections {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    color: #a9d7f1
}
.swiftype-widget .autocomplete li.active .sections em {
    color: #a9d7f1;
    font-style: normal
}
.swiftype-widget .autocomplete li.swtpbutton {
    font-size: 14px;
    color: #0088cc;
    vertical-align: middle;
    text-align: center;
    border-top: 1px solid #e6e6e6;
    border-radius: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.65) 30%, rgba(255, 255, 255, 0.79) 42%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 62%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgba(255, 255, 255, 0.65)), color-stop(42%, rgba(255, 255, 255, 0.79)), color-stop(60%, rgba(255, 255, 255, 1)), color-stop(62%, rgba(255, 255, 255, 1)));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.65) 30%, rgba(255, 255, 255, 0.79) 42%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 62%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.65) 30%, rgba(255, 255, 255, 0.79) 42%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 62%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.65) 30%, rgba(255, 255, 255, 0.79) 42%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 62%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.65) 30%, rgba(255, 255, 255, 0.79) 42%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 62%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffff', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
}
.swiftype-widget .autocomplete li.swtpbutton:hover {
    background: #e6e6e6!important;
}
.swiftype-widget .autocomplete a:hover {
    text-decoration: none !important;
}
.swiftype-widget .autocomplete ul.WebSite {
    padding-top: 5px;
}
/*********Cookies Message *************/

.warning_EU_cookiemsg, .warning_EU_cookiemsg * {
    margin: 0;
    padding: 0;
    font-size: 1em;
    border: 0;
    width: auto;
    height: auto;
    float: none;
    clear: none;
    text-decoration: none;
    text-transform: none;
    text-style: normal;
    background: 0;
    position: static;
    overflow: visible
}
.warning_EU_cookiemsg {
    font-size: 11px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #111;
    background-size: auto 100%;
    z-index: 999999991;
    color: #DDD;
    text-align: center;
    line-height: 21px;
    -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -ms-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear
}
.CloseArea {
    width: 24px;
    cursor: pointer;
    margin-left: 5px;
    display: inline-block
}
.CloseArea:hover {} .warning_EU_cookiemsg > div {
    margin-right: 10px
}
.warning_EU_cookiemsg > div:first-child {
    color: #FFF
}
.warning_EU_cookiemsg > div:last-child {
    margin-right: 0
}
/*********Cookies Message *************/
/************Start Sub Menu Hover ********/

[data-dropdown-wrapper] {
    display: none;
}
.submenuhover {
    position: absolute;
    top: 50px;
    margin-left: 28px
}
.submenuhover:hover {
    display: block
}
.submenuhoverbox {
    position: absolute;
    background-color: #FFF;
    z-index: 10000;
    background-image: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=lamp&v=201506291815);
    background-position: left;
    background-repeat: no-repeat;
    padding-bottom: 30px;
    padding-top: 30px;
    height: auto;
    filter: none;
    -webkit-box-shadow: 0 5px 3px 2px rgba(80, 80, 80, 0.42);
    -moz-box-shadow: 0 5px 3px 2px rgba(80, 80, 80, 0.42);
    box-shadow: 0 5px 3px 2px rgba(80, 80, 80, 0.42)
}
.submenuhoverbox-firstcontent {
    display: inline-block;
    text-align: left;
    width: 308px;
    margin-left: 120px;
    float: left;
    margin-top: 0
}
.submenuhoverbox-firstcontent h1 {
    margin-bottom: 30px
}
.submenuhoverbox-firstcontent p.h1 {
    margin-bottom: 30px;
    line-height: 40px;
    font-size: 36px;
    font-weight: 600;
    color: #333
}
.submenuhoverbox-secondcontent {
    text-align: left;
    float: left;
    margin-left: 30px;
    font-family: 'myriad-pro', Helvetica, Arial, sans-serif;
    margin-right: 25px
}
.submenuhoverbox-thirdcontent {
    width: 140px;
    text-align: left;
    float: left;
    margin-left: 40px
}
.submenuhoverbox-line {
    border-right: 1px solid #e6e6e6;
    height: 214px;
    width: 1px;
    float: left
}
.submenuhoverbox-contentheading {
    font-weight: 600;
    color: gray;
    margin-bottom: 20px
}
.submenuhoverbox-secondcontent > ul > li {
    margin-bottom: 8px
}
.submenuhover .customers-case-study-preview {
    background-image: none;
}
.submenuhover .customers-case-study-preview a {
    display: block;
}
/************End Sub Menu Hover ********/
/** solutions **/

.solution-hero {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=bg-singular-indu-dcddde&v=201506291815);
    background-color: #dcddde;
    background-repeat: no-repeat;
    height: 370px;
    background-position: top center;
    filter: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #aaa
}
.solution-hero h1 {
    text-align: center;
    margin-top: 30px
}
.solution-hero p {
    text-align: center
}
.solution-all-hero {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=bg-all-indu-dcddde&v=201506291815);
    background-color: #dcddde;
    background-repeat: no-repeat;
    height: 290px;
    background-position: top center;
    filter: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #aaa
}

#solutions-content {
    background-color: #ccc;
    margin-bottom: -70px;
    padding-bottom: 70px
}
.solutions-title-bot-box {
    background-color: #F2F2F2;
    background-repeat: no-repeat;
    background-position: top center;
    padding: 15px;
    text-align: center
}
.solutions-single-box {
    background-color: #fff;
    margin-top: 30px;
    padding-top: 20px
}
.solutions-single-box h2 {
    margin-bottom: 20px;
    color: #c20;
    text-align: center
}
.solutions-single-box .text-block {
    padding-left: 20px;
    margin-bottom: 30px
}
.solutions-single-box .text-block.last {
    padding-right: 20px
}
.solutions-featured-thumb {
    float: left
}
.solutions-featured-link {
    float: left;
    line-height: 60px;
    margin-left: 15px
}
.solutions-all-box {
    background-color: #fff;
    margin-top: 30px;
    position: relative
}
.solutions-all-box h2 {
    margin-bottom: 10px;
    color: #c20;
    text-align: left
}
.solutions-all-box .text-block {
    padding-left: 25px;
    padding-right: 25px
}
.solutions-all-box .text-block a {
    white-space: nowrap
}
.solutions-all-box .top-image {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 25px;
    padding-bottom: 20px
}
.solutions-all-box .top-image img {
    width: 100%
}
.solutions-all-box .line {
    width: 100%;
    border-top: 1px solid #ccc;
    margin-top: 20px;
    height: 0
}
#solutions-content .solutions-all-box .logos {
    height: 60px;
    border-top: 1px solid #ccc;
    margin-top: 20px;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center
}
#solutions-content .solutions-all-box .logos img {
    width: auto
}
#solutions-content .case-study-customers-author-name {
    color: #666
}
#solutions-content .case-study-customers-author-role {
    color: #666
}
.solutions-cta-bar {
    height: 80px;
    background-color: #AAA;
    line-height: 80px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #fff;
    margin-top: 30px;
    text-align: center;
    color: #606060;
    font-size: 21px;
    font-family: 'myriad-pro', Arial, sans-serif;
    font-weight: 400
}
.solutions-cta-bar a {
    margin-left: 15px
}
.solutions-cta-bar:before {
    content: "";
    height: 0;
    width: 100%;
    display: block;
    border-bottom: 1px solid #fff
}
.solutions-cta-bar:after {
    content: "";
    height: 0;
    width: 100%;
    display: block;
    border-top: 1px solid #fff;
    margin-top: -1px
}
.solutions-all-index {
    display: none
}
/**** Fix links on it-resources for ie ****/

a.ressourcelink {
    display: table
}
/**** End of Fix *****/
/*** Apps styles ***/

.apps-title1 {
    font-family: 'myriad-pro', Helvetica, Arial, sans-serif;
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 50px;
    text-shadow: 1px 1px 0 #000;
}
.apps-title2 {
    font-family: 'myriad-pro', Helvetica, Arial, sans-serif;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 32px;
    text-shadow: 1px 1px 0 #000;
}
.apps-title3 {
    font-family: 'myriad-pro', Helvetica, Arial, sans-serif;
    color: black;
    text-align: center;
    font-weight: normal;
    font-size: 24px;
}
.apps-text-white {
    font-family: 'myriad-pro', Helvetica, Arial, sans-serif;
    color: #fff;
    text-align: center;
    font-weight: normal;
    font-size: 21px;
}
.apps-trademark {
    background-color: #333;
    border-top-style: solid;
    border-color: #606060;
    border-width: 1px;
    font-family: 'myriad-pro', Helvetica, Arial, sans-serif;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    color: #606060;
}
a.osbtn-white {
    padding: 10px 10px;
    color: #cc0000 !important;
    background: #ffffff;
    border-style: solid;
    border-color: #cc0000;
    border-width: 1px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
a.osbtn-white:hover {
    background: #f7f7f7!important;
}
.osbtn-orange {
    background-color: #ef6c00;
    border-style: solid;
    border-color: #ef6c00;
    border-width: 1px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
a.osbtn-orange {
    background-color: #ef6c00;
    background-image: -moz-linear-gradient(top, #ef6c00, #ac1e01);
    background-image: -ms-linear-gradient(top, #ef6c00, #ac1e01);
    background-image: -o-linear-gradient(top, #ef6c00, #ac1e01);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ef6c00), to(#ac1e01));
    background-image: -webkit-linear-gradient(top, #ef6c00, #ac1e01);
    background-image: linear-gradient(top, #ef6c00, #ac1e01);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.cta-wrapper-apps {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=stripes&v=201506291815);
    height: 80px;
    width: 100%;
    border-top: 1px solid #909090;
    border-bottom: 1px solid #d9d9d9;
}
.cta-wrapper-apps p {
    font-family: 'myriad-pro', Arial, sans-serif;
    font-size: 19px;
    color: #000;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 35px;
}
.apps-bullet-text {
    font-family: 'myriad-pro', Helvetica, Arial, sans-serif;
    color: #606060;
    text-align: left;
    font-weight: lighter;
    font-size: 21px;
    line-height: 28px;
}
.apps-center {
    margin: 0 auto;
    left: 0;
    right: 0;
}
.apps-back-circle {
    border-radius: 90px;
    background-color: #e6e6e6;
    display: inline-block;
    padding: 20px;
    box-shadow: 2px 3px 5px #808080;
    margin-bottom: 15px;
    position: relative;
    width: 50px;
    height: 50px;
}
/* JAN 2015 1st batch*/

.header-hero-wrapper {
    padding: 0;
}
.header-hero-wrapper.home {
    overflow: hidden;
}
.platform .header-hero-wrapper, .customers .header-hero-wrapper, .resources .header-hero-wrapper, .learn-and-support .header-hero-wrapper, .about-us .header-hero-wrapper {
    height: 130px !important;
}
.header-hero-wrapper.page-without-hero {
    height: auto;
    padding-bottom: 40px;
}
.submenuhover {
    top: 80px;
}
.navigation-inner {
    position: inherit;
}
.header-hero-wrapper {
    padding-top: 0;
}
.navigation-inner {
    height: 80px;
}
.navigation-outter.navigation-wrapper {
    padding-top: 0px;
}
.secondary-menu {
    display: inline-block;
}
.secondary-menu a, .secondary-menu span {
    font-family: myriad-pro;
    font-size: 13px;
    color: #000;
    padding: 0 15px 5px;
    line-height: 20px;
    display: inline-block;
    font-weight: 400;
    text-decoration: none;
}
.header-hero-wrapper.home-rev .secondary-menu a, .secondary-menu span {
    background: transparent;
}
.header-hero-wrapper.home-rev .secondary-menu, .header-hero-wrapper.home-rev .secondary-menu a, .header-hero-wrapper.home-rev .secondary-menu span {
    color: #D2D2D2;
}
.header-hero-wrapper.case-studies-detail-new .secondary-menu * {
    color: rgb(236, 236, 236);
}
.navigation-items {
    width: 1013px;
}
.navigation-bar li.spacer {
    /*width: 36px;*/
}
.navigation-bar li.try-now {
    background: #000;
}
.navigation-bar li.try-now a:hover, .navigation-bar li.active.try-now a:hover {
    background-color: #CB2100;
}
.search_field {
    display: inline-block;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #FFF;
    margin-top: 3px;
    margin-right: 10px;
    border: 1px solid #79868A;
}
form input.st-search-input {
    font-size: 12px;
    padding: 0 19px 0 6px;
    height: 20px;
    width: 105px;
    color: #777;
    outline: 0;
    line-height: 22px;
    background: url('/CMS_BackOffice/ResourceLink.aspx?ResourceName=icons&v=201506291815') 111px 1px no-repeat;
}
.submenu-hover-sections a {
    /* color: #000; */
}
.submenu-hover-sections .submenuhoverbox-contentheading, .submenu-hover-sections .submenuhoverbox-contentheading a {
    /* color: #0088cc; */
    
    text-decoration: none;
}
.submenuhoverbox {
    background-image: none;
}
body.platform .navigation-bar li.platform a, body.customers .navigation-bar li.customers a, body.resources .navigation-bar li.resources a, body.learn-and-support .navigation-bar li.learn-and-support a, body.about-us .navigation-bar li.about-us a {
    background-color: transparent;
    color: #fff;
}
body.platform .navigation-bar li.platform a span, body.customers .navigation-bar li.customers a span, body.resources .navigation-bar li.resources a span, body.learn-and-support .navigation-bar li.learn-and-support a span, body.about-us .navigation-bar li.about-us a span, body.mega-menu .navigation-bar li.active a span {
    background: url('/CMS_BackOffice/ResourceLink.aspx?ResourceName=nav&v=201506291815') center no-repeat white;
}
/* style defined dinamically in the menu hover logic (file common.min.js) */

body.mega-menu .navigation-bar li a span {
    background: #000 !important;
}
body.mega-menu .navigation-bar li.active a span {
    background: url('/CMS_BackOffice/ResourceLink.aspx?ResourceName=nav&v=201506291815') center no-repeat white !important;
}
body.mega-menu .navigation-bar li a span.try-now {
    background: transparent!important;
}
.second-level-menu-wrapper {
    float: right;
    right: 0;
    z-index: 99;
    height: 50px;
    clear: both;
}
.second-level-menu-wrapper.fixed {
    position: fixed;
    top: 0px;
    right: 0;
    left: 0;
    z-index: 999;
    padding-bottom: 0;
    background: url('/CMS_BackOffice/ResourceLink.aspx?ResourceName=bg-about-us&v=201506291815') center -80px;
    border-bottom: 1px solid #d6d6d6;
}
.second-level-menu-wrapper span.title {
    text-decoration: none;
    padding: 0;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0;
}
.second-level-menu-wrapper.fixed span.title {
    opacity: 1;
}
.second-level-menu-wrapper.fixed .span12 {} body.landing-no-top {
    background: white;
}
.submenuhoverbox.product {
    background-image: none;
    padding-top: 0;
}
.h3-product-tab {
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    color: #333;
    margin-top: 0;
    margin-bottom: 10px;
    display: block;
}
.h6-product-tab {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 10px;
    margin-bottom: 10px;
    display: block;
}
.submenuhoverbox-firstcontent.light-back a, .submenuhoverbox-secondcontent.mobile-back a {
    text-decoration: none;
    display: block;
    font-family: 'myriad-pro', Helvetica, Arial, sans-serif;
}
a:hover span.h6-product-tab {
    text-decoration: underline;
}
.submenuhover.submenu-hover-sections [class^="osicon-"], .submenuhover.submenu-hover-sections[class*=" osicon-"] {
    color: #c20;
    font-size: 20px;
    text-align: center;
    display: inline-block;
    max-width: 20px;
    padding-right: 5px;
    vertical-align: bottom;
}
.sub-navigation-bar li a {
    color: #333;
}
.sub-navigation-bar a.active {
    font-weight: 600;
    border-bottom: 1px solid gray;
}
.navigation-bar li.get-started {
    background: #000;
}
.navigation-bar li.get-started a:hover, .navigation-bar li.active.get-started a:hover {
    background-color: #CB2100;
}
.navigation-bar li.get-started a {
    padding: 0 10px;
    height: 33px;
    line-height: 30px;
    margin-top: 8px;
}
.navigation-bar li.get-started a span, .navigation-bar li.get-started a:hover span {
    background: transparent;
    margin: 0;
}
h1.slogan {
    font-size: 52px;
    font-weight: 400;
    margin-bottom: 7px;
    font-family: 'myriad-pro', Arial, sans-serif;
    color: white;
}
h3.description {
    color: white;
    text-shadow: 1px 1px #666;
    font-weight: 400;
    font-size: 26px;
    line-height: 32px;
    padding-top: 30px;
}
.call-out-hero-home a.osbtn.osbtn-red.popup_link {
    margin-top: 23px;
    margin-bottom: 65px;
    padding: 15px 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.call-out-hero-home .featured {
    background-color: rgba(0, 0, 0, 0.35);
    overflow: hidden;
    height: 75px;
    font-family: 'myriad-pro', Helvetica, Arial, sans-serif;
    position: absolute;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    color: white;
    bottom: 0;
    width: 980px;
    margin: 0 auto;
}
.call-out-hero-home .featured .featured-label {
    position: absolute;
    padding: 10px;
    color: #7c7c7c;
    padding-top: 4px;
}
.call-out-hero-home .featured .m-item {
    font-size: 16px;
    display: none;
    line-height: 75px;
}
.call-out-hero-home .featured .m-item.m-active {
    display: block;
}
.call-out-hero-home .featured .m-item.m-active a {
    color: white;
}
.call-out-hero-home .featured .pxs_navigation {
    display: block;
    height: 100%;
    width: 100%;
}
.call-out-hero-home .featured .pxs_navigation span {
    display: none;
    height: 75px;
    cursor: pointer;
    position: absolute;
    line-height: 75px;
    top: 50%;
    margin-top: -12px;
}
.call-out-hero-home .featured .pxs_navigation span.pxs_next {
    right: 20px;
}
.call-out-hero-home .featured .pxs_navigation span.pxs_prev {
    left: 20px;
}
.call-out-hero-home h3.description strong {
    font-weight: 600;
    text-shadow: 1px 1px #666;
}
.call-out-hero-home span.osicon-play-triangle {
    position: absolute;
    line-height: 20px;
}
.call-out-hero-home a span:nth-child(2) {
    padding-left: 30px;
}
.benefits {
    padding-bottom: 60px;
}
.benefits_row {} .benefits h2 {
    padding-top: 50px;
}
.benefits .image-holder {
    padding-top: 25px;
    height: 180px;
}
.benefits .benefit {
    width: 308px;
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    padding: 10px 9px 20px;
    -webkit-transition: box-shadow 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: box-shadow 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: box-shadow 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: box-shadow 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
    padding-bottom: 20px;
}
.benefits .benefit.bordered {
    border-left: 1px solid rgba(204, 204, 204, 0.30);
    margin-left: 0;
}
.benefits .benefit:hover {
    background-color: white;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    border-color: transparent;
}
.benefits .benefit img {
    padding-bottom: 15px;    
}
.benefits .benefit a {
    color: #000;
    display: block;
    text-align: center;
}
.benefits .benefit a:hover {
    text-decoration: none;
}
.benefits .benefit span {
    color: #4a4a4a;
    font-family: Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.benefits .benefit span.link {
    color: #0088cc;
    display: block;
}
.benefits span.h3 {
    color: #4a4a4a;
    font-family: 'myriad-pro', Arial, sans-serif;
    font-size: 18px !Important;
    display: block;
    margin-bottom: 20px;
    font-weight: 600;
}
.benefits span.desc {
    display: block;
    min-height: 80px;
}
.what-is-it {
    background-image: url('/CMS_BackOffice/ResourceLink.aspx?ResourceName=what-you-can-do-background&v=201506291815');
    background-color: #742211;
    padding-bottom: 70px;
    background-position: center top;
}
.what-is-it h2 {
    text-shadow: 0 2px 1px rgba(22, 22, 22, 0.5);
    color: white;
    font-weight: 400;
    padding-top: 50px;
}
.what-you-can-do {
    text-align: left;
    margin-top: 10px;
    background: #FFF;
    border-top-width: 0;
    display: table;
}
.what-you-can-do .btn-group .btn {
    width: 224px;
    text-align: center;
    display: inline-block;
    margin: 0;
    padding: 17px 0px;
    text-shadow: none;
    background: #EBEBEB;
}
.what-you-can-do .btn-group .btn.active {
    box-shadow: none;
    border: none;
    background: white;
}
.what-you-can-do .btn-group .btn:hover {
    background: #F2F2F2;
}
.what-you-can-do .btn-group .btn.active:hover {
    background: #FFF;
}
.what-you-can-do .btn-group .btn .iconlp-fontcolor, .what-you-can-do .btn-group .btn .fa-unlock, .what-you-can-do .btn-group .btn span.h4 {
    color: #606060;
}
.what-you-can-do .btn-group .btn .iconlp-fontcolor, .what-you-can-do .btn-group .btn .fa-unlock {
    margin-left: 20px;
    font-size: 28px;
}
.what-you-can-do .btn-group .btn.active .iconlp-fontcolor, .what-you-can-do .btn-group .btn.active .fa-unlock {
    margin-left: 20px;
    color: #c20;
}
.what-you-can-do .btn-group.optionSelector {
    white-space: normal;
    width: 226px;
    vertical-align: top;
    display: table-cell;
}
.what-you-can-do .btn-group .btn span.h4 {
    margin: 5px 0;
    font-size: 16px;
    display: block;
    font-family: myriad-pro, Arial, sans-serif;
    font-weight: 600;
    line-height: 24px;
}
.what-you-can-do .btn-group .btn.active span.h4 {
    text-shadow: 0 2px 1px rgba(179, 179, 179, 0.5);
    color: #c20;
}
.what-you-can-do .description {
    display: table-cell;
    position: relative;
    width: 100%;
}
.what-you-can-do .description .option {
    position: absolute;
    width: 100%;
    margin-top: 30px;
    text-align: center;
}
.what-you-can-do .description h4 {
    margin: 12px 0;
    font-size: 16px;
    font-weight: 400;
    color: #333;
}
.what-you-can-do .description iframe {
    border: 4px solid #808080;
}
.what-you-can-do .description .option.manage img {
    height: 387px;
}
.photo-quotes {
    background-image: url('/CMS_BackOffice/ResourceLink.aspx?ResourceName=Dark-photo-customers-bg1&v=201506291815');
    background-color: black;
    background-position: center top;
    background-repeat: no-repeat;
    text-align: center;
}
.m-carousel.m-quotes .m-item {
    display: none;
}
.m-carousel.m-quotes .m-item.m-active {
    display: block;
}
.m-carousel.m-quotes.pxs_navigation {
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    width: 100%;
    left: 0;
    right: 0;
}
.m-carousel.m-quotes {
    position: relative;
}
.m-carousel.m-quotes .pxs_navigation {
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -10px;
}
.m-carousel.m-quotes .pxs_navigation span.pxs_next {
    float: right;
}
.m-carousel.m-quotes .pxs_navigation span.pxs_prev {
    float: left;
}
.m-carousel.m-quotes .pxs_navigation span {
    cursor: pointer;
    width: 25px;
}
.customers-and-experts {
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}
.customers-and-experts a {
    display: block;
}
.customers-and-experts a:hover {
    text-decoration: none;
}
.customers-and-experts a span.customer-matrix-entry, .customers-and-experts a span.partner-matrix-entry {
    margin: 0 0 3px 5px;
    border: 1px solid #F4F4F4;
    display: inline-block;
}
.customers-and-experts a span.customer-matrix-entry {
    display: none;
}
.customers-and-experts a span.customer-matrix-entry img, .customers-and-experts a span.partner-matrix-entry img {
    height: 69px;
}
.customers-and-experts a span.partner-matrix-entry {
    margin: 0 0 5px 1px;  
}
.how-can-we-help {
    background-color: #F2F2F2;
    text-align: center;
}
.needs {
    padding: 50px 0;
}
.needs .need a {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: box-shadow 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: box-shadow 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: box-shadow 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: box-shadow 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.needs .need h5 {
    display: table;
    width: 100%;
    height: 50px;
}
.needs h5 span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.needs .need > a {
    border-radius: 7px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.31);
    display: block;
    padding: 20px 15px;
    color: black;
    background-color: white;
}
.needs .need.span3 p {
    text-align: center;
    min-height: 110px;
}
.needs .need > a:hover {
    text-decoration: none;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
    border-color: rgba(214, 214, 214, 0);
}
.needs .need a .cta {
    color: #0088cc;
    padding-bottom: 10px;
}
.needs .need a .cta:hover, a.cta:hover {
    text-decoration: none;
}
.needs .need.apps {
    width: 1000px;
}
.needs_row .need.apps h3, .needs_row .need.apps p {
    height: auto;
}
.needs span.h5 {
    vertical-align: middle;
    text-align: center;
    font-family: myriad-pro, Arial, sans-serif;
    color: #333;
    margin-top: 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    display: block;
    margin-bottom: 20px;
}
.needs .need > a span.desc {
    text-align: center;
    min-height: 110px;
    display: block;
}

/**Partners*/
/**PartnersHeaders*/
.HeroPartnersPage {
  color: white;
  top: 0PX;
  background-color: rgb(0, 0, 0);
  width: 100%;
  height: auto;
  background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=hero_partners) #000000 center no-repeat;
  /**fixtodelete when submenu*/
  background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=hero_partners) center 0px no-repeat #000;
}
.HeroPartnersPageTitle {
    color: white;
   
}

/**PartnersList*/
 .PartnerPageSubtitle {
    text-align: center;
    color: #353535;
    font-family: 'Myriad-Pro';
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    padding-bottom: 30px;
    padding-top: 30px;
  }
  .Partner {
    background-color: white;
    border: 1px solid #E4E4E4;
    border-radius: 5px;
    margin-left: 0px;
    height: 200px;
    display: table-cell; 
    vertical-align: middle;
    box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.08);
    height: 210px;
  box-sizing: border-box;
}

  .Partners.Successful-Projects {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=bg_partners) #000000 top no-repeat;
    background-color: #313E41;
    text-align: center;
  }
  .PartnerImage{
    width: 100px;
    margin-right: 10px;
    display: inline-block;
    display: table-cell;
    vertical-align: middle;
  }
  .PartnerImage>a>img {
    max-width: 100px;
  }
  .PartnersInfo{
    text-align: left;
    font-size: 12px;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
  }
  .SeeMore {
    display: inline-block;
    font-weight: bold;
    color: rgb(31, 91, 164);
    padding-bottom: 5px;
    font-size: 12px;
    padding-right: 10px;
  }
  .SeeMore:after {
    font-size: 11px;
    color: #0088cc;
    content: '\E647';
    font-family: 'OS-Icon-Set';
  }
  .m-carousel-pagination.PartnersPagination a {
    border:1px solid #e1e1e1;
    padding: 8px;
    border-radius: 5px;
    margin-right:5px;
    border:1px solid #e1e1e1;
    padding: 8px;
    border-radius: 5px;
    margin-right:5px;
  }
  .m-carousel-pagination.PartnersPagination a.m-active {
    box-shadow: 0px 3px 4px rgba(226, 226, 226, 0.58);
    border: 1px solid #ccc;
    background: #f3f3f3;
    text-decoration: none;
  }
  .m-carousel-pagination.PartnersPagination a:hover {
    box-shadow: 0px 3px 4px rgba(226, 226, 226, 0.58);
    border: 1px solid #ccc;
    background: #f3f3f3;
    text-decoration: none;
  }
  .PartnersPagination {
    padding-top: 40px;
    text-align: center;
  }
  .PartnerList .span6 {
    margin-bottom: 35px;
  }

  /**Become a partner*/
   .Successful-Projects {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=mask2&v=20150326183848) #000000 top no-repeat;
    background-color: #313E41;
    text-align: center;
  }
  .Successful-Projects .casestudies {
    padding: 50px 0;
  }
  .casestudies .casestudy > a {
    margin-left: 34px;
    margin-right: 34px;
    border-radius: 7px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.31);
    display: block;
    padding: 30px 29px;
    color: black;
    background-color: white;
  }
  .casestudies .casestudy>a span.desc {
    padding-top: 35px;
    text-align: center;
    min-height: 110px;
    display: block;
  }
  .casestudies .casestudy a .cta {
    color: #08c;
    padding-bottom: 10px;
  }
  .casestudies .casestudy > a:hover {
    text-decoration: none;
    box-shadow: 0 6px 15px rgba(255, 255, 255, 0.44);
    border-color: rgba(214,214,214,0);
  }
  .m-carousel-bulleted a.m-active {
    color:  #0065aa;
  }
  .m-carousel-bulleted a {
    text-align: center;
    color: #333;
  }
  .m-active > .span3 > .marker {
    display: block;
    height: 6px;
    background-color: #0065aa;
    border-radius: 40px;
  }
  .span3 > .marker {
    display: block;
    height: 6px;
    background-color: #e7eced;
    border-radius: 40px;
    margin-bottom: 15px;
  }
  .row.m-carousel-controls.m-carousel-bulleted {
    padding-top: 77px;
  }
  .PartnershipLevel {
    height: 394px;
    text-align: center;
    border: 1px solid #e7e2e2;
    border-radius: 9px;
    box-shadow: 0 7px 14px rgba(9, 9, 9, 0.05);
  }
  .PartnershipLevel div {
    text-align: initial;
    border-top: 1px solid #e7eced;
    vertical-align: middle;
    line-height: 56px;
    text-align: center;
  }

   .PartnershipTable {
    font-family: "Myriad-Pro";
  }
  .PartnershipTable div {
    font-family: "Myriad-Pro";
    border-bottom: 1px solid #e7eced;
    vertical-align: middle;
    line-height: 33px;
    padding-left: 30px;
    height: 33px;
    margin-right: 30px;
  }
  .PartnershipTable.Gray {
    border: 1px solid #dedede;
    border-radius: 9px;
    margin-top: 33px;
    background-color: #f7f7f7;
  }
  .PartnershipTable .Subtitle{
    border-bottom: 1px solid #e7eced;
    color: black;
    font-family: 'Myriad-Pro';
    font-size: 18px;
    font-weight: 600;
  }
  .PartnershipTable .Title{
    padding-top: 30px;
    color: black;
    font-family: "Myriad-Pro";
    font-size: 28px;
    font-weight: 400;
  }
  .PartnerComparer {
    text-align: center;
    background-color: white;
    border: 1px solid #e7e2e2;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.18);
  }
  .PartnerComparer div {
    border-top: 1px solid #e7eced;
    line-height: 33px;
    height: 33px;
  }
  .Checked:before {
    content: '\e659';
    font-family: os-icon-set;
    padding-left: 10px;
  }
  .PartnerComparer .Spacer {
    height: 63px !important;
    line-height: 51px;
  }
  .expandible {
    display: none;
    border-top: none !important;
    padding-left: 0px !important;
    height: auto !important;
    border-bottom: none !important;
  }
  .expander {
    cursor: pointer;
    color: #0188cc;
    font-size: 12px;
  }
  .expander.Comparer {
    font-family: "Myriad-Pro";
    height: 28px;
    color: gray;
    font-size: 15px;
    font-weight: 400;
    line-height: 0;
    border: 1px solid #F0F0F0;
    box-shadow: 0px 2px 3px rgba(226, 226, 226, 0.5);
    height: 25px;
    padding-top: 25px;
    margin-top: 50px;
    border-radius: 8px;
    transition: all 200ms cubic-bezier(.215,.61,.355,1);
  }
  .expander.Comparer.expanded {
    border-radius: 8px 8px 0 0;
    border: 1px solid #fff;
    box-shadow: none;
  }
  .expander.Comparer.expanded:hover {
    border: 1px solid #fff;
    box-shadow: none;
  }
  .expander.Comparer.expanded:after {
    content: '\e646';
    font-family: os-icon-set;
    padding-left: 5px;
  }
  .Table {
    font-size: 12px;
  }
  .Table:after {
    content: '\e605';
    font-family: os-icon-set;
  }
  .expander.Table:hover {
    color: #005580;
  }
  .expander.Comparer:after {
    content: '\e649';
    font-family: os-icon-set;
    padding-left: 5px;
  }
  .expander.Comparer:hover {
    box-shadow: 0px 3px 4px rgba(226, 226, 226, 0.58);
    border: 1px solid #E2E2E2;
  }


/**PartnersEnd*/


/**to fix companie logos position on website*/

@media only screen and (min-device-width: 767px) {
    .case-study-customer-logo {
        bottom: 15px
    }

  }

/** End of fix **/
/* Magnific Popup CSS */

.mfp-content #WebForm1 {
    height: 100%
}
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 91042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8;
    filter: alpha(opacity=80)
}
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 91043;
    position: fixed;
    outline: none!important;
    -webkit-backface-visibility: hidden
}
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}
.mfp-align-top .mfp-container:before {
    display: none
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 91045;
    height: 100%
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}
.mfp-ajax-cur {
    cursor: progress
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
    cursor: auto
}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}
.mfp-loading.mfp-figure {
    display: none
}
.mfp-hide {
    display: none!important
}
.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 91044
}
.mfp-preloader a {
    color: #ccc
}
.mfp-preloader a:hover {
    color: #fff
}
.mfp-s-ready .mfp-preloader {
    display: none
}
.mfp-s-error .mfp-content {
    display: none
}
button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 91046;
    -webkit-box-shadow: none;
    box-shadow: none
}
button::-moz-focus-inner {
    padding: 0;
    border: 0
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}
.mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100)
}
.mfp-close:active {
    top: 1px
}
.mfp-close-btn-in .mfp-close {
    color: #333
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px
}
.mfp-arrow {
    position: absolute;
    opacity: .65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.mfp-arrow:active {
    margin-top: -54px
}
.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100)
}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}
.mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}
.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}
.mfp-arrow-left {
    left: 0
}
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid #fff;
    margin-left: 31px
}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}
.mfp-arrow-right {
    right: 0
}
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid #fff;
    margin-left: 39px
}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}
.mfp-iframe-holder .mfp-close {
    top: -40px
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000
}
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}
.mfp-figure {
    line-height: 0
}
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444
}
.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}
.mfp-figure figure {
    margin: 0
}
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}
.mfp-image-holder .mfp-content {
    max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}
.mfp-back {
    background-color: #000;
    margin-top: 10px;
    margin: 50px 15px;
    padding: 15px 0;
    margin-top: 20px
}
.mfp-action-bar-wrapper {
    width: 80%
}
.mfp-os-link-wrapper-left {
    font-size: 27px;
    width: 40px;
    display: inline-block;
    vertical-align: middle
}
.mfp-os-link-wrapper-right {
    font-size: 27px;
    width: 40px;
    display: inline-block;
    vertical-align: middle
}
.mfp-os-link-wrapper-close {
    top: 0;
    position: absolute;
    font-size: 27px;
    right: 15px
}
a.magnific_popup-prev, a.magnific_popup-close, a.magnific_popup-next {
    color: #f2f2f2;
    text-decoration: none
}
.mfp-content .mfp-os-popup-content {
    display: inline-block;
    vertical-align: middle;
    height: auto;
    width: 100%;
    max-width: 890px
}
.mfp-content .mfp-os-popup-content img {
    width: 100%
}
.mfp-os-main-content {
    position: relative;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap
}
.mfp-os-main-content .details {
    text-align: left;
    margin: 0 auto;
    max-width: 890px;
    margin-top: 25px;
    color: #fff
}
.mfp-os-main-content .details h5 {
    color: #fff;
    margin-bottom: 0
}
.mfp-os-main-content .details p {
    margin-bottom: 0
}
.mfp-os-wrapper, .mfp-os-left, .mfp-os-right {
    height: 100%
}
.mfp-os-right {
    position: relative;
    background-color: #000
}
.mfp-os-thumbs {
    text-align: center;
    display: table;
    width: 100%;
    height: 530px
}
.mfp-os-listrecord {
    height: 100%;
    display: inline-block
}
.mfp-os-thumb {
    margin-bottom: 30px
}
.mfp-os-thumb a {
    display: table-cell;
    position: relative
}
.mfp-os-thumb:hover .inner-shadow, .mfp-os-thumb.active .inner-shadow {
    border: 3px solid #c20;
    position: absolute;
    width: 96px;
    height: 66px
}
.mfp-os-thumb img {
    width: 102px;
    height: 72px
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {


    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}
@media all and (max-width: 900px) {
  

    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}
.mfp-ie7 .mfp-img {
    padding: 0
}
.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}
.mfp-ie7 .mfp-container {
    padding: 0
}
.mfp-ie7 .mfp-content {
    padding-top: 44px
}
.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}
/*CMS_BackOffice - ICE Styles*/

.ICE_Text {
    position: absolute;
    font-size: 15px;
    margin-top: 5px;
    font-weight: bold;
    margin-left: 26px;
}
.magpopup a.gotomagnific {
    display: none;
}
.magpopup:hover a.gotomagnific {
    display: block;
}
.edit_content_link {
    display: none;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 666;
    color: firebrick;
    font-weight: bold;
    font-size: 14px;
}
.edit_content_link:hover {
    text-decoration: none;
    color: darkred;
}


/*social share styles*/
.social-wrapper ul.social-icons li
{
  display:inline-block;
  margin-right:10px
}

.social-wrapper ul.social-icons
{
  margin-top:27px
}

.social-wrapper a.twitter,.social-wrapper a.facebook,.social-wrapper a.google,.social-wrapper a.linkedin
{
  background:url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=icons&v=201506291815) no-repeat;
  width:21px;
  height:21px;
  text-indent:-9999px;
  display:inline-block
}

.social-wrapper a.twitter
{
  background-position:-29px -551px
}

.social-wrapper a:hover.twitter
{
  background-position:-29px -581px
}

.social-wrapper a.facebook
{
  background-position:-1px -551px
}

.social-wrapper a:hover.facebook
{
  background-position:-1px -581px
}

.social-wrapper a.google
{
  background-position:-29px -611px
}

.social-wrapper a:hover.google
{
  background-position:-29px -641px
}

.social-wrapper a.linkedin
{
  background-position:-1px -611px
}

.social-wrapper a:hover.linkedin
{
  background-position:-1px -641px
}