@charset "utf-8";
/* CSS Document */


.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
}
.docs-page .navbar-default .navbar-header {
	width:auto
}
.docs-page .navbar-default .navbar-collapse {
	position:absolute;
	right:0;
	border:0
}
.docs-page .navbar-default .navbar-collapse .navbar-nav>li>a {
	background-color:#fff
}
@media(max-width:1024px) {
.docs-page .navbar-default .navbar-collapse .navbar-nav>li>a {
float:none
}
}
nav.sidebar {
	position:absolute;
	top:146px;
	bottom:0;
	left:50%;
	background:rgba(250, 250, 250, 0.9);
	margin-left:-640px;
	min-height:700px;
	z-index:3;
}
@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;
	position:relative;
	z-index:15;
}
.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:21px;
font-size:11px;
font-family: 'Raleway', sans-serif!important;
font-weight:400;
letter-spacing:.13em
}
.powerFooterNavigationComponent .mobile-footer-phone-number>div a {
line-height:45px;
font-size:11px;
color:#07b;
font-family: 'Raleway', sans-serif!important;
font-weight:400;
}
}
.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: 'Raleway', sans-serif!important;
	font-weight:600;
	color:#003c4c;
	line-height:40px
}
.powerFooterNavigationComponent .footer-phone-number .text-stratus>span {
	display:none
}
.powerFooterNavigationComponent .head-text {
	font-size:15px;
	font-family: 'Raleway', sans-serif!important;
font-weight:400;
	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:0;
}
.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('http://www.salesforce.atworkweb.com/sw/swchannel/images/users/41221/salesforcecampaign/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: 'Raleway', sans-serif!important;
font-weight:600;
	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: 'Raleway', sans-serif!important;
font-weight:400;
	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: 'Raleway', sans-serif!important;
font-weight:600;
	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: 'Raleway', sans-serif!important;
font-weight:600;
	padding:0;
	margin:0
}
.metric .symbol-trailing {
	font-family: 'Raleway', sans-serif!important;
font-weight:100;
}
.metric .symbol-leading {
	font-family: 'Raleway', sans-serif!important;
font-weight:600;
}
.metric .tagline {
	padding-top:15px;
	font-family: 'Raleway', sans-serif!important;
font-weight:600;
	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: 'Raleway', sans-serif!important;
font-weight:600;
	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: 'Raleway', sans-serif!important;
font-weight:400;
}
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-family: 'Raleway', sans-serif!important;
	font-weight:400;
	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-family: 'Raleway', sans-serif!important;
font-weight:600;
	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 {
	display:table-cell;
	vertical-align:middle;
	background-color:#f4f4f4;
	border:1px solid #222;
	box-sizing:border-box;
	color:#222;
	font-family: 'Raleway', sans-serif!important;
	font-weight:600;
	font-size:11px;
	height:65px;
	letter-spacing:1px;
	line-height:12px;
	text-align:center;
	text-transform:uppercase;
	width:100%;
	z-index:2
}
.scrollable-nav .nav li {
	display:table;
	box-sizing:border-box;
	margin:0;
	padding:0 8px 0 8px;
	position:relative
}
.scrollable-nav .nav li a {
	padding-left:0;
	padding-right:0
}
.scrollable-nav .nav li:first-child {
	padding-left:0
}
.scrollable-nav .nav li:last-child {
	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:absolute;
	bottom:-10px;
	left:0;
	right:0;
	margin: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: 'Raleway', sans-serif!important;
font-weight:400;
}
.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: 'Raleway', sans-serif!important;
font-weight:600;
	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: 'Raleway', sans-serif!important;
