#list .item {
    border: 1px solid #c3c3c3;
    position: relative;
}

#list div.item {
    float: left;
    margin-left: 5.5%;
    margin-bottom: 39px;
    width: 29.5%;
}

#list div.item:nth-child(3n-2) {
    margin-left: 0;
    clear: both;
}

#list .item .imagem {
    height: 360px;
    width: 100%;
    left: 0;
    position: relative;
    z-index: -1;
}

#list.aux .item .imagem {
    border-left: 0;
}

#list .item .imagem img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
}

#list .item.hovered:after {
    content: '';
    background: #f8f8f8;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 1px;
    border-right: 1px solid #c3c3c3;
}

#list .filter-bottom {
    border-bottom: 1px solid #d2d2d3;
    margin-bottom: 31px;
    padding-bottom: 13px;
}

#list .filter-bottom>.nitens {
    float: left;
    margin-right: 10px;
}

#list .filter-bottom>.mode {
    float: right;
    margin-top: 15px;
}

#list .filter-bottom>.mode .glyphicon {
    font-size: 22px;
    margin-left: 20px;
    cursor: pointer;
    color: #696a6e;
}

#list .filter-bottom>.mode .glyphicon.active {
    color: #00718d;
    cursor: default;
}

#list .list.aux>.item {
    width: 100%;
    margin-left: 0;
}

#list .list.aux>.item .imagem {
    width: 29.3%;
    float: left;
}

#list .list.aux>.item .text {
    width: 70.7%;
    float: left;
    height: 306px;
    margin-top: 54px;
    padding-top: 35px;
    padding-left: 28px;
}

#list .list.aux>.item .imagem {
    left: 1px;
}

#list .nitens .chosen-container,
#list .nitens select {
    border: 0;
    min-width: 200px;
}

#list .nitens .chosen-search {
    display: none;
}

#list .nitens .chosen-container-active.chosen-with-drop .chosen-single {
    background: transparent;
    border: 1px solid #aaa;
    font-size: 16px;
}

#list>.intro-cat {
    clear: both;
    color: #292c2b;
    font-size: 18px;
    margin-bottom: 25px;
}

#list>.filtros {
    background: #f8f8f8;
    margin-bottom: 10px;
    position: relative;
}

#list>.filtros>.categorias>.sameline {
    background: #00718d;
    padding: 15px 45px 20px 20px;
    width: 100%;
    height: 100%;
}

#list>.filtros>.filtros-in .filtro:first-child {
    margin-left: 4%;
}

#list>.filtros>.categorias {
    width: 24.5%;
    position: relative;
    height: 112px;
    float: left;
}

#list>.filtros>.categorias .title {
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 12px;
}

#list .filtros-in {
    width: 75.5%;
    float: left;
}

#list .filtros-in+button {
    display: none;
    position: absolute;
    color: #292c2b;
    font-size: 23px;
    right: 0;
    top: 30px;
    text-transform: uppercase;
    padding: 15px;
    margin: 0;
}

#list .filtros-in+button .text-menu {
    position: relative;
    margin-right: 10px;
    top: -6px;
}

#list .filtros-in+.navbar-toggle .icon-bar {
    background: #696a6e;
    height: 4px;
    width: 20px;
}

#list .filtros-in>.filtro {
    width: 18%;
    margin-left: 1%;
    margin-top: 12px;
    float: left;
}

#list .filtros-in>.filtro .title {
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 10px;
}

#list.destaques .item {
    width: 100%;
}

.triangle-two {
    width: 0;
    height: 0;
    border-right: 22px solid transparent;
    border-bottom: 112px solid #00718d;
    display: inline-block;
    position: absolute;
    left: 100%;
    top: 0;
}

.item .new,
.quick-view .new,
#detail .images-in>.new {
    background: #00718d;
    width: 40px;
    height: 40px;
    position: absolute;
    text-align: center;
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    transform: rotate(20deg);
    z-index: 1;
    top: 15px;
    left: 15px;
}

#detail .images-in>.lSSlideOuter+.new {
    left: 145px;
}

.quick-view.modal .new {
    left: 25px;
    top: 25px;
}

.quick-view.modal .new.extra {
    left: 135px;
}

.equal>.images,
.equal>.text {
    width: 49.5%;
    float: left;
    position: relative;
}

.equal>.images.aux {
    padding: 15px;

}

.equal>.text {
    margin-left: 0.6%;
    font-size: 20px;
}

.quick-view.modal .modal-header>.images .lSPager>li {
    border: 1px solid #c3c3c3;
    border-radius: 0;
}

.quick-view.modal .modal-header>.images .lSPager>li.active {
    border: 1px solid #00718d;
}

.vertical>.lSSlideWrapper,
.images-in>.img-box {
    border: 1px solid #c3c3c3;
    max-width: 515px;
}

.images-in {
    position: relative;
}

.images-in>.img-box {
    margin: 0 auto;
    max-width: none;
    width: 100%;
}

.quick-view.modal .modal-header>h4 {
    font-size: 30px;
    color: #696a6e;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    margin-bottom: 10px;
    font-family: 'Open Sans Condensed';
    font-weight: bold;
}

