@charset "utf-8";
/*----------Copyright Kevin Wolff & Interfit Photographic--------------*/
/*----------------------------GLOBAL STYLES----------------------------*/
html {
    font-size: 100%;
    -ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}	
body {
	background-color: #FFF;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 1.1em;
	color: #333;
	padding: 0px;
	margin: 0px;
}
@media only screen and (min-width: 900px) {
	body {
		font-size: 1em;
	}
}
@media only screen and (min-width: 1200px) {
	body {
		font-size: 16px;
	}
}
h1 {
	color: #0072BA;
	font-size: 200%;
	font-family: 'Questrial', Verdana, sans-serif;
}
@media only screen and (min-width: 900px) {
	h1 {
		font-size: 250%;
	}
}
h2 {
	font-size: 150%;
	font-family: 'Questrial', Verdana, sans-serif;
}
h3 {
	font-size: 125%;
	font-family: 'Questrial', Verdana, sans-serif;
}
h4 {
	font-size: 110%;
	font-family: 'Questrial', Verdana, sans-serif;
	font-weight: bold;
}
a:link {
	color: #333;
	border-bottom: solid 1px;
	text-decoration: none;
	-moz-transition: all ease .5s;
	-webkit-transition: all ease .5s;
	-o-transition: all ease .5s;
	transition: all ease .5s;
}
a:visited {
	color: #333;
	text-shadow: 0px 1px 0px #121212;
}
a:hover {
	color: #407EC9;
	text-decoration: none;
	border-bottom: 1px solid #333;
}
a:active {
	color: #407EC9;
	text-decoration: none;
}
a.navlink { 
	color: #FFF;
	border: none;
	padding: 12px;
	font-family: 'Questrial', Arial, sans-serif;
	font-size: 1.4em;
	letter-spacing: 2px;
	text-transform: lowercase;
	background-image: url(https://720ff7.claudeassets.com/20230407212255im_/https://www.interfitphoto.com/assets/button-top.png);
	background-repeat: repeat-x;
}
a.navlink:hover {
	text-shadow: #FFF 0px 0px 20px;
	transition: all ease .5s;
}
a.light {
	color: #FFF;
	border-bottom: none;
	text-decoration: none;
}
a.light:visited {
	color: #FFF;
}
a.light:hover {
	color: #84CDFF;
	border-bottom: solid 1px;
}
a.light:active {
	color: #3366CC;
	text-decoration: none;
}
.button {
	display: block;
	color: #FFF !important;
	font-size: 120%;
	font-family: 'Questrial', Verdana, sans-serif;
	text-shadow: 0px -1px 0px #266B92;
	text-align: center;
	padding: 5px 8px 5px 8px !important;
	background-color: #008CDD;
	border: solid 1px #0C5F8F !important;
	border-radius: 5px;
	text-transform: lowercase;
	margin: 10px 10px 10px 0px;
	cursor: pointer;
	transition: all ease .3s;
	-webkit-appearance: none;
}
.button:hover {
	box-shadow: 0px 2px 3px #999;
}
.lightbutton {
	width: 90px;
    height: 40px;
    background-color: transparent;
    border: solid 2px #fff;
    color: #FFF;
    font-size: 1em;
    text-shadow: 0px 1px 2px #555;
	text-align: center;
    vertical-align: bottom;
	padding: 0px !important;
	-webkit-appearance: none;
}
.lightbutton:hover {
	background-color: #319FFD;
	text-shadow: 0px 2px 2px #333;
}
input.subscribe {
	width: 60%;
	height: 40px; 
	font-size: 1em; 
	padding: 0px 10px 0px 10px;
	margin-top: 10px;
	border-radius: 50px 0px 0px 50px;
	border: 0px;
}
.date {
	display: block;
	font-style: italic;
	font-size: 90%;
	color: #6A6A6A;
	font-variant: small-caps;
	text-transform: uppercase;
}
hr {
	display: block;
    height: 1px;
    border: 0;
    border-top: 3px dotted #ccc;
    margin: 20px 0;
    padding: 0;
}
blockquote {
	padding: 10px 20px;
	border: dotted 3px #CCC;
	background-color: #F5F5F5;
}
.breadcrumbs {
	list-style: none;
	margin: 20px 0px 20px 0px;
	padding: 0px;
	text-transform: lowercase;
	color: #5A5A5A !important;
	font-size: 115%;
	font-family: 'Questrial', Verdana, sans-serif;
}
.breadcrumbs a {
	color: #5A5A5A;
}
.breadcrumbs li {
	display: inline-block;
}
.breadcrumbs li:first-child {
	display: none;
}
.breadcrumbs li:last-child {
	font-weight: bold;
}
fieldset {
	border: none;
	padding: 0px;
	margin: 0px;
}
fieldset input, fieldset textarea, fieldset select {
	border-radius: 5px;
	border: solid 1px #ccc;
	font-size: 100%;
	margin: 5px;
	padding: 5px;
	font-family: 'Roboto', Verdana, sans-serif;
	font-weight: normal;
}
fieldset select {
	font-size: 100%;
	max-width: 15em;
}
fieldset input:focus, fieldset textarea:focus {
	box-shadow: inset 0px 0px 3px #0072BA;
	border: 1px solid transparent;
}
.nocaps {
	text-transform: capitalize;
}
::selection {
	color: #FFF;
	background: #0072BA; /* Safari */
	}
::-moz-selection {
	color: #FFF;
	background: #0072BA; /* Firefox */
}

/*-----------------------------LAYOUT CHUNKS-------------------------------*/
div#pagewrapper {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#alert {
  padding: 10px;
  background-color: #f44336;
  color: white;
  text-shadow: 0px 1px 2px #A20000;
  font-family: 'Questrial', Verdana, sans-serif;
  font-size: 1em;
  text-align: left;
}
#alert-close {
  margin-right: 15px;
  color: #FFFFFF;
  font-weight: bold;
  float: left;
  font-size: 35px;
  line-height: 15px;
  cursor: pointer;
  transition: 0.3s;
}
#alert-close:hover {
  color: black;
}
#eurolink-mobile {
	display: block; 
	position: absolute;
	left: 20px;
	top: 15px;
}
#eurolink {
	display: none; 
	position: absolute; 
	right: 10px; 
	top: 10px;
}
#eurolink-mobile img, #eurolink img {
	height: 35px;
}
@media only screen and (min-width: 1200px) {
	#alert {
	  font-size: 1.2em;
	  text-align: center;
	}
	#eurolink-mobile {
		display: none;
	}
	#eurolink {
		display: block;
	}
}
header {
	display: grid;
    grid-template-rows: .25fr .15fr 50px;
	grid-template-columns: 1fr 80px;
	grid-template-areas: 'logo nav'
						 'account account'
						 'search search';
	background-image: url(https://1d5f93.claudeassets.com/20230407212255im_/https://www.interfitphoto.com/assets/hexabump.png);
	background-repeat: repeat;
	background-color: #252525;
	padding: 15px 5% 20px 5%;
	border-bottom: solid 5px #999;
	color: #FFF;
}
@media only screen and (min-width: 600px) {
	header {
		grid-gap: 15px;
		grid-template-rows: 1fr 65px;
		grid-template-columns: 1fr 230px 50px;
		grid-template-areas: 'logo account nav'
							 'search search search';
		padding: 20px 5% 10px 5%;
	}
}
@media only screen and (min-width: 1200px) {
	header {
		grid-gap: 25px;
		grid-template-rows: 1fr 50px;
		grid-template-columns: 350px 2fr 1fr;
		grid-template-areas: 'logo search account'
							 'nav nav nav';
		padding: 40px 5% 0px 5%;
	}
}
@media only screen and (min-width: 1500px)  {
	header {
		grid-gap: 25px;
		grid-template-rows: 1fr 50px;
		grid-template-columns: 350px 2fr 1fr;
		grid-template-areas: 'logo search account'
							 'nav nav nav';
		padding: 40px 8% 0px 8%;
	}
}
div#logo {
	grid-area: logo;
	display: block;
	max-width: 350px;
	background-image: url(https://a1ac66.claudeassets.com/20230407212255im_/https://www.interfitphoto.com/assets/logo_underlay.svg);
	background-repeat: no-repeat;
	background-size: contain;
	text-align: right;
}
#logo a { 
	display: block; 
	text-decoration: none;
	border: none;
}
#logo img {
	width: 100%;
	transition: all ease 1s;
}
#logo img:hover {
	-webkit-transform: rotateX(360deg); /* Safari */
    transform: rotateX(360deg);
}
div#search {
	grid-area: search;
	width: 100%;
	height: 50px;
	margin: 0 auto;
	text-align: center;
}
input.searchfield {
	-webkit-appearance: none;
	display: inline-block;
	width: 75%;
	height: 50px !important;
	padding: 5px 10px 5px 15px !important;
	background-color: #FFFFFF;
	border: none;
	border-radius: 100px 0px 0px 100px;
	font-size: 1.2em;
	font-weight: 500;
}
input.searchfield:focus {
	-webkit-appearance: none;
	border: none;
	box-shadow: none;
}
input.searchbutton {
	display: inline-block;
	width: 51px !important;
	height: 50px !important;
	background-color: transparent;
	background-image: url(https://58cdb7.claudeassets.com/20230407212255im_/https://www.interfitphoto.com/assets/search-button.svg);
	background-repeat: no-repeat;
	color: transparent;
	border: none;
	outline: none;
	margin: 0px;
	padding: 0px;
	border-radius: 0px;
	vertical-align: top;
	-webkit-appearance: none;
}
input.searchbutton:hover {
	background-image: url(https://7cc533.claudeassets.com/20230407212255im_/https://www.interfitphoto.com/assets/search-button-over.svg);
	background-repeat: no-repeat;
}
input.searchbutton:focus {
	outline: none;
}
.keyword {
	color: #FFF;
	font-style: italic;
	background-color: #0072BA;
}
@media only screen and (min-width: 600px) {
	input.searchfield {
		width: 80%;
	}
}
@media only screen and (min-width: 900px) {
	input.searchfield {
		width: 80%;
	}
}
@media only screen and (min-width: 1200px) {
	div#search {
		margin: 28px auto 0px 40px;
	}
	input.searchfield {
		width: 80%;
	}
}
@media only screen and (min-width: 1500px) {
	div#search {
		margin: 28px auto 0px 50px;
	}
	input.searchfield {
		width: 85%;
	}
}
aside#accountinfo {
	grid-area: account;
	text-align: center;
}
ul#accountlist {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#accountlist li {
	display: inline-block;
	width: 60px;
	text-align: center;
	font-size: 1em;
	margin-right: 10px;
}
#accountlist a {
	text-transform: lowercase;
	text-align: center;
	font-size: 1em;
	font-family: 'Questrial', Verdana, sans-serif;
	color: #FFF;
	border: none;
	text-decoration: none;
	opacity: 0.7;
	transition: all ease 0.5s;
}
#accountlist a:hover {
	opacity: 1.0;
}
#accountlist img {
	width: 40px;
	height: 40px;
}
@media only screen and (max-width: 600px) {
	ul#accountlist {
		margin-bottom: 10px;
	}
}
@media only screen and (min-width: 600px) {
	aside#accountinfo {
		text-align: right;
	}
	#accountlist img {
		width: 50px;
		height: 50px;
	}
}
@media only screen and (min-width: 1200px) {
	aside#accountinfo {
		text-align: right;
	}
	li.accounticon {
		margin-right: 10px;
		font-size: .9em;
	}
}
#bag-count {
	position: relative;
	top: 15px;
	background-color: #0072BA;
	padding: 6px;
	border-radius: 50px;
	z-index: 2;
	float: right;
	right: -3px;
	max-height: 10px;
	display: block;
	line-height: .5em;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	box-shadow: 0px 0px 2px #333;
}
div#navicon {
	grid-area: nav;
	display: inline-block;
	text-align: right;
}
#navicon button {
	background-color: transparent;
	border: none;
	padding-top: 20px;
	transform: scaleY(1.0);
	transition: all ease .2s;
}
#navicon button:hover {
	cursor: pointer;
	-webkit-transform: scaleY(.7); /* Safari */
    transform: scaleY(.7);
}
#navicon img {
	width: 50px;
}
nav#mobile {
	display: none;
}
#mobile ul {
	list-style: none;
}
#mobile li {
	display: block;
	margin-left: 30px;
	margin-bottom: 15px;
	cursor: pointer;
	background-color: #0072BA;
	border-radius: 50px 0px 0px 50px;
	transition: all ease .5s;
}
#mobile li:hover {
	box-shadow: inset 0px -20px 20px -20px #FFF;
}
#mobile a {
	display: block;  
	color: #FFF;
	padding: 10px 20px 10px 25px;
	text-shadow: #333 0px 3px 5px;
	text-transform: lowercase;
	font-size: 180%;
	transition: all ease .5s;
	border: none;
}
#mobile a:hover {
	color: #FFF;
	text-shadow: #333 0px -3px 5px;	
}
#closebtn {
	display: inline-block;
	padding: 20px;
	color: #FFF !important;
	border: none;
	font-size: 40px;
	line-height: 1em;
	background-color: transparent !important;
}
#closebtn:hover {
	box-shadow: none !important;
	opacity: 0.5;
}
#sidebar {
	height: 100%;
	width: 100%;
	top: 0px;
	right: 0px;
	background-image: url(https://1d5f93.claudeassets.com/20230407212255im_/https://www.interfitphoto.com/assets/hexabump.png);
	position: fixed;
	z-index: 80;
	animation: animatedown 0.5s;
	overflow-y: auto;
}
#sidebar ul {
	padding: 0px;
	margin: 0px;
}
@media only screen and (min-width: 800px) {
	#sidebar {
		width: 50%;
	}
}
@keyframes animatedown {
	from{top: -300px; opacity: 0}
	to{top: 0; opacity: 1}
}
.navaccordion {
	display: block;
	cursor: pointer;
	transition: 0.4s;
}
.navaccordion::after {
	content: "\f067";
	font-family: "Font Awesome 5 Free";
	font-weight: 900 !important;
	font-size: .8em;
	color: #FFF !important;
	line-height: 1.5em;
	float: right;
	margin-left: 10px;
}
.navactive::after {
	content: "\f068";
	font-family: "Font Awesome 5 Free";
	font-weight: 900 !important;
	font-size: .8em;
	color: #FFF !important;
	line-height: 1.5em;
	float: right;
	margin-left: 10px;
}
.navactive, .navaccordion:hover {

}
.navpanel {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	padding-left: 20px !important;
}
.navpanel li {
	margin-bottom: 15px;
	line-height: normal !important;
	border-bottom: solid 2px #004B80;
	border-radius: 0px !important;
}
.navpanel a {
	display: block !important;
	color: #FFF !important;
	font-size: 130% !important;
}
.navpanel a::after {
	content: "";
}
.overlay {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 70;
	animation: opac 0.8s;
}
@keyframes opac {
	from{opacity:0} 
	to{opacity:1}
}
nav#desktop {
	display: none;
}
@media only screen and (min-width: 1200px) {
	div#navicon {
		display: none;
	}
	nav#mobile {
		display: none;
	}
	nav#desktop {
		display: block;
		grid-area: nav;
	}
}
ul#navbar {
	list-style: none;
	margin: 0px;
	padding-left: 100px;
}
li.navbutton {
	display: inline-block;
	height: 50px;
	margin-right: 20px;
}
li.navbutton::after {
	content: url(https://33ecde.claudeassets.com/20230407212255im_/https://www.interfitphoto.com/assets/button-right.png);
}
li.dropdown {
    display: inline-block;
	transition: all ease .5s;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #434343;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	margin-top: 13px;
	transition: all ease .5s;
    z-index: 10;
	overflow: hidden;
}
.dropdown:hover .dropdown-content {
    display: block;
}
.dropdown:focus .dropdown-content {
    display: block;
}
.dropdown-content a {
	color: white;
	font-size: 115%;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
	text-transform: lowercase;
	text-shadow: 0px 3px 3px #333;
	border-bottom: solid 1px #666;
}
.dropdown-content a:hover {
	background-color: #5F5F5F;
	color: #71BDFF;
	box-shadow: inset 0px -10px 10px -10px #FFF;
	text-shadow: 0px -3px 3px #333;
}
.dropdown-wide a {
	display: block;
}
.parentcategory {
	display: inline-block;
	vertical-align: top;
	margin: 0px 20px 20px 20px;
}
.subcategory {
	color: #E2E2E2 !important;
	display: block !important;
	border: none !important;
	padding: 5px 10px 5px 5px !important;
	font-size: 100% !important;
	margin-left: 15px !important;
}
.subcategory:hover {
	color: #FFFFFF !important;
	box-shadow: none !important;
	text-shadow: none !important;
	border: solid 0px 0px 1px 1px #A1A1A1 !important;
}
.subcategory::before {
	content: '\2022';
	margin-right: 5px;
}
.mobile-subcategory {
	border: none !important;
	padding: 0px !important;
	box-shadow: none !important;
	margin: 0px 0px 0px 70px !important;
}
.mobile-subcategory a {
	color: #96CAFF;
	padding: 5px 10px 5px 10px !important;
	border: 0px !important;
	text-shadow: none !important;
	font-size: 120% !important;
}
.mobile-subcategory a:hover {
	color: #FFF;
	background-color: #0085DA;
	text-shadow: none !important;
	box-shadow: none !important;
}
.mobile-subcategory a::before {
	content: url(https://2bdf94.claudeassets.com/20230407212255im_/https://www.interfitphoto.com/assets/light_bullet.png);
	margin-right: 10px;
}
main {
	min-height: 768px;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 20px;
	padding-bottom: 20px;
}
main > ul {
	list-style: url(https://c05e6c.claudeassets.com/20230407212255im_/https://www.interfitphoto.com/assets/bullet.png);
}
footer {
	display: grid;
    grid-gap: 30px;
    grid-template-rows: .3fr .5fr .5fr .3fr;
	grid-template-columns: 1fr;
	grid-template-areas: 'subscribe'
						 'menu'
						 'contact'
						 'copyright';
	padding: 20px;
	color: #FFF;
	background: #2a2a2a; /* old browsers */
	background: -moz-linear-gradient(top, #2a2a2a 0%, #1c1c1c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #2a2a2a 0%,#1c1c1c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #2a2a2a 0%,#1c1c1c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2a2a', endColorstr='#1c1c1c',GradientType=0 ); /* IE6-9 */
}
@media only screen and (min-width: 800px) {
	main {
		padding-left: 6%;
		padding-right: 6%;
	}
	footer {
		grid-template-rows: .3fr 1fr .3fr;
		grid-template-columns: 1fr .8fr;
		grid-template-areas: 'subscribe subscribe contact'
							 'menu menu contact'
							 'copyright copyright contact';
		padding: 25px 5%;
	}
}
@media only screen and (min-width: 1285px) {
	main {
		grid-gap: 20px;
		padding-left: 8%;
		padding-right: 8%;
	}
	footer {
		grid-template-rows: 1fr .3fr;
		grid-template-areas: 'menu subscribe contact'
							 'copyright copyright contact';
		padding: 30px 5%;
	}
}
@media only screen and (min-width: 1500px) {
	main {
		padding-left: 10%;
		padding-right: 10%;
	}
	footer {
		grid-template-rows: 1fr .2fr;
		grid-template-areas: 'menu subscribe contact'
							 'copyright subscribe contact';
		padding: 30px 5%;
	}
}
nav#text {
	grid-area: menu;
}
#text div {
	float: left;
}
.bottomheading {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	color: #42A7FE;
	font-family: 'Questrial', Verdana, sans-serif;
	margin-bottom: 15px;
	text-shadow: 0px -1px 0px #000;
}
.textnav {
	margin: 0px;
	margin-right: 25px;
	padding-left: 25px;
	line-height: 1.8em;
	list-style: url(https://2bdf94.claudeassets.com/20230407212255im_/https://www.interfitphoto.com/assets/light_bullet.png);
}
@media only screen and (min-width: 1500px) {
	.textnav {
		margin-right: 50px;
	}
}
@media only screen and (max-width: 890px) {
	#text div {
		float: none;
	}
	.textaccordion {
		display: block;
		cursor: pointer;
		padding: 15px;
    	width: 90%;
		transition: 0.4s;
		border: solid 2px #999;
		border-radius: 100px 0px 0px 100px;
	}
	.textaccordion::after {
		content: "\f067";
		font-family: "Font Awesome 5 Free";
		color: #FFF !important;
		font-size: 1.2em;
		line-height: .8em;
		float: right;
		margin-left: 10px;
	}
	.textactive::after {
		content: "\f068";
		font-family: "Font Awesome 5 Free";
		color: #FFF !important;
	}
	.textactive, .textaccordion:hover {
		border: solid 2px #FFF;
	}
	.textpanel {
		max-height: 0;
		margin-left: 25px;
	    overflow: hidden;
		transition: max-height 0.2s ease-out;
	}
	.textmobile {
		display: block;
		cursor: pointer;
		padding: 15px;
    	width: 90%;
		transition: 0.4s;
		border: solid 2px #999;
		border-radius: 100px 0px 0px 100px;
	}
}
div#newsletter {
	grid-area: subscribe;
	padding-top: 0px;
}
#newsletter form {
	display: inline-block; 
	margin-left: 5px;
}
#newsletter img {
	display: inline-block;
	margin-top: 10px;
}
aside#contact {
	grid-area: contact;
	border-top: solid 1px #999;
	padding-top: 20px;
	padding-left: 0px;
}
@media only screen and (min-width: 800px) {
	aside#contact {
		border-top: 0px;
		border-left: solid 1px #999;
		padding-left: 40px;
	}
	#newsletter img {
		margin-top: 15px;
	}
}
@media only screen and (min-width: 900px) {
	#newsletter form {
		margin-left: 20px;
	}
	#newsletter img {
		margin-top: 20px;
	}
}
@media only screen and (min-width: 1315px) {
	div#newsletter {
	grid-area: subscribe;
	padding-top: 50px;
}
	aside#contact {
		padding-top: 0px;
	}
	#newsletter img {
		margin-top: 20px;
	}
}
div#socials {
	margin-top: 30px;
}
#socials ul {
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
	list-style: none;
}
#socials li {
	display: inline-block;
	margin-right: 5px;
}
#socials a { 
	display: block; 
	width: 100%; 
	height: 100%;
	text-decoration: none;
	border: none;
	opacity: 0.5;
	transition: all ease .3s;
}
#socials a:hover { 
	opacity: 1.0;
}
#socials a:active { 
	opacity: 1.0;
}
#socials img {
	width: 30px;
}
div#copyright {
	grid-area: copyright;
	margin-top: solid 1px #fff;
	padding-top: 20px;
}
@supports not (display: grid) {
	div#logo {
		float: left;
		display: inline-block;
	}
	nav#desktop {
		display: block;
		float: left;
	}
	div#search {
		display: inline-block;
		float: left;
		margin-left: 20px;
		clear: both;
	}
	aside#accountinfo {
		display: inline-block;
		float: right;
	}
	div#desktopnav {
		float: left;
	}
	section#textnav {
		width: 75%;
		float: left;
	}
	div#newsletter {
		width: 75%;
		float: left;
	}
	aside#contact {
		width: 25%;
		float: right;
	}
	div#copyright {
		width: 75%;
		float: left;
	}
}

