/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/*
IV Blue::#666;

background: #ffffff url("img_tree.png") no-repeat right top;
baby blue: #4ac9f2;
IV BLUE: 666
yellow: #fff200;


*/
html,
button,
input,
select,
textarea {
    color: #222;
}
html {
	font-family: 'Yantramanav', sans-serif;	
	font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #000;
    margin: 0 auto;
    padding: 0;
	width:85%;
}

ul {
	list-style-position: inside;
    text-align: left;
    text-indent: 25%;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

body {
    font-size: 12px/26px;
}

.wrapper {
    width: 90%;
    margin: 0 5%;
}

.containerRow
{
	float:left;
	clear:both;
	width:100%;
	text-align:center;
	z-index:0;
}

section {
  border-bottom: 1px solid #999;
  text-align: center;
  padding: 100px 0 0;
  height: 800px;
  width: 100%;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 10%;
  margin-bottom: .5em;
  font-size:2em;
  padding:25px 5px 0;
}

h1.primary {
  margin: 0 2%;
  margin-bottom: .5em;
  font-size:0.75em;
  padding:5px;
  color:#666;
}

p.primary {
  margin-bottom: .5em;
  font-size:1.4em;
  padding:5px;
  color:#666;
  text-align:center;
}

a, a:visited {
    color: #000;
}

p {
  width: 88%;
  font-size:0.9em;
  margin: 0 auto;
  padding:0 0 20px 0; 
      text-align: justify;
}

p.home {
  width: 75%;
  font-size:0.9em;
  margin: 0 auto;

}

p.small{
  font-size: 0.7em;
  margin: 0 auto;
  padding:5px 20px ; 
  text-align:justify;
}


ul.retailers{
  width: 90%;
  font-size:0.9em;
  font-weight:bold;
  margin: 0 20px 25px -20px;
  text-align:center;
}

ul.retailersBlue {
  width: 90%;
  font-size:0.9em;
  font-weight:bold;
  margin: 25px 20px 25px -20px;
  text-align:left;
}

ul.retailers li,  ul.retailersBlue li{
  list-style:none;
  line-height:2.0;
}

ul.retailers li:before {
  content: '\2022';
  margin-right: 0.5em;
  color:#000;
  font-size:2.0em;
}

ul.retailersBlue li:before {
  content: '\2022';
  margin-right: 0.5em;
  color:#fff;
  font-size:1.0em;
}

li.headerBullet{
	font-size: 1.5em;
    margin-left: -10px;
    font-weight: bold;
}

.bg-blue{
	background-color: #4ac9f2;
}

.bg-yellow{
	background-color: #fff200;
}

#blueDotNumbers{
	position:relative;
	display:block;
	width:100%;
	max-width:600px;
	text-align:center;
	margin:0 auto 25px;;
}


/* ------------------------------------------
  NAVIGATION STYLES - HEADER
--------------------------------------------- */

.fixed {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
}

#bodyContainer{
	margin-top: 70px;
}

header {
  background: #fff;
  position: fixed;
  z-index: 3;
  width: 100%;
  left: 0;
  top: 0;
  border-bottom: 1px #ccc solid;
  box-shadow: 1px 2px 10px #666;
  height:auto;
}

.logo {
  padding:0;
margin:15px;
  float:left;
/* 
  width:50%;
  height:100%;
  background: url("../img/logo-joe-tumas-optometry.gif") no-repeat left center;
  background-size: 80%;
 */
  z-index:20;
}
a.logo img {
    width: 190px;
}

/*top bar*/
/* 
header {
    height: 135px;
    }
.logo {
    height: 57%;
}
#bodyContainer {
    margin-top: 134px;
}
 */
#bodyContainer {
    margin-top: 95px;
}
/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */

.nav-toggle {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  text-indent: -300px;
  position: relative;
  overflow: hidden;
  width: 60px;
  height: 55px;
  float: right;
}

.nav-toggle:before {
  color: #666; /* Edit this to change the icon color */
  font: normal 28px/55px "responsivenav"; /* Edit font-size (28px) to change the icon size */
  text-transform: none;
  text-align: center;
  float:right;
  content: "\2261"; /* Hamburger icon */
  text-indent: 0;
  speak: none;
  margin:7px 10% 0 0;
  width: 100%;
  left: 0;
  top: 0;
}

.nav-toggle.active:before {
  font-size: 28px;
  content: "\78"; /* Close icon */
}


.nav-collapse ul {
  position:fixed;
  margin: 0;
  padding: 0;
  width: 100%;
  height:80%;
  display: block;
  list-style: none;
   background: #666;
   opacity: 0.9;
   overflow-y:scroll;
   filter: alpha(opacity=90); /* For IE8 and earlier */
}

.nav-collapse li {
  width: 100%;
  display: block;
  padding:2%;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {max-height: 100%;}
.disable-pointer-events {pointer-events: none !important;}
.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.nav-collapse li { float: left; width: 100%;}

.nav-collapse,
.nav-collapse * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
}

.nav-collapse a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  text-decoration: none;
  text-align: center;
  color: #000;
  font-size:2.0em;
  width: 100%;
  float: left;
}

.nav-collapse a:hover{
  color: #fff200;
}

.nav-collapse a:active,
.nav-collapse .active a {

}

.nav-collapse ul ul a {
  background: #ca3716;
  padding-left: 2em;
  color:#fff200;
}

#SecondaryMenu{
	display:none;
}

.header-tight{
}

.innerRow-fullWidth{
	margin:0 0 0 0;
	float:left;
	width:100%;
	clear:both;
}

.innerRowStackTwo{
	position:relative;
	display:block;
	overflow:hidden;
	clear:both;
	width:100%;
}

.innerRowStackTwoArtist{
	position:relative;
	display:block;
	overflow:hidden;
	clear:both;
	width:100%;
	 margin-bottom: 25px;
}

.innerRowStackTwoArtist span{
	display:none;
}

.innerRowStackTwoSubPage .half{
     float: left;
    width: 97%;
    display: block;
    clear: both;
    margin: 1% 0 1% 1.5%;
    display: block;
    /* clear: none; */
    border: #000 solid 1px;
}

.innerRowStackTwoSubPage .halfSmall{
	float: left;
    width: 97%;
    display: block;
    clear: both;
    display: block;
    /* clear: none; */
    border: none;
	text-align:justify;
	padding:0;
	
}

.innerRowStackTwo .half, .innerRowStackTwoArtist .half{
	float:left;
	width:100%;
	display:block;
	clear:both;
}

.innerRowStackTwo .halfYellow{
	display:none;
}

.innerRowStackTwo .half img, .innerRowStackTwoArtist .half img{
	display:block;
	width:100%;
}

.innerRowStackTwo .half a.cta{
	position:absolute;
	display:block;
	width:30%;
	padding:10px 10px;
	margin:-20% 35%;
	background:#fff;
	color:#000;
	font-size:1.0em;
	text-decoration:none;
}

.innerRowStackTwo .half a.ctaYellow {
    display: inline-block;
    padding: 10px 10px;
    color: #000;
    font-size: 2.0em;
    margin: 200px 0;
}

.innerRowStackTwo .half a.ctaBlack{
	position:relative;
	display:block;
	width:60%;
	padding:10px 10px;
	margin:0 0 0 15px;
	background:#000;
	color:#fff;
	font-size:1.0em;
	text-decoration:none;
	text-align: center;
}

.artistHalfText{
	background:#fef200;
}

.artistHalfImg{
	width:100%;
}

