/*================== MAIN LAYOUT ====================*/
body { 
	--bs-body-font-family: 'Montserrat', sans-serif; 
	--bs-body-font-size: 0.875rem;
	--bs-body-color: #ffffff; 
	--bs-body-bg: #000000;
	--bs-link-color:#ffffff;
	--bs-link-color-rgb: 255, 255, 255;
	--bs-link-hover-color:#999;
	--bs-link-hover-color-rgb: 153, 153, 153;
	--bs-primary: #DBCF2B;
	--bs-primary-rgb: 219, 207, 43;
	--bs-dark: #333333;
	--bs-dark-rgb: 51, 51, 51;
	--bs-dark-bg-subtle:#999;
	font-weight:400;
	font-variant-ligatures: none; 
	font-feature-settings: "liga" 0;  
}

@media (min-width: 767px) {
	body { overflow: hidden;}
}

a { text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; cursor:pointer; }
a[href^="tel:"] { color: inherit; text-decoration: none; }

img { max-width: 100%; height: auto; }

/*====Headers font====*/
h1, h2, h3 { font-family: 'Montserrat', sans-serif;  font-weight: 500; text-transform: uppercase; } 
h1 { font-size: 3rem; }

	@media (max-width: 767px) {
		h1, .title1 { font-size: 2rem;  }
	}

	@media (min-width: 1200px) {
    	h2 {font-size: 1.75rem;}
    	h3 { font-size: 1.25rem; }
	}

ol, ul { list-style: none; padding:0 }

p:last-child { margin:0;}

