
body {
	color:#333;
	font-size:1.1rem;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a, a:visited {
	color:#242466;
}
a:hover, a:active, a:focus, a:active:hover, a.active {
	color:#2C2A67;
}

.main-body {
	margin-top:0px;
	
}



.navbar {
	background-color: rgba(255, 255, 255, 0.85) !important;
	height:84px;
	z-index:10;
}
.navbar-light .navbar-nav .nav-link {
	color:rgba(0, 0, 0, 0.8);
	padding-right:2rem;
}

.main-body .jumbotron {
	padding-top:55%;
	padding-bottom:0px;
	margin-bottom:0px;
	position:relative;
	z-index:1;
	color:rgba(255, 255, 255, 0.9);
	min-height:500px;
	overflow:hidden;
}

.main-body .jumbotron .jumbotron-inner {
/*	background:url(img/main-banner-bg.jpg) top left no-repeat;
	background-size:cover;
	background-attachment: fixed; */
	z-index:3;
	top:-5px;
	left:0px;
	height:100%;
	position:absolute;
	width:100%; 

}
.main-body .jumbotron {
	
}
.main-body .jumbotron .jumbotron-bg {
	/* background-image: url('img/main-banner-bg.jpg'); */
	background-image: url('img/bg-main-plain.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
	height: 120%;
	width:100%;
  	overflow: hidden;
  	position: absolute;
  	top:5%;
  	left:0%;
}

.main-body .jumbotron .container {
	padding-top:18%;
}



.main-body .jumbotron .akine-brand {
	background:url(img/akine-logo-white.png) left center no-repeat;
	background-size:contain;
	max-width:300px;
	height:100px;
	margin-top:60px;
	margin-bottom:40px;
}
.main-body .jumbotron .lead {
	font-size:28px;
	line-height:38px;
}

.main-body .jumbotron img.background-image {
	position:absolute;
	width:100%;
	top:-20px;
	right:0px;
	z-index:2;
}

.main-body .jumbotron .background-image-2 {
	position:absolute;
	background:url(img/banner-bg-top.png) top left repeat-x;
	background-size: auto 660px;
	width:100%;
	height:100%;
	top:0;
	right:0;
	z-index:3;
}






.modal-link {
	cursor: pointer;
}
.modal-link:hover {
	color:#d02b2f;
}



.modal-content {
	background:rgba(255, 255, 255, 1);
}
.modal-header {
	/* background:url(img/banner-bg-solid.png) center top repeat-x; 
	background-position-x: 0%; 
	background-position-y: 20%; 
	background-size: auto 660px; */

	background: rgb(181,37,40);
	background: -moz-linear-gradient(180deg, rgba(181,37,40,0.9) 10%, rgba(208,44,45,0.9) 60%);
	background: -webkit-linear-gradient(180deg, rgba(181,37,40,0.9) 10%, rgba(208,44,45,0.9) 60%);
	background: linear-gradient(180deg, rgba(181,37,40,0.9) 10%, rgba(208,44,45,0.9) 60%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b52528",endColorstr="#d02c2d",GradientType=1);
	
	color:#FFF;
	padding:2rem 1.75rem 0.5rem 3rem;
	font-style: italic;

	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:2;
}
.modal-header .close {
	color:#FFF;
	opacity:0.8;
	font-weight:lighter;
	font-size:2.5rem;
	vertical-align: top;
	padding-top:0px;
}
.modal-header .close:hover {
	color:#FAFAFA;
}
.modal-body {
	padding:5rem 3rem 2rem;
	font-size:1.2rem;
	background:transparent url(img/full-modal-bg.jpg) top right no-repeat;
	background-size:cover;
	background-attachment:local;
}
.modal-body > div {
	padding-bottom:4rem;
}
.modal-body .caption {
	padding-top:10px;
	padding-bottom:20px;
	text-align:center;
	font-style: italic;
	font-size:1rem;
}
.modal-body .lead {
	font-size:1.80rem;
	font-weight:bold;
}
h5.modal-title {
	font-size:1.5rem;
	font-weight: normal;
	white-space: nowrap;
	width:90%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.modal-body a > img {
	-webkit-box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.2);
	box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.2);
}


#dependable-daily .modal-body {
	background:transparent url(img/pj2-modal-bg.jpg) top right no-repeat;
	background-size:cover;
	background-attachment:local;
}
#connecting-data .modal-body {
	background:transparent url(img/pj1-modal-bg.jpg) top right no-repeat;
	background-size:cover;
	background-attachment:local;
}
#wells-anywhere .modal-body {
	background:transparent url(img/pj2-modal-bg.jpg) top right no-repeat;
	background-size:cover;
	background-attachment:local;
}
#ai-experts .modal-body {
	background:transparent url(img/pj1-modal-bg.jpg) top right no-repeat;
	background-size:cover;
	background-attachment:local;
}


