/*===================== 
	Color information
	
	-
	-orange #f37a1f
	grey #ededed
	-
	-
		 
=======================*/
/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}

pre {
	white-space: pre-wrap;
}

small {
	font-size: 80%;
}


/*===================== 
	@Font-Face 
=======================*/


/*===================== 
	base styles 
=======================*/

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

body {
	font-family: "Outfit", sans-serif;
	margin: 0;
	padding: 0;
}

svg:not(:root) {
	overflow: hidden;
	/*reset*/
}

.clear {
	clear: both;
}

img {
	border: 0;
}

/*===================== 
	typography 
=======================*/

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 28px;
	font-weight: 700;
}

h2 {
	font-size: 24px;
	font-weight: 700;
}

h3 {
	font-size: 20px;
	font-weight: 700;
}

h4 {
	font-size: 18px;
	font-weight: 700;
}

h5 {
	font-size: 16px;
	font-weight: 700;
}

h6 {}

p {
	font-size: 18px;
	margin: 0;
}

.bold {
	font-weight: bold;
}

.header-text {
	width: 100%;
	font-size:clamp(24px, 2vw, 30px);
	font-weight:700;
	padding-bottom:20px;
	line-height: 1;
	text-transform: uppercase;
}
.header-text span {
	width: 100%;
	font-size:clamp(18px, 2vw, 24px);
	font-weight:500;
	display: block;
}

.text-center {
	text-align: center;
}
.text-white {
	color:#fff;
}
.bg-img-cont {
	position: relative;
}
.bg-img-cont img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 30px;
}

/*===================== 
	link styles 
=======================*/

a:focus {
	outline: thin dotted;
	/*reset*/
}

a,
a:link,
a:visited,
a:active {
	outline: 0;
	/*reset*/
	color: #000;
	text-decoration: none;
}

a:hover {
	outline: 0;
	/*reset*/
	text-decoration: none;
	color: #ccc;
}
.butn-white {
	background:#fff;
	color:#000;
	display:block;
	padding:10px;
	font-size: 18px;
	font-weight: 400;
	text-align:center;
	margin:10px 0;
    transition: .2s ease-in;
	border:1px solid #f37a1f;
	border-radius: 10px;
	outline: none;
	cursor: pointer;
	font-family: "Outfit", sans-serif;
}
.butn-white:hover {
	color:#000;
	background:#f37a1f;
}

.butn-black {
	background:#000;
	color:#f37a1f;
	display:block;
	padding:10px;
	font-size: 18px;
	font-weight: 400;
	text-align:center;
	margin:10px 0;
    transition: .2s ease-in;
	border:1px solid #f37a1f;
	border-radius: 10px;
	outline: none;
	cursor: pointer;
	font-family: "Outfit", sans-serif;
}
.butn-black:hover {
	color:#000;
	background:#f37a1f;
}
.text-link-orange {
	font-weight: 600;
	color:#f37a1f!important;
	transition: .2s ease-in;
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
	text-align: inherit;
}
.text-link-orange:hover {
	opacity: 0.7;
}
.text-link-black {
	font-weight: 600;
	color:#000!important;
	transition: .2s ease-in;
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
	text-align: inherit;
}
.text-link-black:hover {
	opacity: 0.7;
}

/*===================== 
	header styles 
=======================*/

.header-top {
	width: 100%;
	display: flex;
	justify-content: space-between;
	gap:0 5px;
	background:#f37a1f;
	border-bottom-left-radius: 10px;
	position: relative;
	z-index:2;
}
.header-top ul {
	display:flex;
	margin:0;
	gap:10px;
	padding:5px 0 5px clamp(20px, -880px + 50vw, 100vw);
	align-items: center;
  	line-height: 1;
}
.header-top ul li {
	padding:0;
	margin:0;
	list-style: none;
	font-family: "Outfit", sans-serif;
}
.header-top ul li a {
	font-family: "Outfit", sans-serif;
	font-size:14px;
	color: #000;
	font-weight: 500;
	transition: .2s ease-in;
}
.header-top ul li a:hover {
	opacity: 0.6;
}
.head-search {
	padding:5px clamp(20px, -880px + 50vw, 100vw) 5px 0;
	background:#000;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
}
.head-search form {
	width: 100%;
	display: flex;
	background:#000;
	border-radius: 50px;
	gap:5px;
	padding: 2px 15px;
	align-items: center;
	box-sizing: border-box;
}
.head-search form input {
	border: 0px!important;
	outline: none!important;
	font-family: 'Outfit', sans-serif;
	padding: 5px 10px!important;
	box-sizing: border-box!important;
	background:#000!important;
	width: calc(100% - 33px)!important;
	color:#fff!important;
}
.head-search form input::placeholder {
	color:#fff;
	opacity: 1;
}
.head-search form button {
	font-size:22px;
	color:#f37a1f;
	border:0px;
	outline:none;
	background:none;
	transition: .2s ease-in;
}
.head-search form button:hover {
	opacity: 0.6;
}
.header-wrap {
	width: 100%;
	margin: 0;
	position:sticky;
	top:0;
	left:0;
	background:#fff;
	z-index: 1005;
	box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
}

