.products-grid li .product-subtitle,
.products-grid li .product-title {
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.products-header h1 {
    display: inline-block;
    line-height: 40px;
    margin:12px 0
}
.products-header h1 .note {
    font-size:13px;
    font-weight:normal;
    margin-left:7px
}
.products-header p {
    display: inline;
    margin: 0 0 0 4px;
    font-size: 13px
}
.products-grid ul {
    margin: 0;
    padding: 0;            
    width: 100%;
    display: inline-block
}
.products-grid li {
    list-style: none;
    display: inline-block;
    width:25%
}
.products-grid li a {
    display: block;
    margin: 9px;
    padding: 9px;
    border: 1px solid #fff; 
    text-decoration: none
}
.products-grid li a:hover {
    border: 1px solid #ddd;
    color: #40403a
}
.products-grid li .product-title:hover {
    text-decoration: underline
}
.products-help.products {
    float:none;
    width:unset;
    margin:30px 0 70px
}
.products-grid li .product-title {
    font-size: 14px;
    font-weight: 500;
    border-top: 1px solid #ddd;
    padding-top: 5px
}
.products-grid li .product-subtitle {
    font-size: 13px;
    font-weight: 400;
    color: #82827c
}
.products-grid li .product-price {
    font-size: 13px;
    line-height: 18px;
    font-weight: 500
}
.products-grid li .product-price-former {
    font-size: 12px;
    line-height: 0;
    font-weight: 400
}
.products-grid li .product-note {
    font-size: 11px
}   
.products-grid li .product-note.thumbs {
    display:none
}   
.products-grid li a:hover .product-note.thumbs{
    display:block
}  
.products-grid li a:hover .product-note.init{
    display:none
}
.products-grid li .product-note img{
    height:28px;
    margin-top:-7px
} 
.products-grid li .product-custom {
    font-size: 13px;
    float: right;
    position: relative
}
.products-help {
    width: 700px;
    float: right;
    font-size: 13px;
    margin-bottom: 30px
}

.filters .option-instruction a,
.filters .option-selected,
.filters .option-selected a {
    text-decoration: none;
    display: block;
}                                     
.filters .option-instruction {padding: 4px 4px 4px 8px}
.filters .option-instruction.list {padding: 0}
.filters .option-instruction.list input{
    margin: 0px 2px 4px;
    width: 128px
}    
.fillbg {
    width: 100%;
    height: 100%
}
.filters .option-selected .sel {
    font-weight: 700
}
.filters .box {
    margin-top: 0
}
.filters .option-selected {
    background: #f2f2f2;
    border: none;
    border-radius: 3px;
    font-size: 13px;
    margin: 20px 8px -6px 0;
    padding: 2px 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}
.filters.options {width:100%;text-align:left}
.filters.options ul {
    width:140px;
    background:#fff;
    z-index:6;
    position:absolute;
    border:1px solid #ddd;
    padding:10px;
    margin:-4px 0 0 0px
}
.filters.options ul.side {
     right:0
}
.filters.options #filterBoxPrice {
    width:206px;
    padding-top:20px
}
.filters.options #filterBoxDesignText {
    width:194px;
}
.filters.options #filterBoxDesignText .button{
    width: 22px;
    float: right;
    margin-top: 0px;
    padding-bottom: 8px;
}
.filters.options .list.btn ul{
    width:254px
}
.filters.options .list.btn li{
    float:left;
    margin:2px   
}
.filters.options .list.btn .iconShape{
    margin: 5px 0 0;
    width: 1.7em;  
    height: 1.7em;  
}
.filters.options li.title{
    width:100%
}
.filterBoxResp {
    display:inline
}
#filterFiltersResp {
    display:none;
}
.filters .option-selected .icon {
    margin-right: -3px;
    margin-top: 5px
}
.filters .option-selected.off .icon,
.filters .option-selected.off:hover .icon {
    color: #bbb
}
.filters .option-selected:hover {
    color: #40403a
}
.filters .option-selected:hover .icon {
    color: #c81466
}
.filters .option-instruction {
    font-size: 14px;
    margin: 0 8px 0 0;
    display:inline-block
}
.filters .option-instruction .icon {
    height: 1em;
    margin-top: 7px;
    pointer-events: none
}
.filters .option-instruction .open .icon {
    transform: rotate(180deg);
}
.filters .filterTitle {
    padding:4px 4px 4px 8px; 
    border: 1px solid #fff   
}
.filters .filterTitle.open {
    border-color:#ddd 
}
.filters .filterTitle.open:after {
    background: #fff;  
    display: block;    
    height: 10px;    
    position: absolute;    
    width: 100%;    
    z-index: 100;    
    content: " ";
    margin-left: -8px;
}
.filters .list li {
    font-size: 13px;
    float: none;
    line-height: 24px;
    margin-left: 5px
}
.filters .list li.selected {
    background: #fff;
    width: unset
}
.filters .list li.selected a:hover,
.filters .list li:hover {
    text-decoration: underline
}
.filters .list li.selected.off a:hover {
    text-decoration: none
}
.filters .tickbox {
    background: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 1px;
    display: inline-block;
    margin: 0 7px -2px 0;
    height: 13px;
    width: 13px
}
.filters .selected .tickbox {
    border-color: #aa9f9c
}
.filters .tickbox .icon {
    color: #c81466;
    display: flex;
    margin: 0 0 0 2px;
    width: 10px;
    height: 14px;
    vertical-align: .2em
}
.filters .off .tickbox .icon {
    color: #aa9f9c
}
.filters.prod2 .option-instruction {font-size:16px;margin:0}
.filters.prod2 .option-instruction label{padding-left:8px}
.filters.prod2 .option-instruction .value{font-weight:400;pointer-events:none}
.filters.prod2 .option-instruction .value::before{content:":";margin:0 5px;font-weight:500}
.filters.prod2 .option-instruction .filterTitle{padding:10px 15px}
.filters.prod2.options ul {margin-top:-11px}
.filters.prod2 .filterTitle.open:after {margin-left: -15px;}
.filters.prod2 .list.btn .value .iconShape {height:24px;width:24px;vertical-align:-4px;margin:0}
.filters.prod2 .list.btn .value .swatch {height:22px;width:22px;vertical-align:-4px;display:inline-block}
.filters.prod2 .value input {font-size:16px;margin:0;padding:0;border:0;pointer-events:all}
.filters.prod2 .title:hover {text-decoration:none}

