/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

nav ul a,
nav .brand-logo {
	color: #444;
}

p {
	line-height: 2rem;
}

.sidenav-trigger {
	color: #26a69a;
}

.parallax-container {
	min-height: 380px;
	line-height: 0;
	height: auto;
	color: rgba(255, 255, 255, 0.9);
}
.parallax-container .section {
	width: 100%;
}
.dropdown-content li > a,
.dropdown-content li > span {
	color: #444 !important;
}
@media only screen and (max-width: 992px) {
	.parallax-container .section {
		position: absolute;
		top: 40%;
	}
	#index-banner .section {
		top: 10%;
	}
}

@media only screen and (max-width: 600px) {
	#index-banner .section {
		top: 0;
	}
}

.icon-block {
	padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}

footer.page-footer {
	margin: 0;
}
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ffffff;
	/* change if the mask should have another color then white */
	z-index: 100000;
	/* makes sure it stays on top */
}

#status {
	width: 100%;
	height: 100vh;
	position: absolute;
	z-index: 10000;
	left: 4%;
	/* centers the loading animation horizontally one the screen */
	top: 0%;
	/* centers the loading animation vertically one the screen */
	background-image: url(../img/loader.svg);
	/* path to your loading animation */
	background-repeat: no-repeat;
	background-position: center;
	margin: -50px 0 0 -50px;
	/* is width and height divided by two */
}

@media screen and (max-width: 992px) {
	#status {
		width: 100%;
		height: 100vh;
		position: absolute;
		z-index: 10000;
		left: 8%;
		/* centers the loading animation horizontally one the screen */
		top: 0%;
		/* centers the loading animation vertically one the screen */
		background-image: url(../img/loader.svg);
		/* path to your loading animation */
		background-repeat: no-repeat;
		background-position: center;
		margin: -50px 0 0 -50px;
		/* is width and height divided by two */
	}
}
/* label color */
.input-field label {
	color: #616161 !important;
}

/* label focus color */
.input-field input[type="text"]:focus + label,
.input-field input[type="number"]:focus + label,
.input-field input[type="search"]:focus + label,
.input-field input[type="tel"]:focus + label,
.input-field input[type="password"]:focus + label {
	color: #616161 !important;
}

/* label focus color */
input[type="text"]:focus + label,
input[type="number"]:focus + label,
input[type="search"]:focus + label,
input[type="tel"]:focus + label,
input[type="password"]:focus + label {
	color: #616161 !important;
}

/* label underline focus color */
.input-field input[type="text"]:focus,
.input-field input[type="number"]:focus,
.input-field input[type="tel"]:focus,
.input-field input[type="search"]:focus,
.input-field input[type="password"]:focus {
	border-bottom: 1px solid #616161 !important;
	box-shadow: 0 1px 0 0 #616161 !important;
}
/* label underline focus color */
input[type="text"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus {
	border-bottom: 1px solid #616161 !important;
	box-shadow: 0 1px 0 0 #616161 !important;
}

/* valid color */
.input-field input[type="text"].valid,
.input-field input[type="number"].valid,
.input-field input[type="search"].valid,
.input-field input[type="tel"].valid,
.input-field input[type="password"].valid {
	border-bottom: 1px solid #616161 !important;
	box-shadow: 0 1px 0 0 #616161 !important;
}
/* valid color */
input[type="text"].valid,
input[type="number"].valid,
input[type="search"].valid,
input[type="tel"].valid,
input[type="password"].valid {
	border-bottom: 1px solid #616161 !important;
	box-shadow: 0 1px 0 0 #616161 !important;
}

/* invalid color */
.input-field input[type="text"].invalid,
.input-field input[type="number"].invalid,
.input-field input[type="search"].invalid,
.input-field input[type="tel"].invalid,
.input-field input[type="password"].invalid {
	border-bottom: 1px solid #616161 !important;
	box-shadow: 0 1px 0 0 #616161 !important;
}
/* invalid color */
input[type="text"].invalid,
input[type="number"].invalid,
input[type="search"].invalid,
input[type="tel"].invalid,
input[type="password"].invalid {
	border-bottom: 1px solid #616161 !important;
	box-shadow: 0 1px 0 0 #616161 !important;
}

/* icon prefix focus color */
.input-field .prefix.active {
	color: #616161 !important;
}
/* icon prefix focus color */
.prefix.active {
	color: #616161 !important;
}

/* label focus color */
.input-field input[type="text"]:focus + label,
.input-field input[type="number"]:focus + label,
.input-field input[type="search"]:focus + label,
.input-field input[type="seartelch"]:focus + label,
.input-field input[type="password"]:focus + label {
	color: #616161 !important;
}
/* label focus color */
input[type="text"]:focus + label,
input[type="number"]:focus + label,
input[type="search"]:focus + label,
input[type="tel"]:focus + label,
input[type="password"]:focus + label {
	color: #616161 !important;
}

/* label underline focus color */
.input-field input[type="text"]:focus,
.input-field input[type="number"]:focus,
.input-field input[type="search"]:focus,
.input-field input[type="tel"]:focus,
.input-field input[type="password"]:focus {
	border-bottom: 1px solid #616161 !important;
	box-shadow: 0 1px 0 0 #616161 !important;
}
/* label underline focus color */
input[type="text"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus {
	border-bottom: 1px solid #616161 !important;
	box-shadow: 0 1px 0 0 #616161 !important;
}

/* label focus color */
.input-field textarea:focus + label {
	color: #616161 !important;
}

.input-field .prefix.active {
	color: #616161 !important;
}

/* label underline focus color */
.input-field textarea:focus {
	border-bottom: 1px solid #616161 !important;
	box-shadow: 0 1px 0 0 #616161 !important;
}

input {
	color: black;
}

textarea {
	color: black;
}

#header {
	background-color: #f6f080;
	transform: rotate(-7deg);
	width: 120%;
	margin-top: -10%;
	margin-left: -10%;
}

#header img {
	width: 15%;
	margin-left: 10%;
	margin-top: 4.5%;
}