#artist-pic-schmuckler{ background:url("../img/pew_halfer_aif_schmuckler.jpg")  no-repeat center center; min-height: 500px;background-size:cover;}
#artist-pic-eades{ background:url("../img/pew_halfer_aif_eades.jpg")  no-repeat center center; padding-top:100%;}
#artist-pic-donovan{ background:url("../img/pew_halfer_aif_timothyODonovan.jpg")  no-repeat center center; padding-top:100%;}
#artist-pic-williams{ background:url("../img/pew_halfer_aif_tamishaWilliams.jpg")  no-repeat center center; padding-top:100%;}
#artist-pic-garrity{ background:url("../img/pew_halfer_aif_jennyGarrity.jpg")  no-repeat center center; padding-top:100%;}
#home-joe{ background:url("../img/pew_halfer_aif_jennyGarrity.jpg")  no-repeat center center; padding-top:100%;}
.bgyellow{
	width:640px;
	height:540px;
	background:#fff200;
}

.bgBlue{
	width:640px;
	height:540px;
	background:#4ac9f2;
}

.bgBlack{
	width:640px;
	height:540px;
	background:#000;
}

 .locationOverlay{
    display: block;
    position: absolute;
    width: 100%;
    height: 10px;
    margin: 10px 0 0 0;
 }
 
  .locationOverlay p{
    background: #fff;
    color: #000;
    text-align: center;
    width: 80%;
    margin: 0 auto;
    height: 0px;
    font-size: 1.3em;
    padding: 2px 0 30px 0;
 }

.mobileHalfer{
	 padding: 15px 55px;
    background: #fff200;
    font-size: 1.5em;
    color: #000;
    display: inline-block;
	 margin: -80px 0 40px 0;
	 width:60%;
}

#desktopHalfer{
	display:none;
}

.innerRow-fullWidth a.cta{
	position:relative;
	display:block;
	width:30%;
	padding:10px 10px;
	margin:0 auto 50px;
	background:#fff;
	color:#000;
	font-size:1.0em;
	text-decoration:none;
}

.innerRowStackTwo, .innerRow-stackFour, .innerRowStackTwoArtist {
	float:left;
	clear:both;
	position:relative;
	width:100%;
}

.innerRow-stackFour .qtr{
	float:left;
	width:100%;
	position:relative;
	display:block;
	padding-bottom:30px;
}

.innerRow-trips{
	position:relative;
	float:none;
	clear:both;
	width:100%;
	display:block;
}

.innerRow-trips .trip{
	float:left;
	width:100%;
	min-height: 200px;
}

.blueBG{
	background: #666;
}

.blackBG{
	background: #000;
}



#optical_glasses{background:url("../img/pew_halfer_optical_glasses.jpg") no-repeat center center;}
#optical_human{background:url("../img/pew_halfer_optical_human.jpg") no-repeat center center;}
#sun_glasses{background:url("../img/pew_halfer_sun_glasses.jpg") no-repeat center center;}
#sun_human{background:url("../img/pew_halfer_sun_human.jpg") no-repeat center center;}

.frameNameHome{
	position:relative;
	display:block;
	width:80%;
	padding:10px 0;
	margin:0px auto 25px;
	color:#000;
	font-size:0.9em;
	text-decoration:none;
}

a.frameNameHomeLink{
	position:relative;
	display:block;
	color:#4ac9f2;
	font-size:1.1em;
	margin:-20px 0 0 0;
}

#membersRow img{
	position:relative;
	width:60%;
	
}
#membersTitle{
	text-align:center;
	padding:5px 0;
	margin:0;
}

.membersBlue{
	background:#4ac9f2;
}

.membersYellow{
	background:#fff200;
}

#membersRow{
	padding:10px 0;
}

.fullyInsert, .fullyLogo{
	display:none;
}

#home_instagram{
	background:#4ac9f2;
}



.mask {
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  transition: opacity 300ms;
  background: rgba(0,0,0, 0.5);
  visibility: hidden;
  position: fixed;
  opacity: 0;
  z-index: 2;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}

.android .mask {
  -webkit-transition: none;
  transition: none;
}

.js-nav-active .mask {
  visibility: visible;
  opacity: 1;
}

 footer {
    padding: 50px 0;
}

footer p {
	width: 85%;
    font-size: 0.7em;
    margin: 0 auto;
    padding: 0 0 20px 0;
}

footer h3{
	font-size:0.9em;
}

.socialRow{
	position:relative;
	width:100%;
	height:32px;
	margin: 32px auto;
	padding:0;
}

.socialRow a{
	display:inline-block;
	width:32px;
	height:32px;
}

#social_facebook {
    left: 49px;
    width: 32px;
    background: url('../img/icons_social.gif') 81px 0;
}

#social_instagram {
    left: 45px;
    width: 32px;
    background: url('../img/icons_social.gif') 32px 0;
}

#social_twitter {
    left: 1px;
    width: 32px;
    background: url('../img/icons_social.gif') 0 0;
}


/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}

#homeSlider{
	position:relative;
	display:block;
	width:100%;
	clear:both;
	height:0;
	background:url("../img/pew_homeSlider_750_senior.jpg") no-repeat center center;
	background-size: contain;
    background-repeat: no-repeat;
	padding-top:110.5%; 
	
}

#aboutSlider{
	position:relative;
	display:block;
	width:100%;
	height:0;
	background:url("../img/pew_homeSlider_750_senior.jpg") no-repeat center center;
	background-size: contain;
    background-repeat: no-repeat;
	padding-top:64.8%; 
}


#aboutSlider{
	margin-top:-20px;
}


#retailerSlider{
	position:relative;
	display:block;
	width:100%;
	height:0;
	background:url("../img/pew_retailerSlider_750.jpg") no-repeat center center;
	background-size: contain;
    background-repeat: no-repeat;
	padding-top:64.8%; 
}

#aifSlider{
	position:relative;
	display:block;
	width:100%;
	height:0;
	background:url("../img/pew_aifSlider_banner.jpg") no-repeat center center;
	background-size: contain;
    background-repeat: no-repeat;
	padding-top:18.08%; 
}

#campaign_tort{
	position:relative;
	display:block;
	width:100%;
	height:0;
	background:url("../img/pew_homeSlider_720_tort.jpg") no-repeat center center;
	background-size: contain;
    background-repeat: no-repeat;
	padding-top:110.5%; 
	clear:both;
}
.top-banner-phone img {
    max-width: 100%;
}
.top-banner-lg img {
    display: none;
}
#campaign_home{
	position:relative;
	display:block;
	width:100%;
	height:0;
	background:url("https://www.innervisioneyewear.com/img/black-friday-web-banner-1600.jpg") no-repeat center center;
	background-size: contain;
    background-repeat: no-repeat;
/* 
	padding-top:110.5%; 
 */
	padding-top: 64.7%;
	clear:both;
}

#campaign_contact{
	position:relative;
	display:block;
	width:100%;
	height:0;
	background:url("../img/iv_homeSlider_750_contactLensClub.jpg") no-repeat center center;
	background-size: contain;
    background-repeat: no-repeat;
	padding-top:59%; 
	clear:both;
}

#campaign_icb{
	position:relative;
	display:block;
	width:100%;
	height:0;
	background:url("../img/iv_homeSlider_750_icberlin-event.jpg") no-repeat center center;
	background-size: contain;
    background-repeat: no-repeat;
	padding-top:65.66%; 
	clear:both;
}

#campaign_default{
	position:relative;
	display:block;
	width:100%;
	height:0;
	background:url("../img/jt_homeSlider_750_philly.jpg") no-repeat center center;
	background-size: contain;
    background-repeat: no-repeat;
	padding-top:65.66%; 
	clear:both;
}

#campaign_flex18{
	position:relative;
	display:block;
	width:100%;
	height:0;
	background:url("../img/jt_homeSlider_750_maxFlex2018.jpg") no-repeat center center;
	background-size: contain;
    background-repeat: no-repeat;
	padding-top:65.66%; 
	clear:both;
}

