/* /////////  BOOTSTRAP DEFAULTS  ////////////// */
@media (min-width: 576px){
	.card-columns-2 {
		column-count: 2;
	}
}


/* /////////  PREVISER STYLES  ////////////// */
html, body {
	font-family: 'proxima-nova';
	font-weight: 400;
}

a, a:hover {
	position: relative;
	color: #0c7eae;
	text-decoration: none;
}



p {
	font-size: 1.3em;
}

.description ul li {
    font-size: 1.25em;
}

.whats-new-thumb img {
	max-width: unset !important;
}

.content-header-left {
	color: #FFF !important;
  }

  h1, h2, h3, h4, h5, h6 {
	  color:inherit;
  }

  .h5, h5 {
	  font-size: 1.2em;
  }

#active-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	perspective: 4000px;
}

#active-bg-float {
	position: absolute;
	top: -100px;
	left: -100px;
	width: calc(100% + 200px);
	height: calc(100% + 200px);
	background: url('../images/active-bg-2.jpg') center 0  no-repeat;
	background-size: auto 100%;
	/*animation: active-bg 5s infinite linear;
	animation-delay: 0s;*/
}

html.mobile #active-bg-float {
	transform: translateX(0px) translateY(0px) rotateX(0deg) rotateY(0deg) !important;
}

@keyframes active-bg {
	0%{transform:    translateZ(0px);}
	50% {transform:  translateZ(20px);}
	100%{transform:  translateZ(0px);}
}

#site-container {
	padding: 0;
	overflow-x: hidden;
	position: relative;
	background: url(../images/site-bg.png) center 0 no-repeat;
	background-size: cover;
}

#upper-header {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 41px;
	background: url(../images/upper-header.png) center 0 no-repeat;
	z-index: 30;
}

#upper-header > .container {
	position: relative;
	padding: 0;
}

#upper-header > .container:before {
	content: '';
	opacity: 0.65;
	position: absolute;
	top: 0;
	left: -2442px;
	width: 2000px;
	height: 41px;
	background: url(../images/upper-header-sides.png) center 0 repeat-x;
}

#upper-header > .container:after {
	content: '';
	opacity: 0.65;
	position: absolute;
	top: 0;
	right: -2442px;
	width: 2000px;
	height: 41px;
	background: url(../images/upper-header-sides.png) center 0 repeat-x;
}

#upper-header a {
	display: inline-block;
	vertical-align: top;
	line-height: 41px;
	font-size: 1em;
	color: #FFF;
	text-decoration: none;
}

header {
	position: relative;
	z-index: 20;
	padding: 30px 0 10px;
}

a.site-title.logo {
	position: relative;
	display: block;
}

.site-title.logo img {
	max-width: 100%;
	position: relative;
	display: block;
}

nav {
	padding: 18px 0 0 0;
}

nav li > a {
	position: relative;
}

nav li > a:after {
	content: '';
	width: 19px;
	height: 12px;
	background: url(../images/nav-arrow.png) 0 0 no-repeat;
	position: absolute;
	top: 24px;
	left: calc(50% - 9.5px);
	opacity: 0;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
}

nav li:last-child > a:after {
	left: calc(50%);
}

nav li:first-child > a:after {
	left: calc(50% - 22px);
}

nav li:hover > a:after, nav li.current-menu-item > a:after {
	opacity: 1;
	top: 28px;
}

#site-search {
	display: none;
}

.menu-toggle {
	display: none;
}

#mobile-nav-toggle {
	position: relative;
	display: none;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.21em;
	font-size: 0.6rem;
	text-align: center;
	width: 40px;
	top: 20px;
	color: #FFF;
}

#mobile-nav-toggle div {
	width: 36px;
	height: 5px;
	background: #FFF;
	border-radius: 6px;
	box-shadow: 0 10px 0 #FFF, 0 20px 0 #FFF;
	-webkit-transform: scale(0.8);
	margin: 0 auto 20px;
	left: -1px;
	position: relative;
}

body.nav-active #mobile-nav {
	height: 100%;
	padding: 50px;
}

body.nav-uninit.nav-active #mobile-nav {
	opacity: 0;

	-webkit-transition: 0.7s opacity;
	-moz-transition: 0.7s opacity;
	-ms-transition: 0.7s opacity;
	transition: 0.7s opacity;
}

