#loading_icon{height:400px;background:#fff;display:none;text-align: center;position: relative;}
#loading_icon img{top: 200px;position: absolute;}
.filt-con
{
	padding:8px 0;
	padding-bottom:15px;
	height:32px;
	text-align:center;
	-webkit-backface-visibility:hidden
}
	@media (max-width:719px)
{

.filt-con
{
	margin:0 auto;
	padding:10px 0 0 0;
	height:40px;
	width:300px;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
}
.filt-show-toggle
{
	padding-top:30px;
	height:242px
}

}
.filt-con.fixed
{
	position:fixed;
	top:0;
	left:0;
	margin:0;
	width:100%;
	background-color:#fff;
	z-index:2;
	opacity:.9;
	filter:alpha(opacity=90)
}
.filt-trigger
{
	font:16px/1 normal\ ProximaNova,sans-serif;
	text-transform:uppercase;text-align: center;
}
.filt-trigger:hover
{
	cursor:pointer
}
	@media (max-width:719px)
{
.filt-trigger,.filt-groups
{
	position:absolute;
	left:0;
	right:0;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
}
.filt-show-toggle .filt-trigger
{
	-webkit-transform:translate3D(0,200px,0);
	-moz-transform:translate3D(0,200px,0);
	-ms-transform:translate3D(0,200px,0);
	-o-transform:translate3D(0,200px,0);
	transform:translate3D(0,200px,0);
	-webkit-perspective:1000;
	-webkit-backface-visibility:hidden
}
.filt-hide-toggle .filt-groups
{
	visibility:hidden;
	opacity:0;
	filter:alpha(opacity=0)
}
.filt-show-toggle .filt-groups
{
	visibility:visible;
	opacity:1;
	filter:alpha(opacity=100)
}

}
.filt-select-con
{
	display:inline-block;
	margin:0 5px 0 0;
	width:150px;
	text-align:left
}
	@media (max-width:719px)
{
.filt-select-con
{
	float:none;
	display:block;
	margin:0px auto 15px;
	width:300px
}

}
.filt-select-con:hover
{
	cursor:pointer
}
.filt-placeholder
{
	display:block;
	position:relative;
	padding:0 30px 0 10px;
	overflow:hidden;
	text-transform:uppercase;
	white-space:nowrap;
	text-overflow:ellipsis;
	border:1px solid #b3b3b3;
	line-height:30px;font-size: 12px;white-space: nowrap;
}
	@media (max-width:719px)
{
.filt-placeholder
{
	line-height:34px
}

}
.filt-placeholder.filt-group-selected
{
	color:#fff;
	background:#999
}
.filt-item
{
	position:absolute;
	padding:0;
	width:167px;
	z-index:2;
	background-color:#fff;
	background:#fff;
	background:rgba(255,255,255,.95);margin-top: 0;
}
	@media (max-width:719px)
{
.filt-item
{
	width:300px
}

}
.filt-item>li
{
	padding:0 13px;
	height:30px;
	list-style:none;
	line-height:30px;
	background:#f4f4f4
}
.filt-item>li:hover
{
	padding:0 13px;
	height:30px;
	list-style:none;
	line-height:30px;
	background-color:#fff;
	background:#fff;
	background:rgba(255,255,255,1.0)
}
.filt-hide-input
{
	position:absolute;
	z-index:-1;
	opacity:0;
	filter:alpha(opacity=0)
}
.ie7 .filt-hide-input,.ie8 .filt-hide-input
{
	left:-99999px
}
.filt-item-label
{
	display:block;
	position:relative;
	color:#666;font-weight: normal;
}
.filt-item-label:hover
{
	cursor:pointer;
	color:#4e4e4e
}
.filt-item-disabled .filt-item-label,.filt-item-disabled .filt-item-label:hover
{
	cursor:default;
	color:#b3b3b3
}
.filt-item-swatch
{
	float:left;
	display:block;
	margin:7px 5px 0 5px;
	height:14px;
	width:20px;
	border:1px solid #dfdfdf
}
.filt-item-blue
{
	background:#2f53ad
}
.filt-item-gray
{
	background:gray
}
.filt-item-black
{
	background:#1a1a1a
}
.filt-item-white
{
	background:#fff
}
.filt-item-pink
{
	background:#f98aaf
}
.filt-item-red
{
	background:#bc2a35
}
.filt-item-brown
{
	background:#963
}
.filt-item-purple
{
	background:#875cad
}
.filt-item-green
{
	background:#3a916a
}
.filt-item-orange
{
	background:#ed6f48
}
.filt-item-yellow
{
	background:#f9f973
}
.filt-placeholder>.icon-dropdown-expand-gray
{
	right:8px;
	top:12px
}
	@media (max-width:719px)
{
.filt-placeholder>.icon-dropdown-expand-gray
{
	top:15px
}

}
.filt-group-selected>.icon-dropdown-expand-gray
{
	background-position:-114px 0
}
.filt-item-label>.icon-remove-item
{
	right:2px;
	top:9px;
	visibility:hidden
}
.filt-price-input:checked ~ .filt-item-label,.filt-item-input:checked ~ .filt-item-label 
{
	color:#29abe2
}
.filt-price-input:checked ~ .filt-item-label > .icon-remove-item,.filt-item-input:checked ~ .filt-item-label > .icon-remove-item 
{
	visibility:visible
}
.filt-trigger>.icon-toggle-show
{
	display:block;
	position:relative;
	margin:10px auto 0 auto
}
.filt-show-toggle .icon-toggle-show
{
	background-position:-33px 0
}
.icon-dropdown-expand-gray {
background-position: -91px 0;
height: 8px;
width: 13px;
}
.icon-toggle-show, .icon-toggle-hide, .icon-dropdown-expand-gray, .icon-dropdown-expand-white, .icon-dropdown-contract-white, .icon-remove-item {
position: absolute;
background: url(../images/arrow_icons.png) no-repeat;
}
.icon-remove-item {
background-position: -66px 0;
height: 10px;
width: 10px;
}
.filt-emptystate>p {
font-size: 16px;
line-height: 24px;
text-align: center;font-weight: normal;
}
.hide {
display: none;
}
.show{display:block;}

