/**********
  Document
 *********/
body {
	font-family: aktiv-grotesk-std, aktiv-grotesk;
	margin: 0;
	color: #4c4c4c;
}

a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}

a, a:link, a:visited {
	color: #659ad2;
}

a:hover, a:active {
	color: #4c81b9;
}

strong {
	font-weight: 500;
}

b {
	font-weight: 500;
}

i {
	font-style: italic;
}

#page {
	position: absolute;
	width:100%;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
}

.vertical-align-middle {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.no-margins {
	margin: 0 !important;
}

/************
 Indicates whether we're in mobile layout mode:
 (z-index = 0) -> false
 (z-index = 1) -> true (at 960 breakpoint)
 (z-index = 2) -> true (at 720 breakpoint)
 (z-index = 3) -> true (at 480 breakpoint)
 (z-index = 4) -> true (at 320 breakpoint)
 ************/
#mobile-layout-mode {
	position: absolute;
	display: none;
	z-index: 0;
}

.mobile-only {
	display: none;
}

/*******
 Buttons
 *******/
.button {
	display: inline-block;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	z-index: 5;
	font-size: 14px;
	padding: 18px 30px;
	cursor: pointer;
	border: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.button-long {
	padding: 20px 75px;
}

.button-long-fixed {
	width: 270px;
	padding-left: 0;
	padding-right: 0px;
}

.button-large {
	padding: 0;
	width: 142px;
	height: 40px;
	line-height: 40px;
}

.button-larger {
	padding: 0;
	width: 156px;
	height: 48px;
	line-height: 48px;
}

/**
 'blue'
 */
.button-blue {
	background: #199bfc;
	color: white;
}

.button-blue:link, .button-blue:visited, .button-blue:hover, .button-blue:active {
	color: white;
}

.button-blue:hover, .button-blue:active {
	background: #0082E3;
}

/**
 'bluegray'
 */
.button-bluegray {
	color: white;
	background-color: #679BD0;
}

.button-bluegray:link, .button-bluegray:visited, .button-bluegray:hover, .button-bluegray:active {
	color: white;
}

.button-bluegray:hover, .button-bluegray:active {
	background: #4E82B7;
}

/**
 'forest'
 */
.button-forest {
	background: #44a164;
	color: white;
}

.button-forest:link, .button-forest:visited, .button-forest:hover, .button-forest:active {
	color: white;
}

.button-forest:hover, .button-forest:active {
	background: #2B884B;
}

/**
 'lime'
 */
.button-lime {
	background: #96c607;
	color: white;
}

.button-lime:link, .button-lime:visited, .button-lime:hover, .button-lime:active {
	color: white;
}

.button-lime:hover, .button-lime:active {
	background: #7DAD00;
}

.button-rounded {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}

/****************
 ACF Page Buttons
*****************/
.page-buttons {
	padding-top: 50px;
}

.page-buttons .content-item {
	display: table;
}

.page-button {
	float: left;
	width: 376px;
	height: 50px;
	text-align: center;
	margin-right: 32px;
	border: 1px solid #e7e7e7;
}

.page-button:last-child {
	margin-right: 0px;
}

.page-button a {
	display: block;
	height: 50px;
	line-height: 50px;
	text-transform: uppercase;
	font-size: 14px;
}

.page-button a,
.page-button a:link,
.page-button a:visited {
	background-color: #fff;
}

.page-button a:active,
.page-button a:hover {
	color: #4c4c4c;
	background-color: #fafafa;
}

/******
 Headings
 ******/
.content-heading-main {
	font-weight: 700;
  	font-size: 48px;
  	line-height: 50px;
  	color: #3b51a3;
  	letter-spacing: -1.5px;
}

.content-heading-subcontent {
  	font-weight: 500;
  	margin-bottom: 22px;
  	line-height: 1.2em;
  	color: #3b51a3;
  	font-size: 30px;
  	letter-spacing: -0.5px;
}

.content-heading-large {
  	font-weight: 300;
  	letter-spacing: -1.6px;
  	font-size: 48px;
  	line-height: 1.2em;
  	color: #3b51a3;
 }

 .content-heading-medium {
 	font-weight: 500;
 	font-size: 25px;
 }

/************
 Page Content
 ************/
#content-container {
	width: 100%;
	min-width: 1200px;
}

