/* poppins-regular - latin-ext_latin */ @font-face { font-display: swap; font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url('/static/fonts/poppins-v15-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('/static/fonts/poppins-v15-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/fonts/poppins-v15-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/static/fonts/poppins-v15-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */ url('/static/fonts/poppins-v15-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/static/fonts/poppins-v15-latin-ext_latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-500 - latin-ext_latin */ @font-face { font-display: swap; font-family: 'Poppins'; font-style: normal; font-weight: 500; src: url('/static/fonts/poppins-v15-latin-ext_latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('/static/fonts/poppins-v15-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/fonts/poppins-v15-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('/static/fonts/poppins-v15-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */ url('/static/fonts/poppins-v15-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('/static/fonts/poppins-v15-latin-ext_latin-500.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-600 - latin-ext_latin */ @font-face { font-display: swap; font-family: 'Poppins'; font-style: normal; font-weight: 600; src: url('/static/fonts/poppins-v15-latin-ext_latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('/static/fonts/poppins-v15-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/fonts/poppins-v15-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('/static/fonts/poppins-v15-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */ url('/static/fonts/poppins-v15-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('/static/fonts/poppins-v15-latin-ext_latin-600.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-700 - latin-ext_latin --- USING 600 weight for 700, as lots of things around the site are within tags but 700 is too heavy for these */ @font-face { font-display: swap; font-family: 'Poppins'; font-style: normal; font-weight: 700; src: url('/static/fonts/poppins-v15-latin-ext_latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('/static/fonts/poppins-v15-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/fonts/poppins-v15-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('/static/fonts/poppins-v15-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */ url('/static/fonts/poppins-v15-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('/static/fonts/poppins-v15-latin-ext_latin-600.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-700 - latin-ext_latin */ @font-face { font-display: swap; font-family: 'Poppins'; font-style: normal; font-weight: 800; src: url('/static/fonts/poppins-v15-latin-ext_latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('/static/fonts/poppins-v15-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/fonts/poppins-v15-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/static/fonts/poppins-v15-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */ url('/static/fonts/poppins-v15-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/static/fonts/poppins-v15-latin-ext_latin-700.svg#Poppins') format('svg'); /* Legacy iOS */ } /* karla-regular - latin */ @font-face { font-display: swap; font-family: 'Karla'; font-style: normal; font-weight: 400; src: url('/static/fonts/karla-v15-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('/static/fonts/karla-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/fonts/karla-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/static/fonts/karla-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/static/fonts/karla-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/static/fonts/karla-v15-latin-regular.svg#Karla') format('svg'); /* Legacy iOS */ } /* karla-600 - latin */ @font-face { font-display: swap; font-family: 'Karla'; font-style: normal; font-weight: 600; src: url('/static/fonts/karla-v15-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('/static/fonts/karla-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/fonts/karla-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('/static/fonts/karla-v15-latin-600.woff') format('woff'), /* Modern Browsers */ url('/static/fonts/karla-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('/static/fonts/karla-v15-latin-600.svg#Karla') format('svg'); /* Legacy iOS */ } /* karla-700 - latin */ @font-face { font-display: swap; font-family: 'Karla'; font-style: normal; font-weight: 700; src: url('/static/fonts/karla-v15-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('/static/fonts/karla-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/fonts/karla-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/static/fonts/karla-v15-latin-700.woff') format('woff'), /* Modern Browsers */ url('/static/fonts/karla-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/static/fonts/karla-v15-latin-700.svg#Karla') format('svg'); /* Legacy iOS */ } /* Common Styles */ * { outline:0; } h1, .welcome { color: #666; font-family:'Karla', Arial, Helvetica, sans-serif; margin-top: 0px; margin-bottom: 15px; font-size: 28px; font-weight: normal; } h1.mini{ font-size:30px; } h2 { color: #666; font-family:'Karla', Arial, Helvetica, sans-serif; margin-top: 0px; margin-bottom: 8px; font-size: 22px; font-weight: normal; } .subheader_l2 { color: #666; font-family:'Karla', Arial, Helvetica, sans-serif; margin-top: 0px; margin-bottom: 8px; font-size: 22px; font-weight: normal; } #content{ position:relative; } .hover-hands{ cursor:pointer; } input[type="checkbox"]:focus{ outline:1px dotted grey; } input[type="text"], input[type="password"]{ -webkit-appearance: none; -webkit-border-radius:0; border-radius:0; } /* End Common */ /* Mobile/Small screen res online */ #side-menu-container{ position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:200; } #side-menu{ position:absolute; top:0px; left:0px; background:#fff; width:80%; height:100%; border-right:1px solid #666;background: #f2f2f2; z-index:10; overflow:hidden; } #side-menu-scroll{ width:100%; overflow-y:scroll; height:100%; } #side-menu-scroll::-webkit-scrollbar { display: none; } #side-menu-bg{ position:absolute; width:100%; height:100%; background-color: rgba(102,102,102,0.5); z-index:5; } #side-search{ width:95%; height:28px; padding:10px 2.5%; } #side-menu #side-search input{ width: 90%; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; } #side-menu #side-search .button-search{ width:10%; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; } #side-search input{ height:26px; padding:0; margin:0; line-height:26px; outline:0; background:#fff; font-family: 'quiksand'; font-size:16px; padding-left:5px; border:1px solid #666; border-right:0; float:left; color: #666; } #side-ul ul{ display:none; } #side-ul { list-style:none; padding:0; margin:0; } #side-ul li{ border-bottom:1px solid #666;background:white; } #side-ul li:last-child{ border:0; } #side-ul li a{ font-size:20px; font-family:'Karla', Arial, Helvetica, sans-serif; width:95%; margin:0 2.5%; padding:10px 0; display:block; text-align:center; text-transform:lowercase; } #side-bag-container{ position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:200; } #side-bag{ position:absolute; top:0px; right:0px; background:#fff; width:80%; height:100%; border-left:1px solid #666;background: #f2f2f2; z-index:10; overflow:hidden; } #side-bag-scroll{ width:100%; overflow-y:scroll; height:100%; } #side-bag-scroll::-webkit-scrollbar { display: none; } #side-bag-bg{ position:absolute; width:100%; height:100%; background-color: rgba(102,102,102,0.5); z-index:5; } #side-bag .content{ width:94%; padding:3%; } #side-bag .content .title{ text-align:center; } #side-bag .content .empty{ width:100%; text-align:center; } #side-bag .content .remove{ display:none; } #side-bag .la-button{ padding:0; font-size:14px; height:36px; line-height:36px; width:48%; float:left; margin-right:4%; cursor:pointer; } #side-bag .la-button:last-child{ margin:0 } #side-bag .checkout{ margin-top:10px; width:100%; float:left; margin-bottom:10px; } #side-bag .solo-button { width:100%; margin:0; } /* #slider { position:relative; margin-bottom:10px; overflow:hidden; } #slider img{ display:block; width:100%; } #slider-contain{ position:relative; } #slider-left{ position:absolute; background: url(/static/image/slider-left.png); width:51px; height:51px; top:50%; margin-top:-25px; left:-41px; z-index:101; cursor:pointer; } #slider-right{ position:absolute; background: url(/static/image/slider-right.png); width:51px; height:51px; top:50%; margin-top:-25px; right:-41px; z-index:101; cursor:pointer; } .slide{ position:absolute; left:0; top:0; z-index:2; } #slider .current-slide{ position:relative; z-index:100; } #slider .next-slide{ z-index:50; } #slider .previous-slide{ z-index:50; }*/ /* SECTIONS ============================================================================= */ .section { clear: both; padding: 0px; margin: 0px; } /* GROUPING ============================================================================= */ .group:before, .group:after { content:""; display:table; } .group:after { clear:both; } /* GRID COLUMN SETUP ==================================================================== */ .col { display: block; float:left; margin: 0 0 0 1.6%; } .col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */ /* REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */ @media only screen and (max-width: 480px) { .breadcrumb{ display:none; } .col { /* margin: 1% 0 1% 0%; */ } h1, .welcome { margin-top: 0px; margin-bottom: 0px; font-size: 24px; font-weight: normal; line-height:normal; } .breadcrumb{ margin-bottom:0 !important; } } .span_4_of_4 { width: 100%; } .span_3_of_4 { width: 74.6%; } .span_2_of_4 { width: 49.2%; } .span_1_of_4 { width: 23.8%; } .span_2_of_2 { width: 100%; } .span_1_of_2 { width: 49.2%; } .span_1_of_1 { width: 100%; margin-left:0; } .span_3_of_3 { width: 100%; } .span_2_of_3 { width: 66.1%; } .span_1_of_3 { width: 32.2%; } .span_1_of_5{ width: 16%; } .span_4_of_5{ width: 82%; margin-left:2%; } .span_1_of_5 img{ width:100%; } @media only screen and (max-width: 586px) { .span_2_of_2 { width: 100%; } .span_1_of_2 { width: 100%; } } html { overflow-y: scroll; margin: 0; padding: 0; } body { background: #f2f2f2; color: #666; font-family: 'Poppins', Arial, Helvetica, sans-serif; margin: 0px; } /* body:not(.checkout) { /* Padding to allow for sticky mobile header / padding: 57px 0 0 0; } */ body, td, th, input, textarea, select, a { font-size: 12px; } button.link { background: none; height: auto; width: auto; text-align: inherit; font-size: inherit; line-height: inherit; font-family: inherit; border: 0; outline: 0; cursor: pointer; text-decoration: underline; color: inherit; padding: 0; } .la-button{ background: #e5a488; height: 40px; width: 100%; color: white; text-align: center; font-size: 16px; line-height: 40px; font-family:'Poppins', Arial, Helvetica, sans-serif; border:0; text-transform:uppercase; cursor:pointer; } .la-button.secondary{ background:#f7e4d7; color:#666 !important; border:0; box-sizing:border-box; } .la-button.second{ background:#f7e4d7 ; color:#666 !important; box-sizing:border-box; } a.la-button{ display:block; } .la-button.small{ font-size:12px; width: 15%; } .la-button.loading{ cursor:wait; color:#666; background: #e5a488 url("https://cdn.lisaangel.co.uk/static/image/gif-load-tr.svg") no-repeat center center; font-size:0; } .la-button.disabled{ background:#f7e0d7; cursor: not-allowed !important; } .la-button.loading .text{ display:none; } .la-button .text.small{ display:none; } .la-button.ghost { background: none; border: 1px solid #666; color: #666; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } a.la-button{ color:white !important; } #outer-container{ margin: 0 auto; width:1024px; background:white; } .inner-container{ width:93.75%; margin:0 auto; } @media only screen and (max-width: 1024px) { #outer-container{ width:100%; } #slider-right{ right: -25px; } #slider-left{ left: -25px; } } @media only screen and (max-width: 880px) { .inner-container{ width:98.4%; margin:0 auto; } #slider-right{ right: 0px; } #slider-left{ left: 0px; } } #logo img { width: 91.52%; } #contact-no{ float:right; } #contact-no{ width:52.54%; margin-top:4px; } #contact-no img{ width:100%; } #header-right{ position:relative; } .free-delivery-header{ /* margin-top: 34px; */ } #contact-header-block{ height: 85px; } .free-delivery-header a{ font-size: 14px !important } #cart .heading { width:258px; height:25px; line-height:25px; font-size:14px; text-align:right; cursor:pointer; } #cart .heading a{ font-size:14px; } #cart .heading img { margin-right:5px; margin-top:2px; float:right; } #cart .heading .text { float:right; } #cart .title, #side-bag .content .title{ padding:10px 0 5px; text-align: center; font-family:'Karla', Arial, Helvetica, sans-serif; font-size:22px; } #cart .empty { padding:10px 15px 20px 15px; text-align: center; } #cart .la-button { padding:0; font-size:14px; height:36px; line-height:36px; width:48%; float:left; margin-right:4%; cursor:pointer; } #cart .solo-button{ width:100%; margin:0; } #cart .la-button:last-child{ margin:0; } .mini-cart-info table { border-collapse: collapse; width: 100%; margin-bottom: 5px; } .mini-cart-info td { color: #000; vertical-align: top; padding: 10px 5px; border-bottom: 1px solid #EEEEEE; } .mini-cart-info tr.no-border td { border:0;padding-bottom:0; } .mini-cart-info .image { width: 1px; } .mini-cart-info .image img { border: 1px solid #EEEEEE; text-align: left; max-height: 47px; max-width: 47px; } .mini-cart-info .name small { color: #666; } .mini-cart-info .quantity { text-align: right; } .mini-cart-info td.total { text-align: right; } .mini-cart-info .remove { text-align: right; } .mini-cart-info .remove img { cursor: pointer; } .mini-cart-total td { text-align: right; font-size:11px; } .mini-cart-total table { border-collapse: collapse; display: inline-block; margin-bottom: 5px; float:right; } .mini-cart-total td { color: #666; padding: 2px 0px 2px 12px; } .mini-cart-total .grand-total td{ font-size: 18px; } /* Mobile Header */ @media only screen and (max-width: 586px) { #logo{ width:100%; margin-bottom:0; } #logo img{ width:100%; margin:0 0%; } #contact-no{ width:100%; margin-top:0; } #contact-no.christmas a{ display:none; } #contact-no.christmas .fill{ width:100%; height: 22px; } #contact-no a { width:45%; float:left; margin-left:1%; } #header-right{ margin:0; } #contact-no a.free-phone { display:none; } #contact-no img{ width:100%; } .slider-controls{ display:none; } #header .account-links{ top:4px; right:6px; } #logo{ margin-top:0; } } @media only screen and (max-width: 350px) { #contact-no a { width:37%; margin-top: 3px; } } #menu { border-top: 1px solid #666666; border-bottom: 1px solid #666666; height: 40px; margin-bottom: 10px; position:relative; z-index:150; text-align:center; } #menu #mobile-menu{ display:none; z-index:200; -webkit-tap-highlight-color: rgba(0,0,0,0); } #menu ul { list-style: none; margin: 0; padding: 0; } #menu > ul > li { position: relative; display:inline-block; z-index: 20; outline:0; } #menu > ul > li > a { font-size: 16px; color: #666; line-height: 40px; text-decoration: none; display: block; padding: 0px 8px 0px 8px; margin-bottom: 5px; z-index: 6; position: relative; outline:0; text-transform:lowercase; } #menu > ul > li:hover > a { background:#f2f2f2; border-left:1px solid #666; border-right:1px solid #666; padding: 0px 7px 0px 7px; } #menu > ul > li > div { display: none; background: #F2f2f2; position: absolute; z-index: 5; padding: 5px; border: 1px solid #666666; border-top:0; top:40px; text-align:left; } #menu > ul > li > div > ul { display:block; float:left; width:20%; box-sizing:border-box; } #menu > ul > li ul + ul { padding-left: 20px; } #menu > ul > li ul > li > a { text-decoration: none; padding: 4px; color: #666666; display: block; white-space: nowrap; min-width: 160px; font-size:13px; font-family:'Poppins'; } #menu .sub-link.title{ padding: 4px; font-family: 'Poppins'; font-size:13px; font-weight:bold; } #menu > ul > li ul > li > a:hover { } #menu > ul > li > div > ul > li > a { color: #666666; } #search { float:right; width:100%; max-width:250px; height: 28px; margin-top:20px; } #search input{ width: 194px; height:26px; padding:0; margin:0; line-height:26px; outline:0; background:#fff; font-family:'Karla', Arial, Helvetica, sans-serif; font-size:16px; padding-left:5px; border:1px solid #666; float:right; color: #666; } .button-search{ border:1px solid #666; border-left:0; width:23px; height:26px; float:right; background: url(/static/image/search-btn.png) #fff no-repeat 80% center; cursor:pointer; } #sub-menu{ display:none; } @media only screen and (max-width: 970px) { #search{ display:none; } } @media only screen and (min-width: 587px) and (max-width: 970px) { #logo img{ width:100%; } #contact-no{ width:55%; } #menu {} #menu > ul > li > a{ padding: 0px 3px 0px 3px; } #menu > ul > li:hover > a{ background:#f2f2f2; border-left:1px solid #666; border-right:1px solid #666; padding: 0px 2px 0px 2px; } #sub-menu{ display:block; position:relative; width:100%; height:42px; } #menu #sub-search{ width:95%; margin:0 2.5%; padding:0; } #menu #sub-search input{ width: 87.5%; } #sub-search input{ width:87.5%; height:26px; padding:0; margin:0; line-height:26px; outline:0; background:#fff; font-family:'Karla', Arial, Helvetica, sans-serif; font-size:16px; padding-left:5px; border:1px solid #666; border-right:0; float:left; color: #666; } .button-search{ border:1px solid #666; border-left:0; width:9.8%; height:26px; float:left; background: url(/static/image/search-btn.png) no-repeat center center; cursor:pointer; } #header #cart{ bottom: -39px; } #contact-no{ position:relative; top:4px; } } @media only screen and (min-width: 655px) and (max-width: 690px) { #menu > ul > li > a{ font-size:15px; } } @media only screen and (min-width: 587px) and (max-width: 654px) { #menu > ul > li > a{ font-size:14px; } #menu > ul > li:hover > a{ } #menu ul li:first-child a { /* padding-left:0; } #menu ul li:last-child a { padding-right:0; */ } } @media only screen and (min-width: 587px) and (max-width: 596px) { #menu > ul > li#menu-7{ display:none; } } /* Mobile Menu */ @media only screen and (min-width: 587px) { #menu a.nav-link.mobile_only{ display:none; } #search_icon_left { display:none !important; } } @media only screen and (max-width: 586px) { #gap-fill{ display:none; } #menu{ border:0; height:auto; } #menu_button{ float:left; display:block; } #menu #cart_button{ float:right; } #menu #mobile-menu .mobile-button{ background:#666; height:40px; width: 48.9510%; color:white; text-align:center; font-size:22px; line-height:40px; } #menu #mobile-menu { width:100%; margin:0 0; padding:0; margin-bottom:10px; display:block; margin-top: 6px; } .mobile-button img{ margin-right:10px; vertical-align:text-top; } #menu #search{ width:100%; margin:0; padding:0; } #menu #search input{ width: 87.5%; } #search .button-search{ width:9.8%; } #search_icon_right { /* display:none !important; */ } #menu ul { display:none; } #cart{ display:none; } #promo-group .col{ width: 100%; } #side-menu .la-button{ margin-top:5px; margin-bottom:5px; } } #promo-bar { border-top: 1px solid #666; border-bottom: 1px solid #666; padding-bottom:5px; } #promo-bar a { display:block; float:left; } #promo-bar a img{ float:left; } .review{ float:left; width:100%; margin-top:4px; margin-bottom:4px; } .promo-group .review{ margin-bottom:6px; } .review:last-child{ margin-bottom:0; } .review-stars{ width: 68px; height:13px; background: url(/static/image/review-stars-faded-2x.png); float:left; background-size: cover; } .review-stars-fill{ height:13px; background: url(/static/image/review-stars-solid-2x.png); background-size: cover; } .review-stars-fill.white{ background: url(/static/image/review-stars-solid-2x-white.svg); background-size: cover; } .v2_product_view #basic-info .review-stars-fill{ height:20px; } .v2_product_view #basic-info .review-stars{ height:20px; width:105px; } .review-text{ float:left; line-height:18px; width:100%; } @media only screen and (max-width: 586px){ #promo-bar .reviews_container{ margin-left:0; } } #promo-bar .review-text{ height: 18px; overflow:hidden; margin-top:6px; position:relative; } #promo-bar .read-all{ background:white; width:82px; height:18px; position:absolute; right:0; top:0; cursor:pointer; } .review-info{ float:left; width:100%; margin-top:2px; } .review-time{ float:left; margin-left: 10px; height:13px; line-height:11px; } #promo-bar a.review-read-all{ float:left; } .latest-img{ float:left; width:32.5%; margin-right:1.25%; } .latest-img:last-child{ margin-right:0; } .latest-img img{ width:100%; } @media only screen and (min-width: 586px) and (max-width: 660px) { #promo-bar a.latest-img{ width:49%; margin-right:1%; } .latest-img:nth-child(2){ margin-right:0; } #promo-bar a.latest-img:last-child{ display:none; } } #promo-group{margin-bottom: 10px;} #promo-group div{ text-align:center; width: 49.5%; } #promo-group div:last-child{ margin: 0 0 0 1%; } #promo-group img{ width:100%;display:block; } #promo-group a{ display:block; } /*.home-icons{ } .home-icons .span_1_of_4{ width:24.0625%; margin-left: 1.25%; margin-bottom:13px; max-height:100%; } .home-icons .span_1_of_4:first-child{ margin-left:0; } .home-icons img { width:100%; display:block; } @media only screen and (max-width: 480px) { .home-icons .span_1_of_4{ width:48.9510%; margin-left: 2.098%; margin-bottom:4px; } .home-icons .span_1_of_4:nth-child(3){ margin-left:0; } .home-icons{ width:100%; margin: 0; } #home-icons-bottom { } .home-icons:nth-child(3) .span_1_of_4:nth-last-child(-n+2) { margin-bottom:0; } .home-icons:nth-child(3){ margin-bottom:8px; } } @media only screen and (min-width: 481px) and (max-width: 880px) { .home-icons .span_1_of_4{ width:32.5%; margin: 0 1.25% 10px 0; } .home-icons .span_1_of_4:nth-child(3){ margin:0; } .home-icons .span_1_of_4:nth-child(4){ display:none; } .home-icons{ width:100%; } } @media only screen and (max-width: 480px) { #slider{ width:100%; margin:0; margin-bottom:4px; } .inner-container #content{ margin-bottom:0px; } #slider-controls{ display:none; } } */ .section-title{ float:left; font-family:'Karla', Arial, Helvetica, sans-serif; font-size:22px; margin-top:5px; margin-bottom: 2px; } .section-title a{ font-size:22px; } .section-content{ float:left; width:100%; margin-top:3px; } #footer-main{ padding: 5px 0; position:relative; } .footer-col{ float:left; width: 32.5%; margin-right:1.25%; } .footer-col:last-child{ margin-right:0; } .footer-col ul{ list-style:none; margin:0; padding:0; float:left; margin-top:2px; margin-bottom:5px; width:100%; } .footer-col li{ float:left; line-height:20px; width:100%; } .footer-col li a, .footer-col li div{ font-size:13px; cursor:pointer; } .footer-title{ float:left; width: 100%; font-family:'Karla', Arial, Helvetica, sans-serif; font-size:22px; } #card-logos, #awards{ margin-top:10px; width:100%; text-align: center; } #card-logos { margin-bottom: 1em; } #awards{ margin-bottom:20px; } #awards .feefo-logo { height: 30px; } #card-logos img, #card-logos svg { padding:0 10px; box-sizing: border-box; max-width:19%; vertical-align: middle; height: 20px; margin: .5em 0; } #awards img{ margin: 0 0px; padding: 0 10px; box-sizing:border-box; } @media only screen and (min-width: 588px) { #awards .feefo-logo { height: auto; } } @media only screen and (max-width: 587px) { #promo-bar .first-col{ border-bottom: 1px solid #666; padding-bottom:10px; margin-bottom:0; } .footer-col { width:100%; text-align:center; padding:5px 0; } .footer-col ul{ display:none; width:100%; } .footer-col li a, .footer-col li div{ font-size:14px; padding:4px 0; display:block; } #footer-main .footer-links{ border-bottom: 1px solid #666; margin-bottom:10px; } #card-logos img{ padding-left:2px; } } #footer-seperate{ margin: 15px auto; width:1024px; font-size:13px; color:#666; max-width:100%; } .footer-address{ width:100%; margin:5px 0; text-align:center; } @media only screen and (max-width: 1024px) { #footer-seperate{ width:100%; } } #social-icons{ width:42px; height: 232px; position:fixed; left:-1px; bottom:40px; } #social-icons a{ float:left; } #social-icons img{ float:left; margin-bottom:3px; } #feefo-gold{ width:108px; height: 108px; position:fixed; right:-17px; bottom:100px; } .hidden{ display:none; } @media only screen and (max-width: 1182px) { #social-icons{ position:static; width:198px; height: 42px; margin:0 auto 15px; } #social-icons a{ float:left; } #social-icons img{ float:left; margin-bottom:0px; margin-right:10px; } #social-icons a:last-child img{ margin-right:0; } #feefo-gold{ position:static; margin:0 auto 0px; width:auto; height:auto; text-align:center; } #feefo-gold img{ width:100%; max-width: 50px; } #footer-seperate{ margin-bottom:5px; } #google_plus_icon{ display:none; } } /* Review Page */ #review-columns{ margin-bottom:10px; } #review-columns .col{ background: #f2f2f2; } #review-columns .padding{ padding: 10px 2%; float:left; width:96%; } #review-columns .col .perc{ float:right; font-size:30px; line-height:46px; } #review-columns h2{ float:left; line-height:46px; } #review-columns .review{ background:white; margin:0; padding:20px 1%; width:98%; clear:both; } #review-columns .review:nth-child(2n){ background:#f2f2f2; } #review-columns .review .review-info{ width:180px; margin:0 0 0 10px; line-height:13px; } #review-columns .review .review-text{ margin:10px 0 0; width:100%; line-height:20px; overflow-x:hidden; } #review-columns .review .response{ margin:8px 0 0; width:100%; float:left; font-style:italic; } #review-columns .review .review-top{ width:100%; float:left; } #review-columns .button-container{ margin:15px auto 05px; width:40%; } .review-page .feefo-logo, .review-page .feefo-logo a{ width:100%; text-align:center; } .review-page .feefo-logo img{ margin:0 auto; max-width:100%; } @media only screen and (max-width: 586px){ .review-page .span_2_of_3{ width:100%; margin:0; } .review-page .span_2_of_3 p{ margin-bottom:0; } .review-page .span_1_of_3{ width:100%; margin:10px 0; } .perc, h2{ width:100%; text-align:center; } .review-page h1{ text-align:center; } } /* Category Page */ #category-banner .banner{ display:block; width:100%; margin-bottom:10px; } #category-banner .subcat_title::before, #category-banner .subcat_title::after { content:""; display:block; } #category-desc .read_more, .description_container .read_more{ font-weight:bold; cursor:pointer; } .sub-categories .span_1_of_many{ width:24%; margin-left: 1.33%; margin-bottom:12px; position:relative; } .sub-categories .span_1_of_many:nth-child(4n+1){ margin-left:0; } .sub-categories.type_2{ } .sub-cats-container{ width:100%; border-top:1px solid #a3a3a3; padding-top:5px; margin-top:5px; } .sub-cats-container h2{ margin:0 0 5px 0; } .sub-categories .span_1_of_many img{ display:block; width:100%; } .brands .span_1_of_many img{ /* display:block; */ width:initial; margin: auto; max-height: 60px; display: block; max-width: 100%; } .sub-categories .span_1_of_many a{ width:100%; height:100%; } .brands .span_1_of_many a{ width:initial; height:initial; } .sub-categories .span_1_of_many .label{ position:absolute; background:white; bottom:12px; left:0; padding:8px; font-size:12px; } /* Sub Category */ #filter-col{ width:20.208%; margin:10px 0 15px; height:100%; } #filter-col h2{ text-align:left; float:left; width:auto !important; } #filter-col .clear_filter.top{ line-height:28px; } #main-col{ width:79.79%; margin:0; float:right; } .category-products{ margin-top:10px; border-left:1px solid #666; padding-left: 1.59%; width:98.40%; } .category-products .sort{ width:50%; padding-bottom:10px; float:right; text-align:right; line-height: 34px; } .category-products .sort label{ font-family:'Karla', Arial, Helvetica, sans-serif; font-size: 16px; } .category-products .sort select{ font-size: 15px; padding:0; margin:0 0 0 5px;; border:1px solid #666; color:#666; } .showing{ margin:10px 0; text-align:center; width:100%; } .showing-bar{ width:100%; float:left; } .showing-bar .sort{ margin: 6px 0 0; } .showing.showing-top{ width:50%; float:left; text-align:left; } .showing .show-all, .showing .show-all-contain{ display:inline; font-weight:bold; cursor:pointer; } @media only screen and (max-width: 440px) { .showing.showing-top, .category-products .sort{ width:100%; } .category-products .sort{ float:none; text-align: center; } .showing.showing-top{ text-align:center; } .responsive-open .showing.showing-top .show-all-contain{ display:block } .responsive-open .showing.showing-top .show-all-contain .sep{ display:none; } } @media only screen and (max-width: 700px) { .responsive-open .showing.showing-top, .responsive-open .category-products .sort{ width:100%; } .responsive-open .showing.showing-top{ text-align:center; } } .category-products a{ } .filter-block{ float:left; padding-right:5%; width:95%; margin-bottom:10px; } .filter-block.priceblock{ margin-bottom:25px; } .category-products .span_1_of_many{width:32.44%;margin-left: 1.33%;margin-bottom:12px;position:relative;} .category-products .span_1_of_many:nth-child(3n+1){margin-left:0;clear:both;} .category-products .product-infos, .product_grid .product-infos{ position:relative; } .category-products .span_1_of_many a, .product_grid .span_1_of_many a{ padding: 0%; display:block; position:relative; } .category-products .span_1_of_many a .sold-out, .product_grid .span_1_of_many a .sold-out{ position:absolute; left:0; top:0; width:100%; height:100%; } .category-products .span_1_of_many a .sold-out img, .product_grid .span_1_of_many a .sold-out img{ width:100%; background-color: rgba(255,255,255,0.55); } .category-products .span_1_of_many .product-tag, .product_grid .span_1_of_many .product-tag{ position:absolute; left:5px; top:5px; background:white; font-size:14px; font-family:'Karla', Arial, Helvetica, sans-serif; padding:5px; } @media only screen and (max-width:450px){ .category-products .span_1_of_many .product-tag{ font-size:11px; } } .category-products .span_1_of_many .perc-off-tag, .product_grid .span_1_of_many .perc-off-tag{ position: absolute; left: 5px; bottom: 5px; background: white; font-size: 18px; font-family:'Karla', Arial, Helvetica, sans-serif; padding: 5px; color: #ff4040; } .category-products .span_1_of_many img, .product_grid .span_1_of_many img{ width:100%; display:block; margin-bottom:4px; } .category-products .product-name, .product_grid .product-name{ width: 59.9%; text-align:center; font-size: 12px; float:left; max-height: 70px; } .category-products .product-price, .product_grid .product-price{ width: 37.55%; text-align:center; float:right; border-left:1px solid #666; font-size:24px; text-align:center; line-height:30px; margin-bottom:2px; } .category-products .product-price .price_currency { font-size:12px; padding-right:2px; vertical-align:top; line-height:23px; font-weight:600; } .category-products a.product_infos_PHP .product-price, .category-products a.product_infos_DKK .product-price, .category-products a.product_infos_CZK .product-price, .category-products a.product_infos_SGD .product-price, .category-products a.product_infos_INR .product-price, .category-products a.product_infos_RUB .product-price { font-size: 24px; } .category-products a.product_infos_NOK .product-price { font-size: 26px; } .category-products a.product_infos_HKD .product-price, .category-products a.product_infos_MYR .product-price, .category-products a.product_infos_TWD .product-price { font-size: 18px; } .category-products a.product_infos_CHF .product-price { font-size: 18px; } .category-products .product-price .old-price, .product_grid .product-price .old-price{ text-decoration: line-through; font-size:12px; line-height:12px; float:left; margin-left:5% } .category-products .price_from { font-size:12px; line-height:normal; height:auto; float:left; clear:both; } #you-might-like-flickity .price_from, .change_related_block .recently_viewed .price_from { font-size:12px; line-height:normal; height:auto; clear:both; padding-right:3px; font-weight:normal; } .change_related_block .recently_viewed { display:flex; flex-wrap:wrap; } #basic-info .price_from { text-align:center; line-height:1.0em; margin-bottom:-0.5em; font-size:14px; } .v2_product_view #basic-info .price_from { line-height:10px; } .has_special_price { position:relative; } .has_special_price .price_from { padding-left:35px; } .has_special_price .price-old { position:absolute; top:0; left:0; } .has_special_price .special-price { padding-left:35px; } @media only screen and (max-width: 880px){ #basic-info .price_from { margin-bottom:0; } .v2_product_view #basic-info .price_from { margin-bottom:-0.2em; } } @media only screen and (max-width: 480px){ .category-products .price_from { margin-top:5px; } } .category-products .product-price .new-price, .product_grid .product-price .new-price{color: #ff4040;width:100%;text-align:center;float:left;line-height: 28px;} .new-price-inline{ color: #ff4040; } .category-products .product-price .review-stars, .product_grid .product-price .review-stars { margin: 5px auto; float:none; } .category-products .product-price .review-stars-none, .product_grid .product-price .review-stars-none{ margin: 5px auto; width: 1px; height: 13px; } .category-show{ display:block; width:70%; margin:0 15% 10px; } .category-show .loading-img{ margin-top: 5px; display:none; } .category-show.loading .loading-img{ display:none; } .category-show.loading .text{ display:none; } #filter-form .drag-slider{ width:100%; height:5px; background:#666; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position:relative; overflow:visible; margin: 20px 0 15px; } #filter-form .drag-slider .slider-handle{ width:6px; height:22px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#3f3f3f; position:absolute; top:50%; margin-top: -11px; cursor:pointer; left:0%; margin-left:3px; } #filter-form .drag-slider .drag-slider-area{ width:100%; position:absolute; height:5px; left:0px; } #filter-form .drag-slider .slider-handle.right-handle{ left:100%; margin-left:-9px; } #filter-form .filter-label{ font-family:'Karla', Arial, Helvetica, sans-serif; font-size: 18px; } #filter-form ul.filter-boxes { list-style:none; padding:0; margin:5px 0 0 0; float:left; width:100%; } #filter-form ul.filter-boxes li{ float:left; margin: 4px 0; clear:both; } #filter-form ul.filter-boxes.colour li{ clear:none; width:50%; margin: 2px 0; } #filter-form .filter-boxes .checkbox{ width: 16px; height:16px; border:2px solid #666; display:inline-block; float:left; cursor:pointer; } #filter-form .filter-boxes input[type="checkbox"] { width:13px; height:13px; float:left; margin:0; padding:0; border:1px solid #666; } #filter-form .check-container{ float:left; width:13px; height:13px; padding:3px 0; } #filter-form .filter-boxes label{ float:left; margin-left:8px; font-size:13px; line-height:19px; max-width:148px; } #filter-form .slider-price{ float:left; } #filter-form .slider-price.right{ float:right; } #filter-form .filter-label .range{ display:inline; font-family: 'Poppins', Arial, Helvetica, sans-serif; font-size: 12px; padding-left:28px; } #filter-form #price-slider-container{ float:left; width:89%; margin:0 5.5%; margin-top:10px; } #filter-btn{ display:none; } .clear_filter { cursor: pointer; float: right; margin-right: 10px; font-size: 14px; } #filter-button, #close-filter{ display:none; } @media only screen and (min-width: 481px) and (max-width: 880px) { .sub-categories .span_1_of_many{ width:32.44%; margin-left: 1.33%; } .sub-categories .span_1_of_many:nth-child(4n+1){ margin-left:1.33%; } .sub-categories .span_1_of_many:nth-child(3n+1){ margin-left:0; } } @media only screen and (max-width: 480px){ .sub-categories .span_1_of_many{ width:49.335%; margin-left: 1.33%; margin-bottom:2px; } .sub-categories .span_1_of_many:nth-child(4n+1){ margin-left:1.33%; } .sub-categories .span_1_of_many:nth-child(3n+1){ margin-left:1.33%; } .sub-categories .span_1_of_many:nth-child(2n+1){ margin-left:0; } .sub-categories{ margin-bottom:5px; } #category-desc-text{ margin-bottom:5px; } #category-desc{ margin-top:2px; } } @media only screen and (max-width: 880px) { #main-col{ width:100%; position:relative; } .category-products{ border:0; width:100%; padding:0; } #filter-col{ display:none; } .responsive-open #filter-col{ display:block; width:32%; } .responsive-open #main-col{ width:66%; } .responsive-open #main-col .category-products { margin-top: 10px; border-left: 1px solid #666; padding-left: 1.59%; width: 98.40%; } .responsive-open #main-col .category-products .span_1_of_many { width: 49%; margin-left: 2%; margin-bottom: 12px; position: relative; } .responsive-open #main-col .category-products .span_1_of_many:nth-child(2n +1) { margin-left:0%;clear:both; } .responsive-open #main-col .category-products .span_1_of_many:nth-child(3n+1){ clear:none; } #filter-col{ position:relative; } .responsive-open #filter-button{ display:none; } .responsive-open #close-filter{ display:block; width:30px; font-size:18px; position:absolute; top:25px; right:0px; cursor:pointer; } } @media only screen and (max-width: 586px){ #category-desc{ display:none; } #category-desc.home_text{ display:block; } .category-products .span_1_of_many{ width:49.335%; margin-left: 1.33%; margin-bottom:12px; position:relative; } .category-products .span_1_of_many:nth-child(3n+1){ margin-left:1.33%; clear:none; } .category-products .span_1_of_many:nth-child(2n+1){ margin-left:0%;clear:both; } .responsive-open #filter-col{ display:block; width:45%; } .responsive-open #main-col{ width:55%; } .responsive-open #main-col .category-products { margin-top: 10px; border-left: 1px solid #666; padding-left: 4%; width: 96%; } .responsive-open #main-col .category-products .span_1_of_many { width: 100%; margin-left: 0%; margin-bottom: 12px; position: relative;clear:both; } .responsive-open #main-col .category-products .span_1_of_many:nth-child(2n +1) { margin-left:0%; } .responsive-open #main-col .category-products .span_1_of_many:nth-child(3n+1){ clear:none; } } @media only screen and (min-width: 587px) and (max-width: 660px){ .category-products .product-price, .product_grid .product-price{ font-size:24px; } .category-products .product-name, .product_grid .product-name{ font-size:12px; } } @media only screen and (max-width: 480px){ .category-products .product-name, .product_grid .product-name{ width:100%; max-height: 75px; } .category-products .product-price, .product_grid .product-price{ width:100%; border:0; } .category-products .product-price .review-stars-none{ display:none; } .category-products .product-price{ font-size:28px; } .category-products .span_1_of_many img{ margin-bottom:4px; } } /* */ /*Brand page */ #brand-top{ margin-bottom:5px; } #brand-top img{ /* width:100%; */ } #brand-top .span_1_of_3 { text-align: right; } @media only screen and (max-width: 499px){ #brand-top .span_1_of_3{ display:none; } #brand-top .span_2_of_3{ width:100%; } } #brand-top p{ } .brands.sub-categories .span_1_of_many{ /* width:22%; padding: 20px 1%; */ height: 60px; width: 22%; padding: 20px 1%; } @media only screen and (min-width: 400px) and (max-width: 586px){ .brands.sub-categories .span_1_of_many{ width:30%; padding: 20px 1%; } } @media only screen and (max-width: 399px) { .brands.sub-categories .span_1_of_many{ width:46%; padding: 20px 2%; margin:0; } } .loading-div{ position:absolute; width:100%; height:100%; left:0; top:0; cursor: wait; } /* Product Page */ #product-titles{ display:none; } #product-photo{ position:relative; cursor:pointer; } #product-photo .main-photo{ width:100%; display:block; } @media only screen and (min-width: 700px) { #product-photo .thumbs .swiper-slide.thumb{ float:left; width:23.2% !important; margin-right:2.4% !important; cursor:pointer !important; } #product-photo .thumbs .swiper-slide.thumb:nth-child(4n){ margin-right:0 !important; } #product-photo .thumbs .swiper-slide.thumb:nth-child(n+5){ margin-top:10px !important; } #product-photo .thumbs .swiper-slide.thumb:nth-last-child(-n+4){ } #product-photo .swiper-wrapper{ display:block; } } #product-photo .thumbs{ width:100%; margin-top:10px; } .main-photo-container{ float:left; } #photo-viewer{ position:fixed; width:80%; max-width:900px; max-height:900px; background:#f2f2f2; padding:1%; left:50%; top:50%; z-index:100; } #popup-underlay{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:50; } #photo-viewer #prev { position: absolute; background: url(/static/image/slider-left.png); width: 51px; height: 51px; top: 50%; margin-top: -25px; left: -14px; z-index: 101; cursor: pointer; } #photo-viewer #next { position: absolute; background: url(/static/image/slider-right.png); width: 51px; height: 51px; top: 50%; margin-top: -25px; right: -14px; z-index: 101; cursor: pointer; } #photo-viewer #close-box{ position: absolute; width: 51px; height: 51px; top: -10px; right: -10px; z-index: 101; cursor: pointer; color:transparent; font-size:0; text-align:center; line-height:51px; font-family: 'Poppins', Arial, Helvetica, sans-serif; background-size:24px; background-position:8px 19px; background-image:url('/static/image/header/close_search_icon.svg'); background-repeat:no-repeat; } @media only screen and (max-width: 699px){ /* Touch slider stuffs */ #product-photo #main-image{ display:none; } } #product-info h1.product-title{ font-family:'Karla', Arial, Helvetica, sans-serif; font-size: 26px; color: #666; margin-bottom:30px; } #product-info h2.product-title{ font-family:'Karla', Arial, Helvetica, sans-serif; font-size: 19px; color: #919191; } #basic-info{ margin-top:15px; } #basic-info .span_1_of_2{width:49.8%;margin:0;float:right;/* height:80px; */} .v2_product_view #basic-info{ margin-top:8px; } .v2_product_view #product-top #basic-info .span_1_of_2{ width:auto; float:left; margin-left:1.6%; } .v2_product_view #product-top #basic-info .span_1_of_2.product_view_rating { float:right; } .v2_product_view #product-top #basic-info .span_1_of_2:first-child{ margin-left:0; } @media only screen and (max-width: 586px) { .v2_product_view #product-top #basic-info .span_1_of_2 { float:right; padding-right:3.5%; } .v2_product_view #product-top #basic-info .span_1_of_2:first-child{ padding-left:3.5%; float:left; } } #basic-info .span_1_of_2 .price{ text-align: center; width: 100%; font-size:50px; line-height:80px; height:80px; float:left; } .v2_product_view #basic-info .span_1_of_2 .price{ line-height:65px; height:65px; } #basic-info .span_1_of_2 .price.price_gbp{ font-size:60px; } .v2_product_view #basic-info .span_1_of_2 .price.price_gbp{ font-size:40px; } #basic-info .span_1_of_2 .price.price_thb, #basic-info .span_1_of_2 .price.price_mxn, #basic-info .span_1_of_2 .price.price_pln{ font-size:40px; } #basic-info .span_1_of_2 .price.price_php{ font-size:33px; } #basic-info .span_1_of_2 .price.price_nok, #basic-info .span_1_of_2 .price.price_sek, #basic-info .span_1_of_2 .price.price_hkd, #basic-info .span_1_of_2 .price.price_twd, #basic-info .span_1_of_2 .price.price_inr, #basic-info .span_1_of_2 .price.price_rub { font-size:33px; } #basic-info .span_1_of_2 .price.price_dkk, #basic-info .span_1_of_2 .price.price_czk, #basic-info .span_1_of_2 .price.price_myr, #basic-info .span_1_of_2 .price.price_zar, #basic-info .span_1_of_2 .price.price_cny, #basic-info .span_1_of_2 .price.price_aed{ font-size:38px; } .cart_dropdown_free_when { padding:5px 5px 7px; border:1px solid #666; color:#666; background:#fff; margin:10px 0; text-align:center; } .cart_dropdown_express_when { padding-top:10px; } #basic-info .span_1_of_2 .additional{float:left;/* height:61px; *//* margin-top:19px; */padding-left:15px;} #basic-info .span_1_of_2 .additional div{ display:block; height:auto; line-height:21px; } #basic-info .span_1_of_2 .additional.additional-special{ width:100%; padding-left:0; margin-top:4px; } #basic-info .span_1_of_2 .additional.additional-special div{ display:inline; height:21px; line-height:21px; } #basic-info .span_1_of_2 .additional.additional-special div:nth-child(2){ } #basic-info .span_1_of_2 .price-old{ font-size:20px; line-height:20px; height:20px; float:left; text-decoration:line-through; } #basic-info .span_1_of_2 .price .sign{ font-size: 28px; } #basic-info .span_1_of_2 .price.price_ils{ font-size:44px; } #basic-info .span_1_of_2 .price.price_ils .decimal{ font-size:18px; } #basic-info .span_1_of_2 .price.price_ils .sign, #basic-info .span_1_of_2 .price.price_dkk .sign, #basic-info .span_1_of_2 .price.price_zar .sign, #basic-info .span_1_of_2 .price.price_cny .sign, #basic-info .span_1_of_2 .price.price_pln .sign{ font-size: 26px; } #basic-info .span_1_of_2 .price.price_rub .sign, #basic-info .span_1_of_2 .price.price_twd .sign, #basic-info .span_1_of_2 .price.price_hkd .sign, #basic-info .span_1_of_2 .price.price_myr .sign, #basic-info .span_1_of_2 .price.price_inr .sign{ font-size: 20px; } #basic-info .span_1_of_2 .price.price_php .sign{ font-size: 26px; } #basic-info .span_1_of_2 .price.price_sgd{ font-size:44px; } #basic-info .span_1_of_2 .price.price_sgd .decimal{ font-size:18px; } #basic-info .span_1_of_2 .price.price_sgd .sign{ font-size: 26px; } #basic-info .span_1_of_2 .price .decimal{ display: inline-block; font-size: 23px; } #basic-info .span_1_of_2 .special-price{ font-size:40px; line-height:65px; height:65px; font-weight:600; float:left; color:#ff4040; } #basic-info .span_1_of_2 .special-price .sign{ font-size: 25px; } #basic-info .span_1_of_2 .special-price .decimal{ display: inline-block; font-size: 23px; } #basic-info .span_1_of_2 .price-container{ float:left; } #basic-info .span_1_of_2:first-child{ border-right: 1px solid #666666; float:left; } .v2_product_view #basic-info .span_1_of_2:first-child{ padding-right:20px; border-right:0; } #basic-info .span_1_of_2 .reviews{ width:100%; text-align:center; padding-top:22px; } #basic-info .span_1_of_2 .reviews .review-stars{ float: none; margin: 0 auto 5px; } .v2_product_view #basic-info .span_1_of_2 .reviews .review-stars{ float: left; } #basic-info .span_1_of_2 .reviews .review-desc{ width:100%; text-align:center; } .v2_product_view #basic-info .span_1_of_2 .reviews .review-desc{ width:auto; text-align:left; float:left; padding-left:5px; line-height:22px; } .read-more, .read_more{ cursor:pointer; } .read-more:hover, .view_related:hover{ text-decoration:underline; } .view_related{ margin-top:10px; } #product-info #mini-desc{ margin-top:15px; } #product-info #mini-desc p{ margin:0; } .v2_product_view .delivery-expectation { padding:5px 0; } .v2_product_view .delivery-expectation p{ margin-bottom:5px; } .v2_product_view .delivery-expectation .delivery { padding-bottom:10px; } @media only screen and (max-width: 586px) { .v2_product_view #basic-info .span_1_of_2 .reviews { padding-top:20px; } .v2_product_view #basic-info .span_1_of_2 .reviews.no_reviews .review-stars { float:none; margin:0 auto 2px; } .v2_product_view #basic-info .span_1_of_2 .reviews.no_reviews .review-desc { padding-left:0; } .v2_product_view #basic-info .span_1_of_2 .reviews.no_reviews { padding-top:10px; } .v2_product_view .delivery-expectation { padding:0 3.5% 10px; } #product-info #mini-desc { padding:0 3.5%; } } /* Smaller than iphone 6 */ @media only screen and (max-width: 374px) { .v2_product_view #basic-info .span_1_of_2 .reviews.no_reviews .review-desc { font-size:10px; } } #product-info .add-to-bag{ width:100%; background: #f2f2f2; margin:15px 0 0; position:relative; } #product-info .add-to-bag .noths-ex{ background:rgba(255, 255, 255, 0.84); position:absolute; width:100%; height:100%; left:0; top:0; z-index:10; text-align:center; font-size:20px; border: 2px solid #f7f7f7; padding:20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; line-height:35px; } #product-info .add-to-bag .noths-ex a{ display:block; font-size:20px; text-decoration: underline; line-height:35px; } @media only screen and (max-width: 400px) { #product-info .add-to-bag .noths-ex, #product-info .add-to-bag .noths-ex a{ font-size:16px; line-height:30px; } } #product-info .add-to-bag .padding{ width:93%; padding:16px 3.5%; position:relative; } #product-info .add-to-bag .age-restricted { display: block; margin: 2em 0; } #product-info .add-to-bag #age-restricted[disabled]~span { opacity: .8; } #product-info .add-to-bag .age-restricted > label { padding: 1em; } #product-info .add-to-bag .age-restricted input { vertical-align: middle; } #product-info .add-to-bag .age-restricted .required { margin-left: .25em; } #product-info .add-to-bag .add-to-row, .customisation-popup .add-to-row{ margin-bottom:16px; font-size:14px; } .add-to-error{ width:100%; color:red; float:left; } .customisation-popup .add-to-first{ height: 55px; line-height:55px; font-size:14px; width:215px !important; } .customisation-popup .option-title{ font-family:'Karla', Arial, Helvetica, sans-serif; font-size:20px; margin-bottom:15px; float:left; width:100%; } .customisation-popup .add-to-row{ width:100%; } #product-info .add-to-bag .label-text-qty { text-transform:uppercase; margin-right:25px; float:left; line-height:32px; } .customisation-popup .add-to-row label, .select-option-row label{ margin-right:0px; width:100px; float:left; height: 32px; line-height:32px; } .customisation-popup .add-to-row label.full-label{ width:100%; } #product-info .product-qty, .customisation-popup .add-to-row .product-qty { text-align:center; width:34px; font-size:24px; color:#666; padding:0; margin:0; border:1px solid #ddd; height:30px; line-height:30px; display: inline-block; } #product-info .add-to-bag .add-to-row input:disabled, .customisation-popup .add-to-row input:disabled.qty{ cursor:not-allowed; } .customisation-popup .add-to-row input.config-option, .customisation-popup .add-to-row select, .select-option-row select { font-size:14px; color:#666; padding:0 1.5%; margin:0; border:1px solid #666; width:170px; height:30px; line-height:30px; width:100%; box-sizing:border-box; } .customisation-popup .add-to-row textarea { font-size: 14px; color: #666; padding: 0 5px; margin: 0; border: 1px solid #666; width: 96.2%; height: 200px; line-height: 30px; font-family:'Poppins', Arial; } .customisation-popup .radio-container{ float:left; width:72%; } .customisation-popup .radio-container .radio-row{ float:left; height: 32px; line-height:32px; width:100%; } .customisation-popup .radio-container .radio-row .radio-contain{ float:left; height:32px; width: 11%; } .customisation-popup .radio-container .radio-row label{ width: 89%; } .customisation-popup .radio-container .radio-row input{ height:32px; width:auto; } .customisation-popup .add-to-row select{ padding:0 0 0 5px; width:99.5%; } .add-to-bag-backdrop { display: none; position: fixed; width: 100%; height: 100%; left:0; top: 0; background: rgba(1,1,1, .4); z-index: 200; } .max_chars{ font-size:12px; font-style: italic; color:#888; } #product-info .add-to-bag { position:relative; } #product-info .add-to-bag .la-button{ border:0; cursor:pointer; } #product-info .add-to-bag .la-button .loading-img, .customisation-popup .la-button .loading-img{ display:none; margin:5px auto; } #product-info .add-to-bag .la-button.loading, .customisation-popup .la-button.loading{ cursor:wait; } #product-info .add-to-bag .la-button.loading .loading-img, .customisation-popup .la-button.loading .loading-img{ display:block; } #product-info .add-to-bag .la-button.loading .text, .customisation-popup .la-button.loading .text{ display:none; } #product-info .add-to-bag .price, .customisation-popup .price { font-size:40px; line-height:55px; height:55px; float:right; background:white; margin-bottom:16px; padding:0 8px; } #product-info .add-to-bag .price .sign, .customisation-popup .price .sign{ font-size: 23px; } #product-info .add-to-bag .price .decimal, .customisation-popup .price .decimal{ display: inline-block; font-size: 23px; } .popup-container{ position:absolute; width:100%; left:0; top:0; height:100%; background:#666; display:none; z-index:200; } .customisation-popup { display: none; background: #f2f2f2; } .customisation-popup{ position:absolute; background:#f2f2f2; z-index:202; top: 0; } .customisation-popup .options{ padding:16px; } #product-info #product-additional{ border-bottom:1px solid #666; width:100%; padding:8px 0; } .v2_product_view #product-info #product-additional{ border-bottom:0; } #product-info #product-additional #brand-logo{ float:right; } #product-info #product-additional #brand-logo a{ display:block; } #product-info #product-additional #brand-logo img{ display:block; } #product-info #product-additional .stock{ float:left; height:26px; line-height:26px; } #product-info .share-icon { vertical-align: text-top; } #product-info .social button { height: auto; width: auto; padding: 5px; padding: 0 15px; display: none; background:#fff !important; color:#666 !important; } #product-info .social { min-height: 3.5em; margin: 1em; } #product-bottom{ margin-top:15px; } #tabs .tabGroup .tab-content{ display:none; margin-top:40px; } #tabs .tabGroup p { margin-bottom:10px; } #tabs .tabGroup.active .tab-content{ } #tabs .tabGroup .tab-title{ float:left; padding:10px 15px; border-right:none; cursor:pointer; font-family:'Karla', Arial, Helvetica, sans-serif; font-size:14px; position:relative; z-index:5; text-transform:capitalize; } #tabs .tabGroup.active .tab-title{ border-bottom:none; padding-bottom:11px; background: #f2f2f2; } #tabs .tabGroup:nth-last-child(2) .tab-title{ } #tabs .tab-display{ float:left; width:100%; position:relative; top:-1px; z-index:5; background: #f2f2f2; } #tabs .padding{ padding:18px 3%; } #tabs.product_details_list .padding{ padding:0; } #tabs .tab-display p{ color:#666 !important; margin-bottom:10px; line-height:22px; } #tabs .tab-display p:last-child{ margin-bottom:0; } #tabs .each-review{ width:100%; padding:10px; box-sizing:border-box; background:#fcfcfc; animation-name: none; } #tabs .each-review:nth-child(2n){ background:#f2f2f2; animation-name: none; } .each-review .review-stars{ display:block; float:none; margin-bottom:4px; } .each-review .review-content{ width:100%; margin-bottom:4px; } #tabs .feefo-text img{ float:left; width: 34.5%; } #tabs .feefo-text { width:100%; padding:10px 0 15px; background:#fff !important; } #tabs .feefo-text .text{ float:left; width: 62.5%; margin-left:3%; padding-top:12px; } #tabs .la-button{ display:inline-block; width:60%; margin: 10px 20% 0; } #tabs .la-button .loading-img { display: none; margin: 5px auto; } #tabs .la-button.loading{ cursor:wait; } #tabs .la-button.loading .loading-img{ display:block; } #tabs .la-button.loading .text{ display:none; } #tabs .tabGroup .accordion-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='666' viewBox='0 0 24 24'%3E%3Cpath d='M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z'/%3E%3C/svg%3E"); display: inline-block; vertical-align: middle; height: 1em; width: 1em; } #tabs .tabGroup.active .accordion-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='666' viewBox='0 0 24 24'%3E%3Cpath d='M8.12 9.29L12 13.17l3.88-3.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-4.59 4.59c-.39.39-1.02.39-1.41 0L6.7 10.7c-.39-.39-.39-1.02 0-1.41.39-.38 1.03-.39 1.42 0z'/%3E%3C/svg%3E"); } #product-bottom .span_2_of_third{ width:65.6%; margin-bottom:15px; } #product-bottom .span_1_of_third{ width:32.8%; margin-top:36px; background:#f2f2f2; margin-bottom:15px; } #product-bottom h2{ font-size:22px; line-height:25px; } #product-bottom .span_1_of_third .padding{ padding:15px; display:none; } #product-bottom .span_1_of_third .padding.active{ display:block; } #product-bottom .span_1_of_third ul{ padding-left:25px; } #product-bottom .promo-product{ margin-bottom:22px; } #product-bottom .promo-product-small{ width:49.2%; float:left; margin:0 0 15px; } #product-bottom .promo-product-small:last-child{ float:right; border-left:1px solid #666; padding-left: 0.8%; } #product-bottom .promo-product-small:first-child .padding{ width:98.25%; padding:0px 1.75% 0 0; } #product-bottom .promo-product-small .padding{ width:98.25%; padding:0px 0 0 1.75%; } #product-bottom .promo-product .title{ font-size:16px; font-family:'Karla', Arial, Helvetica, sans-serif; margin-bottom:10px; } #product-bottom .promo-product .product-name{ text-align:center; } #product-bottom .promo-product .span_1_of_3 img{ width:100%; } #product-bottom .promo-product-small .span_1_of_3 { width:32.2%; margin-left:1.7%; } #product-bottom .promo-product .span_1_of_3:nth-child(2){ margin:0; } #product-bottom .promo-product-large{ width:99.8%; } #product-bottom .promo-product-large .padding{ width:97.925%; padding:10px 1.04%; } #product-bottom .promo-product-large .span_1_of_3 { margin-left:1.06%; width:15.783%; } @media only screen and (max-width: 880px) { #product-bottom .span_1_of_2{ width:100%; } #product-info h1.product-title { margin-bottom:10px; } #product-titles { display:block; margin-bottom:10px; } #product-titles span.product-title{ font-family:'Karla', Arial, Helvetica, sans-serif; font-size: 22px; color: #666; margin-bottom:0; width:100%; display:block; text-align:center; } #product-titles span.product-sub-title{ font-family:'Karla', Arial, Helvetica, sans-serif; font-size: 19px; color: #919191; width:100%; display:block; text-align:center; } #basic-info .span_1_of_2 .price{ float:none; text-align:center; line-height: 60px; height: 60px; } #basic-info .span_1_of_2 .additional { width:100%; margin:0; padding:0; height:auto; text-align:center; } #basic-info .span_1_of_2 .additional div{ display:inline; } #basic-info { margin-bottom: 27px; } .v2_product_view #basic-info { margin-bottom: 15px; } #product-bottom .span_1_of_2:nth-child(2){ margin: 22px 0 0 0; } #product-bottom .promo-product-small{ width:47.9%; float:left; } #product-bottom .promo-product-small:first-child{ margin-right:2.6%; } #product-bottom .span_2_of_third{ width:100%; } #product-bottom .span_1_of_third{ display:none; } #basic-info .span_1_of_2{ height:auto; } } /* Delivery Page ~ also used for product page delivery */ .method_container{ float:left; margin-bottom:15px; width:100%; clear:both; } .postage-row{ width:100%; clear:both; float:left; } .product_details_list .postage-row { padding-bottom:10px; border-bottom:1px solid #eee; } .postage-col{ background:white; float:left; margin-right:0.5%; margin-bottom:3px; padding: 1.3%; height:60px; /* line-height:60px; */ } .postage-additional-click{ line-height:60px; } .delivery-page .postage-col{ background: #f2f2f2; } .delivery-page .padding{ padding:10px 10px 10px 0; } .postage-col:nth-child(4){ margin:0; } .postage-col.postage-name{ width:36.2%; position:relative; } .postage-col.postage-name .more-postage{ display:none; } .postage-col.postage-additional-click{ width: 12%; text-align:center; } .more-postage{ cursor:pointer; } .postage-col.postage-name .name{ font-family:'Karla', Arial, Helvetica, sans-serif; font-size:16px; line-height:22px; float:left; width:100%; } .postage-col.postage-name .official-name{ line-height:22px; } .postage-col.postage-estimate{ width: 30%; display:flex; flex-wrap:wrap; align-items:center; } .postage-col.postage-estimate.xmas_yes .est:first-child, .postage-col.postage-estimate.xmas_no .est:first-child{ margin-top:0; } .postage-col.postage-estimate.xmas_yes .est.extra{ color:#4bc34b; } .postage-col.postage-estimate.xmas_no .est.extra{ color:#FF0000; font-weight:bold; } .postage-col.postage-estimate .est{ line-height:20px; width:100%; } .postage-col.postage-estimate .est:first-child{ /* margin-top: 10px; */ } .postage-col.postage-price { line-height:60px; float:left; font-size:25px; width:9.9%; text-align:center; line-height:60px; } .postage-col.postage-price-from { line-height: 28px; font-size: 24px; text-align:center; } .postage-col.postage-price-from div{ /* Resize reflow v-align fix */ width: 100%; margin: 0 auto; line-height: 60px; } .postage-col.postage-price-from div .delivery_from { font-size:8px; } .postage-additional{ width:100%; float:left; line-height:20px; } .postage-col.postage-estimate .est.more-postage{ display:none; } @media only screen and (max-width: 345px) { .postage-col.postage-price-from div{ font-size:15px; } } #tabs .postage-col.postage-price{ font-size: 17px; } #tabs .postage-col.postage-price.free_when { font-size:12px; line-height:normal !important; padding-left: 0.8%; padding-right: 0.8%; width: 10.9%; } @media only screen and (max-width: 586px) { .method_container .postage-row .postage-col.postage-price, #tabs .method_container .postage-row .postage-col.postage-price.free_when { font-size:12px; width:21%; } } .postage-col.postage-price.free_when { font-size:12px; line-height:normal; padding-left: 0.8%; padding-right: 0.8%; width: 10.9%; display: flex; flex-wrap: wrap; align-items: center; } @media only screen and (max-width: 749px) { .delivery-page .method_container .postage-row .postage-col.postage-price.free_when { font-size:12px; width:21%; } } #tabs .postage-col.postage-additional-click{ display:none; } #tabs .postage-col.postage-estimate{ width:40.1%; } #tabs .postage-col.postage-name{ width: 41.2%; } #tabs .tall_row .postage-col{ height:80px; } #tabs .tall_row .postage-col.postage-price{ line-height:80px; } @media only screen and (min-width: 587px) { #tabs .postage-col.postage-estimate .est.more-postage{ display:block; } #tabs .postage-col.postage-estimate .est:first-child{ margin-top:3px; } } #tabs .postage-col.postage-price-from div{ line-height:80px; } @media only screen and (min-width: 882px) and (max-width: 998px) { #tabs .postage-col.postage-price-from div{ font-size:14px; line-height:80px; } } @media only screen and (max-width: 586px) { #tabs .postage-col.postage-price-from div{ font-size:20px; line-height:80px; } #basic-info{ /*display:none; margin-left:0;*/ } .v2_product_view #basic-info{ /*display:none; margin-left:0;*/ margin-bottom:10px; } #mini-desc{ padding: 0 20px; } #product-info{ margin:0; } #product-info #product-additional .stock { float: none; width: 100%; text-align: center; } #product-info #product-additional #brand-logo{ float:none; width:100%; text-align:center; } #product-info #product-additional #brand-logo img{ display:inline; } #product-info .social { text-align:center; } #product-bottom .span_2_of_third{ width:100%; } #product-bottom .span_1_of_third{ width:100%; margin-top:0; margin-left:0; } #tabs .tabGroup .tab-title{ width:100%; box-sizing:border-box; padding:10px 3.5%; background:#f2f2f2; border-bottom:0; float:none; border-bottom:2px solid white; } #tabs .tabGroup.active .tab-title{ font-weight:bold; } #tabs .tab-display{ display:none; } #tabs .tabGroup:nth-last-child(2) .tab-title, #tabs .tabGroup:nth-last-child(2) .tab-content{ border:0 } #tabs .tabGroup.active .tab-content { display:block; margin-top:0; width: 100%; } #tabs .padding{ padding-top:15px; } #tabs .padding.delivery { padding:15px 0; } .method_container .postage-row{ margin-bottom:0px; border-bottom:3px solid #666; } .method_container .postage-row .postage-col.postage-name .name{ font-size: 21px; max-width:75%; } .postage-col.postage-name .official-name { clear:both; } .method_container .postage-row .postage-col{ margin-bottom:0; } .method_container .postage-row .postage-col.postage-name, #tabs .postage-row .postage-col.postage-name { width:97.4%; margin-right:0;margin-bottom:3px; height:auto; min-height:60px; } .method_container .postage-row .postage-col.postage-price, #tabs .method_container .postage-row .postage-col.postage-price{ font-size:24px; width:20%; } .method_container .postage-row .postage-col.postage-estimate, #tabs .postage-row .postage-col.postage-estimate{ clear:both; width:74.3%; } .postage-additional-click{ display:none; } #tabs .tall_row .postage-col{ height:60px; } #tabs .tall_row .postage-col.postage-price{ line-height:60px; } .method_container .postage-row .postage-col{ background:#f2f2f2; } .method_container .postage-col.postage-name .more-postage{ display:block; position:absolute; right:4%; top:4px; height:60px; line-height:60px; } #product-bottom .promo-product-small .span_1_of_3{ display:none; } #product-bottom .promo-product-small .span_1_of_3:nth-child(2){ display:block; width:96%; margin:0 2%; } #product-bottom .promo-product .title{ text-align:center; } #product-bottom .promo-product-large .span_1_of_3:nth-last-of-type(-n+4){ display:none; } #product-bottom .promo-product-large .span_1_of_3:nth-child(n+2){ width: 32.261%; } } @media only screen and (max-width: 749px) { .delivery-page .method_container .postage-row{ margin-bottom:0px; border-bottom:3px solid #666; } .delivery-page .method_container .postage-row .postage-col.postage-name .name{ font-size:20px; } .delivery-page .method_container .postage-row .postage-col{ margin-bottom:0; } .delivery-page .method_container .postage-row .postage-col.postage-name{ width:97.4%; margin-right:0;margin-bottom:3px; } .delivery-page .method_container .postage-row .postage-col.postage-price{ font-size:24px; width:20%; } .delivery-page .method_container .postage-row .postage-col.postage-estimate{ clear:both; width:74.3%; } .delivery-page .postage-additional-click{ display:none; } .delivery-page .method_container .postage-row .postage-col{ background:#f2f2f2; } .delivery-page .method_container .postage-col.postage-name .more-postage{ display:block; position:absolute; right:4%; top:4px; height:60px; line-height:60px; } } /* Fullpage cart */ /* cart */ #checkout-grid .cart-row, #cart-totals .cart-row{ width:100%; display:block; padding: 5px 0 15px; font-size:14px; color:#666; clear:both; position:relative; border-bottom:1px solid #666; } #cart-totals .cart-row{ border:0; } #checkout-grid .cart-row.out-of-stock-row{ background: #FFEDED !important; } #checkout-grid .cart-row.out-of-stock-row .stock{ width:100%; float:left; line-height:26px; font-weight:bold; } #checkout-grid .cart-row .empty-row{ background:rgba(255, 255, 255, 0.9); position:absolute; left:0; top:0; width:100%; height:100%; } #checkout-grid .cart-row .empty-row .padding{ padding: 12px 0; } #checkout-grid .cart-row:nth-child(n+2).empty-row{ background:rgba(242, 242, 242, 0.9); } #checkout-grid .cart-row a{ font-size:14px; } #checkout-grid .cart-row .cart-col, #cart-totals .cart-row .cart-col{ float:left; margin:8px 0.8% 8px 0; } #checkout-grid .cart-row .cart-col:first-child{ margin-left:0.8%; } #checkout-grid .cart-row.headings{ font-weight:600; } #checkout-grid .cart-row.headings .product-name{ width:65.2%; } #checkout-grid .cart-row .product-name{ width:54.4%; margin-left:0.8%; } #checkout-grid.checkout-confirm .cart-row.headings .product-name{ width:54.2%; } #checkout-grid.checkout-confirm .cart-row .product-name{ width:43.4%; margin-left:0.8%; } #checkout-grid .cart-row .product-img{ width:9.2%; } #checkout-grid .cart-row .product-img img{ display:block; width:100%; } #checkout-grid .cart-row .price, #checkout-grid .cart-row .total, #checkout-grid .cart-row .price-free, #checkout-grid .cart-row .total-free{ width:14.9%; } #checkout-grid .cart-row .quantity{ text-align:center; float:left; margin:0 0 0 25px; } #checkout-grid.checkout-confirm .cart-row .quantity{ text-align:center; width:11%; margin:8px 0.4%; } #checkout-grid .cart-row .xmas_catalogue_remove.quantity{ margin-left:10px; } #checkout-grid .cart-row .xmas_catalogue_remove.quantity .btns .btn { width:auto; height:auto; font-size:18px; font-family:'Karla', Arial, Helvetica, sans-serif; padding:6px 30px; line-height:normal; margin-top:20px; } .checkout_xmas_desc span { text-decoration: underline; } #checkout-grid .cart-row .quantity input[type="text"]{ width:40px; height:39px; line-height: 39px; text-align:center; font-size:16px; border:1px solid #ccc; color:#666; padding:0; float:left; } #checkout-grid .cart-row .quantity .btns{ float:left; } #checkout-grid .cart-row .quantity .btns .btn{ width:32px; height:41px; background:#f7e4d7; color:#666; font-size:20px; cursor:pointer; float:left; line-height:41px; } #checkout-grid .cart-row .quantity .btns .btn:nth-child(2){ margin:0; } #checkout-grid .cart-row .price, #checkout-grid .cart-row .total, #checkout-grid .cart-row .price-free, #checkout-grid .cart-row .total-free { text-align:right; } #checkout-grid .cart-row:nth-child(2n+1){ /*background:#f2f2f2;*/ } #cart-totals .totals{ float:right; } #cart-totals .cart-row:nth-child(2n+1){ /* Need to figure how to continue the row patteren */ background:#f2f2f2; } #cart-totals .cart-row .total-text{ width:60%; text-align:right; } #cart-totals .cart-row .total{ width:30%; float:right; text-align:right; margin-right:3.65%; } .cart_spend_more_total { float: right; text-align: right; margin-right: 3.65%; margin-top:10px; font-weight:400; } .mini-cart-total td.spend_more_minicart { padding-bottom:10px; } .totals .total input { margin: 0; margin-right: -5px; padding: 0 4%; border: 1px solid #666; font-size: 14px; height: 24px; line-height: 24px; color: #666; width: 70%; max-width: 261px; text-align: right; } #cart-totals .cart-row:last-child{ font-weight:bold; } #cart-totals .voucher-code{ margin:0; width:40%; } .voucher-code .padding{ margin: 10px 0; } .voucher-code .padding h2{ margin-bottom:0px; } .voucher-code .padding .voucher-desc{ font-style:italic; line-height:16px; margin-bottom:10px; display:block; } .voucher-code .padding input[type="text"]{ width:53%; padding:0; margin:0; border:1px solid #666; height:35px; line-height:35px; font-size:18px; color:#666; padding:0 1%; text-transform:uppercase; float:left; } .voucher-code .padding .la-button{ width:44%; float:left; height:37px; line-height:33px; font-size:16px; } #checkout-grid .options ul{ margin:5px 0 0; padding:0 0 0 15px; font-size:12px; list-style:none; } .options .product-options li{ margin-left: 5px; text-indent: -4px; } .section.buttons{ margin:10px 0; } .section.buttons .la-button{ display:block; } .section.buttons .left { float:left; width:40%; } .section.buttons .right { float:right; width:47%; } .section.buttons .right.with_paypal .first{ width:45%; float:left; } .section.buttons .right.with_paypal .second{ float:left; width:10%; text-align:center; font-family:'Karla', Arial, Helvetica, sans-serif; font-size:14px; line-height:40px; } .section.buttons .right.with_paypal .third{ width:45%; float:left; height:40px; line-height:40px; } .section.buttons .right.with_paypal .fourth{ float:left; width:100%; text-align:center; font-family:'Karla', Arial, Helvetica, sans-serif; font-size:14px; line-height:30px; } .section.buttons .right.with_paypal .third img{ width:100%; max-width:203px; display:block; vertical-align: middle; } @media only screen and (max-width: 665px) { .section.buttons .right.with_paypal .first, .section.buttons .right.with_paypal .second, .section.buttons .right.with_paypal .third{ width:100%; } .section.buttons .right.with_paypal .second{ line-height:30px; } .section.buttons .right.with_paypal .third{ text-align:center; } .section.buttons .right.with_paypal .third img{ margin:0 auto; } } #checkout-grid .options ul li:before{ content:"-"; position:relative; left:-5px;} @media only screen and (max-width: 800px) { #checkout-grid .cart-row .quantity .qty-title{ display:none; } #checkout-grid .cart-row .quantity .qty-short:after{ content: "Qty"; } #menu > ul > li > a{ letter-spacing: -1px; } } @media only screen and (max-width: 600px) { #checkout-grid .cart-row .price, #checkout-grid .cart-row .price-free{ display:none; } /* #checkout-grid .cart-row .quantity{ width:100%; }*/ #checkout-grid .cart-row .total, #checkout-grid .cart-row .total-free{ width:15.6%; } #checkout-grid .cart-row.headings .product-name{ width:80.2%; } #checkout-grid.checkout-confirm .cart-row.headings .product-name{ width:62.4%; } #checkout-grid .cart-row .product-img{ width:14.2%; } #checkout-grid .cart-row .product-name{ width:65.6% } #checkout-grid.checkout-confirm .cart-row .product-name{ width:40.6% } .section.buttons .left, .section.buttons .right{ width:45%; } #cart-totals .voucher-code{ width:100%; } #cart-totals .voucher-code .voucher-desc .msg{ display:none; } #cart-totals .voucher-code h2{ width:35%; text-align:left; float:left; font-size: 20px; } #cart-totals .voucher-code form{ float:left; width:65%; padding-top:6px; } } @media only screen and (max-width: 500px) { #cart-totals .voucher-code h2{ font-size: 24px; width:100%; margin-bottom:12px; } #cart-totals .voucher-code form{ padding:0; width:100%; } } @media only screen and (max-width: 460px) { #checkout-grid .cart-row .product-img{ width:20%; } #checkout-grid .cart-row .product-name{ width:58.6% } #checkout-grid .cart-row.headings .product-name{ width:78.6%; } /* #checkout-grid .cart-row .quantity{ width:100%; }*/ } @media only screen and (max-width: 360px) { #cart-totals .voucher-code h2{ font-size: 25px; } .voucher-code .padding input[type="text"]{ width:52.8%; font-size:16px; height:30px; line-height:30px; } .voucher-code .padding .la-button{ height:32px; line-height:21px; } } #checkout-welcome{ margin-top:15px; } #checkout-welcome h2{ margin-bottom:10px; } #checkout-welcome .error-container{ width:94%; padding:2px 3%; background:white; font-size:13px; } #checkout-welcome .padding{ background:#f2f2f2; padding:15px; margin-bottom:32px; } #checkout-welcome label, #checkout-welcome a.forgotten { width:100%; display:block; font-size:16px; line-height:30px; } #checkout-welcome label.mini-label{ display:inline-block; width:auto; } #checkout-welcome label.mini-label input{ cursor:pointer; } #checkout-welcome input[type=text], #checkout-welcome input[type=password]{ padding:0 1%;; margin:0; border:1px solid #666; line-height:30px; height:30px; font-size:16px; width:100%; max-width:282px; } #checkout-welcome .la-button{ margin:18px 0 10px; width:100%; max-width:296px; font-size:16px; line-height:38px; display:block; } @media only screen and (max-width: 355px) { #checkout-welcome .la-button{ font-size: 14px; } } #checkout-welcome .mini.la-button{ width:48.5%; float:right; padding:0; } #checkout-welcome .guest-reg-row{ position:relative; } #checkout-welcome .login-error{ position:absolute; height:32px; background:white; padding:0 5px; color:red; font-size:16px; line-height:32px; top:30px; } @media only screen and (max-width: 560px) { #checkout-welcome .login-error{ position:static; margin-top: 10px; margin-bottom: 15px; max-width: 282px; } } #checkout-welcome .mini.la-button:first-child{ float:left; } #checkout-welcome .signup{ margin:12px 0; line-height:18px; font-weight:bold; } #register_email_static{ font-size:16px; font-weight:bold; line-height:26px; } #checkout-welcome .account_already{ width:100%; font-size:16px; padding: 5px 0; } #checkout-headings{ margin-bottom:15px; } #checkout-headings .col{ text-align:center; font-family:'Karla', Arial, Helvetica, sans-serif; font-size:25px; opacity: .5; } @media only screen and (max-width: 590px) { #checkout-headings .col{ font-size:20px; } } @media only screen and (max-width: 460px) { #checkout-headings .col{ font-size:18px; } } @media only screen and (max-width: 374px) { #checkout-headings .col{ font-size:13px; } } #checkout-headings .col.active{ font-family:'Karla', Arial, Helvetica, sans-serif; opacity: 1; font-weight: 600; } .lacheckout .notification.account-created{ font-size: 14px; background :#f2f2f2; padding:10px; margin-bottom:10px; } .lacheckout .checkout-section{ margin-bottom:20px; float:left; width:100%; } .lacheckout .checkout-section p{ margin: 10px 10px 10px 0; font-size:14px; } .lacheckout .heading, .lacheckout .heading a{ font-family:'Karla', Arial, Helvetica, sans-serif; font-size:25px; border-bottom:1px solid #666; margin-bottom:15px; cursor:default; padding-bottom:5px; } .lacheckout .address-row{ margin-bottom:10px; width:100%; float:left; } .lacheckout .address-row.select-row{ height: 40px; line-height:40px; margin-bottom:30px; } .lacheckout .address-row.select-row label{ height: 40px; line-height:40px; } .lacheckout .address-row.select-row select{ margin:7px 0; } .lacheckout .address-row.select-row .or{ float:left; padding:0; text-align:center; } .lacheckout .address-row label{ width:36%; max-width: 114px; float:left; font-size:14px; line-height:24px; } .lacheckout .address-row.textarea label{ width:100%; max-width:100%; } .lacheckout .address-row.textarea textarea{ width:97%; max-width:389px; border:1px solid #666; box-sizing:border-box; font-family: 'Poppins', Arial, Helvetica, sans-serif; padding:1px; color:#666; } .lacheckout .address-row .address-error{ height: 26px; line-height:26px; color:#FF0000; background: #f2f2f2; float:left; margin-left:1%; padding:0 0.8%; } .lacheckout .address-row.section-break{ margin-bottom:30px; } .lacheckout .address-row label .required{ font-weight:normal; font-size:10px; } .lacheckout .address-row input, .lacheckout .address-row select, #del-instructions select, #del-instructions textarea, #shipping_sticker select{ float:left; margin:0; padding: 0 1%; border:1px solid #666; font-size:14px; height:24px; line-height:24px; color:#666; width:61%; max-width:261px; } #shipping_sticker_container{ display:flex; align-items: center; flex-wrap:wrap; } #shipping_sticker_preview{ margin-left:20px; } .lacheckout .address-row .stripe_input{ box-sizing: border-box; float:left; margin:0; padding: 0 1%; font-size:14px; border:1px solid #666; font-size:14px; color:#666; width:61%; max-width:261px; padding:4px 10px; } #contact_form .lacheckout .address-row select{ background:white; max-width:272px; } @media only screen and (max-width: 360px) { #contact_form .lacheckout .address-row select{ max-width:100%; } } #contact_form textarea{ font-family: 'Poppins', Arial, Helvetica, sans-serif; color:#666; border:1px solid #666; font-size:14px; padding:2px 5px; box-sizing:border-box; } .lacheckout .address-row select, #del-instructions select, #shipping_sticker select{ padding:0 0 0 1%; width: 63%; max-width:277px; } #del-instructions textarea{ height:50px; font-family:'Poppins', Arial; width:63%; max-width: 256px; margin-top:10px; display:block; clear:both; } .gift_message_section textarea{ width:63%; max-width: 256px; border:1px solid #666; padding:5px 1%; height:75px; font-family: 'Poppins', Arial, Helvetica, sans-serif; font-size:14px; } .lacheckout .button-container{ float:left; width:100%; margin-bottom:20px; } .lacheckout .button-container .la-button{ float:left; width:40%; font-size:14px; line-height:38px; } .lacheckout .button-container .la-button:last-child{ float:right; } .lacheckout .address-row input.small, .lacheckout .address-row .stripe_input.small{ width: 20%; max-width: 85px; margin-right:1%; } .lacheckout .address-row input.small.ex-small{ width: 15%; max-width: 30px; text-align:right; } .padding #payment{ padding: 20px 0 0; float:left; width:100%; } #pp_error{ width:96%; color: red; background: #f2f2f2; padding: 10px 2%; margin-bottom: 25px; } #sp_error{ width:96%; color: red; background: #f2f2f2; padding: 10px 2%; margin-bottom: 25px; } #la_terminal_error{ width:96%; color: red; background: #f2f2f2; padding: 10px 2%; margin-bottom: 25px; } .lacheckout .address-row.is_payment label{ width:25%; } .lacheckout #payment-address-form .address-row.is_payment label{ width:40%; } .lacheckout #payment-address-form .address-row.is_payment{ margin-bottom:15px; } .lacheckout .address-row.is_payment input{ width:auto; margin-right:10px; } #shipping-container .shipping_methods, #payment-container .payment_methods, .confirm-container{ position:relative; } .confirm-container{ float:left; width:100%; } .lacheckout #checkout-grid{ margin-bottom:5px; } .confirm-container #address-confirm .padding { background:#f2f2f2; padding:10px 4%; font-size:16px; margin-bottom:15px; } .confirm-container #address-confirm .row.title, .confirm-container #address-confirm .row .title{ font-weight:bold; } .confirm-container #address-confirm .row{ width:100%; } .confirm-container #address-confirm .row.section-break{ margin-bottom:10px; } .confirm-container a.change, .confirm-container span.change{ font-size: 12px; } .confirm-container a.change:hover, .confirm-container span.change:hover { text-decoration:underline; } .select_to_continue{ font-size: 16px; padding-bottom:22px; } .select_to_continue.error{ color:red; } .lacheckout .shipping_methods label, .lacheckout .payment_methods label.option{ width:100%; float:left; background:#f2f2f2; /* height:50px; */ margin-bottom:4px; } .lacheckout .shipping_methods label.large{ height:auto; } .lacheckout .shipping_methods label.large .input{ line-height:70px; } .lacheckout .shipping_methods label.large .price{ height:70px; line-height:70px; } .lacheckout .shipping_methods label.large .description{ height:auto; } .lacheckout .shipping_methods label.xmas_yes .description span.contain.extra{ color:#4bc34b; } .lacheckout .shipping_methods label.xmas_no .description span.contain.extra{ color:#FF0000; font-weight:bold; } @media only screen and (max-width: 440px) { .lacheckout .shipping_methods label.large{ height:auto; position:relative; } .lacheckout .shipping_methods label.large .description{ height:auto; width:92%; } .lacheckout .shipping_methods label.large .price{ position:absolute; right:10px; top:0px; text-align:right; line-height:40px; right:5px; } } .checkout_reference{ background: #f2f2f2; padding: 10px 4%; font-size: 16px; margin-bottom: 15px; } .lacheckout .shipping_methods label .input, .lacheckout .payment_methods label.option .input{ height:50px; line-height:50px; text-align:center; width:4%; float:left; } .lacheckout .shipping_methods label:hover, .lacheckout .payment_methods label.option:hover{ background: #E6E6E6; } .lacheckout .shipping_methods label.sel , .lacheckout .payment_methods label.option.sel{ background: #D2D2D2; } .lacheckout .shipping_methods label .description, .lacheckout .payment_methods label.option .description{ float:left; /* height:40px; */ width:75%; padding: 5px 0; } .lacheckout .shipping_methods label .description span.contain{ width:98%; margin:0 1%; float:left; font-size:14px; line-height:20px; } .lacheckout .shipping_methods label .description span.contain.free_when{ margin-top:2px; } .lacheckout .payment_methods label.option .description span{ width:98%; margin:0 1%; float:left; font-size:14px; line-height:40px; } .lacheckout .shipping_methods label .description .name{ font-weight:bold; } .lacheckout .payment_methods label.option .description span.name img{ vertical-align:middle; margin-left:10px } .lacheckout .shipping_methods label .description .desc{ font-style:italic; } .lacheckout .shipping_methods label .price{ float:left; height:50px; line-height:50px; width:20%; text-align:right; margin-right:1%; font-size:28px; } .lacheckout #payment-address-form .address-row.is_payment.shipping_address_tick label { width:auto; max-width:87%; margin-right: 10px; } .lacheckout .shipping_methods .shipping-method .shipping-title { float: left; padding-bottom: 5px; font-size: 22px; font-family:'Karla', Arial, Helvetica, sans-serif; } .lacheckout .shipping_methods .shipping-method { float:left; width:100%; } .lacheckout .shipping_methods .shipping-method:nth-child(n+2) { margin-top:10px; } .lacheckout .terms-and-conditions { margin: 1em 0; background: #f1f1f1; } .lacheckout .terms-and-conditions, .lacheckout .terms-and-conditions a { font-size: 14px; line-height: 14px; } .lacheckout .terms-and-conditions a { text-decoration: underline; } .lacheckout .terms-and-conditions > label { display: flex; padding: 1em; align-items: center; } .lacheckout .terms-and-conditions > label:nth-of-type(2) { padding-top:0; } .lacheckout .terms-and-conditions input[name="terms"], .lacheckout .terms-and-conditions input[name="post_marketing"] { margin: 0.5em 1em .5em .5em; } @media only screen and (max-width: 580px) { .lacheckout .shipping_methods label .input, .lacheckout .payment_methods label.option .input{ width:8%; } .lacheckout .shipping_methods label .description, .lacheckout .payment_methods label.option .description, .lacheckout .shipping_methods .inpost_container .inpost_row label .description{ width:71%; } .lacheckout .shipping_methods .inpost_container .inpost_row label{ height:auto; } .lacheckout .shipping_methods .inpost_container .inpost_row label .description{ display:inline-block; height:auto; } } @media only screen and (max-width: 440px) { .lacheckout .shipping_methods label .description, .lacheckout .payment_methods label.option .description{ height:auto; width:71%; } .lacheckout .shipping_methods label, .lacheckout .payment_methods label.option{ height:auto; } .lacheckout .shipping_methods label .price{ font-size: 20px; width:20%; } .lacheckout .description .read-more{ display:block;width:100%; } .inpost_container .span_1_of_5{ display:none; } .inpost_container .span_4_of_5{ margin:0; width:100%; } .inpost_container .span_4_of_5 p:nth-child(n+2){ display:none; } } @media only screen and (max-width: 520px) { .lacheckout .button-container .la-button{ width:45%; font-size: 16px; } .lacheckout .button-container .la-button .text .normal{ display:none; } .lacheckout .button-container .la-button .text .small{ display:block; } } .lacheckout .address-row .or-new-address .la-button{ width: 40%; } .lacheckout .or-new-address{ position:absolute; width:33%; left:400px; } .lacheckout .address-row.select-row .or { width: 23%; } .lacheckout .address-row .or-new-address .la-button{ width:77%; font-size:14px; line-height:38px; } @media only screen and (min-width: 361px) and (max-width: 634px){ .lacheckout .or-new-address { float: left; position: static; width: 63%; max-width: 277px; margin-top:5px; } .lacheckout .address-row.select-row{ height:auto; margin-bottom: 15px; } } @media only screen and (max-width: 360px) { .lacheckout .address-row label{ width:100%; max-width:100%; } .lacheckout .address-row input{ width:97.5%; max-width:100%; } .lacheckout .address-row select, #del-instructions select{ width:100%; max-width:100%; margin:0; } .lacheckout .address-row.section-break{ margin-bottom:15px; } #del-instructions textarea, .gift_message_section textarea{ width:97.2%; max-width:97.2%; } .lacheckout .address-row.select-row label{ height:24px; } .lacheckout .select-address{ float:left; width:50%; } .lacheckout .or-new-address { position: static; float: left; width: 50%; padding-top: 24px; } .lacheckout .address-row.select-row .or { } .lacheckout .address-row .or-new-address .la-button{ font-size:13px; } } .checkout-content{ display:none; } .checkout-heading a { float: right; margin-top: 1px; font-weight: normal; text-decoration: none; } .checkout-content .left { float: left; width: 48%; } .checkout-content .right { float: right; width: 48%; } .checkout-content .buttons { clear: both; } /* */ p { margin-top: 0px; margin-bottom: 15px; } a, a b { color: #666; text-decoration: none; cursor: pointer; } a:visited{ color: #666; } a:hover { text-decoration: none; } a img { border: none; } form { padding: 0; margin: 0; display: inline; } label { cursor: pointer; } /* layout */ #container { width: 980px; margin-left: auto; margin-right: auto; text-align: left; } #column-left { float: left; width: 180px; } #column-right { float: right; width: 180px; } #content { min-height: 400px; margin-bottom: 0px; } #column-left + #column-right + #content, #column-left + #content { margin-left: 195px; } #column-right + #content { margin-right: 195px; } /* header */ #language { position: absolute; top: 15px; left: 320px; width: 80px; color: #999; line-height: 17px; } #language img { cursor: pointer; margin-right: 5px; } #currency { width: 75px; position: absolute; top: 15px; left: 425px; color: #999; line-height: 17px; } #currency a { display: inline-block; padding: 2px 4px; border: 1px solid #CCC; color: #999; text-decoration: none; margin-right: 2px; margin-bottom: 2px; } #currency a b { color: #000; text-decoration: none; } #header #welcome { position: absolute; top: 47px; right: 0px; z-index: 5; width: 298px; text-align: right; color: #999999; } #header .links { position: absolute; right: 0px; bottom: 3px; font-size: 10px; padding-right: 10px; } #header .links a { float: left; display: block; padding: 0px 0px 0px 7px; color: #38B0E3; text-decoration: none; font-size: 12px; } #header .links a + a { margin-left: 8px; border-left: 1px solid #CCC; } /* menu */ .breadcrumb { color: #CCCCCC; margin-bottom: 10px; } .success, .warning, .attention, .information { padding: 10px 10px 10px 33px; margin-bottom: 15px; color: #555555; } .success { background: #edffd9; font-size:14px; font-weight:bold; } .warning { background: #FFEDED; font-size:14px; font-weight:bold; } .attention { background: #FFF5CC url('/static/image/attention.png') 10px center no-repeat; border: 1px solid #F2DD8C; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -khtml-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; } .success .close, .warning .close, .attention .close, .information .close { float: right; padding-top: 4px; padding-right: 4px; cursor: pointer; } .required { color: #FF0000; font-weight: bold; } .error { display: block; color: #FF0000; } .help { color: #999; font-size: 10px; font-weight: normal; font-family: Verdana, Geneva, sans-serif; display: block; } table.form { width: 100%; border-collapse: collapse; margin-bottom: 20px; } table.form tr td:first-child { width: 150px; } table.form > * > * > td { color: #000000; } table.form td { padding: 4px; } input.large-field, select.large-field { width: 300px; } table.list { border-collapse: collapse; width: 100%; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; margin-bottom: 20px; } table.list td { border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; } table.list thead td { background-color: #EFEFEF; padding: 0px 5px; } table.list thead td a, .list thead td { text-decoration: none; color: #222222; font-weight: bold; } table.list tbody td { padding: 0px 5px; } table.list .left { text-align: left; padding: 7px; } table.list .right { text-align: right; padding: 7px; } table.list .center { text-align: center; padding: 7px; } table.radio { width: 100%; border-collapse: collapse; } table.radio td { padding: 5px; } table.radio td label { display: block; } table.radio tr td:first-child { width: 1px; } table.radio tr td:first-child input { margin-top: 1px; } table.radio tr.highlight:hover td { background: #F1FFDD; cursor: pointer; } .pagination { border-top: 0; padding-top: 15px; display: inline-block; width: 100%; margin-bottom: 10px; } .pagination .links { float: left; } .pagination .links a { display: inline-block; border: 1px solid #EEEEEE; padding: 4px 10px; text-decoration: none; color: #A3A3A3; } .pagination .links b { display: inline-block; border: 1px solid #269BC6; padding: 4px 10px; font-weight: normal; text-decoration: none; color: #269BC6; background: #FFFFFF; } .pagination .results { float: right; padding-top: 3px; } /* button */ a.button, input.button { cursor: pointer; color: #FFFFFF; line-height: 12px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; } a.button { display: inline-block; text-decoration: none; padding: 6px 12px 6px 12px; } input.button { margin: 0; border: 0; height: 24px; padding: 0px 12px 0px 12px; } a.button:hover, input.button:hover { background-position: 0px -24px; } .htabs { height: 30px; line-height: 16px; border-bottom: 1px solid #DDDDDD; } .htabs a { border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; background: #FFFFFF url('/static/image/tab.png') repeat-x; padding: 7px 15px 6px 15px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-align: center; text-decoration: none; color: #000000; margin-right: 2px; display: none; } .htabs a.selected { padding-bottom: 7px; background: #FFFFFF; } /* box */ .box { margin-bottom: 20px; } .box .box-heading { -webkit-border-radius: 7px 7px 0px 0px; -moz-border-radius: 7px 7px 0px 0px; -khtml-border-radius: 7px 7px 0px 0px; border-radius: 7px 7px 0px 0px; border: 1px solid #DBDEE1; background: url('/static/image/background.png') repeat-x; padding: 8px 10px 7px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 14px; color: #333; } .box .box-content { background: #FFFFFF; -webkit-border-radius: 0px 0px 7px 7px; -moz-border-radius: 0px 0px 7px 7px; -khtml-border-radius: 0px 0px 7px 7px; border-radius: 0px 0px 7px 7px; border-left: 1px solid #DBDEE1; border-right: 1px solid #DBDEE1; border-bottom: 1px solid #DBDEE1; padding: 10px; } /* box products */ .box-product { width: 100%; overflow: auto; } .box-product > div { width: 130px; display: inline-block; vertical-align: top; margin-right: 20px; margin-bottom: 20px; } #column-left + #column-right + #content .box-product > div { width: 119px; } .box-product .image { display: block; margin-bottom: 0px; } .box-product .image img { padding: 3px; border: 1px solid #E7E7E7; } .box-product .name a { color: #38B0E3; font-weight: bold; text-decoration: none; display: block; margin-bottom: 4px; } .box-product .price { display: block; font-weight: bold; color: #333333; margin-bottom: 4px; } .box-product .price-old { color: #F00; text-decoration: line-through; } .box-product .price-new { font-weight: bold; } .box-product .rating { display: block; margin-bottom: 4px; } /* box category */ ul.box-category, ul.box-category ul { list-style: none; margin: 0; padding: 0; } ul.box-category > li:first-child { padding: 0px 8px 8px 0px; } ul.box-category > li { padding: 8px 8px 8px 0px; } ul.box-category > li + li { border-top: 1px solid #EEEEEE; } ul.box-category > li > a { text-decoration: none; color: #333; } ul.box-category > li ul { display: none; } ul.box-category > li a.active { font-weight: bold; } ul.box-category > li a.active + ul { display: block; } ul.box-category > li ul > li { padding: 5px 5px 0px 10px; } ul.box-category > li ul > li > a { text-decoration: none; display: block; } ul.box-category > li ul > li > a.active { font-weight: bold; } /* box filter */ ul.box-filter, ul.box-filter ul { list-style: none; margin: 0; padding: 0; } ul.box-filter span { font-weight: bold; border-bottom: 1px solid #EEEEEE; display: block; padding-bottom: 5px; margin-bottom: 8px; } ul.box-filter > li ul { padding-bottom: 10px; } /* content */ #content .content { padding: 10px; overflow: auto; margin-bottom: 20px; } /* category */ .category-info { overflow: auto; margin-bottom: 20px; } .category-info .image { float: left; padding: 5px; margin-right: 15px; border: 1px solid #E7E7E7; } .category-list { overflow: auto; margin-bottom: 20px; } .category-list ul { float: left; width: 18%; } /* manufacturer */ .manufacturer-list { border: 1px solid #DBDEE1; padding: 5px; overflow: auto; margin-bottom: 20px; } .manufacturer-heading { background: #F8F8F8; font-size: 15px; font-weight: bold; padding: 5px 8px; margin-bottom: 6px; } .manufacturer-content { padding: 8px; } .manufacturer-list ul { float: left; width: 25%; margin: 0; padding: 0; list-style: none; margin-bottom: 10px; } /* product */ .product-filter { border-bottom: 1px solid #EEEEEE; padding-bottom: 5px; overflow: auto; } .product-filter .display { margin-right: 15px; float: left; padding-top: 4px; color: #333; } .product-filter .display a { font-weight: bold; } .product-filter .sort { float: right; color: #333; } .product-filter .limit { margin-left: 15px; float: right; color: #333; } .product-compare { padding-top: 6px; margin-bottom: 25px; font-weight: bold; } .product-compare a { text-decoration: none; font-weight: bold; } .product-list > div { overflow: auto; margin-bottom: 15px; } .product-list .right { float: right; margin-left: 15px; } .product-list > div + div { border-top: 1px solid #EEEEEE; padding-top: 16px; } .product-list .image { float: left; margin-right: 10px; } .product-list .image img { padding: 3px; border: 1px solid #E7E7E7; } .product-list .name { margin-bottom: 3px; } .product-list .name a { color: #38B0E3; font-weight: bold; text-decoration: none; } .product-list .description { line-height: 15px; margin-bottom: 5px; color: #4D4D4D; } .product-list .rating { color: #7B7B7B; } .product-list .price { float: right; height: 50px; margin-left: 8px; text-align: right; color: #333333; font-size: 12px; } .product-list .price-old { color: #F00; text-decoration: line-through; } .product-list .price-new { font-weight: bold; } .product-list .price-tax { font-size: 12px; font-weight: normal; color: #BBBBBB; } .product-list .cart { margin-bottom: 3px; } .product-list .wishlist, .product-list .compare { margin-bottom: 3px; } .product-list .wishlist a { color: #333333; text-decoration: none; padding-left: 18px; display: block; background: url('/static/image/add.png') left center no-repeat; } .product-list .compare a { color: #333333; text-decoration: none; padding-left: 18px; display: block; background: url('/static/image/add.png') left 60% no-repeat; } .product-grid { width: 100%; overflow: auto; } .product-grid > div { width: 130px; display: inline-block; vertical-align: top; margin-right: 20px; margin-bottom: 15px; } #column-left + #column-right + #content .product-grid > div { width: 125px; } .product-grid .image { display: block; margin-bottom: 0px; } .product-grid .image img { padding: 3px; border: 1px solid #E7E7E7; } .product-grid .name a { color: #38B0E3; font-weight: bold; text-decoration: none; display: block; margin-bottom: 4px; } .product-grid .description { display: none; } .product-grid .rating { display: block; margin-bottom: 4px; } .product-grid .price { display: block; font-weight: bold; color: #333333; margin-bottom: 4px; } .product-grid .price-old { color: #F00; text-decoration: line-through; } .product-grid .price-new { font-weight: bold; } .product-grid .price .price-tax { display: none; } .product-grid .cart { margin-bottom: 3px; } .product-grid .wishlist, .product-grid .compare { margin-bottom: 3px; } .product-grid .wishlist a { color: #333333; text-decoration: none; padding-left: 18px; display: block; background: url('/static/image/add.png') left center no-repeat; } .product-grid .compare a { color: #333333; text-decoration: none; padding-left: 18px; display: block; background: url('/static/image/add.png') left center no-repeat; } /* Product */ .product-info { overflow: auto; margin-bottom: 20px; } .product-info > .left { float: left; margin-right: 15px; } .product-info > .left + .right { margin-left: 265px; } .product-info .image { border: 1px solid #E7E7E7; float: left; margin-bottom: 20px; padding: 10px; text-align: center; } .product-info .image-additional { width: 260px; margin-left: -10px; clear: both; overflow: hidden; } .product-info .image-additional img { border: 1px solid #E7E7E7; } .product-info .image-additional a { float: left; display: block; margin-left: 10px; margin-bottom: 10px; } .product-info .description { border-top: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; padding: 5px 5px 10px 5px; margin-bottom: 10px; line-height: 20px; color: #4D4D4D; } .product-info .description span { color: #38B0E3; } .product-info .description a { color: #4D4D4D; text-decoration: none; } .product-info .price { overflow: auto; border-bottom: 1px solid #E7E7E7; padding: 0px 5px 10px 5px; margin-bottom: 10px; font-size: 15px; font-weight: bold; color: #333333; } .product-info .price-old { color: #F00; text-decoration: line-through; } .product-info .price-new { } .product-info .price-tax { font-size: 12px; font-weight: normal; color: #999; } .product-info .price .reward { font-size: 12px; font-weight: normal; color: #999; } .product-info .price .discount { font-weight: normal; font-size: 12px; color: #4D4D4D; } .product-info .options { border-bottom: 1px solid #E7E7E7; padding: 0px 5px 10px 5px; margin-bottom: 10px; color: #000000; } .product-info .option-image { margin-top: 3px; margin-bottom: 10px; } .product-info .option-image label { display: block; width: 100%; height: 100%; } .product-info .option-image img { margin-right: 5px; border: 1px solid #CCCCCC; cursor: pointer; } .product-info .cart { border-bottom: 1px solid #E7E7E7; padding: 0px 5px 10px 5px; margin-bottom: 20px; color: #4D4D4D; } .product-info .cart div > span { color: #999; } .product-info .cart .links { display: inline-block; vertical-align: middle; } .product-info .cart .minimum { padding-top: 5px; font-size: 11px; color: #999; } .product-info .review { color: #4D4D4D; border-top: 1px solid #E7E7E7; border-left: 1px solid #E7E7E7; border-right: 1px solid #E7E7E7; margin-bottom: 10px; } .product-info .review > div { padding: 8px; border-bottom: 1px solid #E7E7E7; line-height: 20px; } .product-info .review > div > span { color: #38B0E3; } .product-info .review .share { overflow: auto; line-height: normal; } .product-info .review .share a { text-decoration: none; } .review-list { padding: 10px; overflow: auto; margin-bottom: 20px; border: 1px solid #EEEEEE; } .review-list .author { float: left; margin-bottom: 20px; } .review-list .rating { float: right; margin-bottom: 20px; } .review-list .text { clear: both; } .attribute { border-collapse: collapse; width: 100%; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; margin-bottom: 20px; } .attribute thead td, .attribute thead tr td:first-child { color: #000000; font-size: 14px; font-weight: bold; background: #F7F7F7; text-align: left; } .attribute tr td:first-child { color: #000000; font-weight: bold; text-align: right; width: 20%; } .attribute td { padding: 7px; color: #4D4D4D; text-align: center; vertical-align: top; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; } .compare-info { border-collapse: collapse; width: 100%; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; margin-bottom: 20px; } .compare-info thead td, .compare-info thead tr td:first-child { color: #000000; font-size: 14px; font-weight: bold; background: #F7F7F7; text-align: left; } .compare-info tr td:first-child { color: #000000; font-weight: bold; text-align: right; } .compare-info td { padding: 7px; width: 20%; color: #4D4D4D; text-align: center; vertical-align: top; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; } .compare-info .name a { font-weight: bold; } .compare-info .price-old { font-weight: bold; color: #F00; text-decoration: line-through; } .compare-info .price-new { font-weight: bold; } /* wishlist */ .wishlist-info table { width: 100%; border-collapse: collapse; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; margin-bottom: 20px; } .wishlist-info td { padding: 7px; } .wishlist-info thead td { color: #4D4D4D; font-weight: bold; background-color: #F7F7F7; border-bottom: 1px solid #DDDDDD; } .wishlist-info thead .image { text-align: center; } .wishlist-info thead .name, .wishlist-info thead .model, .wishlist-info thead .stock { text-align: left; } .wishlist-info thead .quantity, .wishlist-info thead .price, .wishlist-info thead .total, .wishlist-info thead .action { text-align: right; } .wishlist-info tbody td { vertical-align: top; border-bottom: 1px solid #DDDDDD; } .wishlist-info tbody .image img { border: 1px solid #DDDDDD; } .wishlist-info tbody .image { text-align: center; } .wishlist-info tbody .name, .wishlist-info tbody .model, .wishlist-info tbody .stock { text-align: left; } .wishlist-info tbody .quantity, .wishlist-info tbody .price, .wishlist-info tbody .total, .wishlist-info tbody .action { text-align: right; } .wishlist-info tbody .price s { color: #F00; } .wishlist-info tbody .action img { cursor: pointer; } .login-content { margin-bottom: 20px; overflow: auto; } .login-content .left { float: left; width: 48%; } .login-content .right { float: right; width: 48% } .login-content .left .content, .login-content .right .content { min-height: 190px; } /* orders */ .order-list { margin-bottom: 10px; } .order-list .order-id { width: 49%; float: left; margin-bottom: 2px; } .order-list .order-status { width: 49%; float: right; text-align: right; margin-bottom: 2px; } .order-list .order-content { padding: 10px 0px; display: inline-block; width: 100%; margin-bottom: 20px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; } .order-list .order-content div { float: left; width: 33.3%; } .order-list .order-info { text-align: right; } .order-detail { background: #EFEFEF; font-weight: bold; } /* returns */ .return-list { margin-bottom: 10px; } .return-list .return-id { width: 49%; float: left; margin-bottom: 2px; } .return-list .return-status { width: 49%; float: right; text-align: right; margin-bottom: 2px; } .return-list .return-content { padding: 10px 0px; display: inline-block; width: 100%; margin-bottom: 20px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; } .return-list .return-content div { float: left; width: 33.3%; } .return-list .return-info { text-align: right; } .return-product { overflow: auto; margin-bottom: 20px; } .return-name { float: left; width: 31%; margin-right: 15px; } .return-model { float: left; width: 31%; margin-right: 15px; } .return-quantity { float: left; width: 31%; } .return-detail { overflow: auto; margin-bottom: 20px; } .return-reason { float: left; width: 31%; margin-right: 15px; } .return-opened { float: left; width: 31%; margin-right: 15px; } .return-opened textarea { width: 98%; vertical-align: top; } .return-captcha { float: left; } .download-list { margin-bottom: 10px; } .download-list .download-id { width: 49%; float: left; margin-bottom: 2px; } .download-list .download-status { width: 49%; float: right; text-align: right; margin-bottom: 2px; } .download-list .download-content { padding: 10px 0px; display: inline-block; width: 100%; margin-bottom: 20px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; } .download-list .download-content div { float: left; width: 33.3%; } .download-list .download-info { text-align: right; } .checkout-product table { width: 100%; border-collapse: collapse; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; margin-bottom: 20px; } .checkout-product td { padding: 7px; } .checkout-product thead td { color: #4D4D4D; font-weight: bold; background-color: #F7F7F7; border-bottom: 1px solid #DDDDDD; } .checkout-product thead .name, .checkout-product thead .model { text-align: left; } .checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total { text-align: right; } .checkout-product tbody td { vertical-align: top; border-bottom: 1px solid #DDDDDD; } .checkout-product tbody .name, .checkout-product tbody .model { text-align: left; } .checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total { text-align: right; } .checkout-product tfoot td { text-align: right; border-bottom: 1px solid #DDDDDD; } .contact-info { overflow: auto; } .contact-info .left { float: left; width: 48%; } .contact-info .right { float: left; width: 48%; } .sitemap-info { overflow: auto; margin-bottom: 40px; } .sitemap-info .left { float: left; width: 48%; } .sitemap-info .right { float: left; width: 48%; } /* banner */ .banner div { text-align: center; width: 100%; display: none; } .banner div img { margin-bottom: 20px; } #overlay{ position:fixed; width:100%; height:100%; left:0; top:0; background-color: rgba(102,102,102,0.5); z-index:999999999; } .account-page .span_1_of_2 .padding{ background:#f2f2f2; width:90%; padding:10px 5%; } .account-page .span_1_of_2 .padding ul{ list-style:none; padding:0; margin:0; } .account-page .span_1_of_2 .padding li{ width:100%; line-height:24px; } .account-page .span_1_of_2 .padding li a{ font-size:14px; } .account-page.address-list .span_1_of_2 { margin-bottom:20px; } .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-user-select: none; -ms-touch-action: none; -ms-user-select: none; -moz-user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-base { width: 100%; height: 100%; position: relative; } .noUi-origin { position: absolute; right: 0; top: 0; left: 0; bottom: 0; } .noUi-handle { position: relative; z-index: 1; cursor: pointer; } .noUi-stacking .noUi-handle { z-index: 10; } .noUi-state-tap .noUi-origin { -webkit-transition: left .3s, top .3s; transition: left .3s, top .3s; } .noUi-state-drag * { cursor: inherit!important; } .noUi-horizontal { height: 6px; } .noUi-horizontal .noUi-handle { width: 18px; height: 20px; left: -10px; top: -8px; } .noUi-horizontal.noUi-extended { padding: 0 15px; } .noUi-horizontal.noUi-extended .noUi-origin { right: -15px; } .noUi-vertical { width: 18px; } .noUi-background { background: #9E9E9E; } .noUi-connect { background: #3FB8AF; box-shadow: inset 0 0 3px rgba(51, 51, 51, .45); -webkit-transition: background 450ms; transition: background 450ms; } .noUi-origin { border-radius: 2px; } .noUi-target { border-radius: 4px; } .noUi-target.noUi-connect { box-shadow: inset 0 0 3px rgba(51, 51, 51, .45), 0 3px 6px -5px #BBB; } .noUi-dragable { cursor: w-resize; } .noUi-vertical .noUi-dragable { cursor: n-resize; } .noUi-handle { border-radius: 3px; background: #666; cursor:ew-resize; } .noUi-active { } .noUi-handle:after, .noUi-handle:before { } .noUi-handle:after { left: 17px; } .noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before { width: 14px; height: 1px; left: 6px; top: 14px; } .noUi-vertical .noUi-handle:after { top: 17px; } [disabled] .noUi-connect, [disabled].noUi-connect { background: #B8B8B8; } [disabled] .noUi-handle { cursor: not-allowed; } #back_to_top .label{ cursor:pointer; } @media only screen and (min-width: 581px) { #back_to_top{ display:inline; } } @media only screen and (max-width: 580px) { #back_to_top .label{ display:block; color:white; width:100%; text-align:center; line-height:40px; } #back_to_top{ left:0; bottom:0; width:100%; height:40px; background:#e5a488; text-transform:uppercase; display:none; position:fixed; left:0; bottom:0; z-index: 10; } body.scroll-top #footer-main { padding-bottom:50px; } } @media only screen and (max-width: 586px) { #category-desc{ display:block; } #category-desc h3{ margin: 0 auto; padding: 6px 2px 6px 2px; } #category-desc h3 a{ text-decoration: underline; font-size: 12px; text-transform: capitalize; letter-spacing: 0px; width: 100%; text-align: center; font-family:'Karla', Arial, Helvetica, sans-serif; } #category-desc .span_1_of_4 { display: block; margin-left: 1.6%; } #category-desc .span_1_of_4:nth-child(1){ display: block; margin-left: 0; } #category-desc .span_1_of_4:nth-child(3){ display: block; margin-left: 0; } #category-products { margin-top: 0; } .span_1_of_4 { width: 48.95%; } .section.group.line { padding: 10px 0px 10px 0px; } } @media only screen and (max-width: 460px) { #category-desc.home_text p { /* white-space:nowrap; */ line-height:1.45em; /* max-height:2.9em; */ transition:-webkit-line-clamp 0.5s; margin-top:10px; cursor:pointer; display: -webkit-box; flex-wrap: wrap; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; border-bottom:10px solid #fff; } #category-desc.home_text p::after { display:block; content:"Read More"; position:absolute; bottom:0; left:0; right:0; text-decoration:underline; line-height:1.45em; font-weight:600; font-family:'Karla', Arial, Helvetica, sans-serif; font-size:14px; } #category-desc.home_text p { white-space:normal; text-overflow:clip; overflow:visible; line-height:normal; max-height:none; transition:max-height 0.5s; margin-top:10px; cursor:default; display:block; -webkit-line-clamp: 500; } #category-desc.home_text p::after { display:none; } /* 40 Lines, can be increased if discriptions run longer */ #category-desc.home_text p.open { -webkit-line-clamp: 50; } #category-desc.home_text p.open::after { content:"Read Less"; } } #category-desc .description p:nth-child(n+2), .description_container .description p:nth-child(n+2) { display:none; } #category-desc .description .read-more-contain, .description_container .description .read-more-contain{ display:none; } #category-desc .description p .read-more-contain, .description_container .description p .read-more-contain{ display:inline-block; } #signup-newsletter{ width:320px; height:92px;position:absolute; left:50%; top:50%; margin-left:-160px; margin-top:-41px; background:white; padding:15px; font-family:'Karla', Arial, Helvetica, sans-serif; font-size:19px; z-index: 99999999; } #signup-newsletter .la-button{ width:46%; float:left; } #signup-newsletter .la-button:nth-child(2){ float:right; } #signup-newsletter .button-container{ margin-top:12px; } #signup-newsletter .button-container .la-button{ font-size:18px; } p a{ text-decoration:underline; } #gap-fill{ width:33%; float:left; margin-top:4px; } #gap-fill img{ width:100%; } .sale, .sale a, #menu ul a.sale , #menu ul li.sub-link.sale a{ color:#EF4B60; } #menu ul a.nav-link.sale ~ div li.sub-link.sale a { color:#666; } .sale, .sale a, #menu ul a.sale{ } .no-marg .col{ margin:0; } .no-marg .span_1_of_4{ width:25%; } .no-marg .span_1_of_4 img{ width:100%; } @media only screen and (max-width: 586px) { .no-marg .span_1_of_4{ width:50%; } #product-titles { margin-bottom:0px; } } img.not-selected { opacity:0.325; } a.nav-link.valentines{ color: #ef596f !important; } .delivery-page img, .padding.delivery img{ width:100%; } a.nav-link.friday{ color:black !important; } #promo-sale{ margin-bottom:10px; } #promo-sale img{ float:left; width:100%; } #promo-sale img.large{ } #promo-sale img.sml{ display:none; } .full_bar{ width:100%;margin-bottom:5px; } .full_bar.small{ display:none; } .full_bar.large{ } .opening_hours img { width:100%; } .opening_hours img.small { display:none; } @media only screen and (max-width: 480px) { #promo-sale img.large{ display:none; } #promo-sale img.sml{ display:block; } #promo-sale .col{ margin:0; } #promo-sale{ margin-bottom:5px; } .full_bar.small{ display:block; } .full_bar.large{ display:none; } .opening_hours img.small { display:block; } .opening_hours img.large { display:none; } } body.sale_body{ background:#f2f2f2 !important; } .select-option-row{ float:left; clear:left; margin-bottom:5px; width:100%; } .select-option-row .option{ float:left; width:50px;height:50px; background:white; margin-right:5px; margin-bottom:5px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; cursor:pointer; text-align:center;line-height:50px; } .select-option-row .option.selected{ border:2px solid #666; line-height:48px; } .select-option-row .option.disabled{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); opacity: 0.6; } #switch-loading { position:absolute; width:100%; height:100%; background: rgba(0, 0, 0, 0.5); top:0; left:0 } #switch-loading{ text-align:center; line-height:100%; color:white; font-size:28px; } #switch-loading div{ position: relative; top: 50%; transform: translateY(-50%); } .select-option-row label{ font-size:14px; float:left; width:100%; } .select-option-row{ margin-bottom:16px; } .select-option-row.box_option{ margin-bottom:11px; } .highlight{ box-sizing: border-box; background:#f2f2f2; width:100%; padding:15px; font-size:20px; text-align:center; margin-bottom:15px; /*max-width: 480px;*/ } .highlight.left{ text-align:left; } .form_row{ box-sizing: border-box; font-size:14px; width:100%; margin-bottom:10px; max-width: 440px; } .form_row.section_break{ margin-bottom:25px; } .form_row label{ box-sizing: border-box; width:100%; display:block; margin-bottom:2px; } .form_row input[type=text],.form_row input[type=date], .form_row select{ box-sizing: border-box; width:100%; display:block; border:1px solid #666; font-size:14px; color:#666; padding:4px 6px; } .form_row select.select_mini{ width:auto; display:inline; } .form_row label.inline, input.inline{ width:auto; display:inline-block; } .table_row .table_head, .table_row .table_cell{ width:14.2%; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px 0 5px 5px; float:left; } .table_row .table_head:first-child, .table_row .table_cell:first-child{ width:80px; } .table_row .table_head:nth-child(2), .table_row .table_cell:nth-child(2){ width:135px; } .table_row .table_head:nth-child(3), .table_row .table_cell:nth-child(3){ width:80px; } .table_row .table_head:nth-child(4), .table_row .table_cell:nth-child(4), .table_row .table_head:nth-child(5), .table_row .table_cell:nth-child(5){ width:95px; } .table_row .table_head:nth-child(6), .table_row .table_cell:nth-child(6){ width:auto; overflow:auto; float:none; } .table_row .table_head{ font-weight:bold; } .highlight.table{ font-size:13px; } .highlight.table .table_row:nth-child(2n){ background:#fff; } @media only screen and (max-width: 745px) { .table_row .table_head:nth-child(6){ display:none; } .table_row .table_cell:nth-child(6){ font-style: italic; clear:both; } } @media only screen and (max-width: 580px) { .table_row .table_head:nth-child(5), .table_row .table_cell:nth-child(5){ display:none; } } @media only screen and (max-width: 462px) { .table_row .table_head:nth-child(2), .table_row .table_cell:nth-child(2){ display:none; } .table_row .table_head:nth-child(4), .table_row .table_cell:nth-child(4){ width:65px; } } .loyalty-login p{ margin:5px 0; } .form_row .highlight input{ width:70%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; float:left; } .form_row .highlight .la-button{ width:30%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; float:left; height: 26px; font-size:16px; padding:0; line-height:26px; } .form_row .highlight label{ font-size:14px; text-align:left; } #loyalty_register_guest{ margin-bottom:15px; display:block; } .sale-links .col img{ width:100%; } @media only screen and (max-width: 586px) { .sale-links .col.span_1_of_4{ width:49.2%; margin:0; } .sale-links .col.span_1_of_4:nth-child(2n){ margin-left:1.6%; } } #category-desc h3, .sale-links h3 { font-family:'Karla', Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 2px; } #category-desc h3 a, .sale-links h3 a { font-size: 14px; } #category-desc h3 a:hover{ color: #ccc; } #small_h2 h2{ font-size: 22px } #mystery-container{ width:100%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding:10px; } #voucher-step1{ } #mystery-container h1{ font-family:'Karla', Arial, Helvetica, sans-serif; text-transform: uppercase; font-size:40px; text-align: center; width: 100%; } .mystery_voucher_desc{ width:100%; text-align:center; padding:10px 0; } .mystery_voucher_desc span{ display:block; width:100%; font-family:'Karla', Arial, Helvetica, sans-serif; letter-spacing: 2px; } .mystery_voucher_desc span.mid{ font-size:28px; } .mystery_voucher_desc span.min{ font-size:19px; } #mystery-container .error{ margin:0 0 10px; display:block; } .mystery-voucher-header{ width:100%; text-align:center; margin:10px 0; } .mystery-input{ width:100%; text-align:center; } .mystery-input input{ width:100%; max-width: 335px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; height:45px; border:1px solid #666; outline:0; padding:0; margin:0 auto; font-size:20px; text-align:center; line-height:45px; font-family:'Karla', Arial, Helvetica, sans-serif; } .mystery-input label{ font-size: 22px; width:255px; text-align:center; float:left; margin:8px 0; } #voucher-search{ margin-top:20px; } .voucher-button{ width:100%; max-width:335px; margin:30px auto; } .voucher-error{ color:red; } #stage-two-signup{ margin:0 auto; width:100%; max-width:335px; } #stage-two-signup .form_row{ font-size:16px; } #step-2-click{ margin-top:18px; } #your-voucher{ text-align:center; font-size:22px; margin-top:5px; font-family:'Karla', Arial, Helvetica, sans-serif; } #results-voucher-amount{ text-align:center; font-size:35px; margin-top:12px; font-family:'Karla', Arial, Helvetica, sans-serif; } #voucher-step3{ text-align: center; width:100%; } #voucher-step3 .voucher-top{ width:100%; max-width:500px; margin:0 auto; } #mystery-container .info{ font-family:'Karla', Arial, Helvetica, sans-serif; margin:10px 0; font-size:16px; } #results-voucher-code{ font-family:monospace; font-weight:bold; } #mystery-container .button_container{ margin-top:20px; } #mystery-container .button_container .la-button{ width:49%; float:left; margin-left:2%; } #mystery-container .button_container .la-button:first-child{ margin:0; } .be_you{ margin:0 auto; display:block; } a.voucher-button-small{ height: 38px; text-align:center; background:#666; color:white; font-size:16px; float:left; line-height:38px; width:188px; margin-left:0px; cursor:pointer; margin-top:0px; color:white; margin-top:20px; } a.voucher-button-small:hover{ text-decoration:none; } #you_might_like{ margin-top:30px; width:100%; } #you_might_like h2{ font-family:'Karla', Arial, Helvetica, sans-serif; font-size:25px; } #mystery-container .category-products{ border-left:0; padding:0; max-width: 768px; margin: 0 auto 10px; margin-top:10px; } #mystery-container .category-products .product-price-vouch{ width: 37.55%; text-align:center; float:right; border-left:1px solid #666; text-align:center; line-height:normal; } #mystery-container .category-products .product-price-vouch .price{ font-size:28px; } #mystery-container .category-products .product-price-vouch .mini{ font-size: 10px; line-height:12px; display:block; } @media only screen and (min-width: 587px){ #mystery-container .category-products .span_1_of_many:nth-child(4){ display:none; } } @media only screen and (max-width: 480px){ #mystery-container .category-products .product-price-vouch { width: 100%; border: 0; margin-top:5px; } #stage-two-signup .form_row{ font-size:15px; } } @media only screen and (max-width: 450px) { #mystery-container h1{ font-size:27px; line-height:40px; } .mystery_voucher_desc span.mid { font-size: 24px; } .mystery_voucher_desc span.min { font-size: 14px; } .mystery-voucher-header{ margin:0; } #mystery-container .button_container .la-button{ width:100%; float:left; margin:0; } #mystery-container .button_container .la-button:first-child{ margin-bottom:15px; } } .black_friday h1, .black_friday h2{ font-family:'Karla', Arial, Helvetica, sans-serif; margin:0; } .black_friday .filter-sort { float: right; font-family:'Karla', Arial, Helvetica, sans-serif; font-size: 16px; } .black_friday .filter-sort input { font-size: 14px; padding: 0; margin: 0 0 0 0px; border: 1px solid #666; color: #666; width: 193px; padding: 3px 4px 2px; } .black_friday .filter-sort span { position: absolute; margin-left: -20px; } .black_friday .filter-sort span img { height: 16px; margin-top: 3px; } .black_friday_countdown{ width:100%; text-align: center; box-sizing: border-box; margin-bottom:0; margin-top:35px; } .black_friday_countdown .sign_up{ max-width:184px; } .black_friday_countdown h1 img{ width:100%; } .black_friday #main_timer { font-size:46px; } .black_friday_countdown .content #starts_in{ max-width:68%; } .black_friday .black_friday_countdown h1{ margin:50px 0 0; color:#fff; font-size:46px; text-transform:uppercase; letter-spacing:6px; font-weight:600; } .black_friday_countdown .content img{ width:100%; } .black_friday_countdown #main_timer{ width:100%; margin:0; text-align:center; margin-top:-2px; color:#fff; } .black_friday_countdown .content .social_buttons{ max-width:250px; margin: 0 auto; } .black_friday_countdown .content .social_buttons img{ width:25%; max-width:42px; } .black_friday .black_friday_countdown h2{ width:100%; font-size:36px; color:#333; } .black_friday .black_friday_countdown h3{ width:100%; font-family: 'Karla', Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; color:#333; } .bf_max_width { max-width:750px; margin-left: auto !important;; margin-right: auto !important; } .hero_stock_text { text-align: center; } .black_friday_white, .black_friday_white a { color:#fff; } #vip_unlock{ width:80%; text-align:center; background:rgba(255, 255, 255, 1); border:2px solid #1f2323; padding: 15px; margin:125px auto 60px; box-sizing:border-box; max-width:500px; background:#fef4f2; } #vip_unlock a{ font-size:30px; } #vip_unlock img{ width:100%; } #vip_unlock .early_access_text{ color:#1f2323; font-size:20px; margin-top:5px; } .vip_text{ position: relative; display: inline-block; top: -4px; } .vip_text input{ text-transform: uppercase; font-family:'Karla', Arial, Helvetica, sans-serif; width: 90px; height: 22px; text-align: center; -webkit-appearance: none; border-radius: 0; font-size: 18px; margin-top: 8px; } #main_timer{ font-size:52px; margin: 10px 0 20px; } .timer{ font-family:monospace; } .more_coming { width: 100%; text-align: center; margin: 20px 0; font-size: 22px; font-family:'Karla', Arial, Helvetica, sans-serif; } .black_friday .desc{ font-size:25px; text-transform: none; font-family:helvetica,georgia; margin-top:30px; color:#1f2323; padding:0 25px; } .black_friday .desc .sign{ font-family: georgia; font-style:italic; text-transform:lowercase; font-size:27px; } .black_friday .desc p:nth-last-child(2){ font-size:20px; } .black_friday .desc p.unsubscribe{ font-size:12px; text-align: left; text-transform: none; margin-bottom:0; margin-top:25px; } .black_friday .desc p.unsubscribe a{ color:#1f2323; } .black_friday .desc.after{ font-size:30px; margin-top:20px; text-transform: none; } .black_friday .desc.after a{ font-size:30px; text-transform: uppercase; } .black_friday .desc a.la-button{ display:inline-block; width: 10%; max-width: 55px; height:30px; line-height:31px; font-size:20px; text-decoration: none; box-sizing:border-box; font-family:'Karla', Arial, Helvetica, sans-serif; text-transform: uppercase; } .black_friday .desc p { vertical-align:top; } .bf_signup_input{ width: 40%; max-width: 220px; height: auto; padding: .5em; margin: 0; line-height: 1; outline: 0; background: #fff; font-family:'Karla', Arial, Helvetica, sans-serif; font-size: 20px; border: 2px solid #333; color: #333; text-align:center; box-sizing:border-box; display:inline-block; } .bf_signup_input.disabled{ opacity:0.2; } .black_friday_countdown { text-align: center; background: #333; padding: 1em 2em; } .black_friday_countdown .row { margin: 3rem 0; position: relative; } .black_friday_countdown .timer { font-family: 'Poppins', sans-serif; font-variant-numeric: tabular-nums; font-weight: 400; color: #000; } .timer .timer-delim { margin: 0 .5rem; } .black_friday_countdown .notification { justify-content: center; } .black_friday_countdown .notification.success { background: none; color: #518751; } .black_friday_countdown .checkbox { margin-top: 1em; font-size: 22px; color: #000; } .black_friday_countdown .checkbox > input::before, .black_friday_countdown .checkbox > input::after { border-color: #000; } .black_friday_countdown h2 { font-size: 3em; max-width: 550px; margin: auto; color: #000; } .black_friday_countdown #bf_email_save { box-sizing: border-box; display: block; position: relative; margin: .5em auto; height: auto; width: 80%; max-width: 440px; line-height: 1; color: #FFFFFF; padding: .5em; background: none; border: none; box-shadow: none; border: 2px solid #333; background: #333; transition: opacity .5s; font-size: 20px; } .black_friday_countdown.black_friday_countdown_lower { background:none; color:#333; margin-top:0; } .black_friday_countdown #black-friday-svg { width: 85%; } .black_friday_countdown #black-friday-event-svg { position: absolute; top: 68%; left: 36%; width: 30%; } .bf_banner { background:#254349; padding:5px 5px 10px; box-sizing:border-box; text-align:center; margin:10px 0 0; } .bf_banner img { max-width:300px; } @media only screen and (max-width: 700px){ .black_friday_countdown #black-friday-svg { width: 95%; } } @media only screen and (max-width: 420px){ .black_friday_countdown #black-friday-svg { width: 100%; } .black_friday_countdown #black-friday-event-svg { top: 68%; left: 26%; width: 50%; } .black_friday_countdown .row { margin: 2em 0; } .black_friday_countdown h2 { font-size: 1.5em; } .black_friday_countdown #alarm_clock{ height:154px; padding-top:62px; } .black_friday_countdown #main_timer { font-size: 30px; } .black_friday_countdown .bf_signup_input, .black_friday_countdown #bf_email_save{ display:block; margin:0 auto 10px; width:100%; max-width: 100%; } .timer .timer-delim { margin: 0; } } .black_friday .warning{ background:#ffd9d9; text-align: center; } .black_friday .heading{ text-align:center; background: #254349; box-sizing: border-box; } .black_friday.bf_active .heading{ background:#254349; } .black_friday .heading h1 .banner{ max-width: 600px; margin:10px 0; display:inline-block; } #hero_container #warmup_container .bf_padding{ background: #FBE5E5; } #hero_container #warmup_container .bf_padding #hero_main_timer{ color:#231F20; } #hero_container #warmup_container .bf_padding img{ max-width: 664px; margin:0 auto; display:block; } #hero_container #warmup_container .bf_padding img.main_text{ max-width:544px; } #hero_container #warmup_container .bf_padding img.sign_up{ max-width: 184px; margin-bottom:10px; } #hero_container #warmup_container #hero_main_timer{ font-size: 45px; } #hero_container { width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:10px 1.5% 0; background: #faf9f5; margin:15px 0 20px 0; } .black_friday .section_title{ font-size:26px; font-family:'Karla', Arial, Helvetica, sans-serif; margin-bottom:10px; } #hero_main_timer{ width:100%; text-align: center; font-size:30px; margin: 25px 0; } .black_friday .sub_heading{ font-size:14px; font-weight:bold; text-align:center; width:100%; } #hero_container .col.span_1_of_4{ margin: 0 1.6% 10px 0; } #hero_container .col.span_1_of_4:nth-child(4n+1){ clear:left } #hero_container .col.span_3_of_4{ margin: 0; } #hero_container .bf_padding{ background:white; padding:10px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } #hero_container .col a{ display:block; } #hero_container .col a .img_container, #hero_container .col .img_container{ position:relative; } #hero_container .col a .perc_off, .black_friday .category-products .span_1_of_many .perc-off-tag { position:absolute; background:rgba(255, 255, 255, 0.82); padding:5px; color:#ff4040; top:5%; right:5%; font-family:'Karla', Arial, Helvetica, sans-serif; font-size:18px; height:auto; line-height:24px; bottom:auto; left:auto; } .black_friday .category-products .span_1_of_many .product-tag{ left: 5%; top: 5%; font-size: 18px; line-height: 24px; } #hero_container .col img{ width:100%; max-height:224px; } #hero_container .col:nth-child(4n){ margin-right:0; } #hero_container .product_name{ min-height: 35px; margin:4px 0; width:100%; text-align:center; } #hero_container .was_price{ font-family:'Karla', Arial, Helvetica, sans-serif; display:inline-block; line-height:22px; font-size:16px; text-align:center; } #hero_container .was_price .price{ text-decoration: line-through; } #hero_container .now_price{ font-family:'Karla', Arial, Helvetica, sans-serif; color:#ff4040; display:inline; text-align:center; font-size:25px; margin-right:0; font-weight:bold; } #hero_container .now_price .sign, #hero_container .now_price .decimal{ line-height:40px; height:40px; } #hero_container .now_price .unit{ font-size:40px; } .black_friday #filter-col h2{ font-size: 24px; } #hero_container .hero .timer{ width:100%; text-align:center; margin-top:5px; font-size:22px; } @media only screen and (max-width: 600px) { #hero_container .col.span_1_of_4{ width:49.2%; } #hero_container .col:nth-child(2n){ margin-right:0; } #hero_container .col:nth-child(2n+1){ clear:left; } #hero_container .col:nth-child(n+3){ } .bf_warmup #hero_container .col.span_1_of_4{ /* float:none; margin:0 auto; max-width: 250px; width:100%; margin-bottom:10px;*/ } .bf_warmup #hero_container .col img{ max-height:auto; } .bf_warmup #hero_container .col.span_3_of_4{ width:100%; margin:0; } #hero_container #warmup_container #hero_main_timer{ font-size:40px; } } @media only screen and (max-width: 365px) { #hero_container #warmup_container #hero_main_timer{ font-size:30px; } } @media only screen and (min-width: 880px) { .black_friday #specials #filter-col{ display:none; } .black_friday #specials #main-col{ width:100%; } .black_friday #specials .category-products{ width:100%; border-left:0; padding-left:0; } .black_friday #specials .category-products .span_1_of_many{ width:24.25%; margin-left:1%; } .black_friday #specials .category-products .span_1_of_many:nth-child(3n+1) { margin-left:1%; clear: none; } .black_friday #specials .category-products .span_1_of_many:nth-child(4n+1) { margin-left: 0; clear: both; } } .black_friday #specials #filter-button{ display:none; } #basic-info.highlight_container{ background:#f2f2f2; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding:15px 15px 18px; } #basic-info.black-friday { background: #faf9f5; border: 4px solid #e1bcb3; } #basic-info.highlight_container .logo{ width:100%; text-align:center; } #basic-info.highlight_container .logo img, #basic-info.highlight_container .logo svg{ width:100%; max-width:286px; } #basic-info.highlight_container .two_cols{ margin:10px 0; text-align:center; } #basic-info.highlight_container .span_1_of_2:first-child{ text-align:center; } #basic-info.highlight_container .add-to-bag{ background:none; position:static; } #basic-info.highlight_container .add-to-bag .padding{ width:100%; padding:0; position:static; } #basic-info.highlight_container .span_1_of_2 .special-price{ margin:0 auto; float:none; } #basic-info.highlight_container .span_1_of_2 .price-container{ width:100%; position:relative; } #basic-info.highlight_container .span_1_of_2 .price-old{ position:absolute; left:0; top:0; } #product_timer{ margin: 18px 0; font-size:24px; } .black-friday-2020-timer #product_timer{ margin: 2px 0 10px; font-size:24px; } .black-friday-2020 { position:relative; } .black-friday-2020 .customisation-popup { left:0; } .black-friday-2020-timer { margin-top:0; text-align:Center; color:#fff; margin-bottom:0px; margin-top:-2px; padding:5px 0 10px; background:#254349; } #hero_container.bf_heroes { background:#fff; } .black-friday-2020 .price-container.change_price{ padding-top:12px; margin-top:-16px; } .black-friday-2020 .has_from .price-container.change_price{ padding-top:24px; margin-top:-24px; } #basic-info.black-friday-2020 .span_1_of_2 .price-old { font-size:16px; } .all_bf_link{ margin:15px 0 0; } .all_bf_link img{ width:100%; } .reviews.bf .review-stars{ margin:0 auto; float:none; } .reviews.bf { text-align:center; margin-top:12px; } @media only screen and (min-width:800px) and (max-width: 850px) { #product_timer{ font-size:22px; } } @media only screen and (min-width:587px) and (max-width: 799px) { #product_timer{ font-size:18px; } #basic-info .span_1_of_2 .special-price{ height:50px; font-size:40px; line-height:50px; } .black-friday-2020 .has_from .price-container.change_price { padding-top: 24px; margin-top: -24px; } } #basic-info.highlight_container{ margin-bottom:0; } @media only screen and (min-width:587px) and (max-width: 880px) { #basic-info.highlight_container{ margin-top:0; padding:12px 12px 14px; } } @media only screen and (max-width:586px) { #product_timer{ font-size:28px; margin: 15px 0; } .black-friday-2020 .has_from .price-container.change_price { padding-top: 24px; margin-top: -24px; } } @media only screen and (min-width:401px) and (max-width:450px) { #product_timer{ font-size:20px; margin: 15px 0; } } @media only screen and (max-width:400px) { #product_timer{ font-size:18px; margin: 15px 0; } #basic-info .span_1_of_2 .special-price{ height:50px; font-size:40px; line-height:50px; } #hero_container .was_price{ font-size:14px; } .black_friday h2{ font-size:30px; } } @media only screen and (max-width:352px) { #hero_container .was_price{ font-size:12px; } } @media only screen and (max-width: 1000px){ .black_friday .black_friday_countdown h1, .black_friday #main_timer { font-size:34px; } .black_friday_countdown .row { margin:20px 0; } .black_friday .black_friday_countdown h1 { margin-top:35px; } .black_friday .black_friday_countdown h2 { font-size:28px; } } @media only screen and (max-width: 800px){ .black_friday .black_friday_countdown h1, .black_friday #main_timer { font-size:28px; } .black_friday .black_friday_countdown h2 { font-size:24px; } } @media only screen and (max-width: 400px){ .black_friday .black_friday_countdown h1, .black_friday #main_timer { font-size:22px; } .black_friday_countdown .row { margin:20px 0; } .black_friday .black_friday_countdown h1 { margin-top:35px; } .black_friday .black_friday_countdown h2 { font-size:18px; } } .low_stock{ color:#ff4040; } .outlet_closed, .outlet_closed a{ font-family:'Karla', Arial, Helvetica, sans-serif; text-align:center; font-size:20px; } .vip_code p{ font-size:30px; font-family:'Karla', Arial, Helvetica, sans-serif; text-transform: uppercase; } .vip_submit{ width:100%; margin:5px auto 20px; } .vip_submit input{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; display:inline-block; width:70%; border:1px solid #666; border-right:0; height:40px; margin:0; padding:0; float:left; text-align:center; font-size:20px; color:#666; text-transform: uppercase; } .vip_submit div{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; display:inline-block; width:30%; float:left; } #preview_logo{ position:absolute; right:0; top:0; } #preview_logo_2{ display:none; margin:5px auto 0; } @media only screen and (max-width:820px) { #preview_logo{ display:none; } #preview_logo_2{ display:block; } } #mini-desc img{ width:100%; } #header_cart{ width:100%; text-align: center; padding:10px 0; position:relative; } #header_cart img{ width:100%; max-width: 280px; } #header_cart #need_help{ position: absolute; right: 15px; top: 5px; } @media only screen and (max-width:820px){ #header_cart{ padding-top:32px; } } .last-postage{ position: absolute; bottom: -4px; left: -2px; } #last_orders_mini{ display:none; } @media only screen and (max-width:610px) { #last_orders_mini{ display:block; } #last_orders_full{ display:none; } } #sale_countdown{ width:100%; text-align: center; padding-bottom:25px; } #sale_countdown .content{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; width:100%; max-width:600px; margin:0 auto; overflow:initial; } #sale_countdown .content img{ width:100%; } #sale_countdown .content .vip_code{ margin-top:30px; } #vip_sale { max-width: 400px; margin: 0 auto 32px; text-transform: none; } .recently_viewed_container{ } .recently_viewed_container h2{ padding:5px 0; } .recently_viewed.full{ width:100%; } .recently_viewed.full .span_1_of_many, .product_grid .span_1_of_many{ margin: 0 1.6% 0 0; } @media only screen and (max-width: 400px){ .recently_viewed.full .span_1_of_many, .recently_viewed.two_third .span_1_of_many { width:49.2%; margin: 0 1.6% 0 0; } .recently_viewed.full .span_1_of_many:nth-child(2n), .recently_viewed.two_third .span_1_of_many:nth-child(2n){ margin:0; } .recently_viewed.full .span_1_of_many:nth-child(1n+3), .recently_viewed.two_third .span_1_of_many:nth-child(1n+5){ display:none; } } .product_details_list_item .recently_viewed .span_1_of_many { margin: 0 0 25px; width:33.33%; padding:0 10px; float:left; box-sizing:border-box; position:relative; } .product_details_list_item .recently_viewed .span_1_of_many .product-name { max-height:none; padding-bottom:3em; font-size:14px; text-align:left; } .product_details_list_item .recently_viewed .span_1_of_many .product-price { position:absolute; bottom:0; left:0; display:flex; align-items:baseline; padding:0 10px; font-weight:600; font-size:20px; box-sizing:border-box; } .product_details_list_item .recently_viewed .span_1_of_many a { position:static; } @media only screen and (max-width: 1200px){ .product_details_list_item .recently_viewed .span_1_of_many { width:50%; } .product_details_list_item .recently_viewed .span_1_of_many:nth-of-type(n+5) { display:none; } .product_details_list_item .recently_viewed.full .span_1_of_many:nth-child(2n), .product_details_list_item .recently_viewed.two_third .span_1_of_many:nth-child(2n) { margin-bottom:25px; } } @media only screen and (min-width: 500px) and (max-width: 699px){ .product_details_list_item .recently_viewed .span_1_of_many { width:33.33%; } .product_details_list_item .recently_viewed .span_1_of_many:nth-of-type(n+5) { display:block; } } .product_details_list_item .change_related_block { margin:0 -10px; } .recently_viewed.full.product_grid .product-name, .two_third.product_grid .product-name{ width:100%; min-height:36px; } .recently_viewed.full.product_grid .product-price, .two_third.product_grid .product-price{ width:100%; border:0; height:auto; } .recommended.full{ width:100%; } .recommended.full .span_1_of_many { } .recommended.full .span_1_of_many .product-price{ font-size: 20px; } @media only screen and (max-width: 400px){ .recommended.full .span_1_of_many{ width: 30.85% } /* .recommended.full .span_1_of_many:nth-child(2n){ margin:0; } .recommended.full .span_1_of_many:nth-child(1n+3){ display:none; } */ } @media only screen and (min-width: 401px) and (max-width: 700px) { .recommended.full .span_1_of_many{ width: 30.85%; } /* .recommended.full .span_1_of_many:nth-child(3n){ margin:0; } .recommended.full .span_1_of_many:nth-child(1n+4){ display:none; } */ } @media only screen and (min-width: 701px) and (max-width:900px) { .recommended.full .span_1_of_many{ width: 14.3%; } /* .recommended.full .span_1_of_many:nth-child(4n){ margin:0; } .recommended.full .span_1_of_many:nth-child(1n+5){ display:none; } */ } @media only screen and (min-width: 901px) { .recommended.full .span_1_of_many{ background: #f2f2f2; width: 13%; } } .recommended.full.product_grid .product-name{ width: 100%; min-height: 54px; max-height: 54px; overflow: hidden; } .recommended.full.product_grid .product-price{ width:100%; border:0; height:auto; } #photo_change .photo_change{ cursor:pointer; } #photo_change .photo_change:hover{ text-decoration: underline; } #photo_change .photo_change.selected{ cursor:default; } #photo_change .photo_change.selected:hover{ text-decoration: none; } .promo_group .block .text_container:hover{ color:#f19abc; } .promo_group .col.block{ position:relative; } .promo_group .col.block a{ display:block; } .promo_group .col.block a img{ width:100%; display:block; } .promo_1 .text_container{ top:25px; right:25px; } .promo_group .col.block{ margin-bottom: 10px; } .home_text p:nth-child(n+3){ display:none; } .promo_group .col .text{ position:absolute; text-align:left; } .promo_group .col .text.top{ top:0; } .promo_group .col .text.bottom{ bottom:0; } .promo_group .col .text.left{ left:0; } .promo_group .col .text.right{ right:0; } .promo_group .text .title{ font-size:30px; line-height:30px; margin-bottom:5px; } .promo_group .action{ font-size:21px; line-height:21px; } @media only screen and (max-width: 586px) { .promo_group .text_container .title{ font-size:23px } .promo_group .text_container .action{ font-size:16px } .promo_group .col { margin-top:0; margin-bottom:0; } .promo_group .col{ margin-left:0; } } @media only screen and (max-width: 400px) { .promo_group .text_container .title{ font-size:18px } .promo_group .text_container .action{ font-size:11px } .promo_group .col.block{ margin-bottom:10px; } #promo-group{ margin-bottom: 5px; line-height: auto; } } #search-suggest{ z-index: 999; width: 171px; margin-top: 48px; right: 32px; position: absolute; } .search-suggest-child{ cursor: pointer; text-transform: capitalize; padding: 2px 4px; z-index: 1063; margin-top: -1px; width: 191px; border: 1px solid; background-color: #fff; } .search-suggest-child:hover{ background-color: #F2f2f2; } .search-suggest-child .left{ float:left; text-align:left; display:inline; width: 170px; } .search-suggest-child .right{ float: right; text-align:right; display:inline; height:17px; } .search-suggest-child .right img{ width:17px; height:17px; margin-right:-2px; } .spell-suggest-child{ cursor: pointer; text-transform: capitalize; padding: 2px 4px; z-index: 1063; margin-top: -1px; width: 191px; border: 1px solid; background-color: #fff; } .spell-suggest-child:hover{ background-color: #F2f2f2; } .spell-suggest-child .left{ float:left; text-align:left; display:inline; width: 170px; } .spell-suggest-child .right{ float: right; text-align:right; display:inline; height:17px; } .spell-suggest-child .right img{ width:17px; height:17px; margin-right:-2px; } @media only screen and (max-width: 970px) { #search-suggest { width: 100%; top: 83%; left: 0px; } .search-suggest-child { width: 47.4%; } .spell-suggest-child { width: 47.4%; } .search-suggest-child .left{ margin-left: 1px; width: 92%; } .spell-suggest-child .left{ margin-left: 1px; width: 92%; } } @media only screen and (max-width: 586px) { #search-suggest{ display:none; } } .contact_phone .phone{ display:block; font-size:30px; font-family:'Karla', Arial, Helvetica, sans-serif; } .contact_phone .phone a{ font-size:30px; } .or{ font-size:20px; margin:10px 0; } .opening_hours{ margin-top:20px; } @media only screen and (max-width: 460px) { .contact_phone{ margin:0 auto; display:inline-block; } } .contact_mobile{ display:none; } @media only screen and (max-width: 586px) { .contact_mobile{ display:block; text-align:center; margin: 0px auto 0; } } .lacheckout .shipping_methods label.inpost_row.sel { margin-bottom:0; } .inpost_additional.postage-additional{ margin-bottom:10px; } .postage-additional .padding.inpost_container{ background:#F9F9F9; border:2px solid #D2D2D2; padding:10px; } .postage-additional .padding.inpost_container p{ font-size:12px; margin:0 0 10px 0; } .postage-additional .padding.inpost_container p:last-child{ margin-bottom:0; } .postage-additional .padding.inpost_container .section:first-child{ margin-bottom:10px; } .lacheckout .shipping_methods .inpost_row label .description{ width:95%; } .inpost_find{ font-family:'Karla', Arial, Helvetica, sans-serif; font-size:20px; text-align:center; width:100%; display:inline-block; cursor:pointer; text-decoration: underline; } /* Currency Selector */ #currencySelector { display:inline; cursor:pointer; } .span_1_of_3 .account-links #currencySelector{ text-transform: none; } #currencySelectorBox { display:none; position: absolute; top: 23px; right: 153px; background: white; border-right: 1px solid #333; border-left: 1px solid #333; border-bottom: 1px solid #333; z-index: 999; } .selectorLoggedIn { right:184px !important; } #currencySelectorBox ul { margin:0; padding:0; } #currencySelectorBox ul li { margin: 0; padding: 2px 5px; list-style-type: none; display: block; text-align: center; text-transform: none; } #currencySelectorBox ul li:hover{ background:#ddd; cursor: pointer; } /* Currency Selector */ #footerCurrencySelector { display:block; cursor:pointer; margin-top:15px; } #footerCurrencySelectorBox { display: none; background: white; -webkit-box-shadow: 0px 0px 2px 2px #ccc; box-shadow: 0px 0px 2px 2px #ccc; z-index: 9999; width: 120px; margin:4px auto; } #footerCurrencySelectorBox ul { margin:0; padding:0; } #footerCurrencySelectorBox ul li { margin: 0; padding: 0; list-style-type: none; width: 120px; display: block; text-align: center; line-height: 20px; } #footerCurrencySelectorBox ul li:hover{ background:#ddd; cursor: pointer; } #country_selector { position: fixed; width: 20%; height: 25%; margin: -12.5% auto auto -10%; top: 50%; left: 50%; background: #fff; text-align: center; color: #333; font-family:'Karla', Arial, Helvetica, sans-serif; border: 1px solid #ddd; -webkit-box-shadow: 2px 0px 10px 3px #ccc; box-shadow: 2px 0px 10px 3px #ccc; padding: 10px; z-index: 9999; } #country_selector div.title { font-size:23px; margin-bottom:14px; } #country_selector div.detected, #country_selector div.rather { font-size:14px; margin-bottom:14px; } #country_selector div.rather button#button-popup-country-select { width: 200px; padding: 0px 10px 0px 10px; margin:5px auto; } #country_bar { /* display: none; */ background: #666; z-index: 9999; width: 100%; height: 45px; text-align: center; color: #fff; padding-top: 8px; } #country_bar #footerCurrencySelector { display:inline; cursor:pointer; margin-top:15px; } #country_bar #footerCurrencySelectorBox { display: none; background: white; -webkit-box-shadow: 0px 0px 2px 2px #ccc; box-shadow: 0px 0px 2px 2px #ccc; z-index: 9999; width: 120px; margin:4px auto; } ul.country_bar_selection { margin:0; padding:0; display:inline-flex; } ul.country_bar_selection li { float:left; color:#fff; list-style-type:none; } ul.country_bar_selection li:hover{ background:#333; cursor: pointer; } #closeCountryBar { cursor:pointer; } #currencySelector:hover{ } @media only screen and (min-width: 587px) and (max-width: 780px){ #menu > ul > li > div > ul{ width:100%; min-width:250px; display:inline-block; margin-left:0; padding-left:0; margin-bottom:10px; } } .delivery_banner_mini{ display:none; } .padding.delivery .delivery_banner_max{ display:none; } .padding.delivery .delivery_banner_mini{ display:block; } @media only screen and (max-width: 560px){ .delivery_banner_mini{ display:block; } .delivery_banner_max{ display:none; } } #results-sort{ width:135px; } .lc_holder_bull{ line-height: 18px; display: inline; color: #34ab55; font-size: 14px; } #checkout_feedback{ width:50%; margin-top:5px; } #checkout_feedback h2{ margin-bottom:2px; } #checkout_feedback .subtitle{ margin-bottom:10px; } #checkout_feedback textarea{ border:1px solid #666; width:100%; max-width:100%; height:100px; margin-bottom:10px; box-sizing: border-box; max-width:435px; font-family: 'Poppins', Arial, Helvetica, sans-serif; color:#666; } #checkout_feedback .la-button{ max-width: 435px; } @media only screen and (max-width:819px){ #checkout_feedback{ width:100%; } } #checkout_feedback_banner img{ width:100%; } #checkout_feedback_banner img.full{ display:none; } @media only screen and (min-width:569px){ #checkout_feedback_banner img.full{ display:block; } #checkout_feedback_banner img.mobile{ display:none; } } #checkout_marketing_banner{ margin:10px 0; width:100%; max-width:475px; } #checkout_marketing_banner img{ width:100%; } #bf_overlay{ position:absolute; left:0; top:0; width:100%; height:100%; background:white; background: rgba(255, 255, 255, 0.80); z-index:140; } .timer{ opacity: 0.05; } .lacheckout .address-row input[type='checkbox']{ width:24px; height:24px; float:none; cursor:pointer; } .carousel-arrow-left{ position: absolute; display: inline; height: 20px; top: 45%; left: -20px; cursor: pointer; opacity: 0.5; } .carousel-arrow-right{ position: absolute; display: inline; height: 20px; top: 45%; right: -20px; cursor: pointer; opacity: 0.5; } .carousel-arrow-left:hover, .carousel-arrow-right:hover{ opacity: 1; } .dot{ display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; filter: alpha(opacity=25); opacity: 0.25; cursor: pointer; } .slick-active .dot{ opacity: 0.75; } /** * Swiper 5.0.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 8, 2019 */ @font-face { font-family: 'swiper-icons'; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } @media only screen and (max-width: 699px) { .flickity-viewport { height: auto; } .swiper-slide { margin:0 5px; } #thumb_swiper .flickity-viewport .swiper-slide { height: auto; } } .swiper-slide { width: 90%; height: 90%; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } /* 3D Effects */ .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } :root { --swiper-navigation-size: 44px; /* --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: 'next'; } .swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white { --swiper-navigation-color: #ffffff; } .swiper-button-prev.swiper-button-black, .swiper-button-next.swiper-button-black { --swiper-navigation-color: #000000; } .swiper-button-lock { display: none; } :root { /* --swiper-pagination-color: var(--swiper-theme-color); */ } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white { --swiper-pagination-color: #ffffff; } .swiper-pagination-black { --swiper-pagination-color: #000000; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ :root { /* --swiper-preloader-color: var(--swiper-theme-color); */ } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; animation: swiper-preloader-spin 1s infinite linear; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container { --swiper-theme-color: #666; } .googlepay { background-color: white; background-image: url('data:image/svg+xml,%3Csvg%20width%3D%22102%22%20height%3D%2217%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M80.526%202.635v4.083h2.518c.6%200%201.096-.202%201.488-.605.403-.402.605-.882.605-1.437%200-.544-.202-1.018-.605-1.422-.392-.413-.888-.62-1.488-.62h-2.518zm0%205.52v4.736h-1.504V1.198h3.99c1.013%200%201.873.337%202.582%201.012.72.675%201.08%201.497%201.08%202.466%200%20.991-.36%201.819-1.08%202.482-.697.665-1.559.996-2.583.996h-2.485v.001zm7.668%202.287c0%20.392.166.718.499.98.332.26.722.391%201.168.391.633%200%201.196-.234%201.692-.701.497-.469.744-1.019.744-1.65-.469-.37-1.123-.555-1.962-.555-.61%200-1.12.148-1.528.442-.409.294-.613.657-.613%201.093m1.946-5.815c1.112%200%201.989.297%202.633.89.642.594.964%201.408.964%202.442v4.932h-1.439v-1.11h-.065c-.622.914-1.45%201.372-2.486%201.372-.882%200-1.621-.262-2.215-.784-.594-.523-.891-1.176-.891-1.96%200-.828.313-1.486.94-1.976s1.463-.735%202.51-.735c.892%200%201.629.163%202.206.49v-.344c0-.522-.207-.966-.621-1.33a2.132%202.132%200%200%200-1.455-.547c-.84%200-1.504.353-1.995%201.062l-1.324-.834c.73-1.045%201.81-1.568%203.238-1.568m11.853.262l-5.02%2011.53H95.42l1.864-4.034-3.302-7.496h1.635l2.387%205.749h.032l2.322-5.75z%22%20fill%3D%22%235F6368%22%2F%3E%3Cpath%20d%3D%22M74.448%207.134c0-.473-.04-.93-.116-1.366h-6.344v2.588h3.634a3.11%203.11%200%200%201-1.344%202.042v1.68h2.169c1.27-1.17%202.001-2.9%202.001-4.944%22%20fill%3D%22%234285F4%22%2F%3E%3Cpath%20d%3D%22M67.988%2013.7c1.816%200%203.344-.595%204.459-1.621l-2.169-1.681c-.603.406-1.38.643-2.29.643-1.754%200-3.244-1.182-3.776-2.774h-2.234v1.731a6.728%206.728%200%200%200%206.01%203.703%22%20fill%3D%22%2334A853%22%2F%3E%3Cpath%20d%3D%22M64.212%208.267a4.034%204.034%200%200%201%200-2.572V3.964h-2.234a6.678%206.678%200%200%200-.717%203.017c0%201.085.26%202.11.717%203.017l2.234-1.731z%22%20fill%3D%22%23FABB05%22%2F%3E%3Cpath%20d%3D%22M67.988%202.921c.992%200%201.88.34%202.58%201.008v.001l1.92-1.918c-1.165-1.084-2.685-1.75-4.5-1.75a6.728%206.728%200%200%200-6.01%203.702l2.234%201.731c.532-1.592%202.022-2.774%203.776-2.774%22%20fill%3D%22%23E94235%22%2F%3E%3Cpath%20d%3D%22M.148%202.976h3.766c.532%200%201.024.117%201.477.35.453.233.814.555%201.085.966.27.41.406.863.406%201.358%200%20.495-.124.924-.371%201.288s-.572.64-.973.826v.084c.504.177.912.471%201.225.882.313.41.469.891.469%201.442a2.6%202.6%200%200%201-.427%201.47c-.285.43-.667.763-1.148%201.001A3.5%203.5%200%200%201%204.082%2013H.148V2.976zm3.696%204.2c.448%200%20.81-.14%201.085-.42.275-.28.413-.602.413-.966s-.133-.684-.399-.959c-.266-.275-.614-.413-1.043-.413H1.716v2.758h2.128zm.238%204.368c.476%200%20.856-.15%201.141-.448.285-.299.427-.644.427-1.036%200-.401-.147-.749-.441-1.043-.294-.294-.688-.441-1.183-.441h-2.31v2.968h2.366zm5.379.903c-.453-.518-.679-1.239-.679-2.163V5.86h1.54v4.214c0%20.579.138%201.013.413%201.302.275.29.637.434%201.085.434.364%200%20.686-.096.966-.287.28-.191.495-.446.644-.763a2.37%202.37%200%200%200%20.224-1.022V5.86h1.54V13h-1.456v-.924h-.084c-.196.336-.5.611-.91.826-.41.215-.845.322-1.302.322-.868%200-1.528-.259-1.981-.777zm9.859.161L16.352%205.86h1.722l2.016%204.858h.056l1.96-4.858H23.8l-4.41%2010.164h-1.624l1.554-3.416zm8.266-6.748h1.666l1.442%205.11h.056l1.61-5.11h1.582l1.596%205.11h.056l1.442-5.11h1.638L36.392%2013h-1.624L33.13%207.876h-.042L31.464%2013h-1.596l-2.282-7.14zm12.379-1.337a1%201%200%200%201-.301-.735%201%201%200%200%201%20.301-.735%201%201%200%200%201%20.735-.301%201%201%200%200%201%20.735.301%201%201%200%200%201%20.301.735%201%201%200%200%201-.301.735%201%201%200%200%201-.735.301%201%201%200%200%201-.735-.301zM39.93%205.86h1.54V13h-1.54V5.86zm5.568%207.098a1.967%201.967%200%200%201-.686-.406c-.401-.401-.602-.947-.602-1.638V7.218h-1.246V5.86h1.246V3.844h1.54V5.86h1.736v1.358H45.75v3.36c0%20.383.075.653.224.812.14.187.383.28.728.28.159%200%20.299-.021.42-.063.121-.042.252-.11.392-.203v1.498c-.308.14-.681.21-1.12.21-.317%200-.616-.051-.896-.154zm3.678-9.982h1.54v2.73l-.07%201.092h.07c.205-.336.511-.614.917-.833.406-.22.842-.329%201.309-.329.868%200%201.53.254%201.988.763.457.509.686%201.202.686%202.079V13h-1.54V8.688c0-.541-.142-.947-.427-1.218-.285-.27-.656-.406-1.113-.406-.345%200-.656.098-.931.294a2.042%202.042%200%200%200-.651.777%202.297%202.297%200%200%200-.238%201.029V13h-1.54V2.976z%22%20fill%3D%22%233C4043%22%2F%3E%3Cpath%20d%3D%22M61%200h41.285v18H61z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); background-origin: content-box; background-position: center; background-repeat: no-repeat; background-size: contain; border: 0; border-radius: 4px; box-shadow: inset 0px 0px 0px 1px #dadce0; outline: 0; padding: 10px 8px; width: 100%; height: 40px; min-height: 40px; cursor:pointer; } .googlepay:focus { box-shadow: 0px 1px 3px 0px #6d6d6d, inset 0px 0px 0px 1px #a8abb3; } .googlepay:hover:enabled { background-color: #f7f7f7; } .googlepay:active:enabled { background-color: #e7e8e8; } .googlepay.no-shadow:focus { box-shadow: inset 0px 0px 0px 1px #a8abb3; } .googlepay:disabled::before { content: ""; width: 100%; height: 100%; display: block; background-color: rgba(255, 255, 255, 0.5); } .loady_spin { display: inline-block; width: 76px; height: 76px; } .loady_spin:after { content: " "; display: block; width: 60px; height: 60px; margin: 1px; border-radius: 50%; border: 8px solid #666; border-color: #666 transparent #666 transparent; animation: loady_spin 1.2s linear infinite; } @keyframes loady_spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #cart_loading_spinner{ position:fixed; top: calc(50% - 38px); left: calc(50% - 38px); } @supports (-webkit-appearance: -apple-pay-button) { .apple-pay-button-with-text { display: inline-block; -webkit-appearance: -apple-pay-button; -apple-pay-button-type: buy; } .apple-pay-button-with-text > * { display: none; } .apple-pay-button-white-with-text { -apple-pay-button-style: white; } .apple-pay-button-white-with-line-with-text { -apple-pay-button-style: white-outline; width:100%; height:40px; } } @supports not (-webkit-appearance: -apple-pay-button) { .apple-pay-button-with-text { --apple-pay-scale: 1; /* (height / 32) */ display: inline-flex; justify-content: center; font-size: 12px; border-radius: 5px; padding: 0px; box-sizing: border-box; min-width: 200px; min-height: 40px; max-height: 64px; width:100%; } .apple-pay-button-white-with-text { background-color: white; color: black; } .apple-pay-button-white-with-line-with-text { background-color: white; color: black; border: .5px solid black; } .apple-pay-button-with-text.apple-pay-button-white-with-line-with-text > .logo { background-image: -webkit-named-image(apple-pay-logo-black); background-color: white; } .apple-pay-button-with-text > .text { font-family: -apple-system; font-size: calc(1em * var(--apple-pay-scale)); font-weight: 300; align-self: center; margin-right: calc(2px * var(--apple-pay-scale)); } .apple-pay-button-with-text > .logo { width: calc(35px * var(--scale)); height: 100%; background-size: 100% 60%; background-repeat: no-repeat; background-position: 0 50%; margin-left: calc(2px * var(--apple-pay-scale)); border: none; } } .back_to_small{ display:none; } @media only screen and (max-width: 500px) { .buttons.cart_buttons .left { display:none; } .buttons.cart_buttons .right.with_paypal{ width:100%; } .back_to_small{ width:100%; text-align:center; padding:5px 0 10px; text-decoration: underline; display:block; } } #localisation, .menu_localisation{ background:#f2f2f2; } .static_notification { position:fixed; width:100%; left:0; z-index:999999; background:rgba(0, 0, 0, 0.75); box-sizing: border-box; padding:20px; font-size:16px; } .static_notification.bottom { bottom:0px; } .static_notification.top { top: 0px; } .static_notification.inline { position:static; background:#f2f2f2; color:#666; border-bottom:1px solid #999; } .static_notification.inline a{ color:#666; } .static_notification.inline_black { position:static; border-bottom:1px solid #999; } .static_notification a{ color:#fff; } .static_notification .notification_text{ width:100%; color:#fff; box-sizing: border-box; text-align: center; max-width:960px; margin:0 auto; } .static_notification.inline .notification_text, .static_notification.inline a.close{ color:#666; } .static_notification a.close{ position:absolute; right:5px; top:5px; display:block; color:#fff; font-size:16px; line-height:16px; } .static_notification p{ margin-bottom:10px; } .static_notification .la-button{ width:48%; display:inline-block; box-sizing:border-box; font-family:'Karla', Arial, Helvetica, sans-serif; font-size:16px; } .static_notification .notification_text .left{ float:left; width:50%; } .static_notification .la-button:first-child{ float:left; } .static_notification .la-button:last-child{ float:right; } .clear_after_this:before, .clear_after_this:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clear_after_this:after { clear: both; } .clear_after_this { zoom: 1; } .static_notification.cookies{ font-size:12px; text-align:left; padding:10px; } .static_notification.cookies .notification_text{ text-align: left; } .static_notification.cookies p{ margin-bottom:10px; } #currencySelector{ text-transform: none; } #localisation, .menu_localisation { background:#f2f2f2; } #localisation .span_1_of_1, .menu_localisation .span_1_of_1 { width:100%; padding:10px; box-sizing:border-box; max-width:575px; margin:0 auto; } #localisation label, .menu_localisation label{ width:100%; display:block; font-family:'Karla', Arial, Helvetica, sans-serif; font-size:18px; margin-bottom:10px; text-align: left; } #localisation select, .menu_localisation select{ width:100%; display:block; margin-bottom:10px; border:1px solid #666; font-size:16px; padding:8px 5px; } #localisation .la-button, .menu_localisation .la-button{ font-size: 14px; margin:10px 0 2px; font-weight:normal; } .country_delivery_micro_info { font-weight:normal !important; } #localisation ul, .menu_localisation ul{ list-style-type: none; padding:0; } #localisation .subheader_l2, .menu_localisation .subheader_l2{ text-align:center; } #localisation ul li, .menu_localisation ul li{ margin:0; font-size: 15px; padding: 4px 10px; text-align: left; background:#fff; text-align: center; } #localisation #card_container, #localisation .card_container, .menu_localisation .card_container{ text-align: center; } @media only screen and (min-width: 586px) { #localisation{ position:absolute; z-index:999999; border:1px solid #666; border-top:0; right:0; top:24px; max-width:300px; margin-top: 0px !important; } } #delivery_country_selector{ margin:15px 0; } #delivery_country_selector select{ width:100%; max-width:500px; font-size:20px; color:#666; border:1px solid #666; padding:6px 5px; } .grey_block{ width:100%; padding:20px; box-sizing:border-box; background:#f2f2f2; margin-bottom:15px; } .marketing_pref label{ font-size:16px; line-height:28px; } .marketing_pref label span { font-weight:600; } .marketing_pref input[type=checkbox]{ height:20px; width:20px; margin-right:10px; vertical-align: top; } .marketing_pref .text{ margin-top:3px; } .marketing_pref .row{ margin-bottom:20px; } .marketing_pref .row:last-child{ margin-bottom:0; } #loyalty_register_guest a{ text-decoration: underline; } #loyalty_register_guest .label_description, #loyalty_register_guest .label_description a{ font-style:italic; font-size:10px; } #checkout-guest-container a{ text-decoration: underline; } #thumb_swiper{ width:100%; } #thumb_swiper img{ width:100%; } #thumb_swiper .thumb { /*width:100%;*/ } .store_locator .shop_type .shop_title{ font-family:'Karla', Arial, Helvetica, sans-serif; font-size:18px; } .store_locator .shop_content{ padding: 15px 0; } .store_locator .shop_content .heading{ text-align: center; display:block; width:100%; font-family:'Karla', Arial, Helvetica, sans-serif; font-size:18px; margin:10px 0 10px; } .store_locator .shop_content .heading h4{ margin:0;padding:0; font-weight: normal; } .store_locator .shop_content .open_times{ background:#f2f2f2; padding:5px; margin-bottom:10px; font-family:'Karla', Arial, Helvetica, sans-serif; font-size:15px; } .store_locator .shop_content .open_times .row{ line-height:25px; } .store_locator .shop_content .open_times .row .day{ display:inline-block; width:50%; padding-right:10px; box-sizing: border-box; } .store_locator .shop_content .open_times .row .hours{ display:inline-block; width:50%; padding-right:10px; text-align: right; box-sizing: border-box; } .store_locator .shop_type .shop_title h3{ margin:0; padding:0; font-weight: normal; } @media only screen and (max-width: 586px) { .store_locator p{ margin-bottom: 10px; text-align: center; } .store_locator h1{ text-align: center; margin-bottom:5px; } .store_locator .span_1_of_1 img{ width:100%; } .store_locator .shop_type .shop_content, .store_locator .shop_type .shop_image { display:none; } .store_locator .shop_type .shop_title{ border-top:1px solid #666; padding: 10px 35px 10px 0; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMC8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvVFIvMjAwMS9SRUMtU1ZHLTIwMDEwOTA0L0RURC9zdmcxMC5kdGQnPjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBvbHlsaW5lIGZpbGw9Im5vbmUiIHBvaW50cz0iMjEsOC41IDEyLDE3LjUgMyw4LjUgIiBzdHJva2U9IiM2NjY2NjYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxIi8+PC9zdmc+) no-repeat center right; background-size: 35px 35px; cursor:pointer; } .store_locator .shop_type .shop_title h3{ font-size:22px; } .store_locator .shop_type .shop_title.open{ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiCiAgIGlkPSJMYXllcl8xIgogICB2ZXJzaW9uPSIxLjAiCiAgIHZpZXdCb3g9IjAgMCAyNCAyNCIKICAgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIKICAgc29kaXBvZGk6ZG9jbmFtZT0iYXJyb3dfcmlnaHRfZXhwYW5kX2ljb25fMTI4LnN2ZyIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45Mi4yICg1YzNlODBkLCAyMDE3LTA4LTA2KSI+PG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhOSI+PHJkZjpSREY+PGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPjxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PjxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz48ZGM6dGl0bGU+PC9kYzp0aXRsZT48L2NjOldvcms+PC9yZGY6UkRGPjwvbWV0YWRhdGE+PGRlZnMKICAgICBpZD0iZGVmczciIC8+PHNvZGlwb2RpOm5hbWVkdmlldwogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMjgiCiAgICAgaWQ9Im5hbWVkdmlldzUiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGlua3NjYXBlOnpvb209IjEzLjkwNjQzMyIKICAgICBpbmtzY2FwZTpjeD0iMjMuODkxNTAzIgogICAgIGlua3NjYXBlOmN5PSIzLjk5NjU0NzMiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9IkxheWVyXzEiIC8+PHBvbHlsaW5lCiAgICAgcG9pbnRzPSIyMSw4LjUgMTIsMTcuNSAzLDguNSAiCiAgICAgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIgogICAgIGlkPSJwb2x5bGluZTIiCiAgICAgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzY2NjY2NjtzdHJva2Utd2lkdGg6MTtzdHJva2UtbWl0ZXJsaW1pdDoxMCIKICAgICB0cmFuc2Zvcm09InJvdGF0ZSgtOTAsMTIsMTMpIiAvPjwvc3ZnPg==) no-repeat center right; background-size: 35px 35px; } .store_locator .shop_type .stores .span_1_of_2:last-child{ border-bottom:1px solid #666; } .store_locator .shop_type .stores{ margin-bottom:15px; } .store_locator .span_1_of_2.col{ margin:0; } .store_locator .opening_times_button{ display:none; } } @media only screen and (min-width: 587px) { .store_locator .shop_type .stores{ border-bottom:2px solid #666; padding-bottom:5px; margin-bottom:15px; } .store_locator .shop_type .stores:last-child{ border:0; } .store_locator .pop_out_content{ display:none; margin-top:15px; } .store_locator .span_1_of_2:nth-child(2n+1){ margin-left:0; clear:both; } .store_locator .shop_type .shop_title{ width:100%; text-align: center; font-size:22px; margin-bottom:10px; } .store_locator .shop_type .shop_title h3{ font-size:22px; } .store_locator .shop_type .shop_type_image { display:none; } .store_locator .shop_type img.shop_image{ width:100%; margin-bottom:5px; } .store_locator .shop_type .la-button{ max-width:280px; font-family:'Karla', Arial, Helvetica, sans-serif; font-size:18px; margin:0 auto; } .store_locator .shop_type .shop_content{ margin-bottom:20px; } } .v_icon::after { display:inline-block; content:""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #666; position:absolute; top:5px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .v_icon { -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; /* background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiICAgaWQ9IkxheWVyXzEiICAgdmVyc2lvbj0iMS4wIiAgIHZpZXdCb3g9IjAgMCAxOS40MTQyMDkgMTkuNDE0MjEiICAgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkxIHIxMzcyNSIgICBzb2RpcG9kaTpkb2NuYW1lPSJkb3duX2Fycm93LnN2ZyIgICB3aWR0aD0iMTkuNDE0MjA5IiAgIGhlaWdodD0iMTkuNDE0MjA5Ij48bWV0YWRhdGEgICAgIGlkPSJtZXRhZGF0YTMzOTAiPjxyZGY6UkRGPjxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPjxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PjxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjxkYzp0aXRsZT48L2RjOnRpdGxlPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcyAgICAgaWQ9ImRlZnMzMzg4IiAvPjxzb2RpcG9kaTpuYW1lZHZpZXcgICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIgICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IiAgICAgYm9yZGVyb3BhY2l0eT0iMSIgICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiICAgICBncmlkdG9sZXJhbmNlPSIxMCIgICAgIGd1aWRldG9sZXJhbmNlPSIxMCIgICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTY3NyIgICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMDkiICAgICBpZD0ibmFtZWR2aWV3MzM4NiIgICAgIHNob3dncmlkPSJmYWxzZSIgICAgIGZpdC1tYXJnaW4tdG9wPSIwIiAgICAgZml0LW1hcmdpbi1sZWZ0PSIwIiAgICAgZml0LW1hcmdpbi1yaWdodD0iMCIgICAgIGZpdC1tYXJnaW4tYm90dG9tPSIwIiAgICAgaW5rc2NhcGU6em9vbT0iMzIuODc1IiAgICAgaW5rc2NhcGU6Y3g9IjUuNDk2NTE5OCIgICAgIGlua3NjYXBlOmN5PSIxMS41NjIyNjciICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMjE0MCIgICAgIGlua3NjYXBlOndpbmRvdy15PSIzMCIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJMYXllcl8xIiAvPjxwb2x5bGluZSAgICAgcG9pbnRzPSIyMSw4LjUgMTIsMTcuNSAzLDguNSAiICAgICBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiICAgICBpZD0icG9seWxpbmUzMzg0IiAgICAgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzY2NjY2NjtzdHJva2Utd2lkdGg6MjtzdHJva2UtbWl0ZXJsaW1pdDoxMCIgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yLjI5Mjg5NTMsLTMuNjQ2NDQ4NykiIC8+PC9zdmc+); */ width:20px; height:20px; display:inline-block; background-repeat:no-repeat; background-position:center center; vertical-align: middle; float:right; } .v_icon.open { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .open .v_icon::after { left:3px; } #header2018, #header2018 *{ box-sizing: border-box; } #header2018 { padding:10px 0 0; position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 20; padding: 10px 0 7px; transition: top 0.2s ease-in-out; -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3); box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3); } #header2018.no-shadow { box-shadow: none !important; } #header2018.nav-up { top: -57px; box-shadow: none; } #header2018.nav-search-up { top: -100px; } #header2018.shadow { -webkit-box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.3); box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.3); } #header2018 .column{ display:inline-block; vertical-align: top; } #header2018 .header_logo{ width:calc(100% - 148px); text-align: center; } #header2018 .header_buttons .icon{ display:inline-block; width:22px; height:22px; text-align: center; padding:0px; cursor:pointer; margin:3px 0 0 15px; vertical-align: middle; } #header2018 .header_buttons .icon.menu_button_2018_container{ margin-top:6px; } #header2018 .header_buttons .icon.search_icon{ margin-left:10px; } #header2018 .header_buttons .icon.wishlist_icon{ margin: 3px -8px -1px 8px; width: 24px; height: 24px; } #header2018 .wishlist { position: relative; } #header2018 .wishlist.wishlist-dot:before { position: absolute; content: ' '; height: 7px; width: 7px; background: #ff728c; top: -2px; border-radius: 50%; right: -9px; border: 2px solid #fff; } #header2018 .header_buttons .icon img{ width:100%; } #header2018 .header_buttons .icon.cart_icon { background: url(../image/header/bag_icon_empty.svg) no-repeat center center; background-size:22px 22px; vertical-align: top; color:white; padding:7px 0 0; font-size:10px; text-align: center; } #header2018 .header_buttons .icon.cart_icon.full { background-image: url(../image/header/bag_icon.svg); } #header2018 .header_logo img{ width: 95%; max-width: 158px; display: block; margin: 0 auto; padding-left: 10px; } #header2018 .header_search_container{ display:block; display:none; } #header2018 .header_search_container input{ width:calc(100% - 40px); border:0px; height:auto; margin:0; padding:10px; color:#666; display:inline-block; vertical-align: top; font-size:13px; } #header2018 .header_search_container .icon{ padding:0px; height:30px; position: absolute; right: 12px; top: 2px; } #header2018 .close_search_button{ display:none; } #header2018 .contact_header, #header2018 #currencySelector{ display:none; } #header2018 #cart{ display:inline-block; vertical-align: top; position:relative; } #header2018 #cart.cart_2018 .content{ display:none; position: absolute; top:32px; right:0px; width: 290px; border: 1px solid #f9f9f9; border-top:0; background: #f9f9f9; padding:10px; z-index:203; } .header2018 .nav_extra{ background:white; border-bottom:1px solid #666; padding:10px; font-family:'Karla', Arial, Helvetica, sans-serif; font-size:13px; line-height:22px; } .header2018 .nav_extra a{ font-size:13px;line-height:22px; } .header2018 #side-ul li a{ box-sizing: border-box; width:100%; text-align:left; font-family:'Karla', Arial, Helvetica, sans-serif; margin:0; padding:10px; } .menu_localisation{ display:none; } #header2018 .icon.account_icon{ position:relative; } #header2018 .icon.account_icon #account_links{ position:absolute; box-sizing: border-box; right:-60px; top:19px; font-family:'Karla', Arial, Helvetica, sans-serif; font-size:16px; text-align: center; z-index:155; width:175px; display:none; } #header2018 .icon.account_icon #account_links .content{ background:#f9f9f9; padding:15px; margin-top:3px; } #header2018 .icon.account_icon:hover #account_links{ display:block; } #header2018 .icon.account_icon #account_links a.la-button{ font-family:'Karla', Arial, Helvetica, sans-serif; font-size:16px; margin-top:10px; } #header2018 .icon.account_icon #account_links a.la-button.secondary{ line-height:38px; } @media only screen and (max-width: 586px) { #header2018 .header_search_container{ position:absolute; top:57px; left:0px; width:100%; background:white; border-top:1px solid #666; border-bottom:1px solid #666; vertical-align: middle; -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3); box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3); } #header2018 .icon.account_icon{ display:none; } } @media only screen and (min-width: 587px) { body { padding-top: 0 !important; } #header2018 { padding:7px 0 10px; position: relative; box-shadow: none; z-index: unset; } #header2018 .header_logo img{ max-width:220px; margin: 0 auto; } #header2018 .header_buttons .icon.menu_button_2018_container{ display:none; } #header2018 .column.header_logo{ width:40%; text-align: center; padding-top:5px; } #header2018 .column{ width:30%; } #header2018 .column.right{ text-align: right; } #header2018 .header_search_container{ display:inline-block; width:calc(100% - 140px); vertical-align: top; padding:0px 0px; margin-top:3px; } #header2018 .header_search_container input{ width:100%; border:1px solid #666; height:24px; } #header2018 .header_search_container .icon{ display:none; position: initial; } #header2018 .contact_header, #header2018 #currencySelector{ display:block; font-family:'Karla', Arial, Helvetica, sans-serif; font-size:13px; line-height:20px; } #header2018 #currencySelector{ margin-top:20px; height:18px; line-height:18px; } #header2018 .contact_header a{ font-size:13px; line-height:20px; } #header2018 #lc-holder{ height:18px; margin-top:8px; } #header2018 .contact_header{ position:relative; } #header2018 #localisation{ right: 0; top: 72px; background:#f9f9f9; border-color:#f9f9f9; } #header2018 #cart.active .content { display: block; } #header2018 .header_buttons .icon{ width:19px; height:19px; margin: 5px 0 0 15px; } #header2018 .header_buttons .icon.cart_icon { background-size: 19px 19px; vertical-align: top; color:white; padding:5px 0 0; font-size:10px; text-align: center; } } #menu.header2018{ border:0; background:#f9f9f9; } #menu.header2018 > ul > li > a{ text-transform: capitalize; } #side-menu.header2018 #close-mobile-menu.la-button{ width:80%; margin:15px auto; font-family:'Karla', Arial, Helvetica, sans-serif; } #side-ul li:last-child{ border-bottom:1px solid #666; } #side-ul li a{ text-transform: capitalize; } #menu.header2018 > ul > li > div, #menu.header2018 > ul > li:hover > a{ background:#f9f9f9; border:1px solid #f9f9f9; border-top:0; } #menu.header2018 > ul > li:hover > a{ border-bottom: 2px solid #9e9e9e; } #menu.header2018 > ul > li > div > ul > li:hover > a{ text-decoration: underline; text-underline-position: under } #menu.header2018 > ul > li:hover > a{ background:#f9f9f9; border-left:1px solid #f9f9f9; border-right:1px solid #f9f9f9; } #christmas_catalogue_success{ background:#fbf4ef; padding:20px } #christmas_catalogue_success p a, #christmas_catalogue_success p{ font-size:20px; font-weight:normal; text-align:center; font-family:'Karla', Arial, Helvetica, sans-serif; line-height:34px; margin-botton:20px; } #christmas_catalogue_success p:first-child{ font-size:34px; } @media only screen and (min-width:587px){ #christmas_catalogue_success p,#christmas_catalogue_success p a{ font-size:25px; } } .gift_options_wrapper{ width:100%; padding:0 5px; float:left; box-sizing:border-box; } .gift_options_wrapper .gift_options h2{ text-align:left; } .gift_options_wrapper .gift_options_open_close{ float:left; background:#e5d1dc; border:1px solid #666; font-size:18px; font-family:'Karla', Arial, Helvetica, sans-serif; padding:8px 10px 8px 35px; background-image:url('../image/gift-options-button.svg'); background-size:18px; background-repeat:no-repeat; background-position:left 8px center; } .gift_options_open_close .v_icon{ -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); width:15px; height:15px; margin-left:5px; margin-top:3px; } .gift_options_wrapper.open .gift_options_open_close .v_icon{ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } #checkout-grid .cart-row .gift_options_wrapper a.gift_options_open_close { font-size:18px; height:41px; box-sizing:border-box; } .gift_options_wrapper .gift_options_condensed{ float:left; background:#f9f9f9; padding:10px; width:100%; box-sizing: border-box; } .gift_options_wrapper .gift_options_condensed .condensed_block{ display:none; } .gift_options_wrapper .gift_options_condensed .condensed_block.show{ display:block; } .gift_options_wrapper .gift_options_condensed .gift_message_list li{ display:none; } .gift_options_wrapper .gift_options_condensed .gift_message_list li.show{ display:list-item; } .gift_options_wrapper .gift_options_condensed .gift_packaging_list{ width:100%; float:left; } .gift_options_wrapper .gift_options_condensed .gift_packaging_list .left{ float:left; width:calc(100% - 150px); } .gift_options_wrapper .gift_options_condensed .gift_packaging_list .right{ float:left; width:150px; text-align:right; padding-top:22px; } .gift_options_wrapper .gift_options_condensed .gift_packaging_list .gift_wrap_micro{ width:50px; float:left; margin:5px 10px 5px 0; } .gift_options_wrapper .gift_options_condensed .gift_packaging_list .gift_wrap_micro img{ width:100%; float:left; } .gift_options_wrapper .gift_options_condensed{ display:none; } .gift_options_wrapper .gift_options_form{ display:none; background:#f9f9f9; float:left; width:100%; } .gift_options_wrapper.open .gift_options_form{ display:block; } .gift_options_wrapper.condensed .gift_options_condensed{ display:block; } .gift_options_wrapper .gift_options_condensed .edit_gift_options{ display:block; margin-top:5px; text-decoration: underline; float:left; } .gift_options{ width:100%; float:left; padding:5px; box-sizing: border-box; } .gift_options:nth-child(2){ border-top:1px solid #d8d8d8; margin-top:5px; padding-top:10px; } .gift_options textarea{ font-family: 'Poppins'; font-size:14px; padding:2px 5px; margin: 0 0 5px; display:block; } .gift_wrap_container { width:100%; float:left; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; margin:10px 0; padding:5px 0; } .gift_wrap_container .gift_wrap_select{ cursor:pointer; padding:2px 5px; display: table-cell; margin: 0; vertical-align: middle; } .gift_wrap_container .gift_wrap_select .pad{ } .gift_wrap_container .gift_wrap_select img { float:left; width:125px; height:125px; } .gift_wrap_container .gift_wrap_select.selected{ padding:0px 3px; } .gift_wrap_container .gift_wrap_select.selected img{ border:2px solid #666; margin-bottom:0px; } .gift_wrap_container .gift_wrap_select .product-price{ width: 100%; border: 0; height: auto; font-size: 22px; text-align:center; } .gift_options textarea{ width:100%; box-sizing:border-box; height:100px; max-width:450px; } .gift_container.show.saved .gift_wrap_container .gift_wrap_select { display:none; } .gift_container.show.saved .gift_wrap_container .gift_wrap_select.selected{ display:table-cell; float:left; } .gift_container.show.saved .gift_wrap_select .product-price{ font-size:16px; } .gift_container.show.saved .gift_wrap_container .gift_wrap_select.selected img{ border:0; width:50px; height:50px; } .gift_container.show.saved .gift_wrap_container { max-width:375px; } .gift_container.show.saved .save_gift_wrap { display:none; } .gift_wrap .gift_container .edit{ display:none; } .gift_wrap .gift_container.show.saved .edit{ display:block; text-decoration: underline; float:right; margin-right:10px; margin-top:25px; } #checkout-grid .cart-row .gift_options .la-button, #checkout-grid .cart-row .save_gift_options.la-button{ max-width:450px; margin:10px 0 10px; font-size:16px; float:left; } #checkout-grid .cart-row .save_gift_options.la-button { margin-left:5px; } .gift_container{ clear:right; display:none; width:100%; float:left; } .gift_container.show{ display:block; } .add_gift_option.hide{ display:none; } .add_gift_option{ line-height:24px; } .add_gift_option .add{ float:left; margin-right:5px; border:1px solid #666; width:24px; height:24px; text-align: center; line-height:24px; font-size:18px; } .gift_error{ display:none; float:left; color:red; width:100%; clear:right; margin:5px 0 5px; } .gift_error.show{ display:block; } .gift_container .message_display{ display:none; } .gift_container.display .message_display{ display:block; } .gift_message .gift_container .gift_title .delete{ display:none; } .gift_container.display .gift_title .delete{ display:block; } .gift_container.display .message_input{ display:none; } .gift_container .message_display{ padding:10px; box-sizing: border-box; float:left; width:100%; max-width:375px; } .gift_container .message_display .text{ float:left; width:90%; } .gift_container .message_display .edit{ float:right; text-align:right; text-decoration: underline; } .gift_title{ text-transform: capitalize; width:100%; max-width:375px; } .gift_container .gift_title .delete{ float:right; margin-right:10px; } .add_gift_option { float:left; width:100%; } .checkout_gift_options{ width:100%; float:left; padding:0 10px; box-sizing: border-box; } .checkout_gift_options ol, .checkout_gift_options ul{ margin:5px 0; } .reference_group_forms{ display:none; } /* Modern content loader */ div.content_loading { position: relative; pointer-events: none; user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; } div.content_loading:before, div.content_loading:after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; top: 0; z-index: 2; pointer-events: none; } div.content_loading:before { width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); } div.content_loading:after { margin: auto; width: 32px; height: 32px; border: 4px solid #666; border-left-color: transparent; border-top-color: transparent; border-radius: 50%; -webkit-animation: spin 600ms infinite linear; animation: spin 600ms infinite linear; } @-webkit-keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } /* -Modern content loader */ .icon-button { pointer-events: none; } .icon-button .icon { vertical-align: middle; } .icon-button.wishlist-button .icon { transform: translateY(1px); } .icon-button .icon-wrapper { border: none; background: rgba(242, 242, 242, 0.9); border-radius: 50%; padding: 5px; position: relative; z-index: -1; pointer-events: all; -webkit-clip-path: circle(50% at 50% 50%); clip-path: circle(50% at 50% 50%); } .icon-button button { background: none; border: none; padding: 8px; pointer-events: all; } .icon-button .icon-wrapper::after { z-index: -1; content: ''; position: absolute; border-radius: 50%; height: 0%; width: 0%; top: 0; left: 0; background: #f2f2f2; box-shadow: inset 0 0 0 20px #ff728c; transform: translate(17px, 17px); transition: height .3s, width .3s, transform .3s, box-shadow .3s .15s; } .icon-button:not(.with-animation), .icon-button:not(.with-animation) .icon-wrapper::after, .icon-button:not(.with-animation) .heart-fill { transition: none !important; } .icon-button button[aria-checked="true"] .icon-wrapper::after { box-shadow: inset 0 0 0 0 #ff728c; height: 100%; width: 100%; transform: translate(0%, 0%); } .icon-button button[aria-label] .icon-wrapper::after { box-shadow: inset 0 0 0 0 #ff728c; height: 100%; width: 100%; transform: translate(0%, 0%); } .icon-button .heart-fill { transition: .5s all; fill: #f2f2f2; transition-timing-function: cubic-bezier(0, 0.65, 0.58, 1); } .icon-button button[aria-checked="true"] .heart-fill { fill: #666; opacity: 1; } #product-photo .icon-button { position: absolute; bottom: 3px; right: 5%; z-index: 5; } .product_block_container .icon-button.wishlist-button, .bf_product_block_container .icon-button.wishlist-button, #content.wishlist .icon-button.wishlist-button { position: absolute; bottom: 0; right: 0; z-index: 5; } .icon-button button { cursor: pointer; } #product-photo .photo-wrapper { position: relative; } @media only screen and (max-width: 586px) { .mobile-show { display:block; } .mobile-hide { display:none; } } @media only screen and (min-width: 587px) { .mobile-hide { display:block; } .mobile-show { display:none; } .preorder-banner { background: #d7c57c; padding: 1em; text-align: center; margin: 3em 0; } .preorder-banner .preorder-message { font-size: 1.2em; } .preorder-banner p { margin: 0 0 1em !important; } .preorder-banner p:last-of-type { margin: 0 !important; } #product-info .preorder-banner { margin-bottom: 1em; } } @media only screen and (min-width: 700px) { #product-photo .icon-button { top: -60px; bottom: auto !important; right: 0 !important; } } .lightbox { box-sizing: border-box; } .lightbox.wrapper { z-index: 999; position: fixed; display:flex; align-items:center; justify-content:center; top: 0; left: 0; height: 100%; width: 100%; overflow-y: auto; background: rgba(0,0,0,.4); padding: 15px; } .lightbox.close { position: absolute; top: 0; right: 1px; cursor: pointer; padding: .5em; margin: 0; background: none; border: none; z-index: 9999; } .lightbox.content { padding: 20px 40px 30px; } .lightbox.content h3 { margin-bottom:22px; } .lightbox.content-wrapper { background: #fff; overflow-y: auto; position: relative; height: auto; max-height: 100%; } .lightbox.buttons { display: flex; } .lightbox.buttons > button { margin-right: 15px; display: inline-block; flex-grow: 1; height:auto; line-height:normal; padding:6px 32px; font-size:14px; } .lightbox.buttons > button:last-of-type { margin-right: 0; } .lightbox.box { max-width: 400px; width:100%; position: relative; margin: auto; background: #fff; } .lightbox.floating .box { position: relative; margin: auto; background: #fff; } .lightbox.floating .content-wrapper { position: relative; overflow-y: auto; height: auto; max-height: 100%; } @media only screen and (max-width: 400px) { .lightbox.content { padding:20px 20px 30px; } .lightbox.buttons > button { padding:6px 15px; } } .notification { padding: 1em; font-style: italic; font-size: 14px; font-weight: 600; display: flex; align-items: center; margin: 1em 0; } .notification.badge { display: inline-block; font-size: inherit; font-style: normal; font-weight: inherit; padding: 2px 0.5em; } .notification .icon { font-size: 0; margin-right: .5rem; fill: #666; } .notification.info { background: #cfe8e8; } .notification.warn { background: #ffabab; } .lacheckout .checkout-section p a, .notification .message a{ font-size:14px; } .checkbox { --border-width: 2px; display: flex; align-items: center; justify-content: center; } .checkbox > .label { margin-bottom: .1em; } .checkbox > input { width: 1em; height: 1em; display: inline-block; font-size: inherit; margin: var(--border-width) calc(.5em + var(--border-width)) var(--border-width) var(--border-width); position: relative; } .checkbox > input::before, .checkbox > input::after { content: ''; position: absolute; cursor: pointer; } .checkbox > input::before { background-color: #fff; border: var(--border-width) solid #666; top: calc(var(--border-width) * -1); left: calc(var(--border-width) * -1); width: 1em; height: 1em; } .checkbox > input::after { width: .33em; height: .66em; top: 0; left: .3em; border-right: var(--border-width) solid #666; border-bottom: var(--border-width) solid #666; transform: rotate(45deg); opacity: 0; transition: opacity .1s; } .checkbox > input:checked::after { opacity: 1; } .checkbox > input:focus::before { outline-width: 2px; outline-style: solid; outline-color: Highlight; } /* WebKit gets its native focus styles. */ @media (-webkit-min-device-pixel-ratio:0) { .checkbox > input:focus::before { outline-color: -webkit-focus-ring-color; outline-style: auto; } } .category-products.black-friday { display: flex; padding: 0; border: none; justify-content: space-between; width: 100%; flex-wrap: wrap; } .category-products.black-friday .span_1_of_many { float: none; margin: 0 0 2em 0; width: auto; flex-basis: 24%; } @media only screen and (max-width: 768px) { .category-products.black-friday .span_1_of_many { flex-basis: 48%; } } #black-friday-last-remaining { box-sizing: border-box; padding: 2em 2em 0 2em; /* background-color: #faf9f5; border: 4px solid #e1bcb3; */ background-color: #fff; border: 2px solid #254349; margin: 2em 0; } #black-friday-last-remaining h2 { text-align: center; color: #000000; margin-bottom: 2em; } /* Updated wishlist */ @media only screen and (min-width: 880px){ .wishlist .category-products .span_1_of_many { width: 24.25%; margin-left: 1%; } } /* ----- Updated wishlist */ /* Product page video */ .video_wrapper { position:absolute; z-index:6; top:0; right:50px; width:calc(100% - 175px); background:#f2f2f2; display:none; } .video_wrapper video { width:100%; height:100%; } .video_trigger { /* margin-top: 15px; clear:both; */ position:relative; } .photo-wrapper .video_trigger { height:auto !important; overflow:hidden; } .photo-wrapper .video_trigger img { -webkit-filter: blur(2px); filter: blur(2px); } .video_trigger_overlay { position:absolute; z-index:2; top:0; width:100%; padding-top:100%; background-color:#333333aa; background-image:url('/catalogue/2016-christmas/style/icon/player-play.png'); background-repeat:no-repeat; background-position:center; } .video_trigger_overlay::after { position:absolute; top:calc(50% - 20px); left:calc(50% - 22px); content:""; display:block; width:40px; height:40px; border:3px solid #fff; border-radius:100px; box-sizing:border-box; } #thumb_swiper::after { content:''; display:block; clear:both; } .video_thumb_holder { display:none; } .mobile_video_button { display:none; clear:both; } .svg_play_button { transform: rotate(90deg); margin-left: 2px; padding: 2px; box-sizing: border-box; border: 1px solid #666; border-radius: 100px; width: 17px; height: 17px; vertical-align: middle; } .video_stop_button { padding: 4px; box-sizing: border-box; border: 1px solid #666; border-radius: 100px; width: 17px; height: 17px; margin-left: 2px; vertical-align: middle; display: inline-block; text-align: center; } .video_stop_button::after, .video_stop_button::before { display: inline-block; border: 1px solid #666; height: 5px; width: 1px; vertical-align: middle; content: ''; float: left; } .video_stop_button::before { margin-right:1px; } @media only screen and (max-width: 586px) { .video_wrapper { margin-top:2.4%; box-sizing:border-box; padding: 0 4.8%; background:#fff; } } /* Product page video end */ /* Mobile product zoomer */ #mobile_product_zoom { position:fixed; height:100%; width:100%; top:0; left:0; z-index:6; display:flex; justify-content:center; align-items:center; } .mobile_product_zoom_close { position:absolute; width:40px; height:40px; top:70px; right:10px; z-index:2; } .mobile_product_zoom_close .fore-x { position:absolute; top:0; right:0; width:40px; height:40px; background-image:url('/static/image/header/close_search_icon.svg'); background-position:top right; background-repeat:no-repeat; z-index:2; filter:brightness(800%); } .mobile_product_zoom_close .back-x { position:absolute; top:1px; right:-1px; width:40px; height:40px; background-image:url('/static/image/header/close_search_icon.svg'); background-position:top right; background-repeat:no-repeat; z-index:1; filter:blur(2px); } .mobile-nav-up .mobile_product_zoom_close { top:10px; } #mobile_product_zoom .pinch-zoom-container { width:100%; height:150vh; background:rgb(0 0 0 / 50%); } #mobile_product_zoom .pinch-zoom-container img { width:90%; border:15px solid transparent; } .disable-scroll { margin: 0; height: 100%; overflow: hidden; } @media only screen and (min-width: 587px) { #mobile_product_zoom { display:none; } } /* Mobile product zoomer end */ :root { --balloon-color: rgba(205, 105, 105, 0.95); --balloon-font-size: 12px; --balloon-move: 4px; } /* --- Addon products --- */ .clearfix { clear:both; } .addon_product_container { position:fixed; top:0; left:0; width:100%; height:100%; box-sizing:border-box; z-index:220; padding:2.5%; display: flex; align-items: center; justify-content: center; -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 1s; /* Firefox < 16 */ -ms-animation: fadein 1s; /* Internet Explorer */ -o-animation: fadein 1s; /* Opera < 12.1 */ animation: fadein 1s; overflow-y:auto; } .addon_product_container_inner { background:#fff; padding:25px; position:relative; z-index:2; width:100%; max-width:1024px; box-sizing:border-box; } #addon_products_flickity .price_from { font-size:12px; display:block; width:auto; height:auto; line-height:normal; float:left; padding-right:3px; font-weight:normal; } .addon_product_container_products { width:auto; } .addon_product_container_products li.col{ margin-left:10px; } .addon_product_container_inner .product_title { font-size:18px; text-align:center; margin-bottom:25px; } .addon_product_container_inner .product_title span { font-weight:700; } .addon_product_container_inner .carousel-cell { width:230px; box-sizing:border-box; padding:0 15px 10px; position:relative; float:left; margin:0; cursor:pointer; } .addon_product_container_inner .carousel-cell:first-of-type { margin-left:0; } .addon_product_container_inner #swiper-container .swiper-button-next, .addon_product_container_inner #swiper-container .swiper-button-prev { height:100%; } .addon_product_container_inner .carousel-cell .actions { width:100%; box-sizing:border-box; padding-top:1px !important; } .addon_product_container_inner .carousel-cell.product_box div { cursor:auto; } .addon_product_container_inner .swiper-container { overflow:auto; padding-bottom:10px; } #addon_products_flickity .actions { padding-top:5px; padding-left:0; padding-right:0; } .addons_more_info { float:left; line-height:25px; text-decoration:underline; cursor:pointer !important; } .addon_product_info_name { font-family:'Karla', Arial, Helvetica, sans-serif; font-size: 22px; color: #666; } .addon_product_info_description { font-size:14px; color: #666; clear:both; } .addon_product_info_description ul { padding-left:20px; margin-top:5px; } .addon_product_info_description a { font-size:14px; } .addon_product_info_description p { margin-bottom:0; } .addon_product_info_price { font-size:40px; } .addon_product_info_age_container { position:absolute; bottom:37px; } .addon_product_info_price .price_from { font-size:14px; display:block; width:100%; text-align:center; height:0; line-height:0; margin-top:10px; } .addon_product_info_price .price-old { line-height:0; margin-top:22px; text-align:Center; text-decoration:line-through; font-size:16px; } .addon_product_info_price .special-price { color:#ff4040; } .addon_product_info_action_btn { float:right; line-height:68px; position:absolute; right:25px; bottom:25px; } .addon_product_info_right button{ vertical-align: bottom; padding:0; } .addon_product_info_right button a, .addon_product_info_back.la-button { width:auto; padding:0 40px; font-size:14px; } .addon_product_info_price span { font-size:25px; } .addon_product_list { overflow:hidden; box-sizing:border-box; } .addon_product_info_left { float:left; width:33%; min-height:1px; } .addon_product_info_image { width:100%; } .addon_product_info_image img { width:100%; } .addon_product_info_right { float:right; width:67%; box-sizing:border-box; padding-left:30px; padding-bottom:55px; } .addon_product_container_inner .carousel-cell .actions .la-button { font-size:13px; height:28px; line-height:25px; width:auto; float:right; padding:0 15px; } .addon_product_container_inner .carousel-cell .product-name { padding-bottom:3px; width:100%; clear:both; text-align:left; font-size:13px; line-height:1.5em; height:3em; display: -webkit-box; flex-wrap: wrap; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 3; overflow: hidden; } .addon_product_container_inner .carousel-cell .product-price { width:100%; float:left; clear:both; border-left:0; font-size:22px; font-weight:600; line-height:normal; display:flex; align-items:baseline; text-align:left; } .addons_buttons { margin-top:25px; clear:both; } .product_grid img.addons_product_image { width:100%; height:200px; } .addons_buttons .la-button { display:inline-block; padding:0 30px; font-size:14px; width:auto; } .addons_continue_button { float:left; } .addons_pre_checkout { font-size:14px; padding-right:5px; } .addons_checkout { float:right; } .addons_checkout div { display:inline-block; } .addon_product_container_background { position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; } .addon_product_info_right .customisation-popup { right:0; width:66%; min-height:100%; background:#fff; padding:15px; box-sizing:border-box; padding-bottom:80px; } .addon_product_info_right .customisation-popup .options::after { content:''; display:block; clear:both; } .addon_product_info_right .customisation-popup .add-to-error { display:none; } .addon_product_info_right .customisation-popup .option_error input, .addon_product_info_right .customisation-popup .option_error select { border-color:red; } .addon_product_info_right .customisation-popup .config-price { position:absolute; right:20px; bottom:55px; } .addon_product_info_right .customisation-popup .add-to-row.add-to-first { display:none; } .addon_product_info { display:none; } .addon_product_info_right .customisation-popup .add-to-row select, .addon_product_info_right input.config-option { float:left; } .addon_product_info_right .customisation-popup .add-to-row { width:calc(50% - 10px); float:left; margin-bottom:10px; margin-right:20px; } .addon_product_info_right .customisation-popup .add-to-row:nth-of-type(2n+1) { margin-right:0; } .addon_product_info_right .max_chars { float:left; line-height:normal; } .addon_product_info_right .customisation-popup .option-title { line-height:normal; margin-bottom:5px; } .addon_product_info_right .button-add-to-bag-customised { font-size:16px; } .addon_product_info_age_container .age-restricted label { float:right; } .addon_product_info_age_container .age-restricted input { vertical-align:top; } .addon_product_info_right .button-add-to-bag-customised { position:absolute; bottom:25px; right:30px; width:auto; padding:0 30px; } .addon_product_container_inner .price_currency { font-size: 12px; padding-right: 2px; line-height: normal; font-weight: 800; } #addon_products_flickity > .carousel-cell img.addons_product_image { height:auto !important; } @media only screen and (max-width: 950px){ .addon_product_info_name, .addon_product_info_right .customisation-popup .option-title { font-size:18px; } } @media only screen and (max-width: 879px){ .addon_product_container_products { width:100%; max-width:100%; } .addon_product_container_inner { width:95%; } .addon_product_container_inner .carousel-cell .product-name { padding-bottom:5px; width:100%; } .addon_product_container_inner .product_grid .product-price { width:100%; border-left:0; font-size:22px; } .addons_checkout div.addons_pre_checkout { display:none; } .addon_product_container_inner .product_title { font-size:16px; } .addons_buttons .la-button { font-size:14px; } } @media only screen and (max-width: 800px){ .addon_product_info_image { max-width:250px; display:inline-block; } .addon_product_info_left, .addon_product_info_right { width:100%; position:relative; padding-left:0; } .addon_product_info_left { text-align:center; padding-bottom:20px; } .addon_product_info_back.la-button { position:absolute; top:0; padding:0; width:25px; height:25px; background-image:url('/catalogue/2016-christmas/style/icon/arrow-down.png'); background-position:center; background-repeat:no-repeat; font-size:0; color:#666; transform:rotate(90deg); transform-origin: center; } .addon_product_info_description,.addon_product_info_description a { font-size:12px; } .addon_product_info_description ul { padding-left:15px; } .addon_product_info_action_btn { line-height:50px; right:10px; bottom:10px; } .addon_product_info_price { font-size:35px; line-height:44px; } .addon_product_info_price span { font-size:22px; } .addon_product_info_right .customisation-popup { padding-top:0; bottom:0; width:calc(100% + 30px); margin:0 -15px -15px; top:auto; padding-bottom:70px; min-height:calc(100% + 15px); } .customisation-popup .add-to-row label { font-size:12px; line-height:20px; height:20px; } .customisation-popup .add-to-row input.config-option, .customisation-popup .add-to-row select, .select-option-row select { font-size:12px; line-height:24px; height:24px; } .addon_product_container_inner { padding:15px; min-width:250px !important; width:100% !important; } .addon_product_info_right .customisation-popup .options { padding:0; } .addon_product_info_right .button-add-to-bag-customised { right:15px; } .addon_product_info_right .customisation-popup .config-price { left:15px; bottom:5px; } } @media only screen and (max-width: 700px){ .addon_product_container_inner .carousel-cell { width:180px; margin:0 0 0 18px; } .product_grid img.addons_product_image { height:150px; } .addon_product_container_inner .flickity-viewport .flickity-slider .carousel-cell:first-of-type { margin-left:18px; } } @media only screen and (max-width: 600px){ .addon_product_container_inner .carousel-cell, .addon_product_container_inner .carousel-cell .actions { padding:0 8px 10px; } .addon_product_container_inner #addon_products_flickity > .carousel-cell, .addon_product_container_inner #addon_products_flickity > .carousel-cell .actions { padding:0 25px; } } @media only screen and (max-width: 500px){ .addon_product_info_description { padding-right:0; } .addon_product_info_age_container, .addon_product_info_price, .addon_product_info_action_btn { position:static; bottom:auto; right:auto; float:right; } .addon_product_info_right { padding-bottom:0; } .addon_product_info_price { float:left; clear:both; width:100%; } .addon_product_info_action_btn { width:100%; } .addon_product_info_right .customisation-popup .add-to-row { width:100%; margin-right:0; } .addon_product_info_right .customisation-popup .config-price { font-size:34px; margin-bottom:0; bottom:0; } .addon_product_info_right .customisation-popup .price .sign, .addon_product_info_right .customisation-popup .price .decimal { font-size:22px; } .addon_product_info_right .button-add-to-bag-customised { bottom:6px; } .addon_product_info_right .customisation-popup { padding-bottom:45px; } .addon_product_info_right .customisation-popup .option-title { padding-top:8px; } } @media only screen and (max-width: 450px){ .addon_product_container_inner { padding:15px 10px; } .addon_product_container_inner .carousel-cell { width:180px; } .product_grid img.addons_product_image { height:150px; } .addon_product_container_inner #addon_products_flickity > .carousel-cell, .addon_product_container_inner #addon_products_flickity > .carousel-cell .actions { padding:0 15px 10px; } .addon_product_container_inner .carousel-cell, .addon_product_container_inner .carousel-cell .actions { padding:0 15px 10px; } .addon_product_container_inner .carousel-cell:first-of-type, .addon_product_container_inner .carousel-cell { margin-left:0; padding: 0 15px; } .addon_product_container_inner .flickity-viewport .flickity-slider .carousel-cell:first-of-type { margin-left:0; } .addons_buttons .la-button { width:100%; padding:0; clear:both; margin-top:20px; } .addons_checkout { width:100%; } .addon_product_info_right .button-add-to-bag-customised { padding:0 20px; font-size:14px; } .addon_product_info_right .customisation-popup { width:calc(100% + 20px); margin:0 -10px -10px; } .addon_product_container_inner #swiper-container .swiper-button-next:after, .addon_product_container_inner #swiper-container .swiper-button-prev:after { display:none; } } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Firefox < 16 */ @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Opera < 12.1 */ @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* --- Addon Products --- */ :root { --balloon-color: rgba(205, 105, 105, 0.95); --balloon-font-size: 12px; --balloon-move: 4px; } button[aria-label][data-balloon-pos] { overflow: visible; } [aria-label][data-balloon-pos] { position: relative; cursor: pointer; } [aria-label][data-balloon-pos]:after { opacity: 0; pointer-events: none; transition: all .18s ease-out .18s; text-indent: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-weight: normal; font-style: normal; text-shadow: none; font-size: var(--balloon-font-size); background: var(--balloon-color); border-radius: 2px; color: #fff; content: attr(aria-label); padding: .5em 1em; position: absolute; white-space: nowrap; z-index: 10; } [aria-label][data-balloon-pos]:before { width: 0; height: 0; border: 5px solid transparent; border-top-color: var(--balloon-color); opacity: 0; pointer-events: none; transition: all .18s ease-out .18s; content: ""; position: absolute; z-index: 10; } [aria-label][data-balloon-pos]:hover:before, [aria-label][data-balloon-pos]:hover:after, [aria-label][data-balloon-pos][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-visible]:after, [aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:before, [aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:after { opacity: 1; pointer-events: none; } [aria-label][data-balloon-pos].font-awesome:after { font-family: FontAwesome, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; } [aria-label][data-balloon-pos][data-balloon-break]:after { white-space: pre; } [aria-label][data-balloon-pos][data-balloon-break][data-balloon-length]:after { white-space: pre-line; word-break: break-word; } [aria-label][data-balloon-pos][data-balloon-blunt]:before, [aria-label][data-balloon-pos][data-balloon-blunt]:after { transition: none; } [aria-label][data-balloon-pos][data-balloon-pos="up"]:after { bottom: 100%; left: 50%; margin-bottom: 10px; transform: translate(-50%, var(--balloon-move)); transform-origin: top; } [aria-label][data-balloon-pos][data-balloon-pos="up"]:before { bottom: 100%; left: 50%; transform: translate(-50%, var(--balloon-move)); transform-origin: top; } [aria-label][data-balloon-pos][data-balloon-pos="up"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="up"][data-balloon-visible]:after { transform: translate(-50%, 0); } [aria-label][data-balloon-pos][data-balloon-pos="up"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="up"][data-balloon-visible]:before { transform: translate(-50%, 0); } [aria-label][data-balloon-pos][data-balloon-pos="up-left"]:after { bottom: 100%; left: 0; margin-bottom: 10px; transform: translate(0, var(--balloon-move)); transform-origin: top; } [aria-label][data-balloon-pos][data-balloon-pos="up-left"]:before { bottom: 100%; left: 5px; transform: translate(0, var(--balloon-move)); transform-origin: top; } [aria-label][data-balloon-pos][data-balloon-pos="up-left"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="up-left"][data-balloon-visible]:after { transform: translate(0, 0); } [aria-label][data-balloon-pos][data-balloon-pos="up-left"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="up-left"][data-balloon-visible]:before { transform: translate(0, 0); } [aria-label][data-balloon-pos][data-balloon-pos="up-right"]:after { bottom: 100%; right: 5px; margin-bottom: 0px; transform: translate(0, var(--balloon-move)); transform-origin: top; } [aria-label][data-balloon-pos][data-balloon-pos="up-right"]:before { bottom: 80%; right: 20px; transform: translate(0, var(--balloon-move)); transform-origin: top; } [aria-label][data-balloon-pos][data-balloon-pos="up-right"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="up-right"][data-balloon-visible]:after { transform: translate(0, 0); } [aria-label][data-balloon-pos][data-balloon-pos="up-right"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="up-right"][data-balloon-visible]:before { transform: translate(0, 0); } [aria-label][data-balloon-pos][data-balloon-pos="down"]:after { left: 50%; margin-top: 10px; top: 100%; transform: translate(-50%, calc(var(--balloon-move) * -1)); } [aria-label][data-balloon-pos][data-balloon-pos="down"]:before { width: 0; height: 0; border: 5px solid transparent; border-bottom-color: var(--balloon-color); left: 50%; top: 100%; transform: translate(-50%, calc(var(--balloon-move) * -1)); } [aria-label][data-balloon-pos][data-balloon-pos="down"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="down"][data-balloon-visible]:after { transform: translate(-50%, 0); } [aria-label][data-balloon-pos][data-balloon-pos="down"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="down"][data-balloon-visible]:before { transform: translate(-50%, 0); } [aria-label][data-balloon-pos][data-balloon-pos="down-left"]:after { left: 0; margin-top: 10px; top: 100%; transform: translate(0, calc(var(--balloon-move) * -1)); } [aria-label][data-balloon-pos][data-balloon-pos="down-left"]:before { width: 0; height: 0; border: 5px solid transparent; border-bottom-color: var(--balloon-color); left: 5px; top: 100%; transform: translate(0, calc(var(--balloon-move) * -1)); } [aria-label][data-balloon-pos][data-balloon-pos="down-left"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="down-left"][data-balloon-visible]:after { transform: translate(0, 0); } [aria-label][data-balloon-pos][data-balloon-pos="down-left"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="down-left"][data-balloon-visible]:before { transform: translate(0, 0); } [aria-label][data-balloon-pos][data-balloon-pos="down-right"]:after { right: 0; margin-top: 10px; top: 100%; transform: translate(0, calc(var(--balloon-move) * -1)); } [aria-label][data-balloon-pos][data-balloon-pos="down-right"]:before { width: 0; height: 0; border: 5px solid transparent; border-bottom-color: var(--balloon-color); right: 5px; top: 100%; transform: translate(0, calc(var(--balloon-move) * -1)); } [aria-label][data-balloon-pos][data-balloon-pos="down-right"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="down-right"][data-balloon-visible]:after { transform: translate(0, 0); } [aria-label][data-balloon-pos][data-balloon-pos="down-right"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="down-right"][data-balloon-visible]:before { transform: translate(0, 0); } [aria-label][data-balloon-pos][data-balloon-pos="left"]:after { margin-right: 10px; right: 100%; top: 50%; transform: translate(var(--balloon-move), -50%); } [aria-label][data-balloon-pos][data-balloon-pos="left"]:before { width: 0; height: 0; border: 5px solid transparent; border-left-color: var(--balloon-color); right: 100%; top: 50%; transform: translate(var(--balloon-move), -50%); } [aria-label][data-balloon-pos][data-balloon-pos="left"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="left"][data-balloon-visible]:after { transform: translate(0, -50%); } [aria-label][data-balloon-pos][data-balloon-pos="left"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="left"][data-balloon-visible]:before { transform: translate(0, -50%); } [aria-label][data-balloon-pos][data-balloon-pos="right"]:after { left: 100%; margin-left: 10px; top: 50%; transform: translate(calc(var(--balloon-move) * -1), -50%); } [aria-label][data-balloon-pos][data-balloon-pos="right"]:before { width: 0; height: 0; border: 5px solid transparent; border-right-color: var(--balloon-color); left: 100%; top: 50%; transform: translate(calc(var(--balloon-move) * -1), -50%); } [aria-label][data-balloon-pos][data-balloon-pos="right"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="right"][data-balloon-visible]:after { transform: translate(0, -50%); } [aria-label][data-balloon-pos][data-balloon-pos="right"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="right"][data-balloon-visible]:before { transform: translate(0, -50%); } [aria-label][data-balloon-pos][data-balloon-length="small"]:after { white-space: normal; width: 80px; } [aria-label][data-balloon-pos][data-balloon-length="medium"]:after { white-space: normal; width: 150px; } [aria-label][data-balloon-pos][data-balloon-length="large"]:after { white-space: normal; width: 260px; } [aria-label][data-balloon-pos][data-balloon-length="xlarge"]:after { white-space: normal; width: 380px; } @media screen and (max-width: 768px) { [aria-label][data-balloon-pos][data-balloon-length="xlarge"]:after { white-space: normal; width: 90vw; } } [aria-label][data-balloon-pos][data-balloon-length="fit"]:after { white-space: normal; width: 100%; } /* */ /*! Flickity v2.2.1 https://flickity.metafizzy.co ---------------------------------------------- */ .flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1} .flickity-page-dots { position: initial; width: 100%; bottom: 0px; padding: 0; margin: 4px 0 0; list-style: none; text-align: center; line-height: 1; } #thumb_swiper .flickity-page-dots { position: absolute; width: 100%; bottom: 10px; padding: 0; list-style: none; text-align: center; line-height: 1; } .flickity-page-dots .dot { display: inline-block; width: 8px; height: 8px; margin: 0 4px; background: #333; border-radius: 50%; opacity: .25; cursor: pointer; } .recommended.full.product_grid .product-name { width: 94%; margin: 0 3%; min-height: 54px; max-height: 54px; overflow: hidden; } .carousel-cell.product_box div { cursor: pointer; } div.announcement{ box-sizing:border-box; width:100%; padding:6px 10px; text-align:center; position:relative; display: flex; align-items: center; justify-content: center; flex-wrap:wrap; } div.announcement.dismissable{ padding:6px 40px; } div.announcement.dismissable a.dismiss_announcement { position: absolute; right:10px; cursor:pointer; text-decoration: none; vertical-align: middle; top:calc(50% - 10px); } div.announcement.dismissable a.dismiss_announcement img{ width:20px; height:20px; display:block; } div.announcement.spaced{ margin-bottom:15px; } div.announcement.spaced_top{ margin-top:15px; } div.announcement a{ text-decoration: underline; } div.announcement.th_alert{ background:#F24f60; color:white; } div.announcement.th_alert a{ color:white; } div.announcement.th_soft_alert{ background: #ffd9d9; } div.announcement.th_yellow_alert{ background: #FFF5CC; } div.announcement.th_green{ background: #edffd9; } div.announcement.th_grey{ background:#F2F2F2; } div.announcement.th_dark_grey{ background:#666666; color:white; } div.announcement.th_dark_grey a{ color:white; } div.announcement.sz_medium, div.announcement.sz_medium a{ font-size:15px; } div.announcement.sz_jumbo, div.announcement.sz_jumbo a{ font-size:18px; } div.announcement.sz_small, div.announcement.sz_small a{ font-size:12px; } .additional_leadtime{ font-size:12px; padding-left:10px; } div.announcement .review-stars-fill{ display:inline-block; margin:0 5px; } #chat_trigger, #chat_unavailable { position:fixed; bottom:0; right:0; padding:0 15px 15px 0; cursor:pointer; z-index:6; } #chat_trigger > div, #chat_unavailable > a > div { padding:10px 30px; border-radius:200px; background:#59627c; color:#fff; font-size:16px; } @media only screen and (max-width: 580px) { body.scroll-top.category_grid #chat_trigger, body.scroll-top.category_grid #chat_unavailable { bottom:30px; } } .grecaptcha-badge { width: 70px !important; overflow: hidden !important; transition: all 0.3s ease !important; left: 0px !important; right: auto !important; } .grecaptcha-badge:hover { width: 256px !important; } .out_of_stock_notice { background:#f2f2f2; margin-bottom: 35px; } .out_of_stock_notice h3 { font-family:'Karla', Arial, Helvetica, sans-serif; font-size: 22px; text-align:center; font-weight:normal; padding:10px 0; margin-bottom:10px; padding-top:15px; } .out_of_stock_notice .section-title { display:none; } .out_of_stock_notice .product_grid { border-top:0 !important; } .out_of_stock_notice .flickity-page-dots { margin:8px 0 15px; } .out_of_stock_notice #swiper-container .swiper-button-prev { background:-webkit-gradient(linear, left top, right top, from(#f2f2f2), to(rgba(255,255,255,0))); } .out_of_stock_notice #swiper-container .swiper-button-next { background:-webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), to(#f2f2f2)); } @media only screen and (max-width: 880px) { .out_of_stock_notice h3 { font-size:18px; } } @media only screen and (max-width: 660px) { .out_of_stock_notice h3 span { display:block; padding:0 5px; } } @media only screen and (max-width: 400px) { .out_of_stock_notice h3 { font-size:14px; } } .disabled_product { position:relative; } .disabled_product_overlay { position:absolute; top:0; left:0; height:100%; width:100%; z-index:6; background:#fff; opacity:0.6; } .catalogue_promo_text { font-size:13px; text-align:center; } .lacheckout .address-row label.shipping_mobile_extension_show { background:#f2f2f2; width:58px; padding-left:5px; border:1px solid #666; height:24px; line-height:24px; box-sizing:content-box; margin-right:4px; position:relative; } .lacheckout .address-row label.shipping_mobile_extension_show select { float:right; height:100%; border:0; background:transparent; position:absolute; width:15px; right:0; } #shipping_mobile_extension { width:65px; margin-left:-70px; z-index:3; opacity:0; } .lacheckout .address-row input#shipping_mobile { width:61%; max-width:192px; } @media only screen and (max-width: 400px) { .lacheckout .address-row input#shipping_mobile { width:calc(100% - 200px); max-width:400px; } } @media only screen and (max-width: 360px) { .lacheckout .address-row input#shipping_mobile { width:calc(100% - 78px); max-width:360px; } } .lacheckout .address-row label.shipping_mobile_notice { width:100%; max-width:100%; clear:both; line-height:normal; padding-top:3px; } .checkout_xmas_catalogue_container { padding:15px; background:#f2f2f2; box-sizing:border-box; margin-top:15px; display:flex; align-items:center; } .oos_button { padding:10px 0; cursor:pointer; height:43px; padding:3px 5px; line-height:40px; border:0; -webkit-box-shadow: 2px 2px 6px 0px rgba(102,102,102,0.64); -moz-box-shadow: 2px 2px 6px 0px rgba(102,102,102,0.64); box-shadow: 2px 2px 6px 0px rgba(102,102,102,0.64); width:100%; box-sizing:border-box; margin-top:15px; display:flex; align-items:center; } .oos_choice_title { width:100%; margin-bottom:22px; font-family:'Karla', Arial, Helvetica, sans-serif; text-align:center; font-size:18px; } .oos_choice_title span{ font-weight:600; } .oos_choice_title a { text-decoration:underline; } .oos_email_button, .oos_sms_button, .oos_choice_cancel, .oos_email_confirm, .oos_sms_confirm { -webkit-box-shadow: 2px 2px 6px 0px rgba(102,102,102,0.64); -moz-box-shadow: 2px 2px 6px 0px rgba(102,102,102,0.64); box-shadow: 2px 2px 6px 0px rgba(102,102,102,0.64); height:43px; padding:3px 5px; line-height:35px; font-family:'Karla', Arial, Helvetica, sans-serif; text-transform:lowercase; text-align:center; box-sizing:border-box; cursor:pointer; font-size:18px; width:48%; float:left; margin-right:4%; } .oos_log_in, .oos_return_message { text-align:center; height:43px; padding:3px 5px; line-height:35px; font-family:'Karla', Arial, Helvetica, sans-serif; text-transform:lowercase; text-align:center; box-sizing:border-box; font-size:18px; margin-top:15px; } .oos_log_in a { font-size:1em; border-bottom:1px solid; } .oos_sms_button, .oos_email_confirm, .oos_sms_confirm { float:right; margin-right:0; } .oos_choice_email, .oos_choice_sms, .oos_choice_buttons, .oos_choice_confirmed, .oos_log_in, .oos_return_message, .oos_choice_email_entry, .oos_choice_sms_entry { display:none; } .oos_bell { background:#fdfafa; height:34px; width:34px; border-radius:100px; position:relative; display:flex; align-items: center; justify-content: center; float:left; -webkit-clip-path: circle(50% at 50% 50%); clip-path: circle(50% at 50% 50%); } .oos_bell svg path { fill:#666; } .oos_button.clicked .oos_bell svg { -webkit-animation: ring 3s 0s ease-in-out; -webkit-transform-origin: 50% 1px; -moz-animation: ring 3s 0s ease-in-out; -moz-transform-origin: 50% 1px; animation: ring 3s 0s ease-in-out; transform-origin: 50% 1px; } .oos_text { float:left; padding:0 5px; line-height:34px; box-sizing:border-box; width:calc(100% - 34px); text-align:center; font-size:16px; } .oos_email_input { display:none; height:34px; padding-left:10px; align-items:center; position:relative; } .oos_email { height:22px; padding-left:90px; border:1px solid #666; float:left; } .oos_email_input::before { content:"Email Address:"; float:left; position:absolute; z-index:2; left:15px; pointer-events:none; } .oos_email_input.email_fail::after { position:absolute; float:left; z-index:2; left:15px; top:100%; font-size:10px; color:#f00; content:"Please enter a valid email address"; } .oos_bell::after { z-index: -1; content: ''; position: absolute; border-radius: 50%; height: 0%; width: 0%; top: 0; left: 0; opacity:0.6; background: #f2f2f2; box-shadow: inset 0 0 0 20px #f7b046; transform: translate(17px, 17px); transition: height .3s, width .3s, transform .3s, box-shadow .3s .15s; } .oos_button.clicked .oos_bell::after { box-shadow: inset 0 0 0 0 #f7b046; height: 100%; width: 100%; transform: translate(0%, 0%); } .oos_email_submit.la-button { padding:0 10px; font-size:14px; height:26px; line-height:26px; width:auto; float:left; } .oos_email_message { display:none; float:left; padding-left:10px; line-height:34px; font-size:12px; float:none; text-align:center; padding:0; cursor:default; } .oos_email_message.error { color:#666; background:#f2f2f2; font-weight:bold; } .oos_email_message.success { color:#518751; } .oos_return_message { height:auto; margin:0; padding:0; line-height:normal; font-size:15px; background:transparent; } .oos_choice_input { display:flex; align-items: center; } .oos_submit_sms_button, .oos_submit_email_button { cursor:pointer; height:43px; padding:3px 25px; line-height:36px; text-transform:uppercase; font-size:14px; border:0; box-sizing:border-box; text-align:center; color:#fff; background:#e5a488; } .oos_choice_input input { flex:1; box-sizing:border-box; height:43px; padding:3px 10px; border:1px solid #666; font-size:14px; } .discontinued_notice { text-align:center; font-family:'Karla', Arial, Helvetica, sans-serif; font-size:18px; padding:20px 10px 5px; } @media only screen and (max-width: 800px) { .oos_email { width:150px; } } @media only screen and (max-width: 881px) { .oos_text { font-size:16px; line-height:1.1em; } .oos_choice_input input { min-width:100px; } } @media only screen and (max-width: 586px) { .oos_text { font-size:18px; } .oos_choice_input input { height:35px; } .oos_submit_sms_button, .oos_submit_email_button { height:35px; line-height:30px; padding:3px 20px; } } @media only screen and (max-width: 430px) { .oos_text { font-size:16px; } } @media only screen and (max-width: 350px) { .oos_text { font-size:16px; } } @-webkit-keyframes ring { 0% { transform: rotate(0); } 1% { transform: rotate(15deg); } 3% { transform: rotate(-14deg); } 5% { transform: rotate(20deg); } 7% { transform: rotate(-18deg); } 9% { transform: rotate(15deg); } 11% { transform: rotate(-13deg); } 13% { transform: rotate(11deg); } 15% { transform: rotate(-10deg); } 17% { transform: rotate(8deg); } 19% { transform: rotate(-8deg); } 21% { transform: rotate(8deg); } 23% { transform: rotate(-6deg); } 25% { transform: rotate(6deg); } 27% { transform: rotate(-3deg); } 29% { transform: rotate(3deg); } 31% { transform: rotate(-1deg); } 33% { transform: rotate(1deg); } 35% { transform: rotate(0); } 100% { transform: rotate(0); } } @-moz-keyframes ring { 0% { transform: rotate(0); } 1% { transform: rotate(15deg); } 3% { transform: rotate(-14deg); } 5% { transform: rotate(20deg); } 7% { transform: rotate(-18deg); } 9% { transform: rotate(15deg); } 11% { transform: rotate(-13deg); } 13% { transform: rotate(11deg); } 15% { transform: rotate(-10deg); } 17% { transform: rotate(8deg); } 19% { transform: rotate(-8deg); } 21% { transform: rotate(8deg); } 23% { transform: rotate(-6deg); } 25% { transform: rotate(6deg); } 27% { transform: rotate(-3deg); } 29% { transform: rotate(3deg); } 31% { transform: rotate(-1deg); } 33% { transform: rotate(1deg); } 35% { transform: rotate(0); } 100% { transform: rotate(0); } } @keyframes ring { 0% { transform: rotate(0); } 1% { transform: rotate(15deg); } 3% { transform: rotate(-14deg); } 5% { transform: rotate(20deg); } 7% { transform: rotate(-18deg); } 9% { transform: rotate(15deg); } 11% { transform: rotate(-13deg); } 13% { transform: rotate(11deg); } 15% { transform: rotate(-10deg); } 17% { transform: rotate(8deg); } 19% { transform: rotate(-8deg); } 21% { transform: rotate(8deg); } 23% { transform: rotate(-6deg); } 25% { transform: rotate(6deg); } 27% { transform: rotate(-3deg); } 29% { transform: rotate(3deg); } 31% { transform: rotate(-1deg); } 33% { transform: rotate(1deg); } 35% { transform: rotate(0); } 100% { transform: rotate(0); } } .account_stock_notification_row { display:block; opacity:1; transition: opacity 0.25s; background:#f2f2f2; padding:15px; margin-bottom:15px; } .account_stock_notification_row.loading { opacity:0.7; pointer-events:none; } .account_stock_notification_row .error_message, .notification_row_confirmation { display:none; } .notification_row_confirmation { font-family:'Karla', Arial, Helvetica, sans-serif; font-size:16px; float:left; width:100%; box-sizing:border-box; } .notification_row_confirmation span { display:inline-block; padding:10px 0; } .notification_row_confirmation_buttons { float:right; } .notification_row_confirmation_buttons div { margin-left:15px; text-transform:uppercase; padding:10px 20px; float:left; font-family:'Karla', Arial, Helvetica, sans-serif; font-size:16px; text-align:center; border: 1px solid #ddd; position: relative; cursor: pointer; background: #fff; } .account_stock_notification_row.error .error_message { display:block; font-family:'Karla', Arial, Helvetica, sans-serif; font-size:16px; } .account_stock_notification_row.error { opacity:1 !important; padding:30px 15px; width:100%; box-sizing:border-box; text-align:center; } .account_stock_notification_row.error .notification_row_thumb,.account_stock_notification_row.error .notification_row_confirmation, .account_stock_notification_row.error .notification_row_details, .account_stock_notification_row.error .notification_row_buttons { display:none; } .account_stock_notification_row * { box-sizing:border-box !important; } .notification_row_thumb { width:10%; float:left; max-width:100px; } .notification_row_thumb img { width:100%; } .notification_row_details { padding:0 20px; width: 60%; float:left; } .notification_row_details .name a { font-family:'Karla', Arial, Helvetica, sans-serif; font-size:16px; padding-bottom:10px; display:block; clear:both; } .notification_row_details .id { clear:both; font-size:12px; } .notification_row_buttons { float:right; width:30%; display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; } .notification_row_button { padding:10px 20px 10px 40px; font-family:'Karla', Arial, Helvetica, sans-serif; font-size:16px; text-align:center; float:right; border: 1px solid #ddd; background: #fff; position:relative; cursor:pointer; } .notification_row_button::before { position:absolute; content:''; background:#fff; border:2px solid #666; height:1.0em; width:1.0em; top:10px; left:10px; } .notification_row_button span { display:none; } .notification_row_button span svg { width:85%; height:85%; } .notification_row_button.selected span { position:absolute; height:1.0em; width:1.0em; top:12px; left:12px; display:flex; align-items:center; justify-content:center; } .notification_row_sms { margin-left:15px; } .notification_contact_details { padding:3px 0 30px; text-align:center; font-size:14px; } .notification_contact_detail span { font-weight:bold; } .notification_contact_detail a { text-decoration:underline; display:inline-block; padding:0 2px; font-size:1em; } @media only screen and (max-width: 881px) { .notification_row_buttons { width:40%; } .notification_row_details { width:50%; } } @media only screen and (max-width: 600px) { .notification_row_buttons, .notification_row_confirmation_buttons { clear:both; width:100%; padding-top:20px; justify-content:center; } .notification_row_thumb { width:15%; } .notification_row_details { width:85%; } .notification_row_button, .notification_row_cancel, .notification_row_confirm { float:none; } .notification_row_cancel, .notification_row_confirm, .notification_row_confirmation_buttons div { display:inline-block; margin-left:8px; margin-right:8px; float:none; } .notification_row_confirmation_buttons { text-align:center; } } .checkout_xmas_catalogue_container { padding:15px; background:#f2f2f2; box-sizing:border-box; width:100%; margin:20px 0; cursor:pointer; } .checkout_xmas_image { float:left; height:100px; width:100px; margin-right:30px; overflow:hidden; } .checkout_xmas_image img { height:100%; float:right; } .checkout_xmas_right { float:left; width:calc(100% - 130px); } .checkout_xmas_desc { font-size:14px; width:70%; float:left; } .checkout_xmas_add { float:right; margin-top:0.8em; width:auto; padding-left:40px; padding-right:40px; font-size:18px; } @media only screen and (max-width: 600px) { .checkout_xmas_image { width:100%; text-align:center; box-sizing:border-box; margin-right:0; margin-bottom:10px; } .checkout_xmas_image img { width:100px; height:100px; float:none; display:inline-block; } .checkout_xmas_right, .checkout_xmas_desc { width:100%; text-align:center; } .checkout_xmas_add { width:100%; box-sizing:border-box; } } /* --- Klarna (start) --- */ .klarna_method { width:48%; margin-left:2%; float:left; padding:10px 0 20px; } .klarna_method:first-of-type { margin-right:2%; margin-left:0; } #klarna_payments label { position:relative; } #klarna_payments label.loading { pointer-events:none; } #klarna_payments label.loading::after { position: absolute; content:""; display:block; width: 100%; height: 100%; left: 0; top: 0; cursor: wait; background: #666 url('https://cdn.lisaangel.co.uk/static/image/gif-load-tr.svg') no-repeat center center; background-color: rgba(102,102,102,0.5); } #klarna_payments .payment-more { clear:both; padding:20px 0 10px; } .la-button.stripe_klarna-confirm { background: #f7e0d7; cursor: not-allowed; } .la-button.method_chosen.stripe_klarna-confirm { background: #e5a488; cursor: pointer; } .lacheckout .button-container { position:relative; } #kl_error { color:red; clear:both; display:none; margin:10px 0 20px; } .klarna_logo { height:26px; padding:2px 0 7px; line-height:40px; width:auto; } .loading-div.klarna_loading { position:fixed; z-index:30; } .loading-div.klarna_loading::after { display:block; content:"Contacting Klarna..."; width:100%; height:auto; top:50%; left:0; padding-top:20px; color:#fff; font-size:18px; text-align:center; position:absolute; } /* --- Klarna (end) --- */ .dropdown_cart_options .dropdown_cart_option_row { display:none; font-size:smaller; color:#666; } .dropdown_cart_options .dropdown_cart_option_row:first-of-type { display:block; } .dropdown_cart_options.expanded .dropdown_cart_option_row { display:block; } .dropdown_cart_option_expand { font-weight:bold; text-decoration:underline; cursor:pointer; font-size:smaller; color:#666; } .cart_quick_checkout, .productpage_quick_checkout { clear:both; margin-top:15px; } .cart_quick_checkout_header, .productpage_quick_checkout_header { position:relative; clear:both; text-align:center; margin-bottom:5px; } .cart_quick_checkout_header span, .productpage_quick_checkout_header span { position:absolute; top:50%; left:0; display:block; width:100%; height:1px; margin-top:-1px; border-top:1px solid; } .cart_quick_checkout_header .quick_buy, .productpage_quick_checkout_header .quick_buy { display:inline-block; padding:5px 15px; position:relative; z-index:2; background:#f9f9f9; } @media only screen and (max-width: 586px) { .cart_quick_checkout_header .quick_buy, .productpage_quick_checkout_header .quick_buy { background:#f2f2f2; } } .cart_quick_checkout_buttons a, .cart_quick_checkout_buttons > div, .productpage_quick_checkout_buttons a, .productpage_quick_checkout_buttons > div { float:left; width:calc(50% - 6px); margin-right:12px; height:40px; display:block; } .cart_quick_checkout_buttons > div:nth-child(2), .productpage_quick_checkout_buttons > div:nth-child(2) { margin-right:0; } .googlepay.dropdown_cart_gpay, .googlepay.productpage_gpay { background-image: url('https://www.gstatic.com/instantbuy/svg/light_gpay.svg'); border-radius:0; border:0; outline:0; } .paypal_quick_link { width:100%; height:100%; background-image:url('/static/image/paypal_logo.svg'); background-color:#ffc439; background-position:center; background-repeat:no-repeat; background-size: 85px; } .cart_quick_checkout_buttons.single_option a, .cart_quick_checkout_buttons.single_option > div, .productpage_quick_checkout_buttons.single_option a, .productpage_quick_checkout_buttons.single_option > div { width:100%; margin-right:0 !important; } .cart_quick_checkout_buttons.single_option > div#cart_payment_request_container, .productpage_quick_checkout_buttons.single_option > div#productpage_payment_request_container { display:none; } .cart_quick_notice, .productpage_quick_notice { font-size:10px;; clear:both; padding-top:10px; text-align:center; } .cart_quick_notice a, .productpage_quick_notice a { font-size:10px; text-decoration:underline; } .dropdown_cart_applepay, .productpage_applepay, .apple_pay_final_button { width:100%; height:100%; border:0; border-radius:0; background:#000; color:#fff; height:40px; background-image: -webkit-named-image(apple-pay-logo-white); cursor:pointer; } .productpage_quick_checkout .padding { position:absolute !important; top:0; left:0; z-index:1; width:100% !important; height:100% !important; padding:0 !important; display:none; } .productpage_quick_checkout .padding.content_loading { display:block; pointer-events:auto; } .productpage_quick_checkout.disabled { cursor:not-allowed; } .productpage_quick_checkout.disabled .productpage_quick_checkout_buttons { pointer-events:none; opacity:0.5; } .productpage_quick_checkout_sub { font-size:10px; padding-top:10px; text-align:center; } .apple_pay_overlay { position:fixed; z-index:204; top:0; left:0; display:none; width:100%; height:100%; align-items:center; justify-content:center; padding:15px; box-sizing:border-box; } .apple_pay_overlay_inner { width:100%; box-sizing:border-box; max-width:400px; position:relative; z-index:2; background:#fff; padding:25px 15px; text-align:center; } .apple_pay_added_icon { width:100%; height:40px; text-align:center; margin-bottom:15px; } .apple_pay_added_icon svg { width:40px; height:40px; } .apple_pay_added_text { font-size:18px; text-align:center; } .apple_pay_added_text span { text-align:center; display:block; clear:both; } .apple_pay_added_text span:first-of-type { font-weight:600; } .apple_pay_added_button { display:block; text-align:center; } .apple_pay_overlay_bg { background:rgba(0,0,0,0.4); position:absolute; z-index:1; width:100%; height:100%; left:0; top:0; cursor:pointer; } .apple_pay_final_button { margin-top:20px; width:240px; } @supports (-webkit-appearance: -apple-pay-button) { .dropdown_cart_applepay, .productpage_applepay { -webkit-appearance: -apple-pay-button; -apple-pay-button-type: plain; -apple-pay-button-style: black; } .apple_pay_final_button { -webkit-appearance: -apple-pay-button; -apple-pay-button-type: check-out; -apple-pay-button-style: black; } } /* --- bundles --- */ .bundle_option_toggle { display:block; width:100%; text-align:center; background:#f2f2f2; font-family:'Karla', Arial, Helvetica, sans-serif; font-size:18px; letter-spacing:2px; text-transform:uppercase; cursor:pointer; padding:0 10px; position:relative; box-sizing:border-box; margin:15px 0; overflow:hidden; } .bundle_option_title { padding: 15px 25px; } .bundle_option_title.dupe_placeholder { opacity:0; max-height:0px; padding-top:0; padding-bottom:0; overflow:hidden; position:relative !important; pointer-events:none !important; } body.sticky_bundle_title_enabled .bundle_option_row.open .bundle_option_title.dupe_placeholder { max-height:95px; padding-top:16px; padding-bottom:16px; } .bundle_option_title .sub { font-size:14px; letter-spacing:1px; padding-top:5px; } .bundle_option_title .sub span { display:inline-block; } .bundle_option_title::after { position:absolute; right:10px; top:0; height:100%; width:30px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='666' viewBox='0 0 24 24'%3E%3Cpath d='M8.12 9.29L12 13.17l3.88-3.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-4.59 4.59c-.39.39-1.02.39-1.41 0L6.7 10.7c-.39-.39-.39-1.02 0-1.41.39-.38 1.03-.39 1.42 0z'/%3E%3C/svg%3E"); background-position:center; background-repeat:no-repeat; background-size:30px; display:block; content:''; transform:rotate(-90deg); } .bundle_option_row { position:relative; opacity:0.4; pointer-events:none; } .bundle_option_row .bundle_option_title::after { display:none; } .bundle_option_row.been_opened { opacity:1; pointer-events:auto; } .bundle_option_row.been_opened .bundle_option_title::after { display:block; } .bundle_option_row.open .bundle_option_title::after { transform:rotate(0deg); } .bundle_option_row .bundle_option_title.ticked::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='black' d='M504.502,75.496c-9.997-9.998-26.205-9.998-36.204,0L161.594,382.203L43.702,264.311c-9.997-9.998-26.205-9.997-36.204,0 c-9.998,9.997-9.998,26.205,0,36.203l135.994,135.992c9.994,9.997,26.214,9.99,36.204,0L504.502,111.7 C514.5,101.703,514.499,85.494,504.502,75.496z'/%3E%3C/svg%3E"); background-size:20px; transform:rotate(0deg); } .bundle_option_row .bundle_option_products { padding-top:1px; height:1px; overflow:hidden; box-sizing:border-box; width:100%; } .bundle_option_row.open .bundle_option_products, .bundle_option_row.open_toggled .bundle_option_products { height:auto; } .bundle_option_products .product_box { max-width:200px; } .bundle_option_products .product_box img{ max-width:100%; } .bundle_option_products.category-products { padding-left:0; border-left:0; margin:10px -8px 0; width:calc(100% + 16px); display:flex !important; flex-wrap:wrap; } .bundle_option_products.category-products .span_1_of_many { margin-left:0; margin-right:0; width:25%; flex-basis:25%; padding-left:8px; padding-right:8px; max-width:none; box-sizing:border-box; clear:none !important; margin-bottom:70px; } .add_to_bundle_button.la-button, .remove_from_bundle.la-button { font-size:14px; margin-top:15px; height:36px; line-height:36px; } .is_full .add_to_bundle_button.la-button { display:none; } .is_full .product_box { opacity:0.5; pointer-events:none; } .is_full .product_box.bundle_product_picked { opacity:1; pointer-events:auto; } .remove_from_bundle.la-button { display:none; } .bundle_product_picked .remove_from_bundle.la-button { display:block; } .bundle_totals { background:#f2f2f2; box-sizing:border-box; padding:15px; margin-top:20px; } .bundle_total_title { text-transform:uppercase; font-size:20px; text-align:left; font-family:'Karla', Arial, Helvetica, sans-serif; letter-spacing:2px; margin-bottom:30px; } .bundle_total_content_row .bundle_chosen_product { margin-bottom:2px; clear:both; position:relative; padding-right:0; font-size:14px; display:flex; flex-wrap:wrap; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ddd; } .bundle_total_content { margin:10px 0 20px; min-height:1px; } .bundle_total_content_image { float:left; width:75px; margin-right:15px; } .bundle_total_content_image img { max-width:100%; height:auto; display:block; } .bundle_total_content_info { float:left; position:relative; width:calc(100% - 90px); display:flex; flex-wrap:wrap; text-align:left; } .bundle_total_content_name { width:100%; flex-basis:100%; } .remove_bundle_row { float:left; clear:both; width:auto; -webkit-align-self:flex-end; -ms-flex-item-align:end; align-self:flex-end; margin-top:5px; width:auto; height:auto; line-height:normal; font-size:14px; padding:6px 35px; } #bundle_options { position:relative; padding-top:1px; box-sizing:border-box; height:1px; overflow:hidden; } #bundle_options.expanded { height:auto; overflow:visible; } .customisation-popup.bundle_customisation_popup { position:absolute; top:0; left:0; width:100%; padding-bottom:20px; z-index:201; right:0; max-width:600px; margin:0 auto; } .customisation-popup.bundle_customisation_popup .add-to-first, .customisation-popup.bundle_customisation_popup .option-title { display:none; } .customisation-popup.bundle_customisation_popup .customisation-popup .price { margin-bottom:0; } .bundle_open_button { margin-top:25px; } .bundle_age_restricted { padding-bottom:10px; } #bundle_option_error > div { padding-top:15px; color:red; clear:both; text-align:right; } .bundle_product_remove { float:left; margin-left:25px; } .bundle_product_remove .la-button { padding:8px 20px; font-size:16px; height:auto; width:auto; line-height:normal; } .final-remove-hamper { padding:11px 15px; float:left; display:none; background:#ffeded; } .final-remove-hamper span { color:#777; text-decoration:underline; cursor:pointer; padding-left:10px; } .bundle_option_products .flickity-page-dots { display:none; } .bundle_option_products .flickity-prev-next-button { width: 7.5%; border-radius:0; height: 100%; opacity:1; z-index: 3; cursor: pointer; background-size: initial; background-position: center; background-repeat: no-repeat; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255,255,255,0))); color:#666; } .bundle_option_products .flickity-prev-next-button.previous { left:0; background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0.7) 63%, rgba(255,255,255,0) 100%); } .bundle_option_products .flickity-prev-next-button.next { right:0; background:linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0.7) 63%, rgba(255,255,255,0) 100%); } .bundle_option_products .flickity-prev-next-button.previous::after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); content: 'prev'; position:relative; z-index:5; font-size:36px; margin-left:-12px; } .bundle_option_products .flickity-prev-next-button.next::after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); content: 'next'; position:relative; z-index:5; font-size:36px; margin-right:-12px; } .bundle_option_products .flickity-prev-next-button svg { display:none; } .category-products.bundle_option_products .product-name { width: 100%; text-align: left; float: none; max-height: none; line-height: 1.5em; min-height: 3em; display: -webkit-box; flex-wrap: wrap; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; } .category-products.bundle_option_products .product_box .review_stars_2021 { clear: both; margin: 1px 0 0; float:left; } .category-products.bundle_option_products .product_box .product_info_trigger { float:right; padding:8px 3px 8px 5px; margin:-8px 0; float:right; text-decoration:underline; cursor:pointer; } .category-products.bundle_option_products .product_box .review-stars-none { margin: 1px 0 0; width: 1px; height: 13px; clear: both; } .category-products.bundle_option_products .product-price { clear: both; width: 100%; text-align: left; margin-top: 5px; border-left: 0; font-size:22px; font-weight:600; } .category-products.bundle_option_products .product-price .price_currency { font-size: 14px; font-weight: 800; vertical-align:baseline; } .category-products.bundle_option_products .product-price .new-price { text-align: left; font-weight: 600; font-size: 22px; float: left; width: auto; } .category-products.bundle_option_products .product-price .old-price { float: left; margin-left: 8px; vertical-align: baseline; padding-top: 4px; font-weight:normal; line-height:23px; } .category-products.bundle_option_products .product-price .old-price .price_currency { font-size: 12px; font-weight: normal; padding-right: 0; } .category-products.bundle_option_products .price_from { font-weight:normal; float:none; display:inline; line-height:23px; vertical-align:baseline; padding-top:0; } .category-products.bundle_option_products .product_box { position:relative; padding-bottom:50px; } .category-products.bundle_option_products .product_box .add_to_bundle_button, .category-products.bundle_option_products .product_box .remove_from_bundle { position:absolute; bottom:0; width:calc(100% - 16px); left:8px; } .bundle_chosen_so_far { text-align:center; font-size:16px; padding-bottom:20px; padding-top:15px; width:100%; } .bundle_chosen_so_far .la-button { padding:8px 30px; margin-right:8px; margin-left:50px; font-size:14px; } body.sticky_bundle_title_enabled .bundle_option_row.open .bundle_option_title { position:fixed; left:0; top:0; z-index:8; width:100%; box-sizing:border-box; background:#f2f2f2; border-bottom:1px solid #fff; pointer-events:none; } .bundle_chosen_so_far .clearfix { display:none; } .bundle_totals_container { clear:both; margin-top:40px; } .bundle_total_image { float:left; width:40%; margin-right:20px; } .bundle_total_image img { max-width:100%; } .bundle_totals { float:left; width:calc(60% - 20px); margin-top:0; } .bundle_total_price { text-transform:uppercase; font-size:18px; text-align:left; font-family:'Karla', Arial, Helvetica, sans-serif; letter-spacing:2px; float:left; padding-top:10px; } .bundle_total_price b { font-family: 'Poppins', Arial, Helvetica, sans-serif; font-size:0.9em; } .bundle_total_add_button.la-button { float:right; width:auto; height: auto; line-height:normal; padding:7px 50px; } .bundle_total_add_button.la-button.loading { pointer-events:none; font-size:16px; color:rgba(0,0,0,0); } .bundle_total_add_button.la-button.loading .text { display:inline; } .bundle_totals .age_restricted { clear:both; } .cart_hamper_contents { clear:both; } .cart_hamper_content_row { clear:both; margin-bottom:3px; padding:8px 0; } .cart_hamper_content_row * { box-sizing:border-box; } #checkout-grid .cart-row .product-name.cart_hamper_product_name { width:86%; } .bundle_product_remove.cart_hamper_product_remove { margin-left:8px; margin-top:18px; } .cart_hamper_content_img { float:left; width:5.2%; margin-left:0.8%; } .cart_hamper_content_img img { display:block; max-width:100%; } .cart_hamper_content_name { float:left; margin-left:0.8%; width:60%; padding-left:8px; } .cart_hamper_contents_title { padding-bottom:6px; padding-top:20px; font-weight:bold; margin-left:calc(6.8% + 8px); } .cart_hamper_content_row .stock { font-weight:bold; } .cart_hamper_content_row.out-of-stock-row { background: #FFEDED !important; } .bundle_product_image_selected { position:absolute; bottom:10px; right:10px; display:none; } .bundle_product_picked .bundle_product_image_selected { display:block; } .bundle_product_image_tick { width:36px; height:36px; background-size:22px; background-position:center; background-repeat:no-repeat; background-color:#f7e4d7; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='rgb(102,102,102)' d='M504.502,75.496c-9.997-9.998-26.205-9.998-36.204,0L161.594,382.203L43.702,264.311c-9.997-9.998-26.205-9.997-36.204,0 c-9.998,9.997-9.998,26.205,0,36.203l135.994,135.992c9.994,9.997,26.214,9.99,36.204,0L504.502,111.7 C514.5,101.703,514.499,85.494,504.502,75.496z'/%3E%3C/svg%3E"); -webkit-box-shadow: 3px 2px 5px 0px rgb(0 0 0 / 15%); box-shadow: 3px 2px 5px 0px rgb(0 0 0 / 15%); } .bundle_product_image_quantity { -webkit-box-shadow: 3px 2px 5px 0px rgb(0 0 0 / 15%); box-shadow: 3px 2px 5px 0px rgb(0 0 0 / 15%); height:36px; width:72px; } .bundle_product_quantity_number { float:left; background:#fff; width:36px; height:36px; line-height:36px; box-sizing:border-box; font-size:18px; text-align:center; } .bundle_product_quantity_add { float:left; background:#f7e4d7; width:36px; height:36px; line-height:36px; box-sizing:border-box; font-size:22px; text-align:center; } .is_full .bundle_product_quantity_add { background-size:22px; background-position:center; background-repeat:no-repeat; background-color:#f7e4d7; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='rgb(102,102,102)' d='M504.502,75.496c-9.997-9.998-26.205-9.998-36.204,0L161.594,382.203L43.702,264.311c-9.997-9.998-26.205-9.997-36.204,0 c-9.998,9.997-9.998,26.205,0,36.203l135.994,135.992c9.994,9.997,26.214,9.99,36.204,0L504.502,111.7 C514.5,101.703,514.499,85.494,504.502,75.496z'/%3E%3C/svg%3E"); color:rgba(0,0,0,0); } .bundle_option_products .product_grid_hover { cursor:pointer; } .chosen_remaining_minimum { display:inline-block; padding-left:50px; } .chosen_remaining_minimum span { display:inline-block; padding:7px 0 8px; } .product_bundle_info_overlay, .product_bundle_info_overlay * { box-sizing:border-box; } .product_bundle_info_overlay { position:fixed; top:0; left:0; width:100%; height:100%; display:none; z-index:25; align-items:center; justify-content:center; } .product_bundle_info_overlay_bg { background:rgba(0,0,0,0.4); position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; cursor:pointer; } .product_bundle_info_overlay_bg::after { display:block; position:absolute; top:0; right:0; width:80px; height:80px; content:''; background-image:url('/static/image/header/close_search_icon.svg'); background-repeat:no-repeat; background-position:center; background-size:28px; filter:brightness(800%); } .product_bundle_info_overlay_inner { padding:25px; background:#fff; position:relative; z-index:2; width:calc(100% - 60px); height:auto; max-width:570px; max-height:calc(100% - 60px); overflow-y:auto; border:3px solid #fff; } .product_bundle_info_overlay_image img { width:100%; height:auto; display:block; } .product_bundle_info_overlay_name { font-family: 'Karla', Arial, Helvetica, sans-serif; font-size: 22px; color: #666; margin-bottom: 5px; margin-top:8px; } .product_bundle_info_overlay_price { font-size:32px; font-weight:bold; float:left; } .product_bundle_info_overlay_price .price_currency { font-size:22px; } .product_bundle_info_overlay_price .new-price { color:#ff4040; } .product_bundle_info_overlay_price .old-price { font-weight:normal; font-size:16px; text-decoration:line-through; } .category-products .product_bundle_info_overlay_price .price_from { font-size:14px; } .product_bundle_info_overlay_review_stars { float:right !important; clear:none !important; width: 105px !important; margin-top:11px !important; } .product_bundle_info_overlay_review_stars.review_stars_2021 .review_stars_bg { background-size: 21px !important; width: 105px !important; height: 21px !important; } .product_bundle_info_overlay_review_stars.review_stars_2021 .review_stars_inner { background-size: 21px !important; } .product_bundle_info_overlay_minidesc ul { padding-left:20px; } .product_bundle_info_overlay_minidesc img { display:none !important; } .bundle_overlay_add, .bundle_product_picked .bundle_overlay_remove { display:block; } .bundle_overlay_remove, .bundle_product_picked .bundle_overlay_add { display:none; } @media only screen and (max-width: 1100px) { .bundle_option_products.category-products .span_1_of_many { width:33.33%; flex-basis:33.33%; } .bundle_total_image { width:30%; } .bundle_totals { width:calc(70% - 20px); } } @media only screen and (max-width: 900px) { .bundle_option_toggle, .bundle_total_title { font-size:16px; } .bundle_option_row .bundle_option_title.ticked::after { background-size:16px; } .bundle_option_title::after { background-size:24px; } } @media only screen and (max-width: 800px) { .bundle_option_products.category-products .span_1_of_many { width:50%; flex-basis:50%; } .bundle_total_image { display:none; } .bundle_totals { width:100%; } .product_bundle_info_overlay_bg::after { background-size:18px; height:40px; width:40px; } .product_bundle_info_overlay_inner { width:calc(100% - 85px); max-height:calc(100% - 100px); } } @media only screen and (max-width: 600px) { .cart_hamper_content_img { width:10.2%; } .cart_hamper_content_name { width:70.8%; padding-right:10px; } #checkout-grid .cart-row .product-name.cart_hamper_product_name { width:75%; } .bundle_chosen_so_far .la-button { font-size:12px; padding:7px 45px; display:inline-block; width:auto; height:auto; line-height:normal; box-sizing:border-box; margin: 30px 0 15px } .bundle_chosen_so_far .clearfix { display:block; } .chosen_remaining_minimum { padding-left:0; margin-top:20px; } } @media only screen and (max-width: 480px) { .category-products.bundle_option_products .product_box .review_stars_2021, .category-products.bundle_option_products .product_box .review-stars-none { margin-top:4px; } .category-products.bundle_option_products .product-price { margin-top:2px; } .add_to_bundle_button.la-button, .remove_from_bundle.la-button { font-size:12px; height: 31px; line-height:31px; } .category-products.bundle_option_products .product-name { min-height: 4.5em; display: -webkit-box; flex-wrap: wrap; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 3; overflow: hidden; } .category-products.bundle_option_products .product_box { padding-bottom:40px; } .bundle_total_content_row .bundle_chosen_product { margin-bottom:15px; } .bundle_option_title::after { right:5px; } .bundle_product_remove { margin-left:0; margin-top:15px; } .final-remove-hamper span { padding-left:0; padding-top:10px; padding-bottom:5px; display:block; } .bundle_option_products .flickity-page-dots { display:block; } .bundle_total_title { text-align:center; } .bundle_total_price { width:100%; text-align:center; } .bundle_total_add_button.la-button { width:100%; margin:20px auto 10px; } #bundle_option_error > div { text-align:center; } .bundle_total_content_name { font-size:12px; } .bundle_product_remove .la-button { font-size:14px; } .bundle_product_quantity_number { width:26px; height:26px; line-height:26px; font-size:14px; } .bundle_product_quantity_add { width:26px; height:26px; line-height:26px; font-size:18px; } .bundle_product_image_quantity { height:26px; width:52px; } .bundle_product_image_tick { width:26px; height:26px; background-size:18px; } .is_full .bundle_product_quantity_add { background-size:18px; } .category-products.bundle_option_products .product_box .product_info_trigger { padding-top:10px; } .product_bundle_info_overlay_inner { padding:15px; width:calc(100% - 50px); } .product_bundle_info_overlay_name { font-size:18px; } .product_bundle_info_overlay_price { font-size:28px; } .category-products .product_bundle_info_overlay_price .price_from { font-size:12px; } .product_bundle_info_overlay_price .price_currency { font-size:20px; } .product_bundle_info_overlay_review_stars { float:right !important; clear:none !important; width: 65px !important; margin-top:12px !important; } .product_bundle_info_overlay_review_stars.review_stars_2021 .review_stars_bg { background-size: 13px !important; width: 65px !important; height: 13px !important; } .product_bundle_info_overlay_review_stars.review_stars_2021 .review_stars_inner { background-size: 13px !important; } .product_bundle_info_overlay_price .old-price { font-size:12px; } .product_bundle_info_overlay_bg::after { height:50px; width:50px; } .bundle_option_products.category-products .span_1_of_many { margin-bottom:50px; } } /* --- bundles (end) --- */ /* --- Hamper category page --- */ .mothersday_hamper_category h1, .fathersday_hamper_category h1 { padding-top:40px; text-align:center; } .choose_hamper_description { font-size:14px; padding:0 50px 10px; box-sizing:border-box; } .hamper_three_steps { box-sizing:border-box; margin-top:15px; margin-bottom:50px; } .hamper_three_steps .hamper_step { width:33.333%; float:left; padding:0 30px; box-sizing:border-box; text-align:center; } .hamper_three_steps .hamper_step h2 { font-size:18px; text-align:center; padding-top:10px; } .hamper_three_steps .hamper_step .hamper_step_number { display:inline-block; width:40px; height:40px; border-radius:40px; line-height:40px; font-size:18px; background:#efe6e9; } .choose_hamper_block { margin-top:70px; text-align:center; box-sizing:border-box; } .choose_hamper_block h2 { margin-bottom:20px; } .choose_hamper_block p { font-size:14px; margin-bottom:2px; } .choose_hamper_carousel { margin-top:40px; padding-left:0; width:100%; border-left:0; text-align:center; } .choose_hamper_video { box-sizing:border-box; padding:10px 50px 30px; } .choose_hamper_video video { box-sizing:border-box; width:100%; height:auto; } .choose_hamper_inspiration h2 { text-align:center; } .choose_hamper_inspiration .hamper_inspiration_block { width:33.333%; float:left; padding:0 15px; box-sizing:border-box; position:relative; padding-bottom:70px; margin-top:20px; } .hamper_inspiration_block_container { display:flex; flex-wrap:wrap; } .choose_hamper_inspiration .hamper_inspiration_block .inspiration_block_button { position:absolute; bottom:0; left:0; width:100%; text-align:center; } .choose_hamper_inspiration .hamper_inspiration_block .inspiration_block_button .la-button { display:inline-block; width:auto; padding:10px 25px; height:auto; line-height:normal; font-size:18px; } .choose_hamper_inspiration { margin-bottom:100px; } .choose_hamper_inspiration .hamper_inspiration_block h2 { font-size:18px; padding-top:10px; } .choose_hamper_inspiration .hamper_inspiration_block .inspiration_block_description { text-align:center; } .inspiration_block_image img { width:100%; } .category-products .span_1_of_many.hamper_grid_product { width:250px; display:inline-block; text-align:left; margin:0 10px 60px !important; margin-bottom:0; } .category-products .span_1_of_many.hamper_grid_product .la-button { height:auto; line-height:normal; font-size:18px; margin-top:10px; padding:8px 0; } .hamper_mobile_steps { display:none; text-align:center; } .hamper_three_steps .hamper_mobile_steps .hamper_step_number { display:inline-block; width:40px; height:40px; border-radius:40px; line-height:40px; font-size:18px; background:#efe6e9; margin:0 5px; } .choose_hamper_block_mobile { display:none; } .choose_hamper_intro { text-align:center; margin-bottom:30px; } .choose_hamper_intro p { font-size:14px; } .choose_hamper_intro .la-button.scroll_to_hampers { height: auto; line-height: normal; font-size: 18px; margin-top: 10px; padding: 8px 25px; display:inline-block; width:auto; } @media only screen and (max-width: 900px) { .choose_hamper_description { text-align:center; font-size:12px; } .choose_hamper_intro p { font-size:12px; } .hamper_three_steps .hamper_step { padding:0 15px; } .choose_hamper_inspiration .hamper_inspiration_block .inspiration_block_button .la-button { font-size:14px; } .category-products .span_1_of_many.hamper_grid_product { width:33.333%; box-sizing:border-box; display:block; float:left; margin:0 !important; padding:0 10px; } .hamper_grid_product .product_grid_hover img { width:100%; } } @media only screen and (max-width: 650px) { .choose_hamper_inspiration .hamper_inspiration_block { width:100%; clear:both; } .inspiration_block_image { float:left; width:50%; } .inspiration_block_lower { float:left; width:50%; padding-left:15px; box-sizing:border-box; } .choose_hamper_inspiration .hamper_inspiration_block .inspiration_block_button { position:relative; margin-top:10px; } .choose_hamper_inspiration .hamper_inspiration_block { padding-bottom:20px; } .choose_hamper_inspiration .hamper_inspiration_block h2 { padding-top:0; } .hamper_inspiration_block_container .hamper_inspiration_block:nth-child(2) .inspiration_block_image { float:right; } .hamper_inspiration_block_container .hamper_inspiration_block:nth-child(2) .inspiration_block_lower { padding-left:0; padding-right:15px; } .category-products .span_1_of_many.hamper_grid_product { width:48%; padding:0 5px; } .choose_hamper_carousel .flickity-viewport { padding-bottom:20px; } } @media only screen and (max-width: 480px) { .hamper_three_steps .hamper_step { width:100%; margin-bottom:40px; display:none; } .hamper_three_steps .hamper_step:nth-of-type(2) { display:block; } .choose_hamper_block { margin-top:10px; } .choose_hamper_block p { font-size:12px; } .choose_hamper_video { padding:30px 20px; } .choose_hamper_inspiration .hamper_inspiration_block { padding:0 10px; margin-bottom:20px; } .category-products .span_1_of_many.hamper_grid_product .la-button { font-size:16px; } .hamper_three_steps .hamper_step .hamper_step_number { display:none; } .hamper_mobile_steps { display:block; } .hamper_step_number { opacity:0.5; cursor:pointer; } .hamper_step_number.active { opacity:1; } .choose_hamper_block { display:none; } .choose_hamper_block.choose_hamper_block_mobile { display:block; text-align: center; box-sizing:border-box; margin-top:40px; margin-bottom:15px; } .choose_hamper_description { display:none; } .mothersday_hamper_category h1, .fathersday_hamper_category h1 { padding-top:5px; padding-bottom:20px; padding-left:10px; padding-right:10px; } .choose_hamper_carousel { margin-top:5px; } .choose_hamper_block h2 { margin-bottom:10px; } .choose_hamper_flip { display:flex; flex-flow: column; flex-wrap:wrap; } .choose_hamper_flip .choose_hamper_carousel { order:2; } .choose_hamper_flip .hamper_three_steps { order:1; margin-top:10px; margin-bottom:10px; } .choose_hamper_inspiration { margin-top:50px; margin-bottom:50px; } .inspiration_block_image { background-size:cover; display:block; width:100%; height:58vw; background-repeat:no-repeat; background-position:center; } .inspiration_block_image img { display:none; } .inspiration_block_image a { display:block; width:100%; height:100%; } .inspiration_block_lower { width:100%; padding-left:0 !important; padding-right:0 !important; margin-bottom:20px; margin-top:15px; } .choose_hamper_intro .la-button.scroll_to_hampers { font-size:14px; } } @media only screen and (min-width: 481px) { .hamper_three_steps .hamper_step { display:block !important; } .inspiration_block_image { background:none !important; } } /* --- Hamper category page (end) --- */ /* --- Easter Egg Hunt (start) --- */ .footer_egg { } .easter_egg_bounce { position:fixed; left:-140px; bottom:-7px; animation-name: eggmove; /* animation-delay: 2s; */ animation-duration: 80s; animation-timing-function: linear; z-index:5; cursor:pointer; } .easter_egg_bounce img { height:120px; width:92px; animation-name: eggbounce; /* animation-delay: 2s; */ animation-duration: 1.5s; animation-timing-function: linear; animation-iteration-count: infinite; transform-origin:50% 80%; } .easter_newsletter_form { position:fixed; top:0; left:0; width:100%; height:100%; z-index:151; display:none; align-items:center; justify-content:center; background:rgba(0,0,0,0.3); } .easter_newsletter_form_inner { padding:30px 50px 20px; display:inline-block; background:#faf6f1; text-align:center; position:relative; } .easter_newsletter_close { position:absolute; cursor:pointer; top:0; right:0; height:45px; width:45px; background-image:url('/static/image/header/close_search_icon.svg'); background-repeat:no-repeat; background-position:center; } .easter_popup_hooray { color:#dd3a58; } .easter_popup_hooray img { width:45%; max-width: 140px; padding-bottom:10px; } .easter_popup_post { display:none; padding-top:20px; font-size:16px; } .easter_popup_input input { padding:8px 15px; font-size:18px; font-family:'Karla', Arial, Helvetica, sans-serif; border:1px solid #ddd; margin:8px 0 2px; min-width:320px; } .easter_popup_eggles { color:#dd3a58; text-transform: uppercase; letter-spacing:2px; font-family:'Karla', Arial, Helvetica, sans-serif; font-weight:700; font-size:28px; position:relative; display:inline-block; } .easter_popup_eggles img { position:absolute; width:80px; left:-100px; top:-38px; } .easter_popup_content { font-size:16px; padding:10px; max-width:540px; } .easter_footer_message { color:red; padding:5px; } .easter_counter { position:fixed; bottom:0; left:0; z-index:2; font-size:30px; padding:15px; background:#fff; } #easter_newsletter_form .la-button, .easter_popup_post .la-button { display:inline-block; background-color:#dd3a58; padding:0 80px; width:auto; max-width:100%; min-width:200px; margin-bottom:10px; } #easter_newsletter_form .la-button { padding:0 50px; border-radius:0; border:0; background-color:#dd3a58 !important; -webkit-appearance: none !important; } .easter_popup_post .la-button { width:270px; padding-left:5px; padding-right:5px; } #easter_newsletter_form .la-button.loading { background-image:url('https://cdn.lisaangel.co.uk/static/image/gif-load-red.gif'); } .easter_popup_success { color:#477563; font-size:16px; margin-bottom:5px; } .easter_popup_success.easter_success_percentage { font-size:35px; font-family:'Karla', Arial, Helvetica, sans-serif; letter-spacing:5px; font-weight:700; text-transform:uppercase; margin-bottom:8px; } .easter_popup_success.easter_success_code { font-size:28px; font-family:'Karla', Arial, Helvetica, sans-serif; letter-spacing:3px; font-weight:700; text-transform:uppercase; margin-bottom:20px; } .easter_popup_terms a { font-size:1em; text-decoration:underline; } .easter_success_message { max-width:540px; padding-bottom:20px; } .easter_hunt_page { background:#faf6f1; padding:15px 15px 50px; text-align:center; margin-bottom:30px; } .easter_hunt_page, .easter_hunt_page * { box-sizing:border-box; } .easter_hunt_page h1 { text-transform:uppercase; color:#dd3a58; font-weight:700; letter-spacing:5px; margin-top:50px; } .easter_page_eggle { display:inline-block; position:relative; margin-top:30px; } .easter_page_eggle img { width:100px; } .easter_page_eggle > div { position:absolute; text-transform:uppercase; color:#dfc414; letter-spacing:4px; font-size:14px; } .easter_page_eggle > div:nth-of-type(1) { top:20px; right: 220%; transform:rotate(-10deg); transform-origin: center; } .easter_page_eggle > div:nth-of-type(2) { top:70px; right: 120%; transform:rotate(10deg); transform-origin: center; } .easter_page_eggle > div:nth-of-type(3) { top:20px; left: 120%; transform:rotate(-10deg); transform-origin: center; } .easter_page_eggle > div:nth-of-type(4) { top:70px; left: 220%; transform:rotate(10deg); transform-origin: center; } .easter_hunt_page_content { padding:30px 0; font-size:16px; display:inline-block; width:100%; max-width:520px; } .easter_hunt_page_buttons { display:inline-block; width:100%; max-width:520px; position:relative; } .easter_hunt_page_rabbit { position:absolute; top:0; left: 106%; } .easter_hunt_page_rabbit img { width:75px; } .easter_hunt_page_buttons .la-button { width: 45%; margin: 10px 2.5%; float: left; background:#dd3a58; } .easter_hunt_page_buttons h2 { color:#dd3a58; text-transform:uppercase; font-weight:700; letter-spacing:3px; } @media only screen and (max-width: 800px) { .easter_hunt_page_buttons { max-width:450px; } } @media only screen and (max-width: 700px) { .easter_newsletter_form { padding:15px; box-sizing:border-box; } .easter_newsletter_form_inner { width:100%; padding:30px 20px 20px; } .easter_popup_content, .easter_popup_success, .easter_popup_success, .easter_popup_post, .easter_hunt_page_content { font-size:14px; } .easter_popup_input input { min-width:10px; width:100%; box-sizing:border-box; } .easter_popup_success.easter_success_code { font-size:24px; } .easter_popup_success.easter_success_percentage { font-size:30px; } .easter_hunt_page_buttons .la-button { width: 95%; margin: 10px 2.5%; } .easter_page_eggle img { width:80px; } .easter_page_eggle > div { font-size:12px; letter-spacing:2px; } .easter_hunt_page_rabbit img { width:60px; } .easter_hunt_page_rabbit { left:103%; top:60px; } .easter_hunt_page_buttons { width:65%; } .easter_hunt_page_buttons .la-button { font-size:16px; } } @media only screen and (max-width: 480px) { .easter_popup_eggles img { width:55px; left:-60px; top:-12px; } #easter_newsletter_form .la-button { padding:0 30px; } .easter_newsletter_close { width:30px; height:30px; background-size:14px; } .easter_page_eggle > div:nth-of-type(1) { right:150% } .easter_page_eggle > div:nth-of-type(2) { right:110% } .easter_page_eggle > div:nth-of-type(4) { left:150%; } .easter_page_eggle > div:nth-of-type(3) { left:110% } .easter_popup_hooray img { max-width:115px; padding-bottom:0; } .easter_popup_eggles { font-size:22px; } .easter_popup_post { padding-top:10px; } .easter_popup_success.easter_success_percentage { font-size:25px; } .easter_popup_success.easter_success_code { font-size:20px; } .easter_success_message { padding-bottom:15px; } .easter_popup_success.easter_success_code { margin-bottom:10px; } .easter_success_message { font-size:12px; } .easter_newsletter_form_inner { padding-top:20px; } .easter_hunt_page_rabbit { display:none; } .easter_hunt_page_buttons { width:100%; } } @media only screen and (max-width: 350px) { .easter_page_eggle > div { display:none; } .easter_hunt_page_buttons { width:100%; } .easter_hunt_page_rabbit { display:none; } } @keyframes eggmove { from {left:-140px;} to {left: 3000px;} } @keyframes eggbounce { 0% {height:105px; margin-bottom:0; transform:rotate(0deg); margin-left:10px;} 2% {height:105px; margin-bottom:0; margin-left:14px;} 10% {transform:rotate(10deg); margin-bottom:10px; margin-left: 18px;} 20% {height:120px; margin-bottom:25px; transform:rotate(12deg);} 40% {height: 120px; margin-bottom:45px; transform:rotate(6deg)} 45% {height: 120px; margin-bottom:50px; transform:rotate(4deg)} 55% {height: 120px; margin-bottom:55px;} 60% {height:120px; margin-bottom:50px; transform:rotate(-4deg)} 65% {height:120px; margin-bottom:40px; transform:rotate(-6deg)} 80% {height:120px; margin-bottom:10px; transform:rotate(-10deg); margin-left: 23px;} 98% {height:105px; margin-bottom:0; margin-left:6px;} 100% {height:105px; margin-bottom:0; transform:rotate(0deg); margin-left:10px;} } /* --- Easter Egg Hunt (end) --- */ /* --- Newsletter Popup (start) --- */ .newsletter_bar { display:block; clear:both; width:100%; color:#666; background:#f7e4d7; position:relative; text-align:center; padding:0 40px; box-sizing: border-box; } @media (prefers-color-scheme: dark) { .newsletter_bar { background:#000; color:#eee; } } .newsletter_bar_inner { padding:5px 0 6px; font-size:14px; cursor:pointer; } .newsletter_bar_close { position:absolute; top:0; right:0; width:30px; height:100%; box-sizing:border-box; z-index:2; cursor:pointer; padding:10px; line-height:0; } .newsletter_bar_close svg { width:100%; height:100%; } .newsletter_modal { display:none; position:fixed; top:0; left:0; height:100%; width:100%; z-index:9999999; align-items:center; justify-content:center; } .newsletter_modal_outer { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3); } .newsletter_modal_inner { position:relative; padding:35px 40px 20px; width:95%; max-width:500px; background:#efe6e9; text-align:center; box-sizing:border-box; } .newsletter_modal_close { position:absolute; cursor:pointer; top:0; right:0; height:45px; width:45px; background-image:url('/static/image/header/close_search_icon.svg'); background-repeat:no-repeat; background-position:center; } .newsletter_modal_title { text-transform: uppercase; letter-spacing:2px; font-family:'Karla', Arial, Helvetica, sans-serif; font-size:20px; margin-bottom:20px; } .newsletter_modal_oops { text-transform: uppercase; letter-spacing:2px; font-family:'Karla', Arial, Helvetica, sans-serif; font-size:25px; margin-bottom:15px; } .newsletter_modal_percent { text-transform: uppercase; letter-spacing:2px; font-family:'Karla', Arial, Helvetica, sans-serif; font-size:40px; } .newsletter_modal_percent_sub { font-size:14px; } .newsletter_modal_text { font-size:14px; padding:20px 0; } #newsletter_modal_form .la-button, .newsletter_modal_continue.la-button { display:inline-block; width:auto; padding-left:60px; padding-right:60px; border-radius:0; border:0; -webkit-appearance: none !important; padding: 5px 60px 5px; height:auto; line-height:normal; } #newsletter_modal_form .la-button.loading { font-size:16px; color:rgba(255,255,255,0); } .newsletter_modal_input input { padding:8px 15px; font-size:18px; font-family:'Karla', Arial, Helvetica, sans-serif; border:1px solid #999; margin:8px 0 2px; min-width:320px; } .newsletter_modal_message { color:red; padding:5px; } .newsletter_modal_success { display:none; } .newsletter_modal_unsub { margin-top:15px; } .newsletter_modal_terms a { font-size:1em; color:#666; text-decoration:underline; } .newsletter_modal_hello img { width:70%; max-width:250px; margin-bottom:15px; } @media only screen and (max-width: 700px) { .newsletter_bar_inner { font-size:12px; } } @media only screen and (max-width: 480px) { .newsletter_bar_inner { font-size:12px; } .newsletter_modal_inner { padding:25px 25px 20px; } .newsletter_modal_title { font-size:16px; margin-bottom:6px; } .newsletter_modal_percent { font-size:34px; } .newsletter_modal_percent_sub, .newsletter_modal_text { font-size:12px; padding:0 0 10px; } .newsletter_modal_input input { min-width:100px; width:100%; box-sizing:border-box; font-size:14px; padding:6px 10px; } .newsletter_modal_continue.la-button { height:auto; line-height:normal; padding-top:8px; padding-bottom:8px; } .newsletter_modal_close { height:30px; width: 30px; background-size:15px; } .newsletter_modal_continue.la-button { padding-left:40px; padding-right:40px; } } /* --- Newsletter Popup (end) --- */ /* --- Mobile page load fixes (avoiding content shift) (start) --- */ @media only screen and (max-width: 699px) { .photo-wrapper .swiper-slide { display:none; } .photo-wrapper .swiper-slide:first-of-type { display:block; margin:0 auto; } } .photo-wrapper .swiper-slide img { height:auto; } .promo_group .col.block a img { height:auto; background:#f2f2f2; } .category-products .span_1_of_many img, .product_grid .span_1_of_many img { height:auto; } #you-might-like-flickity .carousel-cell { display:none; } #you-might-like-flickity .carousel-cell:first-of-type { display:block; margin-bottom:35px; } #you-might-like-flickity .carousel-cell img { height:auto; } /* --- Mobile page load fixes (avoiding content shift) (end) --- */ .personalised_promo_banner img { display:block; width:100%; height:auto; } #gbadge iframe { max-width:180px; } #gbadge > span { border:0 !important; } /* --- Gift Finder (start) --- */ .gift_finder_container { background:#f9f9f9; padding:20px 10px; margin-bottom:30px; position:relative; } .gift_finder_background { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background-image:url('https://www.lisaangel.co.uk/image/data/categories/fathers-day/2021/fd-bg2.jpg'); background-size:cover; background-repeat:no-repeat; background-position:0px 0px; opacity:0.2; } .gift_finder_inner { position:relative; z-index:2; } .gift_finder_container h1 { text-align:center; margin-top:20px; color:#333; font-size:32px; } .gift_finder_container h1 img { max-width:400px; width:70%; } .gift_finder_container h2 { text-align:center; margin:60px 0 10px; font-weight:600; color:#333; } .gift_finder_answer_list { text-align:center; display:flex; flex-wrap:wrap; justify-content:center; width:100%; padding:20px 0; } .gift_finder_answer { display:inline-block; height:140px; width:140px; margin:10px; border:1px solid #888; cursor:pointer; } .fathers_day_gift_finder .gift_finder_answer { background:#4e654c; color:#fff; border:0; } .question_text b { text-decoration:underline; text-transform:lowercase; } .gift_finder_answer_inner { display:flex; width:100%; height:100%; align-items: center; justify-content: center; font-family:'Karla', Arial, Helvetica, sans-serif; font-size:18px; padding:5px; box-sizing:border-box; } .gift_finder_question { display:none; } .gift_finder_question:first-of-type { display:block; } .question_text { cursor:pointer; } .gift_finder_text { font-family:'Karla', Arial, Helvetica, sans-serif; font-size:18px; text-align:center; display:none; max-width:600px; margin:0 auto; min-height:70px; } .gift_finder_spacer { display:block; height:70px; } .gift_finder_final { display:none; text-align:center; background:#f9f9f9; margin:-20px; } .gift_finder_final .gift_finder_text_final { font-family:'Karla', Arial, Helvetica, sans-serif; text-align:center; display:block; max-width:600px; font-size:26px; padding:80px 15px 50px; margin:0 auto; } .gift_finder_question_back.la-button { font-size:16px; height:auto; width:auto; padding:6px 30px 8px; line-height:normal; display:inline-block; margin-top:20px; } .gift_finder_final .gift_finder_text_final .gift_finder_question_back { display:none; } .gift_finder_final .la-button { display:inline-block; width:auto; padding:0 50px; margin-bottom:40px; } .gift_finder_container .product_block_container { display:flex; flex-wrap:wrap; justify-content:center; } .gift_finder_container .category-products .span_1_of_many.gift_finder_category_block { display:flex !important; justify-content:center; align-items:center; flex-wrap:wrap; background:#f2f2f2; box-sizing:border-box; padding:70px 15px; border-left:15px solid #f9f9f9; border-right:15px solid #f9f9f9; margin-bottom:55px; width:25%; text-align:center; } .gift_finder_container .span_1_of_many a.gift_finder_category_button.la-button { display:inline-block; padding-left:40px; padding-right:40px; width:auto; line-height:normal; height:auto; padding:6px 30px; margin-top:45px; } .gift_finder_view_more.la-button, .gift_finder_category_button.la-button { display:inline-block; padding-left:40px; padding-right:40px; width:auto; line-height:normal; height:auto; padding:6px 30px; } .gift_finder_no_results_button.la-button { margin:20px 0 30px; } .gift_finder_category_block span { font-size: 22px; font-family:'Karla', Arial, Helvetica, sans-serif; text-align: center; } .gift_finder_center { text-align:center; margin:30px 0; order:3; width:100%; } .gift_finder_no_results { font-size:18px; font-family:'Karla', Arial, Helvetica, sans-serif; text-align:center; padding:20px 0 10px; } .gift_finder_start_over { display:block; } .gift_finder_progress { text-align:center; margin-top:30px; display:none; } .gift_finder_progress_icon { display:inline-block; margin-left:2px; height:17px; width:17px; } .gift_finder_progress_icon svg, .gift_finder_progress_icon img { height:17px; width:17px; fill:#666; } .gift_finder_progress_bar { display:inline-block; height:10px; width:100px; border-radius:20px; border:1px solid #666; position:relative; box-sizing:border-box; margin-top:6px; vertical-align:top; } .gift_finder_progress_bar_inner { position:absolute; top:-1px; left:-1px; box-sizing:border-box; height:10px; border-radius:20px; border:1px solid #666; width:15%; background:#666; } @media only screen and (max-width:880px){ .gift_finder_center { order:4; } .start_over_count4 { display:block; } } @media only screen and (max-width:710px){ .gift_finder_background { background-size: 1100px; background-position:center top; } } @media only screen and (max-width:600px){ .gift_finder_final .gift_finder_text_final { font-size:20px; } .gift_finder_category_block span { font-size:16px; } #header2021 .header_logo img { margin-bottom:-30px; } } @media only screen and (min-width:601px){ #header2021 .header_logo img { margin-bottom:-12px; } } @media only screen and (max-width:480px){ .gift_finder_background { background-size: 920px; background-position:center top; } .gift_finder_container h2 { font-size:18px; margin-top:30px; } .gift_finder_answer_inner { font-size:16px; } .gift_finder_answer { height:110px; width:110px; margin:5px; } .gift_finder_no_results { font-size:16px; } .gift_finder_container .span_1_of_many a.gift_finder_category_button.la-button { font-size:14px; padding:6px 15px; } .gift_finder_container .span_1_of_many.gift_finder_category_block { padding:30px 10px; } .gift_finder_no_results_button.la-button, .gift_finder_question_back.la-button { font-size:16px; } } /* --- Gift Finder (end) --- */ /* --- 2021 Site Revamp (start) --- */ body { background:#fff; } #outer-container { width:100%; } .container_2021 { width:100%; box-sizing:border-box; max-width:1400px; padding:0 15px; margin:0 auto; } .full_width_padding { width:100%; padding:0 15px; box-sizing:border-box; } .inner-container { box-sizing:border-box; width:100%; max-width:1920px; margin:0 auto; } #header2021 { display:flex; flex-wrap:wrap; padding:15px 15px 5px; } #header2021 .header_logo { float:left; width:25%; position:relative; z-index:2; } #header2021 div.header_search { float:left; width:50%; display:flex; align-items:center; justify-content:center; box-sizing:border-box; } #header2021 div.header_search .icon img { padding:10px; margin-top:2px; width:18px; height:auto; cursor:pointer; box-sizing:content-box; } #header2021 input.header_search { font-size:16px; margin-left:0; width:100%; box-sizing:border-box; padding: 5px 13px; font-weight: 400; font-family: 'Poppins'; border:3px solid #f7e4d7; background:#fff ; padding-right:30px !important; } .header_search_inner { width:65.33%; max-width:500px; position:relative; } #header2021 .header_search span.icon { position:absolute; width:38px; top:0; right:0; } #header2021 .header_search_container { width:100%; display:flex; align-items:center; justify-content:center; } #header2021 .header_buttons { float:left; width:25%; display:flex; align-items:center; justify-content:flex-end; position:relative; } #header2021 .wishlist_icon { width:22px; display:inline-block; position:relative; } #header2021 #account_links { display:none; position: absolute; box-sizing: border-box; right: 0px; top: 19px; font-family:'Karla', Arial, Helvetica, sans-serif; font-size: 16px; text-align: center; z-index: 155; width: 175px; border-top:5px solid #fff; } #header2021 .account_icon { float:right; position:relative; margin-left:15px; } #header2021 .account_icon > img { width:19px; } #header2021 .account_icon:hover #account_links { display:block; } #header2021 #currencySelector { float:right; } #header2021 .account_icon:hover #account_links { background: #f9f9f9; padding: 15px; margin-top: 0; } #header2021 .account_icon:hover #account_links .la-button { font-family:'Karla', Arial, Helvetica, sans-serif; font-size: 16px; margin-top: 10px; } #header2021 #currencySelector { height: 18px; line-height: 18px; margin-left:15px; font-size:16px; margin-top:8px; } #header2021 #currencySelector .currency_flag { display:none; } #menu.header2021 { border:0; } #menu.header2021 > ul > li > a { text-transform:uppercase; position:relative; } #menu.header2021 > ul > li:hover > a { background:#fff; border-left:0; border-right:0; padding:0 8px; } #menu.header2021 > ul > li > div { background:#fff; border:0; } #header2021 #localisation { right: 0; top: 42px; background: #f9f9f9; border:1px solid #ddd; } #header2021 #cart { display: inline-block; vertical-align: top; position: relative; } #header2021 .header_buttons > #cart { margin-left:5px; } #header2021 .header_buttons .icon { display: inline-block; width: 19px; height: 19px; text-align: center; padding: 0px; cursor: pointer; margin: 5px 0 0 15px; vertical-align: middle; } #header2021 .header_buttons .icon.cart_icon { background: url(../image/header/bag_icon_empty.svg) no-repeat center center; background-size: 19px 19px; vertical-align: top; color: white; padding: 8px 0 0; font-size: 10px; text-align: center; box-sizing:content-box; } #header2021 .header_buttons .icon.cart_icon.full { background-image: url(../image/header/bag_icon.svg); } #header2021 .wishlist.wishlist-dot { position:relative; } #header2021 .wishlist.wishlist-dot:before { position: absolute; content: ' '; height: 7px; width: 7px; background: #ff728c; top: 1px; z-index:2; border-radius: 50%; right: -6px; border: 2px solid #fff; } #header2021 .header_buttons .icon svg { transform: scale(1.25); } #header2021 #cart.cart_2018 .content { display: none; position: absolute; top: 32px; right: 0px; width: 290px; border: 1px solid #ddd; background: #f9f9f9; padding: 10px; z-index: 203; box-sizing:content-box; } .newsletter_bar_inner { font-size:12px; padding:9px 0 11px; } #promo-group { margin:0 auto 10px; } #promo-group div { width:32.66%; margin-left:1%; } #promo-group div:first-of-type { margin-left:0; } .homepage_slider, .homepage_slider_inner { width:100%; } .homepage_slider_slide { width:100%; height:650px; background-size:cover; background-position:center; background-repeat:no-repeat; } .homepage_slider .flickity-page-dots { position:relative; margin-top:-18px; } #footer-main { background:#f7e4d7; margin-top:20px; padding-top:70px; } #promo-bar { border-bottom:0; } .span_1_of_2.footer-links, .footer-logos { width:100%; clear:both; float:none; box-sizing:border-box; } .span_1_of_2.footer-links { display:flex; justify-content:space-between; padding-bottom:40px; } .footer-title, .footer-col ul, .footer-col li { width:auto; display:block; clear:both; } .karla_header { font-family:'Karla', Arial, Helvetica, sans-serif !important; } .footer-title { font-size:20px; margin-bottom:10px; } .footer-logos { padding-top:10px; padding-bottom:10px; } .footer_review_stars { padding-top:12px; font-size:18px; clear:both; } .homepage_text_content { text-align:center; } .homepage_text_content h1 { margin-top:40px; font-size:24px; } .homepage_text_content #category-desc.home_text { font-size:14px; width:100%; max-width:700px; margin:20px auto 20px; } .homepage_text_content .home_text a { font-size:1em; } .homepage_block { width:100%; height:700px; background-color:#eee; float:left; margin-bottom:30px; position:relative; overflow:hidden; } .homepage_block_background { position:absolute; width:100%; height:100%; left:0; top:0; transition:all 0.5s; background-size:cover; background-position:top center; background-repeat:no-repeat; } .homepage_block:hover .homepage_block_background { transform:scale(1.05); } .homepage_block a { display:block; width:100%; height:100%; position:absolute; top:0; left:0; } .homepage_block .inner_button { position:absolute; bottom:80px; left:0; right:0; width:100%; text-align:center; text-transform:uppercase; box-sizing:border-box; padding:0 15px; } .homepage_block .inner_button span { display:inline-block; background:#e5a488; padding:10px 50px; width:auto; color:#fff; transition:background 0.5s, color 0.5s; font-size:16px; letter-spacing:1px; } .homepage_double_block .homepage_block { width:49%; margin-left:1%; } .homepage_double_block .homepage_block:first-of-type { margin-left:0; margin-right:1%; } .mobile_nav_toggle, .mobile_sub_menu { display:none; } .mobile_menu_close { display:none; } .footer-col li a, .footer-col li div{ text-transform:capitalize; } .footer_feefo { margin-top:20px; opacity:0.8; display:block; clear:both; } .footer_feefo img { max-width:100%; } .footer_reviews { clear:both; } .homepage_feature_header { height:650px; width:100%; max-width:1920px; margin-left:auto; margin-right:auto; background-size: contain; background-position: top center; background-repeat: no-repeat; } .homepage_feature_header .container_2021 { height:100%; } .homepage_feature_header .home_header_inner { display:flex; height:100%; align-items:center; justify-content:left; max-width:40%; color:#333; } .home_header_title { font-size:50px; margin-bottom:40px; } .home_header_sub { font-size:28px; margin-bottom:70px; } .home_header_button { display: inline-block; background: #e5a488; padding: 10px 50px; width: auto; color: #fff; font-size: 18px; text-transform:uppercase; cursor:pointer; } .homepage_triple_block { float:left; width:100%; clear:both; margin-top:50px; } .homepage_triple_block .homepage_block { width:32%; margin-right:2%; height:440px; } .homepage_triple_block .homepage_block:last-of-type { margin-right:0; } .homepage_triple_block .homepage_block .inner_button { bottom:30px; } .homepage_triple_block .homepage_block .inner_title { top:40px; position: absolute; left: 0; right: 0; width: 100%; text-align: center; color:#333; font-size:28px; padding:0 15px; box-sizing:border-box; } .homepage_la_story { margin:75px 0; clear:both; float:left; width:100%; } .homepage_la_story h2 { font-size:32px; } .homepage_story_text { width:50%; float:left; } .homepage_story_copy { font-size:14px; padding:20px 0; padding-right:20px; box-sizing:border-box; } .homepage_story_image { width:50%; float:left; padding-left:20px; box-sizing:border-box; } .homepage_story_image img { width:100%; } .homepage_story_more { display: inline-block; background: #e5a488; padding: 10px 50px; width: auto; color: #fff; font-size: 14px; text-transform: uppercase; cursor: pointer; margin-top:20px; } .homepage_story_image { display:flex; overflow:hidden; align-items:center; justify-content:center; } .homepage_story_image img { width:auto; height:400px; } #footer_social_icons { text-align:center; } #footer_social_icons img { width:32px; padding:0 12px; box-sizing:content-box; } .old_body_container { width:100%; max-width:990px; padding:0 15px; box-sizing:border-box; margin:0 auto; } .promo_block_2021 { margin-bottom:15px; background:#f7e4d7; } .promo_block_2021 .promo_block { width:33.33%; float:left; padding:8px 10px 5px; box-sizing:border-box; text-align:center; position:relative; } .promo_block_2021 .promo_block::after { display:block; content:""; width:1px; height:18px; background:#666; position:absolute; left:0; top:50%; transform:translateY(-50%); } .promo_block_2021 .promo_block:first-of-type:after { display:none; } .promo_block_2021 .promo_block .promo_block_top { text-transform:uppercase; font-size:15px; line-height:18px; } input#button-search { -webkit-appearance: none !important; border-radius:0; font-size:14px !important; } .section.recommended { margin:10px 0; } .section.recommended .section-title { float:none; text-align:center; padding:10px 0 15px; } #product-info #product-additional { padding:20px 0 8px; } #product-info .social { margin:1em 0; } .v2_product_view #product-info #mini-desc ul { padding-left:1.5em; } #product-bottom .span_1_of_third.latest_reviews { background:transparent; padding:18px 25px; text-align:center; box-sizing:border-box; } .latest_reviews_block { width:100%; box-sizing:border-box; padding:30px 25px 0; } .latest_reviews_text { width:100%; font-size:16px; max-width:275px; padding-top:10px; margin:0 auto; text-align:center; } .latest_reviews_text span { font-weight:600; color:#666; cursor:pointer; font-size:0.9em; padding-left:3px; } .latest_reviews .flickity-prev-next-button .flickity-button-icon { opacity:0.8; } .latest_reviews .flickity-prev-next-button.next .flickity-button-icon { left:auto; right:20%; } .latest_reviews .flickity-prev-next-button, .latest_reviews .flickity-prev-next-button:hover { background:transparent; } .v2_product_view .social { float:left; margin-bottom:20px; margin-top:40px; } .v2_product_view .social svg { vertical-align:middle; } .v2_product_view .social .la-button { line-height:30px; padding:5px 20px 5px 15px; font-size:14px; } .v2_product_view .select-option-row .option { border-radius:40px; -ms-border-radius:40px; -moz-border-radius:40px; -webkit-border-radius:40px; } .v2_product_view .latest_reviews .flickity-prev-next-button.next { right:0; } .v2_product_view .latest_reviews .flickity-prev-next-button.previous { left:0; } .v2_product_view .latest_reviews .flickity-prev-next-button { width:25px; border-radius:0; -ms-border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; } #tabs .each-review.review_pulse { animation: bgPulse 2s; -webkit-animation: bgPulse 2s; -moz-animation: bgPulse 2s; -o-animation: bgPulse 2s; -ms-animation: bgPulse 2s; } #tabs .each-review:nth-child(2n).review_pulse { animation: bgPulse2 2s; -webkit-animation: bgPulse2 2s; -moz-animation: bgPulse2 2s; -o-animation: bgPulse2 2s; -ms-animation: bgPulse2 2s; } @keyframes bgPulse { 0% {background:#f7e4d7;} 40% {background:#f7e4d7;} 100% {background:#fff;} } @-moz-keyframes bgPulse { 0% {background:#f7e4d7;} 40% {background:#f7e4d7;} 100% {background:#fff;} } @-webkit-keyframes bgPulse { 0% {background:#f7e4d7;} 40% {background:#f7e4d7;} 100% {background:#fff;} } @-o-keyframes bgPulse { 0% {background:#f7e4d7;} 40% {background:#f7e4d7;} 100% {background:#fff;} } @-ms-keyframes bgPulse { 0% {background:#f7e4d7;} 40% {background:#f7e4d7;} 100% {background:#fff;} } @keyframes bgPulse2 { 0% {background:#f7e4d7;} 40% {background:#f7e4d7;} 100% {background:#f2f2f2;} } @-moz-keyframes bgPulse2 { 0% {background:#f7e4d7;} 40% {background:#f7e4d7;} 100% {background:#f2f2f2;} } @-webkit-keyframes bgPulse2 { 0% {background:#f7e4d7;} 40% {background:#f7e4d7;} 100% {background:#f2f2f2;} } @-o-keyframes bgPulse2 { 0% {background:#f7e4d7;} 40% {background:#f7e4d7;} 100% {background:#f2f2f2;} } @-ms-keyframes bgPulse2 { 0% {background:#f7e4d7;} 40% {background:#f7e4d7;} 100% {background:#f2f2f2;} } .section.recommended .flickity-page-dots { margin-top:10px; } .change_stock_text { float:right; line-height:34px; } #mini-desc img { display:none !important; } #product-bottom .span_1_of_third.disaster_banner { background:transparent; } #product-bottom .span_1_of_third.disaster_banner img { max-width:100%; } #header2021 .header_logo img { height:auto; } /* --- New photo viewer --- */ .product_info_container { width:42%; float:right; max-width:500px; } .product_page_left { width:58%; float:left; } .product_photo_container, .product_page_description { width:100%; box-sizing:border-box; padding-right:50px; float:left; } @media only screen and (max-width:1100px) { .product_photo_container, .product_page_description { padding-right:25px; } .video_wrapper { width:calc(100% - 25px); left:0; } } @media only screen and (max-width: 699px) { .product_info_container { width:100%; float:left; max-width:none; } .product_page_left { width:100%; } .product_photo_container { width:calc(100% + 30px); padding-right:0; margin:0 -15px; } .product_page_description { width:100%; box-sizing:border-box; padding-left:0; padding-right:0; } .video_wrapper { width:100%; margin-top:10px; box-sizing: border-box; padding: 0 4.8%; background: #fff; } .video_trigger { width: auto; margin: 10px 4.8%; font-size: 18px; line-height: 30px; height: 33px; background: #f2f2f2; color: #666; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .mobile_video_button { display:block; } .photo-wrapper .video_trigger { display:none !important; } } @media only screen and (min-width:1101px) { #product-photo .main-photo { width:calc(100% - 125px) !important; box-sizing:border-box; float:right; } #product-photo .photo-wrapper { clear:both; } #product-photo .photo-wrapper { position:static } #product-photo .thumbs { margin-top:0; position:absolute; width:calc(100% - 175px); height:110px; right:50px; left:0; bottom:100%; transform:rotate(90deg); transform-origin:bottom left; } #product-photo .icon-button { right:50px !important; top:auto; bottom:0 !important; } #product-photo .thumbs .swiper-slide.thumb { width:18% !important; height:auto !important; transform:rotate(-90deg); } .photo-wrapper .swiper-slide img { height:100%; width:auto; } #product-photo .flickity-slider, #product-photo .flickity-viewport { height:100% !important; } #product-photo .thumbs .swiper-slide.thumb, #product-photo .thumbs .swiper-slide.thumb img { height:100% !important; width:auto !important; } #product-photo .thumbs .swiper-slide.thumb::after { display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; border:5px solid transparent; transition:border 0.2s linear; pointer-events:none; z-index:2; } #product-photo .thumbs .swiper-slide.thumb.is-selected::after { border-color:#e5a488; } } @media only screen and (min-width: 1430px) { #product-photo .thumbs { height:110px; } } @media only screen and (max-width: 699px) { #product-info h1.product-title { margin-top:10px; margin-bottom:0px; } .v2_product_view #basic-info { margin-top:5px; } .sticky_cta { position:fixed; top:-100px; left:0; width:100%; box-sizing:border-box; padding:10px 15px; z-index:300; background:#f2f2f2; display:flex; transition:top 0.25s linear; cursor:pointer; } .sticky_cta_enabled .sticky_cta { top:0; } .sticky_cta_add, .sticky_cta_customise { float:right; cursor:pointer; } .sticky_cta input { border:1px solid #ddd; font-size:24px; margin-right:10px; text-align:center; width:40px; height:40px; box-sizing:border-box; color:#666; padding-top:10px; padding-left:0; padding-right:0; } .sticky_cta label { position:absolute; margin-left:3px; font-size:10px; text-transform:uppercase; font-weight:600; color:#999; background:transparent; } .product_description_mobile { display:block; margin-top:30px; } #product-top .product_page_description { display:none; } .latest_reviews .flickity-prev-next-button .flickity-button-icon { left:0%; } .latest_reviews .flickity-prev-next-button.next .flickity-button-icon { left:auto; right:0%; } } @media only screen and (min-width: 700px) { #product-photo .thumbs .swiper-slide.thumb, #product-photo .thumbs .swiper-slide.thumb:nth-child(4n) { margin-right:2.9% !important; } #product-photo .flickity-prev-next-button .flickity-button-icon { left: 35%; top: 35%; width: 30%; height: 30%; } .sticky_cta { display:none !important; } .product_description_mobile { display:none; } } @media only screen and (min-width: 700px) and (max-width: 1100px) { #product-photo .thumbs .swiper-slide.thumb { height:auto !important; width:18% !important; } .product_info_container { width:48%; } .product_page_left { width:52%; } } @media only screen and (min-width:1101px) and (max-width: 1430px) { #product-photo .main-photo { width:calc(85% - 15px) !important; } .video_wrapper { width:calc(86.2% - 65px); } #product-photo .thumbs { width:calc(85% - 57px); height:18%; } #product-photo .thumbs .flickity-enabled { height:100%; } .product_info_container { padding-right:35px; box-sizing:border-box; } } @media only screen and (max-width: 1550px) { .product_info_container { max-width:none; } } @media only screen and (max-width: 586px) { #mini-desc { padding:0; } #product-info h1.product-title { text-align:center; } } @media only screen and (max-width: 880px) { .mini_desc_bottom { display:none; } #product-bottom { display:flex; flex-wrap:wrap; } #product-bottom .span_1_of_third.latest_reviews { order:0; display:block; width:100%; padding:0; margin:0 0 50px; } #product-bottom .span_2_of_third { order:1; } .latest_reviews_block { padding-top:20px; } .v2_product_view .social { width:100%; text-align:center; margin-top:5px; margin-bottom:25px; } .v2_product_view .social .la-button { display:inline-block; width:auto; } #product-bottom .span_1_of_third.disaster_banner { display:block; width:100%; text-align:center; margin-top:10px; order:2; } } @media only screen and (min-width: 881px) { #product-bottom .span_1_of_third.mini_desc_bottom { background:#fff; padding-left:25px; box-sizing:border-box; } #product-bottom .span_1_of_third.mini_desc_bottom ul { padding-left:1.25em; } } /* --- New photo viewer (end) --- */ @media only screen and (min-width: 587px) { #header2021 .header_buttons .icon.cart_icon { background-size: 19px 19px; vertical-align: top; color: white; padding: 8px 0 0; font-size: 10px; text-align: center; } #header2021 .header_buttons .icon { width: 20px; height: 20px; margin: 5px 0 0 15px; } #header2021 #cart.active .content { display: block; } .span_1_of_2.footer-links .footer-col { width: auto; max-width:25%; margin: 0; text-align: left; } } @media only screen and (min-width: 851px) { #menu.header2021 > ul > li > a::after { transition:opacity 0.3s; opacity:0; position:absolute; z-index:2; width:calc(100% - 16px); left:8px; bottom:7px; content:""; box-sizing:border-box; } #menu.header2021 > ul:hover::after { background:#f7e4d7; display:block; position:absolute; z-index:1; content:""; top:100%; left:0; height:3px; width:100%; } #menu.header2021 > ul > li:hover > a::after { width:calc(100% - 6px); left:3px; border-bottom:3px solid; opacity:0.9; top:100%; } .promo_block_2021 .promo_block { left:auto !important; } } @media only screen and (min-width: 1101px) { #menu.header2021 > ul > li:hover > a::after { position:absolute; width:calc(100% - 16px); left:8px; content:""; box-sizing:border-box; border-bottom:3px solid; opacity:0.9; } } @media only screen and (min-width: 1670px) { } @media only screen and (max-width: 1400px) { .homepage_feature_header { height:45vw; } .homepage_feature_header .home_header_inner { max-width:50%; } .home_header_title { font-size:40px; margin-bottom:30px; } .home_header_sub { font-size:24px; margin-bottom:40px; } .home_header_button { font-size:14px; } .homepage_feature_header .home_header_inner { box-sizing:border-box; padding-left:20px; } .homepage_triple_block .homepage_block { height:30vw; } .homepage_story_image img { width:auto; height:400px; } } @media only screen and (max-width: 1100px) { .homepage_feature_header { height:55vw; } #menu > ul > li > a, #menu.header2021 > ul > li:hover > a { /* font-size:14px; */ padding:0 3px 0 3px; } #header2021 .header_logo img { max-width:100%; } #header2021 .header_logo { padding-right:15px; box-sizing:border-box; } .homepage_triple_block .homepage_block .inner_title { top:20px; font-size:22px; } .homepage_block .inner_button span { font-size:14px; } .homepage_triple_block .homepage_block .inner_button { bottom:20px; } .homepage_story_text { width:65%; } .homepage_story_image { width:35%; } #menu > ul > li > div > ul { width:25%; } .megamenu_image_container { display:none; } } /* --- mobile nav (start) --- */ @media only screen and (max-width: 850px) { .mobile_nav_toggle { display:block; padding-top:12px; margin-left:8px; padding-left:12px; cursor:pointer; } #header2021 .header_logo { order:1; width:40%; } #header2021 .header_logo img { max-width:150px; width:100%; margin-top:5px; } #header2021 .header_buttons { width:60%; order:2; } #header2021 div.header_search { width:100%; order:3; margin-top:10px; } #header2021 input.header_search { width:100%; max-width:900px; margin-left:0; padding:4px 13px; font-size:14px; } .header_search_inner { width:100%; max-width:850px; } #header2021 div.header_search .icon img { padding-right:0; margin-top:0; } #header2021 #currencySelector { display:none; } #menu.header2021 { position:fixed; z-index:99; right:-300px; transition:right 0.5s; top:0; background:#fff; height:100%; width:80%; max-width:300px; overflow:hidden; } #menu.header2021 > ul.menu_top_level > li > div { display:none !important; } .header2021_bg { position:fixed; display:none; left:0; top:0; height:130%; width:100%; z-index:98; background:rgba(0,0,0,0.4); cursor:pointer; } #menu.header2021.menu_open { right:0; } .mobile_sub_menu { display:block; background:#fff; height:100%; overflow-y:auto; width:100%; position:absolute; left:100%; top:0; transition:left 0.5s; } .mobile_sub_menu.mobile_sub_open { left:0%; } .mobile_sub_menu > li > div { display:block !important; } #menu > ul > li, #menu ul { display:block; width:100%; } #menu ul.menu_top_level { transition:margin-left 0.5s; margin-left:0%; height:100%; overflow-y:auto; /* display:flex; flex-wrap:wrap; flex-direction:column; */ } #menu ul.menu_top_level .currency_selector{ padding:10px 0; width:100%; box-sizing:border-box; cursor:pointer; } #menu ul.menu_top_level .menu_localisation{ margin-top:auto; width:100%; box-sizing:border-box; } #menu ul.menu_top_level.mobile_sub_open { margin-left:-100%; } #menu.header2021 > ul > li > a, #menu > ul > li > a, #menu.header2021 > ul > li:hover > a, .mobile_menu_close, .mobile_menu_back { text-align:left; padding:4px 15px; margin-bottom:0; letter-spacing:normal; } #menu > ul > li.has_subcategories > a::after { display:block; position:absolute; background:url('/catalogue/2016-christmas/style/icon/arrow-down.png'); background-size:15px; background-repeat:no-repeat; height:15px; width:15px; filter:invert(0.7); content:""; right:10px; font-size:12px; top:50%; transform:translateY(-50%) rotate(-90deg); transform-origin:center; } #menu > ul > li.mobile_nav_open > a::after { display:block; position:absolute; content:"View All"; right:10px; font-size:12px; top:50%; transform:translateY(-50%); text-transform:none; font-family:'Poppins'; filter:none; width:auto; height:auto; background:none; } #menu > ul > li { border-top:1px solid #ddd; } #menu > ul > li:first-of-type { border-top:0; } #menu > ul > li:last-of-type { border-bottom:1px solid #ddd; } #menu > ul.mobile_sub_open > li:last-of-type { border-bottom:0; } #menu.header2021 > ul > li:hover > a { text-decoration:none; } #menu.header2021 > ul > li > div { display:none; position:static; width:100%; box-sizing:border-box; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; padding:0; } #menu > ul > li > div > ul { display:block !important; width:100%; padding-left:0; margin-bottom:10px; } #menu > ul > li > div > ul:last-of-type { border-bottom:1px solid #ddd; padding-bottom:3px; } #menu li.sub-link.title { padding-left:15px; padding-right:15px; padding-bottom:15px; font-size:14px; text-transform:uppercase; } #menu li.sub-link a { padding-left:15px; padding-right:15px; font-size:13px; padding-top:8px; padding-bottom:8px; border-top:1px solid #ddd; } #menu li.sub-link:last-of-type a { border-bottom:6px solid #f7e4d7; padding-bottom:10px; } #menu .mobile_nav_open ul:last-of-type li.sub-link:last-of-type a { border-bottom:0; padding-bottom:6px; } .mobile_menu_close, .mobile_menu_back { display:block; line-height:30px; text-align:center; border-bottom:1px solid #ddd; background:#f2f2f2; cursor:pointer; position:relative; text-transform:uppercase; } .mobile_menu_close::after { display:block; height:30px; width:30px; content:''; position:absolute; left:15px; top:4px; background-image:url('/static/image/header/close_search_icon.svg'); background-size:12px; background-position:left center; background-repeat:no-repeat; } .mobile_menu_back::after { display:block; height:30px; width:30px; content:''; position:absolute; left:15px; top:4px; background-image:url('/catalogue/2016-christmas/style/icon/arrow-down.png'); background-size:14px; background-position:center bottom; background-repeat:no-repeat; transform:rotate(90deg); transform-origin:center; filter:invert(0.7); } #promo-group div, #promo-group div:last-child { width:100%; margin-left:0; } .promo_block_2021 .promo_block { display:none; } .promo_block_2021 .promo_block:first-of-type { display:block; } .home_header_title { font-size:32px; } .home_header_sub { font-size:20px; } .home_header_button { font-size:12px; } .homepage_text_content h1, #product-info h1.product-title, .homepage_la_story h2 { font-size:24px; } .homepage_triple_block .homepage_block { display:inline-block; float:none; margin-right:8px; margin-left:8px; width:42%; height:39vw; margin-bottom:15px; } .homepage_triple_block { text-align:center; } .homepage_triple_block .homepage_block .inner_title { top:15px; font-size:18px; } .homepage_block .inner_button span, .homepage_story_more { font-size:12px; padding:8px 30px; } .homepage_block .inner_button span { font-size:14px; padding:8px 30px; } .homepage_story_text, .homepage_story_image { width:100%; } .homepage_story_image { padding-left:0; padding-top:20px; } .homepage_story_image img { height:auto; width:100%; } .homepage_story_text { text-align:center; } .homepage_story_copy { padding-right:0; } .homepage_story_copy p { display:none; } .homepage_story_copy p:first-of-type { display:block; } .span_1_of_2.footer-links { display:block; } .span_1_of_2.footer-links .footer-col { max-width:100%; width:100%; text-align:center; } .footer-title, .footer-col ul, .footer-col li { float:none; } .footer-col ul { display:none; } .footer-logos { margin-bottom:20px; } .footer-title { cursor:pointer; margin:0 auto; padding:20px 0; max-width:270px; position:relative; } .footer-title::after { display: block; position: absolute; background: url(/catalogue/2016-christmas/style/icon/arrow-down.png); background-size: 15px; background-repeat: no-repeat; height: 15px; width: 15px; filter: invert(0.7); content: ""; right: 10px; font-size: 12px; top: 50%; transform: translateY(-50%) rotate(0deg); transform-origin: center; } .footer-title.footer_open::after { transform: translateY(-50%) rotate(180deg); } #footer-main .footer-links { border-bottom:0; margin-bottom:0; } .footer-col li a, .footer-col li div{ font-size:14px; padding:10px 0; display:block; } #promo-group.container_2021 { padding-left:0; padding-right:0; } #footer_social_icons { margin-top:25px; } #header2021 .header_buttons .icon.cart_icon { padding-top:10px; } .promo_block_2021 { margin-top:8px; } .promo_block_2021 .promo_block { width:100%; } .promo_block_2021 .promo_block::after { display:none; } #header2021 { padding-top:3px; } #menu > ul.mobile_sub_menu > li.mobile_nav_open { border-bottom:0 !important; } } @media only screen and (max-width: 680px) { .homepage_feature_header { height:70vw; } .homepage_feature_header .home_header_inner { max-width:70%; } .voucher-code .padding .la-button { font-size:14px; } .homepage_text_content #category-desc.home_text { margin-bottom:40px; } .homepage_la_story { margin:70px 0 100px; } #checkout-welcome label, #checkout-welcome a.forgotten { font-size:14px; } #header2021 .header_buttons, #header2021 .header_logo { width:50%; } } @media only screen and (max-width: 680px) and (min-width:587px) { #checkout-welcome .la-button { font-size:14px; } } @media only screen and (max-width: 586px) { #side-bag .checkout .la-button.close_cart_button { display:none; } #side-bag .la-button { width:100%; margin-right:0; } .mobile_close_bag { background-image:url(/static/image/header/close_search_icon.svg); background-size:12px; background-position:center; background-repeat:no-repeat; height:35px; width:35px; position:absolute; top:0; left:0; display:block; cursor:pointer; } .latest_reviews_text { font-size:12px; } .latest_reviews_block { padding-left:35px; padding-right:35px; } } @media only screen and (min-width: 587px) { #cart .la-button.close_cart_button { display:none; } #cart .la-button { width:100%; margin-right:0; } .mobile_close_bag { background-image:url(/static/image/header/close_search_icon.svg); background-size:12px; background-position:center; background-repeat:no-repeat; height:35px; width:35px; position:absolute; top:0; left:0; display:block; cursor:pointer; } } @media only screen and (max-width: 520px) { .home_header_title { font-size:24px; margin-bottom:12px; } .home_header_sub { font-size:16px; margin-bottom:20px; } .home_header_button { padding:8px 30px; } .homepage_text_content h1, #product-info h1.product-title { font-size:22px; padding:0px 20px; } .homepage_triple_block .homepage_block { display:block; width:100%; margin-left:0; margin-right:0; height:calc(95vw - 30px); } .homepage_block:hover .homepage_block_background { transform:none; } .homepage_block:hover .inner_button span { background:#e5a488; color:#fff; } .homepage_triple_block .homepage_block .inner_title { top:20px; font-size:22px; } .homepage_block .inner_button span, .homepage_story_more { font-size:14px; padding:8px 30px; } .homepage_story_text, .homepage_story_image { width:100%; } .homepage_story_image img { width:auto; height:300px; } .homepage_la_story h2 { font-size:18px; } .homepage_story_copy { padding-top:0; } #card-logos img, #card-logos svg { height:auto !important; } .promo_block_2021 .promo_block .promo_block_top { font-size:13px; line-height:14px; } .promo_block_2021 .promo_block .promo_block_bottom { font-size:11px; } } /* --- mobile nav (end) --- */ /* --- Mega Menu (start) --- */ @media only screen and (min-width: 851px) { .header2021_bg { display:block !important; position:fixed; left:0; top:0; height:0; width:100%; z-index:98; background:rgba(0,0,0,0.4); cursor:pointer; opacity:0; transition:opacity 0.7s; } #mega_menu { position:relative; z-index:1; } #mega_menu:hover { z-index:99; } #menu:hover ~ .header2021_bg { opacity:1; height:130%; } #menu:hover { background:#fff; } #menu > ul > li { position:static; } #menu > ul > li > a { margin-bottom:0; line-height:45px; } #menu { height:45px; } #menu.header2021 > ul > li > div { left:0 !important; z-index:4; display:block !important; width:100%; box-sizing:border-box; padding:0 20px 0; top:45px; border-top:0px solid #f7e4d7; overflow:hidden; max-height:0px; } .megamenu_image_container { float:right; width:20%; padding-left:20px; box-sizing:border-box; } .megamenu_image img { width:100%; } .megamenu_subtitle { text-align:center; } #menu.header2021 > ul > li:hover > div { max-height:500px; border-top:3px solid #f7e4d7; padding:15px 20px 30px; z-index:5; transition: max-height 0.9s, padding 0s, border-top 0s; } #menu .sub-link.title { font-family:'Karla', Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; margin-bottom:5px; } #header2021 .header_buttons .icon { height:19px; } #menu ul.menu_top_level .menu_localisation, #menu ul.menu_top_level .currency_selector { display:none !important; } #menu > ul > li ul > li > a:hover { text-decoration:underline; } #gbadge { float:left; } } body #menu.header2021 > ul > li > a { /* letter-spacing:0.02em; */ font-size:15px; font-weight:500; } .disaster_banner { margin-top:20px; text-align:center; } .disaster_banner img { max-width:100%; margin:0 auto; } @media only screen and (min-width: 851px) and (max-width:1100px) { body #menu.header2021 > ul > li > a { font-size:13px; } } .product_page_delivery .postage_details { float:left; clear:both; width:80%; padding:5px 5px 5px 0; box-sizing:border-box; } .product_page_delivery .postage_details .official-name, .product_page_delivery .postage_details .more-postage { display:inline-block; } .product_page_delivery .postage_details .more-postage { text-decoration:underline; } .product_page_delivery .postage-row .postage-price { float:right; width:20% !important; padding:5px 5px 5px 0; box-sizing:border-box; margin-right:0; margin-top:5px; margin-bottom:0; } .product_page_delivery .postage-additional { padding:10px 0; } @media only screen and (min-width: 700px) and (max-width:900px) { .product_page_delivery .postage-row .postage-price { height:auto; } } @media only screen and (max-width:586px) { .product_page_delivery .postage-row { border-bottom:1px solid #eee; } .product_page_delivery .postage-row .postage-col { background:#fff; } .product_page_delivery .postage_details { width:70%; } .product_page_delivery .postage-row .postage-price { width:30% !important; padding-left:15px !important; } } /* --- Mega Menu (end) --- */ .newsletter_bar { background:#f7e4d7; } .newsletter_bar_inner { color:#333 !important; } .svline { stroke:#333 !important; } .recommended_title { font-size:24px; } #basic-info .span_1_of_2 .price { font-weight:600; } .v2_product_view .delivery-expectation p span { font-family: inherit !important; font-weight: 600; } body #menu.header2021 { font-weight:600; } body #menu > ul > li ul > li > a { font-weight:400; } #outer-container #menu .sub-link.title { font-family:'Karla'; font-weight:700; } @media (min-width: 960px) and (-webkit-device-pixel-ratio: 1.25) { body { /* This corrects windows default 125% zoom nonsense */ zoom: 0.95; } } .product_page_description { padding-top:45px; clear:left; } .product_page_details { padding-top:20px; } .product_description_contents { transition: max-height 0.8s; max-height:2000px; overflow:hidden; } .product_description_contents.collapsed { max-height:16em; overflow:hidden; position:relative; } .product_description_contents.collapsed::after { position:absolute; left:0; bottom:0; width:100%; height:30px; content:""; display:block; background: rgb(255,255,255); background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); } .product_description_read_more { font-weight:600; padding:10px; margin-left:-10px; cursor:pointer; } .product_details_list_content { box-sizing:border-box; display:none; padding-bottom:25px; } .product_details_list { margin-top:45px; } .product_details_list_header { padding:15px 0; cursor:pointer; font-size:16px; border-top:1px solid; position:relative; text-decoration:underline; } .collapsed .product_details_list_header { text-decoration:none; } .product_details_list_item:first-of-type .product_details_list_header { border-top:0; } .product_details_list_item:last-of-type { border-bottom: 1px solid; } .collapsed .product_details_list_header::after { transform: translateY(-50%) rotate(-90deg); } .product_details_list_header::after { display: block; position: absolute; background: url(/catalogue/2016-christmas/style/icon/arrow-down.png); background-size: 12px; background-repeat: no-repeat; height: 12px; width: 12px; filter: invert(0.7); content: ""; right: 10px; font-size: 12px; top: 26px; transform: translateY(-50%) rotate(0deg); transform-origin: center; transition: all 0.5s; } /* --- 2021 Site Revamp (end) --- */ .hamper_hero_image { padding:20px 40px; box-sizing:border-box; } .hamper_hero_image img { max-width:100%; } .category-products.fathers_day_hampers .span_1_of_many.hamper_grid_product:nth-of-type(3n+1) { clear:both; } @media only screen and (max-width: 900px) { .category-products.fathers_day_hampers .span_1_of_many.hamper_grid_product { padding:0 12px 30px; clear:none; } } @media only screen and (max-width: 650px) { .category-products.fathers_day_hampers .span_1_of_many.hamper_grid_product { width:50%; padding:0 12px 30px; clear:none; } .category-products.fathers_day_hampers .span_1_of_many.hamper_grid_product .product-name { line-height:1.45em; min-height:4.35em; } .hamper_hero_image { padding:0; } .category-products.fathers_day_hampers .span_1_of_many.hamper_grid_product:nth-of-type(3n+1) { clear:none; } .category-products.fathers_day_hampers .span_1_of_many.hamper_grid_product:nth-of-type(2n+1) { clear:both; } } /* --- Fathers day 10% off promo (start) --- */ .fathers_day_promo { position:fixed; z-index:999; top:0; left:0; width:100%; height:100%; display:none; align-items:center; justify-content:center; } .fathers_day_promo_bg { background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; cursor:pointer; } .fathers_day_modal { background:#4e654c; padding:40px 60px; box-sizing:border-box; position:relative; z-index:3; color:#fff; text-align:center; font-size:14px; max-width:450px; width:95%; } .fathers_day_modal_terms a { font-size:1.0em; color:#fff; border-bottom:1px solid; } .fathers_day_modal_button.la-button { color:#fff; background:#e5a488; height:auto; line-height:normal; width:auto; display:inline-block; padding:10px 30px; min-width:150px; } .fathers_day_modal_terms { margin-top:30px; } .fathers_day_model_time { margin:20px 0 25px; font-size:40px; } .fathers_day_modal_text { margin-top:20px; font-weight:bold; } .fathers_day_cart_countdown, .fathers_day_bag_countdown { border-top:1px solid #666; border-bottom:1px solid #666; padding:5px; box-sizing:border-box; color:#437d24; text-align:center; margin:8px 0; } .fathers_day_bag_countdown { text-align:left; padding:8px 0; } .fathers_day_cart_countdown span, .fathers_day_bag_countdown span { font-weight:bold; } .fathers_day_modal_header img { margin: 0 auto 10px; width:100%; max-width:280px; } .fathers_day_modal_subheader img { margin: 0 auto; width:100%; max-width:230px; } @media only screen and (max-width: 650px) { .fathers_day_modal { padding:30px; } .fathers_day_modal_header img { width:70%; } .fathers_day_modal_subheader img { width:75%; } .fathers_day_model_time { font-size:34px; } .fathers_day_modal_button.la-button { padding:8px 20px; min-width:120px; font-size:20px; } .fathers_day_modal_terms { font-size:12px; } } /* --- Fathers day 10% off promo (end) --- */ /* --- Teachers 10% off promo (start) --- */ .teachers_promo { position:fixed; z-index:999; top:0; left:0; width:100%; height:100%; display:none; align-items:center; justify-content:center; } .teachers_promo_bg { background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; cursor:pointer; } .teachers_modal { background:#f7e4d7; padding:40px 65px; box-sizing:border-box; position:relative; z-index:3; color:#666; text-align:center; font-size:14px; max-width:475px; width:95%; } .teachers_modal_apple { position:absolute; z-index:-1; top:44px; right:23px; width:55px; height:auto; } .teachers_modal_terms a { font-size:1.0em; color:#666; border-bottom:1px solid; } .teachers_modal_button.la-button { color:#fff; background:#e5a488; height:auto; line-height:normal; width:auto; display:inline-block; padding:10px 30px; min-width:150px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .teachers_modal_header { font-size:30px; margin-bottom:2px; } .teachers_modal_subheader { font-size:22px; margin-bottom:5px; } .teachers_modal_terms { margin-top:30px; font-size:12px; } .teachers_model_time { margin:20px 0 25px; font-size:40px; } .teachers_modal_text { margin-top:25px; font-weight:400; } .teachers_modal_text span { font-weight:600; } .teachers_cart_countdown, .teachers_bag_countdown { border-top:1px solid #666; border-bottom:1px solid #666; padding:5px; box-sizing:border-box; color:#666; text-align:center; margin:8px 0; } .teachers_bag_countdown { text-align:left; padding:8px 0; } .teachers_cart_countdown span, .teachers_bag_countdown span { font-weight:bold; } .teachers_modal_header img { margin: 0 auto 10px; width:100%; max-width:280px; } .teachers_modal_subheader img { margin: 0 auto; width:100%; max-width:230px; } @media only screen and (max-width: 650px) { .teachers_modal { padding:30px; } .teachers_modal_header img { width:70%; } .teachers_modal_subheader img { width:75%; } .teachers_model_time { font-size:34px; } .teachers_modal_button.la-button { padding:8px 20px; min-width:120px; font-size:20px; } .teachers_modal_terms { font-size:12px; } .teachers_modal_apple { top:33px; } } @media only screen and (max-width: 500px) { .teachers_modal_header { font-size:26px; } .teachers_modal_subheader { font-size:19px; } .teachers_modal_apple { width:40px; position:static; margin:0 auto; } } /* --- Teachers 10% off promo (end) --- */ /* --- New review stars (2021) --- */ .review_stars_2021 { float:left; position:relative; } .review_stars_2021 .review_stars_bg { background-image:url('/static/image/star-icon.svg'); background-position: left center; background-repeat:repeat-x; opacity:0.3; } #product-info .reviews .review_stars_2021 { cursor:pointer; } .review_stars_2021 .review_stars_inner { position:absolute; top:0; left:0; height:100%; background-image:url('/static/image/star-icon.svg'); background-position: left center; background-repeat:repeat-x; } #product-info .review_stars_2021 .review_stars_bg { background-size:21px; width:105px; height:21px; } #product-info .review_stars_2021 .review_stars_inner { background-size:21px; } .product_box .review_stars_2021 { margin:5px auto; float:none; width:65px; } .product_box .review_stars_2021 .review_stars_bg { background-size:13px; width:65px; height:13px; } .product_box .review_stars_2021 .review_stars_inner { background-size:13px; } .page-review .review_stars_2021 .review_stars_bg { background-size:13px; width:65px; height:13px; } .page-review .review_stars_2021 .review_stars_inner { background-size:13px; } #product-info .bundle_option_products .review_stars_2021 .review_stars_bg { background-size:13px; width:65px; height:13px; } #product-info .bundle_option_products .review_stars_2021 .review_stars_inner { background-size:13px; } .each-review .review_stars_2021 .review_stars_bg { background-size:13px; width:65px; height:13px; } .each-review .review_stars_2021 .review_stars_inner { background-size:13px; } .each-review .review-content { clear:both; padding-top:5px; } /* --- New review stars (2021) (end) --- */ .careerdesc { text-align: center; } .careerdesc ul{ text-align: left; } .applyjob { margin: 0 auto; display: block; } .apply { color: white; background-color: #e5a488; text-transform: uppercase; font-family: 'poppins'; } #product-info .latest_reviews .review_stars_2021 { margin:5px auto; float:none; width:125px; } #product-info .latest_reviews .review_stars_2021 .review_stars_bg { background-size:25px; width:125px; height:25px; } #product-info .latest_reviews .review_stars_2021 .review_stars_inner { background-size:25px; } .careerdesc .btn { border: none; padding: 14px 28px; font-size: 16px; cursor: pointer; display: inline-block; margin-bottom: 10px; text-align: center; } @media only screen and (max-width: 586px){ .careerdesc { width: 100%; margin: 0 auto; } .careermob { display: block; width: 100%; } .careerweb { display: none; } } @media only screen and (min-width: 586px){ .careerdesc { width: 70%; margin: 0 auto; } .careermob { display: none; } .careerweb { display: block; width: 100%; } } /* Alternate category layout (start) */ .category_header_banner { margin-bottom:30px; } .category_header_banner img { width:100%; height:auto; } .category_subcategory_list_row { display:flex; float:left; clear:both; margin-bottom:20px; width:100%; flex-wrap:wrap; } .category_subcategory_block { width:calc(50% - 10px); float:left; margin-left:10px; height:440px; background-size:cover; background-position:center; position:relative; } .category_subcategory_block:first-of-type { margin-right:10px; margin-left:0; } .category_subcategory_block a { display:block; width:100%; height:100%; } .category_subcategory_list_row:nth-of-type(3n) .category_subcategory_block { width:calc(67% - 10px); } .category_subcategory_list_row:nth-of-type(3n) .category_subcategory_block:first-of-type { width:calc(33% - 10px); } .category_subcategory_list_row:nth-of-type(3n+1) .category_subcategory_block { width:calc(33% - 10px); } .category_subcategory_list_row:nth-of-type(3n+1) .category_subcategory_block:first-of-type { width:calc(67% - 10px); } .category_subcategory_block_label { position:absolute; width:100%; text-align:center; bottom:0; left:0; padding:20px; box-sizing:border-box; } .category_subcategory_block_label .inner { display:inline-block; background:#e5a488; padding:10px 50px; width:auto; color:#fff; font-size: 14px; letter-spacing:1px; text-transform:uppercase; } .category_bottom_banner { clear:both; margin:45px 0 60px; } .category_bottom_banner picture, .category_bottom_banner img { max-width:100%; } @media only screen and (max-width: 1400px) { .category_subcategory_block { height:31vw; } } @media only screen and (max-width:1100px) { .category_subcategory_block_label .inner { font-size:12px; padding:10px 25px; } } @media only screen and (max-width:850px) { .category_subcategory_block_label .inner { letter-spacing:0.5px; font-size:14px; } /* Aspect ratio time */ .category_subcategory_block { height:calc(68vw - 45px); width:100% !important; margin-left:0 !important; margin-right:0 !important; clear:both; } .category_subcategory_block:first-of-type { margin-bottom:20px; } .category_subcategory_list_row:nth-of-type(3n+1) .category_subcategory_block:first-of-type, .category_subcategory_list_row:nth-of-type(3n) .category_subcategory_block { height:calc(51vw - 45px) !important; } .category_subcategory_list_row:nth-of-type(3n) .category_subcategory_block:first-of-type, .category_subcategory_list_row:nth-of-type(3n+1) .category_subcategory_block:nth-of-type(2) { height:calc(100vw - 45px) !important; } } @media only screen and (max-width: 500px) { .category_subcategory_block_label .inner { letter-spacing:0.5px; padding:7px 15px; font-size:14px; } .category_subcategory_block_label { padding:10px; } .category_subcategory_block { height:calc(66vw - 30px); } .category_subcategory_list_row:nth-of-type(3n+1) .category_subcategory_block:first-of-type, .category_subcategory_list_row:nth-of-type(3n) .category_subcategory_block { height:calc(50vw - 30px) !important; } } /* Alternate category layout (end) */ /* Megamenu image view (start) */ .megamenu_images_replace > ul { display:none !important; } .megamenu_subcategory_images { display:flex; flex-wrap:wrap; padding-top:10px; } .megamenu_subcategory_image_block { float:left; width:calc(16.666% - 20px); margin-right:24px; } .megamenu_subcategory_image_block:nth-of-type(6n) { margin-right:0; } .megamenu_subcategory_img { width:100%; height:200px; background-size:cover; background-position:center; background-repeat:no-repeat; } .megamenu_subcategory_name { text-align:center; padding:5px; font-size:14px; } @media only screen and (max-width: 850px) { .megamenu_images_replace > ul { display:block !important; } .megamenu_subcategory_images { display:none; } } @media only screen and (max-width: 1400px) { .megamenu_subcategory_img { height:auto; padding-top:100%; } .megamenu_subcategory_image_block { width:calc(16.666% - 10px); margin-right:12px; } } /* Megamenu image view (end) */ /* Norfolk flower room bespoke CMS (start) */ .nfr_header { margin:30px 0; } .nfr_header img, .nfr_find_image, .nfr_bottom_image img { max-width:100%; } .nfr_find_us { clear:both; margin:50px 0; } .nfr_find_col { width:50%; float:left; box-sizing:border-box; } .nfr_find_col:first-of-type { padding-right:15px; } .nfr_find_col:last-of-type { padding-left:15px; } .nfr_bottom_image { margin-bottom:30px; } @media only screen and (max-width: 700px) { .nfr_find_col { width:100%; padding-left:0 !important; padding-right:0 !important; } } /* Norfolk flower room bespoke CMS (end) */ /* Block Builder (start) */ .bb_container, .bb_container * { box-sizing:border-box; } .bb_container h3 { color: #666; font-family: 'Karla', Arial, Helvetica, sans-serif; margin-top: 0px; margin-bottom: 8px; font-size: 18px; font-weight: normal; } .bb_left-align { text-align: left; } .bb_center-align { text-align: center; } .bb_right-align { text-align: right; } .bb_row { clear:both; } .bb_block { margin-bottom:15px; clear:both; } .bb_row, .bb_column, .bb_block { min-height:1px; } .bb_row::after, .bb_column::after, .bb_block::after { clear:both; display:block; content:''; } .bb_image_block img { max-width:100%; } .bb_two_col { float:left; } .bb_row_2_50 .bb_column { width:50%; } .bb_two_col:first-of-type { padding-right:8px; } .bb_two_col:last-of-type { padding-left:8px; } .bb_row_2_25 .bb_column:first-of-type, .bb_row_2_75 .bb_column:last-of-type { width:25%; } .bb_row_2_25 .bb_column:last-of-type, .bb_row_2_75 .bb_column:first-of-type { width:75%; } .bb_block.bb_text_block, .bb_block.bb_text_block a { font-size:14px; } .bb_block.bb_spacer_block { margin-bottom:5px; } .bb_container .category-products, .bb_promo_block { display:flex; flex-wrap:wrap; width:calc(100% + 16px); clear:both; border:none; padding-left:0; margin:0 -8px; justify-content:center; } .bb_container .category-products .span_1_of_many, .bb_promo_block_inner { padding:0 8px; margin-left:0; } .bb_one_col .category-products .span_1_of_many { flex-basis:25%; } .bb_one_col .category-products .span_1_of_many { flex-basis:25%; } .bb_row_2_50 .category-products .span_1_of_many { flex-basis:50%; } .bb_row_2_25 .bb_column:first-of-type .category-products .span_1_of_many, .bb_row_2_75 .bb_column:last-of-type .category-products .span_1_of_many { flex-basis:100%; } .bb_row_2_25 .bb_column:last-of-type .category-products .span_1_of_many, .bb_row_2_75 .bb_column:first-of-type .category-products .span_1_of_many { flex-basis:33.33%; } .bb_container .icon-button.wishlist-button { position: absolute; bottom: 0; right: 0; z-index: 5; } .bb_recipe_description, .bb_recipe_step_row { white-space:pre-line; } .bb_recipe_description { margin-bottom:20px; } .bb_container .bb_recipe_block h3 { font-weight:bold; } .bb_recipe_block h4 { margin-bottom:2px; } .bb_recipe_row span, .bb_recipe_step_row span { font-style:italic; padding-right:3px; } .bb_recipe_step_row, .bb_recipe_row { padding-bottom:8px; } .bb_recipe_ingredient_row::before { content:"- "; } .bb_button_block .la-button, .bb_promo_block_inner .la-button { width:auto; display:inline-block; padding:8px 40px; height:auto; line-height:normal; font-size:14px; } .bb_promo_block_inner { margin-bottom:15px; } .bb_width_25 { flex-basis:25%; } .bb_width_33 { flex-basis:33.33%; } .bb_width_50 { flex-basis:50%; } .bb_width_66 { flex-basis:66.66%; } .bb_width_75 { flex-basis:75%; } .bb_width_100 { flex-basis:100%; } .bb_promo_block_inner a { position:relative; text-align:center; display:block; } .bb_promo_block_inner img { width:100%; height:auto; max-width:100%; display:block; min-height:100px; } .bb_promo_block_inner .bb_promo_button { width:100%; position:absolute; bottom:0; left:0; padding:15px; text-align:center; } .bb_promo_block_inner .bb_promo_button_below { width:100%; position:relative; padding:15px; text-align:center; margin-top:1px; margin-bottom:10px; } .bb_promo_block_text { font-size:16px; padding:10px 15px 30px; } @media only screen and (max-width: 850px) { .bb_row_2_50 .bb_column, .bb_row_2_25 .bb_column, .bb_row_2_75 .bb_column { width:100% !important; padding-left:0 !important; padding-right:0 !important; } .bb_column .category-products .span_1_of_many { flex-basis:50% !important; } .bb_promo_block_inner { flex-basis:100% !important; } } @media only screen and (max-width: 480px) { .bb_container h1 { font-size:24px; } .bb_container h2 { font-size:20px; } .bb_container h3 { font-size:16px; } } /* Block Builder (end) */ /* Blog Posts (start) */ .blog_list_page, .blog_list_page * { box-sizing:border-box !important; } .blog_list { display:flex; flex-wrap:wrap; width:calc(100% + 30px); margin:0 -15px 30px; } .blog_list_block { flex-basis:33.33%; float:left; padding:15px 15px 50px; } .blog_list_block h3 { margin-bottom:2px; font-size:14px; font-weight:bold; } .blog_list_block h2 { margin:10px 0 2px; } .blog_list_block_image { width:100%; padding-top:65%; background-size:cover; background-position:center; background-repeat:no-repeat; } .blog_list_block_info { margin-bottom:10px; /* font-size:10px; */ } .blog_list_block_info a { text-decoration:underline; /* font-size:10px; */ } .blog_search { border-top:1px solid #666; padding-top:20px; margin:30px 0 50px; text-align:center; } .blog_search_text { display:inline-block; padding:0 10px; line-height:25px; font-size:14px; } .blog_search_input { display:inline-block; position:relative; width:70%; max-width:300px; } .blog_search_icon { position:absolute; z-index:2; right:0; top:0; height:27px; width:38px; } .blog_search_icon img { padding:6px; width:14px; height:auto; box-sizing:content-box !important; } .blog_search_submit { background:none; border:none; position:absolute; right:0; background-size:15px; background-repeat:no-repeat; background-position:center; height:100%; background-image:url('/static/image/header/search_icon.svg'); cursor:pointer; width:45px; } .blog_search_input > input { border:1px solid #666; border-radius:50px; height:26px; line-height:26px; width:100%; padding:0 20px; } .blog_search_container { float:right; max-width:300px; width:100%; } h1.blog_search_title { max-width:calc(100% - 300px); float:left; margin-bottom:30px; } .blog_search_container .blog_search_input { width:100%; margin-top:6px; } .blog_features { display:flex; flex-wrap:wrap; margin:40px 0 70px; } .blog_features_left { width:50%; padding-right:30px; float:left; } .blog_features_right { width:50%; padding-left:30px; float:left; } .blog_features_right_inner { width:100%; padding:2px 2px 5px; } .blog_features_left .blog_list_block { padding-left:0; padding-right:0; padding-top:0; padding-bottom:10px; flex-basis:100%; width:100%; } #blog_to_top { cursor:pointer; } .blog_list_read_more { text-align:center; margin-bottom:70px; } .blog_list_showing { margin-bottom:15px; } .blog_read_more.la-button { width:auto; padding:8px 60px; height:auto; line-height:normal; display:inline-block; } .blog_read_more.la-button.loading { font-size:16px; color:rgba(255,255,255,0); } .blog_list_desc { margin-bottom:40px; } .blog_list_desc_left { float:left; width:calc(100% - 250px); padding-right:30px; padding-top:8px; font-size:14px; } .blog_list_desc_right { float:right; width:250px; text-align:right; } .blog_list_desc_right img { max-width:100%; height:auto; } .blog_hr { display:none; } .blog_feature_category_container { padding-top:10px; } .blog_feature_category { background:#f2f2f2; float:left; width:auto; margin-bottom:18px; margin-right:17px; border-radius:50px; } .blog_feature_category a { display:block; width:100%; height:100%; padding:5px 20px 5px 5px; } .blog_feature_category_image { float:left; width:35px; height:35px; border-radius:50px; background-size:cover; background-repeat:no-repeat; background-position:center; background-color:#fff; } .blog_feature_category_image img { width:35px; height:35px; display:block; } .blog_feature_category_info { float:left; width:auto; padding-left:15px; } h3.blog_feature_category_name { margin:7px 0; font-size:14px; } .blog_feature_category_desc { display: -webkit-box; flex-wrap: wrap; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 3; overflow: hidden; } .blog_features h2 { margin-bottom:15px; } .blog_list_block_description { display: -webkit-box; flex-wrap: wrap; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 3; overflow: hidden; } .blog_features_left .blog_list_block_description { font-size:14px; } .no_blog_results { font-size:14px; text-align:center; padding-top:10px; clear:both; } @media only screen and (max-width: 1100px) { .blog_list_block { flex-basis: 50%; padding-left:8px; padding-right:8px; } .blog_list { width:calc(100% + 16px); margin-left:-8px; margin-right:-8px; } .blog_features_left { padding-right:8px; } .blog_features_right { padding-left:8px; } } @media only screen and (max-width: 900px) { .blog_feature_category_container { text-align:center; } .blog_feature_category { float:none; display:inline-block; margin:0 6px 12px; } h3.blog_feature_category_name { margin:2px auto; } .blog_feature_category_image { width:26px; height:26px; } .blog_feature_category_info { padding-left:10px; } .blog_feature_category a { padding-right:14px; } h1.blog_search_title { width:100%; text-align:center; float:none; margin: 0 auto 20px; max-width:900px; } .blog_search_container { float:none; margin: 0 auto 25px; } } @media only screen and (max-width: 600px) { .blog_list_desc_left, .blog_list_desc_right { width:100%; } .blog_list_desc_left { padding-right:0; order:1; } .blog_list_desc_right { text-align:center; order:0; margin-top:20px; } .blog_list_desc_right img { width:100%; } .blog_list_desc { display:flex; flex-wrap:wrap; } .blog_hr, .blog_list_desc .clearfix { order:2; } .blog_hr { margin-top:20px; margin-bottom:20px; width:100%; clear:both; height:1px; background:#666; display:block; } .blog_features_left { padding-right:0; width:100%; } .blog_features_right { padding-left:0; width:100%; margin-top:45px; } .blog_features { display:block; margin-bottom:40px; } .blog_features h2 { text-align:center; } .blog_features .blog_list_block h2 { font-size:14px; font-weight:bold; font-family: 'Poppins', Arial, Helvetica, sans-serif; text-align:left; } .blog_list_page h1 { text-align:center; } .blog_features_left .blog_list_block_description { font-size:12px; } } @media only screen and (max-width: 550px) { .blog_list_block { flex-basis: 100%; padding-left:0; padding-right:0; } .blog_list { width:100%; margin-left:0; margin-right:0; } } /* Blog Posts (end) */ /* Black Friday 2021 (start) */ .product_flash_remaining, .product_flash_remaining * { box-sizing:border-box; } .product_flash_remaining { padding:20px 25px; background:#ddd; margin:0 0 10px 0; text-align:center; font-size:14px; background-image:url('https://cdn.lisaangel.co.uk/image/cache/data/info-pages/black-friday/greywash1-1370x900.jpg'); background-size:cover; background-position:center; background-repeat:no-repeat; color:#333; } h2.black_friday_product_header { font-size:20px; text-transform:uppercase; text-align:center; letter-spacing: 2px; font-weight: 600; font-family: 'Karla', Arial, Helvetica, sans-serif; display:block; margin-top:10px; margin-bottom:0; width:auto; background:#333; color:#fff; padding:10px; } .product_flash_meter { border:1px solid; border-radius:50px; width:100%; max-width:230px; height:15px; margin: 0 auto 5px; position:relative; overflow:hidden; } .product_flash_meter_claimed { position:absolute; top:0; left:0; height:100%; background:#333; border-top-right-radius:50px; border-bottom-right-radius:50px; } .black-friday-2021-timer { text-align:center; color: #333; padding: 20px 25px; background: #ddd; font-size:14px; box-sizing:border-box; margin:0 0 10px 0; background-image:url('https://cdn.lisaangel.co.uk/image/cache/data/info-pages/black-friday/greywash1-1370x900.jpg'); background-size:cover; background-position:center; background-repeat:no-repeat; } .black-friday-2021-timer #product_timer { margin:5px 0; } .black-friday-2021-timer h2, .bf_flash_header { font-weight:600; font-size:20px; text-transform:uppercase; text-align:center; } #hero_container.bf_heroes { background:#ddd; padding:25px 15px 5px; background-image:url('https://cdn.lisaangel.co.uk/image/cache/data/info-pages/black-friday/greywash1-1370x900.jpg'); background-size:cover; background-position:center; background-repeat:no-repeat; text-align:center; } .black_friday .bf_description_container { text-align:center; font-size:16px; margin-bottom:40px; color:#333; } .black_friday.black_friday_specials .bf_description_container { margin-bottom:20px; } #hero_container .col img { max-height:300px; height:auto; } .bf_product_block_container { margin:25px 10px; } .bf_product_block { padding:0 8px; box-sizing:border-box; margin-bottom:0; width:25%; } .bf_product_block_container .bf_product_block { display:none; } .bf_product_block_container .bf_product_block:first-of-type { display:block; } .bf_product_block_inner.col { margin:0 !important; position:relative; height:100%; } #hero_container .was_price, #hero_container .now_price { font-family: 'Poppins', Arial, Helvetica, sans-serif; } #hero_container .now_price { line-height:1.6em; } .bf_product_block_price { margin:12px 0; } #hero_container .was_price { font-size:14px; } .bf_product_block_inner .product_flash_claimed { text-align:center; } #hero_container .bf_product_block_inner .bf_padding { padding:15px; height:100%; } .bf_product_block_inner .product_flash_meter { height:12px; max-width:150px; } .bf_product_block_inner .product_flash_claimed { font-size:14px; margin-bottom:25px; } .bf_product_block_inner .customisation-popup { min-width:100%; min-height:100%; left:0; padding-bottom:55px; box-sizing:border-box; } .bf_product_block_inner .customisation-popup .button-add-to-bag-customised { position:absolute; bottom:15px; left:15px; width:calc(100% - 30px); } .bf_product_block_inner .product_name { line-height:1.5em !important; min-height:4.5em !important; } .black_friday .heading { background:none; } .black_friday .heading h1 .banner { max-width:none; margin:0; display:block; max-width:100%; } .black_friday .section_title { font-size:30px; text-align:center; padding-top:20px; padding-bottom:10px; } .promo_block_2021.bf_edition { background:#333; } .black_friday .section_title.bf_flash_header { color: #333; letter-spacing: 2px; font-weight: 600; font-family: 'Karla', Arial, Helvetica, sans-serif; display:inline-block; margin-top:10px; margin-bottom:20px; } .promo_block_2021.bf_edition .promo_block .promo_block_top { font-size:16px; display:inline-block; line-height:normal; padding: 5px 37px; color: #fff; letter-spacing: 2px; font-weight: 600; font-family: 'Karla', Arial, Helvetica, sans-serif; } .promo_block_2021.bf_edition .promo_block .promo_block_bottom { margin-top:5px; margin-bottom:5px; font-size:14px; color:#fff; } .promo_block_2021.bf_edition .promo_block .promo_block_bottom .timer { opacity: 1; padding: 10px 24px; color: #fff; letter-spacing: 2px; margin-left: 2px; width:auto; padding:0; display:inline-flex; font-family: 'Poppins', Arial, Helvetica, sans-serif;; } .promo_block_2021.bf_edition .promo_block .promo_block_bottom .timer .s { display:inline-flex; justify-content:center; text-align:center; width:1.5em; } .bf_promo_modal { position:fixed; z-index:999; top:0; left:0; width:100%; height:100%; display:none; align-items:center; justify-content:center; } .bf_promo_bg { background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; cursor:pointer; } .bf_promo_modal_inner { background:#333; padding:0 0 20px; box-sizing:border-box; position:relative; z-index:3; color:#fff; text-align:center; font-size:14px; max-width:475px; width:95%; } .bf_promo_modal_inner .bf_promo_modal_banner { max-width:100%; } .bf_promo_modal_inner a { color:#fff; font-size:1em; text-decoration:underline; } .bf_promo_modal_terms { padding:20px 30px 10px; font-size:12px; } .bf_promo_modal_text { margin-bottom:25px; padding:0 75px; } .bf_promo_modal_header { letter-spacing:1px; text-transform:uppercase; margin-bottom:0; margin-top:-20px; margin-bottom:20px; font-size:35px; padding:0 30px; } .bf_product_list { display: flex; flex-wrap:wrap; width:calc(100% + 30px); box-sizing:border-box; margin:0 -15px; padding:20px 0; } .bf_product_list .product_box { flex-basis:25%; width:25%; box-sizing:border-box; padding:0 15px; margin:0 0 50px 0 !important; /* Overwrite old nth of type nonsense */ } .category-products .bf_product_list .product-price .price_currency { vertical-align:baseline; } .category-products .bf_product_list .product-name { width:100%; text-align:left; float:none; max-height:none; line-height:1.5em; min-height:3em; } .category-products .bf_product_list .product-price { clear:both; width:100%; text-align:left; margin-top:5px; border-left:0; } .bf_product_list .product_box .review_stars_2021 { clear:both; margin:5px 0 0; } .category-products .bf_product_list .product-price .new-price { text-align:left; font-weight:600; font-size:22px; float:left; width:auto; } .category-products .bf_product_list .product-price .price_currency { font-size:14px; font-weight:800; } .category-products .bf_product_list .product-price .old-price .price_currency { font-size:12px; font-weight:normal; padding-right:0; } .category-products .bf_product_list .product-price .old-price { float:left; margin-left:8px; vertical-align:baseline; padding-top:4px; } .category-products .bf_product_list .button-add-to-bag, .category-products .bf_product_list .bf_added_button, .category-products .bf_product_list a .la-button { float:right; width:auto; line-height:normal; height:auto; padding:6px 20px; font-size:14px; position:absolute; right:0; bottom:5px; } #special_container .category-products .bf_product_list .actions a { position:static; } .category-products .bf_product_list .bf_added_button { color:rgba(0,0,0,0) !important; } .category-products .bf_product_list .bf_added_button span.bf_added_content { color:#666 !important; width:100%; left:0; text-align:center; position:absolute; } .category-products .bf_product_list .button-add-to-bag.loading { color:rgba(0,0,0,0); } .category-products .bf_product_list .review-stars-none { margin: 5px 0 0; width: 1px; height: 13px; clear:both; } .category-products .bf_product_list .price_from { height:auto; max-height:1.1em; } .bf_promo_block .promo_block > a { display:flex; justify-content:center; } .flickity_click { display:inline; } .bf_promo_modal_button.la-button { background:#fff; color:#333 !important; width:auto; height:auto; line-height:normal; padding:8px 40px; display:inline-block; text-decoration:none; } #special_container .bf_product_list .customisation-popup { top:auto; bottom:0; min-width:100%; } .black_friday_specials .sort { float:right; } .black_friday_specials .sort label { line-height:2.0em; padding-right:10px; } .black_friday_specials .filter_list { text-align:center; margin-bottom:20px; } .black_friday_specials .filter_list .filter_link { display:inline-block; background:#eee; color:#333; padding:5px 20px; font-size:14px; border-radius:50px; margin:5px; } .black_friday_specials .filter_list .filter_link.selected { font-weight:600; color:#fff; background:#333; } .black_friday_specials .category-products { margin-top:0; } .filter_list .filter_link{ cursor:pointer; } .filter_list .filter_link.selected{ font-weight:bold; } #special_container.filtered .product_box { display:none; } #special_container.filtered .product_box.filter_show{ display:block; } .bf_flash_mob { display:none; } .bf_landing_categories { display:flex; flex-wrap:wrap; margin:20px -15px; width:calc(100% + 30px); } .bf_landing_category { padding:15px; flex-basis:25%; box-sizing:border-box; } .bf_landing_category img { max-width:100% } h2.bf_categories_all { text-align:center; margin-top:50px; margin-bottom:50px; font-size:30px; display:block; } h2.bf_categories_all img { width:100%; max-width:100%; } .bf_browse_text { margin-bottom:20px; font-size:16px; text-align:center; } .bf_added_button.la-button { cursor:default; } .bf_product_block_container .bf_added_button.la-button { position:absolute; width:calc(100% - 30px); left:15px; color:rgba(0,0,0,0) !important; } .bf_product_block_container .bf_added_button.la-button .bf_added_content { color:#666 !important; position:absolute; left:0; text-align:center; width:100%; } #product-info .add-to-bag .padding.bf_mystery_product { padding:0 15px 15px; width:100%; box-sizing:border-box; } #product-info .add-to-bag .padding.bf_mystery_product h2.black_friday_product_header { margin:0 -15px 15px; width:calc(100% + 30px); box-sizing:border-box; } .mystery_special_price { padding-left:0 !important; } @media only screen and (min-width: 851px) { .promo_block_2021.bf_edition .promo_block { width:100%; padding:0 10px; } .bf_promo_outer { width:auto; display:flex; align-items:center; } .promo_block_2021.bf_edition .promo_block .promo_block_top { float:left; font-size:20px; line-height:normal; padding: 10px 37px; color: #fff; letter-spacing: 2px; font-weight: 600; font-family: 'Karla', Arial, Helvetica, sans-serif; margin-right: 50px; } .promo_block_2021.bf_edition .promo_block .promo_block_bottom { float:left; font-size:20px; padding-left:40px; border-left:1px solid #fff; line-height:normal; margin-top:0; margin-bottom:0; color:#fff; } .promo_block_2021.bf_edition .promo_block .promo_block_bottom .timer { opacity: 1; padding: 10px 24px; color: #fff; letter-spacing: 2px; margin-left: 2px; width:12em; padding:0; display:inline-flex; font-family: 'Poppins', Arial, Helvetica, sans-serif;; } .promo_block_2021.bf_edition .promo_block .promo_block_bottom .timer .s { display:inline; width:auto; } } @media only screen and (max-width: 1100px) { .bf_product_block { width:33.33%; } #special_container .bf_product_list .product_box { flex-basis:33.33%; } .black_friday .flickity-prev-next-button .flickity-button-icon { width:40px; } } @media only screen and (max-width: 950px) { .bf_landing_category { flex-basis:50%; } .bf_landing_category img { width:100%; } } @media only screen and (max-width: 800px) { .bf_product_block { width:44%; } #special_container .bf_product_list .product_box { flex-basis:50%; padding:0 8px; } #special_container .bf_product_list { width:calc(100% + 16px); margin:0 -8px; } .bf_product_block_container { margin:25px -15px; } #special_container .bf_product_list .customisation-popup { position:fixed; width:calc(100% - 30px); left:15px; top:50%; transform:translateY(-50%); min-width:200px; min-height:200px; height:auto; bottom:auto; } h2.bf_categories_all { font-size:24px; } .black_friday .black_friday_countdown h3{ font-size:18px; } } @media only screen and (max-width: 600px) { .bf_product_block { padding:0 4px; } #hero_container .bf_product_block_inner .bf_padding { padding:5px; } .black_friday .section_title { font-size:22px; } .black_friday .bf_description_container { font-size:14px; } .product_flash_meter { width:80%; } #hero_container .product_name { display: -webkit-box; flex-wrap: wrap; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 3; overflow: hidden; } .bf_product_block_inner .customisation-popup { width:100%; height:100%; overflow-y:auto; } .bf_product_block_inner .customisation-popup .add-to-first { width:100% !important; } .bf_product_block_inner .customisation-popup .button-add-to-bag-customised { bottom:5px; left:5px; width:calc(100% - 10px); } .bf_product_block_inner .customisation-popup .price { display:none; } .bf_product_block_inner .customisation-popup .options { padding:5px; } .bf_promo_modal_text { padding:0 30px; } #special_container .category-products .bf_product_list .button-add-to-bag, #special_container .category-products .bf_product_list .bf_added_button, #special_container .category-products .bf_product_list a .la-button { position:relative; width:100%; right:auto; bottom:auto; text-align:center; margin-top:5px; clear:both; box-sizing:border-box; line-height:1.5em; } #special_container .category-products .bf_product_list .product-name { min-height:4.5em; display: -webkit-box; flex-wrap: wrap; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 3; overflow: hidden; } .bf_promo_modal_header { font-size:28px; padding:0 10px; } .black_friday_specials .filter_list .filter_link { font-size:12px; padding:5px 16px; margin:7px 4px; } .black_friday_specials .filter_list { margin-bottom:30px; } .bf_flash_desktop { display:none; } .bf_flash_mob { display:block; } .bf_landing_categories { width:calc(100% + 16px); margin:20px -8px; } .bf_landing_category { padding:8px; } .bf_landing_category a, .bf_landing_category img { display:block; } h2.bf_categories_all { font-size:20px; } .bf_browse_text { font-size:14px; } h2.bf_categories_all { margin-bottom:30px; } .bf_product_block_container .bf_added_button.la-button { width:calc(100% - 10px); left:5px; } .black_friday .black_friday_countdown h3{ font-size:14px; } #special_container .category-products .bf_product_list .bf_added_button { margin-top:calc(-1 * (1.5em + 12px)); line-height:1.5em; } } @media only screen and (max-width: 586px) { #basic-info .span_1_of_2 .special-price { text-align:center; width:100%; } .mystery_special_price_container { width:100% !important; box-sizing:border-box !important; text-align:center !important; } } /* Black Friday 2021 (end) */ /* Klarna Banner (start) */ .product_klarna_banner { margin-bottom:25px; background:#f2f2f2; } .product_klarna_banner img { display:block; max-width:100%; height:auto; } .product_klarna_banner.mobile_klarna { display:none; } @media only screen and (max-width: 699px) { .product_klarna_banner.mobile_klarna { display:block; } .product_klarna_banner a { padding:8px 4px; background:#f2f2f2; display:block; } } @media only screen and (max-width: 586px) { .product_klarna_banner { margin-bottom:15px; } } /* Klarna Banner (end) */ /* Valentine's Day Gift Finder (start) */ .gift_finder_container.gift_finder_v2 { background:#ffd3d9; text-align:center; padding-top:40px; padding-bottom:40px; } .gift_finder_container.gift_finder_v2 .gift_finder_inner { width:auto; margin:0 auto; background:rgba(255,255,255,0.8); padding:30px; display:inline-block; min-width:80%; z-index:2; } .gift_finder_container.gift_finder_v2 .gift_finder_question { display:block; } .gift_finder_container.gift_finder_v2 .gift_finder_answer { width:auto; height:auto; padding:5px 15px; min-width:80px; border:2px solid #dc6b7b; font-weight:600; color:#dc6b7b; background:#fff; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none; } .gift_finder_container.gift_finder_v2 .gift_finder_answer_list { padding:0; } .gift_finder_container.gift_finder_v2 .gift_finder_final { clear:both; display:block; margin:30px 0 0; } .gift_finder_container.gift_finder_v2 h2 { margin-top:40px; } .gift_finder_container.gift_finder_v2 .gift_finder_final .la-button { background:#be1822; } .gift_finder_container.gift_finder_v2 .gift_finder_answer.answer_selected { color:#fff; background:#dc6b7b; transition:all 0.25s; } .gift_finder_container .category-products .span_1_of_many { width:25%; margin-left:0; margin-right:0; padding:0 15px; box-sizing:border-box; } .gf_hearts { position:absolute; top:10px; right:10px; width:280px; height:auto; z-index:1; } .gf_hearts.lower { right:auto; top:auto; left:10px; bottom:10px; -moz-transform:scale(-1, 1); -o-transform:scale(-1, 1); -webkit-transform:scale(-1, 1); transform:scale(-1, 1); } .gf_hearts img { max-width:100%; } .gift_finder_container.gift_finder_v2 .gift_finder_final { background:none; } @media only screen and (max-width: 1100px){ .gift_finder_container .category-products .span_1_of_many { width:33.333%; } } @media only screen and (max-width: 880px){ .gift_finder_container .category-products .span_1_of_many { width:50%; } .gf_hearts { width:190px; } .gift_finder_container h1 { font-size:28px; } } @media only screen and (max-width: 480px){ .gift_finder_container .category-products .span_1_of_many { padding:0 5px; } .gift_finder_container { padding-left:10px; padding-right:10px; } .gift_finder_container.gift_finder_v2 .gift_finder_answer_inner { font-size:14px; } .gift_finder_container.gift_finder_v2 .gift_finder_answer { padding-left:10px; padding-right:10px; } .gift_finder_container.gift_finder_v2 h2 { font-size:16px; } .gift_finder_container.gift_finder_v2 h1 { margin-top:5px; } .gift_finder_container.gift_finder_v2 { padding-top:10px; padding-bottom:10px; margin:0 -15px 30px; } .gift_finder_container.gift_finder_v2 .gift_finder_inner { padding:30px 15px; } .gf_hearts { width:100px; top:2px; right:2px; } .gf_hearts.lower { left:2px; bottom:2px; } .gift_finder_container h1 { font-size:24px; } } /* Valentine's Day Gift Finder (end) */ /* Mother's Day Gift Finder (start) */ .gift_finder_container.gift_finder_v2.mothers_day_gf { background:#e6dfd5; background-image:url('https://cdn.lisaangel.co.uk/image/cache/data/home-banners/2022/feb/flowers-plain-1370x197.png'); background-position:bottom center; background-repeat:no-repeat; position:relative; } .gift_finder_container.gift_finder_v2.mothers_day_gf::before { background-image:url('https://cdn.lisaangel.co.uk/image/cache/data/home-banners/2022/feb/flowers-plain-1370x197.png'); background-position:bottom -115px center; background-repeat:no-repeat; display:block; content:''; position:absolute; width:100%; height:197px; top:0; left:0; -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); } .gift_finder_container.gift_finder_v2.mothers_day_gf .gift_finder_final .la-button { background:#e6a38b; } .gift_finder_container.gift_finder_v2.mothers_day_gf .gift_finder_answer { border:2px solid #c51055; color:#c51055; } .gift_finder_container.gift_finder_v2.mothers_day_gf .gift_finder_answer.answer_selected { background:#c51055; color:#fff; } @media only screen and (max-width: 480px){ .gift_finder_container.gift_finder_v2.mothers_day_gf h1 { padding:0 5px; } .gift_finder_container.gift_finder_v2.mothers_day_gf { background-size:800px; } .gift_finder_container.gift_finder_v2.mothers_day_gf::before { background-size:800px; background-position:bottom -75px center; } } /* Mother's Day Gift Finder (end) */ /* Cookie banner and policy page (start) */ .cookie_bar * { box-sizing:border-box; } .cookie_bar { position:fixed; bottom:0; left:0; width:100%; z-index:9999999; background:#f2f2f2; border-top:1px solid #fff; box-sizing:border-box; padding:25px 15px; font-size:14px; } .cookie_bar .la-button { height:auto; font-size:16px; line-height:normal; padding:6px 30px; width:auto; float:left; margin-left:15px; align-self:flex-end } .cookie_bar .la-button.loading { color:rgba(255,255,255,0) !important; } .cookie_bar .la-button.second.loading { color:rgba(255,255,255,0) !important; border-color:#fff; filter:brightness(0.4); background:url("https://cdn.lisaangel.co.uk/static/image/gif-load-tr.svg") no-repeat center center; } .cookie_bar .la-button.second { border:1px solid; padding:5px 28px; background:none; } .cookie_bar .notification_text { max-width:1370px; width:100%; margin:0 auto; } .cookie_bar .buttons { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; } .cookie_bar .buttons .policy_link { font-size:14px; text-decoration:underline; } .cookie_policy_page { font-size:14px; } .cookie_policy_page h3 { font-weight:normal; margin-bottom:5px; text-align:left; } .cookie_list_title { width: 100%; background: #f2f2f2; padding: 10px; box-sizing: border-box; } .cookie_list_block{ margin:40px 0; clear:both; } .cookie_list_title h2{ display:inline-block; max-width:70%; margin-bottom:0; text-align:left; } .cookie_list_switch { position:relative; display:inline-block; width:60px; height:26px; float:right; } .cookie_list_switch.disabled { pointer-events:none; cursor:default; opacity:0.35; } .cookie_list{ padding:20px 0; box-sizing: border-box; width:100%; } .cookie_list table{ width:100%; font-size:12px; border-collapse: collapse; } .cookie_list table td, .cookie_list table th{ border:1px solid #666; padding:5px; text-align:left; } .cookie_list table td:nth-child(1), .cookie_list table td:nth-child(2){ width:120px; } .cookie_list table td:nth-child(4){ width:80px; } .cookie_list_switch input { opacity: 0; width: 0; height: 0; } .cookie_slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .cookie_slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 3px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s; z-index:2; } input:checked + .cookie_slider { background-color: #8db28b; } input + .cookie_slider::after { display:block; position:absolute; content:'OFF'; color:#666; font-size:14px; top:5px; line-height:16px; right:7px; left:auto; z-index:1; } input:checked + .cookie_slider::after { content:'ON'; color:#fff; right:auto; left:8px; } input:checked + .cookie_slider.disabled { background-color: #8db28b; } input:focus + .cookie_slider { box-shadow: 0 0 1px #8db28b; } input:checked + .cookie_slider:before { -webkit-transform: translateX(34px); -ms-transform: translateX(34px); transform: translateX(34px); } .cookie_slider.round { border-radius: 34px; } .cookie_slider.round:before { border-radius: 50%; } .cookie_list_table { width:100%; overflow-x:auto; } @media only screen and (max-width: 800px){ .cookie_bar .notification_text > p { text-align:center; margin-bottom:10px; } .cookie_bar .buttons { text-align:center; display:block; align-items:normal; justify-content:normal; } .cookie_bar .buttons .policy_link { width:100%; text-align:center; margin-bottom:15px; display:block; } .cookie_bar .buttons > span { width:100%; display:block; clear:both; } .cookie_bar .la-button, .cookie_bar .la-button.second { width:calc(50% - 8px); float:left; margin-left:0; margin-right:8px; padding-left:8px; padding-right:8px; } .cookie_bar .la-button:last-of-type { float:right; margin-left:8px; margin-right:0; } } @media only screen and (max-width: 550px){ .cookie_bar .la-button, .cookie_bar .la-button.second { width:100%; margin-bottom:15px; } .cookie_bar .la-button:last-of-type { margin-bottom:0; } .cookie_bar { padding-top:20px; padding-bottom:15px; } } /* Cookie banner and policy page (end) */ /* Personalisation Preview (start) */ .personalisation_preview { position:absolute; top:0; right:100%; margin-right:15px; width:auto; height:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:right; z-index:99; } .personalisation_preview_inner { padding:15px; background:#fff; transform:scale(0.975); transform-origin: top right; } .personalisation_preview_notice { position:absolute; width:100%; box-sizing:border-box; top:15px; left:0; background:rgba(230,230,230,0.7); text-align:center; padding:10px; font-size:14px; } .personalisation_preview_image { position:relative; } .personalisation_preview_image > img { height:630px; width:620px; } .personalisation_preview_text, .personalisation_preview_text_right { position:absolute; color: #111; font-size:35px; top:70%; left:30%; text-align:center; top:65.8%; left:9%; user-select:none; -webkit-user-select:none; transform:rotate(24deg); transform-origin:top left; width:200px; } .personalisation_preview_text_right { top:67%; left:40%; transform:rotate(24deg); } #personalisation_preview_text span, #personalisation_preview_text2 span, #personalisation_preview_text_right span, #personalisation_preview_text_right2 span { height:153px; line-height:274px; display:inline-block; position:absolute; text-align:left; z-index:2; bottom:0; left:50%; transform-origin:top center; user-select:none; -webkit-user-select:none; text-transform:uppercase; color: transparent; -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; text-shadow:0px 1px 2px rgb(255 255 255 / 90%); background-color:#666; letter-spacing:1px; filter: blur(0.1px); font-family: 'Zen Maru Gothic', sans-serif; font-weight:500; -webkit-transform:translateZ(1px); -webkit-transform:translate3d(0, 0, 0); } #personalisation_preview_text.black span, #personalisation_preview_text2.black span, #personalisation_preview_text_right.black span, #personalisation_preview_text_right2.black span { background-color:#666; font-weight:900; text-shadow:0px 2px 1px rgb(255 255 255 / 98%); color:rgba(0,0,0,0.7); } #personalisation_preview_text.black, #personalisation_preview_text2.black, #personalisation_preview_text_right.black, #personalisation_preview_text_right2.black { font-size:34px; transform:rotate(24.2deg); } #personalisation_preview_text_right.black, #personalisation_preview_text_right2.black { transform:rotate(24deg); } .personalisation_preview_input, .personalisation_preview_input_right { display: flex; padding: 10px; box-sizing: border-box; align-items: center; justify-content: center; } .personalisation_preview_input input, .personalisation_preview_input_right input { font-size:18px; text-transform: uppercase; text-align:center; border:1px solid #999; padding:6px; } .personalisation_preview_link { font-size:14px; text-decoration:underline; cursor:pointer; padding:4px 0; margin-bottom:25px; display:none; } @media only screen and (max-width: 1200px) { .personalisation_preview_inner { transform:scale(0.770); } } @media only screen and (max-width: 1000px) { .personalisation_preview_notice { font-size:17px; } } @media only screen and (max-width: 700px) { .personalisation_preview { right:0; left:0; margin-right:0; margin-top:15px; top:100%; max-width:100%; overflow:hidden; } .personalisation_preview_link { display:block; } .personalisation_preview_notice { font-size:26px; line-height:1.35em; } } /* Personalisation Preview (end) */ /* My Account Redesign/Loyalty (start) */ .my_account_block_grid * { box-sizing:border-box; } .my_account_block_grid { display:flex; flex-wrap:wrap; margin:10px -15px; justify-content:left; box-sizing:border-box; margin-bottom:35px; } .my_account_block, .my_account_reward_block { width:33.33%; padding:15px; } .my_account_block_inner { background:#f2f2f2; padding:15px; aspect-ratio:1; min-height:1px; display:flex; flex-wrap:wrap; } .my_account_reward_block_inner { background:#f2f2f2; padding:25px 15px 70px; min-height:1px; display:flex; flex-wrap:wrap; text-align:center; justify-content:center; align-items:center; position:relative; height:100%; } .my_account_reward_block_inner .my_account_points_button { position:absolute; bottom:25px; } .my_account_reward_block_inner .my_account_points_button .loading { font-size:16px; color:rgba(255,255,255,0); } .my_account_rewards_claimed { font-size:14px; } .my_account_reward_block.fully_used { opacity:0.5; } .my_account_reward_block_inner .my_account_points_button .active { background: #f7e4d7; color: #666 !important; } .my_account_reward_block_inner > div:first-of-type { padding-bottom:15px; } .my_account_reward_name { font-size:22px; padding-bottom:10px; } .my_account_reward_code { font-size:14px; } .my_account_block h2 { text-align:center; width:100%; padding-top:5px; } .my_account_details_list { list-style:none; padding-left:15px; } .my_account_details_list li { padding-bottom:5px; } .my_account_details_list a { font-size:14px; } .loyalty_circle_container { border-radius:300px; overflow:hidden; width:60%; margin:10px auto; aspect-ratio:1; background:#f2f2f2; align-self:flex-start; position:relative; } .loyalty_points_count { position:absolute; z-index:2; width:92%; height:92%; left:4%; top:4%; border-radius:300px; display:flex; align-items:center; justify-content:center; font-size:45px; font-weight:bold; background:#eee; } .loyalty_points_count > span { width:100%; text-align:center; } .loyalty_points_circle { width:100%; height:100%; position:relative; z-index:1; } .my_account_recent_orders { overflow:hidden; position:relative; align-content:flex-start; } .my_account_order_button { position:absolute; bottom:0; left:0; width:100%; padding:15px; background:#f2f2f2; text-align:center; } .my_account_order_button::before { position:absolute; height:65px; bottom:100%; left:0; width:100%; content:''; display:block; background: rgb(242,242,242); background: -moz-linear-gradient(0deg, rgba(242,242,242,1) 0%, rgba(242,242,242,0) 100%); background: -webkit-linear-gradient(0deg, rgba(242,242,242,1) 0%, rgba(242,242,242,0) 100%); background: linear-gradient(0deg, rgba(242,242,242,1) 0%, rgba(242,242,242,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2f2f2",endColorstr="#f2f2f2",GradientType=1); pointer-events:none; } .my_account_order_button .la-button, .my_account_points_button .la-button, .my_account_reward_bonuses .la-button { height:auto; width:auto; line-height:normal; padding:6px 25px; display:inline-block; text-decoration:none; } .my_account_reward_bonuses { text-align:center; } .my_account_reward_bonuses .la-button { font-size:16px; } .my_account_order_block { width:100%; padding:15px; background:#fff; margin-top:15px; } .my_account_points_button { width:100%; clear:both; display:flex; align-items:end; justify-content:center; } .my_account_header h1 { float:left; } .my_account_logout { float:right; } .my_account_logout .la-button { padding:6px 25px; height:auto; line-height:normal; font-size:16px; } .loyalty_block_lifetime { width: 100%; text-align:center; font-size:14px; display:none; } .my_account_no_orders { font-size:16px; text-align:center; width:100%; position:absolute; left:0; align-self:center; } .cart_loyalty_bar { background:#f2f2f2; padding:10px 10px 10px 15px; box-sizing:border-box; width:100%; font-size:14px; margin:5px 0 15px; } .cart_loyalty_bar form { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; } .cart_loyalty_bar .la-button { float:right; line-height:normal; height:auto; padding:6px 35px; width:auto; font-size:16px; } .cart_loyalty_bar .la-button.loading { font-size:16px; color:rgba(255,255,255,0); } .loyalty_points_value { font-size:14px; display:block; clear:both; text-align:center; font-weight:normal; } .my_account_reward_info, .my_account_reward_info * { box-sizing:border-box; } .my_account_reward_info { margin:20px 0 15px; background:#f2f2f2; padding:20px; font-size:14px; width:calc(100% - 630px); max-width:670px; float:left; } .my_account_reward_card { float:right; box-sizing:border-box; width:600px; margin:20px 0 15px 30px; border-radius:15px; background:#ddd; background-image:url('https://cdn.lisaangel.co.uk/image/cache/data/assets/card-bg-900x620.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center; padding:25px; display:flex; -webkit-box-shadow: 3px 1px 4px 0px rgba(0,0,0,0.2); box-shadow: 3px 1px 4px 0px rgba(0,0,0,0.2); } .my_account_reward_qr { float:right; background:#fff; width:260px; height:260px; box-sizing:border-box; } .my_account_reward_card_left { float:left; width:calc(100% - 260px); box-sizing:border-box; padding-right:15px; display:flex; flex-wrap:wrap; position:relative; } .my_account_reward_card_title { font-size:32px; width:100%; } .my_account_reward_card_header { width:100%; padding-top:10px; } .my_account_reward_card_details { width:auto; align-self:flex-end; font-size:16px; background: rgba(255,255,255,0.6); box-sizing: border-box; padding: 5px 15px 5px 8px; line-height:1.2em; } .my_account_reward_card_details span { font-weight:600; font-size:13px; } .my_account_reward_card_details div { padding-top:12px; word-break:break-word; } .my_account_reward_card_details div:first-of-type { padding-top:0; } .my_account_reward_qr #reward_qrcode, .my_account_reward_qr svg { width:100%; } .my_account_reward_text { width:100%; float:left; } .my_account_reward_text div { padding-top:5px; } .my_account_reward_text div a { font-size:14px; display:block; clear:both; padding-top:10px; text-decoration:underline; } .my_account_reward_barcode { float:right; width:200px; min-height:110px; background:#fff; display:flex; align-items:center; justify-content:center; } .reward_barcode { font-size:40px; text-align:center; width:100%; transform:scaleY(2.2); padding-top:0.4em; color:#111; } .lacheckout.register .address-row label { max-width:150px; } .lacheckout.register .address-row input, .lacheckout.register .address-row select { max-width:300px; box-sizing:border-box; padding:0 10px; } .lacheckout.register .address-row input#shipping_mobile { box-sizing:content-box; max-width:209px; } .lacheckout.register h2 { display:block; clear:both; padding-top:10px; } .loyalty_transaction_table .table_row .table_head:first-child, .loyalty_transaction_table .table_row .table_cell:first-child { width:10%; box-sizing:border-box; margin-left:0; margin-right:0; padding-right:15px; } .loyalty_transaction_table .table_row .table_head:nth-child(2), .loyalty_transaction_table .table_row .table_cell:nth-child(2) { width:15%; box-sizing:border-box; margin-left:0; margin-right:0; padding-right:15px; } .loyalty_transaction_table .table_row .table_head:nth-child(3), .loyalty_transaction_table .table_row .table_cell:nth-child(3), .loyalty_transaction_table .table_row .table_head:nth-child(4), .loyalty_transaction_table .table_row .table_cell:nth-child(4), .loyalty_transaction_table .table_row .table_head:nth-child(5), .loyalty_transaction_table .table_row .table_cell:nth-child(5) { width:12%; box-sizing:border-box; margin-left:0; margin-right:0; padding-right:15px; } .loyalty_transaction_table .table_row .table_head:nth-child(6), .loyalty_transaction_table .table_row .table_cell:nth-child(6) { width:39%; box-sizing:border-box; margin-left:0; margin-right:0; padding-right:15px; } .loyalty_card_image { float:left; width:63%; padding-right:45px; box-sizing:border-box; } .loyalty_card_register_form { float:right; width:37%; box-sizing:border-box; padding:30px; background:#f2f2f2; font-size:14px; } .loyalty_card_image { overflow:hidden; } .loyalty_card_image img { max-width:100%; } .loyalty_register_landing p { font-size:14px; } .loyalty_card_register_form label { display:block; font-size:20px; } .loyalty_card_register_form input { display:block; font-size:16px; padding:8px 10px; border:1px solid #ccc; margin-bottom:15px; margin-top:10px; max-width:100%; box-sizing:border-box; } .loyalty_register_landing_blocks { padding:20px 0 30px; } .loyalty_register_page .form_row { max-width:550px; } .loyalty_register_page .form_row input[type="checkbox"], .form_row label.inline { display:inline; } #card_id_check { margin-top:10px; font-size:16px; width:100%; } #card_id_container { max-width:360px; padding:20px 30px; } #card_id_container .la-button { clear:both; width:auto; line-height:normal; height:auto; padding:8px 25px; font-size:14px; text-align:center; min-width:180px; } .loyalty_register_page .form_row input[type="text"] { max-width:360px; margin-bottom:15px; } .loyalty_register_page .la-button { max-width:360px; } .my_account_no_coupons { padding:15px; font-size:14px; } .padlock_icon { height:1.1em; width:1.1em; vertical-align:top; display:inline-block; } .padlock_icon svg { max-width:100%; max-height:100%; width:auto; fill:#666; } .padlock_text { font-size:0.8em; } .locked_rewards_spacer { margin-top:80px; } .info_paragraph { font-size:14px; } .info_paragraph a { font-size:1em; } .my_account_block_conditions { width:100%; clear:both; padding-left:15px; } @media only screen and (max-width: 1100px){ .my_account_block, .my_account_reward_block { width:50%; } .my_account_block_grid { justify-content:center; } .my_account_block_grid.my_account_featured_coupons { justify-content:left; } .my_account_block:last-of-type { width:100%; } .my_account_block:last-of-type .my_account_block_inner { aspect-ratio:auto; } .loyalty_transaction_table .table_row .table_head:first-child, .loyalty_transaction_table .table_row .table_cell:first-child { width:18%; } .loyalty_transaction_table .table_row .table_head:nth-child(6), .loyalty_transaction_table .table_row .table_cell:nth-child(6) { width:31%; display:block; clear:none; } } @media only screen and (max-width: 950px){ .my_account_reward_info { width:100%; max-width:1000px; } .my_account_reward_card { margin: 20px auto 15px; float:none; } } @media only screen and (max-width: 800px){ .loyalty_card_register_form { width:100%; margin-bottom:20px; } .loyalty_card_image { width:100%; padding-right:0; } .loyalty_card_register_form input { max-width:250px; width:100%; } .loyalty_card_register_form .la-button { max-width:250px; } .loyalty_register_landing h1 { margin-bottom:15px; } } @media only screen and (max-width: 750px){ .cart_loyalty_bar form { justify-content:center; } .cart_loyalty_bar form span { display:block; width:100%; padding:0 0 12px; text-align:center; } .cart_loyalty_bar .la-button { float:none; } .cart_loyalty_bar { padding:15px; } } @media only screen and (max-width: 660px){ .my_account_block, .my_account_reward_block { width:100%; } .my_account h2 { text-align:center; } .my_account_block h2, .my_account_reward_text h2 { font-size:18px; } .my_account_reward_name { font-size:18px; } .loyalty_points_count { font-size:32px; } .my_account_reward_text { width:100%; margin-bottom:20px; text-align:center; } .my_account_reward_bonuses { margin-bottom:0; } .my_account_reward_barcode { width:100%; } .reward_barcode { font-size:50px; } .loyalty_transaction_table .table_row .table_head:nth-child(6) { display:none; } .loyalty_transaction_table .table_row .table_cell:nth-child(6) { width:100%; clear:both; padding-top:9px; padding-bottom:9px; } .loyalty_transaction_table .table_row .table_cell:nth-child(6)::before { display:inline; content:"Notes: "; font-weight:600; } .loyalty_transaction_table .table_row .table_head:first-child, .loyalty_transaction_table .table_row .table_cell:first-child { width:25%; } .loyalty_transaction_table .table_row .table_head:nth-child(2), .loyalty_transaction_table .table_row .table_cell:nth-child(2) { width:21%; } .loyalty_transaction_table .table_row .table_head:nth-child(3), .loyalty_transaction_table .table_row .table_cell:nth-child(3), .loyalty_transaction_table .table_row .table_head:nth-child(4), .loyalty_transaction_table .table_row .table_cell:nth-child(4), .loyalty_transaction_table .table_row .table_head:nth-child(5), .loyalty_transaction_table .table_row .table_cell:nth-child(5) { width:18%; display:block; } .my_account_reward_card { width:100%; align-items:center; padding:15px; } .my_account_reward_card_details { font-size:14px; } .my_account_reward_card_title { font-size:22px; padding-bottom:10px; } .my_account_reward_qr #reward_qrcode { background:#fff; } .my_account_reward_qr { height:150px; width:150px; } .my_account_reward_card_left { width:calc(100% - 150px); } .my_account_reward_qr svg { transform:none; } .my_account_reward_qr #reward_qrcode, .my_account_reward_qr svg { height:100%; } .my_account_no_coupons { text-align:center; } .my_account_reward_card_header { max-width:280px; } } @media only screen and (max-width: 540px){ .lacheckout.register .address-row input, .lacheckout.register .address-row select { max-width:600px; width:100%; clear:both; } .lacheckout.register .address-row.section-break { margin-bottom:10px; } .lacheckout.register .shipping_mobile_extension_show { clear:both; } .lacheckout.register #shipping_mobile_extension, .lacheckout.register .address-row input#shipping_mobile { clear:none; } .lacheckout.register .address-row input#shipping_mobile { width:calc(100% - 92px); max-width:600px; } } @media only screen and (max-width: 500px){ .my_account_reward_qr { position:absolute; right:15px; width:34%; height:auto; max-width:132px; } .my_account_reward_card_left { width:100%; display:block; padding-right:0; } .my_account_reward_card_details { background:none; padding-left:0; padding-right:0; } .my_account_reward_card { position:relative; display:block; } .my_account_reward_card_details div { word-break:break-all; } .my_account_reward_qr #reward_qrcode, .my_account_reward_qr svg { float:right; } .my_account_reward_card_title { font-size:20px; } .my_account_reward_card_header { max-width:55%; padding-bottom:10px; } } @media only screen and (max-width: 480px){ .loyalty_transaction_table .table_row .table_head:nth-child(5), .loyalty_transaction_table .table_row .table_cell:nth-child(5) { display:none; } .loyalty_transaction_table .table_row .table_head:nth-child(3), .loyalty_transaction_table .table_row .table_cell:nth-child(3), .loyalty_transaction_table .table_row .table_head:nth-child(4), .loyalty_transaction_table .table_row .table_cell:nth-child(4) { width:22%; } .loyalty_transaction_table .table_row .table_head:nth-child(2), .loyalty_transaction_table .table_row .table_cell:nth-child(2) { width: 30%; display:block; } .loyalty_transaction_table .table_row .table_head:first-child, .loyalty_transaction_table .table_row .table_cell:first-child { width:26%; } } /* My Account Redesign/Loyalty (end) */ /* New order success page (start) */ .success_page * { box-sizing:border-box; } .success_header { text-align:center; font-size:14px; padding-bottom:40px; } .success_feedback, .success_feedback a, .success_delivery, .success_delivery a { font-size:14px; } .success_header p { margin-bottom:0; } h3.success_heading { font-weight:normal; font-size:20px; margin-top:5px; } .success_loyalty_block, .success_feedback { font-size:14px; width:calc(50% - 30px); margin-right:30px; float:left; clear:left; padding:15px 0; margin-top:20px; } .success_feedback { margin-top:35px; } .success_delivery_title { display:block; clear:both; padding:8px 0 5px; } .success_delivery { background:#f2f2f2; padding:15px 25px; width:calc(50% - 30px); float:right; margin-left:30px; margin-top:20px; } .success_loyalty_block a.la-button, .success_feedback #checkout_feedback a.la-button { line-height:normal; font-size:16px; height:auto; width:auto; padding:6px 35px; display:inline-block; margin-top:10px; } .success_feedback #checkout_feedback { width:100%; } .success_page_social { clear:both; margin:30px auto; width:auto; text-align:center; font-size:14px; } .success_page_social h3 { font-weight:normal; font-size:20px; margin-top:5px; } .success_social_link { width:80px; display:inline-block; padding:10px; } .success_social_link svg { max-width:100%; } @media only screen and (max-width: 880px){ .success_feedback, .success_loyalty_block, .success_delivery { width:100%; max-width:600px; margin-left:auto; margin-right:auto; float:none; } .success_page_blocks { display:flex; flex-wrap:wrap; } .success_loyalty_block { order:1; } .success_delivery { order:2; } .success_feedback { order:3; } .success_header { padding-bottom:10px; } } @media only screen and (max-width: 600px){ .success_delivery { margin-left:-15px; margin-right:-15px; padding-left:15px; padding-right:15px; width:calc(100% + 30px); } .success_social_link { width:60px; } } /* New order success page (end) */ /* 2022 Product Grid (start) */ a.modal_button { display:inline-block; padding:6px 25px; border-radius:100px; font-size:14px; text-align:center; text-decoration:none; color:#333; cursor:pointer; } .grid_2022 .subcat_title h1, .centered_header h1 { text-align:center; margin:20px 0; } .grid_2022 .subcat_description { font-size:14px; text-align:center; position:relative; display: -webkit-box; -webkit-line-clamp: 3; line-height:1.5em; max-height:4.5em; text-overflow:ellipsis; -webkit-box-orient: vertical; overflow: hidden; margin-bottom:3em; } .grid_2022 .subcat_description.expanded_description { -webkit-line-clamp: unset; margin-bottom:1em; max-height:none; } .grid_2022 #category-desc .subcat_description_read_more { line-height:1.5em; width:100%; left:0; font-weight:500; text-decoration:underline; cursor:pointer; font-size:14px; text-align:center; position:absolute; margin-top:-3em; box-sizing:border-box; padding:0.5em; z-index:2; } .grid_2022 .subcat_description .go_back { display:none; } .grid_2022 .subcat_description a { font-size:14px; } .grid_2022 .subcat_description h3 { display:none; } .grid_2022 #category-desc { padding-bottom:10px; } .category_brand_logo { text-align:center; margin-bottom:20px; } .category_brand_logo img { text-align:center; width:auto; height:auto; max-width:180px; max-height:70px; } .grid_2022 .subcat_modals { text-align:center; margin:0 0 40px; font-size:14px; line-height:1.5em; max-height:calc(1.5em + 32px); overflow:hidden; } .grid_2022 .subcat_modals .modal_button { background:#f7e4d7; margin:0 10px 20px; white-space: nowrap; } .filter_sort_bar { width:100%; background:#f2f2f2; padding:15px; box-sizing:border-box; display:flex; justify-content:space-between; font-size:14px; margin-bottom:25px; top:-80px; line-height:1.5em; } .filter_sort_bar *, #filter_bar_contents * { box-sizing:border-box; } .filter_sort_bar .filter_bar_filter, .filter_sort_bar .filter_bar_sort, .filter_sort_bar .filter_bar_spacer { padding-bottom:4px; border-bottom:1px solid; min-width:calc(16.666% - 24px); padding-right:3px; position:relative; cursor:pointer; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .filter_sort_bar .filter_bar_spacer { border-color:transparent; cursor:default; } .filter_sort_bar .filter_bar_filter::before { content:'+'; display:block; float:right; font-size:16px; line-height:20px; } .filter_sort_bar .filter_bar_filter.filter_bar_opened::before { content:'\2013'; } .filter_sort_bar .filter_bar_sort::after { content:''; display:block; float:right; width:12px; height:18px; background:url('/catalogue/2016-christmas/style/icon/arrow-down.png'); background-position:bottom; background-size:12px; background-repeat:no-repeat; filter:invert(0.7); } .filter_sort_bar .filter_bar_sort span { padding-left:2px; } .filter_sort_bar .filter_bar_results { padding-top:2px; } .filter_bar_sort_container { background:#fff; border:1px solid #ddd; padding:0 10px; position:absolute; width:100%; z-index:11; margin-top:10px; display:none; } .filter_bar_sort_value { border-bottom:1px solid #ddd; padding:10px 0; cursor:pointer; } .filter_bar_sort_value:last-of-type { border-bottom:0; } #filter_bar_contents { width:100%; background:#f2f2f2; padding:0; box-sizing:border-box; font-size:14px; display:none; margin-bottom:25px; } #filter_bar_contents .filter_list { width:83.333%; float:left; } #filter_bar_contents .filter-block { width:calc(20% - 30px); float:left; margin:15px; border-bottom:1px solid; padding-right:3px; padding-bottom:4px; position:relative; cursor:pointer; } #filter_bar_contents .filter-block.priceblock { width:16.666%; float:right; font-size:14px; font-family:'Poppins', Arial, Helvetica, sans-serif; margin-left:0; margin-right:0; margin-top:8px; padding:0 30px; border-bottom:0; cursor:default; } #filter_bar_contents ul.filter-boxes { display:none; position: absolute; background: #fff; width: calc(100% + 20px); margin-left: -10px; margin-top: 6px; padding: 0px 10px; outline: 1px solid #ddd; border-right:3px solid #fff; z-index: 11; max-height: 300px; overflow-y: auto; top:100%; } #filter_bar_contents ul.filter-boxes::-webkit-scrollbar { width: 5px; } #filter_bar_contents ul.filter-boxes::-webkit-scrollbar-track { background:#eee; border-radius:10px; margin:5px 0; } #filter_bar_contents ul.filter-boxes::-webkit-scrollbar-thumb { background:#666; border-radius:10px; } #filter_bar_contents .filter-block .filter_label::after { content:''; display:block; float:right; width:12px; height:18px; background:url('/catalogue/2016-christmas/style/icon/arrow-down.png'); background-position:bottom; background-size:12px; background-repeat:no-repeat; filter:invert(0.7); } #filter_bar_contents .filter-block.priceblock .filter_label::after { display:none; } #filter_bar_contents .filter-block.priceblock .filter_label { font-size:12px; padding-bottom:10px; margin:0 -6px; } #filter_bar_contents .filter-block.priceblock .filter_label .range { float:right; } #filter_bar_contents .filter-block.priceblock .slider-price { display:none; } #filter_bar_contents .filter-block.priceblock .noUi-handle { border-radius:50px; height:14px; width:14px; left:-6px; top:-5px; } #filter_bar_contents .filter-block.priceblock .noUi-horizontal { height:4px; } .grid_2022 #main-col { width:100%; } .grid_2022 #main-col .category-products { border-left:0; padding-left:0; width:calc(100% + 30px); margin:0 -15px; } .category-products .span_1_of_many { width:25%; box-sizing:border-box; padding:0 15px; clear:none !important; margin-left:0 !important; } .category_products { margin:0 -15px; } .category_products::after { content:''; display:block; clear:both; } .category_products .product_box { float:left; width:25%; box-sizing:border-box; padding:0 15px; margin-bottom:55px; position:relative; } .bb_row_1 .category_products .product_box { width:25%; } .bb_row_2_75 .category_products .product_box { width:33.33%; } .bb_row_2_75 .bb_two_col:last-of-type .category_products .product_box { width:100%; } .bb_row_2_50 .category_products .product_box { width:50%; } .bb_row_2_25 .category_products .product_box { width:100%; } .bb_row_2_25 .bb_two_col:last-of-type .category_products .product_box { width:33.33%; } .category_products .product_box .customisation-popup { top:0; left:0; width:100%; } .category_products .product_box * { box-sizing:border-box; } .category_products .product_box .category_product_image { width:100%; height:auto; display:block; margin-bottom:5px; } .category_products .product_block_container { display:flex; flex-wrap:wrap; } .bb_products_block.category_products .product_block_container { justify-content:center; } .category_products .product_grid_hover { position:relative; } .category_products .product_grid_hover a { font-size:14px; } .category_products .product_grid_hover .product-tag { position:absolute; top:10px; left:10px; padding:5px 10px; background:rgba(255,255,255,0.8); } .category_products .product_grid_hover .perc-off-tag { position: absolute; background: rgba(255, 255, 255, 0.8); padding: 5px 8px; color: #ff4040; top: 10px; right: 10px; font-size: 16px; height: auto; line-height: 24px; bottom: auto; left: auto; font-weight: 500; } .category_products .product_box .product-name { font-size:14px; line-height:1.4em; height:2.8em; margin-top:8px; display: -webkit-box; flex-wrap: wrap; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; margin-bottom:2px; } .category_products .product_box .product_rating { float:left; } .category_products .product_box .product-price { clear:both; } .category_products .product_box .review-stars-none { background-size: 13px; width: 65px; height: 13px; background-image: url(/static/image/star-icon.svg); background-position: left center; background-repeat: repeat-x; opacity: 0.3; margin:5px auto; float:left; } .category_products .product_box .review_stars_2021 { float:left; } .category_products .product_box .review_rating_count { font-size:12px; line-height:23px; padding-left:4px; } .category_products .product_box .review_rating_count.review_rating_count_zero { opacity:0.5; } .category_products .product_box .product-price { padding-top:2px; font-size:24px; font-weight:600; display:flex; align-items:baseline; flex-wrap:wrap; padding-left:2px; } .category_products .product_box .product-price .new-price { color:#ff4040; } .category_products .product_box .product-price .old-price { color:#666; font-weight:normal; font-size:12px; padding-left:8px; text-decoration:line-through; } .category_products.grid_currency_ILS .product_box .product-price, .category_products.grid_currency_MXN .product_box .product-price, .category_products.grid_currency_USD .product_box .product-price, .category_products.grid_currency_EUR .product_box .product-price, .category_products.grid_currency_NZD .product_box .product-price { font-size:22px; } .category_products.grid_currency_CHF .product_box .product-price, .category_products.grid_currency_AED .product_box .product-price, .category_products.grid_currency_CNY .product_box .product-price, .category_products.grid_currency_CZK .product_box .product-price, .category_products.grid_currency_DKK .product_box .product-price, .category_products.grid_currency_MYR .product_box .product-price, .category_products.grid_currency_NOK .product_box .product-price, .category_products.grid_currency_PLN .product_box .product-price, .category_products.grid_currency_SEK .product_box .product-price, .category_products.grid_currency_SGD .product_box .product-price, .category_products.grid_currency_THB .product_box .product-price, .category_products.grid_currency_ZAR .product_box .product-price { font-size:20px; } .category_products.grid_currency_INR .product_box .product-price, .category_products.grid_currency_HKD .product_box .product-price, .category_products.grid_currency_PHP .product_box .product-price, .category_products.grid_currency_RUB .product_box .product-price { font-size:18px; } .category_products .product_box .product-price .price_currency { font-size:14px; font-weight:800; padding-right:1px; } .category_products .product_box .price_from { float:left; font-size:12px; font-weight:normal; padding-right:5px; } .category_products .product_box .product_grid_lower { position:relative; } .category_products .product_box .actions { position:absolute; bottom:0; right:0; padding-bottom:6px; } .category_products .product_box .actions .la-button { width:auto; height:auto; font-size:14px; line-height:normal; padding:6px 20px; text-align:center; min-width:110px; } .category_products .product_box .actions .la-button.loading { color:rgba(255,255,255,0); -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; pointer-events:none; } .category_products .product_box .actions .la-button.grid_added_button { color:rgba(255,255,255,0) !important; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; position:absolute; top:0; } .category_products .product_box .actions .la-button.grid_added_button .grid_added_content { position:absolute; color:#666 !important; left:0; width:100%; text-align:center; } .category_products #category_loading { margin: 0 15px; } .grid_2022 .category-show { width:100%; max-width:250px; margin-left:auto; margin-right:auto; } .category_products .sold-out{ position:absolute; left:0; top:0; width:100%; height:100%; } .category_products .sold-out img, .product_grid .span_1_of_many a .sold-out img{ width:100%; background-color: rgba(255,255,255,0.55); } #filter_bar_contents .filter-boxes input { display:none; } #filter_bar_contents #filter-form .filter-boxes label { font-size:14px; text-transform:capitalize; position:relative; margin-left:0; display:block; width:100%; padding: 10px 20px 10px 0; border-bottom:1px solid #ddd; max-width:600px; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } #filter_bar_contents #filter-form .filter-boxes label::after { width:15px; height:15px; content:""; display:block; position:absolute; right:2px; top:10px; border:1px solid #aaa; } #filter_bar_contents .filter-boxes input:checked + label::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='rgb(50,50,50)' d='M504.502,75.496c-9.997-9.998-26.205-9.998-36.204,0L161.594,382.203L43.702,264.311c-9.997-9.998-26.205-9.997-36.204,0 c-9.998,9.997-9.998,26.205,0,36.203l135.994,135.992c9.994,9.997,26.214,9.99,36.204,0L504.502,111.7 C514.5,101.703,514.499,85.494,504.502,75.496z'/%3E%3C/svg%3E"); background-size:13px; background-position:center; background-repeat:no-repeat; } #filter_bar_contents #filter-form .filter-boxes li:last-of-type label { border-bottom:0px; } #filter_bar_contents #filter-form ul.filter-boxes li { display:block; width:100%; margin:0; } #filter_bar_selected { font-size:14px; padding:0 15px; margin:-10px 0 10px; display:flex; } .filter_bar_selected_applied { float:left; margin-right:25px; line-height:18px; } .filter_bar_selected_list { display:flex; flex-wrap:wrap; flex:1; } .category_filter_remove { float:left; text-transform:capitalize; margin-right:40px; padding-right:16px; margin-bottom:15px; cursor:pointer; line-height:18px; background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%270px%27%20y%3D%270px%27%20viewBox%3D%270%200%20512%20512%27%20style%3D%27enable-background%3Anew%200%200%20512%20512%3B%27%20xml%3Aspace%3D%27preserve%27%3E%3Cg%3E%3Cg%3E%3Cpolygon%20points%3D%22512%2C59.076%20452.922%2C0%20256%2C196.922%2059.076%2C0%200%2C59.076%20196.922%2C256%200%2C452.922%2059.076%2C512%20256%2C315.076%20452.922%2C512%20512%2C452.922%20315.076%2C256%20%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-size: 6px; background-position: right 3px center; background-repeat: no-repeat; } .clear_category_filters { float:right; cursor:pointer; height:100%; border-bottom:1px solid; margin-right:0; } .filter_mobile_title { display:none; } .filter_mobile_bg { position: fixed; display: none; left: 0; top: 0; height: 130%; width: 100%; z-index: 98; background: rgba(0,0,0,0.4); cursor: pointer; } span.no_items { padding:15px; font-size:14px; text-align:center; display:block; width:100%; } .sort_dropdown_text { display:inline; } .filter_bar_results_mobile { display:none; text-align:center; font-size:14px; padding-bottom:10px; } .filter_sort_bar.sticky_filter { position:fixed; top:0; max-width:1370px; z-index:22; border-bottom:1px solid #fff; } .filter_bar_padder.sticky_filter { font-size:14px; height:calc(1.5em + 35px); margin-bottom:25px; } .filter_mobile_buttons { width:100%; padding:35px 15px 0; background:#fff; position:relative; margin-top:20px; display:none; -webkit-align-self:flex-end; -ms-flex-iten-align:end; align-self:flex-end; flex-wrap:wrap; margin-top:auto; } .filter_mobile_buttons .la-button { cursor:pointer; font-size:14px; line-height:normal; height:auto; padding:8px 5px; float:none; margin-right:0; } .filter_mobile_clear_button { margin-bottom:10px; } #filter_bar_contents #filter-form #price-slider-container { float:none; width:auto; margin:0; margin-top:0; } .subcat_modals .flickity-prev-next-button .flickity-button-icon { width:100%; height:100%; left:0; top:0; } .subcat_modals .flickity-prev-next-button.previous { width:10px; height:10px; background:transparent; left:-13px; padding:0; top:33%; } .subcat_modals .flickity-prev-next-button.next { width:10px; height:10px; background:transparent; right:-13px; padding:0; top:33%; } .search_heading_container { padding-bottom:45px; padding-top:5px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; font-size:14px; } .search_heading_container input#button-search { width:auto; height:auto; line-height:1.5em; padding:5px 20px; margin-left:2px; } .search_heading_container input[type="text"] { width:auto; font-size:14px; line-height:1.5em; padding:4px 8px; border:1px solid #ccc; margin-left:15px; } .wishlist .la-button.remove-all { width: 190px; height: auto; font-size: 14px; line-height: 1; padding: .5em; margin: 20px auto 50px; display:block; } .product_box.wishlist_removed .wishlist-delete-button, .product_box.wishlist_removed .product_grid_hover a, .product_box.wishlist_removed .category_product_image, .product_box.wishlist_removed .product_grid_lower { pointer-events:none; opacity:0.3; } .product_box.wishlist_removed .product_grid_hover a { display:block; opacity:0.8; } .product_box.wishlist_removed .wishlist-delete-button { display:none; } .product_box.wishlist_removed .actions { opacity:1 !important; } .product_box.wishlist_removed .sold-out { opacity:0.2; } #content.wishlist .icon-button.wishlist-button { height:100%; width:100%; display:flex; align-items:center; justify-content:center; } #content.wishlist .icon-button.wishlist-button button { font-family:'Poppins', Arial, Helvetica, sans-serif; font-size:24px; color:#000; } .recommended.full .span_1_of_many { background:transparent; padding-bottom:10px; } .recommended.full.product_grid .product-name { text-align:left; font-size:14px; line-height:1.5em; height:3em; display: -webkit-box; flex-wrap: wrap; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; width:100%; margin:5px 0 0; min-height:auto; max-height:none; } .recommended.full.product_grid .product-price { font-weight:600; text-align:left; float:left; line-height:normal; display:flex; align-items:baseline; line-height:1.1em; } .recommended.full.product_grid .product-price .price_from { font-weight:normal; padding-right:3px; order:0; } .recommended.full.product_grid .product-price .new-price { order:1; width:auto; line-height:1.1em; margin-top:10px; } .recommended.full.product_grid .product-price .old-price { order:2; width:auto; line-height:1.1em; margin-top:10px; } #product_grid { position:relative; } @media only screen and (min-width: 881px) { #filter_bar_contents.sticky_filter { position:fixed; max-width:1370px; border-bottom:1px solid #fff; z-index:21; top:calc(1.5em + 35px); } .filter_mobile_buttons { display:none !important; } } @media only screen and (max-width: 1430px) { .category_products .product_box .customisation-popup { top: 50%; transform: translateY(-50%); left: 0; right: 0; width: 40%; max-height: 90%; overflow:auto; position: fixed; margin: 0 auto; } .filter_sort_bar .filter_bar_sort::after { margin-left:8px; } #filter_bar_contents .filter_list { width:80%; } #filter_bar_contents .filter-block { width:calc(25% - 30px); } #filter_bar_contents .filter-block.priceblock { width:20%; } .filter_sort_bar.sticky_filter, #filter_bar_contents.sticky_filter { max-width:calc(100% - 30px); } .gift_finder_container { padding-left:0; padding-right:0; } } @media only screen and (max-width: 1170px) { .category_products .product_box, .gift_finder_container .span_1_of_many.gift_finder_category_block { width:33.333%; } .bb_row_1 .category_products .product_box { width:25%; } .bb_products_block.category_products .product-name { height:4.2em; -webkit-line-clamp: 3; } .category_products .product_box .customisation-popup { width: 55%; } #filter_bar_contents .filter-block { width:calc(33.33% - 30px); } .filter_sort_bar .filter_bar_filter, .filter_sort_bar .filter_bar_sort, .filter_sort_bar .filter_bar_spacer { min-width:22%; } .recommended.full.product_grid .product-name { height:4.5em; -webkit-line-clamp: 3; } } @media only screen and (max-width: 880px) { .category_products .product_box, .gift_finder_container .span_1_of_many.gift_finder_category_block { width:50%; } .bb_row_1 .category_products .product_box, .bb_row_2_75 .category_products .product_box, .bb_row_2_50 .category_products .product_box, .bb_row_2_25 .category_products .product_box, .bb_row_2_75 .bb_two_col:last-of-type .category_products .product_box, .bb_row_2_25 .bb_two_col:last-of-type .category_products .product_box { width:50%; } .category_products .product_box .customisation-popup { width:65%; } .filter_sort_bar { width:auto; margin:0 -15px 25px; padding: 0 15px 15px; } .filter_sort_bar .filter_bar_filter { width:calc(50% - 15px); padding:15px 3px 0 0; margin-right:15px; } .filter_sort_bar.no_filters .filter_bar_sort { margin-left:auto; margin-right:auto; width:60%; } .filter_sort_bar .filter_bar_spacer { display:none; } .filter_sort_bar .filter_bar_sort { width:calc(50% - 15px); padding:15px 3px 0 0; margin-left:15px; } .filter_sort_bar .filter_bar_results { display:none !important; } .filter_bar_results_mobile { display:block; } #filter_bar_contents { top:0; left:-110%; height:100%; overflow:auto; position:fixed; display:flex !important; flex-direction:column; flex:1; width:80%; max-width:300px; z-index:99; background:#fff; padding-bottom:15px; transition:left 0.5s; } #filter_bar_contents .filter_list, #filter_bar_contents .filter-block.priceblock { width:100%; } #filter_bar_contents .filter-block { width:100%; margin:0; padding:12px 15px; border-color:#ddd; } #filter_bar_contents .filter_list .filter-block { display:flex; flex-wrap:wrap; padding:0; } #filter_bar_contents .filter-block.priceblock { margin-top:20px; padding-left:27px; } #filter_bar_contents .filter-block.priceblock .filter_label { font-size:14px; } #filter_bar_contents .filter_mobile_title { display:block; width:100%; line-height: 30px; text-align: center; border-bottom: 1px solid #ddd; background: #f2f2f2; cursor: pointer; position: relative; text-transform: uppercase; padding: 4px 15px; margin-bottom: 0; letter-spacing: normal; font-weight:600; font-size:12px; } #filter_bar_contents .filter_mobile_title::after { display: block; height: 30px; width: 30px; content: ''; position: absolute; right: 17px; top: 4px; background-image: url(/static/image/header/close_search_icon.svg); background-size: 12px; background-position: right center; background-repeat: no-repeat; } .filter_sort_bar.filter_bar_opened ~ #filter_bar_contents { display:flex !important; left:0; } #filter_bar_contents ul.filter-boxes { position:relative; outline:none; border-right:none; max-height:none; padding:0 15px; order:2; width:100%; margin-left:0; margin-top:0; margin-bottom:15px; } #filter_bar_contents .filter_list .filter_label { order:1; width:100%; padding:12px 15px; } #filter_bar_contents #filter-form .filter-boxes label::after { right:0; top:8px; } #filter_bar_contents #filter-form .filter-boxes label { border-bottom:0; font-size:12px; padding-top:8px; padding-bottom:8px; border-bottom:1px solid #f7f7f7; } #filter_bar_contents .filter-block .filter_label::after { background:none; filter:none; content:'+'; color:#333; padding-right:2px; font-size:18px; line-height:18px; } #filter_bar_contents .filter-block .filter_label.filter_opened::after { content:'\2013'; } #filter_bar_selected { padding:0; flex-wrap:wrap; margin:10px 0 15px; } .filter_bar_selected_applied, .filter_bar_selected_list { width:100%; } .clear_category_filters { display:none; } .filter_bar_selected_applied { padding-bottom:10px; } .category_filter_remove { background-color:#f2f2f2; padding:6px 30px 6px 15px; border-radius:100px; margin-right:20px; background-position:right 12px center; } .filter_bar_sort[data-value="p.sort_order-ASC"] .filter_bar_sort_value[data-value="p.sort_order-ASC"], .filter_bar_sort[data-value="p.date_available-DESC"] .filter_bar_sort_value[data-value="p.date_available-DESC"], .filter_bar_sort[data-value="p.price-ASC"] .filter_bar_sort_value[data-value="p.price-ASC"], .filter_bar_sort[data-value="p.price-DESC"] .filter_bar_sort_value[data-value="p.price-DESC"], .filter_bar_sort[data-value="rating-DESC"] .filter_bar_sort_value[data-value="rating-DESC"], .filter_bar_sort[data-value="pd.name-ASC"] .filter_bar_sort_value[data-value="pd.name-ASC"], .filter_bar_sort[data-value="pd.name-DESC"] .filter_bar_sort_value[data-value="pd.name-DESC"] { font-weight:600; } .sort_dropdown_text, .filter_sort_bar .filter_bar_sort span { display:none; } .filter_sort_bar.sticky_filter { max-width:100%; width:100%; } .filter_bar_padder.sticky_filter { height:calc(1.5em + 31px); } .filter_mobile_buttons { display:flex; } } @media only screen and (max-width: 600px) { .category_products .product_box:nth-of-type(2n) { padding-left:6px; } .category_products .product_box:nth-of-type(2n - 1) { padding-right:6px; } .gift_finder_container .span_1_of_many.gift_finder_category_block:nth-of-type(2n) { border-left-width:6px; } .gift_finder_container .span_1_of_many.gift_finder_category_block:nth-of-type(2n - 1) { border-right-width:6px; } .category_products .product_box .actions { position:relative; margin-top:3px; } .category_products .product_box .actions .la-button { width:100%; } .category_products .product_box .product-name { -webkit-line-clamp: 3; height:4.2em; margin-bottom:4px; padding-right:4px; } .category_products .product_grid_hover a { font-size:12px; } .category_products .product_box .customisation-popup { width:80%; } .filter_sort_bar .filter_bar_filter { width:calc(50% - 6px); padding:15px 3px 0 0; margin-right:6px; } .filter_sort_bar .filter_bar_sort { width:calc(50% - 6px); padding:15px 3px 0 0; margin-left:6px; } .filter_bar_sort_container { width:calc(100% + 30px); margin-left:-30px; } .grid_2022 .subcat_modals .modal_button { margin-left:5px; margin-right:5px; } .search_heading_container label { display:none; } .search_heading_container input[type="text"] { margin-left:0; max-width:160px; width:calc(100% - 120px); } .category_brand_logo { padding:10px 0; } .grid_2022 .subcat_description { -webkit-line-clamp: 2; max-height:3em; } .category_products .product_grid_hover .perc-off-tag { top:auto; right:auto; left:5px; bottom:5px; font-size:14px; line-height:18px; } .category_products .product_grid_hover .product-tag { top:5px; left:5px; padding:4px 8px; } .grid_2022 #category-desc { padding-bottom:20px; } .recommended.full.product_grid .product-name { font-size:12px; } .recommended.full.product_grid .product-price { font-size:18px; } } @media only screen and (min-width: 881px) { .filter_mobile_bg { display:none !important; } .filter_bar_results_mobile { display:none !important; } } /* 2022 Product Grid (end) */ /* Fathers Day Gift Finder (start) */ .gift_finder_container.gift_finder_v2.fathers_day_gf .gift_finder_answer { border:2px solid #008f65; color:#008f65; } .gift_finder_container.gift_finder_v2.fathers_day_gf .gift_finder_answer.answer_selected { background:#008f65; color:#fff; } .gift_finder_container.gift_finder_v2.fathers_day_gf .gift_finder_final .la-button { background:#e5a488; } .gift_finder_container.gift_finder_v2.fathers_day_gf { background-color:#f5f1ec; background-image:url('https://cdn.lisaangel.co.uk/image/data/testing/tree-bg3.png'); background-repeat:repeat-x; background-position: bottom center; } .gift_finder_category_block { width: 25%; text-align: center; padding: 20px; box-sizing: border-box; display:flex; align-items:center; justify-content:center; margin-bottom:55px; } .gift_finder_container h1 { margin-bottom:30px; } @media only screen and (max-width: 1170px) { .gift_finder_category_block { width: 33%; } } @media only screen and (max-width: 880px){ .gift_finder_category_block { width: 50%; } .gift_finder_container.gift_finder_v2.fathers_day_gf { padding:10px; } .gift_finder_container.gift_finder_v2.fathers_day_gf .gift_finder_inner { padding:30px 10px; } } /* Fathers Day Gift Finder (end) */ /* --- Account Signup Popup (start) --- */ #account_signup_bar { display:block; clear:both; width:100%; color:#666; background:#f7e4d7; position:relative; text-align:center; padding:0 40px; box-sizing: border-box; } .account_signup_bar_inner { padding:9px 0 11px; font-size:14px; cursor:pointer; } .account_signup_bar_close { position:absolute; top:0; right:0; width:30px; height:100%; box-sizing:border-box; z-index:2; cursor:pointer; padding:10px; line-height:0; } .account_signup_bar_close svg { width:100%; height:100%; } #account_signup_modal { display:none; position:fixed; top:0; left:0; height:100%; width:100%; z-index:9999999; align-items:center; justify-content:center; } .account_signup_modal_outer { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3); } .account_signup_modal_inner { position:relative; padding:35px 60px 40px; width:95%; max-width:550px; background:#f7e4d7; background-size:cover; background-position:bottom center; background-repeat:no-repeat; text-align:center; box-sizing:border-box; } .account_signup_modal_close { position:absolute; cursor:pointer; top:0; right:0; height:45px; width:45px; background-image:url('/static/image/header/close_search_icon.svg'); background-repeat:no-repeat; background-position:center; } .account_signup_modal_title { text-transform: uppercase; letter-spacing:1px; font-size:24px; font-weight:600; } .account_signup_modal_text { font-size:16px; padding:20px 15px 30px; font-weight:500; } .account_signup_modal_submit.la-button { width:auto; height:auto; line-height:normal; padding:10px 50px; display:inline-block; cursor:pointer; } .account_signup_modal_logo img { max-width:300px; margin-bottom:30px; margin-top:10px; } @media only screen and (max-width: 700px) { .account_signup_bar_inner { font-size:12px; } } @media only screen and (max-width: 600px) { .account_signup_bar_inner { font-size:12px; } .account_signup_modal_title { font-size:16px; } .account_signup_modal_text { font-size:14px; } .account_signup_modal_inner { padding:25px 30px 30px; } .account_signup_modal_logo img { padding:0 25px; } .account_signup_modal_text { padding-left:0; padding-right:0; } } /* --- Account Signup Popup (end) --- */ /* Instant search dropdown (start) */ .instant_search_results_container { border-top:12px solid rgba(255,255,255,0); position:absolute; left:0; width:100%; z-index:999; height:100%; display:none; } .instant_search_results_container * { box-sizing:border-box; } .instant_search_results_bg { background:rgba(0,0,0,0.3); width:100%; height:120%; position:fixed; z-index:1; } .instant_search_results { background:#fff; width:100%; display:none; position:relative; z-index:2; } .instant_search_inner { padding:10px 15px 25px; } .instant_search_inner h2 { text-align:center; } .instant_search_view_all.la-button { margin:0 auto; width:auto; height:auto; line-height:normal; padding:8px 40px; display:inline-block; } .instant_search_button_container { text-align:center; } #instant_search_product_grid { position:relative; margin-top:25px; } .category_products .instant_search_product_block_container { display:flex; flex-wrap:wrap; } .category_products .instant_search_product_block_container .product_box { margin-bottom:30px; } @media only screen and (max-width: 1170px) { .category_products .instant_search_product_block_container .product_box:nth-of-type(4) { display:none; } } @media only screen and (max-width: 880px) { .category_products .instant_search_product_block_container .product_box:nth-of-type(4) { display:block; } } @media only screen and (max-width: 850px) { .instant_search_results_container { border-top:3px solid rgba(255,255,255,0); } } @media only screen and (max-width: 600px) { .instant_search_inner h2 { font-size:18px; } .instant_search_results_bg { cursor:pointer; } } /* Instant search dropdown (end) */ /* New style inputs (start) */ .input_container { position:relative; outline:1px solid #666; font-size:14px; padding-top:1em; background:#fff; height:3.2em; float:left; clear:both; width:100%; max-width:430px; box-sizing:border-box; margin-bottom:10px; } .input_container.input_select { padding-right:5px; } .input_container * { box-sizing:border-box; } .input_container label { position:absolute; height:100%; width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:left; text-align:left; top:0; left:15px; cursor:text; padding-left:0; transform:scale(1); transition: all 0.2s; transform-origin:top left; color:#666; } .input_container label .required { padding-left:3px; } .input_container input, .input_container select { height:2.2em; width:100%; border:0 !important; border-radius:0 !important; font-size:14px; padding:0 15px; font-family:inherit; color:#666; } .input_container select { padding-left:11px; outline:0 !important; border:0 !important; border-top:1.0em solid #fff !important; height:3.2em; background-color:#fff; } .input_select { padding-top:0; } .input_select label { pointer-events:none; } /* Overwrite the autofill weird blue background */ .input_container input:-webkit-autofill, .input_container select:-webkit-autofill, .input_container input:-webkit-autofill::first-line, .input_container select:-webkit-autofill::first-line, .input_container input:-webkit-autofill:hover, .input_container select:-webkit-autofill:hover, .input_container input:-webkit-autofill:focus, .input_container select:-webkit-autofill:focus, .input_container input:-webkit-autofill:active, .input_container select:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 50px white inset !important; font-family:inherit; } /* Makes label go small when input is active (or when it gets autofilled) */ .input_container input:-webkit-autofill ~ label, .input_container select:-webkit-autofill ~ label, .input_container input:-webkit-autofill:hover ~ label, .input_container select:-webkit-autofill:hover ~ label, .input_container input:-webkit-autofill:focus ~ label, .input_container select:-webkit-autofill:focus ~ label, .input_container input:-webkit-autofill:active ~ label, .input_container select:-webkit-autofill:active ~ label, .input_container input:focus ~ label, .input_container.entered label, .input_container.input_error label { height:1.2em; transform:scale(0.82); padding-top:2px; } .input_container.input_error label { color:#f00; } .input_mobile_container .shipping_mobile_extension_show { position:absolute; top:0; height:100%; font-size: 14px; padding-top: 1em; padding-left: 15px; display: flex; align-items: center; justify-content:space-between; width:75px; } .input_mobile_container .shipping_mobile_extension_show select { position:static; z-index:0; height:100%; width:15px; padding-right:15px; padding-left:0; border-top:0 !important; font-size: 14px; height: 3.2em; margin-top: -1em; background:#fff; } .input_mobile_container #shipping_mobile_extension { margin-left:0; left:0; width:78px; } .input_select.input_select_ext { width:auto; background:#fff; margin-bottom:0; padding-right:0; } .input_container_mobile_input { float:left; width:calc(100% - 88px); margin-left:10px; clear:none; margin-bottom:0; } .input_mobile_container { float:left; clear:both; width:100%; max-width:430px; margin-bottom:10px; } .input_container label.label_desktop { display:flex; } .input_container label.label_mobile { display:none; } .input_container.input_disabled, .input_container.input_disabled input, .input_container.input_disabled select, .input_container.input_disabled label { background:#eee; cursor:default; } .checkbox_container { clear:both; width:100%; box-sizing:border-box; padding:10px 0; } .checkbox_container * { box-sizing:border-box; } .checkbox_container input[type='checkbox'] { width: 24px; height: 24px; float: left; cursor: pointer; border:1px solid #666; line-height:24px; margin:0 15px 0 0; } .checkbox_container label { float:left; font-size:14px; line-height:24px; } @media only screen and (max-width: 500px) { .input_container.input_error label { left:4px; right:4px; width:120%; text-align:center; justify-content:center; } } /* New style inputs (end) */ /* My account subpages (start) */ .centered_header { margin-bottom:20px; } .centered_header h1 { margin-bottom:8px; } .centered_header p { font-size:14px; text-align:center; margin: 0 auto 8px; width:100%; max-width:450px; } .account_subpage_form { margin: 0 auto; width:100%; max-width:430px; } .account_subpage_form.account_marketing { max-width:450px; margin-top:30px; padding-bottom:20px; } .account_subpage_form.account_marketing .marketing_pref .text { margin-top:2px; margin-bottom:3px; } .account_subpage_form.account_marketing .marketing_pref input[type=checkbox] { margin-left:0; } .account_subpage_form.account_marketing .marketing_pref > p { margin-top:20px; margin-bottom:25px; } .account_subpage_form .button-container { text-align:center; } .account_subpage_form .button-container .la-button, .address_book_list .address_book_block .address_block_inner .la-button, .address_list .button-container .la-button, .order_block_button .la-button { width:auto; font-size:14px; line-height:normal; height:auto; padding:10px 40px; clear:both; display:inline-block; -webkit-appearance: none; border-radius: 0; font-weight:400; float:none !important; margin-top:8px; } .address_book_list, .orders_list { margin:10px -15px 15px; display:flex; flex-wrap:wrap; box-sizing:border-box; padding:15px 0 0; } .address_book_list *, .orders_list * { box-sizing:border-box; } .address_book_list .address_book_block, .orders_list .order_list_block { width:calc(33.333% - 30px); float:left; padding-bottom:30px; margin:0 15px 0; } .address_book_list .address_book_block .address_block_inner, .orders_list .order_list_block .order_block_inner { background:#f2f2f2; padding:20px 45px 75px 20px; height:100%; position:relative; font-size:14px; } .orders_list .order_list_block .order_block_inner { padding:20px 20px 85px; } .address_book_list .address_book_block .address_block_inner .la-button, .order_block_button .la-button { position:absolute; bottom:20px; left:20px; } .address_book_list .address_book_block .address_block_inner .delete_address_button { position:absolute; top:10px; right:10px; background:#fff; width:30px; height:30px; border-radius:30px; font-size:20px; text-align:center; line-height:30px; } .address_list .button-container { text-align:center; margin-bottom:45px; } .order_block_id { font-size:20px; padding-bottom:8px; } .order_block_date { padding-bottom:5px; } .order_block_total { position:absolute; font-weight:600; font-size:20px; right:20px; bottom:20px; } .order_block_id a { font-size:1em; color:#666; text-decoration:none; } .order_info_addresses { font-size:14px; float:right; width:400px; padding:20px 20px 10px; background:#f2f2f2; margin-bottom:20px; } .order_info_address { margin:5px 5px 20px; } .order_info_products { float:left; width:calc(100% - 400px); padding:20px 60px 40px 0; font-size:14px; } .order_info_page * { box-sizing:border-box; } .order_info_product { clear:both; padding:15px 0; border-bottom:1px solid #eee; } .order_info_product:last-of-type { border-bottom:0; } .order_info_product_name { float:left; width:calc(100% - 260px); min-height:1px; } .order_info_product_price, .order_info_product_total { float:left; width:130px; min-height:1px; text-align:right; } .order_info_product_header { font-weight:bold; padding:5px 0; } .order_info_product_image { float:left; width:80px; height:80px; } .order_info_product_image img { width:100%; } .order_info_product_details { float:left; width:calc(100% - 80px); padding-left:25px; } .order_info_product_details small { display:block; clear:both; } .order_info_product_options, .order_info_product_details .qty { padding-top:10px; font-size:14px; } .order_info_main { padding-top:15px; padding-bottom:30px; } .order_info_product_totals { clear:both; float:right; } .order_info_product_total_row div { float:left; width:150px; text-align:right; } .order_info_product_total_row { clear:both; width:300px; padding-top:20px; } .order_info_product_total_row:last-of-type { font-size:18px; } #order_info_tracking_outer { display:flex; justify-content:center; margin:45px 0 10px; } .order_info_tracking_block { width:150px; float:left; height:150px; border-radius:150px; border:8px solid #e3e3e3; background:#e3e3e3; text-align:center; line-height:150px; display:flex; align-items:center; justify-content:center; position:relative; z-index:2; margin-bottom:80px; } .order_info_tracking_text { position:absolute; top:100%; left:0; right:0; width:100%; margin-top:20px; font-size:18px; text-align:center; line-height:normal; display:none; } .order_info_tracking_block.active { border-color:#b6e5b6; background:#b6e5b6; } .order_info_tracking_block.active.selected { border-color:#6bc26c; background:#6bc26c; } .order_info_tracking_block.active.selected.cancelled { border-color:#bb4242; background:#bb4242; } .order_info_tracking_block.active.selected.cancelled:first-of-type img { height:auto; } .order_info_tracking_block.active .order_info_tracking_text { display:block; opacity:0.5; } .order_info_tracking_block.active.selected .order_info_tracking_text { display:block; opacity:1; } .order_info_tracking_block img { width:80px; display:inline; filter:invert(1); } .order_info_tracking_block:first-of-type img { height:70px; } .order_info_tracking_connector { width:120px; border-bottom:8px solid #e3e3e3; height:79px; float:left; margin:0 -3px; position:relative; z-index:1; } .order_info_tracking_connector.active { border-color:#b6e5b6; } .order_info_tracking_delivery { margin-bottom:10px; text-align:center; font-size:14px; } .order_info_tracking_delivery a { font-size:1em; text-decoration:underline; } @media only screen and (max-width: 1100px) { .orders_list .order_list_block { width:calc(50% - 30px); } .order_info_addresses { width:auto; float:none; margin:0 -15px 20px; padding-left:15px; padding-right:15px; } .order_info_products { width:100%; padding-right:0; } .order_info_address { width: 50%; float:left; margin-left:0; margin-right:0; } } @media only screen and (max-width: 900px) { .address_book_list { margin:10px -8px 15px; } .address_book_list .address_book_block { width:calc(50% - 16px); margin:0 8px 0; padding-bottom:16px; } .order_info_tracking_connector { width:68px; } .order_info_tracking_block { width:130px; height:130px; line-height:130px; } .order_info_tracking_text { font-size:16px; } .order_info_tracking_block img { width:65px; } .order_info_tracking_block:first-of-type img { height:58px; } .order_info_tracking_connector { height:69px } } @media only screen and (max-width: 700px) { .orders_list .order_list_block { width:calc(100% - 30px); } } @media only screen and (max-width: 600px) { .order_info_product_image { width:50px; height:50px; } .order_info_product_details { padding-left:15px; width:calc(100% - 50px) } .order_info_product_price, .order_info_product_total { width:100px; } .order_info_product_name { width:calc(100% - 200px); } .order_info_tracking_connector { width:40px; } .order_info_tracking_block { width:75px; height:75px; line-height:75px; margin-bottom:60px; } .order_info_tracking_text { font-size:12px; margin-left:-10px; margin-right:-10px; width:auto; } .order_info_tracking_block img { width:38px; } .order_info_tracking_block:first-of-type img { height:32px; } .order_info_tracking_connector { height:39px; border-width:6px; } .order_info_tracking_delivery { width:293px; font-size:12px; } } @media only screen and (max-width: 550px) { .address_book_list .address_book_block { width:calc(100% - 16px); } } @media only screen and (max-width: 480px) { .order_block_id, .order_block_total { font-size:18px; } .order_info_address { width: 100%; float:left; margin-left:0; margin-right:0; } } @media only screen and (max-width: 450px) { .order_info_product_price { display:none; } .order_info_product_name { width:calc(100% - 100px); } } /* My account subpages (end) */