/* -- Media Width -- */

/*
1680px - hide account menu
1190px - side-by-side design
860px - dropdown menus, small paddings
540px - main menu for mobile design
480px - mobile design
310px - hide logo
*/

/*
1170px - site content width: 
*/

/* -- Fixes -- */

#mbCenter.mediaboxckmobile {
	z-index: 1000000; /* Zendesk Widget */
}
#mbMedia img {
	border-radius: 9px;
}
.adroll_consent_persistent_icon {
	bottom: 0;
	left: 0;
	opacity: 0.3 !important;
}
.adroll_consent_persistent_icon .adroll_persistent_icon_wrapper > span {
	border: 0;
}


/* -- General -- */

* {
	box-sizing: border-box;
}
input:focus {
	outline: none;
}
html, body {
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #3e3e3e;
	background: white;
}
iframe {
	display: block;
	border: 0;
	margin: 0 auto;
}
img {
	border: 0;
	max-width: 100%;
}
ul,
ol {
	margin: 0;
}
ul.none {
	list-style-type: none;
}
.hidden {
	display: none !important;
}
.transparent {
	background: transparent;
}
.shadow {
	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.15);
}
.shadow-gray {
	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.23);
}
.shadow-dark {
	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.42);
}
.clear {
	clear: both;
}
.center {
	text-align: center;
}
.break-word {
	word-break: break-word;
}
strong.medium {
	font-weight: 600;
}
span.thin {
	font-weight: 100;
}
span.tooltip {
	color: #338adb;/*#3498db;*/
	border-bottom: 1px dashed #338adb;/*#3498db;*/
	cursor: default;
	font-weight: 600;
}
pre[class*="language-"] {
	margin: 20px 0;
	background: #f4f3f2;
	text-shadow: none;
	border-radius: 7px;
}
code {
	padding: 5px;
	background: #f4f3f2;
	color: black;
	border-radius: 6px;
}
pre[class*="language-"] code {
	padding: 0;
	text-shadow: none;
	font-size: 15px;
	line-height: 1.4em;
}
.jutooltip-box-br {
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1);
	font-size: 14px;
}
@media (max-width: 480px) {
	body.auth {
		overflow: hidden;
	}
	.hidden-mobile {
		display: none !important;
	}
	ul.none {
		padding: 0;
	}
}


/* -- Headers -- */

h1, h2, h3, h4 {
	font-weight: 400;
	margin: 0 0 20px 0;
	font-size: 28px;
	line-height: 1.29em;
	overflow: hidden;
}
h1 {
	font-weight: 700;
}
h2 {
	font-size: 22px;
	font-weight: 600;
	margin: 0 0 15px 0;
}
h3 {
	font-size: 16px;
	margin: 0 0 10px 0;
}
h4 {
	font-size: 14px;
	margin: 0 0 10px 0;
}
h6 {
	font-size: 12px;
	font-weight: 400;
	color: gray;
	margin: 8px 0;
}
h1.line:after {
	content: '';
	display: block;
	width: 35px;
	margin: 14px 0 0 0;
	border-top: 5px solid #338adb;/*#3498db;*/
}
h1 sub,
h2 sub {
	display: block;
	font-size: 14px;
	font-size: 17px\0/; /* ie fix */
	vertical-align: unset;
}
h1 a,
h1 a:hover {
	display: inline-block;
	color: #3e3e3e;
}
h1 a:hover span {
	text-decoration: underline;
}
h2 a {
	color: #3e3e3e;
}
h1 em {
	font-style: normal;
	font-weight: 100;
}
h1.upper,
h2.upper,
h3.upper,
h4.upper {
	text-transform: uppercase;
}
h1.bottom,
h2.bottom,
h3.bottom,
h4.bottom {
	margin-bottom: 0;
}

/* -- Lines -- */

