@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;700&display=swap');



.wow {
	transition: all .4s ease;
}


* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Marcellus', sans-serif;
}
.container-section {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;

}
.container-section .section-segment {
	min-width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}
.container-section .section-segment .segment-content {
	width: 100%;
	padding: 0px;
	text-align: center;
}

.background-text {
    background-image: linear-gradient(transparent 29px, #bcc6b461 10px);
    display: inline;
}

.background-text-dark {
    background-image: linear-gradient(transparent 29px, #a3b099 10px);
    display: inline;
}

@media (max-width: 991px)
{
	.container-section {
		position: absolute;
		display: flex;
		flex-direction: column;
		height: auto;
		transform: none !important;
	}
	.container-section .section-segment {
		height: auto !important;
	}
	.container-section .section-segment .segment-content {
		max-width: 95%;
	}
	.skrollr.skrollr-mobile {
		overflow: auto !important;
	}
}


.bg--green-dark2 {
    background-color: #55604c;
}
.openMainMenu {
	font-family: 'Montserrat', sans-serif;padding:8px 13px;border-radius: 50%;display: inline-block;text-align: center;text-decoration: none;color: black;line-height: 18px;letter-spacing: 3px;
}
.menubar a {
	display: inline-block;
	border-bottom: 2px solid transparent;
}
.menubar a:hover {
	border-bottom: 2px solid #AD7C61;
}
.openMainMenu:hover {
	color: black;
}
#mainMenu.show {
	opacity: 1;
	height: 100%;
	transition: opacity .5s ease;
}
#mainMenu {
	overflow: overlay;
	z-index: 999;
	align-items: center;
	opacity: 0;
	position: fixed;
	left: 0;
	top: 0;
	width: 102%;
	height: 0;
	transition: opacity .5s ease;
}

#mainMenu .row {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

#title-video {
    font-weight: 100;
    text-align: left;
    z-index: 2;
    position: absolute;
    top: 31%;
    width: 300px;
    color: white !important;
    font-size: 4rem;
    left: calc(50% - 50px);
}


.form-group label {
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
}

.form-control {
	background-color: transparent !important;
    border: none;
    border-bottom: 1px solid #AD7C61;
    border-radius: 0;
}

textarea.form-control {
	border: 1px solid #AD7C61;
}

.text--green-light {
	color: #BCC6B4;
}
.text--green-dark {
	color: #636B56;
}
.text--gold {
	color: #AD7C61;
}
.btn-circle {
	border-radius: 50%;
	color: white;
	color: white;
	font-size: 10px;
	text-align: center;
	display: inline-block;
	background-color: #bcc6b4;
	width: 95px;
	height: 95px;
	display: flex;
	align-items: center;
}
.btn-circle > span {
	display: block;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: .8rem;
}
.btn-success {
	background-color: #636b56;
	border-radius: 30px;
	border-color: #636b56;
	opacity: .9;
	font-family: 'Montserrat', sans-serif;
	min-width: 150px;
    padding: 11px;
}
.btn-success:hover, .btn-success:focus {
	background-color: #ad7c61;
	border-color: #ad7c61;
	opacity: 1;
	box-shadow: 0 0 0 1px #ad7c61;
}

.btn-danger {
	background-color: #636b56;
	border-radius: 30px;
	border-color: #636b56;
	opacity: .9;
	font-family: 'Montserrat', sans-serif;
	min-width: 150px;
    padding: 11px;
}
.btn-danger:hover, .btn-danger:focus {
	background-color: #ad7c61;
	border-color: #ad7c61;
	opacity: 1;
	box-shadow: 0 0 0 1px #ad7c61;
}
.bg--green-light {
	background-color: #efefe4;
}
.bg--green-dark {
	background-color: #b3bfac;
}
.bg--gold {
	background-color: #ad7c61;
}

@media(min-width: 768px) {

	.video-wrapper > div {
		display: flex;
		align-items: center;
		text-align: center;
	}
	.video-wrapper {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

}


@media(min-width: 768px) {
	#lateral-bar {
		height: 100vh !important;width: 100%;padding-top: 70px;
	}
	.btn-success.btn-lg,
	.btn-danger.btn-lg {
		min-width: 280px;
	}

	.btn-success.btn-xl,
	.btn-danger.btn-xl {
		min-width: 380px;
	}


}

@media(max-width: 767px) {
	#left-background--welcome > div {
		height: 350px !important;
		margin-bottom: 30px;
	}
	#title-video {
		font-size: 2rem;
	}
}