#mobile-nav-close {
	color: #FFF;
	position: absolute;
	right: 0;
	font-size: 60px;
	font-weight: 300;
	line-height: 60px;
	width: 60px;
	text-align: center;
	top: 5px;
	align-items: center;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

#mobile-nav .social-media {
	padding: 40px 0 0;
}

#mobile-nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0 50px;
	z-index: 1000;
	background: rgb(12 126 174 / 60%);
	align-items: center;
	display: flex;
}

#mobile-nav a.site-title.logo {
	max-width: 200px;
	padding: 0 0 30px;
}

body:before {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: rgba(255,255,255,0.8);
	z-index: 990;
}

body.nav-init:before {
	height: 100%;

	-webkit-transition: 1s background;
	-moz-transition: 1s background;
	-ms-transition: 1s background;
	transition: 1s background;
}

body.nav-uninit.nav-active #site-container {
	-webkit-transition: 0.7s all;
	-moz-transition: 0.7s all;
	-ms-transition: 0.7s all;
	transition: 0.7s all;

	-webkit-filter: blur(0px);
}

body.nav-active:before {
	background: rgba(255,255,255,0);
}

body.nav-active #site-container {
	-webkit-filter: blur(4px);
	-moz-filter: blur(4px);
	-ms-filter: blur(4px);
	filter: blur(4px);
}

#menu-support-menu a {
	color: #FFF;
	display: block;
	line-height: 1.8em;
}

body.nav-active {
	overflow-y: hidden;
}

#mobile-nav .menu-support-menu-container {
	max-width: 400px;
	margin: 0 auto;
	position: relative;
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);
	opacity: 0;

	-webkit-transition: 0.7s all;
	-moz-transition: 0.7s all;
	-ms-transition: 0.7s all;
	transition: 0.7s all;
}

body.nav-active #mobile-nav .menu-support-menu-container {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

body.nav-uninit.nav-active #mobile-nav .menu-support-menu-container {
	opacity: 0;
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);
}

#mobile-nav ul#menu-support-menu {
	font-size: 24px;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	list-style: none;
	margin: 0;
	padding: 0;
}

#mobile-nav-shad {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

ul.nav-menu {
	margin: 0;
	font-size: 0;
}

header li.menu-item {
	display: inline-block;
	vertical-align: top;
}

header li.menu-item a {
	display: block;
	padding: 0 25px;
	font-size: 1.1rem;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	text-decoration: none;
}

header li.menu-item:first-child a {
	padding-left: 0;
}

header li.menu-item:last-child a {
	padding-right: 0;
}

#content {
	margin-top: 20px;
}

#content .row {
	margin-left: -20px;
	margin-right: -20px;
}

.grid-box {
	position: relative;
	padding: 0 20px 40px;
	z-index: 20;
	display: flex;
}

.grid-box .inner {
	background: rgb(12 126 174 / 0.32);
	border-radius: 5px;
	box-sizing: border-box;
	padding: 40px;
	display: flex;
	flex-direction: column;

	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	transition: 0.5s all;
}

.grid-box .inner:hover, .list-item .inner:hover {
	background: rgb(77 172 212 / 52%);
}

.grid-icon {
	margin: -20px 0 0;
}

h2 {
	text-transform: uppercase;
	color: #FFF;
	font-weight: 600;
	letter-spacing: 0.03em;
	font-size: 1.9rem;
}

h3 {
	font-size: 1.5em;
	font-weight: 600;
}

.grid-content {
	display: flex;
	flex-direction: column;
	flex: 1 0 auto;
}

.grid-box p {
	color: #FFF;
	font-size: 1.15em;
	line-height: 1.4em;
	margin: 0 0 1.5rem;
	flex: 1 0 auto;
}

a.button, .button, .gform_footer input.gform_button, input[type="submit"] {
	position: relative;
	display: inline-block;
	padding: 22px 38px;
	font-size: 1.15em;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.05em;
	border-radius: 50px;
	text-decoration: none;
	line-height: 1em;
	overflow: hidden;
	cursor: pointer;
	border: 0;

	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
}

a.button span, .button span {
	position: relative;
	display: block;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	transition: 0.5s all;
}

