@font-face {
  font-family: 'Calibri-Light';
  src: url('../fonts/CalibriL.ttf');
  font-weight: lighter;
  font-style: normal;
}
@font-face {
  font-family: 'Avantgarde-demi';
  src: url('../fonts/ITCAvantGardeStd-Demi.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans-Light';
  src: url('../fonts/OpenSans-Light.ttf');
  font-weight: lighter;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Semibold';
  src: url('../fonts/OpenSans-Semibold.ttf');
  font-weight: 600;
  font-style: normal;
}

  @font-face {
  font-family: 'Myriadpro-Regular';
  src: url('../fonts/MYRIADPRO-REGULAR.OTF');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Regular';
  src: url('../fonts/OpenSans-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Extrabold';
  src: url('../fonts/OpenSans-ExtraBold.ttf');
  font-weight: bolder;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Bold';
  src: url('../fonts/OpenSans-Bold.ttf');
  font-weight: bold;
  font-style: normal;
}





.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

body,h1,h2,h3,h4,h5,h6,p,div, ul, li a{margin: 0; padding: 0; border: 0;}
h1,h2,h3,h4,h5,h6{line-height: 100%;}
p{font-size: 12px;}
a {
  display: block;
}
li{list-style: none;}
body{
font-family: 'OpenSans-Light';
color: #000;
background-color: #fff;	
}

header{background-color: #fff;}
.container{width: 95%; max-width: 1211px; margin: 0 auto; position: relative;}
.top-widht{width: 100%; height: 48px; background: #191919;}

.left{float: left;}
.right{float: right;}
.top-text{color:#d2d2d2; background-color: #000; padding: 14px 103px 17px 66px;  height: 17px; width: 424px;  }
.top-text p{font-size: 18px; font-family: 'Calibri-Light'; }
.top-contact, .top-email{background-color: #eb7a2f; height: 48px; /*padding: 19px 0 13px 0px;*/}
.top-contact.left > img, .top-email > img {background: #fff none repeat scroll 0 0; float: left; padding: 12px 17px 9px;}
.top-email > img {
  padding-bottom: 24px;
}
.top-contact p, .top-email p{padding: 14px 0 17px 94px; font-size: 18px; font-family: 'Myriadpro-Regular'; color: #fff; }
.top-contact{max-width: 272px; width: 95%;}
.top-email {
  /*max-width: 415px;*/
  max-width: 558px;
  width: 95%;
}
.logo, .h-heading {margin: 33px 0 27px;}
.h-heading{margin-right: 16px; padding: 8px 10px 5px 13px; font-size: 20px; text-transform: uppercase; font-family:'Avantgarde-demi'; 	background-image: url('../images/h-heading.png');  }
.h-heading h1{color: #ee8c4c; font-size: 40px;}
.h-heading h1 strong{color: #fff;}
.main-slider{background: url('../images/slider.png'); height: 440px; width: 100%;}
.slider {
  bottom: 0;
  position: absolute;
  top: 171px;
  z-index: 1000;
}
.slider h1, .slider h2, .slider h3 {font-family: 'OpenSans-bold'; color: #ffffff; text-transform: uppercase;}
.slider h1{font-size: 75px; }
.slider h2{font-size: 36px;}
.slider h3{font-size: 66px; color: #eb7a2f;}
.services {
  background-color: #fff;
  bottom: 0;
  position: absolute;
  top: 384px;
  z-index: 1000;
  font-family: 'OpenSans-Regular'
}
.services ul{float: left; width: 786px; background-color: #f5f5f5; height: 92px; }
.services ul li:hover{background-color: #eb7a2f; }

.services ul li{width:247px; height: 62px; float: left; padding: 16px 7px 14px; background-color: #eb7a2f; border-right:1px solid #873a22; text-transform: uppercase;}
.services ul li:last-child{border-right: 1px solid #eb7a2f; }
.services ul li h2 {
  color: #fff;
  font-size: 18px;
  font-weight: normal;
}


.services ul li p{font-size: 10px; text-transform: capitalize; color: #fff;}
.services ul li img{float: left; background: #fff; }
.services .right {
  width: 164px;
  margin-top: 16px;
}
.services .left {
  width: 68px;
}
.contact-info {
  background-color: #fff;
  border-radius: 10px;
  bottom: 0;
  height: 393px;
  padding: 41px 24px 11px;
  position: absolute;
  right: 85px;
  top: 22px;
  width: 222px;
  z-index: 1000;
  -webkit-box-shadow: -6px 60px 20px -58px rgba(50, 50, 50, 0.35);
-moz-box-shadow:    -6px 60px 20px -58px rgba(50, 50, 50, 0.35);
box-shadow:         -6px 60px 20px -58px rgba(50, 50, 50, 0.35);
}
.contact-info h2 {
  color: #6c6b6b;
  font-family: "OpenSans-Light";
  font-size: 21px;
  font-weight: normal;
  margin-bottom: 24px;
  text-transform: uppercase;
}
.contact-info h1 {
  font-family: "OpenSans-Extrabold";
  font-size: 28px;
  margin-bottom: 19px;
}
.contact-form input {
  border: 2px solid #363535;
  font-family: "OpenSans-Light";
  font-size: 12px;
  height: 10px;
  padding: 13px 8px;
  width: 205px;
}
.contact-form a {
  background: #eb7a2f none repeat scroll 0 0;
  border-radius: 20px;
  color: #fff;
  height: 14px;
  padding: 9px 13px 14px 18px;
  text-align: center;
  text-decoration: none;
  width: 86px;
}
.contact-form p {
  margin-bottom: 10px;
  font-family: 'OpenSans-Bold';
  color: #363535;
  text-transform: uppercase;
  font-size: 14px;
}
.contact-form a{font-family: 'Myriadpro-Regular'; text-transform: capitalize; }
.contact-form a:hover{ text-decoration: underline; }
.contact-form > div {
  margin-bottom: 13px;
}
#contact-form > div:last-child {
  margin-bottom: 0;
}




.main-content {
  margin-top: 66px;
  width: 100%;
}
.main-content h1 {
  
  color: #6e6e6e;
  font-family: 'OpenSans-Semibold';
  text-transform: uppercase;
  font-size: 20px;
  padding-left: 313px;
  
}
hr {
  display: block;
  margin: 19px auto 31px;
  width: 80%;
}
.content {
  float: left;
  width: 100%;
  font-family: 'OpenSans-Light';
}
/*.content ul {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}*/
.content ul {
  float: left;
  margin: 0 auto 10px;
  max-width: 1080px;
  padding: 0 22px;
  width: 95%;
  border-right: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8;
}
.content ul li {
  float: left;
  margin-right: 51px;
  max-width: 315px;
  min-height: 150px;
  width: 28%;
}
.content ul li h2{ font-family: 'OpenSans-Semibold'; color: #191919; font-size: 14px; margin-bottom: 7px;}
.content ul li p {
  color: #191919;
  font-size: 11px;
}
.content ul li img{float: left;}
.content ul li .right {
  width: 246px;
}
.content ul li .left {
  width: 50px;
}

/*footer {
  background: #191919 none repeat scroll 0 0;
  float: left;
  width: 100%;
  padding: 30px 0 10px;
  font-family: 'Calibri-Light';
}*/

footer {
  background: #191919 none repeat scroll 0 0;
float: left;
font-family: "Calibri-Light";
height: 37px;
padding: 12px 0 6px;
width: 100%;
}

.fotr-nav ul{width: 100%}
.fotr-nav ul li{float: left; margin-right: 10px;}
.fotr-nav ul li:last-child{margin-right: 0;}
.fotr-nav ul li a{text-decoration: none; color: #eb7a2f; font-size: 15px; text-transform: capitalize; font-family: 'Calibri-Light';}
.copyright {margin-top: 5px;}
.copyright p{color: #8c8c8c;}

.top-container {
  margin: 0 auto;
  padding: 0;
  width: 1423px;
}
.content-border {
  border-bottom: 1px solid #d8d8d8;
  margin: 0 0 32px 116px;
  width: 883px;
}