/*
 Theme Name:   Greensea Systems
 Theme URI:    http://greensea.com
 Description:  Ultrabootstrap Child Theme
 Author:       Greensea Systems
 Author URI:   https://greensea.com
 Template:     ultrabootstrap
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  ultrabootstrapchild
*/


/*

font-family: halyard-display, sans-serif;
font-weight: 200;
font-style: normal;

Halyard Display Italic

font-family: halyard-display, sans-serif;
font-weight: 400;
font-style: italic;

Halyard Display Regular

font-family: halyard-display, sans-serif;
font-weight: 400;
font-style: normal;

Halyard Display Bold

font-family: halyard-display, sans-serif;
font-weight: 700;
font-style: normal;

Halyard Display Bold Italic

font-family: halyard-display, sans-serif;
font-weight: 700;
font-style: italic;

*/

.grecaptcha-badge {visibility: hidden;}
.gss-small {font-size: .7em; color:#867c70}


body { padding-top: 70px !important; font-size:15px; font-family: 'Roboto', sans-serif; font-weight:300; color: #292929; overflow-x: hidden;}
#secondary {margin-top: 65px;}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 200;
	font-family: 'Roboto', sans-serif;
}


a {
    color: #007940;
}
a:visited {
    color: #4B9D45;
}
a:hover,
a:focus,
a:active {
    color: #4B9D45;
}

div.hover08 a:link {
  color: #fff;
}
div.hover08 a:visited {
  color: #fff;
}

/* secondary menu */
.menu-top-view-container {
	position: relative;
z-index: 10;
	margin: 5px 0 0 0;
}


.spacer {  padding-top: 60px;
    padding-bottom: 60px;
}
/* career page */
.spacer-10 {padding-top: 10px; padding-bottom: 25px;}

.spacer-30 {padding-top: 30px; padding-bottom: 60px;}

/* otm headline*/

.otm-blue {
	background-color: #1f4d5e;
	color: #ffffff;
	padding: 10px 8%;
}
h4.otm-blue {
	font-family: halyard-display, sans-serif;
	font-weight:700;
	text-transform: uppercase; 
	font-size: 2em;
}
p.otm-blue {
	font-family: halyard-display, sans-serif;
	font-weight:200;
	font-size: 1.75em;
}
.heading-otm {
	position: absolute;
	left: 30%;
	top: 3em;
	width: 100%;
	padding: 2em;
}
 @media (max-width: 767px) {
        .heading-otm {
			width: 100%;
			left: 1em;
			top: 2em;
			
			}
}

.heading-otm h1 {
	font-family: halyard-display, sans-serif;
	color: white;
	font-size:9rem;
	font-weight:700;
}

.otm-light {
font-family: halyard-display, sans-serif;
font-weight: 200;
font-style: normal;
}
.otm-height {
	height: 50px;
}

@media (min-width:992px){
    .row.auto-clear .col-md-4:nth-child(3n+1){clear:left;}
}
@media (max-width:991px){
    .row.auto-clear .col-xs-6:nth-child(2n+1){clear:left;}
}
.heading-oi {
    width: 100%;
    padding: 5em 0 0 50%;
}
 @media (max-width: 987px) {
        .heading-oi {
			padding: 1em 0 0 1em;
			
			}
}
.heading-oi h1 {
	font-family: halyard-display, sans-serif;
	color: white;
	font-size:6rem;
	font-weight:700;
}

.oi-description {
	width: 50%;
	position: relative;
	float: right;
}
 @media (max-width: 987px) {
        .oi-description {
			width: 100%;
			left: 1em;
			top: 2em;
			}
}

.oi-description p {
	font-weight: 200;
	color: #ffffff;

}

/*newsletter form*/
.newsletter-signup {margin: 30px 0px 50px;
}
.bg-signup {
	background-color: #d2d1d0;
	padding: 0px 20px;
margin-top: -1.8em;
}

h2.signup-heading {
font-weight: 700;
font-stretch: normal;
font-size: 20px;
line-height: 27px;
font-family: Open Sans;
	
}
.sign-up {
	background-color: #007940;
	padding: 10px;
color: #fff;
}
.mktoForm {
  width:100% !important;
}
.display-none {display: none;}
.mktoForm .mktoOffset {
    float: left;
    height:0 !important;
}
.mktoFormRow, .mktoFieldWrap, .mktoFormCol, .mktoButtonRow {
  width:100%;
}
.mktoForm input[type=url], 
.mktoForm input[type=text], 
.mktoForm input[type=date], 
.mktoForm input[type=tel], 
.mktoForm input[type=email], 
.mktoForm input[type=number], 
.mktoForm textarea.mktoField, 
.mktoForm select.mktoField {
  width:100% !important;
}
.mktoButtonRow {
  text-align:center !important;
}
.mktoButtonWrap {
  margin-left:0 !important;
}
.mktoForm .mktoRequiredField label.mktoLabel {
    font-weight:normal !important;
}
.mktoLabel  {
    font-weight:normal !important;
	display: none;
}

/*button - wordpress */
.wp-block-button__link {
border-radius: 3px !important;
}

/*testing */

.container-otm {
  position: relative;
  width: 100%;
}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}


