/*

	Theme Name: Clove Cafe & Restaurant

	Theme URI: https://www.clovedining.com/

	Description: Clove Cafe & Restaurant

	Version: 9999.0.0

*/



/* NORMALIZE.CSS v8.0.1 | MIT License | github.com/necolas/normalize.css */

html{-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea,.form-control.empty + label{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],fieldset{padding:.35em .75em .625em}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]details{display:block}summary{display:list-item}



/* SVG */

[class*=" icon-"],[class^=icon-]{display:inline-block;width:1em;height:1em;stroke-width:0;stroke:currentColor;fill:currentColor}



/* SLIDER STYLES */

.embla{position:relative}.embla__viewport{overflow:hidden;width:100%}.embla__viewport.is-draggable{cursor:move;cursor:grab}.embla__viewport.is-dragging{cursor:grabbing}.embla__container{display:flex;user-select:none;}.embla__container.flex{flex-wrap:nowrap;}.embla__slide{position:relative;width:100%;flex-shrink:0}.embla__slide__img,.embla__slide__video{display:block;width:100%;height:auto}.full-height .embla__slide__inner{position:relative;overflow:hidden;height:100vh}.embla__slide__video,.full-height .embla__slide__img{width:100%;height:100%;object-fit:cover;object-position:center}.embla__button{outline:0;cursor:pointer;background-color:transparent;touch-action:manipulation;position:absolute;z-index:1;top:50%;transform:translateY(-50%);border:0;width:30px;height:30px;justify-content:center;align-items:center;fill:#1bcacd;padding:0}.embla__button:disabled{cursor:default;opacity:.3}.embla__button__svg{width:100%;height:100%}.embla__button--prev{left:100px}.embla__button--next{right:100px}.embla__dots{display:flex;list-style:none;justify-content:center}.embla__dot{cursor:pointer;position:relative;display:flex;align-items:center;}.embla__dot:last-child{margin-right:0}@media(max-width: 500px) {.embla__slide__inner {width:100%;height:100%;}.embla__slide__video {max-height: none !important;}}@media(max-width: 1024px) {.embla__button--prev{left:30px}.embla__button--next{right:30px}}

.disable-click .embla__slide { pointer-events: none; }

.embla-thumbs .embla__slide {

	width: 33.3333%;

	min-width: 33.3333%;

}



/* Hiding/Appearing Styles */

@media (max-width:767px){.hide-mobile{display:none!important}}@media (min-width:768px){.hide-above-mobile{display:none!important}}@media (max-width:1024px){.hide-below-desktop{display:none!important}}@media (min-width:1025px){.hide-desktop{display:none!important}}@media (max-width:1200px){.hide-below-large{display:none!important}}@media (min-width:1025px){.hide-large{display:none!important}}



/* FLEX */

.flex{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-left:-20px}.flex.no-gaps{margin-left:0}.fv-center{align-items:center}.fh-center{justify-content:center}.flex>*{width:100%;float:left;position:relative;padding:0 0 0 20px}.flex.pb-vert>*{padding-bottom:20px}.flex.no-gaps>*{padding:0}.flex.site-container>*{padding:0}.flex>.m-col-6{width:50%}.flex>.m-col-4{width:33.333%}.flex>.m-col-3{width:25%}.m-two-cols>*{width:50%}.m-three-cols>*{width:33.333%}.m-full{width:100%}.flex-grow{flex-grow:1}.equal-height>*{display:flex;flex-direction:column}.equal-height>*>*{display:flex;flex-direction:column;flex-grow:1}.equal-height img{min-height:1px;align-self:flex-start}.flex-reverse{flex-direction:row-reverse}.equal-height>*>*>:last-child{margin-top:auto}.flex-right{justify-content:flex-end;}

.m-flex-basic{display:flex;justify-content:space-between;width:100%}

@media (min-width:500px){.flex-basic{display:flex;justify-content:space-between;width:100%}.t-two-cols>*{width:50%}.t-three-cols>*{width:33.333%}.t-four-cols>*{width:25%}a.video-popup{max-width:500px;height:218px;margin:20px auto;padding:170px 20px 0 20px}}

@media (max-width:767px){.flex.t-pb-vert>*{padding-bottom:20px}}

@media (min-width:768px){.l-two-cols>*{width:50%}.l-three-cols>*{width:33.333%}.l-four-cols>*{width:25%}.flex>.l-col-10{width:83.333%}.flex>.l-col-9{width:75%}.flex>.l-col-8{width:66.66667%}.flex>.l-col-7{width:58.333%}.flex>.l-col-6{width:50%}.flex>.l-col-5{width:41.66667%}.flex>.l-col-4{width:33.333%}.flex>.l-col-3{width:25%}.flex>.l-col-2{width:16.66667%}}

@media (max-width:1024px){.flex.l-pb-vert>*{padding-bottom:20px}}

@media (min-width:1025px){.flex{margin-left:-30px}.flex>*{padding:0 0 0 30px}.flex.pb-vert>*{padding-bottom:30px}.d-two-cols>*{width:50%}.d-three-cols>*{width:33.333%}.d-four-cols>*{width:25%}.d-five-cols>*{width:20%}.d-six-cols>*{width:16.66667%}.flex>.d-col-10{width:83.333%}.flex>.d-col-9{width:75%}.flex>.d-col-8{width:66.66667%}.flex>.d-col-7{width:58.333%}.flex>.d-col-6{width:50%}.flex>.d-col-5{width:41.66667%}.flex>.d-col-4{width:33.333%}.flex>.d-col-3{width:25%}.flex>.d-col-2{width:16.66667%}}

@media (min-width:1200px){.xl-two-cols>*{width:50%}.xl-three-cols>*{width:33.333%}.xl-four-cols>*{width:25%}.xl-five-cols>*{width:20%}.xl-six-cols>*{width:16.66667%}.flex>.xl-col-10{width:83.333%}.flex>.xl-col-9{width:75%}.flex>.xl-col-8{width:66.66667%}.flex>.xl-col-7{width:58.333%}.flex>.xl-col-6{width:50%}.flex>.xl-col-5{width:41.66667%}.flex>.xl-col-4{width:33.333%}.flex>.xl-col-3{width:25%}.flex>.xl-col-2{width:16.66667%}}

@media (min-width:1440px){.xxl-two-cols>*{width:50%}.xxl-three-cols>*{width:33.333%}.xxl-four-cols>*{width:25%}.xxl-five-cols>*{width:20%}.xxl-six-cols>*{width:16.66667%}.flex>.xxl-col-10{width:83.333%}.flex>.xxl-col-9{width:75%}.flex>.xxl-col-8{width:66.66667%}.flex>.xxl-col-7{width:58.333%}.flex>.xxl-col-6{width:50%}.flex>.xxl-col-5{width:41.66667%}.flex>.xxl-col-4{width:33.333%}.flex>.xxl-col-3{width:25%}.flex>.xxl-col-2{width:16.66667%}}

/*@media (min-width:1500px){.flex:not(.sml-gaps):not(.no-gaps){margin-left:-50px}.flex:not(.sml-gaps):not(.no-gaps)>*{padding-left: 50px} }*/



*,*:before,*:after {box-sizing:inherit}section{margin:0;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat}h1,h2,h3,h4{display:block;width:100%;margin-top:0;margin-bottom:15px}a{text-decoration:none}a:hover{text-decoration:underline}p{margin:0 0 20px}a,button,input[type=submit]{transition:all .4s ease}img{max-width:100%;height:auto;}button:focus{outline:0}.full-wrapper,.sml-wrapper,.wrapper,.lrg-wrapper{position:relative;width:100%;margin:0 auto}.t-left{text-align:left}.t-right{text-align:right}.t-center,.t-centre{text-align:center;list-style-position:inside}.t-upper{text-transform:uppercase}.inline-list{margin:0;padding:0;display:flex;flex-wrap:wrap}.inline-list li{float:left;list-style:none}.anchor{position:relative;visibility:hidden;display:block}.hidden{display:none!important}iframe[name=google_conversion_frame]{height:0!important;width:0!important;line-height:0!important;font-size:0!important;margin-top:-13px;float:left}.slider-video video{display:block}.error-page form{display:none!important}.parallax{position:relative;background-repeat:no-repeat;background-attachment:fixed;background-position:top center;background-size:cover}.content ol,.content ul{padding-left:20px;margin-bottom:20px;line-height:1.75em}.content ol ol,.content ol ul,.content ul ol,.content ul ul{padding-left:20px}img:not([src]){visibility:hidden}img[data-src],img[data-srcset]{display:block;min-height:1px}.loaded{animation-name:fadeIn;animation-duration:.4s;animation-timing-function:cubic-bezier(0,0,.4,1);animation-fill-mode:forwards}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.videoWrapper{position:relative;padding-bottom: 56.25%;width:100%;height:0}.videoWrapper iframe,.videoWrapper video{position:absolute;top:0;left:0;width:100%;height:100%}th{background:#e4e4e4}td,th{padding:10px 15px;border:1px solid #d8d8d8}.bg-img{position:absolute;top:0;right:0;width:48%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}a.skip-main{left:-999px;position:absolute;top:auto;width:1px;height:1px;overflow:hidden;z-index:-999}a.skip-main:active,a.skip-main:focus{color:#fff;background-color:#000;left:auto;top:auto;width:30%;height:auto;overflow:auto;margin:10px 35%;padding:5px;border-radius:15px;border:4px solid #ff0;text-align:center;font-size:1.2rem;z-index:999}



/* 

*  CSS TABLE OF CONTENTS

*   

*  1.0 - Global Styling

*    1.1 - Button	

*    1.2 - Sidebar

*    1.3 - Finance text calculator	

*    1.4 - Form styles

*    1.5 - Forms Checkbox

*    1.6 - Error page

*    1.7 - Social

*  2.0 - Featured Cars

*  3.0 - Grid & Video Gallery

*    3.1 - Gallery Grid - Masonary

*    3.2 - Video Gallery

*  4.0 - Tab & Accordian

*  5.0 - News & Events - Menu Item - Category Blog

*  6.0 - Header & Menu

*  7.0 - Footer Links

*  8.0 - Banner

*  9.0 - Quicklinks

*  10.0 - Mini Stock Locator

*  11.0 - Main Content - Pages

*    11.1 - Home Page

*    11.2 - Content Page

*    11.3 - Contact Page

*/



/* ========================================================================== 

* 1.0 Global Styling

* ========================================================================== */





html {

	font-size: 16px;

	line-height: 1.5em;

	box-sizing:border-box;

	font-family: 'Roboto Condensed', sans-serif;

}



body {

	background: #fff;

	color: #1a2f33;

	padding-top: 155px;

}



.anchor {

	top: -40px;

}



h1, h2, h3, h4, .h1, .h2, .h3, .h4 {

	color: #000;

	font-weight: 400;

	line-height: 1.25em;

}



h1, .h1 {

	font-size: 28px;

}



h2, .h2 { 

	font-size: 24px;

}



h3, .h3 {

	font-size: 20px;

}



h4, .h4 {

	font-size: 18px;

}



.subtitle {

	font-size: 20px;

}



a {

	color: #000;

}



a:hover {

	color: #7c7b79;

}



iframe {

	display: block;

}



.wrapper, .sml-wrapper, .lrg-wrapper {

	line-height: 1.5em;

}



.wrapper, .sml-wrapper, .lrg-wrapper {

	padding: 40px 30px;

}



.wrapper {

	max-width: 1600px;

}



.sml-wrapper {

	max-width: 1000px;

}



.lrg-wrapper {

	max-width: 1900px;

}



.m-top {

	margin-top: 20px;

}



.m-bot {

	margin-bottom: 20px;

}



.grey-bg {

	background-color: #eee;

}



.wrapper.no-padding-top, .sml-wrapper.no-padding-top, .lrg-wrapper.no-padding-top {

	padding-top: 0;

}



.wrapper.no-padding-bottom, .sml-wrapper.no-padding-bottom, .lrg-wrapper.no-padding-bottom  {

	padding-bottom: 0;

}



@media (min-width: 1025px) {





	body {

		padding-top: 118px;

	}



	h1, .h1, h2, .h2 {

		margin-bottom: 30px;

	}



	.anchor {

		top: -90px;

	}



	.wrapper, .sml-wrapper, .lrg-wrapper {

		padding: 80px 50px;

	}



	/*.full-wrapper {

		padding-top: 80px;

		padding-bottom: 80px;

	}*/



	h1, .h1 {

		font-size: 40px;

	}



	h2, .h2 { 

		font-size: 32px;

	}



	h3, .h3 {

		font-size: 24px;

	}



	h4, .h4 {

		font-size: 20px;

	}



}



@media(min-width: 1200px) {



	body {

		padding-top: 148px;



	}



	.wrapper, .sml-wrapper {

		padding-top: 120px;

		padding-bottom: 120px;

	}



}





/* ========================================================================== 

*  1.1 - Buttons	

* ========================================================================== */



.btn {

	display: inline-block;

	position: relative;

	width: auto;

	padding: 15px 20px;

	text-decoration: none;

	border: none;

	line-height: 1em;

	text-transform: uppercase;

	text-align: center;

	background-position: center;

	transition: background 0.8s;

	cursor: pointer;

	border-radius: 5px;

}



a.btn:hover, .btn:hover {

	text-decoration: none;

}



.btn-mg-top {

	margin-top: 20px;

}

.btn svg {
    stroke-width: 2;
    margin-bottom: -2px;
}

.btn-mg-bot {

	margin-bottom: 20px;

}



.btn-primary, a.btn-primary, .readmore, p.readmore {

	background-color: #27242b;

	color: #fff;

}



.btn-primary:hover, a.btn-primary:hover {

	background: #8a8a8a radial-gradient(circle, transparent 1%, #8a8a8a 1%) center/15000%;

	color: #fff;

}



.btn-primary:active, a.btn-primary:active, p.readmore:hover, .readmore:hover {

	background-color: #8a8a8a;

	background-size: 100%;

	transition: background 0s;

}



.btn-secondary, a.btn-secondary {

	background-color: #4a613a;

	color: #fff;

}



a.btn-secondary:hover, .btn-secondary:hover {

	background: #000 radial-gradient(circle, transparent 1%, #8a8a8a 1%) center/15000%;

	color: #fff;

}



.btn-secondary:active, a.btn-secondary:active {

	background-color: #79ccff;

	background-size: 100%;

	transition: background 0s;

}



.btn-outline, a.btn-outline {

	background: transparent;

	border: 2px solid #000;

	color: #000;

}



a.btn-outline:hover, .btn-outline:hover {

	background: #000 radial-gradient(circle, transparent 1%, #000 1%) center/15000%;

	color: #fff;

}



.btn-outline:active, a.btn-outline:active {

	background-color: #333;

	background-size: 100%;

	transition: background 0s;

}



.btn-signature {

	padding: 5px 20px; 

}





.btn-flex {

  display: flex;

  flex-direction: row;


}

.banner-text .btn-flex {
    margin-top: 40px;
}


.banner-text .btn-flex {

  justify-content: center;

}


.btn-flex >*:first-child {

  margin-right: 10px;

  margin-bottom: 0;

}



@media (max-width: 500px) {



	.btn-flex {

		flex-direction: column;

	}



	.btn-flex >*:first-child {

		margin-right: 0;

		margin-bottom: 20px;

	}



}



@media (min-width: 1025px) {



	.btn-full {

		display: block;

		width: 100%;

	}



	.btn.form-submit {

		width: 100%;

		text-align: center;

	}


	.btn-width {

		width: 100%;

		max-width: 300px;

	}




}


/* Styling for input elements */
.wpcf7-form-control-wrap {
  position: relative;
  flex: 1;
}

.wpcf7-form-control {
  width: 100%;
  padding: 1rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 1rem;
  background-color: #fff;
  transition: border-color 0.3s ease-in-out;
}

/* Styling for labels as placeholders */
.wpcf7-form-control-wrap label {
  position: absolute;
  top: 0;
  left: 0;
  padding: 1rem;
  font-size: 1rem;
  color: #999;
  pointer-events: none;
  transition: all 0.2s ease-in-out;
}

.wpcf7-form-control:focus + label,
.wpcf7-form-control:not(:placeholder-shown) + label {
  top: -0.8rem;
  left: 0.5rem;
  font-size: 0.8rem;
  color: #333;
  background: #fff;
  padding: 0 0.5rem;
}

/* Full-width submit button */
.wpcf7-submit {
  width: 100%;
  padding: 1rem;
  background-color: #4a613a;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 1rem;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
}

.wpcf7-submit:hover {
  background-color: #000;
}

/* Error message styling */
.wpcf7-validation-errors {
  margin-top: 1rem;
  padding: 1rem;
  background-color: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
  border-radius: 4px;
}

/* Styling for error messages on individual fields */
.wpcf7-not-valid-tip {
  display: block;
  margin-top: 0.5rem;
  color: #d9534f;
  font-size: 0.875rem;
}

.wpcf7-form label {
    color: hsla(240, 7%, 62%, 1);
}


/* ========================================================================== 

*  1.2 - Sidebar

* ========================================================================== */



.sidebar-mini {

	position: fixed;

	right: -124px;

	top: 40%;

	transform: translateY(-50%);

	width: 160px;

	z-index: 2000;

	transition: all 0.4s ease;

}



.sidebar-mini:hover {

	right: 0;

}



.sidebar-mini a:hover {

	background: #444;

}



.sidebar-mini a {

	display: block;

	background: #7c7b79;

	color: #fff;

	padding: 10px;

	vertical-align: middle;

	text-decoration: none;

}



.sidebar-mini .icon-sidebar {

	margin-right: 10px;

	vertical-align: middle;

}



.sidebar-mini .s-bg span {

	vertical-align: middle;

}



/* ========================================================================== 

*  1.3 - Finance text calculator	

* ========================================================================== */



.finance-text-calc .ft-content {

	margin: 30px 0;

}



.ft-content .ft-text {

	margin-top: 15px;

	font-size: 36px;

	line-height: 1.5;

}



.ft-content .input-group, .ft-content .select-group {

	position: relative;

}



.ft-input {

	padding: 0 5px;

	border: 0;

	border-bottom: 2px solid #000;

	background-color: transparent;

	color: #000;

	font-weight: bold;

	font-size: 1.1em;

}



.ft-input option {

	font-size: 0.6em;

}



.ft-input.error {

	border-color: red;

}



.ft-input:focus {

	outline: 0;

}



.ft-input.loan-amount {

	max-width: 200px;

	padding-left: 30px;

}



.ft-input.loan-interest {

	max-width: 150px;

	padding-right: 30px;

}



.ft-input.loan-balloon-value {

	max-width: 150px;

	padding-left: 30px;

}



.ft-input.loan-balloon-percent {

	max-width: 100px;

	padding-right: 30px;

}



.input-icon {

	position: absolute;

	left: 0;

	top: -16px;

	font-size: 1.3em;

	color: #000;

	font-weight: bold;

}



.loan-interest + .input-icon, .loan-balloon-percent + .input-icon {

	left: auto;

	right: 8px;

}



.ft-text {

	display: block;

}



.ft-content #allow-balloon {

	display: inline-block;

	margin-top: 20px;

}



.ft-disclaimer {

	margin-top: 30px;

	font-size: 14px;

	line-height: 1.8;

	color: #777;

}



.ft-results {

	margin-top: 30px;

	padding: 30px;

	background-color: #f5f5f5;

}



.ft-results p {

	margin: 0;

	font-size: 22px;

}



.ft-repayment {

	margin-bottom: 30px;

	padding-bottom: 30px;

	border-bottom: 2px solid #ddd;

}



.ft-repayment .tabs-content {

	display: none;

}



.ft-repayment .tabs-content.active {

	display: block;

	font-size: 80px;

	line-height: 2;

}



.ft-repayment .tabs-header {

	display: inline-block;

	padding: 10px 20px;

	border: 1px solid #000;

	border-left-width: 0;

	cursor: pointer;

}



.ft-repayment .tabs-header:nth-child(4){

	border-radius: 3px 0 0 3px;

	border-left-width: 1px;

}



.ft-repayment .tabs-header:nth-child(6){

	border-radius: 0 3px 3px 0;

}



.ft-repayment .tabs-header.active {

	background-color: #000;

	color: #fff;

}



.ft-repayment .balloon-payment {

	margin-top: 20px;

}



.ft-loan-details {

	max-width: 350px;

	margin: 0 auto;

	font-size: 18px;

	line-height: 2;

}



.ft-loan-details.ftld-ec {

	font-weight: bold;

}



.ft-results .btn-primary {

	margin-top: 30px;

}



.preapproval-form {

	display: none;

}



.preapproval-form.show {

	display: block;

}



/* ========================================================================== 

*  1.4 - Form styles

* ========================================================================== */



.ate-form {

	margin-top: 30px;

}



.form-group {

	position: relative;

}



.form-control, .select-container {

	display: block;

	width: 100%;

	margin-bottom: 35px;

	padding: 13px 20px;

	color: #000;

	background-color: #fff;

	border: 1px solid #e3e3e3;

	line-height: 1em;

	outline: none;

	background-image: none;

	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

}



.form-control:focus, .select-container:focus {

	outline: none;

	border-color: #7c7b79;

}



.form-control.error, .select-container.error {

	border-color: red;

}



.select-container {

	display: inline-block;

	padding: 0 !important;

	overflow: hidden;

	vertical-align: top;

	background: url(images/select-input.png) no-repeat right 20px center #fff;

}



.select-container .select-hide {

	 background: transparent;

	 width: 100%;

	 color: #000;

	 height: 45px;

	 padding: 0 20px;

	 line-height: 2;

	 border: 0;

	 appearance: none;

	 text-indent: 0.01px;

	 text-overflow: '';

}



.select-container .select-hide:focus {

	outline: 0;

}



.form-group label {

	position: absolute;

	top: -22px;

	left: 0px;

	padding: 0 5px;

	border: 0;

	color: #000;

	z-index: 1;

	line-height: 1.5em;

	transition: all 0.4s ease-in-out;

	cursor: text;

	font-size: 14px;

	background: transparent;

}



.form-control.empty + label, .form-group .select-container + label {

	top: 0;

	left: 0;

	padding: 15px 20px;

	background-color: transparent;

	color: #666;

	border-left: 0;

	border-right: 0;

}



.form-group .select-container + label {

	opacity: 0;

	pointer-events: none;

}



.form-group .select-container.active + label {

	top: -22px;

	padding: 0;

	opacity: 1;

	color: #000;

}



.home textarea.form-control {

	height: 100px;

	resize: none;

}



textarea.form-control {

	height: 150px;

	resize: none;

}



.form-text {

	margin-bottom: 30px; 

}



.ate-form .form-submit .spinner2 {

	display: none;

}



.ate-form .form-submit.show-spinner .spinner2 {

	display: inline-block;

	margin-right: 10px;

}



.ate-form .spinner2 {

	vertical-align: middle;

	transform-origin: center;

	animation: spinner-rotate 2.25s linear infinite;

	will-change: transform;

}




.spinner2 circle{fill:none;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;animation:spinner-stretch calc(2.25s * .75) ease-in-out infinite;will-change:stroke-dasharray,stroke-dashoffset}

@keyframes spinner-rotate{100%{transform:rotate(360deg)}}@keyframes spinner-stretch{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,200;stroke-dashoffset:-35px}100%{stroke-dashoffset:-124px}}



