@font-face {
  font-family: Quark-Bold;
  src: url(../fonts/Quark-Bold.otf);
}
@font-face {
  font-family: Quark-Light;
  src: url(../fonts/Quark-Light.otf);
}
@font-face {
  font-family: Yellow;
  src: url(../fonts/Yellow-Design-Studio-Lulo-Clean-One.otf);
}

html, body{color:#303030;}
h1,h2,h1#Q-Bold {font-family: Quark-Bold;text-transform: uppercase;}
h1#Q-Light {font-family: Quark-Light;text-transform: uppercase;}
h1#Yellow {font-family: Yellow;text-transform: uppercase;}
#Q-Bold, .Q-Bold {font-family: Quark-Bold;text-transform: uppercase;letter-spacing: 2px;}
#Q-Light, .Q-Light {font-family: Quark-Light;text-transform: uppercase;letter-spacing: 2px;}
#Yellow, .Yellow {font-family: Yellow;text-transform: uppercase;letter-spacing: 2px;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom: .5rem;font-weight: 500;line-height: 1.2;width: 100%;}
p{width: 100%;}

hr.sep-1 {border: 0;height: 1px;background-image: linear-gradient(to right, #f0f0f0, #a18750, #daba76, #f0f0f0);}

.txt-highlight{color: #c3a765;}
.trans-uppercase{text-transform: uppercase;}
.trans-capitalize{text-transform: capitalize;}
.txt-center{text-align: center;}
@mixin clearfix() {
  &::after {display: block;content: "";clear: both;}
}

a {color: #333333;text-decoration: none;background-color: transparent;}
a:hover,a:focus {color: #a38952;text-decoration: unset;}
/*a:visited,a:active,*/
a:not([href]):not([tabindex]) {color: #d1b36f;text-decoration: none;}
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {color: #a38952;t-decoration: none;}

.clear{clear: both;}
.pad-non{padding: 0;}
.clearfix, .clear{clear: both;}

.fl-right{float: right;}
.fl-left{float: left;}

.pad-non{padding: 0;}
.hi5{clear: both;height: 5px;}
.h10{clear: both;height: 10px;}
.h15{clear: both;height: 15px;}
.h20{clear: both;height: 20px;}
.h25{clear: both;height: 25px;}
.h30{clear: both;height: 30px;}
.h35{clear: both;height: 35px;}
.h40{clear: both;height: 40px;}
.h45{clear: both;height: 45px;}
.h50{clear: both;height: 50px;}
.h55{clear: both;height: 55px;}
.h60{clear: both;height: 60px;}
p {margin-top: 0;margin-bottom: 0.4rem;clear: both;}
@media (max-width: 767px) {
	.pad-non-mb{padding: 0;}
	.h20-pc{display: none;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.pad-non-tb{padding: 0;}
	.h20-pc{display: none;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.pad-non-nb{padding: 0;}
	.h20-pc{clear: both;height: 20px;}
}
@media (min-width: 1200px) {
	.pad-non-pc{padding: 0;}
	.h20-pc{clear: both;height: 20px;}
}				

/*-------------> Scrollbar ------------*/
/* width */
::-webkit-scrollbar {width: 8px;height:6px;}
/* Track */
::-webkit-scrollbar-track {background: #f1f1f1;} 
/* Handle */
::-webkit-scrollbar-thumb {background: #a0a0a0;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: #555;}
/*--// <-- END Scrollbar --*/

/*// -> loading */
.bg_load{position: absolute;z-index: 5;background: rgba(255, 255, 255, 0.98);width: 100%;height: 100vh;text-align: center;}
.bg_load .box-load{position: absolute;width: 100%;top: 50%;left: 0;right: 0;transform: translateY(-50%);overflow: hidden;}
.bg_load .box-load .box-load-bg{background: transparent;padding: 15px;}
.bg_load .box-load .box-load-bg img{width: 92px;margin-bottom: 16px;padding: 12px;}

/* ---> Cookie */
#cookie-law	{background: #bea261;padding: 15px;position: fixed;width: 100%;bottom: 0;
    z-index: 9999999999;}
#cookie-law p{margin: 0;color: #ffffff;}
#cookie-law .btn-ok{background: #d7b975;padding: 10px 15px;margin: 0;border: solid 1px #ffffff;}
#cookie-law .btn-ok:hover{background: #ffffff;}

@media (max-width: 575px) {
	#cookie-law .f-left{float: left;}
	#cookie-law .f-right{text-align: center;clear: both;padding: 15px 0 0 0;}
}
@media (min-width: 576px) and (max-width: 767px) {
	#cookie-law .f-left{float: left;}
	#cookie-law .f-right{float: right;}	
}
@media (min-width: 768px) and (max-width: 991px) {
	#cookie-law .f-left{float: left;}
	#cookie-law .f-right{float: right;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#cookie-law .f-left{float: left;}
	#cookie-law .f-right{text-align: center;clear: both;padding: 15px 0 0 0;}
}
@media (min-width: 1200px) and (max-width: 1366px) {
	#cookie-law .f-left{float: left;}
	#cookie-law .f-right{float: right;}
}			
@media (min-width: 1367px) {
	#cookie-law .f-left{float: left;}
	#cookie-law .f-right{float: right;}
}



	
/*/////// -->  NAV BAR MOBILE ///////*/
@media (max-width: 991px) {
	/*  BURGER MENU
	========================================== */
	.menu {width: 50px;height: 50px;position: absolute;z-index: 21;left: 1%;}
	.menu span {position: relative;margin-top: 9px;margin-bottom: 9px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;position: absolute;top: 50%;left: 25%;margin-left: 0px;margin-top: 5.5px;}
	.menu span, .menu span::before, .menu span::after {display: block;width: 26px;height: 3px;background-color: #d8b974;outline: 1px solid transparent;-webkit-transition-property: background-color, -webkit-transform;-moz-transition-property: background-color, -moz-transform;-o-transition-property: background-color, -o-transform;transition-property: background-color, transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}
	.menu span::before, .menu span::after {position: absolute;content: "";}
	.menu span::before {top: -9px;width:20px;}
	.menu span::after {top: 9px;width: 33px;}
	.menu.clicked span {background-color: transparent;}
	.menu.clicked span::before {-webkit-transform: translateY(9px) rotate(45deg);-moz-transform: translateY(9px) rotate(45deg);-ms-transform: translateY(9px) rotate(45deg);-o-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg);width: 33px;}
	.menu.clicked span::after {-webkit-transform: translateY(-9px) rotate(-45deg);-moz-transform: translateY(-9px) rotate(-45deg);-ms-transform: translateY(-9px) rotate(-45deg);-o-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg);}
	.menu.clicked span:before, .menu.clicked span:after {background-color: #ffffff;}
	.menu:hover {cursor: pointer;}
	/*  NAV
	========================================== */
	#nav-mobile {background: #121212;position: fixed;z-index: 20;top: 0;left: 0;height: 100%;max-width: 320px;width: 100%;overflow-y: auto;-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%);-o-transform: translateX(-100%);transform: translateX(-100%);-webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);-moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);-o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);padding: 120px 30px 70px 20px;}
	#nav-mobile.show {-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);-o-transform: translateX(0px);transform: translateX(0px);}
	#nav-mobile.show ul.main li {-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);-o-transform: translateX(0px);transform: translateX(0px);opacity: 1;}
	.menu.clicked {position: fixed;z-index: 99;}
	#nav-mobile.show ul.main li:nth-child(1) {transition-delay: 0.15s;}
	#nav-mobile.show ul.main li:nth-child(2) {transition-delay: 0.3s;}
	#nav-mobile.show ul.main li:nth-child(3) {transition-delay: 0.45s;}
	#nav-mobile.show ul.main li:nth-child(4) {transition-delay: 0.6s;}
	#nav-mobile.show ul.main li:nth-child(5) {transition-delay: 0.75s;}
	#nav-mobile.show ul.main li:nth-child(6) {transition-delay: 0.9s;}
	#nav-mobile.show ul.main li:nth-child(7) {transition-delay: 1.05s;}
	#nav-mobile.show ul.main li:nth-child(8) {transition-delay: 1.2s;}
	#nav-mobile.show ul.main li:nth-child(9) {transition-delay: 1.35s;}
	#nav-mobile.show .about, #nav-mobile.show .social, #nav-mobile.show ul.sub {-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);opacity: 1;transition-delay: .85s;}
	
	
	#nav-mobile ul.main {list-style-type: none;padding: 0;}
	#nav-mobile ul.main li {-webkit-transform: translateX(40px);-moz-transform: translateX(40px);-ms-transform: translateX(40px);-o-transform: translateX(40px);transform: translateX(40px);opacity: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;float: none;color: #fff;}
	#nav-mobile ul.main li:last-of-type {margin-bottom: 0px;}
	#nav-mobile ul.main li a {color: #ffffff;text-decoration: none;text-transform: uppercase;font-size: 1rem;display: block;padding: 10px 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
	#nav-mobile ul.main li a span {color: #b7ac7f;}
	#nav-mobile ul.main li a:hover {color: #b7ac7f;}
	#nav-mobile ul.sub {list-style-type: none;margin-top: 40px;-webkit-transform: translateY(30px);-moz-transform: translateY(30px);-ms-transform: translateY(30px);-o-transform: translateY(30px);transform: translateY(30px);opacity: 0;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
	#nav-mobile ul.sub li {margin-bottom: 10px;}
	#nav-mobile ul.sub li:last-of-type {margin-bottom: 0px;}
	#nav-mobile ul.sub li a {color: #ffffff;font-family: "Raleway", sans-serif;letter-spacing: 1px;font-size: 0.9rem;text-decoration: none;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
	#nav-mobile ul.sub li a:hover {color: #b7ac7f;}
	.menu:hover span{}
	/*  OVERLAY
	========================================== */
	.overlay {position: fixed;top: 0;left: 0;z-index: 7;width: 100%;height: 100%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background-color: #603e82;opacity: 0;visibility: hidden;}
	.overlay.show {opacity: 0.8;visibility: visible;}

	#menu-desktop{display: none;}
	#nav-mobile{display: block;}
	
	.menu-mobile{position: fixed;z-index: 7777;width: 100%;padding: 0 15px;}
	.logo-mb{width: fit-content;height: fit-content;margin: 0 auto;padding: 5px 0;}
	.logo-mb img{max-width: 145px;height: auto;}
	.menu-mobile.nav-bg-mobile{background: #f1f1f1;}
	.logo-mb.logo-hide img{display: none;}
}
@media (min-width: 991px) {
	#nav-mobile{display: none;}
	#menu-desktop{display: block;}
	.logo-mb{display: none;}
	
	nav {position: fixed;width: 100%;line-height: 60px;}
	nav ul {line-height: 28px;list-style: none;background: rgba(0, 0, 0, 0);/*overflow: hidden;*/color: #000000;padding: 0;text-align: right;margin: 0;padding-left: 40px;transition: 1s;}
	nav.nav-bg-desktop {background: rgba(255, 255, 255, 0.94) !important;}
	nav ul li {display: inline-block;padding: 10px;}
	nav ul li a {text-decoration: none;color: #000000;font-size: 16px;}
	.menu-icon {line-height: 60px;width: 100%;background: #000;text-align: right;box-sizing: border-box;padding: 15px 24px;cursor: pointer;color: #000000;display: none;}		
}
/*////////// <-- END  NAV BAR MOBILE */

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) {
	
	
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767px) {
	
	
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
	
	
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px) {
	
	
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	
	
}



@media (max-width: 575px) {
	.banner_hero_index h1{font-size: 1.1em;line-height: 18px;margin: 0;}
	h1{font-size: 1.5rem;}
	h2{font-size: 1.2rem;}
	.txt-center-mb{text-align: center;}
}
@media (min-width: 576px) and (max-width: 767px) {
	.banner_hero_index h1{font-size: 1.5em;line-height: 26px;margin: 0;}
	h1{font-size: 1.5rem;}
	h2{font-size: 1.2rem;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.banner_hero_index h1{font-size: 2em;letter-spacing: 1px;}
	h1{font-size: 2rem;}
	h2{font-size: 1.2rem;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.banner_hero_index h1{font-size: 2em;letter-spacing: 1px;}
	h1{font-size: 2rem;}
	h2{font-size: 1.4rem;}
	
	.logo {margin: 6px 6px;}
	.logo img {max-width: 200px;}
}
@media (min-width: 1200px) and (max-width: 1366px) {
	.banner_hero_index h1{font-size: 3em;letter-spacing: 1px;}
	h1{font-size: 2.5rem;}
	h2{font-size: 1.6rem;}
	 
	.logo {margin: 6px 6px;}
	.logo img {max-width: 200px;}
	
	/*section{height: 100vh;}*/
}			
@media (min-width: 1367px) {
	.banner_hero_index h1{font-size: 3em;letter-spacing: 1px;}
	h1{font-size: 2.5rem;}
	h2{font-size: 2.0rem;}
	
	.logo {margin: 14px 6px;}
	.logo img {max-width: 200px;}
	
	/*section{height: 100vh;}*/
}

.dropdown-item:hover, .dropdown-item:visited, .dropdown-item:active, .dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: transparent;
    color: #b7ac7f;
}