h4, h5, h6,
h1, h2, h3 {
	margin-top: 0;
}

ul, ol {
	margin: 0;
}

p {
	margin: 0;
}

html, body {
	font-family: 'Raleway', sans serif;
	font-size: 100%;
	background: #20201E;
}

body a {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

button {
	background: none;
	border: none;
	margin-top: 5em;
}

.w3-validation {
	display: none !important;
}

.button-one {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background-color: #000000;
	cursor: pointer;
	padding: 20px 70px;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.button-type-one {
	color: #ffffff;
	font-size: 40px;
}

.header {
	background: url(../images/banner3.jpg) no-repeat center top;
	background-size: 100% 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	position: relative;
	min-height: 500px;
}

/*------start-top-nav------*/

.top-header {
	display: none;
}

/*------start-top-nav------*/

.top-nav {
	position: relative;
	margin-top: 1.5em;
}

.nav {
	width: 100%;
}

ul.nav-list {
	list-style: none;
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-family: Roboto, serif;
}

ul.nav-list li {
	display: inline-block;
	text-align: left;
}

ul.nav-list li a.logo:hover {
	border-bottom: none;
}

ul.nav-list li a {
	display: block;
	margin: 0px 15px;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	font-size: 12px;
    letter-spacing: .125em;
    font-weight: 600 !important;
}


ul.nav-list li a:hover {
	color: #333333;

}

.logo {
	margin-top: 7%;
	animation: fadeIn; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 5s; /* don't forget to set a duration! */
}

.logo a:hover {
	border: none !important;
	padding-bottom: 0px !important;
}

.anchor-link {
	display: none;
	text-align: center;
	margin-top: 20px;
	margin-right: 10px;
	float: right;
}

#mobile-nav {
	display: none;
}

/***--- About Section ---***/

#about-section {
	display: block;
	overflow: hidden;
}

#about {
	display: block;
	overflow: hidden;
}

.about_left {
	background-image: url(../images/about-background.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	height: 525px;
	display: block;
	overflow: hidden;
}

.about_btn {
	margin-top: 210px;
	position: relative;
	z-index: 1;
}

.button-box:hover:after {
	width: 100%;
	opacity: 1;
}

.button-box {
	background-color: transparent;
	border: 10px solid #000000;
	overflow: hidden;
	color: #000000;
}

.button-box:after {
	width: 0;
	height: 103%;
	top: 50%;
	left: 50%;
	background: #000000;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.button-one:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.button-box:hover, .button-box:active {
	color: #fff;
	text-decoration: none;
}

.about_right {
	background-color: #f2efe5;
	display: block;
	height: 525px;
	overflow: hidden;
	text-align: center;
}

.about_text {
	display: block;
	margin: 0 auto;
	overflow: hidden;
	width: 80%;
}

.about_text img {
	margin: 90px auto 0;
}

.about_text img:hover {
	transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	transition: 0.8s;
}

.about_text h3 {
	color: #000000;
	font-size: 16px;
	line-height: 20px;
	padding: 35px 0 20px;
}

.about_right p {
	color: #000000;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
}

/*----------------- Gallery One --------------------*/

#gallery-one-image-section {
	display: block;
	overflow: hidden;
}

.gallery-one-image {
	width: 100%;
	height: 100%;
}

.popup-links-button {
	
}

.popup-links-button li {
	margin-right: 12px;
}

.popup-links-button button {
	margin-top: 5px;
}

/*	Zooming
/*-----------------------------------------------------------------------------------*/

.zooming {
	margin-top: 125px;
}

/*	Strip
/*-----------------------------------------------------------------------------------*/

.b-link-stripe {
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-weight: 300;
	overflow: hidden;
	width: 100%;
}

.b-link-stripe .b-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	color: #ffffff;
	overflow: hidden;
}

.b-link-stripe .b-line {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 20%;
	background: rgba(231, 229, 208, 0.68);
	transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	opacity: 0;
	visibility: hidden;

/* lt-ie9 */
}

/* lt-ie9 */

.b-link-stripe:hover .b-line {
	visibility: visible;
}

.b-link-stripe .b-line1 {
	left: 0;
}

.b-link-stripe .b-line2 {
	left: 20%;
	transition-delay: 0.1s !important;
	-moz-transition-delay: 0.1s !important;
	-ms-transition-delay: 0.1s !important;
	-o-transition-delay: 0.1s !important;
	-webkit-transition-delay: 0.1s !important;
}

.b-link-stripe .b-line3 {
	left: 40%;
	transition-delay: 0.2s !important;
	-moz-transition-delay: 0.2s !important;
	-ms-transition-delay: 0.2s !important;
	-o-transition-delay: 0.2s !important;
	-webkit-transition-delay: 0.2s !important;
}

.b-link-stripe .b-line4 {
	left: 60%;
	transition-delay: 0.3s !important;
	-moz-transition-delay: 0.3s !important;
	-ms-transition-delay: 0.3s !important;
	-o-transition-delay: 0.3s !important;
	-webkit-transition-delay: 0.3s !important;
}

