.teamer_wrapper {
  padding: 70px 30px 57px 30px;
  background-image: url("/static/sitefiles/images/pexels-pixabay-162539-landingpage-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}

.teamer_wrapper:after {
  width: 100%;
  height: 100%;
  visibility: visible;
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0,0,0,0.6);
  z-index: -1;
}
.teamer_top {
  display: flex; color: #fff;
  align-items: center; flex-wrap: wrap;
  margin: 0;
}
.teamer_topleft {
  width: 46%;
}
.teamer_topright {
  width: 50%; padding-left: 30px;
} 
.main_content .page.page_representative{ display: none;}
.teamer_topleft img {
  width: 440px; margin: 0 auto;
display: block;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,0.5);
}

 ul.representative_member_social {
text-align: center;
  padding: 0;
  margin: 0; margin-top: 10px;
}
.representative_about h2{ margin-top: 0;}
.representative_about{ padding: 43px 30px 50px; text-align: center;
background: #f5f5f5;}
.representative_member_social li {
  display: inline-block;
  vertical-align: middle; 
  list-style-type: none;
}
.representative_member_social li a {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: #FFF;
  border: 1px solid #2c718b;
  font-size: 22px;
  position: relative;
  color: #2c718b;
  text-align: center;
  margin: 5px;
}
 .representative_member_social li a:hover {
  background: #484848;
  border: 1px solid #484848;
  color: #FFF;
}
.representative_member_social .fa {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}


.contact_infortight {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding: 0;
  border: none;
  display: inline-block;
  text-align: left;
}

 .contact_infortight li {
  list-style: none;
  position: relative;
  margin: 0 0 12px 0;
  overflow: hidden;
  padding: 0px;
}
.representative_member_head {
  text-align: center;
}
 .contact_infortight i {
  font-size: 22px;
  color: #FFF;
  float: inherit;
  margin: 0px 10px 0px 0px;
  display: inline-block;
  position: inherit;
  left: inherit;
  top: 2px;
}
.rep_button .button {
  margin: 0;
}
.main_content  .contact_infortight a{ color: #fff;}
 .contact_infortight span {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
}
.representative_detail  #filogistics_header_top {
  position: relative;
}
.representative_detail #filogistics_header {
  position: relative;
  top: 0;
}
.representative_detail #filogistics_inner_about_banner{ display: none;}
.representative_detail #filogistics_content_inner {   padding: 0;}

.representative_detail #filogistics_content_inner .fixed_content {
  max-width: 100% !important;
  width: 100%;
}
.representative_form h2 {
  margin-top: 0;
}
.representative_container {
  max-width: 1280px;
  margin: 0 auto;
}
.representative_form {   padding: 43px 30px 20px;  text-align: center; background: #fff;}
.representative_form form{max-width: 800px;
margin: 0 auto;}
@media(max-width:780px) {
    .representative_about {
  padding: 26px 15px 30px;
    }
    .teamer_wrapper {
  padding: 30px 15px 30px;}
    .contact_infor h3 {
  margin-top: 10px;
}
.teamer_topleft {
  width: 100%;
}
.contact_infor {
  text-align: center;
}
.teamer_topright {
  width: 100%; padding: 0;
}
}