body {
font-family: 'Open Sans', sans-serif;
font-size: 1.1em;
font-weight: 400;
color: #383838;
line-height: 1.7em;
margin: 0 auto;
-webkit-font-smoothing: antialiased;}

#chartdiv {width: 100%; height: 65vh; font-size: .85em;}

a:link {color: #22b8ba; text-decoration: none;}
a:hover {color: #12dec2; text-decoration: none; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
a:visited {color: #22b8ba; text-decoration: none;}
a:active {color: #22b8ba; text-decoration: none;}

a.nav-link:link {color: #000; text-decoration: none;}
a.nav-link:hover {color: #000; text-decoration: none; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
a.nav-link:visited {color: #000; text-decoration: none;}
a.nav-link:active {color: #000; text-decoration: none;}

a.dropdown-item:link {color: #000; text-decoration: none;}
a.dropdown-item:hover {color: #000; text-decoration: none; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
a.dropdown-item:visited {color: #000; text-decoration: none;}
a.dropdown-item:active {color: #000; background: #12dec2; text-decoration: none;}

a.underlined:link {color: #000; text-decoration: underline !important; text-underline-offset: 5px;}
a.underlined:hover {color: #000; text-decoration: underline !important; text-underline-offset: 5px;}
a.underlined:visited {color: #000; text-decoration: underline !important; text-underline-offset: 5px;}
a.underlined:active {color: #000; text-decoration: underline !important; text-underline-offset: 5px;}

a.btn-green:link {font-weight: 700; color: #fff; background: #12dec2; text-align: center; text-decoration: none; padding: 15px 20px 15px 20px; border-radius: 5px; font-size: 15px;}  
a.btn-green:hover {font-weight: 700;color: #fff; background: #00fdcf; text-decoration-skip: ink; -o-transition:1s; -ms-transition:1s; -moz-transition:1s; -webkit-transition:1s; transition:1s;}
a.btn-green:visited {font-weight: 700;color: #fff; background: #12dec2; text-decoration: none;}
a.btn-green:active {font-weight: 700;color: #fff; background: #12dec2; text-decoration: none;}

a.btn-anfrage:link {font-weight: 700; color: #000; background: #fff; text-decoration: none; padding: 15px 20px 15px 15px; border-radius: 5px; font-size: 15px; width: 200px;}  
a.btn-anfrage:hover {font-weight: 700; color: #000; background: #e9ecef; text-decoration-skip: ink; -o-transition:1s; -ms-transition:1s; -moz-transition:1s; -webkit-transition:1s; transition:1s;}
a.btn-anfrage:visited {font-weight: 700; color: #000; background: #fff; text-decoration: none;}
a.btn-anfrage:active {font-weight: 700; color: #000; background: #fff; text-decoration: none;}

a.btn-anfrage-mobil:link {font-weight: 700; color: #000; background: #fff; text-decoration: none; padding: 15px 20px 15px 20px; border-radius: 5px; font-size: 15px; width: 200px;}  
a.btn-anfrage-mobil-mobil-mobil:hover {font-weight: 700; color: #000; background: #e9ecef; text-decoration-skip: ink; -o-transition:1s; -ms-transition:1s; -moz-transition:1s; -webkit-transition:1s; transition:1s;}
a.btn-anfrage-mobil-mobil:visited {font-weight: 700; color: #000; background: #fff; text-decoration: none;}
a.btn-anfrage-mobil:active {font-weight: 700; color: #000; background: #fff; text-decoration: none;}

a.btn-white-ghost:link {color: #fff; text-decoration: none; padding: 10px 20px 10px 20px; border: 2px solid #fff; border-radius: 5px; font-size: 15px;}
a.btn-white-ghost:hover {color: #12dec2; background: #fff; border: 2px solid #fff; text-decoration-skip: ink; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;} 
a.btn-white-ghost:visited {color: #fff; text-decoration: none; padding: 10px 20px 10px 20px; border: 2px solid #fff; border-radius: 5px; font-size: 15px;}
a.btn-green-ghost:active {color: #fff; text-decoration: none; padding: 10px 20px 10px 20px; border: 2px solid #fff; border-radius: 5px; font-size: 15px;}

a.footer:link {color: #fff; text-decoration: none; font-weight: 400;}
a.footer:hover {color: #12dec2; text-decoration: none; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
a.footer:visited {color: #fff; text-decoration: none; font-weight: 400;}
a.footer:active {color: #fff; text-decoration: none; font-weight: 400;}

.anchor{display: block; height: 110px; /*same height as header*/ margin-top: -110px; /*same height as header*/ visibility: hidden;}

.btn-primary {color: #000; background: #fff !important; padding: 13px 25px 13px 25px !important; font-size: 1em !important; border: 0px !important; font-weight: 700;}
.btn-primary:hover{color: #000; background-color: #e9ecef !important; border: 0px !important;}

h1 {font-size: 2.5em; font-weight: 700; color: #000; padding-bottom: 5px; line-height: 1.4em;}
h1.quotation {font-family: Georgia, Times New Roman, serif; font-size: 2.5em; line-height: 1.3em; font-weight: 400; color: #000; font-style: italic; text-align: center; padding-bottom: 25px;}
h1.xl {font-size: 3.6em; font-weight: 700; color: #000; padding-bottom: 10px; line-height: 1.4em;}
h1.xxl {font-size: 6.8em; font-weight: 700; color: #000; padding-bottom: 10px; line-height: 1.4em;}
h1.white {font-size: 2.2em; font-weight: 700; color: #000; padding-bottom: 10px; line-height: 1.4em;}

h2 {font-size: 1.7em; line-height: 1.3em; font-weight: 700; color: #000;}
h2.kampagnen {font-size: 1.5em; line-height: 1.5em; font-weight: 700; color: #000; padding-top: 15px;}
h2.white {font-size: 1.7em; color: #fff; font-weight: 700; padding-top: 55px; padding-bottom: 10px; color: #000;}
h2.center {font-size: 1.7em; font-weight: 700; padding-top: 55px; padding-bottom: 20px; text-align: center; line-height: 1.5em; color: #000;}
h2.center-italic {font-size: 1.7em; font-weight: 700; padding-top: 55px; padding-bottom: 20px; text-align: center; line-height: 1.5em; color: #000; font-style: italic;}
h2.center-quote {font-size: 1.7em; font-weight: 700; padding-top: 25px; padding-bottom: 20px; text-align: center; line-height: 1.5em; color: #000;}
h2.quotation {font-family: Georgia, Times New Roman, serif; font-size: 2.25em; font-weight: 400; color: #000; font-style: italic; text-align: center;}
h2.quotation_small {font-family: Georgia, Times New Roman, serif; font-size: 1.8em; line-height: 1.3em; font-weight: 400; color: #000; font-style: italic;}
h2.infographic {font-size: 2.8em; font-weight: 700; padding-bottom: 10px; text-align: center; line-height: 1.5em; color: #000;}
h2.xl { font-size: 2.8em; font-weight: 700; padding-top: 100px; padding-bottom: 10px; color: #000;}
h2.xxxl { font-size: 2.5em; font-weight: 700; padding-top: 100px; padding-bottom: 10px; color: #000;}
h2.impr-ds {font-size: 1.5em; font-weight: 700; padding-top: 25px; padding-bottom: 10px; color: #000;}
	h2.tabs {font-size: 1.7em; line-height: 1.3em; font-weight: 700; color: #000; padding-top: 35px;}
	h2.overview {font-size: 2.5em; line-height: 1.4em; font-weight: 700; color: #000; padding-top: 10px;}
	h2.accordion-overview {font-size: 2.5em; line-height: 1.4em; font-weight: 700; color: #000; padding-top: 10px;}


h3 {font-size: 1.4em; font-weight: 700; padding-top: 35px; padding-bottom: 10px; color: #000;}
h3.kampagnen {font-size: 1.4em; font-weight: 700; padding: 10px 0 5px 0; color: #000;}
h3.grey {font-size: 1.4em; font-weight: 700; padding-top: 25px; padding-bottom: 10px; color: #516171;}
h3.distance-small {font-size: 1.4em; font-weight: 700; padding-top: 5px; padding-bottom: 1px; color: #000;}
h3.distance-small-grey {font-size: 1.4em; font-weight: 700; padding-top: 5px; padding-bottom: 10px; color: #516171;}
h3.white {font-size: 1.4em; color: #fff; font-weight: 700; padding-top: 35px; padding-bottom: 10px; color: #000;}
h3.table {font-size: 1.4em; font-weight: 700; color: #000;}
h3.box {font-size: 1.1em; font-weight: 700; padding-top: 25px; color: #000; text-align: center;}
h3.timeline {font-size: 1.2em; font-weight: 700; padding-top: 25px; color: #000; text-align: center;}
h3.center {font-size: 1.4em; font-weight: 700; padding-top: 25px; text-align: center; color: #000;}
h3.quotation {font-family: Georgia, Times New Roman, serif; font-size: 1.8em; line-height: 1.1em; font-weight: 400; color: #000; font-style: italic; text-align: center; padding-bottom: 25px;}

h4 {font-size: 1.2em; font-weight: 700; color: #000; padding-top: 35px; padding-bottom: 10px;}
h4.white {font-size: 1.2em; color: #fff; font-weight: 700; padding-top: 10px; padding-bottom: 1px;}
h4.kontakt {font-size: 1.5em; color: #000; font-weight: 700; padding-bottom: 25px; text-align: center;}
h4.illustration {font-size: 1.2em; font-weight: 700; padding-bottom: 10px;}

h5 {font-size: 1em; font-weight: 400; padding-top: 75px;}

.footer-section {padding: 35px 0 50px 0; font-size: 0.85em; line-height: 2.5em; color: #fff; background: #0a2540;}
b.b-footer {font-size: 1.1em; line-height: 3em;}

@keyframes fadeIn {0% { opacity: 0; } 100% { opacity: 1; }}

p.innung-teaser {font-family: Georgia, Times New Roman, serif; font-size: 2.25em; font-weight: 400; color: #000; font-style: italic; line-height: 1.25em;}
p.do-more {font-family: Georgia, Times New Roman, serif; font-size: 5em; font-weight: 400; padding: 35px 0 20px 0; animation: fadeIn 3s; line-height: 0.95em;}
p.hero-teaser {font-family: Georgia, Times New Roman, serif; font-size: 2.05em; line-height: 1.3em; color: #000; font-style: italic; text-align: center; animation: fadeIn 3s;}
	p.hero-teaser-left {font-family: Georgia, Times New Roman, serif; font-size: 2.05em; line-height: 1.3em; color: #000; font-style: italic; animation: fadeIn 3s;}		


p.hero-headline {font-family: Georgia, Times New Roman, serif; font-size: 4.2em; font-weight: 400; line-height: 1em;}
p.hero {font-family: Georgia, Times New Roman, serif; font-size: 5em; font-weight: 400; line-height: 1.1em;}
p.headline-teaser {font-family: Georgia, Times New Roman, serif; font-size: 1.75em; font-weight: 400; font-style: italic; line-height: 1.25em; text-align: center;}
p.headline-teaser-s {font-family: Georgia, Times New Roman, serif; font-size: 1.5em; font-weight: 400; font-style: italic; line-height: 1.25em;}
p.quotation {font-family: Georgia, Times New Roman, serif; font-size: 2.25em; line-height: 1.3em; color: #000; font-style: italic;}
p.quotation_m {font-family: Georgia, Times New Roman, serif; font-size: 1.75em; line-height: 1.3em; color: #000; font-style: italic;}
p.quotation_s {font-family: Georgia, Times New Roman, serif; font-size: 1.5em; line-height: 1.3em; color: #000; font-style: italic;}
p.quotation_xs {font-family: Georgia, Times New Roman, serif; font-weight: 700; font-style: italic;}
p.quotation-hero-white {font-family: Georgia, Times New Roman, serif; font-size: 2.05em; line-height: 1.3em; color: #fff; font-style: italic;}
p.xl-dots {font-size: 3.2em; font-weight: 700; padding-bottom: 10px; line-height: 1.4em; text-align: center;}
p.start {font-size: 1.15em; line-height: 1.5em;}
p.lp-intro {font-size: 1.5em; line-height: 1.5em;}
p.teaser {line-height: 1.5em; font-size: 1.15em; font-weight: 700; text-align: center;}
p.specials {font-size: 1.3em; font-weight: 700; line-height: 1.8em; color: #091622;}
p.small {font-size: 0.9em; line-height: 1.3em; font-weight: 700; margin-bottom: 2px;}
p.small-center {font-size: 0.8em; font-weight: 700; text-align: center; color: white;}
p.footnotes {font-size: 0.8em; line-height: 1.5em;}
p.icon-text {font-size: 0.8em; line-height: 1.3em; color: #1e2128; padding-top: 15px;}
p.italic-bold {font-weight: 700; font-style: italic; color: #000; padding-bottom: 12px;}
p.push-left {margin-left: -13px;}
p.quote {font-family: Georgia, Times New Roman, serif; font-size: 5em; font-weight: 700; padding-top: 35px;}
p.dropdown {padding: 25px 25px 8px 25px; font-weight: 400; min-width: 418px;}
p.dropdown-dsgvo_1 {padding: 15px 25px 0 25px; font-weight: 400; min-width: 418px;}
p.dropdown-dsgvo_2 {padding: 0 25px 0 25px; font-weight: 400; min-width: 418px;}
p.dropdown {padding: 25px 25px 8px 25px; font-weight: 400; min-width: 418px;}
p.center {text-align: center;}
p.cta {text-align: center; font-style: italic; padding-bottom: 15px; font-weight: 700;}
p.xs {font-size: 0.60em; text-align: center;}
p.indent {padding-left: 25px;}
	p.tabs {padding-top: 35px;}
	p.digital-experts {font-family: Georgia, Times New Roman, serif; font-size: 5.75em; font-weight: 400; padding: 35px 0 20px 0; animation: fadeIn 3s; line-height: 1.15em;}
	p.digital-experts-left {text-align: left; font-family: Georgia, Times New Roman, serif; font-size: 5.75em; font-weight: 400; padding: 35px 0 20px 0; animation: fadeIn 3s; line-height: 1.15em;}
	p.overview {font-size: 2.5em; font-weight: 700; color: #000; padding-bottom: 5px; line-height: 1.4em;}


.card {border: none; background: #0a2540;}
span.numbers {padding-right: 18px; font-weight: 700;}
img.centered {display: block; margin: auto;}

div.circle {width: 15px; height: 15px; border-radius: 50px;}

.card {box-shadow: 0 0 20px 0 rgba(100, 100, 100, 0.26); text-align: center;}
.table {color: #383838;}
.tdbg-track {background: #00fdcf;}
.tdbg-notrack {background: #ff3f71;}

.img-centered {margin:0 auto; display: block;}


/* ORDERED LISTS */
ol.breadcrumb {padding: 14px 0 0 40px; background: #fff !important;}
ol {counter-reset: item; margin-left: -40px;}
li.ol {display: block;}
li.ol:before {content: counters(item, ".") ". "; counter-increment: item}
/* ORDERED LIST */

/* UNORDERED LISTS */
ul.check {list-style-image: url(../img/check_circle.png); line-height: 2em; margin-left: -12px;}
ul.check-white {list-style-image: url(../img/check_circle_white.png); line-height: 2.5em; margin-left: -12px;}
ul.ja {list-style-image: url(../img/ja.svg); line-height: 2em; margin-left: -12px;}
ul.nein {list-style-image: url(../img/nein.svg); line-height: 2em; margin-left: -12px;}
ul.forward {list-style-image: url(../img/ul_frw.svg);  margin-left: -24px;}
ul.lot {padding-left: 16px;}
/* UNORDERED LISTS */


input[type="text"], textarea {background: #fff; color: #516171; border: none;}
input[type=text]:focus {border: none; background: #fff; color: #516171;}
input[type="email"], textarea {background: #fff; color: #516171; border: none;}
input[type=email]:focus {border: none; background: #fff; color: #516171;}

.ta {background: #fff; color: #516171; border: none;}
.ta:focus {border: none; background: #fff; color: #516171;}

textarea:hover, input:hover, textarea:active, input:active, textarea:focus, input:focus, button:focus, button:active, button:hover, label:focus, .btn:active, .btn.active
{outline:0px !important; -webkit-appearance:none; box-shadow: none !important; color: #fff;}

.custom-checkbox {margin-left: 15px;}

hr.bold  {border: 3px solid black; width: 200px; margin-top: 50px; text-align: center;}
hr.bold-bggrey  {border: 3px solid black; width: 200px; text-align: center; background: #f8f9fa;}
hr.nav  {margin: 8px 0 8px 0; text-align: center;}

.card {border: none; padding: 15px; background: #f8f9fa;}

.hinweis {color: #000; padding: 20px; background: #f1f2fa; border-left: thick solid #555}
.warnung {padding: 20px; background: #f8d7da; border-left: thick solid #ff5a5f; color: #721c24;}


/* 	
	////////////
	/// Nav /// 
	//////////
*/

p.nav  {color: #000; font-weight: 700; padding: 50px 0 0 0;}

.navbar-nav > li {padding-right: 20px; font-size: 1.1em; font-weight: 700; text-decoration: none;}
.burger-icon {width: 25px; height: 3px; background-color: #000; margin: 3px 0;}

.navbar-default .navbar-nav>li>a {border: none;}
.dropdown {border: none;}
.dropdown:hover {border: none;}
.dropdown .dropdown-menu {border: none; z-index: 1;}

.dropdown .dropdown-menu {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  max-height: 0;
  display: block;
  overflow: hidden;
  opacity: 0;
  box-shadow: none;
  border-radius: 0px;
}

.dropdown-menu {font-size: .775em; text-decoration: none;}
.dropdown:hover .dropdown-menu {max-height: 750px; opacity: 1; background: white; text-decoration: none;}
.dropdown-item {padding-top: 15px; text-decoration: underline;}
.navbar.center .navbar-inner {text-align: center;}
.navbar.center .navbar-inner .nav {float: none; display: inline-block; vertical-align: middle;}





/* 	
	////////////////////////
	/// 2nd NAV - LPSYS 360/// 
	//////////////////////
*/

.nav-pills .pill-1 .nav-link:not(.active) {
    background-color: rgba(255, 0, 0, 0.5);
}





/* 	
	/////////////////
	/// BIG GRID /// 
	///////////////
*/

/* General grid styles */
.cbp-ig-grid {
	list-style: none;
	padding: 0 0 50px 0;
	margin: 0;
}

/* Clear floats */
.cbp-ig-grid:before, 
.cbp-ig-grid:after { 
	content: " "; 
	display: table; 
}

.cbp-ig-grid:after { 
	clear: both; 
}

/* grid item */
.cbp-ig-grid li {
	width: 33%;
	float: left;
	height: 420px;
	text-align: center;
	border-top: 3px solid #f8f9fa;
}

/* Combination of borders and box shadows to control the grid lines */
.cbp-ig-grid li:nth-child(-n+3){
	border-top: none;
}

.cbp-ig-grid li:nth-child(3n-1),
.cbp-ig-grid li:nth-child(3n-2) {
	box-shadow: 3px 0 0 #f8f9fa;
}

/* anchor style */
.cbp-ig-grid li > a {
	display: block;
	height: 100%;
	color: #12dec2;
	-webkit-transition: background 0.2s;
	-moz-transition: background 0.2s;
	transition: background 0.2s;
}

/* the icon with pseudo class for icon font */
.cbp-ig-icon {
	padding: 30px 0 0 0;
	display: block;
	-webkit-transition: -webkit-transform 0.2s;
	transition: -moz-transform 0.2s;
	transition: transform 0.2s;
}

.cbp-ig-icon:before {
	font-family: 'anyoldicon';
	font-size: 14em;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

/* title element */
.cbp-ig-grid .cbp-ig-title {
	margin: 20px 0 10px 0;
	padding: 20px 0 0 0;
	font-size: 2em;
	position: relative;
	-webkit-transition: -webkit-transform 0.2s;
	-moz-transition: -moz-transform 0.2s;
	transition: transform 0.2s;
}

.cbp-ig-grid .cbp-ig-title:before {
	content: '';
	position: absolute;
	background: #12dec2;
	width: 160px;
	height: 6px;
	top: 0px;
	left: 50%;
	margin: -10px 0 0 -80px;
	-webkit-transition: margin-top 0.2s; /* top or translate does not seem to work in Firefox */
	-moz-transition: margin-top 0.2s;
	transition: margin-top 0.2s;
}

.cbp-ig-grid .cbp-ig-category {
	text-transform: uppercase;
	display: inline-block;
	font-size: 1em;
	letter-spacing: 1px;
	color: #fff;
	-webkit-transform: translateY(10px);
	-moz-transform: -moz-translateY(10px);
	-ms-transform: -ms-translateY(10px);
	transform: translateY(10px);
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	-webkit-transition: transform 0.3s, opacity 0.2s;
}

.cbp-ig-grid li:hover .cbp-ig-category,
.touch .cbp-ig-grid li .cbp-ig-category {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

/* Hover styles */

.cbp-ig-grid li > a:hover {
	background: #12dec2;
}

.cbp-ig-grid li > a:hover .cbp-ig-icon {
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
}

.cbp-ig-grid li > a:hover .cbp-ig-icon:before,
.cbp-ig-grid li > a:hover .cbp-ig-title {
	color: #fff;
}

.cbp-ig-grid li > a:hover .cbp-ig-title {
	-webkit-transform: translateY(-30px);
	-moz-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	transform: translateY(-30px);
}

.cbp-ig-grid li > a:hover .cbp-ig-title:before {
	background: #fff;
	margin-top: 80px;
}

@media screen and (max-width: 62.75em) {
	.cbp-ig-grid li {
		width: 50%;
	}
	
/* reset the grid lines */
	.cbp-ig-grid li:nth-child(-n+3){
		border-top: 3px solid #f8f9fa;
	}
	.cbp-ig-grid li:nth-child(3n-1),
	.cbp-ig-grid li:nth-child(3n-2) {
		box-shadow: none;
	}
	.cbp-ig-grid li:nth-child(-n+2){
		border-top: none;
	}
	.cbp-ig-grid li:nth-child(2n-1) {
		box-shadow: 3px 0 0 #f8f9fa;
	}
}

@media screen and (max-width: 41.6em) { 
	.cbp-ig-grid li {
		width: 100%;
	}
	.cbp-ig-grid li:nth-child(-n+2){
		border-top: 3px solid #f8f9fa;
	}
	.cbp-ig-grid li:nth-child(2n-1) {
		box-shadow: none
	}
	.cbp-ig-grid li:first-child {
		border-top: none;
	}
}

@media screen and (max-width: 25em) { 
	.cbp-ig-grid {
		font-size: 80%;
	}
	.cbp-ig-grid .cbp-ig-category {
		margin-top: 20px;
	}
}




/* 	
	//////////////
	/// FONTS /// 
	////////////
*/

/* open-sans-regular */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: local('Open Sans Regular'), local('Open Sans-Regular'),
       url('../fonts/open-sans/OpenSans-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
}

/* open-sans-italic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: fallback;
  src: local('Open Sans Italic'), local('Open Sans-Italic'),
       url('../fonts/open-sans/OpenSans-RegularItalic.ttf') format('truetype'), /* Safari, Android, iOS */
}

/* Icon font for arrow icons */
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon_arrows/icomoon.eot');
	src:url('../fonts/icomoon_arrows/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon_arrows/icomoon.woff') format('woff'),
		url('../fonts/icomoon_arrows/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon_arrows/icomoon.svg#icomoon') format('svg');
	_font-weight: normal;
	_font-style: normal;
} /* Iconfont by Icomoon http://icomoon.io/ */





/* 	
	  ///////////
	 // TABS /// 
	///////////
*/

.underline-tabs .nav-tabs {
    border-bottom: 2px solid #e9ecef;
}

.underline-tabs .nav-link {
    border: none;
    border-bottom: 2px solid transparent;
    padding: 1rem 1.5rem;
    margin-bottom: -2px;
    font-weight: 700;
    color: #6c757d;
    transition: all 0.3s ease;
}

.underline-tabs .nav-link:hover {
    border-bottom-color: #12dec2;
    color: #12dec2;
}

.underline-tabs .nav-link.active {
    border-bottom-color: #22b8ba;
    color: #22b8ba;
}

/* Content Animation */
.tab-pane.fade {
    transition: all 0.2s ease-out;
}

.tab-pane.fade.show {
    animation: fadeIn 0.5s ease-out;
}





/* 	
	  ////////////////
	 // ACCORDION /// 
	////////////////
*/
	
.cbp-ntaccordion {
	list-style: none;
	margin: 0;
	padding: 0;
}

.cbp-ntsubaccordion {
	list-style: none;
}

.cbp-ntaccordion .cbp-nttrigger {
	cursor: pointer;
}

.cbp-ntaccordion h2 {
	color: #000;
	margin: 0 0 0.3em;
	padding: 1em 0 0.5em;
	border-bottom: 3px solid #f8f8f9;
	font-size: 2.5em;
	
		line-height: 1.4em;
		font-weight: 700;
		padding-top: 10px;
}

.cbp-ntaccordion h3 {
	color: #000;
	margin: 0 0 0.3em;
	padding: 1em 0 0.5em;
	border-bottom: 1px solid #f8f8f9;
	font-size: 1em;
}

.cbp-ntaccordion .cbp-ntcontent p {
	font-weight: 400;
	line-height: 1.7em;
	padding: 0.2em 0 1.5em;
	margin: 0;
}

/* Arrow icons */
.cbp-ntaccordion > li > .cbp-nttrigger:before,
.cbp-ntsubaccordion > li > .cbp-nttrigger:before {
	font-family: 'icomoon';
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	color: #000;
	margin-right: 0.5em;
	-webkit-font-smoothing: antialiased;
}

.cbp-ntaccordion > li > .cbp-nttrigger:before {
	font-size: 100%;
}

.cbp-ntaccordion > li > .cbp-nttrigger:before {
	content: "\36";
}
.cbp-ntaccordion > li > .cbp-nttrigger:hover:before {
	content: "\35";
	color: inherit;
}
.cbp-ntaccordion > li.cbp-ntopen > .cbp-nttrigger:before,
.no-js .cbp-ntaccordion > li > .cbp-nttrigger:before {
	content: "\34";
	color: inherit;
}

.cbp-ntsubaccordion > li > .cbp-nttrigger:before {
	content: "\32";
}
.cbp-ntsubaccordion > li > .cbp-nttrigger:hover:before {
	content: "\33";
	color: inherit;
}
.cbp-ntsubaccordion > li.cbp-ntopen > .cbp-nttrigger:before,
.no-js .cbp-ntsubaccordion > li > .cbp-nttrigger:before {
	content: "\31";
	color: inherit;
}

/* Initial height is zero */
.cbp-ntaccordion .cbp-ntcontent {
	height: 0;
	overflow: hidden;
}

/* When open, set height to auto */
.cbp-ntaccordion .cbp-ntopen > .cbp-ntcontent,
.cbp-ntsubaccordion .cbp-ntopen > .cbp-ntcontent,
.no-js .cbp-ntaccordion .cbp-ntcontent {
	height: auto;
}