header {
	margin: 0 auto;
	max-width: 1800px;
	padding:20px;
	display: flex;
	justify-content: space-between;
	gap:10px;
	align-items: center;
}

.head-logo-1 img {
	width: 100%;
	max-width:180px;
	height: auto;
	display: block;
}



/*===================== 
	nav styles 
=======================*/

#menu-button {
	display: none;
}

nav.mobile {
	display: none;
}



nav.primary {
	padding: 0;
	display: block;
	margin: 0;
	position: relative;
}

nav.primary ul {
	margin: 0 auto;
	padding: 0;
	display: flex;
	justify-content: flex-end;
}

nav.primary ul li {
	display: inline-block;
	margin: 0;
	list-style-type: none;
	transition: .2s ease-in;
}

nav.primary ul li a {
	color: #000;
	font-size:clamp(14px, 1.1vw, 18px);
	text-decoration: none;
	padding:10px clamp(10px, 2vw, 40px);
	display: block;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	transition: .2s ease-in;
	font-weight:500;
	cursor: pointer;
	white-space: nowrap;
}

nav.primary ul li a:hover {
	background: #000;
	color: #fff;
}
nav.primary ul li:hover a {
	background: #000;
	color: #fff;
}
nav.primary > ul > li:first-of-type a:hover {
	background: #fff;
	color:#f37a1f;
}

/* Appearance of the sub-level links */
nav.primary ul li li a {
	padding: 10px;
	color: #fff;
	background: #000;
	display: block;
	text-align: left;
}

/* Appearance of the sub-level links on hover */
nav.primary ul li li a:hover {
	color:#f37a1f;
}

/* This controls the Primary nav dropdowns for sublinks. Should not have to edit this too muuch */
nav.primary ul ul {
	display: none;
	position: absolute;
}

nav.primary ul ul ul {
	position: absolute;
	left: 100%;
	top: 0;
}

nav.primary ul li:hover>ul {
	display: block;
	line-height: 18px;
	z-index: 100;
}

nav.primary ul ul li {
	display: block;
	float: none;
	width: auto;
	min-width: 200px;
	position: relative;
	margin: 0;
}

/*===================== 
	content styles 
=======================*/