.content-item {
	display: block;
	position: relative;
	height: 100%;
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.content-item-container {
	width: 100%;
	min-width: 1200px;
}

.content-columns {
	height: 100%;
}

.content-left-column {
	float: left;
	height: 100%;
}

.content-right-column {
	float: right;
	height: 100%;
}

.content-description, .content-description p {
	font-size: 18px;
  	font-weight: 300;
  	letter-spacing: 0px;
  	line-height: 26px;
  	overflow: hidden;
  	text-overflow: ellipsis;
}

.content-detail-heading {
	font-weight: 500;
  	font-size: 18px;
}

.content-detail-description p, 
.content-detail-description ul, 
.content-detail-description ol {
	font-size: 18px;
  	font-weight: 300;
  	letter-spacing: 0px;
  	line-height: 26px;
  	overflow: hidden;
}

.content-info {
	font-size: 14px;
  	font-weight: 500;
}

.big-description p {
	font-size: 28px;
	font-weight: 300;
}

/**************************
 Page Content - Backgrounds
 **************************/
.background-white {
	background-color: #ffffff;
}

.background-lightgray {
	background-color: #f4f4f4;
}

.background-mediumgray {
	background-color: #e7e7e7;
}

/************************************
 Page Content - Generic Header / Body
 ************************************/
.content-item-header {
	background: #f4f4f4;
	border-bottom: 1px solid #e7e7e7;
	padding-top: 68px;
	padding-bottom: 68px;
}

.content-item-header .content-heading-large {
	margin-bottom: 52px
}

.content-item-header .content-heading-large:last-child {
	margin-bottom: 0px;
}

.content-item-body {
	background: #ffffff;
	padding-top: 68px;
	padding-bottom: 68px;
}

.content-textgroup {
	margin-bottom: 32px;
}

/*********************************
 Page Content - "Custom Sections" (ACF)
**********************************/
.content-section {
	padding-top: 84px;
	padding-bottom: 84px;
	border-bottom: 1px solid #e7e7e7;
}

.content-section:last-child {
	margin-bottom: 0px;
}

.content-section .inner-content {
	width: 1180px;
	margin-left: auto;
	margin-right: auto;
}

.content-section .content-heading-large {
	margin-top: 0;
	margin-bottom: 30px;
}

.content-section .content-description p {
	font-size: 22px;
  	padding-left: 4px;
  	letter-spacing: -0.6px;
  	line-height: 28px;
  	text-align: left;
}

.content-section .left-column {
	float: left;
	vertical-align: top;
	width: 100%;
}

.content-section.two-columns .left-column {
	width: 580px;
}

.content-section .right-column {
	float: right;
	vertical-align: top;	
	margin-top: 5px;
	margin-right: 7px;
}

.content-section .mobile-media-column {
	display: none;
}

.content-section .play-video-container.vid-monitor-wrapper {
	left: 18px;
}

.content-section .content-section-image {
	border: 1px solid #000;
	width: 564px;
	height: 330px;
}

.content-section .content-section-buttons {
	margin-top: 35px;
}

.content-section .content-section-buttons .button {
	display: inline-block;
	padding-top: 18px;
  	padding-bottom: 18px;
  	padding-left: 38px;
  	padding-right: 38px;
  	font-size: 14px;
  	margin-right: 8px;
}

.content-section .content-section-buttons a:last-child .button {
	margin-right: 0px;
}

.content-section .content-section-buttons .intro-button {
	display: inline-block;
	font-size: 25px;
	line-height: 20px;
	padding: 26px 110px;
	text-align: center;
	letter-spacing: 1px;
	box-sizing: border-box;
	text-transform: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}

.content-section-fineprint p {
	font-size: 10px;
	color: #bbbdc0;
	font-weight: 400;
	margin-top: 21px;
}

.content-section.background-custom-image {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	border: none;
	padding: 0;
}

.content-section.background-custom-image .content-heading-main,
.content-section.background-custom-image .content-heading-large,
.content-section.background-custom-image .content-description p,
.content-section.background-custom-image .content-section-fineprint p {
	color: #fff;
	text-align: center;
}

.content-section.background-custom-image .content-heading-main {
	font-size: 50px;
	font-weight: 300;
	letter-spacing: -1px;
	word-spacing: 0.1em;
	line-height: 58px;
	margin-bottom: 26px;
}

.content-section.background-custom-image .content-heading-large {
	font-size: 25px;
	font-weight: 400;
	letter-spacing: 0.5px;
}

.content-section.background-custom-image .inner-content {
	text-align: center;
}

.content-section.background-custom-image .content-section-fineprint p {
	font-size: 16px;
	font-weight: 400;
}

.content-section.background-custom-image .content-section-buttons {
	margin-top: 80px;
}

.content-section-background {
	position: relative;
}

.content-section-background .background-image {
	max-width: 100%;
	min-width: 100%;
}

/*****************************
 Page Content - "Top Section"
******************************/
.content-section-top {
	padding-top: 72px;
	padding-bottom: 200px;
}

.content-section-top .content-heading-large {
	margin-bottom: 12px;
}

.content-section-top .content-heading-medium {
	margin-bottom: 22px;
}

.content-section-top h1, 
.content-section-top h2, 
.content-section-top h3, 
.content-section-top h4, 
.content-section-top p {
	color: #fff;
}

/***********************
   Page Content - Grid
 ***********************/
.content-grid-row {
	margin-bottom: 70px;
}
.content-grid-item {
	display: table-cell;
	width: 370px;
	max-width: 370px;
	min-width: 370px;
	padding-bottom: 48px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	overflow: hidden;
}
.content-grid-item-image {
	width: 370px;
	height: 200px;
	margin-bottom: 46px;
}
.content-grid-3-column {
	display: block;
}
.content-grid-2-column {
	display: none;
}

/****************************
 Page Content - Use-Case List
 ****************************/
.usecase-list .content-item-bottom-align {
	position: absolute;
	bottom: 0;
}

.usecase-list .content-item-link {
	font-size: 20px;
	font-weight: 300;
}

.usecase-list .content-description-medium p {
	font-size: 20px;
  	line-height: 27px;
  	letter-spacing: 0.10px;
}


/***********************************
 Page Content - related resources
 **********************************/
.related-resources-wrapper {
	padding-top: 68px;
	padding-bottom: 68px;
}

.related-resources-wrapper .content-heading-large {
	text-align: center;
	margin-bottom: 56px;
}

.related-resources .content-heading-subcontent {
  letter-spacing: -1px;
  margin-bottom: 36px;
}

.related-resources .content-left-column {
	padding-left: 14px;
	width: 786px;
	box-sizing: border-box;
}

.related-resources .content-right-column {
  	width: 414px;
  	box-sizing: border-box;
  	padding-left: 26px;
  	padding-right: 12px;
}

.related-resources .pagination-widget {
	margin-top: 42px;
}

/***************
   Search Form
****************/
.search-form {
  	background: #f4f4f4;
	border: 1px solid #CCCCCC;
	overflow: hidden;
	width: 300px;
	height: 34px;
}

.search-submit {
	vertical-align: top;
	width: 16px;
	height: 16px;
	margin-top: 9px;
	margin-left: 10px;
	background: url('/wp-content/themes/MindManager/images/top-menu-search-submit.png') no-repeat center center;
	border: none;
	cursor: pointer;
}

.search-submit:active, .search-submit:hover {
	background: url('/wp-content/themes/MindManager/images/top-menu-search-submit-hover.png') no-repeat center center;
}


.search-cancel {
	color: #d0d0d0;
	/*color: #4c4c4c;*/
	cursor: pointer;
}

.search-cancel:active, .search-cancel:hover {
	color: #b7b7b7;
}

.search-field {
	background: #f4f4f4;
	color: #4c4c4c;
	width: 242px;
	height: 100%;
	margin: 0 0 0 5px;
	padding: 0;
	border: none;
	outline: none;
	font-size: 18px;
}

/***************
 Document Items
 ***************/
.document-thumbnail {
	width: 254px;
	height: 310px;
}

/***********************************
Subitems - picture / text groupings
************************************/
.content-subitem {
	height: 323px;
	margin-top: 68px;
}
.content-subitem:last-child {
	margin-bottom: 68px;
}
.content-subitem .content-item-description p {
	font-size: 22px;
  	font-weight: 300;
  	line-height: 27px;
  	letter-spacing: -0.2px;
  	text-overflow: ellipsis;
}
.content-subitem .content-heading-subcontent {
	margin-bottom: 12px;
	letter-spacing: -1px;
}
.content-subitem-columns .content-left-column {
	width: 590px;
  	box-sizing: border-box;
  	padding-left: 16px;
  	position: relative;
}
.content-subitem-columns .content-right-column {
	width: 570px;
	box-sizing: border-box;
	margin-right: 15px;
	position: relative;
}
.content-subitem-image {
	width: 570px;
	height: 320px;
}
.content-subitem-mobile-image {
	display: none;
}
.bordered-image {
	border: 1px solid #a0aad1;
}

/**********
 Text Items
 *********/
.text-item {
	padding-top: 70px;
	padding-bottom: 70px;
	border-top: 1px solid #e7e7e7;
}
.text-item:first-child {
	border-top: none;
}
.text-item:nth-child(odd) {
	background: #ffffff;
}
.text-item:nth-child(even) {
	background: #f4f4f4;
}

/***********
 News Items
************/
.news-item-content .content-heading-main {
	margin-top: 64px;
	margin-bottom: 64px;
	float: left;
}
.news-item-content .heading-item {
	background-color: #f4f4f4;
}
.news-item-content .content-left-column {
	width: 1000px;
}
.news-item-content .content-left-column .news-item-post {
	padding-top: 0px;
}
.news-item-content .pagination-links {
	float: right;
}
.news-item-post-wrapper {
	border-top: 1px solid #e7e7e7;
}
.news-item-post-wrapper:nth-child(even) {
	background-color: #fff;
}
.news-item-post-wrapper:nth-child(odd) {
	background-color: #f4f4f4;
}
.news-item-post-wrapper:first-child .news-item-post {
	padding-top: 0px;
}
.news-item-post {
	padding-top: 48px;
	padding-bottom: 36px;
}
.news-item-post.single-post {
	padding-top: 0px;
}
.news-item-post .content-heading-subcontent {
	color: #659ad2;
	margin-bottom: 8px;
}
.news-item-post .content-description {
	margin-bottom: 24px
}
.news-item-post .content-description p {
	font-size: 17px;
}
.news-item-post .content-info {
	margin-bottom: 10px;
}
.news-item-post .button {
	padding: 18px 24px;
}

/***************
 Press Resources
****************/
.press-resource {
	padding-bottom: 40px;
}
.press-resource:last-child {
	padding-bottom: 0px;
}
.press-resource-image {
	max-width: 100%;
}

/**************
 Contact Items
**************/
.contact-item-container .content-grid-row:last-child {
	margin-bottom: 0px;
}
.contact-item-container .content-item-body {
	margin-bottom: 0px;
}
.contact-item {

}
.contact-item-subheading {
	font-weight: 500;
  	font-size: 18px;
  	margin-bottom: 12px;
}
.contact-item .bottom-align {
	position: absolute;
	bottom: 0;
}
.contact-item .contact-item-body {
	padding-bottom: 118px;
}
.contact-item-button-wrapper {
	display: block;
	margin-bottom: 12px;
}
.contact-item-button-wrapper .button {
	padding: 12px 26px;
}
.contact-sales-form,
.customer-service-form,
.pardot-form-hidden {
	display: none;
}
.content-popup .contact-sales-form,
.content-popup .customer-service-form {
	display: block;
}
.content-popup .form-wrapper {
	background-color: #fff;
}
.content-popup .form-wrapper iframe {
	width: 100%;
	height: 100%;
}

/************
 Side tab bar
 ************/
.side-tab-item {
	display: block;
	height: 160px;
	border-bottom: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	cursor: pointer;
	background-color: #f4f4f4;
}

.side-tab-item:hover {
	background-color: #DBDBDB;
}

.side-tab-item.selected {
	border-right: none;
	background-color: #ffffff;
}

.side-tab-item-content {
	text-align: right;
  	padding-right: 28px;
  	font-size: 30px;
  	font-weight: 400;
  	line-height: 160px;
}

.side-tab-bar-wrapper {
	display: block;
	margin-right: 916px;
}

.side-tab-bar-content .inner-content {
	position: relative;
	z-index: 11;
}

.side-tab-bar-content .outer-content.content-left-column {
	position: relative;
	width: 100%;
	z-index: 10;
}

.side-tab-bar-content .outer-content.content-right-column {
	width: 917px;
	height: auto;
	margin-left: -917px;
	border-bottom: 1px solid #e7e7e7;
  	border-left: 1px solid #e7e7e7;
}

/***********
 Top tab bar
 ***********/
.top-tab-item {
	float: left;
	width: 270px;
	height: 50px;
	border-top: 1px solid transparent;
	border-right: 1px solid #e7e7e7;
	background-color: #659ad2;
	cursor: pointer;
}

.top-tab-item:hover {
	background-color: #4C81B9;
}

.top-tab-item.selected {
	background-color: #fff;
	border-top-color: #e7e7e7;
}

.top-tab-item .top-tab-item-content {
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
	line-height: 50px;
  	text-align: center;
}

.top-tab-item.selected .top-tab-item-content {
	color: #4c4c4c;
}

.top-tab-item:first-child {
	border-left: 1px solid #e7e7e7;
}

/*******************
 Page Content Lists
 ******************/
.content-related-list li {
	font-size: 20px;
	font-weight: 300;
	color: #659ad2;
	letter-spacing: -0.5px;
  	margin-bottom: 20px;
  	line-height: 23px;
}

/*******************
 Page Content Video
 ******************/
.content-video {
	width: 1044px;
  	height: auto;
  	padding-left: 14px;
  	padding-top: 22px;
  	margin-bottom: 24px;
  	box-sizing: border-box;
}

.content-video iframe {
	width: 1030px;
	height: 580px;
}

/*******************
 Page Content Popup
 ******************/
.content-popup-container {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.7);
	z-index: 9999;
}

