@charset "UTF-8";
@import url("screen.css?v=2");
@import url("icons.css");

/* __________/   Default styles for common elements   \___________ */


@-ms-viewport {
	/*noinspection CssInvalidElement*/
	width: device-width;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}


html {
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
}


body {
	font-family: "Kievit OT", sans-serif;
	color: #000;
	margin: 0;
}

/* @group HTML5 elements */

article,
figure,
footer,
header,
main {
	display: block;
}

/* @end */
/* @group Links */

a {
	background: none;
	color: #ec1e2c;
	text-decoration: none;
}

a:focus, a:hover {
	color: #d7181b;
}

/* @end */
/* @group Text-level semantics */

b,
strong {
	font-weight: 700;
}

/* @end */
/* @group Embedded content */

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}

/* @end */
/* @group Grouping content */

hr {
	background: #ec1e2c;
	border: 0;
	height: 2px;
	margin: 3em auto;
	width: 2em;
}

hr.wide {
	background: #cccccc;
	border: solid #fff;
	border-width: 0 1em;
	max-width: 52em;
	width: 100%;
}

/* @end */
/* @group Forms */

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


button {
	overflow: visible;
}


button,
select {
	text-transform: none;
}


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


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


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


input {
	line-height: normal;
}


input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}


input[type="search"] {
	-webkit-appearance: textfield;
}

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


textarea {
	overflow: auto;
}

/* @end */

/* __________/   Pagination CSS   \___________________________ */

ol.pagination__items > li:first-child {
	/* Fix left border when on first page (no previous button) */
    border-left-width: 2px;
    border-radius: 3px 0 0 3px;
}

ol.pagination__items > li:last-child {
	border-radius: 0 3px 3px 0;
	border-right-width: 2px;
}

.pagination {
	overflow: hidden;
	margin: 3em auto;
}

.pagination__items {
	float: left;
	left: 50%;
	position: relative;
}

.pagination__item {
	border: solid #1b1a19;
	border-width: 2px 2px 2px 0;
	float: left;
	font-weight: bold;
	position: relative;
	right: 50%;
}

.pagination__item a,
.pagination__item span {
	display: block;
	line-height: 3em;
	padding: 0 1em;
	min-width: 3em;
	text-align: center;
}

.pagination__item span,
.pagination__item--current {
	/* current page */
	background: #e6e6e6;
}

.pagination__item--next,
.pagination__item--previous {
	background: no-repeat 50% 50%;
	width: 4em;
}

.pagination__item--next b,
.pagination__item--previous b {
	display: block;
}

.pagination__item--next {
	background-image: url("../images/icons/pagination-next.png");
	border-radius: 0 3px 3px 0;
}

.pagination__item--previous {
	background-image: url("../images/icons/pagination-previous.png");
	border-radius: 3px 0 0 3px;
	border-width: 2px;
}

/* ____ New CSS from Viget to  dev portal____________________ */



.developer-portal-logo-grid {
  margin: 3em auto;
  max-width: 52em;
  padding: 0 1em;
}


.developer-portal-logo-grid__item {
  display: block;
  text-align: center;
}

.developer-portal-logo-grid__item + .developer-portal-logo-grid__item {
  margin-top: 3em;
}
@media (min-width: 36em) {
  
  .developer-portal-logo-grid__item {
    float: left;
    padding: 0 1em;
    width: 33.33333%;
  }
  
  .developer-portal-logo-grid__item + .developer-portal-logo-grid__item {
    margin-top: 0;
  }
}

.developer-portal-logo-grid__item span:before {
  background: #00bfe8 no-repeat 50% 50%;
  border-radius: 50%;
  content: "";
  display: block;
  margin: 0 auto 2em auto;
  height: 7.5em;
  width: 7.5em;
}

.developer-portal-logo-grid__item .server span:before {
  background-image: url("../images/icons/developer-portal-server.png");
}

.developer-portal-logo-grid__item .mobile span:before {
  background-image: url("../images/icons/developer-portal-mobile.png");
}

.developer-portal-logo-grid__item .projects span:before {
  background-image: url("../images/icons/developer-portal-projects.png");
}



.ctablock, .ctablock--bright {
  background: #282725 url("../images/patterns/exhaust.jpg") repeat-y 50% 50%;
  color: #fff;
  margin: 3em 0;
}


.ctablock__wrapper {
  margin: 0 auto;
  max-width: 52em;
  padding: 3em 1em;
  text-align: center;
}


.ctablock__title {
  font-size: 32px;
  font-weight: normal;
  margin: 0;
}


.ctablock__content {
  font-size: 20px;
  line-height: 1.6;
  margin: 1.5em 0;
}

.ctablock__content p {
  margin: 0;
}

/* @group Bright variant */

.ctablock--bright {
  background: #00bfe8 url("../images/patterns/mosaic-bright.png") repeat 50% 50%;
}


.article-listing__header__title {
  font-size: 32px;
  font-weight: normal;
  margin: 0;
  text-align: center;
}



/*   ----------- Homepage styles ----------- */


.homepage-customers {
	margin: 3em 0;
	padding: 0 1em;
}


.homepage-customers hr {
	margin: 1.5em auto;
}


.homepage-customers__title {
	font-weight: normal;
	margin: 0;
	text-align: center;
}


.homepage-customers__content {
	overflow: hidden;
	width: 100%;
}


.homepage-customers__items {
	float: left;
	left: 50%;
	position: relative;
}


.homepage-customers__item {
	float: left;
	position: relative;
	right: 50%;
}


.homepage-customers__item__wrapper {
	display: table;
	width: 100%;
}


.homepage-customers__item__logo {
	display: table-cell;
	height: 100px;
	margin: 0;
	max-width: 150px;
	padding: 0 1em 1em 1em;
	text-align: center;
	vertical-align: middle;
}


.homepage-customers__item__logo img {
	width: 100%;
}


.homepage-get-started {
	background: #f2f2f2;
	padding: 3em 1em;
}


.homepage-get-started__header {
	margin-bottom: 3em;
	text-align: center;
}


.homepage-get-started__header h1 {
	font-weight: normal;
	margin: 0;
}


.homepage-get-started__content {
	text-align: center;
}

@media (min-width: 30em) {
	
	.homepage-get-started__content li {
		display: inline-block;
		padding: 0 0.5em;
		width: 18em;
	}
}


.homepage-get-started__content li + li {
	margin-top: 1em;
}

@media (min-width: 30em) {
	
	.homepage-get-started__content li + li {
		margin: 0;
	}
}


.homepage-get-started__content a {
	width: 100%;
}


.homepage-image-header {
	background: url("../images/photos/www.indexHeroElement.BG.jpg") no-repeat 50% 50%;
	background-size: cover;
}


.homepage-image-header__content {
	margin: 0 auto;
	/* max-width: 68em; */
	padding: 6em 1em;
}

@media (min-width: 30em) {

	/*
	.homepage-image-header__content {
		padding: 15em 1em;
	}
	*/
}


.homepage-image-header__content p {
	color: #fff;
	font-size: 28px;
	line-height: 1.2;
	margin: 0;
	text-align: center;
	text-shadow: 0 0 1em rgba(0, 0, 0, 0.4);
}

/** New Homepage CSS for Couchbase Server 3.0 release */
/* ---- START ---- */
.homepage-image-header__content h1 {

	font-family: "Kievit OT", sans-serif;
	font-size: 64pt;
	font-weight: bold;
	color:#ffffff;
	text-align:center;
	margin-top: 132px;
	margin-bottom: 32px !important;
	text-shadow: 0px 0px 2px RGBA(0,0,0,.36);
}

.homepage-image-header__content h2 {
	font-family: "Kievit OT", sans-serif;
	font-size: 38pt;
	font-weight: bold;
	color:#ffffff;
	text-align:center;
	text-shadow: 0px 0px 2px RGBA(0,0,0,.36);
}

.homepage-image-header__content span.red {
	color:#cc2a2e;
}
/* ---- END ---- */


@media (min-width: 30em) {

	.homepage-image-header__content p {
		font-size: 56px;
	}
}


.homepage-products {
	background: #00bfe8 url("../images/patterns/mosaic-bright.png") repeat 50% 50%;
	color: #fff;
	margin: 3em 0;
	padding: 3em 1em;
	text-align: center;
}


.homepage-products__title {
	font-weight: normal;
	margin: 0;
}


.homepage-products__content {
	margin-top: 1.5em;
}


.homepage-products__content p {
	font-size: 20px;
	line-height: 1.6;
	margin: 0 auto;
	max-width: 34em;
}


.homepage-products__content ul {
	margin-top: 3em;
}


.homepage-products__content li {
	margin-bottom: 3em;
	padding: 0 1em;
}

@media (min-width: 30em) {

	.homepage-products__content li {
		float: left;
		width: 50%;
	}


	.homepage-products__content li:nth-child(odd) {
		clear: left;
	}
}

@media (min-width: 30em) {

	.homepage-products__content li {
		width: 25%;
	}


	.homepage-products__content li:nth-child(odd) {
		clear: none;
	}


	.homepage-products__content li:nth-child(4n+1) {
		clear: left;
	}
}


.homepage-products__content li span {
	background: #fff no-repeat 50% 50%;
	border-radius: 50%;
	display: block;
	margin: 0 auto 1.5em auto;
	height: 124px;
	width: 124px;
}


.homepage-products__content li b {
	color: #1b1a19;
	font-weight: bold;
	line-height: 1.4;
	text-transform: uppercase;
}


.homepage-products__actions li {
	margin-top: 3em;
}


.homepage-products__actions li:first-child {
	margin-top: 0;
}

@media (min-width: 30em) {

	.homepage-products__actions li {
		display: inline-block;
		margin: 0 1.5em;
	}
}


.homepage-products__actions a {
	min-width: 16em;
}


.homepage-products__actions span {
	display: block;
	margin-top: 1.5em;
}


.homepage-promos {
	background: #f2f2f2;
	border-bottom: 1px solid #e6e6e6;
}


