
/* custom class to override .modal-open */
.modal-open {
    margin: 0 !important;
    overflow: scroll;
}

.indicator {
    position:absolute;
	top:0;bottom:0;
	margin-left:25%;
	width:50%;
	height:auto;
	max-width:100%
	max-height:100%;
	pointer-events:none;
}
.slide .indicator {
	margin-left:-75%;
}
.indicator:before,
.indicator:after {
	content:'';
	display:block;
	position:absolute;
	top:50%;left:50%;
	pointer-events:none;
}
.indicator:before {
	z-index:1;
	width:2em;height:2em;
	margin:-1em 0 0 -1em;
	background-color:#ffffff;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
}
.indicator:after {
	z-index:2;
	width:0;height:0;
	border-width:0.5em 0 0.5em 0.75em;
	border-style:solid;
	border-color:transparent transparent transparent #e2a614;
	margin:-0.5em 0 0 -0.25em;
}

/*=================================
=        PRODUCT HEADER (PHONE)   =
=================================*/
.product-right-col {
	padding-left: 10px;
	padding-right: 10px;
}

.product-brand {
	color: #e2a614;
	font-size: 10px;
	text-transform: uppercase;
	margin-top: 20px;
	letter-spacing: 0.8pt;
	margin-bottom: 0;
	font-weight: bold;
	text-decoration:none !important;
}

.product-brand:hover {
	color: #d8a51a !important;
}

.product-title {
	font-family: "adobe-caslon-pro", "Times New Roman", Times, serif;
	font-size: 15px;
	letter-spacing: 1.2px;
	margin-top: 0px;
	margin-bottom: 0;
	line-height: 18px;
}

.product-price {
	color: #8b4250;
	font-size: 14px;
	margin-top: 2px;
	margin-bottom: 22px;
}

.product-subheader {
	font-family: "adobe-caslon-pro", "Times New Roman", Times, serif;
	font-weight: bold;
	margin-bottom: 16px;
}

.product-subheader.unbold {
	font-weight: normal;
}

.product-vid-cb {
	display:block;
	position:relative;
	font-size:16px;
}

.product-main-video {
	position:relative;
	z-index:0;
	width:100%;height:100%;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	overflow:hidden;
	font-size:32px;
}

.product-main-video video {
	visibility:hidden;
	position:relative;
	z-index:5;
}

.product-main-video.playing video{
	visibility:visible;
}

.product-main-video.playing .indicator{
	display:none;
	z-index:-1;
}

.product-main-video.paused .indicator{
	display:block;
	z-index:10;
}

.slide .product-main-video.paused .indicator{
	margin-left:25%;
}

@media (min-width: 768px) {
	.product-right-col {
		padding-left: 42px;
		margin-bottom: 51px;
		padding-right: 20px;
	}

	#back-to-row {
		margin-bottom: 66px;
		position: relative;
		padding-left: 3px;
	}

		.back-to-link {
			position: absolute;
			letter-spacing: 0.4pt;
			position: absolute;
			left: -1px;
			top: 6px;
			font-size: 10px;
		}

		#back-to-row .product-subheader {
			position: absolute;
			letter-spacing: 0.5pt;
			font-size: 10px;
			top: -12px;
		}

	.product-brand {
		font-size: 11px;
		margin-top: -6px;
		letter-spacing: 1.4pt;
	}

	.product-title {
		font-size: 18px;
		letter-spacing: 1.7pt;
		margin-top: 2px;
		margin-bottom: 7px;
		line-height: 23px;
	}

	.product-price {
		font-size: 17px;
		line-height: 23px;
		margin-bottom: 20px;
	}
}

@media (min-width: 1052px) {
	.product-right-col {
		padding-left: 57px;
		padding-right: 20px;
		margin-bottom: 71px;
	}

	#back-to-row {
		margin-bottom: 84px;
		padding-left: 0px;
	}
		.back-to-link {
			font-size: 11px;
			position: absolute;
			left: 8px;
			top: 6px;
		}

	.product-brand {
		font-size: 12px;
	}

	.product-title {
		font-size: 26px;
		margin-bottom: 10px;
		margin-top: 11px;
		line-height: 31px;
	}

	.product-price {
		font-size: 24px;
		line-height: 23px;
		margin-bottom: 23px;
	}

}


/* swipeshow images */

.swipe {
	overflow: hidden;
	position: relative;
	margin: 0;
	padding: 0;
}


