/* global */
body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; color: #2F2C1F; font-family: 'Poppins', sans-serif }
	body.no-scroll { overflow: hidden }
a { text-decoration: none !important }
.sticky { position: fixed !important; top: 0; width: 100%; z-index: 10000 }
#overlay-sidebar { background-color: rgba(0, 0, 0, 0.7); display: none; height: 100vh; opacity: 0; position: fixed; transition: all 0.5s ease-in-out; width: 100vw; z-index: 999 }
	#overlay-sidebar.open { display: block; opacity: 1 }
.bg-retro { background: #FEF2E4 url('/img/layout/bg-section.webp') no-repeat center; background-size: cover }
#header-spacer { display: none; height: 63px }
header { background: #FEF2E4 url('/img/layout/bg-header.webp') no-repeat center; background-size: cover; box-shadow: inset 0px -2px 10px -5px rgba(0, 0, 0, .1); height: 200px }
	header .header-social { font-size: 36px; padding-top: 75px }
		header .header-social a { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; color: #2F2C1F; transition: 0.3s }
		header .header-social a:hover { color: #882A0E }
		header .header-social.header-social-left a { margin-right: 15px }
		header .header-social.header-social-right a { margin-left: 15px }
	header #header-logo { display: block; margin: 6px auto 0 auto; width: 310px }
#navbar-main { -moz-box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, .25); -webkit-box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, .25); background-color: #FFF; border-top: 1px solid #EEE; box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, .25); height: 63px; padding: 0; position: relative; z-index: 998 }
	#navbar-main #btn-sidebar { -moz-border-radius: 0; -moz-box-shadow: none; -webkit-border-radius: 0; -webkit-box-shadow: none; background-color: #FFF; border: none; border-radius: 0; box-shadow: none; color: #000; display: none; font-size: 22px; outline: none; padding: 15px }
	#navbar-main .navbar-nav .nav-item .nav-link { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; color: #000; font-size: 16px; font-weight: 600; padding: 15px 12px; text-transform: uppercase; transition: 0.3s }
	#navbar-main .navbar-nav .nav-item .nav-link:hover, #navbar-main .navbar-nav .nav-item .nav-link.active, #navbar-main .navbar-nav .nav-item .nav-link.show { color: #882A0E }
footer { padding: 35px 0 30px 0; text-align: center }
	footer #footer-logo { display: block; margin: 0 auto; width: 200px }
	footer #footer-social { font-size: 36px; padding-top: 30px }
		footer #footer-social a { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; color: #2F2C1F; padding: 0 5px; transition: 0.3s }
		footer #footer-social a:hover { color: #882A0E }
	footer #footer-contact { font-size: 16px }
		footer #footer-contact a { color: #2F2C1F }
	footer #footer-links { font-size: 14px; padding-top: 30px; text-transform: uppercase }
		footer #footer-links a { color: #2F2C1F }
		footer #footer-links span { padding: 0 5px }
	footer #footer-copyright { font-size: 14px; padding-top: 5px }
		footer #footer-copyright br { display: none }

/* sidebar */
#sidebar { -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1); -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1); -webkit-transition: 0.5s all ease; background-color: #282F36; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1); height: 100vh; left: -275px; overflow: auto; padding-bottom: 120px; position: fixed; top: 0; transition: 0.5s all ease; width: 275px; z-index: 1000; }
	#sidebar.open { left: 0 }
	#sidebar h6 { color: #FFF; font-size: 29px; font-weight: 300; margin: 18px 0 0 15px; text-transform: uppercase }
	#sidebar #btn-sidebar-close { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; background-color: #FFF; border: none; color: #000; display: block; font-size: 29px; height: 45px; margin: 15px 15px 0 0; padding: 4px 0 0 0; transition: 0.3s; width: 45px !important }
	#sidebar #btn-sidebar-close:hover { background-color: #882A0E; color: #FFF }
	#sidebar ul { font-size: 18px; list-style: none; margin: 25px 0 0 0; padding: 0 }
		#sidebar ul li a { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; color: #FFF; display: block; font-weight: 300; padding: 5px 15px; position: relative; transition: 0.3s; }
		#sidebar ul li a:hover { background-color: #882A0E }
			#sidebar ul li a.collapse-trigger:after { content: '\f0d7'; font-family: 'Font Awesome 5 Pro'; font-weight: 700; position: absolute; right: 15px; top: 4px }

/* banner */
#banner { background-size: cover; height: 200px }
	#banner.generic { background: url('/img/banners/generic.webp') no-repeat center }

@media (max-width: 4200px) {
	/* global */
	.container { max-width: 1430px }
}

@media (max-width: 1459px) {
	/* global */
	.container { max-width: 1140px }

	/* banner */
	#banner { height: 175px }
}

@media (max-width: 1199px) {
	/* global */
	.container { max-width: 960px }
	header { height: 150px }
		header .header-social { font-size: 30px; padding-top: 52px }
		header #header-logo { width: 227px }
	footer #footer-logo { width: 175px }
	footer #footer-social { font-size: 30px }
	footer #footer-links { font-size: 13px }
	footer #footer-copyright { font-size: 13px }

	/* banner */
	#banner { height: 150px }
}

@media (max-width: 991px) {
	/* global */
	.container { max-width: 720px }
	header { height: 125px }
		header .header-social { font-size: 26px; padding-top: 45px }
		header #header-logo { width: 187px }
	footer #footer-logo { width: 150px }
	footer #footer-social { font-size: 26px }

}

@media (max-width: 767px) {
	/* global */
	.container { max-width: 540px }
	header .header-social { font-size: 23px; padding-top: 45px }
	header .header-social.header-social-left a { margin-right: 8px }
	header .header-social.header-social-right a { margin-left: 8px }
	footer #footer-social { font-size: 23px }

	/* banner */
	#banner.generic { background: url('/img/banners/generic.webp') no-repeat right -400px center }
}

@media (max-width: 575px) {
	/* global */
	.container { max-width: 100% }
	#navbar-main { overflow: hidden }
		#navbar-main #btn-sidebar { display: block; width: 100% }
	footer #footer-copyright { padding-top: 10px }
		footer #footer-copyright span { display: none }
		footer #footer-copyright br { display: inline }
}

@media (max-width: 374px) {
	/* global */
	
}