/* ==========

	Fonts

========== */

@import url("fonts.css");


/* ==========

	Shared Styles

========== */

	body {
		font-family: 'Anonymous Pro';
		-webkit-overflow-scrolling: touch;
	}
	.body-height {
		height: 100%;
	}
	a {
		color: #3399cc;
	}
	a.white,
	a.white:hover,
	a.white:focus {
		color: #ffffff;
	}
	a.white {
		text-decoration: underline;
	}
	a.white:hover,
	a.white:focus {
		text-decoration: none;
	}
	a:hover,
	a:focus,
	a:active {
		color: #3399cc;
		outline: none;
	}
	.btn:focus,
	.btn:active
	.btn.active {
		outline: none;
	}
	.text {
		font-size: 18px;
		line-height: 36px;
		color: #666;
	}
	.text p {
		padding-bottom: 20px;
	}
	.text-m .text-muted {
		color: #666;
	}

	/* Firefox fixes */

	@-moz-document url-prefix() {
		a, a:visited, a:focus, a:active, a:hover {
	    outline: 0 none !important;
		}

		.nav-tabs > .active > a,
		.nav-tabs > .active > a:hover  {
			outline: 0 !important;
		}

		.i-tabs .nav-tabs > li.active > a,
		.i-tabs .nav-tabs > li.active > a:hover {
			outline: 0 !important;
			border: 0 !important;
	    border-bottom: 2px solid #3399cc !important;
    }
	}

	/* Text M */

	.text-m {
	 	font-size: 16px;
	 	line-height: 32px;
		color: #666;
	}
	.text-m h2 {
		font-family: "ProximaNova-Bold";
		font-size: 36px;
		color: #666;
		margin: 60px 0 20px 0;
	}
	.text-m h2.md {
		font-family: "ProximaNova-Bold";
		text-transform: uppercase;
		font-size: 24px;
		color: #333;
		padding-bottom: 18px;
		margin: 60px 0 20px 0;
	}
	.text-m h3, h3.underlined {
		font-family: "ProximaNova-Bold";
		text-transform: uppercase;
		color: #333;
		border-bottom: 1px solid #ebebeb;
		padding-bottom: 18px;
		margin: 60px 0 20px 0;
	}
	.text-m h3.plain {
		border-bottom: none;
	}
	.text-m h4 {
		font-family: "ProximaNova-Bold";
		font-size: 24px;
		color: #999;
		margin: 40px 0 20px 0;
	}
	.text-m h5 {
		font-family: "ProximaNova-Bold";
		font-size: 24px;
		color: #333;
	}
	.text-m p {
		padding-bottom: 20px;
	}
	.text-m p b,
	.text-m p strong {
		color: #333;
	}
	.text-m .lead {
		color: #333;
		font-size: 18px;
		line-height: 36px;
	}
	.text-m .caption {
		color: #999;
		font-size: 14px;
		margin-top: 10px;
		font-style: italic;
	}
	.text-m img {
		padding-top: 10px;
	}
	.text-m ul {
		list-style: none;
		padding: 0;
	}
	.text-m li {
		color: #666;
		font-size: 16px;
		line-height: 28px;
		padding-left: 20px;
		text-indent: 3px;
		padding-bottom: 8px;
	}
	.text-m li br {
		display: block;
		margin: 0;
		line-height: 1;
		content: " ";
	}
	.text-m li b {
		color: #333;
	}
	.text-m ul li:before {
		display: inline-block;
		width: 0;
		height: 0;
		position: relative;
		top: 0;
		left: -8px;
		margin-left: -10px;
		content: "";
		font-size: 0;
		border-style: solid;
		border-width: 5px 0 5px 6px;
		border-color: transparent transparent transparent #3399cc;
	}
	.text-m ol.ol-bold {
		font-weight: bold;
	}
	.text-m ol li:before {
		left: 0;
		margin-left: 0;
	}
	.text-m ol.ol-bold li {
		color: #000 !important;
	}
	.text-m ol li span {
		font-weight: normal;
		color: #666;
	}
	.text-m li > ul {
		margin: 0;
	}
	.text-m li > ul > li:before {
		border-color: transparent transparent transparent #a1a5a7;
	}
	.text-m li >ul > li {
		padding-left: 13px;
		text-indent: 5px;
	}

	/* reduced list padding for EN/FR Pages */
	.text-m.rpb li {
		padding-bottom: 2px;
	}

	/* List Group	 */

	.text-m .list-group {
		margin: 0;
	}
	.text-m .list-group a {
		cursor: pointer;
		padding: 20px;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	.text-m .list-group a:hover {
		color: #fff;
		background-color: #3779bb;
	}
	.text-m .list-group-item-heading {
		font-size: 24px;
		color: #fff;
		margin: 0;
		margin-bottom: 5px;
	}
	.text-m .list-group-item-text {
		margin: 0;
		padding: 0;
	}

	/* List within text-m */

	.text-m ul.list {
		list-style-type: none;
		margin-bottom: 20px;
	}
	.text-m ul.list {
		color: #666;
		font-family: "Anonymous Pro";
		padding-left: 20px;
	}
	.text-m .list > li:before {
		display: inline-block;
		width: 0;
		height: 0;
		position: relative;
		top: 0;
		left: -8px;
		margin-left: -10px;
		content: "";
		font-size: 0;
		border-style: solid;
		border-width: 5px 0 5px 6px;
		border-color: transparent transparent transparent #3399cc;
	}

	.text-m .li-spacer {
		display: block;
		width: 60px;
		height: 1px;
		margin: 10px 0 15px;
		padding: 0 !important;
		background-color: #dcddde;
	}
	.text-m .li-spacer:before {
		border: none;
	}

	/* Text S */

	.text-s {
		font-size: 14px;
		line-height: 28px !important;
		color: #666;
	}
	.text-m b,
	.text-s b {
		color: #333;
	}
	hr {
		border-top: 1px solid #dcddde;
		margin: 60px 0;
	}
	.nobreak, span.nobreak {
		white-space: nowrap;
	}
	.spacer,
	.spacer-l {
		display: block;
		width: 33%;
		height: 1px;
		background-color: #dcddde;
	}
	.spacer-l {
		margin: 20px 0 80px 0;
	}
	.spacer {
		margin: 20px auto 80px auto;
	}


/* ==========

	Bootslider

========== */

	#bootslider {
		/* margin-bottom: 80px; */
	}
	#bootslider:hover {
		cursor: default;
	}
	#bootslider .bs-slide,
	#bootslider .bs-slide .bs-foreground > .container > .row > .col {
    height: 650px;
	}
	#bootslider .bs-slide .bs-foreground > .container > .row > .col > img {
		position: absolute;
		bottom: 0;
	}
	#bootslider .bs-slide .bs-foreground > .container > .row > .col > img.img-fixed {
		left: -150px;
	}
	#bootslider .bs-slide .bs-foreground ul {
		list-style: none;
	}
	#bootslider .bs-slide .bs-foreground ul li {
		display: inline-block;
	}
	#bootslider .bs-slide .bs-background img {
		position: absolute;
		bottom: 0;
	}

	@media only screen and (max-width: 414px) {
		#bootslider .bs-slide .btn {
			margin-top: 20px;
			padding: 10px 15px;
			font-size: 16px;
		}
	}

	/* Copy */

	.bs-foreground .col {
	  display: flex;
	}
	.bs-foreground .text-area {
		align-self: center;
	}
	.bs-foreground h1,
	.bs-foreground h1 a {
		font-family: 'ProximaNova-Bold';
		margin-top: 10px;
		font-size: 52px;
		line-height: 1;
		color: rgba(51, 51, 51, 1);
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	.bs-foreground h1 a:hover,
	.bs-foreground h1 a:active {
		text-decoration: none;
		opacity: 0.8;
	}
	.bs-foreground h2 {
		margin-top: 0;
		font-size: 16px;
		line-height: 28px;
		color: #666;
	}
	.bs-foreground h1.white a,
	.bs-foreground h2.white {
		color: #fff !important;
	}

	/* Controls */

	.bs-controls {
		margin-bottom: 20px !important;
		position: absolute;
		width: 100%;
		left: 0;
		bottom: 0;
		z-index: 99;
	}
	.bs-controls .btn {
		padding: 8px 12px 6px !important;
		border-radius: 4px;
	}
	.bs-next,
	.bs-prev {
		opacity: 0.5;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	.bs-next:hover,
	.bs-prev:hover {
    opacity: 1;
	}

	/* Button area */

	#bootslider .button-area {
		position: absolute;
		bottom: 60px;
	}
	#bootslider .button-area p {
		font-size: 12px;
		color: #666;
	}
	#bootslider .button-area .btn-default {
		font-family: 'ProximaNova-Bold';
		font-size: 18px;
		padding-left: 60px;
		padding-right: 60px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border-radius: 7px;
		border-width: 1px;
		border-style: solid;
	}

	/* Brand - white */
	.brand-white .btn {
		color: #fff;
		border-color: #fff;
		background-color: rgba(255,255,255,0);
	}
	.brand-white .btn:hover {
		color: #999 !important;
		border-color: #fff;
		background-color: rgba(255,255,255,1);
	}

	/* Brand - EL blue */
	.brand-el .btn {
		color: #418bc9;
		border-color: #418bc9;
		background-color: rgba(64,140,202,0);
	}
	.brand-el .btn:hover {
		color: #fff;
		border-color: #418bc9;
		background-color: rgba(64,140,202,1);
	}

	/* Brand - EL gray */
	.brand-elg .btn {
		color: #a1a5a7;
		border-color: #a1a5a7;
		background-color: rgba(159,163,166,0);
	}
	.brand-elg .btn:hover {
		color: #fff;
		border-color: #a1a5a7;
		background-color: rgba(159,163,166,1);
	}

	/* Brand - MDaemon */
	.brand-md .btn {
		color: #9b1915;
		border-color: #9b1915;
		background-color: rgba(155,25,21,0);
	}
	.brand-md .btn:hover {
		color: #fff;
		border-color: #9b1915;
		background-color: rgba(155,25,21,1);
	}

	/* Brand - AppRiver */
	.brand-ar .btn {
		color: #0095ab;
		border-color: #0095ab;
		background-color: rgba(0,149,171,0);
	}
	.brand-ar .btn:hover {
		color: #fff;
		border-color: #0095ab;
		background-color: rgba(0,149,171,1);
	}

	/* Brand - BackupAssist */
	.brand-ba .btn {
		color: #0090d7;
		border-color: #0090d7;
		background-color: rgba(0,144,215,0);
	}
	.brand-ba .btn:hover {
		color: #fff;
		border-color: #0090d7;
		background-color: rgba(0,144,215,1);
	}

	/* Brand - Carbonite */
	.brand-cb .btn {
		color: #81aa46;
		border-color: #81aa46;
		background-color: rgba(147,170,70,0);
	}
	.brand-cb .btn:hover {
		color: #fff;
		border-color: #81aa46;
		background-color: rgba(147,170,70,1);
	}

	/* Brand - eset */
	.brand-es .btn {
		color: #00646b;
		border-color: #00646b;
		background-color: rgba(0,100,107,0);
	}
	.brand-es .btn:hover {
		color: #fff;
		border-color: #00646b;
		background-color: rgba(0,100,107,1);
	}

	/* Brand - LabTech */
	.brand-lt .btn {
		color: #94c036;
		border-color: #94c036;
		background-color: rgba(148,192,54,0);
	}
	.brand-lt .btn:hover {
		color: #fff;
		border-color: #94c036;
		background-color: rgba(148,192,54,1);
	}

	/* Brand - MailStore */
	.brand-ms .btn {
		color: #e75b1a;
		border-color: #e75b1a;
		background-color: rgba(231,91,26,0);
	}
	.brand-ms .btn:hover {
		color: #fff;
		border-color: #e75b1a;
		background-color: rgba(231,91,26,1);
	}

	/* Brand - Datto */
	.brand-dt .btn {
		color: #004a87;
		border-color: #004a87;
		background-color: rgba(0,74,135,0);
	}
	.brand-dt .btn:hover {
		color: #fff;
		border-color: #004a87;
		background-color: rgba(0,74,135,1);
	}

	@media screen and (min-width:768px) and (max-width: 1024px) {
		.bs-foreground h1,
    .bs-foreground h1 a {
			font-size: 42px;
		}
	}
	@media screen and (max-width:768px) {
		.bs-foreground h1,
    .bs-foreground h1 a {
			font-size: 32px;
		}
	}
	@media screen and (max-width: 667px) {
		.bs-foreground .text-content {
			padding-top: 70px;
		}
	}

	@media screen and (max-width:979px){
		#bootslider {
			margin-bottom: 50px;
		}
	}
	@media screen and (max-width:767px) and (orientation : landscape) {
		#bootslider {
			height: 400px;
			margin-bottom: 50px;
		}
		.bootslider .text-area {
			height: 320px;
		}
		.bs-foreground .text-content {
			padding-top: 70px;
		}
	}
	@media only screen and (max-device-width: 480px) and (orientation : portrait) {
		#bootslider {
			height: 550px;
			margin-bottom: 50px;
		}
	}