#campaign_tort_home{
	position:relative;
	display:block;
	width:100%;
	height:0;
	background:url("../img/pew_tortoise_750_banner.jpg") no-repeat center center;
	background-size: contain;
    background-repeat: no-repeat;
	padding-top:78.66%; 
}

#aifClothSlider{
	position:relative;
	display:block;
	clear:both;
	width:100%;
	height:0;
	background:url("../img/pew_aifClothSlider_schmuckler_750.jpg") no-repeat center center;
	background-size: contain;
    background-repeat: no-repeat;
	padding-top:64.16%; 
}


#homeSliderSub{
	position:relative;
	display:block;
	clear:both;
	width:100%;
	height:0;
	background:url("../img/pew_homeSlider_blueWave.jpg") no-repeat center center;
	background-size: contain;
    background-repeat: no-repeat;
	padding-top:64.8%; /* (img-height / img-width * container-width) */
}

.aboutFully{
	position:relative;
	display:block;
	clear:both;
	width:100%;
	height:0;
	background:url("../img/pew_homeSlider_750_create.jpg") no-repeat center center;
	background-size: contain;
    background-repeat: no-repeat;
	padding-top:64.8%; /* (img-height / img-width * container-width) */
}

#homeSlider p{
	position:relative;
	margin-top:-40px;
}

.cat{
	cursor:pointer;
}

#catTop{
	margin-top:40px;
}

.catRow, .specRow{
	width:94%;
	margin:0 auto;
}

.topFrameRow{
	diplay:block;
	padding:40px 0 0;
}

.topFrameRow H1{
	display:block;
	margin:25px 0 0 0;
	font-size:1.2em;
	
}

.topFrameRow H2{
	display:block;
	font-size:1.0em;
	margin:-7px 0 0 0;
	color:#333;
}

#backlink,  #zoom{
	display:inline-block;
	position:relative;
	text-decoration:none;
	z-index:2;
}

#backlink{
	float:left;
	margin:-20px 0 0 20px;
	font-size:0.8em;
	color:#000;
}

#zoom{
	float:right;
	margin:-20px 20px 0 0;
	width:10px;
}

.loveTrain{background: url("../img/eyeglasses/loveTrain_antique_m_sun_500.jpg");}

#scatContainer{
	width:96%;
	margin:35px auto 0;
	overflow:hidden;
}
.scat{
	display:inline-block;
	margin:0 auto;
	padding:2%;
}

#scatContainerHome{
	width:96%;
	margin:35px auto 0;
	overflow:hidden;
}
#scatContainerHome .scat{
	display:inline-block;
	margin:0 auto;
	padding:2%;
	
}

#scatContainerHome .glassImageContainer{
	width:300px;
	height:150px;
	overflow:hidden;
	margin:0 auto;
}

#scatContainerHome .glassImageContainer img{
	position:relative;
	width:300px;
	margin:0 0 0 0;
}

#scatContainerHome .glassImageContainer img:hover{
	margin:-150px 0 0 0;
}
		
.glassImageContainer, .frameFrameContainer{
	width:300px;
	height:150px;
	overflow:hidden;
	margin:0 auto;
}

.glassImageContainer img, .frameFrameContainer img{
	position:relative;
	width:300px;
	margin:0 0 0 0;
}

.glassImageContainer img:hover, .frameFrameContainer img:hover{
	margin:-150px 0 0 0;
}

.cat p{
	font-size:0.7em;
	text-align:justify;
}

p.frameName{
	font-size:1.0em;
	text-align:center;
	color:#000;
}

.specRow trip{
	float:right;
}

.specRow H3{
}

p.specs{
	text-align:center;
	padding:-20px 0 20px;
}

span.specActive{
	font-weight:bold;
	color:#000;
}

span.specOut{
	display:none;
}

.pipe{
	margin:0 30px;
	display:none;
}

#spec_buy p, #spec_about p, #spec_other p, #spec_buy a{
	text-align:justify;
	color:#333;
}

#spec_buy .spec_buy_center{
	text-align:center;
}

span.label{
	display:block;
	vertical-align:center;
}

#finishRow{
	position:relative;
}

.finishActive, .finish{
	font-size:0.8em;
}

.finish{	
	color:#333;
}

.finishActive{
	text-decoration:none;
	font-weight:bolder;
	color:#000;
}

/*************SWATCHES
**************************/

span.colorSolid{
	display:inline-block;
	margin:25px auto 0;
}

span.color2Tone{
	display:inline-block;
	margin:0 auto 25px;
}

span.colorTort{
	display:inline-block;
	margin:0 auto 25px;
}
span.colorSolid_About{
	display:inline-block;
	margin:25px auto 0;
}

span.color2Tone_About{
	display:inline-block;
	margin:0 auto 25px;
}



#swatches{
	width:90%;
	display:block;
	margin:0 auto;
	text-indent: none;
	list-style:none;
	overflow:hidden;
	padding:0;
	vertical-align:top;
}


#swatches a{
	position:relative;
	display:inline-block;
	margin:10px;
	width:38px;
	height:38px;
	background: url("../img/colors-2018.gif");
	background-size: 800px; /* whole sprite width contrained to individual width*/
	border:1px solid #ccc;
	border-radius:19px;
}

#swatches_About{
	width:90%;
	display:block;
	margin:0 auto;
	text-indent: none;
	list-style:none;
	overflow:hidden;
	padding:0;
	vertical-align:top;
}


#swatches_About a{
	position:relative;
	display:inline-block;
	margin:5px;
	width:100px;
	height:100px;
	background: url("../img/colors.gif");
	background-size: 1700px; /* whole sprite width contrained to individual width*/
	border:1px solid #ccc;
	border-radius:50px;
}

/*solids*/
#swatches a.c_antique{ background-position: 0 0; }
#swatches a.c_blush{ background-position: -38px 0; }
#swatches a.c_cobalt{ background-position: -76px 0; }
#swatches a.c_crystal{ background-position: -114px 0; }
#swatches a.c_1130{ background-position: -152px 0; }
#swatches a.c_grape{ background-position: -190px 0; }
#swatches a.c_ruby{ background-position: -228px 0; }
#swatches a.c_emerald{ background-position: -266px 0; }
#swatches a.c_rootbeer{ background-position: -304px 0; }
#swatches a.c_slate{ background-position: -342px 0; }
#swatches a.c_tangerine{ background-position: -380px 0; }
#swatches a.c_tortoise{ background-position: -646px 0; }

#swatches .combo a{
	 background-position: -646px 0;
}


/* COLOR FRONTS AND TORT SIDES
emerald=004030


*/
#swatches a.combo_black_tort, #swatches a.combo_black_tort:hover { border-left: 25px solid #000; width: 17px;}
#swatches a.combo_ruby_tort, #swatches a.combo_ruby_tort:hover { border-left: 25px solid #9e0001; width: 17px;}
#swatches a.combo_teal_tort, #swatches a.combo_teal_tort:hover { border-left: 25px solid #2174a0; width: 17px;}
#swatches a.combo_cobalt_tort, #swatches a.combo_cobalt_tort:hover { border-left: 25px solid #0000b4; width: 17px;}
#swatches a.combo_grape_tort, #swatches a.combo_grape_tort:hover { border-left: 25px solid #5b007b; width: 17px;}
#swatches a.combo_antique_tort, #swatches a.combo_antique_tort:hover { border-left: 25px solid #f0e6a4; width: 17px;}
#swatches a.combo_emerald_tort, #swatches a.combo_emerald_tort:hover { border-left: 25px solid #004030; width: 17px;}
#swatches a.combo_blush_tort, #swatches a.combo_blush_tort:hover { border-left: 25px solid #ce0494; width: 17px;}
#swatches a.combo_tangerine_tort, #swatches a.combo_tangerine_tort:hover { border-left: 25px solid #ff3f02; width: 17px;}
#swatches a.combo_crystal_tort, #swatches a.combo_crystal_tort:hover { border-left: 25px solid #fff; width: 17px;}