hr {
	max-width: 1170px;
	height: 5px;
	border: 0;
	margin: 0 auto;
	background: #eeeeee;
}
.jutooltip hr {
	height: 1px;
	margin: 10px 0;
	background: #c0c0c0;
}
div.article hr {
	margin: 60px 0 60px -60px;
	width: calc(100% + 120px);
}
div.article hr.top {
	margin-top: 0;
}
div.article hr.bottom {
	margin-bottom: 0;
}
div.article hr.margin,
hr.margin {
	width: 100%;
	height: 30px;
	margin: 0 auto;
}
hr.margin:not(.highlight) {
	background: transparent;
}
div.article hr.margin.double,
hr.margin.double {
	height: 60px;
}
div.article hr.margin.negative,
hr.margin.negative {
	height: 1px;
	margin: 0 auto -125px auto;
}
div.article hr.margin.form,
hr.margin.form {
	height: 1px;
	margin: 0 auto -30px auto;
}
hr.thin:not(.margin) {
	height: 2px;
}
@media (max-width: 860px) {
	div.article hr {
		margin: 40px 0 40px -20px;
		width: calc(100% + 40px);
	}
	div.article hr.margin,
	hr.margin {
		height: 20px;
	}
	div.article hr.margin.double,
	hr.margin.double {
		height: 40px;
	}
	div.article hr.margin.negative,
	hr.margin.negative {
		margin: 0 0 -85px 0;
	}
}


/* -- Links -- */

a {
	color: #338adb;/*#3498db;*/
	text-decoration: none;
	cursor: pointer;
	font-weight: 600;
}
a:hover {
	text-decoration: underline;
}
a.arrow {
	font-weight: 600;
}
a.arrow:after {
	content: '>';
	position: relative;
	display: inline-block;
	margin: 0 0 0 5px;
	top: 1px;
}


/* -- Lists -- */

.article ul.list li {
	margin: 10px 0;
}
.article ul.list li strong {
	display: block;
}


/* -- Article -- */

div.article,
h1.article {
	width: 100%;
	max-width: 1170px;
	padding: 60px;
	margin: 0 auto;
}
div.article div.article {
	padding-left: 0;
	padding-right: 0;
}
div.article:after {
	content: '';
	display: block;
	clear: both;
}
body div.content div.article {
	line-height: 1.6em;
}
div.article.wide:not(.columns) {
	padding-left: 0;
	padding-right: 0;
}
div.article.header {
	padding-top: 160px;
}
div.article.top {
	padding-top: 0;
}
div.article.top.header {
	padding-top: 100px;
}
div.article.bottom {
	padding-bottom: 0;
}
div.article.white {
	color: white;
}
div.article.white a:not(.button) {
	color: #bee5ff;
}
div.article img {
	display: block;
	margin: 0 auto;
	height: auto;
}
div.article img.left,
div.article a.left {
	float: left;
	margin: 0 40px 0 0;
}
div.article img.right,
div.article a.right {
	float: right;
	margin: 0 0 0 40px;
}
div.article strong.total {
	display: block;
	margin: 15px 0 0 0;
	font-style: normal;
	font-weight: 600;
}
div.article div.middle {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
}
@media (max-width: 860px) {
	div.article,
	h1.article {
		padding: 40px 20px;
	}
	div.article div.article {
		padding-left: 0;
		padding-right: 0;
	}
	div.article.header {
		padding-top: 140px;
	}
	div.article img.left,
	div.article img.right,
	div.article a.left,
	div.article a.right {
		display: block;
		float: none;
		margin: 0 auto 20px auto;
	}
}


/* -- Article: Round corners -- */

div.article img.round-corners,
div.article div.round-corners,
div.article iframe.round-corners {
	border-radius: 7px;
	outline-offset: -1px;
}
div.article img.round-corners.blue {
	outline: 1px solid #4c4a48;
}
div.article img.round-corners.blue {
	outline: 1px solid #2b569a;
}


/* -- Article: Remark, Description -- */