.homepage-promos__promo {
	padding: 3em 1em;
}

@media (min-width: 50em) {

	.homepage-promos__promo {
		float: left;
		width: 50%;
	}


	.homepage-promos__promo:first-child {
		border-right: 1px solid #e6e6e6;
		padding-right: 3em;
	}


	.homepage-promos__promo + .homepage-promos__promo {
		border-left: 1px solid #e6e6e6;
		margin-left: -1px;
		padding-left: 3em;
	}
}


.homepage-promos__promo h1 {
	font-weight: normal;
	line-height: 1.4;
	margin: 0;
}


.homepage-promos__promo p {
	color: #757575;
	font-size: 20px;
	line-height: 1.6;
	margin: 1em 0;
}

/*    ---------- Company HQ styles --------- */


.company-hq-details {
	background: #7bbdcb;
	min-height: 20em;
	padding: 3em 1em;
}


.company-hq-details .layout-wrapper {
	max-width: 60em;
	position: relative;
}

@media (min-width: 40em) {

	.company-hq-details .layout-wrapper {
		padding-left: 16em;
	}
}


.company-hq-details__header {
	margin-bottom: 1.5em;
}


.company-hq-details__header h1 {
	color: #0d4c5a;
	font-size: 32px;
	font-weight: normal;
	margin: 0;
}


.company-hq-details__content {
	color: #fff;
	line-height: 1.4;
}


.company-hq-details__content img {
	border: 0.25em solid #fff;
	border-radius: 50%;
	display: block;
	margin-bottom: 1.5em;
}

@media (min-width: 40em) {

	.company-hq-details__content img {
		left: 0;
		position: absolute;
		top: 0;
	}
}


.company-hq-details__content .column + .column {
	margin-top: 1.5em;
}

@media (min-width: 64em) {

	.company-hq-details__content .column {
		float: left;
		padding-right: 3em;
		width: 50%;
	}


	.company-hq-details__content .column + .column {
		margin-top: 0;
	}
}


.company-hq-details__content h2,
.company-hq-details__content p {
	font-size: 20px;
	margin: 0;
}


.company-hq-details__content a {
	color: #fff;
	text-decoration: underline;
}


/* -------------- Customer Grouping styles ----------------- */


.customer-grouping {
	margin: 3em auto;
	max-width: 68em;
	padding: 0 1em;
}


.customer-grouping__title {
	font-size: 28px;
	font-weight: normal;
	margin: 0;
	text-align: center;
}


.customer-grouping__item {
	margin-top: 1.5em;
}

@media (min-width: 45em) {

	.customer-grouping__item {
		float: left;
		padding: 0 0.75em;
		width: 33.33333%;
	}


	.customer-grouping__item:nth-child(3n) {
		padding-right: 0;
	}


	.customer-grouping__item:nth-child(3n+1) {
		padding-left: 0;
	}
}


.customer-grouping__item a {
	background: rgba(0, 0, 0, 0.6);
	display: table;
	height: 13.75em;
	transition: background 100ms linear;
	width: 100%;
}


.customer-grouping__item a:focus, .customer-grouping__item a:hover {
	background: rgba(0, 0, 0, 0.5);
}


.customer-grouping__item__wrapper {
	background: no-repeat 50% 50%;
	background-size: cover;
}


.customer-grouping__item__logo {
	display: table-cell;
	margin: 0;
	padding: 1em;
	text-align: center;
	vertical-align: middle;
}


.customer-grouping__item__logo img {
	max-width: 235px;
	width: 100%;
}

/* ----------- Sales Offices styles ---------------- */


.sales-offices .sales-offices__items {
	margin-left: 2em;
}

@media (min-width: 56em) {

	.sales-offices .sales-offices__items {
		margin-left: 0;
	}
}


.sales-offices__item, .sales-offices__item + .sales-offices__item {
	margin-top: 3em;
}

@media (min-width: 40em) {

	.sales-offices__item {
		float: left;
		padding-right: 2.5em;
		width: 50%;
	}


	.sales-offices__item:nth-child(odd) {
		clear: left;
	}
}

@media (min-width: 50em) {

	.sales-offices__item {
		width: 33.33333%;
	}


	.sales-offices__item:nth-child(odd) {
		clear: none;
	}


	.sales-offices__item:nth-child(3n+1) {
		clear: left;
	}
}


.sales-offices__item:last-child {
	margin-bottom: 0;
}


.sales-offices__item .title {
	color: #000;
	font-size: 16px;
	margin: 0;
}


.sales-offices__item p {
	margin: 0;
}


.sales-offices__item--has-address {
	position: relative;
}


.sales-offices__item--has-address:before {
	background: url("../images/icons/sales-office-marker.png") no-repeat 0 0;
	content: "";
	display: block;
	height: 30px;
	left: -2em;
	position: absolute;
	top: 0;
	width: 20px;
}

/* ------------- Stats Contained styles -------------------- */


.stats--contained {
	background: #7bbdcb url("../images/patterns/mosaic-light.png") repeat 50% 50%;
	color: #fff;
	margin: 3em 0;
	padding: 3em 0;
}


.stats--contained__header,
.stats--contained__content {
	margin: 0 auto;
	max-width: 65em;
	padding: 0 1em;
}


.stats--contained__title {
	font-size: 28px;
	margin: 0;
	text-align: center;
}


.stats--contained__content li {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
	margin-top: 1.5em;
	padding: 0 0.5em;
	text-align: center;
}

@media (min-width: 50em) {

	.stats--contained__content li {
		float: left;
		width: 33.33333%;
	}
}


.stats--contained__content li b {
	display: block;
	font-size: 56px;
}


.stats {
	margin: 1.5em auto 3em auto;
}


.stats .stats__content ul li + li {
	margin-top: 1.5em;
}


.stats__content li {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
	margin-top: 1.5em;
	padding: 0 0.5em;
	text-align: center;
}

@media (min-width: 50em) {

	.stats__content li {
		float: left;
		width: 33.33333%;
	}
}


.stats__content li span {
	background: #ec1e2c no-repeat 50% 50%;
	border-radius: 50%;
	content: "";
	display: block;
	height: 104px;
	margin: 0 auto;
	width: 104px;
}


.stats__content li b {
	display: block;
	font-size: 72px;
}

/* _____________ end of new Viget styles 2014-09-25 DBR _________________ */





/* line 1, ../sass/placeholder_selectors/_clear.scss */
.company-hq-details__content, .customer-grouping__items, .download-table__header, .event-date-location__wrapper, .featured-speakers__items, .featured-speakers__item, .icon-link-grid__items, .logo-grid__items, .pagination__items, .related-content__items, .sales-offices .sales-offices__items, .stats--contained__content ul, .stats__content ul, .toggle-group, .global-footer, .global-footer__contact, .global-footer__contact__social, .global-header, .global-sub-footer, .homepage-products__content ul, .homepage-promos, .footer-navigation, .primary-navigation__items {
	zoom: 1;
}

/* line 4, ../sass/placeholder_selectors/_clear.scss */
.company-hq-details__content:after, .customer-grouping__items:after, .download-table__header:after, .event-date-location__wrapper:after, .featured-speakers__items:after, .featured-speakers__item:after, .icon-link-grid__items:after, .logo-grid__items:after, .pagination__items:after, .related-content__items:after, .sales-offices .sales-offices__items:after, .stats--contained__content ul:after, .stats__content ul:after, .toggle-group:after, .global-footer:after, .global-footer__contact:after, .global-footer__contact__social:after, .global-header:after, .global-sub-footer:after, .homepage-products__content ul:after, .homepage-promos:after, .footer-navigation:after, .primary-navigation__items:after {
	clear: both;
	content: "";
	display: table;
}

/* line 1, ../sass/placeholder_selectors/_image-replace.scss */
.carousel__navigation--next span,
.carousel__navigation--previous span, .pagination__item--next b,
.pagination__item--previous b, .videoblock__button span, .global-footer__contact__social a, .global-header-search button span, .global-header__logo a, .product-section__nav__logo a {
	overflow: hidden;
	text-indent: 100%;
	text-shadow: none;
	white-space: nowrap;
}

/* line 1, ../sass/placeholder_selectors/_ui-list.scss */
.customer-grouping__items, .download-intro__wrapper ul, .download-section__content .links, .download-section__links .download-links, .download-table, .featured-speakers__items, .icon-link-grid__items, .logo-grid__items, .pagination__items, .related-content__items, .sales-offices .sales-offices__items, .sponsor-grid__items, .stats--contained__content ul, .stats .stats__content ul, .toggle-group, .global-footer__contact__social, .global-header-search ul, .homepage-customers__items, .homepage-get-started__content ul, .homepage-products__content ul, .homepage-products__actions ul, .footer-navigation__items, .primary-navigation__items, .secondary-navigation__items {
	list-style: none;
	margin: 0;
	padding: 0;
}


/* line 1, ../sass/placeholder_selectors/_clear.scss */
.customer-grouping__items, .download-table__header, .event-date-location__wrapper, .featured-speakers__items, .featured-speakers__item, .icon-link-grid__items, .logo-grid__items, .pagination__items, .related-content__items, .toggle-group, .global-footer, .global-footer__contact, .global-footer__contact__social, .global-header, .global-sub-footer, .footer-navigation, .primary-navigation__items {
	zoom: 1;
}
/* line 4, ../sass/placeholder_selectors/_clear.scss */
.customer-grouping__items:after, .download-table__header:after, .event-date-location__wrapper:after, .featured-speakers__items:after, .featured-speakers__item:after, .icon-link-grid__items:after, .logo-grid__items:after, .pagination__items:after, .related-content__items:after, .toggle-group:after, .global-footer:after, .global-footer__contact:after, .global-footer__contact__social:after, .global-header:after, .global-sub-footer:after, .footer-navigation:after, .primary-navigation__items:after {
	clear: both;
	content: "";
	display: table;
}