.quick-view.modal .modal-content {
    border-radius: 0;
    border: 2px solid #cce3e8;
}

.item .new:after,
.quick-view .new:after,
#detail .images-in>.new:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    width: 40px;
    background: #00718d;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    z-index: 1;
}

.item .new span,
.quick-view .new span,
#detail .images-in>.new span {
    transform: rotate(340deg);
    position: absolute;
    z-index: 2;
    color: #fff;
    left: 0;
    right: 0;
    margin: auto;
    top: 11px;
    text-transform: uppercase;
    font-size: 14px;
}

.item>.lnk {
    position: absolute;
    top: 50%;
    margin-left: -90px;
    margin-bottom: 15px;
    background: #00718d;
    left: 50%;
    z-index: 2;
    display: none;
    text-align: center;
    line-height: 40px;
    color: #fff;
    padding: 0 15px;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
    text-decoration: none;
    text-transform: uppercase;
    min-width: 180px;
    display: none;
}

.item.hovered>.lnk {
    display: block;
}

.item.hovered>.lnk:hover {
    background: #005b71;
}

.item>.lnk.quick-view {
    margin-top: -80px;
}

.item>.lnk.detail {
    margin-top: -30px;
}

.item>.lnk.file {
    margin-top: 20px;
}

.item .text {
    background: #f8f8f8;
    padding: 8px 15px;
    height: 215px;
    position: relative;
}

.item .text>h2 {
    margin: 0;
    font-size: 20px;
    text-transform: uppercase;
    height: 47px;
    overflow: hidden;
    line-height: 22px;
    color: #292c2b;
}

.item .text>.descricao {
    font-size: 18px;
    color: #696a6e;
    height: 75px;
    line-height: 25px;
    overflow: hidden;
}

.text>.cabecalho .ref span:first-child {
    text-transform: uppercase;
}

.text>.caracteristicas>.descricao {
    margin-bottom: 30px;
}

.cores .title {
    text-transform: capitalize;
}

.img-box img {
    width: auto;
    margin: 0 auto;
}

.quick-view.modal {
    margin-top: 95px;
    padding: 0 !important;
}

.vertical img,
#detail .combinacoes .ele img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block !important;
}

ul.vertical img {
    padding: 15px;
}

.vertical>.lSPager>li {
    border: 1px solid #c3c3c3;
}

.lSSlideOuter.vertical>.lSPager.lSGallery>li.active,
.lSSlideOuter.vertical>.lSPager.lSGallery>li:hover {
    border: 1px solid #00718d;
    border-radius: 0;
}

.text>.caracteristicas {
    background: #f8f8f8;
    height: 100%;
    padding: 20px;
    font-size: 18px;
    color: #696a6e;
    margin-top: 18px;
    position: relative;
}

#detail .text>.caracteristicas {
    position: relative;
    padding-bottom: 90px;
}

.text .lnk.detail {
    display: block;
    position: relative;
    background: #00718d;
    width: 100%;
    bottom: 0;
    color: #fff;
    left: 0;
    font-size: 25px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 15px;
    margin-top: 10px;
}

.addcart.lnk+.lnk.detail {
    background: #288fa9;
}

.caracteristicas .subtitle {
    font-size: 22px;
    color: #00718d;
    text-transform: uppercase;
    margin-bottom: 5px;
}

#detail>h1 {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    color: #696a6e;
    margin: 2px 0 0;
}

#detail>.detail {
    margin: 25px -15px 42px;
}

.detail .caracteristicas>.cores {
    margin-top: 25px;
    float: left;
    width: 100%;
}

#detail .combinacoes {
    margin-top: 40px;
}

#detail .combinacoes .ele {
    width: 19.2%;
    height: 112px;
    border: 1px solid #00718d;
    float: left;
    margin-right: 1%;
    margin-bottom: 6px;
}

#detail .combinacoes .ele:nth-child(5n) {
    margin-right: 0;
}

#detail .combinacoes .ele:nth-child(5n+1) {
    clear: both;
}

#detail .combinacoes>h3 {
    text-transform: uppercase;
    font-size: 20px;
    margin-top: 0;
}

#detail .maisdetalhes {
    margin-top: 42px;
}

#detail .maisdetalhes h4 {
    background: #f8f8f8;
    font-size: 20px;
    text-transform: uppercase;
    padding: 20px;
    margin: 0 0 12px;
    color: #292c2b;
    text-align: center;
}

#detail>.back {
    text-decoration: none;
    font-size: 18px;
    color: #696a6e;
    text-transform: uppercase;
    margin: 60px 0 15px;
    display: inline-block;
}

#detail>.back:hover {
    color: #292c2b;
}

.quick-view .addcart.lnk {
    height: 56px;
    padding-top: 15px;
}

.quick-view .addcart.lnk .triangle-two {
    border-bottom: 56px solid #00718d;
}

.quick-view .addcart>.msg {
    top: -30px;
}