.fixed #filt-con {
    position: fixed !important;
    top: 0 !important;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
    padding: 5px 0;
}

@media (min-width:768px)  and (max-width:1024px) {
.filt-select-con{width:107px;}
.filt-trigger{display:none !important}
}

@media (min-width:719px)  and (max-width:767px) {
.filt-trigger{display:none !important}
}

@media (max-width:768px) {
    #indexBody #cboxCloseTop { display: none; }
}

.signup-wrap.animate {
    height: 190px;
}
.signup-wrap {
    height: 0;
    overflow: hidden;
    transform: scale3d(1, 1, 1);
    /*transition: height 0.5s ease-in-out 0s;*/
}
.ecapture {
    background: #4d4d4d none repeat scroll 0 0;
    height: 100%;
    padding: 23px 0 33px;
    position: relative;
}
.ecapture-close {
    color: white;
    font-size: 24px;
    height: 11px;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 0;
    width: 11px;
}
.signup-heading {
    color: white;
    font-size: 20px;
    font-weight: 200;
    text-align: center;
    text-transform: uppercase;
}
.signup-form {
    display: table;
    margin: 21px auto 0;
}
.form-field {
    height: 44px;
    padding-left: 10px;
    width: 200px;
}
#subsEmail {
    background: #696156 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    font-weight: 300;
    padding: 15px;
}
.successError {
    font-size: 16px;
}

/*******   JEANS FINDER BOF   *******/

.Quick_find{
padding-top:10px;
background:#e3e7e8;
padding-bottom:50px;
    display:none;    
}
.Quick_find h1{
text-align:center;  
}
.Quick_find li{
display:inline-block;
}

.Quick_find p{
text-align:center;
}

.Quick_find select{
background-color: #f3f3f3;
 -webkit-appearance: none !important;
border-color: #999;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPBAMAAADJ+Ih5AAAAIVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABt0UjBAAAACnRSTlMAAgQGdHuyucXtsb9rZwAAADNJREFUCJljYCACZK0CgZUGDF5gxgoBBlYwowkoFwUSUAAyWKECICGwAEioCWqCuwJ+GwBJ8hXMYnhg9gAAAABJRU5ErkJggg==);
background-position: 96% center;
background-repeat: no-repeat;
border-style: solid;
border-width: 1px;
border-color: #ccc;
color: rgba(0,0,0,.75);
font-family: inherit;
font-size: 1rem;
line-height: normal;
padding: .57143rem;
border-radius: 0;
height: 2.64286rem;
width: 210px;
cursor:pointer;

}

.Quick_find a {
    background: #414141;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 9.5px;
    padding-bottom: 10.5px;
    color: white;
    font-size: 18px;
    cursor:pointer;
}

.Quick_find a:hover{
    color:white;
     box-shadow: 1px 1px 1px 1px #414141;
      
    }
.Quick_find ul{
text-align:center;
}

.error{
position: absolute;
    left: 5px;
    color: red;
    background: white;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 5px;
  display:none;
}

.disabled{
color:rgba(128, 128, 128, 0.68)!important;
  }

@media only screen and (max-width: 768px) {
.Quick_find li:last-child{
margin-top:20px;
    }
     .Quick_find li{
        display:block!important;
        } 
  }

/*--------------------------New Css Code--------------*/