/* line 1, ../sass/placeholder_selectors/_image-replace.scss */
.carousel__navigation--next span,
.carousel__navigation--previous span, .pagination__item--next b,
.pagination__item--previous b, .videoblock__button span, .global-footer__contact__social a, .global-header-search button span, .global-header__logo a {
	overflow: hidden;
	text-indent: 100%;
	text-shadow: none;
	white-space: nowrap;
}

/* line 1, ../sass/placeholder_selectors/_ui-list.scss */
.customer-grouping__items, .download-intro__wrapper ul, .download-section__content .links, .download-section__links .download-links, .download-table, .featured-speakers__items, .icon-link-grid__items, .logo-grid__items, .pagination__items, .related-content__items, .sponsor-grid__items, .toggle-group, .global-footer__contact__social, .global-header-search ul, .footer-navigation__items, .primary-navigation__items, .secondary-navigation__items {
	list-style: none;
	margin: 0;
	padding: 0;
}

@-ms-viewport {
	/*noinspection CssInvalidElement*/
	width: device-width;
}

/* _________________________________________________________________________ */

/* --- The point of these `p` selectors is to prevent what amounts to a web-wide
    default of "double-spaced" text content when rendered in the browser, and
    instead display the `p`s as "single-spaced," which is how the text appears
    when it's being composed or edited in the CMS. --- DBR 2014-09-23

		(CMS creates an extra <p>[space]</p> when user tries to separate
				paragraphs, but ckeditor is not WYSIWYG here.)
/*
	image naming convention:
		desktop: image.png
		mobile: image--sm.png
		mobile retina: image--sm--2x.png
	$image: '../images/slide' image path plus name fragment
	$ext: 'png'
    */

article p,
.article__content p,
.introblock__content p,
.textblock__content p,
.textblock--centered__content p,
.ctablock__content p
{
	margin: 0;
}

article p:first-child,
.article__content p:first-child,
.featured-article__content p:first-child,
.introblock__content p:first-child,
.textblock__content p:first-child,
.textblock--centered__content p:first-child,
.ctablock__content p:first-child {

	/* --- 1 em is just a way of referring to the browser's (or user's)
		current text size / line height at this location. */

	margin-top: 1em;
}

article p:last-child,
.article__content p:last-child,
.featured-article__content p:last-child,
.introblock__content p:last-child,
.textblock__content p:last-child,
.textblock--centered__content p:last-child,
.ctablock__content p:last-child {

	margin-bottom: 1em;
}

article p + ul,
.article__content p + ul,
.featured-article__content p + ul,
.introblock__content p + ul,
.textblock__content p + ul,
.textblock--centered__content p + ul,
.ctablock__content p + ul
{
	/* --- ckeditor also does not show that bp + ulleted and ordered lists
		come with added margin on the top and bottom by default */
	margin-bottom: 0;
}


.image-header__content > h1 {
	/* Improve text visibility against light colors in background image */
	text-shadow: 0 0 10px rgba(0,0,0,255);
}

.image-header__content > span {
	text-shadow: 0 0 4px rgba(0,0,0,175);
}

/*    ___________________________________________________
     /                                                   \
____/       download page                                 \___________________*/




/*    ___________________________________________________
     /                                                   \
____/       learn page                                    \___________________*/


.page-intro.learn {
	/* reduced margin makes the first 2 rows of grid blocks appear above the
		fold (without scrolling) */
	margin: 2.1em auto;
}

li.icon-link-grid__item:hover {
    background: none repeat scroll 0 0 #FFFAE0;
    transition: background 0.1s ease-out;
}

li.icon-link-grid__item {
    background: rgba(255,255,255,0);
    transition: background 2s ease-out;
}

li.icon-link-grid__item:active {
	background: #406A73;
}

li.icon-link-grid__item:active > a {
	background-color: #406A73;
	transition: background 0.1s ease-out;
}

li.icon-link-grid__item > a {
	background-color: rgba(255,255,255,0);
	transition: background 1s ease-out;
}

/*    ___________________________________________________
     /                                                   \
____/       homepage simple slideshow                     \___________________*/


.slideshow-container {
	text-align: center;
}

.slideshow-container > .slideshow-viewport {
	border-radius: 18px;
	box-shadow: 0 0 20px #666;
	height: 389px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 980px;
}

.slideshow-viewport > ul {
	display: block;
	margin: 0;
	padding: 0;
}

.slideshow-viewport > ul > li.slide {
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	cursor: pointer;

	opacity: 0;
	transition: opacity 1.75s linear;
}

.slideshow-viewport > ul > li.slide.active {
	opacity: 1;
}

.slideshow-viewport > ul > li.slide .cover {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}


/*    ___________________________________________________
     /                                                   \
____/       used on article / featured article pages      \___________________*/

.bullet {
	display: none;
}

.speaker + .bullet {
	display: inline-block;
}

h1.featured-article__title > a {
	color: #fff;
}

h1.article__title > a {
	color: #000;
}



.article__content {
	line-height: 1.1em;
	margin: 1em 0;
}

.featured-article__content {
	color: #fff;
	font-size: 1.3em;
	line-height: 1.25em;
}





/* Commented out b/c have modified class near top */
/*
.featured-article__content {
  color: #fff;
  font-size: 20px;
  line-height: 1.5;
}
*/

.featured-article__footer a {
  background: #388695;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  padding: 0.6em 2em 0.5em 2em;
  text-transform: uppercase;
}


.article__avatar, .featured-article__avatar {
	box-sizing: content-box;
	width: auto;
}
.article__avatar {
    width: 75px;
}
.featured-article__avatar {
	box-sizing: content-box;
	/* the images are this size */
	width: 100px;
}


.speaker .bullet:first-child,
.speaker .bullet:last-child{
	display: none;
}

.featured-article .twitter-name {
	color: #66ffdd !important;
}


/*    ___________________________________________________
     /                                                   \
____/       used on customer story list page              \___________________*/


.customer-grouping {
  margin: 3em auto;
  max-width: 68em;
  padding: 0 1em;
}


.customer-grouping__title {
  font-size: 28px;
  font-weight: normal;
  margin: 0 0 40px 0;
  text-align: center;
}


.customer-grouping__item__logo {
  display: table-cell;
  margin: 0;
  padding: 1em;
  text-align: center;
  vertical-align: middle;
}

.customer-grouping__item__logo img {
  max-width: 235px;
  width: 100%;
}

ul.customer-grouping__items {
	text-align: center;
	font-size: 0;
}
li.customer-grouping__item {
	font-size: 16px;
	float: none;
	display: inline-block;
	font-size: 16px;
	height: 220px;
	margin: 0 6px 13px;
	padding: 0;
	width: 340px;
}

li.customer-grouping__item:nth-child(3n+1) {
	/* no left-padding for the first block in each row (of 3) */
    /*padding-left: 0;*/
}

li.customer-grouping__item > div.customer-grouping__item__wrapper {
	background: none;
	height: 13.75em;
	position: relative;
}

li.customer-grouping__item > div > a {
	display: block;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	transition: background 100ms linear 0s;
	width: 100%;
	background: transparent;
}

li.customer-grouping__item div.svg-container {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	opacity: 0.35;
	transition: opacity ease-in-out 0.33s;
}

li.customer-grouping__item > div > a:hover {
	background: transparent none;

}

li.customer-grouping__item > div > a:hover div.svg-container {
	opacity: 0.75;
	transition: opacity ease-in-out 0.33s;
}

