@import url('https://fonts.googleapis.com/css2?family=Anton&family=Raleway:wght@300;500&display=swap');

body {
	font-family: Spartan, sans-serif;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: #ffffff;
	background-size: 500px auto
}
h1 {
	font-family: 'Anton', sans-serif;
	font-weight: 500;
	font-size: 48px;
	line-height: 44px;
	margin: 0;
	text-transform: uppercase;

}
h3 {
	font-family: 'Anton', sans-serif;
	font-size: 32px;
	font-weight: 500;
	line-height: 29px;
	text-transform: uppercase;
}
p {
	font-size: 16px;
	line-height: 20px;
	font-size: 300;
	color: #2E2836;
}
label {
	font-family: 'Raleway', sans-serif;
	margin-top: 10px;
	font-size: 10px;
	font-weight: 500;
	color: #fef6f1;
	text-transform: uppercase;
}

a {
	text-decoration: none;
	color: inherit;
	word-break: break-all;
}
.section-pad {
	padding: 60px 0;
}

.bullet-link {
	padding-left: 10px;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	border-left: 10px solid #DA4167;
}

.bullet-link:hover {
	padding-left: 0;
	border-left: 20px solid #DA4167;
}
.site-textlink {
	font-family: 'Raleway', serif;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;

}
.site-textlink:hover {

}


.mybutton {
	/*border-radius: 8px;
	height: 40px;
	padding: 0 20px;*/
/*	background-color: rgba(255, 119, 0, 1);*/
	color:#333138;
	cursor: pointer;
/*	line-height: 40px;*/
	display: inline-block;
	font-weight: bold;
	margin-top: 20px;
}
.mybutton:hover {
/*	text-decoration: underline;
	text-decoration-color: #DA4167;*/
}

.container-fluid-no-gutters {
	padding: 0;
}

.header {
	padding: 5px;
	position: fixed;
	background-color: #fff;
	top:0;
	width: 100%;
	height: 50px;
	
	box-sizing: border-box;
/*	border-left: 10px solid #DA4167;
	outline: 1px solid white;*/
	z-index: 10;
}
.logo-section {
	
}
.logo-section label {

}
.header-top {
	width:100%;


}
.header-bar {
	z-index: 9;
}
.logo {
	width: 147px;
	height: 40px;
	background-repeat: no-repeat;
}
.header-logo {
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-image: url(../imgs/logo_dark.png);
}
.divide {
	border-top: 1px solid #fef6f1;
	border-bottom: 1px solid #fef6f1;
	width: 100%;
	padding: 50px 0;
	background-image: url(../imgs/bg_pattern.jpg);
	background-size: 500px auto;
}
ul {
	color: #000103;
	list-style: none;
	font-weight: 500;
	font-size: 20px;
	padding: 0;
	text-transform: uppercase;
	font-family: 'Anton', serif;
}
.menu-lined {
	text-align: left;
    margin: 0;
}
.menu-lined a {
	margin-right: 40px;
	color: #2E2836
}
.menu-lined li {
	margin-top: 14px;
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
}

.menu-stacked {
	text-align: left;
	margin-top: 25px;
}
.menu-stacked li {
	cursor: pointer;
	display: inline-block;
	margin-bottom: 8px;
	color: #fff;
}
.menu-lined li:hover,
.menu-stacked li:hover {
	color: #E0777D;
}
.menu-icons-header {
	text-align: right;
	line-height: 84px;
}
.menu-icons-header li {
	margin-right: 0px;
	margin-left: 8px;
}
.menu-icons-footer {
	line-height: 30px;
}
.menu-icons-footer li {
	margin-right: 8px;
}
.menu-icon {
	width: 20px;
	height: 20px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}
