/*============================
=            Hero            =
============================*/
#home-hero {
	margin-top: 16px;
	margin-bottom: 30px;
	position: relative;
}
#home-hero.invisible {
	opacity: 0;
}
@media (min-width: 768px) {
	#home-hero {
		margin-top: 25px;
		margin-bottom: 40px;
	}
}
@media (min-width: 1052px) {
	#home-hero {
		margin-bottom: 70px;
		position: relative;
	}
}

.item-row {
	margin-bottom: 24px;
}

.hero-pages {
	overflow: hidden;
	position: relative;
}


	.swipeshow {
		margin: 0 auto;
		width: 100%;
		height: 350px;
	}

	@media (min-width: 320px) {
		.swipeshow {
			width: 320px;
		}
	}

	@media (min-width: 375px) {
		.swipeshow {
			height: 280px;
			width: 410px;
		}
	}

	@media (min-width: 568px) {
		.swipeshow {
			height: 400px;
			width: 568px;
		}
	}

	@media (min-width: 768px) {
		.swipeshow {
			width: 764px;
			height: 375px;
		}
	}

	@media (min-width: 1052px) {
		.swipeshow {
			width: 1030px;
			height: 515px;
		}
	}

	@media (min-width: 1350px) {
		.swipeshow {
			width: 1350px;
			height: 675px;
		}
	}

	.hero-nav {
		margin-top: -68px;
		position: absolute;
		top: 50%;
		display: none;

		padding: 0;
		background-image: none;
	}
	.hero-nav:active {
		background-image: none;
	}

	.touch .hero-nav {
		display: none !important;
	}

	.hero-nav.prev-btn {
		display: none;
		left: -1px;
	}
	.hero-nav.next-btn {
		right: 0;
	}

	.hero-page {
		position: relative;
	}

		.hero-item {
			margin-bottom: 18px;
		}

		.hero-item-content {
			display: block;
			position: relative;
		}

		.hero-item .hero-image {
			display: block;
			margin: 0;
			max-width: 100%;
			width: 100%;
		}

		.hero-item .brand-name,
		.hero-item .item-price {
			overflow: hidden;
			white-space: nowrap;
		}

		.hero-item .item-name {
			max-height: 36px;
			overflow: hidden;
		}

		.hero-item .item-description {
			display: none;
			margin-bottom: 13px;
			max-height: 40px;
			overflow: hidden;
			position: relative;
		}

			.hero-item .item-description::after {
				background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(20%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 100%); /* W3C */

				content: '...';
				display: none;
				padding-left: 1em;
				position: absolute;
				bottom: 0; right: 0;
				width: 3em;
			}

		.hero-item .btn {
			bottom: 25px;
			position: absolute;
		}

		.hero-item-content .item-info {
			background: #fff;
			display: none;
			opacity: 0;
			outline: 1px solid #f6f0f0;
			outline-offset: -1px;
			overflow: hidden;
			position: absolute;
			top: 0; left: 0;
			width: 100%; height: 100%;
			-webkit-transition: opacity 0.2s ease;
			-moz-transition: opacity 0.2s ease;
			-o-transition: opacity 0.2s ease;
			transition: opacity 0.2s ease;
		}

		.touch .hero-item-content .item-info {
			display: none !important;
		}

			.hero-item .item-info-inner {
				display: block;
				height: 100%;
				padding: 25px;
			}

.hero-pagination {
	margin-top: 20px;
}

@media (min-width: 768px) {

	.hero-item {
		margin-bottom: 36px;
	}

	.hero-item-content .item-info {
		display: block;
	}

	.no-touch .hero-item-content:hover .item-info {
		opacity: 1;
	}
}

@media (min-width: 1052px) {
	.hero-pages {
		margin-bottom: 0px;
	}
	.hero-item {
		margin-bottom: 50px;
	}
	.hero-nav.next-btn {
		display: block;
	}

	.hero-item .item-info-inner {
		padding: 30px;
	}

	.hero-item.tall .item-description {
		display: block;
		max-height: 115px;
	}
	.hero-item .item-description {
		/*display: block;*/
		font-size: 14px;
	}

	.hero-item .btn {
		bottom: 30px;
	}
}

