.paintProductSelector .tpsDropDown{float:right;top:20px}@media (max-width: 991px){.tpsDropDown{float:none;width:100%}.paintProductSelector .nav-tabs>li>a{font-size:16px;margin-right:8px}.paintProductSelector{height:68px;margin-bottom:75px}}#gridCollection{margin:0 auto;padding:20px 0 40px}#gridCollection h2{text-align:left;font-weight:400;padding-left:3%;display:inline-block;margin:0 0 10px 0;font-size:34px}#gridCollection .items{margin:0 auto;text-align:left}#gridCollection .item{background-color:#999;cursor:pointer;display:inline-block;margin:0;width:24.20%;padding:5px;padding-top:22.4%;box-sizing:border-box;text-shadow:0 0.1px 0.6px rgba(255,255,255,0.5);color:#000;font-weight:400;font-size:8px;line-height:10px;z-index:0;position:relative;vertical-align:top;margin:.4%;text-align:left;overflow:hidden;border:0}#gridCollection .item:hover{-ms-transform:matrix(1.8, 0, 0, 1.8, 0, 0);transform:matrix(1.8, 0, 0, 1.8, 0, 0);z-index:1}#gridCollection .item:hover .heading{opacity:1;top:5px}#gridCollection .item.selected{outline:1px solid #000;cursor:pointer}#gridCollection .item.selected .arrow{display:block}#gridCollection .item:hover img{top:-40%}#gridCollection .item .arrow{display:none;width:45%;height:auto;margin:0 auto;left:0;right:0;-ms-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg);position:absolute;transition:all .3s;top:50%}#gridCollection .item .heading{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;opacity:0;transition:all .2s;position:absolute;top:20px}#gridCollection .item .heading .itemBrand{text-transform:uppercase;font-weight:800;font-size:5px}#gridCollection .item .heading .itemName{line-height:1.2}#gridCollection .itemView{background-color:#F1F1F1;display:block;float:left;height:370px;position:relative;width:99.4%;margin:.4%}#gridCollection .itemView .wc-social-login p{margin-top:5px;margin-bottom:0;font-size:12px;line-height:1}#gridCollection .itemView .wc-social-login a{width:100%;border-color:#4267B2 !important;margin-bottom:0;margin-top:2px}#gridCollection .itemView .infoBox{background-color:#FFFFFF;left:20px;padding:15px 20px;position:absolute;top:20px;width:260px}#gridCollection .tpsDropDown{margin-top:5px;width:100%}@media (min-width: 500px){#gridCollection .item{width:12.06%;padding-top:11.0%;margin:.22%}#gridCollection .itemView{width:99.4%}}@media (min-width: 768px){#gridCollection .item{width:9.56%;padding-top:8.87%}#gridCollection .itemView{width:99.50%}}@media (min-width: 992px){#gridCollection .item{width:9.78%;padding-top:9.25%;margin:.11%}#gridCollection .itemView{width:99.7%;margin:.11%}}@media (min-width: 1200px){#gridCollection .item{width:8.15%;padding-top:7.71%;margin:1px}#gridCollection .itemView{width:99.71%}}@media (max-width: 400px){#gridCollection .itemView .infoBox{top:74px;left:0;right:0;margin:0 auto;width:90%}}#gridCollection .itemView .infoBox .brand{font-size:20px;text-transform:uppercase;font-weight:800;margin-bottom:0;line-height:.9}#gridCollection .itemView .infoBox .title{border-bottom:dotted 2px #5c6670;font-size:20px;font-weight:300;line-height:1.1;padding-bottom:10px;margin-bottom:10px;position:relative}#gridCollection .itemView .infoBox .btn{display:block;margin:5px 0 0;width:100%}#gridCollection .btn-cerrar{cursor:pointer;display:block;width:60px;height:60px;position:absolute;top:0;right:0;background:#000;border:none;font-size:45px;line-height:0px;color:#fff;font-weight:300}#gridCollection .btn-cerrar:hover{background-position:top}.resultsAndRefinements{margin-top:20px;max-height:243px;transition:.5s all}.maryDebSearchWrapper{float:left}.resultsAndRefinements .tpsDropDown,.resultsAndRefinements button{float:right;margin-left:8px;margin-bottom:10px}.resultsAndRefinements .reset{padding:0;width:47px;line-height:43px}.resultsAndRefinements .reset .x{font-size:20px;font-weight:bold}.resultsAndRefinements.closed{max-height:0;overflow:hidden}.numberOfResults{display:block;font-size:32px;font-weight:300}.numberOfResults .number{display:inline-block;transition:all 2s}.colorGroupSecondary{width:30%;display:inline-block;cursor:pointer;position:relative;background:none;border:none;padding:0;margin:15px 5% 0 0}.colorGroupSecondary:last-child{margin:15px 0 0 0}.colorGroupSecondary img{width:100%;height:auto}.allColors{padding-bottom:40px}.allColors__colorGroupMain{width:48%;display:inline-block;text-align:center;font-size:0}.colorGroupMainCol{margin-left:2%}.colorGroupMainNeutrals{text-align:left;margin-left:0}.allColors__colorGroupMain h3{text-align:left;font-weight:300;font-size:30px}.paintProductSelector{border-bottom:solid 3px #5c6670}.colorGroupSelector{margin-top:10px}.colorGroupSelector .container::-webkit-scrollbar{width:0px;height:0px;background:transparent}.colorGroupSelector .container{overflow:auto;white-space:nowrap}.colorGroupSelector .nav-tabs>li{display:inline-block;min-width:100px;width:10%;text-align:center;vertical-align:top;position:relative;height:47px;cursor:pointer}.colorGroupSelector .nav-tabs>li>div{font-size:16px;font-weight:300;width:100%;cursor:pointer;line-height:15px;position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.colorGroupSelector .nav-tabs>li:first-child>div{color:#5c6670}.colorGroupSelector .nav-tabs>li.active>div,.colorGroupSelector .nav-tabs>li.active{cursor:default}.colorGroupSelector .nav-tabs>li.active>div,.colorGroupSelector .nav-tabs>li:hover>div{color:#fff;font-weight:600}.colorGroupSelector .nav-tabs>li:nth-child(1).active,.colorGroupSelector .nav-tabs>li:nth-child(1):hover{background:#5c6670}.colorGroupSelector .nav-tabs>li:nth-child(2).active,.colorGroupSelector .nav-tabs>li:nth-child(2):hover{background:#cd2c4d}.colorGroupSelector .nav-tabs>li:nth-child(3).active,.colorGroupSelector .nav-tabs>li:nth-child(3):hover{background:#ef8d3b}.colorGroupSelector .nav-tabs>li:nth-child(4).active,.colorGroupSelector .nav-tabs>li:nth-child(4):hover{background:#fbd22e}.colorGroupSelector .nav-tabs>li:nth-child(5).active,.colorGroupSelector .nav-tabs>li:nth-child(5):hover{background:#b2d14d}.colorGroupSelector .nav-tabs>li:nth-child(6).active,.colorGroupSelector .nav-tabs>li:nth-child(6):hover{background:#28caea}.colorGroupSelector .nav-tabs>li:nth-child(7).active,.colorGroupSelector .nav-tabs>li:nth-child(7):hover{background:#ae6ab1}.colorGroupSelector .nav-tabs>li:nth-child(8).active,.colorGroupSelector .nav-tabs>li:nth-child(8):hover{background:#9595A2}.colorGroupSelector .nav-tabs>li:nth-child(9).active,.colorGroupSelector .nav-tabs>li:nth-child(9):hover{background:#CBD1D7}.colorGroupSelector .nav-tabs>li:nth-child(10).active,.colorGroupSelector .nav-tabs>li:nth-child(10):hover{background:#958B8B}.colorGroupSelector .nav-tabs>li:nth-child(11).active,.colorGroupSelector .nav-tabs>li:nth-child(11):hover{background:#b7aaa8}.colorGroupSelector .nav-tabs>li:nth-child(1){border-bottom:solid 3px #5c6670}.colorGroupSelector .nav-tabs>li:nth-child(2){border-bottom:solid 3px #cd2c4d}.colorGroupSelector .nav-tabs>li:nth-child(3){border-bottom:solid 3px #ef8d3b}.colorGroupSelector .nav-tabs>li:nth-child(4){border-bottom:solid 3px #fbd22e}.colorGroupSelector .nav-tabs>li:nth-child(5){border-bottom:solid 3px #b2d14d}.colorGroupSelector .nav-tabs>li:nth-child(6){border-bottom:solid 3px #28caea}.colorGroupSelector .nav-tabs>li:nth-child(7){border-bottom:solid 3px #ae6ab1}.colorGroupSelector .nav-tabs>li:nth-child(8){border-bottom:solid 3px #9595A2}.colorGroupSelector .nav-tabs>li:nth-child(9){border-bottom:solid 3px #CBD1D7}.colorGroupSelector .nav-tabs>li:nth-child(10){border-bottom:solid 3px #958B8B}.colorGroupSelector .nav-tabs>li:nth-child(11){border-bottom:solid 3px #b7aaa8}@media (max-width: 991px){.allColors__colorGroupMain{width:100%}.colorGroupMainCol{margin:0}.colorGroupSecondary{margin:15px 3% 0 0;width:31%}.numberOfResults{font-size:30px;line-height:47px;display:inline-block}.maryDebSearchWrapper{clear:both}}.color_compare{width:100%;position:fixed;bottom:-2px;max-height:0;transition:all .5s;background-color:#5C6670;color:#fff;z-index:998;font-size:18px;border-top:solid 2px #231f20;overflow:auto;transition:all 0.3s;left:0}.color_compare .wc-social-login p{margin:15px 0 0}.color_compare .wc-social-login a{width:100%}.color_compare__addMore{max-height:80px;overflow:hidden}.color_compare__open{height:auto;max-height:90%}.color_compare_topArea,.color_compare_bottomArea{padding:20px 2.5% .5%;position:relative}.color_compare .compare_text{font-weight:800;margin-right:5px;color:#fff;display:inline-block;vertical-align:text-top;float:left}.color_compare .large_chip_remove,.color_compare .large_chip_add{display:block;margin-bottom:5px;width:100%}.large_chip_remove{background:#d60000;border:none}.small_chip_wrapper{float:left;margin:0 15px 2px 0}.small_chip_color_area{width:30px;height:30px;border:solid 2px #fff;display:inline-block;vertical-align:middle;margin-right:5px}.small_chip_color_area__filled{border-color:#231f20}.small_chip_code{display:inline-block}.color_compare_add_text{position:absolute;font-weight:600;right:100px;top:20px;line-height:110%;width:38%;text-align:right;font-size:16px}.color_compare_exit{position:absolute;top:12px;right:5px;cursor:pointer;background:none;border:none}.color_compare_min{position:absolute;top:12px;right:48px;cursor:pointer;background:none;border:none}.color_compare_min img{transition:all .3s;-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.color_compare__open .color_compare_min img{-ms-transform:rotate(90deg);transform:rotate(90deg)}.large_chip_wrapper{width:20%;min-width:200px;max-width:240px;float:left;margin-right:2%;transition:all .3s}.large_chip_color_area{height:100px;border:solid 2px #fff;margin-bottom:12px;background:#5c6670}.large_chip_color_area__filled{border-color:#231f20}.large_chip_wrapper .large_chip_code{padding-bottom:7px;margin-bottom:20px;border-bottom:dotted 3px #fff}.large_chip_brand{line-height:20px;font-weight:600;font-size:16px}.large_chip_name,.large_chip_code,.large_chip_brand{line-height:1.1}.large_chip_name,.large_chip_code{font-weight:200}@media (max-width: 700px){.color_compare__open .small_chip_wrapper{float:none;clear:both}.large_chip_wrapper{float:none;width:100%;display:table;table-layout:fixed;max-width:none;margin:0 0 20px}.large_chip_wrapper .btn{font-size:15px}.large_chip_color_area{display:table-cell;width:35%;vertical-align:top}.large_chip_bottomArea{display:table-cell;width:65%;padding-left:2%}.color_compare__addMore .color_compare_topArea{font-size:14px}.color_compare__addMore .small_chip_wrapper.color1{clear:both}.small_chip_color_area{width:15px;height:15px}}@media (max-width: 800px){.color_compare_add_text{position:static;clear:both;width:100%;text-align:center}}