.icon-facebook {
	background-image: url(../imgs/facebook_white.png);
}
.icon-twitter {
	background-image: url(../imgs/twitter_white.png);
}
.icon-linkedin {
	background-image: url(../imgs/linkedin_white.png);
}
.icon-facebook:hover {
	background-image: url(../imgs/facebook_hover.png);
}
.icon-twitter:hover {
	background-image: url(../imgs/twitter_hover.png);
}
.icon-linkedin:hover {
	background-image: url(../imgs/linkedin_hover.png);
}

.footer {
	position: relative;
	/*background-image: url(../imgs/bg_pattern_white.jpg);*/
	background-size: 500px auto;
	color: #fff;
	min-height: 300px;
	width: 100%;
}
.footer-logo {
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-image: url(../imgs/logo_light.png);
}
.footer-copyright {
	font-size: 11px;
	position: absolute;
	bottom: 5px;
	left:5px;
	color: #fef6f1;
}
.footer a {
	color: #fff;
}

.masthead {
	position: relative;
	height: 100vh;
	width: 100%;
	background-color: #4e4544;
}
.masthead-image {
	position: absolute;
	width: 100%;
	height:100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.masthead-overlay {
	width: 100%;
	height: 100%;
	background: #2E2836;
	opacity: 0.5;
	position: absolute;
	z-index: 1;
	align-content: center;
	justify-content:left;
}
.masthead-overlay-inner {
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
	color:#FFF8F0;
	position: relative;
	 align-self: center;
}


.mobile .masthead-overlay-inner .container {
	background-color: rgba(0, 70, 125, 0.9);
	padding-top: 20px;
	padding-bottom: 20px;
	border: 1px solid #FFF8F0;
}

#mobile-menu {
	position: fixed;
	width:100%;
	height: 100%;
	padding-top: 50px;
	top:0;
	z-index: 3;
	box-sizing: border-box;
	transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transition: 0.6s ease-in-out;
	-webkit-transition: 0.6s ease-in-out;
}
.isactive {
	transform: translateX(0)!important;
	-webkit-transform: translateX(0)!important;
}
#mobile-menu ul {
	text-align: center;
	margin-top: 25px;
	background-color: #fef6f1;
	    padding: 0 10px;
}
.mobile-menu-inner {
	background-image: url(../imgs/bg_pattern.jpg);
	background-size: 500px auto;
	height: 100%;
}
#mobile-menu .menu-stacked li {
	color: #4e4544;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	display: inline-block;
	padding: 10px 0;
	margin: 0;
	text-align: left;
	width: 100%;
}
#menu-button {
	z-index: 999;
	width: 30px;
	height: 30px;

	margin-top: 0px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	background-image: url(../imgs/menu_burger_button.png);
}
.burgeracitve {
	background-image: url(../imgs/menu_close_button.png)!important;
}

.full-block {
	position: relative;
	height: 80vh;
	width: 100%;
	background-color: #ffffff;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}



.image-divide-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
	z-index: 1;
}
.content-block-center {
	text-align: left;
	position: absolute;
	top: 50%;
	left:50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	height: auto;
	width: 80%;
	max-width: 700px;
	padding: 20px;
}


.carousel {
	position: relative;
	height: 100vh;
	width: 100%;
	background-color: #4e4544;
	overflow: hidden;
	opacity: 0;
	margin: 0;
	padding: 0;
	padding: 0;
}
.carousel-inner {
	margin: 0;
	padding: 0;
	top:0;
	left:0;
	height: 100%;
	position: absolute;
	transition: 0.6s ease-in-out;
}
.carousel-view {
	position: absolute;
	background-color: #4e4544;
	height: 100%;
	background-size: cover;
	background-position: center;
}
.carousel-box {
	text-align: left;
	position: absolute;
	top:70%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: auto;
	left: 10%;
	z-index: 8;
	color: #fff;
	padding: 20px;
	max-width: 80%;
}
.carousel-box h1 {
	margin: 0;
}
.carousel-box p {
	color: #fff;	
	margin-bottom: 0;
}