@media (min-width: 1350px) {
	.hero-item .item-info-inner {
		padding: 40px;
	}

	.hero-item .item-description {
		display: block;
		margin-bottom: 22px;
		max-height: 92px;
		font-size: 14px;
	}

	.hero-item.tall .item-description {
		display: block;
		max-height: 200px;
	}

	.hero-item .btn {
		bottom: 40px;
	}
}





/*=================================
=            Lookbook             =
=================================*/

#home-lookbook {
	margin-top:0;
	margin-bottom: 30px;
	position: relative;
}
#home-lookbook.invisible {
	opacity: 0;
}
@media (min-width: 768px) {
	#home-lookbook {
		margin-top:0;
		margin-bottom: 40px;
	}
}
@media (min-width: 1052px) {
	#home-lookbook {
		margin-top:0;
		margin-bottom: 70px;
		position: relative;
	}
}


#home-lookbook {
	display: none;
}

	.home-lookbook-inner {
		position: relative;
	}

		.home-lookbook-item-content {
			display: block;
			position: relative;
		}

		.home-lookbook-item .home-lookbook-image {
			display: block;
			margin: 0;
			max-width: 100%;
			width: 100%;
		}

		.home-lookbook-item .brand-name,
		.home-lookbook-item .item-price {
			overflow: hidden;
			white-space: nowrap;
		}

		.home-lookbook-item .item-name {
			max-height: 36px;
			overflow: hidden;
		}

		.home-lookbook-item .item-description {
			display: none;
			margin-bottom: 13px;
			max-height: 40px;
			overflow: hidden;
			position: relative;
		}

			.home-lookbook-item .item-description::after {
				background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(20%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 100%); /* IE10+ */
				background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 100%); /* W3C */

				content: '...';
				display: none;
				padding-left: 1em;
				position: absolute;
				bottom: 0; right: 0;
				width: 3em;
			}

		.home-lookbook-item .btn {
			position: absolute;
			bottom: 30px;
		}

		.home-lookbook-item-content .item-info {
			background: #fff;
			display: none;
			opacity: 0;
			outline: 1px solid #f6f0f0;
			outline-offset: -1px;
			overflow: hidden;
			position: absolute;
			top: 0; left: 0;
			width: 100%; height: 165px;
			-webkit-transition: opacity 0.2s ease;
			-moz-transition: opacity 0.2s ease;
			-o-transition: opacity 0.2s ease;
			transition: opacity 0.2s ease;
		}

		.touch .home-lookbook-item-content .item-info {
			display: none !important;
		}

			.home-lookbook-item .item-info-inner {
				display: block;
				height: 100%;
				padding: 25px;
				/*position: relative;
				top: 50%;
				transform: translateY(-50%);
				-webkit-transform: translateY(-50%);*/
			}

	.home-lookbook-nav {
		margin-top: -68px;
		position: absolute;
		top: 50%;
		display: none;

		padding: 0;
		background-image: none;
	}
	.home-lookbook-nav:active {
		background-image: none;
	}

	.touch .home-lookbook-nav {
		display: none !important;
	}

	.home-lookbook-nav.prev-btn {
		display: none;
		left: -1px;
	}
	.home-lookbook-nav.next-btn {
		right: 0;
	}


@media (min-width: 768px) {
	#home-lookbook .container-full {
		width: 100%;
	}

	#home-lookbook {
		display: block;
	}

	#home-lookbook-swipe {
		margin-bottom: 36px;
	}

	#home-lookbook .swipeshow {
		height: 502px;
	}
	
	#home-lookbook .item:nth-child(odd) {
		margin-bottom: 32px;
 		padding: 0 25px 0 20px; 
	}

	#home-lookbook .item:nth-child(even) {
		margin-bottom: 32px;
 		padding: 0 20px 0 25px;  
	}

	#home-lookbook .row-header .more-link {
		font-size: 9px;
	}

	#home-lookbook .row-header {
		text-align:center;
		margin-bottom: 15px;
		padding: 0 15px;
	}

	.home-lookbook-item-content .item-info {
		display: block;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		width: 303px;
	}

	.home-lookbook-item .item-description {
		max-height: 300px;
		height: 70px;		
	}

	.no-touch .home-lookbook-item-content:hover .item-info {
		opacity: 1;
	}
}