/* ==========

	Product groups

========== */

	.product-groups {
		margin-bottom: 80px;
		padding: 40px 0;
	}

	.product-groups h3 {
		font-family: 'ProximaNova-Bold';
		font-size: 24px;
		color: #000;
		margin-top: 0;
		margin-bottom: 20px;
	}

	.product-groups ul {
		font-size: 16px;
		list-style: none;
    padding-left: 0;
	}

	.product-groups img {
		margin-bottom: 12px;
		width: 48px;
		height: 48px;
	}

	/* Icons */

	.icon {
		display: inline-block;
		width: 24px;
		height: 24px;
		fill: currentColor;
	}

	.mask {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #a1a5a7;
		opacity: 0;
		z-index: 999;
		display: none;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	header {
		position: fixed;
		top: 30px;
		width: 100%;
		z-index: 1000;
		pointer-events: none;
	}
	.logo {
		float: left;
		margin-top: 8px;
		z-index: 109;
	}
	.logo-nav {
		z-index: 100;
	}
	.logo a {
		pointer-events: auto;
	}
	.hpsticky {
		position: fixed;
		z-index: 0;
		overflow: hidden;
	}

	/* Main Navigation */

	.navbar-default.el-navbar {
		background-color: transparent;
		border: none !important;
	}
	#mobile-nav-ham {
		background-color: #fff;
		border: none;
	}
	#mobile-nav {
		background-color: transparent;
	}
	#el-mnav-navbar-collapse-1 {
		border: none;
		-webkit-transition: all 0s;
		-o-transition: all 0s;
		transition: all 0s;
		box-shadow: none;
		background-color: #fff;
		transform: translateY(-600px);
	}
	#el-mnav-navbar-collapse-1.slide-down {
		transform: translateY(0);
	}
	nav[role="main"] {
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid #ccc;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		background-color: #fff;
		height: 47px;
		float: right;
		pointer-events: auto;
	}
	nav[role="main"] .title {
		display: none;
	}
	nav[role="main"] .dropdown .acupar {
		padding: 20px;
		border-bottom: 1px solid #e5e5e5;
	}
	nav[role="main"] .dropdown .acuinf {
		padding: 20px;
	}
	nav[role="main"] .dropdown .acuinf h5 {
		font-family: 'Anonymous Pro';
    font-size: 16px;
    line-height: 28px;
    font-weight: 700;
		margin-bottom: 0;
		text-align: left;
		text-transform: initial;
	}
	nav[role="main"] .dropdown .acuinf p {
		font-family: 'Anonymous Pro';
    font-size: 12px;
		line-height: 18px;
		margin: 0;
		text-align: left;
		text-transform: initial;
	}

	.icons-64 img,
	img.icons-64 {
		width: 64px;
		height: 64px;
	}

	.icons-128 img,
	img.icons-128 {
		width: 128px;
		height: 128px;
	}

	/* 20 Jahre */

	nav[role="main"] .jahre-20 {
		position: relative;
		float: left;
		height: 100%;
		padding: 12px 20px;
		background-color: #9fa3a6;
		border-right: 1px solid #f0f0f0;
		-webkit-border-top-left-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-bottomleft: 3px;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
		-webkit-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	}
	nav[role="main"] a:hover > .jahre-20 {
		background-color: #399aca;
	}
	nav[role="main"] .jahre-20 img {
		position: relative;
		float: right;
	}

	/* Navigation */

	nav[role="main"] .menu {
		float: left;
		height: 100%;
		width: auto;
		text-align: left;
		border-right: 1px solid #f0f0f0;
		color: #333;
		font-family: "ProximaNova-Bold";
		font-size: 15px;
		text-transform: uppercase;
		position: relative;
		cursor: pointer;
		padding: 12px 20px;
	}
	nav[role="main"] .menu img {
		position: relative;
		top: 3px;
		float: right;
	}
	nav[role="main"] .menu .dropdown {
		width: 600px;
		height: 500px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		background-color: #fff;
		padding-top: 40px;
		position: absolute;
		left: -302px;
		top: 54px;
		border: 1px solid #ccc;
		display: none;
		cursor: auto;
		z-index: 999;
	}
	nav[role="main"] .menu-upper {
		height: 250px;
		padding-top: 0
	}
	nav[role="main"] .menu-left {
    float: left;
    width: 33%;
  	padding-top: 0
	}
	nav[role="main"] .menu-center {
    float: left;
  	padding-top: 0;
    width: 33%;
	}
	nav[role="main"] .menu-right {
    float: left;
  	padding-top: 0
	}
	nav[role="main"] .menu-lower {
    height: 140px;
    margin-top: 38px;
  }
	nav[role="main"] .menu ul {
    list-style: none;
    padding-left: 30px;
    padding-right: 0;
    margin-right: 0;
    text-align: left;
	}
	nav[role="main"] .menu ul li:first-child {
		border: none;
		padding-left: 0;
		cursor: auto;
	}
	nav[role="main"] .menu ul li:last-child {
		padding-bottom: 0;
	}
	nav[role="main"] .menu ul li {
		color: #000;
		font-family: "Anonymous Pro";
		font-size: 16px;
		font-weight: 700;
		border-left: 1px solid #dcdcdc;
		padding-left: 15px;
		line-height: 12px;
		padding-bottom: 17px;
	}
	nav[role="main"] .menu ul.submenu {
    padding: 16px 0 0 15px;
    position: relative;
    left: -16px;
    top: 0px;
    background: #fff;
    padding-bottom: 15px;
    margin-bottom: 1px;
	}
	nav[role="main"] .menu ul.submenu li {
    border-left: 1px solid #dcdcdc;  padding-left: 15px;
	}
	nav[role="main"] .menu ul li a {
		font-weight: 400;
		color: #333;
		font-size: 16px;
	}
	.menu-right.menu-right-second {
		margin-top: 34px;
	}

	/* Blog, Karierre, Phone nav items	 */

	nav[role="main"] .blog,
	nav[role="main"] .karriere,
	nav[role="main"] .phone {
		float: left;
		width: auto;
		height: 100%;
		text-align: left;
		border-right: 1px solid #f0f0f0;
		color: #333;
		font-family: "ProximaNova-Bold";
		font-size: 15px;
		text-transform: uppercase;
		padding: 12px 20px;
	}
	nav[role="main"] .blog .title,
	nav[role="main"] .karriere .title,
	nav[role="main"] .phone .title {
		margin-right: 9px;
	}
	nav[role="main"] .blog a,
	nav[role="main"] .karriere a,
	nav[role="main"] .phone a {
		display: block;
		color: #333;
	}
	nav[role="main"] .blog img,
	nav[role="main"] .karriere img,
	nav[role="main"] .phone img {
		position: relative;
		top: -2px;
		float: right;
	}
	nav[role="main"] .account {
		float: left;
		height: 100%;
		width: 64px;
		text-align: left;
		color: #333;
		font-family: "ProximaNova-Bold";
		font-size: 15px;
		text-transform: uppercase;
		position: relative;
		cursor: pointer;
		padding: 12px 20px;
	}
	.amar {
		height: 6px;
		width: 9px;
		position: relative;
		top: 7px;
		float: right;
	}
	nav[role="main"] .account .dropdown {
		height: 420px;
		width: 275px;
		height: 460px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		background-color: #fff;
		position: absolute;
		left: -110px;
		top: 54px;
		border: 1px solid #ccc;
		display: none;
		cursor: auto;
		z-index: 99;
	}
	nav[role="main"] .form-group {
		margin-bottom: 17px;
	}
	input#username, input#password {
    height: 40px;
    background-color: #fff;
	}
	nav[role="main"] .lang {
		float: left;
		height: 100%;
		width: 60px;
		text-align: center;
		padding-top: 10px;
		cursor: pointer;
		overflow: hidden;
		background-color: #fff;
		border: 1px solid #f0f0f0;
		border-top: none;
	}
	nav[role="main"] .lang ul {
    list-style-type: none;
    padding: 0;
    width: 120px;
    position: relative;
    right: 78px;
	}
	nav[role="main"] .lang ul li {
    display: none;
    float: right;
    margin-bottom: 8px;
    display: inline-block;
	}
	nav[role="main"] .lang ul li:first-child {
		display: inline-block;
	}
	.lang-txt {
		font-family: 'Anonymous Pro';
    font-size: 16px;
		display: inline-block;
		opacity: 0;
		text-transform: uppercase;
		position: relative;
		top: 2px;
	}
	nav[role="main"] .lang ul li a {
    color: #333;
	}
	nav[role="main"] .lang ul li a:hover {
    color: #000;
    text-decoration: none;
	}
	nav[role="main"] .lang ul li a:first-child {
		pointer-events: none;
	}
	nav[role="main"] .search {
		float: left;
		height: 100%;
		width: 51px;
		text-align: center;
		position: relative;
		padding-top: 12px;
		cursor: pointer;
	}
	nav[role="main"] .search input {
		position: relative;
		left: -15px;
		border: none;
		width: 140px;
		display: none;
		font-family: 'Anonymous Pro';
    font-size: 16px;
    color: #333;
    font-style: italic;
	}
	nav[role="main"] .search input:focus {
		outline: none;
	}
	nav[role="main"] .search img {
		position: absolute;
		top: 15px;
		right: 18px;
	}
	.dropdown>.arrow:after {
		content: "";
		border-width: 13px;
	}
	.dropdown.bottom>.arrow:after {
		top: 2px;
		margin-left: -13px;
		content: " ";
		border-top-width: 0;
		border-bottom-color: #fff;
	}
	.dropdown>.arrow, .dropdown>.arrow:after {
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		border-color: transparent;
		border-style: solid;
	}
	.dropdown>.arrow {
		border-width: 15px;
	}
	.dropdown.bottom>.arrow {
		top: -15px;
		left: 50%;
		margin-left: -11px;
		border-top-width: 0;
		border-bottom-color: #999;
		border-bottom-color: rgba(204, 204, 204, 0.88);
	}
	.partnerportal-nav {
		cursor: pointer;
	}

	/* Mobile Nav specific */

	.navbar-form {
		margin-left: 0;
		margin-right: 0;
	}

	/* Page Title */

	.top-phc {
		float: right;
		margin-bottom: 60px;
	}
	.top-ph {
		color: #e9eae9;
		font-family: "ProximaNova-Bold";
		font-size: 100px;
		letter-spacing: -3.5px;
		line-height: 0.5;
		margin-top: 60px;
		margin-bottom: 20px;
		text-align: right;
		white-space: nowrap;
		text-rendering: optimizeLegibility;
	}
	.top-ph span {
    font-size: 50px;
    letter-spacing: -2px;
    margin-right: 15px;
	}
	.top-ph span:after {
    width: 0;
    height: 0;
    position: relative;
    top: -15px;
    margin-left: 15px;
    content: ">";
    font-size: 0px;
    border-style: solid;
    border-width: 8px 0 8px 14px;
    border-color: transparent transparent transparent #e9eae9;
	}

	/* Hero details text */

	.hero-profil-landing p.hero-details {
		font-family: "ProximaNova-Bold";
		font-size: 40px;
		letter-spacing: -2px;
		line-height: 1;
		text-align: left;
		background-color: rgba(233, 234, 233, 0);
		margin-bottom: 30px;
		padding-bottom: 50px;
		max-width: 66.6%;
		color: #fff;
	}

	@media (max-width:768px) {
	  .hero-profil-landing p.hero-details {
			font-size: 24px;
			letter-spacing: 0;
			margin-bottom: 10px;
			padding: 0 20px 0 0;
			max-width: 100% !important;
		}
	}

	@media (max-width: 480px) {
		.hero-profil-landing p.hero-details {
			bottom: -200px;
			width: 100% !important;
		}
	}

	/* Team page title */

	.pt-title span.top-phs:after {
		border-color: transparent transparent transparent #fff;
	}

	/* Full width containers */

	.fw {background-color: #fff;}
	.fw.underlined {border-bottom: 1px solid #f0f0f0;}
	.fw-gray-light {border-top: 1px solid #f0f0f0;}
	.fw-gray {background-color: #f6f6f6;}
	.fw-gray.underlined {border-bottom: 1px solid #dcddde;}
	.fw-gray-mid {background-color: #f2f2f2;}
	.fw-gray-dark {background-color: #a1a5a7;}
	.fw-gray-issuu {background-color: #353535;}
	.fw-primary {background-color: #418bc9;}
	.fw-orange {background-color: #e65a1b;}
	.fw-altaro {background-color: #d56434;}
	.fw-eset {background-color: #005a67;}
	.fw-orange-sw {background-color: #f99d34;}
	.fw-snoopwall {background-color: #188ec3;}
	.fw-netshield {background-color: #1a63af;}
	.fw-snoopwall-w {background-color: #ffffff; border-top: 1px solid #dcddde; padding: 20px 0 30px 0;}
	.fw-gdata {background-color: #c20e1a;}
	.fw-carbonite {background-color: #81aa46;}

	/* CTA buttons */

	.fw-primary a.btn,
	.fw-primary .btn-ol {
		background: none;
		border: 1px solid rgba(255, 255, 255, .3);
		color: #fff !important;
		padding: 10px 15px;
	}
	.fw-primary .btn-ol:hover {
		border: 1px solid rgba(255, 255, 255, .7);
	}
	.fw-primary .btn-ol* {
		float: left;
	}
	.fw-primary .btn-ol .icon {
		margin-right: 10px;
	}
	.btn-ol.fb:hover {
		background-color: #3664a2;
	}
	.btn-ol.tw:hover {
		background-color: #55acee;
	}
	.btn-ol.ig:hover {
		background-color: #d73575;
	}

	/* Footer */

	.footer-awards {
		background-color: #2b2b2b;
		border-bottom: 1px solid #3e3e3e;
	}

	.footer-awards a img {
		opacity: 0.15;
		-webkit-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
		margin: 0 auto;
	}

	.footer-awards a:hover img {
		opacity: 0.6;
	}

	footer {
		min-height: 375px;
		background-color: #2b2b2b;
		padding-top: 80px;
		pointer-events: auto;
		clear: both;
	}
	.f-soc {
		margin-right: 0;
		margin-left: 0;
	}
	.f-soc .f-sic {
		height: 55px;
		background-color: #3e3e3e;
		-webkit-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
		padding: 0;
	}
	.f-soc a {
		display: inline-block;
		width: 100%;
		height: 56px;
		text-align: center;
	}
	.f-soc a .icon {
		width: 32px;
		height: 32px;
		position: relative;
		top: 12px;
		fill: #a2a2a2;
	}
	.f-soc a:hover .icon {
		fill: #fff;
	}

	.f-soc .yt:hover {background-color: #cd201f;}
	.f-soc .wp:hover {background-color: #21759b;}
	.f-soc .xn:hover {background-color: #0b6464;}
	.f-soc .rss:hover {background-color: #ff9933;}
	.f-soc .fb:hover {background-color: #3664a2;}
	.f-soc .tw:hover {background-color: #55acee;}
	.f-soc .ig:hover {background-color: #d73575;}

	ul.f-ul li {
		color: #8a8a8a;
		font-family: 'Anonymous Pro';
		font-size: 14px;
		list-style-type: none;
		line-height: 24px;
	}
	ul.f-ul {
    padding: 0;
	}
	ul.f-ul li img {
		position: relative;
		top: -2px;
	}
	.f-uls {
		margin-top: 10px;
		list-style-type: none;
		padding: 0;
	}
	.f-uls li {
		color: #666;
		font-size: 11px;
		line-height: 18px;
	}
	.f-ul .f-lil {
		color: #fff;
	}
	.f-uls a {
		color: #999;
	}

	/* Breadcrumbs */

	.breadcrumb ul {
	  list-style: none;
	  padding: 0;
	  margin-bottom: 0;
	}
	.breadcrumb ul li {
	  display: inline-block;
	  color: #666;
	  font-size: 14px;
	  margin-right: 27px;
	}
	.breadcrumb ul li a {
		color: #666;
	}
	.breadcrumb {
    background: transparent;
    border-top: solid 1px #ebebeb;
    border-bottom: solid 1px #ebebeb;
    padding: 9px 0;
    margin-bottom: 0;
	}
	.breadcrumb ul li:after {
		display: inline-block;
		width: 0;
    height: 0;
		position: relative;
    top: 0;
    left: 15px;
    content: "";
    font-size: 0;
    border-style: solid;
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent #ccc;
	}
	.breadcrumb ul li:last-child {
		color: #ccc;
	}
	.breadcrumb ul li:last-child:after {
		content: none;
	}

	/* Footer Register */

	.ak-pfs {
    padding: 55px 0;
	}
	.ak-pfs p {
		font-style: italic;
		margin-bottom: 0 !important;
		color: #999;
	}
	.ak-pfs p b {
		color: #666;
    font-weight: 700;
	}

	/* Hero */

	.hero {
		background-color: #e9eae9;
	}

	#nav-content ul {
    list-style: none;
    padding-left: 0;
		display: none;
    padding-right: 0;
    margin-right: 0;
    text-align: left;
    margin-top: 10px;
	}
	#nav-content .mobile-search {
		margin-top: 20px;
		position: relative;
		width: 100%;
	}
	#nav-content .mobile-search img {
		position: absolute;
		right: 15px;
		top: 8px;
	}
	#nav-content .mobile-search input {
		width: 100%;
		height: 30px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 4px;
		-moz-background-clip: padding;
		border: 1px solid #ccc;
		padding: 15px;
		display: inline-block;
		font-size: 20px;
	}
	#nav-content ul li {
		color: #000;
		font-family: "Anonymous Pro";
		font-size: 28px;
		border-left: 1px solid #dcdcdc;
		padding-left: 15px;
		line-height: 2px;
		text-transform: uppercase;
		border-bottom: none;
	}
	#nav-content ul li a {
		color: #000;
	}
	#nav-content {
		color: #000;
		padding: 80px 20px 40px 20px;
	}
	.nav-title {
		font-size: 24px;
		text-transform: uppercase;
		font-weight: 700;
	}

	/* Buttons */

	.btn {
		font-family: 'ProximaNova-Bold';
		-webkit-font-smoothing: antialiased;
		-webkit-transition: all 0.25s;
		-o-transition: all 0.25s;
		transition: all 0.25s;
		text-transform: uppercase;
	}
	.btn.lg {
		font-size: 18px !important;
	}
	.btn-group-justified .btn-primary {
		border-left: 1px solid #fff;
	}
	.btn-group-justified .btn-primary:first-of-type {
		border-left: none;
	}
	.btn.fw {
		width: 100% !important;
	}

	@media (max-width: 414px) {
	  .btn-group-justified {
		  display:flex;
	    flex-direction: column;
	  }
	  .btn-group-justified .btn {
		  width: 100%;
		}
		.btn-group-justified .btn.btn-primary,
		.btn-group-justified .btn-gdata {
			border-left: none !important;
			margin-left: 0 !important;
			margin-bottom: 1px !important;
		}
	}

	/* Default */

	.btn-default {
		border: none;
	}
	.btn-default:hover {
		color: #fff !important;
		border: none;
	}

	/* Primary */

	.btn-primary {
		background-color: #418bc9 !important;
    color: #fff;
    padding: 14px 24px;
    border: none;
	}
	.btn-primary.sm {
    padding: 7px 24px;
	}
	.btn-primary .glyphicon {
    float: left;
    margin-right: 10px;
	}

	/* Blue */

	.btn-blue {
		background-color: #418bc9 !important;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    padding: 14px 24px;
	}
	.btn-blue:hover,
	.btn-primary:hover {
		background-color: #3378bd !important;
		color: #fff;
	}

	.btn-file {
    padding: 10px 20px;
    margin: 20px 0;
	}

	/* Gray */

	.btn-gray {
		background-color: #a1a5a7;
		color: #fff;
		padding: 14px 24px !important;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border-radius: 7px;
	}
	.btn-gray:hover {
		color: #fff;
		background-color: #909090;
	}
	.btn-gray.sm {
    padding: 7px 24px !important;
	}

	/* Vendor buttons */
	.btn-eset,
	.btn-gdata,
	.btn-mailstore {
		color: #fff;
    padding: 14px 24px;
    border: none;
	}
	.btn-eset:hover, .btn-eset:active, .btn-eset:focus,
	.btn-gdata:hover, .btn-gdata:active, .btn-gdata:focus,
	.btn-mailstore:hover, .btn-mailstore:active, .btn-mailstore:focus {
		color: #fff !important;
	}
	.btn-group-justified .btn-gdata,
	.btn-group-justified .btn-eset,
	.btn-group-justified .btn-mailstore {
		border-left: 1px solid #fff;
	}
	.btn-group-justified .btn-gdata:first-of-type,
	.btn-group-justified .btn-eset:first-of-type,
	.btn-group-justified .btn-mailstore:first-of-type {
		border-left: none;
	}

	/* Eset */
	.btn-eset {
		background-color: #005a67;
	}
	.btn-eset:hover,
	.btn-eset:active {
		background-color: #004852;
	}

	/* Gdata */
	.btn-gdata {
		background-color: #e20613;
	}
	.btn-gdata:hover,
	.btn-gdata:active {
		background-color: #b5050f;
	}

	/* MailStore */
	.btn-mailstore {
		background-color: #e65b19;
	}
	.btn-mailstore:hover,
	.btn-mailstore:active {
		background-color: #e35219;
	}

	/* Footer register */

	.btn-blue.reg {
		width: 180px;
	}
	.btn-blue.reg:first-child {
		margin-right: 2px !important /* left button within group */;
	}

	/* button group justified double border fix */
	/*
	.btn-group-justified .btn {border-right-width: 0px;}
	.btn-group-justified .btn:last-of-type {border-right-width: 1px;}
	*/

	/* Button group - mobile */

	@media (min-width: 320px) and (max-width: 767px) {
		.btn-group-justified .btn-primary {
			border-left: none;
		}
		.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
			width: 100%;
			border-top-left-radius: 7px;
	    border-top-right-radius: 7px;
	    border-bottom-left-radius: 0;
	    border-bottom-right-radius: 0;
	    margin-left: 0;
			margin-bottom: 1px;
		}
		.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
			width: 100%;
	    border-top-left-radius: 0;
	    border-top-right-radius: 0;
	    border-bottom-left-radius: 7px;
	    border-bottom-right-radius: 7px;
	    margin-left: 0;
		}
	}


	/* Outlined default */

	.btn-default-ol {
		font-family: "ProximaNova-Bold";
		font-size: 15px;
		text-transform: uppercase;
		padding: 12px 20px;
		border: 1px solid #ccc;
		background-color: #fff;
		color: #333;
	}
	.btn-default-ol:hover {
		color: #3399cc;
	}
	.btn-default-ol.btn-sm {
		font-size: 12px;
		padding: 6px 20px;
	}

	/* Outlined Primary */

	.btn-primary-ol {
		padding: 12px 20px;
		font-size: 18px;
		color: #418bc9;
		border: 1px solid #418bc9;
	}
	.btn-primary-ol:hover {
		background-color: #418bc9;
		color: #fff;
	}

	/* Outlined Orange MailStore */

	.btn-orange-ol {
		border-color: #e65b19;
		color: #e65b19;
		border: 1px solid;
		margin-top: 10px;
	}
	.btn-orange-ol:hover {
		background-color: #e75b19;
		color:#fff;
	}

	/* Outlined Turquoise AppRiver */

	.btn-turquoise-ol {
		border-color: #00a0af;
		color: #00a0af;
		border: 1px solid;
		margin-top: 10px;
	}
	.btn-turquoise-ol:hover {
		background-color: #00a0af;
		color:#fff;
	}

	/* Outlined white */

	.btn-white-ol {
		border: 1px solid #fff;
		background: none;
		color: #fff;
	}

	/* Outlined white on dark-gray */

	.fw-gray-dark .btn-white-ol:hover {
		color: #fff;
		background-color: #909090;
	}
	.fw-gray-dark .btn-white-ol:focus {
		color: #fff;
	}

  /* Outlined button career site */

  .btn-career-ol {
    padding: 12px 20px;
    font-size: 18px;
    color: #418bc9;
    border: 1px solid #e75b19;
  }
  .btn-career-ol:hover {
    background-color: #e75b19;
    color:#fff;
  }
  .btn-career-link {
    color: #e75b19;
  }

	/* Footer - tabbed navigation */

	.tabs-left {
		margin-top: -20px;
	}
	.tabs-left > .nav-tabs {
	  border-bottom: 0;
	  margin-bottom: 50px;
	}
	.f-nav .tab-content > .tab-pane {
	  display: none;
	  padding-top: 20px;
	}
	.f-nav .tab-content > .active {
	  display: block;
	  padding-left: 160px;
	}

	.f-nav .tab-content > .tab-pane > ul > li {
		list-style-type: none;
		padding: 0 !important;
	}
	.f-nav .tab-content > .tab-pane > ul > li > a {
	  color: #8a8a8a;
	  font-size: 14px;
	  line-height: 24px;
	}
	.f-nav .tab-content > ul > li > a :hover {
		color: #8a8a8a;
		text-decoration: none;
	}

	.tabs-left > .nav-tabs > li,
	.tabs-right > .nav-tabs > li {
	  float: none;
	}
	.tabs-left > .nav-tabs > li > a,
	.tabs-right > .nav-tabs > li > a {
	  min-width: 145px;
	  margin-bottom: 1px;
	}
	.tabs-left > .nav-tabs {
	  float: left;
	  margin-right: 20px;
	  border-right: 1px solid #666;
	  padding: 20px 0 50px 0;
	}
	.tabs-left > .nav-tabs > li > a {
	  background: none;
	  border: none;
	  color: #999;
	  padding: 0;
	  line-height: 24px;
	}
	.tabs-left > .nav-tabs > li > a:hover,
	.tabs-left > .nav-tabs > li > a:focus,
	.f-nav .tab-content > .tab-pane > ul > li > a:hover,
	.f-nav .tab-content > .tab-pane > ul > li > a:focus {
	  color: #fff;
	  text-decoration: none;
	}
	.tabs-left > .nav-tabs .active > a,
	.tabs-left > .nav-tabs .active > a:hover,
	.tabs-left > .nav-tabs .active > a:focus {
	  color: #fff;
	  background: none;
	  border: none;
	}
	.tabs-left > .nav-tabs .active > a:after,
	.tabs-left > .nav-tabs .active > a:before {
		left: 147px;
		top: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	.tabs-left > .nav-tabs .active > a:after {
		border-color: rgba(55, 56, 55, 0);
		border-left-color: #2b2b2b;
		border-width: 11px;
		margin-top: -11px;
	}
	.tabs-left > .nav-tabs .active > a:before {
		border-color: rgba(102, 102, 102, 0);
		border-left-color: #666;
		border-width: 13px;
		margin-top: -13px;
	}

	/* Promo sections */

	.promo h3 {
		font-family: "ProximaNova-Bold";
		font-size: 24px;
		color: #333;
		text-transform: uppercase;
		margin: 0 0 24px 0;
	}
	.promo p {
		color: #666;
		font-size: 16px;
		line-height: 28px;
		margin-bottom: 16px !important;
	}
	.promo a.link:before {
		display: inline-block;
		width: 0;
		height: 0;
		position: relative;
		top: 0;
		left: -8px;
		content: "";
		font-size: 0;
		border-style: solid;
		border-width: 5px 0 5px 6px;
		border-color: transparent transparent transparent #3399cc;
	}
	.promo a.link {
		font-family: "ProximaNova-Bold";
		font-size: 18px;
		color: #3399cc;
		margin-left: 8px;
	}
	.promo ul.flags li {
		font-size: 16px;
		line-height: 32px;
		color: #666;
		padding-left: 40px;
	}
	.promo .img-responsive {
		margin: 0 auto;
	}
	.promo .img-responsive.outlined {
		border: 1px solid #ebebeb;
	}

	/* hero promo */

	.hero-promo {
		background-position-x: 50%;
		background-position-y: 50%;
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: scroll;
		position: relative;
		overflow: hidden;
	}

	.hero-promo .row {
		margin: 60px auto;
	}

	.hero-promo p,
	.hero-promo p a {
		font-family: "ProximaNova-Bold";
		font-size: 18px;
		margin: 0;
		color: #fff;
	}

	@media (max-width:768px) {
	  .hero-promo img {
		  max-height: 120px;
		  padding-left: 0 !important;
		  padding-right: 0 !important;
	  }
	}

	@media (max-width:480px) {
	  .hero-promo img {
		  padding-bottom: 20px;
	  }
	}

	/* featured team member */

	#tm1, #tm2, #tm3, #tm4, #tm5, #tm6, #tm7, #tm8 {
		display:none;
	}
	.circular {
		width: auto;
		height: auto;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		padding: 15px;
	}


/* ==========

	Magazine

========== */

	.epaper {
		display: flex;
		padding: 100px 0;
	  align-items: stretch;
	  min-height: 855px;
	}
	.epaper iframe {
		flex: 1;
		border: none;
		outline: none;
		min-height: 655px;
	}


/* ==========

	Search Results Styles

========== */

	ul.search-results {
		padding: 0;
		list-style-type: none;
		border-bottom: 1px solid #ebebeb;
		font-size: 16px;
		line-height: 28px;
		color: #666;
	}
	ul.search-results li {
		display: block;
		border-top: 1px solid #ebebeb;
		padding: 15px 10px;
	}
	ul.search-results li:hover {
		background-color: #ffffeb;
	}
	ul.search-results li b {
		color: #000;
		border-bottom:1px dashed #666;
	}
	ul.search-results li a {
		font-weight: 700;
		padding-left: 17px;
	}
	ul.search-results li a:before {
		display: inline-block;
		width: 0;
		height: 0;
		position: relative;
		top: 0;
		left: -8px;
		margin-left: -10px;
		content: "";
		font-size: 0;
		border-style: solid;
		border-width: 5px 0 5px 6px;
		border-color: transparent transparent transparent #3399cc;
	}

	/* Pagination */

	.pagination > li > a,
	.pagination > li > a:hover,
	.pagination > li > a:focus,
	.pagination > li > a:active {
		color: #3399cc;
	}
	.pagination > .active > a,
	.pagination > .active > a:hover,
	.pagination > .active > a:focus,
		.pagination > .active > a:active {
		background-color: #3399cc;
		border-color: #3399cc;
	}
	.pagination > .disabled > a,
	.pagination > .disabled > a:hover,
	.pagination > .disabled > a:focus {
		color: #ccc;
	}


/* ==========

	Home Page Styles

========== */

 	.map-row {
 		margin-top: 60px;
 	}
 	.map-row-profil {
 		margin-top: 180px;
 	}
 	.h-s2-lt {
 		color: #999;
		font-size: 24px;
		line-height: 40px;
 	}
 	.h-s2-lt span {
 		color: #666;
 	}
 	.h-s2-lt a:hover {
 		color: #3399cc;
 		text-decoration: underline;
 	}

 	/* Homepage video feature */

 	h3.h-s3-bt {
		font-family: 'ProximaNova-Bold';
		font-size: 28px;
		color: #000;
		/*font-weight: bold;*/
		margin-top: 0;
		margin-bottom: 20px;
	}
	p.h-s3-par {
		color: #999;
		font-family: "Anonymous Pro";
		font-size: 16px;
		line-height: 28px;
	}

	/* RSS feed */

	h3.feed-title .icon {
		float: left;
		margin-top: 1px;
		margin-right: 5px;
		color: #a1a5a7;
	}
	ul.feed {
		display: inline-flex;
		flex-direction: row;
		margin-right: -15px;
    margin-left: -15px;
		padding: 0;
		list-style: none;
	}
	ul.feed li {
		display: flex;
		flex-direction: column;
		padding-right: 15px;
    padding-left: 15px;
    width: calc(100% / 3);
	}
	ul.feed li .item-date {
		margin-bottom: 8px;
		color: #999;
	}
	ul.feed li .item-title {
		margin-top: 0;
		margin-bottom: auto;
		padding-bottom: 24px;
		display: block;
		font-size: 16px;
		line-height: 1.6;
		color: #333;
	}
	ul.feed li a.btn {
		margin-top: auto;
		align-self: flex-start;
	}
	
	ul.feed li:before {
		margin-bottom: -19px;
	}
	
	@media only screen and (max-width: 767px) {
		ul.feed {
			flex-direction: column;
		}
		ul.feed li {
			width: 100%;
			margin-bottom: 48px;
		}
	}

	/* Playback button */

	.youtube-play-button {
		display: block;
		position: absolute;
		width: 85px;
		height: 60px;
		top: 50%;
		left: 50%;
		margin-left: -42px;
		margin-top: -30px;
		z-index: 99;
	}
	.youtube-play-button .background {
	  opacity: 0.9;
	  -webkit-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	}
	.youtube:hover .youtube-play-button .background {
		fill: #3399cc;
		opacity: 1;
	}

	/* Home Testimonials */

	.hp-testimonials {
		padding-top: 60px;
		padding-bottom: 40px;
		border-top: 1px solid #ebebeb;
	}
	.hp-testimonials p {
		color: rgba(102,102,102,0.5);
		font-size: 14px;
		margin-bottom: 30px;
		line-height: 22px;
		font-style: italic;
		text-align: center;
		-webkit-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	}
	.hp-testimonials a {
		color: rgba(102,102,102,0.5);
		text-decoration: none;
		-webkit-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	}
	.hp-testimonials a:hover {
		text-decoration: underline;
	}
	.svg-container {
		margin-bottom: 20px;
		height: 75px;
		opacity: 0;
	}

	/* Map */

	div#map-canvas {
    position: relative;
    top: -50px;
	}
	div#map-canvas img {
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}
	div#map-canvas img:nth-child(2) {
		position: absolute;
		opacity: 0;
	}
	div#map-canvas img:nth-child(3) {
		position: absolute;
		opacity: 0;
	}
	div#map-canvas img:nth-child(2).end,
	div#map-canvas img:nth-child(3).end {
    opacity: 1;
  }

  /* Homepage map - Desktop, 1200px+ */

  @media (min-width: 992px) {
		div#map-canvas img:nth-child(2) {
			top: 214px;
			left: 144px;
		}
		div#map-canvas img:nth-child(2).end {
	    top: 214px;
	    left: 144px;
		}
		div#map-canvas img:nth-child(3) {
			top: 153px;
			left: 135px;
		}
		div#map-canvas img:nth-child(3).end {
	    top: 203px;
	    left: 135px;
	  }
	}

	/* Homepage map - Desktop 992px - 1200px */

	@media (min-width: 480px) and (max-width: 991px) {
		div#map-canvas img:nth-child(2) {
			top: 198px;
			left: 138px;
		}
		div#map-canvas img:nth-child(2).end {
	    top: 198px;
	    left: 138px;
		}
		div#map-canvas img:nth-child(3) {
			top: 137px;
			left: 127px;
		}
		div#map-canvas img:nth-child(3).end {
	    top: 187px;
	    left: 127px;
	  }
	}

	/* Homepage map - Mobile */

	@media (min-width: 480px) and (max-width: 767px) {
		div#map-canvas img:nth-child(2) {
			top: 166px;
			left: 117px;
		}
		div#map-canvas img:nth-child(2).end {
	    top: 216px;
	    left: 148px;
		}
		div#map-canvas img:nth-child(3) {
			top: 105px;
			left: 107px;
		}
		div#map-canvas img:nth-child(3).end {
	    top: 205px;
	    left: 137px;
	  }
	}