font-weight:400;
	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%
}
.imageComponent .hotspot-image-container {
	display:inline-block;
	position:relative;
	max-width:100%
}
.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: 'Raleway', sans-serif!important;
font-weight:400;
	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;
	font-size:30px;
	line-height:36px
}
.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: 'Raleway', sans-serif!important;
font-weight:600;
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: 'Raleway', sans-serif!important;
font-weight:600;
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';
background:url(http://www.salesforce.atworkweb.com/sw/swchannel/images/users/41221/salesforcecampaign/arrow-up-do.png) no-repeat 0 0;
	width:17px;
	height:9px;
	display:inline-block;
content:"";
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 {
	background:url(http://www.salesforce.atworkweb.com/sw/swchannel/images/users/41221/salesforcecampaign/arrow-up-do.png) no-repeat 0 -9px;
	content:"";
}
.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: 'Raleway', sans-serif!important;
font-weight:600;
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, .globalnavbar .search-form {
	width:40px;
transition:all .5s linear;
	margin-top:0 !important
}
.expandableNavigationBarComponent .search-form form.gsc-search-box, .globalnavbar .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, .globalnavbar .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, .globalnavbar .search-form form.gsc-search-box .icon-sfdc-icon-magnifying-glass {
left:9px
}
}
.expandableNavigationBarComponent .search-form form.gsc-search-box .gsc-input, .globalnavbar .search-form form.gsc-search-box .gsc-input {
	opacity:0;
	width:100%;
transition:all .5s linear
}
.expandableNavigationBarComponent .search-form.active, .globalnavbar .search-form.active {
	width:335px
}
.expandableNavigationBarComponent .search-form.active .icon-sfdc-icon-magnifying-glass, .globalnavbar .search-form.active .icon-sfdc-icon-magnifying-glass {
	color:#07b
}
.expandableNavigationBarComponent .search-form.active .gsc-input, .globalnavbar .search-form.active .gsc-input {
	opacity:1
}
@media(min-width:1024px) and (max-width:1311px) {
.expandableNavigationBarComponent .search-form.active, .globalnavbar .search-form.active {
width:160px
}
}
.expandableNavigationBarComponent .search-form .input-group-btn, .globalnavbar .search-form .input-group-btn {
	width:1%
}
.expandableNavigationBarComponent .search-form .input-group-btn .btn, .globalnavbar .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
}
@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 .edition-head {
	font-family:'SalesforceSansLight' !important
}
.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 .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 .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
}
@media(min-width:480px) and (max-width:1311px) {
.pricingComponent .pricing-container .btn-lg {
padding-left:10px;
padding-right: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: 'Raleway', sans-serif!important;
font-weight:200;
	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
}
@media(max-width:1311px) and (min-width:1024px) {
.pricingComponent .pricing-number {
padding:0 5px
}
}
.pricingComponent .pricing-number span {
	display:inline-block
}
.pricingComponent .pricing-number .currency {
	font-size:50px
}
@media(max-width:1311px) and (min-width:768px) {
.pricingComponent .pricing-number .currency {
font-size:30px
}
}
.pricingComponent .pricing-number .currency.no-currency {
	font-size:30px;
	text-align:center
}
.pricingComponent .pricing-number .currency-symbol-left {
	font-size:30px;
	vertical-align:top;
	line-height:57px
}
@media(max-width:1311px) 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
}
.col>.parbase.section.target>div>.columnContainer>.columns-wrapper {
	padding-left:0;
	padding-right:0
}
nav.sidebar.col-lg-2 {
	max-width:208px;
	width:208px
}
.leftnav {
	max-width:175px;
	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-additionalPhoneNumbers-level .phoneNumberComponent_textLevel>span, .leftnav-additionalPhoneNumbers-level .phoneNumberComponent_textLevel>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: 'Raleway', sans-serif!important;
font-weight:600;
}
.leftnav-body .leftnav-page-list a {
	display:block;
	font-family: 'Raleway', sans-serif!important;
font-weight:400;
	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: 'Raleway', sans-serif!important;
font-weight:600;
}
.leftnav-body .leftnav-page-list a.active.active-child {
	font-family: 'Raleway', sans-serif!important;
font-weight:400;
}
.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;
	font-size:21px;
	line-height:28px;
	font-weight:normal;
}
.leftnav .leftnav-heading [class^="cloud-icon-"], .leftnav .leftnav-heading [class*=" cloud-icon-"] {
/*font-size:250%;*/
/*background:url(http://www.salesforce.atworkweb.com/sw/swchannel/images/users/41221/salesforcecampaign/lft-ph-icon.png) no-repeat 0 0;*/
margin-bottom:15px;
height:56px;
}
.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: 'Raleway', sans-serif!important;
font-weight:400;
}
.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: 'Raleway', sans-serif!important;
font-weight:400;
	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, .globalnavbar .search-button {
	position:relative
}
.expandableNavigationBarComponent .search-button .icon-sfdc-icon-magnifying-glass, .globalnavbar .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;*/
	font-family: 'Raleway', sans-serif!important;
	margin:10px 0;
	color:#222
}
.search-results .search-result-item {
	width:100%;
	/*font-family:'SalesforceSansRegular' !important;*/
	font-family: 'Raleway', sans-serif!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
}
@keyframes hot-swap-color-fade {
0 {
background-color:inherit
}
50% {
background-color:#222
}
100% {
background-color:inherit
}
}
.columnContainer.hot-swap {
	overflow:hidden;
-webkit-transition:height .3s;
-o-transition:height .3s;
transition:height .3s;
	-webkit-animation-name:hot-swap-color-fade;
	animation-name:hot-swap-color-fade;
	-webkit-animation-duration:1s;
	animation-duration:1s
}
.columnContainer .container {
	position:relative
}
.columnContainer .column-container-image {
	position:absolute;
	width:100%;
	height:100%;
	background-repeat:no-repeat
}
.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) {
.columns-wrapper .hidden-bg-color-xs {
background-color:transparent !important
}
}
@media(max-width:1023px) and (min-width:767px) {
.columns-wrapper .hidden-bg-color-sm {
background-color:transparent !important
}
}
@media(max-width:1311px) and (min-width:1023px) {
.columns-wrapper .hidden-bg-color-md {
background-color:transparent !important
}
}
@media(min-width:1312px) {
.columns-wrapper .hidden-bg-color-lg {
background-color:transparent !important
}
}
@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:10;
}
}
.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)
}
.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)
}
.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;*/
	font-family: 'Raleway', sans-serif!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;*/
	font-family: 'Raleway', sans-serif!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;*/
	font-family: 'Raleway', sans-serif!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;*/
	font-family: 'Raleway', sans-serif!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: 'Raleway', sans-serif!important;
	/*font-family:'SalesforceSansRegular' !important;*/
	font-size:17px
}
.filters-sort-by {
	padding-bottom:10px;
	padding-top:5px;
	/*font-family:'SalesforceSansRegular' !important;*/
	font-family: 'Raleway', sans-serif!important;
}
.filters-clear {
	padding:10px 11px 10px 30px;
	font-size:12px;
	/*font-family:'SalesforceSansRegular' !important;*/
	font-family: 'Raleway', sans-serif!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;*/
	font-family: 'Raleway', sans-serif!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;*/
	font-family: 'Raleway', sans-serif!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-family: 'Raleway', sans-serif!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-family: 'Raleway', sans-serif!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;*/
	font-family: 'Raleway', sans-serif!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
}
.bodyCopyComponent .text-size-default.line-height-32 {
	line-height:32px
}
@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-family: 'Raleway', sans-serif!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-family: 'Raleway', sans-serif!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 {
	min-height:400px
}
.productTreeComponent .product-tree-header.bg-image {
	-webkit-background-size:cover;
	background-size:cover;
	background-position:top center
}
.productTreeComponent .product-tree-heading {
	padding:40px 166px
}
.productTreeComponent .product-tree-heading h2 {
	min-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 {
	border:1px solid #fff;
	height:91px;
	width:91px;
	border-radius:50%;
	margin:0 auto;
	animation-name:product-tree-pulse;
	-webkit-animation-name:product-tree-pulse;
	animation-duration:1.5s;
	-webkit-animation-duration:1.5s;
	animation-timing-function:ease-out;
	-webkit-animation-timing-function:ease-out;
	animation-delay:0;
	-webkit-animation-delay:0;
	animation-direction:alternate;
	-webkit-animation-direction:alternate;
	animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	animation-fill-mode:none;
	-webkit-animation-fill-mode:none;
	animation-play-state:running;
	-webkit-animation-play-state:running;
	cursor:pointer
}
.productTreeComponent .pulse-circle.pulse-stop {
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1
}
@keyframes product-tree-pulse {
50% {
-ms-transform:scale(0.85);
-webkit-transform:scale(0.85);
transform:scale(0.85)
}
}
@-webkit-keyframes product-tree-pulse {
50% {
-ms-transform:scale(0.85);
-webkit-transform:scale(0.85);
transform:scale(0.85)
}
}
.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:1311px) {
.productTreeComponent .product-tree-heading {
padding:40px 40px
}
.productTreeComponent .product-tree-items>div {
margin-left:0;
margin-right:0
}
}
@media(max-width:1023px) {
.productTreeComponent .product-tree-heading {
padding:40px 20px
}
}
@media(max-width:767px) {
.productTreeComponent .product-tree-header {
min-height:365px
}
.productTreeComponent .product-tree-heading {
padding:40px 20px
}
.productTreeComponent .product-tree-subheading {
margin-top:8px
}
.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 .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%
}
@media(max-width:1312px) {
.productTreeComponent .productTreeItemComponent .product-tree-item-image {
left:0
}
}
.productTreeComponent .productTreeItemComponent .product-tree-item-horizontal-line {
	height:1px;
	width:calc(43% - 198px);
	top:150px;
	left:calc(7% + 200px);
	position:absolute;
	z-index:1
}
@media(max-width:1312px) {
.productTreeComponent .productTreeItemComponent .product-tree-item-horizontal-line {
width:calc(50% - 198px);
left:200px
}
}
.productTreeComponent .productTreeItemComponent .product-tree-item-panel {
	width:calc(50% - 75px);
	float:left;
	padding:20px;
	min-height:200px;
	position:relative;
	background-color:#fff;
	left:calc(50% - 130px)
}
.productTreeComponent .productTreeItemComponent .product-tree-item-panel .product-tree-item-heading {
	min-height:180px
}
.productTreeComponent .productTreeItemComponent .product-tree-item-panel:after {
	position:absolute;
	top:69px;
	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 {
	min-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:139px;
	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)
}
@media(max-width:1312px) {
.productTreeComponent .productTreeItemComponent .product-tree-item-inverted .product-tree-item-image {
left:calc(100% - 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
}
@media(max-width:1312px) {
.productTreeComponent .productTreeItemComponent {
margin-left:0;
margin-right:0
}
}
.shapeComponent {
	position:relative
}
.shapeComponent .shape-child {
	position:absolute;
	top:50%;
	left:50%;
	max-width:100%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
.shapeComponent .shape-background-image {
	background:no-repeat center center;
	background-size:cover
}
.shapeComponent .shape-background {
	width:100%;
	padding-bottom:100%
}
.shapeComponent .circular {
	border-radius:50%
}
.hotspotComponent .hotspot-wrapper {
	position:absolute
}
.hotspotComponent .hotspot-container {
	position:relative
}
.hotspotComponent .hotspot-container.no-border {
	width:34px;
	height:34px
}
.hotspotComponent .hotspot {
	cursor:pointer
}
.hotspotComponent .hotspot .hotspot-dot {
	height:34px;
	width:34px;
	border:2px solid;
	border-color:#fff;
	border-radius:100%;
	margin:0 auto;
	animation-name:pulse;
	animation-duration:4s;
	animation-timing-function:ease-out;
	animation-direction:alternate;
	animation-iteration-count:infinite;
	animation-fill-mode:none;
	animation-play-state:running;
	position:absolute;
	z-index:1
}
.hotspotComponent .hotspot.opened.tablet {
	position:fixed;
	top:27% !important;
	left:50% !important
}
.hotspotComponent .hotspot.opened .hotspot-dot {
	z-index:4
}
.hotspotComponent .hotspot.opened .hotspot-icon {
	z-index:4
}
.hotspotComponent .hotspot .hotspot-icon {
	position:absolute;
	line-height:30px;
	z-index:2
}
.hotspotComponent .hotspot .hotspot-icon.hotspot-plus {
	color:#fff;
	font-size:34px;
	top:0;
	left:6.5px;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.hotspotComponent .hotspot .hotspot-icon.hotspot-minus {
	font-size:28px;
	top:-12px;
	left:8.5px;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
@-webkit-keyframes pulse {
from {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
50% {
-webkit-transform:scale3d(0.8, 0.8, 0.8);
transform:scale3d(0.8, 0.8, 0.8)
}
to {
	-webkit-transform:scale3d(1, 1, 1);
	transform:scale3d(1, 1, 1)
}
}
@keyframes pulse {
from {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
50% {
-webkit-transform:scale3d(0.8, 0.8, 0.8);
transform:scale3d(0.8, 0.8, 0.8)
}
to {
	-webkit-transform:scale3d(1, 1, 1);
	transform:scale3d(1, 1, 1)
}
}
.hotspotComponent .hotspot-callout {
	position:absolute;
	left:-150px;
	top:10px;
	opacity:0;
	visibility:hidden
}
.hotspotComponent .hotspot-callout.fader {
	-moz-transition:opacity 500ms linear, visibility linear 500ms;
	-o-transition:opacity 500ms linear, visibility linear 500ms;
	-webkit-transition:opacity 500ms linear, visibility linear 500ms;
	transition:opacity 500ms linear, visibility linear 500ms
}
.hotspotComponent .hotspot-callout.open {
	opacity:1;
	visibility:visible;
	z-index:3;
	-moz-transition:opacity 500ms linear, visibility 500ms linear;
	-o-transition:opacity 500ms linear, visibility 500ms linear;
	-webkit-transition:opacity 500ms linear, visibility 500ms linear;
	transition:opacity 500ms linear, visibility 500ms linear
}
.hotspotComponent .hotspot-callout.open.tablet {
	position:fixed;
	top:50% !important
}
.hotspotComponent .hotspot-callout.open.tablet.left-aligned {
	left:50% !important
}
.hotspotComponent .hotspot-callout.open.tablet.right-aligned {
	left:13% !important
}
.hotspotComponent .hotspot-callout.open.tablet.display-text-only {
	left:31% !important;
	top:55% !important
}
.hotspotComponent .hotspot-callout.open.tablet.display-text-only.bottom-aligned {
	top:43% !important
}
.hotspotComponent .hotspot-callout.open.tablet.display-image-only {
	left:31% !important;
	top:55% !important
}
.hotspotComponent .hotspot-callout.open.tablet.no-border {
	left:20%;
	top:40% !important
}
.hotspotComponent .hotspot-callout.tablet.fader {
	-moz-transition:none !important;
	-o-transition:none !important;
	-webkit-transition:none !important;
	transition:none !important
}
.hotspotComponent .hotspot-callout.left-aligned .hotspot-callout-content-container {
	left:-290px
}
.hotspotComponent .hotspot-callout.right-aligned .hotspot-callout-content-container {
	left:172px
}
.hotspotComponent .hotspot-callout.right-aligned .hotspot-callout-content-container .hotspot-callout-content {
	float:right
}
.hotspotComponent .hotspot-callout.top-aligned.border {
	top:165px
}
.hotspotComponent .hotspot-callout.top-aligned.border .hotspot-callout-content-container.display-text-only {
	left:2px;
	max-width:330px;
	top:-150px
}
.hotspotComponent .hotspot-callout.top-aligned.border .hotspot-callout-content-container.display-text-only .hotspot-callout-content {
	max-width:290px
}
.hotspotComponent .hotspot-callout.bottom-aligned.border {
	top:-138px
}
.hotspotComponent .hotspot-callout.bottom-aligned.border .hotspot-callout-content-container.display-text-only {
	left:2px;
	max-width:330px;
	bottom:-153px
}
.hotspotComponent .hotspot-callout.bottom-aligned.border .hotspot-callout-content-container.display-text-only .hotspot-callout-content {
	max-width:290px
}
.hotspotComponent .hotspot-callout .hotspot-callout-image {
	position:absolute;
	top:0;
	left:10px
}
.hotspotComponent .hotspot-callout.border .hotspot-callout-image {
	height:310px;
	width:310px;
	border-radius:100%;
	box-shadow:0 0 30px 1px rgba(0, 0, 0, 0.3), inset 0 0 10px 5px rgba(0, 0, 0, 0.3);
	border:solid 10px #fff
}
.hotspotComponent .hotspot-callout.no-border {
	top:15px;
	left:-42%;
	position:relative
}
.hotspotComponent .hotspot-callout.no-border .hotspot-callout-image {
	position:relative;
	border:0;
	height:auto;
	left:0
}
.hotspotComponent .vertically-align {
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)
}
.hotspotComponent .hotspot-callout-content-container {
	position:absolute;
	width:436px;
	max-height:289px;
	color:#fff;
	padding:20px
}
.hotspotComponent .hotspot-callout-content-container .hotspot-callout-content {
	max-width:249px
}
.sidebarRelatedPromoComponent .promo-container {
	padding:30px 30px 20px 30px
}
.sidebarRelatedPromoComponent .promo-container .promo-img {
	margin-bottom:20px
}
.sidebarRelatedPromoComponent .promo-container .promo-img .circular-img {
	width:120px;
	height:120px;
	border-radius:50%
}
.sidebarRelatedPromoComponent .promo-container .promo-body {
	margin-top:-10px
}
.sidebarRelatedPromoComponent .promo-container.arrow-box {
	position:relative
}
.sidebarRelatedPromoComponent .promo-container.arrow-box.arrow-left:after {
	right:100%
}
.sidebarRelatedPromoComponent .promo-container.arrow-box.arrow-left.bg-snow:after {
	border-right-color:#fff
}
.sidebarRelatedPromoComponent .promo-container.arrow-box.arrow-left.bg-karl-the-fog:after {
	border-right-color:#f4f4f4
}
.sidebarRelatedPromoComponent .promo-container.arrow-box.arrow-right:after {
	left:100%
}
.sidebarRelatedPromoComponent .promo-container.arrow-box.arrow-right.bg-snow:after {
	border-left-color:#fff
}
.sidebarRelatedPromoComponent .promo-container.arrow-box.arrow-right.bg-karl-the-fog:after {
	border-left-color:#f4f4f4
}
.sidebarRelatedPromoComponent .promo-container.arrow-box:after {
	width:0;
	height:0;
	top:45px;
	border:solid transparent;
	content:" ";
	position:absolute;
	border-width:20px
}
.embedComponent pre {
	border:1px solid #ccc;
	border-radius:4px;
	padding:10px;
	word-break:break-all;
	word-wrap:break-word
}
.embedComponent pre code {
	color:#222;
	white-space:pre-wrap
}
.embedComponent .textarea-style pre {
	background-color:#fff;
	border:1px solid #222;
	border-radius:inherit
}
.embedComponent .textarea-style pre code {
	/*font-family:"SalesforceSansRegular", Helvetica, Arial, sans-serif;*/
	font-family: 'Raleway', sans-serif!important;
}
.vid-preview-sec {
	position:relative;
	height:100%
}
.vid-preview-sec .device-vid-holder, .vid-preview-sec .iphone-vid-holder {
	position:absolute;
	background-color:transparent;
	background-repeat:no-repeat;
	background-size:cover;
	margin:auto;
	padding:0;
	z-index:1
}
.vid-preview-sec .device-img-holder, .vid-preview-sec .iphone-img-holder {
	width:auto;
	height:auto;
	position:absolute;
	z-index:1;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover
}
.vid-preview-sec .vid-bg-wrap {
	visibility:hidden;
	opacity:0;
	-webkit-animation:placeImg-fadeIn 1s 1s both;
	-moz-animation:placeImg-fadeIn 1s 1s both;
	animation:placeImg-fadeIn 1s 1s both
}
.vid-preview-sec .mac-wrap {
	position:relative;
	z-index:1
}
@media(min-width:1312px) {
.vid-preview-sec .mac-wrap {
width:auto
}
}
.vid-preview-sec .mac-wrap .device-vid-holder, .vid-preview-sec .mac-wrap .device-img-holder {
	top:6%;
	bottom:17.5%;
	left:20%;
	right:18.5%
}
.vid-preview-sec .iphone-wrap {
	position:absolute;
	bottom:0;
	right:3rem;
	z-index:5
}
.vid-preview-sec .iphone-wrap .iphone-vid-holder, .vid-preview-sec .iphone-wrap .iphone-img-holder {
	top:15.5%;
	bottom:19.5%;
	left:10%;
	right:10%;
	max-width:-moz-calc(90% - 3.25rem);
	max-width:-webkit-calc(90% - 3.25rem);
	max-width:calc(90% - 3.25rem);
	width:auto;
	margin:auto
}
.placeImg-fadeIn {
-webkit-animation:placeImg-fadeOut .6s .5s both;
-moz-animation:placeImg-fadeOut .6s .5s both;
animation:placeImg-fadeOut .6s .5s both
}
@-moz-keyframes placeImg-fadeOut {
from {
opacity:0
}
to {
	opacity:1
}
}
@-webkit-keyframes placeImg-fadeOut {
from {
opacity:0
}
to {
	opacity:1
}
}
@keyframes placeImg-fadeOut {
from {
opacity:0
}
to {
	opacity:1
}
}
.placeImg-fadeIn {
-webkit-animation:placeImg-fadeIn .6s .5s both;
-moz-animation:placeImg-fadeIn .6s .5s both;
animation:placeImg-fadeIn .6s .5s both
}
@-moz-keyframes placeImg-fadeIn {
from {
opacity:0
}
to {
	opacity:1
}
}
@-webkit-keyframes placeImg-fadeIn {
from {
opacity:0
}
to {
	opacity:1
}
}
@keyframes placeImg-fadeIn {
from {
opacity:0
}
to {
	opacity:1
}
}
.device-vid-holder video {
	width:100%
}
.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
}
.border-brand-sales:hover {
	border-top-color:#418fde !important
}
.border-brand-sales-light:hover {
	border-top-color:#92c1e9 !important
}
.border-brand-service:hover {
	border-top-color:#963cbd !important
}
.border-brand-service-light:hover {
	border-top-color:#a77bca !important
}
.border-brand-marketing:hover {
	border-top-color:#ed8b00 !important
}
.border-brand-marketing-light:hover {
	border-top-color:#f0b334 !important
}
.border-brand-communities:hover {
	border-top-color:#ffb60f !important
}
.border-brand-communities-light:hover {
	border-top-color:#ffcb4f !important
}
.border-brand-analytics:hover {
	border-top-color:#00b2a9 !important
}
.border-brand-analytics-light:hover {
	border-top-color:#64ccc9 !important
}
.border-brand-platform:hover {
	border-top-color:#001871 !important
}
.border-brand-platform-light:hover {
	border-top-color:#0047bb !important
}
.border-brand-iot:hover {
	border-top-color:#001871 !important
}
.border-brand-iot-light:hover {
	border-top-color:#0047bb !important
}
.border-brand-smb:hover {
	border-top-color:#00c2df !important
}
.border-brand-industries:hover {
	border-top-color:#009cdb !important
}
.border-brand-e-commerce:hover {
	border-top-color:#84bd00 !important
}
.border-brand-e-commerce-light:hover {
	border-top-color:#97d700 !important
}
.border-brand-einstein:hover {
	border-top-color:#00a1e0 !important
}
.border-brand-blue:hover {
	border-top-color:#00a1e0 !important
}
.globalnavbar {
	background-color:#fff
}
.globalnavbar ul {
	list-style-type:none;
	margin:0 10px 0 0;
	padding:0
}
.globalnavbar li.overlayMenuItem {
	float:left;
	border-top:solid transparent 3px
}
.globalnavbar li.overlayMenuItem:hover {
	background-color:inherit;
	color:#222;
	border-top:solid transparent 3px
}
.globalnavbar li.overlayMenuItem:hover>h2.root-nav-heading>a {
	color:#222 !important
}
.globalnavbar li.overlayMenuItem h2.root-nav-heading {
	font-size:16px
}
.globalnavbar li.overlayMenuItem h2.root-nav-heading a {
	display:block;
	color:#00a1e0;
	text-align:center;
	padding:11px 15px;
	text-decoration:none;
	z-index:100
}
.globalnavbar .globalnavbar-header-container {
	position:relative;
	height:110px
}
.globalnavbar .globalnavbar-header-container .globalnavbar-header {
	position:absolute;
	width:100%;
	height:100%
}
@media(min-width:768px) {
.globalnavbar .globalnavbar-header-container .globalnavbar-header {
width:752px;
padding:0
}
}
@media(min-width:1024px) {
.globalnavbar .globalnavbar-header-container .globalnavbar-header {
width:972px;
padding:0
}
}
@media(min-width:1312px) {
.globalnavbar .globalnavbar-header-container .globalnavbar-header {
width:1312px;
padding:0 16px
}
.globalnavbar .globalnavbar-header-container .globalnavbar-header .top-section {
right:16px
}
}
.globalnavbar .globalnavbar-header-container .globalnavbar-header .logo-container {
	position:relative;
	float:left;
	top:23px;
	margin-right:22px
}
.globalnavbar .globalnavbar-header-container .globalnavbar-header .logo-container .globalnavbar-logo {
	height:64px;
	width:89px
}
.globalnavbar .globalnavbar-header-container .globalnavbar-header .globalnav-menu-container {
	float:left
}
.globalnavbar .globalnavbar-header-container .globalnavbar-header .globalnav-menu-container .menu-item-container {
	position:absolute;
	bottom:0
}
.globalnavbar .globalnavbar-header-container .globalnavbar-header .globalnav-menu-container #products_menu_item .subOverlayMenu {
	left:-117px
}
.globalnavbar .globalnavbar-header-container .globalnavbar-header .globalnav-menu-container #products_menu_item .subOverlayMenu .globalnavbar-expandable-container {
	padding:0 !important;
	background-color:#e6eef4;
	margin-top:6px;
	height:auto;
	overflow:hidden;
	width:1000px
}
@media(min-width:1312px) {
.globalnavbar .globalnavbar-header-container .globalnavbar-header .globalnav-menu-container #products_menu_item .subOverlayMenu .globalnavbar-expandable-container {
width:1240px
}
}
.globalnavbar .globalnavbar-header-container .globalnavbar-header .globalnav-menu-container #products_menu_item .subOverlayMenu .globalnavbar-expandable-container .tab-pane {
	overflow:hidden;
	margin-left:0;
	margin-right:0;
	height:auto
}
.globalnavbar .globalnavbar-header-container .globalnavbar-header .globalnav-menu-container .tab-pane .tab-wrap {
	padding-left:0;
	padding-right:0
}
.globalnavbar .col>.columnContainer>.columns-wrapper {
	padding-left:22px
}
.globalnavbar .globalnavbar-expandable-container.nav-expanded {
	height:auto
}
.globalnavbar .globalnavbar-expandable-container .container {
	width:100%
}
.globalnavbar .overlayMenuItem {
	position:relative;
	float:left
}
.globalnavbar .overlayMenuItem .subOverlayMenu {
	display:none;
	position:absolute;
	top:38px
}
.globalnavbar #leftAlignedSubMenuElement {
	left:0
}
.globalnavbar #rightAlignedSubMenuElement {
	right:0
}
.globalnavbar .overlayMenuItem:hover>.subOverlayMenu {
	display:block;
	z-index:100
}
.globalnavbar .top-section {
	position:absolute;
	right:0;
	top:0;
	width:200px;
	height:110px
}
.globalnavbar .top-section .utility-bar {
	position:absolute;
	top:0;
	right:0;
	justify-content:center;
	display:block;
	float:right;
	text-align:right;
	min-width:50vw;
	align-items:center;
	align-content:center
}
.globalnavbar .top-section .utility-bar>div {
	display:inline-block;
	vertical-align:middle
}
.globalnavbar .top-section .utility-bar>.login-link {
	position:relative;
	margin-left:10px
}
.globalnavbar .top-section .utility-bar>.login-link .separator {
	height:26px;
	width:1px;
	background-color:#c4c4c4;
	position:absolute;
	left:0;
	top:15px
}
.globalnavbar .top-section .utility-bar .region-selection {
	z-index:10
}
.globalnavbar .top-section .utility-bar .region-selection .region-selector_dialog {
	box-shadow:none;
	display:none;
	top:34px;
	position:absolute;
	z-index:5;
	width:710px;
	border:5px solid #f4f4f4;
	background-color:#fff;
	bottom:auto
}
.globalnavbar .top-section .utility-bar .region-selection .region-selector_dialog:after {
	top:-14px;
	right:-4px;
	border-top:0 solid transparent;
	border-bottom:14px solid #f4f4f4;
	border-left:14px solid transparent;
	border-right:14px solid transparent;
	position:absolute;
	width:0;
	height:0;
	border-style:solid
}
.globalnavbar .top-section .utility-bar .region-selection .region-selector_button {
	width:30px;
	height:28px;
	vertical-align:middle;
	color:#9faab5;
	cursor:pointer;
	overflow:hidden
}
.globalnavbar .top-section .utility-bar .global_login {
	margin-left:20px
}
.globalnavbar .top-section .utility-bar .global_login a {
	text-transform:none;
	font-family:SalesforceSansRegular !important;
	font-size:16px;
	padding-right:6px
}
.globalnavbar .top-section .utility-bar .global_login a>span {
	padding-right:10px
}
.globalnavbar .top-section .utility-bar .global_login a .globalIcon img {
	width:30px;
	height:30px
}
.globalnavbar .top-section .free-trial-container {
	position:absolute;
	bottom:0;
	right:0
}
.globalnavbar .top-section .search-form, .globalnavbar .top-section .dropdown {
	margin-right:20px
}
.globalnavbar .top-section .icon-sfdc-icon-magnifying-glass {
	color:#9faab5
}
.globalnavbar .body-overlay {
	display:none;
	visibility:hidden;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.5);
	opacity:0;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.globalnavbar li:hover ~ .body-overlay {
display:inline;
visibility:visible;
opacity:1;
z-index:-1
}
.globalnavbar .dropdown a.dropdown-toggle {
	font-size:16px;
	white-space:nowrap
}
.globalnavbar .dropdown .dropdown-menu>li>a:hover {
	background-image:none !important
}
.globalnavbar .dropdown .flyout-menu {
	border:5px solid #f4f4f4;
	border-radius:0 !important;
	padding:10px 0;
	margin-top:9px !important;
	left:calc(-65%) !important;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none
}
.globalnavbar .dropdown .flyout-menu li {
	padding:5px 0;
	font-size:13px
}
.globalnavbar .dropdown .flyout-menu li>a {
	color:#07b;
	cursor:pointer
}
.globalnavbar .dropdown .flyout-menu li>a:hover, .globalnavbar .dropdown .flyout-menu li a:focus {
	background-color:#fff !important
}
.globalnavbar .dropdown .flyout-menu li .flyout-menu-icon {
	font-size:20px;
	margin:0 10px 0 0;
	vertical-align:middle
}
.globalnavbar .dropdown .flyout-menu:before {
	content:"";
	position:absolute;
	left:50%;
	top:-14px;
	width:0;
	height:0;
	border-top:0 solid transparent;
	border-right:14px solid transparent;
	border-left:14px solid transparent;
	border-bottom:14px solid #f4f4f4;
	margin:0 0 0 -14px
}
.globalnavbar>li>a {
	display:table-cell;
	justify-content:center;
	align-items:center;
	width:100%;
	background-color:transparent
}
.globalnavbar .tab-wrap {
	background-color:#e6eef4
}
.globalnavbar .tab-wrap>.columnContainer {
	margin:10px;
	overflow:hidden
}
.globalnavbar .tab-wrap .tab-content {
	margin:0 10px 0 10px
}
.globalnavbar .tab-wrap .tabsContainer .tab-corner {
	padding-right:10px
}
.globalnavbar .tab-wrap .tabsContainer .nav.nav-tabs .tab-equalize {
	margin-top:10px
}
.row .tab-pane {
	background-color:#fff
}
.bottom-border {
	height:3px;
	width:100%;
	margin-top:-3px
}
.bottom-border.border-brand-sales {
	background-color:#418fde
}
.bottom-border.border-brand-sales[href]:hover {
	background-color:#6ca9e6
}
.bottom-border.border-brand-sales-light {
	background-color:#92c1e9
}
.bottom-border.border-brand-sales-light[href]:hover {
	background-color:#bcd9f2
}
.bottom-border.border-brand-service {
	background-color:#963cbd
}
.bottom-border.border-brand-service[href]:hover {
	background-color:#ac60cc
}
.bottom-border.border-brand-service-light {
	background-color:#a77bca
}
.bottom-border.border-brand-service-light[href]:hover {
	background-color:#bf9fd9
}
.bottom-border.border-brand-marketing {
	background-color:#ed8b00
}
.bottom-border.border-brand-marketing[href]:hover {
	background-color:#ffa321
}
.bottom-border.border-brand-marketing-light {
	background-color:#f0b334
}
.bottom-border.border-brand-marketing-light[href]:hover {
	background-color:#f4c563
}
.bottom-border.border-brand-communities {
	background-color:#ffb60f
}
.bottom-border.border-brand-communities[href]:hover {
	background-color:#ffc642
}
.bottom-border.border-brand-communities-light {
	background-color:#ffcb4f
}
.bottom-border.border-brand-communities-light[href]:hover {
	background-color:#ffda82
}
.bottom-border.border-brand-analytics {
	background-color:#00b2a9
}
.bottom-border.border-brand-analytics[href]:hover {
	background-color:#00e5d9
}
.bottom-border.border-brand-analytics-light {
	background-color:#64ccc9
}
.bottom-border.border-brand-analytics-light[href]:hover {
	background-color:#8ad9d6
}
.bottom-border.border-brand-platform {
	background-color:#001871
}
.bottom-border.border-brand-platform[href]:hover {
	background-color:#0023a4
}
.bottom-border.border-brand-platform-light {
	background-color:#0047bb
}
.bottom-border.border-brand-platform-light[href]:hover {
	background-color:#005aee
}
.bottom-border.border-brand-iot {
	background-color:#001871
}
.bottom-border.border-brand-iot[href]:hover {
	background-color:#0023a4
}
.bottom-border.border-brand-iot-light {
	background-color:#0047bb
}
.bottom-border.border-brand-iot-light[href]:hover {
	background-color:#005aee
}
.bottom-border.border-brand-smb {
	background-color:#00c2df
}
.bottom-border.border-brand-smb[href]:hover {
	background-color:#13e0ff
}
.bottom-border.border-brand-industries {
	background-color:#009cdb
}
.bottom-border.border-brand-industries[href]:hover {
	background-color:#0fbaff
}
.bottom-border.border-brand-e-commerce {
	background-color:#84bd00
}
.bottom-border.border-brand-e-commerce[href]:hover {
	background-color:#a8f000
}
.bottom-border.border-brand-e-commerce-light {
	background-color:#97d700
}
.bottom-border.border-brand-e-commerce-light[href]:hover {
	background-color:#b6ff0b
}
.bottom-border.border-brand-einstein {
	background-color:#00a1e0
}
.bottom-border.border-brand-einstein[href]:hover {
	background-color:#14bdff
}
.bottom-border.border-brand-blue {
	background-color:#00a1e0
}
.bottom-border.border-brand-blue[href]:hover {
	background-color:#14bdff
}
.globalnavbar .globalnavbar-expandable-container .tab-pane .buttonCTAComponent>div {
	background-color:#fff;
	margin-bottom:0
}
.globalnavbar .globalnavbar-expandable-container .tab-pane .tab-wrap {
	padding-left:0;
	padding-right:0
}
.isc .globalnavbar .free-trial-container .buttonCTAItemComponent {
	display:none
}
.isp .globalnavbar .free-trial-container .buttonCTAItemComponent {
	opacity:1;
	filter:alpha(opacity=100)
}
.isp .globalnavbar .free-trial-container .buttonCTAItemComponent .nav-tab span.head-text {
	display:block
}
.tabsContainer .tabs-container .nav-tabs li {
	display:table-cell;
	float:left;
	margin-bottom:-1px;
	padding-top:25px;
	min-height:137px;
	align-items:center;
	background-color:inherit;
	justify-content:center
}
.tabsContainer .tabs-container .nav-tabs li.active, .tabsContainer .tabs-container .nav-tabs li:hover, .tabsContainer .tabs-container .nav-tabs li:focus {
	background-color:#fff
}
.tabsContainer .tabs-container .nav-tabs li>a {
	background-color:transparent
}
.tabsContainer .tabs-container .nav-tabs li>a span {
	display:block
}
.tabsContainer .tabs-container .tab-width-2 {
	width:50%
}
.tabsContainer .tabs-container .tab-width-3 {
	width:33.3%
}
.tabsContainer .tabs-container .tab-width-3:last-child {
	width:33.4%
}
.tabsContainer .tabs-container .tab-width-4 {
	width:25%
}
.tabsContainer .tabs-container .tab-width-5 {
	width:20%
}
.tabsContainer .tabs-container .tab-width-6 {
	width:16.6%
}
.tabsContainer .tabs-container .tab-width-6:last-child {
	width:17%
}
.tabsContainer .tabs-container .tab-width-7 {
	width:14.2%
}
.tabsContainer .tabs-container .tab-width-7:last-child {
	width:14.8%
}
.tabsContainer .tabs-container .tab-width-8 {
	width:12.5%
}
.tabsContainer .tab-content>div {
	width:100%
}
.tabsContainer .tab-corner {
	float:left;
	width:210px;
	padding-left:30px;
	padding-top:25px
}
.tabs-header {
	margin:0
}
.tabs-header .col {
	padding:0
}