@media (min-width: 1052px) {

	#home-lookbook .row-header {
		padding-left: 22px;
		padding-right: 20px;
		margin-bottom: 15px;
	}

	#home-lookbook .more-link {
		margin-top: 10px;
		line-height: 10px;
	}

	#home-lookbook .more-link span {
		line-height: 10px;
	}

	.home-lookbook-item-content .item-info {
		width: 303px;
		height: 223px;
	}

	.home-lookbook-item .item-info-inner {
		padding: 30px;
	}

	#home-lookbook .btn-row {
		margin: 0 -3px 20px;
	}

	.home-lookbook-nav.next-btn {
		display: block;
	}

	#home-lookbook-swipe {
		margin-bottom: 36px;
	}

	#home-lookbook .swipeshow {
		height: 703px;
	}
}

@media (min-width: 1350px) {
	#home-lookbook .container {
		width: 1200px;
	}

	#home-lookbook .container-full {
		width: 100%;
	}

	#home-lookbook .swipeshow {
		width: 1200px;
		height: 832px;
	}

	.home-lookbook-item .item-info-inner {
		padding: 40px;
	}

	.home-lookbook-item-content .item-info {
		width: 410px;
		height: 327px;
	}

	#home-lookbook .item {
		/*width: 20%;*/
	}

	.home-lookbook-item .btn {
		bottom: 40px;
	}

	.home-lookbook-item .item-description {
		display: block;
		margin-bottom: 22px;
		height: 100px;
		font-size: 14px;
	}
}

#home-lookbook .item-row {
	margin-bottom: 0;
}

@media (max-width: 768px) {
	#home-lookbook .container {
		padding-left: 20px;
		padding-right: 20px;
	}
	#home-lookbook .row-header,
	#home-lookbook .item-row-col {

	}
}



/*=================================
=            New Items            =
=================================*/

#home-new-items {
	margin-bottom: 5px;
	margin-top: 20px;
}

#more-featured-items-btn {
	display: block;
	padding: 0;
	border-radius: 0;
}

@media (min-width: 768px) {
	#home-new-items {
		margin-top: 25px;
		margin-bottom: 20px;
	}
	#home-new-items .item {
		margin-bottom: 32px;
/* 		padding: 0 25px; */
	}

	#home-new-items .row-header .more-link {
		font-size: 9px;
	}

	#home-new-items .row-header {
		margin-bottom: 15px;
		padding: 0 15px;
	}
}

@media (min-width: 1052px) {
	#home-new-items {
		margin-top: 35px;
		margin-bottom: 30px;
	}

	#home-new-items .row-header {
		padding-left: 22px;
		padding-right: 20px;
		margin-bottom: 15px;
	}

	#home-new-items .more-link {
		margin-top: 10px;
		line-height: 10px;
	}

	#home-new-items .more-link span {
		line-height: 10px;
	}

	#home-new-items .btn-row {
		margin: 0 -3px 20px;
	}

	#more-featured-items-btn {
		width: 70px;
		height: 70px;
	}
}

@media (min-width: 1350px) {
	#home-new-items .container {
		width: 1200px;
	}

	#home-new-items .item {
		width: 20%;
	}
}

#home-new-items .item-row {
	margin-bottom: 0;
}

@media (max-width: 768px) {
	#home-new-items .container {
		padding-left: 20px;
		padding-right: 20px;
	}
	#home-new-items .row-header,
	#home-new-items .item-row-col {

	}
}


@media (max-width: 479px) {
	#home-new-items .item:nth-child(2n+1) {
		clear: left;
	}


}

@media (min-width: 479px) {
	#home-new-items .item:nth-child(3n+1) {
		clear: none;
	}
}

@media (max-width: 1051px) {
	#home-new-items .item:nth-child(4n+1) {
		clear: left;
	}
/*
	#home-new-items .item:nth-child(2n+1) {
		clear: none;
	}*/

}


@media (min-width: 1350px) {
	#home-new-items .item-row-wrapper .item:nth-child(3n+1) {
		clear: none;
	}

	#home-new-items .item-row-wrapper .item:nth-child(5n+1) {
		clear: left;
	}
}


/*===================================
=            Jean Finder            =
===================================*/
#home-jean-finder {
	color: #555;
	font-size: 12px;
	position: relative;
}
	#home-jean-finder > .container {
		position: relative;
	}

	#jean-finder-mobile-header {
		margin-top: 20px;
		padding: 0 20px;
	}

	#home-jean-finder .row-title a:hover {
		text-decoration: none;
	}

