@font-face {
	font-family: Audimat;
	src: url(../fonts/Audimat.TTF);
	font-weight: 500;
}

@font-face {
	font-family: FreeMono;
	src: url(../fonts/FreeMono.otf);
	font-weight: 500;
}

@font-face {
  font-family: HK Grotesk;
  src: url(../fonts/HKGrotesk-100.otf);
  font-weight: 100;
}

@font-face {
  font-family: HK Grotesk;
  src: url(../fonts/HKGrotesk-200.otf);
  font-weight: 200;
}

@font-face {
  font-family: HK Grotesk;
  src: url(../fonts/HKGrotesk-300.otf);
  font-weight: 300;
}

@font-face {
  font-family: HK Grotesk;
  src: url(../fonts/HKGrotesk-400.otf);
  font-weight: 400;
}

@font-face {
  font-family: HK Grotesk;
  src: url(../fonts/HKGrotesk-500.otf);
  font-weight: 500;
}

@font-face {
  font-family: HK Grotesk;
  src: url(../fonts/HKGrotesk-600.otf);
  font-weight: 600;
}

@font-face {
  font-family: HK Grotesk;
  src: url(../fonts/HKGrotesk-700.otf);
  font-weight: 700;
}

@font-face {
  font-family: HK Grotesk;
  src: url(../fonts/HKGrotesk-800.otf);
  font-weight: 800;
}

@font-face {
  font-family: HK Grotesk;
  src: url(../fonts/HKGrotesk-900.otf);
  font-weight: 900;
}

@font-face {
  font-family: HK Grotesk Italic;
  src: url(../fonts/HKGrotesk-100-Italic.otf);
  font-weight: 100;
}

@font-face {
  font-family: HK Grotesk Italic;
  src: url(../fonts/HKGrotesk-200-Italic.otf);
  font-weight: 200;
}

@font-face {
  font-family: HK Grotesk Italic;
  src: url(../fonts/HKGrotesk-300-Italic.otf);
  font-weight: 300;
}

@font-face {
  font-family: HK Grotesk Italic;
  src: url(../fonts/HKGrotesk-400-Italic.otf);
  font-weight: 400;
}

@font-face {
  font-family: HK Grotesk Italic;
  src: url(../fonts/HKGrotesk-500-Italic.otf);
  font-weight: 500;
}

@font-face {
  font-family: HK Grotesk Italic;
  src: url(../fonts/HKGrotesk-600-Italic.otf);
  font-weight: 600;
}

@font-face {
  font-family: HK Grotesk Italic;
  src: url(../fonts/HKGrotesk-700-Italic.otf);
  font-weight: 700;
}

@font-face {
  font-family: HK Grotesk Italic;
  src: url(../fonts/HKGrotesk-800-Italic.otf);
  font-weight: 800;
}

@font-face {
  font-family: HK Grotesk Italic;
  src: url(../fonts/HKGrotesk-900-Italic.otf);
  font-weight: 900;
}


body,html{
  height: 100%;
}
body{
  font-family: HK Grotesk, sans-serif;
  font-size: 14px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;

}


/******base******/
a{
  text-decoration: none;
  color:#009d83;
  transition:  all 0.3s ease-in-out;
  -webkit-transition:  all 0.3s ease-in-out;
  -moz-transition:  all 0.3s ease-in-out;
  -o-transition:  all 0.3s ease-in-out;
}
a:hover,a:focus{
  text-decoration: none;
  color:#009d83;
  outline: 0;
}
strong,b{
  font-weight: 700;
}

.colored-text{
  color:#009d83;
}
h1,h2,h3,h4,h5,h6{
  margin-top:0px;
}
h1 {
  font-size: 40px;
  line-height: 48px;
}

h2 {
  font-size: 36px;
  line-height: 44px;
}

h3 {
  font-size: 28px;
  line-height: 36px;
}

h4 {
  font-size: 24px;
  line-height: 34px;
}

h5 {
  font-size: 18px;
  line-height: 28px;
}

h6 {
  font-size: 16px;
  line-height: 24px;
}

h1, h2 {
  margin-bottom: 20px;
}

h3, h4, h5, h6 {
  margin-bottom: 10px;
}
p {
  margin: 0 0 20px 0;
  line-height: 26px;
  font-weight: 400;
  color:#777;
}
p,span{
  font-family: HK Grotesk, sans-serif;
  font-weight: 300;
}
em{
  font-family: HK Grotesk, sans-serif;
  font-weight: 500;
}

/*******space margins***/
.space-20{
  width:100%;
  height: 20px;
}
.space-30{
  width:100%;
  height: 30px;
}
.space-40{
  width:100%;
  height: 40px;
}
.space-80{
  height: 80px;
  width:100%;
}
.margin-btm-20{
  margin-bottom: 20px;
}
/***********buttons***********/
.btn{
  display: inline-block;
  border-radius: 0;
  -webkit-border-radius: 0;
  margin: 0;
  font-weight: 400;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 4px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn:hover,.btn:focus{
  color:#fff;
  outline: 0;
}
.btn-lg{
  padding: 10px 20px;
}
.btn-theme{
  background-color: transparent;
  border: 1px solid #009d83;
  color:#333;

}
.btn-theme:hover{
  background-color: #009d83;
  border-color: #009d83;
  color:#fff;
}
.btn-white-border{
  color:#fff;
  border: 1px solid #666;
}
.btn-white-border:hover{
  color:#333;
  background-color: #fff;
  border-color: #fff;
}
.btn-theme-bg{
  background-color: #009d83;
  color:#fff;
}
.btn-theme-bg:hover{
  color:#fff;
  background-color: #333;
}
.segment {
  padding: 90px 0;
  margin: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
/*************navigation header css******/
.navbar-inverse {
	background-color: #fff;
}

.navbar-inverse .navbar-toggle {
	border-color: #002f49;
}

body.dark-mode .navbar-inverse .navbar-toggle {
	border-color: #fff;
} 

body.dark-mode .navbar-inverse .navbar-toggle .icon-bar {
	background: #fff;
} 

.navbar-inverse .navbar-toggle:hover{
	border-color: #002f49;
	background: #002f49;
}

.navbar-inverse .navbar-toggle:focus{
	background: #fff;
}

body.dark-mode .navbar-inverse .navbar-toggle:focus{
	border-color: #fff;
	background: #002f49;
}

.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #002f49;
}

.navbar-inverse .navbar-toggle:hover .icon-bar{
	background: #fff;
}

@media (max-width: 767px) {
	.navbar-inverse > .container > .navbar-collapse {
		border-bottom: 1px solid #333;
	}

	.navbar-collapse .navbar-nav {
		padding-right: 15px;
		margin-bottom: 15px;
	}
}

.navbar-fixed-top .navbar-collapse {
	max-height: 500px;
}

.navbar-inverse .navbar-brand {
  color: #fff;
}
.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 30px;
  line-height: 20px;
  font-family: HK Grotesk, sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  transition: 0.3s;
}

@media (max-width: 321px) {
	.navbar-brand {
		height: 48px;
	}

	.navbar {
		min-height: 48px;
	}

	.navbar-toggle {
		margin-top: 7px;
		margin-bottom: 7px;
	}
}

@media (min-width: 2500px) {
	.navbar-brand {
		height: 55px;
		margin-top: 7px;
	}
}

@media (min-width: 768px) and (max-width: 865px) {
	.navbar-brand {
		height: 43px;
		padding-left: 5px;
		padding-right: 5px;
		margin-top: 3px;
	}
}

.lw-logo-dark {
	display: none;
}

body.dark-mode .lw-logo-dark {
	display: inline-block;
}

body.dark-mode .lw-logo-light {
	display: none;
}

@media (max-width: 767px) {
	.navbar-toggle {
		margin-right: 30px;
	}
}

.navbar{
  border: 0;
}
@media (min-width: 992px){
  .navbar-nav {
	  float: left;
	  margin-left:30px;
	  margin-top:0;
	  margin-bottom: 0;
	  margin-right: 0;
  }
}
@media(min-width:768px){
	  header.navbar-inverse{
		padding: 0px 0;
		background-color:rgba(255, 255, 255, 1);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		box-shadow: 0px 2px 5px rgba(100, 100, 100, 0.2);
}
header.stuck{
	background-color:rgba(255, 255, 255, 1);
	padding: 0px 0;
	opacity: 1;
	-webkit-box-shadow: 0px 1px 5px rgba(100, 100, 100, 0.3);
	-moz-box-shadow: 0px 1px 5px rgba(100, 100, 100, 0.3);
	box-shadow: 0px 1px 5px rgba(100, 100, 100, 0.3);
}

}

body.dark-mode header.navbar-inverse, body.dark-mode header.stuck {
	background: #001825;
	transition: 0.3s
}

.navbar-social>li>a>i{
  font-size: 19px;
}
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > button {
	color: #002f49;
	font-size: 14px;
	text-transform: none;
	font-weight: 600;
	font-family: HK Grotesk, sans-serif;
	letter-spacing: 1px;
	border: 0px;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	padding: 0px;
	transition: 0.3s;
	background: #fff;
}

@media (min-width: 2500px) {
	.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > p, .navbar-inverse .navbar-nav > li > button {
		font-size: 20px;
	}
}

@media (max-width: 767px) {
	.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > button {
		padding-top: 7.5px;
		padding-bottom: 7.5px;
	}
}

@media (min-width: 2600px) {
	.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > button {
		font-size: 24px;
		padding-top: 35px;
		padding-bottom: 35px;
	}
}

body.dark-mode .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > button {
	border-top: 3px solid #001825;
	border-bottom: 3px solid #001825;
	background: #001825;
	color: #fff
}

body.dark-mode .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > button:hover {
	border-bottom-color: #86efd9;
}

@media (max-width: 767px) {
	.navbar-inverse > .container {
		padding-right: 0px;
	}
}



.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > button:hover {
	color:#002f49;
	border-bottom: 3px solid #86efd9;
}

@media (max-width: 767px) {
	.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > button {
		padding-left: 15px;
		font-size: 18px;
	}

	.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > button:hover {
	}
}

.navbar-inverse .navbar-nav > li > p {
	color: #fff;
	font-size: 18px;
	font-weight: 100;
	font-family: Audimat;
	line-height: 20px;
	padding: 15px 5px;
	position: relative;
	display: block;
	margin-top: -1px;
	margin-bottom: 0px;
}

@media (min-width: 2600px) {
	.navbar-inverse .navbar-nav > li > p {
		font-size: 24px;
		padding-top: 35px;
		padding-bottom: 35px;
	}
}

@media (max-width: 767px) {
	.navbar-inverse .navbar-nav > li > p {
		display: none;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.navbar-inverse .navbar-nav > li > p {
		font-size: 14px;
		padding-left: 2px;
		padding-right: 2px;
	}
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
  color: #fff;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
  color: #86efd9;
}
@media (max-width: 767px){
.navbar-nav .open .dropdown-menu .dropdown-menu > li > a {
padding-left: 60px !important;
color:#ddd !important;
}
.navbar .dropdown-menu li a{
  padding: 12px 15px 12px 40px !important;
  border-bottom: 1px solid #333 !important;
  color:#ddd !important;
}
}

@media (min-width: 768px) and (max-width: 1199px) {
  .navbar-inverse .navbar-nav > li > a {
	  padding-left: 6px;
	  padding-right: 6px;
	  font-size: 14px;
  }
}

.navbar-inverse .navbar-nav > li {
	padding: 12px 15px;
}

@media (min-width: 2500px) {
	.navbar-inverse .navbar-nav > li {
		margin-top: 8px;
		margin-bottom: 8px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.navbar-inverse .navbar-nav > li {
		padding: 12px 8px;
	}
}

/*============================*/
/*======dropdowm menu=========*/
/*============================*/
.navbar .dropdown-menu {
  padding: 0;
  margin: 0;
  min-width: 190px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.navbar .dropdown-menu li a{
  color:#002f49;
  padding: 12px 20px;
  border-bottom: 0px none none;
  font-weight: 400;
  font-size: 13px;
  -webkit-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}


/**dropdown submenu*/
.dropdown-submenu {
  position:relative;
}
.dropdown-submenu>.dropdown-menu {
  top:0;
  left:100%;
  margin-top:-1px;
  margin-left:-1px;
  /*    -webkit-border-radius:0 6px 6px 6px;
	  -moz-border-radius:0 6px 6px 6px;
	  border-radius:0 6px 6px 6px;*/
}
.dropdown-submenu:hover>.dropdown-menu {
  display:block;
}
/*.dropdown-submenu>a:after {
  display:block;
  content:" ";
  float:right;
  width:0;
  height:0;
  border-color:transparent;
  border-style:solid;
  border-width:5px 0 5px 5px;
  border-left-color:#cccccc;
  margin-top:5px;
  margin-right:-10px;
}*/
.dropdown-submenu:hover>a:after {
  border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
  float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
  left:-100%;
  margin-left:10px;
  -webkit-border-radius:6px 0 6px 6px;
  -moz-border-radius:6px 0 6px 6px;
  border-radius:6px 0 6px 6px;
}
/*banner*/

.home-content{
  position: relative;
  display: table-cell;
  z-index: 0;
}

@media (min-width: 768px) {
	.home-content {
		vertical-align: middle;
	}
}

.main-flex-slider h1 .colored-text{
  font-weight: 900;
}

.main-flex-slider h1{
  font-weight: 900;
  font-style: normal;
  color:#fff;
  margin: 0;

  text-transform: uppercase;
}
@media(min-width:1200px){
  .main-flex-slider h1{
	  line-height: 64px;
	  padding: 7px 5px;
	  font-size: 64px;
  }
}
@media(max-width:992px){
  .main-flex-slider h1{
	  line-height: 50px;
	  padding: 0 5px;
	  font-size: 50px;
  }
}
@media(max-width:768px){
  .main-flex-slider h1{
	  line-height: 40px;
	  padding: 0 5px;
	  font-size: 40px;
  }
}
@media(max-width:633px){
  .main-flex-slider h1{
	  line-height: 25px;
	  padding: 0 5px;
	  font-size: 25px;
  }
}
.flex-slide-border{
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  width: 600px;
  max-width: 80%;
  margin: 10px auto;
}

/***intro-text*****/
.intro-wrap{
  background-color: #009d83;
}

/************heading section******/
.heading-section {
  margin-bottom: 60px;
}
.main-heading{
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
  margin-bottom: 30px;
}
.main-heading span{
  font-size: 17px;
  font-weight: 500;
  text-transform: uppercase;
}
.right-btn{
  float: right;
}
.sub-title{
  font-weight: 400;
  font-size: 36px;
  line-height: 48px;
  letter-spacing: 0px;
  margin: 0 0 15px 0;
}
.sub-heading p{
  font-weight: 400;
}

@media(max-width:433px){
  .main-heading span{
	  font-size: 14px;
  }
}
/******************services****************/
.service-box{
  text-align: center;
  margin-bottom: 25px;
}
.service-box i{
  width:95px;
  height: 95px;
  line-height: 95px;
  text-align: center;
  color:#009d83;
  font-size: 36px;
  background-color: #eee;
  margin-bottom: 25px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  opacity: 1;
}
.service-box:hover i{
  opacity: 1;
  transform: rotate(360deg) scale(1);
  color:#fff;
  background-color: #009d83;

}

.service-box h4{
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 700;
  color:#000;
}
.service-box p{
  font-weight: 500;
}
.service-box-2
h3{
  font-size: 18px;
  color:#444;
  font-weight: 400;
  text-transform: uppercase;

}

.service-box-2 h3 i{
  margin-right: 15px;
  color:#999;
  font-size: 23px;
  vertical-align: middle;
}
/*****************video player***********/
#ytp{
  width:100%;
  max-width:100%;
  height: 500px;
  display: table;
  background-color: #444;
  overflow-x: hidden;
  overflow-y: hidden;
  z-index: 1;
  position: relative;
   overflow-y: hidden !important;
	  overflow-x: hidden !important;
}
@media(max-width:320px){
  #ytp{
	  width:320px;
	  overflow-y: hidden !important;
	  overflow-x: hidden !important;
	  height: 300px;
  }
  .video-container h1{
	  font-size: 20px;
  }
}
.video-container{
  position: relative;
  display: table-cell;
  vertical-align: middle;
  z-index: 3;
}
.video-container h1{
  margin-bottom: 20px;
  color:#fff;
  text-transform: uppercase;
}
.video-container p{
  color:#fff;
}
/*mix it up filter*/

#grid .mix{
  display: none;
  opacity: 0;
}
#grid .image-area{
  margin-bottom: 30px;
}
.full-width .col-md-3,.full-width  .col-sm-6{
  padding: 0px;
  margin: 0px;
}

.full-width .image-area{
  margin-bottom: 0px !important;
}
.portfolio-filters{
  margin-bottom: 30px;
  list-style: none;
  padding: 0;
}
.portfolio-filters li{
  display:inline-block;
  border:1px solid #888;
  padding: 8px 10px;
  letter-spacing: 4px;
  cursor: pointer;
  font-size: 12px ;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-weight: 400;
  color:#666;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.portfolio-filters li + li{
  margin-left:10px;
}
.portfolio-filters li:hover{
  background-color: #009d83;
  color:#fff;
  border-color:#009d83;
}
.portfolio-filters li.active{
  background-color: #009d83;
  color:#fff;
  border-color:#009d83;
}
.image-wrapper{
  position: relative;
  display: block;
  margin-bottom: 30px;
}
.image-overlay{
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height: 100%;
  text-align: center;
  opacity: 0;
  background-color: rgba(0,0,0,0.5);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.image-overlay p{
  position: absolute;
  top: 50%;
  margin-top: -10px;
  width:100%;
  text-align: center;
  color:#fff;
}
.image-wrapper:hover .image-overlay{
  opacity: 1;

}


.parallax {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 100%;
  background-size: cover;
  background-attachment: fixed;
}
.carousel{
  margin-bottom: 50px;
}
.carousel-control{
  top:50%;
  margin-top: -20px;
  width:60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
}
.carousel-control span i{
  font-size: 44px;
}
.carousel-control.left,.carousel-control.right{
  background-image: none;
}
.project-detail{
  margin-bottom: 40px;
}
.project-detail h4{
  text-transform: uppercase;
  border-bottom: 2px solid #f5f5f5;
  font-size: 18px;

}
.project-detail p{
  font-weight: 300;
  font-size: 20px;
}
.project-detail .colored-text{
  font-size: 16px;
  text-transform: uppercase;
}
.work-cta{
  padding-top:60px;
  padding-bottom: 40px;
  background: #f2f2f4;
}
.work-cta a i{
  font-size: 25px;
}
.work-cta a{
  color:#999;
}
.work-cta a:hover{
  color:#009d83;
}
/**************footer css sart *******************/

#footer {
  position: relative;
  border-bottom: 1px solid #464647;
  background: #262626;
  padding: 50px 0 40px 0;
}
.footer-col .widget-title{
  color: #d5d5d5;
}
.footer-col p{
  font-family: Brandon Text, sans-serif;
  font-weight: 400;
  font-size: 14px;
  color:#bbb;
}
.widget-title{
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0 0 10px 0;
  margin-bottom: 20px;
  color:#fff;
}
.widget-title:first-letter{
  border-bottom: 5px solid #009d83;
}
.footer-col p{
  font-size: 14px;
  line-height: 26px;
  color: #d5d5d5;
  font-weight: 300;
}
.recent-tweets li{
  color:#d5d5d5;
  font-weight: 300;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #464647;
}
.recent-tweets li span{
  display: block;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 400;
  font-family: Brandon Text, sans-serif;
  color:#bbb;
}
.recent-tweets li a{
  font-weight: 400;
}
.recent-tweets li a:hover{
  color:#fff;
}
.recent-tweets li a i{
  font-size: 30px;
  vertical-align: middle;
  margin-right: 10px;
  color:#d5d5d5;
}
/*footer bottom*/
#footer-bottom{
  background-color: #262626;
}
.footer-nav{
  padding: 30px 0 0;
  text-align: center;
}
.f-menu-items{
  margin: 0px;
  padding: 0px;
}
.f-menu-items li:before {
  content: "|";
  margin: 0 12px 0 6px;
  color:#d5d5d5;
}
.f-menu-items li:first-child:before {
  content: "";
  margin: 0;
}
.f-menu-items li a{
  color:#bbb;
}
.f-menu-items li a:hover{
  color:#fff;
}
.footer-privacy-text{
  padding: 25px 0;
  text-align: center;
  color:#d5d5d5;
}
.recent-post li{
  color:#fff;
  padding-bottom: 10px;
  border-bottom: 1px dotted rgba(255,255,255,0.1);
  margin-bottom: 20px;
}
.recent-post li a{
  font-weight: 400;
  color:#bbb;

}
.recent-post li a:hover{
  color:#fff;
}
.recent-post li em{
  display: block;
  margin-top: 5px;
}
/*************soical icons**********/
.social-1{
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 40px;
  padding: 0;
}
.social-1 li a i{
  width:40px;
  margin-bottom: 5px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color:#fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 16px;
  -webkit-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}
.social-1 li a i:hover{
  opacity: 0.8;
}
.social-1 li a i.fa-facebook{
  background-color: #3b5998;
}
.social-1 li a i.fa-twitter{
  background-color: #0084b4;
}
.social-1 li a i.fa-google-plus{
  background-color: #C63D2D;
}
.social-1 li a i.fa-pinterest{
  background-color: #cb2027;
}
.social-1 li a i.fa-dribbble{
  background-color: #ea4c89;
}
/*tooltip*/
.tooltip{
  font-size: 16px;
  line-height: 2;
}
.tooltip.top .tooltip-inner {
  background-color:#009d83;
  padding: 6px 12px;
  font-size: 13px;
}
.tooltip.top .tooltip-arrow {
  border-top-color:#009d83;
}


/**contact**/

.contct-info{
  background: url('../img/contact-banner-2.jpg') no-repeat center center fixed;
  width: 100%;
  padding: 80px 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
}
.contct-detail{
  text-align: center;
  margin-bottom: 30px;
}
.contct-detail h3{
  color:#fff;
  margin-bottom: 20px;
  letter-spacing: 1px;

}
.contct-detail h3 i{
  font-size: 60px;
}
.contct-detail p{
  color:#fff;
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: 400;
}

.contact-form-wrap{
  padding-top: 70px;
  background-color: #002f49;
}

@media (max-width: 767px) {
	.contact-form-wrap {
		padding-top: 50px;
	}
}

@media (max-width: 450px) {
  .contact-form-wrap {
	  padding-top: 40px;
  }
}

.contact-form-wrap form .form-control{
  min-height: 60px;
  background-color: #fff;
  color: #002f49;
  font-family: Akzidenz Grotesk;
  font-weight: 100;
}

.contact-form-dropdown {
  width: 100%;
  font-size: 20px;
  font-weight: 100;
  padding: 12px;
  margin-bottom: 15px;
  font-family: Akzidenz Grotesk;
}

@media (min-width: 2600px) {
	.contact-form-dropdown {
		font-size: 42px;
	}
}

@media (max-width: 500px) {
	.contact-form-dropdown {
		padding: 10px 6px;
		font-size: 18px;
		margin-bottom: 10px;
	}
}

.help-block ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
.help-block ul li{
  color:red;
}

/*forms*/
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.form-control{
  border: 2px solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  min-height: 45px;
  border-radius: 0;
  font-size: 12px;
  color: #7a7a7a;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: #FFF;
  -webkit-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.form-control:focus{
  border-color: #999;
  background: #FFF;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}



/**********testimonials***/

#testimonials{
  background: url('../img/banner-2.jpg') no-repeat center center fixed;
  width: 100%;
  padding:120px 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
}
.testi-feed img{
  float: left;
  margin-right: 30px;
  max-width: 128px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}
.testi-feed p{
  overflow: hidden;
  color:#fff;
  font-size: 24px;
  font-weight: 400;
  font-style: italic;
  font-family: Brandon Text, sans-serif;
}
.testi-feed span{
  font-family: Brandon Text, sans-serif;
  color:#009d83;
  font-style: normal;
  display: block;
  margin-top: 30px;
}
.person-wrap .person-desc{
  text-align: center;
}
.person-desc{
  padding: 10px 20px;
}
.person-desc.desc-2{
  background-color: #f5f5f5;
}
.person-desc h3{
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 0px;
}
.person-desc em{
  color:#009d83;
  display: block;
  margin-bottom: 10px;
}

.team-social{
  margin-top: 20px;
  padding: 0;
  margin-left: 0px;
}
.team-social li a i{
  width:32px;
  height: 32px;
  line-height: 32px;
  background: #f2f2f2;
  color:#333;
  border: 1px solid #f1f1f1;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.team-social li a i:hover{
  color:#fff;
  background-color: #777;
}
.team-wide{
  margin-bottom: 50px;
}
.team-wide-desc h3{
  text-transform: uppercase;
  color:#000;
  margin-bottom: 5px;
}
.team-wide img{
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.team-wide-desc em{
  display: block;
  margin-bottom: 10px;
  font-size: 15px;
  color:#999;
}
.team-wide-desc p{
  font-size: 16px;
  line-height: 30px;
}

.work-banner{
  background: url(../img/banner-4.jpg) no-repeat top center;
  padding: 243px 0 143px 0;
}
#page-header h1{
  text-align: center;
  text-transform: uppercase;
  color:#fff;
  font-weight: 700;

}
.breadcrumb{
  background-color: transparent;
  border-bottom: 1px dashed #ddd;
}
.inner-page-content{
  padding-top: 80px;
}
/******************************blog entry and sidebar***************/
.entry{
  margin-bottom: 80px;
  border-bottom: 2px solid #F5F5F5;
}
.entry-title{
  font-size: 30px;
}
.entry-title a{
  color:#333;
}
.entry-title a:hover{
  color:#009d83;
}
.blog-columns .entry-title{
  margin-top: 25px;
  font-size: 25px;
}
/************image hover ****/
.image-area{
  overflow: hidden;
  position: relative;
  display: block;
}
.image-area img{
  width:100%;
}
.image-info {
display: block;
z-index: 120;
position: absolute;
padding: 10px 0;
width: 100%;
height: 100%;
top: auto;
left: 0;
bottom: 0;
text-align: center;
background: #00c3b5;
opacity: 0;
filter: alpha(opacity=0);
/*-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;*/
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
}
.image-info-inner{
  position: absolute;
  top: 50%;
  margin-top: -20px;
  width:100%;
}
.image-info-inner h3 {
position: relative;
display: block;
padding: 0px;
margin: 0;
font-size: 18px;
line-height: 28px;
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 0px;
}
.image-info-inner em{
  color:#fff;
  display: block;
}
.image-info i{
  width:40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #f2f2f2;
  color:#009d83;
  margin-right: 10px;
}

.image-area:hover .image-info {
/*-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);*/
opacity: 1;

}
.image-info {
background:rgba(217, 91, 68, 0.85);
}
.entry-meta{
  padding: 15px 0;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 20px;
}
.entry-meta ul{
  margin: 0;
  padding: 0;
  font-family: Brandon Text, sans-serif;
}
.entry-meta ul li a i{
  margin-right: 5px;
}
.entry-meta ul li a{
  color:#aaa;
}
.entry ul li a:hover{
  color:#009d83;
}

.entry-meta li:after{
  content: '/';
padding-left: 9px;
padding-right: 8px;
}
.entry-meta li:last-child:after{
  content: "";
  display: none;
}
.read-more {
  display: block;
  margin: 30px 0;
}

.pagination{
	border-radius: 0px;
	-webkit-border-radius: 0px;
	font-family: HK Grotesk;
	font-size: 18px;
	font-weight: 900;
}
.pagination-wrap{
	margin-bottom: 80px;
}
.pagination>li.active>a{
	background-color: #86efd9;
	border-color:#86efd9;
	color: #002f49;
}
.pagination>li>a{
	color:#333;
}
.pagination>li>a:hover{
	color:#86efd9;
}


.left-img .entry .entry-title{
  font-size: 25px;
  margin-top: 0px;
}
.author-image img{
  width:84px;
  height: 84px;

}
.author-image{
   float: left;
  margin-right: 15px;
}
.related-post{
  margin-top: 50px;
  margin-bottom: 30px;
}
.related-post .entry{
  margin-bottom: 30px;
}
.related-post h4{
  margin-bottom: 20px;
}
.related-post .entry-title{
  font-size: 20px;
  line-height: 25px;
  margin-top: 15px;
  margin-bottom: 5px;
}
.comments{
  margin-bottom: 80px;
}
.comment-box{
  margin-top: 40px;
}
.comment-box .comment-author{
  float: left;
  margin-right: 30px;
}
.comment-author img{
  width:84px;
  height: 84px;
}
.comment-text{
  overflow: hidden;
}
.comment-text h5{
  margin-bottom: 5px;
}
.comment-box{
  margin-bottom: 20px;
}
.comment-box em{
  display: block;
  color:#999;
  margin-bottom: 5px;
}
.comment-text p{
  margin-bottom: 5px;
}
span.reply{
  display: block;
}
span.reply a i{
  margin-right: 5px;
}
span.reply a{
  color:#555;
}
span.reply a:hover{
  color:#009d83;
}
.comment-form h4{
  margin-bottom: 20px;
}
.comment-form{
  margin-bottom: 50px;
}
/********************************sidebar***********************/
.sidebar-box{
  margin-bottom: 30px;
}
.sidebar-box h4{
  text-transform: uppercase;
  font-size: 18px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px;
}
.search-form{
  position: relative;
  display: block;
}
.search-form .form-control{
  border-radius: 30px;
  -webkit-border-radius: 30px;
  height: 45px;
  box-shadow: 0px 1px 3px rgba(0,0,0,0.2)inset;
}
.search-form .submit-btn{
  background: transparent;
  border: none;
  position: absolute;
  right:20px;
  top:11px;
}
ul.category-list li{
  background: url(../img/bullet.png) no-repeat  4px 15px;
  padding-left: 18px;
  padding-top:8px;
  padding-bottom: 8px;
/*    border-bottom: 1px solid #ddd;*/
}
ul.category-list li a{
  color:#999;
}
ul.category-list li a:hover{
  color:#009d83;
  margin-left: 5px;
}
.entry-img{
  width:80px;
  height: 80px;
  float: left;
  margin: 0 15px 0 0;
  display: block;

}
.entry-img img{
	 border-radius: 5px;
  -webkit-border-radius: 5px;
}
.entry-c{
  overflow: hidden;
}
.entry-c span{
  display: block;
  font-family: Brandon Text, sans-serif;
  font-weight: 400;
}
.entry-c span a{
  color:#666;
}
.entry-c a:hover{
  color:#009d83;
}
.entry-c em{
  color:#999;
}
.contact-wrap{
  margin-bottom: 50px;
}
.contact-wrap h4{
  margin-bottom: 30px;
}
.contact-wrap i{
  margin-right: 10px;
}
.contact-wrap p{
  margin: 0px;
}
.blank-page{
  padding-bottom: 150px;
  padding-top: 80px;
}
.blank-page h2{
  text-transform: uppercase;
}
.error-page{
  padding-bottom: 80px;
}
.error-page h2{
  font-weight: 700;
  text-transform: uppercase;
}
.error-page p{
  margin-bottom: 30px;
}
.error-page i{
  color:#f1f1f1;
  font-size: 200px;
  line-height: 200px;
  margin-bottom: 20px;
}
.center-heading{
  margin-bottom: 60px;
}
.center-heading h3{
  text-transform: uppercase;
  font-weight: 600;
}
.center-heading .center-line{
  width:70px;
  height: 2px;
  background-color: #999;
  display: block;
  margin: 0 auto;
}
.center-heading p{
  font-size: 21px;
  color:#777;
  margin-top: 20px;
  font-weight: 300;
}


/*****************cta******************/
.cta{
  padding: 50px 0;
  background-color: #f5f5f5;
}
  .cta h4{
 text-transform: uppercase;
 margin-top: 10px;
}
@media(min-width:768px){
  .cta h4{
  margin-bottom: 0px;
}
}


/*****************counters*************/
.counters{
  padding: 60px 0;
  background-color: #333;
}
.fact-col{
 text-align: center;
}
.fact-col span{
  display: block;
  font-weight: 700;
  color:#fff;
  font-size: 54px;
}
.fact-col h4{
  color:#fff;
  margin-bottom: 0px;
  margin-top: 10px;
  font-weight: 300;
}



/**************Pricing tables************/
.plan-wrap{
  background-color: #333;
}
.plan-wrap.best{

  position: relative;
}
.popular{
  display: block;
  position: absolute;
  text-align: center;
 padding: 4px 10px;
  top:0px;
  color:#fff;
  background-color: #009d83;
}
.plan-inner .plan-title{
  padding: 25px 25px 3px;
  color:#fff;
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
}
.plan-inner .plan-value span.amount{
  color:#fff;
  font-size: 60px;
}
.plan-inner .plan-value sup.value{
  vertical-align: top;
  font-size: 17px;
  top: 20px;
  position: relative;
  color:#fff;
}
.plan-inner .plan-value sub.time{
  vertical-align: bottom;
  color:#fff;
  font-size: 17px;
  bottom:20px;
}
.plan-features{
  padding-top: 10px;
  padding-bottom: 15px;
}
.plan-features li{
  padding: 2px 20px 13px;
  color:#999;
}
.plan-link{
  padding-bottom: 30px;
}

/***************elements*************/
.show-grid-block {
background-color: #EEE;
line-height: 40px;
min-height: 40px;
text-align: center;
border: 1px solid #FFF;
display: block;
}
.element-section{
  margin-bottom: 60px;
}
.element-section h2{
  text-transform: uppercase;
  font-size: 25px;
  margin-bottom: 30px;
}
/*****************bootstrap tabs overrides*****************************/
/*tabs*/

.tabs .nav-tabs {
  border-bottom: none;
}
.tabs .nav-tabs  li {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .tabs .nav-tabs  li {
	  width: 100%;
	  float: none;
	  margin-bottom: 2px;
  }
  .tabs .nav-tabs  li  a {
	  margin-right: 0 !important;
  }
  .tabs .nav-tabs  li.active  a {
	  border-bottom: 2px solid #dcdcdc !important;
  }
}
.tabs .nav-tabs  li  a {
  background: #f7f7f7;
  margin-right: 2px;
  border-left: 1px solid #f7f7f7;
  border-right: 1px solid #f7f7f7;
  border-bottom: none !important;
  border-radius: 0;
  padding: 12px 20px;
  color: #6d6d6d;
  position: relative;
}
.tabs .nav-tabs  li  a:after {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  height: 3px;
}
.tabs .nav-tabs  li  a:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 1px;
}
.tabs .nav-tabs  li  a:hover {
  border-color: #f7f7f7;
}
.tabs .nav-tabs > li > a .fa {
  margin-right: 4px;
}
.tabs .nav-tabs  li.active  a {
  color: #009d83;
  border-left-color: #eee;
  border-right-color: #eee;
  background: #fff;
}
.tabs .nav-tabs  li.active  a:after {
  background: #009d83;
}
.tabs .nav-tabs  li.active  a:before {
  background: #fff;
}
.tabs .nav-tabs  li.active  a:hover {
  border-bottom-color: #fff;
}
.tabs .tab-content {
  padding: 15px 8px;
  border: 1px solid #eee;
  background: #fff;

}
.tab-content p{
  overflow: hidden;
}
.tabs .tab-content:before,
.tabs .tab-content:after {
  content: " ";
  display: table;
}
.tabs .tab-content:after {
  clear: both;
}
.tabs .tab-content p:last-child {
  margin-bottom: 0;
}
.form-element .form-control{
  height: 31px;
}
.buttons button{
  margin: 5px;
}

pre code {
  white-space: pre;
}

/* CUSTOM CSS STARTS HERE */

/* Header */

.navbar .dropdown-menu {
	background-color: #f9f9f4;
	border: 0px solid transparent;
	min-width: 400px;
	border-radius: 0px 0px 20px 20px;
	box-shadow: 6px 6px 10px rgba(0,47,73,0.1)
}

.navbar .dropdown-menu > p {
	padding: 15px 25px 1px 15px;
	font-family: Akzidenz Grotesk;
	font-weight: 300;
	font-size: 16px;
	color: #002f49;
}

/* .navbar .dropdown:hover {
	background-color: #002f49;
	color: #002f49;
} */

.navbar .dropdown-menu li a {
	font-size: 16px;
	padding-left: 15px;
	font-weight: 500;
}

.navbar .products-dropdown li a {
}

.navbar-right .dropdown-menu {
	right: auto;
}

.navbar .dropdown-menu li a:hover {
	color: #002f49;
	background: #86efd9;
}

.navbar .dropdown-menu li:nth-last-child(1) a:hover {
	border-radius: 0px 0px 20px 20px;
}

.search-icon-container {
	margin-top: 15px;
	margin-left: 10px;
}

@media (min-width: 2500px) {
	.search-icon-container {
		margin-top: 24px;
	}
}

@media (max-width: 767px) {
	.search-icon-container {
		display: none;
	}
}

.search-icon {
	font-size: 18px;
	color: #002f49;
}

@media (max-width: 500px) {
	.search-icon {
		margin-right: 15px;
	}
}

@media (min-width: 2600px) {
	.search-icon-container {
		margin-top: 28px;
	}

	.search-icon {
		font-size: 24px;
	}
}

.search-icon:hover {
	color: #86efd9;
}

body.dark-mode .search-icon {
	color: #fff;
}

.nav-search:hover {
	background-color: transparent !important;
}

.nav-search > .search-dropdown {
	margin-top: 11px;
	margin-left: -350px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.search-icon-container {
		margin-left: 20px;
	}
}

@media (max-width: 321px) {
	.navbar-toggle-mobile {
	  /* margin-right: 50px !important; */
	}

	.container {

	}
}

.blog-landing-search .unibox {
	border-radius: 0px;
}

.blog-landing-search #unibox-suggest-box h3 {
	font-weight: 300;
}

.blog-landing-search #unibox-suggest-box h3 span {
	font-weight: 700;
}

@media (max-width: 767px) {
	.blog-landing-search {
		margin-bottom: 30px;
	}
}

.ss360-custom-new {
	box-shadow: 2px 2px 4px rgba(0 0 0 / 12%);
	box-sizing: border-box;
	appearance: none;
	height: 44px;
	margin: 0;
	max-width: 420px;
	padding: 0 8px;
	width: 100%;
}

.blog-landing-search .ss360-custom-search {
	justify-content: left;
}

@media (min-width: 1920px) {
	.blog-landing-search input {
		height: 70px !important;
	}

	.blog-landing-search button {
		height: 70px !important;
	}
}

@media (max-width: 549px) {
	.blog-landing-search {
		display: none;
	}

	.blog-landing-search .ss360-custom-search {
		display:none;
	}

	.blog-landing-search script {
		display: none;
	}
}

.navbar-fixed-top {
	z-index: 2000;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
	color: #002f49;
	background-color: #fff;
	border-color: #fff;
}

.navbar-inverse .navbar-nav > .open > .dropdown-toggle:focus {
	background: transparent;
	border-color: #86efd9;
	border-top-color: transparent;
	color: #002f49;
}

body.dark-mode .navbar-inverse .navbar-nav > .open > .dropdown-toggle:focus {
	color: #fff;
}

/* Main Banner */

.main-banner{
	background-color: #002f49;
	background-image:  url(../img/bg-graphic-ldn-md.png);
	background-position: center 0%;
	background-size: 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	display: table;
	width: 100%;
	height: 100%;
	min-height: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	vertical-align: middle;
	z-index: 1;
}

@media (max-width: 767px) {
	.main-banner {
		background-image: url(../img/bg-graphic-ldn-sm.png);
		height: auto;
		min-height: 1px;
	}
}

@media (max-width: 500px) {
	.main-banner {
		background-image: url(../img/bg-graphic-ldn-xs.png);
	}
}

.main-heading-container {
  margin-top: -400px;
}

/* @media (max-width: 200px) {
	.main-heading-container {
		margin-top: -300px;
	}
}

@media (max-width: 900px) {
	.main-heading-container {
		margin-top: -300px;
	}
}

@media (max-width: 800px) {
	.main-heading-container {
		margin-top: -250px;
	}
}*/

@media (max-width: 991px) {
	.main-heading-container {
		margin-top: -200px;
	}
}

@media (max-width: 767px) {
	.main-heading-container {
		margin-top: 100px;
		margin-bottom: 60px;
	}
}

@media (max-width: 600px) {
	.main-heading-container {
		margin-top: 250px;
	}
}

@media (max-width: 500px) {
	.main-heading-container {
		margin-top: 250px;
		margin-bottom: 0px;
	}
}

@media (max-width: 370px) {
	.main-heading-container {
		margin-top: 200px;
	}
}

@media (max-width: 321px) {
	.main-heading-container {
		margin-top: 180px;
	}
}

/* @media (min-width: 1399px) and (min-height: 901px) {
	.main-heading-container {
		margin-top: -400px;
	}
}

@media (min-width: 2600px) {
	.main-heading-container {
		margin-top: -300px;
	}
}

@media (max-width: 1399px) and (max-height: 800px) {
	.main-heading-container {
		margin-top: -300px;
	}
}

@media (max-width: 1199px) {
  .main-heading-container {
	  margin-top: -150px;
  }
}

@media (max-width: 1199px) and (max-height: 800px) {
	.main-heading-container {
		margin-top: -325px;
	}
}

@media (max-width: 991px) {
  .main-heading-container {
	  margin-top: -300px;
  }
}

@media (max-width: 991px) and (max-height: 680px) {
	.main-heading-container {
		margin-top:-150px;
	}
}

@media (max-width: 991px) and (max-height: 500px) {
	.main-heading-container {
		margin-top: 75px;
	}
}

@media (max-width: 767px) {
  .main-heading-container {
	  margin-top: 0px;
  }
}

@media (max-width: 649px) {
  .main-heading-container {
	  margin-top: -75px;
  }
}

@media (max-width: 500px) {
  .main-heading-container {
	  margin-top: -150px;
  }
}

@media (max-width: 500px) and (max-height: 675px) {
	.main-heading-container {
		margin-top: -75px;
	}
}

@media (max-width: 370px) and (max-height: 600px) {
	.main-heading-container {
		margin-top: 0px;
	}
}

@media (max-width: 321px) {
	.main-heading-container {
		margin-top: 0px;
	}
} */


.main-banner-illustration {
  	width: 100%;
}

@media (max-width: 767px) {
	.main-banner-illustration {
		width: 100%;
		margin-bottom: 20px;
	}
}

@media (min-width: 768px) {
	.main-image-container-sm {
		display: none;
	}
}

@media (max-width: 767px) {
	.main-image-container-sm {
		display: inherit;
		text-align: center;
		margin-bottom: 20px;
	}
}

@media (max-width: 767px) {
	.main-image-container {
		display: none;
	}
}

@media (max-width: 450px) {
	.main-banner-illustration {
		width: 100%;
		margin-bottom: 20px;
	}
}

.main-banner-heading {
	font-size: 60px;
	color: #fff;
	font-weight: 900;
	line-height: 1.2;
	margin-top: 150px;
	background: #000;
	padding: 20px;
}

.main-banner-heading p {
	margin: 0px;
	margin-bottom: 8px;
}

@media (min-width: 1600px) {
	.main-banner-heading {
		font-size: 60px;
	}
}

@media (min-width: 2499px) {
	.main-banner-heading {
		font-size: 90px;
		margin-top: 100px;
	}
}

@media (min-width: 3000px) {
	.main-banner-heading {
		font-size: 130px;
		margin-top: 300px;
	}
}

@media (max-width: 1199px) {
	.main-banner-heading {
		font-size: 36px;
		margin-bottom: 20px;
		margin-top: 125px;
	}
}

@media (max-width: 991px) {
	.main-banner-heading {
		font-size: 32px;
		margin-bottom: 0px;
		line-height: 1.3;
		margin-top: -60px;
	}
}

@media (max-width: 991px) and (max-height: 500px) {
	.main-banner-heading {
		margin-top: -60px;
	}
}

@media (max-width: 767px) {
	.main-banner-heading {
		font-size: 34px;
		margin-bottom: 20px;
		margin-top: 0px;
		text-align: left;
	}

	.main-banner-heading > span {
		display: inline-block;
		margin-top: 0px;
	}
}

@media (max-width: 500px) {
	.main-banner-heading {
		margin-top: 0px;
		font-size: 28px;
		line-height: 1.2;
	}
}

@media (max-width: 321px) {
	.main-banner-heading {
		font-size: 24px;
	}
}

.main-banner-heading-bg {
	background-color: #000;
	color: #fff;
	line-height: 1.2;
	margin-top: 100px;
	padding: 20px;
	font-weight: 600;
}

@media (max-width: 991px) {
	.main-banner-heading-bg {
		padding: 10px;
	}
}

.main-banner-heading-cs {
	color: #ffe5d9;
	animation: Typewriter-cursor 1s infinite;
	line-height: 1.2;
	display: inline-block;
}

.main-banner-heading-bg-em {
	background-color: #000;
	color: #86efd9;
	line-height: 1.2;
	margin-top: 100px;
	padding: 20px;
	font-weight: 600;
}

@media (max-width: 991px) {
	.main-banner-heading-bg-em {
		padding: 10px;
	}
}

@media (min-width: 2499px) {
	.main-banner-heading-bg {
		padding: 20px;
	}

	.main-banner-heading-bg-em {
		padding: 20px;
	}
}

@media (max-width: 500px) {
	.main-banner-heading-bg {
		padding: 7px; 
	}

	.main-banner-heading-bg-em {
		padding: 7px;
	}
}

@media (max-width: 767px) {
	.main-banner-space {
		display: none;
	}
}

@media (max-width: 649px) {
	.main-banner-space {
		display: inherit;
	}
}

#app .main-banner-heading-bg {
	position: relative;
	z-index: 99999;
}


.about-heading-container .main-banner-heading {
	margin-top: 0px;
	margin-bottom: 0px;
}

.main-banner-subheading {
  font-size: 70px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 40px;
  text-shadow: 1px 1px 5px #002f49;
}


.btn-main-banner {
  font-size: 20px;
  font-weight: 200;
  padding: 15px;
  background-color: rgba(51, 49, 63, 0.5);
  border: 3px solid #fff;
  color: #fff;
  letter-spacing: 1.5px;
  font-family: Audimat;
}

.btn-main-banner:hover {
  background-color: #86efd9;
  color: #002f49;
  border: 3px solid #86efd9;
}

@media (max-width: 991px) {
  .btn-main-banner {
	  font-size: 18px;
	  padding: 12px 15px;
  }
}

@media (max-width: 767px) {
  .btn-main-banner {
	  font-size: 18px;
	  padding: 15px;
	  width: auto;
  }
}





/* @media (max-width: 5000px) {
  .main-banner {
	  background-image: url(../img/main-banner-xl.jpg) !important;
	  background-repeat: no-repeat;
  }
}

@media (max-width: 2439px) {
  .main-banner {
	  background-image: url(../img/main-banner-lg.jpg) !important;
	  background-repeat: no-repeat;
  }
}

@media (max-width: 1919px) {
  .main-banner {
	  background-image: url(../img/main-banner-md.jpg) !important;
	  background-repeat: no-repeat;
  }
}

@media (max-width: 1439px) {
  .main-banner {
	  background-image: url(../img/main-banner-sm.jpg) !important; 
	  background-repeat: no-repeat;
  }
}

@media (max-width: 767px) {
  .main-banner {
	  background-image: url(../img/main-banner-xs.jpg) !important;
	  background-repeat: no-repeat; 
  }
} */


@media (max-height: 450px) {

  .main-banner-subheading {
	  font-size: 30px;
	  margin-bottom: 20px;
	  line-height: 1.3;
  }

  .btn-main-banner {
	  font-size: 14px;
	  padding: 8px 8px 8px 10px !important;
  }
}

.lead-banner-segment {
	background: #002f49;
}

@media (max-width: 991px) {
	.lead-banner-segment {
		padding-bottom: 50px;
		padding-top: 50px;
	}
}

@media (max-width: 767px) {
	.lead-banner-img-col {
		display: none;
	}
}

.lead-banner-heading {
	font-size: 60px;
	font-family: HK Grotesk;
	font-weight: 900;
	margin-top: 50px;
	color: #fff;
	line-height: 1.1;
}

.lead-banner-heading span {
	font-family: HK Grotesk;
	font-weight: 900;
	color: #86efd9;
}

@media (min-width: 1919px) {
	.lead-banner-heading {
		font-size: 72px;
		margin-top: 100px;
	}
} 

@media (min-width: 2048px) {
	.lead-banner-heading {
		font-size: 80px;
	}
} 

@media (max-width: 1199px) {
	.lead-banner-heading {
		font-size: 48px;
	}
}

@media (max-width: 991px) {
	.lead-banner-heading {
		font-size: 36px;
	}
}

@media (max-width: 500px) {
	.lead-banner-heading {
		font-size: 30px;
	}
}

.type-banner-container {
	margin-right: 0px;
}

.type-banner-grid {
	display: grid;
	grid-template-columns: 2fr 4fr;
	gap: 0px;
	padding-right: 0px;
	background: #f9f9f4;
	transition: 0.3s;
}

@media (max-width: 767px) {
	.type-banner-grid {
		grid-template-columns: 1fr;
	}
}

body.dark-mode .type-banner-grid {
	background: #002337; 
}

@media (max-width: 767px) {
	.type-banner-left-container {
		display: none;
	}
}

.type-banner-left {
	background-color: #f9f9f4;
	padding: 6vw 3vw 3vw 3vw;
	text-align: right;
	transition: 0.3s;
}

@media (max-width: 1199px) {
	.type-banner-left {
		padding-top: 9vw;
	}
}

@media (max-width: 767px) {
	.type-banner-left {
		padding-bottom: 0px;
	}
}

@media (max-width: 549px) {
	.type-banner-left {
		padding-top: 14vw;
		padding-left: 20px;
	}
}

body.dark-mode .type-banner-left {
	background: #fff;
	border-radius: 0px 0px 6vw 0px;
}

@media (max-width: 549px) {
	body.dark-mode .type-banner-left {
		border-radius: 0px 0px 10vw 0px;
	}
}

.type-banner-right {
	background-color: #002f49;
	/* background-image: url(../img/main-banner-sm.jpg) !important; */
	padding: 5vw 0 4vw 2.5vw;
	border-radius: 0px 0px 0px 8vw;
	transition: 0.3s;
}

@media (max-width: 1199px) {
	.type-banner-right {
		padding-top: 8vw;
	}
}

@media (max-width: 767px) {
	.type-banner-right {
		padding-top: 1vw;
	}
}

@media (max-width: 549px) {
	.type-banner-right {
		padding-left: 20px;
	}
}

body.dark-mode .type-banner-right {
	background: #002337;
	border-radius: 0px;
}

.type-banner-right a {
	cursor: pointer;
}

.type-headline-small {
	font-weight: 900;
	font-size: 6vw;
	text-align: right;
	color: #002f49;
	line-height: 0.95;
}

@media (max-width: 767px) {
	.type-headline-small {
		text-align: left;
		padding-top: 15px;
	}
}

body.dark-mode .type-headline-small {
}

.type-headline-subheading {
	text-align: right;
	font-size: 20px;
	color: #002f49;
	border-top: 3px solid #002f49;
	padding-top: 15px;
	margin-top: 2vw;
	line-height: 1.3;
}

@media (min-width: 2500px) {
	.type-headline-subheading {
		font-size: 30px;
	}
}

@media (max-width: 1199px) {
	.type-headline-subheading {
		margin-top: 0px;
		font-size: 16px;
	}
}

@media (max-width: 767px) {
	.type-headline-subheading {
		font-size: 20px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

@media (max-width: 767px) {
	body.dark-mode .type-headline-subheading {
		color: #fff;
		margin-top: 0px;
	}
}

@media (max-width: 549px) {
	.type-headline-subheading {
		padding-top: 0px;
	}
}

.type-headline-lead {
	text-align: right;
	font-size: 16px;
	color: #002f49;
	line-height: 1.6;
}

@media (max-width: 1199px) {
	.type-headline-lead {
		font-size: 14px;
	}
}

.type-headline-lead span {
	font-weight: 600;
	color: #002f49;
}

body.dark-mode .type-headline-lead, body.dark-mode .type-headline-lead span {
	color: #002f49;
}

.type-headline-big {
	font-weight: 900;
	font-size: 15vw;
	text-align: left;
	color: #fff;
	line-height: 0.8;
	transition: 0.5s;
	margin-top: 15px;
}

.type-headline-big.hovered {
	color: #86efd9;
}

.type-headline-big:hover {
	color: #86efd9;
}

@media (max-width: 991px) {
	.type-headline-big {
		font-size: 18vw;
	}
}

@media (max-width: 767px) {
	.type-headline-big {
		font-size: 23vw;
	}
}

@media (max-width: 549px) {
	.type-headline-big {
		margin-top: 20px;
	}
}

body.dark-mode .type-headline-big {
	color: #fff;
}

body.dark-mode .type-headline-big:hover {
	color: #86efd9;
}

body.dark-mode .type-headline-big.hovered {
	color: #86efd9;
}

/*.type-headine-big span {
	font-weight: 900;
	color: #86efd9;
}*/

.type-banner-mobile-container {
	padding-left: 3vw;
	padding-right: 3vw;
	text-align: left;
}

@media (max-width: 549px) {
	.type-banner-mobile-container {
		padding-left: 25px;
	}
}

@media (min-width: 768px) {
	.type-banner-mobile-container {
		display: none;
	}
}

.type-banner-mobile-container .type-headline-subheading {
	border-top: 0px solid transparent;
	text-align: left;
}

.type-banner-mobile-container .type-headline-lead {
	text-align: left;
}

.btn-new {
	border: 3px solid #002f49;
	background: #fff;
	color: #002f49;
	padding: 15px 25px;
	font-size: 20px;
	font-weight: 600;
	border-radius: 30px;
	text-transform: none;
	letter-spacing: 1px;
	box-shadow: 2px 2px 10px rgba(0, 47, 73, 0.4);
}

.btn-new.hovered {
	background: #86efd9;
	color: #002f49;
	box-shadow: 3px 3px 10px rgba(0, 47, 73, 0.7);
}

.btn-new:hover {
	background: #86efd9;
	color: #002f49;
	box-shadow: 3px 3px 10px rgba(0, 47, 73, 0.7);
}

@media (min-width: 2500px) {
	.btn-new {
		font-size: 24px;
		padding: 20px 30px;
	}
}

@media (max-width: 1199px) {
	.btn-new {
		padding: 8px 18px;
		font-size: 16px;
	}
}

@media (max-width: 767px) {
	.btn-new {
		padding: 15px 25px;
		font-size: 20px;
	}
}

body.dark-mode .btn-new {
	background: #fff;
	border-color: #002f49;
	color: #002f49;
}

body.dark-mode .btn-new:hover {
	background: #86efd9;
	color: #002f49;
}

body.dark-mode .btn-new.hovered {
	background: #86efd9;
	color: #002f49;
}

@media (min-width: 600px) {
	.mobile-button-container {
		display: none;
	}
}

.mobile-button-container a {
	display: block;
	margin-top: 20px;
}

body.dark-mode .mobile-button-container a {
	background: #002337;
	color: #86efd9;
	border-color: #86efd9;
}

.calendar-modal-dialog {
	margin-top: 60px;
}

.calendar-modal-content {
	border-radius: 20px;
}

.calendar-modal-content iframe #root > div > div {
	margin-top: 0px !important;
}

.banner-offering-segment {
	padding-top: 50px;
	padding-bottom: 50px;
	background: #f9f9f4;
	transition: 0.3s;
}

@media (max-width: 549px) {
	.banner-offering-segment {
		padding-top: 30px;
	}
}

body.dark-mode .banner-offering-segment {
	background: #002337;
}

@media (max-width: 767px) {
	.banner-offering-segment {
		margin-top: -1px;
	}
}

/* @media (max-width: 767px) {
	.banner-offering-segment .container {
		padding-left: 0px;
		padding-right: 0px;
	}
} */

.banner-offering-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 30px;
	justify-content: space-evenly;
}

@media (max-width: 1199px) {
	.banner-offering-grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 767px) {
	.banner-offering-grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 549px) {
	.banner-offering-grid {
		grid-template-columns: 1fr;
	}
}

.banner-offering-box {
	background: #fff;
	padding: 10px 15px 15px 15px;
	box-shadow: 2px 2px 10px rgba(0, 47, 73, 0.2);
	border-radius: 10px;
	transition: 0.3s;
}

body.dark-mode .banner-offering-box {
	background: #001825;
	border: 1.5px solid #86efd9;
}



.banner-offering-box h4 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 5px;
	color: #002f49;
	line-height: 1.2
}

body.dark-mode h4 {
	color: #fff;
}

@media (min-width: 1919px) {
	.banner-offering-box h4 {
		font-size: 24px;
	}
}

.banner-offering-box p {
	margin-bottom: 10px;
	color: #002f49;
	line-height: 1.5;
}

body.dark-mode p {
	color: #fff;
}

.banner-offering-box-intro {
	border-bottom: 2px dotted #002f49;
	padding-bottom: 10px;
	margin-bottom: 15px !important;
}

body.dark-mode .banner-offering-box-intro {
	border-color: #fff;
}

@media (min-width: 1919px) {
	.banner-offering-box-intro {
		font-size: 18px;
	}
}

.banner-offering-box p a {
	color: #002f49;
	font-weight: 600;
	border-bottom: 1.5px solid #002f49;
	cursor: pointer;
}

.banner-offering-box p a:hover {
	color: #002f49;
	background: #86efd9;
}

body.dark-mode p a {
	color: #86efd9;
	border-color: #86efd9;
}

@media (min-width: 1919px) {
	.banner-offering-box p a {
		font-size: 18px;
	}
}

.banner-offering-box p:nth-last-child(1) {
	margin-bottom: 0px;
}

.new-clients-segment {
	padding: 50px 0px;
	transition: 0.3s
}

body.dark-mode .new-clients-segment {
	background: #001825;
}

.new-clients-segment .client-logo-white {
	display: none;
}

body.dark-mode .new-clients-segment .client-logo-white {
	display: inline-block;
}

body.dark-mode .new-clients-segment .client-logo-dark {
	display: none;
}

.new-discover-segment {
	padding: 50px 0px;
	background: #f9f9f4;
	transition: 0.3s
}

body.dark-mode .new-discover-segment {
	background: #002337;
}	

.discover-heading {
	font-size: 6vw;
	line-height: 1;
	font-weight: 900;
	color: #002f49;
	margin-bottom: 60px;
}

@media (max-width: 599px) {
	.discover-heading {
		margin-bottom: 30px;
		font-size: 32px;
	}
}

body.dark-mode .discover-heading {
	color: #fff;
}

.discover-animation-container iframe {
	border-radius: 20px;
	border: 0px solid transparent;
	background: #f9f9f4;
	overflow: none;
	min-height: 400px;
}

@media (min-width: 1800px) {
	.discover-animation-container iframe {
		min-height: 500px;
	}
}

@media (min-width: 1921px) {
	.discover-animation-container iframe {
		min-height: 600px;
	}
}

@media (max-width: 1199px) {
	.discover-animation-container iframe {
		min-height: 300px;
	} 
}

@media (max-width: 767px) {
	.discover-animation-container iframe {
		min-height: 200px;
	}
}

@media (max-width: 599px) {
	.discover-animation-container iframe {
		/* display: none; */
		min-height: 300px;
		padding: 20px;
		border-radius: 20px;
		border: 2.5px solid #002337;
	}
}

body.dark-mode .discover-animation-container iframe {
	border-radius: 20px;
	border: 0px solid transparent;
}

@media (min-width: 600px) {
	.discover-copy-container .discover-animation-container {
		display: none;
	}
}

@media (max-width: 599px) {
	.col-xs-12 > .discover-animation-container {
		display: none;
	}
}

@media (max-width: 599px) {
	.animation-mob-01 iframe {
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 0px;
		padding-bottom: 10px;
	}
}

@media (max-width: 599px) {
	.animation-mob-02 iframe {
		padding-top: 0px;
		padding-bottom: 0px;
	}
}


.discover-offering-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 2vw;
	justify-content: space-evenly;
}

@media (max-width: 767px) {
	.discover-offering-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 549px) {
	.discover-offering-grid {
		grid-template-columns: 1fr;
	}
}

.discover-offering-grid .banner-offering-box {
	border: 3px solid #002f49;
}

.discover-copy-container {
	text-align: center;
}

@media (max-width: 599px) {
	.discover-copy-container {
		text-align: left;
	}
}

.discover-copy-container h3 {
	font-weight: 800;
	color: #002f49;
	margin-top: 20px;
}

@media (max-width: 991px) {
	.discover-copy-container h3 {
		font-size: 20px;
		margin-bottom: 0px;
	}
}

@media (max-width: 767px) {
	.discover-copy-container h3 {
		font-size: 24px;
		margin-top: 10px;
	}
}

@media (max-width: 549px) {
	.discover-copy-container h3 {
		font-size: 26px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
}

body.dark-mode .discover-copy-container h3 {
	color: #fff;
}

.discover-copy-container p {
	font-weight: 400;
	color: #002f49;
	font-size: 18px;
	margin-bottom: 0px;
	line-height: 1.5;
}

@media (min-width: 1919px) {
	.discover-copy-container p {
		font-size: 20px;
	}
}

@media (max-width: 991px) {
	.discover-copy-container p {
		font-size: 12px;
	}
}

@media (max-width: 767px) {
	.discover-copy-container p {
		font-size: 18px;
		margin-bottom: 0px;
	}
}

@media (max-width: 549px) {
	.discover-copy-container p {
		font-size: 16px;
		margin-bottom: 10px;
		margin-top: 10px;
	}
}

body.dark-mode .discover-offering-grid .banner-offering-box {
	border-color: #001825;
}


.banner-offering-box h4 span {
	background: #86efd9;
	padding: 3px 7px;
	font-weight: 800;
	border: 3px solid #002f49;
	font-size: 18px;
}

.discover-img {
	padding: 0px;
	border-radius: 0px;
	display: block;
	width: 100%;
	margin-bottom: 50px;
	transition: 0.3s;
}

@media (max-width: 767px) {
	.discover-img {
		display: none;
	}
}

body.dark-mode .discover-img {
	background: #002337;
	display: none;
}

.discover-img-inverse {
	display: none;
	transition: 0.3s;
	margin-bottom: 50px;
}

body.dark-mode .discover-img-inverse {
	display: inline-block;
}

.discover-img-mob {
	background: #f9f9f4;
	padding: 0px;
	border-radius: 0px;
	display: block;
	width: 100%;
	margin-bottom: 50px;
}

@media (max-width: 767px) {
	.discover-img-mob {
		width: 60%;
		margin-left: 20%;
	}
}

@media (min-width: 768px) {
	.discover-img-mob {
		display: none;
	}
}

@media (max-width: 549px) {
	.discover-img-mob {
		width: 90%;
		margin-left: 5%;
	}
}

body.dark-mode .discover-img-mob {
	background: #002337;
}

.discover-offering-grid .banner-offering-box h4 {
	margin-bottom: 15px;
	margin-top: 10px;
}

.discover-offering-grid .banner-offering-box p {
	font-size: 16px;
	font-weight: 500;
}

.new-updates-segment {
	padding: 50px 0px;
	background: #002f49;
	transition: 0.3s;
}

body.dark-mode .new-updates-segment {
	background: #001825;
}

.new-updates-container {
	background: #fff;
	padding: 15px 20px 5px 20px;
	box-shadow: 2px 2px 10px rgba(0, 47, 73, 0.2);
	border-radius: 10px;
	margin-bottom: 30px;
}

.new-updates-carousel-container {
	padding: 15px 20px 5px 20px;
	margin-bottom: 0px;
}

@media (max-width: 991px) {
	.new-updates-carousel-container {
		margin-bottom: 30px;
	}
}

.new-updates-container .homepage-carousel .homepage-carousel-item {
	padding: 0px;
	background: transparent;
}

.new-updates-container .homepage-carousel .carousel-indicators {
	bottom: 10px;
	margin-left: 0px;
	margin-bottom: 0px;
}

.new-updates-container .homepage-carousel .carousel-indicators li {
	border: 2px solid #002f49;
}

.new-updates-container .update-box {
	background: transparent;
	padding: 0px;
}

.new-updates-container .update-box a {
	color: #002f49;
}

.new-updates-container .update-box a:hover {
	color: #86efd9;
}

.new-updates-container .update-box .update-title-container a {
	font-size: 22px;
}

@media (max-width: 399px) {
	.new-updates-container .update-box .update-title-container a {
		font-size: 18px;
	}
} 

@media (min-width: 2500px) {
	.new-updates-container .update-box .update-title-container a {
		font-size: 26px;
	}
}

.new-updates-container .update-box p {
	color: #002f49;
	font-size: 18px;
}

@media (min-width: 2500px) {
	.new-updates-container .update-box p {
		font-size: 22px;
	}
}

.new-updates-container .update-box .update-details {
	font-size: 16px;
}

@media (min-width: 2500px) {
	.new-updates-container .update-box .update-details {
		font-size: 18px;
	}
}

.new-updates-container .update-box .update-intro {
	font-weight: 300;
	border-bottom: 1px solid #002f49;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

@media (max-width: 399px) {
	.new-updates-container .update-box .update-intro {
		font-size: 16px;
	}
} 

.new-updates-container .update-box .update-link {
	font-weight: 600;
	font-size: 18px;
}

@media (min-width: 2500px) {
	.new-updates-container .update-box .update-link {
		font-size: 22px;
	}
}

body.dark-mode .new-updates-container p {
	color: #002f49;
}

.intro-lead-heading {
	font-size: 42px;
	line-height: 1.2;
	margin-left: 0px;
	font-weight: 900;
	color: #002f49;
}

@media (max-width: 991px) {
	.intro-lead-heading {
		font-size: 36px;
		line-height: 1.1;
	}
}

@media (max-width: 767px) {
	.intro-lead-heading {
		font-size: 32px;
	}
}

@media (max-width: 500px) {
	.intro-lead-heading {
		font-size: 22px;
		margin-bottom: 10px;
	}
}

.intro-clients-heading {
	font-size: 42px;
	line-height: 1.2;
	margin-left: 0px;
	margin-top: 30px;
	font-weight: 900;
	color: #002f49;
}

@media (max-width: 991px) {
	.intro-clients-heading {
		font-size: 36px;
		line-height: 1.1;
	}
}

@media (max-width: 767px) {
	.intro-clients-heading {
		font-size: 32px;
	}
}

.carousel-segment {
	background: #002f49;
	padding: 0px 0px 0px 0px;
}

.homepage-carousel {
	min-height: 460px;
	margin-bottom: 0px;
}

@media (min-width: 1599px) {
	.homepage-carousel {
		min-height: 550px;
	}
}

/*@media (min-width: 1800px) {
	.homepage-carousel {
		min-height: 575px;
	}
}*/

@media (min-width: 1919px) {
	.homepage-carousel {
		min-height: 500px;
	}
}

@media (min-width: 2047px) {
	.homepage-carousel {
		min-height: 550px;
	}
}

@media (min-width: 2560px) {
	.homepage-carousel {
		min-height: 560px;
	}
}

@media (max-width: 1280px) {
	.homepage-carousel {
		min-height: 435px;
	}
}

@media (max-width: 1199px) {
	.homepage-carousel {
		min-height: 400px;
	}
}

@media (max-width: 992px) {
	.homepage-carousel {
		min-height: 450px;
	}
}

@media (max-width: 925px) {
	.homepage-carousel {
		min-height: 425px;
	}
}

@media (max-width: 849px) {
	.homepage-carousel {
		min-height: 385px;
	}
}

@media (max-width: 767px) {
	.homepage-carousel {
		min-height: 400px;
	}
}

@media (max-width: 599px) {
	.homepage-carousel {
		min-height: 460px;
	}
}

@media (max-width: 499px) {
	.homepage-carousel {
		min-height: 425px;
	}
}

@media (max-width: 449px) {
	.homepage-carousel {
		min-height: 400px;
	}
}

@media (max-width: 399px) {
	.homepage-carousel {
		min-height: 425px;
	}
}

@media (min-width: 361px) and (max-width: 399px) {
	.homepage-carousel {
		min-height: 375px;
	}
}

@media (max-width: 360px) {
	.homepage-carousel {
		min-height: 350px;
	}
}

@media (max-width: 321px) {
	.homepage-carousel {
		min-height: 430px;
	}
}

.homepage-carousel .homepage-carousel-item {
	background: #002f49;
	padding-left: 50px;
	padding-right: 0px;
	padding-bottom: 50px;
}

@media (max-width: 992px) {
	.homepage-carousel .homepage-carousel-item {
		padding-left: 30px;
	}
}

@media (max-width: 767px) {
	.homepage-carousel .homepage-carousel-item {
		padding-left: 15px;
		padding-right: 15px;
	}
}


.homepage-carousel .homepage-carousel-item-logos {
	padding-right: 50px;
}

@media (max-width: 992px) {
	.homepage-carousel .homepage-carousel-item-logos {
		padding-right: 0px;
	}
}

.homepage-carousel .carousel-indicators {
	width: auto;
	margin-left: 50px;
	left: 0;
	bottom: 50px;
}

@media (max-width: 992px) {
	.homepage-carousel .carousel-indicators {
		margin-left: 30px;
		margin-bottom: 0px;
	}
}

@media (max-width: 767px) {
	.homepage-carousel .carousel-indicators {
		margin-left: 15px;
	}
}

.new-main-heading {
	font-family: HK Grotesk;
	font-size: 50px;
	font-weight: 900;
	margin-top: 50px;
	color: #fff;
	line-height: 1.1;
}

.new-main-heading span {
	font-family: HK Grotesk;
	font-weight: 900;
	color: #86efd9;
}

@media (min-width: 1599px) {
	.new-main-heading {
		margin-bottom: 40px;
	}
}

@media (min-width: 1599px) and (max-width: 1919px) {
	.new-main-heading {
		margin-top: 60px;
	}
}

@media (min-width: 1921px) {
	.new-main-heading {
		font-size: 64px;
	}

	.homepage-carousel-item-logos .new-main-heading {
		margin-bottom: 20px;
	}
}

@media (min-width: 2045px) {
	.homepage-carousel-item-logos .new-main-heading {
		margin-bottom: 0px;
		margin-top: 30px
	}
}

@media (min-width: 2560px) {
	.new-main-heading {
		font-size: 72px;
	}
}

@media (max-width: 1400px) {
	.new-main-heading {
		font-size: 48px;
	}

	.new-main-heading span {
	}
}

@media (max-width: 1199px) {
	.new-main-heading {
		font-size: 38px;
	}

	.new-main-heading span {
	}
}

@media (max-width: 1049px) {
	.new-main-heading {
		font-size: 32px;
	}
}

@media (max-width: 992px) {
	.new-main-heading {
		font-size: 32px;
		margin-top: 50px;
		margin-bottom: 30px;
	}

	.homepage-carousel-item-logos .new-main-heading {
		margin-top: 30px;
		margin-bottom: 0px;
	}

	.new-main-heading span {
	}
}

@media (max-width: 925px) {
	.new-main-heading {
		margin-top: 30px;
		font-size: 28px;
		margin-bottom: 15px;
	}
}

@media (max-width: 849px) {
	.new-main-heading {
		font-size: 26px;
	}
}

@media (max-width: 767px) {
	.new-main-heading {
		margin-bottom: 30px;
		font-size: 38px;
	}

	.new-main-heading span {
	}
}

@media (max-width: 599px) {
	.new-main-heading {
		margin-bottom: 30px;
		font-size: 38px;
	}
}

@media (max-width: 499px) {
	.new-main-heading {
		margin-bottom: 30px;
		font-size: 32px;
	}
}

@media (max-width: 449px) {
	.new-main-heading {
		font-size: 28px;
	}
}

@media (max-width: 399px) {
	.new-main-heading {
		margin-bottom: 20px;
		font-size: 26px;
	}
}

@media (max-width: 360px) {
	.new-main-heading {
		margin-bottom: 20px;
		font-size: 22px;
	}
}

.carousel-subheading {
	font-size: 24px;
	font-family: HK Grotesk;
	font-weight: 300;
	color: #fff;
	line-height: 1.3;
	padding-right: 50px;
}

@media (min-width: 1599px) and (max-width: 1919px)  {
	.carousel-subheading {
		font-size: 26px;
	}
}

@media (min-width: 1919px) {
	.carousel-subheading {
		margin-bottom: 30px;
	}
}

@media (min-width: 1919px) {
	.lead-banner-segment .carousel-subheading {
		font-size: 30px;
		margin-bottom: 30px;
	}
}

@media (max-width: 1399px) {
	.carousel-subheading {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.new-main-heading {
		margin-bottom: 10px;
	}
}

@media (max-width: 1049px) {
	.carousel-subheading {
		font-size: 20px;
	}
}

@media (max-width: 992px) {
	.carousel-subheading {
		font-size: 18px;
		margin-bottom: 10px;
		padding-right: 00px;
	}
}

@media (max-width: 767px) {
	.carousel-subheading {
		margin-bottom: 20px;
		font-size: 22px;
	}
}

@media (max-width: 499px) {
	.carousel-subheading {
		font-size: 18px;
		margin-bottom: 10px;
	}
}

@media (max-width: 399px) {
	.carousel-subheading {
		
		font-size: 16px;
	}
}

@media (max-width: 321px) {
	.carousel-subheading {
		margin-bottom: 20px;
		font-size: 16px;
	}
}



.carousel-link {
	font-family: Audimat;
	color: #86efd9;
	text-transform: lowercase;
	cursor: pointer;
	font-size: 24px;
	border-bottom: 2px solid #86efd9;
}

.carousel-link i {
	font-size: 20px;
}

.carousel-link:hover {
	border-bottom: 2px solid #fff;
	color: #fff;
}

@media (min-width: 1599px) and (max-width: 1919px) {
	.carousel-link {
		font-size: 26px;
	}

	.carousel-link i {
		font-size: 20px;
	}
}

@media (min-width: 1919px) {
	.carousel-link {
		font-size: 32px;
	}
}

@media (min-width: 767px) and (max-width: 992px) {
	.carousel-link {
		font-size: 20px;
	}
}

.intro-copy-container .carousel-link {
	color: #002f49;
	border-bottom-color: #002f49;
}

.intro-copy-container .carousel-link:hover {
	color: #86efd9;
	border-bottom-color: #86efd9;
}

.carousel-indicators li {
	width: 30px;
}

.carousel-indicators li.active {
	width: 30px;
	background: #86efd9;
	border-color: #86efd9;
}

/*@media (max-width: 992px) {
	.homepage-carousel-item .col-md-4 img {
		margin-left: 10%;
		margin-right: 10%;
		width: 80%;
	}
}*/

@media (max-width: 767px) {
	.homepage-carousel-item .col-md-4 {
		display: none;
	}
}

@media (min-width: 1800px) {
	.homepage-carousel-item .col-md-4 img {
		margin-left: 10%;
		margin-right: 10%;
		width: 80%;
	}
}

@media (max-width: 992px) {
	.homepage-carousel-item .col-md-4 object {
		margin-left: 5%;
		margin-right: 5%;
		width: 90%;
	} 
}

/* @media (max-width: 767px) {
	.homepage-carousel-item .col-md-4 object {
		margin-left: 35%;
		margin-right: 35%;
		width: 30%;
		display: none;
	}
} */

@media (min-width: 1800px) {
	.homepage-carousel-item .col-md-4 object {
		margin-left: 10%;
		margin-right: 10%;
		width: 80%;
	}
}

.carousel-logos {
	margin-bottom: 0px;
	margin-top: 30px;
}

@media (min-width: 1599px) and (max-width: 1919px) {
	.carousel-logos {
		margin-top: 60px
	}
}

@media (max-width: 992px) {
	.carousel-logos {
		margin-bottom: 0px;
		margin-top: 20px;
	}
}

.carousel-logos .col-md-2 {
	padding-left: 30px;
	padding-right: 30px;
}

@media (min-width: 1920px) {
	.carousel-logos .col-xs-3 {
		padding-left: 50px;
		padding-right: 50px;
	}
}

@media (max-width: 992px) {
	.carousel-logos .col-xs-3 {
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media (max-width: 599px) {
	.carousel-logos .col-xs-3 {
		width: 33.33%;
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media (max-width: 499px) {
	.carousel-logos .col-xs-3 {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media (max-width: 321px) {
	.carousel-logos .col-xs-3 {
		margin-bottom: 20px;
	}
}

.carousel-logos .client-logo {
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 30px;
}

@media (max-width: 991px) {
	.carousel-logos .client-logo {
		margin-bottom: 20px;
	}
}

@media (min-width: 321px) and (max-width: 499px) {
	.carousel-logos .k3-logo, .carousel-logos .carnegie-logo, .carousel-logos .opengi-logo {
		display: none;
	}
}

.new-homepage-intro-container {
  background-color: #fff;
  padding: 50px 50px 30px 50px;
  margin-top: 0px;
}

@media (max-width: 992px) {
	.new-homepage-intro-container {
		padding: 35px 35px 15px 35px;
	}
}

@media (max-width: 767px) {
	.new-homepage-intro-container {
		padding: 20px 20px 15px 20px;
	}
}

@media (max-width: 499px) {
	.new-homepage-intro-container {
		padding-bottom: 5px;
	}
}

.homepage-kp-box {
	background: #002f49;
	padding: 25px;
}

@media (max-width: 500px) {
	.homepage-kp-box {
		padding: 15px;
	}
}

@media (max-width: 1199px) {
	.homepage-kp-box {
		margin-top: 30px;
	}
}

.homepage-kp-box .new-homepage-subheading {
	font-size: 30px;
	line-height: 1.2;
	margin-left: 0px;
	color: #fff;
	margin-bottom: 5px;
	font-weight: 700;
}

.homepage-kp-box .new-homepage-subheading span {
	font-weight: 700;
	color: #86efd9;
}

@media (min-width: 1921px) {
	.homepage-kp-box .new-homepage-subheading {
		font-size: 32px;
	}
}

@media (min-width: 1200px) and (max-width: 1399px) {
	.homepage-kp-box .new-homepage-subheading {
		font-size: 26px;
		line-height: 1.1;
	}
}

@media (max-width: 767px) {
	.homepage-kp-box .new-homepage-subheading {
		font-size: 26px;
		line-height: 1.1;
	}
}

@media (max-width: 500px) {
	.homepage-kp-box .new-homepage-subheading {
		font-size: 22px;
		line-height: 1.1;
	}
}

.homepage-kp-box .new-homepage-kp {
	font-size: 18px;
	line-height: 1.3;
	color: #fff;
}

@media (min-width: 1921px) {
	.homepage-kp-box .new-homepage-kp {
		font-size: 24px;
	}
}

.homepage-kp-box .new-homepage-kp:nth-last-child(1) {
	margin-bottom: 0px;
}

.homepage-css-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
}

@media (max-width: 991px) {
	.homepage-css-grid {
		grid-template-columns: 1fr;
		gap: 10px;
	}
}

.homepage-css-grid .service-overview-box {
	margin-bottom: 20px;
}

@media (max-width: 767px) {
	.homepage-css-grid .service-overview-box {
		margin-bottom: 0px;
	}
}

@media (max-width: 767px) {
	.homepage-css-grid .service-overview-box {
		margin-bottom: 15px;
	}

	.homepage-css-grid .service-overview-box:nth-child(1) {
		margin-bottom: 0px;
	}
}

.case-study-technologies-container {
	width: 50%;
}

@media (max-width: 991px) {
	.case-study-technologies-container {
		width: 75%;
	}
}

@media (max-width: 499px) {
	.case-study-technologies-container {
		width: 100%;
	}
}

.new-homepage-subheading {
	font-family: HK Grotesk;
	font-size: 50px;
	font-weight: 900;
	margin-top: 0px;
	margin-left: 15px;
	color: #002f49;
}

@media (min-width: 2560px) {
	.new-homepage-subheading {
		font-size: 72px;
	}
}

@media (max-width: 1399px) {
	.new-homepage-subheading {
		font-size: 52px;
	}
}

@media (max-width: 1199px) {
	.new-homepage-subheading {
		font-size: 42px;
	}
}

@media (max-width: 1049px) {
	.new-homepage-subheading {
		font-size: 36px;
	}
}

@media (max-width: 992px) {
	.new-homepage-subheading {
		font-size: 36px;
		margin-bottom: 0px;
	}
}

@media (max-width: 925px) {
	.new-homepage-subheading {
		font-size: 32px;
	}
}

@media (max-width: 767px) {
	.new-homepage-subheading {
		font-size: 42px;
		margin-bottom: 10px;
	}
}

@media (max-width: 599px) {
	.new-homepage-subheading {
	}
}

@media (max-width: 499px) {
	.new-homepage-subheading {
		font-size: 36px;
	}
}

@media (max-width: 499px) {
	.new-homepage-subheading {
		font-size: 32px;
	}
}

@media (max-width: 399px) {
	.new-homepage-subheading {
		font-size: 30px;
	}
}

@media (max-width: 321px) {
	.new-homepage-subheading {
		font-size: 26px;
	}
}

.new-homepage-intro-copy {
	font-weight: 300;
	color: #002f49;
	font-size: 20px;
	line-height: 1.6;
	margin-bottom: 20px;
	margin-top: 0px;
	font-family: HK Grotesk;
}

@media (min-width: 1921px) {
	.new-homepage-intro-copy {
		font-size: 24px;
	}
}

@media (max-width: 992px) {
	.new-homepage-intro-copy {
		font-size: 18px;
		line-height: 1.6;
	}
}

@media (max-width: 500px) {
	.new-homepage-intro-copy {
		margin-bottom: 15px;
	}
}

.new-homepage-intro-copy:nth-last-child(1) {
	margin-bottom: 50px;
}

@media (max-width: 767px) {
	.new-homepage-intro-copy:nth-last-child(1) {
		margin-bottom: 30px;
	}
}

.homepage-contact-box {
	background: #86efd9;
	padding: 15px 20px;
	border-radius: 25px;
}

@media (max-width: 992px) {
	.homepage-contact-box {
		margin-bottom: 30px;
	}
}

.homepage-contact-box a {
	cursor: pointer;
}

.homepage-contact-box h1 {
	font-family: HK Grotesk;
	font-weight: 900;
	font-size: 32px;
	color: #002f49;
	margin-bottom: 10px;
}

.service-page-title-container-alt .homepage-contact-box h1 {
	font-size: 32px;
	margin-bottom: 10px;	
}

body.dark-mode .service-page-title-container-alt .homepage-contact-box h1 {
	color: #002f49;
}

.homepage-contact-box h1 a {
	color: #002f49;
}

.homepage-contact-box h1 a:hover {
	color: #fff;
}

.homepage-contact-box p {
	font-size: 18px;
	color: #002f49;
	margin-bottom: 10px;
	font-family: HK Grotesk;
	font-weight: 500;
}

body.dark-mode .homepage-contact-box p {
	color: #002f49;
}

.homepage-contact-box p:nth-last-child(1) {
	margin-bottom: 0px;
}

.homepage-contact-box p i {
	margin-right: 10px;
}

.homepage-contact-box p b {
	font-weight: 500;
}

.homepage-contact-box p a {
	font-weight: 700;
	color: #002f49;
	border-bottom: 3px solid #002f49;
}

.homepage-contact-box p a:hover {
	color: #fff;
	border-color: #fff;
}

body.dark-mode .homepage-contact-box p a {
	color: #002f49;
	border-bottom: 3px solid #002f49;
}

body.dark-mode .homepage-contact-box p a:hover {
	color: #fff;
	border-color: #fff;
}

.homepage-contact-box p .contact-social-link {
	border: 0px solid transparent;
	font-size: 24px;
	margin-right: 5px;
}

body.dark-mode .homepage-contact-box p .contact-social-link {
	border: 0px solid transparent;
}

.homepage-cs-boxes {
	min-height: 1px !important;
}

.homepage-cs-boxes .case-study-overview-box {

}

@media (max-width: 499px) {
	.homepage-cs-boxes .case-study-overview-box {
		padding-bottom: 0px;
	}
}

.homepage-cs-boxes .case-study-overview-box .service-key-points-copy .case-study-landing-link {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
}



@media (min-width: 1921px) {
	.homepage-cs-boxes .case-study-overview-box .service-key-points-copy .case-study-landing-link {
		font-size: 36px;
	}
}

.homepage-cs-box-copy {
	color: #fff;
	line-height: 1.2;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 300;
}

@media (max-width: 500px) {
	.homepage-cs-box-copy {
		font-size: 18px;
	}
}

@media (min-width: 1921px) {
	.homepage-cs-box-copy {
		font-size: 24px;
	}
}

/* Intro Section */

.homepage-intro-container {
  background-color: #fff;
  padding: 50px 50px 30px 50px;
  margin-top: -300px;
}

@media (min-width: 1100px) and (min-height: 901px) {
	.homepage-intro-container {
		margin-top: -420px;
	}
}

@media (min-width: 1100px) and (max-height: 700px) {
	.homepage-intro-container {
		margin-top: -220px;
	}
}

@media (min-width: 1599px) and (min-height: 1199px){
	.homepage-intro-container {
		margin-top: -520px;
	}
}

@media (min-width: 2000px) and (min-height: 1499px){
	.homepage-intro-container {
		margin-top: -680px;
	}
}

@media (max-width: 1099px) {
	.homepage-intro-container {
		margin-top: -350px;
	}
}

@media (max-width: 991px) {
	.homepage-intro-container {
		margin-top: -380px;
		padding: 35px 35px 1px 35px;
	}
}

@media (max-width: 900px) {
	.homepage-intro-container {
		margin-top: -440px;
	}
}

@media (max-width: 767px) {
	.homepage-intro-container {
		margin-top: 0px;
		padding-top: 5px;
	}
}

@media (max-width: 680px) {
	.homepage-intro-container {
		margin-top: -50px;
	}
}

@media (max-width: 500px) {
	.homepage-intro-container {
		margin-top: -20px;
		padding: 5px 20px 10px 20px;
	}
}

/* @media (min-width: 1399px) and (min-height: 901px) {
	.homepage-intro-container {
		margin-top: -500px;
	}
}

@media (min-width: 2600px) {
	.homepage-intro-container {
		margin-top: -600px;
	}
}

@media (max-width: 1399px) and (max-height: 800px) {
	.homepage-intro-container {
		margin-top: -325px;
	}
}

@media (max-width: 1294px) {
	.homepage-intro-container {
		margin-top: -325px;
	}
}

@media (max-width: 1294px) and (max-height: 800px) {
	.homepage-intro-container {
		margin-top: -325px;
	}
}

@media (max-width: 1199px) {
  .homepage-intro-container {
	  margin-top: -375px;
  }
}

@media (max-width: 1073px) {
  .homepage-intro-container {
	  margin-top: -400px;
  }
}

@media (max-width: 1199px) and (max-height: 800px) {
	.homepage-intro-container {
		margin-top: -425px;
	}
}


@media (max-width: 991px) {
  .homepage-intro-container {
	  margin-top: -425px;
	  padding: 35px 35px 1px 35px;
  }
}

@media (max-width: 862px) {
  .homepage-intro-container {
	  margin-top: -525px;
  }
}

@media (max-width: 991px) and (max-height: 767px) {
	.homepage-intro-container {
		margin-top: -440px;
	}
}

@media (max-width: 991px) and (max-height: 680px) {
	.homepage-intro-container {
		margin-top: -350px;
	}
}

@media (max-width: 991px) and (max-height: 500px) {
	.homepage-intro-container {
		margin-top: -135px
	}
}

@media (max-width: 767px) {
  .homepage-intro-container {
	  margin-top: -350px;
	  padding-bottom: 1px;
  }
}



@media (max-width: 500px) {
	.homepage-intro-container {
		margin-top: -300px;
		padding: 15px 20px 10px 20px;
	}
}

@media (max-width: 500px) and (max-height: 675px) {
	.homepage-intro-container {
		margin-top: -275px;
	}
}

@media (max-width: 500px) and (min-height: 676px) {
	.homepage-intro-container {
		margin-top: -375px;
	}
}

@media (max-width: 370px) and (max-height: 600px) {
	.homepage-intro-container {
		margin-top: -150px;
	}
}

@media (max-width: 321px) {
	.homepage-intro-container {
		margin-top: -230px;
	}
} */

.intro-segment {
  padding: 0px 0 40px 0;
  margin: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-color: #002f49;
}

@media (max-width: 1399px) {
	.intro-segment {
		padding-top: 0px;
		padding-bottom: 20px;
	}
}

@media (max-width: 500px) {
	.intro-segment {
		padding-top: 20px;
	}
}

@media (max-width: 370px) {
	.intro-segment {
		padding-top: 0px;
	}
}

@media (max-width: 321px) {
	.intro-segment > .container > .row > .col-md-12 {
		padding-left: 0px;
		padding-right: 0px;
	}
}

.copy-segment {
	padding-bottom: 50px;
}

@media (max-width: 499px) {
	.copy-segment .new-homepage-intro-container {
		margin-top: -30px;
	}
}

@media (max-width: 399px) {
	.copy-segment .new-homepage-intro-container {
		margin-top: -10px;
	}
}

.homepage-subheading {
	font-size: 30px;
	color: #002f49;
	font-family: Audimat;
	margin-bottom: 30px;
}

.homepage-subheading-ul {
	font-size: 30px;
	color: #002f49;
	font-family: Audimat;
	padding-bottom: 1px;
	border-bottom: 4px solid #002f49;
}

.homepage-intro-copy {
	font-weight: 100;
	color: #002f49;
	font-size: 24px;
	line-height: 1.5;
	margin-bottom: 20px;
	margin-top: 0px;
	font-family: Akzidenz Grotesk;
}

.homepage-intro-copy-last {
	margin-bottom: 50px;
}

@media (min-width: 1600px) {
	.homepage-intro-copy {
		font-size: 30px;
	}
}

@media (min-width: 2600px) {
	.homepage-intro-copy {
		font-size: 42px;
	}
}

@media (max-width: 1099px) {
	.homepage-intro-copy {
		font-size: 20px;
	}
}

@media (max-width: 767px) {
	.homepage-intro-copy {
		margin-bottom: 25px;
		margin-top: 25px;
	}
}

@media (max-width: 500px) {
	.homepage-intro-copy {
		margin-top: 20px;
		font-size: 20px;
		font-weight: 10;
    	margin-bottom: 40px;
	}
}

.homepage-intro-copy b {
	font-weight: 500;
}

.btn-intro {
	background-color: #009d83;
	font-size: 20px;
	padding: 20px 20px;
}

.btn-intro:hover {
	background-color: #002f49;
}


@media (max-width: 767px) {
	.btn-intro {
		font-size: 16px;
		padding: 10px 10px;
		margin-top: 0px;
	}
}

@media (max-width: 767px) {
	.homepage-subheading {
		font-size: 30px;
		margin-bottom: 10px;
	}

}




@media (max-width: 321px) {
	.homepage-intro-container {
		padding: 15px 15px 5px 15px;
	}

	.homepage-subheading {
		font-size: 24px;
	}

	.homepage-intro-copy {
		font-size: 16px;
		font-weight: 300;
	}
}

@media (max-height: 450px) {

	.homepage-subheading {
		font-size: 30px;
		margin-bottom: 10px;
	}

	.homepage-intro-copy {
		font-size: 18px;
		line-height: 1.8;
		font-weight: 200;
	}
}


/* Services Section */


.services-segment {
	padding: 90px 0px 0px 0px;
	background-color: #009d83;
}

.homepage-services-container {
	background-color: #002f49;
	padding: 70px 50px;
	margin-top: -180px;
}

.service-bvs-row {
	margin-bottom: 60px;
}

.service-bvs-row-alt {
	margin-bottom: 75px;
}

@media (max-width: 767px) {
	.service-bvs-row-alt {
		margin-bottom: 30px;
	}
}



.divider-row {
	margin-bottom: 0px;
}


.divider-row .bvs-divider {
	margin-bottom: 25px;
	background-color: #002f49;
	width: 100%;
	height: 2px;
}

@media (min-width: 2600px) {
	.divider-row .bvs-divider {
		height: 4px;
	}
}

@media (max-width: 991px) {
	.divider-row .bvs-divider {
		margin-bottom: 50px;
		display: none;
	}
}

@media (max-width: 767px) {
	.divider-row .bvs-divider {
		margin-bottom: 30px;
	}
}

.divider-row .bvs-first-divider {
	margin-bottom: 25px;
	background-color: #002f49;
	width: 100%;
	height: 2px;
}

@media (min-width: 2600px) {
	.divider-row .bvs-first-divider {
		height: 4px;
	}
}

@media (max-width: 991px) {
	.divider-row .bvs-first-divider {
		margin-bottom: 55px;
	}
}

@media (max-width: 767px) {
	.divider-row .bvs-first-divider {
		margin-bottom: 30px;
	}
}



@media (min-width: 992px) and (max-width: 1199px) {
	.service-bvs-row > .col-md-8 {
		width: 58.33333333%;
	}

	.service-bvs-row > .col-md-4 {
		width: 41.66666667%;
	}
}

@media (max-width: 1199px) {
	.service-bvs-copy-row > .col-md-6 {
		width: 100%;
	}
}

.service-bvs-row-train {
	margin-bottom: 50px;
	padding-top: 50px;  
	border-top: 4px solid #002f49;
}

/*.service-bvs-row .col-md-8 {
  padding-left: 0px;
}

.service-bvs-row .col-md-4 {
  padding-right: 0px;
}*/


.service-bvs-container {
	padding: 25px 25px 1px 25px;
	background-color: #002f49;
	width: 100%;
	margin-left:auto;
	margin-right: auto;
	display: inherit;
}

.service-bvs-image-container {
	padding: 22px 25px 25px 25px;
	background-color: #fff;
	width: 100%;
	margin-left:auto;
	margin-right: auto;
	display: inherit;
	border: 2px solid #002f49;
}

@media (max-width: 991px) {
	.service-bvs-image-container {
		margin-bottom: 25px;
	}
}

.service-bvs-container-train {
	padding: 30px 25px 5px 25px;
	background-color: #002f49;
	width: 100%;
	margin-left:auto;
	margin-right: auto;
	display: inherit;
	margin-bottom: 50px;
}

@media (max-width: 991px) {
	.service-bvs-container-train {
		margin-bottom: 25px;
	}
}

.service-bvs-image {
	width: 100%;
	margin-bottom: 20px;
	padding: 0px;
}

.service-page-bvs-image {
	width: 100%;
	margin-bottom: 35px;
	padding: 0px;
}

.service-bvs-title-container {
	background-color: #002f49;
	padding: 25px 25px 1px 25px;
	margin-bottom: 30px;
	border: 2px solid #002f49;
	margin-top: 500px;
}

.container {
	width: 95%;
}

@media (min-width: 1919px) {
	.container {
		width: 85%;
	}
}

@media (min-width: 2560px) {
	.container {
		width: 80%;
	}
}

.service-bvs-title-train {
	font-size: 22px;
	color: #002f49;
	font-family: Audimat;
	margin-bottom: 20px;
	line-height: 1.5;
}

.service-bvs-title-bg-train {
	background-color: #86efd9;
	font-size: 26px;
	color: #002f49;
	line-height: 1.2;
	font-family: Audimat;
	padding: 5px 7px 5px 8px;
	border: 2px solid #002f49;
}

.service-bvs-title {
	font-size: 20px;
	color: #fff;
	font-family: Audimat;
	margin-bottom: 20px;
	line-height: 1.6;
	letter-spacing: 0px;
}

.service-bvs-title-alt {
	font-size: 50px;
	color: #002f49;
	margin-bottom: -10px;
	margin-left: -2px;
	line-height: 1.6;
	letter-spacing: 0px;
}

body.dark-mode .service-bvs-title-alt {
	color: #fff;
}

.homepage-service-bvs-title-alt {
	font-size: 50px;
	color: #002f49;
	font-family: Audimat;
	margin-bottom: -10px;
	margin-left: -2px;
	line-height: 1.6;
	letter-spacing: 0px;
}


.service-bvs-title-alt-bg {
	background-color: #002f49;
	font-family: Audimat;
	padding: 5px 8px 5px 9px;
}

.service-bvs-subheading-alt {
	font-size: 20px;
	color: #002f49;
	font-weight: 100;
	letter-spacing: 0px;
	line-height: 1.3;
	width: 100%;
	margin-bottom: 25px;
}

@media (min-width: 1800px) {
	.service-bvs-subheading-alt {
		font-size: 28px;
	}
}

@media (min-width: 2560px) {
	.service-bvs-subheading-alt {
		font-size: 32px;
	}
}

@media (max-width: 991px) {
	.service-bvs-subheading-alt {
		line-height: 1.4;
		margin-bottom: 15px;
		font-size: 20px;
	}
}

@media (max-width: 767px) {
	.service-bvs-subheading-alt {
		margin-bottom: 10px;
		font-size: 20px;
	}
}

@media (max-width: 321px) {
	.service-bvs-subheading-alt {
		font-size: 16px;
		font-weight: 300;
	}
}




.service-page-conclusion-subheading {
	font-size: 28px;
	color: #002f49;
	font-family: Akzidenz Grotesk;
	margin-bottom: 10px;
	margin-top: 20px;
	line-height: 1.3;
	letter-spacing: 0px;
} 

@media (min-width: 2600px) {
	.service-page-conclusion-subheading {
		font-size: 42px;
	}
}

@media (max-width: 991px) {
	.service-page-conclusion-subheading {
		font-size: 24px;
	}
}

@media (max-width: 321px) {
	.service-page-conclusion-subheading {
		font-size: 18px;
	}
}

.service-page-conclusion-copy {
	font-size: 24px;
	color: #002f49;
	font-family: Akzidenz Grotesk;
	font-weight: 100;
	letter-spacing: 0px;
	line-height: 1.6;
	margin-bottom: 75px;
	font-weight: 100;
}

@media (min-width: 2600px) {
	.service-page-conclusion-copy {
		font-size: 42px;
	}
}

@media (max-width: 991px) {
	.service-page-conclusion-copy {
		font-size: 20px;
	}
}

@media (max-width: 767px) {
	.service-page-conclusion-copy {
		margin-bottom: 50px;
	}
}

@media (max-width: 321px) {
	.service-page-conclusion-copy {
		font-size: 16px;
		font-weight: 300;
	}
}

.service-page-conclusion-copy-last {
	font-size: 24px;
	color: #002f49;
	font-family: Akzidenz Grotesk;
	letter-spacing: 0px;
	line-height: 1.6;
	margin-bottom: 75px;
	font-weight: 100;
}

@media (min-width: 2600px) {
	.service-page-conclusion-copy-last {
		font-size: 42px;
	}
}

@media (max-width: 991px) {
	.service-page-conclusion-copy-last {
		font-size: 20px;
	}
}

@media (max-width: 767px) {
	.service-page-conclusion-copy-last {
		margin-bottom: 50px;
	}
}

@media (max-width: 500px) {
	.service-page-conclusion-copy-last {
		margin-bottom: 20px;
	}
}

@media (max-width: 321px) {
	.service-page-conclusion-copy-last {
		font-size: 16px;
		font-weight: 300;
	}
}

.service-page-case-study-copy {
	font-size: 24px;
	color: #002f49;
	font-family: Akzidenz Grotesk Italic;
	font-weight: 300;
	letter-spacing: 0px;
	line-height: 1.7;
	margin-bottom: 30px;
}

.service-bvs-title-ul {
	font-size: 20px;
	color: #fff;
	line-height: 1.6;
	font-family: Audimat;
	padding-bottom: 1px;
	border-bottom: 2px solid #fff;
}

.service-bvs-title-bg {
	background-color: #002f49;
	font-size: 26px;
	color: #fff;
	line-height: 1.6;
	font-family: Audimat;
	padding: 4px 6px 3px 7px;
	border: 2px solid #002f49;
}

.service-bvs-copy-container {
	margin-top: 0px;
	padding: 20px 25px 25px 25px;
	background-color: #002f49;
}

@media (max-width: 991px) {
	.service-bvs-copy-container {
		margin-top: 0px;
	}
}

.service-bvs-copy {
	font-weight: 300;
	color: #002f49;
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 15px;
	font-family: Akzidenz Grotesk;
}

.service-bvs-row-train .service-bvs-copy {
	color: #fff;
}

.service-bvs-bullets {
	font-weight: 100;
	color: #002f49;
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 15px;
	margin-left: -25px;
	font-family: Akzidenz Grotesk;
}

.btn-bvs {
	font-size: 18px;
	font-weight: 200;
	padding: 10px 12px;
	background-color: #86efd9;
	border: 2px solid #002f49;
	color: #002f49;
	letter-spacing: 1.5px;
	margin-bottom: 0px;
	font-family: Audimat;
}


.btn-bvs:hover {
	background-color: #002f49;
	border: 2px solid #002f49;
	color: #fff;
}

.btn-bvs-alt {
	font-size: 18px;
	font-weight: 300;
	padding: 10px 12px;
	background-color: #fff;
	border: 2px solid #002f49;
	color: #002f49;
	letter-spacing: 1.5px;
	margin-bottom: 50px;
	font-family: Audimat;
	box-shadow: 5px 5px 0px #86efd9;
}

@media (min-width: 2600px) {
	.btn-bvs-alt {
		padding: 24px;
		font-size: 32px;
	}
}


.btn-bvs-alt:hover {
	background-color: #002f49;
	border: 2px solid #002f49;
	color: #fff;
}

.homepage-training-container .btn-bvs-alt {
	font-size: 24px;
	padding: 20px;
	margin-bottom: 0px;
}

@media (max-width: 991px) {
	.homepage-training-container .btn-bvs-alt {
		margin-top: 15px;
		padding: 15px;	
	}
}

@media (max-width: 767px) {
	.homepage-training-container .btn-bvs-alt {
		padding: 12px;
		font-size: 20px;
	}
}

.homepage-training-container .btn-bvs-alt:hover {
	background-color: #ffe5d9;
	color: #002f49;
}

.btn-bvs-alt:active {
	color: #002f49;
}

.btn-bvs-alt:focus {
	color: #002f49;
}

@media (max-width: 991px) {
	.btn-bvs-alt {
		margin-bottom: 75px;
	}
}

@media (max-width: 767px) {
	.btn-bvs-alt {
		margin-bottom: 55px;
	}
}

@media (max-width: 321px) {
	.btn-bvs-alt {
		margin-bottom: 45px;
		font-size: 16px;
		padding: 6px 8px;
	}


}

.btn-bvs-service-page {
	font-size: 18px;
	font-weight: 300;
	padding: 10px 12px;
	background-color: #fff;
	border: 2px solid #002f49;
	color: #002f49;
	letter-spacing: 1.5px;
	margin-bottom: 20px;
	font-family: Audimat;
	box-shadow: 5px 5px 0px #86efd9;
}

@media (min-width: 2600px) {
	.btn-bvs-service-page {
		padding: 20px;
		font-size: 30px;
	}
}


.btn-bvs-service-page:hover {
	background-color: #002f49;
	border: 2px solid #002f49;
	color: #fff;
} 

.btn-bvs-service-page:active {
	color: #002f49;
}

.btn-bvs-service-page:focus {
	color: #002f49;
}

@media (max-width: 991px) {
	.btn-bvs-service-page {
		margin-bottom: 75px;
	}
}

@media (max-width: 767px) {
	.btn-bvs-service-page {
		margin-bottom: 10px;
	}
}

@media (max-width: 321px) {
	.btn-bvs-service-page {
		padding: 6px 8px;
		font-size: 16px;
	}
}

.service-bvs-contact-container {
	background-color: #002f49;
	padding: 40px 15px 1px 0px;
	margin-top: 0px;
	margin-left: 10px;
}

@media (max-width: 992px) {
	.service-bvs-contact-container {
		margin-left: 25px;
	}
}

@media (max-width: 767px) {
	.service-bvs-contact-container {
		margin-left: 0px;
		padding: 50px 15px 20px 20px;
	}
}

@media (max-width: 500px) {
	.service-bvs-contact-container {
		padding: 35px 5px 10px 5px;
	}
}

.homepage-services-subheading {
	color: #fff;
	margin-bottom: 35px;
	font-weight: 200;
}

.homepage-services-subheading-ul {
	font-size: 35px;
	color: #fff;
	font-family: Audimat;
	padding-bottom: 1px;
	border-bottom: 4px solid #fff;
}

.icon-wrapper {
	padding-left: 0px;
	padding-right: 0px;
}

.service-icon {
	width: 100%;
	max-width: 50px;
	margin-bottom: 15px;
	margin-top: 5px;
}

.service-title {
	color: #fff;
	font-weight: 700;
	font-size: 28px;
}

.service-copy-wrapper {
	padding-left: 25px;
}

.service-copy {
	color: #fff;
	font-weight: 200;
	font-size: 24px;
	line-height: 2;
}

.service-block-button {
	background-color: transparent;
	color: #fff;
	border: 2px solid #fff;
}

.service-block-button:hover {
	background-color: #fff;
	color: #002f49;
}

.services-row {
	margin-bottom: 35px;
}

.mini-form-wrapper {
	background-color: #009d83;
	padding: 50px;
	margin-top: 70px;
}

.homepage-services-container .mini-form-wrapper {
	background-color: #fff;
	padding: 50px;
	margin-top: 70px;
}

.consultation-intro {
	color: #fff;
	font-weight: 200;
	font-size: 24px;
	line-height: 2;
}

.btn-services-contact {
	font-size: 20px;
	padding: 20px 20px;
	background-color: transparent;
	border: 2px solid #fff;
	margin-top: 25px;
}

.btn-services-contact:hover {
	background-color: #002f49;
	border: 2px solid #002f49;
}

.form-group > .mini-form-input {
	font-size: 20px;
	font-weight: 200;
	padding: 10px 20px;
	height: 60px;
}

.form-left-col {
	padding-right: 25px;
}

.form-right-col {
	padding-left: 25px;
}

@media (max-width: 992px) {
	.service-copy-wrapper {
		padding-left: 0px;
		margin-bottom: 50px;
	}

	.services-row {
		margin-bottom: 0px;
	}

	.form-left-col {
		padding-right: 15px !important;
		margin-bottom: 25px;
	}

	.form-right-col {
		padding-left: 15px !important;
	}
}

@media (max-width: 767px) {
	.btn-services-contact {
		font-size: 16px;
		padding: 10px 10px;
	}
}

@media (max-width: 767px) {
	.homepage-services-container {
		padding: 35px 35px 10px 35px;
	}

	.homepage-services-subheading {
		font-size: 30px;
		margin-bottom: 10px;
	}

	.service-title {
		font-size: 24px;
	}

	.service-copy-wrapper {
		margin-bottom: 35px;
	}

	.service-copy {
		font-size: 18px;
		line-height: 1.8;
	}

	.mini-form-wrapper {
		padding: 15px 15px;
	}

	.consultation-intro {
		font-size: 18px;
		line-height: 1.8;
	}

	.form-left-col {
		margin-bottom: 10px;
	}

	.form-group > .mini-form-input {
		font-size: 16px;
	}

	.btn-services-contact {
		font-size: 14px;
		padding: 8px 8px;
		max-width: 100%;
		letter-spacing: 1px;
		margin-top: 10px;
	}
}


@media (max-width: 450px) {
	.homepage-services-container {
	}
}

@media (max-width: 400px) {
	.homepage-services-container {
	}
}

@media (max-width: 321px) {
	.homepage-services-container {
		padding: 35px 15px 5px 15px;
	}

	.homepage-services-subheading {
		font-size: 24px;
	}

	.service-title {
		font-size: 24px;
	}

	.service-copy {
		font-size: 16px;
		font-weight: 200;
	}

	.consultation-intro {
		font-size: 16px;
	}
}

@media (max-height: 450px) {
	.homepage-services-container {
		padding-top: 35px;
		padding-bottom: 35px;
	}

	.homepage-services-subheading {
		font-size: 30px;
		margin-bottom: 10px;
	}

	.homepage-intro-copy {
		font-size: 18px;
		line-height: 1.8;
		font-weight: 200;
	}

	.service-copy-wrapper {
		margin-bottom: 25px;
	}

	.service-title {
		font-size: 24px;
	}

	.service-copy {
		font-size: 18px;
		line-height: 1.8;
	}
}

.training-segment {
	padding: 0px 0px 50px 0px;
	background-color: #002f49;
}

@media (max-width: 991px) {
	.training-segment {
		padding-bottom: 10px;
	}
}

@media (max-width: 767px) {
	.training-segment {
		padding-bottom: 1px;
	}
}

@media (max-width: 321px) {
	.training-segment > .container > .row > .col-md-12 {
		padding-left: 0px;
		padding-right: 0px;
	}
}
  
  
.homepage-training-container {
	background-color: #002f49;
	padding: 0px 50px 0px 50px;
	margin-top: -15px;
}

@media (max-width: 991px) {
	.homepage-training-container {
		padding: 0px 35px 30px 35px;
	}
}

@media (max-width: 767px) {
	.homepage-training-container {
		padding-bottom: 40px;
	}
}

@media (max-width: 500px) {
	.homepage-training-container {
		padding: 0px 20px 40px 20px;
	}
}

.training-group-container {
	background-color: #002f49;
	padding: 10px 50px 0px 50px;
}

.training-group-container .service-bvs-title-alt {
	color: #fff;
	font-size: 50px;
	margin-left: 0px;
	margin-bottom: 0px;
	text transform: none;
}

.training-group-container .service-bvs-subheading-alt {
	color: #fff;
	line-height: 1.4;
	font-size: 24px;
}

@media (max-width: 991px) {
	.training-group-container .service-bvs-subheading-alt {
		font-size: 20px;
	}
}

/* @media (min-width: 1200px) {
	.homepage-training-container, .training-group-container {
		padding-bottom: 0px;
	}
}

@media (max-width: 991px) {
	.homepage-training-container, .training-group-container{
		padding-left: 35px;
		padding-right: 35px;
		padding-bottom: 45px;
		padding-top: 10px;
	}
}

@media (max-width: 767px) {
	.homepage-training-container, .training-group-container {
		padding-top: 10px;
		padding-bottom: 45px;
	}
}

@media (max-width: 500px) {
	.homepage-training-container, .training-group-container {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media (max-width: 321px) {
	.homepage-training-container, .training-group-container {
		padding-left: 15px;
		padding-right: 15px;
	}
} */

.homepage-training-container .service-bvs-title-alt {
	color: #fff;
	font-size: 50px;
	margin-left: 0px;
	margin-bottom: 0px;
	text transform: none;
}

@media (max-width: 767px) {
	.homepage-training-container .service-bvs-title-alt {
		font-size: 40px;
		line-height: 1.3;
	}
}

.homepage-training-container .service-bvs-subheading-alt {
	color: #fff;
	line-height: 1.4;
	font-size: 24px;
}

@media (max-width: 991px) {
	.homepage-training-container .service-bvs-subheading-alt {
		font-size: 20px;
	}
}

@media (max-width: 767px) {
	.homepage-training-container .service-bvs-subheading-alt {
		margin-bottom: 0px;
	}
}

.homepage-training-container .service-bvs-subheading-alt b {
	font-weight: 500;
}

.homepage-training-container .service-key-points-container {
	background-color: #fff;
	margin-bottom: 60px;
}

.homepage-training-container .service-key-points-container-sm {
	background-color: #fff;
}

/* .homepage-training-container, .training-group-container .service-key-points-copy {
	color: #002f49;
	font-weight: 500;
}

.homepage-training-container, .training-group-container .btn-bvs-alt {
	font-size: 24px;
	padding: 20px;
	margin-bottom: 0px;
}

@media (max-width: 991px) {
	.homepage-training-container, .training-group-container .btn-bvs-alt {
		margin-top: 15px;
		padding: 15px;
	}
}

@media (max-width: 767px) {
	.homepage-training-container, .training-group-container .btn-bvs-alt {
		padding: 12px;
		font-size: 20px;
	}
} */

/* Clients Section */

.homepage-clients-container {
	background-color: #fff;
	padding: 40px 50px 0px 50px;
}

.homepage-clients-subheading {
	font-size: 35px;
	color: #009d83;
	font-weight: 200;
}

.clients-intro-copy {
	font-weight: 100;
	color: #002f49;
	font-size: 24px;
	line-height: 1.4;
	margin-bottom: 0px;
	font-family: Akzidenz Grotesk;
}

@media (min-width: 2600px) {
	.clients-intro-copy {
		font-size: 42px;
	}
}

@media (max-width: 991px) {
	.clients-intro-copy {
		font-size: 20px;
		margin-top: 20px;
	}
}

@media (max-width: 500px) {
	.clients-intro-copy {
		line-height: 1.5;
	}
}

.clients-intro-copy b {
	font-weight: 500;
}

.client-segment {
	padding: 0px 0px 50px 0px;
	background-color: #002f49;
}

.client-heading {
	font-family: Akzidenz Grotesk;
	font-size: 50px;
	margin-left: 0px;
	margin-bottom: 0px;
}

* {box-sizing:border-box} 

.slideshow-container {
	position: relative;
	margin: auto;
}

.mySlides {
	display: none;
}

.mySlides > .row {
}

.dot {
	cursor: pointer;
	height: 10px;
	width: 10px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.active, .dot:hover {
	background-color: #717171;
}

.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
	display: block;
}

@-webkit-keyframes fade {
	from {opacity: .4}
	to {opacity: 1}
}

.client-logo-wrapper {
	margin-top: 20px;
	text-align: center;
	min-height: 155px;
	max-height: 200px;
	border-bottom: 2px solid #002f49;
	margin-bottom: 50px;
}

.client-logo {
	padding-right: 30px;
	padding-left: 30px;
	max-height: 120px;
}

@media (min-width: 1800px) {
	.client-logo {
		padding-right: 50px;
		padding-left: 50px;
		max-height: 180px;
	}
}

@media (min-width: 2600px) {
	.client-logo {
		width: 75%;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.client-logo {
		width: 100%;
	}
}

@media (min-width: 1800px) {
	.homepage-clients-container {
		padding-bottom: 90px;
	}
}


@media (max-width: 991px) {
	.homepage-clients-container {
		padding-top: 20px;
		padding-bottom: 40px;
		padding-left: 35px;
		padding-right: 35px;
	}

	.client-logo-wrapper {
		min-height: 155px;
	}
}

@media (max-width: 767px) {
	.homepage-clients-container {
		padding: 15px 35px 40px 35px;
	}

	.homepage-clients-subheading {
		font-size: 30px;
		margin-bottom: 10px;
	}

	.client-logo-wrapper {
		margin-top: 15px;
		margin-bottom: 0px;
		min-height: 175px;
	}
}

@media (max-width: 500px) {
	.client-logo-wrapper {
		display: block;
		width: 100%;
		min-height: 160px;
		margin-top: 30px;
		margin-bottom: 20px;
	}
}

@media (max-width: 500px) {
	.homepage-clients-container {
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
	}
}

@media (max-width: 321px) {
	.homepage-clients-container {
		padding: 15px;
	}

	.homepage-clients-subheading {
		font-size: 24px;
		line-height: 1.5;
		padding-top: 15px;
	}

	.clients-intro-copy {
		font-size: 16px;
		font-weight: 300;
	}
}




/* Updates Section */

.update-segment {
	padding-top: 50px;
	padding-bottom: 0px;
}

@media (max-width: 499px) {
	.update-segment {
		padding-top: 15px;
	}
}

.updates-left-col {
	padding-right: 25px;
}

.updates-right-col {
	padding-left: 25px;
}

.update-box {
	padding: 25px;
	margin-bottom: 50px;
}

@media (min-width: 2600px) {
	.update-box {
		padding: 35px;
	}
}



.blog-box {
	background-color: #002f49;
}

.news-box {
	background-color: #ffe5d9;
}

.twitter-box {
	background-color: #86efd9;
}

.content-type {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
	margin-bottom: 5px;
	font-family: HK Grotesk;
	letter-spacing: 1px;
	line-height: 1.3
}

@media (min-width: 2600px) {
	.content-type {
		font-size: 30px;
	}
}

@media (max-width: 321px) {
	.content-type {
		font-size: 12px;
	}
}

.content-type:hover {
	color: #86efd9;
	font-weight: 500;
}

.content-type:active {
	color: #86efd9;
	font-weight: 500;
}

.twitter-box > .content-type {
	color: #002f49;
}

.twitter-box > .content-type:hover {
	color: #fff;
}

.twitter-box {
	margin-bottom: 10px;
}

.content-type-inactive {
	color: #002f49;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
	margin-bottom: 5px;
	font-family: HK Grotesk;
	letter-spacing: 1px;
	line-height: 1.3;
}

@media (min-width: 2600px) {
	.content-type-inactive {
		font-size: 30px;
	}
}

@media (max-width: 767px) {
	.content-type-inactive {
		margin-bottom: 20px;
	}
}

body.dark-mode .content-type-inactive {
	color: #002f49;
}

.update-title {
	color: #002f49;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
	font-family: HK Grotesk;
	line-height: 1.3;
}

@media (min-width: 2600px) {
	.update-title {
		font-size: 42px;
	}
}

body.dark-mode .update-title {
	color: #002f49;
}

body.dark-mode .update-title:hover {
	color: #86efd9;
}

.update-title-container {
	margin-bottom: 0px;
}

.news-box > .update-title-container {
	margin-bottom: 5px;
}

.update-title:active {
	color: #86efd9;
}

.update-title:hover {
	color: #86efd9;
}

.update-title-inactive {
	color: #002f49;
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 20px;
	font-family: HK Grotesk;
	line-height: 1.3;
}

@media (min-width: 2600px) {
	.update-title-inactive {
		font-size: 42px;
	}
}

.update-title-inactive:active {
	color: #86efd9;
}

.update-title-inactive:focus {
	color: #86efd9;
}

.update-title-inactive:hover {
	color: #86efd9;
}

.update-details {
	color: #002f49;
	font-size: 18px;
	font-weight: 500;
	font-family: HK Grotesk;
	margin-bottom: 10px;
	line-height: 1.2;
}

@media (min-width: 2600px) {
	.update-details {
		font-size: 30px;
		margin-top: 20px;
	}
}

.news-box > .update-details {
	color: #002f49;
}

.update-intro {
	color: #002f49;
	font-size: 20px;
	font-weight: 300;
	line-height: 1.4;
	margin-bottom: 0px;
	font-family: HK Grotesk;
}

@media (min-width: 2600px) {
	.update-intro {
		font-size: 42px;
	}
}

.new-updates-container .btn-new {
	margin-top: 15px;
	box-shadow: 0px 0px 0px rgba(0, 47, 73, 0.2);
	background-color: #fff;
	border: 2px solid #002f49;
	color: #002f49;
	padding: 10px 18px;
	font-size: 18px;
}

.new-updates-container .btn-new:hover {
	background: #86efd9;
	box-shadow: 2px 2px 10px rgba(0, 47, 73, 0.2);
}

.blog-pagination-container {
	margin-top: 30px;
}

.news-box > .update-intro {
  color: #002f49;
}

.update-tweet {
	color: #002f49;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.6;
	margin-bottom: 0px;
	font-family: HK Grotesk;
}

@media (min-width: 2500px) {
	.update-tweet {
		font-size: 22px;
	}
}

.update-tweet:hover {
	color: #fff;
}

.twitter-timeline-link {
	color: #fff;
}

.twitter-timeline-link:hover {
	color: #002f49;
}

.update-em {
	font-weight: 700;
}

@media (min-width: 1200px) {
	.blog-landing-page-container .update-title {
		font-size: 22px;
		line-height: 1.2;
	}

	.blog-landing-page-container .update-details {
		font-size: 14px;
		line-height: 1.2;
	}

	.blog-landing-page-container .update-intro {
		font-size: 18px;
	}
}

.lw-labs-logo {
	margin-bottom: 30px;
	transition: 0.3s;
}

body.dark-mode .lw-labs-logo {
	display: none;
}

@media (min-width: 1200px) {
	.lw-labs-logo {
		width: 75%;
	}
}

@media (min-width: 1400px) {
	.lw-labs-logo {
		width: 50%;
	}
}

@media (max-width: 499px) {
	.lw-labs-logo {
		width: 50%;
	}
}

@media (min-width: 500px) and (max-width: 767px) {
	.lw-labs-logo {
		width: 40%;
	}
}

.lw-labs-logo-inverse {
	margin-bottom: 30px;
	display: none;
	transition: 0.3s;
}

body.dark-mode .lw-labs-logo-inverse {
	display: inline-block;
}

@media (min-width: 1200px) {
	.lw-labs-logo-inverse {
		width: 75%;
	}
}

@media (min-width: 1400px) {
	.lw-labs-logo-inverse {
		width: 50%;
	}
}

@media (max-width: 499px) {
	.lw-labs-logo-inverse {
		width: 50%;
	}
}

@media (max-width: 549px) {
	.lw-labs-logo-inverse {
		margin-top: 40px;
	}
}

@media (min-width: 500px) and (max-width: 767px) {
	.lw-labs-logo-inverse {
		width: 40%;
	}
}

.blog-landing-title {
	font-size: 30px !important;
	margin-bottom: 10px !important;
}

.twitter-icon {
	padding-right: 8px;
}

.last-box-left {
	margin-bottom: 0px;
}

.last-box-right {
	margin-bottom: 0px;
}

.extra-padding {
	margin-left: 10px;
	margin-right: 10px;
}



@media (max-width: 992px) {
	.updates-left-col {
		padding-right: 15px !important;
	}

	.updates-right-col {
		padding-left: 15px !important;
	}

	.last-box-left {
		margin-bottom: 50px;
	}
}

@media (max-width: 767px) {
	.update-box {
		padding: 35px;
		margin-bottom: 15px;
	}

	.update-title-inactive {
		font-size: 20px;
		line-height: 1.3;
	}

	.update-intro {
		font-size: 18px;
		line-height: 1.5;
	}
}

@media (max-width: 499px) {
	.update-box {
		padding: 20px;
	}

	.update-title {
		font-size: 22px;
	}

	.update-details {
		font-size: 16px;
	}

	.content-type {
		font-size: 14px;
	}
}

@media (max-width: 321px) {
	.update-box {
		padding: 15px;
		margin-bottom: 15px;
	}

	.update-title {
		font-size: 16px;
		line-height: 1.5;
	}

	.update-title-inactive {
		font-size: 16px;
		line-height: 1.5;
	}

	.update-tweet {
		font-size: 16px;
		line-height: 1.5;
	}

	.update-intro {
		font-size: 16px;
		line-height: 1.6;
	}

	.last-box-right {
		margin-bottom: 0px;
	}
}

@media (max-height: 450px) {
	.update-box {
		padding-top: 35px;
		padding-bottom: 35px;
	}

	.update-title {
		font-size: 20px;
		line-height: 1.5;
	}

	.update-intro {
		font-size: 18px;
		line-height: 1.8;
	}
}

@media (min-width: 992px) {
	.news-sticky-col {
		top: 100px;
		position: sticky;
	}
}

@media (min-width: 2600px) {
	.news-sticky-col {
		top: 150px;
	}
}

/* Contact Section */

.contact-segment {
	padding-bottom: 0px;
	padding-top: 50px;
}

@media (max-width: 767px) {
	.contact-segment {
		padding-top: 40px;
	}
}

.training-contact-segment {
	padding-bottom: 0px;
	margin-top; 90px;
}

@media (max-width: 991px) {
	.training-contact-segment > .contact-form-wrap > .container > .col-md-4 {
		display: none;
	}

	.training-contact-segment > .contact-form-wrap > .container > .training-map-container-sm {
		display: inherit;
	}
}

@media (min-width: 992px) {
	.training-contact-segment > .contact-form-wrap > .container > .training-map-container-sm {
		display: none;
	}
}

.contact-info-container {
	margin-bottom: 30px;
}

@media (max-width: 991px) {
	.contact-info-container {
		margin-bottom: 15px;
	}
}


@media (min-width: 992px) {
	.contact-info-container-right > .contact-text {
		margin-left: 10px;
	}
}


.contact-text {
	font-size: 20px;
	color: #fff;
	font-weight: 300;
	margin-bottom: 15px;
	line-height: 1.4;
	font-family: Akzidenz Grotesk;
}

@media (min-width: 2600px) {
	.contact-text {
		font-size: 42px;
	}
}

.contact-em {
	font-weight: 100;
	margin-right: 20px;
	font-family: Audimat;
	color: #86efd9;
	text-transform: lowercase;
}

.contact-subheading {
	color: #fff;
	margin-bottom: 50px;
	font-size: 35px;
	font-weight: 200;
	font-family: Audimat;
}

.contact-subheading-ul {
	font-size: 35px;
	color: #fff;
	font-family: Audimat;
	padding-bottom: 1px;
	border-bottom: 4px solid #fff;
	line-height: 1.5;
}

.contact-form-wrapper {
  margin-top: 0px;
}

.divider-row .contact-divider {
	background-color: #fff;
	width: 100%;
	margin-bottom: 30px;
	margin-top: 0px;
	height: 2px;
}

.contact-subject-container {
	padding-left: 30px;
	padding-right: 30px;
}

@media (max-width: 991px) {
	.contact-page-container-right-2 .contact-subject-container {
		padding-left: 15px;
		padding-right: 15px;
	}
}

.contact-form-container {
	min-height: 700px;
}

@media (max-width: 991px) {
	.contact-form-container {
		display: none;
	}
}

@media (min-width: 992px) {
	.contact-form-container-sm {
		display: none;
	}
}

.contact-form-row {
	margin-bottom: 0px;
}

.contact-segment .quick-contact-form-row {
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 30px;
}

.contact-segment .quick-contact-form-row > .contact-text {
	margin-bottom: 0px;
}

.quick-contact-form-row {
	margin-bottom: 30px;
}

@media (max-width: 991px) {
	.quick-contact-form-row {
		margin-bottom: 30px;
	}
}

@media (max-width: 500px) {
	.quick-contact-form-row {
		margin-bottom: 50px;
	}
}

.form-group > .quick-contact-form-input {
	font-size: 20px;
	font-weight: 300;
	padding: 16px 20px 16px 20px;
	margin-bottom: 15px;
	min-height: 60px;
	display: inline; 
}

@media (min-width: 2600px) {
	.form-group > .quick-contact-form-input {
		font-size: 42px;
		height: 90px;
	}
}

@media (max-width: 500px) {
	.form-group > .quick-contact-form-input {
		width: 100%;
		font-size: 18px;
		padding: 8px 10px;
	}
}

@media (max-width: 500px) {
	.row > .form-group > .quick-contact-form-input {
		min-height: 50px;
	}
}

.form-group > .contact-form-input {
	font-size: 20px;
	font-weight: 300;
	padding: 16px 20px 16px 20px;
	margin-bottom: 30px;
	min-height: 60px;
	border-radius: 10px;
	border: 0px solid transparent;
}

.form-group > .contact-form-input:focus {
	box-shadow: 2px 2px 10px rgba(0, 47, 73, 0.2);
}

@media (min-width: 2600px) {
	.form-group > .contact-form-input {
		font-size: 42px;
		height: 90px;
	}
}

@media (max-width: 991px) {
	.form-group > .contact-form-input {
		margin-bottom: 20px;
	}
}

@media (max-width: 500px) {
	.form-group > .contact-form-input {
		font-size: 18px;
		padding: 8px 10px;
		min-height: 50px;
		margin-bottom: 10px;
	}
}

@media (max-width: 500px) {
	.row > .form-group > .contact-form-input {
		min-height: 50px;
	}
}

.form-group > .contact-form-textarea {
	height: auto;
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 15px;
	padding: 16px 20px 10px 20px;
	border-radius: 10px;
	border: 0px solid transparent;
}

@media (min-width: 2600px) {
	.form-group > .contact-form-textarea {
		font-size: 42px;
	}
}

@media (max-width: 500px) {
	.form-group > .contact-form-textarea {
		padding: 8px 10px;
		font-size: 18px;
	}
}

.contact-form-left-col {
	padding-right: 15px;
}

.contact-form-right-col {
	padding-left: 15px;
}

.btn-contact-wrap {
	margin-bottom: 0px;
}

@media (min-width: 2600px) {
	.btn-contact-wrap {
		margin-bottom: 70px;
	}
}

.btn-quick-contact { 
	font-size: 20px;
	padding: 17px 18px;
	background-color: #fff;
	border: 2px solid #002f49;
	color: #002f49;
	margin-bottom: 0px;
	font-family: Audimat;
	box-shadow: 5px 5px 0px #86efd9;
	width: 25%;
	margin-top: -7px;
}

@media (min-width: 2600px) {
	.btn-quick-contact {
		font-size: 42px;
		padding: 36px 30px;
		box-shadow: 10px 10px 0px #86efd9;
		border: 5px solid #002f49;
	}
}



.btn-quick-contact:hover {
	background-color: #ffe5d9;
	color: #002f49;
	border: 2px solid #002f49;
}

@media (max-width: 500px) {
  .btn-quick-contact {
	  font-size: 16px;
	  padding: 10px;
	  width: 100%;
  }
}

@media (max-width: 321px) {
	.btn-quick-contact {
		font-size: 16px;
		padding: 10px;
		margin-bottom: 35px;
		width: 100%;
	}
}

.btn-contact {
	font-size: 20px;
	padding: 20px 20px;
	background-color: #fff;
	border: 2px solid #002f49;
	color: #002f49;
	margin-bottom: 0px;
	font-family: Audimat;
	box-shadow: 5px 5px 0px #86efd9;
}

@media (min-width: 2600px) {
	.btn-contact {
		font-size: 42px;
		padding: 36px 30px;
		box-shadow: 10px 10px 0px #86efd9;
		border: 5px solid #002f49;
	}
}

@media (max-width: 500px) {
	.btn-contact {
		padding: 15px 10px;
		font-size: 18px;
		width: 100%;
	}
}

.btn-contact:hover {
	background-color: #ffe5d9;
	color: #002f49;
	border: 2px solid #002f49;
}

@media (max-width: 992px) {
	.contact-form-left-col {
		padding-right: 15px !important;
		margin-bottom: 0px;
	}

	.contact-form-right-col {
		padding-left: 15px !important;
	}

	.contact-form-extra-margin {
		margin-bottom: 50px;
	}

}

@media (max-width: 600px) {

  .contact-subheading {
	  line-height: 1.5;
  }

  .contact-text {
	  line-height: 1.5;
  }
}

@media (max-width: 500px) {
  .contact-subheading {
	  font-size: 24px;
  }

  .contact-text {
	  font-size: 22px;
  }

  .btn-contact {
	  font-size: 16px;
	  padding: 10px;
	  width: 100%;
  }
}

@media (max-width: 321px) {
	.contact-segment {
		padding-top: 10px;
	}

	.contct-info {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.contact-subheading {
		margin-bottom: 25px;
	}

	.contact-text {
		font-size: 18px;
		margin-bottom: 15px;
	}

	.btn-contact {
		font-size: 16px;
		padding: 10px;
		margin-bottom: 35px;
		width: 100%;
	}

	.contact-form-wrap {
		padding-top: 35px;
	}
}

@media (max-height: 450px) {
	.contct-info {
		padding-top: 35px;
		padding-bottom: 45px;
	}

	.contact-subheading {
		font-size: 24px;
		margin-bottom: 25px;
	}

	.contact-text {
		font-size: 22px;
		margin-bottom: 15px;
	}

	.btn-contact {
		font-size: 16px;
		padding: 10px;
	}

	.contact-form-wrap {
		padding-top: 35px;
	}
}


/* Footer */

.footer-bar {
	background-color: #002f49;
	text-align: left;
	padding-bottom: 15px;
}

body.dark-mode .footer-bar {
	background: #001825;
}

.footer-bar .container {
	width: 95%;
}

@media (min-width: 1919px) {
	.footer-bar .container {
		width: 85%;
	}
}

@media (min-width: 2560px) {
	.footer-bar .container {
		width: 80%;
	}
}

@media (max-width: 549px) {
	.footer-bar .container {
		margin-left: 0px;
		margin-right: 0px;
		width: 100%;
	}
}

.footer-content {
	padding-top: 20px;
	border-top: 2px solid #fff;
}


.footer-content > .row > .col-md-6 > .row > .col-md-4 {
	padding-left: 25px;
	padding-right: 0px;
}

@media (max-width: 991px) {
	.footer-content > .row > .col-md-6 > .row > .col-md-4 {
		padding-left: 15px;
		padding-right: 15px;
	}
}



.homepage-footer-logo {
	margin-bottom: 10px;
	margin-left: 5px;
	margin-top: 5px;
	height: 21px;
}

@media (min-width: 2600px) {
	.homepage-footer-logo {
		height: 30px;
	}
}

@media (max-width: 500px) {
	.homepage-footer-logo {
		margin-left: 0px;
	}
}

.homepage-footer-text {
	font-size: 16px;
	margin-bottom: 10px;
	font-family: HK Grotesk;
	color: #fff;
	font-weight: 500;
	line-height: 1.2;
}

@media (min-width: 2600px) {
	.homepage-footer-text {
		font-size: 24px;
	}
}

@media (max-width: 500px) {
	.homepage-footer-text {
		margin-left: 0px;
	}
}

@media (max-width: 321px) {
	.homepage-footer-text {
		font-size: 16px;
		font-weight: 300;
	}
}

.footer-logo {
	margin-bottom: 10px;
	margin-left: 5px;
	margin-top: 5px;
	height: 21px;
}

@media (min-width: 2600px) {
	.footer-logo {
		height: 30px;
	}
}

@media (max-width: 500px) {
	.footer-logo {
		margin-left: 10px;
		height: 18px;
	}
}

.footer-text {
	font-size: 16px;
	margin-bottom: 10px;
	color: #fff;
	font-weight: 300;
	line-height: 1.2;
}

@media (min-width: 2600px) {
	.footer-text {
		font-size: 24px;
	}
}

@media (max-width: 500px) {
	.footer-text {
		margin-left: 10px;
	}
}

@media (max-width: 321px) {
	.footer-text {
		font-size: 16px;
		font-weight: 300;
	}
}

.footer-link {
	color: #fff;
	font-weight: 500;
}

.footer-link:hover {
	color: #86efd9;
}

@media (max-width: 767px) {
	.col-footer-address {
		display: none;
	}
}

/* About Page */



.about-intro-segment {
	padding: 90px 0;
	margin: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: #fff;
}

.about-banner{
	background-color: #009d83;
	padding: 563px 0 53px 0;
}

.about-heading-container {
	margin-top: -380px;
}

.about-key-points-container {
	background-color: #fff;
	box-shadow: 2px 2px 10px rgba(0, 47, 73, 0.2);
	border: 2px solid #002f49;
	border-radius: 20px;
	padding: 20px 25px 15px 25px;
	margin-bottom: 50px;
	margin-top: 10px;
}

@media (max-width: 991px) {
	.about-key-points-container {
		margin-bottom: 35px;
	}
}

@media (max-width: 1200px) {
	.about-key-points-container .service-page-key-points-copy {
		margin-left: 5px;
	}
}

@media (max-width: 450px) {
	.about-copy-container .about-key-points-container .col-xs-6 {
		width: 100%;
	}
}

body.dark-mode .about-key-points-container {
	background: #001825;
	border-color: #fff;
}

.about-key-points-heading {
	font-size: 20px;
	color: #002f49;
	line-height: 1.2;
	font-weight: 700;
}

@media (max-width: 767px) {
	.about-key-points-heading {
		margin-top: 20px;
	}

	.col-sm-4:nth-child(1) .about-key-points-heading {
		margin-top: 0px;
	}
}

.error-heading-container {
	margin-top: -380px;
}

.about-copy-container {
	background-color: #f9f9f4;
	padding: 90px 50px 1px 50px;
	margin-top: 0px;
	transition: 0.3s;
}

@media (min-width: 1919px) {
	.about-copy-container {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (min-width: 2600px) {
	.about-copy-container {
		padding-top: 150px;
	}
}

@media (max-width: 991px) {
	.about-copy-container {
		padding-top: 20px;
	}
}

@media (max-width: 767px) {
	.about-copy-container {
		padding: 0px 35px 1px 35px;
	}
}

@media (max-width: 549px) {
	.about-copy-container {
		padding: 0px 25px 1px 25px;
	}
}

@media (max-width: 991px) {
	.about-copy-container .service-bvs-row-alt {
		margin-bottom: 50px;
	}
}

body.dark-mode .about-copy-container {
	background: #002337;
}


.about-content-container {
	background-color: #002f49;
	padding: 70px 50px;
	margin-top: -300px;
}

.about-page-copy {
	font-size: 18px;
	font-weight: 300;
	color: #002f49;
	line-height: 1.6;
	margin-bottom: 30px;
}

@media (min-width: 2560px) {
	.about-page-copy {
		font-size: 32px;
	}
}

@media (max-width: 767px) {
	.about-page-copy {
		font-size: 20px;
	}
}

@media (max-width: 499px) {
	.about-page-copy {
		font-size: 18px;
	}
}

@media (max-width: 321px) {
	.about-page-copy {
		font-size: 16px;
		font-weight: 300;
		margin-bottom: 20px;
	}
}

.about-page-copy:last-child {
	margin-bottom: 10px;
}

.about-page-copy a {
	font-weight: 500;
	color: #002f49;
	border-bottom: 3px solid #002f49;
}

.about-page-copy a:hover {
	color: #86efd9;
	border-bottom: 3px solid #86efd9;
}

@media (max-width: 767px) {
	.about-page-copy a {
		border-bottom: 2px solid #002f49;
	}

	.about-page-copy a:hover {
		border-bottom: 2px solid #86efd9;
	}
}

.about-page-copy b {
	font-weight: 500;
}

.about-subheading {
	font-size: 35px;
	color: #009d83;
	font-weight: 200;
}

.service-page-title-container-alt h1 {
	font-size: 6vw;
	font-weight: 900;
	color: #002f49;
	line-height: 1;
	margin-bottom: 30px;
}

body.dark-mode .service-page-title-container-alt h1 {
	color: #fff;
}

@media (max-width: 991px) {
	.service-page-title-container-alt h1 {
		font-size: 8vw;
	}
}

@media (max-width: 767px) {
	.service-page-title-container-alt h1 {
		font-size: 10vw;
	}
}

@media (max-width: 549px) {
	.service-page-title-container-alt h1 {
		font-size: 12vw;
	}
}

.news-sticky-col .service-page-title-container-alt h1 {
	font-size: 30px;
	line-height: 1.3;
} 

.service-page-title-container-alt .blog-title {
	font-size: 30px;
	line-height: 1.2;
	font-weight: 900;
	margin-bottom: 30px;
}

@media (min-width: 2500px) {
	.service-page-title-container-alt .blog-title {
		font-size: 48px;
	}
}

.about-team-segment {
	padding: 90px 0;
	margin: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: #fff;
}

.about-team-container {
	background-color: #ffe5d9;
	padding: 70px 50px;
	margin-top: -180px;
}

.team-copy {
	font-size: 26px;
	font-weight: 200;
	color: #3a5051;
	line-height: 1.7;
	margin-bottom: 35px;
}

.avatar-wrapper {
	margin-bottom: 30px;
}

.avatar {
	width: 100%;
}

.avatar-caption {
	font-size: 20px;
	color: #3a5051;
	font-weight: 200;
	margin-top: 10px;
	margin-bottom: 0px;
	text-align: center;
}

.about-partners-container {
	background-color: #ffe5d9;
	padding: 70px 50px;
	margin-top: -180px;
}

.partner-wrapper {
	margin-bottom: 50px;
	margin-top: 0px;
	text-align: center;
}

@media (max-width: 767px) {
  .partner-wrapper {
	  margin-top: 15px;
	  margin-bottom: 15px;
  }
}

.partner-logo {
	width: 75%;
}

.amazon-logo {
	margin-top: 55px;
	width: 90%;
}

.kube-logo {
	margin-left: 20px;
}

.ccs-logo {
	margin-top: 25px;
}

.gc-logo {
	width: 90%;
	margin-top: 25px;
}

.linux-logo {
	width: 90%;
	margin-top: -7px;
}



.ericsson-logo {
	margin-top: 45px;
	width: 90%;
}

@media (max-width: 1799px) {
	.ericsson-logo {
		padding-left: 40px;
	}
}

.camelot-logo {
	margin-top: 20px;
	width: 75%;
}


.siemens-logo {
	margin-top: 55px;
	width: 90%;
}

.cr-logo {
	width: 80%;
	margin-top: 15px;
}

.actionaid-logo {
	width: 90%;
	margin-top: 50px;
}

.vonage-logo {
	margin-top: 45px;
	width: 90%;
}

@media (max-width: 1799px) {
	.vonage-logo {
		padding-left: 40px;
	}
}

.skyscanner-logo {
	margin-top: 15px;
	width: 75%;
}

.maersk-logo {
	margin-top: 50px;
	width: 100%;
}

.tna-logo {
	width: 100%;
	margin-top: 60px;
}

.k3-logo {
	width: 85%;
	margin-top: 40px;
}

.carnegie-logo {
	width: 90%;
	margin-top: 60px;
}

.opengi-logo {
	width: 85%;
	margin-top: 40px;
}

.lease-logo {
	width: 90%;
	margin-top: 50px;
}

.ow-logo {
	width: 100%;
	margin-top: 50px;
}


@media (max-width: 992px) {

	.amazon-logo {
		margin-top: 50px;
	}

	.ccs-logo {
		margin-top: 15px;
	}

	.ericsson-logo {
		width: 85%;
	}

	.camelot-logo {
		width: 75%;
		margin-top: 20px;
	}

	.siemens-logo {
		width: 90%;
		margin-top: 60px;
	}

	.cr-logo {
		width: 90%;
		margin-top: 15px;
	}

	.actionaid-logo {
		margin-top: 50px;
	}

	.vonage-logo {
		margin-top: 50px;
		padding-left: 30px;
	}

	.skyscanner-logo {
		margin-top: 15px;
	}

	.maersk-logo {
		margin-top: 50px;
	}

	.tna-logo {
		margin-top: 60px;
		width: 90%;
	}

	.k3-logo {
		margin-top: 30px;
	}

	.carnegie-logo {
		margin-top: 50px;
	}

	.opengi-logo {
		margin-top: 40px;
	}

	.lease-logo {
		margin-top: 50px;
	}

	.ow-logo {
		margin-top: 40px;
	}

}

@media (max-width: 767px) {
	.amazon-logo {
		margin-top: 60px;
	}

	.gc-logo {
		margin-top: 15px;
	}

	.kube-logo {
		margin-left: 0px;
	}

	.cncf-logo {
		margin-left: 0px;
		margin-top: 35px;
	}

	.linux-logo {
		margin-top: 15px;
	}

	.ericsson-logo {
		width: 52%;
		margin-top: 20px;
	}

	.cr-logo {
		width: 70%;
	}

	.camelot-logo {
		margin-top: 30px;
	}

	.siemens-logo {
		width: 80%;
		margin-top: 50px;
	}

	.tna-logo {
		margin-top: 50px;
		width: 90%;
	}
}

@media (max-width: 500px) {
	.cncf-logo {
		margin-top: 25px;
	}

	.amazon-logo {
		margin-top: 40px;
	}

	.client-logo {
		padding-left: 20px;
		padding-right: 20px;
	}

	.siemens-logo {
		margin-top: 60px;
	}

	.cr-logo {
		margin-top: 35px;
	}

	.vonage-logo {
		margin-top: 45px;	
	}

	.maersk-logo {
		margin-top: 40px;
	}

	.actionaid-logo {
		margin-top: 50px;
	}

	.tna-logo {
		margin-top: 40px;
	}

	.camelot-logo {
		margin-top: 40px;
	}

	.lease-logo {
		margin-top: 40px;
	}

}

@media (max-width: 400px) {
	.client-logo {
		padding-left: 0px;
		padding-right: 0px;
	}

	.cr-logo {
		margin-top: 10px;
	}

	.camelot-logo {
		margin-top: 10px;
	}

	.ericsson-logo {
		margin-top: 0px;
	}

	.siemens-logo {
		margin-top: 50px;
	}

	.k3-logo {
		margin-top: 30px;
	}

	.opengi-logo {
		margin-top: 30px;
	}
}



.about-contact-segment {
  padding: 0px;
  margin-top: -90px;
  background-color: #009d83;
}

.btn-about-contact {
  font-size: 20px;
  padding: 20px 20px;
  background-color: #002f49;
  border: 2px solid #002f49;
  margin-bottom: 25px;
}

.btn-about-contact:hover {
  color: #002f49;
  background-color: #fff;
  border: 2px solid #fff;
}

.about-banner-heading {
  font-size: 70px;
  color: #fff;
  font-weight: 900;
  margin-bottom: 40px;
}

.cncf-logo {
  margin-left: 15px;
  margin-top: 10px;
}

.about-contact-container {
	background-color: #002f49;
	padding: 60px 15px 30px 0px;
	margin-top: 0px;
	margin-left: 10px;
}

.about-contact-container h3 {
	color: #002f49;
}

body.dark-mode .about-contact-container h3  {
	color: #fff;
}

@media (max-width: 991px) {
	.about-contact-container {
		padding: 50px 20px 10px 20px;
	}
}

@media (max-width: 767px) {
	.about-contact-container {
		margin-left: 0px;
		padding: 50px 20px 20px 20px;
	}
}

@media (max-width: 500px) {
	.about-contact-container {
		padding: 30px 10px 0px 10px;
	}
}

.about-contact-container b {
	font-weight: 500;
}

.about-contact-container .service-bvs-title-alt {
	font-size: 42px;
	font-weight: 600;
	color: #fff;
	margin-left: 0px;
	margin-bottom: 0px;
	text-transform: none;
}

@media (max-width: 767px) {
	.about-contact-container .service-bvs-title-alt {
		font-size: 36px;
	}
}

@media (max-width: 1200px) {
  .about-copy {
	  font-weight: 200;
  }

  .team-copy {
	  font-weight: 200;
  }

  .about-contact-copy {
	  font-weight: 200;
  }
}



@media (max-width: 450px) {
  .about-banner {
	  padding: 550px 0px 75px 0px;
  }

  .about-banner-heading {
	  font-size: 60px;
	  margin-bottom: 20px;
  }

  .about-content-container {
	  padding: 35px 35px;
  }

  .about-copy {
	  font-size: 18px;
	  line-height: 1.8;
	  font-weight: 200;
  }

  .about-subheading {
	  font-size: 30px;
	  margin-bottom: 30px;
  }

  .about-team-container {
	  padding: 45px 35px 20px 35px;
  }

  .team-copy {
	  font-size: 18px;
	  line-height: 1.8;
	  font-weight: 200;
  }

  .avatar-caption {
	  font-size: 18px;
  }

  .about-partners-container {
	  padding: 45px 35px 10px 35px;
  }

  .about-contact-copy {
	  font-size: 24px;
	  font-weight: 200;
  }

  .btn-about-contact {
	  font-size: 16px;
	  padding: 10px 10px;
  }
}

@media (max-width: 361px) {
  .amazon-logo {
	  margin-top: 25px;
  }



  .cncf-logo {
	  margin-top: 20px;
	  margin-bottom: 10px;
  }
}

@media (max-width: 321px) {
  .about-content-container {
	  padding: 25px 15px 5px 15px;
  }

  .about-team-container {
	  padding: 35px 15px;
  }

  .about-partners-container {
	  padding: 0px 15px 35px 15px;
  }

  .about-banner-heading {
	  font-size: 50px;
	  margin-bottom: 15px;
  }

  .about-subheading {
	  font-size: 24px;
	  margin-bottom: 20px;
  }

  .about-copy {
	  font-size: 16px;
  }

  .team-copy {
	  font-size: 16px;
  }

  .team-avatars-container {
	  margin-bottom: 25px;
  }

  .about-contact-copy {
	  font-size: 20px;
	  margin-bottom: 20px;
  }

  .camelot-logo {
	  margin-top: 30px;
  }
}

@media (max-height: 450px) {
  .about-banner {
	  padding: 100px 0px 60px 0px;
  }

  .about-heading-container {
	  margin-top: 0px;
  }

  .about-banner-heading {
	  font-size: 40px;
	  margin-bottom: 0px;
  }

  .about-content-container {
	  margin-top: 0px;
	  padding-top: 35px;
	  padding-bottom: 10px;
  }

  .about-intro-segment {
	  padding-top: 0px;
  }

  .about-copy {
	  font-size: 18px;
	  line-height: 1.8;
	  font-weight: 200;
  }

  .about-team-container {
	  padding-top: 35px;
	  padding-bottom: 15px;
  }

  .about-subheading {
	  font-size: 30px;
	  margin-bottom: 20px;
  }


  .about-contact-copy {
	  font-size: 24px;
	  font-weight: 200;
  }

  .btn-about-contact {
	  font-size: 16px;
	  padding: 10px 10px;
  }
}


/* Blog Landing Page */

.blog-landing-banner {
	background-color: #002f49;
	padding: 563px 0 53px 0;
}

.blog-heading-container {
	margin-top: -430px;
}

.blog-banner-heading {
	font-size: 70px;
	color: #fff;
	font-weight: 900;
	margin-bottom: 40px;
}

.blog-intro-segment {
	padding: 90px 0px 0px 0px;
	margin: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: #fff;
}

.blog-landing-page-container {
	background-color: #f9f9f4;
	padding: 100px 50px 1px 50px;
	margin-top: 0px
	transition: 0.3s;
}


@media (min-width: 1919px) {
	.blog-landing-page-container {
		padding-left: 15px;
		padding-right: 15px;
	}
}

body.dark-mode .blog-landing-page-container {
	background: #002337;
}

.blog-landing-page-container .service-page-title-container-alt > .service-bvs-title-alt {
	font-size: 42px;
}

.blog-landing-page-container .service-page-title-container-alt > .service-bvs-subheading-alt {
	font-size: 20px;
	line-height: 1.4;
}

@media (min-width: 768px) and (max-width: 992px) {
	.blog-landing-page-container .service-page-title-container-alt > .service-bvs-title-alt {
		font-size: 32px;
	}

	.blog-landing-page-container .service-page-title-container-alt > .service-bvs-subheading-alt {
		font-size: 16px;
	}
}

@media (max-width: 767px) {
	.blog-landing-page-container {
		padding: 35px 35px 1px 35px;
	}

	.blog-landing-page-container .service-page-title-container-alt > .service-bvs-subheading-alt {
		margin-bottom: 30px;
	}
}

@media (max-width: 500px) {
	.blog-landing-page-container {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media (max-width: 321px) {
	.blog-landing-page-container .service-page-title-container-alt > .service-bvs-title-alt {
		font-size: 18px;
	}

	.blog-landing-page-container .service-page-title-container-alt > .service-bvs-subheading-alt {
		font-size: 16px;
		font-weight: 300;
	}
}

.blog-content-container {
  background-color: #ffe5d9;
  padding: 70px 50px;
  margin-top: -300px;
}

.blog-landing-row {
	background-color: #ffe5d9;
}

@media (max-width: 1199px) {
	.blog-landing-row .updates-left-col, .blog-landing-row .updates-right-col {
		width: 100%;
	}
}

@media (max-width: 1199px) {
	.blog-landing-row .updates-left-col {
		padding-right: 15px;
	}
}

@media (max-width: 1199px) {
	.blog-landing-row .updates-right-col {
		padding-left: 15px;
	}
}


.blog-intro-copy {
  font-size: 26px;
  font-weight: 200;
  color: #3a5051;
  line-height: 1.7;
  margin-bottom: 0px;
}

.blog-content-segment {
  padding-bottom: 0px;
  padding-top: 30px;
}

.blog-contact-segment {
  padding: 0px;
  margin-top: 75px;
  background-color: #009d83;
}

.blog-image {
  width: 100%;
  margin-bottom: 10px;
  margin-top: 15px;
}

.pagination {
  margin-bottom: 0px;
}

.pagination > li > a {
  background-color: #002f49;
  border: 1px solid #002f49;
  color: #fff;
  padding: 6px 12px;
}

.pagination > li > a:hover {
  background-color: #86efd9;
  border: 1px solid #86efd9;
  color: #002f49;
}

@media (min-width: 2600px) {
	.pagination > li > a {
		padding: 15px 20px;
		font-size: 36px;
	}
}

@media (max-width: 500px) {
	.pagination > li > a {
		padding: 2px 8px;
	}

	.pagination > li > span {
		padding: 2px 8px;
	}
}

@media (max-width: 321px) {
	.pagination > li > a {
		padding: 2px 6px;
	}

	.pagination > li > span {
		padding: 2px 6px;
	}
}


.pagination > li > a > span {
  font-family: HK Grotesk;
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled span, .pagination > .disabled span:focus, .pagination > .disabled span:hover {
	color: #bbb;
	border-color: #fff;
}

@media (min-width: 2600px) {
	.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled span, .pagination > .disabled span:focus, .pagination > .disabled span:hover {
		font-size: 36px;
		padding: 15px 20px;
	}
}

.pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > span:focus {
	background-color: #86efd9;
	border-color: #86efd9;
	color: #002f49;
}

.pagination-wrap {
  margin-top: 30px;
  margin-bottom: 0px;
}

@media (max-width: 1200px) {
  .blog-intro-copy {
	  font-weight: 200;
  }
}

@media (max-width: 450px) {
  .blog-landing-banner {
	  padding: 550px 0px 75px 0px;
  }

  .blog-banner-heading {
	  font-size: 60px;
	  margin-bottom: 20px;
  }

  .blog-content-container {
	  padding: 35px 35px;
  }

  .blog-intro-copy {
	  font-size: 20px;
	  line-height: 1.8;
	  font-weight: 200;
  }
}

@media (max-width: 321px) {
  .blog-intro-segment {
	  padding-top: 25px;
  }

  .blog-banner-heading {
	  font-size: 50px;
	  margin-bottom: 15px;
  }

  .blog-content-container {
	  padding: 25px 15px 25px 15px;
  }

  .blog-intro-copy {
	  font-size: 16px;
	  line-height: 1.8;
	  font-weight: 200;
  }
}

@media (max-height: 450px) {
  .blog-landing-banner {
	  padding: 80px 0px 40px 0px;
  }

  .blog-heading-container {
	  margin-top: 0px;
  }

  .blog-banner-heading {
	  font-size: 40px;
	  margin-bottom: 0px;
  }

  .blog-content-container {
	  margin-top: 0px;
	  padding-top: 35px;
	  padding-bottom: 10px;
  }

  .blog-intro-segment {
	  padding-top: 0px;
  }

  .blog-intro-copy {
	  font-size: 20px;
	  line-height: 1.8;
	  font-weight: 200;
  }
}


/* Blog Individual Pages */

.blog-banner {
	padding: 258px 0 258px 0;
	width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.blog-title-segment {
	padding: 90px 0px 0px 0px;
	margin: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: #fff;
}

.blog-title-container {
	background-color: #009d83;
	padding: 70px 50px;
}

.news-title-container {
	background-color: #002f49;
	padding: 70px 50px;
	margin-top: 50px;
}

.blog-title {
	font-size: 32px;
	font-weight: 700;
	color: #002f49;
	margin-bottom: 15px;
	line-height: 1.2;
}

@media (min-width: 2600px) {
	.blog-title {
		font-size: 42px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.blog-title {
		font-size: 26px;
		margin-bottom: 10px;
	}
}

body.dark-mode .blog-title {
	color: #fff;
}

.blog-title-details {
  font-size: 24px;
  font-weight: 300;
  color: #002f49;
  margin-bottom: 0px;
  line-height: 1.2;
}

@media (min-width: 2600px) {
	.blog-title-details {
		font-size: 36px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.blog-title-details {
		font-size: 20px;
	}
}

body.dark-mode .blog-title-details {
	color: #fff;
}

.blog-page-container {
	background-color: #fff;
	padding: 90px 50px 1px 50px;
	margin-top: 0px;
}

@media (min-width: 1919px) {
	.blog-page-container {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (max-width: 767px) {
	.blog-page-container {
		padding: 50px 35px 1px 35px;
	}
}

@media (max-width: 500px) {
	.blog-page-container {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media (max-width: 321px) {
	.blog-page-container {
		padding-top: 30px;
	}
}

body.dark-mode .blog-page-container {
	background: #002337;
}

.blog-post-segment {
	padding-bottom: 0px;
	padding-top: 30px;
}

.blog-post-container {
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 0px;
}

@media (max-width: 991px) {
	.blog-page-container .service-page-title-container-alt {
		margin-bottom: 50px;
		padding-bottom: 15px;
		border-bottom: 2px solid #002f49; 
	}
}

@media (max-width: 321px) {
	.blog-page-container .service-page-title-container-alt {
		margin-bottom: 30px;
		padding-bottom: 15px;
		border-bottom: 2px solid #002f49; 
	}
}

.blog-post-container p {
	font-size: 20px;
	font-weight: 300;
	color: #002f49;
	line-height: 1.6;
}

@media (min-width: 2500px) {
	.blog-post-container p {
		font-size: 32px;
		margin-bottom: 40px;
	}
}

.blog-post-container p > span {
	font-weight: 500;
}

.blog-post-container p > strong {
	font-weight: 800;
}

.blog-post-container p > em {
	font-weight: 300;
	font-style: normal;
	font-family: HK Grotesk Italic;
}

.blog-post-container ul strong {
	font-weight: 800;
}

@media (max-width: 767px) {
	.blog-post-container p {
		font-size: 20px;
	}
}

.blog-post-container p > code {
	padding: 2px 6px;
	color: #002f49;
	background-color: #ffe5d9;
	font-family: FreeMono;
	font-weight: 900;
}

body.dark-mode .blog-post-container p > code {
	color: #002f49;
	background: #fff;
}

.blog-post-container ul code {
	padding: 2px 6px;
	color: #002f49;
	background-color: #ffe5d9;
	font-family: FreeMono;
	font-weight: 900;
}

body.dark-mode .blog-post-container ul code {
	color: #002f49;
	background: #fff;
}

.blog-post-container ol code {
	padding: 2px 6px;
	color: #002f49;
	background-color: #ffe5d9;
	font-family: FreeMono;
	font-weight: 900;
}

body.dark-mode .blog-post-container ol code {
	color: #002f49;
	background: #fff;
}

@media (max-width: 321px) {
	.blog-post-container p > code {
		font-size: 80%;
	}

	.blog-post-container ul code {
		font-size: 80%;
	}

	.blog-post-container ol code {
		font-size: 80%;
	}
}

.blog-post-container ol pre code {
	background-color: transparent;
}

.blog-post-container pre {
	border: 1px solid #002f49;
	border-radius: 0px;
	padding-left: 30px;
	padding-right: 30px;
	color: #002f49;
	margin-bottom: 40px;
}

@media (min-width: 2600px) {
	.blog-post-container pre {
		font-size: 30px;
	}
}

body.dark-mode .blog-post-container pre {
	border-color: #fff;
}

.blog-post-container pre code {
	font-size: 16px;
	font-family: FreeMono;
}

.blog-post-container pre code span {
	font-size: 16px;
	font-family: FreeMono;
}

.blog-post-container .blog-post-code p > code {
	padding: inherit;
	font-size: 16px;
	background-color: inherit;
}

.blog-post-code > code > p {
	font-size: 18px;
}

.blog-post-container a {
	font-size: 20px;
	font-weight: 500;
	color: #002f49;
	line-height: 1.6;
	border-bottom: 2px solid #002f49;
}

.blog-post-container a:hover {
	font-weight: 500;
	color: #86efd9;
	border-bottom: 2px solid #86efd9;
}

@media (min-width: 2500px) {
	.blog-post-container a {
		font-size: 32px;
		border-bottom: 4px solid #002f49;
	}

	.blog-post-container a:hover {
		border-bottom: 4px solid #86efd9;
	}
}

@media (max-width: 767px) {
	.blog-post-container a {
		font-size: 20px;
		line-height: 1.3;
	}
}

body.dark-mode .blog-post-container a {
	color: #86efd9;
	border-color: #86efd9; 
}

.blog-post-container ul {
	padding-left: 35px;
	color: #002f49;
	margin-bottom: 10px;
}

@media (max-width: 767px) {
	.blog-post-container ul {
		margin-bottom: 0px;
	}
} 

.blog-post-container ul > li {
	padding-left: 10px;
}

.blog-post-container ul > li > p {
	margin-bottom: 10px;
}

.blog-post-container h2 {
	font-size: 28px;
	line-height: 1.2;
	font-weight: 700;
	text-transform: none;
	color: #002f49;
	margin-top: 0px;
	padding-top: 60px;
	margin-bottom: 5px;
}

@media (min-width: 2500px) {
	.blog-post-container h2 {
		font-size: 48px;
	}
}

.blog-post-container h2:nth-child(1) {
	padding-top: 0px;
}

.news-post-container h2 {
	padding-top: 20px;
}

.blog-post-container h3 {
	font-size: 26px;
	font-weight: 500;
	line-height: 1.4;
	text-transform: none;
	color: #002f49;
	margin-top: 0px;
	padding-top: 60px;
	margin-bottom: 10px;
}

@media (max-width: 767px) {
	.blog-post-container h2 {
		font-size: 24px;
		padding-top: 60px;
		margin-top: 0px;
	}

	.blog-post-container h3 {
		font-size: 22px;
		margin-top: 30px;
	}
}

.blog-post-container h2 strong {
	font-weight: 300;
}

.blog-post-container h3 strong {
	font-weight: 300;
}

.blog-post-container h4 {
	font-size: 24px;
	font-weight: 500;
	color: #002f49;
	margin-top: 30px;
}

@media (min-width: 2500px) {
	.blog-post-container h3, .blog-post-container h4 {
		font-size: 42px;
	}
}

@media (max-width: 767px) {
	.blog-post-container h4 {
		font-size: 20px;
		margin-top: 15px;
	}
}

/* .blog-post-container p:nth-child(1) {
	display: none;
} */

.blog-post-container h4:nth-child(1) {
	margin-top: 0px;
}

body.dark-mode .blog-post-container h2, body.dark-mode .blog-post-container h3, body.dark-mode .blog-post-container h4 {
	color: #fff;
}

.blog-post-container ol {
	font-size: 20px;
	font-weight: 300;
	color: #002f49;
	margin-bottom: 30px;
	margin-top: 0px;
	padding-left: 25px;
}

@media (min-width: 2600px) {
	.blog-post-container ol {
		font-size: 42px;
	}
}

.blog-post-container ol li {
	margin-bottom: 10px;
}

.blog-post-container ol > li > ol {
	margin-top: 10px;
	margin-bottom: 10px;
}


.blog-post-container ol > li > ul {
	font-weight: 300;
	list-style-type: "–";
}

.blog-post-container > ul > li {
	margin-bottom: 10px;
	line-height: 1.5;
	font-weight: 300;
	font-size: 20px;
	list-style-type: "–"
}

.blog-post-container > ul > li > ul > li {
	margin-bottom: 5px;
}

.blog-post-container > ul > li > ul > li:nth-child(1) {
	margin-top: 5px;
}

.blog-post-container > ul > li:nth-last-child(1) {
	margin-bottom: 20px;
}

.blog-post-container > ul > li > ul > li {
	list-style-type: "–"
}

@media (min-width: 2500px) {
	.blog-post-container > ul > li {
		font-size: 32px;
	}
}

@media (max-width: 767px) {
	.blog-post-container ul {
		font-size: 20px;
		line-height: 1.4;
	}

	.blog-post-container ol {
		font-size: 20px;
		line-height: 1.4;
	}

	.blog-post-container > ul > li {
		font-size: 20px;
		line-height: 1.4;
	}
}

@media (max-width: 500px) {
	.blog-post-container ul {
		font-size: 18px;
	}

	.blog-post-container ol {
		font-size: 18px;
	}

	.blog-post-container > ul > li {
		font-size: 18px;
	}
}

body.dark-mode .blog-post-container ul, body.dark-mode .blog-post-container ol {
	color: #fff;
}


.blog-post-container blockquote {
	background-color: #f9f9f9;
	border-left: 0px solid transparent;
	padding: 35px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 50px;
	margin-bottom: 50px;
	font-family: HK Grotesk Italic;
	box-shadow: 2px 2px 10px rgba(0, 47, 73, 0.2);
}

body.dark-mode .blog-post-container blockquote {
	background: #001825;
}

.blog-post-container img {
	margin-bottom: 35px;
	width: 100%;
}

.blog-post-container blockquote p {
	font-family: HK Grotesk Italic;
}

.blog-post-container blockquote h4 {
	font-family: HK Grotesk;
}

.blog-post-container blockquote a, {
	font-family: HK Grotesk Italic;
	font-weight: 600;
}

.blog-post-container table {
	margin-top: 30px;
	margin-bottom: 30px;
}

.blog-post-container table thead th {
	background: #002f49;
	color: #fff;
	padding: 5px 10px;
	font-weight: 500;
	font-size: 18px;
}

.blog-post-container table tbody tr {
	border-bottom: 2px solid #002f49;
}

.blog-post-container table tbody td {
	padding: 5px 10px;
	font-size: 18px;
	color: #002f49;
	font-weight: 300;
	background: #fff;
}

.blog-post-container table tbody tr td:nth-child(1) {
	background: #86efd9;
	font-weight: 400;
}

@media (max-width: 549px) {
	.blog-post-container table {
		overflow-x: scroll;
		display: block;
	}

	.blog-post-container table tbody td {
		min-width: 250px;
	}
}

.blog-post-container summary{
	font-size: 16px;
	font-weight: 600;
	color: #002f49;
	margin-bottom: 5px;
}

body.dark-mode .blog-post-container summary {
	color: #fff;
}

.clicktogif {
	margin-bottom: 20px;
}

label.clicktogif {
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -256 1792 1792"><path d="M1288.678 637.83q0 37-33 56l-512 288q-14 8-31 8t-32-9q-32-18-32-55v-576q0-37 32-55 31-20 63-1l512 288q33 19 33 56zm128 0q0-104-40.5-198.5t-109.5-163.5q-69-69-163.5-109.5t-198.5-40.5q-104 0-198.5 40.5t-163.5 109.5q-69 69-109.5 163.5t-40.5 198.5q0 104 40.5 198.5t109.5 163.5q69 69 163.5 109.5t198.5 40.5q104 0 198.5-40.5t163.5-109.5q69-69 109.5-163.5t40.5-198.5zm256 0q0 209-103 385.5t-279.5 279.5q-176.5 103-385.5 103t-385.5-103q-176.5-103-279.5-279.5t-103-385.5q0-209 103-385.5t279.5-279.5q176.5-103 385.5-103t385.5 103q176.5 103 279.5 279.5t103 385.5z" fill="LightGrey"/></svg>') DimGrey no-repeat center center;
	display: block;
	float: left;
}

label.clicktogif:hover, label.clicktogif:focus-within {
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -256 1792 1792"><path d="M1288.678 637.83q0 37-33 56l-512 288q-14 8-31 8t-32-9q-32-18-32-55v-576q0-37 32-55 31-20 63-1l512 288q33 19 33 56zm128 0q0-104-40.5-198.5t-109.5-163.5q-69-69-163.5-109.5t-198.5-40.5q-104 0-198.5 40.5t-163.5 109.5q-69 69-109.5 163.5t-40.5 198.5q0 104 40.5 198.5t109.5 163.5q69 69 163.5 109.5t198.5 40.5q104 0 198.5-40.5t163.5-109.5q69-69 109.5-163.5t40.5-198.5zm256 0q0 209-103 385.5t-279.5 279.5q-176.5 103-385.5 103t-385.5-103q-176.5-103-279.5-279.5t-103-385.5q0-209 103-385.5t279.5-279.5q176.5-103 385.5-103t385.5 103q176.5 103 279.5 279.5t103 385.5z" fill="MediumSeaGreen"/></svg>') DarkSlateGrey no-repeat center center;
	display: block;
	float: left;
	cursor: pointer;
}

.clicktogif img {
	display: block;
	margin-bottom: 0px;
}

.clicktogif input[type=checkbox] {
	position: absolute;
	left: -100vw;
}

.clicktogif input[type=checkbox] + img {
	opacity: 0;
}

.clicktogif input[type=checkbox]:checked + img {
	opacity: 1;
}

.blog-toc {
	border-top: 2px solid #002f49;
	padding-top: 20px;
	margin-top: 10px;
}

body.dark-mode .blog-toc {
	border-color: #fff;
}

.blog-toc h3 {
	font-size: 24px;
	color: #002f49;
	margin-top: 30px;
	margin-bottom: 15px;
}

@media (min-width: 2500px) {
	.blog-toc h3 {
		font-size: 36px;
	}
}

body.dark-mode .blog-toc h3 {
	color: #fff;
}

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

@media (min-width: 2500px) {
	.blog-toc ul {
		font-size: 24px;
	}
}

.blog-toc ul li {
	margin-bottom: 15px;
}

.blog-toc ul li a {
	color: #002f49;
	border-bottom: 2px solid #002f49;
	font-weight: 400;
}

body.dark-mode .blog-toc ul li a {
	color: #fff;
	border-color: #fff;
}

.blog-toc ul li a:hover {
	color: #86efd9;
	border-bottom: 2px solid #86efd9;
}

body.dark-mode .blog-toc ul li a:hover {
	color: #86efd9;
	border-color: #86efd9;
}

.blog-toc ul li a strong {
	font-weight: 400;
}

.blog-toc ul li > ul {
	margin-top: 10px;
	padding-left: 15px;
}

.blog-post-cta {
	background: #86efd9;
	padding: 35px;
	width: 75%;
	border-radius: 30px;
	margin-top: 40px;
}

@media (max-width: 549px) {
	.blog-post-cta {
		width: 100%;
	}
}

.blog-post-cta h2 {
	color: #002f49 !important;
	font-weight: 900;
}

.blog-post-cta p {
	color: #002f49 !important;
}

.blog-post-cta p:nth-last-child(1) {
	margin-bottom: 0px;
}

.blog-post-cta p a {
	color: #002f49 !important;
	font-weight: 600;
	border-bottom: 3px solid #002f49 !important;
	cursor: pointer;
}

.blog-post-cta .btn-new {
	border-color: #002f49 !important;
	color: #002f49 !important;
	margin-bottom: 20px;
}

.blog-post-cta .btn-new:nth-last-child(1) {
	margin-bottom: 0px;
}

.blog-post-cta .btn-new:hover {
	border-color: #002f49 !important;
	color: #fff !important;
	background: #002f49 !important;
}




.blog-post-copy {
	font-size: 24px;
	font-weight: 200;
	color: #3a5051;
	line-height: 1.7;
	margin-bottom: 35px;
}

.blog-post-subheading {
	font-size: 30px;
	font-weight: 700;
	color: #002f49;
	margin-top: 35px;
	margin-bottom: 20px;
}

.blog-post-link {
	font-weight: 400;
	color: #009d83;
}

.blog-post-link:hover {
	color: #002f49;
}

.blog-post-em {
	font-weight: 500;
	font-family: Akzidenz Grotesk;
}

.blog-post-contact-segment {
	padding: 0px;
	background-color: #002f49;
}

.blog-post-contact-container {
	background-color: #002f49;
	padding: 70px 15px 50px 0px;
	margin-top: 0px;
	margin-left: 10px;
}

@media (max-width: 767px) {
	.blog-post-contact-container {
		margin-left: 0px;
		padding: 50px 15px 20px 20px;
	}
}

.blog-post-contact-copy {
	font-size: 20px;
	color: #fff;
	font-weight: 200;
	margin-bottom: 15px;
	line-height: 1.5;
}

@media (min-width: 2600px) {
	.blog-post-contact-copy {
		font-size: 42px;
	}
}

@media (max-width: 991px) {
	.blog-post-contact-copy {
		font-size: 20px;
	}
}

.contact-copy-italic {
  font-family: Brandon Text Italic;
}

.btn-blog-contact {
  font-size: 24px;
  padding: 20px 20px;
  background-color: #fff;
  border: 2px solid #002f49;
  margin-bottom: 35px;
  margin-top: 15px;
  font-family: Audimat;
  text-transform: lowercase;
  color: #002f49;
  box-shadow: 5px 5px 0px #86efd9;
}

@media (min-width: 2600px) {
	.btn-blog-contact {
		font-size: 30px;
		padding: 30px;
	}
}

.btn-blog-contact:hover {
  background-color: #ffe5d9;
  color: #002f49;
  border: 2px solid #002f49;
}

.blog-post-bullets {
  font-size: 24px;
  font-weight: 200;
  color: #3a5051;
  line-height: 1.5;
  margin-bottom: 35px;
  margin-top: 0px;
  list-style: outside none none;
  padding-left: 0px;
}

.blog-post-bullets > li {
  margin-bottom: 10px;
}

.custom-bullet {
  padding-left: 25px;
}

.blog-post-image {
  margin-bottom: 35px;
  width: 100%;
}

.blog-post-code-wrapper {
  margin-bottom: 35px;
}

.blog-post-code {
  color: #3a5051;
  font-size: 16px;
}

.blog-post-tt {
  margin-top: -30px;
}

.blog-post-numbers {
  font-size: 24px;
  font-weight: 200;
  color: #3a5051;
  line-height: 1.5;
  margin-bottom: 35px;
  margin-top: -25px;
  padding-left: 25px;
}

.blog-comments-segment {
  padding-bottom: 0px;
  padding-top: 30px;
  background-color: #f9f9f4;
}

.blog-comments-container {
  padding-left: 65px;
  padding-right: 65px;
  margin-top: 30px;
  background-color: #f9f9f4;
}

@media (max-width: 500px) {
	.blog-comments-container {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.blog-post-pull-quote-container {
  background-color: #ffe5d9;
  padding: 35px 35px 35px 50px;
  margin-left: 35px;
  margin-right: 35px;
  margin-top: 50px;
  margin-bottom: 50px;
}

.blog-post-pull-quote-copy {
  font-family: Brandon Text Italic;
}


@media (max-width: 767px) {

  .blog-banner {
	  padding: 0px 0px 208px 0px;
	  margin-top: 50px;
  }

  .blog-title-segment {
	  padding-top: 70px !important;
  }

}

@media (max-width: 500px) {
	.blog-title-segment {
		padding-top: 50px !important;
	}

	.blog-title-container {
		padding: 25px;
	}

	.blog-title {
		font-size: 24px;
		margin-bottom: 10px;
	}

	.blog-title-details {
		font-size: 20px;
	}

	.blog-post-container {
		margin-top: 15px;
	}

	.blog-post-container p {
		font-size: 18px;
		line-height: 1.6;
		margin-bottom: 25px;
	}

	.blog-post-container a {
		font-size: 18px;
	}

	.blog-post-container h2, .blog-post-container h3 {
		font-size: 22px;
		line-height: 1.3;
		margin-bottom: 5px;
	}

	.blog-post-container h3 {
		font-size: 20px;
	}

	.blog-post-copy {
		font-size: 18px;
		line-height: 1.6;
		margin-bottom: 25px;
	}

	.blog-post-subheading {
		font-size: 24px;
		margin-bottom: 15px;
	}

	.blog-post-bullets {
		font-size: 18px;
	}

	.blog-post-numbers {
		font-size: 18px;
	}

	.blog-post-contact-copy {
		font-size: 20px;
	}

	.btn-blog-contact {
		font-size: 16px;
		padding: 10px;
	}

	.blog-post-contact-container {
		padding: 50px 35px 40px 35px;
	}

	.blog-post-pull-quote-container {
		margin: 35px 0px;
		padding: 35px 35px 15px 35px;
	}

	.blog-post-pull-quote-heading {
		font-size: 20px;
		line-height: 1.4;
	}
}

@media (max-width: 321px) {
	.blog-title-container {
		padding: 25px;
	}

	.blog-title {
		font-size: 20px;
	}

	.blog-title-details {
		font-size: 16px;
	}

	.blog-post-container {
		padding-left: 15px;
		padding-right: 15px;
		margin-top: 0px;
	}

	.blog-post-container p {
		font-size: 16px;
		line-height: 1.6;
		margin-bottom: 15px;
	}

	.blog-post-container a {
		font-size: 16px;
	}

	.blog-post-container h2, .blog-post-container h3 {
		font-size: 18px;
	}

	.blog-post-subheading {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.blog-post-copy {
		font-size: 16px;
		line-height: 1.6;
		margin-bottom: 25px;
	}

	.blog-post-bullets {
		font-size: 16px;
	}

	.blog-post-numbers {
		font-size: 16px;
	}

	.blog-post-contact-copy {
		font-size: 16px;
	}

	.blog-post-contact-container {
		padding: 35px 5px 15px 5px;
	}

	.blog-post-pull-quote-container {
		padding: 15px 15px 5px 15px;
	}

	.blog-post-pull-quote-heading {
		font-size: 16px;
	}
}

@media (max-height: 450px) {
  .blog-title-segment {
	  padding-top: 35px !important;
  }

  .blog-title-container {
	  padding: 35px;
  }

  .blog-title {
	  font-size: 24px;
	  margin-bottom: 10px;
  }

  .blog-title-details {
	  font-size: 20px;
  }

  .blog-post-container {
	  padding-left: 50px;
	  padding-right: 50px;
	  margin-top: 0px;
  }

  .blog-post-container p {
	font-size: 18px;
	line-height: 1.8;
	margin-bottom: 25px;
  }

  .blog-post-copy {
	  font-size: 18px;
	  line-height: 1.8;
	  margin-bottom: 25px;
  }

  .blog-post-subheading {
	  font-size: 24px;
	  margin-bottom: 15px;
  }

  .blog-post-bullets {
	  font-size: 18px;
  }

  .blog-post-numbers {
	  font-size: 18px;
  }

  .blog-post-contact-copy {
	  font-size: 20px;
  }

  .btn-blog-contact {
	  font-size: 16px;
	  padding: 10px;
  }

  .blog-post-contact-container {
	  padding: 50px 35px 40px 35px;
  }

  .blog-post-pull-quote-container {
	  margin: 35px 0px;
	  padding: 35px 35px 15px 35px;
  }

  .blog-post-pull-quote-heading {
	  font-size: 20px;
	  line-height: 1.4;
  }
}

.blog-comments-container .recommendations-wrapper {
	display: none;
}

/* Blog Images */

/* Blog XX - "Blog Title" */

.blog-banner-XX {
  background: url(../img/blog-image-XX.png) no-repeat top center;
}

@media (max-width: 768px) {
  .blog-banner-XX {
	  background: url(../img/blog-image-XX-mobile.png) no-repeat top center;
  }
}

/* Blog 23 - "Kubernetes - A Year in Review" */

.blog-banner-23 {
  background: url(../img/blog-image-23.png) no-repeat top center;
}

@media (max-width: 768px) {
  .blog-banner-23 {
	  background: url(../img/blog-image-23-mobile.png) no-repeat top center;
  }
}

/* Blog 22 - "KubeCon Retrospective: Kubernetes in Production" */

.blog-banner-22 {
  background: url(../img/blog-image-22.png) no-repeat top center;
}

@media (max-width: 768px) {
  .blog-banner-22 {
	  background: url(../img/blog-image-22-mobile.png) no-repeat top center;
  }
}

/* Blog 21 - "LiveWyer: Official Service Partner of Kubernetes" */

.blog-banner-21 {
  background: url(../img/blog-image-21.png) no-repeat top center;
}

@media (max-width: 768px) {
  .blog-banner-21 {
	  background: url(../img/blog-image-21-mobile.png) no-repeat top center;
  }
}

/* Blog 20 - "KubeCon EU - Day 2 Summary and Retrospective" */

.blog-banner-20 {
  background: url(../img/blog-image-20.png) no-repeat top center;
}

@media (max-width: 768px) {
  .blog-banner-20 {
	  background: url(../img/blog-image-20-mobile.png) no-repeat top center;
  }
}

/* Blog 19 - "KubeCon EU - Day 1 Summary" */

.blog-banner-19 {
  background: url(../img/blog-image-19.png) no-repeat top center;
}

@media (max-width: 768px) {
  .blog-banner-19 {
	  background: url(../img/blog-image-19-mobile.png) no-repeat top center;
  }
}

/* Blog 18 - "The Kubernetes Dashboard Project" */

.blog-banner-18 {
  background: url(../img/blog-image-18.png) no-repeat top center;
}

@media (max-width: 768px) {
  .blog-banner-18 {
	  background: url(../img/blog-image-18-mobile.png) no-repeat top center;
  }
}

/* Blog 17 - "Kubernetes - A Year in Review" */

.blog-banner-17 {
  background: url(../img/blog-image-17.png) no-repeat top center;
}

@media (max-width: 768px) {
  .blog-banner-17 {
	  background: url(../img/blog-image-17-mobile.png) no-repeat top center;
  }
}

/* Blog 16 - "KubeCon - Day 2" */

.blog-banner-16 {
  background: url(../img/blog-image-16.png) no-repeat top center;
}

@media (max-width: 768px) {
  .blog-banner-16 {
	  background: url(../img/blog-image-16-mobile.png) no-repeat top center;
  }
}

/* Blog 15 - "KubeCon - Day 1" */

.blog-banner-15 {
  background: url(../img/blog-image-15.png) no-repeat top center;
}

@media (max-width: 768px) {
  .blog-banner-15 {
	  background: url(../img/blog-image-15-mobile.png) no-repeat top center;
  }
}

/* Blog 14 - "Kubernetes: Frequently Asked Questions" */

.blog-banner-14 {
  background: url(../img/blog-image-14.png) no-repeat top center;
}

@media (max-width: 768px) {
  .blog-banner-14 {
	  background: url(../img/blog-image-14-mobile.png) no-repeat top center;
  }
}

/* Blog 13 - "Jenkins CI on Kubernetes" */

.blog-banner-13 {
  background: url(../img/blog-image-13.png) no-repeat top center;
}

@media (max-width: 768px) {
  .blog-banner-13 {
	  background: url(../img/blog-image-13-mobile.png) no-repeat top center;
  }
}

/* Blog 12 - "High Availability Kubernetes with Podmaster" */

.blog-banner-12 {
  background: url(../img/blog-image-12.png) no-repeat top center;
}

@media (max-width: 768px) {
  .blog-banner-12 {
	  background: url(../img/blog-image-12-mobile.png) no-repeat top center;
  }
}

/* Blog 11 - "Kubernetes: Exciting Experimental Features" */

.blog-banner-11 {
  background: url(../img/blog-image-11.png) no-repeat top center;
}

@media (max-width: 768px) {
  .blog-banner-11 {
	  background: url(../img/blog-image-11-mobile.png) no-repeat top center;
  }
}

/* Blog 10 - "Deploying Kubernets on Digital Ocean" */

.blog-banner-10 {
  background: url(../img/blog-image-10.png) no-repeat top center;
}

@media (max-width: 768px) {
  .blog-banner-10 {
	  background: url(../img/blog-image-10-mobile.png) no-repeat top center;
  }
}

/* Blog 09 - "Google Kubernetes: Introduction and First Impressions" */

.blog-banner-09 {
  background: url(../img/blog-image-09.png) no-repeat top center;
}

@media (max-width: 768px) {
  .blog-banner-09 {
	  background: url(../img/blog-image-09-mobile.png) no-repeat top center;
  }
}

/* Blog 08 - "Deploying Docker containers using Apache Aurora" */

.blog-banner-08 {
  background: url(../img/blog-image-08.png) no-repeat top center;
}

@media (max-width: 768px) {
  .blog-banner-08 {
	  background: url(../img/blog-image-08-mobile.png) no-repeat top center;
  }
}

/* Blog 07 - "Building Docker containers from within a Docker container" */

.blog-banner-07 {
  background: url(../img/blog-image-07.png) no-repeat top center;
}

@media (max-width: 768px) {
  .blog-banner-07 {
	  background: url(../img/blog-image-07-mobile.png) no-repeat top center;
  }
}

/* Blog 06 - "Advanced Docker Networking" */

.blog-banner-06 {
  background: url(../img/blog-image-06.png) no-repeat top center;
}

@media (max-width: 768px) {
  .blog-banner-06 {
	  background: url(../img/blog-image-06-mobile.png) no-repeat top center;
  }
}

/* Blog 05 - "Distributed Storage using GlusterFS" */

.blog-banner-05 {
  background: url(../img/blog-image-05.png) no-repeat top center;
}

@media (max-width: 768px) {
  .blog-banner-05 {
	  background: url(../img/blog-image-05-mobile.png) no-repeat top center;
  }
}

/* Blog 04 - "Slimming down your Docker containers with Alpine Linux" */

.blog-banner-04 {
  background: url(../img/blog-image-04.png) no-repeat top center;
}

@media (max-width: 768px) {
  .blog-banner-04 {
	  background: url(../img/blog-image-04-mobile.png) no-repeat top center;
  }
}

/* Blog 03 - "Running Apache Mesos inside Docker on CoreOS" */

.blog-banner-03 {
  background: url(../img/blog-image-03.png) no-repeat top center;
}

@media (max-width: 768px) {
  .blog-banner-03 {
	  background: url(../img/blog-image-03-mobile.png) no-repeat top center;
  }
}

/* Blog 02 - "Service discovery for Docker containers using Consul and Registrator" */

.blog-banner-02 {
  background: url(../img/blog-image-02.png) no-repeat top center;
}

@media (max-width: 768px) {
  .blog-banner-02 {
	  background: url(../img/blog-image-02-mobile.png) no-repeat top center;
  }
}

/* Blog 01 - "Applications at scale: running Docker containers on Apache Mesos" */

.blog-banner-01 {
  background: url(../img/blog-image-01.png) no-repeat top center;
}

@media (max-width: 768px) {
  .blog-banner-01 {
	  background: url(../img/blog-image-01-mobile.png) no-repeat top center;
  }
}


/* Product Landing Page */

.service-landing-banner{
  padding: 258px 0 258px 0;
  width: 100%;
  /* background: url(../img/blog-image-01.png) no-repeat top center; */
  background-color: #009d83;
}

.service-landing-heading-container {
  margin-top: -75px;
}

.service-landing-content-container {
  background-color: #002f49;
  padding: 70px 50px;
  margin-top: -300px;
}

.btn-services {
  background-color: transparent;
  border: 2px solid #fff;
  font-weight: 500;
}

.btn-services:hover {
  background-color: #fff;
  color: #002f49;
}

.services-second-row {
  margin-top: 60px;
}

.service-landing-copy-wrapper {
  padding-left: 25px;
}

.service-landing-intro-copy {
  font-size: 26px;
  font-weight: 200;
  color: #fff;
  line-height: 1.7;
  margin-bottom: 35px;
}

.service-landing-copy {
  color: #fff;
  font-weight: 200;
  font-size: 24px;
  line-height: 2;
  margin-bottom: 10px;
}

@media (max-width: 992px) {
  .service-landing-copy-wrapper {
	  padding-left: 0px;
	  padding-right: 0px;
  }

  .btn-services {
	  margin-bottom: 50px;
  }

  .services-second-row {
	  margin-top: 0px;
  }
}

@media (max-width: 450px) {
  .service-landing-banner {
	  padding: 550px 0px 75px 0px;
  }

  .service-landing-heading-container {
	  margin-top: -380px;
  }

  .service-landing-content-container {
	  padding: 35px 35px;
  }

  .service-landing-intro-copy {
	  font-size: 18px;
	  line-height: 1.8;
	  font-weight: 200;
  }

  .service-landing-copy {
	  font-size: 18px;
	  line-height: 1.8;
  }
}

@media (max-width: 321px) {
  .service-landing-heading-container {
	  margin-top: -410px;
  }

  .service-landing-content-container {
	  margin-top: -375px;
	  padding: 25px 15px 5px 15px;
  }

  .service-landing-intro-copy {
	  font-size: 16px;
  }

  .service-landing-copy {
	  font-size: 16px;
	  font-weight: 200;
  }
}

@media (max-height: 450px) {
  .service-landing-banner {
	  padding: 100px 0px 60px 0px;
  }

  .service-landing-heading-container {
	  margin-top: 0px;
  }

  .service-landing-content-container {
	  margin-top: 0px;
	  padding-top: 35px;
	  padding-bottom: 10px;
  }
}
  
	.blog-post-copy {
		font-size: 18px;
		line-height: 1.8;
		margin-bottom: 25px;
	}

	.blog-post-subheading {
		font-size: 24px;
		margin-bottom: 15px;
	}

	.blog-post-bullets {
		font-size: 18px;
	}

	.blog-post-numbers {
		font-size: 18px;
	}


	.blog-post-pull-quote-container {
		margin: 35px 0px;
		padding: 35px 35px 15px 35px;
	}

	.blog-post-pull-quote-heading {
		font-size: 20px;
		line-height: 1.4;
	}
}

/* Blog Images */

/* Blog XX - "Blog Title" */

.blog-banner-XX {
	background: url(../img/blog-image-XX.png) no-repeat top center;
}

@media (max-width: 768px) {
	.blog-banner-XX {
		background: url(../img/blog-image-XX-mobile.png) no-repeat top center;
	}
}

/* Blog 23 - "Kubernetes - A Year in Review" */

.blog-banner-23 {
	background: url(../img/blog-image-23.png) no-repeat top center;
}

@media (max-width: 768px) {
	.blog-banner-23 {
		background: url(../img/blog-image-23-mobile.png) no-repeat top center;
	}
}

/* Blog 22 - "KubeCon Retrospective: Kubernetes in Production" */

.blog-banner-22 {
	background: url(../img/blog-image-22.png) no-repeat top center;
}

@media (max-width: 768px) {
	.blog-banner-22 {
		background: url(../img/blog-image-22-mobile.png) no-repeat top center;
	}
}

/* Blog 21 - "LiveWyer: Official Service Partner of Kubernetes" */

.blog-banner-21 {
	background: url(../img/blog-image-21.png) no-repeat top center;
}

@media (max-width: 768px) {
	.blog-banner-21 {
		background: url(../img/blog-image-21-mobile.png) no-repeat top center;
	}
}

/* Blog 20 - "KubeCon EU - Day 2 Summary and Retrospective" */

.blog-banner-20 {
	background: url(../img/blog-image-20.png) no-repeat top center;
}

@media (max-width: 768px) {
	.blog-banner-20 {
		background: url(../img/blog-image-20-mobile.png) no-repeat top center;
	}
}

/* Blog 19 - "KubeCon EU - Day 1 Summary" */

.blog-banner-19 {
	background: url(../img/blog-image-19.png) no-repeat top center;
}

@media (max-width: 768px) {
	.blog-banner-19 {
		background: url(../img/blog-image-19-mobile.png) no-repeat top center;
	}
}

/* Blog 18 - "The Kubernetes Dashboard Project" */

.blog-banner-18 {
	background: url(../img/blog-image-18.png) no-repeat top center;
}

@media (max-width: 768px) {
	.blog-banner-18 {
		background: url(../img/blog-image-18-mobile.png) no-repeat top center;
	}
}

/* Blog 17 - "Kubernetes - A Year in Review" */

.blog-banner-17 {
	background: url(../img/blog-image-17.png) no-repeat top center;
}

@media (max-width: 768px) {
	.blog-banner-17 {
		background: url(../img/blog-image-17-mobile.png) no-repeat top center;
	}
}

/* Blog 16 - "KubeCon - Day 2" */

.blog-banner-16 {
	background: url(../img/blog-image-16.png) no-repeat top center;
}

@media (max-width: 768px) {
	.blog-banner-16 {
		background: url(../img/blog-image-16-mobile.png) no-repeat top center;
	}
}

/* Blog 15 - "KubeCon - Day 1" */

.blog-banner-15 {
	background: url(../img/blog-image-15.png) no-repeat top center;
}

@media (max-width: 768px) {
	.blog-banner-15 {
		background: url(../img/blog-image-15-mobile.png) no-repeat top center;
	}
}

/* Blog 14 - "Kubernetes: Frequently Asked Questions" */

.blog-banner-14 {
	background: url(../img/blog-image-14.png) no-repeat top center;
}

@media (max-width: 768px) {
	.blog-banner-14 {
		background: url(../img/blog-image-14-mobile.png) no-repeat top center;
	}
}

/* Blog 13 - "Jenkins CI on Kubernetes" */

.blog-banner-13 {
	background: url(../img/blog-image-13.png) no-repeat top center;
}

@media (max-width: 768px) {
	.blog-banner-13 {
		background: url(../img/blog-image-13-mobile.png) no-repeat top center;
	}
}

/* Blog 12 - "High Availability Kubernetes with Podmaster" */

.blog-banner-12 {
	background: url(../img/blog-image-12.png) no-repeat top center;
}

@media (max-width: 768px) {
	.blog-banner-12 {
		background: url(../img/blog-image-12-mobile.png) no-repeat top center;
	}
}

/* Blog 11 - "Kubernetes: Exciting Experimental Features" */

.blog-banner-11 {
	background: url(../img/blog-image-11.png) no-repeat top center;
}

@media (max-width: 768px) {
	.blog-banner-11 {
		background: url(../img/blog-image-11-mobile.png) no-repeat top center;
	}
}

/* Blog 10 - "Deploying Kubernets on Digital Ocean" */

.blog-banner-10 {
	background: url(../img/blog-image-10.png) no-repeat top center;
}

@media (max-width: 768px) {
	.blog-banner-10 {
		background: url(../img/blog-image-10-mobile.png) no-repeat top center;
	}
}

/* Blog 09 - "Google Kubernetes: Introduction and First Impressions" */

.blog-banner-09 {
	background: url(../img/blog-image-09.png) no-repeat top center;
}

@media (max-width: 768px) {
	.blog-banner-09 {
		background: url(../img/blog-image-09-mobile.png) no-repeat top center;
	}
}

/* Blog 08 - "Deploying Docker containers using Apache Aurora" */

.blog-banner-08 {
	background: url(../img/blog-image-08.png) no-repeat top center;
}

@media (max-width: 768px) {
	.blog-banner-08 {
		background: url(../img/blog-image-08-mobile.png) no-repeat top center;
	}
}

/* Blog 07 - "Building Docker containers from within a Docker container" */

.blog-banner-07 {
	background: url(../img/blog-image-07.png) no-repeat top center;
}

@media (max-width: 768px) {
	.blog-banner-07 {
		background: url(../img/blog-image-07-mobile.png) no-repeat top center;
	}
}

/* Blog 06 - "Advanced Docker Networking" */

.blog-banner-06 {
	background: url(../img/blog-image-06.png) no-repeat top center;
}

@media (max-width: 768px) {
	.blog-banner-06 {
		background: url(../img/blog-image-06-mobile.png) no-repeat top center;
	}
}

/* Blog 05 - "Distributed Storage using GlusterFS" */

.blog-banner-05 {
	background: url(../img/blog-image-05.png) no-repeat top center;
}

@media (max-width: 768px) {
	.blog-banner-05 {
		background: url(../img/blog-image-05-mobile.png) no-repeat top center;
	}
}

/* Blog 04 - "Slimming down your Docker containers with Alpine Linux" */

.blog-banner-04 {
	background: url(../img/blog-image-04.png) no-repeat top center;
}

@media (max-width: 768px) {
	.blog-banner-04 {
		background: url(../img/blog-image-04-mobile.png) no-repeat top center;
	}
}

/* Blog 03 - "Running Apache Mesos inside Docker on CoreOS" */

.blog-banner-03 {
	background: url(../img/blog-image-03.png) no-repeat top center;
}

@media (max-width: 768px) {
	.blog-banner-03 {
		background: url(../img/blog-image-03-mobile.png) no-repeat top center;
	}
}

/* Blog 02 - "Service discovery for Docker containers using Consul and Registrator" */

.blog-banner-02 {
	background: url(../img/blog-image-02.png) no-repeat top center;
}

@media (max-width: 768px) {
	.blog-banner-02 {
		background: url(../img/blog-image-02-mobile.png) no-repeat top center;
	}
}

/* Blog 01 - "Applications at scale: running Docker containers on Apache Mesos" */

.blog-banner-01 {
	background: url(../img/blog-image-01.png) no-repeat top center;
}

@media (max-width: 768px) {
	.blog-banner-01 {
		background: url(../img/blog-image-01-mobile.png) no-repeat top center;
	}
}


/* Product Landing Page */

.service-landing-banner{
	padding: 258px 0 258px 0;
	width: 100%;
	/* background: url(../img/blog-image-01.png) no-repeat top center; */
	background-color: #009d83;
}

.service-landing-heading-container {
	margin-top: -75px;
}

.service-landing-content-container {
	background-color: #002f49;
	padding: 70px 50px;
	margin-top: -300px;
}

.btn-services {
	background-color: transparent;
	border: 2px solid #fff;
	font-weight: 500;
}

.btn-services:hover {
	background-color: #fff;
	color: #002f49;
}

.services-second-row {
	margin-top: 60px;
}

.service-landing-copy-wrapper {
	padding-left: 25px;
}

.service-landing-intro-copy {
	font-size: 26px;
	font-weight: 200;
	color: #fff;
	line-height: 1.7;
	margin-bottom: 35px;
}

.service-landing-copy {
	color: #fff;
	font-weight: 200;
	font-size: 24px;
	line-height: 2;
	margin-bottom: 10px;
}

@media (max-width: 992px) {
	.service-landing-copy-wrapper {
		padding-left: 0px;
		padding-right: 0px;
	}

	.btn-services {
		margin-bottom: 50px;
	}

	.services-second-row {
		margin-top: 0px;
	}
}

@media (max-width: 450px) {
	.service-landing-banner {
		padding: 550px 0px 75px 0px;
	}

	.service-landing-heading-container {
		margin-top: -380px;
	}

	.service-landing-content-container {
		padding: 35px 35px;
	}

	.service-landing-intro-copy {
		font-size: 18px;
		line-height: 1.8;
		font-weight: 200;
	}

	.service-landing-copy {
		font-size: 18px;
		line-height: 1.8;
	}
}

@media (max-width: 321px) {
	.service-landing-heading-container {
		margin-top: -410px;
	}

	.service-landing-content-container {
		margin-top: -375px;
		padding: 25px 15px 5px 15px;
	}

	.service-landing-intro-copy {
		font-size: 16px;
	}

	.service-landing-copy {
		font-size: 16px;
		font-weight: 200;
	}
}

@media (max-height: 450px) {
	.service-landing-banner {
		padding: 100px 0px 60px 0px;
	}

	.service-landing-heading-container {
		margin-top: 0px;
	}

	.service-landing-content-container {
		margin-top: 0px;
		padding-top: 35px;
		padding-bottom: 10px;
	}
}



/* Individual Product Pages */

.service-banner {
	padding: 309px 0 309px 0;
	width: 100%;
	background-color: #002f49;
	-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
}

@media (max-width: 500px) {
	.service-banner {
		padding: 279px 0 279px 0;
	}
}

.enterprise-devops {
	background: url(../img/enterprise-devops.jpg) no-repeat top center;
}

@media (max-width: 768px) {
	.enterprise-devops {
		background: url(../img/enterprise-devops.jpg) no-repeat top center;
	}
}

.cloud-technology {
	background: url(../img/cloud-technology.jpg) no-repeat top center;
}

@media (max-width: 768px) {
	.cloud-technology {
		background: url(../img/cloud-technology.jpg) no-repeat top center;
	}
}


/*.automation-support {
	background: url(../img/automation-support.png) no-repeat top center;
}

@media (max-width: 768px) {
	.automation-support {
		background: url(../img/automation-support.png) no-repeat top center;
	}
}*/

.kubernetes-experts {
	background: url(../img/kubernetes-experts.jpg) no-repeat top center;
}

@media (max-width: 768px) {
	.kubernetes-experts {
		background: url(../img/kubernetes-experts.jpg) no-repeat top center;
	}
}

.service-heading-container {
	margin-top: -200px;
}

@media (max-width: 991px) {
	.service-heading-container {
		margin-top: -180px;
	}
}

.service-banner-heading {
	font-size: 48px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 25px;
	font-family: HK Grotesk;
	line-height: 1.5;
}

.service-banner-heading-bg-em {
	font-size: 48px;
	color: #86efd9;
	font-weight: 700;
	line-height: 1.2;
	margin-top: 100px;
	font-family: HK Grotesk;
	border-bottom: 7px solid #86efd9;
	text-transform: uppercase;
}

@media (min-width: 2560px) {
	.service-banner-heading {
		font-size: 60px;
		margin-top: 0px;
	}

	.service-banner-heading-bg-em {
		font-size: 60px;
		border-bottom: 10px solid #86efd9;
	}
}

@media (max-width: 1199px) {
	.service-banner-heading {
		font-size: 42px;
	}

	.service-banner-heading-bg-em {
		font-size: 42px;
	}
}

@media (max-width: 991px) {
	.service-banner-heading {
		font-size: 36px;
	}

	.service-banner-heading-bg-em {
		font-size: 36px;
	}
}

@media (max-width: 767px) {
	.service-banner-heading {
		font-size: 30px;
	}

	.service-banner-heading-bg-em {
		font-size: 30px;
		border-bottom: 5px solid #86efd9;
	}
}

@media (max-width: 500px) {
	.service-banner-heading {
		font-size: 22px;
		margin-bottom: 35px;
	}

	.service-banner-heading-bg-em {
		font-size: 22px;
		border-bottom: 4px solid #86efd9;
	}
}

@media (max-width: 321px) {
	.service-banner-heading {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.service-banner-heading-bg-em {
		font-size: 18px;
		border-bottom: 2px solid #fff;
	}
}

.training-banner-heading {
	margin-bottom: 5px;	
}


.btn-service-banner {
	font-size: 18px;
	font-weight: 200;
	padding: 10px 12px;
	background-color: #fff;
	border: 2px solid #002f49;
	color: #002f49;
	letter-spacing: 1px;
	margin-bottom: 30px;
	margin-right: 20px;
	margin-left: 0px;
	font-family: Audimat;
	box-shadow: 5px 5px 0px #86efd9;
	width: 100%;
	text-align: center;
}

.btn-service-banner:hover {
	background-color: #ffe5d9;
	color: #002f49;
	border: 2px solid #002f49;
}

.btn-service-banner:focus {
	color: #002f49;
}

.btn-service-banner:active {
	color: #002f49;
}

@media (min-width: 2600px) {
	.btn-service-banner {
		font-size: 30px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
}


@media (max-width: 991px) {
	.btn-service-banner {
		font-size: 18px;
		padding: 12px 15px;
	}
}

@media (max-width: 500px) {
	.btn-service-banner {
		margin-bottom: 15px;
		padding: 10px 12px;
	}
}

@media (max-width: 321px) {
	.btn-service-banner {
		font-size: 16px;
		padding: 8px 8px;
	}
}

.service-page-icon {
	width: 75px;
	margin-bottom: 25px;
}

.service-intro-segment {
	padding: 90px 0;
	margin: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: #fff;
}

.service-content-container {
	background-color: #002f49;
	padding: 70px 50px 40px 50px;
	margin-top: -300px;
}

.cn-heading-banner {
	padding-top: 70px;
	padding-bottom: 0px;
	background: #fff;
}

@media (min-width: 1921px) {
	.cn-heading-banner {
		padding-top: 100px;
		padding-bottom: 20px;
	}
}

.cn-heading-banner h1 {
	color: #002f49;
	font-weight: 300;
	font-size: 72px;
	padding-top: 40px;
	padding-bottom: 40px;
	line-height: 1.2;
	margin-left: 2.5%;
	padding-left: 15px;
	padding-right: 15px;
}

@media (min-width: 1921px) {
	.cn-heading-banner h1 {
		font-size: 96px;
	}
}

@media (max-width: 767px) {
	.cn-heading-banner h1 {
		font-size: 42px;
	}
}

.cn-heading-banner h1 span {
	font-weight: 300;
}

.cn-subheading-banner {
	padding-bottom: 30px;
	background: #fff;
	padding-top: 50px;
}

@media (max-width: 549px) {
	.cn-subheading-banner {
		padding-top: 30px;
		padding-bottom: 10px;
	}
}

@media (min-width: 1921px) {
	.cn-subheading-banner {
		padding-top: 80px;
		padding-bottom: 60px;
	}
}

.cn-subheading-banner h1 {
	color: #002f49;
	font-weight: 300;
	font-size: 72px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 1.2;
	margin-bottom: 10px;
}

.cn-subheading-banner h1:nth-last-child(1) {
	margin-bottom: 20px;
}

@media (max-width: 767px) {
	.cn-subheading-banner h1 {
		font-size: 42px;
	}
}

@media (max-width: 549px) {
	.cn-subheading-banner h1 {
		font-size: 32px;
	}
}

.cn-subheading-banner h2.cn-h1 {
	color: #002f49;
	font-weight: 300;
	font-size: 72px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 1.2;
	margin-bottom: 10px;
}

.cn-subheading-banner h2.cn-h1:nth-last-child(1) {
	margin-bottom: 20px;
}

@media (max-width: 767px) {
	.cn-subheading-banner h2.cn-h1 {
		font-size: 42px;
	}
}

@media (max-width: 549px) {
	.cn-subheading-banner h2.cn-h1 {
		font-size: 32px;
	}
}

.cn-subheading-banner .cn-subheading-smaller {
	font-size: 60px;
}

@media (max-width: 767px) {
	.cn-subheading-banner .cn-subheading-smaller {
		font-size: 42px;
	}
}

@media (max-width: 549px) {
	.cn-subheading-banner .cn-subheading-smaller {
		font-size: 32px;
	}
}

@media (min-width: 1921px) {
	.cn-subheading-banner h1 {
		font-size: 96px;
	}

	.cn-subheading-banner .cn-subheading-smaller {
		font-size: 72px;
	}
}

.cn-subheading-banner h2 {
	color: #002f49;
	font-weight: 300;
	font-size: 48px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 1.2;
	margin-bottom: 10px;
}

.cn-subheading-banner h3 {
	color: #002f49;
	font-weight: 300;
	font-size: 36px;
	line-height: 1.2;
	margin-bottom: 20px;
}

.cn-subheading-banner h3:nth-last-child(1) {
	margin-bottom: 25px;
}

@media (max-width: 767px) {
	.cn-subheading-banner h3 {
		font-size: 28px;
	}
}

@media (max-width: 549px) {
	.cn-subheading-banner h3 {
		font-size: 24px;
	}
}


@media (min-width: 1921px) {
	.cn-subheading-banner h3 {
		font-size: 60px;
	}
}

.cn-copy-banner {
	background: #002337;
	padding-top: 50px;
	padding-bottom: 30px;
}

@media (max-width: 549px) {
	.cn-copy-banner {
		padding-top: 30px;
		padding-bottom: 10px;
	}
}

@media (min-width: 1921px) {
	.cn-copy-banner {
		padding-top: 80px;
		padding-bottom: 60px;
	}
}

.cn-copy-banner h3 {
	color: #fff;
	font-weight: 300;
	font-size: 36px;
	line-height: 1.2;
	margin-bottom: 20px;
}

@media (max-width: 767px) {
	.cn-copy-banner h3 {
		font-size: 28px;
	}
}

@media (min-width: 1921px) {
	.cn-copy-banner h3 {
		font-size: 48px;
	}
}

.cn-row {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 30px;
	margin-bottom: 30px;
}

@media (max-width: 991px) {
	.cn-row {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}

.cn-box {
	background: #fff;
	border: 3px solid #002f49;
	box-shadow: 10px 10px 0px #316ce6;
}

.cn-box h4 {
	color: #002f49 !important;
	font-size: 26px;
	font-weight: 400;
	border-bottom: 3px solid #002f49;
	padding: 15px 20px;
	line-height: 1.3;
}

@media (max-width: 767px) {
	.cn-box h4 {
		font-size: 22px;
	}
}

@media (min-width: 1921px) {
	.cn-box {
		border: 4px solid #002f49;
	}

	.cn-box h4 {
		font-size: 36px;
		padding: 25px 30px;
		border-bottom: 4px solid #002f49;
	}
}

.cn-box ul {
	font-size: 20px;
	color: #002f49;
	line-height: 1.3;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 0px;
	padding-right: 20px;
	padding-left: 20px;
	list-style: none;
}

@media (max-width: 767px) {
	.cn-box ul {
		font-size: 18px;
	}
}

.cn-box ul li {
	margin-bottom: 10px;
	border-bottom: 3px dotted #002f49;
	padding-bottom: 15px;
	padding-top: 5px;
}

.cn-box ul li:nth-child(1) {
	padding-top: 0px;
}

.cn-box ul li:nth-last-child(1) {
	border-bottom: 0px dotted transparent;
	padding-bottom: 0px;
}

@media (min-width: 1921px) {
	.cn-box ul {
		font-size: 28px;
		padding-left: 30px;
		padding-right: 30px;
	}

	.cn-box ul li {
		margin-bottom: 25px;
		padding-bottom: 30px;
	}

	.cn-box ul li:nth-child(1) {
		padding-top: 15px;
	}
}

.cn-copy-banner-dark {
	background: #002337;
	padding-top: 60px;
	padding-bottom: 30px;
}

@media (max-width: 549px) {
	.cn-copy-banner-dark {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (min-width: 1921px) {
	.cn-copy-banner-dark {
		padding-top: 80px;
		padding-bottom: 60px;
	}
}

.cn-copy-banner-grey {
	background: #316ce6;
}

@media (max-width: 549px) {
	.cn-copy-banner-grey {
		padding-bottom: 0px;
	}
}

.cn-copy-banner-dark h2 {
	color: #fff;
	font-weight: 400;
	font-size: 40px;
	line-height: 1.2;
}

@media (max-width: 1199px) {
	.cn-copy-banner-dark h2 {
		font-size: 32px;
	}
}

@media (max-width: 549px) {
	.cn-copy-banner-dark h2 {
		font-size: 24px;
	}
}

@media (min-width: 1921px) {
	.cn-copy-banner-dark h2 {
		font-size: 52px;
	}
}


.cn-copy-banner-dark p {
	color: #fff;
	line-height: 1.3;
}

.cn-copy-banner-dark .cn-copy-definition-lead {
	font-size: 36px;
	font-weight: 300;
	padding-bottom: 15px;
	margin-bottom: 30px;
}

@media (min-width: 1921px) {
	.cn-copy-banner-dark .cn-copy-definition-lead {
		font-size: 48px;
	}
}

.cn-copy-banner-dark .cn-copy-definition {
	font-size: 36px;
	font-weight: 500;
	margin-bottom: 20px;
}

@media (min-width: 1921px) {
	.cn-copy-banner-dark .cn-copy-definition {
		font-size: 48px;
	}
}

.cn-copy-banner-dark .cn-copy-definition span {
	font-weight: 500;
	color: #83a7f0;
}

.cn-copy-banner-light {
	background: #002337;
	padding-top: 50px;
	padding-bottom: 20px;
}

@media (max-width: 549px) {
	.cn-copy-banner-light {
		padding-top: 30px;
		padding-bottom: 10px;
	}
}

@media (min-width: 1921px) {
	.cn-copy-banner-light {
		padding-top: 80px;
		padding-bottom: 30px;
	}
}

.cn-copy-banner-light .cn-copy-definition-container {
	background: #316ce6;
	padding: 50px;
}

@media (max-width: 767px) {
	.cn-copy-banner-light .cn-copy-definition-container {
		padding: 20px;
	}
}

.cn-copy-banner-light .cn-copy-definition-container .cn-copy-definition {
	font-size: 36px;
	font-weight: 500;
	line-height: 1.3;
	color: #fff;
	margin-bottom: 0px;
}

@media (max-width: 767px) {
	.cn-copy-banner-light .cn-copy-definition-container .cn-copy-definition {
		font-size: 24px;
	}
}

@media (max-width: 549px) {
	.cn-copy-banner-light .cn-copy-definition-container .cn-copy-definition {
		font-size: 20px;
	}
}

@media (min-width: 1921px) {
	.cn-copy-banner-light .cn-copy-definition-container .cn-copy-definition {
		font-size: 48px;
	}
}

.cn-copy-banner-light .cn-copy-definition-container .cn-copy-definition span {
	font-weight: 500;
	color: #83a7f0;
}

.cn-copy-banner-dark .cn-bullets-container {
	background: #fff;
	width: 75%;
	padding: 15px 20px;
	margin-bottom: 70px;
	box-shadow: 10px 10px 0px #86fed9;
	border: 3px solid #002f49;
}

.cn-copy-banner-dark .cn-bullets-container ul {
	color: #002f49;
	margin-bottom: 0px;
	font-weight: 400;
	list-style: none;
	padding-left: 0px;
}

.cn-copy-banner-dark .cn-bullets-container ul li {
	border-bottom: 3px dotted #002f49;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.cn-copy-banner-dark .cn-bullets-container ul li:nth-child(1) {
	padding-top: 5px;
}

.cn-copy-banner-dark .cn-bullets-container ul li:nth-last-child(1) {
	border-bottom: 0px dotted transparent;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.cn-copy-banner-light .cn-bullets-container {
	background: #fff;
	width: 75%;
	padding: 15px 20px;
	margin-bottom: 70px;
	box-shadow: 10px 10px 0px #86fed9;
	border: 3px solid #002f49;
}

.cn-copy-banner-light .cn-bullets-container ul {
	color: #002f49;
	margin-bottom: 0px;
	font-weight: 400;
	list-style: none;
	padding-left: 0px;
	font-size: 24px;
}

.cn-copy-banner-light .cn-bullets-container ul li {
	border-bottom: 3px dotted #002f49;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.cn-copy-banner-light .cn-bullets-container ul li:nth-child(1) {
	padding-top: 5px;
}

.cn-copy-banner-light .cn-bullets-container ul li:nth-last-child(1) {
	border-bottom: 0px dotted transparent;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

@media (min-width: 1921px) {
	.cn-copy-banner-light .cn-bullets-container ul {
		font-size: 28px;
		padding-left: 30px;
		padding-right: 30px;

	}

	.cn-copy-banner-light .cn-bullets-container ul li {
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

	.cn-copy-banner-light .cn-bullets-container ul li:nth-child(1) {
		padding-top: 20px;
	}

	.cn-copy-banner-light .cn-bullets-container ul li:nth-last-child(1) {
		padding-bottom: 0px;
		margin-bottom: 20px;
	}
}

.cn-copy-banner-light h2 {
	color: #002f49;
	font-weight: 600;
	font-size: 48px;
	line-height: 1.2;
}

@media (max-width: 1199px) {
	.cn-copy-banner-light h2 {
		font-size: 32px;
	}
}

@media (min-width: 1921px) {
	.cn-copy-banner-light h2 {
		font-size: 52px;
	}
}

.cn-copy-banner-light h4 {
	font-size: 28px;
	width: 75%;
	margin-bottom: 50px;
	color: #fff;
	font-weight: 300;
	line-height: 1.4;
}

@media (min-width: 1921px) {
	.cn-copy-banner-light h4 {
		font-size: 32px;
	}
}

@media (max-width: 991px) {
	.cn-copy-banner-light h4 {
		font-size: 24px;
		width: 100%;
	}
}

@media (max-width: 767px) {
	.cn-copy-banner-light h4 {
		font-size: 20px;
		width: 100%;
	}
}

@media (max-width: 549px) {
	.cn-copy-banner-light h4 {
		margin-bottom: 20px;
	}
}

.cn-copy-banner h5 {
	font-size: 28px;
	width: 75%;
	margin-bottom: 50px;
	color: #fff;
	font-weight: 300;
	line-height: 1.4;
}

@media (min-width: 1921px) {
	.cn-copy-banner h5 {
		font-size: 32px;
	}
}

@media (max-width: 991px) {
	.cn-copy-banner h5 {
		font-size: 24px;
		width: 100%;
	}
}

@media (max-width: 767px) {
	.cn-copy-banner h5 {
		font-size: 20px;
	}
}

@media (max-width: 549px) {
	.cn-copy-banner h5 {
		margin-bottom: 30px;
	}
}

.cn-copy-banner-light ul {
	font-size: 24px;
	font-weight: 300;
	color: #002f49;
	padding-left: 20px;
	margin-bottom: 30px;
}

.cn-copy-banner-light ul li {
	margin-bottom: 10px;
}

@media (max-width: 1199px) {
	.cn-copy-banner-light ul {
		font-size: 20px;
	}
}

@media (min-width: 1921px) {
	.cn-copy-banner-light ul {
		font-size: 28px;
	}
}

.cn-copy-banner-green {
	background: #fff;
	padding-top: 50px;
	padding-bottom: 20px;
}

@media (max-width: 549px) {
	.cn-copy-banner-green {
		padding-top: 30px;
		padding-bottom: 0px;
	}
}

.cn-copy-banner-green h1 {
	color: #002f49;
	font-weight: 300;
	font-size: 72px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 1.2;
	margin-bottom: 10px;
}

@media (max-width: 767px) {
	.cn-copy-banner-green h1 {
		font-size: 42px;
	}
}

@media (max-width: 549px) {
	.cn-copy-banner-green h1 {
		font-size: 32px;
	}
}

.cn-copy-banner-green h2.cn-h1 {
	color: #002f49;
	font-weight: 300;
	font-size: 72px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 1.2;
	margin-bottom: 10px;
}

@media (max-width: 767px) {
	.cn-copy-banner-green h2.cn-h1 {
		font-size: 42px;
	}
}

@media (max-width: 549px) {
	.cn-copy-banner-green h2.cn-h1 {
		font-size: 32px;
	}
}

.cn-copy-banner-green ul {
	font-size: 24px;
	font-weight: 300;
	color: #002f49;
	padding-left: 0px;
	margin-bottom: 30px;
	list-style-type: none;
}

@media (max-width: 767px) {
	.cn-copy-banner-green ul {
		font-size: 20px;
	}
}

@media (min-width: 1921px) {
	.cn-copy-banner-green ul {
		font-size: 28px;
	}
}

.cn-copy-banner-green ul li {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 3px dotted #002f49;
}

.cn-contact-box {
	background: #fff;
	border: 3px solid #002f49;
	margin-bottom: 50px;
}

.cn-contact-box h3 {
	font-size: 36px;
	color: #002f49;
	background: #86efd9;
	line-height: 1.3;
	padding: 25px 30px;
	border-bottom: 3px solid #002f49;
}

@media (max-width: 767px) {
	.cn-contact-box h3 {
		font-size: 28px;
	}
}

@media (max-width: 549px) {
	.cn-contact-box h3 {
		font-size: 24px;
		padding: 15px 20px;
	}
}

@media (max-width: 399px) {
	.cn-contact-box h3 {
		font-size: 20px;
	}
}

.cn-contact-box-content {
	padding-top: 20px;
}

@media (max-width: 549px) {
	.cn-contact-box-content {
		padding-top: 10px
	}
}

.cn-contact-box p {
	font-size: 24px;
	line-height: 1.3;
	font-weight: 300;
	color: #002f49 !important;
	padding-left: 30px;
	padding-right: 30px;
}

@media (max-width: 549px) {
	.cn-contact-box p {
		padding-left: 20px;
		padding-right: 20px;
		font-size: 20px;
		margin-bottom: 15px;
	}
}

@media (max-width: 399px) {
	.cn-contact-box p {
		font-size: 16px;
	}
}

@media (min-width: 1921px) {
	.cn-contact-box h3 {
		font-size: 36px;
	}

	.cn-contact-box p {
		font-size: 32px;
	}
}

.cn-contact-box p a {
	font-weight: 600;
	border-bottom: 3px solid #002f49 !important;
	color: #002f49 !important;
	cursor: pointer;
}

.cn-contact-box p a:hover {
	color: #86efd9 !important;
	border-bottom: 3px solid #86efd9 !important;
}

.cn-contact-box p i {
	padding-right: 10px;
}

.cn-copy-definition-container {
	padding-top: 30px;
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-radius: 30px;
}

.cn-copy-banner-dark ul {
	font-size: 24px;
	font-weight: 300;
	color: #fff;
	padding-left: 20px;
	margin-bottom: 30px;
}

.cn-copy-banner-dark ul li {
	margin-bottom: 10px;
}

@media (max-width: 1199px) {
	.cn-copy-banner-dark ul {
		font-size: 20px;
	}
}

@media (max-width: 549px) {
	.cn-copy-banner-dark ul {
		font-size: 18px;
	}
}

@media (min-width: 1921px) {
	.cn-copy-banner-dark ul {
		font-size: 28px;
	}
}

.cn-copy-banner-dark img {
	max-width: 100%;
	margin-bottom: 20px;
}

.principles-logo {
	width: 400px;
	margin-left: 55px;
	margin-top: 140px;
}

@media (max-width: 549px) {
	.principles-logo {
		width: 250px;
		margin-left: 20px;
		margin-top: 90px;
	}
}

@media (min-width: 1900px) {
	.principles-logo {
		margin-left: 100px;
	}
}

@media (min-width: 2500px) {
	.principles-logo {
		margin-left: 210px;
		margin-top: 200px;
		width: 350px;
	}
}

.principles-main-heading {
	font-weight: 200;
	margin-left: 50px;
	font-size: 72px;
	line-height: 1;
	margin-top: 20px;
	margin-bottom: 80px;
}

body.dark-mode .principles-main-heading {
	margin-bottom: 30px;
}

@media (max-width: 549px) {
	.principles-main-heading {
		font-size: 52px;
		margin-left: 15px;
	}

	body.dark-mode .principles-main-heading {
		margin-bottom: 40px;
	}
}

@media (min-width: 1900px) {
	.principles-main-heading {
		margin-left: 100px;
	}
}

@media (min-width: 2500px) {
	.principles-main-heading {
		margin-left: 200px;
		font-size: 72px;
	}
}

.principles-main-section {
	background: #f9f9f4;
}

.principles-intro-col {
	padding-left: 0px;
}

.principles-intro-container {
	padding-bottom: 60px;
	padding-top: 100px;
	padding-left: 30px;
	border-left: 5px solid #86efd9;
}

@media (max-width: 549px) {
	.principles-intro-container {
		padding-left: 20px;
		padding-top: 40px;
		padding-bottom: 20px;
		margin-left: 10px;
	}
}

@media (min-width: 1900px) {
	.principles-intro-container {
		padding-top: 150px;
		padding-bottom: 110px;
	}
}

.principles-intro {
	font-size: 24px;
	color: #002f49;
	line-height: 1.4;
}

body.dark-mode {
	.principles-intro {
		color: #fff;
	}
}

@media (max-width: 549px) {
	.principles-intro {
		font-size: 18px;
	}
}

@media (max-width: 399px) {
	.principles-intro {
		font-size: 16px;
	}
}

@media (min-width: 1900px) {
	.principles-intro {
		font-size: 28px;
	}
}

@media (min-width: 2500px) {
	.principles-intro {
		font-size: 32px;
	}
}

.principles-intro a {
	font-weight: 600;
}

.principles-intro a:hover {
	border-bottom: 3px solid #86efd9;
}

.principle-block-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 0px 10px;
}

@media (max-width: 991px) {
	.principle-block-grid {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		gap: 0px;
	}
}
 
.principle-1 .principle-block-grid .grid-item:nth-child(1) {
    grid-row-start: 1;
    grid-row-end: 3;
}

.principle-2 .principle-block-grid .grid-item:nth-child(2) {
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 2;
}

.principle-3 .principle-block-grid .grid-item:nth-child(3) {
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 3;
}

.principle-3 .principle-block-grid .grid-item:nth-child(4) {
    grid-column-start: 1;
    grid-column-end: 3;
}

.principle-3 .principle-block-grid .grid-item:nth-child(4) img {
    margin-left: 25%;
}

.principle-4 .principle-block-grid .grid-item:nth-child(3) {
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 3;
}

.principle-4 .principle-block-grid .grid-item:nth-child(5) svg {
    float: right;
}

.principle-box {
	background: #002f49;
	border: 5px solid #002f49;
	border-radius: 40px;
	margin-top: 10px;
	padding: 20px;
}

body.dark-mode .principle-box {
	border: 5px solid #fff;
}

.principle-title-grid {
	display: grid;
	grid-template-columns: auto auto;
	margin-bottom: 20px;
}

.principle-title-number {
	padding: 20px 40px;
	font-size: 42px;
	background: #86efd9;
	color: #002f49;
	font-weight: 900;
	border-radius: 20px 0px 0px 0px;
}

.principle-title-grid div:nth-child(2) {
	padding-left: 20px;
}

.principle-box h2 {
	font-size: 30px;
	font-weight: 700;
	color: #86efd9;
	line-height: 1.3;
	margin-top: 10px;
	margin-bottom: 5px;
}

@media (max-width: 1199px) {
	.principle-box h2 {
		font-size: 24px;
		margin-top: 15px;
	}
}

@media (max-width: 991px) {
	.principle-box h2 {
		font-size: 42px;
		margin-top: 25px;
	}
}

@media (max-width: 767px) {
	.principle-box h2 {
		font-size: 32px;
		margin-top: 10px;
	}
}

@media (max-width: 549px) {
	.principle-box h2 {
		font-size: 24px;
		margin-top: 15px;
	}
}

@media (max-width: 399px) {
	.principle-box h2 {
		font-size: 20px;
	}
}

@media (min-width: 1900px) {
	.principle-box h2 {
		font-size: 36px;
	}
}

@media (min-width: 2500px) {
	.principle-box h2 {
		font-size: 42px;
	}
}

.principle-box p {
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	line-height: 1.6;
	margin-bottom: 0px;
	border-top: 3px dotted #fff;
	padding-top: 10px;
}

@media (max-width: 1199px) {
	.principle-box p {
		font-size: 16px;
	}
}

@media (max-width: 991px) {
	.principle-box p {
		font-size: 20px;
	}
}

@media (max-width: 549px) {
	.principle-box p {
		font-size: 16px;
	}
}

@media (max-width: 399px) {
	.principle-box p {
		font-size: 14px;
	}
}

@media (min-width: 1900px) {
	.principle-box p {
		font-size: 24px;
	}
}

@media (min-width: 2500px) {
	.principle-box p {
		font-size: 30px;
	}
}

.principle-box p span {
	font-weight: 900;
	color: #fff;
	font-family: HK Grotesk Italic;
}

.principle-title-container .principle-title-number {
	padding: 20px 40px;
	font-size: 42px;
	background: #86efd9;
	color: #002f49;
	font-weight: 900;
	border-radius: 20px 0px 0px 0px;
	display: inline-block;
}

.principle-title-container h2 {
	font-size: 30px;
	font-weight: 700;
	color: #86efd9;
	line-height: 1.3;
	margin-top: 10px;
	margin-bottom: 5px;
	display: inline-block;
	width: 50%;
}

.principle-arrow {
	height: 100%;
	width: 50%;
	border: 5px solid #86efd9;
	display: inline-block;
	margin-bottom: 50px;
}

@media (max-width: 991px) {
	.principle-arrow {
		display: none;
	}

	.principle-connection {
		display: none;
	}
}

@media (min-width: 1400px) {
	.principle-lw-connection {
		display: none;
	}
}

@media (max-width: 1399px) {
	.principle-lw-connection-lg {
		display: none;
	}
}



.principle-divider-arrow {
	border: 0px solid #86efd9;
	margin-top: 10px;
	margin-left: 16.4%;
	margin-right: 16.4%;
}

@media (max-width: 991px) {
	.principle-divider-arrow {
		display: none;
	}
}

.principle-divider-last-arrow {
	margin-left: 50%;
	margin-right: 16.4%;
}

.principle-mobile-divider {
	text-align: center;
}

@media (min-width: 992px) {
	.principle-mobile-divider {
		display: none;
	}
}

.principle-mobile-divider-arrow {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	height: 100px;
	width: 5px;
	background: #86efd9;
}

.principle-cloud {
	transition: 0.3s;
	display: none;
}

.principle-cloud-dark {
	transition: 0.3s;
}

body.dark-mode .principle-cloud {
	display: inline-block;
}

@media (max-width: 991px) {
	body.dark-mode .principle-cloud {
		display: none;
	}
}

body.dark-mode .principle-cloud-dark {
	display: none;
}

@media (max-width: 991px) {
	.principle-cloud-dark {
		display: none;
	}
}

.principles-end-section {
	padding-top: 50px;
	padding-bottom: 20px;
	background: #f9f9f4;
}

body.dark-mode .principles-end-section {
	background: #002337;
}

body.dark-mode .principles-main-section {
	background-color: #002337;
}

.principles-end-divider {
	height: 3px;
	background: #fff;
	margin-bottom: 50px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 991px) {
	.principles-end-divider {
		display: none;
	}
}

.principles-end-divider-bottom {
	height: 3px;
	background: #fff;
	margin-bottom: 50px;
	margin-top: 50px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 991px) {
	.principles-end-divider-bottom {
		display: none;
	}
}

.principles-summary-heading {
	text-align: center;
	color: #fff;
	font-weight: 500;
}

@media (max-width: 991px) {
	.principles-summary-heading {
		display: none;
	}
}

.principles-end-row {
	margin-bottom: 20px;
}

@media (max-width: 991px) {
	.principles-end-row {
		display: none;
	}
}

.principles-end-row-mob {
	
}

@media (min-width: 992px) {
	.principles-end-row-mob {
		display: none;
	}
}

.principles-end-row-mob ol {
	font-size: 18px;
	color: #fff;
	font-weight: 600;
}

.principles-end-row-mob ol li {
	margin-bottom: 10px;
	padding-left: 10px;
}

.principles-end-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	gap: 20px;
	justify-content: space-evenly;
}

@media (max-width: 991px) {
	.principles-end-grid {
		grid-template-columns: 1fr;
	}
}

.principles-end-container {
	border: 3px solid #86efd9;
	border-radius: 15px;
	margin-bottom: 0px;
	padding: 0px;
	background: #002337;
	text-align: center;
}

.principles-end-number {
	background: #86efd9;
	border-radius: 12px 12px 0px 0px;
	font-weight: 900;
	color: #002f49 !important;
	font-family: HK Grotesk;
}

.principles-end-heading {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
	color: #fff;
	margin-bottom: 0px;
	padding: 0px 10px 10px 10px;
	font-family: HK Grotesk;
}

.homepage-cloud-native-box {
	background: #86efd9;
	padding: 15px 20px 20px 20px;
	width: 70%;
	margin-top: 20px;
}

.homepage-cloud-native-box p {
	color: #002f49;
	font-weight: 300;
	margin-bottom: 5px;
}

.homepage-cloud-native-box p span {
	font-weight: 500;
}

.homepage-cloud-native-box a {
	color: #002f49;
	font-weight: 500;
	border-bottom-color: #002f49;
}

.intro-copy-container .homepage-cloud-native-box {
	margin-bottom: 20px;
}

.homepage-bvs-product {
	margin-top: 50px;
}

.homepage-bvs-product-first {
	margin-top: 0px;
}

@media (max-width: 991px) {
	.homepage-bvs-product-first {
		margin-top: 30px;
	}
}

.homepage-bvs-new-row {
	display: flex;
}

@media (max-width: 991px) {
	.homepage-bvs-new-row {
		display: inherit;
		margin-bottom: -1px;
	}
}

.homepage-bvs-new-last-row {
	margin-bottom: 50px;
}

.homepage-bvs-new-left-col {
	border-right: 5px solid #002f49;
}

@media (max-width: 991px) {
	.homepage-bvs-new-left-col {
		border-right: 0px;
		border-left: 5px solid #002f49;
		padding-top: 0px;
		padding-bottom: 75px;
		padding-left: 25px;
		margin-left: 27.5px;
	}
}

@media (max-width: 500px) {
	.homepage-bvs-new-left-col {
		margin-left: 0px;
		padding-left: 15px;
		border-left: 0px;
	}
}

.homepage-bvs-new-last-row .homepage-bvs-new-left-col {
	border-right: 0px;
}

@media (max-width: 991px) {
	.homepage-bvs-new-last-row .homepage-bvs-new-left-col {
		border-left: 0px;
		padding-bottom: 0px;
	}
}

.homepage-bvs-new-right-col {
	padding-left: 30px;
}

@media (max-width: 991px) {
	.homepage-bvs-new-top-col {
		padding-top: 0px;
	}
}

@media (max-width: 500px) {
	.homepage-bvs-new-top-col {
		padding-top: 20px;
	}
}

.homepage-bvs-new-bottom-col .homepage-bvs-kp-container {
	margin-bottom: 0px;
}

.homepage-bvs-new-divider .col-md-4 {
	padding-right: 0px;
}

@media (max-width: 991px) {
	.homepage-bvs-new-divider .col-md-4 {
		padding-right: 15px;
		padding-left: 0px;
	}
}

.homepage-bvs-stop {
	height: 30px;
	width: 30px;
	background-color: #86efd9;
	float: right;
	margin-right: -12.5px;
	border-radius: 100%;
	border: 5px solid #002f49;
}

@media (max-width: 991px) {
	.homepage-bvs-stop {
		float: left;
		margin-right: 0px;
		margin-left: 15px;
		z-index: 99999;
		position: relative;
	}
}

@media (max-width: 500px) {
	.homepage-bvs-stop {
		display: none;
	}
}

.homepage-bvs-new-title {
	font-size: 60px;
	color: #002f49;
	font-family: Audimat;
	margin-top: 0px;
	margin-bottom: 20px;
	letter-spacing: 0px;
	text-align: left;
	padding-right: 10px;
}

@media (min-width: 2600px) {
	.homepage-bvs-new-title {
		font-size: 120px;
	}
}

@media (max-width: 1199px) {
	.homepage-bvs-new-title {
		font-size: 56px;
	}
}

@media (max-width: 1099px) {
	.homepage-bvs-new-title {
		font-size: 48px;
	}
}

@media (max-width: 991px) {
	.homepage-bvs-new-title {
		line-height: 1.3;
		font-size: 52px;
		margin-bottom: 0px;
		text-align: left;
	}
}

@media (max-width: 767px) {
	.homepage-bvs-new-title {
		margin-bottom: 0px;
	}
}

@media (max-width: 500px) {
	.homepage-bvs-new-title {
		font-size: 42px;
		padding-top: 7.5px;
	}
}

@media (max-width: 321px) {
	.homepage-bvs-new-title {
		font-size: 36px;
		padding-top: 12.5px;
	}
}

.homepage-bvs-new-last-row .homepage-bvs-new-title {
	padding-right: 15px;
}

.homepage-bvs-new-image {
	margin-top: 50px;
}

@media (min-width: 1250px) {
	.homepage-bvs-new-image {
		margin-top: 0px;
	}
}

@media (max-width: 991px) {
	.homepage-bvs-new-image {
		margin-top: 0px;
	}
}

.homepage-bvs-pull-quote-container {
	padding: 10px 15px;
	border: 2px solid #002f49;
	margin-top: 35px;
	margin-right: 15px;
	text-align: right;
	background-color: #fff;
	display: inline-block;
	width: 95%;
}

@media (max-width: 991px) {
	.homepage-bvs-pull-quote-container {
		display: none;
	}
}

.homepage-bvs-pull-quote {
	font-family: Akzidenz Grotesk Italic;
	font-weight: 300;
	font-size: 18px;
	color: #002f49;
	margin-bottom: 10px;
}

.homepage-bvs-pull-quote-caption {
	font-family: Akzidenz Grotesk;
	font-weight: 300;
	font-size: 16px;
	color: #002f49;
	margin-bottom: 0px;
  line-height: 1.3;
}

.btn-bvs-new {
	font-size: 20px;
	font-weight: 300;
	padding: 10px 12px;
	background-color: #fff;
	border: 2px solid #002f49;
	color: #002f49;
	letter-spacing: 1.5px;
	margin-top: 10px;
	margin-bottom: 15px;
	font-family: Audimat;
	text-transform: lowercase;
	box-shadow: 5px 5px 0px #86efd9;
}

@media (min-width: 2560px) {
	.btn-bvs-new {
		padding: 20px;
		font-size: 30px;
	}
}


.btn-bvs-new:hover {
	background-color: #ffe5df;
	border: 2px solid #002f49;
	color: #002f49;
} 

.btn-bvs-new:active {
	color: #002f49;
}

.btn-bvs-new:focus {
	color: #002f49;
}


@media (max-width: 767px) {
	.btn-bvs-new {
		margin-bottom: 10px;
	}
}

@media (max-width: 321px) {
	.btn-bvs-new {
		padding: 6px 8px;
		font-size: 16px;
	}
}

.btn-bvs-po {
	font-size: 20px;
	font-weight: 300;
	padding: 10px 12px;
	background-color: #fff;
	border: 2px solid #002f49;
	color: #002f49;
	letter-spacing: 1.5px;
	margin-top: 15px;
	margin-bottom: 10px;
	font-family: Audimat;
	text-transform: lowercase;
	box-shadow: 5px 5px 0px #86efd9;
}

@media (min-width: 2560px) {
	.btn-bvs-po {
		padding: 20px;
		font-size: 30px;
	}
}


.btn-bvs-po:hover {
	background-color: #ffe5df;
	border: 2px solid #002f49;
	color: #002f49;
} 

.btn-bvs-po:active {
	color: #002f49;
}

.btn-bvs-po:focus {
	color: #002f49;
}


@media (max-width: 767px) {
	.btn-bvs-po {
		margin-bottom: 10px;
	}
}

@media (max-width: 359px) {
	.btn-bvs-po {
		padding: 6px 8px;
		font-size: 16px;
	}
}

@media (max-width: 991px) {
	.btn-hide-mob {
		display: none;
	}
}



.homepage-bvs-kp-container {
	background-color: #002f49;
	padding: 20px 25px 13px 25px;
	margin-bottom: 120px;
	margin-top: -33px;
	box-shadow: 10px 10px 0px #86efd9;
}

@media (max-width: 991px) {
	.homepage-bvs-kp-container {
		display: none;
	}
}

.homepage-bvs-kp-container .service-bvs-subheading-alt, .homepage-bvs-kp-container-sm .service-bvs-subheading-alt {
	color: #fff
}

.homepage-bvs-kp-container-sm {
	background-color: #002f49;
	padding: 20px 25px 13px 25px;
	margin-bottom: 65px;
	margin-top: 22px;
	display: none;
	box-shadow: 10px 10px 0px #86efd9;
}

@media (max-width: 991px) {
	.homepage-bvs-kp-container-sm {
		display: inherit;
		margin-top: 10px;
		margin-bottom: 0px;
	}
}


@media (max-width: 500px) {
	.homepage-bvs-kp-container-sm {
		padding: 10px 15px 10px 12px;
	}
}



@media (min-width: 992px) {
	.service-overview-sticky-col {
		top: 80px;
		position: sticky;
	}
}

@media (min-width: 2600px) {
	.service-overview-sticky-col {
		top: 150px;
	}
}

.service-overview-box {
	background-color: #002f49;
	box-shadow: 10px 10px 0px #86efd9;
	padding: 20px 25px 3px 25px;
	margin-bottom: 50px;
	margin-top: 10px;
}

@media (max-width: 991px) {
	.service-overview-box {
		padding-bottom: 15px;
	}
}

@media (max-width: 767px) {
	.service-overview-box {
		margin-bottom: 35px;
	}
}

@media (max-width: 450px) {
	.service-overview-box {
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 15px;
		box-shadow: none;
	}
}

@media (max-width: 321px) {
	.service-overview-box {
		padding: 10px 15px 10px 12px;
	}
}

.service-overview-box-homepage {
	min-height: 420px;
}

.service-overview-box-build {
	min-height: 350px;
}

.service-overview-box-validate {
	min-height: 480px;
}

.service-overview-box-support {
	min-height: 430px;
}

.service-overview-box-training {
	min-height: 500px;
}

@media (max-width: 991px) {
	.service-overview-box-homepage {
		min-height: 1px;
	}
}

.service-overview-category {
	color: #86efd9;
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 5px;
	margin-top: 5px;
	line-height: 1;
	font-weight: 700;
}

@media (min-width: 2560px) {
	.service-overview-category {
		font-size: 24px;
	}
}

.service-overview-subcategory {
	color: #fff;
	margin-bottom: 0px;
	font-size: 32px;
	margin-top: 0px;
	line-height: 1.2;
	margin-bottom: 10px;
	font-weight: 700;
}

@media (max-width: 499px) {
	.service-overview-subcategory {
		font-size: 26px;
	}
}

@media (min-width: 2560px) {
	.service-overview-subcategory {
		font-size: 42px;
	}
}

.service-overview-table-container {
	border-top: 2px solid #fff;
	border-bottom: 1.5px solid #fff;
	padding-top: 10px;
	margin-bottom: 5px;
	padding-bottom: 10px;
}

.service-overview-table-container .col-xs-1 {
	padding-right: 0px;
}

@media (min-width: 501px) and (max-width: 991px) {
	.service-overview-table-container .col-xs-1 {
		width: 5%;
		padding-right: 5px;
	}

		.service-overview-table-container .col-xs-11 {
		width: 95%;
	}
}

@media (min-width: 992px) and (max-width: 1099px) {
	.service-overview-table-container .col-xs-1 {
		width: 10%;
		padding-right: 5px;
	}

		.service-overview-table-container .col-xs-11 {
		width: 90%;
	}
}

.service-overview-pricing {
	color: #86efd9;
	font-size: 24px;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 2px solid #fff;
}

.service-overview-pricing span {
	font-weight: 500;
}

.service-overview-copy {
	color: #fff;
	font-size: 24px;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.service-overview-box .btn-bvs-new {
	margin-bottom: 25px;
}

.service-product-box {
	background-color: #f9f9f4;
	margin-bottom: 0px;
	margin-top: 30px;
	padding: 15px 20px;
}

@media (max-width: 450px) {
	.service-product-box {
		padding: 15px;
	}
}

.service-product-content-sm .service-product-box:nth-last-child(1) {
	margin-bottom: 15px;
}

.service-page-product-heading {
	font-size: 28px;
	color: #002f49;
	font-weight: 500;
	margin-bottom: 0px; 
	margin-top: 0px;
	line-height: 1.3;
	font-family: Akzidenz Grotesk;
	padding-bottom: 5px;
}

@media (max-width: 992px) {
	.service-page-product-heading {
		font-size: 24px;
	}
}

.service-page-po-heading {
	font-size: 28px;
	color: #002f49;
	font-weight: 700;
	margin-bottom: 0px; 
	margin-top: 0px;
	padding-left: 25px;
	padding-top: 5px;
	line-height: 1.3;
	padding-bottom: 12px;
	border-bottom: 3px solid #002f49;
}

@media (min-width: 2560px) {
	.service-page-po-heading {
		font-size: 42px;
	}
}

@media (max-width: 992px) {
	.service-page-po-heading {
		font-size: 24px;
	}
}

@media (max-width: 499px) {
	.service-page-po-heading {
		padding-left: 15px;
		padding-right: 15px;
		font-size: 20px;
	}
}

.service-page-product-heading-multi {
	margin-top: 30px;
}

.service-product-box .service-page-copy {
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 1.5;
}

@media (max-width: 992px) {
	.service-product-box .service-page-copy {
		font-weight: 300;
	}
}

.service-product-box .service-page-copy:nth-child(1) {
	margin-top: 0px;
}

.service-product-bullets {
	padding-left: 10px;
	margin-bottom: -10px;
}

.service-product-bullets li {
	font-size: 22px;
	font-weight: 100;
	list-style-type: "-";
	padding-left: 5px;
	margin-bottom: 8px;
	font-weight: 300;
	color: #002f49;
}

@media (max-width: 991px) {
	.service-product-bullets li {
		font-size: 20px;
	}
}

.service-page-product-pricing {
	color: #002f49;
	background-color: #86efd9;
	font-size: 24px;
	padding-top: 12px;
	margin-bottom: 5px;
	margin-top: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}

@media (min-width: 2560px) {
	.service-page-product-pricing {
		font-size: 36px;
		padding-top: 25px;
		padding-bottom: 25px;
	}
}

@media (max-width: 991px) {
	.service-page-product-pricing {
		font-size: 22px
	}
}

.service-page-product-pricing span {
	font-weight: 500;
}

.btn-service-product {
	font-size: 18px;
	font-weight: 300;
	padding: 10px 12px;
	background-color: #fff;
	border: 2px solid #002f49;
	color: #002f49;
	letter-spacing: 1.5px;
	margin-bottom: 20px;
	font-family: Audimat;
	box-shadow: 5px 5px 0px #86efd9;
}

@media (min-width: 2600px) {
	.btn-service-product {
		padding: 20px;
		font-size: 30px;
	}
}


.btn-service-product:hover {
	background-color: #002f49;
	border: 2px solid #002f49;
	color: #fff;
} 

.btn-service-product:active {
	color: #002f49;
}

.btn-service-product:focus {
	color: #002f49;
}

.service-product-content-sm {
	border-top: 2px solid #fff;
}

@media (min-width: 992px) {
	.service-product-content-sm {
		display: none;
	}
}

@media (max-width: 991px) {
	.service-product-content {
		display: none;
	}
}

.service-product-content-sm .service-page-copy {
	color: #fff;
	line-height: 1.6;
}

@media (max-width: 499px) {
	.service-product-content-sm .service-page-copy {
		font-size: 18px;
	}
}

.service-product-content-sm .service-product-box .service-page-copy {
	color: #002f49;
}

@media (max-width: 991px) {
	.service-product-content-sm {
		border-top: 0px;
	}
}

.service-product-content-vs .product-offering-overview-box {
	margin-bottom: 25px;
}

.service-product-content-vs > .btn-bvs-po {
	margin-bottom: 15px;
}

.service-product-content-vs .service-page-copy span {
	font-weight: 500;
}

.service-overview-box .btn-enquire-sm {
	margin-bottom: 15px;
}

@media (min-width: 992px) {
	.service-overview-box .btn-enquire-sm {
		display: none;
	}
}

.service-page-offering-container {
    background-color: #002f49;
    box-shadow: 10px 10px 0px #86efd9;
    padding: 20px 25px 3px 25px;
    margin-bottom: 0px;
    margin-top: 50px;
}

@media (max-width: 767px) {
    .service-page-offering-container {
        margin-bottom: 0px;
    }
}

@media (max-width: 321px) {
    .service-page-offering-container {
        padding: 10px 15px 0px 12px;
    }
}

.offering-cta-heading {
    font-size: 36px;
    color: #fff;
    font-weight: 700;
    font-family: HK Grotesk;
    margin-bottom: 0px;
    line-height: 1.3;
}

@media (min-width: 2600px) {
    .offering-cta-heading {
        font-size: 42px;
    }
}

@media (max-width: 767px) {
    .offering-cta-heading {
        font-size: 24px;
    }
}

@media (max-width: 321px) {
    .offering-cta-heading {
        font-size: 18px;
        margin-bottom: 0px;
    }
}

.btn-offering {
    font-size: 18px;
    padding: 10px 12px;
    background-color: #fff;
    border: 2px solid #002f49;
    color: #002f49;
    letter-spacing: 1px;
    margin-bottom: 30px;
    margin-right: 20px;
    margin-left: 0px;
    font-family: Audimat;
    box-shadow: 5px 5px 0px #86efd9;
    text-align: center;
}

.btn-offering:hover {
    background-color: #ffe5d9;
    color: #002f49;
    border: 2px solid #002f49;
}

.btn-offering:focus {
    color: #002f49;
}

.btn-offering:active {
    color: #002f49;
}

@media (min-width: 2600px) {
    .btn-offering {
        font-size: 30px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media (max-width: 991px) {
    .btn-offering {
        font-size: 18px;
        padding: 12px 15px;
    }
}

@media (max-width: 500px) {
    .btn-offering {
        margin-bottom: 15px;
        padding: 10px 12px;
    }
}

@media (max-width: 321px) {
    .btn-offering {
        font-size: 16px;
        padding: 8px 8px;
    }
}

.service-key-points-container {
	background-color: #002f49;
	padding: 20px 25px 3px 25px;
	margin-bottom: 35px;
	margin-top: 22px;
	box-shadow: 10px 10px 0px #86efd9;
}

@media (max-width: 991px) {
	.service-key-points-container {
		display: none;
	}
}

.service-page-key-points-container {
	background-color: #002f49;
	padding: 20px 25px 3px 25px;
	margin-bottom: 50px;
	margin-top: 10px;
}

@media (max-width: 767px) {
	.service-page-key-points-container {
		margin-bottom: 35px;
	}
}

@media (max-width: 321px) {
	.service-page-key-points-container {
		padding: 10px 15px 0px 12px;
	}
}

.service-key-points-container-sm {
	background-color: #002f49;
	padding: 20px 25px 13px 25px;
	margin-bottom: 65px;
	margin-top: 22px;
	display: none;
	box-shadow: 10px 10px 0px #86efd9;
}

@media (max-width: 991px) {
	.service-key-points-container-sm {
		display: inherit;
		margin-top: 15px;
		margin-bottom: 50px;
	}
}

@media (max-width: 767px) {
	.service-key-points-container-sm {
		margin-bottom: 40px;
	}
}

@media (max-width: 500px) {
	.service-key-points-container-sm {
		padding: 10px 15px 10px 12px;
	}
}

.service-key-points-row > .col-xs-1 {
	padding-right: 0px;
}

.service-key-points-row > .col-xs-11 {
	padding-left: 15px;
}

.service-page-key-points-container > .scrollto {
	margin-bottom: 0px;
}



.tick-icon {
	color: #86efd9;
	font-size: 20px !important;
	margin-top: 2px;
}

.service-key-points-left {
	padding-right: 25px;
}

.service-key-points-right {
	padding-left: 25px;
	padding-bottom: 70px;
}

.service-key-points-copy {
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	line-height: 1.4;
	margin-bottom: 10px;
	font-family: HK Grotesk;
}

@media (min-width: 1800px) {
	.service-key-points-copy {
		font-size: 24px;
	}

	.tick-icon {
		font-size: 24px !important;
	}
}

@media (min-width: 2560px) {
	.service-key-points-copy {
		font-size: 32px;
		line-height: 1.2;
	}

	.tick-icon {
		font-size: 32px !important;
	}
}

@media (min-width: 2600px) {
	.service-key-points-copy {
		font-size: 36px;
	}

	.tick-icon {
		font-size: 36px !important;
	}
}

.service-page-key-points-copy {
	font-size: 20px;
	font-weight: 400;
	color: #fff;
	line-height: 1.3;
	margin-bottom: 5px;
}

@media (min-width: 2560px) {
	.service-page-key-points-copy {
		font-size: 32px;
	}
}

@media (max-width: 991px) {
	.service-page-key-points-copy {
		font-size: 20px;
	}
}

@media (max-width: 321px) {
	.service-page-key-points-copy {
		font-size: 16px;
	}
}

.about-key-points-container .service-page-key-points-copy {
	color: #002f49;
}

body.dark-mode .about-key-points-container .service-page-key-points-copy {
	color: #fff;
}

.service-key-points-copy-sub {
	font-size: 20px;
	font-weight: 300;
	color: #fff;
	line-height: 1.4;
	margin-bottom: 15px;
}

@media (min-width: 2560px) {
	.service-key-points-copy-sub {
		font-size: 32px;
	}
}

@media (max-width: 321px) {
	.service-key-points-copy-sub {
		font-size: 16px;
	}
}

.service-key-points-copy-sub a {
	color: #fff;
	font-weight: 500;
}

.service-key-points-copy-sub a:hover {
	color: #86efd9;

}

@media (max-width: 991px) {
	.service-page-key-points-copy-sub {
		font-size: 18px;
	}
}

.service-copy-segment {
	padding: 0px;
	background-color: #f9f9f4;
}

body.dark-mode .service-copy-segment {
	background: #002337;
}

.service-copy-segment-cloud {
	padding: 50px 0px 0px 0px;
}

.service-copy-container {
	background-color: #ffe5d9;
	padding: 70px 50px 1px 50px;
	margin-top: -275px;
}

body.dark-mode .service-copy-container {
	background: #002337;
}

@media (max-width: 991px) {
	.service-copy-container {
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media (max-width: 767px) {
	.service-copy-container {
		padding-top: 50px;
	}
}

.service-copy-segment .container {
	width: 100%;
} 


@media (min-width: 1919px) {
	.service-copy-segment .container {
		width: 85%;
	}
}

@media (min-width: 2560px) {
	.service-copy-segment .container {
		width: 80%;
	}
}


.service-copy-segment .container > .row > .col-md-12 {
	padding-left: 0px;
	padding-right: 0px;
}

.service-contact-segment .container {
	width: 100%;
}

@media (min-width: 1919px) {
	.service-contact-segment .container {
		width: 85%;
	}
}

@media (min-width: 2560px) {
	.service-contact-segment .container {
		width: 80%;
	}
}

.product-offering-link-intro {
	font-size: 18px;
	font-weight: 300;
	color: #fff;
	line-height: 1.3;
	margin-bottom: 10px;
	border-top: 2px solid #fff;
	padding-top: 15px;
	padding-bottom: 0px;
}

@media (min-width: 1800px) {
	.product-offering-link-intro {
		font-size: 28px;
	}
}

@media (min-width: 2560px) {
	.product-offering-link-intro {
		font-size: 36px;
	}
}

@media (min-width: 2600px) {
	.product-offering-link-intro {
		font-size: 42px;
	}
}

.product-offering-pairing {
	margin-bottom: 10px;
}

.product-offering-pairing:nth-last-child(1) {
	margin-bottom: 20px;
}

@media (max-width: 991px) {
	.product-offering-pairing:nth-last-child(1) {
		margin-bottom: 10px;
	}
}

@media (min-width: 2560px) {
	.product-offering-pairing {
		margin-bottom: 30px;
	}

	.product-offering-pairing:nth-last-child(1) {
		margin-bottom: 30px;
	}
}

.product-offering-inline-link {
	color: #86efd9;
	font-weight: 500;
	border-bottom: 3px solid #86efd9;
	font-size: 20px;
	font-weight: 500;
}

@media (min-width: 2560px) {
	.product-offering-inline-link {
		font-size: 32px;
	}
}

.product-offering-inline-link:hover {
	color: #fff;
	border-color: #fff;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.service-overview-subcategory {
		font-size: 24px;
	}

	.service-overview-table-container .service-key-points-copy {
		font-size: 16px;
		line-height: 1.6;
	}

	.product-offering-link-intro {
		font-size: 16px;
	}

	.product-offering-inline-link {
		font-size: 16px;
	}
}

.product-offering-copy-container {
	background-color: #ffe5d9;
	padding: 70px 50px 1px 50px;
	margin-top: 20px;
}

@media (min-width: 1919px) {
	.product-offering-copy-container {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (max-width: 991px) {
	.product-offering-copy-container {
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media (max-width: 767px) {
	.product-offering-copy-container {
		padding-top: 50px;
	}
}

@media (max-width: 500px) {
	.product-offering-copy-container {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.product-offering-comparison-box {
	background-color: #fff;
	box-shadow: 10px 10px 0px #86efd9;
	padding: 10px 15px 3px 15px;
	margin-bottom: 20px;
	margin-top: 10px;
	border: 3px solid #002f49;
}


@media (max-width: 767px) {
	.product-offering-comparison-box {
		margin-bottom: 50px;
	}
}

@media (max-width: 321px) {
	.product-offering-comparison-box {
		padding: 10px 15px 0px 12px;
	}
}

.product-offering-overview-box {
	background-color: #fff;
	box-shadow: 10px 10px 0px #86efd9;
	padding: 10px 15px 3px 15px;
	margin-bottom: 50px;
	margin-top: 10px;
	border: 3px solid #002f49;
}


@media (max-width: 767px) {
	.product-offering-overview-box {
		margin-bottom: 50px;
	}
}

@media (max-width: 991px) {
	.service-product-content-sm .product-offering-overview-box {
		box-shadow: 0px 0px 0px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
}

@media (max-width: 991px) {
	.service-product-content-sm .product-offering-overview-box:nth-last-child(1) {
		margin-bottom: 15px;
	}
}

@media (max-width: 450px) {
	.service-product-content-sm .product-offering-overview-box {
		box-shadow: 0px 0px 0px;
		margin-bottom: 10px;
	}
}


@media (max-width: 321px) {
	.product-offering-overview-box {
		padding: 10px 15px 0px 12px;
	}
}

.product-offering-comparison-box {
	background-color: #fff;
	box-shadow: 10px 10px 0px #86efd9;
	padding: 10px 15px 3px 15px;
	margin-bottom: 80px;
	margin-top: 10px;
	border: 3px solid #002f49;
}


@media (max-width: 767px) {
	.product-offering-comparison-box {
		display: none;
	}
}

.product-offering-intro-box {
	background-color: #fff;
	box-shadow: 10px 10px 0px #86efd9;
	padding: 20px 30px 15px 30px;
	margin-bottom: 50px;
	margin-top: 10px;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.product-offering-intro-box {
		margin-bottom: 20px;
	}
}

@media (max-width: 991px) {
	.product-offering-intro-box {
		padding-bottom: 15px;
	}
}

@media (max-width: 767px) {
	.product-offering-intro-box {
		margin-bottom: 35px;
	}
}

@media (max-width: 321px) {
	.product-offering-intro-box {
		padding: 10px 15px 0px 12px;
	}
}

.product-offering-intro-box > .product-offering-intro-copy {
	font-size: 36px;
	font-weight: 500;
	line-height: 1.4;
	margin-bottom: 5px;
}

.product-offering-container h2 {
	font-size: 36px;
	color: #002f49;
	margin-bottom: 5px;
	line-height: 1.2;
	font-weight: 700;
}

@media (min-width: 2560px) {
	.product-offering-container h2 {
		font-size: 42px;
		margin-bottom: 10px;
	}
}

@media (max-width: 991px) {
	.product-offering-container h2 {
		font-size: 28px;
		line-height: 1.3;
	}
}

@media (max-width: 767px) {
	.product-offering-container h2 {
		font-size: 24px;
		line-height: 1.3;
		margin-bottom: 5px;
	}
}

@media (max-width: 549px) {
	.product-offering-container h2 {
		font-size: 20px;
	}
}

.product-offering-container h3 {
	font-size: 26px;
	font-weight: 700;
	color: #002f49;
	margin-top: 10px;
}

@media (min-width: 2560px) {
	.product-offering-container h3 {
		font-size: 36px;
		margin-bottom: 10px;
	}
}

@media (max-width: 991px) {
	.product-offering-container h3 {
		font-size: 24px;
		line-height: 1.3;
		margin-bottom: 5px;
	}
}

@media (max-width: 549px) {
	.product-offering-container h3 {
		font-size: 18px;
	}
}

.product-offering-container h5 {
	color: #002f49;
}

@media (min-width: 1921px) {
	.product-offering-container h5 {
		font-size: 26px;
		margin-bottom: 30px;
	}
}

body.dark-mode .product-offering-container h2, body.dark-mode .product-offering-container h3, body.dark-mode .product-offering-container h4, body.dark-mode .product-offering-container h5 {
	color: #fff;
} 

.product-offering-container p {
	font-size: 20px;
	font-weight: 300;
	color: #002f49;
	line-height: 1.6;
	margin-bottom: 30px;
	margin-top: 0px;
}

@media (min-width: 2560px) {
	.product-offering-container p {
		font-size: 32px;
	}
}

@media (max-width: 991px) {
	.product-offering-container p {
		font-size: 18px;
		font-weight: 300;
		line-height: 1.6;
	}
}

@media (max-width: 549px) {
	.product-offering-container p {
		font-size: 14px;
	}
}

.product-offering-container p strong {
	font-weight: 700;
}

.product-offering-container p a {
	font-weight: 700;
	border-bottom: 3px solid #002f49;
	color: #002f49;
}

.product-offering-container p a:hover {
	border-bottom: 3px solid #86efd9;
	color: #86efd9;
}

body.dark-mode .product-offering-container p a {
	font-weight: 700;
	border-bottom: 3px solid #fff;
	color: #fff;
}

body.dark-mode .product-offering-container p a:hover {
	border-bottom: 3px solid #86efd9;
	color: #86efd9;
}

.product-offering-container ul {
	list-style-type: "–";
	font-size: 20px;
	font-weight: 300;
	padding-left: 12px;
	color: #002f49;
	margin-bottom: 30px;
}

@media (min-width: 2560px) {
	.product-offering-container ul {
		font-size: 36px;
	}
}

@media (max-width: 991px) {
	.product-offering-container ul {
		font-size: 20px;
	}
}

@media (max-width: 549px) {
	.product-offering-container ul {
		font-size: 14px;
	}
}

.product-offering-container ul li {
	padding-left: 7px;
	margin-left: 3px;
	margin-bottom: 10px;
}

.product-offering-container ul li p {
	margin-bottom: 0px;
	line-height: 1.5;
}

.product-offering-container ul li p strong {
	font-weight: 500;
}

.product-offering-container ol {
	font-size: 20px;
	font-weight: 300;
	padding-left: 25px;
	color: #002f49;
	margin-bottom: 30px;
}

@media (min-width: 2560px) {
	.product-offering-container ol {
		font-size: 32px;
	}
}

@media (max-width: 991px) {
	.product-offering-container ol {
		font-size: 20px;
	}
}

@media (max-width: 549px) {
	.product-offering-container ol {
		font-size: 14px;
	}
}

.product-offering-container ol li {
	padding-left: 7px;
	margin-left: 3px;
	margin-bottom: 10px;
}

.product-offering-container ol li p {
	margin-bottom: 0px;
	line-height: 1.5;
}

.product-offering-container ol li p strong {
	font-weight: 500;
}

body.dark-mode .product-offering-container ul, body.dark-mode .product-offering-container ol {
	color: #fff;
}

.product-offering-heading {
	font-size: 30px;
	color: #002f49;
	margin-bottom: 0px;
}

.product-offering-subheading {
	font-size: 26px;
	font-weight: 500;
	color: #002f49;
	margin-top: 10px;
}

.product-offering-container .product-offering-intro-copy {
	font-size: 20px;
	font-weight: 300;
	line-height: 1.6;
	margin-bottom: 30px;
}

@media (min-width: 2560px) {
	.product-offering-container .product-offering-intro-copy {
		font-size: 36px;
	}
}

@media (max-width: 991px) {
	.product-offering-container .product-offering-intro-copy {
		font-size: 20px;
		line-height: 1.6;
		margin-bottom: 35px;
	}
}

@media (max-width: 499px) {
	.product-offering-container .product-offering-intro-copy {
		font-size: 18px;
	}
}

.product-offering-container .product-offering-intro-copy b {
	font-weight: 500;
}

.product-offering-image {
	width: 100%;
	margin-bottom: 30px;
}

.product-offering-copy {
	font-size: 24px;
	font-weight: 300;
	color: #002f49;
	line-height: 1.6;
	margin-bottom: 20px;
	margin-top: 0px;
	font-family: Akzidenz Grotesk;
}


@media (min-width: 2600px) {
	.product-offering-copy {
		font-size: 42px;
	}
}

@media (max-width: 991px) {
	.product-offering-copy {
		font-size: 20px;
		font-weight: 300;
	}
}

.product-offering-copy b {
	font-weight: 500;
}

.product-offering-overview-box .product-offering-box-heading {
	font-size: 26px;
	font-weight: 500;
	color: #002f49;
	line-height: 1.2;
	margin-top: 0px;
}

@media (min-width: 2560px) {
	.product-offering-overview-box .product-offering-box-heading {
		font-size: 36px;
	}
}

.product-offering-overview-box .product-offering-overview-copy {
	font-size: 20px;
	line-height: 1.4;
	font-weight: 600;
	border-bottom: 3px dotted #002f49;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 0px;
	color: #002f49;
	font-family: HK Grotesk;
}

@media (min-width: 2560px) {
	.product-offering-overview-box .product-offering-overview-copy {
		font-size: 32px;
	}
}

.product-offering-overview-box .row:nth-last-child(1) .product-offering-overview-copy {
	border-bottom: 0px;
}

.product-offering-overview-box .row:nth-child(1) .product-offering-overview-copy {
	padding-top: 20px;
}

.product-offering-overview-box .product-offering-overview-copy b {
	font-weight: 500;
}

.case-studies-tick-box {
	background-color: #ffe5d9;
}

.case-studies-tick-box .product-offering-overview-heading {
	padding-left: 10px;
	margin-top: 25px;
	margin-bottom: 0px;
}

.case-studies-tick-box .product-offering-overview-copy {
	font-weight: 300;
	padding-top: 0px !important;
}

.po-tick-container {
	padding-right: 0px;
	text-align: center;
}

.po-tick-container .tick-icon {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 60px !important;
	-webkit-text-stroke: 3px #002f49;
}

@media (max-width: 991px) {
	.po-tick-container .tick-icon {
		padding-top: 10px;
	}
}

@media (max-width: 767px) {
	.po-tick-container {
		display: none;
	}
}

@media (max-width: 991px) {
	.product-offering-overview-box .product-offering-overview-copy {
		padding-bottom: 25px;
		padding-top: 20px;
	}

	.product-offering-overview-box .row:nth-child(1) .product-offering-overview-copy {
		padding-top: 25px;
	}
}

@media (max-width: 991px) {
	.product-offering-overview-box .product-offering-overview-copy {
		font-size: 20px;
		line-height: 1.6;
	}
}

@media (max-width: 499px) {
	.product-offering-overview-box .product-offering-overview-copy {
		padding-left: 0px;
		padding-right: 0px;
		font-size: 18px;
	}
}

.product-offering-list {
	list-style-type: "–";
	font-size: 24px;
	font-weight: 300;
	padding-left: 12px;
	color: #002f49;
	margin-bottom: 30px;
}

@media (max-width: 991px) {
	.product-offering-list {
		font-size: 20px;
	}
}

.product-offering-list li {
	padding-left: 5px;
	margin-bottom: 10px;
}

.product-offering-list li b {
	font-weight: 500;
}

.product-offering-container .product-offering-box-list {
	list-style-type: none;
	font-size: 16px;
	line-height: 1.2
	font-weight: 300;
	padding-left: 0px;
	color: #002f49;
	margin-bottom: 10px;
}

@media (min-width: 2560px) {
	.product-offering-container .product-offering-box-list {
		font-size: 36px;
	}
}

.product-offering-container .product-offering-box-list li {
	padding-left: 0px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 2px dotted #002f49;
}

.product-offering-container .product-offering-box-list li:nth-last-child(1) {
	padding-left: 0px;
	margin-bottom: 10px;
	padding-bottom: 0px;
	border-bottom: 0px dotted #002f49;
}

@media (min-width: 2560px) {
	.product-offering-container .product-offering-box-list li {
		margin-bottom: 20px;
	}
}

.product-offering-table-header-row {
	margin-top: 20px;
}

.product-offering-table-header-row:nth-last-child(1) {
	margin-top: 50px;
	margin-bottom: 50px;
}

.product-offering-table-icon-cell {
	padding-right: 0px;
}

@media (max-width: 767px) {
	.product-offering-table-icon-cell {
		text-align: left;
	}
}

.product-offering-table-heading-cell {
	color: #002f49;
}

.product-offering-table-heading-cell .product-offering-table-heading {
	font-weight: 500;
	text-transform: uppercase;
	font-size: 28px;
	border: 3px solid #002f49;
	border-top: 0px;
	border-right: 0px;
	padding: 15px 15px 10px 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	background: #f9f9f4;
}

@media (min-width: 2560px) {
	.product-offering-table-heading-cell .product-offering-table-heading {
		font-size: 42px;
		padding: 25px;
	}
}

@media (max-width: 991px) {
	.product-offering-table-heading-cell .product-offering-table-heading {
		font-size: 24px;
	}
}

.product-offering-table-heading-cell ul {
	margin-bottom: 10px;
	list-style-type: none;
	padding-left: 8px;
}

.product-offering-table-cell {
	padding: 10px 15px;
	font-size: 20px;
	border-left: 3px solid #002f49;
}

.product-offering-table-list-container {
	border-bottom: 3px solid #002f49;
	border-right: 3px solid #002f49;
	padding-top: 25px;
	padding-bottom: 20px;
	padding-right: 10px;
}

.product-offering-table-list-container p {
	margin-bottom: 20px;
	padding-left: 15px;
}

.product-offering-table-list-container p:nth-last-child(1) {
	margin-bottom: 5px;
}

.product-offering-table-list-container ul li {
	margin-bottom: 20px;
	border-bottom: 3px dotted #002f49;
	padding-bottom: 20px;
}

.product-offering-table-list-container ul li:nth-last-child(1) {
	margin-bottom: 10px;
	border-bottom: 0px;
	padding-bottom: 0px;
}

.product-offering-table-list-container li strong {
	font-weight: 500;
}

.product-offering-icon {
	margin-top: 20px;
}

@media (max-width: 991px) {
	.product-offering-icon {
		max-width: 100px;
		margin-top: 10px;
	}
}

.product-offering-table-icon-container {

}

.product-offering-icon-table {
	max-height: 125px;
}

@media (max-width: 767px) {
	.product-offering-icon-table {
		max-width: 100px;
		margin-bottom: 20px;
	}
}

.product-offering-vs-container {

}

.product-offering-vs-container .product-offering-table-header-row {
	margin-bottom: 50px;	
}

.product-offering-vs-container .product-offering-table-heading-cell .product-offering-table-heading {
	text-transform: none;
}

.product-offering-curriculum-row {
	margin-top: 25px;
	margin-bottom: 0px;
}

.product-offering-curriculum-row .col-sm-4 .product-offering-overview-box {
	margin-bottom: 10px;
}

@media (max-width: 767px) {
	.product-offering-curriculum-row .col-sm-4 .product-offering-overview-box {
		margin-bottom: 30px;
	}
}

.product-offering-curriculum-row .col-sm-4:nth-last-child(1) .product-offering-overview-box {
	margin-bottom: 10px;
}

.product-offering-comparison-table {
}

.po-comparison-table-heading {
	font-size: 42px;
	color: #002f49;
	font-weight: 300;
	line-height: 1.3;
	margin-bottom: 0px;
}

@media (max-width: 991px) {
	.po-comparison-table-heading {
		font-size: 36px;
	}
}

.po-comparison-table-heading span {
	font-weight: 500;
}

.po-comparison-table-heading:nth-last-child(1) {
	border-bottom: 10px solid #002f49;
	padding-bottom: 5px;
}

@media (max-width: 991px) {
	.po-comparison-table-heading:nth-last-child(1) {
		border-bottom: 7px solid #002f49;
	}
}

.po-comparison-header-row {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
}

.po-comparison-header-row .col-sm-2 {
	text-align: center;
}

.po-comparison-header-row .product-offering-icon-table {
	margin-top: 15px;
}

.po-comparison-header-row p {
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	line-height: 1.3;
	padding-top: 10px;
	color: #002f49;
}

@media (max-width: 991px) {
	.po-comparison-header-row p {
		font-size: 16px;
	}
}

.po-comparison-header-row .po-comparison-highlight {
	background-color: #ffe5df;
}

.po-comparison-body-row {
	border-bottom: 3px dotted #002f49;
	margin-left: 0px;
	margin-right: 0px;
}

.po-comparison-body-row:nth-last-child(1) {
	margin-bottom: 30px;
}

.po-comparison-body-row p {
	font-size: 20px;
	padding-top: 20px;
	padding-bottom: 15px;
	color: #002f49;
	font-weight: 400;
	margin-bottom: 0px;
}

.po-comparison-body-row .po-tick-container {
	padding-right: 15px;
	min-height: 65px;
}

@media (max-width: 1199px) {
	.po-comparison-body-row .po-tick-container {
		min-height: 85px;
	}
}

.po-comparison-body-row .po-tick-container .tick-icon {
	margin-top: 5px;
	font-size: 40px !important;
}

.po-comparison-body-row .po-comparison-highlight {
	background-color: #ffe5df;
}

.po-comparison-table-sm .product-offering-overview-box {
	border: 0px;
	box-shadow: 0px 0px 0px;
}

@media (max-width: 767px) {
	.po-comparison-table-sm {
		display: none;
	}
}

.po-comparison-greyed {
	color: #99acb6 !important;
}

.po-comparison-greyed p, .po-comparison-greyed i {
	color: #99acb6 !important;
}

@media (min-width: 768px) {
	.po-comparison-greyed {
		display: none;
	}
}

.service-contact-segment .container > .row > .col-md-12 {
	padding-left: 0px;
	padding-right: 0px;
}

/*@media (min-width: 992px) and (max-width: 1199px) {
	.service-page-intro-row > .col-sm-12 {
		width: 20%;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.service-page-intro-row > .col-sm-6 {
		width: 40%;
	}
}*/

@media (min-width: 768px) and (max-width: 1199px) {
	.service-page-intro-row > .col-sm-6 {
		width: 50%;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.service-intro-copy-row > .col-md-8 {
		width: 100%;
		margin-left: 0px;
	}
}

.service-page-intro-row {
	margin-bottom: 100px;
}

@media (max-width: 991px) {
	.service-page-intro-row {
		margin-bottom: 30px;
	}
}

@media (max-width: 450px) {
	.service-page-intro-row {
		margin-bottom: 0px;
	}
}

.service-page-last-row {
	margin-bottom: 50px;
}

@media (max-width: 991px) {
	.service-page-last-row {
		margin-bottom: 20px;
	}
}


.service-page-title-container-alt {
	text-align: left;
	margin-bottom: 35px;
}

@media (max-width: 991px) {
	.about-copy-container .service-page-title-container-alt {
		margin-bottom: 10px;
	}
}

@media (max-width: 991px) {
	.service-page-title-container-alt {
		margin-bottom: 5px;
	}
}

.service-page-title-container-alt > .service-bvs-subheading-alt {
	font-weight: 300;
}

@media (max-width: 321px) {
	.service-page-title-container-alt .scrollto {
		margin-bottom: 10px;
	}
}

.service-bvs-category {
	font-family: Akzidenz Grotesk;
	font-size: 28px;
	color: #002f49;
	font-weight: 500;
	margin-bottom: 10px;
}

@media (min-width: 2600px) {
	.service-bvs-category {
		font-size: 36px;
	}
}

@media (max-width: 321px) {
	.service-bvs-category {
		font-size: 20px;
		margin-bottom: 0px;
	}
}

@media (max-width: 767px) {
	.service-page-title-container-alt {
		margin-bottom: 0px;
	}
}

.service-page-title-container-alt .service-bvs-title-alt {
	font-size: 42px;
	line-height: 1.1;
	font-weight: 800;
	margin-bottom: 15px;
}

@media (min-width: 2600px) {
	.service-page-title-container-alt .service-bvs-title-alt {
		font-size: 42px;
	}
}

@media (max-width: 991px) {
	.service-page-title-container-alt .service-bvs-title-alt {
		font-size: 36px;
	}
}

@media (max-width: 500px) {
	.service-page-title-container-alt .service-bvs-title-alt {
		font-size: 30px;
	}
}

@media (max-width: 321px) {
	.service-page-title-container-alt .service-bvs-title-alt {
		font-size: 26px;
	}
}


.service-page-subheading-alt {
	font-size: 28px;
	color: #002f49;
	font-family: Audimat;
	margin-bottom: 20px;
	margin-top: 30px;
	line-height: 1.6;
	letter-spacing: 0px;
}



.service-page-subheading-alt-bg {
	font-size: 28px;
	color: #fff;
	background-color: #002f49;
	padding: 7px 7px 7px 25px;
	font-family: Audimat;
	margin-bottom: 20px;
	margin-top: 30px;
	line-height: 1.6;
	letter-spacing: 0px;
}

.service-page-heading {
	font-size: 28px;
	color: #002f49;
	font-weight: 500;
	margin-bottom: -15px; 
	margin-top: 30px;
	font-family: Akzidenz Grotesk;
}

.service-page-heading-ul {
	font-size: 26px;
	color: #002f49;
	font-family: Audimat;
	padding-bottom: 1px;
	border-bottom: 3px solid #002f49;
	font-weight: 100;
	letter-spacing: -0.75px;
}

.service-page-heading-bg {
	font-size: 26px;
	color: #86efd9;
	font-family: Audimat;
	background-color: #002f49;
	padding: 6px 7px 5px 8px;
}

.cs-panel-group {
	margin-bottom: 30px;
}

.cs-panel-group .cs-panel {
	border-radius: 0px;
}

.cs-panel {
	background-color: #002f49;
	border: 0px none transparent;
}

.cs-panel > .cs-panel-heading {
	width: 100%;
	background-color: #fff;
	color: #002f49;
	border: 2px solid #002f49;
	text-align: left;
	padding: 15px 20px 12px 25px;

}

.cs-panel > .cs-panel-heading:hover {
	background-color: #002f49;
	color: #fff;
	border: 2px solid #002f49;
}

.cs-panel-title {
	font-family: Audimat;
	font-weight: 300;
	text-transform: none;
	letter-spacing: 1px;
	text-transform: lowercase;
	font-size: 20px;
}

.cs-panel-body {
	border-top: 0px none transparent !important;
	padding: 25px 25px 5px 25px;
	box-shadow: 10px 10px 0px #86efd9;
}

.scenario-heading {
	font-size: 26px;
	color: #002f49;
	font-weight: 100;
	margin-bottom: 0px; 
	margin-top: 50px;
	font-family: Audimat;
}

.scenario-heading-bg {
	font-size: 26px;
	color: #002f49;
	font-family: Audimat;
	background-color: #86efd9;
	padding: 8px 12px 7.5px 25px;
}

.scenario-subheading {
	font-family: Audimat;
	color: #fff;
	background-color: #002f49;
	padding: 10px 10px 10px 25px;
	font-size: 20px;
	margin-bottom: 30px;
	line-height: 1.5;
}

.service-boxes-row {
	margin-bottom: 30px;
}

@media (max-width: 991px) {
	.service-boxes-row {
		margin-bottom: 0px;
	}

	.service-boxes-row .col-md-6 {
		margin-bottom: 30px;
	}

}

.service-copy-box {
	background-color: #fff;
	padding: 1px 25px 1px 25px;
	margin-bottom: 50px;
	box-shadow: 10px 10px 0px #86efd9;
}

@media (max-width: 991px) {
	.service-copy-box {
		min-height: 1px;
	}
}

.service-copy-box .service-page-subheading {
	font-size: 22px;
	line-height: 1.4;
	margin-bottom: 0px;
	margin-top: 15px;
	font-weight: 500;
	color: #002f49;
}

@media (max-width: 991px) {
	.service-copy-box .service-page-subheading {
		font-size: 20px;
	}
}

.service-page-category-title {
	font-size: 28px;
	font-family: Akzidenz Grotesk;
	color: #002f49;
	line-height: 1.3;
	font-weight: 500;
	margin-bottom: 0px;
	margin-left: 25px;
}


@media (min-width: 2600px) {
	.service-page-category-title {
		font-size: 42px;
	}
}

@media (max-width: 767px) {
	.service-page-category-title {
		font-size: 24px;
	}
}

@media (max-width: 321px) {
	.service-page-category-title {
		font-size: 18px;
	}
}

.service-copy-box .service-page-copy {
	font-size: 20px;
	margin-bottom: 15px;
	color: #002f49;
}

@media (max-width: 991px) {
	.service-copy-box .service-page-copy {
		font-size: 18px;
	}
}

.service-copy-box .service-page-case-study-copy {
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.service-copy-box > .service-page-case-study-copy > p {
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #002f49;
	font-family: Akzidenz Grotesk Italic;
	font-weight: 100;
	letter-spacing: 0px;
	line-height: 1.6;
}

@media (max-width: 991px) {
	.service-copy-box > .service-page-case-study-copy > p{
		font-size: 18px;
	}
}

.service-page-boxes-row {
	display: flex;
}

.service-page-boxes-column {
	background-color: #fff;
	padding: 1px 25px 1px 25px;
	margin-bottom: 30px;
	box-shadow: 10px 10px 0px #86efd9;
	margin-left: 15px;
	margin-right: 15px;
	width: calc(50% - 30px);
}

@media (max-width: 991px) {
	.service-page-boxes-column {
		width: calc(100% - 30px);
	}

	.service-page-boxes-row {
		display: table;
	}
}

@media (max-width: 321px) {
	.service-page-boxes-column {
		padding-left: 10px;
		padding-right: 10px;
	}
}

.service-page-boxes-column .service-page-subheading {
	font-size: 22px;
	line-height: 1.4;
	margin-bottom: 0px;
	margin-top: 15px;
	font-weight: 500;
	color: #002f49;
}

@media (min-width: 2600px) {
	.service-page-boxes-column .service-page-subheading {
		font-size: 42px;
	}
}

@media (max-width: 321px) {
	.service-page-boxes-column .service-page-subheading {
		font-size: 16px;
		margin-top: 5px;
	}
}

.service-page-boxes-column .service-page-copy {
	font-size: 20px;
	margin-bottom: 15px;
	color: #002f49;
	font-weight: 300;
}

@media (max-width: 321px) {
	.service-page-boxes-column .service-page-copy {
		font-size: 16px;
		margin-bottom: 5px;
		font-weight: 300;
	}
}

@media (min-width: 2560px) {
	.service-page-boxes-column .service-page-copy {
		font-size: 32px;
	}
}


.service-page-subheading {
	font-size: 24px;
	font-weight: 300;
	color: #002f49;
	margin-top: 25px;
	margin-bottom: 5px;
	font-family: Akzidenz Grotesk;
}

.service-page-cs-subheading {
	font-size: 24px;
	font-weight: 300;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 5px;
	font-family: Akzidenz Grotesk;
}

.service-page-intro-container {
	background-color: #f9f9f9;
	padding: 10px 15px 1px 15px;
	margin-bottom: 50px;
	border: 1px solid #e5e5e5;
}

.service-page-copy {
	font-size: 20px;
	font-weight: 500;
	color: #002f49;
	line-height: 1.6;
	margin-bottom: 15px;
	margin-top: 20px;
	font-family: HK Grotesk;
}


@media (min-width: 2560px) {
	.service-page-copy {
		font-size: 32px;
		margin-bottom: 30px;
	}
}

@media (max-width: 991px) {
	.service-page-copy {
		font-size: 20px;
		font-weight: 300;
	}
}


.service-page-copy-em {
	font-weight: 300;
	margin-bottom: 0px;
	color: #002f49;
	font-family: Audimat;
	text-transform: lowercase;
	line-height: 1.5;
	font-size: 28px;
	margin-left: 25px;
}

@media (max-width: 991px) {
	.service-page-copy-em {
		font-size: 24px;
	}
}

.service-page-bullets-lead {
	font-size: 20px;
	font-weight: 100;
	color: #002f49;
	line-height: 1.7;
	margin-bottom: 20px;
	font-family: Akzidenz Grotesk;
	margin-top: 40px;
}

.service-page-bullets {
	margin-bottom: 0px;
}

.service-page-bullets > li {
	font-size: 20px;
	font-weight: 100;
	color: #002f49;
	line-height: 1.5;
	font-family: Akzidenz Grotesk;
	margin-left: -20px;
	margin-bottom: 10px;
}

.service-page-cs-container {
	padding: 30px 25px 1px 25px;
	background-color: #002f49;
	margin-top: 0px;
	margin-bottom: 35px;
	border: 2px solid #002f49;
}

.service-page-cs-heading {
	font-size: 26px;
	color: #fff;
	font-weight: 200;
	margin-bottom: 35px; 
}

.service-page-cs-heading-bg {
	font-size: 26px;
	color: #002f49;
	font-family: Audimat;
	padding-bottom: 1px;
	background-color: #fff;
	padding: 6px 7px 5px 8px;
	border: 2px solid #002f49;
}

.btn-bvs-case-study {
  font-size: 18px;
  font-weight: 300;
  padding: 10px 12px;
  background-color: #fff;
  border: 2px solid #002f49;
  color: #002f49;
  letter-spacing: 1.5px;
  margin-bottom: 90px;
  margin-top: -30px;
  font-family: Audimat;
  box-shadow: 5px 5px 0px #86efd9;
  line-height: 1.6;
  display: block;
}

@media (min-width: 2600px) {
	.btn-bvs-case-study {
		padding: 24px;
		font-size: 32px;
	}
}


.btn-bvs-case-study:hover {
  background-color: #002f49;
  border: 2px solid #002f49;
  color: #fff;
}

.service-page-story-container {
	background-color: #f9f9f9;
	border: 1px solid #e5e5e5;
	padding: 20px 25px 1px 25px;
}

.service-page-cs-copy {
	font-size: 20px;
	font-weight: 300;
	color: #fff;
	line-height: 1.7;
	margin-bottom: 20px;
	font-family: Akzidenz Grotesk;
}

.service-page-cs-copy-em {
	font-size: 22px;
	font-weight: 500;
	color: #fff;
	line-height: 1.7;
	margin-bottom: 0px;
	font-family: Akzidenz Grotesk;
}

@media (max-width: 991px) {
	.service-bvs-row-alt .col-xs-offset-4 {
		margin-left: 0px;
	}
}

.service-sticky-col {
	position: sticky;
	top: 100px;
}

@media (min-width: 2600px) {
	.service-sticky-col {
		top: 150px;
	}
}

@media (max-width: 991px) {
	.service-sticky-col {
		top: 50px;
		padding-bottom: 1px;
		z-index: 999;
		padding-top: 25px;
		display: block;
		position: relative;
		margin-bottom: 80px;
	}
}

@media (max-width: 321px) {
	.service-sticky-col {
		padding-top: 10px;
	}
}


@media (max-width: 1199px) {
	.service-intro-sticky-col {
		width: 100%;
	}
}

@media (min-width: 1200px) {
	.service-intro-sticky-col {
		top: 100px;
		position: sticky;
	}
}

@media (min-width: 2600px) {
	.service-intro-sticky-col {
		top: 150px;
	}
}


@media (min-width: 768px) {
	.training-sticky-col {
		top: 100px;
		position: sticky;
	}
}

@media (min-width: 2600px) {
	.training-sticky-col {
		top: 150px;
	}
}

@media (min-width: 768px) {
	.training-sticky-right-col {
		top: 100px;
		position: sticky;
	}
}

@media (min-width: 2600px) {
	.training-sticky-right-col {
		top: 150px;
	}
}

.blog-sticky-col .service-bvs-title-alt {
	margin-bottom: 5px;
}


@media (min-width: 992px) {
	.blog-post-sticky-col {
		top: 100px;
		position: sticky;
	}
}

@media (min-width: 2600px) {
	.blog-post-sticky-col {
		top: 150px;
	}
}

.service-page-divider {
	width: 100%;
	height: 2px;
	background-color: #002f49;
	margin-bottom: 50px;
}

@media (min-width: 2600px) {
	.service-page-divider {
		height: 4px;
	}
}

.service-bvs-row-alt .service-page-divider {
  margin-bottom: 20px;
  background-color: #002f49;
}

@media (max-width: 767px) {
	.service-bvs-row-alt .service-page-divider {
		margin-bottom: 0px;
	}
}

.training-page-divider {
	width: 100%;
	height: 2px;
	background-color: #002f49;
	margin-bottom: 50px;
}

@media (min-width: 2600px) {
	.training-page-divider {
		height: 4px;
	}
}

.service-bvs-row-alt .training-page-divider {
	margin-bottom: 20px;
	background-color: #002f49;
}

@media (max-width: 767px) {
	.service-bvs-row-alt .training-page-divider {
		margin-bottom: 10px;
	}
}

.about-page-divider {
	width: 100%;
	height: 2px;
	background-color: #002f49;
	margin-bottom: 50px;
}

@media (min-width: 2600px) {
	.about-page-divider {
		height: 4px;
	}
}

body.dark-mode .about-page-divider {
	background: #fff;
}

.service-bvs-row-alt .about-page-divider {
  margin-bottom: 20px;
  background-color: #002f49;
}

@media (max-width: 767px) {
	.service-bvs-row-alt .about-page-divider {
		margin-bottom: 10px;
	}
}

.join-segment {
	background-color: #002f49;
}

.join-segment .join-heading-container {
	background-color: #002f49;
}

.join-copy-container {
	padding-top: 50px;
}

.join-post-heading {
	font-size: 42px;
	font-weight: 500;
	text-transform: uppercase;
	color: #86efd9;
	margin-bottom: 35px;
}

.join-page-row {
  margin-bottom: 30px;
}

@media (min-width: 450px) and (max-width: 767px) {
	.join-perks-top-row p {
		margin-top: 20px;
	}
}

@media (min-width: 500px) and (max-width: 767px) {
	.join-perks-bottom-row p {
		margin-top: 20px;
	}
}


@media (min-width: 600px) and (max-width: 767px) {
	.join-perks-top-row p {
		margin-top: 40px;
	}

	.join-perks-bottom-row p {
		margin-top: 40px;
	}
}

.btn-join-page {
	font-size: 18px;
	font-weight: 200;
	padding: 10px 12px;
	background-color: #fff;
	border: 2px solid #002f49;
	color: #002f49;
	letter-spacing: 1px;
	margin-bottom: 30px;
	margin-right: 20px;
	margin-left: 0px;
	font-family: Audimat;
	box-shadow: 5px 5px 0px #86efd9;
	text-align: center;
}

.btn-join-page:hover {
	background-color: #ffe5d9;
	color: #002f49;
	border: 2px solid #002f49;
}

.btn-join-page-banner {
	font-size: 24px;
	padding: 15px 20px;
}

.btn-join-page:focus {
	color: #002f49;
}

.btn-join-page:active {
	color: #002f49;
}

@media (min-width: 2600px) {
	.btn-join-page {
		font-size: 30px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
}


@media (max-width: 991px) {
	.btn-join-page {
		font-size: 18px;
		padding: 12px 15px;
		margin-top: -10px;
	}
}

@media (max-width: 500px) {
	.btn-join-page {
		margin-bottom: 50px;
		padding: 10px 12px;
		margin-top: -20px;
	}
}

@media (max-width: 321px) {
	.btn-join-page {
		font-size: 16px;
		padding: 8px 8px;
	}
}

@media (max-width: 991px) {
	.service-page-key-points-container .btn-join-page {
		margin-top: 0px;
	}
}

@media (max-width: 500px) {
	.service-page-key-points-container .btn-join-page {
		margin-bottom: 30px;
	}
}

.job-post-breadcrumb {
	font-size: 18px;
	padding-bottom: 10px;
	border-bottom: 2px solid #002f49;
	margin-bottom: 35px;
	color: #002f49;
}

.job-post-breadcrumb-link {
	color: #002f49;
	font-weight: 500;
}

.job-post-breadcrumb-link:hover {
	color: #86efd9;
}

.job-post-breadcrumb-slash {
	font-weight: 500;
}

@media (max-width: 768px) {
	.job-post-breadcrumb {
		margin-bottom: 20px; 
	}
}

.join-list {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.6;
	color: #002f49;
	margin-bottom: 15px;
	padding-left: 20px;
}

body.dark-mode .join-list {
	color: #fff;
}

@media (max-width: 767px) {
	.join-list {
		font-size: 20px;
	}
}

.btn-join-post:hover {
	color: #fff;
	background-color: #002f49;
}

.form-group > .apply-form-input {
	font-family: Akzidenz Grotesk;
	font-size: 20px;
	font-weight: 200;
	padding: 10px 20px;
	height: 60px;
	margin-bottom: 15px;
}

.form-group > .apply-form-textarea {
	height: auto;
	font-size: 20px;
	font-weight: 200;
	margin-bottom: 15px;
}

@media (max-width: 450px) {
	.form-group > .apply-form-input {
		font-size: 16px;
		padding: 10px;
		height: 0px;
		margin-bottom: 0px;
	}
}

@media (max-width: 450px) {
	.form-group > .apply-form-textarea {
		font-size: 16px;
	}
}

@media (max-width: 768px) {
	.apply-map-container {
		display: none;
	}
}

.package-content-segment {
	padding: 0px;
	background-color: #002f49;
}

.package-content-container {
	background-color: #009d83;
	padding: 70px 50px 40px 50px;
	margin-top: 0px;
}

.package-left-col {
	padding-right: 25px;
}

.package-right-col {
	padding-left: 25px;
	text-align: center;
}

.package-heading {
	font-size: 30px;
	color: #fff;
	font-weight: 200;
}

.package-subheading {
	font-size: 26px;
	font-weight: 700;
	color: #fff;
	margin-top: 35px;
	margin-bottom: 20px;
}

.package-copy {
	font-size: 24px;
	font-weight: 200;
	color: #fff;
	line-height: 1.7;
	margin-bottom: 35px;
}

.package-icon {
	width: 40%;
	margin-bottom: 20px;
}

.package-price-copy {
	font-size: 24px;
	font-weight: 200;
	color: #fff;
	line-height: 1.7;
	margin-top: 10px;
	margin-bottom: 15px;
}

.package-price {
	font-size: 60px;
	font-weight: 500;
	color: #fff;
	line-height: 1;
	margin-top: 0px;
	margin-bottom: 0px;
}

.btn-package {
	border: 2px solid #fff;
	background-color: transparent;
	color: #fff;
}

.btn-package:hover {
	background-color: #fff;
	color: #009d83;
}

.service-contact-segment {
	padding: 0px;
	margin-top: 0px;
	background-color: #002f49;
}

.kmsp-intro-segment {
	padding: 90px 0px 0px 0px;
	background-color: #fff;
}

.kmsp-intro-container {
	margin-top: -90px;
	padding: 70px 50px 40px 50px;
	background-color: #002f49;
}

.kmsp-intro-heading {
	font-size: 30px;
	color: #fff;
	font-weight: 200;
}

.kmsp-intro-copy {
	font-size: 24px;
	font-weight: 200;
	color: #fff;
	line-height: 1.7;
	margin-bottom: 35px;
}

.kmsp-intro-link {
	font-weight: 400;
	color: #009d83;
}

.kmsp-intro-link:hover {
	color: #fff;
}

.ke-training-segment {
	padding: 90px 0px 0px 0px;
	background-color: #fff;
}

.ke-training-container {
	margin-top: -90px;
	padding: 70px 50px 70px 50px;
	background-color: #ffe5d9;
}

.kmsp-banner {
	background-color: #316ce6;
	padding: 563px 0 53px 0;
}

.kmsp-banner-heading-container {
	margin-top: -380px;
}

.kmsp-banner-heading {
	font-size: 50px;
	line-height: 1.2;
	color: #fff;
	font-weight: 900;
	margin-bottom: 0px;
}

.kmsp-banner-subheading {
	font-size: 50px;
	line-height: 1.2;
	color: #fff;
	font-weight: 200;
	margin-bottom: 40px;
}

.kmsp-support-segment {
	padding: 0px;
	background-color: #fff;
}

.kmsp-content-container {
	background-color: #002f49;
	padding: 70px 50px 40px 50px;
	margin-top: -230px;
}

.kmsp-pricing-segment {
	padding: 45px 0px 0px 0px;
}

.kmsp-pricing-container {
	background-color: #ffe5d9;
	padding: 70px 50px 60px 50px;
	margin-top: -45px;
}

.kmsp-pricing-header-row {
	padding: 10px 0px;
	font-weight: 400;
	border-bottom: 2px solid #009d83;
	margin-left: 0px;
	margin-right: 0px;
	color: #009d83;
}

@media (max-width: 992px) {
	.kmsp-pricing-header-row {
		display: none;
	}
}

.kmsp-pricing-row {
	padding: 10px 0px;
	font-weight: 200;
	border-bottom: 2px solid #009d83;
	margin-left: 0px;
	margin-right: 0px;
	color: #3a5051;
}


.kmsp-heading {
	font-size: 30px;
	color: #009d83;
	font-weight: 200;
	margin-top: 50px;
}

.kmsp-copy {
	font-size: 24px;
	font-weight: 200;
	color: #3a5051;
	line-height: 1.7;
	margin-bottom: 10px;
}

.kmsp-contact-copy {
	font-size: 24px;
	font-weight: 200;
	color: #fff;
	line-height: 1.7;
	margin-bottom: 10px;
}

.kmsp-contact-link {
	color: #002f49;
	font-weight: 400;
}

.kmsp-contact-link:hover {
	color: #fff;
}

.kmsp-em {
	font-weight: 400;
}

.kmsp-link {
	font-weight: 400;
	color: #009d83;
}

.kmsp-link:hover {
	color: #002f49;
}

.kmsp-support-container {
	background-color: #009d83;
	padding: 70px 50px 40px 50px;
	margin-top: -25px;
}

.kmsp-pricing-em {
	font-weight: 500;
}

@media (min-width: 992px) {
	.kmsp-pricing-small-screen {
		display: none;
	}

	.kmsp-pricing-em {
		font-weight: 400;
	}
}

@media (max-width: 992px) {
	.service-key-points-left {
		padding-left: 15px;
		padding-right: 15px;
	}

	.service-key-points-right {
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 75px;
	}

	.package-icon {
		width: 70%;
	}
}

@media (max-width: 767px) {
	.service-heading-container {
		margin-top: -200px;
	}

	.package-left-col {
		padding-right: 15px;
	}

	.package-right-col {
		padding-left: 15px;
	}

	.package-icon {
		width: 70%;
	}

	.package-price-copy {
		margin-top: 0px;
	}

	.package-price {
		margin-bottom: 10px;
	}

	.kmsp-banner-heading {
		font-size: 40px;
	}

	.kmsp-banner-subheading {
		font-size: 40px;
	}
}

@media (max-width: 500px) {
	.service-heading-container {
		margin-top: -185px;
	}

	.service-content-container {
		margin-top: -350px;
		padding: 35px 35px 15px 35px;
	}

	.service-key-points-copy {
		font-size: 18px;
	}

	.service-copy-container {
		padding: 45px 20px 15px 20px;
	}

	.service-page-heading {
		font-size: 26px;
		margin-bottom: 0px;
	}

	.service-page-subheading {
		font-size: 24px;
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.package-content-container {
		padding: 50px 35px;
	}

	.package-sub-col-left {
		width: 100%;
	}

	.package-sub-col-right {
		width: 100%;
	}

	.package-heading {
		font-size: 26px;
		margin-bottom: 25px;
		line-height: 1.4;
	}

	.package-copy {
		font-size: 18px;
		line-height: 1.8;
		font-weight: 200;
	}

	.package-icon {
		width: 50%;
	}

	.kmsp-intro-container {
		padding: 45px 35px 15px 35px;
	}

	.ke-training-container {
		padding: 45px 35px 15px 35px;
	}

	.kmsp-intro-heading {
		font-size: 26px;
		margin-bottom: 25px;
		line-height: 1.4;
	}

	.kmsp-intro-copy {
		font-size: 18px;
		line-height: 1.8;
		font-weight: 200;
	}

	.kmsp-copy {
		font-size: 18px;
		line-height: 1.8;
		font-weight: 200;
	}

	.kmsp-banner-heading-container {
		margin-top: -450px;
	}

	.kmsp-content-container {
		padding: 35px 35px 15px 35px;
	}

	.kmsp-support-container {
		padding: 35px 35px 15px 35px;
	}

	.kmsp-pricing-container {
		padding: 35px 35px 15px 35px;
	}

	.kmsp-contact-copy {
		font-size: 16px;
	}

	.kmsp-heading {
		font-size: 26px;
		margin-bottom: 0px;
		margin-top: 25px;
	}
}

@media (max-width: 321px) {
	.service-heading-container {
		margin-top: -200px;
	}

	.service-intro-segment {
		padding: 90px 0px 30px 0px;
	}

	.service-content-container {
		margin-top: -400px !important;
		padding: 25px 15px 5px 15px !important;
	}

	.service-copy-container {
		padding: 25px 15px 5px 15px !important;
	}

	.service-key-points-right {
		padding-bottom: 25px !important;
	}

	.service-key-points-copy {
		font-size: 16px;
	}

	.service-page-heading {
		font-size: 24px !important;
	}

	.package-content-container {
		padding: 25px 15px 30px 15px;
	}

	.package-heading {
		font-size: 24px;
		margin-bottom: 25px;
		line-height: 1.4;
	}

	.package-copy {
		font-size: 16px;
		line-height: 1.6;
		font-weight: 200;
	}

	.package-price-copy {
		font-size: 20px;
	}

	.package-price {
		font-size: 50px;
	}

	.kmsp-intro-container {
		padding: 25px 15px 5px 15px
	}

	.ke-training-container {
		padding: 25px 15px 15px 15px
	}

	.kmsp-intro-heading {
		font-size: 24px;
		margin-bottom: 25px;
		line-height: 1.4;
	}

	.kmsp-intro-copy {
		font-size: 16px;
		line-height: 1.6;
		font-weight: 200;
	}

	.kmsp-copy {
		font-size: 16px;
		line-height: 1.6;
		font-weight: 200;
	}

	.kmsp-content-container {
		padding: 25px 15px 5px 15px;
	}

	.kmsp-support-container {
		padding: 25px 15px 5px 15px;
	}

	.kmsp-pricing-container {
		padding: 25px 15px 5px 15px;
	}

}

@media (max-height: 450px) {
	.service-heading-container {
		margin-top: -210px;
	}

	.service-content-container {
		margin-top: -330px;
		padding: 35px;
	}

	.service-key-points-right {
		padding-bottom: 0px;
	}

	.service-key-points-copy {
		font-size: 18px;
		line-height: 1.8;
		font-weight: 200;
	}

	.service-copy-segment {
		margin-top: -50px;
	}

	.service-copy-container {
		padding: 45px 35px 5px 35px;
		margin-top: -110px;
	}

	.service-page-heading {
		font-size: 26px;
		margin-bottom: 0px;
	}

	.service-page-subheading {
		font-size: 24px;
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.service-page-copy {
		font-size: 18px;
		line-height: 1.8;
		font-weight: 200;
	}

	.package-heading {
		font-size: 26px;
		margin-bottom: 25px;
		line-height: 1.4;
	}

	.package-copy {
		font-size: 18px;
		line-height: 1.8;
		font-weight: 200;
	}

	.kmsp-intro-container {
		padding: 45px 35px 15px 35px;
	}

	.ke-training-container {
		padding: 45px 35px 15px 35px;
	}

	.kmsp-intro-heading {
		font-size: 26px;
		margin-bottom: 25px;
		line-height: 1.4;
	}

	.kmsp-intro-copy {
		font-size: 18px;
		line-height: 1.8;
		font-weight: 200;
	}

	.kmsp-copy {
		font-size: 18px;
		line-height: 1.8;
		font-weight: 200;
	}

	.kmsp-banner-heading-container {
		margin-top: -450px;
	}

	.kmsp-content-container {
		padding: 35px 35px 15px 35px;
		margin-top: -330px;
	}

	.kmsp-support-container {
		padding: 35px 35px 15px 35px;
		margin-top: -115px;
	}

	.kmsp-pricing-container {
		padding: 35px 35px 15px 35px;
	}

	.kmsp-contact-copy {
		font-size: 16px;
	}

	.kmsp-heading {
		font-size: 26px;
		margin-bottom: 0px;
		margin-top: 25px;
	}
}


/* Case Study Landing Page */

.case-study-logo-container {
	width: 100%;
	min-height: 200px;
}

.case-study-landing-skyscanner {
	width: 50%;
	margin-top: 50px;
}

.case-study-landing-cr {
	width: 50%;
	margin-top: 38px;
}

.case-study-landing-ericsson {
	width: 40%;
	margin-top: 0px;
}

.case-study-landing-aj {
	width: 50%;
	margin-top: 50px;
}

.case-study-copy-container {
	padding-left: 0px;
}


@media (max-width: 992px) {
	.case-study-landing-skyscanner {
		margin-bottom: 35px;
	}

	.case-study-landing-cr {
		margin-bottom: 35px;
	}

	.case-study-landing-ericsson {
		margin-bottom: 35px;
	}

	.case-study-landing-aj {
		margin-bottom: 35px;
	}

}

@media (max-width: 450px) {
	.case-study-copy-container {
		padding-right: 0px;
	}

	.case-study-logo-container {
		min-height: 1px;
	}

	.case-study-landing-skyscanner {
		width: 100%;
		margin-top: 10px;
	}

	.case-study-landing-cr {
		width: 100%;
		margin-top: 30px;
	}

	.case-study-landing-ericsson {
		width: 100%;
		margin-top: 10px;
	}

	.case-study-landing-aj {
		width: 100%;
		margin-top: 10px;
	}
}

/* Case Study Pages */


.case-study-heading-container {
	margin-top: -75px;
}

.case-study-logo {
	height: 100px;
	margin-bottom: 35px;
}

.case-study-intro-segment {
	padding: 90px 0px 0px 0px;
	margin: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: #fff;
}

.headline-quote-container {
	background-color: #009d83;
	padding: 70px 50px 50px 50px;
	margin-top: -260px;
}

.headline-quote {
	color: #fff;
	font-size: 45px;
	line-height: 1.5;
	font-weight: 500;
	font-family: Brandon Text Italic;
}

.headline-attribution {
	font-size: 30px;
	font-weight: 400;
	color: #fff;
	line-height: 1.2;
}

.case-study-heading {
	font-size: 70px;
	color: #fff;
	font-weight: 900;
	margin-bottom: 40px;
}

.case-study-subheading {
	font-size: 70px;
	color: #fff;
	font-weight: 200;
	margin-bottom: 0px;
}

.case-study-kp-container {
	background-color: #009d83;
	padding: 70px 50px 40px 50px;
	margin-top: -300px;
}

.case-study-content-segment {
	padding: 0px;
}

.case-study-content-container {
	background-color: #ffe5d9;
	padding: 70px 50px 40px 50px;
}

.case-study-bullets {
	font-size: 24px;
	font-weight: 200;
	color: #3a5051;
	line-height: 1.7;
	margin-bottom: 35px;
	margin-top: -25px;
	padding-left: 0px;
}

.case-study-bullets > li {
	margin-bottom: 15px;
	margin-left: 20px;
}

.white-bullets {
	color: #fff;
}

.case-study-kp-container-left {
	padding-right: 25px;
}

.case-study-kp-container-right {
	padding-left: 25px;
	padding-bottom: 70px;
}

.case-study-container-left {
	padding-right: 25px;
}

.case-study-container-right {
	padding-left: 25px;
}

.case-study-results-segment {
	padding: 0px;
	background-color: #fff;
}

.case-study-solution-container {
	background-color: #002f49;
	padding: 70px 50px 40px 50px;
	margin-top: 0px;
}


.case-study-results-heading {
	font-size: 35px;
	color: #fff;
	font-weight: 200;
	margin-bottom: 35px;
}

.case-study-results-subheading {
	font-size: 28px;
	font-weight: 700;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 20px;
}

.case-study-results-copy {
	font-size: 24px;
	font-weight: 200;
	color: #fff;
	line-height: 1.7;
	margin-bottom: 35px;
}

.case-study-contact-segment {
	padding: 0px;
	margin-top: 0px;
	background-color: #009d83;
}

.pull-quote-container {
	padding: 50px;
	background-color: #009d83;
}

.pull-quote {
	font-size: 30px;
	line-height: 1.5;
	font-weight: 200;
	font-family: Brandon Text Italic;
	color: #fff;
	margin-bottom: 0px;
}

.pull-quote-attribution {
	font-size: 24px;
	font-weight: 200;
	color: #fff;
	margin-top: 25px;
	margin-bottom: 5px;
}

.case-study-results-container {
	background-color: #002f49;
	padding: 70px 50px 40px 50px;
	margin-top: 0px;
}

@media (max-width: 992px) {
	.case-study-kp-container-right {
		padding-left: 15px;
	}

	.case-study-kp-container-left {
		padding-right: 15px;
	}

	.case-study-container-right {
		padding-left: 15px;
	}

	.case-study-container-left {
		padding-right: 15px;
	}
}

@media (max-width: 768px) {
	.case-study-heading {
		font-size: 60px;
		margin-bottom: 25px;
	}

	.case-study-subheading {
		font-size: 60px;
	}
}

@media (max-width: 450px) {
	.case-study-heading-container {
		margin-top: -150px;
	}

	.case-study-logo {
		margin-bottom: 25px;
	}

	.case-study-heading {
		font-size: 50px;
		margin-bottom: 20px;
	}

	.case-study-subheading {
		font-size: 50px;
	}

	.case-study-kp-container {
		padding: 35px 35px 20px 35px;
		margin-top: -320px;
	}

	.case-study-content-container {
		padding: 50px 35px 10px 35px;
	}

	.case-study-bullets {
		font-size: 18px;
	}

	.case-study-solution-container {
		padding: 50px 35px 15px 35px;
	}

	.case-study-results-heading {
		font-size: 30px;
		margin-bottom: 20px;
	}

	.case-study-results-subheading {
		font-size: 24px;
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.case-study-results-copy {
		font-size: 18px;
		line-height: 1.8;
		font-weight: 200;
	}

	.pull-quote-container {
		padding: 50px 35px;
	}

	.pull-quote {
		font-size: 24px;
	}

	.pull-quote-attribution {
		font-size: 20px;
	}

	.case-study-results-container {
		padding: 30px 35px 15px 35px;
	}

	.headline-quote-container {
		padding: 35px;
	}

	.headline-quote {
		font-size: 24px;
		line-height: 1.5;
	}

	.headline-attribution {
		font-size: 20px;
	}
}

@media (max-width: 321px) {
	.case-study-kp-container {
		padding: 25px 15px 5px 15px !important;
		margin-top: -320px;
	}

	.case-study-content-container {
		padding: 25px 15px 5px 15px !important;
	}

	.case-study-bullets {
		font-size: 16px !important;
	}

	.case-study-solution-container {
		padding: 25px 15px 5px 15px !important;
	}

	.case-study-results-heading {
		font-size: 24px !important;
		margin-bottom: 10px !important;
	}

	.case-study-results-subheading {
		font-size: 20px !important;
		margin-top: 10px !important;
	}

	.case-study-results-copy {
		font-size: 16px !important;
	}

	.pull-quote-container {
		padding: 25px 15px !important;
	}

	.pull-quote {
		font-size: 20px !important;
	}

	.case-study-results-container {
		padding: 25px 15px 5px 15px !important;
	}
}

@media (max-height: 450px) {
	.case-study-heading-container {
		margin-top: -150px !important;
	}

	.case-study-logo {
		height: 75px;
	}

	.case-study-heading {
		font-size: 50px;
		margin-bottom: 20px;
	}

	.case-study-subheading {
		font-size: 50px;
		margin-bottom: 80px;
	}

	.case-study-kp-container {
		padding: 35px 35px 20px 35px;
		margin-top: -280px;
	}

	.case-study-content-container {
		padding: 50px 35px 10px 35px;
	}

	.case-study-bullets {
		font-size: 18px;
	}

	.case-study-solution-container {
		padding: 50px 35px 15px 35px;
	}

	.case-study-results-heading {
		font-size: 30px;
		margin-bottom: 20px;
	}

	.case-study-results-subheading {
		font-size: 24px;
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.case-study-results-copy {
		font-size: 18px;
		line-height: 1.8;
		font-weight: 200;
	}

	.pull-quote-container {
		padding: 50px 35px;
	}

	.pull-quote {
		font-size: 24px;
	}

	.case-study-results-container {
		padding: 30px 35px 15px 35px;
	}
}

@media (min-width: 1600px) {
	.case-study-landing-container {
		min-height: 950px;
	}
} 

@media (min-width: 2048px) {
	.case-study-landing-container {
		min-height: 1275px;
	}
}

@media (max-width: 767px) {
	.case-study-landing-container {
		padding-top: 60px;
	}
}

@media (max-width: 500px) {
	.case-study-banner .service-heading-container {
		margin-top: -200px;
	}
}

.case-study-landing-container .service-key-points-copy {
	line-height: 1.3;
}

.case-study-landing-container .service-key-points-copy .case-study-landing-link {
	color: #002f49;
	font-weight: 700;
}

.case-study-landing-container .service-key-points-copy .case-study-landing-link:hover {
	color: #86efd9;
}

body.dark-mode .case-study-landing-container .service-key-points-copy .case-study-landing-link {
	color: #fff;
}

body.dark-mode .case-study-landing-container .service-key-points-copy .case-study-landing-link:hover {
	color: #86efd9;
}

.case-study-landing-container .service-overview-category {
	line-height: 1.4;
	color: #002f49;
	font-weight: 400;
	margin-bottom: 0px;
}

.case-study-landing-container .service-overview-table-container {
	border-top: 0px none transparent;
}

body.dark-mode .case-study-landing-container {
	background: #002337;
}

.case-study-landing-thumbnail {
	position: relative;
	width: 100%;
	height: auto;
	display: inline-block;
	margin-bottom: 10px;
}

.case-study-landing-thumbnail img {
	width: 100%;
	transition: all ease 1s;
	border-radius: 18px 18px 0px 0px;
}

.case-study-landing-thumbnail img.thumbnail-hover {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.case-study-landing-thumbnail:hover img {
	opacity: 0;
}

.case-study-landing-thumbnail:hover img.thumbnail-hover {
	opacity: 1;
}

.case-study-banner {
	padding: 280px 0 240px 0;
	width: 100%;
	background-color: #f9f9f4;
	-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
}

@media (max-width: 500px) {
	.case-study-banner {
		padding: 279px 0 279px 0;
	}
}

body.dark-mode .case-study-banner {
	background: #002337;
}

.case-study-banner-heading {
	font-size: 48px;
	color: #002f49;
	font-weight: 900;
	margin-bottom: 10px;
	line-height: 1.2;
}

body.dark-mode .case-study-banner-heading {
	color: #fff;
}

.case-study-banner-heading-bg-em {
	font-size: 24px;
	font-weight: 500;
	margin-top: 100px;
	text-transform: uppercase;
}

.case-study-banner-subheading {
	font-size: 30px;
	color: #002f49;
	font-weight: 500;
	margin-bottom: 0px;
	line-height: 1.2;
}

body.dark-mode .case-study-banner-subheading {
	color: #86efd9;
}

@media (min-width: 1920px) {
	.case-study-banner-heading {
		font-size: 48px;
	}

	.case-study-banner-heading-bg-em {
		font-size: 32px;
	}

	.case-study-banner-subheading {
		font-size: 32px;
	}
}

@media (min-width: 2500px) {
	.case-study-banner-heading {
		font-size: 72px;
		margin-top: 50px;
	}

	.case-study-banner-heading-bg-em {
		font-size: 60px;
	}

	.case-study-banner-subheading {
		font-size: 48px;
	}
}

@media (max-width: 991px) {
	.case-study-banner-heading {
		font-size: 32px;
		margin-bottom: 0px;
	}

	.case-study-banner-heading-bg-em {
		font-size: 24px;
	}

	.case-study-banner-subheading {
		font-size: 24px;
	}
}

@media (max-width: 767px) {
	.case-study-banner-heading {
		font-size: 24px;
		margin-bottom: 10px;
		line-height: 1.2;
	}

	.case-study-banner-subheading {
		font-size: 20px;
	}
}

@media (max-width: 549px) {
	.case-study-banner-heading {
		font-size: 20px;
		margin-bottom: 5px;
	}

	.case-study-banner-heading-bg-em {
		font-size: 18px;
	}

	.case-study-banner-subheading {
		font-size: 16px;
	}
}

@media (max-width: 321px) {
	.case-study-banner-heading {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.case-study-banner-heading-bg-em {
		font-size: 18px;
	}

	.case-study-banner-subheading {
		font-size: 16px;
	}
}

.case-study-copy-container {
	background-color: #f9f9f4;
	padding: 20px 50px 50px 50px;
	margin-top: -275px;
}

@media (max-width: 1699px) {
	.case-study-copy-container {
		margin-top: -225px;
	}
}

@media (max-width: 991px) {
	.case-study-copy-container {
		padding-left: 40px;
		padding-right: 40px;
		padding-top: 0px;
	}
}

@media (max-width: 767px) {
	.case-study-copy-container {
		padding-top: 0px;
	}
}

@media (max-width: 549px) {
	.case-study-copy-container {
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 0px;
		margin-top: -330px;
	}
}

@media (min-width: 1921px) {
	.case-study-copy-container {
		margin-top: -200px;
	}
}

body.dark-mode .case-study-copy-container {
	background: #002337;
}

.case-study-copy-container .product-offering-container {
	margin-top: 15px;
}

.case-study-box .case-study-overview-box {
	padding-top: 15px;
}

@media (max-width: 991px) {
	.case-study-box .case-study-overview-box {
		display: none;
	}
}

.updates-left-col .case-study-overview-box {
	padding-bottom: 5px;
}

.updates-right-col .case-study-overview-box {
	margin-bottom: 50px;
}

@media (max-width: 767px) {
	.updates-right-col .case-study-overview-box {
		margin-bottom: 35px;
	}
}

@media (max-width: 1199px) {
	.updates-right-col .case-study-overview-box:nth-child(1) {
		margin-top: 0px;
	}
}

@media (min-width: 1200px) {
	.updates-left-col .case-study-overview-box {
		margin-bottom: 50px;
	}

	.updates-right-col .case-study-overview-box {
		margin-bottom: 50px;
	}
}

.case-study-overview-box .case-study-results-heading {
	color: #002f49;
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 10px;
}

body.dark-mode .case-study-overview-box .case-study-results-heading {
	color: #fff;
}

.case-study-overview-box ul {
	padding-left: 0px;
	list-style-type: none;
}

.case-study-overview-box ul li {
	margin-bottom: 10px;
}

.case-study-overview-box ul p {
	margin-bottom: 0px;
	font-size: 16px;
	color: #002f49;
	line-height: 1.4;
}

@media (min-width: 1921px) {
	.case-study-overview-box ul p {
		font-size: 18px;
	}
}

@media (min-width: 2500px) {
	.case-study-overview-box ul p {
		font-size: 24px;
	}
}

body.dark-mode .case-study-overview-box ul p {
	color: #fff;
}

.case-study-overview-box ul p:nth-child(1) {
	font-weight: 800;
}

@media (max-width: 1199px) {
	.case-study-overview-box ul p:nth-child(2) {
		display: none;
	}
}

.case-study-landing-row {
	min-height: 1px;
	display: flex;
}

@media (max-width: 1199px) {
	.case-study-landing-row {
		display: table;
	}
}

.case-study-landing-box-container {
	flex: 1;
	background: #002f49;
	padding: 20px 25px 3px 25px;
	box-shadow: 10px 10px 0px #86efd9;
	margin-bottom: 30px;
}

.case-study-landing-box-container:nth-child(odd) {
	margin-left: 15px;
	margin-right: 20px;
}

.case-study-landing-box-container:nth-child(even) {
	margin-left: 20px;
	margin-right: 15px;
}

@media (max-width: 1199px) {
	.case-study-landing-box-container:nth-child(odd) {
		margin-right: 15px;
	}

	.case-study-landing-box-container:nth-child(even) {
		margin-left: 15px;
	}
}

.css-grid-container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
}

@media (max-width: 1199px) {
	.css-grid-container {
		grid-template-columns: 1fr;
	}
}

.case-study-overview-box {
	margin-bottom: 0px;
	margin-top: 0px;
	background: #fff;
	box-shadow: 2px 2px 10px rgba(0, 47, 73, 0.2);
	border-radius: 20px;
	padding-bottom: 25px;
	transition: 0.3s;
}

body.dark-mode .case-study-overview-box {
	background: #001825;
	border: 1.5px solid #86efd9;
}

.case-study-overview-box .btn-new {
	border-width: 2px;
	padding: 10px 18px;
	font-size: 18px;
	margin-top: 15px;
	box-shadow: 0px 0px 0px rgba(0, 47, 73, 0.2);
}

.case-study-overview-box .btn-new:hover {
	box-shadow: 2px 2px 10px rgba(0, 47, 73, 0.2);
}

body.dark-mode .case-study-overview-box .btn-new {
	border-color: #86efd9;
	background: #001825;
	color: #86efd9;
}

body.dark-mode .case-study-overview-box .btn-new:hover {
	background: #86efd9;
	color: #002f49;
}

.case-study-links .btn-bvs-new {
	margin-bottom: 25px;
}

.case-study-overview-box .service-overview-category {
	color: #002f49;
	font-weight: 300;
}

body.dark-mode .case-study-overview-box .service-overview-category {
	color: #fff;
}

.case-study-overview-box .service-key-points-copy {
	color: #002f49;
	font-size: 18px;
}

@media (min-width: 1200px) and (max-width: 1399px) {
	.case-study-overview-box .service-key-points-copy {
		font-size: 16px;
	}
}

@media (max-width: 549px) {
	.case-study-overview-box .service-key-points-copy {
		font-size: 16px;
	}
}

@media (min-width: 2500px) {
	.case-study-overview-box .service-key-points-copy {
		font-size: 24px;
	}
}

.case-study-overview-box .product-offering-inline-link {
	color: #002f49;
	border-color: #002f49;
	font-weight: 900;
}

.case-study-overview-box .product-offering-inline-link:hover {
	color: #86efd9;
	border-color: #86efd9;
}

body.dark-mode .case-study-overview-box .product-offering-inline-link {
	color: #fff;
	border-color: #fff;
}

body.dark-mode .case-study-overview-box .product-offering-inline-link:hover {
	color: #86efd9;
	border-color: #86efd9;
}

.case-study-overview-box-sm {
	margin-bottom: 40px;
}

@media (min-width: 992px) {
	.case-study-overview-box-sm {
		display: none;
	}
}

.case-study-overview-box-sm .service-key-points-copy {
	color: #fff;
	margin-bottom: 10px;
}

@media (max-width: 767px) {
	.case-study-links .service-key-points-copy {
		margin-bottom: 0px;
	}
}

.case-study-landing-container .case-study-overview-box {
	padding: 0px;
}

.case-study-landing-content-container {
	padding: 5px 20px 20px 20px;
}

.case-study-box .case-study-links .service-key-points-copy {
	font-weight: 500;
	margin-top: 20px;
	font-size: 20px;
	margin-bottom: 5px;
	border-top: 2px dotted #002f49;
	padding-top: 10px;
}

body.dark-mode .case-study-box .case-study-links .service-key-points-copy {
	color: #fff;
	border-color: #fff;
}

.case-study-tag {
	border: 2px solid #002f49;
	background: #002f49;
	color: #fff;
	padding: 4px 5px 3px 5px;
	margin-top: 5px;
	margin-right: 5px;
	display: inline-block;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 500;
	border-radius: 5px;
}

@media (max-width: 549px) {
	.case-study-tag {
		font-size: 14px;
		padding: 3px 4px 2px 4px;
	}
}

@media (min-width: 2560px) {
	.case-study-tag {
		font-size: 24px;
		padding: 8px; 10px;
		margin-top: 10px;
		margin-right: 10px;
	}

	.case-study-sticky-col .service-page-title-container-alt .service-bvs-title-alt {
		font-size: 42px;
	}

	.case-study-sticky-col .service-page-title-container-alt .service-bvs-subheading-alt {
		font-size: 32px;
	}
}

body.dark-mode .case-study-tag {
	background: #fff;
	color: #002f49;
	border-color: #fff;
}

.case-study-sticky-col h1 {
	font-size: 6vw;
	font-weight: 900;
	line-height: 1;
	color: #002f49;
	margin-bottom: 30px;
}

@media (max-width: 991px) {
	.case-study-sticky-col h1 {
		font-size: 8vw;
	}
}

@media (max-width: 767px) {
	.case-study-sticky-col h1 {
		font-size: 10vw;
	}
}

@media (max-width: 549px) {
	.case-study-sticky-col h1 {
		font-size: 12vw;
		margin-bottom: 10px;
	}
}

@media (min-width: 1921px) {
	.case-study-sticky-col h1 {
		font-size: 4vw;
	}
}

body.dark-mode .case-study-sticky-col h1 {
	color: #fff;
}

.case-study-sticky-col p {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.3;
	color: #002f49;
}

@media (max-width: 991px) {
	.case-study-sticky-col p {
		font-size: 18px;
	}
}

@media (min-width:  2500px) {
	.case-study-sticky-col p {
		font-size: 24px;
	}
}

body.dark-mode .case-study-sticky-col p {
	color: #fff;
}

.case-study-technologies {
	border-bottom: 2px solid #fff;
	padding-bottom: 15px;
	margin-bottom: 15px;
	text-align: center;
}

@media (min-width: 1199px) {
	.case-study-technologies img {
		width: 75%;
	}
}

@media (min-width: 1920px) {
	.case-study-technologies img {
		width: 60%;
	}
}

@media (max-width: 991px) {
	.case-study-technologies img {
		width: 75%;
	}
}

@media (max-width: 550px) {
	.case-study-technologies img {
		width: 100%;
	}
}

.case-study-stat-row {
	margin-bottom: 30px;
}

.case-study-stat-box {
	background-color: #fff;
	padding: 15px;
	width: 100%;
	text-align: center;
	border-radius: 20px;
}

body.dark-mode .case-study-stat-box {
	background: #001825;
}

@media (max-width: 767px) {
	.case-study-stat-row {
		margin-bottom: 20px;
	}

	.case-study-stat-box {
		margin-bottom: 10px;
	}
}

.case-study-stat-box .case-study-stat-number {
	font-size: 72px;
	line-height: 1;
	margin-bottom: 10px;
	font-weight: 900;
}

@media (max-width: 1199px) {
	.case-study-stat-box .case-study-stat-number {
		font-size: 60px;
	}
}

.case-study-stat-box .case-study-stat-number-sm {
	font-size: 48px;
	line-height: 72px;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.case-study-stat-box .case-study-stat-number-sm {
		font-size: 40px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.case-study-stat-box .case-study-stat-number-sm {
		font-size: 40px;
	}
}

@media (max-width: 500px) {
	.case-study-stat-box .case-study-stat-number {
		font-size: 60px;
	}
}

.case-study-stat-box .case-study-stat-text {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 24px;
	margin-bottom: 0px;
	line-height: 1.2;
}

@media (max-width: 1199px) {
	.case-study-stat-box .case-study-stat-text {
		font-size: 20px;
	}
}

.case-study-pq-box {
 	background-color: #fff;
 	padding: 30px 50px;
 	margin-bottom: 30px;
 	border-left: 10px solid #86efd9;
}

body.dark-mode .case-study-pq-box {
	background: #001825;
}

.case-study-pq-box .case-study-pq {
	color: #002f49;
	font-weight: 600;
	font-size: 24px;
	line-height: 1.2;
	font-family: HK Grotesk Italic;
	margin-bottom: 10px;
}

@media (max-width: 767px) {
	.case-study-pq-box .case-study-pq {
		font-size: 18px;
		line-height: 1.5;
		margin-bottom: 10px;
	}
}

@media (max-width: 500px) {
	.case-study-pq-box {
		padding: 20px;
	}

	.case-study-pq-box .case-study-pq {
		font-size: 16px;
	}
}

@media (min-width: 1921px) {
	.case-study-pq-box .case-study-pq {
		font-size: 32px;
	}
}

body.dark-mode .case-study-pq {
	color: #fff;
}

.case-study-pq-box .case-study-pq-caption {
	color: #002f49;
	margin-bottom: 0px;
}

@media (max-width: 767px) {
	.case-study-pq-box .case-study-pq-caption {
		font-size: 16px;
	}
}

body.dark-mode .case-study-pq-caption {
	color: #fff;
}

.case-study-pdf-box {
	background-color: #86efd9;
	padding: 20px;
	margin-bottom: 50px;
	border-radius: 20px;
}

@media (max-width: 991px) {
	.case-study-pdf-box {
		margin-bottom: 20px;
	} 
}

.case-study-pdf-box p {
	margin-bottom: 0px;
}

body.dark-mode .case-study-pdf-box p {
	color: #002f49;
}

.case-study-pdf-link {
	font-weight: 500;
	color: #002f49 !important;
	border-bottom: 3px solid #002f49 !important;
}

body.dark-mode .case-study-pdf-link {
	color: #002f49 !important;
	border-bottom: 3px solid #002f49 !important;
}

.css-grid-container .update-box {
	margin-bottom: 0px;
}




/* Search */

/* .google-search-container {
	padding: 0px;
}

.google-search-container .gsc-search-button {
	display: none;
}

.google-search-container .gsc-search-box {
	margin-bottom: 0px;
}

.google-search-container .gsc-search-box-tools .gsc-search-box .gsc-input {
	padding-right: 0px;
}

.google-search-container .gsc-input-box {
	height: auto;
} */

.search-dropdown > section {
	padding-top: 0px;
	padding-bottom: 0px;
}


/* Training */

.training {
	background: url(../img/training.jpg) no-repeat top center;
}

.training-heading-container {
	margin-top: -75px;
}


.training-banner-subheading {
	font-size: 70px;
	color: #fff;
	font-weight: 200;
	margin-bottom: 40px;
}

.btn-main-training {
	font-size: 20px;
	padding: 20px 20px;
	background-color: rgba(51, 49, 63, 0.5);
	border: 2px solid #fff;
	color: #fff;
}

.btn-main-training:hover {
	background-color: #009d83;
	color: #fff;
	border: 2px solid #009d83;
}

.training-intro-segment {
	padding: 90px 0px 0px 0px;
	margin: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: #fff;
}

.training-content-container {
	background-color: #009d83;
	padding: 70px 50px 50px 50px;
	margin-top: -300px;
}

.training-copy-container {
	background-color: #ffe5d9;
	padding: 70px 50px 40px 50px;
}

.training-copy-link {
	font-weight: 500;
	color: #002f49;
}

.training-copy-link:hover {
	font-weight: 500;
	color: #86efd9;
	border-bottom: 3px solid #86efd9;
}

.training-left-col {
	padding-left: 15px;
	padding-right: 25px;
}

.training-right-col {
	padding-left: 25px;
	padding-right: 15px;
}

.training-page-intro-row {
	margin-top: -20px;
}

.training-page-intro-row .training-key-points-container {
	margin-top: 10px;
	margin-bottom: 60px; 
}

@media (max-width: 500px) {
	.training-page-intro-row .training-key-points-container {
		margin-bottom: 35px;
	}
}

.training-page-subheading {
  font-size: 28px;
  color: #002f49;
  font-family: Akzidenz Grotesk;
  margin-bottom: 25px;
  line-height: 1.3;
  letter-spacing: 0px;
}

@media (min-width: 2600px) {
	.training-page-subheading {
		font-size: 42px;
	}
}

@media (max-width: 991px) {
	.training-page-subheading {
		font-size: 24px;
	}
}


@media (max-width: 321px) {
	.training-page-subheading {
		font-size: 18px;
	}
}


.training-page-copy {
	font-size: 24px;
	color: #002f49;
	font-family: Akzidenz Grotesk;
	font-weight: 100;
	letter-spacing: 0px;
	line-height: 1.6;
	margin-bottom: 25px;
}

.training-pricing-table ul {
	list-style-type: none;
	padding-left: 0px;
}

@media (min-width: 2600px) {
	.training-page-copy {
		font-size: 42px;
		margin-bottom: 35px;
	}
}

@media (max-width: 991px) {
	.training-page-copy {
		font-size: 20px;
	}
}

@media (max-width: 321px) {
	.training-page-copy {
		font-size: 16px;
		font-weight: 300;
	}
}

.training-key-points-container {
	background-color: #fff;
	padding: 20px 25px 3px 25px;
	margin-bottom: 50px;
	margin-top: 0px;
	box-shadow: 10px 10px 0px #86efd9;
}

@media (max-width: 767px) {
	.training-key-points-container {
		margin-bottom: 50px;
	}
}

@media (max-width: 321px) {
	.training-key-points-container {
		padding: 10px 15px 0px 12px;
		margin-bottom: 50px;
	}
}


@media (min-width: 768px) {
	.training-key-points-container-sm {
		display: none;
	}
}

@media (max-width: 767px) {
	.training-key-points-container-lg {
		display: none;
	}
}

.training-key-points-container .service-key-points-copy {
	color: #002f49;
	margin-bottom: 5px;
	font-weight: 500;
}

.training-key-points-container .service-key-points-copy-sub {
	color: #002f49;
}


.service-page-key-points-copy .training-kp-strikethrough{
	font-size: 22px;
	font-weight: 500;
	color: #fff;
	line-height: 1.3;
	margin-bottom: 5px;
	text-decoration: line-through;
}

@media (min-width: 2600px) {
	.service-page-key-points-copy .training-kp-strikethrough {
		font-size: 42px;
	}
}

@media (max-width: 991px) {
	.service-page-key-points-copy .training-kp-strikethrough {
		font-size: 20px;
	}
}

@media (max-width: 321px) {
	.service-page-key-points-copy .training-kp-strikethrough {
		font-size: 16px;
	}
}

.service-key-points-copy-sub .training-kp-strikethrough {
	font-size: 20px;
	font-weight: 300;
	color: #fff;
	line-height: 1.5;
	margin-bottom: 15px;
	font-family: Akzidenz Grotesk;
	text-decoration: line-through;
}

@media (min-width: 2600px) {
	.service-key-points-copy-sub .training-kp-strikethrough {
		font-size: 40px;
	}
}

@media (max-width: 321px) {
	.service-key-points-copy-sub .training-kp-strikethrough {
		font-size: 16px;
	}
}

.training-heading {
	font-size: 30px;
	color: #009d83;
	font-weight: 200;
}

.training-subheading {
	font-size: 26px;
	font-weight: 700;
	color: #002f49;
	margin-bottom: 20px;
}


.training-schedule-time {
	font-size: 20px;
	font-weight: 500;
	color: #002f49;
	line-height: 1.4;
	margin-bottom: 10px;
	font-family: Akzidenz Grotesk;
	text-transform: uppercase;
}

.training-bullets {
	font-size: 24px;
	font-weight: 200;
	color: #3a5051;
	line-height: 1.7;
	margin-bottom: 35px;
	margin-top: 0px;
	margin-left: 20px;
	padding-left: 0px;
}

.training-bullets li {
	margin-bottom: 10px;
}

.training-multi-bullets {
	font-size: 18px;
	font-weight: 300;
	color: #002f49;
	line-height: 1.3;
	margin-bottom: 25px;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
	list-style: outside none none;
	font-family: Akzidenz Grotesk;
}

@media (min-width: 2600px) {
	.training-multi-bullets {
		font-size: 40px;
	}
}

.training-bullet-heading {
	font-weight: 500;
	font-family: Akzidenz Grotesk;
	line-height: 1.3;
}

.training-multi-bullets > li {
	margin-bottom: 25px;
}

@media (max-width: 321px) {
	.training-multi-bullets > li {
		margin-bottom: 15px;
	}
}

.training-multi-bullets > li ol li {
	margin-bottom: 10px;
	margin-top: 10px;
}

@media (max-width: 321px) {
	.training-multi-bullets > li > ol > li {
		margin-bottom: 7.5px;
		margin-top: 7.5px;
	}
}

.training-multi-bullets > li > ul > li {
	margin-bottom: 10px;
	margin-top: 10px;
	list-style: none;
}

.training-multi-bullets > li > ul > li > ol > li {
	margin-top: 5px;
	margin-bottom: 5px;
}

.training-multi-bullets > li > ul > li > ol > li > ol > li {
	margin-top: 3px;
	margin-bottom: 3px;
	list-style-type: lower-alpha;
}

.training-heading-white {
	font-size: 28px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 25px;
	line-height: 1.3;
}

@media (min-width: 2600px) {
	.training-heading-white {
		font-size: 42px;
	}
}

@media (max-width: 767px) {
	.training-heading-white {
		font-size: 24px;
	}
}

@media (max-width: 321px) {
	.training-heading-white {
		font-size: 18px;
		margin-bottom: 0px;
	}
}

.training-page-cta-heading {
	font-size: 42px;
	margin-top: 50px;
	color: #fff;
}

@media (max-width: 767px) {
	.training-page-cta-heading {
		font-size: 32px;
		margin-top: 30px;
	}
}

.training-page-cta-copy {
	font-size: 22px;
	color: #fff;
	font-weight: 300;
	line-height: 1.3;
}

.btn-training-page-cta {
	font-size: 18px;
	font-weight: 300;
	padding: 10px 12px;
	background-color: #fff;
	border: 2px solid #002f49;
	color: #002f49;
	letter-spacing: 1.5px;
	margin-bottom: 0px;
	font-family: Audimat;
	box-shadow: 5px 5px 0px #86efd9;
}

@media (min-width: 2600px) {
	.btn-training-page-cta {
		padding: 24px;
		font-size: 32px;
	}
}


.btn-training-page-cta:hover {
	background-color: #ffe5df;
	border: 2px solid #002f49;
	color: #002f49;
}

.training-pricing-container {
	background-color: #002f49;
	padding: 50px 5px 0px 5px;
	margin-top: 0px;
}

@media (max-width: 767px) {
	.training-pricing-container {
		padding-top: 50px;
		padding-bottom: 20px;
	}
}

@media (max-width: 321px) {
	.training-pricing-container {
		padding-left: 0px;
		padding-right: 0px;
	}
}

.training-table-container {
}

.training-pricing-table {
	color: #fff;
	width: 100%;
	font-size: 20px;
	margin-bottom: 35px;
}

@media (max-width: 991px) {
	.training-pricing-table {
		margin-bottom: 10px;
	}
}

@media (min-width: 2600px) {
	.training-pricing-table {
		font-size: 40px;
	}
}

.pricing-table-header-row {
	padding: 10px 0px;
	font-weight: 500;
	border-bottom: 2px solid #fff;
	margin-left: 0px;
	margin-right: 0px;
}

.pricing-table-row {
	padding: 10px 0px;
	font-weight: 100;
	border-bottom: 2px solid #fff;
	margin-left: 0px;
	margin-right: 0px;
	line-height: 1.2;
}

.pricing-table-cell {
	padding-left: 0px;
	padding-right: 20px;
	font-weight: 200;
	line-height: 1.2;
}

.pricing-table-header-row .pricing-table-cell {
	font-weight: 500;
}

.pricing-header-col a {
	color: #86efd9;
}

.pricing-header-col a:hover {
	color: #fff;
}

.pricing-table-cell-line {
	font-weight: 200;
	color: #fff;
	margin-bottom: 0px;
	line-height: 1.2;
}

.training-pricing-table th {
	width: 20%;
	padding: 10px 0px;
	font-weight: 500;
}

.pricing-header-col {
	color: #86efd9;
	font-weight: 500;
}

.training-pricing-table .cost-per-seat {
	width: 15%;
}

.training-pricing-table .course-type {
	width: 20%;
}

.training-pricing-table .location {
	width: 20%;
}

.training-pricing-table .date {
	width: 25%;
}

.training-pricing-table .book {
	width: 20%;
	padding-right: 0px;
	text-align: right;
}

.training-pricing-table td {
	padding: 10px 20px 10px 0px;
	font-weight: 200;
}

.training-pricing-table tr {
	border-bottom: 2px solid #fff;
}

.training-pricing-table .training-button-cell {
	text-align: right;
	padding-right: 0px;
}

.btn-training-banner {
	font-size: 18px;
	font-weight: 200;
	padding: 10px 12px;
	background-color: #fff;
	border: 2px solid #002f49;
	color: #002f49;
	letter-spacing: 1px;
	margin-bottom: 30px;
	margin-right: 20px;
	margin-left: 0px;
	margin-top: 20px;
	font-family: Audimat;
	box-shadow: 5px 5px 0px #86efd9;
	text-align: center;
}

@media (min-width: 2600px) {
	.btn-training-banner {
		font-size: 30px;
		padding: 20px;
		margin-bottom: 70px;
	}
}

.btn-training-banner:hover {
	background-color: #ffe5df;
	color: #002f49;
	border: 2px solid #002f49;
}

.btn-training-banner:active {
	color: #002f49;
}

.btn-training-banner:focus {
	color: #002f49;
}

.btn-training {
	border: 2px solid #002f49;
	background-color: #fff;
	color: #002f49;
	font-size: 14px;
	padding: 5px 5px 5px 8px;
	box-shadow: 5px 5px 0px #86efd9;
	font-family: Audimat;
	letter-spacing: 2px;
}

@media (min-width: 2600px) {
	.btn-training {
		font-size: 30px;
		padding: 20px;
	}
}

.btn-training:hover {
	background-color: #ffe5df;
	color: #002f49;
}

.btn-training-kp {
	font-size: 18px;
	font-weight: 300;
	padding: 10px 12px;
	background-color: #fff;
	border: 2px solid #002f49;
	color: #002f49;
	letter-spacing: 1.5px;
	margin-bottom: 5px;
	margin-top: 5px;
	font-family: Audimat;
	box-shadow: 5px 5px 0px #86efd9;
}

@media (min-width: 2600px) {
	.btn-training-kp {
		padding: 24px;
		font-size: 32px;
	}
}


.btn-training-kp:hover {
	background-color: #ffe5df;
	border: 2px solid #002f49;
	color: #002f49;
}


.training-contact-segment {
	padding: 0px;
	margin-top: 0px;
	background-color: #009d83;
}

.training-contact-segment .contact-form-wrap {
	padding-top: 30px;
}


@media (min-width: 992px) {
	.training-contact-segment .contact-form-wrap > .container > .col-md-12 {
		padding-left: 5px;
		padding-right: 5px;
	}

	.training-contact-segment .contact-form-wrap > .container > .col-md-4 {
		padding-left: 5px;
	}

	.training-contact-segment .contact-form-wrap > .container > .col-md-8 {
		padding-right: 5px;
	}
}

.training-contact-container {
  background-color: #002f49;
  padding: 20px 15px 30px 0px;
  margin-top: 0px;
  margin-left: 10px;
}

@media (max-width: 992px) {
	.training-contact-container {
		padding: 20px 10px 30px 10px;
	}
}

@media (max-width: 767px) {
	.training-contact-container {
		margin-left: 0px;
		padding: 10px 15px 20px 15px;
	}
}

@media (max-width: 500px) {
	.training-contact-container {
		padding: 10px 5px 20px 5px;
	}
}

@media (max-width: 991px) {


	.training-banner-subheading {
		font-size: 52px;
		margin-bottom: 30px;
	}

	.training-left-col {
		padding-right: 15px;
	}

	.training-right-col {
		padding-left: 15px;
	}

	.pricing-table-header-row {
		display: none;
	}

	.training-pricing-table .course-type {
		width: 100%;
	}

	.training-pricing-table .date {
		width: 100%;
	}

	.training-pricing-table .location {
		width: 100%;
	}

	.training-pricing-table .cost-per-seat {
		width: 100%;
	}

	.training-pricing-table .book {
		width: 100%;
		text-align: left;
		margin-bottom: 30px;
	}

	.pricing-table-row {
		margin-bottom: 25px;
	}

	.pricing-table-cell {
		margin-bottom: 10px;
	}
}

@media (max-width: 767px) {


	.training-banner-subheading {
		font-size: 40px;
		margin-bottom: 20px;
	}
}

@media (max-width: 500px) {
	.training-heading-container {
		margin-top: -200px;
	}


	.training-banner-subheading {
		font-size: 30px;
		margin-bottom: 20px;
		line-height: 1.3;
	}

	.training-content-container {
		margin-top: -350px;
		padding: 35px 35px 15px 35px;
	}

	.training-copy-container {
		margin-top: -85px;
		padding: 35px 35px 15px 35px;
	}

	.training-heading {
		font-size: 24px;
		line-height: 1.5;
	}

	.training-subheading {
		font-size: 20px;
		line-height: 1.5;
	}

	.training-bullets {
		font-size: 18px;
	}

	.training-multi-bullets {
		font-size: 18px;
	}

	.training-schedule-time {
		font-size: 20px;
		line-height: 1.5;
	}

	.training-pricing-container {
		padding: 35px 5px 15px 5px;
	}

	.training-pricing-table {
		font-size: 16px;
	}
}

@media (max-width: 321px) {
	.training-content-container {
		padding: 25px 15px 5px 15px;
	}

	.training-key-points-container {
		padding-bottom: 0px;
	}

	.training-copy-container {
		margin-top: -130px;
		padding: 25px 15px 5px 15px;
	}

	.training-heading {
		font-size: 20px;
	}

	.training-subheading {
		font-size: 18px;
	}

	.training-bullets {
		font-size: 16px;
	}

	.training-multi-bullets {
		font-size: 16px;
	}

	.training-schedule-time {
		font-size: 18px;
	}


}


/* Contact Page */

.contact-banner {
	background: url(../img/contact-banner.jpg) no-repeat top center;
}

.contact-page-content-container {
	background-color: #009d83;
	padding: 70px 50px 50px 50px;
	margin-top: -300px;
}

.contact-page-container {
	padding-bottom: 50px;
}

@media (max-width: 321px) {
	.contact-page-container {
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 20px;
	}
}

.contact-page-copy-container {
	background-color: #f9f9f4;
	padding: 90px 50px 1px 50px;
}

@media (min-width: 2600px) {
	.contact-page-copy-container {
		padding-top: 150px;
	}

	.contact-page-copy-container > .row {
		margin-bottom: 400px;
	}

}

@media (max-width: 991px) {
	.contact-page-copy-container {
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media (max-width: 767px) {
	.contact-page-copy-container {
		padding-left: 35px;
		padding-right: 35px;
	}
}

@media (max-width: 500px) {
	.contact-page-copy-container {
		padding-left: 15px;
		padding-right: 15px;
	}
}

body.dark-mode .contact-page-copy-container {
	background: #002337;
}

.contact-page-copy-container .service-bvs-title-alt {
	color: #fff;
}

.contact-page-copy-container .service-bvs-subheading-alt {
	color: #fff;
}

.contact-page-copy-container .service-bvs-subheading-alt b {
	font-weight: 500;
}

.contact-page-copy-container .service-bvs-subheading-alt a {
	font-weight: 500;
	border-bottom: 3px solid #fff;
	color: #fff;
}

.contact-page-copy-container .service-bvs-subheading-alt a:hover {
	font-weight: 500;
	color: #86efd9;
	border-bottom: 3px solid #86efd9;
}

.contact-page-copy-container .btn-contact {
	margin-bottom: 50px;
}

@media (max-width: 767px) {
	.contact-page-copy-container .btn-contact {
		margin-bottom: 20px;
	}
}

@media (max-width: 500px) {
	.contact-page-copy-container .btn-contact {
		margin-bottom: 0px;
	}
}

.contact-page-container-left {
	padding-left: 0px;
	padding-right: 25px;
	padding-bottom: 50px;
}

@media (max-width: 991px) {
	.contact-page-container-left {
		display: none;
	}
}

.contact-page-container-left-2 {
	padding-left: 30px;
	padding-right: 25px;
	padding-bottom: 50px;
}

@media (max-width: 991px) {
	.contact-page-container-left-2 {
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 30px;
	}

	.contact-page-container-right-2 {
		padding-left: 30px;
		padding-right: 30px;
	}

}

.contact-page-copy-container .contact-page-container-right-2 {
	padding-left: 0px;
	padding-right: 0px;
}

@media (max-width: 991px) {
	.contact-page-copy-container .contact-page-container-right-2 {
		padding-left: 15px;
		padding-right: 15px;
	}
}

.contact-page-container-right {
	padding-left: 25px;
	padding-right: 0px;
	padding-bottom: 50px;
}

.contact-page-form-left-col {
	padding-left: 30px;
	padding-right: 15px;
}

.contact-page-form-right-col {
	padding-left: 15px;
	padding-right: 30px;
}

.contact-page-textarea-container {
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 0px;
}

.contact-page-form-textarea {
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 20px;
	padding: 15px 20px;
	border-radius: 10px;
	border: 0px solid transparent;
	resize: none;
}

.contact-page-form-textarea:focus {
	box-shadow: 2px 2px 10px rgba(0, 47, 73, 0.2);
}

@media (max-width: 500px) {
	.form-group > .contact-page-form-textarea {
		font-size: 18px;
		padding: 8px 10px;
		min-height: 50px;
		margin-bottom: 10px;
	}
}

.contact-page-button-container {
	padding-left: 30px;
	padding-right: 30px;
}

body.dark-mode .contact-page-button-container .btn-new {
	border-color: #86efd9;
	background: #002337;
	color: #86efd9;
}

body.dark-mode .contact-page-button-container .btn-new:hover {
	border-color: #86efd9;
	background: #86efd9;
	color: #002f49;
}

.contact-page-map-container {
	margin-top: 35px;
	margin-bottom: 50px;
}

@media (max-width: 991px) {
	.contact-page-form-left-col {
		padding-right: 15px;
		padding-left: 15px;
	}

	.contact-page-form-right-col {
		padding-left: 15px;
		padding-right: 15px;
	}

	.contact-page-textarea-container {
		padding-left: 15px;
		padding-right: 15px;
	}

	.contact-page-button-container {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (max-width: 991px) {
	.contact-page-container-left {
		padding-right: 0px;
		padding-bottom: 30px;
	}

	.contact-page-container-right {
		padding-left: 0px;
	}
}

@media (max-width: 450px) {
	.contact-page-content-container {
		margin-top: -450px;
		padding: 35px 35px 15px 35px;
	}

	.contact-page-container-left {
		padding-bottom: 30px;
	}

	.contact-page-container-right {
		padding-bottom: 30px;
	}

	.contact-page-text {
		font-size: 18px;
	}

	.contact-page-form-left-col {
		padding-left: 15px;
		padding-right: 15px;
	}

	.contact-page-form-right-col {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (max-width: 321px) {
	.contact-page-content-container {
		padding: 15px;
	}
}

.dev-mode-indicator {
	color: #000;
	background-color: yellow;
	font-size: 14px;
	text-transform: lowercase;
	font-weight: 900;
	font-family: HK Grotesk;
	letter-spacing: 1px;
	padding: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}

@media (min-width:768px) and (max-width: 1199px) {
	.dev-mode-indicator {
		font-size: 12px;
	}
}

@media (min-width: 768px) {
	.navbar-inverse .navbar-nav .nav-contact-button {
		color: #000;
		background-color: transparent;
		font-size: 14px;
		text-transform: lowercase;
		font-weight: 100;
		font-family: Audimat;
		letter-spacing: 1px;
		padding: 3px;
		margin: 10px;
		margin-top: 6.5px;
		margin-bottom: 0px;
		border: 0px;
	}

	.navbar-inverse .navbar-nav .nav-contact-button a {
		padding: 4px 12px;
		color: #002f49;
		background: #fff;
		border: 2px solid #002f49;
		border-radius: 20px;
	}

	.navbar-inverse .navbar-nav .nav-contact-button a:hover {
		border: 2px solid #002f49;
		font-weight: 600;
		background: #86efd9;
		color: #002f49;
	}

	body.dark-mode .navbar-inverse .navbar-nav .nav-contact-button a {
		background-color: #001825;
		border: 2px solid #fff;
	}

}

@media (min-width: 2500px) {
	.navbar-inverse .navbar-nav .nav-contact-button {
		margin-top: 15px;
	}
}



body.dark-mode .navbar-inverse .navbar-nav .nav-contact-button a:hover {
	background-color: #86efd9;
	border: 2px solid #86efd9;
	color: #001825;
}

@media (min-width: 2500px) {
	.navbar-inverse .navbar-nav .dark-mode-button-container {
		margin-top: 3px;
	}
}

.navbar-inverse .navbar-nav > li > button.dark-mode-button {
	border-top: 0px;
	border-bottom: 0px;
	background: transparent;
	color: #002f49;
	padding: 4.5px 5px 2px 6px;
	border-radius: 50%;
	transition: 0.3s
}

.navbar-inverse .navbar-nav > li > button.dark-mode-button:hover {
	background: #f9f9f4;
	box-shadow: 2px 2px 10px rgba(0, 47, 73, 0.2);
}

.navbar-inverse .navbar-nav > li > button.dark-mode-button i {
	font-size: 18px;
	line-height: 0;
}

body.dark-mode .navbar-inverse .navbar-nav > li > button.dark-mode-button {
	color: #fff;
}

body.dark-mode .navbar-inverse .navbar-nav > li > button.dark-mode-button:hover {
	background: #002f49;
	box-shadow: 2px 2px 10px rgba(255, 255, 255, 0.35);
}

.join {
	background: url(../img/tea-join.jpg) no-repeat top center;
}

.join-banner-heading {
	font-size: 70px;
	color: #13d6a3;
	font-weight: 700;
	margin-bottom: 40px;
}

.join-banner-subheading {
	font-size: 30px;
	color: #13d6a3;
	font-weight: 400;
}

.btn-main-join {
	font-size: 20px;
	padding: 20px 20px;
	background-color: rgba(51, 49, 63, 0.5);
	border: 2px solid #13d6a3;
	color: #fff;
}

.btn-main-join:hover {

}

.join-nav-icons {
	font-size: 20px !important;
}

.join {
	background: url(../img/tea-join.jpg) no-repeat top center;
}

.join-banner-heading {
	font-size: 70px;
	color: #13d6a3;
	font-weight: 700;
	margin-bottom: 0px;
	line-height: 1.2;
	margin-top: -100px;
}

@media (max-width: 992px) {
	.join-banner-heading {
		margin-top: -120px;
	}
}

@media (max-width: 768px) {
	.join-banner-heading {
		margin-top: -150px;
		margin-bottom: 15px;
	}
}

@media (max-width: 450px) {
	.join-banner-heading {
		font-size: 56px;
		line-height: 1;
		margin-top: 50px;
	}
}

.join-banner-subheading {
	font-size: 30px;
	color: #13d6a3;
	font-weight: 400;
}

@media (max-width: 768px) {
	.join-banner-subheading {
		font-size: 24px;
		line-height: 1.5;
	}
}

@media (max-width: 450px) {
	.join-banner-subheading {
		font-size: 20px;
		line-height: 1.5;
	}
}

.btn-main-join {
	font-size: 20px;
	padding: 20px 20px;
	background-color: rgba(51, 49, 63, 0.0);
	border: 2px solid #13d6a3;
	color: #fff;
	font-weight: 500;
}

@media (max-width: 450px) {
	.btn-main-join {
		max-width: 100%;
		font-size: 18px;
		padding: 15px;
		letter-spacing: 2px;
	}
}

.btn-main-join:hover {
	background-color: #13d6a3;
}

.join-intro-segment {
	padding: 90px 0px 0px 0px;
	margin: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: #fff;
}

.join-content-container {
	background-color: #ffe5d9;
	padding: 70px 50px 50px 50px;
	margin-top: -300px;
}

@media (max-width: 768px) {
	.join-content-container {
		padding: 35px 35px 15px 35px; 
	}
}

@media (max-width: 450px) {
	.join-content-container {
		padding: 25px 20px 5px 20px;
	}
}

.join-heading {
	font-size: 24px;
	color: #002f49;
	margin-bottom: 15px;
}

.join-heading-underline {
	border-bottom: 4px solid #13d6a3;
	font-weight: 700;
}

.join-heading-underline-inverse {
	border-bottom: 4px solid #002f49;
	font-weight: 700;
}

.join-copy {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
	color: #002f49;
	margin-bottom: 15px;
}

.join-copy-last {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
	color: #002f49;
	margin-bottom: 30px;
}

@media (max-width: 768px) {
	.join-copy {
		margin-bottom: 15px;
	}
}



.join-openings-container {
	background-color: #002f49;
	padding: 70px 50px 40px 50px;
	margin-top: 0px;
}

@media (max-width: 768px) {
	.join-openings-container {
		padding: 35px 35px 0px 35px;
	}
}

@media (max-width: 450px) {
	.join-openings-container {
		padding: 20px 20px 0px 20px;
	}
}

.join-copy-inverse {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
	color: #fff;
	margin-bottom: 30px;
}

.join-heading-inverse {
	font-size: 24px;
	color: #fff;
	margin-bottom: 15px;
}

.join-table-header-row {
	padding: 10px 0px;
	font-weight: 500;
	border-bottom: 2px solid #fff;
	margin-left: 0px;
	margin-right: 0px;
}

@media (max-width: 450px) {
	.join-table-header-row {
		font-size: 18px;
	}
}

.join-header-cell {
	padding-left: 0px;
	padding-right: 20px;
}

@media (max-width: 768px) {
	.join-location-cell {
		margin-left: -10px;
	}
}

.join-table {
	color: #fff;
	width: 100%;
	font-size: 20px;
	margin-bottom: 35px;
}

.join-table-row {
	margin-bottom: 25px;
	margin-top: 15px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #ffe5d9;
	padding: 15px;

}

.join-table-cell {
	padding-left: 0px;
	padding-right: 20px;
}

.join-table-job-heading {
	font-weight: 500;
	font-size: 18px;
	color: #002f49;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 1.4
}

.join-table-job-copy {
	font-size: 16px;
	color: #002f49;
	margin-top: 0px;
	margin-bottom: 0px;
}

.join-button-cell {
	text-align: right;
	padding-right: 0px;
}


.btn-join-table {
	border: 2px solid #13d6a3;
	background-color: #13d6a3;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	padding: 5px 5px 5px 8px;
	letter-spacing: 1.5px;

}

.btn-join-table:hover {
	background-color: #fff;
	color: #002f49;
}

@media (max-width: 768px) {
	.btn-join-table {
		width: 100%;
		text-align: center;
		margin-top: 10px;
	}
}

.join-perks-segment {
	padding: 0px 0px 0px 0px;
	margin: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: #fff;
	border-bottom: 3px solid #13d6a3;
}

.join-perks-container {
	background-color: #ffe5d9;
	padding: 70px 50px 50px 50px;
}

@media (max-width: 768px) {
	.join-perks-container {
		padding: 35px 35px 15px 35px; 
	}
}

@media (max-width: 450px) {
	.join-perks-container {
		padding: 25px 20px 10px 20px;
	}
}

.join-perks-top-row {
	margin-top: 35px;
}

.join-perks-bottom-row {
	margin-bottom: 25px;
}

.perk-icon-wrapper {
	padding-left: 0px;
	padding-right: 0px;
}

@media (max-width: 768px) {
	.perk-icon-wrapper {
		padding-right: 25px;
	}
}

@media (max-width: 600px) {
	.perk-icon-wrapper {
		padding-right: 15px;
	}
}

@media (max-width: 450px) {
	.perk-icon-wrapper {
		padding-right: 0px;
	}
}

.join-perk-icon {
	width: 100%;
	margin-bottom: 15px;
	margin-top: 5px;
}

.job-post-banner {
	padding: 258px 0 258px 0;
	width: 100%;
	-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	background: url(../img/london.jpg) no-repeat top center;
}

@media (max-width: 768px) {
	.job-post-banner {
		padding: 175px 0px;
	}
}

@media (max-width: 450px) {
	.job-post-banner {
		padding: 150px 0px;
	}
}

.job-post-segment {
	padding-bottom: 0px;
	padding-top: 30px;
	border-bottom: 3px solid #13d6a3;
}

.job-post-title-segment {
	padding: 0px 0px 0px 0px;
	margin: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: #fff;
}

.job-post-title-container {
	background-color: rgba(19,214,163,0.5);
	padding: 35px;
	margin-top: -275px;
}

@media (max-width: 768px) {
	.job-post-title-container {
		margin-top: -200px;
	}
}

@media (max-width: 450px) {
	.job-post-title-container {
		margin-top: -180px;
	}
}

.job-post-title {
	font-size: 35px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 25px;
	line-height: 1.3;
}

.job-post-title-details {
	font-size: 30px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 0px;
	line-height: 1.5;
}


@media (max-width: 768px) {
	.job-post-title {
		font-size: 24px;
		margin-bottom: 10px;
	}

	.job-post-title-details {
		font-size: 20px;
	}
}

.job-post-container {
	padding-left: 65px;
	padding-right: 65px;
	padding-top: 30px;
}

@media (max-width: 768px) {
	.job-post-container {
		padding: 0px 35px 0px 35px;
	}
}

@media (max-width: 450px) {
	.job-post-container {
		padding: 0px 20px 0px 20px;
	}
}



.apply-form-container {
	background-color: #13d6a3;
	padding: 35px;
	margin-bottom: 90px;
}

@media (max-width: 450px) {
	.apply-form-container {
		padding: 20px;
	}
}

.apply-page-container {
	padding-bottom: 0px;
}

.apply-intro-copy {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
	color: #fff;
	margin-bottom: 30px;
}

@media (max-width: 450px) {
	.apply-intro-copy {
		font-size: 16px;
		line-height: 1.4;
		margin-bottom: 20px;
	}
}

@media (max-width: 450px) {
	.apply-form-group {
		margin-bottom: 10px;
	}
}



.btn-upload-cv-wrap {
	margin-top: 0px;
	margin-bottom: 30px;
}

@media (max-width: 450px) {
	.btn-upload-cv-wrap {
		margin-bottom: 20px;
	}
}

.upload-btn-wrap {
	width: 100%;
	background-color: #fff;
}

input[type=file] {
	display: none;
}

.file-info {
	font-size: 20px;
	padding-left: 15px;
	color: #999;
	font-weight: 200;
}

@media (max-width: 450px) {
	.file-info {
		font-size: 16px;
	}
}


.btn-upload-cv {
	background: #13d6a3;
	color: #fff;
	min-height: 35px;
	padding: 10px;
	border: 2px solid #fff;
	padding: 20px;
	font-size: 18px;
}

.btn-upload-cv:hover {
	background-color: #002f49;
	color: #fff;
	border: 2px solid #002f49;
}


@media (max-width: 450px) {
	.btn-upload-cv {
		padding: 10px;
		letter-spacing: 1px;
		font-size: 16px;
	}
}

@media (max-width: 450px) {
	.btn-apply-wrap {
		margin-bottom: 0px;
	}
}


.policy-table-row {
	padding: 10px 0px;
	font-weight: 400;
	border-bottom: 2px solid #002f49;
	margin-left: 0px;
	margin-right: 0px;
	color: #002f49;
	font-size: 18px;
	font-family: HK Grotesk;
}

body.dark-mode .policy-table-row {
	border-color: #fff;
	color: #fff;
}

.policy-table-cell {
	padding-left: 0px;
	padding-right: 20px;
}

.policy-table-cell-em {
	font-weight: 600;
	font-family: HK Grotesk;
}

.policy-bullets-numbers {
	font-size: 18px;
	padding-left: 20px;
	font-family: HK Grotesk;
	font-weight: 400;
	color: #002f49;
}

body.dark-mode .policy-bullets-numbers {
	color: #fff;
}

.policy-bullets-numbers > li {
	margin-bottom: 15px;
}

.policy-bullets-letters {
	padding-left: 20px;
	margin-bottom: 25px;
	margin-top: 10px;
}

.policy-bullets-letters > li {
	margin-bottom: 10px;
}

.policy-subheading {
	font-size: 22px;
	font-family: HK Grotesk;
	font-weight: 800;
	margin-bottom: 10px;
}

body.dark-mode .policy-subheading {
	color: #fff;
}

.policy-copy {
	font-size: 18px;
	color: #002f49;
	font-family: HK Grotesk;
	font-weight: 400;
}

body.dark-mode .policy-copy {
	color: #fff;
}

.policy-copy-em {
	font-weight: 600;
	font-family: HK Grotesk;
}

.slick-prev,
.slick-next button {
    display: none;
}


#cookiescript_header {
	font-family: HK Grotesk !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	padding-bottom: 5px !important;
	line-height: 1.4 !important;
}

#cookiescript_description {
	font-family: HK Grotesk !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
}

#cookiescript_description a {
	font-size: 14px !important;
	font-weight: 700;
	line-height: 1.4 !important;
}

#cookiescript_readmore:hover {
	color: #86efd9;
}

#cookiescript_accept {
	background-color: #86efd9;
	color: #002f49;
}

#cookiescript_accept:hover {
	background-color: #86efd9;
	color: #002f49;
}

#cookiescript_save:hover {
	background-color: #86efd9;
	color: #002f49;
}

#cookiescript_copyright {
	display: none;
}

.cookiescript_checkbox_text {
	font-size: 16px !important;
}

#cookiescript_save, #cookiescript_reject, #cookiescript_accept {
	font-size: 16px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
}

#cookiescript_save, #cookiescript_accept {
	margin-bottom: 15px !important;
}

#cookiescript_reject {
	margin-bottom: 0px !important;
}

#cookiescript_badgetext {
	font-size: 16px !important;
}

/* Lets Explore Old CSS */

header.k8s-navbar-inverse {
    background-color: #faf5f0;
    min-height: 1px;
}

.k8s-navbar-container {
    text-align: center;
}

.k8s-navbar {
    display: inline-block;
    float: none;
    margin: 0px;
    width: 100%;
}

.k8s-navbar li {
    width: 20%;
}

@media (max-width: 767px) {
    .k8s-navbar li {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .k8s-navbar li a {
        text-align: left;
    }
}

.k8s-navbar-inverse .k8s-navbar > li > a:hover {
    color: #06c1d1;
}

.k8s-navbar-inverse .k8s-navbar > li > a:active {
    color: #06c1d1;
}

.k8s-navbar-inverse .k8s-navbar > li > a:focus {
    color: #06c1d1;
}

.k8s-navbar-inverse .k8s-navbar > .active > a, .k8s-navbar-inverse .k8s-navbar > .active > a:hover, .k8s-navbar-inverse .k8s-navbar > .active > a:focus {
    color: #06c1d1;
}

.k8s-navbar-inverse .k8s-navbar > li > .k8s-navbar-back {
    font-weight: 400;
}

.k8s-main-banner {
    background-color: #316ce6;
    background-position: center 0%;
    background-size: auto;
    background-repeat: no-repeat;
    background-attachment: fixed;
    display: table;
    width: 100%;
    height: 100%;
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    vertical-align: middle;
    z-index: 1;
}

/* @media (max-width: 5000px) {
    .k8s-main-banner {
        background-image: url(../img/k8s-main-banner-xl.jpg) !important;
        background-repeat: no-repeat;
    }
}

@media (max-width: 2439px) {
    .k8s-main-banner {
        background-image: url(../img/k8s-main-banner-lg.jpg) !important;
        background-repeat: no-repeat;
    }
}

@media (max-width: 1919px) {
    .k8s-main-banner {
        background-image: url(../img/k8s-main-banner-md.jpg) !important;
        background-repeat: no-repeat;
    }
}

@media (max-width: 1439px) {
    .k8s-main-banner {
        background-image: url(../img/k8s-main-banner-sm.jpg) !important;
        background-repeat: no-repeat;
    }
}

@media (max-width: 760px) {
    .k8s-main-banner {
        background-image: url(../img/k8s-main-banner-xs.jpg) !important;
        background-repeat: no-repeat;
    }
} */

.k8s-main-heading-container {
    text-align: center;
    margin-top: 0px;
}

.k8s-main-banner-heading {
    font-size: 70px;
    color: #fff;
    font-weight: 900;
    margin-bottom: 40px;
    text-transform: uppercase;
    text-align: center;
}

.k8s-main-banner-subheading {
    font-size: 50px;
    color: #fff;
    font-weight: 900;
    margin-bottom: 20px;
    text-transform: uppercase;
    text-align: center;
}

.k8s-btn-main-banner {
    background-color: rgba(6, 193, 209, 0.75);
    border: 2px solid #fff;
}

.k8s-btn-main-banner:hover {
    background-color: #fff;
    color: #316ce6;
    border: 2px solid #fff;
}

.k8s-logo {
    width: 150px;
    margin-bottom: 20px;
}

@media (max-width: 450px) {
    .k8s-main-heading-container {
        margin-top: 75px;
    }

    .k8s-main-banner-heading {
        font-size: 50px;
        margin-bottom: 20px;
    }

    .k8s-main-banner-subheading {
        font-size: 35px;
        margin-bottom: 0px;
    }
}

@media (max-width: 321px) {
    .k8s-main-banner-subheading {
        font-size: 30px;
    }

    .k8s-main-banner-heading {
        font-size: 42px;
    }
}

@media (max-height: 450px) {
    .k8s-main-heading-container {
        margin-top: 75px;
    }

    .k8s-logo {
        width: 75px;
    }

    .k8s-main-banner-heading {
        font-size: 50px;
        margin-bottom: 20px;
    }

    .k8s-main-banner-subheading {
        font-size: 35px;
        margin-bottom: 0px;
    }
}

.k8s-intro-segment {
    padding: 0px;
    background-color: #fff;
}

.k8s-intro-container {
    background-color: #fff;
    padding: 30px 50px;
    text-align: center;
}

.k8s-intro-copy-container {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.k8s-container {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 450px) {
    .k8s-intro-container {
        padding: 35px 20px;
    }
}

.k8s-subheading {
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    color: #316ce6;
}

.k8s-sub-subheading {
    text-align: center;
    font-size: 35px;
    font-weight: 700;
    color: #316ce6;
}

.k8s-sub-sub-subheading {
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    color: #33313f;
    margin-bottom: 10px;
    margin-top: 30px;
}

.k8s-copy {
    text-align: left;
    font-size: 24px;
    font-weight: 100;
    color: #33313f;
    line-height: 1.5;
    font-family: Circular, sans-serif;
    margin-bottom: 35px;
}

.k8s-copy-italic {
    font-family: Brandon Text Italic;
}

.k8s-copy-quote {
    font-weight: 500;
    color: #316ce6;
}

.k8s-copy-em {
    font-weight: 400;
}

.k8s-copy-super-em {
    font-size: 42px;
    font-weight: 300;
    font-family: Circular, sans-serif;
    color: #0061fc;
    text-align: left;
    line-height: 1.25;
    margin-bottom: 5px;
}

.k8s-text-orange-mid {
    color: #ff653b;
}

.k8s-section-header-container {
    background-color: #316ce6;
    padding: 25px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}

.k8s-section-header-section {
    font-size: 18px;
    font-weight: 700;
    font-family: Circular, sans-serif;
    text-transform: uppercase;
    text-align: left;
    color: #fff;
    margin-bottom: 0px;
}

.k8s-section-header-title {
    font-size: 42px;
    font-weight: 700;
    font-family: Circular, sans-serif;
    text-align: left;
    color: #fff;
    margin-bottom: 0px;
    line-height: 1.2;
}

@media (max-width: 767px) {
    .col-6-full {
        display: none;
    }
}

@media (min-width: 768px) {
    .col-6-small {
        display: none;
    }
}

.k8s-2col-caption {
    font-size: 42px;
    font-weight: 300;
    font-family: Circular, sans-serif;
    color: #0061fc;
    text-align: center;
    line-height: 1.25;
    margin-bottom: 5px;
    margin-top: 42%;
}

.k8s-2col-last-cap {
    margin-top: 18%;
}

@media (max-width: 767px) {
    .k8s-2col-caption {
        margin-top: 0px;
    }
}

.k8s-2col-subcaption {
    text-align: center;
    font-size: 24px;
    font-weight: 100;
    color: #33313f;
    line-height: 1.5;
    font-family: Circular, sans-serif;
    margin-bottom: 35px;
}

.k8s-copy-link {
    font-weight: 500;
    color: #316ce6;
}

.k8s-copy-link:hover {
    color: #06c1d1;
}

.k8s-copy-link-alt {
    font-weight: 500;
    color: #06c1d1;
}

.k8s-copy-link-alt:hover {
    color: #316ce6;
}

.k8s-contact-link {
    font-weight: 500;
    color: #316ce6;
}

.k8s-contact-link:hover {
    color: #33313f;
}

@media (max-width: 450px) {
    .k8s-subheading {
        font-size: 30px;
        line-height: 1.3;
    }

    .k8s-sub-subheading {
        font-size: 24px;
        line-height: 1.3;
    }

    .k8s-copy {
        font-size: 18px;
    }
}

@media (max-width: 321px) {
    .k8s-subheading {
        font-size: 24px;
        line-height: 1.3;
    }

    .k8s-sub-subheading {
        font-size: 20px;
        line-height: 1.3;
    }

    .k8s-copy {
        font-size: 16px;
    }
}

@media (max-height: 450px) {
    .k8s-subheading {
        font-size: 30px;
        line-height: 1.3;
    }

    .k8s-sub-subheading {
        font-size: 24px;
        line-height: 1.3;
    }

    .k8s-copy {
        font-size: 18px;
    }
}

.k8s-intro-illustration {
    width: 70%;
    margin: 20px 0px 50px 0px;
}


.k8s-intro-illustration-4panel-container {
    margin-top: 35px;
}

.k8s-intro-illustration-4panel {
    width: 100%;
    border: 3px solid #33313f;
}

@media (max-width: 450px) {
    .k8s-intro-illustration {
        margin: 20px 0px 35px 0px;
    }
}

@media (max-height: 450px) {
    .k8s-intro-container {
        padding: 35px 20px;
    }

    .k8s-intro-illustration {
        margin: 20px 0px 35px 0px;
    }
}

.k8s-image-caption-container {
    background-color: #e1fffe;
    border: 5px solid #33313f;
    margin-top: -5px;
    padding: 10px;
    margin-bottom: 30px;
}

.k8s-image-caption {
    color: #33313f;
    font-size: 18px;
    font-family: Circular, sans-serif;
    margin-bottom: 0px;
}

.k8s-image-caption > span {
    color: #ff653b;
    font-size: 18px;
    font-family: Circular, sans-serif;
    margin-bottom: 0px;
    font-weight: 300;
}

.k8s-timeline-segment {
    padding: 0px;
    background-color: #316ce6;
}

.k8s-timeline-container {
    background-color: #f1f1f2;
    padding: 0px 50px 40px 50px;
}

@media (max-width: 450px) {
    .k8s-timeline-container {
        padding: 0px 20px 5px 20px;
    }
}

@media (max-height: 450px) {
    .k8s-timeline-container {
        padding: 0px 20px 5px 20px;
    }
}

.k8s-timeline-container ul {
    background: transparent;
    padding: 50px 0;
}

.k8s-timeline-container ul li {
    list-style-type: none;
    position: relative;
    width: 6px;
    margin: 0 auto;
    padding-top: 50px;
    background: #06c1d1;
}

.k8s-timeline-container ul li::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: inherit;
}

.k8s-timeline-container ul li div {
    position: relative;
    bottom: 0;
    width: 400px;
    padding: 15px;
    background: #316ce6;
    font-size: 24px;
    color: #fff;
}

.k8s-timeline-container ul li div::before {
    content: '';
    position: absolute;
    bottom: 7px;
    width: 0;
    height: 0;
    border-style: solid;
}

.k8s-timeline-container ul li:nth-child(odd) div {
    left: 45px;
}

.k8s-timeline-container ul li:nth-child(odd) div::before {
    left: -15px;
    border-width: 8px 16px 8px 0;
    border-color: transparent #316ce6 transparent transparent;
}

.k8s-timeline-container ul li:nth-child(even) div {
    left: -439px;
}

.k8s-timeline-container ul li:nth-child(even) div::before {
    right: -15px;
    border-width: 8px 0 8px 16px;
    border-color: transparent transparent transparent #316ce6;
}

time {
    display: block;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 8px;
    color: #fff;
}

.k8s-timeline-container ul li::after {
    background: #fff;
    transition: background .5s ease-in-out;
}

.k8s-timeline-container ul li.in-view::after {
    background: #316ce6;
}

.k8s-timeline-container ul li div {
    visibility: hidden;
    opacity: 0;
    transition: all .5s ease-in-out;
}

.k8s-timeline-container ul li:nth-child(odd) div {
    transform: translate3d(200px,0,0);
}

.k8s-timeline-container ul li:nth-child(even) div {
    transform: translate3d(-200px,0,0);
}

.k8s-timeline-container ul li.in-view div {
    transform: none;
    visibility: visible;
    opacity: 1;
}

@media screen and (max-width: 900px) {

    .k8s-timeline-container ul li div {
        width: 250px;
    }

    .k8s-timeline-container ul li:nth-child(even) div {
        left: -289px;
    }
}

@media screen and (max-width: 600px) {

    .k8s-timeline-container ul li {
        margin-left: 20px;
    }

    .k8s-timeline-container ul li div {
        /*width: calc(100vw - 91px);*/
        width: 300px;
    }

    .k8s-timeline-container ul li:nth-child(even) div {
        left: 45px;
    }

    .k8s-timeline-container ul li:nth-child(even) div::before {
        left: -15px;
        border-width: 8px 16px 8px 0;
        border-color: transparent #06c1d1 transparent transparent;
    }
}

@media (max-width: 450px) {
    .k8s-timeline-container ul {
        padding: 25px 0px;
    }

    .k8s-timeline-container ul li div {
        font-size: 18px;
        width: calc(100vw - 140px);
    }

    time {
        font-size: 24px;
    }
}

@media (max-height: 450px) {
    .k8s-timeline-container ul {
        padding: 25px 0px;
    }

    .k8s-timeline-container ul li div {
        font-size: 18px;
    }

    time {
        font-size: 24px;
    }
}

.k8s-key-concepts-segment {
    padding: 70px 0px 0px 0px;
    background-color: #06c1d1;
}

.k8s-key-concepts-container {
    padding: 0px 50px 40px 50px;
    background-color: #06c1d1;
}

@media (max-width: 450px) {
    .k8s-key-concepts-segment {
        padding-top: 35px;
    }

    .k8s-key-concepts-container {
        padding: 0px 20px 20px 20px
    }
n
}


@media (max-height: 450px) {
    .k8s-key-concepts-segment {
        padding-top: 35px;
    }

    .k8s-key-concepts-container {
        padding: 0px 20px 20px 20px
    }
}

.k8s-key-concepts-subheading {
    text-align: center;
    font-size: 35px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 50px;
}

@media (max-width: 450px) {
    .k8s-key-concepts-subheading {
        font-size: 30px;
    }
}

@media (max-width: 321px) {
    .k8s-key-concepts-subheading {
        font-size: 24px;
    }
}

.k8s-key-concepts-row {
    margin-bottom: 50px;
    margin-left: -50px;
}

.k8s-image-area {
    padding-left: 50px;
    padding-right: 0px;
}

@media (max-width: 992px) {
    .k8s-key-concepts-row {
        margin-bottom: 0px;
    }

    .k8s-image-area {
        margin-bottom: 50px;
    }
}

.k8s-image-area img {
    width: auto;
}

.k8s-key-concept-box {
    height: 300px;
    text-align: center;
    background-color: #fff;
    border: 3px solid #316ce6;
}

.k8s-image-area .k8s-key-concept-icon {
    height: 230px;
    padding: 25px 0px 15px 0px;
}


@media (max-width: 450px) {
    .k8s-image-area .k8s-kc-icon-rc {
        width: 90%;
    }

    .k8s-image-area .k8s-kc-icon-namespace {
        width: 90%;
    }

    .k8s-image-area .k8s-kc-icon-network {
        width: 90%;
    }

    .k8s-image-area .k8s-kc-icon-large {
        width: 25%;
    }
}

.k8s-key-concept-name {
    color: #316ce6;
    font-size: 30px;
    font-weight: 700;
}

@media (max-width: 500px) {
    .k8s-key-concept-name {
        font-size: 24px;
    }
}

.k8s-image-info {
    background-color: #fff;
    border: 3px solid #316ce6;
    left: auto;
    width: auto;
}

.k8s-key-concept-info {
    font-size: 24px;
    line-height: 1.5;
    color: #316ce6;
    font-weight: 400;
    padding: 10px 20px;
    text-align: left;
}

.k8s-key-concept-info-small {
    font-size: 20px;
}

.k8s-key-concept-info-xsmall {
    font-size: 18px;
}

.k8s-key-concept-info-xxsmall {
    font-size: 15px;
}

@media (max-width:450px) {
    .k8s-key-concept-info {
        font-size: 18px;
    }
}

.k8s-key-concept-info-name {
    font-weight: 700;
}

.k8s-tabs {
    margin-bottom: 50px;
    margin-top: 50px;
}

.k8s-tabs .k8s-tab-content {
    border: 0px none transparent;
    background-color: #33313f;
    padding: 35px;
}

@media screen and (max-width: 500px) {
    .k8s-tabs {
        margin-bottom: 35px;
        margin-top: 35px;
    }

    .tabs .tab-content {
        padding: 20px;
    }

    .k8s-tabs .k8s-tabs-content {
        padding: 20px;
    }
}

@media (max-height: 450px) {
    .k8s-tabs {
        margin-bottom: 35px;
    }
}

.k8s-slideshow-heading {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
}

.k8s-slideshow-copy {
    color: #fff;
    font-size: 24px;
    font-weight: 200;
    line-height: 1.5;
    min-height: 110px;
}

.k8s-slideshow-illustration-container {
    background-color: #f1f1f2;
    border: 10px solid #316ce6;
    width: 100%;
    max-height: 350px;
    margin: 0px 0px 35px 0px;
}

.k8s-slideshow-illustration {
    width: auto;
    max-height: 350px;
    margin-top: -10px;
}

.k8s-slideshow-expanded {
    text-align: center;
    background-color: #fff;
    width: 100% !important;
    height: auto !important;
    position: relative !important;
    cursor: pointer;
}

.k8s-slideshow-illustration-expanded {
    width: 90% !important;
    height: auto !important;
    position: relative !important;
    cursor: pointer;
}

@media (max-width: 550px) {
    .k8s-slideshow-copy {
        font-size: 16px;
        line-height: 1.4;
        min-height: 0px;
    }

    .k8s-slideshow-illustration-container {
        margin-bottom: 15px;
        border: 5px solid #316ce6;
    }

    .k8s-slideshow-illustration {
        margin-top: 0px;
    }
}

@media (max-height: 450px) {
    .k8s-slideshow-copy {
        font-size: 16px;
        line-height: 1.4;
        min-height: 0px;
    }

    .k8s-slideshow-illustration-container {
        margin-bottom: 15px;
        border: 5px solid #316ce6;
    }

    .k8s-slideshow-illustration {
        margin-top: 0px;
    }
}

@media (max-width: 600px) {
    .k8s-what-is-k8s-illustration {
        width: 100%;
    }
}

.k8s-tabs .k8s-container-tabs li {
    width: 16.6666666667%;
}

.k8s-tabs .k8s-what-is-k8s-tabs li {
    width: 14.2857142857%;
}

.k8s-tabs .k8s-image-layer-tabs li {
    width: 12.5%;
}

.k8s-tabs .k8s-cgroups-tabs li {
    width: 14.2857142857%;
}

.k8s-tabs .k8s-res-iso-tabs li {
    width: 14.2857142857%;
}

.k8s-tabs .k8s-app-iso-tabs li {
    width: 14.2857142857%;
}

@media (max-width: 992px) {
    #nam-iso-slide-1 div img {
        width: 90%;
    }

    #nam-iso-slide-2 div img {
        width: 90%;
    }

    #nam-iso-slide-3 div img {
        width: 90%;
    }

    #nam-iso-slide-4 div img {
        width: 90%;
    }

    #nam-iso-slide-5 div img {
        width: 90%;
    }

    #nam-iso-slide-6 div img {
        width: 90%;
    }

    #nam-iso-slide-7 div img {
        width: 90%;
    }
}



@media (max-width: 726px) {
    #image-layer-slide-1 div img {
        width: 90%;
    }

    #image-layer-slide-3 div img {
        width: 90%;
    }

    #image-layer-slide-5 div img {
        width: 90%;
    }

    #image-layer-slide-6 div img {
        width: 90%;
    }

    #image-layer-slide-8 div img {
        width: 90%;
    }
}

@media (max-width: 572px) {
    #image-layer-slide-2 div img {
        width: 90%;
    }

    #image-layer-slide-4 div img {
        width: 90%;
    }

    #image-layer-slide-7 div img {
        width: 90%;
    }
}

@media (max-width: 577px) {
    #app-iso-slide-1 div img {
        width: 90%;
    }

    #app-iso-slide-2 div img {
        width: 90%;
    }

    #app-iso-slide-3 div img {
        width: 90%;
    }

    #app-iso-slide-5 div img {
        width: 90%;
    }
}

@media (max-width: 728px) {
    #app-iso-slide-4 div img {
        width: 90%;
    }

    #app-iso-slide-6 div img {
        width: 90%;
    }

    #app-iso-slide-7 div img {
        width: 90%;
    }
}

@media (max-width: 728px) {
    #res-iso-slide-1 div img {
        width: 90%;
    }

    #res-iso-slide-2 div img {
        width: 90%;
    }

    #res-iso-slide-3 div img {
        width: 90%;
    }

    #res-iso-slide-4 div img {
        width: 90%;
    }

    #res-iso-slide-7 div img {
        width: 90%;
    }
}

@media (max-width: 577px) {
    #res-iso-slide-5 div img {
        width: 90%;
    }

    #res-iso-slide-6 div img {
        width: 90%;
    }
}

@media (max-width: 728px) {
    #k8s-slide-1 div img {
        width: 90%;
    }

    #k8s-slide-3 div img {
        width: 90%;
    }
}

@media (max-width: 992px) {
    #k8s-slide-2 div img {
        width: 90%;
    }

    #k8s-slide-4 div img {
        width: 90%;
    }

    #k8s-slide-5 div img {
        width: 90%;
    }

    #k8s-slide-6 div img {
        width: 90%;
    }

    #k8s-slide-7 div img {
        width: 90%;
    }
}

@media (max-width: 992px) {
    #whatisk8s-slide-2 div img {
        width: 100%;
    }

    #whatisk8s-slide-3 div img {
        width: 100%;
    }

    #whatisk8s-slide-4 div img {
        width: 100%;
    }

    #whatisk8s-slide-5 div img {
        width: 100%;
    }

    #whatisk8s-slide-6 div img {
        width: 90%;
    }

    #whatisk8s-slide-7 div img {
        width: 100%;
    }
}

@media (max-width: 992px) {
    #con-man-slide-1 div img {
        width: 100%;
    }

    #con-man-slide-2 div img {
        width: 100%;
    }

    #con-man-slide-4 div img {
        width: 100%;
    }

    #con-man-slide-5 div img {
        width: 100%;
    }

    #con-man-slide-6 div img {
        width: 90%;
    }

    #con-man-slide-7 div img {
        width: 100%;
    }

    #con-man-slide-8 div img {
        width: 100%;
    }
}



@media (max-width: 767px) {
    .k8s-tabs .k8s-nav-tabs li {
        width: 100%;
        margin-bottom: 0px;
    }

    .k8s-tabs .k8s-nav-tabs li a {
        padding: 3px 10px;
    }

    .k8s-tabs .k8s-nav-tabs li.active a {
        border-bottom: 0px none transparent;
    }
} 

@media (max-width: 649px) {
    #container-slide-1 div img {
        width: 90%;
    }

    #container-slide-3 div img {
        width: 90%;
    }

    #container-slide-4 div img {
        width: 90%;
    }

    #container-slide-6 div img {
        width: 90%;
    }

    #container-slide-7 div img {
        width: 90%;
    }
}

@media (max-width: 992px) {
    #container-slide-2 div img {
        width: 90%;
    }

    #container-slide-5 div img {
        width: 90%;
    }
}


.k8s-tabs .k8s-nav-tabs li a {
    background-color: #06c1d1;
    color: #fff;
    border: 0px none transparent;
    margin-right: 0px;
    font-size: 18px;
}

.k8s-tabs .k8s-nav-tabs li.active a {
    background-color: #316ce6;
    color: #fff;
    border: 0px none transparent;
}

.k8s-tabs .k8s-nav-tabs li.active a:after {
    background: none;
}

@media (max-width: 450px) {

}

.k8s-standard-segment {
    padding: 0px;
    background-color: #316ce6;
}

.k8s-standard-container {
    background-color: #f1f1f2;
    padding: 70px 50px;
    text-align: center;
}

@media (max-width: 450px) {
    .k8s-standard-container {
        padding: 35px 20px;
    }
}

@media (max-height: 450px) {
    .k8s-standard-container {
        padding: 35px 20px;
    }
}

.k8s-btn-next {
    background-color: #06c1d1;
    border: 0px none transparent;
    padding: 20px 30px 15px 30px;
    margin-top: 25px;
}

.k8s-btn-next:hover {
    background-color: #316ce6;
    color: #fff;
    border: 0px none transparent;
}

.k8s-next-button {
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px;
    display: block;
}

.k8s-next-button-description {
    font-size: 24px;
    color: #fff;
    margin-bottom: 10px;
    display: block;
}

.k8s-next-button-icon {
    font-size: 30px;
    color: #fff;
    margin-bottom: 0px;
    display: block;
}

@media (max-width: 450px) {
    .k8s-btn-next {
        width: 100%;
        margin-top: 15px;
    }

    .k8s-next-button-description {
        display: none;
    }
}

.k8s-divider-segment {
    padding: 0px;
}

.k8s-divider-image {
    background: url('../img/k8s-main-banner-xl.jpg') no-repeat center center fixed;
    width: 100%;
    padding: 80px 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}

.k8s-pull-quote-segment {
    padding: 0px;
    background-color: #316ce6;
}

.k8s-pull-quote-container {
    background-color: #316ce6;
    padding: 70px 150px;
}

@media (max-width: 1199px) {
    .k8s-pull-quote-container {
        padding: 70px 50px;
    }
}

@media (max-width: 450px) {
    .k8s-pull-quote-container {
        padding: 35px;
    }
}

.k8s-pull-quote {
    font-family: Brandon Text Italic;
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
}

.k8s-pull-quote-caption {
    text-align: center;
    font-size: 24px;
    font-weight: 200;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 0px;
}

@media (max-width: 450px) {
    .k8s-pull-quote {
        font-size: 24px;
    }

    .k8s-pull-quote-caption {
        margin-bottom: 0px;
    }
}

@media (max-height: 450px) {
    .k8s-pull-quote {
        font-size: 24px;
    }

    .k8s-pull-quote-caption {
        margin-bottom: 0px;
    }
}

.k8s-icon-inverse {
    width: 100px;
    margin-bottom: 20px;
}

.k8s-contact-segment {
    padding: 0px;
    background-color: #316ce6;
}

.k8s-contact-container {
    background-color: #06c1d1;
    padding: 70px 50px;
    text-align: center;
}

@media (max-width: 450px) {
    .k8s-standard-container {
        padding: 35px 20px;
    }
}

.k8s-contact-copy {
    text-align: center;
    font-size: 24px;
    font-weight: 200;
    color: #fff;
    line-height: 1.5;
}

@media (max-width: 450px) {
    .k8s-contact-container {
        padding: 20px 35px !important;
    }

    .k8s-contact-copy {
        font-size: 18px;
    }

    .k8s-contact-button {
        width: 100%;
    }
}

@media (max-height: 450px) {
    .k8s-contact-container {
        padding: 20px 35px !important;
    }

    .k8s-contact-copy {
        font-size: 18px;
    }
}

.k8s-contact-button {
    font-size: 20px;
    padding: 20px 20px;
    background-color: #316ce6;
    border: 2px solid #316ce6;
    margin-bottom: 35px;
    margin-top: 15px;
}

.k8s-contact-button:hover {
    background-color: #fff;
    color: #316ce6;
}

.panel-default > .k8s-panel-heading {
    background-color: #316ce6;
    border: 0px none none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 15px 0px 15px 0px;
    width: 100%;
    text-transform: none;
    letter-spacing: 0px;
}

.panel-default > .k8s-panel-heading:hover {
    background-color: #06c1d1;
}

.k8s-panel-group {
    margin-top: 35px;
}

.k8s-panel-title {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
}

.k8s-panel-body {
    background-color: #06c1d1;
    border: 0px none none;
    padding: 30px 35px 10px 35px;
}

.k8s-intro-panel {
    background-color: #316ce6;
    border: 0px none none;
    padding: 30px 35px 10px 35px;
    margin-bottom: 20px;
}

.k8s-panel-copy {
    color: #fff
}

.k8s-panel-link {
    color: #316ce6;
    font-weight: 500;
}

.k8s-panel-link:hover {
    color: #33313f;
}

.k8s-tetris-image {
    width: 50%;
}

@media (max-width: 900px) {
    .k8s-tetris-image {
        width: 75%;
    }
}

.k8s-inline-illustration {
    width: 90%;
}

.k8s-inline-illustration-small {
    width: 60%;
}

.k8s-panel-group > .k8s-panel {
    border-radius: 0px;
    border: 0px none #fff;
    width: 75%;
    margin: auto;
}

@media (max-width: 992px) {
    .k8s-panel-group > .k8s-panel {
        width: 100%;
    }
}

.k8s-panel > .k8s-panel-heading {
    border: 0px none #fff;
}

.k8s-panel-group > .k8s-panel > .panel-collapse > .k8s-panel-body {
    border: 0px none #fff;
}

.k8s-popup {
    min-width: 650px;
    background-color: #f1f1f2;
}

.k8s-popup-heading {
    font-size: 24px;
    line-height: 1.2;
    color: #316ce6;
    margin-bottom: 20px;
    font-weight: 700;
    padding-top: 10px;
}

.k8s-popup-copy {
    font-size: 20px;
    color: #33313f;
}

.k8s-popup-copy-em {
    font-weight: 500;
}

.k8s-popup > ul {
    font-size: 18px;
    padding-left: 0px;
    list-style: outside none none;
}

.k8s-popup > ul > li {
    margin-bottom: 15px;
    margin-left: 0px;
}

.k8s-copy-link:active {
    color: #316ce6;
}

.k8s-copy-link:focus {
    color: #316ce6;
}

/* Lets Explore 2021 Framework */



.k8s-navbar-inverse .lx-navbar > li > a {
	color: #002f49;
	padding-top: 15px;
	padding-bottom: 15px;
}

.k8s-navbar-inverse .lx-navbar > li > a:hover {
	background-color: #0e6989;
	color: #fff;
}

.k8s-navbar-inverse .lx-navbar > li > a:active {
    color: #002f49;
}

.k8s-navbar-inverse .lx-navbar > li > a:focus {
    color: #002f49;
}

.k8s-navbar-inverse .lx-navbar > .active > a, .k8s-navbar-inverse .lx-navbar > .active > a:hover, .k8s-navbar-inverse .lx-navbar > .active > a:focus {
    color: #002f49;
}

.k8s-navbar-inverse .lx-navbar > .active > a {
	color: #faf5f0;
	background-color: #002f49;
}

.k8s-navbar-inverse .lx-navbar > .active > a:hover {
	color: #002f49;
	background-color: #0e6989;
}

@media (max-width: 767px) {
	.k8s-navbar-inverse .container .k8s-navbar-container {
		border-bottom: 0px transparent none;
		border-top: 0px transparent none;
	}

	.k8s-navbar-inverse .container {
		padding-left: 0px;
	}
}

.k8s-navbar-inverse .navbar-toggle .icon-bar {
	background-color: #002f49;
}

.k8s-navbar-inverse .navbar-toggle:hover, .k8s-navbar-inverse .navbar-toggle:focus {
	background-color: #0e6989;
}

@media (max-width: 500px) {
	.k8s-navbar-inverse .navbar-toggle {
		margin-right: 30px;
	}
}


.lx-navbar {
    display: inline-block;
    margin: 0px;
    width: 100%;
}

.lx-navbar li {
    width: 20%;
}

@media (max-width: 767px) {
    .lx-navbar li {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .lx-navbar li a {
        text-align: left;
    }
}

.lx-main-banner{
	background-color: #002f49;
	background-image:  url(../img/bg-graphic-ldn-md.png);
	background-position: center 0%;
	background-size: 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	display: table;
	width: 100%;
	height: 100%;
	min-height: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	vertical-align: middle;
	z-index: 1;
}

@media (max-width: 767px) {
	.lx-main-banner {
		background-image: url(../img/bg-graphic-ldn-sm.png);
		height: auto;
		min-height: 1px;
	}
}

@media (max-width: 500px) {
	.lx-main-banner {
		background-image: url(../img/bg-graphic-ldn-xs.png);
	}
}

@media (max-width: 600px) {
	.lx-main-banner .main-heading-container {
		margin-top: 100px;
	}
}

.lx-main-banner-intro {
	background-image: url(../img/lx-main-banner.svg);
	background-size: auto;
	background-repeat: repeat;
}

.lx-main-banner-containers {
	background-image:  url(../img/bg-graphic-lx-con-md-alt-2.jpg);
}

.lx-main-banner-kubernetes {
	background-image:  url(../img/bg-graphic-lx-k8s-md-alt.jpg);
}

.lx-main-banner-helm {
	background-image: url(../img/bg-graphic-lx-helm-md.jpg)
}

.lx-main-banner-uses {
	background-image: url(../img/bg-graphic-lx-uses-md.jpg)
}

.lx-main-banner-glossary {
	background-image: url(../img/glossary-main-banner.svg);
	background-size: auto;
	background-repeat: repeat;
}

.lx-main-banner-glossary-thumbnails {
	background-image: url(../img/glossary-main-banner-alt.svg);
	background-size: auto;
	background-repeat: repeat;
}

.lx-main-banner-heading {
	color: #fff;
	font-weight: 100;
	line-height: 1.2;
	margin-top: 180px;
	font-family: Audimat;
}

.lx-main-banner-heading p {
	margin: 0px;
	margin-bottom: 8px;
}

@media (min-width: 1600px) {
	.lx-main-banner-heading {
	}
}

@media (min-width: 2499px) {
	.lx-main-banner-heading {
		margin-top: 100px;
	}
}

@media (min-width: 3000px) {
	.lx-main-banner-heading {
		margin-top: 300px;
	}
}

@media (max-width: 1199px) {
	.lx-main-banner-heading {
		margin-bottom: 20px;
		margin-top: 180px;
	}
}

@media (max-width: 991px) {
	.lx-main-banner-heading {
		margin-bottom: 0px;
		line-height: 1.3;
		margin-top: -20px;
	}
}

@media (max-width: 991px) and (max-height: 500px) {
	.lx-main-banner-heading {
		margin-top: -60px;
	}
}

@media (max-width: 767px) {
	.lx-main-banner-heading {
		margin-bottom: 20px;
		margin-top: 35px;
		text-align: left;
	}

	.lx-main-banner-heading > span {
		display: inline-block;
		margin-top: 0px;
	}
}

@media (max-width: 500px) {
	.lx-main-banner-heading {
		margin-top: 0px;
		margin-bottom: 40px;
		line-height: 1.2;
	}
}

.lx-main-banner-glossary .main-banner-heading {

}

@media (min-width: 768px) and (max-width: 992px) {
	.lx-main-banner-glossary .main-banner-heading {
		margin-top: 0px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.lx-main-banner-glossary .main-banner-heading {
		margin-top: 180px;
	}
}

@media (min-width: 1200px) and (max-height: 799px) {
	.lx-main-banner-glossary .main-banner-heading {
		margin-top: 200px;
	}
}

.lx-main-banner-subheading-bg {
	background-color: #002f49;
	color: #fff;
	line-height: 1.2;
	margin-top: 100px;
	font-family: Audimat;
	padding: 10px;
	font-size: 24px;
}

.lx-main-banner-heading-bg {
	background-color: #002f49;
	color: #ffd8bb;
	line-height: 1.2;
	margin-top: 100px;
	font-family: Audimat;
	padding: 10px;
	font-size: 72px;
}

@media (min-width: 2499px) {
	.lx-main-banner-subheading-bg {
		padding: 20px;
	}

	.lx-main-banner-heading-bg {
		padding: 20px;
	}
}

@media (max-width: 767px) {
	.lx-main-banner-subheading-bg {
		font-size: 20px;
	}

	.lx-main-banner-heading-bg {
		font-size: 60px;
	}
}

@media (max-width: 500px) {
	.lx-main-banner-subheading-bg {
		padding: 7px;
		font-size: 18px;
	}

	.lx-main-banner-heading-bg {
		padding: 7px;
		font-size: 48px;
	}
}

.lx-intro-main-banner-heading {
	color: #fff;
	font-weight: 100;
	line-height: 1.2;
	margin-top: 280px;
	font-family: Audimat;
}

.lx-intro-main-banner-heading p {
	margin: 0px;
	margin-bottom: 8px;
}

@media (min-width: 1600px) {
	.lx-intro-main-banner-heading {
	}
}

@media (min-width: 2499px) {
	.lx-intro-main-banner-heading {
		margin-top: 100px;
	}
}

@media (min-width: 3000px) {
	.lx-intro-main-banner-heading {
		margin-top: 300px;
	}
}

@media (max-width: 1199px) {
	.lx-intro-main-banner-heading {
		margin-bottom: 20px;
		margin-top: 180px;
	}
}

@media (max-width: 991px) {
	.lx-intro-main-banner-heading {
		margin-bottom: 0px;
		line-height: 1.3;
		margin-top: -20px;
	}
}

@media (max-width: 991px) and (max-height: 500px) {
	.lx-intro-main-banner-heading {
		margin-top: -60px;
	}
}

@media (max-width: 767px) {
	.lx-intro-main-banner-heading {
		margin-bottom: 20px;
		margin-top: 35px;
		text-align: left;
	}

	.lx-intro-main-banner-heading > span {
		display: inline-block;
		margin-top: 0px;
	}
}

@media (max-width: 500px) {
	.lx-intro-main-banner-heading {
		margin-top: 0px;
		margin-bottom: 40px;
		line-height: 1.2;
	}
}

.lx-intro-main-banner-heading-bg {
	background-color: #faf5f0;
	color: #002f49;
	line-height: 1.2;
	font-family: Audimat;
	padding: 10px;
	font-size: 72px;
}

@media (max-width: 500px) {
	.lx-intro-main-banner-heading-bg {
		font-size: 42px;
	}
}

.lx-segment {
	padding: 0px 0px 50px 0px;
	background-color: #002f49;
}

@media (max-width: 767px) {
	.lx-segment .container {
		width: 100%;
	}
}

@media (max-width: 767px) {
	.lx-segment .container > .row > .col-md-12 {
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media (min-width: 1200px) and (max-height: 799px) {
	.lx-segment {
		padding-top: 90px;
	}
}

.lx-intro-container {
	background-color: #fff;
	padding: 40px 50px 0px 50px;
	margin-top: -160px;
}

@media (min-width: 1800px) {
	.lx-intro-container {
		padding-bottom: 90px;
	}
}

@media (max-width: 991px) {
	.lx-intro-container {
		padding-top: 30px;
		padding-bottom: 40px;
		padding-left: 35px;
		padding-right: 35px;
	}
}

@media (max-width: 767px) {
	.lx-intro-container {
		margin-top: 0px;
	}
}

@media (max-width: 500px) {
	.lx-intro-container {
		padding-left: 35px;
		padding-right: 35px;
		padding-bottom: 20px;
	}
}

@media (max-width: 321px) {
	.lx-intro-container {
		padding: 15px;
	}
}

.lx-main-container {
	background-color: #fff;
	padding: 50px 50px 0px 50px;
	margin-top: -350px;
}

@media (min-width: 1800px) {
	.lx-main-container {
		padding-bottom: 90px;
	}
}

@media (max-width: 991px) {
	.lx-main-container {
		padding-top: 30px;
		padding-bottom: 40px;
		padding-left: 50px;
		padding-right: 50px;
	}
}

@media (max-width: 767px) {
	.lx-main-container {
		margin-top: 0px;
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media (max-width: 500px) {
	.lx-main-container {
		padding-bottom: 20px;
	}
}

@media (max-width: 321px) {
	.lx-main-container {
		padding: 15px;
	}
}

.lx-glossary-container {
	background-color: #f9f9f4;
}

.glossary-toc {
	padding-top: 0px;
	margin-top: 0px;
}

@media (min-width: 768px) {
	.glossary-toc {
		margin-bottom: 100px;
	}
}

@media (max-width: 991px) {
	.glossary-toc {
		display: none;
	}
}

.glossary-toc h3 {
	font-size: 32px;
	color: #002f49;
	line-height: 44px;
}

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

@media (min-width: 2500px) {
	.glossary-toc ul {
		font-size: 24px;
	}
}

.glossary-toc ul li {
	margin-bottom: 15px;
}

.glossary-toc ul li a {
	color: #002f49;
	border-bottom: 2px solid #002f49;
	font-weight: 500;
}

.glossary-toc ul li a:hover {
	color: #0e6989;
	border-bottom: 2px solid #0e6989;
}

.glossary-toc ul li a strong {
	font-weight: 500;
}

.glossary-toc ul li > ul {
	margin-top: 10px;
	padding-left: 15px;
}

.glossary-toc-sub {
	margin-left: 20px;
}

.lx-glossary-container .k8s-key-concept-name {
	font-size: 18px;
	text-transform: lowercase;
	font-family: Audimat;
	color: #f9f9f4;
}
 
.lx-summary-container {
	padding: 15px 20px 20px 20px;
	background-color: #ffd8bb;
	margin-bottom: 30px;
}

@media (max-width: 768px) {
	.lx-summary-container {
		padding: 15px 20px 20px 20px;
		margin-top: 25px;
	}
}

.lx-main-banner-glossary-thumbnails .main-banner-heading-bg {
	background: #002f49;
}

@media (max-height: 600px) {
	.lx-main-banner-glossary-thumbnails .main-banner-heading {
		margin-top: 230px;
	}
}

.lx-glossary-thumbnail-container {
	margin-top: -550px;
}

@media (max-width: 767px) {
	.lx-glossary-thumbnail-container {
		margin-top: -50px;
	}
}

@media (max-width: 500px) {
	.lx-glossary-thumbnail-container {
		margin-top: 0px;
	}
}

@media (max-height: 600px) {
	.lx-glossary-thumbnail-container {
		margin-top: -400px;
	}
}

.lx-glossary-thumbnail-container .lx-section-heading {
	font-size: 36px;
}

@media (max-width: 500px) {
	.lx-glossary-thumbnail-container .lx-section-heading {
		font-size: 26px;
	}
}

.lx-glossary-thumbnail-container .lx-section-subheading {
	margin-bottom: 0px;
}

@media (max-width: 500px) {
	.lx-glossary-thumbnail-container .lx-section-subheading {
		font-size: 24px !important;
	}
}

.lx-thumbnail-section {
	margin-bottom: 50px;
}

.lx-thumbnail-subsection {
	margin-bottom: 30px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.lx-thumbnail-subsection .row .col-sm-4:nth-child(1), .lx-thumbnail-subsection .row .col-sm-4:nth-child(2), .lx-thumbnail-subsection .row .col-sm-4:nth-child(3) {
		margin-bottom: 20px;
	}
}

@media (max-width: 767px) {
	.lx-thumbnail-subsection .row .col-sm-4 {
		margin-bottom: 30px;
	}
}

.lx-thumbnail-section .row {
	margin-bottom: 10px;
	margin-top: 20px;
}

.lx-thumbail-section .row:nth-last-child(1) {
	margin-bottom: 30px;
}

@media (min-width: 768px) {
	.lx-glossary-thumbnail-zoom {
		background-color: #f9f9f4;
		transition: transform .2s;
	}

	.lx-glossary-thumbnail-zoom:hover {
		transform: scale(1.2);
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		z-index: 99999999;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.lx-glossary-thumbnail-zoom:hover {
		transform: scale(1.2);
	}
}

@media (min-width: 768px) {
	.blog-post-container .lx-glossary-thumbnail-zoom:hover {
		transform: scale(1.3);
		margin-left:0%;
	}
}

.lx-glossary-thumbnail {
	margin-bottom: 30px;
}

.lx-glossary-thumbnail:hover {

}

.glossary-back-button {
	position: fixed;
	z-index: 9999;
	bottom: 5%;
	right: 5%;
	background-color: #86efd9;
	border: 2px solid #002f49;
	color: #002f49;
	padding: 10px;
	font-family: Audimat;
	text-transform: lowercase;
	font-size: 16px;
}

.glossary-back-button:hover {
	background-color: #002f49;
	color: #fff;
}

.glossary-back-button-text {
	margin-left: 10px;
	font-family: Audimat;
}

.lx-summary-container .lx-subsection-heading {
	color: #002f49;
}

.lx-summary-list {
	font-size: 24px;
	font-weight: 300;
	color: #002f49;
	line-height: 1.5;
	list-style-type: none;
	padding-left: 0px;
}

.lx-summary-list > li {
	font-weight: 400;
}

.lx-summary-list > li > ul {
	list-style-type: none;
	padding-left: 30px;
}

.lx-summary-list > li > ul > li { 
	font-weight: 300;
}

.lx-summary-list > li > ul > li > ul {
	list-style-type: none;
	padding-left: 30px;
	font-family: Akzidenz Grotesk Italic;
}

@media (max-width: 767px) {
	.lx-summary-list {
		font-size: 20px;
	}
}

.lx-recap-list > li {
	font-weight: 300;
}

.lx-btn-next {
    background-color: #0e6989;
    border: 3px solid #0e6989;
    padding: 20px 30px 15px 30px;
    margin-top: 25px;
    color: #fff;
    width: 100%;
}

.lx-btn-next:hover {
    background-color: #002f49;
    color: #fff;
    border: 3px solid #002f49;
}

@media (max-width: 500px) {
    .lx-btn-next {
        width: 100%;
        margin-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.lx-btn-next-text {
    font-size: 20px;
    color: #fff;
    margin-bottom: 20px;
    display: block;
    font-family: Audimat;
}

.lx-btn-next-description {
    font-size: 36px;
    color: #fff;
    margin-bottom: 15px;
    display: block;
    font-family: Audimat;
}

@media (min-width: 992px) and (max-width: 1399px) {
	.lx-btn-next-sm {
		font-size: 28px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.lx-btn-next-sm {
		font-size: 24px;
	}
}

@media (max-width: 675px) {
	.lx-btn-next-sm {
		font-size: 28px;
	}
}

@media (max-width: 500px) {
	.lx-btn-next-sm {
		font-size: 22px;
		letter-spacing: 0px;
	}
}

.lx-btn-next-icon {
    font-size: 42px;
    color: #fff;
    margin-bottom: 0px;
    display: block;
}



.lx-section-container {
	border-bottom: 2px solid #002f49;
	padding-bottom: 20px;
	margin-bottom: 50px;
}

@media (max-width: 767px) {
	.lx-section-container {
		margin-bottom: 30px;
	}
}

.lx-subsection-container {
	padding: 25px 20px 20px 20px;
	background-color: #faf5f0;
	margin-bottom: 60px;
}

@media (max-width: 768px) {
	.lx-subsection-container {
		padding: 15px 20px 20px 20px;
		margin-top: 25px;
	}
}

.lx-section-heading {
	font-size: 32px;
	color: #002f49;
	margin-top: 0px;
	margin-bottom: 5px;
}

@media (max-width: 767px) {
	.lx-section-heading {
		font-size: 24px;
		margin-bottom: 0px;
	}
}

@media (max-width: 991px) {
	.lx-glossary-container .lx-section-container:nth-child(1) .lx-section-heading {
		margin-top: 50px;
	}
}

@media (max-width: 991px) {
	.lx-glossary-container .lx-intro-heading {
		margin-top: 20px !important;
	}
}

.lx-glossary-container .lx-section-subheading {
	font-size: 28px;
	color: #002f49;
}

.lx-subsection-heading {
	font-size: 28px;
	color: #0e6989;
	margin-top: 0px;
	margin-bottom: 5px;
}

@media (max-width: 768px) {
	.lx-subsection-heading {
		font-size: 22px;
		margin-bottom: 0px;
		margin-top: 30px;
	}
}

.lx-subsection-heading code {
	font-weight: 700;
	padding: 3px 6px;
	font-size: 22px;
	color: #fff;
	background: #0e6989;
	border-radius: 0px;
	font-family: FreeMono;
}

.lx-subsection-subheading {
	font-size: 24px;
	color: #0e6989;
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight: 500;
}

@media (max-width: 768px) {
	.lx-subsection-subheading {
		font-size: 22px;
		margin-bottom: 0px;
	}
}

.lx-copy {
	font-size: 20px;
	font-weight: 300;
	color: #002f49;
	line-height: 1.6;
}

@media (max-width: 767px) {
	.lx-copy {
		font-size: 18px;
		margin-bottom: 10px;
	}
}

body.dark-mode .lx-copy {
	color: #002f49;
}

.lx-copy-italic {
	font-family: Akzidenz Grotesk Italic;
}

.lx-copy > b {
	font-weight: 500;
}

.lx-copy code {
	background-color: #faf5f0;
	color: #fc9797;
	padding: 3px 6px;
	border-radius: 0px;
	font-weight: 700;
	font-family: FreeMono;
}

@media (min-width: 2500px) {
	.lx-glossary-container .lx-copy {
		font-size: 32px;
	}

	.lx-glossary-container .lx-section-heading {
		font-size: 40px;
	}

	.lx-glossary-container .lx-section-subheading {
		font-size: 36px;
	}
}

.lx-glossary-container .lx-caption {
	color: #99acb6;
	margin-bottom: 10px;
	margin-top: 50px;
}

@media (max-width: 991px) {
	.lx-glossary-container .lx-caption {
		margin-bottom: 30px;
	}
}

.k8s-key-concept-info code {
	background-color: #fff;
	color: #fc9797;
	padding: 3px 6px;
	border-radius: 0px;
	font-weight: 700;
	font-family: FreeMono;
}

.lx-link {
	font-weight: 500;
	color: #002f49;
	border-bottom: 3px solid #002f49;
}

.lx-link:hover {
	color: #0e6989;
	border-bottom: 3px solid #0e6989;
}

.lx-ol {
	font-size: 24px;
	font-weight: 200;
	padding-left: 23px;
	color: #002f49;
}

.lx-ol li {
	margin-bottom:  10px;
}

.lx-ol li:nth-last-child(1) {
	margin-bottom: 20px;
}

.lx-ol li > b {
	font-weight: 500;
}

@media (max-width: 767px) {
	.lx-ol {
		font-size: 20px;
	}
}

.lx-ol code {
	background-color: #faf5f0;
	color: #fc9797;
	padding: 2px 4px;
	border-radius: 0px;
	font-weight: 700;
	font-family: FreeMono;
}

.con-man-list {
	padding-left: 50px;
}



.lx-caption {
	color: #0e6989;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	margin-bottom: -15px;
}

@media (max-width: 767px) {
	.lx-caption {
		margin-top: 10px;
	}
}

@media (max-width: 500px) {
	.lx-caption {
		font-size: 16px;
	}
}

.lx-caption span {
	color: #0e6989;
	border: 3px solid #0e6989;
	padding: 5px 8px;
	font-weight: 400;
}

@media (max-width: 767px) {
	.lx-caption span {
		display: none;
	}
}

@media (max-width: 767px) {
	.lx-caption .mob-only {
		display: inline;
	}
}

@media (min-width: 768px) {
	.lx-caption .mob-only {
		display: none;
	}
}

.lx-caption i {
	font-size: 20px;
	padding: 5px 8px;
	background: #0e6989;
	border: 3px solid #0e6989;
	color: #fff;
}

.lx-caption .ion-arrow-left-c {
	padding-left: 12px;
}

.lx-caption .ion-arrow-right-c {
	padding-right: 12px;
}

.lx-caption .swipe-mob {
	border: 0px transparent none;
	padding: 0px;
}

@media (max-width: 550px) {
	.lx-caption .swipe-mob {
		display: none;
	}
}

.lx-pull-quote-container {
	background-color: #0e6989;
	padding: 50px;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	margin-top: 50px;
}

@media (max-width: 767px) {
	.lx-pull-quote-container {
		width: 100%;
		padding: 30px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
}

.lx-pull-quote {
	font-family: Akzidenz Grotesk Italic;
	color: #fff;
	font-size: 30px;
	line-height: 1.3;
	font-weight: 400;
}

@media (max-width: 767px) {
	.lx-pull-quote {
		font-size: 24px;
	}
}

.lx-pull-quote-caption {
	font-size: 20px;
	color: #fff;
	margin-bottom: 0px;
}

.lx-timeline-container {
    background-color: transparent;
    padding: 0px
}


.lx-timeline-container ul {
    background: transparent;
    padding: 0 0 50px 0;
}

.lx-timeline-container ul li {
    list-style-type: none;
    position: relative;
    width: 4px;
    margin: 0 0;
    padding-top: 50px;
    background: #002f49;
}

body.dark-mode .lx-timeline-container ul li {
	background: #fff;
}

.lx-timeline-container ul li::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #fff;
}

.lx-timeline-container ul li div {
    position: relative;
    bottom: 0;
    width: 600px;
    padding: 10px 0px 1px 0px;
    background: #fff;
    font-size: 20px;
    font-weight: 400;
    color: #002f49;
    box-shadow: 2px 2px 10px rgba(0, 47, 73, 0.2);
    border-radius:20px;
}

@media (min-width: 2560px) {
	.lx-timeline-container ul li div {
		width: 800px;
	}
}

.lx-timeline-container ul li/*:nth-child(odd)*/ div {
    left: 45px;
}

/*.lx-timeline-container ul li:nth-child(even) div {
    left: -439px;
}*/


.lx-timeline-container time {
	display: block;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 8px;
    padding-bottom: 10px;
    padding-left: 15px;
    color: #002f49;
    border-bottom: 3px dotted #002f49;
}


.lx-timeline-container p {
	font-size: 20px;
    font-weight: 400;
    color: #002f49;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    margin-bottom: 15px;
    line-height: 1.4;

}

@media (min-width: 2560px) {
	.lx-timeline-container p {
		font-size: 24px;
	}
}

@media (max-width: 499px) {
	.lx-timeline-container p {
		font-size: 16px;
	}
}

body.dark-mode .lx-timeline-container p {
	color: #002f49;
}

.lx-timeline-container ul li::after {
    background: #002f49;
    transition: background .3s ease-in-out;
}


.lx-timeline-container ul li.in-view::after {
    background: #fff;
    box-shadow: 2px 2px 10px rgba(0, 47, 73, 0.2);
}


.lx-timeline-container ul li div {
    visibility: hidden;
    opacity: 0;
    transition: all .5s ease-in-out;
}


.lx-timeline-container ul li.in-view div {
    transform: none;
    visibility: visible;
    opacity: 1;
}

@media screen and (max-width: 1199px) {

    .lx-timeline-container ul li div {
        width: calc(100vw - 550px);
    }
}

@media screen and (max-width: 900px) {

    .lx-timeline-container ul li div {
        width: calc(100vw - 140px);
    }

    /*.lx-timeline-container ul li:nth-child(even) div {
        left: -289px;
    }*/
}

@media screen and (max-width: 600px) {

    .lx-timeline-container ul li {
        margin-left: 20px;
    }

    .lx-timeline-container ul li div {
        /*width: calc(100vw - 91px);*/
        width: calc(100vw - 140px);
    }

    /*.lx-timeline-container ul li:nth-child(even) div {
        left: 45px;
    }

    .lx-timeline-container ul li:nth-child(even) div::before {
        left: -15px;
        border-width: 8px 16px 8px 0;
        border-color: transparent #06c1d1 transparent transparent;
    }*/
}

@media (max-width: 450px) {
    .lx-timeline-container ul {
        padding: 25px 0px;
    }

    .lx-timeline-container ul li div {
        font-size: 18px;
        width: calc(100vw - 140px);
    }

    time {
        font-size: 24px;
    }
}

@media (max-height: 450px) {
    .lx-timeline-container ul {
        padding: 25px 0px;
    }

    .lx-timeline-container ul li div {
        font-size: 18px;
    }

    time {
        font-size: 24px;
    }
}

.kc-overview-container .col-sm-3 {
	margin-top: 30px;
}

.kc-overview-caption-container {
	padding-left: 0px;
}

.kc-overview-caption {
	font-family: Akzidenz Grotesk Italic;
	font-size: 18px;
	color: #0e6989;
}

.kc-overview-slides-divider {
	height: 10px;
	margin-bottom: 50px;
	display: block;
}

.kc-overview-btn-container {
	text-align: center;
	margin-bottom: 10px;
}

.kc-overview-btn {
	font-size: 18px;
	padding: 10px 15px;
	color: #0e6989;
	cursor: pointer;
	border: 2.5px solid #0e6989;
	display: inline-block;
	font-family: Audimat;
	text-transform: lowercase;
}

.kc-overview-btn:hover {
	color: #fff;
	background-color: #0e6989;
	border-color: #0e6989;
}

.kc-overview-btn:active, .kc-overview-btn:focus {
	color: #0e6989;
}

.kc-overview-btn:nth-child(1) {
	margin-right: 15px;
}

@media (max-width: 550px) {
	.kc-overview-btn:nth-child(1) {
		margin-right: 0px;
		margin-bottom: 15px;
	}
}

.kc-overview-numbers {
	padding-left: 0px;
	padding-right: 5px;
}

.kc-overview-numbers p span {
	background-color: #ffffe1;
	border: 2px solid #002f49;
	border-radius: 20px;
	font-size: 18px;
	font-weight: 400;
	line-height: 20px;
	padding-left: 6px;
	padding-right: 6px;
	color: #002f49;

}

.kc-overview-text {
	padding-left: 15px;
	padding-right: 0px;
}

.kc-overview-text p {
	font-size: 20px;
	color: #002f49;
	font-weight: 400;
	line-height: 20px;
}

.kc-overview-text a {
	font-size: 18px;
	color: #002f49;
	cursor: pointer;
	font-weight: 400;
}

.kc-overview-text a:hover {
	color: #0e6989;
}

.slideshow-wrapper {
	margin-top: 50px;
	text-align: center;
	margin-bottom: 50px;
	border-bottom: 3px solid #0e6989;
	padding-bottom: 10px;
}

@media (max-width: 991px) {
	.slideshow-wrapper {
		padding-bottom: 30px;
	}
}

@media (max-width: 767px) {
	.slideshow-wrapper {
		margin-top: 20px;
	}
}

.lx-subsection-container .slideshow-wrapper {
	margin-top: 30px;
}

.kc-slides-container .lx-subsection-container .slideshow-wrapper {
	margin-top: 0px;
}

.kc-slides-container .lx-subsection-container .slideshow-wrapper .slideshow-heading {
	margin-top: 0px;
}

.lx-subsection-container .slideshow-wrapper.slideshow-wrapper-last.slick-dotted.slick-slider {
	margin-bottom: 0px;
}

.lx-glossary-container .slideshow-wrapper {
	border: 0px;
	margin-top: 0px;
}

.lx-glossary-container .lx-section-anchor {
	height: 1px;
	background-color: none;
	margin-bottom: 70px;
}

.slideshow-wrapper .lx-img-col > img {
	display: inline-block;
}

.slideshow-heading {
	font-size: 26px;
	color: #002f49;
	text-align: left;
	background-color: #ffd8bb;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.sh-border-fix {
	border-left: 1px solid #faf5f0;
}

.lx-text-col .k8s-key-concept-info {
	padding: 0px;
	font-weight: 300;
	margin-bottom: 15px;
	color: #002f49;
}

.lx-text-col .k8s-key-concept-info:nth-child(1) {
	margin-top: 50px;
}

.lx-text-col .k8s-key-concept-info:nth-last-child(1) {
	margin-bottom: 50px;
}

.lx-text-col .k8s-key-concept-info span {
	font-weight: 400;
}

@media (max-width: 1199px) {
	.lx-text-col .k8s-key-concept-info {
	}
}

@media (max-width: 991px) {
	.lx-text-col .k8s-key-concept-info {
		margin-top: 20px;
		margin-bottom: 0px;
	}
}

@media (max-width: 767px) {
	.lx-text-col .k8s-key-concept-info {
		text-align: center;
	}
}

.col-md-12.lx-text-col .k8s-key-concept-info {
	font-size: 36px;
	margin-top: 12%;
	text-align: center;
}

@media (max-width: 500px) {
	.col-md-12.lx-text-col .k8s-key-concept-info {
		font-size: 28px;
		margin-top: 18%;
	}
}

.col-md-12.lx-text-col .k8s-key-concept-info-small {
	font-size: 22px;
	margin-top: 0px;
	text-align: left;
}

@media (max-width: 991px) {
	.col-md-12.lx-text-col .k8s-key-concept-info-small {	
		margin-bottom: 10px;
	}
}

.col-md-6.lx-text-col .k8s-key-concept-info-small {
	font-size: 22px;
	text-align: left;
}

.col-md-12.lx-text-col .k8s-key-concept-info-small:nth-child(1) {	
	margin-top: 30px;
}


@media (max-width: 991px) {
	.col-md-12.lx-text-col .k8s-key-concept-info-small:nth-last-child(1) {	
		margin-bottom: 0px;
	}
}

@media (max-width: 767px) {
	.col-md-12.lx-text-col .k8s-key-concept-info {
		font-size: 20px;
	}

	.col-md-6.lx-text-col .k8s-key-concept-info-small {
		font-size: 20px;
	}
}

.col-md-12.lx-text-col img {
	display: inline-block;
	margin-bottom: 0px;
}

@media (max-width: 991px) {
	.col-md-12.lx-text-col img {
		margin-top: 20px;
	}
}

.lx-text-col .lx-ol {
	padding-left: 23px;
}


.lx-graphic {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
	max-height: 400px;
	max-width: 100%;
}

@media (max-width: 991px) {
	.lx-graphic {
		margin-top: 0px;
		margin-bottom: 0px;
	}
}

@media (min-width: 2500px) {
	.lx-glossary-container .lx-graphic {
		max-height: 800px;
	}
}

.glossary-index-button {
	cursor: pointer;
}

.glossary-modal {
	background: rgba(255,255,255,0.85);
}

.glossary-modal-dialog {
	margin-top: 2.5%;
}

@media (max-width: 767px) {
	.glossary-modal-dialog {
		margin-top: 7.5%;
	}
}

@media (max-width: 499px) {
	.glossary-modal-dialog {
		margin-top: 15%;
	}
}

@media (min-width: 768px) {
	.glossary-modal-dialog {
		width: 700px;
	}
}

@media (min-width: 1199px) {
	.glossary-modal-dialog {
		width: 900px;
	}
}

.glossary-modal-content {
	box-shadow: 0px 0px 50px rgba(102,130,146,0.7);
	border-radius: 0px;
	border: 0px none transparent;
}

.glossary-modal-header {
	background-color: #ffebe4;
	border: 0px none transparent;
	padding-bottom: 5px;
	padding-top: 10px;
}

.glossary-modal-header .close {
	color: #002f49;
	opacity: 0.4;
	font-size: 36px;
	transition: .2s ease-in-out;
}

.glossary-modal-header .close:hover {
	color: #002f49;
	opacity: 1;
	font-size: 36px;
}

.glossary-modal-body {
	background: #ffebe4;
	padding: 0px 20px 20px 20px;
}

.glossary-modal-footer {
	background: #ffebe4;
	border-top: 0px none transparent;
}

.glossary-index-tab-box {
	min-height: 400px;
	margin-bottom: 0px;
}

@media (max-width: 499px) {
	.glossary-index-tab-box {
		min-height: 1px;
	}
}

.glossary-index-tab {
	overflow: hidden;
	border-bottom: 5px solid #86efd9;
	margin-bottom: 0;
	padding-left: 0;
	list-style: none;
}

.glossary-index-tab button {
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 8px 12px 6px 12px;
	border-radius: 15px 15px 0px 0px;
	text-transform: lowercase;
	font-size: 16px;
	font-family: Audimat;
	color: #002f49;
	background: #f1f1f2;
	transition: 0.75s;
}

.glossary-index-tab button span {
	font-family: Audimat;
}

@media (max-width: 500px) {
	.glossary-index-tab button span {
		display: none;
	}
}

@media (max-width: 1199px) {
	.glossary-index-tab button {
		font-size: 14px;
	}
}

.glossary-index-tab button:hover {
	background-color: #89b5e5;
}

.glossary-index-tab button.active {
	background-color: #89b5e5;
}

.glossary-index-tab button.active:hover {
	background-color: #89b5e5;
	color: #002f49;
}

.glossary-index-tab li a {
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 8px 12px 6px 12px;
	border-radius: 15px 15px 0px 0px;
	text-transform: lowercase;
	font-size: 16px;
	font-family: Audimat;
	color: #002f49;
	background: #fff;
	transition: 0.75s;
}

.glossary-index-tab li a span {
	font-family: Audimat;
}

@media (min-width: 1921px) {
	.glossary-index-tab li a {
		font-size: 28px;
		padding: 18px 30px;
		border-radius: 25px 25px 0px 0px;
	}
}

@media (max-width: 450px) {
	.glossary-index-tab li a span {
		display: none;
	}
}

@media (max-width: 1199px) {
	.glossary-index-tab li a {
		font-size: 14px;
	}
}

.glossary-index-tab li a:hover {
	background-color: #002f49;
	color: #fff;
}

.glossary-index-tab li.active a {
	background-color: #86efd9;
	color: #002f49
}

.glossary-index-tab li.active a:hover {
	background-color: #86efd9;
	color: #002f49;
}

.glossary-index-tab-box .glossary-index-tab-container {
	padding: 0px;
	background: inherit;
	border: 0px solid transparent;
	border-top: none;
}

.glossary-index-tab-pane {
	background: inherit;
	animation: fadeEffect 2s;
}

.glossary-index-tab-content {
	display: none;
	padding: 15px 20px;
	background: inherit;
	border: 0px solid transparent;
	border-top: none;
	box-shadow: 0px 5px 10px rgba(204, 213, 219, 0.75);
	animation: fadeEffect 2s;
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

.active {
	display:block;
}

.glossary-index-tab-content h3, .glossary-index-tab-container h3 {
	color: #002f49;
	font-size: 32px;
	margin-bottom: 5px;
}

@media (min-width: 1921px) {
	.glossary-index-tab-content h3, .glossary-index-tab-container h3 {
		font-size: 42px;
		margin-bottom: 15px;
		margin-top: 
	}
}

@media (max-width: 549px) {
	.glossary-index-tab-content h3, .glossary-index-tab-container h3 {
		font-size: 26px;
	}
}

@media (max-height: 699px) and (min-width: 992px) {
	.glossary-index-tab-content h3, .glossary-index-tab-container h3 {
		font-size: 26px;
	}
}

.glossary-index-tab-content img, .glossary-index-tab-container img {
	background: #fff;
}

@media (max-height: 699px) and (min-width: 992px) {
	.glossary-index-tab-content img, .glossary-index-tab-container img {
		width: 80%;
		margin-left: 10%;
	}
}

.glossary-index-tab-caption {
	font-size: 20px;
	color: #002f49;
	margin-top: 0px;
	margin-bottom: 15px;
	line-height: 1.3;
}

@media (min-width: 1921px) {
	.glossary-index-tab-caption {
		font-size: 28px;
		margin-bottom: 30px;
	}
}


.lx-graphic-inline {
    width: 70%;
    margin: 20px 0px 50px 0px;
    margin-left: 15%;
}

@media (max-width: 500px) {
    .lx-graphic-inline {
        margin: 20px 0px 35px 0px;
        width: 100%;
    }
}

.lx-graphic-inline-100 {
    width: 100%;
    margin: 20px 0px 50px 0px;
}

.lx-graphic-inline-50 {
    width: 50%;
    margin: 20px 0px 50px 0px;
    margin-left: 25%;
}

@media (max-width: 500px) {
    .lx-graphic-inline-50 {
        margin: 20px 0px 35px 0px;
        width: 100%;
    }
}

.slick-prev:before {
	color: #002f49 !important;
	font-size: 25px !important;
}

.slick-next:before {
	color: #002f49 !important;
	font-size: 25px !important;
}

@media (max-width: 767px) {
	.lx-main-container .slick-prev:before {
		display: none !important;
	}

	.lx-main-container .slick-next:before {
		display: none !important;
	}

	.lx-main-container .slick-prev, .slick-next {
		display: none !important;
		position: relative;
	}
}

.lx-section-container .slick-prev {
	height: 25px;
	width: 25px;
}

.lx-section-container .slick-next {
	height: 25px;
	width: 25px;
}

.lx-subsection-container .slick-prev {
	left: -58px;
}

.lx-subsection-container .slick-next {
	right: -58px;
}

.lx-section-container > .slideshow-wrapper .slick-prev {
	left: -38px;
}

.lx-section-container > .slideshow-wrapper .slick-next {
	right: -38px;
}

.slick-dots {
	bottom: 0px !important;
	margin-bottom: 10px !important;
}

.slick-dots li button:before {
	font-size: 10px !important;
	color: #002f49 !important;
}

.asciinema-player-wrapper span {
	font-family: FreeMono;
	font-size: 16px;
}

.asciinema-terminal {
	padding-top: 25px !important;
}

.anchor {
	display: block;
	position: relative;
	top: -100px;
	visibility: hidden;
}

.lx-pink {
	color: #e5a3d8;
}

.lx-yellow {
	color: #ffffe1;
}

.lx-red {
	color: #fc9797;
}

.lx-green {
	color: #76d3b9;
}

.lx-blue {
	color: #0e6989;
}

.lx-bg-pink {
	background: #e5a3d8;
}

.lx-bg-yellow {
	background: #ffffe1;
}

.lx-bg-red {
	background: #fc9797;
}

.lx-bg-green {
	background: #76d3b9;
}

@media (max-width: 500px) {
	.img-not-mob {
		display: none !important;
	}
}

@media (min-width: 501px) {
	.img-mob-only {
		display: none !important;
	}
}

@media (max-width: 991px) {
	.lx-graphic-add-mg-btm {
		margin-bottom: 50px !important;
	}
}

@media (max-width: 991px) {
	.lx-graphic-add-mg-top {
		margin-top: 50px !important;
	}
}

@media (max-width: 991px) {
	.lx-graphic-red-mg-top {
		margin-top: -50px !important;
	}
}

@media (max-width: 991px) {
	.lx-graphic-red-mg-top-less {
		margin-top: -20px !important;
	}
}

.new-footer .new-footer-col {

}

@media (max-width: 767px) {
	.new-footer-col {
		display: none;
	}
}

@media (max-width: 767px) {
	.new-footer-col:nth-last-child(1) {
		display: block;
		margin-top: 42px;
	}
}

.new-footer .homepage-footer-logo {
	margin-bottom: 20px;
	margin-left: 0px;
}

.new-footer .homepage-footer-text {
	font-size: 14px;
	font-weight: 500;
}

.new-footer .homepage-footer-text:nth-last-child(1) {
	font-size: 14px;
	font-weight: 300;
}


.new-footer ul {
	color: #fff;
	list-style-type: none;
	padding-left: 0px;
}

.new-footer li {
	margin-bottom: 5px;
}

.new-footer ul li:nth-child(1) {
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 5px;
}

.new-footer a {
	color: #fff;
}

.new-footer a:hover {
	color: #86efd9;
}

.case-study-callout {
	border-top: 2px solid #86efd9;
	width: auto;
	padding: 10px 15px 5px 0px;
	display: inline-block;
}

.case-study-callout h3 {
	font-size: 20px;
	color: #86efd9;
	margin-bottom: 5px;
}

.case-study-callout p {
	font-size: 18px;
	color: #fff;
	margin-bottom: 10px;
}

.case-study-callout a {
	font-size: 16px;
}

.intro-slides-footer-logo {
	position: absolute;
    bottom: 20px;
    left: 20px;
    width: auto;
    height: 20px !important;
}

.intro-slides-logo-container {
	width: 100%;
	float: left;
	display: block;
}

.intro-slides-logo {
	margin-left: 1.3vw;
	width: 12vw;
	margin-bottom: 2vw;
	float: left;
	display: block;
}

@media (max-width: 767px) {
	.intro-slides-logo {
		width: 30vw;
	}
}

.intro-slides-headline-small {
	font-family: HK Grotesk;
	background: transparent;
	font-size: 4vw;
	color: #fff;
	font-weight: 700;
	text-align: left;
	margin-left: 1vw;
	margin-bottom: 3vw;
}

@media (max-width: 767px) {
	.intro-slides-headline-small {
		font-size: 8vw;
		margin-bottom: 4vw;
	}
}

.intro-slides-headline-big {
	font-family: HK Grotesk;
	background: transparent;
	font-size: 8vw;
	color: #fff;
	font-weight: 900;
	text-align: left;
	margin-left: 1vw;
	margin-bottom: 5vw;
}

@media (max-width: 767px) {
	.intro-slides-headline-big {
		font-size: 18vw;
		margin-bottom: 8vw;
	}
}

.intro-slides-lead {
	font-size: 1.8vw;
	font-weight: 300;
	color: #fff;
	text-align: left;
	margin-left: 1.2vw;
	line-height: 1.4;
	font-family: HK Grotesk;
}

@media (max-width: 767px) {
	.intro-slides-lead {
		font-size: 4.4vw;
	}
}

.intro-slides-caption {
	font-size: 1.2vw;
	font-weight: 300;
	color: #fff;
	margin-left: 1.2vw;
	margin-top: 3.2vw;
	text-align: left;
	clear: both;
}

@media (max-width: 767px) {
	.intro-slides-caption {
		font-size: 3vw;
	}
}

.intro-slides-caption span {
	font-family: HK Grotesk Italic;
	font-weight: 600;
}

.intro-slides-btn {
	border: 3px solid #86efd9;
	background: #002337;
	border-radius: 50px;
	padding: 20px 25px;
	color: #fff;
	font-size: 1.4vw;
	font-weight: 700;
	text-transform: uppercase;
	font-family: HK Grotesk;
	letter-spacing: 1px;
	float: left;
	margin-left: 1.3vw;
	margin-bottom: 1.2vw;
	transition: 0.5s;
}

@media (max-width: 767px) {
	.intro-slides-btn {
		font-size: 5vw;
		margin-bottom: 10vw;
	}
}

.intro-slides-btn:hover {
	background: #86efd9;
	color: #002f49;
}

.intro-slide-img-container {
	padding: 0;
	overflow: clip;
}

@media (max-width: 767px) {
	.intro-slide-img-container {
		display: none;
	}
}

.intro-slide-img-container img {
	height: 100vh;
}

.intro-slides-ceo-container {
	margin-right: 0px;
}

/*@media (max-width: 549px) {
	.intro-slides-ceo-container {
		margin-top: -15vw;
	}
}*/

.intro-slides-ceo-container img {
	margin-left: 25%;
	width: 75%;
	border-radius: 20vw;
}

.intro-slides-ceo-copy {
	font-size: 1.3vw;
	line-height: 1.6;
	text-align: left;
	font-weight: 400;
	margin-bottom: 10px;
	color: #002f49;
}

.intro-slides-ceo-copy:nth-last-child(2) {
	margin-bottom: 0px;
}

@media (max-width: 767px) {
	.intro-slides-ceo-copy {
		font-size: 3vw;
	}
}

.intro-slides-ceo-copy span {
	font-weight: 800;
}

.intro-slides-who-container {
	background: #002f49;
	padding: 70px;
	margin-top: 50px;
	width: 75%;
	margin-left: 12.5%;
	border-radius: 2vw;
}

@media (max-width: 767px) {
	.intro-slides-who-container {
		padding: 20px;
	}
}

.intro-slides-who-container h2 {
	color: #fff;
	font-family: HK Grotesk;
	font-size: 3vw;
	font-weight: 700;
	text-align: left;
}

@media (max-width: 767px) {
	.intro-slides-who-container h2 {
		font-size: 6vw;
		margin-bottom: 10px;
		line-height: 1;
	}
}

.intro-slides-who-container p {
	color: #fff;
	font-family: HK Grotesk;
	font-size: 2vw;
	font-weight: 300;
	text-align: left;
	line-height: 1.5;
	margin-bottom: 0px;
}

@media (max-width: 767px) {
	.intro-slides-who-container p {
		font-size: 3vw;
	}
}

.intro-slides-who-container p a {
	color: #86efd9;
	font-weight: 700;
}

.intro-slides-who-container p a:hover {
	color: #fff;
}

.intro-slides-heading {
	font-family: HK Grotesk;
	color: #fff;
	font-size: 3vw;
	font-weight: 700;
	line-height: 1.3;
}

@media (max-width: 767px) {
	.intro-slides-heading {
		font-size: 6vw;
		line-height: 1;
		margin-bottom: 30px;
	}
}

@media (max-width: 549px) {
	.intro-slides-heading {
		margin-top: -15vw;
	}
}

@media (min-width: 1921px) {
	.intro-slides-heading {
		margin-bottom: 2vw;
	}
}

.intro-slides-heading-dark {
	font-family: HK Grotesk;
	color: #002f49;
	font-size: 3vw;
	font-weight: 700;
}

@media (max-width: 767px) {
	.intro-slides-heading-dark {
		font-size: 6vw;
		line-height: 1;
	}
}

@media (max-width: 549px) {
	.intro-slides-heading-dark {
		margin-top: -15vw;
	}
}

@media (min-width: 1921px) {
	.intro-slides-heading-dark {
		margin-bottom: 2vw;
	}
}

.intro-slides-subheading-dark {
	font-family: HK Grotesk;
	color: #002f49;
	font-size: 2vw;
	font-weight: 700;
	margin-bottom: 20px;
	margin-top: 40px;
}

@media (max-width: 767px) {
	.intro-slides-subheading-dark {
		font-size: 4vw;
		line-height: 1;
		margin-top: 1vw;
	}
}

.intro-slides-copy-dark {
	color: #002f49;
	font-weight: 400;
	font-size: 1.4vw;
	line-height: 1.4;
}

@media (max-width: 767px) {
	.intro-slides-copy-dark {
		font-size: 3vw;
		line-height: 1.4;
	}
}

.intro-slides-copy-dark a {
	font-weight: 700;
	color: #002f49;
	border-bottom: 3px solid #002f49;
}

.intro-slides-copy-dark a:hover {
	color: #86efd9;
	border-color: #86efd9;
}

.intro-slides-grid-lead {
	color: #fff;
	margin-bottom: 40px;
	max-width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	line-height: 1.4;
	font-size: 2vw;
}

@media (max-width: 767px) {
	.intro-slides-grid-lead {
		font-size: 3vw;
		margin-bottom: 15px;
		margin-top: -20px;
	}
}

.intro-slides-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 3vw;
	justify-content: space-evenly;
	padding-left: 3vw;
	padding-right: 3vw;
}

@media (max-width: 767px) {
	.intro-slides-grid {
		grid-template-columns: 1fr;
	}
}

.intro-slides-box {
	background: #86efd9;
	border-radius: 3vw;
	border: 0px solid #fff;
	padding: 20px;
}

@media (max-width: 767px) {
	.intro-slides-box {
		padding: 10px;
	}
}

.intro-slides-box h3 {
	font-size: 60px;
	margin-bottom: 30px;
	margin-top: 10px;
}

@media (max-width: 767px) {
	.intro-slides-box h3 {
		font-size: 6vw;
		margin-bottom: 5px;
		margin-top: 5px;
	}
}

.intro-slides-box h3 span {
	background: #002337;
	color: #fff;
	line-height: 1;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 20px;
	font-weight: 900;
}

.intro-slides-box p {
	font-size: 1.4vw;
	font-weight: 500;
	color: #002f49;
	margin-bottom: 15px;
	line-height: 1.3;
}

@media (max-width: 767px) {
	.intro-slides-box p {
		font-size: 3vw;
		line-height: 1.3;
		margin-bottom: 5px;
	}
}

.intro-slides-box p:nth-last-child(1) {
	font-size: 1.1vw;
	line-height: 1.4;
	font-weight: 300;
}

@media (max-width: 767px) {
	.intro-slides-box p:nth-last-child(1) {
		font-size: 2.5vw;
	}
}

.slide .discover-animation-container {
	min-width: 900px;
	max-width: 100%;
}

@media (max-width: 991px) {
	.slide .discover-animation-container {
		min-width: 0px;
	}
} 

.slide .discover-animation-container iframe {
	min-height: 350px;
}

@media (max-width: 767px) {
	.slide .discover-animation-container iframe {
		min-height: 0px;
		padding: 10px;
	}
} 

.slide .discover-copy-container h3 {
	color: #fff;
	font-family: HK Grotesk;
	font-size: 2vw;
}

@media (max-width: 767px) {
	.slide .discover-copy-container h3 {
		font-size: 5vw;
		text-align: center;
		line-height: 1;
		margin-bottom: 0px;
		margin-top: 5px;
	}
}

.slide .discover-copy-container p {
	color: #fff;
	font-size: 1.2vw;
}

@media (max-width: 767px) {
	.slide .discover-copy-container p {
		font-size: 3.5vw;
		text-align: center;
		margin-top: 3px;
		margin-bottom: 0px;
	}
}

@media (max-width: 767px) {
	.intro-slides-not-mob {
		display: none;
	}
}

.intro-slides-principles-mobile {
	text-align: left;
	font-family: HK Grotesk;
	color: #fff;
	background: #002f49;
	padding: 10px 10px 1px 0px;
	border-radius: 20px;
}

@media (min-width: 992px) {
	.intro-slides-principles-mobile {
		display: none;
	}
}

.intro-slides-principles-mobile ol {
	font-size: 2vw; 
}

@media (max-width: 767px) {
	.intro-slides-principles-mobile ol {
		font-size: 3vw;
	}
}

.slide .principles-end-row {
	margin-left: 15px;
	padding-left: 60px;
	padding-right: 60px;
}

.slide .principles-end-container {
	transition: 0.3s;
}

@media (min-width: 1921px) {
	.slide .principles-end-number {
		font-size: 1.5vw;
		padding: 10px;
		line-height: 1.3;
	}

	.slide .principles-end-heading {
		font-size: 1vw;
		padding: 5px 20px 20px 20px;
	} 
}

.center-div {
	opacity: 0;
	visibility: hidden;
	position: fixed;
	top: 25%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 70vw;
	height: auto;
	background: #002f49;
	color: #fff;
	padding: 50px;
	text-align: center;
	border-radius: 30px;
	z-index: 1000;
	transition: 0.3s;
	font-size: 1.5vw;
	line-height: 1.6;
	font-family: HK Grotesk;
	font-weight: 300;
}

@media (max-width: 767px) {
	.center-div {
		display: none;
	}
}
 
.center-div span {
	font-weight: 700;
	font-family: HK Grotesk Italic;
}

.principles-end-container:hover + .center-div {
	opacity: 1;
	visibility: visible;
}

.intro-slides-end-row .intro-slides-who-container {
	margin-top: 0px;
	padding-right: 70px !important;
}

@media (max-width: 549px) {
	.intro-slides-end-row .intro-slides-who-container {
		margin-top: -15vw;
	}
}

.intro-slides-end-logo-container {
	width: 100%;
	float: left;
	display: block;
}

@media (max-width: 767px) {
	.intro-slides-end-logo-container {
		margin-top: 8vw;
	}
}

.intro-slides-end-logo-container .intro-slides-logo {
	margin-left: 0px;
	margin-top: 3vw;
	margin-bottom: 1vw;
	width: 25vw;
}

.intro-slides-url-link {
	color: #fff !important;
	font-weight: 500 !important;
}

.intro-slides-url-link:hover {
	color: #86efd9;
}

.intro-slides-grid-lead a {
	font-weight: 700;
	color: #86efd9;
}

.intro-slides-grid-lead a:hover {
	font-weight: 700;
	color: #fff;
}

.intro-slides-stat-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	gap: 1.5vw;
	justify-content: space-evenly;
	max-width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 1.5vw;
}

@media (max-width: 767px) {
	.intro-slides-stat-grid {
		grid-template-columns: 1fr;
	}
}

.intro-slides-stat-box {
	background: #86efd9;
	font-family: HK Grotesk;
	padding: 1vw;
	border-radius: 2vw;
}

@media (max-width: 767px) {
	.intro-slides-stat-box  {
		padding: 0.5vw;
		width: auto;
		margin-left: auto;
		margin-right: auto;
		padding-left: 4vw;
		padding-right: 4vw;
	}
}

@media (min-width: 1921px) {
	.intro-slides-stat-box  {
		padding: 2vw;
	}
}

.intro-slides-stat-box h3 {
	font-weight: 900;
	font-size: 3vw;
	color: #002f49;
	margin-bottom: 5px;
	line-height: 1;
}

@media (max-width: 767px) {
	.intro-slides-stat-box h3 {
		margin-bottom: 0px;
	}
}

@media (min-width: 1921px) {
	.intro-slides-stat-box h3 {
		margin-bottom: 30px;
	}
}

.intro-slides-stat-box h3 span {
	font-weight: 900;
}

@media (min-width: 768px) {
	.intro-slides-stat-box h3 span {
		display: none;
	}
}

.intro-slides-stat-box h4 {
	font-weight: 600;
	font-size: 1.5vw;
	color: #002f49;
	margin-bottom: 0px;
	line-height: 1.4;
}

@media (max-width: 767px) {
	.intro-slides-stat-box h4 {
		display: none;
	}
}

.intro-slides-pull-quote {
	background: #f9f9f4;
	border-radius: 2vw;
	max-width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	padding: 1.5vw;
}

@media (max-width: 767px) {
	.intro-slides-pull-quote {
		padding: 3vw;
		margin-bottom: 4vw;
	}
}

.intro-slides-pull-quote p {
	color: #002f49;
	line-height: 1.3;
	font-weight: 600;
	font-family: HK Grotesk Italic;
	font-size: 1.5vw; 
}

@media (max-width: 767px) {
	.intro-slides-pull-quote p {
		font-size: 3vw;
		margin-bottom: 10px;
	}
}

.intro-slides-pull-quote .intro-slides-pq-caption {
	font-family: HK Grotesk;
	font-weight: 400;
	margin-bottom: 0px;
}

@media (max-width: 767px) {
	#dotContainer {
		display:none;
	}
}

.asciinema-player-wrapper span {
	font-family: FreeMono;
	font-size: 16px;
}

.asciinema-terminal {
	padding-top: 25px !important;
}