.content-popup {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	-o-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	width: 570px;
}

.content-popup .content-popup-heading {
	font-size: 28px !important;
	font-weight: 300;
	color: #3b51a3;
	background-color: #f4f4f4;
	padding: 38px 68px !important;
	text-align: left;
	border-bottom: 1px solid #e7e7e7;
}

.content-popup .content-description {
	background-color: #fff;
	padding: 38px 68px !important;
}

.content-popup .content-popup-close {
	float: right;
	margin-bottom: 20px;
	cursor: pointer;
}

.content-popup .content-popup-close.disabled {
	opacity: 0.3;
	cursor: default;
}

.content-popup .select2-container {
	display: block;
	border: 1px solid #e7e7e7;
}

.content-popup .button {
	padding-top: 0;
  	padding-bottom: 0;
  	height: 50px;
  	line-height: 50px;
  	margin-top: 20px;
}

.content-popup .button.disabled {
	cursor: default;
	background: #e7e7e7;
}

/*************
 Region Info
 ************/
.region-info {
	margin-bottom: 20px;
}
.region-label, .current-region-label {
  	margin-right: 10px;
}
.region-label, .current-region-label, #region-button {
	float: left;
  	line-height: 50px;
}
.current-region-label {
	font-weight: 500;
}
#region-button {
	cursor: pointer;
}

