/* Importing Fonts */

	@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');

/* Default Page Styles */

	body																		{ font-family: 'Lato', sans-serif; }
	div.offset																	{ padding: 0% 24px; max-width: 1348px; }

/* Heading & Paragraph Styles */

	section.main div.content h1													{ margin: 0% 0% 0.925em 0%; font-family: 'Open Sans', sans-serif; font-size: 2.25rem; line-height: 1.5em; font-weight: 300; text-transform: uppercase; color: #292929; letter-spacing: 0.008em; }
	section.main div.content h2													{ margin: 0% 0% 1.725em 0%; font-family: 'Open Sans', sans-serif; font-size: 1.875rem; line-height: 1.375em; font-weight: 700; text-transform: uppercase; color: #292929; }
	section.main div.content h3													{ margin: 0% 0% 1.36em 0%; font-family: 'Lato', sans-serif; font-size: 1.375rem; line-height: 1.36em; font-weight: 400; text-transform: none; color: #323232; }
	section.main div.content h4													{ margin: 0% 0% 1.66em 0%; font-family: 'Lato', sans-serif; font-size: 1.125rem; line-height: 1.66em; font-weight: 700; text-transform: none; color: #323232; }
	section.main div.content p													{ margin: 0% 0% 1.875em 0%; font-family: 'Lato', sans-serif; font-size: 1rem; line-height: 1.875em; font-weight: 400; text-transform: none; color: #323232; }
	section.main div.content li													{ margin: 0% 0% 0.938em 0%; font-family: 'Lato', sans-serif; font-size: 1rem; line-height: 1.875em; font-weight: 400; text-transform: none; color: #323232; }
	section.main div.content button,
	section.main div.content .button											{ padding: 0.25em 1.438em 0.375em 1.438em; min-width: 0px; font-size: 1em; line-height: 1.5em; color: #FFFFFF; background-color: #4C4C4C; border: 0px; border-radius: 6px; }
	section.main div.content button:hover,
	section.main div.content .button:hover										{ background-color: #212121; }

	section.main div.content .button.large										{ font-size: 1.5em; text-transform: uppercase; }

/* Header Styles */

	header.main-bt1a															{ color: #57585A; background-color: #FDFDFD; }
	header.main-bt1a div.offset													{ padding: 0%; max-width: 1514px; }
	header.main-bt1a div.header-ribbon											{ color: #57585A; background-color: #FDFDFD; }
	header.main-bt1a div.header-contact											{ padding: 2px 17px 3px 0%; font-size: 1rem; }
	header.main-bt1a div.header-logo											{ padding: 16px 0% 16px 16px; }
	header.main-bt1a div.header-logo .logo										{ /* padding-bottom: 7%; */ height: 100%; position: relative; display: block; transition: padding 0.3s ease; }
	/* header.main-bt1a div.header-logo .logo:after								{ width: auto; top: 62%; left: 24%; content: 'Binocular range available from Hawke stockist DH James'; font-family: 'Open Sans', sans-serif; font-size: 1.125rem; line-height: 1.5em; white-space: nowrap; position: absolute; color: #57585A; letter-spacing: 0.008em; transition: all 0.3s ease; } */
	header.main-bt1a div.header-nav												{ padding-right: 12px; }

	header.main-bt1a.shrink div.header-logo .logo								{ padding-bottom: 0%; }
	header.main-bt1a.shrink div.header-logo .logo:after							{ top: 82%; left: 20%; font-size: 0.75rem; }

/* Navigation Styles */

	nav.main-bt1a																{ padding: 69px 0% 27px 0%; }
	nav.main-bt1a ul li															{ padding: 0% 1.75rem; border-left: 1px solid #57585A; }
	nav.main-bt1a ul li a,
	nav.main-bt1a ul li span													{ padding: 0% 2px; font-size: 1rem; line-height: 1em; font-weight: 400; text-transform: uppercase; position: relative; cursor: pointer; }
	nav.main-bt1a ul li a:after,
	nav.main-bt1a ul li span:after												{ content: ''; width: 20%; height: 1px; bottom: -6px; left: 0px; display: block; position: absolute; background-color: #57585A; opacity: 0; transition: width 0.2s ease, opacity 0.2s ease; }
	nav.main-bt1a ul li a.current,
	nav.main-bt1a ul li span.current											{ color: #B59564; }
	nav.main-bt1a ul li:hover a,
	nav.main-bt1a ul li:hover span												{ background-color: transparent; }
	nav.main-bt1a ul li:hover a:after,
	nav.main-bt1a ul li:hover span:after										{ width: 100%; opacity: 1; }
	nav.main-bt1a ul li:first-of-type											{ border-left: 0px; }
	nav.main-bt1a ul li .drop													{ margin: 2.313rem 0% 0% -2.063rem; padding: 15px 24px 19px 30px; background-color: #F0F0EE; }
	nav.main-bt1a ul li .drop ul li												{ padding: 0%; font-size: 1.125rem; line-height: 1.7em; text-align: left; }
	nav.main-bt1a ul li .drop ul li a											{ padding: 0%; font-size: 1.125rem; line-height: 1.7em; display: inline-block; color: #183F67; transition: all 0.2s ease; }
	nav.main-bt1a ul li .drop ul li a:after										{ display: none; }
	nav.main-bt1a ul li .drop ul li:hover a										{ padding-left: 11px; color: #B59564; }

	.sticky nav.main-bt1a														{ padding: 69px 0% 27px 0%; transition: padding 0.3s ease; }
	.shrink nav.main-bt1a														{ padding: 55px 0% 20px 0%; }

	.sticky nav.main-bt1a > ul > li > a,
	.sticky nav.main-bt1a > ul > li > span										{ padding: 0% 2px; }
	.shrink nav.main-bt1a > ul > li > a,
	.shrink nav.main-bt1a > ul > li > span										{ padding: 0% 2px; }

/* Footer Styles */

	footer.main-bt1a															{ background-color: #57585A; }
	footer.main-bt1a div.footer-top												{ padding: 1.188rem 0% 1.375rem 0%; background-color: #57585A; }
	footer.main-bt1a p,
	footer.main-bt1a li															{ margin: 0%; font-size: 0.75rem; line-height: 2.5em; display: block; color: #FFFFFF; }
	footer.main-bt1a .footer-heading											{ display: none; }
	footer.main-bt1a .footer-column												{ padding: 0% 10% 0% 0.875rem; }
	footer.main-bt1a div.footer-left											{ width: 33.33%; }
	footer.main-bt1a div.footer-right											{ width: 66.66%; }
	footer.main-bt1a div.footer-right > div										{ width: 100%; }
	footer.main-bt1a div.footer-copyright										{ display: none; }

/* Default Template Styles */

	section.main div.white														{ background-color: #FFFFFF; }
	section.main div.grey														{ background-color: #F1F1F1; }
	section.main div.dark-grey													{ background-color: #666666; }
	section.main div.dark-grey h2												{ color: #FFFFFF; }
	section.main div.header														{ background-size: cover; background-position: center; background-repeat: no-repeat; }
	section.main div.header > div.heading										{ padding: 0% 40px; height: 180px; display: flex; align-items: center; }
	section.main div.header > div.heading h1,
	section.main div.header > div.heading span.heading							{ color: #183F67; }

/* Home Template Styles */

	section.home div.grey														{ padding: 44px 0%; }
	section.home div.dark-grey													{ padding: 86px 0%; }

	div.form_container															{ margin: 0% auto; max-width: 508px; text-align: center; }
	div.form_container h2														{  }

	div.form_container .field-block .field-label								{ margin: 0%; font-size: 1.125rem; font-weight: 600; color: #FFFFFF; }
	div.form_container .field-block .form-control,
	div.form_container .field-block input[type=text],
	div.form_container .field-block input[type=password],
	div.form_container .field-block input[type=date],
	div.form_container .field-block input[type=time],
	div.form_container .field-block input[type=number],
	div.form_container .field-block textarea,
	div.form_container .field-block select										{ padding: 0.938em 0.75em 1em 0.75em; width: 100%; color: #333333; background-color: #F1F1F1; border: 0px; border-radius: 6px; }

	div.form_container .field-block textarea									{ min-height: 12.5em; }

	div.form_container .field-block .g-recaptcha > div							{ margin: 0% auto; }

	section.main div.form_container .form-buttons								{ margin: 1.75em 0% 0% 0%; }
	section.main div.form_container .form-buttons button						{ margin: 0%; padding: 0.5em 1.875em; color: #FFFFFF; background-color: #666666; border: 1px solid #FFFFFF; }
	section.main div.form_container .form-buttons button:hover					{ color: #666666; background-color: #FFFFFF; }

/* 800px Resolution Specific Styles */

	@media only screen and (min-width: 0px) and (max-width: 800px) {

	/* Default Page Mobile Styles */

		div.offset																{ padding: 0% 18px; }

	/* Heading & Paragraph Styles */

		section.main div.content h1												{ text-align: left; }

	/* Header Mobile Styles */

		header.main-bt1a														{ position: fixed; }
		header.main-bt1a > div.offset											{ display: none; }
		header.main-bt1a div.header-logo										{ padding: 0%; height: 120px; top: 0px; left: 0px; }
		header.main-bt1a div.header-logo a,
		header.main-bt1a.sticky div.header-logo a								{ padding: 4px 0%; width: 100%; height: 100%; }
		header.main-bt1a div.header-logo img									{ margin: 0% auto; }
		header.main-bt1a div.header-logo .logo:after							{ padding: 0% 18px; width: 100%; top: initial; bottom: 4%; left: 0px; font-size: 0.75rem; text-align: center; white-space: normal; box-sizing: border-box; }

		header.main-bt1a div.mobile-brochure									{ background-color: #FFFFFF; }
		header.main-bt1a div.mobile-brochure .brochure-button					{ color: #292929; border-left: 0px; }

	/* Navigation Mobile Styles */

		#menu-container ul														{ background-color: #57585A; border: 0px; }
		#menu-container ul > li													{ border: 0px; }
		#menu-container ul > li a,
		#menu-container ul > li span											{ padding: 16px 24px; font-size: 1.125rem !important; color: #FFFFFF; cursor: pointer; }
		#menu-container ul > li:first-of-type									{ padding-top: 1.5rem; }
		#menu-container ul > li:last-of-type									{ padding-bottom: 1.5rem; }
		#menu-container ul > li.slicknav_parent a > a							{ padding: 0%; }
		#menu-container ul > li ul												{ background-color: #FFFFFF; }
		#menu-container ul > li ul > li a										{ padding-left: 48px; font-size: 0.875rem !important; }

	/* Footer Mobile Styles */

		footer.main-bt1a ul														{ display: block; }
		footer.main-bt1a p,
		footer.main-bt1a li														{ text-align: center !important; }
		footer.main-bt1a .footer-heading										{ border-bottom: 0px; }
		footer.main-bt1a .footer-column											{ padding: 0%; }
		footer.main-bt1a div.footer-left										{ margin: 0%; width: 100%; max-width: 100%; }
		footer.main-bt1a div.footer-right										{ margin: 0%; width: 100%; }
		footer.main-bt1a div.footer-right ul									{ display: block; }
		footer.main-bt1a div.footer-right .footer-heading						{ display: block; }
		footer.main-bt1a div.footer-right .frc_1								{ margin: 1.5rem 0%; }

	}