.middle {
  transition: .25s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.container-otm:hover .image {
  opacity: 0.3;
}

.container-otm:hover .middle {
  opacity: 1;
}


.hover-text-otm {
	font-family: halyard-display, sans-serif;
	text-align: center;
	color:#000000;
	font-weight:700;
	font-size: 2.5em;
}


.hover-otm-subhead {
    font-family: halyard-display, sans-serif;
	padding-top: 2rem;
	color:#000000;
	font-weight:200;
	font-size: 21px;
}
#secondary-otm.widget-area {
	margin-top: 45px;
}
ul.otm {
    list-style-type: none;
	padding-left: 0px;
	font-size:18px;
}
ul.otm li {
	margin: 10px 0;
}



/*button changes and sales message*/
.btn-danger {color: white; background-color: #007940 !important; border-color: #007940 !important; margin-top:2em; font-weight: 100;}
.btn-danger:hover {color: white; background-color: #4B9D45 !important; border-color: #4B9D45 !important;}
.btn-danger:visited {color: white; background-color: #007940 !important; border-color: #007940 !important;}
li.btn {color:white;}
.btn-link {
	font-size: 18px !important;
font-weight: 200 !important;
color: #007940 !important;
	padding: 0px;
}

.well {
  min-height: 20px;
	padding: 19px;
    margin: 20px 15px;
    background-color: #fafafa;
    border: 1px solid #f5f5f5;

border-radius: 0px;

-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .01);

box-shadow: inset 0 1px 1px rgba(0, 0, 0, .01);

}

.job-title {
  font-size: 18px;
  font-family: "Roboto";
  color: rgb(0, 121, 64);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.2;
  }

.job-title-small {
  font-size: 14px;
  font-family: "Roboto";
  color: rgb(0, 121, 64);
  font-weight: 400;
  line-height: 1.2;
  
}
.apply-date {
	font-weight: 700;
	margin-left: 3px;
	color: red;
}
.countdown {
	font-weight: 300;
	margin-left: 1em;
	color: #292929;
	font-size: 13px;
}
.coveranchor {
	z-index: 50;
}
li.sidebar-location {
	font-size: 12px
}
.job-footer {
	margin: 15px 20px;
}

div.hover08 a:link {
  color: #fff;
}
div.hover08 a:visited {
  color: #fff;
}


.job-section {
	margin: 25px 0px;
}

h4.sales {
	letter-spacing: 2px;
text-transform: uppercase;
border-bottom: 2px solid #007940;
display: inline-block;
padding-bottom: 10px;
margin-bottom: 20px;

}
.border-top {border-top:thin solid #D4D4D4;}
.welcome {
    background: #fff;
    height: 500px;
	margin-top:10px;
}
.welcome div {
    height: 100%;
	
}
.welcome .message {
    background-color: #007940;
    color: #fff;
    padding: 30px;
    position: relative;
}

.welcome .message p {font-size:1.5em; font-weight: 100;}
.wpcf7-form {width:100% !important;}
.wpcf7-form input[type="text"], input[type="email"], input[type="number"], input[type="tel"], textarea {width:100% !important; color: #454545;}
.form-row p{
display: inline-block;
	color: #454545;
}

.wpcf7-form-control .wpcf7-submit {
    background-color: #007940;
	color: #ffffff;
    border: none;
    box-shadow: none;

	
}
input.wpcf7-submit {
    background-color: #007940;
    border: none;
    box-shadow: none;
	color: #ffffff;
}
.minor-padding {
	margin-bottom:3px !important;
}

.gss-green {color: #007940 !important;}
.gss-bold {font-weight:500;}
.top-buffer { margin-top:20px; }
.float-right {float: right;
clear: both;}

/*changes to navbar */
.navbar {min-height: 75px !important;}
.navbar-nav > li > a {
   line-height: 50px;
}
.custom-logo {margin-top:15px;}

.navbar .navbar-center {
    display: inline-block;
    float: none;
}

.navbar .navbar-collapse {
    text-align: center;
}


/*end changes to navbar */

/*navbar jump link issues*/
.anchor:before { 
  display: block; 
  content: " "; 
  margin-top: -75px; 
  height: 75px; 
  visibility: hidden; 
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}


.gss-gray {
	background-color: #eee;
	padding: 25px;
}
/*news page*/
h3.news-title {
	line-height: 1.3;
}

/*new-fullwidth pages */
.bgimage {
  width:100%;
  height:550px;
  position: relative;
}

.bgimageotm {
  width:100%;
  height:300px;
  position: relative;
}
.bgimagecomm {
  width:100%;
  height:300px;
  position: relative;
}

.heading {
	position: absolute;
	left: 8em;
	top: 10em;
	width: 75%;
	padding: 2em;
}
 @media (max-width: 767px) {
        .heading {
			width: 100%;
			left: 1em;
			top: 2em;
			}
}

/*oem showcase */

.heading-oem {
    position: absolute;
    right: 4em;
    top: 7.5em;
    padding: 2em;
    text-align: right;
    width: 85%;
}
.heading-oem h1 {
    color: rgba(255,255,255,0.64);
    font-size: 5em;
    margin-top: 3em;
    font-weight: 700;
    text-transform: uppercase;
}
.heading-oem h3{
    color: #fff;
    font-size: 1.5em;
    font-weight: 200;
    text-transform: uppercase;
	margin-top: -0.6em;
}
ul.social-media-list img {
    padding: 5px;
    width: 36px;
    height: 36px;
}

ul.social-media-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 0px; /* eliminate space between li */
}

ul.social-media-list li {
    display: inline-block;
	margin: 2px;
}

/*community */

.community-row {
	min-height: 310px;
}

.oi-white {
		min-height: 340px;
}

#bbpress-forums p.bbp-topic-meta img.avatar{
	display : none !important;
}

img.avatar img.avatar-14 photo {
	display : none !important;
}

#bbpress-forums div.bbp-topic-author, #bbpress-forums div.bbp-reply-author {
	display: none !important;
}
.bbp-author-avatar .avatar {
	display: none !important;
}
.bbp-logged-in img.avatar {display: none !important;}

#bbpress-forums {
background: transparent;
clear: both;
margin-bottom: 20px;
overflow: hidden;
font-size: 12px;
}
.event-row,.otm-white, .sidebar-white, .oi-white{
	background-color: #fff;
	color: #333333;
	padding: 10px;

}

#bbpress-forums {
	background: transparent;
	clear: both;
	margin-bottom: 20px;
	overflow: hidden;
	font-size: 15px;
}