/* ========================================================================== 

*  1.5 - Forms Checkbox

* ========================================================================== */



.checkbox-group .container {

	display: flex;

	align-items: center;

	position: relative;

	padding-top: 0;

	padding-left: 45px;

	min-height: 35px;

	margin-bottom: 15px;

	cursor: pointer;

	user-select: none;

}



.checkbox-group input {

	position: absolute;

	opacity: 0;

	cursor: pointer;

}



.checkmark, .radiomark {

	position: absolute;

	top: 0;

	left: 0;

	height: 35px;

	width: 35px;

	background-color: #fff;

	border: 2px solid #aaaaaa;

	border-radius: 0;

}



.radiomark {

	border-radius: 25px;

}



.error + .checkmark {

	border-color: #ec1c24;

}



/* On mouse-over, add a grey background color */

.checkbox-group:hover input ~ .checkmark, .checkbox-group:hover input ~ .radiomark {

	background-color: #ccc;

}



.checkbox-group input:checked ~ .checkmark, .checkbox-group input:checked ~ .radiomark {

	background-color: #7c7b79;

	border-color: #7c7b79;

}



.checkmark:after, .radiomark:after {

	content: "";

	position: absolute;

	display: none;

}



.checkbox-group input:checked ~ .checkmark:after, .checkbox-group input:checked ~ .radiomark:after {

	display: block;

}



