:root {
	--bs-primary: #de3335;
	--bs-secondary: #434343;
   --bs-success: #589422;
   --bs-info: #6b96a8;
   --bs-warning: #fdba59;
   --bs-danger: #e81563;
	--bs-light: #f3f3f6;
	--bs-dark: #1d2027;
	--bs-accent1: #0c0e13;
	--bs-accent2: #5f6a71;
	--bs-accent3: #e66668;
	--bs-primary-rgb: 222,51,53;
	--bs-secondary-rgb: 67,67,67;
   --bs-success-rgb: 88,148,34;
   --bs-info-rgb: 107,150,168;
   --bs-warning-rgb: 253,186,89;
   --bs-danger-rgb: 232,21,99;
	--bs-light-rgb: 243,243,246;
	--bs-dark-rgb: 29,32,39;
	--bs-accent1-rgb: 12,14,19;
	--bs-accent2-rgb: 95,106,113;
	--bs-accent3-rgb: 230,102,104;
   --bs-gradient: linear-gradient(0deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	--bs-font-sans-serif: "Inter-Regular", Helvetica, Arial, sans-serif;
	--bs-body-font-family: var(--bs-font-sans-serif);
	--bs-body-color: #767676;
	--bs-body-bg: #FFFFFF;
	--bs-body-bg-gradient: linear-gradient(to right top, #f2f2f2, #e1e1e1, #d1d1d1, #c1c1c1, #b1b1b1);
	--bs-heading-font:"Roboto-Black", Helvetica, Arial, sans-serif;
	--bs-box-shadow-main: 0 30px 40px 0px rgba(var(--bs-primary-rgb), 0.15);
   --bs-box-shadow: 0px 0px 60px 0px rgba(4, 23, 26, 0.08);
   --bs-breadcrumb-font-size: .75rem;
   --bs-interb: "Inter-Bold", Helvetica, Arial, sans-serif;
   --bs-interbl: "Inter-Black", Helvetica, Arial, sans-serif;
   --bs-roboto: "Roboto-Regular", Helvetica, Arial, sans-serif;
   --bs-robotob: "Roboto-Bold", Helvetica, Arial, sans-serif;
}

/* ==========================================================================
   WEBFONTS
   ========================================================================== */
	
   .inter {font-family: 'Inter-Regular'!important;}
   .interb {font-family: 'Inter-Bold'!important;}
   .interbl {font-family: 'Inter-Black'!important;}
   .roboto {font-family: 'Roboto-Regular'!important;}
   .robotob {font-family: 'Roboto-Bold'!important;}
   .robotobl {font-family: 'Roboto-Black'!important;}

/* ==========================================================================
   BASE
   ========================================================================== */

   /* REBOOT */
   * {-webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;}
   html, body {height: 100%;}
   html {margin: 0; padding: 0; width: 100%; height: 100%; scroll-behavior: smooth;}
   html, body, div, span, img, ol, ul, li, a, p, h1, h2, h3, h4, h5, h6, option, legend, label, table, th, td, tr, article, aside, caption, figure, footer, header, hgroup, mark, nav, section, time, audio, video {margin: 0; padding: 0; border: 0; outline: 0;}
   img {border: none; outline: none; max-width: 100%;}
   label {display: inline-block; font-weight: normal; margin-bottom: .25rem; max-width: 100%;}
   a, a:active, a:focus, a:hover {outline: none; text-decoration: none;}

   /* Page Defaults */
   body {font-family: var(--bs-body-font-family); min-height: 100vh;}
   body, .wrapper {display: flex; flex-direction: column;}
   .wrapper {height: 100%;}
   .wrapper > * {flex-shrink: 0;}
   
   b, strong {font-family: var(--bs-interb);}

   section {padding: 7.5rem 0; overflow-x: clip;}

   /* Paragraphs */
   p:not(:last-child) {margin-bottom:1.2rem;}
   .text-justify {text-align: justify;}

   /* Links */
   a {position: relative; cursor:pointer; color:var(--bs-primary); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;}
   button, a:hover, a:focus, a:visited{text-decoration:none; outline:none !important;}
   a:hover {color: #FFCB00;}

   /* Horizontal rules */
   .divider {border-bottom:1px dashed #b8b8b8; margin:2rem 0; width:100%; border-top:0;}

   /* TYPOGRAPHY */
   h1, h2, h3, h4, h5, h6 {color: var(--bs-primary); font-family:var(--bs-heading-font);}
   h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {font-family: var(--bs-heading-font); font-size: .75em;}
   
   .lead {font-weight: inherit;}

   .section-title {position: relative; z-index: 9; margin-bottom: 2rem; margin-top: -.5rem;}
   .section-title span {color: var(--bs-primary); font-family: var(--bs-heading-font); margin-bottom: .625rem; display: inline-block; text-transform: capitalize;}
   .section-title h2 {color: var(--bs-secondary); text-transform: capitalize; font-size: 2.5rem;}

   /* IMAGES */
   .image-box {display: flex; flex-direction: column; align-items: center;}
   .image-slider {width:15rem; height:auto; z-index: 0; box-shadow: 0 0 15px 0 rgba(0, 0, 0, .25); margin-bottom:2rem;}
   .image-slider img {width:100%;}
   .image-box-content {width:100%; background-color: var(--bs-white); border-radius:var(--bs-border-radius-sm); z-index: 2; padding: 1rem; margin-left:0; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);}
   .image-box-content.left {margin-right:0;}
   .image-box-content p:last-child {margin-bottom: 0;}
   
   @media (min-width: 768px) {}
   
   @media (min-width: 992px) {
      .image-box {flex-direction: row;}
      .image-slider {margin-bottom:0;}
      .image-box-content {width:calc(100% - 150px); margin-left:-1rem;}
   }
   
   @media (min-width: 1200px) {
      .image-slider {min-width:20rem;}
      .image-box-content {width:calc(100% - 200px); padding: 2rem; margin-left:-3rem;}
      .image-box-content.left {margin-left:0; margin-right:-3rem;}
   }

   /* TABLES */
   .table>:not(:first-child) {border-top: 1px solid #eaeaea;}

   thead.table-primary {--bs-table-bg: var(--bs-primary);}

   table.program {background-color: #FFF; border-collapse: separate; border-spacing: .25rem;}
   table.program, table.program th, table.program td {border: 1px solid #eceeef;}
   table.program tbody th {text-align: center;}
   
   .responsive-data {border: 1px solid #ccc; border-collapse: collapse; margin: 0; padding: 0; width: 100%; /*table-layout: fixed;*/}
   .responsive-data caption {font-size: 1.5rem; margin: .5rem 0 .75rem; font-family:var(--bs-alt-font);}
   .responsive-data tr {background-color: #f8f8f8; border: 1px solid #ddd; padding: .35rem;}
   .responsive-data th, .responsive-data td {padding: .625rem; text-align: center;}
   .responsive-data th {font-size: .85rem; /*letter-spacing: .1em;*/ text-transform: uppercase;}
   @media screen and (max-width: 600px) {
      .responsive-data {border: 0;}
      .responsive-data caption {font-size: 1.25rem;}
      .responsive-data thead {border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
      .responsive-data tr {border-bottom: 3px solid #ddd; display: block; margin-bottom: .625rem;}
      .responsive-data th, .responsive-data td {border-bottom: 1px solid #ddd; display: block; font-size: .875rem; text-align: right;}
      .responsive-data td::before {content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase;}
      .responsive-data td:last-child {border-bottom: 0;}
   }

   /* FORMS */
   input:focus, input:active, .form-control:focus, .form-control:active {box-shadow:none!important;}
   .form-control {padding: .725rem 1rem;}
   .form-control::placeholder {color:rgba(102,102,102,.5);}

   form.inlineBtn {border: 1px solid rgba(var(--bs-light-rgb), 1); position: relative;}
   form.inlineBtn input.form-control {background: transparent !important; border: none; box-shadow: inherit !important; color: var(--bs-white) !important; min-height: 3.5rem; padding: 1rem 6rem 1rem 1rem;}
   form.inlineBtn button.btn-primary {position: absolute; right: .25rem; top: .25rem; padding: .5rem 1.25rem; text-transform: uppercase; background: var(--bs-primary); border: none; color: var(--bs-white); font-size: .875rem; text-transform: capitalize;}
   form.inlineBtn button.btn-primary:before {background: var(--bs-dark);}

   /* COMPONENTS */
   /* Accordion */
   .accordion {font-size: 1rem; width:100%; margin: 0 auto; border-radius: .25rem;}
	.accordion-header {padding: 1.5em; background: var(--bs-primary); color: var(--bs-white); cursor: pointer; font-size: .85rem; letter-spacing: .05em; transition: all .3s; text-transform: uppercase; display:flex; flex-direction:row; justify-content:space-between; align-items:center; font-weight: 600;}
	.accordion__item {margin-bottom: .5rem;}
	.accordion__item .accordion__item {border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
	.accordion-header:hover {background: var(--bs-secondary); position: relative; z-index: 5;}
	.accordion-body {background: #fcfcfc; color: #353535; display: none; border: 1px solid #eaeaea;}
	.accordion-body__contents {padding: 1.5em 1.5em; font-size: 1rem;}
	.accordion__item.active:last-child .accordion-header {border-radius: 0;}
	.accordion:first-child > .accordion__item > .accordion-header {border-bottom: 1px solid transparent;}
	.accordion__item > .accordion-header:after {content: "\f150"; font-family: "Font Awesome 6 Free"; font-size: 1.2em; right:1rem; transition: .3s all;}
	.accordion__item.active > .accordion-header:after {transform: rotate(-180deg);}
	.accordion__item.active .accordion-header {background: var(--bs-info);}
	.accordion__item .accordion__item .accordion-header {background: #f1f1f1; color: #353535;}

   /* Buttons */
   button:hover, button:focus, .btn:active, .btn:focus {text-decoration: none; outline: none;}
   
   .btn {display:inline-block; transition:all 0.3s ease; font-family: var(--bs-interb);}
   .btn-primary, .btn-secondary, .btn-dark {position: relative; line-height: 1.875rem; font-weight:500; overflow: hidden; text-align:center; border-radius: 0; display: inline-grid; padding: 1rem 2.25rem; letter-spacing:0; color: var(--bs-white); font-size: 1.125rem; text-transform: capitalize; background-color:var(--bs-primary); border: none;}
   .btn-primary .text, .btn-secondary .text, .btn-dark .text {position:relative; z-index:1;}
   .btn-primary:before, .btn-secondary:before, .btn-dark:before {transition-duration: 800ms; position: absolute; width: 200%; height: 200%; content: ""; top: 110%; left: 50%; transform: translateX(-50%); border-radius: 50%; z-index: 1; background: var(--bs-white);}
   .btn-primary span, .btn-secondary span, .btn-dark span {position:relative; z-index:1; font-style:normal; display:inline-block; margin-left:.25rem; transition-duration: 800ms;}
   .btn-primary:hover {background-color: var(--bs-primary); color: var(--bs-primary);}
   .btn-primary:hover:before, .btn-secondary:hover:before, .btn-dark:hover:before {top: -40%;}
   .btn-secondary {background-color:var(--bs-secondary);}
   .btn-secondary:hover {background-color: var(--bs-secondary); color: var(--bs-secondary);}
   .btn-dark {background-color:var(--bs-dark);}
   .btn-dark:before {background: var(--bs-primary);}
   .btn-dark:hover {background-color: var(--bs-dark); color: var(--bs-white);}
   
   .scroll2top {position:fixed; bottom:1rem; right:1rem; width:2.5rem; height:2.5rem; color:var(--bs-primary); text-transform:uppercase; font-size: 1.25rem; line-height:2.375rem; text-align:center; z-index:100; cursor:pointer; background:var(--bs-white); display:none; box-shadow:0px 0px 10px rgba(0,0,0,0.15); transition:all 300ms ease;}
   .scroll2top:hover {color:var(--bs-white); background:var(--bs-primary);}

   /* Card */
   .shadowy {margin-bottom: 5.5rem; background: var(--bs-white); box-shadow: var(--bs-box-shadow-main); border-radius: var(--bs-border-radius-sm);}
   .info-card {display: inline-block; padding: 3.125rem; background: var(--bs-dark);}
   .jumbotron {margin: 2rem 0; display: flex; gap: 1.5rem; padding: 1.5rem 2rem; background-color: var(--bs-white); box-shadow: var(--bs-box-shadow-main);}

   /* Clearfix */
   .clearfix {line-height: 0;}

   /* Color & BG */
   .text-accent1 {color: var(--bs-accent1);}
   .text-accent2 {color: var(--bs-accent2);}
   .text-accent3 {color: var(--bs-accent3);}
   
   .bg-halfgrey {
		background: #fcfcfc; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 29.99%, #f6f7fb 30%, #f6f7fb 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 29.99%,#f6f7fb 30%,#f6f7fb 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 29.99%,#f6f7fb 30%,#f6f7fb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f7fb',GradientType=0 ); /* IE6-9 */
	}

   .bg-accent1 {background-color: var(--bs-accent1);}
   .bg-accent2 {background-color: var(--bs-accent2);}
   .bg-accent3 {background-color: var(--bs-accent3);}

   .bg-cover {background-repeat: no-repeat; background-size: cover; position: relative; background-position: center;}
   .bg-fixed {background-attachment: fixed;}

   /* Shadows */
   .box-shadow-lg {-webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.30); box-shadow: 0 0 30px 0 rgba(0,0,0,.30);}
   .box-shadow-md {-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.20); box-shadow: 0 0 15px 0 rgba(0,0,0,.20);}
   .box-shadow-sm {-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15);}

   /* LIST STYLES */
   /* Check List */
   ul.check-list {list-style: none; padding: 0;}
   ul.check-list li {padding-left: 1.3em;}
   ul.check-list li:before {
     content: "\f00c"; /* FontAwesome Unicode */
     font-family: 'Font Awesome 6 Free';
    font-weight: 900;
     display: inline-block;
     margin-left: -1.3em; /* same as padding-left set on li */
     width: 1.3em; /* same as padding-left set on li */
     color: var(--bs-success);
   }

   /* Flex List */
   .list-flex {list-style: none; align-items: center; display: flex;} /* Address & Phone Info on top*/
   .list-flex li {margin-left: 2rem;}
   .list-flex li:first-child {margin: 0;}
   .list-flex li span {margin-right: .625rem; font-size: 1.125rem;}

   /* Social Media */
   .social-box {list-style: none; margin-left:2rem; margin-bottom: 0; padding-left: 0; font-size: 1rem;}
   .social-box li {position: relative; display: inline-block;}
   .social-box li a {padding:.25rem .5rem; color:var(--bs-white); font-family: "FontAwesome"; font-weight: normal;}
   .social-box li a:hover {color:var(--bs-primary);}

   /* Default Listing Template */
   .default-listing {counter-increment: slides-num;}
   .default-listing .inner-box:before {content: "0" counter(slides-num) ""; position: absolute; left: 2.75rem; top: 3rem; font-size: 3rem; line-height: 1em; color: var(--bs-white); opacity: 0.07; font-family: var(--bs-heading-font-black);}
   .default-listing {position: relative;}
   .default-listing .inner-box {position: relative; display: block; padding: 2.25rem 1.75rem; background: var(--bs-primary); min-height: 100%; border-radius: 0; overflow: hidden; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
   .default-listing .inner-box:hover {background: var(--bs-secondary);}
   .default-listing .inner-box .bottom-curve {position: absolute; right: -4.5rem; bottom: 0; width: 6.25rem; height: 80%; background: var(--bs-dark); opacity: 0.2; z-index: 0; -webkit-transform: skewX(0deg) scaleX(0); transform: skewX(0deg) scaleX(0); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
   .default-listing .inner-box:hover .bottom-curve {-webkit-transform: skewX(-35deg) scaleX(1); transform: skewX(-35deg) scaleX(1);}
   .default-listing .inner-box .count {position: relative; display: block; font-size: 3.25rem; line-height: 1em; color: var(--bs-white); opacity: 0.07; margin-bottom: 2.5rem;}
   .default-listing .inner-box .icon-box {position: absolute; right: 2.75rem; top: 2.25rem; color: var(--bs-white); font-size: 4rem; line-height: 1em; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
   .default-listing .inner-box:hover .icon-box {color: var(--bs-white);}
   .default-listing .inner-box h6 {position: relative; margin: 0; margin-top: 5.625rem; font-size: 1.25rem; text-transform: uppercase; color: var(--bs-white); font-weight: 400; letter-spacing: 1px; line-height: 1.1em;}
   .default-listing .inner-box h6 a {color: var(--bs-white); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
   .default-listing .inner-box:hover:before, .default-listing .inner-box:hover .count, .default-listing .inner-box:hover h6, .default-listing .inner-box:hover h6 a {color: var(--bs-white);}
   .default-listing .inner-box h6 a:hover {text-decoration: underline;}

   /* Info Card List */
   .info-card li {display: flex; margin-top: 2rem;}
   .info-card li:first-child {margin: 0;}
   .info-card li:not(:last-child) {border-bottom: 2px solid rgba(255, 255, 255, 0.2); padding-bottom: 1rem;}
   .info-card li span.icon {display: inline-block; font-size: 3.75rem; min-width: 5.25rem; position: relative; /*top: 2rem;*/ color: var(--bs-primary);}
   .info-card li .info {display: inline-block; text-align: left;}
   .info-card li .info .counter {position: relative; display: flex; align-items: center; font-size: 2rem; font-weight: 600; color: var(--bs-white); line-height: 1; margin-bottom: .25rem;}
   .info-card li .info .text {color: var(--bs-white); font-weight: 600; opacity: 0.8;}
   
   /* Brands Listing Template */
   .brands-listing, .brands-listing * {transition: all 0.4s ease-in-out;}
   .brands-listing {background-color: var(--bs-white); box-shadow: var(--bs-box-shadow); padding: 2rem; border-bottom: .25rem solid var(--bs-primary);}
   .brands-listing a .img-wrapper {display: flex; flex-direction: column; align-items: center; justify-content: center; border-bottom: 1px dashed rgba(var(--bs-dark-rgb), .25); padding-bottom: 1.5rem; margin-bottom: 1.5rem;}
   .brands-listing a .img-wrapper img {max-height: 7.5rem; flex-shrink: 0;}
   .brands-listing a:hover .img-wrapper img {transform: scale(0.95);}
   .brands-listing a .title {margin-top: 1rem;}
   .brands-listing a .title h2 {display: block; font-size: 1.25rem; text-transform: uppercase; margin-bottom: .5rem;}
   .brands-listing a .title span {color: var(--bs-secondary);}
   .brands-listing a:hover .title h2 {color: var(--bs-dark);}
   .brands-listing a:hover .title span {color: var(--bs-primary);}

   /* ANIMATIONS */
   @-webkit-keyframes zoom-fade {
      0% {-webkit-transform: scale(0.8); transform: scale(0.8);}
      50% {-webkit-transform: scale(1); transform: scale(1);}
      100% {-webkit-transform: scale(0.8); transform: scale(0.8);}
   }
    
    @keyframes zoom-fade {
      0% {-webkit-transform: scale(0.8); transform: scale(0.8);}
      50% {-webkit-transform: scale(1); transform: scale(1);}
      100% {-webkit-transform: scale(0.8); transform: scale(0.8);}
   }

   @keyframes rotateit {
      0% {transform: rotate(0deg); opacity: 1;}
      50% {transform: rotate(-180deg);}
      100% {transform: rotate(-360deg); opacity: 1;}
   }
   @-webkit-keyframes floating {
      0% {-webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1;}
      50% {-webkit-transform: translateY(30px); transform: translateY(30px); opacity: 1;}
      100% {-webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1;}
   }
   @keyframes floating {
      0% {transform: translateY(0px); transform: translateY(0px); opacity: 1;}
      50% {transform: translateY(30px); transform: translateY(30px); opacity: 1;}
      100% {transform: translateY(0px); transform: translateY(0px); opacity: 1;}
   }

   @-webkit-keyframes ripple {
      70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
      100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
   }
   @keyframes ripple {
      70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
      100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
   }

   @-webkit-keyframes shine {
      100% {left: 125%;}
   }
   @keyframes shine {
      100% {left: 125%;}
   }

/* ==========================================================================
   LAYOUT
   ========================================================================== */

   /* HEADER */
   header {position:relative; left:0; top:0; right:0; z-index:99; width:100%; font-family: var(--bs-heading-font);}

   /* Top Bar */
   .top-bar {display: none; align-items: center; justify-content: space-between; padding: .625rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.4); font-size: .875rem; background-color: rgba(var(--bs-dark-rgb), 1); z-index: 10;}
   @media (min-width: 768px) {
      .top-bar {display: flex; background-color: rgba(var(--bs-dark-rgb), .4);}
   }

   /* Logo */
   .logo-container {position: relative; z-index: 1; padding: 1.5rem; /*padding-right: 2.75rem; margin-right: -2.75rem;*/}
   .logo-container:after, .logo-container:before {position: absolute; content: ""; height: 18.75rem; z-index: -1; transform: skewX(15deg); visibility: hidden;}
   .logo-container:after {right: 80%; bottom: 0; width: 500%; background: var(--bs-white);}
   .logo-container:before {right: 77.5%; bottom: 1rem; width: 100%; background: rgba(var(--bs-white-rgb), .4);}
   .logo-container a {position: relative;}
   .logo-container img {position: relative; height: 5.5rem; width: auto; top: 0;}
   @media (min-width: 768px) {
      .logo-container {padding: 0;}
      .logo-container:after, .logo-container:before {visibility: visible;}
      .logo-container:after {right: 8rem;}
      .logo-container:before {right: 7.625rem;}
      .logo-container img {top: -2rem;}
   }

   /* Navbar */
   .main-nav {position: relative; padding: 0; transition: all 300ms ease; text-align: center; display: flex; justify-content: flex-start; font-family: var(--bs-interb);}
   .main-nav .sf-menu {display: flex;}
   .main-nav .sf-menu ul {list-style:none; padding-left:0; min-width:12em; white-space:nowrap; *width:auto; *white-space:normal;}
   .main-nav .sf-menu > li {position: relative; display: flex; align-items: center; transition: all 500ms ease; margin-right:0;}
   .main-nav .sf-menu > li:last-child {margin-right: 0;}
   .main-nav .sf-menu > li > a {position: relative; display: block; padding: 1rem 0; font-size: 1rem; text-transform: capitalize!important; color: var(--bs-primary); line-height: 1.875rem; letter-spacing: 0;}
   .main-nav .sf-menu > li:hover > a {color: var(--bs-dark);}
   .main-nav .sf-menu > li > ul {position: absolute; top: 100%; left: 0; transform: perspective(300px) scaleY(0) translateZ(30px); transform-origin: top; opacity: 0; visibility: hidden; transition: all 300ms ease; border-radius: 0; background-color: var(--bs-primary); box-shadow: 0px 0px 10px rgba(0,0,0,0.10); z-index: 10;}
   .main-nav .sf-menu > li:hover > ul {transform: perspective(300px) scaleY(1) translateZ(0); opacity: 1; visibility: visible;}
   .main-nav .sf-menu > li > ul > li {position: relative; text-align:left; border-bottom:1px solid rgba(255,255,255,0.10);}
   .main-nav .sf-menu > li > ul > li:last-child {border-bottom: none;}
   .main-nav .sf-menu > li > ul > li > a {display: block; padding: .75rem 1.125rem; line-height: 1.5rem; text-transform: capitalize; color: var(--bs-white); transition: all 500ms ease; padding-left: 1.125rem;}
   .main-nav .sf-menu > li > ul > li > a:before {position:absolute; content:'//'; left:.625rem; top:.75rem; opacity:0; font-weight:500; color:var(--bs-white); font-size:.625rem; transition: all 500ms ease;}
   .main-nav .sf-menu > li > ul > li:hover > a:before {opacity:1;}
   .main-nav .sf-menu > li > ul > li:hover > a {padding-left:2rem; color:var(--bs-white); background-color:var(--bs-dark);}
   .navbar-toggler {margin-right: 1rem; padding: .5rem .75rem; border-radius: 0; border-width: 2px;}
   .main-nav .navbar-toggler-icon {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;}

   @media (min-width: 768px) {
      .navbar-toggler {border-color: var(--bs-white);}
      .main-nav .navbar-toggler-icon {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;}
   }
   @media (min-width: 992px) {
      .main-nav .sf-menu > li {margin-right: 1rem;}
      .main-nav .sf-menu > li > a {padding: .5rem 0; color: var(--bs-white);}
      .main-nav .sf-menu > li:hover > a {color: var(--bs-primary);}
   }

   @media (min-width: 1200px) {}

   @media (min-width: 1400px) {
      .main-nav .sf-menu > li {margin-right: 1rem;}
      .main-nav .sf-menu > li > a, .main-nav .sf-menu > li > ul > li a {font-size: .875rem;}
   }

   header .btn-primary {font-size: .875rem; text-transform: capitalize; padding: .625rem 1rem;}

   /* Sticky Header */
   header .sticky-header {position:fixed; opacity:0; visibility:hidden; left:0; top:0; width:100%; padding:0; z-index:100; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; background-color:var(--bs-white); box-shadow:0px 0px 10px rgba(0,0,0,0.10); margin-top: -1px; display: none;}
   header.fixed-header .sticky-header {z-index: 100; opacity:1; visibility:visible; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -op-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -ms-animation-duration: 500ms; -moz-animation-duration: 500ms; -op-animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-duration: 500ms; -ms-animation-timing-function: linear; -moz-animation-timing-function: linear; -op-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -op-animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; display: block;}
   header .sticky-header > .container {display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%;}
   header .sticky-header > .container > .row {width: 100%;}
   header .sticky-header img {max-height: 4.75rem; margin:0 1rem 0; top: 0;}
   header .sticky-header .main-nav {padding: 0;}
   header .sticky-header .main-nav .sf-menu > li > a {padding: 1.75rem 0; margin-right: 1rem; color: var(--bs-dark);}
   header .sticky-header .main-nav .sf-menu > li:hover > a {color: var(--bs-primary);}
   @media (min-width: 768px) {
      header .sticky-header img {margin: .5rem 1rem;}
      header .sticky-header .main-nav .navbar-toggler {border-color: rgba(var(--bs-accent2-rgb), .5);}
      header .sticky-header .main-nav .navbar-toggler-icon {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;}
   }

   /* SLIDER */
   .slider {position: relative; height: 50%; width: 100%; z-index: 1; margin-top: 0; -webkit-box-shadow: inherit !important; box-shadow: inherit !important; overflow: clip;}
   .slider div {height: 100%;}
   .slider div.swiper-slide .row div {height: auto;}
   .slider .content {position: relative; z-index: 9; -webkit-transition: all 500ms ease; transition: all 500ms ease; padding: 3.75rem 0;}
   .slider h2, .slider h4, .slider p, .slider .button {transition: all 500ms ease; opacity: 0; visibility: hidden; transform: translateY(50%); color: var(--bs-white);}
   .slider h2 {transform: translateY(-50%);}
   .slider h4 {transform: translate3d(-15%, 0, 0);}
   .slider p {transform: translateY(50%); padding-right: 0; margin: 0;}
   .slider .button {transform: translateY(50%); margin-top: 2rem;}
   .slider .slider-img {background-position: center center !important; background-size: cover !important; -webkit-box-shadow: inherit !important; box-shadow: inherit !important;}
   .slider .slider-img.dark {position: relative; z-index: 1;}
   .slider .slider-img.dark:after {background: var(--bs-dark); content: ""; height: 100%; left: 0; opacity: 0.35; position: absolute; top: 0; width: 100%; z-index: -1; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;}
   .slider .swiper-slide.swiper-slide-active h2, .slider .swiper-slide.swiper-slide-active h4, .slider .swiper-slide.swiper-slide-active p, .slider .swiper-slide.swiper-slide-active .button {transform: translateY(0); opacity: 1; visibility: visible;}
   .slider .swiper-slide.swiper-slide-active h2 {transition-delay: 1000ms;}
   .slider .swiper-slide.swiper-slide-active h4 {transition-delay: 800ms;}
   .slider .swiper-slide.swiper-slide-active p {transition-delay: 1200ms;}
   .slider .swiper-slide.swiper-slide-active .button {transition-delay: 1500ms;}
   .slider.zoom-effect .slider-img {-webkit-transition: 10s ease-out; transition: 10s ease-out; -webkit-transform: scale(1.1); transform: scale(1.1); position: absolute; left: 0; top: 0; content: ""; height: 100%; width: 100%;}
   .slider.zoom-effect .swiper-slide.swiper-slide-active .slider-img {-webkit-transform: scale(1); transform: scale(1);}
   .slider .swiper-slide.swiper-slide-active h2 {-webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; -webkit-transition-delay: 1600ms; transition-delay: 1600ms;}
   .slider .swiper-slide.swiper-slide-active h4 {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; visibility: visible; -webkit-transition-delay: 800ms; transition-delay: 800ms;}
   .slider .swiper-slide.swiper-slide-active p {-webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; -webkit-transition-delay: 2400ms; transition-delay: 2400ms;}
   .slider .swiper-slide.swiper-slide-active .button {-webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; -webkit-transition-delay: 3200ms; transition-delay: 3200ms;}
   .slider:hover .swiper-button-prev, .slider:hover .swiper-button-next {opacity: 1;}
   .slider:hover .swiper-button-prev {left: 2rem; right: auto;}
   .slider:hover .swiper-button-next {right: 2rem; left: auto;}
   .slider .swiper-button-prev, .slider .swiper-button-next {height: auto; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; opacity: 0;}
   .slider .swiper-button-prev::after, .slider .swiper-button-next::after {font-size: 1.5rem; color: var(--bs-white);}
   .slider-shape-bg {position: absolute; right: -50%; bottom: 0; z-index: 1; display: flex; max-width: 50%; height: 50% !important; transition: all 0.55s ease-in-out; justify-content: right;}
   .swiper-slide-visible .slider-shape-bg {right: 0; bottom: 0; opacity: 1; transition-delay: 1200ms;}
   .slider .swiper-nav {z-index: 10;}
   @media (min-width: 768px) {
      .slider {height: 100%; margin-top: -8.5rem;}
      .slider .content {padding: 7.5rem 0;}
   }
   @media (min-width: 992px) {
      .slider .content {padding: 0;}
      .slider h2 {font-size: 4rem; margin-top: 2rem;}
      .slider h4 {font-size: 1.25rem;}
      .slider p {padding-right: 25%;}
   }

   /* WELCOME SECTION */
   .welcome-section {position: relative; background: rgb(245,245,248); background: linear-gradient(210deg, rgba(245,245,248,1) 0%, rgba(255,255,255,0.7) 35%, rgba(255,255,255,0) 100%);}
   .welcome-section .background {position:absolute; width: 100%; z-index: -1; bottom: 0; left: 0;}
   .welcome-section .background img {width: 100%; height: auto;}
   .welcome-section .image-area {position: relative;}
   .welcome-section .image-area:after {position: absolute; content: ''; bottom: 0; left: -50%; z-index: 0; display: flex; max-width: 50%; height: 50%; width: 50%; background-image: url(../../files/images/layout/general/v1-hero-bottom-right-corner.png); background-position: bottom left; background-size: contain; background-repeat: no-repeat;}
   .welcome-section .image-area .welcome-image {height: 39.375rem; max-width: 28.625rem; border-right: .625rem solid var(--bs-primary); position: relative;}
   .welcome-section .image-area .welcome-image-2 {max-width: 23.125rem; height: 31.125rem; right: -40%; top: 4.375rem; border: .25rem solid var(--bs-white); position: absolute;}
   .welcome-section .image-area .welcome-image-2 img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
   .welcome-section .welcome-content {margin-left: 0;}
   @media (min-width: 992px) {
      .welcome-section .welcome-content {margin-left: 2.5rem;}
   }

   /* Info Boxes */
   .info-box, .info-box > *, .info-box.squared, .info-box.squared > *, .info-box.woHover, .info-box.woHover > *  {transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;}
   .info-box {background-color: var(--bs-light); padding: 1rem 1rem 2rem; position: relative; overflow: hidden;}
   .info-box:hover, .info-box.squared:hover {background-color: var(--bs-primary);}
   .info-box .fa-solid {font-size: 2rem; color: var(--bs-primary); margin-bottom: .75rem; position: relative; z-index: 9;}
   .info-box p {font-family: var(--bs-heading-font); color: var(--bs-dark); margin-bottom: 1rem;}
   .info-box .counter-text {position: absolute; bottom: 0; right: 0; margin-bottom: -.75rem; font-family: var(--bs-interbl); font-size: 2.25rem; color: rgba(var(--bs-secondary-rgb), .5);}
   .info-box:hover .fa-solid, .info-box:hover p, .info-box.squared:hover h5, .info-box.squared:hover p {color: var(--bs-white);}
   .info-box:hover .counter-text {color: rgba(var(--bs-white-rgb), .5);}

   /* ABOUT SECTION */
   .about-section {position: relative; overflow-y: clip;}
   .about-section .background {position:absolute; z-index: -1; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0;}

   /* Info Boxes - Squared Icon */
   .info-box.squared {background-color: var(--bs-white); box-shadow: var(--bs-box-shadow); text-align: center; overflow: visible; margin-top: 3.5rem;}
   .info-box.squared .icon {width: 5rem; height: 5rem; line-height: 5rem; border-radius: 50%; background-color: var(--bs-primary); text-align: center; margin: -3.5rem auto 1.5rem; font-size: 2rem; transition: all 0.4s ease-in-out; transition: transform 500ms ease; transform-style: preserve-3d;}
   .info-box.squared .icon .fa-solid {color: var(--bs-white);}
   .info-box.squared h5 {margin-bottom: .75rem;}
   .info-box.squared p {font-family: var(--bs-body-font-family); color: var(--bs-body-color); margin-bottom: 0;}
   .info-box.squared:hover .icon {background-color: var(--bs-white); transform: rotateY(360deg);}
   .info-box.squared:hover .icon .fa-solid {color: var(--bs-primary);}

   /* Info Boxes - Without Hover */
   .info-box.woHover, .info-box.woHover:hover {background-color: var(--bs-white); box-shadow: var(--bs-box-shadow); padding: 2rem;}
   .info-box.woHover {border-bottom: .25rem solid var(--bs-primary);}
   .info-box.woHover p, .info-box.woHover:hover p {font-family: var(--bs-body-font-family); color: var(--bs-body-color); margin-bottom: 0;}

   /* BRANDS SECTION */
   .brand-image, .brand-image > * {transition: all 0.4s ease-in-out;}
   .brand-image {position: relative; display: flex; margin: 0 auto; text-align: center; padding: 2rem 1rem; background-color: var(--bs-white);}
   .brand-image img {align-self:center; margin: 0 auto; filter: grayscale(100%); max-height: 5.75rem;}
   .brand-image:hover, .swiper-slide.swiper-slide-active .brand-image {filter: initial;}
   .brand-image:hover img, .swiper-slide.swiper-slide-active .brand-image img {filter: initial;}
   .brand-image .floor {position: absolute; bottom: .5rem; right: .5rem; z-index: 1; padding: .25rem; background-color: var(--bs-primary); color: var(--bs-white); font-family: var(--bs-robotob); opacity: .75;}
   .brand-image:hover .floor, .swiper-slide.swiper-slide-active .brand-image .floor {opacity: 1;}
   
   /* CONTAINERS */
   main {margin: 0; flex: 1;}
   main.content {background-position: center top; background-repeat: no-repeat; background-size: cover; position: relative;}
   .content-container {padding: 2rem; background-color: var(--bs-white);}

   .fancybox-container {z-index: 100000;}
   .fancybox-content {background:rgba(255, 255, 255, 0.3); max-width:fit-content;}
   .fancybox-slide--html .fancybox-close-small {color: #FFFFFF;}

   /* CONTENT */
   /* Breadcrumb */
   .breadcrumb-area {padding: 3rem 0; padding-top: 6.5rem; position: relative; z-index: 1; overflow: hidden;}
   .breadcrumb-area:after {background: var(--bs-dark); content: ""; height: 100%; left: 0; opacity: .5; position: absolute; top: 0; width: 100%; z-index: -1; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;}
   .breadcrumb-area .row {position: relative; z-index: 1;}
   .breadcrumb-area .breadcrumb {background: transparent none repeat scroll 0 0; display: inline-block; margin: 0; padding: 0; position: relative; z-index: 1;}
   .breadcrumb-area .breadcrumb > li + li::before {content: "\f105"; font-family: "FontAwesome"; font-weight: 600; padding: 0 .25rem; color: var(--bs-white); display: none;}
   .breadcrumb-area .breadcrumb li {padding: 0 .75rem; position: relative; display: inline-block; z-index: 1; font-weight: 600; font-size: 1rem;}
   .breadcrumb-area .breadcrumb li a {font-weight: 600; color: var(--bs-white);}
   .breadcrumb-area .breadcrumb li a:hover {color: var(--bs-primary);}
   .breadcrumb-area .breadcrumb li::after {content: "\f105"; font-family: "FontAwesome"; font-weight: 500; right: -.25rem; position: absolute; line-height: 0; top: 50%; font-size: .875rem; color: var(--bs-white); margin-top: .125rem;}
   .breadcrumb-area .breadcrumb li i {margin-right: .25rem;}
   .breadcrumb-area .breadcrumb li:last-child::after {display: none;}
   .breadcrumb-area h1 {display: block; font-weight: 600; color: var(--bs-white); margin-top: -.75rem; margin-bottom: 1rem;}
   @media only screen and (min-width: 768px) {
      .breadcrumb-area {padding: 6.5rem 0 5rem!important;}
   }
   @media only screen and (min-width: 992px) {
      .breadcrumb-area {padding: 8.5rem 0!important;}
   }
   .breadcrumb-shape {text-align: right; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%;}
   .breadcrumb-shape img {height: 100%;}

   /* About Page*/
   .thumb {position: relative; margin-bottom: 5rem;}
   .about .info-card {position: absolute; left: -5rem; bottom: -5rem; display: none;}
   @media only screen and (min-width: 768px) {
      .thumb {margin-bottom: 7.5rem;}
      .about .info-card {left: auto; right:-5rem; display: block;}
   }
   @media only screen and (min-width: 992px) {
      .thumb {margin-bottom: 5rem;}
      .about .info-card {left: -5rem; right: auto;}
   }

   /* Side Image Content Blocks */
   .side-image-container {display: flex; flex-direction: column; width: 100vw; background-color: var(--bs-white);}
   .side-image-container .img-left, .side-image-container .img-right, .side-image-container .content-left, .side-image-container .content-right {width: 100%;}
   .side-image-container .img-left, .side-image-container .img-right {min-height: 20rem;}
   .side-image-container .content-left, .side-image-container .content-right { display: flex; flex-direction: column; justify-content: center; margin: 0 auto; padding: 3rem 2rem;}
   .side-image-container.reverse .content-left {order: 2;}
   .side-image-container.reverse .img-right {order: 1;}
   @media (min-width: 992px) {
      .side-image-container {flex-direction: row; flex-wrap: nowrap; min-height: auto; padding: 0;}
      .side-image-container.reverse {flex-direction: row;}
      .side-image-container .img-left {width: calc(50vw - 5rem);}
      .side-image-container .img-right {width: calc(50vw + 4rem);}
      .side-image-container .content-right {width: calc(50vw - ((100vw - 960px) / 2) + 5rem); margin-right: auto; margin-left: 0;}
      .side-image-container .content-left {width: calc(50vw - ((100vw - 960px) / 2) - 5rem); margin-left: auto; margin-right: 0;}
      .side-image-container.reverse .content-left {order: 0;}
      .side-image-container.reverse .img-right {order: 0;}
   }
   @media (min-width: 1200px) {
      .side-image-container .content-left, .side-image-container .content-right {padding: 5rem 4rem;}
      .side-image-container .content-right {width: calc(50vw - ((100vw - 1140px) / 2) + 5rem);}
      .side-image-container .content-left {width: calc(50vw - ((100vw - 1140px) / 2) - 5rem);}
   }
   @media (min-width: 1400px) {
      .side-image-container .content-right {width: calc(50vw - ((100vw - 1296px) / 2) + 5rem);}
      .side-image-container .content-left {width: calc(50vw - ((100vw - 1296px) / 2) - 5rem);}
   }

   /* FOOTER */
   footer {font-size: .875rem; color:rgba(255,255,255,.6); background-color: var(--bs-dark); border-top: 1px dashed var(--bs-light); position: relative; z-index: 1; overflow: clip; line-height: 1.5rem;}
   footer:after {position: absolute; left: -9%; top: -10%; content: ""; height: 500px; width: 500px; background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 130%) repeat scroll 0 0; z-index: -1; transform: skewX(10deg);}
   footer > .container {padding: 3.75rem 1rem;}
   footer h2 {font-size:1rem; color:#FFFFFF;}
	footer a {color:var(--bs-accent3);}
	footer a:hover {color:var(--bs-primary);}
   footer form {border: 2px solid rgba(var(--bs-white-rgb), 0.3); position: relative;}
   footer form input.form-control {background: transparent !important; border: none; box-shadow: inherit !important; color: var(--bs-white) !important; min-height: 3.5rem; padding: 1rem 6rem 1rem 1rem;}
   footer form button.btn-primary {position: absolute; right: .25rem; top: .25rem; padding: .5rem 1.25rem; text-transform: uppercase; background: var(--bs-primary); border: none; color: var(--bs-white); font-size: .875rem; text-transform: capitalize;}
   footer .bottom-row {display: block; padding: 1rem 0; background-color: var(--bs-accent1);}
   @media (min-width: 768px) {
      footer > .container {padding: 3.75rem 0;}
   }