#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
	font-size: 15px;
	overflow: hidden;
	border: 1px solid #eee;
	margin-bottom: 20px;
	clear: both;
}

#bbpress-forums .bbp-forums-list li {
	display: inline;
	font-size: 13px;
}

#bbpress-forums div.bbp-forum-title h3,
#bbpress-forums div.bbp-topic-title h3,
#bbpress-forums div.bbp-reply-title h3 {
	background: none;
	border: none;
	font-size: 18px;
 	line-height: 1em;
 	margin: 8px 0;
	padding: 0;
	text-transform: none;
}

#bbpress-forums div.bbp-forum-author .bbp-author-role,
#bbpress-forums div.bbp-topic-author .bbp-author-role,
#bbpress-forums div.bbp-reply-author .bbp-author-role {
	font-size: 13px;
	font-style: italic;
}

span.bbp-author-ip {
	font-family: 'Helvetica Neue', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #aaa;
}

div.bbp-breadcrumb,
div.bbp-topic-tags {
	font-size: 15px;
}

span.bbp-admin-links a {
	color: #bbb;
	font-weight: normal;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
}

.bbp-row-actions #favorite-toggle a {
	text-decoration: none;
	padding: 0 3px 1px;
	color: #7c7;
	border: 1px solid #aca;
	background-color: #dfd;
	font-weight: bold;
	font-size: 15px;
}

