@font-face {
	font-family: 'Deccan';
	src: url('../fonts/Deccan-Regular.eot');
	src: url('../fonts/Deccan-Regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Deccan-Regular.woff2') format('woff2'),
	url('../fonts/Deccan-Regular.woff') format('woff'),
	url('../fonts/Deccan-Regular.ttf') format('truetype'),
	url('../fonts/Deccan-Regular.svg#Deccan-Regular') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'U8';
	src: url('../fonts/U8-Regular.eot');
	src: url('../fonts/U8-Regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/U8-Regular.woff2') format('woff2'),
	url('../fonts/U8-Regular.woff') format('woff'),
	url('../fonts/U8-Regular.ttf') format('truetype'),
	url('../fonts/U8-Regular.svg#U8-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

html, body {
	height: 100%;
}

body {
	font-family: 'Deccan', times, serif;
	font-size:21px;
	font-weight:normal;
	line-height:1.4em;
	margin:0;
	padding:0;
	color:#333;
}

* {
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}

#intro {
	background:#000;
	width:100%;
	height:100vh;
	display:flex;
	justify-content: center;
	align-items: center;
	z-index:100;
	position:relative;
	color:#fff;
}

#main {
	width:100%;
	display:none;
}

#fixed-title {
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0%;
	left: 0%;
	padding-left:60px;
	z-index: 2;
	display:flex;
	justify-content: center;
	align-items: center;
}

#content {
	position:relative;
	top:100vh;
	z-index:3;
}

#content-text {
	display:table;
	width:100%;
	min-height:95vh;
	max-width:1100px;
	margin:0 auto;
	padding:100px 100px 80px;
	font-size:17px;
	line-height:1.5em;
}

.row {
	width:100%;
	max-width:1920px;
	margin:0 auto;
	display:grid;
	grid-template-columns:50% 50%;
}

.bg-white {
	padding:70px 100px;
	background:#fff;
}

.grid-extra-height {
	min-height:1420px;
}

.grid-height {
	min-height:1210px;
}

.grid-low {
	min-height:600px;
}

.bg-img {
	background-size:cover!important;
	background-position: center center!important;
}

.bg-red {
	color:#fff;
	background:#fb0606;
	position:relative;
}

.bg-red div {
	padding:70px 40px 60px 0;
}

.bg-red>div:first-of-type {
	padding-left:98px;
}

.bottom-text {
	padding:0!important;
	position:absolute!important;
	left:100px;
	bottom:60px;
}


/*FOOTER*/
footer {
	position:relative;
	width:100%;
	clear:both;
}

footer .row {
	height:70px;
	padding:0 100px;
	position:relative;
	display:flex!important;
	align-items: center;
}

#scroll-top {
	position:absolute;
	right:20px;
	bottom:15px;
	width:40px;
	height:40px;
	padding:15px;
	border:1px solid #efefef;
	border-radius:3px;
	background:#ededed;
}

#scroll-top span {
	transform: rotate(90deg);
	display:table;
	font-size:36px;
	margin:-10px 0 0 3px;
}

/*GENERAL*/
strong, b {
	font-weight:600;
}

img {
	border:none;
	display:inline-block;
	width:100%;
}

p {
	margin:20px 0 0;
	hyphens: auto;
}


/*HEADLINES*/
h1, h2, h3, h4 {
	margin:0;
	padding:0;
	text-transform:uppercase;
	display:table;
	font-weight:normal;
	letter-spacing:0.1em;
}

h1 {
	font-family: 'U8', arial, sans-serif;
	font-size:23px;
	line-height:1.4em;
	color:#000;
}

h2 {
	font-size:28px;
	line-height:1.4em;
	color:#fff;
	letter-spacing: 0.03em;
}

h3 {
	font-family: 'U8', arial, sans-serif;
	font-size:79px;
	line-height:1.2em;
	color:#000;
	text-transform:none;
}

#intro h3 {
	text-align:center;
	width:100%;
	height:200px;
	color:#fff;
}

#fixed-title h3 {
	width:100%;
	height:200px;
	text-align:center;
}

h4 {
	font-family: 'U8', arial, sans-serif;
	font-size:58px;
	line-height:1.1em;
	color:#fff;
}


/*LINKS*/
a:focus {
	outline:none;
}

a, a:visited {
	text-decoration:none;
	color:#333;
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
}

a:hover, a:active {
	color:#fb0606;   
}

