/* CSS Document */

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

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

#visual-container .text-center .dl-middle {
  
}


/* Service 1 */

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

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

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

@media (min-width: 769px) {
  .page-parent .row-service .col-one {
    min-height: 240px;
    background: #ffffff url(/assets/img/content/bldg/1st-service-bg-01.png) right bottom /auto no-repeat scroll;
  }
  .page-parent .row-service .col-one:hover {
    background: #6788B1 url(/assets/img/content/bldg/1st-service-bg-01-invert.png) right bottom /auto 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: 4.2em 0 0 3em;
  }
}

.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 .col-one .media-body h4 {
  color: #4D7098;
  font-size: x-large;
}

@media (min-width: 769px) {
  .page-parent .row-service .col-one .media-body h4 {
    font-size: xx-large;
  }
}

.page-parent .row-service > a .media p {
  color: #3d5676;
  line-height: 1.25em;
}

.page-parent .row-service > a:hover .media-body h4,
.page-parent .row-service > a:hover .media 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 p {
    color: white;
  }
}

.page-parent .row-service > a:hover .media .btn-arrow,
.page-parent .row-service > a .media .btn-arrow:hover {
  color: #3d5676;
  border-color: white;
  background-color: white;
}

.page-parent .row-service > a .media .btn-arrow::after,
.page-parent .row-service > a .media .btn-arrow::after {
  background: transparent url('data:image/svg+xml;base64,PHN2ZyBpZD0iYXJyb3ciIGRhdGEtbmFtZT0iYXJyb3ciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEzIDMuNSI+PHRpdGxlPmJ0bi1hcnJvdzwvdGl0bGU+PHBvbHlsaW5lIHBvaW50cz0iMC41IDMgMTIuNSAzIDYuOTMgMC41IiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojNDA1YTc5O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtmaWxsLXJ1bGU6ZXZlbm9kZCIvPjwvc3ZnPg==') left center /contain no-repeat scroll;
}

.page-parent .row-service > a:hover .media .btn-arrow::after,
.page-parent .row-service > a .media .btn-arrow:hover::after {
  background: transparent url('data:image/svg+xml;base64,PHN2ZyBpZD0iYXJyb3ciIGRhdGEtbmFtZT0iYXJyb3ciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEzIDMuNSI+PHRpdGxlPmJ0bi1hcnJvdzwvdGl0bGU+PHBvbHlsaW5lIHBvaW50cz0iMC41IDMgMTIuNSAzIDYuOTMgMC41IiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojNDA1YTc5O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtmaWxsLXJ1bGU6ZXZlbm9kZCIvPjwvc3ZnPg==') left center /contain no-repeat scroll;
}

/* Service 2 */

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

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

@media (min-width: 769px) {
  .page-parent .row-service .col-two {
    min-height: 220px;
    background: #ffffff url(/assets/img/content/bldg/1st-service-bg-02.png) right bottom /auto no-repeat scroll;
  }
  .page-parent .row-service .col-two:hover {
    background: #6788B1 url(/assets/img/content/bldg/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 3em;
  }
}

.page-parent .row-service .col-two .media-body h4 {
  color: #4D7098;
  font-size: x-large;
}

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

/* Service 3 */

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

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

@media (min-width: 769px) {
  .page-parent .row-service .col-three {
    background: #ffffff url(/assets/img/content/bldg/1st-service-bg-03.png) right bottom /auto no-repeat scroll;
  }
  .page-parent .row-service .col-three:hover {
    background: #6788B1 url(/assets/img/content/bldg/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 3em;
  }
}

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

.page-parent .row-service .col-three .media-body h4 {
  color: #4D7098;
  font-size: x-large;
}





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

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




/* Projects List */

@media (min-width: 769px){
  .row-projects.gutter-20 {
    margin-left: 0;
    margin-right: 0;
  }
  .row-projects.gutter-20 > div {
    padding-left: 0;
    padding-right: 0;
  }
}

.row-projects .embed-responsive .embed-responsive {
  visibility: hidden;
  background-color: rgba(50, 50, 50, 0.70);
  background-image: none;
}

@media (max-width: 768px){
  .row-projects .embed-responsive .embed-responsive {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
  }
}

.row-projects .embed-responsive .embed-responsive h4 {
  color: white;
}