/*-----------------------------PAGE PIECES-------------------------------*/
.box-node {
	border-radius: 10px;
	background-color: #F3F3F3;
	box-shadow: 0px 2px 8px #CCC;
	padding: 30px;
}
.paging {
	display: block;
	margin-top: 50px;
	padding: 10px 20px;	
	font-size: 100%;
	font-family: 'Questrial', Verdana, sans-serif;
	background-color:  #CBDBED;
	font-weight: bold;
	text-align: center;
}
.hero-container {
	width: 100vw;
	/* max-height: 700px; */
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	margin-top: -20px;
	/* overflow: hidden; */
	box-shadow: 0px 3px 10px #A5A5A5;
}
.hero {
	max-width: 100%;
}
.hero-img {
	display: none;
	width: 100%;
	/* max-width: 100%; */
}
.hero-img-mobile {
	display: block;
	max-width: 100%;
}
#home-blocks {
	display: block;
	margin-top: 30px;
	white-space: normal;
    text-align: center;
}
@media only screen and (min-width: 600px) {
	#home-blocks {
		margin-left: -6%;
		margin-right: 5%;
		white-space: nowrap;
	}
}
@media only screen and (min-width: 800px) {
	#home-blocks {
		margin-left: -6%;
		margin-right: 7%;
		white-space: nowrap;
	}
}
@media only screen and (min-width: 900px) {
	#home-blocks {
		margin-left: -6%;
		margin-right: 4%;
		white-space: nowrap;
	}
	.hero-img {
		display: block;
	}
	.hero-img-mobile {
		display: none;
	}
}
@media only screen and (min-width: 1200px) {
	#home-blocks {
		margin-left: -8%;
		margin-right: 0%;
		white-space: nowrap;
	}
}