.wrap-hero {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	z-index: 2;
}
.hero-slider {
	width: 70%;
	position: relative;
	z-index: 1;
}
.hero-slider .slick-track {
	display: flex;
	align-items: stretch;
}
.hero-slide {
	position: relative;
	height: auto!important;
}
.hero-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	position: absolute;
	left:0;
	top:0;
	z-index: 1;
}
.hero-slide-overlay {
	position: relative;
	z-index: 2;
	height:100vh;
	max-height: 70vh;
	min-height: 20vw;
	width: 100%;
	background:rgba(0,0,0,0.2);
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px 20px 60px 20px;
	box-sizing: border-box;
}
.hero-slide-info {
	display: flex;
	flex-direction: column;
	gap:30px;
	align-items: flex-start;
	max-width: 700px;
	width: 100%;
}
.hero-slide-info h2 {
	font-size:clamp(26px , 4vw, 60px);
	font-size: 800;
	color:#fff;
	text-shadow: 0 0 10px rgba(0,0,0,0.9);
	line-height: 1;
}
.hero-slide-info h2 span {
	font-size:clamp(18px , 2.5vw, 40px);
	font-weight: 500;
	display: block;
}
.hero-slide-info a {
	padding-left: clamp(10px, 4vw, 80px);
	padding-right: clamp(10px, 4vw, 80px);
}
.hero-slider .slick-dots {
	display: none!important;
	padding:20px;
	margin:0;
	gap:5px;
	position: absolute;
	bottom:0;
	left:0;
	width: 100%;
	box-sizing: border-box;
	z-index: 2;
}
.hero-slider .slick-dots li {
	padding:0;
	margin:0;
	list-style: none;
	display: block;
	width: 10px;
	height: 10px;
	background:#fff;
	border-radius: 30px;
}
.hero-slider .slick-dots li.slick-active {
	flex-grow: 1;
}
.hero-slider .slick-dots li button {
	display: none;
}
.hero-slider .slick-arrow {
	width: 70px;
	height: 60px;
	background:rgba(0,0,0,0.4);
	display: flex!important;
	justify-content: center;
	align-items: center;
	font-size:30px;
	color:#fff;
	border:1px solid #fff;
	border-radius:20px;
	position: absolute;
	z-index: 2;
	cursor: pointer;
	transition: .2s ease-in;
}
.hero-slider .slick-arrow:hover {
	border:1px solid #f37a1f;
	color:#f37a1f;
}
.hero-slider .slick-next {
	bottom:20px;
	left: calc(50% - 260px);
}
.hero-slider .slick-prev {
	bottom:20px;
	left: calc(50% - 350px);
}
.slick-next, .slick-prev {
	cursor: pointer;
}
.hero-cta {
	width: calc(30% + 40px);
	margin-left: -40px;
	display: flex;
	flex-direction: column;	
	position: relative;
	align-items: flex-end;
	justify-content: center;
	flex-wrap: wrap;
	z-index: 4;
}
.hero-cta a {
	flex-grow: 1;
	height: 33.33%;
	width: 100%;
	position: relative;
	background:#000;
	border-bottom-left-radius:30px;
	border-top-left-radius:30px;
	border:2px solid #fff;
	overflow: hidden;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding:0 4vw 0 0;
	box-sizing: border-box;
	transition: .2s ease-in;
}
.hero-cta a img {
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center;
	z-index: 1;
	opacity: 0.5;
	transition: .2s ease-in;
}
.cat-text {
	position: relative;
	z-index: 2;
	display: flex;
}
.cat-text span {
	text-align: right;
	padding-right: 10px;
	border-right: 1px solid #fff;
	display: block;
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
	color:#fff;
}
.cat-text span h2 {
	font-size:30px;
	font-weight:800;
}
.cat-text span p {
	font-size:16px;
	font-weight:500;
}
.cat-text i {
	padding-left:10px;
	font-size:25px;
	color:#fff;
	display: flex;
	justify-content: center;
	align-items: center;
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
	transition: .2s ease-in;
}
.hero-cta a:hover {
	border:2px solid #f37a1f;
	z-index: 1;
}
.hero-cta a:hover img {
	opacity: 0.3;
}
.hero-cta a:hover i {
	padding-left:15px;
	color:#f37a1f;
}
.hero-cta a:hover span {
	color:#f37a1f;
	border-right: 1px solid #f37a1f;
}
.wrap-cat {
	width: 100%;
	padding:40px 0;
	background:#000;
	position: relative;
	z-index: 2;
}
.wrap-cat .container-lg {
	display: flex;
	flex-wrap: wrap;
	gap:16px;
	padding:60px 10px 100px 10px;
}

.wrap-cat .container-lg a {
	width: calc(25% - 12px);
	border-radius: 20px;
	border:2px solid #f37a1f;
	background:#000;
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	padding:20px;
	height: 12vw;
	min-height:120px;
	box-sizing: border-box;
}
.wrap-cat .container-lg a img {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: block;
	object-fit: cover;
	object-position: center;
	opacity: 0.5;
	transition: .2s ease-in;
}
.wrap-cat .container-lg a h2 {
	text-align: center;
	font-size:20px;
	font-weight:600;
	color:#fff;
	position: relative;
	z-index: 2;
	text-shadow: 0 0 10px rgba(0,0,0,0.9);
	transition: .2s ease-in;
}
.wrap-cat .container-lg a:hover img {
	top:-5%;
	left:-5%;
	width: 105%;
	height: 105%;
	opacity: 0.8;
}
.wrap-cat .container-lg a:hover h2 {
	text-shadow: 0 0 20px rgba(0,0,0,1), 0 0 20px rgba(0,0,0,1);
}
.cat-search {
	width: 100%;
	max-width: 800px;
	padding-top: 60px;
	margin:0 auto;
}
.cat-search form {
	width: 100%;
	display: flex;
	background:#fff;
	border-radius: 50px;
	gap:5px;
	padding: 2px 15px;
	align-items: center;
	box-sizing: border-box;
}
.cat-search form input {
	border: 0px;
	outline: none;
	font-family: 'Outfit', sans-serif;
	padding: 5px 10px;
	box-sizing: border-box;
	background:#fff;
	width: calc(100% - 33px);
	color:#000;
	font-size:20px;
}
.cat-search form input::placeholder {
	color:#000;
	opacity: 1;
}
.cat-search form button {
	font-size:22px;
	color:#000;
	border:0px;
	outline:none;
	background:none;
	transition: .2s ease-in;
}
.cat-search form button:hover {
	opacity: 0.6;
}