#swatches a.combo_tort_black, #swatches a.combo_tort_black:hover { border-right: 17px solid #000; width: 25px;}
#swatches a.combo_tort_ruby, #swatches a.combo_tort_ruby:hover { border-right: 17px solid #9e0001; width: 25px;}
#swatches a.combo_tort_teal, #swatches a.combo_tort_teal:hover { border-right: 17px solid #2174a0; width: 25px;}
#swatches a.combo_tort_cobalt, #swatches a.combo_tort_cobalt:hover { border-right: 17px solid #0000b4; width: 25px;}
#swatches a.combo_tort_grape, #swatches a.combo_tort_grape:hover { border-right: 17px solid #5b007b; width: 25px;}
#swatches a.combo_tort_antique, #swatches a.combo_tort_antique:hover { border-right: 17px solid #f0e6a4; width: 25px;}
#swatches a.combo_tort_emerald, #swatches a.combo_tort_emerald:hover { border-right: 17px solid #004030; width: 25px;}
#swatches a.combo_tort_blush, #swatches a.combo_tort_blush:hover { border-right: 17px solid #ce0494; width: 25px;}
#swatches a.combo_tort_tangerine, #swatches a.combo_tort_tangerine:hover { border-right: 17px solid #ff3f02; width: 25px;}
#swatches a.combo_tort_crystal, #swatches a.combo_tort_crystal:hover { border-right: 17px solid #fff; width: 25px;}

/*solids on About Page*/
#swatches_About a.c_antique{ background-position: 0 0; }
#swatches_About a.c_blush{ background-position: -100px 0; }
#swatches_About a.c_cobalt{ background-position: -200px 0; }
#swatches_About a.c_crystal{ background-position: -300px 0; }
#swatches_About a.c_1130{ background-position: -400px 0; }
#swatches_About a.c_grape{ background-position: -500px 0; }
#swatches_About a.c_ruby{ background-position: -600px 0; }
#swatches_About a.c_emerald{ background-position: -700px 0; }
#swatches_About a.c_rootbeer{ background-position: -800px 0; }
#swatches_About a.c_slate{ background-position: -900px 0; }
#swatches_About a.c_tangerine{ background-position: -1000px 0; }

/*two-tone*/
#swatches a.c_rootbeerCobalt{ background-position: -418px 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
#swatches a.c_rootbeerCrystal{ background-position: -456px 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
#swatches a.c_rootbeerEmerald{ background-position: -494px 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
#swatches a.c_slateCobalt{ background-position: -532px 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
#swatches a.c_slateEmerald{ background-position: -570px 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
#swatches a.c_slateCrystal{ background-position: -608px 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
	
/*two-tone ABOUT PAGE*/
#swatches_About a.c_rootbeerCobalt{ background-position: -1100px 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
#swatches_About a.c_rootbeerCrystal{ background-position: -1200px 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
#swatches_About a.c_rootbeerEmerald{ background-position: -1300px 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
#swatches_About a.c_slateCobalt{ background-position: -1400px 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
#swatches_About a.c_slateEmerald{ background-position: -1500px 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
#swatches_About a.c_slateCrystal{ background-position: -1600px 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}

#swatches a:hover, swatches_About a:hover{
	border:1px solid #000;
}

#swatches a span{
	display:none;
}

#swatches_About a span{
	position:relative;
	display:block;
	font-family:"poppins";
	font-size:0.7em;
	color:#fff;
	text-shadow: 3px 2px 5px #000;
	margin:40px auto 0;
	text-align:center;
	vertical-align:center;
}

#swatches_About a{
	text-decoration:none;
}

#swatches_About span.swatch_About_Color{
	position:relative;
	display:block;
	padding:0 0 0 10px;
	width:100px;
	-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);
}

/*************SWATCHES
**************************/

h4{
	text-align:center;
	font-size:0.8em;
	text-decoration:underline;
	font-weight:normal;
	margin:0;
}

h2.fancy{
	font-family: 'Merriweather', serif;
	font-size:3.0em;
	color: #4ac9f2;
	margin:-40px auto 30px;
}

h2.fancy_About{
	font-family: 'Merriweather', serif;
	font-size:3.0em;
	color: #4ac9f2;
	margin:0 auto;
}

h3.quad{
	margin:25px auto 0;
	font-size:0.9em;
}

p.staff{
	margin:25px;
}

.contact p{
	text-align:center;
}

.formContainer{
	margin:7%;
}

#contact label{
	display:block;
	margin:15px 0 0 0;
	text-align:left;
	font-size:0.9em;
}
#contact input[type='text'], #contact input[type='email'], #contact input[type='tel'], textarea{
    width: 60%;
    color: #000;
    font-size: 1.3em;
    border: #ccc solid 1px;
}



#btnSubmit{
	position:relative;
	display:block;
	width:50%;
	padding:10px;
	margin:30px auto;
	color:#fff;
	font-family:"poppins";
	font-size:1.0em;
	text-decoration:none;
}

#form-messages{
	position:relative;
	display:block;
	width:80%;
	margin:40px auto;
}

.success{
	font-family: 'Merriweather', serif;
	font-size:3.0em;
	color: #4ac9f2;
	margin:-40px auto 30px;
}

.error{
	font-family:"poppins";
	font-size:1.5em;
	color: #ff0000;
	margin:-40px auto 30px;
}

.featuredArtist{
	font-size:3.5em;
	color:#009ddc;
	font-weight:bold;
	margin-top:-50px;
}

.artistLinks{
	color:#000;
	font-weight:bold;
     font-family: Arial black;
    font-size: 1.2em;
}

#clothTitleOverlay{
    float: right;
    margin-top: -80px;
    background-color: #fff;
    padding: 0;
    margin: -80px 0 0 0;
	padding: 5px 30px;
	font-size: 0.8em;
}

.clothLabel{
	padding:0;
}

#intro p{
    color: #4ac9f2;
    font-size: 1.0em;
    font-family: 'poppins';
}

#aif-overlay{
	position: relative;
    margin: -200px 0 0 0;
}

#aif-overlay h1{
	font-size: 3.0em; 
     font-family: "poppins";
     color: transparent; 
     text-shadow: 0 0 5px rgba(0,0,0,1.0); 
}

#aif-overlay h2{
	font-size: 0.8em; 
     font-family: "poppins";
}

a.boldBabyBlue{
	color:#666;
	font-weight:bold;
	font-size:1.3em;
	font-family:"poppins";
}

a.boldWhite{
	color:#fff;
	font-weight:bold;
	font-size: 1.0em;
    font-family: "poppins";
    text-decoration: none;
}

h1.homeTrip{
	color:#fff;
	font-weight:bold;
	font-size: 1.3em;
    font-family: "poppins";
    text-decoration: none;
	margin-top: 25px;
}

p.learnMoreTrip{
	    color: #fff;
    font-size: 0.8em;
    font-family: "poppins";
    text-decoration: none;
    /* margin: 20px 5px -20px 5px; */
    text-align: center;
    padding: 25px 0;
}

span.forcedMobileTextBreak{
	display: block;
    margin: -40px 0 0 0;
}

.maps{
	    width: 99%;
    height: 200px;
    display: block;
}
  
  /*


. . . . . . . . . . . . . . . . . F O R M S


*/