/*****************
 Registration Page
 ****************/
.registration-error {
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: 22px;
}

/*******************
 Trial Download Page
 *******************/
.trial-download-body .content-right-column {
	max-width: 546px;
}

.trial-download-body .button {
	margin-top: 2px;
}

/**********
  404 Page
 *********/
.page-404-container .search-form .search-cancel {
	display: none;
}

/***************
 Management Team
 ***************/
.team-member {
	padding-bottom: 70px;
}

.team-member:first-child {
	padding-top: 70px;
}

.team-member-image {
	width: 270px;
	height: 270px;
}

.team-member .content-heading-subcontent {
	margin-bottom: 2px;
}

.team-member .content-heading-medium {
	font-size: 22px;
	margin-bottom: 30px;
}

.team-member .content-column {
	box-sizing: border-box;
	width: 930px;
	padding-left: 30px;
}

/************
 Careers Page
 ************/
.careers-container .content-heading-large {
	margin-bottom: 20px;
}

.careers-container ul {
	margin-bottom: 64px;
}
.careers-container li {
	margin-bottom: 20px;
	font-weight: 500;
	font-size: 18px;
}
.careers-container li:last-child {
	margin-bottom: 0px;
}
.careers-container #compas-frame {
	width: 634px;
	height: 325px;
}