.wrap-brand {
	width: 100%;
	position: relative;
	padding:80px 0;
	z-index: 2;
	background:#fff;
}
.wrap-brand:after {
	content:"";
	width: 100%;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	height: 60px;
	position: absolute;
	left:0;
	bottom:100%;
	background:#f37a1f;
}
.brand-slider {
	display: flex!important;
	gap:10px;
	align-items: center;
}
.brand-slider .slick-track {
	display: flex;
  align-items: stretch;
}
.brand-slide {
	padding:10px!important;
	box-sizing: border-box;
	height: auto!important;
}
.brand-slide a {
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
	background:#ededed;
	border-radius: 20px;
	transition: .2s ease-in;
	padding: 20px;
	box-sizing: border-box;
}
.brand-slide a img {
	width: 100%;
	height: auto;
	max-height: 100px;
	display: block;
	margin:0 auto;
	object-fit: contain;
	object-position: center;
}
.brand-slide a:hover {
	background:#fff;
	border-radius:0px;
}
.warp-about {
	background:#000;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	z-index: 2;
}
.about-left {
	width:50%;
	border-bottom-right-radius:30px;
	border-top-right-radius:30px;
	overflow: hidden;
	position: relative;
	min-height: 46vw;
}
.about-left img {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	left:0;
	right:0;
	object-fit: cover;
	object-position: center;
}

