.page-id-9406 .filter-list-container .col-filter-list{
	width:100%;
}
.page-id-9406 .col-filter-select .filter-list-container .col-filter-list li a{
	text-decoration:none;
	text-transform:uppercase;
	color:#302c27
}

ul.col-filter-list{
	list-style-type:none;
}
ul.col-filter-list li{
	padding:5px 0 7px 0;
}


.tax-portfolio .top-section h1{
	font-size: 1.5em;
}
.tax-portfolio .top-section h1 a{
	border-left:2px solid #c5c5c5;
	vertical-align:middle;
	color:#c5c5c5;
	padding-left:.625rem
}

li.collection-thumb div.port_thumb_box{
	display:block;
	width: 320px;
	height:220px;
	padding:0px;
	float:left;
	margin: 10px 1.5% 25px 1.4%;
	margin: .7rem 1.5% 1.7rem 1.5%;
	text-align:center;
}
li.collection-thumb a.port_thumb{
	display:block;
	width: 320px;
	height:220px;
	box-shadow: 0px 0px 4px #777;
	background-repeat:no-repeat;
	background-size:120% auto;
}

li.collection-thumb.closeup_page{
	list-style-type: none;
	padding-left:0px;
	margin-left:0px;
}

li.collection-thumb.closeup_page div.port_thumb_box{
	display:block;
	width: 187px;
	height:187px;
	padding:0px;
	float:left;
	margin: 5px .75% 12px .7%;
	margin: .35rem .75% .86rem .75%;
	text-align:center;
}
li.collection-thumb.closeup_page a.port_thumb{
	display:block;
	width: 187px;
	height:187px;
	box-shadow: 0px 0px 4px #777;
	background-repeat:no-repeat;
	background-size:120% auto;
}

.moz_hidden{
	display:none;
}

/****************************************/
/******   COLLECTION GRIDS STYLES   *****/
/****************************************/
.color-chips li a img{
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
bottom: 0;
width: 100%;
height: 100%;
max-height: 110px;
transition: all .3s ease;
position: relative;
}
.color-chips li a:hover img{
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
bottom: 5px;
display: inline;
}


.color-filter{
text-transform: uppercase;
position: relative;
display: inline-block;
background: rgba(242, 242, 242, 0.9);
line-height: 1;
padding: 0.9375rem;
margin: 0.9375rem 0.625rem 1.25rem 0;
border-radius: 3px;
border: 1px solid #D1D2D2;
/*width: 17.6875rem;*/
width: 16.6875rem;
vertical-align: top;
font-size: 1rem;
}
.col-filter-select{
z-index: 18;

}
.col-filter-select .filter-select-title:after{

font-family: 'FontAwesome';
content: '\f0dd';
display: inline-block;
float: right;
vertical-align: text-top
}

.col-filter-select .filter-list-container{
display: none;
position: absolute;
top: 2.875rem;
left: 0;
background: rgba(242, 242, 242, 0.9);
border: 1px solid #D1D2D2;
border-radius: 3px;
padding: 1.5625rem 1.5625rem .625rem;
width: 100%;
z-index: 20;
}
.col-filter-select .filter-list-container .col-filter-list{
	list-style:none;
}

.col-filter-select .filter-list-container .col-filter-list.colors li{
width: 50%;
float: left
}
.col-filter-select .filter-list-container li.active-filter{
/*text-decoration: underline */
}
.col-filter-select .filter-list-container .col-filter-list li a{
text-decoration: none;
text-transform: uppercase;
color: #302c27
}
.col-filter-select .filter-list-container .col-filter-list.colors li a{
text-transform: none
}
.col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch{
	display: inline-block;
	width: 1.1875rem;
	height: 1.1875rem;
	text-align:center;
	border: 1px solid #d1d2d2;
	vertical-align: text-top;
	margin-right: .3375rem;
	font-family:FontAwesome;
}

.col-filter-select .filter-list-container .col-filter-list.colors li.active-filter a span.color-swatch:before{
	content:'\f00c';
}
.col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.clear{
	background-color: #fff
}

.col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.grey{
	background-color: #CCC
}

.col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.white{
	background-color: #fff
}

.col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.tan{
	background-color: #CDB89E
}

.col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.yellow{
	background-color: #FFCE34;
}