.col-jean-finder {
	margin-top: 20px;
	position: relative;
}

	.col-jean-finder img {
		display: block;
		max-width: 100%;
	}

	#home-jean-finder .btn-popover {
		display: none;
		position: absolute;
		z-index: 2;
	}

	#home-jean-finder .btn-popover:first-child {
		/*display: block;*/
	}

	#popover-waist { top: 110px; left: 65px; }
	#popover-front-rise { top: 60px; left: 210px; }
	#popover-knee { top: 235px; left: 285px; }
	#popover-thigh { top: 200px; left: 270px; }
	#popover-inseam { top: 270px; left: 290px; }
	#popover-leg { top: 340px; left: 380px; }


		#popover-waist .popover {
			min-width: 380px;
			width: 380px;
		}
		#popover-front-rise .popover {
			min-width: 270px;
			width: 270px;
		}
		#popover-knee .popover {
			min-width: 245px;
			width: 245px;
		}
		#popover-thigh .popover {
			min-width: 245px;
			width: 245px;
		}
		#popover-inseam .popover {
			min-width: 300px;
			width: 300px;
		}
		#popover-leg .popover {
			min-width: 350px;
			width: 350px;
		}


/*#jean-finder-diagram {
	background: transparent url('../img/home/jean-finder-diagram-sprite.jpg') no-repeat 0 -2400px;
	margin-top: 0;
	overflow: hidden;
	position: relative;
	/*width: 575px;*/ /*height: 575px;*/
/*}*/

#jean-finder-indicator {
	display: block;
	width: 110px; height: 161px;
	position: absolute;
	right: 100%; top: 36px;
}

	#jean-finder-indicator .indicator-box {
		background: #794c4f;
		display: block;
		margin: auto;
		opacity: 0.3;
		position: absolute;
		top: 0; left: 0;
		z-index: 2;
		width: 100%; height: 72px;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	#jean-finder-indicator.selected-thigh .indicator-box,
	#jean-finder-indicator.selected-knee .indicator-box { top: 44px; }
	#jean-finder-indicator.selected-leg .indicator-box { top: 89px; }

	.rgba #jean-finder-indicator .indicator-box {
		background: rgba(121, 76, 79, 0.3);
		opacity: 1;
	}
	#jean-finder-indicator .indicator-image {
		width: 100%;
		padding: 10px 5px;
		position: relative;
	}

#jean-finder-diagram {
	margin-top: 0;
	/*overflow: hidden;*/
	position: relative;
}

#jean-finder-image {
	display: block;
	position: relative;
}

#jean-finder-diagram .jean-finder-image {
	display: none;
	margin: 0;
	/*opacity: 0;*/
	-moz-transition: opacity 0.4s ease;
	-webkit-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
	-webkit-transform: translateZ(0);
}

#jean-finder-expand {
	cursor: pointer;
	position: absolute;
	top: -37px; right: 0;
	width: 15px; height: 20px;
	z-index: 2;
}

#jean-finder-popovers {
	position: absolute;
	right: 0;
	width: 100%;
}

#jean-finder-diagram.selected-waist { background-position: 0 -2400px; }
#jean-finder-diagram.selected-front-rise { background-position: 0 -3000px; }
#jean-finder-diagram.selected-knee { background-position: 0 -600px; }
#jean-finder-diagram.selected-thigh { background-position: 0 -1800px; }
#jean-finder-diagram.selected-inseam { background-position: 0 0; }
#jean-finder-diagram.selected-leg { background-position: 0 -1200px; }


#jean-finder-diagram.selected-waist #jean-finder-image { top: -2400px; }
#jean-finder-diagram.selected-front-rise #jean-finder-image { top: -3000px; }
#jean-finder-diagram.selected-knee #jean-finder-image { top: -600px; }
#jean-finder-diagram.selected-thigh #jean-finder-image { top: -1800px; }
#jean-finder-diagram.selected-inseam #jean-finder-image { top: 0; }
#jean-finder-diagram.selected-leg #jean-finder-image { top: -1200px; }