/************
 Text Styling
 ************/
.emphasized-price {
	color: #3b51a3;
	font-weight:bold;
}

.bluegray {
	color: #659ad2;
}

.font-hairline {
	font-weight: 200;
}

.font-light {
	font-weight: 300;
}

.font-regular {
	font-weight: 400;
}

.font-medium {
	font-weight: 500;
}

.font-bold {
	font-weight: 700;
}

.font-xbold {
	font-weight: 800;
}

.font-black {
	font-weight: 900;
}

/* WYSIWYG */

.wysiwyg-content blockquote {
    margin-left: 5%;
}

.wysiwyg-content em {
    font-style: italic;
}

.wysiwyg-content ul {
    list-style: disc inside none;
}

.wysiwyg-content ul ul {
	list-style: circle inside none;
}

.wysiwyg-content ul ul ul {
	list-style: square inside none;
}

.wysiwyg-content ol {
    list-style: decimal inside none;
}

.wysiwyg-content ol ol {
    list-style-type: lower-alpha;
}

.wysiwyg-content ol ol ol {
    list-style-type: lower-roman;
}

.wysiwyg-content ul,
.wysiwyg-content ol {
    margin-left: 2.5%;
}


/* Events and Webinars FREEFORM text */

.freeformText h2 {
	font-size: 14px;
	font-weight: 500;
	padding-left: 15px;
}

.freeformText h1 {
	color: #659ad2;
	font-size: 30px;
	font-weight: 500;
	letter-spacing: -0.5px;
	line-height: 1.2em;
	margin-bottom: 38px;
	margin-top: 10px;
	padding-left: 12px;
}

.freeformText p {
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 0px;
	line-height: 26px;
	margin-top: 16px;
	padding-botom: 0;
	padding-left: 30px;
}

/* Whitepaper Landing Page */

.whitepaper .content-item-header h1 {
	margin-bottom: 15px;
}

.whitepaper h2{
	font-size: 18px;
	font-weight: 700;
}

.content-description.whitepaper {
	float: left;
	margin-right: 5%;
	width: 50%;
}

.content-description.whitepaper p {
	overflow: visible;
}

.whitepaper-pardot {
	background-color: white;
	float: right;
	width: 45%;
}

.whitepaperImage {
	float: left;
	margin-right: 15px;
}

.share-buttons {
	margin-bottom: 15px;
}