.checkbox-group .checkmark:after {

	left: 11px;

	top: 5px;

	width: 10px;

	height: 18px;

	border: solid #fff;

	border-width: 0 3px 3px 0;

	transform: rotate(45deg);

}



.checkbox-group .container {

	vertical-align: middle;

}



/* Radio Button -Style the indicator (dot/circle) */

.checkbox-group .radiomark:after {

    top: 10px;

    left: 10px;

    width: 11px;

    height: 11px;

    border-radius: 50%;

    background: white;

}



/* ========================================================================== 

*  1.6 - Error page

* ========================================================================== */



.error404 h1 {

	display: flex;

	justify-content: center;

	align-items: center;

}



.error404 h2 {

	color: red;

}



.error404 h1 svg {

	margin-right: 20px;

}



/* ========================================================================== 

*  1.7 - Social

* ========================================================================== */



.social {

	align-items: center;

}



.social a {

	display: block;

	width: 40px;

	height: 40px;

	margin-right: 10px;

	padding: 10px;

	font-size: 20px;

	text-transform: uppercase;

	text-decoration: none;

	border-radius: 5px;

	cursor: pointer;

	line-height: 1em;

	text-align: center;

}



.social li a {

	color: #27242b;

}



.social a span {

		display: block;
	
		width: 0;
	
		height: 0;
	
		overflow: hidden;

}