a.button.purple.outlined, .button.purple.outlined {
	box-shadow: 0 0 0 2px #8565d2;
}

a.button.purple, .button.purple, .gform_footer input.gform_button, input[type="submit"] {
	background: #8565d2;
	color: #FFF;
}

a.button.blue, .button.blue {
	background: #4e5dca;
	color: #FFF;
}

a.button.purple:hover span, .button.purple:hover span {
	color: #8565d2;
}

a.button.blue:hover span, .button.blue:hover span {
	color: #4e5dca;
}

a.button.white, .button.white {
	background: #fff;
	color: #8565d2;
	box-shadow: inset 0 0 0 2px #8565d2;
}

#quick-links a.button.white, #quick-links .button.white {
	box-shadow: inset 0 0 0 2px #e5f2f8;
}

#quick-links a.button.white:hover, #quick-links .button.white:hover,
a.button.white:hover, .button.white:hover {
	box-shadow: inset 0 0 0 2px transparent;
}

a.button.white:hover span, .button.white:hover span {
	color: #fff;
}

a.button:before, .button:before {
	content: '';
	position: absolute;
	width: 400px;
	height: 400px;
	top: 100%;
	left: -100%;
	border-radius: 250px;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	transition: 0.5s all;
}

a.button.purple:before, .button.purple:before,
a.button.blue:before, .button.blue:before {
	background: #fff;
}

a.button.white:before, .button.white:before {
	background: #8565d2;
}

a.button:hover:before, .button:hover:before {
	left: -50%;
	top: -100%;
}

a.button.secondary, .button.secondary {
	padding: 14px 28px;
	font-size: 0.95em;
}

a.button.secondary.purple:hover, .button.secondary.purple:hover {
	background: #fff;
	color: #8565d2;
}

a.button.secondary:before, .button.secondary:before {
	display: none;
}

.contact-box a {
	display: inline-block;
	vertical-align: middle;
	margin: 5px 0;
}

#quick-links {
	position: relative;
	background: #FFF;
	padding: 60px 0;
	margin: -33px 0 0;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1em;
	letter-spacing: 0.03em;
	color: #8565d2;
	z-index: 10;
}

#quick-links:before {
	content: '';
	position: absolute;
	top: -555px;
	left: 0;
	width: 100%;
	height: 600px;
	background: url(../images/quick-links-top-full.png) center 0 no-repeat;
}

#quick-links:after {
	content: '';
	position: absolute;
	bottom: -135px;
	left: 0;
	width: 100%;
	height: 150px;
	background: url(../images/quick-links-bottom.png) center 0 no-repeat;
}

#quick-links label {
	display: inline-block;
	vertical-align: middle;
	opacity: 0.6;
	margin: 0 10px 0 0;
}

#quick-links a {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
}

#quick-links a:before {
	width: 800px;
	height: 800px;
	left: -800px;
}

#quick-links a.button:hover:before {
	left: -100px;
}

#whats-new {
	position: relative;
	background: rgb(208,230,242);
	background: linear-gradient(180deg, rgba(208,230,242,1) 0%, rgba(255,255,255,1) 100%);
	padding: 110px 0 60px;
}

#whats-new .row {
	margin: 0 -50px;
}

#whats-new .whats-new-item-wrapper {
	padding: 0 50px;
}

#whats-new h2 {
	margin: 0 0 45px;
	line-height: 0.8em;
	color: #0b78a5;
}

.whats-new-item {
	display: block;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	background: #FFF;
	box-shadow: 0 10px 30px rgb(11 120 165 / 0.2);
	font-size: 0;
}

.whats-new-thumb {
	position: relative;
	height: 380px;
	overflow: hidden;
	width: 240px;
	display: inline-block;
	vertical-align: top;
}

.whats-new-thumb:before {
	content: '';
	position: absolute;
	top: 0;
	left: 130px;
	width: 110px;
	height: 380px;
	background: url(../images/whats-new-overlay.png) 0 0 no-repeat;
	z-index: 10;
}

.whats-new-thumb img {
	position: relative;
	max-height: 100%;
	display: block;
	margin: 0 0 0 -120px;

	transform: translateX(0);
	-webkit-transition: 4s all;
	-moz-transition: 4s all;
	-ms-transition: 4s all;
	transition: 4s all;
}

