section.page-banner.about {
	background-image: url('../images/visit-banner.jpg');
}
section.about-sec1 {
	background-image: url('../images/visit-sec1-bg.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}


section.about-sec1 .about-sec1-mobile img {
	border: 10px solid #c0cfd4;
}


section.about-sec2 {
	background-image: url('../images/home-sec2-bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}
.about-sec2 .z-h-48, .about-sec3 .z-h-48 {
	font-family: Open Sans Light;
	text-align: center;
	color: #455e2c;
}

/*
.about-sec2 .history-boxes {
	padding: 0 5%;
	position: relative;
}
.history-boxes a.back, .history-boxes a.next {
	position: absolute;
	height: auto !important;
	padding: 80px 10px;
	background-color: rgba(69, 94, 44, .85);
	top: 19%;
}
.history-boxes a.back {
	left: 0;
}
.history-boxes a.next {
	right: 0;
}
.history-boxes a.back:hover, .history-boxes a.next:hover {
	background-color: rgba(69, 94, 44, 1);
}*/


.about-sec2 .z-1of3, .about-sec2 .z-2of3 {
	padding: 0;
}
.about-sec2 .z-2of3 {
	background-color: rgba(177, 195, 199, .30);
	padding: 0 50px;
}
.more-about .z-1of3 a, .more-about .z-1of3 a img.thumb {
	float: left;
	width: 100%;
}
.more-about .z-1of3 a img.thumb {
	height: 200px;
	margin: 0 0 20px 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.more-about .z-1of3 a:hover img{
	box-shadow: 0 0 18px #464646;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.more-about .z-1of3 a {
	text-align: center;
	text-decoration: none;
	color: #000;
}
.more-about .z-1of3 a:hover {
	color: #455e2c;
}








.history-slider {
	margin: 40px 0;
}
.history-slider-container {
	margin: 0 100px;
}
.history-slider .history-slide {
	padding: 20px 0;
	color: #000000;
}
.history-slider .history-slide .history-image {
	float: right;
	margin-right: 18px;
	width: 335px;
	height: 335px;
}
.history-slider .history-slide .history-image img {
	vertical-align: bottom;
	height: 335px;
	width: 335px;
	border: 10px solid #fff;
	box-shadow: 0 0 18px rgba(0, 39, 32, .30);
}
.history-slider .history-slide .history-content {
	float: left;
	background-color: rgba(69, 94, 44, .20);
	padding: 40px;
}
.history-slider .history-slide .history-heading {
	margin-bottom: 20px;
}
.history-slider .history-slide .history-content.has-image {
	width: 690px;
	height: 335px;
}
.history-slider .history-slide .history-content.no-image {
	width: auto;
	height: 335px;
}
.history-slider.content-slider .slider-previous-button {
	background-color: rgba(69, 94, 44, .85);
	width: 43px;
	height: 203px;
	padding: 0;
	margin-right: 20px;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.history-slide.content-slider .slider-previous-button:hover {
	background-color: rgba(69, 94, 44, 1);
}
.history-slider.content-slider .slider-next-button {
	background-color: rgba(69, 94, 44, .85);
	width: 43px;
	height: 203px;
	padding: 0;
	margin-left: 20px;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.history-slider.content-slider .slider-next-button:hover {
	background-color: rgba(69, 94, 44, 1);
}

.history-slider.content-slider .slider-pager span {
	background-color: rgba(177, 195, 199, .30);
}
.history-slider.content-slider .slider-pager span.active {
	background-color: rgba(69, 94, 44, .85);
}

@media screen and ( max-width: 1362px ) {
	.history-slider .history-slide .history-content {
		padding: 20px;
	}
	.history-slider .history-slide .history-content.has-image {
		width: 473px;
		height: 270px;
	}
	.history-slider .history-slide .history-content.no-image {
		width: auto;
		height: 270px;
	}
	.history-slider .history-slide .history-heading {
		margin-bottom: 10px;
	}
	.history-slider .history-slide .history-image {
		width: 270px;
		height: 270px;
		margin-right: 9px;
	}
	.history-slider .history-slide .history-image img {
		width: 270px;
		height: 270px;
	}
}

@media screen and ( max-width: 992px ) {
	section.about-sec1 {
		padding: 0;
	}
	section.about-sec1 .about-sec1-content {
		width: 100%;
		padding: 40px;
	}
	section.about-sec1 .about-sec1-mobile {
		width: 100%;
		background-color: #c0cfd4;
		padding: 40px;
	}
	section.about-sec1 .about-sec1-mobile img {
		border: none;
	}

	.history-slider .history-slide .history-content.has-image {
		width: 60%;
		height: auto;
	}
	.history-slider .history-slide .history-content.no-image {
		width: auto;
		height: auto;
	}
	.history-slider .history-slide .history-image {
		width: 35%;
		margin-left: 3%;
		margin-right: 2%;
	}
	.history-slider .history-slide .history-image img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}
}

@media screen and ( max-width: 767px ) {
	section.about-sec1 {
		padding: 0;
	}
	section.about-sec1 .about-sec1-content {
		width: 100%;
		padding: 20px;
	}
	section.about-sec1 .about-sec1-mobile {
		width: 100%;
		padding: 0;
	}
	section.about-sec1 .about-sec1-mobile img {
		border: none;
		width: 100% !important;
		max-width: 100%;
	}


	.history-slider .history-slide .history-content {
		text-align: center;
	}
	.history-slider .history-slide .history-content.has-image,
	.history-slider .history-slide .history-content.no-image {
		float: none;
		width: 100%;
		max-width: 100%;
	}
	.history-slider .history-slide .history-image {
		display: none;
	}
}

@media screen and ( max-width: 479px ) {
	.history-slider-container {
		margin: 0;
	}
	.history-slider .slider-previous-button {
		display: none;
	}
	.history-slider .slider-next-button {
		display: none;
	}
}








@media screen and (max-width: 1362px) {
}

@media screen and (max-width: 992px) {
	.history-boxes a.back, .history-boxes a.next {
		display: none;
	}
	.about-sec2 .z-2of3 {
		padding: 30px;
	}
	.about-sec2 .z-2of3 .z-t-28.z-mb-20.z-mt-40 {
		margin-top: 0;
	}
	.about-sec2 .history-boxes {
		padding: 0 1%;
	}
	section.about-sec1 {
		background-color: #dce4e6;
		background-image: none;
	}
}

@media screen and (max-width: 767px) {
}
@media screen and (max-width: 479px) {
	.about-sec3 .z-1of3 {
		width: 100%;
		padding: 0 0 20px;
	}
}