.s2 h1 {font-size:30px; margin: 30px 10px 0}
.s2 p {font-size:13px; margin:1em}
.s2 .maxlines{font-weight:700;padding:4px 5px;text-decoration:none;display:none;position: absolute;right: 2px;bottom: -8px;background: #fff;}
.s2 .hovered .maxlines{display:none}
.s2 .products-grid {margin-bottom:30px}   

.teamTitleInner h1 {
    margin: 0;
    padding: 0;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 42px;
    width:calc(100% - 100px)
}
.teamTitleInner h3 {
    margin: 0;
    padding: 2px 0 0;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    width:calc(100% - 100px)
}
.teamTitleInner svg {
    fill: currentcolor;
    height: calc(100% - 24px);
    margin-bottom: 0;
    position: absolute;
    right: 20px;
    top: 14px;
    margin-top: 0
}
.teamTitleOuter {
    margin: 8px 0;
    padding: 3px
}
.teamTitleInner {
    margin: 0;
    border: 2px solid #fff;
    padding: 25px 20px 21px;
    position: relative
}    
.teamNav {
    text-align: center;
    margin: 10px 0 0;
    min-height: 1px;
    letter-spacing: .5px;
    color: #82827c;
    font-size: 13px
}
.teamNav a {
    margin: 0;
    text-transform: none;
    font-weight: 400;
    text-decoration: none
}

@media only screen and (max-width: 1160px) {        
    .products-grid li {
        width:33.3%
    }   
}       
@media only screen and (max-width: 979px) {    
    .products-grid ul {
        display: inline;
        width: unset
    }
}
@media only screen and (max-width: 780px) {  
    .products-grid li {
        width:50%;
    }       
    .s2 #info {max-height:44px;overflow:hidden;display:inline-block;position:relative;
    -webkit-transition: max-height .7s ease;
    -moz-transition: max-height .7s ease;
    -o-transition: max-height .7s ease;
    transition: max-height .7s ease}
    .s2 #info.hovered {max-height:460px}
    .s2 .maxlines{display:initial}
}
@media only screen and (max-width: 580px) {  
    .filterBoxResp {
        display:none
    }
    .filterBoxResp.open {
        display:block; 
        background: #fff;
        z-index: 6;
        position: absolute;
        border: 1px solid #ddd;
        padding: 10px;
        margin: -4px 0 0 0px
    } 
    #filterFiltersResp {
        display:inline-block
    }   
    .filterBoxResp.open .option-instruction{
        width:100%
    }  
    .filterBoxResp.open .option-instruction.solo{
        padding:4px 0
    }  
    .filterBoxResp.open .filterTitle{
        padding-left:0
    } 
    .filterBoxResp.open .filterTitle.open{
        border:0;
        border-top:1px solid #ddd
    }         
    .filters {
        min-height: auto
    }
    .filters.options .list.btn ul{width:unset}
    .filters.options .filterBoxResp.open ul {
        width:calc(100% - 22px);
        position:relative;
        border:0;
        border-bottom:1px solid #ddd
    }        
    .teamTitleInner {
        padding: 11px 20px 9px
    }
    .teamTitleInner h1 {
        font-size: 20px;
        line-height: 28px
    }
    .teamTitleInner h3 {
        font-size: 13px;
        letter-spacing: 0px;
    }
    .teamTitleOuter {
        display: inline-block;
        width: 98%;
        margin: 8px auto
    }  
}