@media only screen and (min-width: 1500px) {
	#home-blocks {
		margin-left: -10%;
		margin-right: -4%;
		white-space: nowrap;
	}
}
@media only screen and (min-width: 2500px) {
	#home-blocks {
		margin: 30px auto;
		white-space: nowrap;
	}
}
.promo-block {
	position: relative;
	display: inline-block;
	max-width: 100%;
	margin: 0px 0px 20px 0px;
	border-radius: 10px;
	overflow: hidden;
}
.promo-block a {
	display: block;
	border: none;
}
.promo-block img {
	display: block;
	max-width: 100%;
    border-radius: 10px;
}
@media only screen and (min-width: 600px) {
	.promo-block {
		max-width: 33.33333333%;
		display: inline-block;
		margin: 0px 10px;
	}
}
@media only screen and (min-width: 800px) {
	.promo-block {
		max-width: 33.33333333%;
		display: inline-block;
		margin: 0px 15px;
	}
}
.promo-overlay {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(000,000,000,0.7);
    border-radius: 10px;
	transform: scale(2.0);
	opacity: 0;
	transition: .5s ease;
	z-index: 20;
	animation: opac 0.8s;
}
.promo-block:hover .promo-overlay {
	opacity: 1;
	transform: scale(1.0);
}
.promo-text {
	color: #FFFFFF;
	font-size: 180%;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	white-space: normal;
}
ul.why-list {
	list-style: none;
	padding: 0px;
	text-align: center;
}
ul.why-list li {
	display: block;
	margin: 15px;
	border-right: 2px solid #777;
	border-top: 2px solid #777;
	padding: 20px;
	box-shadow: -5px 5px 0px #0072BA;
	font-size: 120%;
	font-weight: bold;
}
@media only screen and (min-width: 800px) {
	.promo-text {
		font-size: 150%;
	}
	ul.why-list {
		width: 100vw;
		position: relative;
		left: 50%;
		right: 50%;
		margin-left: -50vw;
		margin-right: -50vw;
		margin-top: 30px;
	}
	ul.why-list li{
		display: inline-block;
	}
}
@media only screen and (min-width: 1000px) {
	.promo-text {
		font-size: 200%;
	}
}
.why-icon {
	margin-right: 10px;
	background-color: #333;
	padding: 7px 9px;
	color: #FFF;
	border-radius: 50px;
}
#interfit-difference {
	padding: 15px;
	color: #FFF !important;
	text-align: center;
	background-color: #3E3E3E;
	box-shadow: inset 0px -10px 10px -10px #FFF;
	text-shadow: 0px -3px 3px #333;
	border-radius: 5px;
}
#featured-products-header {
	font-size: 180%;
	margin-top: 50px;
	margin-left: 20px;
	margin-bottom: 0px;
	width: 9em;
	border-radius: 5px 5px 0px 0px;
	background-color: #0072BA;
	padding: 8px;
	text-align: center;
	color: #FFF;
	box-shadow: 0px 1px 2px #333;
	font-weight: normal;
}
#featured-products {
	white-space: nowrap;
	overflow-x: auto;
	padding: 0px 10px 30px 0px;
	border: solid 2px #0072BA;
	border-radius: 10px;
	text-align: center;
}
#account-panel {
	display: grid;
	grid-gap: 30px;
	grid-template-areas: 'profile'
						 'orders'
						 'addresses';
}
@media only screen and (min-width: 1000px) {
	#account-panel {
		grid-template-areas: 'profile orders'
							 'profile addresses';
	}
}
#account-info {
	display: inline-block;
	grid-area: profile;
}
#account-orders {
	display: inline-block;
	grid-area: orders;
}
#account-orders table {
	border-collapse: collapse;
}
#account-orders th {
	font-size: 110%;
	padding: 10px 20px;
	color: #FFF;
	background-color: #0072BA;
	text-shadow: 0px 2px 2px #003B60;
	border: solid 1px #3A98D4;
	box-shadow: inset 0px -10px 10px -10px #FFFFFF;
}
#account-orders td {
	padding: 10px;
	border: solid 1px #CCC;
}
#account-addresses {
	grid-area: addresses;
	border-collapse: collapse;
}
#account-addresses dl {
	display: table-row; 
}
#account-addresses dt {
    display: table-cell;
	width: 35%;
	font-size: 110%;
	font-weight: bold;
	color: #FFF;
	background-color: #0072BA;
	text-shadow: 0px 2px 2px #003B60;
	padding: 10px 20px;
	box-shadow: inset -20px 0px 20px -20px #FFFFFF;
	border: solid 1px #3A98D4;
	vertical-align: middle;
}
#account-addresses dd {
	display: table-cell;
	width: 65%;
	padding: 20px;
	vertical-align: middle;
	border: 1px solid #CCC;
	text-shadow: 0px -1px 1px #FFF;
	background-image: url(https://a4ae84.claudeassets.com/20230407212255im_/https://www.interfitphoto.com/assets/paper.png);
	box-shadow: inset 0px 0px 90px #F5F5F5;
}
ul.product-list {
	list-style: none;
	margin: 0px;
}
ul.product-list li {
	display: inline-block;
	position: relative;
	width: 240px;
	border: solid 1px #999;
	text-align: center;
	box-shadow: 0px 0px 10px #CCC;
	padding: 20px 20px 0px 20px;
	border-radius: 5px;
	margin: 30px 30px 0px 0px;
	vertical-align: top;
}
ul.product-list img {
	display: block;
	width: 200px;
	margin: 0 auto;
}
.sale-ribbon {
	position: absolute;
	float: left;
	left: -7px;
	top: -7px;
	overflow: hidden;
	width: 93px;
	height: 91px;
	z-index: 1;
}
.sale-ribbon span {
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	line-height: 28px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	width: 120px;
	display: block;
	background: #79A70A;
	background: linear-gradient(#F70505 0%, #8F0808 100%);
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	top: 21px;
	left: -25px;
}
.sale-ribbon span::before {
	content: "";
	position: absolute; 
	left: 0px; 
	top: 100%;
	z-index: -1;
	border-left: 3px solid #8F0808;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #8F0808;
}
.sale-ribbon span::after {
	content: "";
	position: absolute; 
	right: 0px; 
	top: 100%;
	z-index: -1;
	border-left: 3px solid transparent;
	border-right: 3px solid #8F0808;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #8F0808;
}
.refurb-ribbon {
	position: absolute;
	float: left;
	left: -7px;
	top: -7px;
	overflow: hidden;
	width: 93px;
	height: 91px;
	z-index: 1;
}
.refurb-ribbon span {
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	line-height: 28px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	width: 120px;
	display: block;
	background: #FC9A11;
	background: linear-gradient(#FFB853 0%, #FF9500 100%);
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	top: 21px;
	left: -25px;
}
.refurb-ribbon span::before {
	content: "";
	position: absolute; 
	left: 0px; 
	top: 100%;
	z-index: -1;
	border-left: 3px solid #D67C00;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #D67C00;
}
.refurb-ribbon span::after {
	content: "";
	position: absolute; 
	right: 0px; 
	top: 100%;
	z-index: -1;
	border-left: 3px solid transparent;
	border-right: 3px solid #D67C00;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #D67C00;
}
.list-sku {
	position: relative;
	top: -20px;
	right: -20px;
	color: #555;
	float: right;
	border-bottom: dotted 1px;
	border-left: dotted 1px;
	padding: 5px;
	text-transform: capitalize;
}
.list-title {
	background-color: #0072ba;
	border-radius: 0px 50px 50px 0px;
	color: #FFF;
	text-decoration: none;
	border: 0;
	width: 90%;
	font-size: 110%;
	text-align: left;
	position: relative;
	left: -20px;
	padding: 5px 20px 5px 20px;
	text-shadow: 0px 1px 2px #00446F;
	white-space: normal;
}
.list-price {
	font-size: 150%;
	font-weight: bold;
}
.list-strike-price {
	display: block;
	color: #555;
	font-size: 125%;
	text-decoration: line-through;
}
.list-sale-price {
	color: #B12704;
	font-size: 150%;
	font-weight: bold;
}
.list-dealer-price {
	display: block;
	color: #0072BA;
	font-size: 200%;
	font-weight: bold;
	margin-bottom: 5px;
}
.list-button {
	width: 150px;
	height: 40px;
	font-size: 130%;
	text-transform: lowercase;
	border: 1px solid #CBCBCB;
	border-bottom: 0px;
	border-radius: 5px 5px 0px 0px !important;
	cursor: pointer;
	transition: all ease .3s;
	font-family: 'Questrial', Verdana, sans-serif;
	background-color: #F0F0F0 !important;
	padding: 0px !important;
	-webkit-appearance: none;
}
.list-button:hover {
	box-shadow: 0px -2px 3px #CCC;
	color: #0064A4;
	font-size: 133%;
}
#product-listing {
	display: grid;
    grid-gap: 25px;
	grid-template-areas: 'images'
						 'menu'
						 'details';
	max-width: 1300px;
	margin: 0 auto;
}
@media only screen and (min-width: 900px) {
	#product-listing {
		grid-template-rows: .25fr .75fr;
		grid-template-columns: 500px 1fr;
		grid-template-areas: 'images menu'
							 'details details';
	}
}
.cat-tag {
	display: inline-block;
	background-color: #E9E9E9;
	padding: 5px;
	border-bottom: solid 2px #0072BA !important;
	margin: 5px 5px 5px 0px;
	border-radius: 3px;
}
div#product-images {
	grid-area: images;
	max-width: 450px;
	max-height: 605px;
	box-shadow: 0px 0px 10px #CCC;
	padding: 10px;
	border: solid 1px #999;
	border-radius: 5px;
	text-align: center;
	position: relative;
}
@media only screen and (max-width: 900px) {
	div#product-images {
		margin: 0 auto;
	}
}
div#product-images a {
	border: none;
	text-decoration: none;
}
#main-image {
	max-width: 100%;
}
div#img-gallery {
	overflow-x: auto;
	overflow-y: hidden;
}
div#img-gallery ul {
	float: left;
	white-space: nowrap;
	list-style: none;
	margin: 0px -999em 0px 0px;
	padding: 0px;
}
div#img-gallery li {
	float: left;
	display: inline;
	border: solid 1px #CCC;
	padding: 3px;
	margin-right: 15px;
}
div#img-gallery a {
	display: block;
	opacity: .75;
	transition: all ease .3s;
}
div#img-gallery a:hover {
	opacity: 1.0;
}
#sku-block {
	position: relative;
	top: -10px;
	right: -10px;
	float: right;
	font-weight: bold;
	color: #555;
	text-transform: capitalize;
	padding: 5px 10px 5px 10px;
	border-left: 2px dotted;
	border-bottom: 2px dotted;
}
aside#buy-info {
	grid-area: menu;
	padding: 0px 30px 30px 0px;
}
ul.info-list li {
	list-style: url(https://c05e6c.claudeassets.com/20230407212255im_/https://www.interfitphoto.com/assets/bullet.png);
	margin-bottom: 8px;
}
.price-list {
	display: block;
	text-align: left;
	font-family: 'Questrial', Verdana, sans-serif;
	margin: 15px 0px;
}
.price {
	font-size: 200%;
	font-weight: bold;
}
.strike-price {
	display: block;
	color: #555;
	font-size: 150%;
	text-decoration: line-through;
}
.sale-price {
	color: #B12704;
	font-weight: bold;
	font-size: 200%;
}
.dealer-price {
	display: block;
	margin-bottom: 15px;
	font-size: 200%;
	color: #0072BA;
	font-weight: bold;
}
.quantity {
	display: inline-block;
	font-family: 'Roboto', Verdana, sans-serif;
	font-size: 125%;
	width: 3em;
	padding: 5px;
	margin-left: 20px;
	border: 1px solid #ccc;
	border-radius: 5px;
	transition: all ease .3s;
}
.quantity:focus {
	box-shadow: inset 0px 0px 3px #0072BA;
	border: 1px solid rgba(251,251,251,0.00);
}
.buybutton {
	display: inline-block;
	color: #FFFFFF;
	font-family: 'Questrial', Verdana, sans-serif;
	font-size: 160%;
	text-transform: lowercase;
	background-color: #0072BA;
	border-radius: 50px;
	outline: none;
	border: none;
	margin-top: 15px;
	padding: 10px 20px 10px 20px !important;
	cursor: pointer;
	transition: all ease .3s;
	text-align: center;
	-webkit-appearance: none;
}
.buybutton:hover {
	box-shadow: 0 15px 35px 0 rgba(23,55,87,.1), 0 5px 15px 0 rgba(0,0,0,.07);
	transform: scale(1.1);
}
@media only screen and (min-width: 980px) {
	.buybutton {
		padding: 10px 30px 10px 30px;
	}
}
.sharethis-inline-share-buttons {
	margin-top: 30px;
}

div#details {
	grid-area: details;
}
.tab {
    overflow: hidden;
    border-bottom: 3px solid #0072BA;
	margin-bottom: 20px;
	margin-right: -20px;
	margin-left: -20px;
}
.tab button {
	background-color: inherit;
	font-family: 'Questrial', Verdana, sans-serif;
	font-size: 100%;
	text-transform: lowercase;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 15px 5px;
	margin: 0px;
	text-align: center;
	transition: 0.3s;
}
@media only screen and (min-width: 600px) {
	.tab button {
		font-size: 1.3em;
		padding: 14px 16px;
	}
}
@media only screen and (min-width: 900px) {
	.tab {
		margin-right: 0px;
		margin-left: 0px;
	}
	.tab button {
		font-size: 1.3em;
		padding: 14px 16px;
		margin-right: 20px;
	}
}
.tab button:hover {
	background-color: #C2C2C2;
}
.tab button.active {
	color: #FFFFFF;
    background-color: #0072BA;
	box-shadow: inset 0px -10px 10px -10px #FFF;
}
.tabcontent {
    display: none;
	animation: fadeEffect 1s;
}
.tabcontent li {
	margin-bottom: .8em;
}
@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
#specs {
	display: table;
	width: 100%;
	border-collapse: collapse;
}
#specs dl {
	display: table-row; 
}
#specs dl:nth-child(even) {
	background-color: #EDEDED;
}
#specs dl:nth-child(odd) {
	background-color: transparent;
}
#specs dt {
	display: table-cell;
	font-weight: bold;
	padding: 8px;
	border-top: 0;
	border-bottom: 1px dotted rgba(0,0,0,.1);
	margin: 0;
	line-height: 1.5em;
}
#specs dd {
	display: table-cell;
	padding: 8px;
	font-style: italic;
	border-top: 0;
	border-bottom: 1px dotted rgba(0,0,0,.1);
	margin: 0;
	line-height: 1.5em;
}
@media only screen and (min-width: 600px) {
	#specs dt {
		width: 90px;
	}
}
#no-reviews {
	display: block;
	font-size: 120%;
	font-weight: bold;
	background-color: #e4e4e4;
	width: 50%;
	padding: 20px;
}
.rating-select {
	color: #FFBD00;
	font-size: 100%;
	margin: 5px;
}
.ratings {
	list-style: none;
}
.ratings li {
	border-bottom: dotted 1px rgba(0,0,0,.1);
	margin: 0;
	padding: 10px;
}
.ratings li:nth-child(even) {
	background-color: #EDEDED;
}
.ratings li:nth-child(odd) {
	background-color: transparent;
}
.ratings img {
	margin-right: 10px;
	box-shadow: 0px 0px 10px #CCC;
}
.ratings a {
	display: block;
	margin-bottom: 5px;
	border-bottom: none;
}
.rating-display {
	display: block;
	color: #FFBD00;
	border-radius: 50px;
	padding: 2px 5px 2px 5px;
	background-color: #0072ba;
	margin: 10px 0px;
	width: 7em;
	text-align: center;
}
#count {
	background-color: #0072BA;
	color: #FFFFFF;
	padding: 5px;
	border-radius: 50px;
	display: inline-block;
	min-width: 42px;
	text-align: center;
	margin-left: 10px;
	font-family: 'Roboto', Verdana, sans-serif;
	font-weight: normal;
	font-size: 90%;
}
#cart-wrap {
	display: grid;
	grid-gap: 30px;
	grid-template-areas: 'products products'
						 'totals .';
}
@media only screen and (min-width: 1200px) {
	#cart-wrap {
		grid-template-rows: 1fr 1fr;
		grid-template-columns: .75fr .25fr;
		grid-template-areas: 'products totals'
							 'products .';
	}
}
#products {
	grid-area: products;
}
dl, dd, dt {
    margin: 0;
}
.cart {
    display: table;
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 30px;
}
.cart dl {
	display: table-row; 
}
.cart dt {
    display: table-cell;
	font-size: 110%;
	font-weight: bold;
	font-family: 'Questrial', Verdana, sans-serif;
	text-align: center;
	padding: 5px;
	border-top: solid 1px #333;
	border-bottom: solid 1px #333;
	background-color: #f3f3f3;
	vertical-align: middle;
}
.cart dd {
	display: table-cell;
	border: 1px solid #CCC;
	vertical-align: middle;
	padding: 10px;
}
.cart-imgcell {
	display: none !important;
}
@media only screen and (min-width: 800px) {
	.cart-imgcell {
		display: table-cell !important;
		text-align: center;
	}
}
.money {
	text-align: right;
}
dl.total dt {
	text-align: left;
}
dd.blank {
	border: 0px;
}
.totals {
	text-align: left;
}
.totals th, .totals dt {
	padding-right: 30px;
	text-align: left;
}
.discount-code {
	display: inline-block;
	color: #028F12;
	padding: 2px 4px 2px 4px;
	border: dashed 2px;
	font-size: 80%;
	font-family: 'Roboto', Verdana, sans-serif !important;
}
.bag-quantity {
	width: 2em;
	font-size: 80%;
	padding: 5px;
	border-radius: 5px;
	border: solid 1px #CCC;
}
@media only screen and (min-width: 800px) {
	.bag-quantity {
		width: 3.5em;
		font-size: 100%;
	}
}
.promo-box {
	max-width: 300px;
	margin-top: 20px;
}
.promofield {
	width: 50%;
	font-size: 110%;
	text-transform: uppercase;
	border-radius: 5px;
	padding: 5px 10px 5px 10px;
	border: 1px solid #ccc;
	transition: all ease .3s;
}
.promofield:focus, .bag-quantity:focus {
	box-shadow: inset 0px 0px 3px #0072BA;
	border: 1px solid rgba(251,251,251,0.00);
}
.desc {
	display: none;
	font-size: 90%;
}
@media only screen and (min-width: 600px) {
	.desc {
		display: block;
	}
}
.remove_cart {
	border: 0;
	padding: 0;
	margin: 0;
	text-decoration: none;
	background-color: transparent;
	cursor: pointer;
}
.remove_cart img {
	width: 25px;
}
.cart-img {
	
}
#totals {
	grid-area: totals;
	font-size: 110%;
	border: solid 1px #777;
}
#checkout {
	display: inline-block;
	color: #FFFFFF !important;
	font-family: 'Questrial', Verdana, sans-serif;
	font-size: 160%;
	text-transform: lowercase;
	background-color: #0072BA;
	border-radius: 50px;
	outline: none !important;
	border: none !important;
	margin-top: 15px;
	padding: 10px 30px 10px 30px;
	cursor: pointer;
	transition: all ease .3s;
}
#checkout:hover {
	box-shadow: 0 5px 15px 0 rgba(23,55,87,.2), 0 5px 15px 0 rgba(0,0,0,.1);	
	transform: scale(1.1);
}
#shipping-mobile {
	display: none;
	width: 100%;
	border-radius: 10px;
	margin: 20px 0;
}
#shipping-img {
	display: none;
	position: relative;
	top: -10px;
	left: -30px;
	bottom: -30px;
	margin-right: 40px;
	border-radius: 10px 0px 0px 10px;
}
@media only screen and (min-width: 600px) {
	#shipping-mobile {
		display: block;
	}
}
@media only screen and (min-width: 1500px) {
	#shipping-mobile {
		display: none;
	}
	#shipping-img {
		display: inline-block;
	}
}
#address-list {
    display: table;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 30px;
	border-collapse: collapse;
	box-shadow: 0px 2px 8px #CCC;
}
#address-list dl {
	display: table-row; 
}
#address-list dt {
    display: table-cell;
	font-size: 110%;
	font-weight: bold;
	color: #FFF;
	background-color: #0072BA;
	text-shadow: 0px 2px 2px #003B60;
	padding: 10px;
	box-shadow: inset 0px -10px 10px -10px #FFFFFF;
	vertical-align: middle;
}
#address-list dd {
	display: table-cell;
	padding: 20px;
	vertical-align: top;
	border: 1px solid #CCC;
	text-shadow: 0px -1px 1px #FFF;
	background-image: url(https://a4ae84.claudeassets.com/20230407212255im_/https://www.interfitphoto.com/assets/paper.png);
	box-shadow: inset 0px 0px 90px #F5F5F5;
}
.address-select {
	display: block;
	padding: 10px;
	border: dotted 1px;
	background-color: #ECECEC;
	text-align: left;
	margin-bottom: 10px;
}
.add-address {
	display: inline-block; 
}
@media only screen and (min-width: 600px) {
	#address-list {
		font-size: 125%;
	}
}
@media only screen and (min-width: 1200px) {
	.add-address {
		margin-left: 20px;
	}
}
#page-hero {
	display: block;
	overflow: hidden;
	border-radius: 10px;
	text-align: left;
	
}
#page-hero img {
	max-width: 100%;
}
#page-hero h1 {
	color: #FFF;
}
#page-intro {
	display: block;
	margin: 30px 10px;
	font-size: 100%;
}
.cp-divider {
	display: block;
	margin-top: 80px;
	text-align: center;
	padding-bottom: 15px;
}
.cp-divider img {
	display: block;
	width: 100px;
	margin: 0 auto;
}
.cp-divider h1 {
	display: inline-block;
	font-size: 250%;
	vertical-align: middle;
	margin: 0px;
}
@media only screen and (min-width: 800px) {
	.cp-divider img {
		display: inline-block;
		vertical-align: middle;
		margin-right: 25px;
	}
	.cp-divider h1 {
		font-size: 300%;
	}
	#page-intro {
		margin: 50px;
	}
}
@media only screen and (min-width: 1200px) {
	#page-intro {
		margin: 50px;
		font-size: 120%;
	}
}
#cp-list {
	list-style: none;
	margin: 0px 4%;
	padding: 0px;
	text-align: center;
}
#cp-list li {
	display: inline-block;
	border: solid 1px #E0E0E0;
	box-shadow: 0px 0px 5px #CCC;
	padding: 20px;
	margin: 10px;
	text-align: left;
	background-color: #F3F3F3;
	vertical-align: top;
}
#cp-list h2 {
	font-size: 200%; 
	margin-bottom: 0px;
}
#cp-list h3 {
	font-size: 125%;
	opacity: .75;
	margin-top: 5px;
}
#cp-list a {
	border: none;
	transition: all ease .5s;
}
#cp-list a:hover {
	border: none;
}
#cp-list img {
	max-width: 100%;
}
@media only screen and (min-width: 800px) {
	#cp-list {
		margin: 0px -6%;
	}
	#cp-list li {
		max-width: 350px;
	}
	#cp-list img {
		max-width: 350px;
	}
}
#cp-header {
	background-color: #0072BA;
	padding: 20px 40px;
	box-shadow: 0px 2px 10px #CCC;
	margin-bottom: 50px;
	border: solid 5px #005081;
	border-radius: 10px;
	text-shadow: 0px 2px 2px #005081;
}
#cp-header img {
	display: block;
	max-width: 150px;
	margin: 0 auto;
}
#cp-header h1 {
	display: block;
	margin: 10px 0px; 
	color: #FFF; 
	font-size: 250%;
	text-align: center;
}
#cp-header h2 {
	display: block;
	font-size: 180%;
	margin: 0px;
	text-align: center;
}
.cp-title {
	display: block;
	text-align: center;
	vertical-align: middle;
}
@media only screen and (min-width: 800px) {
	.cp-title {
		display: inline-block;
		text-align: left;
	}
	#cp-header img {
		display: inline-block;
		vertical-align: middle;
	}
	#cp-header h1 {
		display: block;
		margin: 0px 30px;
		text-align: left;
	}
	#cp-header h2 {
		display: block;
		text-align: left;
		margin: 0px 30px;
	}
}
@media only screen and (min-width: 900px) {
	#cp-header h1 {
		font-size: 350%;
	}
}
@media only screen and (min-width: 1200px) {
	#cp-header h1 {
		display: inline-block; 
		margin: 0px 30px;
		text-align: left;
	}
	#cp-header h2 {
		display: inline-block;
		text-align: left;
		margin: 0px;
	}
}
#cp-profile {
	display: grid;
	grid-gap: 30px;
	grid-template-areas: 'about'
						 'events'
						 'favs'
						 'gallery';
}
#cp-about {
	grid-area: about;
	display: grid;
	grid-gap: 0px;
	grid-template-areas: 'photo'
						 'bio';
	margin: 0;
}
#cp-info {
	grid-area: photo;
	display: inline-block;
	border: none;
	margin: 0;
}
#cp-info h1 {
	color: #0072BA !important;
}
#cp-headshot {
	max-width: 500px;
	max-height: 500px;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 auto;
}
@media only screen and (min-width: 800px) {
	#cp-profile {
		display: grid;
		grid-gap: 30px;
		grid-template-areas: 'about about'
							 'events favs'
							 'gallery gallery';
	}
	#cp-about {
		grid-gap: 30px;
		grid-template-areas: 'photo bio';
	}
	#cp-info {
		border-right: solid 1px #C9C9C9;
		padding-right: 30px;
	}
}
@media only screen and (min-width: 1200px) {
	#cp-profile {
		display: grid;
		grid-gap: 30px;
		grid-template-columns: .3fr .7fr;
		grid-template-areas: 'about about'
							 'events gallery'
							 'favs gallery'
							 '. gallery';
	}
}
#cp-headshot img {
	max-width: 100%;
	max-height: 100%;
}
.cp-links {
	height: 30px;
}
.cp-links a {
	border: none; 
	font-size: 180%;
	margin-right: 10px;
}
.cp-links a:hover {
	border: 0px;
	font-size: 200%;
}
#cp-bio {
	grid-area: bio;
	display: inline-block;
}
#cp-bio p {
	font-size: 110%;
	line-height: 1.5;
}
#cp-favs {
	grid-area: favs;
	display: inline-block;
}
#cp-favs ul {
	margin: 0px;
}
#cp-favs li {
	margin-bottom: 20px;
	border-radius: 50px;
	background-color: #0072BA;
	padding: 6px 20px;
}
#cp-favs a {
	display: block;
	width: 100%;
	height: 100%;
	color: #FFFFFF;
	font-weight: bold;
	border: none;
	border-radius: 50px;
	text-shadow: 0px -1px 0px #004672;
	transition: all ease .5s;
}
#cp-favs a:hover {
	border: none;
	color: rgba(255,255,255,0.75);
	padding-left: 5px;
}
#cp-portfolio {
	grid-area: gallery;
	display: inline-block;
}
#photos {
  line-height: 0;
   
  -webkit-column-count: 1;
  -webkit-column-gap:   5px;
  -moz-column-count:    1;
  -moz-column-gap:      5px;
  column-count:         1;
  column-gap:           5px;
}
#photos a {
	border: none;
}
#photos a:hover > img {
	border: none;
}
#photos img {
	max-width: 100% !important;
	height: auto !important;
	margin-top: 5px;
	transition: all ease .5s;
}
#photos img:hover {
	box-shadow: 0px 0px 10px #333;
	transform: scale(1.1);
	z-index: 7;
}
@media (min-width: 600px) {
	#photos {
	-moz-column-count:    2;
	-webkit-column-count: 2;
	column-count:         2;
	}
}
@media (min-width: 1000px) {
	#photos {
	-moz-column-count:    3;
	-webkit-column-count: 3;
	column-count:         3;
	}
}
@media (min-width: 1500px) {
	#photos {
	-moz-column-count:    4;
	-webkit-column-count: 4;
	column-count:         4;
	}
}
#cp-events {
	grid-area: events;
	display: inline-block;
}
#cp-events-list {
	display: table;
	width: 100%;
	border-collapse: collapse;
}
#cp-events-list dl {
	display: table-row; 
}
#cp-events-list dt {
	display: table-cell;
	border-top: 0;
	margin: 0;
	padding-bottom: 20px;
}
#cp-events-list dd {
	display: table-cell;
	border-top: 0;
	margin: 0;
	line-height: 1.5em;
	padding-left: 10px;
	vertical-align: top;
}
#cp-events-list h3 {
	margin: 0px;
}
time.small-icon {
	font-size: 1em;
	display: inline-block;
	position: relative;
	width: 4em;
	height: 4em;
	background-color: #fff;
	border-radius: 0.6em;
	box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
	overflow: hidden;
}
time.small-icon * {
	display: block;
	width: 100%;
	font-size: 1em;
	font-weight: bold;
	font-style: normal;
	text-align: center;
}
time.small-icon strong {
	position: absolute;
	top: 0;
	padding: 3px 0;
	color: #fff;
	background-color: #0072ba;
	border-bottom: 1px dashed #81bde3;
	box-shadow: 0 2px 0 #0072ba;
}
time.small-icon em {
	position: absolute;
	bottom: 0.3em;
	color: #696969;
}
time.small-icon span {
	font-size: 2em;
	letter-spacing: -0.05em;
	padding-top: 0.8em;
	color: #2f2f2f;
}
#events-list {
	display: table;
	width: 100%;
	border-collapse: collapse;
}
#events-list dl {
	display: table-row;
	border-bottom: dotted 2px #CCC;
}
#events-list dt {
	display: table-cell;
	border-top: 0;
	margin: 0;
	padding: 5px 0px 5px 5px;
}
#events-list dd {
	display: table-cell;
	width: 100%;
	border-top: 0;
	margin: 0;
	line-height: 1.5em;
	padding-left: 20px;
	vertical-align: middle;
}
#events-list h2 {
	font-size: 125%;
	margin-bottom: 5px;
}
#events-list h3 {
	margin: 0px;
	color: #787878;
	font-family: 'Roboto', Verdana, sans-serif;
	font-size: 115%;
	font-style: italic;
	font-weight: normal;
}
#event-header {
	display: table;
	grid-area: header;
	width: 100%;
	border-collapse: collapse;
}
#event-header dl {
	display: table-row;
}
#event-header dt {
	display: block;
	border-top: 0;
	margin: 0;
	text-align: center;
}
#event-header dd {
	display: block;
	border-top: 0;
	margin: 0;
	padding-left: 0px;
	vertical-align: middle;
}
#event-header h1 {
	font-size: 190%;
	margin-left: 20px;
}
time.icon {
	font-size: 1em; /* change icon size */
	display: inline-block;
	position: relative;
	width: 6em;
	height: 6em;
	margin: 20px 0px;
	background-color: #fff;
	border-radius: 0.6em;
	box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
	overflow: hidden;
}
time.icon * {
	display: block;
	width: 100%;
	font-size: 1em;
	font-weight: bold;
	font-style: normal;
	text-align: center;
}
time.icon strong {
	position: absolute;
	top: 0;
	padding: 0.4em 0;
	color: #fff;
	background-color: #0072ba;
	border-bottom: 1px dashed #81bde3;
	box-shadow: 0 2px 0 #0072ba;
}
time.icon em {
	position: absolute;
	bottom: 0.3em;
	color: #787878;
}
time.icon span {
	font-size: 2.3em;
	letter-spacing: -0.05em;
	padding-top: 0.9em;
	color: #333;
}
#event-info {
	display: grid;
	grid-gap: 15px;
	grid-template-areas: 'header'
						 'photo'
						 'info'
						 'about';
}
#event-info p {
	font-size: 120%;
	margin-left: 30px;
}
#event-photo {
	display: block;
	grid-area: photo;
	text-align: center;
}
#event-photo img {
	max-width: 100%;
	max-height: 500px; 
	border: solid 3px #0072BA;
}
#event-details {
	grid-area: info;
}
#event-description {
	grid-area: about;
}
@media only screen and (max-width: 600px) {
	#event-header time {
		width: 7em;
		height: 7em;
	}
	#event-header span {
		font-size: 2.8em;
		padding-top: 0.8em;
	}
}
@media only screen and (min-width: 600px) {
	#events-list dt {
		padding: 5px 0px 5px 20px;
	}
	#events-list h2 {
		font-size: 150%;
	}
	#event-header dt {
		display: table-cell;
		padding-left: 20px;
	}
	#event-header dd {
		display: table-cell;
	}
	time.icon {
		width: 7em;
		height: 7em;
	}
	time.icon span {
		font-size: 2.8em;
		padding-top: 0.8em;
	}
}
@media only screen and (min-width: 800px) {
	#event-header dd {
		padding-left: 25px;
	}
	#event-header h1 {
		font-size: 250%;
		margin: 0px;
	}
}
@media only screen and (min-width: 1000px) {
	#event-info {
		grid-gap: 30px;
		grid-template-areas: 'header header'
							 'photo info'
						 	 'about about';
	}
}
@media only screen and (min-width: 1200px) {
	#event-details h1 { 
		font-size: 300%;
	}
}
@media only screen and (min-width: 1500px) {
	#event-header dt {
		padding-left: 0;
	}
	#event-header dd {
		padding-left: 0;
	}
}
#blog-page {
	display: grid;
	width: 100%;
	grid-gap: 30px;
	grid-template-areas: 'article'
						 'archive';
}
#blog-col {
	display: inline-block;
	grid-area: article;
}
#blog-col h1 {
	margin-bottom: 10px;
	margin-top: 20px;
}
#blog-col img {
	max-width: 100%;
	height: 100% !important;
}
.meta {
	margin-bottom: 50px;
}
.blog-list {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.blog-list li {
	display: block;
	padding: 30px;
	margin-bottom: 20px;
	border: solid 1px #ADADAD;
	border-radius: 10px;
}
.blog-list img {
	display: inline-block;
	margin-right: 30px;
	padding: 5px;
	border: solid 1px #CCC;
}
.entry-title {
	display: inline-block;
	margin: 10px 0px;
}
.comment-count {
	display: inline-block;
	border: dotted 1px;
	padding: 2px 5px;
	margin: 0px;
	font-variant: small-caps;
}
.post-tags {
	list-style: none;
	margin: 0;
	padding: 0;
}
.post-tags li {
	display: inline-block;
	margin: 8px 3px;
}
.post-tags a {
	font-family: 'Questrial', Verdana, sans-serif;
	text-transform: uppercase;
	font-size: 90%;
	background-color: #ECECEC;
	padding: 5px;
	border: none;
}
.post-tags a:hover {
	border: none;
	color:  #333;
	background-color: #DADADA;
}
.blog-tag {
	padding: 2px 5px;
	color: #FFF !important;
	font-weight: bold;
	background-color: #619EC5;
	border: none !important;
	box-shadow: 0px 2px 0px #0163A1;
	border-radius: 5px;
	text-shadow: 0px 1px 0px #0072BA;
	transition: all ease .3s;
}
.blog-tag:hover {
	padding: 1px 5px 3px 5px;
	box-shadow: 0px 1px 0px #0163A1;
	text-shadow: 0px -1px 0px #0072BA;
}
#blognav {
	display: inline-block;
	grid-area: archive;
	padding-top: 1px;
}
#blognav h2 {
	padding: 10px 20px;
	background-color: #D1D1D1;
}
#blognav ul {
	padding-left: 20px;
}
#blognav li {
	list-style: url(https://c05e6c.claudeassets.com/20230407212255im_/https://www.interfitphoto.com/assets/bullet.png);
	margin: 15px;
	font-weight: bold;
}
#blognav li li {
	list-style: disc;
	margin: 10px 0px;
	font-weight: normal;
}
#blognav a {
	padding: 2px 5px;
	color: #FFF;
	background-color: #619EC5;
	border: none;
	box-shadow: 0px 2px 0px #0163A1;
	border-radius: 5px;
	text-shadow: 0px 1px 0px #0072BA;
	transition: all ease .3s;
}
#blognav a:hover {
	padding: 1px 5px 3px 5px;
	box-shadow: 0px 1px 0px #0163A1;
	text-shadow: 0px -1px 0px #0072BA;
}
@media only screen and (min-width: 1200px) {
	#blog-page {
		grid-gap: 50px;
		grid-template-columns: .75fr .25fr;
		grid-template-areas: 'article archive'
						 	 'article .';
	}
}
#contact-container {
	display: grid;
	grid-gap: 50px;
	grid-template-areas: 'form'
						 'info';
	margin-bottom: 50px;
}
#contact-container h1 {
	margin: 0px 0px 20px 0px;
}
#contact-form {
	display: inline-block;
	grid-area: form;
	border-right: none;
	border-bottom: dotted 3px #CCC;
	padding: 0px 0px 30px 0px;
}
#contact-form span {
	display: inline-block;
	float: left;
	width: 50%;
}
.contact-field {
	width: 90%;
	height: 2em;
}
.contact-textarea{
	width: 95%;
	min-height: 10em;
}
#contact-info {
	grid-area: info;
}
#contact-details {
	display: table;
	width: 100%;
	border-collapse: collapse;
}
#contact-details dl {
	display: table-row;
	padding-bottom: 20px;
}
#contact-details dt {
	display: table-cell;
	border: solid 1px #0072BA;
	padding: 0px 20px;
	background-color: #0072BA;
	color: #FFF !important;
}
#contact-details dd {
	display: table-cell;
	border: solid 1px #0072BA;
	padding: 0px 20px;
	font-size: 95%;
}
@media only screen and (min-width: 800px) {
	#contact-details dd {
		font-size: 115%;
	}
}
@media only screen and (min-width: 1000px) {
	#contact-container {
		grid-template-columns: 60% 40%;
		grid-template-areas: 'form info';
	}
	#contact-form {
		border-right: dotted 3px #CCC;
		border-bottom: none;
		padding: 0px 30px 0px 0px;
	}
	#contact-details dd {
		font-size: 120%;
	}
}
.user-manuals {
	display: block;
	margin: 15px 0px;
	vertical-align: top;
	text-align: left;
}
.user-manuals h2 {
	margin: 0px 0px 15px 0px;
	padding-bottom: 3px;
	border-bottom: dotted 3px #CCC;
	text-transform: capitalize;
}
.user-manuals li {
	border-radius: 50px;
	background-color: #0072BA;
	padding: 6px 20px;
	margin-bottom: 15px;
	list-style: url(https://c05e6c.claudeassets.com/20230407212255im_/https://www.interfitphoto.com/assets/bullet.png);
}
@media only screen and (min-width: 800px) {
	.user-manuals {
		display: inline-block;
		width: 300px;
		margin: 15px;
	}
}
.user-manuals a {
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	border: none;
	border-radius: 50px;
	text-shadow: 0px -1px 0px #004672;
	transition: all ease .5s;
}
.user-manuals a:hover {
	border: none;
	color: rgba(255,255,255,0.75);
	padding-left: 5px;
}
#firmware-list {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#firmware-list li {
	display: block;
	margin: 15px 0px;
	text-align: center;
	padding: 20px;
	border: solid 1px #CCC;
	border-radius: 10px;
	vertical-align: top;
}
@media only screen and (min-width: 600px) {
	#firmware-list li {
		display: inline-block;
		width: 280px;
		margin: 15px;
	}
}
#firmware-list a {
	border: none;
}
#firmware-list img {
	max-width: 100%;
}
#firmware-details {
	text-align: center;
}
#firmware-details h2 {
	font-size: 200%;
}
#firmware-details h3 {
	font-size: 135%;
}
#version-number {
	padding: 10px;
	color: #FFF;
	background-color: #0072BA;
	border-radius: 100px;
	box-shadow: 0px 2px 2px #A5A5A5;
}
.download-button {
	display: block;
	color: #FFF !important;
	font-size: 120%;
	font-family: 'Questrial', Verdana, sans-serif;
	text-shadow: 0px -1px 0px #266B92;
	text-align: center;
	padding: 12px 18px !important;
	background-color: #008CDD;
	border: solid 1px #0C5F8F !important;
	border-radius: 5px;
	text-transform: lowercase;
	margin: 10px 10px 10px 0px;
	cursor: pointer;
	transition: all ease .3s;
	-webkit-appearance: none;
}
.download-button:hover {
	box-shadow: 0px 2px 3px #999;
}
#update-list {
	display: inline-block;
	margin: 20px 0px;
	text-align: left;
}
#update-list ul {
	list-style: none;
	margin: 0px;
	padding-left: 15px;
	line-height: 1.5em;
}
#update-list h3 {
	margin-top: 0px;
}
#usb-location {
	display: block;
	margin: 0 auto;
	text-align: center;
}
#usb-location img {
	margin: 20px;
	border-radius: 10px;
	box-shadow: 0px 0px 8px #CCC;
}
.firmware-textbox {
	width: 80%;
	text-align: left;
	margin: 20px auto;
	padding: 5px 20px;
	background-color: #F3F3F3;
}
.firmware-textbox ul {
	list-style: url(https://c05e6c.claudeassets.com/20230407212255im_/https://www.interfitphoto.com/assets/bullet.png);
}
.firmware-textbox li {
	margin-bottom: 1em;
}
.firmware-textbox li li {
	list-style: disc;
}
#media-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
#media-list li {
	display: block;
	border-bottom: dotted 2px #CCC;
}
#media-list li:hover {
	background-color: #F3F3F3;
}
#media-list a {
    padding: 20px;
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
    border: none;
}
/*--------------------------EXTRAS--------------------------*/
.slideshow-container {
	width: 100vw;
	max-height: 700px;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	margin-top: -20px;
	box-shadow: 0px 3px 15px #AEAEAE;
}
.slide {
    display: none;
	transition: ease all 1.5s;
}
.prev, .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	margin-top: -22px;
	padding: 10px 15px 10px 30px;
	color: rgba(255,255,255,0.4);
	transition: 0.6s ease;
	background-color: transparent;
	border: 0px;
	font-size: 35px;
}
.next {
	right: 0;
	padding: 10px 30px 10px 15px !important;
}
.prev:hover, .next:hover {
	color: rgba(255,255,255,1.00);
}
.down {
	position: absolute;
	width: 100%;
	color: #FFFFFF !important;
	text-align: center;
	font-size: 35px;
	border: 0px !important;
	text-decoration: none;
	transition: all ease .6s;
	animation: MoveUpDown 2s linear infinite;
	opacity: 0.7;
}
@keyframes MoveUpDown {
  0%, 100% {
    bottom: 20px;
  }
  50% {
    bottom: 30px;
  }
}
.down:hover {
	opacity: 1.0;
}
.active {
	background-color: #717171;
}
@media only screen and (max-width: 600px) {
	.prev, .next {
		font-size: 100%;
	}
	.down {
		font-size: 150%;
	}
	@keyframes MoveUpDown {
	  0%, 100% {
		bottom: 10px;
	  }
	  50% {
		bottom: 20px;
	  }
	}
}
.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
}
@-webkit-keyframes fade {
	from {opacity: .4}
	to {opacity: 1}
}
@keyframes fade {
	from {opacity: .4}
	to {opacity: 1}
}
.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
} 
.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; 
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}
.youtube {
	background-color: #000;
	margin-bottom: 30px;
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	cursor: pointer;
}
.youtube img {
	width: 100%;
	top: 0;
	left: 0;
}
.youtube .play-button {
	width: 90px;
	height: 60px;
	background-color: #FF0000;
	box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
	z-index: 1;
	opacity: 0.8;
	border-radius: 6px;
}
.youtube .play-button:before {
	content: "";
	border-style: solid;
	border-width: 15px 0 15px 26.0px;
	border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
	cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
	position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
	top: 50%;
	left: 50%;
	transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}