.swipeshow a:focus {
	outline: none;
}



	.slides {
		overflow: hidden;
		margin-bottom: 25px;
		position: relative;
		border-top: 1px solid #efeced;
		border-bottom: 1px solid #efeced;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
	}

		.slide {
			padding: 0;
			-webkit-transform: translate3d(0, 0, 0);
		}

		.swipeshow img {
			margin: 0 auto;
			display: block;
			padding: 0;
			border: none;
			width:100%;
			-webkit-transform: translate3d(0, 0, 0);
		}

		.swipeshow .square img {
			-webkit-transform: translateY(60%);
			transform: translateY(60%);
		}

		@media (min-width: 768px) {
			.swipeshow .square img {
				/*max-width: 470px;*/
			}
		}

		@media (min-width: 1052px) {
			.swipeshow .square img {
				max-width: 100%;
			}
		}






.product-thumbs {
	overflow: hidden;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
	border: none;
	background: transparent;
	margin: 0 0 10px 0;
}

.product-thumbs .dragger {
	height: 97px;
}

.product-thumbs .slidecont-wrapper {
	width: 5000px;
	padding-left: 15px;
	padding-right: 15px;
}



@media (max-width: 767px) {
	#product-images {
		width: 100%;
		height: 875px;
	}

	.product-thumbs .cell {
		margin-bottom: 22px;
		padding: 0 5px;
		width: 68px;
		height: 97px;
		margin-right: 5px;
	}

	.product-thumbs .cell:first-of-type {
		/*left: 15px;*/
	}
}

@media (max-width: 479px) {
	#product-images {
		width: 100%;
		height: 481px;
		margin-bottom: 20px;
	}
}

.product-thumbs img {
	opacity: 0.85;
}

.product-thumbs img.active {
	opacity: 1;
}

.product-thumbs img:hover {
	opacity: 1;
}



@media (min-width: 768px) {
	.swipe {
		padding-left: 20px;
	}
	/* to make only phone sizes use the swipe show */
	.swipeshow {
	  width: 360px;
	  height: auto;
	  overflow: visible;
	}

	.swipeshow .slides,
	.swipeshow .slide {
	  position: relative;
	}

	.swipeshow .slide {
	  display: none !important;
	}

	.swipeshow .slide:first-child,
	.swipeshow .slide.active,
	.swipeshow .grabbed .slide,
	.swipeshow .gliding .slide {
      display: block !important;
	}

	.swipeshow-active .slides {
	  cursor: default;
	}

	#product-main-image-wrapper {
		padding: 0px 12px 5px 0px;
		margin-bottom: 28px;
		/*margin-left: 22px*/
	}

	#product-main-image-wrapper img {
		border: 1px solid #efeced;
		padding: 6px;
		border-right: 1px solid #efeced;
		margin-left: 0;
	}

	.slides {
		border: none;
	}

	.slides > div {
		padding-right: 24px;
	}

	.product-thumbs {
		display: table-cell;
		font-size: 0;
		overflow: auto;
		height: auto;
		padding: 0 0px;
		white-space: normal;
	}

	.product-thumbs .slidecont-wrapper {
		width: auto;
		margin-bottom: 20px;
		margin-left: -10px;
		padding-left: 0;
	}

	.product-thumbs .cell {
		display: inline-block;
		float: none;
		margin-bottom: 24px;
		position: relative;
		padding: 0 9px;
		vertical-align: middle;
	}
	.product-thumbs .cell:nth-child(3n+1) {
		clear: left;
	}
}


@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
  	.swipeshow {
	  width: 360px;
	  height: 570px;
	  margin-left: 0px;
	  overflow: hidden;
	}

	.swipeshow .slides,
	.swipeshow .slide {
	  position: absolute;	  
	}

	.swipeshow .slide:first-child {
	  margin-left: 0px;
	}
}


@media (min-width: 1052px) {
	.swipeshow {
	  width: 490px;
	}

	#product-main-image-wrapper {
		padding: 0px 15px 5px 5px;
		margin-bottom: 37px;
	}

	#product-main-image-wrapper img {
		padding: 9px;
		border-right: 1px solid #efeced;
	}

	.slides > div {
		padding-right: 40px;
	}

	.product-thumbs .slidecont-wrapper {
		margin-left: -2px; 
	}

	.product-thumbs {
		padding: 0 0px;
		overflow: visible;
	}

		.product-thumbs .cell {
			/* max-height: 120px; */
			height: auto;
			margin-bottom: 32px;

		}


}

/*=================================
=        PRODUCT DETAILS          =
=================================*/



.product-description {
	font-size: 16px;
}