.bbp-row-actions #subscription-toggle a {
	text-decoration: none;
	padding: 0 3px 1px;
	color: #7c7;
	border: 1px solid #aca;
	background-color: #dfd;
	font-weight: bold;
	font-size: 15px;
}
	
#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
	font-size: 13px;
	margin: 5px 0 5px;
	padding: 0;
	word-wrap: break-word;
}

	.bbp-topic-pagination a {
		font-size: 12px;
		line-height: 11px;
		padding: 1px 3px;
		border: 1px solid #ddd;
		text-decoration: none;
}

body.page .bbp-reply-form code,
body.page .bbp-topic-form code,
body.single-topic .bbp-reply-form code,
body.single-forum .bbp-topic-form code,
body.topic-edit .bbp-topic-form code,
body.reply-edit .bbp-reply-form code {
	font-size: 12px;
	background-color: #f0fff8;
	border: 1px solid #CEEFE1;
	display: block;
	padding: 8px;
	margin-top: 5px;
	width: 369px;
}

#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
	width: 100%;
	margin: 0;
	font-size: 15px;
}

#bbpress-forums div.bbp-the-content-wrapper input {
	font-size: 15px;
	padding: 5px;
	margin: 0 2px 0 0;
	line-height: 1em;
}

	#bbpress-forums #bbp-your-profile fieldset span.description {
		margin: 5px 0 0 20%;
		font-size: 15px;
		font-style: italic;
		float: left;
		clear: left;
		width: 60%;
		padding: 5px 8px;
		border: #cee1ef 1px solid;
		background-color: #f0f8ff;
}

	div.bbp-template-notice p {
		margin: 0.5em 0 6px 0 !important;
		padding: 2px;
		font-size: 15px;
		line-height: 140%;
}

.bbp-topics-front ul.super-sticky,
.bbp-topics ul.super-sticky,
.bbp-topics ul.sticky,
.bbp-forum-content ul.sticky {
	background-color: #ffffe0 !important;
	font-size: 1.2em;
}

#bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log,
#bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log,
#bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log {
	border-top: 1px dotted #ddd;
	width: 100%;
	margin: 0;
	padding: 8px 0 0 0;
	font-size: 13px;
	color: #aaa;
}

.bbp-logged-in h4 {
	font-weight: bold;
	font-size: 1.6em;
	clear: none;
	margin-bottom: 10px;
}

#bbpress-forums h1 {
	clear: none;
	font-size: 2.1em;
	line-height: 1em;
	padding-bottom: 10px;
}

#bbpress-forums #bbp-user-wrapper h2.entry-title {
	font-size: 1.6em;
	margin: 0;
	padding-bottom: 10px;
	padding-top: 0;
	clear: none;
}

