/*! jQuery UI - v1.11.2 - 2015-01-02 * http://jqueryui.com * Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css * Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:0.4em 2.1em 0.4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px} @charset "UTF-8"; .form-row:after, .cart-recommendations .product-listing:after, .product-tile:after, .cart-footer:after, .cart-empty:after, .cart-empty .product-listing:after, .list-share:after, .search-suggestion-wrapper:after, .product-suggestion:after, .store-list-pdp-container .store-list-item:after { content: ""; display: table; clear: both; } .visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } @font-face { font-family: 'icomoon'; src: url("../../fonts/icomoon.eot?b3e5a3"); src: url("../../fonts/icomoon.eot?b3e5a3#iefix") format("embedded-opentype"), url("../../fonts/icomoon.ttf?b3e5a3") format("truetype"), url("../../fonts/icomoon.woff?b3e5a3") format("woff"), url("../../fonts/icomoon.svg?b3e5a3#icomoon") format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: 500; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-minus:before { content: "\e90f"; } .icon-plus:before { content: "\e914"; } .icon-checkmark:before { content: "\e917"; } .icon-play:before { content: "\e90d"; } .icon-chevron-with-circle-left:before { content: "\e915"; } .icon-chevron-with-circle-right:before { content: "\e916"; } .icon-share:before { content: "\e90e"; } .icon-pinterest:before { content: "\e910"; } .icon-info:before { content: "\e918"; } .icon-close:before { content: "\e913"; } .icon-bag-filled:before { content: "\e911"; } .icon-chat-filled:before { content: "\e912"; } .icon-chat:before { content: "\e902"; } .icon-cheveron-thin-left:before { content: "\e903"; } .icon-chevron-thin-down:before { content: "\e904"; } .icon-chevron-thin-up:before { content: "\e905"; } .icon-chevron-thin-right:before { content: "\e906"; } .icon-hamburger:before { content: "\e907"; } .icon-key:before { content: "\e908"; } .icon-marker:before { content: "\e909"; } .icon-more:before { content: "\e90a"; } .icon-phone:before { content: "\e90b"; } .icon-user:before { content: "\e90c"; } .icon-bag:before { content: "\e900"; } .icon-search:before { content: "\e901"; } .icon-twitter:before { content: "\f099"; } .icon-facebook:before { content: "\f09a"; } .icon-google-plus:before { content: "\f0d5"; } .icon-caret-down:before { content: "\f0d7"; } .icon-caret-up:before { content: "\f0d8"; } .icon-caret-left:before { content: "\f0d9"; } .icon-caret-right:before { content: "\f0da"; } .icon-youtube:before { content: "\f167"; } .icon-instagram:before { content: "\f16d"; } .icon-pencil:before { content: "\e919"; } @font-face { font-family: iconfont64; src: url(data:application/font-woff;base64,d09GRgABAAAAAA+UAAsAAAAAFVgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAAQgAAAFY2LUAMY21hcAAAAYAAAACgAAACeuQC5bhnbHlmAAACIAAACrYAAA10ccgVOGhlYWQAAAzYAAAAMwAAADYu1/W4aGhlYQAADQwAAAAgAAAAJAtDBxVobXR4AAANLAAAAEAAAABUS+v/3mxvY2EAAA1sAAAALAAAACwchB+IbWF4cAAADZgAAAAfAAAAIAEsALtuYW1lAAANuAAAATEAAAIuI90NBXBvc3QAAA7sAAAApgAAAOHTW+m0eJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bknss4gYGVgYPRhWkPAwNDD4RmfMBgyMjEwMDEwMrMgBUEpLmmMDg8YHwgwvwSyI1i/sLAAqQZQXIAy+cKpwAAeJztke0NwjAMBS80LfSTAhmDQRiIX0ybTYpfntgCS+dTLCeKbKAHuuAZZEgfEop3VFOrd0ytnnm1nqx6LccROSnHObd8it4cLw6cuTDGvZmFlY0rOzfuPCjROPCPRSn9TkWzNG26J4PcGW2pZqN5195og3UwyGeDfDHIo0GejDZbZ4O8GP2urgZ5M8hXg7wb5JtBvhvkh0EuhvIFlJoufHicXVZ7bFvVGT/fOb73xo/Yub6+vn7Fyb2Or5M4dmxf+9pxEieNkzhN07xK2zRtktKGtE279THaNWkZaJROAzYkxB7ppMHQJkAMJKpN2oTQ9gfTJJiqrfyDpgn4Y6+UsU2jnYAlNzvXThnM1z73O+d85/P5fW8EiH5wE1lHDEIQs0IecLjNsMOdNiNHftFuOAx7O7yJPsdnBc4KEg4bDrpl5NrhDtxuN3RKmbsIEZbcQgRxqAH5kUbl8jIflXkZPN6MnlUVlvmUUHPZEmTCIHo4Tc9lY0lQWI4VvRJ+e3MffnvjE8JuPuVpFMVGDzxeexs/IcmJuYlOS9bS1Hhs9Vi4CQj+7eY8fjaxSfBDnmAwFgoJtRfjD5TP7Bg4MxDw+wOTQ+XJyfLQZMCPanjIOsVDEOKtGDrwa5tluGPYyfpm+bP79ppeTMSmdsi6YiSNhAI3jaQCb8FNOiW/poNJJcy16sZNehy2PtzaIn8n/0RxOsnG1JjawlF0WPLSh4/ktFxW17ySGFGdWBI1LsLrefqQD/pLp04bH104N7ormNUWjz384INLM4VCX0Oz5IDHpfMrRxb0Avzr4S+dHqzUF7uOnzI+uXhhYsoDh588Pb8E1stgk5r4+SeNZzwjw8unTCj1W1vbeHyoBeVQP9qF9qFFdAZdQlfRE+g76Gl6R4VzAsd6pDBI3ky+BHndtEhMBTWmm1ON3p5R4nRKF6QMRUEXiMLReU72cGpU85gr5lzw1nbFiA6ZbqAS2YhCpehCRsvkvaKczXs1yVSKidkrxbbPxcIQrZElIOYGXWPMN12EO0tzs4+psZj62Ozcm/8joe5AN0swg28wbsF4xielomGZnx0tBhMRXm7ac2CGxRZYcRzZ/OiGu6XVl1IEt94cb8rR5Rt18FV6oHWAn9lzcIJXmg44XWMVh/E1x8zM3yyYzQU7IhnrdKcv1uwI+JqHV4zRRr8oTPQlVp7q2dXYM1wswAsZtXt3olAk6/9/sxq5GehwiSF+mO/JFT4M5XumPFbAdeO9RUDuTl9bpHtaWJ2u1PE2X7yQgy4P72hoE1uaDkF/8Ooht3u23G/81V3p7Ky4F5taxDa3zS1Mn/mzz8bXDXbn28R9J6O92Z1Ca9e+zQOKcGWQV9W58iMuVVdVRLYMhCwj5P1qPI5SG8uinNf4SNRUsWlbajrVtHQYmkDLl7AUxpyH80p6TDe3WS4JHHVPT9Vp6WNy6XkVvwLfNpZ/Go8bRqpfn7z3C+F20QeFI8Xs/EA928w4ynO54pECqF5RBTx4fnjiqiJfnRi+UIagN9Fc6D49WrDyXKLigHj8PWN5ITuQ3798JdHXPVjpXuwFiE9oLpc2EQfoXeyencbsvvnKxRHAe0ZG9mAYuVgZH+0vpwdHLk51cVxizGPGG8VKblGsMYSipi+p2/CwCU9Km+AIBcduP3A7dvzUjryckEIQGZrNdJ8cc7nGTnZnZodacNCbbCr2nTnSDpGz58fpP+3YPZ4+NBIDSM8Wi7NpgNjIofT4WP9ganj3ynIrQsyWsWWQ12mMSSiJSmgMHTD17SQSz4axJJdIjNeTWPA4MScnSY7P0ovJYSxGndhD75cp4WwSEzYJJWxmRBqLoDghjEuQo6bALxvHCkvj7QBt48cKsPYpfSmgDbQYx1rKmUAgU26BtfR0ynho8NzAwLlBbb6iqpV5TT8Y94wt39ednEyBhQ87Wb8ie0CWyDrEJ48VjPHC8ckOqNJw3aQ3tZZyNgQQylKJ12t0+p50K67c//X7K7h1ZH5pfmerMQ7FxZO7ve0H9dRUJ8C/heaIn6sP85IMZub8NMfakYvWgj6adfajBXQEnUOXad41a4ImajQRRgT6k2IROpEoxYgaNVNEyWXzupapOp1pyohCEwr1RM2r5ylnNGfym3k0kuMi1YkpLcJwWl6TtBiXl2I5Wayu07e5x9EJZ/LkyfqGBKVmQb6n2eN5SQ4KbYJgvCUxnCPAck4rawFwY8LZG3z1tjqHv85lccJzAwOdsnyu3eNpFwRgZIGTWU/Y63AMGvKaew1eXXPfGOpMj2QypnS8dOIEb3ywOj29snB4tZunYtIuh4u1cKzdwdm9vCi5A1BXV9/3Or/KR9yyrK3mcqtrK8Hgyu5U6ivXrr24du3a2otp/oCLn0FmpaKxfL2qT87ULi/KOZBzVIs52fLKfybu/sh6ubx5y/wi/BkbcKbGRRl4ja+C/10F+ypGp0nX6h1Hix9iaX3HHEjAPrfx7sY7i0S+j1yhPO8SeXHjnaPkkW2ZL9EaH0FdNNLMDJ4zk4lpHo6tpYp8hmYJk6DZXs9GFTMQs2YR0TJ0UawGIXn+vUK42Xqua23v2cOHcnnSVVi49+zQQCnzHmth6+wss/mPuWeSKS2denCEEul0cmKqc7OnsnvqxUtdvVXus4fncjrxSW2bNJmzVunNufHpheHVdFafG59amJuaSKbN69b6l8Tn+pcOw1GA14xyAW7DnYJRNsr5bWw/J49XPRaBZgXZDhE6BkGDCP74UeMmHDXe//3Hj8KA8WNo/NX13YZ7mjxmPG/EIWT8Ec5QkRtGG/4GslT/M0/15KC+H0EpKo+2OjSulSTQtid/N7izSRB02hHIfAmkqKzSwKd0kloh2LEzHt+5fzQeH433Laf9s5fPVwqHZ5QsY9CqqIBivKP0qgRnidoTIT+Lj+7f5k8Pn39g1p8+0d91uLD5BxyXjeswrsRJAsIFxXgELimFJhMru7W1ZVCfuoVaUZZ2BfNoGV0wcWf0PK39uGZSkWYnjqV26wM6UHObwWi2KjG9iofaPqtzdxOXl601O9Wjnm0fMAfa4HVCidb3KnzaZXhYSbmb7VhS5OxOYEKXX1j48tLRYg+ermQY1uqov6J32XgAsAJ0Fw4ffdrpd7n8Tk8g8CdXoJ4RwyE3hMgXtcze/b+Z2ZvOZtN7Z5aKXZcZ1ubCSmnEcDoDLlfAKQSDf3EF7Iw3HOIb8asuWx07fnGHeWxp33dTx60ehmXHBBbX2y0WWVmgnpNagnpfyO8AHIo1LkJDKCyxNr9LDBvPTg8Ptba1xYaGf2QSrhJx2Rhmb/TyCj3R6KvH0BhrxHwo7GUd/gZPGHG0F9ywvEtuUz8YRKvom+h76IfoZarpLqLG0maNhWrYmNlOEr2cyEo1Vat5tRPovlKLrCagnhIGrlaMTRuopGqMajHnzA7OBYraB1Ur1cxXjcoaf6baYdJDMWBjZsyaISlVJVKmfBI7MXVJzChqVs94TftsExGLt97dONzS4LYQwR4gjT6OcQFDiNgQZq22406e7X160mG1g8PqdHRdSGiKBISz8n6Xg/hDd+QwY7MDNEm+uKLKLjnKsATqAHhJnz61sz8Z7QlFPXxk9OS3vr/4yz3j8SghvVmjdN/Bma6icM/k1BsHZwrd7njbxHSbrXzkxERUGKRji3EnFIsVWlsfrheEoCA48YbbJTYwlkZeZAh2c3VYCpKAXWCYhgZl6AkPz+gxj8MZ5O2cBfOB1vSj5XqntR5jW139+A+MN2y8u0FWAq1WB9SxNpvD5mIivg6/PNDRG+/ctevemUzbXjVHivmukp7Kz7mNfU5RTKWvPBBPBESxM32lrzee+CSxI+Dt2z9bHeOtBfOGjBCgN6RdCvovEp25hwAAeJxjYGRgYADidaU7mOL5bb4ycDO/BIowPImNKITR/z///8POzfwFyOVgYAKJAgBo5A2KAHicY2BkYGB+ycDAEMXO9f/z/6/s3AxAERQgCgCBTwVneJxjYGBgYJKDYGZWIH4Jxe/+f2Z++f8/i/v/f8zPgfgQEAPFWTZC5Nm5gPQ6oD4dCJ/JDCQHVH/l/2cA0SwZ/QAAAAAAFAAoAHwAjACuAPQB8AJmAqYDLgPWA/AEBAQaBHQEiASuBQAFtAa6eJxjYGRgYBBlWM/AywACTEDMBYQMDP/BfAYAHMMB6AB4nG2RTU6DUBSFD/0ztonRaJw4eROdmNCfNB106KCdd8Cc0gdtAzzyeG3sHlyBi3ARDlyDi3ARnuJNSAyPcPPx3XPhAQCu8QUP5+WhX9XzauGCV3/cJt0Id8gPwl0M8Cjcox8J9/GMufAAt9C8g9e5pLnDq3ALV3gTbtO/C3fIH8Jd3ONTuEf/LdxHgB/hAZ68l11k8tjkbjZd6eSQhrYWNQXaljuTq7E/quVS59qGTm/U+qTKYzJxLlaxNZlasK/T1KjCmr2OnL91rpgPh7F4PzIZdohgkCOuqsMMU6z4vgkOSBHCNiaaXMApi5K9s1MYw+f3bEoumcyrdEijsWF6jRNriSOfPKF1nFA8Lecy0kLmNXeVkhWKqrenieh9bKupgv9tyCP+l/erfWS/Um5ivAAAAHicbYrNbsIwEAb9gR2S0P8WXg85ZrGtLFlkb+Q+fhFcO4fRHMZszJPR/M8BG2xh4dBhhx4DRuzxgle84R0f+MQXvvGDA45m8KVIY7ro+KiSY9Lt5KMLicLsAkul/uIDTSKziywTuUS+6P7hUxXO5yEvVX0s/mpZotgrLau98Vr728p8lrZ09X6H1Cv9Kudl3mnLqlTsWql0jULy6hrlSYz5A3QTNqUAAA==); } [class^="iconfont"], [class*=" iconfont"] { font-family: "iconfont64" !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; vertical-align: middle; } .iconfont-arrowleft:before { content: "\E001"; } .iconfont-arrowright:before { content: "\E002"; } .iconfont-bag:before { content: "\E003"; } .iconfont-check:before { content: "\E004"; } .iconfont-close:before { content: "\E005"; } .iconfont-facebook:before { content: "\E006"; } .iconfont-globe:before { content: "\E007"; } .iconfont-heart:before { content: "\E008"; } .iconfont-heart_solid:before { content: "\E009"; } .iconfont-instagram:before { content: "\E00A"; } .iconfont-logo:before { content: "\E00B"; } .iconfont-menu:before { content: "\E00C"; } .iconfont-plus:before { content: "\E00D"; } .iconfont-pulldown:before { content: "\E00E"; } .iconfont-search:before { content: "\E00F"; } .iconfont-textlink:before { content: "\E010"; } .iconfont-twitter:before { content: "\E011"; } .iconfont-user:before { content: "\E012"; } .iconfont-wechat:before { content: "\E013"; } .iconfont-weibo:before { content: "\E014"; } @font-face { font-family: 'YuGo'; font-weight: 500; font-style: normal; src: local("Yu Gothic Medium"); } @font-face { font-family: 'YuGo'; font-weight: normal; font-style: normal; src: local("Yu Gothic Regular"); } @font-face { font-family: 'YuGo'; font-weight: 300; font-style: normal; src: local("Yu Gothic Light"); } @font-face { font-family: 'YuGo'; font-weight: bold; font-style: normal; src: local("Yu Gothic Bold"); } @font-face { font-family: 'Helvetica Neue'; font-weight: normal; font-style: normal; src: local("Helvetica Neue"), local("HelveticaNeue"); } @font-face { font-family: 'Helvetica Neue'; font-weight: 300; font-style: normal; src: local("Helvetica Neue Light"), local("HelveticaNeue-Light"); } @font-face { font-family: 'Helvetica Neue'; font-weight: bold; font-style: normal; src: local("Helvetica Neue Bold"), local("HelveticaNeue-Bold"); } @font-face { font-family: 'Microsoft YaHei'; font-weight: normal; font-style: normal; src: local("Microsoft YaHei Regular"), local("Microsoft YaHei"); } @font-face { font-family: 'Microsoft YaHei'; font-weight: 300; font-style: normal; src: local("Microsoft YaHei Light"); } @font-face { font-family: 'Microsoft YaHei'; font-weight: bold; font-style: normal; src: local("Microsoft YaHei Bold"), local("Microsoft YaHei"); } @font-face { font-family: 'Microsoft JhengHei'; font-weight: normal; font-style: normal; src: local("Microsoft JhengHei Regular"), local("Microsoft JhengHei"); } @font-face { font-family: 'Microsoft JhengHei'; font-weight: 300; font-style: normal; src: local("Microsoft JhengHei Light"); } @font-face { font-family: 'Microsoft JhengHei'; font-weight: bold; font-style: normal; src: local("Microsoft JhengHei Bold"), local("Microsoft JhengHei"); } @font-face { font-family: 'SimSun'; font-weight: 500; font-style: normal; src: local("SimSun Regular"), local("SimSun"), local("SimSun-ExtB"), local("SimSun-ExtB Regular"); } @font-face { font-family: 'SimHei'; font-weight: 500; font-style: normal; src: local("SimHei Regular"), local("SimHei"); } @font-face { font-family: 'Noto Sans'; font-weight: 500; font-style: normal; src: local("Noto Sans"), local("Noto Sans Med"); } @font-face { font-family: 'Noto Sans'; font-weight: 300; font-style: normal; src: local("Noto Sans Light"), local("Noto Sans Med"); } @font-face { font-family: 'Noto Sans'; font-weight: bold; font-style: normal; src: local("Noto Sans Bold"), local("Noto Sans Med"); } /* Settings */ /** * Foundation for Sites by ZURB * Version 6.3.1 * foundation.zurb.com * Licensed under MIT Open Source */ /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ /* Document ========================================================================== */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { font-family: "Helvetica Neue", "Noto Sans", sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. */ figcaption, figure { display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * Add the correct display in IE. */ main { display: block; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Links ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /* Text-level semantics ========================================================================== */ /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: "Helvetica Neue", "Noto Sans", sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. */ button { overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } button, [type="button"], [type="reset"], [type="submit"] { /** * Remove the inner border and padding in Firefox. */ /** * Restore the focus styles unset by the previous rule. */ } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Show the overflow in Edge. */ input { overflow: visible; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ color: inherit; /* 2 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* * Add the correct display in IE 9-. */ menu { display: block; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } .foundation-mq { font-family: "small=0em&medium=40em&large=64em&xlarge=78.75em"; } html { box-sizing: border-box; font-size: 100%; } *, *::before, *::after { box-sizing: inherit; } body { margin: 0; padding: 0; background: #ffffff; font-family: "Helvetica Neue", "Noto Sans", sans-serif; font-weight: 500; line-height: 175%; color: #353737; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } textarea { height: auto; min-height: 50px; border-radius: 0; } select { box-sizing: border-box; width: 100%; border-radius: 0; } .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; } button { padding: 0; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; background: transparent; line-height: 1; } [data-whatinput='mouse'] button { outline: 0; } pre { overflow: auto; } .is-visible { display: block !important; } .is-hidden { display: none !important; } .row, .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .content-asset { max-width: 78.75rem; margin-right: auto; margin-left: auto; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; } .row .row, .pt_content-search-result-static .no-left-nav-template .content-asset .row, .pt_content-search-result-static .left-nav-template .content-asset .row, .row .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .row .content-asset, .pt_content-search-result-static .no-left-nav-template .content-asset .content-asset, .row .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .row .content-asset, .pt_content-search-result-static .left-nav-template .content-asset .content-asset { margin-right: -1.25rem; margin-left: -1.25rem; } @media print, screen and (min-width: 40em) { .row .row, .pt_content-search-result-static .no-left-nav-template .content-asset .row, .pt_content-search-result-static .left-nav-template .content-asset .row, .row .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .row .content-asset, .pt_content-search-result-static .no-left-nav-template .content-asset .content-asset, .row .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .row .content-asset, .pt_content-search-result-static .left-nav-template .content-asset .content-asset { margin-right: -0.9375rem; margin-left: -0.9375rem; } } @media print, screen and (min-width: 64em) { .row .row, .pt_content-search-result-static .no-left-nav-template .content-asset .row, .pt_content-search-result-static .left-nav-template .content-asset .row, .row .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .row .content-asset, .pt_content-search-result-static .no-left-nav-template .content-asset .content-asset, .row .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .row .content-asset, .pt_content-search-result-static .left-nav-template .content-asset .content-asset { margin-right: -1.25rem; margin-left: -1.25rem; } } .row .row.collapse, .pt_content-search-result-static .no-left-nav-template .content-asset .row.collapse, .pt_content-search-result-static .left-nav-template .content-asset .row.collapse, .row .pt_content-search-result-static .no-left-nav-template .collapse.content-asset, .pt_content-search-result-static .no-left-nav-template .row .collapse.content-asset, .pt_content-search-result-static .no-left-nav-template .content-asset .collapse.content-asset, .row .pt_content-search-result-static .left-nav-template .collapse.content-asset, .pt_content-search-result-static .left-nav-template .row .collapse.content-asset, .pt_content-search-result-static .left-nav-template .content-asset .collapse.content-asset { margin-right: 0; margin-left: 0; } .row.expanded, .pt_content-search-result-static .no-left-nav-template .expanded.content-asset, .pt_content-search-result-static .left-nav-template .expanded.content-asset { max-width: none; } .row:not(.expanded) .row, .pt_content-search-result-static .no-left-nav-template .content-asset:not(.expanded) .row, .pt_content-search-result-static .left-nav-template .content-asset:not(.expanded) .row, .row:not(.expanded) .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .row:not(.expanded) .content-asset, .pt_content-search-result-static .no-left-nav-template .content-asset:not(.expanded) .content-asset, .row:not(.expanded) .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .row:not(.expanded) .content-asset, .pt_content-search-result-static .left-nav-template .content-asset:not(.expanded) .content-asset { max-width: none; } .row.collapse > .column, .pt_content-search-result-static .no-left-nav-template .collapse.content-asset > .column, .pt_content-search-result-static .left-nav-template .collapse.content-asset > .column, .row.collapse > .columns, .pt_content-search-result-static .no-left-nav-template .collapse.content-asset > .columns, .pt_content-search-result-static .left-nav-template .collapse.content-asset > .columns { padding-right: 0; padding-left: 0; } .row.is-collapse-child, .pt_content-search-result-static .no-left-nav-template .is-collapse-child.content-asset, .pt_content-search-result-static .left-nav-template .is-collapse-child.content-asset, .row.collapse > .column > .row, .pt_content-search-result-static .no-left-nav-template .collapse.content-asset > .column > .row, .pt_content-search-result-static .left-nav-template .collapse.content-asset > .column > .row, .row.collapse > .columns > .row, .pt_content-search-result-static .no-left-nav-template .collapse.content-asset > .columns > .row, .pt_content-search-result-static .left-nav-template .collapse.content-asset > .columns > .row, .pt_content-search-result-static .no-left-nav-template .row.collapse > .column > .content-asset, .pt_content-search-result-static .no-left-nav-template .collapse.content-asset > .column > .content-asset, .pt_content-search-result-static .no-left-nav-template .row.collapse > .columns > .content-asset, .pt_content-search-result-static .no-left-nav-template .collapse.content-asset > .columns > .content-asset, .pt_content-search-result-static .left-nav-template .row.collapse > .column > .content-asset, .pt_content-search-result-static .left-nav-template .collapse.content-asset > .column > .content-asset, .pt_content-search-result-static .left-nav-template .row.collapse > .columns > .content-asset, .pt_content-search-result-static .left-nav-template .collapse.content-asset > .columns > .content-asset { margin-right: 0; margin-left: 0; } .column, .columns { -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: 1.25rem; padding-left: 1.25rem; min-width: initial; } @media print, screen and (min-width: 40em) { .column, .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } } @media print, screen and (min-width: 64em) { .column, .columns { padding-right: 1.25rem; padding-left: 1.25rem; } } .column.row.row, .row.row.columns, .pt_content-search-result-static .no-left-nav-template .columns.content-asset, .pt_content-search-result-static .left-nav-template .columns.content-asset, .pt_content-search-result-static .no-left-nav-template .column.content-asset, .pt_content-search-result-static .left-nav-template .column.content-asset { float: none; display: block; } .row .column.row.row, .pt_content-search-result-static .no-left-nav-template .content-asset .column.row.row, .pt_content-search-result-static .left-nav-template .content-asset .column.row.row, .row .row.row.columns, .pt_content-search-result-static .no-left-nav-template .content-asset .row.row.columns, .pt_content-search-result-static .left-nav-template .content-asset .row.row.columns, .row .pt_content-search-result-static .no-left-nav-template .columns.content-asset, .pt_content-search-result-static .no-left-nav-template .row .columns.content-asset, .pt_content-search-result-static .no-left-nav-template .content-asset .columns.content-asset, .row .pt_content-search-result-static .left-nav-template .columns.content-asset, .pt_content-search-result-static .left-nav-template .row .columns.content-asset, .pt_content-search-result-static .left-nav-template .content-asset .columns.content-asset, .row .pt_content-search-result-static .no-left-nav-template .column.content-asset, .pt_content-search-result-static .no-left-nav-template .row .column.content-asset, .pt_content-search-result-static .no-left-nav-template .content-asset .column.content-asset, .row .pt_content-search-result-static .left-nav-template .column.content-asset, .pt_content-search-result-static .left-nav-template .row .column.content-asset, .pt_content-search-result-static .left-nav-template .content-asset .column.content-asset { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } .flex-container { display: -ms-flexbox; display: flex; } .flex-child-auto { -ms-flex: 1 1 auto; flex: 1 1 auto; } .flex-child-grow { -ms-flex: 1 0 auto; flex: 1 0 auto; } .flex-child-shrink { -ms-flex: 0 1 auto; flex: 0 1 auto; } .flex-dir-row { -ms-flex-direction: row; flex-direction: row; } .flex-dir-row-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-dir-column { -ms-flex-direction: column; flex-direction: column; } .flex-dir-column-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .small-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .small-offset-0 { margin-left: 0%; } .small-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .small-offset-1 { margin-left: 8.33333%; } .small-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .small-offset-2 { margin-left: 16.66667%; } .small-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .small-offset-3 { margin-left: 25%; } .small-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .small-offset-4 { margin-left: 33.33333%; } .small-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .small-offset-5 { margin-left: 41.66667%; } .small-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .small-offset-6 { margin-left: 50%; } .small-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .small-offset-7 { margin-left: 58.33333%; } .small-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .small-offset-8 { margin-left: 66.66667%; } .small-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .small-offset-9 { margin-left: 75%; } .small-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .small-offset-10 { margin-left: 83.33333%; } .small-12, .pdp-main-redesign .miniproduct-info .variation-dropdown-container .variant-drop-down { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .small-offset-11 { margin-left: 91.66667%; } .small-order-1 { -ms-flex-order: 1; order: 1; } .small-order-2 { -ms-flex-order: 2; order: 2; } .small-order-3 { -ms-flex-order: 3; order: 3; } .small-order-4 { -ms-flex-order: 4; order: 4; } .small-order-5 { -ms-flex-order: 5; order: 5; } .small-order-6 { -ms-flex-order: 6; order: 6; } .small-up-1 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-1 > .column, .small-up-1 > .columns { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .small-up-2 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-2 > .column, .small-up-2 > .columns { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .small-up-3 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-3 > .column, .small-up-3 > .columns { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .small-up-4 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-4 > .column, .small-up-4 > .columns { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .small-up-5 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-5 > .column, .small-up-5 > .columns { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .small-up-6 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-6 > .column, .small-up-6 > .columns { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .small-up-7 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-7 > .column, .small-up-7 > .columns { -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571%; } .small-up-8 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-8 > .column, .small-up-8 > .columns { -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } .small-collapse > .column, .small-collapse > .columns { padding-right: 0; padding-left: 0; } .small-uncollapse > .column, .small-uncollapse > .columns { padding-right: 1.25rem; padding-left: 1.25rem; } @media print, screen and (min-width: 40em) { .medium-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .medium-offset-0 { margin-left: 0%; } .medium-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .medium-offset-1 { margin-left: 8.33333%; } .medium-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .medium-offset-2 { margin-left: 16.66667%; } .medium-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .medium-offset-3 { margin-left: 25%; } .medium-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .medium-offset-4 { margin-left: 33.33333%; } .medium-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .medium-offset-5 { margin-left: 41.66667%; } .medium-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .medium-offset-6 { margin-left: 50%; } .medium-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .medium-offset-7 { margin-left: 58.33333%; } .medium-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .medium-offset-8 { margin-left: 66.66667%; } .medium-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .medium-offset-9 { margin-left: 75%; } .medium-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .medium-offset-10 { margin-left: 83.33333%; } .medium-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .medium-offset-11 { margin-left: 91.66667%; } .medium-order-1 { -ms-flex-order: 1; order: 1; } .medium-order-2 { -ms-flex-order: 2; order: 2; } .medium-order-3 { -ms-flex-order: 3; order: 3; } .medium-order-4 { -ms-flex-order: 4; order: 4; } .medium-order-5 { -ms-flex-order: 5; order: 5; } .medium-order-6 { -ms-flex-order: 6; order: 6; } .medium-up-1 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-1 > .column, .medium-up-1 > .columns { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .medium-up-2 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-2 > .column, .medium-up-2 > .columns { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .medium-up-3 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-3 > .column, .medium-up-3 > .columns { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .medium-up-4 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-4 > .column, .medium-up-4 > .columns { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .medium-up-5 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-5 > .column, .medium-up-5 > .columns { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .medium-up-6 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-6 > .column, .medium-up-6 > .columns { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .medium-up-7 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-7 > .column, .medium-up-7 > .columns { -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571%; } .medium-up-8 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-8 > .column, .medium-up-8 > .columns { -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } } @media print, screen and (min-width: 40em) and (min-width: 40em) { .medium-expand { -ms-flex: 1 1 0px; flex: 1 1 0px; } } @media print, screen and (min-width: 40em) { .medium-flex-dir-row { -ms-flex-direction: row; flex-direction: row; } .medium-flex-dir-row-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .medium-flex-dir-column { -ms-flex-direction: column; flex-direction: column; } .medium-flex-dir-column-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .medium-flex-child-auto { -ms-flex: 1 1 auto; flex: 1 1 auto; } .medium-flex-child-grow { -ms-flex: 1 0 auto; flex: 1 0 auto; } .medium-flex-child-shrink { -ms-flex: 0 1 auto; flex: 0 1 auto; } } .row.medium-unstack > .column, .pt_content-search-result-static .no-left-nav-template .medium-unstack.content-asset > .column, .pt_content-search-result-static .left-nav-template .medium-unstack.content-asset > .column, .row.medium-unstack > .columns, .pt_content-search-result-static .no-left-nav-template .medium-unstack.content-asset > .columns, .pt_content-search-result-static .left-nav-template .medium-unstack.content-asset > .columns { -ms-flex: 0 0 100%; flex: 0 0 100%; } @media print, screen and (min-width: 40em) { .row.medium-unstack > .column, .pt_content-search-result-static .no-left-nav-template .medium-unstack.content-asset > .column, .pt_content-search-result-static .left-nav-template .medium-unstack.content-asset > .column, .row.medium-unstack > .columns, .pt_content-search-result-static .no-left-nav-template .medium-unstack.content-asset > .columns, .pt_content-search-result-static .left-nav-template .medium-unstack.content-asset > .columns { -ms-flex: 1 1 0px; flex: 1 1 0px; } } @media print, screen and (min-width: 40em) { .medium-collapse > .column, .medium-collapse > .columns { padding-right: 0; padding-left: 0; } .medium-uncollapse > .column, .medium-uncollapse > .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } } @media print, screen and (min-width: 64em) { .large-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .large-offset-0 { margin-left: 0%; } .large-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .large-offset-1 { margin-left: 8.33333%; } .large-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .large-offset-2 { margin-left: 16.66667%; } .large-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .large-offset-3 { margin-left: 25%; } .large-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .large-offset-4 { margin-left: 33.33333%; } .large-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .large-offset-5 { margin-left: 41.66667%; } .large-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .large-offset-6 { margin-left: 50%; } .large-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .large-offset-7 { margin-left: 58.33333%; } .large-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .large-offset-8 { margin-left: 66.66667%; } .large-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .large-offset-9 { margin-left: 75%; } .large-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .large-offset-10 { margin-left: 83.33333%; } .large-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .large-offset-11 { margin-left: 91.66667%; } .large-order-1 { -ms-flex-order: 1; order: 1; } .large-order-2 { -ms-flex-order: 2; order: 2; } .large-order-3 { -ms-flex-order: 3; order: 3; } .large-order-4 { -ms-flex-order: 4; order: 4; } .large-order-5 { -ms-flex-order: 5; order: 5; } .large-order-6 { -ms-flex-order: 6; order: 6; } .large-up-1 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-1 > .column, .large-up-1 > .columns { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .large-up-2 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-2 > .column, .large-up-2 > .columns { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .large-up-3 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-3 > .column, .large-up-3 > .columns { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .large-up-4 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-4 > .column, .large-up-4 > .columns { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .large-up-5 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-5 > .column, .large-up-5 > .columns { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .large-up-6 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-6 > .column, .large-up-6 > .columns { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .large-up-7 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-7 > .column, .large-up-7 > .columns { -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571%; } .large-up-8 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-8 > .column, .large-up-8 > .columns { -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } } @media print, screen and (min-width: 64em) and (min-width: 64em) { .large-expand { -ms-flex: 1 1 0px; flex: 1 1 0px; } } @media print, screen and (min-width: 64em) { .large-flex-dir-row { -ms-flex-direction: row; flex-direction: row; } .large-flex-dir-row-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .large-flex-dir-column { -ms-flex-direction: column; flex-direction: column; } .large-flex-dir-column-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .large-flex-child-auto { -ms-flex: 1 1 auto; flex: 1 1 auto; } .large-flex-child-grow { -ms-flex: 1 0 auto; flex: 1 0 auto; } .large-flex-child-shrink { -ms-flex: 0 1 auto; flex: 0 1 auto; } } .row.large-unstack > .column, .pt_content-search-result-static .no-left-nav-template .large-unstack.content-asset > .column, .pt_content-search-result-static .left-nav-template .large-unstack.content-asset > .column, .row.large-unstack > .columns, .pt_content-search-result-static .no-left-nav-template .large-unstack.content-asset > .columns, .pt_content-search-result-static .left-nav-template .large-unstack.content-asset > .columns { -ms-flex: 0 0 100%; flex: 0 0 100%; } @media print, screen and (min-width: 64em) { .row.large-unstack > .column, .pt_content-search-result-static .no-left-nav-template .large-unstack.content-asset > .column, .pt_content-search-result-static .left-nav-template .large-unstack.content-asset > .column, .row.large-unstack > .columns, .pt_content-search-result-static .no-left-nav-template .large-unstack.content-asset > .columns, .pt_content-search-result-static .left-nav-template .large-unstack.content-asset > .columns { -ms-flex: 1 1 0px; flex: 1 1 0px; } } @media print, screen and (min-width: 64em) { .large-collapse > .column, .large-collapse > .columns { padding-right: 0; padding-left: 0; } .large-uncollapse > .column, .large-uncollapse > .columns { padding-right: 1.25rem; padding-left: 1.25rem; } } .shrink { -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; } .column-block { margin-bottom: 2.5rem; } .column-block > :last-child { margin-bottom: 0; } @media print, screen and (min-width: 40em) { .column-block { margin-bottom: 1.875rem; } .column-block > :last-child { margin-bottom: 0; } } @media print, screen and (min-width: 64em) { .column-block { margin-bottom: 2.5rem; } .column-block > :last-child { margin-bottom: 0; } } .align-right { -ms-flex-pack: end; justify-content: flex-end; } .align-center { -ms-flex-pack: center; justify-content: center; } .align-justify { -ms-flex-pack: justify; justify-content: space-between; } .align-spaced { -ms-flex-pack: distribute; justify-content: space-around; } .align-top { -ms-flex-align: start; align-items: flex-start; } .align-self-top { -ms-flex-item-align: start; align-self: flex-start; } .align-bottom { -ms-flex-align: end; align-items: flex-end; } .align-self-bottom { -ms-flex-item-align: end; align-self: flex-end; } .align-middle { -ms-flex-align: center; align-items: center; } .align-self-middle { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .align-stretch { -ms-flex-align: stretch; align-items: stretch; } .align-self-stretch { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; } .small-order-1 { -ms-flex-order: 1; order: 1; } .small-order-2 { -ms-flex-order: 2; order: 2; } .small-order-3 { -ms-flex-order: 3; order: 3; } .small-order-4 { -ms-flex-order: 4; order: 4; } .small-order-5 { -ms-flex-order: 5; order: 5; } .small-order-6 { -ms-flex-order: 6; order: 6; } @media print, screen and (min-width: 40em) { .medium-order-1 { -ms-flex-order: 1; order: 1; } .medium-order-2 { -ms-flex-order: 2; order: 2; } .medium-order-3 { -ms-flex-order: 3; order: 3; } .medium-order-4 { -ms-flex-order: 4; order: 4; } .medium-order-5 { -ms-flex-order: 5; order: 5; } .medium-order-6 { -ms-flex-order: 6; order: 6; } } @media print, screen and (min-width: 64em) { .large-order-1 { -ms-flex-order: 1; order: 1; } .large-order-2 { -ms-flex-order: 2; order: 2; } .large-order-3 { -ms-flex-order: 3; order: 3; } .large-order-4 { -ms-flex-order: 4; order: 4; } .large-order-5 { -ms-flex-order: 5; order: 5; } .large-order-6 { -ms-flex-order: 6; order: 6; } } button, .button, input[type="button"] { display: inline-block; vertical-align: middle; margin: 0; padding: 14.5px; -webkit-appearance: none; border: 1px solid transparent; border-radius: 0; transition: background-color 0.25s ease-out, color 0.25s ease-out; font-size: 14px; line-height: 1; text-align: center; cursor: pointer; background-color: #353737; color: #ffffff; } [data-whatinput='mouse'] button, [data-whatinput='mouse'] .button, [data-whatinput='mouse'] input[type="button"] { outline: 0; } button:hover, .button:hover, input:hover[type="button"], button:focus, .button:focus, input:focus[type="button"] { background-color: #353737; color: #ffffff; } button.small, .small.button, input.small[type="button"] { font-size: 12px; } button.expanded, .expanded.button, input.expanded[type="button"] { display: block; width: 100%; margin-right: 0; margin-left: 0; } button.primary, .primary.button, input.primary[type="button"] { background-color: #353737; color: #ffffff; } button.primary:hover, .primary.button:hover, input.primary:hover[type="button"], button.primary:focus, .primary.button:focus, input.primary:focus[type="button"] { background-color: #353737; color: #ffffff; } button.secondary, .secondary.button, input.secondary[type="button"] { background-color: #767676; color: #000; } button.secondary:hover, .secondary.button:hover, input.secondary:hover[type="button"], button.secondary:focus, .secondary.button:focus, input.secondary:focus[type="button"] { background-color: #767676; color: #000; } button.success, .success.button, input.success[type="button"] { background-color: #3adb76; color: #000; } button.success:hover, .success.button:hover, input.success:hover[type="button"], button.success:focus, .success.button:focus, input.success:focus[type="button"] { background-color: #3adb76; color: #000; } button.warning, .warning.button, input.warning[type="button"] { background-color: #ffae00; color: #000; } button.warning:hover, .warning.button:hover, input.warning:hover[type="button"], button.warning:focus, .warning.button:focus, input.warning:focus[type="button"] { background-color: #ffae00; color: #000; } button.alert, .alert.button, input.alert[type="button"] { background-color: #cc4b37; color: #000; } button.alert:hover, .alert.button:hover, input.alert:hover[type="button"], button.alert:focus, .alert.button:focus, input.alert:focus[type="button"] { background-color: #cc4b37; color: #000; } button.hollow, .hollow.button, input.hollow[type="button"] { border: 1px solid #353737; color: #353737; } button.hollow, .hollow.button, input.hollow[type="button"], button.hollow:hover, .hollow.button:hover, input.hollow:hover[type="button"], button.hollow:focus, .hollow.button:focus, input.hollow:focus[type="button"] { background-color: transparent; } button.hollow:hover, .hollow.button:hover, input.hollow:hover[type="button"], button.hollow:focus, .hollow.button:focus, input.hollow:focus[type="button"] { border-color: #353737; color: #353737; } button.hollow.primary, .hollow.primary.button, input.hollow.primary[type="button"] { border: 1px solid #353737; color: #353737; } button.hollow.primary:hover, .hollow.primary.button:hover, input.hollow.primary:hover[type="button"], button.hollow.primary:focus, .hollow.primary.button:focus, input.hollow.primary:focus[type="button"] { border-color: #353737; color: #353737; } button.hollow.secondary, .hollow.secondary.button, input.hollow.secondary[type="button"] { border: 1px solid #767676; color: #767676; } button.hollow.secondary:hover, .hollow.secondary.button:hover, input.hollow.secondary:hover[type="button"], button.hollow.secondary:focus, .hollow.secondary.button:focus, input.hollow.secondary:focus[type="button"] { border-color: #767676; color: #767676; } button.hollow.success, .hollow.success.button, input.hollow.success[type="button"] { border: 1px solid #3adb76; color: #3adb76; } button.hollow.success:hover, .hollow.success.button:hover, input.hollow.success:hover[type="button"], button.hollow.success:focus, .hollow.success.button:focus, input.hollow.success:focus[type="button"] { border-color: #3adb76; color: #3adb76; } button.hollow.warning, .hollow.warning.button, input.hollow.warning[type="button"] { border: 1px solid #ffae00; color: #ffae00; } button.hollow.warning:hover, .hollow.warning.button:hover, input.hollow.warning:hover[type="button"], button.hollow.warning:focus, .hollow.warning.button:focus, input.hollow.warning:focus[type="button"] { border-color: #ffae00; color: #ffae00; } button.hollow.alert, .hollow.alert.button, input.hollow.alert[type="button"] { border: 1px solid #cc4b37; color: #cc4b37; } button.hollow.alert:hover, .hollow.alert.button:hover, input.hollow.alert:hover[type="button"], button.hollow.alert:focus, .hollow.alert.button:focus, input.hollow.alert:focus[type="button"] { border-color: #cc4b37; color: #cc4b37; } button.disabled, .disabled.button, input.disabled[type="button"], button[disabled], .button[disabled], input[disabled][type="button"] { opacity: 0.2; cursor: not-allowed; } button.disabled, .disabled.button, input.disabled[type="button"], button.disabled:hover, .disabled.button:hover, input.disabled:hover[type="button"], button.disabled:focus, .disabled.button:focus, input.disabled:focus[type="button"], button[disabled], .button[disabled], input[disabled][type="button"], button[disabled]:hover, .button[disabled]:hover, input[disabled]:hover[type="button"], button[disabled]:focus, .button[disabled]:focus, input[disabled]:focus[type="button"] { background-color: #353737; color: #ffffff; } button.disabled.primary, .disabled.primary.button, input.disabled.primary[type="button"], button[disabled].primary, .button[disabled].primary, input[disabled].primary[type="button"] { opacity: 0.2; cursor: not-allowed; } button.disabled.primary, .disabled.primary.button, input.disabled.primary[type="button"], button.disabled.primary:hover, .disabled.primary.button:hover, input.disabled.primary:hover[type="button"], button.disabled.primary:focus, .disabled.primary.button:focus, input.disabled.primary:focus[type="button"], button[disabled].primary, .button[disabled].primary, input[disabled].primary[type="button"], button[disabled].primary:hover, .button[disabled].primary:hover, input[disabled].primary:hover[type="button"], button[disabled].primary:focus, .button[disabled].primary:focus, input[disabled].primary:focus[type="button"] { background-color: #353737; color: #ffffff; } button.disabled.secondary, .disabled.secondary.button, input.disabled.secondary[type="button"], button[disabled].secondary, .button[disabled].secondary, input[disabled].secondary[type="button"] { opacity: 0.2; cursor: not-allowed; } button.disabled.secondary, .disabled.secondary.button, input.disabled.secondary[type="button"], button.disabled.secondary:hover, .disabled.secondary.button:hover, input.disabled.secondary:hover[type="button"], button.disabled.secondary:focus, .disabled.secondary.button:focus, input.disabled.secondary:focus[type="button"], button[disabled].secondary, .button[disabled].secondary, input[disabled].secondary[type="button"], button[disabled].secondary:hover, .button[disabled].secondary:hover, input[disabled].secondary:hover[type="button"], button[disabled].secondary:focus, .button[disabled].secondary:focus, input[disabled].secondary:focus[type="button"] { background-color: #767676; color: #000; } button.disabled.success, .disabled.success.button, input.disabled.success[type="button"], button[disabled].success, .button[disabled].success, input[disabled].success[type="button"] { opacity: 0.2; cursor: not-allowed; } button.disabled.success, .disabled.success.button, input.disabled.success[type="button"], button.disabled.success:hover, .disabled.success.button:hover, input.disabled.success:hover[type="button"], button.disabled.success:focus, .disabled.success.button:focus, input.disabled.success:focus[type="button"], button[disabled].success, .button[disabled].success, input[disabled].success[type="button"], button[disabled].success:hover, .button[disabled].success:hover, input[disabled].success:hover[type="button"], button[disabled].success:focus, .button[disabled].success:focus, input[disabled].success:focus[type="button"] { background-color: #3adb76; color: #000; } button.disabled.warning, .disabled.warning.button, input.disabled.warning[type="button"], button[disabled].warning, .button[disabled].warning, input[disabled].warning[type="button"] { opacity: 0.2; cursor: not-allowed; } button.disabled.warning, .disabled.warning.button, input.disabled.warning[type="button"], button.disabled.warning:hover, .disabled.warning.button:hover, input.disabled.warning:hover[type="button"], button.disabled.warning:focus, .disabled.warning.button:focus, input.disabled.warning:focus[type="button"], button[disabled].warning, .button[disabled].warning, input[disabled].warning[type="button"], button[disabled].warning:hover, .button[disabled].warning:hover, input[disabled].warning:hover[type="button"], button[disabled].warning:focus, .button[disabled].warning:focus, input[disabled].warning:focus[type="button"] { background-color: #ffae00; color: #000; } button.disabled.alert, .disabled.alert.button, input.disabled.alert[type="button"], button[disabled].alert, .button[disabled].alert, input[disabled].alert[type="button"] { opacity: 0.2; cursor: not-allowed; } button.disabled.alert, .disabled.alert.button, input.disabled.alert[type="button"], button.disabled.alert:hover, .disabled.alert.button:hover, input.disabled.alert:hover[type="button"], button.disabled.alert:focus, .disabled.alert.button:focus, input.disabled.alert:focus[type="button"], button[disabled].alert, .button[disabled].alert, input[disabled].alert[type="button"], button[disabled].alert:hover, .button[disabled].alert:hover, input[disabled].alert:hover[type="button"], button[disabled].alert:focus, .button[disabled].alert:focus, input[disabled].alert:focus[type="button"] { background-color: #cc4b37; color: #000; } button.dropdown::after, .dropdown.button::after, input.dropdown[type="button"]::after { display: block; width: 0; height: 0; border: inset 0.4em; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #ffffff transparent transparent; position: relative; top: 0.4em; display: inline-block; float: right; margin-left: 14.5px; } button.arrow-only::after, .arrow-only.button::after, input.arrow-only[type="button"]::after { top: -0.1em; float: none; margin-left: 0; } .accordion { margin-left: 0; background: transparent; list-style-type: none; } .accordion-item:first-child > :first-child { border-radius: 0 0 0 0; } .accordion-item:last-child > :last-child { border-radius: 0 0 0 0; } .accordion-title { position: relative; display: block; padding: 20px 0; border: none; border-bottom: 0; font-size: 0.875rem; line-height: 1; color: #353737; } :last-child:not(.is-active) > .accordion-title { border-bottom: none; border-radius: 0 0 0 0; } .accordion-title:hover, .accordion-title:focus { background-color: transparent; } .accordion-title::before { position: absolute; top: 50%; right: 1rem; margin-top: -0.5rem; content: '+'; } .is-active > .accordion-title::before { content: '\2013'; } .accordion-content { display: none; padding: 0; border: none; border-bottom: 0; background-color: transparent; color: #353737; } :last-child > .accordion-content:last-child { border-bottom: none; } .callout { position: relative; margin: 0 0 1rem 0; padding: 1rem; border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 0; background-color: white; color: #353737; } .callout > :first-child { margin-top: 0; } .callout > :last-child { margin-bottom: 0; } .callout.primary { background-color: #e0e1e1; color: #353737; } .callout.secondary { background-color: #eaeaea; color: #353737; } .callout.success { background-color: #e1faea; color: #353737; } .callout.warning { background-color: #fff3d9; color: #353737; } .callout.alert { background-color: #f7e4e1; color: #353737; } .callout.small { padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; } .callout.large { padding-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem; } .dropdown-pane { position: absolute; z-index: 10; display: block; width: 300px; padding: 1rem; visibility: hidden; border: 1px solid #cacaca; border-radius: 0; background-color: #ffffff; font-size: 1rem; } .dropdown-pane.is-open { visibility: visible; } .dropdown-pane.tiny { width: 100px; } .dropdown-pane.small { width: 200px; } .dropdown-pane.large { width: 400px; } .dropdown.menu > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; } .dropdown.menu > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #353737 transparent transparent; right: 5px; margin-top: -3px; } [data-whatinput='mouse'] .dropdown.menu a { outline: 0; } .no-js .dropdown.menu ul { display: none; } .dropdown.menu.vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { right: 100%; left: auto; } .dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.vertical > li > a::after { right: 14px; } .dropdown.menu.vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #353737 transparent transparent; } .dropdown.menu.vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #353737; } @media print, screen and (min-width: 40em) { .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; } .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #353737 transparent transparent; right: 5px; margin-top: -3px; } .dropdown.menu.medium-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu { right: 100%; left: auto; } .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.medium-vertical > li > a::after { right: 14px; } .dropdown.menu.medium-vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #353737 transparent transparent; } .dropdown.menu.medium-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #353737; } } @media print, screen and (min-width: 64em) { .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; } .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #353737 transparent transparent; right: 5px; margin-top: -3px; } .dropdown.menu.large-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu { right: 100%; left: auto; } .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.large-vertical > li > a::after { right: 14px; } .dropdown.menu.large-vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #353737 transparent transparent; } .dropdown.menu.large-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #353737; } } .dropdown.menu.align-right .is-dropdown-submenu.first-sub { top: 100%; right: 0; left: auto; } .is-dropdown-menu.vertical { width: 100px; } .is-dropdown-menu.vertical.align-right { float: right; } .is-dropdown-submenu-parent { position: relative; } .is-dropdown-submenu-parent a::after { position: absolute; top: 50%; right: 5px; margin-top: -6px; } .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { top: 100%; left: auto; } .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu { right: 100%; left: auto; } .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .is-dropdown-submenu { position: absolute; top: 0; left: 100%; z-index: 1; display: none; min-width: 200px; border: 1px solid #cacaca; background: #ffffff; } .is-dropdown-submenu .is-dropdown-submenu-parent > a::after { right: 14px; } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #353737 transparent transparent; } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #353737; } .is-dropdown-submenu .is-dropdown-submenu { margin-top: -1px; } .is-dropdown-submenu > li { width: 100%; } .is-dropdown-submenu.js-dropdown-active { display: block; } .responsive-embed, .flex-video { position: relative; height: 0; margin-bottom: 1rem; padding-bottom: 75%; overflow: hidden; } .responsive-embed iframe, .responsive-embed object, .responsive-embed embed, .responsive-embed video, .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .responsive-embed.widescreen, .flex-video.widescreen { padding-bottom: 56.25%; } .sticky-container { position: relative; } .sticky { position: relative; z-index: 0; transform: translate3d(0, 0, 0); } .sticky.is-stuck { position: fixed; z-index: 5; } .sticky.is-stuck.is-at-top { top: 0; } .sticky.is-stuck.is-at-bottom { bottom: 0; } .sticky.is-anchored { position: relative; right: auto; left: auto; } .sticky.is-anchored.is-at-bottom { bottom: 0; } body.is-reveal-open { overflow: hidden; } html.is-reveal-open, html.is-reveal-open body { min-height: 100%; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .reveal-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1005; display: none; background-color: rgba(0, 0, 0, 0.45); overflow-y: scroll; } .reveal { z-index: 1006; backface-visibility: hidden; display: none; padding: 1rem; border: 1px solid #cacaca; border-radius: 0; background-color: #ffffff; position: relative; top: 100px; margin-right: auto; margin-left: auto; overflow-y: auto; } [data-whatinput='mouse'] .reveal { outline: 0; } @media print, screen and (min-width: 40em) { .reveal { min-height: 0; } } .reveal .column, .reveal .columns, .reveal .columns { min-width: 0; } .reveal > :last-child { margin-bottom: 0; } @media print, screen and (min-width: 40em) { .reveal { width: auto; max-width: 90%; } } @media print, screen and (min-width: 40em) { .reveal .reveal { right: auto; left: auto; margin: 0 auto; } } .reveal.collapse { padding: 0; } @media print, screen and (min-width: 40em) { .reveal.tiny { width: 30%; max-width: 90%; } } @media print, screen and (min-width: 40em) { .reveal.small { width: 50%; max-width: 90%; } } @media print, screen and (min-width: 40em) { .reveal.large { width: 90%; max-width: 90%; } } .reveal.full { top: 0; left: 0; width: 100%; max-width: none; height: 100%; height: 100vh; min-height: 100vh; margin-left: 0; border: 0; border-radius: 0; } @media screen and (max-width: 39.9375em) { .reveal { top: 0; left: 0; width: 100%; max-width: none; height: 100%; height: 100vh; min-height: 100vh; margin-left: 0; border: 0; border-radius: 0; } } .reveal.without-overlay { position: fixed; } .has-tip { position: relative; display: inline-block; border-bottom: none; font-weight: bold; cursor: help; } .tooltip { position: absolute; top: calc(100% + 0.6495rem); z-index: 1200; max-width: 10rem; padding: 0.75rem; border-radius: 0; background-color: #ffffff; font-size: 80%; color: #000; } .tooltip::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-top-width: 0; border-bottom-style: solid; border-color: transparent transparent #ffffff; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); } .tooltip.top::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #ffffff transparent transparent; top: 100%; bottom: auto; } .tooltip.left::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #ffffff; top: 50%; bottom: auto; left: 100%; transform: translateY(-50%); } .tooltip.right::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #ffffff transparent transparent; top: 50%; right: 100%; bottom: auto; left: auto; transform: translateY(-50%); } .hide { display: none !important; } .invisible { visibility: hidden; } @media screen and (max-width: 39.9375em) { .hide-for-small-only { display: none !important; } } @media screen and (max-width: 0em), screen and (min-width: 40em) { .show-for-small-only { display: none !important; } } @media print, screen and (min-width: 40em) { .hide-for-medium { display: none !important; } } @media screen and (max-width: 39.9375em) { .show-for-medium { display: none !important; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .hide-for-medium-only { display: none !important; } } @media screen and (max-width: 39.9375em), screen and (min-width: 64em) { .show-for-medium-only { display: none !important; } } @media print, screen and (min-width: 64em) { .hide-for-large { display: none !important; } } @media screen and (max-width: 63.9375em) { .show-for-large { display: none !important; } } @media screen and (min-width: 64em) and (max-width: 78.6875em) { .hide-for-large-only { display: none !important; } } @media screen and (max-width: 63.9375em), screen and (min-width: 78.75em) { .show-for-large-only { display: none !important; } } .show-for-sr, .show-on-focus { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); } .show-on-focus:active, .show-on-focus:focus { position: static !important; width: auto; height: auto; overflow: visible; clip: auto; } .show-for-landscape, .hide-for-portrait { display: block !important; } @media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important; } } @media screen and (orientation: portrait) { .show-for-landscape, .hide-for-portrait { display: none !important; } } .hide-for-landscape, .show-for-portrait { display: none !important; } @media screen and (orientation: landscape) { .hide-for-landscape, .show-for-portrait { display: none !important; } } @media screen and (orientation: portrait) { .hide-for-landscape, .show-for-portrait { display: block !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-center { display: block; margin-right: auto; margin-left: auto; } .clearfix::before, .search-result-content::before, .clearfix::after, .search-result-content::after { display: table; content: ' '; } .clearfix::after, .search-result-content::after { clear: both; } .icon { line-height: 2; color: #353737; } .icon-right { float: right; } .icon-plus { font-size: 13px; } .icon-close { font-size: 15px; } button, button, .button, input[type="button"], input[type="button"] { font-family: "Helvetica Neue", "Noto Sans", sans-serif; text-transform: uppercase; font-weight: 500; } @media print, screen and (min-width: 40em) { button, button, .button, input[type="button"], input[type="button"] { letter-spacing: 0.7px; padding: 15px; } } button:hover:not(.disabled):not([disabled]), button:hover:not(.disabled):not([disabled]), .button:hover:not(.disabled):not([disabled]), input:hover:not(.disabled):not([disabled])[type="button"], input[type="button"]:hover:not(.disabled):not([disabled]) { opacity: 0.6; } button.button--black-300, button.button--black-300, .button--black-300.button, input.button--black-300[type="button"], input[type="button"].button--black-300 { display: block; width: 100%; } @media print, screen and (min-width: 40em) { button.button--black-300, button.button--black-300, .button--black-300.button, input.button--black-300[type="button"], input[type="button"].button--black-300 { max-width: 300px; } } button.button--white-300, button.button--white-300, .button--white-300.button, input.button--white-300[type="button"], input[type="button"].button--white-300 { background-color: #ffffff; color: #353737; display: block; width: 100%; border: 1px solid #353737; } button.button--white-300:hover, button.button--white-300:focus, button.button--white-300:hover, .button--white-300.button:hover, input.button--white-300:hover[type="button"], button.button--white-300:focus, .button--white-300.button:focus, input.button--white-300:focus[type="button"], input[type="button"].button--white-300:hover, input[type="button"].button--white-300:focus { background-color: white; color: #353737; } @media print, screen and (min-width: 40em) { button.button--white-300, button.button--white-300, .button--white-300.button, input.button--white-300[type="button"], input[type="button"].button--white-300 { max-width: 300px; } } button.button--black-140, button.button--black-140, .button--black-140.button, input.button--black-140[type="button"], input[type="button"].button--black-140 { font-size: 12px; display: block; width: 100%; padding: 8px 21px; } @media print, screen and (min-width: 40em) { button.button--black-140, button.button--black-140, .button--black-140.button, input.button--black-140[type="button"], input[type="button"].button--black-140 { max-width: 140px; letter-spacing: 0.6px; } } button.button--white-140, button.button--white-140, .button--white-140.button, input.button--white-140[type="button"], input[type="button"].button--white-140 { background-color: #ffffff; color: #353737; font-size: 12px; display: block; width: 100%; padding: 8px 21px; border: 1px solid #353737; } button.button--white-140:hover, button.button--white-140:focus, button.button--white-140:hover, .button--white-140.button:hover, input.button--white-140:hover[type="button"], button.button--white-140:focus, .button--white-140.button:focus, input.button--white-140:focus[type="button"], input[type="button"].button--white-140:hover, input[type="button"].button--white-140:focus { background-color: white; color: #353737; } @media print, screen and (min-width: 40em) { button.button--white-140, button.button--white-140, .button--white-140.button, input.button--white-140[type="button"], input[type="button"].button--white-140 { max-width: 140px; letter-spacing: 0.6px; } } @media screen and (max-width: 39.9375em) { button.button--white-140, button.button--white-140, .button--white-140.button, input.button--white-140[type="button"], input[type="button"].button--white-140 { padding: 8px 10px; } } button.button--icon-medium, button.button--icon-medium, .button--icon-medium.button, input.button--icon-medium[type="button"], input[type="button"].button--icon-medium { background-color: #f4f5f7; color: #353737; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; width: 100%; line-height: 1.75; white-space: normal; text-align: left; padding: 9.5px 19px; } button.button--icon-medium:hover, button.button--icon-medium:focus, button.button--icon-medium:hover, .button--icon-medium.button:hover, input.button--icon-medium:hover[type="button"], button.button--icon-medium:focus, .button--icon-medium.button:focus, input.button--icon-medium:focus[type="button"], input[type="button"].button--icon-medium:hover, input[type="button"].button--icon-medium:focus { background-color: #f4f5f7; color: #353737; } button.button--icon-medium:after, button.button--icon-medium:after, .button--icon-medium.button:after, input.button--icon-medium[type="button"]:after, input[type="button"].button--icon-medium:after { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: 500; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; margin-left: 0.6em; } @media print, screen and (min-width: 40em) { button.button--icon-medium, button.button--icon-medium, .button--icon-medium.button, input.button--icon-medium[type="button"], input[type="button"].button--icon-medium { max-width: 446px; padding: 10px 18px; } } button.button--icon-small, button.button--icon-small, .button--icon-small.button, input.button--icon-small[type="button"], input[type="button"].button--icon-small { background-color: #f4f5f7; color: #353737; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; width: 100%; line-height: 1.75; white-space: normal; text-align: left; max-width: 210px; padding: 2px 9px 2px 20px; } button.button--icon-small:hover, button.button--icon-small:focus, button.button--icon-small:hover, .button--icon-small.button:hover, input.button--icon-small:hover[type="button"], button.button--icon-small:focus, .button--icon-small.button:focus, input.button--icon-small:focus[type="button"], input[type="button"].button--icon-small:hover, input[type="button"].button--icon-small:focus { background-color: #f4f5f7; color: #353737; } button.button--icon-small:after, button.button--icon-small:after, .button--icon-small.button:after, input.button--icon-small[type="button"]:after, input[type="button"].button--icon-small:after { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: 500; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; margin-left: 0.6em; } @media screen and (max-width: 39.9375em) { button.button--icon-small, button.button--icon-small, .button--icon-small.button, input.button--icon-small[type="button"], input[type="button"].button--icon-small { font-size: 12px; padding: 3px 9px 3px 20px; } } .link-arrow { font-size: 14px; font-size: 12px; margin-right: 3px; } .link-arrow:hover, .link-arrow:focus { opacity: 0.6; } .link-arrow:before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: 500; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; } .link--not-underline { font-size: 14px; } .link--not-underline:hover, .link--not-underline:focus { opacity: 0.6; } .link-underline { font-size: 14px; text-decoration: underline; } .link-underline:hover, .link-underline:focus { opacity: 0.6; } .link-icon:before { content: "?"; width: 26px; height: 26px; background-color: #353737; display: inline-block; color: #ffffff; text-align: center; border-radius: 50%; vertical-align: middle; line-height: 26px; font-size: 14px; margin-right: 10px; } button.text-only, .text-only.button, input.text-only[type="button"], button.button-text { background-color: transparent; color: #353737; padding: 0; text-decoration: underline; } button.text-only.not-underline, .text-only.not-underline.button, input.text-only.not-underline[type="button"], button.button-text.not-underline { text-decoration: none; } .button-fancy-large[disabled].loading { color: #ffffff !important; background-color: #353737 !important; background: url("../images/spin.gif") no-repeat scroll left center transparent; background-size: 10%; background-position-x: 10px; } button.button--black-300--hi, button.button--black-300--hi, button.button--black-300--hi, .button--black-300--hi.button, input.button--black-300--hi[type="button"], input.button--black-300--hi[type="button"], input[type="button"].button--black-300--hi { display: -ms-inline-flexbox; display: inline-flex; width: 100%; height: 60px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; line-height: 1.5; } .text-default { font-size: 14px; letter-spacing: 0.7px; text-align: justify; margin: 0; } @media screen and (max-width: 39.9375em) { .text-default { text-align: left; } } .text-default.text-red { color: #cc0000; } .text-default.text-15 { line-height: 1.5; text-align: left; } .text-16 { font-size: 16px; line-height: 2.88; letter-spacing: 0.8px; text-align: center; } @media screen and (max-width: 39.9375em) { .text-16 { font-size: 14px; line-height: 2.2; letter-spacing: 0.7px; } } .text-16.text-175 { line-height: 1.75; } h1, h2, h3, h4, h5, h6 { margin: 0; } h1 { color: #8c9292; font-weight: 500; font-size: 24px; letter-spacing: 1.2px; } @media screen and (max-width: 39.9375em) { h1 { font-size: 20px; } } h2, .title-2 { color: #8c9292; font-weight: 500; font-size: 20px; letter-spacing: 1px; border-top: 1px solid #d6d9d9; padding-top: 36px; } @media screen and (max-width: 39.9375em) { h2, .title-2 { font-size: 18px; padding-top: 26px; } } h2.sub-title, .title-2.sub-title { font-weight: bold; color: #707070; } h2 .icon, .title-2 .icon { line-height: 2.3; } h2.no-border, .title-2.no-border { border-top: none; padding-top: 0; } h2 a, .title-2 a { font-size: 14px; font-weight: normal; float: right; } h3, .title-3 { font-size: 16px; letter-spacing: 0.8px; font-weight: 500; border-top: 1px solid #d6d9d9; padding-top: 17px; } @media screen and (max-width: 39.9375em) { h3, .title-3 { font-size: 14px; padding-top: 20px; } } h3.no-border, .title-3.no-border { border-top: none; padding-top: 0; } h4 { font-size: 16px; color: #353737; letter-spacing: 0.8px; font-weight: 500; } @media screen and (max-width: 39.9375em) { h4 { font-size: 14px; } } ul { padding: 0; list-style-type: none; counter-reset: my-awesome-counter; } ul li { counter-increment: my-awesome-counter; } @media screen and (max-width: 39.9375em) { ul li { font-size: 12px; } } ul li.li-red { color: #cc0000; } ul.number-type li { font-size: 14px; letter-spacing: 0.7px; } ul.number-type li::before { content: "(" counter(my-awesome-counter) ")"; margin-right: 5px; } ul.dot li { font-size: 14px; letter-spacing: 0.7px; position: relative; padding-left: 8px; } ul.dot li::before { content: ""; width: 2px; height: 2px; border-radius: 50%; background-color: #353737; position: absolute; top: 11px; left: 0; } ul.news li a { font-size: 14px; letter-spacing: 0.7px; display: -ms-flexbox; display: flex; border-top: 1px solid #d6d9d9; padding: 27px 0; } @media screen and (max-width: 39.9375em) { ul.news li a { padding: 20px 0; display: block; } } ul.news li a div { float: left; } ul.news li a .label { color: #8c9292; font-size: 12px; line-height: 2; width: 100%; line-height: 1.75; margin-bottom: 10px; } ul.news li a .label span:first-child { margin-right: 4px; } ul.news li a .label span:nth-child(2) { margin-right: 5px; } ul.news li a .label .inner-line { width: 1px; height: 14px; background-color: #d6d9d9; display: inline-block; position: relative; top: 2px; } @media print, screen and (min-width: 40em) { ul.news li a .label { width: 25%; } } @media print, screen and (min-width: 64em) { ul.news li a .label { width: 189px; } } ul.news li a .news-title { width: 100%; } @media print, screen and (min-width: 40em) { ul.news li a .news-title { width: 75%; } } @media print, screen and (min-width: 64em) { ul.news li a .news-title { position: relative; top: -2px; } } .box { font-size: 16px; display: block; border: 1px #8c9292 solid; background: #ffffff; color: #8c9292; padding: 1.25rem; width: 100%; margin: 0 0 24px; } .box .box-name { font-weight: bold; } .box .box-action-right { text-align: right; margin-top: 14px; line-height: 1.25; } .box .box-action-right a { display: inline-block; text-decoration: underline; text-transform: uppercase; font-size: 14px; margin-left: 20px; } @media screen and (max-width: 39.9375em) { .box .box-action-right a { font-size: 13px; margin-left: 10px; } } .box .box-action-right a.address-make-default { margin-left: 0; } .selected .box { border-width: 2px; border-color: #353737; color: #353737; } .box-radio { font-size: 16px; padding: 20px 20px 20px 60px; position: relative; } .box-radio .box-content { line-height: 1.56; } .box-radio.box-radio-cool-grey { border: 1px solid #8c9292; color: #8c9292; } .box-radio.active .radio-btn { width: 14px; height: 14px; border-radius: 50%; background-color: #ffffff; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); border: 1px solid #d6d9d9; } .box-radio.active .radio-btn::after { content: ""; width: 8px; height: 8px; background-color: #353737; position: absolute; left: 2px; top: 2px; border-radius: 50%; } .box-normal { font-size: 16px; border: 1px solid #353737; text-align: center; padding: 40px 20px; font-weight: bold; } .box-normal .box-title { display: block; text-align: center; width: 100%; } .box-normal .box-content { font-size: 24px; margin-top: 30px; font-weight: normal; display: block; } @media screen and (max-width: 39.9375em) { .box-normal .box-content { font-size: 18px; margin-top: 20px; } } .product-label { display: inline-block; border: solid 1px #8c9292; font-size: 12px; letter-spacing: 0.6px; padding: 0 10px; } .show_bt_link { visibility: visible; opacity: 1; width: auto; height: auto; } .product-slide-homepage .carousel-recommendations .slick-arrow, .product-slide-homepage .carousel-recommendations .slick-dots { visibility: hidden; opacity: 0; width: 0; height: 0; } @media screen and (max-width: 39.9375em) { .product-slide-homepage .carousel-recommendations .slick-arrow { visibility: visible; opacity: 1; width: auto; height: auto; } } .product-slide-homepage .carousel-recommendations .slick-prev:before { font-family: "iconfont64"; content: "\E001"; } .product-slide-homepage .carousel-recommendations .slick-next:before { font-family: "iconfont64"; content: "\E002"; } .product-slide-homepage .carousel-recommendations .product-tile .product-name { margin: 0 auto; min-height: 0; } @media screen and (max-width: 39.9375em) { .product-slide-homepage .carousel-recommendations .product-tile .product-name { height: auto; } } .product-slide-homepage .carousel-recommendations .product-tile .name-link { height: 120px; } @media screen and (max-width: 39.9375em) { .product-slide-homepage .carousel-recommendations .product-tile .name-link { height: auto; min-height: auto; } } .product-slide-homepage .carousel-recommendations .product-actions .wishlist-icon { display: none; } .product-slide-homepage h3 { display: none; } .product-slide-homepage .button--black-300 { margin: 18px auto 115px; } @media screen and (max-width: 39.9375em) { .product-slide-homepage .button--black-300 { margin: 0 auto 80px; } } .pt_product-search-noresult .product-slide-homepage .button--black-300 { margin: 70px auto 115px; } @media screen and (max-width: 39.9375em) { .pt_product-search-noresult .product-slide-homepage .button--black-300 { margin: 20px auto 80px; } } h2.title-homepage { text-transform: uppercase; text-align: center; border-top: none; padding: 0; margin-top: 115px; margin-bottom: 41px; } @media screen and (max-width: 39.9375em) { h2.title-homepage { margin-top: 40px; } } .carousel-recommendations .short-desc { display: none; } .custom-checkbox.has-border { border-top: 1px solid #d6d9d9; padding-top: 30px; } .custom-checkbox label, .custom-checkbox .label { font-size: 16px; } @media screen and (max-width: 39.9375em) { .custom-checkbox label, .custom-checkbox .label { font-size: 14px; } } .custom-checkbox .form-row { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .custom-checkbox .form-row .field-wrapper { margin: 0; line-height: 1; } .custom-checkbox input[type="checkbox"] { transition: all .3s ease; } .custom-checkbox input[type="checkbox"]:checked { transition: all .3s ease; } .custom-checkbox input[type="checkbox"]:checked:before { font-family: "iconfont64"; content: "\E004"; font-size: 10px; } .toast__container { display: table-cell; vertical-align: middle; position: fixed; right: 0; top: 80px; z-index: 50; } @media screen and (max-width: 39.9375em) { .toast__container { top: 85px; } } .toast__container .toast__cell { display: inline-block; } .toast__container .toast__cell .toast { text-align: left; padding: 10px 0; background-color: #ffffff; border-radius: 4px; max-width: 500px; top: 0px; position: relative; box-shadow: 1px 7px 14px -5px rgba(0, 0, 0, 0.2); border: 1px solid #d6d9d9; } .toast__container .toast__cell .toast::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .toast__container .toast__cell .toast .toast__icon { position: absolute; top: 50%; left: 22px; transform: translateY(-50%); width: 14px; height: 14px; padding: 7px; border-radius: 50%; display: inline-block; } .toast__container .toast__cell .toast .toast__content { padding-left: 70px; padding-right: 60px; } .toast__container .toast__cell .toast .toast__content .toast__type { color: #353737; font-weight: 700; margin-top: 0; margin-bottom: 0; } .toast__container .toast__cell .toast .toast__content .toast__message { font-size: 14px; margin-top: 0; margin-bottom: 0; color: #8c9292; } .toast__container .toast__cell .toast .toast__close { position: absolute; right: 22px; top: 50%; width: 14px; cursor: pointer; height: 14px; fill: #8c9292; transform: translateY(-50%); } .toast--green .toast__icon { background-color: #c2e3d5; } .toast--green::before { background-color: #c2e3d5; } .toast--blue .toast__icon { background-color: #048080; } .toast--blue::before { background-color: #048080; } .toast--yellow .toast__icon { background-color: #d6d9d9; } .toast--yellow::before { background-color: #d6d9d9; } body { font-size: 14px; background: #ffffff; letter-spacing: 0.05em; } :focus { outline: 1px dotted #000; } a { color: #353737; outline: medium none; overflow: hidden; text-decoration: none; } a:hover { cursor: pointer; } a.inactive-link { cursor: default; } p a { text-decoration: underline; } fieldset { border: 0 none; margin: 0; padding: 0; } table { width: 100%; } th { text-align: left; } td { padding: 1em; vertical-align: top; } form#NewPasswordForm .form-caption { margin: .5em 0 2em 0; font-weight: 600; font-size: 12px; } @media print, screen and (min-width: 40em) { .tabs { text-align: center; } .tabs .tabs-title { display: inline; margin: 0 20px; font-weight: bold; } .tabs .tabs-title:hover a, .tabs .tabs-title.is-active a { text-decoration: underline; } .tabs .tabs-title a { padding: 20px 0 5px; display: inline-block; } } @media screen and (max-width: 39.9375em) { .tabs { display: none; } } @media print, screen and (min-width: 40em) { .tabs-panel { display: none; } .tabs-panel.pdp-content-section { display: none; border-top: none; } .tabs-panel.is-active { display: block; } .tabs-panel.is-active.pdp-content-section { display: block; } .tabs-panel.is-open { display: none !important; } .tabs-panel.is-open.is-active { display: block !important; } } .accordion-title::before { font-family: "iconfont64" !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; vertical-align: middle; content: ""; right: 0; font-size: 12px; } .is-active > .accordion-title::before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: 500; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; font-size: 12px; } select:focus { outline: none; } #primary .medium-8 { margin-left: auto; margin-right: auto; } :focus { outline: none; } .header-80 { margin-bottom: 38px; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .header-80 { margin-bottom: 40px; } } @media print, screen and (min-width: 64em) { .header-80 { margin-bottom: 81px; } } @media screen and (max-width: 39.9375em) { .header-80 h1 { text-align: center; } } .breadcrumb { display: none; } .hidden { display: none !important; } .not-space p { margin: 0; } .content-asset .not-space p { margin: 0; } .account-breadcrumbs { display: none; } #main { margin-bottom: 120px; } @media screen and (max-width: 39.9375em) { #main { margin-bottom: 80px; } } .pt_cart #main, .pt_checkout #main { margin-bottom: 0; } .pt_cart #main { margin-top: 47px; } @media print, screen and (min-width: 40em) { .pt_cart #main { margin-top: 99px; } } .fade-6 { opacity: 0.6; } @media screen and (max-width: 39.9375em) { .column.column-hide-xs, .column-hide-xs.columns { padding-left: 0; padding-right: 0; } } .clear-container .form-row .required-indicator { display: none; } .clear-container .form-row.required .required-indicator { display: inline; } p a { text-decoration: none; } .horizontal-not-space { margin-left: -1.25rem; margin-right: -1.25rem; } .product-price span.exclude-tax { font-size: 10px; margin-left: 5px; } .form-error-message { color: red; } #wrapper { background-color: #ffffff; border: 0; left: 0; margin: auto; transition: left 0.2s ease-in; width: 100%; position: relative; overflow-x: hidden; } #wrapper.menu-active { position: fixed; overflow: hidden; } #wrapper.menu-active:before, #wrapper.overlay:before { content: ""; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 80; } #wrapper.pt_storefront { width: 100%; } #wrapper.pt_storefront .carousel-recommendations h3 { font-weight: normal; } #wrapper.pt_storefront .carousel-recommendations .slick-dots { padding: 1em 0 0; } #wrapper.pt_order-confirmation { width: 100%; } #wrapper.pt_categorylanding { width: 100%; } #wrapper.pt_categorylanding .primary-content { padding-bottom: 0; } @media screen and (min-width: 768px) { #wrapper.pt_categorylanding .primary-content { width: 80%; } } #wrapper.pt_categorylanding .refinements { border-right: 0; display: none; width: 0; } @media screen and (min-width: 768px) { #wrapper.pt_categorylanding .refinements { display: block; width: 20%; } } #wrapper.pt_product-details .primary-content { padding-top: 1rem; } @media screen and (min-width: 768px) { #wrapper.menu-active { left: auto; } } .primary-content { width: 100%; } @media screen and (min-width: 768px) { .primary-focus .primary-content { border: none; } .full-width .primary-content { border: none; width: 100%; } } .pt_content-search-result #secondary { display: none; } @media screen and (min-width: 768px) { .pt_content-search-result #secondary { display: block; } } .secondary-content { clear: both; } .ui-widget-overlay { background: url("../images/interface/ui-overlay-shadow.png") repeat scroll 50% 50% #333; opacity: 0.4; } .ui-dialog { background-color: #ffffff; padding: 0; } .ui-dialog .ui-widget-header { border: 0 none; border-radius: 0 0 0 0; height: 23px; text-transform: uppercase; } .ui-dialog .ui-dialog-content { padding: 3rem; } .ui-dialog .ui-dialog-title { color: #333; font-weight: bold; } .ui-dialog .ui-icon-closethick { background-image: url("../images/interface/close.svg"); background-position: left top; height: 32px; width: 32px; left: 0; top: 0; margin-left: 0; margin-top: 0; } .ui-dialog .ui-dialog-titlebar-close { background-color: transparent; border: 0 none; border-radius: 0 0 0 0; height: 32px; margin: 0; padding: 0; right: 22px; top: 22px; width: 32px; z-index: 1; opacity: 0.5; } .ui-dialog .ui-dialog-titlebar-close span { margin: 0; padding: 0; } .ui-dialog h1, .ui-dialog h2 { font-weight: 700; } .no-close .ui-dialog-titlebar-close { display: none; } .ui-accordion .ui-accordion-content { padding: 0; } .ui-tabs .ui-tabs-nav { height: 2.45em; padding: 0; } .ui-tabs .ui-tabs-nav li { border-color: #ffffff; border-style: solid; border-width: 0 0 3px 0; } .ui-tabs .ui-tabs-nav li.ui-state-active { border-bottom-color: #84bd00; } .ui-tabs .ui-tabs-nav li.ui-state-active a { color: #000; font-weight: 700; } .ui-tabs .ui-tabs-nav li a { color: #999; } .ui-tabs .ui-tabs-panel { background-color: #ffffff; border: 1px solid #ffffff; line-height: 1.5em; margin: 0; padding: 20px 10px; } @media screen and (min-width: 768px) { .ui-tabs .ui-tabs-panel h3 { display: none; } } #vertical-carousel { height: 19rem; position: relative; overflow: hidden; } #vertical-carousel ul { height: 10000em; list-style: none; margin: 0; padding: 0; position: relative; } #vertical-carousel ul li { float: left; height: 19rem; width: 100%; } #vertical-carousel ul li .capture-product-id { display: none; } .js .simple-submit { display: none; } label { display: block; margin-bottom: 12px; font-size: 14px; } @media print, screen and (min-width: 40em) { label { font-size: 16px; } } .label-inline label { display: inline; text-align: left; } @media screen and (max-width: 39.9375em) { .label-inline label { margin-bottom: 18px; } } .label-above label { margin-bottom: .3rem; width: auto; } label span { vertical-align: middle; } .form-row { margin: 0 auto; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 100%; margin-bottom: 30px; } @media print, screen and (min-width: 40em) { .form-row { -ms-flex-direction: row; flex-direction: row; -ms-flex-align: end; align-items: flex-end; position: relative; clear: both; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 37px; } } .form-row label.error { width: 100%; } @media print, screen and (min-width: 40em) { .form-row > label { width: 30%; margin-right: 2.6%; } } .form-row .field-wrapper { -ms-flex-positive: 1; flex-grow: 1; } @media print, screen and (min-width: 40em) { .form-row .field-wrapper { width: 67.4%; } } @media print, screen and (min-width: 40em) { .form-row .form-caption { margin: 12px 0 0 32.6%; } } @media screen and (max-width: 63.9375em) { .form-row.half-row .form-row { padding-left: 10px; } } @media screen and (max-width: 39.9375em) { .form-row.half-row .form-row { -ms-flex-direction: row; flex-direction: row; -ms-flex-align: end; align-items: flex-end; } } @media print, screen and (min-width: 64em) { .form-row.half-row .form-row { width: 33.7%; margin-bottom: 0; } .form-row.half-row .form-row > label { width: 38px; text-align: right; } } .form-row.half-row .form-row label { margin-bottom: 8px; } .form-row.label-middle { -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; } .form-row.label-middle label { width: auto; margin: 0; } .form-row.label-middle .field-wrapper { width: auto; margin: 0; -ms-flex-positive: 0; flex-grow: 0; line-height: 1; } .form-row.label-middle .field-wrapper input { margin-right: 10px; } .form-row input[type="text"]:disabled, .form-row input[type="number"]:disabled, .form-row input[type="password"]:disabled, .form-row input[type="email"]:disabled, .form-row input[type="date"]:disabled, .form-row input[type="tel"]:disabled, .form-row textarea:disabled { color: #ffffff; background: #353737; cursor: not-allowed; opacity: 0.2; } .form-row.form-group .form-row { display: inline-block; } .form-row.form-group .form-row .field-wrapper { width: 100%; margin: 0; } .form-row.error { float: none; } .form-row.no-label > label { display: none; } .form-row-button { display: -ms-flexbox; display: flex; clear: left; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; } @media print, screen and (min-width: 40em) { .form-row-button { -ms-flex-direction: row; flex-direction: row; } } .form-row-button .column, .form-row-button .columns, .form-row-button .column button, .form-row-button .columns button { width: 100%; } @media screen and (max-width: 39.9375em) { .form-row-button.group-btn-inline { -ms-flex-flow: column-reverse; flex-flow: column-reverse; } } .form-row-button.group-btn-inline button, .form-row-button.group-btn-inline button, .form-row-button.group-btn-inline .button, .form-row-button.group-btn-inline input[type="button"] { display: inline-block; } @media screen and (max-width: 39.9375em) { .form-row-button.group-btn-inline button.btn-back, .form-row-button.group-btn-inline button.btn-back, .form-row-button.group-btn-inline .btn-back.button, .form-row-button.group-btn-inline input.btn-back[type="button"] { margin-top: 10px; } } .field-wrapper { box-sizing: border-box; margin: 0 0 0 11px; } @media print, screen and (min-width: 40em) { .field-wrapper { margin: 0; } } .label-inline .field-wrapper { padding-left: 0; width: auto; } .label-above .field-wrapper { float: none; padding-left: 0; width: auto; } input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="date"], input[type="tel"], textarea { font-size: 14px; -moz-appearance: none; appearance: none; border-color: #353737; border-width: 0 0 1px 0; color: #353737; border-radius: 0; padding: 8.5px 0; text-indent: 0; width: 100%; line-height: 1.5; } .form-row input[type="text"]::-webkit-input-placeholder, .form-row input[type="number"]::-webkit-input-placeholder, .form-row input[type="password"]::-webkit-input-placeholder, .form-row input[type="email"]::-webkit-input-placeholder, .form-row input[type="date"]::-webkit-input-placeholder, .form-row input[type="tel"]::-webkit-input-placeholder, .form-row textarea::-webkit-input-placeholder { color: #8c9292; } @media print, screen and (min-width: 40em) { .form-row input[type="text"]::-webkit-input-placeholder, .form-row input[type="number"]::-webkit-input-placeholder, .form-row input[type="password"]::-webkit-input-placeholder, .form-row input[type="email"]::-webkit-input-placeholder, .form-row input[type="date"]::-webkit-input-placeholder, .form-row input[type="tel"]::-webkit-input-placeholder, .form-row textarea::-webkit-input-placeholder { font-size: 16px; } } .form-row input[type="text"]:-moz-placeholder, .form-row input[type="number"]:-moz-placeholder, .form-row input[type="password"]:-moz-placeholder, .form-row input[type="email"]:-moz-placeholder, .form-row input[type="date"]:-moz-placeholder, .form-row input[type="tel"]:-moz-placeholder, .form-row textarea:-moz-placeholder { color: #8c9292; } @media print, screen and (min-width: 40em) { .form-row input[type="text"]:-moz-placeholder, .form-row input[type="number"]:-moz-placeholder, .form-row input[type="password"]:-moz-placeholder, .form-row input[type="email"]:-moz-placeholder, .form-row input[type="date"]:-moz-placeholder, .form-row input[type="tel"]:-moz-placeholder, .form-row textarea:-moz-placeholder { font-size: 16px; } } .form-row input[type="text"]:-ms-input-placeholder, .form-row input[type="number"]:-ms-input-placeholder, .form-row input[type="password"]:-ms-input-placeholder, .form-row input[type="email"]:-ms-input-placeholder, .form-row input[type="date"]:-ms-input-placeholder, .form-row input[type="tel"]:-ms-input-placeholder, .form-row textarea:-ms-input-placeholder { color: #8c9292; } @media print, screen and (min-width: 40em) { .form-row input[type="text"]:-ms-input-placeholder, .form-row input[type="number"]:-ms-input-placeholder, .form-row input[type="password"]:-ms-input-placeholder, .form-row input[type="email"]:-ms-input-placeholder, .form-row input[type="date"]:-ms-input-placeholder, .form-row input[type="tel"]:-ms-input-placeholder, .form-row textarea:-ms-input-placeholder { font-size: 16px; } } .form-row input[type="text"]:-ms-input-placeholder, .form-row input[type="number"]:-ms-input-placeholder, .form-row input[type="password"]:-ms-input-placeholder, .form-row input[type="email"]:-ms-input-placeholder, .form-row input[type="date"]:-ms-input-placeholder, .form-row input[type="tel"]:-ms-input-placeholder, .form-row textarea:-ms-input-placeholder { color: #8c9292; } .form-row input[type="text"]::placeholder, .form-row input[type="number"]::placeholder, .form-row input[type="password"]::placeholder, .form-row input[type="email"]::placeholder, .form-row input[type="date"]::placeholder, .form-row input[type="tel"]::placeholder, .form-row textarea::placeholder { color: #8c9292; } @media print, screen and (min-width: 40em) { .form-row input[type="text"]:-ms-input-placeholder, .form-row input[type="number"]:-ms-input-placeholder, .form-row input[type="password"]:-ms-input-placeholder, .form-row input[type="email"]:-ms-input-placeholder, .form-row input[type="date"]:-ms-input-placeholder, .form-row input[type="tel"]:-ms-input-placeholder, .form-row textarea:-ms-input-placeholder { font-size: 16px; } .form-row input[type="text"]::placeholder, .form-row input[type="number"]::placeholder, .form-row input[type="password"]::placeholder, .form-row input[type="email"]::placeholder, .form-row input[type="date"]::placeholder, .form-row input[type="tel"]::placeholder, .form-row textarea::placeholder { font-size: 16px; } } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-text-fill-color: #353737; -webkit-box-shadow: 0 0 0px 1000px #ffffff inset; transition: background-color 5000s ease-in-out 0s; } select { -moz-appearance: none; appearance: none; border: 1px #353737 solid; border-width: 0 0 1px 0; border-radius: 0px; padding: 10px 16px 10px 10px; height: 100%; background: url(../images/interface/caret-down.svg) no-repeat 96% 50%; background-size: 8px; line-height: 1.5; } select::-ms-expand { display: none; } label.select { display: inline-block; position: relative; margin-bottom: 0; margin-right: 0; } label.select select { padding: 0 16px 10px 2px; background: none; color: #353737; min-width: 50px; } @media screen and (max-width: 39.9375em) { .cart-row label.select select { padding: 0 16px 6px 0; } } label.select:after { font-family: "iconfont64" !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; vertical-align: middle; content: ""; font-size: 7px; color: #353737; position: absolute; right: 0; bottom: 13px; pointer-events: none; } @media screen and (max-width: 39.9375em) { .cart-row label.select:after { bottom: 2px; } } label.select.disabled { opacity: 0.2; } a.password-reset { text-decoration: underline; } input[type="checkbox"] { font-family: "iconfont64" !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; vertical-align: middle; box-sizing: border-box; padding: 0; -moz-appearance: none; appearance: none; border-radius: 0; border: 1px #d6d9d9 solid; width: 15px; height: 15px; position: relative; margin-right: 10px; } input[type="checkbox"]:checked:before { content: ""; display: block; position: absolute; font-size: 11px; top: 1px; left: 2px; color: #ffffff; } input[type="checkbox"]:checked { background: #353737; border: 1px #353737 solid; } .bv-checkbox[type="checkbox"] { -moz-appearance: checkbox; appearance: checkbox; } .bv-checkbox[type="checkbox"]:checked:before { display: none; } input[type='radio'] { -webkit-appearance: none; width: 11px; height: 11px; border-radius: 50%; outline: none; border: 1px solid #d6d9d9; vertical-align: middle; background: #ffffff; } @media print, screen and (min-width: 40em) { input[type='radio'] { width: 14px; height: 14px; } } input[type='radio']:before { content: ''; display: block; width: 5px; height: 5px; margin: 2px auto; border-radius: 50%; } @media print, screen and (min-width: 40em) { input[type='radio']:before { width: 8px; height: 8px; } } input[type='radio']:checked:before { background: #353737; } input[type='radio'] + label { margin-left: 16px; vertical-align: middle; margin-right: 0; } @media print, screen and (min-width: 40em) { input[type='radio'] + label { margin-left: 20px; } } .radio-button { display: inline-block; margin-right: 46px; } @media print, screen and (min-width: 40em) { .radio-button { margin-right: 40px; } } .radio-button:last-child { margin-right: 0; } .form-caption { clear: left; width: auto; font-weight: normal; font-size: 12px; } @media screen and (max-width: 39.9375em) { .form-caption { margin: 15px 0 0 11px; letter-spacing: 0; } } .no-captions .form-caption { display: none; } @media screen and (min-width: 768px) { .form-indent { margin-left: 27%; } } .error-message { background-color: #faeded; padding: 0.7em 0.5em; text-indent: 0; width: 49.5966%; } .error { color: #cc0000; } div.error { margin-bottom: 10px; } input.error, .form-row input.error { border-color: #cc0000; } span.error { font-size: 14px; display: block; margin-bottom: 3px; } @media screen and (max-width: 39.9375em) { span.error { font-size: 12px; margin-bottom: 0; margin-top: -2px; } } .error-form { border: none; background: none; color: #cc0000; padding-bottom: 10px; } .error-custom span:last-child { margin-bottom: 11px; } .callout.alert { font-weight: bold; border: none; background: none; color: #cc0000; padding: 1rem 0; } .field-button-container span.error { display: block !important; clear: both !important; background: #ffffff; font-size: .7em; font-weight: 400; } .form-inline form { padding: 0 0 2em; width: 98%; } .form-inline label { padding: 0 0 0.75em; text-transform: uppercase; width: auto; } .form-inline input[type="text"], .form-inline select { margin-left: 0; width: 95%; } .form-inline button { padding-left: 0; padding-right: 0; width: 100%; } .row-inline { display: inline; } .row-inline label { width: auto; } .dialog-required { display: inline; position: relative; padding: 0 .5em; } .required-indicator { color: #ffffff; font-size: 10px; background: #8c9292; margin-left: 5px; padding: 1px 5px; white-space: nowrap; } @media print, screen and (min-width: 40em) { .required-indicator { margin-left: 8px; padding: 3px 12px; font-size: 11px; } } .form-field-tooltip { float: left; margin-left: 3%; padding-top: .75em; width: 20%; } .button-container button { margin: 0 5px; } button:focus { outline: none; } .item-list { margin-bottom: 1em; } .item-list tr { border-bottom: 1px solid #e0e0e0; } .item-list tr.last { border: 0 none; } .item-list tr.headings { display: none; } .item-list td { padding: 1em; vertical-align: top; } .item-details .product-list-item .promo, .product-tile .product-pricing .promo { color: #990000; } .item-details .product-list-item .price-standard, .product-tile .product-pricing .price-standard { color: #999; text-decoration: line-through; margin-right: 8px; } .item-availability ul, .item-quantity-details ul { list-style: none outside none; margin: 0; padding: 0; } .item-dashboard { color: #8a8a8a; width: 16rem; } .item-dashboard label { font-weight: normal; width: auto; } .item-dashboard .field-wrapper { width: auto; } .item-dashboard .option-quantity-desired input { width: 3rem; } .item-dashboard .value { margin-top: .5rem; } .item-dashboard .form-row { margin: 0; } .item-dashboard input, .item-dashboard .value, .item-dashboard select .option-toggle-public label { color: #333; } .item-dashboard .input-checkbox { margin: 0 5px; } .item-dashboard .option-add-to-cart { margin-top: .5rem; width: 18rem; width: -moz-max-content; width: max-content; } .item-dashboard .option-add-to-cart label { color: #333; float: left; font-weight: 700; margin: .5rem .5rem 0 0; text-transform: uppercase; width: auto; } .item-dashboard .option-add-to-cart input { width: 3rem; margin-right: 1em; } .item-dashboard .option-add-to-cart button { padding: 0.5em 1.5em; } .item-dashboard .option-quantity-purchased span.exceeded { color: #990000; } .tooltip { cursor: help; position: relative; } .tooltip.product-tile { cursor: pointer; } .tooltip-content { display: none; } .ui-tooltip.ui-widget-content { background: #333; border-radius: 3px; box-shadow: 2px 3px 3px 0 #999; color: #ffffff; } .ui-tooltip-content { padding: 0.3em; } .ui-tooltip-content .recommendation-tooltip-header { font-size: 1.2em; font-weight: bold; padding: 0.5em; } .ui-tooltip-content .recommendation-tooltip-header .product-price { font-weight: 400; } .ui-tooltip-content .recommendation-tooltip-header .product-price .price-standard { color: #999; text-decoration: line-through; } .ui-tooltip-content .recommendation-tooltip-description, .ui-tooltip-content .recommendation-tooltip-attributes { padding: 0.8em; } .ui-tooltip-content .shipping-method-cost, .ui-tooltip-content .surcharge-product, .ui-tooltip-content .promo { text-align: right; padding-bottom: .3rem; } .ui-tooltip-content .shippingtotal { clear: right; text-align: right; margin-top: .3rem; } .ui-tooltip-content .shippingtotal .value { border-top: 1px solid #424242; padding-top: .3rem; } .content-slot img { height: auto; max-width: 100%; } .slot-grid-header p { margin: 0; padding: 0; } .product-listing-1x4 { background: none repeat scroll 0 0 #ffffff; overflow: hidden; padding: .83em 0; } .product-listing-1x4 .search-result-items .grid-tile { margin: 0 1% 0 2%; width: 18%; } .content-asset p { line-height: 1.6em; margin: 1em 0; } .content-asset ul, .content-asset ol { line-height: 1.6em; margin: 1em 0; padding: 0 1.0em; } .content-asset address { margin: 1em 0; } .content-asset ol li { list-style: decimal outside none; } .content-asset .account-options { -ms-flex-align: stretch; align-items: stretch; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; margin: 0; padding: 0; } .content-asset .account-options li { background-color: #666; border: 3px solid #ccc; border-radius: 5px; list-style-type: none; margin: 1rem; text-align: center; width: 35%; transition: all 1000ms ease; } .content-asset .account-options li:hover { background-color: #64772d; border-color: #64772d; } .content-asset .account-options li a { color: #ffffff; display: block; padding: 1rem; } .content-asset .account-options li a i { font-size: 6rem; } .browser-compatibility-alert { background-color: #990000; color: #ffffff; font-size: 1.3em; line-height: 2em; padding: 0.8em; top: 112px; position: absolute; width: 100%; z-index: 1; } .folder-slot { border-style: solid; border-color: #019328; border-width: 1px; background-color: white; padding: 0.5em 0.5em; } .folder-slot h2 { color: #019328; margin: 0.5em 0em; } .menu-slot { display: none; border-top: 1px solid #faeded; margin-top: 0.5em; padding-top: 1.5em; } .menu-slot .social-links { padding-left: 0; } .menu-slot .social-links li { display: inline-block; padding-left: 0; } @media screen and (min-width: 768px) { .menu-slot { width: 13.5rem; display: block; } } #homepage-slides { margin: 0; position: relative; } #homepage-slides .slide1 .banner-message { left: 3%; } #homepage-slides .slide1 .banner-message .banner-text1 { color: #00629b; display: inline; } #homepage-slides .slide1 .banner-message .banner-text2 { color: #ffffff; display: inline; } #homepage-slides .slide1 .banner-message .banner-text3 { color: #ffffff; text-align: right; } #homepage-slides .slide2 .banner-message { left: 3%; } #homepage-slides .slide2 .banner-message .banner-text1 { color: #84bd00; display: inline; letter-spacing: -0.1rem; } #homepage-slides .slide2 .banner-message .banner-text2 { color: #8a8a8a; display: inline; } #homepage-slides .slide2 .banner-message .banner-text3 { color: #000; } #homepage-slides .slide3 .banner-message { left: 3%; } #homepage-slides .slide3 .banner-message .banner-text1 { color: #84bd00; display: inline; margin-top: -2rem; } #homepage-slides .slide3 .banner-message .banner-text2 { color: #ffffff; display: inline; } #homepage-slides .slide3 .banner-message .banner-text3 { color: #000; } #homepage-slides .slide4 .banner-message { right: 3%; } #homepage-slides .slide4 .banner-message .banner-text1 { color: #84bd00; margin-top: 0rem; text-indent: 3rem; } @media screen and (min-width: 768px) { #homepage-slides .slide4 .banner-message .banner-text1 { margin-top: -1rem; } } #homepage-slides .slide4 .banner-message .banner-text2 { color: #ffffff; } #homepage-slides .slide4 .banner-message .banner-text3 { color: #ffffff; } #homepage-slides .slide5 .banner-message { left: 15%; } #homepage-slides .slide5 .banner-message .banner-text1 { color: #00629b; display: inline; } #homepage-slides .slide5 .banner-message .banner-text2 { color: #990000; display: inline; } #homepage-slides .slide5 .banner-message .banner-text3 { color: #ffffff; } .cart-recommendations { margin-top: 1rem; } .cart-recommendations .product-listing { background-color: #ffffff; padding: 1rem 0; } .cart-recommendations .tiles-container, .category-slot .tiles-container, .product-slot .tiles-container { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: center; justify-content: center; } .cart-recommendations .tiles-container .grid-tile, .category-slot .tiles-container .grid-tile, .product-slot .tiles-container .grid-tile { box-shadow: none; margin: 1rem; padding: 1rem; width: 25%; } .cart-recommendations h1, .category-slot h1, .product-slot h1 { color: #ffffff; font-family: sans-serif; font-size: 3rem; font-weight: 300; position: absolute; text-align: right; bottom: 2%; left: 2%; } @media screen and (min-width: 768px) { .cart-recommendations h1, .category-slot h1, .product-slot h1 { font-weight: 100; } } .cart-recommendations h2, .category-slot h2, .product-slot h2 { color: #008578; font-family: "Helvetica Neue", "Noto Sans", sans-serif; font-size: 1.5rem; font-style: italic; margin: 0; padding: .1rem .5rem; } .cart-recommendations h3, .category-slot h3, .product-slot h3 { background-color: #ffffff; bottom: 0; color: #000; font-family: sans-serif; font-size: 2rem; font-weight: 300; margin: 0; opacity: .6; padding: 2rem; position: absolute; text-transform: uppercase; width: 100%; } .cart-recommendations .catlanding-banner, .category-slot .catlanding-banner, .product-slot .catlanding-banner { overflow: hidden; position: relative; width: 100%; } .cart-recommendations .catlanding-banner img, .category-slot .catlanding-banner img, .product-slot .catlanding-banner img { height: auto; width: 100%; } .cart-recommendations .category-tile, .category-slot .category-tile, .product-slot .category-tile { float: left; overflow: hidden; padding: 0 .15%; position: relative; width: 100%; } @media screen and (min-width: 768px) { .cart-recommendations .category-tile, .category-slot .category-tile, .product-slot .category-tile { width: 33%; } } .cart-recommendations .category-tile img, .category-slot .category-tile img, .product-slot .category-tile img { height: auto; width: 100%; } .cart-recommendations .cat-banner, .category-slot .cat-banner, .product-slot .cat-banner { overflow: hidden; position: relative; width: 100%; } .cart-recommendations .cat-banner img, .category-slot .cat-banner img, .product-slot .cat-banner img { height: auto; width: 100%; } .cart-recommendations .cat-banner h1, .category-slot .cat-banner h1, .product-slot .cat-banner h1 { color: #333; right: 2%; } .cart-recommendations .search-result-items .grid-tile, .category-slot .search-result-items .grid-tile, .product-slot .search-result-items .grid-tile { box-shadow: none; margin: 0; padding: 0 .15%; width: 100%; } @media screen and (min-width: 768px) { .cart-recommendations .search-result-items .grid-tile, .category-slot .search-result-items .grid-tile, .product-slot .search-result-items .grid-tile { width: 33%; } } .cart-recommendations .search-result-items .grid-tile .product-tile, .category-slot .search-result-items .grid-tile .product-tile, .product-slot .search-result-items .grid-tile .product-tile { margin: 0 .15%; padding: 1rem 0; width: 100%; } .cart-recommendations .search-result-items .grid-tile .product-tile .product-name, .category-slot .search-result-items .grid-tile .product-tile .product-name, .product-slot .search-result-items .grid-tile .product-tile .product-name { font-family: sans-serif; font-size: 1.2rem; font-weight: 100; height: auto; margin-top: .5em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cart-recommendations .search-result-items .grid-tile .product-tile .product-name a, .category-slot .search-result-items .grid-tile .product-tile .product-name a, .product-slot .search-result-items .grid-tile .product-tile .product-name a { color: #00629b; } .cart-recommendations .search-result-items .grid-tile .product-tile .product-pricing, .category-slot .search-result-items .grid-tile .product-tile .product-pricing, .product-slot .search-result-items .grid-tile .product-tile .product-pricing { font-family: sans-serif; font-size: 1rem; } .html-slot { background-color: #ffffff; border-color: #e0e0e0; border-style: solid; border-width: 1px 0; } .html-slot h1 { color: #00629b; font-family: sans-serif; font-size: 1.5rem; font-weight: 300; margin: 1rem; text-align: center; } @media screen and (min-width: 768px) { .html-slot h1 { font-weight: 100; } } .html-slot h1 a { font-family: "Helvetica Neue", "Noto Sans", sans-serif; } .menu-bar-top { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 19px 24px; border-bottom: 1px #8c9292 solid; } .menu-greeting { font-weight: bold; } .menu-greeting, .menu-greeting p { margin: 0; line-height: 1em; } @media print, screen and (min-width: 40em) { .menu-greeting { display: none; } } @media print, screen and (min-width: 40em) { .menu-toggle { display: none; } } .level-1 { margin: 0; position: relative; } .level-1 .row, .level-1 .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .level-1 .content-asset, .level-1 .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .level-1 .content-asset { position: initial; } .level-1-inner { margin: 0; padding: 0; list-style-type: none; background-color: #ffffff; font-size: 14px; width: 100%; } @media print, screen and (min-width: 40em) { .level-1-inner { left: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .sticky-header .level-1-inner { -ms-flex-pack: end; justify-content: flex-end; } } @media print, screen and (min-width: 64em) { .sticky-header .level-1-inner { -ms-flex-pack: center; justify-content: center; } } .level-1-inner li { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; list-style: none; } @media screen and (max-width: 39.9375em) { .level-1-inner li { display: block; } } .level-1-inner li a, .level-1-inner li span { display: block; height: auto; line-height: 14px; margin: 0 41.5px 0 46.5px; padding: 31px 0 15px; border-bottom: none; position: relative; } .is-homepage .level-1-inner li a, .is-homepage .level-1-inner li span { padding: 50px 0 15px; margin: 0 35px 0 34px; } @media screen and (max-width: 63.9375em) { .is-homepage .level-1-inner li a, .is-homepage .level-1-inner li span { margin: 0 10px; } } @media screen and (max-width: 39.9375em) { .is-homepage .level-1-inner li a, .is-homepage .level-1-inner li span { padding: 20px 0 27px; margin: 0; color: #8c9292; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .level-1-inner li a, .level-1-inner li span { margin: 0 10px; } } @media screen and (max-width: 39.9375em) { .level-1-inner li a, .level-1-inner li span { padding: 20px 0 27px; margin: 0; color: #8c9292; } } .level-1-inner li a::after, .level-1-inner li span::after { content: ""; position: absolute; bottom: 0; border-bottom: 2px solid rgba(0, 0, 0, 0); left: 50%; right: 50%; transition: all 0.5s ease; } .level-1-inner li a.icon, .level-1-inner li span.icon { display: inline-block; padding: 0; } .level-1-inner li a.icon::after, .level-1-inner li span.icon::after { display: none; } .level-1-inner li a.icon.icon-link, .level-1-inner li span.icon.icon-link { position: absolute; right: 0; top: 0; font-weight: 500; display: none; z-index: 1; line-height: 55px; } .level-1-inner li a.icon.icon-link.active, .level-1-inner li span.icon.icon-link.active { display: block; } .level-1-inner li:hover a::after, .level-1-inner li:hover span::after { left: 0; right: 0; transition: all 0.5s ease; border-bottom: 2px solid #353737; } @media screen and (max-width: 39.9375em) { .level-1-inner li:hover a::after, .level-1-inner li:hover span::after { display: none; } } .level-1-inner li.level-2-link a, .level-1-inner li.level-2-link span { margin: 0; } @media screen and (max-width: 39.9375em) { .level-1-inner li.level-2-link a, .level-1-inner li.level-2-link span { color: #353737; } } .level-1-inner li.level-2-link.isBetween .content-column a { padding: 0; } .menu-item-toggle { padding: 0.5rem 1rem 0.5rem 1rem; border-left: 1px #8c9292 solid; text-align: right; } @media print, screen and (min-width: 40em) { .menu-item-toggle { display: none; } } .level-2 { visibility: hidden; transform: translateY(30px); opacity: 0; left: 0; top: 0; width: 100%; position: absolute; z-index: 10; overflow: hidden; background-color: #fff; top: 100%; box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.1); } @media screen and (max-width: 39.9375em) { .level-2 { visibility: visible; transform: none; opacity: 1; left: auto; top: auto; position: initial; overflow-y: scroll; box-shadow: none; } } .level-2 .has-border .level-3 { border-top: 1px solid #d6d9d9; } .active > .level-2 { transform: translateX(0); max-width: 100%; } .level-2 span.category-header { display: block; width: 100%; } .level-2 .column, .level-2 .columns { max-width: 20%; padding: 0; } .level-2 li { display: block; } .level-2 li a, .level-2 li span { margin: 0; padding: 1px 0px; border: none; font-size: 12px; } @media print, screen and (min-width: 40em) { .level-2 li a:hover, .level-2 li a:focus, .level-2 li span:hover, .level-2 li span:focus { border: none; color: rgba(53, 55, 55, 0.6); } } .level-2 li a::after, .level-2 li span::after { display: none; } .level-2 li.level-2-link ul.level-3 { padding-bottom: 25px; } @media screen and (max-width: 39.9375em) { .level-2 li.level-2-link ul.level-3 { padding-bottom: 0; } } .level-2 li.level-2-link:last-child ul.level-3 { padding-bottom: 0px; } .has-sub-menu.hover .level-2, .has-sub-menu:focus .level-2 { visibility: visible; opacity: 1; transform: translateY(0); } @media screen and (max-width: 39.9375em) { .has-sub-menu.hover .level-2, .has-sub-menu:focus .level-2 { transform: none; } } .level-2 a.category-header, .level-2 span.category-header { padding: 58px 0 30px; margin: 0; color: #353939; font-size: 14px; } @media screen and (max-width: 39.9375em) { .level-2 a.category-header, .level-2 span.category-header { width: auto; padding: 20px 0; border-top: 1px solid #d6d9d9; } } .is-homepage .level-2 a.category-header, .is-homepage .level-2 span.category-header { padding: 58px 0 30px; } @media screen and (max-width: 39.9375em) { .is-homepage .level-2 a.category-header, .is-homepage .level-2 span.category-header { padding: 20px 0; } } .level-2 a.category-header::after, .level-2 span.category-header::after { display: none; } @media print, screen and (min-width: 40em) { .level-2 a.category-header:hover, .level-2 a.category-header:focus, .level-2 span.category-header:hover, .level-2 span.category-header:focus { color: rgba(53, 55, 55, 0.6); } } .level-2 .hasContentAssets a.category-header, .level-2 .hasContentAssets span.category-header { padding: 58px 0 22px; } @media screen and (max-width: 39.9375em) { .level-2 .hasContentAssets a.category-header, .level-2 .hasContentAssets span.category-header { padding: 15px 0; } } .level-2 span.category-header:hover { border: none; } .level-2 .sub-level-wrapper { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; } .level-2 .sub-level-wrapper.row-expanded { padding-right: 1.25rem; padding-left: 1.25rem; } @media screen and (max-width: 39.9375em) { .level-2 .sub-level-wrapper.row-expanded { padding-right: 0; } } @media screen and (max-width: 39.9375em) { .level-2 .sub-level-wrapper { display: block; border-bottom: none; } } .level-2 .sub-level-wrapper ul { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .level-2 .sub-level-wrapper ul li.level-2-link { margin-right: 60px; height: 110px; } @media screen and (max-width: 39.9375em) { .level-2 .sub-level-wrapper ul li.level-2-link { width: auto; height: auto; margin-right: 0; } } .level-2 .sub-level-wrapper ul li.level-2-link .level-3 { display: none; } @media screen and (max-width: 39.9375em) { .level-2 .sub-level-wrapper ul li.level-2-link .level-3 { display: block; } } .level-2 .sub-level-wrapper ul li.level-2-link.has-child:hover { height: 200px; } @media screen and (max-width: 39.9375em) { .level-2 .sub-level-wrapper ul li.level-2-link.has-child:hover { height: auto; transition: none; } } .level-2 .sub-level-wrapper ul li.level-2-link.has-child:hover .level-3 { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; position: absolute; border-top: 1px solid #d6d9d9; } @media screen and (max-width: 39.9375em) { .level-2 .sub-level-wrapper ul li.level-2-link.has-child:hover .level-3 { display: block; position: initial; border-top: none; } } @media screen and (max-width: 39.9375em) { .level-2 .sub-level-wrapper ul li.level-2-link.has-child .level-3 { max-height: 0; overflow: hidden; } } @media screen and (max-width: 39.9375em) { .level-2 .sub-level-wrapper ul li.level-2-link.has-child.active .level-3 { max-height: 1000px; transition: max-height 0.5s ease-in; } } .level-2 .sub-level-wrapper ul.hasContentAssets { -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 60px; } @media screen and (max-width: 39.9375em) { .level-2 .sub-level-wrapper ul.hasContentAssets { margin-bottom: 0; } } .level-2 .sub-level-wrapper ul.hasContentAssets li.level-2-link { width: calc((100% - 80px) /3); height: auto; margin-right: 0; } @media screen and (max-width: 39.9375em) { .level-2 .sub-level-wrapper ul.hasContentAssets li.level-2-link { width: auto; } } @media screen and (max-width: 39.9375em) { .level-2 .sub-level-wrapper ul { display: block; } } .level-2 .content-column { display: none; } @media print, screen and (min-width: 64em) { .level-2 .content-column { display: block; } } .level-2 .content-column p { padding: 0; margin: 0; } .level-2 .content-column a { padding: 0; margin: 0; } @media screen and (max-width: 39.9375em) { .level-2 .content-column { display: none; visibility: hidden; } } .mobile-menu-back { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; width: 100%; } .mobile-menu-back i { margin-right: 10px; } @media print, screen and (min-width: 40em) { .mobile-menu-back { display: none; } } .level-3 { left: 0; top: 110px; width: 100%; min-height: 100%; position: absolute; padding: 0; z-index: 10; overflow: hidden; transform: translateX(100%); } @media screen and (max-width: 39.9375em) { .level-3 { transform: none; left: auto; top: auto; position: initial; overflow-y: scroll; } } .active > .level-3 { background: #fff; transform: translateX(0); max-width: 100%; } .level-3.sub-level-wrapper { padding-top: 0; border-bottom: none; } @media screen and (max-width: 39.9375em) { .level-3.sub-level-wrapper { margin-bottom: 0; } } .level-3 li { margin-bottom: 40px; } @media screen and (max-width: 39.9375em) { .level-3 li { margin-bottom: 0; } } .level-3 li a { padding-top: 40px; color: #8c9292; font-size: 14px; } @media screen and (max-width: 39.9375em) { .level-3 li a { padding: 15px 0; color: #353737; border-top: 1px solid #d6d9d9; } } .is-homepage .level-3 li a { padding-top: 40px; } @media screen and (max-width: 39.9375em) { .is-homepage .level-3 li a { padding: 15px 0; } } @media print, screen and (min-width: 40em) { .level-3 { transform: translateX(0); overflow: visible; } .level-3 li { width: 20%; } .level-3 a { padding: 0; border: none; font-size: 14px; font-weight: 500; } .level-3 a:hover { border: none; text-transform: underline; } } .thirdLevelCatThumb { display: none; position: absolute; top: 0; left: -40px; z-index: -1; } @media print, screen and (min-width: 64em) { a.has-thumbnail:hover img { display: block; } } .mobile-menu-bottom ul { margin: 0; padding: 0; } .mobile-menu-bottom li { list-style: none; padding: 0; display: -ms-flexbox; display: flex; } .mobile-menu-bottom i { margin-right: 10px; font-size: 1.3em; } .mobile-menu-bottom a { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; padding: 10px 24px; } @media screen and (max-width: 39.9375em) { .mobile-menu-bottom a { padding: 15px 24px; } } @media screen and (max-width: 39.9375em) { .mobile-menu-bottom .membersclub-in-nav a { padding: 15px 0; } } @media print, screen and (min-width: 40em) { .mobile-menu-bottom { display: none; } } .membersclub-in-nav { width: 100%; padding: 30px 0; margin-top: 15px; border-bottom: 1px solid #d6d9d9; border-top: 1px solid #d6d9d9; } .membersclub-in-nav a { color: #8c9292; text-align: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 39.9375em) { .mobile-menu-bottom { margin-bottom: 100px; } } .select-country { width: 100%; display: -ms-flexbox; display: flex; -ms-flex: auto; flex: auto; padding: 30px 0; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 39.9375em) { .select-country { text-align: center; padding: 30px 0 0; -ms-flex-align: center; align-items: center; } } .select-country span.iconfont-globe { margin-right: 10px; } @media screen and (max-width: 39.9375em) { .select-country span.iconfont-globe { margin-right: 7px; position: relative; } } .select-country span.text { font-size: 11px; margin-right: 20px; text-transform: uppercase; } @media screen and (max-width: 39.9375em) { .select-country span.text { margin-right: 30px; position: relative; } } .select-country select.underline { width: 130px; color: #353737; padding-left: 0; padding-right: 0; -moz-appearance: none; appearance: none; border-bottom: 1px solid #353737; } .select-country select.underline::-ms-expand { display: none; } .select-country select.underline:focus { outline: none; border: none; } .logout-in-nav { width: 100%; } .logout-in-nav a { font-size: 12px; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 39.9375em) { .logout-in-nav a { padding: 18px 0; } } .utility-link { padding: 20px; } .utility-link:hover { cursor: auto; } #minimized-header-container.fix-menu .level-3 { top: 74px; } #minimized-header-container.fix-menu .level-2 .sub-level-wrapper ul li.level-2-link { height: 74px; } #minimized-header-container.fix-menu .level-2 .sub-level-wrapper ul li.level-2-link.has-child:hover { height: 150px; } #minimized-header-container.fix-menu .level-2 .sub-level-wrapper ul.hasContentAssets li.level-2-link { height: auto; } #minimized-header-container.fix-menu .level-2 .sub-level-wrapper ul.hasContentAssets li.level-2-link.has-child:hover { height: auto; } .level-2 .content-column { display: block; } @media screen and (max-width: 39.9375em) { .level-2 .content-column { display: none; } } .top-banner { background: #ffffff; position: relative; } .utility-nav { background: #c8102e; height: 0; -ms-flex-order: 2; order: 2; } @media print, screen and (min-width: 40em) { .utility-nav { height: 2.5em; } } @media screen and (max-width: 39.9375em) { .hidden-xs { display: none !important; } } @media print, screen and (min-width: 40em) { .hidden-lg { display: none !important; } } a:focus { outline: none; } #minimized-header-container { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; position: relative; top: auto; bottom: auto; border-bottom: 1px solid #d6d9d9; } @media print, screen and (min-width: 40em) { #minimized-header-container { z-index: 30; display: block; } } @media screen and (max-width: 39.9375em) { #minimized-header-container { visibility: visible; opacity: 1; } } #minimized-header-container.fix-menu { position: fixed; bottom: auto; top: 0; transition: all 0.5s ease; width: 100%; background: #ffffff; } #minimized-header-container .sticky { transform: initial; } #minimized-header-container ul.user-bag { position: absolute; top: 24px; z-index: 30; margin: 0; line-height: 1; } .is-homepage #minimized-header-container ul.user-bag { top: 45px; } @media screen and (max-width: 39.9375em) { .is-homepage #minimized-header-container ul.user-bag { top: 28px; position: absolute; display: -ms-flexbox; display: flex; } } @media print, screen and (min-width: 40em) { #minimized-header-container ul.user-bag { right: 35px; } .is-homepage #minimized-header-container ul.user-bag { right: 33px; } } @media print, screen and (min-width: 64em) { .is-homepage #minimized-header-container ul.user-bag { right: 80px; } } @media screen and (max-width: 39.9375em) { #minimized-header-container ul.user-bag { top: 28px; right: 28px; z-index: 10; position: absolute; display: -ms-flexbox; display: flex; } } #minimized-header-container ul.user-bag > li { float: left; margin-left: 35px; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { #minimized-header-container ul.user-bag > li { margin-left: 20px; } } @media screen and (max-width: 39.9375em) { #minimized-header-container ul.user-bag > li { margin-left: 18px; } } #minimized-header-container ul.user-bag > li .iconfont-22 { font-size: 22px; } #minimized-header-container ul.user-bag > li .header-customer-info li { float: none; margin: 0 20px; } #minimized-header-container ul.user-bag > li .header-customer-info li a { padding: 10px 0; display: block; line-height: 28px; padding-left: 20px; } #minimized-header-container ul.user-bag > li .header-customer-info li a:hover { color: #8c9292; } #minimized-header-container ul.accordion li { margin-left: 0; float: none; } .pt_storefront #minimized-header-container { position: absolute; bottom: 0; left: 0; right: 0; top: auto; margin-bottom: 0; box-shadow: none; transition: none; border-bottom: none; } @media screen and (max-width: 39.9375em) { .pt_storefront #minimized-header-container { bottom: auto; top: 0px; left: auto; } } .pt_storefront #minimized-header-container.fix-menu { position: fixed; bottom: auto; top: 0; transition: all 0.5s ease; box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.15); } .sticky-header .top-banner { width: 100%; } @media print, screen and (min-width: 40em) { .sticky-header .top-banner { max-width: 100%; } .sticky-header .top-banner ul { display: inline; } .sticky-header .top-banner ul.quick-access-menu { margin: 0; width: auto; } } #wrapper.sticky-header #minimized-header-container { transform: translate3d(0px, -100%, 0); } @media screen and (max-width: 39.9375em) { #wrapper.sticky-header #minimized-header-container { visibility: hidden; opacity: 0; } } @media screen and (max-width: 39.9375em) { #minimized-header-container { bottom: auto; top: 0px; left: auto; right: 0; position: absolute; } } #minimized-header-container.fix-menu .level-1-inner li a, #minimized-header-container.fix-menu .level-1-inner li span { padding: 30px 0; } @media screen and (max-width: 39.9375em) { #minimized-header-container.fix-menu .level-1-inner li a, #minimized-header-container.fix-menu .level-1-inner li span { font-size: 1rem; } } #minimized-header-container.fix-menu .level-1-inner li .hasContentAssets .content-column a, #minimized-header-container.fix-menu .level-1-inner li .hasContentAssets .content-column span { padding: 0; } #minimized-header-container.fix-menu ul.user-bag { top: 25px; } @media screen and (max-width: 39.9375em) { #wrapper.sticky-header .header-top-outer { transform: translate3d(0px, -100%, 0); transition: transform 0.3s linear; } } @media screen and (max-width: 39.9375em) { .guest-greeting { display: none; } } .primary-logo { max-width: 160px; z-index: 1; } @media print, screen and (min-width: 40em) { .primary-logo { margin: 0; display: inline-block; } } @media print, screen and (min-width: 64em) { .primary-logo { max-width: 230px; width: 100%; } } .primary-logo a { display: block; line-height: 1; } .primary-logo .iconfont-logo { font-size: 45px; color: #8c9292; } @media print, screen and (min-width: 40em) { .primary-logo .iconfont-logo { font-size: 80px; } } .header-banner { display: block; background-color: #cc0000; width: 100%; } .header-banner .header-promotion { color: #ffffff; text-align: center; padding: 0.5em; font-weight: 400; font-size: 12px; } @media print, screen and (min-width: 40em) { .header-banner { background-color: #353737; } } .header-search { background-color: #ffffff; margin: 0 auto; width: 100%; position: relative; } @media print, screen and (min-width: 40em) { .header-search { background-color: transparent; display: block; margin: 0 auto; } } @media screen and (max-width: 39.9375em) { .header-search { z-index: 70; } } .header-search form { margin-top: 0; } .header-search input[type="text"], .header-search input { background-color: transparent; border: none; color: #ffffff; float: left; padding: 0; width: 85%; width: calc(100% - 1.3rem); font-size: .85em; font-weight: 500; } .header-search input[type="text"]:-ms-input-placeholder, .header-search input:-ms-input-placeholder { color: #ffffff; } .header-search input[type="text"]::placeholder, .header-search input::placeholder { color: #ffffff; } @media screen and (max-width: 600px) { .header-search input[type="text"], .header-search input { color: #676d6d !important; transition: color .5s ease; } .header-search input[type="text"]:-ms-input-placeholder, .header-search input:-ms-input-placeholder { color: #ffffff; } .header-search input[type="text"]::placeholder, .header-search input::placeholder { color: #ffffff; } .header-search input[type="text"]:focus, .header-search input:focus { color: #000; font-weight: 700; } } .header-search input[type="text"]:focus, .header-search input:focus { color: #353737; outline: none; color: #ffffff; font-weight: 700; } .header-search button { background-color: transparent !important; } .header-search button:hover { color: #000; } .header-search button span { font-size: 16px; font-weight: bold; } .header-search .go-label { display: none; } .header-search .field-button-container { border-bottom: 1px #676d6d solid; } @media print, screen and (min-width: 40em) { .header-search .field-button-container { border-bottom: 1px #ffffff solid; } } .header-search .field-button-container input::-webkit-input-placeholder { color: #353737; } .header-search .field-button-container input::-moz-placeholder { color: #353737; } .header-search .field-button-container input:-ms-input-placeholder { color: #353737; } .header-search .field-button-container input:-moz-placeholder { color: #353737; } .quick-access-menu { list-style: none; text-align: center; padding: 11px 0; width: 100%; margin: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 40em) { .quick-access-menu { padding: 20px 0 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } } .quick-access-menu li { display: inline-block; font-size: 6.6vw; } @media print, screen and (min-width: 40em) { .quick-access-menu li { font-size: 1em; } } #header-top { position: relative; z-index: 100; } #header-top .small-collapse p { margin: 0; } .pt_storefront #homepage-hero { margin: 0; padding: 0; } .header-top-outer { margin-top: 33px; } .is-homepage .header-top-outer { margin-top: 30px; } @media screen and (max-width: 39.9375em) { .header-top-outer { margin-top: 0; position: relative; z-index: 10; background: #ffffff; border-bottom: 1px solid #e5e8e8; width: 100%; top: 0; left: 0; } } .header-top-outer .logo { text-align: center; } @media screen and (max-width: 39.9375em) { .header-top-outer .logo { position: initial; top: auto; left: auto; transform: none; width: 100%; text-align: center; padding: 17px 0; } } .header-top-outer .logo a { line-height: 1; display: inline-block; } .header-top-outer .logo a .iconfont-logo { font-size: 80px; color: #8c9292; } .is-homepage .header-top-outer .logo a .iconfont-logo { font-size: 90px; } @media screen and (max-width: 1199px) { .header-top-outer .logo a .iconfont-logo { font-size: 70px; } } @media screen and (max-width: 991px) { .header-top-outer .logo a .iconfont-logo { font-size: 45px; } } @media screen and (max-width: 1199px) { .header-top-outer .logo a .iconfont-logo-new svg { height: 70px; } } @media screen and (max-width: 991px) { .header-top-outer .logo a .iconfont-logo-new svg { height: 45px; } } .header-top-outer .logo a .sp-only { display: none; } .header-top-outer .search-language { position: absolute; z-index: 50; top: -26px; right: 0; font-size: 11px; letter-spacing: 0.55px; } .is-homepage .header-top-outer .search-language { top: -15px; } @media screen and (max-width: 1199px) { .header-top-outer .search-language { right: 40px; } } .header-top-outer .search-language li { float: left; margin-left: 25px; } .header-top-outer .search-language li a { text-transform: uppercase; } .header-top-outer .search-language li a span { font-size: 17px; margin-right: 3px; position: relative; top: -1px; } .header-top-outer .account-cart { position: absolute; z-index: 50; top: -15px; right: 0; font-size: 12px; letter-spacing: .55px; } .header-top-outer ul.user-bag { line-height: 1; } .header-top-outer ul.user-bag .drawer-item { font-size: 14px; } @media screen and (max-width: 39.9375em) { .header-top-outer ul.user-bag .drawer-item { font-size: 12px; } } .header-top-outer ul.user-bag > li .header-customer-info li { float: none; margin: 0 20px; } .header-top-outer ul.user-bag > li .header-customer-info li a { padding: 10px 0; display: block; line-height: 28px; padding-left: 20px; } .is-homepage .header-top-outer .cart-text { padding-top: 5px; padding-left: 12px; } .is-homepage .header-top-outer .account-text { padding-top: 5px; padding-left: 2px; } .is-homepage .header-top-outer .btn-language { padding-top: 5px; } @media screen and (max-width: 39.9375em) { .is-homepage .header-top-outer .cart-text { padding-top: 8px; padding-left: 0; } .is-homepage .header-top-outer .account-text { padding-top: 8px; padding-left: 0; } } .account-cart .account-text, .account-cart .cart-text { display: inline-block; font-size: 11px; white-space: nowrap; } @media screen and (max-width: 767px) { .account-cart .account-text, .account-cart .cart-text { display: block; } } .account-cart li { float: left; margin-left: 25px; } @media screen and (max-width: 1199px) { .account-cart { right: 40px; } .account-cart .mini-cart-total .mini-cart-link .minicart-quantity { bottom: 20px; left: auto; right: -5px; } } ul.account-cart.user-bag > li .iconfont-22 { font-size: 22px; margin-right: 3px; } @media screen and (max-width: 767px) { ul.account-cart.user-bag { top: 5px; right: 0; } ul.account-cart.user-bag > li { text-align: center; margin-left: 8px; } } .h-search { position: absolute; left: 0; max-width: 300px; width: 21.429vw; } .h-search form input { border: none; padding: 10px 10px 10px 30px; } .h-search button { background-color: transparent !important; } .h-search button span { font-size: 16px; font-weight: 700; color: #353737; } .h-search .go-label { display: none; } @media print, screen and (min-width: 48em) { .h-search form { border-bottom: 1px solid #353737; display: block; margin: 0 auto; } } @media print, screen and (min-width: 40em) { .h-search input[type=button] { letter-spacing: .7px; padding: 10px; } } .pt_storefront .header-top-outer { position: absolute; width: 100%; top: 0; left: 0; margin-top: 0; } @media screen and (max-width: 39.9375em) { .pt_storefront .header-top-outer { margin-top: 0; position: relative; z-index: 10; background: #ffffff; border-bottom: 1px solid #e5e8e8; width: 100%; } } .pt_storefront .header-top-outer .logo { position: absolute; z-index: 1; top: 40px; left: 50%; transform: translateX(-50%); } @media screen and (max-width: 39.9375em) { .pt_storefront .header-top-outer .logo { position: initial; top: auto; left: auto; transform: none; width: 100%; text-align: center; padding: 17px 0; } } .pt_storefront .header-top-outer .logo a { line-height: 1; } .pt_storefront .header-top-outer .logo a .iconfont-logo { font-size: 90px; color: #8c9292; } @media screen and (max-width: 1199px) { .pt_storefront .header-top-outer .logo a .iconfont-logo { font-size: 70px; } } @media screen and (max-width: 991px) { .pt_storefront .header-top-outer .logo a .iconfont-logo { font-size: 45px; } } @media screen and (max-width: 1199px) { .pt_storefront .header-top-outer .logo a .iconfont-logo-new svg { height: 70px; width: auto; } } @media screen and (max-width: 991px) { .pt_storefront .header-top-outer .logo a .iconfont-logo-new svg { height: 45px; } } .pt_storefront .header-top-outer .search-language { position: absolute; z-index: 50; top: 15px; right: 0; font-size: 11px; letter-spacing: 0.55px; } @media screen and (max-width: 1199px) { .pt_storefront .header-top-outer .search-language { right: 40px; } } .pt_storefront .header-top-outer .search-language li { float: left; margin-left: 25px; } .pt_storefront .header-top-outer .search-language li a { text-transform: uppercase; } .pt_storefront .header-top-outer .search-language li a span { font-size: 17px; margin-right: 3px; position: relative; top: -1px; } .language { position: relative; } @media screen and (max-width: 39.9375em) { .language { right: -5px; display: inline-block; } } @media screen and (max-width: 39.9375em) { .language .btn-language { font-size: 12px; text-align: left; } } .language .btn-language span.iconfont-globe { font-size: 17px; margin-right: 5px; } .language .btn-language ul.language-dropdown { visibility: hidden; opacity: 0; position: absolute; top: 0; right: -38px; width: 160px; font-size: 14px; box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.15); border: 1px solid #d6d9d9; background-color: #ffffff; } @media screen and (max-width: 1199px) { .language .btn-language ul.language-dropdown { transition: all .3s ease; } } .language .btn-language ul.language-dropdown.active { display: block; } .language .btn-language ul.language-dropdown li { margin-left: 0; float: none; line-height: 1.75; padding: 0; border: 1px solid #ffffff; position: relative; } .language .btn-language ul.language-dropdown li:hover { background-color: #f4f5f7; transition: all ease 0.3s; } .language .btn-language ul.language-dropdown li.active:hover { background-color: #ffffff; } .language .btn-language ul.language-dropdown li.active a:before { font-family: 'iconfont64'; content: "\E004"; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; font-size: 16px; left: 17px; } .language .btn-language ul.language-dropdown li a { padding: 7px 0 5px 50px; text-transform: none; display: block; } .language .btn-language ul.language-dropdown li a span { font-size: 14px; } .language .btn-language:hover ul.language-dropdown { visibility: visible; opacity: 1; top: -12px; } @media screen and (max-width: 1199px) { .language .btn-language:hover ul.language-dropdown { transition: all .3s ease; } } .language .btn-language .show-dropdown { display: inline-block; width: 130px; overflow: hidden; padding: 5px 0; border-bottom: 1px solid #353737; } .language .btn-language .show-dropdown span { font-size: 12px; font-weight: 700; float: right; line-height: 28px; } .language .btn-language .lang-lg { text-transform: uppercase; } .row-expanded { max-width: 78.75rem; margin: 0 auto; } .row-expanded { position: relative; width: 100%; padding-left: 20px; padding-right: 20px; } @media screen and (min-width: 1199px) { .row-expanded { padding-left: 0; padding-right: 0; } } #navigation { text-transform: uppercase; width: 100%; } @media screen and (max-width: 39.9375em) { #navigation { position: fixed; background-color: #ffffff; top: 79px; left: -100%; opacity: 0; width: 100vw; max-height: calc(100vh - 80px); overflow-y: scroll; z-index: 1000; transition: all ease 0.5s; padding-bottom: 200px; padding-left: 20px; padding-right: 20px; } #navigation.active { left: 0; opacity: 1; transition: all ease 0.5s; border-top: 1px solid #e5e8e8; } } @media screen and (max-width: 39.9375em) { #minimized-header-container.has-header-promotion #navigation, #minimized-header-container.has-header-promotion .bubble, #minimized-header-container.has-header-promotion .mini-cart-content { top: 115px; } } #nav-icon { position: absolute; z-index: 1; left: 0; top: 25px; transform: rotate(0deg); transition: .5s ease-in-out; cursor: pointer; } #nav-icon span { font-size: 16px; text-align: center; } #nav-icon .menu-bar-close { position: absolute; left: -40px; top: 1px; opacity: 0; transition: all .3s ease; } #nav-icon .menu-bar { margin-left: 10px; transition: all .3s ease; } #nav-icon .icon-search { position: absolute; top: 1.5vw; right: -6vw; } #nav-icon.open .menu-bar-close { opacity: 1; left: 10px; transition: all .3s ease; } #nav-icon.open .menu-bar { opacity: 0; margin-left: 25px; transition: all .3s ease; } #nav-icon.open .icon-search { display: none; } .overlay { content: ''; display: none; position: fixed; top: 79px; left: 0; width: 100vw; height: 100vh; background: #000; opacity: .6; z-index: 99; } .overlay.active { display: block; } html.nav-open body { overflow: hidden; } #search { margin-bottom: 30px; margin-top: 15px; } #search .row, #search .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template #search .content-asset, #search .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template #search .content-asset { z-index: 1; } @media print, screen and (min-width: 40em) { #search { position: fixed; top: 0; left: 0; width: 100%; background-color: #ffffff; margin: 0; padding: 15px 0; box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.15); transform: translateY(30px); opacity: 0; visibility: hidden; } #search.active { transform: translateY(0); opacity: 1; visibility: visible; } } @media screen and (max-width: 39.9375em) { #search { margin-top: 21px; margin-bottom: 40px; } } #search button { background-color: rgba(0, 0, 0, 0); padding: 0; } @media screen and (max-width: 39.9375em) { #search button { position: absolute; top: 12px; left: 0; } } #search button span { color: #353737; } #search button:focus { outline: none; } #search #close-search { position: absolute; right: 10%; top: 50%; transform: translateY(-50%); z-index: 10; } @media screen and (max-width: 1199px) { #search #close-search { right: 20px; } } #search form { width: 100%; border-bottom: 1px solid #353737; position: relative; } @media print, screen and (min-width: 40em) { #search form { width: 640px; border-bottom: 1px solid #353737; display: block; margin: 0 auto; } } @media screen and (max-width: 39.9375em) { #search form { border-bottom: none; } } #search form input { border: none; padding: 15px 10px 15px 30px; } #search form input:focus { outline: none; } #search form input::-webkit-input-placeholder { color: #8c9292; } #search form input::-moz-placeholder { color: #8c9292; } #search form input:-ms-input-placeholder { color: #8c9292; } #search form input:-moz-placeholder { color: #8c9292; } @media print, screen and (min-width: 40em) { #search form input { padding-left: 0; padding-right: 30px; } } #search form #submit-search { position: absolute; z-index: 1; left: 5px; top: 15px; } @media print, screen and (min-width: 40em) { #search form #submit-search { right: 0; left: auto; top: 13px; } } button.none-bg { padding: 0; background-color: rgba(0, 0, 0, 0); color: #353737; } button.none-bg:focus { outline: none; } .account-info h4 { text-transform: uppercase; margin-top: 5px; padding-left: 20px; padding-right: 20px; } .account-info h1, .account-info p.login-title { margin-top: 30px; display: none; } .account-info h2 { margin-left: 1.25rem; margin-right: 1.25rem; } .account-info .accordion, .account-info .login-note { display: none; } .account-info .login-note { padding: 0 1.25rem; } .account-info .login-rememberme { margin-bottom: 10px; } .account-info .login-page-box { max-height: 550px; overflow-y: scroll; } .account-info .login-page-box::-webkit-scrollbar { width: 4px; } .account-info .login-page-box::-webkit-scrollbar-thumb { background: #8c9292; } @media screen and (max-width: 39.9375em) { .account-info .login-page-box { max-height: calc(100vh - 110px); } } .account-info .login-page-box form { padding: 10px 20px; } @media screen and (max-width: 39.9375em) { .account-info .login-page-box form { padding: 30px 20px 10px; } } .account-info .login-page-box form input { border: none; border-bottom: 1px solid #353737; padding: 20px 0 18px; } .account-info .login-page-box form input:focus { outline: none; } .account-info .login-page-box form input::-webkit-input-placeholder { color: #8c9292; font-size: 16px; } .account-info .login-page-box form input::-moz-placeholder { color: #8c9292; font-size: 16px; } .account-info .login-page-box form input:-ms-input-placeholder { color: #8c9292; font-size: 16px; } .account-info .login-page-box form input:-moz-placeholder { color: #8c9292; font-size: 16px; } .account-info .login-page-box form .button--black-300 { margin: 40px auto; } @media screen and (max-width: 39.9375em) { .account-info .login-page-box .create-new-account { padding: 0 1.25rem; } } .account-info a.password-reset, .account-info .login-rememberme label { font-size: 12px; } .account-info .create-new-account { margin-top: 0; } .account-info .create-new-account a.button { max-width: none; background-color: rgba(0, 0, 0, 0); color: #353737; text-transform: capitalize; padding: 0; text-decoration: underline; } .account-info .login-box-content form .form-row label { display: none; } .account-info .login-box-content form .form-row.login-rememberme label { display: block; } .account-info .registration-group a { display: block; text-align: center; text-decoration: underline; font-size: 12px; margin-bottom: 15px; } .hero-slide { position: relative; background-image: none; text-align: center; } @media print, screen and (min-width: 40em) { .hero-slide .has-bg-img { background-image: none !important; } } @media screen and (max-width: 39.9375em) { .hero-slide .has-bg-img { display: block; position: relative; background-position: center; background-repeat: no-repeat; background-size: 100% auto; height: 100vw; } .hero-slide .has-bg-img img { display: none; } } .hero-slide .floating-hero-slide { position: absolute; } .hero-slide .floating-hero-slide .hero-slide-content { width: 100%; text-align: center; font-size: 24px; letter-spacing: 1.2px; } @media screen and (max-width: 1199px) { .hero-slide .floating-hero-slide .hero-slide-content { font-size: 16px; } } @media screen and (max-width: 39.9375em) { .hero-slide .floating-hero-slide .hero-slide-content { width: 300px; margin: 0 auto; font-size: 14px; } } .hero-slide .floating-hero-slide .text-center { width: 100%; text-align: center; } @media screen and (max-width: 39.9375em) { .hero-slide .floating-hero-slide .text-center { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } } .hero-slide .floating-hero-slide .text-center .text-center-inner { width: 255px; margin: 32px 0; } @media screen and (max-width: 1199px) { .hero-slide .floating-hero-slide .text-center .text-center-inner { margin: 10px 0; } } @media screen and (max-width: 39.9375em) { .hero-slide .floating-hero-slide .text-center .text-center-inner { width: 160px; margin: 24px 0; } } .hero-slide .floating-hero-slide .text-center .text-center-inner button, .hero-slide .floating-hero-slide .text-center .text-center-inner .button, .hero-slide .floating-hero-slide .text-center .text-center-inner input[type="button"] { margin: 0 auto; } .hero-slide .floating-hero-slide.float-center { left: 0; right: 0; top: 50%; transform: translateY(-50%); } @media screen and (max-width: 39.9375em) { .hero-slide .floating-hero-slide.float-center { position: relative; left: auto; right: auto; top: calc(50% - 20px); } } .hero-slide .floating-hero-slide.float-right { top: 260px; width: 100%; } @media screen and (max-width: 1600px) { .hero-slide .floating-hero-slide.float-right { top: 50%; transform: translateY(-50%); } } @media screen and (max-width: 1199px) { .hero-slide .floating-hero-slide.float-right { right: 0; } } @media screen and (max-width: 991px) { .hero-slide .floating-hero-slide.float-right { right: -25%; } } @media screen and (max-width: 39.9375em) { .hero-slide .floating-hero-slide.float-right { position: relative; left: auto; top: 50%; transform: translateY(-50%); right: 0; top: calc(50% - 14px); } } .hero-slide .floating-hero-slide.float-right .row, .hero-slide .floating-hero-slide.float-right .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .hero-slide .floating-hero-slide.float-right .content-asset, .hero-slide .floating-hero-slide.float-right .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .hero-slide .floating-hero-slide.float-right .content-asset { position: relative; -ms-flex-pack: end; justify-content: flex-end; } .hero-slide .floating-hero-slide.float-right .row .content-float, .hero-slide .floating-hero-slide.float-right .pt_content-search-result-static .no-left-nav-template .content-asset .content-float, .pt_content-search-result-static .no-left-nav-template .hero-slide .floating-hero-slide.float-right .content-asset .content-float, .hero-slide .floating-hero-slide.float-right .pt_content-search-result-static .left-nav-template .content-asset .content-float, .pt_content-search-result-static .left-nav-template .hero-slide .floating-hero-slide.float-right .content-asset .content-float { float: right; margin-right: 250px; } @media screen and (max-width: 39.9375em) { .hero-slide .floating-hero-slide.float-right .row .content-float, .hero-slide .floating-hero-slide.float-right .pt_content-search-result-static .no-left-nav-template .content-asset .content-float, .pt_content-search-result-static .no-left-nav-template .hero-slide .floating-hero-slide.float-right .content-asset .content-float, .hero-slide .floating-hero-slide.float-right .pt_content-search-result-static .left-nav-template .content-asset .content-float, .pt_content-search-result-static .left-nav-template .hero-slide .floating-hero-slide.float-right .content-asset .content-float { margin-right: 30px; } } .hero-slide .floating-hero-slide.float-right .row .content-float .hero-slide-content, .hero-slide .floating-hero-slide.float-right .pt_content-search-result-static .no-left-nav-template .content-asset .content-float .hero-slide-content, .pt_content-search-result-static .no-left-nav-template .hero-slide .floating-hero-slide.float-right .content-asset .content-float .hero-slide-content, .hero-slide .floating-hero-slide.float-right .pt_content-search-result-static .left-nav-template .content-asset .content-float .hero-slide-content, .pt_content-search-result-static .left-nav-template .hero-slide .floating-hero-slide.float-right .content-asset .content-float .hero-slide-content { width: 255px; } @media screen and (max-width: 39.9375em) { .hero-slide .floating-hero-slide.float-right .row .content-float .hero-slide-content, .hero-slide .floating-hero-slide.float-right .pt_content-search-result-static .no-left-nav-template .content-asset .content-float .hero-slide-content, .pt_content-search-result-static .no-left-nav-template .hero-slide .floating-hero-slide.float-right .content-asset .content-float .hero-slide-content, .hero-slide .floating-hero-slide.float-right .pt_content-search-result-static .left-nav-template .content-asset .content-float .hero-slide-content, .pt_content-search-result-static .left-nav-template .hero-slide .floating-hero-slide.float-right .content-asset .content-float .hero-slide-content { width: 155px; text-align: justify; } } .hero-slide .floating-hero-slide.float-right .row .content-float .hero-slide-content span, .hero-slide .floating-hero-slide.float-right .pt_content-search-result-static .no-left-nav-template .content-asset .content-float .hero-slide-content span, .pt_content-search-result-static .no-left-nav-template .hero-slide .floating-hero-slide.float-right .content-asset .content-float .hero-slide-content span, .hero-slide .floating-hero-slide.float-right .pt_content-search-result-static .left-nav-template .content-asset .content-float .hero-slide-content span, .pt_content-search-result-static .left-nav-template .hero-slide .floating-hero-slide.float-right .content-asset .content-float .hero-slide-content span { display: block; margin-bottom: 20px; } @media screen and (max-width: 1199px) { .hero-slide .floating-hero-slide.float-right .row .content-float .hero-slide-content span, .hero-slide .floating-hero-slide.float-right .pt_content-search-result-static .no-left-nav-template .content-asset .content-float .hero-slide-content span, .pt_content-search-result-static .no-left-nav-template .hero-slide .floating-hero-slide.float-right .content-asset .content-float .hero-slide-content span, .hero-slide .floating-hero-slide.float-right .pt_content-search-result-static .left-nav-template .content-asset .content-float .hero-slide-content span, .pt_content-search-result-static .left-nav-template .hero-slide .floating-hero-slide.float-right .content-asset .content-float .hero-slide-content span { margin-bottom: 0; } } .hero-slide .floating-hero-slide.float-right .row .content-float .hero-slide-content span:last-child, .hero-slide .floating-hero-slide.float-right .pt_content-search-result-static .no-left-nav-template .content-asset .content-float .hero-slide-content span:last-child, .pt_content-search-result-static .no-left-nav-template .hero-slide .floating-hero-slide.float-right .content-asset .content-float .hero-slide-content span:last-child, .hero-slide .floating-hero-slide.float-right .pt_content-search-result-static .left-nav-template .content-asset .content-float .hero-slide-content span:last-child, .pt_content-search-result-static .left-nav-template .hero-slide .floating-hero-slide.float-right .content-asset .content-float .hero-slide-content span:last-child { margin-bottom: 0; } .hero-slide .floating-hero-slide.float-right.one-line { top: 303px; } @media screen and (max-width: 1600px) { .hero-slide .floating-hero-slide.float-right.one-line { top: 50%; transform: translateY(-50%); } } .hero-slide .floating-hero-slide.float-right.one-line .row .content-float, .hero-slide .floating-hero-slide.float-right.one-line .pt_content-search-result-static .no-left-nav-template .content-asset .content-float, .pt_content-search-result-static .no-left-nav-template .hero-slide .floating-hero-slide.float-right.one-line .content-asset .content-float, .hero-slide .floating-hero-slide.float-right.one-line .pt_content-search-result-static .left-nav-template .content-asset .content-float, .pt_content-search-result-static .left-nav-template .hero-slide .floating-hero-slide.float-right.one-line .content-asset .content-float { margin-right: 0; } @media screen and (max-width: 39.9375em) { .hero-slide .floating-hero-slide.float-right.one-line .row .content-float, .hero-slide .floating-hero-slide.float-right.one-line .pt_content-search-result-static .no-left-nav-template .content-asset .content-float, .pt_content-search-result-static .no-left-nav-template .hero-slide .floating-hero-slide.float-right.one-line .content-asset .content-float, .hero-slide .floating-hero-slide.float-right.one-line .pt_content-search-result-static .left-nav-template .content-asset .content-float, .pt_content-search-result-static .left-nav-template .hero-slide .floating-hero-slide.float-right.one-line .content-asset .content-float { margin-right: 15px; } } .hero-slide .floating-hero-slide.float-right.one-line .row .content-float .hero-slide-content, .hero-slide .floating-hero-slide.float-right.one-line .pt_content-search-result-static .no-left-nav-template .content-asset .content-float .hero-slide-content, .pt_content-search-result-static .no-left-nav-template .hero-slide .floating-hero-slide.float-right.one-line .content-asset .content-float .hero-slide-content, .hero-slide .floating-hero-slide.float-right.one-line .pt_content-search-result-static .left-nav-template .content-asset .content-float .hero-slide-content, .pt_content-search-result-static .left-nav-template .hero-slide .floating-hero-slide.float-right.one-line .content-asset .content-float .hero-slide-content { padding-right: 240px; text-align: right; width: 530px; } @media screen and (max-width: 1600px) { .hero-slide .floating-hero-slide.float-right.one-line .row .content-float .hero-slide-content, .hero-slide .floating-hero-slide.float-right.one-line .pt_content-search-result-static .no-left-nav-template .content-asset .content-float .hero-slide-content, .pt_content-search-result-static .no-left-nav-template .hero-slide .floating-hero-slide.float-right.one-line .content-asset .content-float .hero-slide-content, .hero-slide .floating-hero-slide.float-right.one-line .pt_content-search-result-static .left-nav-template .content-asset .content-float .hero-slide-content, .pt_content-search-result-static .left-nav-template .hero-slide .floating-hero-slide.float-right.one-line .content-asset .content-float .hero-slide-content { text-align: center; } } @media screen and (max-width: 39.9375em) { .hero-slide .floating-hero-slide.float-right.one-line .row .content-float .hero-slide-content, .hero-slide .floating-hero-slide.float-right.one-line .pt_content-search-result-static .no-left-nav-template .content-asset .content-float .hero-slide-content, .pt_content-search-result-static .no-left-nav-template .hero-slide .floating-hero-slide.float-right.one-line .content-asset .content-float .hero-slide-content, .hero-slide .floating-hero-slide.float-right.one-line .pt_content-search-result-static .left-nav-template .content-asset .content-float .hero-slide-content, .pt_content-search-result-static .left-nav-template .hero-slide .floating-hero-slide.float-right.one-line .content-asset .content-float .hero-slide-content { width: 200px; text-align: center; padding-right: 0; } } .hero-slide .floating-hero-slide.float-right.one-line .row .content-float .text-center-inner, .hero-slide .floating-hero-slide.float-right.one-line .pt_content-search-result-static .no-left-nav-template .content-asset .content-float .text-center-inner, .pt_content-search-result-static .no-left-nav-template .hero-slide .floating-hero-slide.float-right.one-line .content-asset .content-float .text-center-inner, .hero-slide .floating-hero-slide.float-right.one-line .pt_content-search-result-static .left-nav-template .content-asset .content-float .text-center-inner, .pt_content-search-result-static .left-nav-template .hero-slide .floating-hero-slide.float-right.one-line .content-asset .content-float .text-center-inner { float: right; padding-right: 240px; width: 530px; } @media screen and (max-width: 39.9375em) { .hero-slide .floating-hero-slide.float-right.one-line .row .content-float .text-center-inner, .hero-slide .floating-hero-slide.float-right.one-line .pt_content-search-result-static .no-left-nav-template .content-asset .content-float .text-center-inner, .pt_content-search-result-static .no-left-nav-template .hero-slide .floating-hero-slide.float-right.one-line .content-asset .content-float .text-center-inner, .hero-slide .floating-hero-slide.float-right.one-line .pt_content-search-result-static .left-nav-template .content-asset .content-float .text-center-inner, .pt_content-search-result-static .left-nav-template .hero-slide .floating-hero-slide.float-right.one-line .content-asset .content-float .text-center-inner { padding-right: 0; width: 140px; } } .hero-slide #close-search { position: absolute; right: 10%; top: 50%; transform: translateY(-50%); z-index: 1; } @media screen and (max-width: 1199px) { .hero-slide #close-search { right: 20px; } } .hero-slide form { width: 100%; border-bottom: 1px solid #353737; position: relative; } @media print, screen and (min-width: 40em) { .hero-slide form { width: 640px; border-bottom: 1px solid #353737; display: block; margin: 0 auto; } } .hero-slide form input { border: none; padding: 15px 10px 15px 30px; } .hero-slide form input:focus { outline: none; } .hero-slide form input::-webkit-input-placeholder { color: #8c9292; } .hero-slide form input::-moz-placeholder { color: #8c9292; } .hero-slide form input:-ms-input-placeholder { color: #8c9292; } .hero-slide form input:-moz-placeholder { color: #8c9292; } @media print, screen and (min-width: 40em) { .hero-slide form input { padding-left: 10px; padding-right: 30px; } } .hero-slide form #submit-search { position: absolute; z-index: 1; left: 5px; top: 15px; } @media print, screen and (min-width: 40em) { .hero-slide form #submit-search { right: 0; left: auto; top: 13px; } } /* login popup */ .bubble { position: fixed; left: 100%; top: 79px; width: 100vw; height: 100vh; opacity: 0; visibility: hidden; background-color: #ffffff; transition: all 0.3s ease; } .bubble.active { left: 0; opacity: 1; visibility: visible; transition: all 0.3s ease; } @media print, screen and (min-width: 40em) { .bubble { position: absolute; top: 53px; right: -37px; left: auto; width: 380px; height: auto; padding: 0px; padding-bottom: 40px; padding-top: 20px; border-radius: 0px; border: 1px solid #d6d9d9; box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.15); opacity: 0; visibility: hidden; transform: translateY(30px); transition: all 0.3s ease; } .bubble.active { left: auto; opacity: 1; visibility: visible; transform: translateY(0); transition: all 0.3s ease; } .bubble::after { content: ''; position: absolute; border-style: solid; border-width: 0 14px 15px; border-color: #ffffff transparent; display: block; width: 0; z-index: 1; top: -14px; right: 80px; } } @media screen and (min-width: 40em) and (max-width: 991px) { .bubble::after { right: 35px; } } @media print, screen and (min-width: 40em) { .bubble:before { content: ''; position: absolute; border-style: solid; border-width: 0 15px 15px; border-color: #d6d9d9 transparent; display: block; width: 0; z-index: 0; top: -15px; right: 79px; } } @media screen and (min-width: 40em) and (max-width: 991px) { .bubble:before { right: 35px; } } button.none-bg { padding: 0; background-color: rgba(0, 0, 0, 0); color: #353737; } button.none-bg:focus { outline: none; } .account-info form { padding: 20px 20px 10px; } @media screen and (max-width: 39.9375em) { .account-info form { padding: 60px 20px 20px; } } .account-info form h4 { text-transform: uppercase; } .account-info form .reset-password-link { text-align: center; } .account-info form .error-form { padding-bottom: 0; margin-top: 30px; } .account-info form .form-row.username { margin-bottom: 4px; } .account-info form input { border: none; border-bottom: 1px solid #353737; padding: 16px 0 14px; font-size: 16px; } .account-info form input.input-checkbox { padding: 0; border: 1px solid #d6d9d9; } .account-info form input:focus { outline: none; } .account-info form input::-webkit-input-placeholder { color: #8c9292; font-size: 16px; } .account-info form input::-moz-placeholder { color: #8c9292; font-size: 16px; } .account-info form input:-ms-input-placeholder { color: #8c9292; font-size: 16px; } .account-info form input:-moz-placeholder { color: #8c9292; font-size: 16px; } .account-info .registration-group a { display: block; text-align: center; text-decoration: underline; font-size: 12px; margin-bottom: 15px; } #close-login { font-size: 22px; background: #ffffff; float: right; margin-right: 20px; position: relative; top: -2px; right: -7px; } .bounder-block { position: relative; width: 100%; } @media screen and (max-width: 39.9375em) { #main { margin-top: 79px; } } .pt_storefront #main { margin-top: 0; } .header-search input[type="text"], .header-search input, .header-search input[type="text"]:focus, .header-search input:focus { color: #8c9292; } .header-search input[type="text"]::-webkit-input-placeholder, .header-search input::-webkit-input-placeholder, .header-search input[type="text"]:focus::-webkit-input-placeholder, .header-search input:focus::-webkit-input-placeholder { color: #353737; font-weight: 500; } .header-search input[type="text"]::-moz-placeholder, .header-search input::-moz-placeholder, .header-search input[type="text"]:focus::-moz-placeholder, .header-search input:focus::-moz-placeholder { color: #353737; font-weight: 500; } .header-search input[type="text"]:-ms-input-placeholder, .header-search input:-ms-input-placeholder, .header-search input[type="text"]:focus:-ms-input-placeholder, .header-search input:focus:-ms-input-placeholder { color: #353737; font-weight: 500; } .header-search input[type="text"]:-moz-placeholder, .header-search input:-moz-placeholder, .header-search input[type="text"]:focus:-moz-placeholder, .header-search input:focus:-moz-placeholder { color: #353737; font-weight: 500; } .search-page h1 { text-align: center; } .search-page h2 { color: #8c9292; font-weight: 500; font-size: 24px; letter-spacing: 1.2px; text-align: center; border: none; padding-top: 0; } @media screen and (max-width: 39.9375em) { .search-page h2 { font-size: 20px; } } #mini-cart { position: relative; } @media print, screen and (min-width: 40em) { #mini-cart { background-color: transparent; border-color: transparent; display: -ms-flexbox; display: flex; height: 100%; padding: 0; -ms-flex-align: center; align-items: center; border-bottom: transparent 3px solid; } #mini-cart:hover, #mini-cart.hover #mini-cart:focus { border-bottom: #ffffff 3px solid; } } #mini-cart .inactiveLink { pointer-events: none; cursor: default; } .mini-cart-total .mini-cart-link { display: block; color: #353737; text-transform: uppercase; } @media print, screen and (min-width: 40em) { .mini-cart-total .mini-cart-link { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; } } .mini-cart-total .mini-cart-link .minicart-quantity { background-color: #000; border-radius: 9px; color: #ffffff; font-size: 10px; position: absolute; text-align: center; width: 18px; height: 18px; line-height: 18px; padding-left: 2px; } @media print, screen and (min-width: 40em) { .mini-cart-total .mini-cart-link .minicart-quantity { font-size: 14px; position: static; } } .mini-cart-content { display: none; background-color: #ffffff; box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.15); border: solid 1px #d6d9d9; height: auto; position: absolute; padding: 30px 18px; right: 0; top: 39px; width: 380px; opacity: 0; visibility: hidden; transform: translateY(30px); transition: all 0.3s ease; z-index: 50; line-height: 1.75; } .mini-cart-content.active { display: block; left: auto; opacity: 1; visibility: visible; transform: translateY(0); transition: all 0.3s ease; } @media screen and (max-width: 39.9375em) { .mini-cart-content { position: fixed; top: 75px; width: 90vw; } .mini-cart-content.active { left: 5vw; right: auto; } } .mini-cart-content::before { content: ''; border-style: solid; border-width: 0 8px 11px; border-color: #d6d9d9 transparent; display: block; width: 0; position: absolute; z-index: 0; top: -12px; right: 19px; } @media screen and (max-width: 39.9375em) { .mini-cart-content::before { right: 3vw; } } .mini-cart-content::after { content: ''; border-style: solid; border-width: 0 8px 11px; border-color: #ffffff transparent; display: block; width: 0; position: absolute; z-index: 1; top: -11px; right: 19px; } @media screen and (max-width: 39.9375em) { .mini-cart-content::after { right: 3vw; } } .mini-cart-header { position: relative; margin-bottom: 29px; } .mini-cart-header h4 { text-align: left; } .mini-cart-header a { line-height: 1; position: absolute; top: -11px; right: 0; } .mini-cart-header a .icon-close { font-size: 20px; } .mini-cart-products { max-height: 350px; overflow: auto; text-align: left; padding-right: 15px; } .mini-cart-products::-webkit-scrollbar { width: 4px; } .mini-cart-products::-webkit-scrollbar-thumb { background: #8c9292; } @media screen and (max-width: 39.9375em) { .mini-cart-products { max-height: 200px; } } .mini-cart-products .mini-cart-label { font-size: 16px; padding-bottom: 15px; } .mini-cart-product { overflow: hidden; position: relative; padding: 20px 0 26px; border-top: 1px solid #d6d9d9; } @media print, screen and (min-width: 40em) { .mini-cart-product { padding: 14px 0 26px; } } .mini-cart-image { float: left; width: 100px; padding-right: 20px; } @media print, screen and (min-width: 40em) { .mini-cart-image { width: 160px; padding: 0 20px; } } .mini-cart-image img { max-width: 100%; min-height: 80px; } .mini-cart-details { float: right; width: calc(100% - 100px); } @media print, screen and (min-width: 40em) { .mini-cart-details { width: calc(100% - 160px); } } .mini-cart-details a { color: #353737; } .mini-cart-details .mini-cart-link-checkout { color: #353737; margin-top: 1em; } .mini-cart-details .exclude-tax { font-size: 10px; white-space: nowrap; } .mini-cart-details .mini-cart-quantity { margin-top: 10px; } @media screen and (max-width: 39.9375em) { .mini-cart-details .mini-cart-quantity { float: left; width: 40%; margin-top: 5px; } } @media screen and (max-width: 39.9375em) { .mini-cart-details .mini-cart-pricing { float: right; width: 60%; text-align: right; margin-top: 5px; } } .mini-cart-totals { text-align: center; } .mini-cart-totals button, .mini-cart-totals button, .mini-cart-totals .button, .mini-cart-totals input[type="button"] { overflow: inherit; width: 92%; } @media print, screen and (min-width: 40em) { .mini-cart-totals button, .mini-cart-totals button, .mini-cart-totals .button, .mini-cart-totals input[type="button"] { width: 88%; } } .mini-cart-subtotals { border-top: 1px solid #d6d9d9; font-weight: bold; margin: 0 auto; padding: 17px 0 21px; font-size: 13px; } @media print, screen and (min-width: 40em) { .mini-cart-subtotals { padding-bottom: 35px; font-size: 16px; } } .mini-cart-subtotals .label { float: left; } .mini-cart-subtotals .value { float: right; } .mini-cart-subtotals .exclude-tax { font-size: 10px; } @media print, screen and (min-width: 40em) { .mini-cart-subtotals .exclude-tax { font-size: 14px; } } .minicart-promotion { color: #cc0000; display: block; } .minicart-promotion .cart-promo { color: #cc0000; background: none; font-style: normal; } .mini-cart-link-checkout { clear: both; color: #353737 !important; display: block; margin: 1em 0 !important; text-align: center; text-decoration: underline !important; } /** For minicart modal in mobile view **/ #minicart-notification { background: #353737; border: 0; color: #ffffff; height: auto; min-height: auto; padding: 2em; position: relative; top: 128px; } #minicart-notification a { color: #ffffff; margin-top: 1.5em; margin-right: 1em; text-decoration: underline; display: inline-block; text-transform: uppercase; } #minicart-notification .product-name { font-weight: 700; } .mini-cart-total .mini-cart-link { padding-top: 2px; } @media screen and (max-width: 39.9375em) { .mini-cart-total .mini-cart-link { padding-top: 0; } } .mini-cart-total .mini-cart-link .minicart-quantity { font-size: 12px; position: absolute; right: -14px; bottom: -10px; padding-left: 0; letter-spacing: 0px; } .mini-cart-content.active { right: -20px; } #secondary h1 { font-size: 1.75em; font-style: italic; font-weight: 400; margin: 0 0 14px; } .primary-content dl { clear: both; overflow: hidden; } .primary-content dl dt { clear: both; float: left; margin: 2% 0 0; min-width: 15%; } .primary-content dl dd { float: left; margin: 2% 0 0; padding: 0 0 0 5%; } .col-1 { float: left; margin: 4px 0; width: 48%; } .col-2 { float: right; margin: 4px 0; width: 48%; } .section-header { background: url("../images/interface/icon-double-line-header.png") repeat-x scroll left top #ffffff; border-bottom: 1px solid #ffffff; font-size: 1.1em !important; font-weight: 700; margin: 0; padding: 1em; position: relative; text-transform: uppercase; } .section-header-note { font-size: 0.9em; font-weight: 400; text-transform: none; } .back { display: block; margin: 0 0 10px; } #category-level-1 li { display: block; font-family: "Helvetica Neue", "Noto Sans", sans-serif; margin: 0 0; border-bottom: #353737 1px solid; line-height: 1rem; } #category-level-1 li .refinement-link { background: none repeat scroll 0 0 transparent; font-weight: 700; display: inline-block; } #category-level-1 > li.expandable.active > span { color: #000; font-weight: bold; } .accordion-arrow { display: block; float: right; padding-right: 10px; } .accordion-arrow:after { color: #353737; content: "\f0d7"; float: right; font-family: "icomoon"; font-size: 12px; } .expanded > .accordion-arrow:after { color: #8c9292; content: "\f0d8"; } @media print, screen and (min-width: 40em) { .search-results #category-level-1 { padding-left: 10px; } } #category-level-2 { display: none; padding: .5em .1em 0 .7em; } #category-level-2 li { border-bottom: 0; padding: 5px 0; } #category-level-2 li a.refinement-link { font-weight: normal; margin: 0 0 0 .4em; padding: 0; } #category-level-2 li a.active { color: #353737; font-weight: 700; } #category-level-2 li:not(.expandable) { border-bottom: 0; } .expanded > #category-level-2 { display: block; } #category-level-3 { padding: .5em .1em 0 .7em; } #category-level-3 a.refinement-link { font-style: normal; margin: 0 0 0 .9em; padding: 0; } .refinement-header { display: block; font-size: 1.1em; font-weight: bold; margin: 0; padding: .25em 0; text-transform: capitalize; } .pt_product-search-result.search-results .refinement-header { display: none !important; } .pt_product-search-result #secondary { border: none !important; } .pt_product-search-result #secondary .refinement h3 i { font-size: 14px; margin-right: 10px; } .pt_product-search-result .search-text-wrapper h2 { text-transform: capitalize; } .pt_product-search-result .page-counter { padding-left: 35px; padding-bottom: 10px; } @media screen and (max-width: 39.9375em) { .pt_product-search-result .page-counter { text-align: center; padding-bottom: 20px; } } .refinement { padding-bottom: .65em; } .pt_categorylanding .refinement { display: none; } .pt_categorylanding .refinement.category-refinement { display: block; } .refinement h3 { border-bottom: 1px solid #000; font-size: 1em; letter-spacing: 0px; margin: 0 0 0; padding: 5px 0; text-transform: capitalize; } .ie7 .refinement h3 { clear: both; } .refinement h3 i { color: #000; float: right; padding-top: 5px; } .refinement ul { list-style: none outside none; margin: 0; padding: 0 0 0; } .refinement ul li { padding: 10px 0; } .refinement ul li i { color: #e0e0e0; } .refinement ul li.selected i { color: #64772d; } .refinement ul.swatches li { float: left; padding: .16em; } .refinement ul.swatches li a { border: 2px solid #e0e0e0; border-radius: .5em; display: block; padding: 0.2em 0.8em; } .refinement ul.swatches li.selected a { border-color: #353737; font-weight: bold; } .refinement ul.swatches li.unselectable a { background-image: url("../images/interface/icon-color-swatch-unselectable.png"); background-position: right top; } .refinement ul.refinementColor li a { height: 23px; padding: 0; text-indent: -999em; width: 30px; } .refinement .clear-refinement { font-weight: bold; padding: 0 1.05em 0.4em; } .refinement .refinement-link { border: 0 none; } .refinement .selected .refinement-link { background-position: left bottom; } .refinement .refinement-top-level { font-weight: 700; padding: 10px 0 10px; border-bottom: 1px #000 solid; } .scrollable { height: 10em; overflow: auto; } .nav ul { border: 0 none; list-style: none outside none; margin: .58em 0; padding: 0; } .nav .toggle { border: 0 none; display: block; font-size: 1em; font-weight: 700; margin: .83em 0 .58em; text-transform: uppercase; } .nav .toggle span { background: none repeat scroll 0 0 transparent; } .nav .expanded { background-position: left -96px; } footer { font-size: 14px; -ms-flex: 1; flex: 1; } footer .select-country { padding: 0; } footer .footer-middle-content { padding-top: 30px; } @media screen and (max-width: 39.9375em) { footer .footer-middle-content { margin: 0 !important; } } footer .footer-form { margin: 0 0 40px 0; } @media screen and (max-width: 39.9375em) { footer .footer-form { margin: 0 0 21px 0; } } footer .columns.social-container { margin: 0 0 0 0; padding: 0 0 0 0; } footer .footer-container { width: 100%; } footer .footer-container .sitemap-container { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; padding: 0 20px; margin-top: 10px; margin-bottom: -20px; } @media screen and (max-width: 39.9375em) { footer .footer-container .sitemap-container { -ms-flex-wrap: wrap; flex-wrap: wrap; } } footer .footer-container .sitemap-container .footer-item { font-size: 12px; position: relative; } footer .footer-container .sitemap-container .footer-item.about { margin-right: 20px; } @media screen and (max-width: 1199px) { footer .footer-container .sitemap-container .footer-item.about { margin-right: 0; } } @media screen and (max-width: 39.9375em) { footer .footer-container .sitemap-container .footer-item.products { padding-left: 7px; } } footer .footer-container .sitemap-container .footer-item.preferences, footer .footer-container .sitemap-container .footer-item.sitemap { left: -45px; } @media screen and (max-width: 1199px) { footer .footer-container .sitemap-container .footer-item.preferences, footer .footer-container .sitemap-container .footer-item.sitemap { left: auto; } } footer .footer-container .sitemap-container .footer-item.contact { left: -40px; } @media screen and (max-width: 1199px) { footer .footer-container .sitemap-container .footer-item.contact { left: auto; padding-left: 7px; } } @media screen and (max-width: 39.9375em) { footer .footer-container .sitemap-container .footer-item { max-width: unset; width: 50%; margin-bottom: 18px; } footer .footer-container .sitemap-container .footer-item:last-child { margin-bottom: 0; } } footer .footer-container .sitemap-container .footer-item .footer-links ul { margin: 0; padding: 0; } footer .footer-container .sitemap-container .footer-item .footer-links ul li { line-height: 1; list-style-type: none; margin-bottom: 20px; } footer .footer-container .sitemap-container .footer-item .footer-links ul li a { text-transform: uppercase; } @media screen and (max-width: 39.9375em) { footer .footer-container .sitemap-container .footer-item .footer-links ul li a { font-size: 12px; } } footer .footer-container .sitemap-container .footer-item .footer-links ul li a:hover { color: #8c9292; } footer .footer-container .sitemap-container .footer-item .footer-links ul li a.logo { font-size: 90px; color: #8c9292; } footer .footer-container .sitemap-container .footer-item .footer-links ul li .uppercase-disable { text-transform: none; } @media screen and (max-width: 39.9375em) { footer .footer-container { padding: 0; } } footer .footer-container > .row, footer .pt_content-search-result-static .no-left-nav-template .footer-container > .content-asset, .pt_content-search-result-static .no-left-nav-template footer .footer-container > .content-asset, footer .pt_content-search-result-static .left-nav-template .footer-container > .content-asset, .pt_content-search-result-static .left-nav-template footer .footer-container > .content-asset { border-top: 8px #000 solid; } @media screen and (max-width: 39.9375em) { footer .footer-container > .row, footer .pt_content-search-result-static .no-left-nav-template .footer-container > .content-asset, .pt_content-search-result-static .no-left-nav-template footer .footer-container > .content-asset, footer .pt_content-search-result-static .left-nav-template .footer-container > .content-asset, .pt_content-search-result-static .left-nav-template footer .footer-container > .content-asset { border-top: 10px #000 solid; } } footer .footer-container > .row .zip-field-container, footer .pt_content-search-result-static .no-left-nav-template .footer-container > .content-asset .zip-field-container, .pt_content-search-result-static .no-left-nav-template footer .footer-container > .content-asset .zip-field-container, footer .pt_content-search-result-static .left-nav-template .footer-container > .content-asset .zip-field-container, .pt_content-search-result-static .left-nav-template footer .footer-container > .content-asset .zip-field-container { border-bottom: 1px solid #8a8a8a; margin-bottom: 5px; display: inline-block; } footer .footer-container > .row .zip-field-container .zip-field, footer .pt_content-search-result-static .no-left-nav-template .footer-container > .content-asset .zip-field-container .zip-field, .pt_content-search-result-static .no-left-nav-template footer .footer-container > .content-asset .zip-field-container .zip-field, footer .pt_content-search-result-static .left-nav-template .footer-container > .content-asset .zip-field-container .zip-field, .pt_content-search-result-static .left-nav-template footer .footer-container > .content-asset .zip-field-container .zip-field { border: none; outline: none; width: 75%; } footer .footer-container > .row .zip-field-container .zip-submit, footer .pt_content-search-result-static .no-left-nav-template .footer-container > .content-asset .zip-field-container .zip-submit, .pt_content-search-result-static .no-left-nav-template footer .footer-container > .content-asset .zip-field-container .zip-submit, footer .pt_content-search-result-static .left-nav-template .footer-container > .content-asset .zip-field-container .zip-submit, .pt_content-search-result-static .left-nav-template footer .footer-container > .content-asset .zip-field-container .zip-submit { width: 15%; background: none; color: #8a8a8a; border: none; } @media print, screen and (min-width: 40em) { footer .footer-container > .row .zip-field-container .zip-submit, footer .pt_content-search-result-static .no-left-nav-template .footer-container > .content-asset .zip-field-container .zip-submit, .pt_content-search-result-static .no-left-nav-template footer .footer-container > .content-asset .zip-field-container .zip-submit, footer .pt_content-search-result-static .left-nav-template .footer-container > .content-asset .zip-field-container .zip-submit, .pt_content-search-result-static .left-nav-template footer .footer-container > .content-asset .zip-field-container .zip-submit { padding: 8px 0px; } } @media screen and (max-width: 64em) { footer .footer-container > .row .social-container, footer .pt_content-search-result-static .no-left-nav-template .footer-container > .content-asset .social-container, .pt_content-search-result-static .no-left-nav-template footer .footer-container > .content-asset .social-container, footer .pt_content-search-result-static .left-nav-template .footer-container > .content-asset .social-container, .pt_content-search-result-static .left-nav-template footer .footer-container > .content-asset .social-container { margin-bottom: 1em; } } @media print, screen and (min-width: 64em) { footer .footer-container > .row .social-container, footer .pt_content-search-result-static .no-left-nav-template .footer-container > .content-asset .social-container, .pt_content-search-result-static .no-left-nav-template footer .footer-container > .content-asset .social-container, footer .pt_content-search-result-static .left-nav-template .footer-container > .content-asset .social-container, .pt_content-search-result-static .left-nav-template footer .footer-container > .content-asset .social-container { text-align: right; } } footer .footer-container > .row .social-container .community, footer .pt_content-search-result-static .no-left-nav-template .footer-container > .content-asset .social-container .community, .pt_content-search-result-static .no-left-nav-template footer .footer-container > .content-asset .social-container .community, footer .pt_content-search-result-static .left-nav-template .footer-container > .content-asset .social-container .community, .pt_content-search-result-static .left-nav-template footer .footer-container > .content-asset .social-container .community { display: inline-block; } footer .footer-container .change-language a:hover { text-decoration: underline; } footer .footer-container .countries-selector { height: auto; } footer .medium-down-text-center { text-align: center; margin: 45px auto; } @media screen and (max-width: 39.9375em) { footer .medium-down-text-center { margin: 52px auto; } } footer .medium-down-text-center .content-asset { width: 100%; } footer .medium-down-text-center .content-asset ul li { list-style: none; } footer #email-alert-signup { white-space: nowrap; } footer #email-alert-signup input[type="text"] { border: none; margin-left: 0; width: 15em; } footer #email-alert-signup button { background-color: #8a8a8a; border: none; color: #ffffff; height: 31px; padding: 0; width: 31px; } @media screen and (max-width: 39.9375em) { .copyright-container { margin: 0 auto; } } .copyright-container .footer-copyright { margin-top: 20px; font-size: .8em; font-weight: 200; } @media print, screen and (min-width: 40em) { .copyright-container .footer-copyright { padding-left: 0px !important; padding-right: 0px !important; } } .row-border-none { border: none !important; } .no-outline-border { border: none; outline: none; } .store-locator { line-height: 1; } .store-locator label { font-weight: bold; margin-bottom: 0px; } .store-locator .field-button-container input { padding-top: 0px; } @media screen and (max-width: 39.9375em) { .content-asset ul.social-link, .content-asset ol.social-link { padding: 0; margin: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .social-link { -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center; display: -ms-flexbox; display: flex; padding: 0; list-style-type: none; } .social-link li { margin: 0 20px; list-style: none; } @media screen and (max-width: 39.9375em) { .social-link li { margin: 0 auto; width: 33.333333%; line-height: 60px; } } .social-link li a { color: #8c9292; font-size: 24px; } @media screen and (max-width: 39.9375em) { .social-link li a { font-size: 29px; } } .social-link li .icon-social img { width: 60px; position: relative; top: -3px; } @media screen and (max-width: 39.9375em) { .social-link li .icon-social img { top: auto; } } .policy { margin-top: 30px; } @media screen and (max-width: 39.9375em) { .policy { margin-top: 30px; } } .policy .content-asset ul { -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center; display: -ms-flexbox; display: flex; } @media screen and (max-width: 39.9375em) { .policy .content-asset ul { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (max-width: 39.9375em) { .policy .content-asset ul::before { display: none; } } .policy .content-asset ul li { margin: 0 10px; list-style: none; } @media screen and (max-width: 39.9375em) { .policy .content-asset ul li { width: 50%; margin-left: 0; margin-right: 0; margin-bottom: 10px; } .policy .content-asset ul li:nth-child(even) { padding-left: 10px; } } .policy .content-asset ul li a { font-size: 12px; } .policy .content-asset ul li a:hover { color: #8c9292; } .copy-right { text-align: center; margin: 25px 0 90px; } .copy-right .copy-right-text { font-size: 10px; } @media screen and (max-width: 39.9375em) { .copy-right { margin: 7px 0 90px; } } .logo-footer { font-size: 90px; line-height: 1; text-align: right; padding-right: 20px; } @media screen and (max-width: 39.9375em) { .logo-footer { text-align: center; padding-bottom: 40px; font-size: 60px; padding-right: 0; } } .logo-footer a { color: #8c9292; } @media screen and (max-width: 39.9375em) { .logo-footer a .iconfont-logo-new svg { width: 60px; } } .footer-bounder { padding-top: 40px; padding-bottom: 10px; background-color: #f4f5f7; } @media screen and (max-width: 39.9375em) { .footer-bounder { padding-top: 0; padding-bottom: 0; } } .swatch-black a { background-color: #000000 !important; } .swatch-beige a { background-color: #f5f5dc !important; } .swatch-blue a { background-color: blue !important; } .swatch-purple a { background-color: purple !important; } .swatch-red a { background-color: red !important; } .swatch-brown a { background-color: #783201 !important; } .swatch-green a { background-color: green !important; } .swatch-grey a { background-color: #8f979d !important; } .swatch-pink a { background-color: #fe249a !important; } .swatch-orange a { background-color: orange !important; } .swatch-white a { background-color: #ffffff !important; } .swatch-yellow a { background-color: #ffff00 !important; } .swatch-navy a { background-color: navy !important; } .swatch-miscellaneous a { background: url("../images/interface/icon-color-swatch-misc.png") no-repeat scroll left top transparent; } .unselectable.swatch-miscellaneous a { background: url("../images/interface/icon-color-swatch-misc-unselectable.png") no-repeat scroll left top transparent !important; } .product-tile { color: #000; position: relative; text-align: center; } .product-tile a.thumb-link { display: block; } .product-tile img { max-width: 100%; width: 100%; } .product-tile .product-image { max-width: 225px; position: relative; margin: 0 auto 23px; } .product-tile .product-image .quickview { /* background-color: rgba($dark-grey, 0.8); */ background-color: #000; color: #ffffff; font-weight: 500; text-transform: uppercase; display: none; width: 100% !important; width: -moz-max-content; width: max-content; max-width: 100%; top: 80%; left: 50%; padding: 0.5em; position: absolute; transform: translate(-50%, -50%); } .product-tile .product-image:hover .quickview { display: block; } .product-tile .badge-container { position: absolute; z-index: 2; width: 38%; font-weight: 700; line-height: 1.8em; text-align: left; font-size: 70%; pointer-events: none; } .product-tile .badge-container span { background-color: #fff; display: inline-block; line-height: normal; padding: 0.5em 0.5em; } .product-tile .badge-container span p { margin: 0; } .product-tile .badge-container .badge-product p { border-bottom: 1px solid #cc0000; } .product-tile .badge-container .badge-customer-interaction { color: #676d6d; display: block; } .product-tile .badge-image-container { position: absolute; z-index: 2; font-weight: 700; line-height: 1.8em; text-align: right; font-size: 70%; top: 38px; right: 0px; } .product-tile .product-name { margin: 12px auto; } .product-tile .product-pricing { margin: 0.5em 0; } .product-tile .product-pricing .product-standard-price { text-decoration: line-through; font-size: 95%; margin: 0 .03em 0 0; color: #676d6d; display: inline-block; } .product-tile .product-set-price { font-weight: 700; color: #84bd00; line-height: 1.2em; font-size: 1em; margin-top: .5em; height: 3em; } .product-tile .product-sales-price { font-weight: 400; color: #000; line-height: 1.2em; font-size: 1em; margin-top: .5em; height: 3em; } .grid-tile .product-tile .product-swatches { float: right; } .product-tile .product-swatches-all { cursor: pointer; font-size: 0.9em; } .product-tile .product-swatches { display: none; } .product-tile .product-swatches ul { list-style: none outside none; margin: 0; padding: 0; } .product-tile .product-swatches ul.swatch-toggle { background: none repeat scroll 0 0 #ffffff; display: none; position: absolute; } .pt_product-search-result .product-tile .product-swatches, .pt_product-compare .product-tile .product-swatches { display: block; } .product-tile .product-swatches:hover ul.swatch-toggle { display: block; } .product-tile .product-swatches li { float: left; } .product-tile .product-swatches .swatch { display: block; width: 16px; } .product-tile .product-swatches .swatch img { border: 1px solid #ffffff; height: 12px; padding: 1px; width: 12px; } .product-tile .product-swatches .selected img, .product-tile .product-swatches img:hover { border-color: #353737; } .product-tile .product-promo { font-size: 0.8em; margin: 0.5em 0; text-transform: uppercase; } .product-tile .product-promo .promotional-message { line-height: auto; margin: 0 0 .7em 0; line-height: 14px; } .product-tile .product-compare { float: left; line-height: 11px; } .product-tile .product-compare label { font-weight: 400; line-height: 1; padding: 0 0 0 .5em; width: auto; } .product-tile .product-compare input { float: left; margin: 0; } .product-tile .product-review { margin-bottom: 1em; } .product-tile .product-review .rating-title { display: inline-block; margin-right: 1em; } .product-tile .product-review .rating { display: inline-block; } .wide-tiles .product-tile { height: auto !important; } .wide-tiles .product-tile .product-image { float: left; padding-right: 2em; } .wide-tiles .product-tile .product-name, .wide-tiles .product-tile .product-pricing, .wide-tiles .product-tile .product-promo, .wide-tiles .product-tile .product-swatches, .wide-tiles .product-tile .product-review { float: left; text-align: left; width: 65%; } .wide-tiles .product-tile .product-brand { font-size: 1em; height: auto; margin-top: 0; } .wide-tiles .product-tile .product-name { font-size: 1.2em; height: auto; margin-top: 0; } .wide-tiles .product-tile .product-pricing { font-size: 0.889em; } .wide-tiles .product-tile .product-swatches { margin-bottom: 1em; } .product-tile .bv-rating-wrapper > div { display: inline-block; } .capture-product-id { left: -999em; position: absolute; } /* Product Tile CSS Overwrite */ /** the declaration below will be merge on the top **/ .product-tile .product-swatches { height: 2em; margin: 0 10%; } @media print, screen and (min-width: 40em) { .product-tile .product-swatches { margin-top: -2rem; } } .product-tile .product-swatches .swatch-list { margin-bottom: 1em; } .product-tile .product-swatches .swatch-list button.slick-prev { left: -12px; } .product-tile .product-swatches .swatch-list button.slick-prev::before { font-size: 0.9375rem; color: #000; content: "\f0d9"; } .product-tile .product-swatches .swatch-list button.slick-next { right: -12px; } .product-tile .product-swatches .swatch-list button.slick-next::before { font-size: 0.9375rem; color: #000; content: "\f0da"; } .product-tile .product-swatches .swatch-list .slick-list .slick-slide { width: auto; } .product-tile .product-swatches .swatch-list .slick-list .slick-slide a { width: auto; position: relative; text-align: center; } .product-tile .product-swatches .swatch-list .slick-list .slick-slide a img { height: 1.7rem; width: 1.7rem; } @media screen and (max-width: 39.9375em) { .prduct-actions { -ms-flex-direction: row; flex-direction: row; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } } .prduct-actions button, .prduct-actions .button, .prduct-actions input[type="button"] { margin: 0 auto; } @media screen and (max-width: 39.9375em) { .prduct-actions button, .prduct-actions .button, .prduct-actions input[type="button"] { max-width: 140px; height: 30px; margin-left: 0; margin-right: 0; } } .prduct-actions .js_addtocart { margin-bottom: 10px; } @media screen and (max-width: 39.9375em) { .prduct-actions .js_addtocart { margin-right: 15px; } } .product-tile { margin-bottom: 60px; } @media screen and (max-width: 39.9375em) { .product-tile { margin-bottom: 50px; } } .product-tile .product-name { min-height: 24px; color: #353939; max-height: 72px; overflow: hidden; } .product-tile .product-brand { overflow: hidden; color: #353939; } @media screen and (max-width: 39.9375em) { .product-tile .product-brand { height: auto; overflow: auto; } } .product-tile .product-pricing { margin-bottom: 2rem; color: #353939; } .product-tile .name-link { overflow: hidden; display: block; height: 207px; overflow: hidden; } @media screen and (max-width: 39.9375em) { .product-tile .name-link { min-height: 163px; overflow: auto; height: auto; } } .product-tile .product-image { max-width: 250px; min-height: 250px; } @media screen and (max-width: 63.9375em) { .product-tile .product-image { min-height: auto; } } .product-tile .short-desc { color: #8c9292; text-align: center; } .product-tile .short-desc.limited { height: 48px; overflow: hidden; } .product-slide .product-tile { margin-bottom: 30px; } .grid-tile .product-tile .product-swatches { float: none; display: block; position: relative; left: 0; right: 0; text-align: center; width: 100%; margin: 0 auto; } @media screen and (max-width: 39.9375em) { .grid-tile .product-tile .product-swatches { left: auto; right: auto; } } .grid-tile .product-tile .product-swatches .swatch-list { display: inline-block; } /* HIDE QUICKVIEW BUTTON ON IPAD PRO @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { .product-tile .product-image a.quickview { display: none !important; } } */ .category-nav { margin-top: 57px; margin-bottom: 100px; } @media screen and (max-width: 39.9375em) { .category-nav { margin-top: 45px; margin-bottom: 30px; } } .category-nav .ui-front { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 39.9375em) { .category-nav .ui-front { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; } } .category-nav .ui-front span { display: inline-block; width: 157px; line-height: 28px; text-align: center; border: 1px solid #353737; margin: 0 10px; transition: linear 0.3s; } @media screen and (max-width: 39.9375em) { .category-nav .ui-front span { width: calc((100% - 15px) / 2); margin: 0 0 20px; } } .category-nav .ui-front span:hover { opacity: 0.6; transition: linear 0.3s; } .category-nav .ui-front span a { display: block; font-size: 12px; } .category-wrapper .collection-block { position: relative; } .category-wrapper .collection-block .mask { height: 97px; width: 100%; position: absolute; top: 0; left: 0; } .category-wrapper .accordion-title { padding: 22px 0 42px; } @media screen and (max-width: 39.9375em) { .category-wrapper .accordion-title { padding: 0px 0 42px; } } @media screen and (max-width: 39.9375em) { .category-wrapper .accordion-title .collection-name-wrapper h2 { padding-top: 30px; } } .category-wrapper .accordion-title::before { display: none; } @media screen and (max-width: 39.9375em) { .category-wrapper .accordion-title::before { display: initial; } } .product-tile .product-swatches { margin-top: 0; } @media screen and (max-width: 39.9375em) { .product-tile .product-swatches { margin-top: -2em; height: auto; } } .product-tile .product-swatches .swatch-list button.slick-next::before { content: "\E002"; } .product-tile .product-swatches .swatch-list button.slick-prev::before { content: "\E001"; } .search-representative-result-items.row, .pt_content-search-result-static .no-left-nav-template .search-representative-result-items.content-asset, .pt_content-search-result-static .left-nav-template .search-representative-result-items.content-asset { margin-left: -30px; margin-right: -30px; } @media screen and (max-width: 39.9375em) { .search-representative-result-items.row, .pt_content-search-result-static .no-left-nav-template .search-representative-result-items.content-asset, .pt_content-search-result-static .left-nav-template .search-representative-result-items.content-asset { margin-left: -20px; margin-right: -20px; } } .search-result-items .gtmindex { padding: 15px 30px; } @media screen and (max-width: 39.9375em) { .search-result-items .gtmindex { padding: 1rem 1.25rem; } } @media screen and (max-width: 39.9375em) { .pt_product-search-result.category #main { margin-top: 48px; } } .pt_product-search-result.category .search-result-items .search-pagination { margin-bottom: 84px; } .pt_product-search-result.category .last .search-result-items .search-pagination { margin-bottom: 0; } .product-swatches-empty { min-height: 28px; } .pt_product-search-result .primary-content h1.content-header { padding-left: 15px; } .pt_content-search-result .primary-content > h1, .pt_content-search-result .primary-content > h2, .pt_content-search-result .primary-content > p, .pt_product-search-noresult .primary-content > h1, .pt_product-search-noresult .primary-content > h2, .pt_product-search-noresult .primary-content > p { margin: 0; padding: .1em 1%; } .pt_content-search-result .primary-content .no-hits-help, .pt_content-search-result .primary-content .no-hits-search, .pt_content-search-result .primary-content .error-page-search, .pt_content-search-result .primary-content .no-hits-footer, .pt_product-search-noresult .primary-content .no-hits-help, .pt_product-search-noresult .primary-content .no-hits-search, .pt_product-search-noresult .primary-content .error-page-search, .pt_product-search-noresult .primary-content .no-hits-footer { padding: .1em 1%; } .pt_content-search-result .primary-content .pagination, .pt_product-search-noresult .primary-content .pagination { float: none; padding: .1em 1%; } .category-main-banner img { max-width: 100%; } .no-hits-search-term, .no-hits-search-term-suggest { color: #990000; font-style: italic; } .no-hits-footer { background: url("../images/interface/icon-double-line-header.png") repeat-x scroll left top transparent; margin: 20px 0; padding: 20px 0; } .search-result-bookmarks { margin: 15px; } .search-result-bookmarks .first { border-right: 1px solid #999; padding-right: 5px; } .search-result-options { overflow: hidden; } .search-result-options .items-per-page { float: left; margin-right: .5em; } .search-result-options form { margin-bottom: 0; } .search-result-options label { display: none; } .search-result-options select { border: 1px solid #000; border-radius: 5px; color: #000; padding: .5em; font-size: 13px; text-overflow: ellipsis; overflow: hidden; } .search-result-options .button-set.view-product { float: right; } .search-result-options .button-set.view-product .light { background: #ffffff; color: #000; } .search-result-options .pagination { float: left; } @media screen and (min-width: 768px) { .search-result-options .pagination { padding-top: .8em; } } .search-result-options .pagination .results-hits { font-weight: 500; color: #000; display: none; } @media screen and (min-width: 768px) { .search-result-options .pagination .results-hits { display: inline-block; } } .search-result-options .pagination ul { border: 1px solid #000; border-radius: 5px; background-color: #ffffff; float: right; margin: 0; padding: 0; } @media screen and (min-width: 768px) { .search-result-options .pagination ul { background-color: transparent; border: none; } } .search-result-options .pagination li { border-right: 1px solid #e0e0e0; float: left; } @media screen and (min-width: 768px) { .search-result-options .pagination li { border: none; padding: 0 .5em; } } .search-result-options .pagination li a, .search-result-options .pagination li.current-page, .search-result-options .pagination li i { display: block; font-size: 1rem; height: 32px; line-height: 2.1rem; text-align: center; width: 32px; } @media screen and (min-width: 768px) { .search-result-options .pagination li a, .search-result-options .pagination li.current-page, .search-result-options .pagination li i { font-size: inherit; height: auto; line-height: inherit; width: auto; } } .rh-top { text-align: right; } .filterholder { display: none; } .search-result-items { margin: 0; padding: 0 1em 1em; } .search-result-items > div { padding-top: 1em; padding-bottom: 1em; } @media print, screen and (min-width: 40em) { .search-result-items > div { border-bottom: 0; } } .search-result-items li { list-style: none outside none; } .search-result-items .new-row { clear: both; } .search-result-items .grid-tile { background: none repeat scroll 0 0 #ffffff; box-shadow: 0 0 9px #ccc; float: left; list-style: none outside none; margin: 0 0 2% 20px; padding: 2%; width: 26%; } .search-result-items .invisible { display: none; } #results-hits-top { border-top: 1px solid #d6d9d9; padding-top: 18px; color: #8c9292; font-weight: 500; } @media screen and (max-width: 39.9375em) { #results-hits-top { padding-top: 26px; } } #results-hits-top .results-hits { color: #8c9292; font-size: 18px; font-weight: 500; } #results-hits-top .results-hits span { margin-left: 5px; } @media screen and (max-width: 39.9375em) { #results-hits-top .results-hits span { font-size: 15px; margin-left: 3px; } } @media screen and (max-width: 39.9375em) { .pt_product-search-result.category .search-result-options { text-align: left !important; padding-bottom: 2em; position: relative; } .pt_product-search-result.category .search-result-options #grid-sort-header.product-listing-filter { width: 100%; padding: 10px 28px 10px 5px; } } .results-hits { font-weight: 700; } .search-result-content { font-weight: 500; } .search-result-content .product-price .price-standard { color: #999; font-weight: normal; text-decoration: line-through; } .search-result-content .product-brand { font-weight: 200; min-height: 34px; padding-top: 10px; } .search-result-content .results-hits { font-weight: 700; text-align: center; } @media screen and (min-width: 768px) { .search-result-content .results-hits { display: inline-block; margin-top: 30px; } } @media screen and (max-width: 39.9375em) { .search-result-content .results-hits { padding-top: 1em; text-align: center; } } .search-result-content .search-result-items { padding-bottom: 50px; } .search-result-content .pagination-buttons { float: none; margin-bottom: 3em; } @media print, screen and (min-width: 40em) { .search-result-content .pagination-buttons { float: right; } } .search-result-content .pagination-buttons a { display: block; line-height: 1; margin: 0 auto; text-transform: uppercase; width: 50%; padding: .5em 2em .3em 2em; font-weight: 700; } @media print, screen and (min-width: 40em) { .search-result-content .pagination-buttons a { display: inline-block; margin: 0 0 0 1em; width: auto; } } .search-result-content .pagination-buttons button { display: block; font-weight: normal; margin: 1em auto; text-transform: uppercase; width: 50%; vertical-align: top; padding: .5em 2em .3em 2em; font-weight: 700; } @media print, screen and (min-width: 40em) { .search-result-content .pagination-buttons button { display: inline-block; margin: 0; width: auto; } } #results-content { background: url("../images/interface/icon-double-line-header.png") repeat-x scroll left top transparent; padding-top: 30px; } .folder-content-list { -ms-flex-align: stretch; align-items: stretch; clear: both; margin-top: 30px; border-top: 1px solid #d6d9d9; padding-top: 30px; } .folder-content-list li { background-color: #ffffff; border: 1px solid #ccc; -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 1; flex-grow: 1; list-style-type: none; margin: .25rem; padding: 1rem; } @media screen and (min-width: 480px) { .folder-content-list li { -ms-flex-preferred-size: 40%; flex-basis: 40%; } } .folder-content-list p { line-height: 1.1rem; } .folder-content-list .content-title { display: block; font-size: 1.2em; } .folder-content-list .readmore { font-style: italic; padding-left: .3rem; } .no-results { padding: 20px; } .toggle-grid { display: none; float: left; margin-right: 0.5em; } .toggle-grid i { cursor: pointer; margin-right: 0.3em; } .toggle-grid [data-option="column"] { color: #84bd00; } .toggle-grid.wide [data-option="wide"] { color: #84bd00; } .toggle-grid.wide [data-option="column"] { color: #666; } .wide-tiles .search-result-items .grid-tile { width: 91%; } .wide-tiles .product-tile .product-swatches { bottom: auto; left: auto; position: relative; right: auto; margin-top: 5px; } .wide-tiles .product-tile .product-swatches li { float: left; } .sort-by { width: 50%; -ms-flex-order: 4; order: 4; } @media print, screen and (min-width: 40em) { .sort-by { -ms-flex-order: 5; order: 5; margin-left: auto; max-width: 24%; } } .top-filter { font-size: 13px; } @media screen and (max-width: 39.9375em) { .top-filter { -ms-flex-pack: center; justify-content: center; } } @media print, screen and (min-width: 40em) { .top-filter { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .top-filter .filter { width: 50%; } @media print, screen and (min-width: 40em) { .top-filter .filter { width: auto; max-width: 18%; } } .top-filter .clear-all-container { text-align: center; margin: 1.5em auto; -ms-flex-order: 5; order: 5; } @media print, screen and (min-width: 40em) { .top-filter .clear-all-container { text-align: left; margin: 0; -ms-flex-order: 4; order: 4; } } .top-filter .clear-all-container a { color: #676d6d; display: block; text-decoration: underline; text-transform: uppercase; } @media print, screen and (min-width: 40em) { .top-filter .clear-all-container a { font-size: 0.9em; } } .top-filter .clear-all-container a:hover { color: #000; } .search-page .header-search { float: none; height: auto; margin-top: 45px; display: block; padding: 0; } @media print, screen and (min-width: 64em) { .search-page .header-search { width: 900px; } } @media print, screen and (min-width: 40em) { .search-page .header-search { width: 640px; } } .search-page .header-search .field-button-container { position: relative; border-bottom: none; } .search-page .header-search .field-button-container input { border-bottom: 1px solid #8a8a8a; padding: 15px 30px; width: 100%; } .search-page .header-search .field-button-container button[type="submit"] { position: absolute; top: 15px; left: 0; padding: 0; } .search-page .header-search .field-button-container button[type="submit"] .go-label { display: none; } .search-page .header-search .field-button-container button[type="submit"] .icon-search { color: #8a8a8a; display: block; font-size: 13px; } @media print, screen and (min-width: 40em) { .search-page .header-search .field-button-container button[type="submit"] .icon-search { font-size: 16px; } } .search-page .header-search .field-button-container button[type="submit"]:focus { outline: none; } @media print, screen and (min-width: 40em) { #main { margin-top: 60px; } } @media screen and (max-width: 39.9375em) { #main { margin-top: 50px; } } .search-result-content .product-tile .product-brand { font-weight: 500; color: #353939; font-size: 14px; } @media screen and (max-width: 39.9375em) { .search-result-content .product-tile .product-brand { font-size: 13px; } } .search-result-content .product-tile .product-name { font-weight: 500; color: #353939; font-size: 14px; margin-top: 0; } @media screen and (max-width: 39.9375em) { .search-result-content .product-tile .product-name { font-size: 13px; } } .search-result-content .product-tile .product-pricing { display: none; } @media screen and (max-width: 39.9375em) { .search-result-content .product-tile .product-pricing { font-size: 13px; } } .no-hits-header { font-weight: normal; font-size: 18px; color: #707070; } .search-pagination { width: 100%; } .search-pagination .pagination-buttons { float: none; text-align: center; margin-bottom: 0; } .search-pagination .pagination-buttons button, .search-pagination .pagination-buttons a { width: 100%; padding: 10px; margin: auto; } @media screen and (max-width: 39.9375em) { .search-pagination .pagination-buttons button, .search-pagination .pagination-buttons a { width: 140px; } } .search-pagination.listcontent .pagination-buttons.float-none button, .search-pagination.listcontent .pagination-buttons.float-none button, .search-pagination.listcontent .pagination-buttons.float-none .button, .search-pagination.listcontent .pagination-buttons.float-none input[type="button"], .search-pagination.listcontent .pagination-buttons.float-none a { margin: 80px 10px 0; } .tutorial-tile h5 { margin-top: 0; margin-bottom: 15px; font-weight: 500; color: #353939; font-size: 14px; } .tutorial-tile .content-description { max-height: none; overflow: none; } .tutorial-detail-link { margin-bottom: 30px; } .pt_content-search-result h1 { font-weight: 500; font-size: 24px; letter-spacing: 1.2px; } .pt_content-search-result .search-result-content .results-hits { display: block; text-align: left; margin-top: 0; } .folder-content-list { width: 100%; margin-top: 15px; } .folder-content-list.no-border { border-top: none; padding-top: 0; margin-top: 0; } @media screen and (max-width: 39.9375em) { .pt_content-search-result #primary, .pt_product-search-result #primary { text-align: justify; } } .pt_content-search-result #primary .tutorial-detail-link, .pt_product-search-result #primary .tutorial-detail-link { border-bottom: 1px solid #d6d9d9; padding-bottom: 25px; margin-bottom: 25px; transition: linear .3s; } @media screen and (max-width: 39.9375em) { .pt_content-search-result #primary .tutorial-detail-link, .pt_product-search-result #primary .tutorial-detail-link { padding-bottom: 20px; } } .pt_content-search-result #primary .tutorial-detail-link:first-child, .pt_product-search-result #primary .tutorial-detail-link:first-child { padding-top: 25px; } @media screen and (max-width: 39.9375em) { .pt_content-search-result #primary .tutorial-detail-link:first-child, .pt_product-search-result #primary .tutorial-detail-link:first-child { padding-top: 12px; } } .pt_content-search-result #primary .tutorial-detail-link:last-child, .pt_product-search-result #primary .tutorial-detail-link:last-child { margin-bottom: 0; } .pt_content-search-result #primary .tutorial-detail-link::hover, .pt_product-search-result #primary .tutorial-detail-link::hover { opacity: 0.6; transition: linear .3s; } .tutorial-tile h5 { margin-bottom: 10px; } @media screen and (max-width: 39.9375em) { .tutorial-tile h5 { margin-bottom: 3px; } } .infinite-scroll .search-result-content .infinite-scroll-loading { text-align: center; background: url("../images/infinite-loading-indicator.gif") center no-repeat; height: 35px; width: 100%; } .disable-infinite-scroll .search-result-content .page-element { display: none; } #product-nav-container { overflow: hidden; position: absolute; right: 0; width: 160px; } #product-nav-container div { float: left; text-align: center; width: 77px; } #product-nav-container img { max-height: 100%; max-width: 80%; } #product-nav-container span { display: block; height: 65px; } #product-nav-container .divided span { border-right: 1px solid #000; padding-right: 5px; } .pdp-main #product-content { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } @media print, screen and (min-width: 40em) { .pdp-main #product-content { display: block; } } .pdp-main .product-title { -ms-flex-order: 1; order: 1; } @media screen and (max-width: 39.9375em) { .pdp-main .product-title .product-description { display: none; } } .pdp-main #BVRRSummaryContainer { -ms-flex-order: 2; order: 2; } .pdp-main .product-image-container { -ms-flex-order: 3; order: 3; } .pdp-main .product-info { -ms-flex-order: 4; order: 4; } .pdp-main .product-detail { width: 100%; margin-bottom: 1rem; } @media print, screen and (min-width: 40em) { .pdp-main .product-detail { margin-bottom: 2rem; } } @media print, screen and (min-width: 64em) { .pdp-main .product-detail { padding-left: 0; padding-right: 0; } } .pdp-main .product-detail .promotion, .pdp-main .product-detail .product-promo { width: 100%; margin-top: 1rem; /* ----------- iPad Pro ----------- */ } @media print, screen and (min-width: 40em) { .pdp-main .product-detail .promotion, .pdp-main .product-detail .product-promo { text-align: left; width: auto; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) { .pdp-main .product-detail .promotion, .pdp-main .product-detail .product-promo { margin-left: 0; margin-top: 1.25em; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .pdp-main .product-detail .promotion, .pdp-main .product-detail .product-promo { margin-left: 0; margin: 1.25em 0 0; } } .pdp-main .product-detail .promotion .promotion-title, .pdp-main .product-detail .product-promo .promotion-title { font-weight: bold; margin-bottom: .3rem; display: none; } .pdp-main .product-detail .promotion .promotion-callout, .pdp-main .product-detail .product-promo .promotion-callout { color: #cc0000; } .pdp-main .product-detail .promotion .promotion-callout .fa, .pdp-main .product-detail .product-promo .promotion-callout .fa { display: none; } .pdp-main .product-detail .promotion .promotion-callout .callout-message, .pdp-main .product-detail .product-promo .promotion-callout .callout-message { clear: both; display: inline-block; font-weight: 600; font-size: 0.8rem; line-height: 1rem; margin-bottom: 0.6em; } .pdp-main .product-detail .promotion .promotion-callout .callout-message:last-of-type, .pdp-main .product-detail .product-promo .promotion-callout .callout-message:last-of-type { margin-bottom: 0; } .pdp-main .promotion { padding-top: 0; } @media screen and (max-width: 39.9375em) { .pdp-main .promotion { margin-top: 0 !important; } } .pdp-main label { padding: 0; text-align: left; text-transform: uppercase; width: auto; display: inline-block; } @media print, screen and (min-width: 40em) { .pdp-main .product-title { width: 50%; float: right; } } .pdp-main .product-image-container { width: 100%; position: relative; } #wrapper.overlay .pdp-main .product-image-container { position: static; } @media print, screen and (min-width: 40em) { .pdp-main .product-image-container { float: left; width: 50%; } .pdp-main .product-image-container .row, .pdp-main .product-image-container .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .pdp-main .product-image-container .content-asset, .pdp-main .product-image-container .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .pdp-main .product-image-container .content-asset { margin-left: 0; } } .pdp-main .product-brand { margin: 0; padding: 0 0 0; font-size: 1.25rem; font-weight: 400; } .pdp-main .product-name { margin: 0 0 16px; font-weight: bold; font-size: 2rem; line-height: 2.3rem; } @media screen and (min-width: 768px) { .pdp-main .product-name { margin: 0 0 15px; line-height: 1.2em; } } .pdp-main .product-number { color: #000; font-size: .65rem; margin-bottom: .5rem; } .pdp-main .price-qty-row { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 1.5rem; margin: 1.5rem 0 0; /* ----------- iPad Pro ----------- */ } @media print, screen and (min-width: 40em) { .pdp-main .price-qty-row { -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) { .pdp-main .price-qty-row { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .pdp-main .price-qty-row { display: inline-block; } } .pdp-main .price-qty-row .label { margin-right: 0.5rem; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .pdp-main .price-qty-row .label { display: inline; } } .pdp-main .product-price { display: -ms-flexbox; display: flex; margin-right: 1.5em; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .pdp-main .product-price { display: inline; } } .pdp-main .product-price.product-price-column { -ms-flex-direction: column; flex-direction: column; } .pdp-main .product-price .price-standard { color: #999; text-decoration: line-through; margin-right: 8px; } .pdp-main .product-price .price-tiered { color: #000; font-size: .6em; line-height: 1.5em; padding-left: 0.25em; display: inline-block; } .pdp-main .inventory { display: block; white-space: nowrap; } .pdp-main .inventory label { display: inline; float: none; text-align: right; } .pdp-main .inventory input { font-size: 1.5em; height: 50px; width: 50px; margin-right: .4em; text-align: center; } @media screen and (min-width: 768px) { .pdp-main .inventory input { height: 37px; width: 37px; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .pdp-main .inventory { display: inline; } .pdp-main .inventory .quantity { display: inline; } } .pdp-main .product-main-attributes .attribute { padding: .2em 0; } .pdp-main .product-main-attributes .label { padding: 0; } .pdp-main .product-variations { clear: right; } .pdp-main .product-variations .pdp-vars { margin: 0; padding: 0px; } .pdp-main .product-variations .pdp-vars .attribute { margin-top: 1.25rem; } .pdp-main .product-variations .pdp-vars .color-description { text-align: justify; } .pdp-main .product-variations .pdp-vars .swatches { margin: 0; padding: 0 20px; } @media print, screen and (min-width: 40em) { .pdp-main .product-variations .pdp-vars .swatches { padding: 0; } } .pdp-main .product-variations .pdp-vars .swatches.size { padding: 0; } .pdp-main .product-variations .pdp-vars .value { margin: 0; } .pdp-main .blk_main-image #alt-video { display: none; } @media print, screen and (min-width: 40em) { .pdp-main .blk_main-image #alt-video { width: 90%; } } @media print, screen and (min-width: 40em) { .pdp-main .blk_main-image .main-image { position: relative; width: 100%; display: block; } } .pdp-main .primary-image { max-width: 100%; width: 100%; } @media print, screen and (min-width: 40em) { .pdp-main .primary-image { max-width: 400px; } } @media screen and (max-width: 39.9375em) { .pdp-main .primary-image { max-width: 250px; } } .pdp-main .product-primary-image { max-width: 100%; width: 100%; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1; } .pdp-main .product-primary-image a { cursor: crosshair; } .pdp-main .image-zoom { text-decoration: underline; text-transform: uppercase; font-weight: bold; position: absolute; top: 16px; left: 0.625rem; font-size: 0.875rem; z-index: 12; } .pdp-main .image-zoom:hover { text-decoration: none; cursor: pointer; } @media screen and (max-width: 39.9375em) { .pdp-main .image-zoom { position: static; font-size: 0.7rem; } } @media print, screen and (min-width: 40em) { .pdp-main .image-zoom { display: none; } } .pdp-main .productImageZoom { width: 100%; } @media print, screen and (min-width: 40em) { .pdp-main .productImageZoom { max-width: 50%; top: 3% !important; } } .pdp-main .product-info { width: 100%; } @media print, screen and (min-width: 40em) { .pdp-main .product-info { float: right; width: 50%; clear: right; font-size: 0.875rem; letter-spacing: .03em; } } .pdp-main .product-price-details { width: 100%; } .pdp-main .quantity { display: -ms-flexbox; display: flex; } .pdp-main .quantity select.underline { text-align: center; width: auto; text-align-last: center; padding: 6px 23px 6px 14px; } .pdp-main .product-add-to-cart { display: block; overflow: hidden; } .pdp-main .product-add-to-cart button { float: left; font-weight: 600; height: 50px; padding: .6em 2em .4em 2em; width: 100%; text-transform: uppercase; background: #cc0000; border-color: #cc0000; } @media print, screen and (min-width: 40em) { .pdp-main .product-add-to-cart button { margin-right: 1.5em; } } .pdp-main .product-add-to-cart button:hover { background: transparent; color: #cc0000; } .pdp-main .product-add-to-cart button.disabled { background-color: transparent; border-color: #676d6d; color: #676d6d; cursor: auto; } .pdp-main .product-add-to-cart button.add-all-to-cart { width: 100%; } @media print, screen and (min-width: 40em) { .pdp-main .product-add-to-cart button.add-all-to-cart { width: auto; } } @media screen and (min-width: 768px) { .pdp-main .product-add-to-cart button { height: 40px; padding: .6em 2em .4em 2em; width: auto; } } .pdp-main .product-form-actions { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin-top: 1rem; } @media print, screen and (min-width: 40em) { .pdp-main .product-form-actions { margin-top: 2rem; -ms-flex-align: center; align-items: center; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: start; justify-content: flex-start; } } @media print, screen and (min-width: 64em) { .pdp-main .product-form-actions button, .pdp-main .product-form-actions button, .pdp-main .product-form-actions .button, .pdp-main .product-form-actions input[type="button"] { margin-right: 2.5em; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .pdp-main .product-form-actions button, .pdp-main .product-form-actions button, .pdp-main .product-form-actions .button, .pdp-main .product-form-actions input[type="button"] { margin-right: 1.5em; } } .pdp-main .product-form-actions a.text-only { color: #000; margin-top: 16px; font-weight: normal; } .pdp-main .product-form-actions a.text-only:hover { color: #676d6d; } @media print, screen and (min-width: 40em) { .pdp-main .product-form-actions a.text-only { margin-top: 0; } } .pdp-main .product-set .product-description-wrapper { line-height: 1.3; } @media screen and (max-width: 39.9375em) { .pdp-main .product-set .product-description-wrapper { display: none; } } @media print, screen and (min-width: 40em) { .pdp-main .product-set .product-set-list { float: right; width: 50%; } } .pdp-main .product-set .product-set-list .product-brand { font-size: 0.8rem; padding-bottom: 0.25rem; } .pdp-main .product-set .product-set-list .product-set-item { clear: both; font-size: 0.875rem; overflow: hidden; border-top: 1px #000 solid; padding: 22px 0; } .pdp-main .product-set .product-set-list .product-set-image img { width: 100%; } .pdp-main .product-set .product-set-list .product-name { font-size: 1rem; line-height: 1.25rem; margin-bottom: 0.685em; width: auto; } @media print, screen and (min-width: 40em) { .pdp-main .product-set .product-set-list .product-name { font-size: 1rem; line-height: 100%; } } .pdp-main .product-set .product-set-list .attribute h3 { width: 25%; } .pdp-main .product-set .product-set-list .attribute .label { white-space: nowrap; } .pdp-main .product-set .product-set-actions.column, .pdp-main .product-set .product-set-actions.columns { margin-bottom: 1.5rem; width: 100%; } @media print, screen and (min-width: 40em) { .pdp-main .product-set .product-set-actions.column, .pdp-main .product-set .product-set-actions.columns { float: right; width: 50%; clear: both; } } .pdp-main .product-set-actions .product-add-to-cart { border-top: 1px #000 solid; margin-bottom: 0; } .pdp-main .salesprice { font-weight: bold; } .main-video { position: relative; } .main-video:before { content: "\e90d"; display: block; position: absolute; font-family: "icomoon"; color: #fff; font-size: 70px; height: 70px; width: 70px; right: 50%; top: 50%; margin: -35px -35px 0 0; line-height: 1; } .pdp-promo-bar { clear: both; padding: 2em 0; border-top: 1px solid #000; border-bottom: 1px solid #000; font-weight: 700; text-align: center; margin-bottom: 1rem; } #contentzone5 { display: block; padding: 0; } #contentzone5 hr { margin: 0; } .pdp-jump-links ul { padding: 0; margin: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; width: 100%; } .pdp-jump-links li { display: -ms-flexbox; display: flex; font-weight: bold; margin: 0 40px; } @media print, screen and (min-width: 40em) { .pdp-jump-links li { margin: 15px; } } .pdp-jump-links li a:hover { text-decoration: underline; } #overview.pdp-content-section { border: none; } @media print, screen and (min-width: 40em) { #overview.pdp-content-section { padding-top: 0; } } a.accordion-toggle { display: block; width: calc(100% + 30px); background: #000; padding: 11px 25px; font-weight: bold; color: #fff; margin-right: 1rem; margin-left: -1rem; text-transform: uppercase; position: relative; } @media print, screen and (min-width: 40em) { a.accordion-toggle { display: none !important; } } a.accordion-toggle:after { font-family: icomoon; content: "\e914"; float: right; } a.accordion-toggle.is-open:after { font-family: icomoon; content: "\e90f"; } .pdp-content-section { display: none; padding: 1em 0; border-top: none; } .pdp-content-section.recommendations { overflow: hidden; } @media print, screen and (min-width: 40em) { .pdp-content-section.recommendations { overflow: visible; } } .pdp-content-section .slick-next { right: -30px; margin-top: -40px; } .pdp-content-section .slick-prev { left: -30px; margin-top: -40px; } @media print, screen and (min-width: 40em) { .pdp-content-section { display: block; border-top: 1px #000 solid; max-height: 9000px; min-height: auto; } } .pdp-content-section hr { clear: both; display: block; width: 100%; border-color: #000; border-width: 1px 0 0; } .pdp-content-section .main-video { margin-bottom: 60px; position: relative; } .pdp-content-section .main-video:hover { cursor: pointer; } .pdp-content-section .large-video .row .row, .pdp-content-section .large-video .pt_content-search-result-static .no-left-nav-template .content-asset .row, .pt_content-search-result-static .no-left-nav-template .pdp-content-section .large-video .content-asset .row, .pdp-content-section .large-video .pt_content-search-result-static .left-nav-template .content-asset .row, .pt_content-search-result-static .left-nav-template .pdp-content-section .large-video .content-asset .row, .pdp-content-section .large-video .row .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .pdp-content-section .large-video .row .content-asset, .pdp-content-section .large-video .pt_content-search-result-static .no-left-nav-template .content-asset .content-asset, .pt_content-search-result-static .no-left-nav-template .pdp-content-section .large-video .content-asset .content-asset, .pdp-content-section .large-video .row .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .pdp-content-section .large-video .row .content-asset, .pdp-content-section .large-video .pt_content-search-result-static .left-nav-template .content-asset .content-asset, .pt_content-search-result-static .left-nav-template .pdp-content-section .large-video .content-asset .content-asset { width: 100%; } .pdp-content-section .pdp-content-inner.row, .pdp-content-section .pt_content-search-result-static .no-left-nav-template .pdp-content-inner.content-asset, .pt_content-search-result-static .no-left-nav-template .pdp-content-section .pdp-content-inner.content-asset, .pdp-content-section .pt_content-search-result-static .left-nav-template .pdp-content-inner.content-asset, .pt_content-search-result-static .left-nav-template .pdp-content-section .pdp-content-inner.content-asset { margin: 0 auto; } @media print, screen and (min-width: 40em) { .pdp-content-section .pdp-content-inner.row .row, .pdp-content-section .pt_content-search-result-static .no-left-nav-template .pdp-content-inner.content-asset .row, .pt_content-search-result-static .no-left-nav-template .pdp-content-section .pdp-content-inner.content-asset .row, .pdp-content-section .pt_content-search-result-static .left-nav-template .pdp-content-inner.content-asset .row, .pt_content-search-result-static .left-nav-template .pdp-content-section .pdp-content-inner.content-asset .row, .pdp-content-section .pdp-content-inner.row .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .pdp-content-section .pdp-content-inner.row .content-asset, .pdp-content-section .pt_content-search-result-static .no-left-nav-template .pdp-content-inner.content-asset .content-asset, .pt_content-search-result-static .no-left-nav-template .pdp-content-section .pdp-content-inner.content-asset .content-asset, .pdp-content-section .pdp-content-inner.row .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .pdp-content-section .pdp-content-inner.row .content-asset, .pdp-content-section .pt_content-search-result-static .left-nav-template .pdp-content-inner.content-asset .content-asset, .pt_content-search-result-static .left-nav-template .pdp-content-section .pdp-content-inner.content-asset .content-asset { position: relative; } } @media print, screen and (min-width: 64em) { .pdp-content-section .pdp-content-inner.row, .pdp-content-section .pt_content-search-result-static .no-left-nav-template .pdp-content-inner.content-asset, .pt_content-search-result-static .no-left-nav-template .pdp-content-section .pdp-content-inner.content-asset, .pdp-content-section .pt_content-search-result-static .left-nav-template .pdp-content-inner.content-asset, .pt_content-search-result-static .left-nav-template .pdp-content-section .pdp-content-inner.content-asset { max-width: 1010px; width: 100%; } } .pdp-content-section .video-carousel { padding-top: 40px; } @media print, screen and (min-width: 40em) { .pdp-content-section .video-carousel { padding-top: 60px; } } .pdp-content-section .video-carousel .modal-video:hover { cursor: pointer; } .pdp-content-section .modal-video { position: relative; text-align: center; } .pdp-content-section .modal-video:before { content: "\e90d"; display: block; position: absolute; font-family: "icomoon"; color: #fff; font-size: 50px; left: 44%; top: 25%; bottom: initial; right: initial; width: initial; line-height: inherit; } .pdp-content-section .modal-video h4 { text-align: center; } .pdp-content-section .modal-video img { max-height: 203px; } @media screen and (max-width: 39.9375em) { .pdp-content-section .modal-video img { max-height: none; max-width: none; } } .recommendations .carousel-recommendations { margin: auto; position: relative; border-top: 1px solid #000; width: 100%; border: 0; } .recommendations .carousel-recommendations .product-price { margin: 0; text-align: center; display: block; font-weight: bold; } .recommendations .carousel-recommendations .product-price .price-standard { color: #676d6d; font-weight: normal; text-decoration: line-through; margin-right: 8px; } .recommendations ul { padding: 0; margin: 0; list-style-type: none; position: relative; } .recommendations li { float: left; } .recommendations .product-tile { padding: 0 2em; } .recommendations .product-name { font-size: 1em; margin: .2em 0; width: 100%; } .recommendations .product-price { font-size: 1em; } .recommendations .product-tile:hover .recommendation-tooltip { display: block !important; } .product-thumbnails { z-index: 0; position: relative; } @media print, screen and (min-width: 40em) { .product-thumbnails { margin-top: 60px; } } .product-thumbnails .fade-circle { margin: 140px auto; } .product-thumbnails .slick-slide { text-align: center; } .product-thumbnails ul { padding: 0; margin: 0; list-style: none; } @media print, screen and (min-width: 40em) { .product-thumbnails ul { width: 48px; } } @media print, screen and (min-width: 40em) { .product-thumbnails .productthumbnail { border: 1px #fff solid; width: 48px; height: 48px; margin-bottom: 20px; } .product-thumbnails .productthumbnail.selected { border-color: #000; } } .product-thumbnails .productthumbnail.video-thumbnail-image img { width: 65px; height: 65px; margin-top: 0px; } @media screen and (max-width: 1024px) { .product-thumbnails .productthumbnail.video-thumbnail-image img { width: 100px; height: 100px; margin-top: 2px; } } @media screen and (max-width: 768px) { .product-thumbnails .productthumbnail.video-thumbnail-image img { width: 65px; height: 65px; } } .product-thumbnails .productthumbnail.video-thumbnail-image #alt-video-small { margin-top: 30px; } .product-thumbnails .productthumbnail.product-image-thumbnail { margin-top: 0px; } @media screen and (max-width: 1024px) { .product-thumbnails .productthumbnail.product-image-thumbnail { margin-top: 2px; } } @media screen and (max-width: 768px) { .product-thumbnails .productthumbnail.product-image-thumbnail { margin-top: 10px; } } @media print, screen and (min-width: 40em) { .product-thumbnails img { border: 1px solid #fff; cursor: pointer; max-width: 100%; } } #modal-cntr .product-thumbnails-cntr { margin: 0; padding: 0; } #modal-cntr .productthumbnail { list-style-type: none; text-align: center; } .social-share-trigger { background: #000; color: #ffffff; width: 40px; height: 40px; border-radius: 100%; padding-top: 3px; text-align: center; } .social-share-trigger span { font-size: 9px; margin-top: -9px; display: block; font-weight: bold; } .social-share-trigger i { font-size: 21px; display: inline-block; } .social-share-trigger a { color: #fff; font-weight: bold; outline: none; } .animate .social-share-trigger { margin: 0 auto; visibility: hidden; } @media print, screen and (min-width: 40em) { .animate .social-share-trigger { visibility: visible; } } .social-sharing-container { height: 40px; overflow: hidden; position: absolute; right: 0.625rem; top: 16px; width: 40px; } @media print, screen and (min-width: 40em) { .social-sharing-container { right: 16px; } } .social-sharing-container.animate { height: auto; left: -50%; margin: 0 auto; right: -50%; top: 40px; width: 100%; z-index: 90; } @media print, screen and (min-width: 40em) { .social-sharing-container.animate { z-index: 1; top: 16px; right: 16px; left: auto; width: auto; } } .social-modal-close { visibility: hidden; } .animate .social-modal-close { visibility: visible; color: #fff; font-size: 20px; right: 16px; position: absolute; top: 0; } .share-icon { background: #fff; color: #000; width: 66px; height: 66px; border-radius: 100%; padding-top: 9px; margin: 20px auto; display: block; text-align: center; transition: all 0.3s ease; opacity: 0; font-size: 36px; transform: translateY(-100%); visibility: hidden; outline: none; transition-delay: 300ms; } @media print, screen and (min-width: 40em) { .share-icon { background: #000; color: #fff; width: 30px; height: 30px; font-size: 17px; margin: 10px auto; padding-top: 3px; z-index: -1; } } .animate .share-icon { opacity: 1; transform: translateY(0%); visibility: visible; z-index: 50; } .share-icon:nth-child(1) { transition-delay: 100ms; } .share-icon:nth-child(2) { transition-delay: 150ms; } .share-icon:nth-child(3) { transition-delay: 200ms; } .share-icon:nth-child(4) { transition-delay: 250ms; } .rating { color: #000; } .product-info .rating { font-size: 2em; } .rating .fa { padding: 0 2px; } .product-variations .slick-next, .product-variations .slick-prev, .product-variations .slick-prev:hover, .product-variations .slick-prev:focus, .product-variations .slick-next:hover, .product-variations .slick-next:focus, .product-options .slick-next, .product-options .slick-prev, .product-options .slick-prev:hover, .product-options .slick-prev:focus, .product-options .slick-next:hover, .product-options .slick-next:focus { color: transparent; outline: none; background: rgba(255, 255, 255, 0.63); height: 100%; margin-top: 0; top: 0; } .product-variations .slick-prev, .product-options .slick-prev { left: 0; } .product-variations .slick-prev:before, .product-options .slick-prev:before { content: "\f0d9"; } .product-variations .slick-next, .product-options .slick-next { right: 0; } .product-variations .slick-next:before, .product-options .slick-next:before { content: "\f0da"; } .product-variations .attribute, .product-options .attribute { display: inherit; margin: 0; overflow: hidden; padding: 0; position: relative; } .product-variations .attribute.variant-dropdown, .product-options .attribute.variant-dropdown { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 40em) { .product-variations .attribute.variant-dropdown, .product-options .attribute.variant-dropdown { max-width: 300px; } } .product-variations .attribute.variant-dropdown .label, .product-options .attribute.variant-dropdown .label { display: -ms-flexbox; display: flex; font-size: 0.875rem; margin-right: 10px; } .product-variations .attribute.variant-dropdown .value, .product-options .attribute.variant-dropdown .value { display: -ms-flexbox; display: flex; } .product-variations .attribute .value, .product-options .attribute .value { width: 100%; } .product-variations .attribute ul, .product-options .attribute ul { float: right; width: 100%; list-style: none; } @media print, screen and (min-width: 40em) { .product-variations .attribute ul, .product-options .attribute ul { height: auto; } } .product-variations .attribute .selected-value, .product-options .attribute .selected-value { border: 0 none; color: #84bd00; font-weight: bold; padding: 1.3em 0 0 .4em; text-transform: uppercase; } @media screen and (min-width: 768px) { .product-variations .attribute .selected-value, .product-options .attribute .selected-value { padding-top: .8em; } } .product-variations .attribute .size-chart-link, .product-options .attribute .size-chart-link { clear: both; float: none; } .product-variations .attribute .size-chart-link a, .product-options .attribute .size-chart-link a { border-color: #ffffff !important; padding: 0; } .product-variations .swatches.size li, .product-options .swatches.size li { float: left; height: auto; width: auto; font-weight: bold; margin-right: 16px; } .product-variations .swatches.size li:hover a, .product-variations .swatches.size li.selected a, .product-options .swatches.size li:hover a, .product-options .swatches.size li.selected a { border-color: #cc0000; border-width: 0 0 3px 0; } .product-variations .swatches.size li.selected a, .product-options .swatches.size li.selected a { color: #cc0000; } .product-variations .swatches.size li.unselectable a, .product-options .swatches.size li.unselectable a { color: #676d6d; } .product-variations .swatches.size li a, .product-options .swatches.size li a { border-color: #fff; border-style: solid; border-width: 0 0 3px 0; display: block; margin: 0; padding: 1px; text-align: center; white-space: nowrap; } .product-variations .swatches.size li span.label, .product-options .swatches.size li span.label { font-weight: normal; } .product-variations .color li, .product-options .color li { float: left; height: 52px; width: 52px; border: 1px #fff solid; padding: 5px; } @media print, screen and (min-width: 40em) { .product-variations .color li, .product-options .color li { margin: 0 6px 6px 0; } } .product-variations .color li.selected, .product-options .color li.selected { border-color: #000; background-color: #ffffff; } .product-variations .color li.unselectable, .product-options .color li.unselectable { position: relative; overflow: hidden; } .product-variations .color li.unselectable:before, .product-options .color li.unselectable:before { content: ""; position: absolute; top: 12px; left: -40px; border-top: 2px #fff solid; transform: rotate(45deg); width: 150%; height: 150%; z-index: 4; } .product-variations .color li.unselectable:hover a, .product-options .color li.unselectable:hover a { border-color: #000; } .product-variations .color li a, .product-options .color li a { line-height: 0; width: 100%; height: 100%; display: block; } .product-variations .color li a img, .product-options .color li a img { width: 100%; height: 100%; } .product-variations select, .product-options select { background-color: #ffffff; border: 1px solid #000; border-radius: 0; height: 42px; width: 100%; margin-left: 0; } @media screen and (min-width: 768px) { .product-variations select, .product-options select { height: 32px; } } .tabs { position: relative; text-align: center; } @media screen and (min-width: 768px) { .tab { display: inline-block; float: none; } } .tab .tab-switch { display: none; } @media screen and (min-width: 768px) { .tab .tab-switch:checked + .tab-label { background: #fff; border-bottom-color: #000; color: #000; font-weight: 700; top: -0.0625rem; transition: all 0.35s; z-index: 1; } } .tab .tab-switch:checked + label + .tab-content { opacity: 1; transition: all 0.35s; z-index: 2; } .tab .tab-label { border-bottom: 3px solid #ffffff; color: #000; display: block; font-weight: 400; line-height: 2.5em; margin-bottom: 0; position: relative; text-transform: none; top: 0; transition: all 0.25s; } @media screen and (min-width: 768px) { .tab .tab-label { cursor: pointer; padding: 0 1.25rem; } .tab .tab-label:hover { border-bottom-color: #000; top: -0.25rem; transition: top 0.25s; } } .tab .tab-content { padding: 1em 0; text-align: left; z-index: 1; } @media screen and (min-width: 768px) { .tab .tab-content { left: 0; opacity: 0; position: absolute; top: 2.75em; transition: all 0.35s; width: 100%; } } .full-ingredients { font-weight: bold; text-transform: uppercase; text-decoration: underline; } .full-ingredients-list { display: none; position: fixed; font-weight: normal; text-transform: none; text-decoration: none; } @media print, screen and (min-width: 40em) { .full-ingredients-list { max-width: 500px; position: absolute; width: 100%; } } .full-ingredients-list .close { text-align: right; font-size: 1em; float: right; text-decoration: none; color: #fff; } @media print, screen and (min-width: 40em) { .full-ingredients-list .close { color: #000; } } .full-ingredients-list .content-asset { word-wrap: break-word; } .show-list + .full-ingredients-list { display: block; padding: 15px; } @media screen and (max-width: 39.9375em) { .show-list + .full-ingredients-list { top: 0; width: 100%; height: 100%; left: 0; right: 0; z-index: 30; color: #fff; overflow: auto; background: rgba(0, 0, 0, 0.85); } } @media print, screen and (min-width: 40em) { .show-list + .full-ingredients-list { z-index: 10; background: #f5f5f5; } } /*** Custom styles for quickview modal ***/ .quickview-modal .view-details-link { display: none; } .quickview-modal .image-zoom { display: none; } .quickview-modal .read-more { color: #676d6d; font-size: 0.75em; font-weight: 700; } .pdp-main .product-name { font-size: 20px; font-weight: 500; line-height: 1.5; overflow: hidden; max-height: 90px; } @media screen and (max-width: 39.9375em) { .pdp-main .product-name { font-size: 16px; } } .pdp-main .product-description { font-size: 18px; color: #8c9292; line-height: 1.5; margin-top: 20px; } @media screen and (max-width: 39.9375em) { .pdp-main .product-description { display: block; font-size: 14px; margin-top: 0.5rem; } } .pdp-main .product-long-description { margin-top: 8px; color: #8c9292; } .pdp-main .product-variations .swatches.size li { font-weight: 500; font-size: 14px; letter-spacing: 0.7px; margin-right: 5px; } .pdp-main .product-variations .swatches.size li.selected a { color: #353939; border: none; } .pdp-main .product-variations .pdp-vars .attribute { margin-top: 0.5rem; } .pdp-main .price-qty-row { margin-top: 1rem; } .pdp-main .price-qty-row .label { margin-right: 1rem; } @media screen and (max-width: 39.9375em) { .pdp-main .price-qty-row .label { display: none; } } .pdp-main .product-form-actions { margin-top: 2rem; } .pdp-main .inventory-price { width: 100%; display: -ms-flexbox; display: flex; } @media screen and (max-width: 39.9375em) { .pdp-main .inventory-price { -ms-flex-pack: justify; justify-content: space-between; } } .pdp-main .inventory { margin-right: 50px; } @media screen and (max-width: 39.9375em) { .pdp-main .inventory { float: none; margin-right: 0; } } .pdp-main .inventory label { font-size: 14px; } .pdp-main .inventory label.select::after { bottom: -5px; } .pdp-main .inventory label select { width: 80px; line-height: normal; border-bottom: 1px solid #353737; padding: 0px 16px 16px 0; } @media screen and (max-width: 39.9375em) { .pdp-main .inventory label select { padding-left: 0; padding-bottom: 8px; } } .pdp-main .product-price { margin-right: 0; color: #353939; } .pdp-main .product-price .price-sales { font-size: 16px; } .pdp-main .product-price .label { display: none; } @media screen and (max-width: 39.9375em) { .pdp-main .product-price.only-pdp { display: none; } } @media screen and (max-width: 39.9375em) { .pdp-main .product-price.only-pdp-hidden { display: block; } } .pdp-main .product-price span.exclude-tax { font-size: 14px; } .pdp-main .quantity select { border-bottom: none; padding: 0 30px 0 0; line-height: 24px; } @media screen and (max-width: 991px) { .pdp-main .quantity select { width: 50px; } } @media screen and (max-width: 39.9375em) { .pdp-main .quantity select { border-bottom: 1px solid #353737; } } .pdp-main .product-form-actions button, .pdp-main .product-form-actions button, .pdp-main .product-form-actions .button, .pdp-main .product-form-actions input[type="button"] { height: auto; margin: 0 auto; float: none; font-weight: 500; padding: 15px; width: 100%; background-color: #353737; color: #ffffff; border: 1px solid transparent; } .pdp-main .product-form-actions button:hover, .pdp-main .product-form-actions button:hover, .pdp-main .product-form-actions .button:hover, .pdp-main .product-form-actions input:hover[type="button"] { opacity: 0.6; background-color: #353737; color: #ffffff; } .pdp-main .product-form-actions .product-actions { position: absolute; top: -30px; padding: 0; } @media print, screen and (min-width: 40em) { .pdp-main .product-form-actions .product-actions { right: 0; } } @media print, screen and (min-width: 64em) { .pdp-main .product-form-actions .product-actions { right: -30px; } } @media screen and (max-width: 39.9375em) { .pdp-main .product-form-actions .product-actions { top: -15px; right: 2px; } } .pdp-main .product-form-actions .product-actions a { background: transparent; padding: 1px 0 0 2px; } .pdp-main .product-form-actions .product-actions a:hover { background: transparent; opacity: 1; } .pdp-main #product-content { position: relative; } @media screen and (max-width: 39.9375em) { .pdp-main .product-image-container { -ms-flex-order: 1; order: 1; } } @media screen and (max-width: 39.9375em) { .pdp-main .product-variations .pdp-vars .swatches { float: none; display: -ms-flexbox; display: flex; padding: 0; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .pdp-main .product-title { padding-top: 50px; } @media screen and (max-width: 39.9375em) { .pdp-main .product-title { padding-top: 20px; padding-left: 0; padding-right: 0; } } @media screen and (max-width: 39.9375em) { .pdp-main .product-info { padding-left: 0; padding-right: 0; } } .product-variations select { border: none; padding: 0; background: url(../images/interface/chevron-thin-down.svg) no-repeat 96% 50%; background-size: 10px; } .barge-pdp { position: absolute; width: 50%; right: 0; top: 12px; } .barge-pdp .badge-product { display: inline-block; } @media screen and (max-width: 39.9375em) { .barge-pdp { width: auto; right: auto; top: -10px; padding: 0; } } .barge-pdp span { border: 1px solid #8c9292; font-size: 12px; padding: 3px 5px; } .pdp-main .product-brand { font-size: 14px; border-top: none; } @media screen and (max-width: 39.9375em) { .pdp-main .product-brand { padding-top: 5px; } } .pt_product-details .product-image-container { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 39.9375em) { .pt_product-details .product-image-container { -ms-flex-direction: column; flex-direction: column; } } @media screen and (max-width: 39.9375em) { .pt_product-details .product-image-container .product-images { margin-top: 0; } } .pt_product-details .product-image-container .product-images.product-slide-thumbnail { width: 100px; padding-right: 20px; text-align: center; } @media screen and (max-width: 39.9375em) { .pt_product-details .product-image-container .product-images.product-slide-thumbnail { width: 100%; padding-left: 40px; padding-right: 40px; margin-bottom: 49px; height: 80px; overflow: hidden; } } .pt_product-details .product-image-container .product-images.product-slide-thumbnail:not(.slick-slider) { display: -ms-flexbox; display: flex; } .pt_product-details .product-image-container .product-images.product-slide-thumbnail:not(.slick-slider) li { width: 80px; border: 1px solid #353737; margin: 1px; } @media screen and (max-width: 39.9375em) { .pt_product-details .product-image-container .product-images.product-slide-thumbnail:not(.slick-slider) li { width: 45px; height: 45px; } } .pt_product-details .product-image-container .product-images.product-slide-thumbnail .slick-list { height: 270px !important; } @media screen and (max-width: 39.9375em) { .pt_product-details .product-image-container .product-images.product-slide-thumbnail .slick-list { height: auto !important; } } .pt_product-details .product-image-container .product-images.product-slide-thumbnail .slick-track { display: inline-block; } .pt_product-details .product-image-container .product-images.product-slide-thumbnail .slick-track li { margin-bottom: 10px; } @media screen and (max-width: 39.9375em) { .pt_product-details .product-image-container .product-images.product-slide-thumbnail .slick-track li { margin-left: 5px; margin-right: 5px; border: 1px solid rgba(0, 0, 0, 0); } } .pt_product-details .product-image-container .product-images.product-slide-thumbnail .slick-track li:hover { cursor: pointer; } .pt_product-details .product-image-container .product-images.product-slide-thumbnail .slick-track li.slick-current { border: 1px solid #353737; } .pt_product-details .product-image-container .product-images.product-slide-large { width: calc(100% - 100px); } @media screen and (max-width: 39.9375em) { .pt_product-details .product-image-container .product-images.product-slide-large { width: 100%; -ms-flex-order: 1; order: 1; margin-bottom: 24px; margin-top: 1rem; } } .pt_product-details .product-image-container .product-images.product-slide-large button.slick-arrow.slick-prev { left: 30px; } @media screen and (max-width: 39.9375em) { .pt_product-details .product-image-container .product-images.product-slide-large button.slick-arrow.slick-prev { left: 20px; } } .pt_product-details .product-image-container .product-images.product-slide-large button.slick-arrow.slick-next { right: 30px; } @media screen and (max-width: 39.9375em) { .pt_product-details .product-image-container .product-images.product-slide-large button.slick-arrow.slick-next { right: 20px; } } @media screen and (max-width: 39.9375em) { .pt_product-details .product-image-container #thumbnails { -ms-flex-order: 2; order: 2; } } .pt_product-details #thumbnails .slick-dots { display: none !important; } .pt_product-details .pdp-main .product-form-actions button, .pt_product-details .pdp-main .product-form-actions button, .pt_product-details .pdp-main .product-form-actions button, .pt_product-details .pdp-main .product-form-actions .button, .pt_product-details .pdp-main .product-form-actions input[type="button"], .pt_product-details .pdp-main .product-form-actions input[type="button"] { margin: 0; } @media screen and (max-width: 39.9375em) { .pt_product-details .barge-pdp { -ms-flex-order: 2; order: 2; position: initial; top: auto; } } @media screen and (max-width: 39.9375em) { .pt_product-details .brand-container { display: block; } } @media screen and (max-width: 39.9375em) { .pt_product-details .pdp-main .product-title { -ms-flex-order: 3; order: 3; padding-top: 10px; } } .pt_product-details .pdp-main .product-name { font-size: 24px; } @media screen and (max-width: 39.9375em) { .pt_product-details .pdp-main .product-name { font-size: 20px; } } .pt_product-details .pdp-main .product-brand { min-height: 24px; } @media screen and (max-width: 39.9375em) { .pt_product-details .pdp-main .product-brand { padding-top: 0; } } @media screen and (max-width: 39.9375em) { .pt_product-details .pdp-main .product-price.only-pdp { display: block; margin-top: 15px; } } @media screen and (max-width: 39.9375em) { .pt_product-details .pdp-main .product-price.only-pdp-hidden { display: none; } } @media screen and (max-width: 39.9375em) { .pt_product-details .pdp-main .product-variations .pdp-vars .attribute { margin-top: 5px; } } @media screen and (max-width: 39.9375em) { .pt_product-details #main { margin-top: 0px; } } @media screen and (max-width: 39.9375em) { .pdp-main .product-detail { padding-left: 1.25rem; padding-right: 1.25rem; } } .pdp-main .main-image { cursor: crosshair; } .pdp-main .product-slide-large li { text-align: center; } .pdp-main .product-slide-large .slick-dots { margin-top: 21px; position: relative; top: 6px; } .pdp-main .product-slide-large .slick-dots li { width: 15px; } @media screen and (max-width: 39.9375em) { .pdp-main .product-slide-large .slick-dots li { width: 12px; } } .pdp-main .product-slide-large .slick-dots li button { width: 8px; height: 8px; } .pdp-main .product-slide-large .slick-dots li button:before { font-size: 9px; width: 8px; height: 8px; background: #d6d9d9; border-radius: 50%; top: 5px; color: rgba(0, 0, 0, 0); } .pdp-main .product-slide-large .slick-dots li.slick-active button:before { background: #353737; border-radius: 50%; top: 5px; color: rgba(0, 0, 0, 0); } #modal-content #thumbnails { display: none; } @media screen and (max-width: 39.9375em) { #modal-content .product-image-container { padding-top: 30px; } } .is-reveal-open .reveal-overlay.fade-in { display: block !important; } .is-reveal-open .reveal-overlay.fade-in .product-detail-view { display: block !important; } .product-tile .product-actions { position: absolute; top: -1px; right: 4px; padding: 0; } @media screen and (max-width: 39.9375em) { .product-tile .product-actions { top: -15px; right: 10px; } } .product-tile .product-actions a { background: transparent; padding: 0; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .product-tile .product-actions a { /* IE10+ CSS styles go here */ padding-top: 1px; } } .product-tile .product-actions a:hover { background: transparent; opacity: 1; } .product-image-container .slick-prev { left: 10px; top: 46%; } @media screen and (max-width: 39.9375em) { .product-image-container .slick-prev { top: 40%; } } .product-image-container .slick-next { right: 10px; top: 46%; } @media screen and (max-width: 39.9375em) { .product-image-container .slick-next { top: 40%; } } .edit-modal.reveal.product-detail-view button.close-button { right: 19px; top: 17px; } @media screen and (max-width: 39.9375em) { .edit-modal.reveal.product-detail-view button.close-button { right: 2px; } } .pdp-main .product-form-actions { margin-top: 40px; } .pdp-main .product-title .product-description { display: block; } @media screen and (max-width: 39.9375em) { .brand-container { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } } @media screen and (max-width: 39.9375em) { .brand-container:not(.has-brand) { display: block; } } .pdp-promo-bar, .pdp-jump-links { display: none; } .pt_product-details #contentzone1, .pt_product-details #contentzone2, .pt_product-details #contentzone3 { display: none; } .accordion.accordion-list .accordion-item { border-top: 1px solid #d6d9d9; } .accordion.accordion-list .accordion-item .accordion-title { font-size: 16px; padding: 25px 0 30px; } .accordion.accordion-list .accordion-item .accordion-title::before { font-size: 14px; top: 30px; } .accordion.accordion-list .accordion-item .accordion-content { padding-bottom: 80px; } .accordion.accordion-list .accordion-item .accordion-content p { margin-top: 20px; } .product-skincare, .product-brand, .product-variations { color: #353939; } h3.product-skincare { border-top: none; } .find-in-store { margin-top: 1.25rem; } @media screen and (max-width: 39.9375em) { .quickview-modal .find-in-store { margin-top: 27px; } } .find-in-store .note { font-size: 12px; color: #8c9292; margin-top: 10px; } @media screen and (max-width: 39.9375em) { .find-in-store .note { color: #000; } } /* PLP Product List Page */ /* PLP PAGE TITLE and INTRO DESCRIPTION */ .background-container { background-size: cover; background-repeat: no-repeat; } .search-text-wrapper h3 { font-size: 2em; margin: 0; } .page-intro { margin-top: 1em; } .page-intro h1 { font-size: 2.4em; border-bottom: 2px solid #cc0000; font-weight: 600; } @media print, screen and (min-width: 40em) { .page-intro h1 { float: left; } } .page-intro .description { float: left; margin: 0 0 1em 0; } .category-image-overlay { background-size: cover; } @media screen and (max-width: 640px) { .page-intro-container { margin-top: .5em; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .page-intro-container h1 { border-bottom: 0; font-size: 1.8em; display: inline-block; text-align: center; } .page-intro-container h1 .page-intro-btm-border { border-bottom: 2px solid #cc0000; float: none; text-align: center; margin: 0 auto; } /*.page-intro { margin-top: .5em; h1 { border-bottom: 0; font-size: 1.8em; display: inline-block; text-align: center; } h1 .page-intro-btm-border { border-bottom: 3px solid $citrus; float: none; text-align: center; margin: 0 auto; } }*/ } .slider-header { text-align: center; padding: 10px 0; position: relative; top: 8px; width: 100%; } .slider-header h1 { margin: 0; } .pt_product-search-result .banner.plp-top-banner { border-top: 5px solid #000; border-bottom: 5px solid #000; height: auto; overflow: visible; margin-bottom: 1em; } .pt_product-search-result .banner.plp-top-banner .banner-title { font-size: 1.6em; font-weight: bold; display: -ms-flexbox; display: flex; margin: 1em 0 .5em 0; line-height: 1; } .pt_product-search-result .banner.plp-top-banner p { line-height: 1; font-size: .9em; margin: .5em 0; } @media screen and (max-width: 64em) { .pt_product-search-result .banner.plp-top-banner { border-top: 3px solid #000; border-bottom: 3px solid #000; } .pt_product-search-result .banner.plp-top-banner .banner-title { font-size: 1.3em; margin: .5em 0 .2em 0; } .pt_product-search-result .banner.plp-top-banner p { line-height: 1.2; font-size: .9em; } } /* end pt_product-search-result */ .search-promo > div { width: 100%; border-top: 8px solid #000; } .category-content-side { font-size: .9em; border-top: 5px solid #000; overflow: visible; padding: 0; margin: 0 0 0 0; } .category-content-side .title { font-weight: 500; text-transform: uppercase; } .category-content-side ul { margin: 0 0 0 0; padding: 0 0 0 0; } .category-content-side ul li { margin: 0 0 .03em 0; list-style-type: none; } plp-slider-block { padding: 28px 64px 0; text-align: center; } .plp-slide-image { text-align: center; } #product-image-carousel { border: none; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { #product-image-carousel .slick-next { top: 90px; } } @media screen and (max-width: 39.9375em) { #product-image-carousel .slick-next { right: 0 !important; } } @media screen and (max-width: 39.9375em) { #product-image-carousel .slick-prev { left: 0 !important; } } @media print, screen and (min-width: 40em) { #product-image-carousel img { padding: 0 30px; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { #product-image-carousel .slick-prev { top: 90px; } } #product-image-carousel .modal-video h4 { text-align: center; } @media screen and (max-width: 39.9375em) { #product-image-carousel .modal-video img { max-height: inherit; max-width: inherit; } } #product-video-carousel { border: none; } @media screen and (max-width: 39.9375em) { #product-video-carousel .slick-next { right: 0 !important; } } @media screen and (max-width: 39.9375em) { #product-video-carousel .slick-prev { left: 0 !important; } } #wrapper.pt_product-search-result.category .search-page, #wrapper.pt_product-search-result.category .search-result-options, #wrapper.pt_product-search-result.category .category-tab-links { display: none; } #wrapper.pt_product-search-result.category #results-hits-top { margin-top: 50px; } @media screen and (max-width: 39.9375em) { #wrapper.pt_product-search-result.category #results-hits-top { margin-top: 60px; } } #wrapper.pt_product-search-result.category #results-hits-top .results-hits { display: none; } #wrapper.pt_product-search-result.category .product-pricing { display: block; } .page-intro { margin-top: 0; } .page-intro h1 { float: none; font-size: 24px; border-bottom: none; font-weight: 500; } @media screen and (max-width: 39.9375em) { .page-intro h1 { font-size: 20px; } } .page-intro .page-intro-container { margin-top: 0; } @media screen and (max-width: 39.9375em) { .product-tile .product-name { height: auto; } } .product-tile .badge-container { width: 45%; } @media screen and (max-width: 39.9375em) { .product-tile .badge-container { position: initial; } } .product-tile .badge-container span { padding: 0 5px; border: 1px solid #8c9292; color: #8c9292; text-transform: uppercase; } .product-tile .badge-container .badge-product p { border-bottom: none; } #cart-table { margin-bottom: 66px; } @media print, screen and (min-width: 64em) { #cart-table { margin-bottom: 91px; } } #cart-table h2 { padding-bottom: 39px; } @media screen and (max-width: 39.9375em) { #cart-table h2 { padding-bottom: 36px; } } #cart-table .cart-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 14px; padding-bottom: 14px; border-top: 1px #d6d9d9 solid; position: relative; } @media print, screen and (min-width: 40em) { #cart-table .cart-row { padding-top: 10px; padding-bottom: 10px; } } #cart-table .cart-row .bonus-item-container .bonus-item-promo { border: 1px solid #8c9292; padding: 1em; } #cart-table .cart-row .bonus-item-container .select-bonus { font-size: .8em; text-decoration: underline; } #cart-table .cart-row .bonus-item-container .select-bonus:hover { text-decoration: none; } #cart-table .cart-row .quantity-column { padding: 0 48px 0 18px; margin-top: 0.5em; } @media print, screen and (min-width: 40em) { #cart-table .cart-row .quantity-column { padding: 0 0 0 20px; margin-top: 20px; } } #cart-table .cart-row .item-quantity .quantity-container .quantity-text { display: inline-block; margin-right: 27px; } @media print, screen and (min-width: 40em) { #cart-table .cart-row .item-quantity #quantity { width: 60px; } } #cart-table .cart-row .item-action-buttons-small { position: absolute; right: -3px; top: 13px; } @media screen and (max-width: 39.9375em) { #cart-table .cart-row .item-action-buttons-small { top: 50%; transform: translateY(-50%); } } #cart-table .cart-row .product-error.not-available { color: #cc0000; margin-bottom: 0.5em; } #cart-table .cart-row .product-promotion-container { color: #676d6d; margin: 1em 0; width: 100%; } #cart-table .header-total-price { text-align: right; } #cart-table .item-image { float: left; text-align: center; } @media screen and (min-width: 768px) { #cart-table .item-image { float: none; } } @media print, screen and (min-width: 64em) { #cart-table .item-image { padding-right: 40px; } } #cart-table .item-details { float: left; padding: 0 48px 0 22px; } @media print, screen and (min-width: 40em) { #cart-table .item-details { padding: 0 20px; } } #cart-table .item-details .product-list-item .item-action-buttons { display: inline-block; } #cart-table .item-details .product-list-item .item-action-buttons .item-user-actions { display: inline; font-size: 12px; } #cart-table .item-details .product-list-item .item-action-buttons .item-user-actions .button-text { font-size: 12px; font-weight: normal; text-decoration: underline; margin-right: .5em; font-weight: normal !important; text-transform: uppercase; } #cart-table .item-details .product-list-item .item-action-buttons .item-user-actions .button-text:hover { text-decoration: none; } #cart-table .item-details .product-list-item .item-action-buttons .item-user-actions a { text-decoration: underline; text-transform: uppercase; } #cart-table .item-details .product-list-item .item-action-buttons .item-user-actions a:hover { text-decoration: none; } @media screen and (min-width: 768px) { #cart-table .item-details { float: none; } } @media screen and (max-width: 39.9375em) { #cart-table .item-details .name { font-size: 13px; } } #cart-table .price-column { font-weight: bold; text-align: right; } #cart-table .price-promotion .price-sales { color: #990000; } #cart-table .price-promotion .price-standard { margin: 0 1em 0 0; text-decoration: line-through; } #cart-table .medium-price-column { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } #cart-table .item-total { text-align: right; word-wrap: break-word; color: #353939; font-size: 13px; } @media screen and (min-width: 768px) { #cart-table .item-total { float: none; font-size: 16px; } } #cart-table .item-total .exclude-tax { font-size: 10px; white-space: nowrap; } @media print, screen and (min-width: 40em) { #cart-table .item-total .exclude-tax { font-size: 12px; } } @media screen and (min-width: 768px) { #cart-table .item-total .promo-adjustment { width: 100%; float: right; } } #cart-table .price-unadjusted { font-size: 14px; color: #999; margin-right: 8px; text-decoration: line-through; display: block; } @media screen and (max-width: 39.9375em) { #cart-table .price-unadjusted { margin-right: 0; font-size: 12px; } } @media screen and (max-width: 39.9375em) { #cart-table .price-adjusted-total { display: block; } } .cart-promo { background: url("../images/interface/ui-promo-bg-gray-diag.png") repeat scroll 0 0 transparent; color: #333; font-style: italic; margin: 0.3em 0; padding: 1em; } .cart-promo .bonus-item-actions { font-size: 1em !important; text-align: right; vertical-align: middle; } .cart-coupon-code input { width: 73%; margin-right: 6%; background: none; padding: 6.5px 0; } @media print, screen and (min-width: 40em) { .cart-coupon-code input { width: 61%; margin-right: 7%; } } .cart-coupon-code .error { padding-top: 0.4em; } .cart-coupon-code .success { font-size: 0.85em; } .total-container h2 { padding: 29px 0 24px; border-top: none; border-bottom: 1px solid #d6d9d9; text-align: center; margin: 0 32px; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .total-container h2 { margin: 0 14px; } } @media screen and (max-width: 39.9375em) { .total-container h2 { margin: 0 21px; } } .order-totals-table .calculations-container { padding-top: 14px; } @media print, screen and (min-width: 40em) { .order-totals-table .calculations-container { padding-top: 18px; } } .order-totals-table .calculations-container > div { padding-left: 1.5em; padding-right: 1.5em; padding-bottom: 0.4em; } @media screen and (max-width: 39.9375em) { .order-totals-table .calculations-container > div:not(.cart-coupon-code) { font-size: 13px; } } .order-totals-table .calculations-container > div .exclude-tax { font-size: 10px; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .order-totals-table .calculations-container > div { padding-left: 1em; padding-right: 1em; padding-bottom: 0.75em; font-size: 16px; } .order-totals-table .calculations-container > div .exclude-tax { font-size: 14px; } } @media print, screen and (min-width: 64em) { .order-totals-table .calculations-container > div { padding-left: 2em; padding-right: 2em; padding-bottom: 22px; font-size: 16px; } .order-totals-table .calculations-container > div .exclude-tax { font-size: 14px; } } @media print, screen and (min-width: 40em) { .order-totals-table .calculations-container > div .float-left { max-width: 50%; } } .order-totals-table .calculations-container > div.order-total { font-weight: bold; padding-top: 17px; padding-left: 0; padding-right: 0; margin-left: 2em; margin-right: 2em; margin-top: 4px; border-top: 1px solid #d6d9d9; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .order-totals-table .calculations-container > div.order-total { margin-left: 1em; margin-right: 1em; } } @media screen and (max-width: 39.9375em) { .order-totals-table .calculations-container > div.order-total { padding-top: 14px; padding-bottom: 54px; margin-left: 1.5em; margin-right: 1.5em; margin-top: 20px; } } .order-totals-table .order-totals-item { width: 60%; } .order-totals-table .order-totals-value { width: 40%; } .order-value { white-space: nowrap; } .cart-actions { padding: 0 40px 60px; text-align: center; } @media screen and (max-width: 39.9375em) { .cart-actions { padding-bottom: 50px; } } .cart-action-continue-shopping .button-text { text-decoration: underline; text-transform: uppercase; font-size: .75em; color: #ffffff; font-weight: bold; margin-left: .2rem; margin-right: 1rem; } .cart-action-continue-shopping .button-text:hover { text-decoration: none; } .cart-actions-top { display: inline-block; margin-left: 1em; padding: 0; } .cart-actions-top .cart-action-continue-shopping { float: none; } .cart-empty { margin-top: 4rem; } .cart-empty h1 { text-align: center; } .cart-empty .cart-action-continue-shopping { float: none; text-align: center; margin-bottom: 4rem; } .cart-empty .cart-action-continue-shopping .button-text { color: #353737; } .cart-empty .product-listing { background-color: #ffffff; padding: 1rem 0; } .cart-empty .product-listing h2 { margin-left: 1.3rem; } .cart-empty .product-listing .search-result-items { margin-top: 1em; } .promo-adjustment { color: #990000; } .account-welcome .welcome-message { font-size: 1.2em; font-style: italic; } .account-welcome .not-user { margin: .83em 0; } #password-reset { white-space: nowrap; } .pt_cart .mobile-samples-counter { font-weight: bold; margin: 0 auto; font-size: 0.75rem; text-align: center; } .pt_cart .full-width-slot { margin: 0 -1.25rem; color: #ffffff; font-weight: bold; padding: 0.75rem; background: #676d6d; text-align: center; } .pt_cart .full-width-slot .dynamic-slot-text { display: inline-block; } .pt_cart .full-width-slot .cart-promo.cart-promo-approaching { background: none; color: #ffffff; font-style: normal; padding: 0; } .pt_cart .full-width-slot .button-text { font-size: 0.75rem; } @media screen and (max-width: 39.9375em) { .pt_cart .full-width-slot { margin: 0; } } .pt_cart .cart-error { border: none; color: #cc0000; padding-bottom: 1.5em; } @media screen and (max-width: 39.9375em) { .pt_cart .cart-error { text-align: center; } } .pt_cart .cart-column.cart-left-column .order-promotion-container { margin: 0; border-top: 1px solid #d6d9d9; border-bottom: 1px solid #d6d9d9; font-weight: bold; } .pt_cart .cart-column.cart-left-column .order-promotion-container > div { padding: 2em; text-align: center; } .pt_cart .cart-column.cart-left-column .mobile-action-btn { margin-top: 1em; text-align: center; padding: 0 1em; } .pt_cart .cart-column.cart-left-column .mobile-action-btn a.button { font-size: 1em; padding: .5em 0em; width: 65%; } .pt_cart .cart-column.cart-left-column .sample-container .remove-link-btn, .pt_cart .cart-column.cart-left-column .pointexchange-container .remove-link-btn { text-align: right; } .pt_cart .cart-column.cart-left-column .sample-tiles-container .tiles-wrapper .sample-tile, .pt_cart .cart-column.cart-left-column .pointexchange-tiles-container .tiles-wrapper .sample-tile { border-top: 1px solid #d6d9d9; padding: 10px 0; } .pt_cart .cart-column.cart-left-column .sample-tiles-container .tiles-wrapper .sample-tile:last-child, .pt_cart .cart-column.cart-left-column .pointexchange-tiles-container .tiles-wrapper .sample-tile:last-child { padding-bottom: 0; } .pt_cart .cart-column.cart-left-column .sample-tiles-container .tiles-wrapper img, .pt_cart .cart-column.cart-left-column .pointexchange-tiles-container .tiles-wrapper img { max-height: 160px; } .pt_cart .cart-column.cart-left-column .sample-container { margin-bottom: 78px; } @media print, screen and (min-width: 40em) { .pt_cart .cart-column.cart-left-column .sample-container { margin-bottom: 100px; } } .pt_cart .cart-column.cart-left-column .sample-container h2 { padding-bottom: 36px; } @media print, screen and (min-width: 40em) { .pt_cart .cart-column.cart-left-column .sample-container #selectsample br { display: none; } } @media screen and (max-width: 39.9375em) { .pt_cart .cart-column.cart-left-column .sample-container .sample-modal-link { margin: 0 20px; } } .pt_cart .cart-column.cart-left-column .sample-container .sample-tiles-container { margin-top: 39px; } .pt_cart .cart-column.cart-left-column .pointexchange-container { margin-bottom: 79px; } @media print, screen and (min-width: 40em) { .pt_cart .cart-column.cart-left-column .pointexchange-container { margin-bottom: 160px; } } .pt_cart .cart-column.cart-left-column .pointexchange-container h2 { padding-bottom: 36px; } @media screen and (max-width: 39.9375em) { .pt_cart .cart-column.cart-left-column .pointexchange-container .pointexchange-modal-link { margin: 0 20px; } } .pt_cart .cart-column.cart-left-column .pointexchange-container .pointexchange-point { margin-bottom: 44px; } @media print, screen and (min-width: 40em) { .pt_cart .cart-column.cart-left-column .pointexchange-container .pointexchange-point { margin-bottom: 38px; } } .pt_cart .cart-column.cart-left-column .pointexchange-container .pointexchange-point span { font-size: 30px; font-weight: bold; } @media screen and (max-width: 39.9375em) { .pt_cart .cart-column.cart-left-column .pointexchange-container .pointexchange-point span { font-size: 18px; } } .pt_cart .cart-column.cart-left-column .pointexchange-container .pointexchange-tiles-container { margin-top: 28px; } @media screen and (max-width: 63.9375em) { .pt_cart .cart-column.cart-right-column { padding-right: 1em; } } @media screen and (max-width: 39.9375em) { .pt_cart .cart-column.cart-right-column { padding: 0; border-bottom: 1px solid #d6d9d9; } } .pt_cart .cart-column.cart-right-column .cart-order-totals { padding-bottom: 2em; } .pt_cart .cart-column.cart-right-column .cart-coupon-code { border-top: 1px solid #d6d9d9; } .pt_cart .cart-column.cart-right-column .cart-coupon-code .accordion { margin: 0; } .pt_cart .cart-column.cart-right-column .cart-coupon-code .accordion-title { padding: 0; } .pt_cart .cart-column.cart-right-column .cart-coupon-code .accordion-title:before { top: 32px; } .pt_cart .cart-column.cart-right-column .cart-coupon-code h3 { border-top: none; padding-top: 25px; } @media print, screen and (min-width: 40em) { .pt_cart .cart-column.cart-right-column .cart-coupon-code h3 { padding-top: 22px; } } .pt_cart .cart-column.cart-right-column .cart-coupon-code p { margin: 36px 0 13px 0; font-size: 13px; } @media print, screen and (min-width: 40em) { .pt_cart .cart-column.cart-right-column .cart-coupon-code p { margin: 33px 0 25px 0; font-size: 14px; } } @media screen and (max-width: 39.9375em) { .pt_cart .cart-column.cart-right-column .cart-coupon-code #add-coupon { font-size: 12px; } } .pt_cart .cart-column.cart-right-column .cart-coupon-code .item-details p { font-size: 16px; } @media screen and (max-width: 39.9375em) { .pt_cart .cart-column.cart-right-column .cart-coupon-code .item-details p { font-size: 14px; } } .pt_cart .cart-column.cart-right-column .cart-coupon-code .item-details span, .pt_cart .cart-column.cart-right-column .cart-coupon-code .item-details button { font-size: 16px; vertical-align: middle; } @media screen and (max-width: 39.9375em) { .pt_cart .cart-column.cart-right-column .cart-coupon-code .item-details span, .pt_cart .cart-column.cart-right-column .cart-coupon-code .item-details button { font-size: 13px; } } @media screen and (max-width: 39.9375em) { .pt_cart .cart-column.cart-right-column .cart-coupon-code .coupon span { font-size: 13px; } } .pt_cart .cart-column.cart-right-column .cart-coupon-code fieldset { width: 100%; } .pt_cart .cart-column.cart-right-column .cart-coupon-code button { padding: 6.5px; width: 21%; } @media print, screen and (min-width: 40em) { .pt_cart .cart-column.cart-right-column .cart-coupon-code button { width: 32%; } } .pt_cart .cart-column.cart-right-column .cart-actions .button-fancy-large { width: 100%; } @media screen and (max-width: 39.9375em) { .pt_cart .cart-column.cart-right-column .cart-actions .button-fancy-large { margin-top: 9px; } } /***** Complimentary Modal *****/ #complimentary-sample { border: 0; margin: 0 auto; padding: 1em; top: 90px !important; width: 80%; } #complimentary-sample h2 { display: inline-block; margin: 0 0.5em; text-transform: none; } @media print, screen and (min-width: 40em) { #complimentary-sample h2 { font-size: 2em; width: 56.66%; float: left; margin-top: 1.5em; } } @media print, screen and (min-width: 64em) { #complimentary-sample h2 { font-size: 1.5em; } } #complimentary-sample button { width: 92%; margin: 2em auto; display: block; } #complimentary-sample button.close-button { margin: 0; width: auto; } #complimentary-sample button.show-for-small-only { margin-bottom: 1em; } @media print, screen and (min-width: 40em) { #complimentary-sample button { display: inline; margin-top: 0; width: auto; } } @media print, screen and (min-width: 64em) { #complimentary-sample button { margin-top: 2.5em; float: right; } } #complimentary-sample label { background-color: #ffffff; border-color: #676d6d; color: #676d6d; display: inline-block; margin: 2em 0 0; text-transform: uppercase; width: 80%; } @media print, screen and (min-width: 40em) { #complimentary-sample label { width: 100%; } } #complimentary-sample input[type="checkbox"] { display: none; } #complimentary-sample input[type="checkbox"]:checked + label { background-color: #353737; border-color: #353737; color: #ffffff; } #complimentary-sample .sample-item { text-align: center; border-bottom: #676d6d thin solid; padding: 1.5em; position: relative; } #complimentary-sample .sample-item:first-child { border-top: #676d6d thin solid; } @media print, screen and (min-width: 40em) { #complimentary-sample .sample-item:first-child { border-top: 0; } } @media print, screen and (min-width: 40em) { #complimentary-sample .sample-item { border: 0; } } #complimentary-sample .recommended { display: block; height: 1em; margin-bottom: 1em; } #complimentary-sample .product-image { margin-bottom: 1em; } #complimentary-sample .row, #complimentary-sample .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template #complimentary-sample .content-asset, #complimentary-sample .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template #complimentary-sample .content-asset { clear: both; } /***** End of Complimentary Modal *****/ .pointexchange-selection .error, .sample-selection .error { margin-top: 10px; } .pointexchange-selection .modal-content .form-row-button, .sample-selection .modal-content .form-row-button { margin-top: 21px; } @media print, screen and (min-width: 40em) { .pointexchange-selection .modal-content .form-row-button, .sample-selection .modal-content .form-row-button { margin-top: 10px; } } .pointexchange-selection .modal-content .search-result-items, .sample-selection .modal-content .search-result-items { padding: 0; } .pointexchange-selection ul > li, .sample-selection ul > li { text-align: center; } @media print, screen and (min-width: 40em) { .pointexchange-selection ul > li, .sample-selection ul > li { border-bottom: none; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin-bottom: 70px; } .pointexchange-selection ul > li:nth-child(3n+1), .sample-selection ul > li:nth-child(3n+1) { padding-left: 0; padding-right: 1.5em; } .pointexchange-selection ul > li:nth-child(3n+2), .sample-selection ul > li:nth-child(3n+2) { padding-left: 0.75em; padding-right: 0.75em; } .pointexchange-selection ul > li:nth-child(3n), .sample-selection ul > li:nth-child(3n) { padding-left: 1.5em; padding-right: 0; } } @media screen and (max-width: 39.9375em) { .pointexchange-selection ul > li, .sample-selection ul > li { margin-bottom: 39px; } .pointexchange-selection ul > li:nth-child(2n+1), .sample-selection ul > li:nth-child(2n+1) { padding-right: 14px; padding-left: 0; } .pointexchange-selection ul > li:nth-child(2n), .sample-selection ul > li:nth-child(2n) { padding-left: 14px; padding-right: 0; } } .pointexchange-selection .product-tile, .sample-selection .product-tile { margin-bottom: 0; } .pointexchange-selection .product-tile .product-image, .sample-selection .product-tile .product-image { margin-bottom: 14px; max-height: 250px; } @media screen and (max-width: 39.9375em) { .pointexchange-selection .product-tile .product-image, .sample-selection .product-tile .product-image { margin-bottom: 0; } } .pointexchange-selection .product-tile .product-brand, .pointexchange-selection .product-tile .short-desc, .sample-selection .product-tile .product-brand, .sample-selection .product-tile .short-desc { display: none; } .pointexchange-selection .product-tile .name-link, .sample-selection .product-tile .name-link { height: auto; min-height: auto; } .pointexchange-selection .product-tile .product-name, .sample-selection .product-tile .product-name { height: 48px; line-height: 1.75; } @media screen and (max-width: 39.9375em) { .pointexchange-selection .product-tile .product-name, .sample-selection .product-tile .product-name { margin: 10px 0 17px; font-size: 13px; height: 63px; } } .sample-selection .search-result-items button { margin: 6px auto 0; } .sample-selection .search-result-items button[value="selected"] { background-color: #353737; border-color: #353737; color: #ffffff; } .sample-selection .add-to-cart.top-btn { margin-bottom: 50px; } @media screen and (max-width: 39.9375em) { .sample-selection .add-to-cart.top-btn { margin-bottom: 30px; } } .label-point { font-size: 12px; text-align: center; background: #8c9292; color: #ffffff; padding: 3px; margin: 0 0 18px; position: relative; display: block; text-transform: uppercase; } @media print, screen and (min-width: 40em) { .label-point { margin: 0 3px 27px; } } .label-point::after { content: ''; border-top: 13px solid #8c9292; border-right: 11.5px solid transparent; border-left: 11.5px solid transparent; position: absolute; left: 50%; bottom: -8px; transform: translateX(-50%); z-index: 1; } @media print, screen and (min-width: 40em) { .label-point::after { bottom: -12px; } } .pointexchange-selection .item-quantity .select { font-size: 14px; } @media print, screen and (min-width: 40em) { .pointexchange-selection .item-quantity .select { width: 61px; } } .pointexchange-selection .exchange-gift-product .product-wrapper { position: relative; } .pointexchange-selection .exchange-gift-product button { display: none; pointer-events: none; position: absolute; right: 16px; top: 16px; width: 20px; height: 20px; padding: 0; border-radius: 50%; background: #d6ede3; } .pointexchange-selection .exchange-gift-product button[value="selected"] { display: inline-block; } .pointexchange-selection .exchange-gift-product button:after { font-family: "iconfont64" !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; vertical-align: middle; content: ""; color: #353737; font-size: 16px; position: absolute; top: -2px; right: -2px; } .pointexchange-selection .giftproductdetail-link { margin-top: 12px; display: block; } .cart-promo-approaching:hover { cursor: pointer; } .pointexchange-confirm p { margin: 32px 0 36px; } .pointexchange-confirm p span { font-size: 20px; } @media print, screen and (min-width: 64em) { .pointexchange-confirm p span { font-size: 30px; } } @media screen and (max-width: 63.9375em) { .pointexchange-confirm p { margin: 26px 0 21px; font-size: 13px; } } .pointexchange-confirm .limit-error { margin-bottom: 30px; } .pointexchange-confirm .list-product-exchange { margin-top: 25px; } @media print, screen and (min-width: 64em) { .pointexchange-confirm .list-product-exchange { margin-top: 36px; } } .pointexchange-confirm.modal-content .list-product-exchange { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media print, screen and (min-width: 40em) { .pointexchange-confirm.modal-content .list-product-exchange { -ms-flex-direction: row; flex-direction: row; } } .pointexchange-confirm.modal-content .mini-cart-product { width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } @media print, screen and (min-width: 40em) { .pointexchange-confirm.modal-content .mini-cart-product { width: 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } } @media print, screen and (min-width: 40em) { .pointexchange-confirm .mini-cart-product { border: none; } } .pointexchange-confirm .point-used .value, .pointexchange-confirm .b-totalpoint .value { float: right; } .pointexchange-confirm .point-used .value.error, .pointexchange-confirm .b-totalpoint .value.error { margin-bottom: 0; margin-top: 0; } .pointexchange-confirm .point-used { margin-top: 60px; } @media screen and (max-width: 63.9375em) { .pointexchange-confirm .point-used { margin-top: 40px; font-size: 13px; padding-top: 15px; } } .pointexchange-confirm .b-totalpoint { border-top: none; margin-bottom: 60px; } @media screen and (max-width: 39.9375em) { .pointexchange-confirm .b-totalpoint { margin-bottom: 52px; } } @media screen and (max-width: 39.9375em) { .pointexchange-confirm .form-row-button { margin: 0 20px; } } @media screen and (max-width: 39.9375em) { .pt_checkout .summary { padding: 0; } } .pt_checkout .summary .mini-cart-product { background: #ffffff; padding: 1em; border-top: none; margin-bottom: 20px; } @media screen and (max-width: 39.9375em) { .pt_checkout .summary .mini-cart-product { margin-bottom: 10px; padding: 7px 17px; } } .pt_checkout .scroll-items { overflow-y: auto; max-height: 700px; overflow-x: hidden; } .pt_checkout .scroll-items::-webkit-scrollbar { width: 4px; } .pt_checkout .scroll-items::-webkit-scrollbar-thumb { background: #8c9292; } .pt_checkout #main { margin-top: 101px; } @media screen and (max-width: 39.9375em) { .pt_checkout #main { margin-top: 47px; margin-bottom: 0; border-bottom: 1px solid #d6d9d9; } } .redemption { color: #990000; } .redemption .success { color: #019328; } .redemption span.error { margin-left: 0; } .payment-method { display: none; } .payment-method-expanded { display: block; } .payment-method-expanded .cctoken label span { display: none; } .ssn { clear: left; } .pt_checkout .creditcard-tile .icon-radio { width: 14px; height: 14px; display: inline-block; border: 1px #d6d9d9 solid; position: absolute; border-radius: 50%; top: 50%; left: 25px; transform: translateY(-50%); } .pt_checkout .creditcard-tile .creditcard-tile-inner { padding-left: 64px; position: relative; } .pt_checkout .creditcard-tile .creditcard-tile-inner .cc-number { font-weight: bold; } .pt_checkout .creditcard-tile .creditcard-tile-inner .cc-name { word-break: break-word; } .pt_checkout .creditcard-tile.selected .form-row.saved-cvn label { font-weight: bold; } .pt_checkout .creditcard-tile.selected .icon-radio:after { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 4px; background-color: #353737; position: absolute; left: 2px; top: 2px; } @media print, screen and (min-width: 40em) { .pt_checkout .creditcard-tile .form-row.saved-cvn .field-wrapper { width: 25% !important; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .pt_checkout .creditcard-tile .form-row.saved-cvn label { font-size: 13px; min-width: 90px; } } @media screen and (max-width: 39.9375em) { .pt_checkout .creditcard-tile .form-row.saved-cvn { -ms-flex-direction: row; flex-direction: row; margin: 0; width: 100%; } .pt_checkout .creditcard-tile .form-row.saved-cvn label { width: 50%; } .pt_checkout .creditcard-tile .form-row.saved-cvn .field-wrapper { width: 30%; } } .pt_checkout .cart-coupon-code { border-bottom: 1px solid #d6d9d9; } .pt_checkout .cart-coupon-code button { padding: 8px; } .pt_checkout .if-gift-container { padding: 0 2em 2em 2em; } .pt_checkout .if-gift-container .icon-checkmark { margin-right: .5em; } .checkout-mini-cart { overflow: auto; padding: 0 20px 40px 20px; border-top: 1px solid #d6d9d9; } @media print, screen and (min-width: 40em) { .checkout-mini-cart { margin-bottom: 40px; padding: 0 2em 1em; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .checkout-mini-cart { padding: 0 1em 2em 1em; } } .checkout-mini-cart .mini-cart-label { display: none; } @media print, screen and (min-width: 40em) { .checkout-mini-cart .mini-cart-image { width: 51%; padding: 0 15px; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .checkout-mini-cart .mini-cart-image { padding: 0; } } @media print, screen and (min-width: 40em) { .checkout-mini-cart .mini-cart-details { width: 49%; } } @media screen and (max-width: 39.9375em) { .checkout-mini-cart .mini-cart-details { font-size: 13px; } } .checkout-mini-cart .minicart-promo { margin-top: 12px; color: #676d6d; font-style: italic; clear: both; } .checkout-mini-cart h3 { border-top: none; padding-bottom: 24px; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .checkout-mini-cart h3 { padding-bottom: 20px; } } .checkout-mini-cart h3 a { float: right; text-decoration: underline; } .order-summary-footer { position: relative; } .order-summary-footer .user-consent-container { position: relative; margin-top: 20px; } .order-summary-footer .user-consent-container .user-consent-label > label { position: relative; top: -8px; } .order-summary-footer .user-consent-container .user-consent-label > label a { color: #00F; } .order-summary-footer .user-consent-container .user-consent-input .form-row { float: left; height: 15px; } .order-summary-footer .user-consent-container .user-consent-input .form-row .field-wrapper > span { position: absolute; width: 500px; top: -31px; } .order-summary-footer .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox { position: relative; top: -3px; z-index: 10; } .order-summary-footer h2 { font-size: 2em; font-style: italic; font-weight: normal; } .summary-help { float: right; font-size: 0.8em; margin: 1em 0; } .submit-order { clear: both; display: block; padding: 1.67em 0 0; text-align: right; } .submit-order .back-to-cart { font-size: 1.1em; } .submit-order .back-to-cart:hover { text-decoration: underline; } .submit-order button { margin-left: 1.5em; } .gift-cert-used { padding: .83em 0; } .summary .edit { position: absolute; text-transform: uppercase; right: 10px; font-size: 0.9em; line-height: 1.5em; } .item-shipping-address { min-width: 120px; } .billing-error { color: #cc0000; margin: 0 0 .83em 24%; } .cvn-tooltip { font-weight: bold; margin: 5px; text-align: center; } .cvn-tooltip img { height: 150px; width: 110px; } .checkout-shipping h3 { margin-top: 55px; margin-bottom: 28px; } @media print, screen and (min-width: 40em) { .checkout-shipping h3 { margin-top: 73px; } } .checkout-shipping p { margin-top: 0; margin-bottom: 24px; } @media screen and (max-width: 39.9375em) { .checkout-shipping fieldset { padding-left: 8px; } } @media only screen and (max-width: 348px) { .checkout-shipping fieldset { padding-left: 0; } } .checkout-shipping .box { margin-bottom: 15px; } @media print, screen and (min-width: 40em) { .checkout-shipping .box { margin-bottom: 30px; } } @media screen and (max-width: 39.9375em) { .checkout-shipping .button--icon-small { width: 156px; } } .checkout-shipping .add-new-address { margin-top: 16px; } .checkout-shipping .shipping-time .form-row, .checkout-shipping .gitf-service .form-row, .checkout-shipping .personal-number .form-row { margin-bottom: 0; } .checkout-shipping .shipping-time .form-row > label, .checkout-shipping .gitf-service .form-row > label, .checkout-shipping .personal-number .form-row > label { width: 100%; margin-right: 0; margin-bottom: 18px; font-size: 14px; } @media screen and (max-width: 39.9375em) { .checkout-shipping .shipping-time .form-row > label, .checkout-shipping .gitf-service .form-row > label, .checkout-shipping .personal-number .form-row > label { padding-left: 8px; margin-bottom: 15px; } } .checkout-shipping .shipping-time h3 { margin-top: 60px; margin-bottom: 27px; } @media print, screen and (min-width: 40em) { .checkout-shipping .shipping-time h3 { margin-top: 78px; } } .checkout-shipping .shipping-time .radio-button { margin-right: 0; width: 33%; margin-bottom: 28px; } .checkout-shipping .shipping-time .radio-button:last-child, .checkout-shipping .shipping-time .radio-button:nth-last-child(2) { margin-bottom: 0; } @media screen and (max-width: 63.9375em) { .checkout-shipping .shipping-time .radio-button:nth-child(2n) { width: 54%; } .checkout-shipping .shipping-time .radio-button:nth-child(2n + 1) { width: 46%; } } @media print, screen and (min-width: 64em) { .checkout-shipping .shipping-time .radio-button:nth-last-child(3) { margin-bottom: 0; } } @media only screen and (max-width: 348px) { .checkout-shipping .shipping-time .radio-button label { margin-left: 6px; letter-spacing: 0; } } @media screen and (max-width: 39.9375em) { .checkout-shipping .shipping-time .radio-button span.error { width: 120%; } } .checkout-shipping .gitf-service h2 { margin-top: 80px; } @media print, screen and (min-width: 40em) { .checkout-shipping .gitf-service h2 { margin-top: 100px; } } @media screen and (max-width: 39.9375em) { .checkout-shipping .shipping-time .field-wrapper, .checkout-shipping .gitf-service .field-wrapper { margin-left: 8px; } } .checkout-shipping input.personalnumber { max-width: 640px; } .checkout-shipping .b-giftwrapmessage { margin-top: 30px; } .checkout-shipping .b-giftwrapmessage .radio-button { width: 100%; margin-right: 0; margin-bottom: 25px; text-transform: uppercase; } .checkout-shipping .b-giftwrapmessage .radio-button:last-child { margin-bottom: 0; } .checkout-shipping .form-row-button { margin: 80px 0 130px; } @media screen and (max-width: 39.9375em) { .checkout-shipping .form-row-button { margin: 42px 20px 80px; } } .edit-add-address h2, .credit-card-icons-container h2 { border-top: none; padding-top: 0; margin-bottom: 41px; } @media screen and (max-width: 39.9375em) { .edit-add-address h2, .credit-card-icons-container h2 { margin-bottom: 30px; } } .hide-country-field .form-row.country { display: none; } @media screen and (max-width: 39.9375em) { #addresses { border-top: 0 !important; } } .address-tile .address-tile-inner .mini-address-name { text-transform: capitalize; margin-bottom: 10px; font-weight: bold; word-break: break-word; } .summary-container .address-tile .address-tile-inner .mini-address-name { font-weight: 500; } .address-tile .address-tile-inner .mini-address-location address { font-style: normal; } .add-new-address { text-align: center; } @media print, screen and (min-width: 40em) { .add-new-address { text-align: left; } } fieldset.gift-card-section, fieldset.billing-address-section { border-top: 1px solid #d6d9d9; padding-top: 40px; margin-top: 1.25rem; } .use-shipping-address { padding: 1.25rem 0; } .reveal.add-credit-card .form-caption, .reveal.edit-credit-card .form-caption { display: none; font-weight: normal; text-align: right; } @media print, screen and (min-width: 40em) { .reveal.add-credit-card .form-caption, .reveal.edit-credit-card .form-caption { position: absolute; right: 0; bottom: 9px; font-size: 12px; color: #676d6d; text-align: left; } .reveal.add-credit-card .form-caption.error-message, .reveal.edit-credit-card .form-caption.error-message { color: #cc0000; font-size: 1em; font-weight: bold; } } .reveal.add-credit-card .form-row-button, .reveal.edit-credit-card .form-row-button { padding-top: 1.25rem; } .reveal.add-credit-card .form-row-button .column, .reveal.add-credit-card .form-row-button .columns, .reveal.edit-credit-card .form-row-button .column, .reveal.edit-credit-card .form-row-button .columns { padding: 0; margin: 0; } .payment-details .creditcard-tile { margin-top: 1rem; } .payment-details .creditcard-tile:first-child { margin-top: 0; } .payment-details .creditcard-tile-inner:hover { cursor: default; } .cc-expired-error { display: none; } /*** Header and footer styles **/ .checkout-header-container { text-align: center; line-height: 1; padding: 30px 0; margin-top: 0; border-bottom: 1px solid #d6d9d9; } @media screen and (max-width: 39.9375em) { .checkout-header-container { padding: 18px 0 15px; } } .checkout-header-container .primary-logo { max-width: 100%; } @media screen and (max-width: 39.9375em) { .checkout-header-container .primary-logo { display: inline-block; } } @media screen and (max-width: 39.9375em) { .checkout-header-container .primary-logo .iconfont-logo-new svg { height: 45px; width: auto; } } /*Add gift card link, billing page*/ .gift-card h3 { display: inline; margin-right: 1em; } .gift-card button.text-only, .gift-card .text-only.button, .gift-card input.text-only[type="button"] { padding: 0; font-size: 0.75rem; text-align: center; margin-left: auto; margin-right: auto; display: block; } @media print, screen and (min-width: 40em) { .gift-card button.text-only, .gift-card .text-only.button, .gift-card input.text-only[type="button"] { display: inline-block; } } .gift-card .gift-card-form { margin-top: 1.25rem; } .gift-card .gift-card-form.rolledup { max-height: 0; overflow: hidden; margin-top: 0; } .gift-card .gift-card-container { border: #353737 3px solid; background-color: rgba(53, 55, 55, 0.6); margin: 1em 0; padding: 2em 1em; } @media print, screen and (min-width: 40em) { .gift-card .gift-card-container { padding: 2em 2em 2em 1em; width: 50%; } } .gift-card .gift-card-container .gift-card-thumbnail { float: left; text-align: center; margin-bottom: 1em; width: 44px; height: 25px; background: url("../images/giftcard.jpg") no-repeat; background-size: cover; border-radius: 4px; } .gift-card .gift-card-container .card-detail-container { float: left; } @media print, screen and (min-width: 40em) { .gift-card .gift-card-container .card-detail-container { width: 100%; } } .gift-card .gift-card-container .card-detail-container span { display: block; } .gift-card .gift-card-container .card-detail-container .card-balance { font-weight: 700; } @media screen and (max-width: 39.9375em) { .gift-card .gift-card-container .card-detail-container { padding-left: 1rem; } } @media print, screen and (min-width: 40em) { .gift-card .gift-card-container .card-buttons { padding: 0; text-align: right; } } .gift-card .gift-card-container .card-buttons .icon-close { display: block; text-align: right; } @media print, screen and (min-width: 40em) { .gift-card .gift-card-container .card-buttons .icon-close { display: none; } } .gift-card .gift-card-container .card-buttons .icon-checkmark { display: none; } @media print, screen and (min-width: 40em) { .gift-card .gift-card-container .card-buttons .icon-checkmark { display: block; font-size: 1.5em; margin-top: 0.3em; } } .gift-card .gift-card-container .card-buttons .gift-cert-balance-submit button { width: 100%; } .gift-card .gift-card-container .card-buttons .remove { display: none; text-decoration: underline; text-transform: uppercase; } @media print, screen and (min-width: 40em) { .gift-card .gift-card-container .card-buttons .remove { display: block; float: right; margin-top: 2.0625rem; } } .gift-card .form-row { margin-left: 0; margin-top: 1em; max-width: 100%; width: 100%; } @media print, screen and (min-width: 40em) { .gift-card .form-row { -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-top: 0; width: auto; } } .gift-card .form-row button { width: 100%; } .gift-card .form-row button:disabled:hover { color: #676d6d !important; } .gift-card .gift-cert-pin label { min-width: 45px; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .gift-card .gift-cert-balance-submit { margin-top: 1em; float: right; } } .gift-card .error-message { width: 100%; } @media print, screen and (min-width: 64em) { .gift-card-balance-modal { max-width: 53% !important; } } #gift-card-balance-form { border-bottom: 0; } #gift-card-balance-form form { padding: 1em 0 0; } @media print, screen and (min-width: 40em) { #gift-card-balance-form form { padding: 0; } } #gift-card-balance-form .form-row { margin: 0; width: 100%; } @media print, screen and (min-width: 40em) { #gift-card-balance-form .form-row { -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 90%; } } #gift-card-balance-form .form-row label { padding-right: 1em; width: auto; } #gift-card-balance-form .column, #gift-card-balance-form .columns { padding: 0 0 1em; } @media print, screen and (min-width: 40em) { #gift-card-balance-form .gift-card-number { margin-right: 2em; } } #gift-card-balance-form .remaining-balance { font-weight: 700; } #gift-card-balance-form .remaining-balance span { padding-top: 1em; } #gift-card-balance-form #GCCheckAnotherCardButton { display: none; } #gift-card-balance-form #GCApplyButton { display: none; } @media print, screen and (min-width: 40em) { #gift-card-balance-form #GCCheckBalanceButton { display: inline-block; } } #gift-card-balance-form .gift-cert-balance-submit { display: block; width: 100%; } @media print, screen and (min-width: 40em) { #gift-card-balance-form .gift-cert-balance-submit { text-align: right; } } #gift-card-balance-form .gift-cert-balance-submit button { margin-bottom: 1em; width: 100%; } @media print, screen and (min-width: 40em) { #gift-card-balance-form .gift-cert-balance-submit button { margin-bottom: 0; margin-left: 1em; width: auto; } } #gift-card-balance-form .form-row input[type="text"]:disabled { background: #fff; color: #000; } .cn-fields, .email-hidden { display: none; } .shipping-summary, .payment-summary { margin-bottom: 24px; } @media print, screen and (min-width: 40em) { .shipping-summary, .payment-summary { margin-bottom: 60px; } } .shipping-summary .address-tile, .payment-summary .address-tile { margin-bottom: 1.25rem; } @media print, screen and (min-width: 40em) { .shipping-summary .address-tile, .payment-summary .address-tile { margin-bottom: 0; } } .shipping-summary .address-tile .address-tile-inner, .payment-summary .address-tile .address-tile-inner { height: 100%; margin-bottom: 0; min-height: 0; } @media screen and (max-width: 39.9375em) { .shipping-summary, .payment-summary { padding-top: 40px; } } .shipping-summary .payment-details, .payment-summary .payment-details { margin-bottom: 0; } .shipping-method-summary { border: 3px #000 solid; background: #ebebeb; padding: 1rem; width: 100%; float: none; margin: 0; text-align: left; height: 100%; } .shipping-method-summary .shipping-name { font-weight: bold; } .shipping-method-summary .icon-checkmark { float: right; } .shipping-method-summary .shipping-description { font-size: 12px; color: #767676; } .payment-details { margin-bottom: 1.25rem; } .payment-details .payment-instrument { margin-top: 1.25rem; } .payment-summary .payment-details .payment-instrument { margin-top: 0; } @media print, screen and (min-width: 40em) { .payment-details .payment-instrument { margin-top: 0; } } .payment-details .payment-instrument + .payment-instrument { margin-top: 40px; } .payment-details .payment-instrument-inner { background: #ebebeb; padding: 1.25rem; border: 3px #000 solid; } .payment-details .icon-checkmark { float: right; } .payment-details .cc-owner { font-weight: bold; margin-bottom: 1rem; } .payment-details .gift-card-thumbnail { float: left; text-align: center; margin-right: 1.25rem; width: 47px; height: 28px; background: url("../images/giftcard.jpg") no-repeat; background-size: cover; border-radius: 4px; } .payment-details .paypal-thumbnail { float: left; text-align: center; margin-right: 1.25rem; width: 47px; height: 31px; background: url(../images/icon-other-payment.png) 0 -32px no-repeat; background-size: cover; border-radius: 4px; } .place-order-button { margin-top: 14px; margin-bottom: 130px; min-height: 35px; } @media screen and (max-width: 39.9375em) { .place-order-button { min-height: 45px; margin-top: -12px; margin-bottom: 80px; } } .guest-notification { margin: auto; } .cybersource_devicefingerprint_flash_image { display: none; } @media screen and (max-width: 39.9375em) { .billing-step-container h1 { text-align: center; } } .billing-step-container h4.sub-title { font-weight: bold; } @media screen and (max-width: 39.9375em) { .billing-step-container h4.sub-title { margin-bottom: 20px; } } .billing-step-container .payment-methods-container .form-row.gmo-payment { margin-bottom: 20px; margin-top: 20px; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 39.9375em) { .billing-step-container .payment-methods-container .form-row.gmo-payment { -ms-flex-direction: row; flex-direction: row; } } .billing-step-container .payment-methods-container .form-row input[type='radio'] { margin-right: 10px; } .billing-step-container .payment-methods-container .accordion { margin: 0; } .billing-step-container .payment-methods-container .accordion .title-2 { padding-top: 20px; } @media screen and (max-width: 39.9375em) { .billing-step-container .payment-methods-container .accordion .title-2 { letter-spacing: 0; } } .billing-step-container .billing-continue-container .form-row-button { margin: 56px 0 130px; } @media screen and (max-width: 39.9375em) { .billing-step-container .billing-continue-container .form-row-button { margin: 42px 20px 80px; } } .billing-step-container .address-create { display: none; } .billing-step-container .same-as-shipping-row.disabled { opacity: 0.2; pointer-events: none; } @media screen and (max-width: 39.9375em) { .b-card-exp-date { -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 39.9375em) { .b-card-exp-date > label { width: 100%; } } .b-card-exp-date .form-row { margin: 0 20px 0 0; } .b-card-exp-date .select { width: 100%; } .b-card-exp-date .month { width: 56px; } .b-card-exp-date .year { width: 86px; } .b-card-exp-date .month option:first-child, .b-card-exp-date .year option:first-child { display: none; } .pt_checkout .mobile-page-header { margin-bottom: 60px; } .mobile-page-header.has-border { border-bottom: 1px solid #d6d9d9; padding-bottom: 30px; } .summary-container h1 { margin-bottom: 54px; } @media screen and (max-width: 39.9375em) { .summary-container h1 { margin-bottom: 43px; text-align: center; } } .summary-container .description { margin-bottom: 95px; letter-spacing: 0.8px; } @media screen and (max-width: 39.9375em) { .summary-container .description { text-align: center; margin-bottom: 45px; } .summary-container .description span { display: block; } } @media print, screen and (min-width: 40em) { .summary-container .description { font-size: 16px; } } .summary-container .description a.button { margin: 0 auto; } .summary-container h2 { margin-bottom: 78px; } @media screen and (max-width: 39.9375em) { .summary-container h2 { margin-bottom: 55px; } } .summary-container h3 { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } @media print, screen and (min-width: 40em) { .summary-container h3 { margin-bottom: 49px; } } .summary-container .address-tile.selected { margin-bottom: 20px; } .summary-container .shipping-summary, .summary-container .payment-summary, .summary-container .gift-service-summary, .summary-container .payment-method-summary { margin-bottom: 54px; } @media screen and (max-width: 39.9375em) { .summary-container .shipping-summary, .summary-container .payment-summary, .summary-container .gift-service-summary, .summary-container .payment-method-summary { padding-left: 9px; } } @media print, screen and (min-width: 40em) { .summary-container .shipping-summary, .summary-container .payment-summary, .summary-container .gift-service-summary, .summary-container .payment-method-summary { font-size: 16px; } } @media screen and (max-width: 39.9375em) { .summary-container .gift-service-summary, .summary-container .payment-method-summary { margin-top: 40px; } } .summary-container .mini-delivery-time { margin: 26px 0; } @media print, screen and (min-width: 40em) { .summary-container .mini-delivery-time { margin: 32px 0; } } .summary-container .summary-container .summary-item { margin-bottom: 14px; overflow-wrap: break-word; } .summary-container .summary-container .summary-item span { margin-right: 5px; } .summary-container .summary-container .summary-item span.w-255 { width: 255px; } @media screen and (max-width: 39.9375em) { .summary-container .summary-container .summary-item span.w-255 { width: 150px; } } .summary-container .summary-container .summary-item span::last-child { margin-right: 0; } .summary-container .summary-container .summary-item .one-line { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; } .summary-container .summary-container .summary-item .one-line span { margin-right: 5px; } @media screen and (max-width: 39.9375em) { .summary-container .summary-container .summary-item .one-line span:first-child { margin-right: 40px; } } .summary-container .summary-container.gift-service-summary .summary-item { margin-bottom: 29px; } .summary-container .summary-container.gift-service-summary .summary-item.gift-message { text-transform: uppercase; margin-bottom: 0; } .summary-container .summary-container.gift-service-summary .summary-item.gift-message-option { margin-bottom: 11px; } @media screen and (max-width: 39.9375em) { .summary-container .summary-container.gift-service-summary .summary-item.gift-message-option { margin-bottom: 5px; } } .summary-container .payment-method-summary { margin-bottom: 62px; } @media screen and (max-width: 39.9375em) { .summary-container .payment-method-summary { margin-bottom: 57px; } } @media screen and (max-width: 39.9375em) { .summary-container .payment-method-summary .summary-item div { width: 100%; } } .summary-container .payment-method-summary .summary-item span { display: block; } .summary-container .payment-method-summary .summary-item .lump-payment { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; } .summary-container .payment-method-summary .summary-item .lump-payment.first { margin-bottom: 27px; } .summary-container .payment-method-summary .summary-item .lump-payment.second { margin-bottom: 3px; } @media screen and (max-width: 39.9375em) { .summary-container .payment-method-summary .summary-item .lump-payment.second { margin-bottom: -5px; } } .summary-container .payment-method-summary .summary-item .lump-payment.second span { margin-bottom: 9px; } @media screen and (max-width: 39.9375em) { .summary-container .payment-method-summary .summary-item .lump-payment span.hidden-lg { margin-right: 0; } } .shipping-method-summary { border: 1px solid #353737; text-align: center; padding: 40px 20px; background: rgba(0, 0, 0, 0); outline: none; } @media screen and (max-width: 39.9375em) { .creditcard-tile .creditcard-tile-inner .payment-value { margin-left: 0; } } .order-totals-table .calculations-container > div.order-total { padding-bottom: 20px; } .order-totals-table .calculations-container > div.point-value-plan { padding-bottom: 52px; } @media print, screen and (min-width: 40em) { .order-totals-table .calculations-container > div.point-value-plan { text-align: right; padding-bottom: 55px; } } .left-260 p { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; } @media screen and (max-width: 39.9375em) { .left-260 p { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .left-260 p span { display: inline-block; width: 260px; } @media screen and (max-width: 39.9375em) { .left-260 p span { min-width: 140px; width: auto; } } .mini-address-location { word-break: break-word; } .mini-address-location.address-one-line br { display: none; } h3.has-link { padding-right: 20px; } @media screen and (max-width: 39.9375em) { .list-payment-method .creditcard-tile { width: 100%; margin-right: 0; } } .list-payment-method .credit-card-create { max-width: 250px; margin-bottom: 30px; padding-left: 10px; } .payment-notice { padding-left: 40px; } @media screen and (max-width: 39.9375em) { .payment-notice { padding-left: 30px; } } .payment-notice .cvs-payment-methods-item { margin-top: 2em; } .payment-notice .cvs-payment-methods-item .cvs-item-title { margin-bottom: 1em; height: 40px; overflow: hidden; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .payment-notice .cvs-payment-methods-item .cvs-item-title input { margin-right: 10px; } .payment-notice .cvs-payment-methods-item .cvs-item-desc { position: relative; } .payment-notice .cvs-payment-methods-item .cvs-icon { margin-left: 10px; } .payment-notice .cvs-payment-methods-item.cvs-item-00007 .cvs-icon img { width: 35px; } .payment-notice .cvs-payment-methods-item.cvs-item-10002 .cvs-icon img { width: 120px; } .payment-notice .cvs-payment-methods-item.cvs-item-10001 .cvs-icon img { width: 80px; } .payment-notice .cvs-payment-methods-item.cvs-item-10008 .cvs-icon img { width: 90px; } .payment-notice .cvs-payment-methods-item.cvs-item-10005 .cvs-icon img { width: 45px; } .payment-notice.has-validation .cvs-payment-methods-item .cvs-item-title { overflow: unset; position: relative; } .payment-notice.has-validation .cvs-payment-methods-item .cvs-item-title span.error { position: absolute; top: -20px; } .pt_order-confirmation .orderdetails .sample-container { border-top: 0; padding: 0; } .pt_order-confirmation .orderdetails .sample-container .sample-product-image img { max-width: 100%; } .pt_order-confirmation .orderdetails .sample-container .name { margin-bottom: 1rem; } .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .sample-container .tiles-wrapper { padding: 0; } .order-confirmation-details .order-shipments { margin-bottom: 60px; } .checkout-shipping .personal-number .form-row > label { display: none; } .point-container { margin-bottom: 75px; } @media screen and (min-width: 640px) { .point-text-select { margin: 30px 0 0; } } .point-tile { margin-top: 30px; } .point-tile-box { position: relative; display: block; border: 1px #8c9292 solid; background: #fff; color: #353737; width: 100%; margin: 0; } @media screen and (max-width: 639px) { .point-tile-box { padding: 15px 20px; } } @media screen and (min-width: 640px) { .point-tile-box { padding: 15px 30px; font-size: 16px; } } .point-tile-box.selected { border-width: 2px; border-color: #353737; } @media screen and (max-width: 639px) { .point-tile-box.selected { padding: 14px 19px; } } @media screen and (min-width: 640px) { .point-tile-box.selected { padding: 14px 29px; } } @media screen and (max-width: 639px) { .point-tile-box + .point-tile-box { margin-top: 15px; } } @media screen and (min-width: 640px) { .point-tile-box + .point-tile-box { margin-top: 20px; } } .point-tile-icon-radio { position: absolute; } @media screen and (max-width: 639px) { .point-tile-icon-radio { left: 20px; top: 21px; } } @media screen and (min-width: 640px) { .point-tile-icon-radio { left: 30px; top: 20px; } } .point-tile-label { margin: 0; } @media screen and (max-width: 639px) { .point-tile-label { padding-left: 27px; } } @media screen and (min-width: 640px) { .point-tile-label { padding-left: 35px; } } .point-tile-owned { margin: 25px 0 0; } @media screen and (max-width: 639px) { .primary-content .point-tile-owned-title { margin: 0 40px 0 0; } } @media screen and (min-width: 640px) { .primary-content .point-tile-owned-title { margin: 0 20px 0 0; } } .primary-content .point-tile-owned-details { padding: 0; margin: 0; } .point-tile-owned-unit { margin: 0 0 0 1em; } .point-tile-note { margin: 10px 0 0; font-size: 12px; line-height: 1.41667; display: -ms-flexbox; display: flex; } @media screen and (max-width: 639px) { .point-tile-use { margin-top: 25px; } } @media screen and (min-width: 640px) { .point-tile-use { margin-top: 35px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 639px) { .point-tile-use-title { margin: 0 0 25px; } } @media screen and (min-width: 640px) { .point-tile-use-title { margin: 0 20px 10px 0; } } .point-tile-use-item { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 639px) { .point-tile-use-item { -ms-flex-pack: justify; justify-content: space-between; } } .point-tile-use-input[type=text] { height: 30px; padding-top: 0; } @media screen and (max-width: 639px) { .point-tile-use-input[type=text] { width: calc(50% - 12px); } } @media screen and (min-width: 640px) { .point-tile-use-input[type=text] { max-width: 95px; margin: 0 40px 0 0; font-size: 16px; } } .point-tile-use-button-part { font-size: 12px; } @media screen and (max-width: 639px) { .point-tile-use-button-part { width: calc(50% - 12px); padding: 8px; } } @media screen and (min-width: 640px) { .point-tile-use-button-part { padding: 8px 18px; height: 30px; } } .point-tile-button-all { background: #fff; color: #353737; display: block; border: 1px solid #353737; font-size: 12px; } @media screen and (max-width: 639px) { .point-tile-button-all { margin: 30px 0 0; padding: 8px; width: 100%; } } @media screen and (min-width: 640px) { .point-tile-button-all { margin: 40px 0 0; padding: 8px 18px; } } .point-tile-button-all:hover { background: #fff; color: #353737; } @media screen and (max-width: 639px) { .point-tile-total { margin: 40px 0 0; } } @media screen and (min-width: 640px) { .point-tile-total { margin: 55px 0 0; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .primary-content .point-tile-total-title { margin: 0; float: none; } @media screen and (max-width: 639px) { .primary-content .point-tile-total-title { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; width: 100%; } } .primary-content .point-tile-total-details { padding: 0; margin: 0; float: none; } @media screen and (max-width: 639px) { .primary-content .point-tile-total-details { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; width: 100%; margin-top: 5px; } } @media screen and (min-width: 640px) { .primary-content .point-tile-total-details { margin-left: 20px; } } .point-tile-total-point { font-weight: 700; } .point-tile-total-unit { margin: 0 0 0 1em; } .order-point { display: none; } @media screen and (min-width: 640px) { .order-totals-table .calculations-container > div.order-point .float-left { max-width: 100%; } } @media all and (-ms-high-contrast: none) { .point-tile-label { margin-top: 2px; } } @media all and (-ms-high-contrast: none) { .point-tile-use-button-part { padding-top: 10px; padding-bottom: 6px; } } @media all and (-ms-high-contrast: none) { .point-tile-button-all { padding-top: 10px; padding-bottom: 6px; } } .pt_account.pt_order .primary-content { border-top: none; padding-top: 0; } .history-details-container #results-hits-top { display: none; } .order-history-results { padding: 0; margin: 0 auto; list-style: none; max-width: 90%; } @media print, screen and (min-width: 40em) { .order-history-results { max-width: 100%; } } .order-history-results .order { margin-bottom: 40px; } .order-history-header { border-top: 6px #000 solid; background: rgba(53, 55, 55, 0.6); overflow: hidden; padding: 20px; } @media print, screen and (min-width: 40em) { .order-history-header { padding: 20px; border-width: 8px; } } .order-history-header .label { font-weight: 700; display: block; } .order-history-header .sub-label { font-weight: normal; font-size: 14px; } .order-history-header .value { font-size: 14px; } .order-history-header button { float: right; } .order-history-header .column, .order-history-header .columns { margin: 10px 0 0; } .order-history-header .order-total.order-detail { text-align: right; } .order-history-header .order-total.order-detail .value { font-weight: bold; } @media print, screen and (min-width: 40em) { .order-history-header .order-total.order-detail { width: 100%; padding-right: 20px; } } .order-history-header .order-detail { margin-bottom: 10px; } @media print, screen and (min-width: 40em) { .order-history-header .order-detail { width: 19%; display: inline-block; } } .order-history-header .track-order { margin-left: auto; width: 20%; } .order-history-header .track-order button { width: 100%; } .order-history-items .order-history-table { display: none; } @media print, screen and (min-width: 40em) { .order-history-items .order-history-table { display: block; } } .order-history-items .order-history-table th, .order-history-items .order-history-table td { padding: 5px 10px; } .order-history-items .order-history-table .item-price-column { text-align: right; padding-right: 52px; } .order-history-items .order-history-table .gift-cert-container { border-top: 1px #000 solid; padding: 2em 0; } .ordered-items { font-size: 14px; } .ordered-items .item-detail-row { border-top: 1px #000 solid; padding: 2em 0; } .ordered-items .item-detail-row:first-child { border-top: none; } .ordered-items .item-detail-row .price-unadjusted { display: block; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .ordered-items .item-detail-row .price-unadjusted { text-align: right; } } .ordered-items .item-detail-row .product-promotion-container { color: #676d6d; font-style: italic; margin: 0; padding-bottom: 1em; width: 100%; padding-left: 1em; } @media screen and (max-width: 39.9375em) { .ordered-items .item-detail-row .product-promotion-container { padding-top: 1em; padding-bottom: 1em; } } .ordered-items .item-detail-row .product-promotion-container .promo { padding-left: 0.5rem; } @media print, screen and (min-width: 40em) { .ordered-items .item-detail-row .product-promotion-container .promo { padding-left: 1.25rem; } } .ordered-items .line-item { font-weight: bold; font-size: 1em; } .ordered-items .attribute { margin: 10px 0; } @media print, screen and (min-width: 40em) { .ordered-items .qty .value, .ordered-items .order-label .value { font-weight: bold; } } @media print, screen and (min-width: 64em) { .ordered-items .qty .value, .ordered-items .order-label .value { margin-left: 20px; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .ordered-items .qty-price-wrapper, .ordered-items .order-content-wrapper { text-align: right; } } .js .order-history-table .hidden { display: none; } .view-detail-btn-container { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin: 20px 0; } @media print, screen and (min-width: 40em) { .view-detail-btn-container { border-top: 1px #000 solid; margin: 20px 0 40px; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-direction: row; flex-direction: row; } } .view-detail-btn-container button, .view-detail-btn-container button, .view-detail-btn-container .button, .view-detail-btn-container input[type="button"] { margin: 10px auto; display: block; width: 80%; } @media print, screen and (min-width: 40em) { .view-detail-btn-container button, .view-detail-btn-container button, .view-detail-btn-container .button, .view-detail-btn-container input[type="button"] { width: auto; margin: 30px 0 0 20px; float: right; padding: 0.6em 2em; } } .back-to-order-history-btn { margin: 30px 0; } .orderdetails h2 { clear: both; } .orderdetails .order-shipment-details .order-shipment-address .label { font-weight: bold; margin-bottom: 1em; } @media screen and (max-width: 39.9375em) { .orderdetails .order-shipment-details .order-shipment-address .label { margin-top: 1em; } } .orderdetails .order-shipment-details .shipping-method .label { margin-bottom: 1em; font-weight: bold; } @media screen and (max-width: 39.9375em) { .orderdetails .order-shipment-details .shipping-method { margin-top: 1em; } } .orderdetails .order-shipment-details .shipping-method .standard-shipping { text-transform: uppercase; } .orderdetails .order-shipment-details .order-payment-instruments .label { margin-bottom: 1em; font-weight: bold; } @media screen and (max-width: 39.9375em) { .orderdetails .order-shipment-details .order-payment-instruments { margin-top: 1em; } } .orderdetails .order-shipment-details .order-payment-method { margin-bottom: 20px; } .orderdetails .order-shipment-details .order-payment-method .cc-owner, .orderdetails .order-shipment-details .order-payment-method .cc-type { display: none; } .orderdetails .order-shipment-details .order-payment-method .cc-number:before { position: relative; float: left; bottom: -2px; margin-right: 1rem; } .orderdetails .order-promotion-container { border: 1px #000 solid; border-width: 1px 0 1px 0; text-align: center; padding: 20px 0; font-weight: bold; } .orderdetails .sample-container { padding: 2em; border-top: 1px solid #000; } @media screen and (max-width: 39.9375em) { .orderdetails .sample-container { padding: 1em; } } .orderdetails .sample-container h3 { text-align: center; margin-top: 0; } @media print, screen and (min-width: 40em) { .orderdetails .sample-container h3 { text-align: left; } } .orderdetails .sample-container .sample-tile { display: -ms-flexbox; display: flex; } @media screen and (max-width: 39.9375em) { .orderdetails .sample-container .sample-tile + .sample-tile { border-top: 1px #676d6d solid; padding-top: 1rem; margin-top: 1rem; } } @media print, screen and (min-width: 40em) { .orderdetails .sample-container .sample-tile { border: none; display: block; text-align: center; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .orderdetails .sample-container .sample-product-image { margin: 0 auto; } } .orderdetails .sample-container .sample-product-image img { max-height: 170px; } @media print, screen and (min-width: 64em) { .orderdetails .sample-container .sample-product-image img { max-width: none; } } .orderdetails .sample-container .sample-product-name { margin-left: 20px; font-size: 1em; } @media print, screen and (min-width: 40em) { .orderdetails .sample-container .sample-product-name { margin-left: 0; font-size: 14px; margin-top: 10px; } } .orderdetails .item-detail-row.row, .orderdetails .pt_content-search-result-static .no-left-nav-template .item-detail-row.content-asset, .pt_content-search-result-static .no-left-nav-template .orderdetails .item-detail-row.content-asset, .orderdetails .pt_content-search-result-static .left-nav-template .item-detail-row.content-asset, .pt_content-search-result-static .left-nav-template .orderdetails .item-detail-row.content-asset { margin: 0; padding: 30px 0; border-top: 1px #000 solid; } .orderdetails .item-detail-row.row .line-item-price, .orderdetails .pt_content-search-result-static .no-left-nav-template .item-detail-row.content-asset .line-item-price, .pt_content-search-result-static .no-left-nav-template .orderdetails .item-detail-row.content-asset .line-item-price, .orderdetails .pt_content-search-result-static .left-nav-template .item-detail-row.content-asset .line-item-price, .pt_content-search-result-static .left-nav-template .orderdetails .item-detail-row.content-asset .line-item-price, .orderdetails .item-detail-row.row .line-item-right, .orderdetails .pt_content-search-result-static .no-left-nav-template .item-detail-row.content-asset .line-item-right, .pt_content-search-result-static .no-left-nav-template .orderdetails .item-detail-row.content-asset .line-item-right, .orderdetails .pt_content-search-result-static .left-nav-template .item-detail-row.content-asset .line-item-right, .pt_content-search-result-static .left-nav-template .orderdetails .item-detail-row.content-asset .line-item-right { font-weight: bold; } @media screen and (max-width: 39.9375em) { .orderdetails .item-detail-row.row .line-item-price, .orderdetails .pt_content-search-result-static .no-left-nav-template .item-detail-row.content-asset .line-item-price, .pt_content-search-result-static .no-left-nav-template .orderdetails .item-detail-row.content-asset .line-item-price, .orderdetails .pt_content-search-result-static .left-nav-template .item-detail-row.content-asset .line-item-price, .pt_content-search-result-static .left-nav-template .orderdetails .item-detail-row.content-asset .line-item-price, .orderdetails .item-detail-row.row .line-item-right, .orderdetails .pt_content-search-result-static .no-left-nav-template .item-detail-row.content-asset .line-item-right, .pt_content-search-result-static .no-left-nav-template .orderdetails .item-detail-row.content-asset .line-item-right, .orderdetails .pt_content-search-result-static .left-nav-template .item-detail-row.content-asset .line-item-right, .pt_content-search-result-static .left-nav-template .orderdetails .item-detail-row.content-asset .line-item-right { margin-top: 20px; } } .orderdetails .order-information { padding: 2rem 0; } @media screen and (max-width: 39.9375em) { .orderdetails .order-information { border-top: 0.5em solid #000; } } @media screen and (max-width: 39.9375em) { .orderdetails .order-information .value { display: block; } } .orderdetails .order-information .order-number { font-size: 1.75rem; text-align: center; margin-top: 1.5rem; } @media print, screen and (min-width: 40em) { .orderdetails .order-information .order-number { margin-top: 0; margin-bottom: 1em; text-align: left; } } .orderdetails .order-information .order-number .value { font-weight: bold; } @media screen and (max-width: 39.9375em) { .orderdetails .order-information .order-shipments { padding: 0 1rem; } } .orderdetails .payment-amount .label { font-weight: normal; text-transform: none; } .orderdetails .order-totals-table td:first-child { padding-right: 5rem; text-align: left; } .orderdetails .order-totals-table .order-totals-table .order-totalcart .cart-coupon-code { display: none; } .orderdetails .gift-message-container { padding: 2em 1em; } @media print, screen and (min-width: 40em) { .orderdetails .gift-message-container { padding: 2em 0; } } @media print, screen and (min-width: 64em) { .orderdetails .gift-message-container { padding: 2em; } } .orderdetails .gift-message-container h3 { font-size: 22px; } .orderdetails .gift-message-container .order-shipment-gift-message .value { font-weight: bold; word-wrap: break-word; } .orderdetails .gift-message-container .gift-message-image { text-align: center; } .pt_order .actions, .confirmation .actions { padding: .5em 1%; } .pt_order .actions a, .confirmation .actions a { margin-right: 2rem; } .confirmation-message { margin-top: 2rem; } .confirmation-message h1 { font-size: 2.5em; font-weight: bold; } .confirmation.create-account .order-confirmation-details { display: inline-block; width: 100%; vertical-align: top; } .confirmation.create-account .order-confirmation-details { width: 100%; } .confirmation.create-account .login-box-content { background-color: #ffffff; border: 1px solid #e0e0e0; border-radius: 5px; padding: 1em; } .confirmation.create-account .login-box-content p { margin-top: 0; margin-bottom: 0; } .confirmation.create-account .login-box-content .form-row { margin: 0; } /** My account order history page styling **/ .pt_order .title-container { display: block; padding-top: .5em; } .pt_order .title-container h1 { font-weight: bold; font-size: 2em; } .pt_order .order-details-container #primary .search-result-options { display: none; } .pt_order .order-details-container #primary .search-result-items { padding-left: 0; padding-right: 0; } .pt_order .order-details-container #primary .search-result-items .view-detail-btn-container { text-align: right; padding-top: 3em; } @media screen and (max-width: 39.9375em) { .pt_order .order-details-container #primary .search-result-items .view-detail-btn-container { text-align: center; } } .pt_order .order-details-container #primary .search-result-items .order-history-header { background: none; background-color: rgba(53, 55, 55, 0.6); margin: 0; padding: 2em; } .pt_order .order-details-container #primary .search-result-items .order-history-header .non-price-column .row, .pt_order .order-details-container #primary .search-result-items .order-history-header .non-price-column .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .pt_order .order-details-container #primary .search-result-items .order-history-header .non-price-column .content-asset, .pt_order .order-details-container #primary .search-result-items .order-history-header .non-price-column .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .pt_order .order-details-container #primary .search-result-items .order-history-header .non-price-column .content-asset { margin: 0; padding: 0; } .pt_order .order-details-container #primary .search-result-items .order-history-header .order-total { text-align: right; } .pt_order .order-details-container #primary .search-result-items .cart-items-container, .pt_order .order-details-container #primary .search-result-items .cart-items-container .ordered-items { padding: 0; margin: 0; } .pt_order .order-details-container #primary .search-result-items .cart-items-container .ordered-items .item-detail-row { margin: 0; padding: 2em; border-bottom: 1px solid #000; } .pt_order .order-details-container #primary .search-result-items .cart-items-container .ordered-items .item-detail-row .item-price-column { text-align: right; } /** Order confirmation page styling **/ .pt_order-confirmation .confirmation h1 { padding-left: 0px; } @media screen and (max-width: 39.9375em) { .pt_order-confirmation .confirmation .confirmation-message { text-align: center; } } .pt_order-confirmation .confirmation .confirmation-message-slot { width: 90%; } @media print, screen and (min-width: 64em) { .pt_order-confirmation .confirmation .confirmation-message-slot { width: 50%; } } @media screen and (max-width: 39.9375em) { .pt_order-confirmation .confirmation .confirmation-message-slot { margin: 0 auto; } } .pt_order-confirmation .login-create-account { display: inline-block; width: 100%; vertical-align: top; padding: 1em 3em 2em 3em; border: 2px solid grey; margin-top: 2rem; } .pt_order-confirmation .login-create-account .checkout-registration-form .form-row { width: 33%; float: left; clear: none; margin-right: 1em; } @media print, screen and (min-width: 40em) { .pt_order-confirmation .login-create-account .checkout-registration-form .form-row.password-field { width: 33%; } .pt_order-confirmation .login-create-account .checkout-registration-form .form-row.password-field .field-wrapper { width: 66%; } } .pt_order-confirmation .login-create-account .checkout-registration-form .form-row.password-confirm-field { width: 41%; } @media screen and (max-width: 39.9375em) { .pt_order-confirmation .login-create-account .checkout-registration-form .form-row.password-confirm-field { margin-top: 1.5em; width: 100%; } } @media print, screen and (min-width: 40em) { .pt_order-confirmation .login-create-account .checkout-registration-form .form-row.password-confirm-field .field-wrapper { width: 49%; } } @media print, screen and (min-width: 64em) { .pt_order-confirmation .login-create-account .checkout-registration-form .form-row.password-confirm-field .field-wrapper { width: 60%; } } @media screen and (max-width: 39.9375em) { .pt_order-confirmation .login-create-account .checkout-registration-form .form-row { width: 100%; } .pt_order-confirmation .login-create-account .checkout-registration-form .form-row label { text-align: left; } } .pt_order-confirmation .login-create-account .checkout-registration-form .form-row label { width: auto; } .pt_order-confirmation .login-create-account .checkout-registration-form .form-row span.error { margin-left: 1em; } .pt_order-confirmation .login-create-account .checkout-registration-form .form-row .field-wrapper input { background: none; } .pt_order-confirmation .login-create-account .checkout-registration-form .largebutton { padding-left: 3em; padding-right: 3em; } @media print, screen and (min-width: 40em) { .pt_order-confirmation .login-create-account .checkout-registration-form .largebutton { padding-left: 1.25em; padding-right: 1.25em; } } @media screen and (max-width: 39.9375em) { .pt_order-confirmation .login-create-account .checkout-registration-form .largebutton { width: 100%; margin-top: 2em; } } .pt_order-confirmation .login-create-account .checkout-registration-form .form-caption { display: none; } @media screen and (max-width: 39.9375em) { .pt_order-confirmation .login-create-account .login-box-content { text-align: center; } } .pt_order-confirmation .login-create-account h2 { text-transform: none; font-weight: bold; font-size: 1.5em; margin-bottom: 0em; } @media screen and (max-width: 39.9375em) { .pt_order-confirmation .login-create-account h2 { text-align: center; font-size: 2em; } } .pt_order-confirmation .login-create-account span .error { margin-left: 1em; } .pt_order-confirmation .orderdetails .order-payment-instruments .payment-type { display: none; } .pt_order-confirmation .orderdetails .order-payment-instruments .cc-owner { display: none; } .pt_order-confirmation .orderdetails .order-payment-instruments .cc-type { display: none; } .pt_order-confirmation .orderdetails .order-payment-instruments .cc-number { margin-top: 1em; } .pt_order-confirmation .orderdetails .order-payment-instruments .cc-number:before { bottom: 0px; float: left; margin-right: 1em; position: relative; } @media print, screen and (min-width: 40em) { .pt_order-confirmation .orderdetails .show-products-container { margin-bottom: 2rem; } } .pt_order-confirmation .orderdetails .show-products-container .product-list-item .name { font-size: 1rem; margin-bottom: 1rem; } .pt_order-confirmation .orderdetails .show-products-container .product-list-item .product-name { font-style: normal; } .pt_order-confirmation .orderdetails .show-products-container .product-list-item .attribute { margin-bottom: 1rem; } .pt_order-confirmation .orderdetails .show-products-container .product-list-item .attribute .value { font-weight: normal; } .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left { overflow: auto; padding: 0em 2em 2em 2em; border-top: 1px solid #d6d9d9; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left { padding: 0em 1em 2em 1em; } } .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .row, .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .content-asset, .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .content-asset { background: #ffffff; padding: 1em .5em; border-top: none; margin-bottom: 20px; } .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .row .line-item-quantity, .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .no-left-nav-template .content-asset .line-item-quantity, .pt_content-search-result-static .no-left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .content-asset .line-item-quantity, .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .left-nav-template .content-asset .line-item-quantity, .pt_content-search-result-static .left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .content-asset .line-item-quantity, .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .row .line-item-price, .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .no-left-nav-template .content-asset .line-item-price, .pt_content-search-result-static .no-left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .content-asset .line-item-price, .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .pt_content-search-result-static .left-nav-template .content-asset .line-item-price, .pt_content-search-result-static .left-nav-template .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left .content-asset .line-item-price { margin-top: 12px; } .pt_order-confirmation .orderdetails .show-products-container .checkout-column-left h3 { border-top: none; padding-bottom: 20px; } .pt_order-confirmation .orderdetails .show-products-container .checkout-column-right .order-payment-summary { float: none; } .pt_order-confirmation .orderdetails .show-products-container .checkout-column-right .order-payment-summary .cart-coupon-code { display: none; } .pt_order-confirmation .cart-recommendation-container { width: 100%; } .pt_order-confirmation .cart-recommendation-container .carousel-recommendations { border: none; } /*** order details purchage type icons ***/ .gift-card-label:before { position: relative; float: left; display: block; content: " "; background: url(../images/card.png) no-repeat top left; width: 44px; height: 29px; overflow: hidden; right: 0; bottom: -5px; margin-right: 1rem; margin-bottom: 1.875rem; } .afterpay-label:before { position: relative; float: left; display: block; content: " "; background: url(../images/afterpay-small-icon.png) 0 -5px no-repeat; width: 52px; height: 31px; overflow: hidden; right: 0; bottom: -5px; margin-right: 12px; } .paypal-label:before { position: relative; float: left; display: block; content: " "; background: url(../images/icon-other-payment.png) 0 -32px no-repeat; width: 47px; height: 31px; overflow: hidden; right: 0; bottom: -5px; background-size: cover; margin-right: 12px; } .applepay-label:before { position: relative; float: left; display: block; content: " "; background: url(../images/icon-other-payment.png) no-repeat top left; width: 47px; height: 31px; overflow: hidden; right: 0; bottom: -5px; background-size: 100%; margin-right: 12px; } /*** Order track ***/ .pt_checkorder .primary-content { border-top: none; margin: 0 auto; } @media screen and (max-width: 63.9375em) { .pt_checkorder .order-track-wrapper { padding: 40px; } } .pt_checkorder .order-track-wrapper .error-form { text-align: center; margin-top: 20px; } .pt_checkorder .order-track-wrapper .login-order-track h2 { text-align: center; font-size: 2em; font-weight: bold; text-transform: capitalize; margin-top: 0; } .pt_checkorder .order-track-wrapper .login-order-track .login-box-content { margin: 0 auto; width: 90%; } .pt_checkorder .order-track-wrapper .login-order-track .login-box-content .user-consent-container { position: relative; margin-top: 20px; } .pt_checkorder .order-track-wrapper .login-order-track .login-box-content .user-consent-container .user-consent-label > label { position: relative; top: 15px; } .pt_checkorder .order-track-wrapper .login-order-track .login-box-content .user-consent-container .user-consent-label > label a { color: #00F; } .pt_checkorder .order-track-wrapper .login-order-track .login-box-content .user-consent-container .user-consent-input .form-row { float: left; height: 15px; } @media screen and (max-width: 39.9375em) { .pt_checkorder .order-track-wrapper .login-order-track .login-box-content .user-consent-container .user-consent-input .form-row { height: 10px; } } .pt_checkorder .order-track-wrapper .login-order-track .login-box-content .user-consent-container .user-consent-input .form-row .field-wrapper > span { position: absolute; width: 500px; top: -15px !important; } .pt_checkorder .order-track-wrapper .login-order-track .login-box-content .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox { position: relative; top: 14px; z-index: 10; } @media screen and (max-width: 39.9375em) { .pt_checkorder .order-track-wrapper .login-order-track .login-box-content .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox { top: 17px; } } @media screen and (max-width: 39.9375em) { .pt_checkorder .order-track-wrapper .login-order-track .login-box-content { width: 100%; } } .pt_checkorder .order-track-wrapper .login-order-track .login-box-content p { width: 80%; margin: 0 auto; } @media screen and (max-width: 39.9375em) { .pt_checkorder .order-track-wrapper .login-order-track .login-box-content p { width: 100%; } } .pt_checkorder .order-track-wrapper .login-order-track .login-box-content form { width: 90%; margin: 2em auto; } @media screen and (max-width: 39.9375em) { .pt_checkorder .order-track-wrapper .login-order-track .login-box-content form { width: 100%; } } @media screen and (max-width: 63.9375em) { .pt_checkorder .order-track-wrapper .login-order-track .login-box-content form .search-order-field label { min-width: 130px; } } .pt_checkorder .order-track-wrapper .login-order-track .login-box-content form .search-order-field .field-wrapper { width: 60%; } @media screen and (max-width: 39.9375em) { .pt_checkorder .order-track-wrapper .login-order-track .login-box-content form .search-order-field .field-wrapper { width: 100%; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .pt_checkorder .order-track-wrapper .login-order-track .login-box-content form .search-order-field .field-wrapper { width: 53%; } } .pt_checkorder .order-track-wrapper .login-order-track .login-box-content form .search-order-field .field-wrapper .input-text { width: 100%; } .pt_checkorder .order-track-wrapper .login-order-track .login-box-content form .form-row-button { margin: 0; border-top: 0; } @media screen and (max-width: 39.9375em) { .pt_checkorder .order-track-wrapper .login-order-track .login-box-content form .form-row-button { padding: 40px 0px; max-width: 100%; } } .pt_checkorder .order-track-wrapper .login-order-track .login-box-content form .order-search-btn { width: 50%; } @media screen and (max-width: 39.9375em) { .pt_checkorder .order-track-wrapper .login-order-track .login-box-content form .order-search-btn { width: 90%; } } .pt_order.pt_account #main { margin-top: 95px; } @media screen and (max-width: 39.9375em) { .pt_order.pt_account #main { margin-top: 50px; } } .pt_order .mobile-page-header { margin-bottom: 100px; } @media screen and (max-width: 39.9375em) { .pt_order .mobile-page-header { margin-bottom: 50px; } .pt_order .mobile-page-header h1 { text-align: center; } } .pt_order .order-cancel-confirm .mobile-page-header { margin-bottom: 0; } .pt_order .order-cancel-confirm .mobile-page-header h1 { margin-bottom: 40px; } .pt_order .order-cancel-confirm form .form-row-button { margin-top: 40px; } .order-history-results, .replenishment-items { max-width: 100%; } @media screen and (max-width: 39.9375em) { .order-history-results { margin-bottom: 40px; } } .order-history-header { border-top: 1px solid #d6d9d9; background: rgba(0, 0, 0, 0); padding: 35px 0 55px; } @media screen and (max-width: 39.9375em) { .order-history-header { position: relative; padding: 25px 0; } } .order-history-header .label { font-weight: 500; width: 105px; font-size: 14px; } @media screen and (max-width: 39.9375em) { .order-history-header .label { width: 87px; } } .order-history-header .order-detail { width: auto; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; margin-bottom: 0; } .order-history-header .order-detail.order-date { margin-bottom: 31px; } .order-history-header .order-detail.order-date .value { color: #8c9292; font-size: 20px; } .order-history-header .order-detail.order-date .value.date-value { letter-spacing: 0.9px; } .order-history-header .order-detail.order-date .value span i { font-size: 12px; position: relative; top: -3px; color: #353737; margin-right: 5px; } @media screen and (max-width: 39.9375em) { .order-history-header .order-detail.order-date .value span i { margin-right: 0; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } } .order-history-header .order-detail.order-date .value.order_status_value { font-size: 12px; border: 1px solid #8c9292; padding: 2px 8px; line-height: 16px; } .order-history-header .order-detail.order-number, .order-history-header .order-detail.order-total { -ms-flex-pack: start; justify-content: flex-start; } .order-history-header .order-total.order-detail { text-align: left; } .order-history-header .order-total.order-detail .value { font-weight: normal; } .order-history-detail .order-history-header { padding-bottom: 80px; } @media screen and (max-width: 39.9375em) { .order-history-detail .order-history-header { padding-bottom: 20px; } } .order-history-detail .order-history-header .label { width: 148px; } .pt_order .orderdetails h3 { padding-bottom: 35px; padding-top: 10px; } .pt_order .orderdetails h3.not-border { border-top: none; padding-bottom: 20px; } @media screen and (max-width: 39.9375em) { .pt_order .orderdetails h3.not-border { padding-bottom: 0; } } .pt_order .orderdetails .item-detail-row.row, .pt_order .orderdetails .pt_content-search-result-static .no-left-nav-template .item-detail-row.content-asset, .pt_content-search-result-static .no-left-nav-template .pt_order .orderdetails .item-detail-row.content-asset, .pt_order .orderdetails .pt_content-search-result-static .left-nav-template .item-detail-row.content-asset, .pt_content-search-result-static .left-nav-template .pt_order .orderdetails .item-detail-row.content-asset { border-top: 1px solid #d6d9d9; } .ordered-items .item-detail-row { padding: 10px 0; border-top: 1px solid #d6d9d9; } @media screen and (max-width: 39.9375em) { .ordered-items .item-detail-row { padding: 0; } } .ordered-items .item-detail-row:first-child { border-top: 1px solid #d6d9d9; } .ordered-items .item-detail-row:last-child { border-bottom: 1px solid #d6d9d9; padding-bottom: 20px; } .ordered-items .line-item { font-weight: normal; font-size: 14px; margin-bottom: 20px; } @media screen and (max-width: 39.9375em) { .ordered-items .line-item { font-size: 13px; line-height: 1.5; min-height: 38px; overflow: hidden; margin-bottom: 5px; } } .ordered-items .qty .value, .ordered-items .order-label .value { margin-left: 0; } .ordered-items .line-item-price .price-total, .ordered-items .line-item-price .line-item-value, .ordered-items .line-item-right .price-total, .ordered-items .line-item-right .line-item-value { font-size: 16px; } @media screen and (max-width: 39.9375em) { .ordered-items .line-item-price .price-total, .ordered-items .line-item-price .line-item-value, .ordered-items .line-item-right .price-total, .ordered-items .line-item-right .line-item-value { font-size: 13px; } } .ordered-items .line-item-price .price-total span, .ordered-items .line-item-price .line-item-value span, .ordered-items .line-item-right .price-total span, .ordered-items .line-item-right .line-item-value span { font-size: 13px; margin-left: 5px; display: inline-block; } @media screen and (max-width: 39.9375em) { .ordered-items .product-brand { font-size: 13px; line-height: 1.5; } } .ordered-items.total-price, .ordered-items.order-row { font-size: 16px; } .ordered-items.total-price .item-detail-row, .ordered-items.order-row .item-detail-row { border-top: none; padding: 20px 0; } @media screen and (max-width: 39.9375em) { .ordered-items.total-price .item-detail-row, .ordered-items.order-row .item-detail-row { padding: 0 0 12px 10px; } } .ordered-items.total-price .item-detail-row:first-child, .ordered-items.order-row .item-detail-row:first-child { border-top: none; } .ordered-items.total-price .item-detail-row .item-image, .ordered-items.order-row .item-detail-row .item-image { height: auto; } .ordered-items.total-price .item-detail-row .line-item-details, .ordered-items.order-row .item-detail-row .line-item-details { margin-bottom: 20px; } @media screen and (max-width: 39.9375em) { .ordered-items.total-price .item-detail-row .line-item-details, .ordered-items.order-row .item-detail-row .line-item-details { margin-bottom: 0; padding: 10px 0 0; } } @media screen and (max-width: 39.9375em) { .ordered-items.total-price .item-detail-row .line-item-details .item-info, .ordered-items.order-row .item-detail-row .line-item-details .item-info { padding-left: 0; width: 100%; } } @media screen and (max-width: 39.9375em) { .ordered-items.total-price .item-detail-row .line-item-details .item-info .line-item-price, .ordered-items.total-price .item-detail-row .line-item-details .item-info .line-item-right, .ordered-items.order-row .item-detail-row .line-item-details .item-info .line-item-price, .ordered-items.order-row .item-detail-row .line-item-details .item-info .line-item-right { min-width: 103px; text-align: left; } } @media screen and (max-width: 39.9375em) { .ordered-items.total-price .item-detail-row .line-item-details:first-child, .ordered-items.order-row .item-detail-row .line-item-details:first-child { padding: 18px 0 0; } } .ordered-items.total-price .item-detail-row .line-item-details:last-child, .ordered-items.order-row .item-detail-row .line-item-details:last-child { margin-bottom: 0; } @media screen and (max-width: 39.9375em) { .ordered-items.total-price .item-detail-row .line-item-details:last-child, .ordered-items.order-row .item-detail-row .line-item-details:last-child { padding: 10px 0 18px; } } .ordered-items.total-amount .item-detail-row, .ordered-items.order-row-space .item-detail-row { padding: 10px 0 75px; } @media screen and (max-width: 39.9375em) { .ordered-items.total-amount .item-detail-row, .ordered-items.order-row-space .item-detail-row { padding: 0 0 30px 10px; } } @media screen and (max-width: 39.9375em) { .ordered-items.total-amount .item-detail-row .line-item-details:last-child, .ordered-items.order-row-space .item-detail-row .line-item-details:last-child { padding: 30px 0; } } .ordered-items.none-left { font-size: 14px; } .ordered-items.none-left .line-item-details:first-child { margin-bottom: 0; } .ordered-items.none-left .line-item-details .item-info { padding-left: 0; width: 100%; } .ordered-items.none-left .line-item-details .item-info .qty-price-wrapper, .ordered-items.none-left .line-item-details .item-info .order-content-wrapper { -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .ordered-items.none-left .line-item-details .item-info .qty-price-wrapper .quantity-column, .ordered-items.none-left .line-item-details .item-info .qty-price-wrapper .order-content-column, .ordered-items.none-left .line-item-details .item-info .order-content-wrapper .quantity-column, .ordered-items.none-left .line-item-details .item-info .order-content-wrapper .order-content-column { width: 145px; text-align: left; } @media screen and (max-width: 39.9375em) { .ordered-items.none-left .line-item-details .item-info .qty-price-wrapper .quantity-column, .ordered-items.none-left .line-item-details .item-info .qty-price-wrapper .order-content-column, .ordered-items.none-left .line-item-details .item-info .order-content-wrapper .quantity-column, .ordered-items.none-left .line-item-details .item-info .order-content-wrapper .order-content-column { width: 80px; } } .ordered-items.none-left .line-item-details .item-info .qty-price-wrapper .line-item-price, .ordered-items.none-left .line-item-details .item-info .qty-price-wrapper .line-item-right, .ordered-items.none-left .line-item-details .item-info .order-content-wrapper .line-item-price, .ordered-items.none-left .line-item-details .item-info .order-content-wrapper .line-item-right { width: calc(100% - 145px); } @media screen and (max-width: 39.9375em) { .ordered-items.none-left .line-item-details .item-info .qty-price-wrapper .line-item-price, .ordered-items.none-left .line-item-details .item-info .qty-price-wrapper .line-item-right, .ordered-items.none-left .line-item-details .item-info .order-content-wrapper .line-item-price, .ordered-items.none-left .line-item-details .item-info .order-content-wrapper .line-item-right { width: calc(100% - 80px); } } .ordered-items.none-left .line-item-price .price-total, .ordered-items.none-left .line-item-price .line-item-value, .ordered-items.none-left .line-item-right .price-total, .ordered-items.none-left .line-item-right .line-item-value { font-size: 14px; } .ordered-items.none-left .line-item-price .price-total.giftMessage, .ordered-items.none-left .line-item-price .line-item-value.giftMessage, .ordered-items.none-left .line-item-right .price-total.giftMessage, .ordered-items.none-left .line-item-right .line-item-value.giftMessage { text-transform: uppercase; } @media screen and (max-width: 39.9375em) { .ordered-items.delivery .item-detail-row { padding: 0 0 60px 10px; } } @media screen and (max-width: 39.9375em) { .ordered-items.delivery .item-detail-row .line-item-details .item-info { font-size: 14px; } } @media screen and (max-width: 39.9375em) { .ordered-items.delivery .item-detail-row .line-item-details:first-child { padding: 40px 0 0; } } @media screen and (max-width: 39.9375em) { .ordered-items.delivery .item-detail-row .line-item-details:last-child { padding: 0 0 30px; } } @media screen and (max-width: 39.9375em) { .ordered-items.delivery .qty-price-wrapper, .ordered-items.delivery .order-content-wrapper { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; } } .ordered-items.delivery .line-item-price .price-total span, .ordered-items.delivery .line-item-price .line-item-value span, .ordered-items.delivery .line-item-right .price-total span, .ordered-items.delivery .line-item-right .line-item-value span { display: inline; } @media screen and (max-width: 39.9375em) { .ordered-items.delivery .line-item-price .price-total span, .ordered-items.delivery .line-item-price .line-item-value span, .ordered-items.delivery .line-item-right .price-total span, .ordered-items.delivery .line-item-right .line-item-value span { width: 100%; display: block; margin-left: 10px; font-size: 14px; } } @media screen and (max-width: 39.9375em) { .ordered-items.gift-option .item-detail-row { padding: 0 0 30px 10px; } } .ordered-items.gift-option .item-detail-row:last-child { border-bottom: none; } @media screen and (max-width: 39.9375em) { .ordered-items.gift-option .line-item-details .item-info .qty-price-wrapper .quantity-column, .ordered-items.gift-option .line-item-details .item-info .qty-price-wrapper .order-content-column, .ordered-items.gift-option .line-item-details .item-info .order-content-wrapper .quantity-column, .ordered-items.gift-option .line-item-details .item-info .order-content-wrapper .order-content-column { width: 142px; } } @media screen and (max-width: 39.9375em) { .ordered-items.gift-option .line-item-details .item-info .qty-price-wrapper .line-item-price, .ordered-items.gift-option .line-item-details .item-info .qty-price-wrapper .line-item-right, .ordered-items.gift-option .line-item-details .item-info .order-content-wrapper .line-item-price, .ordered-items.gift-option .line-item-details .item-info .order-content-wrapper .line-item-right { width: calc(100% - 142px); } } .line-item-details { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 39.9375em) { .line-item-details { padding: 18px; } } @media screen and (max-width: 320px) { .line-item-details { padding: 18px 0; } } .line-item-details .item-image { width: 160px; height: 160px; } @media screen and (max-width: 39.9375em) { .line-item-details .item-image { width: 80px; height: 80px; } } .line-item-details .item-info { width: calc(100% - 160px); padding-left: 60px; } @media screen and (max-width: 39.9375em) { .line-item-details .item-info { width: calc(100% - 80px); padding-left: 18px; font-size: 13px; line-height: 1.5; } } .line-item-details .item-info .name a:hover .product-brand, .line-item-details .item-info .name a:hover .product-name, .line-item-details .item-info .name a:hover .line-item { opacity: 0.6; } .line-item-details .item-info .qty-price-wrapper, .line-item-details .item-info .order-content-wrapper { -ms-flex-pack: justify; justify-content: space-between; margin: 0; } .delivery-detail { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 991px) { .delivery-detail { display: block; } } button.button--white-178, button.button--white-178, .button--white-178.button, input.button--white-178[type="button"] { max-width: 100%; width: 178px; } @media screen and (max-width: 991px) { button.button--white-178, button.button--white-178, .button--white-178.button, input.button--white-178[type="button"] { margin: 30px auto 0; } } @media screen and (max-width: 39.9375em) { button.button--white-178, button.button--white-178, .button--white-178.button, input.button--white-178[type="button"] { margin-top: 0; width: 195px; } } .order-history-detail form .form-row { margin-bottom: 0; } .order-history-detail form .form-row label { display: none; } .order-history-detail form .form-row label.select { display: block; } .order-history-detail form .form-row .field-wrapper { max-width: 330px; margin: 14px auto 40px; } @media screen and (max-width: 39.9375em) { .order-history-detail form .form-row .field-wrapper { margin: 18px auto 40px; width: 100%; max-width: 100%; } } .pt_order-confirmation .confirmation-message { margin-top: 0; } .pt_order-confirmation .confirmation-message h1 { font-size: 24px; font-weight: 500; } .pt_order-confirmation .confirmation-message h1.bottom-space { margin-bottom: 40px; } .pt_order-confirmation .confirmation-message p { text-align: left; } @media screen and (max-width: 39.9375em) { .pt_order-confirmation .box-normal { margin-top: 40px; } } .pt_order-confirmation .phone { display: none; } .pt_order-confirmation .orderdetails .order-information { padding: 0 1.25rem; } @media screen and (max-width: 39.9375em) { .pt_order-confirmation .orderdetails .order-information { border-top: none; } } @media screen and (max-width: 39.9375em) { .pt_order-confirmation .orderdetails .order-information .order-shipments { padding: 0; } } @media screen and (max-width: 39.9375em) { .pt_order-confirmation .orderdetails .show-products-container { padding: 0; } } .pt_order-confirmation .orderdetails .show-products-container .product-list-item .name { font-size: 14px; } @media screen and (max-width: 39.9375em) { .pt_order-confirmation .form-row-button.button-bottom { padding: 80px 1.25rem 80px; } } .pt_order-confirmation .mobile-page-header.has-border { margin-top: 80px; } @media screen and (max-width: 39.9375em) { .pt_order-confirmation .mobile-page-header.has-border { margin-top: 60px; } } @media screen and (max-width: 39.9375em) { .pt_order-confirmation .summary-container .notice { margin-bottom: 40px; } } @media screen and (max-width: 39.9375em) { .pt_order-confirmation .summary-container .payment-method-summary { margin-bottom: 40px; } } .pt_order-confirmation #main { margin-top: 127px; } @media screen and (max-width: 39.9375em) { .pt_order-confirmation #main { margin-top: 50px; margin-bottom: 0; border-bottom: 1px solid #d6d9d9; } } .orderdetails .medium-collapse > .column.item-image, .orderdetails .medium-collapse > .item-image.columns, .orderdetails .medium-collapse > .columns.item-image { padding: 0 1.25rem; } .orderdetails .medium-collapse > .column.item-details, .orderdetails .medium-collapse > .item-details.columns, .orderdetails .medium-collapse > .columns.item-details { padding: 0; } .order-cancel-confirm .ordered-items.gift-option .item-detail-row:last-child { border-bottom: 1px solid #d6d9d9; } .history-details-container .order-history-header.header-detail-order { cursor: pointer; } .history-details-container .order-history-header.header-detail-order:hover { opacity: 0.6; transition: linear 0.3s; } .pagination-buttons.float-none { float: none; text-align: center; margin-bottom: 0; } @media screen and (max-width: 39.9375em) { .pagination-buttons.float-none { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } } .pagination-buttons.float-none button, .pagination-buttons.float-none .button, .pagination-buttons.float-none input[type="button"], .pagination-buttons.float-none button { padding: 10px; margin: 40px 10px 0; width: 100%; display: inline-block; } @media screen and (max-width: 39.9375em) { .pagination-buttons.float-none button, .pagination-buttons.float-none .button, .pagination-buttons.float-none input[type="button"], .pagination-buttons.float-none button { margin: 0 10px; width: 140px; } } .order-history-detail .order-totals-table .calculations-container > div, .order-history-detail .order-totals-table .calculations-container { padding: 0; } .order-history-detail .order-shipment-address .price-total div, .order-history-detail .order-shipment-address .line-item-value div { display: inline; } .order-history-detail .order-shipment-address .price-total .phone, .order-history-detail .order-shipment-address .price-total .mini-address-name, .order-history-detail .order-shipment-address .line-item-value .phone, .order-history-detail .order-shipment-address .line-item-value .mini-address-name { display: none; } .order-history-detail .order-shipment-address .price-total .summarybox .name div:first-child, .order-history-detail .order-shipment-address .line-item-value .summarybox .name div:first-child { margin-left: 0; } .order-history-detail .order-information.ordered-items.total-price .item-detail-row .line-item-details, .order-history-detail .order-information.ordered-items.order-row .item-detail-row .line-item-details { margin-bottom: 0; } @media screen and (max-width: 39.9375em) { .order-history-detail .orderdetails .order-information { border-top: none; } } .order-history-detail .orderdetails .sample-container { border-top: 1px solid #d6d9d9; padding: 2rem 0; } .order-history-detail .orderdetails .sample-container .sample-tile { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #d6d9d9; padding: 1.25rem 0; } @media screen and (max-width: 39.9375em) { .order-history-detail .orderdetails .sample-container .sample-tile + .sample-tile { border-top: none; } } @media print, screen and (min-width: 40em) { .order-history-detail .orderdetails .sample-container .sample-product-image { margin: 0; } } @media screen and (max-width: 39.9375em) { .order-history-detail .orderdetails .sample-container .sample-product-image img { max-width: 82px; } } .order-history-detail .orderdetails .sample-container .sample-product-name { padding: 0 20px; margin-top: 0; } .order-history-detail .orderdetails .order-payment-instruments { padding-bottom: 75px; border-bottom: 1px solid #d6d9d9; padding-top: 2rem; } @media screen and (max-width: 39.9375em) { .order-history-detail .orderdetails .order-payment-instruments { padding-bottom: 60px; } } .order-history-detail .orderdetails .order-payment-instruments .order-payment-method { display: -ms-flexbox; display: flex; } .order-history-detail .orderdetails .order-payment-instruments .order-payment-method span:first-child { width: 142px; } @media print, screen and (min-width: 40em) { .order-history-detail .orderdetails .order-payment-instruments .order-payment-method span:first-child { width: 145px; } } .order-history-detail .orderdetails .order-payment-instruments .order-payment-method span:nth-child(2) { margin-left: 5px; } @media screen and (max-width: 39.9375em) { .b-registration-empty.order-cancelation .text-description { text-align: center; } } @media screen and (max-width: 39.9375em) { .account-registration.order-cancelation h1 { margin-bottom: 74px; } } .order-detail-summary .ordered-items.total-amount .item-detail-row { padding-top: 17px; padding-bottom: 75px; } a.order-receipt-btn { border: 1px solid #000; font-size: 12px; width: 140px; padding: 8px; text-align: center; display: block; margin-left: auto; line-height: 1; margin-top: 15px; } .order-history-detail .order-history-header { padding-bottom: 10px; } /* Reveal */ .reveal-overlay { overflow: hidden; } .modal-body { padding: 0; overflow: auto; width: 100%; height: 100%; } @media print, screen and (min-width: 40em) { .modal-body { padding: 0 29px; } } @media (max-height: 611px) { .modal-body { max-height: 440px; } } @media screen and (max-width: 39.9375em) { html.is-reveal-open { position: fixed; width: 100%; height: 100%; } } .reveal { padding: 28px 24px; margin-bottom: 20px; border: 0; height: 90%; max-width: 90%; margin-left: auto; margin-right: auto; width: auto; overflow: hidden; } @media screen and (max-width: 39.9375em) { .reveal { top: 5px !important; min-height: 0; } } @media print, screen and (min-width: 40em) { .reveal { max-width: 80%; padding: 57px 20px; } } @media print, screen and (min-width: 64em) { .reveal { max-width: 900px; } } .reveal button.close-button { background-color: transparent; border: 0; color: #353737; cursor: pointer; display: block; position: absolute; top: 1rem; right: 1rem; padding: 0; z-index: 1; } @media print, screen and (min-width: 40em) { .reveal button.close-button { top: 20px; right: 20px; } } @media print, screen and (min-width: 40em) { .reveal button.close-button .icon-close { font-size: 23px; } } .reveal.medium { width: 90%; margin-left: auto; margin-right: auto; max-width: 63.125rem; padding: 2rem; } @media print, screen and (min-width: 40em) { .reveal.medium { width: 80%; padding: 3rem; } } .reveal.normal-modal { height: auto; } @media screen and (max-width: 39.9375em) { .reveal.normal-modal { top: 50% !important; transform: translateY(-50%); } } .language-selection, .newsletter-signup-modal { width: 90% !important; margin: 0px auto; } @media print, screen and (min-width: 40em) { .language-selection, .newsletter-signup-modal { width: 600px !important; } } .languages-modal button { width: 140px; margin: 0 1em 1em 0; padding: 0.5em 2em 0.3em 2em; } .newsletter-signup-modal input { border: 0; border-bottom: 1px solid; outline: none; } .reveal.productImageZoom { max-width: 90%; padding: 0; } @media print, screen and (min-width: 64em) { .reveal.productImageZoom { max-width: 800px; } } @media print, screen and (min-width: 40em) { .reveal.productImageZoom { top: 1% !important; } } .reveal.productImageZoom .modal-body { padding: 0; } @media print, screen and (min-width: 40em) { .reveal.productImageZoom .close-button { padding-right: 1em; } } .modal-content .modal-title { margin-bottom: 25px; } @media print, screen and (min-width: 40em) { .modal-content .modal-title { margin-bottom: 38px; } } .modal-content .product-images { margin: 0; padding: 0; max-height: 800px; } /******* EDIT MODAL *******/ .edit-modal { max-width: 90% !important; width: 90%; border-bottom: 0px; } .edit-modal .image-zoom { display: none; } @media screen and (max-width: 39.9375em) { .edit-modal .product-add-to-cart .price-qty-row { display: inline-block; width: 100%; } .edit-modal .product-add-to-cart .price-qty-row .price-label { display: inline-block; } .edit-modal .product-add-to-cart .price-qty-row .product-price { display: inline-block; } .edit-modal .product-add-to-cart .price-qty-row .inventory { display: inline-block; float: right; } } @media screen and (max-width: 63.9375em) { .edit-modal.reveal.medium { padding: 3em 2em; } } .edit-modal .full-detail-btn { display: none; } .edit-modal .product-image-container .row .product-thumbnails, .edit-modal .product-image-container .pt_content-search-result-static .no-left-nav-template .content-asset .product-thumbnails, .pt_content-search-result-static .no-left-nav-template .edit-modal .product-image-container .content-asset .product-thumbnails, .edit-modal .product-image-container .pt_content-search-result-static .left-nav-template .content-asset .product-thumbnails, .pt_content-search-result-static .left-nav-template .edit-modal .product-image-container .content-asset .product-thumbnails { margin-top: 0px; } .edit-modal .product-form-actions { font-size: 1em; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .edit-modal .product-form-actions { font-size: .8em; } } @media screen and (max-width: 63.9375em) { .edit-modal .product-form-actions button.add-to-cart, .edit-modal .product-form-actions .add-to-cart.button, .edit-modal .product-form-actions input.add-to-cart[type="button"] { margin: 0px; font-size: 1em; padding-left: 1.5em; padding-right: 1.5em; } } @media screen and (max-width: 39.9375em) { .edit-modal .product-actions { padding: 0; } } @media print, screen and (min-width: 40em) { .edit-modal .product-actions { padding: 1em; padding-right: 0em; } } .edit-modal .product-actions button.text-only, .edit-modal .product-actions .text-only.button, .edit-modal .product-actions input.text-only[type="button"] { color: #676d6d; font-weight: normal; } .edit-modal .product-actions button.text-only:hover, .edit-modal .product-actions .text-only.button:hover, .edit-modal .product-actions input.text-only:hover[type="button"] { text-decoration: none; } .edit-modal .replenishment { margin-top: 0.5em; } .small-top-margin { top: 90px; } #replenishment-signin .button-area { text-align: center; } .news-letter-form { overflow: hidden; } .news-letter-form .user-consent-container { position: relative; } .news-letter-form .user-consent-container .user-consent-label > label { position: relative; top: 23px; white-space: inherit; margin-bottom: 1rem; } .news-letter-form .user-consent-container .user-consent-label > label a { color: #00F; } .news-letter-form .user-consent-container .user-consent-input .form-row { float: left; height: 15px; } .news-letter-form .user-consent-container .user-consent-input .form-row .field-wrapper > span { position: absolute; width: 500px; top: 5px; } .news-letter-form .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox { position: relative; top: 31px; width: 15px; height: 15px; z-index: 10; border: 1px solid; } .news-letter-form .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox:before { top: -5px; left: 0px; } @media screen and (max-width: 39.9375em) { #qas-modal .modal-body { max-height: 80vh; } } #qas-modal .close-button { display: none; } .reveal-overlay { background-color: rgba(0, 0, 0, 0.6); } .edit-modal { width: 1000px; padding: 50px; } @media screen and (max-width: 39.9375em) { .edit-modal { padding: 50px 0; } } .edit-modal.reveal { background-color: transparent; outline: none; height: auto; overflow: auto; } .edit-modal.reveal button.close-button { right: 15px; color: #ffffff; } .edit-modal .modal-body { background-color: #ffffff; padding: 50px; } @media screen and (max-width: 39.9375em) { .edit-modal .modal-body { padding: 20px 0; } } .edit-modal .pdp-main .product-thumbnails { display: none; } .edit-modal .pdp-main .inventory-price { -ms-flex-pack: justify; justify-content: space-between; } .edit-modal .pdp-main .inventory-price .inventory { margin-right: 0; } .edit-modal .product-actions button.text-only, .edit-modal .product-actions .text-only.button, .edit-modal .product-actions input.text-only[type="button"] { color: #abc6c6; text-decoration: none; padding-left: 2px; padding-top: 1px; } .edit-modal .product-actions button.text-only:hover, .edit-modal .product-actions .text-only.button:hover, .edit-modal .product-actions input.text-only:hover[type="button"] { color: #bdc5c5; } @media screen and (max-width: 39.9375em) { .reveal-overlay { overflow: auto; } } .shippingaddress .select-address { width: 100%; margin-left: 0; } .shippingaddress .edit-address { margin-top: 0.5em; } .shippingaddress .edit-address span { color: #84bd00; cursor: pointer; } .formactions { margin-top: 20px; text-align: right; } .item-list .multi-shipment-row { border-bottom: none; } .minishipments-method { padding-top: 10px; } .multishipprogress div, .multishipprogress .step-3 { display: inline; padding: 1em; } .multishipprogress .step-4 { padding-right: 0; } .pt_checkout #cart-table .cart-row .shipment-label { font-weight: 700; margin-top: 35px; font-size: 1.4em; } .pt_account #main { margin-top: 99px; } @media screen and (max-width: 39.9375em) { .pt_account #main { margin-bottom: 0; margin-top: 46px; } } @media screen and (max-width: 39.9375em) { .pt_account.pt_wish-list #main, .pt_account.pt_unsubscribe #main { margin-top: 50px; } } .pt_account #secondary { padding-left: 0; padding-right: 0; border-bottom: 1px solid #d6d9d9; } @media print, screen and (min-width: 40em) { .pt_account #secondary { padding-right: 1.25rem; padding-left: 1.25rem; border-bottom: none; } } .pt_account #secondary .active-menu { font-weight: bold; } .pt_account #primary { margin: 0 auto; } @media screen and (max-width: 39.9375em) { .pt_account #primary { margin: 0 auto 50px; } } .pt_account .page-intro { margin-bottom: 2em; } .pt_account .page-intro h1 { border: none; float: none; } .pt_account h1 { margin-bottom: 83px; } @media screen and (max-width: 39.9375em) { .pt_account h1 { text-align: center; margin-bottom: 49px; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .pt_account h1 { margin-bottom: 49px; } } .pt_account h1.column-header { color: #353939; word-break: break-all; } .account-nav-asset { background-color: #f4f5f7; padding-right: 20px; padding-left: 20px; border-top: 3px solid #d6d9d9; } @media print, screen and (min-width: 64em) { .account-nav-asset { border-top: 4px solid #d6d9d9; padding-right: 29px; padding-left: 30px; } } .account-nav-asset ul { width: 100%; margin: 0; } .account-nav-asset .account-left-nav > li { border: 1px #d6d9d9 solid; border-width: 0 0 1px; margin: 0 !important; display: -ms-flexbox; display: flex; -ms-flex-line-pack: middle; align-content: middle; -ms-flex-pack: justify; justify-content: space-between; } .account-nav-asset .account-left-nav > li:last-child { border-width: 0; } .account-nav-asset .account-left-nav > li a { width: 100%; max-width: 100%; text-transform: uppercase; padding: 16px 0 15px; line-height: 1.6em; position: relative; } @media print, screen and (min-width: 64em) { .account-nav-asset .account-left-nav > li a { padding: 27px 0; } } @media screen and (max-width: 63.9375em) { .account-nav-asset .account-left-nav > li a { font-size: 12px; } } .account-nav-asset .account-left-nav > li a:not(.accordion-title):after { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: 500; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; position: absolute; top: 50%; right: 0; font-size: 12px; line-height: 22px; transform: translateY(-50%); } .account-nav-asset .account-left-nav > li .accordion-content a { display: block; padding: 16px 15px 15px 0; border-top: 1px solid #d6d9d9; margin-left: 20px; width: calc(100% - 20px); } @media print, screen and (min-width: 64em) { .account-nav-asset .account-left-nav > li .accordion-content a { padding: 20px 20px 20px 0; } } @media print, screen and (min-width: 64em) { .account-nav-asset .account-left-nav > li .accordion-title::before { top: 33px; } } .c-block_mypage { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 39.9375em) { .c-block_mypage { -ms-flex-direction: column; flex-direction: column; } } .c-block_mypage h2 { padding-top: 0; border-top: none; margin-bottom: 23px; } @media screen and (max-width: 63.9375em) { .c-block_mypage h2 { font-size: 16px; margin-bottom: 10px; } } .c-block_mypage .point-summary { margin-bottom: 34px; font-weight: bold; } @media print, screen and (min-width: 64em) { .c-block_mypage .point-summary { margin-bottom: 68px; } } .c-block_mypage .point-summary .label { margin-right: 20px; } @media screen and (max-width: 63.9375em) { .c-block_mypage .point-summary .label { font-size: 12px; margin-right: 2px; } } .c-block_mypage .point-summary .value { font-size: 20px; } @media print, screen and (min-width: 64em) { .c-block_mypage .point-summary .value { font-size: 30px; } } @media screen and (max-width: 63.9375em) { .c-block_mypage .point-summary .point-description { font-size: 12px; } } .c-block_mypage .c-block_mypage--left { width: 100%; max-width: 190px; padding: 56px 17px 13px; margin: 0 auto 63px; text-align: center; border: solid 1px #353737; } @media print, screen and (min-width: 64em) { .c-block_mypage .c-block_mypage--left { width: 37%; max-width: 290px; margin: 0 4% 0 0; padding: 100px 15px 24px; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .c-block_mypage .c-block_mypage--left { margin-right: 20px; } } .c-block_mypage .c-block_mypage--right { padding: 24px 0 20px; width: 100%; border-top: 1px solid #d6d9d9; border-bottom: 1px solid #d6d9d9; } @media print, screen and (min-width: 64em) { .c-block_mypage .c-block_mypage--right { width: 59%; padding: 31px 0 28px; } } .c-block_mypage .c-block_mypage--right h4 { margin-bottom: 23px; } .c-block_mypage .c-block_mypage--right .accordion { margin: 0; } .c-block_mypage .c-block_mypage--right .accordion .accordion-title { padding: 0; } .c-block_mypage .c-block_mypage--right .accordion .accordion-title:before { top: 10px; } .c-block_mypage .c-block_mypage--right .list-point-expiration { margin-bottom: 46px; } @media print, screen and (min-width: 64em) { .c-block_mypage .c-block_mypage--right .list-point-expiration { margin-bottom: 50px; } } .c-block_mypage .c-block_mypage--right .list-point-history { padding-top: 16px; } @media print, screen and (min-width: 64em) { .c-block_mypage .c-block_mypage--right .list-point-history { padding-top: 30px; } } .c-block_mypage .c-block_mypage--right .item { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; margin-bottom: 16px; } @media print, screen and (min-width: 64em) { .c-block_mypage .c-block_mypage--right .item { margin-bottom: 30px; } } .c-block_mypage .c-block_mypage--right .item:last-child { margin-bottom: 0; } @media screen and (max-width: 39.9375em) { .c-block_mypage .c-block_mypage--right .item .label { font-size: 12px; } } .c-block_mypage .c-block_mypage--right .item .value { font-weight: bold; font-size: 18px; } @media print, screen and (min-width: 64em) { .c-block_mypage .c-block_mypage--right .item .value { font-size: 24px; } } .account-landing { margin-top: 50px; } @media print, screen and (min-width: 64em) { .account-landing { margin-top: 100px; } } #PasswordResetForm fieldset { position: relative; } #PasswordResetForm button { float: right; top: 0px; left: 63%; } .account-registration .block-firstname .required-indicator, .account-registration .block-lastname .required-indicator, .account-registration .block-firstnamekana .required-indicator, .account-registration .block-lastnamekana .required-indicator, .edit_address_form .block-firstname .required-indicator, .edit_address_form .block-lastname .required-indicator, .edit_address_form .block-firstnamekana .required-indicator, .edit_address_form .block-lastnamekana .required-indicator, .account-edit .block-firstname .required-indicator, .account-edit .block-lastname .required-indicator, .account-edit .block-firstnamekana .required-indicator, .account-edit .block-lastnamekana .required-indicator, .checkout-shipping.address .block-firstname .required-indicator, .checkout-shipping.address .block-lastname .required-indicator, .checkout-shipping.address .block-firstnamekana .required-indicator, .checkout-shipping.address .block-lastnamekana .required-indicator { display: none; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .account-registration .block-firstname, .account-registration .block-firstnamekana, .edit_address_form .block-firstname, .edit_address_form .block-firstnamekana, .account-edit .block-firstname, .account-edit .block-firstnamekana, .checkout-shipping.address .block-firstname, .checkout-shipping.address .block-firstnamekana { margin-bottom: 0; } } .account-registration .half-row, .edit_address_form .half-row, .account-edit .half-row, .checkout-shipping.address .half-row { margin-bottom: 15px; } @media print, screen and (min-width: 40em) { .account-registration .half-row, .edit_address_form .half-row, .account-edit .half-row, .checkout-shipping.address .half-row { margin-bottom: 53px; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .account-registration .half-row > label, .edit_address_form .half-row > label, .account-edit .half-row > label, .checkout-shipping.address .half-row > label { width: 100%; } } @media screen and (max-width: 39.9375em) { .account-registration .block-language, .account-registration .block-country, .account-registration .block-statejp, .account-registration .block-statecn, .edit_address_form .block-language, .edit_address_form .block-country, .edit_address_form .block-statejp, .edit_address_form .block-statecn, .account-edit .block-language, .account-edit .block-country, .account-edit .block-statejp, .account-edit .block-statecn, .checkout-shipping.address .block-language, .checkout-shipping.address .block-country, .checkout-shipping.address .block-statejp, .checkout-shipping.address .block-statecn { -ms-flex-direction: row; flex-direction: row; } .account-registration .block-language > label, .account-registration .block-country > label, .account-registration .block-statejp > label, .account-registration .block-statecn > label, .edit_address_form .block-language > label, .edit_address_form .block-country > label, .edit_address_form .block-statejp > label, .edit_address_form .block-statecn > label, .account-edit .block-language > label, .account-edit .block-country > label, .account-edit .block-statejp > label, .account-edit .block-statecn > label, .checkout-shipping.address .block-language > label, .checkout-shipping.address .block-country > label, .checkout-shipping.address .block-statejp > label, .checkout-shipping.address .block-statecn > label { width: auto; margin-right: 20px; } } .account-registration .block-language .select, .account-registration .block-country .select, .account-registration .block-statejp .select, .account-registration .block-statecn .select, .edit_address_form .block-language .select, .edit_address_form .block-country .select, .edit_address_form .block-statejp .select, .edit_address_form .block-statecn .select, .account-edit .block-language .select, .account-edit .block-country .select, .account-edit .block-statejp .select, .account-edit .block-statecn .select, .checkout-shipping.address .block-language .select, .checkout-shipping.address .block-country .select, .checkout-shipping.address .block-statejp .select, .checkout-shipping.address .block-statecn .select { width: 129px; } .account-registration .block-statejp .select option:first-child, .account-registration .block-statecn .select option:first-child, .edit_address_form .block-statejp .select option:first-child, .edit_address_form .block-statecn .select option:first-child, .account-edit .block-statejp .select option:first-child, .account-edit .block-statecn .select option:first-child, .checkout-shipping.address .block-statejp .select option:first-child, .checkout-shipping.address .block-statecn .select option:first-child { display: none; } @media print, screen and (min-width: 40em) { .account-registration .block-phone .field-wrapper, .edit_address_form .block-phone .field-wrapper, .account-edit .block-phone .field-wrapper, .checkout-shipping.address .block-phone .field-wrapper { max-width: 295px; } } .block-statejp label span.error { width: 130%; } @media screen and (max-width: 39.9375em) { .block-statejp .field-wrapper { margin-left: 0; } } @media screen and (max-width: 374px) { .states .block-statejp { -ms-flex-direction: column; flex-direction: column; } .states .block-statejp .field-wrapper { margin-left: 11px; } } .account-registration .block-language, .account-edit .block-language { margin-bottom: 16px; } @media print, screen and (min-width: 40em) { .account-registration .block-language, .account-edit .block-language { margin-bottom: 56px; } } @media screen and (max-width: 39.9375em) { .account-registration .block-language label, .account-edit .block-language label { margin-bottom: 16px; } } @media screen and (max-width: 39.9375em) { .account-registration .block-language .language, .account-edit .block-language .language { right: 0; } } @media print, screen and (min-width: 40em) { .account-registration .block-jpnewsubscribed label span:not(.required-indicator), .account-edit .block-jpnewsubscribed label span:not(.required-indicator) { margin-right: 8px; } } .account-registration .block-jpnewsubscribed label .required-indicator, .account-edit .block-jpnewsubscribed label .required-indicator { white-space: normal; } @media print, screen and (min-width: 40em) { .account-registration .block-jpnewsubscribed label .required-indicator, .account-edit .block-jpnewsubscribed label .required-indicator { margin-left: 0; } } .account-registration .block-jpnewsubscribed, .account-registration .block-jpdmsubscribed, .account-registration .block-gender, .account-edit .block-jpnewsubscribed, .account-edit .block-jpdmsubscribed, .account-edit .block-gender { -ms-flex-align: start; align-items: flex-start; } .account-registration .h-adr, .account-edit .h-adr { margin-top: 44px; margin-bottom: 39px; } @media print, screen and (min-width: 40em) { .account-registration .h-adr, .account-edit .h-adr { margin-top: 54px; margin-bottom: 43px; } } .account-registration .b-birthdate, .account-edit .b-birthdate { margin-top: 51px; margin-bottom: 54px; } @media screen and (max-width: 39.9375em) { .account-registration .b-birthdate, .account-edit .b-birthdate { -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 43px; margin-bottom: 48px; } } @media print, screen and (min-width: 40em) { .account-registration .b-birthdate.has-birthday .field-wrapper, .account-edit .b-birthdate.has-birthday .field-wrapper { margin-bottom: 11px; } } .account-registration .b-birthdate.has-birthday .field-wrapper span, .account-edit .b-birthdate.has-birthday .field-wrapper span { margin-right: 10px; } @media print, screen and (min-width: 40em) { .account-registration .b-birthdate.has-birthday .field-wrapper span, .account-edit .b-birthdate.has-birthday .field-wrapper span { font-size: 16px; } } .account-registration .b-birthdate > label, .account-edit .b-birthdate > label { width: 100%; } @media print, screen and (min-width: 40em) { .account-registration .b-birthdate > label, .account-edit .b-birthdate > label { width: 30%; } } .account-registration .b-birthdate .c-birthday, .account-registration .b-birthdate .c-month, .account-registration .b-birthdate .c-birthyear, .account-edit .b-birthdate .c-birthday, .account-edit .b-birthdate .c-month, .account-edit .b-birthdate .c-birthyear { margin: 0 3px 0 0; } @media print, screen and (min-width: 40em) { .account-registration .b-birthdate .c-birthday, .account-registration .b-birthdate .c-month, .account-registration .b-birthdate .c-birthyear, .account-edit .b-birthdate .c-birthday, .account-edit .b-birthdate .c-month, .account-edit .b-birthdate .c-birthyear { margin: 0 20px 0 0; } } .account-registration .b-birthdate .c-birthday > label, .account-registration .b-birthdate .c-month > label, .account-registration .b-birthdate .c-birthyear > label, .account-edit .b-birthdate .c-birthday > label, .account-edit .b-birthdate .c-month > label, .account-edit .b-birthdate .c-birthyear > label { display: none; } .account-registration .b-birthdate .c-birthday .field-wrapper .select, .account-registration .b-birthdate .c-month .field-wrapper .select, .account-registration .b-birthdate .c-birthyear .field-wrapper .select, .account-edit .b-birthdate .c-birthday .field-wrapper .select, .account-edit .b-birthdate .c-month .field-wrapper .select, .account-edit .b-birthdate .c-birthyear .field-wrapper .select { width: 100%; } .account-registration .b-birthdate .c-birthday option:first-child, .account-registration .b-birthdate .c-month option:first-child, .account-registration .b-birthdate .c-birthyear option:first-child, .account-edit .b-birthdate .c-birthday option:first-child, .account-edit .b-birthdate .c-month option:first-child, .account-edit .b-birthdate .c-birthyear option:first-child { display: none; } .account-registration .b-birthdate .label, .account-edit .b-birthdate .label { font-size: 14px; padding-bottom: 14px; margin-right: 5px; } @media print, screen and (min-width: 40em) { .account-registration .b-birthdate .label, .account-edit .b-birthdate .label { font-size: 16px; margin-right: 50px; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .account-registration .b-birthdate .label, .account-edit .b-birthdate .label { margin-right: 20px; } } .account-registration .b-birthdate .label.b-day, .account-edit .b-birthdate .label.b-day { margin-right: 0; } @media print, screen and (min-width: 40em) { #TempRegisterForm .input-text { font-size: 16px; padding: 10px 0; } } .account-registration { max-width: 860px; margin: 0 auto; } @media print, screen and (min-width: 40em) { .account-registration { margin: 41px auto 40px; } } .account-registration h1 { margin-bottom: 40px; } @media print, screen and (min-width: 40em) { .account-registration h1 { margin-bottom: 90px; } } .account-registration h1 p { margin: 0; } .account-registration h1 p.main-title { margin-bottom: 6px; } @media print, screen and (min-width: 40em) { .account-registration h1 p.main-title { margin-bottom: 13px; } } .account-registration .block-email input { border: none; font-size: 16px; padding: 8px 0 14px; } .account-registration .block-passwordconfirm { margin-top: -8px; } @media print, screen and (min-width: 40em) { .account-registration .block-passwordconfirm .field-wrapper { margin-left: 32.6%; } } .account-registration .block-email .required-indicator { display: none; } .account-registration .ginza-information { margin-top: 72px; margin-bottom: 40px; } @media print, screen and (min-width: 40em) { .account-registration .ginza-information { margin-top: 100px; margin-bottom: 69px; } } .account-registration .ginza-information p { margin-top: 19px; margin-bottom: 8px; line-height: 1.62; } @media screen and (max-width: 39.9375em) { .account-registration .ginza-information p { font-size: 13px; } } @media print, screen and (min-width: 40em) { .account-registration .ginza-information p { margin-top: 32px; margin-bottom: 13px; line-height: 1.9; } } .account-registration .ginza-information.block-fullname { margin-top: 75px; } @media print, screen and (min-width: 40em) { .account-registration .ginza-information.block-fullname { margin-top: 87px; } } .account-registration .accordion { margin: 31px 0 0; } @media print, screen and (min-width: 40em) { .account-registration .accordion { margin: 80px 0 0; } } .account-registration .accordion .accordion-title { padding: 25px 0 20px; } @media print, screen and (min-width: 40em) { .account-registration .accordion .accordion-title { padding: 23px 0 20px; } } .account-registration .accordion .accordion-title::before { top: 29px; } .account-registration .accordion .accordion-content { margin-top: 52px; } @media screen and (max-width: 39.9375em) { .account-registration .accordion .accordion-content { margin-top: 13px; padding-left: 8px; } } .account-registration .b-birthdate .c-birthday, .account-registration .b-birthdate .c-month { width: 50px; } @media print, screen and (min-width: 40em) { .account-registration .b-birthdate .c-birthday, .account-registration .b-birthdate .c-month { width: 66px; } } .account-registration .b-birthdate .c-birthyear { width: 96px; } @media screen and (max-width: 39.9375em) { .account-registration .b-birthdate .c-birthyear { width: 70px; margin-left: 12px; } } .account-registration .block-gender { margin-bottom: 40px; } .account-registration .block-jpDmSubscribed { margin-top: 45px; margin-bottom: -6px; } .account-registration .form-row-button { margin: 32px 20px 0; } @media print, screen and (min-width: 40em) { .account-registration .form-row-button { margin-top: 50px; } } .register-step2 .text-description { margin-bottom: 36px; line-height: 1.62; font-size: 13px; } @media print, screen and (min-width: 40em) { .register-step2 .text-description { font-size: 16px; text-align: center; margin-top: -41px; margin-bottom: 106px; line-height: 2.13; } } .register-step2 .row, .register-step2 .pt_content-search-result-static .no-left-nav-template .content-asset, .pt_content-search-result-static .no-left-nav-template .register-step2 .content-asset, .register-step2 .pt_content-search-result-static .left-nav-template .content-asset, .pt_content-search-result-static .left-nav-template .register-step2 .content-asset { margin: 0; } .register-step2 .row .columns:not(h2), .register-step2 .pt_content-search-result-static .no-left-nav-template .content-asset .columns:not(h2), .pt_content-search-result-static .no-left-nav-template .register-step2 .content-asset .columns:not(h2), .register-step2 .pt_content-search-result-static .left-nav-template .content-asset .columns:not(h2), .pt_content-search-result-static .left-nav-template .register-step2 .content-asset .columns:not(h2) { margin-bottom: 39px; word-wrap: break-word; } @media print, screen and (min-width: 40em) { .register-step2 .row .columns:not(h2), .register-step2 .pt_content-search-result-static .no-left-nav-template .content-asset .columns:not(h2), .pt_content-search-result-static .no-left-nav-template .register-step2 .content-asset .columns:not(h2), .register-step2 .pt_content-search-result-static .left-nav-template .content-asset .columns:not(h2), .pt_content-search-result-static .left-nav-template .register-step2 .content-asset .columns:not(h2) { font-size: 16px; margin-bottom: 53px; } } @media screen and (max-width: 39.9375em) { .register-step2 .row .columns:not(h2).col-left, .register-step2 .pt_content-search-result-static .no-left-nav-template .content-asset .columns:not(h2).col-left, .pt_content-search-result-static .no-left-nav-template .register-step2 .content-asset .columns:not(h2).col-left, .register-step2 .pt_content-search-result-static .left-nav-template .content-asset .columns:not(h2).col-left, .pt_content-search-result-static .left-nav-template .register-step2 .content-asset .columns:not(h2).col-left { margin-bottom: 20px; } } .register-step2 .row h2.columns, .register-step2 .pt_content-search-result-static .no-left-nav-template .content-asset h2.columns, .pt_content-search-result-static .no-left-nav-template .register-step2 .content-asset h2.columns, .register-step2 .pt_content-search-result-static .left-nav-template .content-asset h2.columns, .pt_content-search-result-static .left-nav-template .register-step2 .content-asset h2.columns { margin-top: 33px; margin-bottom: 50px; } @media print, screen and (min-width: 40em) { .register-step2 .row h2.columns, .register-step2 .pt_content-search-result-static .no-left-nav-template .content-asset h2.columns, .pt_content-search-result-static .no-left-nav-template .register-step2 .content-asset h2.columns, .register-step2 .pt_content-search-result-static .left-nav-template .content-asset h2.columns, .pt_content-search-result-static .left-nav-template .register-step2 .content-asset h2.columns { margin-bottom: 74px; margin-top: 40px; } } .register-step2 .form-row-button { margin-top: 8px; } @media print, screen and (min-width: 40em) { .register-step2 .form-row-button { margin-top: 17px; } } @media print, screen and (min-width: 40em) { .register-step3 .text-description { font-size: 16px; margin-top: -40px; line-height: 2.13; } } @media screen and (max-width: 39.9375em) { .register-step3 .form-row-button { margin-top: 75px; } } @media print, screen and (min-width: 40em) { .register-step3 .form-row-button { padding-bottom: 118px; } } .account-edit .title-2 { padding-bottom: 40px; } @media screen and (max-width: 39.9375em) { .account-edit .title-2 { padding-bottom: 29px; } } .account-edit .accordion-title::before { top: 45px; } @media screen and (max-width: 39.9375em) { .account-edit .accordion-title::before { top: 36px; } } .account-edit .accordion { margin: 51px 0 0; } .account-edit .form-row-button { margin: 59px 0; } @media screen and (max-width: 39.9375em) { .account-edit .form-row-button { margin: 30px 0; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .account-edit .b-birthdate .c-birthday, .account-edit .b-birthdate .c-month, .account-edit .b-birthdate .c-birthyear { margin: 0 10px 0 0; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .account-edit .b-birthdate .label { margin-right: 10px; } } .account-edit .b-birthdate .c-birthyear { width: 70px; } .account-edit .b-birthdate .c-month, .account-edit .b-birthdate .c-birthday { width: 56px; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .register-step2 .form-row-button button, .register-step2 .form-row-button button, .register-step2 .form-row-button .button, .register-step2 .form-row-button input[type="button"], .qrcode-button.form-row-button button, .qrcode-button.form-row-button button, .qrcode-button.form-row-button .button, .qrcode-button.form-row-button input[type="button"] { max-width: 250px; } } @media print, screen and (min-width: 40em) { .register-step2 .form-row-button button, .register-step2 .form-row-button button, .register-step2 .form-row-button .button, .register-step2 .form-row-button input[type="button"], .qrcode-button.form-row-button button, .qrcode-button.form-row-button button, .qrcode-button.form-row-button .button, .qrcode-button.form-row-button input[type="button"] { margin: 0 20px; } } @media print, screen and (min-width: 40em) { .b-registration-emailverify, .b-registration-qrcode { margin-bottom: 20px; } } .b-registration-emailverify .text-description, .b-registration-qrcode .text-description { margin-top: -10px; margin-bottom: 0; } @media print, screen and (min-width: 40em) { .b-registration-emailverify .text-description, .b-registration-qrcode .text-description { margin-top: -16px; font-size: 18px; } } .b-registration-emailverify .text-note, .b-registration-qrcode .text-note { font-size: 12px; line-height: 1.71; } @media screen and (max-width: 39.9375em) { .b-registration-emailverify .text-note, .b-registration-qrcode .text-note { padding-left: 10px; text-indent: -10px; } } @media print, screen and (min-width: 40em) { .b-registration-emailverify .text-note, .b-registration-qrcode .text-note { text-align: center; margin: 22px 0 0; } } @media print, screen and (min-width: 40em) { .b-registration-emailverify .error-form, .b-registration-qrcode .error-form { padding-left: 10%; padding-right: 10%; } } .b-registration-emailverify .form-row, .b-registration-qrcode .form-row { margin-bottom: 35px; } @media print, screen and (min-width: 40em) { .b-registration-emailverify .form-row, .b-registration-qrcode .form-row { margin-bottom: 38px; padding-left: 10%; padding-right: 10%; } } .b-registration-emailverify .form-row .required-indicator, .b-registration-qrcode .form-row .required-indicator { display: none; } .b-registration-emailverify .form-row > label, .b-registration-qrcode .form-row > label { width: 100%; margin-right: 0; } @media print, screen and (min-width: 40em) { .b-registration-emailverify .form-row > label, .b-registration-qrcode .form-row > label { margin-bottom: 21px; } } .b-registration-emailverify .form-row .field-wrapper, .b-registration-qrcode .form-row .field-wrapper { width: 100%; margin: 0; } @media print, screen and (min-width: 40em) { .b-registration-emailverify h2, .b-registration-qrcode h2 { margin-top: 100px; } } .b-registration-emailverify .memberclub-description, .b-registration-qrcode .memberclub-description { margin: 19px 0; } @media print, screen and (min-width: 40em) { .b-registration-emailverify .memberclub-description, .b-registration-qrcode .memberclub-description { margin: 34px 0; } } .b-registration-emailverify .b-memberagreement, .b-registration-qrcode .b-memberagreement { border: 1px solid #d6d9d9; padding: 34px 11px 10px 20px; } @media print, screen and (min-width: 40em) { .b-registration-emailverify .b-memberagreement, .b-registration-qrcode .b-memberagreement { padding: 42px 11px 10px 21px; } } .b-registration-emailverify .b-memberagreement .content-asset, .b-registration-qrcode .b-memberagreement .content-asset { padding-right: 20px; overflow-y: scroll; max-height: 384px; } .b-registration-emailverify .b-memberagreement .content-asset::-webkit-scrollbar, .b-registration-qrcode .b-memberagreement .content-asset::-webkit-scrollbar { width: 4px; } .b-registration-emailverify .b-memberagreement .content-asset::-webkit-scrollbar-thumb, .b-registration-qrcode .b-memberagreement .content-asset::-webkit-scrollbar-thumb { background: #8c9292; } @media print, screen and (min-width: 40em) { .b-registration-emailverify .b-memberagreement .content-asset, .b-registration-qrcode .b-memberagreement .content-asset { padding-right: 30px; max-height: 400px; } } @media screen and (max-width: 39.9375em) { .b-registration-emailverify .b-memberagreement h4, .b-registration-qrcode .b-memberagreement h4 { color: #8c9292; } } @media screen and (max-width: 39.9375em) { .b-registration-emailverify .b-memberagreement p, .b-registration-qrcode .b-memberagreement p { font-size: 13px; } } @media print, screen and (min-width: 40em) { .b-registration-emailverify .form-row-button, .b-registration-qrcode .form-row-button { margin-top: 78px; } } @media screen and (max-width: 39.9375em) { .b-registration-emailverify { margin-bottom: 10px; } } .b-registration-emailverify .text-description { text-align: center; line-height: normal; } .b-registration-emailverify form { margin-top: 42px; } @media print, screen and (min-width: 40em) { .b-registration-emailverify form { margin-top: 94px; } } @media screen and (max-width: 39.9375em) { .b-registration-emailverify h2 { border: none; margin-top: 50px; } } @media print, screen and (min-width: 40em) { .b-registration-empty.account-registration { margin: 40px auto; } } @media print, screen and (min-width: 40em) { .b-registration-empty.account-registration h1 { color: #353737; } } .b-registration-empty .text-subtitle { font-size: 13px; margin: -9px 0 44px; line-height: 1.62; } @media print, screen and (min-width: 40em) { .b-registration-empty .text-subtitle { font-size: 18px; margin: -37px 0 51px; line-height: 1.75; } } .b-registration-empty .text-description { margin: 0; line-height: 1.71; } @media print, screen and (min-width: 40em) { .b-registration-empty .text-description { text-align: center; } } @media screen and (max-width: 39.9375em) { .b-registration-empty .text-description { font-size: 12px; } } .b-registration-empty .form-row-button { margin-top: 45px; } @media print, screen and (min-width: 40em) { .b-registration-empty .form-row-button { margin-top: 78px; } } .b-registration-qrcode { margin-top: 48px; } @media print, screen and (min-width: 40em) { .b-registration-qrcode { margin-top: 57px; } } .b-registration-qrcode h1 { margin-bottom: 52px; } @media print, screen and (min-width: 40em) { .b-registration-qrcode h1 { margin-bottom: 69px; } } @media print, screen and (min-width: 40em) { .b-registration-qrcode .text-description { text-align: center; } } @media print, screen and (min-width: 40em) { .b-registration-qrcode .text-note { font-size: 14px; } } .b-registration-qrcode form { margin-top: 38px; } @media print, screen and (min-width: 40em) { .b-registration-qrcode form { margin-top: 50px; } } @media screen and (max-width: 39.9375em) { .b-registration-qrcode h2 { margin-top: 81px; } } .b-qrcode-membersclub { padding-bottom: 44px; border-bottom: 1px solid #d6d9d9; } @media print, screen and (min-width: 40em) { .b-qrcode-membersclub { margin-top: 30px; padding-bottom: 69px; } } .b-qrcode-membersclub .title { font-size: 16px; line-height: 1.67; } @media print, screen and (min-width: 40em) { .b-qrcode-membersclub .title { font-size: 24px; } } .b-qrcode-membersclub .hero-image { width: 100%; height: 151px; background-position: center; background-repeat: no-repeat; margin-top: 44px; } @media print, screen and (min-width: 40em) { .b-qrcode-membersclub .hero-image { margin-top: 50px; height: 290px; } } .b-qrcode-membersclub .subtitle { margin-top: 27px; margin-bottom: 0; } @media print, screen and (min-width: 40em) { .b-qrcode-membersclub .subtitle { margin-top: 52px; font-size: 16px; line-height: 2.13; } } @media screen and (max-width: 39.9375em) { .b-qrcode-membersclub .subtitle span { display: block; } } .hanatsubaki-conttainer { margin-bottom: 59px; } .hanatsubaki-conttainer .text-description, .hanatsubaki-conttainer .link-underline { margin-bottom: 30px; } .hanatsubaki-conttainer .link-underline { display: inline-block; } .hanatsubaki-conttainer .text-description { margin-top: 0; padding-top: 30px; border-top: 1px solid #d6d9d9; } @media print, screen and (min-width: 40em) { .hanatsubaki-conttainer .form-row { -ms-flex-align: center; align-items: center; } } .hanatsubaki-conttainer .form-row-button { margin-top: 59px; } @media print, screen and (min-width: 40em) { .hanatsubaki-conttainer .group-btn-inline .button--black-300 { margin-left: 10px; } } @media print, screen and (min-width: 40em) { .hanatsubaki-conttainer .group-btn-inline .button--white-300 { margin-right: 10px; } } .hanatsubaki-error { margin-bottom: 50px; } @media print, screen and (min-width: 40em) { .hanatsubaki-error { margin-top: 40px; margin-bottom: 130px; } } .hanatsubaki-error h1 { margin-bottom: 39px; } @media print, screen and (min-width: 40em) { .hanatsubaki-error h1 { margin-bottom: 83px; } } .hanatsubaki-error p { margin: 0; word-break: break-all; } .hanatsubaki-error h2, .hanatsubaki-error h3 { padding-top: 0; border: none; } .hanatsubaki-error h2 { margin-bottom: 39px; } @media print, screen and (min-width: 40em) { .hanatsubaki-error h2 { margin-bottom: 60px; } } .hanatsubaki-error h3 { margin-bottom: 50px; } @media print, screen and (min-width: 40em) { .hanatsubaki-error h3 { margin-bottom: 80px; } } .hanatsubaki-error .form-row-button { margin-top: 50px; } @media print, screen and (min-width: 40em) { .hanatsubaki-error .form-row-button { margin-top: 80px; } } /*** Edit Address Modal ***/ .edit_address_form .form-row-button { margin-top: 30px; } @media print, screen and (min-width: 40em) { .edit_address_form .apply-button, .edit_address_form .close-popup-button { margin: 0 10px; } } @media screen and (max-width: 39.9375em) { .edit_address_form .apply-button { margin-top: 10px; } } /***** Payment methods styles *****/ .paymentslist .creditcard-tile .creditcard-tile-inner.box { border: 1px solid #353737; color: #353737; } .paymentslist .creditcard-tile .creditcard-tile-inner .delete { float: right; } .paymentslist .creditcard-tile .creditcard-tile-inner .cc-number { font-weight: bold; } .paymentslist .creditcard-tile .creditcard-tile-inner .cc-owner { word-break: break-word; text-transform: uppercase; } #b-newpaymentmethod .link-newcard { display: inline-block; cursor: pointer; } #b-newpaymentmethod .link-newcard:before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: 500; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; border: 1px solid #353737; display: inline-block; border-radius: 50%; vertical-align: middle; text-align: center; padding: 5px; line-height: 1; font-size: 12px; margin-right: 10px; } #b-newpaymentmethod.not-active .link-newcard:before { content: ""; } #b-newpaymentmethod.not-active #CreditCardForm { display: none; } #b-newpaymentmethod #CreditCardForm { margin-top: 40px; } .clear { clear: both !important; } .text-cursor { cursor: text !important; } /* hides the caption span in input/select fields */ .no-caption .form-caption { display: none; } #remove-address, .remove-card { height: auto; min-height: 0; } @media print, screen and (min-width: 64em) { #remove-address, .remove-card { width: 60%; } } #remove-address h2, .remove-card h2 { padding-top: 0; border-top: 0; } @media screen and (max-width: 39.9375em) { #remove-address button:not(.close-button), .remove-card button:not(.close-button) { margin-top: 1em; width: 100%; } } @media print, screen and (min-width: 40em) { #remove-address button:not(.close-button), .remove-card button:not(.close-button) { float: right; margin-left: 2em; margin-top: 2em; } } .remove-card { max-width: 335px; padding: 35px 16px 40px; } @media print, screen and (min-width: 40em) { .remove-card { max-width: 400px; padding: 46px 16px 40px; } } .remove-card p { margin-top: 0; margin-bottom: 27px; } @media screen and (max-width: 39.9375em) { .remove-card p span { display: block; } .remove-card p br { display: none; } } .remove-card .error-message { width: 100%; background: transparent; padding: 0; color: #cc0000; } .remove-card table { max-width: 200px; margin: 16px auto 0; text-align: left; } .remove-card table .b-namecard td { padding-bottom: 2px; } .remove-card table .name-card { word-break: break-word; text-transform: uppercase; } .remove-card table td { padding: 0; } .remove-card table td.label { width: 96px; } .remove-card .type-card { font-weight: bold; } .remove-card button.close-button { display: none; } .remove-card button:not(.close-button), .remove-card .button:not(.close-button), .remove-card input:not(.close-button)[type="button"] { width: 115px; margin-top: 31px; float: none; } @media print, screen and (min-width: 40em) { .remove-card button:not(.close-button), .remove-card .button:not(.close-button), .remove-card input:not(.close-button)[type="button"] { width: 130px; margin-top: 32px; } } .remove-card #close-cancel-confirm { margin-left: 12.5px; margin-right: 5.5px; } @media print, screen and (min-width: 40em) { .remove-card #close-cancel-confirm { margin-left: 11.5px; margin-right: 15.5px; } } .remove-card #submit-delete-card { margin-right: 11.5px; margin-left: auto; } .notice { margin-top: 40px; margin-bottom: 40px; } @media screen and (max-width: 39.9375em) { .notice { margin-bottom: 20px; margin-top: 20px; } } .notice p { margin: 0; } .notice p.text-default { font-size: 12px; } .notice.break-line-two p { margin: 0; } .notice.break-line-two p:nth-child(2) { margin-bottom: 30px; } @media screen and (max-width: 39.9375em) { .notice.break-line-two p { text-align: center; } } .form-style input.input-text { border-bottom: 1px solid #353737; color: #353737; font-weight: normal; padding-left: 0; padding-right: 0; } .form-style input.input-text:-moz-placeholder { font-size: 12px; color: #8c9292; } .form-style input.input-text:-ms-input-placeholder { font-size: 12px; color: #8c9292; } .form-style input.input-text::placeholder { font-size: 12px; color: #8c9292; } .form-style .button--black-140 { margin: 20px auto; } .form-style#PasswordResetForm button { float: none; } .form-style .field-wrapper { width: 100%; } .form-style.half-field .field-wrapper { width: 72%; margin-left: 0; margin-right: 0; max-width: 72%; } @media screen and (max-width: 991px) { .form-style.half-field .field-wrapper { width: 65%; max-width: 65%; } } @media screen and (max-width: 39.9375em) { .form-style.half-field .field-wrapper { width: 100%; max-width: 100%; } } .setnewpassword { width: 100%; } .setnewpassword .form-caption { display: none; } .setnewpassword .form-row { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: end; align-items: flex-end; margin-bottom: 20px; } .setnewpassword .form-row label { display: block; width: 28%; } @media screen and (max-width: 39.9375em) { .setnewpassword .form-row label { width: 100%; } } .setnewpassword .form-row-button button { margin: 20px auto 40px; } #NewPasswordForm .setnewpassword .primary-content { padding-top: 80px; border-top: none; } form#NewPasswordForm .form-caption { display: none; } #NewPasswordForm .form-row { -ms-flex-align: end; align-items: flex-end; } #NewPasswordForm .form-row label { width: 28%; margin-bottom: 8px; margin-right: 0; } @media screen and (max-width: 991px) { #NewPasswordForm .form-row label { width: 35%; } } @media screen and (max-width: 39.9375em) { #NewPasswordForm .form-row label { width: 100%; } } #NewPasswordForm .form-row-button { margin: 40px auto; } h1.has-border { border-bottom: 1px solid #d6d9d9; padding-bottom: 40px; } @media screen and (max-width: 39.9375em) { h1.has-border { padding-bottom: 30px; } } @media screen and (max-width: 39.9375em) { .content-show #primary { padding: 0 20px; } } .none-label .form-row { -ms-flex-pack: end; justify-content: flex-end; } .none-label .form-row label { display: none; } .go-to-homepage button, .go-to-homepage .button, .go-to-homepage input[type="button"] { margin: 0 auto; } .go-to-homepage.not-content button, .go-to-homepage.not-content .button, .go-to-homepage.not-content input[type="button"] { margin: 80px auto; } #main.has-min-height-50 { min-height: 50vh; margin-top: 100px; } @media print, screen and (min-width: 40em) { #main.has-min-height-50 { margin-top: 0px; } } .b-exchangegift > .error { margin-top: -36px; margin-bottom: 67px; } @media screen and (max-width: 39.9375em) { .b-exchangegift > .error { margin-bottom: 28px; } } .b-exchangegift .description { margin: -8px 0 0; } @media print, screen and (min-width: 40em) { .b-exchangegift .description { margin: -38px 0 0; } } .b-exchangegift .title { margin: 95px 0 37px; } @media screen and (max-width: 39.9375em) { .b-exchangegift .title { margin: 0 -20px 55px; padding-right: 20px; padding-left: 20px; } } .account-nav-asset .pointexchange-confirm { padding: 28px 0 58px; } .account-nav-asset .pointexchange-confirm .mini-cart-product { background: #ffffff; padding: 1em .5em; border-top: none; margin-bottom: 10px; } @media print, screen and (min-width: 64em) { .account-nav-asset .pointexchange-confirm .mini-cart-product { margin-bottom: 20px; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .account-nav-asset .pointexchange-confirm .mini-cart-image { width: 52%; padding: 0; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .account-nav-asset .pointexchange-confirm .mini-cart-details { width: 48%; } } .account-nav-asset p span { float: right; } @media print, screen and (min-width: 40em) { .account-nav-asset h2 { text-align: center; } } .account-nav-asset.on-mobile { margin: 43px -20px 0; } .giftproductdetail-modal { padding: 40px 20px; } @media print, screen and (min-width: 40em) { .giftproductdetail-modal { height: 541px; padding: 80px 20px 61px; } } @media print, screen and (min-width: 40em) { .giftproductdetail-modal .modal-body { padding: 0 20px; } } @media screen and (max-width: 39.9375em) { .giftproductdetail-modal .show-for-small-only { margin: 0 34px 34px; } } @media screen and (max-width: 39.9375em) { .giftproductdetail-modal h2 { margin-top: 23px; text-align: center; } } .giftproductdetail-modal img { width: 100%; max-width: 200px; } @media print, screen and (min-width: 40em) { .giftproductdetail-modal img { max-width: 400px; } } .giftproductdetail-modal p { margin: 36px 0 0; color: #353939; } @media screen and (max-width: 39.9375em) { .giftproductdetail-modal p { font-size: 13px; margin: 17px 0 0; } } .giftproductdetail-modal .e-link-detail { color: #353939; } @media screen and (max-width: 39.9375em) { .giftproductdetail-modal span, .giftproductdetail-modal a { font-size: 13px; } } @media print, screen and (min-width: 40em) { .giftproductdetail-modal .productdetail-wrapper { padding-left: 18px; } } .giftproductdetail-modal .productdetail-wrapper a { text-decoration: underline; color: #353939; } .clear-container { position: relative; } .clear-container .form-row .field-wrapper { width: calc(100% - 120px); -ms-flex-positive: initial; flex-grow: initial; } @media print, screen and (min-width: 40em) { .clear-container .form-row .field-wrapper { width: calc(67.4% - 110px); } } .clear-container button { position: absolute; right: 0; bottom: 39px; background: rgba(0, 0, 0, 0); color: #353737; border: 1px solid #353737; padding: 7px; } @media print, screen and (min-width: 40em) { .clear-container button { bottom: 36px; } } @media screen and (max-width: 370px) { .clear-container .form-caption { font-size: 10px; } } .create-new-account a { font-size: 12px; } .globalprice_unadjusted { display: block; } .register-step3 .button--black-300 { margin: 10px auto 0; } .sns-linkage-row { display: -ms-flexbox; display: flex; border-top: 1px solid #d6d9d9; } .sns-linkage-title { margin-left: 20px; } .sns-linkage-colmun { padding-top: 12px; } .sns-linkage-state-colmun { padding-top: 12px; margin-left: auto; } .sns-linkage-state { padding: 2px; margin-right: 20px; } .sns-linkage-button { background-color: #353737; color: #fff; padding: 7px; width: 80px; text-transform: none; } .sns-linkage-button a { color: #fff; } .sns-linkage-button_en { font-size: 12px; } @media print, screen and (min-width: 40em) { .sns-linkage-title { margin-left: 80px; } .sns-linkage-state { padding: 2px; margin-right: 80px; } .sns-linkage-button { background-color: #353737; color: #fff; padding: 7px; width: 140px; } .sns-linkage-button_en { font-size: 14px; } } .login-open { font-size: 13px; text-align: center; margin-bottom: 20px; line-height: 1.75; } @media print, screen and (min-width: 40em) { .login-open { margin-bottom: 45px; } .login-open div { max-width: 455px; margin: 0 auto; font-size: 16px; } } .login-open a { text-decoration: underline; } .login-open a:hover { opacity: .6; } .account-registration-title { margin-bottom: 20px !important; } @media print, screen and (min-width: 40em) { .account-registration-title { margin-bottom: 45px !important; } } .pt_wish-list .list-table-header { background: url("../images/interface/icon-double-line-header.png") repeat-x scroll left top #ffffff; overflow: hidden; padding: 2em; } .pt_wish-list .list-table-header p { color: #999; float: right; margin: 0; overflow: hidden; width: 40%; } .pt_wish-list .primary-content .list-table-header h2 { float: left; } .pt_wish-list #secondary { border-right: none; } .pt_wish-list .add-all-form { text-align: right; padding-bottom: 2em; display: block; border-bottom: 1px solid #000; } @media screen and (max-width: 63.9375em) { .pt_wish-list .add-all-form { margin: 0; } } @media screen and (max-width: 39.9375em) { .pt_wish-list .add-all-form { text-align: center; border-top: none; } .pt_wish-list .add-all-form .button-fancy-small { width: 100%; } } .pt_wish-list .wishlist-item { position: relative; padding-bottom: 2em; border-bottom: 1px solid #000; margin-top: 2em; margin-left: 0; margin-right: 0; } .pt_wish-list .wishlist-item .item-image { margin-top: 40px; margin-bottom: 40px; width: 100%; } @media screen and (max-width: 39.9375em) { .pt_wish-list .wishlist-item .item-image { margin-top: 0; margin-bottom: 30px; } } .pt_wish-list .wishlist-item .item-details { position: relative; padding-right: 2em; } .pt_wish-list .wishlist-item:first-child { padding-top: 2em; margin-top: 0; border-top: 1px solid #000; } .pt_wish-list .wishlist-item .product-list-item .name { font-weight: bold; font-style: normal; } .pt_wish-list .wishlist-item .option-update { padding-top: 2em; } @media screen and (max-width: 39.9375em) { .pt_wish-list .wishlist-item .option-update { padding-top: 0em; } } .pt_wish-list .wishlist-item .option-update .delete-item { font-weight: normal; font-size: 80%; text-decoration: underline; } .pt_wish-list .wishlist-item .option-update .delete-item:hover { text-decoration: none; } .pt_wish-list .wishlist-item .option-update .icon-close { position: absolute; top: 0; right: 0; font-size: 16px; } .pt_wish-list .wishlist-item .item-dashboard { position: relative; } @media screen and (max-width: 39.9375em) { .pt_wish-list .wishlist-item .item-dashboard { padding-left: 16.7777%; text-align: left; padding-top: 1em; } } .pt_wish-list .wishlist-item .item-dashboard .item-dashboard-inner { margin: 0; } .pt_wish-list .wishlist-item .item-dashboard .add-to-cart { position: absolute; bottom: 0; right: 0; width: 50%; } @media screen and (max-width: 63.9375em) { .pt_wish-list .wishlist-item .item-dashboard .add-to-cart { position: relative; width: 100%; } } @media screen and (max-width: 63.9375em) { .pt_wish-list .wishlist-item .item-dashboard .quantity-column { text-align: right; } .pt_wish-list .wishlist-item .item-dashboard .quantity-column .option-quantity-desired { display: block; } } @media screen and (max-width: 39.9375em) { .pt_wish-list .wishlist-item .item-dashboard .quantity-column { text-align: left; position: relative; } } .pt_wish-list .wishlist-item .item-dashboard .quantity-column .quantity-text { color: #000; font-weight: normal; display: inline; } .pt_wish-list .wishlist-item .item-dashboard .quantity-column .quantity-select { display: inline; width: auto; } .pt_wish-list .wishlist-item .item-dashboard .quantity-column label { display: none; } .pt_wish-list .wishlist-item .item-dashboard .quantity-column .input-text { padding: 0; width: 20%; } .pt_wish-list .wishlist-item .item-dashboard .quantity-column .option-update { padding-top: 1em; padding-bottom: 1em; } .pt_wish-list .wishlist-item .item-dashboard .quantity-column .option-update .delete-item { font-size: 80%; font-weight: normal; text-decoration: underline; } .pt_wish-list .wishlist-item .item-dashboard .quantity-column .option-update .delete-item:hover { text-decoration: none; } .pt_wish-list .wishlist-item .item-dashboard .price-column { text-align: right; font-weight: bold; } @media screen and (max-width: 63.9375em) { .pt_wish-list .wishlist-item .item-dashboard .price-column { padding-top: 1em; } } @media screen and (max-width: 39.9375em) { .pt_wish-list .wishlist-item .item-dashboard .price-column { text-align: left; } } .pt_wish-list .wishlist-item .item-dashboard .price-column .price .value { color: #000; } .list-share { border-top: 1px solid #e6e6e6; padding: 2em; } .list-share .share-option { box-sizing: border-box; display: block; margin-bottom: .5rem; float: left; } .list-share .share-options { text-align: center; margin-bottom: .5rem; font-size: 1.7em; float: left; margin-left: 1rem; margin-top: 0.3rem; } .list-share .share-options .share-title { display: inline; } .list-share .list-title { float: left; } .list-share .share-link { cursor: pointer; } .list-share .share-link-content { display: none; } .list-share .share-link-content.active { display: block; float: left; } .event-info { margin: 1em; } .wishlist-search .form-row, .registry-search .form-row { clear: none; margin: .5rem 0 .5rem 1%; float: left; width: 32.666666667%; } .wishlist-search .form-row:nth-of-type(3n + 1), .registry-search .form-row:nth-of-type(3n + 1) { margin-left: 0; } .wishlist-search .form-row-button, .registry-search .form-row-button { margin-left: 0; } .wishlist-error-message { height: 120px; } .page-header h1 { color: #8c9292; font-weight: 500; font-size: 24px; letter-spacing: 1.2px; } @media screen and (max-width: 39.9375em) { .page-header h1 { font-size: 20px; margin-bottom: 45px; } } .page-header .has-border { border-bottom: 1px solid #d6d9d9; } @media screen and (max-width: 39.9375em) { .page-header .has-border h1 { text-align: center; } } .pt_account .no-border-black { margin-top: 0; } .pt_account .no-border-black .primary-content { border-top: none; } .pt_wish-list .wishlist-item-bounder { padding: 0 20px; } .pt_wish-list .wishlist-item { border-bottom: none; padding-bottom: 25px; } @media screen and (max-width: 39.9375em) { .pt_wish-list .wishlist-item { padding-bottom: 35px; } } .pt_wish-list .wishlist-item:first-child { padding-top: 0; border-top: none; } .pt_wish-list .wishlist-item .barge-pdp { width: auto; padding: 0; right: auto; padding-left: 35px; padding-right: 0; top: 0; } @media screen and (max-width: 39.9375em) { .pt_wish-list .wishlist-item .barge-pdp { display: none; } } .pt_wish-list .wishlist-item .item-dashboard { width: 100%; } @media screen and (max-width: 39.9375em) { .pt_wish-list .wishlist-item .item-dashboard { padding-left: 0; padding-top: 0; } } .pt_wish-list .wishlist-item .item-dashboard .price-column { text-align: center; font-weight: normal; width: 100%; color: #353939; } @media screen and (max-width: 39.9375em) { .pt_wish-list .wishlist-item .item-dashboard .price-column { padding-top: 0; } } .pt_wish-list .wishlist-item .item-details { padding-right: 0; width: 100%; } .pt_wish-list .wishlist-item .item-details .product-list-item .name, .pt_wish-list .wishlist-item .item-details .product-list-item .brand { font-weight: normal; text-align: center; font-size: 14px; color: #353939; min-height: 24px; } .pt_wish-list .wishlist-item .item-details .product-list-item .name { margin-bottom: 10px; } .pt_wish-list .wishlist-item .item-details .product-list-item .attribute { text-align: center; display: none; } .pt_wish-list .add-all-form { border-bottom: none; } .wishlist-to-product-list button, .wishlist-to-product-list .button, .wishlist-to-product-list input[type="button"] { margin: 18px auto 80px; max-width: 300px; } .wishlist-icon-position { position: absolute; top: 30px; right: 0; z-index: 1; } @media screen and (max-width: 39.9375em) { .wishlist-icon-position { top: 0; right: 7px; } } .pt_wish-list .wishlist-item .option-update { padding-top: 0; } .pt_wish-list .wishlist-item .option-update .delete-item { text-decoration: none; } .wishlist-icon button, button.wishlist-icon, .wishlist-icon.button, input.wishlist-icon[type="button"] { color: #abc6c6 !important; } .wishlist-icon button i, button.wishlist-icon i, .wishlist-icon.button i, input.wishlist-icon[type="button"] i { font-size: 18px; } @media screen and (max-width: 39.9375em) { .wishlist-icon button i, button.wishlist-icon i, .wishlist-icon.button i, input.wishlist-icon[type="button"] i { font-size: 15px; } } .wishlist-icon button i.iconfont-heart, button.wishlist-icon i.iconfont-heart, .wishlist-icon.button i.iconfont-heart, input.wishlist-icon[type="button"] i.iconfont-heart { color: #353939 !important; } .wishlist-icon button:hover, button.wishlist-icon:hover, .wishlist-icon.button:hover, input.wishlist-icon:hover[type="button"] { color: #bdc5c5; } @media screen and (max-width: 39.9375em) { .wishlist-icon.wishlist-icon-position button i { font-size: 12px; } } .wishlist-error-message { height: 80px; } @media screen and (max-width: 39.9375em) { .wishlist-error-message { height: auto; } } .wishlist-item-bounder .short-desc { color: #8c9292; text-align: center; } .wishlist-item-bounder .short-desc.limited { min-height: 24px; overflow: hidden; margin-bottom: 10px; } .checkoutlogin .login-box h3, .pt_customer-service .primary-content .contact-form-wrapper .login-box h3, .pt_customer-service .primary-content .contact-form-wrapper .registration-box h3 { margin: 0 auto 1.75rem; text-align: center; font-size: 22px; } @media print, screen and (min-width: 40em) { .checkoutlogin .login-box h3, .pt_customer-service .primary-content .contact-form-wrapper .login-box h3, .pt_customer-service .primary-content .contact-form-wrapper .registration-box h3 { font-size: 36px; } } .checkoutlogin .login-box .user-consent-container, .pt_customer-service .primary-content .contact-form-wrapper .login-box .user-consent-container, .pt_customer-service .primary-content .contact-form-wrapper .registration-box .user-consent-container { position: relative; padding-bottom: 25px; } .checkoutlogin .login-box .user-consent-container .user-consent-label > label, .pt_customer-service .primary-content .contact-form-wrapper .login-box .user-consent-container .user-consent-label > label, .pt_customer-service .primary-content .contact-form-wrapper .registration-box .user-consent-container .user-consent-label > label { position: relative; top: 21px; } .checkoutlogin .login-box .user-consent-container .user-consent-label > label a, .pt_customer-service .primary-content .contact-form-wrapper .login-box .user-consent-container .user-consent-label > label a, .pt_customer-service .primary-content .contact-form-wrapper .registration-box .user-consent-container .user-consent-label > label a { color: #00F; } .checkoutlogin .login-box .user-consent-container .user-consent-input .form-row, .pt_customer-service .primary-content .contact-form-wrapper .login-box .user-consent-container .user-consent-input .form-row, .pt_customer-service .primary-content .contact-form-wrapper .registration-box .user-consent-container .user-consent-input .form-row { float: left; height: 15px; } .checkoutlogin .login-box .user-consent-container .user-consent-input .form-row .field-wrapper > span, .pt_customer-service .primary-content .contact-form-wrapper .login-box .user-consent-container .user-consent-input .form-row .field-wrapper > span, .pt_customer-service .primary-content .contact-form-wrapper .registration-box .user-consent-container .user-consent-input .form-row .field-wrapper > span { position: absolute; width: 500px; } .checkoutlogin .login-box .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox, .pt_customer-service .primary-content .contact-form-wrapper .login-box .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox, .pt_customer-service .primary-content .contact-form-wrapper .registration-box .user-consent-container .user-consent-input .form-row .field-wrapper .input-checkbox { position: relative; top: 25px; z-index: 10; } .checkoutlogin .login-box p, .pt_customer-service .primary-content .contact-form-wrapper .login-box p, .pt_customer-service .primary-content .contact-form-wrapper .registration-box p { margin: 1em 0; font-size: 14px; } .checkoutlogin .login-box .user-recognized, .pt_customer-service .primary-content .contact-form-wrapper .login-box .user-recognized, .pt_customer-service .primary-content .contact-form-wrapper .registration-box .user-recognized { margin: 0 -20px; padding: 36px 20px; border-top: 1px #000 solid; } @media print, screen and (min-width: 40em) { .checkoutlogin .login-box .user-recognized, .pt_customer-service .primary-content .contact-form-wrapper .login-box .user-recognized, .pt_customer-service .primary-content .contact-form-wrapper .registration-box .user-recognized { margin: 54px -20px 0; } } .checkoutlogin .login-box #emailcheck, .pt_customer-service .primary-content .contact-form-wrapper .login-box #emailcheck, .pt_customer-service .primary-content .contact-form-wrapper .registration-box #emailcheck { margin: 10px auto; width: 100%; min-height: 40px; } .checkoutlogin .login-box #password-reset, .pt_customer-service .primary-content .contact-form-wrapper .login-box #password-reset, .pt_customer-service .primary-content .contact-form-wrapper .registration-box #password-reset { font-size: 14px; color: #676d6d; text-align: right; } .checkoutlogin .login-box #login, .pt_customer-service .primary-content .contact-form-wrapper .login-box #login, .pt_customer-service .primary-content .contact-form-wrapper .registration-box #login { width: 100%; } .checkoutlogin .login-box #guestcheckout, .pt_customer-service .primary-content .contact-form-wrapper .login-box #guestcheckout, .pt_customer-service .primary-content .contact-form-wrapper .registration-box #guestcheckout { margin: 20px auto 10px; width: 100%; } .checkoutlogin .login-box .user-recognized, .pt_customer-service .primary-content .contact-form-wrapper .login-box .user-recognized, .pt_customer-service .primary-content .contact-form-wrapper .registration-box .user-recognized { margin-top: 40px; padding-top: 40px; } @media print, screen and (min-width: 40em) { .checkoutlogin .login-box .user-recognized h3, .pt_customer-service .primary-content .contact-form-wrapper .login-box .user-recognized h3, .pt_customer-service .primary-content .contact-form-wrapper .registration-box .user-recognized h3 { font-size: 24px; } } .checkoutlogin .login-box .user-recognized .reset-password-link, .pt_customer-service .primary-content .contact-form-wrapper .login-box .user-recognized .reset-password-link, .pt_customer-service .primary-content .contact-form-wrapper .registration-box .user-recognized .reset-password-link { text-align: center; } .checkoutlogin .login-box .form-row-button.align-center .column, .pt_customer-service .primary-content .contact-form-wrapper .login-box .form-row-button.align-center .column, .pt_customer-service .primary-content .contact-form-wrapper .registration-box .form-row-button.align-center .column, .checkoutlogin .login-box .form-row-button.align-center .columns, .pt_customer-service .primary-content .contact-form-wrapper .login-box .form-row-button.align-center .columns, .pt_customer-service .primary-content .contact-form-wrapper .registration-box .form-row-button.align-center .columns { margin: 0 auto; } .login-rememberme { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; } .login-rememberme label { font-size: 14px; } .login-oauth p:first-child { font-size: 2em; text-align: center; margin: 0; text-transform: uppercase; } #OAuthProvider { display: block; margin-bottom: 1em; width: 80%; } @media print, screen and (min-width: 40em) { .login-wrapper { padding: 80px 80px 40px; } } @media screen and (max-width: 63.9375em) { .login-wrapper { padding: 20px; } } .login-wrapper .reset-password-link { text-align: center; text-decoration: underline !important; width: 100%; } .login-wrapper .create-new-account { text-align: center; } .login-wrapper .create-new-account p { line-height: normal; margin: 0; font-size: 24px; } .login-wrapper .form-row-button { max-width: 360px; margin: 0 auto; border: none; } .create-new-account { text-align: center; } .create-new-account p { display: none; } .login-wrapper { border: none; padding: 0; margin: 0; } .login-wrapper h4 { display: none; } .login-wrapper h1, .login-wrapper p.login-title { display: block; margin-bottom: 30px; } .login-wrapper form { margin-bottom: 10px; } .login-wrapper p.login-title { color: #8c9292; font-weight: 500; font-size: 24px; letter-spacing: 1.2px; margin-top: 0; } @media screen and (max-width: 39.9375em) { .login-wrapper p.login-title { font-size: 20px; } } .login-box h2, .pt_customer-service .primary-content .contact-form-wrapper .registration-box h2 { border-bottom: 1px solid #d6d9d9; padding-bottom: 10px; margin-top: 30px; } .login-box ul.accordion, .pt_customer-service .primary-content .contact-form-wrapper .registration-box ul.accordion { margin: 0; } .login-box ul.accordion li .accordion-title, .pt_customer-service .primary-content .contact-form-wrapper .registration-box ul.accordion li .accordion-title { padding: 0; } .login-box ul.accordion li .accordion-title::before, .pt_customer-service .primary-content .contact-form-wrapper .registration-box ul.accordion li .accordion-title::before { display: none; } .login-box ul.accordion li .accordion-content, .pt_customer-service .primary-content .contact-form-wrapper .registration-box ul.accordion li .accordion-content { margin-top: 20px; } .login-box .login-note, .pt_customer-service .primary-content .contact-form-wrapper .registration-box .login-note { line-height: 1.5; } .login-box .login-note.login-note-bottom p, .pt_customer-service .primary-content .contact-form-wrapper .registration-box .login-note.login-note-bottom p { border-bottom: 1px solid #d6d9d9; padding-bottom: 15px; } .login-page-box form { padding: 20px 0; } @media screen and (max-width: 39.9375em) { .login-page-box form { padding: 30px 0; } } .login-box-content form .input-text:-moz-placeholder { font-size: 16px; } .login-box-content form .input-text:-ms-input-placeholder { font-size: 16px; } .login-box-content form .input-text::placeholder { font-size: 16px; } .login-box-content form .form-row label { display: block; } .login-box-content form .form-row label span.required-indicator { display: none; } .login-box-content form .form-row span.error { margin-bottom: 10px; } .login-box-content form .form-row .button--black-300 { margin: 0 auto; } .login-box-content form .form-row-button { padding: 0; margin-bottom: 30px; } .login-box-content form .error-form { text-align: center; margin-top: 20px; margin-bottom: 20px; padding-bottom: 0; } .login-box-content form .align-middle { margin: 0; } .sign-in-link-right { padding: 30px 20px 20px; } .sign-in-link-right a { padding: 0; } .checkoutlogin .login-box h3, .pt_customer-service .primary-content .contact-form-wrapper .login-box h3, .pt_customer-service .primary-content .contact-form-wrapper .registration-box h3 { border-top: none; } .checkoutlogin .login-box .user-recognized, .pt_customer-service .primary-content .contact-form-wrapper .login-box .user-recognized, .pt_customer-service .primary-content .contact-form-wrapper .registration-box .user-recognized { border-top: none; margin: 0; padding: 0; } .create-new-account { margin-top: 30px; font-size: 12px; } .create-new-account button, .create-new-account .button, .create-new-account input[type="button"] { margin: 0 auto; } .social-login-row { padding-left: 20px; padding-right: 20px; margin-bottom: 30px; } .social-login-row-button { padding-left: 20px; padding-right: 20px; margin-top: 78px; } .button--linecolor-300 { display: block; margin: 0 auto; padding: 10px; text-align: center; background: url(../images/btn_line_base.png), url(../images/btn_line_border.png), url(../images/btn_line_color.png); background-position: 0 0, 45px 0, 0 0; background-repeat: no-repeat, repeat-y, repeat; background-color: #06c755; color: #fff; font-size: 14px; width: 100%; border-radius: 5px; } @media print, screen and (min-width: 40em) { .button--linecolor-300 { max-width: 300px; border-radius: 5px; } } .button--linecolor-300:hover { margin: 0 auto; background: url(../images/btn_line_hover.png), url(../images/btn_line_hover_border.png), url(../images/btn_line_hover_color.png); background-position: 0 0, 45px 0, 0 0; background-repeat: no-repeat, repeat-y, repeat; border-radius: 5px; opacity: 1 !important; } .account-info .social-login-row { margin-top: 30px; } .account-info .button--linecolor-300 { padding: 15px; } .bottom-banner-container { overflow: hidden; } .bottom-banner-container .bottom-banner-cell { float: left; overflow: hidden; text-align: center; } .bottom-banner-container .banner-cell-1 { width: 33%; } .bottom-banner-container .banner-cell-2 { width: 34%; } .bottom-banner-container .banner-cell-3 { width: 33%; } .js .loader { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; } .js .loader-bg { position: absolute; width: 100%; height: 100%; background-color: #ffffff; opacity: 0.7; } .js .loader-indicator { z-index: 100; position: absolute; left: 50%; top: 50%; width: 64px; height: 64px; background: url("../images/loading-small.gif") no-repeat; } .search-suggestion-wrapper { background-color: #ffffff; border: 0; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25); padding-bottom: 1em; position: absolute; margin-top: 0; width: 100%; z-index: 101; left: 0; right: 0; } @media print, screen and (min-width: 40em) { .search-suggestion-wrapper { width: 100%; margin-top: 6px; } .search-suggestion-wrapper .product-suggestions { margin: 0 2em; } } .search-suggestion-wrapper h4 { margin-top: 2.18rem; color: #353737; text-transform: uppercase; } .search-suggestion-wrapper .hitgroup { color: #666; margin-bottom: 1.8rem; } @media print, screen and (min-width: 40em) { .search-suggestion-wrapper .hitgroup { margin-bottom: 2.18rem; } } .search-suggestion-wrapper .hitgroup .header { margin: 0 0 .5rem 0; } .search-suggestion-wrapper .hitgroup .hit { display: block; margin-bottom: .5rem; font-size: 0.75rem; } .search-suggestion-wrapper .hitgroup .hit:hover { text-decoration: underline; } .search-suggestion-wrapper .hitgroup .parent-category { color: #353737; } .search-suggestion-wrapper .search-suggestion-container { margin: 0 auto; max-width: 78.75rem; width: 100%; padding-right: 0.625rem; padding-left: 0.625rem; } @media print, screen and (min-width: 40em) { .search-suggestion-wrapper .search-suggestion-container { padding-right: 0.9375rem; padding-left: 0.9375rem; } } .phrase-suggestions { margin-top: 1rem; } @media screen and (min-width: 768px) { .phrase-suggestions { border-top: none; margin-top: 2.18rem; } } .product-suggestion { margin-bottom: 1.25rem; } .product-suggestion a.product-link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .product-suggestion a.product-link:hover { text-decoration: underline; } .product-suggestion .product-image img { max-width: 100%; } @media print, screen and (min-width: 40em) { .product-suggestion .product-details { font-size: 0.75rem; } } .product-suggestion .product-details .product-price { color: #000; } .search-phrase { color: #999; } .search-phrase .completed { font-style: italic; } .search-phrase .completed .original { text-decoration: underline; font-weight: bold; } .search-phrase .corrected { font-weight: bold; } .js .ui-dialog-content { overflow: initial; } .js .ui-dialog-content .product-col-1 { padding: 13px 1%; width: 39%; } .js .ui-dialog-content .product-col-1 .product-image { max-width: 100%; } .js .ui-dialog-content .product-col-2 { padding: 20px 0; width: 58%; } .js .ui-dialog-content .pdp-main .product-set-list { height: 500px; } .js .zoomPad { position: relative; float: left; z-index: 99; cursor: crosshair; width: 100%; } .js .zoomPreload { -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); color: #333; font-size: 12px; font-family: "Helvetica Neue", "Noto Sans", sans-serif; text-decoration: none; border: 1px solid #ccc; background-color: #ffffff; padding: 8px; text-align: center; background-image: url(../images/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; z-index: 110; width: 90px; height: 43px; position: absolute; top: 0px; left: 0px; *width: 100px; *height: 49px; } .js .zoomPup { overflow: hidden; background-color: #ffffff; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity=60); z-index: 120; position: absolute; border: 1px solid #ccc; z-index: 101; cursor: crosshair; } .js .zoomOverlay { position: absolute; left: 0px; top: 0px; background: #ffffff; z-index: 5000; width: 100%; height: 100%; display: none; z-index: 101; } .js .zoomWindow { position: absolute; left: 110%; top: 40px; background: #ffffff; z-index: 6000; height: auto; z-index: 10000; z-index: 110; } .js .zoomWrapper { position: relative; border: 1px solid #999; z-index: 110; } .js .zoomWrapperTitle { display: block; background: #999; color: #ffffff; height: 18px; line-height: 18px; width: 100%; overflow: hidden; text-align: center; font-size: 10px; position: absolute; top: 0px; left: 0px; z-index: 120; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity=60); } .js .zoomWrapperImage { display: block; position: relative; overflow: hidden; z-index: 110; } .js .zoomWrapperImage img { border: 0px; display: block; position: absolute; z-index: 101; } .js .zoomIframe { z-index: -1; filter: alpha(opacity=0); -moz-opacity: 0.8; opacity: 0.8; position: absolute; display: block; } .quickview-nav .quickview-next { float: right; } .disable-link { pointer-events: none; cursor: default; } @media screen and (max-width: 39.9375em) { .ui-dialog { width: 100% !important; } } @media screen and (max-width: 39.9375em) { .ui-dialog .ui-dialog-content { padding: 40px 0; } } @media screen and (max-width: 39.9375em) { .ui-dialog .ui-dialog-content.password-reset-step1 { padding: 40px 20px; } } .ui-dialog .ui-dialog-content.password-reset-step1 .popup-bounder { max-height: 400px; overflow-y: scroll; } @media screen and (max-width: 39.9375em) { .ui-dialog .ui-icon-closethick { width: 14px; } } @media screen and (max-width: 39.9375em) { .ui-dialog .ui-dialog-titlebar-close { width: auto; height: auto; right: 35px; } } .password-reset-step1 .field-wrapper { margin: 0; } .storefront .link { font-weight: 700; text-decoration: underline; text-transform: uppercase; font-size: 14px; } .storefront .recommendations { padding: 0; } .storefront .recommendations .carousel-recommendations { border-top-width: 0; } .memberclub { width: 100%; } .memberclub h2.title-homepage { margin-bottom: 43px; } @media screen and (max-width: 39.9375em) { .memberclub .text-16 { letter-spacing: -0.5px; } } .memberclub button, .memberclub .button, .memberclub input[type="button"] { margin: 20px auto 115px; } @media screen and (max-width: 39.9375em) { .memberclub button, .memberclub .button, .memberclub input[type="button"] { margin: 20px auto 80px; } } .list-benefit { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 44px; } @media screen and (max-width: 39.9375em) { .list-benefit { margin-top: 40px; } } .list-benefit .benefit-item { width: 580px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 60px; background: #f4f5f7; } @media screen and (max-width: 1199px) { .list-benefit .benefit-item { width: 482px; margin: 0 auto 20px; } } @media screen and (max-width: 991px) { .list-benefit .benefit-item { width: 354px; } } @media screen and (max-width: 39.9375em) { .list-benefit .benefit-item { width: 335px; } } .list-benefit .benefit-item.blue { background: #dcedf4; } .list-benefit .benefit-item.pink { background: #f6e3e5; } .list-benefit .benefit-item.green { background: #d6ede3; } .list-benefit .benefit-item.grey { background: #f4f5f7; } .list-benefit .benefit-item .benefit-img { width: 290px; height: 290px; text-align: center; } @media screen and (max-width: 1199px) { .list-benefit .benefit-item .benefit-img { width: 241px; height: 241px; } } @media screen and (max-width: 991px) { .list-benefit .benefit-item .benefit-img { width: 177px; height: 177px; } } @media screen and (max-width: 39.9375em) { .list-benefit .benefit-item .benefit-img { width: 167.5px; height: 167.5px; } } @media screen and (max-width: 360px) { .list-benefit .benefit-item .benefit-img { width: 160px; height: 160px; } } @media screen and (max-width: 320px) { .list-benefit .benefit-item .benefit-img { width: 140px; height: 140px; } } .list-benefit .benefit-item .benefit-shortdesc { width: 50%; } .list-benefit .benefit-item .benefit-shortdesc .title { font-weight: bold; } .list-benefit .benefit-item .benefit-shortdesc .content { text-align: center; } @media screen and (max-width: 39.9375em) { .list-benefit .benefit-item .benefit-shortdesc .content { font-size: 12px; } } .list-benefit .benefit-item .benefit-shortdesc .exclude-tax { font-size: 12px; } .see-more { text-align: right; text-transform: uppercase; border-top: 1px solid #d6d9d9; padding-top: 15px; } .see-more .icon { font-size: 10px; position: relative; top: -2px; margin-right: 10px; } .homepage-news ul { margin-bottom: 0; padding: 0; margin-top: 58px; } .shoplist h2.title-homepage { margin-top: 110px; margin-bottom: 50px; } .shoplist .shoplist-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background: #f4f5f7; } @media screen and (max-width: 39.9375em) { .shoplist .shoplist-inner { display: block; } } .shoplist .shoplist-inner .shoplist-img { width: 610px; height: 610px; } @media screen and (max-width: 1199px) { .shoplist .shoplist-inner .shoplist-img { width: 492px; height: 492px; } } @media screen and (max-width: 991px) { .shoplist .shoplist-inner .shoplist-img { width: 364px; height: 364px; } } @media screen and (max-width: 39.9375em) { .shoplist .shoplist-inner .shoplist-img { width: auto; height: auto; } } .shoplist .shoplist-inner .shoplist-right { width: 610px; padding-left: 80px; } @media screen and (max-width: 1199px) { .shoplist .shoplist-inner .shoplist-right { width: 492px; } } @media screen and (max-width: 991px) { .shoplist .shoplist-inner .shoplist-right { width: 364px; padding-left: 30px; } } @media screen and (max-width: 39.9375em) { .shoplist .shoplist-inner .shoplist-right { width: auto; padding: 40px 20px; } } .shoplist .shoplist-inner .shoplist-right .shoplist-title .text-16 { line-height: 1.75; text-align: left; } .shoplist .shoplist-inner .shoplist-right .shoplist-desc { margin-bottom: 32px; margin-top: 23px; padding-bottom: 16px; position: relative; top: 3px; } .shoplist .shoplist-inner .shoplist-right .group-bt { display: -ms-flexbox; display: flex; } .shoplist .shoplist-inner .shoplist-right .group-bt a { margin-right: 10px; background-color: transparent; } .shoplist .button--black-300 { margin: 85px auto 0; } @media screen and (max-width: 39.9375em) { .shoplist .button--black-300 { margin: 40px auto 0; } } .about-item { display: block; text-decoration: none; background-position: center; background-repeat: no-repeat; background-size: cover; } .about-item .max-width-930 { max-width: 930px; margin: 0 auto; } .about-item.desc-right .content-wrap { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; } .about-item.desc-right .content-wrap .content.flex-item { width: 50%; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (max-width: 63.9375em) { .about-item.desc-right .content-wrap .content.flex-item { margin-right: 1.25rem; } } .about-item.desc-left .content-wrap { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; } .about-item.desc-left .content-wrap .content.flex-item { width: 50%; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; } @media screen and (max-width: 63.9375em) { .about-item.desc-left .content-wrap .content.flex-item { margin-left: 1.25rem; } } .about-item .desc-card { width: 290px; height: 290px; margin: 60px 0; box-sizing: border-box; border: solid 1px #353737; background-color: #ffffff; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 39.9375em) { .about-item .desc-card { width: 190px; height: 190px; margin: 40px 0; border: solid 1px #8c9292; } } .about-item .desc-card:hover { opacity: 1; } @media print, screen and (min-width: 40em) { .about-item .desc-card:hover { opacity: 0.6; } } .about-item .desc-card .card-wrap { margin: 0 auto; text-align: center; } @media screen and (max-width: 39.9375em) { .about-item .desc-card .card-wrap { width: 150px; } } .about-item .desc-card .card-wrap .title { margin: 0 0 10px; padding: 0; font-size: 20px; font-weight: 500; line-height: 2.1; color: #8c9292; text-transform: uppercase; border-top: none; } @media screen and (max-width: 39.9375em) { .about-item .desc-card .card-wrap .title { font-size: 16px; line-height: normal; } } .about-item .desc-card .card-wrap .desc { font-size: 14px; font-weight: 500; line-height: 1.79; } @media screen and (max-width: 39.9375em) { .about-item .desc-card .card-wrap .desc { font-size: 12px; line-height: normal; color: #353939; } } .product-slide-homepage .pi h2 { display: none; } .homepage-news.title-left-style h2.title-homepage { text-align: left; margin-bottom: 40px; padding-top: 40px; border-top: 1px solid #d6d9d9; } @media screen and (max-width: 39.9375em) { .homepage-news.title-left-style h2.title-homepage { padding-top: 30px; } } .homepage-news.title-left-style ul { margin-top: 0; } .ui-dialog #listings-nav { float: right; margin-top: 2%; } .ui-dialog #listings-nav a { cursor: pointer; display: inline-block; margin: 0 5px; } .ui-dialog #listings-nav a.active { font-weight: bold; } .pdp-main .product-add-to-cart .online-stock span { float: left; } .pdp-main .product-add-to-cart .store-stock { display: block; clear: left; } .availability-web { padding-bottom: 1rem; } .availability-web label { float: none; } .availability-web p { margin: 0; } .availability-web .availability-novariation { color: #999; font-style: italic; } .availability-storepickup .availability-instore, .availability-storepickup .availability-web { background-color: #e0e0e0; padding: 1rem; } .availability-storepickup .availability-web { float: none; } .availability-storepickup .availability-instore { margin-bottom: 1rem; } .in-stock-msg, .is-in-stock, [data-status="store-in-stock"] { color: #000; font-weight: 700; } .not-available-msg, .in-stock-date-msg, .not-available, .out-of-stock, .store-error { color: #cc0000; } .on-order, .preorder-msg, .backorder-msg { color: #008578; font-weight: 700; } #user-zip { display: block; margin: 1rem auto 0; } .store-list-container { margin: 0 auto; position: relative; overflow: hidden; width: 565px; } .store-list { list-style: none outside none; margin: 0; padding: 0; } .store-tile { border: 1px dashed #ccc; box-sizing: border-box; float: left; list-style: none outside none; margin: 0.3rem 0.4rem; padding: 0.8rem; text-align: center; width: 175px; } .store-tile.selected { background-color: rgba(132, 189, 0, 0.5); } .store-tile .store-status { display: block; font-size: 0.9em; margin: 1rem 0; } .store-list-pdp-container { margin-top: 1em; } .store-list-pdp-container .store-list-pdp { margin-top: 0.5em; } .store-list-pdp-container .store-list-item { display: none; padding: 0.5em 0.8em; } .store-list-pdp-container .store-list-item:last-of-type { border: none; } .store-list-pdp-container .store-list-item.selected { display: block; font-weight: bold; } .store-list-pdp-container .store-list-item.visible { display: block; } .store-list-pdp-container .store-list-item .store-address { float: left; } .store-list-pdp-container .store-list-item .store-status { float: right; } .selected-store-address { margin-top: 0.5em; } .selected-store-availability { margin: 0.3em 0 0.5em; } .multishipprogress div, .multishipprogress .step-3 { display: inline; padding: 1em; } .multishipprogress .step-4 { padding-right: 0; } .multishipaddressestable { margin: 9px 0px 20px 0px; width: 706px; } .multi-ship-shipments-table { margin: 0 0 20px; width: 706px; } .multi-ship-shipments-table .section-header { font-size: 10px; font-weight: bold; padding: 9px 6px 11px; } .multi-ship-shipments-table .shipping-address .details { padding: 0 10px 0 22px; } .multi-ship-shipments-table .gift-options label { float: left; padding: 0; } .multi-ship-shipments-table .gift-options input { margin: 0 10px; } .multi-shipping-addresses { margin-bottom: 20px !important; margin-left: 0; margin-right: 0; margin-top: 0; } .multi-shipping-addresses .shipping-address { text-align: right; } .multi-shipping-addresses .shipping-address select { margin: 4px 0 0; width: 260px; } .header-product-shipping { width: 276px; } .header-qty-shipping { width: 45px; } .header-location-shipping { text-indent: 70px; width: 307px; } .header-shipment-index { width: 409px; } .header-shipment-qty { width: 27px; } .header-shipment-details { text-indent: 22px; } .multi-shipping-methods { position: absolute; top: 30px; } .multi-shipping-methods .form-row { clear: none; float: left; display: none; } .multi-shipping-methods select { width: 250px; margin: -5px 0 0 15px; } .multi-shipping-option { border-bottom: 2px dotted #999; left: 0; padding: 0 0 12px; position: absolute; text-indent: 10px; top: 48px; width: 95%; } .multi-shipping-addresses .shipping-qty, .multi-ship-shipments-table .shipping-qty { background: none repeat scroll 0 0 #ffffff; } .multiship .label { font-weight: bold; } .hide { display: none; } .show { display: block; } .loading { background: url("../images/loading-progress-98x22.gif") no-repeat scroll left center transparent; } .instore-shipping-option { width: 100%; } .pt_checkout .instore-shipment-header { width: 100%; } .pt_checkout .instore-shipment-method { width: 100%; padding: 1em; } .pt_checkout .instore-shipment-method span { font-weight: bold; } .pt_checkout .instore-shipment-address { width: 40%; float: left; padding-left: 1em; } .pt_checkout .instore-shipment-message { clear: both; } .pt_checkout .instore-shipment-messagetxt { width: 50%; float: right; } .checkout-shipping fieldset .instore-continue-button { margin-left: 61.5%; } .no-hits-header { font-size: 18px; color: #707070; line-height: 1.6; padding: 0 !important; margin: 50px 0 !important; text-align: center; } .no-hits-search .search-label, .error-page-search .search-label { display: inline-block; } .no-hits-search .field-button-container, .error-page-search .field-button-container { display: inline-block; } .no-hits-search .field-button-container button, .error-page-search .field-button-container button { width: 13%; } @media screen and (max-width: 39.9375em) { .no-hits-search .field-button-container, .error-page-search .field-button-container { width: 100%; } .no-hits-search .field-button-container input, .error-page-search .field-button-container input { width: 80%; } } @media print, screen and (min-width: 40em) { .no-hits-search .field-button-container input, .error-page-search .field-button-container input { width: 80%; } } @media print, screen and (min-width: 64em) { .no-hits-search .field-button-container, .error-page-search .field-button-container { width: 41%; } .no-hits-search .field-button-container input, .error-page-search .field-button-container input { width: 85%; } } .nohits-suggestion-wrapper .top-10-wrapper ul { padding-left: 0px; } .nohits-suggestion-wrapper .top-10-wrapper ul li { font-weight: bold; list-style: none; } .nohits-suggestion-wrapper .top-10-wrapper ul li a { text-decoration: underline; } .nohits-suggestion-wrapper .top-10-wrapper ul li a:hover { text-decoration: none; } @media print, screen and (min-width: 40em) { .nohits-suggestion-wrapper .field-button-container { width: 75%; } } @media print, screen and (min-width: 64em) { .nohits-suggestion-wrapper .field-button-container { width: 35%; } .nohits-suggestion-wrapper .search-tips-wrapper { width: 59%; padding-left: 0px; display: inline-block; } .nohits-suggestion-wrapper .help-chat-wrapper { width: 39%; display: inline-block; vertical-align: top; } } .pdp-content-section { border-top: none; } #recommendations { border-top: 1px solid #d6d9d9; margin-bottom: 60px; } #recommendations.not-border { border-top: none; } #recommendations .recommendation-item { padding: 0 30px; } @media screen and (max-width: 39.9375em) { #recommendations .recommendation-item { padding: 0 15px; } } #recommendations .recommendation-item .product-actions, #recommendations .recommendation-item .product-pricing, #recommendations .recommendation-item .prduct-actions { display: none; } #recommendations .recommendation-item .product-tile { margin-bottom: 0; padding: 0; } #recommendations .recommendation-item .product-tile .name-link { height: auto; max-height: 120px; } @media screen and (max-width: 39.9375em) { #recommendations .recommendation-item .product-tile .name-link { min-height: auto; } } @media screen and (max-width: 63.9375em) { #recommendations .recommendation-item .product-tile .product-image { min-height: 125px; } } @media screen and (max-width: 39.9375em) { #recommendations .recommendation-item .product-tile .product-image { min-height: 138px; } } #recommendations.bottom-style { margin-bottom: 0; } .pdp-content-section { display: block; } .pdp-content-section h2 { border-top: none; text-transform: uppercase; margin-bottom: 30px; text-align: left; } @media screen and (max-width: 39.9375em) { .pdp-content-section.top-style h2 { margin-bottom: 15px; } } .pdp-content-section .recommendation-item { padding: 0 30px; } @media screen and (max-width: 39.9375em) { .pdp-content-section .recommendation-item { padding: 0 15px; } } .pdp-content-section .recommendation-item .product-actions, .pdp-content-section .recommendation-item .product-pricing, .pdp-content-section .recommendation-item .prduct-actions { display: none; } .pdp-content-section .recommendation-item .product-tile { margin-bottom: 0; padding: 0; } .pdp-content-section .recommendation-item .product-tile .name-link { height: auto; max-height: 120px; } @media screen and (max-width: 39.9375em) { .pdp-content-section .recommendation-item .product-tile .name-link { min-height: auto; } } @media screen and (max-width: 63.9375em) { .pdp-content-section .recommendation-item .product-tile .product-image { min-height: 125px; } } @media screen and (max-width: 39.9375em) { .pdp-content-section .recommendation-item .product-tile .product-image { min-height: 138px; } } .pdp-content-section .carousel-recommendations { margin-left: -30px; margin-right: -30px; width: auto; } @media screen and (max-width: 63.9375em) { .pdp-content-section .carousel-recommendations { margin-left: 0; margin-right: 0; } } .pdp-content-section .carousel-recommendations ul { margin-top: 12px; } @media screen and (max-width: 39.9375em) { .pdp-content-section .carousel-recommendations .slick-dots { display: none !important; } } .pdp-content-section .carousel-recommendations .slick-prev { margin-top: -75px; left: -5px; } @media screen and (max-width: 39.9375em) { .pdp-content-section .carousel-recommendations .slick-prev { left: 0; margin-top: 0; top: 69px; } } .pdp-content-section .carousel-recommendations .slick-prev::before { font-size: 24px; color: #353737; } @media screen and (max-width: 39.9375em) { .pdp-content-section .carousel-recommendations .slick-prev::before { font-size: 16px; } } .pdp-content-section .carousel-recommendations .slick-next { margin-top: -75px; right: -5px; } @media screen and (max-width: 39.9375em) { .pdp-content-section .carousel-recommendations .slick-next { right: 0; margin-top: 0; top: 69px; } } .pdp-content-section .carousel-recommendations .slick-next::before { font-size: 24px; color: #353737; } @media screen and (max-width: 39.9375em) { .pdp-content-section .carousel-recommendations .slick-next::before { font-size: 16px; } } @media screen and (max-width: 39.9375em) { .pdp-content-section .carousel-recommendations .slick-track { margin-left: -15px; margin-right: -15px; } } .pdp-content-section.bottom-style { border-bottom: 1px solid #d6d9d9; padding-bottom: 115px; } @media screen and (max-width: 39.9375em) { .pdp-content-section.bottom-style { padding-bottom: 67px; } } .pdp-content-section.top-style { padding-top: 0; } .pdp-main .pdp-content-section .product-name { font-size: 14px; } .pdp-main .pdp-content-section .product-tile .product-image { margin: 0 auto -4px; } .pdp-main .pdp-content-section .product-tile .name-link { height: auto; min-height: auto; } .full-width-layout { text-align: justify; } @media print, screen and (min-width: 64em) { .pt_content-search-result-static .breadcrumb-wrapper, .pt_content-search-result-static .full-width-wrapper { padding: 0; } } .pt_content-search-result-static .full-width-wrapper h1 { font-size: 2em; font-weight: bold; margin-bottom: 0; } .pt_content-search-result-static .no-left-nav-template { margin-bottom: 60px; } .pt_content-search-result-static .no-left-nav-template .content-asset { margin-top: 60px; } .pt_content-search-result-static .left-nav-template { display: -ms-flexbox; display: flex; margin-bottom: 60px; } .pt_content-search-result-static .left-nav-template .content-asset .promotion-content h1 { font-weight: bold; } @media screen and (max-width: 39.9375em) { .pt_content-search-result-static .left-nav-template .content-asset .promotion-content { padding: 0; } } .pt_content-search-result-static .left-nav-template .accordion-content { border: 0px; } @media print, screen and (min-width: 40em) { .pt_content-search-result-static footer { margin-top: 0px; } } .promotion-content-wrapper { /** full width template **/ /** no left nav template **/ /*tutorial accordion*/ } .promotion-content-wrapper .full-width-content { position: relative; } @media print, screen and (min-width: 40em) { .promotion-content-wrapper .full-width-content { padding: 0; } } .promotion-content-wrapper .full-width-content .static-page.main-article-details { position: absolute; bottom: 15%; left: 15%; width: 45%; } @media print, screen and (min-width: 40em) { .promotion-content-wrapper .full-width-content .static-page.main-article-details { padding: 0; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .promotion-content-wrapper .full-width-content .static-page.main-article-details { left: 5%; width: 70%; } } @media screen and (max-width: 39.9375em) { .promotion-content-wrapper .full-width-content .static-page.main-article-details { position: relative; bottom: 0; left: 0; width: 100%; } } .promotion-content-wrapper .full-width-content .static-page.main-article-details h3 { color: #cc0000; font-size: 2em; margin-bottom: 0; } @media print, screen and (min-width: 64em) { .promotion-content-wrapper.no-left-nav-template { padding: 0; } } .promotion-content-wrapper.no-left-nav-template .left-content-wrapper { padding-right: 1em; } @media print, screen and (min-width: 40em) { .promotion-content-wrapper.no-left-nav-template .right-content-wrapper { padding-left: 1em; } } .promotion-content-wrapper.no-left-nav-template .right-content-wrapper h1 { font-weight: bold; } @media print, screen and (min-width: 64em) { .promotion-content-wrapper.left-nav-template { padding: 0; } } .promotion-content-wrapper.full-width-template > div .chat-btn, .promotion-content-wrapper.left-nav-template > div .chat-btn { padding-bottom: 20px; } .promotion-content-wrapper.full-width-template > div .chat-btn button, .promotion-content-wrapper.left-nav-template > div .chat-btn button { font-weight: bold; } @media screen and (max-width: 39.9375em) { .promotion-content-wrapper.full-width-template > div .chat-btn button, .promotion-content-wrapper.left-nav-template > div .chat-btn button { width: 100%; } } .promotion-content-wrapper.full-width-template .promotion-nav-select, .promotion-content-wrapper.left-nav-template .promotion-nav-select { width: 80%; padding-bottom: 30px; text-align: center; } .promotion-content-wrapper.full-width-template .promotion-nav-select select, .promotion-content-wrapper.left-nav-template .promotion-nav-select select { font-weight: bold; } .promotion-content-wrapper.no-left-nav-template .thumbnail-wrapper { text-align: center; } .promotion-content-wrapper .accordion { padding-left: 0px; margin-left: 0; margin-top: 0px; background: none; list-style-type: none; } .promotion-content-wrapper .accordion-item:first-child > :first-child { border-radius: 0 0 0 0; } .promotion-content-wrapper .accordion-item:last-child > :last-child { border-radius: 0 0 0 0; } .promotion-content-wrapper .accordion-title { position: relative; display: block; padding: .75em 0; border-bottom: 1px solid #000; font-size: 1em; line-height: 1; font-weight: bold; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .promotion-content-wrapper .accordion-title { font-size: .85em; } } .promotion-content-wrapper :last-child:not(.is-active) > .accordion-title { border-bottom: 1px solid #000; border-radius: 0 0 0 0; } .promotion-content-wrapper .accordion-title::before { font-family: "icomoon"; position: absolute; top: 50%; right: .5em; margin-top: -0.5em; content: "\f0d7"; } .promotion-content-wrapper .is-active > .accordion-title { border-bottom: 0px; background: none; outline: none; } .promotion-content-wrapper .is-active > .accordion-title::before { content: "\f0d8"; color: #676d6d; } .promotion-content-wrapper .is-active > .accordion-content { border-bottom: 1px solid #000; padding-left: 0; } .promotion-content-wrapper .accordion-content { display: none; padding-left: 0em; border-bottom: 0; border: 0; color: #000; } .promotion-content-wrapper .accordion-content ul { list-style: none; padding: 0px; padding-left: 10px; } .promotion-content-wrapper .accordion-content ul li { padding-top: 5px; } .pt_customer-service .primary-content { margin: 0 auto; } .pt_customer-service .primary-content .contact-form-wrapper .top-text-container { text-align: center; } @media print, screen and (min-width: 40em) { .pt_customer-service .primary-content .contact-form-wrapper form label { white-space: nowrap; } } .pt_customer-service .primary-content .contact-form-wrapper form .form-row-button { padding-top: 2em; -ms-flex-direction: column; flex-direction: column; margin-top: 23px; } .pt_customer-service .primary-content .contact-form-wrapper form .contact-comment { -ms-flex-direction: column; flex-direction: column; width: 100%; margin-top: 1em; } .pt_customer-service .primary-content .contact-form-wrapper form .contact-comment label { width: 100%; } .pt_customer-service .primary-content .contact-form-wrapper form .contact-comment .field-wrapper { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; } .pt_customer-service .primary-content .contact-form-wrapper form .contact-comment .field-wrapper .char-count { text-align: right; position: relative; font-weight: normal; bottom: 1.5em; font-size: 80%; font-weight: 100; } @media screen and (max-width: 39.9375em) { .pt_customer-service .primary-content .contact-form-wrapper form .contact-comment .field-wrapper .char-count { text-align: left; bottom: 0em; -ms-flex-order: 2; order: 2; } } .pt_customer-service .primary-content .contact-form-wrapper form .contact-comment textarea { width: 100%; resize: none; border: 1px solid #000; } @media screen and (max-width: 39.9375em) { .pt_customer-service .primary-content .contact-form-wrapper form .contact-comment textarea { margin-top: 1em; } } .pt_customer-service .primary-content .contact-form-wrapper form .form-caption { position: absolute; right: 0; bottom: -25%; font-size: 12px; font-weight: normal; color: #767676; margin-left: 0; z-index: 1; } @media screen and (max-width: 39.9375em) { .pt_customer-service .primary-content .contact-form-wrapper form .form-caption { position: relative; } } .pt_customer-service .primary-content .contact-form-wrapper { border: none; padding: 0; } @media screen and (max-width: 39.9375em) { .pt_customer-service .primary-content .contact-form-wrapper { margin-top: 0; } } .pt_customer-service .primary-content .contact-form-wrapper .top-text-container h1 { margin-bottom: 48px; } @media screen and (max-width: 39.9375em) { .pt_customer-service .primary-content .contact-form-wrapper .top-text-container h1 { margin-bottom: 32px; } } .pt_customer-service .primary-content .contact-form-wrapper .top-text-container h1 .dialog-required { display: none; } .pt_customer-service .primary-content .contact-form-wrapper .top-text-container h2 { text-align: left; margin-top: 80px; } .pt_customer-service .primary-content .contact-form-wrapper .top-text-container h2.open-space { padding-top: 45px; } @media screen and (max-width: 39.9375em) { .pt_customer-service .primary-content .contact-form-wrapper .top-text-container h2.open-space { margin-top: 72px; padding-top: 25px; } } .pt_customer-service .primary-content .contact-form-wrapper .top-text-container h4 { line-height: 1.75; } @media screen and (max-width: 39.9375em) { .pt_customer-service .primary-content .contact-form-wrapper .top-text-container h4 { letter-spacing: 0.7px; } } .pt_customer-service .primary-content .contact-form-wrapper .top-text-container .inquiry-info { margin-top: 93px; } @media screen and (max-width: 39.9375em) { .pt_customer-service .primary-content .contact-form-wrapper .top-text-container .inquiry-info { margin-top: 76px; } } .pt_customer-service .primary-content .contact-form-wrapper .top-text-container .inquiry-info h2 { margin-bottom: 30px; margin-top: 0; } @media screen and (max-width: 39.9375em) { .pt_customer-service .primary-content .contact-form-wrapper .top-text-container .inquiry-info h2 { margin-bottom: 25px; } } .pt_customer-service .primary-content .contact-form-wrapper .top-text-container .inquiry-info .inquiry-info-content h1 { display: inline; color: #353737; font-weight: bold; margin-right: 25px; } .pt_customer-service .primary-content .contact-form-wrapper .top-text-container .inquiry-info .inquiry-info-content h1.inquiry-phone { font-size: 26px; } @media screen and (max-width: 39.9375em) { .pt_customer-service .primary-content .contact-form-wrapper .top-text-container .inquiry-info .inquiry-info-content h1 { display: block; margin-bottom: 14px; margin-right: 0; } } .pt_customer-service .primary-content .contact-form-wrapper .top-text-container .inquiry-info .inquiry-info-content .inquiry-receptiontime { position: relative; top: -2px; } @media screen and (max-width: 39.9375em) { .pt_customer-service .primary-content .contact-form-wrapper .top-text-container .inquiry-info .inquiry-info-content .inquiry-receptiontime { display: block; text-align: left; letter-spacing: 1.4px; } } .pt_customer-service .primary-content .contact-form-wrapper .top-text-container .inquiry-info .icon { margin-right: 20px; position: relative; top: -5px; } @media screen and (max-width: 39.9375em) { .pt_customer-service .primary-content .contact-form-wrapper .top-text-container .inquiry-info .icon { margin-right: 8px; left: -8px; } } .pt_customer-service .primary-content .contact-form-wrapper .top-text-container .inquiry-info-desc { text-align: left; padding-top: 20px; font-size: 13px; } @media screen and (max-width: 39.9375em) { .pt_customer-service .primary-content .contact-form-wrapper .top-text-container .inquiry-info-desc { line-height: 1.62; } } #ContactUSForm { margin-top: 75px; } @media screen and (max-width: 39.9375em) { #ContactUSForm { margin-top: 41px; } } .contact-form-group { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; margin-top: 30px; } @media screen and (max-width: 39.9375em) { .contact-form-group { display: block; margin-bottom: 47px; } } .contact-form-group .contact-form-left { width: 30%; } @media screen and (max-width: 39.9375em) { .contact-form-group .contact-form-left { width: 100%; margin-bottom: 8px; } } .contact-form-group .contact-form-left span { font-size: 16px; } .contact-form-group .contact-form-left span.required-indicator { font-size: 11px; } .contact-form-group .contact-form-right { width: 70%; } @media screen and (max-width: 39.9375em) { .contact-form-group .contact-form-right { width: 100%; padding-left: 10px; } } .contact-form-group .contact-form-right.one-row { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 39.9375em) { .contact-form-group .contact-form-right.one-row { display: block; } } .contact-form-group .contact-form-right.one-row .one-row-item { width: 50%; display: -ms-flexbox; display: flex; } @media screen and (max-width: 39.9375em) { .contact-form-group .contact-form-right.one-row .one-row-item { width: 100%; } } .contact-form-group .contact-form-right.one-row .one-row-item label { width: 30px; margin-right: 15px; text-align: right; } @media screen and (max-width: 39.9375em) { .contact-form-group .contact-form-right.one-row .one-row-item label { text-align: left; margin-right: 0; } } .contact-form-group .contact-form-right.one-row .one-row-item .field-wrapper { margin: 0; width: calc(100% - 45px); } @media screen and (max-width: 39.9375em) { .contact-form-group .contact-form-right.one-row .one-row-item .field-wrapper { padding-left: 5px; } } .contact-form-group .contact-form-right.country-phone { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; position: relative; } @media screen and (max-width: 39.9375em) { .contact-form-group .contact-form-right.country-phone { padding-left: 0; position: relative; display: block; } } .contact-form-group .contact-form-right.country-phone span.error { position: absolute; top: -30px; left: 0; } @media screen and (max-width: 39.9375em) { .contact-form-group .contact-form-right.country-phone span.error { width: 280px; top: -10px; } } @media screen and (max-width: 39.9375em) { .contact-form-group .contact-form-right.country-phone .form-row { margin: 0; } } .contact-form-group .contact-form-right.country-phone .form-row label { margin-bottom: 0; } .contact-form-group .contact-form-right.country-phone .form-row label.select::after { right: 5px; } .contact-form-group .contact-form-right.country-phone .form-row.counrty { width: 110px; } .contact-form-group .contact-form-right.country-phone .form-row.counrty label.select { display: block; } .contact-form-group .contact-form-right.country-phone .form-row.counrty select { padding: 13px 0; text-align: left; line-height: 18px; height: 46px; } .contact-form-group .contact-form-right.country-phone .form-row.phone { position: static; } @media screen and (max-width: 39.9375em) { .contact-form-group .contact-form-right.country-phone .form-row.phone { width: 100%; padding-left: 0; } } .contact-form-group .contact-form-right.country-phone .form-row.phone .field-wrapper .input-text { margin-top: 0; padding: 14px 0; } .contact-form-group .contact-form-right.country-phone .form-row.phone .field-wrapper span.error { top: auto; bottom: -30px; left: auto; right: 0; } @media screen and (max-width: 39.9375em) { .contact-form-group .contact-form-right.country-phone .form-row.phone .field-wrapper span.error { bottom: -15px; left: 0; } } .contact-form-group .contact-form-right.country-phone .form-row .field-wrapper { width: auto; padding-left: 0; margin-bottom: 0; } .contact-form-group.multi-rows { margin-top: 0; -ms-flex-align: unset; align-items: unset; } .contact-form-group.multi-rows .form-row { display: block; } .contact-form-group.multi-rows.has-space-top { margin-top: 30px; } @media screen and (max-width: 39.9375em) { .contact-form-group.multi-rows.has-space-top { margin-bottom: 0; } } @media screen and (max-width: 39.9375em) { .contact-form-group.multi-rows.has-space-top .contact-form-right { padding-left: 0; } } @media screen and (max-width: 39.9375em) { .contact-form-group.multi-rows .contact-form-left { margin-bottom: 17px; } } @media screen and (max-width: 39.9375em) { .contact-form-group .form-row { -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; } } .contact-form-group .form-row .field-wrapper { margin: 0 0 8px; width: auto; } @media screen and (max-width: 39.9375em) { .contact-form-group .form-row .field-wrapper { padding-left: 36px; margin-bottom: 0; } } .contact-form-group .form-row .field-wrapper .input-text { margin-top: 5px; } @media screen and (max-width: 39.9375em) { .contact-form-group .form-row .field-wrapper .input-text { margin-top: 0; } } .contact-form-group .form-row label[for="dwfrm_contactus_confirmemail"] { display: none; } .contact-form-group .hide-indicator .required-indicator { display: none; } .contact-form-group .hide-indicator.hide-label label { display: none; } .contact-form-group .hide-indicator.hide-label label.select { display: block; } .contact-form-group .hide-indicator.hide-label .field-wrapper { padding-left: 0; } .contact-form-group select { padding: 10px 0; } .contact-comment { margin-top: 0; } .contact-comment textarea { border: 1px solid #353737; padding: 20px; } .confirmation-message h2 { border-top: none; color: #707070; padding-top: 0; margin-bottom: 60px; } .confirmation-message p { text-align: center; color: #707070; margin: 0; } .confirmation-message button, .confirmation-message .button, .confirmation-message input[type="button"] { margin: 60px auto; } .pt_customer-service #main { margin-top: 100px; } @media screen and (max-width: 39.9375em) { .pt_customer-service #main { margin-top: 50px; } } .pt_customer-service .form-row { padding-left: 20px; margin-bottom: 12px; } @media screen and (max-width: 39.9375em) { .pt_customer-service .form-row { padding-left: 0; margin-bottom: 23px; } } .pt_customer-service .form-row .input-text { padding: 13px 0; } @media screen and (max-width: 39.9375em) { .pt_customer-service .form-row label { margin-bottom: 0; } } .pt_customer-service .primary-content .contact-form-wrapper form .form-caption { bottom: -40%; left: 20px; } @media screen and (max-width: 39.9375em) { .pt_customer-service .primary-content .contact-form-wrapper form .form-caption { margin-top: 0; font-size: 10px; bottom: 0; left: 0; } } @media screen and (max-width: 39.9375em) { .pt_customer-service .primary-content .contact-form-wrapper form .contact-comment .field-wrapper .char-count { font-size: 13px; } } @media screen and (max-width: 39.9375em) { .textarea-note { font-size: 13px; } } .contact-bottom-text { font-size: 13px; } .contact-bottom-text p { margin-bottom: 30px; } .contact-bottom-text ul { padding: 0 10px; } @media print, screen and (min-width: 40em) { .contact-bottom-text ul { padding: 0; } } .contact-bottom-text ul li { margin-bottom: 20px; list-style-type: none; } .pt_customer-service .primary-content .contact-form-wrapper form .form-row-button button { margin: 0 auto; } @media print, screen and (min-width: 40em) { .textarea-note { padding-left: 20px; } } .contact-country-phone .contact-form-left .required-indicator { display: none; } .newAddressText { cursor: pointer; text-decoration: underline; color: #c8102e; } .newAddressText:hover { text-decoration: none; } p.showHide { text-decoration: underline; cursor: pointer; margin-left: 1em; margin-top: 1em; } .picklist { margin-left: 1em; } .partialPickList td { color: #000; padding-left: 0; } .pListClickable a { color: #cc0000; text-decoration: underline; cursor: pointer; } .pListClickable a:hover { text-decoration: none; } fieldset { border: none; } td { padding-right: 1em; padding-top: .2em; } .multPickList td { vertical-align: top; } .multPickList td:first-child { padding-left: 0; } .multPickList td:last-child { padding-right: 0; } .multPickList label { font-size: 1em; font-weight: 400; padding-left: 20px; position: relative; } .multPickList input[type="radio"] { margin: 0; position: absolute; top: 1px; left: 0; } .suggestion { cursor: pointer; border: 1px solid #999; color: #000; margin-left: 2%; width: 49.5966%; padding: 0.2em 0.5em; text-align: center; background-color: #CCC; } .error_message { color: #F00; font-weight: bold; padding: 2px; } .newAddress, .oldAddress { margin: 15px 0; } .address-inner { border: 1px #cccccc solid; padding: 1.25rem; margin-bottom: 1.25rem; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .address-inner.street-partial { padding: 1rem; } } @media print, screen and (min-width: 40em) { .address-inner { padding: 2rem; display: -ms-flexbox; display: flex; height: 100%; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; min-height: 200px; } } .address-inner address { font-style: normal; } .oldAddress td:last-child { width: 70%; } /**styling form elements**/ .f-field { margin-bottom: 15px; font-size: 0; } .f-field.f-field_btn { margin-bottom: 0; } .f-field .f-label { width: 30%; display: inline-block; vertical-align: middle; font-size: 14px; font-weight: 400; padding-right: 1em; box-sizing: border-box; } .f-field .f-field-wrapper { width: 70%; display: inline-block; vertical-align: middle; font-size: 14px; } .enter_email, .enter_phone, .wrapper-btn { margin: 0 0 15px 10px; } .enter_email input[type="text"], .enter_phone input[type="text"] { width: 280px; display: block; } .enter_email p:not(:empty), .enter_phone p:not(:empty) { margin: 0 0 15px; } .enter_email .error_message.unreachable, .enter_email .error_message.undeliverable, .enter_email .error_message.illegitimate, .enter_email .error_message.disposable, .enter_email .error_message.unknown, .enter_phone .error_message.unreachable, .enter_phone .error_message.undeliverable, .enter_phone .error_message.illegitimate, .enter_phone .error_message.disposable, .enter_phone .error_message.unknown { display: none; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); margin: 0 auto; } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: inline-block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Arrows */ .slick-prev, .slick-next { background: transparent; border: none; color: transparent; cursor: pointer; display: block; font-size: 0; line-height: 0; margin-top: -10px; outline: none; padding: 0; position: absolute; top: 50%; z-index: 9; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: "icomoon"; font-size: 40px; line-height: 1; opacity: .75; color: #8c9292; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: 0; } [dir="rtl"] .slick-prev { right: -28px; left: auto; } .slick-prev:before { content: "\e903"; } [dir="rtl"] .slick-prev:before { content: "\e903"; } .slick-next { right: 0; } [dir="rtl"] .slick-next { right: auto; left: -25px; } .slick-next:before { content: "\e906"; } [dir="rtl"] .slick-next:before { content: "\e906"; } .slick-vertical .slick-prev { left: 50%; margin-left: -10px; top: -30px; } .slick-vertical .slick-prev:before { content: "\f0d8"; } .slick-vertical .slick-next { right: 50%; margin-right: -10px; top: auto; bottom: -30px; } .slick-vertical .slick-next:before { content: "\f0d7"; } /* Dots */ .slick-slider { margin-bottom: 30px; width: 100%; } .slick-dots { display: block; width: 100%; padding-left: 0px !important; list-style: none; text-align: center; } .slick-dots li { position: relative; float: none !important; display: inline-block; width: 20px; height: 20px; margin: 0 3px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 25px; height: 25px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: "FontAwesome"; font-size: 16px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: "\f1db"; text-align: center; color: #8c9292; font-weight: 200; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { content: "\f111"; color: black; } #product-image-carousel, #product-video-carousel { padding: 40px 0 2rem !important; } @media only screen and (max-width: 1024px) and (min-width: 767px) { #product-image-carousel .slick-prev, #product-video-carousel .slick-prev { left: 0 !important; } } @media only screen and (max-width: 1024px) and (min-width: 767px) { #product-image-carousel .slick-next, #product-video-carousel .slick-next { right: 0 !important; } } #product-image-carousel .slick-prev, #product-image-carousel .slick-next { margin-top: 0 !important; top: 50%; } .carousel-recommendations, #product-image-carousel, #product-video-carousel { padding: 0 0 2rem; margin: 0; } .carousel-recommendations ul, #product-image-carousel ul, #product-video-carousel ul { margin: 0; padding: 0; } .carousel-recommendations li.recommendation-item, #product-image-carousel li.recommendation-item, #product-video-carousel li.recommendation-item { margin: 0; list-style: none; float: left; width: 33%; } .carousel-recommendations .slick-prev, #product-image-carousel .slick-prev, #product-video-carousel .slick-prev { margin-top: -45px; } .carousel-recommendations .slick-prev:before, #product-image-carousel .slick-prev:before, #product-video-carousel .slick-prev:before { font-size: 30px; } .carousel-recommendations .slick-next, #product-image-carousel .slick-next, #product-video-carousel .slick-next { margin-top: -45px; } .carousel-recommendations .slick-next:before, #product-image-carousel .slick-next:before, #product-video-carousel .slick-next:before { font-size: 30px; } .carousel-recommendations .product-review, #product-image-carousel .product-review, #product-video-carousel .product-review { font-size: 10px; } /* lazysizes: fade image in after load */ .lazyload, .lazyloading { opacity: 0; } .lazyloaded { opacity: 1; transition: opacity 300ms; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .product-description { margin-top: 25px; } } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .product-thumbnails .fade-circle { margin: 183px auto; } } .pdp-main-redesign .pdp-new-email-block { margin-bottom: 40px; } .pdp-main-redesign .other-products-featured-title { font-weight: 100; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .other-products-featured-title { font-size: 24px; font-weight: 100; letter-spacing: 1px; } } .pdp-main-redesign .pdp-promo-bar { display: none; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .replenishment { margin-top: 0; margin-bottom: 2em; } } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .replenishment { padding: 0 20px; margin-top: 1.5em; } } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .replenishment .icon-info { width: 6%; } } .pdp-main-redesign .replenishment .icon-info:before { top: 1px; position: relative; font-size: 16px; font-weight: bold; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .replenishment .icon-info:before { top: 0; } } .pdp-main-redesign .replenishment select { font-weight: bold; font-size: 14px !important; padding: 8px 20px 6px 8px; font-family: "Reader", Arial, sans-serif; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .replenishment select { width: 57%; } } .pdp-main-redesign .pdp-content-section { display: block; } .pdp-main-redesign .pdp-jump-links { display: none; } .pdp-main-redesign .pdp-jump-links ~ a.accordion-toggle { display: none !important; } .pdp-main-redesign .product-name { font-size: 24px; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .product-name { font-size: 36px; } } .pdp-main-redesign .product-detail { border-bottom: 1px solid #000; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .product-detail { margin-bottom: 40px; } } .pdp-main-redesign .product-variations .pdp-vars ul.color-family-swatches { margin-bottom: 10px; } .pdp-main-redesign #colorfamily_group p { font-weight: bold; display: table; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign #colorfamily_group p { padding: 0 7%; font-size: 13px; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .product-title { padding: 0 20px; } } .pdp-main-redesign .curalate-wrap { width: 100%; } .pdp-main-redesign .curalate-wrap .btns { text-align: right; } .pdp-main-redesign .curalate-wrap .btns button { vertical-align: top; } .pdp-main-redesign .try-it-on { display: none; margin: 0 auto; background: transparent; color: #000; border: 1px solid #000; font-weight: 100; font-size: 12px; height: 40px; line-height: 20px; padding: 10px; } .pdp-main-redesign .try-it-on img { margin-right: 10px; } .pdp-main-redesign .stars-outer { display: inline-block; position: relative; font-family: FontAwesome; } .pdp-main-redesign .stars-outer::before { content: "\f006 \f006 \f006 \f006 \f006"; } .pdp-main-redesign .stars-inner { position: absolute; top: 0; left: 0; white-space: nowrap; overflow: hidden; width: 0; } .pdp-main-redesign .stars-inner::before { content: "\f005 \f005 \f005 \f005 \f005"; color: #000; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign #inline-content2 { margin-left: -15px; margin-right: -15px; } } @media screen and (max-width: 39.9375em) { .pdp-main-redesign #inline-content2 .main-video { margin-top: 0; margin-bottom: 0; } } .pdp-main-redesign #inline-content2 .main-video img { width: 100%; } .pdp-main-redesign .pdp-you-might-like-content { border-bottom: 1px solid #a9aaad; padding-top: 0; margin-top: 30px; margin-left: -10px; margin-right: -10px; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .pdp-you-might-like-content { border-top: 1px solid #000; margin-top: 30px; border-bottom: 1px solid #000; } } .pdp-main-redesign .pdp-you-might-like-content .pi .product-tile .product-swatches .selected, .pdp-main-redesign .pdp-other-products-featured-content .pi .product-tile .product-swatches .selected { border: 1px solid #000; height: 35px; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .pdp-main-redesign .pdp-you-might-like-content .pi .product-tile .product-swatches .selected, .pdp-main-redesign .pdp-other-products-featured-content .pi .product-tile .product-swatches .selected { height: 27px; } } .pdp-main-redesign .pdp-you-might-like-content .pi .product-tile .product-swatches .selected img, .pdp-main-redesign .pdp-other-products-featured-content .pi .product-tile .product-swatches .selected img { border: none; } .pdp-main-redesign .pdp-you-might-like-content .pi .product-tile .product-swatches img:hover, .pdp-main-redesign .pdp-other-products-featured-content .pi .product-tile .product-swatches img:hover { border: 1px solid #000000; padding: 0; } .pdp-main-redesign .pdp-you-might-like-content .pi .plp-product-images + .swatch-placeholder-fullwidth, .pdp-main-redesign .pdp-other-products-featured-content .pi .plp-product-images + .swatch-placeholder-fullwidth { min-height: 58px; } .pdp-main-redesign .pdp-you-might-like-content .pi .brand-carousel-recommendations, .pdp-main-redesign .pdp-other-products-featured-content .pi .brand-carousel-recommendations { padding-left: 0; } .pdp-main-redesign .pdp-you-might-like-content .pi .slick-track, .pdp-main-redesign .pdp-other-products-featured-content .pi .slick-track { margin-bottom: 30px; } .pdp-main-redesign .pdp-you-might-like-content .pi h3, .pdp-main-redesign .pdp-other-products-featured-content .pi h3 { font-size: 24px; font-weight: 100; letter-spacing: 1px; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .pdp-you-might-like-content .pi h3, .pdp-main-redesign .pdp-other-products-featured-content .pi h3 { font-size: 18px; margin: 50px 0; } } .pdp-main-redesign .pdp-you-might-like-content .pi .badge-container, .pdp-main-redesign .pdp-other-products-featured-content .pi .badge-container { display: none; } .pdp-main-redesign .pdp-you-might-like-content .pi .plp-swatch-count, .pdp-main-redesign .pdp-other-products-featured-content .pi .plp-swatch-count { color: #767676; font-size: 13px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .pdp-you-might-like-content .pi .plp-swatch-count, .pdp-main-redesign .pdp-other-products-featured-content .pi .plp-swatch-count { font-size: 11px; } } .pdp-main-redesign .pdp-you-might-like-content .pi .product-name, .pdp-main-redesign .pdp-other-products-featured-content .pi .product-name { font-size: 18px; line-height: 1; margin-top: 20px; margin-bottom: 0; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .pdp-you-might-like-content .pi .product-name, .pdp-main-redesign .pdp-other-products-featured-content .pi .product-name { padding: 0 20px; margin-top: 18px; } } .pdp-main-redesign .pdp-you-might-like-content .pi .plp-product-shortdescription, .pdp-main-redesign .pdp-other-products-featured-content .pi .plp-product-shortdescription { margin-bottom: 10px; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .pdp-you-might-like-content .pi .plp-product-shortdescription, .pdp-main-redesign .pdp-other-products-featured-content .pi .plp-product-shortdescription { padding: 0 40px; } } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .pdp-you-might-like-content .pi .plp-product-shortdescription, .pdp-main-redesign .pdp-other-products-featured-content .pi .plp-product-shortdescription { padding: 0 20px; } } .pdp-main-redesign .pdp-you-might-like-content .pi .product-price, .pdp-main-redesign .pdp-other-products-featured-content .pi .product-price { text-align: center; display: block; margin-right: 0 !important; } .pdp-main-redesign .pdp-you-might-like-content .pi .slick-arrow, .pdp-main-redesign .pdp-other-products-featured-content .pi .slick-arrow { width: 40px; height: 40px; top: 25%; } .pdp-main-redesign .pdp-you-might-like-content .pi .slick-prev, .pdp-main-redesign .pdp-other-products-featured-content .pi .slick-prev { background: url(../images/slider-arrow-left.png) no-repeat; width: 40px; } .pdp-main-redesign .pdp-you-might-like-content .pi .slick-prev:before, .pdp-main-redesign .pdp-other-products-featured-content .pi .slick-prev:before { content: ''; } .pdp-main-redesign .pdp-you-might-like-content .pi .slick-next, .pdp-main-redesign .pdp-other-products-featured-content .pi .slick-next { background: url(../images/slider-arrow-right.png) no-repeat; width: 40px; } .pdp-main-redesign .pdp-you-might-like-content .pi .slick-next:before, .pdp-main-redesign .pdp-other-products-featured-content .pi .slick-next:before { content: ''; } .pdp-main-redesign .pdp-you-might-like-content .pi .slick-dots li button:before, .pdp-main-redesign .pdp-other-products-featured-content .pi .slick-dots li button:before { font-size: 10px; content: "\f111"; color: #ccc; } .pdp-main-redesign .pdp-you-might-like-content .pi .slick-dots li.slick-active button:before, .pdp-main-redesign .pdp-other-products-featured-content .pi .slick-dots li.slick-active button:before { content: "\f111"; color: black; } .pdp-main-redesign .pdp-you-might-like-content .pi .product-tile .product-swatches, .pdp-main-redesign .pdp-other-products-featured-content .pi .product-tile .product-swatches { display: block; float: none; margin-top: 0; margin: 0 22%; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .pdp-you-might-like-content .pi .product-tile .product-swatches, .pdp-main-redesign .pdp-other-products-featured-content .pi .product-tile .product-swatches { margin: 0 21%; } } .pdp-main-redesign .pdp-you-might-like-content .pi .swatch-list .slick-arrow, .pdp-main-redesign .pdp-other-products-featured-content .pi .swatch-list .slick-arrow { background: none; top: 7px; } @media print, screen and (min-width: 64em) { .pdp-main-redesign .pdp-you-might-like-content .pi .swatch-list .slick-arrow, .pdp-main-redesign .pdp-other-products-featured-content .pi .swatch-list .slick-arrow { top: 7px; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .pdp-main-redesign .pdp-you-might-like-content .pi .swatch-list .slick-arrow, .pdp-main-redesign .pdp-other-products-featured-content .pi .swatch-list .slick-arrow { top: 3px; } } .pdp-main-redesign .pdp-you-might-like-content .pi .swatch-list .slick-prev, .pdp-main-redesign .pdp-other-products-featured-content .pi .swatch-list .slick-prev { left: -32px; } .pdp-main-redesign .pdp-you-might-like-content .pi .swatch-list .slick-prev:before, .pdp-main-redesign .pdp-other-products-featured-content .pi .swatch-list .slick-prev:before { content: "\e903"; } .pdp-main-redesign .pdp-you-might-like-content .pi .swatch-list .slick-next, .pdp-main-redesign .pdp-other-products-featured-content .pi .swatch-list .slick-next { right: -32px; } .pdp-main-redesign .pdp-you-might-like-content .pi .swatch-list .slick-next:before, .pdp-main-redesign .pdp-other-products-featured-content .pi .swatch-list .slick-next:before { content: "\e906"; } .pdp-main-redesign .pdp-you-might-like-content .pi .swatch-list .slick-list .slick-slide a img, .pdp-main-redesign .pdp-other-products-featured-content .pi .swatch-list .slick-list .slick-slide a img { height: 25px; width: 25px; margin-top: 4px; padding: 0; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .pdp-main-redesign .pdp-you-might-like-content .pi .swatch-list .slick-list .slick-slide a img, .pdp-main-redesign .pdp-other-products-featured-content .pi .swatch-list .slick-list .slick-slide a img { height: 21px; width: 21px; padding: 2px; margin-top: 0; } } .pdp-main-redesign .oos_email_form, .pdp-main-redesign .coming_soon_email_form { position: relative; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .oos_email_form fieldset, .pdp-main-redesign .coming_soon_email_form fieldset { position: relative; } } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .oos_email_form, .pdp-main-redesign .coming_soon_email_form { padding: 0 20px; } } .pdp-main-redesign .oos_email_form .field-wrapper, .pdp-main-redesign .coming_soon_email_form .field-wrapper { width: 90%; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .oos_email_form .field-wrapper, .pdp-main-redesign .coming_soon_email_form .field-wrapper { margin: 0; } } .pdp-main-redesign .oos_email_form .field-wrapper input, .pdp-main-redesign .coming_soon_email_form .field-wrapper input { color: #757575; font-weight: 100; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .oos_email_form .field-wrapper input, .pdp-main-redesign .coming_soon_email_form .field-wrapper input { font-weight: normal; } } .pdp-main-redesign .oos_email_form #oos_email_btn, .pdp-main-redesign .oos_email_form #coming_soon_email_btn, .pdp-main-redesign .coming_soon_email_form #oos_email_btn, .pdp-main-redesign .coming_soon_email_form #coming_soon_email_btn { position: absolute; top: 1px; right: 0; background: none; border: none; border-bottom: 1px solid #000; color: #000; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { .pdp-main-redesign .oos_email_form #oos_email_btn, .pdp-main-redesign .oos_email_form #coming_soon_email_btn, .pdp-main-redesign .coming_soon_email_form #oos_email_btn, .pdp-main-redesign .coming_soon_email_form #coming_soon_email_btn { top: 3px; } } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .oos_email_form #oos_email_btn, .pdp-main-redesign .oos_email_form #coming_soon_email_btn, .pdp-main-redesign .coming_soon_email_form #oos_email_btn, .pdp-main-redesign .coming_soon_email_form #coming_soon_email_btn { bottom: 0; padding: 10px 0 10px 10px; } } .pdp-main-redesign .oos_notify, .pdp-main-redesign .comingsoon_notify { color: #d32d42; font-weight: 500; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .oos_notify, .pdp-main-redesign .comingsoon_notify { padding: 0 20px; width: 70%; line-height: 1; margin-top: 30px; margin-bottom: 20px; } } @media print, screen and (min-width: 40em) { .pdp-main-redesign .oos_notify, .pdp-main-redesign .comingsoon_notify { margin-right: -20px; } } .pdp-main-redesign .oos_email_sent, .pdp-main-redesign .comingsoon_email_sent { color: #429042; font-weight: 500; display: none; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .oos_email_sent, .pdp-main-redesign .comingsoon_email_sent { margin-right: -20px; } } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .oos_email_sent, .pdp-main-redesign .comingsoon_email_sent { padding: 0 20px; } } .pdp-main-redesign .product-variations .color li a { z-index: 5; } .pdp-main-redesign .product-variations .color li a .hex-swatch-block { width: 38px; height: 38px; } .pdp-main-redesign .product-variations .color li.selected a .hex-swatch-block { width: 32px; height: 32px; margin-top: 3px; margin-left: 3px; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .product-variations .color li.selected a .hex-swatch-block { width: 27px; height: 28px; margin-top: 3px; margin-left: 3px; } } .pdp-main-redesign .product-variations .color li.unselectable:before, .pdp-main-redesign .product-options .color li.unselectable:before { left: -29px; top: 10px; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .product-variations .color li.unselectable:before, .pdp-main-redesign .product-options .color li.unselectable:before { left: -25px; top: 9px; z-index: 3; } } .pdp-main-redesign .key-ing-section { width: 100%; margin-bottom: 50px; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .key-ing-section { margin-bottom: 0; } } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .key-ing-section > .row, .pdp-main-redesign .pt_content-search-result-static .no-left-nav-template .key-ing-section > .content-asset, .pt_content-search-result-static .no-left-nav-template .pdp-main-redesign .key-ing-section > .content-asset, .pdp-main-redesign .pt_content-search-result-static .left-nav-template .key-ing-section > .content-asset, .pt_content-search-result-static .left-nav-template .pdp-main-redesign .key-ing-section > .content-asset { border-bottom: 1px solid #a9aaad; padding-bottom: 30px; } } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .key-ing-section > .row > div, .pdp-main-redesign .pt_content-search-result-static .no-left-nav-template .key-ing-section > .content-asset > div, .pt_content-search-result-static .no-left-nav-template .pdp-main-redesign .key-ing-section > .content-asset > div, .pdp-main-redesign .pt_content-search-result-static .left-nav-template .key-ing-section > .content-asset > div, .pt_content-search-result-static .left-nav-template .pdp-main-redesign .key-ing-section > .content-asset > div { padding: 0 25px; } } .pdp-main-redesign .key-ing-section .section-title { font-size: 24px; padding-bottom: 20px; text-align: center; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .key-ing-section .section-title { font-size: 45px; padding-bottom: 50px; text-align: left; } } .pdp-main-redesign .key-ing-section .key-ing-contents-col .section-title { font-size: 24px; padding-bottom: 20px; text-align: center; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .key-ing-section .key-ing-contents-col .section-title { font-size: 45px; padding-bottom: 50px; text-align: left; } } .pdp-main-redesign .key-ing-section .key-ing-contents-col .key-ing-content { font-size: 16px; margin-bottom: 30px; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .key-ing-section .key-ing-contents-col .key-ing-content { margin-bottom: 40px; } } .pdp-main-redesign .key-ing-section .key-ing-contents-col .key-ing-content .strong { font-weight: bold; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .key-ing-section .full-ing { text-align: center; } } .pdp-main-redesign .shop-the-look-section { width: 100%; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .shop-the-look-section > .row, .pdp-main-redesign .pt_content-search-result-static .no-left-nav-template .shop-the-look-section > .content-asset, .pt_content-search-result-static .no-left-nav-template .pdp-main-redesign .shop-the-look-section > .content-asset, .pdp-main-redesign .pt_content-search-result-static .left-nav-template .shop-the-look-section > .content-asset, .pt_content-search-result-static .left-nav-template .pdp-main-redesign .shop-the-look-section > .content-asset { border-bottom: 1px solid #a9aaad; } } .pdp-main-redesign .shop-the-look-section .section-title { font-size: 24px; padding-bottom: 20px; text-align: center; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .shop-the-look-section .section-title { font-size: 45px; padding-bottom: 50px; } } .pdp-main-redesign .shop-the-look-section .product-tile .product-swatches { display: block; font-size: 14px; font-weight: bold; margin: 0 10px; margin-top: 20px; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .shop-the-look-section .product-tile .product-swatches { font-size: 18px; } } .pdp-main-redesign .shop-the-look-section .product-tile .product-swatches .hex-swatch-section { display: inline-block; vertical-align: middle; } .pdp-main-redesign .shop-the-look-section .product-tile .product-swatches .hex-swatch-section .hex-swatch-block { height: 20px; width: 20px; } .pdp-main-redesign .shop-the-look-section .product-tile .product-swatches img { width: 20px; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .shop-the-look-section .look-image-col { margin-right: 5%; } } .pdp-main-redesign .shop-the-look-section .look-image { text-align: center; } .pdp-main-redesign .shop-the-look-section .look-products-col .slick-dots li button:before { font-size: 10px; content: "\f111"; color: #ccc; } .pdp-main-redesign .shop-the-look-section .look-products-col .slick-dots li.slick-active button:before { content: "\f111"; color: black; } .pdp-main-redesign .shop-the-look-section .look-product { margin-bottom: 20px; } @media print, screen and (min-width: 64em) { .pdp-main-redesign .shop-the-look-section .look-product { margin-bottom: 15px; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .pdp-main-redesign .shop-the-look-section .look-product { margin-bottom: 25px; } } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .shop-the-look-section .look-product .prod-img { text-align: center; } } .pdp-main-redesign .shop-the-look-section .look-product .prod-info .product-name, .pdp-main-redesign .shop-the-look-section .look-product .prod-info .product-price { text-align: center; font-weight: bold; font-size: 18px; margin-right: 0 !important; min-height: 20px; margin-bottom: 0; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .shop-the-look-section .look-product .prod-info .product-name, .pdp-main-redesign .shop-the-look-section .look-product .prod-info .product-price { font-size: 14px; } } .pdp-main-redesign .shop-the-look-section .look-product .prod-info .product-price .price-sales { margin: 0 auto; } .pdp-main-redesign .shop-the-look-section .look-product .prod-info .look-icon-block { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .pdp-main-redesign .shop-the-look-section .look-product .prod-info .look-icon-block .look-quickshop-icon { float: left; background: url(../images/icon-plus.png) no-repeat #000; border: 1px solid #000; padding: 18px; margin-right: 5px; background-position-x: 50%; background-position-y: 50%; cursor: pointer; } .pdp-main-redesign .shop-the-look-section .look-product .prod-info .look-icon-block .look-wishlist-icon { float: left; background: url(../images/icon-heart.png) no-repeat #fff; border: 1px solid #000; padding: 18px; margin-left: 5px; background-position-x: 50%; background-position-y: 50%; cursor: pointer; } .pdp-main-redesign .shop-the-look-section .look-product .prod-info .look-icon-block .plp-active-wishlist { background-image: url(../images/icon-heart-red.png); } .pdp-main-redesign .shop-the-look-section .look-product .prod-info .shade .shade-color { background-color: #c5202c; margin-right: 12px; display: inline-block; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .shop-the-look-section .look-product .prod-info .shade .shade-color { width: 20px; height: 20px; } } .pdp-main-redesign .plp-icon-block { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .pdp-main-redesign .plp-icon-block .plp-quickshop-icon { float: left; background: url(../images/icon-plus.png) no-repeat #000; border: 1px solid #000; padding: 18px; margin-right: 5px; background-position-x: 50%; background-position-y: 50%; cursor: pointer; } .pdp-main-redesign .plp-icon-block .plp-wishlist-icon { float: left; background: url(../images/icon-heart.png) no-repeat #fff; border: 1px solid #000; padding: 18px; margin-left: 5px; background-position-x: 50%; background-position-y: 50%; cursor: pointer; } .pdp-main-redesign .plp-icon-block .plp-active-wishlist { background-image: url(../images/icon-heart-red.png); } .pdp-main-redesign .desc-section { width: 100%; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .desc-section > .row, .pdp-main-redesign .pt_content-search-result-static .no-left-nav-template .desc-section > .content-asset, .pt_content-search-result-static .no-left-nav-template .pdp-main-redesign .desc-section > .content-asset, .pdp-main-redesign .pt_content-search-result-static .left-nav-template .desc-section > .content-asset, .pt_content-search-result-static .left-nav-template .pdp-main-redesign .desc-section > .content-asset { border-bottom: 1px solid #a9aaad; padding-bottom: 30px; } } .pdp-main-redesign .desc-section .desc-title { font-size: 24px; text-align: center; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .desc-section .desc-title { font-size: 40px; text-align: left; } } .pdp-main-redesign .desc-section ul { padding-left: 18px; } .pdp-main-redesign .desc-section ul li { margin-bottom: 10px; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .desc-section ul li { margin-bottom: 20px; } } .pdp-main-redesign .desc-section .desc-para { font-size: 18px; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .desc-section .desc-para { font-size: 21px; } } .pdp-main-redesign .desc-section .desc-points { display: none; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .desc-section .desc-points { font-size: 16px; display: block; } } .pdp-main-redesign .desc-section .readMore { margin: 0 auto; text-decoration: underline; font-weight: bold; font-size: 14px; margin-top: 20px; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .desc-section .readMore { display: none; } } .pdp-main-redesign .desc-section .readLess { margin: 0 auto; text-decoration: underline; font-weight: bold; font-size: 14px; margin-top: 20px; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .desc-section .readLess { display: none; } } .pdp-main-redesign .desc-section .tested { font-weight: bold; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .desc-section .tested { position: absolute; bottom: 0; } } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .tips-slider-for-col { -ms-flex-order: 2; order: 2; } .pdp-main-redesign .tips-slider-nav-col { -ms-flex-order: 1; order: 1; } .pdp-main-redesign .steps-title, .pdp-main-redesign .steps-container { -ms-flex-order: 3; order: 3; } } .pdp-main-redesign .tips-heading { font-size: 24px; margin: 0 auto; padding: 15px 0 20px 0; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .tips-heading { font-size: 40px; padding: 50px 0; } } .pdp-main-redesign .tips-slider-for { height: 100%; position: relative; } .pdp-main-redesign .tips-slider-for .slick-slide img { width: 100%; } .pdp-main-redesign .tips-slider-for .main-video { margin-right: 50px; margin-bottom: 0; margin-right: 0; width: 100%; } .pdp-main-redesign .tips-slider-for .tips-slider-for-col .slick-list { height: 100%; } .pdp-main-redesign .tips-slider-for iframe { width: 100%; background-size: 100%; background-repeat: no-repeat; border: none; height: 200px; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .tips-slider-for iframe { height: 430px; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .pdp-main-redesign .tips-slider-for iframe { height: 435px; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .pdp-main-redesign .tips-slider-for iframe { height: 300px; } } .pdp-main-redesign .tips-slider-for .play-video-btn { background: url(../images/play-video-btn.png) no-repeat; width: 109px; height: 109px; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .tips-slider-for .play-video-btn { transform: translateX(-50%) translateY(-50%) scale(0.5); } } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .tips-slider-nav { margin-left: -0.625rem; margin-right: -0.625rem; width: calc(100% + 1.250rem); } } @media print, screen and (min-width: 40em) { .pdp-main-redesign .tips-slider-nav { height: 100%; } } .pdp-main-redesign .tips-slider-nav .slick-slide { margin: 0 auto; text-align: center; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .pdp-main-redesign .tips-slider-nav .slick-slide { margin-top: 4px; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .pdp-main-redesign .tips-slider-nav .slick-slide { width: 95% !important; } } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .tips-slider-nav .slick-slide { padding-left: 4px; padding-right: 4px; } } .pdp-main-redesign .tips-slider-nav .slick-slide:focus { outline: none; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .tips-slider-nav .slick-slide img { margin-bottom: 20px; width: auto; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .pdp-main-redesign .tips-slider-nav .slick-slide img { width: 82%; } } .pdp-main-redesign .tips-slider-nav .slick-current img { outline: 2px solid black; outline-offset: -2px; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .tips-slider-nav .slick-current img { outline: 6px solid black; outline-offset: -6px; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .pdp-main-redesign .tips-slider-nav .slick-current img { width: calc(89% - 6px); } } @media print, screen and (min-width: 40em) { .pdp-main-redesign .tips-slider-nav .slick-dots { margin: 0; position: relative; left: 9px; z-index: 1; top: 50%; transform: translateY(-50%); } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .pdp-main-redesign .tips-slider-nav .slick-dots { left: -7%; } } @media print, screen and (min-width: 40em) { .pdp-main-redesign .tips-slider-nav .slick-dots li { display: inline; left: 100%; margin: 0; } } .pdp-main-redesign .tips-slider-nav .slick-dots li button { position: relative; } .pdp-main-redesign .tips-slider-nav .slick-dots li button:before { color: #000; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .tips-slider-nav .slick-list { margin-left: 30px; position: absolute; z-index: 3; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .pdp-main-redesign .tips-slider-nav .slick-list { margin-left: 0; } } .pdp-main-redesign .tips-slider-nav .slick-prev { left: 25%; margin-top: 34px; } .pdp-main-redesign .tips-slider-nav .slick-prev:before { content: "\e903"; font-size: 15px; color: #000; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .tips-slider-nav .slick-prev { margin-top: 0; top: auto; bottom: 2px; } } @media print, screen and (min-width: 40em) { .pdp-main-redesign .tips-slider-nav .slick-prev { left: 100%; margin-left: 2%; top: 20%; } .pdp-main-redesign .tips-slider-nav .slick-prev:before { content: "\e905"; font-size: 25px; color: #000; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .pdp-main-redesign .tips-slider-nav .slick-prev { margin-left: -7%; top: 11%; } .pdp-main-redesign .tips-slider-nav .slick-prev:before { font-size: 20px; } } .pdp-main-redesign .tips-slider-nav .slick-next { right: 25%; margin-top: 34px; } .pdp-main-redesign .tips-slider-nav .slick-next:before { content: "\e906"; font-size: 15px; color: #000; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .tips-slider-nav .slick-next { margin-top: 0; top: auto; bottom: 2px; } } @media print, screen and (min-width: 40em) { .pdp-main-redesign .tips-slider-nav .slick-next { right: 0; margin-right: -12%; top: 25%; } .pdp-main-redesign .tips-slider-nav .slick-next:before { content: "\e904"; font-size: 25px; color: #000; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .pdp-main-redesign .tips-slider-nav .slick-next { margin-right: -5%; } .pdp-main-redesign .tips-slider-nav .slick-next:before { font-size: 20px; } } @media print, screen and (min-width: 40em) { .pdp-main-redesign #contentzone1.pdp-content-section { /* max-height: 1250px; */ border: none; } } .pdp-main-redesign #contentzone2.pdp-content-section, .pdp-main-redesign #contentzone3.pdp-content-section, .pdp-main-redesign #recommendations.pdp-content-section { border: none; } .pdp-main-redesign .pdp-content-section .pdp-content-inner.row, .pdp-main-redesign .pdp-content-section .pt_content-search-result-static .no-left-nav-template .pdp-content-inner.content-asset, .pt_content-search-result-static .no-left-nav-template .pdp-main-redesign .pdp-content-section .pdp-content-inner.content-asset, .pdp-main-redesign .pdp-content-section .pt_content-search-result-static .left-nav-template .pdp-content-inner.content-asset, .pt_content-search-result-static .left-nav-template .pdp-main-redesign .pdp-content-section .pdp-content-inner.content-asset { max-width: 1125px; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .pdp-content-section .pdp-content-inner.row #inline-content2, .pdp-main-redesign .pdp-content-section .pt_content-search-result-static .no-left-nav-template .pdp-content-inner.content-asset #inline-content2, .pt_content-search-result-static .no-left-nav-template .pdp-main-redesign .pdp-content-section .pdp-content-inner.content-asset #inline-content2, .pdp-main-redesign .pdp-content-section .pt_content-search-result-static .left-nav-template .pdp-content-inner.content-asset #inline-content2, .pt_content-search-result-static .left-nav-template .pdp-main-redesign .pdp-content-section .pdp-content-inner.content-asset #inline-content2 { width: 100%; } } .pdp-main-redesign .pdp-content-section .pdp-content-inner.row .large-video .inline-content, .pdp-main-redesign .pdp-content-section .pt_content-search-result-static .no-left-nav-template .pdp-content-inner.content-asset .large-video .inline-content, .pt_content-search-result-static .no-left-nav-template .pdp-main-redesign .pdp-content-section .pdp-content-inner.content-asset .large-video .inline-content, .pdp-main-redesign .pdp-content-section .pt_content-search-result-static .left-nav-template .pdp-content-inner.content-asset .large-video .inline-content, .pt_content-search-result-static .left-nav-template .pdp-main-redesign .pdp-content-section .pdp-content-inner.content-asset .large-video .inline-content { display: none; } .pdp-main-redesign .pdp-content-section .pdp-content-inner.row .content-heading, .pdp-main-redesign .pdp-content-section .pt_content-search-result-static .no-left-nav-template .pdp-content-inner.content-asset .content-heading, .pt_content-search-result-static .no-left-nav-template .pdp-main-redesign .pdp-content-section .pdp-content-inner.content-asset .content-heading, .pdp-main-redesign .pdp-content-section .pt_content-search-result-static .left-nav-template .pdp-content-inner.content-asset .content-heading, .pt_content-search-result-static .left-nav-template .pdp-main-redesign .pdp-content-section .pdp-content-inner.content-asset .content-heading { font-size: 24px; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .pdp-content-section .pdp-content-inner.row .content-heading, .pdp-main-redesign .pdp-content-section .pt_content-search-result-static .no-left-nav-template .pdp-content-inner.content-asset .content-heading, .pt_content-search-result-static .no-left-nav-template .pdp-main-redesign .pdp-content-section .pdp-content-inner.content-asset .content-heading, .pdp-main-redesign .pdp-content-section .pt_content-search-result-static .left-nav-template .pdp-content-inner.content-asset .content-heading, .pt_content-search-result-static .left-nav-template .pdp-main-redesign .pdp-content-section .pdp-content-inner.content-asset .content-heading { font-size: 45px; padding-bottom: 50px; } } .pdp-main-redesign .social-sharing-container { display: none; } .pdp-main-redesign .image-zoom { position: absolute; left: 95%; top: 10px; width: 20px; height: 20px; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .image-zoom { display: none; } } .pdp-main-redesign .steps-title { font-size: 18px; padding: 15px 0; margin: 0 auto; text-align: center; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .steps-title { font-size: 30px; margin: 0; line-height: 1; background: #fff; z-index: 9; text-align: left; } } .pdp-main-redesign .seeSteps { margin: 0 auto; text-decoration: underline; font-weight: bold; font-size: 14px; -ms-flex-order: 3; order: 3; text-align: center; } .pdp-main-redesign .steps-container { width: 100%; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .steps-container { display: none; } } .pdp-main-redesign .steps-row { display: none; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .steps-row .width-20 { text-align: center; font-size: 14px; border-bottom: 1px solid #ccc; margin: 0 20px; width: auto; } .pdp-main-redesign .steps-row .width-20:last-child { margin-bottom: 30px; border-bottom: none; } } @media print, screen and (min-width: 40em) { .pdp-main-redesign .steps-row { display: -ms-flexbox; display: flex; } } @media print, screen and (min-width: 40em) { .pdp-main-redesign .steps-row .width-20 { border-right: 1px solid #e5e5e5; } } @media print, screen and (min-width: 40em) { .pdp-main-redesign .steps-row .width-20:last-child { border-right: none; } } .pdp-main-redesign .width-20 { width: 100%; -ms-flex: auto; flex: auto; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .width-20 { width: 20%; } } .pdp-main-redesign .promo-icons { padding-top: 30px; border-top: 1px solid #000; } @media print, screen and (min-width: 64em) { .pdp-main-redesign .promo-icons .promo-wrap:nth-child(3) .promo-text { padding: 0 39px; } } @media print, screen and (min-width: 64em) { .pdp-main-redesign .promo-icons .promo-wrap:nth-child(5) .promo-text { padding: 0; } } .pdp-main-redesign .promo-icons .promo-wrap { width: 20%; float: left; text-align: center; font-size: 10px; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .pdp-main-redesign .promo-icons .promo-wrap { padding-right: 20px; } } .pdp-main-redesign .promo-icons .promo-wrap .promo-text { margin-top: 15px; padding: 0 18px; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .pdp-main-redesign .promo-icons .promo-wrap .promo-text { padding: 0; } } .pdp-main-redesign .color-family .color-family-name { font-weight: bold; } .pdp-main-redesign .product-add-to-cart button { padding: .4em 2em 0.4em 2em; font-size: 14px; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .product-image-container div#thumbnails { max-width: 90%; } } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .product-image-container div#thumbnails .slick-prev:before, .pdp-main-redesign .product-image-container div#thumbnails .slick-next:before { font-size: 20px; color: #000000; opacity: .20; } } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .product-image-container div#thumbnails .slick-prev:hover:before, .pdp-main-redesign .product-image-container div#thumbnails .slick-prev:focus:before, .pdp-main-redesign .product-image-container div#thumbnails .slick-next:hover:before, .pdp-main-redesign .product-image-container div#thumbnails .slick-next:focus:before { opacity: 1; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .pdp-main-redesign .product-thumbnails { margin-top: 30px; } } .pdp-main-redesign .product-thumbnails ul { width: 100%; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .product-thumbnails ul { min-height: 300px; } } @media print, screen and (min-width: 64em) { .pdp-main-redesign .product-thumbnails .productthumbnail { min-height: 70px; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .pdp-main-redesign .product-thumbnails .productthumbnail { min-height: 37px; margin-bottom: 30px; } } @media print, screen and (min-width: 40em) { .pdp-main-redesign .product-thumbnails .productthumbnail { margin-bottom: 40px; } } .pdp-main-redesign .product-thumbnails .slick-vertical .slick-prev { display: none !important; } .pdp-main-redesign .product-thumbnails .slick-vertical .slick-next { transform: rotate(-45deg); top: 95%; } .pdp-main-redesign .product-thumbnails .slick-vertical .slick-next:before { content: ' \25E3'; color: #000; opacity: 1; font-size: 25px; } .pdp-main-redesign .product-thumbnails img:focus { outline: none; } .pdp-main-redesign .product-thumbnails .productthumbnail.selected { border: none; outline: none; } .pdp-main-redesign .product-info { margin-bottom: 40px; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .product-info { padding: 0; margin-bottom: 25px; } } .pdp-main-redesign .product-info .product-variations { display: none; } .pdp-main-redesign .product-info .product-variations:first-child { display: block; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .product-info .product-variations:first-child { -ms-flex-order: 2; order: 2; } } .pdp-main-redesign .product-info .product-variations:first-child .pdp-vars .attribute { margin-top: 0; } .pdp-main-redesign .product-info .product-variations:first-child .swatches.size li { margin-right: 0; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .price-qty-row .product-variations { margin-right: 50px; } } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .price-qty-row .product-variations { position: absolute; right: 0; padding-right: 20px; } } .pdp-main-redesign .product-price { margin-right: 25px; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .product-price { -ms-flex-order: 3; order: 3; margin-right: 0; } } @media screen and (max-width: 39.9375em) { .pdp-main-redesign div.product-price { position: absolute; right: 0; margin: 30px 0 0 0; padding-right: 20px; } } .pdp-main-redesign .inventory { margin-right: 50px; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .inventory { -ms-flex-order: 1; order: 1; position: relative; } } .pdp-main-redesign .price-qty-row .label { margin-right: 0.3rem; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .price-qty-row .label { margin-right: 0.7rem; } } .pdp-main-redesign .quantity select.underline { padding: 4px 23px 6px 14px; font-weight: bold; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .quantity select.underline { padding: 2px 23px 4px 14px; } } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .variant-dropdown, .pdp-main-redesign .price-qty-row, .pdp-main-redesign .product-form-actions { padding: 0 20px; } } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .product-form-actions { display: block; margin-top: 3.5rem; } } @media print, screen and (min-width: 40em) { .pdp-main-redesign .product-form-actions { margin-bottom: 40px; } } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .product-form-actions #add-to-cart.disabled + .pdp-wishlist-icon { float: right; } } .pdp-main-redesign .product-form-actions #add-to-cart { position: relative; margin-right: 15px; letter-spacing: 1px; font-size: 16px; } .pdp-main-redesign .product-form-actions #add-to-cart.disabled { padding: 0.4em 3em 0.4em 3em; opacity: 1; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .product-form-actions #add-to-cart.disabled { padding: 0.4em 2em 0.4em 2em; } } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .product-form-actions #add-to-cart { width: 77%; font-size: 18px; margin-bottom: 20px; z-index: 10; } } .pdp-main-redesign .product-form-actions .pdp-wishlist-icon { float: left; background: url(../images/icon-heart.png) no-repeat #fff; border: 1px solid #000; padding: 18px; margin-left: 5px; background-position-x: 50%; background-position-y: 50%; cursor: pointer; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .product-form-actions .pdp-wishlist-icon { padding: 24px; margin-left: 0; float: right; } } .pdp-main-redesign .product-form-actions .pdp-wishlist-icon.pdp-active-wishlist { background-image: url(../images/icon-heart-red.png); } .pdp-main-redesign .product-variations .attribute.variant-dropdown { max-width: 100%; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .product-variations .pdp-vars .swatches { margin: 0 auto; padding-right: 0; } } .pdp-main-redesign .product-variations .color li { padding: 0; width: 40px; height: 40px; margin: 0 13px 15px 0; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .product-variations .color li { width: 40px; height: 40px; } } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .product-variations .color li { width: 35px; height: 35px; margin: 0 13px 10px 0; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .pdp-main-redesign .product-variations .color li { margin: 0 10px 15px 0; } } .pdp-main-redesign .product-variations .color li.selected a img { padding: 3px; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .product-variations .color li.selected a img { padding: 2px; } } .pdp-main-redesign .product-variations .shade-filter-tabs { padding-left: 0; margin-bottom: 30px; display: -ms-flexbox; display: flex; border-bottom: 1px solid #dbdbdb; border-top: 1px solid #000; margin-top: 30px; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .product-variations .shade-filter-tabs { border-bottom: 1px solid #000000; border-top: 1px solid #dbdbdb; } } .pdp-main-redesign .product-variations .shade-filter-tabs .tabs-title { -ms-flex: 1; flex: 1; margin: 0; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .product-variations .shade-filter-tabs .tabs-title { border-left: 1px solid #dbdbdb; } .pdp-main-redesign .product-variations .shade-filter-tabs .tabs-title:last-child { border-right: 1px solid #dbdbdb; } } .pdp-main-redesign .product-variations .shade-filter-tabs .tabs-title a { padding: 10px 0 0; color: #767676; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .product-variations .shade-filter-tabs .tabs-title a { padding: 0; position: relative; float: left; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 13px; font-weight: bold; line-height: normal; padding: 5px 10px; } } .pdp-main-redesign .product-variations .shade-filter-tabs .tabs-title.is-active { border-bottom: 3px solid #000; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .product-variations .shade-filter-tabs .tabs-title.is-active { border: 1px solid #000; border-bottom: none; position: relative; } .pdp-main-redesign .product-variations .shade-filter-tabs .tabs-title.is-active:after { position: absolute; content: ''; height: 2px; bottom: -1px; left: 0; right: 0; width: 100%; background: #ffffff; } } .pdp-main-redesign .product-variations .shade-filter-tabs .tabs-title.is-active a { text-decoration: none; color: #000; } .pdp-main-redesign .tabs-panel { display: none; } .pdp-main-redesign .tabs-panel.is-active { display: block; } .pdp-main-redesign .miniproduct-info.loading { min-height: 50px; background: none; position: relative; background-image: url(../images/spin.gif); background-repeat: no-repeat; background-position: 50%; background-size: 10%; } .pdp-main-redesign .miniproduct-info.loading .miniproduct { visibility: hidden; } .pdp-main-redesign .miniproduct-info .pdp-wishlist-icon { float: left; background: url(../images/icon-heart.png) no-repeat #fff; border: 1px solid #000; padding: 18px; margin-left: 5px; background-position-x: 50%; background-position-y: 50%; cursor: pointer; float: right; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .miniproduct-info .pdp-wishlist-icon { padding: 24px; margin-left: 0; float: right; } } .pdp-main-redesign .miniproduct-info .pdp-wishlist-icon.pdp-active-wishlist { background-image: url(../images/icon-heart-red.png); } .pdp-main-redesign .miniproduct-info .selected-variant-image { width: 24px; height: 24px; position: absolute; display: block; } .pdp-main-redesign .miniproduct-info .selected-variant-image img, .pdp-main-redesign .miniproduct-info .selected-variant-image .swatch-block { width: 100%; height: 100%; } .pdp-main-redesign .miniproduct-info .product-name-container { padding-right: 0; position: relative; } .pdp-main-redesign .miniproduct-info .product-name { font-size: 17px; margin-right: 0; margin-bottom: 10px; word-wrap: break-word; float: left; width: 75%; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .pdp-main-redesign .miniproduct-info .product-name { font-size: 13px; margin-left: 0px; } } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .miniproduct-info .product-name { display: none; } } .pdp-main-redesign .miniproduct-info .product-price { font-size: 17px; text-align: right; float: right; margin-right: 0; position: absolute; right: 0px; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .pdp-main-redesign .miniproduct-info .product-price { font-size: 13px; } } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .miniproduct-info .product-price { display: none; } } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .miniproduct-info .pdp-heart-block { display: none; } } .pdp-main-redesign .miniproduct-info .variation-dropdown-container { position: relative; } .pdp-main-redesign .miniproduct-info .variation-dropdown-container .selected-variant-image { height: 36px; width: 36px; } .pdp-main-redesign .miniproduct-info .variation-dropdown-container .variant-drop-down { margin-left: 36px; } .pdp-main-redesign .miniproduct-info select.variation-select { height: 36px; text-transform: uppercase; margin-bottom: 20px; padding-left: 30px; } .pdp-main-redesign .miniproduct-info .mini-add-to-cart { height: 38px; padding-left: 15px; padding-right: 15px; padding-top: 10px; font-size: 13px; width: 80%; float: left; background-color: #c8102e; border: 2px solid #c8102e; } .pdp-main-redesign .miniproduct-info .mini-add-to-cart:hover { background-color: #fff; color: #c8102e; } .pdp-main-redesign .miniproduct-info .mini-add-to-cart[disabled]:hover, .pdp-main-redesign .miniproduct-info .mini-add-to-cart.disabled:hover { color: #000; } .pdp-main-redesign .persistant-tray-active { position: fixed; display: block; bottom: 63px; right: 0px; border: 1px solid #ccc; top: auto !important; left: auto; z-index: 200; background: #fff; overflow: initial; min-height: 100px; border-right: none; } @media only screen and (min-width: 667px) { .pdp-main-redesign .persistant-tray-active .miniproduct-info .miniproduct .selected-color-image .hex-swatch-block { width: 20px; height: 20px; } } .pdp-main-redesign .persistant-tray-active .miniproduct-info .miniproduct .pdp-variant-shade-name { position: absolute; top: 0px; left: 26px; width: 195px; height: auto; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .persistant-tray-active .miniproduct-info .miniproduct .pdp-variant-shade-name { top: 5px; left: 40px; width: 145px; z-index: 10; } } @media print, screen and (min-width: 40em) { .pdp-main-redesign .persistant-tray-active .miniproduct-info .miniproduct-standard-product .selected-color-image { bottom: 61px; } } @media print, screen and (min-width: 40em) { .pdp-main-redesign .persistant-tray-active .miniproduct-info .miniproduct-standard-product .product-name { margin-bottom: 51px; } } @media print, screen and (min-width: 40em) { .pdp-main-redesign .persistant-tray-active .miniproduct-info .miniproduct-standard-product .miniproduct-actions { position: relative; top: -5px; } } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .persistant-tray-active { bottom: 0; width: 100%; } } @media print, screen and (min-width: 40em) { .pdp-main-redesign .persistant-tray-active { width: 400px; } } @media print, screen and (min-width: 64em) { .pdp-main-redesign .persistant-tray-active { width: 450px; } } @media screen and (min-width: 93.75em) { .pdp-main-redesign .persistant-tray-active { right: calc( (100% - 1500px)/2); } } .pdp-main-redesign .persistant-tray-active .miniproduct-info.loading { min-height: 100px; } .pdp-main-redesign .persistant-tray-active.closed { display: none; } .pdp-main-redesign .persistant-tray-active .icon-down-persistant-tray { position: absolute; top: -36px; right: 40px; font-size: 24px; color: #D9D9D9; cursor: pointer; } .pdp-main-redesign .persistant-tray-active .button-close { position: absolute; right: 5px; top: 5px; width: auto; padding: 4px; margin: 0; border: 0 none; background: none; } .pdp-main-redesign .persistant-tray-active .button-close .icon { font-size: 10px; font-weight: bold; } .pdp-main-redesign .persistant-tray-active .button-close .icon:before { color: #000; } .pdp-main-redesign .persistant-tray-active .icon-loading { display: none; position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px; width: 30px; height: 30px; font-size: 30px; line-height: 30px; } .pdp-main-redesign .persistant-tray-active .icon-loading .icon { width: 30px; height: 30px; } .pdp-main-redesign .persistant-tray-active .miniproduct-info { padding: 15px 20px; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .persistant-tray-active .miniproduct-info .variation-select { padding-right: 40px; padding-left: 45px; } } .pdp-main-redesign .persistant-tray-active .miniproduct-info .item-image { padding: 0; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .persistant-tray-active .miniproduct-info .item-image { display: none; } } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .persistant-tray-active .miniproduct-info .selected-variant-image + .attribute.variant-dropdown { height: 0; } } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .persistant-tray-active .miniproduct-info .variant-dropdown { position: relative; left: -20px; top: -25px; } } .pdp-main-redesign .persistant-tray-active .miniproduct-info .icon-up-container { display: block; } .pdp-main-redesign .persistant-tray-active .miniproduct-info .callout.alert { padding-top: 10px; padding-bottom: 0; } .pdp-main-redesign .persistant-tray-active .miniproduct-info .variant-drop-down { max-width: none; -ms-flex: 1; flex: 1; padding-right: 0; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .pdp-main-redesign .persistant-tray-active .miniproduct-info .variant-drop-down { max-width: 100%; font-size: 13px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .pdp-main-redesign .persistant-tray-active .miniproduct-info .variation-dropdown-container { position: relative; padding-right: 0; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .persistant-tray-active .miniproduct-info .variation-dropdown-container { height: 30px; } } .pdp-main-redesign .persistant-tray-active .miniproduct-info .variation-dropdown-container .selected-variant-image { display: none; } .pdp-main-redesign .persistant-tray-active .miniproduct-info .variation-dropdown-container .variant-drop-down { margin-left: 0; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .persistant-tray-active .miniproduct-info .variation-dropdown-container .variant-drop-down { width: 70%; position: relative; top: 25px; } } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .persistant-tray-active .miniproduct-info .add-to-bag-container { width: 50%; float: right; position: relative; top: -12px; left: 20px; } } .pdp-main-redesign .persistant-tray-active .miniproduct-info .product-form-actions-container { width: 40%; float: left; margin: 0; } .pdp-main-redesign .persistant-tray-active .miniproduct-info .product-form-actions-container > .column, .pdp-main-redesign .persistant-tray-active .miniproduct-info .product-form-actions-container > .columns { padding: 0; width: 100%; } .pdp-main-redesign .main-image #alt-video { display: none; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .main-image #alt-video { margin-top: 60px; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .pdp-main-redesign .main-image #alt-video { width: 300px; height: 300px; margin-top: 30px; } } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .promotion { clear: both; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .pdp-main-redesign .promotion-callout { padding-left: 20px; } } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .promotion-callout { position: relative; top: 5px; height: 100%; text-align: left; } } .pdp-main-redesign .filter-variant-dropdown { margin-top: 30px !important; } @media print, screen and (min-width: 40em) { .pdp-main-redesign .filter-variant-dropdown { margin-top: 10px !important; } } .pdp-main-redesign select.underline.filter-variation-select { padding: 18px 16px 10px 5px; outline: none; z-index: 1; color: rgba(255, 255, 255, 0); } @media screen and (max-width: 39.9375em) { .pdp-main-redesign select.underline.filter-variation-select { padding: 22px 16px 10px 5px; } } .pdp-main-redesign select.underline.filter-variation-select:focus { outline: none; } .pdp-main-redesign select.underline.filter-variation-select option:selected { color: red; } .pdp-main-redesign select.underline.filter-variation-select option { background: #fff; color: #000; } .pdp-main-redesign .selected-color-container { background: #ffffff; width: 85%; position: absolute; top: 0; min-height: 40px; z-index: 0; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .selected-color-container { max-height: 45px; font-size: 14px; width: 70%; overflow: hidden; } } .pdp-main-redesign .selected-color-container #selected-color-desc { font-weight: 100; color: #555; } .pdp-main-redesign .selected-color-image { height: 20px; width: 20px; position: absolute; top: auto; left: 20px; right: auto; bottom: 65px; } @media screen and (max-width: 39.9375em) { .pdp-main-redesign .selected-color-image { top: auto; left: 10px; height: 35px; width: 35px; bottom: 21px; } } .pdp-main-redesign .selected-color-image .hex-swatch-block { width: 35px; height: 35px; } .pdp-main-redesign #pers-selected-color { position: relative; top: 55px; left: 45px; background-color: #ffffff; z-index: 9; width: 30%; font-size: 15px; } @media print, screen and (min-width: 40em) { .pdp-main-redesign #pers-selected-color { display: none; } } @media screen and (max-width: 39.9375em) { .pdp-main-redesign #pers-selected-color { top: 5px; height: 45px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } } @media print, screen and (min-width: 40em) { .pdp-main-redesign .product-detail .product-promo { margin-left: 15px; margin-top: 0; } } .pdp-main-redesign .product-add-to-cart .row .column, .pdp-main-redesign .product-add-to-cart .pt_content-search-result-static .no-left-nav-template .content-asset .column, .pt_content-search-result-static .no-left-nav-template .pdp-main-redesign .product-add-to-cart .content-asset .column, .pdp-main-redesign .product-add-to-cart .pt_content-search-result-static .left-nav-template .content-asset .column, .pt_content-search-result-static .left-nav-template .pdp-main-redesign .product-add-to-cart .content-asset .column, .pdp-main-redesign .product-add-to-cart .row .columns, .pdp-main-redesign .product-add-to-cart .pt_content-search-result-static .no-left-nav-template .content-asset .columns, .pt_content-search-result-static .no-left-nav-template .pdp-main-redesign .product-add-to-cart .content-asset .columns, .pdp-main-redesign .product-add-to-cart .pt_content-search-result-static .left-nav-template .content-asset .columns, .pt_content-search-result-static .left-nav-template .pdp-main-redesign .product-add-to-cart .content-asset .columns { width: 100%; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .pdp-main-redesign .show-list + .full-ingredients-list { width: 100%; height: 100%; left: 0; right: 0; z-index: 30; overflow: auto; max-width: 100%; top: 0; position: fixed; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #modal-content .pdp-main-redesign .main-image { width: 100%; } } #modal-content .pdp-main-redesign .main-image #alt-video { margin-top: 0; } @media print, screen and (min-width: 40em) { #modal-content #alt-video { width: 95%; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { #modal-content #alt-video { width: 235px; } } #modal-content #alt-video-small { width: 250px; } @media screen and (max-width: 39.9375em) { #modal-content .product-images .slick-next { right: -20px; } #modal-content .product-images .slick-prev { left: -20px; } } @media print, screen and (min-width: 40em) { #modal-content .productthumbnail { margin-bottom: 0; } } #modal-content .pdp-brand-zoom { display: none; } @media only screen and (min-width: 1024px) { .tips-slider-for-col { max-width: inherit; } } @media only screen and (min-width: 767px) and (max-width: 1024px) { .tips-slider-for-col { max-width: 73%; } } .tips-slider-for-col .pdp-brand-zoom { display: none; } .white-swatch-block { border: 1px solid #000; } .b-pdp-quickview-bv-rating .stars-outer { display: inline-block; position: relative; font-family: FontAwesome; } .b-pdp-quickview-bv-rating .stars-outer::before { content: "\f006 \f006 \f006 \f006 \f006"; } .b-pdp-quickview-bv-rating .stars-inner { position: absolute; top: 0; left: 0; white-space: nowrap; overflow: hidden; width: 0; } .b-pdp-quickview-bv-rating .stars-inner::before { content: "\f005 \f005 \f005 \f005 \f005"; color: #000; } .slick-prev:before, .slick-next:before { font-family: "iconfont64"; font-size: 28px; } @media screen and (max-width: 39.9375em) { .slick-prev:before, .slick-next:before { font-size: 17px; } } .slick-prev:before, [dir="rtl"] .slick-prev:before { content: "\E001"; color: #353737; opacity: 1; } .slick-next:before, [dir="rtl"] .slick-next:before { content: "\E002"; color: #353737; opacity: 1; } @media screen and (max-width: 39.9375em) { #modal-content .product-images .slick-prev { left: 0; } } @media screen and (max-width: 39.9375em) { #modal-content .product-images .slick-next { right: 0; } } @media screen and (max-width: 39.9375em) { .pt_product-details .pdp-main .primary-image { max-width: 335px; } } @media screen and (max-width: 39.9375em) { .pt_product-details .product-image-container .product-images.product-slide-large button.slick-arrow.slick-prev { left: 20px; top: 55%; } } @media screen and (max-width: 39.9375em) { .pt_product-details .product-image-container .product-images.product-slide-large button.slick-arrow.slick-next { right: 20px; top: 55%; } } .product-list-carousel { position: relative; } @media only screen and (max-device-width: 768px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { .product-list-carousel .slick-slide img { height: 100%; } } .product-list-carousel .product-description-slide1 { color: #fff; } .product-list-carousel .product-description-slide1 hr { background-color: #fff; } @media screen and (max-device-width: 767px) { .product-list-carousel .product-description-slide1 h1 { display: none; } } @media screen and (max-device-width: 767px) { .product-list-carousel .product-description-slide1 hr { display: none; } } .product-list-carousel .product-description-section { color: #000; } .product-list-carousel .product-description-section hr { background-color: #000; } @media screen and (max-device-width: 767px) { .product-list-carousel .product-description-section hr { display: none; } } @media screen and (max-device-width: 767px) { .product-list-carousel .product-description-section { padding: 27px 0; } } @media screen and (max-device-width: 767px) { .product-list-carousel .main-video:before { top: 30%; } } .product-list-carousel .product-list-carousel-description { position: absolute; top: 23%; padding-left: 200px; } @media screen and (max-device-width: 767px) { .product-list-carousel .product-list-carousel-description { background: #e8e8e8; } } .product-list-carousel .product-list-carousel-description .plp-carousel-video-modal p { font-size: 21px; font-weight: bold; } @media screen and (max-device-width: 767px) { .product-list-carousel .product-list-carousel-description .plp-carousel-video-modal p { font-size: 12px; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .product-list-carousel .product-list-carousel-description .plp-carousel-video-modal p { font-size: 17px; } } @media screen and (max-device-width: 767px) { .product-list-carousel .product-list-carousel-description { position: relative; padding-left: 0; text-align: center; } } @media screen and (min-device-width: 768px) and (max-device-width: 1024px) { .product-list-carousel .product-list-carousel-description { top: 8%; padding-left: 60px; } } .product-list-carousel .product-list-carousel-description .sub-desc { font-size: 36px; } @media screen and (max-device-width: 767px) { .product-list-carousel .product-list-carousel-description .sub-desc { font-size: 18px; } } @media screen and (max-device-width: 767px) { .product-list-carousel .product-list-carousel-description .carousel-button-group { padding: 27px 6px; } } .product-list-carousel .product-list-carousel-description .carousel-button-group button { font-size: 20px; margin: 8px; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .product-list-carousel .product-list-carousel-description .carousel-button-group button { font-size: 15px; } } @media screen and (max-device-width: 767px) { .product-list-carousel .product-list-carousel-description .carousel-button-group button { font-size: 17px; width: 44%; margin: 8px; } } .product-list-carousel .product-list-carousel-description .carousel-button-group .dews-button { padding: 0 20px; } .product-list-carousel .product-list-carousel-description .carousel-button-group .gels-button { padding: 0 20px; } .product-list-carousel .product-list-carousel-description .carousel-button-group .inks-button { padding: 0 26px; } .product-list-carousel .product-list-carousel-description hr { width: 20%; float: left; height: 5px; margin: 20px 0; } .product-list-carousel .product-list-carousel-description h1 { font-size: 50px; margin: 7px 0; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .product-list-carousel .product-list-carousel-description h1 { font-size: 30px; } } @media screen and (max-device-width: 767px) { .product-list-carousel .product-list-carousel-description h1 { font-size: 24px; } } .product-list-carousel .product-list-carousel-description p { font-size: 24px; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .product-list-carousel .product-list-carousel-description p { font-size: 15px; } } .product-list-carousel .product-list-carousel-description .slide-description { clear: both; } @media screen and (max-device-width: 767px) { .product-list-carousel .product-list-carousel-description .slide-description { display: none; } } .plp-products-switch .product-image-two { display: none; } .plp-products-switch:hover .product-image-one { display: none; } .plp-products-switch:hover .product-image-two { display: block; } #product-list-page-carousel2 { position: relative; } #product-list-page-carousel2 .slick-dots { position: absolute; bottom: 0; } #product-list-page-carousel2 .slick-next { right: 16px; } #product-list-page-carousel2 .slick-prev { left: 16px; } @media screen and (max-width: 39.9375em) { .slider-bottom-spacing { margin-bottom: -10px; } } #product-list-page-carousel .slick-next { right: 7%; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { #product-list-page-carousel .slick-next { right: 1%; } } @media screen and (max-device-width: 767px) { #product-list-page-carousel .slick-next { top: 25%; right: 0%; } } #product-list-page-carousel .slick-next:before { color: #fff; } #product-list-page-carousel .slick-prev { left: 7%; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { #product-list-page-carousel .slick-prev { left: 1%; } } @media screen and (max-device-width: 767px) { #product-list-page-carousel .slick-prev { top: 25%; left: 0%; } } #product-list-page-carousel .slick-prev:before { color: #fff; } /* ----- PLP grid ------- */ @media screen and (max-device-width: 767px) { .small-flyout .search-result-options { overflow: initial; } } @media screen and (max-device-width: 767px) { .sticky-body { overflow: hidden; position: fixed; } } @media print, screen and (min-width: 40em) { .plp-product-grid-category .shop-by-btn { font-size: 18px; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .plp-product-grid-category .search-result-options .product-listing-filter a { font-size: 14px; } } .plp-product-grid-category .search-result-options .product-listing-filter a[selected].greyOut .checkmark { background-color: #cfcfcf; border-color: #cfcfcf; } .plp-product-grid-category .loader { z-index: 11; } @media print, screen and (min-width: 40em) { .plp-product-grid-category #results-hits-top { float: left; margin-top: .5em; width: 100%; -ms-flex-pack: center; justify-content: center; display: block; padding-left: 0; margin-left: 0; } } @media screen and (max-device-width: 767px) { .plp-product-grid-category #shop-by-dropdown { background-color: #fff !important; top: 0 !important; left: 0 !important; height: 100% !important; overflow: auto; padding-bottom: 0; z-index: 99999; } } .plp-product-grid-category #shop-by-dropdown .accordion-content { border-bottom: 1px solid #e6e6e6; } .plp-product-grid-category #shop-by-dropdown .accordion-content:last-child { border-bottom: none; } .plp-product-grid-category #shop-by-dropdown .panel-bottom-content { position: absolute; bottom: 0; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media screen and (max-device-width: 767px) { .plp-product-grid-category #shop-by-dropdown .panel-bottom-content { background: #fff; height: auto; position: fixed; bottom: 0; } } .plp-product-grid-category #shop-by-dropdown .panel-bottom-content .panel-sub-section2 { margin: 25px 20px; float: right; width: 50%; } .plp-product-grid-category #shop-by-dropdown .panel-bottom-content .panel-sub-section2 button { padding: 10px 45px; } .plp-product-grid-category #shop-by-dropdown .panel-bottom-content .clear-all-content { width: 50%; } .plp-product-grid-category #shop-by-dropdown .panel-bottom-content .panel-sub-section1 { margin: 25px 20px; float: left; font-size: 15px; font-weight: bold; width: 100%; } .plp-product-grid-category #shop-by-dropdown .color-filter-column { display: inline-block; list-style: none; padding: 0; margin: 0; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 264px; height: auto; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .plp-product-grid-category #shop-by-dropdown .color-filter-column { width: 172px; } } @media screen and (max-device-width: 767px) { .plp-product-grid-category #shop-by-dropdown .color-filter-column { width: 100%; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { .plp-product-grid-category #shop-by-dropdown .color-filter-column { width: 120px; } } .plp-product-grid-category #shop-by-dropdown .color-filter-column li { float: left; padding-bottom: 6px; } .plp-product-grid-category #shop-by-dropdown .color-filter-column .checked-filter .checkmark { border: 4px solid #000 !important; } .plp-product-grid-category #shop-by-dropdown .color-filter-column .filter-option { height: auto; padding: 10px 6px; text-align: center; width: 61px; padding-top: 3px; } .plp-product-grid-category #shop-by-dropdown .color-filter-column .filter-option.greyOut .checkmark:before { content: ""; position: absolute; border-top: 2px #fff solid; transform: rotate(45deg); width: 150%; height: 150%; z-index: 4; left: -25px; top: 9px; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .plp-product-grid-category #shop-by-dropdown .color-filter-column .filter-option { width: 55px; } } @media screen and (max-device-width: 767px) { .plp-product-grid-category #shop-by-dropdown .color-filter-column .filter-option { width: 66px; } } .plp-product-grid-category #shop-by-dropdown .color-filter-column .filter-option .filter-color-name { clear: both; font-size: 10px; position: relative; top: 8px; color: #000; font-weight: bold; left: -8px; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .plp-product-grid-category #shop-by-dropdown .color-filter-column .filter-option .filter-color-name { left: -8px; font-size: 9px; } } @media screen and (max-device-width: 767px) { .plp-product-grid-category #shop-by-dropdown .color-filter-column .filter-option .filter-color-name { left: -6px; font-size: 11px; } } .plp-product-grid-category #shop-by-dropdown .color-filter-column .filter-option .checkmark { height: 35px; width: 35px; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .plp-product-grid-category #shop-by-dropdown .color-filter-column .filter-option .checkmark { height: 25px; width: 25px; } } @media print, screen and (min-width: 40em) { .plp-product-grid-category .search-result-options .top-filter .sort-by select.underline { font-size: 18px; } } .plp-product-grid-category .top-filter { display: block; padding: 0 50px !important; } @media screen and (max-device-width: 767px) { .plp-product-grid-category .top-filter .panel-bottom-content { width: 100%; } .plp-product-grid-category .top-filter .panel-bottom-content .panel-sub-section1 { float: left; margin-top: 12px; font-weight: 800; } } @media screen and (max-device-width: 767px) { .plp-product-grid-category .top-filter .panel-sub-section2 { float: right; } .plp-product-grid-category .top-filter .panel-sub-section2 .dropdown-panel-button { padding: 11px 40px; } } @media screen and (max-device-width: 767px) { .plp-product-grid-category .top-filter { display: -ms-flexbox; display: flex; border-top: 1px solid #ebebec; padding: 0 !important; } } @media screen and (max-device-width: 767px) { .plp-product-grid-category .top-filter .lastFilterClass { padding-bottom: 80px !important; } } @media screen and (min-device-width: 1260px) { .plp-product-grid-category .top-filter .dropdown-pane.is-open { left: 50% !important; max-width: 1126px; transform: translateX(-50%); width: 91% !important; } } @media only screen and (max-width: 1024px) and (min-width: 768px) { .plp-product-grid-category .top-filter .dropdown-pane.is-open { width: 87% !important; } } .plp-product-grid-category .top-filter .is-active > .accordion-title::before { content: ''; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #000; float: right; position: relative; top: 11px; transform: rotateZ(180deg); } .plp-product-grid-category .top-filter .accordion-title::before { content: ''; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #000; float: right; position: relative; top: 11px; } .plp-product-grid-category .top-filter .filter { padding-left: 10px; } .plp-product-grid-category .top-filter .greyOut { pointer-events: none; color: #cfcfcf; } .plp-product-grid-category .top-filter .greyOut .checkmark { border-color: #cfcfcf; } @-moz-document url-prefix() { .plp-product-grid-category .top-filter .selected-breadcrumb-refinement { position: absolute; } .plp-product-grid-category .top-filter .shop-by-btn { position: relative; } .plp-product-grid-category .top-filter .shop-by-btn:after { position: absolute !important; top: 15px !important; right: 0 !important; } @media screen and (max-device-width: 767px) { .plp-product-grid-category .top-filter .shop-by-btn { border-right: 1px solid #ebebec; } } } .plp-product-grid-category .top-filter .selected-breadcrumb-refinement { text-align: left; } @media screen and (max-device-width: 767px) { .plp-product-grid-category .top-filter .selected-breadcrumb-refinement { height: 100%; margin-bottom: 50px; } } .plp-product-grid-category .top-filter .selected-breadcrumb-refinement .selectedrefinement { padding: 10px; } @media screen and (max-device-width: 767px) { .plp-product-grid-category .top-filter .selected-breadcrumb-refinement .selectedrefinement { position: relative; top: -74px; } } .plp-product-grid-category .top-filter .selected-breadcrumb-refinement .clear-all-container { float: left; } .plp-product-grid-category .top-filter .selected-breadcrumb-refinement .clear-all-container a { text-decoration: none; font-weight: bold; color: #000; font-size: 12px; padding-top: 10px; } .plp-product-grid-category .top-filter .sort-by { max-width: 22%; } @media screen and (max-device-width: 767px) { .plp-product-grid-category .top-filter .sort-by form { margin-right: 7px; } } .plp-product-grid-category .top-filter .sort-by select.underline { font-size: 18px; text-transform: uppercase; font-weight: bold; background-size: 12px; } .plp-product-grid-category .top-filter .sort-by select option { font-size: 16px; text-transform: none; } .plp-product-grid-category .results-hits-top-block { text-align: center; margin: 12px 16px; margin-bottom: 0; clear: both; } .plp-product-grid-category .results-hits-top-block .results-hits { font-size: 18px; font-weight: 100; margin-top: 20px; margin-bottom: 0; } .plp-product-grid-category .plp-product-grid-block { padding: 0 50px; } @media screen and (max-device-width: 767px) { .plp-product-grid-category .plp-product-grid-block #results-hits-bottom { padding-top: 10px; } } .plp-product-grid-category .plp-product-grid-block .selected-breadcrumb-refinement { margin-top: 15px; } .plp-product-grid-category .plp-product-grid-block .selected-breadcrumb-refinement .clear-all-container { float: left; text-transform: uppercase; font-size: 12px; padding: 4px 20px 3px 0px; } @media screen and (max-width: 39.9375em) { .plp-product-grid-category .plp-product-grid-block .selected-breadcrumb-refinement .clear-all-container { padding: 4px 0 3px 0; } } @media screen and (max-width: 39.9375em) { .plp-product-grid-category .plp-product-grid-block .selected-breadcrumb-refinement .selected-breadcrumb-refinement-breadcrumbs { width: 80%; float: right; } } .plp-product-grid-category .plp-product-grid-block .selected-breadcrumb-refinement .selectedrefinement .breadcrumb-relax { position: relative; text-transform: uppercase; font-size: 12px; color: #d5d5d5; font-weight: 100; float: left; padding-right: 40px; margin-top: 4px; } .plp-product-grid-category .plp-product-grid-block .selected-breadcrumb-refinement .selectedrefinement .breadcrumb-relax .icon-down-pdp { background: url("../images/cancel-circle.png") no-repeat; position: absolute; top: 0px; height: 17px; width: 17px; margin-left: 5px; } @media screen and (max-device-width: 767px) { .plp-product-grid-category .plp-product-grid-block { padding: 0; } } .plp-product-grid-category .plp-product-grid-block #search-result-items { padding-bottom: 1rem; } @media screen and (max-device-width: 767px) { .plp-product-grid-category .plp-product-grid-block #search-result-items { padding: 0 50px; } } .plp-product-grid-category .plp-product-grid-block .search-result-items > div { border: none; margin-top: 20px; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .plp-product-grid-category .product-tile .product-name { font-size: 13px; } } .plp-product-grid-category .product-tile .plp-swatch-count { font-size: 11px; padding-bottom: 5px; color: #767676; } .plp-product-grid-category .product-tile .plp-short-description-fullwidth { min-height: 48px; } .plp-product-grid-category .product-tile .bv-rating-wrapper { margin-top: 12px; } .plp-product-grid-category .product-tile .plp-product-shortdescription { min-height: 48px; font-weight: 100; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .plp-product-grid-category .product-tile .plp-product-shortdescription { font-size: 12px; } } .plp-product-grid-category .product-tile .swatch-placeholder-fullwidth { min-height: 63px; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .plp-product-grid-category .product-tile .product-brand { font-size: 13px; } } .plp-product-grid-category .product-tile .plp-icon-block { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .plp-product-grid-category .product-tile .plp-icon-block .plp-wishlist-icon { float: left; background: #fff; border: 1px solid #000; padding: 18px 18px; margin-left: 5px; background-image: url("../images/icon-heart.png"); background-repeat: no-repeat; background-position-x: 50%; background-position-y: 50%; cursor: pointer; } .plp-product-grid-category .product-tile .plp-icon-block .plp-active-wishlist { background-image: url("../images/icon-heart-red.png"); } .plp-product-grid-category .product-tile .plp-icon-block .plp-quickshop-icon { float: left; background: #000; border: 1px solid #000; padding: 18px 18px; margin-right: 5px; background-image: url("../images/icon-plus.png"); background-repeat: no-repeat; background-position-x: 50%; background-position-y: 50%; cursor: pointer; } .plp-product-grid-category .product-tile .product-swatches { margin: 0 20px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { .plp-product-grid-category .product-tile .product-swatches { margin: 0 10px; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .plp-product-grid-category .product-tile .product-swatches { margin: 0 10px; } } .plp-product-grid-category .product-tile .product-swatches .selected-color-image .hex-swatch-block { width: 25px; height: 25px; margin: 0 auto; margin-top: 4px; } .plp-product-grid-category .product-tile .product-swatches .swatch img { padding: 0; border: none; } .plp-product-grid-category .product-tile .product-swatches .swatch-list .slick-next { right: -20px; } @media screen and (max-width: 39.9375em) { .plp-product-grid-category .product-tile .product-swatches .swatch-list .slick-next { right: -25px; z-index: 7; } } .plp-product-grid-category .product-tile .product-swatches .swatch-list .slick-next:before { content: "\e906"; } .plp-product-grid-category .product-tile .product-swatches .swatch-list .slick-prev { left: -20px; } @media screen and (max-width: 39.9375em) { .plp-product-grid-category .product-tile .product-swatches .swatch-list .slick-prev { left: -25px; z-index: 7; } } .plp-product-grid-category .product-tile .product-swatches .swatch-list .slick-prev:before { content: "\e903"; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { .plp-product-grid-category .product-tile .product-swatches .swatch-list .slick-list .slick-slide { padding-right: 1px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { .plp-product-grid-category .product-tile .product-swatches .swatch-list .slick-list .slick-slide { padding-right: 4px; } } .plp-product-grid-category .product-tile .product-swatches .swatch-list .slick-list .slick-slide a.selected { border: 1px solid #000; height: 35px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { .plp-product-grid-category .product-tile .product-swatches .swatch-list .slick-list .slick-slide a.selected { height: 23px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { .plp-product-grid-category .product-tile .product-swatches .swatch-list .slick-list .slick-slide a.selected { height: 25px; } } .plp-product-grid-category .product-tile .product-swatches .swatch-list .slick-list .slick-slide a.selected img:hover { border: none; } .plp-product-grid-category .product-tile .product-swatches .swatch-list .slick-list .slick-slide a .hex-swatch-block { width: 25px; height: 25px; margin: 0 auto; margin-top: 4px; } .plp-product-grid-category .product-tile .product-swatches .swatch-list .slick-list .slick-slide a img { height: 25px; width: 25px; margin-top: 4px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { .plp-product-grid-category .product-tile .product-swatches .swatch-list .slick-list .slick-slide a img { height: 17px; width: 15px; margin-top: 0; margin-bottom: 2px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { .plp-product-grid-category .product-tile .product-swatches .swatch-list .slick-list .slick-slide a img { height: 17px; width: 17px; margin-top: 0px; } } .plp-product-grid-category .product-tile .product-swatches .swatch-list .slick-list .slick-slide a img:hover { border: 1px solid #000; } .plp-product-grid-category .product-tile .product-pricing { margin: 3px 0 12px 0; } .plp-product-grid-category .product-tile .product-pricing .product-price { font-size: 18px; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .plp-product-grid-category .product-tile .product-pricing .product-price { font-size: 14px; } } .plp-product-grid-category .product-tile .plp-remaining-swatch-block { min-height: 24px; } .plp-product-grid-category .product-tile .badge-container { text-align: left; width: 100%; top: -15px; } .plp-product-grid-category .product-tile .badge-container span { background-color: #fff0; } .plp-product-grid-category .product-tile .badge-container span p { font-size: 12px; } /*PLP Slots*/ .category-plp-hero-slots .html-slot-container { padding: 30px 15px; } @media print, screen and (min-width: 40em) { .category-plp-hero-slots .html-slot-container { padding: 30px 0; } } .category-plp-hero-slots .add-to-cart-black { background: #000000; border: 2px solid #000000; } .category-plp-hero-slots .add-to-cart-black:hover { background: transparent; color: #000; } .category-plp-hero-slots .left-content-right-image, .category-plp-hero-slots .left-image-right-content { position: relative; left: 50%; transform: translateX(-50%); } @media screen and (max-width: 39.9375em) { .category-plp-hero-slots .left-content-right-image, .category-plp-hero-slots .left-image-right-content { text-align: center; } } @media print, screen and (min-width: 64em) { .category-plp-hero-slots .left-content-right-image, .category-plp-hero-slots .left-image-right-content { width: 75%; } } .category-plp-hero-slots .left-content-right-image .main-video:before, .category-plp-hero-slots .left-image-right-content .main-video:before { display: none; } .category-plp-hero-slots .left-content-right-image .slot-title, .category-plp-hero-slots .left-image-right-content .slot-title { font-size: 32px; font-weight: 600; text-transform: uppercase; margin-bottom: 0; } .category-plp-hero-slots .left-content-right-image .slot-subtitle, .category-plp-hero-slots .left-image-right-content .slot-subtitle { font-size: 32px; text-transform: uppercase; } .category-plp-hero-slots .left-content-right-image .content-center, .category-plp-hero-slots .left-image-right-content .content-center { position: relative; top: 50%; transform: translateY(-50%); letter-spacing: 1px; } @media print, screen and (min-width: 40em) { .category-plp-hero-slots .left-content-right-image .push-right, .category-plp-hero-slots .left-image-right-content .push-right { float: right; } } @media screen and (min-width: 64em) and (max-width: 78.6875em) { .category-plp-hero-slots .left-content-right-image .push-right, .category-plp-hero-slots .left-image-right-content .push-right { float: right; width: 90%; } } .category-plp-hero-slots .left-content-right-image .slot-desc, .category-plp-hero-slots .left-image-right-content .slot-desc { margin-bottom: 14px; letter-spacing: 0.5px; } .category-plp-hero-slots .left-content-right-image .add-to-cart, .category-plp-hero-slots .left-image-right-content .add-to-cart { width: auto; float: left; font-weight: 600; padding: .6em 2em .4em 2em; text-transform: uppercase; background: #c8102e; border: 2px solid #c8102e; height: 42px; color: #fff; transition: background-color 0.3s ease; } @media screen and (max-width: 39.9375em) { .category-plp-hero-slots .left-content-right-image .add-to-cart, .category-plp-hero-slots .left-image-right-content .add-to-cart { float: none; } } .category-plp-hero-slots .left-content-right-image .add-to-cart:hover, .category-plp-hero-slots .left-image-right-content .add-to-cart:hover { background: transparent; color: #c8102e; } .category-plp-hero-slots .left-content-right-image .add-to-cart-black, .category-plp-hero-slots .left-image-right-content .add-to-cart-black { background: #000000; border: 2px solid #000000; } .category-plp-hero-slots .left-content-right-image .add-to-cart-black:hover, .category-plp-hero-slots .left-image-right-content .add-to-cart-black:hover { background: transparent; color: #000; } .category-plp-hero-slots .left-content-right-image .makeup-slot-img, .category-plp-hero-slots .left-image-right-content .makeup-slot-img { width: 100%; } @media screen and (max-width: 39.9375em) { .category-plp-hero-slots .left-content-right-image .order-mobile, .category-plp-hero-slots .left-image-right-content .order-mobile { -ms-flex-order: 5; order: 5; } } .category-plp-hero-slots .left-content-right-image .slot-video-btn, .category-plp-hero-slots .left-image-right-content .slot-video-btn { letter-spacing: 1px; font-weight: 800; font-size: 14px; float: right; position: absolute; right: 0; bottom: 20%; } @media print, screen and (min-width: 40em) { .category-plp-hero-slots .left-content-right-image .slot-video-btn, .category-plp-hero-slots .left-image-right-content .slot-video-btn { font-size: 21px; } } .category-plp-hero-slots .left-content-right-image .slot-video-btn img, .category-plp-hero-slots .left-image-right-content .slot-video-btn img { margin-right: 15px; } @media screen and (max-width: 39.9375em) { .category-plp-hero-slots .left-content-right-image .slot-video-btn img, .category-plp-hero-slots .left-image-right-content .slot-video-btn img { width: 30px; } } @media screen and (max-width: 39.9375em) { .category-plp-hero-slots + .plp-product-grid-category.small-flyout > .secondary-content .search-result-options .top-filter { height: 100vh; } } .slick-dots li { width: 15px; } @media screen and (max-width: 39.9375em) { .slick-dots li { width: 12px; } } .slick-dots li button { width: 8px; height: 8px; } .slick-dots li button:before { font-size: 9px; width: 8px; height: 8px; background: #d6d9d9; border-radius: 50%; top: 5px; color: rgba(0, 0, 0, 0); } .slick-dots li.slick-active button:before { background: #353737; border-radius: 50%; top: 5px; color: rgba(0, 0, 0, 0); } .search-results #main { margin-top: 100px; } @media screen and (max-width: 39.9375em) { .search-results #main { margin-top: 50px; } } .search-results #main .header-search { width: 900px; } @media screen and (max-width: 39.9375em) { .search-results #main .header-search { margin-top: 34px; width: 100%; } } .search-results #main .header-search .field-button-container button[type="submit"] { top: 12px; left: -2px; } @media screen and (max-width: 39.9375em) { .search-results #main .header-search .field-button-container button[type="submit"] { left: 0; } } @media screen and (max-width: 39.9375em) { .search-results .search-result-items { margin-left: -15px; margin-right: -15px; width: auto; } } .search-results .search-result-items .product-actions .wishlist-icon { display: none; } .search-results .search-result-items .prduct-actions, .search-results .search-result-items .product-pricing { display: none; } .search-results .search-result-items .product-tile { margin-bottom: 0; } .search-results .search-result-items .product-tile .name-link { min-height: auto; } .search-results .search-result-items .product-tile .product-name { height: 48px; } @media screen and (max-width: 39.9375em) { .search-results .search-result-items .gtmindex.small-12, .search-results .search-result-items .pdp-main-redesign .miniproduct-info .variation-dropdown-container .gtmindex.variant-drop-down, .pdp-main-redesign .miniproduct-info .variation-dropdown-container .search-results .search-result-items .gtmindex.variant-drop-down { -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 16px 15px; } } .search-results .results-hits-top { margin-top: 120px; padding-bottom: 40px; } @media screen and (max-width: 39.9375em) { .search-results .results-hits-top { margin-top: 80px; } } .search-results .results-hits-top.bottom-style { border-bottom: 1px solid #d6d9d9; } .pt_content .breadcrumb { display: none; } @media screen and (max-width: 39.9375em) { .pt_content h1.text-center span { display: block; letter-spacing: 2px; line-height: 1.5; } } .pt_content .content-wrapper { margin-top: 40px; } .pt_content .content-wrapper p { margin: 0; } @media screen and (max-width: 39.9375em) { .pt_content .content-wrapper p span { display: block; letter-spacing: 2px; line-height: 1.5; } } .pt_content .content-wrapper a { margin: 60px auto 100px; } @media screen and (max-width: 39.9375em) { .pt_content .content-wrapper a { margin: 60px auto 40px; } } .pt_product-search-noresult .breadcrumb { display: none; } @media screen and (max-width: 39.9375em) { .pt_product-search-noresult .recommendations ul.carousel-recommendations { padding: 0 0 2rem; } } .pt_account.pt_unsubscribe h1 { margin-bottom: 30px; } @media screen and (max-width: 39.9375em) { .unsubscribe .sub-title span { display: block; text-align: center; } } .unsubscribe ul.accordion { margin: 40px 0 60px; padding: 0; } .unsubscribe ul.accordion.step2 { margin: 40px 0 20px; } .unsubscribe ul.accordion ul { padding: 0; } .unsubscribe .my-point { margin-bottom: 20px; } .unsubscribe .group-bt { -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 39.9375em) { .unsubscribe .group-bt { margin-bottom: 80px; } } .unsubscribe .group-bt button, .unsubscribe .group-bt .button, .unsubscribe .group-bt input[type="button"] { margin: 20px auto; } .unsubscribe p.text-default { margin: 0; } .custom-checkbox.contact-form-group.multi-rows .form-row { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding-left: 40px; margin-bottom: 20px; } @media screen and (max-width: 39.9375em) { .custom-checkbox.contact-form-group.multi-rows .form-row { padding-left: 0; } } .custom-checkbox.contact-form-group .form-row .field-wrapper { margin: 0; } @media screen and (max-width: 39.9375em) { .custom-checkbox.contact-form-group .form-row .field-wrapper { padding-left: 0; } } @media screen and (max-width: 39.9375em) { .custom-checkbox.has-border.contact-form-group.multi-rows.has-space-top { margin-top: 60px; } } @media screen and (max-width: 39.9375em) { .custom-checkbox.has-border.contact-form-group.multi-rows.has-space-top .contact-form-left { margin-bottom: 30px; } } @media screen and (max-width: 39.9375em) { .custom-checkbox.has-border.contact-form-group.multi-rows.has-space-top .contact-form-left span:first-child { display: block; } } @media screen and (max-width: 39.9375em) { .unsubscribe-confirm .group-bt { margin-top: 40px; } } .unsubscribe-confirm ul { padding: 0; } .unsubscribe-popup .mobile-page-header { margin-bottom: 60px; } @media screen and (max-width: 39.9375em) { .unsubscribe-popup .mobile-page-header { padding: 0 20px; } } .unsubscribe-popup p { margin-top: 0; margin-bottom: 0; text-align: center; } @media screen and (max-width: 39.9375em) { .unsubscribe-popup p { padding: 0 20px; text-align: justify; } } .unsubscribe-popup .group-bt { margin: 60px 0 20px; } .unsubscribe-popup .group-bt button { margin: 0; } .unsubscribe-popup .group-bt button:first-child { margin-right: 20px; } @media screen and (max-width: 39.9375em) { .unsubscribe-popup .group-bt button:first-child { margin-right: 0; margin-bottom: 20px; } } .unsubscribe-complete button, .unsubscribe-complete .button, .unsubscribe-complete input[type="button"] { margin: 60px auto; } .unsubscribe-complete p { text-align: center; } @media screen and (max-width: 39.9375em) { .unsubscribe-complete p { text-align: center; padding: 0; } } @media screen and (max-width: 39.9375em) { .unsubscribe-complete .mobile-page-header { padding: 0; } } .dropdown-pane { box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.15); z-index: 40; } .dropdown-pane .helpContainerSubTitleNoBorder.helpflyoutsectionheader { visibility: hidden !important; } .dropdown-pane.is-open .helpContainerSubTitleNoBorder.helpflyoutsectionheader { visibility: visible !important; } .uppercased { text-transform: uppercase; } .strikethrough { text-decoration: line-through; } .globalprice_unadjusted { font-size: 13px; color: #999; } .globalprice_unadjusted span { text-decoration: line-through; } .main-video:hover, .video:hover, .modal-video:hover { cursor: pointer; } .modal-video.video { position: relative; } .modal-video.video:before { content: "\e90d"; display: block; position: absolute; font-family: icomoon; color: #fff; font-size: 70px; height: 70px; width: 70px; right: 50%; top: 50%; margin: -35px -35px 0 0; line-height: 1; } .thick-border-top { border-top: 4px solid #d6d9d9; } @media screen and (max-width: 39.9375em) { .thick-border-top { border-width: 3px; } } .bg-grey-secondary { background: #f4f5f7; } .field-button-container { display: -ms-flexbox; display: flex; border-width: 0 0 1px 0; border-radius: 0px; } .field-button-container::before, .field-button-container::after { display: table; content: ' '; } .field-button-container::after { clear: both; } input.underline, li.underline { -moz-appearance: none; appearance: none; border: 1px #000 solid; border-width: 0 0 1px 0; border-radius: 0px; padding: 10px 28px 10px 5px; height: 100%; } .scroll-top-wrapper { position: fixed; outline: none; opacity: 0; visibility: hidden; overflow: hidden; text-align: center; z-index: 20; background-color: #000000; color: #ffffff; width: 50px; height: 48px; line-height: 48px; right: 10px; bottom: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; transition: all 0.5s ease-in-out; } @media screen and (max-width: 39.9375em) { .scroll-top-wrapper { /* 5241: needed for iOS mobile safari */ bottom: 2em; } } .scroll-top-wrapper:hover { background-color: #888888; } .scroll-top-wrapper.show { visibility: visible; cursor: pointer; opacity: 1.0; } .scroll-top-wrapper i.fa { line-height: inherit; } .tooltip { box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.15); } .text-center { text-align: center; } /* Cross out the swatches that are not available */ .unavailable:before { border: #ffffff 2px solid; content: ""; display: block; height: 45px; left: -20px; position: absolute; top: 10px; transform: rotate(45deg); width: 50px; -webkit-transform: rotate(45deg); } @media print, screen and (min-width: 40em) { .unavailable:before { left: -31px; } } @media print, screen and (min-width: 64em) { .unavailable:before { left: -25px; } } .fade-circle { margin: 2.4rem auto; outline: 0 none; border-radius: 100%; font-size: 1.2rem; width: 1em; height: 1em; animation: fade-circle 1.5s infinite ease; } @keyframes fade-circle { 0%, 100% { box-shadow: 0em -2em 0em 0em #c8102e, 1.4em -1.4em 0em 0em rgba(200, 16, 46, 0), 2em 0em 0em 0em rgba(200, 16, 46, 0), 1.4em 1.4em 0em 0em rgba(200, 16, 46, 0), 0em 2em 0em 0em rgba(200, 16, 46, 0.2), -1.4em 1.4em 0em 0em rgba(200, 16, 46, 0.4), -2em 0em 0em 0em rgba(200, 16, 46, 0.6), -1.4em -1.4em 0em 0em rgba(200, 16, 46, 0.8); } 12.5% { box-shadow: 0em -2em 0em 0em rgba(200, 16, 46, 0.8), 1.4em -1.4em 0em 0em #c8102e, 2em 0em 0em 0em rgba(200, 16, 46, 0), 1.4em 1.4em 0em 0em rgba(200, 16, 46, 0), 0em 2em 0em 0em rgba(200, 16, 46, 0), -1.4em 1.4em 0em 0em rgba(200, 16, 46, 0.2), -2em 0em 0em 0em rgba(200, 16, 46, 0.4), -1.4em -1.4em 0em 0em rgba(200, 16, 46, 0.6); } 25% { box-shadow: 0em -2em 0em 0em rgba(200, 16, 46, 0.6), 1.4em -1.4em 0em 0em rgba(200, 16, 46, 0.8), 2em 0em 0em 0em #c8102e, 1.4em 1.4em 0em 0em rgba(200, 16, 46, 0), 0em 2em 0em 0em rgba(200, 16, 46, 0), -1.4em 1.4em 0em 0em rgba(200, 16, 46, 0), -2em 0em 0em 0em rgba(200, 16, 46, 0.2), -1.4em -1.4em 0em 0em rgba(200, 16, 46, 0.4); } 37.5% { box-shadow: 0em -2em 0em 0em rgba(200, 16, 46, 0.4), 1.4em -1.4em 0em 0em rgba(200, 16, 46, 0.6), 2em 0em 0em 0em rgba(200, 16, 46, 0.8), 1.4em 1.4em 0em 0em #c8102e, 0em 2em 0em 0em rgba(200, 16, 46, 0), -1.4em 1.4em 0em 0em rgba(200, 16, 46, 0), -2em 0em 0em 0em rgba(200, 16, 46, 0), -1.4em -1.4em 0em 0em rgba(200, 16, 46, 0.2); } 50% { box-shadow: 0em -2em 0em 0em rgba(200, 16, 46, 0.2), 1.4em -1.4em 0em 0em rgba(200, 16, 46, 0.4), 2em 0em 0em 0em rgba(200, 16, 46, 0.6), 1.4em 1.4em 0em 0em rgba(200, 16, 46, 0.8), 0em 2em 0em 0em #c8102e, -1.4em 1.4em 0em 0em rgba(200, 16, 46, 0), -2em 0em 0em 0em rgba(200, 16, 46, 0), -1.4em -1.4em 0em 0em rgba(200, 16, 46, 0); } 62.5% { box-shadow: 0em -2em 0em 0em rgba(200, 16, 46, 0), 1.4em -1.4em 0em 0em rgba(200, 16, 46, 0.2), 2em 0em 0em 0em rgba(200, 16, 46, 0.4), 1.4em 1.4em 0em 0em rgba(200, 16, 46, 0.6), 0em 2em 0em 0em rgba(200, 16, 46, 0.8), -1.4em 1.4em 0em 0em #c8102e, -2em 0em 0em 0em rgba(200, 16, 46, 0), -1.4em -1.4em 0em 0em rgba(200, 16, 46, 0); } 75% { box-shadow: 0em -2em 0em 0em rgba(200, 16, 46, 0), 1.4em -1.4em 0em 0em rgba(200, 16, 46, 0), 2em 0em 0em 0em rgba(200, 16, 46, 0.2), 1.4em 1.4em 0em 0em rgba(200, 16, 46, 0.4), 0em 2em 0em 0em rgba(200, 16, 46, 0.6), -1.4em 1.4em 0em 0em rgba(200, 16, 46, 0.8), -2em 0em 0em 0em #c8102e, -1.4em -1.4em 0em 0em rgba(200, 16, 46, 0); } 87.5% { box-shadow: 0em -2em 0em 0em rgba(200, 16, 46, 0), 1.4em -1.4em 0em 0em rgba(200, 16, 46, 0), 2em 0em 0em 0em rgba(200, 16, 46, 0), 1.4em 1.4em 0em 0em rgba(200, 16, 46, 0.2), 0em 2em 0em 0em rgba(200, 16, 46, 0.4), -1.4em 1.4em 0em 0em rgba(200, 16, 46, 0.6), -2em 0em 0em 0em rgba(200, 16, 46, 0.8), -1.4em -1.4em 0em 0em #c8102e; } } .fade-in.mui-enter { transition-duration: 500ms; transition-timing-function: linear; opacity: 0; transition-property: opacity; } .fade-in.mui-enter.mui-enter-active { opacity: 1; } .fade-out.mui-leave { transition-duration: 500ms; transition-timing-function: linear; opacity: 1; transition-property: opacity; } .fade-out.mui-leave.mui-leave-active { opacity: 0; } /* remove transition */ .no-transition { transition: none; } /* screen readers css */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; clip-path: inset(50%); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; clip-path: none; } @media print, screen and (min-width: 64em) { .form-row.half-row .form-row { width: 100%; padding-left: 10px; } .form-row.half-row .form-row > label { width: 30%; margin-right: 2.6%; text-align: left; } } .account-registration .block-language .select, .edit_address_form .block-language .select, .account-edit .block-language .select, .checkout-shipping.address .block-language .select { width: 175px; } @media screen and (max-width: 320px) { .account-registration .block-language, .account-edit .block-language { display: block; } } .account-registration .b-birthdate .c-birthyear, .account-edit .b-birthdate .c-birthyear { width: 57px; margin-right: 0; } .account-registration .b-birthdate .c-month, .account-registration .b-birthdate .c-birthyear, .account-registration .b-birthdate .c-birthday, .account-edit .b-birthdate .c-month, .account-edit .b-birthdate .c-birthyear, .account-edit .b-birthdate .c-birthday { margin-right: 0; } .account-registration .b-birthdate .label, .account-edit .b-birthdate .label { margin-right: 0; } @media screen and (max-width: 39.9375em) { .editaddress, .block-country, .block-statejp { display: block; } } @media screen and (max-width: 39.9375em) { .block-statejp .field-wrapper { margin-left: 11px; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .account-edit .form-row:not(.label-middle) > label, .billing-address-section .form-row:not(.label-middle) > label, .checkout-shipping.address .form-row:not(.label-middle) > label, #AddressForm .form-row:not(.label-middle) > label { width: 100%; margin-right: 0; } .account-edit .form-row:not(.label-middle) .field-wrapper, .billing-address-section .form-row:not(.label-middle) .field-wrapper, .checkout-shipping.address .form-row:not(.label-middle) .field-wrapper, #AddressForm .form-row:not(.label-middle) .field-wrapper { width: 100%; padding-left: 10px; } .account-edit .form-row:not(.label-middle) .form-caption, .billing-address-section .form-row:not(.label-middle) .form-caption, .checkout-shipping.address .form-row:not(.label-middle) .form-caption, #AddressForm .form-row:not(.label-middle) .form-caption { margin-left: 0; padding-left: 10px; } .account-edit .block-phone .field-wrapper, .billing-address-section .block-phone .field-wrapper, .checkout-shipping.address .block-phone .field-wrapper, #AddressForm .block-phone .field-wrapper { max-width: 100%; } .account-edit .clear-container .form-row .field-wrapper, .billing-address-section .clear-container .form-row .field-wrapper, .checkout-shipping.address .clear-container .form-row .field-wrapper, #AddressForm .clear-container .form-row .field-wrapper { width: calc(100% - 110px); } .account-edit .form-group .field-wrapper .field-wrapper, .billing-address-section .form-group .field-wrapper .field-wrapper, .checkout-shipping.address .form-group .field-wrapper .field-wrapper, #AddressForm .form-group .field-wrapper .field-wrapper { padding-left: 0; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .modal-content #CreditCardForm .form-row > label, #creditcard-mask .form-row > label { width: 100%; margin-right: 0; } .modal-content #CreditCardForm .form-row .field-wrapper, #creditcard-mask .form-row .field-wrapper { width: 100%; padding-left: 10px; } .modal-content #CreditCardForm .form-row.form-group .field-wrapper .field-wrapper, #creditcard-mask .form-row.form-group .field-wrapper .field-wrapper { padding-left: 0; } } @media print, screen and (min-width: 64em) { .account-edit .b-birthdate .label:not(.b-day) { margin-right: 20px; } } @media screen and (max-width: 39.9375em) { .block-phone label[for=dwfrm_shippingaddress_phone], .block-phone label[for=dwfrm_billing_billingAddress_addressFields_phone] { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 39.9375em) { .block-phone label[for=dwfrm_shippingaddress_phone] span.required-indicator, .block-phone label[for=dwfrm_billing_billingAddress_addressFields_phone] span.required-indicator { line-height: 11px; height: 13px; position: relative; top: 6px; } } .b-card-exp-date .month { width: 70px; } @media screen and (max-width: 39.9375em) { .checkout-shipping .button--icon-small { width: 190px; } } .order-value { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; text-align: right; } @media screen and (max-width: 39.9375em) { .checkout-shipping .shipping-time .radio-button:nth-child(2n + 1) { width: 41%; } } @media screen and (max-width: 39.9375em) { .checkout-shipping .shipping-time .radio-button:nth-child(2n) { width: 59%; } } .edit_address_form .block-country .select, .checkout-shipping.address .block-country .select { width: 150px; } @media screen and (max-width: 39.9375em) { .pointexchange-confirm .b-totalpoint { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .pointexchange-confirm .b-totalpoint span:first-child { width: 70%; } } @media screen and (max-width: 39.9375em) { #cart-table .cart-row .quantity-column { padding: 0 16px 0 22px; } } #add-to-cart-gifts { line-height: 1.5; } @media screen and (max-width: 39.9375em) { .policy .content-asset ul { display: block; } .policy .content-asset ul li { float: left; } .policy .content-asset ul li:nth-child(even) { float: right; } } .contact-form-group .contact-form-right.one-row { -ms-flex-direction: column; flex-direction: column; } .contact-form-group .contact-form-right.one-row .one-row-item { width: 100%; } .contact-form-group .contact-form-right.one-row .one-row-item label { width: auto; margin-right: 11px; } .contact-form-group .contact-form-right.one-row .one-row-item .field-wrapper { width: auto; }