.social li:last-child a {

		margin-right: 0;

}



.social a:hover {

		background: #e0e0e0;
	
		color: #0c0c0c;

}



.top-header .social {

		margin-left: 20px;

}



.top-header .social a {

		width: 30px;
	
		height: 30px;
	
		padding: 7px;
	
		font-size: 16px;
	
		color: #fff;

}


.dynamic-timings {

		text-transform: uppercase;
	
	  align-items: center;
	
	  display: inline-flex;

	  font-size: 12px;

    font-weight: bold;

}

.dynamic-timings .online,  .dynamic-timings .offline {

    border-radius: 50%;

    height: 10px;

    width: 10px;

    display: inline-flex;

    margin-right: 5px;

}


.dynamic-timings .online {

		background: green;

		box-shadow: 0 0 10px rgba(0, 128, 0, 0.6);

}


.dynamic-timings .offline {

		background: grey;

		box-shadow: 0 0 10px rgba(128, 128, 128, 0.6);

}


/* ========================================================================== 

*  3.1 - Gallery Grid - Masonary

* ========================================================================== */



.gallery-grid-layout {

	columns: 340px;

	column-gap: 30px; 

}



.gallery-grid-layout > div {

		break-inside: avoid-column;

		margin-bottom: 30px;

}



.gallery-grid-layout img {

	display: block;

}



/* ========================================================================== 

*  3.2 - Video Gallery Styles

* ========================================================================== */



.video-gallery {

	max-width: 960px;

	margin: 0 auto;

}



div.imgbox a:hover img {

	opacity: 0.6;

}



div.vid_icon:hover, span.vid_icon:hover {

	opacity: 1;

	background-image: url(../images/vid_icon.png);

}



.titlebelowthumb a {

	display: block;

	margin-top: 8px;

	text-transform: uppercase;

	font-weight: bold;

}



/* ========================================================================== 

*  4.1 - Tabs

* ========================================================================== */



.tabs-flex {

	display: flex;

	margin-bottom: 20px;

}



.default-header {

	display: inline-block;

	width: auto;

	margin: 0;

	padding: 15px 20px;

	flex: 1 1 100%;

	background-color: #dce4e6;

	color: #000;

	border: 3px solid #dce4e6;

	font-size: 18px;

	text-align: center;

	cursor: pointer;

	text-transform: uppercase;

	font-weight: 700;

}





.default-header:hover {

	background: #d1d6d7;

    color: #444444;

}



.default-header.dropdown {

	display: block;

}



.default-header.active {

	background-color: #fff;

	color: #000;

}



.default-content {

	display: none;

}



.default-content.dropdown {

	display: block;

	max-height: 0;

	overflow: hidden;

	transition: all 0.4s ease;

	border-right: none;

	border-bottom: 1px solid #ccc;

}



.default-content.active, .default-content.tab-slider {

	display: block;

	padding: 20px;

	background-color: #fff;

	border-radius: 5px;

	border: 1px solid #dce4e6;

}



.default-content.dropdown.active {

	max-height: 10000px;

}



@media (max-width: 768px) {



	.tabs-flex {

		flex-wrap: wrap;

	}



}





@media (min-width: 769px) {



	.default-header:first-child {

		border-radius: 5px 0 0 5px;

	}



	.default-header:last-child {

		border-radius: 0 5px 5px 0;

	}



}





/* ========================================================================== 

*  4.2 - Accordian

* ========================================================================== */



.accord-head {

	display: flex;

	justify-content: space-between;

	padding: 20px;

	font-size: 20px; 

	cursor: pointer;

	margin: 0;

}   



.accord-head svg {

	fill: #000;

	transition: all 0.4s ease;  

}  



.accord-head:hover, .accord-container.active .accord-head{

	color: #7c7b79;

}



.accord-head:hover svg, .accord-container.active svg {

	fill: #7c7b79;

}   



.accord-container.active .accord-head svg {

	transform: rotate(45deg);

}



.accord-content {

	padding: 0 20px;

	max-height: 0;

	overflow: hidden;

	transition: all 0.4s ease;  

	border-bottom: 1px solid #ccc;

}



.accord-content:last-child * {

	margin-bottom: 0;

}



.accord-container.active .accord-content {

	padding: 0 20px 20px;  

	max-height: 10000px;  

}



/* ========================================================================== 

*  5.0 - News & Events - Menu Item - Category Blog

* ========================================================================== */



article {

	position: relative;

}



article a.post-link {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 1;

}



article:hover h3 {

	color: #7c7b79;;

}



.view-article {

  font-weight: 600;

}



.post-date {

  color: #818181;

  margin: 0;

  font-size: 14px;

  background: #ebebeb;

  padding: 5px 5px;

  border-radius: 5px;

}



.post img {

	display: block;

	width: 100%;

	margin-bottom: 20px;

}



.post h3 {

	margin-bottom: 20px;

}



.page-header, .page-header + .article-info {

	display: none;

}



.published {

	margin-left: 0;

}



.published .icon-calendar {

	display: none;

}



.pagination ul {

	display: flex;

	list-style: none;

	justify-content: center;  

	padding-left: 0;

}



.pagination ul li {

	display: inline-block;

}



.pagination ul li a, .pagination ul li span {

	padding: 7px;

	margin: 0 5px;

	text-decoration: none;

	width: 40px;

	height: 40px;

	display: block;

	text-align: center;

	border: 1px solid #000;

}



.pagination ul li span, .pagination ul li a:hover {

	background-color: #7c7b79;

	color: #fff;

}



.pagination-start, .pagination-prev, .pagination-next, .pagination-end {

	display: none !important;

}



.np-img {

	width: 100%;

	background-position: center;

	background-size: cover;

}



.np-line {

	margin-bottom: 35px;

}



/* ========================================================================== 

*  6.1 - Top Header

* ========================================================================== */



.top-header {

	display: none;

	position: relative;

	z-index: 1000;

	text-align: center;

	background-color: #27242b;

	color: #fff;

	width: 100%;

}



.top-header .lrg-wrapper {

	padding-top: 5px;

	padding-bottom: 5px;


}



.top-header a {

	color: #fff;

}



.top-header a:hover {

	color: #efefef;

	text-decoration: none

}



