/* custom font importing*/
@import 'fonts';

/* variables*/
@import 'variables';

/* mixins*/
@import 'mixins';

/* animations*/
@import 'animations';

/* header styling*/
@import 'header';

/* footer styling*/
@import 'footer';

/* home styling*/
@import 'home';

/* services*/
@import 'services';

/* innovation*/
@import 'innovation';

/* lovechick*/
@import 'lovechick';

* {
	text-decoration: none;
	box-sizing: border-box;
	outline: none;
}

html, body {
	font-family: $SPHouseShowCard;
	color: #fff;
	font-size: 16px;
	overflow-x: hidden;
	padding: 0px;
	margin: 0px;
	background: black;
	background: url('../img/body_bg.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

h1,h2,h3,h4,h5,h6,p {
   line-height: 1.45;
}

.section {
	height: 100%;
	margin: 0 auto;
	text-align: center;
	width: 50%;
	margin-bottom: 7%;
	> div {
		margin: 7% 0;
	}
	.heading {
		font-size: 0.8em;
		&:before, &:after {
			background: #fff;
			content: '';
			display: block;
			height: 1em;
			margin: 0 auto;
			width: 2px;
		}
		h3 {
			margin: 0;
		}
	}
	.heading-sub {
		font-family: $BrownBold;
		font-size: 0.4em;
		span {
			color: $main-color;
		}
	}
	.action {
		a {
			font-size: 0.6em;
			@include default-btn;
		}
	}
}

@media (max-width: 800px) {
	.section {
		width: 80%;
	}

	/* disable wow on mobile*/
	.noAnimation {
		visibility: visible !important;
		animation: none !important;
	}

	/* superslides override */
	.slides-navigation, .slides-pagination {
		display: none;
	}
}

@media (max-width: 550px) {
	.section {
		width: 100%;
		padding: 0 2.5%;
	}
}

/* superslides override */
.slides-navigation, .slides-pagination {
	z-index: 5;
}

.slides-pagination a {
	border: none;
	background: $main-color;
	opacity: 0.5;
	margin: 4px;
}

.slides-pagination a.current {
	background: $main-color;
	opacity: 1;
}


/* simple lightbox override */
.sl-overlay {
	background: #000;
	opacity: 1;
}

.sl-caption {
	background: none !important;
	font-size: 0.4em;
	padding: 3% !important;
	label {
		display: block;
	}
	.date {
		font-family: $BrownBold;
	}
	.description {
		font-family: $BrownRegular;
		width: 30%;
	}
}

.loader {
	position: fixed;
	width: 100%;
	height: 100%;
	background: black;
	height: 100vh;
	z-index: 9;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
		align-items: center;
	-ms-flex-pack: center;
		justify-content: center;
	img {
		width: 28%;
		height: auto;
	}
}

@media (max-width: 550px) {
	.loader {
		img {
			width: 50%;
		}
	}
}

.highIndex {
	z-index: 100 !important;
}