/* ==========

	Akademie Styles

========== */

	.ak-prbn {
    height: 60px;
    background-color: #a1a5a7;
    color: #fff;
    font-family: "ProximaNova-Bold";
    font-size: 18px;
    padding: 20px 20px 25px 25px;
    text-transform: uppercase;
	}
	.ak-prbn .icon {
		width: 24px;
		height: 24px;
		fill: #fff;
		position: relative;
		top: -3px;
	}
	.ak-prbox {
    border: 1px solid #ccc;
    overflow: hidden;
	}
	.ak-prbox ul {
    list-style: none;
    padding: 0;
    background-color: #f5f5f4;
    margin-bottom: 0;
    height: 406px;
    position: relative;
    -webkit-transition: -webkit-transform 0.5s;
    -o-transition: -o-transform 0.5s;
    transition: transform 0.5s;
    overflow: auto;
	}
	.slide-off {
		-webkit-transform: translateX(-101%);
		-ms-transform: translateX(-101%);
		-o-transform: translateX(-101%);
		transform: translateX(-101%);
	}
	.akademie-submenu.slide-in {
		-webkit-transform: translate(0, -100%);
		-ms-transform: translate(0, -100%);
		-o-transform: translate(0, -100%);
		transform: translate(0, -100%);
	}
	.ak-prbox ul li {
    min-height: 58px;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    line-height: 24px;
	}
	.ak-prbox ul li span {
    color: #666;
    font-weight: 700;
	}
	.akademie-submenu {
		position: relative;
		top: 0;
		-webkit-transform: translate(100%, -100%);
		-ms-transform: translate(100%, -100%);
		-o-transform: translate(100%, -100%);
		transform: translate(100%, -100%);
		-webkit-transition: -webkit-transform 0.5s;
		-o-transition: -o-transform 0.5s;
		transition: transform 0.5s;
		overflow-y: auto;
	}
	.ak-prbw {
    height: 405px;
	}
	.akademie-submenu .ak-prbb {
    height: 40px;
		min-height: inherit;
		background-color: inherit;
		top: -40px;
	}
	.akademie-submenu ul {
		height: 366px;
	}
	.akademie-submenu li{
		padding: 20px 28px;
	}
	.ak-prbox .akademie-submenu ul li a {
		padding: 0;
		padding-right: 10px;
	}
	.ak-prbox .akademie-submenu ul li a:after {
		right: -10px;
	}
	.akademie-submenu li.ak-prbb a {
    padding: initial;
    font-size: 14px;
    color: #3399cc;
    position: relative;
    top: -3px;
	}
	.ak-prbox:hover .ak-prbn {
    background-color: #3399cc;
	}
	.ak-prbox:hover ul {
    background-color: transparent;
	}
	.ak-prbox ul li:last-child {
    border-bottom: none;
	}
	.ak-prbox ul li:hover,
	.ak-prbox.p2 ul li.active:hover {
    background-color: #e6f5ff;
	}
	.ak-prbox ul li:hover a,
	.ak-prbox ul li:hover a span {
    color: #3399cc;
    text-decoration: none;
	}
	.ak-prbox ul li a:after {
		opacity: 0;
		color: ccc;
	}
	.ak-prbox:hover ul li a:after {
		opacity: 1;
	}
	.ak-prbox ul li a:after {
		display: inline-block;
		width: 0;
		height: 0;
		position: absolute;
		top: 43%;
		right: 16px;
		content: "";
		font-size: 0;
		text-align: right;
		border-style: solid;
		border-width: 6px 0 6px 7px;
		border-color: transparent transparent transparent #e9eae9;
	}
	.ak-prbox ul li:hover a:after {
		border-color: transparent transparent transparent #3399cc;
	}
	.ak-prbox ul li a {
    width: 100%;
    display: inline-block;
    color: #999;
    padding: 18px 30px 15px 25px;
    position: relative;
  }
	.ak-prbox:hover {
	  border-color: #3399cc;
	}
	.ak-prbb {
		width: 16px;
		height: 40px;
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAAlUlEQVQ4y2MwnnmGAQdWA+InQJyCRw0DLglVIH4MxKn4NOMyAKY5jZBmbAaoAPEjIE4nRjO6AcpQzRnEakY2AKY5kxTNMAOUgPghEGeRqhlmwB4g/k8uBhkgDcS3gLiSXBeAsAwQ3wHiUnINAGFZIL4HxIXkGgDC8kD8AIjzyTUAhBWhsZJDrgEkpUh8kqrQ3JiMzwAAeZSiN0/lxFIAAAAASUVORK5CYII=);
		width: 100%;
		background-repeat: no-repeat;
		padding: 10px 55px;
		color: #3399cc;
		font-size: 14px;
		background-position: 30px 12px;
		background-color: #f5f5f4;
		border-bottom: 1px solid #ccc;
	}
	.ak-prbox.p2 ul {
		height: auto;
	}
	.ak-prbox.p2 ul li.active {
		background-color: #fff;
	}
	.ak-prbox.p2 ul li.active a {
		color: #666;
	}
	.ak-prbox.p2 ul li.active:hover a,
	.ak-prbox.p2 ul li.active:hover a span {
		color: #3399cc;
	}
	.ak-prbox.p2 ul li.active a span {
		color: #000;
	}
	.ak-prbox.p2 ul li.active a:after {
		opacity: 1;
		border-color: transparent transparent transparent #e9eae9;
	}
	.ak-prbox.p2 ul li.active:hover a:after {
		border-color: transparent transparent transparent #3399cc;
	}
	.ak-prbox.p2 .ak-prbb {
		background-color: #fff;
	}

	/* Akademie one event page */

	.sub-content {
		font-size: 16px;
		line-height: 28px;
		color: #666;
	}
	.sub-content p.small.head {
		line-height: 1;
		color: #999;
		margin-bottom: 20px;
		padding-top: 0;
	}
	.sub-content p.small.head img {
		margin-bottom: 5px;
	}
	.sub-content h2,
	.sub-content h3,
	.sub-content table th {
		font-family: 'ProximaNova-Bold';
		font-weight: normal;
		font-size: 18px;
		color: #000;
	}
	.sub-content h2 {
		font-size: 24px;
		line-height: 28px;
		margin-top: 5px;
	}
	.sub-content h3 {
		font-size: 18px;
		line-height: 28px;
		margin: 30px 0 10px 0;
	}
	.sub-content > p {
		padding-top: 20px;
	}
	.sub-content a:hover {
		cursor: pointer;
	}

	.sub-content ul {
	  list-style-type: none;
	  padding-left: 8px;
	}
	.sub-content ul li:before {
		display: inline-block;
		width: 0;
		height: 0;
		position: relative;
		top: 0;
		left: -8px;
		margin-left: 0;
		content: "";
		font-size: 0;
		border-style: solid;
		border-width: 5px 0 5px 6px;
		border-color: transparent transparent transparent #3399cc;
	}

	/* Info table */

	.sub-content table {
		border-bottom: 1px solid #ebebeb;
		margin: 20px 0 50px 0;
	}
	.sub-content table td {
		padding-left: 0 !important;
	}
	.sub-content table th {
		border-top: none !important;
		padding: 30px 0 !important;
	}
	.sub-content table a:focus {
		outline: none;
	}

	@media (max-width: 768px) {
		.sub-content table.table-responsive.noborder {
			border: none;
		}
	}

	/* Vendor content */

	.vendor-content {
		padding: 20px 0;
		border: 1px solid #dddddd;
		background-color: #f5f5f5;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.vendor-content img {
		margin-right: 10px;
	}
	@media (max-width: 768px) {
		.vendor-content img {
			display: block;
			margin-bottom: 10px;
		}
	}


	/* Popover */

	.sub-content table .popover ul  {
		padding-left: 0 !important;
		margin: 10px;
	}
	.sub-content table .popover li {
		padding-bottom: 5px;
	}
	.sub-content table .popover ul li::before {
		border-style: none !important;
	}

	/* Status label */

	.sub-content .label,
	.p-tabs .label {
		font-family: 'Anonymous Pro' !important;
		font-weight: 400;
		font-size: 16px;
		border-radius: 20px;
		padding: 5px 15px;
	}
	.sub-content .label-success {
		background-color: #339933 !important;
	}
	.sub-content .label-danger {
		background-color: #cc3333 !important;
	}

	/* Red and green */

	.green,
	.green a:hover,
	.popover li a.green,
	.popover li a.green:hover {
		color: #339933 !important;
	}
	.red,
	.red a:hover,
	.popover li a.red,
	.popover li a.red:hover {
		color: #cc3333 !important;
	}

	/* Team member row margin reset */

	.sub-content .row.pt-tbox {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	/* Akademie well */
	.ak-well {

	}

	.ak-well h3 {
		margin-top: 0;
	}

	.ak-well .small {
		margin-top: 20px;
		font-size: 12px;
		line-height: 140%;
		color: #999;
	}

	/* Video pages */

	.vid-feat {
		font-size: 15px;
    color: #666;
    line-height: 28px;
	}
	.vid-feat h5 {
    color: #333;
    font-family: "ProximaNova-Bold";  font-size: 24px;
	}


/* ==========

	Profil Styles

========== */

	.hero-profil-landing {
		height: 495px;
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: scroll;
		position: relative;
		overflow: hidden;
	}
	.hero-profil-landing p {
		position: absolute;
		bottom: -480px;
		background-color: rgba(233,234,233,0.5);
		padding: 4px;
	}
	.hero-profil-landing .container {
	 	position: relative;
	}
	.hero-profil-landing .container img:nth-child(1){
		position: absolute;
		left: 10%;
	}
	.hero-profil-landing .container img:nth-child(2){
		position: absolute;
		right: 10%;
	}
	.top-ph.profil-title {
		font-size: 180px;
	}

	/* Profil map - Desktop, 1200px+ */

  @media (min-width: 1200px) {
		div#map-canvas.profil-map img:nth-child(2) {
			top: 211px;
			left: 141px;
		}
		div#map-canvas.profil-map img:nth-child(2).end {
	    top: 211px;
	    left: 141px;
		}
		div#map-canvas.profil-map img:nth-child(3) {
			top: 150px;
			left: 132px;
		}
		div#map-canvas.profil-map img:nth-child(3).end {
	    top: 200px;
	    left: 132px;
	  }
	}

	/* Profil map - Desktop 992px - 1200px */

	@media (min-width: 992px) and (max-width: 1199px) {
		div#map-canvas.profil-map img:nth-child(2) {
			top: 166px;
			left: 117px;
		}
		div#map-canvas.profil-map img:nth-child(3) {
			top: 105px;
			left: 107px;
		}
		div#map-canvas.profil-map img:nth-child(2).end {
	    top: 166px;
	    left: 117px;
		}
		div#map-canvas.profil-map img:nth-child(3).end {
	    top: 155px;
	    left: 107px;
	  }
	}

	.profil-ig.well {
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		border-color: #ccc;
		background-color: #f6f6f6;
		-moz-box-shadow: inset 0 2px 0 rgba(255,255,255,.9);
		-webkit-box-shadow: inset 0 2px 0 rgba(255,255,255,.9);
		box-shadow: inset 0 2px 0 rgba(255,255,255,.9);
		padding: 15px 20px;
	}

	.tm-info {
		margin-top: 100px;
	}
	.profil-ig.well h1 {
		color: #000;
		font-size: 64px;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.profil-ig.well h2 {
		font-family: "ProximaNova-Bold";
		font-size: 24px;
		text-transform: uppercase;
	}
	.profil-ig.well p {
		color: #999;
		font-size: 16px;
	}

	.pl-s4 {
		padding-top: 88px;
		padding-bottom: 60px;
	}
	.pl-s4-h {
		color: #333;
		font-family: "ProximaNova-Bold";
		font-size: 24px;
		text-transform: uppercase;
		margin-bottom: 25px;
	}

	.pt-sh {
		margin-top: 80px;
		color: #000;
		font-family: "ProximaNova-Bold";
		font-size: 24px;
		text-transform: uppercase;
		margin-bottom: 40px;
	}
	.pt-tbox {
		background-color: #f2f2f2;
		overflow: hidden;
		position: relative;
	}
	.row.pt-tbox a:first-child .col-md-3 {
		padding-left: 0;
	}
	.pt-tbox .col-md-3 {
		height: 100%;
	}

	/* Awards logos */

	.awards-promo img {
		margin: 0 auto;
	}

	.awards {
		text-align: center;
	}

	.awards img {
		padding: 15px 0;
/* 		max-width: 80%; */
		margin: 0 auto;
	}

	@media (min-width: 992px) and (max-width: 1199px) {
		.awards img {
			max-width: 100%;
		}
	}
	@media (min-width: 768px) and (max-width: 991px) {
		.awards img {
			padding-top: 26px;
		}
	}
	@media (min-width: 481px) and (max-width: 767px) {
		.awards img {
			padding: 20px;
		}
	}

	@media (max-width: 480px) {
		.awards img {
			padding-top: 20px;
		}
	}

	/* Awards list */

	.award-list .award-year {
		margin-bottom: 60px;
	}

	.award-list .award-item {
		margin-bottom: 30px;
	}
	.award-list .award-item:last-child {
		margin-bottom: 0;
	}

	.award-list h3 {
		margin: 0;
		margin-bottom: 20px;
		font-family: "ProximaNova-Bold";
		font-size: 24px;
		color: #333;
	}
	.award-list h4 {
		margin: 0;
		margin-bottom: 5px;
		font-family: "ProximaNova-Bold";
		font-size: 18px;
		color: #666;
	}

	.award-list p {
		margin: 0;
		font-size: 16px;
		color: #999;
	}

	/* Team thumbs */

	.pt-bor, .pt-borr, .pt-borl {
		position: absolute;
		left: 0;
		bottom: -3px;
		height: 3px;
		background-color: #3399cc;
		width: 50%;
		-webkit-transition: all 0.1s;
		-o-transition: all 0.1s;
		transition: all 0.1s;
		-webkit-transition-timing-function: ease; /* Safari and Chrome */
    transition-timing-function: ease;
	}
	/* Full width */
	.pt-bor {
		width: 100%;
	}
	/* Half width */
	.pt-borl {
		left: 50%;
	}
	.teamLink{
		height: 100%;
		cursor: pointer;
	}
	.pt-tbox a .col-md-3 {
		padding-left: 0;
	}
	.pt-tbox-team {
		background-color: #fff;
	}
	.pt-tbox-team .team-member {
		margin-bottom: 40px;
	}
	.pt-tbox-team .team-member,
	.pt-tbox-team .img-container {
		position: relative;
	}
	.pt-tbox-team .img-container {
		display: block;
	}
	@media (min-width: 1200px) {
		.pt-tbox-team .team-member.clear .img-container{
			padding-bottom: 184.66px;
		}
	}
	@media (min-width: 992px) and (max-width: 1199px){
		.pt-tbox-team .team-member.clear .img-container{
			padding-bottom: 152px;
		}
	}
	@media (min-width: 768px) and (max-width: 991px){
		.pt-tbox-team .team-member.clear {
			margin: 0;
		}
		.pt-tbox-team .team-member.clear .img-container{
			padding-bottom: 200px;
		}
	}
	.pt-tbox-team .team-member .img-container:after {
		position: absolute;
		content: '';
		width: 100%;
		bottom: 0;
		height: 3px;
		pointer-events: none;
		z-index: 3;
		transition: all 0.1s ease;
	}
	.pt-tbox-team .team-member .img-container:hover:after {
		background-color: #3399cc;
	}
	.pt-tbox-team .team-member.clear .img-container:hover:after {
		display: none;
	}
	.pt-tbox-team .img-container img {
		position: relative;
		z-index: 2;
		width: 100%;		
		display: block;
	}
	@media (min-width: 1200px) {
		.pt-tbox-team .img-container img {
			max-width: 277px;
		}
	}
	@media (min-width: 992px) and (max-width: 1199px) {
		.pt-tbox-team .img-container img {
			max-width: 228px;
		}
	}
	@media (max-width: 991px) {
		.pt-tbox-team .img-container img {
			max-width: 300px;
		}
	}
	.pt-tbox-team .img-container:before {
		position: absolute;
		content: '';
		top: 0;
		bottom: 0;
		left: -15px;
		right: -15px;
		background-color: #f2f2f2;
		z-index: 1;
	}
	@media (min-width: 992px) {
		.pt-tbox-team .team-member:first-of-type .img-container:before,
		.pt-tbox-team .team-member:nth-of-type(3n+1) .img-container:before {
			left: 0;
		}
		.pt-tbox-team .team-member:nth-of-type(3n+0) .img-container:before {
			right: 0;
		}
	}
	@media (min-width: 768px) and (max-width: 991px){
		.pt-tbox-team .team-member:first-of-type .img-container:before,
		.pt-tbox-team .team-member:nth-of-type(2n+1) .img-container:before {
			left: 0;
		}
		.pt-tbox-team .team-member:nth-of-type(2n+0) .img-container:before,
		.pt-tbox-team .team-member.clear .img-container:before {
			right: 0;
		}
		.pt-tbox-team .team-member.clear .img-container:before {
			left: -15px;
		}
	}
	.pt-pin {
		margin-top: 40px;
		white-space: nowrap;
		letter-spacing: -.25px;
	}
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {
		.pt-tbox-team p.pt-pin {
			left: 0 !important;
		}
	}
	@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape) {
		.pt-tbox-team p.pt-pin {
			left: 0 !important;
		}
	}
	.pt-pin, .pt-pip, .pt-ptm, .pt-pit, .pt-pin span {
		color: #000;
		font-family: "Anonymous Pro";
		font-size: 14px;
		line-height: 30px;
	}
	.pt-pin .pt-ptm {
		margin-bottom: 0;
		color: #3399cc;
	}
	.pt-pin span:hover {
		text-decoration: underline;
		cursor: pointer;
	}
	.pt-ptm {
		color: #3399cc;
		margin-bottom: 15px;
		display: inline-block;
	}
	.ptm-s2-p {
		color: #666;
		font-family: "Anonymous Pro";
		font-size: 18px;
		line-height: 36px;
	}
	.ptm-s2-p span {
		color: #3399cc;
	}
	.ptm-desc p {
		color: #666;
		font-family: "Anonymous Pro";
		font-size: 18px;
		line-height: 36px;
	}
	.ptm-desc p a:hover {
		color: #3399cc;
	}
	.ptm-desc p span {
		color: #3399cc;
	}
	.ptm-desc h3 {
		color: #000;
		font-family: "ProximaNova-Bold";
		font-size: 24px;
		text-transform: uppercase;
		margin: 0 0 60px 0;
	}

	/* Profile page social heading and buttons */

	.ptm-s3-h {
		margin-bottom: 15px;
	}
	.ptm-s3-h, .btn-ptm-soc {
		color: #3399cc;
		font-family: "ProximaNova-Bold";
		font-size: 18px;
	}
	.btn-ptm-soc {
		padding: 0 20px;
		border: 1px solid #3399cc;
		height: 55px !important;
		border-radius: 7px;
		-webkit-transition: all 0.25s;
		-o-transition: all 0.25s;
		transition: all 0.25s;
	}
	.btn-ptm-soc .icon {
		margin-right: 10px;
		position: relative;
		top: 5px;
	}
	.btn-ptm-soc:hover {
		background-color: #3399cc;
		color: #fff;
	}
	.pt-title {
		position: absolute;
		bottom: -511px;
		color: #fff;
		right: 0;
	}
	.hero-profil-landing .container img.pt-title-img {
		position: absolute;
		top: 350px;
		right: 0 !important;
	}
	.pt-title-img.double {
		top: 300px !important;
	}
	.logo-inline {
		width: 300px;
		float: left;
		position: relative;
		display: block;
		margin: 0px 20px 0px 0;
		padding-bottom: 0;
	}
	
	@-moz-document url-prefix() {
    .pt-title {
			bottom: -514px;
		}
	}

	@media (max-width: 414px) {
		.btn-group>.btn.btn-ptm-soc {
			margin-left: 0 !important;
		}
		.btn-group>.btn.btn-ptm-soc:first-child:not(:last-child) {
			margin-bottom: 0 !important;
		}
		.btn-ptm-soc .icon {
			top: 12px;
		}
	}