.about-right {
	width: 50%;
	box-sizing: border-box;
	padding:clamp(30px, 11vw, 200px) clamp(20px, -880px + 50vw, 100vw) clamp(30px, 11vw, 200px) clamp(20px, 10vw, 60px);
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.about-right p {
	/*padding:10px 0 40px 0;*/
	line-height: 1.5;
	padding:10px 0 10px 0;
}
.wrap-location {
	width: 100%;
	background:#000;
	position: relative;
	padding: 40px 10px 28vw 10px;
	box-sizing: border-box;
}
.wrap-location:after {
	content:"";
	width: 100%;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	height:200px;
	position: absolute;
	left:0;
	top:0;
	background:#f37a1f;
	z-index: 2;
}
.wrap-location .container-md {
	background:#fff;
	border-bottom-left-radius: 30px;
	border-top-left-radius: 30px;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	z-index: 3;
	padding:0;
}
.loc-info {
	padding:20px;
	flex-direction: column;
	gap:20px;
	justify-content: space-between;
	width: 320px;
	box-sizing: border-box;
}
.loc-info h2 {
	font-size:22px;
	font-weight:700;
}
.loc-info ul {
	padding:10px 0;
	margin:0;
}
.loc-info ul:last-of-type {
	border-top: 1px solid #000;
}
.loc-info ul li {
	padding:0;
	margin:0;
	list-style: none;
	font-size:18px;
	color:#000;
}
.loc-info ul li a {
	color:#000;
	transition: .2s ease-in;
	font-weight: 700;
}
.loc-info ul li a:hover {
	opacity:0.6;
}

.loc-map {
	width: calc(100% - 320px);
	min-height: 300px;
}
.loc-map iframe {
	width: 100%;
	height: 100%;
}
.wrap-location img {
	width: 100%;
	height:calc(100% - 160px);
	object-fit: cover;
	object-position: center;
	position: fixed;
	z-index: 1;
	bottom:0;
	left:0;
	opacity: 0.6;
}
.orange-border-wrap {
	gap:10px 0;	
	padding:40px 0;
}
.orange-border-cont {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
	align-items: center;
	border-radius: 20px;
	border:2px solid #f37a1f;
	transition: 0.2s ease-in;
	padding: 20px;
	box-sizing: border-box;
	gap:10px;
	background:#fff;
}
.orange-border-cont .obc-left {
	align-items: flex-start;
}
.orange-border-cont img {
	width: auto;
	max-width: 100%;
	display: block;
	margin:0 auto;
	transition: .2s ease-in;
}
.orange-border-cont h2, .orange-border-cont h3 {
	font-size:18px;
	text-align: center;
	transition: .2s ease-in;
	padding:0;
}
.orange-border-cont p {
	font-size:14px;
	text-align: left;
	line-height: 1;
}
.orange-border-cont ul {
	padding: 0 0 0 20px;
	margin:0;
}
.orange-border-cont ul li {
	padding:0;
	margin:0;
	font-size:16px;
}
.star-cont {
	display: flex;
	gap:3px;
	font-size: 16px;
	color:#f37a1f;
	width: 100%;
}
a.orange-border-cont:hover img {
	opacity: 0.7;
}

.about-list {color:#fff;line-height:1.5;font-size:18px;padding-bottom:10px;}
.about-page-list {color:#000;line-height:1.5;font-size:18px;}
.about-page-img {display:flex; flex-direction:row; gap:15px;margin-bottom:30px;}
.about-page-img img {width:50%; height:100%; object-position:center; border-radius:30px; max-width:1000px;}
.space {margin-top:15px;}


/*===================== 
	slideshow styles 
=======================*/


/*===================== 
	Form styles 
=======================*/

/* Containers */
.wrap-form {
	width: 100%;
	position: relative;
	background:#000;
	padding:100px 20px 100px 20px;
	box-sizing: border-box;
}
.form-bg-img {
	width: 100%;
	height:100%;
	object-fit: cover;
	object-position: center;
	position: fixed;
	z-index: 1;
	bottom: 0;
	left: 0;
	opacity: 0.3;
}
.wrap-form .container-md {
	position: relative;
	z-index: 3;
	border-radius: 30px;
	background: rgba(0,0,0,0.2);
	border: 1px solid #fff;
}
.wrap-form::after {
  content: "";
  width: 100%;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  height: 60px;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  z-index: 2;
}
.form-info-cont h2 {
	text-transform: uppercase;
	padding:20px 0;
}
.form-info-cont p {
	color:#fff;
	padding:20px 0 10px 0;
	font-weight: 700;
	font-size: 20px;
}
.form-info-cont {
	width: 100%;
	box-sizing: border-box;
}
.form-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.form-inline-1 {
	display: flex;
	flex-wrap: wrap;
}
.thankyou-container {
	width:100%;
	box-sizing: border-box;
	padding:30px 10% 10% 10%;
	margin-top:0;
}

/* Inputs */

.radio-pad {
	padding: 0 0 0 10px;
}

.form-info-cont input, .form-info-cont date {
	width: 100%;
	display: block;
	padding: 15px;
	font-size: 16px;
	margin:  0 0 15px 0;
	box-sizing: border-box;
    outline:none;
    border:0px solid #000;
    color:#000; 
	font-family: "Outfit", sans-serif;
	background:#fff;
	border-radius: 20px;
}

.select-cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
	padding:0px!important;
    border-radius: 0px!important;
    width:100%;
    background:#fff;
    box-sizing: border-box;
    position: relative;
}
.select-cont  select {
    -webkit-appearance: initial;
    -moz-appearance: initial;
    appearance: initial;
    width:100%;
    background-color:transparent;
    outline:none!important;
    font-size: 16px!important;
    font-weight: 400!important;
    padding:15px!important;
    box-sizing: border-box;
    color:#000; 
    position: relative;
    z-index: 2;
    cursor: pointer;
	background:#fff;
	border-radius: 20px;
}
.select-cont i {
    position: absolute;
    z-index: 1;
    right:0px;
}

.form-info-checkbox input[type="checkbox"] {
	padding: 5px 0 5px 5px;
	margin:  0 0 15px 0;
	box-sizing: border-box;
}
.form-info-cont textarea {
	width: 100%;
	display: block;
	padding: 15px;
	font-size: 16px;
	min-height: 120px;
	box-sizing: border-box;
	margin:  0 0 15px 0;
    outline:none;
    border:0px solid #000;
	font-family: "Outfit", sans-serif;
	background:#fff;
	border-radius: 20px;
}
.form-info-cont .butn-white {
	margin: 0 auto;
	width: 100%;
	max-width: 300px;
}
.CaptchaMessagePanel {
	color:#fff;
}
.CaptchaImage {
  max-width: 100%;
}
.CaptchaWhatsThisPanel input {
    margin:0 auto;
}

.CaptchaWhatsThisPanel a {color:#fff;}
.CaptchaWhatsThisPanel a:hover {text-decoration:underline;} 

.click-to-show {
	display: none;
}
.click-to-show.clicked {
	display: block;
}
.click-show.clicked {
	display: none;
}


/*===================== 
	layout styles 
=======================*/

.wrap {
	width: 100%;
	margin: 0;
	padding-bottom: 60px;
}
.wrap-content {
	width: 100%;
	margin:0;
	padding:40px 0 80px 0;
	background: #fff;
	position: relative;
	z-index: 2;
}
.wrap-black-bg {
	background:#000;
	z-index: 3;
	padding:0;
}
.wrap-black-bg:after {
	content: "";
	width: 100%;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	height: 30px;
	position: absolute;
	left: 0;
	bottom: 100%;
	background: #000;
	z-index: 2;
}
.wrap-black-bg:before {
	content: "";
	width: 100%;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	height: 60px;
	position: absolute;
	left: 0;
	top: 100%;
	background: #000;
	z-index: 2;
}
.bc-cont {
	padding:5px 15px;
	display: inline-flex;
	border-radius: 50px;
	background:#ededed;
	width: auto;
	box-sizing: border-box;
	margin:0 0 30px 0;
}
.bc-cont li {
	border-left: 1px solid #000;
	padding:0 5px;
	margin:0;
	font-size: 16px;
	list-style: none;
	color:#000;
	font-weight:700;
}
.bc-cont li:first-of-type {
	border-left: 0px;
}
.bc-cont li a {
	font-weight:400;
	color:#000;
	transition: .2s ease-in;
}
.bc-cont li a:hover {
	opacity: 0.6;
}
.wrap-content h2, .wrap-content h3 {
	padding:0 0 20px 0;
	line-height: 1;
}
.wrap-content p {
	padding:0 0 15px 0;
	line-height: 1.5;
}

.link-list-1 {
	padding:0 0 20px 0;
	margin:0;
}
.link-list-1 li {
	padding:5px 0;
	margin:0;
	font-size:18px;
	list-style: none;
}
.link-list-1 li a {
	color:#000;
	font-weight: 700;
	transition: .2s ease-in;
}
.link-list-1 li a:hover {
	opacity: 0.6;
}
.map-cont iframe {
	width: 100%;
	height: 100%;
	min-height: 300px;
}
.container-lg {
	width: 100%;
	max-width: 1800px;
	margin: 0 auto;
	padding:20px;
	box-sizing: border-box;
}
.container-md {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding:20px;
	box-sizing: border-box;
}
.container-sml {
	width: 100%;
	max-width:800px;
	margin: 0 auto;
	padding:20px;
	box-sizing: border-box;
}
.container-inv {
	padding:20px;
	box-sizing: border-box;
}

.flex-cont-1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap:10px 0;
}
.flex-cont-2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	gap:10px 0;
}

.col-1 {
	width: 100%;
	box-sizing: border-box;
}
.col-2-5 {
	width:39%;
	box-sizing: border-box;
}
.col-3-5 {
	width:59%;
	box-sizing: border-box;
}

.col-1-5 {
	width: 20%;
	box-sizing: border-box;
}

.col-1-4 {
	width: 24%;
	box-sizing: border-box;
}

.col-1-3 {
	width: 32.33%;
	box-sizing: border-box;
}

.col-1-2 {
	width: 49%;
	box-sizing: border-box;
}

.col-2-3 {
	width: 65.66%;
	box-sizing: border-box;
}

.col-3-4 {
	width: 75%;
	box-sizing: border-box;
}

/*===================== 
	footer styles 
=======================*/

footer {
	margin: 0;
	width: 100%;
	background:#000;
	position: relative;
	z-index: 2;
}
footer .container-lg {
	display: flex;
	flex-wrap: wrap;
	padding:60px 20px;
	justify-content: space-between;
	gap:30px 0;
}
.foot-logo {
	width: 25%;
	padding:40px 10px 40px 0;
	box-sizing: border-box;
}
.foot-logo-cont {
	width: 100%;
	max-width: 170px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap:20px;
}
.foot-logo-cont img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
}
.foot-logo-link {
	display: flex;
	gap:10px;
	justify-content: center;
}
.foot-logo-link a {
	font-size:20px;
	color:#f37a1f;
	transition: .2s ease-in;
}
.foot-logo-link a:hover {
	opacity: 0.6;
}
.foot-nav {
	width: 25%;
	padding: 40px 10px 40px clamp(20px, 2vw, 80px);
	box-sizing: border-box;
	border-left: 1px solid rgba(255,255,255,0.5);
}
.foot-nav p {
	color:#f37a1f;
	font-size:18px;
	font-weight:700;
	font-family: "Outfit", sans-serif;
	padding-bottom: 20px;
}
.foot-nav ul {
	padding:0;
	margin:0;
}
.foot-nav ul li {
	padding:2px 0;
	margin:0;
	list-style: none;
	font-size:18px;
	font-weight:400;
	font-family: "Outfit", sans-serif;
	clor:#fff;
	line-height: 1.2;
}
.foot-nav ul li a {
	font-size:18px;
	color:#fff;
	transition: .2s ease-in;
}
.foot-nav ul li a:hover {
	opacity: 0.6;
}
.foot-bottom {
	padding:20px 0 0 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap:10px;
	flex-wrap: wrap;
	box-sizing: border-box;
	border-top: 1px solid rgba(255,255,255,0.5);
}
.foot-bottom p {
	font-family: "Outfit", sans-serif;
	font-size:16px;
	color:#ffF;
}
.foot-bottom p a {
	color:#fff;
	transition: .2s ease-in;
}
.foot-bottom p a:hover {
	opacity: 0.6;
}