hr {border:1px dashed #fff; opacity: .5}

.strip { width: 15px; position: absolute; }
.strip.strip-left { margin-left: -25px; left: 0 }
.strip.strip-right { margin-right: -25px; right: 0 }

[class*="wrapper"]:after { clear:both; content: ""; display: table;} 

	@media(min-width: 768px) {
		.fixed-md-bottom {
	    	position: fixed !important;
	    	right: 0;
		    bottom: 0;
		    left: 0;
		    z-index: 1030
		}
	}

.container-inset {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

	@media(min-width: 1500px) {
	    .container-inset {
	        padding-left:7vw;
	        padding-right: 7vw
	    }
	}

/*================== HEADER ========================*/
header {border-bottom: 4px solid var(--bs-primary);}
.navbar { --bs-navbar-brand-padding-y:1rem; --bs-navbar-nav-link-padding-x: 0;}
.navbar-dark { background-color: rgba(0, 0, 0, 1); }
.navbar-brand img { width: 200px;}

	@media (min-width: 767px) {
		.navbar-brand img { width: auto;}
	}

	@media (max-height: 575px) {
		.navbar-brand img { width:200px;}
	}

/* Main menu styles */
.navbar-nav .nav-link { color: #fff; font-size: 1rem; font-weight: 700; margin: 0 20px 0 20px !important; opacity:.5; position: relative; }
.navbar-nav .nav-link:focus, .navbar-nav .nav-link:hover { color:var(--bs-primary); opacity: 1; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.navbar-nav .nav-link:focus { outline: none; }
.navbar-nav .active > .nav-link, 
.navbar-nav .nav-link.active, 
.navbar-nav .nav-link.show, 
.navbar-nav .show > .nav-link { 
	opacity: 1;
	color:var(--bs-primary);
}

.navbar-nav .nav-link:after {
    content: "";
    position: absolute;
    bottom: 6px;
    height: 7%;
    background: #fff;
    width: 100%;
    left: 0;
    transition: 0.3s all ease-in-out;
}

.navbar-nav .nav-link:focus:after, .navbar-nav .nav-link:hover:after, .navbar-nav .active > .nav-link:after {bottom: -0.5rem; background:var(--bs-primary);}

.dropdown-menu  { 
	border: none;
	--bs-dropdown-bg: #000000;
	--bs-dropdown-spacer: 1.125rem;
	--bs-dropdown-item-padding-x: 1.5rem;
    --bs-dropdown-item-padding-y: .5rem;
    --bs-dropdown-border-radius:0;
    display: block; 
    opacity: 0; 
    visibility: hidden; 
    transition: .7s; 
}

.dropdown-menu-dark {
	--bs-dropdown-link-color: #fff;
	--bs-dropdown-link-hover-bg: transparent;
	--bs-dropdown-link-active-bg:transparent;
}

.dropdown:hover .dropdown-menu { transition: .7s; opacity: 1; visibility: visible;}

.dropdown-item { font-weight: 700; opacity: .5}
.dropdown-toggle::after {border: none; margin-left: 0; }
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active {color:var(--bs-primary); opacity: 1;}


header #menu {display: none;}

	@media (max-width: 991px) {
		.navbar-toggler { padding: 0; border: none; }
		.navbar-toggler  a { font-size: 2rem; color: rgba(var(--bs-white-rgb))!important;}
		.navbar-toggler:focus, .navbar-toggler:hover { background: transparent; }
		.mm-navbar__title {display: none !important;}
		.mm-listitem:after, .mm-navbars--top {border: none !important;}
		.mm-listitem__text {font-size: 1.25rem;  }
		.mm-listitem.active {--mm-color-text: rgb(254 238 0);}

		.mm-panel--parent {display: none;}

		.mm-btn--close:before {
		    font: var(--fa-font-solid);
		    color: #000;
		    border: 3px solid #000;
		    border-radius: 50%;
		    width: 26px;
		    line-height: 20px;
		    content: "\f00d" !important;
		    font-size: 1rem !important;
		}
	}


/*** Flexslider slider **/
#home .home-image { width:100%; position: absolute; left: 50%;  top: 50%; transform: translate(-50%, -50%); text-align: center;}

#home .slider { width:100%}
.slider {position: fixed; width: 100%; top: 0; z-index: 0; margin-top: 10vh;}
.flexslider {border: 0; margin: 0; background: #000;}
.flexslider .slides li {position:relative;  }
.flex-direction-nav a {width: 27px; height: 27px; top: 50%;}
.flex-direction-nav a:before {font: var(--fa-font-solid); font-size: 26px; color: #fff; content:'\f053'}
.flex-direction-nav a.flex-next:before {content: '\f054';}
.optionset-default .views-field-field-slider-image{position:relative;height:100vh;}
#home .optionset-default .views-field-field-slider-image img{position:absolute; width:100%; height:100%; object-fit:cover; object-position:center;}

.flex-caption { transform: translate(0, -35%); left: 0; position: absolute; top: 35%; }

	@media (min-width: 768px) {
    	.slider { margin-top: 6vh; }
	}

	@media (min-width: 991px) {
		#home .home-image {margin-top: 10vh;}

		.slider {margin-top: 10vh; width: 60%; right: 0;}
		.flexslider .slides img { height: calc(100vh - 9.25rem) !important; object-fit: cover; object-position: left;}
		.flexslider .slides-center img { object-position: center;}
		.flex-caption p { font-size:1vw;}
	}
    

	

/*================== CONTENT =======================*/
section {position: relative;}

	@media (max-width: 991px) {
		#content.conten {height: auto !important }
	}

#content .list ul { list-style: square; padding-left: 1.25rem; }
#content .list li { padding-bottom:1.25rem; }

[class*="heading"].heading-underline {border-bottom: 2px solid #fefefe; padding-bottom: 1.25rem;}

/* Box */
.container-box { margin-top: 82vw; padding-bottom: 3rem}

	@media (min-width: 768px) {
		.container-box { margin-top: 65vw; position:fixed;  }
	}

	@media (min-width: 991px) {
		.container-box { margin-top: 139px;}
	}

	@media  (min-height: 390px) and (max-height: 576px) {
		.container-box { margin-top: 38vw; position:relative; }
	}

	@media  (min-height: 320px) and (max-height: 389px) {
		.container-box { margin-top: 45vw; position:relative; }
	}

/* scroll Box */
/* #content .scroll-box {margin-bottom: 3rem;}*/

#content .simplebar-content {margin-bottom: 3rem;}
	@media (max-width: 991px) {
		#content .scroll-box { height: 400px !important}
		.container-box-fixed {margin-top: 143px;}
		.container-box-fixed #content .scroll-box { height: 860px !important; }
}

	@media (max-width: 576px) {
		#content .scroll-box { height: auto !important}
		.container-box-fixed {margin-top: 112px;}
		.container-box-fixed #content .scroll-box { height: auto !important; }
	}

	@media  (min-height: 320px) and (max-height: 576px) {
		#content .scroll-box { height: auto !important}
	}

/* Module Box */
#content .module-box { margin-top: 55px; position: relative; }

#content .module-box a .btn {position: absolute; bottom: 10px; transform: translate(-50%, 0); left: 50%}
#content .module-box .card:hover img{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.6;
}
	
/* Img Box */
#content .img-box a img{ opacity:1; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; -webkit-transition: 0.5s all ease; transition: 0.5s all ease;}
#content .img-box a:hover img {
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.7;
}

/* Map */
.map-wrap {width: 100%; bottom: 290px; position: relative; height: 260vw }
.map{height:100%; }

	@media (min-width: 768px) {	
		.map-wrap {height: 73vh; bottom: 130px;}
	}

	@media (min-width: 991px) {	
		.map-wrap {position: absolute !important; width: auto; top: 0; bottom: 0; overflow: hidden; left: 15%; right: 0; height: 100vh;}
	}

	@media  (min-height: 320px) and (max-height: 576px) {
		.map-wrap {height: 100vw; }
	}


/* Contact details */
.contactdetails li { font-size: 1rem; margin-bottom: 1rem; }
.contactdetails li span { display: inline-flex;}

li.icon:before {
	font: var(--fa-font-solid);
	padding-right:10px; 
	font-size: 1rem;
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

li.telno:before { content:"\f879";}
li.email:before { content:"\f0e0";}
li.address:before {content:"\f3c5"; }

/*================== FOOTER ========================*/
footer .footer-inner {padding: 20px 0; text-align:center; border-top: 4px solid var(--bs-primary);}
#home footer {position: fixed !important; right: 0; bottom: 0; left: 0; z-index: 1030;}
footer .spacer {height: 0}
footer ul {margin: 0;}
footer li {margin-bottom: 1rem; padding-right: 2rem;}
footer .social-media li {display: inline-block;}
footer li:last-child {padding-right: 0 !important}
footer ul.author li {font-size: 0.75rem; padding-right:0; display:block  }

.social-media .icon { font-size: 1.25rem; }

	@media (min-width: 767px) {
		footer .spacer {height: 2rem}
		footer ul {  display: flex; align-items: center; flex-wrap: wrap; text-align:left; }
		footer li:first-child {padding-right: 2rem !important}
		footer li { margin-bottom: 0 !important; }
	}

	@media  (min-height: 320px) and (max-height: 576px) {
		.fixed-md-bottom {position: relative !important;}
		footer .spacer {height: 0}
	}


/*================== CONTACT FORM =========================*/
.form-control:focus, select:focus, textarea:focus {
	-webkit-box-shadow: none; 
  	-moz-box-shadow: none;
  	box-shadow: none; 
	border-color: #000000;
}

.form-control {
	border: 1px solid #333;
	font-weight: 700;
	color: var(--bs-dark-bg-subtle);
	background: var(--bs-dark);
	border-radius: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.success { width:100%; text-align:center; color:#fff; background-color:#f00; font-size:18px; line-height:1.2em; padding:10px; margin-bottom:10px; display:none }

.contact-form textarea { height:7.5rem; resize:none;}
.contact-form label { display:block }
.contact-form .error, .contact-form .empty { color:red; display:none; position: absolute; right: 0.625rem; top: 50%;transform: translate(0, -50%); }

.has-feedback { position: relative; }
.has-feedback .form-control { padding-right: calc(1.5em + .75rem); }
.has-feedback.left-feedback .form-control { padding-left: 1.5em; }
.has-feedback.mandatory:before { font: var(--fa-font-solid); content: "\f005"; color:red; position:absolute; left:0.3125rem; top:0.875rem; font-size: 0.525rem;}

 /* Buttons */
.btn {--bs-btn-border-width: 0; --bs-btn-border-radius: 0 !important;}

.btn-secondary {
    --bs-btn-bg: #666666;
    --bs-btn-border-color: #666666;
    --bs-btn-hover-bg: #999999;
    --bs-btn-hover-border-color: #999999;
    --bs-btn-active-bg: #999999;
  }

a:hover .btn-dark, a:hover .btn-dark { background-color: #333333; }

button:focus { box-shadow: none !important;}

/*================== WIDGETS ========================*/

/* Cookies */
.cookiealert {border-radius: 4px; background: #fff; text-shadow: none; padding: 15px; color:#707070; box-shadow: 1px 1px 20px 0px #707070; width: auto; margin-top: 10px; margin-left: 10px; margin-right: 10px; text-align: left; font-size: 0.8125rem; position: fixed; bottom: 0;left: 0; z-index: 9999; transition: all 500ms ease-out; transform: translateY(100%); opacity: 0;  visibility: hidden; }
.cookiealert.show { opacity: 1; visibility: visible; transform: translateY(0%); transition-delay: 1000ms; }

.cookiealert .acceptcookies {margin: -5px 10px; font-size: 0.8125rem; padding-left: 35px; padding-right: 35px;}

	@media (max-width: 768px) {
		.cookiealert .acceptcookies{ display: block; margin: 1em 0 0;}
	}

/* Simplebar-scrollbar */
.simplebar-scrollbar:before {background: #fff !important;}

.bg-black.bg_opacity {background: rgba(0,0,0,.8) !important;}