/* fonts */
@font-face { font-family: 'Rama Gothic E W01 Bold'; src: url('/fonts/9be3062bbc66c2304804919c111a83b7.eot'); src: url('/fonts/9be3062bbc66c2304804919c111a83b7.eot?#iefix') format('embedded-opentype'), url('/fonts/9be3062bbc66c2304804919c111a83b7.woff2') format('woff2'), url('/fonts/9be3062bbc66c2304804919c111a83b7.woff') format('woff'), url('/fonts/9be3062bbc66c2304804919c111a83b7.ttf') format('truetype'), url('/fonts/9be3062bbc66c2304804919c111a83b7.svg#Rama Gothic E W01 Bold') format('svg') }
@font-face { font-family: 'Rama Gothic E W01 Heavy'; src: url('/fonts/30172d03e0215e38342f618c71271f34.eot'); src: url('/fonts/30172d03e0215e38342f618c71271f34.eot?#iefix') format('embedded-opentype'), url('/fonts/30172d03e0215e38342f618c71271f34.woff2') format('woff2'), url('/fonts/30172d03e0215e38342f618c71271f34.woff') format('woff'), url('/fonts/30172d03e0215e38342f618c71271f34.ttf') format('truetype'), url('/fonts/30172d03e0215e38342f618c71271f34.svg#Rama Gothic E W01 Heavy') format('svg') }
@font-face { font-family: 'Rama Gothic E W01 Light'; src: url('/fonts/86b0b9c054d75b4074450177e7b26a10.eot'); src: url('/fonts/86b0b9c054d75b4074450177e7b26a10.eot?#iefix') format('embedded-opentype'), url('/fonts/86b0b9c054d75b4074450177e7b26a10.woff2') format('woff2'), url('/fonts/86b0b9c054d75b4074450177e7b26a10.woff') format('woff'), url('/fonts/86b0b9c054d75b4074450177e7b26a10.ttf') format('truetype'), url('/fonts/86b0b9c054d75b4074450177e7b26a10.svg#Rama Gothic E W01 Light') format('svg') }
@font-face { font-family: 'Rama Gothic E W01 Regular'; src: url('/fonts/2d8f96f472a798797ea881adfac79819.eot'); src: url('/fonts/2d8f96f472a798797ea881adfac79819.eot?#iefix') format('embedded-opentype'), url('/fonts/2d8f96f472a798797ea881adfac79819.woff2') format('woff2'), url('/fonts/2d8f96f472a798797ea881adfac79819.woff') format('woff'), url('/fonts/2d8f96f472a798797ea881adfac79819.ttf') format('truetype'), url('/fonts/2d8f96f472a798797ea881adfac79819.svg#Rama Gothic E W01 Regular') format('svg') }
@font-face { font-family: 'Rama Gothic E W01 SemiBold'; src: url('/fonts/034c6248cecfefb05382d5154fd26767.eot'); src: url('/fonts/034c6248cecfefb05382d5154fd26767.eot?#iefix') format('embedded-opentype'), url('/fonts/034c6248cecfefb05382d5154fd26767.woff2') format('woff2'), url('/fonts/034c6248cecfefb05382d5154fd26767.woff') format('woff'), url('/fonts/034c6248cecfefb05382d5154fd26767.ttf') format('truetype'), url('/fonts/034c6248cecfefb05382d5154fd26767.svg#Rama Gothic E W01 SemiBold') format('svg') }
@font-face { font-family: 'Rama Gothic E W01 Thin'; src: url('/fonts/fa832a70eed501d074d02bd170b9c8d5.eot'); src: url('/fonts/fa832a70eed501d074d02bd170b9c8d5.eot?#iefix') format('embedded-opentype'), url('/fonts/fa832a70eed501d074d02bd170b9c8d5.woff2') format('woff2'), url('/fonts/fa832a70eed501d074d02bd170b9c8d5.woff') format('woff'), url('/fonts/fa832a70eed501d074d02bd170b9c8d5.ttf') format('truetype'), url('/fonts/fa832a70eed501d074d02bd170b9c8d5.svg#Rama Gothic E W01 Thin') format('svg') }

/* global */
body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; background-color: #C9D33F; color: #000; font-family: 'News Cycle', sans-serif }
	body.no-scroll { overflow: hidden }
a { text-decoration: none !important }
.sticky { position: fixed; top: 0; width: 100% }
#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 }
#navbar-main { background-color: #FFF; padding: 0 }
	#navbar-main .container { position: relative }
	#navbar-main .navbar-brand { background-color: #000; color: #FFF; font-family: 'Rama Gothic E W01 Bold'; font-size: 75px; left: 12px; line-height: 65px; padding: 12px 15px; position: absolute; text-transform: uppercase; top: 0 }
		#navbar-main .navbar-brand span { display: block; font-size: 85px }
	#navbar-main #btn-basket { display: none }
	#navbar-main .navbar-collapse { padding-left: 400px }
	#navbar-main .navbar-nav .nav-item .nav-link { color: #000; font-family: 'Rama Gothic E W01 SemiBold'; font-size: 33px; padding: 10px 20px 8px 20px; text-transform: uppercase }
	#navbar-main .navbar-nav .nav-item .nav-link:hover, #navbar-main .navbar-nav .nav-item .nav-link.active { background-color: #000; color: #FFF }