.scrollToTop-1 {
	bottom:25px;
	right:25px;
	z-index:16777269;
	padding-top:5px;
	padding-bottom:5px;
	display:none;
	position:fixed;
	opacity:.8;
	
}
.scrollToTop-1 a {
 	text-decoration:none;
 	line-height:150%;
 	padding:5px 12px;
 	opacity:.8;
 	display:block;
 	background:#000;
	font-size:14px;
	text-align:center;
	color:#fff;
	z-index:16777269;
}
.scrollToTop-1 a:hover {
	box-shadow:0 0 5px 0 rgba(0,0,0,.5)
}

/*========================== 
	  Responsive styles 
============================*/



@media screen and (max-width: 1100px) {
	.hero-slider .slick-arrow {
		display:none!important;
	}
	.hero-slider .slick-dots {
		display:flex!important;
	}
	.hero-slider {
		width:100%;
	}
	.hero-slide-overlay {
		height: auto;
		max-height: 100%;
		min-height: 62vw;
    	padding-bottom: 30px;
	}
	.hero-cta {
		width: 100%;
		padding:20px 10px;
		box-sizing: border-box;
		background:#000;
		margin:0;
		flex-direction: row;
	}
	.hero-cta a {
		border-bottom-left-radius: 20px;
		border-top-left-radius: 20px;
		border-bottom-right-radius: 20px;
		border-top-right-radius: 20px;
		padding: 20px 4vw 20px 20px;
		height: 100%;
		width: 33.33%;
	}
	.hero-cta a h2 {
		font-size:clamp(24px, 2vw, 30px);
	}
	.hero-cta a h2 span {
		font-size:clamp(14px, 2vw, 20px);
	}
	.col-2-5, .col-3-5, .col-1-3, .col-2-3  {
		width:49%;
		box-sizing: border-box;
	}

}

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

	/*==============================
		Mobile Nav Styles			
	================================*/


	nav.primary {
		display: none;
	}

	#menu-button {
		display: block;
	}

	#menu-button a {
		color: #000;
		text-decoration: none;
		font-weight: normal;
		cursor: pointer;
		font-size: 24px;
	}

	nav.mobile {
		display: block;
		position: fixed;
		top: 0;
		left: -250px;
		width: 250px;
		height: 100%;
		background: #000;
		z-index: 1500;
		/* needs to be higher than #menu-button, adjust as needed */
		overflow: auto;
	}

	

	/* MENU HEADER STYLES */
	nav.mobile .mobile_top {
		position: relative;
		padding:10px;
		display: flex;
		gap:2px;
		align-items: center;
	}
	.mob-search form {
		width: 100%;
		display: flex;
		background: #000;
		border-radius: 50px;
		gap: 5px;
		align-items: center;
		box-sizing: border-box;
	}
	.mob-search form input {
		border: 0px;
		outline: none;
		font-family: 'Outfit', sans-serif;
		box-sizing: border-box;
		background: #000;
		width: calc(100% - 33px);
		color: #fff;
		font-size: 14px;
	}
	.mob-search form input::placeholder {
		color: #fff;
		opacity: 1;
	}
	.mob-search form button {
	  font-size: 16px;
	  color: #f37a1f;
	  border: 0px;
	  outline: none;
	  background: none;
	  transition: .2s ease-in;
	}

	/* MENU CLOSE 'X' BUTTON */
	nav.mobile .menu-toggle {
		padding: 3px 8px 3px;
		font-family: Arial, sans-serif;
		font-size: 24px;
		font-weight: bold;
		line-height: 1;
		background: #222;
		color: #999;
		text-decoration: none;
		cursor: pointer;
	}

	nav.mobile .menu-toggle:hover {
		/* Menu close button on hoveer */
		color: #fff;
	}

	/* MENU LIST STYLE */
	nav.mobile ul {
		list-style: none;
		font-weight: 300;
		margin: 0;
		padding: 0;
	}

	nav.mobile ul li {
		position: relative;
	}

	/* FIRST LEVEL */
	nav.mobile ul li a {
		position: relative;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 16px;
		padding: 10px;
		color: #fff;
		text-decoration: none;
		border-left: 4px #333 solid;
		cursor: pointer;
	}

	nav.mobile ul li a:hover {
		background: rgba(45, 45, 45, 0.5);
		color: #fff;
		border-left: 4px #f37a1f solid;
		/* border highlight - Change to fit match site colors */
	}

	/* SECOND LEVEL */
	nav.mobile ul li li:last-child {
		border: none;
	}

	nav.mobile ul li li a {
		background: #444;
		position: relative;
		display: block;
		padding: 10px 10px 10px 15px;
		border-left: 4px #444 solid;
		color: #ccc;
		text-decoration: none;
	}

	nav.mobile ul li li a:hover {
		background: rgba(65, 65, 65, 0.5);
	}

	/* THIRD LEVEL */
	nav.mobile ul li li li:last-child {
		border: none;
	}

	nav.mobile ul li li li a {
		background: #555;
		position: relative;
		display: block;
		padding: 10px 10px 10px 25px;
		color: #ccc;
		text-decoration: none;
		border-left: 4px #555 solid;
	}

	nav.mobile ul li li li a:hover {
		background: rgba(85, 85, 85, 0.5);
	}



	.nav-footer {
		color: #f37a1f;
		position: relative;
		text-align: center;
		font-size: 14px;
		line-height: 16px;
		padding: 15px 0;
	}

}
@media screen and (max-width: 900px) {
	.header-top {
		border-bottom-right-radius: 10px;
	}
	.head-search {
		display: none;
	}
	.header-top ul {
		padding:10px 20px;
		justify-content: space-around;
		width: 100%;
		box-sizing: border-box;
	}
	.header-top ul li a span {
		display:none;
	}
	.col-1-4 {
		width: 49%;
	}
	.wrap-cat .container-lg a {
	  width: calc(33.33% - 11px);
	  flex-grow: 1;
	}
}
@media screen and (max-width: 800px) {
	.hero-cta a {
		padding: 40px 23vw 40px 20px;
		width: 100%;
		height: auto;
	}
	.hero-slide-info {
		align-items: center;
		text-align: center;
		gap:10px;
	}
	.warp-about {
		border-top-right-radius: 30px;
		border-top-left-radius: 30px;
	}
	.about-left {
		width:100%;
		border-bottom-right-radius:0;
		border-top-left-radius:30px;
	}
	.about-right {
		width: 100%;
	}
}
@media screen and (max-width: 760px) {
	.wrap-location {
		padding: 40px 20px 28vw 20px;
	}
	.wrap-location:after {
		height:60px;
		border-bottom-left-radius:10px;
		border-bottom-right-radius:10px;
	}
	.wrap-brand::after {
		border-top-left-radius:10px;
		border-top-right-radius:10px;
	}
	
	.wrap-location img {
		height: auto;
		bottom:40px;
	}
	.foot-logo {
		width: 100%;
		padding:40px 20px;
	}
	.foot-logo-cont {
		margin:0 auto;
		justify-content: center;
	}
	.foot-nav {
		display: none;
	}
	.foot-bottom {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.foot-bottom p {
		text-align: center;
	}
}
@media screen and (max-width: 620px) {
	
	.wrap-location .container-md {
	  border-bottom-right-radius: 30px;
	  border-top-right-radius: 30px;
	}
	
	.loc-info {
		width: 100%;
	}
	.loc-map {
		display: none;
	}
	.col-1-4, .col-1-2, .col-2-5, .col-3-5, .col-1-3, .col-2-3 {
		width: 100%;
	}
	.wrap-cat .container-lg a {
	  width: calc(50% - 8px);
	}
	.wrap-cat .container-lg a h2 {
		font-size:16px;
		text-shadow: 0 0 5px rgba(0,0,0,0.9);
	}
}

@media screen and (max-width: 580px) {
.about-page-img {display:flex; flex-direction:column; gap:15px;margin-bottom:20px;}
.about-page-img img {width:100%;}
}

@media screen and (max-width: 540px) {
	h1 {
		font-size: 22px;
	}

	h2 {
		font-size: 20px;
	}

	h3 {
		font-size: 18px;
	}

	h4 {
		font-size: 16px;
	}

	h5 {
		font-size: 16px;
	}
	p {
		font-size: 16px;
	}
	.form-info-cont p {
		padding:20px 0 10px 0;
		font-size:18px;
	}
	.butn-white, .butn-black {
		padding:8px;
		font-size: 16px;
		margin:5px 0;
	}
	.hero-cta a {
		padding: 40px 15vw 40px 20px;
		width: 100%;
		height: auto;
	}

}