/* * Updates: - 21/06/2021 DDM Icon Spritesheet Update */ #TKD-tab { display: none !important; } .super-sites a.icon-super-tab-DAL { text-indent: -9999px; background: url(/repo/DAL/desktop/supersites/02-images/dal-logo-v1.png) center center/6.7em no-repeat !important; } .super-sites a.icon-super-tab-CGN { text-indent: -9999px; background: url("/repo/DAL/desktop/supersites/02-images/jacamo-logo-v1.png") center center/3.8em no-repeat !important; } .super-sites a.icon-super-tab-IHM { text-indent: -9999px; background-image: url("/repo/IHM/desktop/responsiveheader/02-images/logo-IHM.svg"); background-repeat: no-repeat; background-position: center; background-size: 53px; width: 70px; } /* Header Top */ .gui-header-top { border: none; background: #f5f5f5; } .gui-header-top-container { max-width: 1003px; padding: 0; } /* Region Selector */ .gui-region-selector img { border: none; } .gui-region-selector .gui-dropdown-toggle, .gui-region-selector .gui-dropdown-menu { font-family: "CircularBook", Arial, Helvetica, sans-serif; right: 0; min-width: 200px; text-transform: uppercase; color: #717171; border: 1px solid #eeeeee; background: #f5f5f5; } .gui-region-selector .gui-dropdown-toggle { min-width: 70px; padding: 7px 10px; border-top: none; border-bottom: none; } .gui-region-selector .gui-dropdown-menu ul li { border-bottom: 1px solid #eeeeee; } .gui-region-selector .gui-dropdown-menu ul li:last-child { border: none; } .gui-region-selector .gui-dropdown-menu ul li a:hover { background: #f5f5f5; } .gui-region-selector .gui-dropdown-menu ul li a, .gui-region-selector .gui-dropdown-toggle span { position: relative; display: -ms-flexbox; display: -webkit-box; display: flex; align-items: center; -ms-flex-flow: row nowrap; flex-flow: row nowrap; color: #717171; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; } .gui-region-selector .gui-dropdown-menu ul li a:before, .gui-region-selector .gui-dropdown-toggle span:before { display: -ms-flexbox; display: -webkit-box; display: flex; width: 24px; min-width: 24px; max-width: 24px; height: 24px; margin-right: 6px; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; } .gui-region-selector .gui-dropdown-menu ul li.gui-flag-uk a:before, .gui-region-selector .gui-dropdown-toggle span.gui-flag-uk:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 269.4' enable-background='new 0 0 512 269.4' xml:space='preserve'%3e%3cg%3e%3cg%3e%3cg%3e%3cdefs%3e%3crect id='SVGID_1_' width='512' height='269.4'/%3e%3c/defs%3e%3cclipPath id='SVGID_2_'%3e%3cuse xlink:href='%23SVGID_1_' overflow='visible'/%3e%3c/clipPath%3e%3cg clip-path='url(%23SVGID_2_)'%3e%3crect x='75.9' y='-0.3' fill='none' width='360.2' height='270.2'/%3e%3cg transform='translate(80) scale(.94)'%3e%3cg%3e%3cpath fill='%23000066' d='M-100.2-0.3h574.8V287h-574.8V-0.3z'/%3e%3cpath fill='%23FFFFFF' d='M-100.2-0.3v32.1L410.4,287h64.3v-32L-35.9-0.3H-100.2z M474.6-0.3v32.1L-35.9,287h-64.3v-32 L410.4-0.3H474.6z'/%3e%3cpath fill='%23FFFFFF' d='M139.3-0.3V287h95.9V-0.3H139.3z M-100.2,95.4v95.9h574.8V95.4L-100.2,95.4L-100.2,95.4z'/%3e%3cpath fill='%23CC0000' d='M-100.2,114.6v57.5h574.8v-57.5L-100.2,114.6L-100.2,114.6z M158.5-0.3V287H216V-0.3H158.5z M-100.2,287l191.6-95.9h42.9L-57.3,287H-100.2z M-100.2-0.3L91.4,95.6H48.5l-148.7-74.4C-100.2,21.2-100.2-0.3-100.2-0.3z M240.1,95.4L431.8-0.4h42.9L283,95.4H240.1L240.1,95.4z M474.6,287L283,191.3h42.9l148.7,74.4V287z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e "); } .gui-region-selector .gui-dropdown-menu ul li.gui-flag-usa a:before, .gui-region-selector .gui-dropdown-toggle span.gui-flag-usa:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 912 480' style='enable-background:new 0 0 912 480;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23BD3D44;%7d .st1%7bfill:%23FFFFFF;%7d .st2%7bfill:%23192F5D;%7d %3c/style%3e%3cg%3e%3cg%3e%3cpath class='st0' d='M0,0h912v36.9H0V0z M0,73.8h912v36.9H0V73.8z M0,147.7h912v36.9H0V147.7z M0,221.5h912v36.9H0V221.5z M0,295.4h912v36.9H0V295.4z M0,369.2h912v36.9H0V369.2z M0,443.1h912V480H0V443.1z'/%3e%3cpath class='st1' d='M0,36.9h912v36.9H0V36.9z M0,110.8h912v36.9H0V110.8z M0,184.6h912v36.9H0V184.6z M0,258.5h912v36.9H0V258.5z M0,332.3h912v36.9H0V332.3z M0,406.2h912v36.9H0V406.2z'/%3e%3c/g%3e%3cpath class='st2' d='M0,0h364.8v258.5H0V0z'/%3e%3cg%3e%3cpath class='st1' d='M30.4,11.1l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3L25,27.6l-8.7-6.3h10.7L30.4,11.1z M91.2,11.1 l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7L91.2,11.1z M152,11.1l3.3,10.2h10.7l-8.7,6.3 l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7L152,11.1z M212.8,11.1l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3 l3.3-10.2l-8.7-6.3h10.7L212.8,11.1z M273.6,11.1l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7 L273.6,11.1z M334.4,11.1l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7L334.4,11.1z M60.8,36.9 l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7L60.8,36.9z M121.6,36.9l3.3,10.2h10.7l-8.7,6.3 l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7L121.6,36.9z M182.4,36.9l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3 l3.3-10.2l-8.7-6.3h10.7L182.4,36.9z M243.2,36.9l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7 L243.2,36.9z M304,36.9l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7L304,36.9z M30.4,62.8L33.7,73 h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3L25,79.3L16.3,73h10.7L30.4,62.8z M91.2,62.8L94.5,73h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3 l-8.7,6.3l3.3-10.2L77.1,73h10.7L91.2,62.8z M152,62.8l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7 L152,62.8z M212.8,62.8l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7L212.8,62.8z M273.6,62.8 l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7L273.6,62.8z M334.4,62.8l3.3,10.2h10.7l-8.7,6.3 l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7L334.4,62.8z M60.8,88.6l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3 l3.3-10.2l-8.7-6.3h10.7L60.8,88.6z M121.6,88.6l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7 L121.6,88.6z M182.4,88.6l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7L182.4,88.6z M243.2,88.6 l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7L243.2,88.6z M304,88.6l3.3,10.2h10.7l-8.7,6.3 l3.3,10.2L304,109l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7L304,88.6z M30.4,114.4l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3 L25,131l-8.7-6.3h10.7L30.4,114.4z M91.2,114.4l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7 L91.2,114.4z M152,114.4l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7L152,114.4z M212.8,114.4 l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7L212.8,114.4z M273.6,114.4l3.3,10.2h10.7L279,131 l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7L273.6,114.4z M334.4,114.4l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3 l-8.7,6.3L329,131l-8.7-6.3h10.7L334.4,114.4z M60.8,140.3l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3 h10.7L60.8,140.3z M121.6,140.3l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7L121.6,140.3z M182.4,140.3l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7L182.4,140.3z M243.2,140.3l3.3,10.2 h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7L243.2,140.3z M304,140.3l3.3,10.2h10.7l-8.7,6.3l3.3,10.2 l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7L304,140.3z M30.4,166.1l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2 l-8.7-6.3h10.7L30.4,166.1z M91.2,166.1l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7L91.2,166.1z M152,166.1l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7L152,166.1z M212.8,166.1l3.3,10.2h10.7 l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7L212.8,166.1z M273.6,166.1l3.3,10.2h10.7l-8.7,6.3l3.3,10.2 l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7L273.6,166.1z M334.4,166.1l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3 l3.3-10.2l-8.7-6.3h10.7L334.4,166.1z M60.8,192l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7 L60.8,192z M121.6,192l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7L121.6,192z M182.4,192l3.3,10.2 h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7L182.4,192z M243.2,192l3.3,10.2h10.7l-8.7,6.3l3.3,10.2 l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7L243.2,192z M304,192l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2 l-8.7-6.3h10.7L304,192z M30.4,217.8l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7L30.4,217.8z M91.2,217.8l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7L91.2,217.8z M152,217.8l3.3,10.2h10.7 l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7L152,217.8z M212.8,217.8l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3 l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7L212.8,217.8z M273.6,217.8l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2 l-8.7-6.3h10.7L273.6,217.8z M334.4,217.8l3.3,10.2h10.7l-8.7,6.3l3.3,10.2l-8.7-6.3l-8.7,6.3l3.3-10.2l-8.7-6.3h10.7L334.4,217.8 z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e "); } .gui-region-selector .gui-dropdown-menu ul li.gui-flag-aus a:before, .gui-region-selector .gui-dropdown-toggle span.gui-flag-aus:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='NZ-Flag' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 400 210.5' enable-background='new 0 0 400 210.5' xml:space='preserve'%3e%3cg id='BG'%3e%3crect fill='%23000066' width='400' height='210.5'/%3e%3c/g%3e%3cg id='Stars'%3e%3cpolygon fill='%23FFFFFF' points='320.2,100.1 322.6,104.9 327.9,105.7 324.1,109.5 325,114.8 320.2,112.3 315.5,114.8 316.4,109.5 312.5,105.7 317.8,104.9 '/%3e%3cpolygon fill='%23FFFFFF' points='300.3,19 303.4,26.7 311.4,24.3 307.2,31.5 314.1,36.2 305.9,37.5 306.5,45.8 300.3,40.1 294.2,45.8 294.8,37.5 286.6,36.2 293.5,31.5 289.3,24.3 297.3,26.7 '/%3e%3cpolygon fill='%23FFFFFF' points='344.8,60 347.9,67.7 355.9,65.3 351.7,72.5 358.6,77.2 350.4,78.5 351,86.8 344.8,81.1 338.7,86.8 339.3,78.5 331.1,77.2 338,72.5 333.8,65.3 341.8,67.7 '/%3e%3cpolygon fill='%23FFFFFF' points='250.2,74.1 253.2,81.9 261.2,79.4 257,86.7 263.9,91.4 255.7,92.7 256.3,101 250.2,95.3 244,101 244.6,92.7 236.4,91.4 243.3,86.7 239.1,79.4 247.1,81.9 '/%3e%3cpolygon fill='%23FFFFFF' points='300.3,153.1 303.4,160.9 311.4,158.4 307.2,165.7 314.1,170.4 305.9,171.7 306.5,180 300.3,174.3 294.2,180 294.8,171.7 286.6,170.4 293.5,165.7 289.3,158.4 297.3,160.9 '/%3e%3cpolygon fill='%23FFFFFF' points='100.6,120.5 107,136.8 123.8,131.7 115.1,146.9 129.6,156.8 112.2,159.5 113.5,177 100.6,165 87.7,177 89,159.5 71.6,156.8 86.1,146.9 77.4,131.7 94.1,136.8 '/%3e%3c/g%3e%3cg id='UK-Flag'%3e%3cg%3e%3cg%3e%3cg%3e%3cg%3e%3cg%3e%3cdefs%3e%3crect id='SVGID_1_' y='0' width='190.2' height='100.1'/%3e%3c/defs%3e%3cclipPath id='SVGID_2_'%3e%3cuse xlink:href='%23SVGID_1_' overflow='visible'/%3e%3c/clipPath%3e%3cg clip-path='url(%23SVGID_2_)'%3e%3crect x='28.2' y='-0.1' fill='none' width='133.8' height='100.4'/%3e%3cg transform='translate(80) scale(.94)'%3e%3cg%3e%3cpath fill='%23000066' d='M-90.7-0.1h213.6v106.8H-90.7V-0.1z'/%3e%3cpath fill='%23FFFFFF' d='M-90.7-0.1v11.9L99,106.7h23.9V94.8L-66.8-0.1H-90.7z M122.9-0.1v11.9l-189.7,94.8h-23.9V94.7 L99-0.1H122.9z'/%3e%3cpath fill='%23FFFFFF' d='M-1.7-0.1v106.8h35.6V-0.1H-1.7z M-90.7,35.5v35.6h213.6V35.5H-90.7L-90.7,35.5z'/%3e%3cpath fill='%23CC0000' d='M-90.7,42.6V64h213.6V42.6H-90.7L-90.7,42.6z M5.4-0.1v106.8h21.4V-0.1H5.4z M-90.7,106.7 l71.2-35.6h15.9l-71.2,35.6H-90.7z M-90.7-0.1l71.2,35.6h-15.9L-90.7,7.9V-0.1z M35.7,35.5l71.2-35.6h15.9L51.6,35.5H35.7 L35.7,35.5z M122.9,106.7L51.7,71.1h15.9l55.3,27.6C122.9,98.7,122.9,106.7,122.9,106.7z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e "); } .gui-region-selector .gui-dropdown-menu ul li.gui-flag-nz a:before, .gui-region-selector .gui-dropdown-toggle span.gui-flag-nz:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='NZ-Flag' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 400 210.5' enable-background='new 0 0 400 210.5' xml:space='preserve'%3e%3cg id='BG'%3e%3crect y='0' fill='%23000066' width='400' height='210.5'/%3e%3c/g%3e%3cg id='Stars'%3e%3cpolygon fill='%23CC0000' stroke='%23FFFFFF' stroke-width='2' stroke-miterlimit='10' points='300.2,25.4 303.5,35.5 314.1,35.5 305.5,41.8 308.8,51.9 300.2,45.6 291.6,51.9 294.9,41.8 286.3,35.5 296.9,35.5 '/%3e%3cpolygon fill='%23CC0000' stroke='%23FFFFFF' stroke-width='2' stroke-miterlimit='10' points='300.2,145.1 303.5,155.2 314.1,155.2 305.5,161.4 308.8,171.5 300.2,165.3 291.6,171.5 294.9,161.4 286.3,155.2 296.9,155.2 '/%3e%3cpolygon fill='%23CC0000' stroke='%23FFFFFF' stroke-width='2' stroke-miterlimit='10' points='253.8,72.9 256.9,82.2 266.7,82.2 258.8,88 261.8,97.4 253.8,91.6 245.9,97.4 248.9,88 240.9,82.2 250.8,82.2 '/%3e%3cpolygon fill='%23CC0000' stroke='%23FFFFFF' stroke-width='2' stroke-miterlimit='10' points='339.5,62.3 342.1,70.4 350.7,70.4 343.8,75.4 346.4,83.5 339.5,78.5 332.6,83.5 335.2,75.4 328.3,70.4 336.9,70.4 '/%3e%3c/g%3e%3cg id='UK-Flag'%3e%3cg%3e%3cg%3e%3cg%3e%3cg%3e%3cdefs%3e%3crect id='SVGID_1_' y='0' width='190.2' height='100.1'/%3e%3c/defs%3e%3cclipPath id='SVGID_2_'%3e%3cuse xlink:href='%23SVGID_1_' overflow='visible'/%3e%3c/clipPath%3e%3cg clip-path='url(%23SVGID_2_)'%3e%3crect x='28.2' y='-0.1' fill='none' width='133.8' height='100.4'/%3e%3cg transform='translate(80) scale(.94)'%3e%3cg%3e%3cpath fill='%23000066' d='M-90.7-0.1h213.6v106.8H-90.7V-0.1z'/%3e%3cpath fill='%23FFFFFF' d='M-90.7-0.1v11.9L99,106.7h23.9V94.8L-66.8-0.1H-90.7z M122.9-0.1v11.9l-189.7,94.8h-23.9V94.7 L99-0.1H122.9z'/%3e%3cpath fill='%23FFFFFF' d='M-1.7-0.1v106.8h35.6V-0.1H-1.7z M-90.7,35.5v35.6h213.6V35.5L-90.7,35.5L-90.7,35.5z'/%3e%3cpath fill='%23CC0000' d='M-90.7,42.6V64h213.6V42.6H-90.7L-90.7,42.6z M5.4-0.1v106.8h21.4V-0.1H5.4z M-90.7,106.7l71.2-35.6 h15.9l-71.2,35.6H-90.7z M-90.7-0.1l71.2,35.6h-15.9L-90.7,7.9V-0.1z M35.7,35.5l71.2-35.6h15.9L51.6,35.5H35.7L35.7,35.5z M122.9,106.7L51.7,71.1h15.9l55.3,27.6C122.9,98.7,122.9,106.7,122.9,106.7z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e "); } .gui-region-selector .gui-dropdown-menu ul li.gui-flag-sa a:before, .gui-region-selector .gui-dropdown-toggle span.gui-flag-sa:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg version='1.1' id='SA-Flag' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 268.8' enable-background='new 0 0 512 268.8' xml:space='preserve'%3e%3crect y='-0.8' fill='%23DE3831' width='512' height='134.8'/%3e%3crect y='134.5' fill='%23002395' width='512' height='134.8'/%3e%3cpolygon fill='%23FFFFFF' points='512,89.3 214.9,89.3 81.9,0 0,0 0,268.9 81.9,268.9 214.9,179.6 512,179.6 '/%3e%3cpolygon fill='%23007A4D' points='209.5,107.6 49,0 0,0 0,128.7 0,140.1 0,268.8 49,268.8 209.5,161 512,161 512,140.1 512,128.7 512,107.6 '/%3e%3cpolygon fill='%23FFB612' points='0,32.1 152.8,134.4 0,236.4 '/%3e%3cpolygon points='0,53.9 120.3,134.5 0,214.6 '/%3e%3c/svg%3e "); } .gui-region-selector .gui-dropdown-menu ul li.gui-flag-ie a:before, .gui-region-selector .gui-dropdown-toggle span.gui-flag-ie:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 912 480' style='enable-background:new 0 0 912 480;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bclip-path:url(%23SVGID_3_);%7d .st1%7bfill:%23FFFFFF;%7d .st2%7bfill:%23009A49;%7d .st3%7bfill:%23FF7900;%7d %3c/style%3e%3cg%3e%3cdefs%3e%3cline id='SVGID_1_' x1='912' y1='0' x2='912' y2='480'/%3e%3c/defs%3e%3cdefs%3e%3cline id='SVGID_2_' x1='0' y1='480' x2='0' y2='0'/%3e%3c/defs%3e%3cclipPath id='SVGID_3_'%3e%3cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3e%3c/clipPath%3e%3cclipPath id='SVGID_4_' class='st0'%3e%3cuse xlink:href='%23SVGID_2_' style='overflow:visible;'/%3e%3c/clipPath%3e%3c/g%3e%3cg%3e%3cpath class='st1' d='M0,0h912v480H0V0z'/%3e%3cpath class='st2' d='M0,0h304v480H0V0z'/%3e%3cpath class='st3' d='M608,0h304v480H608V0z'/%3e%3c/g%3e%3c/svg%3e"); } .gui-region-selector .gui-dropdown-menu ul li.gui-flag-ca a:before, .gui-region-selector .gui-dropdown-toggle span.gui-flag-ca:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3e%3cg%3e%3cpath fill='%23FFFFFF' d='M512,423.7H0V88.3h512V423.7z'/%3e%3c/g%3e%3cg%3e%3cpath fill='%23FF0000' d='M0,423.7h114.8V88.3H0V423.7z'/%3e%3cpath fill='%23FF0000' d='M512,88.3H397.2v335.4H512V88.3z'/%3e%3cpath fill='%23FF0000' d='M309.6,294.8l52.4-29.9l-12-6c-3.4-1.7-5.3-5.3-4.8-9.1l3.9-29.3l-22.2,6.5c-4.9,1.4-10-1.6-11.1-6.6 l-2.1-9.6l-20.8,24.4c-2.9,3.4-8.4,0.8-7.6-3.6l8.9-51.7l-13.6,3.7c-4,1.1-8.2-0.7-10.1-4.4L256,152.3l0,0l0,0l0,0l0,0l-14.3,26.9 c-1.9,3.6-6.1,5.4-10.1,4.4l-13.6-3.7l8.9,51.7c0.8,4.4-4.7,7-7.6,3.6l-20.8-24.4l-2.1,9.6c-1.1,5-6.2,8-11.1,6.6l-22.2-6.5 l3.9,29.3c0.5,3.7-1.4,7.4-4.8,9.1l-12,6l52.4,29.9c5.4,3.1,7.8,9.7,5.6,15.5l-4.5,12l44.9-3.8c2.5-0.2,4.6,1.8,4.5,4.3l-1.4,48 h8.8l-1.4-48c-0.1-2.5,2-4.5,4.5-4.3l44.9,3.8l-4.5-12C301.8,304.4,304.1,297.9,309.6,294.8z'/%3e%3c/g%3e%3c/svg%3e "); } .gui-region-selector .gui-dropdown-menu ul li.gui-flag-india a:before, .gui-region-selector .gui-dropdown-toggle span.gui-flag-india:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 225 150' width='1350' height='900'%3e%3crect width='225' height='150' fill='%23f93'/%3e%3crect width='225' height='50' y='50' fill='%23fff'/%3e%3crect width='225' height='50' y='100' fill='%23128807'/%3e%3cg transform='translate(112.5,75)'%3e%3ccircle r='20' fill='%23008'/%3e%3ccircle r='17.5' fill='%23fff'/%3e%3ccircle r='3.5' fill='%23008'/%3e%3cg id='d'%3e%3cg id='c'%3e%3cg id='b'%3e%3cg id='a'%3e%3ccircle r='0.875' fill='%23008' transform='rotate(7.5) translate(17.5)'/%3e%3cpath fill='%23008' d='M 0,17.5 0.6,7 C 0.6,7 0,2 0,2 0,2 -0.6,7 -0.6,7 L 0,17.5 z'/%3e%3c/g%3e%3cuse xlink:href='%23a' transform='rotate(15)'/%3e%3c/g%3e%3cuse xlink:href='%23b' transform='rotate(30)'/%3e%3c/g%3e%3cuse xlink:href='%23c' transform='rotate(60)'/%3e%3c/g%3e%3cuse xlink:href='%23d' transform='rotate(120)'/%3e%3cuse xlink:href='%23d' transform='rotate(-120)'/%3e%3c/g%3e%3c/svg%3e"); } .gui-region-selector .gui-dropdown-menu ul li.gui-flag-eu a:before, .gui-region-selector .gui-dropdown-toggle span.gui-flag-eu:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3e%3cpath fill='%2300309A' d='M512,423.7H0V88.3h512V423.7z'/%3e%3cg%3e%3cpath fill='%23FFCD00' d='M259.6,126.7l3.5,10.6l11.2,0.1c1.4,0,2,1.9,0.9,2.7l-9,6.6l3.4,10.7c0.4,1.4-1.1,2.5-2.3,1.7l-9.1-6.5 l-9.1,6.5c-1.2,0.8-2.8-0.3-2.3-1.7l3.4-10.7l-9-6.6c-1.2-0.9-0.6-2.7,0.9-2.7l11.2-0.1l3.5-10.6 C257.2,125.3,259.1,125.3,259.6,126.7z'/%3e%3cpath fill='%23FFCD00' d='M259.6,354.5l3.5,10.6l11.2,0.1c1.4,0,2,1.9,0.9,2.7l-9,6.6l3.4,10.7c0.4,1.4-1.1,2.5-2.3,1.7l-9.1-6.5 l-9.1,6.5c-1.2,0.8-2.8-0.3-2.3-1.7l3.4-10.7l-9-6.6c-1.2-0.9-0.6-2.7,0.9-2.7l11.2-0.1l3.5-10.6 C257.2,353.2,259.1,353.2,259.6,354.5z'/%3e%3cpath fill='%23FFCD00' d='M373.5,240.6l3.5,10.6l11.2,0.1c1.4,0,2,1.9,0.9,2.7l-9,6.6l3.4,10.7c0.4,1.4-1.1,2.5-2.3,1.7l-9.1-6.5 L363,273c-1.2,0.8-2.8-0.3-2.3-1.7l3.4-10.7l-9-6.6c-1.2-0.9-0.6-2.7,0.9-2.7l11.2-0.1l3.5-10.6 C371.1,239.2,373.1,239.2,373.5,240.6z'/%3e%3cpath fill='%23FFCD00' d='M145.7,240.6l3.5,10.6l11.2,0.1c1.4,0,2,1.9,0.9,2.7l-9,6.6l3.4,10.7c0.4,1.4-1.1,2.5-2.3,1.7l-9.1-6.5 l-9.1,6.5c-1.2,0.8-2.8-0.3-2.3-1.7l3.4-10.7l-9-6.6c-1.2-0.9-0.6-2.7,0.9-2.7l11.2-0.1l3.5-10.6 C143.3,239.2,145.2,239.2,145.7,240.6z'/%3e%3cpath fill='%23FFCD00' d='M162.8,181.1l3.5,10.6l11.2,0.1c1.4,0,2,1.9,0.9,2.7l-9,6.6l3.4,10.7c0.4,1.4-1.1,2.5-2.3,1.7l-9.1-6.5 l-9.1,6.5c-1.2,0.8-2.8-0.3-2.3-1.7l3.4-10.7l-9-6.6c-1.2-0.9-0.6-2.7,0.9-2.7l11.2-0.1l3.5-10.6 C160.4,179.7,162.3,179.7,162.8,181.1z'/%3e%3cpath fill='%23FFCD00' d='M360.1,295.1l3.5,10.6l11.2,0.1c1.4,0,2,1.9,0.9,2.7l-9,6.6l3.4,10.7c0.4,1.4-1.1,2.5-2.3,1.7l-9.1-6.5 l-9.1,6.5c-1.2,0.8-2.8-0.3-2.3-1.7l3.4-10.7l-9-6.6c-1.2-0.9-0.6-2.7,0.9-2.7l11.2-0.1l3.5-10.6 C357.7,293.7,359.6,293.7,360.1,295.1z'/%3e%3cpath fill='%23FFCD00' d='M318.4,139.4l3.5,10.6l11.2,0.1c1.4,0,2,1.9,0.9,2.7l-9,6.6l3.4,10.7c0.4,1.4-1.1,2.5-2.3,1.7l-9.1-6.5 l-9.1,6.5c-1.2,0.8-2.8-0.3-2.3-1.7l3.4-10.7l-9-6.6c-1.2-0.9-0.6-2.7,0.9-2.7L312,150l3.5-10.6C316,138,317.9,138,318.4,139.4z'/%3e%3cpath fill='%23FFCD00' d='M204.5,336.8l3.5,10.6l11.2,0.1c1.4,0,2,1.9,0.9,2.7l-9,6.6l3.4,10.7c0.4,1.4-1.1,2.5-2.3,1.7l-9.1-6.5 l-9.1,6.5c-1.2,0.8-2.8-0.3-2.3-1.7l3.4-10.7l-9-6.6c-1.2-0.9-0.6-2.7,0.9-2.7l11.2-0.1l3.5-10.6 C202.1,335.4,204,335.4,204.5,336.8z'/%3e%3cpath fill='%23FFCD00' d='M357.2,181.1l-3.5,10.6l-11.2,0.1c-1.4,0-2,1.9-0.9,2.7l9,6.6l-3.4,10.7c-0.4,1.4,1.1,2.5,2.3,1.7l9.1-6.5 l9.1,6.5c1.2,0.8,2.8-0.3,2.3-1.7l-3.4-10.7l9-6.6c1.2-0.9,0.6-2.7-0.9-2.7l-11.2-0.1l-3.5-10.6 C359.6,179.7,357.7,179.7,357.2,181.1z'/%3e%3cpath fill='%23FFCD00' d='M159.9,295.1l-3.5,10.6l-11.2,0.1c-1.4,0-2,1.9-0.9,2.7l9,6.6l-3.4,10.7c-0.4,1.4,1.1,2.5,2.3,1.7l9.1-6.5 l9.1,6.5c1.2,0.8,2.8-0.3,2.3-1.7l-3.4-10.7l9-6.6c1.2-0.9,0.6-2.7-0.9-2.7l-11.2-0.1l-3.5-10.6 C162.3,293.7,160.4,293.7,159.9,295.1z'/%3e%3cpath fill='%23FFCD00' d='M201.6,139.4l-3.5,10.6l-11.2,0.1c-1.4,0-2,1.9-0.9,2.7l9,6.6l-3.4,10.7c-0.4,1.4,1.1,2.5,2.3,1.7l9.1-6.5 l9.1,6.5c1.2,0.8,2.8-0.3,2.3-1.7l-3.4-10.7l9-6.6c1.2-0.9,0.6-2.7-0.9-2.7L208,150l-3.5-10.6C204,138,202.1,138,201.6,139.4z'/%3e%3cpath fill='%23FFCD00' d='M315.5,336.8l-3.5,10.6l-11.2,0.1c-1.4,0-2,1.9-0.9,2.7l9,6.6l-3.4,10.7c-0.4,1.4,1.1,2.5,2.3,1.7l9.1-6.5 l9.1,6.5c1.2,0.8,2.8-0.3,2.3-1.7l-3.4-10.7l9-6.6c1.2-0.9,0.6-2.7-0.9-2.7l-11.2-0.1l-3.5-10.6C317.9,335.4,316,335.4,315.5,336.8 z'/%3e%3c/g%3e%3c/svg%3e "); } .gui-region-selector .gui-dropdown-menu ul li.gui-flag-row a:before, .gui-region-selector .gui-dropdown-toggle span.gui-flag-row:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='row' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3e%3cpath id='Flag_BG_1_' fill='%23FFFFFF' d='M512,423.7H0V88.3h512V423.7z'/%3e%3ccircle id='World_BG' fill='%23FFFFFF' cx='255.4' cy='256.4' r='133.6'/%3e%3cg id='World'%3e%3cpath d='M354.4,158.7c26.2,26.2,40.7,61.2,40.7,98.4s-14.5,72.1-40.7,98.4s-61.2,40.7-98.4,40.7s-72.1-14.5-98.4-40.7 c-26.2-26.2-40.7-61.2-40.7-98.4s14.5-72.1,40.7-98.4S218.9,118,256,118S328.1,132.5,354.4,158.7z M342.1,343.2 c17.1-17.1,28.5-38.5,33.2-61.7c-3.7,5.4-7.2,7.4-9.3-4.7c-2.3-19.6-20.4-7.1-31.6-14.1c-12,8-38.8-15.7-34.3,11.1 c7.1,12.1,38.1-16.2,22.6,9.3c-9.8,17.9-36.1,57.4-32.7,77.8c0.5,29.8-30.4,6.2-41.1-3.7c-7.2-19.8-2.4-54.5-21.2-64.2 c-20.4-0.8-37.7-2.8-45.6-25.5c-4.8-16.3,5-40.5,22.5-44.2c25.5-16.1,34.6,18.8,58.6,19.4c7.4-7.8,27.7-10.3,29.4-18.9 c-15.7-2.8,19.9-13.2-1.6-19.2c-11.9,1.4-19.4,12.2-13.2,21.4c-22.9,5.4-23.6-33.2-45.6-21c-0.6,19.2-35.9,6.2-12.2,2.3 c8.1-3.6-13.3-13.9-1.7-12c5.6-0.4,24.8-7.1,19.6-11.5c10.7-6.6,19.6,15.8,30.1-0.5c7.5-12.6-3.1-14.9-12.6-8.5 c-5.3-6,9.3-18.8,22.4-24.4c4.3-1.8,8.5-2.9,11.6-2.6c6.6,7.5,18.7,8.9,19.3-1c-16.2-7.8-34-11.9-52.6-11.9 c-26.5,0-51.8,8.4-72.6,24.1c5.6,2.5,8.7,5.8,3.4,9.8c-4.2,12.5-21.2,29.4-36.2,27c-7.8,13.4-12.9,28.2-15.1,43.6 c12.6,4.2,15.5,12.3,12.7,15.1c-6.3,5.5-10.3,13.4-12.3,22.2c4.1,24.9,15.8,47.9,34,66.3c23,23,53.6,35.7,86.1,35.7 C288.6,378.9,319.1,366.2,342.1,343.2z'/%3e%3c/g%3e%3c/svg%3e "); } /* START - My Account Selector */ .gui-my-account-selector * { font-family: "CircularBook", Arial, Helvetica, sans-serif; } .gui-my-account-selector .gui-dropdown-menu { margin-top: 0px; border: 1px solid #eeeeee; background: #f5f5f5; } .gui-header-main .gui-my-account-selector .gui-dropdown-menu ul li, .gui-header-main .gui-my-account-selector .gui-dropdown-menu ul li a { font-size: 14px; text-transform: inherit; } .gui-my-account-selector .gui-dropdown-toggle { color: #000000; border-right: 1px solid #eeeeee; border-left: 1px solid #eeeeee; background: #f5f5f5; } .gui-my-account-selector .gui-dropdown-toggle:after { font-size: 14px; line-height: 1.9; display: none; width: auto; height: auto; content: ""; } .gui-my-account-selector .gui-dropdown-toggle:before { width: 20px; height: 26px; margin-top: -1px; content: ""; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23000000' d='M96 160C96 71.634 167.635 0 256 0s160 71.634 160 160-71.635 160-160 160S96 248.366 96 160zm304 192h-28.556c-71.006 42.713-159.912 42.695-230.888 0H112C50.144 352 0 402.144 0 464v24c0 13.255 10.745 24 24 24h464c13.255 0 24-10.745 24-24v-24c0-61.856-50.144-112-112-112z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center center; background-size: 20px 20px; } .gui-header .gui-my-account-selector.gui-dropdown { width: auto; margin-right: 12px; } @media (min-width: 768px) { .gui-header .gui-my-account-selector.gui-dropdown { display: inline-block; } .gui-my-account-selector .gui-dropdown-toggle:after { display: block; content: "My Account"; } .gui-my-account-selector .gui-dropdown-toggle:before { margin-top: -2px; } } @media (max-width: 479px) { .gui-my-account-selector .gui-dropdown-toggle:before { margin-top: -2px; } } @media (max-width: 350px) { .gui-my-account-selector .gui-dropdown-menu { min-width: 220px; } } /* Welcome Name Surname */ .gui-my-account-selector .gui-dropdown-menu ul li.gui-my-account-welcome { padding: 0 0 10px; color: #000; border-bottom: 1px solid #e5e5e5; } /* Dropdown Button - Sign In/Out Button */ /* Signed Out */ .gui-my-account-selector .gui-dropdown-menu ul li:first-child { display: block; border-bottom: 1px solid #e5e5e5; } /* Signed In */ .gui-my-account-selector .gui-dropdown-menu.signed-in ul li:first-child { display: block; } .gui-my-account-selector .gui-dropdown-menu.signed-in ul li:last-child { display: block; padding-top: 4px; border-top: 1px solid #e5e5e5; } /* Sign In Button */ .gui-my-account-selector .gui-dropdown-menu ul li a.btn-signin { color: #fff; background-color: #000; } .gui-my-account-selector .gui-dropdown-menu ul li a.btn-signin:hover { color: #fff; background-color: #3e3d3c; } .gui-my-account-selector .gui-dropdown-menu ul li a.btn-signin:after { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23ffffff' d='M444.5,159.1C426.3,71,348.2,4.4,254.7,4.4S83,71,64.9,159.1H3v348.4h505.8V159.1H444.5z M254.7,77.1 c53.1,0,98.3,34.4,114.6,82.1H140.1C156.3,111.5,201.5,77.1,254.7,77.1z M282.1,336.9v94.8c0,7.7-6.3,14-14,14h-24.6 c-7.7,0-14-6.3-14-14v-94.8c-18-9.6-30.4-28.4-30.4-50.3c0-31.3,25.4-56.8,56.8-56.8s56.8,25.4,56.8,56.8 C312.7,308.3,300.3,327.3,282.1,336.9z'/%3e%3c/svg%3e"); } /* Sign Out Button */ .gui-my-account-selector .gui-dropdown-menu ul li a.btn-signout:after { display: none; } .gui-my-account-selector .gui-dropdown-menu ul li a.btn-signout:hover { background-color: #fff; } /* Drop Down Links*/ .gui-my-account-selector .gui-dropdown-menu ul li:nth-child(2) { margin-top: 6px; } .gui-my-account-selector .gui-dropdown-menu ul li:not(:first-child) a { color: #000; } .gui-my-account-selector .gui-dropdown-menu ul li:not(:first-child) a:hover { text-decoration: underline; color: #3e3d3c; } /* Available to Spend*/ .gui-my-account-selector .gui-dropdown-menu ul li.credit-available { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-flow: row nowrap; -webkit-flex-flow: row; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; margin-top: 6px; padding: 10px 0; color: #000; border-top: 1px solid #e5e5e5; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-orient: horizontal; -webkit-box-direction: normal; } .gui-my-account-selector .gui-dropdown-menu ul li.credit-available strong { color: #3a981e; } .gui-my-account-selector .gui-dropdown-menu ul li.credit-available span:not(:first-child) { text-align: right; } /* Account Notifications */ .gui-my-account-selector .gui-dropdown-menu ul li.gui-my-account-notification { margin: 0; padding: 4px 0; border-bottom: 1px solid #e5e5e5; } .gui-my-account-selector .gui-dropdown-menu ul li.gui-my-account-notification .gui-my-account-notifications { font-weight: 400; line-height: 13px; position: absolute; right: 0; display: -ms-flexbox; display: -webkit-box; display: flex; align-items: center; justify-content: center; width: 23px; height: 23px; text-align: center; color: #fff; border-radius: 50%; background-color: #000; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; } .gui-my-account-selector .gui-dropdown-menu ul li.gui-my-account-notification a:hover .gui-my-account-notifications { color: #fff; background-color: #3e3d3c; } /* END - Notifications */ /* Mobile - My Account Link/Dropdown */ .gui-header-main .gui-my-account-selector .gui-dropdown-toggle { position: relative; z-index: 102; display: -ms-flexbox; display: -webkit-box; display: flex; justify-content: center; width: auto; padding: 7px 10px 9px; text-transform: inherit; color: #222222; border: 1px solid #ffffff; border-bottom: none; background-color: #ffffff; -webkit-box-pack: center; -ms-flex-pack: center; } @media (max-width: 479px) { .gui-header-main .gui-my-account-selector .gui-dropdown-toggle { padding: 5px 7px; } } .gui-header-main .gui-my-account-selector.gui-active .gui-dropdown-toggle { border: 1px solid #e5e5e5; border-bottom: none; } .gui-header-main .gui-my-account-selector .gui-dropdown-menu { z-index: 101; margin-top: -1px; border: 1px solid #e5e5e5; background-color: #ffffff; } @media (max-width: 767px) { .gui-header-main .gui-my-account-selector .gui-dropdown-toggle { z-index: 9; } .gui-header-main .gui-my-account-selector .gui-dropdown-menu { z-index: 8; } } /* END - My Account Selector */ /* Super Sites */ .super-sites ul { border-right: 1px solid #eeeeee; } /* Highlight Simply Be */ .super-sites ul li#DAL-tab { width: 110px; background: #ffffff; } .super-sites ul li#CGN-tab { width: 70px; } .super-sites ul li a { font-family: "CircularBook"; color: #717171; border-left: 1px solid #eeeeee; } /* Top Links */ .gui-top-links li a { font-family: "CircularBook"; color: #717171; } /* Header Main */ @media (min-width: 768px) { /* .gui-header-main .block-3 { width: 38%; } .gui-header-main .block-4 { width: 38%; }*/ } @media (min-width: 992px) { /*.gui-header-main .block-3 { width: 32%; } .gui-header-main .block-4 { width: 32%; }*/ } /* Header Main Links */ .gui-header-main .block-3 > * { margin: 0; } .gui-header-main-links ul li a { padding: 10px 6px; border: none; } /* Main Links */ .gui-main-links li a { font-family: "CircularBook"; font-size: 12px; } .gui-main-links li a:before { width: 20px; height: 20px; margin-right: 5px; content: ""; background-repeat: no-repeat; } @media (min-width: 992px) { .gui-main-links li a { font-size: 14px; } } /* Header Toggles */ .gui-header .gui-search-toggle, .gui-header .gui-nav-toggle, .gui-header .gui-minibag-toggle { font-family: "CircularBook"; border: none; } .gui-header .gui-minibag-toggle .gui-minibag-toggle-text { font-size: 14px; line-height: 1.9; } /* Search */ /*@media (min-width: 768px) { .gui-search { max-width: 276px; } } @media (min-width: 992px) { .gui-search { max-width: 360px; } }*/ .gui-search input { font-family: "CircularBook"; text-transform: uppercase; } .gui-search button { border-left: none; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44.01 43.96'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23ccc;%7d%3c/style%3e%3c/defs%3e%3ctitle%3esearch%3c/title%3e%3cpath class='cls-1' d='M44,40.61A3.43,3.43,0,0,1,40.61,44a3.14,3.14,0,0,1-2.38-1l-9.07-9a18.11,18.11,0,0,1-10.55,3.28,18.3,18.3,0,0,1-7.23-1.47,18.22,18.22,0,0,1-9.92-9.92,18.56,18.56,0,0,1,0-14.46,18.24,18.24,0,0,1,9.92-9.92,18.56,18.56,0,0,1,14.46,0,18.26,18.26,0,0,1,9.92,9.92,18.31,18.31,0,0,1,1.47,7.23A18.1,18.1,0,0,1,34,29.17l9,9.07A3.24,3.24,0,0,1,44,40.61ZM27,27a11.4,11.4,0,0,0,3.48-8.37A11.4,11.4,0,0,0,27,10.25a11.4,11.4,0,0,0-8.37-3.48,11.4,11.4,0,0,0-8.37,3.48,11.41,11.41,0,0,0-3.48,8.37A11.41,11.41,0,0,0,10.25,27a11.41,11.41,0,0,0,8.37,3.48A11.41,11.41,0,0,0,27,27Z' transform='translate(0.01 -0.04)'/%3e%3c/svg%3e"); } /* Minibag */ .gui-minibag-content header { background: #ffffff; } .gui-minibag-content header h4 { font-family: "CircularBook"; text-transform: uppercase; } .gui-minibag-close { border: 1px solid #000000; } /* Main Nav Hover/Touch Style */ .gui-no-touch .gui-nav-list > li:hover, .gui-touch .gui-nav-list > li.gui-show { background: none; } .gui-no-touch .gui-nav-list > li a:hover, .gui-touch .gui-nav-list > li.gui-show a:hover { text-decoration: underline; } /* Nav Fonts */ .gui-nav-list > li > a { font-family: "CircularBold", Arial, Helvetica, sans-serif; } .gui-sub-nav-content-grid > div .gui-sub-nav-title { font-family: "CircularBold", Arial, Helvetica, sans-serif; text-transform: capitalize; } .gui-sub-nav-content a { font-family: "CircularBook", Arial, Helvetica, sans-serif; } /* Sub Nav Toggle Style */ .gui-show .gui-sub-nav-toggle { background: #000000; } /* Default Nav Style */ .gui-nav-default .gui-nav-list > li > a { font-size: 14px; } .gui-no-touch .gui-nav-default .gui-nav-list > li:hover, .gui-touch .gui-nav-default .gui-nav-list > li.gui-show { background: none; } .gui-nav-default .gui-sub-nav-content .gui-sub-nav-content-list a { padding: 5px 0; } /* vests and camis specific styling */ a[id^="DDM_pro_Vests&Camis"] span { font: 13px "CircularBook", Arial, Helvetica, sans-serif !important; padding: 5px 0 10px 10px !important; text-decoration: none; letter-spacing: 0.05em; } /* specific link styling DDM */ /* winter campaign */ .gui-sub-nav-content-grid #DDM_pro_TheCampaign { display: block; padding: 5px 0 5px 15px; -webkit-animation: rainbow 8s ease infinite; -z-animation: rainbow 8s ease infinite; animation: rainbow 8s ease infinite; background: linear-gradient( 124deg, #d30543, #735289, #231b4c, #367d8f ) !important; background-size: 1800% 1800% !important; } .gui-sub-nav-content-grid a#DDM_pro_TheCampaign:hover { text-decoration: none; } .gui-sub-nav-content-grid #DDM_pro_TheCampaign span { color: #fff !important; } @-webkit-keyframes rainbow { 0% { background-position: 0% 82%; } 50% { background-position: 100% 19%; } 100% { background-position: 0% 82%; } } @keyframes rainbow { 0% { background-position: 0% 82%; } 50% { background-position: 100% 19%; } 100% { background-position: 0% 82%; } } @media (max-width: 1024px) { .gui-sub-nav-content-grid #DDM_pro_TheCampaign { padding: 5px 0; } } /* iPads (landscape) ----------- */ @media only screen and (max-width: 1024px) and (orientation: landscape) { .gui-header .gui-sub-nav-content-grid div:last-child > a { height: 10px !important; text-indent: 0px !important; } .gui-nav-default .gui-sub-nav-content-grid > div { width: calc(35% - 50px); } } @media (min-width: 992px) { .gui-nav-default .gui-nav-list > li > a { font-size: 16px; } } /* Main Nav Flex Override to align links centrally */ @media (min-width: 1200px) { .gui-nav-default .gui-nav-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .gui-nav-default .gui-nav-list > li { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .gui-nav-default .gui-nav-list > li > a { padding: 10px 20px; } } /* Super Sites Dropdown */ .gui-nav-super-sites .gui-dropdown-toggle { font-family: "CircularBold"; } .gui-nav-super-sites .gui-dropdown-menu { font-family: "CircularBook"; } /* Secondary Nav */ .gui-secondary-nav { font-size: 12px; margin: 0; } @media (min-width: 992px) { .gui-secondary-nav { letter-spacing: 2px; } } .gui-secondary-nav a { font-family: "CircularBold"; color: #717171; } .gui-secondary-nav a span { font-family: "CircularBook"; } /*26/07/18 amends*/ .gui-nav, .gui-header-main { max-width: 1003px; margin: 0 auto; } @media only screen and (min-width: 768px) { .gui-nav-default .gui-header-main { padding: 0px; } .gui-header-main-container, .gui-nav-default .gui-nav-container { padding: 0; } /*logo*/ .gui-header-main .block-2 { width: 24%; margin-top: 15px; } .gui-header-main .logo { width: 90%; } /*searchbar*/ .gui-header-main .block-4 { /*width: 31%;*/ margin-top: 10px; margin-left: 16px; /*padding-left: 0.5%;*/ } .gui-search { margin: 0; /*margin-right: 8.5%;*/ } .gui-search input { font: 15px "CircularBold", Arial, Helvetica, sans-serif !important; letter-spacing: 0.5px; text-transform: initial; color: #000; } .gui-search input::-webkit-input-placeholder { color: #000; } .gui-search input::-ms-input-placeholder { color: #000; } .gui-search input:-ms-input-placeholder { color: #000; } .gui-search input::placeholder { color: #000; } .gui-search input { border: none; border-bottom: 2px solid black; } #searchButton { width: 20px; height: 41px; padding: 0; border: 0; background: url(/repo/DAL/tablet/header/02-images/1805_DAL_Header_Icons.png) no-repeat; background-position: -175px 0; background-size: 230px; } .gui-search input { padding: 6px 10px; } /*styling for main links*/ .gui-header-main .block-3 { width: 260px; padding: 12px 0 0 0; } .gui-header-main-links ul li { margin: 0 3px; } .gui-header-main-links ul li:last-child { margin: 0; margin-right: 1px; } .gui-header-main-links { width: 100%; } .gui-header-main-links ul { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /*megamenu styling*/ .gui-nav-default .gui-nav-list > li > a { font: 13px "CircularBold", Arial, Helvetica, sans-serif; font-size: 13px; display: block; padding: 15px 0 17px 0; letter-spacing: 0.05em; color: #000; } .gui-nav { margin-top: 10px; } .gui-sub-nav-content .gui-btn-close { top: 0; right: 0; width: 30px; height: 30px; border-radius: 0; background: #000 url(/repo/DAL/tablet/header/02-images/1702ss_DAL_Tablet_MenuClose.png) no-repeat center center; background-size: 100%; } .gui-touch .gui-nav-default .gui-sub-nav-content { padding: 0; } .gui-sub-nav-title { border: none; } .gui-sub-nav-title { font: 13px "CircularBold", Arial, Helvetica, sans-serif !important; display: inline-block; width: 100%; max-width: 180px; margin: 0; margin-bottom: 0; padding: 0 0 0.6em; text-align: left; text-decoration: none; letter-spacing: 0.05em; color: #fff; color: #000 !important; border: none !important; border-bottom: 1px solid #000 !important; background: none !important; } .gui-sub-nav-content-grid > div:first-child { margin: 0; } .gui-nav-default .gui-sub-nav-content .gui-sub-nav-content-list a { font: 13px "CircularBook", Arial, Helvetica, sans-serif; padding: 10px 0 5px 0; text-decoration: none; letter-spacing: 0.05em; } .gui-sub-nav-content-grid > div { padding-bottom: 1em; } .gui-sub-nav-content-grid > div { width: 28%; margin: 0; padding: 0; } /*secondary nav styling*/ .gui-secondary-nav { height: 35px; background-color: black; } .gui-secondary-nav li { width: 30%; } .gui-secondary-nav a { font: 12px/35px "CircularBold", Arial, Helvetica, sans-serif; height: 100%; padding: 0; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: #fff; } #topNav_Perks:before { display: inline-block; width: 22px; height: 16px; content: ""; vertical-align: text-bottom; background: url(/repo/DAL/desktop/responsiveheader/02-images/SecNav_180625ss_perks_icon.png) no-repeat; } } #topNav_Figleaves { /* display: inline-block; */ width: 100%; /* height: 16px; */ content: ""; /* vertical-align: bottom; */ background: url("/repo/DAL/desktop/responsiveheader/02-images/SVG_FIGLEAVES_MASTER.svg") no-repeat; background-size: 65px; background-position: center; color: transparent; } @media only screen and (max-width: 767px) { #topNav_Figleaves { background-position: 12px center; } } .gui-sub-nav-content-grid { justify-content: space-around; padding-bottom: 1em; } .gui-sub-nav-content { width: 100%; } .gui-nav-default .gui-sub-nav-content-grid > div:last-of-type, .gui-nav-default .gui-sub-nav-content-grid > div:nth-last-child(2) { width: 200px; margin-right: 0; padding-right: 0; padding-left: 0; } #topNav_Outlet { text-transform: uppercase; color: red; } /* DropDown Extra cta styling */ #DDM_pro_Blazers { display: none; } header nav .gui-nav-container ul li:nth-child(2) .gui-sub-nav-content div div:nth-child(1) ul:nth-child(2) { margin: 10px 0 0; } header nav .gui-nav-container ul li:nth-child(2) .gui-sub-nav-content div div:nth-child(1) ul:nth-child(4) { margin: 0; } @media only screen and (min-width: 1024px) { .gui-sub-nav-content-grid { justify-content: flex-start; } .gui-header-main .logo { width: 94%; } .gui-header-main .block-4 { /*width: 34%;*/ margin-top: 14px; /*padding-left: 1%;*/ } .gui-header-main .block-3 { width: 260px; } .gui-header-main .block-2 { margin-top: 19px; } /*.gui-search { margin-right: 20.5%; }*/ .gui-header-main-links ul li { margin: 0 4px; } .gui-header-main-links ul li:last-child { margin-right: 9px; } .gui-nav-default .gui-nav-list > li > a { font-size: 15px; padding: 22px 0 20px 0; letter-spacing: 0.5px; } .gui-header-main .block-4 { padding-left: 0; } .gui-header-main-links ul li:last-child { margin-right: 0; } #topNav_Outlet { text-transform: uppercase; color: red; } .gui-no-touch .gui-nav-default .gui-nav-list > li .gui-sub-nav-content { top: 41px; left: 0px; display: block; visibility: hidden; width: 100%; padding: 0; -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; opacity: 0; } .gui-no-touch .gui-nav-default .gui-nav-list > li:hover .gui-sub-nav-content { visibility: visible; opacity: 1; } #topNav_Perks:after { font-family: "CircularBook", Arial, Helvetica, sans-serif; content: " - take me there"; text-transform: lowercase; } .gui-container { max-width: 1003px; padding: 0; } .gui-secondary-nav a:hover { text-decoration: underline; text-decoration-color: #fb3d52; } [id*="topNav_FREECLICK"]:after { content: " - when you spend \00A3 40"; text-transform: capitalize; } #topNav_NEXTDAYDELIVERY:after { font-family: "CircularBook", Arial, Helvetica, sans-serif; content: " - order by 11pm"; text-transform: lowercase; } .gui-sub-nav-content-grid .gui-sub-nav-title { font: 14px "CircularBold", Arial, Helvetica, sans-serif !important; margin: 0; padding: 0 0 0.4em; /* padding: 0 !important; */ letter-spacing: 0.3px; } a[id^="DDM_pro_Vests&Camis"] span.gui-sub-nav-title { font: 12px "CircularBook", Arial, Helvetica, sans-serif !important; padding: 7px 0 !important; letter-spacing: 0.5px; } .gui-nav-default .gui-sub-nav-content .gui-sub-nav-content-list a { font: 12px "CircularBook", Arial, Helvetica, sans-serif; padding: 8px 0 7px; letter-spacing: 0.5px; } .gui-nav-default .gui-sub-nav-content-grid > div { width: calc(27% - 50px); margin: 0; margin-right: 4%; /* margin: 15px; */ padding: 28px 19px 18px; } .gui-nav-default .gui-sub-nav-content-grid > div:last-of-type { display: block; } #topNav_Home ~ .gui-sub-nav-content .gui-sub-nav-content-grid > div:last-of-type .gui-sub-nav-title, #topNav_Activewear ~ .gui-sub-nav-content .gui-sub-nav-content-grid > div:last-of-type .gui-sub-nav-title, #topNav_Shoes ~ .gui-sub-nav-content .gui-sub-nav-content-grid > div:last-of-type .gui-sub-nav-title, #topNav_Beauty ~ .gui-sub-nav-content .gui-sub-nav-content-grid > div:last-of-type .gui-sub-nav-title, #topNav_Lingerie ~ .gui-sub-nav-content .gui-sub-nav-content-grid > div:last-of-type .gui-sub-nav-title, a[id^="topNav_Home&Gifts"] ~ .gui-sub-nav-content .gui-sub-nav-content-grid > div:last-of-type .gui-sub-nav-title, #topNav_Christmas ~ .gui-sub-nav-content .gui-sub-nav-content-grid > div:last-of-type .gui-sub-nav-title { opacity: 0; /* padding: 0; */ } /* #topNav_Lingerie ~ .gui-sub-nav-content .gui-sub-nav-content-grid > div:nth-last-child(2) { width: 46%; margin-right: 0%; } */ .gui-nav-default .gui-sub-nav-content-grid > div:last-of-type, .gui-nav-default .gui-sub-nav-content-grid > div:nth-last-child(2) { width: 200px; margin-right: 0; padding-right: 0; padding-left: 0; } #topNav_Accessories ~ .gui-sub-nav-content .gui-sub-nav-content-grid > div:last-of-type, #topNav_Dresses ~ .gui-sub-nav-content .gui-sub-nav-content-grid > div:last-of-type, #topNav_Staycation ~ .gui-sub-nav-content .gui-sub-nav-content-grid > div:last-of-type, #topNav_Clothing ~ .gui-sub-nav-content .gui-sub-nav-content-grid > div:last-of-type, #topNav_Activewear ~ .gui-sub-nav-content .gui-sub-nav-content-grid > div:last-of-type, #topNav_NewIn ~ .gui-sub-nav-content .gui-sub-nav-content-grid > div:last-of-type, #topNav_BlackFriday ~ .gui-sub-nav-content .gui-sub-nav-content-grid > div:last-of-type { padding-top: 54px; } /* tablet device difference */ html.gui-touch #topNav_Accessories ~ .gui-sub-nav-content .gui-sub-nav-content-grid > div:last-of-type, html.gui-touch #topNav_Dresses ~ .gui-sub-nav-content .gui-sub-nav-content-grid > div:last-of-type, html.gui-touch #topNav_Staycation ~ .gui-sub-nav-content .gui-sub-nav-content-grid > div:last-of-type, html.gui-touch #topNav_Clothing ~ .gui-sub-nav-content .gui-sub-nav-content-grid > div:last-of-type, html.gui-touch #topNav_Activewear ~ .gui-sub-nav-content .gui-sub-nav-content-grid > div:last-of-type, html.gui-touch #topNav_NewIn ~ .gui-sub-nav-content .gui-sub-nav-content-grid > div:last-of-type { padding-top: 55px; } .gui-nav-default .gui-sub-nav-content-grid > div:nth-last-child(2) { margin-right: 3.4%; margin-left: 2%; } .gui-nav-default .gui-sub-nav-content-grid > div > ul { margin: 6px 0 15px; } /*dropdown images */ .gui-header .gui-sub-nav-content-grid div:last-child > a { display: block; width: 200px; height: 300px; margin-bottom: 20px; text-indent: -9999px; background-image: url("/repo/DAL/desktop/responsiveheader/02-images/210624_DDM.jpg"); background-repeat: no-repeat; background-position: 0 0; } .gui-header #DDM_pro_ClothingImage { display: none; } .gui-header #DDM_pro_DressesImage { display: none; } .gui-header #DDM_pro_AccessoriesImage { display: none; } .gui-header #DDM_pro_StaycationImage { display: none; } /*custom sticky header desktop styling*/ .gui-header-sticky--active .gui-header-main .logo { width: 77%; } .gui-header-sticky--active.gui-nav-default .gui-nav-list > li .gui-sub-nav-content { top: 28px; } .gui-header-sticky--active.gui-nav-default .gui-nav-list > li > a { padding: 10px 0 14px 0; } .gui-header-sticky--active.gui-nav-default .gui-nav-list > li:last-of-type { background-position-y: 45%; } } @media only screen and (min-width: 1200px) { .gui-nav-default .gui-nav-list > li { -webkit-box-flex: 1; -ms-flex: 1 auto; flex: 1 auto; } } /*styling for back to top*/ .hd-backtotop { position: fixed; z-index: 2000; right: 20px; bottom: 31px; display: none; width: 40px; padding: 13px 0; text-align: center; text-indent: -99999px; text-indent: -99999px; opacity: 0.5; border: 1px solid #000000; background: url(/repo/DAL/tablet/header/02-images/160212_DAL_Header_BackToTop.png) center no-repeat rgb(255, 255, 255) !important; } .hd-backtotop:hover { opacity: 0.8; } /* Background SVG's This will push SVG's through to Fatwire */ .svgs { background: url("/repo/DAL/desktop/responsiveheader/02-images/AUS.svg"), url("/repo/DAL/desktop/responsiveheader/02-images/IE.svg"), url("/repo/DAL/desktop/responsiveheader/02-images/NZ.svg"), url("/repo/DAL/desktop/responsiveheader/02-images/SA.svg"), url("/repo/DAL/desktop/responsiveheader/02-images/SimplyBe-Logo.svg"), url("/repo/DAL/desktop/responsiveheader/02-images/UK.svg"), url("/repo/DAL/desktop/responsiveheader/02-images/US.svg"); } /* desktop / mobile display switching */ .bag-desktop-only, .region-selector-desktop-only { display: none; } .bag-mobile-only { display: inline-block; } @media (min-width: 768px) { .bag-desktop-only { display: block; } .region-selector-desktop-only { display: inline-block; } .bag-mobile-only { display: none; } } #topNav_Sale { color: #c80059; } /* Off-Canvas Navigation */ @media only screen and (max-width: 767px) { /* Title Dividers - Start */ .gui-nav-off-canvas .gui-nav-list a[id="topNav_ShopByCategory"], .gui-nav-off-canvas .gui-nav-list a[id="topNav_Features"] { font-family: "CircularBold", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 14px; /*font-weight: normal;*/ cursor: default; pointer-events: none; color: #1d1d1d; background-color: #efefef; } .gui-nav-off-canvas .gui-nav-list a[id="topNav_ShopByCategory"]:after, .gui-nav-off-canvas .gui-nav-list a[id="topNav_Features"]:after { display: none; } /* Title Dividers - End */ /* Outlet - Start */ .gui-nav-off-canvas .gui-nav-list a[id*="topNav_Outlet"], .gui-nav-off-canvas .gui-nav-list a[id*="topNav_Outletfrom3£"] { text-transform: uppercase; color: #ff0000; } /* Outlet - End */ .gui-header.gui-nav-off-canvas a:hover { text-decoration: none !important; } .gui-nav-list > li { position: relative; } .gui-nav-list > li > a { font-size: 14px; font-weight: bold; position: relative; padding: 12px 45px 12px 12px; letter-spacing: 0.06em; } .gui-nav-off-canvas .gui-nav-list > li a:after { position: absolute; top: calc(50% - 8px); right: 15px; width: 14px; height: 14px; content: ""; background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Chevron' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 150 150' style='enable-background:new 0 0 150 150;' xml:space='preserve'%3e%3cpolygon points='43.43,115.61 107.17,74.85 43.43,34.09 '/%3e%3c/svg%3e "); background-repeat: no-repeat; background-position: center center; background-size: 14px 14px; } .gui-nav-off-canvas .gui-nav-list > li.gui-sub-nav > a:after { display: none; } /* Mobile Bespoke Icons */ /* My Account / My Fashion Account / Help / Wishlist / Track an Order / Delivery & Returns / Simply Be Perks */ .gui-nav-off-canvas .gui-nav-list a[id^="topNav_MyAccount"]:after, .gui-nav-off-canvas .gui-sub-nav-content .gui-sub-nav-content-list > li a[id^="DDM_pro_MyFashionAccount"]:after, .gui-nav-off-canvas .gui-sub-nav-content .gui-sub-nav-content-list > li a[id^="DDM_pro__MyFashionAccount"]:after { right: 15px; width: 12px; height: 12px; background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='My_Account' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 400 400' style='enable-background:new 0 0 400 400;' xml:space='preserve'%3e%3cpath id='user' d='M296.4,131.3c0,52.8-42.8,95.5-95.5,95.5s-95.5-42.8-95.5-95.5c0-52.8,42.8-95.5,95.5-95.5 S296.4,78.5,296.4,131.3z M279.7,231.3c-22.3,17.6-49.9,27.3-78.9,27.3c-29.3,0-57.2-10-79.6-27.9C62.3,252.4,36,328,36,362.6h328 C364,328.3,337.5,253.2,279.7,231.3z'/%3e%3c/svg%3e"); background-size: 12px 12px; } .gui-nav-off-canvas .gui-sub-nav-content .gui-sub-nav-content-list > li a[id^="DDM_pro__SavedItems"]:after { top: calc(50% - 7px); right: 15px; width: 11px; height: 11px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath d='M229.9,464.2L79.6,316.6c-6.5-6-62.5-59.8-62.5-126.7c0-82.8,51.8-137.6,138.7-137.6 c37.8,0,73.6,20.8,102.3,45.4c28.6-24.6,64.5-45.4,102.3-45.4c83.7,0,138.7,51.6,138.7,137.6c0,47.4-29,94.4-62.1,126.6l-0.3,0.3 L286.1,464.2C270.5,479.6,245.5,479.6,229.9,464.2L229.9,464.2z'/%3e%3c/svg%3e"); background-size: 11px 11px; } /*.gui-nav-off-canvas .gui-nav-list a[id^="topNav_Offers"] { color: #fff !important; background: #e73053 !important; }*/ header.gui-nav-off-canvas .gui-sub-nav-content .gui-sub-nav-content-list > li a[id^="DDM_pro__UnlimitedDelivery"]:after { position: absolute; top: calc(50% - 8px); right: 15px; width: 14px; height: 14px; content: ""; background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Chevron' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 150 150' style='enable-background:new 0 0 150 150;' xml:space='preserve'%3e%3cpolygon points='43.43,115.61 107.17,74.85 43.43,34.09 '/%3e%3c/svg%3e "); background-repeat: no-repeat; background-position: center center; background-size: 14px 14px; } .gui-nav-off-canvas .gui-nav-list a[id^="DDM_pro_A-ZofBrands"] span { font-size: 13px; margin: 0 10px; padding: 13px 0; text-align: center; color: #1d1d1d; background: #ffd6f2; } .gui-nav-off-canvas .gui-sub-nav-content .gui-sub-nav-content-list > li a[id^="DDM_pro_Delivery&Returns"]:after, .gui-nav-off-canvas .gui-sub-nav-content .gui-sub-nav-content-list > li a[id^="DDM_pro__Delivery&Returns"]:after { top: calc(50% - 10px); right: 12px; width: 20px; height: 20px; background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Layer_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 400 400' style='enable-background:new 0 0 400 400;' xml:space='preserve'%3e%3cg%3e%3cpolygon points='169.7,177.6 201.3,197.1 329.2,118.2 297.6,98.6 '/%3e%3cpolygon points='134.3,155.8 153.3,167.5 281.3,88.5 262.4,76.7 '/%3e%3cpath d='M133,214.1c3.1,0.3,5.7,2.2,6.9,4.9c2.5,0.1,4.8,1.2,6.3,3.1v-38.6l-18.7-11.6v37C130.1,209.7,132.1,211.6,133,214.1z'/%3e%3cpath d='M117.9,145.7L246,66.6l-41.5-25.7c-2-1.2-4.5-1.2-6.5,0L73.3,118.2L117.9,145.7z'/%3e%3cpath d='M192.7,212l-29.2-18v44.3c0,4.7-3.9,8.6-8.6,8.6h-7.8c-3.7,0-6.8-2.3-8-5.6c-3.3-0.3-6-2.3-7.2-5.2c-3.3-0.1-6-2.1-7.4-4.9 c-3.6-0.2-6.5-2.6-7.6-5.9c-3.7-1-6.4-4.3-6.4-8.3v-55.8l-45.3-28v142c0,2.1,1.1,4.1,2.9,5.3l124.7,77.2V212z'/%3e%3cpath d='M209.9,212v145.7l124.7-77.2c1.8-1.1,2.9-3.1,2.9-5.3v-142L209.9,212z M286,284.6c0,1.2-0.6,2.4-1.7,3l-50,31.5 c-0.6,0.4-1.2,0.6-1.9,0.6c-0.6,0-1.2-0.2-1.7-0.5c-1.1-0.6-1.9-1.8-1.9-3.1v-35.7c0-1.2,0.6-2.3,1.6-3l50-32.9 c1.1-0.7,2.5-0.8,3.7-0.2l0,0c1.2,0.6,1.9,1.8,1.9,3.2V284.6z'/%3e%3c/g%3e%3c/svg%3e"); background-size: 20px 20px; } .gui-nav-off-canvas .gui-sub-nav-content .gui-sub-nav-content-list > li a[id^="DDM_pro_SimplyBePerks"]:after, .gui-nav-off-canvas .gui-sub-nav-content .gui-sub-nav-content-list > li a[id^="DDM_pro__SimplyBePerks"]:after { right: 14px; width: 16px; height: 16px; background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Perks' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 400 400' style='enable-background:new 0 0 400 400;' xml:space='preserve'%3e%3cpath d='M176,180v-53.9c-6.1-1-12.6-2.7-19.2-5.2c-24.3-9.1-40.3-25.2-35.7-35.9c4.6-10.7,27.9-12,52.2-2.8 c11.9,4.5,21.8,10.6,28.2,17c-3.3-16.5-21.9-34.4-48.3-44.4C119.1,41.9,85,47,76.9,66.1s13.1,45.2,47.2,58.1 c0.6,0.2,1.2,0.4,1.7,0.6H47.1c-5.7,0-10.3,4.6-10.3,10.3V180H176z'/%3e%3cpath d='M227,202v145h107.4c5.7,0,10.3-4.6,10.3-10.3V202H227z'/%3e%3cpath d='M230.4,82.2c24.3-9.1,47.6-7.9,52.2,2.8c4.6,10.7-11.4,26.8-35.7,35.9c-6.8,2.6-13.6,4.3-19.9,5.3V180h137.7v-44.8 c0-5.7-4.6-10.3-10.3-10.3h-76.5c0.6-0.2,1.2-0.4,1.7-0.6c34.1-12.9,55.2-38.9,47.2-58.1s-42.2-24.3-76.3-11.4 c-26.4,10-45.1,27.9-48.3,44.4C208.6,92.8,218.5,86.6,230.4,82.2z'/%3e%3cpath d='M176,202H56.7v134.7c0,5.7,4.6,10.3,10.3,10.3H176V202z'/%3e%3c/svg%3e"); background-size: 16px 16px; } .gui-nav-off-canvas .gui-sub-nav-content .gui-sub-nav-content-list > li a[id^="DDM_pro_Help"]:after, .gui-nav-off-canvas .gui-sub-nav-content .gui-sub-nav-content-list > li a[id^="DDM_pro__Help"]:after { right: 14px; width: 16px; height: 16px; background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Discounts' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve' fill='%23000000'%3e%3cg%3e%3cpath d='M99.6,189.1c1.2-97.1,65.1-153,161-153c76.8,0,153.6,40.6,153.6,125.4c0,59.6-28.9,81.1-75.6,110.6 c-32,20.9-39.9,30.1-40.6,67h-97.1v-30.7c0-47.9,27-68.8,49.8-85.4c25.2-17.2,49.2-30.1,49.2-60.8c0-23.4-17.8-37.5-39.9-37.5 c-33.8,0-51,20.3-52.8,52.8v11.7H99.6z M192.3,369.7h114.3V484H192.3V369.7z'/%3e%3c/g%3e%3c/svg%3e"); background-size: 16px 16px; } .gui-nav-off-canvas .gui-sub-nav-content .gui-sub-nav-content-list > li a[id^="DDM_pro_TrackMyOrder"]:after, .gui-nav-off-canvas .gui-sub-nav-content .gui-sub-nav-content-list > li a[id^="DDM_pro__TrackMyOrder"]:after { top: calc(50% - 10px); right: 12px; width: 20px; height: 20px; background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Track' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 400 400' style='enable-background:new 0 0 400 400;' xml:space='preserve'%3e%3cpath d='M114.6,256c14,0,25.4,11.4,25.4,25.4c0,14-11.4,25.4-25.4,25.4s-25.4-11.4-25.4-25.4C89.2,267.3,100.6,256,114.6,256 M114.6,244.2c-20.5,0-37.2,16.7-37.2,37.2c0,20.5,16.7,37.2,37.2,37.2s37.2-16.7,37.2-37.2C151.9,260.9,135.2,244.2,114.6,244.2 L114.6,244.2z'/%3e%3cpath d='M295.7,256c14,0,25.4,11.4,25.4,25.4c0,14-11.4,25.4-25.4,25.4s-25.4-11.4-25.4-25.4C270.3,267.3,281.7,256,295.7,256 M295.7,244.2c-20.5,0-37.2,16.7-37.2,37.2c0,20.5,16.7,37.2,37.2,37.2s37.2-16.7,37.2-37.2C333,260.9,316.3,244.2,295.7,244.2 L295.7,244.2z'/%3e%3cpath d='M83.5,240.7H39.7c-3.9,0-7,3.1-7,7c0,1.5,0.6,2.8,1.3,3.9H73C75.9,247.4,79.5,243.8,83.5,240.7z'/%3e%3cpath d='M34,270.5c-0.8,1.1-1.3,2.4-1.3,3.9c0,3.9,3.1,7,7,7h23.6c0-3.7,0.4-7.4,1.2-10.9H34z'/%3e%3cpath d='M144.8,240.7h106.8c3.9,0,3,2.3,3,6.2c0,1.5-0.3,3.5-1.1,4.7h-98.1C152.4,247.4,148.8,243.8,144.8,240.7z'/%3e%3cpath d='M254.1,270.5c0.8,1.1,1.3,2.4,1.3,3.9c0,3.9-3.1,7-7,7h-83.4c0-3.7-0.4-7.4-1.2-10.9H254.1z'/%3e%3cpath d='M228.8,86.9h-182c-3.9,0-7,3.1-7,7v129.7c0,3.9,3.1,7,7,7h182c3.9,0,7-3.1,7-7V93.9C235.8,90,232.7,86.9,228.8,86.9z'/%3e%3cpath d='M358.9,241.4c-2.7,0-5.5,0-5.5,0s0-37.5,0-45.1c0-7.6-2-13.6-5.9-20c-3.9-6.4-31.1-53.9-33.2-57.5c-2.1-3.6-8-6.5-13.6-6.5 s-28.7,0-37.8,0c-9.2,0-14.6,6.4-14.6,14.6S248,244.1,248,244.1l6.1,8.3c0,0,13.2-22.1,41.7-22.1s50.8,24.5,50.8,50.4 c0,0.4,1,0.5,2.5,0.5c3,0,7.9-0.5,10.1-0.5c3.4,0,4.8-1.9,4.8-5.7c0-3.8,0-25.3,0-28.3C364,243.8,361.6,241.4,358.9,241.4z M258.9,121.5c0.1,0,0.3,0,0.5,0h41.3c0.8,0,1.7,0.3,2.3,0.5c1.1,1.9,3.3,5.8,6.1,10.7c5.7,9.9,11.6,20.1,16.6,28.9h-67 c0.1-20,0.1-36.4,0.1-39.5C258.8,121.8,258.9,121.7,258.9,121.5z'/%3e%3c/svg%3e"); background-size: 20px 20px; } /* Main Links with Toggle */ .gui-nav-off-canvas .gui-nav-list .gui-show > a { color: #fff; background-color: #1d1d1d; } .gui-show a + .gui-sub-nav-toggle { background-color: transparent; } .gui-sub-nav-toggle span { background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 400 400' style='enable-background:new 0 0 400 400;' xml:space='preserve'%3e%3cg%3e%3cpath d='M167.5,363h65.7V233.2H363v-65.7H233.2V37.7h-65.7v129.8H37.7v65.7h129.8V363z'/%3e%3c/g%3e%3c/svg%3e"); background-position: center center; background-size: 9px 9px; } .gui-show .gui-sub-nav-toggle span { transform: rotate(0deg); background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 400 400' style='fill:white;' xml:space='preserve'%3e%3cg%3e%3cpath d='M37.7,167.5v65.7H363v-65.7H37.7z'/%3e%3c/g%3e%3c/svg%3e"); background-size: 12px 12px; } /* Layout */ .gui-show > .gui-sub-nav-content { padding: 0; } .gui-nav-list > li .gui-sub-nav-content a:hover { background: #fff; } .gui-nav-off-canvas .gui-sub-nav-content .gui-sub-nav-content-list li:last-child { border-bottom: none; } .gui-nav-off-canvas .gui-sub-nav-content-grid > div { margin: 0 0 12px; padding: 0; } .gui-nav-off-canvas .gui-sub-nav-content .gui-sub-nav-content-list { grid-template-columns: none; grid-gap: 0px; } .gui-sub-nav-content .gui-sub-nav-content-list { grid-gap: 0; } .gui-sub-nav-content .gui-sub-nav-content-list a { font-family: "CircularBook", Arial, Helvetica, sans-serif; font-size: 13px; position: relative; padding: 14px 45px 14px 12px; color: #000; border: none; background-color: #fff; } .gui-sub-nav-content .gui-sub-nav-content-list a:hover { padding: 12px; color: #000; background-color: #fff; } /* Sub Nav Links */ .gui-nav-off-canvas .gui-sub-nav-content .gui-sub-nav-content-list > li a:after { position: absolute; top: calc(50% - 5px); right: 17px; width: 10px; height: 10px; content: ""; background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Chevron' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 150 150' style='enable-background:new 0 0 150 150;' xml:space='preserve'%3e%3cpolygon fill='%23bbbbbb' points='43.43,115.61 107.17,74.85 43.43,34.09 '/%3e%3c/svg%3e "); background-repeat: no-repeat; background-position: center center; background-size: 10px 10px; } .gui-nav-off-canvas .gui-nav-list > li .gui-sub-nav-content-grid > div > a:after { display: none; } .gui-sub-nav-content .gui-sub-nav-content-list li { margin-bottom: 0; border: none; } /* Sub Nav Title */ .gui-sub-nav-content-grid > div .gui-sub-nav-title { font-family: "CircularBold", Arial, Helvetica, sans-serif; font-size: 13px; /*font-weight: normal;*/ padding: 10px 0 10px 12px; color: #1d1d1d; border: none; background: #efefef; } /* Close Icon */ .gui-nav-close { top: 7px; right: 18px; } .gui-nav-close .gui-btn { background-color: transparent; } .gui-nav-close .gui-btn:before { width: 29px; height: 29px; background-color: #fff; background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Close' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 150 150' style='enable-background:new 0 0 150 150;' xml:space='preserve'%3e%3cg%3e%3crect x='20' y='20' fill='%23000000' width='108' height='108'/%3e%3cpath fill='%23FFFFFF' d='M130.6,9.5H19.3c-5.7,0-10.3,4.6-10.3,10.3V131c0,5.7,4.6,10.3,10.3,10.3h111.3c5.7,0,10.3-4.6,10.3-10.3V19.8 C140.9,14.1,136.3,9.5,130.6,9.5z M116.4,101.6c4,4,4,10.5,0,14.5c-2,2-4.6,3-7.3,3s-5.3-1-7.3-3l-27-27l-27,27c-2,2-4.6,3-7.3,3 s-5.3-1-7.3-3c-4-4-4-10.5,0-14.5l27-27l-27-27c-4-4-4-10.5,0-14.5s10.5-4,14.5,0l27,27l27-27c4-4,10.5-4,14.5,0c4,4,4,10.5,0,14.5 l-27,27L116.4,101.6z'/%3e%3c/g%3e%3c/svg%3e "); background-size: 16px 16px; } } /* END - Off-Canvas Navigation */ /* * Hide images for tablet widths */ /*@media (min-width: 768px) and (max-width: 1024px) { .gui-header .gui-sub-nav-content-grid div:last-child { display: none !important; } }*/ /* * Mobile Menu Region Selector styling */ .gui-nav-list .gui-region-selector .gui-dropdown-toggle { font-family: "CircularBold", Arial, Helvetica, sans-serif; position: relative; padding: 0; color: #000; } .gui-nav-list .gui-region-selector { font-family: "CircularBold", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; position: relative; display: block; width: 100%; padding: 12px 25px 12px 12px; letter-spacing: 0.06em; color: #000; background: #f5f5f5; } .gui-nav-list .gui-region-selector .gui-dropdown-menu ul li a, .gui-nav-list .gui-region-selector .gui-dropdown-toggle span { font-family: "CircularBold", Arial, Helvetica, sans-serif; padding: 0; color: #000; } .gui-nav-list .gui-dropdown .gui-dropdown-menu { position: static; width: 100%; height: auto; max-height: none; padding-top: 6px; border: none; } .gui-nav-list .gui-region-selector .gui-dropdown-menu ul li a, .gui-nav-list .gui-region-selector .gui-dropdown-menu ul li > * { font-family: "CircularBook", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 1; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; height: 35px; padding: 12px 45px 12px 12px; color: #000; } .gui-nav-list .gui-region-selector .gui-dropdown-menu ul li { border: none; } .gui-nav-list .gui-region-selector span.gui-dropdown-toggle:after { position: absolute; top: 0; right: -10px; bottom: 0; display: block; width: 12px; height: 12px; margin: auto; content: ""; background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 400 400' style='enable-background:new 0 0 400 400;' xml:space='preserve'%3e%3cg%3e%3cpath d='M167.5,363h65.7V233.2H363v-65.7H233.2V37.7h-65.7v129.8H37.7v65.7h129.8V363z'/%3e%3c/g%3e%3c/svg%3e"); background-position: center center; background-size: 12px 12px; } .gui-nav-list .gui-region-selector.gui-active span.gui-dropdown-toggle:after { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 400 400' style='enable-background:new 0 0 400 400;' xml:space='preserve'%3e%3cg%3e%3cpath d='M37.7,167.5v65.7H363v-65.7H37.7z'/%3e%3c/g%3e%3c/svg%3e"); } /* NEW DDM BUILD */ @media (min-width: 768px) { .gui-nav-default .gui-sub-nav-content-grid > div:last-of-type { display: none; } /* new in */ #DDM_pro__DenimCampaign, #DDM_pro__SimplyBeatHome, #DDM_pro__SimplyBeAtHome, /* dresses */ #DDM_pro__FloralDresses, #DDM_pro__TieDyeDresses, #DDM_pro__JustDropped, #DDM_pro__MidiDresses, #DDM_pro__JustDropped, #DDM_pro__CasualDresses, /* shoes*/ #DDM_pro__Espadrilles, #DDM_pro__HolidayShoes, #DDM_pro__ShopSandals, #DDM_pro__AutumnEdit, #DDM_pro__ShopTrainers, /* accessories */ div:nth-last-child(2) > ul > li > #DDM_pro__FaceCoverings, div:last-of-type > ul > li > #DDM_pro__FaceCoverings, #DDM_pro__SummerAccessories, #DDM_pro__AutumnAccessories, .gui-nav-default .gui-sub-nav-content .gui-sub-nav-content-list a[id^="DDM_pro__ShopBags&Purses"], #DDM_pro__WinterAccessories, /* active */ #DDM_pro__Yoga, #DDM_pro__NewIn, #DDM_pro__GymAccessories, /* home */ #DDM_pro__GotoHomeEssentials, #DDM_pro__HomeEssentials, #DDM_pro__BedroomRefresh, /*black friday*/ #DDM_pro__ShopBlackFridayClothing, #DDM_pro__HomeDeals, #DDM_pro__ClothingDeals, .gui-nav-default .gui-sub-nav-content .gui-sub-nav-content-list a[id^="DDM_pro__ShopBlackFridayLingerie&Nightwear"], #DDM_pro__ShopHats, #DDM_pro__ShopHomeAccessories { display: block; width: 200px; margin-top: 25px; padding-top: 289px; background-repeat: no-repeat; } /* clothing */ .gui-nav-default .gui-sub-nav-content .gui-sub-nav-content-list a[id^="DDM_pro__Jeans&ANiceTop"], #DDM_pro__DateNight, #DDM_pro__WeekendCasual, #DDM_pro__Brunch, #DDM_pro__TheSeasonalEdit, #DDM_pro__TheStayingInEdit, #DDM_pro__TheOff-DutyEdit, #DDM_pro__TheWinterEdit, #DDM_pro__DateNightIn, #DDM_pro__TheLeisurewearEdit, /* lingerie */ #DDM_pro__ValuePacks, #DDM_pro__LoungeInStyle, #DDM_pro__TheLingerieHub, #DDM_pro__FittingGuide, #DDM_pro__FindYourShade, #DDM_pro__JustLanded-FigleavesOnSimplyBe, /* * staycation */ #DDM_pro__SummerNightwear, #DDM_pro__Linen, #DDM_pro__LingerieValuePacks, #DDM_pro__HolidayShope, /* beauty */ #DDM_pro__BeautyHub, #DDM_pro__TheBeautyHub, #DDM_pro__GiftSets, #DDM_pro__Giftsets, #DDM_pro__VeganBeauty, a[id^="DDM_pro__Makeup,Wemissedyou!"], #DDM_pro__DiscoverBBBLondon, #DDM_pro__DiscoverHairburst, div:last-of-type > #DDM_pro__FakeTan { display: block; width: 200px; margin-top: 20px; padding-top: 205px; background-repeat: no-repeat; } a#topNav_Staycation ~ .gui-sub-nav-content > .gui-sub-nav-content-grid > div:last-of-type .gui-sub-nav-title, a#topNav_Activewear ~ .gui-sub-nav-content > .gui-sub-nav-content-grid > div:last-of-type .gui-sub-nav-title, a#topNav_Accessories ~ .gui-sub-nav-content > .gui-sub-nav-content-grid > div:last-of-type .gui-sub-nav-title, a#topNav_Dresses ~ .gui-sub-nav-content > .gui-sub-nav-content-grid > div:last-of-type .gui-sub-nav-title, a#topNav_Clothing ~ .gui-sub-nav-content > .gui-sub-nav-content-grid > div:last-of-type .gui-sub-nav-title, a#topNav_NewIn ~ .gui-sub-nav-content > .gui-sub-nav-content-grid > div:last-of-type .gui-sub-nav-title, a#topNav_BlackFriday ~ .gui-sub-nav-content > .gui-sub-nav-content-grid > div:last-of-type .gui-sub-nav-title { display: none; opacity: 0; } a#topNav_DecemberDeals ~ .gui-sub-nav-content > .gui-sub-nav-content-grid > div:last-of-type .gui-sub-nav-title { opacity: 0; } /* all */ /* New in */ #DDM_pro__DenimCampaign, #DDM_pro__SimplyBeatHome, /* Clothing */ .gui-nav-default .gui-sub-nav-content .gui-sub-nav-content-list a[id^="DDM_pro__Laters,Lockdown"], #DDM_pro__CasualisCalling, #DDM_pro__TheJeansandANiceTopEdit, #DDM_pro__TheLeisurewearEdit, /* dresses */ #DDM_pro__JustDropped, #DDM_pro__CasualDresses, /* shoes*/ #DDM_pro__ShopSandals, #DDM_pro__ShopTrainers, /* accessories */ div:nth-last-child(2) > ul > li > #DDM_pro__FaceCoverings, .gui-nav-default .gui-sub-nav-content .gui-sub-nav-content-list a[id^="DDM_pro__ShopBags&Purses"], #DDM_pro__ShopHats, /* lingerie */ #DDM_pro__JustLanded-FigleavesOnSimplyBe, #DDM_pro__FittingGuide, #DDM_pro__TheLingerieHub, #DDM_pro__FindYourShade, /* active */ #DDM_pro__NewIn, #DDM_pro__GymAccessories, /* beauty */ #DDM_pro__BeautyHub, #DDM_pro__VeganBeauty, a[id^="DDM_pro__Makeup,Wemissedyou!"], #DDM_pro__DiscoverHairburst, /* home */ #DDM_pro__GotoHomeEssentials, #DDM_pro__ShopHomeAccessories, /* christmas */ #DDM_pro__ChristmasHub, #DDM_pro__GetGifting, #DDM_pro__ShopPartywear, #DDM_pro__WinterReady, /* black friday */ #DDM_pro__HomeDeals, #DDM_pro__ClothingDeals { background-image: url("/repo/DAL/desktop/responsiveheader/02-images/210624_DDM.jpg"); } /* x4 image grid additional styling */ /* clothing */ .gui-nav-default .gui-sub-nav-content .gui-sub-nav-content-list a[id^="DDM_pro__Laters,Lockdown"], #DDM_pro__CasualisCalling, #DDM_pro__TheJeansandANiceTopEdit, #DDM_pro__TheLeisurewearEdit, /* lingerie */ #DDM_pro__JustLanded-FigleavesOnSimplyBe, #DDM_pro__FittingGuide, #DDM_pro__TheLingerieHub, #DDM_pro__FindYourShade, /* beauty */ #DDM_pro__BeautyHub, #DDM_pro__VeganBeauty, a[id^="DDM_pro__Makeup,Wemissedyou!"], #DDM_pro__DiscoverHairburst, /* christmas */ #DDM_pro__ChristmasHub, #DDM_pro__GetGifting, #DDM_pro__ShopPartywear, #DDM_pro__WinterReady { height: 0; margin-bottom: 10px; padding-top: 212px!important; } /* x4 grid second row top margin */ #DDM_pro__TheLingerieHub, #DDM_pro__FindYourShade, #DDM_pro__DateNightIn, #DDM_pro__TheStayingInEdit, #DDM_pro__TheLeisurewearEdit, #DDM_pro__CasualisCalling, a[id^="DDM_pro__Makeup,Wemissedyou!"], #DDM_pro__DiscoverHairburst { margin-top: 27px; } /* specific image sprite position*/ /* new in */ #DDM_pro__DenimCampaign { background-position: -72px -96px; } #DDM_pro__SimplyBeatHome { background-position: -292px -96px; } /* dresses */ #DDM_pro__JustDropped { background-position: -1044px -96px; } #DDM_pro__CasualDresses { background-position: -1262px -96px; } /* shoes*/ #DDM_pro__ShopSandals { background-position: -1528px -96px; } #DDM_pro__ShopTrainers { background-position: -1751px -96px; } /* accessories */ #DDM_pro__ShopHats { background-position: -2015px -96px; } a[id^="DDM_pro__ShopBags&Purses"] { background-position: -2237px -96px; } /* clothing */ a[id^="DDM_pro__Laters,Lockdown"] { background-position: -559px -96px; } #DDM_pro__CasualisCalling { background-position: -559px -319px; } #DDM_pro__TheJeansandANiceTopEdit { background-position: -776px -96px; } #DDM_pro__TheLeisurewearEdit { background-position: -776px -319px; } /* lingerie */ #DDM_pro__JustLanded-FigleavesOnSimplyBe { background-position: -72px -615px; /* padding-bottom: 0; */ /* height: 0; */ } #DDM_pro__FindYourShade{ background-position: -292px -836px; } #DDM_pro__TheLingerieHub { background-position: -72px -836px; } #DDM_pro__FittingGuide { background-position: -292px -615px; } /* beauty */ #DDM_pro__BeautyHub { background-position: -1040px -615px; } a[id^="DDM_pro__Makeup,Wemissedyou!"] { background-position: -1040px -836px; } #DDM_pro__VeganBeauty { background-position: -1265px -615px; } #DDM_pro__DiscoverHairburst { background-position: -1265px -836px; } /* active */ #DDM_pro__GymAccessories { background-position: -560px -615px; } #DDM_pro__NewIn { background-position: -775px -615px; } /* home */ #DDM_pro__GotoHomeEssentials { background-position: -1527px -615px; } #DDM_pro__ShopHomeAccessories { background-position: -1760px -615px; } /* christmas */ #DDM_pro__ChristmasHub { background-position: -72px -1193px; } #DDM_pro__GetGifting{ background-position: -292px -1193px; } #DDM_pro__WinterReady { margin-top: 27px; background-position: -72px -1416px; } #DDM_pro__ShopPartywear { margin-top: 27px; background-position: -292px -1416px; } /* black friday */ #DDM_pro__HomeDeals { background-position: -560px -1193px; } #DDM_pro__ClothingDeals { background-position: -775px -1193px; } /* * tablet differences */ html.gui-touch #DDM_pro__DateNight, html.gui-touch #DDM_pro__Brunch, html.gui-touch #DDM_pro__BacktotheOffice, html.gui-touch #DDM_pro__Linen, html.gui-touch #DDM_pro__ValuePacks, html.gui-touch #DDM_pro__GiftSets, html.gui-touch #DDM_pro__Giftsets, html.gui-touch #DDM_pro__ShopRodial, html.gui-touch #DDM_pro__TheStayingInEdit, html.gui-touch #DDM_pro__TheLeisurewearEdit { margin-top: 20px; } html.gui-touch #DDM_pro__LingerieValuePacks { margin-top: 27px; } } @media (min-width: 1024px) { .gui-nav-default .gui-sub-nav-content-grid > div:last-of-type { display: block; } } /* icons */ @media (min-width: 768px) { .gui-nav-container > ul > li > div.gui-sub-nav-content > div > div:nth-child(2) a { display: flex; align-items: center; justify-content: flex-start; } #DDM_pro__SimplyBeLoves:before, #DDM_pro__SummerUtility:before, #DDM_pro__PastelDreams:before, #DDM_pro__TheEditorial:before, #DDM_pro__GardenWonderland:before, #DDM_pro__HyperBlooms:before, #DDM_pro__Finery:before, #DDM_pro__Denim:before, #DDM_pro__Occasionwear:before, #DDM_pro__Leisurewear:before, #DDM_pro__Basics:before, a[id^="DDM_pro__BrandsA-Z"]:before, #DDM_pro__JoeBrowns:before, a[id^="DDM_pro__Levi's"]:before, #DDM_pro__Value:before, #DDM_pro__Skater:before, #DDM_pro__Smock:before, #DDM_pro__Wrap:before, #DDM_pro__Swing:before, #DDM_pro__Jersey:before, #DDM_pro__Shirt:before, a[id^="DDM_pro__Midi's"]:before, #DDM_pro__DenimDresses:before, #DDM_pro__Skechers:before, #DDM_pro__SimplyBe:before, #DDM_pro__Birkenstock:before, #DDM_pro__UGG:before, #DDM_pro__Clarks:before, #DDM_pro__Ravel:before, #DDM_pro__Melissa:before, #DDM_pro__CalvinKlein:before, #DDM_pro__Accessorize:before, #DDM_pro__Apple:before, #DDM_pro__ValentinoBags:before, #DDM_pro__TommyHilfiger:before, #DDM_pro__LoveMoschino:before, a#DDM_pro__FullCupBras:before, #DDM_pro__NonWiredBras:before, #DDM_pro__BalconyBras:before, a[id^="DDM_pro__Strapless&MultiwayBras"]:before, #DDM_pro__PaddedBras:before, #DDM_pro__Pyjamas:before, #DDM_pro__Loungewear:before, #DDM_pro__Nighties:before, #DDM_pro__Gowns:before, #DDM_pro__adidas:before, #DDM_pro__UnderArmour:before, #DDM_pro__Champion:before, #DDM_pro__Ellesse:before, #DDM_pro__Puma:before, #DDM_pro__Reebok:before, #DDM_pro__Pineapple:before, #DDM_pro__PinkSoda:before, #DDM_pro__BeautyWorks:before, #DDM_pro__BondiSands:before, .gui-sub-nav-content .gui-sub-nav-content-list a[id^="DDM_pro__L'Oreal"]:before, #DDM_pro__LauraGeller:before, #DDM_pro__Stila:before, #DDM_pro__Maybelline:before, #DDM_pro__Rodial:before, #DDM_pro__Rimmel:before, #DDM_pro__NailsInc:before, #DDM_pro__Essie:before, #DDM_pro__ShopAllTech:before, #DDM_pro__SmartWatches:before, #DDM_pro__Headphones:before, #DDM_pro__Speakers:before, #DDM_pro__MobilePhones:before, #DDM_pro__Tablets:before, #DDM_pro__Cameras:before, #DDM_pro__Holiday:before, a[id^="DDM_pro__Co-ords"]:before, a[id^="DDM_pro__Nobody'sChild"]:before, #DDM_pro__TopBrands:before, #DDM_pro__SimplyBeautiful:before, #DDM_pro__Dermalogica:before, #DDM_pro__Santorini:before, #DDM_pro__BestFitForever:before, #DDM_pro__SunsetRomance:before, #DDM_pro__Refinery29:before, #DDM_pro__Festival:before, #DDM_pro__HolidayEdit:before, #DDM_pro__Partywear:before, #DDM_pro__PrettyInPink:before, #DDM_pro__Snowdonia:before, #DDM_pro__IslandPicks:before { display: block; width: 35px; height: 35px; margin-right: 8px; content: ""; background-image: url("/repo/DAL/desktop/responsiveheader/02-images/210624_DDM_Icons.jpg"); } /*Icon Positions */ /*NEW IN*/ #DDM_pro__SimplyBeLoves:before { background-position: -70px -86px; } #DDM_pro__SummerUtility:before { background-position: -70px -368px; } #DDM_pro__PastelDreams:before { background-position: -70px -310px; } #DDM_pro__TheEditorial:before { background-position: -70px -141px; } #DDM_pro__GardenWonderland:before { background-position: -70px -423px; } #DDM_pro__HyperBlooms:before { background-position: -70px -254px; } #DDM_pro__Finery:before { background-position: -70px -199px; } #DDM_pro__SimplyBeautiful:before { background-position: -70px -482px; } #DDM_pro__Santorini:before { background-position: -70px -542px; } #DDM_pro__SunsetRomance:before { background-position: -70px -602px; } #DDM_pro__Refinery29:before { background-position: -70px -662px; } #DDM_pro__HolidayEdit:before { background-position: -70px -725px; } #DDM_pro__BestFitForever:before { background-position: -70px -783px; } #DDM_pro__PrettyInPink:before { background-position: -70px -198px; } #DDM_pro__IslandPicks:before { background-position: -70px -367px; } /*CLOTHING*/ #DDM_pro__Denim:before { background-position: -213px -85px; } #DDM_pro__Occasionwear:before { background-position: -213px -198px; } #DDM_pro__Leisurewear:before { background-position: -213px -141px; } #DDM_pro__Basics:before { background-position: -213px -254px; } a[id^="DDM_pro__BrandsA-Z"]:before { background-position: -213px -478px; } #DDM_pro__JoeBrowns:before { background-position: -213px -422px; } a[id^="DDM_pro__Levi's"]:before { background-position: -213px -367px; } #DDM_pro__Value:before { background-position: -213px -310px; } a[id^="DDM_pro__Nobody'sChild"]:before { background-position: -213px -540px; } #DDM_pro__Holiday:before { background-position: -213px -585px; } a[id^="DDM_pro__Co-ords"]:before { background-position: -213px -641px; } #DDM_pro__TopBrands:before { background-position: -213px -701px; } #DDM_pro__Festival:before { background-position: -213px -761px; } #DDM_pro__Partywear:before { background-position: -213px -821px; } /*DRESSES*/ #DDM_pro__Skater:before { background-position: -369px -86px; } #DDM_pro__Smock:before { background-position: -369px -143px; } #DDM_pro__Wrap:before { background-position: -369px -199px; } #DDM_pro__Swing:before { background-position: -369px -255px; } #DDM_pro__Jersey:before { background-position: -369px -310px; } #DDM_pro__Shirt:before { background-position: -369px -367px; } a[id^="DDM_pro__Midi's"]:before { background-position: -369px -422px; } #DDM_pro__DenimDresses:before { background-position: -369px -478px; } /*SHOES*/ #DDM_pro__Skechers:before { background-position: -520px -86px; } #DDM_pro__SimplyBe:before { background-position: -520px -366px; } #DDM_pro__Birkenstock:before { background-position: -520px -195px; } #DDM_pro__UGG:before { background-position: -520px -142px; } #DDM_pro__Clarks:before { background-position: -520px -422px; } #DDM_pro__Ravel:before { background-position: -520px -249px; } #DDM_pro__Melissa:before { background-position: -520px -310px; } /*ACCESSORIES*/ #DDM_pro__CalvinKlein:before { background-position: -653px -198px; } #DDM_pro__Accessorize:before { background-position: -653px -254px; } #DDM_pro__Apple:before { background-position: -653px -310px; } #DDM_pro__ValentinoBags:before { background-position: -653px -366px; } #DDM_pro__TommyHilfiger:before { background-position: -653px -478px; } #DDM_pro__LoveMoschino:before { background-position: -653px -423px; } /*LINGERIE*/ a#DDM_pro__FullCupBras:before { background-position: -843px -84px; } #DDM_pro__NonWiredBras:before { background-position: -843px -142px; } #DDM_pro__BalconyBras:before { background-position: -843px -198px; } a[id^="DDM_pro__Strapless&MultiwayBras"]:before { background-position: -843px -254px; } #DDM_pro__PaddedBras:before { background-position: -843px -309px; } #DDM_pro__Pyjamas:before { background-position: -843px -367px; } #DDM_pro__Loungewear:before { background-position: -843px -423px; } #DDM_pro__Nighties:before { background-position: -843px -535px; } #DDM_pro__Gowns:before { background-position: -843px -478px; } /*ACTIVEWEAR*/ #DDM_pro__adidas:before { background-position: -1000px -84px; } #DDM_pro__UnderArmour:before { background-position: -1000px -254px; } #DDM_pro__Champion:before { background-position: -1000px -142px; } #DDM_pro__Ellesse:before { background-position: -1000px -309px; } #DDM_pro__Puma:before { background-position: -1000px -485px; } #DDM_pro__Reebok:before { background-position: -1000px -545px; } #DDM_pro__Pineapple:before { background-position: -1000px -366px; } #DDM_pro__PinkSoda:before { background-position: -1000px -425px; } #DDM_pro__Snowdonia:before { background-position: -1000px -364px; } /*BEAUTY*/ #DDM_pro__BeautyWorks:before { background-position: -1135px -1071px; } #DDM_pro__BondiSands:before { background-position: -1135px -833px; } .gui-sub-nav-content .gui-sub-nav-content-list a[id^="DDM_pro__L'Oreal"]:before { background-position: -1135px -142px; } #DDM_pro__LauraGeller:before { background-position: -1135px -84px; } #DDM_pro__Stila:before { background-position: -1135px -588px; } #DDM_pro__Maybelline:before { background-position: -1135px -198px; } #DDM_pro__Rodial:before { background-position: -1135px -422px; } #DDM_pro__Rimmel:before { background-position: -1135px -892px; } #DDM_pro__NailsInc:before { background-position: -1135px -952px; } #DDM_pro__Essie:before { background-position: -1135px -1012px; } #DDM_pro__Dermalogica:before { background-position: -1135px -1133px; } /*HOME*/ #DDM_pro__ShopAllTech:before { background-position: -1278px -86px; } #DDM_pro__SmartWatches:before { background-position: -1278px -143px; } #DDM_pro__Headphones:before { background-position: -1278px -199px; } #DDM_pro__Speakers:before { background-position: -1278px -254px; } #DDM_pro__MobilePhones:before { background-position: -1278px -310px; } #DDM_pro__Tablets:before { background-position: -1278px -366px; } #DDM_pro__Cameras:before { background-position: -1278px -421px; } #DDM_pro__Beachwear:before { background-position: -1410px -310px; } #DDM_pro__Swimsuits:before { background-position: -1410px -254px; } #DDM_pro__Tankinis:before { background-position: -1410px -198px; } #DDM_pro__Bikinis:before { background-position: -1410px -142px; } #DDM_pro__ShapingSwim:before { background-position: -1410px -85px; } #DDM_pro__Beauty:before { background-position: -1410px -367px; } #DDM_pro__Shoes:before { background-position: -1410px -423px; } /*CHRISTMAS*/ #DDM_pro__Fragrances:before { background-position: -1410px -84px; } #DDM_pro__BeautyGiftSets:before { background-position: -1410px -142px; } #DDM_pro__NightwearGiftSets:before { background-position: -1410px -198px; } #DDM_pro__StockingFillers:before { background-position: -1410px -254px; } #DDM_pro__SexyLingerieSets:before { background-position: -1410px -309px; } #DDM_pro__TechGifts:before { background-position: -1410px -366px; } #DDM_pro__ShopAllGifting:before { background-position: -1410px -421px; } } /* ------------------------ */ /* Auto Suggestions - START */ /* ------------------------ */ /* search input */ @media screen and (min-width: 768px) { .gui-search { min-width: 260px; max-width: 260px; } } .gui-search input { font-family: "CircularBold", Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; padding: 10px 16px; } /* recent Search */ .gui-search-container { box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.16); border: 1px solid #e5e5e5; border-top: none; } .gui-search-container li { font-size: 16px; font-family: "CircularBook", Arial, Helvetica, sans-serif; border-bottom: 1px solid #e5e5e5; } .gui-search-container li:last-child { border-bottom: none; } .gui-search-container .gui-search-heading { font-size: 16px; font-family: "CircularBold", Arial, Helvetica, sans-serif; line-height: 20px; padding: 12px 16px; color: #000; } .gui-search-container .gui-search-item-link { font-size: 14px; color: #000; padding: 12px 16px; } .gui-search-container .gui-search-dismissable:after { background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Plus' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 150 150' style='enable-background:new 0 0 150 150;' xml:space='preserve'%3e%3cpath d='M74.93,1.35c2.53,0,4.59,2.05,4.59,4.59l0,0v64.24h64.24c2.42,0,4.4,1.87,4.58,4.25l0.01,0.34 c0,2.53-2.05,4.59-4.59,4.59l0,0H79.52v64.24c0,2.42-1.87,4.4-4.25,4.58l-0.34,0.01c-2.53,0-4.59-2.05-4.59-4.59l0,0V79.35H6.11 c-2.42,0-4.4-1.87-4.58-4.25l-0.01-0.34c0-2.53,2.05-4.59,4.59-4.59l0,0h64.24V5.94c0-2.42,1.87-4.4,4.25-4.58L74.93,1.35z'/%3e%3c/svg%3e "); transform: rotate(45deg); } /* auto suggestion */ .auto-suggestions { box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.16); border: 1px solid #e5e5e5; border-top: none; } .auto-suggestion:first-child div { border-top: none; border-bottom: none; } .auto-suggestion div { border-top: 1px solid #e5e5e5; border-bottom: none; } .auto-suggestion.product div { border-top: 1px solid #e5e5e5; border-bottom: none; } .auto-suggestion b { color: #727272; } /* auto suggestion keywords */ .auto-suggestion { font-family: "CircularBook", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #000; } /* auto suggestion product */ .auto-suggestion-header { font-family: "CircularBold", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; padding: 12px 16px; color: #000; } .auto-suggestion.product span span.title { color: #000; } .auto-suggestion.product span span.price { color: #000; padding: 0; font-size: 14px; } /* auto suggestion btn */ a.auto-suggestion-btn .btn { font-family: "CircularBook", Arial, Helvetica, sans-serif; font-size: 16px; } /* ---------------------- */ /* Auto Suggestions - END */ /* ---------------------- */