@charset "UTF-8";
.bg1{
background-image: url("../img/bg-sectop.png");
background-repeat: no-repeat;
background-position: center top;
background-color: #F8F8F8;
}

.bg2{
background-image: url("../img/bg2.jpg");
background-repeat: no-repeat;
background-position: center top;
background-color: #D9D2CC;
}

.px1{
height: 3px; background: url(../img/px1.png) 0 0 repeat-x;}

/* ======= Facilties style ======= */
.facilties .single-facility {
    background: transparent;
    padding: 30px 20px;
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    line-height: 1;
    border: 1px solid #A2783A;
}
.facilties .single-facility h5 {
    font-size: 18px;
    color: #222;
    margin-bottom: 10px;
}
.facilties .single-facility:hover h5 {
  color: #222;
  -webkit-transition: .5s;
  transition: .5s;
}
/*
.facilties .facility-shape:hover span {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
*/
.facilties .single-facility span {
  font-size: 45px;
  color: #275C53;
  line-height: 1;
  margin-bottom: 20px;
  display: inline-block;
  -webkit-transition: .5s;
  transition: .5s;
}
.facilties .single-facility p {
  font-size: 18px;
      margin: 0;
    color: #666;
}
.facilties .single-facility .facility-shape {
    position: absolute;
    opacity: 0.02;
    z-index: -1;
    bottom: 15px;
    left: 120px;
}
.facilties .single-facility .facility-shape span {
  font-size: 140px;
  color: #222;
}
/* hr */
hr {
    margin-top: 5px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid rgba(255,255,255,0.25);
}



    .gal {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
	}	
	.gal img{ width: 100%; padding: 0px 0;}
@media (max-width: 500px) {
		.gal {
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	}
	}

.whatsapp {
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 999;
}

    .whatsapp:hover {
        transform: scale(1.1);
    }

.zoom {
    transition: transform 3s;
    width: 100%;
    height: auto;
    border-radius: 1%;
    overflow: hidden;
    margin: 0 auto;
}

    .zoom img {
        transition: transform 3s;
    }

        .zoom img:hover {
            -ms-transform: scale(1.5); /* IE 9 */
            -webkit-transform: scale(1.5); /* Safari 3-8 */
            transform: scale(1.5);
        }