.b-link-stripe .b-line5 {
	left: 80%;
	transition-delay: 0.4s !important;
	-moz-transition-delay: 0.4s !important;
	-ms-transition-delay: 0.4s !important;
	-o-transition-delay: 0.4s !important;
	-webkit-transition-delay: 0.4s !important;
}

.b-link-stripe:hover .b-line {
	opacity: 1;
}

/*-----------------------------------------------------------------------------------*/

/*	Animation effects
/*-----------------------------------------------------------------------------------*/

.b-animate-go {
	text-decoration: none;
}

.b-animate {
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	visibility: hidden;
	font-size: 1.1em;
	font-weight: 700;
}

/* lt-ie9 */

.b-animate-go:hover .b-animate {
	visibility: visible;
}

.b-from-left {
	position: relative;
	left: -100%;
}

.b-animate-go:hover .b-from-left {
	left: 0;
}

ul.about_gallery {
	padding: 0;
	list-style: none;
}

ul.about_gallery li {
	width: 16.6666%;
	float: left;
}

ul.popup_links {
	padding: 0;
	list-style: none;
	text-align: center;
	margin-top: 1em;
}

ul.popup_links li {
	display: inline-block;
	float: none;
}

i.link2 {
	background: url(../images/icons.png) no-repeat -5px -6px;
	width: 30px;
	height: 30px;
	display: inline-block;
	text-align: center;
}

i.link {
	background: url(../images/icons.png) no-repeat -5px -6px;
	width: 30px;
	height: 30px;
	display: inline-block;
}

i.info {
	background: url(../images/icons.png) no-repeat -50px -6px;
	width: 30px;
	height: 30px;
	display: inline-block;
}

i.like {
	background: url(../images/icons.png) no-repeat -97px -6px;
	width: 30px;
	height: 30px;
	display: inline-block;
}

/*--testmonial--*/

#testimonial-section {
	display: block;
	overflow: hidden;
}

.testimonial {
	background: url(../images/k-background2.jpg) no-repeat center top;
	background-size: 100% 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	position: relative;
	min-height: 400px;
	padding-top: 3em;
}

.testimonial span.quotes {
	position: absolute;
	top: 7em;
	width: 60px;
	height: 40px;
	background: url(../images/icons.png) no-repeat -148px -6px;
	left: 14em;
}

.testimonial span.quotes-down {
	position: absolute;
	top: 13em;
	width: 60px;
	height: 40px;
	background: url(../images/icons.png) no-repeat -232px -6px;
	right: 14em;
}

.testimonial p {
	color: #f2efe5;
	font-size: 24px;
	font-style: italic;
	line-height: 30px;
	margin-top: 135px;
	text-align: center;
	text-indent: 20px;
	padding: 0px 42px;
	font-weight: medium;
}

/*--testmonial2--*/

#testimonial2-section {
	display: block;
	overflow: hidden;
}

.testimonial2 {
	background: url(../images/k-background2.jpg) no-repeat center top;
	background-size: 100% 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	position: relative;
	min-height: 400px;
	padding-top: 3em;
}

.testimonial2 span.quotes {
	position: absolute;
	top: 7em;
	width: 60px;
	height: 40px;
	background: url(../images/icons.png) no-repeat -148px -6px;
	left: 14em;
}

.testimonial2 span.quotes-down {
	position: absolute;
	top: 13em;
	width: 60px;
	height: 40px;
	background: url(../images/icons.png) no-repeat -232px -6px;
	right: 14em;
}

.testimonial2 p {
	color: #f2efe5;
	font-size: 24px;
	font-style: italic;
	line-height: 30px;
	margin-top: 135px;
	text-align: center;
	text-indent: 20px;
	padding: 0px 42px;
	font-weight: medium;
}

/*--end testmonial2--*/

.test_wrap {
	width: 80%;
	margin: 0 auto;
}

.testimonial h4 {
	color: #f2efe5;
	float: right;
	font-size: 15px;
	font-style: italic;
	margin-right: 12%;
	margin-top: 6%;
	text-transform: uppercase;
}

/*--team--*/

#team-section {
	display: block;
	overflow: hidden;
}

