@charset "utf-8";
#bgBlack {
    background-color: #000000;
    color: #FFFFFF;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 20px;
}
#firstPanel  {
    text-align: center;
    margin-bottom: 40px;
    margin-top: 20px;

}



#faceHolder #facePicture{
    width: 100%!important;
    height: auto;
}

#bgBlack section {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    margin-bottom: 40px;
}
#dimension {
	background-color: #F5F2E9;
}
#dimension img {
    width: 100%;
    height: auto;
}


#bgBlack h4 {
    font-size: 140%;
    letter-spacing: 6px;
    margin-bottom: 20px;
}

#bgBlack p {
    line-height: 190%;
    margin-bottom: 20px;
}
#bgBlack section .imageHolder {
    width: 70%;
    margin-right: auto;
    margin-left: auto;
}
#bgBlack section .imageHolder img {
    width: 100%;
    height: auto;
    margin-top: 20px;
}

.dataTable2{
	border-collapse : collapse;
	table-layout : fixed;
	width:100%;
	margin-bottom: 40px;
}

.dataTable2 td,
.dataTable2 th {
	padding: 10px;
	border: thin solid #ccc; 
}
.dataTable2 th {
    background-color: #89A8B5;
    text-align: left;
    width: 30%;
}
#topicsList {
    border-left: 5px solid #FFFFFF;
    border-right: 5px solid #FFFFFF;
    border-bottom: 5px solid #FFFFFF;
    border-top: 5px solid #FFFFFF;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 40px;
}
#topicsList li{
    margin-bottom: 5px;
    font-size: 100%;
}

.borderTitle {
  position: relative;
  text-align: center;
    font-size:140%; 
    margin-bottom:30px;
}
.borderTitle span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 4em;
  padding: 0 1em;
  background-color: #000;
  text-align: left;
}
.borderTitle::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #ccc;
  background: -webkit-linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
  background: linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
}

.titleLine {
  position: relative;
  padding-bottom: .7em;
  border-bottom: 4px solid #ccc;
	color:#fff;
	margin-bottom:25px;
    font-size:150%;
}
.titleLine:after {
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 4px;
  background-color: #3498db;
}


#serviceEx {
    border: 4px solid #52BCDD;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    margin-top: 20px;
    margin-bottom: 30px;
}
#serviceEx .unit {
    width: 100%;
    float: left;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: thin dotted #D3D3D3;
}
.unit .imgHolder {
    width: 30%;
    margin-right: 5%;
    float: left;
}
.unit .imgHolder img{
    width: 100%;
    height:auto;
}
.unit .docHolder {
    width: 65%;
    float: left;
}
.unit .docHolder h3 {
    font-size: 22px;
    padding-bottom: 8px;
}







#related {
	margin-top: 20px;
    margin-bottom: 40px;
    display: block;
}
.hr-text {
	line-height: 1em;
	position: relative;
	outline: 0;
	border: 0;
	color: black;
	text-align: center;
	height: 1.5em;
	opacity: .5;
    margin-top: 30px;
    margin-bottom: 30px;
}
.hr-text:before {
	content: '';
	background: -webkit-linear-gradient(left, transparent, #818078, transparent);
	background: linear-gradient(to right, transparent, #818078, transparent);
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px;
}
.hr-text:after {
	content: attr(data-content);
	position: relative;
	display: inline-block;
	color: black;
	padding: 0 .5em;
	line-height: 1.5em;
	color: #818078;
	background-color: #000;
}
#related h3 {
	margin-bottom: 10px;
}

#related .layout {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#related .layout li {
	width: 30%;
	display: block;
	margin-bottom: 20px;
	margin-left: 1.5%;
	margin-right: 1.5%;
	float: left;
}
#related .layout li .imageHolder {
	width: 60%;
	background-color: #57E0C4;
	margin-right: 20%;
	float: none;
	margin-left: 20%;
	margin-bottom: 16px;
}
#related .layout li .textHolder h4 a {
	color: #39F8E9;
}

#related .layout li .textHolder {
	width: 90%;
	float: none;
	margin-left: 5%;
	font-size: 80%;
}
#bgBlack li .textHolder h4 {
	letter-spacing: 0px!important;
	margin-bottom: 10px;
}

#related .layout li .imageHolder img {
	width: 100%;
	height: auto;
}