.note {
	position: absolute;
    z-index: 101;
    top: 0;
    left: 0;
    right: 0;
	background-color: rgb(0, 114, 186);
	color: #fff;
	text-align: center;
	padding: 10px 30px;
	font-family: 'Questrial', Verdana, sans-serif;
	font-size: 150%;
	box-shadow: 0px 5px 10px #bfbfbf;
	-webkit-transform: translateY(-150px);
	-webkit-animation: slideDown 4s 0.5s 1 ease forwards;
	transform: translateY(-150px);
	animation: slideDown 4s 0.5s 1 ease forwards;
}
@-webkit-keyframes slideDown {
    0%, 100% { -webkit-transform: translateY(-150px); }
    10%, 90% { -webkit-transform: translateY(0px); }
}
@keyframes slideDown {
    0%, 100% { transform: translateY(-150px); }
    10%, 90% { transform: translateY(0px); }
}
.modal {
	position: fixed;
	z-index: 99;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
}
#popupModal {
	display: block;
}
#backorderModal {
	display: none;
}
.modal-content {
	display: block;
	position: relative;
	top: 10%;
	padding: 30px;
	background-color: #F3F3F3;
	border-radius: 10px;
	box-shadow: 0px 5px 10px #555;
	margin: 0 auto;
	max-width: 500px;
}
.close {
    color: #AAA;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.validate {
    display: none;
    opacity: 0;
}
/*
     FILE ARCHIVED ON 21:25:14 Jul 07, 2020 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:10:05 May 30, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.83
  exclusion.robots: 0.068
  exclusion.robots.policy: 0.052
  esindex: 0.028
  cdx.remote: 9.682
  LoadShardBlock: 65.236 (3)
  PetaboxLoader3.datanode: 302.888 (5)
  load_resource: 686.148 (2)
  PetaboxLoader3.resolve: 120.708 (2)
*/