#jean-finder-diagram.selected-waist .image-waist,
#jean-finder-diagram.selected-front-rise .image-front-rise,
#jean-finder-diagram.selected-knee .image-knee,
#jean-finder-diagram.selected-thigh .image-thigh,
#jean-finder-diagram.selected-inseam .image-inseam,
#jean-finder-diagram.selected-leg .image-leg { opacity: 1 !important; /*-webkit-transform: translateZ(0);*/ }

#jean-finder-settings .table-bordered tr:nth-child(1) .setting-select {
	z-index: 6;
	position: relative;
}

#jean-finder-settings .table-bordered tr:nth-child(2) .setting-select {
	z-index: 5;
	position: relative;
}

#jean-finder-settings .table-bordered tr:nth-child(3) .setting-select {
	z-index: 4;
	position: relative;
}

#jean-finder-settings .table-bordered tr:nth-child(4) .setting-select {
	z-index: 3;
	position: relative;
}

#jean-finder-settings .table-bordered tr:nth-child(5) .setting-select {
	z-index: 2;
	position: relative;
}

#jean-finder-settings .table-bordered tr:nth-child(6) .setting-select {
	z-index: 1;
	position: relative;
}



#jean-finder-settings .table-bordered,
#jean-finder-settings .table-bordered > thead > tr > th,
#jean-finder-settings .table-bordered > tbody > tr > th,
#jean-finder-settings .table-bordered > tfoot > tr > th,
#jean-finder-settings .table-bordered > thead > tr > td,
#jean-finder-settings .table-bordered > tbody > tr > td,
#jean-finder-settings .table-bordered > tfoot > tr > td {
	border-color: #eee;
}
#jean-finder-settings .table td {
	color: #555;
	font-size: 9px;
	line-height: 1;
	padding: 18px 15px 11px;
}

#jean-finder-settings .se-select .selected {
	padding-top: 3px
}

#jean-finder-search .asterik {
	margin-bottom: 5px;

	color: #5b5b5b;
	font-size: 12px;
	font-style: italic;
	letter-spacing: 0.5pt;
	margin: 0;
	margin-top: 5px;
}

@media (min-width: 768px) {
	#home-jean-finder {
		/*padding-top: 30px;*/
	}

	.col-jean-finder {
		margin-top: 10px;
	}

	#jean-finder-expand {
		top: 10px;
		left: 10px;
	}

	#jean-finder-settings {
		margin-top: 23px;
	}

	#jean-finder-settings .se-select .selected {
		padding-top: 1px
	}


	/*#jean-finder-settings .asterik {
		font-size: 14px;
		position: absolute;
		right: 20px;
		top: 5px;
	}*/
}
@media (min-width: 1052px) {
	/*#jean-finder-settings .asterik {
		margin-bottom: 10px;
		font-size: 14px;
	}*/

	#home-jean-finder #jean-finder-diagram .jean-finder-image {
		display: block;
		opacity: 0;
		position: absolute;
		width: 551px;
		max-width: 551px;
	}
}




.setting-label {
	letter-spacing: 1.2px;
	position: relative;
	text-transform: uppercase;
}
.no-touch .setting-label:hover {
	background: #eee;
	cursor: pointer;
}

	.setting-label > span {
		cursor: pointer;
		position: relative;
	}

		.setting-label .arrow {
			border-top: 1px dotted black;
			border-bottom: 1px dotted white;
			cursor: default;
			display: none;
			margin: 0 30px;
			overflow: visible;
			position: absolute;
			top: 20px;
			width: 300px; height: 0;
		}

		.setting-label .arrow.left {
			right: 100%;
			margin-left: 0;
		}
		.setting-label .arrow.right {
			left: 100%;
			margin-right: 0;
		}

		.setting-label .arrow::before {
			border-top: 3px solid transparent;
			border-bottom: 3px solid transparent;
			content: '';
			display: block;
			position: absolute;
			top: -3px;
			width: 0; height: 0;
		}
		.setting-label .arrow.left::before {
			border-left: 4px solid black;
			right: -12px;
		}
		.setting-label .arrow.right::before {
			border-right: 4px solid black;
			left: -12px;
		}

		#jean-finder-settings .selected .arrow {
			display: block;
		}

			#setting-waist .setting-label .arrow .arrow-dots { width: 80px; }
			#setting-front-rise .setting-label .arrow .arrow-dots { width: 280px; }
			#setting-thigh .setting-label .arrow .arrow-dots { width: 90px; }
			#setting-knee .setting-label .arrow .arrow-dots { width: 60px; }
			#setting-inseam .setting-label .arrow .arrow-dots { width: 220px; }
			#setting-leg .setting-label .arrow .arrow-dots { width: 180px; }
			#setting-waist .setting-label .arrow { width: 80px; }
			#setting-front-rise .setting-label .arrow { width: 280px; }
			#setting-thigh .setting-label .arrow { width: 90px; }
			#setting-knee .setting-label .arrow { width: 65px; }
			#setting-inseam .setting-label .arrow { width: 220px; }
			#setting-leg .setting-label .arrow { width: 170px; }


	#jean-finder-settings .table .setting-select {
		padding: 0;
		text-align: center;
		width: 100px;
	}

	#jean-finder-settings .table .setting-label {
		padding-right: 0;
		border-right: 15px solid white;
	}

	#jean-finder-settings .table .dropdown {
		border-left: 1px solid #eee;
	}