.custom-banner-wrapper {
    position: relative;
    display: flex;
}
.custom-quick-find-box { display: none; }
div#homeBanner, #newVisitorBanner {
    /*width: calc(100% - 400px) !important; 
    margin-left:2px;
    background: #fff;
    margin-bottom:30px;*/
}
.custom-quick-find-box {
    position: relative;
    width: 396px;
    left: 0;
    top: 0;
    z-index: 9;
    background: #fff;
    height: 100%; 
    padding: 20px;
    box-sizing: border-box;
    float:left; 
    padding-bottom:90px;
    min-height: 490px;
}
.custom-quick-find-box h1 {
    text-align: center;
    margin: -18px -17px -30px !important;
    padding: 15px 0 35px;
    font-size: 34px !important;
    font-weight: 400 !important;
    background: #e3e7e8;
}
.custom-quick-find-box h2 {
    font-size: 17px;
    margin: 0 0 15px; 
}
.custom-quick-find-box h3 {
    font-size: 18px;
    margin: 0 0 20px; 
}
.custom-quick-find-box .custom-fbox h2 {
    font-size: 26px;
    text-align: center;
    padding: 10px 0 5px; 
}
.custom-quick-find-box .btnWrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background:#fff;
}
.custom-quick-find-box .btnWrapper button {
    font-size: 14px;
    display: inline-block;
    padding: 10px;
    text-align: center;
    min-width: 47%;
    border: 1px solid #a0a0a0;
    color: #a0a0a0;
    background: #fff;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}
.custom-quick-find-box .form-field-wrapper {
    margin: 0 0 10px;
    color: #333;
    font-size: 15px;
    font-weight: 600;
}
.custom-quick-find-box .form-field-wrapper input[type="radio"] {
    margin: 0px 6px 0px 0;
}
.custom-quick-find-box .form-field-wrapper label {
    padding: 0;
    vertical-align: top;
    min-width: 25%;
    display: inline-block;
}
.custom-quick-find-box .btnWrapper button.nextBtn {
    background: #414141;
    color: #fff;
    border-color: #414141;
}
.custom-quick-find-box .btnWrapper button.backBtn {
    margin-right: 12px;
}
.custom-quick-find-box .find-box-one .btnWrapper button.nextBtn {
    width: 90%;
    display: block;
    margin: 0 auto;
}
.custom-quick-find-box .form-field-wrapper label i {
    background: #c0bbb5;
    color: #fff;
    font-family: font-awesome;
    padding: 0;
    border-radius: 100%;
    width: 15px;
    display: inline-block;
    text-align: center;
    margin-left: 3px;
    position: relative;
}
.hoverTip {
    position: absolute;
    width: 150px;
    padding: 10px 15px;
    background: #c0bbb5;
    font-style: normal;
    font-weight: 400;
    color: #333;
    left: 27px;
    top: -10px;
    text-align: left;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
}
.hoverTip:before {
    content: "";
    position: absolute;
    left: -17px;
    top: 7px;
    border-left: 10px solid transparent;
    border-right: 10px solid #c0bbb5;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}
.custom-quick-find-box .form-field-wrapper label i:hover .hoverTip {
    visibility: visible;
    opacity: 1;
}
p.custom-error {
    max-width: 90%;
    margin: 0 auto 10px;
    color: red;
    font-weight: bold;
    padding: 0;
}
#categoryBottom { padding: 0 10px; }

@media(max-width:1280px){
  .custom-quick-find-box{
     min-height: 38.2vw;
  }

}
@media(max-width:1200px){
  .custom-quick-find-box{
     min-height: 37vw;
  } 
}
@media(max-width:1100px){
  .custom-quick-find-box{
     min-height: 35vw;
  } 
}
@media(max-width:1040px){
  .custom-quick-find-box{
     min-height: 34vw;
    padding-bottom: 60px;
  }
  .custom-quick-find-box .custom-fbox h2{
    padding: 0;
    margin-bottom: 5px;
  } 
  .custom-quick-find-box h3{
    margin-bottom: 10px;
  }
}
@media(max-width: 1024px){
    .custom-quick-find-box{
        width:100%;
        min-height:400px;
        padding-bottom: 100px;
    }
    div#homeBanner, #newVisitorBanner{
        width:100% !important;
        margin:0;
    }
    .custom-banner-wrapper{
        display:block;
    }
  .custom-quick-find-box h2{
       text-align: center;
    }
    .custom-quick-find-box .custom-fbox, .custom-quick-find-box .btnWrapper {
        max-width: 440px;
        margin: 0 auto;
        left: 0;
        right: 0;
    }
    .custom-quick-find-box .custom-fbox h2{
        padding: 15px 0;
        margin-bottom: 0;
    }
    .custom-quick-find-box h1{
        margin: -18px -17px -40px !important;
        padding: 15px 0 50px;
    }

}

@media(max-width: 620px){
    .custom-quick-find-box { display: inline-block; }
}

@media(max-width: 400px){
    .custom-quick-find-box h2{
            font-size: 15px;
            max-width: 300px;
            margin: 0 auto 15px;
    }
    .custom-quick-find-box h1{
        font-size: 28px !important;
        line-height: 1;
        margin: -18px -17px -45px !important;
    }
    .custom-quick-find-box .custom-fbox h2{
            font-size: 22px;
            padding: 10px 0 15px;
    }
    .custom-quick-find-box .btnWrapper{
       padding: 20px 15px;
        text-align: center;
    }
    .custom-quick-find-box .btnWrapper button{
            min-width: 45%;
    }
}

/*******   JEANS FINDER EOF   *******/