#contactForm{
	position:relative;
	width:95%;
	margin: 0px auto 0;
	vertical-align:top;
	padding:5px;
}

.formContainer{
	position:relative;
	background:#f4f4f4;
	width:95%;
	margin: 0px auto 0;
	vertical-align:top;
	padding:5px;
	border-top:60px solid #666;
}

.formContainer .breadcrumb{
	position:relative;
	width:100%;
	margin:-40px 0 30px 0;
	font-size:0.8em;
	color:#fff;
	padding:5px;
}

.formContainer p{
	font-size:0.8em;
}

.section{
	display:block;
	background:#fff;
	margin:10px 0;
	padding:5px;
	overflow:hidden;
}

#formContact .subsection1{
	float:left;
	width:10%;
}

#formContact .subsection2{
	float:right;
	width:90%;
}

.labelNewsletter{
    display:block;
	font-size:0.8em;
	margin:0 0 0 10px;
}

#formContact input{
	display:block;
	position:relative;
	width:90%;
	margin:0 auto;
}

input[type=checkbox] {
	position:relative;
	/* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding:10px;
}

input[type=radio] {
	position:relative;
    margin:10px;
}

#insuredBox{
	position:relative;
	display:inline-block;
	margin:-20px 0 0 20px;
}

.radioLabel{
	position:relative;
	display:inline;
	margin:0 5px 0 10px;
	font-size:0.8em;
	font-weight:bold;
}


#formContact label{
	position:relative;
	float:left;
	display:block;
	font-size:0.8em;
}

#contactForm label{
    /* position: relative; */
    /* float: left; */
    display: block;
    font-size: 0.8em;
}

#contactForm input{
    width: 60%;
    border: 1px solid #ccc;
}

#newsletterLabel{
	position:relative;
	display:inline;
	font-size:0.8em;
}

#formContact textarea{
	width:90%;
	margin:0 auto;
}


#formContact H1{
	font-size:0.9em;
	color:#666;
}

#blueDot{
	position:relative;
	width:400px;
	height:400px;
	background:#666;
	border-radius:200px;
	z-index:-21;
}

H3.promoRow{
    display: block;
    font-weight: bold;
    text-align: center;
    margin: 0px 0 20px;
    font-size: 0.8em;
    color: #666;
}

H2.bodyTitle{
	font-size:1.4em;
}

.btnReqAppt{
	display: block;
    width: 90%;
    margin: 0 auto;
}

.naverator{
	display:none;
}

p.copyright{
	font-size:0.7em;
	text-align:center;
}

/*

B R A N D S

*/

#brandList{
	position:relative;
	display:block;
}

#brandList a{
	text-decoration: none;
	color: #000;
}

#brandList ul{
	list-style:none;
	padding:0;
	margin:0;
}

#brandList ul li{
	display:block;
	border:1px solid #000;
	margin:2%;
	padding:2%;
}  #brandList ul li:hover{border:1px solid #666;}

#brandList ul li img{
	position:relative;
	display:block;
	width:90%;
	margin:0 auto;
}

.brandManu{
	position:relative;
	display:block;
	width:100%;
}

.brandLogo{
    position:relative;
	display:block;
	width:100%;
	max-width:300px;
	padding:3% 0;
	margin:0 auto;
} 

#brandRow{
    border: 1px solid #000;
    margin: 2%;
    /* width: 100%; */
    position: relative;
}

.brand_frame{
	 position: relative;
    margin: -4% 0 0 0;
    font-size: 1.1em;
    z-index: 1;
    color: #000;
}


#productList{
	position:relative;
	display:block;
}

#productList ul{
	list-style:none;
	padding:0;
	margin:0;
}

#productList ul a{
	text-decoration:none;
}

#productList ul li{
	display:block;
	border:1px solid #000;
	margin:2%;
	padding:2% 2% 5% 2%;
}  #productList ul li:hover{border:1px solid #666;}

#productList ul li img{
	position:relative;
	display:block;
	width:90%;
	margin:0 auto;
	z-index:0;
}

.reviewButtons{
	width:100%;
	display:block;
	position:relative;
	    padding-bottom: 20px;
	
}

a.btnMaster, .btnMaster{
	position:relative;
	display:block;
	background:#666;
	padding:10px 25px;
	margin:10px auto;
	text-align:center;
	    text-decoration: none;
		    max-width: 600px;
}

a.btnMaster span, .btnMaster span{
	display:block;	
	text-align:center;
	color:#fff;
	text-shadow: 5px 5px 15px #47d5fd;
}

a.btnMaster:hover, .btnMaster:hover{
	background:#12bbea;
	border:1px solid #666 inset;
}

#insuranceLogos{
    /* padding: 0 0 0 40px; */
    list-style: none;
    text-indent: -25px;
}

#insuranceLogos li{
        margin: 40px 0;
}
/*homepage pop up*/

.modalDialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  opacity: 0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none;
}
.modalDialog:target {
  opacity: 1;
  pointer-events: auto;
}
.modalDialog > div {
    width: 70%;
    position: relative;
    margin: 10% auto;
    border-radius: 0;
    background: #00adf0;
    font-size: 18px;
    padding: 30px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
}
.close {
    background: #808186;
    line-height: 24px; 
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 12px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.26);
}
.close:hover {
  background: rgb(98, 99, 105);
}
.close a, .close a:visited {
    color: #fff;
}
/*top bar*/

