* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: "new-frank", sans-serif;
	background-color: #FEFEF2;
}

a {
	text-decoration: none;
	transition: all 0.3s ease;
}

button
{
	cursor: pointer;
}

.container {
	width: 100%;
	max-width: 1184px;
	margin: 0 auto;
}

.d-flex {
	display: flex;
}

.justify-content-center {
	justify-content: center;
}

.bg-light-cream {
	background-color: #FEFEF2;
}

.bg-cream {
	background-color: #F7EFD7;
}

.bg-orange {
	background-color: #F05B26;
}

.text-orange
{
	color: #F05B26;
}

.text-light-cream {
	color: #FEFEF2;
}

.text-black {
	color: #000000;
}
img
{
	display: flex;
}

h1 {
	font-size: 72px;
	line-height: 80px;
	font-weight: 700;
	text-transform: uppercase;
}
h2
{
	font-size: 48px;
	line-height: 52px;
	font-weight: 700;
	text-transform: uppercase;
}

h3 {
	font-size: 32px;
	line-height: 38px;
	font-weight: 500;
	text-transform: uppercase;
}

h4 {
	font-size: 18px;
	line-height: 26px;
	font-weight: 700;
	text-transform: uppercase;
}

p {
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
}
ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
.text-center
{
	text-align: center;
}
.btn-area {
	display: flex;
}

.btn-primary {
	height: 40px;
	padding: 0 32px;
	background: #F05B26;
	border: 1px solid #F05B26;
	color: #FEFEF2;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	transition: all 0.3s ease;
}

.btn-primary:hover {
	background-color: #000;
	border-color: #000;
	color: #FEFEF2;
}

.btn-secondary {
	height: 40px;
	padding: 0 32px;
	background: #000000;
	border: 1px solid #000000;
	color: #FEFEF2;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	transition: all 0.3s ease;
}

.btn-secondary:hover {
	background-color: #ED1C24;
	border-color: #ED1C24;
	color: #FEFEF2;
}
img
{
	max-width: 100%;
}
.site-header-open
{
	transform: translateY(-100%);
	transition: transform 0.5s ease;
}
.site-header-open.header-open
{
	transform: translateY(0);
}
.font-80
{
	font-size: 80px;
	line-height: 80px;
	font-weight: 700;
}
.font-72
{
	font-size: 72px;
	line-height: 72px;
	font-weight: 700;
}
.font-64
{
	font-size: 64px;
	line-height: 72px;
	font-weight: 700;	
}
.font-48
{
	font-size: 48px;
	line-height: 52px;
	font-weight: 700;	
}
.section-padding
{
	padding: 80px 20px;
}
.mb-16
{
	margin-bottom: 16px;
}
.mb-32
{
	margin-bottom: 32px;
}
.mb-40
{
	margin-bottom: 40px;
}
.mb-24
{
	margin-bottom: 24px;
}
.mb-64
{
	margin-bottom: 64px;
}
.mb-0
{
	margin-bottom: 0 !important;
}
.pb-0
{
	padding-bottom: 0 !important;
}
.appear-mobile
{
	display: none;
}
.for-mobile
{
	display: none;
}

@media all and (min-width: 768px)
{
	.site-header-open
	{
		display: none;
	}
	
}

@media all and (max-width: 767px)
{
	.hidde-mobile
	{
		display: none;
	}
	.appear-mobile
	{
		display: block;
	}
	.section-padding {
    	padding: 64px 20px;
	}
	.inner-hero-section h3
	{
		font-size: 24px;
        line-height: 34px;
        padding: 0 20px;
	}
	.inner-hero-section .slick-dots
	{
		left: 0;
		right: 0;
		align-items: center;
		justify-content: center;
		bottom: 32px;
		z-index: 1;
	}
	.font-64
	{
		font-size: 38px;
		line-height: 46px;	
	}
	.font-72, .inner-hero-section h3.font-72 {
        font-size: 48px;
        line-height: 48px;
        padding: 0 20px;
    }
    .for-mobile
	{
		display: inline-block;
	}
 
}