#bbpress-forums div.row-actions {
	font-size: 13px;
	visibility: hidden;
}

	div.bbp-search-form input,
	div.bbp-search-form button {
		font-size: 13px;
		padding: 2px;
}

	#bbpress-forums .bbp-forums-list li {
		display: block;
		font-size: 13px;
}

	#bbpress-forums div.bbp-reply-author .bbp-author-role {
		font-size: 15px;
		font-style: normal;
}
	#bbpress-forums .bbp-body div.bbp-reply-content {
		clear: both;
		margin: 10px;
		padding: 0;
}
	#bbpress-forums li.bbp-header,
	#bbpress-forums li.bbp-footer {
		font-size: 12px;
}

.otm-white{
	margin-top:5px;
}
.sidebar-white {
	margin-top:15px;
}

.commcard-text p {
	margin: 15px 8px;
	font-size: 1.3em;
	color: #333333 !important;
}
.detail-community {
	padding-top:10px;
}


.heading-career {
	position: absolute;
	left: 8em;
	top: 21em;
	width: 75%;
	padding: 2em;
}
 @media (max-width: 767px) {
        .heading-career {
			width: 100%;
			left: 1em;
			top: 2em;
			
			}
}

.heading-career h1 {
	color: white;
	font-size:48px;
	font-weight:300;
}

.heading-career h3 {
	color: white;
	line-height: 1.5;
	font-weight:300;
}

.heading-right {
	position: absolute;
	right: 4em;
	top: 10em;
	padding: 2em;
	text-align: right;
	width: 85%;
}
 @media (max-width: 767px) {
        .heading-right {
			width: 100%;
			right: 1em;
			top: 2em;
			}
}
.hg-vehicle {
position: absolute;
	right: 4em;
	top: 12em;
	padding: 2em;
	text-align: right;
	width: 375px;
	z-index: 50;
}
img.hg-vehicle {
	right: -70px;
	width: 100%;
}
.hg-openparagraph {
	font-weight: 200;
	}
.hg-inset {
	font-size: 22px;
}
/*career page*/
.career-top-paragraph {
	font-size:24px;
	font-weight:700;
	padding: 1.5em 1.5em 1em 1.5em;

}
.career-top-paragraph2 {
	font-size:24px;
	font-weight:500;
	padding: 0em 1.5em 1em 1.5em;

}
.vertical-align-img{
    height: 300px;
    position: relative;
}

