.colorsPage{font-family:Open Sans,sans-serif}.colorsPage svg:not(:root){overflow:hidden}.colorsPage .nav{margin-bottom:0;padding-left:0;list-style:none;font-family:Open Sans,sans-serif}.colorsPage .nav>li{position:relative;display:block}.colorsPage .nav-tabs{margin:0;font-size:0}.colorsPage .nav-tabs>li{display:inline-block;cursor:pointer}.colorsPage .allColorsSearch input[type="text"]::placeholder{opacity:1;color:#5f5f5f}.colorsPage .paintProductSelector .tpsDropDown{float:right;margin-top:20px}.colorsPage .paintProductSelector .nav-tabs.brands{border:none;display:table;float:left;max-width:560px;width:100%}.colorsPage .paintProductSelector .nav-tabs.brands>li{position:relative;width:33%;max-width:160px;border-bottom:8px solid transparent;vertical-align:bottom;display:table-cell}.colorsPage .paintProductSelector .nav-tabs.brands>li>button{line-height:1;text-transform:uppercase;font-size:18px;padding:5px 12% 5px;font-size:16px;text-align:center;width:100%;background:none}.colorsPage .paintProductSelector .nav-tabs.brands>li>button img{max-width:100%;height:auto}.colorsPage .paintProductSelector .nav-tabs.brands>li.active,.colorsPage .paintProductSelector .nav-tabs.brands>li:hover{border-bottom:8px solid #424242;font-weight:bold}@media (max-width: 991px){.colorsPage .tpsDropDown{float:none;width:100%}.colorsPage .paintProductSelector .nav-tabs>li>a{font-size:16px;margin-right:8px}.colorsPage .paintProductSelector{height:66px}.colorsPage .paintProductSelector .tpsDropDown{margin-bottom:20px}.colorsPage .paintProductSelector .nav-tabs.brands{width:100%;max-width:600px;margin:0 auto;float:none}}@media (max-width: 767px){.colorsPage .paintProductSelector .nav-tabs.brands{width:100%;max-width:500px}.colorsPage .resultsAndRefinements.container,.colorsPage .gridCollectionWrap.container{padding-left:18px;padding-right:18px}.colorsPage .paintProductSelector{height:61px}.colorsPage .paintProductSelector .tpsDropDown{width:calc(100% - 40px);margin-right:20px}}@media (max-width: 499px){.colorsPage .paintProductSelector .nav-tabs.brands{max-width:320px}.colorsPage .paintProductSelector .nav-tabs.brands>li>div{padding:5px 5px 5px}.colorsPage .paintProductSelector{height:45px}}.colorsPage #gridCollection{margin:0 auto;padding:20px 0 40px}.colorsPage #gridCollection h2{text-align:left;font-weight:400;padding-left:3%;display:inline-block;margin:0 0 10px 0;font-size:34px}.colorsPage #gridCollection .items{margin:0 auto;text-align:left}.colorsPage #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;color:#000;font-weight:400;font-size:9px;line-height:10px;z-index:0;position:relative;vertical-align:top;margin:.4%;text-align:left;overflow:hidden;border:0}.colorsPage #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%}.colorsPage #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}.colorsPage #gridCollection .item .heading .itemBrand{text-transform:uppercase;font-weight:800;font-size:6px;line-height:1;margin-bottom:2px}.colorsPage #gridCollection .item .heading .itemName{line-height:1.2}.colorsPage #gridCollection .item.selected{outline:1px solid #000;cursor:pointer}.colorsPage #gridCollection .item.selected .arrow{display:block}.colorsPage #gridCollection .itemView{background-color:#F1F1F1;display:block;float:left;height:370px;position:relative;width:99.4%;margin:.4%}.colorsPage #gridCollection .itemView .infoBox{background-color:#FFFFFF;left:20px;padding:15px 20px;position:absolute;top:20px;width:260px}.colorsPage #gridCollection .tpsDropDown{margin-top:5px;width:100%}@media (min-width: 500px){.colorsPage #gridCollection .item{width:12.06%;padding-top:11.0%;margin:.22%}.colorsPage #gridCollection .itemView{width:99.4%}}@media (min-width: 768px){.colorsPage #gridCollection .item{width:9.56%;padding-top:8.87%}.colorsPage #gridCollection .itemView{width:99.50%}}@media (min-width: 992px){.colorsPage #gridCollection .item{width:calc( (100% - (10 * 2px) ) / 10 );padding-top:calc( (100% - (10 * 2px) ) / 10 );margin:1px}.colorsPage #gridCollection .itemView{width:99.7%;margin:.11%}}@media (min-width: 1200px){.colorsPage #gridCollection .item{width:calc( (100% - (14 * 2px) ) / 14 );padding-top:calc( (100% - (14 * 2px) ) / 14 );margin:1px}.colorsPage #gridCollection .itemView{width:99.71%}}@media (min-width: 1500px){.colorsPage #gridCollection .item{width:calc( (100% - (18 * 2px) ) / 18 );padding-top:calc( (100% - (18 * 2px) ) / 18 );margin:1px}.colorsPage #gridCollection .itemView{width:99.71%}}@media (max-width: 400px){.colorsPage #gridCollection .itemView .infoBox{top:74px;left:0;right:0;margin:0 auto;width:96%;box-sizing:border-box}}.colorsPage #gridCollection .itemView .infoBox .brand{font-size:20px;font-weight:800;margin-bottom:0;line-height:.9}.colorsPage #gridCollection .itemView .infoBox .title{border-bottom:dotted 2px #5c6670;font-size:20px;font-weight:400;line-height:1.1;padding-bottom:10px;margin-bottom:10px;position:relative}.colorsPage #gridCollection .itemView .infoBox .btn_tps{display:block;margin:5px 0 0;width:100%;box-sizing:border-box}.colorsPage #gridCollection .btn_tps-close{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:400;padding:0}@media (hover: hover){.colorsPage #gridCollection .item:hover{-ms-transform:matrix(1.7, 0, 0, 1.7, 0, 0);transform:matrix(1.7, 0, 0, 1.7, 0, 0);z-index:1}.colorsPage #gridCollection .item:hover .heading{opacity:1;top:5px}.colorsPage #gridCollection .item:hover img{top:-40%}}@media all and (-ms-high-contrast: none){.colorsPage *::-ms-backdrop,.colorsPage #gridCollection .item:hover{-ms-transform:matrix(1.7, 0, 0, 1.7, 0, 0);transform:matrix(1.7, 0, 0, 1.7, 0, 0);z-index:1}.colorsPage *::-ms-backdrop,.colorsPage #gridCollection .item:hover .heading{opacity:1;top:5px}.colorsPage *::-ms-backdrop,.colorsPage #gridCollection .item:hover img{top:-40%}}.colorsPage .resultsAndRefinements{margin-top:20px;max-height:243px;transition:.5s all}.colorsPage .maryDebSearchWrapper{float:left;width:100%;max-width:300px}.colorsPage .marydebsearch::placeholder{opacity:1;color:#5f5f5f}.colorsPage .marydebsearch{display:block;box-sizing:border-box;width:100%;max-width:300px;height:3.4em;margin:0;padding:0 15px;border:1px solid #ccc;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;font-size:inherit;font-weight:600;color:#333;outline-width:0}.colorsPage .resultsAndRefinements .tpsDropDown,.colorsPage .resultsAndRefinements>button{float:right;margin-left:8px;margin-bottom:10px}.colorsPage .resultsAndRefinements .reset{padding:0;width:47px;line-height:43px}.colorsPage .resultsAndRefinements .reset .x{font-size:20px;font-weight:bold}.colorsPage .resultsAndRefinements.closed{max-height:0;overflow:hidden}.colorsPage .numberOfResults{display:block;font-size:32px;font-weight:400;font-family:Roboto Slab,serif}.colorsPage .numberOfResults .number{display:inline-block;transition:all 2s;white-space:nowrap}.colorsPage .colorGroupSecondary{width:30%;display:inline-block;cursor:pointer;position:relative;background:none;border:none;padding:0;margin:15px 5% 0 0}.colorsPage .colorGroupSecondary .textWrap{text-align:center;position:absolute;top:50%;transform:translateY(-50%) translateX(-50%);width:46%;left:50%;font-size:40px;fill:#424242}.colorsPage .colorGroupSecondary .textWrap .number{dominant-baseline:middle;text-anchor:middle;font-family:Open Sans,sans-serif;font-size:100%}.colorsPage .colorGroupSecondary .textWrap .text{font-family:Open Sans,sans-serif;dominant-baseline:middle;text-anchor:middle;font-weight:400;font-size:45%}.colorsPage .colorGroupSecondary .textWrap .text.tiny{font-size:28%}.colorsPage .colorGroupSecondary:last-child{margin:15px 0 0 0}.colorsPage .colorGroupSecondary img{width:100%;height:auto}.colorsPage .allColors{padding-bottom:40px}.colorsPage .allColors__colorGroupMain{width:48%;display:inline-block;text-align:center;font-size:0}.colorsPage .colorGroupMainCol{margin-left:2%}.colorsPage .colorGroupMainNeutrals{text-align:left;margin-left:0}.colorsPage .allColors__colorGroupMain h3{text-align:left;font-weight:400;font-size:30px;font-family:Roboto Slab,serif;line-height:1;margin:20px 0 10px}.colorsPage .paintProductSelector{border-bottom:solid 3px #424242;margin-top:10px}.colorsPage .colorGroupSelector{margin-top:10px;clear:both}.colorsPage .colorGroupSelector .container::-webkit-scrollbar{width:0px;height:0px;background:transparent}.colorsPage .colorGroupSelector .container{overflow:auto;white-space:nowrap}.colorsPage .colorGroupSelector .nav-tabs>li{display:inline-block;min-width:100px;width:10%;text-align:center;vertical-align:top;position:relative;height:47px;cursor:pointer}.colorsPage .colorGroupSelector.benjaminmoore .nav-tabs>li{width:7.69%}.colorsPage .colorGroupSelector.magnoliahome .nav-tabs>li{width:9.09%}.colorsPage .colorGroupSelector .nav-tabs>li>button{font-size:16px;font-weight:400;cursor:pointer;line-height:15px;width:100%;height:100%;color:#333;display:block;border:none;background:none;padding:0}.colorsPage .colorGroupSelector .nav-tabs>li:first-child>button{color:#5c6670}.colorsPage .colorGroupSelector .nav-tabs>li.active>button,.colorsPage .colorGroupSelector .nav-tabs>li.active{cursor:default}.colorsPage .colorGroupSelector .nav-tabs>li.active>button,.colorsPage .colorGroupSelector .nav-tabs>li:hover>button{color:#fff;font-weight:600}.colorsPage .colorGroupSelector .nav-tabs>li:nth-child(1).active,.colorsPage .colorGroupSelector .nav-tabs>li:nth-child(1):hover{background:#424242}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="red"].active,.colorsPage .colorGroupSelector .nav-tabs>li[data-family="red"]:hover{background:#cd2c4d}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="pinkred"].active,.colorsPage .colorGroupSelector .nav-tabs>li[data-family="pinkred"]:hover{background:#cd2c4d}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="pink"].active,.colorsPage .colorGroupSelector .nav-tabs>li[data-family="pink"]:hover{background:#F08095}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="orange"].active,.colorsPage .colorGroupSelector .nav-tabs>li[data-family="orange"]:hover{background:#ef8d3b}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="peachorange"].active,.colorsPage .colorGroupSelector .nav-tabs>li[data-family="peachorange"]:hover{background:#ef8d3b}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="yellow"].active,.colorsPage .colorGroupSelector .nav-tabs>li[data-family="yellow"]:hover{background:#fbd22e}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="yellowgold"].active,.colorsPage .colorGroupSelector .nav-tabs>li[data-family="yellowgold"]:hover{background:#fbd22e}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="green"].active,.colorsPage .colorGroupSelector .nav-tabs>li[data-family="green"]:hover{background:#b2d14d}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="blue"].active,.colorsPage .colorGroupSelector .nav-tabs>li[data-family="blue"]:hover{background:#28caea}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="purple"].active,.colorsPage .colorGroupSelector .nav-tabs>li[data-family="purple"]:hover{background:#ae6ab1}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="brown"].active,.colorsPage .colorGroupSelector .nav-tabs>li[data-family="brown"]:hover{background:#7b584a}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="tanbrown"].active,.colorsPage .colorGroupSelector .nav-tabs>li[data-family="tanbrown"]:hover{background:#7b584a}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="neutral"].active,.colorsPage .colorGroupSelector .nav-tabs>li[data-family="neutral"]:hover{background:#b7aaa8}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="creambeige"].active,.colorsPage .colorGroupSelector .nav-tabs>li[data-family="creambeige"]:hover{background:#b7aaa8}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="white"].active,.colorsPage .colorGroupSelector .nav-tabs>li[data-family="white"]:hover{background:#CBD1D7}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="gray"].active,.colorsPage .colorGroupSelector .nav-tabs>li[data-family="gray"]:hover{background:#767c83}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="grayblack"].active,.colorsPage .colorGroupSelector .nav-tabs>li[data-family="grayblack"]:hover{background:#767c83}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="black"].active,.colorsPage .colorGroupSelector .nav-tabs>li[data-family="black"]:hover{background:#343435}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="coolneutral"].active,.colorsPage .colorGroupSelector .nav-tabs>li[data-family="coolneutral"]:hover{background:#9595A2}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="classicwhite"].active,.colorsPage .colorGroupSelector .nav-tabs>li[data-family="classicwhite"]:hover{background:#CBD1D7}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="warmneutral"].active,.colorsPage .colorGroupSelector .nav-tabs>li[data-family="warmneutral"]:hover{background:#958B8B}.colorsPage .colorGroupSelector .nav-tabs>li:nth-child(1){border-bottom:solid 3px #424242}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="red"]{border-bottom:solid 3px #cd2c4d}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="pinkred"]{border-bottom:solid 3px #cd2c4d}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="pink"]{border-bottom:solid 3px #F08095}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="orange"]{border-bottom:solid 3px #ef8d3b}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="peachorange"]{border-bottom:solid 3px #ef8d3b}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="yellow"]{border-bottom:solid 3px #fbd22e}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="yellowgold"]{border-bottom:solid 3px #fbd22e}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="green"]{border-bottom:solid 3px #b2d14d}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="blue"]{border-bottom:solid 3px #28caea}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="purple"]{border-bottom:solid 3px #ae6ab1}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="brown"]{border-bottom:solid 3px #7b584a}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="tanbrown"]{border-bottom:solid 3px #7b584a}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="neutral"]{border-bottom:solid 3px #b7aaa8}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="creambeige"]{border-bottom:solid 3px #b7aaa8}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="white"]{border-bottom:solid 3px #CBD1D7}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="gray"]{border-bottom:solid 3px #767c83}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="grayblack"]{border-bottom:solid 3px #767c83}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="black"]{border-bottom:solid 3px #343435}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="coolneutral"]{border-bottom:solid 3px #9595A2}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="classicwhite"]{border-bottom:solid 3px #CBD1D7}.colorsPage .colorGroupSelector .nav-tabs>li[data-family="warmneutral"]{border-bottom:solid 3px #958B8B}@media (max-width: 991px){.colorsPage .allColors__colorGroupMain{width:100%}.colorsPage .colorGroupMainCol{margin:0}.colorsPage .colorGroupSecondary{margin:15px 3% 0 0;width:31%}.colorsPage .numberOfResults{font-size:30px;line-height:47px;display:inline-block}.colorsPage .maryDebSearchWrapper{clear:both}}.colorsPage .tpsDropDown{min-width:180px;display:inline-block;position:relative}.colorsPage .tpsDropDown .tpsDropDownTitle{color:#fff;font-size:14px;font-weight:bold;background-color:#333;padding:14px 26px 13px 15px;line-height:16px;cursor:pointer;border:none;text-align:left;width:100%}.colorsPage .tpsDropDown.white .tpsDropDownTitle{border:solid 2px #fff;background-color:#333}.colorsPage .tpsDropDown--transparent .tpsDropDownTitle{background:transparent;color:#333;border:solid 1px}.colorsPage .tpsDropDown--transparent .tpsDropDownTitle polygon{fill:#333}.colorsPage .tpsDropDown .tpsDropDownTitleArrow{position:absolute;right:8px;transition:all .2s;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.colorsPage .tpsDropDown.open .tpsDropDownTitleArrow{-ms-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}.colorsPage .tpsDropDownItemsWrapper{overflow:auto;max-height:300px;padding:0 15px;background:linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, transparent 3%, transparent 97%, rgba(0,0,0,0.3) 100%)}.colorsPage .tpsDropDownItems{border:solid 0 #333;width:270px;color:#333;overflow:auto;transition:all 0.35s cubic-bezier(1, 0, 0, 1);position:fixed;margin:0 auto;left:50%;top:50%;-ms-transform:translateX(-50%) translateY(-50%) scale(1, 0);transform:translateX(-50%) translateY(-50%) scale(1, 0);opacity:0;filter:blur(0px);box-shadow:0 10px 20px rgba(0,0,0,0.4);z-index:999}.colorsPage .tpsDropDown.open .tpsDropDownItems{background:#fff;z-index:999;opacity:1;-ms-transform:translateX(-50%) translateY(-50%) scale(1, 1);transform:translateX(-50%) translateY(-50%) scale(1, 1)}.colorsPage .tpsDropDownItemsTitle{font-weight:900;text-transform:uppercase;position:relative;padding:12px 15px;cursor:pointer;color:#333;width:100%;text-align:left;box-sizing:border-box}.colorsPage .tpsDropDownItemsTitle .cls-1{fill:currentColor}.colorsPage .tpsDropDownItemsTitleExit{position:absolute;right:15px;top:13px}.colorsPage .tpsDropDownItem{border-bottom:dotted 2px #5c6670;padding:0;cursor:pointer;position:relative;min-height:50px;width:100%;color:#333;text-align:left;background:none;display:inline-block}.colorsPage .tpsDropDownItem:last-child{border-bottom:none}.colorsPage .tpsDropDownItemText{font-size:14px;font-weight:100;width:160px;line-height:15px;position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.colorsPage .tpsDropDownItemsSwitch{position:absolute;display:inline-block;width:24px;background:#fff;border:solid 2px #333;height:24px;transition:all .3s;right:0;top:50%;box-sizing:border-box;-ms-transform:translateY(-50%);transform:translateY(-50%)}.colorsPage .tpsDropDownItemsSlider{border:none;position:absolute;left:0;right:0;margin:0 auto;width:0;height:0;top:50%;transform:rotate(-45deg) scale(0);transition:all .3s;box-sizing:border-box}.colorsPage .tpsDropDownItem.selected .tpsDropDownItemsSlider{left:0px;top:0px;border-bottom:solid 4px #333;border-right:solid 4px #333;width:9px;height:16px;-ms-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1);border-radius:0}.colorsPage .menuPageOverlay{background:rgba(0,0,0,0.6);width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0;cursor:pointer}.colorsPage .menuPageOverlay.visible{display:block}
/*# sourceMappingURL=tps_page_colors.css.map */