.col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.brown{
	background-color: #5c3110;
	color:#fff;
}

.col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.orange{
	background-color: #F16329;
	color:#fff;
}

.col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.red{
	background-color: #780000;
	color:#fff;
}

.col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.violet{
	background-color: #902B8E;
	color:#fff;
}

.col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.turquoise{
	background-color: #0CC;
	color:#fff;
}

.col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.blue{
	background-color: #5476B7;
	color:#fff;
}

.col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.green{
	background-color: #00A453;
	color:#fff;
}
.col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.black{
	background-color: #000;
	color:#fff;
}

.col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.grey{
	background-color: #CCC
}

.collection-item{
	min-height: 216px;
}
/*
@media screen and (min-width:1048px){
	#color-collection div:nth-child(4n + 1){
		clear:both;
		background-color:orange;
	}

}

@media screen and (min-width:773px) and (max-width:1047px){
	#color-collection div:nth-child(3n + 1){
		clear:both;
		background-color:orange;
	}

}

@media screen and (max-width:772px){
	#color-collection div:nth-child(2n + 1){
		clear:both;
		background-color:orange;
	}

}
*/
@media (max-width:650px){

	div.port_thumb_box{
		float:none;
		margin: 20px auto;
		margin: 1.5rem auto;
	}
}


div.port_thumb_box{
	width:320px;
	width: 20rem;
	min-height:220px;
	min-height:13.75rem;
	height:auto;
	display:block;
	float:left;
	margin:0px 8px 8px 8px;
	margin:0px .5rem .5rem .5rem;
	text-align:center;
}
span.port_caption{
	margin-top:0px;
	padding-top:0px;
	line-height:100%;
	min-height: 20px;
	min-height: 1.25rem;
}

/*** color collection page ***/
/*** color collection page ***/
/*** color collection page ***/
/*** color collection page ***/


/****************************************/
/******   COLLECTION GRIDS STYLES FIRST DRAFT   *****/
/****************************************/
.page-id-9406 .color-chips li a img{
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
bottom: 0;
width: 100%;
height: 100%;
max-height: 110px;
transition: all .3s ease;
position: relative;
}
.page-id-9406 .color-chips li a:hover img{
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
bottom: 5px;
display: inline;
}


.page-id-9406 .color-filter{
text-transform: uppercase;
position: relative;
display: inline-block;
background: rgba(242, 242, 242, 0.9);
line-height: 1;
padding: 0.9375rem;
margin: 0.9375rem 0.625rem 1.25rem 0;
border-radius: 3px;
border: 1px solid #D1D2D2;
/*width: 17.6875rem;*/
width: 16.6875rem;
vertical-align: top;
font-size: 1rem;
}
.page-id-9406 .col-filter-select{
z-index: 20;

}
.page-id-9406 .col-filter-select .filter-select-title:after{

font-family: 'FontAwesome';
content: '\f0dd';
display: inline-block;
float: right;
vertical-align: text-top
}

.page-id-9406 .col-filter-select .filter-list-container{
display: none;
position: absolute;
top: 2.875rem;
left: 0;
background: rgba(242, 242, 242, 0.9);
border: 1px solid #D1D2D2;
border-radius: 3px;
padding: 1.5625rem 1.5625rem .625rem;
width: 100%;
z-index: 20;
}
.page-id-9406 .col-filter-select .filter-list-container .col-filter-list{
	list-style:none;
}

.page-id-9406 .col-filter-select .filter-list-container .col-filter-list.colors li{
width: 50%;
float: left
}
.page-id-9406 .col-filter-select .filter-list-container li.active-filter{
text-decoration: underline
}
.page-id-9406 .col-filter-select .filter-list-container .col-filter-list li a{
text-decoration: none;
text-transform: uppercase;
color: #302c27
}
.page-id-9406 .col-filter-select .filter-list-container .col-filter-list.colors li a{
text-transform: none
}
.page-id-9406 .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch{
	display: inline-block;
	width: 1.1875rem;
	height: 1.1875rem;
	border: 1px solid #d1d2d2;
	vertical-align: text-top;
	margin-right: .3375rem
}
.page-id-9406 .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.clear{
	background-color: #fff
}

.page-id-9406 .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.grey{
	background-color: #CCC
}