.select-size-col {
	width: 100%;
	position: relative;
	z-index: 2;
}

.select-size {
	font-family: "adobe-caslon-pro", "Times New Roman", Times, serif;
	margin-top: 14px;
}


.product-subheader {
	font-size: 11px;
	margin-top: 26px;
	letter-spacing: 1px;
}

.select-size-dropdown {
	margin-top: 14px;
}


	.select-size-dropdown .dropdown-selector {
		width: 28%;
	}

	.select-size li .quantity {
		color: #bbbbbb;
	}


#product-buy {
	margin-top: 15px;
}

.wishlist {
	font-size: 9px;
	text-decoration: none;
	margin-top: 14px;
	margin-bottom: 28px;
	cursor: pointer;
}

.wishlist a {
	text-decoration: none;
	border-bottom:1px solid #555;
}

.product-size-chart-col {
	position: relative;
}

.product-size-chart-col-inner {
	display: inline-block;
	min-width: 280px;
}

.size-table-dropdown {
	position: absolute;
	top: 23px;
	right: 20px;
}

#product-size-chart {
	position: relative;
}


#product-size-chart > div {
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}

.size-table {
	position: relative;
}

.size-value {
	position: relative;
}

.size-chart {
	margin-bottom: 12px;
	border-color: #efeced;
}

	.size-chart strong {
		font-weight: normal;
	}

.size-table-phone {
	padding-bottom: 20px;
}

.fade-scroll {
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, 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(70%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,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) 50%,rgba(255,255,255,1) 100%); /* IE10+ */

	display: block;
	position: absolute;
	right: 0;
	width: 30px;
	height: 265px;
}

@media (min-width: 768px) {
	.fade-scroll {
		display: none;
	}

	.product-size-chart-col-inner {
		display: inline-block;
		width: 100%;
	}
}


	table.size-chart .size {
		letter-spacing: 0.5pt;
		font-size: 13px;
	}


.how-we-measure-link {
	font-size: 9px;
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 20px;
}


.description-panel {
	margin: 18px 0 0;
}

.features-panel {
	margin-top: 16px;
	margin-bottom: 0px;
}

.description-panel .panel-heading, .features-panel .panel-heading {
	margin: 0;
}


.panel-default>.panel-heading {
	padding: 10px 0 30px;
}

.description-panel .panel-heading > .panel-title, .features-panel .panel-heading > .panel-title {
	font-size: 11px;
	letter-spacing: 1pt;
	font-weight: bold;
}

.panel-heading > .panel-title a {
	text-decoration: none;
}

.description-panel .panel-body, .features-panel .panel-body {
	padding-left: 0;
	font-size: 16px;
	margin-bottom: 20px;
}

.panel-body p:first-child, .panel-body ul {
	margin-top: 20px;
}

.features-panel ul.list-inline > li {
	display: block;
	position: relative;
	padding-left: 10px;
	font-size: 16px;
	margin-bottom: 7px;
	line-height: 24px;
	letter-spacing: 0.3pt;
}

.features-panel ul.list-inline > li:before {
	display: block;
	content: ".";
	font-size: 15px;
	position: absolute;
	left: 1px;
	line-height: 14px;
}

#product-shipping {
    padding-bottom: 20px;
}

#product-shipping ul.list-inline,
#product-features ul.list-inline {
	position: relative;
}

#product-shipping ul.list-inline > li {
    display:block;
}
#product-shipping ul.list-inline > li:nth-child(2n+1),
#product-features ul.list-inline > li:nth-child(2n+1) {
	clear: left;
}

.product-footnote {
    margin-bottom:13px;
}

@media (max-width: 479px) {
	#recommended-items .item:nth-child(2n+1) {
		clear: none;
	}

}

@media (min-width: 479px) {
	#recommended-items .item:nth-child(3n+1) {
		clear: none;
	}

	#recommended-items .item:nth-child(5n+1) {
		clear: left;
	}
}

@media (min-width: 480px) {
	.size-table-dropdown {
		display: none;
	}
}