.top-header p {

	margin: 0;

	line-height: 1.1em;

	vertical-align: middle;

	color: #fff;

}



.top-header .icon-location-outline, .top-header .icon-phone-outline {

	margin: 0 5px 0 10px;

	color: #fff;

}



.translated-ltr .skiptranslate ~ .header .top-header {

	top: 40px;

}



@media (min-width: 1025px) {



	.top-header {

		display: block;

		position: fixed;

		width: 100%;

		top: 0;

		left: 0;

		z-index: 1030;

		text-align: right;

		transition: top 0.4s ease;

		overflow: hidden;

	}



	.top-header .lrg-wrapper {

		padding-top: 10px;

		padding-bottom: 10px;

	}



	.top-header p {

		display: inline-block;

	}



}



/* ========================================================================== 

*  6.2 - Dealer menu

* ========================================================================== */



.dealer-menu {

	background: #000;

	position:fixed;

	top: 52px;

	left: 0;

	width: 100%;

	z-index: 1030;

	transition: top 0.4s ease;

}



.dealer-menu .wrapper {

	padding-top: 15px;

	padding-bottom: 15px;

}



.dealer-menu .logo {

	display: inline-block;

	width: 150px;

}



.dealer-name {

	color: #fff;

	text-align: right;

	font-weight: 700;

	width: auto;

	float: right;

	font-style: italic;

	margin-top: 15px;

}



.dealer-name span {

	color: #7c7b79; 

}



@media (min-width: 1025px) {



	.dealer-name {

		margin-top: 7px;

	}



	.stacked .nav-menu {

		top: 135px;

	}

	.primary-nav li a{

		position: relative;		

	}


	.primary-nav li:hover a:after,.primary-nav li.current_page_item a:after{

	  content: '';

    background-color: #4a613a;

    position: absolute;

    bottom: 0;

    left:10%;

    height: 4px;

    width: 80%;

    border-radius: 2px 2px 0 0;

  }

  .primary-nav li:hover a,.primary-nav li.current_page_item a{

  	background: #efefef;

  }


  ul.sub-menu li a:after{

  	display:none;

  }


}



@media (min-width: 1200px) {



	.dealer-name {

		font-size: 30px;

		margin-top: 15px;

	}



	.dealer-menu .logo {

		width: auto;

	}



	.stacked .nav-menu {

		top: 156px;

	}



	.fixed-menu .stacked .nav-menu {

		top: 0;

	}



}



/* ========================================================================== 

*  6.3 - Navigation

* ========================================================================== */



.nav-menu {

	position: fixed;

	width: 100%;

	top: 0;

	left: 0;

	z-index: 1030;

	background-color: #fff;

	color: #000;

	transition: all 0.4s ease;

}



.nav-menu .lrg-wrapper {

	align-items: center;

}



.fixed-menu .nav-menu {

	top: 0;

	box-shadow: 0 15px 25px 0 rgb(0 0 0 / 8%);

}



.scrolling-down .nav-menu {

	transform: translate(0, -100%);

}



.primary-nav {

	display: none;

}



.logo img {

	display: block;

}



.logo a {

	display: block;

}



.mobile-title {

	white-space: nowrap;

	text-align: center;

}



.mobile-icons {

	font-size: 25px;

}




.mbl-cta .table-booking,.mbl-cta .pickup-booking {

    padding: 5px 10px;

    color: #fff;

    border-radius: 5px 15px;

    text-transform: uppercase;

    text-decoration: none;

    font-size: 13px;

    max-width: 150px;

    width: 100%;

    text-align: center;

}


.mbl-cta .table-booking {

	  background: #000;

}


.mbl-cta .pickup-booking {

	  background: #000;

}


.mbl-cta .table-booking:hover,.mbl-cta .pickup-booking:hover {

		text-decoration: none;

		color:#fff;

		background: #8a8a8a;

}


.mobile-link .icon-menu-cross, .show-menu .mobile-link .icon-menu-burger {

	display: none;

}



@media (max-width: 1024px) {



	.logo img {

		width: auto;

		height: 60px;

    margin: 0 auto;

	}

	

	.mobile-icons, .mobile-link, .logo {

		flex: 1 1 33.33%;

	}


	.dynamic-timings {

    display: block;

    text-align: center;

    background: #efefef;

    padding: 5px 20px;

	}




	.mbl-cta {

    padding: 5px 20px;

    background: #efefef;

    display: flex;

    justify-content: space-evenly;

	}


	.mobile-link {

		justify-content: flex-end;

	}



}



@media (min-width: 1025px) {



	.mobile-header, .mobile-title, .mobile-icons {

		display: none;

	}



	.logo {

		width: 130px;

	}



	.logo img {

		height: auto;

	}



	.m-menu {

		background: #e3e3e3;

	}



	.nav-menu {

		position: fixed;

		top: 44px;

	}



	.nav-menu .lrg-wrapper {

		padding-top: 0px;

		padding-bottom: 0px;

	}



	.stacked .nav-menu .lrg-wrapper {

		padding-top: 0px;

		padding-bottom: 0px;

	}



	.primary-nav {

		display: inline-block;


	}



	.primary-nav ul {

		display: flex;

		justify-content: flex-end;

		margin: 0;

		padding: 0;

		z-index: 50;

	}



	.primary-nav li {

		display: inline-block;

		position: relative;

	}



	.primary-nav a {

		display: block;

		padding: 25px 15px;

		color: #222;

		text-decoration: none;

		text-transform: uppercase;

		transition: all 1s ease;

	}



	.primary-nav li:hover a {

		color: #4a613a;

	}	



	.primary-nav .sub-menu {

		display: none;

		position: absolute;

		top: 100%;

		left: 0;

		border: none;

		text-transform: uppercase;

		min-width: 100%;

		white-space: nowrap;

	}

	

	.primary-nav li:last-child .sub-menu {

		left: auto;

		right: 0;

	}



	.primary-nav ul li:hover .sub-menu {

		display: block;

	}

	

	.primary-nav .mm-link .sub-menu, .primary-nav ul li.mm-link:hover .sub-menu {

		display: none;

	}



	.primary-nav .sub-menu li {

		display: block;

	}




	.primary-nav > .nav > li:hover > a {

		color: #7c7b79;

	}

	.header-cta {
		padding: 25px 30px;
		background: #4a613a;
		line-height: 1.5;
		color: #fff;
		text-transform: uppercase;
		border-radius:0px;
		white-space: nowrap;
	}



	.header-cta:hover {

		background: #8a8a8a radial-gradient(circle, transparent 1%, #8a8a8a 1%) center/15000%;
		color: #fff;

	}

	.primary-nav .sub-menu a {

		position: relative;

		padding: 8px 20px;

		text-align: left;

	}



	.primary-nav .sub-menu a {

		color: #fff;

	}


	.primary-nav ul li:hover .sub-menu a {

		color: #fff;
		background: #000;

	}



	.primary-nav ul li:hover .sub-menu li:hover a {

		background: #7c7b79;

		color: #ffffff;

	}



	.primary-nav .sub-menu li:last-child a {

		border: 0;

	}



	.right-sidebar h2 {

		margin: 14px 0 27px; 

	}



	.translated-ltr.translated-ltr .skiptranslate ~ .header .nav-menu {

		top: 88px;

	}



	/* Second Level Sub-Menu */

	.primary-nav ul li .sub-menu .sub-menu {

		display: none;

		position: absolute;

	}



	.primary-nav .sub-menu li:hover .sub-menu {

		display: block !important;

	}



	.primary-nav .sub-menu .sub-menu {

		top: 0;

		left: 100%;

		height: 103.1%;

		display: none !important;

	}



	.primary-nav .sub-menu .sub-menu li a {

		background-color: #f2f2f2 !important;

		color: #000 !important;

	}



	.primary-nav .sub-menu .sub-menu li:hover a {

		background-color: #7c7b79 !important;

		color: #fff !important;

	}


	.greviews img, .greviews span {

    max-width: 16px;

    width: 100%;

    height: auto;

    align-items: center;

    display: inline-flex;

    vertical-align: middle;

	}

	/* ========================================================================== 

	*  	6.3.1 - Smaller Navigation on scroll

	* ========================================================================== */



	.fixed-menu .top-header {

		transform: translate(0, -100%);

	}

	

	.fixed-menu .dealer-menu {

		top: 0;

		transform: translate(0, -100%);

	}



	.fixed-menu .nav-menu {

		top: 0;

		transform: translate(0, 0);

	}



	.scrolling-down .nav-menu {

		transform: translate(0, -100%);

	}



}