.wish.lnk {
    top: auto;
    bottom: 0;
    margin: 0;
    right: 15px;
    left: auto;
    padding: 0;
    min-width: 0;
    height: 50px;
    color: #9A9B9F;
    position: absolute;
    background: transparent;
    z-index: 2;
    font-size: 35px;
}

#detail .wish.lnk {
    bottom: 55px;
}

#detail .addcart+.wish.lnk {
    bottom: 0;
}

#list .wish.lnk:hover,
#list .wish.lnk.aux,
#detail .wish.lnk:hover,
#detail .wish.lnk.aux {
    background: transparent;
    color: #00718d;
}

.item>.msg,
#detail .text>.msg {
    white-space: nowrap;
    font-weight: normal;
    color: #292c2b;
    display: none;
    font-size: 18px;
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 5px;
    z-index: 3;
}

#detail .text>.msg {
    left: 15px;
}

.item>.lnk.remwish {
    background: transparent;
    color: #3d3d3d;
    font-size: 25px;
    top: 5px;
    left: auto;
    right: 0;
    margin-left: 0;
    min-width: 0;
}

.item>.lnk.remwish:hover {
    background: transparent;
    color: #00718d;
}

@media (max-width:1396px) {
    #list div.item {
        margin-left: 5.1%;
        width: 29.9%;
    }

    #list div.item {
        margin-left: 2.1%;
        width: 31.9%;
    }
}

@media (max-width:1054px) {
    #list .filtros-in+button {
        display: block;
    }

    #list .filtros-in {
        display: none;
        width: 100%;
        padding-bottom: 30px;
    }

    #list .filtros-in.in {
        display: block;
    }

    #list div.list .item {
        width: 48%;
        margin-left: 4%;
        clear: none;
    }

    #list div.item:nth-child(2n-1) {
        margin-left: 0;
        clear: both;
    }
}

@media (max-width:830px) {
    #list .filter-bottom {
        padding-bottom: 8px;
    }

    .item .text {
        padding: 8px;
    }

    .cores .cor,
    .stock>span {
        width: 12px;
        height: 12px;
    }

    #detail .detail>div {
        width: 100%;
    }

    #detail .detail>.text {
        margin-top: 28px;
    }

    #detail>.back {
        margin: 30px 0 0;
    }

    .vertical>.lSSlideWrapper,
    .images-in>.img-box {
        max-width: 100%;
    }
}

@media (max-width:630px) {
    #list div.list .item {
        width: 65%;
        clear: both;
        float: none;
        margin: 0 auto 40px;
    }

    .quick-view.modal .equal>div {
        width: 100%;
    }

    .quick-view.modal .equal>.images,
    .quick-view.modal .equal>.images .img-box img {
        max-height: 300px;
    }

    .text .lnk.detail {
        position: relative;
        clear: both;
        margin-top: 70px;
        top: -62px;
    }
}

@media (max-width:1200px) {
    .text .lnk.detail {
        position: relative;
        clear: both;
        margin-top: 70px;
        top: -62px;
    }
}

@media (max-width:510px) {
    #list div.list .item {
        width: 100%;
        margin: 0 auto 18px;
    }

    #detail .combinacoes .ele {
        width: 32.3%;
    }

    #detail .combinacoes .ele:nth-child(5n+1) {
        clear: none;
    }

    #detail .combinacoes .ele:nth-child(3n+1) {
        clear: both;
    }

    #detail .combinacoes .ele:nth-child(5n) {
        margin-right: 1%;
    }

    #detail .combinacoes .ele:nth-child(3n) {
        margin-right: 0;
    }

    .quick-view.modal .modal-header>h4 {
        font-size: 20px;
    }

    .text .lnk.detail {
        font-size: 18px;
    }

    #detail .combinacoes>h3 {
        font-size: 21px;
    }

    #detail .text>.caracteristicas {
        padding-bottom: 20px;
    }

    #detail>.detail {
        margin: 25px -15px 20px;
    }
}

@media (max-width:400px) {
    #detail .combinacoes .ele {
        width: 49%;
    }

    #detail .combinacoes .ele:nth-child(3n) {
        margin-right: 1%;
    }

    #detail .combinacoes .ele:nth-child(3n+1) {
        clear: none;
    }

    #detail .combinacoes .ele:nth-child(2n) {
        margin-right: 0;
    }

    #detail .combinacoes .ele:nth-child(2n+1) {
        clear: both;
    }

    #list>.filtros>.filtros-in .filtro:first-child {
        margin-left: 0;
    }

    #list .filtros-in>.filtro {
        width: 100%;
        margin-left: 0;
        margin-top: 12px;
        padding: 0 10px;
        float: left;
    }

    #list .filtros-in+button {
        color: #fff;
    }

    #list>.filtros>.categorias {
        width: 100%;
    }

    .triangle-two {
        display: none;
    }

    #list .filtros-in+.navbar-toggle .icon-bar {
        background: #fff;
    }

    #list .filter-bottom>.nitens {
        width: 100%;
    }

    #list .filter-bottom span {
        margin-left: 14px;
    }

    .detail .caracteristicas>.cores {
        margin-bottom: 25px;
    }
}