body {
	margin: 0;
	background-color: #ffffff;
}

body,
html {
	overflow-x: hidden;
}

#header-sub {
	text-align: right;
	margin-top: 0px;
}

#header-sub img {
	width: 15px;
}

#header-sub span {
	color: #527461;
	letter-spacing: 2px;
	font-weight: 200;
	font-size: 1em;
	margin-left: 10px;
}

#mobileMenu {
	display: none;
}

#menu,
#mobileMenu {
	margin-top: 8%;
}

#mobileMenu i {
	color: #f6f080;
	font-size: 3em;
	margin-left: 35px;
}

#menu div {
	padding: 8px;
	text-align: center;
}

#menu div img {
	width: 23%;
}

#menu div a {
	width: 100%;
}

#menu div span {
	font-size: 1em;
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: 2px;
	margin-left: 10px;
	margin: 0 auto;
	color: black;
}

@media only screen and (max-width: 1025px) {
	#menu {
		display: none;
	}

	.title-responsive {
		letter-spacing: 2px;
		font-size: 1em;
	}

	.title-responsive div {
		width: 90px;
	}

	#mobileMenu {
		display: inline-block;
	}

	#mobile-demo img {
		width: 30px;
	}

	#mobile-demo span {
		font-size: 1em;
		text-transform: uppercase;
		font-weight: 200;
		letter-spacing: 2px;
	}

	.textPresentation p {
		font-size: 1em;
		font-weight: 100;
		text-align: justify;
		letter-spacing: 0px;
	}
}

.title-responsive {
	font-weight: 200;
	letter-spacing: 3px;
	font-family: "Yaldevi";
	color: #527461;
	font-size: 1.5em;
}

.title-responsive div {
	border-bottom: 3px solid #527461;
	width: 125px;
	height: 3px;
}

.textPresentation p {
	font-size: 1.2em;
	font-weight: 100;
	text-align: justify;
	letter-spacing: 1px;
}
input {
	border-radius: 0 !important;
}

input[type="search"] {
	-webkit-appearance: none !important;
}
#loader-container2{
	background: #5AAA95;
   position: fixed;
   width: 100%;
   height: 100vh;
   top: 0%;
   z-index: 100;
}

#loader {
 animation: animate 1.5s linear infinite;
 clip: rect(0, 80px, 80px, 40px); 
 height: 80px;
 width: 80px;
 position: absolute;
 left: calc(50% - 40px);
 top: calc(50% - 40px);
}
@keyframes animate {
 0% { 
   transform: rotate(0deg)
 }
 100% { 
   transform: rotate(220deg)
 }
}
#loader:after {
 animation: animate2 1.5s ease-in-out infinite;
 clip: rect(0, 80px, 80px, 40px);
 content:'';
 border-radius: 50%; 
 height: 80px;
 width: 80px;
 position: absolute; 
} 
@keyframes animate2 {
 0% {
   box-shadow: inset #fff 0 0 0 17px;
   transform: rotate(-140deg);
 }
 50% {
   box-shadow: inset #fff 0 0 0 2px;
 }
 100% {
   box-shadow: inset #fff 0 0 0 17px;
   transform: rotate(140deg);
 }
}