@media (min-width: 1052px) {
	#jean-finder-settings .table .setting-select {
		width: 135px;
	}

	.no-touch .setting-label:hover {
		background: #eee;
		cursor: pointer;
	}
}

.setting-select .dropdown .btn {
	border: none;
	color: #555;
	display: block;
	font-family: inherit;
	font-size: 9px;
	letter-spacing: 1.5px;
	line-height: 1;
	padding: 15px 40px 15px 0;
	text-transform: none;
}
@media (min-width: 1052px) {
	.setting-select .dropdown .btn {
		padding-right: 50px;
	}
}

.setting-select .dropdown .dropdown-selector {
	padding-top: 15px;
	padding-bottom: 15px;
	width: 40px; height: auto;
	top: 0; bottom: 0;
}
@media (min-width: 1052px) {
	.setting-select .dropdown .dropdown-selector {
		width: 50px;
	}
}

.setting-select .caret {
	border-top-color: #ea6735;
	margin: 3px auto;
}

#jean-finder-search {
	text-align: center;
	margin: 20px 0 20px;
	overflow: hidden;
}

#jean-finder-settings .table .setting-row .se-select ul {
	margin-left: -1px;
	margin-right: -1px;
}



.reset-btn {
	cursor: pointer;
	margin-bottom: 30px;
	right: 21px;
	border-bottom: 1px solid #333;
	line-height: 13px;
	display: inline-block;
	text-transform: none;
	font-size: 12px;
}

@media (min-width: 768px) {
	#jean-finder-search {
		margin-bottom: 0;
		text-align: right;
	}

	#jean-finder-search .asterik {
		margin-bottom: 0;
		line-height: 25px;
		font-size: 12px;
	}

	#jean-finder-settings .table .setting-label {
		padding: 17px 15px 15px 15px;
		font-size: 10px;
	}

	#jean-finder-settings .table .setting-row .se-select ul {
		padding-top: 12px;
	}

	.reset-btn {
		position: relative;
		right: auto;
		margin-left: 15px;
		margin-right: 0;
		font-size: 13px;
		margin-top: 20px;
	}
}

@media (min-width: 1052px) {
	#jean-finder-search {
		margin: 30px 0 0 0;
	}

	#jean-finder-search .asterik {
		line-height: 29px;
		font-size: 15px;
	}

	#jean-finder-settings .table .setting-label {
		padding: 20px 15px 12px 19px;
	}

	#jean-finder-settings .table tr:first-child .setting-label {
		padding-top: 20px;
	}

	#jean-finder-settings .table .setting-label {
		border-right-width: 20px;
	}
}

/*#jean-finder-diagram .image-all { display: block; opacity: 1; width: 100%; }*/
@media (min-width: 768px) {
	#jean-finder-diagram .image-all { display: none !important; opacity: 0 !important; }
}

@media (max-width: 1051px) {
	#jean-finder-diagram.selected-waist .image-waist,
	#jean-finder-diagram.selected-front-rise .image-front-rise,
	#jean-finder-diagram.selected-knee .image-knee,
	#jean-finder-diagram.selected-thigh .image-thigh,
	#jean-finder-diagram.selected-inseam .image-inseam,
	#jean-finder-diagram.selected-leg .image-leg { display: none !important; opacity: 0 !important; }

	/*#jean-finder-diagram .image-all { display: block !important; opacity: 1 !important; width: 100%; }*/
	/*#jean-finder-diagram #jnswipe { display: block !important; opacity: 1 !important; width: 100%; }*/
}