@media (min-width: 768px) {
	.product-description p {
		font-size: 16px;
		line-height: 23px;
		letter-spacing: 0.3pt;
	}

	#product-sizes {

	}
		#product-sizes h4 {
			margin-top: 15px;
		}

	.select-size-col {
		width: 76%;
	}

	.select-size {
		margin-top: 15px;
		display: block;
	}

	.size-table-phone {
		margin-top: 40px;
	}

	#product-buy {
		margin-top: 14px;
		float: left;
		margin-bottom: 39px;
	}

	.wishlist {
		float: left;
		margin-top: 25px;
		margin-bottom: 0px;
		margin-left: -10px;
		font-size: 9px;
	}

	#button-cart {
		/*margin-left: -2px;*/
	}

    #product-shipping,
	#product-features {
		padding-bottom: 20px;
	}

		#product-shipping h4 {
		    margin-top: 10px;
	    }
	    
		#product-features h4 {
			margin-top: 20px;
		}

	#product-shipping ul.list-inline,
	#product-features ul.list-inline {
		left: -9px;
	}

    #product-shipping ul.list-inline > li,
	#product-features ul.list-inline > li {
		font-size: 14px;
		padding-left: 9px;
		margin-bottom: 5px;
		padding-right: 0;
		letter-spacing: 0.5pt;
		position: relative;
		display: block;
	}

	#product-features ul.list-inline > li:before {
		content: '\b7\a0';
		line-height: 16px;
		position: absolute;
		top: 2px; left: 0;
	}

	#product-size-chart > div {
		/*padding-left: 17px;*/
		overflow: hidden;
	}

		#product-size-chart h4 {
			margin-top: 19px;
		}

		.size-table-dropdown {
			display: block;
			position: absolute;
			right: 19px;
			top: -4px;
			width: 27%;
			margin-right: -1px;
			font-size: 12px;
		}

		.size-table-dropdown.se-select.se-select-small .carat {
			margin-right: -3px;
		}

	.size-chart {
		margin-bottom: 18px;
	}

	.how-we-measure-link {
		font-size: 13px;
		text-transform: none;
	}
}

@media (min-width: 1052px) {
	.product-description p {
		line-height: 26px;
		margin-bottom: 12px;
		letter-spacing: 0.5pt;
	}

	#product-sizes {

	}

		#product-sizes h4 {
			font-size: 13px;
			margin-top: 27px;
			margin-bottom: 15px;
		}

	table.size-table {
		width: 97%;
	}

	table.size-table>tbody>tr>td {
		font-size: 20px;
		font-weight: normal;
		padding: 28px 3px 18px 3px;
		min-width: 60px;
		text-transform: uppercase;
	}


	.sizes-dropdown-desktop {
		margin-bottom: 11px;
	}

	#product-buy {
		margin-top: 11px;
	}

	.wishlist {
		margin-top: 23px;
		font-size: 12px;
	}
    
    #product-shipping,
	#product-features {
		padding-bottom: 26px;
	}

        #product-shipping h4 {
			font-size: 13px;
			margin-top: 13px;
			margin-bottom: 13px;
		}
		
		#product-features h4 {
			font-size: 13px;
			margin-top: 28px;
			margin-bottom: 13px;
		}

	#product-shipping ul.list-inline > li,
	#product-features ul.list-inline > li {
		font-size: 15px;
		margin-bottom: 6px;
	}

		#product-size-chart h4 {
			margin-top: 27px;
			font-size: 13px;
			margin-bottom: 13px;
		}

		.size-table-dropdown {
			right: 20px;
			top: 5px;
			width: 21%;
		}


	.size-chart {
		margin-bottom: 18px;
	}

	table.size-chart > tbody > tr > td, table.size-chart > tbody > tr > th {
		padding: 15px 10px 9px 22px;
		font-size: 13px;
	}

	.how-we-measure-link {
		font-size: 14px;
	}
}

/*=================================
=         WISHLIST MODAL          =
=================================*/

#wishlist-modal .modal-dialog {
	overflow: visible;
}

#wishlist-modal .modal-content {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	overflow: visible;
}

#wishlist-modal .modal-body {
	position: relative;
}

#wishlist-modal h3 {
	margin-top: 0;
	font-size: 17px;
	text-align: center;
	margin-bottom: 12px;
}

#wishlist-modal p {
	margin-top: 15px;
	font-size: 15px;
	margin-bottom: 12px;
	line-height: 26px;
}

#wishlist-modal .close-btn {
	position: absolute;
	right: -4px;
	top: 0;
}

#wishlist-modal p {
	margin-left: -10px;
	margin-right: -10px;
}

#wishlist-modal .size-table {
	width: auto;
	/*margin: 22px 0 50px 10px;*/
	margin: 22px auto 50px;
}


#wishlist-modal .sizes-dropdown-wishlist {
	width: 70%;
	margin: 0 auto 30px;
}

#wishlist-modal .wishlist-form {
	margin-top: 20px;
}