@media(min-width: 1025px) {

	.header-cta::after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: -9999px; /* Extend the background to the right beyond the visible area */

    bottom: 0;

    background-color: inherit; /* Use the button's background color */

    z-index: -1; /* Place the background behind the button text */

	}

}

@media(min-width: 1200px) {



	.logo {

		max-width: 150px;

		width:100%;

		margin-right: 40px;

	}

	.header-cta {

		padding: 40px 30px;

	}


	.primary-nav a {

		padding: 40px 20px;

	}


}



/* ========================================================================== 

	*  	6.3.2 - Fixed menu items positioned under navigation

	* ========================================================================== */



.fixed-menu {

	--fixed-padding: 44px;

}



@media(min-width: 1025px) {

	.fixed-menu {

		--fixed-padding: 96px;

	}

}



@media(min-width: 1200px) {

	.fixed-menu {

		--fixed-padding: 106px;

	}

}



/* ========================================================================== 

*  6.4 - Mobile Header

* ========================================================================== */



.mobile-header {

	position: fixed;

	width: 100%;

	left: 0;

	top: 55px;

	background-color: #f2f6f7;

	border-bottom: 1px solid #e4e4e4;

	z-index: 1000;

	transition: all 0.4s ease;

}



.fixed-menu .mobile-header {

	top: 0;

	transform: translate(0, -100%);

}



.mobile-header .m-flex-basic > div {

	display: flex;

}



.mobile-link, .mobile-header a {

	display: flex;

	border: 0;

	padding: 0;

	background-color: transparent;

	align-items: center;

	color: #ddd;

}



.mobile-link span {

	display: block;

	width: 0;

	height: 0;

	overflow: hidden;

}



.mobile-header a {

	margin-right: 20px;

}



.mobile-header a svg, .mobile-link svg {

	color: #222;

	font-size: 20px;

}



.mobile-link .icon-menu-cross, .show-menu .mobile-link .icon-menu-burger {

	display: none

}



.show-menu .mobile-link .icon-menu-cross {

	display: block;

}



@media (min-width: 1025px) {

	.mobile-link {

		display: none;

	}

}



.mobile-overlay {

	display: none;

	position: fixed;

	width: 100%;

	height: 100%;

	background-color: rgb(0,0,0);

	background-color: rgba(0,0,0,0.6);

	z-index: 500;

	transition: all 1.4s ease;

}



.show-menu .mobile-overlay {

	display: block;

	animation: mobile_overlay 1s;

}



@keyframes mobile_overlay {

	from {background-color: rgba(0,0,0,0);}

	to {background-color: rgba(0,0,0,0.6);}

}



body.show-menu {

	overflow: hidden;

}



.m-menu {

	display: block;

	position: fixed;

	width: 100%;

	top: 80px;

	right: -100%;

	height: 100%;

	background-color: #f2f6f7;

	z-index: 99999999;

	padding-bottom: 200px;

	max-height: 2000px;

	overflow: auto;

	transition: all 0.4s ease;

}



.fixed-menu .m-menu {

	top: 80px;

}



.show-menu .m-menu {

	display: block;

	right: 0;

}



.m-menu .sub-menu {

	max-height: 0;

	overflow: hidden;

	transition: all 0.4s ease;

}



.m-menu .show .sub-menu {

	max-height: 10000px;

}



.m-menu ul {

	margin: 0;

	padding: 0;

}



.m-menu li {

	padding: 0 0;

	list-style: none;

}



.m-menu a {

	display: block;

	position: relative;

	padding: 15px 30px;

	color: #444;

	border-bottom: 1px solid #e4e4e4;

	text-decoration: none;

	text-transform: uppercase;

}



.m-menu .active > a {

	background-color: #7c7b79;

	color: #fff;

}



.m-menu .sub-menu a {

	padding-top: 15px;

	padding-bottom: 15px;

	background: #fff;

	border-bottom: 1px solid #f5f5f5;

}



.m-menu .current-menu-item .sub-menu .current-menu-item a {

	background-color: #7c7b79;

	color: #fff;

}



.m-menu .menu-item-has-children > a:after {

	content: '';

	position: absolute;

	width: 8px;

	height: 5px;

	top: 50%;

	right: 30px;

	margin-top: -2px;

	transform: rotate(-90deg);

	background-image: url(images/select-input.png);

	background-repeat: no-repeat;

	background-position: right center;

}



.m-menu .menu-item-has-children.show > a:after {

	transform: rotate(0);

}



/* Second Level Sub-Menu */

.m-menu .sub-menu, .m-menu .show .sub-menu .sub-menu {

	max-height: 0;

	overflow: hidden;

	transition: all .4s ease;

}



.m-menu .show .sub-menu, .m-menu .show .sub-menu .show .sub-menu {

	max-height: 100%;

}


.m-menu .sub-menu .sub-menu a {

	padding-left: 30px;

	color: #ffffff;

	background: #8e8e8e;

}


/* ========================================================================== 

*  6.5 - Mobile Header - Split Style

* ========================================================================== */



.mobile-split .wrapper {

	padding: 0 !important;

}



.mobile-split .m-flex-basic > div {

	padding: 0 30px;

}



.mobile-split .mobile-link {

	padding: 11px 30px;

	background: #7c7b79; 

}



.mobile-split a svg {

	margin-right: 0;

}





@media (max-width: 1024px) {



	.mobile-header .wrapper, .nav-menu .lrg-wrapper {

		padding: 10px 30px;

	}



}



/* ========================================================================== 

*  6.6 - Mega Menu

* ========================================================================== */



.mega-menu {

	display: none;

	position: fixed;

	top: 139px;

	left: 0;

	width: 100%;

	height: calc(100% - 139px);

	z-index: 99;

	background: #fff;

	transition: all 0.4s ease;

    overflow: auto;

    background: #f3f3f3;

}



.mm-active .mega-menu {

	display: block;

}



.fixed-menu .mega-menu {

	top: 94px;

	height: calc(100% - 94px);

}



.mm-cross {

    position: absolute;

    top: 50px;

    right: 50px;

    border: 2px solid #000;

    border-radius: 50%;

    padding: 3px;

    height: 36px;

    width: 36px;

    font-size: 26px;

    z-index: 1000;

    cursor: pointer;

}



.mm-cross:hover {

	background: #000;

    fill: #fff;

}



.mm-car {

	position: relative;

    text-align: center;

    cursor: pointer;

}



.mm-car a {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;	

	z-index: 1;

}



.mm-car:hover {

	text-decoration: none;

}



.mm-car img {

	transition: all 0.4s ease;

}



.mm-car:hover img {

    transform: scale(0.9);

}



.mm-car p {

	margin: 10px 0;

}



.mm-car:hover p {

	color: #7c7b79; 

}



.mm-car span {

	display:block;

}



.mega-menu .flex > div {

  opacity: 0;

  animation: mm-show .33s 1s forwards;

}



.mega-menu .flex > div:nth-child(1) {  animation-delay: 0.1s; }

.mega-menu .flex > div:nth-child(2) {  animation-delay: 0.2s; }

.mega-menu .flex > div:nth-child(3) {  animation-delay: 0.3s; }

.mega-menu .flex > div:nth-child(4) {  animation-delay: 0.4s; }

.mega-menu .flex > div:nth-child(5) {  animation-delay: 0.5s; }

.mega-menu .flex > div:nth-child(6) {  animation-delay: 0.6s; }

.mega-menu .flex > div:nth-child(7) {  animation-delay: 0.7s; }

.mega-menu .flex > div:nth-child(8) {  animation-delay: 0.8s; }

.mega-menu .flex > div:nth-child(9) {  animation-delay: 0.9s; }



