@import "products.css";

/*
 Table Of Contents

 1.) index page
 2.) interior page
 ===============================================*/
 /*CUSTOM*/

.center-footer-bbb{
	display: inline-block;
	text-align: center;
	padding-left: 55px;
	padding-top: 10px;
}
.center-footer-bbb img{

}
/*
 1.) index page
 */

#content {
	padding-bottom: 355px;
	width: 100%;
	overflow: auto;
}
.banner {
	background: none repeat scroll 0 0 #006bb6;
	height: 476px;
	position: relative;
	top: -60px;
}
.slides li{
	float:none;
}
.banner .flexslider img {
	margin:0 auto;
	height: 475px;
	/* margin-top: -60px;*/
}
.flexslider .slides{
	/*display:inline-block;*/
	text-align:center;
	z-index:0;
}
.flex-direction-nav li {
	display: none;
}
.flex-control-nav.flex-control-paging {
	display: inline-block;
    list-style: outside none none;
    position: absolute;
    text-align: center;
    top: 359px;
    width: 100%;
    z-index: 1000;
}

.flex-control-nav.flex-control-paging > li {
	  display: inline-block;
    margin-left: 28px;
    width: 20px;

}
.flex-control-nav.flex-control-paging > li > a {
	color: #0068b5;
	display: block;
	background: none no-repeat scroll 0 0 #ffffff;
	font-size: 1.2em;
	height: 20px;
	cursor: pointer;
	padding: 3px 1px 3px 1px;
}
.flex-control-nav.flex-control-paging > li > a.flex-active {
	background: #0068b5;
	color: #ffffff;
}
.flex-control-nav.flex-control-paging > li:hover {
	background: #0068b5;
}
.flex-control-nav.flex-control-paging > li:hover a {
	color: #ffffff;
	background: #0068b5;
}
.images {
	margin-top: -125px;
	padding-bottom: 30px;
}
.images > img {
	float: left;
}
.images img {
	background-color: #ffffff;
	padding: 5px;
	box-shadow: 2px 6px 16px 5px #888888;
	position: relative;
	z-index: 117;
}
.images img+ img {
	margin: 0 0 0 28px;
}
/*.img-data.clearfix {
 position: relative;
 top: -92px;
 }*/
.img-data img {
	float: left;
}
.data {
	width: 76%;
	float: right;
}
.img-data .data p {
	font-size: 1.6em;
	color: #6d6e71;
	width: 100%;
	font-family: Arial;
	margin-bottom: 16px;
}
.data span {
	display: block;
	margin-bottom: 25px;
}
.img-data .data span {
	font-size: 1.7em;
	font-weight: bold;
	color: #6d6e71;
}

.img-data .data span:last-child {
	font-size: 2.4em;
}
.img-data .data span strong a{
	color:#6d6e71;
	font-size: 32px;
	font-weight: bold;
}

.american-standard {
	text-align: center;
	background: #e6e7e8;
}
.american-standard .container img {
	padding: 19px 0;
	position:relative;
}
.container > img:first-child, .container > img:last-child {
	padding: 10px 0;
}
.banner {
	position: relative;
}
i.bg {
	background: url("../images/image2.png") center top no-repeat;
	height: 476px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 6;
	background-size: 103% 476px;
}
.flexslider {
	height: 476px;
	position: relative;
}
.flex-direction-nav {
	display: none;
}
/*
 2.) interior page
 */

.interior-content .container  .error_message {
color: red;
}
 .interior-content span.content-bg {
	background: url("../images/interior-header.png") no-repeat  center bottom ;
    border-bottom: 5px solid #de3841;
    display: block;
   height:100px;
   background-size:104% 130px;
    margin: -94px 0 50px 0;
    padding: 0 0 39px;
    position: relative;
    z-index: 9999;
}

.interior-content span.content-bg-product {
    background: url(../images/interior-header.png) no-repeat center bottom;
    border-bottom: 5px solid #de3841;
    display: block;
    height: 100px;
    background-size: 104% 130px;
    margin: -94px 0 0px 0;
    padding: 0 0 39px;
    position: relative;
    z-index: 9999;
}
.interior #content {
	padding-top: 42px;
}
.interior-content h1 {
	font-size: 3.2em;
	font-weight: bold;
	color: #0068b4
}
.interior-content h2 {
	font-size: 2.4em;
	font-weight: bold;
	color: #e03541
}
.interior-content h3 {
	font-size: 1.8em;
	font-weight: bold;
	color: #6d6e71;
	display: inline-block;
}
.interior-content .container {
	padding: 0 35px 75px;
}
.interior-content .container img.left-align {
	float: left;
	margin: 0 17px 17px 0;
}
.interior-content .container .right-align {
	float: right;
	margin-left: 37px;
	margin-top: -13px;
}
.interior-content .container p {
	font-size: 1.6em;
	font-family: Arial;
	color: #6d6e71;
	margin-bottom: 12px;
	line-height: 1.3;
}

.interior-content .container span {
	color: #0068b4;
	font-size: 1.6em;
	font-family: Arial;
	display: block;
	font-weight: bold;
}
#content.interior-content .container p.list-items {
	clear: both;
	display:block;
}
#content.interior-content .container ul {
	list-style: disc;
	margin-bottom:20px;
	margin-top:20px;
}
#content.interior-content .container li {
	font-size: 1.6em;
	margin-left:30px;
	margin-bottom:10px;
	font-family: Arial;
	color: #6d6e71;
	line-height: 1.3;
}
.interior-content a {
	color: #0068b4;
}
.interior-content a:hover {
	color: #000;
}
.left {
     background: none repeat scroll 0 0 #006bb6;
    display: none;
    height: 100px;
    left: -50%;
    position: absolute;
    top: 101px;
    width: 100%;
}
.right {
    background: none repeat scroll 0 0 #006bb6;
    display: none;
    height: 70px;
    position: absolute;
    right: -50%;
    top: 127px;
    width: 100%;
}


/** ABOUT **/
.team-section {
  width: 80%;
  margin: 20px auto;
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.team-category:{
    margin: 10px 0;
}

.team-section h1, .team-category h2 {
  text-align: center;
  margin-bottom: 20px;
   color: #0068b4;

}

.team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  justify-items: center;
  align-items: center;
}

.team-member {
  text-align: center;
  background-color: #fff;
  padding: 10px;
  border-radius: 8px;
}




.team-member img {
  width: 250px;
  height: 250px;
  object-fit: cover;
  border-radius: 50%;
    object-position: center top; /* Adjust this as needed */

}

.team-member h3 {
  margin: 10px 0 5px;
  display: block;
}

.team-member p {
  margin: 0;
  color: #666;
}

.owner-description {
  margin: 20px 0;
}