.wishlist-form label.control-label {
	float: left;
	margin-top: 16px;
	padding-left: 27px;
	padding-right: 0;
	padding-top: 0;
}

.wishlist-form .form-group {
	margin-bottom: 25px;
}

.wishlist-form .form-group > div {
	float: left;
	width: 73%;
}

#wishlist-modal .size-table > tbody > tr:only-child > td:only-child {
	width: 100px;
	margin-left: 32%;
}

#wishlist-modal .size-table > tbody > tr:only-child:first-child > td:only-child {
	margin-left: 0;
}

#wishlist-modal .size-table>tbody>tr>td {
	width: 52px;
	/*padding: 22px 0 20px;*/
	text-transform: uppercase;
}


@media (min-width: 768px) {
	#wishlist-modal .modal-dialog {
		padding: 68px 0;
		/*padding: 68px 34px;*/
		width: 100%;
		/*width: 70%;*/
	}

	#wishlist-modal h3 {
		margin-top: 7px;
		font-size: 29px;
		margin-bottom: 14px;
	}

	#wishlist-modal p {
		margin-top: 33px;
		margin-bottom: 12px;
		margin-right: 0;
		margin-left: 0;
		text-align: center;
	}

	#wishlist-modal .close-btn {
		position: absolute;
		right: 3px;
		top: 8px;
		font-size: 11px;
	}

	#wishlist-modal .sizes-dropdown-wishlist {
		width: 85%;
		margin: 0 auto 40px;
	}

	#wishlist-modal .size-table {
		margin: 22px auto 50px;
		/*width: 51%;*/
	}

	#wishlist-modal .size-table > tbody > tr > td {
		font-size: 16px;
		min-width: 60px;
		text-transform: uppercase;
	}

	#wishlist-modal .size-table > tbody > tr > td:only-child {
		width: 135px;
	}

	#wishlist-modal .size-table>tbody>tr>td {
		width: 73px;
	}

	.wishlist-form label.control-label {
		float: left;
		margin-top: 16px;
		padding-left: 27px;
		padding-right: 0;
		padding-top: 0;
		font-size: 10px;
	}

	.wishlist-form .form-group {
		padding: 0 55px;
		margin-bottom: 15px;
	}

	.wishlist-form .form-group > div {
		float: left;
		width: 73%;
	}

	#wishlist-modal .close:first-child {
		font-size: 9px;
	}

	#wishlist-modal .close:last-child {
		font-size: 9px;
	}
}


@media (min-width: 768px) {
	#wishlist-modal .size-table {
		/*width: 69%*/
	}
}

@media (min-width: 1052px) {
	#wishlist-modal .modal-dialog {
		/*padding: 67px 370px;*/
		/*width: 70%;*/
	}

	#wishlist-modal .close-btn {
		position: absolute;
		right: 3px;
		top: 8px;
		font-size: 11px;
	}

	#wishlist-modal h3 {
		margin-top: 17px;
		font-size: 38px;
		margin-bottom: 18px;
	}

	#wishlist-modal p {
		margin-top: 48px;
		margin-bottom: 28px;
	}

	#wishlist-modal .sizes-dropdown-wishlist {
		width: 50%;
		margin: 0 auto 30px;
	}

	#wishlist-modal .size-table {
		/*width: 30%;*/
		margin: 22px auto 50px;
	}

	.wishlist-form label.control-label {
		float: left;
		margin-top: 16px;
		padding-left: 27px;
		padding-right: 0;
		padding-top: 0;
		font-size: 12px;
	}

	#wishlist-modal .wishlist-form {
		margin-top: 40px;
	}

	.wishlist-form .form-group {
		padding: 0 55px;
		margin-bottom: 15px;
	}

	.wishlist-form .form-group > div {
		float: left;
		width: 70%;
	}

	#wishlist-modal .close:first-child {
		font-size: 9px;
	}

	#wishlist-modal .close:last-child {
		font-size: 9px;
	}

}

#cboxLoadedContent {
	margin-bottom: 0;
}



/*===================================
=            Jean Finder            =
===================================*/
/*
#home-jean-finder {
	color: #555;
	font-size: 12px;
	margin-top: 6px;
	margin-bottom: 200px;
}

	.setting-label {
		letter-spacing: 1.5px;
		text-transform: uppercase;
	}

.col-jean-finder {
	position: relative;
}

	#jean-finder-diagram {
		margin-bottom: 20px;
	}

.col-jean-finder img {
	display: block;
	max-width: 100%;
}
*/