.page-id-9406 .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.white{
	background-color: #fff
}

.page-id-9406 .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.tan{
	background-color: #CDB89E
}

.page-id-9406 .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.yellow{
	background-color: #FFCE34
}

.page-id-9406 .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.brown{
	background-color: #5c3110
}

.page-id-9406 .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.orange{
	background-color: #F16329
}

.page-id-9406 .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.red{
	background-color: #780000
}

.page-id-9406 .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.violet{
	background-color: #902B8E
}

.page-id-9406 .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.turquoise{
	background-color: #0CC
}

.page-id-9406 .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.blue{
	background-color: #5476B7
}

.page-id-9406 .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.green{
	background-color: #00A453
}
.page-id-9406 .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.black{
	background-color: #000
}

.page-id-9406 .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.grey{
	background-color: #CCC
}


.page-template-page-collection-listing-type-1-php .header-image img,
.page-id-9406 .header-image img,
.page-template-page-collection-listing-type-3-php .header-image img {
    width: 100%;
    height: auto
}
.page-template-page-collection-listing-type-1-php h1,
.page-id-9406 h1,
.page-template-page-collection-listing-type-3-php h1 {
    color: #991417
}
.page-template-page-collection-listing-type-1-php .site-content .intro,
.page-id-9406 .site-content .intro,
.page-template-page-collection-listing-type-3-php .site-content .intro {
    border-bottom: 2px solid #F3F3F3
}
.page-template-page-collection-listing-type-1-php .site-content p,
.page-id-9406 .site-content p,
.page-template-page-collection-listing-type-3-php .site-content p {
    padding-bottom: 0;
    font-size: 1.375rem;
    margin-bottom: 10px
}
.page-template-page-collection-listing-type-1-php .col-filter-select,
.page-id-9406 .col-filter-select,
.page-template-page-collection-listing-type-3-php .col-filter-select {
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    background: rgba(242, 242, 242, 0.9);
    line-height: 1;
    padding: .9375rem;
    margin: .9375rem .5625rem 1.25rem 0;
    border-radius: 3px;
    border: 1px solid #D1D2D2;
    width: 17.1875rem;
    z-index: 20
}
@media screen and (max-width: 20em) {
    .page-template-page-collection-listing-type-1-php .col-filter-select,
    .page-id-9406 .col-filter-select,
    .page-template-page-collection-listing-type-3-php .col-filter-select {
        width: 46%;
        padding: .3125rem .625rem
    }
}
@media screen and (max-width: 20em) and (max-width: 20em) {
    .page-template-page-collection-listing-type-1-php .col-filter-select.collection-filter .filter-list-container,
    .page-id-9406 .col-filter-select.collection-filter .filter-list-container,
    .page-template-page-collection-listing-type-3-php .col-filter-select.collection-filter .filter-list-container {
        padding: .3125rem;
        font-size: .8125rem
    }
}
@media screen and (max-width: 20em) {
    .page-template-page-collection-listing-type-1-php .col-filter-select.color-filter,
    .page-id-9406 .col-filter-select.color-filter,
    .page-template-page-collection-listing-type-3-php .col-filter-select.color-filter {
        margin: 0 0 0 .625rem
    }
}
@media screen and (max-width: 20em) {
    .page-template-page-collection-listing-type-1-php .col-filter-select .filter-select-title,
    .page-id-9406 .col-filter-select .filter-select-title,
    .page-template-page-collection-listing-type-3-php .col-filter-select .filter-select-title {
        font-size: .75rem
    }
}
.page-template-page-collection-listing-type-1-php .col-filter-select .filter-select-title:after,
.page-id-9406 .col-filter-select .filter-select-title:after,
.page-template-page-collection-listing-type-3-php .col-filter-select .filter-select-title:after {
    font-family: 'FontAwesome';
    content: '\f0dd';
    display: inline-block;
    float: right;
    vertical-align: text-top
}
.page-template-page-collection-listing-type-1-php .col-filter-select .filter-list-container,
.page-id-9406 .col-filter-select .filter-list-container,
.page-template-page-collection-listing-type-3-php .col-filter-select .filter-list-container {
    display: none;
    position: absolute;
    top: 2.875rem;
    left: 0;
    background: rgba(242, 242, 242, 0.9);
    border: 1px solid #D1D2D2;
    border-radius: 3px;
    padding: 1.5625rem 1.5625rem .625rem;
    width: 100%;
    z-index: 20
}
@media screen and (max-width: 20em) {
    .page-template-page-collection-listing-type-1-php .col-filter-select .filter-list-container,
    .page-id-9406 .col-filter-select .filter-list-container,
    .page-template-page-collection-listing-type-3-php .col-filter-select .filter-list-container {
        font-size: .875rem;
        padding: .9375rem;
        top: 1.375rem
    }
}
.page-template-page-collection-listing-type-1-php .col-filter-select .filter-list-container li.active-filter,
.page-id-9406 .col-filter-select .filter-list-container li.active-filter,
.page-template-page-collection-listing-type-3-php .col-filter-select .filter-list-container li.active-filter {
    text-decoration: underline
}
.page-template-page-collection-listing-type-1-php .col-filter-select .filter-list-container .col-filter-list,
.page-id-9406 .col-filter-select .filter-list-container .col-filter-list,
.page-template-page-collection-listing-type-3-php .col-filter-select .filter-list-container .col-filter-list {
    list-style: none
}
.page-template-page-collection-listing-type-1-php .col-filter-select .filter-list-container .col-filter-list.colors li,
.page-id-9406 .col-filter-select .filter-list-container .col-filter-list.colors li,
.page-template-page-collection-listing-type-3-php .col-filter-select .filter-list-container .col-filter-list.colors li {
    width: 50%;
    float: left
}
@media screen and (max-width: 20em) {
    .page-template-page-collection-listing-type-1-php .col-filter-select .filter-list-container .col-filter-list.colors li,
    .page-id-9406 .col-filter-select .filter-list-container .col-filter-list.colors li,
    .page-template-page-collection-listing-type-3-php .col-filter-select .filter-list-container .col-filter-list.colors li {
        width: 100%
    }
}
.page-template-page-collection-listing-type-1-php .col-filter-select .filter-list-container .col-filter-list.colors li a,
.page-id-9406 .col-filter-select .filter-list-container .col-filter-list.colors li a,
.page-template-page-collection-listing-type-3-php .col-filter-select .filter-list-container .col-filter-list.colors li a {
    text-transform: none
}
.page-template-page-collection-listing-type-1-php .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch,
.page-id-9406 .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch,
.page-template-page-collection-listing-type-3-php .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch {
    display: inline-block;
    width: 1.1875rem;
    height: 1.1875rem;
    border: 1px solid #d1d2d2;
    vertical-align: text-top;
    margin-right: .3375rem
}
.page-template-page-collection-listing-type-1-php .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.white,
.page-id-9406 .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.white,
.page-template-page-collection-listing-type-3-php .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.white {
    background-color: #fff
}
.page-template-page-collection-listing-type-1-php .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.clear,
.page-id-9406 .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.clear,
.page-template-page-collection-listing-type-3-php .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.clear {
    background-color: #fff;
    position: relative
}
.page-template-page-collection-listing-type-1-php .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.clear:before,
.page-id-9406 .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.clear:before,
.page-template-page-collection-listing-type-3-php .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.clear:before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    border-bottom: 18px solid #F3F3F3;
    border-left: 18px solid transparent
}
.page-template-page-collection-listing-type-1-php .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.black,
.page-id-9406 .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.black,
.page-template-page-collection-listing-type-3-php .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.black {
    background-color: #000
}
.page-template-page-collection-listing-type-1-php .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.grey,
.page-id-9406 .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.grey,
.page-template-page-collection-listing-type-3-php .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.grey {
    background-color: #CCC
}
.page-template-page-collection-listing-type-1-php .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.brown,
.page-id-9406 .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.brown,
.page-template-page-collection-listing-type-3-php .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.brown {
    background-color: #5c3110
}
.page-template-page-collection-listing-type-1-php .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.tan,
.page-id-9406 .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.tan,
.page-template-page-collection-listing-type-3-php .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.tan {
    background-color: #CDB89E
}
.page-template-page-collection-listing-type-1-php .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.red,
.page-id-9406 .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.red,
.page-template-page-collection-listing-type-3-php .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.red {
    background-color: #780000
}
.page-template-page-collection-listing-type-1-php .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.orange,
.page-id-9406 .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.orange,
.page-template-page-collection-listing-type-3-php .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.orange {
    background-color: #F16329
}
.page-template-page-collection-listing-type-1-php .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.yellow,
.page-id-9406 .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.yellow,
.page-template-page-collection-listing-type-3-php .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.yellow {
    background-color: #FFCE34
}
.page-template-page-collection-listing-type-1-php .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.green,
.page-id-9406 .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.green,
.page-template-page-collection-listing-type-3-php .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.green {
    background-color: #00A453
}
.page-template-page-collection-listing-type-1-php .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.blue,
.page-id-9406 .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.blue,
.page-template-page-collection-listing-type-3-php .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.blue {
    background-color: #5476B7
}
.page-template-page-collection-listing-type-1-php .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.violet,
.page-id-9406 .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.violet,
.page-template-page-collection-listing-type-3-php .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.violet {
    background-color: #902B8E
}
.page-template-page-collection-listing-type-1-php .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.turquoise,
.page-id-9406 .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.turquoise,
.page-template-page-collection-listing-type-3-php .col-filter-select .filter-list-container .col-filter-list.colors li a span.color-swatch.turquoise {
    background-color: #0CC
}
.page-template-page-collection-listing-type-1-php .col-filter-select .filter-list-container .col-filter-list li,
.page-id-9406 .col-filter-select .filter-list-container .col-filter-list li,
.page-template-page-collection-listing-type-3-php .col-filter-select .filter-list-container .col-filter-list li {
    /*padding-bottom:.9375rem;*/
    
    padding-bottom: .4375rem
}
.page-template-page-collection-listing-type-1-php .col-filter-select .filter-list-container .col-filter-list li a,
.page-id-9406 .col-filter-select .filter-list-container .col-filter-list li a,
.page-template-page-collection-listing-type-3-php .col-filter-select .filter-list-container .col-filter-list li a {
    text-decoration: none;
    text-transform: uppercase;
    color: #302c27
}
.page-template-page-collection-listing-type-1-php .col-filter-select .filter-list-container .col-filter-list li .flag-icon.new-item,
.page-id-9406 .col-filter-select .filter-list-container .col-filter-list li .flag-icon.new-item,
.page-template-page-collection-listing-type-3-php .col-filter-select .filter-list-container .col-filter-list li .flag-icon.new-item {
    display: inline-block;
    font-size: .65625rem;
    background: #302c27;
    color: #fff;
    border-radius: 3px;
    padding: .0625rem .3125rem .125rem;
    margin-left: .8125rem;
    margin-top: .1875rem;
    vertical-align: text-top
}
.color-chips li {
    display: inline-block;
    padding-bottom: 1.875rem;
    width: 20%;
    max-width: 220px;
    height: auto;
    vertical-align: top;
    margin: 0 .625rem
}
.color-chips li a {
    text-transform: uppercase;
    text-decoration: none;
    color: #302c27
}
.color-chips li a img {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    bottom: 0;
    width: 100%;
    height: 100%;
    max-height: 110px;
    transition: all .3s ease;
    position: relative
}
@media screen and (max-width: 20em) {
    .page-template-page-collection-listing-type-1-php .col-filter-select .filter-list-container .col-filter-list li .flag-icon.new-item,
    .page-id-9406 .col-filter-select .filter-list-container .col-filter-list li .flag-icon.new-item,
    .page-template-page-collection-listing-type-3-php .col-filter-select .filter-list-container .col-filter-list li .flag-icon.new-item {
        margin-left: .625rem;
        margin-top: 0
    }
}
.page-template-page-collection-listing-type-1-php .color-chips,
.page-id-9406 .color-chips,
.page-template-page-collection-listing-type-3-php .color-chips {
    list-style: none;
    text-align: justify;
    margin: 0 -.625rem
}
.page-template-page-collection-listing-type-1-php .color-chips li,
.page-id-9406 .color-chips li,
.page-template-page-collection-listing-type-3-php .color-chips li {
    display: inline-block;
    padding-bottom: 1.875rem;
    width: 20%;
    max-width: 220px;
    height: auto;
    vertical-align: top;
    margin: 0 .625rem
}
@media screen and (max-width: 20em) {
    .page-template-page-collection-listing-type-1-php .color-chips li,
    .page-id-9406 .color-chips li,
    .page-template-page-collection-listing-type-3-php .color-chips li {
        width: 43%
    }
}
.page-template-page-collection-listing-type-1-php .color-chips li a,
.page-id-9406 .color-chips li a,
.page-template-page-collection-listing-type-3-php .color-chips li a {
    text-transform: uppercase;
    text-decoration: none;
    color: #302c27
}
.page-template-page-collection-listing-type-1-php .color-chips li a img,
.page-id-9406 .color-chips li a img,
.page-template-page-collection-listing-type-3-php .color-chips li a img {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    bottom: 0;
    width: 100%;
    height: 100%;
    max-height: 110px;
    transition: all .3s ease;
    position: relative
}
.page-template-page-collection-listing-type-1-php .color-chips li a:hover img,
.page-id-9406 .color-chips li a:hover img,
.page-template-page-collection-listing-type-3-php .color-chips li a:hover img {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    bottom: 5px;
    display: inline
}
.page-template-page-collection-listing-type-1-php .color-chips li span,
.page-id-9406 .color-chips li span,
.page-template-page-collection-listing-type-3-php .color-chips li span {
    display: block;
    text-align: center
}
.page-id-9406 .color-chips li.hide-thumb,
.page-template-page-collection-listing-type-3-php .color-chips li.hide-thumb {
    display: none
}


