@charset "UTF-8";

/* ==========================================================

  BLD Group About Us PC Styles

========================================================== */
.interval { width: 100%; }
.interval .simpleParallax { height: 400px; }
.interval img {
  width: 100%;
  height: auto;
}
/* Page Header
--------------------------------------------------------- */
.page-header { margin: 0 0 120px; }
.page-header > div:last-of-type figure { height: 480px; }
.page-header > div:last-of-type figure img {
  height: 480px;
  object-fit: cover;
}
.page-header > div:last-of-type p {
  font-size: 30px;
  font-size: 3.0rem;
  line-height: 1.6;
  letter-spacing: 0.15em;
  margin: 40px 0;
}

/* Greeting
--------------------------------------------------------- */
.greeting .inner { padding: 120px 200px; }
.greeting h3 {
  font-size: 30px;
  font-size: 3.0rem;
  font-weight: 400;
  letter-spacing: 0.15em;
  text-align: center;
  line-height: 1.0;
  margin: 0 0 40px;
}
.greeting p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2.25;
  letter-spacing: 0.15em;
  margin: 0 0 40px;
}
.greeting span {
  float: right;
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.875;
  letter-spacing: 0.15em;
}

/* About Us Content
--------------------------------------------------------- */
.about-content { background-color: #f5f7f9; }
.about-content figure {
  position: relative;
  width: 54%;
}
.about-content figure img {
  width: 100%;
  height: auto;
}
.about-content > div {
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 50%;
  background-color: #ffffff;
  padding: 80px 14% 80px 70px;
}
.about-content > div.fadeInLeft {
  opacity: 0;
  transform: translate(75px, -50%);
  -webkit-transform: translate(75px, -50%);
  transition: all 1.5s;
  -webkit-transition: all 1.5s;
}
.about-content > div.fadeInLeft.scrollIn {
  opacity: 1;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}
.about-content > div h3 {
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 400;
  letter-spacing: 0.15em;
  margin: 0 0 20px;
}
.about-content > div h3 small {
  font-size: 0.41666666em;
  line-height: 1.3;
  letter-spacing: 0.2em;
  color: #d8d8d8;
  display: block;
}
.about-content > div p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.875;
  letter-spacing: 0.15em;
  margin: 0 0 40px;
}
.profile { margin: 230px 0 40px; }
.history { margin: 180px 0 120px; }

/* Slick Slider Overwrite
--------------------------------------------------------- */
/* Dots */
.slick-slider { margin-bottom: 30px; }

.slick-dots2 {
  position: absolute;
  bottom: -45px;
  display: block;
  width: 100%;
  padding: 0 14% 0 0;
  list-style: none;
  text-align: right;
}
.slick-dots2 li {
  position: relative;
  display: inline-block;
  width: 30px !important;
  height: 1px !important;
  margin: 0;
  padding: 0;

  cursor: pointer;
}
.slick-dots2 li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 30px !important;
  height: 1px !important;
  padding: 0;
  cursor: pointer;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots2 li button:hover,
.slick-dots2 li button:focus {
  outline: none;
}
.slick-dots2 li button:hover:before,
.slick-dots2 li button:focus:before {
  opacity: 1;
}
.slick-dots2 li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px !important;
  height: 1px !important;
  content: '';
  text-align: center;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #e7e7e7;
}
.slick-dots2 li.slick-active button:before {
  opacity: 1;
  background: #2754a4;
  height: 3px;
  position: absolute;
  top: -2px;
}

/* bxSlider Overwrite
--------------------------------------------------------- */
.bx-wrapper {
  position: relative;
  margin: 0 auto 60px;
  padding: 0;
  *zoom: 1;
}
.bx-wrapper .bx-viewport {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: nome;
  border: none;
  left: 0;
  background: #fff;
}
.bx-wrapper .bx-pager {
  position: absolute;
  right: 21%;
  bottom: -60px;
  width: auto;
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #e7e7e7;
  text-indent: -9999px;
  display: block;
  width: 30px;
  height: 1px;
  margin: 0;
  outline: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  position: relative;
  top: -2px;
  height: 3px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover { background: #e7e7e7; }
.bx-wrapper .bx-pager.bx-default-pager a.active { background: #2754a4; }