.whats-new-item:hover .whats-new-thumb img {
	transform: translateX(-10px) scale(1.08);
}

.whats-new-content {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 240px);
	box-sizing: border-box;
	padding: 30px;
	font-size: 1rem;
	color: #333;
}

.whats-new-item-wrapper .whats-new-content .button {
    margin-top: 25px;
}

#whats-new .cta {
	padding: 50px 0 0;
}

.content-header {
	position: relative;
	background: rgb(12 126 174 / 0.31);
	box-shadow: inset 0 -270px 80px -100px rgb(58 162 206), 0 10px 20px rgb(12 126 174 / 0.32);
	border-radius: 5px;
	margin-bottom: 45px;
	margin-top: 20px;
	z-index: 40;
}

.content-header-left {
	padding: 45px 50px 35px;
	color: #FFF;
}

.content-header-left a.button.purple.ppt {
	/*margin: 0 0 -35px;*/
}

.content-header-right {
	padding: 0 42px;
	color: #FFF;
	background: rgb(10 15 42 / 31%);
	border-radius: 0 5px 5px 0;
	display: flex;
	align-items: center;
	height: 100%;
}

.content-header-right h3 {
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 1.4em;
}

#request-webinar-trigger, #join-webinar-trigger {
	/* padding: 22px 20px; */
	/* width: 100%; */
	/* text-align: center; */
	/* margin: 20px 0 0; */
}

#join-webinar-trigger.button:before, #request-webinar-trigger.button:before, a.button.ppt:before {
	width: 500px;
	height: 500px;
	top: 150%;
	left: -150%;
}

a.button.video:before {
	width: 500px;
	height: 500px;
	top: 100%;
	left: -150%;
}

#list-resources a.button:before, #list-resources .button:before {
	width: 600px;
	height: 600px;
	border-radius: 300px;
}

#list-resources a.button:hover:before, #list-resources .button:hover:before {
	left: -20%;
	top: -200%;
}

#join-webinar-trigger.button:hover:before, #request-webinar-trigger.button:hover:before {
	left: -25%;
	top: -150%;
}

a.button.ppt:hover:before, a.button.video:hover:before {
	left: -50%;
	top: -100%;
}

 .content-header h1 {
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	
} 

.button.ppt span:before {
	content: '';
	background: url(../images/icon-ppt.png);
	width: 36px;
	height: 28px;
	display: inline-block;
	vertical-align: middle;
	margin: -5px 10px -5px -5px;
}

.button.ppt:hover span:before {
	background: url(../images/icon-ppt-purple.png);
}

.button.video span:after {
	content: '';
	background: url(../images/icon-play.png);
	width: 34px;
	height: 34px;
	display: inline-block;
	vertical-align: middle;
	margin: -8px -15px -8px 10px;
}

.button.video:hover span:after {
	background: url(../images/icon-play-blue.png);
}

.breadcrumbs {
	position: relative;
	padding: 0 0 8px 20px;
}

.breadcrumbs:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	width: 12px;
	height: 12px;
	border-top: 3px solid #FFF;
	border-left: 3px solid #FFF;
	border-radius: 3px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);

	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
}

.breadcrumbs:hover:before {
	left: -4px;
}

.breadcrumbs a {
	color: rgb(255 255 255 / 0.7);
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.2em;
	font-size: 1em;

	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
}

.breadcrumbs a:hover {
	color: #FFF;
}

.webinar-video .inner {
	position: relative;
	overflow: hidden;
	padding-top: 48.1%;
	max-width: 1172px;
	margin: 0 auto;
	border-radius: 5px;
	box-shadow: 0 10px 30px rgb(11 120 165 / 0.2);
	background: #111;
}

.webinar-video .inner .loader {
	position: absolute;
	width: 100px;
	height: 100px;
	top: calc( 50% - 50px);
	left: calc( 50% - 50px);
	animation: wloader 1.5s infinite linear;
	animation-delay: 0s;
	background: url('../images/loader.png') center center no-repeat;
	background-size: 80%;
}

@keyframes wloader {
	0%{transform:    rotate(0deg);}
	99% {transform:  rotate(360deg);}
	100% {transform:  rotate(0deg);}
}

.webinar-video .inner iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.webinar-video {
	position: relative;
	z-index: 10;
}