/***  SALES REPS INFO FEATURES  ***/

.moz_flex{
	display:flex;
	width:100%;
	align-items:stretch;
	justify-content:space-between;
}

.moz_70, .moz_60, .moz_40, .moz_30{
	display:flex;
	align-content:flex-start;
	flex-wrap:wrap;
}
.moz_70{
	width:69%;
}

.moz_60{
	width:59%;
}

.moz_40{
	width:39%;
}
.moz_30{
	width:29%;
}

select#state_sel{
	padding-right: 2rem;
}

#rep_results{
	margin-top: 2rem;
	display:flex;
	flex-wrap:wrap;
	align-items:stretch;
	justify-content:space-between;
}
.rep_card, .moz_rep_rslt_note{
	display:block;
	border: solid 1px #777;
	background-color:#fff;
	width: 49%;
	min-width: 200px;
	padding: 1.5rem;
	margin: 1% 0px;
/*	height:100%;*/
}
.rep_card.card_count_1{
	width: auto;
}
.rep_card.card_count_3, .rep_card.card_count_4, .rep_card.card_count_5, .rep_card.card_count_6{
	height: auto;
}
.rep_card ul{
	list-style-type:none;
	padding:0px;
}
.rep_card ul li{
	list-style-type:none;
	padding:0px;
}