@media (max-width: 768px){
  .row-projects .embed-responsive .embed-responsive h4 {
    font-size: small;
    font-weight: lighter;
    line-height: 1.5em;
    padding: 0.25em 5%;
  }
  .row-projects .embed-responsive .embed-responsive .btn {
    position: absolute;
    bottom: 2em;
    left: 50%;
    font-size: x-small;
    font-weight: lighter;
    margin-left: -5em;
  }
}

@media (min-width: 769px){
  .row-projects .embed-responsive:hover .embed-responsive {
    visibility: visible;
  }
  .row-projects .embed-responsive:hover .embed-responsive h4,
  .row-projects .embed-responsive:hover .embed-responsive .btn {
    position: absolute;
    top: 30%;
    left: 5%;
    width: 90%;
    margin-top: -1em;
  }
  .row-projects .embed-responsive:hover .embed-responsive h4 {
    line-height: 1.5em;
  }
  .row-projects .embed-responsive:hover .embed-responsive .btn {
    width: auto;
    top: 70%;
    left: 50%;
    margin-left: -4.5em;
  }
}

/* Products List */

.row-products .embed-responsive {
  border: 1px solid #CCC;
}

.row-products > div {
  margin-bottom: 1em;
}

.row-products .embed-responsive .embed-responsive {
  visibility: hidden;
  background-image: none;
  background-color: rgba(50, 50, 50, 0.50);
  border-color: rgba(50, 50, 50, 0.50);
}

@media (max-width: 768px){
  .row-products .embed-responsive .embed-responsive {
    visibility: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
  }
}

.row-products .embed-responsive .embed-responsive h3 {
  display: block;
  color: white;
  padding-top: 1em;
}

@media (min-width: 769px) {
  .row-products .embed-responsive .embed-responsive h3 {
    padding-top: 1em;
  }
}

@media (min-width: 1440px) {
  .row-products .embed-responsive .embed-responsive h3 {
    padding-top: 2em;
  }
}

.row-products .embed-responsive .embed-responsive h3 small {
  display: block;
  color: white;
  padding-top: 0.5em;
}

@media (max-width: 768px){
  .row-products .embed-responsive .embed-responsive h3 {
    font-size: small;
    font-weight: lighter;
    line-height: 1.5em;
    padding: 0.5em 5%;
  }
  .row-products .embed-responsive .embed-responsive .btn {
    font-size: x-small;
    font-weight: lighter;
  }
}

.row-products .embed-responsive:hover .embed-responsive {
}

@media (min-width: 769px){
  .row-products .embed-responsive:hover .embed-responsive {
    visibility: visible;
  }
  .row-products .embed-responsive:hover .embed-responsive .btn {
    position: absolute;
    bottom: 3em;
    left: 50%;
    width: auto;
    margin-top: -1em;
    margin-left: -4.5em;
  }
}























/* 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 .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;
  padding: 1em 0 0.5em 0;
}

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

.page-child .row-service-01 .bg-skyblue {
  background: -webkit-linear-gradient(90deg, #e8f5fd 0%, #e2f3fd 31%, #e7f5fd 100%);
  background: -moz-linear-gradient(90deg, #e8f5fd 0%, #e2f3fd 31%, #e7f5fd 100%);
  background: -o-linear-gradient(90deg, #e8f5fd 0%, #e2f3fd 31%, #e7f5fd 100%);
  background: -ms-linear-gradient(90deg, #e8f5fd 0%, #e2f3fd 31%, #e7f5fd 100%);
  background: linear-gradient(0deg, #e8f5fd 0%, #e2f3fd 31%, #e7f5fd 100%);
}

.page-child .row-service-01 .bg-gradation {
  background: #e8f5fd;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #e8f5fd, #feffff);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #e8f5fd, #feffff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.page-child .row-service-01 .bg-gradation img {
  max-width: 100%;
}

@media (min-width: 769px) {
  .page-child .row-service-01 .bg-gradation img {
    max-width: none;
  }
}

.page-child .row-service-01 .bg-gradation p {
  padding-top: 1em;
}

@media (min-width: 769px) {
  .page-child .row-service-01 .bg-gradation p {
    position: absolute;
    top: 0;
    width: 100%;
    font-size: larger;
    text-align: center;
  }
}

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

.page-child .row-service-01 .panel {
  max-width: 274px;
}

.page-child #content-container .row-service-01 .panel p {
  line-height: 1.25em;
}

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

.page-child .row-service-02 h4 span {
  color: #33465f;
  font-size: larger;
  border-bottom: 2px solid #33465f;
  padding-bottom: 0.5em;
}


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

@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;
}