/**** ORTHOTIC SOLUTIONS NYC ****/
body, table	{font-family:inherit; font-size:100%;}
body	{
	margin:0 auto; padding:0; border:0;
	font-family:Nunito, system-ui, sans-serif;
	font-weight:300;
}

a	{color:#1861b2;}
a:link	{}
a:visited	{}
a:hover	{color:#387bc6;}

.l	{text-align:left;}
.c	{text-align:center;}
.r	{text-align:right;}
.j	{text-align:justify;}

.cf	{box-sizing:border-box;}
.cf:before, .cf:after	{content:''; display:table;}
.cf:after	{clear: both;}

form	{position:relative;}
form.disabled:before	{content:" "; position:absolute; z-index:9; top:0; left:0; height:100%; width:100%; background:rgba(255,255,255,0.65); display:inline-block; vertical-align:middle; text-align:center;}
form.disabled:after	{content:"This form is temporarily disabled"; position:absolute; z-index:10; top:50%; left:0; width:100%; margin-top:-2em; line-height:2; text-align:center;}

label.cf	{display:block; margin:0.5em auto;}
label.cf span	{display:block; box-sizing:border-box;}
label input, label textarea	{box-sizing:border-box; border:1px solid #ccc; width:100%; padding:4px;}

.cl	{clear:left;}
.cr	{clear:right;}
.cb	{clear:both;}

.wr	{max-width:1024px; margin:0 auto; box-sizing:border-box;}
.in	{box-sizing:border-box; margin:0 auto; padding:2em;}

.fl>img, .fr>img	{max-width:100%; height:auto;}

#hdr	{background:#5894d7; color:#221e1f;}
	#hdr a	{color:#f9fafb; text-decoration:none;}
	#hdr #logo	{padding:32px 0;}
	#hdr #logo a	{display:block; margin:0 auto;}
		#hdr #logo a	{width:400px; height:100px; background:url("../img/logo-orthosol.png") center center no-repeat; text-indent:-999em; background-size:100% auto; max-width:100%;}
		#hdr #logo a	{width:1000px; background-image:url("../img/logo-orthosol-wide.png");}
	#hdr #msg h3	{display: none;}
	#hdr #nav	{border-top:1px solid #f7f8f9; border-top-color:rgba(247,248,249, 0.5);}
	#hdr #nav	{
		background:rgb(133,173,223); /* Old browsers */
		background:-moz-linear-gradient(top,  rgba(133,173,223,1) 0%, rgba(88,148,215,1) 100%); /* FF3.6-15 */
		background:-webkit-linear-gradient(top,  rgba(133,173,223,1) 0%,rgba(88,148,215,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background:linear-gradient(to bottom,  rgba(133,173,223,1) 0%,rgba(88,148,215,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		-pie-background:linear-gradient(to bottom,  rgba(133,173,223,1) 0%,rgba(88,148,215,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
		#nav ul	{margin:0 auto; padding:0.5em 0; list-style:none; text-align:center; position:relative;}
		#nav li	{display:block; position:relative;}
		#nav a	{display:block; padding:1em 1em;}
			#nav a:hover	{background-color:#FFBE5B; color:#221e1f;}
			#nav>ul>li>a	{text-transform:uppercase;}
			#nav li ul	{margin:0 1em; background:#5894d7; /*box-shadow:inset 0 -0.5em 0.75em rgba(34, 30, 31, 0.5);*/}

/* important msg, likely sitewide 20200501 +asr */
#hdr #msg	{background: #fff; color: #000; text-align: center; padding: 0.5em 0; margin: 0 auto;}
#hdr #msg *	{font-size: 100%; margin: 0 auto;}
#hdr #msg span	{display: inline-block;}

/* flex hdr for responsive reordering 20200501 +asr */
#hdr	{display: flex; flex-flow: column nowrap;}
	#hdr > *	{flex: 0 0 auto; width: 100%; order: 1;}

#ftr	{background:#5894d7; /*color:#221e1f;*/ color:#f9fafb;}
	#ftr a	{color:#f9fafb; text-decoration:none;}
		#ftr a:hover	{color:#FFBE5B;}
	#fat	{min-height:200px; font-size:90%;}
		#fat .third	{margin:1em 1em;}
		#fat h4	{color:#FFBE5B; font-weight:400; text-transform:uppercase; font-size:100%; margin:0 auto; padding:0.5em 0; border-top:1px dotted #FFBE5B;}
		#fat ul	{margin:0 auto; padding:0; list-style:none;}
		#fat address	{font-style:normal;}
		#fat address .helper	{font-style:italic; font-size:75%;}
	#info	{padding:1em 0; background-color:rgba(0,0,0, 0.05);}
	#info .copy	{margin:0 auto; padding:0; list-style:none; text-align:center; font-size:75%;}
	#info .copy li	{display:block;}
	#ftr address .new	{display: inline-block; vertical-align: baseline; color: #FFBE5B; font-weight: bold; text-transform: uppercase; font-size: 75%;}	/**** TODO: remove after 20210907 +asr ****/

#hero	{background:#b0d0f4; position:relative;}

#ctr	{background:#fff; margin:0 auto; padding:1em 0; box-sizing:border-box;}

.cycle-slideshow	{margin:0 auto; padding:0; list-style:none; position:relative;}
.cycle-slideshow li	{display:block; position:relative; text-align:center; max-width:100%;}
.cycle-slideshow img	{position:relative; width:100%; height:auto; max-width:100%; border:0; padding:0; vertical-align:middle;}

#hero-nav	{z-index:10;}
#hero-nav div	{position:absolute; z-index:110; box-sizing:border-box;}
	#hero-nav .cycle-caption	{
		top:16px; right:16px; text-align:right; padding:1em;
		color:#fff; font-size:150%; font-weight:bold;
		line-height:1; text-transform:uppercase; text-shadow:0 2px 2px rgba(34, 30, 31, 0.5);
	}
	#hero-nav .cycle-caption.cycle-slide-left	{
		left:16px; right:auto; text-align:left;
	}
	#hero-nav .cycle-caption.cycle-slide-bottom	{
		bottom:16px; top:auto; text-align:left;
	}
	#hero-nav .cycle-prev	{height:100%; cursor:pointer; opacity:0.6; top:0; left:0;}
	#hero-nav .cycle-next	{height:100%; cursor:pointer; opacity:0.6; top:0; right:0;}
		#hero-nav .cycle-prev:hover, #hero-nav .cycle-next:hover	{opacity:1.0;}
		#hero-nav .cycle-prev:before, #hero-nav .cycle-next:before	{
			content: ''; width: 0; height: 0; font-size: 0;
			position: absolute; border-style: solid; display: block;
			top: 50%; margin-top: -15px;
		}
		#hero-nav .cycle-prev:before	{
			border-width: 15px 15px 15px 0;
			border-color: transparent #FFFFFF transparent transparent;
			top: 50%; left: 10px;
		}
		#hero-nav .cycle-next:before	{
			border-width: 15px 0 15px 15px;
			border-color: transparent transparent transparent #FFFFFF;
			top: 50%; right: 10px;
		}
	#hero-nav .cycle-pager	{bottom:0; left:0; right:0; text-align:center; opacity:0.6;}
		#hero-nav .cycle-pager:hover	{opacity:1.0;}
		#hero-nav .cycle-pager span	{display:inline-block; font-size:2em; width:1em; height:1em; color:#f9fafb; cursor:pointer; text-shadow:0 2px 2px rgba(34, 30, 31, 0.5);}
		#hero-nav .cycle-pager span.cycle-pager-active	{color:#FFBE5B;}

#side	{margin:1em auto 0;}
	#side img	{max-width:100%; height:auto;}

#main	{}
	#main .art-footer	{font-style:italic; font-size:90%;}
	#main .art-footer .author	{}
		#main .art-footer .author:before	{content:"\2014";}
	#main .art-footer .author-desc	{}

.wr-map iframe	{max-width:100%; width:400px; height:300px; display:inline-block; border:0; margin:0 auto 1em;}
	.wr-map iframe+a	{display:block; margin:1em auto 0; padding:1em 0;}

.banner-list	{margin:1em auto; padding:0; list-style:none;}
	.banner-list li	{display:block;}
	.banner-list img	{max-width:100%; height:auto;}
		.banner-list.banner-150 img	{width:150px;}
		.banner-list.banner-306 img	{width:306px;}

.contact-info	{margin:0 auto; padding:0; list-style:none;}
	.contact-info li	{display:block;}

#home .in h3	{font-size:150%; font-weight:normal; text-transform:uppercase;}
#home .in blockquote	{font-style:italic; margin-top:1em; margin-bottom:2em; box-sizing:border-box; padding:1em; background:#ffe1b2;}
#home .in blockquote p	{margin-bottom:0;}
#home .in blockquote p:before	{content:open-quote;}
#home .in blockquote p:after	{content:close-quote;}
#home .in blockquote cite	{font-style:normal; display:block;}
#home .in blockquote cite:before	{display:run-in; content:"- ";}

#home #home-test	{background:#ffb139;}

#models #main h3	{border-top:1px solid #ddd; margin-top:2em; padding-top:2em;}

#process #main h3.cb	{border-top:1px solid #ddd; margin-top:2em; padding-top:2em;}

@media screen and (min-width: 320px) {
}

@media screen and (min-width: 400px) {
	.process-slideshow	{max-width:320px;}
}

@media screen and (min-width: 480px) {
	.wr-map iframe	{width:425px; height:350px;}
}

@media screen and (min-width: 640px) {
	.cf>.third	{box-sizing:border-box; width:30%; margin-left:1%; margin-right:1%; float:left;}
	/*#hdr #logo	{padding:64px 0;}*/
	#nav>ul	{padding:0 0;}
	#nav>ul>li	{display:inline-block;}
	#nav>ul>li+li	{/*border-left:1px dotted #fff;*/ padding-left:4px;}
	#nav li ul	{position:absolute; z-index:999; margin:0 auto; left:4px; min-width:100%; width:auto; display:none; box-shadow:0 0.5em 0.75em rgba(34, 30, 31, 0.5);}
	#nav li a:hover+ul, #nav li:hover a+ul	{display:block;}
	#hero-nav .cycle-caption	{font-size:200%;}
	/*.cf>#main	{float:left; margin-right:0;}
	.cf>#side	{float:right; margin-left:0;}*/
	#info .copy li	{display:inline-block;}
		#info .copy li+li:before	{content:"\00b7"; display:inline-block; margin:0 0.5em;}
	.wr-map iframe	{width:600px; height:450px;}
	.process-slideshow	{float:right; margin:0 0 4em 1em;}
	/* nav wraps to second line btwn 640-720, shrink font 20200501 +asr */
	#nav	{font-size: 85%;}
	/* move msg after nav on "wide" 20200501 +asr */
	#hdr #msg	{order: 2;}
}

@media screen and (min-width: 720px) {
	/* nav wraps to second line btwn 640-720, shrink font 20200501 +asr */
	#nav	{font-size: 95%;}
}

@media screen and (min-width: 800px) {
	/* nav wraps to second line btwn 640-720, unshrink after 800 20200501 +asr */
	#nav	{font-size: unset;}
}

@media screen and (min-width: 960px) {
	/*.cf>#main	{width:620px;}
	.cf>#side	{width:300px;}*/
	.fl	{float:left; margin:0 1em 1em 0;}
	.fr	{float:right; margin:0 0 1em 1em;}
	.contact-info.fl	{width:27%;}
	#contact #main form h3	{margin-top:0;}
}

@media screen and (min-width: 1024px) {
	/*.cf>#main	{width:640px;}
	.cf>#side	{width:300px;}*/
	.wr-map iframe	{width:800px; height:600px;}
}