.webinar-video-outer {
	position: relative;
	padding-top: 40px;
}

.webinar-video-outer:after {
	content: '';
	background: url(../images/quick-links-top-full.png) center 0 no-repeat;
	position: absolute;
	bottom: -40px;
	left: 0;
	width: 100%;
	height: 600px;
}

.single-support-item[type="webinar"] #active-bg-float {
	background-size: 100% 1400px;
}

.webinar-sections {
	background: #FFF;
	position: relative;
	padding: 50px 0 70px;
}

.webinar-sections-inner {
	max-width: 1170px;
}

span.edit-link {
	position: fixed;
	top: 200px;
	left: 0;
	z-index: 100;
}

span.edit-link a {
	background: #8565d2;
	color: #FFF;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1.2em;
	letter-spacing: 0.08em;
	padding: 16px 20px;
	border-radius: 0 30px 30px 0;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
}

span.edit-link:hover a {
	padding: 16px 20px 16px 25px;
	background: #FFF;
	color: #8565d2;
}

.webinar-sections-header {
	font-size: 0.8em;
	text-transform: uppercase;
	color: #8565d2;
	font-weight: 600;
	letter-spacing: 0.05em;
	opacity: 0.7;
}

.webinar-sections-inner.container {
	max-width: 1170px;
}

.webinar-section {
	font-size: 1.13em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #8565d2;
	padding: 10px 10px 9px;
	border-radius: 30px;
	cursor: pointer;
	margin: 0 0 4px;

	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
}

.webinar-section.active, .webinar-section:hover {
	color: #FFF;
	background: #8565d2 !important;
}

.row.webinar-section:nth-child(2n+4) {
	background: rgb(11 120 165 / 0.06);
}

.webinar-section:nth-child(1n+3) {
	padding-left: 25px;
}

.webinar-sections-header .col-10 {
	padding: 0 0 5px 40px;
}

.webinar-sections-header .col-2 {
	padding: 0 72px 5px 0;
}

.webinar-section.full-webinar-section {
	box-shadow: inset 0 0 0 2px #8565d2;
}

.webinar-section .col-2 {
	padding: 5px 50px 4px 0;
	background: url(../images/icon-play-purple.png) right 1px no-repeat;
	margin: -5px -4px -5px 4px;
}

.webinar-section:hover .col-2, .webinar-section.active .col-2 {
	background: url(../images/icon-play.png) right 1px no-repeat;
}

.page-template-support-webinars .content-header-left {
	padding-bottom: 35px;
}

#list-webinars {
	position: relative;
	padding: 0;
	margin: 0 0 -30px;
}

#list-webinars > .container > .row {
	margin-left: -20px;
	margin-right: -20px;
}

#list-webinars:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 600px;
	background: url(../images/quick-links-top-full.png) center 0 no-repeat;
}

.page-template-support-webinars footer {
	background: #FFF;
	padding-top: 60px;
}

.list-item {
	padding-bottom: 40px;
	display: flex;
	z-index: 20;
}

.list-item .inner {
	display: flex;
	flex-direction: column;
	background: rgb(12 126 174 / 0.32);
	box-shadow: inset 0 -270px 80px -100px rgb(123 193 222), 0 10px 20px rgb(12 126 174 / 0.32);
	position: relative;
	overflow: hidden;
	border-radius: 5px;

	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	transition: 0.5s all;
}

.item-thumbnail {
	position: relative;
	overflow: hidden;
	max-height: 150px;
}

.item-thumbnail img {
	display: block;
	max-width: 100%;
	width: 100%;

	-webkit-transition: 4s all linear;
	-moz-transition: 4s all linear;
	-ms-transition: 4s all linear;
	transition: 4s all linear;
}

.list-item .inner:hover .item-thumbnail img {
	-webkit-transform: scale(1.08) translateY(-20px);
}

.item-content {
	padding: 30px 40px;
	color: #FFF;
	font-size: 1.15rem;
	flex: 1 0 auto;
}

.item-cta {
	font-size: 0;
}

.item-cta .button.purple {
	display: inline-block;
	vertical-align: top;
	width: 55%;
	border-radius: 0;
	font-size: 1.15rem;
	padding: 22px 20px;
	text-align: center;
	line-height: 0.9em;
}