.top-bar p {
    text-align: center;
    line-height: 1.2em;
    padding: 0;
    font-size: 0.9em;
}
.top-bar {
    background: #00adef;
    padding: 10px;
}
iframe#hs-form-iframe-0 {
    width: 90% !important;
    margin: auto;
}
			/* ====================================================================
			   Media Queries
			   		========================================================================== */
		@media only screen and (min-width: 550px) {
			
			
			.glassImageContainer{
				width:500px;
				height:250px;
				overflow:hidden;
				margin:0 auto;
			}
			
			.glassImageContainer img{
				position:relative;
				width:500px;
				margin:0 0 0 0;
			}
			
			.glassImageContainer img:hover{
				margin:-250px 0 0 0;
			}
			
			.frameFrameContainer{
				width:400px;
				height:200px;
				overflow:hidden;
				margin:0 auto;
			}
			
			.frameFrameContainer img{
				position:relative;
				width:400px;
				margin:0 0 0 0;
			}
			
			.frameFrameContainer img:hover{
				margin:-200px 0 0 0;
			}
			
			.topFrameRow H1{
				display:block;
				margin:25px 0 0 0;
				font-size:1.7em;
			}
			
			
			span.specOut{
				display:inline-block;
				color:#666;
			}
			
			.pipe{
				margin:0 30px;
				display:inline;
			}

#artist-pic-donovan{ background:url("../img/pew_halfer_aif_timothyODonovan.jpg")  no-repeat center center; padding-top:80%;}
#artist-pic-williams{ background:url("../img/pew_halfer_aif_tamishaWilliams.jpg")  no-repeat center center; padding-top:80%;}
#artist-pic-garrity{ background:url("../img/pew_halfer_aif_jennyGarrity.jpg")  no-repeat center center; padding-top:80%;}
#artist-pic-schmuckler{ background:url("../img/pew_halfer_aif_schmuckler.jpg")  no-repeat center center; padding-top:80%;}
		
		}
			@media only screen and (min-width: 750px) {
			
/* 
			
			#bodyContainer{
				margin-top: 165px;
			}
			
 */
			header {
			  background: #fff;
			  position: fixed;
/* 
			  height:165px;
 */
			  z-index: 3;
			  width: 100%;
			  text-align:center;
			  left: 0;
			  top: 0;
			  border-bottom: 1px #ccc solid;
			}
			
			.logo {
	z-index:0;
			}
			
			p {
			  width: 85%;
			  font-size:1.0em;
			  margin: 0 auto;
			  padding:0 0 20px 0; 
			}
			
			.nav-collapse ul {
				position:fixed;
				top:87px;
				background:none;
				/*added to eliminate vertical scrolling of nave menu*/
				 overflow-y: hidden;
				height:65px;
			}

			  .js .nav-collapse {
			  }
			  .js .nav-collapse.closed {
				max-height: none;
			  }
			  .nav-toggle {
			display:none;
			  }
			  
				.nav-collapse {
				width: 100%;
			  }
			  
			   .mask {
				display: none !important;
				opacity: 0 !important;
			  }
			  
			   .nav-collapse li {
				width:auto;
				float:left;
			text-transform: uppercase;
			  }
			 
			  .nav-collapse li a {
				      display: inline-block;
					    float: left;
					    font-size: 1.5em;
					    color: #666;
					    z-index: 9999;
					    text-align: left;
			  }
			  
			  .nav-collapse li a:hover {
				  color:#4ac9f2;
			  }
			
			  .nav-collapse ul ul a {
				display: none;
			  }
			  
			  #retailerNavLink{
				  display:none;
			  }
			  
			  #SecondaryMenu{
				  position:fixed;
				  display:block;
				  top:0px;
				  right:0px;
				  background:#4ac9f2;
				  padding:5px 10px;
			  }
			  
			  #SecondaryMenu a{
				  font-family:"poppins";
				  font-size:1.0;
				  font-weight:bold;
				  color:#fff;
				  text-decoration:none;
			  }
			  
			  .fullyInsert, .fullyLogo{
				display:block;
			}
			
			.innerRowStackTwo{
				position:relative;
				width:100%;
				overflow:hidden;
				padding-top:0;
				
			}
			
			.innerRowStackTwoArtist{
				position:relative;
				display:flex;
				overflow:hidden;
				clear:both;
				width:100%;
			}
			
			.innerRowStackTwoSubPage{
				position:relative;
				width:100%;
				overflow:hidden;
				padding-top:0;
				
			}
			
			
			
			
			
			.innerRow-stackFour .qtr{
				float:left;
				width:25%;
				position:relative;
				display:block;
			}
			
			
			.innerRowStackTwo .half, .innerRowStackTwoArtist .half{
				    width: 47.5%;
					margin: 1% 0 1% 1.5%;
					display: inline;
					clear: none;
					position: relative;
			}


			
			
			.innerRowStackTwo .half img, .innerRowStackTwoArtist .half img{
				display:inline-block;
				width:92%;
				margin:2%;
			}
			
			.innerRowStackTwoSubPage .half{
				 float: left;
				width: 47.5%;
				display: inline;
				clear: none;
				margin: 1% 0 1% 1.5%;
				display: block;
				/* clear: none; */
				border: #000 solid 1px;
			}
			
			.innerRowStackTwoSubPage .halfSmall{
				        width: 42%;
						margin: 1% 4%;
						display: inline;
						clear: none;
						border: none;
						text-align: justify;
			}
			
			.innerRowStackTwo .half a.cta{
				position:relative;
			}
			
			.innerRowStackTwo .halfYellow{
				float:left;
				width:100%;
				display:block;
				clear:both;
				background:#fff200;
			}
			
			.mobileHalfer{
				display:none;
			}
			
			#desktopHalfer{
				display: inline-block;
				max-height: 400px;
			}
			
			.innerRow-trips{
				width:100%;
				margin:0 auto;
			}

			.innerRow-trips .trip{
				    width: 33%;
					margin: 0 auto;
					/* padding: .5%; */
					min-height: 200px;
					position:relative;
			}
			
			p.learnMoreTrip{
				    color: #fff;
    font-size: 0.8em;
    font-family: "poppins";
    text-decoration: none;
    /* margin: 20px 5px -20px 5px; */
    /* text-align: right; */
    position: absolute;
    /* right: 5px; */
    bottom: 5px;
    /* text-align: center; */
    width: 100%;
			}

			
			.loveTrain{background: url("../img/eyeglasses/loveTrain_antique_m_sun_1000.jpg");}

			h1.primary {
			  font-size:1em;
			}
			
			.glassImageContainer{
				width:200px;
				height:100px;
				overflow:hidden;
				margin:0 auto;
			}
			
			.glassImageContainer img{
				position:relative;
				width:200px;
				margin:0 0 0 0;
			}
			
			.glassImageContainer img:hover{
				margin:-100px 0 0 0;
			}
			
			.frameFrameContainer{
				width:600px;
				height:300px;
				overflow:hidden;
				margin:0 auto;
			}
			
			.frameFrameContainer img{
				position:relative;
				width:600px;
				margin:0 0 0 0;
			}
			
			.frameFrameContainer img:hover{
				margin:-300px 0 0 0;
			}
			

			#optical_glasses{background:url("../img/pew_halfer_optical_glasses.jpg") no-repeat center center;}
			#optical_human{background:url("../img/pew_halfer_optical_human.jpg") no-repeat center center;}
			#sun_glasses{background:url("../img/pew_halfer_sun_glasses.jpg") no-repeat center center;}
			#sun_human{background:url("../img/pew_halfer_sun_human.jpg") no-repeat center center;}
			
			

			#homeSlider, #aboutSlider{
				position:relative;
				display:block;
				width:100%;
				height:0;
				background:url("../img/pew_homeSlider_senior.jpg") no-repeat center center;
				background-size: contain;
				background-repeat: no-repeat;
				padding-top:64.8%; /* w /h * 100*/
			}
			
			#aboutSlider{
				margin-top:-25px;
			}
			
			#retailerSlider{
				position:relative;
				display:block;
				width:100%;
				height:0;
				background:url("../img/pew_retailerSlider.jpg") no-repeat center center;
				background-size: contain;
				background-repeat: no-repeat;
				padding-top:64.8%; 
			}
			
			#aifSlider{
				position:relative;
				display:block;
				width:100%;
				height:0;
				background:url("../img/pew_aifSlider_banner.jpg") no-repeat center center;
				background-size: contain;
				background-repeat: no-repeat;
				padding-top:18.08%; 
			}
			
			#aifClothSlider{
				position:relative;
				display:block;
				clear:both;
				width:100%;
				height:0;
				background:url("../img/pew_aifClothSlider_schmuckler.jpg") no-repeat center center;
				background-size: contain;
				background-repeat: no-repeat;
				padding-top:64.16%; 
			}
			
			
			#campaign_tort{
				position:relative;
				display:block;
				width:100%;
				height:0;
				background:url("../img/pew_homeSlider_1200_tort.jpg") no-repeat center center;
				background-size: contain;
				background-repeat: no-repeat;
				padding-top:64.8%
			}
			