.vertical-align-img img{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.location-overlay {
color: #000;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
background-color: rgba(255,255,255,0.75);
text-align: center;
}


.first-last-10perc >.wp-block-column:first-child{ flex-basis: calc(66% - 16px); } 
.first-last-10perc >.wp-block-column:last-child{ flex-basis: calc(33% - 16px); margin-top: 50px;
padding: 25px;
	font-size: 18px;
	font-weight: 200;
}

.detail-content {padding-top: 50px;}
.first-last-green {
	margin-top: 50px; 
	background-color:#007940;
    padding: 25px;
	font-size: 18px;
	font-weight: 200;
	color: white;
	
}

div.first-last-green a:link {
  color: #fff;
}
div.first-last-green a:visited {
  color: #fff;
}
p.strong {
	font-weight: 500;
	font-size: 17px;
}
.mag-callout {
	background-color: #d9d8d6;
	padding: 10px 20px;
	
}
.heading h1, .heading-right h1 {
	color: #fff;
	font-size: 38px;
}
h3.page-subhead {
	color: #fff;
	font-weight:200;

}

.next-section {
	min-height: 100px;
	background-color: #007940;
	color: #fff;
	padding: 25px 10%;
}

.next-section2 {
	min-height: 100px;
	background-color:#007940;
	color: #fff;
	padding: 25px 10%;
}
.xtarget:target { margin-top:-25px; padding-top:120px; }

/*end new-fullwidth.php */

	.vertical-align {
    display: flex;
    align-items: center;
}



h3.gss-heading {
	text-align: center;
	font-weight: 100;
	font-size: 2rem;
	position: relative;
line-height: 1.48;
margin: 15px 10%;
}

@media (min-width: 768px) {
	h3.gss-heading {
	text-align: center;
	font-weight: 100;
	font-size: 4rem;
	position: relative;
line-height: 1.48;
margin: 15px 10%;
}
	
}

h5.gss-heading{
	text-align: center;
	font-size: 2.5rem;
	position: relative;
	line-height: 1.43;
margin: 15px 10%;
}
.gss-col-left {
	border-left: solid medium #007940;
}
p.gss-col-left {margin-left: 8px;}


.padding-right {padding-right: 5px;}
.padding-left {padding-left:8px;}
.padding-top {padding-top:1rem;}
h1.padding-top2 {padding-top:2rem;}
.padding-equal {padding: 0px 35px;}
.margin-75 {margin-top: 75px;}


.image-space {
	height: 1em;
}
 @media (min-width: 768px) {
	 .image-space {
	height: 4em;
}
}

.pipe {margin: 0 5px;}
h4.widget-title  {margin-top: 2rem;}
h4.brochure-link {
	margin-top: 2rem;
	font-size: 22px;
	line-height: 1.25;
}

.gss-space {margin-top:8px;}
.img-responsive {margin: auto;}


.test-banner::after {
    content: "";
    position: absolute;
    top: 0;
    width: 93%;
    height: 100%;
    background-image: linear-gradient(120deg, #444444, #ffffff);
    opacity: .1;
}

.footers {color:antiquewhite; background-color: #333333; padding: 15px 0;}
footer {color:antiquewhite; background-color: #333333;}
footer .social a {
    font-size: 15px;
	color:antiquewhite;
}

.comment-meta {background-color: #fff;}
.comment-author {color: #333333;}
.comment-content {margin: 10px 25px;}

/* homepage  */

h5.summary {
    font-size: 1.2em !important;
  margin: 10px 0px 15px;
line-height: 1.5;
}

.no-padding {
  padding-left: 0;
  padding-right: 0;
}
.custom-logo {
	margin-top: 8px;
}

.post-content-home {
   color: #ffffff; 
	position: absolute;  
    left: 50%;                        /* horizontal alignment */
    top: 50%;                         /* vertical alignment */
    transform: translate(-50%, -40%);
}
.gss-header{
    position:relative;
    
}
.details {
    position: absolute; 
    z-index: 2; 
    color: #ffffff; 
}

.banner-text{
	color: #fff;
}
.banner-text h1{
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 8vw;
	text-transform: uppercase;
	padding-bottom:15px; 
}

.banner-text p{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 2vw;
	padding-bottom:15px; 
	letter-spacing: 0.05em;
}
 @media (max-width: 767px) {
        .banner-text p{
	font-size: 4vw;
	 } }

.iconsize {
	font-size: 4vw;
	padding-top: 50px;
	color:rgba(255,255,255,0.48)
}

.overlay-text {
   color: #fff; 
	position: absolute;  
    left: 50%;                        /* horizontal alignment */
    top: 50%;                         /* vertical alignment */
    transform: translate(-50%, -50%);
}

.hover08 figure {
	/*background: #007940;  */
	position: relative;
}


.hover-text {
   color: #EAEAEA; 
	position: absolute;  
    left: 50%;                        /* horizontal alignment */
    top: 95%;                         /* vertical alignment */
    transform: translate(-50%, -75%);
}





.btn-appoint, .btn-appoint:hover, .btn-appoint:focus{
	margin-top: 30px;
	padding: 10px 20px;
	font-size: 12px;
	background-color: rgba(12, 184, 182, 0.91);
	border-radius: 3px;
	color: #fff;
}
.overlay-detail a i {
    text-align: center;
    position: absolute;
    bottom: 25px;
    font-size: 38px;
    color: #fff;
    margin: 0 auto;
}
.text-primary i{
    padding-top: 8px;
    display: inline-block;
}
/*Engage page*/


/*accordion */


#accordion .panel{
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 1px;
    position: relative;
}
#accordion .panel:before{
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    border: none;
    position: absolute;
    top: 25px;
    left: 18px;
}
#accordion .panel:last-child:before{ display: none; }
#accordion .panel-heading{
    padding: 0;
    border: none;
    border-radius: 0;
    position: relative;
}
#accordion .panel-title a{
    display: block;
    padding: 10px 30px 10px 60px;
    margin: 0;
    background: #fff;
    font-size: 18px;
    font-weight: 200;
    letter-spacing: 1px;
    color: #007940;
    border-radius: 0;
    position: relative;
}
#accordion .panel-title a:before,
#accordion .panel-title a.collapsed:before{
    content: "+";
    font-family: "Roboto";
    font-weight: 100;
    width: 40px;
    height: 100%;
    line-height: 40px;
    font-size: 1.5em;
    color: #007940;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease 0s;
}
#accordion .panel-title a.collapsed:before{
    content: "-";
    background: #fff;
   color: #007940;
}
#accordion .panel-body{
    padding: 10px 30px 10px 30px;
    margin-left: 40px;
    background: #fff;
    border-top: none;
    
}
/*secret contact page */
.panel.panel-horizontal {
    display:table;
    width:100%;
}
.panel.panel-horizontal > .panel-heading, .panel.panel-horizontal > .panel-body, .panel.panel-horizontal > .panel-footer {
    display:table-cell;
}
.panel.panel-horizontal > .panel-heading, .panel.panel-horizontal > .panel-footer {
    width: 25%;
    border:0;
    vertical-align: middle;
}
.panel.panel-horizontal > .panel-heading {
    border-right: 1px solid #ddd;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
}
.panel.panel-horizontal > .panel-footer {
    border-left: 1px solid #ddd;
    border-top-left-radius: 0;
    border-bottom-right-radius: 4px;
}
.margin-left5 {margin-left:5px;}