@media only screen and (max-width: 1199px) {
	.whitepaper.content-description {
		float: none;
		margin-right: 0;
		width: 100%;
	}

	.whitepaper-pardot {
		float: none;
		margin-left: 0;
		margin-top: 30px;
		width: 100%;
	}

	#mobile-layout-mode {
		z-index: 1;
	}

	.mobile-only {
		display: block;
	}
	.desktop-only {
		display: none;
	}

	/****************
	 ACF Page Buttons
	 ****************/
	.page-button {
		width: 290px;
	}

	/************
	 Page Content
	************/
	#content-container {
		width: 100%;
		min-width: 0;
	}

	.content-item {
		height: 100%;
		width: 960px;
		box-sizing: border-box;
		padding-left: 10px;
		padding-right: 10px;
	}

	.content-item-container {
		width: 100%;
		min-width: 0;
	}

	.content-heading-subcontent {
		font-size: 28px;
	}

	/*********************************
	 Page Content - "Custom Sections" (ACF)
	**********************************/
	.content-section {
		padding-top: 50px;
		padding-bottom: 40px;
	}

	.content-section .inner-content {
		width: 960px;
		padding-left: 16px;
		padding-right: 16px;
		box-sizing: border-box;
	}

	.content-section .right-column {
		margin-right: 0px;
	}

	.content-section.two-columns .left-column {
		width: 490px;
	}

	.content-section.two-columns .right-column {
		width: 416px;
	}

	.content-section .play-video-container {
		width: 416px;
		height: 244px;
	}

	.content-section .play-video-container.vid-monitor-wrapper {
		left: 0;
		width: 416px;
	}

	.content-section .play-video-container.vid-monitor-wrapper .play-video-inner {
		left: 21px;
  		top: 52px;
  		width: 376px;
  		height: 210px;
	}

	.content-section .play-video-thumbnail {
		width: 416px;
		height: 244px;
	}

	.content-section .play-video-monitor {
		margin-top: 36px;
	}

	.content-section .content-section-image {
		width: 416px;
		height: 244px;
	}

	/*****************************
	 Page Content - "Top Section"
	******************************/
	.content-section-top {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	/***********************
   	  Page Content - Grid
 	***********************/
	.content-grid-item {
		padding-left: 10px;
		padding-right: 10px;
		width: 450px;
		max-width: 450px;
		min-width: 450px;
	}
	.content-grid-3-column {
		display: none;
	}
	.content-grid-2-column {
		display: block;
	} 

	/***********************************
	 Subitems - picture / text groupings
	************************************/
	.content-subitem {
		height: 254px;
	}

	.content-subitem-image {
		width: 440px;
		height: 254px;
	}

	.content-subitem-columns .content-left-column {
		width: 456px;
	}

	.content-subitem-columns .content-right-column {
		width: 440px;
	}

	.content-subitem .content-item-description p {
		font-size: 20px;
	}

	/**********
	 Text Items
	 *********/
	.text-item {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	/***********************************
 	 Page Content - related resources
 	 **********************************/
 	.related-resources-wrapper {
 		padding-top: 42px;
 		padding-bottom: 42px;
 	}

 	.related-resources .content-left-column {
 		width: 640px;
 		padding-left: 4px;
 	}

 	.related-resources .content-right-column {
 		width: 300px;
 		padding-right: 4px;
 	}

 	.content-related-list li {
 		font-size: 18px;
 	}

 	/************
	 Side tab bar
	 ************/
	.side-tab-item {
 		height: 124px;
 	}
 	.side-tab-bar-content .outer-content.content-right-column {
		width: 700px;
		margin-left: -700px;
		padding-right: 8px;
	}
	.side-tab-bar-content .side-tab-bar-wrapper {
		margin-right: 699px;
	}

	/*******************
	 Page Content Video
	 ******************/
	.content-video {
		width: 100%;
		padding-top: 0px;
		padding-left: 0px;
	}
	.content-video iframe {
		width: 940px;
		height: 530px;
	}

	/************************************
 	Page Content - Generic Header / Body
 	************************************/
	.content-item-header, .content-item-body {
		padding-top: 46px;
		padding-bottom: 46px;
	}
	.content-item-header .content-heading-large {
		margin-bottom: 28px;
	}

	/*******************
	 Trial Download Page
	 *******************/
	.trial-download-body .content-right-column {
		max-width: 270px;
	}

	/***************
	 Management Team
	 ***************/
	.team-member {
		padding-bottom: 50px;
	}
	.team-member:first-child {
		padding-top: 50px;
	}

	.team-member .content-column {
		width: 670px;
	}

}

@media only screen and (max-width: 959px) {
	#mobile-layout-mode {
		z-index: 2;
	}

	/****************
	 ACF Page Buttons
	 ****************/
	.page-buttons {
		padding-top: 30px;
	}

	.page-button {
		width: 100%;
		margin-right: 0;
	}	

	/*************
	 Page Content
	 ************/
	.content-item {
		width: 720px;
	}

	/*********************************
	 Page Content - "Custom Sections" (ACF)
	**********************************/
	.content-section {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.content-section .inner-content {
		width: 720px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.content-section.two-columns .left-column {
		width: 100%;
	}

	.content-section.two-columns .right-column {
		display: none;
	}

	.content-section .mobile-media-column {
		display: block;
	}

	.content-section .play-video-monitor {
		margin-top: 0px;
	}

	.content-section .play-video-container {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}

	.content-section .play-video-container.vid-monitor-wrapper {
		margin: auto;
		width: 416px;
  		height: 360px
	}

	.content-section .play-video-container.vid-monitor-wrapper .play-video-inner {
		top: 16px;
	}	

	.content-section .content-section-image {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}

	.content-section .content-section-buttons {
		text-align: center;
	}

	.content-section .content-heading-main {
		text-align: center;
	}

	.content-section .content-heading-large {
		text-align: center;
	}

	.content-section .content-description p {
		text-align: center;
	}

	.content-section-fineprint p {
		font-size: 12px;
		text-align: center;
	}

	.content-section.background-custom-image .content-heading-main {
		font-size: 39px;
	}
	.content-section.background-custom-image .content-heading-large {
		font-size: 25px;
	}
	.content-section.background-custom-image .content-section-buttons {
		margin-top: 60px;
	}

	.content-section-fineprint p {
		margin-top: 6px;
	}

	.content-section .content-section-buttons .intro-button {
		font-size: 20px;
		padding: 20px 70px;
	}

	/*****************************
	 Page Content - "Top Section"
	******************************/
	.content-section-top {
		padding-top: 42px;
		padding-bottom: 42px;
	}

	/***********************
   	  Page Content - Grid
 	***********************/
 	.content-grid-item {
 		width: 330px;
 		max-width: 330px;
 		min-width: 330px;
 		margin-left: 10px;
 		margin-right: 10px;
 	}
 	.content-grid-item-image {
 		width: 330px;
 		height: 164px;
 	}

	 /****************************
	  Page Content - Use-Case List
	 ****************************/
	.usecase-list .content-description-medium p {
		font-size: 18px;
		line-height: 26px
	}
	.usecase-list .content-grid-row {
		margin-bottom: 40px;
	}

	/***********************************
	 Subitems - picture / text groupings
	************************************/
	.content-subitem {
		height: auto;
		margin-top: 40px;
		margin-bottom: 30px;
	}

	.content-subitem .vertical-align-middle {
		position: initial;
		top: 0%;
  		transform: none;
  		-webkit-transform: none;
 		-moz-transform: none;
  		-o-transform: none;
  		-ms-transform: none;
	}

	.content-subitem .img-content {
		display: none;
	}

	.content-subitem .text-content {
		float: none;
		width: 100%;
		padding-left: 16px;
		padding-right: 16px;
		text-align: center;
	}

	.content-subitem-image {
		display: none;
	}

	.content-subitem-mobile-image {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 26px;
	}

	/***********************************
 	 Page Content - related resources
 	 **********************************/
	.related-resources .content-left-column {
		width: 100%;
		padding-left: 0px;
	}

	.related-resources .content-right-column {
		width: 100%;
		padding-left: 0px;
		margin-top: 50px;
	}

	.related-resources-wrapper .content-heading-large {
		margin-bottom: 30px;
	}

	/***********
 	 Top tab bar
 	***********/
 	.top-tab-item {
 		width: 228px;
 	}

	/************
	 Side tab bar
	 ************/
 	.side-tab-item-content {
 		font-size: 26px;
 	}
 	.side-tab-bar-content .outer-content.content-right-column {
		width: 460px;
		margin-left: -460px;
		padding-right: 8px;
	}
	.side-tab-bar-content .side-tab-bar-wrapper {
		margin-right: 459px;
	}

	/*******************
	 Page Content Video
	 ******************/
	.content-video {
		padding-top: 12px;
	}
	.content-video iframe {
		width: 700px;
		height: 394px;
	}

	/************************************
	 Page Content - Generic Header / Body
	 ************************************/
	.content-item-header, .content-item-body {
		padding-top: 38px;
		padding-bottom: 38px;
	}

	/*******************
	 Trial Download Page
	 *******************/
	.trial-download .content-item-header {
		text-align: center;
	}
	.trial-download-body .content-left-column {
		width: 100%;
		text-align: center;
	}
	.trial-download-body .content-right-column {
		float: none;
  		clear: both;
  		margin-left: auto;
  		margin-right: auto;
  		padding-top: 22px;
	}
	.trial-download-body .content-right-column .button {
		margin-top: 6px;
	}

	/***************
	 Management Team
	 ***************/
	.team-member .content-column {
		width: 430px;
	}
	.team-member .content-heading-medium {
		margin-bottom: 18px;
	}
}

@media only screen and (max-width: 719px) {
	#mobile-layout-mode {
		z-index: 3;
	}
	/*************
	 Page Content
	 ************/
	.content-item {
		width: 480px;
	}
	.content-heading-large {
		font-size: 36px;
	}
	.content-heading-medium {
		font-size: 22px;
	}
	.content-heading-main {
		font-size: 40px;
	}
	.content-heading-subcontent {
		margin-bottom: 10px;
	}
	.big-description p {
		font-size: 26px;
	}

	/*********************************
	 Page Content - "Custom Sections" (ACF)
	**********************************/
	.content-section .inner-content {
		width: 480px;
	}

	.content-section-fineprint p {
		font-size: 14px;
		text-align: center;
	}

	.content-section-background .background-image {
		display: none;
	}

	.content-section.background-custom-image {
		position: relative;
		top: 0px;
		transform: none;
  		-webkit-transform: none;
 		-moz-transform: none;
  		-o-transform: none;
  		-ms-transform: none;
  		padding-top: 28px;
  		padding-bottom: 28px;
	}

	.content-section.background-custom-image .content-heading-main {
		font-size: 34px;
	}
	.content-section.background-custom-image .content-heading-large {
		font-size: 26px;
	}
	.content-section.background-custom-image .content-section-buttons {
		margin-top: 0px;
	}

	.content-section .content-section-buttons .intro-button {
		padding: 18px 60px;
	}

	/*****************************
	 Page Content - "Top Section"
	******************************/
	.content-section-top {
		padding-top: 28px;
		padding-bottom: 28px;
	}

	.content-section-top .content-heading-large {
		margin-bottom: 6px;
	}

	.content-section-top .content-heading-medium {
		margin-bottom: 14px;
	}

	/*******************
	 Page Content - Grid
	 *******************/
 	.content-grid-row {
 		margin-bottom: 0px;
 	}
 	.content-grid-item {
 		display: block;
 		min-width: 0px;
 		max-width: 10000px;
 		width: calc(100% - 20px);
 	}
 	.content-grid-item-image {
 		width: 100%;
 		height: auto;
 		margin-bottom: 22px;
 	}

 	/****************************
	 Page Content - Use-Case List
	 ****************************/
	.usecase-list .content-item-bottom-align {
 		position: initial;
 		margin-top: 22px;
 	}
 	.usecase-list .content-grid-row {
 		margin-bottom: 0px;
 	}

	/**********
	 Text Items
	 *********/
	.text-item {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	/***********
 	 Top tab bar
 	***********/
 	.top-tab-item {
 		width: 100%;
 		border-left: 1px solid #e7e7e7;
 		border-top: 1px solid #e7e7e7;
 		border-right: 1px solid #e7e7e7;
 	}

	/************
	 Side tab bar
	 ************/
 	.side-tab-item-content {
 		text-align: center;
 		padding-left: 12px;
 		padding-right: 12px;
 		line-height: 60px;
 	}

 	.side-tab-bar-content .side-tab-bar-wrapper {
		margin: 0;
	}

	/*******************
	 Page Content Video
	 ******************/
	.content-video iframe {
		width: 460px;
		height: 259px;
	}

	/*******************
	 Page Content Popup
	 ******************/
	.content-popup {
		width: 480px;
	}

	.content-popup .content-popup-heading {
		padding: 30px 16px !important;
		text-align: center;
	}

	.content-popup .content-description {
		padding: 30px 16px !important;
	}

	/************
	 Side tab bar
	 ************/
	.side-tab-bar-content .outer-content.content-right-column {
		width: 100%;
		padding-left: 12px;
		padding-right: 12px;
		margin-left: 0;
		border-bottom: none;
		border-left: none;
	}

	.side-tab-bar-content .content-item-2 .content-left-column {
		float: none;
	}

	/***************
	 LiveChat Plugin
	 ***************/
	#livechat-full, #livechat-compact-container {
		width: 100% !important;
		left: 0px !important;
	}

	/************************************
	 Page Content - Generic Header / Body
	 ************************************/
	.content-item-header, .content-item-body {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	/***************
	 Management Team
	 ***************/
	.management-team .content-item-header {
		text-align: center;
	}
	.team-member {
		text-align: center;
	}
	.team-member:first-child {
		padding-top: 30px;
	}
	.team-member .image-column {
		width: 460px;
	}
	.team-member .team-member-image {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 8px;
	}
	.team-member .content-column {
		width: 460px;
		padding-left: 0px;
	}

	/**************
	 Contact Items
	**************/
	.contact-item .contact-item-body {
		padding-bottom: 24px;
	}
	.contact-item .bottom-align {
		position: relative;
	}

	/************
	 Careers Page
	 ************/
	.careers-container ul {
		margin-bottom: 40px;
	}
	.careers-container #compas-frame {
		width: 100%;
	}

	/***********
	 News Items
	************/
	.news-item-content .pagination-links {
		float: left;
  		margin-top: 0px;
  	}

}

@media only screen and (max-width: 479px) {
    #mobile-layout-mode {
        z-index: 4;
    }

    /*************
     Page Content
     ************/
    .content-item {
        width: 320px;
    }

    .content-heading-subcontent {
        font-size: 26px;
    }

    .content-item-description p {
        font-size: 18px;
    }

    .content-description p,
	.content-description ul,
	.content-description ol {
        font-size: 16px;
    }

    .content-detail-heading {
        font-size: 16px;
    }

    .content-detail-description p, 
	.content-detail-description ul, 
	.content-detail-description ol {
        font-size: 16px;
        line-height: 24px;
    }

    .big-description p {
        font-size: 22px;
    }

    /*********************************
     Page Content - "Custom Sections" (ACF)
    **********************************/
    .content-section .inner-content {
        width: 100%;
    }

    .content-section .content-section-buttons .button {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 12px;
    }

    .content-section .content-description p {
        font-size: 19px;
    }

    .content-section .play-video-container.vid-monitor-wrapper {
        width: 280px;
        height: 252px;
    }

    .content-section .play-video-container.vid-monitor-wrapper .play-video-inner {
        left: 14px;
        top: 11px;
        width: 253px;
        height: 143px;
    }

    .content-section .play-video-container {
        width: 280px;
        height: 163px;
    }

    .content-section .play-video-thumbnail {
        width: 280px;
        height: 163px;
    }

    .content-section .play-video-button {
        width: 120px;
        height: 120px;
    }

    .content-section .content-section-image {
        width: 280px;
        height: 163px;
    }

    .content-section .content-section-buttons .intro-button {
        font-size: 18px;
        padding: 18px 60px;
    }

    /***********************************
     Subitems - picture / text groupings
    ************************************/
    .content-subitem {
        margin-top: 20px;
        margin-bottom: 52px;
    }

    .content-subitem .text-content {
        padding-left: 6px;
        padding-right: 6px;
    }

    .content-subitem-mobile-image {
        width: 280px;
        height: 161px;
    }

    .content-subitem .content-heading-subcontent {
        font-size: 26px;
    }

    .content-subitem .content-item-description p {
        font-size: 18px;
    }

    /************
     Side tab bar
     ************/
    .side-tab-item-content {
        font-size: 22px;
    }

    /*******************
     Page Content Video
     ******************/
    .content-video iframe {
        width: 100%;
    }

    /*******************
     Page Content Popup
     ******************/
    .content-popup {
        width: 320px;
    }

    .content-popup .content-popup-heading {
        padding: 16px 16px !important;
        text-align: center;
    }

    .content-popup .content-description {
        padding: 16px 16px !important;
    }

    /*************
     Region Info
     ************/
    .region-label, .current-region-label, #region-button {
        line-height: 36px;
    }

    /***************
     Management Team
     ***************/
    .team-member {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .team-member .image-column {
        width: 300px;
    }

    .team-member .team-member-image {
        margin-bottom: 6px;
    }

    .team-member .content-column {
        width: 300px;
    }

    /************
     Careers Page
     ************/
    .careers-container li {
        font-size: 16px;
    }

    .careers-container .content-heading-subcontent {
        margin-bottom: 18px;
    }
}