div.article span.remark {
	display: block;
	padding: 10px 20px;
	margin: 30px 0;
	border-left: 3px solid #808b96;
	font-style: italic;
}
div.article span.remark.top {
	margin-top: 0;
}
div.article span.description {
	display: block;
	margin: 30px 80px;
	font-size: 14px;
	line-height: normal;
	font-style: italic;
}
@media (max-width: 860px) {
	div.article span.description {
		margin: 30px 20px;
	}
}


/* -- Article Side-by-Side Blocks -- */

div.article.side-by-side,
div.article div.side-by-side {
	display: flex;
}
div.article.side-by-side.reverse,
div.article div.side-by-side.reverse {
	flex-direction: row-reverse;
}
div.article.side-by-side > div,
div.article div.side-by-side > div {
	flex-shrink: 0;
	white-space: nowrap;
}
div.article.side-by-side.vertical-center > div,
div.article div.side-by-side.vertical-center > div {
	align-self: center;
}
div.article.side-by-side .section,
div.article div.side-by-side .section {
	display: flex;
	justify-content: center;
}
div.article.side-by-side > div:last-child,
div.article div.side-by-side > div:last-child {
	flex-shrink: 1;
	width: 100%;
	white-space: normal;
	padding: 0 0 0 60px;
	overflow: hidden;
}
div.article.side-by-side.reverse > div:last-child,
div.article div.side-by-side.reverse > div:last-child {
	padding: 0 60px 0 0;
}
@media (max-width: 860px) {
	div.article.side-by-side,
	div.article.side-by-side.reverse,
	div.article div.side-by-side,
	div.article div.side-by-side.reverse {
		flex-wrap: wrap;
		align-items: center;
	}
	div.article.side-by-side.image-reverse,
	div.article div.side-by-side.image-reverse {
		flex-direction: column-reverse;
	}
	div.article.side-by-side.image-reverse img,
	div.article div.side-by-side.image-reverse img {
		margin-top: 40px;
	}
	div.article.side-by-side > div,
	div.article div.side-by-side > div {
		width: 100%;
	}
	div.article.side-by-side > div ul,
	div.article div.side-by-side > div ul {
		text-align: left;
	}
	div.article.side-by-side > div:last-child,
	div.article.side-by-side.reverse > div:last-child,
	div.article div.side-by-side > div:last-child,
	div.article div.side-by-side.reverse > div:last-child {
		padding: 40px 0 0 0;
	}
	div.article.side-by-side.reverse.image-reverse > div:last-child,
	div.article div.side-by-side.reverse.image-reverse > div:last-child {
		padding: 0;
	}
	div.article.side-by-side.list > div:last-child,
	div.article.side-by-side.list.reverse > div:last-child,
	div.article div.side-by-side.list > div:last-child,
	div.article div.side-by-side.list.reverse > div:last-child {
		padding: 20px 0;
	}
}


/* -- Article Header -- */

div.page-header,
dl.article-info,
dl.fields-container {
	margin: 0;
	color: white;
	background: #0669bf;
}
div.page-header.transparent {
	background: none;
}
div.page-header {
	padding: 150px 0 0 0;
}
div.page-header a,
div.page-header h2 a:hover {
	color: white;
	text-decoration: underline;
}
div.page-header h2 a {
	text-decoration: none;
}
div.page-header h2,
div.page-header span,
dl.article-info dd,
dl.fields-container dd {
	max-width: 1170px;
	padding: 0 60px 60px 60px;
	margin: 0 auto;
	display: block;
}
dl.fields-container dd {
	margin-top: -60px;
}
div.page-header h2 {
	padding-bottom: 20px;
	font-size: 28px;
}
div.items-leading div:not(:first-child) div.page-header {
	padding-top: 60px;
}
div.testimonials div.items-leading div:not(:last-child):after {
	content: '';
	display: block;
	max-width: 1170px;
	height: 5px;
	margin: 0 auto;
	background: #eeeeee;
}

