@charset "utf-8";
/* CSS Document */
body{margin:0 auto;background:url(../images/bg.png) repeat-x top #fefefd; padding:0px; overflow-x:hidden;}

.clear{clear:both;}

a{text-decoration:none; color:#404141;}

img{border:none;}

a:hover{text-decoration:none; color:#e56527;}

h1 {border-bottom: 3px solid #BBBCBF; margin:0px 0 20px 0; padding:9px 0px 15px 0px; font-family:'Myriad Pro Regular'; font-size:24px; color:#202121;}

p{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#2021211; line-height:20px; text-align:justify; line-height:20px;}

.img-center{margin:0 auto; text-align:center;}

.hmpcontent{margin:0px auto; padding:0px; width:1000px;}

.social_icon{margin:0px auto; padding:10px 0; float:right;}

.affix { top: 0; width: 100%; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; background-color: none; z-index:99999999;}

.social_image_icon{margin:0px; padding:11px 2px; float:left;}

.logo{margin:0px; padding:28px 0px;}

.banner{ background: url(../images/banner.png) no-repeat center;margin:0 auto; padding:20px 0px; height:366px;}

.middle-content{margin:0px; padding:35px 0;}

.row-content{margin:0px; padding-bottom:40px;}

.img_left{margin:0px; padding:0px; float:left; width:220px; text-align:center;}

.img_right{margin:0px; padding:0px; float:right; width:250px; text-align:center;}

.img_left p{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#2021211; line-height:20px; text-align:center;}

.img_right p{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#2021211; line-height:20px; text-align:center;}

.back_office_table{margin:0px; padding:0px; float:left; width:575px;}

.left_table{margin:0px; padding:0px; float:left; width:200px; line-height:22px;}

.right_table{margin:0px; padding:0px; float:right; width:330px; line-height:22px;}

.inner_heading_list{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#202121; text-align:justify; vertical-align:top;}

ul li{list-style:url(../images/bullet_arrow.png); font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#202121; text-align:justify; vertical-align:top; padding:0px; margin:0px;text-align:left; line-height:28px;}

.right{margin:0px; padding:0px; width:400px; float:right; line-height:23px;}

.left_table_portfolio{margin:0px; padding:0px; float:left; width:225px; line-height:22px;}

.right_table_portfolio{margin:0px; padding:0px; float:right; width:347px; line-height:22px;}

.contact_us{padding:0px; margin:0px; float:left; width:1000px;}

.contact_left{padding:0px; margin:0px; float:left; width:300px;}

.contact_right{padding:0px; margin:0px; float:right; width:100px;}

.inquiryform label {font-weight:300; font-size:20px;}

.btn-default {
    background-color: #f27336;
    border-color: #f27336;
    color: #ffffff;
    font-size: 15px;
    padding: 8px 40px;
}
.form-control {height:42px;}
textarea .form-control {height:auto;}
/************** responsive css starts here *********************/

@media screen and (max-width: 400px) {
	.social_icon{float:none;}
	.social_icon p{text-align:center;}
    .form-control {margin-bottom:15px;}
    .form-group{margin-bottom:0;}
}
@media screen and (min-width: 401px) and (max-width: 767px) {
	.social_icon{float:none;}
	.social_icon p{text-align:center;}
     .form-control {margin-bottom:15px;}
    .form-group{margin-bottom:0;}
}
@media (min-width: 768px) and (max-width: 991px) {
	p{text-align:left;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	h1 span {border-bottom: 3px solid #F27336; padding: 4px 100px 16px 0;}
}
@media (min-width: 1200px) {
	h1 span {border-bottom: 3px solid #F27336; padding: 4px 100px 16px 0;}
	
}

#feedback {
  position: fixed;
  left: 0;
  bottom: 0;
  height: 250px;
  margin-left: -3px;
  margin-bottom: 150px;
  z-index:1;
}

#feedback-form {
  float: left;
  width: 300px;
  
  z-index: 1000;
  padding-left: 5px;
  padding-right: 10px;
  background-clip: 'padding-box';
  border: 1px solid rgba(0,0,0,.2);
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

#feedback-tab {
  float: right;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  text-align: center;
  width: 132px;
  height: 42px;
  background-color: rgba(0,0,0,0.5);
  margin-top: 60px;
  margin-left: -42px;
  padding-top: 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

#feedback-tab:hover { background-color: rgba(0,0,0,0.4); }

#feedback-form textarea { resize: none; }