#jnswipe { display: block; margin: 20px auto 40px; }
#jnswipe-image { display: block; width: 100%; }
#jnswipe-button { display: none; }

@media (max-width: 767px) {
	#jnswipe {
		max-width: 320px;
	}
}

@media (min-width: 768px) and (max-width: 1051px) {
    #jean-finder-diagram {
        margin-top: 0 !important;
    }

    #jean-finder-expand {
        z-index: 7;
        top: 45px;
    }
        #jnswipe {
          display: block;
          overflow: hidden;
          margin: 0;
          position: relative;
          width: 100%;
        }
        #jnswipe:before {
          background: #f9f9f9;
          content: '';
          display: block;
          margin-bottom: 40px;
          margin-top: 35px;
          /*padding-top: 82%;*/
          height: 345px;
          z-index: -1;
          position: relative;
        }
        #jnswipe-image {
          display: block;

          padding: 70px 10px;
          position: absolute;
          z-index: 5;
          top: 0; left: 0;

          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;

          -moz-transition: all .2s ease-in-out;
          -webkit-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
        }
        .lower #jnswipe-image {
            top: -250px;
        }

        #jnswipe-button {
        	background: white;
            border: 1px solid #ea6735;
            cursor: pointer;
            display: block;
            overflow: hidden;
            left: 50%; bottom: 18px;
            margin-left: -31px;
            position: absolute;
            width: 62px; height: 62px;
            z-index: 6;
        }
            #jnswipe-button > img {
                width: 100%;
                position: absolute;
                top: 0;
            }
            .lower #jnswipe-button > img {
                top: auto;
                bottom: 0;
            }
}

@media (min-width: 1052px) {
	#jnswipe {
		display: none;
	}
}

@media (min-width: 768px) and (max-width: 1051px) {
	#jean-finder-form-col {
		padding-left: 36px;
	}

	#jean-finder-form-col .row-title {
		font-size: 20px;
		margin-left: 2px;
	}

	#jean-finder-settings .se-select .selected {
		height: 40px;
	}
	#jean-finder-settings .se-select .carat {
		width: 40px; height: 40px;
	}
}

@media (min-width: 768px) {
	.col-jean-finder {
		margin-top: 100px;
	}
	#home-jean-finder .col-jean-finder {
		margin-top: 35px;
		/*margin-bottom: 30px;*/
	}

	#jean-finder-form-col .row-header {
		padding-left: 0;
	}

	#jean-finder-diagram {
		margin-top: 70px;
	}

	#jean-finder-expand {
		top: 45px; left: 10px;
	}

}

@media (max-width: 1051px) {
	.setting-label .arrow {
		display: none !important;
	}
}

@media (min-width: 1052px) {
	#jean-finder-diagram {
		/*height: 575px;*/
		margin-top: 0;
	}
	#home-jean-finder #jean-finder-diagram {
		margin-top: 0;
		width: 550px;
		height: 479px;
		overflow: hidden;
	}

	.col-jean-finder {
		margin-top: 42px;
	}
	#home-jean-finder .col-jean-finder {
		margin-bottom: 0;
	}

	#jean-finder-image {
		right: 25px;
	}

	#jean-finder-popovers {
		/*height: 575px;*/
	}

	#jean-finder-settings .table td {
		font-size: 10px;
		padding: 17px 20px;
	}


	.setting-select .dropdown .btn {
		/*font-size: 11px;*/
		font-size: 14px;
		padding: 20px 50px 20px 0;
	}

	.setting-select .dropdown .dropdown-selector {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.setting-select .caret {
		border-top-width: 5px;
		border-left-width: 5px;
		border-right-width: 5px;
		margin: 5px auto;
	}
}





/*===================================
=            Jean Repair            =
===================================*/
#home-jean-repair {
	margin: 36px auto;
}
@media (min-width: 768px) {
	#home-jean-repair {
		margin: 70px auto;
	}
}
@media (min-width: 1052px) {
	#home-jean-repair {
		margin: 80px auto;
	}
}