.team-grid-1 {
	background-image: url("../images/team-background.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 505px;
	text-align: center;
	display: block;
	overflow: hidden;
}

.team_btn {
	margin-top: 195px;
	position: relative;
	z-index: 1;
}

.team-grid-2 {
	background-image: url(../images/team-member1.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 505px;
	text-align: center;
}

.team-grid-3 {
	background-color: #ccc8b6;
	padding: 6em 3em 0;
	text-align: center;
	min-height: 505px;
	display: block;
	overflow: hidden;
}

.team-grid-3 h3 {
	color: #000000;
	font-size: 23px;
	font-weight: bold;
	margin-bottom: 35px;
	text-transform: uppercase;
}

.team-grid-3 p {
	color: #000000;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
}

.team-grid-4 {
	background-image: url(../images/team-member2.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 505px;
	text-align: center;
}

.arrow-icon1 {
	height: 30px;
	width: 28px;
	display: block;
	background: url(../images/arrow.png);
	background-position: 0px -3px;
	background-repeat: no-repeat;
	position: absolute;
	right: 0px;
	z-index: 999;
	top: 25%;
}

.arrow-icon1-r {
	left: -27px;
}

.team-grid-5 {
	background: #ccc8b6;
	padding: 6em 3em 0;
	text-align: center;
	min-height: 505px;
	position: relative;
}

.team-grid-5 h3 {
	color: #000000;
	font-size: 23px;
	font-weight: bold;
	margin-bottom: 35px;
	text-transform: uppercase;
}

.team-grid-5 p {
	color: #000000;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
}

/***--- Newsletter ---***/

.newsletter_grid {
	background: #f2efe5;
	padding: 8em 6em 0;
	min-height: 505px;
}

.newsletter_grid h3 {
	color: #000;
	font-size: 1.1em;
	text-transform: uppercase;
}

/*--twitter--*/

#twitter-section {
	display: block;
	overflow: hidden;
}

.twitter-div {
	background: url(../images/k-background3.jpg) no-repeat center top;
	background-size: 100% 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	min-height: 350px;
	padding-top: 7em;
	text-align: center;
}

.twitter-div p {
	color: #f2efe5;
	font-size: 24px;
	font-style: italic;
	line-height: 30px;
	margin-top: 25px;
	padding: 0 40px;
}

/*--gallery--*/

#gallery-two-image-section {
	display: block;
	overflow: hidden;
}

.gallery-title {
	background-color: #afac9c;
	display: block;
	float: left;
	min-height: 270px;
	overflow: hidden;
	text-align: center;
	width: 40%;
}

.gallery_btn {
	position: relative;
	z-index: 1;
	margin-top: 75px;
}

.gallery-two-row-one {
	padding: 0;
	display: block;
	overflow: hidden;
	width: 60%;
	min-height: 270px;
}

.gallery-two-row-two {
	padding: 0;
	display: block;
	overflow: hidden;
	width: 100%;
	min-height: 270px;
}

.gallery-two-row-three {
	padding: 0;
	display: block;
	overflow: hidden;
	width: 100%;
	min-height: 270px;
}

.gallery-two-row-four {
	padding: 0;
	display: block;
	overflow: hidden;
	width: 100%;
	min-height: 270px;
}

.gallery-two-row-five {
	padding: 0;
	display: block;
	overflow: hidden;
	width: 100%;
	min-height: 270px;
}

.gallery-two-row-six {
	padding: 0;
	display: block;
	overflow: hidden;
	width: 100%;
	min-height: 270px;
}

.gallery-two-row-seven {
	padding: 0;
	display: block;
	overflow: hidden;
	width: 100%;
	min-height: 270px;
}

.gallery-two-row-eight {
	padding: 0;
	display: block;
	overflow: hidden;
	width: 100%;
	min-height: 270px;
}

.gallery-two-row-nine {
	padding: 0;
	display: block;
	overflow: hidden;
	width: 100%;
	min-height: 270px;
}

.gallery-two-image {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}

ul.gallery-grid-box {
	padding: 0;
	list-style: none;
}

ul.gallery-grid-one li {
	width: 33.33%;
	float: left;
	height: 270px;
}

ul.gallery-grid-two li {
	width: 20%;
	float: left;
	height: 270px;
}

ul.gallery-grid-three li {
	width: 20%;
	float: left;
	height: 270px;
}

ul.gallery-grid-four li {
	width: 20%;
	float: left;
	height: 270px;
}

ul.gallery-grid-five li {
	width: 20%;
	float: left;
	height: 270px;
}

ul.gallery-grid-six li {
	width: 20%;
	float: left;
	height: 270px;
}

ul.gallery-grid-seven li {
	width: 20%;
	float: left;
	height: 270px;
}

ul.gallery-grid-eight li {
	width: 20%;
	float: left;
	height: 270px;
}

ul.gallery-grid-nine li {
	width: 20%;
	float: left;
	height: 270px;
}

ul.popup_links.g_links {
	margin-left: 5em;
}

.gallery-two-popup-links {
	display: block
}

.gallery-two-popup-links li {
	margin-left: 25px;
}

.gallery-two-popup-links li button {
	margin-top: 10px;
}

.gallery-grid-one .popup_links li {
	margin-left: 0;
}

.mobile-display-on {
	display: none;
}

.mobile-display-off {
	display: block;
}

/***--- Map ---***/

#map-section {
	display: block;
	overflow: hidden;
}

.map-div {
	display: block;
	overflow: hidden;
}

.map-div img {
	width: 100%;
}

/*--footer--*/

#footer-section {
	background-color: #20201E;
	background: url(../images/noisy6.jpg) repeat center top;
}

.footer-nav {
	margin-bottom: 100px;
	margin-top: 100px;
}

.copyright {
	color: #5a7832;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 50px;
	text-align: center;
}

.copyright a {
	color: #5a7832;
	text-decoration: none;
}

.copyright a:hover {
	text-decoration: underline;
}

/***--- Go To Top ---***/

#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 48px;
	height: 48px;
	border: none;
	text-indent: 100%;
	background: url(../images/move-to-top.png) no-repeat 0px 0px;
}