.item-cta .button.blue {
	display: inline-block;
	vertical-align: top;
	width: 45%;
	border-radius: 0;
	font-size: 1.15rem;
	padding: 22px 20px;
	text-align: center;
	line-height: 0.9em;
}

.page-template-support-webinars .content-header {
	margin-bottom: 34px;
}

.page-title h1 {
	font-weight: 600;
	color: #FFF;
}

.contact-block {
	position: relative;
	background: rgb(12 126 174 / 0.31);
	box-shadow: inset 0 -270px 80px -100px rgb(58 162 206), 0 10px 20px rgb(12 126 174 / 0.32);
	border-radius: 5px;
	margin-bottom: 30px;
	position: relative;
	z-index: 20;
}

.contact-block .row {
	padding: 45px 50px;
	color: #FFF;
}

.contact-block .inner p:last-child {
	margin: 0;
}

.page-template-support-trainer-resources #quick-links:before {
	background: url(../images/quick-links-top-full.png) center 0 no-repeat;
}

.page-template-support-trainer-resources .content-header-left {
	padding: 45px 50px;
}

.page-template-support-trainer-resources .content-header-left p:last-child {
	margin: 0;
}

.page-template-support-trainer-resources .content-header {
	margin-bottom: 44px;
}

.page-template-support-trainer-resources .item-cta .button.purple {
	width: 100%;
}

[data-page-type="trainer-resource"] .content-header-left, [data-page-type="documentation"] .content-header-left {
	padding: 45px 50px 30px;
}

.support-item .thumbnail {
	margin: 20px -35px 25px;
	overflow: hidden;
	max-height: 300px;
	display: none;
}

.support-item .thumbnail img {
	display: block;
	max-width: 100%;
	width: 100%;
}

.support-item .description img {
	max-width: 100%;
	height: auto;
}

.support-item .description a {
	/* padding: 14px 28px;
	font-size: 0.85em;
	background: #8565d2;
    color: #FFF;
    vertical-align: middle;

    position: relative;
    display: inline-block; */
    /*padding: 22px 38px;*/
    /*font-size: 1.15em;*/
    /* text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.05em;
    border-radius: 50px;
    text-decoration: none;
    line-height: 1em;
    overflow: hidden;
    cursor: pointer;
    border: 0;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    transition: 0.3s all; */
	background: #8565d2;
    color: #FFF;
    display: inline-block;
    padding: .25em .4em;
    font-size: 90%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.support-item .description a:hover {
	color: #8565d2;
	background: #FFF;
}


body[data-page-type="trainer-resource"] footer, body[data-page-type="documentation"] footer, body[data-page-type="getting-started"] footer, body[data-page-type="whats-new"] footer {
	background: #FFF;
}

	body[data-page-type="trainer-resource"] footer:before, body[data-page-type="documentation"] footer:before, body[data-page-type="getting-started"] footer:before, body[data-page-type="whats-new"] footer:before {
		content: '';
		position: absolute;
		top: -555px;
		left: 0;
		width: 100%;
		height: 600px;
		background: url(../images/quick-links-top-full.png) center 0 no-repeat;
	}

article.support-item .content-header {
	position: relative;
	z-index: 20;
	box-shadow: inset 0 -270px 80px -100px rgb(74 167 206), 0 10px 20px rgb(12 126 174 / 0.32);
	margin-bottom: 30px;
}

.modal .modal-content {
	border: 0;
	box-shadow: 0 10px 30px rgb(8 82 112 / 65%);
}

.modal-backdrop {
	background: #0c7eae;
}

.modal .gform_wrapper div.validation_error {
	border-top: 0;
	border-bottom: 0;
	color: #FFF;
	background: #da3d5a;
	border-radius: 40px;
	font-weight: 600;
	font-size: 1.1em;
	margin: 25px 20px 20px;
	max-width: 100%;
	width: auto;
}

.modal .gform_wrapper li.gfield.gfield_error, .modal .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	margin-bottom: unset !important;
	background-color: transparent;
	border-top: 0;
	border-bottom: 0;
	padding: 0;
}

.validation_message {
	display: none;
}

.modal .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .modal .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
	margin-top: 0;
}

.modal .modal-header {
	border-bottom: 0;
	padding: 50px 60px 0;
}