.top-banner-lg img {
    width: 100%;
    display: block;
}
.top-banner-phone img {
    display: none;
}

			#campaign_home{
				position:relative;
				display:block;
				width:100%;
				height:0;
				background:url("https://www.innervisioneyewear.com/img/black-friday-web-banner-1600.jpg") no-repeat center center;
				background-size: cover;
				background-repeat: no-repeat;
				padding-top:64.8%
			}
			#campaign_default{
				position:relative;
				display:block;
				width:100%;
				height:0;
				background:url("../img/jt_homeSlider_750_philly.jpg") no-repeat center center;
				background-size: contain;
				background-repeat: no-repeat;
				padding-top:64.8%
			}

			#campaign_flex18{
				position:relative;
				display:block;
				width:100%;
				height:0;
				background:url("../img/jt_homeSlider_1200_maxFlex2018.jpg") no-repeat center center;
				background-size: contain;
				background-repeat: no-repeat;
				padding-top:64.8%
			}
			
			#campaign_contact{
				position:relative;
				display:block;
				width:100%;
				height:0;
				background:url("../img/iv_homeSlider_1200_contactLensClub.jpg") no-repeat center center;
				background-size: contain;
				background-repeat: no-repeat;
				padding-top:58.8%; 
				clear:both;
			}

	#campaign_icb{
				position:relative;
				display:block;
				width:100%;
				height:0;
				background:url("../img/iv_homeSlider_1200_icberlin-event.jpg") no-repeat center center;
				background-size: contain;
				background-repeat: no-repeat;
				padding-top:64.8%; 
				clear:both;
			}

			#campaign_tort_home{
				position:relative;
				display:block;
				width:100%;
				height:0;
				background:url("../img/pew_tortoise_1200_banner.jpg") no-repeat center center;
				background-size: contain;
				background-repeat: no-repeat;
				padding-top:64.8%
			}
			
			
			
			#homeSliderSub{
				position:relative;
				display:block;
				clear:both;
				width:100%;
				height:0;
				background:url("../img/pew_homeSlider_blueWave.jpg") no-repeat center center;
				background-size: contain;
				background-repeat: no-repeat;
				padding-top:64.8%; /* w /h * 100*/
			}
			
			.aboutFully{
				position:relative;
				display:block;
				clear:both;
				width:100%;
				height:0;
				background:url("../img/pew_homeSlider_create.jpg") no-repeat center center;
				background-size: contain;
				background-repeat: no-repeat;
				padding-top:64.8%; /* w /h * 100*/
			}
			
			#homeSlider p{
				position:relative;
				margin-top:-40px;
			}
			
			.frameNameHome{
				position:relative;
				display:block;
				width:50%;
				padding:10px;
				margin:10px auto 0;
				color:#000;
				font-family:"mono";
				font-size:0.9em;
				text-decoration:none;
			}
			
			#membersRow img{
				position:relative;
				width:80%;
				
			}
			#membersTitle{
				text-align:center;
				padding:0 5px 5px;
				margin:0 0 0 0;
			}
			
			#membersRow{
				padding:10px;
			}
			
			#home_instagram{
				background:#fff;
			}
			
			.topFrameRow H1{
				display:block;
				margin:25px 0 0 0;
				font-size:2.0em;
			}
			
			span.label{
				float:left;
				display:inline-block;
				margin:15px 0 0 0;
				height:38px;
				vertical-align:center;
			}

			.formContainer{
				margin:10% 7% 0 0;
			}
			
			
			#contact label{
				display:block;
				margin:15px 0 0 0;
				text-align:left;
				font-size:0.9em;
			}
			#contact input[type='text'], textarea{
				width:60%;
				color:#000;
				font-family:'poppins';
				font-size:1.3em;
			}
			
			#btnSubmit{
				position:relative;
				display:block;
				width:30%;
				padding:10px;
				margin:30px auto;
				color:#fff;
				font-family:"poppins";
				font-size:1.0em;
				text-decoration:none;
			}
			
			#scatContainer{
				width:96%;
				margin:35px auto 0;
				overflow:hidden;
			}
			.scat{
				display:inline-block;
				margin:0 auto;
				padding:2%;
			}
			
			ul.retailers{
			  width: 90%;
			  font-size:1.2em;
			  font-weight:bold;
			  margin: 0 20px 25px -20px;
			  text-align:center;
			}
			
			ul.retailersBlue {
			  width: 90%;
			  font-size:1.4em;
			  font-weight:bold;
			  margin: 55px 20px 25px -20px;
			  text-align:left;
			}
			
			a.frameNameHomeLink{
				position:relative;
				display:block;
				color:#4ac9f2;
				font-family:"poppins";
				font-size:1.1em;
				margin:0 0 0 0;
			}
			

#artist-pic-schmuckler{ background:url("../img/pew_halfer_aif_schmuckler.jpg")  no-repeat center center; padding-top:0;}
#artist-pic-donovan{ background:url("../img/pew_halfer_aif_timothyODonovan.jpg")  no-repeat center center; padding-top:0;}
#artist-pic-williams{ background:url("../img/pew_halfer_aif_tamishaWilliams.jpg")  no-repeat center center; padding-top:0;}
#artist-pic-garrity{ background:url("../img/pew_halfer_aif_jennyGarrity.jpg")  no-repeat center center; padding-top:0;}
#artist-pic-eades{ background:url("../img/pew_halfer_aif_eades.jpg")  no-repeat center center; padding-top:0;}

			span.forcedMobileTextBreak{
				display:none;
			}

H3.promoRow{
    font-size: 1.2em;

}

.naverator{
	color:#ccc;
	    margin: 0 10px 0 45px;
	display:inline;
}

H2.bodyTitle{
	font-size:1.8em;
}

/*

					B R A N D S
					
					*/
					/*
					.twin75{
						
						display:inline-block;
						float:right;
						width:70%;
						padding:1%;
						height:100%;
						vertical-align:top;
						border:1px solid #333;
					}
					
					.twin75 p, .twin75 H1{
						margin:2% 1%;
					}*/
					
					#brandList{
						display:inline-block;
						width:94%;
						padding:0;
						height:100%;
						vertical-align:top;
						border:none;
					}
					
					#brandList a{
						text-decoration: none;
						color: #000;
					}
					
					#brandList ul{
						position:relative;
						width:100%;
						list-style:none;
						padding:0;
						margin:0;
					}
					
					#brandList ul li{
						position:relative;
						display:block;
						border:1px solid #000;
						margin:0 0 2% 0;
						padding:2%;
						overflow:hidden;
					}  #brandList ul li:hover{border:1px solid #666;}
					
					#brandList ul li img{
						float:left;
						width:38%;
						margin:0 auto;
						vertical-align:middle;

					}
					
					#brandList ul li p{
						float:right;
						width:58%;
						height:100%;
					}
					
					.brandManu{
						float:left;
						width:60%;
						padding:0 2% 2% 0;
					}
					
					.brandLogo{
						position:relative;
						display:block;
						width:30%;
						padding:0 0 3% 0;
						margin:0 auto;
					}
					
					.brand_frame, .brand_price{
						position:relative;
						margin:-2% 0 0 0;
						font-size:1.3em;
						z-index:1;
					}
					
					#productList{
				position:relative;
				display:block;
				margin:0 auto;
			}
			
			#productList ul{
				width:100%;
				list-style:none;
				padding:0;
				margin:0 auto;
			}
			
			#productList ul li{
				width:45%;
				display:inline-block;
				border:1px solid #000;
				margin:1% auto;
				padding:2%;
			}  #productList ul li:hover{border:1px solid #666;}
			
			#productList ul li img{
				position:relative;
				display:block;
				width:100%;
				margin:0 auto;
				z-index:0;
			}
			
			#brandRow{
    border: 1px solid #000;
    margin: 2%;
    /* width: 100%; */
    position: relative;
	overflow:auto;
}

/*pop up*/
.modalDialog > div {
    width: 400px;
}
					
					

		}
		    a.round-button, .round-button a {
    text-decoration: none;
    padding: 8px 16px;
    border: solid #00adf1 0.15em;
    border-radius: 24px;
    font-weight: 600;
    color: #5d5d5f;
    font-size: 1rem;
    letter-spacing: 0.01em;
    transition: all 0.2s ease-in;
    display: inline-block;
}