.floating-images {
	display:relative;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.floating-images .image-container {
	position:absolute;
}


.modal-1-floating-images {
	padding-top:60%;
	position:relative;
}
.modal-1-image-1 {
	width:45%;
	left:0%;
	top:5%;
}
.modal-1-image-1 .caption {
	text-align:left;
}
.modal-1-image-2 {
	width:45%;
	right:0%;
	top:0%;
}
.modal-1-image-2 .caption {
	text-align:right;
}
.modal-1-image-3 {
	width:50%;
	left:25%;
	top:35%;
}
.modal-1-image-3 .caption {
	text-align:center;
}


.modal-2-floating-images {
	padding-top:70%;
	position:relative;
}
.modal-2-image-1 {
	width:44%;
	left:3%;
	top:10%;
}
.modal-2-image-1 .caption {
	text-align:left;
}
.modal-2-image-2 {
	width:44%;
	right:15%;
	top:0%;
}
.modal-2-image-2 .caption {
	text-align:right;
	padding-left:10%;
}
.modal-2-image-3 {
	width:44%;
	left:15%;
	top:62%;
}
.modal-2-image-3 .caption {
	text-align:left;
}
.modal-2-image-4 {
	width:44%;
	right:3%;
	top:52%;
}
.modal-2-image-4 .caption {
	text-align:right;
	padding-left:10%;
}


.modal-5-floating-images {
	padding-top:70%;
	position:relative;
}
.modal-5-image-1 {
	width:80%;
	left:10%;
	top:0px;
}
.modal-5-image-1 .caption {
	text-align:right;
}
.modal-5-image-2 {
	width:40%;
	left:0%;
	top:22%;
}
.modal-5-image-2 .caption {
	text-align:left;
}
.modal-5-image-3 {
	width:40%;
	left:30%;
	top:35%;
}
.modal-5-image-3 .caption {
	text-align:left;
}
.modal-5-image-4 {
	width:40%;
	right:0%;
	top:60%;
}
.modal-5-image-4 .caption {
	text-align:left;
}







.section-headline {
	padding:60px 0px;
	font-weight: normal;
	font-size:26px;
	line-height:38px;
}




.section-top {
	background:#242466 url(img/shapes-left.png) bottom left no-repeat;
	color:#FFF;
	font-size:110%;
}




.video-section-top {
	padding-top:120px;
	padding-bottom:40px;
	background-image: url('img/main-banner-bg.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}



.section-2 {
	border-bottom:1px solid #d02b2f;
	position:relative;
	background:#EFC48D url(/img/desc-2-bg.jpg) top center;
	background-size:cover;
	z-index:6;
}
.section-2 .row > div {
	min-height:320px;
	text-align: center;
}
.large-icon-container {
	text-align:center;
	padding-top:80px;
	padding-bottom:10px;
}
.large-icon-container img {
	height:100px;
}
.section-2 p {
	padding:20px 20px 50px;
}


.section-oneliner {
	background:#d02b2f;
	color:#FFF;
	line-height:28px;
	font-size:20px;
	font-weight:normal;
	text-transform:uppercase;
	min-height:40px;
	padding:5px 20px;
	margin:0px;
	text-align:center;
	z-index:6;
}
.section-oneliner-blue {
	background:#242466;
	color:#FFF;
}
.section-oneliner a {
	color:#FFF;
}
.section-oneliner a:hover, .section-oneliner a:active, .section-oneliner a:focus {
	color:#FFF;
	opacity:0.90;
	text-decoration: none;
}




.section-3 {
	border-bottom:1px solid #d02b2f;
	position:relative;
	z-index:6;
	background:#e8e6e6 url(img/section-3-bg.jpg) bottom right no-repeat;
	background-size:cover;
	background-attachment: fixed;
}
.section-3 .inner-bg {
	background:url(img/section-3-bg-2.png) center left no-repeat;
	background-size: 40% auto;
}

.section-3 .row > div {
	text-align: center;
}

.section-3 .col-content {
	padding:40px 10px 90px;
}
.section-3 .col-content h4 {
	font-size:22px;
	padding-bottom:20px;
}

.sq-img-container {
	padding:0px 10px 20px;
}



.section-4 {
	background:#242466 url(img/blue-banner.jpg) right center no-repeat;
	background-size: cover;
	/* background-attachment: fixed; */
	min-height:300px;
	color:#FFF;
	/* transition:background-position 0.02s linear;
      -ms-transition:background-position 0.02s linear;
      -moz-transition:background-position 0.02s linear;
      -o-transition:background-position 0.02s linear;
      -webkit-transition:background-position 0.02s linear;  */ 
}

.section-4 .inner-content {
	padding-top:100px;
	padding-bottom:100px;
	font-size:20px;
}


.section-4 .right-image {
	padding:0px;
	margin:40px;
	background: url(img/closed-box.png) center center no-repeat;
	background-size:contain;
	width:100%;
	min-height:300px;
}
.section-4 .blockquote {
	padding:80px 60px;
	color:#FFF;
	font-size:22px;
	font-weight: normal;
	line-height:32px;
}
.section-4 .blockquote-footer {
	color:#FEFEFE;
}




.section-5 {
	border-bottom:1px solid #242466;
	position:relative;
	z-index:6;
	min-height:300px;
	background: url(img/shapes-left.png) bottom left no-repeat;
	background-size:600px auto;
}


.section-6 {
	min-height:300px;
	width:100%;
	padding-top:55%;
	position:relative;
	overflow:hidden;
}
.section-6 .inner-content {
    background-image: url('img/bottom-pj.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	position:absolute;
	top:15%;
	left:-3%;
	height:110%;
	width:106%;
}


.section-news {
	border-bottom:1px solid #242466;
	position:relative;
	z-index:6;
	min-height:300px;
	background: url(img/shapes-left.png) bottom left no-repeat;
	background-size:600px auto;
	color:#242466;
	font-size:20px;
}
.section-news .container {
	padding:50px 10px;
}


.section-test-title {
	background:#242466;
	color:#FFF;
	position:relative;
}
.section-test-title h2 {
	font-size:20px;
	line-height: 1.4;
	margin:0px;
	padding:25px 5px;
}

.section-test {
	min-height:300px;
	width:100%;
	position:relative;
	background:#E6E6E6;
}


.tlt-location {
  min-height:55px;
  animation-duration: 1s;
  animation-delay: 0s;
  animation-iteration-count: 1;
}

.testimonial-inner {
	margin:0px auto;
	padding:50px 0 20px;
	max-width:1200px;
}
.testimonial-container {
	background:rgba(255, 255, 255, 0.7);
	padding:20px;
	margin-bottom:30px;
}
.testimonial-container:hover {
	background:rgba(255, 255, 255, 0.9);
}
.testimonial-container .sq-img-container {
	min-height:100px;
	max-width:200px;
	margin:0px auto;
}
.testimonial-container .sq-img-container.gear {
	background:url(img/gear-energy.png) center center no-repeat;
	background-size:contain;
}
.testimonial-container .sq-img-container.venturion {
	background:url(img/venturion.png) center center no-repeat;
	background-size:contain;
}
.testimonial-container .sq-img-container.burgesscreek {
	background:url(img/burgess-creek.png) center center no-repeat;
	background-size:contain;
}
.testimonial-container .sq-img-container.bearspaw {
	background:url(img/bearspaw-logo.png) center center no-repeat;
	background-size:contain;
}

.testimonial-container .col-content {
	min-height:180px;
}

.testimonial-container h4 {
	font-size:1.2rem;
	text-align: center;
	padding-bottom:15px;
}
.testimonial-container h4:before {
    content: '\201C';
    position: absolute;
    margin-left: -.5em;
}
.testimonial-container h4:after {
    content: '\201D';
    position: absolute;
    margin-left: 0em;
}

.testimonial-container .testimonial-name {
	color:#333;
	font-size:13px;
	text-align: center;
	line-height:16px;
}
.testimonial-container .testimonial-name .name {
	font-size:14px;
	font-weight: bold;
	line-height:25px;
}

.carousel-indicators {
	bottom:-20px;
}
.carousel-control-next, .carousel-control-prev {
	width:60px;
	color:#242466;
}
.carousel-control-next:hover, .carousel-control-prev:hover,
.carousel-control-next:active, .carousel-control-prev:active,
.carousel-control-next:focus, .carousel-control-prev:focus,
.carousel-control-next:active:hover, .carousel-control-prev:active:hover,
.carousel-control-next.active, .carousel-control-prev.active {
	color:#2C2A67;
}

.carousel-indicators li {
	background-color:#2C2A67;
}


.aboutus {
	padding-top:80px;
	padding-bottom:80px;
}
.aboutus h2 {
	padding-bottom:30px;
	text-align:center;
}

.contact-us-modal {
	padding-bottom:40px;
}






.footer {
	background:url(img/texture-bg.jpg) bottom left no-repeat;
	background-size:cover;
}
.footer .container {
	padding-top:90px;
	padding-bottom:20px;
	font-size:1rem;
}
.footer .contact {
	padding-bottom:20px;
}
.footer .address {
	padding-bottom:20px;
}
.footer .container.very-bottom {
	padding:0px 10px 20px;
}

.arrow-up-red {
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #d02b2f;
  margin-left:-20px;
}
.arrow-up-blue {
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #242466;
  margin-left:-20px;
}
.arrow-bottom {
	position:absolute;
	left:50%;
	bottom:0px;
}

.readmore-action {
	position:absolute;
	left:0px;
	bottom:40px;
	width:100%;
	text-align:center;
}




.btn {
	border-radius:1px;
}
.btn-primary, .btn-primary:visited {
	background:#242466;
	border-color:#242466;
	color:#FFF;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:hover, .btn-primary.active {
	background:#2C2A67;
	color:#FFF;
}


th .title { 
}
th.rotate {
  height:80px;
  white-space: nowrap;
  position:relative;
  padding:15px;
}
th.rotate > div {
  transform: rotate(-80deg);
  position:absolute;
  left:0;
  right:0;
  bottom: 15px;
  margin:auto;
}

.table-striped tbody tr:nth-of-type(2n+1) {
	background-color:transparent;
}
.table-striped tbody tr:nth-of-type(2n) {
	background-color:rgba(0,0,0,0.04);
}
.table th {
    border-top: none;
}


/* Extra large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	.main-body .jumbotron .container {
		padding-top:18%;
	}
}

/* Large devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
/*
	.main-body .jumbotron .jumbotron-inner {
		background:url(img/main-banner-bg.jpg) top right no-repeat;
		background-size:100% auto;
		
		background-attachment: fixed !important;
		z-index:3;
		top:0px;
		left:0px;
		height:100%;
		position:absolute;
		width:100%;
	} */
	.main-body .jumbotron .container {
		padding-top:180px;
	}
	.main-body .jumbotron .akine-brand {
		margin-top:20px;
	}
	.main-body .jumbotron .lead {
		font-size:22px;
		line-height:32px;
	}

	.navbar-collapse {
		background-color: rgba(255, 255, 255, 0.9);
		margin:0px 0px;
		padding:0px 20px;
	}
	.navbar-collapse .nav-item {
		text-align:right;
	}

	.section-2 p {
		padding:20px 0px 30px;
	}

	.section-4 {
		background:#242466 url(img/blue-banner.jpg) left center no-repeat;
		background-size: cover;
		padding:0;
		/* background-attachment: fixed; */
	}
	.section-4 .container {
		margin:0px;
		background:rgba(34, 40, 105, 0.5);
		max-width:100%;
	}
	.section-4 .container .row {
		margin:0px;
	}
	.section-4 .inner-content {
		padding:40px 10px;
		font-size:20px;
		margin:0;
	}

	
	.modal-xl {
		max-width: 95%;
	}


}





/* Medium devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {


	.main-body .jumbotron {
		padding-top:100px;
	}

	.main-body .jumbotron .container {
		padding-top:60px;
	}

	.main-body .jumbotron .jumbotron-inner {
		position:relative;
		height:auto;
	}

	.main-body .jumbotron .akine-brand {
		margin-top:0px;
	}

	

	.section-2 .row > div {
		min-height:auto;
	}
	.large-icon-container {
		padding-top:40px;
	}

	.sq-img-container img {
		max-width:300px;
	}

	.modal-body .caption {
		display:none;
	}


	.section-5 {
		position:relative;
		background: url(img/shapes-left.png) bottom left no-repeat;
		background-size:600px auto;
		padding:40px 20px;
	}

	.section-news {
		position:relative;
		background: url(img/shapes-left.png) bottom left no-repeat;
		background-size:600px auto;
	}
	.section-news .container {
		padding:40px 20px;
	}

	.testimonial-container .col-content {
		min-height:120px;
	}
	

	.modal-xl {
		max-width: 95%;
	}
}



/* Small devices (Extra small phones, less than 576px) */
@media (max-width: 575.98px) {
	.main-body .jumbotron {
		min-height:320px;
	}
	.main-body .jumbotron .container {
		padding-top:60px;
	}
/*	.main-body .jumbotron .jumbotron-inner {
		background:url(img/main-banner-bg.jpg) top right no-repeat;
		background-size:170% auto;
		background-attachment: fixed !important;
		z-index:3;
		top:0px;
		left:0px;
		height:100%;
		position:absolute;
		width:100%;
	} */
	.main-body .jumbotron .akine-brand {
		max-width:250px;
		height:100px;
		margin-top:0px;
		margin-bottom:20px;
	}
	.main-body .jumbotron .lead {
		font-size:22px;
		line-height:30px;
	}

	.modal-body {
		padding:8rem 3rem 2rem;
	}


	.modal-xl {
		max-width: 560px;
	}
}



@media (min-width: 992px) {
	.modal-xl {
		max-width: 95%;
	}

}
@media (min-width: 1200px) {
	.modal-xl {
		max-width: 1140px;
	}

}