.modal h5.modal-title {
	color: #8565d2;
	font-size: 2.25em;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 0.8em;
}

.modal .modal-header .close {
	color: transparent;
	background: url(../images/icon-close-purple.png) center center no-repeat;
	opacity: 1;
}

.modal .modal-body {
	padding: 0 60px 55px;
}

.modal .gform_wrapper {
	margin-top: 0;
	margin-bottom: 0;
}

.modal .gform_wrapper label.gfield_label {
	text-transform: uppercase;
	font-size: 1em;
	letter-spacing: 0.05em;
	margin: 0;
	color: #8565d2;
}

.modal .gform_wrapper .gfield_required {
	color: #8565d2;
	margin: 0 0 0 2px;
}

li#field_4_2, li#field_4_3, li#field_4_4, li#field_4_5, li#field_4_6 {
	display: inline-block;
	vertical-align: top;
	width: 33.333%;
	padding: 0;
	margin: 25px 0 0;
}

#gfield_description_4_7, #gfield_description_2_7  {
	text-transform: uppercase;
    font-size: 1em;
    letter-spacing: 0.05em;
    color: #da3d5a;
    font-weight: 900;
}

.modal .gform_wrapper li.gfield select, .modal .gform_wrapper li.gfield input[type="text"], .modal .gform_wrapper li.gfield input[type="email"], li.gfield input[type="tel"] {
	width: 100%;
	border: 3px solid #8565d2;
	border-radius: 5px;
	padding: 16px 20px !important;
	line-height: 1em;
	font-size: 1.25em !important;
	height: 60px;
}

.modal .gform_wrapper li.gfield select {
	-webkit-appearance: none;
}

.modal .gform_wrapper li.gfield select {
	-webkit-appearance: none;
	background: url(../images/select-bg.jpg) right -3px no-repeat #FFF;
	padding-right: 57px;
}

.gform_legacy_markup_wrapper div.charleft {
	font-size: .9em;
}

li#field_4_3 {
	margin-right: 20px;
}

li#field_4_2, li#field_4_4 {
	padding-right: 40px;
}

li#field_4_6 {
	padding-left: 40px;
}

li#field_4_3, li#field_4_5 {
	padding-left: 20px;
	padding-right: 20px;
}

li#field_4_7 {
	padding-right: 0;
	margin-top: 25px;
}

body .modal .top_label div.ginput_container {
	margin-top: 0 !important;
}

.modal .gform_wrapper textarea {
	border: 3px solid #8565d2;
	border-radius: 5px;
	padding: 16px 20px !important;
	margin: 0;
}

.gform_wrapper .gform_footer {
	margin: 0;
	text-align: center;
}

.gform_footer input.gform_button {
	margin: 0 !important;
}

.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),.gform_wrapper li.gfield_error select:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
	border: 3px solid #da3d5a !important;
}

.gform_wrapper.gform_validation_error .top_label input.medium, .gform_wrapper.gform_validation_error .top_label select.medium {
	width: 100% !important;
}

.modal .gform_confirmation_message {
	padding: 50px 0;
	font-size: 1.1em;
}

#join-webinar-form, #join-support-form {
	padding: 50px 0;
}

#join-webinar-form label, #join-support-form label {
	margin: 0;
	padding: 0 15px 0 0;
	font-size: 1.25em;
}

#join-webinar-input, #join-support-input {
	border: 3px solid #8565d2;
	border-radius: 5px;
	padding: 16px 20px !important;
	line-height: 1em;
	font-size: 1.25em !important;
	height: 60px;
	display: inline-block;
	vertical-align: middle;
}

#join-webinar-form input[type="submit"], #join-support-form input[type="submit"] {
	margin: 0 0 0 20px;
}

li#field_2_2, li#field_2_3, li#field_2_8, li#field_2_4, li#field_2_5, li#field_2_6, li#field_2_9, li#field_2_10 {
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
}

li#field_2_8, li#field_2_2 {
	padding-right: 40px;
}

li#field_2_3, li#field_2_5, li#field_2_9 {
	padding-left: 20px;
	padding-right: 20px;
}

li#field_2_6, li#field_2_4, li#field_2_10 {
	padding-right: 0;
	padding-left: 40px;
}

