/* CSS Document */

#visual-container .text-center .dl-middle {
  margin-top: -3em;
}

.page-template-page-housing-service #visual-container .text-center .dl-middle {
  margin-top: -5.5em;
}

@media (min-width: 769px) {
  #visual-container .text-center .dl-middle {
    margin-top: -5em;
  }
  .page-template-page-housing-service #visual-container .text-center .dl-middle {
    margin-top: -5em;
  }
}

#visual-container .text-center .dl-middle dt,
#visual-container .text-center .dl-middle dd {
  color: #444444;
}

@media (max-width: 768px) {
  .page-parent #visual-container .row-size-lg {
    min-height: 220px;
  }
}

.page-parent .row-service {
  
}

/* Service 1 */

.page-parent .row-service a {
  display: block;
}

.page-parent .row-service .col-one {
  min-height: 230px;
  border: 1px solid #d9e1ec;
  background: #ffffff url(/assets/img/content/housing/1st-service-bg-01.png) right bottom /120px 70px no-repeat scroll;
}

.page-parent .row-service .col-one:hover {
  background: #a1a1a1 url(/assets/img/content/housing/1st-service-bg-01-invert.png) right bottom /120px 70px no-repeat scroll;
}

@media (min-width: 769px) {
  .page-parent .row-service .col-one {
    min-height: 200px;
    background: #ffffff url(/assets/img/content/housing/1st-service-bg-01.png) right center /contain no-repeat scroll;
  }
  .page-parent .row-service .col-one:hover {
    background: #a1a1a1 url(/assets/img/content/housing/1st-service-bg-01-invert.png) right bottom /contain no-repeat scroll;
  }
}

.page-parent .row-service .col-one .media {
    margin: 2em 1em 1em 1em;
}

@media (min-width: 769px) {
  .page-parent .row-service .col-one .media {
    margin: 3.6em 0 0 2em;
  }
}

.page-parent .row-service > a .media-left img:nth-child(2) {
  display: none;
}

.page-parent .row-service > a:hover .media-left img:nth-child(1) {
  display: none;
}

.page-parent .row-service > a:hover .media-left img:nth-child(2) {
  display: inline-block;
}

.page-parent .row-service > a .media-body {
  padding-left: 1em;
}

.page-parent .row-service > a .media-body h4 {
  line-height: 1.4em;
  margin-bottom: 0.5em;
}

@media (min-width: 769px) {
  .page-parent .row-service > a .media-body h4 {
    margin-bottom: 1em;
  }
}

.page-parent .row-service > a .media-body p {
  color: #333333;
}

.page-parent .row-service > a:hover .media-body h4,
.page-parent .row-service > a:hover .media-body p {
  color: white;
}

@media (min-width: 769px) {
  .page-parent .row-service > a .media-body h4 {
    line-height: 1.25em;
  }
  .page-parent .row-service > a:hover .media-body h4,
  .page-parent .row-service > a:hover .media-body p {
    color: white;
  }
}

/* Service 2 */

.page-parent .row-service .col-two {
  min-height: 210px;
  border: 1px solid #d9e1ec;
  background: #ffffff url(/assets/img/content/housing/1st-service-bg-02.png) right bottom /75px 64px no-repeat scroll;
}

.page-parent .row-service .col-two:hover {
  background: #a1a1a1 url(/assets/img/content/housing/1st-service-bg-02-invert.png) right bottom /75px 64px no-repeat scroll;
}

@media (min-width: 769px) {
  .page-parent .row-service .col-two {
    min-height: 220px;
    background: #ffffff url(/assets/img/content/housing/1st-service-bg-02.png) right bottom /auto no-repeat scroll;
  }
  .page-parent .row-service .col-two:hover {
    background: #a1a1a1 url(/assets/img/content/housing/1st-service-bg-02-invert.png) right bottom /auto no-repeat scroll;
  }
}

.page-parent .row-service .col-two .media {
    margin: 2em 1em 1em 1em;
}

