/** FIT GUIDE CSS **/

		/**** CSS FOUNDATION 'RESET' ****/
	html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {margin: 0; font: 16px/1 sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, p, blockquote, figure, ol, ul {margin: 0; padding: 0; } main, li {display: block; } h1, h2, h3, h4 {font-size: inherit; } strong {font-weight: bold; } a, button {color: inherit; transition: .3s; } a {text-decoration: none; } button {overflow: visible; border: 0; font: inherit; -webkit-font-smoothing: inherit; letter-spacing: inherit; background: none; cursor: pointer; } ::-moz-focus-inner {padding: 0; border: 0; } :focus {outline: 0; } img {max-width: 100%; height: auto; border: 0; }
	/**** END CSS FOUNDATION 'RESET' ****/

		body {
			text-align: center;
			font-family: futura-pt,Futura,"Hiragino Kaku Gothic Pro";
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			background: #fff;
		}
		* {box-sizing: border-box;}
		h4, h3, h2, h1, p, img {margin: auto;}
		
		h1, h2, h3, .theFitHeader li {
			font-family: DidotLTPro-Bold, garimond, 'times new roman', serif;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
		h1 {font-size: 2em;}
		h3 {font-size:1.25em;}
		p {font-size: .8em;}
		.divNav {
			display: inline-block;
			width: 40%;
		}
		.img	{
			width: 100%;
		}

	/* Desktop */
		.topSection img {
			width: 75%;
		}
		.theEnd {
	    width: 100%;
	    clear: both;
	    margin-top: 5%;
	    /*border: 1px solid red;*/
	    position: relative;
	    float: left;
		}
		section {
			width: 50%;
			float: left;
		}
		.dtOnly {
			display: block;
		}
		.mobOnly {
			/*display: none;*/
			display: block;
	    font-size: 1em;
	    text-transform: uppercase;
	    padding: 7%;
	    font-style: italic;
		}
		.topSection, .vSizeGuide {
			width: 40%;
			float: left;
		}
		.fitGuideHome .vSizeGuide {
			clear: left;
		}
		.topSection {
			padding-top: 6%;		
	  }
		.botSection {
			width: 60%;
			float: right;
			padding-top: 5%;
			/*padding-bottom: 5%;*/
		}
		.divCTA_fg {
			width: 50%;
			float: left;
			position: relative;
		}
		.divCTA_fg img:nth-child(2) {
	    position: relative;
	    margin-top: -20%;
	    width: 89%;
	    margin-left: 3%;
		}
		.botSection img {
			width: 95%;
			float: left;
		}
		.topSection h4 {
	    padding-top: 0%;
	    padding-bottom: 3%;
	    text-transform: uppercase;
	    font-family: futura-pt,Futura,"Hiragino Kaku Gothic Pro";
	    letter-spacing: 3px;
	    font-size: .7em;
	    font-weight: bold;
		}
		.topSection h4:nth-child(2) {
			padding-top: 2%;
		}
		.topSection h1 {
	    color: #a53838;
	    text-transform: uppercase;
	    padding-top: 1%;
	    letter-spacing: 8px;
		}
		.topSection p {
	    max-width: 91%;
	    font-weight: 100;
	    font-family: futura-pt,Futura,"Hiragino Kaku Gothic Pro";
	    letter-spacing: 1px;
	    line-height: 1.5em;
		}
		.pleaseSelect {
			padding-top: 6%;
	    padding-bottom: 5%;
	    color: #000;
		}
		.sizeGuideCTA,
		.learnMoreCTA {
	    width: 55%;
			/*border: solid 1px #ccc;*/
	    text-transform: uppercase;
	    letter-spacing: 2px;
	    margin: auto;
	    margin-top: 3%;
	    text-decoration: underline;
	    font-weight: 100;
		}
		.sizeGuideCTA a,
		.learnMoreCTA a {
			text-decoration: none;
			font-size: .75em;
			display: block;
			padding: 1.5em;
			font-style: normal;
			font-weight: bold;
		}
		.fitGuideHome .sizeGuideCTA {
			width: 80%;
		}
		.backCTA {
	    position: absolute;
	    margin-top: 1.25%;
	    left: 10px;
	    color: #bbb;
	    text-transform: uppercase;
	    font-size: .7em;
	    letter-spacing: 2px;
		}
		.fitGuideHome .opaHover:hover, .categoryDiv img:hover {
			opacity: .5;
		}
		.fitGuide_indy_fit .imgThumbs img:hover {
			opacity: 1 !important;
		}
		/*************************************************
				MEN CATEGORY SECTION
		*************************************************/
		.fitGuide_cat section {
			width: 50%;
		}
		.fitGuide_cat .topSection {
			margin-top: 10%;
		}
		.fitGuide_mCat .topSection {
			margin-top: 5%;
		}
		.fitGuide_cat h3 {
			text-transform: uppercase;
		}
		.fitGuide_cat h1 {
			font-size: 4em;
			padding-top: 4%;
		}
		.fitGuide_mCat .pleaseSelect {
			padding-top: 10%;
		}
		.categoryDiv {
			width: 40%;
    	float: left;
    	margin-left: 2%;
		}
		.categoryDiv img {
			width: 80%;
  	  float: none;
   		margin-right: 0%;;
		}
		.categoryDiv p {
	    text-transform: uppercase;
	    padding-bottom: 13%;
	    padding-top: 4%;
	    font-style: normal;
		}
		.fitGuide_cat .vSizeGuide {
			width: 50%;
		}
		/*************************************************
				WOMEN CATEGORY SECTION
		*************************************************/
		.fitGuide_wCat .topSection, .fitGuide_wCat .vSizeGuide {
			width: 40%;
		}
		.fitGuide_wCat .botSection {
			width: 60%;
		}
		.fitGuide_wCat .categoryDiv {
			width: 33%;
			margin-left: 0%;
		}
		.fitGuide_wCat .categoryDiv img {
			width: 80%;
		}
		.fitGuide_wCat h1 {
			font-size: 3em;
		}
		/*************************************************
				WOMEN FIT SECTION
		*************************************************/
		.menuSelections {
			width: 100%;
			text-align: center;
		}
		.theFitHeader	 {
			width: 30%;
			margin: auto;
		}
		.theFitHeader li {
			display: inline-block;
			width: 33%;
			float: left;
			text-transform: uppercase;
	    padding: 5% 0% 3% 0%;
	    font-size: .8em;
	    text-align: right;
	    color: #bbb;
	    letter-spacing: 1px;
	    font-style: italic;
		}
		.theFitHeader .fg_catPick {
			color: #000;
		}
		.theIndyFits {
			width: 100%;
			background: #000;
			clear: left;
			text-align: center;
			overflow-y: hidden;
			overflow-x: scroll;
		}
		
		.theIndyFits ul {
			display: -webkit-box; 
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex; 
			display: flex;

			width: 100%;
			margin: auto;
			height:45px;
		}
		.theIndyFits li {
			display: -webkit-box; 
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex; 
			display: flex;

			-webkit-box-orient:vertical;
			-webkit-box-direction:normal;
			-ms-flex-direction:column;
			flex-direction:column;

			-webkit-box-pack:center;
	       -ms-flex-pack:center;
           justify-content:center;

			color: #fff;
		    text-transform: uppercase;
		    font-size: .7em;
		    letter-spacing: 1px;
			cursor: pointer;
			position:relative;
			height:100%;
		}
		.theUpCarat {
		  width: 0; 
		  height: 0; 
		  border-left: 5px solid transparent;
		  border-right: 5px solid transparent;
		  border-bottom: 5px solid #fff;
		  position:absolute;
		  bottom:0;
		  left: 0;
		  right: 0;
		  margin: auto;
		}
		.five_fits li {
			width: 20%;
		}
		.six_fits li {
			width: 16.67%;
		}
		.theIndyFits .four_fits {
			width: 100%;
		}
		.four_fits li {
			width: 25%;
		}
		.theIndyFits .two_fits {
			width: 50%;
			min-width: 200px;
		}
		.two_fits  li{
			width: 50%;
		}
		.theIndyFits .three_fits {
			width: 50%;
			min-width: 320px;
		}
		.three_fits li { 
			width: 33.333333333%;
		}
		.theIndyFits .fit_blazers {
			width: 65%;
			min-width: 480px;
		}
		.fit_blazers li {
			width: 30%;
		}
		.fit_blazers li:nth-child(3) {
			width: 40%;
		}
		.theIndyFits .fit_petites {
			width: 33%;
			min-width: 300px;
		}
		.fit_petites li {
			width: 33.33333333%;
		}

		/* Carousel Section */
		.fitCarousel {
			position: relative;
			left: 0px;
			/*transition: .3s;*/
		}
		.fitCarousel p {
			line-height: 1.25em;
			padding-top: .5em;
		}
		.carSection {
			width: 100%;
			padding-top: 2%;
			overflow: hidden;
		}
		.carSection h1, .learnMoreSection h1 {
			font-size: 1.7em;
		    text-transform: uppercase;
			color: darkred;
	    	padding: .25 0em;
		}
		.carArrows {
			position: absolute;
			width: 100%;
			margin-top: 18%;
		}
		.lArrow, .rArrow {
			color: #777;
    	font-size: 70pt;
    	cursor: pointer;
    	width: 4%;
		}
		.lArrow {
    	float: left;
    	margin-left: 23%;
		}
		.rArrow {
    	float: right;
    	margin-right: 20%;
		}
		.fitSlide {
			width: 35%;
			margin: auto;
			float: left;
			margin: auto;
			margin-right: 17%;
			opacity: 1;
			/*transition: .3s;*/
		}
		.fitSlide img{width: 80%; margin: 0 auto;}
		.learnMoreCTA, .fitGuide_fits .sizeGuideCTA {
			color: #fff;
	    border: #000 1px solid;
  	  background: #000;
  	  text-decoration: none;
		}
		.fitSlide .sizeGuideCTA,
		.fitSlide .learnMoreCTA,
		.lmCTAs .sizeGuideCTA,
		.lmCTAs .learnMoreCTA {
			width: 48%;
			display: inline-block;
			font-size: .6em;
		}
		.fitSlide .sizeGuideCTA {
			margin-bottom: 10%;
		}
		.carSection .dblBHeader {
			font-size: 1.75em;
		}
		/*************************************************
				LEARN MORE SECTION
		*************************************************/
		.mSuitFit h3 {
			font-size: 1.25em;
	    padding: 2% 0% 0% 5%;
	    text-align: left;
	    margin-bottom: -4%;
	    font-family: futura-pt,Futura,"Hiragino Kaku Gothic Pro";
		}
		.learnMoreSection {
			width: 100%;
		}
		.learnMoreSection h1 {
	    font-size: 3em;
	    border-bottom: solid 1px #ccc;
	    width: 90%;
		}
		.titleBullets, .theDesc {
			width: 40%;
			float: left;
			padding: 5% 1%;
			margin-left: 8%;
		}
		.theDesc {
	    text-align: justify;
	    font-size: 1em;
	    padding-top: 0%;
	    line-height: 1.5em;
	    letter-spacing: 1px;
	    width: 40%;
	    /*min-height: 25em;*/
		}
		.titleBullets ul {
			padding-top: 5%;
	    text-align: left;
	    margin: auto;
	    display: block;
	    width: 80%;
		}
		.titleBullets ul li {
			display: list-item;
			list-style-type: initial;
			line-height: 2em;
		}
		.mainImage, .lmCTAs {
			width: 35%;
			float: right;
			margin: 5% 1%;
			position: relative;
		}
		.imgSlide {
			position: absolute;
			left: 0;
			top: 0;
			opacity: 0;
		}
		.imgSlide:first-child {
			opacity: 1;
			position: relative;
		}
		.imgThumbs {
			width: 10%;
			float: right;
			padding: 5% .5%;
		}
		.imgThumbs img {
			opacity: .5;
			cursor: pointer;
		}
		.imgThumbs img:first-child {
			opacity: 1;
		}
		.lmCTAs {
			margin-right: 11%;
			margin-top: -4%;
			clear: right;
		}
		.carBullets {
			display: none;
	    width: 100%;
	    float: left;
	    text-align: center;
	    margin: 2% 0;
		}
		.carBullets div {
			border: solid 1px red;
			background: red;
			width: 7px;
			height: 7px;
			border-radius: 50%;
			opacity: .5;
			margin: 5px;
    	display: inline-block;
		}
		.carBullets div:first-child {
			opacity: 1;
		}
		.landscapeLMMainImg {
			position: relative;
			top: auto;
			bottom: auto;
			float: left;
			opacity: 1;
		}

	@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) {
		.carSection h1, .learnMoreSection h1 {
			font-size: 1.2em;
		}
	}

	/* ==============================================================
														mobile 
		============================================================== */
	@media only screen and (max-device-width: 767px) and (orientation: portrait) {
		.backCTA {
			margin-top: 5%;
		}
		.topSection.topSection, .botSection.botSection, .vSizeGuide.vSizeGuide  {
			width: 100%;
		}
		.botSection {
			padding-top: 2%;
		}
		.botSection img {
			float: none;
		}
		.dtOnly {
			display: none;
		}
		.mobOnly {
			/*display: block;*/
		}
		.topSection h4 {
			padding-top: 10%;
		}
		.topSection h1 {
	    font-size: 2.5em;
	    color: #fff;
	    letter-spacing: 3px;
	    font-style: italic;
	    background: #000;
	    padding: 7% 0% 5%;
	    margin-top: 4%;
		}
		.topSection p {
			font-size: .8em;
		}
		.pleaseSelect {
	    padding-top: 5%;
	    padding-bottom: 3%;
	    text-transform: uppercase;
		}
		/************* 
		Category Pages 
		*************/
		.categoryDiv.categoryDiv.categoryDiv {
			margin-left: 0%;
			width: 50%;
			padding-bottom: .5em;
		}
		.fitGuide_cat .categoryDiv img {
			width: 75%;
		}
		.sizeGuideCTA {
			width: 88%;
			/*margin-top: -5%;*/
			margin-bottom: 10%;
		}
		.botSection .mobOnly {
			display: block;
	    font-size: 1em;
	    text-transform: uppercase;
	    padding: 7%;
	    font-style: italic;
		}
		/************* 
		FIT Pages 
		*************/
		.theIndyFits .two_fits {
			width: 100%;
		}
		.menuSelections {
			margin-top: 10%;
		}
		.theFitHeader {
			width: 100%;
		}
		.theFitHeader li {
			text-align: center;
		}
		/*carousel*/
		.carArrows {
			position: absolute;
			width: 100%;
			margin-top: 2%;
			z-index: 500;
		}
		.carArrows img {
			width: 75%
		}
		.lArrow, .rArrow {
			color: #777;
    	font-size: 25pt;
		}
		.lArrow {
    	float: left;
    	margin-left: 5%;
		}
		.rArrow {
    	float: right;
    	margin-right: 5%;
		}
		.fitSlide {
			width: 100%;
			margin-right: 0px;
		}
		.fitSlide img {
			width: 80%;
		}
		.fitSlide p {
			width: 75%;
		}
		.fitSlide .sizeGuideCTA,
		.fitSlide .learnMoreCTA {
			width: 70%;
			margin-top: 3%;
		}
		.fitSlide .sizeGuideCTA {
			margin-bottom: 1%;
		}
		.twoFits {
			width: 100%;
		}

		/************* 
		LEARN MORE Pages 
		*************/
		
		.titleBullets,
		.mainImage {
			width: 100%;
			float: none;
			margin: auto;
		}
		.imgThumbs {
			display: none;
		}
		.mobCarContainer {
			position: relative;
		}
		.imgSlide {
			position: relative;
			opacity: 1;
			float: left;
		}
		.imgSlide img{
			width: 90%;
		}
		.theDesc {
			width: 90%;
			float: none;
			margin: auto;
			padding: 5% 1%;
			min-height: auto;
		}
		.lmCTAs {
			width: 100%;
			margin: auto;
		}
		.lmCTAs .learnMoreCTA,
		.lmCTAs .sizeGuideCTA {
			width: 90%;
		}
		.mainImage {
			overflow: hidden;
		}
		.carBullets {
			display: block;
		}
		.fitGuide_indy_fit .learnMoreCTA {
			margin-top: 3%;
		}
	}