/* ==========

	Portfolio Styles

========== */

	/* Heading */

	.psp-head {
		display: block;
	}
	.psp-head h1,
	.psp-head h3 {
		font-family: "ProximaNova-Bold";
		font-size: 24px;
		text-transform: uppercase;
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.psp-head h1.subheaded,
	.psp-head h3.subheaded {
		font-family: "ProximaNova-Bold";
		font-size: 24px;
		text-transform: uppercase;
		margin-top: 40px;
		margin-bottom: o;
	}
	.psp-head h1.subheaded span,
	.psp-head h3.subheaded span {
		font-family: "Anonymous Pro";
		font-size: 18px;
		font-weight: 700;
		margin-bottom: 0;
	}
	.psp-head h2 {
		color: #333;
		font-family: "Anonymous Pro";
		font-size: 18px;
		margin: 0;
		font-weight: bold;
	}
	.psp-head p {
		color: #333;
		font-family: "Anonymous Pro";
		font-size: 18px;
		margin: 0;
		margin-top: 20px;
		line-height: 36px;
	}

	/* Content */

	.psp-desc {
		margin-top: 0;
		margin-bottom: 0;
	}
	.psp-desc.ico90 {
		text-align: center;
	}
	.psp-desc h3 {
		font-family: 'ProximaNova-Bold';
		font-size: 24px;
		text-transform: uppercase;
		margin: 10px 0 20px 0;
		color: #333;
	}
	.psp-desc h4 {
		font-family: 'ProximaNova-Bold';
		font-size: 16px;
		margin: 10px 0 20px 0;
		color: #333;
	}
	.psp-desc p {
		color: #666;
		font-size: 16px;
		line-height: 28px;
	}
	.psp-desc table,
	.psp-desc .list-group {
		color: #666;
		font-size: 16px;
		line-height: 32px;
	}
	.psp-desc ul {
		list-style: none;
		padding: 0;
		margin: 28px 0 0 0;
	}
	.psp-desc li {
		color: #666;
		font-size: 16px;
		line-height: 28px;
		padding-left: 20px;
		text-indent: 3px;
		padding-bottom: 8px;
	}
	.psp-desc li br {
		display: block;
		margin: 0;
		line-height: 1;
		content: " ";
	}
	.psp-desc li b {
		color: #333;
	}
	.psp-desc li:before {
		display: inline-block;
		width: 0;
		height: 0;
		position: relative;
		top: 0;
		left: -8px;
		margin-left: -10px;
		content: "";
		font-size: 0;
		border-style: solid;
		border-width: 5px 0 5px 6px;
		border-color: transparent transparent transparent #3399cc;
	}
	.psp-desc li.first {
		font-weight: 700;
		color: #333;
		padding-left: 8px;
	}
	.psp-desc li.first:before {
		border: none;
		border-color: transparent;
	}
	.psp-desc li > ul {
		margin: 0;
	}
	.psp-desc li > ul > li:before {
		border-color: transparent transparent transparent #a1a5a7;
	}
	.psp-desc li >ul > li {
		padding-left: 13px;
		text-indent: 5px;
	}
	.psp-desc .listed p {
		margin-bottom: 12px;
	}
	.psp-desc .listed p.first {
		margin-top: 28px;
		color: #333;
	}
	.psp-desc .listed p.last {
		margin-bottom: 36px;
	}
	p.footnote,
	small.footnote,
	.psp-desc p.footnote {
		color: #666;
		font-size: 12px;
		font-style: italic;
		line-height: 18px;
		margin: 14px 0 0 0;
	}
	.psp-desc .btn-gray {
		margin-top: 30px;
	}
	
	.list-item {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		margin-bottom: 20px;
	}
	
	.list-item .bullet {
		margin-right: 20px
	}
	
	.list-item .bullet .icon {
		padding-top: 2px;
		color: #3399cc;
	}

	/* Service+ */

	.psp-services h3 {
		font-family: "ProximaNova-Bold";
		font-size: 24px;
		text-transform: uppercase;
		margin-top: 55px;
		margin-bottom: 40px;
	}
	.psp-services p {
		color: #666;
		font-size: 16px;
		line-height: 28px;
		margin-bottom: 20px;
		min-height: 112px;
	}

	/* Icon tabs */

	.i-tabs ul {
		margin-bottom: 20px;
	}

	.i-tabs .nav-tabs > li > a {
		font-size: 16px;
		color: #999;
		background: none;
		border: none;
		border-bottom: 2px solid #dcddde;
		padding-top: 60px;
		padding-bottom: 40px;
		-webkit-transition: all 0.25s;
		-o-transition: all 0.25s;
		transition: all 0.25s;
	}
	.i-tabs .nav-tabs > li > a:hover {
		color: #666;
		border-bottom: 2px solid #666;
	}
	.i-tabs .nav-tabs > li.active > a,
	.i-tabs .nav-tabs > li.active > a:hover {
		color: #666;
		background: none;
		border: none;
		border-bottom: 2px solid #3399cc;
	}
	.i-tabs .nav-tabs > li > a > .icon {
		fill: #dcddde;
		width: 48px;
		height: 48px;
		margin-bottom: 20px;
		pointer-events: none;
		-webkit-transition: all 0.25s;
		-o-transition: all 0.25s;
		transition: all 0.25s;
	}
	.i-tabs .nav-tabs > li > a:hover > .icon {
		fill: #ccc;
	}
	.i-tabs .nav-tabs > li.active > a > .icon {
		fill: #3399cc;
	}
	.i-tabs .nav-tabs > li.active > a:after {
		top: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: none;
		border-top-color: #3399cc;
		border-width: 10px;
		margin-left: -10px;
	}
	.i-tabs .tab-content {
		padding: 40px 0;
	}

	/* Tabs within content */


	.tabs-wrap ul li {
		padding-bottom: 0;
		padding-left: 0;
	}
	.tabs-wrap ul li:before {
		border: none;
	}
	.tabs-wrap h4 {
		font-family: 'ProximaNova-Bold';
		font-size: 16px;
		margin: 10px 0 0;
		color: #333;
	}
	.tabs-wrap .table {
		margin-top: 16px;
	}

	@media (max-width:1024px) {

		.tabs-wrap.p-tabs .nav-tabs > li {
			font-size: 24px !important;
		}
		.tabs-wrap.p-tabs .nav-tabs > li:active a {
			padding: 10px;
		}
		.text-m .tabs-wrap .nav-tabs>li>a,
		.text-m .tabs-wrap .nav-tabs>li>a:hover {
			height: 54px !important;
			padding: 10px !important;
			text-indent: 10px !important;
			line-height: 1.4 !important;
		}
		.text-m .tabs-wrap ul li:before,
		.text-m .tabs-wrap ul li a:before {
			display: none;
		}
	}
	
	/* M-tabs */
	.m-tabs .nav-tabs > li {
		font-family: 'ProximaNova-Bold';
		font-size: 20px;
	}
	.m-tabs .nav-tabs > li > a {
		padding: 10px 16px;
		color: #ccc;
	}
	.m-tabs .nav-tabs > li > a:hover {
		background-color: #f6f6f6;
		color: #333;
	}
	.m-tabs .nav-tabs > li.active > a {
		color: #000;
	}
	.m-tabs .nav-tabs > li.active > a:hover {
		background-color: #fff;
	}
	.m-tabs .tab-content {
		font-size: 16px;
		color: #666;
	}
	
	@media only screen and (min-width: 768px) and (max-width: 1024px) {
		.m-tabs .nav-tabs > li {
			font-size: 16px;
		}
    .m-tabs .nav-tabs > li a {
      padding-left: 8px;
			padding-right: 8px;
    }
  }

	@media (max-width: 1024px) {
    .m-tabs .nav-tabs > li {
      float: none;
      border: 1px solid #ddd;
      width: 100%;
    }
    .m-tabs .nav-tabs > li.active > a {
      border: none !important;
    }
    .nav > li > a:hover,
    .nav > li > a:focus,
    .m-tabs .nav-tabs > li > a,
    .m-tabs .nav-tabs > li > a:hover,
    .m-tabs .nav-tabs > li.active > a,
    .m-tabs .nav-tabs > li.active > a:hover,
    .m-tabs .nav-tabs > li.active > a:focus
    {
      border: none !important;
    }
    .nav-tabs.nav-justified > li > a,
    .nav-justified > li > a {
	    margin-bottom: 0;
	    border: none !important;
    }
  }

	/* Portfolio */

	.row-portbox .portbox,
	.portbox-inactive {
		padding-right: 20px;
		text-align: center;
		max-height: 100%;
		cursor: pointer;
		float: left;
		position: relative;
		z-index: 0;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	.pb-img {
		position: relative;
		display: inline-block;
	}
	.portbox img:first-child {
		opacity: 0;
	}
	.pb-img img:nth-child(2) {
		opacity: 0;
		position: absolute;
		left: 0;
		top: 0;
	}
	#portfolio-canvas > div:first-child,
	.port-content > div:first-child {
		opacity: 0;
	}
	.row-portbox .portbox:hover {
		background-color: #a1a5a7;
	}
	.altn, .mdaemon {background-color: #de0c1b;}
	.altaro {background-color: #f06027;}
	.appriver {background-color: #00a0af;}
	.carbonite {background-color: #81aa46;}
	.cortex {background-color: #263472;}
	.datto {background-color: #005690;}
	.eset {background-color: #005a67;}
	.gdata {background-color: #e20613;}
	.labtech {background-color: #94c036;}
	.mailstore {background-color: #e65a1b;}
	.qbik {background-color: #0a72b8;}
	.solarwinds {background-color: #f89d34;}
	.solarwinds-msp {background-color: #868688;}
	.snoopwall {background-color: #188ec3;}
	.netshield {background-color: #1a63af;}
	.softinventive {background-color: #5aaf4b;}
	.portbox-inactive {
		cursor: default;
		padding-top: 100px;
		pointer-events: none;
	}
	.og-grid li > a img {
		margin: 0 auto;
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		opacity: 1;
	}
	.og-grid li > a {
		-webkit-transition: background-color 250ms;
		-o-transition: background-color 250ms;
		transition: background-color 250ms;
	}
	.og-grid li > a img:nth-child(2) {
		position:absolute;
		opacity: 0;
		-webkit-transition: opacity 250ms ease-in-out;
		-moz-transition: opacity 250ms ease-in-out;
		-o-transition: opacity 250ms ease-in-out;
		transition: opacity 250ms ease-in-out;
	}
	.og-grid li > a.hovered,
	.og-grid li > a.active {
		background-color: #A1A5A7;
	}
	.og-grid li > a.hovered img,
	.og-grid li > a.active img {
		opacity: 0;
	}
	.og-grid li > a.hovered img:nth-child(2),
	.og-grid li > a.active img:nth-child(2) {
		opacity: 1;
	}
	.growingDiv {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	.growingDiv>.arrow:after {
		content: "";
		border-width: 13px;
	}
	.growingDiv.bottom>.arrow:after,
	.growingDiv.top>.arrow:after {
		top: 2px;
		margin-left: -13px;
		content: " ";
		border-top-width: 0;
	}
	.growingDiv>.arrow, .growingDiv>.arrow:after {
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		border-color: transparent;
		border-style: solid;
	}
	.growingDiv>.arrow {
		border-width: 14px;
	}
	.growingDiv.top>.arrow {
		top: 94%;
		left: 50%;
		margin-left: -11px;
		border-top-width: 0;
		border-bottom-color: #999;
		border-bottom-color: rgba(191, 64, 64, 0);
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  -o-transition: all 0.2s ease-in-out;  -ms-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out;
	}
	.growingDiv.bottom>.arrow {
		top: 3%;
		left: 50%;
		margin-left: -11px;
		border-top-width: 0;
		border-bottom-color: #999;
		border-bottom-color: rgba(204, 204, 204, 0);
		-webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  -o-transition: all 0.2s ease-in-out;  -ms-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out;
	}
	.portbox-empty {
		background-color: #fff;
		width: 20%;
		height: 234px;
	}
	.portbox object {
		pointer-events: none;
		cursor: pointer;
	}

	/* Portfolio Pages */

	.pks-ga {
		margin-top: 60px;
		margin-bottom: 60px;
		padding-top: 60px;
		padding-bottom: 80px;
	}
	ul.pks-s2-ul {
		list-style: none;
		padding: 0;
	}
	ul.pks-s2-ul li {
		color: #666;
		font-family: "Anonymous Pro";
		font-size: 16px;
		line-height: 28px;
		padding-left: 20px;
	}
	ul.pks-s2-ul li:first-child {
		color: #000;
		padding-left: 0;
	}
	.pks-gh {
		display: inline-block;
		margin-left: 20px;
		position: relative;
		top: 3px;
	}
	.row-hidden {
		background-color: #f5f5f4;
		-moz-transition: all 0.05s ease-in-out;
		-o-transition: all 0.05s ease-in-out;
		-ms-transition: all 0.05s ease-in-out;
	}
	.port-content {
		height: 0;
		background-color: #f5f5f4;
		overflow: hidden;
	}

	/* Portfolio Content */

	.port-content h3,
	.portfolio-content h3 {
		font-family: "ProximaNova-Bold";
		font-size: 24px;
		line-height: 28px;
		color: #333;
		text-transform: uppercase;
		display: inline-block;
	}
	.port-content p.pc-head,
	.portfolio-content p.pc-head {
		font-size: 16px;
		line-height: 28px;
		margin-top: 15px;
		color: #666666;
	}
	.port-content .pc-serv p,
	.portfolio-content .pc-serv p {
		color: #666666;
		font-size: 14px;
		line-height: 26px;
	}
	.port-content .pc-serv p b,
	.portfolio-content .pc-serv p b {
		color: #333;
	}
	.port-content p {
		color: #666;
		font-size: 14px;
		line-height: 26px;
		margin-top: 40px;
	}
	.port-content p b,
	.port-content p b {
		color: #333;
	}
	.port-content .pc-serv img,
	.portfolio-content .pc-serv img {
		display: block;
		margin-top: 50px;
		margin-bottom: 15px;
	}

	/* Vendor link */

	.pc-link {
		float: right;
		position: relative;
		top: 17px;
	}
	.pc-link .icon {
		position: relative;
		top: 10px;
		color: #3399cc;
	}


/* ==========

	Panel Styles

========== */

	.panel-main .panel-default {
	  box-shadow: none;
	  border: none;
	}
	.panel-main .collapse.in {
		border-bottom: 1px solid #ebebeb;
	}
	.panel-main .panel-default>.panel-heading {
	  background-image: none;
	  background-color: #fff;
	  color: #333;
	  border-bottom: 1px solid #ebebeb;
	  padding: 16px 15px 16px 0;
	}
	.panel-main .panel-title > a {
		text-decoration: none;
		-webkit-transition: all 0.25s;
		-o-transition: all 0.25s;
		transition: all 0.25s;
	}
	.panel-main h4.panel-title {
		font-family: "ProximaNova-Bold";
    font-size: 24px;
    text-transform: uppercase;
	}
	.panel-main h4.panel-title img {
		display: inline-block;
		margin-right: 10px;
		margin-bottom: 5px;
		float: left;
	}
	.panel-main .panel-default>.panel-heading.no-bottom-border {
		border-bottom: none;
	}
	.panel-body {
		padding: 32px 0 0 0;
		color: #666;
	  font-size: 16px;
	  line-height: 28px;
	}
	.panel-body .container {
		width: 100%;
	}
	.panel-body p,
	.panel-body ul {
	  padding-bottom: 22px;
	}
	.panel-body p > b {
		text-transform: uppercase;
		color: #000;
	}
	.panel-body p > i,
	.panel-body ul > li > i {
		font-size: 14px;
		color: #999;
	}
	.panel-body h5 {
		font-weight: 700;
	  font-size: 16px;
	  line-height: 28px;
		color: #000;
	}
	.panel-group .panel-heading+.panel-collapse .panel-body {
    border: none;
	}
	.panel-main .panel-collapse ul li {
	  list-style-type: none;
	}
	.panel-main .panel-collapse ul li:before {
		display: inline-block;
		width: 0;
		height: 0;
		position: relative;
		top: 0;
		left: -5px;
		margin-left: -5px;
		content: "";
		font-size: 0;
		border-style: solid;
		border-width: 5px 0 5px 6px;
		border-color: transparent transparent transparent #3399cc;
	}
	.panel-body .job-kontakt {
	  padding-bottom: 0;
	  margin-bottom: 0;
	}


	/* Panel - within DESC content */
	.psp-desc .panel-main .panel-default,
	.psp-desc .panel-main .panel-default>.panel-heading,
	.psp-desc .panel-body {
		background-color: #f6f6f6;
	}
	.psp-desc .panel-heading h4 {
		margin-top: 0;
		margin-bottom: 0;
	}
	.psp-desc .panel-body {
		padding-bottom: 32px;
	}


	/* Tabs - within DESC content */
	.psp-desc ul.nav {
		margin: 0;
	}
	.psp-desc ul.nav > li {
		padding-left: 0;
		font-family: 'ProximaNova-Bold';
		font-size: 16px;
		line-height: 1.4;
		color: #333;
	}
	.psp-desc ul.nav > li.active a {
		color: #333;
		background-color: #ffffff;
	}
	.psp-desc ul.nav > li:before {
		border: none;
	}
	.psp-desc .tab-content {
		padding: 20px 0;
	}
	.psp-desc .tab-content p {
		margin-bottom: 20px;
	}

	@media (max-width:768px) {

		.nav-tabs.nav-justified li {
			display: block;
		}

		.nav-tabs.nav-justified li span {
			display: none;
		}

	  .psp-desc ul li {
			margin: 0;
			padding: 0;
		}
		.psp-desc ul.nav > li[role=presentation] {
			line-height: 0;
		}
	}


/* ==========

	Jobs

========== */

	/* Main Job page */

	.jobs a {
		display: block;
		padding: 16px 15px 16px 0;
	  font-family: "ProximaNova-Bold";
    font-size: 24px;
    line-height: 28px;
    color: #333;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all 0.25s;
		-o-transition: all 0.25s;
		transition: all 0.25s;
	}
	.jobs a:not(:last-child) {
	  border-bottom: 1px solid #ebebeb;
	}
	.jobs a:hover {
		color: #3399cc;
	}
	.jobs a img {
		float: left;
		margin-right: 10px;
		margin-bottom: 5px;
	}

	/* Individual job pages */

	.job-content {
		padding: 32px 0 0 0;
		color: #666;
	  font-size: 16px;
	  line-height: 28px;
	}
	.job-content h1 {
		font-family: "ProximaNova-Bold";
		text-transform: uppercase;
		margin-bottom: 0;
		color: #333;
	}
	.job-content h1 small {
		color: #999;
	}
	.job-content h2 {
		font-size: 24px;
		line-height: 1;
		text-decoration: none;
	}
	.job-content h2:hover a {
		text-decoration: none;
		color: #fff;
	}
	.job-content h5 {
		font-weight: 700;
	  font-size: 16px;
	  line-height: 28px;
		color: #000;
	}
	.job-content p,
	.job-content ul {
	  padding-bottom: 22px;
	}

	@media (max-width:768px) {
	  .job-content h2 {
			font-size: 18px;
		}
	}

	/* Job Contact */

	.job-content .container {
		width: 100%;
	}
	.job-content .job-kontakt span.pt-ptm {
		font-size: 16px;
		line-height: 28px;
	  color: #3399cc;
	}
	.job-kontakt {
		margin-top: 40px;
	}
	.job-kontakt img {
		margin: 10px auto;
	}
	.job-kontakt span.pt-ptm:hover {
		text-decoration: underline;
	}


/* ==========

	Partnerportal

========== */

	.well.login {
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		padding-top: 30px;
	  padding-bottom: 50px;
	}
	.well.login h5 {
		margin-top: 30px;
		font-size: 16px;
	  font-weight: 700;
	}
	.well.login p {
		font-size: 14px;
		line-height: 22px;
		margin: 0;
	}


/* ==========

	Case Study Pages (V2)

========== */

	.p-tabs.case-study .nav-tabs > li {
		font-size: 20px;
	}
	.p-tabs.case-study .nav-tabs > li > a {
		padding-left: 16px;
		padding-right: 16px;
	}

	.panel-cs p {
		font-size: 14px;
		line-height: 1.42857143;
		color: #666;
/* 		padding-bottom: 0; */
	}
	.panel-cs .panel-collapse img {
		margin-bottom: 16px;
		border: 1px solid #ebebeb;
		-webkit-transition: all 0.25s;
		-o-transition: all 0.25s;
		transition: all 0.25s;
	}


/* ==========

	Presse Pages

========== */

	/* Meldungen */

	.p-tabs h3 {
		font-family: "ProximaNova-Bold";
		text-transform: uppercase;
		color: #333;
		border-bottom: 1px solid #ebebeb;
		padding-bottom: 18px;
		margin: 60px 0 20px 0;
	}
	.p-tabs .nav-tabs > li {
		font-family: 'ProximaNova-Bold';
		font-size: 24px;
	}
	.p-tabs .nav-tabs > li > a {
		padding-left: 24px;
		padding-right: 24px;
		color: #ccc;
	}
	.p-tabs .nav-tabs > li > a:hover {
		background-color: #f6f6f6;
		color: #333;
	}
	.p-tabs .nav-tabs > li.active > a {
		color: #000;
	}
	.p-tabs .nav-tabs > li.active > a:hover {
		background-color: #fff;
	}
	.p-tabs .tab-content {
		font-size: 16px;
		line-height: 28px;
		color: #666;
	}
	.p-tabs .tab-content b {
		color: #333;
	}

	@media only screen and (min-width: 768px) and (max-width: 1024px) {
		.p-tabs .nav-tabs > li {
			font-size: 16px;
		}
    .p-tabs .nav-tabs > li a {
      padding-left: 8px;
			padding-right: 8px;
    }
  }

	@media (max-width: 1024px) {
    .p-tabs .nav-tabs > li {
      float: none;
      border: 1px solid #ddd;
      width: 100%;
    }
    .p-tabs .nav-tabs > li.active > a {
      border: none !important;
    }
    .nav > li > a:hover,
    .nav > li > a:focus,
    .p-tabs .nav-tabs > li > a:hover,
    .p-tabs .nav-tabs > li.active > a,
    .p-tabs .nav-tabs > li.active > a:hover,
    .p-tabs .nav-tabs > li.active > a:focus
    {
      border: none !important;
    }
    .nav-tabs.nav-justified > li > a,
    .nav-justified > li > a {
	    margin-bottom: 0;
	    border: none !important;
    }
  }

	/* table */

	.p-tabs table {
		margin-top: 40px;
		border-top: 1px solid #ebebeb;
	}
	.p-tabs table tr {
		border-bottom: 1px solid #ebebeb;
	}
	.p-tabs table tr td {
		border-top: none;
		padding: 15px 10px;
		vertical-align: middle;
	}
	.p-tabs table > tbody > tr:hover > td,
	.p-tabs table > tbody > tr:hover > th {
		/*background-color: #f0fbff;*/
		background-color: #ffffeb;
	}
	.p-tabs table > tbody > tr:hover > td .btn-pdf,
	.p-tabs table > tbody > tr:hover > td .btn-img {
		background-color: #fff;
		border-color: #999;
		color: #999;
	}

	/* Altaro features table */
	.article table.table-altaro {
		border-bottom: 1px solid #ddd;
	}
	.article table.table-altaro tr td,
	.article table.table-altaro tr th {
		vertical-align: middle;
		line-height: 1.4;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.article table.table-altaro tr th {
		background-color: #f06027 !important;
		color: #f8a038;
		font-size: 12px;
	}

	.article table.table-altaro tr th span {
		font-size: 16px;
		line-height: 1.2;
		color: #ffffff;
	}

	.article table.table-altaro tr td span {
		font-size: 14px;
		color: #999999;
	}

	.article table.table-altaro tr td:first-child {
		text-align: left;
	}

	/* buttons */

	.actions {
		width: 100px;
		float: right;
	}
	.actions a svg {
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	/* Firefox fix */
	@-moz-document url-prefix() {
		.actions a svg {
		/*
			overflow: visible;
			top: 31px;
		*/
		}
	}
	.btn-pdf,
	.btn-img {
		float: left;
		width: 50px;
		height: 40px;
		background-size: 40px auto;
		border: 1px solid #ebebeb;
		text-align: center;
		color: #ccc;
		-webkit-transition: all 0.25s;
		-o-transition: all 0.25s;
		transition: all 0.25s;
	}
	.btn-pdf {
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
		border-right: none;
	}
	.single {
		border-right: 1px solid #ebebeb;
	}
	.btn-img {
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		border-left: none;
	}
	.btn-pdf svg,
	.btn-img svg {
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.btn-pdf:hover,
	.btn-img:hover {
		color: #fff !important;
		background: #3399cc !important;
		border-color: #3399cc !important;
	}

	/* EL mag listing */
	.el-mag-thumb img {
		border: 1px solid #ebebeb;
		-webkit-transition: all 0.25s;
		-o-transition: all 0.25s;
		transition: all 0.25s;
		max-width: 120px;
	}
	.el-mag-thumb a:hover img {
		border-color: #3399cc;
	}

	.actions-mag {
		width: auto;
		margin-right: 32px;
	}
	.btn-pdf-mag {
		border: 1px solid #ebebeb;
		border-radius: 4px;
	}

	/* Common "Gallery" Pages */

	.stitle img {
		margin-right: 10px;
		vertical-align: top;
	}
	.stitle h5 {
	  color: #333;
	  font-family: "ProximaNova-Bold";
	  font-size: 24px;
	  display: inline-block;
	  text-transform: uppercase;
	  margin-bottom: 30px;
	}
	.t-box {
    padding-bottom: 40px;
	}
	.t-box img {
    margin-bottom: 20px;
    border: 1px solid #ebebeb;
    -webkit-transition: all 0.25s;
		-o-transition: all 0.25s;
		transition: all 0.25s;
	}
	.t-box a:hover img {
    border-color: #3399cc;
	}
	.t-box p {
		font-size: 14px;
		line-height: 1.42857143;
    color: #666;
    padding-bottom: 0;
	}
	.t-box b {
    font-weight: 700;
    color: #333;
    text-transform: none !important;
	}


/* ==========

	Contact Pages

========== */

	ul.flags {
		list-style-type: none;
		padding: 0 0 20px 0;
		margin: 0;
	}
	ul.flags li {
		background-repeat: no-repeat;
		background-position: 0 8px;
		padding-left: 32px;
		list-style-position: outside;
		display: table;
	}
	ul.flags li::before {
		display: none;
	}

	ul.flags li.de {background-image: url(/img/flags/flag-de.png);}
	ul.flags li.at {background-image: url(/img/flags/flag-at.png);}
	ul.flags li.ch {background-image: url(/img/flags/flag-ch.png);}

	#googlemap {
		margin: 0;
		padding: 0;
	}


/* ==========

	Social Media

========== */

	.soc .icon {
		fill: #999;
		width: 48px;
		height: 48px;
		margin-bottom: 20px;
	}
	.soc.nav-pills > li > a {
		background: #f6f6f6;
		border-radius: 0;
		padding: 30px 0 30px 0;
		color: #666;
		font-size: 16px;
		-webkit-transition: all 0.25s;
		-o-transition: all 0.25s;
		transition: all 0.25s;
	}
	.soc a:hover {
		color: #fff !important;
	}
	.soc a:hover > .icon {
		fill: #fff;
	}
	.soc .yt a:hover {background-color: #cd201f;}
	.soc .fb a:hover {background-color: #3664a2;}
	.soc .tw a:hover {background-color: #55acee;}
	.soc .xn a:hover {background-color: #0b6464;}
	.soc .wp a:hover {background-color: #21759b;}
	.soc .rss a:hover {background-color: #ff9933;}
	.soc .ig a:hover {background-color: #d73575;}


/* ==========

	Form Styles

========== */

	form label {
		color: #666;
		font-weight: normal;
		line-height: 1.4;
	}
	form input,
	form textarea {
		color: #000 !important;
	}
	form select {
		color: #000;
	}
	.form-control {
		height: 40px;
	}
	.form-horizontal .control-label {
		padding-top: 10px;
	}

	.form-control::-webkit-input-placeholder { /* WebKit */
  	color: #ccc;
  }
	.form-control::-moz-placeholder { /* FF 19+ */
    color: #ccc;
    opacity: 1;
	}
	:-ms-input-placeholder { /* IE 10+ */
    color: #ccc;
	}

	form h3 {
		margin: 60px 0 40px 0;
		padding-bottom: 18px;
		font-family: "ProximaNova-Bold";
		text-transform: uppercase;
		border-bottom: 1px solid #ebebeb;
	}
	form p {
		color: #666;
	}
	.infotipp {
		margin-bottom: 20px;
		padding: 20px 20px 10px 20px;
		background: #ffffe5;
		border: solid 1px #ebebeb;
		color: 666;
	}
	.infotipp p b {
		color: #333;
	}

	/* Bootstrap Validator */

	.form-control-feedback {
		top: 2px !important;
	}

	.form-basic .form-control-feedback {
		top: 25px !important;
		line-height: 40px;
	}

	#CFForm_1 .form-select .form-control-feedback {
    right: -15px;
	}


/* ==========

	Index modal

========== */

	.modal.index .modal-content {
		background-color: #3779bb;
		color: #fff;
	}
	.modal.index h4.modal-title {
		font-family: "ProximaNova-Bold";
		text-transform: uppercase;
		color: #fff;
		line-height: 1;
		padding: 15 0;
		font-size: 24px;
	}
	.modal.index .modal-header {
		border-bottom-color: #2F6294;
	}
	.modal.index .modal-header .close {
		margin-top: -5px;
	}
	.modal.index .modal-body {
		/* padding-bottom: 20px; */
	}
	.modal.index .modal-footer {
		padding: 30px;
		border-top-color: #2F6294;
	}
	.modal.index .modal-body h3 {
		font-family: "ProximaNova-Bold";
		color: #fff;
		margin-top: 0;
		margin-bottom: 10px;
		font-size: 32px;
	}
	.modal.index .modal-body p {
		font-size: 16px;
		padding-bottom: 20px;
	}
	.modal .btn-default:hover {
		color: #000 !important;
	}
	@media only screen and (max-width: 414px) {
		.modal.index .modal-header,
		.modal.index .modal-footer {
			padding: 15px 20px;
		}
		.modal.index .modal-body {
			padding: 20px;
		}
		.modal.index .modal-body h3 {
			font-size: 32px;
		}
	}


/* ==========

	Bootstrap Overrides

========== */

	/* Modal */

	.modal-header,
	.modal-footer {
		padding: 20px 30px;
	}
	.modal-header .close {
		font-size: 32px;
		margin-top: 2px;
	}
	.modal-body {
		padding: 30px 30px 40px 30px;
	}
	.modal-body h3.modal-title {
		font-family: "ProximaNova-Bold";
		color: #a1a5a7;
		margin-top: 0;
		margin-bottom: 0;
		font-size: 24px;
	}
	.modal-body p {
		line-height: 26px;
	}
	.modal-body form {
		margin-top: 30px;
	}

	/* Bootstrap list */

	ul li.list-group-item:before {
		border: none;
	}
	.text-m .list-group-item .glyphicon {
		position: relative;
		top: 2px;
		margin-right: 8px;
		color: #ccc;
	}
	.text-m .list-group-item:hover,
	.text-m .list-group-item:hover .glyphicon {
		color: #3399cc;
	}

	/* Logo wall */

	.logo-wall {
		border-top: 1px solid #ebebeb;
		border-bottom: 1px solid #ebebeb;
	}
	.logo-wall [class*=' col-'] {
		margin: 40px auto;
	}
	.logo-wall .text-s {
		line-height: 1.2;
	}


/* ==========

	Five columns

========== */

	.col-xs-15,
	.col-sm-15,
	.col-md-15,
	.col-lg-15 {
		position: relative;
		min-height: 1px;
		padding-right: 10px;
		padding-left: 10px;
	}

	.col-xs-15 {
	  width: 20%;
	  float: left;
	}
	@media (min-width: 768px) {
	.col-sm-15 {
	    width: 20%;
	    float: left;
	  }
	}
	@media (min-width: 992px) {
	  .col-md-15 {
	    width: 20%;
	    float: left;
	  }
	}
	@media (min-width: 1200px) {
	  .col-lg-15 {
	    width: 20%;
	    float: left;
	  }
	}


/* ==========

	Seven columns

========== */

	@media (min-width: 992px) {
	  .seven-cols .col-lg-1 {
	    width: 14.285714285714285714285714285714%;
	    *width: 14.285714285714285714285714285714%;
	  }
	}


/* ==========

	Magnific Popup Overrides

========== */

	.mfp-image-holder .mfp-close,
	.mfp-iframe-holder .mfp-close {
	  color: #000 !important;
	}


/* ==========

	Helpers - Common classes used across the website. Do not modify.

========== */

	.center				{text-align: center;}
	.center-block	{margin: auto auto;}
	.mt0 			{margin-top: 0px !important;}
	.mt10 		{margin-top: 10px;}
	.mt15 		{margin-top: 15px;}
	.mt20 		{margin-top: 20px !important;}
  .mt20ev   {margin-bottom: 40px !important;}
	.mt28 		{margin-top: 28px;}
	.mt30 		{margin-top: 30px;}
	.mt40 		{margin-top: 40px;}
	.mt60 		{margin-top: 60px;}
	.mt70 		{margin-top: 70px;}
	.mt80 		{margin-top: 80px;}
	.mt100 		{margin-top: 100px;}
	.mt120 		{margin-top: 120px;}
	.mt150 		{margin-top: 150px;}
	.mt200 		{margin-top: 200px;}
	.mb0 			{margin-bottom: 0;}
	.mb10 		{margin-bottom: 10px !important;}
	.mb20 		{margin-bottom: 20px !important;}
	.mb28 		{margin-bottom: 28px !important;}
	.mb30 		{margin-bottom: 30px !important;}
	.mb40 		{margin-bottom: 40px !important;}
	.mb45 		{margin-bottom: 45px !important;}
	.mb60 		{margin-bottom: 60px !important;}
	.mb80			{margin-bottom: 80px !important;}
	.mb100 		{margin-bottom: 100px !important;}
	.mb120 		{margin-bottom: 120px !important;}
	.w20			{width: 20%;}
	.w25 			{width: 25%;}
	.w50 			{width: 50%;}
	.pt0 			{padding-top: 0 !important;}
	.pt40 		{padding-top: 40px;}
	.pt60 		{padding-top: 60px;}
	.pt80 		{padding-top: 80px;}
	.pt100 		{padding-top: 100px;}
	.pt200 		{padding-top: 200px;}
	.pb0 			{padding-bottom: 0 !important;}
	.pb10 		{padding-bottom: 10px !important;}
	.pb20 		{padding-bottom: 20px !important;}
	.pb60 		{padding-bottom: 60px;}
	.pb80 		{padding-bottom: 80px;}
	.pb100 		{padding-bottom: 100px !important;}
	.pb150 		{padding-bottom: 150px;}
	.pb350 		{padding-bottom: 350px;} /* Fix for top anchor margin of 350 */
	.sp20			{padding-left: 20px; padding-right: 20px;}
	.sp30			{padding-left: 30px; padding-right: 30px;}
	.nopad 		{padding-left: 0; padding-right: 0;}

	.vcenter	{display: inline-block; vertical-align: middle; float: none;}
	.valign		{display: flex; align-items: center;}
	.tycenter	{position: relative; top: 50%; transform: translateY(-50%);}
	.flip-x 	{-moz-transform: scaleY(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";}
	.flip-y 	{-moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: flipv; -ms-filter: "FlipV";}

	.well-align {display: flex; flex-direction: row; align-items: center;}
	@media (max-width: 640px) {
	  .well-align {
		  text-align: center;
	    flex-direction: column;
	    align-content: stretch;
	  }
	  .pw-img1 {
		  padding-top: 30px;
	  }
	}

	.fixed::before {
	  display: block;
	  content: " ";
	  margin-top: -350px;
	  height: 350px;
	  visibility: hidden;
	  pointer-events: none;
	}


/* ==========

	Flexbox vertical alignment

========== */

.row-xs-flex-center {
  display:flex;
  flex-direction: row;
  align-items:center;
}
@media (max-width: 414px) {
  .row-xs-flex-center {
	  display:table;
    flex-direction: column;
  }
}
@media (min-width:768px) {
  .row-sm-flex-center {
    display:flex;
    align-items:center;
  }
}
@media (min-width: 992px) {
  .row-md-flex-center {
    display:flex;
    align-items:center;
  }
}
@media (min-width: 1200px) {
  .row-lg-flex-center {
    display:flex;
    align-items:center;
  }
}


/* ==========

	Partner specific

========== */

	.datto-pt-img {
		position: absolute;
		top: -120px;
		left: 0;
	}
	.mailstore-pt-img {
		position: absolute;
		top: -220px;
		left: 0;
	}
	img.awards {
		display: block;
		margin: 0 auto;
		max-height: 120px;
		width: auto;
	}


	/* Tables, table info */

	.table-info.table-hover > tbody > tr > td {
		vertical-align: middle;
	}
	.table-info.table-hover > tbody > tr > td:last-of-type {
		text-align: right;
	}
	.table-info .btn {
		min-width: 150px;
	}

	/* Tables, table events */

	.table-events.table>tbody>tr>td {
		padding: 20px 0 30px 0;
		border-bottom: 1px solid #ddd;
	}
	.table-events .label-default {
		background-color: #999;
	}
	.table-events p {
		line-height: 28px;
	}
	.table-events p.event-date {
		padding-bottom: 0;
		font-size: 14px;
	}
	.table-events p.event-details {
		padding-bottom: 10px;
	}
	.table-events .btn {
		min-width: 150px;
	}

	/* table hover	 */
	.table-hover > tbody > tr:hover > td {
		color: #3399cc;
		background-color: #e6f5ff;
	}

	/* Well */

	.well.cta p {
		margin-bottom: 0 !important;
		padding-bottom: 0;
		color: #333;
	}

	/* CTAs */

	.fw.cta {
		border-bottom: 1px solid #f0f0f0;
	}
	.fw.cta.bt {
		border-top: 1px solid #f0f0f0;
	}
	.fw.cta.bt h3 {
		color: #333;
	}
	.fw.cta h3 {
		font-family: "ProximaNova-Bold";
		font-size: 24px;
		line-height: 1.2;
		color: #666;
	}
	.cta h3 {
		font-family: "ProximaNova-Bold";
		font-size: 24px;
		line-height: 1.2;
		color: #fff;
	}
	.cta h3.subheading {
		font-size: 18px;
		opacity: .7;
	}
	.cta p,
	.cta ul li {
		font-size: 16px;
		line-height: 1.4;
		color: #fff;
	}
	.cta ul {
		margin: 20px 0;
		padding-left: 10px;
	}
	.cta ul li {
		list-style-type: none;
	}
	.cta li:before {
		display: inline-block;
		width: 0;
		height: 0;
		position: relative;
		top: 0;
		left: -5px;
		margin-left: -5px;
		content: "";
		font-size: 0;
		border-style: solid;
		border-width: 5px 0 5px 6px;
		border-color: transparent transparent transparent #ffffff;
	}

	/* CTA lead */

	.cta-lead p {
		font-size: 18px;
		line-height: 1.4;
	}

	/* CTA white */

	.cta-white p,
	.cta-white li {
		font-size: 18px;
		line-height: 1.8;
		color: #333;
	}

	/* CTA gray */

	.cta-gray-s {
		background-color: #f6f6f6;
	}

	.cta-gray-s p,
	.cta-gray-s .media-list {
		font-size: 16px;
		line-height: 1.8;
		color: #333;
		margin-bottom: 20px;
	}

	.media-list {
		margin-bottom: 20px;
	}

	.media-list img {
		padding-top: 5px;
		margin-bottom: 20px;
	}

	.media-list .media-body {
		overflow: visible;
	}

	.media-list .media>.pull-left {
		margin-right: 15px;
	}

	/* CTA small */

	.cta-sm h3 {
		font-size: 18px;
		/* line-height: 1.8; */
	}

	/* MailStore / SolarWinds / ESET / SnoopWall / G-Data */

	.fw-orange.cta h4,
	.fw-orange-sw.cta h4,
	.fw-altaro.cta h4,
	.fw-eset h4,
	.fw-snoopwall,
	.fw-netshield,
	.fw-gdata.cta h4,
	.fw-carbonite.cta h4 {
		font-family: "ProximaNova-Bold";
		font-size: 24px;
		text-transform: uppercase;
		color: #fff;
		padding: 20px 0 15px 0;
	}

	.fw-orange.cta h4 a,
	.fw-orange-sw.cta h4 a,
	.fw-eset.cta h4 {
		color: #fff;
	}
	.fw-gdata.cta a,
	.fw-altaro.cta a {
		color: #fff;
		text-decoration: underline;
	}
	.fw-gdata.cta a:hover,
	.fw-altaro.cta a:hover {
		text-decoration: none;
	}
	a:hover .fw-orange-sw {
		background-color: #e58920;
	}

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

	.funktionen-title {
		padding: 0;
	}

	@media (max-width: 768px) {
		.applications .application:nth-child(2n+1) {
			clear:left;
		}
	}

	/* Videos */

	.video-feat {
		margin-bottom: 40px;
	}

	.video-feat h3 {
		margin: 0 auto 20px;
		font-family: "ProximaNova-Bold";
		font-size: 24px;
		color: #333;
	}

	.video-feat h3 span {
		font-family: "ProximaNova-Regular";
		font-size: 18px;
		color: #666;
	}

	.video-feat .youtube-play-button {
		top: 60%;
	}

	.video-content .youtube-play-button {
		top: 65%;
	}

	@media only screen and (max-width: 480px) {
		.video-content .youtube-play-button {
			top: 80%;
		}
	}


	/* Carousel */

	.carousel-thumb {
		margin-bottom: 40px;
	}

	.carousel-thumb h3 {
		height: 55px;
		margin: 0 auto 20px;
		font-family: 'Anonymous Pro';
		font-size: 16px;
		line-height: 1.4;
		color: #666;
		text-align: center;
	}

	.carousel-thumb .youtube-play-button {
		top: 63%;
	}

	.carousel-controls {
		position: relative;
		top: 185px;
		width: 100%;
		z-index: 999;
	}

	.carousel-controls .btn-prev,
	.carousel-controls .btn-next {
		position: relative;
		display: block;
		width: 40px;
		height: 40px;
	}

	.carousel-controls .btn-prev {
		float: left;
		left: -50px;
	}

	.carousel-controls .btn-next {
		float: right;
		right: -50px;
	}

	.carousel-controls a.btn {

	}

	/* Carousel media queries */

	@media only screen and (max-width: 1200px) {
		.carousel-thumb h3 {
			height: 60px;
		}

		.carousel-controls {
			top: 180px;
		}

		.carousel-thumb .youtube-play-button {
			top: 65%;
		}
	}

	@media only screen and (max-width: 992px) {
		.carousel {
			margin-bottom: 0;
		}
		.carousel-thumb {
			margin-bottom: 0;
		}

		.carousel-controls {
			width: 80px;
			margin: 20px auto 80px auto;
			top: 0;
		}

		.carousel-controls .btn-prev {
			float: left;
			left: 0;
		}

		.carousel-controls .btn-next {
			float: right;
			right: 0;
		}
	}

	@media only screen and (max-width: 720px) {
		.carousel-thumb .youtube-play-button {
			top: 65%;
		}
	}

	@media only screen and (max-width: 580px) {
		.carousel-thumb .youtube-play-button {
			top: 70%;
		}
	}


	/* Icon tabs content */

	.article {
		margin-bottom: 40px;
	}
	.article h4 {
		font-family: 'Anonymous Pro';
		font-weight: bold;
		margin-bottom: 5px;
		color: #333;
	}
	.article p {
		margin-bottom: 20px;
	}
	.article .article-media {
		max-height: 120px;
		margin-right: 40px;
		float: left;
	}
	.article table tr td {
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 1.8;
	}

	.article .table-striped>tbody>tr:nth-child(odd)>td,
	.article .table-striped>tbody>tr:nth-child(odd)>th {
		background-color: #ffffff;
	}
	@media only screen and (max-width: 480px) {
		.article .article-media {
			float: none;
			max-height: 160px;
			margin: 0 auto 40px auto;
		}
	}

/* ==========

	Secondary nav

========== */

	.nav-secondary.nav-justified li {
		border-right: 1px solid #ccc;
	}
	.nav-secondary.nav-justified li:last-of-type {
		border-right: none;
	}
	.nav-secondary.nav-justified li a {
		font-family: "ProximaNova-Bold";
		font-size: 14px;
		text-transform: uppercase;
		background-color: #f6f6f6;
		color: #333;
		border-radius: 0;
	}

	.nav-secondary.nav-justified li.active > a,
	.nav-secondary.nav-justified li.active>a:hover,
	.nav-secondary.nav-justified li.active>a:focus {
		background-color: #418bc9;
		color: #fff;
	}


/* ==========

	Hersteller

========== */

	.hero-hersteller {
		height: 250px;
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: scroll;
		position: relative;
		overflow: hidden;
	}
	.hero-hersteller .container {
	 	position: relative;
	}
	.hero-hersteller .container img:nth-child(1){
		position: absolute;
		left: 10%;
	}
	.hero-hersteller .container img:nth-child(2){
		position: absolute;
		right: 10%;
	}


/* ==========

	Customer satisfaction

========== */

	.cs {
		box-sizing: border-box;
		margin-top: 20px;
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,1);
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,1);
		box-shadow: inset 0 1px 0 rgba(255,255,255,1);
		color: #666;
		background-color: #f6f6f6;
		border: 1px solid #cccccc;
		font-size: 16px;
		line-height: 1.6;
		padding: 20px;
	}
	.cs .cs-head {
		font-family: "ProximaNova-Bold";
		text-transform: uppercase;
		color: #a1a5a7;
	}
	.cs .cs-head .img-holder {
		float: left;
		margin: 0 10px 5px 0;
	}
	.cs .cs-body {
		border-top: 1px solid #cccccc;
		margin-bottom: 20px;
	}
	.cs h3 {
		font-family: "ProximaNova-Bold";
		text-transform: uppercase;
		color: #a1a5a7;
		margin-bottom: 0;
	}
	.cs .btn-primary {
		padding: 10px 30px !important;
	}
	.cs .btn-gray {
		padding: 8px 20px !important;
		border-radius: 5px;
	}
	.cs .btn-gray:focus,
	.cs .btn-gray.focus {
		color: #fff;
	}

	@media only screen and (max-width: 991px) {
		.cs {
			margin-left: 15px;
			margin-right: 15px;
		}
		.cs-head {
			margin-bottom: 32px;
		}
		.cs .cs-head p {
			padding-top: 12px;
		}
		.cs .cs-head .img-holder {
			margin: 0 10px 5px 0;
		}
	}

	@media only screen and (max-width: 320px) {
		.cs-head {
			margin-bottom: 20px;
		}
		.cs .cs-head p {
			padding-top: 0;
		}
	}

	/* Modal */
	.modal.akademie .modal-header img {
		float: left;
		margin-right: 10px;
		width: 64px;
		height: 64px;
	}
	.modal.akademie h4.modal-title {
		font-family: "ProximaNova-Bold";
		text-transform: uppercase;
		color: #a1a5a7;
		line-height: 1;
		padding: 21px 0;
		font-size: 24px;
	}
	.modal.akademie .modal-header .close {
		margin-top: 16px;
	}
	.modal.akademie .modal-body h3 {
		font-family: "ProximaNova-Bold";
		color: #33cc66;
		margin-top: 0;
		margin-bottom: 0;
		font-size: 36px;
	}
	.modal.akademie .modal-body p {
		font-size: 16px;
		margin-bottom: 24px;
	}
	@media only screen and (max-width: 414px) {
		.modal.akademie .modal-header img {
			float: none;
			display: block;
			width: 100;
		}
		.modal.akademie .modal-header .close {
			margin-top: 12px;
		}
	}


/* ==========

	Akademie tip

========== */

	.akademie-tip {
		border: 1px solid #ccc;
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,1);
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,1);
		box-shadow: inset 0 1px 0 rgba(255,255,255,1);
		font-size: 16px;
		line-height: 1.6;
		color: #3399cc;
		padding: 10px;
		margin: 60px 0 0 0;
	}
	.akademie-tip h3 {
		font-family: "ProximaNova-Bold";
		text-transform: uppercase;
	}
	.akademie-tip a {
		text-decoration: underline;
	}
	.akademie-tip a:hover {
		text-decoration: none;
	}
	.akademie-tip .btn {
		text-decoration: none;
		margin-bottom: 20px;
	}
	@media only screen and (max-width: 991px) {
		.akademie-tip {
			margin-top: 40px;
		}
	}


/* ==========

	Alerts

========== */

	.alert h3 {
		font-family: "ProximaNova-Bold";
		font-size: 24px;
		line-height: inherit;
		margin: 0;
		color: #3399cc;
	}
	.alert a {
		text-decoration: underline;
		cursor: pointer;
	}
	.alert a:hover {
		text-decoration: none;
	}
	.alert-highlight {
		padding: 24px;
		color: #666;
		background-color: #ffffff;
		border-color: #cccccc;
		font-size: 16px;
		line-height: 28px;
	}
	.alert-highlight a {
		text-decoration: none;
	}
	.alert-highlight a:hover {
		text-decoration: underline;
	}


/* ==========

	Slide

========== */

	.scroll-effect-init .img-slide {
		transition: transform 1s;
		transform: translateX(150px);
	}
	.scroll-effect-animate .img-slide {
		transform: translateX(0px);
		opacity: 1;
	}


/* ==========

	Responsive Styles

========== */

	/* -----  Mobile First Method  ----- */

	/* Custom, iPhone Retina */
	@media only screen and (max-width: 480px) {
		.map-row {
			margin-top: 0 !important;
		}
		.map-row-profil {
			margin-top: 30px;
		}
		.map-row-profil div#map-canvas {
			top: 0 !important;
			margin-bottom: 20px;
		}
		div#map-canvas {
			top: 20px !important;
		}
		div#map-canvas img:first-child {
			opacity: 1 !important;
		}
		div#map-canvas img:nth-child(2) {
			top: 165px;
			left: 119px;
		}
		div#map-canvas img:nth-child(2).end {
			top: 211px;
			left: 146px;
		}
		div#map-canvas img:nth-child(3) {
			top: 104px;
			left: 109px;
		}
		div#map-canvas img:nth-child(3).end {
			top: 200px;
			left: 137px;
		}
		.portbox {
			width: 100%;
			height: 187px;
		}
		.logo {
			margin-top: 0;
			position: fixed;
			top: 20px;
			left: 20px;
			z-index: 109;
		}
		.logo a {
			background-image: url("/img/svg/logo-ebertlang-phone.svg");
			display: inline-block;
			width: 26px;
			height: 25px;
			background-repeat: no-repeat;
		}
		.hamburger {
			position: fixed;
			right: 20px;
			top: 20px;
			z-index: 113;
		}

		/* Page titles */

		.top-phc {
			float: left;
			margin: 0 0 20px 0;
		}
		.top-ph {
			font-size: 36px;
			/*color: #333;*/
			letter-spacing: 0;
			margin: 0;
		}
		.top-ph span {
			display: none;
		}
		.psp-head h3 {
			margin-bottom: 0;
		}
		.psp-desc.ico90 {
			text-align: left;
		}

		/* Accordion panels */

		.panel-body {
			padding-bottom: 32px;
		}
		.panel-body ul {
			padding: 0 15px;
			margin-bottom: 0;
		}
		.pt-tbox {
			background-color: transparent;
		}
		.pt-tbox .col-sm-12  {
			margin-left: 15px;
			margin-right: 15px;
		}
		.pt-tbox a .col-sm-12:first-child  {
			background-color: #f2f2f2;
		}
		.pt-pin {
			line-height: 24px;
			margin-top: 15px;
			margin-bottom: 30px;
		}
		.pt-pin span {
			line-height: 24px;
		}

		/* ==========

		Mobile Nav Styles

	  ========== */

		*,
		*:after,
		*::before {
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

		html,
		.st-container,
		.st-pusher,
		.st-content {
		}
		.st-content {
			overflow-y: scroll;
		}
		.st-content,
		.st-content-inner {
			position: relative;
		}
		.st-container {
			position: relative;
			overflow: hidden;
		}
		.st-pusher {
			position: relative;
			left: 0;
			z-index: 99;
			height: 100%;
			-webkit-transition: -webkit-transform 0.5s;
			transition: transform 0.5s;
		}
		.st-pusher::after {
			position: absolute;
			top: 0;
			right: 0;
			width: 0;
			height: 0;
			background: rgba(0,0,0,0.2);
			content: '';
			opacity: 0;
			-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
			transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
		}
		.st-menu-open .st-pusher::after {
			width: 100%;
			height: 100%;
			opacity: 1;
			-webkit-transition: opacity 0.5s;
			transition: opacity 0.5s;
		}
		.st-menu {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 100;
			visibility: hidden;
			width: 300px;
			height: 100%;
			background: #FFFFFF;
			-webkit-transition: all 0.5s;
			transition: all 0.5s;
		}
		.st-menu::after {
			position: absolute;
			top: 0;
			right: 0;
			width: 100%;
			height: 100%;
			background: rgba(0,0,0,0.2);
			content: '';
			opacity: 1;
			-webkit-transition: opacity 0.5s;
			transition: opacity 0.5s;
		}
		.st-menu-open .st-menu::after {
			width: 0;
			height: 0;
			opacity: 0;
			-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
			transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
		}
		/* content style */
		.st-menu ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		.st-menu h2 {
			margin: 0;
			padding: 1em;
			color: rgba(0,0,0,0.4);
			text-shadow: 0 0 1px rgba(0,0,0,0.1);
			font-weight: 300;
			font-size: 2em;
		}
		.st-menu ul li a {
			display: block;
			padding: 1em 1em 1em 1.2em;
			outline: none;
			color: #f3efe0;
			text-transform: uppercase;
			text-shadow: 0 0 1px rgba(255,255,255,0.1);
			letter-spacing: 1px;
			font-weight: 400;
			-webkit-transition: background 0.3s, box-shadow 0.3s;
			transition: background 0.3s, box-shadow 0.3s;
			padding: 0;
			line-height: 32px;
		}
		.st-menu ul li a:hover {
			background: rgba(0,0,0,0.2);
			color: #fff;
		}
		/* Effect 4: Slide along */
		.st-effect-4.st-menu-open .st-pusher {
			-webkit-transform: translate3d(300px, 0, 0);
			transform: translate3d(100%, 0, 0);
		}
		.st-effect-4.st-menu {
			z-index: 1;
			-webkit-transform: translate3d(-100%, 0, 0);
			transform: translate3d(-100%, 0, 0);
		}
		.st-effect-4.st-menu-open .st-effect-4.st-menu {
			visibility: visible;
			-webkit-transition: -webkit-transform 0.5s;
			transition: transform 0.5s;
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
		.st-effect-4.st-menu::after {
			display: none;
		}
		/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
		.no-csstransforms3d .st-pusher,
		.no-js .st-pusher {
			padding-left: 300px;
		}
		.pl-s4-icons img {
			margin-right: 0;
			margin-bottom: 20px;
		}
		.psp-ga {
			margin: 100px 0 80px 0;
			padding: 80px 0 100px 0;
		}
		.og-grid {
			text-align: center !important;
		}
		.og-grid li {
			width: 100%;
		}
		.og-grid li > a {
			height: 234px;
		}
		.hero-profil-landing.hero-team {
			height: 220px;
			background-position-x: 50% !important;
		}
		.pt-title {
			bottom: -219px;
			font-size: 40px;
			right: 15px;
		}
		.tm-info {
			margin-top: 50px;
		}
		.ptm-desc h3 {
			margin-bottom: 30px;
		}
		.btn-ptm-soc .icon {
			margin: 0;
		}
		.hero-profil-landing {
			height: 335px;
		}
		.hero-profil-landing .container img:nth-child(2) {
			right: -25px;
			width: 215px;
			height: auto;
			top: 95px;
		}
		.hero-profil-landing .container img:nth-child(1) {
			left: -5px;
			width: 215px;
			height: auto;
			top: 95px;
			z-index: 1;
		}
		.top-ph.profil-title {
			bottom: -335px;
			font-size: 60px;
			color: #fff;
			z-index: 2;
			right: 10px;
		}
		.hero-profil-landing p {
			bottom: -320px;
			z-index: 2;
			width: 125px;
		}
		.row.profil-ig.well .pw-img1 {
			margin-top: 5px;
		}
		.row.profil-ig.well .pw-img2 {
			margin-top: 25px;
		}
		.row.profil-ig.well img {
			max-width: 100%;
			height: auto;
		}
		.row.profil-ig.well h1 {
			font-size: 48px;
		}
		.profil-ig.well p {
			padding: 0 3px;
		}
		.btn-pwerden {
			margin-bottom: 40px;
		}
		.btn-blue.reg {
			width: 130px;
			margin-top: 20px;
		}
		.row.promo img {
			margin-bottom: 20px;
		}
		.row.promo.mt60 a img {
			margin-bottom: 20px;
		}
		div#accordion .panel-body {
		    padding: 20px 0px;
		}
		.og-expander-inner {
			padding: 50px 15px;
		}
		.portfolio-content img {
			height: 35px;
		}
		img[alt="Veranstaltungen"] {
			float: left;
		}
		.fw-gray.psp-ga .btn-gray.lg {
			margin-bottom: 20px;
		}
		.nav-tabs.nav-justified>li {
	    display: inline-block;
	    /* width: 20%; */
		}
		.i-tabs .nav-tabs > li > a > .icon {
	    width: 32px;
	    margin-bottom: 0px;
	    margin-top: 10px;
		}
		.i-tabs .nav-tabs > li > a {
	    font-size: 12px;
	    padding: 5px;
			color: transparent;
	    line-height: 0;
	    /* font-size: 0; */
	    border-bottom-right-radius: 0;
	    border-bottom-left-radius: 0;
		}
		.i-tabs .nav-tabs > li.active > a, .i-tabs .nav-tabs > li.active > a:hover {
			color: transparent;
		}
		h1.top-ph[role=akademie] {
			text-align: left;
		}
		.ak-prbox {
			margin-bottom: 20px;
		}
		.nopadm {
			padding-left: 0;
			padding-right: 0;
		}
		.f-nav .tab-content > .active {
			padding-left: 140px;
		}
		div#accordion h4 {
			letter-spacing: -1px;
		}
	}

	/*min-width: 320px*/
	/*iPhone 4, 4s*/
	@media only screen and (max-device-width: 480px) and (orientation : landscape) {
		.hero-profil-landing {
			height: 335px;
		}
		.hero-profil-landing .container img:nth-child(2) {
			right: 15px;
			width: 215px;
			height: auto;
			top: 95px;
		}
		.hero-profil-landing .container img:nth-child(1) {
			left: 40px;
			width: 215px;
			height: auto;
			top: 95px;
			z-index: 1;
		}
		.top-ph.profil-title {
			bottom: -335px;
			font-size: 75px;
			color: #fff;
			z-index: 2;
			right: 25px;
		}
		.hero-profil-landing p {
			bottom: -320px;
			z-index: 2;
			width: 235px;
		}
		.map-row-profil {
			margin-top: 100px;
		}
		.row.profil-ig.well .pw-img1 {
			margin-top: 0;
		}
		.row.profil-ig.well .pw-img2 {
			margin-top: 0;
		}
	}

	/* Extra Small Devices, Phones */
	@media only screen and (min-width: 480px) {
		.portbox {
			width: 33%;
			height: 248px;
		}
		.og-grid li {
			width: 50%;
		}
		.og-grid li > a {
			height: 234px;
		}
		.hero-profil-landing .container img {
			width: 250px;
			top: 90px;
		}
		.logo a {
			background-image: url("/img/svg/logo-ebertlang-tablet.svg");
			display: inline-block;
			width: 56px;
			height: 25px;
			background-repeat: no-repeat;
		}
	}

	/*iPhone 5, 5s*/
	@media only screen and (device-aspect-ratio: 40/71) and (max-device-width: 568px) and (orientation : landscape) {
		.hero-profil-landing {
			height: 335px;
		}
		.hero-profil-landing .container img:nth-child(2) {
			right: 50px;
			width: 215px;
			height: auto;
			top: 95px;
		}
		.hero-profil-landing .container img:nth-child(1) {
			left: 90px;
			width: 215px;
			height: auto;
			top: 95px;
			z-index: 1;
		}
		.top-ph.profil-title {
			bottom: -360px;
			font-size: 85px;
			color: #fff;
			z-index: 2;
			right: 25px;
		}
		.hero-profil-landing p {
			bottom: -320px;
			z-index: 2;
			width: 235px;
		}
		.map-row-profil {
			margin-top: 100px;
		}
	}

	@media only screen and (device-aspect-ratio: 667/375) and (max-device-width: 667px) and (orientation : landscape) {
		.hero-profil-landing {
			height: 335px;
		}
		.hero-profil-landing .container img:nth-child(2) {
			right: 100px;
			width: 215px;
			height: auto;
			top: 95px;
		}
		.hero-profil-landing .container img:nth-child(1) {
			left: 100px;
			width: 215px;
			height: auto;
			top: 95px;
			z-index: 1;
		}
		.top-ph.profil-title {
			bottom: -350px;
			font-size: 85px;
			color: #fff;
			z-index: 2;
			right: 25px;
		}
		.hero-profil-landing p {
			bottom: -320px;
			z-index: 2;
			width: 235px;
		}
		.map-row-profil {
			margin-top: 100px;
		}
	}

	@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
		.top-ph.profil-title {
			bottom: -355px;
			font-size: 85px;
			color: #fff;
			z-index: 2;
			right: 25px;
		}
	}

	/*iPhone 6+*/
	@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 3)  {
		.hero-profil-landing {
			height: 335px;
		}
		.hero-profil-landing .container img:nth-child(2) {
			right: 80px;
			width: 230px;
			height: auto;
			top: 95px;
		}
		.hero-profil-landing .container img:nth-child(1) {
			left: 100px;
			width: 230px;
			height: auto;
			top: 95px;
			z-index: 1;
		}
		.top-ph.profil-title {
			bottom: -355px;
			font-size: 100px;
			color: #fff;
			z-index: 2;
			right: 50px;
		}
		.hero-profil-landing p {
			bottom: -320px;
			z-index: 2;
			width: 235px;
		}
		.map-row-profil {
			margin-top: 100px;
		}
	}

	/* Small Devices, Tablets */
	@media only screen and (min-width: 768px) {
		.h-s4-img img {
			width: 100%;
			display: block;
		}
		.map-img {width: 100%;}
		.mtt80 {margin-top: 80px;}
		.logo {
			margin-top: 8px;
			left: auto;
		}
		.pl-s4-icons img {
			margin-right: 0;
			margin-bottom: 20px;
		}
		.psp-ga {
			margin: 100px 0 80px 0;
			padding: 80px 0 100px 0;
		}
		.og-grid li {
			width: 33.33%;
		}
		.logo a {
			background-image: url("/img/svg/logo-ebertlang-tablet.svg");
			display: inline-block;
			width: 56px;
			height: 25px;
			background-repeat: no-repeat;
		}
	}

	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {
		.portbox {
			width: 33%;
			height: 187px;
		}
		nav[role="main"] .menu {
			width: 58px;
		}
		nav[role="main"] .blog {
			width: auto;
		}
		nav[role="main"] .account {
			width: 64px;
		}
		.top-ph.profil-title {
			font-size: 80px;
		}
		.top-phs {
			font-size: 40px;
		}
		.pt-title {
			bottom: -463px;
		}
		.psp-head p {
			text-align: justify;
		}
		.psp-services h3 {
			font-size: 17px;
		}
		.psp-services p {
			font-size: 15px;
		}
		.menu .dropdown.bottom>.arrow {
			left: 54.5%;
		}
		.pt-pin {
			margin-top: 10px;
			line-height: 20px;
			margin-bottom: 0;
			font-size: 11px;
			position: relative;
			left: -19px;
		}
		.pt-pin span {
			font-size: 11px;
			line-height: 18px;
		}
		.og-grid li {
			width: 33.33%;
		}
		.hero-profil-landing .container img {
			width: 300px;
			top: 110px;
		}
		.hero-profil-landing .container img:nth-child(2) {
			width: 350px;
		}
		.logo a {
			background-image: url("/img/svg/logo-ebertlang-tablet.svg");
			display: inline-block;
			width: 56px;
			height: 25px;
			background-repeat: no-repeat;
		}
		.hero-profil-landing {
			height: 445px;
		}
		.hero-profil-landing p {
			bottom: -430px;
		}
		.map-row {
			margin-top: 0 !important;
		}
		.map-row-profil {
			margin-top: 80px;
		}
		div#map-canvas {
			top: -15px !important;
		}
		.h-s2-lt {
			line-height: 35px;
		}
		.tabs-left {
			margin-top: 0 !important;
			margin-left: 30px;
			position: relative;
			top: -22px;
		}
		div#map-canvas img:nth-child(3) {
			top: 100px;
			left: 128px;
		}
		div#map-canvas img:nth-child(3).end {
			top: 190px;
			left: 128px;
		}
		div#map-canvas img:nth-child(2) {
			top: 100px;
			left: 200px;
		}
		div#map-canvas img:nth-child(2).end {
			top: 200px;
			left: 139px;
		}
	}

	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) {
		.portbox {
			width: 25%;
			height: 187px;
		}
		.pt-pin {
			margin-top: 10px;
			line-height: 20px;
			margin-bottom: 0;
		}
		.og-grid li {
			width: 25%;
		}
		p.pt-pin {
			font-size: 14px;
			position: relative;
			left: -25px;
			line-height: 24px;
		}
		span.pt-ptm {
			line-height: 18px;
			font-size: 14px;
		}
		.hero-profil-landing .container img {
			top: 90px;
			width: 400px;
			height: 448px;
		}
		.map-row-profil {
			margin-top: 120px;
		}
		div#map-canvas.profil-map {
			margin-top: 20px;
		}
		div#map-canvas.profil-map img:nth-child(2) {
			left: 119px;
			top: 165px;
		}
		div#map-canvas.profil-map img:nth-child(2).end {
			left: 119px;
			top: 165px;
		}
		div#map-canvas.profil-map img:nth-child(3) {
	    left: 107px;
		}
		div#map-canvas.profil-map img:nth-child(3).end {
			left: 107px;
			top: 155px;
		}
		div#map-canvas {
			top: 0;
		}
	}

	@media (max-width: 768px) {
	  nav[role="main"] .menu .dropdown {
			left: -302px;
		}
	}

	/* Medium Devices, Desktops */
	@media only screen and (min-width: 992px) {
		.portbox {
			width: 20%;
			height: 194px;
		}
		nav[role="main"] .title {
			display: inline-block;
		}
		nav[role="main"] .menu {
			width: 111px;
		}
		nav[role="main"] .blog {
			width: auto;
		}
		nav[role="main"] .account {
			width: 142px;
		}
		nav[role="main"] .account .dropdown {
			left: -25px;
		}
		nav[role="main"] .menu .dropdown {
			left: -222px;
		}
		.pl-s4-icons img {
			margin-right: 5px;
		}
		.logo a {
			background-image: url("/img/svg/logo-ebertlang-tablet.svg");
			display: inline-block;
			width: 56px;
			height: 25px;
			background-repeat: no-repeat;
		}
		.pt-pin {
			margin-top: 20px;
			margin-bottom: 0;
		}
		.og-grid li {
			width: 25%;
		}
		.hero-profil-landing .container img {
			width: 400px;
			top: 90px;
		}
	}

	/* Large Devices, Wide Screens */
	@media only screen and (min-width: 1200px) {
		.portbox {
			width: 20%;
			height: 234px;
		}
		.logo a {
			background-image: url("/img/svg/logo-ebertlang-main.svg");
			display: inline-block;
			width: 174px;
			height: 25px;  background-repeat: no-repeat;
			margin-top: 10px;
		}
		.og-grid li {
			width: 20%; /* block width updaed from 25% to 20% */
		}
		.hero-profil-landing .container img {
			width: 400px;
			top: 90px;
		}
		.hero-profil-landing .container img:nth-child(1) {
			left: 16%;
		}
		.hero-profil-landing .container img:nth-child(2) {
			right: 16%;
		}
	}

	/* -----  Non-Mobile First Method  ----- */

	/* Large Devices, Wide Screens */
	@media only screen and (max-width: 1200px) {
		.map-row {
			margin-top: 40px;
		}
		div#map-canvas {
			top: -30px;
		}
	}

	/* Tablet */
	@media only screen and (min-width: 481px) and (max-width: 1024px) {
		.hero-profil-landing {
			height: 300px;
		}
	}

	@media only screen and (max-width: 660px) {
		.hero-msp18 {
			background-position: 0 0;
		}
	}


	/* Medium Devices, Desktops */
	@media only screen and (min-width: 481px) and (max-width: 991px) {
		.mcenter {
			text-align: center;
		}
		.hero-profil-landing {
			height: 300px;
		}
		.hero-profil-landing p {
			bottom: -350px;
		}
		.top-ph.profil-title {
			bottom: -383px;
			font-size: 140px;
		}
		.pt-title {
			bottom: -384px;
			font-size: 80px;
		}
		.map-row-profil {
			margin-top: 80px;
		}
		.text-m ul {
			margin-bottom: 0;
		}
		.promo .img-responsive {
			margin: 0 0 30px 0;
		}
		.psp-desc.ico90 {
			text-align: left;
		}
		.psp-services {
			text-align: left;
			margin-bottom: 60px;
		}
		.psp-services img {
			margin-bottom: 0;
		}
		.psp-services h3 {
			margin: 20px 0;
		}
		.psp-services p {
			margin-bottom: 20px;
			min-height: 0;
		}
		.sub-content {
			margin-top: 60px;
		}
		div#map-canvas {
			top: 0;
		}
	}

	/* Small Devices, Tablets */
	@media only screen and (max-width: 768px) {
		header {
			pointer-events: auto;
		}
		.tabs-left {
			margin-top: 30px;
		}
		nav[role="mobile"] {
			position: absolute;
			top: 0px;
			left: 0px;
			z-index: 100;
			visibility: hidden;
			width: 300px;
			height: 100%;
			background: none repeat scroll 0% 0% #48A770;
			z-index: 1;
			transform: translate3d(-50%, 0px, 0px);
			transition: all 0.5s ease 0s;
		}
		nav[role="mobile"] ul {
			display: none;
		}
		nav#mobile-nav {
			overflow-y: scroll;
			border: none !important;
		}
		nav#mobile-nav::-webkit-scrollbar {
			display: none;
		}
		nav#mobile-nav ul li {
			font-size: 24px;
		}
		nav#mobile-nav .btn-primary {
			padding: 10px 20px;
		}
		.form-mobile {
			padding-top: 25px;
			padding-bottom: 25px;
		}
		li.mlang img {
	    width: 24px;
	    height: 16px;
		}
		li.mblog {
			margin: 10px 0 0;
		}
		li.mblog img,
		li.mkarierre img,
		li.mphone img {
	    width: 24px;
	    height: 24px;
		}
		.el-navbar .navbar-nav > li > a,
		.el-navbar .navbar-nav .navbar-heading {
			color: #000;
			text-transform: uppercase;
			font-weight: 700;
			font-size: 24px;
		}
		.el-navbar .navbar-nav > li > a > img {
			margin-right: 10px;
			position: relative;
			top: -2px;
		}
		.el-navbar .navbar-nav > li.mlang a,
		.el-navbar .navbar-nav > li.mblog a {
			display: inline-block;
		}
		.el-navbar.navbar-default .navbar-nav .open .dropdown-menu > li > a {
			color: #000;
			text-transform: uppercase;
			font-size: 18px;
		}
		.psp-services {
			padding-top: 20px;
			padding-bottom: 20px;
		}
	}

	/* Extra Small Devices, Phones */
	@media only screen and (max-width: 480px) {
		.mask {
			background: #fff;
			opacity: 1 !important;
		}
	}