@media (min-width: 769px) {
  .page-parent .row-service .col-two .media {
    margin: 3em 0 0 2em;
  }
}

/* Service 3 */

.page-parent .row-service .col-three {
  min-height: 180px;
  border: 1px solid #d9e1ec;
  background: #ffffff url(/assets/img/content/housing/1st-service-bg-03.png) right bottom /70px 80px no-repeat scroll;
}

.page-parent .row-service .col-three:hover {
  background: #a1a1a1 url(/assets/img/content/housing/1st-service-bg-03-invert.png) right bottom /70px 80px no-repeat scroll;
}

@media (min-width: 769px) {
  .page-parent .row-service .col-three {
    min-height: 220px;
    background: #ffffff url(/assets/img/content/housing/1st-service-bg-03.png) right bottom /auto no-repeat scroll;
  }
  .page-parent .row-service .col-three:hover {
    background: #a1a1a1 url(/assets/img/content/housing/1st-service-bg-03-invert.png) right bottom /auto no-repeat scroll;
  }
}

.page-parent .row-service .col-three .media {
    margin: 2em 1em 1em 1em;
}

@media (min-width: 769px) {
  .page-parent .row-service .col-three .media {
    margin: 3em 0 0 2em;
  }
}

@media (min-width: 769px) {
  .page-parent .row-service .col-three .media-body h4 {
    padding-right: 4em;
  }
}


.page-parent .row-column > div {
  margin-bottom: 1em;
}

.page-parent .row-ourjob > div {
  margin-bottom: 1em;
}



/* Child Page */

.page-child #content-container {
  margin: 0;
}

.page-child #content-container .row-service-01 > div > .row,
.page-child #content-container .row-service-02 > div > .row,
.page-child #content-container .row-service-03 > div > .row {
  margin: 0 10px;
}

.page-child #visual-container .dl-middle dt,
.page-child #visual-container .dl-middle dd {
  color: #333;
}

.page-child .row-service {
  background-color: #f0f0f0;
  padding: 0 2em 1em 2em;
  margin-top: 2em;
}

.page-child .row-service .col-md-4 {
  border-right: 1px solid #ccc;
}

.page-child .row-service .col-md-4:nth-child(3) {
  border: none;
}

.page-child #content-container .row-service p {
  line-height: 1.25em;
  padding: 0.5em 0;
}

.page-child .row-service-01 h3 small,
.page-child .row-service-02 h3 small,
.page-child .row-service-03 h3 small {
  display: block;
  color: #6788b1;
  line-height: 1.6em;
  padding: 1em 0 0.5em 0;
}

.page-child .row-service-01 {
  padding: 2em 0;
}

@media (min-width: 769px) {
  .page-child .row-service-01 {
    padding: 4em 0;
  }
}

.page-child .row-service-02 {
  background-color: #f2f6f8;
  padding: 4em 0;
}

.page-child .row-service-02 .panel,
.page-child .row-service-03 .panel {
  width: auto;
}

@media (min-width: 769px) {
  .page-child .row-service-02 .panel,
  .page-child .row-service-03 .panel {
    width: auto;
  }
}

@media (min-width: 1400px) {
  .page-child .row-service-02 .panel,
  .page-child .row-service-03 .panel {
    width: 370px;
  }
}

.page-child .row-service-02 .panel-heading h4:before,
.page-child .row-service-03 .panel-heading h4:before {
  display: inline-block;
  content: "\e15b\00a0";
  color: #6788b1;
  font-size: x-large;
  font-weight: bold;
  font-family: "Material Icons";
  vertical-align: middle;
}

.page-child .row-service-02 .panel-body,
.page-child .row-service-03 .panel-body {
  
}

.page-child .row-service-02 .panel-footer,
.page-child .row-service-03 .panel-footer {
  padding-top: 0.5em;
}

.page-child .row-service-02 .panel-footer p,
.page-child .row-service-03 .panel-footer p {
  line-height: 1.25em;
}

.page-child .row-service-03 {
  padding: 4em 0;
}