a[href^="tel:"]:hover {
  color:inherit;
  cursor:inherit;
}

.bg-red a, .bg-red a:visited {
	color:#fff;
}

.bg-red a:hover, .bg-red a:active {
	color:#fff;
	text-decoration:underline;
}

.bg-red a[href^="tel:"]:hover {
	text-decoration:none;
}


/*LISTS*/
ul, li {
	margin:0;
	padding:0;
}

.bg-white ul {
	margin:20px 0 0 18px;
}

.bg-white ul li {
	padding-bottom: 5px;
	list-style-type:none;
}

.bg-white ul li:before {
	content:"– ";
	margin-left:-18px;
}

footer ul li {
	display:inline;
	margin-right:30px;
}



/*RESPONSIVE*/
@media only screen and (max-width:1480px) {
	
	body {font-size:19px;}
	h1 {font-size: 21px;}
	h2 {font-size:26px;}
	h3 {font-size:69px;}
	h4 {font-size:50px;}
	
	.grid-extra-height {
		min-height:1220px;
	}
	
	.grid-height {
		min-height:1010px;
	}
	
	.bg-white ul {
		margin-left:15px;
	}
	
	.bg-white ul li:before {
		margin-left:-15px;
	}
	
}


@media only screen and (max-width:1280px) {
	
	body {font-size:17px;}
	h1 {font-size: 19px;}
	h2 {font-size:24px;}
	h3 {font-size:63px;}
	h4 {font-size:46px;}
	
	#fixed-title {
		padding-left: 53px;
	}
	
	.bg-white {
		padding: 80px;
	}
	
	.grid-extra-height {
		min-height:1020px;
	}
	
	.grid-height {
		min-height:810px;
	}
	
	.grid-low {
		min-height:480px;
	}
	
	.bg-white ul li::before {
		margin-left: -13px;
	}

}


@media only screen and (max-width:1112px) {
	
	.grid-extra-height {
		min-height:920px;
	}
	
	.grid-height {
		min-height:710px;
	}
	
	.grid-low {
		min-height:400px;
	}
}

@media only screen and (max-width:834px) {

	h3 {font-size:54px;}
	h4 {font-size:40px;}
	
	#intro h3,
	#fixed-title h3 {height:150px;}
	
	#fixed-title {
		padding-left:0;
	}
	
	.row {
		display:flex;
		flex-direction: column;
	}
	
	.row div.bg-white {
		order:1;
	}

	.row div.bg-img {
		order:2;
	}
	
	.grid-extra-height,.grid-height,.grid-low {
		min-height:auto;
	}
	
	.bg-img {
		min-height: 600px;
	}
	
	.bg-img:first-of-type {
		background-position: center top!important;
	}
	
	.bottom-text {
		padding: 80px 0 0!important;
		position: relative!important;
		left: 0;
		bottom: 0;
	}
	
	.bg-red>div {
		padding:80px!important;
	}
	
	.bg-red > div:first-of-type {
		padding:80px 80px 0!important;
	}
	
	#content-text {
		padding:100px 80px 50px;
	}
	
	footer .row {
		padding: 0 80px;
		justify-content: center;
		align-items: flex-start;
	}
	
	.mob-hide {
		display:none!important;
	}

}

@media only screen and (max-width:600px) {
	body {font-size:16px;}
	h1 {font-size: 18px;}
	h2 {font-size:22px;}
	h3 {font-size:44px;}
	h4 {font-size:32px;}
	#scroll-top span {margin:-9px 0 0 2px;}
}

@media only screen and (max-width:480px) {
	h3 {font-size:30px;}
	h4 {font-size:26px;}
	#intro h3,
	#fixed-title h3 {height:100px;}
	.bg-img {min-height:450px;}
	.bg-white {padding:55px;}
	.bg-red > div {padding:40px 55px!important;}
	.bg-red > div:first-of-type {padding:40px 55px 0!important;}
	.bottom-text {padding:40px 0 0!important;}
	footer .row {padding: 0 55px;}
}

@media only screen and (max-width:414px) {
	body {font-size:15px;line-height: 1.3em;}
 	h3 {font-size:26px;letter-spacing:0.08em;}
	h4 {font-size:24px;}
	.bg-white ul {margin-left:12px;}
	.bg-white ul li::before {margin-left:-11px;}
}

@media only screen and (max-width:375px) {
	.bg-img {min-height:350px;}
}