/*
	Active by TEMPLATE STOCK
	templatestock.co @templatestock
	Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
*/


/* TABLE OF CONTENTS

	1. Import section
	2. Basic styles
	3. Header
	4. Service Icons
	5. Subscribe
	6. Contact
	7. Footer
	8. Responsive

*/



/* 1. IMPORT SECTION */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&display=swap');


/* 2. BASIC STYLES */

	html, body {
		height: 100%;
	}

	* {
		font-family: 'Open Sans', sans-serif;
	}

	body {
		font: 16px/1.5;
		background-color: #fff;
		color: #262626;
		font-weight: 300;
	}

	a { 
		color: #262626;
		transition: all 0.125s ease-in-out 0s;
		-moz-transition: all 0.125s ease-in-out 0s;
		-webkit-transition: all 0.125s ease-in-out 0s;
		-o-transition: all 0.125s ease-in-out 0s;
		-ms-transition: all 0.125s ease-in-out 0s;
	}

	a:hover {
		color: #68c3a3;
	}

	a, a:hover, a:active, a:focus {
		outline: 0;
		border: 0;
		text-decoration: none;
	}

	#st-preloader {
		background: #FFF;
		bottom: 0;
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 9999;
	}

	p {
		line-height: 1.5;
	}

	#pre-status,
	.preload-placeholder {
		background-image: url(../images/preloader.gif);
		background-position: center;
		background-repeat: no-repeat;
		height: 40px;
		left: 50%;
		margin: -20px 0 0 -20px;
		position: absolute;
		top: 50%;
		width: 40px;
	}

	.preload-placeholder {
		background: none;
		left: 0;
		margin: 0;
		text-align: center;
		top: 65%;
	}



/* 3. HEADER */

	.st-header{
		position: relative;
		background-image: url(header-bg.jpg);
		background-position: 50% 0;
		background-repeat: no-repeat;
		background-size: cover;
		min-height: 100vh;
		min-width: 100vw;
	}

	.header-overlay{
		position: absolute;
		background-color: rgba(0, 0, 0, 0.7);
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.st-header-content{
		padding-top: 12%;
	}

	.st-header-title{
		color: #fff;
		padding-top: 40px;
	}

	.st-header-title h2{
		font-size: 56px;
		margin-bottom: 20px;
	}

	.st-header-title h2 span{
		font-weight: 700;
		text-transform: uppercase;
		color: #ffffff;
	}

	.logo {
		width: 100%;
	}

	.logo img {
		width: 100%;
		max-width: 400px;
	}

/* 8. RESPONSIVE */

	@media (max-width: 767px) {

		.st-header{
			height: auto !important;
		}

		.st-header{
			height: auto !important;
		}


		.logo img {
			max-width: 200px;
		}

		.st-header-title h2{
			font-size: 55px;
			margin-bottom: 10px;
		}

	}


	@media (max-width: 479px) {
		
		.st-service-box p {
			padding: 0 10%;
		}

		.subscribe input[type=email]{
			width: 100%;
			border-radius: 3px 3px 0 0;
		}

		.subscribe input[type=submit]{
			width: 100%;
			border-radius: 0 0 3px 3px;
		}

		.contact-form input[type=submit]{
			width: 100%;
		}

	}