#rep_search_panel{
	background-color:#fafafa;
	padding: 1rem;
}

.moz_rep_rslt_note{
	width: 100%;
	height:auto;
}

@media screen and (max-width:800px){
	.rep_card{
		width:90%;
		height:auto ;
	}
	#rep_results{
		align-items:center;
		justify-content:center;
	}
	#reg_map{
		display:none;
	}
	.moz_70, .moz_60, .moz_40, .moz_30{
		width: 98%;
	}
	.moz_flex{
		flex-direction:column-reverse;
		justify-content:center;
		align-items:center;
		padding: 2rem 1rem;
	}
	#rep_search_panel form{
		width:100%;
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
	}
	
}


/***  SALES REPS STATES MAP ***/

#reg_map_states_base, #reg_map_states_mid, #reg_map_states_top,
#reg_map_states_base_pr, #reg_map_states_top_pr{
	display:block;
	width:100%;
	aspect-ratio: 1/.613;
	height:auto;
	padding:0px;
	background-size:cover;
	background-repeat:no-repeat;
}

#reg_map_states_base{
	background-image:url(images/all-states/bottom-layer-map.png);
}
#reg_map_states_mid{
	background-image:url(images/all-states/state-start.png);
}
#reg_map_states_top{
	background-image:url(images/all-states/top-layer-map.png);
}
/***  SALES REPS STATES MAP PR ***/

#reg_map_states_base_pr{
	background-image:url(images/all-states/bottom-layer-map-PR.png);
}
#reg_map_states_top_pr{
	background-image:url(images/all-states/top-layer-map-PR.png);
}