@media (max-width: 860px) {
	div.page-header h2,
	div.page-header span,
	dl.article-info dd,
	dl.fields-container dd {
		padding: 0 20px 40px 20px;
	}
	dl.fields-container dd {
		margin-top: -40px;
	}
	div.page-header h2 {
		margin-top: -10px;
		padding-bottom: 15px;
	}
	div.items-leading div:not(:first-child) div.page-header {
		padding-top: 40px;
	}
}


/* -- Tables -- */

table {
	border-spacing: 0;
	border-collapse: collapse;
	margin: 0 auto;
}
table.center th,
table.center td:not(:first-child) {
	text-align: center;
}
table.top td {
	vertical-align: top;
}
table.article {
	width: calc(100% + 120px);
	margin: 0 0 0 -60px;
}
table.article th {
	padding: 15px;
	background: #eeeeee;
	font-weight: 600;
}
table.article th:first-child {
	border-top-left-radius: 7px;
}
table.article th:last-child {
	border-top-right-radius: 7px;
}
table th:not(:first-child) {
	border-left: 1px solid white;
}
table.article th.wide {
	width: 70%;
}
table.article td {
	padding: 15px 15px 5px 15px;
	border-bottom: 2px solid #eeeeee;
	text-align: left;
	vertical-align: middle;
}
table.article td:first-child {
	padding-left: 60px;
}
table.article td:not(:first-child) {
	min-width: 70px;
	word-break: break-word;
}
table.article tr:hover td {
	background: #f8f9f9;
}
table.article td span {
	display: block;
	margin: 4px 0;
	font-size: 14px;
	line-height: 20px;
	color: #616a6b;
}
@media (max-width: 860px) {
	table.article {
		width: calc(100% + 40px);
		margin-left: -20px;
	}
	table.article th:first-child,
	table.article td:first-child {
		padding-left: 20px;
	}
}


/* -- Pagination -- */

.pagination {
	max-width: 1170px;
	padding: 30px 60px 40px 60px;
	margin: 0 auto;
	text-align: center;
}
.pagination ul {
	margin: 0;
	padding: 0;
}
.pagination li {
	display: inline-block;
}
.pagination span,
.pagination ul a {
	display: block;
	margin: 3px;
	padding: 5px 11px;
	border-radius: 20px;
}
.pagination li:not(.pagination-start):not(.pagination-end) span.pagenav {
	background: #338adb;
	color: white;
}
.pagination li.pagination-prev,
.pagination li.pagination-next,
.pagination li.pagination-start span,
.pagination li.pagination-end span {
	display: none;
}
.pagination li.pagination-start a,
.pagination li.pagination-end a {
	font-size: 0;
	padding: 5px 8px;
}
.pagination li.pagination-start a:after {
	content: '\00AB';
	font-size: 20px;
}
.pagination li.pagination-end a:after {
	content: '\00BB';
	font-size: 20px;
}
@media (max-width: 860px) {
	.pagination {
		padding: 30px 20px 40px 20px;
	}
}


/* -- Article with Links -- */

.article.links {
	padding: 60px 0 0 0;
}
.article.links a {
	display: flex;
	padding: 15px 0 45px 0;
	align-items: center;
	border-radius: 8px;
	text-decoration: none;
	color: #3e3e3e;
	font-weight: 400;
}
.article.links a:hover {
	background: #eeeeee;
}
.article.links a img {
	flex-shrink: 0;
	flex-grow: 0;
	margin: 0 -20px 0 20px;
}
.article.links a div:last-child {
	padding: 0 60px;
	align-self: start;
}
.article.links a h3 {
	margin: 0 0 5px 0;
	font-size: 20px;
	font-weight: 400;
	color: #1ba1e2;
}
.article.links a span.category {
	color: #3e3e3e;
	font-weight: 300;
}
.article.links a span.highlight {
	background: #eeeeee;
}
.article.links a:hover span.highlight {
	background: #dadada;
}
@media (max-width: 1190px) {
	.article.links a {
		border-radius: 0;
	}
}
@media (max-width: 480px) {
	.article.links {
		padding: 40px 0 0 0;
	}
	.article.links a {
		flex-direction: column;
	}
	.article.links a img {
		margin: 0 0 20px 0;
	}
	.article.links a div:last-child {
		padding: 0 20px;
	}
}