.btn-rb { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; background-color: #FFF; color: #000; font-family: 'Rama Gothic E W01 Bold'; font-size: 62px; line-height: 62px; padding: 10px 30px 8px 30px; text-transform: uppercase; transition: 0.3s }
.btn-rb:hover { background-color: #C9D33F; color: #000 }
.fancybox__backdrop { background-color: rgba(201, 211, 63, 1) !important }
footer { background-color: #000; color: #FFF; padding: 50px 0 45px 0 }
	footer #footer-logo { display: block; margin-top: 5px }
	footer address { font-size: 18px; margin: 0; padding-left: 55px; text-transform: uppercase }
	footer #footer-contact { font-size: 18px; padding-left: 50px; text-transform: uppercase }
		footer #footer-contact a { color: #FFF }
	footer #footer-social { font-size: 37px; padding-right: 100px }
		footer #footer-social a { color: #FFF; padding-left: 20px }
			footer #footer-social a i { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
			footer #footer-social a:hover .fa-facebook-f { color: #4267B2 }
			footer #footer-social a:hover .fa-instagram { color: #833AB4 }
	footer #footer-links { font-size: 18px; text-align: right; text-transform: uppercase }
		footer #footer-links a { color: #FFF }
	footer #footer-copyright { font-size: 13px; padding-top: 30px }
	footer #footer-designed { font-size: 13px; padding-top: 30px; text-align: right }
		footer #footer-designed a { color: #FFF; font-weight: 700; text-transform: uppercase }
		footer #footer-designed br { display: none }

		#made-in-britain { margin-top: 45px; }

/* 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: 800; 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: 43px; margin: 15px 15px 0 0; padding: 0; transition: 0.3s; width: 45px !important }
	#sidebar #btn-sidebar-close:hover { background-color: #C9D33F; color: #000 }
	#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; padding: 5px 15px; position: relative; transition: 0.3s }
		#sidebar ul li a:hover { background-color: #C9D33F; color: #000 }
			#sidebar ul li a.collapse-trigger:after { content: '\f0d7'; font-family: 'Font Awesome 5 Pro'; font-weight: 700; position: absolute; right: 15px; top: 4px }
		#sidebar ul ul { margin: 0 }
			#sidebar ul ul li a { padding-left: 30px }

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

@media (max-width: 1589px) {
	/* global */
	.container { max-width: 1140px }
	#navbar-main .navbar-collapse { padding-left: 250px }

	#navbar-main .navbar-nav .nav-item .nav-link { font-size: 30px; padding: 12px 15px 10px 15px }

	.btn-rb { font-size: 50px; line-height: 50px; padding: 10px 25px 8px 25px }
	footer { padding: 45px 0 40px 0 }
		footer #footer-logo { width: 130px }
		footer address { font-size: 15px; padding-left: 35px }
		footer #footer-contact { font-size: 15px; padding-left: 35px }
		footer #footer-social { font-size: 32px; padding-right: 70px }
			footer #footer-social a { padding-left: 15px }
		footer #footer-links { font-size: 15px }
}

@media (max-width: 1199px) {
	/* global */
	.container { max-width: 960px }
	#navbar-main .navbar-brand { font-size: 63px; line-height: 53px; padding: 10px 12px }
		#navbar-main .navbar-brand span { font-size: 72px }
	#navbar-main .navbar-collapse { padding-left: 200px }
	#navbar-main .navbar-nav .nav-item .nav-link { font-size: 28px; padding: 8px 15px 6px 15px }
	.btn-rb { font-size: 40px; line-height: 40px }
	footer { padding: 40px 0 35px 0 }
		footer #footer-logo { margin-top: 5px; width: 140px }
		footer address { font-size: 16px; padding-left: 40px }
		footer #footer-contact { font-size: 16px; padding-left: 40px }
		footer #footer-social { font-size: 34px; padding-right: 80px }
			footer #footer-social a { padding-left: 17px }
		footer #footer-links { font-size: 16px }
		footer #footer-copyright { font-size: 12px }
		footer #footer-designed { font-size: 12px }
}

@media (max-width: 991px) {
	/* global */
	.container { max-width: 720px }
	#navbar-main { height: 56px; text-align: right }
		#navbar-main .navbar-brand { top: -28px }
		#navbar-main #btn-basket { color: #000; display: block; font-size: 28px; padding: 4px 15px 6px 15px; position: absolute; right: 60px }
		#navbar-main #btn-sidebar { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; color: #000; outline: none; position: absolute; right: 0 }
	.btn-rb { font-size: 40px; line-height: 40px }
	footer #footer-social { font-size: 34px; padding: 35px 0 30px 0; text-align: center }
		footer #footer-social a { padding: 0 9px }
	footer #footer-links { text-align: center }
	footer #footer-copyright { padding-top: 35px; text-align: center }
	footer #footer-designed { padding-top: 3px; text-align: center }
}

@media (max-width: 767px) {
	/* global */
	.container { max-width: 540px }
	.btn-rb { font-size: 36px; line-height: 36px }
}

@media (max-width: 575px) {
	/* global */
	.container { max-width: 100% }
	#navbar-main .navbar-brand { left: 12px }
	footer #footer-logo { margin: 0 auto }
	footer address { padding: 20px 0; text-align: center }
	footer #footer-contact { padding-left: 0; text-align: center }
	footer #footer-designed { padding-top: 8px }
		footer #footer-designed br { display: inline }
}

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