* {
	outline: none;
	/*font-family: 'Roboto Mono', monospace;*/
	font-family: 'Open Sans', sans-serif;
}

html {
	overflow-x: hidden;
}

html, body {
    height: 100%;
    background-color: #fafafa;
}



.content-block {
	margin: 0!important;
	padding: 100px 0;
}

.full-screen {
	height: 100vh;
	padding: 0;
}

.content-block .wrapper {
	height: 100%;
}

.no-padding {
	padding: 0!important;
}

.particles-holder {
	height: 100%;
	padding: 0 15px;
}

.valign-wrapper {
	height: 100%;
}

.main-title {
	font-family: 'Roboto Mono', monospace;
	font-size: 34px;
}

.secondary-title {
	font-size: 20px;
	font-weight: 300;
	width: 80%;
	margin: 0 auto;
	line-height: 32px;
}

.parallax-container {
    height: 500px!important;
}

.parallax-container.contacts {
    height: 700px!important;
}

.parallax-container img {
	filter: brightness(25%);
}

.parallax h3 {
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

.wrapper {
	position: relative;
}

.wrapper.text p {
	width: 80%;
	font-size: 24px;
	line-height: 40px;
	margin: 24px auto;
	font-weight: 300;
	color: #212121;
}

.vertical-align {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin: 0 auto;
	width: 100%;
}

.features {
	text-align: center;
}

.features .feature {
	display: inline-block;
	text-align: center;
	min-width: 175px;
}

.features .feature span {
	font-size: 44px;
}

.features .feature p {
	color: #fff;
	display: block;
	text-transform: uppercase;
	font-family: 'Roboto Mono', monospace;
	font-weight: 700;
	letter-spacing: 3px;
}


/* label color */
.input-field label {
	color: #616161!important;
}
/* label focus color */
.input-field input[type=text]:focus + label, .input-field input[type=email]:focus + label, textarea.materialize-textarea {
	color: #616161!important;
}
/* label underline focus color */
.input-field input[type=text]:focus, .input-field input[type=email]:focus, textarea.materialize-textarea {
	border-bottom: 1px solid #9e9e9e!important;
	box-shadow: none!important;
}
/* valid color */
.input-field input[type=text].valid, .input-field input[type=email].valid, textarea.materialize-textarea {
	border-bottom: 1px solid #9e9e9e!important;
	box-shadow: none!important;
}
/* invalid color */
.input-field input[type=text].invalid, .input-field input[type=email].invalid {
	border-bottom: 1px solid #ef5350!important;
	box-shadow: none!important;
}
/* icon prefix focus color */
.input-field .prefix.active {
	color: #9e9e9e!important;
}

.particles-holder {
	background-image: url('../images/logo_blk.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50% auto;
}

.contacts h3 {
	margin-bottom: 50px;
}

.contacts p {
	color: #fff;
	line-height: 40px;
	margin: 0;
	font-size: 24px;
	text-align: center;
	letter-spacing: 2px;
}

.wrapper.text p.list-item {
	line-height: 40px;
	margin: 0 auto;
}

.wrapper.text p.list-item span {
	font-size: 20px;
	margin-right: 8px;
	vertical-align: middle;
}







@media (min-width: 600px) and (max-width: 992px) {
	.particles-holder {
		background: none;
	}

	.title-screen {
		position: absolute;
	}

	.title-screen img {
		width: 150px;
	}
	 

	.title-screen h3 {
		font-size: 24px;
	}

	.title-screen h4 {
		font-size: 18px;
	}

	h3 {
		font-size: 24px!important;
	}

	h4 {
		font-size: 18px!important;
	}
}

@media (max-width: 599px) {
	.particles-holder {
		background: none;
	}

	.title-screen {
		position: absolute;
	}

	.title-screen img {
		width: 150px;
	}

	h3 {
		font-size: 22px!important;
	}

	h4 {
		font-size: 16px!important;
	}

	p {
		font-size: 14px!important;
		margin: 14px 10px!important;
		line-height: 30px!important;
		width: 100%!important;
	}

	.parallax-container {
		padding: 50px 0;
		height: 500px!important;
	}

	.parallax-container .features .feature .material-icons {
		font-size: 40px;
		margin-top: 24px;
	}

	.parallax-container .features .feature p {
		font-size: 12px!important;
		width: auto!important;
	}

	.content-block {
		padding: 50px 0;
	}

	form {
		padding-left: 0!important;
	}

	.text-holder h3 {
		margin: 24px 0!important;
	}

	.parallax-container.contacts {
		height: 500px!important;
	}

	.wrapper {
		overflow-x: hidden;
	}
}

.language-check {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 1;
}

.language-check a {
	color: #212121;
	font-weight: 700;
	font-family: 'Roboto Mono', monospace;
	padding: 0 3px;
	transition: 0.3s ease-in-out;
}

.language-check a:hover {
	color: #9e9e9e;
}