.text-section {

	padding: 60px 0;
}

.home-intro {

}
.home-intro-mast {
	height: 80vh;
	position: relative;
	background-size: 100%;
}

.home-intro-top {
	position: relative;

	color: #fff;
	box-sizing: border-box;
	padding: 0px 20px 60%;
	text-align: center;
	background-position: center;
	background-size: cover;
}
.home-intro-top-overlay {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	opacity:0.8;
}
.home-intro-top img {
	max-width: 400px;
	width: 60%;
}
.home-intro-mast h1,
.home-intro-top h1 {
	text-align: left;
	bottom:10px;
	padding-left: 10px;
	position: absolute;
}
.home-intro-bottom {
	color: #2E2836;
	background-color: #ffffff;
	box-sizing: border-box;
	padding: 40px 40px 40px;
	    height: auto;
}



.contact {
	padding: 80px 0px;
	min-height: 500px;
	color: #333138;
	background-color: #fef6f1;
/*	background-image: url(../imgs/bg_pattern.jpg);*/
	background-size: 500px auto;
}

.contact-inner {
	color: #fff;
}
.contact-left {
	text-align: center;
}
.contact-map-container {
	height: 300px;
	position: relative;
	margin-top:20px;
}
.contact-map {
	width: 100%;
	height: 270px;
	margin: 0 auto;

	background-size: cover;
	background-color: rgba(255,255,255,0.9);
	box-sizing: border-box;
/*	border-left: 10px solid #DA4167;*/

	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0px;
	height: calc(100% + 60px);
	background-repeat: no-repeat;
	background-image: url(../imgs/map.jpg);

}
.contact .carousel-box {
	width: auto;
	left: auto;
	margin-bottom: 25px;
}
.carousel-box-map {
	position: relative;
	transform: translateY(0);
	top: auto;
	width: auto;
	left :auto;
}
.contact-map img {
	width: 100%;
	display: block;
}

.desktop {
	display: none;
}
.mobile {
	display: block;
}
.mobile-center {
		text-align: center;
	}

@media (min-width: 576px) {
	.mobile-center {
		text-align: left;
	}
	.footer {
		min-height: 300px;
	}
}

@media (min-width: 768px) {
	.carousel-box {
	}
	.menu-stacked {
		margin-top: 0;
	}
	.desktop {
		display: block;
	}
	.mobile {
		display: none;
	}
	.logo {
		width: 221px;
		height: 60px;
	}
	.header {
		padding: 10px;
		height: 80px;
	}
	.carousel-box {
		max-width: 400px;
	}
	.contact-map-container {
	height: auto;
	position: relative;
	margin-top:0;
}
	.contact-map {
		left: auto;
		position: absolute;
		top: -20px;
		height: calc(100% + 40px);
		border-radius: 0px;
	}

	h1 {
		font-size: 64px;
		margin: 0;
		line-height: 58px;
	}
	h3 {
		font-size: 32px;
		font-weight: 500;
		line-height: 29px;
	}
	.home-intro-top {
		    padding: 0px 20px 80%;
	}
	.masthead-overlay {

	}
	.masthead-overlay-inner {
		width: 45%;
		padding: 40px;
	}
	.content-block-center {
		width: 80%;
		padding: 40px;
	}
	.contact-map {

	}	
}




.bg-white {
	background-color: #ffffff;
}
.bg-green {
	background-color: #4CB5AE;
}
.bg-blue {
	background-color: #758BFD;
}
.bg-pink {
	background-color: #E0777D;
}
.bg-dark {
	background-color: #2E2836;
}
.bg-orange {
	background-color: #FF934F;
}


.text-white {
	color: #ffffff;
}
.text-green {
	color: #4CB5AE;
}
.text-blue {
	color: #758BFD;
}
.text-pink {
	color: #E0777D;
}
.text-dark {
	color: #2E2836;
}
.text-orange {
	color: #FF934F;
}