@keyframes mm-show {

	from {

		opacity: 0;

		transform: translateY(-1em);}

	to {

		opacity: 1;

		transform: translateY(0);

	}

}







@media (min-width: 1025px) {

	.mm-link + ul {

		display: none !important;	

	}

}



@media(min-width: 1200px) {



	.mega-menu {

		top: 151px;

		height: calc(100% - 151px);

	}



	.fixed-menu .mega-menu {

		top: 106px;

		height: calc(100% - 106px);

	}

}



/* ========================================================================== 

*  7.0 - Footer Links

* ========================================================================== */



.footer-links {

	background-color: #fff;

}



.footer-links, .footer-links a {

	color: #999;

}

.footer-top .flex-basic {
    align-items: center;
}


.footer-links .h3 {

	margin: 0;

	color: #000;

}



.footer-links .h4 {

	margin: 20px 0 0;

	color: #7c7b79;

}



.footer-links p {

	margin: 0 0 20px 0;

}

.footer-btn {

  margin-right: 10px;

}

.footer-btn img {

  display: block;

}


.footer-links a {

	text-decoration: none;

}

.foot-content.foot2 {

  margin-bottom: 20px;

}

.footer-links a:hover, .copyright a:hover {

	color: #7c7b79;

}

.footer-btn:hover img {

  transform: scale(1.1);

  transition: 1s linear;

}




.highlight {

	color: #4a613a; /* Highlight Day Colour*/

}

.footer-top-line{

	border-bottom: dotted 4px rgb(183 183 183 / 30%);
	margin: 40px 0;

}


.footer-links ul {

	margin: 20px 0 0;

	padding: 0;

	list-style: none;

}



.footer-links .chronoform {

	margin-bottom: 0;

	padding-right: 10px;

}



.foot-header {

	display: flex;

	justify-content: space-between;

	align-items: center;  

}



.foot-header.active .icon-foot { 

	transform: rotate(45deg);

}



.footer-links .sub-menu {

	display: none;

}



.icon-foot {

	font-size: 15px;

	transition: all 0.4s ease;

	display: none;

}



/* ========================================================================== 

*  7.1 - Copyright

* ========================================================================== */




.copyright, .copyright a {

	color: #999;

}



.copyright p {

	margin-bottom: 0;

}



.copyright span {

	color: #7c7b79;

}



.copyright .lrg-wrapper {

	font-size: 14px;

	line-height: 1.5em;

	text-transform: uppercase;

}



.edge-designed a {

	display: inline-block;

	vertical-align: middle;

}



.edge-designed span {

	display: inline-block;

	vertical-align: middle;

}



.edge-designed img {

	margin-left: 10px;

}



.back-top {

	position: fixed;

	bottom: 10px;

	right: 10px;

}



@media (max-width: 767px) {



	.copyright {

		text-align: center;

	}



	.copy-name {

		display: block;

	}



	.copy-break {

		display: none;

	}



	.edge-designed {

		margin-top: 10px;

	}



	.foot-content {

		display: block;

		max-height: 0;

		overflow: hidden;

		transition: all 0.4s ease;

	}



	.foot-content.active {

		max-height: 1000px;

	}



	.icon-foot {

		display: block;

	}



}



@media (min-width: 768px) {



	.copy-flex {

		display: flex;

		justify-content: space-between;

		width: 100%;

	}



	.copyright .lrg-wrapper {

		padding-top: 20px;

		padding-bottom: 20px;

	}



}





@media (min-width: 1025px) {



	.footer-links h1 {

		margin: 10px 0 40px 0;

	}



	.footer-links .h3 {

		margin: 0 0 20px 0;

	}



	.footer-links .flex > div {

		padding-bottom: 0;

	}



	.copyright .lrg-wrapper {

		padding-top: 0px;

		padding-bottom: 20px;

	}



}



/* ========================================================================== 

*  8.0 - Banner

* ========================================================================== */



.banner .wrapper {

	max-width: none;

	padding: 0;

}



.banner img {

	display: block;

	width: 100%;

}



.embla__button {

	fill: #000;

  background: #fff;

  padding: 7px;

  border-radius: 5px;

}





.banner-text {

	padding: 20px 30px;

	text-align: center;

}



.banner-text .h2 {

	font-size: 24px;

	font-weight: bold;

	margin: 0;

}



.banner-text p {

	font-size: 16px;

	margin-bottom: 20px;

}



.banner-text .h2, .banner-text p {

	color: #000;

	line-height: 1.2em;

}





@media (max-width: 500px) {



	.crop-mobile img {

		height: 100%;

		object-fit: cover;

		object-position: center;

		aspect-ratio: 16 / 9;

		height: 250px;

	}

	.embla__button {

		fill: #4a613a;

		top: 40%;

	}


}



@media (min-width: 1025px) {



	.banner-text {

    position: absolute;

    top: 40%;

    right: 50%;

    z-index: 2;

    padding: 0;

    transform: translate(50%, -50%);

    width: 100%;

    max-width: 800px;

	}

	.banner-text.btm-center {

    top: 75%;

	}



	.banner-text .h2 {

		font-size: 70px;

	}



	.banner-text .h2, .banner-text p {

		color: #fff;

		text-shadow: 1px 1px 2px rgb(0 0 0 / 50%);

	}


	.banner-text p {

		font-size: 30px;
    color: #ebebeb;

	}

}



/* ========================================================================== 

*  8.1 - Banner - Dots

* ========================================================================== */



.embla__dots__container {

    position: relative;

    display: block;

    padding: 20px;

}



.embla__dot {

	background-color: #ccc;

	border: none;

	width: 50px;

	border-radius: 5px;

	height: 5px;

	padding: 0;

}



.embla__dot.is-selected {

	background-color: #7c7b79;

}


.embla__dot {

    margin-right: 10px;

}

.banner-text .head-2 {
	color:#fff;
	text-transform: uppercase;
	font-weight: bold;
}

@media (max-width: 1024px) {

	.banner-text .head-2 {
    color: #000;
    font-size: 1.7rem;
    margin-bottom: 20px;
	}

}


@media (min-width: 1025px) {



	.embla__dots__container {

		position: absolute;

		left: 0;

		right: 0;

		bottom: 0;

		z-index: 1;

	}

	.banner-text .head-2 {
    font-size: 4rem;
    line-height: 1.5;
	}

}



/* ========================================================================== 

*  9.0 - Quicklinks

* ========================================================================== */



.top-line:before {
    content: '';
    height: 4px;
    border-radius: 2px;
    width: 60px;
    position: absolute;
    background-color: #4a613a;
    top: 0;
    left: 50%;
    margin-left: -30px;
}

.top-line {
    position: relative;
    padding: 10px 0;
}

.side-line:before {
    content: '';
    height: 4px;
    border-radius: 2px;
    width: 30px;
    position: absolute;
    left: 0;
    top: 4px;
    background-color: #4a613a;
  }

  .side-line{
  	position: relative;
    padding: 10px 0;
    margin-bottom: 0px;
  }

.q-link {

	position: relative;

	overflow: hidden;

	font-size: 14px;

}



.q-img {

    overflow: hidden;
    max-width: 120px;
    margin: auto;
    padding: 20px;
    border-radius: 5px;

}


.q-link img{

	transition: all 0.6s ease;

	width: auto;
  margin: 0 auto;

}



.q-link:hover img {

	transform: scale(1.1);

}



.q-link a {

	text-decoration: none;

}



.q-link .h3 {

	margin-top: 20px;

	margin-bottom: 10px;

	color: #4a613a;

}


.cta-section {
  background: #000;
}

.cta-section .wrapper {
  padding-top: 30px;
  padding-bottom: 30px;
}

.cta-box .cta-img {
  padding: 20px;
  background: #fff;
  border-radius: 50%;
  margin-bottom: 20px;
  max-width: 80px;
  margin: 0 auto;
}

.cta-img img {
    display: block;
    transition: transform 0.3s ease;
}

.cta-box:hover img {
    transform: scale(1.1);
}

.cta-box {
  text-align: center;
  cursor: pointer;
}

.cta-box a {
  text-decoration: none;
}

.cta-box h3 {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  margin-top: 20px;
}