body .modal .gfield_time_ampm.ginput_container_time {
	max-width: none;
	width: 151px;
}

#input_2_6_3 {
	width: 100%;
	max-width: none !important;
}

li#field_2_7 {
	padding: 0;
	margin: 20px 0 0;
}

.gform_wrapper .gfield_time_hour i {
	display: none;
}

/*.modal-open .modal {
	padding: 0 !important;
}*/

.trainer-resource .item-cta .button {
	width: auto;
	display: block;
}

.trainer-resource .item-cta .button:before {
	width: 600px;
	height: 600px;
	border-radius: 300px;
}

.trainer-resource .item-cta .button:hover:before {
	left: -19%;
	top: -180%;
}

.content-header-right .inner {
	width: 100%;
	text-align: center;
	display: flex;
	flex-direction: column;
}

.content-header-right .button {
	display: block;
	width: 100%;
	margin: 5px auto;
	max-width: 320px;
}

.content-header-right .button:before {
	width: 600px;
	height: 600px;
	border-radius: 300px;
}

.content-header-right .button:hover:before {
	left: -19%;
	top: -180%;
}

a.assistive-text {
	display: none;
}

footer.footer-curve {
	padding-top: 40px;
	background: #FFF;
	z-index: 2;
}

footer.footer-curve:before {
	content: '';
	position: absolute;
	top: -580px;
	left: 0;
	width: 100%;
	height: 600px;
	background: url(../images/quick-links-top-full.png) center 0 no-repeat;
}




































footer {
	position: relative;
	background: #FFF;
    padding: 40px 0 80px 0;
	z-index: 10;
}

#footer-left a {
	display: inline-block;
	vertical-align: middle;
	padding: 0 15px;
	font-size: 14px;
	text-decoration: none;
}

#footer-left a:hover {
	text-decoration: underline;
}

#footer-left #footer-logo {
	display: inline-block;
	vertical-align: middle;
	width: 175px;
	margin: 0 15px 0 0;
	padding: 0;
}

#footer-logo img {
	display: block;
	max-width: 100%;
}

footer a.social-item {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 36px;
	margin: 0 4px;

	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
}

.social-item.social-fade {
	opacity: 0.4;
	transform: scale(0.9);
}

a.social-item img {
	position: relative;
	display: block;
	width: 100%;
	z-index: 10;
}

a.social-item.linkedin img {
	margin-top: 3px;
}

a.social-item span {
	position: absolute;
	opacity: 0;
	color: #0c7eae;
	left: -15px;
	width: 66px;
	top: 40px;
	text-align: center;
	font-size: 12px;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
}

a.social-item:hover span {
	opacity: 1;
}

footer a.social-item.linkedin {
	padding: 0 3px;
}

footer a.social-item.youtube {
	margin: 0 6px;
}

footer a.social-item.instagram {
	margin: 0 16px;
}

footer .copyright {
	color: #0c7eae;
	font-size: 14px;
}

#mobile-nav a.social-item {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 36px;
	margin: 0 4px;

	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
}

#mobile-nav .social-item.social-fade {
	opacity: 0.4;
	transform: scale(0.9);
}

#mobile-nav a.social-item img {
	position: relative;
	display: block;
	width: 100%;
	z-index: 10;
}

#mobile-nav a.social-item.linkedin img {
	margin-top: 3px;
}

#mobile-nav a.social-item span {
	position: absolute;
	opacity: 0;
	color: #0c7eae;
	left: -15px;
	width: 66px;
	top: 40px;
	text-align: center;
	font-size: 12px;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
}

#mobile-nav a.social-item:hover span {
	opacity: 1;
}

#mobile-nav a.social-item.linkedin {
	padding: 0 3px;
}

#mobile-nav a.social-item.youtube {
	margin: 0 6px;
}

#mobile-nav a.social-item.instagram {
	margin: 0 16px;
}

.item-cta a.button.purple.wide {
	/* margin: 0 auto 30px; */
	display: block;
	/* border-radius: 50px; */
	width: 100%;
}

.item-cta a.button.purple.wide:before {
    width: 800px;
    height: 600px;
    border-radius: 300px;
}

[aria-expanded="false"] > .expanded,
[aria-expanded="true"] > .collapsed {
  display: none;
}