a.round-button:hover, .round-button a:hover {
    background-color: #5ac5f5;
    color: #4a4949;
    transition: all 0.2s ease-in;
    border-color: #5ac5f5;
}
			
			/* =====================================================
			   Media Queries
			   ===================================================== */
			
						@media only screen and (min-width: 800px) {
						
						/* ============
							WIDE: Main
						   ============ */
							
							/* BRICKS: stacked to 3 brick*/
							.stack-3col { display:block; float: left; width: 100%;}
							.stack-3col section.brick { float: left; width: 30%; margin:2%; background:Lime;}
							.stack-3col section.brick:first-child {margin-left:0;}
							.stack-3col section.brick:last-child {margin-right:0;}
							/* BRICKS: stacked to 3 brick*/
							
							#aboutSlider{
								margin-top:-30px;
							}
							
							.artistLinks{
							color:#000;
							font-weight:bold;
							 font-family: Arial black;
							font-size: 1.4em;
						}
							
						}

						
						  @media only screen and (min-width: 1000px) {
								
								.loveTrain{background: url("../img/eyeglasses/loveTrain_antique_m_sun_1000.jpg");}
								
								#scatContainerHome{
									display:inline-block;
									width:96%;
									margin:5px auto 0;
									overflow:hidden;
								}
								#scatContainerHome .scat{
									position:relative;
									margin:0 auto;
									padding:1%;
								}
								
								#scatContainerHome .glassImageContainer{
									width:200px;
									height:100px;
									overflow:hidden;
									margin:0 auto;
								}
								
								#scatContainerHome .glassImageContainer img{
									position:relative;
									width:200px;
									margin:0 0 0 0;
								}
								
								#scatContainerHome .glassImageContainer img:hover{
									margin:-100px 0 0 0;
								}
								
								.frameNameHome{
									position:relative;
									display:inline-block;
									width:90%;
									padding:10px 0;
									margin:0px auto 25px;
									color:#000;
									font-family:"mono";
									font-size:0.9em;
									text-decoration:none;
								}
								
								
								.frameFrame{
									display: block;
									text-decoration: none;
									margin:0 auto;
									width:900px;
									height:450px;
									background-size: 900px;
								}
								
								.frameFrame:hover {
									background-position: 0 -450px;
								}
								
								.glassImageContainer{
									width:300px;
									height:150px;
									overflow:hidden;
									margin:0 auto;
								}
								
								.glassImageContainer img{
									position:relative;
									width:300px;
									margin:0 0 0 0;
								}
								
								.glassImageContainer img:hover{
									margin:-150px 0 0 0;
								}
								
								.frameFrameContainer{
									width:900px;
									height:450px;
									overflow:hidden;
									margin:0 auto;
								}
								
								.frameFrameContainer img{
									position:relative;
									width:900px;
									margin:0 0 0 0;
								}
								
								.frameFrameContainer img:hover{
									margin:-450px 0 0 0;
								}
								
								span.labelSolid,  span.label2Tone{
								position:absolute;
								display:inline;
								margin:20px 0px 0 -80px;
							}
							
							#zoom{
								display:none;
							}
							
							iframe#hs-form-iframe-0 {
    width: 70% !important;
    margin: auto;
    max-width: 900px !important;
}							
							}
						
						
									@media only screen and (min-width: 1200px) {
									
									/* ===============
										Maximal Width
									   =============== */
									
									
									
										.wrapper {
											width: 1026px; /* 1140px - 10% for margins */
											margin: 0 auto;
										}
										
										#homeSlider, #aboutSlider{
											background:url("../img/pew_homeSlider_senior.jpg") no-repeat center center;
											background-size:cover;
										}
										
										#aboutSlider{
											margin-top:-35px;
										}
										
										#homeSlider p{
											position:relative;
											margin-top:-40px;
										}
										
										.frameFrameContainer{
											width:1100px;
											height:550px;
											overflow:hidden;
											margin:0 auto;
										}
										
										.frameFrameContainer img{
											position:relative;
											width:1100px;
											margin:0 0 0 0;
										}
										
										.frameFrameContainer img:hover{
											margin:-550px 0 0 0;
										}
										
										#scatContainerHome .glassImageContainer{
											width:250px;
											height:125px;
											overflow:hidden;
											margin:0 auto;
										}
										
										#scatContainerHome .glassImageContainer img{
											position:relative;
											width:250px;
											margin:0 0 0 0;
										}
										
										#scatContainerHome .glassImageContainer img:hover{
											margin:-125px 0 0 0;
										}
#artist-pic-eades{ background:url("../img/pew_halfer_aif_eades.jpg")  no-repeat center center; min-height: 800px;background-size:cover;}		
#artist-pic-schmuckler{ background:url("../img/pew_halfer_aif_schmuckler.jpg")  no-repeat center center; min-height: 800px;background-size:cover;}	
#artist-pic-donovan{ background:url("../img/pew_halfer_aif_timothyODonovan.jpg")  no-repeat center center; padding-top:0;background-size:cover; min-height: 600px;}
#artist-pic-williams{ background:url("../img/pew_halfer_aif_tamishaWilliams.jpg")  no-repeat center center; padding-top:0;background-size:cover; min-height: 600px;}
#artist-pic-garrity{ background:url("../img/pew_halfer_aif_jennyGarrity.jpg")  no-repeat center center; padding-top:0;background-size:cover; min-height: 600px;}
									}
									
										@media only screen and (min-width: 1400px) {
											
											.loveTrain{background: url("../img/eyeglasses/loveTrain_antique_m_sun_2000.jpg");}
											
										
											.glassImageContainer{
												width:400px;
												height:200px;
												overflow:hidden;
												margin:0 auto;
											}
											
											.glassImageContainer img{
												position:relative;
												width:400px;
												margin:0 0 0 0;
											}
											
											.glassImageContainer img:hover{
												margin:-200px 0 0 0;
											}
											
											.frameFrameContainer{
												width:1300px;
												height:650px;
												overflow:hidden;
												margin:0 auto;
											}
											
											.frameFrameContainer img{
												position:relative;
												width:1300px;
												margin:0 0 0 0;
											}
											
											.frameFrameContainer img:hover{
												margin:-650px 0 0 0;
											}
											
											#scatContainerHome .glassImageContainer{
												width:300px;
												height:150px;
												overflow:hidden;
												margin:0 auto;
											}
											
											#scatContainerHome .glassImageContainer img{
												position:relative;
												width:300px;
												margin:0 0 0 0;
											}
											
											#scatContainerHome .glassImageContainer img:hover{
												margin:-150px 0 0 0;
											}

										
									}
									
													@media only screen and (min-width: 1800px) {
													
														
													
													.glassImageContainer{
														width:500px;
														height:250px;
														overflow:hidden;
														margin:0 auto;
													}
													
													.glassImageContainer img{
														position:relative;
														width:500px;
														margin:0 0 0 0;
													}
													
													.glassImageContainer img:hover{
														margin:-250px 0 0 0;
													}
													
													.frameFrameContainer{
														width:1700px;
														height:850px;
														overflow:hidden;
														margin:0 auto;
													}
													
													.frameFrameContainer img{
														position:relative;
														width:1700px;
														margin:0 0 0 0;
													}
													
													.frameFrameContainer img:hover{
														margin:-850px 0 0 0;
													}
													
													#scatContainerHome .glassImageContainer{
														width:350px;
														height:175px;
														overflow:hidden;
														margin:0 auto;
													}
													
													#scatContainerHome .glassImageContainer img{
														position:relative;
														width:350px;
														margin:0 0 0 0;
													}
													
													#scatContainerHome .glassImageContainer img:hover{
														margin:-175px 0 0 0;
													}
												}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

@font-face {
  font-family: "responsivenav";
  src:url("responsivenav.eot");
  src:url("responsivenav.eot?#iefix") format("embedded-opentype"),
    url("responsivenav.ttf") format("truetype"),
    url("responsivenav.woff") format("woff"),
    url("responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}