.cta-box p {
  font-size: 14px;
  color: #a19b9b !important;
}


@media (max-width: 769px) {

	

	.q-link .h3 {

		margin: 0;

		font-size: 20px;

		line-height: 1.1;

		color: #222;

		font-weight: 600;

		text-align: center;

		padding: 30px 15px;

		border-top: 1px solid #eee;

	}

}




/* ========================================================================== 

*  11.1 - Main Content - Home Page

* ========================================================================== */





.content {

	position: relative;

}



.content-fill {

	height: 100%;

	background: #bdbdbd;

	padding: 10px 20px; 

}



.dark-bg p, .dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg a {

	color: #fff;

}



.welcome h1 span {

	display: block;

}

.location-map {

	position: relative;

}



.location-map a {

	position: absolute;

	left: 50%;

	bottom: 50px;

	z-index: 1;

	transform: translate(-50%, 0);

}

.btm-imgover img {

    display: none;

}

@media (max-width: 1024px) {



	.welcome {

		background-image: none !important;

	}



}



@media (min-width: 1025px) {

  .btm-imgover img {
      margin: 0 auto;
      margin-top: -60px;
      display: block;
      max-width: 385px;
  }

}



@media(min-width: 1500px) {



}



/* ========================================================================== 

*  11.2 - Content Pages

* ========================================================================== */



.center-content {

	display: flex;

	align-items: center;

	justify-content: center;

}



.center-content > div {

	max-width: 768px;

	width: 100%;

	padding: 40px 0

}



.full-wrapper .center-content > div {

	padding: 40px 30px

}



.center-img img {

	display: block;

	width: 100%;

	object-fit: cover;

	height: 100%;

}



.centered-carousel .embla__container {

  align-items: center;

}



.centered-carousel .embla__slide {

  width: 50%;

  transform: translateX(10%);

}



.centered-carousel .embla__slide__inner {

  width: 80%;

  filter: grayscale(100%);

}



.centered-carousel .is-selected .embla__slide__inner {

  width: 110%;

  transform: translateX(-13.6%);

  filter: grayscale(0);

}



.wp-block-image {

	margin: 20px 0;

}





/* ========================================================================== 

*  11.3 - Contact page

* ========================================================================== */



.contact-tabs .inline-list {

	padding-left: 0;

	background-color: #dce4e6;

}



.contact-tabs iframe {

	margin-bottom: 20px;

}



.contact-card {

	background-color: #f5f5f5;

	border: 1px solid #969696

}



.contact-card .contact-logo {

	background-color: #fff;

	text-align: center;

	padding: 10px 20px;

}



.contact-card .contact-stuff {

	padding: 20px;

}



.contact-card .s-header {

	width: auto;

	color: #000;

	cursor: pointer;

	position: relative;

}



.contact-card .s-header:after {

	content: "+";

	position: absolute;

	color: #000;

	right: 2px;

	top: 0;

	z-index: 2;

	font-weight: bold;

}



.contact-card .s-content {

	display: none;

}



.contact-card .s-header.active + .s-content {

	display: block;

}

.contact.grey-bg {
    background-color: #f5f5f5;
  }
  
  .contact .tabs-content {
    display: none;
  }
  
  .contact .tabs-content.active {
    display: block;
  }
  
  .contact .tabs-content span {
    display: block;
  }
  
  .contact .tabs-content p.opening-hours span {
    display: inline-block;
  }
  
  .contact .tabs-content p {
    display: flex;
    flex-direction: column;
  }
  
  .contact .tabs-content svg {
    margin: 0 0 10px 0;
    color: #4a613a;
  }
  
  .content .block {
    background-color: #fff;
    padding: 30px;
    border-radius: 20px;
    height: 100%;
  }
  
  .content .block p {
    font-size: 20px;
    line-height: 1.5em;
  }
  
  .content .block p b {
    font-size: 14px;
    text-transform: uppercase;
    color: #999;
  }
  
  ul.contact-tabs {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 1em;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
  }
  
  .contact-tabs .tabs-header {
    color: #ccc;
    border-bottom: solid 2px #ccc;
    cursor: pointer;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    padding: 0 5px;
    text-align: center;
  }
  
  .contact-tabs .tabs-header:first-child {
  }

  .contact-tabs .tabs-header.active {
    color: #000;
    border-bottom-color: #000;
  }

  .contact-tabs li {
    margin-right: 0;
  }

  .contact-tabs li:first-child {
      margin-left: 0;
  }
  
  .contact iframe {
    border-radius: 20px;
  }
  
  .contact-iframe {
    position: relative;
  }

  .contact-iframe a {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
  }

  .contact .ate-form .flex {
    display: block;
    margin-left: 0;
  }
  
  .contact .ate-form .d-two-cols>* {
    width: 100%;
    padding: 0;
    float: none;
  }
  

  @media (min-width:1025px) {
    
    ul.contact-tabs {
      flex-direction: row;
    }
    
    .contact-tabs .tabs-header {
      text-align: left;
      margin: 0;
      padding: 0 50px 5px 0;
    }
    
    .contact-tabs li {
      margin-right: 30px;
    }
    
    .contact .tabs-content p {
      display: flex;
      flex-direction: row;
    }
    
    .contact .tabs-content svg {
      margin: 5px 30px 0 0;
    }  
    
  }


/* ========================================================================== 

*  11.4 - Side Bar

* ========================================================================== */

#custom_post_widget-611 {
  position: fixed;
  top: 70%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 10px;
  z-index: 99;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

a.a-btn, a.a-btn-mob, a.nc-btn, a.nc-btn-mob {
  position: relative;
  background: #27242bad;
  color: #fff !important;
  height: 44px;
  width: 44px;
  -webkit-transition: width 0.4s 0.1s;
  transition: width 0.4s 0.1s;
  z-index: 5;
  text-decoration: none;
  margin-bottom: 10px;
  overflow: hidden;
  cursor: pointer;
}

.nc-img {
  width: 44px;
  position: absolute;
  background: #fff;
}

.a-text, .nc-text {
  opacity: 0;
  -webkit-transition: opacity 0.4s 0.1s ease;
  transition: opacity 0.4s 0.1s ease;
  width: 300px;
  position: absolute;
  top: 10px;
  left: 80px;
}

a.a-btn:hover, a.nc-btn:hover {
  width: 235px;
  color: #fff !important;
}

a.a-btn:hover .a-text, a.nc-btn:hover .nc-text {
  opacity: 1;
}

a.a-btn-mob, a.nc-btn-mob {
    cursor: pointer;
    display: none;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.nc-text {
  opacity: 0;
  transition: opacity 0.4s 0.1s ease;
  width: 300px;
  position: absolute;
  left: 60px;
}

a.nc-btn:hover {
  width: 235px;
  color: #fff !important;
}

a.nc-btn:hover .nc-text {
    opacity: 1;
}

.offer-grid {
 	padding: 10px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.3s ease;
  background: #efefef;
  position: relative;
}

.offer-grid h2 {
  margin-bottom: 10px;
  font-weight: bold;
}

.offer-grid:hover {
	box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.3);
}

.offer-grid.current-offer {
    position: relative;
}

#offers-section .highlight {
    color: #1a2f33;
}

.ribbon {
  --f: 10px; /* control the folded part*/
  --r: 15px; /* control the ribbon shape */
  --t: 10px; /* the top offset */
  
  position: absolute;
  display: none;
  inset: var(--t) calc(-1*var(--f)) auto auto;
  padding: 0 10px var(--f) calc(10px + var(--r));
  clip-path: 
    polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%,
      calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)),
      var(--r) calc(50% - var(--f)/2));
  background: hsla(11,80%,45%,1);
  box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;
  color:#fff;
}

.offer-grid.current-offer .ribbon {
    display: block; /* Show the ribbon when current-offer class is applied */
}


@media (max-width: 768px) {
	
  .nc-container.show a.nc-btn {
    display: block;
    width: 235px;
    color: #fff !important;
  }

  .nc-container.show a.nc-btn .nc-text {
    opacity: 1;
}

  .nc-container.show a.nc-btn-mob {
    transform: rotate(0deg);
}

  a.nc-btn-mob {
    display: block;
  }

}