li > div.customer-grouping__item__wrapper > a > figure.customer-grouping__item__logo {
	margin: 0;
	text-align: center;
    height: 100%;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

li > div.customer-grouping__item__wrapper > a > figure.customer-grouping__item__logo > img {
	border: 2px solid #fff;
	box-shadow: 0 0 15px #fff;
	display: inline-block;
	height: 60%;
	margin: 5% 0;
	max-width: none;
	width: auto;
}

.customer-grouping__item__wrapper > a > figure.customer-grouping__item__logo > h2 {
	color: #000;
	display: block;
	font-size: 1.3em;
	font-weight: normal;
	height: auto;
	letter-spacing: -0.015em;
	margin: 0;
	max-width: none;
	overflow: visible;
	position: relative;
	text-overflow: ellipsis;
	text-shadow: 0 0 9px #fff;
}


/*    ___________________________________________________
     /                                                   \
____/        Customer story detail - quoteblock           \___________________*/


.quoteblock:before {
	background: #514b48;
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	opacity: 0.5;
	position: absolute;
	right: 0;
	top: 0;
}


.quoteblock {
	background: #514b48 no-repeat 50% 50%;
	background-size: cover;
	color: #fff;
	font-family: Georgia, serif;
	margin: 6em 0 3em 0;
	position: relative;
	text-align: center;
}

.quoteblock.no-image {

	background: #514b48; /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(76, 76, 76, 1) 0%, rgba(89, 89, 89, 1) 12%, rgba(102, 102, 102, 1) 25%, rgba(71, 71, 71, 1) 39%, rgba(44, 44, 44, 1) 50%, rgba(0, 0, 0, 1) 51%, rgba(17, 17, 17, 1) 60%, rgba(43, 43, 43, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(76, 76, 76, 1)), color-stop(12%, rgba(89, 89, 89, 1)), color-stop(25%, rgba(102, 102, 102, 1)), color-stop(39%, rgba(71, 71, 71, 1)), color-stop(50%, rgba(44, 44, 44, 1)), color-stop(51%, rgba(0, 0, 0, 1)), color-stop(60%, rgba(17, 17, 17, 1)), color-stop(76%, rgba(43, 43, 43, 1)), color-stop(91%, rgba(28, 28, 28, 1)), color-stop(100%, rgba(19, 19, 19, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(76, 76, 76, 1) 0%, rgba(89, 89, 89, 1) 12%, rgba(102, 102, 102, 1) 25%, rgba(71, 71, 71, 1) 39%, rgba(44, 44, 44, 1) 50%, rgba(0, 0, 0, 1) 51%, rgba(17, 17, 17, 1) 60%, rgba(43, 43, 43, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(76, 76, 76, 1) 0%, rgba(89, 89, 89, 1) 12%, rgba(102, 102, 102, 1) 25%, rgba(71, 71, 71, 1) 39%, rgba(44, 44, 44, 1) 50%, rgba(0, 0, 0, 1) 51%, rgba(17, 17, 17, 1) 60%, rgba(43, 43, 43, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(76, 76, 76, 1) 0%, rgba(89, 89, 89, 1) 12%, rgba(102, 102, 102, 1) 25%, rgba(71, 71, 71, 1) 39%, rgba(44, 44, 44, 1) 50%, rgba(0, 0, 0, 1) 51%, rgba(17, 17, 17, 1) 60%, rgba(43, 43, 43, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%); /* IE10+ */
	background: linear-gradient(135deg, rgba(76, 76, 76, 1) 0%, rgba(89, 89, 89, 1) 12%, rgba(102, 102, 102, 1) 25%, rgba(71, 71, 71, 1) 39%, rgba(44, 44, 44, 1) 50%, rgba(0, 0, 0, 1) 51%, rgba(17, 17, 17, 1) 60%, rgba(43, 43, 43, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#131313', GradientType=1); /* IE6-9 fallback on horizontal gradient */

}


/* ______________________________(  Carousel  )______________________________ */


/*
______________________________________________________________________________*/

.carousel {
	margin: 3em 0;
}


.carousel__wrapper {
	padding: 0 2em;
	position: relative;
}


.carousel__pages {
	overflow: hidden;
	position: relative;
}


.carousel__page {
	transition: all 200ms ease-in-out;
	-ms-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	width: 100%;
}


.carousel__page--current {
	opacity: 1;
	position: relative;
	z-index: 1;
}


.carousel__page--previous,
.carousel__page--next {
	opacity: 0;
	position: absolute;
	top: 0;
}


.carousel__page--previous {
	-ms-transform: translate3d(-100%, 0, 0);
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}


.carousel__page--next {
	-ms-transform: translate3d(100%, 0, 0);
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}


.carousel__navigation--next,
.carousel__navigation--previous {
	background: no-repeat 50% 50%;
	border: 0;
	display: block;
	height: 41px;
	margin-top: -1.5em;
	position: absolute;
	top: 50%;
	width: 24px;
	z-index: 10;
}

.carousel__navigation--next span,
.carousel__navigation--previous span {
	display: block;
}


.carousel__navigation--next span {
	overflow: hidden;
	text-indent: 100%;
	text-shadow: none;
	white-space: nowrap;
}

.carousel__navigation--previous span {
	overflow: hidden;
	text-indent: 100%;
	text-shadow: none;
	white-space: nowrap;
}

.carousel__navigation--next {
	background-image: url("../images/icons/carousel-next.png");
	right: 0;
}


.carousel__navigation--previous {
	background-image: url("../images/icons/carousel-previous.png");
	left: 0;
}


/* __________________________________________________________________________ */

/*                    A wasteland of computer-generated styles                */

.company-hq-details__content {
	zoom: 1;
}

.customer-grouping__items {
	zoom: 1;
}

.download-table__header {
	zoom: 1;
}

.event-date-location__wrapper {
	zoom: 1;
}

.featured-speakers__items {
	zoom: 1;
}

.featured-speakers__item {
	zoom: 1;
}

.icon-link-grid__items {
	zoom: 1;
}

.logo-grid__items {
	zoom: 1;
}

.pagination__items {
	zoom: 1;
}

.related-content__items {
	zoom: 1;
}

.sales-offices .sales-offices__items {
	zoom: 1;
}

.stats--contained__content ul {
	zoom: 1;
}

.stats__content ul {
	zoom: 1;
}

.toggle-group {
	zoom: 1;
}

.global-footer {
	zoom: 1;
}

.global-footer__contact {
	zoom: 1;
}

.global-footer__contact__social {
	zoom: 1;
}

.global-header {
	zoom: 1;
}

.global-sub-footer {
	zoom: 1;
}

.homepage-products__content ul {
	zoom: 1;
}

.homepage-promos {
	zoom: 1;
}

.footer-navigation {
	zoom: 1;
}

.primary-navigation__items {
	zoom: 1;
}







.company-hq-details__content:after {
	clear: both;
	content: "";
	display: table;
}

.customer-grouping__items:after {
	clear: both;
	content: "";
	display: table;
}

.download-table__header:after {
	clear: both;
	content: "";
	display: table;
}

.event-date-location__wrapper:after {
	clear: both;
	content: "";
	display: table;
}

.featured-speakers__items:after {
	clear: both;
	content: "";
	display: table;
}

.featured-speakers__item:after {
	clear: both;
	content: "";
	display: table;
}

.icon-link-grid__items:after {
	clear: both;
	content: "";
	display: table;
}

.logo-grid__items:after {
	clear: both;
	content: "";
	display: table;
}

.pagination__items:after {
	clear: both;
	content: "";
	display: table;
}

.related-content__items:after {
	clear: both;
	content: "";
	display: table;
}

.toggle-group:after {
	clear: both;
	content: "";
	display: table;
}

.global-footer:after {
	clear: both;
	content: "";
	display: table;
}

.global-footer__contact:after {
	clear: both;
	content: "";
	display: table;
}

.global-footer__contact__social:after {
	clear: both;
	content: "";
	display: table;
}

.global-header:after {
	clear: both;
	content: "";
	display: table;
}

.global-sub-footer:after {
	clear: both;
	content: "";
	display: table;
}

.footer-navigation:after {
	clear: both;
	content: "";
	display: table;
}

.primary-navigation__items:after {
  clear: both;
  content: "";
  display: table;
}




.pagination__item--next b {
	overflow: hidden;
	text-indent: 100%;
	text-shadow: none;
	white-space: nowrap;
}

.pagination__item--previous b {
	overflow: hidden;
	text-indent: 100%;
	text-shadow: none;
	white-space: nowrap;
}

.videoblock__button span {
	overflow: hidden;
	text-indent: 100%;
	text-shadow: none;
	white-space: nowrap;
}

.global-footer__contact__social a {
	overflow: hidden;
	text-indent: 100%;
	text-shadow: none;
	white-space: nowrap;
}

.global-header-search button span {
	overflow: hidden;
	text-indent: 100%;
	text-shadow: none;
	white-space: nowrap;
}

.global-header__logo a {
  overflow: hidden;
  text-indent: 100%;
  text-shadow: none;
  white-space: nowrap;
}


.company-hq-details__content {
	list-style: none;
	margin: 0;
	padding: 0;
}

.customer-grouping__items {
	list-style: none;
	margin: 0;
	padding: 0;
}

.download-intro__wrapper ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.download-section__content .links {
	list-style: none;
	margin: 0;
	padding: 0;
}

.download-section__links .download-links {
	list-style: none;
	margin: 0;
	padding: 0;
}

.download-table {
	list-style: none;
	margin: 0;
	padding: 0;
}

.featured-speakers__items {
	list-style: none;
	margin: 0;
	padding: 0;
}

.icon-link-grid__items {
	list-style: none;
	margin: 0;
	padding: 0;
}

.logo-grid__items {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pagination__items {
	list-style: none;
	margin: 0;
	padding: 0;
}

.related-content__items {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sponsor-grid__items {
	list-style: none;
	margin: 0;
	padding: 0;
}

.toggle-group {
	list-style: none;
	margin: 0;
	padding: 0;
}

.global-footer__contact__social {
	list-style: none;
	margin: 0;
	padding: 0;
}

#global-header-search{font-size:.9em;margin-top: 5px;}

.global-header-search ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-navigation__items {
	list-style: none;
	margin: 0;
	padding: 0;
}

.primary-navigation__items {
	list-style: none;
	margin: 0;
	padding: 0;
}

.secondary-navigation__items {
  list-style: none;
  margin: 0;
  padding: 0;
}





.article__wrapper {
  margin: 0 auto;
  max-width: 52em;
  padding: 0 1em 3em 1em;
  position: relative;
}


.article__header {
  padding: 3em 0 0 0;
}

.article + .article .article__header {
  border-top: 2px solid #bfbfbf;
}


.article__title {
  font-size: 28px;
  margin: 0;
}


.article__meta {
  font-weight: bold;
  margin: 0.5em 0;
}


.article__avatar {
  border-radius: 50%;
  display: none;
  left: -5em;
  position: absolute;
  top: 3em;
}
@media (min-width: 65.5em) {

  .article__avatar {
    display: block;
  }
}



.article__footer {
  margin-top: 1.5em;
}

.article__footer a {
  background: url("../images/icons/article-arrow.png") no-repeat 100% 40%;
  display: inline-block;
  font-weight: bold;
  padding-right: 1em;
  text-transform: uppercase;
}


.buttonblock {
	margin: 3em 0;
	padding: 0 1em;
	text-align: center;
}


.button, .button--blue, .button--teal, .button--grey, .global-footer__contact__button, .global-header__download-button {
  background: #ec1e2c;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  line-height: 1em;
  padding: 1em 2.5em;
  text-align: center;
  text-transform: uppercase;
}

.button:focus, .button--blue:focus, .button--teal:focus, .button--grey:focus, .global-footer__contact__button:focus, .global-header__download-button:focus, .button:hover, .button--blue:hover, .button--teal:hover, .button--grey:hover, .global-footer__contact__button:hover, .global-header__download-button:hover {
  background: #d7181b;
  color: #fff;
}

.button:active, .button--blue:active, .button--teal:active, .button--grey:active, .global-footer__contact__button:active, .global-header__download-button:active {
  background: #be0e11;
}


.button--blue {
  background: #0081a5;
}

.button--blue:focus, .button--blue:hover {
  background: #006d8b;
}


.button--teal {
  background: #6da6b3;
}

.button--teal:focus, .button--teal:hover {
  background: #7fb5c1;
}

.button--teal:active {
  background: #8fcad7;
}


.button--grey {
  background: #e6e6e6;
  color: #000;
}

.button--grey:focus, .button--grey:hover {
  background: #bfbfbf;
  color: #000;
}

.button--grey:active {
  background: #4a4947;
  color: #fff;
}


.button--outlined {
  background: none;
  border: 2px solid #1b1a19;
  border-radius: 5px;
  color: #1b1a19;
  display: block;
  font-weight: bold;
  line-height: 1.1;
  margin: 0 auto;
  max-width: 26em;
  padding: 1.1em 1em 1em 1em;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.button--outlined:focus, .button--outlined:hover {
  border-color: #1b1a19;
  color: #1b1a19;
}




.ctablock {
  background: #282725 url("../images/patterns/exhaust.jpg") repeat-y 50% 50%;
  color: #fff;
  margin: 3em 0;
}


.ctablock__wrapper {
  margin: 0 auto;
  max-width: 52em;
  padding: 3em 1em;
  text-align: center;
}


.ctablock__title {
  font-size: 32px;
  font-weight: normal;
  margin: 0;
}


.ctablock__content {
  font-size: 20px;
  line-height: 1.6;
  margin: 1.5em 0;
}

.ctablock__content p {
  margin: 0;
}




.download-intro__wrapper {
  line-height: 1.4;
  margin: 3em auto;
  max-width: 52em;
  padding: 0 1em;
  text-align: center;
}

/*
.download-intro__wrapper p:first-child {
  color: #757575;
  font-size: 24px;
  font-weight: bold;
}
*/

.download-intro__wrapper ul {
  margin-top: 3em;
}

.download-intro__wrapper li {
  display: inline-block;
  margin: 0 1em;
}

.download-intro__wrapper li a {
  font-size: 24px;
  font-weight: bold;
}


.download-section {
  background: #f2f2f2;
}

.download-section hr {
  border-color: #f2f2f2;
  max-width: 64em;
}


.download-section__header {
  background: #282725;
  color: #fff;
  padding: 1.5em 0;
  text-align: center;
}

.download-section__header h1 {
  font-size: 32px;
  font-weight: normal;
  margin: 0;
}


.download-section__content {
  margin: 0 auto;
  max-width: 70em;
  padding: 3em 1em;
}

.download-section__content .title {
  font-size: 24px;
  margin: 0;
}

.download-section__content .links {
  margin-top: 0.75em;
}

.download-section__content .links li {
  display: inline-block;
}

.download-section__content .links li + li:before {
  content: "•";
  display: inline-block;
  margin: 0 0.75em 0 0.5em;
}


.download-section__subheader {
  margin-bottom: 3em;
  position: relative;
  text-align: center;
}

.download-section__subheader .next-version,
.download-section__subheader .previous-version {
  font-size: 1.2em;
  font-weight: bold;
  position: absolute;
  text-transform: uppercase;
  top: 1.5em;
}

.download-section__subheader .next-version:before,
.download-section__subheader .previous-version:after {
  background: no-repeat 0 0;
  content: "";
  display: inline-block;
  height: 15px;
  vertical-align: middle;
  width: 9px;
}

.download-section__subheader .next-version {
  left: 0;
}

.download-section__subheader .next-version:before {
  background-image: url("../images/icons/download-next.png");
  margin-right: 0.5em;
}

.download-section__subheader .previous-version {
  right: 0;
}

.download-section__subheader .previous-version:after {
  background-image: url("../images/icons/download-previous.png");
  margin-left: 0.5em;
}


.download-section__links {
  text-align: center;
}

.download-section__links .sub-title {
  font-size: 20px;
  margin: 2em 0 0 0;
  text-transform: uppercase;
}

.download-section__links .download-links {
  margin-top: 0.5em;
}

.download-section__links .download-links li {
  display: inline-block;
  margin-top: 1.5em;
  padding: 0 1em;
  width: 30%;
}

.download-section__links .download-links li a {
  font-weight: bold;
}

.download-section__links .download-links li span {
  display: block;
  margin-top: 0.5em;
}


.download-table__wrapper {
  background: #fff;
  padding: 2em 3em;
}


.download-table__header {
  margin-bottom: 1.5em;
}

.download-table__header .toggle-group {
  float: left;
	margin-right: 1em;
}


.download-table__header p {
  float: left;
  font-weight: bold;
  margin: 0 1em;
  padding: 1em 0;
}


/*
.download-table > li {
  border-top: 2px solid #bfbfbf;
  padding: 1em 0;
}
*/


.download-table--additional-versions[aria-expanded="false"] {
  display: none;
}

.download-table--additional-versions > li:first-child {
  border-top: 0;
}


.download-table__row {
  display: table;
  table-layout: fixed;
  width: 100%;
}


.download-table__cell {
  display: table-cell;
  vertical-align: middle;
}

.download-table__cell .platform {
  display: block;
  font-size: 20px;
}

.download-table__cell .platform:before {
  background: no-repeat 50% 50%;
  content: "";
  display: inline-block;
  height: 80px;
  margin-right: 1em;
  width: 80px;
  vertical-align: middle;
}

.download-table__cell .platform--android:before {
  background-image: url("../images/logos/android.png");
}
.download-table__cell .platform--net:before {
  background-image: url("../images/logos/net.png");
}
.download-table__cell .platform--ios:before {
  background-image: url("../images/logos/ios.png");
}

.download-table__cell .platform--java:before {
  background-image: url("../images/logos/java.png");
}

.download-table__cell .platform--linux:before {
  background-image: url("../images/logos/linux.png");
}

.download-table__cell .platform--osx:before {
  background-image: url("../images/logos/mac.png");
}

.download-table__cell .platform--macosx:before {
  background-image: url("../images/logos/mac.png");
}

.download-table__cell .platform--redhat:before {
  background-image: url("../images/logos/redhat.png");
}

.download-table__cell .platform--ubuntu:before {
  background-image: url("../images/logos/ubuntu.png");
}
.download-table__cell .platform--debian:before {
  background-image: url("../images/logos/debian.png");
}

.download-table__cell .platform--windows:before {
  background-image: url("../images/logos/windows.png");
}

.download-table__cell .download,
.download-table__cell .instructions {
  font-weight: bold;
}

.download-table__cell .download:before,
.download-table__cell .instructions:before {
  background: no-repeat 50% 50%;
  content: "";
  display: inline-block;
  margin: -2px 0.5em 0 0;
  height: 20px;
  vertical-align: middle;
  width: 20px;
}

.download-table__cell .download:before {
  background-image: url("../images/icons/download.png");
}

.download-table__cell .instructions:before {
  background-image: url("../images/icons/open.png");
}

.download-table__cell .instructions[aria-pressed="true"] {
  background: #f2f2f2;
  border-radius: 0.25em 0.25em 0 0;
  color: #000;
  display: inline-block;
  margin-bottom: -2em;
  padding: 1em 1.5em 3em 1.5em;
}

.download-table__cell .instructions[aria-pressed="true"]:before {
  background-image: url("../images/icons/close.png");
}


.download-table__cell--actions {
  color: #ec1e2c;
  font-size: 20px;
  text-align: right;
}


.download-table__cell--instructions {
  text-align: center;
}


.download-table__instructions {
  background: #f2f2f2;
  margin-bottom: -1em;
  padding: 1.5em;
}

.download-table__instructions[aria-expanded="false"] {
  display: none;
}

.download-table__instructions .title {
  font-size: 16px;
  margin: 0;
}


.additional-versions {
  border-top: 2px solid #bfbfbf;
  padding-top: 1em;
  margin: 0 0 1.5em 0;
}

.additional-versions a:before {
  background: url("../images/icons/open.png") no-repeat 50% 50%;
  content: "";
  display: inline-block;
  margin: -2px 0.5em 0 0;
  height: 20px;
  vertical-align: middle;
  width: 20px;
}

.additional-versions a[aria-pressed="true"]:before {
  background-image: url("../images/icons/close.png");
}


.event-agenda {
  margin: 3em auto;
  max-width: 52em;
  padding: 0 1em;
}


.event-agenda__title {
  font-size: 32px;
  font-weight: normal;
  margin: 0;
  text-align: center;
}


.event-agenda__content {
  margin-top: 3em;
}

.event-agenda__content table {
  border-collapse: collapse;
  width: 100%;
}

.event-agenda__content th,
.event-agenda__content td {
  vertical-align: top;
}

.event-agenda__content th {
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
}

.event-agenda__content thead th {
  padding: 0 0 1em 1.25em;
}

.event-agenda__content tbody th {
  border-right: 2px solid #cccccc;
  min-width: 10.5em;
}

.event-agenda__content tbody th span {
  display: block;
  padding-right: 1.5em;
  position: relative;
}

.event-agenda__content tbody th span:after {
  background: #ec1e2c;
  border: 3px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #cccccc;
  content: "";
  display: block;
  height: 18px;
  position: absolute;
  right: -11px;
  top: 0;
  width: 18px;
}

.event-agenda__content tbody tr:last-child th {
  border-color: #fff;
}

.event-agenda__content tbody td {
  line-height: 1.6;
  padding: 0 1.5em 1.5em 1.5em;
}
@media (max-width: 40em) {

  .event-agenda__content table,
  .event-agenda__content tbody,
  .event-agenda__content tr,
  .event-agenda__content th,
  .event-agenda__content td {
    display: block;
  }

  .event-agenda__content thead,
  .event-agenda__content tbody th span:after {
    display: none;
  }

  .event-agenda__content tbody th {
    border: 0;
    margin-bottom: 1em;
  }

  .event-agenda__content tbody td {
    margin-bottom: 1.5em;
    padding: 0;
  }

  .event-agenda__content tbody td:before {
    content: attr(data-title);
    display: block;
    font-weight: bold;
    text-transform: uppercase;
  }
}


.event-date-location {
  margin: 3em auto;
  max-width: 52em;
  padding: 0 1em;
  position: relative;
}

.event-date-location:after {
  background: #cccccc;
  bottom: 1.5em;
  content: "";
  display: block;
  left: 50%;
  margin-left: -1px;
  position: absolute;
  top: 0;
  width: 2px;
}


.event-date-location__wrapper {
  border-bottom: 2px solid #cccccc;
  line-height: 1.4;
  padding-bottom: 1.5em;
}

.event-date-location__wrapper .title {
  display: block;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0.25em;
}

.event-date-location__wrapper .event-date,
.event-date-location__wrapper .event-location {
  float: left;
  min-height: 7em;
  position: relative;
  width: 50%;
}
@media (min-width: 50em) {

  .event-date-location__wrapper .event-date,
  .event-date-location__wrapper .event-location {
    padding: 1em 0 0 8.5em;
  }
}

.event-date-location__wrapper .event-date:before,
.event-date-location__wrapper .event-location:before {
  background: #7bbdcb no-repeat 50% 50%;
  border-radius: 50%;
  content: "";
  display: block;
  margin-bottom: 1em;
  height: 5.125em;
  width: 5.125em;
}
@media (min-width: 50em) {

  .event-date-location__wrapper .event-date:before,
  .event-date-location__wrapper .event-location:before {
    left: 2em;
    position: absolute;
    top: 0;
  }
}

.event-date-location__wrapper .event-date {
  padding-right: 1.5em;
}

.event-date-location__wrapper .event-date:before {
  background-image: url("../images/icons/event-date.png");
}

.event-date-location__wrapper .event-location {
  padding-left: 1.5em;
}
@media (min-width: 50em) {

  .event-date-location__wrapper .event-location {
    padding-left: 8.5em;
  }
}

.event-date-location__wrapper .event-location:before {
  background-image: url("../images/icons/event-location.png");
}


.featured-article {
  background: #7bbdcb;
}

.featured-article__wrapper {
  margin: 0 auto;
  max-width: 52em;
  padding: 3em 1em;
  position: relative;
}


.featured-article__tag {
  color: #0d4c5a;
  display: block;
  font-weight: bold;
  margin-bottom: 1em;
  text-transform: uppercase;
}

.featured-article__title {
  color: #fff;
  font-size: 32px;
  margin: 0;
}

.featured-article__meta {
  color: #fff;
  font-weight: bold;
  margin: 0.5em 0;
}


.featured-article__avatar {
  border: 0.25em solid #fff;
  border-radius: 50%;
  display: none;
  left: -7.5em;
  position: absolute;
  top: 3em;
}
@media (min-width: 70em) {

  .featured-article__avatar {
    display: block;
  }
}

/* Articles with filters */

.article-filters-and-results .featured-article__wrapper {
  margin: 0 0 0 1.5em;
}
.article-filters-and-results .article__wrapper {
  margin: 0 0 0 1.5em;
}
.article-filters-and-results .featured-article__avatar {
  top:5.25em;
  left: -.75em;
  width:75px;
}
@media (min-width: 70em) {
  .article-filters-and-results .featured-article__wrapper{padding-left:5.5em;}
  .article-filters-and-results .featured-article__avatar {
    display: block;
  }
}

.article-filters-and-results .article__avatar {
  top:3.3em;
  left: 0em;
  width:60px;
}
@media (min-width: 65.5em) {
  .article-filters-and-results .article__wrapper{padding-left:5.5em;}
  .article-filters-and-results .article__avatar {
    display: block;
  }
}




/* Commented out b/c have modified class near top */
/*
.featured-article__content {
  color: #fff;
  font-size: 20px;
  line-height: 1.5;
}
*/

.featured-article__footer a {
  background: #388695;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  padding: 0.6em 2em 0.5em 2em;
  text-transform: uppercase;
}


.featured-speakers {
  background: #7bbdcb url("../images/patterns/mosaic-light.png") repeat 50% 0;
  color: #fff;
  margin: 3em 0;
}


.featured-speakers__wrapper {
  margin: 0 auto;
  max-width: 52em;
  padding: 3em 1em 0 1em;
}


.featured-speakers__title {
  font-size: 32px;
  font-weight: normal;
  margin: 0;
  text-align: center;
}


.featured-speakers__items {
  margin-top: 3em;
}


.featured-speakers__item {
  margin-bottom: 3em;
}
@media (min-width: 30em) {

  .featured-speakers__item {
    float: left;
    padding-right: 1.5em;
    width: 50%;
  }

  .featured-speakers__item:nth-child(odd) {
    clear: left;
  }
}

.featured-speakers__item .avatar {
  background: #fff;
  border: 0.25em solid #fff;
  border-radius: 50%;
  display: block;
  height: 6.75em;
  margin-bottom: 1em;
  width: 6.75em;
}
@media (min-width: 40em) {

  .featured-speakers__item .avatar {
    float: left;
  }
}

.featured-speakers__item .avatar img {
  border-radius: 50%;
}


.featured-speakers__item__details {
  line-height: 1.2;
}
@media (min-width: 40em) {

  .featured-speakers__item__details {
    margin-left: 7.75em;
    padding-top: 1em;
  }
}

.featured-speakers__item__details .name {
  font-size: 20px;
  margin: 0;
}

.featured-speakers__item__details .title {
  margin: 0.35em 0;
}

.featured-speakers__item__details .company {
  font-style: italic;
  margin: 0;
}


.generic-header, .image-header--no-bg {
  background: #f1f1f1 url("../images/patterns/thatch.png") repeat 50% 50%;
  background-size: auto;
  color: #000;
  padding: 0 1em;
}


.generic-header__content {
  padding: 3.125em 0;
  text-align: center;
}


.generic-header__type, .image-header__type {
  display: block;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
}
@media (min-width: 42em) {

  .generic-header__type, .image-header__type {
    font-size: 1.25em;
  }
}


.generic-header__title, .image-header__title {
  font-size: 32px;
  font-weight: normal;
  line-height: 1.1;
  margin: .3em 0 .4em 0;
}
@media (min-width: 42em) {

  .generic-header__title, .image-header__title {
    font-size: 56px;
  }
}


.generic-header__detail {
  font-size: 16px;
  margin: 0;
}
@media (min-width: 42em) {

  .generic-header__detail {
    font-size: 20px;
  }
}


.generic-header__avatar {
  border-radius: 50%;
  display: inline-block;
  margin: 0 8px;
}


.highlighted-link {
  background: #e6e6e6;
  border: 2px solid #bfbfbf;
  border-radius: 0.25em;
  display: block;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  margin: 2.4em 0;
  padding: 1.5em;
  text-align: center;
}


.icon-link-grid {
  margin: 3em auto;
  max-width: 65em;
  padding: 0 1em;
	position: relative;
}

#tictactoe-victory {
	position: absolute;
	height: 0.8em;
	background: none repeat scroll 0% 0% #333333;
	box-shadow: 0px 0px 10px rgb(0, 0, 0);
	border-radius: 0.6em;
	transform: rotate(40deg);
	left: 7%;
	top: 49%;
	width: 85%;
	opacity: 0.0;
	transition: opacity 2s ease 0.2s;
}


.icon-link-grid__item {
  border-top: 2px solid #cccccc;
}

.icon-link-grid__item:first-child {
  border-top: 0;
}
@media (min-width: 38em) {

  .icon-link-grid__item {
    border-left: 2px solid #cccccc;
    float: left;
    width: 50%;
  }

  .icon-link-grid__item:nth-child(odd) {
    border-left-color: transparent;
    clear: left;
  }

  .icon-link-grid__item:nth-child(2) {
    border-top: 0;
  }
}
@media (min-width: 57em) {

  .icon-link-grid__item {
    width: 33.33333%;
  }

  .icon-link-grid__item:nth-child(odd) {
    border-left-color: #cccccc;
    clear: none;
  }

  .icon-link-grid__item:nth-child(3n+1) {
    border-left-color: transparent;
    clear: left;
  }

  .icon-link-grid__item:nth-child(3) {
    border-top: 0;
  }
}

.icon-link-grid__item a {
  display: block;
  font-weight: bold;
  padding: 3em;
  text-align: center;
  text-transform: uppercase;
}

.icon-link-grid__item.empty {
	background: #fff !important;
}

.icon-link-grid__item.empty a {
	opacity: 0;
	cursor: default !important;
	transition: opacity 2s ease 0.2s;
}


.icon-link-grid__item a:before {
  background: none no-repeat scroll 50% 50% #17bee7;
  border-radius: 50%;
  content: "";
  display: block;
  margin: 0 auto 2em auto;
  height: 7.5em;
  width: 7.5em;
}

.icon-link-grid__item a span {
  font-size: 20px;
}

.icon-link-grid__item .webinars:before {
  background-image: url("../images/icons/learn-webinars.png");
}

.icon-link-grid__item .whitepapers:before {
  background-image: url("../images/icons/learn-whitepapers.png");
}

.icon-link-grid__item .blog:before {
  background-image: url("../images/icons/learn-blog.png");
}

.icon-link-grid__item .training:before {
  background-image: url("../images/icons/learn-training.png");
}

.icon-link-grid__item .events:before {
  background-image: url("../images/icons/learn-events.png");
}

.icon-link-grid__item .presentations:before {
  background-image: url("../images/icons/learn-presentations.png");
}
.icon-link-grid__item .documentation:before {
  background-image: url("../images/icons/learn-documentation.png");
}
.icon-link-grid__item .whynosql:before {
  background-image: url("../images/icons/learn-whynosql.png");
}


.image-header {
  background: no-repeat 50% 50%;
  background-size: cover;
  color: #fff;
  padding: 0 1em;
}


.image-header__content {
  max-width: 26em;
  padding: 6em 0 3em 0;
}
@media (min-width: 42em) {

  .image-header__content {
    height: 32.5em;
    padding: 9em 0 0 0;
  }
}


.image-header__title {
  margin-bottom: 0;
}


.introblock {
  background: #f9f9f9;
  border-bottom: 1px solid #e6e6e6;
  padding: 0 1em;
}


.introblock__content {
  color: #757575;
  font-size: 20px;
  line-height: 1.6;
  padding: 2em 0 0 0;
}

.introblock__content p {
  margin: 0;
}


.introblock__sidebar {
  padding: 2em 0;
}

.introblock__sidebar p {
  color: #6da6b3;
  line-height: 1.4;
  margin: 0.5em 0 0 0;
}

/* Items that aren't linked to */
.introblock__sidebar .plain{
	color: #4a4947;
	font-weight:bold;
}

.introblock__sidebar a {
  color: #6da6b3;
  font-weight: bold;
}


.introblock__sidebar__title {
  margin: 0;
  font-size: 20px;
  text-transform: uppercase;
}

* + .introblock__sidebar__title {
  margin-top: 1.5em;
}

@media (min-width: 56em) {

  .introblock .layout-wrapper {
    display: table;
    width: 100%;
  }


  .introblock__content {
    display: table-cell;
    padding: 2em 2em 2em 0;
    vertical-align: top;
  }


  .introblock__sidebar {
    border-left: 1px solid #e6e6e6;
    display: table-cell;
    padding: 2em 0 2em 2em;
    vertical-align: top;
    width: 22em;
  }
}

.layout-wrapper {
  margin: 0 auto;
  max-width: 68em;
}


.layout-wrapper.padded {
	line-height: 1.5;
	padding: 3em 1em;
}


.logo-grid {
  background: #f1f1f1;
  margin: 3em 0;
  padding: 3em 0;
}

.logo-grid .layout-wrapper {
  padding: 0 1em;
}


.logo-grid__title {
  font-size: 20px;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}


.logo-grid__items {
  padding: 1em 0;
}


.logo-grid__item {
  float: left;
  margin-top: 0.5em;
  width: 50%;
}
@media (min-width: 30em) {

  .logo-grid__item {
    width: 33.33333%;
  }
}
@media (min-width: 40em) {

  .logo-grid__item {
    width: 25%;
  }
}
@media (min-width: 50em) {

  .logo-grid__item {
    width: 20%;
  }
}


.logo-grid__item__wrapper {
  display: table;
  width: 100%;
}


.logo-grid__item__logo {
  display: table-cell;
  margin: 0;
  padding: 1em;
  text-align: center;
  vertical-align: middle;
}

.logo-grid__item__logo img {
  max-width: 170px;
  width: 100%;
}


.mediablock {
  margin: 3em 0 !important;
}

.mediablock .layout-wrapper {
  max-width: 42em;
  padding: 0 1em;
}


.mediablock__content {
  height: 0;
  margin: 0 auto;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}

.mediablock__content iframe {
  border: 0.25em solid #e6e6e6;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}


.page-intro {
  line-height: 1.6;
  margin: 4em auto;
  max-width: 52em;
  padding: 0 1em;
  text-align: center;
}


.page-intro__headline {
  color: #757575;
  font-size: 20px;
  font-weight: bold;
}


.quoteblock {
  background: #1b1a19 no-repeat 50% 50%;
  background-size: cover;
  color: #fff;
  font-family: Georgia, serif;
  margin: 6em 0 3em 0;
  position: relative;
  text-align: center;
}

.quoteblock:before {
  background: #455154;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 0;
}

.quoteblock blockquote {
  margin: 0 auto;
  max-width: 52em;
  padding: 3em 1em 2em 1em;
  position: relative;
}
@media (min-width: 40em) {

  .quoteblock blockquote {
    padding: 4.5em 1em 3em 1em;
  }
}
@media (min-width: 48em) {

  .quoteblock blockquote {
    padding-top: 6em;
  }
}

.quoteblock p {
  font-style: italic;
  line-height: 1.4;
  margin: 0;
}
@media (min-width: 40em) {

  .quoteblock p {
    font-size: 20px;
  }
}
@media (min-width: 48em) {

  .quoteblock p {
    font-size: 28px;
  }
}

.quoteblock cite {
  display: block;
  font-size: 14px;
  font-style: normal;
  margin-top: 1em;
}
@media (min-width: 48em) {

  .quoteblock cite {
    font-size: 20px;
  }
}

.quoteblock cite:before {
  border-top: 1px solid #fff;
  content: "";
  display: block;
  height: 0;
  margin: 0 auto 1em auto;
  width: 2em;
}


.quoteblock__avatar {
  background: #7bbdcb url("../images/icons/quote.png") no-repeat 50% 50%;
  border: 0.25em solid #fff;
  border-radius: 50%;
  display: block;
  margin-left: -2.75em;
  left: 50%;
  position: absolute;
  top: -2.75em;
  width: 5em;
}
@media (min-width: 40em) {

  .quoteblock__avatar {
    margin-left: -3.25em;
    top: -3.25em;
    width: 6em;
  }
}

.quoteblock__avatar img {
  border-radius: 50%;
  display: block;
  width: 100%;
}


.related-content {
  margin: 3em auto;
  max-width: 65em;
  padding: 0 1em;
}


.related-content__toggler {
  background: none;
  border: 2px solid #1b1a19;
  border-radius: 5px;
  color: #1b1a19;
  display: block;
  font-weight: bold;
  line-height: 1.1;
  margin: 0 auto;
  max-width: 26em;
  padding: 1.1em 1em 1em 1em;
  text-transform: uppercase;
  width: 100%;
}

.related-content__toggler:before {
  background: url("../images/icons/related-content--grid.png") no-repeat 0 0;
  content: "";
  display: inline-block;
  height: 19px;
  margin-right: 1em;
  position: relative;
  top: -2px;
  vertical-align: middle;
  width: 19px;
}

.related-content__toggler[aria-pressed="true"]:before {
  background-image: url("../images/icons/related-content--close.png");
}


.related-content__items {
  padding-bottom: 1.5em;
}

.related-content__items[aria-expanded="false"] {
  display: none;
}


.related-content__item {
  margin-top: 1.5em;
}
@media (min-width: 35em) {

  .related-content__item {
    float: left;
    padding: 0 0.75em;
    width: 50%;
  }

  .related-content__item:nth-child(odd) {
    padding-left: 0;
  }

  .related-content__item:nth-child(even) {
    padding-right: 0;
  }
}
@media (min-width: 60em) {

  .related-content__item {
    width: 33.33333%;
  }

  .related-content__item:nth-child(odd) {
    padding-left: 0.75em;
  }

  .related-content__item:nth-child(even) {
    padding-right: 0.75em;
  }
}

.related-content__item a {
  background: rgba(0, 0, 0, 0.6);
  display: table;
  height: 13.5em;
  transition: background 100ms linear;
  width: 100%;
}

.related-content__item a:focus, .related-content__item a:hover {
  background: rgba(0, 0, 0, 0.5);
}


.related-content__item__wrapper {
  background: no-repeat 50% 50%;
  background-size: cover;
}


.related-content__item__title {
  color: #fff;
  display: table-cell;
  font-size: 20px;
  font-weight: bold;
  padding: 1em;
  text-align: center;
  vertical-align: middle;
}


.sponsor-grid {
  margin: 3em 0 !important;
}

.sponsor-grid .layout-wrapper {
  padding: 0 1em;
}


.sponsor-grid__title {
  font-size: 32px;
  font-weight: normal;
  margin: 0;
  text-align: center;
}


.sponsor-grid__items {
  padding: 1em 0;
  text-align: center;
}


.sponsor-grid__item {
  display: inline-block;
  margin-top: 0.5em;
  width: 50%;
}
@media (min-width: 30em) {

  .sponsor-grid__item {
    width: 33.33333%;
  }
}
@media (min-width: 40em) {

  .sponsor-grid__item {
    width: 25%;
  }
}
@media (min-width: 50em) {

  .sponsor-grid__item {
    width: 20%;
  }
}


.sponsor-grid__item__wrapper {
  display: table;
  width: 100%;
}


.sponsor-grid__item__logo {
  display: table-cell;
  margin: 0;
  padding: 1em;
  text-align: center;
  vertical-align: middle;
}

.sponsor-grid__item__logo img {
  max-width: 170px;
  width: 100%;
}



.textblock--centered {
  margin: 4em auto;
  max-width: 52em;
  padding: 0 1em;
}


.textblock--centered__header {
  text-align: center;
}


.textblock--centered__header__title {
  font-size: 32px;
  font-weight: normal;
}


.textblock--centered__content {
  color: #757575;
  font-size: 20px;
  line-height: 1.6;
  text-align: center;
}


.textblock--contained {
  background: #f2f2f2;
  border: solid #e6e6e6;
  border-width: 1px 0;
  padding: 3em 1em;
}


.textblock--contained__header,
.textblock--contained__content {
  margin: 0 auto;
  max-width: 50em;
}


.textblock--contained__header {
  margin-bottom: 3em;
  text-align: center;
}


.textblock--contained__header__title {
  color: #757575;
  font-size: 20px;
  font-weight: bold;
}


.textblock--contained__content {
  color: #4a4947;
  line-height: 1.6;
}

.textblock--contained__content ul {
  padding-left: 1em;
}

.textblock--contained__content li + li {
  margin-top: 0.5em;
}


.textblock {
  margin: 4em auto;
  max-width: 52em;
  padding: 0 1em;
}


.textblock__header {
  text-align: center;
}


.textblock__header__title {
  font-size: 32px;
  font-weight: normal;
}


.textblock__content {
  color: #4a4947;
  line-height: 1.6;
}

.textblock__content .centered-title {
  text-align: center;
}

.textblock__content ul {
  padding-left: 1em;
}

.textblock__content li + li {
  margin-top: 0.5em;
}

.textblock__content figure {
  margin: 1.5em 0;
}

.textblock__content figure img {
  display: block;
  margin: 0 auto 1.5em auto;
  max-width: 100%;
}

.textblock__content figcaption {
  color: #999;
}



.toggle-group__item {
  float: left;
}

.toggle-group__item a {
  background: #f2f2f2;
  border: 1px solid #e6e6e6;
  border-radius: 0 0.25em 0.25em 0;
  color: #bfbfbf;
  display: block;
  font-weight: bold;
  padding: 1em 1.5em;
}

.toggle-group__item a:focus, .toggle-group__item a:hover {
  color: #9a9a9a;
}

.toggle-group__item:first-child a {
  border-radius: 0.25em 0 0 0.25em;
}


.toggle-group__item--current a {
  background: #ec1e2c;
  border-color: #ec1e2c;
  color: #fff;
}

.toggle-group__item--current a:focus, .toggle-group__item--current a:hover {
  color: #fff;
}

/* __________________   Videoblock / Youtubeblock   _______________________ */

.global-content > iframe, .layout-wrapper > iframe, .textblock p > iframe {
	/* default display pre-JS */
	display: block;
	height: 432px;
	margin: 1.5em auto;
	width: 768px;
	cursor: pointer;
}

.videoblock {
  margin: 0;
}

div.textblock__content .videoblock {
	margin: 3em 0;
}

.videoblock .layout-wrapper {
  max-width: 52em;
  padding: 0 1em;
}


div.videoblock.youtubeblock {
	margin: 0;
}


.videoblock.youtubeblock .layout-wrapper {
	padding: 0;
}


.videoblock__header {
  margin-bottom: 3em;
}

.videoblock__header h1 {
  font-size: 32px;
  font-weight: normal;
  margin: 0;
  text-align: center;
}


.videoblock__content {
  height: 0;
  margin: 0 auto;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
	background: #000;
}

.youtubeblock .videoblock__content {
	cursor: pointer;
}

.videoblock__content iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}


.videoblock__cover {
  background: rgba(0, 0, 0, 0.75);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.youtubeblock .videoblock__cover {
	opacity: 0.80;
}
.youtubeblock .videoblock__content:hover .videoblock__cover {
	opacity: 1;
}

.videoblock__button {
	background: #d7181b;

  border: 0;
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
  left: 50%;
  margin: -1.25em 0 0 -1.25em;
  padding: 0;
  position: absolute;
  text-transform: uppercase;
  top: 50%;
  box-shadow: 4px 4px 8px rgba(0,0,0,0.5);
}

.videoblock__button:focus, .videoblock__button:hover,
.videoblock.youtubeblock .videoblock__content:hover .videoblock__button {
	background: #ec1e2c;
}

.videoblock__button span {
  background: url("../images/icons/play.png") no-repeat 50% 50%;
  display: block;
  height: 2.5em;
  width: 2.5em;
}


.global-footer {
  background: #282725;
  padding: 3em 1em;
}


.global-footer__contact {
  margin-bottom: 3em;
}
@media (min-width: 58em) {

  .global-footer__contact {
    float: left;
    margin-right: 3em;
    width: 16em;
  }
}


.global-footer__contact__button {
  background: #4a4947;
  color: #fff;
  display: block;
}
@media (min-width: 42em) {

  .global-footer__contact__button {
    float: left;
    width: 14em;
  }
}
@media (min-width: 58em) {

  .global-footer__contact__button {
    width: 100%;
  }
}

.global-footer__contact__button:focus, .global-footer__contact__button:hover {
  background: #454442;
}


.global-footer__contact__social {
  margin-top: 1.5em;
}
@media (min-width: 42em) {

  .global-footer__contact__social {
    float: right;
    margin-top: 0.5em;
    width: 16em;
  }
}
@media (min-width: 58em) {

  .global-footer__contact__social {
    margin-top: 1.5em;
  }
}

.global-footer__contact__social li {
  float: left;
  text-align: center;
  width: 25%;
}

.global-footer__contact__social a {
  background: no-repeat 0 0;
  display: block;
  margin: 0 auto;
  height: 32px;
  width: 32px;
}

.global-footer__contact__social .facebook {
  background-image: url("../images/icons/social-facebook.png");
}

.global-footer__contact__social .googleplus {
  background-image: url("../images/icons/social-googleplus.png");
}

.global-footer__contact__social .linkedin {
  background-image: url("../images/icons/social-linkedin.png");
}

.global-footer__contact__social .twitter {
  background-image: url("../images/icons/social-twitter.png");
}

.global-footer__contact__social .twitter {
  width: 36px;
}


.global-header-search {
  clear: both;
}

.global-header-search ul {
  display: table;
  width: 100%;
}

.global-header-search li {
  display: table-cell;
  vertical-align: top;
}

.global-header-search li + li {
  width: 3em;
}

.global-header-search label {
  clip: rect(0 0 0 0);
  height: 0;
  overflow: hidden;
  position: absolute;
  width: 0;
}

.global-header-search input[type="search"] {
  background: none;
  border: 0;
  height: 3em;
  width: 100%;
}

  .global-header-search input[type="search"] {
    padding-left: 1em;
    background: #f2f2f2;
  }
  #global-header-search{margin-bottom:1em;}

@media (max-width: 57.99em) {  
  #global-header-search{padding-left:1em;padding-right:1em;}
}

.global-header-search button {
  background: #e6e6e6 url("../images/icons/search.png") no-repeat 50% 50%;
  background-size: contain;
  border: 0;
  height: 3em;
  width: 3em;
}

.global-header-search button:focus, .global-header-search button:hover {
  background-color: #d9d9d9;
}

.global-header-search button span {
  display: block;
}

.global-header-search li button {
  display: block;
}

@media (min-width: 68em) {

  .global-header-search--js {
    left: 15em;
    padding-right: 3em;
    position: absolute;
    right: 9.5em;
    top: 0;
  }

  .global-header-search--js[aria-expanded="false"] {
    left: auto;
    overflow: hidden;
    width: 3em;
  }


}

.global-header-search__toggler {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 68em) {

  .global-header-search__toggler {
    display: block;
  }
  
  #global-header-search{margin-right:0em;}

  .global-header-search--js[aria-expanded="true"] .global-header-search__toggler {
    background: url("../images/icons/search-close.png") #666 -2px -2px;
  }

  .global-header-search--js[aria-expanded="true"] .global-header-search__toggler:hover,
  .global-header-search--js[aria-expanded="true"] .global-header-search__toggler:focus{
  	background-color:#555;
  }

}


.global-header {
  padding: 1em 1em 0 1em;
}

.global-header > .layout-wrapper {
  position: relative;
}


.global-header__download-button {
  display: none;
  padding:1.05em 1em .95em 1em;
  width: 8.75em;
}
@media (min-width: 68em) {
  
  .global-header__download-button {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
  }
}


.global-header__logo {
  font-size: 16px;
  margin: 0;
}
@media (min-width: 58em) {
  
  .global-header__logo {
    float: left;
    margin-bottom: 0.75em;
  }
}

.global-header__logo a {
  background: url("../images/logo.svg") no-repeat 0 0;
  background-size: cover;
  display: block;
  height: 26px;
  width: 114px;
}
@media (min-width: 44em) {
  
  .global-header__logo a {
    height: 52px;
    width: 227px;
  }
}


.global-sub-footer {
  background: #1b1a19;
  padding: 1em;
}

.global-sub-footer p {
  color: #4a4947;
  font-size: 12px;
  line-height: 1.6;
  margin: 0;
}

.global-sub-footer a {
  color: #4a4947;
  display: inline-block;
  margin-right: 1em;
}

.global-sub-footer a:focus, .global-sub-footer a:hover {
  text-decoration: underline;
}
@media (min-width: 58em) {
  
  .global-sub-footer .legal {
    float: left;
  }
}

.global-sub-footer .license {
  display: block;
  margin-bottom: 1em;
}
@media (min-width: 42em) {
  
  .global-sub-footer .license {
    display: inline-block;
    margin: 0 1em 0 0;
  }
}

.global-sub-footer .company-name {
  font-weight: normal;
  text-transform: uppercase;
}

.global-sub-footer .languages {
  margin-top: 1em;
}
@media (min-width: 58em) {
  
  .global-sub-footer .languages {
    float: right;
    margin: 0;
  }
}


@media (min-width: 58em) {
  
  .footer-navigation {
    padding-left: 19em;
  }
}


.footer-navigation__group, .footer-navigation__group--even {
  clear: left;
  float: left;
  margin-bottom: 3em;
  padding-right: 1em;
  width: 50%;
}


.footer-navigation__group--even {
  clear: right;
  float: right;
}

@media (min-width: 42em) {
  
  .footer-navigation__group, .footer-navigation__group--even,
  .footer-navigation__group--even {
    clear: none;
    float: left;
    margin-bottom: 0;
    width: 25%;
  }
}

.footer-navigation__title {
  color: #4a4947;
  font-size: 14px;
  margin: 0 0 1.5em 0;
  text-transform: uppercase;
}


.footer-navigation__item {
  font-size: 14px;
  margin-top: 0.75em;
}

.footer-navigation__item a {
  color: #848380;
  display: inline-block;
  font-weight: bold;
  margin: -0.25em;
  padding: 0.25em;
}

.footer-navigation__item a:focus, .footer-navigation__item a:hover {
  text-decoration: underline;
}


/* --- homepage --- */

ul.pages > li.indent {
	margin-left: 1.5em;
}

ul.pages > li.indent2 {
	margin-left: 3em;
	font-size: 90%;
}

ul.pages {
	font-size: 1.2em;
}

ul.pages li > a {
	color: #bbb;
}

ul.pages li.exists > a {
	color: #777;
}

ul.pages li.work-in-progress > a {
	color: #398fa0;
}

ul.pages li.done > a {
	color: #0ac;
}


.slideshow-viewport ul.pages {
	position: absolute;
	right: 15px;
	top: 7px;
	text-align: left;
	color: #fff;
	padding: 10px 25px;
	border-radius: 15px;
	background: rgba(255,255,255,.9);
	font-size: 19px;
	list-style: none;
	line-height: 24px;
	height: 375px;
}

.homepage-our-customers {
	margin-top: 30px;
}
.homepage-our-customers img {
	margin-right: 18px;
}

.js-cols.icons h2 a,
.js-cols.icons h3 a,
.js-cols.icons div > a:not(.open){
	color:#1c282e; /*#ec1e2c*/
}