salesforce.com.css

@media only screen and (max-width: 1311px) and (min-width: 1025px) {
    .navbar .navbar-brand a {
        display: block;
        width: 85px;
        height: 61px;
        margin-top: 5px;
        background-repeat: no-repeat;
        background-image: url('/content/dam/web/en_us/www/images/nav/salesforce-cloud-logo-sm.png');
    }

    .navbar-brand .image-link img.img,
    .navbar-brand img.hidden-xs.hidden-sm.img-responsive {
        display: none !important;
    }
}

.navbar-expandable-container img.lazy.img-responsive.margin-30-top-lg {
    width: auto !important;
}

.container.tab-wrap {
    padding-right: 0px;
}

@font-face {
    font-family:'Glyphicons Halflings';src:url('../sfdc-aem-master/clientlibs_base/fonts/glyphicons-halflings-regular.eot');src:url('../sfdc-aem-master/clientlibs_base/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../sfdc-aem-master/clientlibs_base/fonts/glyphicons-halflings-regular.woff2') format('woff2'),url('../sfdc-aem-master/clientlibs_base/fonts/glyphicons-halflings-regular.woff') format('woff'),url('../sfdc-aem-master/clientlibs_base/fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../sfdc-aem-master/clientlibs_base/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    letter-spacing: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
    content: "\2a"
}

.glyphicon-plus:before {
    content: "\2b"
}

.glyphicon-euro:before,.glyphicon-eur:before {
    content: "\20ac"
}

.glyphicon-minus:before {
    content: "\2212"
}

.glyphicon-cloud:before {
    content: "\2601"
}

.glyphicon-envelope:before {
    content: "\2709"
}

.glyphicon-pencil:before {
    content: "\270f"
}

.glyphicon-glass:before {
    content: "\e001"
}

.glyphicon-music:before {
    content: "\e002"
}

.glyphicon-search:before {
    content: "\e003"
}

.glyphicon-heart:before {
    content: "\e005"
}

.glyphicon-star:before {
    content: "\e006"
}

.glyphicon-star-empty:before {
    content: "\e007"
}

.glyphicon-user:before {
    content: "\e008"
}

.glyphicon-film:before {
    content: "\e009"
}

.glyphicon-th-large:before {
    content: "\e010"
}

.glyphicon-th:before {
    content: "\e011"
}

.glyphicon-th-list:before {
    content: "\e012"
}

.glyphicon-ok:before {
    content: "\e013"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-zoom-in:before {
    content: "\e015"
}

.glyphicon-zoom-out:before {
    content: "\e016"
}

.glyphicon-off:before {
    content: "\e017"
}

.glyphicon-signal:before {
    content: "\e018"
}

.glyphicon-cog:before {
    content: "\e019"
}

.glyphicon-trash:before {
    content: "\e020"
}

.glyphicon-home:before {
    content: "\e021"
}

.glyphicon-file:before {
    content: "\e022"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-road:before {
    content: "\e024"
}

.glyphicon-download-alt:before {
    content: "\e025"
}

.glyphicon-download:before {
    content: "\e026"
}

.glyphicon-upload:before {
    content: "\e027"
}

.glyphicon-inbox:before {
    content: "\e028"
}

.glyphicon-play-circle:before {
    content: "\e029"
}

.glyphicon-repeat:before {
    content: "\e030"
}

.glyphicon-refresh:before {
    content: "\e031"
}

.glyphicon-list-alt:before {
    content: "\e032"
}

.glyphicon-lock:before {
    content: "\e033"
}

.glyphicon-flag:before {
    content: "\e034"
}

.glyphicon-headphones:before {
    content: "\e035"
}

.glyphicon-volume-off:before {
    content: "\e036"
}

.glyphicon-volume-down:before {
    content: "\e037"
}

.glyphicon-volume-up:before {
    content: "\e038"
}

.glyphicon-qrcode:before {
    content: "\e039"
}

.glyphicon-barcode:before {
    content: "\e040"
}

.glyphicon-tag:before {
    content: "\e041"
}

.glyphicon-tags:before {
    content: "\e042"
}

.glyphicon-book:before {
    content: "\e043"
}

.glyphicon-bookmark:before {
    content: "\e044"
}

.glyphicon-print:before {
    content: "\e045"
}

.glyphicon-camera:before {
    content: "\e046"
}

.glyphicon-font:before {
    content: "\e047"
}

.glyphicon-bold:before {
    content: "\e048"
}

.glyphicon-italic:before {
    content: "\e049"
}

.glyphicon-text-height:before {
    content: "\e050"
}

.glyphicon-text-width:before {
    content: "\e051"
}

.glyphicon-align-left:before {
    content: "\e052"
}

.glyphicon-align-center:before {
    content: "\e053"
}

.glyphicon-align-right:before {
    content: "\e054"
}

.glyphicon-align-justify:before {
    content: "\e055"
}

.glyphicon-list:before {
    content: "\e056"
}

.glyphicon-indent-left:before {
    content: "\e057"
}

.glyphicon-indent-right:before {
    content: "\e058"
}

.glyphicon-facetime-video:before {
    content: "\e059"
}

.glyphicon-picture:before {
    content: "\e060"
}

.glyphicon-map-marker:before {
    content: "\e062"
}

.glyphicon-adjust:before {
    content: "\e063"
}

.glyphicon-tint:before {
    content: "\e064"
}

.glyphicon-edit:before {
    content: "\e065"
}

.glyphicon-share:before {
    content: "\e066"
}

.glyphicon-check:before {
    content: "\e067"
}

.glyphicon-move:before {
    content: "\e068"
}

.glyphicon-step-backward:before {
    content: "\e069"
}

.glyphicon-fast-backward:before {
    content: "\e070"
}

.glyphicon-backward:before {
    content: "\e071"
}

.glyphicon-play {
    left: .5px
}

.glyphicon-play:before {
    content: "\e072"
}

.glyphicon-pause:before {
    content: "\e073"
}

.glyphicon-stop:before {
    content: "\e074"
}

.glyphicon-forward:before {
    content: "\e075"
}

.glyphicon-fast-forward:before {
    content: "\e076"
}

.glyphicon-step-forward:before {
    content: "\e077"
}

.glyphicon-eject:before {
    content: "\e078"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-plus-sign:before {
    content: "\e081"
}

.glyphicon-minus-sign:before {
    content: "\e082"
}

.glyphicon-remove-sign:before {
    content: "\e083"
}

.glyphicon-ok-sign:before {
    content: "\e084"
}

.glyphicon-question-sign:before {
    content: "\e085"
}

.glyphicon-info-sign:before {
    content: "\e086"
}

.glyphicon-screenshot:before {
    content: "\e087"
}

.glyphicon-remove-circle:before {
    content: "\e088"
}

.glyphicon-ok-circle:before {
    content: "\e089"
}

.glyphicon-ban-circle:before {
    content: "\e090"
}

.glyphicon-arrow-left:before {
    content: "\e091"
}

.glyphicon-arrow-right:before {
    content: "\e092"
}

.glyphicon-arrow-up:before {
    content: "\e093"
}

.glyphicon-arrow-down:before {
    content: "\e094"
}

.glyphicon-share-alt:before {
    content: "\e095"
}

.glyphicon-resize-full:before {
    content: "\e096"
}

.glyphicon-resize-small:before {
    content: "\e097"
}

.glyphicon-exclamation-sign:before {
    content: "\e101"
}

.glyphicon-gift:before {
    content: "\e102"
}

.glyphicon-leaf:before {
    content: "\e103"
}

.glyphicon-fire:before {
    content: "\e104"
}

.glyphicon-eye-open:before {
    content: "\e105"
}

.glyphicon-eye-close:before {
    content: "\e106"
}

.glyphicon-warning-sign:before {
    content: "\e107"
}

.glyphicon-plane:before {
    content: "\e108"
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-random:before {
    content: "\e110"
}

.glyphicon-comment:before {
    content: "\e111"
}

.glyphicon-magnet:before {
    content: "\e112"
}

.glyphicon-chevron-up:before {
    content: "\e113"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

.glyphicon-retweet:before {
    content: "\e115"
}

.glyphicon-shopping-cart:before {
    content: "\e116"
}

.glyphicon-folder-close:before {
    content: "\e117"
}

.glyphicon-folder-open:before {
    content: "\e118"
}

.glyphicon-resize-vertical:before {
    content: "\e119"
}

.glyphicon-resize-horizontal:before {
    content: "\e120"
}

.glyphicon-hdd:before {
    content: "\e121"
}

.glyphicon-bullhorn:before {
    content: "\e122"
}

.glyphicon-bell:before {
    content: "\e123"
}

.glyphicon-certificate:before {
    content: "\e124"
}

.glyphicon-thumbs-up:before {
    content: "\e125"
}

.glyphicon-thumbs-down:before {
    content: "\e126"
}

.glyphicon-hand-right:before {
    content: "\e127"
}

.glyphicon-hand-left:before {
    content: "\e128"
}

.glyphicon-hand-up:before {
    content: "\e129"
}

.glyphicon-hand-down:before {
    content: "\e130"
}

.glyphicon-circle-arrow-right:before {
    content: "\e131"
}

.glyphicon-circle-arrow-left:before {
    content: "\e132"
}

.glyphicon-circle-arrow-up:before {
    content: "\e133"
}

.glyphicon-circle-arrow-down:before {
    content: "\e134"
}

.glyphicon-globe:before {
    content: "\e135"
}

.glyphicon-wrench:before {
    content: "\e136"
}

.glyphicon-tasks:before {
    content: "\e137"
}

.glyphicon-filter:before {
    content: "\e138"
}

.glyphicon-briefcase:before {
    content: "\e139"
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.glyphicon-dashboard:before {
    content: "\e141"
}

.glyphicon-paperclip:before {
    content: "\e142"
}

.glyphicon-heart-empty:before {
    content: "\e143"
}

.glyphicon-link:before {
    content: "\e144"
}

.glyphicon-phone:before {
    content: "\e145"
}

.glyphicon-pushpin:before {
    content: "\e146"
}

.glyphicon-usd:before {
    content: "\e148"
}

.glyphicon-gbp:before {
    content: "\e149"
}

.glyphicon-sort:before {
    content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"
}

.glyphicon-sort-by-order:before {
    content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154"
}

.glyphicon-sort-by-attributes:before {
    content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"
}

.glyphicon-unchecked:before {
    content: "\e157"
}

.glyphicon-expand:before {
    content: "\e158"
}

.glyphicon-collapse-down:before {
    content: "\e159"
}

.glyphicon-collapse-up:before {
    content: "\e160"
}

.glyphicon-log-in:before {
    content: "\e161"
}

.glyphicon-flash:before {
    content: "\e162"
}

.glyphicon-log-out:before {
    content: "\e163"
}

.glyphicon-new-window:before {
    content: "\e164"
}

.glyphicon-record:before {
    content: "\e165"
}

.glyphicon-save:before {
    content: "\e166"
}

.glyphicon-open:before {
    content: "\e167"
}

.glyphicon-saved:before {
    content: "\e168"
}

.glyphicon-import:before {
    content: "\e169"
}

.glyphicon-export:before {
    content: "\e170"
}

.glyphicon-send:before {
    content: "\e171"
}

.glyphicon-floppy-disk:before {
    content: "\e172"
}

.glyphicon-floppy-saved:before {
    content: "\e173"
}

.glyphicon-floppy-remove:before {
    content: "\e174"
}

.glyphicon-floppy-save:before {
    content: "\e175"
}

.glyphicon-floppy-open:before {
    content: "\e176"
}

.glyphicon-credit-card:before {
    content: "\e177"
}

.glyphicon-transfer:before {
    content: "\e178"
}

.glyphicon-cutlery:before {
    content: "\e179"
}

.glyphicon-header:before {
    content: "\e180"
}

.glyphicon-compressed:before {
    content: "\e181"
}

.glyphicon-earphone:before {
    content: "\e182"
}

.glyphicon-phone-alt:before {
    content: "\e183"
}

.glyphicon-tower:before {
    content: "\e184"
}

.glyphicon-stats:before {
    content: "\e185"
}

.glyphicon-sd-video:before {
    content: "\e186"
}

.glyphicon-hd-video:before {
    content: "\e187"
}

.glyphicon-subtitles:before {
    content: "\e188"
}

.glyphicon-sound-stereo:before {
    content: "\e189"
}

.glyphicon-sound-dolby:before {
    content: "\e190"
}

.glyphicon-sound-5-1:before {
    content: "\e191"
}

.glyphicon-sound-6-1:before {
    content: "\e192"
}

.glyphicon-sound-7-1:before {
    content: "\e193"
}

.glyphicon-copyright-mark:before {
    content: "\e194"
}

.glyphicon-registration-mark:before {
    content: "\e195"
}

.glyphicon-cloud-download:before {
    content: "\e197"
}

.glyphicon-cloud-upload:before {
    content: "\e198"
}

.glyphicon-tree-conifer:before {
    content: "\e199"
}

.glyphicon-tree-deciduous:before {
    content: "\e200"
}

.glyphicon-cd:before {
    content: "\e201"
}

.glyphicon-save-file:before {
    content: "\e202"
}

.glyphicon-open-file:before {
    content: "\e203"
}

.glyphicon-level-up:before {
    content: "\e204"
}

.glyphicon-copy:before {
    content: "\e205"
}

.glyphicon-paste:before {
    content: "\e206"
}

.glyphicon-alert:before {
    content: "\e209"
}

.glyphicon-equalizer:before {
    content: "\e210"
}

.glyphicon-king:before {
    content: "\e211"
}

.glyphicon-queen:before {
    content: "\e212"
}

.glyphicon-pawn:before {
    content: "\e213"
}

.glyphicon-bishop:before {
    content: "\e214"
}

.glyphicon-knight:before {
    content: "\e215"
}

.glyphicon-baby-formula:before {
    content: "\e216"
}

.glyphicon-tent:before {
    content: "\26fa"
}

.glyphicon-blackboard:before {
    content: "\e218"
}

.glyphicon-bed:before {
    content: "\e219"
}

.glyphicon-apple:before {
    content: "\f8ff"
}

.glyphicon-erase:before {
    content: "\e221"
}

.glyphicon-hourglass:before {
    content: "\231b"
}

.glyphicon-lamp:before {
    content: "\e223"
}

.glyphicon-duplicate:before {
    content: "\e224"
}

.glyphicon-piggy-bank:before {
    content: "\e225"
}

.glyphicon-scissors:before {
    content: "\e226"
}

.glyphicon-bitcoin:before {
    content: "\e227"
}

.glyphicon-yen:before {
    content: "\00a5"
}

.glyphicon-ruble:before {
    content: "\20bd"
}

.glyphicon-scale:before {
    content: "\e230"
}

.glyphicon-ice-lolly:before {
    content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232"
}

.glyphicon-education:before {
    content: "\e233"
}

.glyphicon-option-horizontal:before {
    content: "\e234"
}

.glyphicon-option-vertical:before {
    content: "\e235"
}

.glyphicon-menu-hamburger:before {
    content: "\e236"
}

.glyphicon-modal-window:before {
    content: "\e237"
}

.glyphicon-oil:before {
    content: "\e238"
}

.glyphicon-grain:before {
    content: "\e239"
}

.glyphicon-sunglasses:before {
    content: "\e240"
}

.glyphicon-text-size:before {
    content: "\e241"
}

.glyphicon-text-color:before {
    content: "\e242"
}

.glyphicon-text-background:before {
    content: "\e243"
}

.glyphicon-object-align-top:before {
    content: "\e244"
}

.glyphicon-object-align-bottom:before {
    content: "\e245"
}

.glyphicon-object-align-horizontal:before {
    content: "\e246"
}

.glyphicon-object-align-left:before {
    content: "\e247"
}

.glyphicon-object-align-vertical:before {
    content: "\e248"
}

.glyphicon-object-align-right:before {
    content: "\e249"
}

.glyphicon-triangle-right:before {
    content: "\e250"
}

.glyphicon-triangle-left:before {
    content: "\e251"
}

.glyphicon-triangle-bottom:before {
    content: "\e252"
}

.glyphicon-triangle-top:before {
    content: "\e253"
}

.glyphicon-console:before {
    content: "\e254"
}

.glyphicon-superscript:before {
    content: "\e255"
}

.glyphicon-subscript:before {
    content: "\e256"
}

.glyphicon-menu-left:before {
    content: "\e257"
}

.glyphicon-menu-right:before {
    content: "\e258"
}

.glyphicon-menu-down:before {
    content: "\e259"
}

.glyphicon-menu-up:before {
    content: "\e260"
}

[class^="icon-vidyard-"],[class*=" icon-vidyard-"],[class^="icon-sfdc-"],[class*=" icon-sfdc-"],[class^="icon-sflive-"],[class*=" icon-sflive-"],[class^="cloud-icon-"],[class*=" cloud-icon-"] {
    font-family: 'Salesforce Icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^="cloud-icon-"].primary-nav-sublink,[class*=" cloud-icon-"].primary-nav-sublink,[class^="cloud-icon-"].secondary-nav-sublink,[class*=" cloud-icon-"].secondary-nav-sublink {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
    color: #fff !important
}

[class^="cloud-icon-"].primary-nav-sublink:before,[class*=" cloud-icon-"].primary-nav-sublink:before,[class^="cloud-icon-"].secondary-nav-sublink:before,[class*=" cloud-icon-"].secondary-nav-sublink:before {
    display: none
}

.nav-overlay-drawer .social-media-links a [class^="cloud-icon-"],.nav-overlay-drawer .social-media-links a [class*=" cloud-icon-"] {
    font-size: 30px
}

.h3lg [class^="cloud-icon-"],.h3lg [class*=" cloud-icon-"] {
    font-size: 40px
}

.icon-sfdc-icon-download:before {
    content: "\e948"
}

.icon-sfdc-icon-email:before {
    content: "\e949"
}

.icon-sfdc-icon-xing:before,.icon-sfdc-icon-social-xing:before {
    content: "\e947"
}

.icon-sfdc-icon-xing-inverted:before,.icon-sfdc-icon-social-xing-inverted:before {
    content: "\e946"
}

.icon-sfdc-icon-wechat:before,.icon-sfdc-icon-social-wechat:before {
    content: "\e945"
}

.icon-sfdc-icon-wechat-inverted:before,.icon-sfdc-icon-social-wechat-inverted:before {
    content: "\e944"
}

.icon-sfdc-icon-left-arrow:before {
    content: "\e943"
}

.icon-sflive-keynote:before {
    content: "\e93e"
}

.icon-sflive-productkeynote:before {
    content: "\e93f"
}

.icon-sflive-session:before {
    content: "\e940"
}

.icon-sfdc-icon-certified:before {
    content: "\e93c"
}

.icon-sfdc-icon-social-blog:before {
    content: "\e93d"
}

.icon-sfdc-icon-1oclock:before {
    content: "\e900"
}

.icon-sfdc-icon-5oclock:before {
    content: "\e901"
}

.icon-sfdc-icon-8oclock:before {
    content: "\e902"
}

.icon-sfdc-icon-alarm:before {
    content: "\e903"
}

.icon-sfdc-icon-calendar:before {
    content: "\e904"
}

.icon-sfdc-icon-closed-captioning:before {
    content: "\e905"
}

.icon-sfdc-icon-comments:before {
    content: "\e906"
}

.icon-sfdc-icon-down-arrow:before {
    content: "\e907"
}

.icon-vidyard-fullscreen-enter:before,.icon-sfdc-icon-fullscreen-enter:before {
    content: "\e908"
}

.icon-vidyard-fullscreen-exit:before,.icon-sfdc-icon-fullscreen-exit:before {
    content: "\e909"
}

.icon-sfdc-icon-fullscreen:before {
    content: "\e90a"
}

.icon-sfdc-icon-globe:before {
    content: "\e90b"
}

.icon-sfdc-icon-grid:before {
    content: "\e90c"
}

.icon-sfdc-icon-hamburger:before {
    content: "\e90d"
}

.icon-vidyard-hd:before,.icon-sfdc-icon-hd:before {
    content: "\e90e"
}

.icon-sfdc-icon-login:before {
    content: "\e90f"
}

.icon-sfdc-icon-magnifying-glass:before {
    content: "\e910"
}

.icon-sfdc-icon-minus:before {
    content: "\e911"
}

.icon-sfdc-icon-offsite:before {
    content: "\e912"
}

.icon-vidyard-pause:before,.icon-sfdc-icon-pause-round:before {
    content: "\e913"
}

.icon-sfdc-icon-pause-square:before {
    content: "\e914"
}

.icon-vidyard-play-only:before,.icon-sfdc-icon-play-only:before {
    content: "\e915"
}

.icon-vidyard-play:before,.icon-sfdc-icon-play:before {
    content: "\e916"
}

.icon-sfdc-icon-plus:before {
    content: "\e917"
}

.icon-sfdc-icon-retweet:before {
    content: "\e923"
}

.icon-sfdc-icon-right-arrow:before {
    content: "\e924"
}

.icon-sfdc-icon-share:before {
    content: "\e925"
}

.icon-sfdc-icon-facebook-inverted:before,.icon-sfdc-icon-social-facebook-inverted:before {
    content: "\e926"
}

.icon-sfdc-icon-facebook:before,.icon-sfdc-icon-social-facebook:before {
    content: "\e927"
}

.icon-sfdc-icon-google-inverted:before,.icon-sfdc-icon-social-google-inverted:before {
    content: "\e928"
}

.icon-sfdc-icon-google:before,.icon-sfdc-icon-social-google:before {
    content: "\e929"
}

.icon-sfdc-icon-linkedin-inverted:before,.icon-sfdc-icon-social-linkedin-inverted:before {
    content: "\e92a"
}

.icon-sfdc-icon-linkedin:before,.icon-sfdc-icon-social-linkedin:before {
    content: "\e92b"
}

.icon-sfdc-icon-twitter-inverted:before,.icon-sfdc-icon-social-twitter-inverted:before {
    content: "\e92c"
}

.icon-sfdc-icon-twitter:before,.icon-sfdc-icon-social-twitter:before {
    content: "\e92d"
}

.icon-sfdc-icon-youtube-inverted:before,.icon-sfdc-icon-social-youtube-inverted:before {
    content: "\e92e"
}

.icon-sfdc-icon-youtube:before,.icon-sfdc-icon-social-youtube:before {
    content: "\e92f"
}

.icon-vidyard-sound-bar:before,.icon-sfdc-icon-sound-bar:before {
    content: "\e930"
}

.icon-sfdc-icon-sound-mute:before {
    content: "\e931"
}

.icon-vidyard-sound:before,.icon-sfdc-icon-sound:before {
    content: "\e932"
}

.icon-sfdc-icon-star:before {
    content: "\e933"
}

.icon-sfdc-icon-talk-bubble-plus:before {
    content: "\e934"
}

.icon-sfdc-icon-talk-bubble:before {
    content: "\e935"
}

.icon-sfdc-icon-tooltip:before {
    content: "\e936"
}

.icon-sfdc-icon-up-arrow:before {
    content: "\e937"
}

.icon-sfdc-icon-volume:before {
    content: "\e938"
}

.icon-sfdc-icon-whitepaper:before {
    content: "\e939"
}

.icon-sfdc-icon-whitepaper2:before {
    content: "\e93a"
}

.icon-sfdc-icon-x:before {
    content: "\e93b"
}

.headingComponent a.has-cloud-icon {
    display: block
}

.headingComponent a:hover .cloud-icon-smb:before {
    color: #0096ac !important
}

.cloud-icon-smb:before {
    content: "\e922";
    color: #00c2df !important;
    padding-right: 10px
}

.cloud-icon-smb.vertical-bar-prefix {
    padding-left: 10px;
    border-left: 1px solid #00c2df
}

.cloud-icon-smb.primary-nav-sublink,.cloud-icon-smb.secondary-nav-sublink {
    background-color: #00c2df !important;
    border-bottom: 1px solid #00c2df !important
}

.headingComponent a.preventHover:hover .cloud-icon-smb:before {
    color: #00c2df !important
}

.headingComponent a:hover .cloud-icon-lightning-thunder:before {
    color: #000d3e !important
}

.cloud-icon-lightning-thunder:before {
    content: "\e91c";
    color: #001871 !important;
    padding-right: 10px
}

.cloud-icon-lightning-thunder.vertical-bar-prefix {
    padding-left: 10px;
    border-left: 1px solid #001871
}

.cloud-icon-lightning-thunder.primary-nav-sublink,.cloud-icon-lightning-thunder.secondary-nav-sublink {
    background-color: #001871 !important;
    border-bottom: 1px solid #001871 !important
}

.headingComponent a.preventHover:hover .cloud-icon-lightning-thunder:before {
    color: #001871 !important
}

.headingComponent a:hover .cloud-icon-analytics:before {
    color: #007f79 !important
}

.cloud-icon-analytics:before {
    content: "\e918";
    color: #00b2a9 !important;
    padding-right: 10px
}

.cloud-icon-analytics.vertical-bar-prefix {
    padding-left: 10px;
    border-left: 1px solid #00b2a9
}

.cloud-icon-analytics.primary-nav-sublink,.cloud-icon-analytics.secondary-nav-sublink {
    background-color: #00b2a9 !important;
    border-bottom: 1px solid #00b2a9 !important
}

.headingComponent a.preventHover:hover .cloud-icon-analytics:before {
    color: #00b2a9 !important
}

.headingComponent a:hover .cloud-icon-platform:before {
    color: #000d3e !important
}

.cloud-icon-platform:before {
    content: "\e91f";
    color: #001871 !important;
    padding-right: 10px
}

.cloud-icon-platform.vertical-bar-prefix {
    padding-left: 10px;
    border-left: 1px solid #001871
}

.cloud-icon-platform.primary-nav-sublink,.cloud-icon-platform.secondary-nav-sublink {
    background-color: #001871 !important;
    border-bottom: 1px solid #001871 !important
}

.headingComponent a.preventHover:hover .cloud-icon-platform:before {
    color: #001871 !important
}

.headingComponent a:hover .cloud-icon-community:before {
    color: #db9800 !important
}

.cloud-icon-community:before {
    content: "\e919";
    color: #ffb60f !important;
    padding-right: 10px
}

.cloud-icon-community.vertical-bar-prefix {
    padding-left: 10px;
    border-left: 1px solid #ffb60f
}

.cloud-icon-community.primary-nav-sublink,.cloud-icon-community.secondary-nav-sublink {
    background-color: #ffb60f !important;
    border-bottom: 1px solid #ffb60f !important
}

.headingComponent a.preventHover:hover .cloud-icon-community:before {
    color: #ffb60f !important
}

.headingComponent a:hover .cloud-icon-industries:before,.headingComponent a:hover .cloud-icon-industries-comms-media:before,.headingComponent a:hover .cloud-icon-industries-life-sciences:before,.headingComponent a:hover .cloud-icon-industries-manufacturing:before,.headingComponent a:hover .cloud-icon-industries-retail:before,.headingComponent a:hover .cloud-icon-industries-fin-serv:before,.headingComponent a:hover .cloud-icon-industries-health:before {
    color: #0078a8 !important
}

.cloud-icon-industries:before {
    content: "\e91a"
}

.cloud-icon-industries-comms-media:before {
    content: "\e94a"
}

.cloud-icon-industries-life-sciences:before {
    content: "\e94b"
}

.cloud-icon-industries-manufacturing:before {
    content: "\e94c"
}

.cloud-icon-industries-retail:before {
    content: "\e94d"
}

.cloud-icon-industries-fin-serv:before {
    content: "\e94e"
}

.cloud-icon-industries-health:before {
    content: "\e94f"
}

.cloud-icon-industries:before,.cloud-icon-industries-comms-media:before,.cloud-icon-industries-life-sciences:before,.cloud-icon-industries-manufacturing:before,.cloud-icon-industries-retail:before,.cloud-icon-industries-fin-serv:before,.cloud-icon-industries-health:before {
    color: #009cdb !important;
    padding-right: 10px
}

.cloud-icon-industries.vertical-bar-prefix,.cloud-icon-industries-comms-media.vertical-bar-prefix,.cloud-icon-industries-life-sciences.vertical-bar-prefix,.cloud-icon-industries-manufacturing.vertical-bar-prefix,.cloud-icon-industries-retail.vertical-bar-prefix,.cloud-icon-industries-fin-serv.vertical-bar-prefix,.cloud-icon-industries-health.vertical-bar-prefix {
    padding-left: 10px;
    border-left: 1px solid #009cdb
}

.cloud-icon-industries.primary-nav-sublink,.cloud-icon-industries-comms-media.primary-nav-sublink,.cloud-icon-industries-life-sciences.primary-nav-sublink,.cloud-icon-industries-manufacturing.primary-nav-sublink,.cloud-icon-industries-retail.primary-nav-sublink,.cloud-icon-industries-fin-serv.primary-nav-sublink,.cloud-icon-industries-health.primary-nav-sublink,.cloud-icon-industries.secondary-nav-sublink,.cloud-icon-industries-comms-media.secondary-nav-sublink,.cloud-icon-industries-life-sciences.secondary-nav-sublink,.cloud-icon-industries-manufacturing.secondary-nav-sublink,.cloud-icon-industries-retail.secondary-nav-sublink,.cloud-icon-industries-fin-serv.secondary-nav-sublink,.cloud-icon-industries-health.secondary-nav-sublink {
    background-color: #009cdb !important;
    border-bottom: 1px solid #009cdb !important
}

.headingComponent a.preventHover:hover .cloud-icon-industries:before,.headingComponent a.preventHover:hover .cloud-icon-industries-comms-media:before,.headingComponent a.preventHover:hover .cloud-icon-industries-life-sciences:before,.headingComponent a.preventHover:hover .cloud-icon-industries-manufacturing:before,.headingComponent a.preventHover:hover .cloud-icon-industries-retail:before,.headingComponent a.preventHover:hover .cloud-icon-industries-fin-serv:before,.headingComponent a.preventHover:hover .cloud-icon-industries-health:before {
    color: #009cdb !important
}

.headingComponent a:hover .cloud-icon-iot:before {
    color: #000d3e !important
}

.cloud-icon-iot:before {
    content: "\e91b";
    color: #001871 !important;
    padding-right: 10px
}

.cloud-icon-iot.vertical-bar-prefix {
    padding-left: 10px;
    border-left: 1px solid #001871
}

.cloud-icon-iot.primary-nav-sublink,.cloud-icon-iot.secondary-nav-sublink {
    background-color: #001871 !important;
    border-bottom: 1px solid #001871 !important
}

.headingComponent a.preventHover:hover .cloud-icon-iot:before {
    color: #001871 !important
}

.headingComponent a:hover .cloud-icon-marketing:before {
    color: #ba6d00 !important
}

.cloud-icon-marketing:before {
    content: "\e91d";
    color: #ed8b00 !important;
    padding-right: 10px
}

.cloud-icon-marketing.vertical-bar-prefix {
    padding-left: 10px;
    border-left: 1px solid #ed8b00
}

.cloud-icon-marketing.primary-nav-sublink,.cloud-icon-marketing.secondary-nav-sublink {
    background-color: #ed8b00 !important;
    border-bottom: 1px solid #ed8b00 !important
}

.headingComponent a.preventHover:hover .cloud-icon-marketing:before {
    color: #ed8b00 !important
}

.headingComponent a:hover .cloud-icon-mittlestand:before {
    color: #0a2230 !important
}

.cloud-icon-mittlestand:before {
    content: "\e91e";
    color: #123f5b !important;
    padding-right: 10px
}

.cloud-icon-mittlestand.vertical-bar-prefix {
    padding-left: 10px;
    border-left: 1px solid #123f5b
}

.cloud-icon-mittlestand.primary-nav-sublink,.cloud-icon-mittlestand.secondary-nav-sublink {
    background-color: #123f5b !important;
    border-bottom: 1px solid #123f5b !important
}

.headingComponent a.preventHover:hover .cloud-icon-mittlestand:before {
    color: #123f5b !important
}

.headingComponent a:hover .cloud-icon-sales:before {
    color: #2375c9 !important
}

.cloud-icon-sales:before {
    content: "\e920";
    color: #418fde !important;
    padding-right: 10px
}

.cloud-icon-sales.vertical-bar-prefix {
    padding-left: 10px;
    border-left: 1px solid #418fde
}

.cloud-icon-sales.primary-nav-sublink,.cloud-icon-sales.secondary-nav-sublink {
    background-color: #418fde !important;
    border-bottom: 1px solid #418fde !important
}

.headingComponent a.preventHover:hover .cloud-icon-sales:before {
    color: #418fde !important
}

.headingComponent a:hover .cloud-icon-service:before {
    color: #773096 !important
}

.cloud-icon-service:before {
    content: "\e921";
    color: #963cbd !important;
    padding-right: 10px
}

.cloud-icon-service.vertical-bar-prefix {
    padding-left: 10px;
    border-left: 1px solid #963cbd
}

.cloud-icon-service.primary-nav-sublink,.cloud-icon-service.secondary-nav-sublink {
    background-color: #963cbd !important;
    border-bottom: 1px solid #963cbd !important
}

.headingComponent a.preventHover:hover .cloud-icon-service:before {
    color: #963cbd !important
}

.headingComponent a:hover .cloud-icon-e-commerce:before {
    color: #608a00 !important
}

.cloud-icon-e-commerce:before {
    content: "\e941";
    color: #84bd00 !important;
    padding-right: 10px
}

.cloud-icon-e-commerce.vertical-bar-prefix {
    padding-left: 10px;
    border-left: 1px solid #84bd00
}

.cloud-icon-e-commerce.primary-nav-sublink,.cloud-icon-e-commerce.secondary-nav-sublink {
    background-color: #84bd00 !important;
    border-bottom: 1px solid #84bd00 !important
}

.headingComponent a.preventHover:hover .cloud-icon-e-commerce:before {
    color: #84bd00 !important
}

.headingComponent a:hover .cloud-icon-einstein:before,.headingComponent a:hover .cloud-icon-einstein-mobius:before {
    color: #007cad !important
}

.cloud-icon-einstein:before,.cloud-icon-einstein-mobius:before {
    content: "\e942"
}

.cloud-icon-einstein:before,.cloud-icon-einstein-mobius:before {
    color: #00a1e0 !important;
    padding-right: 10px
}

.cloud-icon-einstein.vertical-bar-prefix,.cloud-icon-einstein-mobius.vertical-bar-prefix {
    padding-left: 10px;
    border-left: 1px solid #00a1e0
}

.cloud-icon-einstein.primary-nav-sublink,.cloud-icon-einstein-mobius.primary-nav-sublink,.cloud-icon-einstein.secondary-nav-sublink,.cloud-icon-einstein-mobius.secondary-nav-sublink {
    background-color: #00a1e0 !important;
    border-bottom: 1px solid #00a1e0 !important
}

.headingComponent a.preventHover:hover .cloud-icon-einstein:before,.headingComponent a.preventHover:hover .cloud-icon-einstein-mobius:before {
    color: #00a1e0 !important
}

.headingComponent a:hover .cloud-icon-certified:before {
    color: #007cad !important
}

.cloud-icon-certified:before {
    content: "\e93c";
    color: #00a1e0 !important;
    padding-right: 10px
}

.cloud-icon-certified.vertical-bar-prefix {
    padding-left: 10px;
    border-left: 1px solid #00a1e0
}

.cloud-icon-certified.primary-nav-sublink,.cloud-icon-certified.secondary-nav-sublink {
    background-color: #00a1e0 !important;
    border-bottom: 1px solid #00a1e0 !important
}

.headingComponent a.preventHover:hover .cloud-icon-certified:before {
    color: #00a1e0 !important
}

@font-face {
    font-family:'SalesforceSansBold';src:url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Bold.eot');src:url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Bold.eot?#iefix') format('embedded-opentype'),url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Bold.woff') format('woff'),url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Bold.woff2') format('woff2'),url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Bold.ttf') format('truetype'),url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Bold.svg#SalesforceSansBold') format('svg');font-weight:normal;font-style:normal
}

@font-face {
    font-family:'SalesforceSansBoldItalic';src:url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-BoldItalic.eot');src:url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-BoldItalic.eot?#iefix') format('embedded-opentype'),url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-BoldItalic.woff') format('woff'),url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-BoldItalic.woff2') format('woff2'),url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-BoldItalic.ttf') format('truetype'),url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-BoldItalic.svg#SalesforceSansBoldItalic') format('svg');font-weight:normal;font-style:normal
}

@font-face {
    font-family:'SalesforceSansItalic';src:url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Italic.eot');src:url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Italic.eot?#iefix') format('embedded-opentype'),url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Italic.woff') format('woff'),url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Italic.woff2') format('woff2'),url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Italic.ttf') format('truetype'),url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Italic.svg#SalesforceSansItalic') format('svg');font-weight:normal;font-style:normal
}

@font-face {
    font-family:'SalesforceSansLight';src:url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Light.eot');src:url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Light.eot?#iefix') format('embedded-opentype'),url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Light.woff') format('woff'),url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Light.woff2') format('woff2'),url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Light.ttf') format('truetype'),url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Light.svg#SalesforceSansLight') format('svg');font-weight:normal;font-style:normal
}

@font-face {
    font-family:'SalesforceSansLightItalic';src:url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-LightItalic.eot');src:url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-LightItalic.eot?#iefix') format('embedded-opentype'),url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-LightItalic.woff') format('woff'),url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-LightItalic.woff2') format('woff2'),url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-LightItalic.ttf') format('truetype'),url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-LightItalic.svg#SalesforceSansLightItalic') format('svg');font-weight:normal;font-style:normal
}

@font-face {
    font-family:'SalesforceSansRegular';src:url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Regular.eot');src:url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Regular.eot?#iefix') format('embedded-opentype'),url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Regular.woff') format('woff'),url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Regular.woff2') format('woff2'),url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Regular.ttf') format('truetype'),url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Regular.svg#SalesforceSansRegular') format('svg');font-weight:normal;font-style:normal
}

@font-face {
    font-family:'SalesforceSansThin';src:url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Thin.eot');src:url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Thin.eot?#iefix') format('embedded-opentype'),url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Thin.woff') format('woff'),url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Thin.woff2') format('woff2'),url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Thin.ttf') format('truetype'),url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Thin.svg#SalesforceSansThin') format('svg');font-weight:normal;font-style:normal
}

@font-face {
    font-family:'SalesforceSansThinItalic';src:url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-ThinItalic.eot');src:url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-ThinItalic.eot?#iefix') format('embedded-opentype'),url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-ThinItalic.woff') format('woff'),url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-ThinItalic.woff2') format('woff2'),url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-ThinItalic.ttf') format('truetype'),url('../sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-ThinItalic.svg#SalesforceSansThinItalic') format('svg');font-weight:normal;font-style:normal
}

.salesforce-sans-bold {
    font-family: 'SalesforceSansBold',Helvetica,Arial,sans-serif !important
}

.salesforce-sans-bolditalic {
    font-family: 'SalesforceSansBoldItalic',Helvetica,Arial,sans-serif !important
}

.salesforce-sans-italic {
    font-family: 'SalesforceSansItalic',Helvetica,Arial,sans-serif !important
}

.salesforce-sans-light {
    font-family: 'SalesforceSansLight',Helvetica,Arial,sans-serif !important
}

.salesforce-sans-regular {
    font-family: 'SalesforceSansRegular',Helvetica,Arial,sans-serif !important
}

.salesforce-sans-thin {
    font-family: 'SalesforceSansThin',Helvetica,Arial,sans-serif !important
}

@media(max-width:767px) {
    .salesforce-sans-thin {
        font-family: 'SalesforceSansLight',Helvetica,Arial,sans-serif !important
    }
}

@font-face {
    font-family:'Salesforce Icons';src:url('../sfdc-aem-master/clientlibs_base/fonts/salesforce-icons.eot');src:url('../sfdc-aem-master/clientlibs_base/fonts/salesforce-icons.eot#iefix') format('embedded-opentype'),url('../sfdc-aem-master/clientlibs_base/fonts/salesforce-icons.woff2') format('woff2'),url('../sfdc-aem-master/clientlibs_base/fonts/salesforce-icons.ttf') format('truetype'),url('../sfdc-aem-master/clientlibs_base/fonts/salesforce-icons.woff') format('woff'),url('../sfdc-aem-master/clientlibs_base/fonts/salesforce-icons.svg#icomoon') format('svg');font-weight:normal;font-style:normal
}

.change-screen-animation {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transtion: all .5s
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background-color: transparent
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: normal
}

cite {
    font-style: normal
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

h1.vertical-bar-static-prefix,h2.vertical-bar-static-prefix,h3.vertical-bar-static-prefix,h4.vertical-bar-static-prefix,h5.vertical-bar-static-prefix,h6.vertical-bar-static-prefix {
    height: 100px;
    padding-left: 16px;
    border-left: 1px solid #8f8f8f
}

h1 [class^="cloud-icon-"],h2 [class^="cloud-icon-"],h3 [class^="cloud-icon-"],h4 [class^="cloud-icon-"],h5 [class^="cloud-icon-"],h6 [class^="cloud-icon-"],h1 [class*=" cloud-icon-"],h2 [class*=" cloud-icon-"],h3 [class*=" cloud-icon-"],h4 [class*=" cloud-icon-"],h5 [class*=" cloud-icon-"],h6 [class*=" cloud-icon-"] {
    display: table-cell;
    font-size: 190%;
    vertical-align: middle
}

.icon-navigation h1 [class^="cloud-icon-"],.icon-navigation h2 [class^="cloud-icon-"],.icon-navigation h3 [class^="cloud-icon-"],.icon-navigation h4 [class^="cloud-icon-"],.icon-navigation h5 [class^="cloud-icon-"],.icon-navigation h6 [class^="cloud-icon-"],.icon-navigation h1 [class*=" cloud-icon-"],.icon-navigation h2 [class*=" cloud-icon-"],.icon-navigation h3 [class*=" cloud-icon-"],.icon-navigation h4 [class*=" cloud-icon-"],.icon-navigation h5 [class*=" cloud-icon-"],.icon-navigation h6 [class*=" cloud-icon-"] {
    font-size: 176%
}

h1 span.head-text,h2 span.head-text,h3 span.head-text,h4 span.head-text,h5 span.head-text,h6 span.head-text {
    display: table-cell;
    vertical-align: middle
}

.headingComponent .h1 [class^="cloud-icon-"],.headingComponent .h2 [class^="cloud-icon-"],.headingComponent .h3 [class^="cloud-icon-"],.headingComponent .h3lg [class^="cloud-icon-"],.headingComponent .h1 [class*=" cloud-icon-"],.headingComponent .h2 [class*=" cloud-icon-"],.headingComponent .h3 [class*=" cloud-icon-"],.headingComponent .h3lg [class*=" cloud-icon-"] {
    font-size: 55px
}

.icon-navigation .headingComponent .h1 [class^="cloud-icon-"],.icon-navigation .headingComponent .h2 [class^="cloud-icon-"],.icon-navigation .headingComponent .h3 [class^="cloud-icon-"],.icon-navigation .headingComponent .h3lg [class^="cloud-icon-"],.icon-navigation .headingComponent .h1 [class*=" cloud-icon-"],.icon-navigation .headingComponent .h2 [class*=" cloud-icon-"],.icon-navigation .headingComponent .h3 [class*=" cloud-icon-"],.icon-navigation .headingComponent .h3lg [class*=" cloud-icon-"] {
    font-size: 30px
}

.headingComponent .h4 [class^="cloud-icon-"],.headingComponent .h5 [class^="cloud-icon-"],.headingComponent .h4 [class*=" cloud-icon-"],.headingComponent .h5 [class*=" cloud-icon-"] {
    font-size: 30px
}

.icon-navigation .headingComponent .h4 [class^="cloud-icon-"],.icon-navigation .headingComponent .h5 [class^="cloud-icon-"],.icon-navigation .headingComponent .h4 [class*=" cloud-icon-"],.icon-navigation .headingComponent .h5 [class*=" cloud-icon-"] {
    font-size: 30px
}

.headingComponent .h3.salesforce-sans-light {
    line-height: 30px !important
}

.labelComponent {
    text-transform: uppercase;
    letter-spacing: 1px
}

.headingComponent .h4.salesforce-sans-bold,.labelSmallComponent .h4.salesforce-sans-bold,.labelLargeComponent .h4.salesforce-sans-bold,.headingComponent .h5.salesforce-sans-bold,.labelSmallComponent .h5.salesforce-sans-bold,.labelLargeComponent .h5.salesforce-sans-bold {
    text-transform: uppercase;
    letter-spacing: 1.5px
}

html {
    display: block !important
}

body {
    position: relative
}

body>header.header-container {
    position: relative;
    z-index: 103
}

body>footer.bottom {
    position: relative;
    z-index: 103
}

body .content-container {
    min-height: 700px;
    overflow-y: hidden
}

.headingComponent h1 [class^="icon-sfdc-icon-"],.headingComponent h2 [class^="icon-sfdc-icon-"],.headingComponent h3 [class^="icon-sfdc-icon-"],.headingComponent h4 [class^="icon-sfdc-icon-"],.headingComponent h5 [class^="icon-sfdc-icon-"],.headingComponent h6 [class^="icon-sfdc-icon-"],.headingComponent h1 [class*=" icon-sfdc-icon-"],.headingComponent h2 [class*=" icon-sfdc-icon-"],.headingComponent h3 [class*=" icon-sfdc-icon-"],.headingComponent h4 [class*=" icon-sfdc-icon-"],.headingComponent h5 [class*=" icon-sfdc-icon-"],.headingComponent h6 [class*=" icon-sfdc-icon-"] {
    display: table-cell;
    font-size: 90%;
    vertical-align: middle;
    padding: 0 10px 0 5px
}

.icon-navigation .headingComponent h1 .head-text small,.icon-navigation .headingComponent h2 .head-text small,.icon-navigation .headingComponent h3 .head-text small,.icon-navigation .headingComponent h4 .head-text small,.icon-navigation .headingComponent h5 .head-text small,.icon-navigation .headingComponent h6 .head-text small {
    margin-top: 5px
}

.headingComponent h1 .offsite-heading-link-icon,.headingComponent h2 .offsite-heading-link-icon,.headingComponent h3 .offsite-heading-link-icon,.headingComponent h4 .offsite-heading-link-icon,.headingComponent h5 .offsite-heading-link-icon,.headingComponent h6 .offsite-heading-link-icon {
    display: inline;
    vertical-align: bottom;
    margin: 0;
    padding: 0
}

a:hover.preventHover {
    color: inherit;
    cursor: text
}

@media(max-width:1023px) {
    .sidebar-right-wrapper .cardComponent,.col-sm-12>.cardComponent {
        margin-left: -20px;
        margin-right: -20px
    }
}

@media(max-width:1023px) {
    .content-container>div>.columnContainer>.columns-wrapper>.container {
        width: 100%
    }
}

.no-pad-left {
    padding-left: 0
}

.no-pad-right {
    padding-right: 0
}

@media(max-width:1024px) {
    .navbar .login-link .buttonCTAItemComponent {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .navbar .login-link .buttonCTAItemComponent a {
        letter-spacing: 0
    }

    .navbar .navbar-nav li .search-form-top-container {
        padding-bottom: 1px !important;
        padding-top: 35px !important
    }

    .navbar .navbar-nav li .search-form-top-container .search-form:hover .icon-sfdc-icon-magnifying-glass {
        color: #07b
    }
}

@media(max-width:768px) {
    .navbar .login-link .buttonCTAItemComponent {
        margin-bottom: 0
    }

    .navbar .navbar-nav li .search-form-top-container {
        padding-top: 22px !important
    }
}

.img-responsive.secondary-float {
    float: left;
    margin-right: 10px
}

@media(min-width:767px) {
    p.secondary-prefix-img-margin {
        margin-top: -8px
    }
}

@media(max-width:767px) {
    p.secondary-prefix-img-margin {
        margin-top: 8px;
        font-size: 22px
    }
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print {
    *,*:before,*:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

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

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

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

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

    pre,blockquote {
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

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

    img {
        max-width: 100% !important
    }

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

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

    select {
        background: #fff !important
    }

    .navbar {
        display: none
    }

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

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

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

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

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    font-family: "SalesforceSansRegular",Helvetica,Arial,sans-serif;
    font-size: 15px;
    line-height: 1.42857143;
    color: #024;
    background-color: #fff
}

input,button,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #07b;
    text-decoration: none
}

a:hover,a:focus {
    color: #003c4c;
    text-decoration: none
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-responsive.img-bleed-right,.img-responsive.img-bleed-left {
    max-width: inherit
}

.rtl {
    direction: rtl
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 21px;
    margin-bottom: 21px;
    border: 0;
    border-top: 1px solid #b3b8bc
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.headingComponent:before,.blockquoteComponent:before,.bodyCopyComponent:before,.headingComponent:after,.blockquoteComponent:after,.bodyCopyComponent:after {
    content: " ";
    display: table
}

.headingComponent:after,.blockquoteComponent:after,.bodyCopyComponent:after {
    clear: both
}

.headingComponent [class^="col-xs-"],.blockquoteComponent [class^="col-xs-"],.bodyCopyComponent [class^="col-xs-"],.headingComponent [class*=" col-xs-"],.blockquoteComponent [class*=" col-xs-"],.bodyCopyComponent [class*=" col-xs-"],.headingComponent [class^="col-sm-"],.blockquoteComponent [class^="col-sm-"],.bodyCopyComponent [class^="col-sm-"],.headingComponent [class*=" col-sm-"],.blockquoteComponent [class*=" col-sm-"],.bodyCopyComponent [class*=" col-sm-"],.headingComponent [class^="col-md-"],.blockquoteComponent [class^="col-md-"],.bodyCopyComponent [class^="col-md-"],.headingComponent [class*=" col-md-"],.blockquoteComponent [class*=" col-md-"],.bodyCopyComponent [class*=" col-md-"],.headingComponent [class^="col-lg-"],.blockquoteComponent [class^="col-lg-"],.bodyCopyComponent [class^="col-lg-"],.headingComponent [class*=" col-lg-"],.blockquoteComponent [class*=" col-lg-"],.bodyCopyComponent [class*=" col-lg-"] {
    padding-left: 0;
    padding-right: 0
}

.privacy-bar {
    display: none;
    padding: 8px;
    color: #222;
    font-size: 15px
}

.privacy-bar-container {
    background-color: #c2c2c2
}

.privacy-bar-close-button {
    color: #07b
}

.privacy-bar-content {
    overflow: hidden;
    float: left;
    line-height: 24px
}

.privacy-bar-content p {
    margin: 0
}

#privacy-bar-close {
    float: left;
    margin-left: 5px;
    cursor: pointer
}

@media(max-width:768px) {
    .privacy-bar {
        font-size: 11px
    }

    .privacy-bar-content {
        width: 90%
    }

    #privacy-bar-close {
        font-size: 18px
    }
}

@media(min-width:768px) and (max-width:1024px) {
    .privacy-bar {
        font-size: 11px
    }

    .privacy-bar-content {
        width: 90%
    }

    #privacy-bar-close {
        font-size: 15px
    }
}

@media(min-width:1024px) {
    .privacy-bar {
        font-size: 15px
    }

    .privacy-bar-content {
        width: 95%
    }

    #privacy-bar-close {
        font-size: 15px
    }
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h3lg,.h4,.h5,.h6 {
    font-weight: normal
}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h3lg small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h3lg .small,.h4 .small,.h5 .small,.h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #505050
}

h1,.h1,h2,.h2,h3,.h3,.h3lg {
    margin-top: 0;
    margin-bottom: 0
}

h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,.h3lg small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small,.h3lg .small {
    font-size: 65%
}

h4,.h4,h5,.h5,h6,.h6 {
    margin-top: 0;
    margin-bottom: 0
}

h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small {
    font-size: 75%
}

.h0 {
    font-weight: normal;
    font-size: 70px !important;
    line-height: 84px !important
}

@media(max-width:767px) {
    .h0 {
        font-size: 56px !important;
        line-height: 67.2px !important
    }
}

.h0 .img-responsive {
    display: inline-block;
    vertical-align: top
}

.h1 {
    font-weight: normal;
    font-size: 42px !important;
    line-height: 50.4px !important;
    line-height: 52px !important
}

@media(max-width:767px) {
    .h1 {
        font-size: 27px !important;
        line-height: 32.4px !important
    }
}

.h1 .img-responsive {
    display: inline-block;
    vertical-align: top
}

@media(max-width:767px) {
    .h1 {
        font-size: 27px !important;
        line-height: 36px !important
    }
}

.h2 {
    font-weight: normal;
    font-size: 52px !important;
    line-height: 62.4px !important;
    line-height: 64px !important
}

@media(max-width:767px) {
    .h2 {
        font-size: 18px !important;
        line-height: 21.6px !important
    }
}

.h2 .img-responsive {
    display: inline-block;
    vertical-align: top
}

@media(max-width:767px) {
    .h2 {
        font-size: 27px !important;
        line-height: 36px !important
    }
}

.h3lg {
    font-weight: normal;
    font-size: 30px !important;
    line-height: 36px !important
}

@media(max-width:767px) {
    .h3lg {
        font-size: 18px !important;
        line-height: 21.6px !important
    }
}

.h3lg .img-responsive {
    display: inline-block;
    vertical-align: top
}

.h3 {
    font-weight: normal;
    font-size: 22px !important;
    line-height: 30px !important
}

@media(max-width:767px) {
    .h3 {
        font-size: 18px !important;
        line-height: 21.6px !important
    }
}

.h3 .img-responsive {
    display: inline-block;
    vertical-align: top
}

.h4 {
    font-weight: normal;
    font-size: 15px !important;
    line-height: 18px !important
}

@media(max-width:767px) {
    .h4 {
        font-size: 15px !important;
        line-height: 18px !important
    }
}

.h4 .img-responsive {
    display: inline-block;
    vertical-align: top
}

.h5 {
    font-weight: normal;
    font-size: 11px !important;
    line-height: 13.2px !important
}

@media(max-width:767px) {
    .h5 {
        font-size: 11px !important;
        line-height: 13.2px !important
    }
}

.h5 .img-responsive {
    display: inline-block;
    vertical-align: top
}

.h6 {
    font-weight: normal;
    font-size: 13px !important;
    line-height: 15.6px !important
}

@media(max-width:767px) {
    .h6 {
        font-size: 13px !important;
        line-height: 15.6px !important
    }
}

.h6 .img-responsive {
    display: inline-block;
    vertical-align: top
}

p {
    margin: 0 0 10.5px
}

.lead {
    margin-bottom: 21px;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.4;
    padding-left: 48px;
    position: relative
}

.lead .lead-intro {
    position: absolute;
    left: 0;
    font-size: 67px;
    line-height: 60px;
    vertical-align: text-top;
    font-family: 'SalesforceSansThin' !important
}

@media(min-width:768px) {
    .lead {
        font-size: 22.5px
    }
}

.uppercase {
    text-transform: uppercase
}

strong,b {
    font-family: 'SalesforceSansBold' !important
}

strong i,b i,strong em,b em,i strong,i b,em strong,em b {
    font-family: 'SalesforceSansBoldItalic' !important
}

i,em {
    font-family: 'SalesforceSansItalic' !important
}

small,.small {
    font-size: 80%
}

mark,.mark {
    background-color: #fcf8e3;
    padding: .2em
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-salesforce-gray {
    color: #7c868d
}

a.text-salesforce-gray:hover,.text-salesforce-gray[href]:hover {
    color: #646c72
}

.text-white,.text-snow {
    color: #fff
}

a.text-white:hover,a.text-snow:hover,.text-white[href]:hover,.text-snow[href]:hover {
    color: #e6e6e6
}

.text-frost {
    color: #fafafa
}

a.text-frost:hover,.text-frost[href]:hover {
    color: #e1e1e1
}

.text-karl-the-fog {
    color: #f4f4f4
}

a.text-karl-the-fog:hover,.text-karl-the-fog[href]:hover {
    color: #dbdbdb
}

.text-haze {
    color: #c2c2c2
}

a.text-haze:hover,.text-haze[href]:hover {
    color: #a9a9a9
}

.text-mist {
    color: #d9e1e2
}

a.text-mist:hover,.text-mist[href]:hover {
    color: #bccacc
}

.text-rain {
    color: #b7c9d3
}

a.text-rain:hover,.text-rain[href]:hover {
    color: #97b1c0
}

.text-slate,.text-altostratus {
    color: #4e758b
}

a.text-slate:hover,a.text-altostratus:hover,.text-slate[href]:hover,.text-altostratus[href]:hover {
    color: #3c5a6a
}

.text-dark-navy,.text-stratus {
    color: #003c4c
}

a.text-dark-navy:hover,a.text-stratus:hover,.text-dark-navy[href]:hover,.text-stratus[href]:hover {
    color: #001419
}

.text-link,.text-cirrus {
    color: #07b
}

a.text-link:hover,a.text-cirrus:hover,.text-link[href]:hover,.text-cirrus[href]:hover {
    color: #005788
}

.text-nimbostratus {
    color: #005290
}

a.text-nimbostratus:hover,.text-nimbostratus[href]:hover {
    color: #00355d
}

.text-cumulus {
    color: #00315a
}

a.text-cumulus:hover,.text-cumulus[href]:hover {
    color: #001527
}

.text-default,.text-dark-purple,.text-cumulonimbus {
    color: #024
}

a.text-default:hover,a.text-dark-purple:hover,a.text-cumulonimbus:hover,.text-default[href]:hover,.text-dark-purple[href]:hover,.text-cumulonimbus[href]:hover {
    color: #000811
}

.text-gray,.text-black-ice {
    color: #505050
}

a.text-gray:hover,a.text-black-ice:hover,.text-gray[href]:hover,.text-black-ice[href]:hover {
    color: #373737
}

.text-dark-gray,.text-night {
    color: #222
}

a.text-dark-gray:hover,a.text-night:hover,.text-dark-gray[href]:hover,.text-night[href]:hover {
    color: #080808
}

.bg-gradient-white,.bg-gradient-snow {
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#fff 67%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 25%,#fff 67%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#fff 67%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#FFffffff',GradientType=0)
}

.bg-gradient-xlight,.bg-gradient-frost {
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#fafafa 67%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 25%,#fafafa 67%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#fafafa 67%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00fafafa',endColorstr='#FFfafafa',GradientType=0)
}

.bg-gradient-light,.bg-gradient-karl-the-fog {
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#f4f4f4 67%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 25%,#f4f4f4 67%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#f4f4f4 67%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f4f4f4',endColorstr='#FFf4f4f4',GradientType=0)
}

.bg-gradient-haze {
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#c2c2c2 67%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 25%,#c2c2c2 67%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#c2c2c2 67%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00c2c2c2',endColorstr='#FFc2c2c2',GradientType=0)
}

.bg-gradient-mist {
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#d9e1e2 67%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 25%,#d9e1e2 67%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#d9e1e2 67%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00d9e1e2',endColorstr='#FFd9e1e2',GradientType=0)
}

.bg-gradient-med,.bg-gradient-rain {
    color: #fff;
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#b7c9d3 67%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 25%,#b7c9d3 67%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#b7c9d3 67%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b7c9d3',endColorstr='#FFb7c9d3',GradientType=0)
}

.bg-gradient-dark,.bg-gradient-altostratus {
    color: #fff;
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#4e758b 67%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 25%,#4e758b 67%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#4e758b 67%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004e758b',endColorstr='#FF4e758b',GradientType=0)
}

.bg-gradient-xdark,.bg-gradient-stratus {
    color: #fff;
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#003c4c 67%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 25%,#003c4c 67%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#003c4c 67%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00003c4c',endColorstr='#FF003c4c',GradientType=0)
}

.bg-gradient-cirrus {
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#07b 67%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 25%,#07b 67%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#07b 67%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000077bb',endColorstr='#FF0077bb',GradientType=0)
}

.bg-gradient-nimbostratus {
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#005290 67%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 25%,#005290 67%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#005290 67%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00005290',endColorstr='#FF005290',GradientType=0)
}

.bg-gradient-cumulus {
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#00315a 67%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 25%,#00315a 67%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#00315a 67%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000315a',endColorstr='#FF00315a',GradientType=0)
}

.bg-gradient-cumulonimbus {
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#024 67%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 25%,#024 67%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#024 67%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00002244',endColorstr='#FF002244',GradientType=0)
}

.bg-gradient-black-ice {
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#505050 67%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 25%,#505050 67%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#505050 67%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00505050',endColorstr='#FF505050',GradientType=0)
}

.bg-gradient-black,.bg-gradient-night {
    color: #fff;
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#222 67%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 25%,#222 67%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#222 67%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00222222',endColorstr='#FF222222',GradientType=0)
}

.bg-gradient-brand-sales {
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#418fde 67%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 25%,#418fde 67%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#418fde 67%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00418fde',endColorstr='#FF418fde',GradientType=0)
}

.bg-gradient-brand-sales-light {
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#92c1e9 67%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 25%,#92c1e9 67%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#92c1e9 67%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0092c1e9',endColorstr='#FF92c1e9',GradientType=0)
}

.bg-gradient-brand-service {
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#963cbd 67%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 25%,#963cbd 67%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#963cbd 67%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00963cbd',endColorstr='#FF963cbd',GradientType=0)
}

.bg-gradient-brand-service-light {
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#a77bca 67%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 25%,#a77bca 67%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#a77bca 67%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a77bca',endColorstr='#FFa77bca',GradientType=0)
}

.bg-gradient-brand-marketing {
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#ed8b00 67%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 25%,#ed8b00 67%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#ed8b00 67%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ed8b00',endColorstr='#FFed8b00',GradientType=0)
}

.bg-gradient-brand-marketing-light {
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#f0b334 67%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 25%,#f0b334 67%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#f0b334 67%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f0b334',endColorstr='#FFf0b334',GradientType=0)
}

.bg-gradient-brand-communities {
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#ffb60f 67%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 25%,#ffb60f 67%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#ffb60f 67%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffb60f',endColorstr='#FFffb60f',GradientType=0)
}

.bg-gradient-brand-communities-light {
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#ffcb4f 67%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 25%,#ffcb4f 67%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#ffcb4f 67%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffcb4f',endColorstr='#FFffcb4f',GradientType=0)
}

.bg-gradient-brand-analytics {
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#00b2a9 67%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 25%,#00b2a9 67%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#00b2a9 67%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000b2a9',endColorstr='#FF00b2a9',GradientType=0)
}

.bg-gradient-brand-analytics-light {
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#64ccc9 67%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 25%,#64ccc9 67%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#64ccc9 67%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0064ccc9',endColorstr='#FF64ccc9',GradientType=0)
}

.bg-gradient-brand-platform {
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#001871 67%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 25%,#001871 67%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#001871 67%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00001871',endColorstr='#FF001871',GradientType=0)
}

.bg-gradient-brand-platform-light {
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#0047bb 67%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 25%,#0047bb 67%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#0047bb 67%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000047bb',endColorstr='#FF0047bb',GradientType=0)
}

.bg-gradient-brand-iot {
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#001871 67%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 25%,#001871 67%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#001871 67%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00001871',endColorstr='#FF001871',GradientType=0)
}

.bg-gradient-brand-iot-light {
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#0047bb 67%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 25%,#0047bb 67%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#0047bb 67%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000047bb',endColorstr='#FF0047bb',GradientType=0)
}

.bg-gradient-brand-smb {
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#00c2df 67%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 25%,#00c2df 67%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#00c2df 67%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000c2df',endColorstr='#FF00c2df',GradientType=0)
}

.bg-gradient-brand-industries {
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#009cdb 67%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 25%,#009cdb 67%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#009cdb 67%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00009cdb',endColorstr='#FF009cdb',GradientType=0)
}

.bg-gradient-brand-e-commerce {
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#84bd00 67%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 25%,#84bd00 67%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#84bd00 67%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0084bd00',endColorstr='#FF84bd00',GradientType=0)
}

.bg-gradient-brand-e-commerce-light {
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#97d700 67%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 25%,#97d700 67%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#97d700 67%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0097d700',endColorstr='#FF97d700',GradientType=0)
}

.bg-gradient-brand-einstein {
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#00a1e0 67%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 25%,#00a1e0 67%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#00a1e0 67%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000a1e0',endColorstr='#FF00a1e0',GradientType=0)
}

.bg-gradient-brand-blue {
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#00a1e0 67%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 25%,#00a1e0 67%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#00a1e0 67%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000a1e0',endColorstr='#FF00a1e0',GradientType=0)
}

.bg-gradient-override {
    background-image: none !important
}

.bg-default {
    background-color: transparent
}

.bg-white,.bg-snow {
    background-color: #fff
}

.bg-white[href]:hover,.bg-snow[href]:hover {
    background-color: #fff
}

.bg-xlight,.bg-frost {
    background-color: #fafafa
}

.bg-xlight[href]:hover,.bg-frost[href]:hover {
    background-color: #fff
}

.bg-light,.bg-karl-the-fog {
    background-color: #f4f4f4
}

.bg-light[href]:hover,.bg-karl-the-fog[href]:hover {
    background-color: #fff
}

.bg-haze {
    background-color: #c2c2c2
}

.bg-haze[href]:hover {
    background-color: #dbdbdb
}

.bg-mist {
    background-color: #d9e1e2
}

.bg-mist[href]:hover {
    background-color: #f6f8f8
}

.bg-med,.bg-rain {
    background-color: #b7c9d3;
    color: #fff
}

.bg-med[href]:hover,.bg-rain[href]:hover {
    background-color: #d7e1e6
}

.bg-dark,.bg-altostratus {
    background-color: #4e758b;
    color: #fff
}

.bg-dark[href]:hover,.bg-altostratus[href]:hover {
    background-color: #648fa8
}

.bg-xdark,.bg-stratus {
    background-color: #003c4c;
    color: #fff
}

.bg-xdark[href]:hover,.bg-stratus[href]:hover {
    background-color: #00647f
}

.bg-cirrus {
    background-color: #07b
}

.bg-cirrus[href]:hover {
    background-color: #0097ee
}

.bg-nimbostratus {
    background-color: #005290
}

.bg-nimbostratus[href]:hover {
    background-color: #006fc3
}

.bg-cumulus {
    background-color: #00315a
}

.bg-cumulus[href]:hover {
    background-color: #004d8d
}

.bg-cumulonimbus {
    background-color: #024
}

.bg-cumulonimbus[href]:hover {
    background-color: #003b77
}

.bg-black-ice {
    background-color: #505050
}

.bg-black-ice[href]:hover {
    background-color: #6a6a6a
}

.bg-black,.bg-night {
    background-color: #222;
    color: #fff
}

.bg-black[href]:hover,.bg-night[href]:hover {
    background-color: #3c3c3c
}

.bg-brand-sales {
    background-color: #418fde
}

.bg-brand-sales[href]:hover {
    background-color: #6ca9e6
}

.bg-brand-sales-light {
    background-color: #92c1e9
}

.bg-brand-sales-light[href]:hover {
    background-color: #bcd9f2
}

.bg-brand-service {
    background-color: #963cbd
}

.bg-brand-service[href]:hover {
    background-color: #ac60cc
}

.bg-brand-service-light {
    background-color: #a77bca
}

.bg-brand-service-light[href]:hover {
    background-color: #bf9fd9
}

.bg-brand-marketing {
    background-color: #ed8b00
}

.bg-brand-marketing[href]:hover {
    background-color: #ffa321
}

.bg-brand-marketing-light {
    background-color: #f0b334
}

.bg-brand-marketing-light[href]:hover {
    background-color: #f4c563
}

.bg-brand-communities {
    background-color: #ffb60f
}

.bg-brand-communities[href]:hover {
    background-color: #ffc642
}

.bg-brand-communities-light {
    background-color: #ffcb4f
}

.bg-brand-communities-light[href]:hover {
    background-color: #ffda82
}

.bg-brand-analytics {
    background-color: #00b2a9
}

.bg-brand-analytics[href]:hover {
    background-color: #00e5d9
}

.bg-brand-analytics-light {
    background-color: #64ccc9
}

.bg-brand-analytics-light[href]:hover {
    background-color: #8ad9d6
}

.bg-brand-platform {
    background-color: #001871
}

.bg-brand-platform[href]:hover {
    background-color: #0023a4
}

.bg-brand-platform-light {
    background-color: #0047bb
}

.bg-brand-platform-light[href]:hover {
    background-color: #005aee
}

.bg-brand-iot {
    background-color: #001871
}

.bg-brand-iot[href]:hover {
    background-color: #0023a4
}

.bg-brand-iot-light {
    background-color: #0047bb
}

.bg-brand-iot-light[href]:hover {
    background-color: #005aee
}

.bg-brand-smb {
    background-color: #00c2df
}

.bg-brand-smb[href]:hover {
    background-color: #13e0ff
}

.bg-brand-industries {
    background-color: #009cdb
}

.bg-brand-industries[href]:hover {
    background-color: #0fbaff
}

.bg-brand-e-commerce {
    background-color: #84bd00
}

.bg-brand-e-commerce[href]:hover {
    background-color: #a8f000
}

.bg-brand-e-commerce-light {
    background-color: #97d700
}

.bg-brand-e-commerce-light[href]:hover {
    background-color: #b6ff0b
}

.bg-brand-einstein {
    background-color: #00a1e0
}

.bg-brand-einstein[href]:hover {
    background-color: #14bdff
}

.bg-brand-blue {
    background-color: #00a1e0
}

.bg-brand-blue[href]:hover {
    background-color: #14bdff
}

.bg-success {
    background-color: #dff0d8
}

.bg-success[href]:hover {
    background-color: #fdfefd
}

.bg-info {
    background-color: #d9edf7
}

.bg-info[href]:hover {
    background-color: #fff
}

.bg-warning {
    background-color: #fcf8e3
}

.bg-warning[href]:hover {
    background-color: #fff
}

.bg-danger {
    background-color: #f2dede
}

.bg-danger[href]:hover {
    background-color: #fff
}

.page-header {
    padding-bottom: 9.5px;
    margin: 42px 0 21px;
    border-bottom: 1px solid #b3b8bc
}

ul,ol {
    margin-top: 0;
    margin-bottom: 10.5px
}

ul ul,ol ul,ul ol,ol ol {
    margin-bottom: 0
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 21px
}

dt,dd {
    line-height: 1.42857143
}

dt {
    font-weight: bold
}

dd {
    margin-left: 0
}

.dl-horizontal dd:before,.dl-horizontal dd:after {
    content: " ";
    display: table
}

.dl-horizontal dd:after {
    clear: both
}

@media(min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[title],abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #979fa5
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 10.5px 0;
    margin: 0 0 21px
}

.blockquoteComponent blockquote {
    padding: 0
}

blockquote.bg-primary {
    border-color: #000
}

blockquote.bg-success {
    border-color: #529138
}

blockquote.bg-info {
    border-color: #247fad
}

blockquote.bg-warning {
    border-color: #caad16
}

blockquote.bg-danger {
    border-color: #963b3b
}

blockquote p {
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 15px;
    text-indent: -11px
}

blockquote footer {
    font-size: 11px;
    margin-top: 0
}

blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child {
    margin-bottom: 0
}

blockquote footer,blockquote small,blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143
}

.blockquote-reverse,blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-left: 0;
    text-align: right
}

.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before {
    content: ''
}

.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after {
    content: '\00A0 \2014'
}

address {
    margin-bottom: 21px;
    font-style: normal;
    line-height: 1.42857143
}

footer.footer-container {
    font-size: 12px
}

footer.footer-container a {
    font-size: 12px
}

footer.footer-container h5 {
    text-transform: uppercase
}

.tags {
    font-size: 11px;
    color: #07b;
    font-family: 'SalesforceSansBold' !important
}

a.tags:hover,.tags[href]:hover {
    color: #005788
}

.bodyCopyComponent {
    line-height: 24px
}

.bodyCopyComponent .text-size-default {
    font-size: 15px
}

.bodyCopyComponent .text-size-legal {
    font-size: 12px
}

.bodyCopyComponent .text-size-footnote {
    font-size: 11px;
    line-height: normal
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 16px;
    padding-right: 16px
}

.container:before,.container:after {
    content: " ";
    display: table
}

.container:after {
    clear: both
}

@media(min-width:768px) {
    .container {
        width: 752px
    }
}

@media(min-width:1024px) {
    .container {
        width: 972px
    }
}

@media(min-width:1312px) {
    .container {
        width: 1312px
    }
}

.content-container {
    position: relative;
    overflow-x: hidden
}

body>.content-container {
    background-color: #f4f4f4;
    padding-left: 0;
    padding-right: 0
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 16px;
    padding-right: 16px
}

.container-fluid:before,.container-fluid:after {
    content: " ";
    display: table
}

.container-fluid:after {
    clear: both
}

.row {
    margin-left: -16px;
    margin-right: -16px
}

.row:before,.row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.ad-graphic.row,.columns-wrapper.row,.ad-graphic.container-fluid,.columns-wrapper.container-fluid {
    background-repeat: no-repeat
}

.ad-graphic.bg-left-top,.columns-wrapper.bg-left-top {
    background-position: left top
}

.ad-graphic.bg-left-center,.columns-wrapper.bg-left-center {
    background-position: left center
}

.ad-graphic.bg-left-bottom,.columns-wrapper.bg-left-bottom {
    background-position: left bottom
}

.ad-graphic.bg-right-top,.columns-wrapper.bg-right-top {
    background-position: right top
}

.ad-graphic.bg-right-center,.columns-wrapper.bg-right-center {
    background-position: right center
}

.ad-graphic.bg-right-bottom,.columns-wrapper.bg-right-bottom {
    background-position: right bottom
}

.ad-graphic.bg-center-top,.columns-wrapper.bg-center-top {
    background-position: center top
}

.ad-graphic.bg-center-center,.columns-wrapper.bg-center-center {
    background-position: center center
}

.ad-graphic.bg-center-bottom,.columns-wrapper.bg-center-bottom {
    background-position: center bottom
}

.ad-graphic.bg-auto,.columns-wrapper.bg-auto {
    background-size: auto
}

.ad-graphic.bg-cover,.columns-wrapper.bg-cover {
    background-size: cover
}

.ad-graphic.bg-contain,.columns-wrapper.bg-contain {
    background-size: contain
}

.col>.columnContainer>.columns-wrapper {
    padding-left: 0;
    padding-right: 0
}

.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-1-ten,.col-sm-1-ten,.col-md-1-ten,.col-lg-1-ten,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 16px;
    padding-right: 16px
}

.col-xs-1,.col-xs-1-ten,.col-xs-2,.col-xs-1-ten,.col-xs-3,.col-xs-1-ten,.col-xs-4,.col-xs-1-ten,.col-xs-5,.col-xs-1-ten,.col-xs-6,.col-xs-1-ten,.col-xs-7,.col-xs-1-ten,.col-xs-8,.col-xs-1-ten,.col-xs-9,.col-xs-1-ten,.col-xs-10,.col-xs-1-ten,.col-xs-11,.col-xs-1-ten,.col-xs-12,.col-xs-1-ten {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-1-ten {
    width: 10%;
    padding-left: 10px;
    padding-right: 10px
}

@media(min-width:768px) {
    .col-sm-1,.col-sm-1-ten,.col-sm-2,.col-sm-1-ten,.col-sm-3,.col-sm-1-ten,.col-sm-4,.col-sm-1-ten,.col-sm-5,.col-sm-1-ten,.col-sm-6,.col-sm-1-ten,.col-sm-7,.col-sm-1-ten,.col-sm-8,.col-sm-1-ten,.col-sm-9,.col-sm-1-ten,.col-sm-10,.col-sm-1-ten,.col-sm-11,.col-sm-1-ten,.col-sm-12,.col-sm-1-ten {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-1-ten {
        width: 10%;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media(min-width:1024px) {
    .col-md-1,.col-md-1-ten,.col-md-2,.col-md-1-ten,.col-md-3,.col-md-1-ten,.col-md-4,.col-md-1-ten,.col-md-5,.col-md-1-ten,.col-md-6,.col-md-1-ten,.col-md-7,.col-md-1-ten,.col-md-8,.col-md-1-ten,.col-md-9,.col-md-1-ten,.col-md-10,.col-md-1-ten,.col-md-11,.col-md-1-ten,.col-md-12,.col-md-1-ten {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-1-ten {
        width: 10%;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media(min-width:1312px) {
    .col-lg-1,.col-lg-1-ten,.col-lg-2,.col-lg-1-ten,.col-lg-3,.col-lg-1-ten,.col-lg-4,.col-lg-1-ten,.col-lg-5,.col-lg-1-ten,.col-lg-6,.col-lg-1-ten,.col-lg-7,.col-lg-1-ten,.col-lg-8,.col-lg-1-ten,.col-lg-9,.col-lg-1-ten,.col-lg-10,.col-lg-1-ten,.col-lg-11,.col-lg-1-ten,.col-lg-12,.col-lg-1-ten {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-1-ten {
        width: 10%;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media(max-width:767px) {
    .content-container .container .container-overflow,.content-container .container-fluid .container-overflow {
        margin-left: -16px;
        margin-right: -16px
    }

    .container-overflow .row {
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch
    }

    .container-overflow .col {
        display: inline-block;
        vertical-align: top;
        white-space: normal;
        padding-left: 8px;
        padding-right: 8px
    }

    .container-overflow .col:first-child {
        padding-left: 16px
    }

    .container-overflow .col:last-child {
        padding-right: 16px
    }
}

table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #979fa5;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 21px
}

.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>th,.table-bordered>thead>tr>td {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
    background-color: #f4f4f4
}

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column
}

table td[class*="col-"],table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell
}

.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th {
    background-color: #f4f4f4
}

.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th {
    background-color: #e7e7e7
}

.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th {
    background-color: #dff0d8
}

.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th {
    background-color: #d0e9c6
}

.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th {
    background-color: #d9edf7
}

.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th {
    background-color: #c4e3f3
}

.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th {
    background-color: #fcf8e3
}

.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th {
    background-color: #faf2cc
}

.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th {
    background-color: #f2dede
}

.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th {
    background-color: #ebcccc
}

.table-responsive {
    overflow-x: auto;
    min-height: .01%
}

@media screen and (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15.75px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td {
        border-bottom: 0
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 21px;
    font-size: 22.5px;
    line-height: inherit;
    color: #979fa5;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type="radio"],input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type="file"] {
    display: block
}

input[type="range"] {
    display: block;
    width: 100%
}

select[multiple],select[size] {
    height: auto
}

input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #7c868d
}

.input-group-with-addon input[type="text"] {
    border-left: 0;
    border-right: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.input-group-with-addon .input-group-btn .btn {
    background-color: #fff;
    border-color: #ccc
}

.input-group-with-addon .input-group-btn .btn:hover {
    color: #003c4c
}

.form-control {
    display: block;
    width: 100%;
    height: 35px;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #7c868d;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px
}

.form-control:focus {
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #b3b8bc;
    opacity: 1
}

textarea.form-control {
    height: auto
}

input[type="search"] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"] {
        line-height: 35px
    }

    input[type="date"].input-sm,input[type="time"].input-sm,input[type="datetime-local"].input-sm,input[type="month"].input-sm,.input-group-sm input[type="date"],.input-group-sm input[type="time"],.input-group-sm input[type="datetime-local"],.input-group-sm input[type="month"] {
        line-height: 30px
    }

    input[type="date"].input-lg,input[type="time"].input-lg,input[type="datetime-local"].input-lg,input[type="month"].input-lg,.input-group-lg input[type="date"],.input-group-lg input[type="time"],.input-group-lg input[type="datetime-local"],.input-group-lg input[type="month"] {
        line-height: 70px
    }
}

.form-group {
    margin-bottom: 15px
}

.radio,.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.radio label,.checkbox label {
    min-height: 21px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer
}

.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9
}

.radio+.radio,.checkbox+.checkbox {
    margin-top: -5px
}

.radio-inline,.checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer
}

.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline {
    margin-top: 0;
    margin-left: 10px
}

input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed
}

.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline {
    cursor: not-allowed
}

.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0
}

.form-control-static.input-lg,.form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

textarea.input-sm,select[multiple].input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.form-group-sm .form-control {
    height: 30px;
    line-height: 30px
}

textarea.form-group-sm .form-control,select[multiple].form-group-sm .form-control {
    height: auto
}

select.form-group-sm .form-control {
    height: 30px;
    line-height: 30px
}

textarea.form-group-sm .form-control,select[multiple].form-group-sm .form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-lg {
    height: 70px;
    padding: 21px 30px;
    font-size: 19px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-lg {
    height: 70px;
    line-height: 70px
}

textarea.input-lg,select[multiple].input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 70px;
    padding: 21px 30px;
    font-size: 19px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.form-group-lg .form-control {
    height: 70px;
    line-height: 70px
}

textarea.form-group-lg .form-control,select[multiple].form-group-lg .form-control {
    height: auto
}

select.form-group-lg .form-control {
    height: 70px;
    line-height: 70px
}

textarea.form-group-lg .form-control,select[multiple].form-group-lg .form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 70px;
    padding: 21px 30px;
    font-size: 19px;
    line-height: 1.3333333
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 43.75px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    pointer-events: none
}

.input-lg+.form-control-feedback {
    width: 70px;
    height: 70px;
    line-height: 70px
}

.input-sm+.form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline,.has-success.radio label,.has-success.checkbox label,.has-success.radio-inline label,.has-success.checkbox-inline label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline,.has-warning.radio label,.has-warning.checkbox label,.has-warning.radio-inline label,.has-warning.checkbox-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error.radio label,.has-error.checkbox label,.has-error.radio-inline label,.has-error.checkbox-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label ~ .form-control-feedback {
    top: 26px
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #0062c3
}

@media(min-width:768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control {
        width: auto
    }

    .form-inline .input-group>.form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio,.form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio label,.form-inline .checkbox label {
        padding-left: 0
    }

    .form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .radio,.form-horizontal .checkbox {
    min-height: 28px
}

.form-horizontal .form-group {
    margin-left: -16px;
    margin-right: -16px
}

.form-horizontal .form-group:before,.form-horizontal .form-group:after {
    content: " ";
    display: table
}

.form-horizontal .form-group:after {
    clear: both
}

@media(min-width:768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 16px
}

@media(min-width:768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 28.9999993px
    }
}

@media(min-width:768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px
    }
}

.btn {
    display: inline-block;
    position: relative;
    z-index: 3;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.42857143;
    border-radius: 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn:hover,.btn:focus,.btn.focus {
    color: #fff;
    text-decoration: none
}

.btn:active,.btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}

.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-nav {
    color: #fff;
    background-color: #8aaf2a;
    border-color: #8aaf2a;
    text-transform: uppercase;
    font-family: 'SalesforceSansRegular';
    -webkit-box-shadow: 0 0 .3px .5px #8aaf2a;
    box-shadow: 0 0 .3px .5px #8aaf2a
}

.btn-nav:hover,.btn-nav:focus,.btn-nav.focus,.btn-nav:active,.btn-nav.active,.open>.dropdown-toggle.btn-nav {
    color: #fff;
    background-color: #6a8620;
    border-color: #6a8620;
    -webkit-box-shadow: 0 0 .3px .5px #6a8620;
    box-shadow: 0 0 .3px .5px #6a8620
}

.btn-nav:active,.btn-nav.active,.open>.dropdown-toggle.btn-nav {
    background-image: none
}

.btn-nav.disabled,.btn-nav[disabled],fieldset[disabled] .btn-nav,.btn-nav.disabled:hover,.btn-nav[disabled]:hover,fieldset[disabled] .btn-nav:hover,.btn-nav.disabled:focus,.btn-nav[disabled]:focus,fieldset[disabled] .btn-nav:focus,.btn-nav.disabled.focus,.btn-nav[disabled].focus,fieldset[disabled] .btn-nav.focus,.btn-nav.disabled:active,.btn-nav[disabled]:active,fieldset[disabled] .btn-nav:active,.btn-nav.disabled.active,.btn-nav[disabled].active,fieldset[disabled] .btn-nav.active {
    background-color: #6a8620;
    border-color: #6a8620;
    -webkit-box-shadow: 0 0 .3px .5px #6a8620;
    box-shadow: 0 0 .3px .5px #6a8620
}

.btn-nav .badge {
    color: inherit;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid #fff;
    padding: 3px 4px 2px 5px;
    margin-right: 10px;
    top: 0
}

.btn-nav-light {
    color: #fff;
    background-color: #8aaf2a;
    border-color: #8aaf2a;
    text-transform: uppercase;
    font-family: 'SalesforceSansRegular';
    -webkit-box-shadow: 0 0 .3px .5px #8aaf2a;
    box-shadow: 0 0 .3px .5px #8aaf2a
}

.btn-nav-light:hover,.btn-nav-light:focus,.btn-nav-light.focus,.btn-nav-light:active,.btn-nav-light.active,.open>.dropdown-toggle.btn-nav-light {
    color: #07b;
    background-color: #fff;
    border-color: #fff;
    -webkit-box-shadow: 0 0 .3px .5px #fff;
    box-shadow: 0 0 .3px .5px #fff
}

.btn-nav-light:active,.btn-nav-light.active,.open>.dropdown-toggle.btn-nav-light {
    background-image: none
}

.btn-nav-light.disabled,.btn-nav-light[disabled],fieldset[disabled] .btn-nav-light,.btn-nav-light.disabled:hover,.btn-nav-light[disabled]:hover,fieldset[disabled] .btn-nav-light:hover,.btn-nav-light.disabled:focus,.btn-nav-light[disabled]:focus,fieldset[disabled] .btn-nav-light:focus,.btn-nav-light.disabled.focus,.btn-nav-light[disabled].focus,fieldset[disabled] .btn-nav-light.focus,.btn-nav-light.disabled:active,.btn-nav-light[disabled]:active,fieldset[disabled] .btn-nav-light:active,.btn-nav-light.disabled.active,.btn-nav-light[disabled].active,fieldset[disabled] .btn-nav-light.active {
    background-color: #fff;
    border-color: #fff;
    -webkit-box-shadow: 0 0 .3px .5px #fff;
    box-shadow: 0 0 .3px .5px #fff
}

.btn-nav-light .badge {
    color: inherit;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid #fff;
    padding: 3px 4px 2px 5px;
    margin-right: 10px;
    top: 0
}

.btn-primary {
    color: #fff;
    background-color: #07b;
    border-color: #07b;
    text-transform: uppercase;
    font-family: 'SalesforceSansRegular';
    -webkit-box-shadow: 0 0 .3px .5px #07b;
    box-shadow: 0 0 .3px .5px #07b
}

.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #024;
    border-color: #024;
    -webkit-box-shadow: 0 0 .3px .5px #024;
    box-shadow: 0 0 .3px .5px #024
}

.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active {
    background-color: #024;
    border-color: #024;
    -webkit-box-shadow: 0 0 .3px .5px #024;
    box-shadow: 0 0 .3px .5px #024
}

.btn-primary .badge {
    color: inherit;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid #fff;
    padding: 3px 4px 2px 5px;
    margin-right: 10px;
    top: 0
}

.btn-light {
    color: #07b;
    background-color: #fff;
    border-color: #fff;
    text-transform: uppercase;
    font-family: 'SalesforceSansRegular';
    -webkit-box-shadow: 0 0 .3px .5px #fff;
    box-shadow: 0 0 .3px .5px #fff
}

.btn-light:hover,.btn-light:focus,.btn-light.focus,.btn-light:active,.btn-light.active,.open>.dropdown-toggle.btn-light {
    color: #07b;
    background-color: #ccc;
    border-color: #ccc;
    -webkit-box-shadow: 0 0 .3px .5px #ccc;
    box-shadow: 0 0 .3px .5px #ccc
}

.btn-light:active,.btn-light.active,.open>.dropdown-toggle.btn-light {
    background-image: none
}

.btn-light.disabled,.btn-light[disabled],fieldset[disabled] .btn-light,.btn-light.disabled:hover,.btn-light[disabled]:hover,fieldset[disabled] .btn-light:hover,.btn-light.disabled:focus,.btn-light[disabled]:focus,fieldset[disabled] .btn-light:focus,.btn-light.disabled.focus,.btn-light[disabled].focus,fieldset[disabled] .btn-light.focus,.btn-light.disabled:active,.btn-light[disabled]:active,fieldset[disabled] .btn-light:active,.btn-light.disabled.active,.btn-light[disabled].active,fieldset[disabled] .btn-light.active {
    background-color: #ccc;
    border-color: #ccc;
    -webkit-box-shadow: 0 0 .3px .5px #ccc;
    box-shadow: 0 0 .3px .5px #ccc
}

.btn-light .badge {
    color: inherit;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid #07b;
    padding: 3px 4px 2px 5px;
    margin-right: 10px;
    top: 0
}

.btn-dark {
    color: #fff;
    background-color: #003c4c;
    border-color: #003c4c;
    text-transform: uppercase;
    font-family: 'SalesforceSansRegular';
    -webkit-box-shadow: 0 0 .3px .5px #003c4c;
    box-shadow: 0 0 .3px .5px #003c4c
}

.btn-dark:hover,.btn-dark:focus,.btn-dark.focus,.btn-dark:active,.btn-dark.active,.open>.dropdown-toggle.btn-dark {
    color: #fff;
    background-color: #024;
    border-color: #024;
    -webkit-box-shadow: 0 0 .3px .5px #024;
    box-shadow: 0 0 .3px .5px #024
}

.btn-dark:active,.btn-dark.active,.open>.dropdown-toggle.btn-dark {
    background-image: none
}

.btn-dark.disabled,.btn-dark[disabled],fieldset[disabled] .btn-dark,.btn-dark.disabled:hover,.btn-dark[disabled]:hover,fieldset[disabled] .btn-dark:hover,.btn-dark.disabled:focus,.btn-dark[disabled]:focus,fieldset[disabled] .btn-dark:focus,.btn-dark.disabled.focus,.btn-dark[disabled].focus,fieldset[disabled] .btn-dark.focus,.btn-dark.disabled:active,.btn-dark[disabled]:active,fieldset[disabled] .btn-dark:active,.btn-dark.disabled.active,.btn-dark[disabled].active,fieldset[disabled] .btn-dark.active {
    background-color: #024;
    border-color: #024;
    -webkit-box-shadow: 0 0 .3px .5px #024;
    box-shadow: 0 0 .3px .5px #024
}

.btn-dark .badge {
    color: inherit;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid #fff;
    padding: 3px 4px 2px 5px;
    margin-right: 10px;
    top: 0
}

.btn-lg {
    padding: 0 30px;
    font-size: 11px;
    line-height: 1.3333333;
    border-radius: 50px;
    height: 45px;
    letter-spacing: .13em
}

.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 50px
}

.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 50px
}

.simple-link,.btn-link {
    color: #07b;
    font-weight: normal;
    border-radius: 0
}

.simple-link,.btn-link,.simple-link:active,.btn-link:active,.simple-link.active,.btn-link.active,.simple-link[disabled],.btn-link[disabled],fieldset[disabled] .simple-link,fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.simple-link,.btn-link,.simple-link:hover,.btn-link:hover,.simple-link:focus,.btn-link:focus,.simple-link:active,.btn-link:active {
    border-color: transparent
}

.simple-link:hover,.btn-link:hover,.simple-link:focus,.btn-link:focus {
    color: #003c4c;
    text-decoration: none;
    background-color: transparent
}

.simple-link[disabled]:hover,.btn-link[disabled]:hover,fieldset[disabled] .simple-link:hover,fieldset[disabled] .btn-link:hover,.simple-link[disabled]:focus,.btn-link[disabled]:focus,fieldset[disabled] .simple-link:focus,fieldset[disabled] .btn-link:focus {
    color: #979fa5;
    text-decoration: none
}

.simple-link {
    padding: 0;
    height: auto;
    text-align: left;
    white-space: normal
}

.simple-link.text-white {
    color: #fff
}

.simple-link-bold {
    padding: 0;
    height: auto;
    color: #07b;
    font-size: 11px;
    font-family: 'SalesforceSansBold'
}

.simple-link-bold:hover {
    color: #024
}

.simple-link-bold:active {
    color: #003c4c
}

.simple-link-bold .icon-sfdc-link-right-arrow:after {
    font-size: 9px
}

.btn-container .simple-link {
    text-transform: uppercase;
    display: table
}

.btn-container .simple-link>span {
    display: table-cell;
    vertical-align: middle
}

.btn-container .simple-link .icon-sfdc-icon-right-arrow::before {
    font-size: 9px
}

.btn-container .simple-link .icon-sfdc-icon-whitepaper2 {
    font-size: 45px;
    position: relative;
    padding-right: 5px
}

input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block {
    width: 100%
}

.buttonCTAItemComponent {
    display: inline-block;
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.text-left>.buttonCTAItemComponent {
    margin-left: 0;
    margin-right: 30px
}

.text-left>.buttonCTAItemComponent:last-child {
    margin-right: 0
}

.text-center>.buttonCTAItemComponent {
    margin-left: auto;
    margin-right: auto
}

.text-right>.buttonCTAItemComponent {
    margin-left: 30px;
    margin-right: 0
}

.text-right>.buttonCTAItemComponent:first-child {
    margin-left: 0
}

.buttonCTAItemComponent.navbar_free_trial {
    margin: 0;
    display: inline
}

.btn-container {
    display: inline-table
}

.btn-container .btn {
    display: table-cell
}

@media(min-width:1024px) and (max-width:1311px) {
    .pricingComponent .edition-container a.btn-lg {
        padding: 0 10px !important
    }
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none;
    visibility: hidden
}

.collapse.in {
    display: block;
    visibility: visible
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height,visibility;
    transition-property: height,visibility;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropup,.dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 15px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    background-clip: padding-box
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9.5px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #979fa5;
    white-space: nowrap
}

.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #8a9399;
    background-color: #f4f4f4
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #00a1e0
}

.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus {
    color: #979fa5
}

.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    cursor: not-allowed
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #979fa5;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid;
    content: ""
}

.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media(min-width:768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.title {
    font-family: 'SalesforceSansThin' !important;
    font-size: 22px;
    color: #222
}

.description {
    font-family: 'SalesforceSansRegular' !important;
    font-size: 12px;
    color: #222;
    line-height: 17px
}

.currency {
    font-family: 'SalesforceSansRegular' !important;
    font-size: 32px;
    color: #222
}

.price {
    font-family: 'SalesforceSansRegular' !important;
    font-size: 45px;
    color: #222
}

.price-text {
    font-family: 'SalesforceSansBold' !important;
    font-size: 10px;
    color: #222;
    line-height: 15px
}

.btn-group,.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group>.btn,.btn-group-vertical>.btn {
    position: relative;
    float: left
}

.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active {
    z-index: 2
}

.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar:before,.btn-toolbar:after {
    content: " ";
    display: table
}

.btn-toolbar:after {
    clear: both
}

.btn-toolbar .btn-group,.btn-toolbar .input-group {
    float: left
}

.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group {
    margin-left: 5px
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group>.btn-group {
    float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group-xs>.btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 50px
}

.btn-group-sm>.btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 50px
}

.btn-group-lg>.btn {
    padding: 0 30px;
    font-size: 11px;
    line-height: 1.3333333;
    border-radius: 50px;
    height: 45px;
    letter-spacing: .13em
}

.btn-group>.btn+.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

.btn-group>.btn-lg+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after {
    content: " ";
    display: table
}

.btn-group-vertical>.btn-group:after {
    clear: both
}

.btn-group-vertical>.btn-group>.btn {
    float: none
}

.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified>.btn,.btn-group-justified>.btn-group {
    float: none;
    display: table-cell;
    width: 1%
}

.btn-group-justified>.btn-group .btn {
    width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto
}

[data-toggle="buttons"]>.btn input[type="radio"],[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],[data-toggle="buttons"]>.btn input[type="checkbox"],[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn {
    height: 70px;
    padding: 21px 30px;
    font-size: 19px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn {
    height: 70px;
    line-height: 70px
}

textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn {
    height: auto
}

select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn {
    height: 70px;
    line-height: 70px
}

textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn {
    height: auto
}

.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    line-height: 30px
}

textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn {
    height: auto
}

select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    line-height: 30px
}

textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn {
    height: auto
}

.input-group-addon,.input-group-btn,.input-group .form-control {
    display: table-cell
}

.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon,.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 15px;
    font-weight: normal;
    line-height: 1;
    color: #7c868d;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50px
}

.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px
}

.input-group-addon.input-lg {
    padding: 21px 30px;
    font-size: 19px;
    border-radius: 6px
}

.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"] {
    margin-top: 0
}

.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn>.btn {
    position: relative
}

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active {
    z-index: 2
}

.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group {
    margin-right: -1px
}

.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group {
    margin-left: -1px
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.nav:before,.nav:after {
    content: " ";
    display: table
}

.nav:after {
    clear: both
}

.nav>li {
    position: relative;
    display: block
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
    background-color: #f4f4f4
}

.nav>li>a:hover,.nav>li>a:focus {
    text-decoration: none;
    color: #07b
}

.nav>li.disabled>a {
    color: #979fa5
}

.nav>li.disabled>a:hover,.nav>li.disabled>a:focus {
    color: #979fa5;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open>a,.nav .open>a:hover,.nav .open>a:focus {
    background-color: #b3b8bc;
    border-color: #07b
}

.nav .nav-divider {
    height: 1px;
    margin: 9.5px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover {
    border-color: #b3b8bc #b3b8bc #ddd
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus {
    color: #7c868d;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0
}

.nav-tabs.nav-justified>li {
    float: none
}

.nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media(min-width:768px) {
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%
    }

    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus {
    border: 1px solid #ddd
}

@media(min-width:768px) {
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus {
        border-bottom-color: #fff
    }
}

.nav-pills>li {
    float: left
}

.nav-pills>li>a {
    border-radius: 0
}

.nav-pills>li+li {
    margin-left: 6px
}

.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #00a1e0
}

body.analytics_cloud .nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {
    background-color: #00b2a9
}

body.appexchange .nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {
    background-color: #001871
}

body.chatter .nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {
    background-color: #418fde
}

body.community_cloud .nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {
    background-color: #ffb60f
}

body.data_com .nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {
    background-color: #92c1e9
}

body.desk_com .nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {
    background-color: #963cbd
}

body.exacttarget_marketing_cloud .nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {
    background-color: #ed8b00
}

body.force_com .nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {
    background-color: #001871
}

body.heroku .nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {
    background-color: #001871
}

body.marketing_cloud .nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {
    background-color: #ed8b00
}

body.pardot .nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {
    background-color: #418fde
}

body.sales_cloud .nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {
    background-color: #92c1e9
}

body.salesforce1_platform .nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {
    background-color: #001871
}

body.service_cloud .nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {
    background-color: #963cbd
}

body.work_com .nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {
    background-color: #92c1e9
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified {
    width: 100%
}

.nav-justified>li {
    float: none
}

.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media(min-width:768px) {
    .nav-justified>li {
        display: table-cell;
        width: 1%
    }

    .nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus {
    border: 1px solid #ddd
}

@media(min-width:768px) {
    .nav-tabs-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus {
        border-bottom-color: #fff
    }
}

.tab-content>.tab-pane {
    display: none;
    visibility: hidden
}

.tab-content>.active {
    display: block;
    visibility: visible
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar {
    position: relative;
    min-height: 66px;
    border-bottom: 1px solid transparent
}

.navbar:before,.navbar:after {
    content: " ";
    display: table
}

.navbar:after {
    clear: both
}

@media(min-width:768px) {
    .navbar {
        border-radius: 0
    }
}

@media(min-width:1025px) {
    .navbar .nav-overlay-drawer {
        display: none
    }
}

.navbar .list-inline {
    display: inline-block;
    margin-bottom: 0
}

.navbar .list-inline .navbar-expander {
    text-decoration: none;
    text-transform: uppercase
}

.navbar .list-inline .navbar-expander:hover {
    text-decoration: none
}

.navbar .list-inline>li {
    padding: 0 15px;
    position: relative;
    top: 2px;
    padding-bottom: 17px;
    margin-top: 15px
}

.navbar .list-inline>li h2 {
    font-size: inherit
}

.navbar .list-inline li.primary-menu-item .navbar-expander {
    font-family: 'SalesforceSansBold' !important;
    font-size: 16px
}

.navbar .list-inline li.secondary-menu-item .navbar-expander {
    font-family: 'SalesforceSansRegular' !important;
    font-size: 15px
}

.nav-container .main-menu {
    margin-right: 15px;
    margin-left: 2px
}

@media(max-width:1024px) {
    .nav-container .main-menu {
        display: none
    }
}

@media(min-width:768px) and (max-width:1024px) {
    .nav-container .main-menu .hideMenuPrimaryItemOnTablet_true {
        display: none
    }
}

@media(min-width:1024px) {
    .nav-container .main-menu .primary-menu-item+.secondary-menu-item {
        display: inline-block
    }
}

@media(min-width:1312px) {
    .nav-container .main-menu .primary-menu-item+.secondary-menu-item {
        margin-left: 30px
    }
}

.nav-container .btn-container {
    float: right
}

@media(min-width:1024px) and (max-width:1311px) {
    .nav-container {
        padding-left: 0
    }
}

.header-container {
    padding: 0
}

.navbar-header-container {
    border-bottom: 1px solid #ccc
}

.navbar-header:before,.navbar-header:after {
    content: " ";
    display: table
}

.navbar-header:after {
    clear: both
}

@media(min-width:768px) {
    .navbar-header {
        float: left
    }
}

.navbar-header.row {
    float: none
}

.navbar-header .top-section {
    font-size: 12px
}

@media(max-width:1024px) {
    .navbar-header .top-section {
        display: none
    }
}

.navbar-header .top-section .phone-number,.navbar-header .top-section .contact-link,.navbar-header .top-section .search-form,.navbar-header .top-section .login-link {
    display: inline-block;
    margin-top: 22px
}

.navbar-header .top-section .languageIconSection {
    display: inline-block;
    width: 40px;
    margin-left: 15px;
    position: relative;
    vertical-align: top;
    top: 34px
}

.navbar-header .top-section .languageIconSection .languageIconSection_image,.navbar-header .top-section .languageIconSection .languageIconSection_text {
    width: 100%;
    text-align: center
}

.navbar-header .top-section .languageIconSection .languageIconSection_image img {
    max-width: 40px;
    max-height: 40px
}

.navbar-header .top-section .contact-link a,.navbar-header .top-section .login-link a {
    letter-spacing: 0
}

.navbar-header .top-section .contact-link .buttonCTAItemComponent,.navbar-header .top-section .login-link .buttonCTAItemComponent {
    margin-top: 0 !important;
    margin-bottom: 22px !important
}

.navbar-header .top-section .contact-link .buttonCTAItemComponent .btn.btn-lg.btn-link,.navbar-header .top-section .login-link .buttonCTAItemComponent .btn.btn-lg.btn-link {
    padding-left: 7px
}

.navbar-header .nav_login .btn-lg,.navbar-header .nav_contact .btn-lg {
    font-family: 'SalesforceSansRegular' !important;
    font-size: 12px;
    text-transform: uppercase
}

.navbar-header .nav_login .btn-link {
    color: #222
}

.navbar-header .phone-number {
    text-transform: uppercase
}

.navbar-header .contact-link,.navbar-header .search-form,.navbar-header .login-link {
    vertical-align: middle
}

.navbar-header .search-form {
    margin-left: 10px
}

.navbar-header .contact-link {
    margin-left: 22px
}

@media(min-width:1024px) {
    .navbar-header .contact-link .nav_contact .btn-container {
        padding-top: 2px
    }
}

.navbar-header .login-link .simple-link,.navbar-header .login-link .icon-sfdc-icon-login {
    color: #222
}

.navbar-header .login-link .icon-sfdc-icon-login {
    font-size: 15pt;
    padding: 3px;
    vertical-align: middle;
    margin-top: -4px
}

.navbar-header .login-link .simple-link:hover,.navbar-header .login-link .simple-link:focus {
    color: #00a1e0
}

.navbar-header .login-link .simple-link:hover .icon-sfdc-icon-login,.navbar-header .login-link .simple-link:focus .icon-sfdc-icon-login {
    color: #00a1e0;
    border-color: #00a1e0
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 16px;
    padding-left: 16px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse:before,.navbar-collapse:after {
    content: " ";
    display: table
}

.navbar-collapse:after {
    clear: both
}

.navbar-collapse.in {
    overflow-y: auto
}

.navbar-collapse.row {
    float: none
}

@media(min-width:768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}

.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse {
    max-height: 340px
}

@media(max-device-width:480px) and (orientation:landscape) {
    .navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse {
        max-height: 200px
    }
}

.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse {
    margin-right: -16px;
    margin-left: -16px
}

@media(min-width:768px) {
    .container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media(min-width:768px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-fixed-top,.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media(min-width:768px) {
    .navbar-fixed-top,.navbar-fixed-bottom {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    display: block
}

.navbar-brand>a {
    float: left;
    padding: 10px 16px;
    font-size: 19px;
    line-height: 21px
}

.navbar-brand>a:hover,.navbar-brand>a:focus {
    text-decoration: none
}

.navbar-brand>a>img {
    display: block
}

@media(min-width:768px) {
    .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {
        margin-left: -16px
    }
}

@media(max-width:1023px) {
    .navbar-brand {
        display: inline-block
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 16px;
    padding: 9px 10px;
    margin-top: 16px;
    margin-bottom: 16px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

@media(min-width:1025px) {
    .navbar-toggle {
        display: none
    }
}

@media(max-width:1024px) {
    .navbar-toggle {
        display: block
    }
}

.navbar-nav {
    margin: 0
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 21px
}

@media(max-width:1311px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 21px
    }

    .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus {
        background-image: none
    }
}

@media(min-width:768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav>li {
        float: left
    }

    .navbar-nav>li>a {
        padding-top: 22.5px;
        padding-bottom: 22.5px
    }
}

.navbar-form {
    margin-left: -16px;
    margin-right: -16px;
    padding: 10px 16px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);
    margin-top: 15.5px;
    margin-bottom: 15.5px
}

@media(min-width:768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn,.navbar-form .input-group .form-control {
        width: auto
    }

    .navbar-form .input-group>.form-control {
        width: 100%
    }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .radio,.navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .radio label,.navbar-form .checkbox label {
        padding-left: 0
    }

    .navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media(min-width:768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn,.navbar-form .input-group .form-control {
        width: auto
    }

    .navbar-form .input-group>.form-control {
        width: 100%
    }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .radio,.navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .radio label,.navbar-form .checkbox label {
        padding-left: 0
    }

    .navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media(max-width:767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }

    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

@media(min-width:768px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 15.5px;
    margin-bottom: 15.5px
}

.navbar-btn.btn-sm {
    margin-top: 18px;
    margin-bottom: 18px
}

.navbar-btn.btn-xs {
    margin-top: 22px;
    margin-bottom: 22px
}

.navbar-text {
    margin-top: 22.5px;
    margin-bottom: 22.5px
}

@media(min-width:768px) {
    .navbar-text {
        float: left;
        margin-left: 16px;
        margin-right: 16px
    }
}

@media(min-width:768px) {
    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important;
        margin-right: -16px
    }

    .navbar-right ~ .navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #fff;
    border-color: #ccc
}

.navbar-default hr {
    margin: 0;
    border-top: 1px solid #68747a
}

.navbar-default .navbar-brand {
    color: #777
}

.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav>li>a {
    color: #777
}

.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus {
    color: #333;
    background-color: #fff
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus {
    color: #555;
    background-color: #eee
}

.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}

.navbar-default .navbar-collapse,.navbar-default .navbar-form {
    border-color: #ccc
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus {
    background-color: #eee;
    color: #555
}

@media(max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #777
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #333;
        background-color: #fff
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #555;
        background-color: #eee
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

.navbar-default .navbar-link:hover {
    color: #333
}

.navbar-default .btn-link {
    color: #777
}

.navbar-default .btn-link:hover,.navbar-default .btn-link:focus {
    color: #333
}

.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover,.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus {
    color: #ccc
}

.navbar-default .navbar-header,.navbar-default .nav-container {
    margin: 0 auto
}

@media(min-width:768px) {
    .navbar-default .navbar-header,.navbar-default .nav-container {
        width: 752px;
        padding: 0
    }
}

@media(min-width:1024px) {
    .navbar-default .navbar-header,.navbar-default .nav-container {
        width: 972px;
        padding: 0
    }
}

@media(min-width:1312px) {
    .navbar-default .navbar-header,.navbar-default .nav-container {
        width: 1312px;
        padding: 0 16px
    }
}

.navbar-inverse {
    background-color: #222;
    border-color: #080808
}

.navbar-inverse .navbar-brand {
    color: #c0c5c8
}

.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-text {
    color: #c0c5c8
}

.navbar-inverse .navbar-nav>li>a {
    color: #c0c5c8
}

.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #080808
}

.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus {
    color: #444;
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #080808;
    color: #fff
}

@media(max-width:1023px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #c0c5c8
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #fff;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #c0c5c8
}

.navbar-inverse .navbar-link:hover {
    color: #fff
}

.navbar-inverse .btn-link {
    color: #c0c5c8
}

.navbar-inverse .btn-link:hover,.navbar-inverse .btn-link:focus {
    color: #fff
}

.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover,.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444
}

.primaryMenuOverlayEffectTypeLevel .navbar-expandable-container {
    -webkit-box-shadow: #787877 0 0 20px;
    -moz-box-shadow: #787877 0 0 20px;
    box-shadow: #787877 0 0 20px;
    height: auto
}

.primaryMenuOverlayEffectTypeLevel .columns-wrapper {
    position: static
}

.primaryMenuOverlayEffectTypeLevel .col>.columnContainer>.columns-wrapper {
    padding-left: 22px
}

.primaryMenuOverlayEffectTypeLevel .navbar-expandable-container .tab-pane {
    height: auto
}

.primaryMenuOverlayEffectTypeLevel .navbar-expandable-container.nav-expanded {
    height: auto
}

.primaryMenuOverlayEffectTypeLevel .overlayMenuItem {
    position: relative;
    float: left
}

.primaryMenuOverlayEffectTypeLevel .overlayMenuItem .subOverlayMenu {
    display: none;
    position: absolute;
    top: 38px
}

.primaryMenuOverlayEffectTypeLevel #leftAlignedSubMenuElement {
    left: 30px
}

.primaryMenuOverlayEffectTypeLevel #rightAlignedSubMenuElement {
    right: 15px
}

.primaryMenuOverlayEffectTypeLevel .overlayMenuItem:hover>.subOverlayMenu {
    display: block
}

.primaryMenuOverlayEffectTypeLevel .navbar-expandable-container .container {
    width: 100%
}

.primaryMenuOverlayEffectTypeLevel .tab-pane {
    width: 1000px
}

.navbar-expandable-container {
    position: relative;
    height: 0;
    background-color: #fff;
    -webkit-transition: height .4s linear;
    -moz-transition: height .4s linear;
    -ms-transition: height .4s linear;
    -o-transition: height .4s linear;
    transition: height .4s linear;
    overflow: hidden;
    margin-left: -16px;
    padding-left: 0;
    padding-right: 0
}

.navbar-expandable-container .tab-pane {
    height: 0;
    overflow: hidden
}

.navbar-expandable-container .icon-sfdc-icon-up-arrow.footer-closer-tab {
    cursor: pointer;
    padding: 10px 10px 10px 10px
}

.navbar-expandable-container.nav-expanded {
    height: 0
}

.navbar-expandable-container.nav-expanded .tab-pane.active {
    height: auto
}

.navbar-expandable-container .icon-sfdc-icon-offsite {
    margin-left: 5px
}

.navbar-expandable-container footer {
    margin-top: 8px;
    height: 30px;
    padding-top: 8px;
    text-transform: uppercase;
    font-size: 11px;
    font-family: 'SalesforceSansBold' !important;
    letter-spacing: .13em
}

.navbar-expandable-container footer .icon-sfdc-link-right-arrow {
    padding-left: 5px;
    font-size: 9px
}

body.fixed-nav-top-adjust {
    margin-top: 66px
}

body.fixed-nav-bottom-adjust {
    margin-bottom: 66px
}

.navbar-header .search-form {
    width: 40px;
    transition: all .5s linear;
    margin-top: 0 !important
}

.navbar-header .search-form form {
    position: relative;
    width: 100%;
    transition: all .5s linear
}

.navbar-header .search-form form .glyphicon-search {
    position: absolute;
    left: 12px;
    top: 11px;
    z-index: 1;
    cursor: pointer;
    font-size: 15px
}

@media(min-width:1024px) and (max-width:1311px) {
    .navbar-header .search-form form .glyphicon-search {
        left: 9px
    }
}

.navbar-header .search-form form .input-group {
    opacity: 0;
    width: 100%;
    transition: all .5s linear
}

.navbar-header .search-form.active {
    width: 335px
}

.navbar-header .search-form.active .input-group {
    opacity: 1
}

@media(min-width:1024px) and (max-width:1311px) {
    .navbar-header .search-form.active {
        width: 160px
    }
}

.navbar-header .search-form .input-group-btn {
    width: 1%
}

.navbar-header .search-form .input-group-btn .btn {
    color: #07b;
    border-left: 0
}

.nav>li>div.login-link a,.nav>li>a.primary-nav-link,.nav>li>a.secondary-nav-link,.nav>li.dropdown>.dropdown-menu a.primary-nav-sublink,.nav>li.dropdown>.dropdown-menu a.secondary-nav-sublink {
    color: #222
}

@media(max-width:1025px) {
    .nav>li>div.login-link a,.nav>li>a.primary-nav-link,.nav>li>a.secondary-nav-link,.nav>li.dropdown>.dropdown-menu a.primary-nav-sublink,.nav>li.dropdown>.dropdown-menu a.secondary-nav-sublink {
        font-family: 'SalesforceSansRegular' !important;
        font-size: 24px;
        line-height: 20px;
        padding: 30px 70px
    }
}

@media(max-width:767px) {
    .nav>li>div.login-link a,.nav>li>a.primary-nav-link,.nav>li>a.secondary-nav-link,.nav>li.dropdown>.dropdown-menu a.primary-nav-sublink,.nav>li.dropdown>.dropdown-menu a.secondary-nav-sublink {
        font-family: 'SalesforceSansLight' !important;
        font-size: 18px;
        line-height: 16px;
        padding: 15px 30px
    }
}

@media(max-width:1023px) {
    .nav>li>div.search-form-top-container {
        padding: 0 60px 60px 60px
    }
}

@media(max-width:767px) {
    .nav>li>div.search-form-top-container {
        padding: 0 25px 18px 25px
    }
}

.side-anchorbar {
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative
}

.side-anchorbar.affix {
    position: static;
    z-index: 100
}

@media(min-width:768px) {
    .side-anchorbar.affix {
        position: fixed;
        top: 20px
    }

    .side-anchorbar.affix .side-anchornav {
        margin-top: 0;
        margin-bottom: 0
    }
}

body.fixed-nav-top-adjust .side-anchorbar.affix {
    top: 86px
}

@media(min-width:768px) {
    .side-anchorbar {
        padding-left: 20px
    }
}

.side-anchorbar .nav>li>a {
    display: block;
    padding: 4px 20px;
    font-size: 14.25px;
    color: #07b
}

.side-anchorbar .nav>li>a:hover,.side-anchorbar .nav>li>a:focus {
    padding-left: 19px;
    color: #003655;
    text-decoration: none;
    background-color: transparent;
    border-left: 1px solid #07b
}

@media(min-width:1024px) {
    .side-anchorbar .nav>.active>ul {
        display: block
    }
}

.side-anchorbar .nav>.active>a,.side-anchorbar .nav>.active:hover>a,.side-anchorbar .nav>.active:focus>a {
    padding-left: 18px;
    font-weight: 700;
    color: #003655;
    background-color: transparent;
    border-left: 2px solid #003655
}

.side-anchorbar .nav .nav {
    display: none;
    padding-bottom: 10px
}

.side-anchorbar .nav .nav>li>a {
    color: #07b;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 30px;
    font-size: 13px
}

.side-anchorbar .nav .nav>li>a:hover,.side-anchorbar .nav .nav>li>a:focus {
    color: #003655;
    padding-left: 29px
}

.side-anchorbar .nav .nav>.active>a,.side-anchorbar .nav .nav>.active:hover>a,.side-anchorbar .nav .nav>.active:focus>a {
    color: #003655;
    padding-left: 28px
}

.back-to-top {
    display: none;
    padding: 4px 20px;
    margin-top: 10px;
    margin-left: 10px;
    font-size: 13px;
    color: #07b
}

.back-to-top:hover {
    color: #003655;
    text-decoration: none
}

@media(min-width:768px) {
    .back-to-top {
        display: block
    }
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 21px;
    list-style: none;
    background-color: #f4f4f4;
    border-radius: 4px
}

.breadcrumb>li {
    display: inline-block
}

.breadcrumb>li+li:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #ccc
}

.breadcrumb>.active {
    color: #979fa5
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 21px 0;
    border-radius: 4px
}

.pagination>li {
    display: inline
}

.pagination>li>a,.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #07b;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus {
    color: #003c4c;
    background-color: #b3b8bc;
    border-color: #ddd
}

.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    background-color: #00a1e0;
    border-color: #00a1e0;
    cursor: default
}

.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus {
    color: #979fa5;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed
}

.pagination-lg>li>a,.pagination-lg>li>span {
    padding: 21px 30px;
    font-size: 19px
}

.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.pagination-sm>li>a,.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px
}

.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.pager {
    padding-left: 0;
    margin: 21px 0;
    list-style: none;
    text-align: center
}

.pager:before,.pager:after {
    content: " ";
    display: table
}

.pager:after {
    clear: both
}

.pager li {
    display: inline
}

.pager li>a,.pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px
}

.pager li>a:hover,.pager li>a:focus {
    text-decoration: none;
    background-color: #b3b8bc
}

.pager .next>a,.pager .next>span {
    float: right
}

.pager .previous>a,.pager .previous>span {
    float: left
}

.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span {
    color: #979fa5;
    background-color: #fff;
    cursor: not-allowed
}

.label {
    display: inline;
    padding: 5px 8px;
    font-size: 9px;
    font-family: 'SalesforceSansLight' !important;
    line-height: 27px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 5px;
    margin-right: 5px
}

.label:last-child {
    margin-right: 0
}

.label .label-sep {
    display: none
}

.thumbnail-content .label {
    color: inherit;
    font-family: 'SalesforceSansBold' !important;
    font-size: 12px;
    line-height: 18px;
    margin-right: 0;
    padding: 0;
    text-align: inherit
}

.thumbnail-content .label .label-sep {
    display: inline
}

a.label:hover,a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

.label-tag {
    background-color: #4e758b
}

.thumbnail-content .label-tag {
    background-color: transparent
}

.label-default {
    background-color: #979fa5
}

.label-default[href]:hover,.label-default[href]:focus {
    background-color: #7c868d
}

.label-primary {
    background-color: #00a1e0
}

.label-primary[href]:hover,.label-primary[href]:focus {
    background-color: #007cad
}

.label-success {
    background-color: #5cb85c
}

.label-success[href]:hover,.label-success[href]:focus {
    background-color: #449d44
}

.label-info {
    background-color: #5bc0de
}

.label-info[href]:hover,.label-info[href]:focus {
    background-color: #31b0d5
}

.label-warning {
    background-color: #f0ad4e
}

.label-warning[href]:hover,.label-warning[href]:focus {
    background-color: #ec971f
}

.label-danger {
    background-color: #d9534f
}

.label-danger[href]:hover,.label-danger[href]:focus {
    background-color: #c9302c
}

.badge {
    display: inline;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: normal;
    color: inherit;
    line-height: 1;
    vertical-align: sub;
    white-space: nowrap;
    text-align: center;
    background-color: #979fa5;
    border-radius: 10px
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.btn-xs .badge {
    top: 0;
    padding: 1px 5px
}

a.badge:hover,a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.list-group-item.active>.badge,.nav-pills>.active>a>.badge {
    color: #07b;
    background-color: #fff
}

.list-group-item>.badge {
    float: right
}

.list-group-item>.badge+.badge {
    margin-right: 5px
}

.nav-pills>li>a>.badge {
    margin-left: 3px
}

@media(min-width:1024px) {
    blockquote.quote-giant p {
        font-family: 'SalesforceSansThin' !important;
        font-size: 42px;
        line-height: 52px;
        text-indent: -15px
    }
}

@media(max-width:1023px) {
    blockquote.quote-giant p {
        font-family: 'SalesforceSansLight' !important;
        font-size: 27px;
        line-height: 36px;
        text-indent: -11px
    }
}

blockquote.quote-giant a.cirrus-hover:hover {
    color: #003c4c
}

@media(min-width:1024px) {
    blockquote.quote-larger p {
        font-family: 'SalesforceSansLight' !important;
        font-size: 30px;
        line-height: 36px;
        text-indent: -11px
    }
}

@media(max-width:1023px) {
    blockquote.quote-larger p {
        font-family: 'SalesforceSansLight' !important;
        font-size: 18px;
        line-height: 21.6px;
        text-indent: -7px
    }
}

blockquote.quote-larger a.cirrus-hover:hover {
    color: #003c4c
}

@media(min-width:1024px) {
    blockquote.quote-large p {
        font-family: 'SalesforceSansLight' !important;
        font-size: 22px;
        line-height: 26.4px;
        text-indent: -9px
    }
}

@media(max-width:1023px) {
    blockquote.quote-large p {
        font-family: 'SalesforceSansLight' !important;
        font-size: 18px;
        line-height: 21.6px;
        text-indent: -7px
    }
}

blockquote.quote-large a.cirrus-hover:hover {
    color: #003c4c
}

@media(min-width:1024px) {
    blockquote.quote-medium p {
        font-family: 'SalesforceSansRegular' !important;
        font-size: 15px;
        line-height: 18px;
        text-indent: -6px
    }
}

@media(max-width:1023px) {
    blockquote.quote-medium p {
        font-family: 'SalesforceSansRegular' !important;
        font-size: 15px;
        line-height: 18px;
        text-indent: -6px
    }
}

blockquote.quote-medium a.cirrus-hover:hover {
    color: #003c4c
}

blockquote footer.footer-large {
    font-family: 'SalesforceSansBold' !important;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1.5px
}

blockquote footer.footer-large .icon-sfdc-icon-right-arrow {
    font-size: 12px
}

blockquote footer.footer-small {
    font-family: 'SalesforceSansBold' !important;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.5px
}

blockquote .icon-sfdc-icon-right-arrow {
    font-size: 9px
}

blockquote .modal-link {
    cursor: pointer
}

blockquote footer {
    padding: 0 0 0 0 !important
}

.jumbotron {
    color: inherit;
    overflow: hidden;
    position: relative
}

@media(min-width:768px) {
    .jumbotron {
        background-position: center top;
        background-size: cover;
        background-repeat: no-repeat
    }
}

@media(max-width:767px) {
    .jumbotron {
        background-image: none !important;
        min-height: auto !important
    }
}

.jumbotron:before,.jumbotron:after {
    content: " ";
    display: table
}

.jumbotron:after {
    clear: both
}

.jumbotron>hr {
    border-top-color: #979fa5
}

.jumbotron .jumbo-video {
    display: block;
    position: absolute;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto
}

.jumbotron .jumbo-container {
    z-index: 2
}

.jumbotron .jumbo-container.bottom-align {
    top: auto;
    margin-bottom: 0;
    bottom: 0;
    position: absolute;
    width: 100%
}

@media(max-width:767px) {
    .jumbotron .jumbo-container.bottom-align .jumbo-content {
        position: absolute;
        bottom: 0
    }
}

@media(min-width:768px) {
    .jumbotron .jumbo-container {
        background-image: none !important
    }
}

@media(max-width:767px) {
    .jumbotron .jumbo-container {
        background-position: center top;
        background-size: cover;
        background-repeat: no-repeat
    }
}

.jumbotron .jumbo-content-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.jumbotron .jumbo-content {
    position: relative
}

.jumbotron .jumbo-image {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

@media(max-width:1311px) {
    .jumbotronComponent .md-min-height-500 {
        min-height: 500px !important
    }

    .jumbotronComponent .md-min-height-450 {
        min-height: 450px !important
    }

    .jumbotronComponent .md-min-height-400 {
        min-height: 400px !important
    }

    .jumbotronComponent .md-min-height-350 {
        min-height: 350px !important
    }

    .jumbotronComponent .md-min-height-300 {
        min-height: 300px !important
    }

    .jumbotronComponent .md-min-height-250 {
        min-height: 250px !important
    }

    .jumbotronComponent .md-min-height-200 {
        min-height: 200px !important
    }

    .jumbotronComponent .md-min-height-150 {
        min-height: 150px !important
    }

    .jumbotronComponent .md-min-height-100 {
        min-height: 100px !important
    }

    .jumbotronComponent .md-min-height-50 {
        min-height: 50px !important
    }
}

@media(max-width:1023px) {
    .jumbotronComponent .sm-min-height-500 {
        min-height: 500px !important
    }

    .jumbotronComponent .sm-min-height-450 {
        min-height: 450px !important
    }

    .jumbotronComponent .sm-min-height-400 {
        min-height: 400px !important
    }

    .jumbotronComponent .sm-min-height-350 {
        min-height: 350px !important
    }

    .jumbotronComponent .sm-min-height-300 {
        min-height: 300px !important
    }

    .jumbotronComponent .sm-min-height-250 {
        min-height: 250px !important
    }

    .jumbotronComponent .sm-min-height-200 {
        min-height: 200px !important
    }

    .jumbotronComponent .sm-min-height-150 {
        min-height: 150px !important
    }

    .jumbotronComponent .sm-min-height-100 {
        min-height: 100px !important
    }

    .jumbotronComponent .sm-min-height-50 {
        min-height: 50px !important
    }
}

@media(max-width:767px) {
    .jumbotronComponent .xs-min-height-500 {
        min-height: 500px !important
    }

    .jumbotronComponent .xs-min-height-450 {
        min-height: 450px !important
    }

    .jumbotronComponent .xs-min-height-400 {
        min-height: 400px !important
    }

    .jumbotronComponent .xs-min-height-350 {
        min-height: 350px !important
    }

    .jumbotronComponent .xs-min-height-300 {
        min-height: 300px !important
    }

    .jumbotronComponent .xs-min-height-250 {
        min-height: 250px !important
    }

    .jumbotronComponent .xs-min-height-200 {
        min-height: 200px !important
    }

    .jumbotronComponent .xs-min-height-150 {
        min-height: 150px !important
    }

    .jumbotronComponent .xs-min-height-100 {
        min-height: 100px !important
    }

    .jumbotronComponent .xs-min-height-50 {
        min-height: 50px !important
    }
}

.sidebar-right-wrapper {
    position: relative
}

@media(max-width:1023px) {
    .sidebar-right-wrapper {
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }
}

.sidebar.sidebar-right {
    background-color: #fff;
    border: 1px solid #c2c2c2;
    margin-top: 32px;
    min-height: 500px;
    overflow: hidden;
    padding: 20px;
    position: absolute;
    right: -4px;
    z-index: 100 !important
}

@media(max-width:1311px) {
    .sidebar.sidebar-right {
        right: -26px
    }
}

@media(max-width:1023px) {
    .sidebar.sidebar-right {
        border: 0;
        margin: 0;
        position: relative;
        right: inherit;
        top: inherit !important
    }
}

.jumbo-content-wrap {
    position: relative;
    z-index: 2
}

.thumbnail {
    display: block;
    padding: 0;
    margin-bottom: 0;
    line-height: 1.42857143;
    border-radius: 0;
    width: 100%
}

.thumbnail>img,.thumbnail a>img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto
}

.thumbnail>img.img-bleed-right,.thumbnail a>img.img-bleed-right,.thumbnail>img.img-bleed-left,.thumbnail a>img.img-bleed-left {
    max-width: inherit
}

.thumbnail .thumbnail-content {
    padding: 0
}

.thumbnail .thumbnail-content .detail {
    display: none
}

.thumbnail.show-details .thumbnail-content:hover {
    background-color: #ededed
}

.thumbnail.show-details .thumbnail-content:hover .detail {
    display: block
}

.thumbnail.show-details .thumbnail-content:hover .overview {
    display: none
}

a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active {
    border-color: #07b
}

.thumbnail .caption {
    position: relative;
    padding: 20px;
    color: #024
}

.thumbnail footer {
    padding: 0 20px 20px 20px;
    position: relative;
    background: 0
}

.thumbnail footer.docked {
    bottom: 0;
    position: absolute
}

.thumbnail .graphic {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 56.25%
}

.thumbnail .graphic img {
    position: absolute;
    top: 0;
    width: 100%
}

.thumbnail.overlay {
    position: relative
}

.thumbnail.featured-content:before {
    content: ' ';
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 16px;
    border-top: 50px solid #fff;
    border-left: 50px solid transparent
}

.thumbnail.featured-content.show-details .thumbnail-content:hover .caption:before,.thumbnail.featured-content .graphic:before {
    content: "\e006";
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    font-size: 23px;
    color: #07b;
    width: 30px;
    position: absolute;
    height: 30px;
    top: 0;
    right: 16px;
    text-align: center
}

.thumbnail.featured-content.show-details .thumbnail-content:hover .caption:before {
    right: -1px
}

.overlay .caption {
    position: absolute;
    bottom: 45%;
    text-align: center;
    width: 100%
}

.alert {
    padding: 15px;
    margin-bottom: 21px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: normal
}

.alert>p,.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable,.alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close,.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    overflow: hidden;
    height: 21px;
    margin-bottom: 21px;
    background-color: #f4f4f4;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 21px;
    color: #fff;
    text-align: center;
    background-color: #00a1e0;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.progress-striped .progress-bar,.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-size: 40px 40px
}

.progress.active .progress-bar,.progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
}

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media,.media-body {
    zoom: 1;
    overflow: hidden
}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

.media-right,.media>.pull-right {
    padding-left: 10px
}

.media-left,.media>.pull-left {
    padding-right: 10px
}

.media-left,.media-right,.media-body {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

.list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

a.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:hover,a.list-group-item:focus {
    text-decoration: none;
    color: #555;
    background-color: #f4f4f4
}

.list-group-item.disabled,.list-group-item.disabled:hover,.list-group-item.disabled:focus {
    background-color: #b3b8bc;
    color: #979fa5;
    cursor: not-allowed
}

.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text {
    color: #979fa5
}

.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #00a1e0;
    border-color: #00a1e0
}

.list-group-item.active .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>.small {
    color: inherit
}

.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text {
    color: #ade8ff
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:hover,a.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active,a.list-group-item-success.active:hover,a.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:hover,a.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active,a.list-group-item-info.active:hover,a.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:hover,a.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active,a.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:hover,a.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active,a.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 21px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05)
}

.accordionContainer .panel {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0
}

.panel-body {
    padding: 15px
}

.panel-body:before,.panel-body:after {
    content: " ";
    display: table
}

.panel-body:after {
    clear: both
}

.accordionContainer .panel-body {
    padding: 30px 26px 29px 72px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit
}

.accordionContainer .panel-heading {
    border-top: 1px solid #f4f4f4;
    border-radius: 0;
    background-color: transparent;
    padding: 26px
}

.accordionContainer .panel-heading h4 {
    color: #222;
    font-size: 28px;
    position: relative;
    padding-left: 46px;
    font-family: 'SalesforceSansThin' !important
}

@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0)
    }

    to {
        -ms-transform: rotate(360deg)
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@-ms-keyframes reverse-spin {
    from {
        -ms-transform: rotate(360deg)
    }

    to {
        -ms-transform: rotate(0)
    }
}

@-moz-keyframes reverse-spin {
    from {
        -moz-transform: rotate(360deg)
    }

    to {
        -moz-transform: rotate(0)
    }
}

@-webkit-keyframes reverse-spin {
    from {
        -webkit-transform: rotate(360deg)
    }

    to {
        -webkit-transform: rotate(0)
    }
}

@keyframes reverse-spin {
    from {
        transform: rotate(360deg)
    }

    to {
        transform: rotate(0)
    }
}

.panel-heading-icon:before {
    content: '\2014';
    font-family: 'SalesforceSansRegular' !important;
    position: absolute;
    border-radius: 50%;
    background-color: rgba(75,117,139,0.1);
    padding: 8px;
    margin-left: -46px;
    width: 26px;
    height: 26px;
    line-height: 7px;
    font-size: 28px;
    color: #07b;
    text-indent: -3px;
    top: 8px;
    -webkit-animation-name: spin;
    animation-name: spin;
    -webkit-animation-duration: .35s;
    animation-duration: .35s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.collapsed .panel-heading-icon:before {
    content: '+';
    -webkit-animation-name: reverse-spin;
    animation-name: reverse-spin
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 17px;
    color: inherit
}

.panel-title>a,.panel-title>small,.panel-title>.small,.panel-title>small>a,.panel-title>.small>a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f4f4f4;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.list-group,.panel>.panel-collapse>.list-group {
    margin-bottom: 0
}

.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group+.panel-footer {
    border-top-width: 0
}

.panel>.table,.panel>.table-responsive>.table,.panel>.panel-collapse>.table {
    margin-bottom: 0
}

.panel>.table caption,.panel>.table-responsive>.table caption,.panel>.panel-collapse>.table caption {
    padding-left: 15px;
    padding-right: 15px
}

.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 3px
}

.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body {
    border-top: 1px solid #ddd
}

.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td {
    border-top: 0
}

.panel>.table-bordered,.panel>.table-responsive>.table-bordered {
    border: 0
}

.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0
}

.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0
}

.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
    border-bottom: 0
}

.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0
}

.panel>.table-responsive {
    border: 0;
    margin-bottom: 0
}

.panel-group {
    margin-bottom: 21px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.accordionContainer .panel-group .panel {
    border-radius: 0
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse>.panel-body,.panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.accordionContainer .panel-group {
    border-bottom: 1px solid #f4f4f4
}

.accordionContainer .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #f4f4f4
}

.panel-default {
    border-color: #ddd
}

.panel-default>.panel-heading {
    color: #979fa5;
    background-color: #f4f4f4;
    border-color: #ddd
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd
}

.panel-default>.panel-heading .badge {
    color: #f4f4f4;
    background-color: #979fa5
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #00a1e0
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #00a1e0;
    border-color: #00a1e0
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #00a1e0
}

.panel-primary>.panel-heading .badge {
    color: #00a1e0;
    background-color: #fff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #00a1e0
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d6e9c6
}

.panel-success>.panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #faebcc
}

.panel-warning>.panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ebccd1
}

.panel-danger>.panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ebccd1
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0
}

.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive.embed-responsive-4by3 {
    padding-bottom: 75%
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f4f4f4;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05)
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0,0,0,0.15)
}

.well-lg {
    padding: 24px;
    border-radius: 6px
}

.well-sm {
    padding: 9px;
    border-radius: 3px
}

.close {
    float: right;
    font-size: 22.5px;
    font-weight: normal;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.close:hover,.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    -o-transform: translate(0,-25%);
    transform: translate(0,-25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer:before,.modal-footer:after {
    content: " ";
    display: table
}

.modal-footer:after {
    clear: both
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media(min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
        box-shadow: 0 5px 15px rgba(0,0,0,0.5)
    }

    .modal-sm {
        width: 300px
    }
}

@media(min-width:1024px) {
    .modal-lg {
        width: 900px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    visibility: visible;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0)
}

.tooltip.in {
    opacity: .9;
    filter: alpha(opacity=90)
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-size: 15px;
    line-height: 1.42857143;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    white-space: normal
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    margin: 20px 20px -10px 20px;
    font-size: 15px;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
    font-family: "SalesforceSansBold",Helvetica,Arial,sans-serif
}

.popover-content {
    margin: 20px 20px 20px 20px;
    font-family: "SalesforceSansThin",Helvetica,Arial,sans-serif
}

.popover>.arrow,.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover>.arrow {
    border-width: 11px
}

.popover>.arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top>.arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,0.25);
    bottom: -11px
}

.popover.top>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,0.25)
}

.popover.right>.arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom>.arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,0.25);
    top: -11px
}

.popover.bottom>.arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,0.25)
}

.popover.left>.arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%
}

.carousel-inner>.item {
    display: none;
    position: relative;
    -webkit-transition: left .6s ease-in-out;
    -o-transition: left .6s ease-in-out;
    transition: left .6s ease-in-out
}

.carousel-inner>.item>img,.carousel-inner>.item>a>img {
    display: block;
    max-width: 100%;
    height: auto;
    line-height: 1
}

.carousel-inner>.item>img.img-bleed-right,.carousel-inner>.item>a>img.img-bleed-right,.carousel-inner>.item>img.img-bleed-left,.carousel-inner>.item>a>img.img-bleed-left {
    max-width: inherit
}

@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-inner>.item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -moz-transition: -moz-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        -moz-perspective: 1000;
        perspective: 1000
    }

    .carousel-inner>.item.next,.carousel-inner>.item.active.right {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        left: 0
    }

    .carousel-inner>.item.prev,.carousel-inner>.item.active.left {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        left: 0
    }

    .carousel-inner>.item.next.left,.carousel-inner>.item.prev.right,.carousel-inner>.item.active {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        left: 0
    }
}

.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel.collapsed_layout {
    max-height: 140px;
    overflow: hidden
}

.carousel_collapsed_layer {
    display: block;
    width: 100%;
    height: 110px;
    position: absolute;
    bottom: 0
}

.carousel_collapsed_layer.bg-gradient-override {
    height: 0
}

.carousel_collapsed_laucher,.carousel_collapsed_laucher:hover,.carousel_collapsed_laucher:focus {
    font-family: 'SalesforceSansBold' !important;
    float: left;
    color: #07b;
    bottom: 0;
    position: absolute;
    font-size: 11px;
    letter-spacing: .13em;
    text-transform: uppercase
}

.carousel_collapsed_laucher [class^="icon-sfdc-icon-"],.carousel_collapsed_laucher:hover [class^="icon-sfdc-icon-"],.carousel_collapsed_laucher:focus [class^="icon-sfdc-icon-"],.carousel_collapsed_laucher [class*=" icon-sfdc-icon-"],.carousel_collapsed_laucher:hover [class*=" icon-sfdc-icon-"],.carousel_collapsed_laucher:focus [class*=" icon-sfdc-icon-"] {
    vertical-align: middle;
    padding-left: 10px;
    font-size: 9px;
    font-weight: lighter
}

.collapsed_launcher .less {
    display: none
}

.open_launcher .more {
    display: none
}

.collapsible_carousel {
    max-height: 1000px;
    padding-bottom: 30px;
    -webkit-transition: max-height .4s linear;
    -o-transition: max-height .4s linear;
    transition: max-height .4s linear
}

.collapsible_carousel .carousel_control-nav {
    display: block;
    margin: 30px 0 0 -12.5px;
    padding-bottom: 0
}

.collapsible_carousel .carousel_control-nav li {
    margin: 0 12.5px
}

.collapsible_carousel .carousel_control-nav a {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: transparent !important;
    border: 1px solid #7c868d;
    color: transparent;
    line-height: 10px
}

.collapsible_carousel .carousel_control-nav a.carousel_active {
    background-color: #7c868d !important
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6)
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%);
    background-image: linear-gradient(to right,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1)
}

.carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%);
    background-image: linear-gradient(to right,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1)
}

.carousel-control:hover,.carousel-control:focus {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity=90)
}

.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block
}

.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px
}

.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-prev,.carousel-control .icon-next {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    line-height: 1;
    font-family: serif
}

.carousel-control .icon-prev:before {
    content: '\2039'
}

.carousel-control .icon-next:before {
    content: '\203a'
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0,0,0,0)
}

.carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6)
}

.carousel-caption .btn {
    text-shadow: none
}

@media screen and (min-width:768px) {
    .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
        margin-left: -15px
    }

    .carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
        margin-right: -15px
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.carousel .jumbotron {
    margin-left: 0;
    margin-right: 0
}

.carousel_slides {
    overflow: auto
}

.carousel_slide_content {
    padding-left: 2px
}

.carousel_slides>.carousel_slide>.carousel_slide_content>.columnContainer>div>.container {
    width: 100% !important
}

.carousel_prevli,.carousel_nextli {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    list-style: none;
    line-height: 30px;
    font-size: 16px
}

.carousel_prevli {
    left: 10px
}

.carousel_nextli {
    right: 10px
}

.carousel_control-nav {
    position: relative;
    z-index: 1;
    display: table;
    padding: 0 0 20px;
    margin: 0 auto;
    list-style: none
}

.carousel_control-nav li {
    display: inline-block;
    margin: 0 7.5px
}

@media screen and (max-width:395px) {
    .carousel_control-nav li {
        margin: 0 6px
    }
}

@media screen and (max-width:320px) {
    .carousel_control-nav li {
        margin: 0 4.5px
    }
}

.carousel_control-nav a {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background-color: #e1e2e4;
    color: transparent;
    line-height: 30px
}

@media screen and (max-width:375px) {
    .carousel_control-nav a {
        width: 20px;
        height: 20px;
        border-radius: 10px;
        line-height: 20px
    }
}

@media screen and (max-width:320px) {
    .carousel_control-nav a {
        width: 18px;
        height: 18px;
        border-radius: 9px;
        line-height: 18px
    }
}

.carousel_control-nav a.carousel_active {
    background-color: #07b
}

.carousel-wrapper {
    position: relative
}

.carousel-wrapper .margin_ie9 {
    margin-bottom: -15px
}

.carousel-wrapper .trancent_block {
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0)
}

.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus {
    background-image: -webkit-linear-gradient(top,#f4f4f4 0,#e7e7e7 100%);
    background-image: -o-linear-gradient(top,#f4f4f4 0,#e7e7e7 100%);
    background-image: linear-gradient(to bottom,#f4f4f4 0,#e7e7e7 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4f4f4',endColorstr='#ffe7e7e7',GradientType=0);
    background-color: #e7e7e7
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus {
    background-image: -webkit-linear-gradient(top,#00a1e0 0,#008fc7 100%);
    background-image: -o-linear-gradient(top,#00a1e0 0,#008fc7 100%);
    background-image: linear-gradient(to bottom,#00a1e0 0,#008fc7 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00a1e0',endColorstr='#ff008fc7',GradientType=0);
    background-color: #008fc7
}

.navbar-brand,.navbar-nav>li>a {
    text-shadow: 0 1px 0 rgba(255,255,255,0.25)
}

.navbar-inverse {
    background-image: -webkit-linear-gradient(top,#3c3c3c 0,#222 100%);
    background-image: -o-linear-gradient(top,#3c3c3c 0,#222 100%);
    background-image: linear-gradient(to bottom,#3c3c3c 0,#222 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c',endColorstr='#ff222222',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false)
}

.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.active>a {
    background-image: -webkit-linear-gradient(top,#080808 0,#0f0f0f 100%);
    background-image: -o-linear-gradient(top,#080808 0,#0f0f0f 100%);
    background-image: linear-gradient(to bottom,#080808 0,#0f0f0f 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808',endColorstr='#ff0f0f0f',GradientType=0);
    -webkit-box-shadow: inset 0 3px 9px rgba(0,0,0,0.25);
    box-shadow: inset 0 3px 9px rgba(0,0,0,0.25)
}

.navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav>li>a {
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
}

.navbar-static-top,.navbar-fixed-top,.navbar-fixed-bottom {
    border-radius: 0
}

@media(max-width:767px) {
    .navbar .navbar-nav .open .dropdown-menu>.active>a,.navbar .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #fff;
        background-image: -webkit-linear-gradient(top,#00a1e0 0,#008fc7 100%);
        background-image: -o-linear-gradient(top,#00a1e0 0,#008fc7 100%);
        background-image: linear-gradient(to bottom,#00a1e0 0,#008fc7 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00a1e0',endColorstr='#ff008fc7',GradientType=0)
    }
}

.alert {
    text-shadow: 0 1px 0 rgba(255,255,255,0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.25),0 1px 2px rgba(0,0,0,0.05)
}

.alert-success {
    background-image: -webkit-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);
    background-image: -o-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);
    background-image: linear-gradient(to bottom,#dff0d8 0,#c8e5bc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8',endColorstr='#ffc8e5bc',GradientType=0);
    border-color: #b2dba1
}

.alert-info {
    background-image: -webkit-linear-gradient(top,#d9edf7 0,#b9def0 100%);
    background-image: -o-linear-gradient(top,#d9edf7 0,#b9def0 100%);
    background-image: linear-gradient(to bottom,#d9edf7 0,#b9def0 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7',endColorstr='#ffb9def0',GradientType=0);
    border-color: #9acfea
}

.alert-warning {
    background-image: -webkit-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);
    background-image: -o-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);
    background-image: linear-gradient(to bottom,#fcf8e3 0,#f8efc0 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3',endColorstr='#fff8efc0',GradientType=0);
    border-color: #f5e79e
}

.alert-danger {
    background-image: -webkit-linear-gradient(top,#f2dede 0,#e7c3c3 100%);
    background-image: -o-linear-gradient(top,#f2dede 0,#e7c3c3 100%);
    background-image: linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede',endColorstr='#ffe7c3c3',GradientType=0);
    border-color: #dca7a7
}

.progress {
    background-image: -webkit-linear-gradient(top,#eaeaea 0,#f4f4f4 100%);
    background-image: -o-linear-gradient(top,#eaeaea 0,#f4f4f4 100%);
    background-image: linear-gradient(to bottom,#eaeaea 0,#f4f4f4 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeaeaea',endColorstr='#fff4f4f4',GradientType=0)
}

.progress-bar {
    background-image: -webkit-linear-gradient(top,#00a1e0 0,#007cad 100%);
    background-image: -o-linear-gradient(top,#00a1e0 0,#007cad 100%);
    background-image: linear-gradient(to bottom,#00a1e0 0,#007cad 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00a1e0',endColorstr='#ff007cad',GradientType=0)
}

.progress-bar-success {
    background-image: -webkit-linear-gradient(top,#5cb85c 0,#449d44 100%);
    background-image: -o-linear-gradient(top,#5cb85c 0,#449d44 100%);
    background-image: linear-gradient(to bottom,#5cb85c 0,#449d44 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c',endColorstr='#ff449d44',GradientType=0)
}

.progress-bar-info {
    background-image: -webkit-linear-gradient(top,#5bc0de 0,#31b0d5 100%);
    background-image: -o-linear-gradient(top,#5bc0de 0,#31b0d5 100%);
    background-image: linear-gradient(to bottom,#5bc0de 0,#31b0d5 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff31b0d5',GradientType=0)
}

.progress-bar-warning {
    background-image: -webkit-linear-gradient(top,#f0ad4e 0,#ec971f 100%);
    background-image: -o-linear-gradient(top,#f0ad4e 0,#ec971f 100%);
    background-image: linear-gradient(to bottom,#f0ad4e 0,#ec971f 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e',endColorstr='#ffec971f',GradientType=0)
}

.progress-bar-danger {
    background-image: -webkit-linear-gradient(top,#d9534f 0,#c9302c 100%);
    background-image: -o-linear-gradient(top,#d9534f 0,#c9302c 100%);
    background-image: linear-gradient(to bottom,#d9534f 0,#c9302c 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f',endColorstr='#ffc9302c',GradientType=0)
}

.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
}

.list-group {
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.075);
    box-shadow: 0 1px 2px rgba(0,0,0,0.075)
}

.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus {
    text-shadow: 0 -1px 0 #007cad;
    background-image: -webkit-linear-gradient(top,#00a1e0 0,#0086ba 100%);
    background-image: -o-linear-gradient(top,#00a1e0 0,#0086ba 100%);
    background-image: linear-gradient(to bottom,#00a1e0 0,#0086ba 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00a1e0',endColorstr='#ff0086ba',GradientType=0);
    border-color: #0086ba
}

.list-group-item.active .badge,.list-group-item.active:hover .badge,.list-group-item.active:focus .badge {
    text-shadow: none
}

.panel {
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    box-shadow: 0 1px 2px rgba(0,0,0,0.05)
}

.panel-default>.panel-heading {
    background-image: -webkit-linear-gradient(top,#f4f4f4 0,#e7e7e7 100%);
    background-image: -o-linear-gradient(top,#f4f4f4 0,#e7e7e7 100%);
    background-image: linear-gradient(to bottom,#f4f4f4 0,#e7e7e7 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4f4f4',endColorstr='#ffe7e7e7',GradientType=0)
}

.panel-primary>.panel-heading {
    background-image: -webkit-linear-gradient(top,#00a1e0 0,#008fc7 100%);
    background-image: -o-linear-gradient(top,#00a1e0 0,#008fc7 100%);
    background-image: linear-gradient(to bottom,#00a1e0 0,#008fc7 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00a1e0',endColorstr='#ff008fc7',GradientType=0)
}

.panel-success>.panel-heading {
    background-image: -webkit-linear-gradient(top,#dff0d8 0,#d0e9c6 100%);
    background-image: -o-linear-gradient(top,#dff0d8 0,#d0e9c6 100%);
    background-image: linear-gradient(to bottom,#dff0d8 0,#d0e9c6 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8',endColorstr='#ffd0e9c6',GradientType=0)
}

.panel-info>.panel-heading {
    background-image: -webkit-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);
    background-image: -o-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);
    background-image: linear-gradient(to bottom,#d9edf7 0,#c4e3f3 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7',endColorstr='#ffc4e3f3',GradientType=0)
}

.panel-warning>.panel-heading {
    background-image: -webkit-linear-gradient(top,#fcf8e3 0,#faf2cc 100%);
    background-image: -o-linear-gradient(top,#fcf8e3 0,#faf2cc 100%);
    background-image: linear-gradient(to bottom,#fcf8e3 0,#faf2cc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3',endColorstr='#fffaf2cc',GradientType=0)
}

.panel-danger>.panel-heading {
    background-image: -webkit-linear-gradient(top,#f2dede 0,#ebcccc 100%);
    background-image: -o-linear-gradient(top,#f2dede 0,#ebcccc 100%);
    background-image: linear-gradient(to bottom,#f2dede 0,#ebcccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede',endColorstr='#ffebcccc',GradientType=0)
}

.well {
    background-image: -webkit-linear-gradient(top,#e7e7e7 0,#f4f4f4 100%);
    background-image: -o-linear-gradient(top,#e7e7e7 0,#f4f4f4 100%);
    background-image: linear-gradient(to bottom,#e7e7e7 0,#f4f4f4 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe7e7e7',endColorstr='#fff4f4f4',GradientType=0);
    border-color: #dbdbdb;
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.05),0 1px 0 rgba(255,255,255,0.1);
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.05),0 1px 0 rgba(255,255,255,0.1)
}

.change-screen-animation {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transtion: all .5s
}

.color-swatches {
    margin: 0 -5px;
    overflow: hidden
}

.color-swatch {
    float: left;
    width: 60px;
    height: 60px;
    margin: 0 5px;
    border-radius: 3px
}

@media(min-width:1024px) {
    .color-swatch {
        width: 100px;
        height: 100px;
        border-radius: 6px
    }
}

.color-swatch.gray-darker {
    background-color: #4c5257
}

.color-swatch.gray-dark {
    background-color: #979fa5
}

.color-swatch.gray {
    background-color: #7c868d
}

.color-swatch.gray-light {
    background-color: #979fa5
}

.color-swatch.gray-lighter {
    background-color: #b3b8bc
}

.color-swatch.brand-primary {
    background-color: #00a1e0
}

.color-swatch.brand-success {
    background-color: #5cb85c
}

.color-swatch.brand-info {
    background-color: #5bc0de
}

.color-swatch.brand-warning {
    background-color: #f0ad4e
}

.color-swatch.brand-danger {
    background-color: #d9534f
}

.color-swatch.full {
    width: 100%;
    margin: 0;
    float: none
}

nav.sidebar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    background: rgba(250,250,250,0.9);
    margin-left: -640px;
    min-height: 700px;
    z-index: 102
}

@media(max-width:1311px) {
    nav.sidebar {
        margin-left: -470px
    }
}

nav.sidebar.icon-navigation {
    padding: 25px 10px 0 20px;
    min-height: inherit
}

@media(max-width:1311px) {
    nav.sidebar.icon-navigation {
        margin-left: -486px
    }
}

@media(max-width:1023px) {
    nav.sidebar.icon-navigation {
        margin-left: -376px
    }
}

@media(max-width:767px) {
    nav.sidebar.icon-navigation {
        display: none
    }
}

nav.sidebar.icon-navigation .h3 {
    font-size: 22px !important
}

nav.sidebar.icon-navigation .h3 .head-text {
    line-height: 19px !important
}

nav.sidebar.icon-navigation .h3 .head-text small {
    color: inherit;
    display: block
}

nav.sidebar.icon-navigation [class^="cloud-icon-"],nav.sidebar.icon-navigation [class*=" cloud-icon-"] {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto
}

.page-footer {
    display: table;
    width: 100%;
    background-color: #081e29;
    padding-bottom: 20px
}

.page-footer:before,.page-footer:after {
    content: " ";
    display: table
}

.page-footer:after {
    clear: both
}

.page-footer:before,.page-footer:after {
    content: " ";
    display: table
}

.page-footer:after {
    clear: both
}

.page-footer_content {
    display: inline;
    overflow: hidden
}

.page-footer_content a {
    color: #3290c5;
    cursor: pointer
}

.page-footer_content a:hover {
    color: #fff
}

.page-footer_links,.page-footer_legal {
    font-size: 12px
}

.page-footer_links_list {
    padding: 10px 0 7px;
    margin: 0
}

.page-footer_links_item {
    display: inline-block;
    margin: 0 10px
}

.page-footer_links_item:first-child {
    margin-left: 0
}

.page-footer_links_item:last-child {
    margin-right: 0
}

.page-footer_legal {
    color: #fff
}

@media screen and (max-width:1023px) {
    .page-footer {
        background-color: #081e29
    }

    .page-footer_legal {
        font-size: 10px
    }
}

@media screen and (max-width:767px) {
    .page-footer .container {
        padding-left: 32px;
        padding-right: 32px
    }

    .page-footer_links {
        display: none
    }

    .page-footer_legal {
        margin-top: 10px
    }
}

.powerFooterNavigationComponent .generic-links {
    list-style-type: none;
    padding-left: inherit
}

.powerFooterNavigationComponent .generic-links>li {
    padding: 0 0 10px;
    margin: 0
}

.powerFooterNavigationComponent .generic-links>li a {
    font-size: 12px
}

@media(max-width:767px) {
    .powerFooterNavigationComponent .mobile-footer-phone-number {
        background-color: #00a1e0;
        bottom: 0;
        box-sizing: border-box;
        height: 75px;
        padding-bottom: 15px;
        padding-top: 15px;
        position: fixed;
        width: 100%;
        z-index: 1200
    }

    .powerFooterNavigationComponent .mobile-footer-phone-number .text-stratus>span {
        display: -webkit-inline-box
    }

    .powerFooterNavigationComponent .mobile-footer-phone-number>div {
        background-color: #fff;
        border-radius: 50px;
        height: 45px;
        margin-left: 32px;
        margin-right: 32px;
        margin-top: 0 !important;
        text-align: center !important;
        color: #222;
        line-height: 45px;
        font-size: 11px;
        font-family: "SalesforceSansRegular",Helvetica,Arial,sans-serif;
        letter-spacing: .13em
    }

    .powerFooterNavigationComponent .mobile-footer-phone-number>div a {
        line-height: 45px;
        font-size: 11px;
        color: #07b;
        font-family: "SalesforceSansRegular",Helvetica,Arial,sans-serif
    }
}

.powerFooterNavigationComponent .footer-social-links {
    text-align: left
}

.powerFooterNavigationComponent .footer-social-links [class^="icon-sfdc-"],.powerFooterNavigationComponent .footer-social-links [class*=" icon-sfdc-"] {
    font-size: 28px
}

.powerFooterNavigationComponent .footer-social-links .social-media-links a {
    margin-right: 16px
}

.powerFooterNavigationComponent .footer-social-links .social-media-links a:last-child {
    margin-right: 0
}

.powerFooterNavigationComponent .footer-phone-number {
    font-size: 20px;
    font-family: "SalesforceSansRegular",Helvetica,Arial,sans-serif;
    color: #003c4c;
    line-height: 40px
}

.powerFooterNavigationComponent .footer-phone-number .text-stratus>span {
    display: none
}

.powerFooterNavigationComponent .head-text {
    font-size: 15px;
    font-family: "SalesforceSansRegular",Helvetica,Arial,sans-serif;
    color: #222;
    line-height: 18px
}

.powerFooterNavigationComponent #mobileFooterPhoneNumber_level {
    min-height: 75px;
    height: auto;
    max-width: 100%
}

.powerFooterNavigationComponent #mobileFooterPhoneNumber_level #mobileFooterPhoneNumber_levelInner {
    min-height: 25px;
    height: auto;
    padding-bottom: 20px
}

.powerFooterNavigationComponent #mobileFooterPhoneNumber_level #mobileFooterPhoneNumber_levelInner #mobileFooterPhoneNumber_levelInner_component .phoneNumberComponent_textLevel {
    text-align: center !important;
    margin-top: 0 !important;
    height: 22px
}

.powerFooterNavigationComponent #mobileFooterPhoneNumber_level #mobileFooterPhoneNumber_levelInner #mobileFooterPhoneNumber_levelInner_component .phoneNumberComponent .phoneNumberComponent_textLevel {
    height: 22px
}

.docked-container.fixed {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 999
}

@media(max-width:1023px) {
    .docked-container.fixed {
        display: none
    }
}

.docked-container .fixedFooterCTAItemComponent {
    display: inline-block;
    vertical-align: bottom
}

.fixed-btn-container .btn {
    height: 35px;
    border-radius: 0
}

.opinionlab-trigger:before {
    display: inline-block;
    content: '';
    width: 17px;
    height: 15px;
    vertical-align: text-top;
    background: url('clientlibs_base/imgs/opinionlab-white.gif') no-repeat;
    background-size: contain
}

.thumbnail-content:hover .graphic {
    overflow: hidden
}

.thumbnail-content:hover .graphic .image-icon {
    transform: scale(1.1);
    transition: .1s all
}

.thumbnail-content:hover .graphic .image-icon+img {
    transform: scale(1.02);
    transition: .1s all
}

.cardComponent .front,.cardComponent .back {
    height: 533px;
    overflow: hidden
}

.cardComponent .front.has-footer,.cardComponent .back.has-footer {
    height: 413px
}

.cardComponent footer.card-footer {
    background-color: #fff;
    bottom: 0;
    height: 120px;
    padding: 20px;
    position: absolute;
    width: 100%;
    z-index: 2
}

.cardComponent footer.card-footer .socialMediaSharingComponent {
    margin-bottom: 20px
}

.cardComponent .tags {
    color: #c2c2c2;
    font-family: 'SalesforceSansBold' !important;
    font-size: 11px;
    line-height: 15px;
    margin-right: -6px;
    height: 28px;
    overflow: hidden;
    position: relative;
    white-space: normal;
    text-align: left
}

.cardComponent .product-icon {
    font-size: 70px;
    padding-left: 5px
}

@media(min-width:1024px) {
    .cardComponent .product-icon {
        font-size: 85px
    }
}

.cardComponent .thumbnail-content.thumbnail-linked * {
    cursor: pointer !important
}

.cardComponent .graphic .image-icon {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    margin-top: -21px;
    margin-left: -21px;
    color: #fff;
    transition: transform .3s;
    font-size: 42px;
    cursor: pointer
}

.image-link:hover .cardComponent .graphic .image-icon,.cardComponent .graphic .image-icon:hover,.cardComponent .graphic .image-icon:active,.cardComponent .graphic .image-icon:focus {
    transform: scale(1.1)
}

.cardComponent .graphic .imageComponent {
    position: absolute;
    top: 0;
    height: 100%
}

.cardComponent .ad.thumbnail-content {
    height: 533px;
    overflow: hidden
}

.cardComponent .ad .ad-graphic {
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 100%
}

.cardComponent .ad .ad-graphic.dock-bottom {
    position: absolute;
    bottom: 0
}

.cardComponent .ad .ad-graphic.full {
    height: 100%;
    padding-top: 0
}

.cardComponent .ad .caption a {
    white-space: normal
}

.cardComponent .ad .image-bottom .ad-graphic {
    position: absolute;
    bottom: 0
}

.filteredCardsComponent .cardComponent {
    height: 533px;
    overflow: hidden;
    perspective: 1000px;
    transform-style: preserve-3d
}

.filteredCardsComponent .cardComponent.thumbnail {
    position: relative
}

.cardComponent .thumbnail,.cardComponent .thumbnail-content {
    height: 100%
}

.cardComponent .thumbnail-full-bleed {
    background-position: center center;
    background-size: cover
}

.cardComponent:hover .flipper-on .front,.cardComponent:active .flipper-on .front {
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 0
}

.cardComponent:hover .flipper-on .back,.cardComponent:active .flipper-on .back {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 1
}

.cardComponent .flipper {
    position: relative
}

.cardComponent .flipper .front,.cardComponent .flipper .back {
    -webkit-transition: opacity .6s ease-in-out;
    -o-transition: opacity .6s ease-in-out;
    transition: opacity .6s ease-in-out;
    position: absolute;
    top: 0;
    left: 0
}

.cardComponent .flipper .front {
    z-index: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    width: 100%;
    white-space: normal
}

.cardComponent .flipper .back {
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 0;
    white-space: normal
}

.cardComponent>.thumbnail>.page,.cardComponent>.thumbnail>.thumbnail-content,.cardComponent>.thumbnail>.ad {
    position: relative
}

.cardComponent>.thumbnail>.thumbnail-content-quotable {
    height: auto
}

@media(max-width:767px) {
    .cardComponent {
        margin-left: auto;
        margin-right: auto
    }
}

.cardComponent .caption .card-large-heading {
    max-height: 120px;
    overflow: hidden
}

@media(max-width:767px) {
    .cardComponent .caption .card-large-heading {
        max-height: 145px
    }
}

.cardComponent .text-size-footnote {
    font-size: 11px !important;
    line-height: normal !important
}

.cardComponent .blockquoteComponent {
    text-align: left
}

.filters-grid-container .cardComponent>.thumbnail>.page,.filters-grid-container .cardComponent>.thumbnail>.thumbnail-content,.filters-grid-container .cardComponent>.thumbnail>.ad {
    height: 533px
}

.filters-grid-card .cardComponent.flip-container .graphic .image-icon {
    font-size: 60px;
    margin-top: -30px;
    margin-left: -30px
}

@media(min-width:768px) {
    .animate-card {
        margin-top: 100px;
        opacity: 0
    }
}

.card-logo {
    position: absolute;
    bottom: 0;
    left: 20px
}

.titleWithHoverEffect {
    cursor: pointer
}

.yt-container {
    text-align: center;
    margin: 0 20px
}

.yt-container .grid-50 {
    width: 100%
}

.video-container {
    margin: 0 auto
}

.conf-video-theme-jan14 .video-frame {
    padding: auto
}

.video-player {
    width: 100%;
    display: block;
    height: 100%
}

.video-container>.wide-player {
    height: 100%
}

.video-player img {
    max-width: 100%;
    max-height: 100%;
    display: block
}

.video-playlist {
    width: 100%;
    margin: 20px 0;
    overflow-y: scroll
}

.conf-video-theme-jan14 .video-playlist {
    width: 100%;
    overflow-y: scroll
}

.video-playlist .playlist-items {
    margin: 0;
    padding: 0
}

.video-playlist .playlist-items ul {
    margin: 0;
    padding: 0
}

.video-playlist .playlist-items li {
    width: 100%;
    float: left;
    border-top: 1px solid #ccc
}

.video-playlist a {
    color: #666
}

.video-playlist .media-hdr {
    margin-bottom: 0
}

.video-playlist .media-bd {
    width: 85%;
    padding-left: 10px;
    font-size: 13px;
    line-height: 125%;
    text-align: left
}

.video-playlist .media-bd,.video-playlist .thumb-title {
    color: #333
}

.video-playlist .thumb-link a {
    color: #0488ce
}

.video-playlist .thumb-description {
    display: none
}

.video-playlist .thumb {
    position: relative;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0 -9px;
    background-size: 100%;
    background-color: transparent;
    overflow: hidden
}

.video-playlist .thumb a {
    float: left;
    min-height: 46px;
    min-width: 82px;
    cursor: pointer
}

.video-playlist .duration {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #000;
    padding: 3px;
    font-size: 11px;
    line-height: 100%;
    color: #fff
}

.video-playlist .flex-control-nav {
    position: absolute;
    top: 10px;
    margin-bottom: 10px;
    max-height: 30px
}

.video-playlist .flex-control-nav li {
    display: inline-block
}

.ie7 video-playlist .flex-control-nav li,.ie6 video-playlist .flex-control-nav li {
    display: inline
}

.video-title {
    text-align: left;
    text-transform: uppercase
}

.video-sharing {
    width: 100%;
    display: inline-block
}

.video-icons {
    width: 80%
}

.conf-video-theme-jan14 .video-icons {
    width: 70%;
    padding-left: 10px
}

.right .social-icons {
    float: right
}

.video-icons .social {
    position: relative;
    height: 16px;
    margin: 7px 0 2px 15px;
    background: transparent url('clientlibs_base/assets/images/social-icons.png') no-repeat top left
}

.ie6 .video-icons .social {
    background-image: url('clientlibs_base/assets/images/social-icons.gif')
}

.video-icons .social.left {
    margin: 7px 15px 2px 0
}

.video-icons .email {
    width: 17px;
    background-position: -95px -571px
}

.video-icons .facebook {
    width: 8px;
    background-position: -37px -571px
}

.video-icons .twitter {
    width: 20px;
    background-position: -4px -571px
}

.video-icons .linkedin {
    width: 16px;
    background-position: -62px -571px
}

.video-icons .embed,.video-icons .share,.video-icons .yt-fail {
    background: transparent none;
    width: auto;
    line-height: 130%;
    font-size: 12px;
    color: #666
}

.ie7 .video-icons {
    height: 45px
}

.ie6 .video-icons .embed,.ie6 .video-icons .share {
    background-image: none
}

.video-icons .embed,.video-icons .yt-fail {
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    padding: 1px 7px;
    background: #f0efef;
    border: 1px solid #ccc;
    line-height: 150%
}

a.embedLink {
    font-size: 14px;
    text-transform: lowercase;
    color: #666
}

.video-time {
    width: 10%;
    float: right;
    text-align: right;
    margin-top: 6px;
    font-size: 14px;
    color: #666;
    padding-right: 10px
}

.conf-video-theme-jan14 .video-time {
    width: 20%;
    float: right;
    text-align: right;
    margin-top: 6px;
    font-size: 14px;
    color: #666;
    padding-right: 10px
}

.video-playlist-highlight {
    background-color: #e6e6e6
}

.video-playlist .media-count {
    float: left;
    width: 5%;
    line-height: 40px;
    margin-left: 5px
}

.video-playlist .media-action {
    float: left;
    width: 5%;
    line-height: 40px;
    padding-top: 3px
}

.video-playlist .media-action span {
    background-position: center 8px;
    display: block
}

.video-playlist .media-action.paused span {
    background-image: url('http://www.salesforce.com/common/assets/images/form/conf/pause.png');
    background-repeat: no-repeat
}

.video-playlist .media-action.playing span {
    background-image: url('http://www.salesforce.com/common/assets/images/form/conf/play.png');
    background-repeat: no-repeat
}

.video-playlist .media-title {
    float: left;
    width: 80%;
    line-height: 40px;
    overflow: hidden;
    text-align: left
}

.video-playlist .media-duration {
    float: left;
    width: 5%;
    line-height: 40px
}

.video-playlist .media-duration .duration {
    position: relative;
    font-size: 16px
}

.video-conf-hor-notch {
    background-image: url('clientlibs_base/assets/images/video_conf_hor_notch.png');
    background-repeat: no-repeat
}

.video-description {
    color: #666;
    margin: 10px 0;
    width: 100%;
    overflow: hidden
}

.conf-video-theme-jan14 .video-description {
    color: #666;
    width: 100%;
    overflow: hidden;
    line-height: 120%;
    padding-left: 10px
}

.mduration {
    background: none repeat scroll 0 0 #000;
    color: #fff;
    line-height: 100%;
    padding: 3px
}

.bm-vidyard .cell-content {
    position: relative
}

.bm-vidyard .video-container {
    width: 100%;
    max-width: 100%
}

.bm-vidyard #vidyard-container {
    margin: 0;
    position: absolute;
    top: 53px;
    width: 100%
}

.bm-vidyard #vidyard-container .video-playlist {
    height: 120px
}

#bm_root iframe {
    width: 100% !important
}

@media screen and (max-width:320px) {
    .notch-position-scr {
        background-position: 140px 0
    }

    .yt-container {
        margin: 0
    }

    .video-playlist .media-duration .duration {
        font-size: 14px
    }

    .video-playlist .playlist-items li {
        width: 100%;
        font-size: 14px
    }

    .video-playlist .media-title {
        width: 73%;
        padding-left: 5px
    }

    .video-playlist {
        max-height: 110px;
        margin: 20px 0
    }

    .video-title {
        padding-left: 5px
    }
}

@media screen and (min-width:480px) and (max-width:767px) {
    .video-container {
        max-width: 326px
    }

    .video-playlist .playlist-items li {
        width: 100%;
        font-size: 14px
    }

    .video-playlist .thumb {
        background-position: 0 -11px
    }

    .video-playlist .thumb a {
        min-width: 117px;
        min-height: 64px
    }

    .yt-container {
        margin: 0
    }

    .video-playlist .media-duration .duration {
        font-size: 14px
    }

    .notch-position-scr {
        background-position: 215px 0
    }

    .video-playlist {
        max-height: 100px;
        margin: 20px 0
    }

    .video-title {
        padding-left: 5px
    }

    .bm-vidyard #vidyard-container {
        display: block
    }
}

@media screen and (min-width:768px) {
    .yt-container {
        text-align: left
    }

    .yt-container .grid-50 {
        width: 50%
    }

    .video-player {
        min-height: 203px
    }

    .video-title {
        display: block;
        text-align: left;
        font-size: 24px;
        color: #333
    }

    .video-playlist .playlist-items {
        margin-top: 0
    }

    .video-playlist .playlist-items li {
        width: 100%;
        margin: 0
    }

    .video-playlist .playlist-items li .media {
        margin-bottom: 4.5px
    }

    .video-playlist a {
        color: #666
    }

    .video-playlist .media-hdr {
        display: inline-block;
        vertical-align: top
    }

    .video-playlist .media-bd {
        width: 65%;
        display: inline-block;
        padding-top: 5px;
        padding-left: 0;
        font-size: 13px;
        color: #666
    }

    .video-playlist .thumb-title a {
        font-family: ProximaNovaRegular,Arial,sans-serif;
        font-size: 14px;
        color: #333
    }

    .video-playlist .thumb-description {
        display: inline-block
    }

    .video-playlist .thumb {
        background-position: 0 -8px
    }

    .video-playlist .thumb a {
        min-width: 89px;
        min-height: 50px;
        margin-right: 0
    }

    .ie7 .video-playlist .media-hdr,.ie7 .video-playlist .media-bd {
        display: inline
    }

    .ie6 .video-playlist .media-hdr {
        display: none
    }

    .ie6 .video-player,.ie7 .video-player {
        height: 205px !important
    }

    .video-playlist .flex-control-nav {
        position: relative;
        top: auto;
        bottom: 0
    }

    .video-playlist {
        max-height: 200px;
        margin: 20px 0
    }

    .bm-vidyard #vidyard-container {
        display: none
    }
}

@media screen and (min-width:990px) {
    .video-player {
        min-height: 266px
    }

    .video-playlist .playlist-items li .media {
        margin-bottom: 15px
    }

    .video-playlist .media-bd {
        font-size: 16px
    }

    .video-playlist .thumb-title a {
        font-size: 16px
    }

    .video-playlist .thumb {
        background-position: 0 -11px
    }

    .video-playlist .thumb a {
        min-width: 120px;
        min-height: 66px
    }

    .video-playlist .duration {
        font-size: 12px
    }

    .video-playlist .flex-control-nav {
        margin: 0
    }

    .ie7 .video-playlist .flex-control-nav {
        height: 25px
    }

    .ie6 .video-playlist .flex-control-nav {
        text-align: left
    }

    .grid-25 .video-playlist .media-bd {
        width: 90%;
        padding-left: 5px;
        padding-top: 0;
        font-size: 12px;
        line-height: 100%
    }

    .grid-25 .video-playlist .thumb-title a {
        font-size: 12px
    }

    .grid-25 .video-playlist .playlist-items li .media {
        margin-bottom: 5px
    }

    .grid-25 .video-playlist .flex-control-nav {
        margin: 10px 0 0 -30px
    }

    .video-playlist {
        max-height: 110px;
        margin: 20px 0 0 0
    }

    .conf-video-theme-jan14 .video-playlist {
        max-height: 110px;
        margin: 0
    }

    .bm-vidyard #vidyard-container {
        top: 240px
    }

    .bm-vidyard #vidyard-container {
        display: none
    }
}

.ie7 .video-player,.ie6 .video-player {
    height: 268px !important
}

.conf-video-theme-jan14 .video-playlist li a.video-toggle {
    cursor: pointer
}

.video-cta-large {
    max-width: 392px;
    max-height: 246px
}

.video-cta-large .video-text,.video-cta-large .video-time {
    width: 100%;
    bottom: 0;
    color: #fff
}

.video-cta-large .video-time {
    right: 10px
}

.video-cta-large .video-text {
    left: 0;
    background-color: #525252;
    color: #fff;
    opacity: .85;
    filter: alpha(opacity=85)
}

.video-cta-large .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 56px;
    height: 37px;
    margin-top: -18px;
    margin-left: -28px;
    background: url("clientlibs_base/assets/images/play-button.png") no-repeat left top transparent
}

.video-cta-large a:hover .play-button {
    background: url("clientlibs_base/assets/images/play-button-over.png")
}

.video-cta-small {
    max-width: 94px
}

.video-cta-small img {
    max-width: 94px;
    max-height: 56px;
    display: block
}

.video-cta-small .video-text,.video-cta-small .video-time {
    display: block;
    padding: 1px 0 0 3px;
    color: #666
}

.bar-align-center {
    margin-left: auto;
    margin-right: auto
}

.bar-align-left {
    margin-left: 0;
    margin-right: auto
}

.bar-align-right {
    margin-left: auto;
    margin-right: 0
}

.tile-system .tile-container {
    display: table;
    table-layout: fixed;
    padding: 0 !important
}

@media(max-width:768px) {
    .tile-system .tile-container {
        width: 100%;
        height: auto !important
    }
}

.tile-system .tile-container .tile-vertical-separator {
    z-index: 2
}

@media(min-width:768px) {
    .tile-system .tile-container .tile-vertical-separator {
        position: absolute;
        top: 15%;
        bottom: 15%;
        border-left: 1px solid #c2c2c2
    }
}

@media(max-width:768px) {
    .tile-system .tile-container .tile-horizontal-separator {
        margin: 10px auto;
        width: 80%;
        height: 1px;
        text-align: center;
        border-bottom: 1px solid #c2c2c2
    }
}

.tile-system .tile-container .tile-item {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: table-cell;
    vertical-align: middle
}

@media(max-width:768px) {
    .tile-system .tile-container .tile-item {
        height: auto !important;
        display: inline
    }
}

.tile-system .tile-container .tile-item .container {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.tile-system .tile-container .tile-item .columns-wrapper {
    width: 100%;
    display: table;
    margin-left: 0;
    margin-right: 0
}

@media(max-width:768px) {
    .tile-system .tile-container .tile-item .columns-wrapper {
        height: auto !important
    }
}

.tile-system .tile-container .tile-item .columns-wrapper .container {
    display: table-cell;
    vertical-align: middle
}

.tile-system .tile-container .tile-item .columns-wrapper .container .col {
    padding-left: 0;
    padding-right: 0
}

.tile-system .tile-container .edit-mode {
    display: block !important
}

@media(max-width:768px) {
    .tile-system .tile-container .parbase {
        height: auto !important
    }
}

.tile-system .tile-cta {
    margin-top: 0 !important;
    position: relative;
    top: -35px
}

.ie9 .tile-system .tile-container .tile-item .columns-wrapper {
    display: block
}

.ie9 .tile-system .tile-container .tile-item .columns-wrapper .container {
    display: inherit;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%)
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .tile-system .tile-container .tile-item .columns-wrapper {
        display: block
    }

    .tile-system .tile-container .tile-item .columns-wrapper .container {
        display: inherit;
        position: relative;
        top: 50%;
        transform: translateY(-50%)
    }
}

.product-list-container {
    display: inline-block;
    font-family: "SalesforceSansRegular",Helvetica,Arial,sans-serif;
    text-align: left;
    margin: 40px
}

.product-list-container.product-list-dark .product-list-intro {
    color: #fff
}

.product-list-container.product-list-dark .product-list li.product-item span {
    color: #fff
}

.product-list-container .product-list-intro {
    font-family: "SalesforceSansBold",Helvetica,Arial,sans-serif;
    line-height: 34px;
    color: #7c868d
}

.product-list-container .product-list {
    margin: 0;
    padding: 0
}

.product-list-container .product-list li.product-item:before {
    content: '\00b7';
    font-size: 60px;
    vertical-align: top;
    margin-right: 5px
}

.product-list-container .product-list li.product-item {
    list-style-type: none;
    line-height: 34px
}

.product-list-container .product-list li.product-item.brand-blue {
    color: #00a1e0
}

.product-list-container .product-list li.product-item.brand-analytics {
    color: #00b2a9
}

.product-list-container .product-list li.product-item.brand-sales {
    color: #418fde
}

.product-list-container .product-list li.product-item.brand-platform {
    color: #001871
}

.product-list-container .product-list li.product-item.brand-service {
    color: #963cbd
}

.product-list-container .product-list li.product-item.brand-marketing {
    color: #ed8b00
}

.product-list-container .product-list li.product-item.brand-communities {
    color: #ffb60f
}

.product-list-container .product-list li.product-item.brand-smb {
    color: #00c2df
}

.product-list-container .product-list li.product-item.brand-iot {
    color: #001871
}

.product-list-container .product-list li.product-item.brand-app {
    color: #001871
}

.product-list-container .product-list li.product-item.brand-industries {
    color: #009cdb
}

.product-list-container .product-list li.product-item.brand-e-commerce {
    color: #84bd00
}

.product-list-container .product-list li.product-item span,.product-list-container .product-list li.product-item a {
    color: #222;
    line-height: 30px
}

.metricComponent {
    display: block;
    position: relative;
    margin: 0 auto
}

.metric {
    position: relative;
    width: 100%
}

.metric .value {
    font-family: 'SalesforceSansBold' !important;
    padding: 0;
    margin: 0
}

.metric .symbol-trailing {
    font-family: 'SalesforceSansLight' !important
}

.metric .symbol-leading {
    font-family: 'SalesforceSansBold' !important
}

.metric .tagline {
    font-family: 'SalesforceSansBold' !important;
    line-height: 16px;
    text-transform: uppercase
}

.metric-sm .value {
    font-size: 45px;
    line-height: 45px;
    height: 45px
}

.metric-sm .symbol-trailing {
    font-size: 15px;
    height: 15px
}

.metric-sm .tagline {
    font-size: 11px;
    height: 11px
}

.metric-sm.bg-circ {
    width: 106px;
    height: 106px;
    padding-top: 26px
}

.metric-lg .value {
    font-size: 85px;
    line-height: 85px;
    height: 85px
}

.metric-lg .symbol-trailing {
    font-size: 25px;
    height: 25px
}

.metric-lg .tagline {
    font-size: 15px;
    height: 15px
}

.metric-lg.bg-circ {
    width: 200px;
    height: 200px;
    padding-top: 50px
}

.metric.bg-circ {
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto
}

.cta-container {
    font-family: 'SalesforceSansBold' !important;
    font-size: 11px;
    display: inline-block
}

.cta-container .cta-icon-circle {
    display: table-cell;
    height: 114px;
    width: 114px;
    text-align: center;
    vertical-align: middle;
    background-color: #fff;
    opacity: .6;
    filter: alpha(opacity=60);
    border-radius: 77px
}

.cta-container .cta-icon-circle span.glyphicon,.cta-container .cta-icon-circle span.salesforce-icon {
    font-size: 50px
}

.cta-container .cta-heading {
    font-size: 22px
}

.cta-container .cta-subheading {
    font-size: 17px
}

.cta-container a.cta-text-shadow {
    text-shadow: 0 0 10px #fff
}

ul.generic-links {
    padding-left: 0;
    list-style: none
}

ul.generic-links li {
    margin-bottom: 16px;
    font-size: 15px;
    color: #505050;
    font-family: 'SalesforceSansRegular' !important
}

ul.generic-links .popover {
    position: absolute;
    display: none;
    line-height: 1.42857143;
    text-align: left;
    background-color: #07b;
    color: #fff;
    background-clip: initial;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    white-space: normal;
    font-size: "SalesforceSansRegular",Helvetica,Arial,sans-serif;
    font-family: 'SalesforceSansLight' !important;
    width: 250px
}

ul.generic-links .arrow {
    background-color: initial;
    border-style: #07b
}

ul.generic-links .popover.left .arrow:after {
    border-left-color: #07b !important
}

ul.generic-links .popover.top .arrow:after {
    border-top-color: #07b !important
}

ul.generic-links .popover.right .arrow:after {
    border-right-color: #07b !important
}

ul.generic-links .popover.bottom .arrow:after {
    border-bottom-color: #07b !important
}

ul.generic-links .popover-title {
    font-size: "SalesforceSansRegular",Helvetica,Arial,sans-serif;
    font-family: 'SalesforceSansBold' !important;
    background-color: initial;
    border-bottom: 0;
    border-radius: 0
}

ul.generic-links .tooltip-enabled {
    margin-left: 7px;
    margin-right: 2px;
    vertical-align: middle;
    font-size: 8px
}

ul.generic-links .tooltip-enabled:hover {
    margin-left: 5px;
    margin-right: 0;
    font-size: 12px
}

ul.generic-links .tipped span.li-wrap:hover .tooltip-enabled {
    margin-left: 5px;
    margin-right: 0;
    font-size: 12px
}

ul.generic-links .li-wrap {
    position: relative
}

ul.generic-links .li-wrap .pop-target {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5
}

.genericLinkListComponent>.row {
    margin-left: 0;
    margin-right: 0
}

.scrollableTabsContainer,.scrollable-component,.scrollable-nav-wrapper,.scrollable-nav {
    position: relative;
    width: 100%
}

.four-cross {
    width: 218px
}

.six-cross {
    width: 141px
}

.scrollable-nav {
    height: 75px
}

.scrollable-nav .nav {
    position: relative;
    width: 100%
}

.scrollable-nav .nav.affix,.scrollable-nav .nav.affix-bottom {
    padding: 10px 0 0 0;
    position: fixed;
    top: 0;
    z-index: 10;
    background-image: -webkit-linear-gradient(top,#f4f4f4 88%,rgba(255,255,255,0) 89%);
    background-image: -o-linear-gradient(top,#f4f4f4 88%,rgba(255,255,255,0) 89%);
    background-image: linear-gradient(to bottom,#f4f4f4 88%,rgba(255,255,255,0) 89%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4f4f4',endColorstr='#00ffffff',GradientType=0)
}

.columnContainer>.columns-wrapper.bg-snow .scrollable-nav .nav.affix,.columnContainer>.columns-wrapper.bg-snow .scrollable-nav .nav.affix-bottom {
    background-image: -webkit-linear-gradient(top,#fff 88%,rgba(255,255,255,0) 89%);
    background-image: -o-linear-gradient(top,#fff 88%,rgba(255,255,255,0) 89%);
    background-image: linear-gradient(to bottom,#fff 88%,rgba(255,255,255,0) 89%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#00ffffff',GradientType=0)
}

.columnContainer>.columns-wrapper.bg-frost .scrollable-nav .nav.affix,.columnContainer>.columns-wrapper.bg-frost .scrollable-nav .nav.affix-bottom {
    background-image: -webkit-linear-gradient(top,#fafafa 88%,rgba(255,255,255,0) 89%);
    background-image: -o-linear-gradient(top,#fafafa 88%,rgba(255,255,255,0) 89%);
    background-image: linear-gradient(to bottom,#fafafa 88%,rgba(255,255,255,0) 89%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa',endColorstr='#00ffffff',GradientType=0)
}

.columnContainer>.columns-wrapper.bg-karl-the-fog .scrollable-nav .nav.affix,.columnContainer>.columns-wrapper.bg-karl-the-fog .scrollable-nav .nav.affix-bottom {
    background-image: -webkit-linear-gradient(top,#f4f4f4 88%,rgba(255,255,255,0) 89%);
    background-image: -o-linear-gradient(top,#f4f4f4 88%,rgba(255,255,255,0) 89%);
    background-image: linear-gradient(to bottom,#f4f4f4 88%,rgba(255,255,255,0) 89%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4f4f4',endColorstr='#00ffffff',GradientType=0)
}

.columnContainer>.columns-wrapper.bg-haze .scrollable-nav .nav.affix,.columnContainer>.columns-wrapper.bg-haze .scrollable-nav .nav.affix-bottom {
    background-image: -webkit-linear-gradient(top,#c2c2c2 88%,rgba(255,255,255,0) 89%);
    background-image: -o-linear-gradient(top,#c2c2c2 88%,rgba(255,255,255,0) 89%);
    background-image: linear-gradient(to bottom,#c2c2c2 88%,rgba(255,255,255,0) 89%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc2c2c2',endColorstr='#00ffffff',GradientType=0)
}

.columnContainer>.columns-wrapper.bg-mist .scrollable-nav .nav.affix,.columnContainer>.columns-wrapper.bg-mist .scrollable-nav .nav.affix-bottom {
    background-image: -webkit-linear-gradient(top,#d9e1e2 88%,rgba(255,255,255,0) 89%);
    background-image: -o-linear-gradient(top,#d9e1e2 88%,rgba(255,255,255,0) 89%);
    background-image: linear-gradient(to bottom,#d9e1e2 88%,rgba(255,255,255,0) 89%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9e1e2',endColorstr='#00ffffff',GradientType=0)
}

.columnContainer>.columns-wrapper.bg-rain .scrollable-nav .nav.affix,.columnContainer>.columns-wrapper.bg-rain .scrollable-nav .nav.affix-bottom {
    background-image: -webkit-linear-gradient(top,#b7c9d3 88%,rgba(255,255,255,0) 89%);
    background-image: -o-linear-gradient(top,#b7c9d3 88%,rgba(255,255,255,0) 89%);
    background-image: linear-gradient(to bottom,#b7c9d3 88%,rgba(255,255,255,0) 89%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb7c9d3',endColorstr='#00ffffff',GradientType=0)
}

.columnContainer>.columns-wrapper.bg-altostratus .scrollable-nav .nav.affix,.columnContainer>.columns-wrapper.bg-altostratus .scrollable-nav .nav.affix-bottom {
    background-image: -webkit-linear-gradient(top,#4e758b 88%,rgba(255,255,255,0) 89%);
    background-image: -o-linear-gradient(top,#4e758b 88%,rgba(255,255,255,0) 89%);
    background-image: linear-gradient(to bottom,#4e758b 88%,rgba(255,255,255,0) 89%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4e758b',endColorstr='#00ffffff',GradientType=0)
}

.columnContainer>.columns-wrapper.bg-stratus .scrollable-nav .nav.affix,.columnContainer>.columns-wrapper.bg-stratus .scrollable-nav .nav.affix-bottom {
    background-image: -webkit-linear-gradient(top,#003c4c 88%,rgba(255,255,255,0) 89%);
    background-image: -o-linear-gradient(top,#003c4c 88%,rgba(255,255,255,0) 89%);
    background-image: linear-gradient(to bottom,#003c4c 88%,rgba(255,255,255,0) 89%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff003c4c',endColorstr='#00ffffff',GradientType=0)
}

.columnContainer>.columns-wrapper.bg-cirrus .scrollable-nav .nav.affix,.columnContainer>.columns-wrapper.bg-cirrus .scrollable-nav .nav.affix-bottom {
    background-image: -webkit-linear-gradient(top,#07b 88%,rgba(255,255,255,0) 89%);
    background-image: -o-linear-gradient(top,#07b 88%,rgba(255,255,255,0) 89%);
    background-image: linear-gradient(to bottom,#07b 88%,rgba(255,255,255,0) 89%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0077bb',endColorstr='#00ffffff',GradientType=0)
}

.columnContainer>.columns-wrapper.bg-nimbostratus .scrollable-nav .nav.affix,.columnContainer>.columns-wrapper.bg-nimbostratus .scrollable-nav .nav.affix-bottom {
    background-image: -webkit-linear-gradient(top,#005290 88%,rgba(255,255,255,0) 89%);
    background-image: -o-linear-gradient(top,#005290 88%,rgba(255,255,255,0) 89%);
    background-image: linear-gradient(to bottom,#005290 88%,rgba(255,255,255,0) 89%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff005290',endColorstr='#00ffffff',GradientType=0)
}

.columnContainer>.columns-wrapper.bg-cumulus .scrollable-nav .nav.affix,.columnContainer>.columns-wrapper.bg-cumulus .scrollable-nav .nav.affix-bottom {
    background-image: -webkit-linear-gradient(top,#00315a 88%,rgba(255,255,255,0) 89%);
    background-image: -o-linear-gradient(top,#00315a 88%,rgba(255,255,255,0) 89%);
    background-image: linear-gradient(to bottom,#00315a 88%,rgba(255,255,255,0) 89%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00315a',endColorstr='#00ffffff',GradientType=0)
}

.columnContainer>.columns-wrapper.bg-cumulonimbus .scrollable-nav .nav.affix,.columnContainer>.columns-wrapper.bg-cumulonimbus .scrollable-nav .nav.affix-bottom {
    background-image: -webkit-linear-gradient(top,#024 88%,rgba(255,255,255,0) 89%);
    background-image: -o-linear-gradient(top,#024 88%,rgba(255,255,255,0) 89%);
    background-image: linear-gradient(to bottom,#024 88%,rgba(255,255,255,0) 89%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff002244',endColorstr='#00ffffff',GradientType=0)
}

.columnContainer>.columns-wrapper.bg-black-ice .scrollable-nav .nav.affix,.columnContainer>.columns-wrapper.bg-black-ice .scrollable-nav .nav.affix-bottom {
    background-image: -webkit-linear-gradient(top,#505050 88%,rgba(255,255,255,0) 89%);
    background-image: -o-linear-gradient(top,#505050 88%,rgba(255,255,255,0) 89%);
    background-image: linear-gradient(to bottom,#505050 88%,rgba(255,255,255,0) 89%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff505050',endColorstr='#00ffffff',GradientType=0)
}

.columnContainer>.columns-wrapper.bg-night .scrollable-nav .nav.affix,.columnContainer>.columns-wrapper.bg-night .scrollable-nav .nav.affix-bottom {
    background-image: -webkit-linear-gradient(top,#222 88%,rgba(255,255,255,0) 89%);
    background-image: -o-linear-gradient(top,#222 88%,rgba(255,255,255,0) 89%);
    background-image: linear-gradient(to bottom,#222 88%,rgba(255,255,255,0) 89%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222',endColorstr='#00ffffff',GradientType=0)
}

.columnContainer>.columns-wrapper.bg-brand-sales .scrollable-nav .nav.affix,.columnContainer>.columns-wrapper.bg-brand-sales .scrollable-nav .nav.affix-bottom {
    background-image: -webkit-linear-gradient(top,#418fde 88%,rgba(255,255,255,0) 89%);
    background-image: -o-linear-gradient(top,#418fde 88%,rgba(255,255,255,0) 89%);
    background-image: linear-gradient(to bottom,#418fde 88%,rgba(255,255,255,0) 89%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff418fde',endColorstr='#00ffffff',GradientType=0)
}

.columnContainer>.columns-wrapper.bg-brand-sales-light .scrollable-nav .nav.affix,.columnContainer>.columns-wrapper.bg-brand-sales-light .scrollable-nav .nav.affix-bottom {
    background-image: -webkit-linear-gradient(top,#92c1e9 88%,rgba(255,255,255,0) 89%);
    background-image: -o-linear-gradient(top,#92c1e9 88%,rgba(255,255,255,0) 89%);
    background-image: linear-gradient(to bottom,#92c1e9 88%,rgba(255,255,255,0) 89%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff92c1e9',endColorstr='#00ffffff',GradientType=0)
}

.columnContainer>.columns-wrapper.bg-brand-service .scrollable-nav .nav.affix,.columnContainer>.columns-wrapper.bg-brand-service .scrollable-nav .nav.affix-bottom {
    background-image: -webkit-linear-gradient(top,#963cbd 88%,rgba(255,255,255,0) 89%);
    background-image: -o-linear-gradient(top,#963cbd 88%,rgba(255,255,255,0) 89%);
    background-image: linear-gradient(to bottom,#963cbd 88%,rgba(255,255,255,0) 89%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff963cbd',endColorstr='#00ffffff',GradientType=0)
}

.columnContainer>.columns-wrapper.bg-brand-service-light .scrollable-nav .nav.affix,.columnContainer>.columns-wrapper.bg-brand-service-light .scrollable-nav .nav.affix-bottom {
    background-image: -webkit-linear-gradient(top,#a77bca 88%,rgba(255,255,255,0) 89%);
    background-image: -o-linear-gradient(top,#a77bca 88%,rgba(255,255,255,0) 89%);
    background-image: linear-gradient(to bottom,#a77bca 88%,rgba(255,255,255,0) 89%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa77bca',endColorstr='#00ffffff',GradientType=0)
}

.columnContainer>.columns-wrapper.bg-brand-marketing .scrollable-nav .nav.affix,.columnContainer>.columns-wrapper.bg-brand-marketing .scrollable-nav .nav.affix-bottom {
    background-image: -webkit-linear-gradient(top,#ed8b00 88%,rgba(255,255,255,0) 89%);
    background-image: -o-linear-gradient(top,#ed8b00 88%,rgba(255,255,255,0) 89%);
    background-image: linear-gradient(to bottom,#ed8b00 88%,rgba(255,255,255,0) 89%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffed8b00',endColorstr='#00ffffff',GradientType=0)
}

.columnContainer>.columns-wrapper.bg-brand-marketing-light .scrollable-nav .nav.affix,.columnContainer>.columns-wrapper.bg-brand-marketing-light .scrollable-nav .nav.affix-bottom {
    background-image: -webkit-linear-gradient(top,#f0b334 88%,rgba(255,255,255,0) 89%);
    background-image: -o-linear-gradient(top,#f0b334 88%,rgba(255,255,255,0) 89%);
    background-image: linear-gradient(to bottom,#f0b334 88%,rgba(255,255,255,0) 89%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0b334',endColorstr='#00ffffff',GradientType=0)
}

.columnContainer>.columns-wrapper.bg-brand-communities .scrollable-nav .nav.affix,.columnContainer>.columns-wrapper.bg-brand-communities .scrollable-nav .nav.affix-bottom {
    background-image: -webkit-linear-gradient(top,#ffb60f 88%,rgba(255,255,255,0) 89%);
    background-image: -o-linear-gradient(top,#ffb60f 88%,rgba(255,255,255,0) 89%);
    background-image: linear-gradient(to bottom,#ffb60f 88%,rgba(255,255,255,0) 89%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffb60f',endColorstr='#00ffffff',GradientType=0)
}

.columnContainer>.columns-wrapper.bg-brand-communities-light .scrollable-nav .nav.affix,.columnContainer>.columns-wrapper.bg-brand-communities-light .scrollable-nav .nav.affix-bottom {
    background-image: -webkit-linear-gradient(top,#ffcb4f 88%,rgba(255,255,255,0) 89%);
    background-image: -o-linear-gradient(top,#ffcb4f 88%,rgba(255,255,255,0) 89%);
    background-image: linear-gradient(to bottom,#ffcb4f 88%,rgba(255,255,255,0) 89%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffcb4f',endColorstr='#00ffffff',GradientType=0)
}

.columnContainer>.columns-wrapper.bg-brand-analytics .scrollable-nav .nav.affix,.columnContainer>.columns-wrapper.bg-brand-analytics .scrollable-nav .nav.affix-bottom {
    background-image: -webkit-linear-gradient(top,#00b2a9 88%,rgba(255,255,255,0) 89%);
    background-image: -o-linear-gradient(top,#00b2a9 88%,rgba(255,255,255,0) 89%);
    background-image: linear-gradient(to bottom,#00b2a9 88%,rgba(255,255,255,0) 89%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00b2a9',endColorstr='#00ffffff',GradientType=0)
}

.columnContainer>.columns-wrapper.bg-brand-analytics-light .scrollable-nav .nav.affix,.columnContainer>.columns-wrapper.bg-brand-analytics-light .scrollable-nav .nav.affix-bottom {
    background-image: -webkit-linear-gradient(top,#64ccc9 88%,rgba(255,255,255,0) 89%);
    background-image: -o-linear-gradient(top,#64ccc9 88%,rgba(255,255,255,0) 89%);
    background-image: linear-gradient(to bottom,#64ccc9 88%,rgba(255,255,255,0) 89%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff64ccc9',endColorstr='#00ffffff',GradientType=0)
}

.columnContainer>.columns-wrapper.bg-brand-platform .scrollable-nav .nav.affix,.columnContainer>.columns-wrapper.bg-brand-platform .scrollable-nav .nav.affix-bottom {
    background-image: -webkit-linear-gradient(top,#001871 88%,rgba(255,255,255,0) 89%);
    background-image: -o-linear-gradient(top,#001871 88%,rgba(255,255,255,0) 89%);
    background-image: linear-gradient(to bottom,#001871 88%,rgba(255,255,255,0) 89%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff001871',endColorstr='#00ffffff',GradientType=0)
}

.columnContainer>.columns-wrapper.bg-brand-platform-light .scrollable-nav .nav.affix,.columnContainer>.columns-wrapper.bg-brand-platform-light .scrollable-nav .nav.affix-bottom {
    background-image: -webkit-linear-gradient(top,#0047bb 88%,rgba(255,255,255,0) 89%);
    background-image: -o-linear-gradient(top,#0047bb 88%,rgba(255,255,255,0) 89%);
    background-image: linear-gradient(to bottom,#0047bb 88%,rgba(255,255,255,0) 89%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0047bb',endColorstr='#00ffffff',GradientType=0)
}

.columnContainer>.columns-wrapper.bg-brand-iot .scrollable-nav .nav.affix,.columnContainer>.columns-wrapper.bg-brand-iot .scrollable-nav .nav.affix-bottom {
    background-image: -webkit-linear-gradient(top,#001871 88%,rgba(255,255,255,0) 89%);
    background-image: -o-linear-gradient(top,#001871 88%,rgba(255,255,255,0) 89%);
    background-image: linear-gradient(to bottom,#001871 88%,rgba(255,255,255,0) 89%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff001871',endColorstr='#00ffffff',GradientType=0)
}

.columnContainer>.columns-wrapper.bg-brand-iot-light .scrollable-nav .nav.affix,.columnContainer>.columns-wrapper.bg-brand-iot-light .scrollable-nav .nav.affix-bottom {
    background-image: -webkit-linear-gradient(top,#0047bb 88%,rgba(255,255,255,0) 89%);
    background-image: -o-linear-gradient(top,#0047bb 88%,rgba(255,255,255,0) 89%);
    background-image: linear-gradient(to bottom,#0047bb 88%,rgba(255,255,255,0) 89%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0047bb',endColorstr='#00ffffff',GradientType=0)
}

.columnContainer>.columns-wrapper.bg-brand-smb .scrollable-nav .nav.affix,.columnContainer>.columns-wrapper.bg-brand-smb .scrollable-nav .nav.affix-bottom {
    background-image: -webkit-linear-gradient(top,#00c2df 88%,rgba(255,255,255,0) 89%);
    background-image: -o-linear-gradient(top,#00c2df 88%,rgba(255,255,255,0) 89%);
    background-image: linear-gradient(to bottom,#00c2df 88%,rgba(255,255,255,0) 89%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00c2df',endColorstr='#00ffffff',GradientType=0)
}

.columnContainer>.columns-wrapper.bg-brand-industries .scrollable-nav .nav.affix,.columnContainer>.columns-wrapper.bg-brand-industries .scrollable-nav .nav.affix-bottom {
    background-image: -webkit-linear-gradient(top,#009cdb 88%,rgba(255,255,255,0) 89%);
    background-image: -o-linear-gradient(top,#009cdb 88%,rgba(255,255,255,0) 89%);
    background-image: linear-gradient(to bottom,#009cdb 88%,rgba(255,255,255,0) 89%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff009cdb',endColorstr='#00ffffff',GradientType=0)
}

.columnContainer>.columns-wrapper.bg-brand-e-commerce .scrollable-nav .nav.affix,.columnContainer>.columns-wrapper.bg-brand-e-commerce .scrollable-nav .nav.affix-bottom {
    background-image: -webkit-linear-gradient(top,#84bd00 88%,rgba(255,255,255,0) 89%);
    background-image: -o-linear-gradient(top,#84bd00 88%,rgba(255,255,255,0) 89%);
    background-image: linear-gradient(to bottom,#84bd00 88%,rgba(255,255,255,0) 89%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff84bd00',endColorstr='#00ffffff',GradientType=0)
}

.columnContainer>.columns-wrapper.bg-brand-einstein .scrollable-nav .nav.affix,.columnContainer>.columns-wrapper.bg-brand-einstein .scrollable-nav .nav.affix-bottom {
    background-image: -webkit-linear-gradient(top,#00a1e0 88%,rgba(255,255,255,0) 89%);
    background-image: -o-linear-gradient(top,#00a1e0 88%,rgba(255,255,255,0) 89%);
    background-image: linear-gradient(to bottom,#00a1e0 88%,rgba(255,255,255,0) 89%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00a1e0',endColorstr='#00ffffff',GradientType=0)
}

.columnContainer>.columns-wrapper.bg-brand-blue .scrollable-nav .nav.affix,.columnContainer>.columns-wrapper.bg-brand-blue .scrollable-nav .nav.affix-bottom {
    background-image: -webkit-linear-gradient(top,#00a1e0 88%,rgba(255,255,255,0) 89%);
    background-image: -o-linear-gradient(top,#00a1e0 88%,rgba(255,255,255,0) 89%);
    background-image: linear-gradient(to bottom,#00a1e0 88%,rgba(255,255,255,0) 89%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00a1e0',endColorstr='#00ffffff',GradientType=0)
}

.scrollable-nav .nav a {
    background-color: #f4f4f4;
    border: 1px solid #222;
    box-sizing: border-box;
    color: #222;
    font-family: 'SalesforceSansBold' !important;
    font-size: 11px;
    height: 65px;
    letter-spacing: 1px;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    padding: 25px 0 0 0;
    z-index: 2
}

.scrollable-nav .nav li {
    box-sizing: border-box;
    margin: 0;
    padding: 0 8px 0 8px;
    position: relative
}

.scrollable-nav .nav li:first-of-type {
    padding-left: 0
}

.scrollable-nav .nav li:last-of-type {
    padding-right: 0
}

.scrollable-nav .nav li.active a,.scrollable-nav .nav li:hover a,.scrollable-nav .nav li:active a {
    color: #fff;
    background-color: #00a1e0;
    border-color: #00a1e0
}

.highlight-sales .scrollable-nav .nav li.active a,.highlight-sales .scrollable-nav .nav li:hover a,.highlight-sales .scrollable-nav .nav li:active a {
    background-color: #418fde;
    border-color: #418fde
}

.highlight-sales-light .scrollable-nav .nav li.active a,.highlight-sales-light .scrollable-nav .nav li:hover a,.highlight-sales-light .scrollable-nav .nav li:active a {
    background-color: #92c1e9;
    border-color: #92c1e9
}

.highlight-service .scrollable-nav .nav li.active a,.highlight-service .scrollable-nav .nav li:hover a,.highlight-service .scrollable-nav .nav li:active a {
    background-color: #963cbd;
    border-color: #963cbd
}

.highlight-service-light .scrollable-nav .nav li.active a,.highlight-service-light .scrollable-nav .nav li:hover a,.highlight-service-light .scrollable-nav .nav li:active a {
    background-color: #a77bca;
    border-color: #a77bca
}

.highlight-marketing .scrollable-nav .nav li.active a,.highlight-marketing .scrollable-nav .nav li:hover a,.highlight-marketing .scrollable-nav .nav li:active a {
    background-color: #ed8b00;
    border-color: #ed8b00
}

.highlight-marketing-light .scrollable-nav .nav li.active a,.highlight-marketing-light .scrollable-nav .nav li:hover a,.highlight-marketing-light .scrollable-nav .nav li:active a {
    background-color: #f0b334;
    border-color: #f0b334
}

.highlight-communities .scrollable-nav .nav li.active a,.highlight-communities .scrollable-nav .nav li:hover a,.highlight-communities .scrollable-nav .nav li:active a {
    background-color: #ffb60f;
    border-color: #ffb60f
}

.highlight-communities-light .scrollable-nav .nav li.active a,.highlight-communities-light .scrollable-nav .nav li:hover a,.highlight-communities-light .scrollable-nav .nav li:active a {
    background-color: #ffcb4f;
    border-color: #ffcb4f
}

.highlight-analytics .scrollable-nav .nav li.active a,.highlight-analytics .scrollable-nav .nav li:hover a,.highlight-analytics .scrollable-nav .nav li:active a {
    background-color: #00b2a9;
    border-color: #00b2a9
}

.highlight-analytics-light .scrollable-nav .nav li.active a,.highlight-analytics-light .scrollable-nav .nav li:hover a,.highlight-analytics-light .scrollable-nav .nav li:active a {
    background-color: #64ccc9;
    border-color: #64ccc9
}

.highlight-platform .scrollable-nav .nav li.active a,.highlight-platform .scrollable-nav .nav li:hover a,.highlight-platform .scrollable-nav .nav li:active a {
    background-color: #001871;
    border-color: #001871
}

.highlight-platform-light .scrollable-nav .nav li.active a,.highlight-platform-light .scrollable-nav .nav li:hover a,.highlight-platform-light .scrollable-nav .nav li:active a {
    background-color: #0047bb;
    border-color: #0047bb
}

.highlight-iot .scrollable-nav .nav li.active a,.highlight-iot .scrollable-nav .nav li:hover a,.highlight-iot .scrollable-nav .nav li:active a {
    background-color: #001871;
    border-color: #001871
}

.highlight-iot-light .scrollable-nav .nav li.active a,.highlight-iot-light .scrollable-nav .nav li:hover a,.highlight-iot-light .scrollable-nav .nav li:active a {
    background-color: #0047bb;
    border-color: #0047bb
}

.highlight-smb .scrollable-nav .nav li.active a,.highlight-smb .scrollable-nav .nav li:hover a,.highlight-smb .scrollable-nav .nav li:active a {
    background-color: #00c2df;
    border-color: #00c2df
}

.highlight-industries .scrollable-nav .nav li.active a,.highlight-industries .scrollable-nav .nav li:hover a,.highlight-industries .scrollable-nav .nav li:active a {
    background-color: #009cdb;
    border-color: #009cdb
}

.highlight-e-commerce .scrollable-nav .nav li.active a,.highlight-e-commerce .scrollable-nav .nav li:hover a,.highlight-e-commerce .scrollable-nav .nav li:active a {
    background-color: #84bd00;
    border-color: #84bd00
}

.highlight-e-commerce-light .scrollable-nav .nav li.active a,.highlight-e-commerce-light .scrollable-nav .nav li:hover a,.highlight-e-commerce-light .scrollable-nav .nav li:active a {
    background-color: #97d700;
    border-color: #97d700
}

.highlight-einstein .scrollable-nav .nav li.active a,.highlight-einstein .scrollable-nav .nav li:hover a,.highlight-einstein .scrollable-nav .nav li:active a {
    background-color: #00a1e0;
    border-color: #00a1e0
}

.highlight-blue .scrollable-nav .nav li.active a,.highlight-blue .scrollable-nav .nav li:hover a,.highlight-blue .scrollable-nav .nav li:active a {
    background-color: #00a1e0;
    border-color: #00a1e0
}

.scrollable-nav .nav li.active:after,.scrollable-nav .nav li:hover:after,.scrollable-nav .nav li:active:after {
    content: ' ';
    position: relative;
    margin: 0 auto;
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #00a1e0;
    clear: both
}

.highlight-sales .scrollable-nav .nav li.active:after,.highlight-sales .scrollable-nav .nav li:hover:after,.highlight-sales .scrollable-nav .nav li:active:after {
    border-top: 10px solid #418fde
}

.highlight-sales-light .scrollable-nav .nav li.active:after,.highlight-sales-light .scrollable-nav .nav li:hover:after,.highlight-sales-light .scrollable-nav .nav li:active:after {
    border-top: 10px solid #92c1e9
}

.highlight-service .scrollable-nav .nav li.active:after,.highlight-service .scrollable-nav .nav li:hover:after,.highlight-service .scrollable-nav .nav li:active:after {
    border-top: 10px solid #963cbd
}

.highlight-service-light .scrollable-nav .nav li.active:after,.highlight-service-light .scrollable-nav .nav li:hover:after,.highlight-service-light .scrollable-nav .nav li:active:after {
    border-top: 10px solid #a77bca
}

.highlight-marketing .scrollable-nav .nav li.active:after,.highlight-marketing .scrollable-nav .nav li:hover:after,.highlight-marketing .scrollable-nav .nav li:active:after {
    border-top: 10px solid #ed8b00
}

.highlight-marketing-light .scrollable-nav .nav li.active:after,.highlight-marketing-light .scrollable-nav .nav li:hover:after,.highlight-marketing-light .scrollable-nav .nav li:active:after {
    border-top: 10px solid #f0b334
}

.highlight-communities .scrollable-nav .nav li.active:after,.highlight-communities .scrollable-nav .nav li:hover:after,.highlight-communities .scrollable-nav .nav li:active:after {
    border-top: 10px solid #ffb60f
}

.highlight-communities-light .scrollable-nav .nav li.active:after,.highlight-communities-light .scrollable-nav .nav li:hover:after,.highlight-communities-light .scrollable-nav .nav li:active:after {
    border-top: 10px solid #ffcb4f
}

.highlight-analytics .scrollable-nav .nav li.active:after,.highlight-analytics .scrollable-nav .nav li:hover:after,.highlight-analytics .scrollable-nav .nav li:active:after {
    border-top: 10px solid #00b2a9
}

.highlight-analytics-light .scrollable-nav .nav li.active:after,.highlight-analytics-light .scrollable-nav .nav li:hover:after,.highlight-analytics-light .scrollable-nav .nav li:active:after {
    border-top: 10px solid #64ccc9
}

.highlight-platform .scrollable-nav .nav li.active:after,.highlight-platform .scrollable-nav .nav li:hover:after,.highlight-platform .scrollable-nav .nav li:active:after {
    border-top: 10px solid #001871
}

.highlight-platform-light .scrollable-nav .nav li.active:after,.highlight-platform-light .scrollable-nav .nav li:hover:after,.highlight-platform-light .scrollable-nav .nav li:active:after {
    border-top: 10px solid #0047bb
}

.highlight-iot .scrollable-nav .nav li.active:after,.highlight-iot .scrollable-nav .nav li:hover:after,.highlight-iot .scrollable-nav .nav li:active:after {
    border-top: 10px solid #001871
}

.highlight-iot-light .scrollable-nav .nav li.active:after,.highlight-iot-light .scrollable-nav .nav li:hover:after,.highlight-iot-light .scrollable-nav .nav li:active:after {
    border-top: 10px solid #0047bb
}

.highlight-smb .scrollable-nav .nav li.active:after,.highlight-smb .scrollable-nav .nav li:hover:after,.highlight-smb .scrollable-nav .nav li:active:after {
    border-top: 10px solid #00c2df
}

.highlight-industries .scrollable-nav .nav li.active:after,.highlight-industries .scrollable-nav .nav li:hover:after,.highlight-industries .scrollable-nav .nav li:active:after {
    border-top: 10px solid #009cdb
}

.highlight-e-commerce .scrollable-nav .nav li.active:after,.highlight-e-commerce .scrollable-nav .nav li:hover:after,.highlight-e-commerce .scrollable-nav .nav li:active:after {
    border-top: 10px solid #84bd00
}

.highlight-e-commerce-light .scrollable-nav .nav li.active:after,.highlight-e-commerce-light .scrollable-nav .nav li:hover:after,.highlight-e-commerce-light .scrollable-nav .nav li:active:after {
    border-top: 10px solid #97d700
}

.highlight-einstein .scrollable-nav .nav li.active:after,.highlight-einstein .scrollable-nav .nav li:hover:after,.highlight-einstein .scrollable-nav .nav li:active:after {
    border-top: 10px solid #00a1e0
}

.highlight-brand-blue .scrollable-nav .nav li.active:after,.highlight-brand-blue .scrollable-nav .nav li:hover:after,.highlight-brand-blue .scrollable-nav .nav li:active:after {
    border-top: 10px solid #00a1e0
}

.scrollable-nav .nav li.tab-cloud-icon-smb:active a,.scrollable-nav .nav li.tab-cloud-icon-smb:hover a,.scrollable-nav .nav li.tab-cloud-icon-smb.active a {
    color: #fff;
    background-color: #00c2df;
    border-color: #00c2df
}

.scrollable-nav .nav li.tab-cloud-icon-smb:active:after,.scrollable-nav .nav li.tab-cloud-icon-smb:hover:after,.scrollable-nav .nav li.tab-cloud-icon-smb.active:after {
    border-top-color: #00c2df
}

.scrollable-nav .nav li.tab-cloud-icon-industries:active a,.scrollable-nav .nav li.tab-cloud-icon-industries-comms-media:active a,.scrollable-nav .nav li.tab-cloud-icon-industries-life-sciences:active a,.scrollable-nav .nav li.tab-cloud-icon-industries-manufacturing:active a,.scrollable-nav .nav li.tab-cloud-icon-industries-retail:active a,.scrollable-nav .nav li.tab-cloud-icon-industries-fin-serv:active a,.scrollable-nav .nav li.tab-cloud-icon-industries-health:active a,.scrollable-nav .nav li.tab-cloud-icon-industries:hover a,.scrollable-nav .nav li.tab-cloud-icon-industries-comms-media:hover a,.scrollable-nav .nav li.tab-cloud-icon-industries-life-sciences:hover a,.scrollable-nav .nav li.tab-cloud-icon-industries-manufacturing:hover a,.scrollable-nav .nav li.tab-cloud-icon-industries-retail:hover a,.scrollable-nav .nav li.tab-cloud-icon-industries-fin-serv:hover a,.scrollable-nav .nav li.tab-cloud-icon-industries-health:hover a,.scrollable-nav .nav li.tab-cloud-icon-industries.active a,.scrollable-nav .nav li.tab-cloud-icon-industries-comms-media.active a,.scrollable-nav .nav li.tab-cloud-icon-industries-life-sciences.active a,.scrollable-nav .nav li.tab-cloud-icon-industries-manufacturing.active a,.scrollable-nav .nav li.tab-cloud-icon-industries-retail.active a,.scrollable-nav .nav li.tab-cloud-icon-industries-fin-serv.active a,.scrollable-nav .nav li.tab-cloud-icon-industries-health.active a {
    color: #fff;
    background-color: #009cdb;
    border-color: #009cdb
}

.scrollable-nav .nav li.tab-cloud-icon-industries:active:after,.scrollable-nav .nav li.tab-cloud-icon-industries-comms-media:active:after,.scrollable-nav .nav li.tab-cloud-icon-industries-life-sciences:active:after,.scrollable-nav .nav li.tab-cloud-icon-industries-manufacturing:active:after,.scrollable-nav .nav li.tab-cloud-icon-industries-retail:active:after,.scrollable-nav .nav li.tab-cloud-icon-industries-fin-serv:active:after,.scrollable-nav .nav li.tab-cloud-icon-industries-health:active:after,.scrollable-nav .nav li.tab-cloud-icon-industries:hover:after,.scrollable-nav .nav li.tab-cloud-icon-industries-comms-media:hover:after,.scrollable-nav .nav li.tab-cloud-icon-industries-life-sciences:hover:after,.scrollable-nav .nav li.tab-cloud-icon-industries-manufacturing:hover:after,.scrollable-nav .nav li.tab-cloud-icon-industries-retail:hover:after,.scrollable-nav .nav li.tab-cloud-icon-industries-fin-serv:hover:after,.scrollable-nav .nav li.tab-cloud-icon-industries-health:hover:after,.scrollable-nav .nav li.tab-cloud-icon-industries.active:after,.scrollable-nav .nav li.tab-cloud-icon-industries-comms-media.active:after,.scrollable-nav .nav li.tab-cloud-icon-industries-life-sciences.active:after,.scrollable-nav .nav li.tab-cloud-icon-industries-manufacturing.active:after,.scrollable-nav .nav li.tab-cloud-icon-industries-retail.active:after,.scrollable-nav .nav li.tab-cloud-icon-industries-fin-serv.active:after,.scrollable-nav .nav li.tab-cloud-icon-industries-health.active:after {
    border-top-color: #009cdb
}

.scrollable-nav .nav li.tab-cloud-icon-lightning-thunder:active a,.scrollable-nav .nav li.tab-cloud-icon-lightning-thunder:hover a,.scrollable-nav .nav li.tab-cloud-icon-lightning-thunder.active a {
    background-color: #001871;
    color: #fff;
    border-color: #001871
}

.scrollable-nav .nav li.tab-cloud-icon-lightning-thunder:active:after,.scrollable-nav .nav li.tab-cloud-icon-lightning-thunder:hover:after,.scrollable-nav .nav li.tab-cloud-icon-lightning-thunder.active:after {
    border-top-color: #001871
}

.scrollable-nav .nav li.tab-cloud-icon-analytics:active a,.scrollable-nav .nav li.tab-cloud-icon-analytics:hover a,.scrollable-nav .nav li.tab-cloud-icon-analytics.active a {
    background-color: #00b2a9;
    color: #fff;
    border-color: #00b2a9
}

.scrollable-nav .nav li.tab-cloud-icon-analytics:active:after,.scrollable-nav .nav li.tab-cloud-icon-analytics:hover:after,.scrollable-nav .nav li.tab-cloud-icon-analytics.active:after {
    border-top-color: #00b2a9
}

.scrollable-nav .nav li.tab-cloud-icon-platform:active a,.scrollable-nav .nav li.tab-cloud-icon-platform:hover a,.scrollable-nav .nav li.tab-cloud-icon-platform.active a {
    background-color: #001871;
    color: #fff;
    border-color: #001871
}

.scrollable-nav .nav li.tab-cloud-icon-platform:active:after,.scrollable-nav .nav li.tab-cloud-icon-platform:hover:after,.scrollable-nav .nav li.tab-cloud-icon-platform.active:after {
    border-top-color: #001871
}

.scrollable-nav .nav li.tab-cloud-icon-community:active a,.scrollable-nav .nav li.tab-cloud-icon-community:hover a,.scrollable-nav .nav li.tab-cloud-icon-community.active a {
    background-color: #ffb60f;
    color: #fff;
    border-color: #ffb60f
}

.scrollable-nav .nav li.tab-cloud-icon-community:active:after,.scrollable-nav .nav li.tab-cloud-icon-community:hover:after,.scrollable-nav .nav li.tab-cloud-icon-community.active:after {
    border-top-color: #ffb60f
}

.scrollable-nav .nav li.tab-cloud-icon-iot:active a,.scrollable-nav .nav li.tab-cloud-icon-iot:hover a,.scrollable-nav .nav li.tab-cloud-icon-iot.active a {
    background-color: #001871;
    color: #fff;
    border-color: #001871
}

.scrollable-nav .nav li.tab-cloud-icon-iot:active:after,.scrollable-nav .nav li.tab-cloud-icon-iot:hover:after,.scrollable-nav .nav li.tab-cloud-icon-iot.active:after {
    border-top-color: #001871
}

.scrollable-nav .nav li.tab-cloud-icon-marketing:active a,.scrollable-nav .nav li.tab-cloud-icon-marketing:hover a,.scrollable-nav .nav li.tab-cloud-icon-marketing.active a {
    background-color: #ed8b00;
    color: #fff;
    border-color: #ed8b00
}

.scrollable-nav .nav li.tab-cloud-icon-marketing:active:after,.scrollable-nav .nav li.tab-cloud-icon-marketing:hover:after,.scrollable-nav .nav li.tab-cloud-icon-marketing.active:after {
    border-top-color: #ed8b00
}

.scrollable-nav .nav li.tab-cloud-icon-mittlestand:active a,.scrollable-nav .nav li.tab-cloud-icon-mittlestand:hover a,.scrollable-nav .nav li.tab-cloud-icon-mittlestand.active a {
    background-color: #123f5b;
    color: #fff;
    border-color: #123f5b
}

.scrollable-nav .nav li.tab-cloud-icon-mittlestand:active:after,.scrollable-nav .nav li.tab-cloud-icon-mittlestand:hover:after,.scrollable-nav .nav li.tab-cloud-icon-mittlestand.active:after {
    border-top-color: #123f5b
}

.scrollable-nav .nav li.tab-cloud-icon-sales:active a,.scrollable-nav .nav li.tab-cloud-icon-sales:hover a,.scrollable-nav .nav li.tab-cloud-icon-sales.active a {
    background-color: #418fde;
    color: #fff;
    border-color: #418fde
}

.scrollable-nav .nav li.tab-cloud-icon-sales:active:after,.scrollable-nav .nav li.tab-cloud-icon-sales:hover:after,.scrollable-nav .nav li.tab-cloud-icon-sales.active:after {
    border-top-color: #418fde
}

.scrollable-nav .nav li.tab-cloud-icon-service:active a,.scrollable-nav .nav li.tab-cloud-icon-service:hover a,.scrollable-nav .nav li.tab-cloud-icon-service.active a {
    background-color: #963cbd;
    color: #fff;
    border-color: #963cbd
}

.scrollable-nav .nav li.tab-cloud-icon-service:active:after,.scrollable-nav .nav li.tab-cloud-icon-service:hover:after,.scrollable-nav .nav li.tab-cloud-icon-service.active:after {
    border-top-color: #963cbd
}

.scrollable-nav .nav li.tab-cloud-icon-e-commerce:active a,.scrollable-nav .nav li.tab-cloud-icon-e-commerce:hover a,.scrollable-nav .nav li.tab-cloud-icon-e-commerce.active a {
    background-color: #84bd00;
    color: #fff;
    border-color: #84bd00
}

.scrollable-nav .nav li.tab-cloud-icon-e-commerce:active:after,.scrollable-nav .nav li.tab-cloud-icon-e-commerce:hover:after,.scrollable-nav .nav li.tab-cloud-icon-e-commerce.active:after {
    border-top-color: #84bd00
}

.scrollable-nav .nav li.tab-cloud-icon-einstein:active a,.scrollable-nav .nav li.tab-cloud-icon-einstein:hover a,.scrollable-nav .nav li.tab-cloud-icon-einstein.active a {
    background-color: #00a1e0;
    color: #fff;
    border-color: #00a1e0
}

.scrollable-nav .nav li.tab-cloud-icon-einstein:active:after,.scrollable-nav .nav li.tab-cloud-icon-einstein:hover:after,.scrollable-nav .nav li.tab-cloud-icon-einstein.active:after {
    border-top-color: #00a1e0
}

body.analytics_cloud .scrollable-nav .nav li.active:after {
    border-top-color: #00b2a9
}

body.appexchange .scrollable-nav .nav li.active:after {
    border-top-color: #001871
}

body.chatter .scrollable-nav .nav li.active:after {
    border-top-color: #418fde
}

body.community_cloud .scrollable-nav .nav li.active:after {
    border-top-color: #ffb60f
}

body.data_com .scrollable-nav .nav li.active:after {
    border-top-color: #92c1e9
}

body.desk_com .scrollable-nav .nav li.active:after {
    border-top-color: #963cbd
}

body.exacttarget_marketing_cloud .scrollable-nav .nav li.active:after {
    border-top-color: #ed8b00
}

body.force_com .scrollable-nav .nav li.active:after {
    border-top-color: #001871
}

body.heroku .scrollable-nav .nav li.active:after {
    border-top-color: #001871
}

body.marketing_cloud .scrollable-nav .nav li.active:after {
    border-top-color: #ed8b00
}

body.pardot .scrollable-nav .nav li.active:after {
    border-top-color: #418fde
}

body.sales_cloud .scrollable-nav .nav li.active:after {
    border-top-color: #92c1e9
}

body.salesforce1_platform .scrollable-nav .nav li.active:after {
    border-top-color: #001871
}

body.service_cloud .scrollable-nav .nav li.active:after {
    border-top-color: #963cbd
}

body.work_com .scrollable-nav .nav li.active:after {
    border-top-color: #92c1e9
}

.promo-container .promo-background {
    overflow: hidden;
    background-repeat: no-repeat
}

.promo-container .promo-small,.promo-container .promo-smallx2,.promo-container .promo-tall {
    max-width: 417px
}

.promo-container .promo-smallx2 .parsys-container {
    float: left;
    width: 50%
}

.promo-container .promo-wide {
    max-width: 862px
}

.promo-container.center-images .img-responsive {
    margin-left: auto;
    margin-right: auto
}

.promo-container.center-images .imageComponent {
    display: block
}

.promo-banner-container {
    max-width: 900px;
    height: 90px;
    margin: -90px 0 0 0;
    padding: 0;
    cursor: pointer;
    position: relative
}

.promo-banner-container .banner-image-container .banner-image {
    padding: 15px;
    width: 115px;
    height: 60px
}

.promo-banner-container .banner-image-container .banner-image .img-responsive {
    max-width: 115px;
    max-height: 60px
}

@media(max-width:1312px) {
    .promo-banner-container .banner-body-container {
        margin: 20px 25px
    }
}

@media(min-width:1312px) {
    .promo-banner-container .banner-body-container {
        margin: 20px auto
    }
}

.promo-banner-container .banner-cta {
    padding: 25px
}

@media(max-width:1312px) {
    .promo-banner-container .banner-cta {
        margin-left: -120px
    }
}

@media(min-width:1312px) {
    .promo-banner-container .banner-cta {
        margin-left: -20px
    }
}

@media(max-width:1312px) {
    .promo-banner-container .col-md-1.col-sm-1,.promo-banner-container .banner-close {
        position: absolute;
        right: 0
    }
}

.promo-banner-container .banner-close {
    padding: 15px
}

.region-selector {
    position: relative
}

.region-selector_dialog {
    display: none;
    position: absolute;
    right: 0;
    bottom: -20px;
    z-index: 5;
    width: 710px;
    box-shadow: 0 0 8px #c2c2c2;
    background-color: #fff
}

.region-selector_dialog:before,.region-selector_dialog:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-bottom: 0
}

.region-selector_dialog:before {
    display: none;
    bottom: -8px;
    border-top-color: #b3b8bc;
    border-width: 8px
}

.region-selector_dialog:after {
    bottom: -7px;
    right: 20px;
    border-top-color: #fff;
    border-width: 7px
}

.region-selector_dialog a {
    display: block;
    margin: 10px 0;
    font-size: 12px;
    font-family: 'SalesforceSansRegular' !important
}

.edit-mode .region-selector_dialog {
    display: block !important;
    position: relative;
    bottom: 0
}

.region-selector_content {
    padding: 50px 34px
}

.region-selector_button {
    display: table-cell;
    width: 160px;
    height: 85px;
    float: right;
    text-align: right;
    vertical-align: middle;
    color: #fff;
    cursor: pointer;
    overflow: hidden
}

.region-selector_label {
    font-family: 'SalesforceSansBold' !important;
    font-size: 11px;
    line-height: 85px;
    letter-spacing: .5px
}

.region-selector_icon,.region-selector_caret {
    vertical-align: middle
}

.region-selector_icon {
    font-size: 20px;
    margin: 0 5px
}

.region-selector_caret {
    font-size: 8px
}

@media(max-width:767px) {
    .region-selector_button {
        display: block;
        width: auto;
        float: none;
        height: 45px;
        border-bottom: 1px solid #c2c2c2;
        text-align: center
    }

    .region-selector_label {
        font-size: 12px;
        line-height: 45px;
        margin: 0 10px
    }

    .region-selector_dialog {
        right: -22px;
        left: -22px;
        width: auto;
        bottom: 55px;
        box-shadow: none;
        border: 1px solid #b3b8bc
    }

    .region-selector_dialog:before {
        display: block;
        left: 50%;
        margin-left: 59px
    }

    .region-selector_dialog:after {
        left: 50%;
        margin-left: 60px
    }

    .region-selector_dialog .col {
        padding-top: 10px
    }

    .region-selector_content {
        padding: 20px 0;
        margin: 0 -6px
    }

    .region-selector_icon {
        font-size: 25px
    }

    .region-selector_caret {
        font-size: 14px
    }
}

.imageComponent {
    position: relative;
    width: 100%
}

.imageComponent.adjacent {
    width: initial;
    display: inline-block
}

.imageComponent.adjacent .img-responsive {
    display: inline-block
}

.cardComponent .imageComponent.adjacent.adjacent {
    display: block
}

.cardComponent .imageComponent.adjacent.adjacent .img-responsive {
    display: block
}

.imageComponent .heading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.imageComponent .heading .image-title-bg {
    min-height: 30px;
    line-height: 22px;
    padding: 5px 10px;
    margin: 0;
    font-size: 12px
}

.imageComponent .heading .image-title-text {
    color: #fff;
    min-height: 30px;
    line-height: 22px;
    padding: 5px 10px;
    margin: 0;
    font-size: 12px;
    font-family: 'SalesforceSansRegular' !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.imageComponent .image-icon {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    color: #fff;
    transition: transform .3s;
    font-size: 100px;
    cursor: pointer
}

.image-link:hover .imageComponent .image-icon,.imageComponent .image-icon:hover,.imageComponent .image-icon:active,.imageComponent .image-icon:focus {
    transform: scale(1.1)
}

.imageComponent .center-img-horizontally {
    margin-left: auto;
    margin-right: auto
}

.imageComponent .circular-img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.cardComponent .graphic .heading {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.cardComponent .graphic .heading .image-title-bg {
    min-height: 30px;
    line-height: 22px;
    padding: 5px 10px;
    margin: 0;
    font-size: 12px
}

.cardComponent .graphic .heading .image-title-text {
    color: #fff;
    min-height: 30px;
    line-height: 22px;
    padding: 5px 10px;
    margin: 0;
    font-size: 12px;
    font-family: 'SalesforceSansRegular' !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: right
}

.cardComponent .graphic .image-icon {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    color: #fff;
    transition: transform .3s;
    font-size: 100px;
    cursor: pointer
}

.image-link:hover .cardComponent .graphic .image-icon,.cardComponent .graphic .image-icon:hover,.cardComponent .graphic .image-icon:active,.cardComponent .graphic .image-icon:focus {
    transform: scale(1.1)
}

.clearfix:before,.clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width:device-width
}

.visible-xs,.visible-sm,.visible-md,.visible-lg {
    display: none !important
}

.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block {
    display: none !important
}

@media(max-width:767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs,td.visible-xs {
        display: table-cell !important
    }
}

@media(max-width:767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media(max-width:767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media(max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media(min-width:768px) and (max-width:1023px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm,td.visible-sm {
        display: table-cell !important
    }
}

@media(min-width:768px) and (max-width:1023px) {
    .visible-sm-block {
        display: block !important
    }
}

@media(min-width:768px) and (max-width:1023px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media(min-width:768px) and (max-width:1023px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media(min-width:1024px) and (max-width:1311px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md,td.visible-md {
        display: table-cell !important
    }
}

@media(min-width:1024px) and (max-width:1311px) {
    .visible-md-block {
        display: block !important
    }
}

@media(min-width:1024px) and (max-width:1311px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media(min-width:1024px) and (max-width:1311px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media(min-width:1312px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg,td.visible-lg {
        display: table-cell !important
    }
}

@media(min-width:1312px) {
    .visible-lg-block {
        display: block !important
    }
}

@media(min-width:1312px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media(min-width:1312px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media(max-width:767px) {
    .hidden-xs {
        display: none !important
    }
}

@media(min-width:768px) and (max-width:1023px) {
    .hidden-sm {
        display: none !important
    }
}

@media(min-width:1024px) and (max-width:1311px) {
    .hidden-md {
        display: none !important
    }
}

@media(min-width:1312px) {
    .hidden-lg {
        display: none !important
    }
}

@media(max-width:767px) {
    .hidden-bg-img-xs {
        background-image: none !important
    }
}

@media(min-width:768px) and (max-width:1023px) {
    .hidden-bg-img-sm {
        background-image: none !important
    }
}

@media(min-width:1024px) and (max-width:1311px) {
    .hidden-bg-img-md {
        background-image: none !important
    }
}

@media(min-width:1312px) {
    .hidden-bg-img-lg {
        background-image: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table
    }

    tr.visible-print {
        display: table-row !important
    }

    th.visible-print,td.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

.margin--30-bottom-lg {
    margin-bottom: -30px
}

.margin--20-bottom-lg {
    margin-bottom: -20px
}

.margin--10-bottom-lg {
    margin-bottom: -10px
}

.margin-0-bottom-lg {
    margin-bottom: 0
}

.margin-10-bottom-lg {
    margin-bottom: 10px
}

.margin-20-bottom-lg {
    margin-bottom: 20px
}

.margin-30-bottom-lg {
    margin-bottom: 30px
}

.margin-40-bottom-lg {
    margin-bottom: 40px
}

.margin-60-bottom-lg {
    margin-bottom: 60px
}

.margin-80-bottom-lg {
    margin-bottom: 80px
}

.margin-100-bottom-lg {
    margin-bottom: 100px
}

.margin-120-bottom-lg {
    margin-bottom: 120px
}

.margin-170-bottom-lg {
    margin-bottom: 170px
}

.margin--30-left-lg {
    margin-left: -30px
}

.margin--20-left-lg {
    margin-left: -20px
}

.margin--10-left-lg {
    margin-left: -10px
}

.margin-0-left-lg {
    margin-left: 0
}

.margin-10-left-lg {
    margin-left: 10px
}

.margin-20-left-lg {
    margin-left: 20px
}

.margin-30-left-lg {
    margin-left: 30px
}

.margin-40-left-lg {
    margin-left: 40px
}

.margin-50-left-lg {
    margin-left: 50px
}

.margin-60-left-lg {
    margin-left: 60px
}

.margin-100-left-lg {
    margin-left: 100px
}

.margin-140-left-lg {
    margin-left: 140px
}

.margin-190-left-lg {
    margin-left: 190px
}

.margin--30-right-lg {
    margin-right: -30px
}

.margin--20-right-lg {
    margin-right: -20px
}

.margin--10-right-lg {
    margin-right: -10px
}

.margin-0-right-lg {
    margin-right: 0
}

.margin-10-right-lg {
    margin-right: 10px
}

.margin-20-right-lg {
    margin-right: 20px
}

.margin-30-right-lg {
    margin-right: 30px
}

.margin-40-right-lg {
    margin-right: 40px
}

.margin-50-right-lg {
    margin-right: 50px
}

.margin-60-right-lg {
    margin-right: 60px
}

.margin-100-right-lg {
    margin-right: 100px
}

.margin-140-right-lg {
    margin-right: 140px
}

.margin-190-right-lg {
    margin-right: 190px
}

.margin--30-top-lg {
    margin-top: -30px
}

.margin--20-top-lg {
    margin-top: -20px
}

.margin--10-top-lg {
    margin-top: -10px
}

.margin-0-top-lg {
    margin-top: 0
}

.margin-10-top-lg {
    margin-top: 10px
}

.margin-20-top-lg {
    margin-top: 20px
}

.margin-30-top-lg {
    margin-top: 30px
}

.margin-40-top-lg {
    margin-top: 40px
}

.margin-60-top-lg {
    margin-top: 60px
}

.margin-80-top-lg {
    margin-top: 80px
}

.margin-100-top-lg {
    margin-top: 100px
}

.margin-120-top-lg {
    margin-top: 120px
}

.margin-170-top-lg {
    margin-top: 170px
}

.padding--30-bottom-lg {
    padding-bottom: -30px
}

.padding--20-bottom-lg {
    padding-bottom: -20px
}

.padding--10-bottom-lg {
    padding-bottom: -10px
}

.padding-0-bottom-lg {
    padding-bottom: 0
}

.padding-10-bottom-lg {
    padding-bottom: 10px
}

.padding-20-bottom-lg {
    padding-bottom: 20px
}

.padding-30-bottom-lg {
    padding-bottom: 30px
}

.padding-40-bottom-lg {
    padding-bottom: 40px
}

.padding-60-bottom-lg {
    padding-bottom: 60px
}

.padding-80-bottom-lg {
    padding-bottom: 80px
}

.padding-100-bottom-lg {
    padding-bottom: 100px
}

.padding-120-bottom-lg {
    padding-bottom: 120px
}

.padding-170-bottom-lg {
    padding-bottom: 170px
}

.padding--30-left-lg {
    padding-left: -30px
}

.padding--20-left-lg {
    padding-left: -20px
}

.padding--10-left-lg {
    padding-left: -10px
}

.padding-0-left-lg {
    padding-left: 0
}

.padding-10-left-lg {
    padding-left: 10px
}

.padding-20-left-lg {
    padding-left: 20px
}

.padding-30-left-lg {
    padding-left: 30px
}

.padding-40-left-lg {
    padding-left: 40px
}

.padding-50-left-lg {
    padding-left: 50px
}

.padding-60-left-lg {
    padding-left: 60px
}

.padding-100-left-lg {
    padding-left: 100px
}

.padding-140-left-lg {
    padding-left: 140px
}

.padding-190-left-lg {
    padding-left: 190px
}

.padding--30-right-lg {
    padding-right: -30px
}

.padding--20-right-lg {
    padding-right: -20px
}

.padding--10-right-lg {
    padding-right: -10px
}

.padding-0-right-lg {
    padding-right: 0
}

.padding-10-right-lg {
    padding-right: 10px
}

.padding-20-right-lg {
    padding-right: 20px
}

.padding-30-right-lg {
    padding-right: 30px
}

.padding-40-right-lg {
    padding-right: 40px
}

.padding-50-right-lg {
    padding-right: 50px
}

.padding-60-right-lg {
    padding-right: 60px
}

.padding-100-right-lg {
    padding-right: 100px
}

.padding-140-right-lg {
    padding-right: 140px
}

.padding-190-right-lg {
    padding-right: 190px
}

.padding--30-top-lg {
    padding-top: -30px
}

.padding--20-top-lg {
    padding-top: -20px
}

.padding--10-top-lg {
    padding-top: -10px
}

.padding-0-top-lg {
    padding-top: 0
}

.padding-10-top-lg {
    padding-top: 10px
}

.padding-20-top-lg {
    padding-top: 20px
}

.padding-30-top-lg {
    padding-top: 30px
}

.padding-40-top-lg {
    padding-top: 40px
}

.padding-60-top-lg {
    padding-top: 60px
}

.padding-80-top-lg {
    padding-top: 80px
}

.padding-100-top-lg {
    padding-top: 100px
}

.padding-120-top-lg {
    padding-top: 120px
}

.padding-170-top-lg {
    padding-top: 170px
}

@media(max-width:1311px) {
    .margin--30-bottom-md {
        margin-bottom: -30px
    }

    .margin--20-bottom-md {
        margin-bottom: -20px
    }

    .margin--10-bottom-md {
        margin-bottom: -10px
    }

    .margin-0-bottom-md {
        margin-bottom: 0
    }

    .margin-10-bottom-md {
        margin-bottom: 10px
    }

    .margin-20-bottom-md {
        margin-bottom: 20px
    }

    .margin-30-bottom-md {
        margin-bottom: 30px
    }

    .margin-40-bottom-md {
        margin-bottom: 40px
    }

    .margin-60-bottom-md {
        margin-bottom: 60px
    }

    .margin-80-bottom-md {
        margin-bottom: 80px
    }

    .margin-100-bottom-md {
        margin-bottom: 100px
    }

    .margin-120-bottom-md {
        margin-bottom: 120px
    }

    .margin-170-bottom-md {
        margin-bottom: 170px
    }

    .margin--30-left-md {
        margin-left: -30px
    }

    .margin--20-left-md {
        margin-left: -20px
    }

    .margin--10-left-md {
        margin-left: -10px
    }

    .margin-0-left-md {
        margin-left: 0
    }

    .margin-10-left-md {
        margin-left: 10px
    }

    .margin-20-left-md {
        margin-left: 20px
    }

    .margin-30-left-md {
        margin-left: 30px
    }

    .margin-40-left-md {
        margin-left: 40px
    }

    .margin-50-left-md {
        margin-left: 50px
    }

    .margin-60-left-md {
        margin-left: 60px
    }

    .margin-100-left-md {
        margin-left: 100px
    }

    .margin-140-left-md {
        margin-left: 140px
    }

    .margin-190-left-md {
        margin-left: 190px
    }

    .margin--30-right-md {
        margin-right: -30px
    }

    .margin--20-right-md {
        margin-right: -20px
    }

    .margin--10-right-md {
        margin-right: -10px
    }

    .margin-0-right-md {
        margin-right: 0
    }

    .margin-10-right-md {
        margin-right: 10px
    }

    .margin-20-right-md {
        margin-right: 20px
    }

    .margin-30-right-md {
        margin-right: 30px
    }

    .margin-40-right-md {
        margin-right: 40px
    }

    .margin-50-right-md {
        margin-right: 50px
    }

    .margin-60-right-md {
        margin-right: 60px
    }

    .margin-100-right-md {
        margin-right: 100px
    }

    .margin-140-right-md {
        margin-right: 140px
    }

    .margin-190-right-md {
        margin-right: 190px
    }

    .margin--30-top-md {
        margin-top: -30px
    }

    .margin--20-top-md {
        margin-top: -20px
    }

    .margin--10-top-md {
        margin-top: -10px
    }

    .margin-0-top-md {
        margin-top: 0
    }

    .margin-10-top-md {
        margin-top: 10px
    }

    .margin-20-top-md {
        margin-top: 20px
    }

    .margin-30-top-md {
        margin-top: 30px
    }

    .margin-40-top-md {
        margin-top: 40px
    }

    .margin-60-top-md {
        margin-top: 60px
    }

    .margin-80-top-md {
        margin-top: 80px
    }

    .margin-100-top-md {
        margin-top: 100px
    }

    .margin-120-top-md {
        margin-top: 120px
    }

    .margin-170-top-md {
        margin-top: 170px
    }

    .padding--30-bottom-md {
        padding-bottom: -30px
    }

    .padding--20-bottom-md {
        padding-bottom: -20px
    }

    .padding--10-bottom-md {
        padding-bottom: -10px
    }

    .padding-0-bottom-md {
        padding-bottom: 0
    }

    .padding-10-bottom-md {
        padding-bottom: 10px
    }

    .padding-20-bottom-md {
        padding-bottom: 20px
    }

    .padding-30-bottom-md {
        padding-bottom: 30px
    }

    .padding-40-bottom-md {
        padding-bottom: 40px
    }

    .padding-60-bottom-md {
        padding-bottom: 60px
    }

    .padding-80-bottom-md {
        padding-bottom: 80px
    }

    .padding-100-bottom-md {
        padding-bottom: 100px
    }

    .padding-120-bottom-md {
        padding-bottom: 120px
    }

    .padding-170-bottom-md {
        padding-bottom: 170px
    }

    .padding--30-left-md {
        padding-left: -30px
    }

    .padding--20-left-md {
        padding-left: -20px
    }

    .padding--10-left-md {
        padding-left: -10px
    }

    .padding-0-left-md {
        padding-left: 0
    }

    .padding-10-left-md {
        padding-left: 10px
    }

    .padding-20-left-md {
        padding-left: 20px
    }

    .padding-30-left-md {
        padding-left: 30px
    }

    .padding-40-left-md {
        padding-left: 40px
    }

    .padding-50-left-md {
        padding-left: 50px
    }

    .padding-60-left-md {
        padding-left: 60px
    }

    .padding-100-left-md {
        padding-left: 100px
    }

    .padding-140-left-md {
        padding-left: 140px
    }

    .padding-190-left-md {
        padding-left: 190px
    }

    .padding--30-right-md {
        padding-right: -30px
    }

    .padding--20-right-md {
        padding-right: -20px
    }

    .padding--10-right-md {
        padding-right: -10px
    }

    .padding-0-right-md {
        padding-right: 0
    }

    .padding-10-right-md {
        padding-right: 10px
    }

    .padding-20-right-md {
        padding-right: 20px
    }

    .padding-30-right-md {
        padding-right: 30px
    }

    .padding-40-right-md {
        padding-right: 40px
    }

    .padding-50-right-md {
        padding-right: 50px
    }

    .padding-60-right-md {
        padding-right: 60px
    }

    .padding-100-right-md {
        padding-right: 100px
    }

    .padding-140-right-md {
        padding-right: 140px
    }

    .padding-190-right-md {
        padding-right: 190px
    }

    .padding--30-top-md {
        padding-top: -30px
    }

    .padding--20-top-md {
        padding-top: -20px
    }

    .padding--10-top-md {
        padding-top: -10px
    }

    .padding-0-top-md {
        padding-top: 0
    }

    .padding-10-top-md {
        padding-top: 10px
    }

    .padding-20-top-md {
        padding-top: 20px
    }

    .padding-30-top-md {
        padding-top: 30px
    }

    .padding-40-top-md {
        padding-top: 40px
    }

    .padding-60-top-md {
        padding-top: 60px
    }

    .padding-80-top-md {
        padding-top: 80px
    }

    .padding-100-top-md {
        padding-top: 100px
    }

    .padding-120-top-md {
        padding-top: 120px
    }

    .padding-170-top-md {
        padding-top: 170px
    }
}

@media(max-width:1023px) {
    .margin--30-bottom-sm {
        margin-bottom: -30px
    }

    .margin--20-bottom-sm {
        margin-bottom: -20px
    }

    .margin--10-bottom-sm {
        margin-bottom: -10px
    }

    .margin-0-bottom-sm {
        margin-bottom: 0
    }

    .margin-10-bottom-sm {
        margin-bottom: 10px
    }

    .margin-20-bottom-sm {
        margin-bottom: 20px
    }

    .margin-30-bottom-sm {
        margin-bottom: 30px
    }

    .margin-40-bottom-sm {
        margin-bottom: 40px
    }

    .margin-60-bottom-sm {
        margin-bottom: 60px
    }

    .margin-80-bottom-sm {
        margin-bottom: 80px
    }

    .margin-100-bottom-sm {
        margin-bottom: 100px
    }

    .margin-120-bottom-sm {
        margin-bottom: 120px
    }

    .margin-170-bottom-sm {
        margin-bottom: 170px
    }

    .margin--30-left-sm {
        margin-left: -30px
    }

    .margin--20-left-sm {
        margin-left: -20px
    }

    .margin--10-left-sm {
        margin-left: -10px
    }

    .margin-0-left-sm {
        margin-left: 0
    }

    .margin-10-left-sm {
        margin-left: 10px
    }

    .margin-20-left-sm {
        margin-left: 20px
    }

    .margin-30-left-sm {
        margin-left: 30px
    }

    .margin-40-left-sm {
        margin-left: 40px
    }

    .margin-50-left-sm {
        margin-left: 50px
    }

    .margin-60-left-sm {
        margin-left: 60px
    }

    .margin-100-left-sm {
        margin-left: 100px
    }

    .margin-140-left-sm {
        margin-left: 140px
    }

    .margin-190-left-sm {
        margin-left: 190px
    }

    .margin--30-right-sm {
        margin-right: -30px
    }

    .margin--20-right-sm {
        margin-right: -20px
    }

    .margin--10-right-sm {
        margin-right: -10px
    }

    .margin-0-right-sm {
        margin-right: 0
    }

    .margin-10-right-sm {
        margin-right: 10px
    }

    .margin-20-right-sm {
        margin-right: 20px
    }

    .margin-30-right-sm {
        margin-right: 30px
    }

    .margin-40-right-sm {
        margin-right: 40px
    }

    .margin-50-right-sm {
        margin-right: 50px
    }

    .margin-60-right-sm {
        margin-right: 60px
    }

    .margin-100-right-sm {
        margin-right: 100px
    }

    .margin-140-right-sm {
        margin-right: 140px
    }

    .margin-190-right-sm {
        margin-right: 190px
    }

    .margin--30-top-sm {
        margin-top: -30px
    }

    .margin--20-top-sm {
        margin-top: -20px
    }

    .margin--10-top-sm {
        margin-top: -10px
    }

    .margin-0-top-sm {
        margin-top: 0
    }

    .margin-10-top-sm {
        margin-top: 10px
    }

    .margin-20-top-sm {
        margin-top: 20px
    }

    .margin-30-top-sm {
        margin-top: 30px
    }

    .margin-40-top-sm {
        margin-top: 40px
    }

    .margin-60-top-sm {
        margin-top: 60px
    }

    .margin-80-top-sm {
        margin-top: 80px
    }

    .margin-100-top-sm {
        margin-top: 100px
    }

    .margin-120-top-sm {
        margin-top: 120px
    }

    .margin-170-top-sm {
        margin-top: 170px
    }

    .padding--30-bottom-sm {
        padding-bottom: -30px
    }

    .padding--20-bottom-sm {
        padding-bottom: -20px
    }

    .padding--10-bottom-sm {
        padding-bottom: -10px
    }

    .padding-0-bottom-sm {
        padding-bottom: 0
    }

    .padding-10-bottom-sm {
        padding-bottom: 10px
    }

    .padding-20-bottom-sm {
        padding-bottom: 20px
    }

    .padding-30-bottom-sm {
        padding-bottom: 30px
    }

    .padding-40-bottom-sm {
        padding-bottom: 40px
    }

    .padding-60-bottom-sm {
        padding-bottom: 60px
    }

    .padding-80-bottom-sm {
        padding-bottom: 80px
    }

    .padding-100-bottom-sm {
        padding-bottom: 100px
    }

    .padding-120-bottom-sm {
        padding-bottom: 120px
    }

    .padding-170-bottom-sm {
        padding-bottom: 170px
    }

    .padding--30-left-sm {
        padding-left: -30px
    }

    .padding--20-left-sm {
        padding-left: -20px
    }

    .padding--10-left-sm {
        padding-left: -10px
    }

    .padding-0-left-sm {
        padding-left: 0
    }

    .padding-10-left-sm {
        padding-left: 10px
    }

    .padding-20-left-sm {
        padding-left: 20px
    }

    .padding-30-left-sm {
        padding-left: 30px
    }

    .padding-40-left-sm {
        padding-left: 40px
    }

    .padding-50-left-sm {
        padding-left: 50px
    }

    .padding-60-left-sm {
        padding-left: 60px
    }

    .padding-100-left-sm {
        padding-left: 100px
    }

    .padding-140-left-sm {
        padding-left: 140px
    }

    .padding-190-left-sm {
        padding-left: 190px
    }

    .padding--30-right-sm {
        padding-right: -30px
    }

    .padding--20-right-sm {
        padding-right: -20px
    }

    .padding--10-right-sm {
        padding-right: -10px
    }

    .padding-0-right-sm {
        padding-right: 0
    }

    .padding-10-right-sm {
        padding-right: 10px
    }

    .padding-20-right-sm {
        padding-right: 20px
    }

    .padding-30-right-sm {
        padding-right: 30px
    }

    .padding-40-right-sm {
        padding-right: 40px
    }

    .padding-50-right-sm {
        padding-right: 50px
    }

    .padding-60-right-sm {
        padding-right: 60px
    }

    .padding-100-right-sm {
        padding-right: 100px
    }

    .padding-140-right-sm {
        padding-right: 140px
    }

    .padding-190-right-sm {
        padding-right: 190px
    }

    .padding--30-top-sm {
        padding-top: -30px
    }

    .padding--20-top-sm {
        padding-top: -20px
    }

    .padding--10-top-sm {
        padding-top: -10px
    }

    .padding-0-top-sm {
        padding-top: 0
    }

    .padding-10-top-sm {
        padding-top: 10px
    }

    .padding-20-top-sm {
        padding-top: 20px
    }

    .padding-30-top-sm {
        padding-top: 30px
    }

    .padding-40-top-sm {
        padding-top: 40px
    }

    .padding-60-top-sm {
        padding-top: 60px
    }

    .padding-80-top-sm {
        padding-top: 80px
    }

    .padding-100-top-sm {
        padding-top: 100px
    }

    .padding-120-top-sm {
        padding-top: 120px
    }

    .padding-170-top-sm {
        padding-top: 170px
    }
}

@media(max-width:767px) {
    .margin--30-bottom-xs {
        margin-bottom: -30px
    }

    .margin--20-bottom-xs {
        margin-bottom: -20px
    }

    .margin--10-bottom-xs {
        margin-bottom: -10px
    }

    .margin-0-bottom-xs {
        margin-bottom: 0
    }

    .margin-10-bottom-xs {
        margin-bottom: 10px
    }

    .margin-20-bottom-xs {
        margin-bottom: 20px
    }

    .margin-30-bottom-xs {
        margin-bottom: 30px
    }

    .margin-40-bottom-xs {
        margin-bottom: 40px
    }

    .margin-60-bottom-xs {
        margin-bottom: 60px
    }

    .margin-80-bottom-xs {
        margin-bottom: 80px
    }

    .margin-100-bottom-xs {
        margin-bottom: 100px
    }

    .margin-120-bottom-xs {
        margin-bottom: 120px
    }

    .margin-170-bottom-xs {
        margin-bottom: 170px
    }

    .margin--30-left-xs {
        margin-left: -30px
    }

    .margin--20-left-xs {
        margin-left: -20px
    }

    .margin--10-left-xs {
        margin-left: -10px
    }

    .margin-0-left-xs {
        margin-left: 0
    }

    .margin-10-left-xs {
        margin-left: 10px
    }

    .margin-20-left-xs {
        margin-left: 20px
    }

    .margin-30-left-xs {
        margin-left: 30px
    }

    .margin-40-left-xs {
        margin-left: 40px
    }

    .margin-50-left-xs {
        margin-left: 50px
    }

    .margin-60-left-xs {
        margin-left: 60px
    }

    .margin-100-left-xs {
        margin-left: 100px
    }

    .margin-140-left-xs {
        margin-left: 140px
    }

    .margin-190-left-xs {
        margin-left: 190px
    }

    .margin--30-right-xs {
        margin-right: -30px
    }

    .margin--20-right-xs {
        margin-right: -20px
    }

    .margin--10-right-xs {
        margin-right: -10px
    }

    .margin-0-right-xs {
        margin-right: 0
    }

    .margin-10-right-xs {
        margin-right: 10px
    }

    .margin-20-right-xs {
        margin-right: 20px
    }

    .margin-30-right-xs {
        margin-right: 30px
    }

    .margin-40-right-xs {
        margin-right: 40px
    }

    .margin-50-right-xs {
        margin-right: 50px
    }

    .margin-60-right-xs {
        margin-right: 60px
    }

    .margin-100-right-xs {
        margin-right: 100px
    }

    .margin-140-right-xs {
        margin-right: 140px
    }

    .margin-190-right-xs {
        margin-right: 190px
    }

    .margin--30-top-xs {
        margin-top: -30px
    }

    .margin--20-top-xs {
        margin-top: -20px
    }

    .margin--10-top-xs {
        margin-top: -10px
    }

    .margin-0-top-xs {
        margin-top: 0
    }

    .margin-10-top-xs {
        margin-top: 10px
    }

    .margin-20-top-xs {
        margin-top: 20px
    }

    .margin-30-top-xs {
        margin-top: 30px
    }

    .margin-40-top-xs {
        margin-top: 40px
    }

    .margin-60-top-xs {
        margin-top: 60px
    }

    .margin-80-top-xs {
        margin-top: 80px
    }

    .margin-100-top-xs {
        margin-top: 100px
    }

    .margin-120-top-xs {
        margin-top: 120px
    }

    .margin-170-top-xs {
        margin-top: 170px
    }

    .padding--30-bottom-xs {
        padding-bottom: -30px
    }

    .padding--20-bottom-xs {
        padding-bottom: -20px
    }

    .padding--10-bottom-xs {
        padding-bottom: -10px
    }

    .padding-0-bottom-xs {
        padding-bottom: 0
    }

    .padding-10-bottom-xs {
        padding-bottom: 10px
    }

    .padding-20-bottom-xs {
        padding-bottom: 20px
    }

    .padding-30-bottom-xs {
        padding-bottom: 30px
    }

    .padding-40-bottom-xs {
        padding-bottom: 40px
    }

    .padding-60-bottom-xs {
        padding-bottom: 60px
    }

    .padding-80-bottom-xs {
        padding-bottom: 80px
    }

    .padding-100-bottom-xs {
        padding-bottom: 100px
    }

    .padding-120-bottom-xs {
        padding-bottom: 120px
    }

    .padding-170-bottom-xs {
        padding-bottom: 170px
    }

    .padding--30-left-xs {
        padding-left: -30px
    }

    .padding--20-left-xs {
        padding-left: -20px
    }

    .padding--10-left-xs {
        padding-left: -10px
    }

    .padding-0-left-xs {
        padding-left: 0
    }

    .padding-10-left-xs {
        padding-left: 10px
    }

    .padding-20-left-xs {
        padding-left: 20px
    }

    .padding-30-left-xs {
        padding-left: 30px
    }

    .padding-40-left-xs {
        padding-left: 40px
    }

    .padding-50-left-xs {
        padding-left: 50px
    }

    .padding-60-left-xs {
        padding-left: 60px
    }

    .padding-100-left-xs {
        padding-left: 100px
    }

    .padding-140-left-xs {
        padding-left: 140px
    }

    .padding-190-left-xs {
        padding-left: 190px
    }

    .padding--30-right-xs {
        padding-right: -30px
    }

    .padding--20-right-xs {
        padding-right: -20px
    }

    .padding--10-right-xs {
        padding-right: -10px
    }

    .padding-0-right-xs {
        padding-right: 0
    }

    .padding-10-right-xs {
        padding-right: 10px
    }

    .padding-20-right-xs {
        padding-right: 20px
    }

    .padding-30-right-xs {
        padding-right: 30px
    }

    .padding-40-right-xs {
        padding-right: 40px
    }

    .padding-50-right-xs {
        padding-right: 50px
    }

    .padding-60-right-xs {
        padding-right: 60px
    }

    .padding-100-right-xs {
        padding-right: 100px
    }

    .padding-140-right-xs {
        padding-right: 140px
    }

    .padding-190-right-xs {
        padding-right: 190px
    }

    .padding--30-top-xs {
        padding-top: -30px
    }

    .padding--20-top-xs {
        padding-top: -20px
    }

    .padding--10-top-xs {
        padding-top: -10px
    }

    .padding-0-top-xs {
        padding-top: 0
    }

    .padding-10-top-xs {
        padding-top: 10px
    }

    .padding-20-top-xs {
        padding-top: 20px
    }

    .padding-30-top-xs {
        padding-top: 30px
    }

    .padding-40-top-xs {
        padding-top: 40px
    }

    .padding-60-top-xs {
        padding-top: 60px
    }

    .padding-80-top-xs {
        padding-top: 80px
    }

    .padding-100-top-xs {
        padding-top: 100px
    }

    .padding-120-top-xs {
        padding-top: 120px
    }

    .padding-170-top-xs {
        padding-top: 170px
    }
}

.spacer {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0
}

.from-tms {
    position: absolute;
    height: 0
}

#conversion-tracking {
    position: fixed;
    height: 0
}

.live-chat-modal {
    display: none;
    width: 520px;
    position: fixed;
    top: 0;
    left: 50%;
    margin-top: 300px;
    margin-top: 25vh;
    margin-left: -260px;
    border: 10px solid rgba(255,255,255,0.7);
    z-index: 1000
}

@media(max-width:1023px) {
    .live-chat-modal {
        display: none !important
    }
}

.highlightComponent {
    position: relative
}

.highlightComponent .container-fluid {
    z-index: 1;
    position: relative
}

.outer-highlight {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0
}

.highlight-container {
    position: relative
}

@media(min-width:1312px) {
    .highlight,.highlight-container {
        max-width: 417px;
        width: 100%;
        max-height: 235px;
        height: 235px;
        cursor: pointer
    }

    .outer-highlight {
        overflow: hidden;
        max-width: 417px;
        max-height: 235px
    }
}

@media(max-width:1311px) {
    .highlight,.highlight-container {
        max-width: 373px;
        width: 100%;
        max-height: 210px;
        height: 210px;
        cursor: pointer
    }

    .outer-highlight {
        overflow: hidden;
        max-width: 373px;
        max-height: 210px
    }
}

@media(max-width:1023px) {
    .highlight,.highlight-container {
        max-width: 344px;
        width: 100%;
        max-height: 193px;
        height: 193px;
        cursor: pointer
    }

    .outer-highlight {
        overflow: hidden;
        max-width: 344px;
        max-height: 193px
    }
}

@media(max-width:767px) {
    .highlight,.highlight-container {
        max-width: 280px;
        width: 100%;
        max-height: 158px;
        height: 158px;
        cursor: pointer
    }

    .highlight-container {
        margin-left: auto;
        margin-right: auto
    }

    .outer-highlight {
        overflow: hidden;
        max-width: 280px;
        max-height: 158px
    }
}

.image-background {
    margin: 0;
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: relative
}

.highlight-container:hover .image-background {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02)
}

.highlight-container:hover .icon-container.zoom-icon {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

@media(min-width:1312px) {
    .icon-container {
        height: 50px;
        width: 50px;
        margin-top: 40px;
        margin-left: 40px;
        position: relative;
        -webkit-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out
    }

    .highlight-icon {
        color: #fff;
        font-size: 50px
    }
}

@media(max-width:1311px) {
    .icon-container {
        height: 50px;
        width: 50px;
        margin-top: 30px;
        margin-left: 30px;
        position: relative;
        -webkit-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out
    }

    .highlight-icon {
        color: #fff;
        font-size: 50px
    }
}

@media(max-width:1023px) {
    .icon-container {
        height: 40px;
        width: 40px;
        margin-top: 25px;
        margin-left: 25px;
        position: relative;
        -webkit-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out
    }

    .highlight-icon {
        color: #fff;
        font-size: 40px
    }
}

@media(max-width:767px) {
    .icon-container {
        height: 30px;
        width: 30px;
        margin-top: 25px;
        margin-left: 23px;
        position: relative;
        -webkit-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out
    }

    .highlight-icon {
        color: #fff;
        font-size: 30px
    }

    .highlightComponent .h3 {
        font-weight: normal;
        font-size: 18px !important;
        line-height: 21.6px !important
    }

    .highlightComponent .h3 .img-responsive {
        display: inline-block;
        vertical-align: top
    }
}

@media(max-width:767px) and (max-width:767px) {
    .highlightComponent .h3 {
        font-size: 18px !important;
        line-height: 21.6px !important
    }
}

.award-col-left {
    padding-left: 16px;
    padding-right: 4px
}

.award-col-right {
    padding-left: 4px;
    padding-right: 16px
}

.award-col img {
    margin-left: auto;
    margin-right: auto
}

.highlight-container:hover .bg-cirrus {
    background-color: #005788 !important
}

.highlight-container:hover .bg-brand-sales {
    background-color: #2375c9 !important
}

.highlight-container:hover .bg-brand-service {
    background-color: #773096 !important
}

.highlight-container:hover .bg-brand-marketing {
    background-color: #ba6d00 !important
}

.highlight-container:hover .bg-brand-communities {
    background-color: #db9800 !important
}

.highlight-container:hover .bg-brand-analytics {
    background-color: #007f79 !important
}

.highlight-container:hover .highlight.bg-brand-platform {
    background-color: #000d3e !important
}

.highlight-container:hover .bg-brand-iot {
    background-color: #000d3e !important
}

.highlight-container:hover .bg-brand-smb {
    background-color: #0096ac !important
}

.highlight-container:hover .bg-brand-industries {
    background-color: #0078a8 !important
}

.highlight-container:hover .bg-brand-e-commerce {
    background-color: #608a00 !important
}

.highlight-container:hover .bg-brand-e-commerce-light {
    background-color: #73a400 !important
}

.highlight-container:hover .bg-brand-einstein {
    background-color: #007cad !important
}

.highlight-container:hover .bg-brand-blue {
    background-color: #007cad !important
}

.social-media-links a {
    font-size: 26px
}

.socialMediaSharingComponent .share-icon {
    display: block;
    float: left;
    margin-right: 10px
}

@media(max-width:768px) {
    .socialMediaSharingComponent .share-icon.h3lg {
        font-size: 18px !important;
        line-height: 21.6px !important;
        margin-right: 0
    }
}

.socialMediaSharingComponent .share-icon a {
    width: 30px;
    height: 30px;
    display: block
}

.socialMediaSharingComponent .share-icon a:hover .text-snow {
    color: #e6e6e6
}

.socialMediaSharingComponent .share-icon a:hover .text-frost {
    color: #e1e1e1
}

.socialMediaSharingComponent .share-icon a:hover .text-karl-the-fog {
    color: #dbdbdb
}

.socialMediaSharingComponent .share-icon a:hover .text-haze {
    color: #a9a9a9
}

.socialMediaSharingComponent .share-icon a:hover .text-mist {
    color: #bccacc
}

.socialMediaSharingComponent .share-icon a:hover .text-rain {
    color: #97b1c0
}

.socialMediaSharingComponent .share-icon a:hover .text-altostratus {
    color: #3c5a6a
}

.socialMediaSharingComponent .share-icon a:hover .text-stratus {
    color: #001419
}

.socialMediaSharingComponent .share-icon a:hover .text-gray {
    color: #373737
}

.socialMediaSharingComponent .share-icon a:hover .text-cirrus {
    color: #005788
}

.socialMediaSharingComponent .share-icon a:hover .text-nimbostratus {
    color: #00355d
}

.socialMediaSharingComponent .share-icon a:hover .text-cumulus {
    color: #001527
}

.socialMediaSharingComponent .share-icon a:hover .text-cumulonimbus {
    color: #000811
}

.socialMediaSharingComponent .share-icon a:hover .text-black-ice {
    color: #373737
}

.socialMediaSharingComponent .share-icon a:hover .text-night {
    color: #080808
}

.socialMediaSharingComponent .share-icon a:hover .text-salesforce-gray {
    color: #646c72
}

.socialMediaSharingComponent .share-icon-row:before,.socialMediaSharingComponent .share-icon-row:after {
    content: " ";
    display: table
}

.socialMediaSharingComponent .share-icon-row:after {
    clear: both
}

.socialMediaSharingComponent .share-icon-row:before,.socialMediaSharingComponent .share-icon-row:after {
    content: " ";
    display: table
}

.socialMediaSharingComponent .share-icon-row:after {
    clear: both
}

.tallHighlightComponent {
    position: relative
}

.tallHighlightComponent .container-fluid {
    z-index: 1;
    position: relative
}

.tallHighlightComponent .btn-container {
    margin-left: auto;
    margin-right: auto
}

.tallHighlightComponent .outer-btn-container {
    position: absolute;
    bottom: 10%;
    text-align: center;
    width: 100%;
    height: auto
}

.tallHighlightComponent .outer-btn-container .buttonCTAItemComponent {
    position: relative;
    z-index: 1
}

.tallHighlightComponent .outer-tall-highlight {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0
}

@media(min-width:1312px) {
    .tallHighlightComponent .tall-highlight,.tallHighlightComponent .tall-highlight-container {
        max-width: 417px;
        width: 100%;
        height: 684px;
        cursor: pointer
    }

    .tallHighlightComponent .outer-tall-highlight {
        overflow: hidden;
        max-width: 417px;
        max-height: 684px
    }
}

@media(max-width:1311px) {
    .tallHighlightComponent .tall-highlight,.tallHighlightComponent .tall-highlight-container {
        max-width: 373px;
        width: 100%;
        height: 612px;
        cursor: pointer
    }

    .tallHighlightComponent .outer-tall-highlight {
        overflow: hidden;
        max-width: 373px;
        max-height: 612px
    }
}

@media(max-width:1023px) {
    .tallHighlightComponent .tall-highlight,.tallHighlightComponent .tall-highlight-container {
        max-width: 344px;
        width: 100%;
        height: 564px;
        cursor: pointer
    }

    .tallHighlightComponent .outer-tall-highlight {
        overflow: hidden;
        max-width: 344px;
        max-height: 564px
    }
}

@media(max-width:767px) {
    .tallHighlightComponent .tall-highlight,.tallHighlightComponent .tall-highlight-container {
        max-width: 280px;
        width: 100%;
        height: 459px;
        cursor: pointer
    }

    .tallHighlightComponent .tall-highlight-container {
        margin-left: auto;
        margin-right: auto
    }

    .tallHighlightComponent .outer-tall-highlight {
        overflow: hidden;
        max-width: 280px;
        max-height: 459px
    }
}

.tallHighlightComponent .tall-highlight-container:hover .image-background {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02)
}

.tallHighlightComponent .image-background {
    margin: 0;
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: relative
}

@media(max-width:768px) {
    .tallHighlightComponent .outer-btn-container.cta-at-mobile.text-snow a.btn span {
        color: #fff
    }

    .tallHighlightComponent .outer-btn-container.cta-at-mobile.text-snow a.btn:hover span {
        color: #e6e6e6
    }
}

@media(max-width:768px) {
    .tallHighlightComponent .outer-btn-container.cta-at-mobile .btn {
        color: #07b;
        border-radius: 0;
        font-family: 'SalesforceSansBold' !important;
        padding: 0;
        height: auto;
        text-align: left;
        white-space: normal
    }

    .tallHighlightComponent .outer-btn-container.cta-at-mobile .btn,.tallHighlightComponent .outer-btn-container.cta-at-mobile .btn:active,.tallHighlightComponent .outer-btn-container.cta-at-mobile .btn.active,.tallHighlightComponent .outer-btn-container.cta-at-mobile .btn[disabled],fieldset[disabled] .tallHighlightComponent .outer-btn-container.cta-at-mobile .btn {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .tallHighlightComponent .outer-btn-container.cta-at-mobile .btn,.tallHighlightComponent .outer-btn-container.cta-at-mobile .btn:hover,.tallHighlightComponent .outer-btn-container.cta-at-mobile .btn:focus,.tallHighlightComponent .outer-btn-container.cta-at-mobile .btn:active {
        border-color: transparent;
        -webkit-box-shadow: 0;
        box-shadow: 0
    }

    .tallHighlightComponent .outer-btn-container.cta-at-mobile .btn:hover,.tallHighlightComponent .outer-btn-container.cta-at-mobile .btn:focus {
        color: #003c4c;
        text-decoration: none;
        background-color: transparent
    }

    .tallHighlightComponent .outer-btn-container.cta-at-mobile .btn[disabled]:hover,fieldset[disabled] .tallHighlightComponent .outer-btn-container.cta-at-mobile .btn:hover,.tallHighlightComponent .outer-btn-container.cta-at-mobile .btn[disabled]:focus,fieldset[disabled] .tallHighlightComponent .outer-btn-container.cta-at-mobile .btn:focus {
        color: #979fa5;
        text-decoration: none
    }

    .tallHighlightComponent .outer-btn-container.cta-at-mobile .btn .icon-sfdc-icon-right-arrow {
        font-size: 9px;
        font-weight: bold
    }
}

.tallHighlightComponent .tall-highlight-container:hover .bg-cirrus {
    background-color: #005788 !important
}

.tallHighlightComponent .tall-highlight-container:hover .bg-brand-sales {
    background-color: #2375c9 !important
}

.tallHighlightComponent .tall-highlight-container:hover .bg-brand-service {
    background-color: #773096 !important
}

.tallHighlightComponent .tall-highlight-container:hover .bg-brand-marketing {
    background-color: #ba6d00 !important
}

.tallHighlightComponent .tall-highlight-container:hover .bg-brand-communities {
    background-color: #db9800 !important
}

.tallHighlightComponent .tall-highlight-container:hover .bg-brand-analytics {
    background-color: #007f79 !important
}

.tallHighlightComponent .tall-highlight-container:hover .highlight.bg-brand-platform {
    background-color: #000d3e !important
}

.tallHighlightComponent .tall-highlight-container:hover .bg-brand-iot {
    background-color: #000d3e !important
}

.tallHighlightComponent .tall-highlight-container:hover .bg-brand-iot-light {
    background-color: #003488 !important
}

.tallHighlightComponent .tall-highlight-container:hover .bg-brand-platform {
    background-color: #000d3e !important
}

.tallHighlightComponent .tall-highlight-container:hover .bg-brand-smb {
    background-color: #0096ac !important
}

.tallHighlightComponent .tall-highlight-container:hover .bg-brand-industries {
    background-color: #0078a8 !important
}

.tallHighlightComponent .tall-highlight-container:hover .bg-brand-e-commerce {
    background-color: #608a00 !important
}

.tallHighlightComponent .tall-highlight-container:hover .bg-brand-e-commerce-light {
    background-color: #73a400 !important
}

.tallHighlightComponent .tall-highlight-container:hover .bg-brand-einstein {
    background-color: #007cad !important
}

.tallHighlightComponent .tall-highlight-container:hover .bg-brand-blue {
    background-color: #007cad !important
}

.tall-highlight-container {
    position: relative
}

.navbar .navbar-brand a {
    padding: 0
}

.navbar .img-responsive {
    margin: 10px 0
}

@media(min-width:1024px) and (max-width:1311px) {
    .navbar .navbar-header .phone-number {
        float: left;
        position: relative;
        top: 13px
    }
}

.navbar .navbar-header .phone-number .phoneNumberComponent {
    margin-left: 5px;
    display: inline-block
}

@media(min-width:1024px) and (max-width:1311px) {
    .navbar .navbar-header .phone-number .phoneNumberComponent {
        display: block
    }
}

.navbar .navbar-header .phone-number .phoneNumberComponent .phoneNumberImage {
    max-height: 50px
}

.navbar .navbar-header .phone-number .display-phone,.navbar .navbar-header .phone-number .dialing-phone,.navbar .navbar-header .phone-number .phone-lead {
    font-size: 12px !important
}

@media(min-width:1024px) and (max-width:1311px) {
    .navbar .navbar-header .phone-number .phone-lead,.navbar .navbar-header .phone-number .display-phone {
        font-size: 11px !important
    }
}

@media(max-width:1024px) {
    .navbar .navbar-header .phone-number.search-active .phone-lead {
        display: none
    }
}

.navbar-expandable-container .img-responsive {
    width: 100%
}

@media(min-width:1025px) {
    .navbar_free_trial>.btn-container {
        margin-top: 5px !important
    }
}

.expandableNavigationBarComponent .navbar-header-container {
    padding: 0
}

@media(min-width:1312px) {
    .nav-container.navbar-links-container {
        padding-left: 121px
    }
}

@media(max-width:1311px) and (min-width:1025px) {
    .navbar-links-container {
        position: relative
    }

    .navbar-links-container .buttonCTAItemComponent.navbar_free_trial {
        position: absolute;
        margin-top: 0 !important;
        right: 0;
        top: 0
    }

    .navbar-links-container .main-menu {
        margin-left: -8px
    }

    .navbar-links-container .main-menu .primary-menu-item+.secondary-menu-item {
        margin-left: 20px
    }
}

body.lock-position {
    overflow: hidden;
    position: fixed;
    height: 100%;
    width: 100%
}

@media(max-width:1024px) {
    .navbar {
        min-height: initial
    }

    .navbar .navbar-brand a {
        padding: 0
    }

    .navbar .img-responsive {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transtion: all .5s;
        height: 41px;
        width: 60px;
        margin: 7px 0 7px 20px
    }

    .navbar-default {
        background-color: #fff;
        border: 0
    }

    .navbar-header-container {
        padding-left: 0;
        padding-right: 0;
        border-bottom: 0
    }

    .navbar-header-container .navbar-header {
        height: 54px;
        width: 100%
    }

    .navbar-header-container .navbar-header .navbar-toggle {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transtion: all .5s;
        margin: 0;
        border: 0;
        background: #e4f1f9;
        color: #00a1e0;
        cursor: pointer;
        height: 54px;
        width: 54px;
        padding: 0 13px;
        border-radius: 0;
        margin-right: 0
    }

    .isc .navbar-header-container .navbar-header .navbar-toggle {
        margin-right: 0
    }

    .navbar-header-container .navbar-header .navbar-toggle span {
        background-color: #00a1e0;
        width: 29px;
        height: 4px;
        margin: 5px 0
    }

    .navbar-header-container .navbar-header .navbar-toggle:hover {
        background: #e4f1f9
    }

    .nav-container .btn-container {
        position: absolute;
        right: 0;
        top: 0
    }

    .nav-container .buttonCTAItemComponent.navbar_free_trial {
        display: block;
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .nav-container .buttonCTAItemComponent .btn-container a.btn-nav {
        background-color: #00a1e0;
        border: 0;
        border-radius: 0;
        text-transform: uppercase;
        font-family: 'SalesforceSansBold';
        height: 54px;
        box-shadow: none
    }

    .nav-overlay-drawer {
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
        overflow-x: hidden;
        background-color: #f4f4f4
    }

    .nav-overlay-drawer .navbar-nav {
        height: calc(101%)
    }

    .nav-overlay-drawer .navbar-nav li a.primary-nav-link,.nav-overlay-drawer .navbar-nav li.dropdown a.primary-nav-link,.nav-overlay-drawer .navbar-nav li a.secondary-nav-link,.nav-overlay-drawer .navbar-nav li.dropdown a.secondary-nav-link,.nav-overlay-drawer .navbar-nav li a.primary-nav-sublink,.nav-overlay-drawer .navbar-nav li.dropdown a.primary-nav-sublink,.nav-overlay-drawer .navbar-nav li a.secondary-nav-sublink,.nav-overlay-drawer .navbar-nav li.dropdown a.secondary-nav-sublink,.nav-overlay-drawer .navbar-nav li .login-link,.nav-overlay-drawer .navbar-nav li.dropdown .login-link {
        border-bottom: 1px solid #ccc;
        color: #505050
    }

    .nav-overlay-drawer .navbar-nav li a.primary-nav-link,.nav-overlay-drawer .navbar-nav li.dropdown a.primary-nav-link,.nav-overlay-drawer .navbar-nav li a.secondary-nav-link,.nav-overlay-drawer .navbar-nav li.dropdown a.secondary-nav-link,.nav-overlay-drawer .navbar-nav li .login-link,.nav-overlay-drawer .navbar-nav li.dropdown .login-link {
        text-transform: uppercase;
        border-bottom: 1px solid #ccc
    }

    .nav-overlay-drawer .navbar-nav li a.primary-nav-link .icon-sfdc-icon-login,.nav-overlay-drawer .navbar-nav li.dropdown a.primary-nav-link .icon-sfdc-icon-login,.nav-overlay-drawer .navbar-nav li a.secondary-nav-link .icon-sfdc-icon-login,.nav-overlay-drawer .navbar-nav li.dropdown a.secondary-nav-link .icon-sfdc-icon-login,.nav-overlay-drawer .navbar-nav li .login-link .icon-sfdc-icon-login,.nav-overlay-drawer .navbar-nav li.dropdown .login-link .icon-sfdc-icon-login {
        display: none
    }

    .nav-overlay-drawer .navbar-nav li a.primary-nav-link,.nav-overlay-drawer .navbar-nav li.dropdown a.primary-nav-link {
        background-color: #e4f1f9
    }

    .nav-overlay-drawer .navbar-nav li a.primary-nav-sublink,.nav-overlay-drawer .navbar-nav li.dropdown a.primary-nav-sublink {
        color: #fff;
        background-color: #1a9dd5;
        border-bottom-color: #7fceef
    }

    .nav-overlay-drawer .navbar-nav li a.primary-nav-sublink.alt,.nav-overlay-drawer .navbar-nav li.dropdown a.primary-nav-sublink.alt {
        background-color: #005290;
        border-bottom-color: #1198ff
    }

    .nav-overlay-drawer .navbar-nav li a.primary-nav-sublink:active,.nav-overlay-drawer .navbar-nav li.dropdown a.primary-nav-sublink:active,.nav-overlay-drawer .navbar-nav li a.primary-nav-sublink:hover,.nav-overlay-drawer .navbar-nav li.dropdown a.primary-nav-sublink:hover {
        background-color: #07b
    }

    .nav-overlay-drawer .navbar-nav li a.secondary-nav-sublink,.nav-overlay-drawer .navbar-nav li.dropdown a.secondary-nav-sublink {
        color: #fff;
        background-color: #7f8a90
    }

    .nav-overlay-drawer .navbar-nav li a.secondary-nav-sublink:active,.nav-overlay-drawer .navbar-nav li.dropdown a.secondary-nav-sublink:active,.nav-overlay-drawer .navbar-nav li a.secondary-nav-sublink:hover,.nav-overlay-drawer .navbar-nav li.dropdown a.secondary-nav-sublink:hover {
        background-color: #525252
    }

    .nav-overlay-drawer .navbar-nav li .login-link,.nav-overlay-drawer .navbar-nav li.dropdown .login-link {
        background-color: #e4f1f9;
        padding: 0
    }

    .nav-overlay-drawer .navbar-nav li .login-link .btn-container,.nav-overlay-drawer .navbar-nav li.dropdown .login-link .btn-container {
        width: 100%;
        text-align: left
    }

    .nav-overlay-drawer .navbar-nav li .login-link .btn-container .btn-link,.nav-overlay-drawer .navbar-nav li.dropdown .login-link .btn-container .btn-link {
        color: #505050
    }

    .nav-overlay-drawer .navbar-nav li .login-link .btn-container .btn-link .glyphicon-user,.nav-overlay-drawer .navbar-nav li.dropdown .login-link .btn-container .btn-link .glyphicon-user {
        display: none
    }

    .nav-overlay-drawer .navbar-nav li a.primary-nav-link:after,.nav-overlay-drawer .navbar-nav li.dropdown a.primary-nav-link:after,.nav-overlay-drawer .navbar-nav li a.secondary-nav-link:after,.nav-overlay-drawer .navbar-nav li.dropdown a.secondary-nav-link:after {
        font-family: 'Salesforce Icons';
        content: "\e907";
        float: right;
        -webkit-transition: all .7s;
        transition: all .7s;
        font-size: 16px;
        font-weight: lighter
    }

    .nav-overlay-drawer .navbar-nav li.open a.primary-nav-link:after,.nav-overlay-drawer .navbar-nav li.dropdown.open a.primary-nav-link:after,.nav-overlay-drawer .navbar-nav li.open a.secondary-nav-link:after,.nav-overlay-drawer .navbar-nav li.dropdown.open a.secondary-nav-link:after {
        content: "\e937"
    }

    .nav-overlay-drawer .navbar-nav li a.primary-nav-link:hover,.nav-overlay-drawer .navbar-nav li.dropdown a.primary-nav-link:hover {
        background-color: #e4f1f9
    }

    .nav-overlay-drawer .navbar-nav li .search-form-top-container,.nav-overlay-drawer .navbar-nav li.dropdown .search-form-top-container {
        background-color: #e4f1f9;
        padding-bottom: 20px;
        padding-top: 40px
    }

    .nav-overlay-drawer .navbar-nav li .search-form-top-container .glyphicon-search,.nav-overlay-drawer .navbar-nav li.dropdown .search-form-top-container .glyphicon-search {
        top: 31px;
        left: 11px;
        font-size: 15px;
        z-index: 1000
    }

    .nav-overlay-drawer .navbar-nav li .search-form-top-container .form-inline,.nav-overlay-drawer .navbar-nav li.dropdown .search-form-top-container .form-inline {
        height: 41px
    }

    .nav-overlay-drawer .navbar-nav li .search-form-top-container .form-inline .form-control,.nav-overlay-drawer .navbar-nav li.dropdown .search-form-top-container .form-inline .form-control {
        text-transform: uppercase
    }

    .nav-overlay-drawer .navbar-nav li .search-form-top-container .input-group-btn,.nav-overlay-drawer .navbar-nav li.dropdown .search-form-top-container .input-group-btn {
        display: table-cell;
        padding: 0 15px;
        background-color: #fff;
        border: 1px solid #ccc;
        border-left: 0;
        border-radius: 0 25px 25px 0;
        text-transform: uppercase
    }

    .nav-overlay-drawer .navbar-nav li .search-form-top-container .input-group-btn .btn,.nav-overlay-drawer .navbar-nav li.dropdown .search-form-top-container .input-group-btn .btn {
        display: none
    }
}

@media(max-width:1024px) and (max-width:767px) {
    .nav-overlay-drawer {
        margin-bottom: 75px
    }
}

@media(max-width:1024px) and (min-width:1024px) {
    .nav-overlay-drawer .navbar-nav li .search-form-top-container,.nav-overlay-drawer .navbar-nav li.dropdown .search-form-top-container {
        padding: 0 60px 60px 60px
    }
}

@media(min-width:768px) and (max-width:1024px) {
    .navbar-header-container .navbar-header .navbar-toggle {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0
    }

    .isc .navbar-header-container .navbar-header .navbar-toggle {
        right: 0
    }

    .nav-container {
        padding: 0 !important;
        margin: 0;
        width: 100%
    }

    .nav-container .main-menu {
        position: absolute;
        top: 0;
        right: 192px
    }

    .isc .nav-container .main-menu {
        right: 54px
    }

    .nav-container .navbar_free_trial {
        display: block;
        position: absolute;
        top: 0;
        right: 0
    }

    .nav-overlay-drawer .navbar-nav {
        width: 100%
    }

    .nav-overlay-drawer .navbar-nav li {
        width: 100%
    }

    .nav-overlay-drawer .navbar-nav li .search-form-top-container .search-form .form-inline {
        height: 40px
    }

    .nav-overlay-drawer .navbar-nav li .search-form-top-container .search-form .form-inline .form-control {
        height: 37px
    }

    .nav-overlay-drawer .navbar-nav li .search-form-top-container .search-form .form-inline .input-group.input-group-with-addon {
        top: 0;
        width: 100%
    }

    .nav-overlay-drawer .navbar-nav li .search-form-top-container .search-form span.glyphicon.glyphicon-search {
        position: relative;
        top: 34px;
        left: 12px;
        font-size: 20px
    }

    .nav-overlay-drawer .navbar-nav li .dropdown {
        position: relative
    }

    .nav-overlay-drawer .navbar-nav li .dropdown .login-link {
        position: absolute;
        top: 0;
        right: 0;
        border: 0 none;
        color: #fff !important;
        font-size: 11px;
        padding: 0;
        height: 40px;
        border-radius: 50px;
        background-color: #00a1e0;
        text-transform: uppercase;
        font-family: 'SalesforceSansBold';
        vertical-align: middle;
        transition: none;
        margin: 8px 24px
    }

    .nav-overlay-drawer .navbar-nav li .dropdown .login-link .btn-container {
        width: 100%;
        text-align: left
    }

    .nav-overlay-drawer .navbar-nav li .dropdown .login-link .btn-link {
        text-align: center;
        line-height: 35px;
        font-size: 18px;
        color: #fff;
        padding: 0 30px
    }
}

.social-media-links a:hover span.text-salesforce-gray {
    color: #646c72
}

.nav-overlay-drawer .social-media-links {
    text-align: center
}

@media(min-width:768px) and (max-width:1023px) {
    .nav-overlay-drawer .social-media-links {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .nav-overlay-drawer .social-media-links a {
        margin: 0 25px
    }

    .nav-overlay-drawer .social-media-links a span {
        font-size: 50px !important
    }
}

@media(max-width:767px) {
    .nav-overlay-drawer .social-media-links {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .nav-overlay-drawer .social-media-links a {
        margin: 0 15px
    }

    .nav-overlay-drawer .social-media-links a span {
        font-size: 30px !important
    }
}

@media(max-width:1024px) {
    .nav-overlay-drawer.row {
        margin-left: 0;
        margin-right: 0;
        top: 54px;
        bottom: 0;
        position: fixed;
        overflow-y: scroll;
        z-index: 1000;
        width: 100%
    }
}

@media(max-width:1024px) {
    body>nav.sidebar {
        padding: 49px 0 85px 0
    }
}

@media(min-width:1025px) {
    body>nav.sidebar {
        padding: 144px 0 85px 0
    }
}

.expandableNavigationBarComponent .search-form {
    width: 40px;
    transition: all .5s linear;
    margin-top: 0 !important
}

.expandableNavigationBarComponent .search-form form.gsc-search-box {
    position: relative;
    width: 100%;
    transition: all .5s linear
}

.expandableNavigationBarComponent .search-form form.gsc-search-box .icon-sfdc-icon-magnifying-glass {
    position: absolute;
    left: 12px;
    top: 11px;
    z-index: 1;
    cursor: pointer;
    font-size: 15px
}

@media(min-width:1024px) and (max-width:1311px) {
    .expandableNavigationBarComponent .search-form form.gsc-search-box .icon-sfdc-icon-magnifying-glass {
        left: 9px
    }
}

.expandableNavigationBarComponent .search-form form.gsc-search-box .gsc-input {
    opacity: 0;
    width: 100%;
    transition: all .5s linear
}

.expandableNavigationBarComponent .search-form.active {
    width: 335px
}

.expandableNavigationBarComponent .search-form.active .icon-sfdc-icon-magnifying-glass {
    color: #07b
}

.expandableNavigationBarComponent .search-form.active .gsc-input {
    opacity: 1
}

@media(min-width:1024px) and (max-width:1311px) {
    .expandableNavigationBarComponent .search-form.active {
        width: 160px
    }
}

.expandableNavigationBarComponent .search-form .input-group-btn {
    width: 1%
}

.expandableNavigationBarComponent .search-form .input-group-btn .btn {
    color: #07b;
    border-left: 0
}

.navbar_free_trial {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .4s ease-out;
    -o-transition: opacity .4s ease-out;
    transition: opacity .4s ease-out
}

.isc .nav-container .buttonCTAItemComponent.navbar_free_trial {
    display: none
}

@media(max-width:1023px) {
    .isc .navbar-header-container .navbar-header .navbar-toggle {
        margin-right: 0
    }
}

@media(min-width:768px) and (max-width:1023px) {
    .isc .navbar-header-container .navbar-header .navbar-toggle {
        right: 0
    }

    .isc .nav-container .main-menu {
        right: 54px
    }
}

.isp .nav-container .buttonCTAItemComponent.navbar_free_trial {
    opacity: 1;
    filter: alpha(opacity=100)
}

@media(min-width:768px) {
    .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {
        margin-left: 0 !important
    }
}

@media(min-width:768px) and (max-width:1023px) {
    .navbar-expandable-container .headingComponent .text-cirrus {
        margin: 10px 0 0 0 !important
    }

    .navbar-expandable-container .headingComponent small {
        display: none
    }
}

.pricingComponent .pricing-container.horizontal-layout {
    background-color: #fff
}

.pricingComponent .pricing-container.horizontal-layout .price-body-description {
    margin: 20px 0;
    font-size: 15px
}

.pricingComponent .pricing-container.horizontal-layout .left-pricing-column {
    border-right: 3px solid #f4f4f4
}

.pricingComponent .pricing-container.horizontal-layout ul.generic-links li {
    margin-bottom: 10px
}

.pricingComponent .pricing-container.horizontal-layout ul.generic-links li.bold-feature {
    color: #003c4c !important
}

.pricingComponent .pricing-container.horizontal-layout ul.generic-links li.bold-feature-not-first {
    margin-top: 20px
}

.pricingComponent .pricing-container.vertical-layout .title-editions-container {
    position: relative
}

.pricingComponent .pricing-container.vertical-layout .title-editions-container .funky {
    position: relative;
    width: 100%
}

.pricingComponent .pricing-container.vertical-layout .title-editions-container .funky.docked {
    position: absolute;
    bottom: 0
}

.pricingComponent .pricing-container.vertical-layout .title-editions-container .funky .edition-head {
    font-family: 'SalesforceSansLight' !important
}

.pricingComponent .pricing-container.vertical-layout .edition-container {
    background-color: #fff
}

.pricingComponent .pricing-container.vertical-layout .edition-container .price-body-description {
    padding: 20px
}

@media(max-width:767px) {
    .pricingComponent .pricing-container.vertical-layout .edition-container .price-body-description {
        padding-top: 40px
    }
}

.pricingComponent .pricing-container.vertical-layout .edition-container .included-message {
    padding: 10px 20px;
    margin-bottom: 20px
}

@media(min-width:1023px) {
    .pricingComponent .pricing-container.vertical-layout .edition-container .included-message {
        background-color: #c2c2c2
    }
}

@media(max-width:767px) {
    .pricingComponent .pricing-container.vertical-layout .edition-container {
        margin-bottom: 30px
    }
}

@media(min-width:768px) and (max-width:1023px) {
    .pricingComponent .pricing-container.vertical-layout .edition-container .buttonCTAItemComponent {
        margin-left: auto;
        margin-right: auto
    }

    .pricingComponent .pricing-container.vertical-layout .edition-container .buttonCTAItemComponent a.btn-lg {
        padding: 0 20px
    }
}

.pricingComponent .pricing-container.vertical-layout .pricing-features {
    padding: 0 20px 20px 20px
}

@media(max-width:1023px) {
    .pricingComponent .pricing-container.vertical-layout .pricing-features {
        padding-top: 0 !important
    }
}

.pricingComponent .pricing-container.vertical-layout .pricing-features ul.generic-links li {
    margin-bottom: 10px
}

.pricingComponent .pricing-container.vertical-layout .pricing-features ul.generic-links li.bold-feature {
    color: #003c4c !important
}

.pricingComponent .pricing-container.vertical-layout .pricing-features ul.generic-links li.bold-feature-not-first {
    margin-top: 20px
}

.pricingComponent .pricing-container.vertical-layout .pricing-features .row {
    margin-left: 0;
    margin-right: 0
}

.pricingComponent .pricing-container.vertical-layout .features {
    padding-top: 10px
}

.pricingComponent .pricing-container.vertical-layout .features .icon-sfdc-icon-up-arrow,.pricingComponent .pricing-container.vertical-layout .features .icon-sfdc-icon-down-arrow {
    color: #07b
}

.pricingComponent .pricing-container.vertical-layout .features a {
    cursor: pointer
}

@media(max-width:767px) {
    .pricingComponent .pricing-container.vertical-layout .features .tooltip-enabled {
        display: none !important
    }
}

.pricingComponent .pricing-container.vertical-layout .feature-text {
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #07b;
    font-size: 11px;
    letter-spacing: .13em
}

.pricingComponent .pricing-container.vertical-layout .feature-caret {
    padding-bottom: 10px
}

.pricingComponent .mobile-expander a.simple-link {
    text-align: center
}

.pricingComponent .no-gutter {
    padding-left: 0;
    padding-right: 0
}

.pricingComponent .recommendation-text {
    font-size: 15px;
    color: #fff;
    font-family: 'SalesforceSansLight' !important;
    line-height: 25px;
    background-color: #222;
    text-tranform: uppercase
}

.pricingComponent .leading-text {
    padding-top: 40px;
    font-size: 15px;
    color: #222
}

.pricingComponent .pricing-number {
    padding: 0 20px
}

.pricingComponent .pricing-number span {
    display: inline-block
}

.pricingComponent .pricing-number .currency {
    font-size: 50px
}

@media(max-width:1023px) and (min-width:768px) {
    .pricingComponent .pricing-number .currency {
        font-size: 30px
    }
}

.pricingComponent .pricing-number .currency.no-currency {
    font-size: 30px;
    text-align: left
}

.pricingComponent .pricing-number .currency-symbol-left {
    font-size: 30px;
    vertical-align: top;
    line-height: 57px
}

@media(max-width:1023px) and (min-width:768px) {
    .pricingComponent .pricing-number .currency-symbol-left {
        line-height: 42px
    }
}

.pricingComponent .pricing-number .currency-symbol-right {
    vertical-align: bottom;
    font-size: 30px;
    line-height: 57px
}

.pricingComponent .pricing-tagline {
    font-size: 11px;
    color: #222
}

.pricingComponent .no-detail {
    padding-bottom: 30px
}

@media(min-width:768px) and (max-width:1023px) {
    .right-pricing-column {
        margin-left: 0;
        padding-left: 20px
    }
}

.edition-bar {
    height: 3px;
    margin-top: 5px
}

.features-list .row {
    margin-left: 0;
    margin-right: 0
}

nav.sidebar.col-lg-2 {
    max-width: 208px;
    width: 208px
}

.leftnav {
    max-width: 208px;
    min-height: 70px;
    padding-bottom: 50px;
    z-index: 100
}

.leftnav-phone {
    font-size: 11px
}

.leftnav-phone>div>span,.leftnav-phone>div>a {
    display: block;
    margin-bottom: 10px
}

.leftnav.affix {
    top: 0;
    min-height: 0
}

.leftnav.affix .leftnav-header {
    margin-bottom: 20px
}

.leftnav.affix .leftnav-header .leftnav-lead-image img {
    margin: 0 auto
}

.leftnav.affix .leftnav-header .show-lead-image-affixed {
    display: block
}

.leftnav.affix .leftnav-header .show-lead-image-non-affixed {
    display: none
}

.leftnav.affix .leftnav-footer .leftnav-questions h1,.leftnav.affix .leftnav-footer .leftnav-questions h2,.leftnav.affix .leftnav-footer .leftnav-questions h3,.leftnav.affix .leftnav-footer .leftnav-questions h4,.leftnav.affix .leftnav-footer .leftnav-questions h5,.leftnav.affix .leftnav-footer .leftnav-questions h6 {
    margin-top: 40px !important
}

.leftnav-footer .leftnav-questions h1,.leftnav-footer .leftnav-questions h2,.leftnav-footer .leftnav-questions h3,.leftnav-footer .leftnav-questions h4,.leftnav-footer .leftnav-questions h5,.leftnav-footer .leftnav-questions h6 {
    margin-top: 40px !important
}

.leftnav-header,.leftnav-header-affix,.leftnav-body,.leftnav-footer {
    padding-left: 30px;
    padding-right: 30px
}

.leftnav-header .show-lead-image-affixed {
    display: none
}

.leftnav-header .show-lead-image-non-affixed {
    display: block
}

.leftnav-header-affix {
    text-align: center;
    width: 65px
}

.leftnav-header-affix .leftnav-back-to-top {
    font-size: 20px
}

.leftnav-footer-affix,.leftnav-footer-non-affix {
    padding-left: 10px;
    padding-right: 10px
}

.leftnav-footer-affix .leftnav-btn,.leftnav-footer-non-affix .leftnav-btn {
    margin-top: 20px;
    margin-bottom: 15px;
    text-align: center
}

.leftnav-body .leftnav-page-list .page-list {
    position: relative;
    margin: 0;
    padding: 0
}

.leftnav-body .leftnav-page-list .page-list li {
    list-style: none;
    position: relative
}

.leftnav-body .leftnav-page-list .page-list li.active:before {
    content: '';
    background-color: #07b;
    position: absolute;
    left: -30px;
    top: 0;
    height: 100%;
    width: 4px
}

.highlight-sales .leftnav-body .leftnav-page-list .page-list li.active:before {
    background-color: #418fde
}

.highlight-sales-light .leftnav-body .leftnav-page-list .page-list li.active:before {
    background-color: #92c1e9
}

.highlight-service .leftnav-body .leftnav-page-list .page-list li.active:before {
    background-color: #963cbd
}

.highlight-service-light .leftnav-body .leftnav-page-list .page-list li.active:before {
    background-color: #a77bca
}

.highlight-marketing .leftnav-body .leftnav-page-list .page-list li.active:before {
    background-color: #ed8b00
}

.highlight-marketing-light .leftnav-body .leftnav-page-list .page-list li.active:before {
    background-color: #f0b334
}

.highlight-communities .leftnav-body .leftnav-page-list .page-list li.active:before {
    background-color: #ffb60f
}

.highlight-communities-light .leftnav-body .leftnav-page-list .page-list li.active:before {
    background-color: #ffcb4f
}

.highlight-analytics .leftnav-body .leftnav-page-list .page-list li.active:before {
    background-color: #00b2a9
}

.highlight-analytics-light .leftnav-body .leftnav-page-list .page-list li.active:before {
    background-color: #64ccc9
}

.highlight-platform .leftnav-body .leftnav-page-list .page-list li.active:before {
    background-color: #001871
}

.highlight-platform-light .leftnav-body .leftnav-page-list .page-list li.active:before {
    background-color: #0047bb
}

.highlight-iot .leftnav-body .leftnav-page-list .page-list li.active:before {
    background-color: #001871
}

.highlight-iot-light .leftnav-body .leftnav-page-list .page-list li.active:before {
    background-color: #0047bb
}

.highlight-smb .leftnav-body .leftnav-page-list .page-list li.active:before {
    background-color: #00c2df
}

.highlight-industries .leftnav-body .leftnav-page-list .page-list li.active:before {
    background-color: #009cdb
}

.highlight-e-commerce .leftnav-body .leftnav-page-list .page-list li.active:before {
    background-color: #84bd00
}

.highlight-e-commerce-light .leftnav-body .leftnav-page-list .page-list li.active:before {
    background-color: #97d700
}

.highlight-einstein .leftnav-body .leftnav-page-list .page-list li.active:before {
    background-color: #00a1e0
}

.highlight-brand-blue .leftnav-body .leftnav-page-list .page-list li.active:before {
    background-color: #00a1e0
}

.leftnav-body .leftnav-page-list .page-list.page-list-level-2 a {
    margin-left: 20px
}

.leftnav-body .leftnav-page-list .page-list.page-list-level-2 a.active {
    font-family: 'SalesforceSansBold' !important
}

.leftnav-body .leftnav-page-list a {
    display: block;
    font-family: 'SalesforceSansRegular' !important;
    font-size: 15px;
    line-height: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #07b
}

.leftnav-body .leftnav-page-list a.active {
    color: #222;
    font-family: 'SalesforceSansBold' !important
}

.leftnav-body .leftnav-page-list a.active.active-child {
    font-family: 'SalesforceSansRegular' !important
}

.affix .leftnav-body .leftnav-page-list {
    display: none
}

.leftnav.padding-top-no-affix {
    padding-top: 50px
}

.leftnav.padding-top-affix {
    padding-top: 20px
}

.leftnav.padding-top-affix .leftnav-footer {
    padding-left: 33px
}

.leftnav .leftnav-heading [class^="cloud-icon-"],.leftnav .leftnav-heading [class*=" cloud-icon-"],.leftnav .leftnav-heading .head-text {
    display: block
}

.leftnav .leftnav-heading [class^="cloud-icon-"],.leftnav .leftnav-heading [class*=" cloud-icon-"] {
    font-size: 250%;
    margin-bottom: 15px
}

.leftnav .affix-element {
    display: none
}

.leftnav.affix .affix-element {
    display: block
}

.leftnav-select-container {
    display: none
}

.leftnav-select-head {
    color: #222
}

@media(max-width:767px) {
    .leftnav-select-container {
        height: 65px;
        width: 100%;
        background-color: #fafafa;
        border-top-color: #c2c2c2;
        border-top-style: solid;
        border-top-width: 1px;
        border-bottom-color: #c2c2c2;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        display: block
    }

    .leftnav-select-head {
        margin-bottom: 0
    }

    .leftnav-select-container .container {
        margin-top: 5px
    }

    #leftnav-select {
        margin-left: -1px;
        width: 100%;
        max-width: 100%;
        margin-bottom: 0
    }
}

@media(max-width:1023px) and (min-width:768px) {
    .leftnav-select-container {
        height: 45px;
        width: 100%;
        background-color: #fafafa;
        border-top-color: #c2c2c2;
        border-top-style: solid;
        border-top-width: 1px;
        border-bottom-color: #c2c2c2;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        display: block
    }

    .leftnav-select-container .container {
        height: auto;
        bottom: 0;
        margin-top: 8px
    }

    #leftnav-select {
        margin-top: 0;
        float: right
    }

    .leftnav-select-head {
        display: inline-block;
        margin-bottom: 0;
        margin-top: 4px
    }
}

.searchFieldComponent .search-field {
    height: 110px
}

.searchFieldComponent .form-inline {
    margin: 4px 0 0 0
}

.searchFieldComponent .input-group {
    width: 100%
}

.searchFieldComponent .form-control {
    height: 45px;
    font-size: 20px;
    color: #222
}

.searchFieldComponent .input-group-addon {
    width: 50px !important
}

.searchFieldComponent .input-group-btn {
    width: 70px !important
}

.searchFieldComponent .btn {
    height: 45px;
    color: #07b;
    border-left: 0;
    text-transform: uppercase;
    padding-right: 20px
}

@media(max-width:768px) {
    .form-control {
        border-top-right-radius: 50px !important;
        border-bottom-right-radius: 50px !important
    }

    .input-group-btn {
        display: none
    }
}

.search-form form.gsc-search-box.active {
    opacity: 1 !important
}

.search-form form.gsc-search-box {
    border: 1px solid #ccc !important;
    border-radius: 50px !important;
    height: 35px;
    opacity: 0
}

.search-form form.gsc-search-box input.gsc-input {
    height: 33px;
    font-size: 15px;
    background: none !important;
    border: 0;
    background: transparent;
    padding: 0 0 0 30px !important;
    opacity: 1 !important
}

.search-form form.gsc-search-box td.gsc-input {
    padding: 0 !important;
    opacity: 1 !important
}

.search-form form.gsc-search-box input.gsc-search-button {
    background-color: transparent !important;
    border: 0;
    padding: 0 12px 0 12px !important;
    margin: 0;
    cursor: pointer;
    color: #07b;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'SalesforceSansRegular' !important
}

.search-form form.gsc-search-box .gsc-clear-button {
    display: none
}

.searchFieldComponent {
    position: relative
}

.searchFieldComponent input.gsc-input {
    border-radius: 30px;
    min-height: 45px;
    padding-left: 55px;
    font-size: 22px;
    width: 100%;
    background-image: none !important
}

.searchFieldComponent table.gsc-search-box td.gsc-input {
    padding-right: 0
}

.searchFieldComponent td.gsc-clear-button {
    display: none
}

#cse-search-box .input-group {
    display: none
}

@media(max-width:1024px) {
    .search-form form.gsc-search-box {
        opacity: 1;
        background-color: #fff !important
    }

    form.gsc-search-box {
        opacity: 1 !important
    }
}

.search-form-top-container .search-form {
    width: 100%
}

@media(max-width:1023px) {
    .search-form-top-container .gsc-control-searchbox-only td.gsc-search-button input.gsc-search-button {
        display: none
    }
}

.searchFieldComponent .gsc-control-searchbox-only {
    margin-top: 30px
}

.searchFieldComponent .gsc-control-searchbox-only td.gsc-search-button {
    position: absolute;
    top: 13px;
    right: 70px
}

.searchFieldComponent .gsc-control-searchbox-only td.gsc-search-button input.gsc-search-button {
    border: 0 none;
    background: #fff;
    text-transform: uppercase;
    color: #07b;
    font-family: 'SalesforceSansRegular' !important;
    font-size: 12px
}

@media(max-width:1023px) {
    .searchFieldComponent .gsc-control-searchbox-only td.gsc-search-button {
        display: none
    }
}

.searchFieldComponent .icon-sfdc-icon-magnifying-glass {
    color: #07b;
    top: 13px;
    left: 15px;
    z-index: 1;
    font-size: 20px;
    position: absolute
}

.expandableNavigationBarComponent .search-button {
    position: relative
}

.expandableNavigationBarComponent .search-button .icon-sfdc-icon-magnifying-glass {
    position: absolute;
    left: 12px;
    top: 11px;
    z-index: 1;
    cursor: pointer;
    font-size: 15px;
    display: none
}

.search-results .search-result-stats {
    font-size: 11px;
    font-family: 'SalesforceSansRegular' !important;
    margin: 10px 0;
    color: #222
}

.search-results .search-result-item {
    width: 100%;
    font-family: 'SalesforceSansRegular' !important;
    padding: 30px 0;
    border-bottom: 1px solid #c2c2c2
}

.search-results .search-result-item a.result-title {
    font-size: 22px;
    color: #07b
}

.search-results .search-result-item .result-link {
    font-size: 15px;
    color: #c2c2c2
}

.search-results .search-result-item .result-snippet {
    font-size: 15px;
    color: #222
}

.search-results .search-result-item .img-responsive {
    width: 100%
}

@media(max-width:1023px) {
    .search-results .search-result-item .col-sm-12,.search-results .search-result-item .col-xs-12 {
        padding-left: 0;
        padding-right: 0
    }
}

.search-results .pagination {
    width: 100%
}

.search-results .pagination div {
    color: #222;
    float: left;
    list-style-type: none;
    margin-left: 30px;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding-top: 5px
}

@media(max-width:1023px) {
    .search-results .pagination div {
        margin-left: 10px
    }
}

.search-results .pagination div.active {
    color: #fff;
    background-color: #07b
}

.search-results .pagination div:first-child {
    margin-left: 0
}

.ie8 .search-button {
    top: -20px
}

.ie8 .search-form.active .search-button {
    top: 0
}

.ie8 form.gsc-search-box {
    display: none
}

.ie8 form.gsc-search-box.active {
    display: block
}

.ie8 .gsc-branding-text,.ie8 .gsc-branding-img {
    display: none
}

.columns-wrapper {
    position: relative
}

.columns-wrapper .bg-opacity {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block
}

.live-chat-modal .container-fluid {
    padding-left: 0;
    padding-right: 0
}

.btn-content-replace-close {
    background: 0;
    border: 0;
    outline: 0;
    float: right;
    margin: 20px 10px;
    position: relative;
    z-index: 10
}

.content-replacement-overlay {
    display: none
}

.columnContainer.hot-swap {
    overflow: hidden;
    background-color: #222;
    -webkit-transition: height .3s;
    -o-transition: height .3s;
    transition: height .3s
}

.progressive-disclosure-container .row.columns-wrapper {
    overflow: hidden;
    margin-bottom: 30px;
    -webkit-transition: max-height 2s;
    -o-transition: max-height 2s;
    transition: max-height 2s
}

.progressive-disclosure-container .progressive-disclosure-gradient {
    height: 100px;
    width: 100%;
    position: absolute;
    bottom: 47px
}

.progressive-disclosure-container .progressive-disclosure-gradient.gradient-karl-the-fog {
    background: linear-gradient(0,#f4f4f4 10%,rgba(0,0,0,0))
}

.progressive-disclosure-container .progressive-disclosure-gradient.gradient-snow {
    background: linear-gradient(0,#fff 10%,rgba(0,0,0,0))
}

.progressive-disclosure-container .btn-container-progressive-disclosure {
    position: relative
}

.progressive-disclosure-container .btn-container-progressive-disclosure .btn-line {
    position: relative;
    width: 100%;
    height: 1px;
    background: #c2c2c2;
    margin-bottom: 25px
}

.progressive-disclosure-container .btn-container-progressive-disclosure .btn-line .btn-container {
    position: relative;
    top: -20px
}

@media(max-width:767px) {
    .columnContainer .xs-min-height-500 {
        min-height: 500px !important
    }

    .columnContainer .xs-min-height-450 {
        min-height: 450px !important
    }

    .columnContainer .xs-min-height-400 {
        min-height: 400px !important
    }

    .columnContainer .xs-min-height-350 {
        min-height: 350px !important
    }

    .columnContainer .xs-min-height-300 {
        min-height: 300px !important
    }

    .columnContainer .xs-min-height-250 {
        min-height: 250px !important
    }

    .columnContainer .xs-min-height-200 {
        min-height: 200px !important
    }

    .columnContainer .xs-min-height-150 {
        min-height: 150px !important
    }

    .columnContainer .xs-min-height-100 {
        min-height: 100px !important
    }

    .columnContainer .xs-min-height-50 {
        min-height: 50px !important
    }
}

@media(max-width:767px) {
    footer.page-footer {
        padding-bottom: 80px
    }
}

@media(max-width:1311px) {
    body {
        overflow-x: hidden
    }

    body .side-drawers {
        display: block
    }

    body header,body footer,body .content-container {
        margin: 0;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
}

@media(max-width:1024px) {
    body .content-container {
        z-index: 101
    }
}

.free-trial-desktop {
    display: inline
}

.free-trial-mobile {
    display: inline
}

@media(min-width:1025px) {
    .free-trial-mobile {
        display: none !important
    }
}

@media(min-width:1024px) and (max-width:1024px) {
    .navbar-brand a .hidden-sm {
        display: none !important
    }

    .navbar-brand a .hidden-md {
        display: block !important
    }
}

.content-container .right-menu-active {
    overflow: hidden;
    position: relative;
    z-index: 1
}

.freetrial-drawer-active .side-drawers .side-drawer,.freetrial-drawer-active .side-drawers .side-drawer-right {
    display: block
}

.nav-active {
    overflow: hidden
}

.nav-active.side-drawers {
    display: block
}

.nav-active .freetrial-drawer-active header,.nav-active .freetrial-drawer-active footer,.nav-active .freetrial-drawer-active .content-container {
    -webkit-transform: translateX(-300px);
    -moz-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    -o-transform: translateX(-300px);
    transform: translateX(-300px)
}

.nav-active.freetrial-drawer-active .content-container,.nav-active.freetrial-drawer-active>footer,.nav-active.freetrial-drawer-active header {
    -webkit-transform: translateX(-300px);
    -moz-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    -o-transform: translateX(-300px);
    transform: translateX(-300px)
}

.side-drawers {
    color: #FFF;
    font-family: SalesforceSansLight,Arial,sans-serif !important;
    position: fixed;
    top: 0;
    bottom: 0
}

@media(max-width:1311px) {
    .side-drawers .side-drawers {
        display: block
    }
}

.side-drawers .side-drawer {
    position: fixed;
    display: none;
    top: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: width .3s ease;
    -moz-transition: width .3s ease;
    -ms-transition: width .3s ease;
    -o-transition: width .3s ease;
    transition: width .3s ease
}

.side-drawers .side-drawer.side-drawer-right {
    right: 0;
    z-index: 1;
    width: 307px;
    background-color: #00a1e0
}

.side-drawers .side-drawer.side-drawer-right iframe {
    background: #00a1e0;
    z-index: 100
}

.side-drawers .side-drawer .loading-icon {
    background: url('https://secure2.sfdcstatic.com/common/assets/images/global-navigation/loading-icon.gif') center center no-repeat;
    width: 40px;
    height: 30px;
    position: absolute;
    top: 150px;
    left: 50%;
    margin-left: -20px;
    z-index: 1
}

.side-drawers .side-drawer .freeTrial-container .loading-icon {
    top: 250px
}

.side-drawers .side-drawer .freeTrialHeader {
    font-size: 16px;
    padding: 20px 10px 0 21px
}

.side-drawers .side-drawer .freeTrialHeader .subHeader {
    display: block;
    font-size: 14px;
    margin: 12px 0 10px
}

.side-drawers .side-drawer #formSelect {
    width: 273px;
    color: #000
}

.side-drawers #freeTrialForm,.side-drawers #contactForm {
    border: 0;
    display: none;
    position: relative
}

.side-drawers .freeTrial-container {
    position: relative
}

.side-drawers .freeTrial-container #content-wrap {
    padding-top: 0
}

.side-drawers .contactForm-container {
    display: none
}

.side-drawers .contact-header {
    padding: 10px 16px 10px 20px;
    cursor: pointer;
    font-size: 14px;
    border-bottom: 1px solid #103144;
    background: #0093ce;
    background: -moz-linear-gradient(top,#0093ce 0,#00a5e7 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#0093ce),color-stop(100%,#00a5e7));
    background: -webkit-linear-gradient(top,#0093ce 0,#00a5e7 100%);
    background: -o-linear-gradient(top,#0093ce 0,#00a5e7 100%);
    background: -ms-linear-gradient(top,#0093ce 0,#00a5e7 100%);
    background: linear-gradient(to bottom,#0093ce 0,#00a5e7 100%)
}

.side-drawers .contact-header .icon {
    float: right;
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    overflow: hidden;
    margin-top: 2px
}

.side-drawers .contact-header .icon span {
    background-position: -99px -129px;
    height: 12px;
    width: 12px
}

.side-drawers .contact-header.active .icon {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg)
}

.side-drawers .contact-header .icon span {
    background-position: -99px -129px;
    height: 12px;
    width: 12px;
    display: block;
    background-image: url('https://secure2.sfdcstatic.com/common/assets/images/global-navigation/nav-icons.png');
    background-size: 120px
}

img[data-toggle="modal"]:hover {
    cursor: pointer
}

.image-modal .modal-backdrop.in {
    background-color: #fff;
    height: 100%
}

.image-modal .modal-content {
    background-color: #f4f4f4;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font-family: 'SalesforceSansThin' !important
}

.image-modal .modal-content button.close {
    position: relative;
    top: 16px;
    right: 16px
}

.image-modal .modal-content button.close span.icon-sfdc-icon-x {
    font-size: 20px
}

.image-modal .modal-content .modal-header {
    border-bottom: 0;
    z-index: 2000;
    position: relative
}

.image-modal .modal-content .modal-body {
    position: relative;
    padding: 0
}

.image-modal .modal-content .btn-bk-modal {
    color: #07b;
    font-size: 14px;
    font-family: 'SalesforceSansBold' !important;
    background-color: #fafafa;
    padding: 30px 15px;
    width: 100%;
    opacity: 1;
    text-transform: uppercase
}

.image-modal .modal-content div.col-sm-8+div.col-sm-4 a {
    margin-right: 15px
}

.image-modal .modal-content div.col-sm-2>div.imageComponent img {
    float: right;
    margin-bottom: 15px
}

.image-modal .modal-content div.col-sm-8+div.col-sm-4 {
    height: 128px;
    overflow: hidden
}

.image-modal .modal-content div.col-sm-8+div.col-sm-4 div.social-media-links {
    position: relative;
    top: -4px
}

.image-modal .modal-content div.col-sm-8+div.col-sm-4 div.buttonCTAComponent {
    position: relative;
    top: -26px
}

.image-modal .modal-content div.col-sm-8+div.col-sm-4 a {
    margin-right: 15px
}

@media(max-width:767px) {
    .image-modal .modal-content div.col-sm-8+div.col-sm-4 div.buttonCTAComponent {
        top: -6px
    }

    .image-modal .modal-content div.col-sm-8+div.col-sm-4 a {
        margin-right: 10px
    }
}

@media(max-width:1023px) {
    .image-modal .modal-dialog {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        height: 100%;
        width: 100%
    }

    .image-modal .modal-content {
        height: 100%;
        width: 100%
    }

    .image-modal .modal-content p {
        margin-top: 20px;
        margin-bottom: 15px
    }

    .image-modal .modal-content div.col-sm-8+div.col-sm-4 a {
        margin-right: 10px
    }

    .image-modal .modal-body {
        background: #f4f4f4;
        top: 15px
    }

    .image-modal .modal-body-container {
        padding-left: 0;
        padding-right: 0
    }

    .image-modal .modal-header {
        padding: 0;
        height: 80px
    }

    .image-modal div.barComponent {
        display: none
    }
}

@media(min-width:1024px) {
    .image-modal .modal-body {
        z-index: 1999;
        top: -20px
    }

    .image-modal .modal-dialog {
        width: 90%;
        height: 834px;
        max-width: 1280px
    }

    .image-modal div.headingComponent+div.imageComponent img {
        width: 1216px;
        height: 450px;
        margin-top: 10px !important;
        margin-bottom: 15px !important
    }

    .image-modal .modal-content p {
        margin-top: 17px;
        margin-bottom: 13px
    }

    .image-modal .modal-content div.col-sm-2 {
        height: 30px
    }

    .image-modal .modal-content div.col-sm-2>div.imageComponent img {
        margin-top: -5px;
        height: 40px;
        width: 150px;
        float: right
    }
}

.container-load-more {
    padding: 0 16px;
    margin-bottom: 80px
}

.btn-load-more {
    background-color: #fff;
    padding: 15px 0;
    font-family: 'SalesforceSansBold' !important;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.btn-load-more:hover {
    background-color: #fff
}

.comparisonComponent .comparisonRowComponent {
    display: block;
    width: 100%;
    margin-bottom: -4px
}

.comparisonComponent .comparisonRowComponent .comparisonCells {
    display: inline-block;
    margin-right: -3px
}

.comparisonComponent .comparisonRowComponent .comparisonCells .columns-wrapper .columns-wrapper {
    display: table-cell;
    vertical-align: middle
}

.comparisonComponent .comparisonRowComponent .comparisonCells .bodyCopyComponent p {
    margin: 10px 0
}

@media(max-width:1023px) {
    .comparisonComponent .comparisonRowComponent .comparisonCells {
        width: 100%;
        display: block
    }

    .comparisonComponent .comparisonRowComponent .comparisonCells .container-fluid {
        padding: 0 !important
    }
}

.vy-player-container {
    max-width: 1200px;
    min-width: 200px;
    margin: auto
}

.vidyard_player>span {
    width: 100% !important;
    height: 0 !important;
    padding: 0 0 56.25% 0;
    min-width: 200px
}

.main-modal .close {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1
}

.main-modal .modal-backdrop {
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: fixed
}

.main-modal .modal-backdrop.in {
    opacity: .9
}

.main-modal .modal-content {
    border: 0;
    border-radius: 0
}

.main-modal .modal-body {
    padding: 0;
    overflow: hidden
}

.filter-cta-arrow {
    display: none;
    float: right;
    line-height: 17px;
    position: relative;
    z-index: 201;
    padding: 15px;
    color: #fff;
    cursor: pointer
}

@media(max-width:768px) {
    .filter-cta-arrow {
        display: block
    }
}

.filter-container {
    float: right;
    width: 100%;
    margin: 0 -220px 0 auto
}

@media(max-width:768px) {
    .filter-container {
        margin: 0
    }
}

.filters-view-more {
    position: relative;
    width: 100%;
    text-align: center;
    height: 55px;
    overflow-y: hidden
}

.filters-view-more img {
    display: none
}

.filters-view-more.waiting a {
    display: none
}

.filters-view-more a {
    width: 100%;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #07b;
    background-color: #fff;
    cursor: pointer;
    font-family: 'SalesforceSansBold' !important;
    display: block;
    font-size: 11px
}

@media(max-width:768px) {
    .filters-view-more {
        display: inline-block;
        max-width: 260px;
        float: none;
        height: 533px
    }

    .filters-view-more a {
        float: left;
        padding-top: 255px;
        height: 533px;
        background-color: transparent;
        cursor: pointer
    }

    .filters-view-more a .btn-show-more-desktop {
        display: none
    }

    .filters-view-more a .btn-show-more-mobile {
        display: block !important;
        visibility: visible !important
    }

    .filters-view-more.waiting a {
        display: none
    }
}

@media only screen and (device-width:768px) {
    .filters-view-more {
        margin-bottom: 32px
    }
}

@media only screen and (max-device-width:480px) {
    .filters-view-more {
        margin-bottom: 32px
    }
}

.filters-view-more .slds-spinner_container {
    margin-left: 15px;
    margin-right: 15px
}

@media(max-width:768px) {
    .filters-view-more .slds-spinner_container {
        height: 533px;
        background-color: transparent
    }
}

.filters-search-sorting {
    padding: 10px 10px 10px 22px;
    font-family: 'SalesforceSansRegular' !important;
    font-size: 17px
}

.filters-sort-by {
    padding-bottom: 10px;
    padding-top: 5px;
    font-family: 'SalesforceSansRegular' !important
}

.filters-clear {
    padding: 10px 11px 10px 30px;
    font-size: 12px;
    font-family: 'SalesforceSansRegular' !important;
    border-top: 1px solid #fff
}

.filters-search-container {
    margin: 0;
    padding-left: 20px;
    padding-right: 26px;
    border-bottom: 1px solid #7c868d;
    padding-bottom: 20px
}

.filters-dropdown {
    float: right;
    font-size: 13px;
    color: grey
}

.filters-dropdown-toggle {
    background-color: #fff;
    font-size: 12px;
    border-width: 1px;
    border-color: #f4f4f4
}

.filters-dropdown-menu {
    min-width: 0;
    font-size: 13px;
    border-radius: 0;
    left: 28px
}

.filters-pad-bottom-10 {
    padding-bottom: 10px
}

.filters-pad-left-10 {
    padding-bottom: 10px
}

.filters-selected {
    padding-top: 20px
}

@media(max-width:768px) {
    .filters-selected {
        display: none
    }
}

.filters-selected .filters-title {
    margin-right: 20px;
    text-transform: uppercase;
    font-size: 12px
}

.filters-grid-card {
    margin-bottom: 32px;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity .4s ease-out;
    -o-transition: opacity .4s ease-out;
    transition: opacity .4s ease-out
}

.filters-grid-card.appended {
    opacity: 0;
    filter: alpha(opacity=0)
}

@media(max-width:768px) {
    .filteredCardsComponent .columns-wrapper {
        min-height: 100%;
        height: auto
    }

    .filteredCardsComponent .columns-wrapper .filters-menu-container {
        width: 100%
    }

    .filteredCardsComponent .columns-wrapper .filters-grid-container {
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        width: 100%
    }

    .filteredCardsComponent .columns-wrapper .filters-grid-container .filters-grid-card {
        margin-top: 20px;
        margin-bottom: 0;
        float: none;
        display: inline-block;
        max-width: 260px;
        vertical-align: top
    }

    .filteredCardsComponent .columns-wrapper .headingComponent,.filteredCardsComponent .columns-wrapper .bodyCopyComponent {
        white-space: normal
    }
}

.filteredCardsComponent .elevate {
    z-index: 102
}

.filteredCardsComponent .category-title h4:after {
    position: absolute;
    right: 10px;
    color: #07b;
    background-color: #fff;
    content: "\e911";
    font-family: 'Salesforce Icons';
    width: 23px;
    height: 23px;
    line-height: 23px;
    font-size: 11px;
    text-align: center;
    border-radius: 50%;
    -webkit-animation-name: spin;
    animation-name: spin;
    -webkit-animation-duration: .35s;
    animation-duration: .35s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.filteredCardsComponent .category-title h4.collapsed:after {
    content: "\e917";
    -webkit-animation-name: reverse-spin;
    animation-name: reverse-spin
}

.filteredCardsComponent .filters {
    float: left;
    background-color: #fafafa;
    background-color: rgba(250,250,250,0.9);
    width: 208px
}

.filteredCardsComponent .filters.full {
    width: 100%
}

@media(min-width:769px) {
    .filteredCardsComponent .filters {
        display: block !important
    }
}

@media(max-width:768px) {
    .filteredCardsComponent .filters {
        width: 100%
    }

    .filteredCardsComponent .filters .filter-category-sub {
        display: none
    }
}

.filteredCardsComponent .filters .filters-title {
    padding-left: 30px;
    padding-top: 10px;
    background-color: #003c4c !important;
    font-family: 'SalesforceSansLight' !important
}

.filteredCardsComponent .filters .filters-clear .filter-by-text {
    font-size: 12px !important
}

.filteredCardsComponent .filters .category-title {
    display: block;
    position: relative;
    min-height: 50px;
    padding: 10px 10px 10px 30px;
    background-color: rgba(124,134,141,0.2);
    font-size: 18px;
    font-family: 'SalesforceSansLight' !important;
    border-bottom: 1px solid #FFF;
    color: #222;
    cursor: pointer
}

.filteredCardsComponent .filters .category-title.category-single:after {
    content: "";
    background: 0
}

.filteredCardsComponent .filters .category-title a {
    line-height: 13px
}

.filteredCardsComponent .filters .category-title .category-icon {
    position: absolute;
    right: 10px;
    color: #07b;
    background-color: #fff
}

.filteredCardsComponent .filters .category-title .filters-category-count {
    position: absolute;
    left: 5px;
    font-size: 11px;
    top: 16px;
    text-align: center;
    width: 20px;
    display: none
}

.filteredCardsComponent .filters ul {
    margin-top: 20px;
    padding-left: 20px
}

.filteredCardsComponent .filters ul.category-single {
    margin-bottom: 25px
}

.filteredCardsComponent .filters ul.category-single.filter-sort {
    margin: 0
}

.filteredCardsComponent .filters ul .sort-by {
    font-size: 11px
}

.filteredCardsComponent .filters ul .category-footer {
    padding-top: 10px;
    border-top: #fff 1px solid
}

.filteredCardsComponent .filters ul .filter-by {
    float: left;
    font-size: 11px
}

.filteredCardsComponent .filters ul .clear-all {
    color: #07b;
    font-size: 11px;
    cursor: pointer;
    float: right;
    margin-right: 20px
}

@media(max-width:768px) {
    .filteredCardsComponent .filters ul .clear-all {
        float: left;
        margin-left: 10px
    }
}

.filteredCardsComponent .filters li.filter {
    list-style: none;
    padding-bottom: 10px;
    font-family: 'SalesforceSansRegular' !important;
    font-size: 15px;
    color: #222
}

.filteredCardsComponent .filters li.filter input {
    display: none;
    position: absolute;
    z-index: 1;
    opacity: 0;
    cursor: pointer
}

.filteredCardsComponent .filters li.filter .pageAssetFilter_tagSelector {
    width: 20px;
    height: 20px;
    border: 1px solid #DDD;
    left: 0;
    background-color: #FFF;
    position: relative;
    content: "";
    display: block;
    border-radius: 5px;
    box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
    opacity: 1
}

.filteredCardsComponent .filters li.filter label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-weight: normal
}

.filteredCardsComponent .filters li.filter label:before {
    width: 20px;
    height: 20px;
    border: 1px solid #DDD;
    left: 0;
    background-color: #FFF;
    position: absolute;
    content: "";
    display: inline-block;
    border-radius: 5px;
    box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1)
}

.filteredCardsComponent .filters li.filter.single {
    font-family: 'SalesforceSansLight' !important;
    font-size: 18px
}

.filteredCardsComponent .filters li.filter.single label:before {
    border-radius: 10px
}

.filteredCardsComponent .filters li.filter.selected label:after {
    width: 20px;
    height: 20px;
    left: 0;
    top: 0;
    content: "\e013";
    position: absolute;
    background: #07b;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    color: #FFF;
    font-family: 'Glyphicons Halflings'
}

.filteredCardsComponent .filters li.filter.single label:after {
    width: 11px;
    height: 11px;
    left: 5px;
    top: 5px;
    content: ""
}

.filteredCardsComponent .filters-search-container {
    margin-bottom: 20px
}

.filteredCardsComponent .filters-search-container .filters-selected-body {
    margin-top: 15px
}

.filteredCardsComponent .filters-search-container .filter-pill {
    cursor: pointer;
    text-transform: uppercase;
    font-size: 11px;
    color: #FFF;
    padding: 5px 10px;
    border-radius: 5px 0 0 5px;
    background-color: #07b;
    position: relative;
    margin: 0 30px 5px 0;
    display: inline-block;
    height: 24px
}

.filteredCardsComponent .filters-search-container .filter-pill .disable {
    position: absolute;
    right: -27px;
    top: 0;
    content: 'X';
    display: inline-block;
    border-radius: 0 5px 5px 0;
    border-left: 1px solid #FFF;
    background-color: #07b;
    padding: 5px 10px;
    height: 100%
}

.filteredCardsComponent .filters-clear-all {
    cursor: pointer;
    font-size: 12px;
    font-family: 'SalesforceSansBold' !important;
    text-transform: uppercase
}

.filteredCardsAjax-spinner .slds-spinner_container {
    z-index: 103
}

.filters-grid-card>.page>.col {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.bodyCopyComponent .no-indentation ul {
    padding-left: 20px
}

@keyframes dotsBounceBefore-extraSmall {
    60% {
        transform: translateX(0);
        animation-timing-function: cubic-bezier(0.55,0.085,0.68,0.53)
    }

    80% {
        animation-timing-function: cubic-bezier(0,1.11,0.7,1.43);
        transform: translateX(-0.25rem)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes dotsBounceAfter-extraSmall {
    60% {
        animation-timing-function: cubic-bezier(0.55,0.085,0.68,0.53);
        transform: translateX(0)
    }

    80% {
        animation-timing-function: cubic-bezier(0,1.11,0.7,1.43);
        transform: translateX(0.25rem)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes dotsBounceBefore-small {
    60% {
        transform: translateX(0);
        animation-timing-function: cubic-bezier(0.55,0.085,0.68,0.53)
    }

    80% {
        animation-timing-function: cubic-bezier(0,1.11,0.7,1.43);
        transform: translateX(-0.375rem)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes dotsBounceAfter-small {
    60% {
        animation-timing-function: cubic-bezier(0.55,0.085,0.68,0.53);
        transform: translateX(0)
    }

    80% {
        animation-timing-function: cubic-bezier(0,1.11,0.7,1.43);
        transform: translateX(0.375rem)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes dotsBounceBefore-medium {
    60% {
        transform: translateX(0);
        animation-timing-function: cubic-bezier(0.55,0.085,0.68,0.53)
    }

    80% {
        animation-timing-function: cubic-bezier(0,1.11,0.7,1.43);
        transform: translateX(-0.5rem)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes dotsBounceAfter-medium {
    60% {
        animation-timing-function: cubic-bezier(0.55,0.085,0.68,0.53);
        transform: translateX(0)
    }

    80% {
        animation-timing-function: cubic-bezier(0,1.11,0.7,1.43);
        transform: translateX(0.5rem)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes dotsBounceBefore-large {
    60% {
        transform: translateX(0);
        animation-timing-function: cubic-bezier(0.55,0.085,0.68,0.53)
    }

    80% {
        animation-timing-function: cubic-bezier(0,1.11,0.7,1.43);
        transform: translateX(-0.75rem)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes dotsBounceAfter-large {
    60% {
        animation-timing-function: cubic-bezier(0.55,0.085,0.68,0.53);
        transform: translateX(0)
    }

    80% {
        animation-timing-function: cubic-bezier(0,1.11,0.7,1.43);
        transform: translateX(0.75rem)
    }

    100% {
        transform: translateX(0)
    }
}

.slds-assistive-text {
    position: absolute !important;
    margin: -1px !important;
    border: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important
}

.slds-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(90deg);
    transform-origin: 50% 50%
}

.slds-spinner_container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: calc(9002);
    background-color: rgba(255,255,255,0.75);
    visibility: visible;
    opacity: 1;
    transition: opacity .2s ease,visibility 0;
    transition-delay: 0,0.3s
}

.slds-spinner_container.is-hidden {
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s ease,visibility 0;
    transition-delay: 0,0
}

.slds-spinner_container.hide {
    display: none
}

.slds-spinner__dot-a,.slds-spinner__dot-b {
    transform-origin: 50% 50%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.slds-spinner:before,.slds-spinner:after,.slds-spinner__dot-a:before,.slds-spinner__dot-b:before,.slds-spinner__dot-a:after,.slds-spinner__dot-b:after {
    position: absolute;
    content: '';
    background: #9faab5;
    border-radius: 50%;
    animation-duration: 1000ms;
    animation-iteration-count: infinite
}

.slds-spinner__dot-a {
    transform: rotate(60deg) translateY(0)
}

.slds-spinner__dot-b {
    transform: rotate(120deg) translateY(0)
}

.slds-spinner:before {
    animation-delay: -83.33333ms
}

.slds-spinner__dot-a:before {
    animation-delay: 83.33333ms
}

.slds-spinner__dot-b:before {
    animation-delay: 250ms
}

.slds-spinner:after {
    animation-delay: 416.66667ms
}

.slds-spinner__dot-a:after {
    animation-delay: 583.33333ms
}

.slds-spinner__dot-b:after {
    animation-delay: 750ms
}

.slds-spinner--small {
    width: 1.25rem
}

.slds-spinner--small.slds-spinner:before,.slds-spinner--small.slds-spinner:after,.slds-spinner--small .slds-spinner__dot-a:before,.slds-spinner--small .slds-spinner__dot-b:before,.slds-spinner--small .slds-spinner__dot-a:after,.slds-spinner--small .slds-spinner__dot-b:after {
    width: .25rem;
    height: .25rem
}

.slds-spinner--small.slds-spinner:before,.slds-spinner--small .slds-spinner__dot-a:before,.slds-spinner--small .slds-spinner__dot-b:before {
    top: -0.125rem;
    left: -0.125rem;
    animation-name: dotsBounceBefore-extraSmall
}

.slds-spinner--small.slds-spinner:after,.slds-spinner--small .slds-spinner__dot-a:after,.slds-spinner--small .slds-spinner__dot-b:after {
    top: -0.125rem;
    right: -0.125rem;
    animation-name: dotsBounceAfter-extraSmall
}

.slds-spinner--medium {
    width: 2rem
}

.slds-spinner--medium.slds-spinner:before,.slds-spinner--medium.slds-spinner:after,.slds-spinner--medium .slds-spinner__dot-a:before,.slds-spinner--medium .slds-spinner__dot-b:before,.slds-spinner--medium .slds-spinner__dot-a:after,.slds-spinner--medium .slds-spinner__dot-b:after {
    width: .5rem;
    height: .5rem
}

.slds-spinner--medium.slds-spinner:before,.slds-spinner--medium .slds-spinner__dot-a:before,.slds-spinner--medium .slds-spinner__dot-b:before {
    animation-name: dotsBounceBefore-medium;
    top: -0.25rem;
    left: -0.25rem
}

.slds-spinner--medium.slds-spinner:after,.slds-spinner--medium .slds-spinner__dot-a:after,.slds-spinner--medium .slds-spinner__dot-b:after {
    animation-name: dotsBounceAfter-medium;
    top: -0.25rem;
    right: -0.25rem
}

.slds-spinner--large {
    width: 2.75rem
}

.slds-spinner--large.slds-spinner:before,.slds-spinner--large.slds-spinner:after,.slds-spinner--large .slds-spinner__dot-a:before,.slds-spinner--large .slds-spinner__dot-b:before,.slds-spinner--large .slds-spinner__dot-a:after,.slds-spinner--large .slds-spinner__dot-b:after {
    width: .625rem;
    height: .625rem
}

.slds-spinner--large.slds-spinner:before,.slds-spinner--large .slds-spinner__dot-a:before,.slds-spinner--large .slds-spinner__dot-b:before {
    animation-name: dotsBounceBefore-medium;
    top: -0.3125rem;
    left: -0.3125rem
}

.slds-spinner--large.slds-spinner:after,.slds-spinner--large .slds-spinner__dot-a:after,.slds-spinner--large .slds-spinner__dot-b:after {
    animation-name: dotsBounceAfter-medium;
    top: -0.3125rem;
    right: -0.3125rem
}

.slds-spinner--brand.slds-spinner:before,.slds-spinner--brand.slds-spinner:after,.slds-spinner--brand .slds-spinner__dot-a:before,.slds-spinner--brand .slds-spinner__dot-b:before,.slds-spinner--brand .slds-spinner__dot-a:after,.slds-spinner--brand .slds-spinner__dot-b:after {
    background-color: #1589ee
}

.slds-spinner--inverse.slds-spinner:before,.slds-spinner--inverse.slds-spinner:after,.slds-spinner--inverse .slds-spinner__dot-a:before,.slds-spinner--inverse .slds-spinner__dot-b:before,.slds-spinner--inverse .slds-spinner__dot-a:after,.slds-spinner--inverse .slds-spinner__dot-b:after {
    background-color: white
}

.hero-bar-items-container .buttonCTAItemComponent {
    margin-left: 20px
}

.hero-bar-items-container .hero-bar-item {
    float: left
}

.hero-bar-items-container .hero-bar-item .image-link img {
    position: relative;
    z-index: 1
}

.hero-bar-items-container .imageComponent {
    width: auto
}

.hero-bar-items-container .separator {
    width: 1px
}

.hero-bar-items-container .separator.separator-haze {
    background-color: #c2c2c2
}

.hero-bar-items-container .separator.separator-night {
    background-color: #222
}

.relatedContentComponent .related-content-container {
    padding: 30px
}

.relatedContentComponent .related-content-container .related-content-heading {
    font-family: 'SalesforceSansBold' !important;
    font-size: 15px;
    color: #4e758b;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c2c2c2
}

.relatedContentComponent .related-content-container .related-content-body ul,.relatedContentComponent .related-content-container .related-content-body li {
    list-style-type: none;
    list-style-position: inside;
    margin: 0;
    padding: 0
}

.relatedContentComponent .related-content-container .related-content-body ul a,.relatedContentComponent .related-content-container .related-content-body li a {
    font-family: 'SalesforceSansBold' !important;
    font-size: 15px;
    color: #07b
}

.relatedContentComponent .related-content-container .related-content-body li:not(:last-child):after {
    content: "";
    display: block;
    height: 1px;
    width: 90px;
    margin: 30px 0 30px 0;
    background: #c2c2c2
}

.relatedContentComponent .related-content-container .related-content-body li:first-child {
    margin-top: 30px
}

.relatedContentComponent .related-content-container .related-content-body li:last-child {
    margin-bottom: 30px
}

.productTreeComponent .product-tree-header {
    height: 400px
}

.productTreeComponent .product-tree-heading {
    padding: 40px 166px
}

.productTreeComponent .product-tree-heading h2 {
    height: 120px;
    max-height: 120px
}

.productTreeComponent .product-tree-subheading {
    margin-top: 45px
}

.productTreeComponent .pulse-icon {
    float: left;
    position: relative;
    left: calc(50% - 7px);
    top: calc(50% - 7px);
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear
}

.productTreeComponent .pulse-icon span {
    font-size: 15px
}

.productTreeComponent .pulse-icon.rotate {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.productTreeComponent .pulse-line {
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    left: calc(50%);
    position: relative;
    min-height: 40px
}

.productTreeComponent .pulse-line-border {
    border-left: 1px solid #fff
}

.productTreeComponent .pulse-circle-container {
    width: 91px;
    left: calc(50% - 45px)
}

.productTreeComponent .pulse-circle {
    left: calc(50% - 89px);
    border: 1px solid #fff;
    width: 91px;
    height: 91px;
    border-radius: 50%;
    text-align: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.productTreeComponent .product-tree-item-vertical-line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    height: 100%;
    width: 1px
}

.productTreeComponent .product-tree-footer-label {
    width: 328px;
    margin: 30px auto 80px
}

.productTreeComponent .buttonCTAItemComponent {
    margin-top: 0 !important
}

@media(max-width:1023px) {
    .productTreeComponent .product-tree-heading {
        padding: 40px 20px
    }

    .productTreeComponent .product-tree-items>div {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media(max-width:767px) {
    .productTreeComponent .product-tree-header {
        height: 365px
    }

    .productTreeComponent .product-tree-heading {
        padding: 40px 60px
    }

    .productTreeComponent .product-tree-subheading {
        margin-top: 8px
    }

    .productTreeComponent .product-tree-items>div {
        margin-left: 10px;
        margin-right: 10px
    }

    .productTreeComponent .product-tree-item-panel {
        height: auto
    }
}

.productTreeComponent .productTreeItemComponent {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-left: 78px;
    margin-right: 78px;
    position: relative
}

.productTreeComponent .productTreeItemComponent:before,.productTreeComponent .productTreeItemComponent:after {
    content: " ";
    display: table
}

.productTreeComponent .productTreeItemComponent:after {
    clear: both
}

.productTreeComponent .productTreeItemComponent:first-child {
    padding-top: 60px
}

.productTreeComponent .productTreeItemComponent .product-tree-item-image {
    float: left;
    width: 200px;
    left: calc(7%);
    position: relative;
    z-index: 2
}

.productTreeComponent .productTreeItemComponent .product-tree-item-image img {
    border-radius: 50%
}

.productTreeComponent .productTreeItemComponent .product-tree-item-horizontal-line {
    height: 1px;
    width: calc(43% - 198px);
    top: 50%;
    left: calc(7% + 200px);
    position: absolute;
    z-index: 1
}

.productTreeComponent .productTreeItemComponent .product-tree-item-panel {
    width: calc(50% - 75px);
    float: left;
    padding: 20px;
    min-height: 200px;
    height: 200px;
    position: relative;
    background-color: #fff;
    left: calc(50% - 130px)
}

.productTreeComponent .productTreeItemComponent .product-tree-item-panel .product-tree-item-heading {
    height: 180px;
    overflow: hidden
}

.productTreeComponent .productTreeItemComponent .product-tree-item-panel:after {
    position: absolute;
    top: calc(50% - 31px);
    left: -29px;
    display: inline-block;
    border-top: 30px solid transparent;
    border-right: 30px solid #fff;
    border-left: 0 solid #fff;
    border-bottom: 30px solid transparent;
    content: " "
}

.productTreeComponent .productTreeItemComponent .product-tree-item-body {
    overflow: hidden;
    height: 138px
}

.productTreeComponent .productTreeItemComponent .product-tree-item-connector {
    color: #fff;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: calc(50% - 12px);
    left: calc(50% - 12px);
    margin-right: -25px;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%
}

.productTreeComponent .productTreeItemComponent .product-tree-item-inverted .product-tree-item-image {
    left: calc(93% - 198px)
}

.productTreeComponent .productTreeItemComponent .product-tree-item-inverted .product-tree-item-horizontal-line {
    left: 50%
}

.productTreeComponent .productTreeItemComponent .product-tree-item-inverted .product-tree-item-panel {
    left: -194px
}

.productTreeComponent .productTreeItemComponent .product-tree-item-inverted .product-tree-item-panel:before {
    border-right-width: 0;
    right: -15px;
    left: auto
}

.productTreeComponent .productTreeItemComponent .product-tree-item-inverted .product-tree-item-panel:after {
    border-right: 0 solid #fff;
    border-left: 30px solid #fff;
    right: -30px;
    left: auto
}