@font-face{font-family:'SpiroChem'; font-weight: 300;src: url("../fonts/AvenirNextLTPro-UltLt.woff") format("woff"),url("../fonts/AvenirNextLTPro-UltLt.ttf") format("truetype")}
@font-face{font-family:'SpiroChem'; font-weight: 400;src: url("../fonts/AvenirNextLTPro-Regular.woff") format("woff"),url("../fonts/AvenirNextLTPro-Regular.ttf") format("truetype")}
@font-face{font-family:'SpiroChem'; font-weight: 500;src: url("../fonts/AvenirNextLTPro-Medium.woff") format("woff"),url("../fonts/AvenirNextLTPro-Medium.ttf") format("truetype")}
@font-face{font-family:'SpiroChem'; font-weight: 600;src: url("../fonts/AvenirNextLTPro-Demi.woff") format("woff"),url("../fonts/AvenirNextLTPro-Demi.ttf") format("truetype")}
@font-face{font-family:'SpiroChem'; font-weight: 700;src: url("../fonts/AvenirNextLTPro-Bold.woff") format("woff"),url("../fonts/AvenirNextLTPro-Bold.ttf") format("truetype")}
@font-face{font-family:'SpiroChem'; font-weight: 800;src: url("../fonts/AvenirNextLTPro-Heavy.woff") format("woff"),url("../fonts/AvenirNextLTPro-Heavy.ttf") format("truetype")}

/* =========== Custom styles =========== */
body {
  color: #fff;
  font-family: 'SpiroChem', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'SpiroChem', sans-serif;
}
.main-title {
	font-size: 86px;
	line-height: 110px;
}
.h1 {
	font-size: 86px;
	line-height: 110px;
}
.h2 {
  font-size: 72px;
  line-height: 72px;
  position: relative;
}
.h4 {
	font-size: 42px;
	line-height: 42px;
}
.h5 {
	font-size: 20px;
	line-height: 20px;
}
.h6 {
	font-size: 18px;
	line-height: 18px;
}
.section-height {
	min-height: 100vh;
}
.fw-normal {
	font-weight: 400 !important; 
}
.bg-black {
  background-color: #101010;
}
.bg-dark-gray {
  background-color: #171717;
}
.color-black {
  color: #101010;
}
.color-dark-gray {
 color: #171717;
}
.outline-border-orange {
  text-shadow: #9F3F3F -1px 0px, #9F3F3F 0px 1px, #9F3F3F 1px 0px, #9F3F3F 0px -1px;
}
.preloader-heading {
	font-size: 120px;
}
.big-heading {
  font-size: 180px;
  line-height: 180px;
}
.extra-big-heading {
	font-size: 240px;
	line-height: 240px;
}
.mega-big-heading {
	position: relative;
	font-size: 300px;
	line-height: 300px;
}
.mb-min-20 {
  margin-bottom: -20px;
}
.pt-150,
.py-150 {
	padding-top: 150px;
}
.pb-150,
.py-150 {
	padding-bottom: 150px;
}
.pt-100,
.py-100 {
	padding-top: 100px;
}
.pb-100,
.py-100 {
	padding-bottom: 100px;
}
.pr-25,
.px-25 {
	padding-right: 25px;
}
.pl-25,
.px-25 {
	padding-left: 25px;
}
.year-position {
	position: absolute;
	top: -10px;
	left: 0;
}
.z-index-1 {
	z-index: 1;
}
.text-right-fadeout {
    -webkit-mask-image: linear-gradient(to right, black 70%, transparent 100%);
 	mask-image: linear-gradient(to right, black 70%, transparent 100%);
}
.text-top-fadeout {
    -webkit-mask-image: linear-gradient(to top, black 50%, transparent 100%);
 	mask-image: linear-gradient(to top, black 50%, transparent 100%);
}
.text-bottom-fadeout {
    -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
 	mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
}
.site-header .inner-header .main-logo {
	width: 80px;
}
.preloader .preloader-bar .preloader-progress {
	background-color: #FF6060;
	opacity: 0.7;
}
.preloader .title .text-fill {
	color: #fff;
}
.preloader .percent.percent,
.preloader .loading-text.percent {
	color: #fff;
}
.text-stroke-box .text-stroke-inner {
	color: #fff;
	opacity: 0.6;
}
.footer .logo-footer {
	width: 200px;
}
.pt-4, 
.py-4 {
	padding-top: 2.5rem !important;
}
.pb-4, 
.py-4 {
	padding-bottom: 2.5rem !important;
}
.hashtag {
	font-size: 14px;
	font-weight: 700;
	color: #fff;
}
.company-link {
	text-transform: unset !important;
}
.p-fixed {
	height: 100vh;
}