/* -- Columns -- */

.article.columns,
.article .columns {
	display: flex;
}
.article.columns.reverse,
.article .columns.reverse {
	flex-direction: row-reverse;
}
.article.columns > div,
.article .columns > div {
	flex-basis: 100%;
}
/*.article.columns.vertical-center > div,
.article .columns.vertical-center > div {
	align-self: center;
}*/
.article.columns:not(.reverse) > div:not(:last-child),
.article .columns:not(.reverse) > div:not(:last-child),
.article.columns.reverse > div:not(:first-child),
.article .columns.reverse > div:not(:first-child) {
	margin: 0 40px 0 0;
}
@media (max-width: 860px) {
	.article.columns,
	.article .columns {
		flex-wrap: wrap;
	}
	.article.columns.wide,
	.article .columns.wide {
		flex-direction: column;
	}
	.article.columns > div,
	.article .columns > div {
		flex-basis: auto;
		width: calc(50% - 20px);
	}
	.article.columns.wide > div,
	.article .columns.wide > div {
		flex-basis: auto;
		flex-shrink: 0;
		width: 100%;
	}
	.article.columns:not(.reverse) > div:nth-child(2),
	.article .columns:not(.reverse) > div:nth-child(2) {
		margin: 0;
	}
	.article.columns.wide:not(.reverse) > div:not(:last-child),
	.article .columns.wide:not(.reverse) > div:not(:last-child),
	.article.columns.wide.reverse > div:not(:last-child),
	.article .columns.wide.reverse > div:not(:last-child) {
		margin: 0 0 40px 0;
	}
	.article.columns > div:nth-child(3),
	.article .columns > div:nth-child(3) {
		width: 100%;
		margin: 40px 0 0 0;
	}
	.article.columns.wide.reverse > div:not(:first-child),
	.article .columns.wide.reverse > div:not(:first-child),
	.article.columns.wide > div:nth-child(3),
	.article .columns.wide > div:nth-child(3) {
		margin: 0;
	}
}
@media (max-width: 480px) {
	.article.columns,
	.article .columns {
		flex-direction: column;
	}
	.article.columns > div,
	.article .columns > div {
		flex-basis: auto;
		flex-shrink: 0;
		width: 100%;
	}
	.article.columns:not(.reverse) > div:not(:last-child),
	.article .columns:not(.reverse) > div:not(:last-child),
	.article.columns.reverse > div:not(:last-child),
	.article .columns.reverse > div:not(:last-child) {
		margin: 0 0 40px 0;
	}
	.article.columns.reverse > div:not(:first-child),
	.article .columns.reverse > div:not(:first-child),
	.article.columns > div:nth-child(3),
	.article .columns > div:nth-child(3) {
		margin: 0;
	}
}


/* -- iframe -- */

.article .iframe {
	position: relative;
	padding-bottom: calc(100% * 9 / 16);
}
.article .iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 8px;
}
.article .columns .iframe {
	padding-bottom: calc(50% * 9 / 16);
}
@media (max-width: 480px) {
	.article .columns .iframe {
		padding-bottom: calc(100% * 9 / 16);
	}
	.article .iframe.sample,
	.article .columns .iframe.sample {
		padding-bottom: calc(100% * 16 / 9);
	}
}


/* -- Category Layout -- */

div.content-category table.category {
	width: 100%;
	max-width: 1170px;
	margin: 55px auto;
}
div.content-category table.category td {
	padding: 5px 60px;
}
div.content-category table.category td:last-child {
	white-space: nowrap;
}
@media (max-width: 860px) {
	div.content-category table.category{
		margin: 35px auto;
	}
	div.content-category table.category td {
		padding: 5px 20px;
	}
}


/* -- Blog Layout -- */

div.blog-site div.item-image {
	display: none;
}