/*OEM Carousel */

.nav-tabs {
border:none;
}
.nav-tabs li {
	border: none;
}
.nav-tabs li a {
	border: none;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
{border:none;}
.nav-tabs > li > a {
     margin-right: 2px;
    line-height: 1.42857143;
    border: none !important;
    border-radius: 4px 4px 0 0;
	font-size: 2vw;
	text-align: center;
	font-weight: 100;
	margin-bottom: 1em;
}
.nav > li > a {
 position: relative;
    display: block;
    padding: none;
	
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus 
{ 
cursor: default;
background-color: transparent;}

.nav > li > a:hover, .nav > li > a:focus {
text-decoration: none;
    background-color: transparent;
	

}
/*horizontal scroll */

/* This container element gives us the scrollbars we want. */
div.horizontal {
    width: 100%;
	max-height: 250px;
    overflow: auto;
	  scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* IE 10+ */
}
.horizontal::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}
/* table-layout: fixed does a lot of the magic, here. It makes sure that the "table cells" retain the pixel dimensions you want.*/
.table {
    display: table;
    table-layout: fixed;
    width: 100%;
}

/* Arranging your content inside the "cells" is as simple as using the vertical-align and text-align properties. Floats work, too.
div.testarticle {
    width: 400px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
/* Scrollbar with Hover Transition Effect 
.container::-webkit-scrollbar {
	width: 14px;
}
.container::-webkit-scrollbar-thumb {
	background-clip: content-box;
	border: 4px solid transparent;
	border-radius: 7px;
	box-shadow: inset 0 0 0 10px;
}
.container::-webkit-scrollbar-button {
	width: 0;
	height: 0;
	display: none;
}
.container::-webkit-scrollbar-corner {
	background-color: transparent;
}
.container {
	overflow: auto;
	color: #000000;
	transition: color 0.3s;

	&:hover {
		color: #666666FF;
	}
}