/* Minification failed. Returning unminified contents. (12716,2900): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' */ /*------------------------------------------------------------------------------------------------- This file contains a collection of: HTML5 Broilerplate, Eric Meyer, and normalization cross-browser fixes Custom classes used throughout multiple projects -------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------- Cross Browser Fixes -------------------------------------------------------------------------------------------------*/ *, *:before, *:after {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr, a,abbr,address,cite,code, del,dfn,em,img,ins,kbd,q,s,samp, small,strong,sub,sup,tt,var, b,u,i, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td, article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary, time,mark,audio,video{ margin:0; padding:0; } article,aside,details,figcaption,figure,footer, header,hgroup,menu,nav,section,summary,object,embed{ display:block; } audio,canvas,video{display:inline-block;} audio,canvas,img,video {vertical-align: middle;} h1,h2,h3,h4,h5,h6{font-size:100%;} table{ border-collapse:collapse; border-spacing:0; } strong,b,mark{ font-weight:bold; font-style:inherit; } em,i,cite,q,address,dfn,var{ font-style:italic; font-weight:inherit; } abbr[title],dfn[title]{ cursor:help; border-bottom:1px dotted; } ins{border-bottom:1px solid;} a:focus {outline: thin dotted;} a:active, a:hover {outline: 0;} a,u,ins{text-decoration:none;} del,s{text-decoration:line-through;} pre,code,samp,kbd{font-family:monospace;} small{font-size:0.75em;} img{ border:none; font-style:italic; } button, input, select, textarea{ font:inherit; font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } textarea {overflow: auto;vertical-align: top;resize: vertical;} button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; /* IE7 */ *width: 13px; /* IE7 */ } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } legend{border: 0;padding: 0;white-space: normal;} sub, sup { font-size: 75%; position: relative; } sub{vertical-align: baseline;top:2px;} sup{vertical-align:top;} hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /*------------------------------------------------------------------------------------------------- Custom Universal Classes / Web Defined Fixes -------------------------------------------------------------------------------------------------*/ .float_left{float:left;} .float_right{float:right;} .clear{clear:both;} .align_left{text-align:left;} .align_right{text-align:right;} .align_center{text-align:center;} .align_left_img{float:left;margin:0 10px 10px 0;} .align_right_img{float:right;margin:0 0 10px 10px;} .align_center_img{display:block;margin: 10px auto;} .valign-middle{ display: flex !important; flex-flow: column; justify-content: center; } /* Cloaking ---------------------------------------------------------------------------------*/ .hidden{display: none !important;visibility: hidden;} /* Hide From Browsers */ /* Hide only visually, not screenreaders */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Allows visuallyhidden to be focusable via keyboard */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible{visibility: hidden;} /* hide visually + screenreaders; but maintain layout */ .visible-print{display: none !important;} /* Use on non styled containers to prevent display clashes */ /* Clearfix ---------------------------------------------------------------------------------*/ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix{display: block;} * html .clearfix {height: 1%;} /* Skype - Prevent Formating of Numbers -----------------------------------------------------*/ span.skype_pnh_container{display: none !important;} span.skype_pnh_print_container {display: inline !important;} /*::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; } ::selection { background: #fe57a1; color: #fff; text-shadow: none; }*/ /*------------------------------------------------------------------------------------------------- Multicols: Assumes 2% gap between columns but not on outer edges -------------------------------------------------------------------------------------------------*/ .multicols{position:relative;display:block;} .multicols .col{float:left;margin:0 0 0 2%;} .multicols .col:first-child{margin:0;} .multicols.cols2 .col{width:49%;} .multicols.cols3 .col{width:32%;} .multicols.cols4 .col{width:23.5%;} .multicols.cols5 .col{width:18.4%;} .multicols.cols6 .col{width:15%;} .multicols.cols7 .col{width:12.571%;} .multicols.cols8 .col{width:10.75%;} .multicols.cols9 .col{width:9.333%;} .multicols.cols10 .col{width:8.2%;} /*! * Pikaday * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/ */.pika-single{z-index:9999;display:block;position:relative;color:#333;background:#fff;border:1px solid #ccc;border-bottom-color:#bbb;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}.pika-single:before,.pika-single:after{content:" ";display:table}.pika-single:after{clear:both}.pika-single{*zoom:1}.pika-single.is-hidden{display:none}.pika-single.is-bound{position:absolute;box-shadow:0 5px 15px -5px rgba(0,0,0,.5)}.pika-lendar{float:left;width:240px;margin:8px}.pika-title{position:relative;text-align:center}.pika-label{display:inline-block;*display:inline;position:relative;z-index:9999;overflow:hidden;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:bold;background-color:#fff}.pika-title select{cursor:pointer;position:absolute;z-index:9998;margin:0;left:0;top:5px;filter:alpha(opacity=0);opacity:0}.pika-prev,.pika-next{display:block;cursor:pointer;position:relative;outline:0;border:0;padding:0;width:20px;height:30px;text-indent:20px;white-space:nowrap;overflow:hidden;background-color:transparent;background-position:center center;background-repeat:no-repeat;background-size:75% 75%;opacity:.5;*position:absolute;*top:0}.pika-prev:hover,.pika-next:hover{opacity:1}.pika-prev,.is-rtl .pika-next{float:left;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');*left:0}.pika-next,.is-rtl .pika-prev{float:right;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');*right:0}.pika-prev.is-disabled,.pika-next.is-disabled{cursor:default;opacity:.2}.pika-select{display:inline-block;*display:inline}.pika-table{width:100%;border-collapse:collapse;border-spacing:0;border:0}.pika-table th,.pika-table td{width:14.285714285714286%;padding:0}.pika-table th{color:#999;font-size:12px;line-height:25px;font-weight:bold;text-align:center}.pika-button{cursor:pointer;display:block;box-sizing:border-box;-moz-box-sizing:border-box;outline:0;border:0;margin:0;width:100%;padding:5px;color:#666;font-size:12px;line-height:15px;text-align:right;background:#f5f5f5}.pika-week{font-size:11px;color:#999}.is-today .pika-button{color:#3af;font-weight:bold}.is-selected .pika-button{color:#fff;font-weight:bold;background:#3af;box-shadow:inset 0 1px 3px #178fe5;border-radius:3px}.is-inrange .pika-button{background:#d5e9f7}.is-startrange .pika-button{color:#fff;background:#6cb31d;box-shadow:none;border-radius:3px}.is-endrange .pika-button{color:#fff;background:#3af;box-shadow:none;border-radius:3px}.is-disabled .pika-button,.is-outside-current-month .pika-button{pointer-events:none;cursor:default;color:#999;opacity:.3}.pika-button:hover{color:#fff;background:#ff8000;box-shadow:none;border-radius:3px}.pika-table abbr{border-bottom:0;cursor:help} /*------------------------------------------------------------------------------------------------- Author: Justin Herrera Author: Jen Rasmussen Version 2.14.1 Table of Contents: AWS 1.0 - Base Elements (i.e. single html elements) 1.1 - Utility Classes 1.2 - RTE Classes & Overrides 1.2.1 - Lists 1.2.2 - Links 1.3 - Tables 1.3.1 - Sortable Tables 1.3.2 - Specific Tables 1.4 - Forms 1.4.1 - Web Form For Marketers(wffm) Overrides 1.4.2 - Sitecore 9 Forms Overrides 1.5 - Blockquotes 1.6 - Languages AWS 2.0 - Foundation (i.e. wrappers, nav, footer etc) 2.1 - Header 2.2 - Navigations 2.2.1 - Main Navigation 2.2.1.1 - Mega Menu 2.2.2 - Sub Navigation 2.2.3 - Utility Navigation 2.2.4 - myHollister Navigation 2.3 - Footer 2.4 - Sidebar 2.5 - Breadcrumbs 2.6 - Site Message Bar AWS 3.0 - Reusable Components 3.1 - Aware Custom Components 3.1.1 - Modal Windows 3.1.2 - Carousel 3.1.3 - Tabs 3.1.4 - Custom Select 3.1.5 - Tooltip 3.2 - Modules (i.e. reusable design parts(e.g. lists, etc) 3.3 - Callouts 3.4 - Layouts (i.e. more complex designs, tend to hold one or more modules) 3.4.1 - Product Details 3.4.2 - Results Options 3.4.3 - Inception (mini modules/components/callouts w/i sidebar on myHollister) 3.4.4 - myHollister Quick Order 3.4.5 - Account Login/Creation 3.4.6 - SS Step 2 3.4.7 - SS Step 3 3.4.8 - Article Listing Carousel 3.4.9 - Hero 3.4.10 - Site Portals 3.4.11 - SS Login 3.4.12 - Testimonials Carousel 3.4.13 - Sample Order History 3.4.14 - Consultant AWS 4.0 - Buttons & Icons 4.1 - Buttons 4.2 - Icons 4.3 - Badges AWS 5.0 - Template Specific (i.e. override display of any design element on a specific template) 5.1 - Simple 5.1.1 - Product Details 5.1.2 - Full 5.1.3 - Reverse (left nav !sidebar) 5.2 - Results 5.2.1 - Results w/i Simple Template 5.3 - Full 5.3.1 - Campaign 5.4 - Secure Start Templates / Additions 5.4.1 - User Bar 5.4.2 - Simple Template Overrides 5.4.3 - Full Template Overrides 5.5 - Splash Page AWS 6.0 - 3rd Party Overrides 6.1 - Slider / Billboard 6.2 - jQuery Custom Scroll 6.3 - Pikaday 6.4 - Brightcove HTML5 Player Colors: Red: #bf1e39; nav, call-outs, buttons, hyperlinks Gray: #878785; top nav, callouts, body copy Light Gray: #ebe9e8; secondary housing elements Brown: #998f8c; footer, menus Off-White: #f5f3ef; Secondary color floods /*-----------------------------------------------------------------------------------------------*/ @font-face{ font-family:'HelveticaNeueW02-45Ligh'; src:url('../fonts/694015/88fcd49a-13c7-4d0c-86b1-ad1e258bd75d.eot'); src:url('../fonts/694015/88fcd49a-13c7-4d0c-86b1-ad1e258bd75d.eot?#iefix') format('embedded-opentype'), url('../fonts/694015/9a2e4855-380f-477f-950e-d98e8db54eac.woff') format('woff'), url('../fonts/694015/fa82d0ee-4fbd-4cc9-bf9f-226ad1fcbae2.ttf') format('truetype'), url('../fonts/694015/48d599a6-92b5-4d43-a4ac-8959f6971853.svg#48d599a6-92b5-4d43-a4ac-8959f6971853') format('svg'); } @font-face{ font-family:'HelveticaNeueW02-55Roma'; src:url('../fonts/694021/0b3a3fca-0fad-402b-bd38-fdcbad1ef776.eot'); src:url('../fonts/694021/0b3a3fca-0fad-402b-bd38-fdcbad1ef776.eot?#iefix') format('embedded-opentype'), url('../fonts/694021/d5af76d8-a90b-4527-b3a3-182207cc3250.woff') format('woff'), url('../fonts/694021/1d238354-d156-4dde-89ea-4770ef04b9f9.ttf') format('truetype'), url('../fonts/694021/b68875cb-14a9-472e-8177-0247605124d7.svg#b68875cb-14a9-472e-8177-0247605124d7') format('svg'); } @font-face{ font-family:'HelveticaNeueW02-75Bold'; src:url('../fonts/694033/db853e0e-929b-4272-b420-c946c954cf3a.eot'); src:url('../fonts/694033/db853e0e-929b-4272-b420-c946c954cf3a.eot?#iefix') format('embedded-opentype'), url('../fonts/694033/4a9c62ab-b359-4081-8383-a0d1cdebd111.woff') format('woff'), url('../fonts/694033/db5f9ba6-05a4-433a-9461-0a6f257a0c3a.ttf') format('truetype'), url('../fonts/694033/25e09910-ffc3-4fc4-b0d1-db9a95dface8.svg#25e09910-ffc3-4fc4-b0d1-db9a95dface8') format('svg'); } @font-face{ font-family:'HelveticaNeueW02-57Cn'; src:url('../fonts/694054/abf5b6e2-74e5-446b-b924-22c9749b33b6.eot'); src:url('../fonts/694054/abf5b6e2-74e5-446b-b924-22c9749b33b6.eot?#iefix') format('embedded-opentype'), url('../fonts/694054/c6206d3d-1ef8-44ad-96fa-c25e22252eb0.woff') format('woff'), url('../fonts/694054/6fddd219-58f2-42d3-99d5-5abbfcfde1a1.ttf') format('truetype'), url('../fonts/694054/f620604b-846b-4517-95c0-aa8a60dbb16c.svg#f620604b-846b-4517-95c0-aa8a60dbb16c') format('svg'); } /* Helvetica Neue Light ---------------------------------------------------------------------*/ h1,h2,h3,h4,h6,h1>a,h2>a,h3>a,h4>a,h5>a,h6>a,legend,fieldset > p,fieldset > p > a,#footer .site_map .col > ul > li > a,#copyright > p,#utility_navigation > ul > .location h5,input[type="checkbox"] + label,input[type="radio"] + label,.select_btn,fieldset span.help,.mod-search_results .mod-listing.breadcrumbs > ul > li,.mod-search_results .mod-listing.breadcrumbs > ul > li > a,.mod-expandables .expandable > p,span.scfRequiredChkLabel,.btn.large,#header #logo > span,.mod-multicols.article_listing .tags a,.badge,blockquote.testimonial, blockquote.testimonial cite{font-family: 'HelveticaNeueW02-45Ligh', Helvetica, Arial, sans-serif;font-weight:normal;} /* Helvetica Neue Roman ---------------------------------------------------------------------*/ body,label,blockquote > *,a.arrow-link,p,table td,.mod-grid > .item > .content > h2 > .tag,.callout .news_events h3,.mod-grid.site_section .item > .image .header,.mod-grid.site_portals > .item > .content .link,.mod-listing.filter > ul > li > a,.mod-grid.search_listing > .content > .item > .content > h4 > a,.mod-pagination li > a,.mod-grid.site_map h6 > a,.mod-grid.site_map .item .content > ul li > a,.mod-listing.icons > ul > li > a,.mod-listing.links > ul > li > a,.mod-listing.sample_cart > ul > li > .content > .header > h4,.mod-errors > p,.mod-errors > ul > li,#template-results #content > .tabs > ul > li > a,ul.links-large > li > a,.mod-grid.ss-contacts h3,table.sortable td > a, .mod-grid > .item > .content > h2, .mod-grid > .item > .content > h2 > a,.modal-login .col > p > a,.mod-site_search.stock h5,#results > h5, .subnav > .content > ul > li > a,.table_container > h3 > .secondary_link,.table_container.vertical_breakdown tbody td .mod-expandables .expandable p > a,.mod-filtered_form fieldset > ul > li > div > label,.mod-results_options > ul > li > a, .wffm .scfRadioButtonListLabel, .wffm .scfDateSelectorLabel, .wffm .scfCheckBoxListLabel,.mod-filtered_form fieldset > ul > li > label > .help,.mod-listing.flags > h4,.layout.ss-step2 .mod-listing.filter > ul li a > span, .mod-filters > div > a,.mod-filter_selections > .header > h6,.mod-filter_selections > .content a,fieldset h6, .layout.ss-step3 h3.highlight_txt_color,.layout.ss-step3 .mod-cart_preview > ul > li > .content > h6 > span,.mod-support ul li h5,.mod-support ul li a > span, .mod-featured_products h2, .mod-multicols.ss-login-cta h3{font-family: 'HelveticaNeueW02-55Roma', Helvetica, Arial, sans-serif;font-weight:normal;} /* Helvetica Neue Bold ----------------------------------------------------------------------*/ h5,a,table th,button,button.btn,.wffm input[type="submit"],#sidebar .sidebar > h4,.callout.help > .header > h3, #footer .site_map h6 > a, #footer .callout h3,.mod-expandables .trigger_expandable,#template-simple.product_details #sidebar .callout h4,.carousel .slide > .content > h6> a,.btn2.bold:link,.mod-dropdown.select_list > ul > li > a,.mod-dropdown.select_list > ul > li > .content > ul > li > a,.mod-news_events > .item > .details .date,.mod-search_results > .item > h5 > a,.mod-listing.links.red > ul > li > a,#template-full.campaign .mod-listing.links > ul > li > a,.mod-listing.barred > ul > li,.mod-grid.ss-contacts .item > h6, .callout.third > .header > h3,.callout.fourth > .header > h3,.mod-grid.search_listing > .content > .item > .content > h4,.mod-grid.search_listing > .content > .item > .content > h4 > a,.mod-gallery > span,.mod-cart_preview > h4,.callout.second h6,.mod-news_events > .item > .content > h3,.subnav > h4,.mod-summary h6,.mod-summary h6 a,.table_container > h3,.mod-filtered_form input[type="radio"] + label, .ss h3,.mod-standalone_callout > h3,.mod-standalone_callout > h6,.layout.ss-step2 .mod-listing.filter > ul li,.layout.ss-step2 .mod-listing.filter > ul li a,.layout.ss-step2 .mod-grid.search_listing > .content > .item > .content h4,.mod-notice > p,.layout.inception > h3,.layout.ss-step3 .mod-cart_preview > ul > li > .content > h6,.mod-recommended li, .mod-featured_products > ul > li > h3,.mod-multicols.article_listing h5 a,.mod-featured_products > ul > li > h3 a, .falseLink{font-family: 'HelveticaNeueW02-75Bold', Helvetica, Arial, sans-serif;font-weight:normal;} /* Helvetica Neue Condensed -----------------------------------------------------------------*/ #navigation .nav > li > a,.mod-site_search > .field > input,#utility_navigation > ul > li > a, .megamenu ul > li > a, .megamenu h4 > a,.mod-ad > *,.mod-listing.cart > ul > li > .content > a,#utility_navigation > ul > .location .multicols li > a,#utility_navigation > ul > .location h5,.mod-listing.filter_selections > ul > li,.mod-listing.filter_selections > ul > li a,.btn2,.mod-dropdown > ul > li > .content > ul > li > a,.mod-listing.breadcrumbs > ul > li,.mod-listing.breadcrumbs > ul > li > a,#template-full.campaign .section.featured_image h3,#ss-user_bar > .inner_container > h5,#ss-user_bar .mod-dropdown > ul > li > a,.custom_select > .options > ul > li > a, #myh-user_bar, #myh-user_bar a, #myh-utility_nav a, #mobile-logout,body.splash p{font-family: 'HelveticaNeueW02-57Cn', Helvetica, Arial, sans-serif;font-weight:normal;} /*------------------------------------------------------------------------------------------------- AWS 1.0 - Base Elements /*-----------------------------------------------------------------------------------------------*/ body{background:#e9e9e9;color:#6e6259;font-size:14px;-webkit-text-size-adjust:none;} h1{color:#fff;font-size:53px;line-height:59px;} h2{color:#bf1e39;font-size:28px;line-height:36px;margin:0 0 5px;position: relative;} h3{font-size:20px;color:#878787;font-weight:normal;line-height:24px;margin:0 0 2px;} h3 > a:link, h3 > a:visited{color:#878787;border:none;} h3 > a:hover{color:#bf1e39;} h3 + p{margin-top:10px;} .ss h3{font-size:20px;color:#6e6259;} * + h3{margin-top:20px;} h4{font-size:16px;color:#bf1e39;margin:0 0 8px;line-height:19px;} h4 > a:link, h4 > a:visited{color:#bf1e39;border:none;} h4 > a:hover{border-bottom:1px solid #bf1e39;} * + h4{margin-top:15px;} h5{font-size:15px;color:#998f8c;margin:0 0 2px;} * + h5{margin-top:10px;} h6{font-size:12px;color:#fff;text-transform:uppercase;margin:0 0 7px;} h6 > a:link, h6 > a:visited{color:#fff;border:none;} h6 > a:hover{border-bottom:1px solid #fff;} p{color:#716F71;line-height:19px;margin:0 0 8px;} p.intro{width:77%;} ul{list-style:none;margin:9px 0;padding-left:20px;} ul > li{padding:0;margin:0;font-size:14px;line-height:19px;} ul > li + li{margin:15px 0 0;} ol{list-style-position:inside;margin:20px 0;padding-left:20px;} ol > li{font-size:14px;line-height:19px;} ol > li + li{margin:5px 0 0;} a:link, a:visited, .falseLink{color:#bf1e39;text-decoration:none;border-bottom:1px solid #bf1e39;cursor:pointer;} a:hover, .falseLink:hover{text-decoration:none;border:none;} a:active{color:#99908d;} a:focus{outline:none;} span[title]{cursor:help;} /* Secondary Links (generally used as links within headers) */ .secondary_link:link{ color: #bf1e39; font-size: 14px; display: inline-block; margin-left: 15px; border-bottom: 1px solid #bf1e39; line-height: 16px; } .secondary_link:hover{border-color:transparent;} .secondary_link.right{border:none;position:absolute;right:0;top:15px;} .secondary_link.right:hover{color: #878785;} /* Icons */ .secondary_link.right > .arrow-lg-left{margin-right: 5px;position:relative;top:1px;} .secondary_link.right:hover > .arrow-lg-left{background-position: -12px -42px;} hr{display: block;height: 1px;border: 0;background: url('../images/hr.jpg') no-repeat;margin: 30px 0;} .ss hr{background: #e0dddc;} .myHollister hr{background: #ebe9e8;margin: 20px 0;} blockquote{background: #e9e9e9;padding:7px 20px;margin:40px 0;clear:both;} blockquote > p{ margin:0; color:#bf1e39; font-size:25px; line-height:30px; quotes: "“" "”" "‘" "’"; } blockquote > p:before{content: open-quote;} blockquote > p:after{content: close-quote;} blockquote > p + p:after, blockquote > p + p:before{content: '';display: none;} blockquote > p > cite{ /* sitecore renders a p tag encasing the cite tag */ display:block; text-align:right; font-size: 16px; margin-bottom: 5px; } noscript.site_warning > p{ display:block; margin-bottom: 20px; background: #bf1e39; color:#fff; padding:20px; text-align: center; } /* AWS 1.1 - Utility Classes ----------------------------------------------------------------*/ .error{color:red;} .success{color:green;} .highlight_txt_color{color:#bf1e39 !important;} .gray_txt{color:#878785 !important;} .legal{margin:20px 0 0;font-size: 11px;line-height: 14px;} .spacer{width:100%;height:20px;} /* AWS 1.2 - RTE Classes & Overrides --------------------------------------------------------*/ .align_img_left{float:left;margin:0 20px 20px 0;} .align_img_right{float:right;margin:0 0 20px 20px;} .align_img_left + *, .align_img_right + *{margin-top:10px;} .align_img_center{display:block;margin: 10px auto;} .sitemap_header{margin-top:20px;} /* Images */ img.responsive{ width: 75% !important; display: block; margin: 15px auto; height: auto !important; } img.responsive_full{ width: 100% !important; display: block; margin: 20px auto; height: auto !important; } /* Base Element Overrides */ #content > .section > .inner_container > .content > h4{ font-size:18px; color:#bf1e39; text-transform: none; font-weight: bold; } /* AWS 1.2.1 - Lists --------------------------------------------------------------------*/ /* Bulelts */ h3 + .bullets{margin-top:20px;} ul.bullets{margin:10px 0;} ul.bullets > li{ font-size: 14px; padding:0 0 0 8px; background: url('../images/bullet-small.png') no-repeat 0 8px; } ul.bullets li + li{margin-top:7px;} ul.bullets li > ul{margin:9px 0;} ul.bullets li > ul li{ padding:0 0 0 15px; background: url('../images/bullet-open_circle.png') no-repeat 0 5px; } /* Indented Bullets */ ul.bullets-indented{margin:10px 0 10px 12px;} ul.bullets-indented li{ font-size: 14px; padding:0 0 0 8px; background: url('../images/bullet-small.png') no-repeat 0 8px; } ul.bullets-indented ul{margin:7px 0 7px 12px;} ul.bullets-indented li + li{margin-top:7px;} /* Info */ ul.info{margin:15px 0 30px;padding:0;} ul.info > li{font-size:14px;} ul.info li + li{margin-top:5px;} ul.info li > ul{margin:9px 0 9px 12px;} /* Large Bullets */ ul.bullets-large{margin:10px 0;} ul.bullets-large li + li{margin-top:8px;} ul.bullets-large li > ul{margin:7px 0;} ul.bullets-large li > ul li{ padding:0 0 0 8px; background: url('../images/bullet-small.png') no-repeat 0 8px; } ul.bullets-large li{ position: relative; } ul.bullets-large li:before { width: 6px; height: 6px; content: ""; background-color: #bf1f39; display: inline; position: absolute; top: 11px; left: -18px; transform: translateY(-50%); } /* Large Links */ ul.links-large{margin:9px 0 9px 15px;} ul.links-large > li{font-size: 16px;} ul.links-large > .header{border-bottom:1px solid #878787;} /* Numbered */ ul.numbered{list-style:decimal;margin:9px 0 9px 15px;} ul.numbered > li{font-size:13px;padding-right:15px;} ul.numbered li + li{margin-top:7px;} ul.numbered li > ul{margin:9px 0;} ul.numbered li > ul li{ padding:0 0 0 8px; background: url('../images/bullet-small.png') no-repeat 0 8px; } ul.numbered > li > p{margin:0;} ul.numbered > li > p + *, ul.numbered > li > label.visuallyhidden + input{margin-top:20px;} /* AWS 1.2.2 - Links --------------------------------------------------------------------*/ /* Arrow Link (arrow at end of link) */ a.arrow_link{padding:0 10px 0 0;border:none;display:inline-block;} * + a.arrow_link{margin-top:20px;} a.arrow_link:after{ content: ''; display: inline-block; background: url('../images/sprite.png') no-repeat -76px -43px; width:6px; height:9px; position: relative; right:-5px; } a.arrow_link:hover{color:#878785;} a.arrow_link:hover:after{background-position: -20px -81px;} /* Video Links (launch modals) */ a.video_link{ display:inline-block; font-size:12px; line-height: 15px; color:#fff; border-radius: 5px; background: #bf1e39; padding:10px 10px 10px 21px; text-align: center; border:none; min-width: 86px; position: relative; } a.video_link:hover{background: #878785;} a.video_link:after{ content: ''; display: inline-block; background: url('../images/sprite.png') no-repeat -202px 0; width:7px; height:10px; position: absolute; top:50%; left:10px; margin:-5px 0 0; } /* AWS 1.3 - Tables -------------------------------------------------------------------------*/ table{width:100%;} table th{ font-size:11px; color: #bf1e39; text-align: center; padding:2px 5px 6px; background: #fff; } table th > a:link{ border:none; position: relative; display: block; padding:0 17px 0 0; } table th > a.active, table th > a:hover{color:#878785;} table td{ font-size:12px; padding:12px 5px 10px; background: #fff; text-align: center; vertical-align: top; } table .alt td{background:#edecea;} table td + td, table th + th{border-left:1px solid #ddd;} table tfoot td{ font-size:12px; line-height:14px; background:#fff; padding:14px 0 10px; text-align: left; } /* Utility & Styles */ .table_container{width:100%;overflow:auto;margin:36px 0 0;} .myHollister .table_container{margin-top: 0;} .myHollister * + .table_container{margin-top: 36px;} .table_container > h3{font-size: 18px;color:#bf1e39;margin-bottom: 30px;} .table_container table td{vertical-align:middle;} .table_container table td input{width:80%;margin:0 auto;} /* Clickable Table Rows */ table.row_clickable > tbody > tr{cursor:pointer;} table.row_clickable > tbody > tr:hover td{background:#ddd;} /* Vertical Breakdown */ .table_container.vertical_breakdown tbody td a:hover{border-bottom:1px solid;} .table_container.vertical_breakdown tbody td .btn{min-width: auto;} .table_container.vertical_breakdown tbody td .btn:hover{border:none;} .table_container.vertical_breakdown tbody td .btn, .table_container.vertical_breakdown tbody td .hr{display: none;} .table_container.vertical_breakdown tbody td .mod-expandables{display: none;} .table_container.vertical_breakdown tbody td .btn.always_visible{display: block;margin-top:0;} .table_container.vertical_breakdown tbody td .btn.always_visible .txt{display: none;} .table_container.vertical_breakdown tbody td .btn .edit{position: relative;top:2px;left:2px;} /* AWS 1.3.1 - Sortable Tables ----------------------------------------------------------*/ table.sortable td > a{border:none;} table.sortable td > a:hover{border-bottom:1px solid #bf1e39;} table.sortable.row_clickable td > a:hover{color:#716F71;} /* Arrows */ table.sortable th > a:after{ content: ''; display: block; width: 11px; height: 11px; background: url('../images/sprite.png') no-repeat -49px -42px; position: absolute; right:2px; top:50%; margin-top:-5px; } table.sortable th > a:hover:after{background-position: 0 -42px;} /* Ascending */ table.sortable th > a.ascending:after{ height: 5px; background-position: -49px -42px; margin-top:-2px; } table.sortable th > a.active.ascending:after, table.sortable th > a.ascending:hover:after{background-position:0 -42px;} /* Descending */ table.sortable th > a.descending:after{ height: 5px; background-position: -49px -48px; margin-top:-2px; } table.sortable th > a.active.descending:after, table.sortable th > a.descending:hover:after{background-position:0 -48px;} /* AWS 1.3.2 - Specific Tables ----------------------------------------------------------*/ /* Order History */ table.order_history tbody td{padding:0 5px;} table.order_history tbody td:first-child{text-align:left;} table.order_history .mod-expandables{margin:0;} /* Striped Tables */ .table.striped > thead > tr > th, .table.striped > tbody > tr > td {text-align:left} .table.striped > tbody > tr:nth-of-type(2n+1) > td {background-color: #edecea} /* Search IFU Results */ .table.ifu {margin-bottom:40px} .table.ifu th {padding:0 20px 8px} .table.ifu td {padding:20px} .table.ifu > tbody > tr > td > a, .table.ifu > tbody > tr > td > small {display:block;} .table.ifu > tbody > tr > td > small {margin:10px 0 0 20px;font-size:12px} .table.ifu > tbody > tr > td > a {border-bottom:0;font-size:14px} .table.ifu > tbody > tr > td > a:hover, .table.ifu > tbody > tr > td > a:active, .table.ifu > tbody > tr > td > a:focus {text-decoration:underline} .table.ifu > tbody > tr > td > a:before { content: ''; display: inline-table; width: 14px; height: 18px; background-image: url('../images/sprite.png'); background-repeat:no-repeat; background-position: -52px -212px; transform:scale(0.8); -moz-transform:scale(0.8); transform-origin:0 0; -moz-transform-origin: 0 0; /*https://stackoverflow.com/questions/2430206/how-can-i-scale-an-image-in-a-css-sprite*/ float:left; position: relative; top:0; margin-right:5px; } /* AWS 1.4 - Forms --------------------------------------------------------------------------*/ button, input[type="date"], input[type="text"], input[type="password"], input[type="email"], input[type="tel"], select, textarea{ font-family: Arial, Helvetica, sans-serif; border:1px solid #d9d5d4; border-radius: 5px; background: #fff; color:#878785; width: 100%; } input[type="date"]{-webkit-appearance: none;} select{height:31px;line-height:31px;padding:0 0 0 2px;} input[type="text"], input[type="date"], input[type="password"]{height:31px;line-height:100%;} button{width:auto;} input,textarea{padding:5px 7px;} textarea{height: 200px;} textarea.short{height: 100px;} input[type="text"].error, input[type="date"].error, input[type="password"].error, select.error, .error select, textarea.error{background:#fdf7f7;border-color:#de8b94;color:#878785;} input[type="submit"]{ display: inline-block; font-size: 12px; line-height: 15px; color: #fff; border-radius: 5px; background: #bf1e39; padding: 10px; text-align: center; border: none; min-width: 86px; } input[type="submit"]:hover{background: #878785;} /* Disabled */ /* Properly disabled - uneditable */ input[disabled="disabled"][type="text"], input[disabled="disabled"][type="date"], input[disabled="disabled"][type="password"], textarea[disabled="disabled"], select[disabled="disabled"]{ background:#d9d5d4; -webkit-text-fill-color:#878785; /* Override iOS / Android font color change */ -webkit-opacity:1; /* Override iOS opacity change affecting text & background color */ } input[type="checkbox"].disabled + label + input[type="text"], input[type="radio"].disabled + label + input[type="text"]{border: 1px solid #d9d5d4;padding:5px 7px;} input[type="checkbox"].disabled + label, input[type="radio"].disabled + label, input[type="checkbox"].not-editable + label, input[type="radio"].not-editable + label{cursor:default;} /* Staticly disabled - meaning uneditable and doens't look like a form field */ input[type="text"].disabled, input[type="password"].disabled, input[type="date"].disabled, textarea.disabled, select.disabled{ background:#fff; border: 1px solid #fff; padding:5px 0; } textarea.disabled{border-color:#ebe9e8;padding:5px 7px;} /* Checkboxes/Radios and Labels */ input[type="checkbox"] + label, input[type="radio"] + label, .scfRequiredChkLabel, .scfCheckBoxList label:not(.label-parent), .scfRadioButtonList label:not(.label-parent) { color:#878785; position:relative; padding:3px 5px 0 32px; font-size: 15px; cursor: pointer; } /*input[type="radio"] + label{padding-left:25px;}*/ input[type="checkbox"] + label:before, input[type="radio"] + label:before, .scfRequiredChkLabel:before, .scfCheckBoxList label:not(.label-parent):before, .scfRadioButtonList label:not(.label-parent):before { content: ''; display: block; width:24px; height: 23px; background: url('../images/sprite.png'); background-repeat:no-repeat; background-position:-159px -132px; position: absolute; top:0; left:0; } input[type="radio"] + label:before, .scfRadioButtonList label:not(.label-parent):before { width:18px; height:18px; background-position:-170px -113px; top:2px; } input[type="checkbox"].disabled + label:before, input[type="radio"].disabled + label:before, input[type="checkbox"].not-editable + label:before, input[type="radio"].not-editable + label:before{opacity:.35;} input[type="checkbox"]:checked + label:before, .scfRequiredChkLabel.checked:before, .scfCheckBoxList label.checked:before {background-position: -184px -132px;} input[type="radio"]:checked + label:before, .scfRadioButtonList label.checked:before {background-position: -190px -113px;} input[type="checkbox"] + label + input[type="text"], input[type="radio"] + label + input[type="text"]{width:50%;margin-left:2%;} input[type="checkbox"].disabled:checked + label:before{background-position: -134px -132px;opacity:1;} input[type="radio"].disabled:checked + label:before{background-position: -172px -156px;opacity:1;} /* Custom Toggle (looks like a button - secure start step 2) */ input[type="checkbox"] + label.custom-toggle{ padding: 7px 5px; font-size:12px; width: 70px; text-align: center; margin:0; overflow: hidden; border: 1px solid #e0dddc; border-radius: 5px; background: #fff; height: 33px; } input[type="checkbox"]:checked + label{border-color: #716f71;} input[type="checkbox"] + label.custom-toggle:before{display:none;} input[type="checkbox"] + label.custom-toggle.hasColor{padding-top:4px;} input[type="checkbox"] + label.custom-toggle.hasColor > span{ position: absolute; bottom:0; width:100%; height: 4px; left: 0; } /* Legend, Labels, Help and Fieldsets */ legend{ color: #bf1e39; font-size: 20px; line-height: 24px; margin:0 0 21px; } legend + p{margin:-19px 0 22px;font-size:16px;line-height:20px;} label, span.label{ cursor: pointer; font-size: 15px; color:#bf1e39; display: inline-block; font-weight: bold; } span.label{cursor:default;} label > .optional, span > .optional{color:#878785;} label.required{position: relative;} label.required:before{ content: '*'; position: absolute; left: -10px; font-size: 22px; font-weight: normal; } fieldset, .mod-errors + fieldset{border:none;margin:28px 0;} fieldset + fieldset{margin-top:48px;} fieldset label,fieldset span.label{margin-bottom:6px;} fieldset span.help{color:#878785;font-size:12px;display:block;margin:3px 0 -2px;line-height:12px;} fieldset span.icon.help{ display: inline-block; margin:0 0 0 5px; position: relative; top:1px; overflow: visible; } fieldset p.help{margin:3px 0 10px;} fieldset .mod-dropdown + span.help{margin-top:8px;} /* Headers */ fieldset h6{color:#6e6259;font-size:12px;text-transform:uppercase;} /* General Styles for Fieldsets and widths */ fieldset ul{padding: 0;} fieldset > ul, .fieldset{width:97%;} fieldset > ul + ul:not(.isOnlyBtn), fieldset .multicols + ul, .fieldset + ul{margin-top:30px;} fieldset > ul + ul.relatedFields, fieldset > .relatedFields + .relatedFields{margin-top:31px;} /* keep spacing the same as the spacer */ fieldset > ul > li, .fieldset > li{float:left;width:98%;margin:0 2% 11px 0;} fieldset ul > li > p, .fieldset > li > p{margin-bottom:20px;} fieldset > ul > li.half, .fieldset > li.half{width:48%;} fieldset > ul > li.quarter, .fieldset > li.quarter{width:23%;} fieldset > ul > li.new_line, .fieldset > li.new_line{clear:left;} fieldset h5{color: #bf1e39;text-transform:uppercase;margin:20px 0 7px;} fieldset .multicols + .multicols{margin-top:20px;} /* Further Options (checkboxes, radios etc) */ fieldset > ul > li > ul{margin-top:4px;} fieldset > ul > li > ul > li{float:left;margin:0 2% 11px 0;} fieldset > ul > li > ul.toggles > li{margin-bottom:4px;} fieldset > ul > li > ul > li > input[type="radio"] ~ input[type="text"], fieldset > ul > li > ul > li > input[type="checkbox"] ~ input[type="text"]{ display: inline-block; position: relative; width: auto; top: -1px; } fieldset > ul > li > ul > li > label[data-value]:after{content: ' (' attr(data-value) ')';} fieldset > ul > li > ul.stacked > li{float:none;margin:0 0 11px;} /* Overrides */ /* Full Width */ fieldset.full > ul, fieldset.full > ul > li{width:100%;margin:0 0 11px;} /* Unique Cases */ fieldset > ul > li > .units > li:first-child{width:10.5%;padding:0;} fieldset > ul > li > .units > li{padding:3px 0 0;} /* Dropdown Override */ fieldset .mod-dropdown{margin:0;} fieldset .mod-dropdown > ul{display:block;} fieldset .mod-dropdown > ul > li{float:none;border:none;} fieldset .mod-dropdown > ul > .open{border:none;-webkit-box-shadow: none;box-shadow: none;} fieldset .mod-dropdown > ul > li > .content{ top:30px; width: 100%; left:0; right: auto; -webkit-box-shadow: none; box-shadow: none; border-color: #d9d5d4; z-index: 10; } /* Button Override - Opened */ fieldset .mod-dropdown > ul > .open .select_btn{border-radius:5px 5px 0 0;} /* AWS 1.4.1 - Web Form For Marketers(wffm) Overrides -------------------------------------*/ .wffm{margin-bottom:20px;} /* Positions */ .wffm .scfSectionContent > div { position:relative; width:98%; margin: 11px 2% 0 0; /*float: left; we need for 2 column forms but messes up single column*/ } .wffm .scfSectionContent > .halfAvailableWidth{width:48%;} .wffm .scfSectionContent > .thirdAvailableWidth{width:31.33%;} .wffm .scfSubmitButtonBorder{margin-top:11px;} .wffm .scfRequired, .wffm .scfValidatorRequired{color:#bf1e39;position:absolute;left:-10px;top:2px;margin:0;} /* Errors / Validator / Summary */ .wffm .scfValidationSummary{margin:0;} .wffm .scfSubmitSummary > span, .wffm .scfError > ul, .wffm .scfValidationSummary > ul{ background: #fdf7f7; border: 1px solid #bf1e39; border-radius: 5px; padding: 15px 20px; margin:0 0 15px; width: 98%; } .wffm .scfSubmitSummary > span, .wffm .scfError > ul > li, .wffm .scfValidationSummary > ul > li{ font-size: 12px; font-weight: bold; color: #bf1e39; padding: 0 0 0 9px; background: url('../images/bullet-small_error.png') no-repeat 0 8px; } .wffm .scfSubmitSummary > span{padding:15px 20px;background:none;display:block;} .wffm .scfError > ul > li + li, .wffm .scfValidationSummary > ul > li + li{margin-top:3px;} .wffm .scfValidator{display:none !important;} .wffm .scfValidator[style*="inline"]{ /* instant feedback validator */ display:block !important; color:#bf1e39; font-size:12px; margin:2px 0 0; float: none; } /* Checkboxes / Radio Buttons (visually hidden class) */ .wffm .scfCheckbox, .wffm .scfCaptchaLabelText{width:100%;} .scfRequiredChkLabel{margin-bottom:20px;display:block;} input[type="checkbox"], input[type="radio"]{ border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .wffm .scfRadioButtonList td, .wffm .scfCheckBoxList td{text-align: left;border:none;background:none;} /* Datepicker */ .ui-datepicker{ width: 280px; background: #fff; border: 1px solid #878785; } .ui-datepicker .ui-datepicker-title{text-align:center;padding:10px 0;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{ cursor:pointer; position: absolute; top: 10px; left: 8px; } .ui-datepicker .ui-datepicker-next{left:auto;right:8px;} .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover{color:#bf1e39;} .ui-datepicker table th{padding:7px 0;border-top:1px solid #ddd;} .ui-datepicker table td{border-top:1px solid #ddd;padding:0;} .ui-datepicker table td > a{ display:block; padding:7px 0; border:none; color: #716F71; } .ui-datepicker table td > a.ui-state-active, .ui-datepicker table td > a:hover{color:#bf1e39;} /* Misc */ .wffm .scfSingleLineTextLabel, .wffm .scfMultipleLineTextLabel, .wffm .scfCheckBoxListLabel, .wffm .scfRadioButtonListLabel, .wffm .scfDateSelectorLabel, .wffm .scfDropListLabel {width:100%} .wffm div.hideTitle label, .wffm .scfTitleBorder, .wffm .scfCaptchaLabel{display:none;} .wffm .scfCaptchaGeneralPanel{width:100%;float:none;max-width:280px;} .wffm .scfSectionBorderAsFieldSet{border:none;margin:0;} .wffm .webformTextDisplay{margin:20px 0;display:inline-block;} .wffm .scfRadioButtonListLabel, .wffm .scfDateSelectorLabel, .wffm .scfCheckBoxListLabel{color: #bf1e39;font-weight:bold;font-size:15px;float:none;} .wffm .scfDateSelectorShortLabelDay, .wffm .scfDateSelectorShortLabelMonth, .wffm .scfDateSelectorShortLabelYear{color: #bf1e39; font-size:12px; margin:12px 0 7px;} .wffm .scfDateSelectorUsefulInfo{color:#878785;font-size:12px;} .wffm .scfDropListLabel, .wffm .scfEmailLabel, .wffm .scfMultipleLineTextLabel, .wffm .scfSingleLineTextLabel, .wffm .scfPasswordLabel, .wffm .scfNumberLabel, .wffm .scfDatePickerLabel, .wffm .scfDateLabel, .wffm .scfRadioButtonListLabel, .wffm .scfCheckBoxListLabel, .wffm .scfListBoxLabel, .wffm .scfFileUploadLabel, .wffm .scfDateSelectorLabel, .wffm .scfConfirmPasswordLabel, .wffm .scfCreditCardLabel, .wffm .scfTelephoneLabel, .wffm .scfSmsTelephoneLabel{margin-left:0;} .wffm .scfEmailGeneralPanel,.wffm .scfMultipleLineGeneralPanel,.wffm .scfSingleLineGeneralPanel,.wffm .scfPasswordGeneralPanel,.wffm .scfNumberGeneralPanel,.wffm .scfDatePickerGeneralPanel,.wffm .scfDateGeneralPanel,.wffm .scfRadioButtonListGeneralPanel,.wffm .scfCheckBoxListGeneralPanel,.wffm .scfFileUploadGeneralPanel,.wffm .scfDateSelectorGeneralPanel,.wffm .scfConfirmPasswordGeneralPanel,.wffm .scfCreditCardGeneralPanel,.wffm .scfTelephoneGeneralPanel,.wffm .scfSmsTelephoneGeneralPanel,.wffm .scfListBoxGeneralPanel,.wffm .scfDropListGeneralPanel{float:none;width:100%;margin:0;} /* AWS 1.4.2 - Sitecore 9 Forms Overrides -------------------------------------*/ input[type="submit"] { margin-top:11px; } .form_container label, .form_container span.label { margin-top:11px; margin-bottom:7px; width:100%; } .form_container > form > label:last-of-type { margin-top:20px; } label.required:before { top:-3px; } .form_container { margin-bottom:20px; padding: 22.5px; overflow: hidden; max-inline-size: 960px; margin: 0 auto; } .form_container > form > div { position:relative; width:98%; margin: 11px 2% 0 0; float:left; } /*is this the best way?*/ .form_container > form > div > input:not[type="submit"], .form_container > form > div > select, .form_container > form > div > textarea { width: 98%; } .form_container .privacy-link { margin-top:11px; margin-bottom:11px; float:none; } .form_container label.scfRequiredChkLabel { font-size: 15px; font-family:'HelveticaNeueW02-45Ligh', Helvetica, Arial, sans-serif; font-weight:normal; margin-bottom:0; } .form_container .scfRequiredChkLabel:before { left:0; margin-top:0; top:3px; } /*.mod-contact .form_container .scfRequiredChkLabel:before { margin-top:5px; }*/ .form_container label.scfRequiredChkLabel.required:before { content: ""; } .scfCheckBoxList .label-parent, .scfRadioButtonList .label-parent {display:inline-block} .scfCheckBoxList label:not(.label-parent), .scfRadioButtonList label:not(.label-parent) { width:auto; padding-left:25px; font-weight:normal; } .scfCheckBoxList label:not(.label-parent) { padding-left:35px } .form_container .scfMultipleLineTextUsefulInfo { color:silver; display:block; position:relative; /*top:-11px; margin-bottom:-11px;*/ } .form_container .scfShortText, .form_container .halfAvailableWidth, .form_container .thirdAvailableWidth { float:left; clear:none; margin: 11px 2% 0 0; } .form_container .scfShortText {width:60%} .form_container .halfAvailableWidth{width:48%} .form_container .thirdAvailableWidth{width:31.33%} .form_container input[type="hidden"] {padding:0} .form_container .margin-top {margin-top:11px} .no-margin {margin:0 !important} .form_container .recaptcha { margin-top:20px; } /*https://stackoverflow.com/questions/12155833/css-selector-id-contains-part-of-text*/ .form_container div[id$="__CaptchaValue_wrapper"] { margin-top:0; } .form_container .field-validation-error { color:#bf1e39; font-size:12px; display:block; } .form_container .float-left {float:left} .form_container ul.bullets-large{padding:0} .form_container .conference-info { margin:20px 0 20px 30px; } /* AWS 1.5 - Blockquotes --------------------------------------------------------------------*/ blockquote{background: #e9e9e9;padding:7px 20px;margin:40px 0;clear:both;} blockquote > p{ margin:0; color:#bf1e39; font-size:25px; line-height:30px; quotes: "“" "”" "‘" "’"; } blockquote > p:before{content: open-quote;} blockquote > p:after{content: close-quote;} blockquote > p + p:after, blockquote > p + p:before{content: '';display: none;} blockquote > p > cite{ /* sitecore renders a p tag encasing the cite tag */ display:block; text-align:right; font-size: 16px; margin-bottom: 5px; } /* Testimonial */ blockquote.testimonial{ background: #bf1e39; color: #fff; padding: 30px; } blockquote.testimonial > div{ display: flex; height: 200px; margin: 0 auto; margin-bottom: 30px; } blockquote.testimonial > p{font-size: 28px;font-style:italic;line-height:1.2;} blockquote.testimonial p + cite{margin-top:20px;} blockquote.testimonial cite{display:block;font-size: 36px;font-style:normal;} blockquote.testimonial cite + p{font-size: 22px;line-height:1.2;font-style:normal;} blockquote.testimonial cite + p:before, blockquote.testimonial cite + p:after{display: none;} blockquote.testimonial p, blockquote.testimonial li{color: inherit;font-family: inherit;} /* Source Image */ blockquote.testimonial > div > .media{ text-align: right; width: 35% } /* Source Content */ blockquote.testimonial > div > .content{ width:65%; align-self: center; padding-left:30px; } /* Footer */ blockquote.testimonial footer{margin-top:15px;} blockquote.testimonial footer ul{padding:0;} /* AWS 1.6 - Languages ----------------------------------------------------------------------*/ .lang-jp, .lang-jp *{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;} /*------------------------------------------------------------------------------------------------- AWS 2.0 - Foundation (i.e. wrappers, nav, footer etc) /*-----------------------------------------------------------------------------------------------*/ #html_templates,.html_templates{display:none;} .outer_wrapper{width:100%;/*min-width:1032px;*/max-width:1280px;margin:0 auto;} .inner_wrapper{ min-width:960px; max-width:1200px; background:#fff; -webkit-box-shadow: 0 0 6px 0 rgba(36,36,36,.27); box-shadow: 0 0 6px 0 rgba(36,36,36,.27); margin:0 auto; overflow: hidden; } .inner_container{width:996px;margin:0 auto;position:relative;} .disable_page{ position: fixed; top:0;left:0;right:0;bottom:0; background: #fff; opacity: .5; z-index: 1000; } /* AWS 2.1 - Header -------------------------------------------------------------------------*/ #header{height:153px;position:relative;z-index:200;} #header #logo{margin:21px 0 35px 25px;display:inline-block;border:none;position:relative;} #header #logo > span{ display:inline-block; width:300px; font-size:22px; position: absolute; left: 100%; top:5px; padding-left: 30px; } #header #logo > span:before{ content: ''; position:absolute; left:15px; top:0; bottom:0; width:2px; background: #ddd; } .no_nav #header{border-bottom:10px solid #bf1e39;height:106px;} /* Server Error - 500 */ .server_error #header{height:115px;border-bottom:10px solid #bf1e39;} .server_error #header #logo{margin-bottom:21px;} /* Site Search */ #header .mod-site_search{position:absolute;top:62px;right:25px;margin:0;width:241px;} /* myHollister Adjustments */ .myHollister #header{height:180px;} .myHollister #header #logo{margin: 50px 0 50px 25px;} /* Secure Start Adjustments */ .ss #header{ height:140px; background: #fff url('../images/bg-header-ss.jpg') no-repeat; } .ss #header #logo{margin:49px 0 22px 30px;} /* AWS 2.2 - Navigations --------------------------------------------------------------------*/ /* AWS 2.2.1 - Main Navigation */ #navigation{height:47px;background:#bf1e39;} #navigation .nav{ display:table; list-style:none; margin:0; border-left:1px solid #a8142f; height: 47px; width:100%; padding:0; } #navigation .nav > li{ display: table-cell; vertical-align: middle; margin:0; padding:0; position:relative; border-right:1px solid #d06176; } #navigation .nav > li:first-child{border-left:1px solid #d06176;} #navigation .nav > li > a{ color:#fff; display: table; width: 100%; height: 47px; line-height: 14px; padding:0 5px; text-align: center; border:none; border-right:1px solid #a8142f; text-transform: uppercase; } #navigation .nav > li.visible-phone{display: none !important;} #navigation .nav > li > a > span{display: table-cell;vertical-align: middle;position:relative;} #navigation .nav > li > a > span > .icon{position:relative;margin-right:5px;} #navigation .nav > li > a > span > .icon.secure_start{margin:0 5px -11px 0;top:-3px;} #navigation .nav > .hover > a, #navigation .nav > .active > a{color:#878785 !important;background:#fff !important;border-color:#fff;} #navigation .nav > .highlighted > a{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8d071f+0,b81432+100 */ background: #8d071f; /* Old browsers */ background: -moz-linear-gradient(top, #8d071f 0%, #b81432 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #8d071f 0%,#b81432 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #8d071f 0%,#b81432 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d071f', endColorstr='#b81432',GradientType=0 ); /* IE6-9 */ } /* Make White Icons turn Gray */ #navigation .nav > .hover > a > span > .icon.secure_start, #navigation .nav > .active > a > span > .icon.secure_start{background-position: -264px -111px;} /* Icon Hovers */ #navigation .nav > li .person{margin:-10px 0 0 -18px;} #navigation .nav > .hover .person, #navigation .nav > .active .person{background-position: -210px 0;} /* myHollister Adjustments */ .myHollister #navigation .nav > li:first-child{width:10%;} .myHollister #navigation .nav > li{width:18%;} .myHollister #navigation .nav > li:first-child > a{overflow:hidden;text-indent: -200px;position:relative;} .myHollister #navigation .nav > li:first-child > a:before{ content: ''; position: absolute; left:50%;top:50%; width:16px; height: 12px; background: url('../images/sprite.png') no-repeat -117px -176px; display: block; margin:-6px 0 0 -8px; } .myHollister #navigation .nav > li.hover:first-child > a:before, .myHollister #navigation .nav > li.active:first-child > a:before{background-position: -117px -159px;} /* Secure Start Adjustments */ .ss #navigation .nav{display:block;float:left;width:auto;} .ss #navigation .nav > li{display:block;width:auto;float:left;} .ss #navigation .nav:first-child > li > a > span{padding:0 15px;} .ss #navigation .nav:first-child > li > a > span{font-size:16px;text-transform:none;} .ss #navigation .nav:first-child > li:first-child > a > span{padding:0 15px 0 32px;} /* Right Nav */ .ss #navigation .nav.right{float:right;margin-right:12px;} .ss #navigation .nav.right, .ss #navigation .nav.right > li, .ss #navigation .nav.right > li > a{border:none;} .ss #navigation .nav.right > li > a > span{padding:0 8px;} .ss #navigation .nav.right > li:first-child > a{cursor:default;} .ss #navigation .nav.right > li:first-child > a:hover, .ss #navigation .nav.right > li:first-child > a:focus{background:#bf1e39;color:#fff;} .ss #navigation .nav.right > li:first-child > a > span{text-transform:none;} /* Icons */ .ss #navigation .nav > li > a > span > .icon.arrow-md-down{margin-left:5px;top:-1px;} .ss #navigation .nav > li.hover > a > span > .icon.arrow-md-down, .ss #navigation .nav > li.active > a > span > .icon.arrow-md-down{background-position: -209px -102px;} .ss #navigation .nav > li > a > span > .icon.cart{margin-top:-10px;top:3px;overflow:visible;} .ss #navigation .nav > li.hover > a > span > .icon.cart, .ss #navigation .nav > li.active > a > span > .icon.cart{background-position: -21px -54px;} /* Basket variation */ .ss #navigation .nav > li > a > span > .icon.cart{margin-top:-9px;} .ss #navigation .nav > li.hover > a > span > .icon.cart, .ss #navigation .nav > li.active > a > span > .icon.cart{ background-position: -269px -70px; width:24px; height:19px; } .ss #navigation .nav > li > a > span > .icon.cart > .icon{ position:absolute; top:-4px; right:-5px; color: #bf1e39; font-weight: bold; font-size:11px } .ss #navigation .nav > li.hover > a > span > .icon.cart > .icon, .ss #navigation .nav > li.active > a > span > .icon.cart > .icon{color:#fff;background-position:-211px -174px;} /* AWS 2.2.1.1 - Mega Menu */ .megamenu_container{ background: #fff; border-radius: 0 0 10px 10px; padding:20px; position:absolute; left:0; top:47px; display:none; } .nav_right .megamenu_container{left:auto;right:0;} /* Secure Start Adjustments */ #ssCart .multicols.megamenu{width:280px;} #ssCart .multicols.megamenu .col{width:100%;} /* Widths / General Styling */ .multicols.megamenu{width:220px;} .multicols.megamenu > .col{width: 210px;padding:10px;margin:0;} /* Column Changes / Line Position */ .multicols.megamenu.cols3{width:630px;} .multicols.megamenu.cols2{width:420px;} /* Nav List */ .megamenu .col > ul{list-style:none;margin:0 10px 0 0;padding:0;} .megamenu .col > ul > li{min-height:36px;} .megamenu .col > ul > li + li{margin-top:16px;} .megamenu .col > ul > li > a{ display:block; position: relative; font-size: 14px; color: #bf1e39; padding:2px 0 0 0; border:none; } .megamenu .col > ul > li > a:hover, .megamenu .col > ul > li > a:focus{color:#333;} .megamenu .col > ul > li > a.hasIcon{padding-left:45px;} .megamenu .col > ul > li > a > .icon_container{ position:absolute; left:0; top:0; width:36px; height:36px; overflow:hidden; } .megamenu .col > ul > li > a > .icon_container > img{position:relative;} .megamenu .col > ul > li > a:hover > .icon_container > img, .megamenu .col > ul > li > a:focus > .icon_container > img{top:-36px;} .megamenu .col > ul > li > a > .txt{ font-size:12px; color:#878785; display:block; margin-top:-3px; line-height: 14px; } .megamenu .col > ul > li > a > img{width:100%;max-width:205px;} /* Variants */ /* Alt(featured content) */ .megamenu .col > ul.alt > li{min-height: auto;} .megamenu .col > ul.alt > li + li{margin-top:5px;} /* Module: Support Overrides */ .megamenu_container .mod-support ul{display:block;} .megamenu_container .mod-support ul li{display: block;min-height:0;} .megamenu_container .mod-support ul li:first-child{padding:0;} .megamenu_container .mod-support ul li + li{margin:5px 0 0;} .megamenu_container .mod-support ul li h5{ font-size: 15px; line-height: 20px; color: #bf1e39; text-align: left; } .megamenu_container .mod-support ul li a{padding:10px 0 10px 45px;} .megamenu_container .mod-support ul li a{font-size:14px;line-height:14px;} .megamenu_container .mod-support ul li a span{font-size:12px;line-height:14px;color:#878785;} .megamenu_container .mod-support ul li a img{ left:-5px; -moz-transform: scale(.75); -webkit-transform: scale(.75); -o-transform: scale(.75); -ms-transform: scale(.75); transform: scale(.75); } /* Secure Start Adjustments */ .megamenu_container.cart .megamenu > .col{padding:0;} .megamenu_container.cart .megamenu p{margin:0;} .megamenu_container.cart .megamenu p.more_items{margin-bottom:15px;} .megamenu_container.cart .megamenu ul{margin:0 0 10px;} .megamenu_container.cart .megamenu .btn{display:block;} /* AWS 2.2.2 - Sub Navigation */ .subnav{margin:0 0 30px;} .subnav > h4{ font-size: 15px; color: #fff; background: #bf1e39; padding: 9px 10px 10px; text-transform: none; margin: 0; } .subnav > .content{ border: 1px solid #ebe9e8; border-top: none; padding: 9px 15px 11px; } .subnav > .content > ul{padding: 0;} .subnav > .content > ul > li{font-size: 16px;} .subnav > .content > ul > li + li{margin-top:5px;} .subnav > .content > ul > li > a{color: #878787;border:none;} .subnav > .content > ul > li > a.active, .subnav > .content > ul > li > a:hover{color: #bf1e39;} /* AWS 2.2.3 - Utility Navigation */ #utility_navigation{position:absolute;top:20px;right:25px;margin:0;} #utility_navigation > ul{padding: 0;} #utility_navigation > ul > li > a{color:#878785;} #utility_navigation > ul > li > a:focus, #utility_navigation > ul > li > a:hover{color:#bf1e39;} #utility_navigation > ul > li > a > .icon, #utility_navigation > ul > li > a > img{position:absolute;overflow:visible;} #utility_navigation > ul > li > a > .icon.arrow-lg-down{position:relative;margin:0 0 0 7px;top:-2px;} #utility_navigation > ul > li > .content > .more_items{margin-bottom:-5px;} /* Secure Start Adjustments */ .ss #utility_navigation{top:auto;bottom:-1px;right:30px;} .ss #utility_navigation .icon{ position: relative; margin-right: 5px; } .ss #utility_navigation .icon.pdf{top:3px;} /* Speficic Menu Items */ /* Cart */ #utility_navigation > ul > .cart > a{padding-left: 47px;} #utility_navigation > ul > .cart > a > .icon.cart{left:8px;top:9px;} #utility_navigation > ul > .cart > a > .icon.cart_number{left:28px;top:9px;z-index:2;} #utility_navigation > ul > .cart > .content{width: 250px;} #utility_navigation > ul > .cart .empty{text-align:center;padding:10px 0 5px;} /* Buy */ #utility_navigation > ul > .buy > a{padding-left:26px;} #utility_navigation > ul > .buy > a > .icon.pin{left:8px;top:10px;} /* Location */ #utility_navigation > ul > .location > a{padding-left:30px;} #utility_navigation > ul > .location > a > .icon.globe{left:8px;top:10px;} #utility_navigation > ul > .location .multicols .col{margin:0;width:50%;} #utility_navigation > ul > .location .multicols ul{padding:0 1% 0 0;} #utility_navigation > ul > .location .multicols li{font-size:12px;line-height:14px;padding:0 15px 0 0;} #utility_navigation > ul > .location .multicols li + li{margin-top:6px;} #utility_navigation > ul > .location .multicols li > a{color:#878785;border:none;} #utility_navigation > ul > .location .multicols li > a:hover{color:#bf1e39;border-bottom:1px solid #bf1e39;} #utility_navigation > ul > .location > .content{width: 680px;} #utility_navigation > ul > .location > .content.singleCol{width:170px;} #utility_navigation > ul > .location > .content.singleCol .multicols .col{width:100%;} #utility_navigation > ul > .location > .content.doubleCol{width:340px;} #utility_navigation > ul > .location > .content.doubleCol .multicols .col{width:100%;} #utility_navigation > ul > .location > .content.doubleCol .multicols .col .col{width:50%;} #utility_navigation > ul > .location h5{ border-bottom:1px solid #e2e2e2; margin:0 0 14px; padding: 0 0 6px; font-size:14px; color:#bf1e39; } /* Social */ #utility_navigation > ul > .social > a{padding-left:25px;} #utility_navigation > ul > .social > a > .icon.connect{left:6px;top:11px;} #utility_navigation > ul > .social > .content{width: 140px;} #utility_navigation > ul > .social > .content > ul > li{border:none;} #utility_navigation > ul > .social > .content > ul > li > a > span{ position: relative; top:3px; margin-right:8px; display: inline-block; width: 16px; height: 16px; overflow: hidden; } #utility_navigation > ul > .social > .content > ul > li > a > span > img{position:relative;} #utility_navigation > ul > .social > .content > ul > li:hover > a > span > img{top:-17px;} /* MyHollister Variant */ .myHollister #utility_navigation{top:87px;right:0;} .myHollister #utility_navigation > ul > li + li{margin:0 0 0 5px;} .myHollister #utility_navigation > ul > li > a{font-size: 13px;} /* User not logged in(limited nav options) */ .myHollister #utility_navigation.no-login{top:26px;} /* AWS 2.2.4 - myHollister Navigation */ /* User Bar */ #myh-user_bar{ background: #f5f3ef; padding: 13px 20px 10px; position: absolute; top:0;right:0; color: #878785; text-transform: uppercase; } #myh-user_bar > ul > li{float:left;} #myh-user_bar > ul > li + li{margin:0 0 0 15px;} #myh-user_bar > ul > li > a{color: #878785;border:none;} #myh-user_bar > ul > li > a:hover{color: #bf1e39;} #myh-user_bar > ul > li > a:hover > .switchClient{background-position: -90px -176px;} #myh-user_bar > ul > li > a:hover > .logout{background-position: -104px -176px;} #myh-user_bar > ul > li > a > span{margin-right:5px;} /* Utility Navigatoin (legacy - remove once myhollister fully updates in April 2018) */ #myh-utility_nav{ position: absolute; top:59px;right:0; } #myh-utility_nav > ul > li{float:left;} #myh-utility_nav > ul > li + li{ margin:0; border-left: 1px solid #ebe9e8; } #myh-utility_nav > ul > li > a{ color: #878785; text-transform: uppercase; border:none; padding: 0 10px; } #myh-utility_nav > ul > li > a:hover{color: #bf1e39;} /* User not logged in(limited nav options) */ #myh-utility_nav.no-login{top:36px;} /* AWS 2.3 - Footer -------------------------------------------------------------------------*/ #footer{ background:#998f8c; border-bottom:15px solid #bf1e39; padding:50px 0; position: relative; } .ss #footer{background:#bf1e39;border-color:#73111f;} #footer > .inner_container{padding:0 30px;} /* Disclaimer */ #disclaimer > .inner_container{padding:10px 30px 20px;} #disclaimer p{font-size:11px;line-height:14px;} /* Upcomming Events */ #upcoming_events{background: #f3f1ed;padding: 30px 0;} #upcoming_events h2{margin-bottom: 20px;} #upcoming_events h4{margin-top:0;} #upcoming_events h4 a{color:#666;font-weight: bold;} #upcoming_events h4 a:hover{color:#bf1e39;border: none;} #upcoming_events ul{padding:0;} #upcoming_events .col{padding-left: 75px;position:relative;min-height: 64px;} #upcoming_events .col .icon{margin-right:5px;} #upcoming_events .btn_container{margin-top:20px;} /* Date */ #upcoming_events .date{ position: absolute; left:0;top:0; text-align: center; background: #fff; width: 56px; padding: 5px; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.5); box-shadow: 0 0 10px 0 rgba(0,0,0,.5); border: none; } #upcoming_events .date:hover{color:#000;} #upcoming_events .date:before{ position: absolute; content: ''; display: block; height: 4px; background: #bf1e39; width:100%; z-index: 1; top:0;left:0; } #upcoming_events .date span{display:block;} #upcoming_events .date span:nth-child(1){font-size: 14px;} #upcoming_events .date span:nth-child(2){font-size: 20px;} #upcoming_events .date span:nth-child(3){font-size: 11px;font-weight: normal;} /* Support Bar */ #support_bar{border-top:13px solid #e9e9e9;} #support_bar > .inner_container{padding:20px 0 20px;} /* Site Map */ #footer .site_map > .col1{width:284px;} #footer .site_map > .col2{width:592px;margin:0 0 0 24px;} /* Column 1 */ #footer .site_map .col1 .col{width:130px;} #footer .site_map .col1 .col2{margin:0 0 0 24px;} /* Column 2 */ #footer .site_map .col2 .col{width:130px;margin:0 0 0 24px;} #footer .site_map .col2 .col1{margin:0;} /* Content */ #footer .site_map .col > ul{list-style:none;margin:0;padding:0;} #footer .site_map .col > ul > li{background:none;padding:0;font-size:11px;} #footer .site_map .col > ul > li + li{margin:1px 0 0;} #footer .site_map .col > ul > li a{color:#fff;border:none;} #footer .site_map .col > ul > li a:hover{border-bottom: 1px solid #fff;} #footer .site_map .col > h6{margin:0 0 3px;} #footer .site_map .col > ul + h6, #footer .site_map .col > h6 + h6{margin-top:28px;} /* Copyright */ #copyright{margin:40px 0 0;display:block;} #copyright > a{float:right;border:none;margin:0 0 28px;border:none;} #copyright > p{float:right;color:#fff;line-height:11px;font-size:11px;margin:0;clear:right;} #copyright > p + p{margin-top:10px;} #copyright > p > a{color:#fff;border:none;} #copyright > p > a:hover{border-bottom:1px solid #fff;} /* CE Mark */ #copyright > p.ce_mark {font-size:13px;max-width:450px;text-align:right;} /* MyHollister & SS Adjustments */ .myHollister #copyright, .ss #copyright{margin:0;text-align:center;} .myHollister #copyright > a, .ss #copyright > a{display:inline-block;float:none;margin-bottom:10px;} .myHollister #copyright > p, .ss #copyright > p{float:none;} /* Social */ #footer .social{ float:right; clear: right; margin: 16px 0 16px 0; padding: 0; } #footer .social > li{ float:left; color: #fff; line-height: 24px; height: 24px; } #footer .social > li + li{margin:0 0 0 10px;} #footer .social > li > a{border:none;} #footer .social > li > a > span{ width: 24px; height: 24px; display: block; overflow: hidden; } #footer .social > li > a:hover > span > img{position:relative;top:-25px;} /* Back to Top Button */ #footer .back_to_top{direction: rtl;} #footer .btn-back_to_top{ position: absolute; top:-50px;float:right; direction: ltr; z-index: 500; } #footer .btn-back_to_top.sticky{ position: fixed; top:auto; bottom:0; } #footer .btn-back_to_top .icon{ position: absolute; left: 50%;top:50%; margin:-12px 0 0 -9px; } /* AWS 2.4 - Sidebar ------------------------------------------------------------------------*/ #sidebar{ position: absolute; width: 230px; left: 50%; margin: 0 0 0 220px!important; top: 26px; } .alt_sidebar #sidebar{z-index:10;} #sidebar > .inner_container{width:230px;} #sidebar > .inner_container > .mod-multicols > .cols{margin-top:0;} #sidebar .sidebar{ width:230px; margin:0; border:1px solid #f1f1f1; } #sidebar .sidebar > .btn{display:block;} #sidebar .sidebar > h4{ font-size: 15px; color: #fff; background: #bf1e39; padding:9px 10px 10px; text-transform: none; margin:0; } #sidebar .sidebar > h4 + .callout, #sidebar .sidebar .callout + .callout{margin:0;} /* Alt Sidebar */ .alt_sidebar #sidebar .sidebar{border:none;} .alt_sidebar #sidebar .sidebar > h2{text-align:right;} /* Mini-Menu */ #sidebar .sidebar > .links-large{margin:0 0 40px;} #sidebar .sidebar > .links-large > .header{margin: 0 0 10px;} #sidebar .sidebar > .links-large > li + li{margin-top:5px;} /* Banner */ #sidebar .callout.banner{width:228px;margin:0 0 0 -15px;padding:0;} /* AWS 2.5 - Breadcrumbs --------------------------------------------------------------------*/ .section.breadcrumbs{padding: 0 !important;margin:20px 0 10px;min-height:29px;} .section.breadcrumbs .inner_container{padding: 0 !important;} .section.breadcrumbs .content{padding:0 15px 0 30px;} .section.breadcrumbs + #content{border: none;padding-top:0 !important;} /* Template Overrides */ #template-full .section.breadcrumbs + #content > .section:first-child{padding-top:0;} #template-full .section.breadcrumbs .content{padding:0;} #template-results #search_tools:first-child, #template-results #search_tools:first-child + #content{margin-top:27px;} /* Secure Start Overrides */ .ss #tempalte-full .section.breadcrumbs + #content{padding-top:0;} /* AWS 2.6 - Site Message Bar ---------------------------------------------------------------*/ .section.site_message .inner_container { background: #ebe9e8; text-align: center; width: inherit !important; padding: 0 26px; } .section.site_message .inner_container h4 { font-size: 19px; color: #666; padding: 15px 0; margin: 0; font-family: 'HelveticaNeueW02-75Bold', Helvetica, Arial, sans-serif; font-weight: normal; } .section.site_message .inner_container h4 a { border-bottom: 1px solid #bf1e39 } .section.site_message .inner_container h4 a:focus, .section.site_message .inner_container h4 a:hover { color: #666; border-color: #666; } /* Times */ .section.site_message span.icon.times { position: absolute; top: calc(50% - 12.5px); right: 0; background-position: -182px -87px; width: 26px; height: 25px; transform: scale(0.75); cursor: pointer; } .section.site_message span.icon.times:hover { background-position-x: -157px; opacity: 0.5; } /*------------------------------------------------------------------------------------------------- AWS 3.0 - Reusable Components /*-----------------------------------------------------------------------------------------------*/ /* AWS 3.1 - Aware Custom Components --------------------------------------------------------*/ /* AWS 3.1.1 - Modal Windows ------------------------------------------------------------*/ .modal-overlay, .overlay-session{ opacity:.75; filter:alpha(opacity=75); background:#000; position:fixed; top:0; left:0; width:100%; height:100%; z-index: 999999; } .modal-header{ background: #000; color:#fff; padding: 14px 20px 16px; margin-bottom:24px; font-size: 23px; line-height: 35px; } .modal-container { top: 40%; /* Default Position if too large for browser window */ width: 740px; margin: 0 0 0 -370px; background: #fff; position:absolute;left:50%; z-index: 9999999; -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,.3); box-shadow: 0 0 10px 5px rgba(0,0,0,.3); } .mod-thumbnail_gallery .modal-container { margin: 0 auto; left: 0; } .modal-content{position:relative;padding:40px;color:#878785;} .modal-content > div > *:last-child{margin-bottom: 0;} .modal-close{position:absolute;top:15px;right:15px;z-index:1000;} .modal-close > .icon{width:23px;height:23px;background-position:-159px -88px;border:none;} .modal-close > .icon:hover{background-position: -184px -88px;} /* AJAX */ .modal-content .ajax_loading{ height: 50px; background: url('../images/ajax-loader.gif') no-repeat center 30px; } .modal-content .ajax_loading > p{text-align:center;} /* Utility Classes */ .modal-container.modal-iframed{width:90%;margin:0 0 0 -45%;} .modal-container.modal-iframed .modal-header{margin:0;} /* Modals ---------------------------------------------------------------------------*/ .modal-content .btn:link{min-width:175px;} /* Alert */ .modal-container.alert{ position: fixed; top: 20px !important; left: auto !important; right: 20px !important; margin: 0 !important; background: #000; background: rgba(0,0,0,.8); width:300px !important; z-index: 10000; } .modal-container.alert.left{ left: 20px !important; right: auto !important; } .modal-container.alert .modal-content{padding: 20px;} .modal-container.alert p{color:#33cc33;margin:0;} .modal-container.alert .name{color:#fff;} .modal-container.alert p + p{margin-top:10px;} .modal-container.alert .modal-close{top: -4px;right: -4px;} .modal-container.alert.left .modal-close{right: auto;left:-4px;} .modal-container.alert .modal-close > .icon{ width:16px; height:16px; background-position: -192px -173px; } .modal-container.alert .modal-close > .icon:hover{background-position: -192px -156px;} /* Cookie Overrides */ .modal-container.cookie{ width: 570px; left:-570px; margin:0; -webkit-box-shadow:none; box-shadow:none; background: #878785; } /* Content */ .modal-container.cookie .modal-content{padding:12px 40px 15px 24px;} .modal-cookie > p{font-size:11px;color:#fff;line-height:14px;margin:0;} .modal-cookie > p + p{margin-top:5px;} /* Close Button */ .cookie .modal-close{top:-6px;right:-6px;} .cookie .modal-close > .icon{width: 35px;height: 35px;background-position:-86px -87px;} .cookie .modal-close > .icon:hover{background-position: -122px -87px} /* Button Group */ .modal-cookie > .modal-buttons{margin-top:6px;list-style:none;padding:0;} .modal-cookie > .modal-buttons > li{display:inline-block;margin:0 30px 0 0;font-size:11px;} .modal-cookie > .modal-buttons > li > a{color:#fff;border-bottom: 1px solid #fff;} .modal-cookie > .modal-buttons > li > a:hover{border:none;} #toggleText{display:none;border:2px solid;margin-top: 20px;} #toggleText a{line-height:20px;color: #fff;border-bottom: 1px solid #fff;} /* Confirmation Modal */ .modal-confirmation .modal-buttons{margin:23px 0 0;padding:0;} .modal-confirmation .modal-buttons > li{float:left;width:50%;} .modal-confirmation .modal-buttons > li + li{margin:0;} .modal-confirmation .modal-buttons > li + li > .btn{float:right;} /* Login */ .modal-container.login{width:440px;margin:0 0 0 -220px;} .modal-container.login .modal-content{padding:22px 30px;} .modal-container.login > .modal-content > .modal-close{top:30px;} .modal-login{width:90%;overflow:hidden;} .modal-login > .multicols{width:200%;position:relative;} .modal-login > .multicols.cols2 > .col{width:50%;margin:0;} .modal-login.reset > .multicols{left:-100%;} /* Media Overrides */ .modal-media h6{color:#bf1e39;text-transform:none;margin:0 0 11px;} .modal-media .multicols.cols2 .col1{width:43%;} .modal-media .multicols.cols2 .col1.fullWidth{width:100%;margin-top:15px;} .modal-media .multicols.cols2 .col2{width:100%;margin:0;} .modal-media .multicols.cols2 .col1 + .col2{width:53%;margin-left:4%;} .modal-media .multicols.cols2 .col2 > h2{margin-top:-8px;} .modal-media .additional_content{margin-top:30px;} /* 100% Width Video */ .modal-media.isVideo .multicols.cols2 .col1{width: 100%;float:none;} .modal-media.isVideo .multicols.cols2 .col2{margin:20px 0 0;width: 100%;float:none;} /* Media Container */ .modal-media .media_container{ width:100%; text-align:center; border:1px solid #dbdadb; border-radius: 5px; } .modal-media .media_container.video{border:none;} .modal-media .media_container > img{width:100%;} /* Button Group */ .modal-media .modal-buttons{margin:23px 0 0;text-align:center;} .modal-media .modal-buttons > .btn{margin:0 5px 10px;} /* Session Timeout Overrides */ .modal-session .modal-close{display:none;} /* Thumbnail Gallery */ .modal-container.thumbnail_gallery{ width: 960px; height: 660px; margin:0 0 0 -480px; background: none; } .modal-container.thumbnail_gallery > .modal-content{padding:0;} /* AWS 3.1.2 - Carousel -----------------------------------------------------------------*/ .carousel{margin:15px 0 0;position:relative;} .carousel .wrapper{overflow:hidden;position:relative;margin:0 auto;width:880px;} .carousel .wrapper > .slides{list-style:none;} .carousel ul{padding:0;} /* Slides */ .carousel .slides > .slide{ float:left; width:200px; height:350px; padding:20px 10px 0; margin: 0 10px; background: none; } /* Navigation */ .carousel .navigation{text-align:center;} .carousel .navigation > ul{list-style:none;display:inline-block;} .carousel .navigation > ul > li{float:left;width:22px;height:22px;} .carousel .navigation > ul > li + li{margin:0 0 0 5px;} .carousel .navigation > ul > li > a, .carousel .navigation > ul > li > a.disabled:hover{ display: block; width:22px; height: 22px; color: #998f8c; text-align: center; font-weight: bold; line-height: 22px; font-size: 8px; border:none; position: relative; background: url('../images/sprite.png') no-repeat -185px -61px; } .carousel .navigation > ul > li > a:hover, .carousel .navigation > ul > li > a.active{background-position: -185px -38px;color:#fff;} .carousel .navigation > ul > li > a.disabled{opacity:.5;cursor: default;} /* Previous / Next */ .carousel .navigation a > .icon{ position:absolute; left:50%; top:50%; margin:-3px 0 0 -2px; width:4px; height:6px; } .carousel .navigation a.prev > .icon, .carousel .navigation a.prev.disabled:hover > .icon{margin-left:-3px;background-position:-20px -102px;} .carousel .navigation a.prev:hover > .icon{background-position:-37px -107px;} .carousel .navigation a.next > .icon, .carousel .navigation a.next.disabled:hover > .icon{background-position:-26px -102px;} .carousel .navigation a.next:hover > .icon{background-position:-42px -107px;} /* Solo Buttons */ .carousel > .nav{position:absolute;top:70px;z-index:10;} .carousel > .prev{left:0;} .carousel > .next{right:0;} .carousel > .nav.disabled{opacity:.5;cursor: default;} /* Custom Content */ /* Feature */ .carousel.feature .slide{height:180px;padding-top:0;} .carousel.feature .slide > .image{ width:180px; height:180px; overflow: hidden; margin:0; } .carousel.feature .slide.selected > .image img{position:relative;top:-180px;} .carousel.feature > .nav{top:75px;} .carousel.feature .panels{margin:35px auto 0; width: 900px;} /* Bottom Aligned Featured Carousel */ .carousel.feature.bottom > .nav{top: auto; bottom: 75px;} .carousel.feature.bottom .panels{margin:0 auto 35px;} /* Video Varient */ .carousel.feature.video .slide > .image{height:auto;} .carousel.feature.video .slide > .image > a{border:3px solid #f5f3ef;} .carousel.feature.video .slide > .image > a:hover, .carousel.feature.video .slide.selected > .image > a{border-color: #bf1e39;} .carousel.feature.video .slide.selected > .image img{top:0;} /* Content */ .carousel.feature.video .slide > .content > h6{ padding:3px; color: #bf1e39; text-align: center; } /* Bottom Aligned */ .carousel.feature.bottom > .nav{bottom: 97px;} /* Video Within */ .carousel.feature .panel > .mod-video{margin:30px 0 10px;} /* Image */ .carousel .slide > .image{margin:0 0 25px;} .carousel .slide > .image > a{display:block;border:none;} .carousel .slide > .image img{display:block;margin:0 auto;width:100%;} /* Content */ .carousel .slide > .content > h6{font-size:14px;text-transform:none;} .carousel .slide > .content > h6 > a{color:#bf1e39;} .carousel .slide > .content > h6 > a:hover{color:#878785;} .carousel .slide > .content > a{border:none;} .carousel .slide > .content > a > .icon{position:relative;top:1px;} .carousel .slide > .content > a:hover{color:#878785;} .carousel .slide > .content > a:hover > .icon{background-position:-20px -81px;} /* Special Sizes */ /* Single Slide Dimentions */ .carousel.single{width:285px;} .carousel.single .wrapper{width:285px;height:285px;} .carousel.single .slides > .slide{width:285px;height:285px;padding:0;margin:0;} /* Tab Panels */ .tab_panels{ padding:20px 15px; background: #fff; border: 2px solid #bebfc0; position: relative; } .tab_panels > .panel{display:none;} .tab_panels > .panel.active{display:block;} .tab_panels > .panel > *:last-child{margin-bottom:0;} .tab_panels > .panel .inner_container{width: auto !important;} /* AWS 3.1.4 - Custom Select ------------------------------------------------------------*/ .custom_select{position:relative;} .custom_select + *{margin-top:10px !important;} /* Button Styles */ .custom_select > .toggle{ color: #878785; font-size: 13px; border: 1px solid #d9d5d4; padding:8px 48px 8px 10px; line-height: 100%; text-decoration: none; position: relative; cursor: pointer; width: 100%; background: #fff; text-align: left; text-transform: uppercase; height: 31px; } .custom_select > .toggle.autoHeight{ padding:8px 48px 6px 10px; line-height: 16px; height: auto; } /*.custom_select > .toggle:hover, .custom_select > .toggle:focus{color:#bf1e39;border-color:#bf1e39;}*/ /* Line */ .custom_select > .toggle:before{ content: ''; display: block; position: absolute; top:0;bottom:0; right: 37px; background: #d9d5d4; width: 1px; } /* Arrow */ .custom_select > .toggle:after{ content: ''; display: block; position: absolute; top:50%; right:12px; margin-top:-3px; width: 12px; height: 5px; background: url('../images/sprite.png') no-repeat 0 -48px; } /*.custom_select > .toggle:hover:after, .custom_select > .toggle:focus:after{background-position: -49px -48px;}*/ /* Not Editable */ .custom_select.not-editable > .toggle, .custom_select.not-editable > .toggle:hover, .custom_select.not-editable > .toggle:focus{ background:#d9d5d4; border-color:#d9d5d4; cursor:default; color:#878785; } /* Disabled */ .custom_select.disabled > .toggle, .custom_select.disabled > .toggle:hover, .custom_select.disabled > .toggle:focus{ background:#fff; border-color:#fff; cursor:default; color:#878785; padding-left: 0; } .custom_select.disabled > .toggle:after, .custom_select.disabled > .toggle:before, .custom_select.disabled > .toggle:hover:after, .custom_select.disabled > .toggle:focus:after, .custom_select.not-editable > .toggle:after, .custom_select.not-editable > .toggle:before, .custom_select.not-editable > .toggle:hover:after, .custom_select.not-editable > .toggle:focus:after{display: none;} /* Options */ .custom_select > .options{ border: 1px solid #d9d5d4; border-top:none; position: absolute; /*top:31px;*/ left: 0;right:0; height: 175px; overflow: auto; z-index: 100; display:none; background: #fff; text-align: left; } .custom_select.open > .options{display:block;} .custom_select > .options > ul{ padding: 0; list-style:none; position:relative; /* REQUIRED */ } .custom_select > .options > ul > li + li{margin-top:0;} .custom_select > .options > ul > li > a{ display: block; padding: 8px 15px; text-decoration: none; font-size:13px; color: #878785; border: none; } .custom_select > .options > ul > li.highlight > a, .custom_select > .options > ul > li > a:focus, .custom_select > .options > ul > li > a:hover{color:#bf1e39;} /* Disabled Options (corresponding select option requires disabled atribute) */ .custom_select > .options > ul > .disabled{position: relative;} .custom_select > .options > ul > .disabled:after{ content: ''; position: absolute; left:0;right:0; top:0;bottom:0; background: #fff; opacity: .5; } /* AWS 3.1.5 - Tooltip ------------------------------------------------------------------*/ .tooltip{position:absolute;border-radius:5px;display:none;z-index:1000;} .tooltip.visible{display:block;} /* Arrows */ .tooltip:before, .tooltip:after{content: '';position:absolute;width:0;height:0;border-style:solid;} .tooltip.noarrow:before, .ie8 .tooltip:before{display:none;} /* Border */ .tooltip.top:before{ bottom:-12px; left:50%; margin-left: -8px; border-width: 12px 8px 0 8px; border-color: #d3d3d3 transparent transparent transparent; } .tooltip.right:before{ left:-12px; top:50%; margin-top:-8px; border-width: 8px 12px 8px 0; border-color: transparent #d3d3d3 transparent transparent; } .tooltip.bottom:before{ top:-12px; left:50%; margin-left: -8px; border-width: 0 8px 12px 8px; border-color: transparent transparent #d3d3d3 transparent; } .tooltip.left:before{ right:-12px; top:50%; margin-top:-8px; border-width: 8px 0 8px 12px; border-color: transparent transparent transparent #d3d3d3; } /* Colored Arrow (change this if you wish the 'fill' of the arrow is not the same as color) */ .tooltip.top:after{ bottom:-10px; left:50%; margin-left: -6px; border-width: 10px 6px 0 6px; border-color: #fff transparent transparent transparent; } .tooltip.right:after{ left:-10px; top:50%; margin-top: -6px; border-width: 6px 10px 6px 0; border-color: transparent #fff transparent transparent; } .tooltip.bottom:after{ top:-10px; left:50%; margin-left: -6px; border-width: 0 6px 10px 6px; border-color: transparent transparent #fff transparent; } .tooltip.left:after{ right:-10px; top:50%; margin-top: -6px; border-width: 6px 0 6px 10px; border-color: transparent transparent transparent #fff; } /* Simple Tooltip */ span.tooltip{ background: #000; /* IE */ color: #fff; padding: 6px 10px; font-size: 11px; min-width: 100px; max-width: 280px; } /* Advanced Tooltip */ div.tooltip{ background: #fff; padding: 20px; border: 1px solid #d3d3d3; width: 280px; } .loading > .tooltip{background:url('../images/ajax-loader.gif') no-repeat center center;} /* AWS 3.2 - Modules (i.e. reusable design parts(e.g. lists, etc) ---------------------------*/ .module{margin:0;} .module.mod-section{margin:20px 0;} * + .module{margin-top:10px;} .module + *{margin-top:30px;} /* Ad */ .mod-ad{text-align:center;} .mod-ad img{display:block;margin:0 auto 23px;} .mod-ad > p{font-size:15px;line-height:17px;margin:0 0 6px;} .mod-ad > a:link{text-transform:uppercase;border:none;} .mod-ad > a:hover{border-bottom:1px solid;} /* AJAX Loading */ .mod-ajax_loading{ padding:60px 20px 20px; text-align:center; background: url('../images/ajax-loader.gif') no-repeat center 20px; } .mod-ajax_loading.large{background: url('../images/ajax-loader2.gif') no-repeat center 10px;} .mod-ajax_loading > p{margin:0;} /* Alternating Content */ .mod-alternating{margin:30px 0;border:1px solid #dfe0e4;} .mod-alternating .row{ display:flex; border-bottom:1px solid #dfe0e4; height: 342px; background: #fff; } .mod-alternating .row:last-child{border:none;} .mod-alternating .row > div{ width:50%; height: 100%; display: flex; flex-direction: column; justify-content: center; } .mod-alternating .row .content{ padding: 0 50px; border-right:1px solid #dfe0e4; } .mod-alternating .row:nth-child(even) > .content{ order:99; -webkit-order:99; border:none; border-left: 1px solid #dfe0e4; } .mod-alternating .row > .media{ overflow: hidden; position: relative; } .mod-alternating .row > .media > img{ position: absolute; top:50%;left:50%; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } /* Buttons */ .mod-buttons{margin:30px 0;} /* Cart Preview */ .mod-cart_preview{margin-top:65px;} .mod-cart_preview > h4{ background: #bf1e39; color:#fff; font-size: 14px; margin:0; padding: 5px 10px 6px; } .mod-cart_preview > h4 + p{margin-top:10px;} .mod-cart_preview > ul{border:1px solid #ebe9e8;border-top:0;margin:0;} .mod-cart_preview > ul > li{padding:10px;} .mod-cart_preview > ul > li + li{margin:0;} .mod-cart_preview > ul > li.alt{background: #ebe9e8;} .mod-cart_preview > ul > li > .content{position: relative;padding:0 28px 0 0;} .mod-cart_preview > ul > li > .content > h5{color:#bf1e39;font-size:12px;} .mod-cart_preview > ul > li > .content > p{font-size:12px;line-height:17px;margin:0;} .mod-cart_preview > ul > li > .content > .icon{position:absolute;top:10px;right:0;} .mod-cart_preview > ul > li > img{display:none;} .mod-cart_preview > ul > li > img.visible{display:block;width:60%;float:left;} .mod-cart_preview > ul > li > img.visible + .content{padding:34px 0 0 10px;width:40%;float:right;} /* Within Content Area */ .mod-cart_preview.alt{width:400px;margin:40px 0;} .mod-cart_preview.alt > ul > li > img{display:block;width:40px;float:left;} .mod-cart_preview.alt > ul > li > img + .content{ padding:0 20% 0 0; width:80%; float:right; min-height: 51px; } .mod-cart_preview.alt > ul > li > .content > .icon{top:50%;margin-top:-8px;} /* Clone Items */ .mod-clone .trigger-clone{margin-top:20px;} /* Variants */ /* Products */ .mod-clone.products .js-clone + .js-clone{margin-top:20px;} .mod-clone.products .js-clone:not(:first-child) label{display: none;} .mod-clone.products .trigger-remove{ position:relative; -moz-transform: scale(.8); -webkit-transform: scale(.8); -o-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); } .mod-clone.products .js-clone:first-child .trigger-remove{top:22px;} .mod-clone.products .js-clone:not(:first-child) .trigger-remove{top:-3px;} /* Contact */ .mod-contact{margin:40px 0 0;} .mod-contact > .form_container{float:left;width:60%;position:relative;} .mod-contact > .form_container:after{ content: ''; position: absolute; width: 1px; background: #ebebeb; top:0;right:-6.5%; bottom:60px; } .mod-contact > .form_container fieldset{margin-bottom:0;} .mod-contact > .form_container fieldset:first-child{margin-top:0;} .mod-contact > .details{width:30%;float:right;} .mod-contact > .details > p{line-height:20px;} .mod-contact > .details > p > a:link{border:none;} .mod-contact > .details > p > a:hover{color:#878785;} /* Divider Well */ .mod-divider_well{ margin: 30px 0; padding:20px 0; border-top: 1px solid #ebe9e8; border-bottom: 1px solid #ebe9e8; } .mod-divider_well > *:first-child{margin-top:0;} .mod-divider_well > *:last-child{margin-bottom:0;} /* Misc Components Within */ /* myHollister Account - Balance Info */ .mod-divider_well .myh-account.cols2 .col1{width:60%;} .mod-divider_well .myh-account.cols2 .col2{width:36%;} .mod-divider_well .myh-account h3{margin-top:7px;} .mod-divider_well .myh-account h3 > span{color: #878785;} .mod-divider_well .myh-account .btn{float:right;} /* Dropdown */ .mod-dropdown > ul{list-style:none;display:inline-block;padding:0;} .mod-dropdown select{display:none;} .mod-dropdown > ul > li{float:left;border:1px solid #fff;} .mod-dropdown > ul > .label{line-height:37px;} .mod-dropdown > ul > li + li{margin:0 0 0 15px;} .mod-dropdown > ul > .label + li{margin:0 0 0 5px;} .mod-dropdown > ul > li > a{ display:block; position: relative; padding:0 7px; border:none; height: 38px; line-height: 38px; color:#bf1e39; text-transform: uppercase; } .mod-dropdown > ul > li > .btn2{margin:0;color: #bf1e39;text-transform:uppercase;} .mod-dropdown > ul > li > .btn2 .icon{top: -2px;} /* Additional Content */ .mod-dropdown > ul > li > .content{ display:none; background: #fff; position: absolute; top:38px; right: -1px; border:1px solid #ebe9e8; border-radius: 0 0 10px 10px; padding: 18px; z-index:1; -webkit-box-shadow: 3px 1px 5px 0 rgba(0,0,0,.1); box-shadow: 3px 1px 5px 0 rgba(0,0,0,.1); width: 156px; } .mod-dropdown > ul > li > .content .btn{width:100%;margin:20px 0 0;} .mod-dropdown > ul > li > .content > ul{padding: 0;} .mod-dropdown > ul > li > .content > ul > li{ text-align: left; border-bottom: 1px solid #efefef; } .mod-dropdown > ul > li > .content > ul > li:first-child{border-top:1px solid #efefef;} .mod-dropdown > ul > li > .content > ul > li + li{margin:0;} .mod-dropdown > ul > li > .content > ul > li > a{ text-transform: uppercase; color: #878785; padding:12px 0 11px; border:none; display: block; } .mod-dropdown > ul > li > .content > ul > li > a:hover{color:#bf1e39;border:none;} /* Opened */ .mod-dropdown > ul > .open{ border-radius: 5px 5px 0 0; border:1px solid #ebe9e8; border-bottom-color:#fff; position: relative; -webkit-box-shadow: 3px 1px 5px 0 rgba(0,0,0,.1); box-shadow: 3px 1px 5px 0 rgba(0,0,0,.1); z-index: 2; } .mod-dropdown > ul > .open.closing{z-index:1;} .mod-dropdown > ul > .open > a{border-bottom:1px solid #fff;z-index:2;} .mod-dropdown > ul > .open > a > .icon.arrow-lg-down{background-position:-49px -48px;} /* Select List */ .mod-dropdown.select_list > ul{display:block;} .mod-dropdown.select_list > ul > li{float:none;border: 1px solid #d9d5d4;border-radius: 5px;} .mod-dropdown.select_list > ul > li + li{margin:16px 0 0;} .mod-dropdown.select_list > ul > li > a{ display: block; color: #bf1e39; margin:0; padding: 0 50px 0 17px; border-radius: 5px; } .mod-dropdown.select_list > ul > li > a:hover{background:#edecea;} .mod-dropdown.select_list > ul > li > a > .icon{position:absolute;right:18px;top:50%;margin:-3px 0 0;} /* Content */ .mod-dropdown.select_list > ul > li > .content{ right: auto; left:0; width: 100%; padding:0; border-radius:0 0 5px 5px; } .mod-dropdown.select_list > ul > li > .content > ul > li{border:none;} .mod-dropdown.select_list > ul > li > .content > ul > li + li{border-top:1px solid #efefef;} .mod-dropdown.select_list > ul > li > .content > ul > li > a{padding:10px 18px 9px;} /* Opened */ .mod-dropdown.select_list > ul > .open > a, .mod-dropdown.select_list > ul > .open > a:hover{background: #bf1e39;color:#fff;border-radius:5px 5px 0 0;} .mod-dropdown.select_list > ul > .open > a > .icon.arrow-lg-down{background-position:-24px -42px;} /* Errors */ .mod-errors{ background: #fdf7f7; border: 1px solid #bf1e39; border-radius: 5px; padding: 15px 20px; width: 95%; } .mod-errors > p{font-size:15px;color:#bf1e39;line-height:19px;font-weight:bold;margin:0;} .mod-errors > p + ul{margin-top:8px;} .mod-errors > ul{padding:0;} .mod-errors > ul > li{ font-size:14px; font-weight:bold; color:#bf1e39; padding: 0 0 0 9px; background: url('../images/bullet-small_error.png') no-repeat 0 8px; } .mod-errors > ul > li + li{margin-top:2px;} /* Global */ .mod-errors.global{ width:100%; margin:0 0 30px; border-radius: 0; text-align: center; } /* Expandables */ .mod-expandables{margin-top:30px;clear:both;} .mod-expandables + *{margin-top:30px;} .mod-expandables .expandable{ position:absolute; float:left; z-index:-1; visibility:hidden; padding:0 25px 25px 45px; left:-9999px; top: -9999px; } .mod-expandables .expandable > *:last-child{margin-bottom:0;} .mod-expandables .open .expandable{position:relative;float:none;visibility:visible;z-index:0;left:0;top:0;} .mod-expandables > ul{padding:0;} .mod-expandables > ul > li{border-bottom:1px solid #ebe9e8;} .mod-expandables > ul > li + li{margin-top:0;} .mod-expandables > ul > li:first-child{border-top:1px solid #ebe9e8;} .mod-expandables .trigger_expandable > h3 {margin-top: 0;} /* Link */ .mod-expandables .trigger_expandable{ border:none; color:#878785; padding:13px 0 15px 45px; position:relative; font-size: 16px; display: block; } .mod-expandables .trigger_expandable:hover{color:#bf1e39;} /* Icon State */ .mod-expandables .expandable_state{ background-position: -32px -26px; width:15px; height:15px; position: absolute; left:15px; top:15px; } .mod-expandables .open .expandable_state{background-position: -48px -37px;height:4px;top:21px;} /* myHollister Overrides */ .myHollister .mod-expandables > ul > li{border-bottom: none;} .myHollister .mod-expandables > ul > li + li{border-top: 1px solid #fff;} .myHollister .mod-expandables .expandable{padding:25px 15px;} .myHollister .mod-expandables .trigger_expandable{ background: none; padding: 13px 45px 15px 15px; } .myHollister .mod-expandables .expandable_state{left:auto;right:15px;} /* Additional Overrides */ .mod-expandables .expandable > h3{font-size:18px;margin:27px 0 14px;color:#bf1e39;} .mod-expandables .mod-grid{margin-left:-45px;} /* Technology */ .mod-expandables.technology{width:100%;margin:32px 0 0 0;} .mod-expandables.technology .multicols{margin:0 0 20px;} .mod-expandables.technology .multicols .col1{float:right;width:31%;margin:0;} .mod-expandables.technology .multicols .col1 img{width:100%;} .mod-expandables.technology .multicols .col2{float:none;width:100%;margin:0;} .mod-expandables.technology .multicols .col1 + .col2{float:left;width:66%;margin:0;} /* Featured Products */ .mod-featured_products{ background: #e9e9e9; padding:15px 10px; text-align: center; } .mod-featured_products h2{font-size:24px;} .mod-featured_products > ul{margin-bottom: 15px;padding:0;} .mod-featured_products > ul > li{ background: #fff; padding: 15px; } .mod-featured_products > ul > li + li{margin-top:10px;} .mod-featured_products > .btn.outline{background:#fff;} .mod-featured_products > .btn.outline:hover, .mod-featured_products > .btn.outline:focus{background:#bf1e39;} /* Content */ .mod-featured_products > ul > li > h3{font-size: 18px;margin:0;} .mod-featured_products > ul > li > h3 a{color: #bf1e39;} .mod-featured_products > ul > li > h3 a:hover, .mod-featured_products > ul > li > h3 a:focus{border-bottom: 1px solid #bf1e39;} .mod-featured_products > ul > li > p{margin-top:0;} .mod-featured_products > ul > li > .btn{margin:10px 0 8px;} /* Filtered Form */ .mod-filtered_form input[type="radio"] + label{color:#bf1e39;padding-top:2px;} .mod-filtered_form fieldset > ul > li{margin-bottom:15px;} .mod-filtered_form fieldset > ul > li:last-child{margin-bottom:0;} .mod-filtered_form fieldset > ul > li > label > .help{font-size: 16px;display: inline;} .mod-filtered_form fieldset > ul > li > div{padding-left:25px;} .mod-filtered_form fieldset > ul > li > div > input + label{margin-top:10px;} .mod-filtered_form fieldset > ul > li > div > label{color:#878785;} .mod-filtered_form fieldset > ul > li > div > label > .icon{ margin-right:5px; position:relative; top:3px; } .mod-filtered_form .fieldset{padding:20px 0 0;} .mod-filtered_form .fieldset p{margin-bottom: 0;} .mod-filtered_form .fieldset > li:last-child{margin-bottom:0;} /* Filters */ .mod-search_summary + .mod-filters{margin-top:3px;} .mod-filters{display:table;width:100%;} .mod-filters > div{display:table-cell;position:relative;} .mod-filters > div + div{border-left:3px solid #fff;} .mod-filters > div a{ display:block; padding:14px 0; background: #f5f4f3; color: #6e6259; border:none; text-align: center; } /* Link & States */ .mod-filters > div > a > .icon{margin-left:5px;} .mod-filters > div.open > a{background:#e0dddc;color:#bf1e39;} .mod-filters > div > a:hover, .mod-filters > div > a:focus{color:#bf1e39;} .mod-filters > div.open > a > .icon{background-position: -218px -58px;} .mod-filters > div > a:hover > .icon, .mod-filters > div > a:focus > .icon{color:#bf1e39;} /* Content & General Styles */ .mod-filters .content{ border:3px solid #e0dddc; background: #fff; padding:15px; position: absolute; left:0;top:45px; z-index: 100; width: 341px; display: none; } .mod-filters .right .content{left:auto;right:0;} .mod-filters .content fieldset{margin:0;} .mod-filters .content fieldset > ul, .mod-filters .content fieldset > ul > li{width:100%;margin-right:0;} .mod-filters .content .btn{display:block;} /* Specicifc Layouts */ /* Filter Selections */ .mod-filters + .mod-filter_selections{margin-top:3px;} .mod-filter_selections{display:table;width:100%;} .mod-filter_selections > div{display:table-cell;padding:8px 15px;vertical-align:middle;} .mod-filter_selections > .header{background: #e0dddc;width:125px;} .mod-filter_selections > .header > h6{color:#6e6259;font-size:10px;margin:0;} .mod-filter_selections > .content{background:#f5f4f3;} .mod-filter_selections > .content ul{padding:0;} .mod-filter_selections > .content li{float:left;margin:0 5px 0 0;} .mod-filter_selections > .content a{color:#6e6259;font-size:12px;padding:5px;border:none;} .mod-filter_selections > .content a .icon{ background-position: -229px -13px; width:12px; height:12px; margin-left: 5px; position: relative; top: 1px } .mod-filter_selections > .content a:hover, .mod-filter_selections > .content a:focus{color:#bf1e39;} .mod-filter_selections > .content a:hover .icon, .mod-filter_selections > .content a:focus .icon{background-position: -229px -26px;} /* Gallery */ .mod-gallery{ margin:30px 0; padding:40px 0; position:relative; min-height:180px; } .mod-gallery > a{position: absolute;top:50%;left:0;margin-top:-15px;} .mod-gallery > a + a{left:auto;right:0;} .mod-gallery > span{position:absolute;bottom:1px;right:6%;margin:0 5px 0 0;color:#ccc;font-size:14px;} .mod-gallery > span > span{color:#998f8c;} .mod-gallery > ul{display: block;width: 88%;margin:0 auto;padding: 0;} .mod-gallery > ul > li{ display: block; width: 19%; min-width:19%; min-height: 1px; float:left; margin:0 .5%; position: relative; z-index: 1; } .mod-gallery > ul > li > a{ display:block; border:none; padding:5px; background: #fff; border:1px solid #cbcbcb; -webkit-transition: box-shadow 250ms; transition: box-shadow 250ms; } .mod-gallery > ul > li > a > span{ background: #000; background: rgba(0,0,0,.75); color: #fff; text-align: center; font-size: 12px; padding:5px; position: absolute; bottom:5px;left:5px;right:5px; display: none; } .mod-gallery > ul > li > a > img{display:block;width:100%;} .mod-gallery > ul > .active{z-index:10;} .mod-gallery > ul > .active > a{ border:1px solid #bf1e39; width: 176%; position: absolute; left:50%; top:50%; margin:-25% 0 0 -88%; -webkit-box-shadow: 0 0 3px 3px rgba(191,30,57,.2); box-shadow: 0 0 3px 3px rgba(191,30,57,.2); } .mod-gallery > ul > .active > a > span{display:block;} .mod-gallery > ul > .shadow > a{ border-color: #aaa; -webkit-box-shadow: 0 0 3px 3px rgba(170,170,170,.35); box-shadow: 0 0 3px 3px rgba(170,170,170,.35); } /* Captions(always visible) Overrides */ .mod-gallery.captions > ul > li > a > span{display:block;} /* Gallery: Thumbnail */ .mod-thumbnail_gallery{padding: 0 0 30px;position:relative;} .mod-thumbnail_gallery.modal{padding: 0;} .mod-thumbnail_gallery .btn-zoom{ display: block; position: absolute; bottom:0; right:0; color: #716F71; border: none; } .mod-thumbnail_gallery .btn-zoom > .icon.zoom{position:relative;top:5px;} .mod-thumbnail_gallery .btn-zoom:focus, .mod-thumbnail_gallery .btn-zoom:hover{color: #bf1e39;} .mod-thumbnail_gallery .btn-zoom:focus > .icon.zoom, .mod-thumbnail_gallery .btn-zoom:hover > .icon.zoom{background-position: -210px -138px;} /* Thumbnails */ .mod-thumbnail_gallery .thumbnails{width: 100px;float: left;position:relative;} .mod-thumbnail_gallery .thumbnails .cycle{height:330px !important;} .mod-thumbnail_gallery .thumbnails .cycle .cycle-slide{ width: 100px; height: 115px; } .mod-thumbnail_gallery .thumbnails .cycle .cycle-slide > img{ display:block; width:100px; height:100px; border: 2px solid #bcbbba; } .mod-thumbnail_gallery .thumbnails .cycle .cycle-slide-active > img{border-color: #bf1e39;} /* Buttons */ .mod-thumbnail_gallery .thumbnails .btn-control{ left:0; margin:0; width: 100px; height: 100px; opacity: 0; } .mod-thumbnail_gallery .thumbnails .btn-control.prev{top:0;} .mod-thumbnail_gallery .thumbnails .btn-control.next{top:auto;bottom:0;} /* Images */ .mod-thumbnail_gallery .images{ width: 480px; height: 330px; float: right; /*background: #faf9f9;*/ border: 2px solid #bcbbba; position: relative; } .mod-thumbnail_gallery.noThumbnails .images{width:100%;} .mod-thumbnail_gallery .images .cycle{height:330px;overflow: hidden;} .mod-thumbnail_gallery .images .cycle .cycle-slide{cursor:pointer;} .mod-thumbnail_gallery .images .cycle > div{width: 100%;height: 326px;} .mod-thumbnail_gallery .images .cycle .wrapper{ display:table; width:100%; height:100%; padding: 0 50px; } .mod-thumbnail_gallery .images .cycle .wrapper > div{ display:table-cell; vertical-align:middle; width:100%; height:100%; } .mod-thumbnail_gallery .images .cycle img{ max-width: 100%; height: auto; display: block; margin:0 auto; max-height: 300px; } /* Full Sized Images */ .mod-thumbnail_gallery .images.full{ width: 100%; height: 660px; float:none; clear: both; background: #faf9f9; } .mod-thumbnail_gallery .images.full .cycle, .mod-thumbnail_gallery .images.full .cycle > div{height: 660px;} .mod-thumbnail_gallery .images.full .cycle .cycle-slide{cursor:default;} .mod-thumbnail_gallery .images.full .cycle img{max-height: 600px;} /* Buttons */ .mod-thumbnail_gallery .btn-control{ position: absolute; top:50%; left:0; display: block; width: 32px; height: 80px; margin-top: -40px; background: #e0dfdf; z-index: 100; border: none; } .mod-thumbnail_gallery .btn-control:hover{background: #bf1e39;} .mod-thumbnail_gallery .btn-control.next{left:auto;right:0;} .mod-thumbnail_gallery .btn-control > .icon{ background-position: -243px -27px; width: 15px; height: 26px; position: absolute; left: 50%; top:50%; margin:-13px 0 0 -7px; } .mod-thumbnail_gallery .btn-control.next > .icon{background-position: -243px 0;} /* Disabled */ .mod-thumbnail_gallery .btn-control.disabled{ background:#e0dfdf !important; cursor:default !important; } /* Grid */ /* Base */ .mod-grid > .item, .mod-grid > .clearfix > .item{float:left;} .mod-grid > .item + .item{margin:15px 0 0;} /* Image */ .mod-grid > .item > .image{width:100%;text-align:center;} .mod-grid > .item > .image a{display:block;border:none;position: relative;} .mod-grid > .item > .image img{display:block;width:100%;max-width:169px;margin:0 auto;} /* Content */ .mod-grid > .item > .content > h2{font-size:22px;margin:0 0 13px;line-height:24px;color:#99908d;word-wrap:break-word;} .mod-grid > .item > .content > h2 a{color:#99908d;border:none;} .mod-grid > .item > .content > h2 a:hover{border-bottom:1px solid #99908d;} .mod-grid > .item > .content > h2 .tag{color:#bf1e39;font-size:15px;display:block;margin:0;} .mod-grid > .item > .content > p{font-size:12px;line-height:15px;margin:0 0 14px;} /* Utility Classes */ .mod-grid.bordered > .item{ border-radius:10px; border:1px solid #efefef; padding:16px; } /* Images */ .mod-grid.images > .item{ border:1px solid #ccc; padding:10px 5px; border-radius: 5px; float:left; width:83px; margin:0 3px 3px 0; background: #fff; } .mod-grid.images > .item > a{display:block;border:none;} .mod-grid.images > .item > a > img{width:100%;} /* Locations */ h3 + .mod-grid.locations{margin-top:20px;} .mod-grid.locations + h3{margin-top:40px;} .mod-grid.locations > .row + .row{margin:20px 0 0;} .mod-grid.locations > .row > .item{float:left;width:48%;margin:0 2% 0 0;} .mod-grid.locations > .row > .item > p{margin:0;line-height:20px;} .mod-grid.locations > .row > .item > p > a:link{border:none;} .mod-grid.locations > .row > .item > p > a:hover{color:#878785;} /* Popular Products */ .mod-grid.popular_products > .item{ width:203px; height:357px; margin:0 5px 10px 0; position:relative; padding: 16px; } .mod-grid.popular_products > .item > .content > .btn{position:absolute;bottom:16px;margin-right:16px;} /* Additional Info */ .mod-grid.popular_products > .item.info{ border:none; width:100%; margin:0; padding:10px 17px; height:auto; } .mod-grid.popular_products > .item.info .content{position: static;} .mod-grid.popular_products > .item.info .content p{font-size:14px;line-height:19px;} .mod-grid.popular_products > .item.info > .content > .btn{position:static;margin-top:2px;} /* Small */ .mod-grid.popular_products.small > .item{height: 200px;} .mod-grid.popular_products.small > .item.info{height:auto;} /* Search Listing */ p + .mod-grid.search_listing{margin-top:28px;} .mod-grid.search_listing + hr{background-position:-35px 0;margin-bottom:35px;} .mod-grid.search_listing > .header{margin:0 0 15px;} .mod-grid.search_listing > .content{margin-left:-25px;} .mod-grid.search_listing > .content > .item{ width: 186px; height: 320px; margin: 0 0 5px 25px; float:left; } /* Image and base Link */ .mod-grid.search_listing > .content > .item > .image{position:relative;margin-bottom:5px;} .mod-grid.search_listing > .content > .item > .image > img{display:block;width:100%;} .mod-grid.search_listing > .content > .item > .image > a{display:block;border:none;} .mod-grid.search_listing > .content > .item > .image > a > img{display:block;width:100%;} .mod-grid.search_listing > .content > .item > .image > .add_cart{position:absolute;bottom:1px;right:1px;} /* Hover Effect */ .mod-grid.search_listing .item span.badge { transition: transform 250ms ease-out; } .mod-grid.search_listing .item:hover span.badge { transform: scale(0.5,0.5) translate(45px,-45px); } /* Content */ .mod-grid.search_listing > .content > .item > .content{padding:14px 15px 0;} .mod-grid.search_listing > .content > .item > .content > h4{font-size:14px;} .mod-grid.search_listing > .content > .item > .content > h4 > a{text-transform:none;font-weight:bold;} .mod-grid.search_listing > .content > .item > .content > p{font-size:12px;line-height:14px;} /* Site Map */ .mod-grid.site_map{ margin-top:28px; border: 1px solid #efefef; padding:21px 32px; border-radius:10px; } .mod-grid.site_map .item{width:33%;padding:0 2% 0 0;margin:0;} .mod-grid.site_map > div + div{margin-top:50px;} .mod-grid.site_map .item .content > h6{margin-bottom:10px;} .mod-grid.site_map .item .content > h6 > a:link, .mod-grid.site_map .item .content > h6 > a:visited{color:#bf1e39;font-weight:bold;} .mod-grid.site_map .item .content > h6 > a:hover{border-bottom: 1px solid;} .mod-grid.site_map .item .content > h6 + ul{margin-top:-8px;padding: 0;} .mod-grid.site_map .item .content > ul{margin-bottom:6px;} .mod-grid.site_map .item .content > ul li + li{margin-top:0;} .mod-grid.site_map .item .content > ul li ul{margin:3px 0 3px 15px;} .mod-grid.site_map .item .content > ul li > a:link, .mod-grid.site_map .item .content > ul li > a:visited{ font-size: 12px; color:#99908d; border:none; } .mod-grid.site_map .item .content > ul li > a:hover{border-bottom:1px solid #99908d;} /* Site Portals */ .mod-grid.site_portals > .item{width:48%;margin:0 2% 0 0;} .mod-grid.site_portals > .item + .item{margin:0 0 0 2%;} .mod-grid.site_portals > .item > .header{min-height:60px;margin:0 0 10px;} .mod-grid.site_portals > .item > .header > h3{font-size:28px;line-height:30px;} .mod-grid.site_portals > .item > .header > h3 > a{color:#bf1e39;} .mod-grid.site_portals > .item > .header > h3 > a:hover{border-bottom:1px solid #bf1e39;} .mod-grid.site_portals > .item > .content{min-height:147px;} .mod-grid.site_portals > .item > .content > p{font-size:14px;line-height:19px;} .mod-grid.site_portals > .item > .content .link{border:none;} .mod-grid.site_portals > .item > .content .link:hover{border-bottom:1px solid;} .mod-grid.site_portals > .item > .footer{margin:25px 0 0;} /* Site Section */ .mod-grid.site_section > .row{width:100%;} .mod-grid.site_section > .row > .item{width:48%;height:auto;border:none;float:left;} .mod-grid.site_section .row > .item + .item{margin:0 0 0 4%;} .mod-grid.site_section > .row > .item > .content{padding-left:70px;} /* Header & Image Container Properties */ .mod-grid.site_section > .row > .item > .image{position: relative;} .mod-grid.site_section > .row > .item > .image > a{ display: table; min-height: 60px; height: 1px; /* firefox needs height to work with min-height on table display */ border: none; } .mod-grid.site_section > .row > .item > .image .header{ display: table-cell; vertical-align: middle; text-align:left; font-size: 20px; color: #878787; font-weight: normal; line-height: 24px; padding-left: 70px; } .mod-grid.site_section > .row > .item > .image .image_container{ display: block; overflow: hidden; height: 70px; width: 70px; position: absolute; left: -10px; top: -5px; } .mod-grid.site_section > .row > .item > .image .image_container > img{width:100%;} .mod-grid.site_section > .row > .item > .image > .active .header, .mod-grid.site_section > .row > .item > .image > a:hover .header{color:#bf1e39;} .mod-grid.site_section > .row > .item > .image > .active .image_container > img, .mod-grid.site_section > .row > .item > .image > a:hover .image_container > img{ position:relative;top:-70px; } /* Secure Start Contacts */ .mod-grid.ss-contacts > h5{font-size:15px;color:#bf1e39;text-transform:none;margin:0 0 20px;} .mod-grid.ss-contacts .item{width:200px;margin:0 20px 20px 0;} .ss .mod-grid.ss-contacts .item{width:auto;} .mod-grid.ss-contacts .item > .image{text-align:left;margin:0 0 7px;} .mod-grid.ss-contacts .item > .image > img{display:inline-block;} .mod-grid.ss-contacts .item > h6{color:#878785;text-transform:none;font-size:14px;margin:0;} .mod-grid.ss-contacts .item > h3{margin:0 0 14px;line-height:21px;} .mod-grid.ss-contacts .item > p{font-size:12px;line-height:14px;} .mod-grid.ss-contacts .item > p > a{font-size:10px;} /* Header & Buttons */ .mod-header_btns > .multicols > .col1{width:60%;} .mod-header_btns > .multicols > .col2{width:38%;text-align: right;} .mod-header_btns .btn + .btn{margin-left:5px;} /* Listing */ .mod-listing > ul{padding:0;} .mod-listing > ul > li + li{margin:15px 0 0;} /* Barred */ .mod-listing.barred > ul > li{ font-size:18px; line-height:22px; border-left: 2px solid #bf1e39; padding:3px 0 7px 6px; } .mod-listing.barred > ul > li + li{margin:2px 0 0;} /* Breadcrumbs */ .mod-listing.breadcrumbs > ul > li{float:left;margin:0 33px 10px 0;font-size:14px;position:relative;} .mod-listing.breadcrumbs > ul > li:after{ /* disable hover on > */ content: ''; position: absolute; left:-25px; top:0; height:20px; width:20px; } .mod-listing.breadcrumbs > ul > li > a:before{ content: '>'; position: absolute; right:-20px; top:0; color: #878785; } .mod-listing.breadcrumbs > ul > li.last > a:before{display:none;} .mod-listing.breadcrumbs > ul > li > a{color: #878785;border:none;position:relative;} .mod-listing.breadcrumbs > ul > li > a:hover{color:#bf1e39;} /* Bullets */ .mod-listing.bullets > ul{padding-left:20px;} .mod-listing.bullets > ul > li{ font-size: 14px; line-height: 15px; position: relative; padding:0 0 0 6px; } .mod-listing.bullets > ul > li:before{ content: ''; position: absolute; display: block; width: 6px; height: 7px; left:-4px; top:4px; background: url('../images/bullet.png') no-repeat; } .mod-listing.bullets.red > ul > li:before{background-image: url('../images/bullet-red.png');} .mod-listing.bullets > ul > li + li{margin:10px 0 0;} /* Server Error */ .server_error .mod-listing.bullets{margin:20px;} .server_error .mod-listing.bullets > ul{list-style:disc;} .server_error .mod-listing.bullets > ul > li:before{display:none;} /* Cart */ .mod-listing.cart > ul > li{display:block;border-bottom: 1px solid #efefef;width:100%;padding:3px 0;} .mod-listing.cart > ul > li + li{margin:0;} .mod-listing.cart > ul > li:first-child{border-top: 1px solid #efefef;} .mod-listing.cart > ul > li > .image, .mod-listing.cart > ul > li > .content{display: table-cell;vertical-align: middle;} .mod-listing.cart > ul > li > .content > h5{font-size:14px;line-height:14px;margin:0 0 2px;} .mod-listing.cart > ul > li > .content > h5 > span{ display: inline-block; font-size: 36px; margin-right: 1px; position: relative; top: 7px; } .ss .mod-listing.cart > ul > li > .content{padding-left:18px;} .mod-listing.cart > ul > li > .image{width:36px;padding:7px 0;} .mod-listing.cart > ul > li > .image > img{width:36px;margin:0 auto;} .mod-listing.cart > ul > li > .content > a{ color:#878785; font-size:14px; border:none; display: block; padding:7px 0 7px 56px; width: 208px; position: relative; z-index: 2; margin: 0 0 0 -36px; } .mod-listing.cart > ul > li > .content > a:hover{color:#bf1e39;} /* Details (news/events or any other general list of detailed information potentially w/ icons) */ .mod-listing.details + *{margin-top:0;} .mod-listing.details + img{margin-top:30px;} .mod-listing.details ul > li{display: inline-block;margin: 0 10px 0 0;} /* Icons */ .mod-listing.details ul > li > .icon{margin-right:4px;position:relative;} /* Filter */ .mod-listing.filter + *{margin-top:13px;} .mod-listing.filter > h5{font-size:14px;margin:0 0 5px;} .mod-listing.filter > ul > li + li{margin:4px 0 0;} .mod-listing.filter > ul > li > a{ display: block; position:relative; padding:0 20px 0 0; font-size:16px; color:#878787; border:none; } .mod-listing.filter > ul > li > a:hover, .mod-listing.filter > ul > li > .active{color:#bf1e39;} .mod-listing.filter > ul > li > .active:hover{color:#878787;} .mod-listing.filter > ul > li > .active:after{ content: ''; display: block; width: 11px; height: 11px; position: absolute; top:4px; right:0; background: url('../images/sprite.png') no-repeat -27px -80px; } .mod-listing.filter > ul > li > .active:hover:after{background-position: -39px -80px;} /* Left Nav Version */ #left_nav .mod-listing.filter > ul > li > .active:after{display: none;} #left_nav .mod-listing.filter > ul > li > .active:hover{color: #bf1e39;} /* Filter Selections */ .mod-listing.filter_selections{background: #ebe9e8;padding:12px 25px 8px;} .mod-listing.filter_selections > ul > li{ margin:0 4px 5px 0; display: block; float:left; } .mod-listing.filter_selections > ul > li:first-child{margin:0 0 5px;width: 100%;} .mod-listing.filter_selections > ul > li:first-child > span{font-size:16px;} .mod-listing.filter_selections > ul > li a{color:#878787;border:none;position:relative;top:1px;} .mod-listing.filter_selections > ul > li a:hover{color:#bf1e39;} /* Icons */ .mod-listing.icons{margin:12px 0 2px;} .mod-listing.icons > ul > li{font-size:14px;line-height:15px;padding:0 0 0 26px;} .mod-listing.icons > ul > li + li{margin:8px 0 0;} .mod-listing.icons > ul > li > a{ position: relative; color: #878785; border:none; } .mod-listing.icons > ul > li > a:hover{border-bottom: 1px solid #878785;} .mod-listing.icons > ul > li > a > .icon{margin-right: 5px; inline-size: 14px; block-size: 14px;} /* Links (gray) */ .mod-listing.links > ul > li{font-size:12px;} .mod-listing.links > ul > li + li{margin:0;} .mod-listing.links > ul > li > a{color:#99908d;border:none;} .mod-listing.links > ul > li > a:hover{border-bottom: 1px solid #99908d;} /* Red */ .mod-listing.links.red{margin:10px 0 0;} .mod-listing.links.red > ul > li{font-size:14px;} .mod-listing.links.red > ul > li + li{margin:5px 0 0;} .mod-listing.links.red > ul > li > a{color:#bf1e39;border:none;} .mod-listing.links.red > ul > li > a:hover{color:#878785;} /* Sample Cart (full list) */ .mod-listing.sample_cart{margin-top:32px;} .mod-listing.sample_cart > ul > li{ border:1px solid #ccc; border-radius:10px; padding: 9px; width: 78%; position: relative; z-index: 1; } .mod-listing.sample_cart > ul > li + li{margin-top:9px;} .mod-listing.sample_cart > ul > li.selected{z-index:2;} .mod-listing.sample_cart > ul > li > .trigger-delete_cart_item{ position: absolute; top:0; right:-123px; } .recommended-product__cart .trigger-add_cart{ position: absolute; top:0; right:-140px; } .mod-listing.sample_cart > a{margin-top:40px;} /* Image */ .mod-listing.sample_cart > ul > li > .image{width:20%;float:left;padding:0 10px;} .mod-listing.sample_cart > ul > li > .image > img{width:100%;} /* Content */ .mod-listing.sample_cart > ul > li > .content{width:80%;float:left;} .mod-listing.sample_cart > ul > li > .content p{ margin:9px 0 0; font-size: 12px; line-height: 15px; } /* Header */ .mod-listing.sample_cart > ul > li > .content > .header{position: relative;border-bottom: 1px solid #ccc;} .mod-listing.sample_cart > ul > li > .content > .header > h4{ font-size:15px; text-transform:none; /*padding:0 120px 0 0;*/ word-break: break-word; } .mod-listing.sample_cart > ul > li > .content > .header > .mod-dropdown{ position: absolute; right:0; top: -5px; margin:0; z-index: 10; } .mod-listing.sample_cart > ul > li > .content > .header > .mod-dropdown .label{line-height:25px;} .mod-listing.sample_cart > ul > li > .content > .header > .mod-dropdown .btn2{ height: 27px; line-height: 27px; } .mod-listing.sample_cart > ul > li > .content > .header > .mod-dropdown .content{ top:26px; } /* myHollister Adjustments */ .myHollister .mod-listing.sample_cart > ul > li{width:100%;} .myHollister .mod-listing.sample_cart > ul > li > .content > .header > h4{ font-size: 16px; padding-right: 55px; margin:8px 0 16px; } .myHollister .mod-listing.sample_cart > ul > li > .trigger-delete_cart_item{ right: 11px;top:8px; min-width: inherit; width: 35px; } .myHollister .mod-listing.sample_cart > ul > li > .content{float:none;width:100%;} .myHollister .mod-listing.sample_cart > ul > li > .content > ul{padding: 0;} .myHollister .mod-listing.sample_cart > ul > li > .content > ul > li{ float: left; position: relative; margin:9px 15px 0 0; height: 31px; line-height: 31px; } .myHollister .mod-listing.sample_cart > ul > li > .content > ul > li > label{color: #716F71;font-size:14px;} .myHollister .mod-listing.sample_cart > ul > li > .content > ul > li > input[type="text"]{width:40px;} /* Multicols */ .mod-multicols{clear:both;} /* Images */ .mod-multicols .col > .media_container img{width:100%;display:block; object-fit: cover;} .mod-multicols .col > .media_container.full-height img{width:100%;display:block; object-fit: cover; block-size: 100%;} .mod-multicols .col > .media_container .notFullyResponsive{ width: auto; max-width:100%;margin:0 auto;} .mod-multicols .col > .media_container .notFullyResponsive.left{margin:0;} .mod-multicols .col > .media_container .notFullyResponsive.right{margin:0 0 0 auto;} /* Background Image */ .mod-multicols .cols.hasBackgroundImage, .mod-multicols .multicols.hasBackgroundImage{ background: none no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /* Columns(display:table version, multicols uses the version set in [/css/reset.css:175-190]) */ .mod-multicols .cols{ display:flex; width:100%; margin: 15px 0; } .mod-multicols .multicols{margin:15px 0;} .mod-multicols .cols .col{display:table-cell;vertical-align:top;} /* Various Layouts */ .mod-multicols .cols .col{width:100%;} .mod-multicols .cols.cols2 .col{width:50%;} .mod-multicols .cols.cols3 .col{width:33.3333%;} .mod-multicols .cols.cols4 .col{width:25%;} .mod-multicols .cols.cols5 .col{width:20%;} .mod-multicols .cols.cols6 .col{width:16.6666%;} /* Two Column Variants */ /* 75% by 25% & Reverse(i.e. r) */ .mod-multicols .cols.cols-75x25 .col:first-child{width:75%;} .mod-multicols .cols.cols-75x25 .col:last-child{width:25%;} .mod-multicols .cols.cols-75x25r .col:first-child{width:25%;} .mod-multicols .cols.cols-75x25r .col:last-child{width:75%;} /* Multicols Variant */ .mod-multicols .multicols.cols-75x25 .col:first-child{width:74%;} .mod-multicols .multicols.cols-75x25 .col:last-child{width:24%;} .mod-multicols .multicols.cols-75x25r .col:first-child{width:24%;} .mod-multicols .multicols.cols-75x25r .col:last-child{width:74%;} /* 66% by 33% & Reverse(i.e. r) */ .mod-multicols .cols.cols-66x33 .col:first-child{width:66.6666%;} .mod-multicols .cols.cols-66x33 .col:last-child{width:33.3333%;} .mod-multicols .cols.cols-66x33r .col:first-child{width:33.3333%;} .mod-multicols .cols.cols-66x33r .col:last-child{width:66.6666%;} /* Multicols Variant */ .mod-multicols .multicols.cols-66x33 .col:first-child{width:65.6666%;} .mod-multicols .multicols.cols-66x33 .col:last-child{width:32.3333%;} .mod-multicols .multicols.cols-66x33r .col:first-child{width:32.3333%;} .mod-multicols .multicols.cols-66x33r .col:last-child{width:65.6666%;} /* 60% by 40% & REverse(i.e. r) */ .mod-multicols .cols.cols-60x40 .col:first-child{width:60%;} .mod-multicols .cols.cols-60x40 .col:last-child{width:40%;} .mod-multicols .cols.cols-60x40r .col:first-child{width:40%;} .mod-multicols .cols.cols-60x40r .col:last-child{width:60%;} /* Multicols Variant */ .mod-multicols .multicols.cols-60x40 .col:first-child{width:59%;} .mod-multicols .multicols.cols-60x40 .col:last-child{width:39%;} .mod-multicols .multicols.cols-60x40r .col:first-child{width:39%;} .mod-multicols .multicols.cols-60x40r .col:last-child{width:59%;} /* Three Column Variants */ /* 50% x1 & 25% x2 */ .mod-multicols .cols.cols-50x25x25 .col{width:25%;} .mod-multicols .cols.cols-50x25x25 .col:first-child{width:50%;} .mod-multicols .cols.cols-50x25x25a .col{width:25%;} .mod-multicols .cols.cols-50x25x25a .col:first-child + .col{width:50%;} .mod-multicols .cols.cols-50x25x25r .col{width:25%;} .mod-multicols .cols.cols-50x25x25r .col:last-child{width:50%;} /* Multicols Variant */ .mod-multicols .multicols.cols-50x25x25 .col{width:23%;} .mod-multicols .multicols.cols-50x25x25 .col:first-child{width:48%;} .mod-multicols .multicols.cols-50x25x25a .col{width:23%;} .mod-multicols .multicols.cols-50x25x25a .col:first-child + .col{width:48%;} .mod-multicols .multicols.cols-50x25x25r .col{width:23%;} .mod-multicols .multicols.cols-50x25x25r .col:last-child{width:48%;} /* Spacing for columns */ .mod-multicols .col{padding:15px 0;} .mod-multicols .col > div{padding:0 15px;} .mod-multicols .col > a{padding:0 15px;display: block;border: 0;} .mod-multicols .col .content h5{color:#666;} .mod-multicols .col:hover .content h5{color:#bf1e39;} .mod-multicols .col > div > *:last-child{margin-bottom:0;} .mod-multicols .col > .no-padding{padding:0;} .mod-multicols .col.no-padding-top{padding-top:0;} .mod-multicols .col.no-padding-bottom{padding-bottom:0;} .mod-multicols .col.no-vertical-padding{padding-top:0;padding-bottom:0;} .mod-multicols .col.no-vertical-padding[class*="bg-"] > div:last-child{padding-bottom:15px;} .mod-multicols .col.no-vertical-padding[class*="bg-"] > .media_container:last-child{padding-bottom:0;} .mod-multicols .col.no-vertical-padding[class*="style"] > div:last-child{padding-bottom:15px;} .mod-multicols .col.no-vertical-padding[class*="style"] > .media_container:last-child{padding-bottom:0; block-size: 100%;} .mod-multicols .col > div + div{padding-top:15px;} .mod-multicols .col > div + a{padding-top:15px;} /* Background Colors & Text Colors */ .mod-multicols .col.no-bg{background: none;} /* Default(i.e. white, no class) */ .mod-multicols h6{color:#bf1e39;} .mod-multicols .col{background: #fff;position:relative;} .mod-multicols .col.semiTransparent{background: rgba(255,255,255,.9);} /* Red (class = higlight because dansac's = orange and want to maintain consistent classes) */ .mod-multicols .col.bg-highlight{background: #bf1e39;} .mod-multicols .col.bg-highlight.semiTransparent{background: rgba(191,30,57,.9);} .mod-multicols .col.bg-highlight > .header > *, .mod-multicols .col.bg-highlight > .content > *{color:#fff;} .mod-multicols .col.bg-highlight a:not(.btn){color:#fff;border-color:#fff;} .mod-multicols .col.bg-highlight .btn.outline{color: #fff;border-color:#fff;} .mod-multicols .col.bg-highlight .btn.outline:hover{ background: #878785; border-color: #878785; } /* Light Gray */ .mod-multicols .col.bg-gray-light{background: #ebe9e8;} .mod-multicols .col.bg-gray-light.semiTransparent{background: rgba(235,233,232,.9);} /* Dark Gray */ .mod-multicols .col.bg-gray-dark{background: #878785;} .mod-multicols .col.bg-gray-dark.semiTransparent{background: rgba(135,135,133,.9);} .mod-multicols .col.bg-gray-dark > .header > *, .mod-multicols .col.bg-gray-dark > .content > *{color:#fff;} .mod-multicols .col.bg-gray-dark .btn.outline{color: #fff;border-color: #fff;} .mod-multicols .col.bg-gray-dark .btn.outline:hover{ background: #bf1e39; border-color: #bf1e39; } /* Black */ .mod-multicols .col.bg-black{background: #000;} .mod-multicols .col.bg-black.semiTransparent{background: rgba(0,0,0,.9);} .mod-multicols .col.bg-black > .header > *, .mod-multicols .col.bg-black > .content > *{color:#fff;} /* Borders & Shadows */ .mod-multicols .col[class*="border"]{border:1px solid #efefef;} .mod-multicols .col.border-white{border-color:#fff;} .mod-multicols .col.border-highlight{border-color:#bf1e39;} .mod-multicols .col.border-gray-light{border-color:#ebe9e8;} .mod-multicols .col.border-gray-dark{border-color:#878785;} .mod-multicols .cols.border-rounded, .mod-multicols .multicols.border-rounded, .mod-multicols .col.border-rounded{border-radius: 5px;overflow:hidden;} .mod-multicols .cols.shadow, .mod-multicols .multicols.shadow, .mod-multicols .col.shadow{ -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.3); box-shadow: 0 0 10px 0 rgba(0,0,0,.3); } /* Various Layouts */ /* Article Listing */ .mod-multicols.article_listing h5 a{color:#666;border:none;} .mod-multicols.article_listing h5 a:hover, .mod-multicols.article_listing h5 a:focus{color:#bf1e39;} /* Multi Cols */ .mod-multicols.article_listing .col{ -webkit-transition: transform .5s, box-shadow .5s; transition: transform .5s, box-shadow .5s; padding-bottom: 45px; display: block; } .mod-multicols.article_listing .col:hover{ -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); z-index: 100; -webkit-box-shadow: 0 0 15px 4px rgba(0,0,0,.20); box-shadow: 0 0 15px 4px rgba(0,0,0,.20); } .mod-multicols.article_listing .mod-recommended{ position: absolute; width: 100%; bottom:12px; } /* Tags */ .mod-multicols.article_listing .tags{margin-top:10px;line-height:1.5;font-size:12px;position: relative;z-index: 2;} .mod-multicols.article_listing .tags .tag{border:none;cursor:pointer;display:inline-block;color:#bf1e39;} .mod-multicols.article_listing .tags .tag:hover, .mod-multicols.article_listing .tags .tag:focus{border-bottom: 1px solid #bf1e39;} .mod-multicols.article_listing .tags .icon{position:relative;top:2px;} /* Secure Start Login Dependant CTA */ .mod-multicols.ss-login-cta{padding:30px 0 40px;} .mod-multicols.ss-login-cta .cols{margin:0;} .mod-multicols.ss-login-cta h3{ color: #bf1e39; font-size: 24px; line-height: 32px; margin-top: 10px; } /* Multicols(non-module) Overrides */ /* Module Content */ .multicols.mod-content + .btn_container{margin-top:70px;} .multicols.mod-content > .col1{width:550px;} .multicols.mod-content > .col1 > h3{margin-bottom:19px;} .multicols.mod-content > .col2{ padding:8px 0 0; width:302px; text-align:right; float: right; } .multicols.mod-content > .col2 > img{display:block;width:100%;} .multicols.mod-content > .col2 > img + img{margin-top:7px;} /* Previous / Next Container */ .multicols.prev_next_container{margin-top:8px;} * + .multicols.prev_next_container{margin-top:20px;} .multicols.prev_next_container + *{margin-top:30px;} /* News + Events */ h2 + .mod-news_events, p + .mod-news_events, .mod-news_events + h2{margin-top:20px;} .mod-news_events > .item{position:relative;} .mod-news_events > .item + .item{margin-top:30px;} /* Structure - Image + Content */ .mod-news_events > .item > .image{ float: left; width: 20%; padding: 0 15px; } .mod-news_events > .item > .image > img{width:100%;} .mod-news_events > .item > .image + .content{ float: left; width:80%; padding-left: 15px; } /* Content */ .mod-news_events > .item > .content > h3{ font-size: 16px; color: #bf1e39; margin:0 0 3px; } .mod-news_events > .item > .content > a{border:none;} .mod-news_events > .item > .content > a:hover{border-bottom:1px solid #bf1e39;} .mod-news_events > .item > .content > a > .icon{top:0;margin-left:3px;} /* Notice */ .mod-notice{border:1px dotted #bf1e39;padding:15px;text-align:center;} .mod-notice > p{margin:0;line-height:16px;} .mod-notice > p > .help{margin-left:3px;position:relative;top:1px;} /* myH Form */ .mod-myh_form{padding: 25px 15px 25px 25px;background: #fdf7f7;} .mod-myh_form.plain{padding:0;background:none;} .mod-myh_form .mod-errors{width:98%;} .mod-myh_form fieldset:last-child{margin-bottom:0;} .mod-myh_form fieldset > ul{width:100%;} /* Order Details */ .mod-order_details .multicols.cols3 .col1{width: 25%;} .mod-order_details .multicols.cols3 .col2{width: 33%;} .mod-order_details .multicols.cols3 .col3{width: 38%;} /* Pagination */ .mod-pagination ul{padding:0;} .mod-pagination ul li{float:left;} .mod-pagination .spacer{margin:0 -5px 0 5px;width:auto;height:auto;} .mod-pagination li + li{margin:0 0 0 10px;} .mod-pagination li > a{color: #878785;border:none;padding:5px;} .mod-pagination li > a:hover{color:#bf1e39;} .mod-pagination .active > a{font-weight:bold;} .mod-pagination .active > a:hover{color:#878785;cursor:default;} /* Prev / Next links */ .mod-pagination .prev_next > a{color:#bf1e39;font-weight:bold;} .mod-pagination .prev_next > a:hover{color:#878785;} .mod-pagination .prev_next.disabled > a, .mod-pagination .prev_next.disabled > a:hover{color:#878785;cursor:default;} /* Utility */ .mod-pagination.centered{text-align: center;} .mod-pagination.centered > ul{display: inline-block;} /* Margins */ .table_container + .mod-pagination{margin-top:20px;} /* Pagination Container */ .mod-pagination_container{margin:25px 0;} .mod-pagination_container p{font-size:12px;} .mod-pagination_container .mod-pagination{float:right;} /* Related Articles */ .mod-related_articles > h3{margin-bottom:15px;} .mod-related_articles h3 > a{color:#bf1e39;} .mod-related_articles h3 > a:hover{color:#878787;} .mod-related_articles ul{padding:0;} .mod-related_articles ul > li > p{margin:0 0 3px;} /* Recommended */ .mod-recommended{ padding: 20px 20px 13px; background: #e9e9e9; border-bottom: 2px solid #ccc7c5; color: #bf1e39; font-size: 17px; margin:30px 0 0; } .mod-recommended > ul{text-align:right;padding:0;} .mod-recommended > ul > li{display: inline-block;margin:0 0 0 10px;} /* Text Sizing */ .mod-recommended li > a, .mod-recommended li > span{border:none;cursor:pointer;} .mod-recommended .txt-number{font-size:36px;} /* Tooltip Display */ .mod-recommended li > .template{display:none;} .mod-recommended .shareTooltip{width:168px;padding:10px;margin-top:-10px;} .mod-recommended .shareTooltip ul{padding:0;} .mod-recommended .shareTooltip ul li{float:left;line-height:29px;height:29px;} .mod-recommended .shareTooltip ul li + li{margin:0 0 0 10px;} .mod-recommended .shareTooltip .icon{margin:0;} /* Icons */ .mod-recommended .icon{margin-right:5px;} .mod-recommended .opened > .share, .mod-recommended span:hover > .share{background-position: -270px -158px;} .mod-recommended .js-recommend.isRecommended > .star, .mod-recommended .js-recommend:hover > .star{background-position: -300px -181px;} /* .mod-recommended .js-recommend.isRecommended:hover > .star{background-position: -270px -181px;} */ .mod-recommended .js-recommend{display: inline-block;} /* Small Variant */ .mod-recommended.small{background: none;border: none;} .mod-recommended.small > ul{text-align: left;} .mod-recommended.small > ul > li{margin:0 10px 0 0;} .mod-recommended.small .txt-number{font-size:16px;margin:0 3px 0 0;} .mod-recommended.small .icon{margin:0;} .mod-recommended.small .star{ position: relative; top: 7px; -moz-transform: scale(.6); -webkit-transform: scale(.6); -o-transform: scale(.6); -ms-transform: scale(.6); transform: scale(.6); } /* Results Options */ .mod-results_options.right{float:right;min-width:280px;} .mod-results_options > ul{padding:0;} .mod-results_options > ul > li{float:left;font-size:14px;line-height:19px;color:#878785;} .mod-results_options > ul > .label{padding:7px 0;} .mod-results_options > ul > .select{width:220px;} .mod-results_options > ul > li + li{margin:0 0 0 10px;} .mod-results_options > ul > li > a{ color:#878785; border: 1px solid #ddd; border-radius: 5px; display: block; padding:7px 8px; } .mod-results_options > ul > li > a.active, .mod-results_options > ul > li > a:hover{color: #bf1e39;} /* Utility Classes */ .mod-results_options.align-right{text-align:right;} .mod-results_options.align-right > ul{display: inline-block;} /* Clear ALl */ .mod-results_options .mod-filter_selections{ position: absolute; width:auto; top:-10px; right:-18px; margin: 0; } .mod-results_options .mod-filter_selections .content{background:none;} .mod-results_options .mod-filter_selections .content li{margin:0;} /* Search */ .mod-search{margin:8px 0 22px;} .mod-search > p{font-size:12px;line-height:14px;} .mod-search > input{margin:0 0 10px;} /* Search v2 */ .mod-search2{background:#fdf7f7;} .mod-search2 .multicols.cols2 > .col{padding:30px 15px;} .mod-search2 .multicols.cols2 > .col1{width:75%;margin:0;} .mod-search2 .multicols.cols2 > .col2{ width:25%; margin:0; text-align:center; position:relative; } .mod-search2 .multicols.cols2 > .col2:before{ content: ''; position:absolute; width:2px; top:0;bottom:0; left: -1px; background: #fff; } .mod-search2 .multicols.cols2 > .col2 h6{ text-transform: none; font-size: 14px; color:#716f71; margin-bottom: 10px; } .mod-search2 .search > input{ width:70%; max-width:400px; float:left; padding:7px; height: 35px; } .mod-search2 .search > button{float:left;margin-left:10px;} /* Search Summary */ .mod-search_summary{margin:13px 0 0;position:relative;z-index:2;} .mod-search_summary:after{ content: ''; background: #fcfbf9; position: absolute; top:-13px;right:-200px;bottom:-20px;left:-50px; z-index:-1; } .mod-search_summary > ul{padding:0;} .mod-search_summary > ul > li{float:left;margin:0;} .mod-search_summary .summary{width:65%;} /* Sort By */ .mod-search_summary .sortby{width:35%;text-align:right;} /* Drop Down */ .mod-search_summary .mod-dropdown{margin-top:-10px;} /* Search Results */ .mod-search_results{margin-top:20px;} .mod-search_results > .item > h5{font-size:14px;margin:0 0 5px;} .mod-search_results > .item > h5 > a{color:#bf1e39;border:none;} .mod-search_results > .item > h5 > a:hover{color:#878785;} .mod-search_results > .item + .item{margin-top:4px;} /* Breadcrumbs */ .mod-search_results .mod-listing.breadcrumbs{margin-top:-4px;} .mod-search_results .mod-listing.breadcrumbs > ul > li{font-size:14px;color: #bf1e39;} .mod-search_results .mod-listing.breadcrumbs > ul > li > a{color: #bf1e39;display:block;} .mod-search_results .mod-listing.breadcrumbs > ul > li > a:hover{color:#878785;} .mod-search_results .mod-listing.breadcrumbs > ul > li > a:before{top:-2px;color: #bf1e39;} /* Search IFU */ .mod-search_ifu {background:#edecea;padding:20px;} .mod-search_ifu label {padding-bottom:10px;} .mod-search_ifu input[type="text"], .mod-search_ifu select {height:34px;} .mod-search_ifu select, .mod-search_ifu select option {text-transform:uppercase;} .mod-search_ifu label.tip, .mod-search_ifu .mod-support {float:left;} .mod-search_ifu .mod-support a .icon-question { content: ''; display: block; width: 13px; height: 12px; background-image: url('../images/sprite.png'); background-repeat:no-repeat; background-position: -228px 0; position:relative; top:4px; left:6px; } .mod-search_ifu .mod-support a:hover .icon-question {background-position: -298px -121px;} .mod-search_ifu input[type="submit"]::before { content: ''; display: block; width: 13px; height: 14px; background-image: url('../images/sprite.png'); background-repeat:no-repeat; background-position: 0 -23px; } .mod-search_ifu .mod-search_summary {background:#fff;} .mod-search_ifu button { font-size:14px; min-width:127px; margin-top:25px; } .mod-search_ifu .icon-search::before { content: ''; display: inline-block; width: 13px; height: 13px; position:relative; top:2px; margin-right:6px; background-image: url('../images/sprite.png'); background-repeat:no-repeat; background-position: 0 -25px; color:#fff; } /* Signature */ .mod-signature{margin:20px 0;} .mod-signature .multicols{margin:40px 0 20px;} .mod-signature .multicols .col1{width:55%;} .mod-signature .multicols .col2{width:35%;} .mod-signature .multicols .col{border-bottom:1px solid #716F71;} .mod-signature .multicols .col span{ display: inline-block; padding:0 20px 0 0; background: #fff; position: relative; top:2px; } /* Site Search */ .mod-site_search{position:relative;} .mod-site_search.half{width:50%;} .mod-site_search > .field{margin:0 28px 0 0;} .mod-site_search > .field > input{ border:1px solid #cfcac9; border-right:0; border-bottom:1px solid #f5f3ef; border-radius:0; padding:2px 5px 0; text-transform: uppercase; outline: none; height: 28px; line-height: 28px; } .mod-site_search > button{ background: #bf1e39; width: 28px; height: 28px; border-radius: 0; border:none; padding: 0; position: absolute; top:0; right:0; } .mod-site_search > button > .icon{display: block;margin: 0 auto;} /* Disabled Loading */ .mod-site_search > button.loading{ background: url('../images/ajax-loader.gif') no-repeat center center !important; } .mod-site_search > button.loading > span{display:none !important;} /* Stock Number & Some 'Alt' Styles (more below) */ .mod-site_search.stock, .mod-site_search.alt{margin:30px 0;} .mod-site_search.stock h5{color:#bf1e39;font-size:14px;font-weight:bold;margin:0 0 20px;} .mod-site_search.stock > .field, .mod-site_search.alt > .field{width:40%;display:block;margin-right:5px;float:left;} .mod-site_search.alt > .field > input, .mod-site_search.stock > .field > input{ border:1px solid #ebe9e8; border-radius: 5px; height: 34px; line-height: 100%; padding:8px 10px; } .mod-site_search.alt > button, .mod-site_search.stock > button{ display: block; background: none; width: 36px; height: 34px; float:left; position: relative; right:auto; top:auto; } .mod-site_search.stock > .verification{ color: #bf1e39; display: none; height: 34px; line-height: 34px; margin:0 0 0 10px; float:left; } .mod-site_search.stock > .verification.visible{display:block;} /* Alternative Utility */ /* Alt Version */ .mod-site_search.alt > button{background:#bf1e39;border-radius:5px;} .mod-site_search.alt > button:hover, .mod-site_search.alt > button:focus{background:#878785;} /* Text - Lower Case */ .mod-site_search.txt-lower > .field > input{text-transform: none;} /* Button - Text */ .mod-site_search.btn-text > .field{margin-right: 80px !important;} .mod-site_search.btn-text > button{width: 80px !important;} /* myHollister Adjustments */ .myHollister .mod-site_search > .field{margin:0 31px 0 0;} .myHollister .mod-site_search > .field > input{ border:1px solid #d9d5d4; border-right:0; border-radius:5px 0 0 5px; padding: 5px 8px 7px; height: 31px; } .myHollister .mod-site_search > button{ width: 31px; height: 31px; border-radius: 0 5px 5px 0; } /* Search Tools */ .mod-search_tools > .mod-site_search{width:85%;max-width:320px;} .launch-search_filters > .icon.arrow-lg-right{background-position:-67px -42px;} .mod-search_tools.visible-phone + .module{margin-top:0;} /* Standalone Callout */ .mod-standalone_callout{ background: #f5f4f3; padding:35px 30px; text-align: center; } .mod-standalone_callout.small{padding:15px 25px;} .mod-standalone_callout > *:last-child{margin-bottom:0;} .mod-standalone_callout > h3{font-size: 20px;color: #6e6259;} .mod-standalone_callout > h6{font-size:14px;color:#6e6259;text-transform:none;} .mod-standalone_callout > p{color:#6e6259;margin-bottom:20px;} .mod-standalone_callout > .btn{width:80%;} /* Floated */ .mod-standalone_callout.float_right{width:38%;margin:0 0 20px 40px;} .mod-standalone_callout.float_right + *{margin-top:10px;} /* Steps (i.e. progress, part 1 of 4) */ .mod-steps{text-align: center;} .mod-steps > ul{display:inline-block;} .mod-steps > ul > li{ display: inline-block; text-align: center; font-size: 11px; color: #6e6259; text-transform: uppercase; position: relative; width:155px; margin:0; font-weight: bold; vertical-align: top; } .mod-steps > ul > li:hover{color:#bf1e39 !important;} .mod-steps > ul > li.noHover:hover{color:#6e6259 !important;} .mod-steps > ul > li.noHover.complete:hover{color:#878785 !important;} .mod-steps > ul > li + li:before{ /* dashed line between items */ content: ''; width: 70px; height: 1px; background: url('../images/ss-progress-bar.png') no-repeat 0 -2px; position: absolute; top:33px; left:-37px; } .mod-steps > ul > li.complete{color:#878785;} .mod-steps > ul > li.complete + li:before{background-position:0 0;} .mod-steps > ul > li.active{color:#bf1e39;} .mod-steps > ul > li > a{ position: absolute; left:0;right:0;top:0;bottom:0; border:none; } .mod-steps > ul > li > .image{ display:block; width: 65px; height: 65px; overflow: hidden; margin:0 auto 10px; } .mod-steps > ul > li > .image img{display:block;width:100%;position:relative;} .mod-steps > ul > li.active > .image img{top:-67px;} .mod-steps > ul > li.complete > .image img{top:-134px;} /* Summary */ .mod-summary{ background: #ebe9e8; padding:15px; position: relative; margin-top:10px; } .mod-summary:before{ content: ''; position: absolute; height: 1px; width: 100%; background: #ebe9e8; top:-5px; left:0; } .mod-summary .col + .col:before{ content: ''; position: absolute; width: 1px; top:-15px;bottom:-15px; margin-left:-15px; background: #fff; } .mod-summary h6{color:#bf1e39;text-transform: none;font-size:14px;} .mod-summary h6 a{color: #bf1e39;border-bottom: 1px solid #bf1e39;} .mod-summary h6 a:hover{border:none;} .mod-summary .icon{margin-right:7px;} /* Support */ .mod-support ul{ list-style:none; display:flex; justify-content: center; width:100%; padding:0; } .mod-support ul li{display: flex;align-items:center;position:relative;} .mod-support ul li + li{margin:0;} .mod-support ul li h5{ font-size:24px; line-height:28px; color:#666; text-align: center; } .mod-support ul li a{ font-size: 17px; line-height: 20px; display: block; padding: 10px 10px 10px 65px; border:none; } .mod-support ul li a:hover, .mod-support ul li a:focus{color: #222;} .mod-support ul li a > span{ display: block; font-size:14px; line-height:16px; color:#666; } .mod-support ul li a > img{position: absolute;left:10px;top:50%;margin-top:-22px;} /* Change Widths Based on Items */ .mod-support.items-4 ul li{width:25%;} .mod-support.items-3 ul li{width:33%;} .mod-support.items-2 ul li{width:50%;} /* Video */ .mod-video{ position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .mod-video iframe, .mod-video object, .mod-video embed, .mod-video video, .mod-video .video-js { /* brightcove class */ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:none; } /* AWS 3.3 - Callouts -----------------------------------------------------------------------*/ .callout{padding:15px;} * + .callout,.callout + *{margin-top:20px;} /* Base Callout Styles */ .callout > .button{margin-top:17px;} .callout > .content > a{color:#fff;font-size: 10px;border-color:#fff;} .product_details .sidebar .callout > .content > a{ color:#878785; font-size:12px; display: inline-block; margin-top:7px; border:none; } .product_details .callout > .content > a .arrow-link{top:0;} .product_details .callout > .content > a:hover{color:#bf1e39;} .product_details .callout > .content > a:hover .arrow-link{background-position:-76px -43px;} /* Image */ .callout > .image{margin:0 0 5px -15px;} /* Banner */ .callout.banner{padding:0;} .callout.banner a{border:none;} .callout.banner a img{width:100%;} /* First */ .callout.first{background:#998f8c;padding:5px 15px 18px;} .callout.first > .header > h3{font-size:43px;color:#fff;line-height:45px;margin:0 0 5px;} .callout.first > .content > p{color:#fff;} .callout.first > .image{margin-top:-5px;} /* Second */ #sidebar .callout.second{padding:17px 10px 18px 15px;} .callout.second{background: #ebe9e8;} .callout.second > .header + .content{margin:11px 0 0;} .callout.second > .header.hidden-desktop + .content{margin:0;} .callout.second > .content{height:215px;} .callout.second.alt > .content{height:auto;} .callout.second > .header > h3 > a{border-bottom: 1px solid #878787;} .callout.second > .header > h3 > a:hover{border-color: #bf1e39;} .callout.second h6{ color: #998f8c; font-size:14px; line-height:14px; text-transform:none; margin-bottom:0; } .callout.second p{line-height:16px;} /* Listings */ .callout.second .mod-listing{padding:0 0 5px;} .callout.second .mod-listing li{font-size: 12px;line-height:14px;color:#878785;} .callout.second .mod-listing li + li{margin-top:17px;} /* Details */ .callout .mod-listing.details{padding:0;} .callout .mod-listing.details + h6{margin-top:5px;} .callout .mod-listing.details li{display:inline;padding-right:5px;margin-right:0;} /* Make Icons here use small varients */ .callout .mod-listing.details .icon.calendar{ top:1px; background-position: -134px -176px;width:11px;height:13px; } .callout .mod-listing.details .icon.clock{ background-position: -146px -178px;width:10px;height:11px; } .callout .mod-listing.details .icon.location{ background-position: -157px -178px;width:7px;height:11px; } /* Third/Fourth */ .callout.third,.callout.fourth{padding:20px 15px;text-align:center;background:#fff;} .callout.third > .header > h3, .callout.fourth > .header > h3{ color:#998f8c; text-transform:uppercase; font-size:18px; margin:0 0 10px; font-weight: bold; } .callout.third > .content > p, .callout.fourth > .content > p{font-size:12px;line-height:14px;color:#878785;} /* Site Portal */ .callout.site_portal{ border-radius: 10px; height: 250px; overflow: hidden; padding: 0; } .callout.site_portal.full{height:auto;} .callout.site_portal.full > .content{float:none;width:100%;height:auto;} .callout.site_portal.full > .content > .btn{position:static;margin-top:22px;} /* Content */ .callout.site_portal > .content{ float:left; background: #fff; width:300px; height: 248px; padding:20px; position: relative; } .callout.site_portal > .content:after{ content: ''; position: absolute; top:50%; right:-10px; margin:-7px 0 0 0; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 10px; border-color: transparent transparent transparent #fff; z-index: 2; } .callout.site_portal > .content p{margin:0;font-size:12px;line-height:16px;} .callout.site_portal > .content > .btn{position:absolute;bottom:20px;border:none;width:230px;} /* Uitlity: Highlight Styles */ .callout.site_portal.highlight > .content{background: #bf1e39;} .callout.site_portal.highlight > .content:after{border-color: transparent transparent transparent #bf1e39;} .callout.site_portal.highlight > .content h2, .callout.site_portal.highlight > .content p{color:#fff;} .callout.site_portal.highlight > .content .btn{border:1px solid #fff;} /* Image */ .callout.site_portal > .image{ float:left; width:358px; height: 248px; overflow: hidden; position: relative; } .mod-grid > .item > .image a{display:block;border:0;} .callout.site_portal > .image img{ position: absolute; top:0;left:50%; margin:0 0 0 -240px; z-index: 0; max-width: inherit; } /* Video */ .callout.site_portal > .image.video{display:table;padding:15px 25px;} .callout.site_portal > .image.video > .mod-video{display:table-cell;position:static;} /* AWS 3.4 - Layouts (i.e. more complex designs, tend to hold one or more modules) ----------*/ /* AWS 3.4.1 - Product Details ----------------------------------------------------------*/ /* .layout.product_details{width:610px;} */ .layout.product_details .launch-sidebar{display:none;} /* Content */ .layout.product_details h5{color:#bf1e39;font-size:14px;} /* Features */ .layout.product_details > .features{margin:38px 0 0;} .layout.product_details > .features > .mod-listing{margin:8px 0 0;} .layout.product_details > .features > .btn_container{margin-top:30px;} .layout.product_details > .features > .btn_container > .btn{ display:inline-block; min-width: 240px; margin-bottom:10px; } /* Specs */ .layout.product_details > .specs{margin-top:39px;} /* Button */ .layout.product_details > .specs .button{width:134px;} .layout.product_details > .specs td.button{padding:0;} .layout.product_details > .specs .button > a{ display:block; width: 36px; height: 36px; line-height: 36px; text-indent: -999px; overflow: hidden; background: url('../images/sprite.png') no-repeat -51px 0; border:none; margin:3px auto; } .layout.product_details > .specs .button > a:hover{background-position:-88px 0;} /* Basket Varient */ .useBasketIcon .layout.product_details > .specs .button > a{background-position: -230px -174px;} .useBasketIcon .layout.product_details > .specs .button > a:hover{background-position: -230px -137px;} /* AWS 3.4.2 - Results Options ----------------------------------------------------------*/ .layout.results_options > .multicols + .multicols{margin-top:20px;} .layout.results_options.bg{background:#ebe9e8;padding:10px;} /* Summary */ .layout.results_options .summary{ background: #fdf7f7; padding:6px 20px 8px; display: table; width: 100%; } .layout.results_options .summary > div{ display: table-cell; vertical-align: middle; float: none; width: 75%; } .layout.results_options .summary > div + div{text-align: right;width:25%;} .layout.results_options .summary > div > p{margin:0;font-size:16px;} /* Layout for Three options */ .layout.results_options.three + *{margin-top:15px;} .layout.results_options.three .mod-results_options > ul > li{float:none;} .layout.results_options.three .mod-results_options > ul > li + li{margin:5px 0 0;} .layout.results_options.three .mod-results_options > ul > .label{padding: 0;} .layout.results_options.three .mod-results_options > ul > .select{width:100%;} /* AWS 3.4.3 - Inception (mini modules/components/callouts w/i sidebar on myHollister) --*/ .layout.inception + *{margin-top:30px;} .layout.inception > h3{ background: #ddd; padding:7px 15px; color: #6e6259; font-size: 14px; line-height: 26px; margin:0; } .layout.inception > h3 > .help{position:relative;top:1px;margin-left:2px;} .layout.inception > .content{padding: 16px 20px 20px;background: #ebe9e8;} /* Forms & Tables */ .layout.inception > .content label{color: #878785;font-weight: normal;margin-bottom: 9px;} .layout.inception > .content input + .btn{margin-top:10px;} .layout.inception > .content table td{ background: none; padding:7px 0; text-align: left; width:50%; vertical-align: bottom; } .layout.inception > .content table tr.total > td{ border-top: 1px solid #ccc; } .layout.inception > .content table tr:first-child > td{padding-top:0;} .layout.inception > .content table td + td, .layout.inception > .content table th + td{border:none;text-align: right;} /* Cols & Buttons */ .layout.inception > .content > * + .cols{ margin-top: 20px; padding-top:20px; border-top: 1px solid #ccc; } .layout.inception > .content > .cols{display: block;} .layout.inception > .content > .cols > div + div{margin-top:20px;} .layout.inception > .content .btn{display: block;width:100%;} .layout.inception > .content > .cols > div > .btn + .btn{margin-top:10px;} /* Loading */ .layout.inception > .content > .cols > div.loading{position: relative;} .layout.inception > .content > .cols > div.loading:after{ content: ''; background: url('../images/ajax-loader2.gif') no-repeat center center; position: absolute; left:0;right:0;bottom:0;top:0; } /* AWS 3.4.4 - myHollister Quick Order --------------------------------------------------*/ .layout.myh_quick_order{ margin: 30px 0; padding: 20px; background: #fdf7f7; } .layout.myh_quick_order > h3{margin:0;} .layout.myh_quick_order > .info{ background: #fff; padding: 10px; text-align: center; margin-top:15px; } .layout.myh_quick_order > .info > p{margin:0;} /* Fields */ .layout.myh_quick_order fieldset{margin:20px 0 5px;} .layout.myh_quick_order fieldset ul{width:100%;} .layout.myh_quick_order fieldset ul li{width: 45%;margin:0 0 11px;} .layout.myh_quick_order fieldset ul li.new_line{margin-left:0;} .layout.myh_quick_order fieldset ul li + li{margin-left:10%;} .layout.myh_quick_order fieldset .multicols.cols2 .col1{width: 73%;} .layout.myh_quick_order fieldset .multicols.cols2 .col2{width: 23%;} /* Buttons & Links */ .layout.myh_quick_order > .multicols.cols2 .col2 > a{ float:right; position: relative; top:8px; } /* AWS 3.4.5 - Account Login/Creation ---------------------------------------------------*/ .layout.login_creation > hr{ width:49%; margin:20px 0 30px; background: none; border-bottom:1px dotted #666; text-align: left; } .layout.login_creation .mod-errors, .layout.login_creation fieldset ul, .layout.login_creation fieldset ul li{width:100%;margin-right:0;} /* AWS 3.4.6 - SS Step 2 ----------------------------------------------------------------*/ .layout.ss-step2 hr{margin:20px 0;} .layout.ss-step2 .mod-pagination{margin-top:0;} /* Left Column (categories, search etc) */ .layout.ss-step2 .column-left{width:238px;float:left;} /* Form Updates */ .layout.ss-step2 .column-left label{color:#6e6259;} .layout.ss-step2 .column-left fieldset{margin:0;} .layout.ss-step2 .column-left fieldset > ul, .layout.ss-step2 .column-left fieldset > ul > li{width:100%;margin:0;} /* Right Column (products, filter selections, etc) */ .layout.ss-step2 .column-right{width:646px;float:right;} /* Site Search Overrides */ .layout.ss-step2 .mod-site_search > .field{margin-right:34px;} .layout.ss-step2 .mod-site_search > .field > input{ padding:0 5px; border-bottom: 1px solid #cfcac9; border-radius: 5px 0 0 5px; height: 34px; line-height: 34px; } .layout.ss-step2 .mod-site_search > button{width:34px;height:34px;border-radius:0 5px 5px 0;} /* Listing: Filter */ .layout.ss-step2 .mod-listing.filter > ul li, .layout.ss-step2 .mod-listing.filter > ul li a{ color: #6e6259; font-size: 14px; border:none; } .layout.ss-step2 .mod-listing.filter > ul li a.active, .layout.ss-step2 .mod-listing.filter > ul li a:hover{color:#bf1e39;} .layout.ss-step2 .mod-listing.filter > ul li a.active:after{display:none;} .layout.ss-step2 .mod-listing.filter > ul > li + li{margin-top:14px;} .layout.ss-step2 .mod-listing.filter > ul > li > ul{margin: 11px 0 0 7px;} .layout.ss-step2 .mod-listing.filter > ul > li > ul > li{ padding: 0 0 0 12px; background: url('../images/bullet-red.png') no-repeat 0 6px; } .layout.ss-step2 .mod-listing.filter > ul > li > ul > li + li{margin-top:11px;} /* Search Summary */ .layout.ss-step2 .mod-search_summary{background: #e0dddc;padding:10px;margin-top:0;} .layout.ss-step2 .mod-search_summary:after{display:none;} .layout.ss-step2 .mod-search_summary .summary{width:100%;text-align:center;} /* Search Listing */ .layout.ss-step2 .mod-grid.search_listing > .content{margin-left:-12px;} .layout.ss-step2 .mod-grid.search_listing > .content > .item{ height: auto; width:207px; margin:0 0 50px 12px; padding-bottom: 35px; position: relative; } .layout.ss-step2 .mod-grid.search_listing > .content > .item > .content{ padding:10px 0 0;margin-bottom:10px; } .layout.ss-step2 .mod-grid.search_listing > .content > .item > .content h4{ font-size: 12px; color: #6e6259; line-height: 16px; } .layout.ss-step2 .mod-grid.search_listing > .content > .item > .content ul{padding:0} .layout.ss-step2 .mod-grid.search_listing > .content > .item > .content ul > li{ font-size:12px; line-height:16px; padding-left: 10px; background: url('../images/bullet.png') no-repeat 0 4px; } .layout.ss-step2 .mod-grid.search_listing > .content > .item > .content ul > li + li{margin-top:1px;} .layout.ss-step2 .mod-grid.search_listing > .content > .item > .footer{ position: absolute; left: 0; width: 100%; bottom: 0; } .layout.ss-step2 .mod-grid.search_listing > .content > .item > .footer .btn{display:block;} .layout.ss-step2 .mod-grid.search_listing > .content > .item > .footer .btn.outline{padding:9px 10px;} .layout.ss-step2 .mod-grid.search_listing > .content > .item > .footer .btn.outline:hover .close{ background-position: -219px -109px; } /* Header */ .layout.ss-step2 .mod-grid.search_listing > .content > .item > .header{display:table;min-height:80px;} .layout.ss-step2 .mod-grid.search_listing > .content > .item > .header > div{ display:table-cell;vertical-align:middle; } .layout.ss-step2 .mod-grid.search_listing > .content > .item > .header > div + div{padding-left:10px;} .layout.ss-step2 .mod-grid.search_listing > .content > .item > .header h3{margin:0;font-size:18px;} .layout.ss-step2 .mod-grid.search_listing > .content > .item > .header p{margin:-3px 0 0;} .layout.ss-step2 .mod-grid.search_listing > .content > .item > .header p > span{ display: inline-block; font-size:36px; margin-right: 1px; position: relative; top:7px; } /* Image & Link */ .layout.ss-step2 .mod-grid.search_listing > .content > .item > .header .image{ width:80px; border:1px solid #ddd; } .layout.ss-step2 .mod-grid.search_listing > .content > .item > .header .image > a{ position: relative;display:block;border:none; } .layout.ss-step2 .mod-grid.search_listing > .content > .item > .header .image > a:after{ content: ''; display: block; width: 17px; height: 18px; background: url('../images/sprite.png') no-repeat -210px -119px; position: absolute; bottom:0; right:0; opacity: .5; } .layout.ss-step2 .mod-grid.search_listing > .content > .item > .header .image > a:hover:after{background-position: -210px -138px;} .layout.ss-step2 .mod-grid.search_listing > .content > .item > .header .image > a > img{display:block;width:100%;} /* AWS 3.4.7 - SS Step 3 ----------------------------------------------------------------*/ .layout.ss-step3 .column-left{width:670px;float:left;} .layout.ss-step3 .column-right{width:220px;float:right;} /* Cart Preview (eventually this should be just the 'mod-cart_preview' styles) */ .layout.ss-step3 .mod-cart_preview{margin:0;} .layout.ss-step3 .mod-cart_preview > ul{border:none;padding:0;} .layout.ss-step3 .mod-cart_preview > ul > li{padding:15px;} .layout.ss-step3 .mod-cart_preview > ul > li > .image{width:80px;float:left;} .layout.ss-step3 .mod-cart_preview > ul > li > .image > img{display:block;width:100%;} .layout.ss-step3 .mod-cart_preview > ul > li > .content{padding-left:100px;} .layout.ss-step3 .mod-cart_preview > ul > li > .content > h6{ font-size: 12px; color: #6e6259; text-transform: none; } .layout.ss-step3 .mod-cart_preview > ul > li > .content > h6 > span > span{ display: inline-block; font-size: 28px; margin-right: 1px; position: relative; top: 5px; } .layout.ss-step3 .mod-cart_preview > ul > li > .content > ul{padding: 0;} .layout.ss-step3 .mod-cart_preview > ul > li > .content > ul > li{ font-size: 12px; line-height: 16px; padding-left: 10px; background: url(../images/bullet.png) no-repeat 0 4px; } .layout.ss-step3 .mod-cart_preview > ul > li > .content > ul > li + li{margin-top:4px;} /* AWS 3.4.8 - Article Listing Carousel -------------------------------------------------*/ .layout.article_listing_carousel{background:#ebe9e8;padding:20px;} /* Filters */ .layout.article_listing_carousel .results_options{ position: relative; padding:30px 100px 0; z-index: 100; } /* jQuery Cycle */ .layout.article_listing_carousel .cycle-article{padding:0 100px;position: relative;z-index:10;} .layout.article_listing_carousel .cycle-article .slide-container{padding-bottom: 15px;} /* account for margin */ .layout.article_listing_carousel .cycle-article .slide{width:100%;} .layout.article_listing_carousel .mod-multicols.article_listing .col{border: 0;} /* Controls (i.e. next/prev) */ .layout.article_listing_carousel .cycle-article .control{ position: absolute; top:50%; left:32px; margin-top: -65px; } .layout.article_listing_carousel .cycle-article .control.sliderAlt_next{left:auto;right:32px;} .layout.article_listing_carousel .cycle-article .control.disabled{display: none;} /* Pager */ .layout.article_listing_carousel .cycle-article .cycle-pager{margin:15px 0 0;padding:0;} .layout.article_listing_carousel .cycle-article .cart_number{background-position: -211px -157px;margin:0 3px;} .layout.article_listing_carousel .cycle-article .cart_number.active{background-position: -14px -25px;} /* AWS 3.4.9 - Hero ---------------------------------------------------------------------*/ .layout-hero{height: 650px;position:relative;} .layout-hero > .inner_container{height: 650px;} /* Multicolumn Overrides */ .layout-hero .mod-multicols{ display: table; width: 100%; height: 100%; } .layout-hero .mod-multicols > .multicols{ display: table-cell; vertical-align: middle; } .layout-hero .mod-multicols > .multicols > .col{padding:45px 30px;float: none;} .layout-hero.content-right .mod-multicols > .multicols > .col{margin:0 0 0 auto;} .layout-hero.content-center .mod-multicols > .multicols > .col{margin:0 auto;} /* Utilities */ /* Flexible */ .layout-hero.flexible, .layout-hero.flexible > .inner_container{height:auto;} .layout-hero.flexible .mod-multicols > .multicols > .col{padding:75px 30px 75px;} /* Variations */ /* Intro */ .layout-hero.intro:before{ content: ''; position: absolute; left:0;right:0;top:0;bottom:0; background: rgba(0,0,0,.4); } .layout-hero.intro .content > *{color:#fff;} .layout-hero.intro .content > h2{font-size:36px;margin-bottom:20px;} .layout-hero.intro .content > p{font-size:18px;line-height:1.3;margin-bottom:30px;} .layout-hero.intro .content > a:not(.btn){font-size:16px;border:none;} .layout-hero.intro .content > a:not(.btn):hover, .layout-hero.intro .content > a:not(.btn):focus{border-bottom: 1px solid #fff;} .layout-hero.intro .content > a:not(.btn) > .icon{margin-left: 10px;} .layout-hero.intro .content > a:not(.btn) + a{margin-left:20px;} /* AWS 3.4.10 - Site Portals ------------------------------------------------------------*/ .layout-site_portals{margin:20px 0;} .layout-site_portals > h3{margin-bottom:20px;} .layout-site_portals .multicols{display: flex;} .layout-site_portals .multicols + .multicols{margin-top:20px;} .layout-site_portals .callout.site_portal {display: flex;height: 100%; min-height: 250px;overflow: visible;} .layout-site_portals .callout.site_portal > .content{width: 52%;height: auto;display: flex;align-items: center;border-radius: 0 10px 10px 0;} .layout-site_portals .callout.site_portal > .content:after{display:none;} .layout-site_portals .callout.site_portal > .content h2{font-size: 26px;line-height:1.2;} .layout-site_portals .callout.site_portal > .content p{font-size: 14px;margin-top:15px;} .layout-site_portals .callout.site_portal > .content .btn{ width:auto; font-size:inherit; position:static; margin-top: 15px; } .layout-site_portals .callout.site_portal > .image{width:48%;height: auto;margin:0; border-radius: 10px 0 0 10px;} .layout-site_portals .callout.site_portal > .image img{height: 100%;margin:0;transform: translateX(-50%);} .layout-site_portals .multicols.single-col .callout.site_portal{min-height: 0;background: #bf1e39;} .layout-site_portals .multicols.single-col .callout.site_portal > .content{padding: 15px 20px 10px;width: 65%;} .layout-site_portals .multicols.single-col .callout.site_portal > .content h2{font-size: 20px;line-height:1.2;} .layout-site_portals .multicols.single-col .callout.site_portal > .image{border-radius: 10px;box-shadow: 0 5px 15px -5px #444;position: relative;z-index: 1;width: 35%;} /* AWS 3.4.12 - Testimonials Carousel ---------------------------------------------------*/ .layout-testimonials_carousel{margin:40px 0 30px;} .layout-testimonials_carousel .cycle-testimonials{position:relative;} .layout-testimonials_carousel .cycle-testimonials .slide-container{background: #bf1e39;} .layout-testimonials_carousel .cycle-testimonials .slide{ bottom: 0; width: 100%; /* Keep content vertically centered */ display: flex !important; align-items: center; } /* Blockquote Overrides */ .layout-testimonials_carousel blockquote{margin:0;padding:30px 80px;min-width:100%;} /* Controls (i.e. next/prev) */ .layout-testimonials_carousel .cycle-testimonials .control{ position: absolute; top:50%; left:10px; margin-top: -65px; z-index: 100; } .layout-testimonials_carousel .cycle-testimonials .control.sliderAlt_next{left:auto;right:10px;} .layout-testimonials_carousel .cycle-testimonials .control.sliderAlt_prev:hover{background-position: -429px 0;} .layout-testimonials_carousel .cycle-testimonials .control.sliderAlt_next:hover{background-position: -429px -102px;} .layout-testimonials_carousel .cycle-testimonials .control.disabled{display: none;} /* Pager */ .layout-testimonials_carousel .cycle-testimonials .cycle-pager{display: block;text-align:center;margin:5px 0 0;} .layout-testimonials_carousel .cycle-testimonials .cycle-pager li{ width:8px; height:8px; border-radius:4px; background: #666; display: inline-block; margin: 0 2px; } .layout-testimonials_carousel .cycle-testimonials .cycle-pager .active{background: #bf1e39;} /* AWS 3.4.13 - Sample Order History ----------------------------------------------------*/ .layout-sample_order_history{margin-top: 30px;} .layout-sample_order_history h6{color:#333;font-weight:bold;text-transform:none;} /* Expandable Overrides */ .layout-sample_order_history .mod-expandables{margin-top:5px;} .layout-sample_order_history .mod-expandables > ul > li{padding:15px 0 0;position:relative;border-color:#ccc;} .layout-sample_order_history .mod-expandables > ul > li:nth-child(even){background:#ebe9e8;} .layout-sample_order_history .mod-expandables .multicols p{font-size:18px;line-height:1.5;word-break:break-word;} .layout-sample_order_history .mod-expandables .trigger_expandable{ display: inline-block; padding: 0; font-size: 12px; width:32%; text-align: center; top:-10px; margin-bottom: -10px; } .layout-sample_order_history .mod-expandables .trigger_expandable > .toggle:last-child, .layout-sample_order_history .mod-expandables .open .trigger_expandable > .toggle:nth-child(2){display:none;} .layout-sample_order_history .mod-expandables .open .trigger_expandable > .toggle:last-child{display:inherit;} .layout-sample_order_history .mod-expandables .expandable_state{ position: relative; margin:0 5px 0 0; top:3px; left: 3px; -moz-transform: scale(.7); -webkit-transform: scale(.7); -o-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7); } .layout-sample_order_history .mod-expandables .open .expandable_state{top:-2px;} /* Sample Cart Listing Overrides */ .layout-sample_order_history .mod-listing.sample_cart{margin:0;} .layout-sample_order_history .mod-listing.sample_cart > ul > li{background:#fff;} /* AWS 3.4.14 - Consultant --------------------------------------------------------------*/ .layout-consultant{margin:30px 0;} .layout-consultant .multicols .col1{width:31%;} .layout-consultant .multicols .col2{width:66%;} .layout-consultant .multicols .col1 h2 + h3{margin: 0 0 20px;} .layout-consultant .multicols .col1 img{width:auto;max-width:100%;} .layout-consultant .multicols .col2 fieldset:first-child{margin-top:0;} /*------------------------------------------------------------------------------------------------- AWS 4.0 - Buttons & Icons /*-----------------------------------------------------------------------------------------------*/ /* AWS 4.1 - Buttons ------------------------------------------------------------------------*/ .btn_container > .btn:link{display:block;} .btn_container.inline > .btn:link{display:inline-block;} * + .btn_container{ margin-top:15px; width: 100%; } .btn_container .btn + .btn { margin-top: 15px; } .btn_container + .btn{margin-top:50px;} /* Button Container Alt */ .btn_container.alt{ border: 2px dotted #ddd; padding:20px; text-align:center; flex-flow: column; } .btn_container.alt .btn + .btn { margin-block-start: 10px; } .btn_container.alt > .btn{display:inline-block;margin:0 10px;width:310px;} .btn, .btn:link, .btn:visited{ display:inline-block; font-size:16px; line-height: 16px; color:#fff; border-radius: 5px; background: #bf1e39; padding:10px 15px; text-align: center; border:none; min-width: 86px; } .btn:hover{background: #878785;} p > .btn{margin:0 20px 0 0;} .btn.isIconOnly{ min-width: inherit; padding: 10px; } /* Misc Icons */ .btn > .download, .btn > .print{margin-right:7px;position:relative;top:1px;} .btn .plus, .btn .close, .btn > .add_person{margin-right:5px;} .btn .minus.large{top:-4px;position:relative;} .btn .plus.large{margin: 0 10px -3px 0;} /* Link Arrows */ .btn > .arrow-lg-left, .btn > .link_arrow_prev, .btn > .link_arrow_next{display:inline-block;position:relative;top:1px;margin:0 0 0 8px;} .btn > .arrow-lg-left{margin:0 5px 0 0;} .btn > .link_arrow_prev{margin:0 8px 0 0;} .btn > .arrow-md-left{margin-right:5px;} .btn > .arrow-md-right{margin-left:5px;} /* Hover States */ .btn.outline:hover > .arrow-md-left{background-position:-212px -64px;} /* Alternate Types of Buttons */ .btn.block{display:block;} /* Large */ .btn.large{padding: 15px 30px;font-size: 18px;} /* Icon Positions */ .btn.large > .download, .btn.large > .print{top:0;} /* White */ .btn.white{background:#fff;color:#bf1e39;} .btn.white:hover{background:#878785;color:#fff;} /* Inverse */ .btn.inverse{background: #878785;} .btn.inverse:hover{background: #bf1e39;} /* Disabled */ .btn.disabled{ background: #bbb; color: #fff; cursor:default; } .btn.disabled:hover{background: #bbb;color: #fff;} /* Outline */ .btn.outline{ background: none; color: #bf1e39; border:1px solid #bf1e39; padding:9px 14px; } .btn.outline:hover{color:#fff;background:#bf1e39;} .btn.outline.large{padding: 14px 30px;} /* Colors */ .btn.outline.gray{border-color: #fff;background: #998f8c;color:#fff;} .btn.outline.gray:hover{background: #fff;color:#998f8c;} /* Buttons with Arrows and no Bg */ .btn2:link, .btn2:visited{ display: inline-block; border:none; font-size: 14px; margin:15px 0; color:#878785; } .btn2 > .icon{margin:0 0 0 5px;position:relative;top:1px;} .btn2:hover{color:#bf1e39;} /* Bold */ .btn2.bold > .arrow-link{top:0;} /* Select Button */ .select_btn:link, .select_btn:visited{ display: block; border:1px solid #d9d5d4; border-radius: 5px; background: #fff; color:#998f8c; width: 100%; position: relative; padding:7px 48px 7px 10px; font-size:14px; line-height: 16px; height: 31px; } .select_btn.disabled.not-editable:link, .select_btn.disabled.not-editable:visited{ background: #fff; border: none; padding: 5px 0; cursor: default; } .select_btn.not-editable{background:#d9d5d4;cursor:default;} li.error .select_btn, .select_btn.error{background:#fdf7f7;border-color:#de8b94;color:#878785;} /* Arrow Icon and border */ .select_btn > .icon{position: absolute;right:12px;top:50%;margin-top:-3px;} .select_btn:before{ content: ''; width: 1px; position: absolute; top:0;bottom:0;right:38px; background: #d9d5d4; } .select_btn.disabled > .icon, .select_btn.disabled:before{display:none;} /* Video Overlay */ .hasVideoOverlay{ display:block; border: none !important; position: relative; } .hasVideoOverlay:before{ content: ''; position: absolute; display: block; width: 80px; height: 80px; border-radius: 40px; background: #fff; left: 50%; top:50%; margin:-40px 0 0 -40px; opacity: .8; } .hasVideoOverlay:after{ content: ''; position: absolute; left:50%; top:50%; margin:-12px 0 0 -8px; width: 0; height: 0; border-style: solid; border-width: 12.5px 0 12.5px 21.7px; border-color: transparent transparent transparent #bf1e39; opacity: .8; } .hasVideoOverlay:hover:before, .hasVideoOverlay:hover:after{opacity: 1;} /* PDF Overlay */ .hasPDFOverlay{ display:block; border: none !important; position: relative; } .hasPDFOverlay:before{ content: ''; position: absolute; display: block; width: 80px; height: 80px; border-radius: 40px; background: #fff; left: 50%; top:50%; margin:-40px 0 0 -40px; opacity: .8s; } .hasPDFOverlay:after{ content: ''; position: absolute; left:50%; top:50%; display: block; width: 40px; height: 40px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzYyLjY2NyAzNjIuNjY3IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNjIuNjY3IDM2Mi42Njc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCgk8cG9seWdvbiBmaWxsPSIjYmYxZTM5IiBwb2ludHM9IjMzMC42NjcsMTI4IDI0NS4zMzMsMTI4IDI0NS4zMzMsMCAxMTcuMzMzLDAgMTE3LjMzMywxMjggMzIsMTI4IDE4MS4zMzMsMjc3LjMzMyIvPg0KCTxyZWN0IGZpbGw9IiNiZjFlMzkiIHg9IjMyIiB5PSIzMjAiIHdpZHRoPSIyOTguNjY3IiBoZWlnaHQ9IjQyLjY2NyIvPg0KPC9zdmc+DQo="); background-repeat: no-repeat; background-size: contain; transform: translate(-50%, -50%); opacity: .8s; } .hasPDFOverlay:hover:before, .hasPDFOverlay:hover:after{opacity: 1;} /* download Overlay */ .downloadOverlay{ display:block; border: none !important; position: relative; } .downloadOverlay a:before{ content: ''; position: absolute; display: block; width: 80px; height: 80px; border-radius: 40px; background: #fff; left: 50%; top:50%; margin:-40px 0 0 -40px; opacity: 0; transition: .5s; } .downloadOverlay a:after{ content: ''; position: absolute; left:50%; top:50%; display: block; width: 40px; height: 40px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzYyLjY2NyAzNjIuNjY3IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNjIuNjY3IDM2Mi42Njc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCgk8cG9seWdvbiBmaWxsPSIjYmYxZTM5IiBwb2ludHM9IjMzMC42NjcsMTI4IDI0NS4zMzMsMTI4IDI0NS4zMzMsMCAxMTcuMzMzLDAgMTE3LjMzMywxMjggMzIsMTI4IDE4MS4zMzMsMjc3LjMzMyIvPg0KCTxyZWN0IGZpbGw9IiNiZjFlMzkiIHg9IjMyIiB5PSIzMjAiIHdpZHRoPSIyOTguNjY3IiBoZWlnaHQ9IjQyLjY2NyIvPg0KPC9zdmc+DQo="); background-repeat: no-repeat; background-size: contain; transform: translate(-50%, -50%); transition: .5s; opacity: 0; } .downloadOverlay a:hover:before, .downloadOverlay a:hover:after{opacity: 1;} /* Specific Buttons */ /* Back to Top */ .btn-back_to_top{ width:50px; height: 50px; background: #bf1e39; border:none; border-radius: 0; } .btn-back_to_top:focus, .btn-back_to_top:hover{background: #222;border:none;} /* AWS 4.2 - Icons --------------------------------------------------------------------------*/ .icon{display:inline-block;overflow:hidden;background:url('../images/sprite.png') no-repeat;text-indent:-999px;} a.icon{border:none;} .icon.icon_container{ /* icon-ception! brahhhhmmm */ position: relative; width: 36px; height: 36px; background-position: -51px 0; text-indent: 0; } /* Arrows */ .icon.arrow-link{background-position:-76px -43px;width:6px;height:9px;margin:0 0 0 5px;position:relative;top:-1px;} .icon.arrow-link.gray{background-position:-20px -81px;} .icon.arrow-top{background-position: -248px -80px;width:19px;height:24px;} /* Large */ .icon.arrow-lg-up{background-position: 0 -42px;width:12px;height:5px;} .icon.arrow-lg-right{background-position: -18px -42px;width:5px;height:12px;} .icon.arrow-lg-down{background-position: 0 -48px;width:12px;height:5px;} .icon.arrow-lg-left{background-position: -12px -42px;width:5px;height:12px;} /* White */ .icon.arrow-lg-up.white{background-position: -24px -42px;} .icon.arrow-lg-right.white{background-position: -43px -42px;} .icon.arrow-lg-down.white{background-position: -24px -48px;} .icon.arrow-lg-left.white{background-position: -37px -42px;} /* Red */ .icon.arrow-lg-up.red{background-position: -49px -42px;} .icon.arrow-lg-right.red{background-position: -67px -42px;} .icon.arrow-lg-down.red{background-position: -49px -48px;} .icon.arrow-lg-left.red{background-position: -61px -42px;} /* Medium */ .icon.arrow-md-up{background-position:-218px -52px;width:9px;height:6px;} .icon.arrow-md-right{background-position:-76px -43px;width:6px;height:9px;} .icon.arrow-md-down{background-position:-218px -58px;width:9px;height:6px;} .icon.arrow-md-left{background-position:-210px -53px;width:6px;height:9px;} /* White */ .icon.arrow-md-up.white{background-position:-213px -74px;} .icon.arrow-md-right.white{background-position: -218px -64px;} .icon.arrow-md-down.white{background-position:-213px -80px;} .icon.arrow-md-left.white{background-position: -212px -64px;} /* Gray */ .icon.arrow-md-up.gray{background-position:-209px -96px;} .icon.arrow-md-right.gray{background-position: -21px -81px;} .icon.arrow-md-down.gray{background-position:-209px -102px;} .icon.arrow-md-left.gray{background-position: -211px -86px;} /* Small */ .icon.arrow-sm-up{background-position: -29px -109px;width:6px;height:4px;} .icon.arrow-sm-right{background-position: -26px -102px;width:4px;height:6px;} .icon.arrow-sm-down{background-position: -21px -109px;width:6px;height:4px;} .icon.arrow-sm-left{background-position: -20px -102px;width:4px;height:6px;} /* White */ .icon.arrow-sm-up.white{background-position: -39px -102px;} .icon.arrow-sm-right.white{background-position: -42px -107px;} .icon.arrow-sm-down.white{background-position: -32px -102px;} .icon.arrow-sm-left.white{background-position: -37px -107px;} /* Slider */ .icon.slider_prev, .icon.slider_prev.disabled:hover{background-position:0 -123px;width:31px;height:31px;border:none;} .icon.slider_prev:hover{background-position:-64px -123px;} .icon.slider_next, .icon.slider_next.disabled:hover{background-position:-32px -123px;width:31px;height:31px;border:none;} .icon.slider_next:hover{background-position:-96px -123px;} /* Alt */ .icon.sliderAlt_prev{background-position: -394px 0;width:35px;height:100px;} .icon.sliderAlt_prev:hover{background-position: -359px 0;} .icon.sliderAlt_next{background-position: -359px -102px;width:35px;height:100px;} .icon.sliderAlt_next:hover{background-position: -394px -102px;} /* Link Arrows */ .icon.link_arrow_prev{background-position: -198px -11px;width:10px;height:12px;} .icon.link_arrow_next{background-position: -198px -24px;width:10px;height:12px;} /* Close Icons */ .icon.close{background-position:-27px -80px;width:11px;height:11px;} .icon.close.orange{background-position:-39px -80px;} /* Small */ .icon.close.small{background-position: -20px -92px;width:6px;height:8px;} .icon.close.small.red{background-position: -27px -92px;} /* Extra Small */ .icon.close.xs{background-position:-219px -109px;width:9px;height:9px;} .icon.close.xs.red{background-position:-219px -98px;} /* Event Icons */ .icon.calendar{background-position: -134px -157px;width:13px;height:15px;} .icon.clock{background-position: -148px -157px;width:13px;height:13px;} .icon.location{background-position: -162px -157px;width:9px;height:13px;} .icon.tag{background-position: -174px -176px;width:16px;height:13px;} .icon.tag2{background-position: -331px -195px;width:19px;height:15px;} /* Small */ .icon.calendar{background-position: -134px -176px;width:11px;height:13px;} .icon.clock{background-position: -146px -178px;width:10px;height:11px;} .icon.location{background-position: -157px -178px;width:7px;height:11px;} .icon.location.highlight{background-position: -165px -178px;} /* File Types */ .icon.video{background-position: -52px -78px;width:14px;height:11px;} .icon.folder{background-position: -69px -92px;width:12px;height:11px;} .icon.write{background-position: -68px -78px;} /* Small */ .icon.video.small{background-position: -34px -92px;width:11px;height:8px;} .icon.folder.small{background-position: -46px -92px;width:10px;height:8px;} .icon.write.small{background-position: -47px -102px;width:11px;height:11px;} /* Social */ .icon.connect{background-position: -18px -196px;width:15px;height:14px;} .icon.twitter{background-position: -35px -194px;width:16px;height:16px;} .icon.twitter.highlight{background-position: -52px -194px;} .icon.facebook{background-position: -69px -194px;width:16px;height:16px;} .icon.facebook.highlight{background-position: -86px -194px;} .icon.linkedin{background-position: -103px -194px;width:16px;height:16px;} .icon.linkedin.highlight{background-position: -120px -194px;} .icon.instagram{background-position: -137px -194px;width:16px;height:16px;} .icon.instagram.highlight{background-position: -154px -194px;} .icon.share{background-position: -270px -136px;width:27px;height:21px;} .icon.star{background-position: -270px -181px;width:29px;height:28px;} /* Alt */ .icon.facebook2{background-position: -298px 0;width:29px;height:29px;} .icon.facebook2:focus, .icon.facebook2:hover{background-position: -328px 0;} .icon.linkedin2{background-position: -298px -30px;width:29px;height:29px;} .icon.linkedin2:focus, .icon.linkedin2:hover{background-position: -328px -30px;} .icon.mail2{background-position: -298px -60px;width:29px;height:29px;} .icon.mail2:focus, .icon.mail2:hover{background-position: -328px -60px;} .icon.twitter2{background-position: -298px -90px;width:29px;height:29px;} .icon.twitter2:focus, .icon.twitter2:hover{background-position: -328px -90px;} /* Cart Icons */ .icon.add_cart{background-position: 0 -156px;width:36px;height:34px;} .icon.add_cart.gray{background-position: -37px -156px;} .icon.cart{background-position: -21px -54px;width:26px;height:20px;} .icon.cart.white{background-position: -201px -190px;} .icon.cart.xsmall{background-position: 0 -101px;width:19px;height:14px;} .icon.cart.large{background-position: 0 0;width:33px;height:24px;} .icon.cart_number{ background-position:-14px -25px; width:17px; height:16px; text-indent:-1px; color:#fff; line-height: 16px; text-align: center; font-size:10px; font-family: Arial; } .icon.cart_number.white{background-position: -211px -157px;} .icon.cart_number.gray{background-position: -211px -174px;} /* Basket Varient */ .useBasketIcon .icon.add_cart{background-position: -260px 0;} .useBasketIcon .icon.add_cart.gray{background-position: -260px -35px;} .useBasketIcon .icon.cart{background-position: -269px -70px;width:24px;height:19px;} .useBasketIcon .icon.cart.white{background-position: -269px -90px;width:24px;height:19px;} .useBasketIcon .icon.cart.xsmall{background-position: -229px -80px;width:16px;height:13px;} .useBasketIcon .icon.cart.large{background-position: -232px -111px;width:31px;height:24px;} /* Misc Icons */ .icon.circle_delete{background-position: -192px -156px;width:16px;height:16px;} .icon.circle_delete.gray{background-position: -192px -173px;} .icon.globe{background-position:-50px -56px;width:18px;height:17px;} .icon.menu{background-position: -125px 0;width:34px;height:20px;} .icon.menu.white{background-position: -160px 0;} .icon.pin{background-position: -70px -56px;width:12px;height:17px;} .icon.pin.large{background-position: -34px 0;width:16px;height:26px;} .icon.search{background-position: 0 -25px;width:12px;height:12px;} .icon.plus{background-position: -32px -26px;width:15px;height:15px;} .icon.plus.small{background-position: -217px -86px;width:10px;height:10px;} .icon.plus.large{background-position: -15px -212px;width:17px;height:17px;} .icon.minus{background-position: -48px -37px;width:15px;height:4px;} .icon.minus.large{background-position: -34px -219px;width:17px;height:3px;} .icon.lock{background-position: -58px -92px;width:10px;height:13px;} .icon.warning{background-position: -66px -105px;width:18px;height:16px;} .icon.download{background-position: -155px -119px;width:13px;height:12px;} .icon.print{background-position: -187px -198px;width:13px;height:12px;} .icon.zoom{background-position: -210px -119px;width:17px;height:18px;} .icon.zoom.red{background-position: -210px -138px;} .icon.help{background-position: -228px 0;width:13px;height:12px;} .icon.checkmark{background-position: -229px -39px;width:12px;height:10px;} .icon.pdf{background-position: 0 -212px;width:14px;height:19px;} /* My Hollister Icons */ .icon.home{background-position:-117px -176px;width:16px;height:12px;} .icon.home.white{background-position:-117px -159px;} .icon.logout{background-position: -104px -159px;width:12px;height:10px;} .icon.logout.red{background-position: -104px -176px;} .icon.switchClient{background-position: -90px -159px;width:12px;height:12px;} .icon.switchClient.red{background-position: -90px -176px;} .icon.fax{background-position: -75px -159px;width:14px;height:14px;} .icon.phone{background-position: -75px -176px;width:11px;height:11px;} .icon.datepicker{background-position: 0 -191px;width:17px;height:19px;} .icon.edit{background-position: -171px -199px;width:14px;height:12px;} /* Secure Start Icons */ .icon.person{background-position: -210px 0;width:15px;height:16px;} .icon.person.white{background-position: -210px -17px;} .icon.add_person{background-position: -208px -35px;width:19px;height:14px;} .icon.secure_start{background-position: -281px -111px;width:17px;height:23px;} /* AWS 4.3 - Badges -------------------------------------------------------------------------*/ .badge{ width: 90px; height: 90px; border-radius: 45px; font-size: 14px; line-height: 1.1; display: table; background: rgba(191,30,57,.9); position: absolute; color: #fff; top:0;right:0; } .badge > span{display: table-cell;vertical-align:middle;text-align:center;padding:5px;} .badge-flag { padding: 0; display: inline-block; vertical-align: middle; position: relative; line-height: 20px; overflow: hidden; top:-1px; } .badge-flag:before, .badge-flag:after { transform-origin: top right; transform: skewX(-45deg); position: absolute; background: #be1e38; content: ''; left: -45px; height: 54%; z-index: 1; right: 0; top: 0; } .badge-flag:after { transform-origin: bottom right; transform: skewX(45deg); top: auto; bottom: 0; } .badge-flag > span { color:#fff; position:relative; z-index:2; padding:8px 20px 5px 8px; font-weight:bold; } /*------------------------------------------------------------------------------------------------- AWS 5.0 - Template Specific (i.e. override display of any design element on a specific template) /*-----------------------------------------------------------------------------------------------*/ #content{border-top:12px solid #ebe9e8;} .myHollister #content, .ss #content{border-top:none;} /* Utility */ /* Background Colors */ .section.bg-offwhite{background: #f4f4f4;} /* AWS 5.1 - Simple -------------------------------------------------------------------------*/ #template-simple #content{padding:19px 0 40px;position:relative;} #template-simple #related_content{padding:0 0 40px;} /* myHollister Adjustments */ .myHollister #template-simple{padding-bottom:40px;} .myHollister #template-simple #related_content{padding:0;} /* Grid: Site Section */ .myHollister .site_section{margin-bottom:30px;} .myHollister .site_section > .row + .row{margin:15px 0 0;} /* Section Widths/Paddings */ #template-simple .section + .section{margin:120px 0 0;} #template-simple #sidebar + .section{margin:0;} #template-simple .section > .inner_container > .content{width:680px;padding:0 0 0 30px;} #template-simple #related_content > .section + .section{padding:48px 0 15px;margin:0;} /* Utility / Specific Clases */ /* Breadcrumbs */ #template-simple #content > .section.breadcrumbs{padding:0;} /* Extended */ #template-simple .section.extended > .inner_container > .content{width:942px;} /* Full */ #template-simple .section.full > .inner_container{width:100%;} #template-simple .section.full > .inner_container > .content{width:960px;padding:0;margin:0 auto;} #template-simple .section.full.carousel_container:first-child > .inner_container{padding-top:50px;} /* Gray */ #template-simple .section.gray{background: #f5f3ef;} #template-simple .section.gray > .inner_container > .content{ background: url('../images/hr.jpg') no-repeat left top; padding:43px 0 60px; margin-bottom: -40px; } /* Dark */ #template-simple .section.dark_gray{background:#998f8c;} #template-simple .section.dark_gray > .inner_container > .content > h2{color:#fff;margin:0 0 3px;} #template-simple .section.dark_gray > .inner_container > .content > p{color:#fff;} #template-simple .section.dark_gray > .inner_container > .content > p > a{color:#fff;border:none;} #template-simple .section.dark_gray > .inner_container > .content > p > a:hover{border-bottom:1px solid #fff;} #template-simple .section.dark_gray > .inner_container > .content > p + .btn{margin-top:13px;} #template-simple .section.dark_gray > .inner_container > .content .btn:hover{border:none;} /* Image Container */ #template-simple .section.image_container{position:relative;} #template-simple .section.image_container > .inner_container{position:static;height:237px;} #template-simple .section.image_container > .inner_container > .content{ float:left; width: 530px; padding:25px 0 35px 30px; } #template-simple .section.image_container > .inner_container > .image{ position: absolute; top:0;right:0; width: 465px; overflow: hidden; height: 237px; text-align: center; } #template-simple .section.image_container > .inner_container > .image > img{ position: absolute; left: 50%; margin: 0 0 0 -233px; } /* Full */ #template-simple .section.image_container.full > .inner_container{width:960px;height:auto;} #template-simple .section.image_container.full > .inner_container > .content{ float:none; width: 100%; padding:21px 0; } /* Video Container */ #template-simple .section.video_container > .inner_container > .content{width:470px;padding-left:30px;} /* AWS 5.1.1 - Product Details ----------------------------------------------------------*/ /* Sidebar Overrides */ /* Callouts */ #template-simple.product_details #sidebar .callout{background:#fff;} #template-simple.product_details #sidebar .callout.alt{background:#ebe9e8;} #template-simple.product_details #sidebar .callout h4{ text-transform:none; font-size: 14px; word-wrap: break-word; } #template-simple.product_details #sidebar .callout p{line-height:15px;} /* Help Callout */ #template-simple.product_details #sidebar .callout.help{text-align:center;margin:0;} #template-simple.product_details #sidebar .callout.help h3{ color: #bf1e39; text-transform: uppercase; font-size: 18px; margin:0 0 10px; } /* Multicols */ #template-simple.product_details #sidebar .mod-multicols .col{background: none;} /* AWS 5.1.2 - Full ---------------------------------------------------------------------*/ #template-simple.full .section > .inner_container > .content > p.intro{width:100%;max-width:inherit;} /* AWS 5.1.3 - Reverse (left nav !sidebar) ----------------------------------------------*/ #template-simple.reverse{width:960px;margin:0 auto;} #template-simple.reverse > #left_nav{ width: 250px; float:left; padding: 0 15px 0 30px; } #template-simple.reverse > #content{ width: 710px; float:right; padding: 0 25px 30px 0; } /* AWS 5.2 - Results ------------------------------------------------------------------------*/ #template-results{width:960px;margin:0 auto;padding:0;} /* Search Tools */ #search_tools{width:275px;padding:0 15px 35px 25px;float:left;} #search_tools .mod-site_search{margin: 0 0 -12px;} /* Content */ #template-results #content{ position:relative; width:685px; padding:0 25px 0 50px; float:left; border:none; } #template-results #content .mod-search_summary + .inner_content{padding:8px 0 48px;} #template-results #content .inner_content{ margin:0; padding:32px 0 40px; background:#fcfbf9; position: relative; z-index: 1; } #template-results #content .inner_content:after{ content: ''; position: absolute; top:0; left:-50px; right:-200px; bottom:0; background: #fcfbf9; z-index: -1; } /* Filter Selection */ #template-results #content .mod-listing.filter_selections{ width: 685px; margin:0 0 0 -50px; padding-left:50px; position: relative; z-index: 1; } #template-results #content .mod-listing.filter_selections:after{ content: ''; position: absolute; left:0; top:0; bottom:0; right:-200px; background: #ebe9e8; z-index: -1; } #template-results #content .mod-listing.filter_selections + .mod-search_summary{margin-bottom:19px;} /* Site Section */ #template-results .site_section{margin-bottom:30px;} #template-results .site_section > .row + .row{margin:15px 0 0;} /* Dropdowns in Search Summary */ #template-results .mod-search_summary .mod-dropdown > ul > li{border-color:#fcfbf9;} #template-results .mod-search_summary .mod-dropdown > ul > .open{background:#fff;border-color:#ebe9e8;} /* Tabs */ #template-results #content > .tabs{height:29px;margin:0;} #template-results #content > .tabs > ul > li{margin:0 4px 0 0;} #template-results #content > .tabs > ul > li > a{ background: #bf1e39; color: #fff; border:none; height: 29px; line-height: 29px; } #template-results #content > .tabs > ul > li > a:hover, #template-results #content > .tabs > ul > li > a.active{background: #ebe9e8;color:#878787;} #template-results #content > .tab_panels{ padding:0; border:none; -webkit-box-shadow: none; box-shadow: none; } /* AWS 5.2.1 - Results w/i Simple Template ----------------------------------------------*/ #results{margin:5px 0 40px;} #results > h5{ color: #bf1e39; font-size: 14px; font-weight: bold; margin: 0 0 7px; } /* Search Tools */ #results #search_tools{width: 37%;padding:0 2% 0 0;} #results #search_tools .mod-listing.filter > h5{margin:0;} #results #search_tools .mod-listing.filter > ul > li > a{font-size:14px;} #results #search_tools .mod-listing.filter > ul > li + li{margin:-3px 0 0;} #results #search_tools .mod-listing.filter > ul > li > .active:after{ background-position: -20px -92px; width: 6px; height: 8px; top: 7px; right: 10px; } #results #search_tools .mod-listing.filter > ul > li > .active:hover:after{ background-position: -27px -92px; } /* Inner Content */ #results #inner_content{width:370px;float:left;} #results #inner_content .mod-grid.search_listing > .content{margin-left:-3%;} #results #inner_content .mod-grid.search_listing > .content > .item > .content{padding-top:10px;} #results #inner_content .mod-grid.search_listing > .content > .item{ width: 47%; margin: 0 0 5px 3%; } /* Misc Overrides */ #results .mod-search_summary{margin:20px 0 -20px;} #results .mod-search_summary:after{display:none;} #results .mod-search_summary .sortby{float:none;width:100%;text-align:left;margin:10px 0 0;} /* AWS 5.3 - Full ---------------------------------------------------------------------------*/ #template-full #content{padding:0;} #template-full .section{padding:22px 0 30px;} #template-full .section > .inner_container{width:900px;} /* myHollister Adjustments */ .myHollister #template-full{padding: 0 0 40px;} .myHollister #template-full #content:first-child{padding-top:19px;} .myHollister #template-full #related_content{padding:40px 0 0;} .myHollister #template-full .section{padding:0;} .myHollister #template-full .section + .section{margin-top:120px;} /* Secure Start Adjustments */ .ss #template-full #content{padding:40px 0;} .ss #template-full .section{padding:0;} .ss #template-full .section + .section{margin-top:120px;} /* AWS 5.3.1 - Campaign -----------------------------------------------------------------*/ #template-full.campaign .section{padding: 0;} #template-full.campaign .section > .inner_container{width:960px;padding:20px 0;} #template-full.campaign .section.border > .inner_container{border-bottom: 1px solid #585458;} #template-full.campaign #content{border:none;} #template-full.campaign #slider_container + #content{padding-top:0;} #template-full.campaign #content .section h2 + h4{ margin-top:-3px; font-size: 22px; line-height: 25px; } /* Section Types */ /* Base */ #template-full.campaign .multicols .col2 > img{display:block;margin:0 auto;} #template-full.campaign .mod-listing.links{margin:10px 0 0;} #template-full.campaign .mod-listing.links > ul > li{font-size:14px;} #template-full.campaign .mod-listing.links > ul > li + li{margin:5px 0 0;} #template-full.campaign .mod-listing.links > ul > li > a{color:#bf1e39;border:none;} #template-full.campaign .mod-listing.links > ul > li > a:hover{color:#878785;} /* Carousel */ #template-full.campaign .section.campaign_carousel > .inner_container > .content > .carousel{padding:0;margin:0;} #template-full.campaign .section.campaign_carousel > .inner_container > .content > * + .carousel{margin-top:40px;} #template-full.campaign .section.campaign_carousel .carousel.feature .panels{width:100%;} /* Featured Image */ #template-full.campaign .section.featured_image > .inner_container{text-align:right;} #template-full.campaign .section.featured_image > .inner_container > .content{ position:absolute; text-align:left; width: 300px; } #template-full.campaign .section.featured_image > .inner_container > img{ display:inline-block; margin:-40px 0 0; } /* Content */ #template-full.campaign .section.featured_image h2{font-size:35px;line-height:41px;} #template-full.campaign .section.featured_image h3{font-size:24px;line-height:28px;} #template-full.campaign .section.featured_image h2 + h3{margin-top:-6px;} #template-full.campaign .section.featured_image .mod-listing.barred{margin-top:35px;} /* Alt */ #template-full.campaign .section.featured_image.alt > .inner_container{text-align:left;} #template-full.campaign .section.featured_image.alt > .inner_container > .content{ position: static; width: 100%; } #template-full.campaign .section.featured_image.alt > .inner_container > img{ display: block; margin:30px auto 0; width: 80%; } /* Tabs (expandable overrides) */ #template-full.campaign .section.campaign_tabs .tabs{margin-top:30px;} #template-full.campaign .section.campaign_tabs .mod-expandables{margin:0;} #template-full.campaign .section.campaign_tabs .mod-expandables ul > li{border:none;} #template-full.campaign .section.campaign_tabs .mod-expandables .trigger_expandable{display: none;} #template-full.campaign .section.campaign_tabs .mod-expandables .expandable{ position: relative; float: none; z-index: 0; visibility: visible; left: auto; top: auto; padding: 0; } /* Video */ #template-full.campaign .section.video{background:#f5f3ef;} #template-full.campaign .section.video .mod-video{margin-top:25px;} /* AWS 5.4 - Secure Start Templates / Additions ---------------------------------------------*/ *.ss-locked:before{ content: ''; display:inline-block; width: 10px; height: 13px; margin:0 10px 0 0; background: url('../images/sprite.png') no-repeat -58px -92px; } /* Sidebar */ .sidebar .mod-grid.ss-contacts{padding:0 15px;margin:20px 0;} .sidebar .mod-grid.ss-contacts > h3{color:#bf1e39;} .sidebar .mod-grid.ss-contacts > p{font-size:12px;line-height:14px;} .sidebar .mod-grid.ss-contacts .item{width:100%;float:none;margin:0;} .sidebar .mod-grid.ss-contacts .item + .item{margin:20px 0 0;} /* AWS 5.4.1 - User Bar -----------------------------------------------------------------*/ #ss-user_bar{position:relative;z-index:100;} #ss-user_bar + #content{border-top:none;} #ss-user_bar{position: relative;padding:10px 20px 2px;background: #ebe9e8;} #ss-user_bar > .inner_container{text-align: right;width: 100%;} #ss-user_bar > .inner_container > h5{ font-size:14px; color:#bf1e39; display: inline-block; position: relative; top:-13px; } #ss-user_bar > .inner_container > .multicols{display:inline-block;} #ss-user_bar > .inner_container > .multicols .col{display:inline-block;margin:0;width:auto;} #ss-user_bar > .inner_container > .multicols .col1{margin:0 10px;} #ss-user_bar .btn:link{ font-size: 10px; line-height: 13px; min-width: inherit; display:block; padding:7px 10px; width: 100px; } /* Dropdown Overrides */ #ss-user_bar .mod-dropdown{height:27px;} #ss-user_bar .mod-dropdown > ul > li{border-color:#ebe9e8;} #ss-user_bar .mod-dropdown > ul > li > a{ height: 25px; line-height: 26px; padding: 0 10px; text-align:left; text-transform: none; } #ss-user_bar .mod-dropdown > ul > li > a > .icon.arrow-lg-down{margin:0 0 0 7px;top:-1px;position:relative;} .mod-dropdown > ul > li > .content{top:38px;width:240px;} /* Opened */ #ss-user_bar .mod-dropdown > ul > .open{background:#fff;} /* Not logged In */ #ss-user_bar .mod-errors{width:100%;padding:10px;} #ss-user_bar .mod-errors > p{font-size:13px;text-align:center;} #ss-user_bar fieldset{margin:10px 0;float:right;} #ss-user_bar fieldset ul{width:100%;} #ss-user_bar fieldset ul > li{width:auto;margin:0 0 0 20px;} #ss-user_bar fieldset ul > li > input{width: 150px;} #ss-user_bar fieldset ul > li > label{font-size:13px;margin:0 5px 0 0;color:#666;} #ss-user_bar fieldset ul > li > .btn{padding:8px 10px;} #ss-user_bar fieldset ul > li > p{margin:0;font-size:10px;} #ss-user_bar fieldset ul > li:last-child > p{line-height:14px;} /* Forgot Password */ #ss-user_bar #userbar_forgot ul > li > input{width: 200px;} /* AWS 5.4.2 - Simple Template Overrides ------------------------------------------------*/ #template-simple.secure_start .section > .inner_container > .content{width:680px;padding:0 30px;} #template-simple.secure_start .section.full > .inner_container > .content, #template-simple.secure_start #related_content .section > .inner_container > .content{width:960px;} /* Section Widths/Paddings */ #template-simple.secure_start .section + .section{margin:60px 0 0;} /* Secure Start Light Gray */ #template-simple .section.ss_gray > .inner_container > .content{ padding:30px; background:#f9f8f8; } #template-simple .section.ss_gray > .inner_container > .content > h2{margin:0 0 16px;} #template-simple .section.ss_gray > .inner_container > .content > h2 > a{border:none;} #template-simple .section.ss_gray > .inner_container > .content > h2 > a:hover{border-bottom:1px solid;} /* AWS 5.4.3 - Full Template Overrides --------------------------------------------------*/ #template-full.secure_start #content{padding:0;} /* AWS 5.5 - Splash Page --------------------------------------------------------------------*/ .splash h3{ font-size: 56px; line-height:1.25; font-weight: bold; color:#878785; border-bottom:3px solid #878785; display: inline-block; margin: 0 auto 60px; } .splash * + h3{margin-top: 150px;} .splash p{font-size: 34px;line-height: 1.5;} /* Structural Overrides */ .splash .outer_wrapper, .splash .inner_wrapper{ width:100%; -webkit-box-shadow: none; box-shadow: none; min-width: initial; max-width: 1920px; } .splash #header{height: 92px;} .splash #header #logo{margin-left: 0;} .splash .inner_container{width: 80%;} /* Template Overrides */ .splash #template-simple #content{border:none;padding-bottom: 200px;} .splash #template-simple .section > .inner_container > .content{width:100%;padding:0;} /* Specialized Components & Component Overrides */ /* Flags */ .mod-listing.flags + .mod-listing.flags{margin-top:110px;} .mod-listing.flags > h4{ font-size:40px; line-height: 1.2; text-transform:uppercase; margin-bottom:38px; } .mod-listing.flags > ul > li + li{margin-top:42px;} .mod-listing.flags > ul li > a{ font-size: 34px; line-height: 1.2; color: #878785; border: none; position: relative; padding:1px 0 0 63px; display: block; } .mod-listing.flags > ul li > ul{margin:42px 0 0 63px;} .mod-listing.flags > ul li > ul > li > a{padding-left: 0;} .mod-listing.flags > ul li > a:hover{color: #bf1e39;} .mod-listing.flags > ul li .flag{position: absolute;top:-2px;left:0;} /* Image Header */ .mod-image_header{ width: 100%; height: 809px; position:relative; margin-bottom:70px; overflow: hidden; } .mod-image_header img{ width: 1920px; position: absolute; left: 50%; margin-left: -960px; } .mod-image_header > .content{position:absolute;bottom:0;display:table;height:330px;width:100%;} .mod-image_header > .content > .inner{ display: table-cell; vertical-align: middle; padding: 0 10%; text-align: center; } .mod-image_header h1{font-size:80px;line-height:1.2;} .mod-image_header h2{font-size:46px;line-height:1.2;color:#fff;} .mod-image_header > .cta{ position:absolute; width: 100%; display: table; top:0; height: 480px; } .mod-image_header > .cta > .inner{ display: table-cell; text-align: center; vertical-align: middle; padding:0 15%; } .mod-image_header > .cta .btn{ border-radius: 0; padding: 20px 40px; font-size: 30px; width: 45%; height: 105px; line-height: 1.1; display: block; float: left; } .mod-image_header > .cta .btn + .btn{margin:0 0 0 20px;float:right;} .mod-image_header > .cta .btn > .subtext{font-size:24px;display:block;} /*------------------------------------------------------------------------------------------------- AWS 6.0 - 3rd Party Overrides /*-----------------------------------------------------------------------------------------------*/ /* AWS 6.1 - Slider / Billboard (Layerslider) -----------------------------------------------*/ #slider_container{height: 502px;} #slider_container > .ls-container{width: 100% !important;height:502px !important;} .custom_slider{position:relative;} .custom_slider .ls-slide .ls-l, .custom_slider .ls-slide .ls-bg{ margin: 0 !important; transform: none !important; } .custom_slider .ls-slide .ls-bg{width:auto !important;height:auto !important;} /* Content Container */ .custom_slider .ls-slide > .content{ position:absolute; display: table; top:auto !important; bottom:0; left:50% !important; margin:0 0 0 -476px !important; z-index:10; height: 148px; width: 960px; } .custom_slider .ls-slide > .content > .inner{ width:100%; height: 148px; margin:0 auto; padding:0 22px 0 25px; display: table-cell; vertical-align: middle; } /* Element Styling */ .custom_slider .content h1{color:#fff;font-size:34px;line-height:40px;margin:0 0 3px;} .custom_slider .content h2{color:#fff;font-size:21px;line-height:26px;margin:0;} .custom_slider .ls-link{border:0;} /* Control Overrides */ #slider_container .ls-bottom-nav-wrapper{ width: 890px; text-align: right; padding:0 35px; } #slider_container .ls-container .ls-bottom-nav-wrapper > .ls-bottom-slidebuttons > a{ border-radius: 8px; border:2px solid #fff; width: 6px; height: 6px; background: none; margin:0 2px; } #slider_container .ls-container .ls-bottom-nav-wrapper > .ls-bottom-slidebuttons > a.ls-nav-active{background:#fff;} #slider_container .ls-nav-prev, #slider_container .ls-nav-next{ top:160px; margin:0; width: 48px; height: 48px; background: url('../images/sprite.png') no-repeat; overflow: hidden; z-index: 100; } #slider_container .ls-nav-prev{left:40px;background-position: -86px -38px;} #slider_container .ls-nav-next{right:40px;background-position: -135px -38px;} /* Small */ #slider_container.small, #slider_container.small > .ls-container{height:363px !important;} /* Content Container */ .small .custom_slider .ls-slide > .content, .small .custom_slider .ls-slide > .content > .inner{height:48px;} /* Control Overrides */ #slider_container.small .ls-bottom-nav-wrapper{margin-top:-50px;} /* Element Styling */ .small .custom_slider .content h1{margin:0;} #slider_container.small .custom_slider .content h2{display:none !important;} /* AWS 6.2 - jQuery Custom Scroll -----------------------------------------------------------*/ /*.mCustomScrollbar{-ms-touch-action:none;touch-action:none;}*/ .mCustomScrollBox{ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: 0; } /* Scrollable Area Container */ .mCSB_inside>.mCSB_container{margin-right: 20px;} .mCSB_container{ overflow: hidden; width: auto; height: auto; } /* Scrollbar / Container */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out; transition: opacity .2s ease-in-out,background-color .2s ease-in-out; } .mCSB_scrollTools{ position: absolute; width: 16px; height: auto; left:auto; top:0;right:0;bottom:0; } .mCSB_scrollTools .mCSB_draggerContainer{ position: absolute; height: auto; top: 0;left: 0;bottom: 0;right: 0; } .mCSB_scrollTools .mCSB_draggerRail{width: 1px;height: 100%;margin: 0 auto;background: #878787;} /* Dragger Container */ .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ position: relative; height: 100%; width: 16px; margin: 0 1px; -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out; transition: opacity .2s ease-in-out,background-color .2s ease-in-out; } /* Dragger */ .mCSB_scrollTools .mCSB_dragger{ cursor: pointer; margin:0; width: 16px; height: 16px; background: url('../images/sprite.png') no-repeat 0 -64px; z-index: 1; } /* AWS 6.3 - Pikaday ------------------------------------------------------------------------*/ .pika-lendar{width:262px;} /* Table Cells */ .pika-table tr:first-child > td{border-top:1px solid #878785;} .pika-table tr > td{ border: 1px solid #878785; border-top:none; } /* Buttons */ .pika-button{ text-align:center; box-shadow: none; border: none; border-radius: 0; height: 36px; } .pika-button:hover{background: #878785;border-radius:0;} /* Utility */ .is-today .pika-button{color:#bf1e39;} .is-selected .pika-button{ background: #bf1e39; box-shadow: inset 0 1px 3px #bf1e39; border-radius: 0; } /* Arrows */ .pika-prev, .is-rtl .pika-next, .pika-next, .is-rtl .pika-prev{box-shadow: none;} .pika-prev:hover, .is-rtl .pika-next:hover{ background: none; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg=='); } .pika-next:hover, .is-rtl .pika-prev:hover{ box-shadow: none; background: none; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII='); } /* AWS 6.4 - Brightcove HTML5 Player --------------------------------------------------------*/ .bc-iframe, .bc-iframe body, .bc-player-default_default, .bc-player-default_default .vjs-poster{background: #000;background-size: contain;background-repeat: no-repeat;background-position: center;} /* BigPlayButton */ .video-js.vjs-mouse .vjs-big-play-button{ color: #bf1e39; background: #fff; opacity: .7; height:52px; width: 78px; } .video-js.vjs-mouse .vjs-big-play-button:before{ color: #bf1e39; opacity: 1; margin: 13px auto; } .video-js.vjs-mouse:hover .vjs-big-play-button{opacity:1;} .video-js .vjs-big-play-button .vjs-icon-placeholder:before{font-size: 80px;} /* ControlBar (Inherited by icons in the ControlBar, but NOT the ProgressControl) */ .video-js .vjs-control-bar{color: #fff;background-color: #000;} /* PlayToggle */ .video-js .vjs-play-control{color: #fff;} /* VolumeBar */ .vjs-volume-bar.vjs-slider-bar.vjs-slider.vjs-slider-horizontal{background: #fff;} /* VolumeLevel */ .video-js .vjs-volume-level{background: #bf1e39;} /* CurrentTimeDisplay */ .video-js .vjs-current-time{color: #fff} /* TimeDivider */ .video-js .vjs-time-divider{ color: #fff; font-weight: bold; font-size: 12px; position: relative; top: -3px } /* DurationDisplay */ .video-js .vjs-duration{text-decoration: italic;color: #fff;} /* SeekBar */ .video-js .vjs-play-progress{background: #bf1e39;} /* FullScreenToggle */ .video-js .vjs-fullscreen-control.vjs-control{color: #fff;font-weight: bold;} /* docktext background */ .video-js .vjs-dock-text{display: none;} .product_details { padding: 0 30px; } /*------------------------------------------------------------------------------------------------- Author:Justin Herrera Version 1.6.0 Special Notes:This is only intended to work for 1-specific page but a lot will apply throughout the site; -------------------------------------------------------------------------------------------------*/ @media print{ *{text-shadow:none !important; filter:none !important; -ms-filter:none !important; box-shadow:none !important} a,a:visited{text-decoration:underline} pre{border:1px solid #999; page-break-inside:avoid} thead{display:table-header-group} tr, img{page-break-inside:avoid} img{max-width:100% !important} @page{margin:0.5cm} p, h2, h3{orphans:3; widows:3} h2, h3{page-break-after:avoid} .visible-print{display:block !important} /*--------------------------------------------------------------------------------------------- Project Specific ---------------------------------------------------------------------------------------------*/ /* Universally Hidden */ #utility_navigation,#navigation,#header .mod-site_search,#slider_container,#footer,#ss-user_bar,.hidden-print,.modal-overlay,.modal-container{display:none !important} /* Base Elements */ body{ background:transparent !important; font-family:Arial, Helvetica, sans-serif !important } hr{border-bottom:1px solid #bf1e39} /* Structural Elements */ #header{height:120px} #header #logo{margin-top:35px} #content{border:none !important} #related_content, #related_content2 {page-break-before:always } #cookiebanner, #CookiebotWidget {display:none !important} /* Page Specific Overrides */ /* Patient Detail */ .print-pcp p{ font-size: 15px !important;} .print-pcp h3{color:#bf1e39 !important} .print-pcp div.content{width:100% !important} .pcp-first-page-container{width:90%} .pcp-first-section{ margin-top: -70px;} .print-pcp div.cart_preview h4{font-size:20px} .print-pcp p, .print-pcp ol li, .print-pcp ul.info, .print-pcp .cart_preview h5 {color:#000} .print-pcp .single-line{line-height:40%} .print-pcp hr.single-line{margin-bottom:10px} .print-pcp #header{background:transparent; height:50px} .print-pcp #header #logo{display:none} .print-pcp .print-spacer{height:70px; width:100%; display:block} .print-pcp .patient-info_doc-control{padding-top:10px; font-weight:bold} .pcp-borderbox{border:solid #bf1e39 3px; padding:10px; clear:both} .print-pcp .header_text{position:fixed; left:55px; top:30px;} .print-pcp .header_logo{position:fixed; right:55px; top:30px} .print-pcp .footer_logo{position:fixed; left:0; top:1200px} .print-pcp .footer_copyright{position:fixed; left:400px; top:1220px} .print-pcp .cart_preview {margin-top: 60px} .print-pcp .cart_preview h5{font-size:18px} .print-pcp .cart_preview img{height:110px;float: left; margin:0 15px 15px 0} .print-pcp .cart_preview li{ padding-top:20px; width:370px; float:left; margin:0;} .print-pcp .cart_preview .content{float:right; margin-top: 0; width:210px !important} .print-pcp .cart_preview .content p { font-size:14px; line-height:19px } .print-pcp .pcp-privacypolicy p, .print-pcp .pcp-privacypolicy ol { font-size:11px; line-height:12px } .print-pcp .clinician_note{margin-top:50px} .print-pcp .clinician_note h3{color:#bf1e39} .print-pcp .signature { margin-top:5px;border-top:0;border-bottom:2px solid; border-image: linear-gradient(to right,transparent 25% #000 75%, ) 100% 1;} .page1_intro{margin-top:15px} .print-pcp p, .print-pcp ol li { font-size:17px; line-height:24px } .print-pcp h4 { font-size:20px } .print-pcp ol { list-style-position:outside; margin:20px } .print-pcp p.patient-info_doc-control { font-size:14px; line-height:19px } } /*------------------------------------------------------------------------------------------------- Author: Justin Herrera Author: Jen Rasmussen Version 2.10.3 Note: Specialized components can be found at the bottom of the document including 'splash' template -------------------------------------------------------------------------------------------------*/ /* Helper Classes -------------------------------------------------------------------------------*/ /* Designed for visibility on small devices only */ .visible-mobile, .visible-tablet, .visible-phablet, .visible-phone { display: none; } /* Designed to be hidden on small devices only */ .hidden-mobile, .hidden-tablet, .hidden-phablet, .hidden-phone { display: block; } /*------------------------------------------------------------------------------------------------- Desktop: 960+ -------------------------------------------------------------------------------------------------*/ @media only screen and (min-width: 1024px) { .hidden-desktop { display: none; } /* AWS 2.6 - Site Message Bar ---------------------------------------------------------------*/ .section.site_message .inner_container { padding: 0 52px; } /* Times */ .section.site_message span.icon.times { right: 13px; } /*--------------------------------------------------------------------------------------------- AWS 3.0 - Reusable Components /*-------------------------------------------------------------------------------------------*/ /* AWS 3.4 - Layouts (i.e. more complex designs, tend to hold one or more modules) ------*/ /* AWS 3.4.12 - Testimonials Carousel -----------------------------------------------*/ /* Blockquote Overrides */ .layout-testimonials_carousel blockquote { margin: 0; padding: 30px 30px; } /* Controls (i.e. next/prev) */ .layout-testimonials_carousel .cycle-testimonials .control { left: -50px; } .layout-testimonials_carousel .cycle-testimonials .control.sliderAlt_next { left: auto; right: -50px; } .layout-testimonials_carousel .cycle-testimonials .control.sliderAlt_prev:hover { background-position: -359px 0; } .layout-testimonials_carousel .cycle-testimonials .control.sliderAlt_next:hover { background-position: -394px -102px; } } /*------------------------------------------------------------------------------------------------- Tablet: landscape (desktop view but extends wrapper to edge of viewport) -------------------------------------------------------------------------------------------------*/ @media only screen and (min-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .outer_wrapper, .inner_wrapper { min-width: inherit; max-width: inherit; width: 100%; margin: 0 auto; } } /*------------------------------------------------------------------------------------------------- Tablet & Phablet: 640-1023px -------------------------------------------------------------------------------------------------*/ @media only screen and (min-width: 640px) and (max-width: 1023px) { .visible-mobile, .visible-tablet { display: block; } .hidden-mobile, .hidden-tablet { display: none; } /*--------------------------------------------------------------------------------------------- AWS 1.0 - Base Elements /*-------------------------------------------------------------------------------------------*/ /* AWS 1.3 - Tables ---------------------------------------------------------------------*/ .table_container { border: 1px solid #878785; } .table_container.vertical_breakdown { border: none; } .table_helper { margin: 30px 0 -20px; } .table_container.mobile_friendly > table { min-width: 700px; } /*--------------------------------------------------------------------------------------------- AWS 2.0 - Foundation (i.e. wrappers, nav, footer etc) /*-------------------------------------------------------------------------------------------*/ .outer_wrapper, .inner_wrapper { min-width: inherit; width: 100%; margin: 0 auto; } .inner_container { width: 85.5% !important; } #content { min-height: inherit !important } /* AWS 2.1 - Header ---------------------------------------------------------------------*/ #header #logo { margin: 45px 0 17px 0; width: 175px; } #header #logo img { width: 100%; } /* Site Search */ #header .mod-site_search { right: 0; top: 63px; } /* Secure Start Adjustments */ .ss #header { height: 138px; } /* myHollister Adjustments */ .myHollister #header #logo { width: 150px; margin: 50px 0; } /* AWS 2.2 - Navigations ----------------------------------------------------------------*/ /* AWS 2.2.1 - Main Navigation */ /* Secure Start Adjustments */ .ss #navigation .nav > li > a > span { font-size: 14px; padding: 0 7px !important; } .ss #navigation .nav:first-child > li:first-child > a > span > .icon { display: none; } .ss #navigation .nav.right { margin: 0; } .ss #navigation .nav.right > li:first-child { display: none; } .ss #navigation .nav.right > li > a { text-transform: none; } /* AWS 2.2.1.1 - Mega Menu */ /* Widths / General Styling */ .multicols.megamenu > .col:nth-child(2), .multicols.megamenu > .col:nth-child(3) { display: none !important; } /* Column Changes / Line Position */ .multicols.megamenu.cols3, .multicols.megamenu.cols2 { width: 210px; } /* AWS 2.2.2 - Sub Navigation */ .subnav { width: 85.5%; margin: 30px auto; } /* AWS 2.2.3 - Utility Navigation */ #utility_navigation { right: 0; top: 5px; } /* AWS 2.2.4 - myHollister Navigation */ /* User Bar */ #myh-user_bar { padding: 13px 15px 10px; } #myh-user_bar > ul > li, #myh-user_bar > ul > li > a { font-size: 13px; } /* AWS 2.3 - Footer ---------------------------------------------------------------------*/ #footer { padding: 35px 0 20px; } #footer > .inner_container { padding: 0; } /* Disclaimer */ #disclaimer > .inner_container { padding: 10px 0 20px; } /* Site Map */ #footer .site_map > .col1 { width: 21%; } #footer .site_map > .col2 { width: 78%; margin-left: 1%; } #footer .site_map .col2 .multicols { width: 27%; float: left; } #footer .site_map .col2 .col { width: 100%; } /* Copyright */ #copyright { margin: 35px 0 40px; width: 73%; float: right; } #copyright > a { margin: 0 0 14px; } #copyright > p { text-align: right; } /* myHollister & secure start Adjustments */ .myHollister #copyright, .ss #copyright { float: none; width: 100%; } .myHollister #copyright > p, .ss #copyright > p { text-align: center; line-height: 18px; } /* Callouts */ #footer .callout { background: none; padding: 0 50px 0 0; } #footer .callout * { color: #fff; text-align: left; } /* Header */ #footer .callout > .header > h3 { font-size: 12px; text-transform: uppercase; margin: 0 0 3px; } /* Content */ #footer .callout > .content { margin: 0; height: auto; } #footer .callout > .content * { font-size: 10px; line-height: 11px; } /* Button Overrides */ #footer .callout .button { margin: 4px 0 0; } #footer .callout .button .btn { font-size: 10px; padding: 0; background: none; } #footer .callout.help .button { margin-top: -4px; } /* AWS 2.4 - Sidebar --------------------------------------------------------------------*/ #sidebar { position: static; width: 100%; margin: 30px 0 0 !important; } #sidebar > .inner_container { width: 100%; } #sidebar .sidebar { position: static; width: 100%; border: none; margin: 0; float: none; } #sidebar .sidebar > h4 { display: none; } #sidebar .sidebar > .btn { display: inline-block; } /* Alt Sidebar */ .alt_sidebar #sidebar .sidebar > h2 { text-align: left; } /* Callouts */ #sidebar .callout { padding: 40px 7.25%; } /* Has Button */ #sidebar .callout.has-button { position: relative; } #sidebar .callout.has-button .content { width: 80%; } #sidebar .callout.has-button .button { position: absolute; right: 7.25%; top: 62px; width: 15%; margin: 0; } #sidebar .callout.has-button .button .btn { width: 100%; } #sidebar .callout.second.has-button .button { top: 49px; } #sidebar .callout.third.has-button .button, #sidebar .callout.fourth.has-button .button { top: 48px; } /* Image */ #sidebar .callout > .image { position: absolute; left: 7.25%; margin: 0; } #sidebar .callout > .image > img { width: 95%; } #sidebar .callout > .image + .content { padding: 20px 10% 0 250px; min-height: 165px; } /* Banner */ #sidebar .callout.banner { width: 100%; margin: 0 0 0 -7.25%; overflow: hidden; } #sidebar .callout.banner > .visible-tablet { position: relative; height: 160px; } #sidebar .callout.banner > .visible-tablet > img { position: absolute; top: 0; left: 50%; width: 1024px; margin: 0 0 0 -512px; } /* Listing */ #sidebar .mod-listing.equalHeight > ul > li { float: left; width: 48%; margin: 0 2% 10px 0; padding: 0; } #sidebar .mod-listing.equalHeight > ul > li:nth-child(odd) { clear: both; } #sidebar .mod-listing.equalHeight > ul > li:nth-child(even) { margin: 0 0 10px 2%; } #sidebar .mod-listing.equalHeight > ul > li:before { left: 0; } #sidebar .mod-listing.equalHeight > li + li { margin-top: 0; } /* First */ #sidebar .callout.first { padding: 16px 7.25% 25px; } /* Second */ #sidebar .callout.second { padding: 16px 7.25%; } #sidebar .callout.second > .header { margin: 0 0 20px; } #sidebar .callout.second > .header h3 { font-size: 24px; } #sidebar .callout.second > .content { height: auto; margin: 0 0 -10px; } #sidebar .callout.second .mCSB_inside > .mCSB_container { margin: 0; } /* Alt Second Callout */ #sidebar .callout.second.alt { padding: 16px 7.25% 24px; } /* Third */ #sidebar .callout.third, #sidebar .callout.fourth { text-align: left; padding: 24px 7.25% 25px; } #sidebar .callout.third .content, #sidebar .callout.fourth .content { width: 80%; } #sidebar .callout.third .content p, #sidebar .callout.fourth .content p { font-size: 13px; } /* myHollister Adjustments */ .myHollister #sidebar { margin-top: 40px !important; } .myHollister #sidebar > .inner_container { width: 85.5%; } /* Module Adjustments */ /* Popular Products */ .myHollister #sidebar .mod-grid.popular_products > .item { width: 100%; height: auto; display: table; } .myHollister #sidebar .mod-grid.popular_products > .item > .image { width: 20%; display: table-cell; vertical-align: middle; } .myHollister #sidebar .mod-grid.popular_products > .item > .content { width: 80%; padding-left: 10%; display: table-cell; vertical-align: middle; } .myHollister #sidebar .mod-grid.popular_products > .item > .content > .btn { position: static; } /* AWS 2.5 - Breadcrumbs ----------------------------------------------------------------*/ /* Template Overrides */ #template-results .section.breadcrumbs { margin-top: 0; } #template-results .section.breadcrumbs .inner_container { width: 100% !important; } #template-results .section.breadcrumbs .inner_container .content { padding: 0; } /* AWS 2.6 - Site Message Bar ---------------------------------------------------------------*/ .section.site_message .inner_container { padding: 0 38px; } .section.site_message .inner_container h4 { font-size: 16px; line-height: 1.2; } .section.site_message .inner_container h4 a { border-bottom: 1px solid #fff; } .section.site_message .inner_container h4 a:before { content: ''; display: block; height: 5px; } .section.site_message span.icon.times { right: 6px; } /*--------------------------------------------------------------------------------------------- AWS 3.0 - Reusable Components /*-------------------------------------------------------------------------------------------*/ /* AWS 3.1 - Aware Custom Components ----------------------------------------------------*/ /* AWS 3.1.1 - Modal Windows --------------------------------------------------------*/ .modal-container { width: 85.5%; margin: 0 0 0 -42.75%; } /* Modals -----------------------------------------------------------------------*/ /* Media */ .modal-media .multicols.cols2 .col { width: 100%; float: none; } .modal-media .multicols.cols2 .col + .col { margin: 30px 0 0; width: 100%; } /* Thumbnail Gallery */ .modal-container.thumbnail_gallery { width: 90%; height: 520px; margin: 0 0 0 -45%; } /* AWS 3.1.2 - Carousel -------------------------------------------------------------*/ .carousel_container .carousel .wrapper, .campaign_carousel .carousel .wrapper { width: 660px; } .carousel_container .carousel > .prev, .campaign_carousel .carousel > .prev { left: -31px; } .carousel_container .carousel > .next, .campaign_carousel .carousel > .next { right: -31px; } /* Custom Content */ /* Feature */ .carousel.feature .panels { width: 100%; } /* AWS 3.2 - Modules (i.e. reusable design parts(e.g., lists, etc)) ---------------------*/ /* Cart Preview */ .mod-cart_preview { width: 100% !important; margin-top: 20px !important; } .mod-cart_preview > ul > li > img { display: block !important; width: 40px !important; float: left !important; } .mod-cart_preview > ul > li > img + .content { padding: 0 20% 0 0 !important; width: 90% !important; float: right !important; min-height: 51px; } .mod-cart_preview > ul > li > .content > .icon { top: 50%; margin-top: -8px; } /* Expandables */ /* Technology */ .mod-expandables.technology .multicols .col1 { width: 35%; } .mod-expandables.technology .multicols .col2 { width: 100%; } .mod-expandables.technology .multicols .col1 + .col2 { width: 63%; } /* Featured Products */ .mod-featured_products > ul { display: table; } .mod-featured_products > ul > li { display: table-cell; width: 1%; } /* Gallery: Thumbnail */ /* Thumbnails */ .mod-thumbnail_gallery .thumbnails { width: 20%; } .mod-thumbnail_gallery .thumbnails .btn-control { margin: 0; left: 34px !important; } /* Images */ .mod-thumbnail_gallery .images { width: 80%; } /* Full Sized Images */ .mod-thumbnail_gallery .images.full { width: 100%; height: 550px; } .mod-thumbnail_gallery .images.full .cycle, .mod-thumbnail_gallery .images.full .cycle > div { height: 550px; } .mod-thumbnail_gallery .images.full .cycle img { max-height: 500px } /* Grid */ /* Popular Products */ .mod-grid.popular_products > .item { width: 32.3%; margin: 0 1% 16px 0; } /* Search Listing */ .mod-grid.search_listing + .mod-pagination { margin-top: 0; } .mod-grid.search_listing > .content { margin: 0; } .mod-grid.search_listing > .content > .item { width: 45%; margin: 0 0 25px; } .mod-grid.search_listing > .content > .item:nth-of-type(even) { margin-left: 10%; } .mod-grid.search_listing > .content > .item > .image, .mod-grid.search_listing > .content > .item > .content { width: 100%; max-width: 186px; padding-left: 0; padding-right: 0; } /* Header & Buttons */ .mod-header_btns > .multicols > .col1, .mod-header_btns > .multicols > .col2 { width: 48%; } /* Multicols - Component Overrides */ /* Module Content */ .multicols.mod-content > .col1 { width: 60%; } .multicols.mod-content > .col2 { width: 36%; } /* Order Details */ .mod-order_details .multicols.cols3 .col1, .mod-order_details .multicols.cols3 .col2, .mod-order_details .multicols.cols3 .col3 { width: 32%; } /* Order History */ .mod-filtered_form { width: 75%; } /* Pagination Container */ .mod-pagination_container > .multicols > .col.col1 { width: 33%; } .mod-pagination_container > .multicols > .col.col2 { width: 63%; } /* Results Options */ .mod-results_options > ul > .select { width: 75%; } /* Search Summary */ .mod-search_summary .summary, .mod-search_summary .sortby { width: 100%; float: none; } .mod-search_summary .sortby { text-align: left; margin: 16px 0 0; } .mod-search_summary:after { left: -30px; } /* Drop Down */ .mod-search_summary .mod-dropdown > ul > li > .content { left: -1px; right: auto; } /* Support */ .mod-support ul { flex-wrap: wrap; } .mod-support ul li { width: 50% !important; } .mod-support.items-3 ul li { width: 33% !important; } /* Standalone Callout */ /* Floated */ .mod-standalone_callout.float_right { width: 45%; margin: 0 0 20px 20px; } /* AWS 3.3 - Callouts -------------------------------------------------------------------*/ /* Site Portal */ .callout.site_portal > .content { width: 47%; } .callout.site_portal > .image { width: 53%; } .callout.site_portal > .image.video { padding: 10px 60px; } /* AWS 3.4 - Layouts (i.e. more complex designs, tend to hold one or more modules) ------*/ /* AWS 3.4.1 - Product Details ------------------------------------------------------*/ .layout.product_details { width: 100%; } .layout.product_details > .features { margin: 26px 0 0; } .layout.product_details > .specs > .table_container { border: none; } .layout.product_details > .specs > .table_container > table { min-width: auto; } /* AWS 3.4.2 - Results Options ------------------------------------------------------*/ /* Summary */ .layout.results_options > .summary { padding: 6px 10px 8px; } .layout.results_options > .summary > div { width: 60%; } .layout.results_options > .summary > div + div { width: 40%; } /* AWS 3.4.3 - Inception (mini modules/components/callouts w/i sidebar on myHollister) */ .layout.inception > .content > p { text-align: center; } .layout.inception > .content > .cols > .col { width: 48%; float: left; } .layout.inception > .content > .cols > .col + .col { margin-left: 4%; margin-top: 0; } /* 3.4.6 - SS Step 2 ----------------------------------------------------------------*/ .layout.ss-step2 .column-left { width: 26%; } .layout.ss-step2 .column-right { width: 72%; } .layout.ss-step2 .mod-grid.search_listing > .content { margin-left: -2%; } .layout.ss-step2 .mod-grid.search_listing > .content > .item { width: 48%; margin: 0 0 50px 2%; padding: 20px 20px 55px; } .layout.ss-step2 .mod-grid.search_listing > .content > .item > .content { max-width: inherit; } .layout.ss-step2 .mod-grid.search_listing > .content > .item > .footer { left: 20px; right: 20px; width: auto; } /* 3.4.7 - SS Step 3 ----------------------------------------------------------------*/ .layout.ss-step3 .column-left { width: 72%; } .layout.ss-step3 .column-right { width: 26%; } .layout.ss-step3 .layout.inception > .content > .cols > .col { width: 100%; float: none; } .layout.ss-step3 .layout.inception > .content > .cols > .col + .col { margin: 20px 0 0; } .layout.ss-step3 .mod-cart_preview > ul > li > .content > .icon { top: 10px; margin: 0; } /* AWS 3.4.8 - Article Listing Carousel ---------------------------------------------*/ /* Filters */ .layout.article_listing_carousel .mod-results_options > ul > .select { width: 100%; } .mod-results_options.align-right { text-align: left; } .layout.article_listing_carousel .results_options { padding: 30px 50px 0; } .layout.article_listing_carousel .results_options li { display: block; float: none; margin: 0; } .layout.article_listing_carousel .mod-results_options.align-right > ul { display: block; } /* jQuery Cycle */ .layout.article_listing_carousel .cycle-article { padding: 0 50px; } /* Controls */ .layout.article_listing_carousel .cycle-article .control { left: 0; } .layout.article_listing_carousel .cycle-article .control.sliderAlt_next { left: auto; right: 0; } /* AWS 3.4.10 - Site Portals --------------------------------------------------------*/ .layout-site_portals .callout.site_portal { display: flex; flex-direction: column; } .layout-site_portals .callout.site_portal > .content { border-radius: 0 0 10px 10px; flex-grow: 1; align-items: flex-start; padding: 20px !important; } .layout-site_portals .callout.site_portal > .image { border-radius: 10px 10px 0 0; } .layout-site_portals .callout.site_portal > .content, .layout-site_portals .callout.site_portal > .image { width: 100% !important; margin: 0; height: auto; } .layout-site_portals .callout.site_portal > .image > img { position: static; margin: 0; width: 100%; transform: none; } /* AWS 3.4.13 - Sample Order History ------------------------------------------------*/ /* Expandable Overrides */ .layout-sample_order_history .mod-expandables .multicols p { font-size: 12px; } .layout-sample_order_history .mod-expandables > ul > li { padding: 15px 10px 0; } .layout-sample_order_history .mod-expandables .expandable { padding: 25px 0; } /* Sample Cart Listing Overrides */ .layout-sample_order_history .mod-listing.sample_cart > ul > li { width: 100%; } /*--------------------------------------------------------------------------------------------- AWS 4.0 - Buttons & Icons /*-------------------------------------------------------------------------------------------*/ /* AWS 4.1 - Buttons --------------------------------------------------------------------*/ /* Button Container Alt */ .btn_container.alt { padding: 20px 10px; } .btn_container.alt > .btn { width: 280px; } /*--------------------------------------------------------------------------------------------- AWS 5.0 - Template Specific (i.e. override display of any design element on a specific template) /*-------------------------------------------------------------------------------------------*/ /* 5.1 - Simple -------------------------------------------------------------------------*/ #template-simple #content { padding: 22px 0 0; } #template-simple #related_content { padding: 0 0 70px; } .server_error #template-simple #content { padding-bottom: 30px; } #template-simple .section > .inner_container > .content, #template-simple .section.extended > .inner_container > .content { width: 100%; padding: 0; } #template-simple .section.full > .inner_container > .content { width: 85.5% } #template-simple .section + .section { margin: 77px 0 0; } #template-simple .section > .inner_container > .content > .mod-grid.site_section { margin-top: 12px; } #template-simple .section.full.carousel_container:first-child > .inner_container { padding-top: 10px; } /* myHollister Adjustments */ .myHollister #template-simple #related_content { padding-top: 40px; } .myHollister #template-simple .section > .inner_container > .content > .mod-grid.site_section { margin-top: 30px; } .myHollister #template-simple .site_section > .row { width: 100%; } .myHollister #template-simple .site_section > .row > .item { width: 49%; float: left; } .myHollister #template-simple .site_section > .row > .item + .item { margin: 0 0 0 2%; } .myHollister #template-simple .site_section > .row > .item > .image > a { display: block; height: auto; /* undo height 1px declaration for FF */ } .myHollister #template-simple .site_section > .row > .item > .image > a > .image_container { position: static; margin: 0 auto; } .myHollister #template-simple .site_section > .row > .item > .image > a > .header { padding: 0; text-align: center; display: block; font-size: 17px; } .myHollister #template-simple .site_section > .row > .item > .image > a > .header .icon { display: none; } /* Video & Image Containers */ #template-simple .section.video_container { margin-top: 100px; } #template-simple .section.video_container > .inner_container > .content { padding: 38px 0 60px; width: 70%; } #template-simple .section.image_container > .inner_container > .content { width: 58%; padding: 21px 10px 0 0; } #template-simple .section.image_container > .inner_container > .image { width: 42%; } /* Full */ #template-simple .section.image_container.full > .inner_container { width: 85.5%; } /* AWS 5.1.1 - Product Details ------------------------------------------------------*/ /* Sidebar Overrides */ #template-simple.product_details #sidebar { background: #ebe9e8; } #template-simple.product_details #sidebar .sidebar { padding: 38px 7.25% 0; } #template-simple.product_details #sidebar .sidebar > h4 { display: block; font-size: 20px; color: #bf1e39; background: none; padding: 0; margin: 0 0 16px; } /* Callouts */ #template-simple.product_details #sidebar .row > .callout { width: 50%; float: left; background: none !important; height: auto; margin: 0 0 21px; padding: 0 2% 0 0; } #template-simple.product_details #sidebar .callout h4 { font-size: 11px; } #template-simple.product_details #sidebar .callout p { font-size: 11px; line-height: 13px; } /* Mod Listing */ #template-simple.product_details #sidebar .row .mod-listing { margin: 0; } #template-simple.product_details #sidebar .row .mod-listing li { float: none; width: 100%; height: auto; margin: 0; font-size: 11px; } #template-simple.product_details #sidebar .row .mod-listing li + li { margin-top: 8px; } #template-simple.product_details #sidebar .row .mod-listing.icons > ul > li { margin-left: 20px; } #template-simple.product_details #sidebar .row .mod-listing.icons > ul > li > a > .icon { left: -19px; } /* Icon Changes */ #template-simple.product_details #sidebar .row .mod-listing.icons video { background-position: -34px -92px; width: 11px; height: 8px; } #template-simple.product_details #sidebar .row .mod-listing.icons .folder { background-position: -46px -92px; width: 10px; height: 8px; } #template-simple.product_details #sidebar .row .mod-listing.icons .write { background-position: -47px -102px; width: 11px; height: 11px; } /* Bullets */ #template-simple.product_details #sidebar .row .mod-listing.bullets > ul > li { padding-left: 8px; } #template-simple.product_details #sidebar .row .mod-listing.bullets > ul > li:before { background: url('../images/bullet-small.png') no-repeat; width: 3px; height: 3px; top: 6px; } /* Help */ #template-simple.product_details #sidebar .callout.help { text-align: left; width: 117%; margin: 34px 0 0 -8.5%; background: #fff; padding: 40px 8.5%; } #template-simple.product_details #sidebar .callout.help h3 { color: #998f8c; font-size: 18px; margin: 0 0 10px; font-weight: bold; font-family: 'HelveticaNeueW02-45Ligh', Helvetica, Arial, sans-serif; } /* Multicolumn Component */ #template-simple.product_details #sidebar .mod-multicols .cols { margin: 0 0 30px; border-bottom: 1px solid #d2d2d2; padding-bottom: 15px; } #template-simple.product_details #sidebar .mod-multicols .col > div + div { margin-top: 0; } #template-simple.product_details #sidebar .mod-multicols .col .media_container { float: left; margin-right: 2%; width: 15%; padding: 0; } #template-simple.product_details #sidebar .mod-multicols .col .content { float: left; width: 83%; text-align: left; } #template-simple.product_details #sidebar .mod-multicols .col .button { float: right; width: 83%; margin-top: 15px; } #template-simple.product_details #sidebar .mod-multicols .col .button .btn.block { display: inline-block; } /* AWS 5.1.3 - Reverse (left nav !sidebar) ------------------------------------------*/ #template-simple.reverse { width: 100%; padding: 0 7.25%; } #template-simple.reverse > .breadcrumbs .inner_container { width: 100%; } #template-simple.reverse > #left_nav { width: 30%; padding: 0 4% 0 0; } #template-simple.reverse > #content { width: 70%; padding: 0 0 30px 0; } /* AWS 5.2 - Results --------------------------------------------------------------------*/ #template-results { width: 100%; padding: 28px 7.25% 0; } /* Search Tools */ #search_tools { width: 37%; padding: 0 4% 0 0; } /* Content */ #template-results #content { width: 63%; padding: 0 0 0 30px; } #template-results #content .inner_content:after { left: -30px; right: -50px; } /* Filter Selection */ #template-results #content .mod-listing.filter_selections { width: 125%; margin: 0 0 0 -30px; padding-left: 30px; } /* AWS 5.2.1 - Results w/i Simple Template ------------------------------------------*/ #results #inner_content { width: 60% } #results #inner_content .mod-grid.search_listing > .content { margin: 0; } #results #inner_content .mod-grid.search_listing > .content > .item { width: 45%; margin: 0 5% 10px 0; } /* AWS 5.3 - Full -----------------------------------------------------------------------*/ #template-full .section > .inner_container { width: 85.5% } /* AWS 5.3.1 - Campaign -------------------------------------------------------------*/ #template-full.campaign .section > .inner_container { width: 85.5%; } /* Section Types */ /* Base */ #template-full.campaign .inner_container > .content > .multicols .col1 { width: 58%; } #template-full.campaign .inner_container > .content > .multicols .col2 { width: 38%; } #template-full.campaign .inner_container > .content > .multicols .col2 > img { width: 100%; } /* Featured Image */ #template-full.campaign .section.featured_image { padding-left: 0; padding-right: 0; } #template-full.campaign .section.featured_image > .inner_container > img { margin-right: -7.25%; } /* Alt */ #template-full.campaign .section.featured_image.alt > .inner_container > img { margin-right: auto; } /* Tabs (expandable overrides) */ #template-full.campaign .section.campaign_tabs .tabs { display: none; } #template-full.campaign .section.campaign_tabs .tab_panels { padding: 0; border: none; } #template-full.campaign .section.campaign_tabs .tab_panels > .panel { display: block; } #template-full.campaign .section.campaign_tabs .tab_panels > .panel:first-child .mod-expandables { margin-top: 30px; } #template-full.campaign .section.campaign_tabs .tab_panels > .panel:last-child .mod-expandables ul > li:last-child { border-top: 1px solid #ebe9e8; } #template-full.campaign .section.campaign_tabs .mod-expandables ul > li { border-top: 1px solid #ebe9e8; } #template-full.campaign .section.campaign_tabs .mod-expandables .trigger_expandable { display: block; } #template-full.campaign .section.campaign_tabs .mod-expandables .expandable { position: absolute; float: left; z-index: -1; visibility: hidden; left: -9999px; top: -9999px; padding: 0 25px 25px 45px; } #template-full.campaign .section.campaign_tabs .mod-expandables .open .expandable { position: relative; float: none; visibility: visible; z-index: 0; left: 0; top: 0; } /* AWS 5.4 - Secure Start Templates / Additions -----------------------------------------*/ /* Sidebar */ .sidebar .mod-grid.ss-contacts { padding: 0 7.25%; } .sidebar .mod-grid.ss-contacts .item { width: 48%; float: left; margin: 0 2% 0 0; } .sidebar .mod-grid.ss-contacts .item + .item { margin: 0; } .sidebar .mod-grid.ss-contacts .mod-search input { width: 25%; } /* AWS 5.4.2 - Simple Template Overrides --------------------------------------------*/ #template-simple.secure_start .section > .inner_container > .content { width: 100%; padding: 0; } #template-simple.secure_start #related_content { width: 85.5%; margin: 0 auto; } #template-simple.secure_start .section.full > .inner_container > .content, #template-simple.secure_start #related_content .section > .inner_container > .content { width: 100%; } /* Product Details */ #template-simple.secure_start.alt_sidebar #sidebar { margin: 0 0 30px !important; } #template-simple.secure_start.alt_sidebar #sidebar > .inner_container { width: 85.5%; } /* Section Widths/Paddings */ /* Secure Start Light Gray */ #template-simple .section.ss_gray { background: #f9f8f8; padding: 30px 0; } #template-simple .section.ss_gray > .inner_container > .content { padding: 0; background: none; } /*--------------------------------------------------------------------------------------------- AWS 6.1 - 3rd Party Overrides /*-------------------------------------------------------------------------------------------*/ /* AWS 6.1 - Slider / Billboard (Layerslider) -------------------------------------------*/ #slider_container .ls-bottom-nav-wrapper { width: 100%; padding: 0; } #slider_container .ls-bottom-nav-wrapper .ls-bottom-slidebuttons { margin: 0 40px 0 0; } #slider_container .ls-nav-prev { left: 25px; } #slider_container .ls-nav-next { right: 25px; } #slider_container .ls-bg, #slider_container .ls-inner .ls-curtile img, #slider_container .ls-inner .ls-nexttile img { left: 50% !important; margin: 0 0 0 -600px !important; } /* Content Container */ .custom_slider .ls-slide > .content { width: 100%; left: 0 !important; margin: 0 !important; } .custom_slider .ls-slide > .content > .inner { padding: 0 7.25%; } /* Element Styling */ .custom_slider .content h1 { font-size: 30px; line-height: 34px; } .custom_slider .content h2 { font-size: 18px; } } /*------------------------------------------------------------------------------------------------- Phablet Overrides: 640-767px -------------------------------------------------------------------------------------------------*/ @media only screen and (min-width: 640px) and (max-width: 767px) { .visible-mobile, .visible-phablet { display: block; } .hidden-mobile, .hidden-phablet { display: none; } /*--------------------------------------------------------------------------------------------- AWS 1.0 - Base Elements /*-------------------------------------------------------------------------------------------*/ fieldset .multicols > .col { float: none; width: 100% !important; } fieldset .multicols > .col + .col { margin: 20px 0 0; } /* AWS 1.5 - Blockquotes ----------------------------------------------------------------*/ /* Testimonial */ blockquote.testimonial > div { height: 140px; } blockquote.testimonial > p { font-size: 24px; } blockquote.testimonial cite { font-size: 28px; } blockquote.testimonial cite + p { font-size: 18px; } /* Source Image */ blockquote.testimonial > div > .media { width: 140px; } blockquote.testimonial > div > .media img { width: 100%; } /*--------------------------------------------------------------------------------------------- AWS 2.0 - Foundation (i.e. wrappers, nav, footer etc) /*-------------------------------------------------------------------------------------------*/ .inner_container { width: 92% !important; } /* AWS 2.1 - Header ---------------------------------------------------------------------*/ #header #logo { margin: 45px 0 17px 0; width: 175px; } #header #logo img { width: 100%; } /* Site Search */ #header .mod-site_search { top: 58px; } /* AWS 2.2 - Navigations ----------------------------------------------------------------*/ /* AWS 2.2.1 - Main Navigation */ /* Secure Start Adjustments */ .ss #navigation .nav:first-child > li > a > span { font-size: 14px; } .ss #navigation .nav:first-child > li:first-child > a > span { padding: 0 12px; } .ss #navigation .nav:first-child > li:first-child > a > span > .icon { display: none; } .ss #navigation .nav.right > li:first-child { display: none; } /* AWS 2.2.2 - Sub Navigation */ .subnav { width: 92%; margin: 30px auto; } /* AWS 2.2.3 - Utility Navigation */ #utility_navigation { top: 5px; } #utility_navigation > ul > li + li { margin: 0 0 0 10px; } /* Speficic Menu Items */ /* Location */ #utility_navigation > ul > .location > .content { width: 420px; } #utility_navigation > ul > .location .content > .multicols > .col { width: 100%; } #utility_navigation > ul > .location .content > .multicols > .col1 { margin: 0 0 30px; } /* MyHollister Variant */ .myHollister #utility_navigation > ul > li > a { font-size: 12px; } /* AWS 2.3 - Footer ---------------------------------------------------------------------*/ /* Back to Top Button */ #footer .btn-back_to_top { top: 0; -moz-transform: scale(.75); -webkit-transform: scale(.75); -o-transform: scale(.75); -ms-transform: scale(.75); transform: scale(.75); } /* AWS 2.4 - Sidebar --------------------------------------------------------------------*/ /* myHollister Adjustments */ .myHollister #sidebar > .inner_container { width: 92%; } /*--------------------------------------------------------------------------------------------- AWS 3.0 - Reusable Components /*-------------------------------------------------------------------------------------------*/ /* AWS 3.1 - Aware Custom Components ----------------------------------------------------*/ /* AWS 3.1.1 - Modal Windows --------------------------------------------------------*/ /* Modals -----------------------------------------------------------------------*/ /* Thumbnail Gallery */ .modal-container.thumbnail_gallery { width: 90%; height: 460px; margin: 0 0 0 -45%; } /* AWS 3.1.2 - Carousel -------------------------------------------------------------*/ .carousel_container .carousel .wrapper, .campaign_carousel .carousel .wrapper { width: 440px; } .carousel_container .carousel > .prev, .campaign_carousel .carousel > .prev { left: 0; } .carousel_container .carousel > .next, .campaign_carousel .carousel > .next { right: 0; } /* Custom Content */ /* Feature */ .carousel.feature .panels { width: 100%; } /* AWS 3.2 - Modules (i.e. reusable design parts(e.g. lists, etc)) ----------------------*/ /* Clone Items */ /* Variants */ /* Products */ .isEditable .mod-clone.products .js-clone { padding-left: 50px; } .mod-clone.products .js-clone + .js-clone { margin-top: 30px; } .mod-clone.products .js-clone > .col4 { position: absolute; top: 1px; left: 0; } .mod-clone.products .js-clone label { display: block !important; } .mod-clone.products .js-clone .trigger-remove { top: 0 !important } /* Filters */ .mod-filters > div:nth-child(4) .content { left: auto; right: 0; } /* Gallery: Thumbnail */ /* Full Sized Images */ .mod-thumbnail_gallery .images.full { width: 100%; height: 460px; } .mod-thumbnail_gallery .images.full .cycle, .mod-thumbnail_gallery .images.full .cycle > div { height: 460px; } .mod-thumbnail_gallery .images.full .cycle img { max-height: 420px } /* Grid */ /* Popular Products */ .mod-grid.popular_products > .item > .image { width: 80%; margin: 0 auto 10px; } .mod-grid.popular_products > .item > .image img { display: block; width: 100%; } /* Site Section */ #template-results .site_section > .row { width: 100%; } #template-results .site_section > .row > .item { width: 49%; float: left; } #template-results .site_section > .row > .item + .item { margin: 0 0 0 2%; } #template-results .site_section > .row > .item > .image > a { display: block; height: auto; /* undo height 1px declaration for FF */ } #template-results .site_section > .row > .item > .image > a > .image_container { position: static; margin: 0 auto; } #template-results .site_section > .row > .item > .image > a > .header { padding: 0; text-align: center; display: block; font-size: 17px; } #template-results .site_section > .row > .item > .image > a > .header .icon { display: none; } /* Header & Buttons */ .mod-header_btns > .multicols > .col1, .mod-header_btns > .multicols > .col2 { float: none; width: 100%; margin: 0; } .mod-header_btns > .multicols > .col2 { margin-top: 20px; } .mod-header_btns > .multicols > .col2 .btn.outline { float: left; } /* Order Details */ .mod-order_details .multicols.cols3 .col1 { width: 49%; } .mod-order_details .multicols.cols3 .col2 { width: 49%; } .mod-order_details .multicols.cols3 .col3 { width: 100%; margin: 30px 0 0; } /* Order History */ .mod-filtered_form { width: 100%; } /* Signature */ .mod-signature .multicols .col1 { width: 100%; float: none; } .mod-signature .multicols .col2 { margin: 20px 0 0; float: none; width: 50%; } /* Steps (i.e. progress, part 1 of 4) */ .mod-steps > ul > li { width: 130px; } /* AWS 3.3 - Callouts -------------------------------------------------------------------*/ /* Site Portal */ .callout.site_portal > .content { width: 53%; } .callout.site_portal > .image { width: 47%; } /* AWS 3.4 - Layouts (i.e. more complex designs, tend to hold one or more modules) ------*/ /* 3.4.6 - SS Step 2 ----------------------------------------------------------------*/ .layout.ss-step2 .mod-grid.search_listing > .content > .item { padding: 0 0 35px; } .layout.ss-step2 .mod-grid.search_listing > .content > .item > .footer { left: 0; right: 0; } /* 3.4.7 - SS Step 3 ----------------------------------------------------------------*/ .layout.ss-step3 .column-left { width: 62%; } .layout.ss-step3 .column-right { width: 36%; } .layout.ss-step3 .mod-cart_preview > ul > li > .image { width: 60px; } .layout.ss-step3 .mod-cart_preview > ul > li > .content { padding-left: 80px; } /* AWS 3.4.8 - Article Listing Carousel ---------------------------------------------*/ .layout.article_listing_carousel .results_options li { width: 100%; } /* AWS 3.4.9 - Hero -----------------------------------------------------------------*/ /* Variations */ /* Intro */ .layout-hero.intro .mod-multicols .multicols > .col { width: 100% !important; padding: 50px 0; } /*--------------------------------------------------------------------------------------------- AWS 4.0 - Buttons & Icons /*-------------------------------------------------------------------------------------------*/ /* AWS 4.1 - Buttons --------------------------------------------------------------------*/ /* Button Container Alt */ .btn_container.alt { padding: 20px 0; } .btn_container.alt > .btn { width: 260px; padding: 15px; } /* AWS 4.3 - Badges ---------------------------------------------------------------------*/ .badge { width: 80px; height: 80px; border-radius: 40px; font-size: 12px; } /*--------------------------------------------------------------------------------------------- AWS 5.0 - Template Specific (i.e. override display of any design element on a specific template) /*-------------------------------------------------------------------------------------------*/ /* AWS 5.1 - Simple ---------------------------------------------------------------------*/ /* Video & Image Containers */ /* Full */ #template-simple .section.image_container.full > .inner_container { width: 92%; } /* AWS 5.1.1 - Product Details ------------------------------------------------------*/ /* Sidebar Overrides */ #template-simple.product_details #sidebar .sidebar { padding: 40px 0 0; width: 92%; margin: 0 auto; } /* AWS 5.3 - Full -----------------------------------------------------------------------*/ /* AWS 5.3.1 - Campaign -------------------------------------------------------------*/ #template-full.campaign .section > .inner_container { width: 92%; } /* Section Types */ /* Tabs (expandable overrides) */ #template-full.campaign .section.campaign_tabs .tabs { display: none; } #template-full.campaign .section.campaign_tabs .tab_panels { padding: 0; border: none; } #template-full.campaign .section.campaign_tabs .tab_panels > .panel { display: block; } #template-full.campaign .section.campaign_tabs .tab_panels > .panel:first-child .mod-expandables { margin-top: 30px; } #template-full.campaign .section.campaign_tabs .tab_panels > .panel:last-child .mod-expandables ul > li:last-child { border-top: 1px solid #ebe9e8; } #template-full.campaign .section.campaign_tabs .mod-expandables ul > li { border-top: 1px solid #ebe9e8; } #template-full.campaign .section.campaign_tabs .mod-expandables .trigger_expandable { display: block; } #template-full.campaign .section.campaign_tabs .mod-expandables .expandable { position: absolute; float: left; z-index: -1; visibility: hidden; left: -9999px; top: -9999px; padding: 0 25px 25px 45px; } #template-full.campaign .section.campaign_tabs .mod-expandables .open .expandable { position: relative; float: none; visibility: visible; z-index: 0; left: 0; top: 0; } /* AWS 5.4 - Secure Start Templates / Additions -----------------------------------------*/ /* AWS 5.4.1 - User Bar -------------------------------------------------------------*/ #ss-user_bar { padding: 10px 0 2px; } #ss-user_bar > .inner_container { width: 92%; } /* Not logged In */ #ss-user_bar fieldset ul > li > input { width: 130px; } /* AWS 5.4.2 - Simple Template Overrides --------------------------------------------*/ #template-simple.secure_start #related_content { width: 92%; } /* Product Details */ #template-simple.secure_start.alt_sidebar #sidebar > .inner_container { width: 92%; } /*--------------------------------------------------------------------------------------------- AWS 6.0 - 3rd Party Overrides /*-------------------------------------------------------------------------------------------*/ /* AWS 6.1 - Slider / Billboard (Layerslider) -------------------------------------------*/ #slider_container, #slider_container > .ls-container { height: 417px !important; } #slider_container .ls-bg, #slider_container .ls-inner .ls-curtile img, #slider_container .ls-inner .ls-nexttile img { width: 998px !important; margin-left: -499px !important; } /* Content Container */ .custom_slider .ls-slide > .content { width: 100%; height: 123px; } .custom_slider .ls-slide > .content > .inner { height: 123px; padding: 0 4%; } /* Small */ #slider_container.small, #slider_container.small > .ls-container { height: 302px !important; } /* Content Container */ .small .custom_slider .ls-slide > .content, .small .custom_slider .ls-slide > .content > .inner { height: 40px; } /* Small */ /* Control Overrides */ #slider_container.small .ls-bottom-nav-wrapper { margin-top: -40px; } } /*------------------------------------------------------------------------------------------------- Phone: 320(min-width)-639px -------------------------------------------------------------------------------------------------*/ @media only screen and (min-width: 100px) and (max-width: 639px) { .visible-mobile, .visible-phone { display: block; } .hidden-mobile, .hidden-phone, .invisible { display: none; } .secondary_link.hidden-phone { display: none; } /*--------------------------------------------------------------------------------------------- AWS 1.0 - Base Elements /*-------------------------------------------------------------------------------------------*/ body { -webkit-text-size-adjust: none; } fieldset .multicols > .col { float: none; width: 100% !important; } fieldset .multicols > .col + .col { margin: 20px 0 0; } /* AWS 1.2 - RTE Classes & Overrides ----------------------------------------------------*/ .align_img_left, .align_img_right { display: block; margin: 10px auto; float: none; } /* Images */ img.responsive { width: 100% !important; margin: 20px auto !important; } /* AWS 1.3 - Tables ---------------------------------------------------------------------*/ .table_container { border: 1px solid #878785; } .table_container > .btn:last-child { margin: 0 15px 15px; } .table_helper { margin: 30px 0 -20px; } .table_container.mobile_friendly > table { min-width: 700px; } /* Vertical Breakdown */ .table_container.vertical_breakdown { border: none; } .table_container.vertical_breakdown thead { display: none; } .table_container.vertical_breakdown .mobile-multiline { display: block; } .table_container.vertical_breakdown table { width: 100%; } /* IE9 Fix to force vertical stacking */ .table_container.vertical_breakdown tbody td { display: block; width: 100%; text-align: left; padding: 5px 20px; float: left \9; /* IE9 Fix to force vertical stacking */ } .table_container.vertical_breakdown tbody .hide-phone { display: none; } .table_container.vertical_breakdown tbody td:first-child { padding-top: 20px; } .table_container.vertical_breakdown tbody td:last-child { padding-bottom: 20px; } .table_container.vertical_breakdown tbody td:before { content: attr(data-col); display: inline; font-weight: bold; color: #878785; } .table_container.vertical_breakdown tbody td + td { border: none; } .table_container.vertical_breakdown tbody td .btn { display: block; margin-top: 20px; border: none !important; } .table_container.vertical_breakdown tbody td .btn.always_visible .hide { display: none; } .table_container.vertical_breakdown tbody td .btn.always_visible .txt { display: inline; } .table_container.vertical_breakdown tbody td .hr { display: block; border-color: #ddd; } /* Search IFU Results */ .table.ifu > thead { display: none } .table.ifu td + td, .table.ifu th + th { border-left: 0; } .table.ifu > tbody > tr > td { width: 100%; display: block; padding-bottom: 0; } .table.ifu > tbody > tr > td + td { font-size: 14px; padding: 0; padding: 5px 20px 20px 40px; } .table.ifu > tbody > tr > td > small { margin-top: 5px } /* Expandables */ .table_container.vertical_breakdown tbody td .mod-expandables { display: block; width: 100%; margin: 10px 0; } .table_container.vertical_breakdown tbody td .mod-expandables .trigger_expandable { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #878785; font-size: 14px; padding: 13px 30px 15px 0; } .table_container.vertical_breakdown tbody td .trigger_expandable:hover { color: #bf1e39; } .table_container.vertical_breakdown tbody td .mod-expandables .expandable_state { right: 0; } .table_container.vertical_breakdown tbody td .mod-expandables .expandable { padding: 10px 0 0; } .table_container.vertical_breakdown tbody td .mod-expandables .expandable p { font-size: 12px; color: #878785; } .table_container.vertical_breakdown tbody td .mod-expandables .expandable p + p { margin-top: 15px; } .table_container.vertical_breakdown tbody td .mod-expandables .expandable p:last-child { margin-bottom: 0; } .table_container.vertical_breakdown tbody td .mod-expandables .expandable p > a { border: none; } /* AWS 1.4 - Forms ----------------------------------------------------------------------*/ /* General Styles for Fieldsets and widths */ fieldset > ul, .fieldset { width: 100%; } fieldset > ul > li, .fieldset > li, fieldset > ul > li.half, .fieldset > li.half, fieldset > ul > li.quarter, .fieldset > li.quarter { width: 100%; margin: 0 0 14px; } fieldset > ul > li.new_line, .fieldset > li.new_line { margin-right: 0; } /* AWS 1.4.1 - Web Form For Markets(wffm) Overrides ---------------------------------*/ .g-recaptcha, #rc-imageselect { transform: scale(0.95); -webkit-transform: scale(0.95); transform-origin: 0 0; -webkit-transform-origin: 0 0; } /* Errors / Validator / Summary + Position - Width Changes*/ .wffm .scfSubmitSummary > span, .wffm .scfError > ul, .wffm .scfValidationSummary > ul, .wffm .scfSectionContent > div, .wffm .scfSectionContent > .halfAvailableWidth, .wffm .scfSectionContent > .thirdAvailableWidth { width: 100% !important; margin-right: 0; } /* AWS 1.4.2 - Sitecore 9 Forms Overrides ---------------------------------*/ .form_container .scfShorText, .form_container .halfAvailableWidth, .form_container .thirdAvailableWidth { width: 100% !important; margin-right: 0; } /*is this the best way?*/ .form_container > form > div > input, .form_container > form > div > select, .form_container > form > div > textarea { width: 100%; } /* AWS 1.5 - Blockquotes ----------------------------------------------------------------*/ /* Testimonial */ blockquote.testimonial > div { display: block; height: auto; } blockquote.testimonial > div > .media, blockquote.testimonial > div > .content { width: 100%; text-align: center; padding: 0; } blockquote.testimonial > div > .media > img { margin: 0 0 15px; } blockquote.testimonial > p { font-size: 24px; } blockquote.testimonial cite { font-size: 28px; } blockquote.testimonial cite + p { font-size: 18px; } /*--------------------------------------------------------------------------------------------- AWS 2.0 - Foundation (i.e. wrappers, nav, footer etc) /*-------------------------------------------------------------------------------------------*/ .outer_wrapper, .inner_wrapper { min-width: 320px; max-width: inherit; width: 100%; margin: 0 auto; } .inner_wrapper { overflow: visible; } .inner_container { width: 87.5% !important; } #content { min-height: inherit !important } /* AWS 2.1 - Header ---------------------------------------------------------------------*/ #header, .myHollister #header { height: 92px; border-bottom: 10px solid #bf1e39; } #header #logo { margin: 0 auto !important; width: 162px; display: block; position: relative; top: 24px; } #header #logo.hasText { top: 7px; } #header #logo > img { width: 100%; } #header #logo > span { position: static; display: block; font-size: 18px; } #header #logo > span:before { display: none; } /* Secure Start Adjustments */ .ss #header { height: 100px; } .ss #header #logo { position: relative; top: 40px; } .ss #launch-mobile_menu { height: 90px; } /* Mobile Menu Button */ #launch-mobile_menu { display: block; width: 72px; height: 82px; position: absolute; top: 0; left: -7.20%; border: none; } #launch-mobile_menu > span { position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -17px; } #launch-mobile_menu:hover, .menu-opened #launch-mobile_menu { background: #878787; } #launch-mobile_menu:hover > span, .menu-opened #launch-mobile_menu > span { background-position: -160px 0; } /* Menu Overlay */ .menu-opened #menu_overlay, .cart-opened #menu_overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .75); z-index: 99; } .menu-opened #header, .cart-opened #header { z-index: 2000; } /* Site Search */ #header .mod-site_search { display: none; } /* Mobile Menu Opened */ .menu-opened #header .mod-site_search { display: block; width: 275px; left: -7.20%; top: 82px; background: #e1e1e1; padding: 15px 10px; z-index: 100; } .menu-opened .mod-site_search:before { content: ''; position: absolute; top: -9px; left: 28px; width: 0; height: 0; border-style: solid; border-width: 0 8.5px 9px 8.5px; border-color: transparent transparent #e1e1e1 transparent; } .menu-opened .mod-site_search > .field { width: 234px; } .menu-opened .mod-site_search > .field > input { padding: 4px 0 0 8px; } .menu-opened .mod-site_search > button { top: 15px; right: 10px; } /* AWS 2.2 - Navigations ----------------------------------------------------------------*/ /* AWS 2.2.1 - Main Navigation */ #navigation { display: none; } .menu-opened #navigation { position: absolute; width: 275px; top: 133px; /* 175 when social menu exists */ left: 0; height: auto; border-radius: 0 0 5px 0; overflow: hidden; z-index: 100; background: none; } .menu-opened #launch-mobile_menu { z-index: 100; } .ss.menu-opened #navigation { top: 90px; } #navigation .nav { border: none; height: auto; display: block; } #navigation .nav > li { display: block; background: #fff; width: 275px !important; border: none; border-left: none !important; left: -7.25%; } #navigation .nav > li.visible-phone { display: block !important; } #navigation .nav > li + li { border-top: 1px solid #ebebeb; } #navigation .nav > li:hover:after { display: none; } #navigation .nav > li > a { color: #b91432; text-align: center; height: 60px; line-height: 16px; width: 100% !important; border: none; background: #fff !important; /* override highlighted class */ } #navigation .nav > li > a:hover, #navigation .nav > li > a.active { color: #fff; background: #b91432 !important; } #navigation .nav > li > a > span > .icon { display: none; } /* myHollister Adjustments */ .myHollister #navigation .nav > li:first-child > a { text-indent: 0; } .myHollister #navigation .nav > li:first-child > a:before { display: none; } /* Secure Start Adjustments */ .ss #navigation .nav, .ss #navigation .nav.right { margin: 0; float: none; } .ss #navigation .nav .icon, .ss #navigation .nav.right > li:first-child { display: none; } .ss #navigation .nav:first-child > li > a > span { font-size: 14px; text-transform: uppercase; } .ss #navigation .nav:first-child > li:first-child > a > span { padding: 0; } /* AWS 2.2.1.1 - Mega Menu */ .megamenu_container { display: none !important; } /* AWS 2.2.2 - Sub Navigation */ .subnav { width: 87.5%; margin: 30px auto; } /* AWS 2.2.3 - Utility Navigation */ #utility_navigation { position: static; } #utility_navigation > ul > li, #utility_navigation > ul > li > a > .icon.arrow-lg-down { display: none; } /* Speficic Menu Items */ /* Cart */ #utility_navigation > ul > .cart { display: block; width: 75px; height: 82px; border: none; border-radius: 0; top: 0; right: -7.25%; margin: 0 1px 0 0; position: absolute; } .cart-opened #utility_navigation > ul > .cart { z-index: 100; } #utility_navigation > ul > .cart.open { background: #b91432; } #utility_navigation > ul > .cart > a { display: block; width: 75px; height: 82px; padding: 25px 0 0; font-size: 12px; text-align: center; } #utility_navigation > ul > .cart.open > a { color: #fff; border: none; } #utility_navigation > ul > .cart.open > a:after { content: ''; position: absolute; bottom: 0; left: 50%; margin: 0 0 0 -8.5px; width: 0; height: 0; border-style: solid; border-width: 0 8.5px 9px 8.5px; border-color: transparent transparent #fff transparent; } #utility_navigation > ul > .cart > a > .icon.cart { position: relative; left: 50%; top: auto; display: block; margin: 0 0 -7px -14px; width: 26px; height: 20px; background-position: -21px -54px; } /* Basket Variation */ .useBasketIcon #utility_navigation > ul > .cart > a > .icon.cart { background-position: -269px -70px; width: 24px; height: 19px; margin: 0 0 -6px -11px; } .useBasketIcon #utility_navigation > ul > .cart > a > .icon.cart_number { top: 17px; margin-left: 5px; } #utility_navigation > ul > .cart.open > a > .icon.cart { background: none; } #utility_navigation > ul > .cart > a > .icon.cart_number { left: 50%; top: 19px; margin: 0 0 0 -6px; } #utility_navigation > ul > .cart.open > a > .icon.cart_number { background-position: 0 -81px; width: 19px; height: 19px; line-height: 19px; margin-left: -9px; top: 24px; } /* Additional Content */ #utility_navigation > ul > .open > .content { top: 82px; left: auto; right: 0; width: 320px; border-radius: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; overflow: hidden; } #utility_navigation > ul > .open > .content > .more_items { width: 80%; margin: 13px auto -5px; } #utility_navigation > ul > .open > .content > .btn { display: block; width: 80%; margin: 20px auto; } /* Social */ .menu-opened #utility_navigation > ul > .social { display: block; } #utility_navigation > ul > .social { border: none; border-radius: 0; top: 133px; left: -7.25%; position: absolute; z-index: 100; margin: 0; } #utility_navigation > ul > .social > a { display: none; } /* Additional Content */ #utility_navigation > ul > .social > .content { display: block; width: 275px; height: 42px; background: #e1e1e1; border-radius: 0; padding: 0 10px; border: none; position: static; } #utility_navigation > ul > .social > .content > ul { display: block; text-align: center; } #utility_navigation > ul > .social > .content > ul > li { display: inline-block; margin: 0 4px; } #utility_navigation > ul > .social > .content > ul > li > a { width: 32px; height: 32px; overflow: hidden; padding: 8px; } #utility_navigation > ul > .social > .content > ul > li > a > .icon { top: 0; margin: 0; } #utility_navigation > ul > .social > .content > ul > li > a > span > img { top: -17px; } /* AWS 2.2.4 - myHollister Navigation */ #mobile-logout { background: none; width: 72px; height: 82px; position: absolute; top: 0; right: -7.2%; text-align: center; text-transform: uppercase; border: none; color: #878785; } #mobile-logout:hover { color: #bf1e39; } #mobile-logout:hover > span { background-position: -104px -176px; } #mobile-logout > span { display: block; margin: 27px auto 5px; } /* User Bar */ #myh-user_bar { display: none; } #myh-user_bar > ul > li:last-child { display: none !important; } .myHollister.menu-opened #myh-user_bar { display: block; width: 275px; left: -7.20%; top: 82px; background: #e1e1e1; padding: 18px 10px 14px; z-index: 100; position: absolute; } .myHollister.menu-opened #myh-user_bar:before { content: ''; position: absolute; top: -9px; left: 28px; width: 0; height: 0; border-style: solid; border-width: 0 8.5px 9px 8.5px; border-color: transparent transparent #e1e1e1 transparent; } .myHollister.menu-opened #myh-user_bar > ul > li { font-size: 12px; } .myHollister.menu-opened #myh-user_bar > ul > li:first-child { width: 180px; } /* Utility Navigation */ #myh-utility_nav { display: none; } /* AWS 2.3 - Footer ---------------------------------------------------------------------*/ #footer { padding: 23px 0 20px; } #footer > .inner_container { padding: 0 25px; } /* Disclaimer */ #disclaimer > .inner_container { padding: 25px 0 20px; } /* Upcomming Events */ #upcoming_events .col { float: none; width: 100%; margin: 0; } #upcoming_events .col + .col { margin: 30px 0 0; } /* Site Map */ #footer .site_map > .col, #footer .site_map .col1 .col { width: 100%; text-align: center; float: none; margin: 0; } /* Copyright */ #copyright { margin: 15px 0 0; } #copyright > a { float: none; display: block; } #copyright > p { float: none; } #copyright > p + p { line-height: 18px; } /* CE Mark */ #copyright > p.ce_mark { text-align: center } /* myHollister Adjustments */ .myHollister #copyright > p { line-height: 18px; } /* Social */ #footer .social { float: none; display: inline-block; } /* Back to Top Button */ #footer .btn-back_to_top { top: 0; -moz-transform: scale(.75); -webkit-transform: scale(.75); -o-transform: scale(.75); -ms-transform: scale(.75); transform: scale(.75); } /* AWS 2.4 - Sidebar --------------------------------------------------------------------*/ #sidebar { position: static; width: 100%; margin: 30px 0 0 !important; } #sidebar > .inner_container { width: 100%; } #sidebar .sidebar { position: static; width: 100%; border: none; margin: 0; float: none; } #sidebar .sidebar > h4, #sidebar .callout.third, #sidebar .callout.fourth { display: none; } /* Alt Sidebar */ .alt_sidebar #sidebar .sidebar > h2 { text-align: left; } /* Image */ #sidebar .callout > .image { margin: 5px 0 15px; } #sidebar .callout > .image > img { width: 100%; display: block; margin: 0 auto; max-width: 228px; } /* Second */ #sidebar .callout.first, #sidebar .callout.second { padding: 20px 0 25px; } #sidebar .callout.first > div, #sidebar .callout.second > div { width: 87.5%; margin: 0 auto; } #sidebar .callout.second > .content { height: auto; overflow: visible; } #sidebar .callout.banner.first { padding: 0; } #sidebar .callout.second .mod-listing li > br { display: none; } #sidebar .callout.second .mod-listing li > br + a { margin-left: 5px; } /* Banner */ #sidebar .callout.banner { width: 100%; margin: 0; overflow: hidden; } #sidebar .callout.banner > .visible-phone { position: relative; height: 289px; } #sidebar .callout.banner > .visible-phone > img { position: absolute; top: 0; left: 50%; width: 640px; margin: 0 0 0 -320px; } /* myHollister Adjustments */ .myHollister #sidebar { display: none; } .myHollister #sidebar.always_visible { display: block; } .myHollister #sidebar.always_visible > .inner_container { width: 87.5%; } /* AWS 2.5 - Breadcrumbs ----------------------------------------------------------------*/ /* Template Overrides */ #template-full.campaign .section.breadcrumbs + #content > .section:first-child > .inner_container { padding-top: 0; } #template-results .section.breadcrumbs .inner_container .content { padding: 0; } /*--------------------------------------------------------------------------------------------- AWS 3.0 - Reusable Components /*-------------------------------------------------------------------------------------------*/ /* AWS 3.1 - Aware Custom Components ----------------------------------------------------*/ /* AWS 3.1.1 - Modal Windows --------------------------------------------------------*/ .modal-container { width: 90%; margin: 0 0 0 -45%; } .modal-container .modal-content { padding: 50px 20px 40px; } .modal-confirmation .modal-buttons > li { width: 48%; } .modal-confirmation .modal-buttons > li + li { margin-left: 4%; } .modal-confirmation .modal-buttons > li > .btn { min-width: 100%; } /* Modals -----------------------------------------------------------------------*/ .modal-content .btn:link { min-width: 215px; } /* Cookie */ .modal-container.cookie { width: 90%; min-width: 290px; } /* Login */ .modal-container.login { width: 90%; min-width: 290px; margin: 0 0 0 -45%; } /* Media */ .modal-media .multicols.cols2 .col { width: 100%; float: none; } .modal-media .multicols.cols2 .col + .col { margin: 30px 0 0; width: 100%; } /* Thumbnail Gallery */ .modal-container.thumbnail_gallery { width: 90%; height: 360px; margin: 0 0 0 -45%; } /* AWS 3.1.2 - Carousel -------------------------------------------------------------*/ .carousel_container .carousel { padding-bottom: 50px; } .carousel_container .carousel .wrapper { width: 320px; } .carousel_container .carousel .slides > .slide { width: 140px; height: 300px; padding: 20px 0 0; } /* Prev / Next Buttons */ .carousel_container .carousel > .nav { top: auto; bottom: 0; } .carousel_container .carousel > .prev, .campaign_carousel .carousel > .prev { left: 50%; margin: 0 0 0 -40px; } .carousel_container .carousel > .next, .campaign_carousel .carousel > .next { right: 50%; margin: 0 -40px 0 0; } /* Custom Content */ /* Feature */ .carousel.feature { padding: 30px 0; } .carousel.feature .wrapper { width: 320px; } .campaign_carousel .carousel.feature .wrapper { margin-top: 20px; } .carousel.feature .nav { top: 160px; } .carousel.feature .slide { width: 140px; height: 160px; padding: 0; } .carousel.feature .slide > .image { width: 140px; height: 140px; } .carousel.feature .slide.selected > .image img { top: -140px; } .carousel.feature .panels { width: 87.5%; margin: 45px auto 0; } /* Video */ .carousel.feature.video { padding-bottom: 40px !important; } .carousel.feature.video.bottom .nav { bottom: 0; } .carousel.feature.video .slide > .content > h6 { font-size: 12px; line-height: 16px; } /* Utility */ /* Bottom Aligned Featured Carousel */ .carousel.feature.bottom .nav { bottom: 8px; } /* AWS 3.2 - Modules (i.e. reusable design parts(e.g. lists, etc)) ----------------------*/ /* Alternating Cotent */ .mod-alternating .row { display: flex; height: auto; border: none; flex-direction: column; } .mod-alternating .row > div { width: 100%; display: block; } .mod-alternating .row > .content { padding: 25px; order: 99; -webkit-order: 99; } .mod-alternating .row > .media > img { position: static; width: 100%; -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } /* Buttons */ .mod-buttons > .btn { display: block; } .mod-buttons > .btn + .btn { margin-top: 30px; } /* Cart Preview */ .mod-cart_preview { width: 100% !important; margin-top: 20px !important; } .mod-cart_preview > ul > li > img { display: block !important; width: 40px !important; float: left !important; } .mod-cart_preview > ul > li > img + .content { padding: 0 20% 0 0 !important; width: 80% !important; float: right !important; min-height: 51px; } .mod-cart_preview > ul > li > .content > .icon { top: 50%; margin-top: -8px; } /* Clone Items */ /* Variants */ /* Products */ .isEditable .mod-clone.products .js-clone { padding-left: 50px; } .mod-clone.products .js-clone + .js-clone { margin-top: 30px; } .mod-clone.products .js-clone > .col4 { position: absolute; top: 1px; left: 0; } .mod-clone.products .js-clone label { display: block !important; } .mod-clone.products .js-clone .trigger-remove { top: 0 !important } /* Contact */ .mod-contact > .form_container, .mod-contact > .details { float: none; width: 100%; } .mod-contact > .form_container:after { display: none; } .mod-contact > .details { margin-top: 20px; } .mod-contact .btn { width: 100%; } /* Divider Well */ /* Misc Components Within */ /* myHollister Account - Balance Info */ .mod-divider_well .myh-account.cols2 .col1, .mod-divider_well .myh-account.cols2 .col2 { width: 100%; margin: 0; float: none; } .mod-divider_well .myh-account.cols2 .col + .col { margin-top: 10px; } .mod-divider_well .myh-account .btn { float: none; } /* Dropdown */ .mod-dropdown > ul > li > .content p { padding: 0 30px; } .mod-dropdown > ul > li > .content .btn { width: 80%; margin: 20px auto; display: block; } /* Expandables */ .mod-expandables { width: 112.5%; margin-left: -6.25%; } /* Additional Overrides */ .mod-expandables .mod-grid { width: 100%; margin: 0; } /* Technology */ .mod-expandables.technology .multicols .col { width: 100% !important; float: none; } .mod-expandables.technology .multicols .col1 { margin-bottom: 20px; } .mod-expandables.technology .multicols .col1 img { max-width: 400px; margin: 0 auto; display: block; } /* Errors */ .mod-errors { width: 100%; } /* Filters */ .mod-filters, .mod-filters > div { display: block; } .mod-filters > div + div { margin-top: 3px; } .mod-filters > div .content { position: static; width: 100%; border-top: 0; } /* Filter Selections */ .mod-filter_selections { display: block; } .mod-filter_selections > div { display: block; padding: 8px 15px; } .mod-filter_selections > .header { width: 100%; } /* Gallery */ .mod-gallery { margin-bottom: 0; } .mod-gallery > span { width: 50px; right: auto; left: 50%; margin: 0 0 0 -25px; text-align: center; } .mod-gallery > ul { width: 70%; } .mod-gallery > ul > li { width: 100%; min-width: 100%; margin: 0; } .mod-gallery > ul > li.hidden-mobile, .mod-gallery > ul > li.hidden-phone { display: none; } .mod-gallery > ul > .active > a { border: 1px solid #bf1e39; width: 100% !important; position: static !important; margin: 0 auto !important; max-width: 300px; } .mod-gallery > ul > .active > a > span, .mod-gallery.captions > ul > li > a > span { display: none !important; } /* Gallery: Thumbnail */ .mod-thumbnail_gallery .btn-zoom { display: none; } /* Thumbnails */ .mod-thumbnail_gallery .thumbnails { display: none; } /* Images */ .mod-thumbnail_gallery .images { width: 100%; } .mod-thumbnail_gallery .images .cycle .cycle-slide { cursor: default; } /* Full Sized Images */ .mod-thumbnail_gallery .images.full { width: 100%; height: 360px; } .mod-thumbnail_gallery .images.full .cycle, .mod-thumbnail_gallery .images.full .cycle > div { height: 360px; } .mod-thumbnail_gallery .images.full .cycle img { max-height: 320px } /* Grid */ /* Image */ .mod-grid > .item > .image img { display: block; width: 100%; max-width: 160px; margin: 0 auto; } /* Locations */ .mod-grid.locations > .row > .item { float: none; width: 100%; margin: 0; } .mod-grid.locations > .row > .item + .item { margin-top: 20px; } /* Popular Products */ .mod-grid.popular_products { margin-bottom: 60px; } .mod-grid.popular_products > .item { width: 100%; height: auto !important; float: none; padding: 20px; position: relative; margin: 0; } .mod-grid.popular_products > .item + .item { margin-top: 20px; } .mod-grid.popular_products > .item > .content > h2 { margin: 0 0 20px; } .mod-grid.popular_products > .item > .image + .content > h2 { margin-top: 20px; } .mod-grid.popular_products > .item > .content > .btn { position: static; margin-right: 0; } /* Additional Info */ .mod-grid.popular_products > .item.info { border: 1px solid #efefef; padding: 20px; } .mod-grid.popular_products > .item.info .content p { line-height: 16px; } /* Small */ .mod-grid.popular_products.small > .item, .mod-grid.popular_products.small > .item.info { height: 200px; } /* Search Listing */ .mod-grid.search_listing + .mod-pagination { margin-top: 10px; } .mod-grid.search_listing > .content { margin: 0; } .mod-grid.search_listing > .content > .item { width: 45% !important; height: 280px; margin: 0 0 25px !important; } .mod-grid.search_listing > .content > .item:nth-of-type(even) { margin-left: 10% !important; } .mod-grid.search_listing > .content > .item > .image, .mod-grid.search_listing > .content > .item > .content { width: 100%; max-width: 186px; } .mod-grid.search_listing > .content > .item > .content { padding: 14px 0 0; } /* Site Map */ .mod-grid.site_map { padding: 15px 20px; } .mod-grid.site_map > div + div { margin: 16px 0 0; } .mod-grid.site_map .item { width: 100%; padding: 0; float: none; } .mod-grid.site_map .item + .item { margin: 22px 0 0; } /* Site Portals */ .mod-grid.site_portals > .item { width: 100%; margin: 0; } .mod-grid.site_portals > .item + .item { margin: 35px 0 0; } .mod-grid.site_portals > .item > .header, .mod-grid.site_portals > .item > .content { height: auto; min-height: inherit; } /* Site Section */ .mod-grid.site_section > .row + .row { margin: 15px 0 0; } .mod-grid.site_section > .row > .item { width: 100%; float: none; } .mod-grid.site_section > .row > .item + .item { margin: 15px 0 0; } /* Site Search */ /* Stock */ .mod-site_search.stock > .field { width: 60%; } .mod-site_search.stock > .verification { width: 100%; margin: 10px 0 0; } /* Secure Start Contacts */ .mod-grid.ss-contacts { margin: 0 0 40px; } .ss .mod-grid.ss-contacts { margin-top: 30px; } .mod-grid.ss-contacts > .item { width: 100%; margin: 0; float: none; } .mod-grid.ss-contacts > .item + .item { margin: 20px 0 0; } /* Header & Buttons */ .mod-header_btns > .multicols > .col1, .mod-header_btns > .multicols > .col2 { float: none; width: 100%; margin: 0; } .mod-header_btns > .multicols > .col2 { margin-top: 20px; } .mod-header_btns > .multicols > .col2 .btn.outline { float: left; } /* Listing */ /* Breadcrumbs */ .mod-listing.breadcrumbs > ul > li:last-child { margin-right: 0; } /* Cart */ .mod-listing.cart { width: 320px; } .mod-listing.cart > ul > li { padding: 0 30px; } .mod-listing.cart > ul > li:first-child { border-top: none; } .mod-listing.cart > ul > li > .content > a { width: 262px; } /* Filter Selections */ .mod-listing.filter_selections { margin: 0 0 15px; background: none; padding: 0; } .mod-listing.filter_selections > ul > li { display: block; clear: both; margin: 0; } .mod-listing.filter_selections > ul > li:first-child { margin: 0 0 0 -7%; background: #ebe9e8; display: block; float: none; padding: 9px 7% 4px; width: 114%; position: relative; } .mod-listing.filter_selections > ul > li:first-child > span { display: block; margin: 0 0 3px; } .mod-listing.filter_selections > ul > li + li { margin: 8px 0 0; } .mod-listing.filter_selections > ul > li > a > .icon { margin: 0 0 0 6px; background-position: -27px -92px; width: 6px; height: 8px; } .mod-listing.filter_selections > ul > li > a:hover > .icon { background-position: -20px -92px; } /* Sample Cart */ .mod-listing.sample_cart > ul > li { width: 100%; position: relative; padding-bottom: 60px; } .mod-listing.sample_cart > ul > li > .trigger-delete_cart_item { top: auto; bottom: 11px; right: 15px; } .recommended-product__cart .trigger-add_cart { top: auto; bottom: 11px; right: 15px; } /* Image */ .mod-listing.sample_cart > ul > li > .image { width: 33%; padding: 0; } /* Content */ .mod-listing.sample_cart > ul > li > .content { width: 67%; padding-left: 10px; } /* Header */ .mod-listing.sample_cart > ul > li > .content > .header { position: static; } .mod-listing.sample_cart > ul > li > .content > .header > h4 { padding: 0; } .mod-listing.sample_cart > ul > li > .content > .header > .mod-dropdown { top: auto; right: auto; bottom: 0; left: 15px; } .mod-listing.sample_cart > ul > li > .content > .header > .mod-dropdown .content { right: auto; left: -1px; } /* myHollister Adjustments */ .myHollister .mod-listing.sample_cart > ul > li { padding-bottom: 9px; } .myHollister .mod-listing.sample_cart > ul > li > .trigger-delete_cart_item { bottom: inherit; } /* Multicols */ /* Columns */ .mod-multicols .cols { display: block; } .mod-multicols .cols .col, .mod-multicols .multicols .col { display: block; width: 100% !important; min-height: auto !important; float: none; } .mod-multicols .multicols .col { margin: 0; } .mod-multicols .multicols .col + .col { margin-top: 15px; } /* Multicols(non-module) Overrides */ .multicols.standard > div { width: 100% !important; margin: 0 !important; float: none !important; } .multicols.standard > div + div { margin-top: 20px !important; } /* Module Content */ .multicols.mod-content > .col1 { width: 100%; margin: 0; float: none; } .multicols.mod-content > .col2 { width: 100%; margin: 20px 0 0; } .multicols.mod-content > .col > img { display: block; margin: 15px auto 20px; width: 280px; } .multicols.mod-content > .col2 > img:first-child { display: none; } /* Various Layouts */ /* Secure Start Login Dependant CTA */ .mod-multicols.ss-login-cta .col:first-child, .mod-multicols.ss-login-cta .col:last-child { display: none; } /* myH Form */ .mod-myh_form .mod-errors { width: 100%; } /* News + Events */ .mod-news_events > .item > .image { padding: 0; } /* Order Details */ .mod-order_details .multicols.cols3 .col1 { width: 100%; } .mod-order_details .multicols.cols3 .col2, .mod-order_details .multicols.cols3 .col3 { width: 100%; margin: 0; } /* Order History */ .mod-filtered_form { width: 100%; } /* Pagination */ .mod-pagination { padding: 0; } /* Pagination Container */ .mod-pagination_container .multicols > .col { width: 100%; float: none; margin: 0; } .mod-pagination_container .multicols > .col.col2 { margin: 30px 0 0; } .mod-pagination_container .mod-pagination { float: none; } /* Recommended */ .mod-recommended > ul { text-align: center; } .mod-recommended > ul > li { display: inline-block; margin: 0; } .mod-recommended > ul > li + li { margin-top: 15px; } /* Results Options */ .mod-results_options.align-right { text-align: left; } .mod-results_options.right { float: none; } /* Search v2 */ .mod-search2 .multicols.cols2 > .col { padding: 15px; } .mod-search2 .multicols.cols2 > .col1 { width: 100%; } .mod-search2 .multicols.cols2 > .col2 { width: 100%; text-align: left; padding-top: 0; } .mod-search2 .multicols.cols2 > .col2:before { display: none; } .mod-search2 .search > input { width: 60%; } /* Site Search */ .mod-site_search.half { width: 100%; } .mod-site_search.alt > .field { width: 75%; margin-right: 0; } .mod-site_search.alt > button { width: 20%; float: right; } /* Search Summary */ .mod-search_summary { margin: 0 0 20px; } .mod-search_summary:after { display: none; } .mod-search_summary .summary, .mod-search_summary .sortby { width: 100%; float: none; } .mod-search_summary .sortby { text-align: left; margin: 16px 0 0; } /* Drop Down */ .mod-search_summary .mod-dropdown > ul > li > .content { left: -1px; right: auto; } /* Search IFU */ .module.mod-search_ifu { margin-top: 20px; margin-bottom: 40px; } .mod-search_ifu .cols3 .col { margin: 0; } .mod-search_ifu .cols3 .col, .mod-search_ifu button { width: 100%; } .mod-search_ifu button { margin-top: 0; } .mod-search_ifu input[type="text"], .mod-search_ifu select { margin-bottom: 20px; } /* Signature */ .mod-signature .multicols .col { width: 100% !important; float: none; } .mod-signature .multicols .col2 { margin: 20px 0 0; } /* Standalone Callout */ /* Floated */ .mod-standalone_callout.float_right { float: none; display: block; width: 100%; margin: 10px 0; } /* Summary */ .mod-summary:before { display: none; } .mod-summary .multicols.cols3 .col { width: 100%; margin: 20px 0 0; } .mod-summary .multicols.cols3 .col1 { margin-top: 0; } .mod-summary .col + .col:before { display: none; } /* Support */ .mod-support ul { display: block; } .mod-support ul li { display: block; width: 290px !important; left: 50%; margin-left: -145px !important; } .mod-support ul li + li { margin-top: 10px; } /* AWS 3.3 - Callouts -------------------------------------------------------------------*/ /* Site Portal */ .callout.site_portal { width: 100%; height: auto; position: relative; border: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; } /* Content */ .callout.site_portal > .content { width: 100%; height: auto; padding: 25px 5% 28px; float: none; } .callout.site_portal.orange > .content:after { display: none; } .callout.site_portal > .content > .btn { position: static; display: block; margin: 22px 0 0; width: 100%; } /* Image & Video */ .callout.site_portal > .image { display: none; } .callout.site_portal > .image.video { width: 100%; padding: 0; } /* AWS 3.4 - Layouts (i.e. more complex designs, tend to hold one or more modules) ------*/ /* AWS 3.4.1 - Product Details ------------------------------------------------------*/ .layout.product_details { width: 100%; margin: 0; } .layout.product_details .launch-sidebar { display: inline-block; } .layout.product_details > .features > .btn_container { display: block; width: 90%; margin: 31px auto 0; } .layout.product_details > .features > .btn_container > .btn { display: block; min-width: inherit; } .layout.product_details > .features > .btn_container p { margin: 5px 0 0; font-size: 12px; text-align: center; } .layout.product_details > .specs { margin-bottom: 30px; } .layout.product_details > .specs > .table_container > table tfoot td { padding: 14px 10px 10px } /* AWS 3.4.2 - Results Options ------------------------------------------------------*/ /* Settings */ .layout.results_options .settings > div { width: 100%; margin: 0; } .layout.results_options .settings > div + div { margin-top: 20px; } .layout.results_options .settings > div:first-child .mod-results_options li { float: none; display: block; margin-bottom: 10px; } .layout.results_options .settings > div:first-child .mod-results_options .select { width: 100%; margin: 0; } /* Summary */ .layout.results_options .summary { padding: 11px 20px 18px; } .layout.results_options .summary > div { display: block; width: 100%; text-align: center; } .layout.results_options .summary > div + div { margin: 20px 0 0; width: 100%; text-align: center; } .layout.results_options .summary > div + div > .btn { display: block; } /* Layout for Three options */ .layout.results_options.three .settings > div + div { margin-top: 10px; } /* AWS 3.4.4 - myHollister Quick Order ----------------------------------------------*/ .layout.myh_quick_order fieldset ul li { width: 100%; } .layout.myh_quick_order fieldset ul li + li { margin-left: 0; } .layout.myh_quick_order > .multicols.cols2 { margin: 10px 0; } .layout.myh_quick_order > .multicols.cols2 .col { width: 100%; } .layout.myh_quick_order > .multicols.cols2 .col + .col { margin: 10px 0 0 0; } .layout.myh_quick_order > .multicols.cols2 .col > .btn { display: block; } .layout.myh_quick_order > .multicols.cols2 .col > a { float: none; } /* AWS 3.4.5 - Account Login/Creation -----------------------------------------------*/ .layout.login_creation > hr { width: 100%; } .layout.login_creation > .multicols > .col { width: 100%; float: none; margin: 0; } .layout.login_creation > .multicols > .col + .col { margin-top: 20px; } /* AWS 3.4.6 - SS Step 2 ------------------------------------------------------------*/ .layout.ss-step2 .column-left { width: 100%; margin-bottom: 20px; } .layout.ss-step2 .column-right { width: 100%; } /* Search Listing */ .layout.ss-step2 .mod-grid.search_listing > .content { margin-left: 0; } .layout.ss-step2 .mod-grid.search_listing > .content > .item { width: 100% !important; margin: 0 0 50px 0 !important; height: auto !important; } .layout.ss-step2 .mod-grid.search_listing > .content > .item > .content { max-width: inherit; height: auto; } /* Search Summary */ .layout.ss-step2 .mod-search_summary { margin-bottom: 0; } /* AWS 3.4.7 - SS Step 3 ------------------------------------------------------------*/ .layout.ss-step3 .column-left, .layout.ss-step3 .column-right { float: none; width: 100%; } .layout.ss-step3 .column-right { margin-top: 60px; } .layout.ss-step3 .column-left .btn_container > div { width: 100%; margin: 0; } .layout.ss-step3 .column-left .btn_container > div > .btn { display: block; float: none; } .layout.ss-step3 .column-left .btn_container > div.col1 { display: none; } .layout.ss-step3 .mod-cart_preview > ul > li > .content > .icon { top: 10px; margin: 0; } /* AWS 3.4.8 - Article Listing Carousel ---------------------------------------------*/ /* Filters */ .layout.article_listing_carousel .results_options { padding: 0 15px 0; } .layout.article_listing_carousel .mod-results_options.align-right > ul { display: block; } .layout.article_listing_carousel .mod-results_options.align-right > ul > li { float: none; width: 100%; margin: 0; } /* jQuery Cycle */ .layout.article_listing_carousel .cycle-article { padding: 0 15px; } /* Controls */ .layout.article_listing_carousel .cycle-article .control, .layout.article_listing_carousel .cycle-article .cycle-pager { display: none; } /* Button Container */ .layout.article_listing_carousel .btn_container { margin-top: 45px; } /* AWS 3.4.9 - Hero -----------------------------------------------------------------*/ .layout-hero { height: auto; padding-top: 400px; } .layout-hero > .inner_container { height: auto; } /* Multicolumn Overrides */ .layout-hero .mod-multicols { display: block; } .layout-hero .mod-multicols > .multicols { display: block; } .layout-hero .mod-multicols > .multicols > .col { padding: 15px 0; float: none; margin: 0; } /* Variations */ /* Intro */ .layout-hero.intro { padding: 0; } .layout-hero.intro .mod-multicols .multicols > .col { width: 100% !important; padding: 50px 0; } .layout-hero.intro .content > a:not(.btn) + a { margin: 0; } .layout-hero.intro .content > a:not(.btn) + a:before { content: ''; display: block; width: 100%; height: 20px; } /* AWS 3.4.10 - Site Portals --------------------------------------------------------*/ .layout-site_portals .multicols { display: block; } .layout-site_portals .multicols .col { width: 100%; float: none; } .layout-site_portals .multicols .col + .col { margin: 20px 0 0; } .layout-site_portals .callout.site_portal { display: block; min-height: 0; } .layout-site_portals .callout.site_portal > .content { border-radius: 0; flex-grow: 1; padding: 20px !important; width: 100%; margin: 0; } /* AWS 3.4.12 - Testimonials Carousel -----------------------------------------------*/ /* Blockquote Overrides */ .layout-testimonials_carousel blockquote { padding: 30px; } /* Controls (i.e. next/prev) */ .layout-testimonials_carousel .cycle-testimonials .control { display: none; } /* AWS 3.4.13 - Sample Order History ------------------------------------------------*/ .layout-sample_order_history > .multicols { display: none; } /* Expandable Overrides */ .layout-sample_order_history .mod-expandables { width: 100%; margin: 0; } .layout-sample_order_history .mod-expandables > ul > li { padding: 15px 10px 10px; } .layout-sample_order_history .mod-expandables .expandable { padding: 25px 0; } .layout-sample_order_history .mod-expandables .multicols > .col { width: 100%; margin: 0; } .layout-sample_order_history .mod-expandables .multicols > .col + .col { margin-top: 15px; } .layout-sample_order_history .mod-expandables .multicols .hidden { display: block !important; visibility: visible; } .layout-sample_order_history .mod-expandables .multicols > .col p { text-align: left; } .layout-sample_order_history .mod-expandables .trigger_expandable { top: 0; width: inherit; margin: 20px 0 10px; text-align: left; font-size: 14px; } /* Sample Cart Listing Overrides */ .layout-sample_order_history .mod-listing.sample_cart > ul > li { width: 100%; } /* AWS 3.4.14 - Consultant ----------------------------------------------------------*/ .layout-consultant .multicols .col1 { display: none; } .layout-consultant .multicols .col2 { float: none; width: 100%; margin: 0; } .layout-consultant .multicols .col2 h2 { text-align: center; } .layout-consultant .multicols .col1 img { margin: 0 auto; display: block; } /*--------------------------------------------------------------------------------------------- AWS 4.0 - Buttons & Icons /*-------------------------------------------------------------------------------------------*/ .btn.large { display: block; width: 100%; } /* AWS 4.1 - Buttons --------------------------------------------------------------------*/ .btn_container > .btn + .btn { margin-top: 20px !important; } /* Button Container Alt */ .btn_container.alt > .btn { display: block; width: 100%; padding: 15px; margin: 0; font-size: 16px; } /* AWS 4.3 - Badges ---------------------------------------------------------------------*/ .badge { width: 80px; height: 80px; border-radius: 40px; font-size: 12px; } /*--------------------------------------------------------------------------------------------- AWS 5.0 - Template Specific (i.e. override display of any design element on a specific template) /*-------------------------------------------------------------------------------------------*/ #content { border: none; } /* 5.1 - Simple -------------------------------------------------------------------------*/ #template-simple #content { padding: 0; } #template-simple #content:first-child { padding: 15px 0 0; } .server_error #template-simple #content { padding: 30px 0; } #template-simple .section > .inner_container > .content, #template-simple .section.full > .inner_container > .content, #template-simple .section.extended > .inner_container > .content { width: 100%; padding: 0; } #template-simple .section.full > .inner_container > .content > h2 { padding: 0 6.25%; } #template-simple .section + .section { margin: 50px 0 0; } #template-simple .section > .inner_container > .content > .mod-grid.site_section { margin: 0; } #template-simple .section.full.carousel_container:first-child > .inner_container { padding-top: 10px; } /* myHollister Adjustments */ .myHollister #template-simple #related_content { padding-top: 40px; } .myHollister #template-simple .section > .inner_container > .content > .mod-grid.site_section { margin-top: 30px; } .myHollister #template-simple .site_section > .row { width: 100%; } .myHollister #template-simple .site_section > .row > .item { width: 49%; float: left; } .myHollister #template-simple .site_section > .row > .item + .item { margin: 0 0 0 2%; } .myHollister #template-simple .site_section > .row > .item > .image > a { display: block; height: auto; /* undo height 1px declaration for FF */ } .myHollister #template-simple .site_section > .row > .item > .image > a > .image_container { position: static; margin: 0 auto; } .myHollister #template-simple .site_section > .row > .item > .image > a > .header { padding: 0; text-align: center; display: block; font-size: 17px; } .myHollister #template-simple .site_section > .row > .item > .image > a > .header .icon { display: none; } /* Base Elements - Align Left Edge */ #template-simple .section > .inner_container > .content > h2, #template-simple .section.image_container.full > .inner_container > .content > h2, #template-simple .section > .inner_container > .content > p { padding: 0; } /* Video & Image Containers */ /* Full */ #template-simple .section.image_container.full > .inner_container { width: 87.5%; } /* Utility / Specific Clases */ /* Breadcrumbs */ #template-simple .section.breadcrumbs + .section { margin: -10px 0 0; } #template-simple .section.breadcrumbs + .section > .inner_container:before { display: none; } /* Horizontal Rule */ #template-simple #sidebar > .inner_container:before, #template-simple .section + .section > .inner_container:before { content: ''; width: 300px; height: 1px; background: url('../images/hr-mobile.png') no-repeat; position: absolute; top: -30px; left: 50%; margin: 0 0 0 -150px; } #template-simple #sidebar > .inner_container:before, #template-simple.secure_start #sidebar > .inner_container:before, #template-simple.secure_start .section + .section > .inner_container:before { display: none; } /* Image Container */ #template-simple .section.image_container > .inner_container { height: auto; } #template-simple .section.image_container > .inner_container > .content { float: none; width: 100%; padding: 25px 0; } #template-simple .section.image_container > .inner_container > .image { display: none; } /* Video Container */ #template-simple .section.video_container { padding: 35px 0; background: #fff; margin: 0; } #template-simple .section.video_container > .inner_container { width: 100%; padding: 0; } #template-simple .section.video_container > .inner_container > .content { width: 100%; padding: 0; margin: 0; background: none; } #template-simple .section.video_container .content > h2 { padding: 0 6.25%; } /* AWS 5.1.1 - Product Details ------------------------------------------------------*/ #template-simple.product_details #slider_container { display: none; } #template-simple.product_details .section + .section > .inner_container:before { display: none; } /* Sidebar */ #template-simple.product_details #sidebar { background: #ebe9e8; width: 100%; padding: 0 0 20px; margin: 0 !important; z-index: 200; border-bottom: 10px solid #bf1e39; } #template-simple.product_details #sidebar.open { left: 0; -webkit-box-shadow: 0 5px 15px 0 rgba(36, 36, 36, .4); box-shadow: 0 5px 15px 0 rgba(36, 36, 36, .4); } #template-simple.product_details #sidebar .sidebar > h4 { display: block; margin: 0 0 20px; padding: 15px 5%; } #template-simple.product_details #sidebar .sidebar > .visible-phone { padding: 0 5%; } #template-simple.product_details #sidebar a.close-sidebar { font-size: 16px; margin: 0; } #template-simple.product_details #sidebar a.close-sidebar > .icon { background-position: -61px -42px; margin: 0 5px 0 0; top: 0; } #template-simple.product_details #sidebar .callout { padding: 20px 5%; background: #ebe9e8; } #template-simple.product_details #sidebar .callout.help { display: none; } #template-simple.product_details #sidebar .row + .row, #template-simple.product_details #sidebar .callout + .callout { border-top: 1px solid #ccc; } /* AWS 5.1.3 - Reverse (left nav !sidebar) ------------------------------------------*/ #template-simple.reverse { width: 100%; padding: 0 6.25%; display: flex; flex-direction: column; display: -webkit-flex; -webkit-flex-direction: column; -webkit-box-orient: vertical; } #template-simple.reverse > .breadcrumbs { margin: 15px 0 0; } #template-simple.reverse > .breadcrumbs .inner_container { width: 100%; } #template-simple.reverse > .breadcrumbs .breadcrumbs { padding-bottom: 5px; } #template-simple.reverse > #left_nav { width: 100%; padding: 0; order: 99; -webkit-order: 99; margin-bottom: 30px; } #template-simple.reverse > #content { width: 100%; padding: 0 0 30px; } /* AWS 5.2 - Results --------------------------------------------------------------------*/ #template-results { width: 100%; position: relative; overflow: hidden; } #template-results #content .mod-search_summary + .inner_content { padding-top: 28px; } /* Search Tools */ #search_tools { position: absolute; left: -100%; top: 0; background: #fff; width: 100%; padding: 0 5%; z-index: 10; padding-bottom: 20px; border-bottom: 10px solid #bf1e39; } #search_tools.open { left: 0; -webkit-box-shadow: 0 5px 15px 0 rgba(36, 36, 36, .4); box-shadow: 0 5px 15px 0 rgba(36, 36, 36, .4); } #search_tools .mod-site_search { margin-bottom: 22px; } /* Site Search Area */ #search_tools .close-search_filters { font-size: 16px; margin: 15px 0 15px; } #search_tools .close-search_filters > .icon { background-position: -61px -42px; margin: 0 5px 0 0; top: 0; } /* Filters */ #search_tools > .mod-listing.filter { width: 110%; margin: 16px 0 0 -5%; } #search_tools > .mod-listing.filter > h5 { padding: 0 5%; } #search_tools > .mod-listing.filter > ul > li { border-bottom: 1px solid #ebe9e8; } #search_tools > .mod-listing.filter > ul > li:first-child { border-top: 1px solid #ebe9e8; } #search_tools > .mod-listing.filter > ul > li > a { padding: 6px 40px 8px 5%; } #search_tools > .mod-listing.filter > ul > li > .active:after { top: 10px; right: 20px; } /* Content */ #template-results #content { width: 100%; padding: 0 6.25%; margin: 0; } #template-results #content .inner_content:after { background: #fcfbf9 url('../images/hr-mobile.png') no-repeat top center; left: -20px; right: -20px; } /* Filter Selection */ #template-results #content .mod-listing.filter_selections { background: none; padding: 0; margin: 7px 0 20px; width: 100%; } #template-results #content .panel > .mod-listing.filter_selections { margin-top: -20px; } #template-results #content .mod-listing.filter_selections:after { display: none; } #template-results #content .mod-listing.filter_selections + .mod-search_summary { margin-bottom: 10px; } /* Site Section */ #template-results .site_section > .row { width: 100%; } #template-results .site_section > .row > .item { width: 49%; float: left; } #template-results .site_section > .row > .item + .item { margin: 0 0 0 2%; } #template-results .site_section > .row > .item > .image > a { display: block; height: auto; /* undo height 1px declaration for FF */ } #template-results .site_section > .row > .item > .image > a > .image_container { position: static; margin: 0 auto; } #template-results .site_section > .row > .item > .image > a > .header { padding: 0; text-align: center; display: block; font-size: 17px; } #template-results .site_section > .row > .item > .image > a > .header .icon { display: none; } /* Tabs */ #template-results #content > .tabs { margin-top: 30px; } #template-results #content > .tabs { width: 114%; margin: 0 0 0 -7%; } #template-results #content > .tabs > ul > li { margin: 0; width: 49.5%; } #template-results #content > .tabs > ul > li + li { margin: 0 0 0 1%; } #template-results #content > .tabs > ul > li > a { text-align: center; } #template-results #content > .tab_panels { padding-top: 20px; } /* AWS 5.2.1 - Results w/i Simple Template ------------------------------------------*/ #results { overflow: hidden; } #results #inner_content { width: 50%; } #results #inner_content .mod-grid.search_listing > .content { margin: 0; } /* Search Tools Overrides */ #results #search_tools { border: none; padding: 0; width: 50%; margin: 0 0 0 -50%; float: left; left: 0; top: 0; position: relative; } #results #search_tools.open { margin: 0; -webkit-box-shadow: none; box-shadow: none; } #results #search_tools > .mod-listing.filter { width: 100%; margin: 10px 0 0; } #results #search_tools > .mod-listing.filter > ul > li { border: none; } #results #search_tools > .mod-listing.filter > h5 { padding: 0; } #results #search_tools > .mod-listing.filter > ul > li > a { padding-left: 0; } #results > .overflow_container { width: 200%; } /* AWS 5.3 - Full -----------------------------------------------------------------------*/ #template-full .section > .inner_container { width: 87.5% } /* AWS 5.3.1 - Campaign -------------------------------------------------------------*/ #template-full.campaign .section > .inner_container { width: 87.5%; } /* Section Types */ /* Base */ #template-full.campaign .inner_container > .content > .multicols .col1, #template-full.campaign .inner_container > .content > .multicols .col2 { width: 100%; float: none; margin: 0; } #template-full.campaign .inner_container > .content > .multicols .col2 > img { width: 100%; margin-top: 20px; } /* Carousel */ #template-full.campaign .section.campaign_carousel > .inner_container { width: 87.5%; } #template-full.campaign .section.campaign_carousel > .inner_container > .content > * + .carousel { margin-top: 25px; } /* Expandables */ #template-full.campaign .mod-expandables { width: 100%; margin-left: 0; } /* Featured Image */ #template-full.campaign .section.featured_image h2 { font-size: 30px; } #template-full.campaign .section.featured_image h3 { font-size: 20px; } #template-full.campaign .section.featured_image > .inner_container > .content { position: static; width: 100%; margin: 0 0 20px; } #template-full.campaign .section.featured_image > .inner_container > img { margin: 0; width: 100%; } /* Alt */ #template-full.campaign .section.featured_image.alt > .inner_container > .content { margin: 0; } #template-full.campaign .section.featured_image.alt > .inner_container > .content > img { margin: 30px auto 0; width: 80%; } /* Section Types */ /* Tabs (expandable overrides) */ #template-full.campaign .section.campaign_tabs .tabs { display: none; } #template-full.campaign .section.campaign_tabs .tab_panels { padding: 0; border: none; } #template-full.campaign .section.campaign_tabs .tab_panels > .panel { display: block; } #template-full.campaign .section.campaign_tabs .tab_panels > .panel:first-child .mod-expandables { margin-top: 30px; } #template-full.campaign .section.campaign_tabs .tab_panels > .panel:last-child .mod-expandables ul > li:last-child { border-top: 1px solid #ebe9e8; } #template-full.campaign .section.campaign_tabs .mod-expandables ul > li { border-top: 1px solid #ebe9e8; } #template-full.campaign .section.campaign_tabs .mod-expandables .trigger_expandable { display: block; } #template-full.campaign .section.campaign_tabs .mod-expandables .expandable { position: absolute; float: left; z-index: -1; visibility: hidden; left: -9999px; top: -9999px; padding: 0 25px 25px 45px; } #template-full.campaign .section.campaign_tabs .mod-expandables .open .expandable { position: relative; float: none; visibility: visible; z-index: 0; left: 0; top: 0; } /* AWS 5.4 - Secure Start Templates / Additions -----------------------------------------*/ /* Sidebar */ .sidebar .mod-grid.ss-contacts { padding: 0 20px; } /* AWS 5.4.1 - User Bar -----------------------------------------------------------------*/ #ss-user_bar { padding: 0; } #ss-user_bar > .inner_container { text-align: center; padding: 10px 20px; } #ss-user_bar > .inner_container > h5 { margin: 0 0 10px; display: block; top: 0; } #ss-user_bar > .inner_container > .multicols { display: block; width: 100%; } #ss-user_bar > .inner_container > .multicols .col1 { text-align: left; width: 50%; display: block; margin: 0; } #ss-user_bar > .inner_container > .multicols .col2 { text-align: right; width: 50%; display: block; margin: 0; } #ss-user_bar .btn:link { display: inline-block; } /* Dropdown Overrides */ .mod-dropdown > ul > li > .content { right: auto; left: -1px; } /* Not logged In */ #ss-user_bar fieldset ul > li { width: 48%; margin: 0 2% 10px 0; text-align: left; } #ss-user_bar fieldset ul > li:nth-child(even) { margin: 0 0 10px 2%; } #ss-user_bar fieldset ul > li:last-child { text-align: right; /*width:100%;margin:0;*/ } #ss-user_bar fieldset ul > li > input { width: 100%; } #ss-user_bar fieldset ul > li > p { text-align: left; font-size: 12px; margin: 3px 0 0; } #ss-user_bar fieldset ul > li > .register { line-height: 14px; } /* Forgot Password */ #ss-user_bar #userbar_forgot fieldset { float: none; } #ss-user_bar #userbar_forgot ul > li { width: 100%; margin: 0 0 10px; } #ss-user_bar #userbar_forgot ul > li:last-child { margin: 0; } #ss-user_bar #userbar_forgot ul > li > input { width: 100%; } /* AWS 5.4.2 - Simple Template Overrides --------------------------------------------*/ #template-simple.secure_start .section > .inner_container > .content { width: 100%; padding: 0; } #template-simple.secure_start #related_content { width: 87.5%; margin: 20px auto 0; } #template-simple.secure_start .section.full > .inner_container > .content, #template-simple.secure_start #related_content .section > .inner_container > .content { width: 100%; } /* Product Details */ #template-simple.secure_start.alt_sidebar #sidebar { margin: 20px 0 30px !important; } #template-simple.secure_start.alt_sidebar #sidebar > .inner_container { width: 87.5%; } /* Section Widths/Paddings */ /* Secure Start Light Gray */ #template-simple .section.ss_gray { background: #f9f8f8; padding: 30px 0; } #template-simple .section.ss_gray > .inner_container > .content { padding: 0; background: none; } #template-simple.secure_start.alt_sidebar #sidebar + .section > .inner_container:before, #template-simple .section + .section.ss_gray > .inner_container:before, #template-simple .section.ss_gray + .section > .inner_container:before { display: none; } /* AWS 5.4.3 - Full Template Overrides ----------------------------------------------*/ #template-full.secure_start .section:first-child { padding-top: 15px; } /*--------------------------------------------------------------------------------------------- AWS 6.1 - 3rd Party Overrides /*-------------------------------------------------------------------------------------------*/ /* AWS 6.1 - Slider / Billboard (Layerslider) -------------------------------------------*/ #slider_container { height: 293px; border: none; margin: 0 0 10px; } #slider_container.has_subhead { height: 362px; margin: 0; } #slider_container > .ls-container { height: 295px !important; } #slider_container.has_subhead > .ls-container { height: 364px !important; } #slider_container .ls-bottom-nav-wrapper { width: 100%; box-sizing: border-box !important; margin-top: -65px; padding: 0 20px; } #slider_container .ls-bg, #slider_container .ls-inner .ls-curtile img, #slider_container .ls-inner .ls-nexttile img { width: 700px !important; left: 50% !important; margin-left: -350px !important; } /* Content Container */ .custom_slider .ls-slide > .content { width: 100% !important; display: block; bottom: 0; top: auto !important; left: 0 !important; margin: 0 0 20px !important; height: auto !important; min-height: 79px; /* max-height: 148px; */ box-sizing: border-box !important; padding: 0 6.25%; } .custom_slider .ls-slide > .content > .inner { padding: 0; height: auto; } /* Element Styling */ .custom_slider .content h1 { font-size: 22px; line-height: 45px; height: 86px; display: table; } .custom_slider .content h1 > span { display: table-cell; height: 86px; vertical-align: middle; } /*.custom_slider .content h2 {*/ /* display: none;*/ /*}*/ /* Control Overrides */ #slider_container .ls-nav-prev, #slider_container .ls-nav-next { display: none; } /* Control Overrides */ #slider_container .ls-nav-prev, #slider_container .ls-nav-next { display: none; } /* Small */ #slider_container.small { height: 248px !important; margin: 0 0 10px; } #slider_container.small > .ls-container { height: 248px !important; } #slider_container.small .ls-bg, #slider_container.small .ls-inner .ls-curtile img, #slider_container.small .ls-inner .ls-nexttile img { width: 820px !important; left: 50% !important; margin-left: -410px !important; } /* Content Container */ .small .custom_slider .ls-slide > .content, .small .custom_slider .ls-slide > .content > .inner { height: 33px; } .small .custom_slider .ls-slide > .content { top: auto !important; bottom: 0 !important; min-height: inherit !important; } /* Element Styling */ .small .custom_slider .content h1 { font-size: 22px; line-height: 24px; height: 33px; } .small .custom_slider .content h1 > span { height: 33px; } /* Navigation(not-enough room) */ #slider_container.small .ls-bottom-nav-wrapper { margin-top: -30px; } /* AWS 6.2 - jQuery Custom Scroll -------------------------------------------------------*/ .mCSB_inside > .mCSB_container, .mCustomScrollBox { overflow: visible; } } /*------------------------------------------------------------------------------------------------- Specialized Components & Templates (Special Cases) -------------------------------------------------------------------------------------------------*/ /* Templates --------------------------------------------------------------------------------*/ /* Splash -------------------------------------------------------------------------------*/ @media only screen and (min-width: 1600px) and (max-width: 1919px) { /* Specialized Components & Component Overrides */ /* Flags */ .mod-listing.flags > h4 { font-size: 36px; } .mod-listing.flags > ul li > a { font-size: 30px; padding-top: 4px; } } @media only screen and (min-width: 1400px) and (max-width: 1599px) { /* Specialized Components & Component Overrides */ /* Flags */ .mod-listing.flags > h4 { font-size: 34px; } .mod-listing.flags > ul li > a { font-size: 26px; padding-top: 7px; } /* Image Header */ .mod-image_header { height: 674px; } .mod-image_header img { width: 1600px; margin-left: -800px; } .mod-image_header > .content { height: 275px; } .mod-image_header > .content h1 { font-size: 60px; } .mod-image_header > .content h2 { font-size: 40px; } .mod-image_header > .cta { height: 400px; } .mod-image_header > .cta .btn { font-size: 24px; height: 96px; } .mod-image_header > .cta .btn > .subtext { font-size: 20px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .splash h3 { font-size: 48px; } .splash p { font-size: 30px; } /* Specialized Components & Component Overrides */ /* Flags */ .mod-listing.flags > h4 { font-size: 30px; } .mod-listing.flags > ul > li + li, .mod-listing.flags > ul li > ul { margin-top: 32px; } .mod-listing.flags > ul li > a { font-size: 22px; padding-top: 10px; } /* Image Header */ .mod-image_header { height: 590px; } .mod-image_header img { width: 1400px; margin-left: -700px; } .mod-image_header > .content { height: 241px; } .mod-image_header > .content h1 { font-size: 60px; } .mod-image_header > .content h2 { font-size: 40px; } .mod-image_header > .cta { height: 350px; } .mod-image_header > .cta .btn { font-size: 22px; height: 87px; } .mod-image_header > .cta .btn > .subtext { font-size: 18px; } } @media only screen and (min-width: 960px) and (max-width: 1199px) { .splash #header #logo { margin-top: 24px; } .splash h3 { font-size: 44px; } .splash * + h3 { margin-top: 100px; } .splash p { font-size: 26px; } /* Specialized Components & Component Overrides */ /* Flags */ .mod-listing.flags > h4 { font-size: 25px; } .mod-listing.flags > ul > li + li, .mod-listing.flags > ul li > ul { margin-top: 26px; } .mod-listing.flags > ul li > a { font-size: 16px; padding-top: 12px; } /* Image Header */ .mod-image_header { height: 506px; margin-bottom: 50px; } .mod-image_header img { width: 1200px; margin-left: -600px; } .mod-image_header > .content { height: 207px; } .mod-image_header > .content h1 { font-size: 48px; } .mod-image_header > .content h2 { font-size: 32px; } .mod-image_header > .cta { height: 300px; } .mod-image_header > .cta .btn { font-size: 20px; height: 87px; padding: 20px; } .mod-image_header > .cta .btn > .subtext { font-size: 16px; margin-top: 5px; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .splash h3 { font-size: 40px; } .splash * + h3 { margin-top: 80px; } .splash p { font-size: 24px; } /* Structural Overrides */ .splash #header #logo { margin-top: 21px; } /* Specialized Components & Component Overrides */ /* Flags */ .mod-listing.flags > h4 { font-size: 20px; } .mod-listing.flags > ul > li + li, .mod-listing.flags > ul li > ul { margin-top: 26px; } .mod-listing.flags > ul li > a { font-size: 12px; height: 36px; line-height: 36px; padding: 0 0 0 50px; } .mod-listing.flags > ul li > ul { margin-left: 50px; } .mod-listing.flags > ul li .flag { width: 36px; } .mod-listing.flags > ul li .flag > img { width: 100%; } /* Image Header */ .mod-image_header { height: 405px; margin-bottom: 40px; } .mod-image_header img { width: 960px; margin-left: -480px; } .mod-image_header > .content { height: 165px; } .mod-image_header > .content h1 { font-size: 36px; } .mod-image_header > .content h2 { font-size: 24px; } .mod-image_header > .cta { height: 240px; } .mod-image_header > .cta > .inner { padding: 0 10%; } .mod-image_header > .cta .btn { font-size: 18px; height: 82px; padding: 20px; width: 48%; } .mod-image_header > .cta .btn > .subtext { font-size: 14px; margin-top: 2px; } } @media only screen and (min-width: 640px) and (max-width: 767px) { .splash #header #logo { margin-top: 24px; } .splash h3 { font-size: 44px; } .splash * + h3 { margin-top: 100px; } .splash p { font-size: 24px; } /* Specialized Components & Component Overrides */ /* Flags */ .mod-listing.flags > h4 { font-size: 30px; } .mod-listing.flags > ul li > a { font-size: 20px; padding-top: 10px; } /* Multicols */ .splash .multicols.cols3 { width: 60%; margin: 0 auto; } .splash .multicols.cols3 > .col { width: 100%; margin: 0; } .splash .multicols.cols3 > .col + .col { margin-top: 110px; } /* Image Header */ .mod-image_header { height: 324px; } .mod-image_header img { width: 768px; margin-left: -384px; } .mod-image_header > .content { height: 132px; } .mod-image_header > .content h1 { font-size: 28px; } .mod-image_header > .content h2 { font-size: 18px; } .mod-image_header > .cta { height: 192px; } .mod-image_header > .cta > .inner { padding: 0 10%; } .mod-image_header > .cta .btn { font-size: 15px; height: 75px; padding: 20px; width: 48%; } .mod-image_header > .cta .btn > .subtext { font-size: 13px; margin-top: 2px; } } @media only screen and (min-width: 480px) and (max-width: 639px) { /* Specialized Components & Component Overrides */ /* Image Header */ .mod-image_header > .content h1 { font-size: 26px !important; } .mod-image_header > .content h2 { font-size: 18px !important; } } @media only screen and (min-width: 360px) and (max-width: 479px) { /* Specialized Components & Component Overrides */ /* Image Header */ .mod-image_header > .content h1 { font-size: 22px !important; } .mod-image_header > .content h2 { font-size: 15px !important; } } @media only screen and (min-width: 100px) and (max-width: 639px) { .splash h3 { font-size: 40px; } .splash * + h3 { margin-top: 50px; } .splash p { font-size: 18px; } /* Specialized Components & Component Overrides */ /* Flags */ .mod-listing.flags + .mod-listing.flags { margin-top: 80px; } .mod-listing.flags > h4 { font-size: 26px; margin-bottom: 20px; } .mod-listing.flags > ul li > a { font-size: 18px; padding-top: 11px; } .mod-listing.flags > ul > li + li, .mod-listing.flags > ul li > ul { margin-top: 12px; } /* Multicols */ .splash .multicols.cols3 > .col { width: 100%; margin: 0; } .splash .multicols.cols3 > .col + .col { margin-top: 80px; } /* Image Header */ .mod-image_header { height: 470px; margin-bottom: 30px; } .mod-image_header img { width: 640px; margin-left: -320px; } .mod-image_header > .content { height: 110px; bottom: auto; top: 160px; } .mod-image_header > .content h1 { font-size: 19px; } .mod-image_header > .content h2 { font-size: 13px; margin-top: 5px; } .mod-image_header > .content > .inner { padding: 0 5%; } .mod-image_header > .cta { height: auto; padding-top: 300px; position: static; } .mod-image_header > .cta > .inner { padding: 0 10%; } .mod-image_header > .cta .btn { width: 100%; float: none; font-size: 17px; height: 75px; padding: 20px; } .mod-image_header > .cta .btn + .btn { margin: 20px 0 0; } .mod-image_header > .cta .btn > .subtext { font-size: 14px; margin-top: 2px; } } /* Components -------------------------------------------------------------------------------*/ /* Gallery ------------------------------------------------------------------------------*/ @media only screen and (min-width: 640px) and (max-width: 890px) { .mod-gallery { margin-bottom: 0; } .mod-gallery > span { margin-right: 15px; } .mod-gallery > ul > li { width: 32%; min-width: 32%; } .mod-gallery > ul > li.hidden-mobile { display: none; } .mod-gallery > ul > li > a { padding: 10px; } .mod-gallery > ul > li > a > span { bottom: 10px; left: 10px; right: 10px; } } /* Note: Phone styles above */ /* Steps (i.e. progress, part 1 of 4) ---------------------------------------------------*/ @media only screen and (min-width: 480px) and (max-width: 639px) { .mod-steps > ul > li { width: 95px; text-transform: none; } .mod-steps > ul > li + li:before { width: 40px; left: -18px; } } @media only screen and (min-width: 400px) and (max-width: 479px) { .mod-steps > ul > li { width: 80px; text-transform: none; } .mod-steps > ul > li + li:before { width: 30px; left: -10px; } } @media only screen and (min-width: 100px) and (max-width: 399px) { .mod-steps > ul > li { width: 65px; text-transform: none; } .mod-steps > ul > li + li:before { width: 5px; left: -5px; } } /* Tile Components ----------------------------------------------------------------------*/ @media only screen and (min-width: 480px) and (max-width: 639px) { .mod-grid.popular_products > .item > .image { float: right; width: 50%; } .mod-grid.popular_products > .item > .image + .content > h2 { margin-top: 0; } } @media screen and (min-width: 767px) { #template-simple #content.content-sidebar-container { flex-flow: row; } .btn_container.alt { flex-flow: row; justify-content: flex-start; } .btn_container.alt .btn + .btn { margin-block-start: 0px; margin-inline-end: 10px; } } @media only screen and (min-width: 100px) and (max-width: 639px) { #sidebar { position: static; width: 100%; margin: 30px 0 0 !important; } } @media only screen and (max-width: 1024px) { .mod-multicols .cols { display: block; } .mod-multicols .cols .col, .mod-multicols .multicols .col { display: block; width: 100% !important; min-height: auto !important; float: none; } .multicols .col { margin: 0; } .mod-multicols .multicols .col + .col { margin-top: 15px; } } #slider-container+#content,.generic-hero+#content,.homepage__hero+#content{border-color:transparent}.inner-container{max-width:960px;margin:auto;padding:0 6.25%}.pink-bg{background-color:#f8c6d2}.pink-bg .col{background-color:#f8c6d2}.pink-bg.col{background-color:#f8c6d2!important}.pink-bg .content,.pink-bg .content *,.pink-bg .header{color:#fff}.light-pink-bg{background-color:#fdf1f4}.light-pink-bg .col{background-color:#fdf1f4}.light-pink-bg.col{background-color:#fdf1f4!important}.light-pink-bg .content,.light-pink-bg .content *,.light-pink-bg .header{color:#666}@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;z-index:1}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.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-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{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:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.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{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.adspace__module{display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px 0}@media (max-width:46.24em){.adspace__module{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media (max-width:46.24em){.adspace__module>:first-child{padding:20px 19px 15px}}@media (min-width:46.25em){.adspace__module>:first-child{padding:25px 10px 20px}}@media (min-width:46.25em) and (max-width:63.99em){.adspace__module>:first-child{padding-left:calc(15% / 2)}}@media (min-width:64em){.adspace__module>:first-child{margin-left:calc((100% - 960px)/ 2);padding-left:80px}}@media (max-width:46.24em){.adspace__module>:last-child{padding:20px 19px 0}}@media (min-width:46.25em){.adspace__module>:last-child{padding:0 10px}}@media (min-width:46.25em) and (max-width:63.99em){.adspace__module>:last-child{padding-right:calc(15% / 2)}}@media (min-width:64em){.adspace__module>:last-child{margin-right:calc((100% - 960px)/ 2);padding-right:80px}}.adspace__module--content,.adspace__module--sidebar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.adspace__module--content{position:relative}@media (min-width:46.25em){.adspace__description{width:calc(100% - (100% - 960px))}}.adspace__module--content .adspace__description,.adspace__module--sidebar .adspace__description{width:100%;margin:0;padding:20px 19px}.adspace__description .btn{margin-top:10px}.adspace__module--content .adspace__copy{font-size:32px;line-height:36px}.adspace__copy p{font-size:34px;font-weight:400;line-height:40px;letter-spacing:.57px;color:#666}.adspace__image{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.adspace__image img{width:100%}.adspace__image--bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}@media (max-width:46.24em){.adspace__image{width:75%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media (min-width:46.25em){.adspace__image{width:30%}.adspace__module--content .adspace__image{position:absolute;right:10px;bottom:0;width:40%}}.adspace__module--sidebar .adspace__image{width:80%;margin:0;padding:20px 19px 0}@media (max-width:46.24em){.mod-multicols .col>.adspace__image{width:100%;margin:0;padding:0 10%}}@media (min-width:46.25em){.mod-multicols .col>.adspace__image{margin:0;padding:0}}.adspace__cta{font-weight:400;line-height:29.76px;letter-spacing:.24px}.adspace__cta:link,.adspace__cta:visited{border:0}.adspace__cta::after{display:inline-block;width:8px;height:8px;margin-bottom:2px;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg);border:0 solid #b91432;border-width:1.5px 1.5px 0 0}.adspace__module--content .adspace__cta{display:inline-block;width:calc(60% - 20px)}.btn.white-alt{color:#000;background:#fff}.btn.white-alt:hover{background:#bcbbbc}.dropdown{position:relative}.dropdown select{position:absolute;left:-100%;width:0;height:0;opacity:0}.dropdown--native select{position:absolute;z-index:1000;top:0;right:0;opacity:0}.dropdown__trigger{font-size:14px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;width:100%;margin:0;padding:10px 0 5px;cursor:pointer;text-align:left;white-space:nowrap;text-overflow:ellipsis;color:#000;border:0;border-radius:0;background:0 0;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-appearance:none;-moz-appearance:none;appearance:none}.dropdown__trigger:disabled{background-color:#ccc}.dropdown__trigger:after{position:relative;top:10px;right:0;width:12px;height:12px;margin-left:10px;content:"";-webkit-transform:translateY(-50%);transform:translateY(-50%);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgMTAgNiI+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGZpbGw9IiM0NTRENTEiPgogICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik04LjMxNSA0LjQ1TDQuNDg0IDAgMy4xODggMS4wOTkgNi41NDYgNSAzLjE4OCA4LjkwMSA0LjQ4NCAxMCA4LjMxNSA1LjU1IDguNzg3IDV6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTczNSAtODU3KSB0cmFuc2xhdGUoMTUxMCA4NDApIHRyYW5zbGF0ZSgyMjQgMTUpIHJvdGF0ZSg5MCA1Ljk4NyA1KSIvPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K);background-repeat:no-repeat;background-position:center;background-size:contain}.dropdown__trigger[aria-expanded=true]+.dropdown__list{display:block}.dropdown__list{position:absolute;z-index:10;top:calc(100% + 10px);right:0;display:none;overflow:auto;width:100%;min-width:150px;max-height:250px;margin:0;padding:0;list-style:none;border:1px solid #7d7572;outline:0;background-color:#fff}.dropdown__item{font-size:14px;line-height:normal;display:block;padding:10px 22px;cursor:pointer;-webkit-transition:background-color .2s ease-in-out,color .2s ease-in-out;transition:background-color .2s ease-in-out,color .2s ease-in-out;color:#000}.dropdown__item:hover,.dropdown__item[aria-selected=true]{color:#fff;background-color:#bf1f39}.dropdown__item+.dropdown__item{border-top:solid 1px #fff}.form-group--dropdown .form-label{display:none}.pagination{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin:40px auto 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}@media (min-width:64em){.pagination{margin-top:80px}}.pagination__pagination-inner{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;max-width:400px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (min-width:46.25em){.pagination__pagination-inner{max-width:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.pagination-btn{display:-webkit-box;display:-ms-flexbox;display:flex;width:50px;height:50px;padding:0;cursor:pointer;border:solid 1px #fff;border-radius:50px;background:0 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pagination-btn svg{width:16px;height:100%}.pagination-btn:disabled{pointer-events:none;opacity:.2}.pagination--prev svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.pagination-pages{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 18px;padding-left:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width:64em){.pagination-pages{margin:rem(0 44px)}}.pagination-pages li{margin:0 15px;list-style:none}@media (min-width:64em){.pagination-pages li{margin:0 20px}}.pagination-pages li:first-child{margin-left:0}.pagination-pages li:last-child{margin-right:0}.pagination-pages span{font-size:18px;cursor:pointer;text-decoration:none}.pagination-pages .current{position:relative;color:#bf1f39}.pagination-pages .current:after{position:absolute;bottom:-50%;left:0;width:100%;height:3px;content:" ";background-color:#fff}.arrow{display:inline-block;padding:3px;border:solid #fff;border-width:0 3px 3px 0}.arrow--right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.arrow--left{-webkit-transform:rotate(135deg);transform:rotate(135deg)}svg{fill:#000}.rtf *{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}.rtf a{border:0}.rtf a:hover{text-decoration:underline}.rtf li:has(li):before{display:none}.rtf ol,.rtf ul{margin:0 0 1.5em;padding-left:18px}@media (min-width:64em){.rtf ol,.rtf ul{margin-bottom:2em}}.rtf ol li,.rtf ul li{position:relative}.rtf ol li:before,.rtf ul li:before{position:absolute;top:10px;left:-18px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.rtf ol li+li,.rtf ul li+li{margin-top:3px}.rtf ul li:before{width:6px;height:6px;content:"";background-color:#bf1f39}.rtf ol{list-style:none;counter-reset:ol-counter}.rtf ol li{counter-increment:ol-counter}.rtf ol li:before{font-family:HelveticaNeueW02-75Bold;font-size:.8em;content:counter(ol-counter) ". ";color:#bf1f39}.rtf ol li li:before{display:none}.rtf img,.rtf p{margin:0 0 1.5em}@media (min-width:64em){.rtf img,.rtf p{margin-bottom:1.8em}}.tabs{overflow:hidden}.tabs ul{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:0;list-style:none}.tabs ul li{line-height:16px;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 0 0 2px;padding:0;background:0 0}.tabs ul li:first-child{margin:0}.tabs .tab{font-size:12px;line-height:1.4;display:-webkit-box;display:-ms-flexbox;display:flex;padding:5px 15px;color:#878885;border:2px solid #bebfc0;border-bottom:0;border-radius:5px 5px 0 0;background:-webkit-gradient(linear,left top,left bottom,from(white),to(#f1f1f1));background:linear-gradient(to bottom,#fff 0,#f1f1f1 100%);-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tabs .tab:hover{background:#f1f1f1}.tabs .tab.active{color:#fff;border-color:#bf1d38;background:#bf1d38}.tab_panels{padding:20px 15px;border:2px solid #bebfc0;background:#fff}.tab_panels .panel{display:none}.tab_panels .panel.active{display:block}.tab_panels .panel .inner_container{width:auto!important}.adspace__cta{font-size:14px}.accordion__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;padding-inline:20px;margin-block:40px}@media (min-width:64em){.accordion__list{padding:32px 102px}}.accordion__item{padding:32px 0;border-top:1px solid #cfcac9;border-bottom:1px solid #cfcac9;position:relative}.accordion__item+.accordion__item{border-top:0}.accordion__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;inline-size:100%;padding:0}.accordion__button svg{inline-size:100%;block-size:100%;max-inline-size:24px;max-block-size:24px}.accordion__button svg[hidden]{display:none}.accordion__content{margin-block:16px}.accordion__content h3{color:#878785}.accordion__title{font-size:20px;font-style:normal;font-weight:300;line-height:25px;color:#bf1f39;text-align:start}@media (min-width:64em){.accordion__title{line-height:24px}}.accordion__content-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;overflow:hidden;position:relative}.accordion__content-container[hidden]{display:none}.accordion__content-description{font-size:14px;font-style:normal;font-weight:400;line-height:16px;color:#878785}@media (min-width:64em){.accordion__content-description{line-height:17px}}.accordion__content-description p{font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;color:inherit}.accordion__content-description h1,.accordion__content-description h2,.accordion__content-description h3,.accordion__content-description h4,.accordion__content-description h5,.accordion__content-description h6{font-family:HelveticaNeueW02-75Bold;margin-inline:0;margin-block:16px}.accordion__read-more{inset-block-end:0;position:absolute;block-size:80px;inline-size:100%;background:-webkit-gradient(linear,left bottom,left top,color-stop(48.06%,#fff),color-stop(93.89%,rgba(255,255,255,0)));background:linear-gradient(0deg,#fff 48.06%,rgba(255,255,255,0) 93.89%)}.accordion__read-more-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;border-radius:0;font-size:14px;font-style:normal;font-weight:400;line-height:17px;color:#bf1f39;border-bottom:1px solid #bf1f39;padding:0;inset-block-end:-40%;position:relative}.article{width:100%;max-width:640px;margin:0 auto;padding:45px 20px 71px!important}.article--dansac{max-width:560px}.article-header{margin-bottom:30px;padding-bottom:18px;border-bottom:solid 1px #c9c9c9}.article-header__back{font-family:HelveticaNeueW02-55Roma;font-size:14px;font-weight:500;line-height:normal;display:inline-block;margin:0 0 8px;text-decoration:none;color:#b91432;border:0!important}.article-header__back:before{display:inline-block;width:0;height:0;margin-right:8px;content:"";border-top:5px solid transparent;border-right:5px solid #bf1d38;border-bottom:5px solid transparent}.article-header__back:hover{text-decoration:underline}.article-header__title{font-family:HelveticaNeueW02-55Roma;font-size:24px;font-weight:500;line-height:1.56;margin:0 0 20px;color:#b91432}@media (min-width:46.25em){.article-header__title{font-size:36px}}.article-header__about{font-family:HelveticaNeueW02-75Bold;font-size:14px;line-height:normal;margin:0;color:#000}.article__share{margin-bottom:30px}.article__share ul{display:-webkit-box;display:-ms-flexbox;display:flex;margin:3px 0 0;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width:64em){.article__share ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.article__share li{margin:0}.article__share li+li{margin-left:15px}@media (min-width:64em){.article__share li+li{margin-top:15px;margin-left:0}}.article__share li a{display:-webkit-box;display:-ms-flexbox;display:flex;width:20px;height:18px;cursor:pointer;border:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.article__share li img{max-width:100%;max-height:100%}.article__sidebar{margin-top:30px}@media (min-width:64em){.article__sidebar{width:184px;margin-top:0}}.event__details+.article__categories{margin-top:41px}.article__categories-label,.event__details-label{font-family:HelveticaNeueW02-75Bold;font-size:14px;line-height:normal;margin:0 0 12px;color:#7d7572}.event__details-add,.event__details-date,.event__details-time{font-family:HelveticaNeueW02-55Roma;font-size:14px;line-height:1.64;margin:0;color:#1e1e1e}.event__details-add{color:#bf1f39;border:0!important}.event__details-add:hover{text-decoration:underline}.article__categories-listing{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 -5px;padding:0;-ms-flex-wrap:wrap;flex-wrap:wrap}.article__categories-listing li{font-family:HelveticaNeueW02-75Bold;font-size:12px;line-height:normal;display:-webkit-box;display:-ms-flexbox;display:flex;height:24px;margin:5px;padding:0 20px;color:#b91432;border-radius:20px;background-color:rgba(191,29,56,.2);-webkit-box-align:center;-ms-flex-align:center;align-items:center}.article__container{position:relative}@media (min-width:64em){.article__container .article__share{position:absolute;top:0;right:calc(100% + 25px)}.article__container .article__sidebar{position:absolute;top:0;left:calc(100% + 25px)}}.article__content{font-family:HelveticaNeueW02-55Roma;font-size:14px;line-height:1.64;color:#1e1e1e}@media (min-width:64em){.article__content{font-size:18px;line-height:1.67}}.article__content .note{font-size:12px;line-height:1.62;color:#7d7572}@media (min-width:64em){.article__content .note{font-size:14px;line-height:1.64}}.article__btn{font-family:HelveticaNeueW02-55Roma;font-size:14px!important;font-weight:400!important;line-height:1.29!important;margin-top:20px;letter-spacing:normal!important;text-transform:none!important;border-radius:0!important}.card-carousel{padding:22.5px;overflow:hidden;max-inline-size:960px;margin:0 auto}@media (min-width:46.25em){.card-carousel{overflow:visible}}.inner_container .card-carousel{overflow:hidden}.inner_container .card-carousel .card-carousel__card-image{inline-size:calc(100% + 45px)}.card-carousel__card-image{-o-object-fit:cover;object-fit:cover;position:relative;inline-size:calc(100% + 45px);block-size:calc(100% + 22.5px);inset-inline-start:-22.5px;inset-block-start:-22.5px;min-block-size:150px;max-block-size:150px}.card-carousel__title{-webkit-margin-after:20px;margin-block-end:20px}.card-carousel__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;overflow:visible}.swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.card-carousel__card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;block-size:100%;border:1px solid #e9e9e9;border-radius:15px;padding:20px;overflow:hidden}.card-carousel__card-title{font-size:22px;font-weight:700;color:#bf1f39;margin-block:0 20px}.card-carousel__controls-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:flex;flex-flow:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-margin-before:20px;margin-block-start:20px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.swiper-button-prev svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.swiper-button{border:none;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#bf1f39;padding:5px}.swiper-button svg{inline-size:20px;block-size:20px;color:#fff}.swiper-button+.swiper-button{-webkit-margin-start:10px;margin-inline-start:10px}.cart .image{width:40px;height:40px}.cart__container[hidden]{display:none}.cart__container a{border-bottom:none}.cart__overlay{position:fixed;inset:0;background-color:rgba(255,255,255,.7);z-index:999;display:none;-webkit-padding-after:20px;padding-block-end:20px}@media (min-width:64em){.cart__overlay{display:block}}.cart__overlay[hidden]{display:none}.cart__inner-container{inset-inline-start:0;position:absolute;inset-inline-end:0;inline-size:100vw;padding:10px 16px;-webkit-box-shadow:0 13px 13px 0 #00000045;box-shadow:0 13px 13px 0 #00000045;background-color:#fff;z-index:9999;block-size:calc(100vh - 65px)}@media (min-width:64em){.cart__inner-container{inline-size:400px;position:absolute;block-size:100vh;inset-block:0;inset-inline-start:calc(100% - 400px);padding:20px}}.cart__info-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-margin-after:16px;margin-block-end:16px}.cart__info-container p{margin:0}.cart__item__close-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:0 0;inline-size:44px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width:64em){.cart__item__close-button{inset-block-end:40px;position:relative}}.cart__item__close-button svg{inline-size:20px;block-size:20px;fill:#bf1f39}.cart__title{color:#bf1f39;font-size:20px;font-style:normal;font-weight:300;line-height:25px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-margin-after:16px;margin-block-end:16px}@media (min-width:64em){.cart__title{-webkit-padding-before:40px;padding-block-start:40px;-webkit-margin-after:10px;margin-block-end:10px}}.cart__content-empty{font-size:14px;font-style:normal;font-weight:400;line-height:16px}.cart__content-empty .no-products{-webkit-margin-after:8px;margin-block-end:8px;color:#353333}.cart__content-empty a{font-size:14px;font-style:normal;font-weight:400;line-height:16px;font-family:HelveticaNeueW02-55Roma}.cart__content-empty p{color:#75787b}.cart__content{font-size:14px;font-style:normal;font-weight:400;line-height:16px;display:-webkit-box;display:-ms-flexbox;display:flex;block-size:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;max-block-size:calc(100vh - 150px);position:relative}@media (min-width:64em){.cart__content{max-block-size:calc(100vh - 124px)}}.cart__content[hidden]{display:none}.cart__content .no-products{color:#353333}.cart__content a{font-size:14px;font-style:normal;font-weight:400;line-height:16px}.cart__content p{color:#75787b}.cart__item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px;padding:12px;border-radius:5px;border:1px solid #e6e6e6;margin:0}.cart__item__image img{inline-size:48px;block-size:48px;-o-object-fit:cover;object-fit:cover}.cart__item__remove-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:0 0;inline-size:15px;block-size:15px;padding:0;-webkit-margin-start:auto;margin-inline-start:auto}.cart__item__remove-button svg{inline-size:15px;block-size:15px}.cart__item__title{font-size:14px;font-style:normal;font-weight:400;line-height:16px;font-family:HelveticaNeueW02-55Roma}.cart__item__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;gap:4px}.cart__item__content a:hover{text-decoration:underline}.cart__item__description{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;gap:4px}.cart__item__description .item-color{block-size:10px;inline-size:10px;border-radius:50%}.cart__item__description .item-color--green{background-color:#428a39}.cart__item__description .item-color--red{background-color:#bf1e39}.cart__item__description .item-color--blue{background-color:#1b5b8a}.cart-item-attribute{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.cart__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;gap:8px;-webkit-margin-after:16px;margin-block-end:16px;padding:0;overflow:auto;position:relative;-webkit-padding-after:100px;padding-block-end:100px}.cart__overlay-shadow{position:relative}.cart__overlay-shadow .cart__overlay-shadow-inner{block-size:100px;inline-size:100%;background:-webkit-gradient(linear,left top,left bottom,from(rgba(2,0,36,0)),color-stop(64%,rgba(255,255,255,.947216)),to(white));background:linear-gradient(180deg,rgba(2,0,36,0) 0,rgba(255,255,255,.947216) 64%,#fff 100%);position:absolute;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;z-index:1}.cart__view-basket-button{display:-webkit-box;display:-ms-flexbox;display:flex;block-size:48px;padding:8px 16px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;background-color:#bf1f39;text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:16px;color:#fff!important;border-radius:5px;font-family:HelveticaNeueW02-55Roma}.cart__view-basket-button:hover{background:#878785;border-bottom:none!important;color:#fff!important}.cart__view-basket-button--secondary{background-color:#fff;color:#bf1f39!important;border:1px solid #bf1f39;border-bottom:1px solid #bf1f39!important}.cart__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;gap:10px;margin-block:auto 16px;padding:0;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}@media (min-width:64em){.cart__buttons{-webkit-margin-before:auto;margin-block-start:auto}}.cart__buttons a{margin:0}.cart--dansac .cart__buttons .cart__view-basket-button{border-radius:0}.cart--dansac .cart__item__close-button svg{fill:#000}.cart--dansac .cart__item__title{color:#222}.cart-alert{position:fixed;inset:0;z-index:9999;display:none;padding:0;border:0;inline-size:100%;block-size:100%;background-color:rgba(255,255,255,.7);max-width:1200px;margin:0 auto}.cart-alert[open]{display:-webkit-box;display:-ms-flexbox;display:flex}.cart-alert__close-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:0 0;inline-size:15px;block-size:15px;padding:0;inset-inline-end:0;inset-block-start:0}.cart-alert__close-button svg{inline-size:15px;block-size:15px;fill:#75787b}.cart-alert__content{inset-block-start:0;inset-inline-end:0;background:#f3f1ed;padding:16px;border:none;border-left:6px solid #bf1f39;margin:0;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;block-size:-webkit-fit-content;block-size:-moz-fit-content;block-size:fit-content;-webkit-margin-start:auto;margin-inline-start:auto}.cart-alert__icon{inline-size:24px;block-size:24px}.cart-alert__icon svg{inline-size:100%;block-size:100%}.cart-alert__message__text{font-size:14px;font-style:normal;font-weight:400;line-height:17px;color:#353333}.mod-multicols .col.style1{border:0;background:#bf1f39}.mod-multicols .col.style1 .header,.mod-multicols .col.style1 .header h2,.mod-multicols .col.style1 .header h3{color:#fff}.mod-multicols .col.style1 .content,.mod-multicols .col.style1 .content p{color:#fff}.mod-multicols .col.style1 .btn{border:solid 1px #fff}.mod-multicols .col.style2{border:0;background:#ebe9e8}.mod-multicols .col.style2 .header,.mod-multicols .col.style2 .header h2,.mod-multicols .col.style2 .header h3{color:#bf1f39}.mod-multicols .col.style2 .content,.mod-multicols .col.style2 .content p{color:#716f71}.mod-multicols .col.style3{border:0;background:#878785}.mod-multicols .col.style3 .header,.mod-multicols .col.style3 .header h2,.mod-multicols .col.style3 .header h3{color:#fff}.mod-multicols .col.style3 .content,.mod-multicols .col.style3 .content p{color:#fff}.mod-multicols .col.style4 .header,.mod-multicols .col.style4 .header h2,.mod-multicols .col.style4 .header h3{color:#bf1f39}.content-video{inline-size:100%}.content-video__title{font-size:26px;font-style:normal;font-weight:300;line-height:32px;color:#bf1f39}@media (min-width:64em){.content-video__title{font-size:28px;line-height:36px}}.content-video__container{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;margin-block:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;padding:0;margin:0;inline-size:100%;-webkit-padding-after:48px;padding-block-end:48px}.content-video__image{inline-size:100%;-o-object-fit:cover;object-fit:cover;aspect-ratio:16/9}@media (min-width:64em){.content-video__image{inline-size:60%}}.content-video__image iframe{inline-size:100%;block-size:100%}.content-video__play-button{border-radius:50%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer;padding:0;inline-size:45px;block-size:45px}@media (min-width:64em){.content-video__play-button{inline-size:90px;block-size:90px}}.content-video__play-button__play-icon{inline-size:100%;block-size:100%;fill:#bf1f39}.content-video__modal{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(255,255,255,.7);block-size:100%;border:0;display:none;inline-size:100%;inset-block-start:0;inset-inline-start:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;z-index:9999}.content-video__modal[open]{display:-webkit-box;display:-ms-flexbox;display:flex}.content-video__modal__content{background:#fff;-webkit-box-shadow:0 13px 13px 0 rgba(0,0,0,.09);box-shadow:0 13px 13px 0 rgba(0,0,0,.09);inline-size:100%;margin-block:0;max-block-size:calc(100% - 80px);max-inline-size:1120px;padding-block:80px;padding-inline:0;position:relative}@media (min-width:46.25em){.content-video__modal__content{margin-inline:40px;padding-inline:60px}}.content-video__modal__content iframe{block-size:100%;inline-size:100%}@media (min-width:46.25em){.content-video__modal__content iframe{min-block-size:60vh}}@media (min-width:46.25em){.content-video__modal__video{min-block-size:80vh}}.content-video__modal__close-button{background-color:transparent;border:0;border-radius:0;display:-webkit-box;display:-ms-flexbox;display:flex;inset-block-start:40px;inset-inline-end:40px;position:absolute}.content-video__modal__close-button svg{block-size:24px;inline-size:24px}.desktop-header{display:none;inline-size:100%;position:relative;z-index:999}@media (min-width:64em){.desktop-header{display:-webkit-box;display:-ms-flexbox;display:flex}}.desktop-header a{border-bottom:none}.desktop-header .cart__view-basket-button:hover,.desktop-header .desktop-header__nav__contact-us-cta:hover,.desktop-header button:not(.desktop-header__nav__submenu-item__accordion-button):hover{background:#878785}.desktop-header-container{padding:0 22.5px;overflow:hidden;max-inline-size:960px;margin:0 auto;inline-size:100%}.desktop-header__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;inline-size:100%}.desktop-header__actions-container{-webkit-padding-before:12px;padding-block-start:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;overflow:visible}.desktop-header__logo-container{inline-size:200px;block-size:100%}.desktop-header__logo__image{-o-object-fit:contain;object-fit:contain;inline-size:100%;block-size:100%}.desktop-header__nav__utility-nav{display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.desktop-header__nav__utility-nav svg:not(.down-icon){fill:#aca09b}.desktop-header__nav__utility-nav .down-icon{fill:none;stroke:#aca09b}.desktop-header__nav__utility-nav-item{margin:0;color:#aca09b;font-size:14px;font-style:normal;font-weight:400;line-height:16px}.desktop-header__nav__utility-nav-item .is-active{border-radius:8px 8px 0 0;-webkit-box-shadow:0 -4px 10px 0 rgba(0,0,0,.1);box-shadow:0 -4px 10px 0 rgba(0,0,0,.1)}.desktop-header__nav__utility-nav-item a{color:inherit;padding:4px}.desktop-header__nav__utility-nav-item a:hover{color:#bf1f39}.desktop-header__nav__utility-nav-link{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;color:inherit;font:inherit;line-height:inherit;text-transform:capitalize}.desktop-header__nav__utility-nav-link svg{inline-size:14px;block-size:14px}.desktop-header__nav{overflow:visible}.desktop-header__search-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-padding-after:20px;padding-block-end:20px}.desktop-header__search-bar-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;inline-size:100%;max-inline-size:241px}.desktop-header__nav__contact-us-cta{-webkit-margin-start:10px;margin-inline-start:10px;padding:8px 16px;background-color:#bf1f39;color:#fff!important;font-family:Helvetica;font-size:14px;font-style:normal;font-weight:400;line-height:16px;border-radius:5px}.desktop-header__nav__search-bar__input{border-radius:5px 0 0 5px!important;border:1px solid #aca09b;font-size:12px;font-style:normal;font-weight:400;line-height:15px;inline-size:100%;max-inline-size:213px;block-size:32px!important;border-right:none!important}.desktop-header__nav__search-bar__input::-webkit-input-placeholder{color:#aca09b;font-size:12px;font-style:normal;font-weight:400;line-height:15px}.desktop-header__nav__search-bar__input::-moz-placeholder{color:#aca09b;font-size:12px;font-style:normal;font-weight:400;line-height:15px}.desktop-header__nav__search-bar__input:-ms-input-placeholder{color:#aca09b;font-size:12px;font-style:normal;font-weight:400;line-height:15px}.desktop-header__nav__search-bar__input::-ms-input-placeholder{color:#aca09b;font-size:12px;font-style:normal;font-weight:400;line-height:15px}.desktop-header__nav__search-bar__input::placeholder{color:#aca09b;font-size:12px;font-style:normal;font-weight:400;line-height:15px}.desktop-header__nav__search-bar__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:#bf1f39;border-radius:0 5px 5px 0!important;border:none;max-inline-size:28px;inline-size:100%;max-block-size:32px;block-size:100%;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.desktop-header__nav__search-bar__button svg{inline-size:100%;block-size:100%;max-inline-size:18px;max-block-size:18px;fill:#fff}.desktop-header__nav-wrapper{background-color:#bf1f39}.desktop-header__nav-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0}.desktop-header__nav-item{padding:16px 30px;color:#fff;text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:16px;margin:0}.desktop-header__nav-item:focus,.desktop-header__nav-item:hover{background-color:#fff;color:#75787b}.desktop-header__nav-item+.desktop-header__nav-item{-webkit-border-start:1px solid #d06176;border-inline-start:1px solid #d06176}.desktop-header__nav-item:first-child{-webkit-border-start:1px solid #d06176;border-inline-start:1px solid #d06176}.desktop-header__nav-item:last-child{-webkit-border-start:1px solid #d06176;border-inline-start:1px solid #d06176;-webkit-border-end:1px solid #d06176;border-inline-end:1px solid #d06176}.desktop-header__nav-item a{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;color:inherit}.desktop-header__nav-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.has-submenu{position:relative}.desktop-header__submenu{position:absolute;background-color:#fff;inset-block-start:100%;inset-inline-start:0;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:0 0 12px 12px;-webkit-box-shadow:0 13px 13px 0 rgba(0,0,0,.09);box-shadow:0 13px 13px 0 rgba(0,0,0,.09)}.desktop-header__submenu[hidden]{display:none}.desktop-header__submenu .desktop-header__nav-list{margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;min-inline-size:227px;inline-size:33.333%;z-index:1;position:relative;background-color:#fff;border-radius:0 0 0 12px}.desktop-header__submenu .desktop-header__nav-list .desktop-header__nav-list{-webkit-border-start:1px solid #d0d0ce;border-inline-start:1px solid #d0d0ce;border-radius:0}.desktop-header__submenu .desktop-header__nav-list--no-card{border-radius:0 0 12px 12px}.desktop-header__submenu .desktop-header__nav-item{inline-size:100%;padding:16px 24px;color:#bf1f39;font-size:14px;font-style:normal;font-weight:400;line-height:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;border:none;text-align:start}.desktop-header__submenu .desktop-header__nav-item.has-inner-submenu{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row}.desktop-header__submenu .desktop-header__nav-item a{color:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;padding:0;min-block-size:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.desktop-header__submenu .desktop-header__nav-item a .desktop-header__nav-item-description{color:#75787b;font-size:12px;font-style:normal;font-weight:400;line-height:15px;text-align:start}.desktop-header__submenu .desktop-header__nav-item svg{max-inline-size:24px;max-block-size:24px;inline-size:100%;block-size:100%;fill:#bf1f39}.desktop-header__submenu .desktop-header__nav-item:hover{background-color:#bf1f39}.desktop-header__submenu .desktop-header__nav-item:hover>a{color:#fff}.desktop-header__submenu .desktop-header__nav-item:hover>a .desktop-header__nav-item-description{color:inherit}.desktop-header__submenu .desktop-header__nav-item:hover>svg{fill:#fff}.desktop-header__submenu .desktop-header__submenu{position:absolute;inset-inline-start:100%;inset-block-start:0;-webkit-box-shadow:none;box-shadow:none;inline-size:100%;display:grid;grid-template-columns:1fr 1fr;block-size:100%}.desktop-header__submenu .desktop-header__submenu[hidden]{display:none}.desktop-header__submenu .desktop-header__card,.desktop-header__submenu .desktop-header__card-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;gap:8px;inline-size:204px;min-inline-size:204px;padding:32px 40px;z-index:0;position:relative;background-color:#fff;border-radius:0 0 12px 0;-webkit-border-start:1px solid #d0d0ce;border-inline-start:1px solid #d0d0ce}.desktop-header__submenu .desktop-header__card-inner[hidden],.desktop-header__submenu .desktop-header__card[hidden]{display:none}.desktop-header__submenu .desktop-header__card .desktop-header__card__content,.desktop-header__submenu .desktop-header__card-inner .desktop-header__card__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;gap:8px}.desktop-header__submenu .desktop-header__card .desktop-header__card-title,.desktop-header__submenu .desktop-header__card-inner .desktop-header__card-title{color:#bf1f39;text-align:center;font-size:12px;font-style:normal;font-weight:700;line-height:15px}.desktop-header__submenu .desktop-header__card .desktop-header__card-paragraph,.desktop-header__submenu .desktop-header__card-inner .desktop-header__card-paragraph{color:#75787b;text-align:center;font-size:12px;font-style:normal;font-weight:400;line-height:14px}.desktop-header__submenu .desktop-header__card .desktop-header__card__image,.desktop-header__submenu .desktop-header__card-inner .desktop-header__card__image{inline-size:100%;block-size:100%;-o-object-fit:cover;object-fit:cover;max-block-size:125px;max-inline-size:125px}.desktop-header__submenu .desktop-header__card a.desktop-header__card-link,.desktop-header__submenu .desktop-header__card-inner a.desktop-header__card-link{color:#bf1f39!important;text-align:center;font-size:12px;font-style:normal;font-weight:700;line-height:14px;text-transform:uppercase;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.desktop-header__submenu .desktop-header__support-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0}.desktop-header__submenu .desktop-header__support-title{font-size:14px;font-style:normal;font-weight:400;line-height:16px;color:#bf1f39!important;margin:0}.desktop-header__submenu .desktop-header__support-item{text-align:start}.desktop-header__submenu .desktop-header__support-item img{inline-size:24px;block-size:24px}.desktop-header__submenu .desktop-header__card--support{padding:16px 24px;min-inline-size:250px}.desktop-header__submenu .desktop-header__support-link{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.desktop-header__submenu .desktop-header__support-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;color:#bf1f39}.desktop-header__submenu .desktop-header__support-label span{color:#75787b}.desktop-header__submenu--right{inset-inline-start:auto;inset-inline-end:0}.desktop-header__nav__utility-nav-item--language,.desktop-header__nav__utility-nav-item--login{position:relative}.desktop-header__utility-subnav{position:absolute;background-color:#fff;padding:24px;inline-size:100%;min-inline-size:460px;z-index:10;border-radius:12px 0 12px 12px;inset-inline-end:0;-webkit-box-shadow:0 13px 13px 0 rgba(0,0,0,.09);box-shadow:0 13px 13px 0 rgba(0,0,0,.09)}.desktop-header__utility-subnav-list{margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.desktop-header__utility-subnav-list svg{inline-size:24px;block-size:24px;-webkit-margin-start:auto;margin-inline-start:auto}.desktop-header__utility-subnav-list svg[hidden]{display:none}.desktop-header__nav__submenu-title{-webkit-border-after:1px solid #cfcac9;border-block-end:1px solid #cfcac9;-webkit-padding-after:24px;padding-block-end:24px;font-size:14px;font-style:normal;font-weight:700;line-height:17px}.desktop-header__nav__submenu-item{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.desktop-header__nav__submenu-item a{text-align:start}.desktop-header__nav__submenu-item+.desktop-header__nav__submenu-item{-webkit-border-before:1px solid #cfcac9;border-block-start:1px solid #cfcac9}.desktop-header__nav__submenu-item{padding-block:16px}.desktop-header__nav__submenu-item__accordion-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:0 0;border:0;inline-size:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:12px;font-style:normal;font-weight:400;line-height:15px;color:#bf1f39;border-radius:0;padding:0}.desktop-header__nav__submenu-item__accordion-button span{-webkit-padding-start:4px;padding-inline-start:4px}.desktop-header__nav__submenu-item__content{display:-webkit-box;display:-ms-flexbox;display:flex;grid-area:20px}.desktop-header__nav__submenu-item__content[hidden]{display:none}.desktop-header__nav__submenu-item__content__list{inline-size:50%;padding:0}.desktop-header__nav__submenu-item__content__list-item a{color:#75787b;font-size:12px;font-style:normal;font-weight:400;line-height:14px;font-family:HelveticaNeueW02-55Roma;padding-inline:0;padding-block:6px}.down-icon{-webkit-transition:cubic-bezier(1,0,0,1) .3s ease-in-out;transition:cubic-bezier(1,0,0,1) .3s ease-in-out}.desktop-header__nav__utility-nav-item--login .desktop-header__utility-subnav{min-inline-size:300px}.desktop-header__nav__utility-nav-item--login .desktop-header__nav__submenu-item{border:none}.desktop-header__nav__utility-nav-item--login .desktop-header__nav__submenu-item a{color:#75787b;font-size:12px;font-style:normal;font-weight:400;line-height:14px}.desktop-header__nav__utility-nav-item--login .desktop-header__nav__submenu-item a:hover{color:#bf1f39}.desktop-header__nav__utility-nav-item--cart .desktop-header__nav__utility-nav-link--icon-counter{position:relative}.desktop-header__nav__utility-nav-item--cart.is-active svg{fill:#bf1f39}.desktop-header__nav__utility-nav-item--cart.has-items svg{fill:#bf1f39}.desktop-header__cart-button-counter{position:absolute;inline-size:12px;block-size:12px;background-color:#bf1f39;color:#fff;border-radius:50%;font-size:9px;font-style:normal;font-weight:400;text-align:center;inset-block-start:-6px;inset-inline-end:-5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.desktop-header__cart-button-counter[hidden]{display:none}.desktop-header--dansac .desktop-header__nav__search-bar__input{border-radius:0!important;border:1px solid;border-right:none;block-size:40px}.desktop-header--dansac .desktop-header__nav__search-bar__button{background-color:transparent;border:1px solid;border-left:none;block-size:40px;border-radius:0!important}.desktop-header--dansac .desktop-header__nav__contact-us-cta{border-radius:0}.desktop-header--dansac .desktop-header__nav-link{font-size:15px;font-style:normal;font-weight:700;line-height:120%;text-transform:uppercase}.desktop-header--dansac .desktop-header__nav-link.is-active{color:#585458}.desktop-header--dansac .desktop-header__submenu .desktop-header__nav-item .desktop-header__nav-link{font-size:14px;font-style:normal;font-weight:700;line-height:18px;text-transform:none!important;color:#bf1f39}.desktop-header--dansac .desktop-header__submenu .desktop-header__nav-item:hover{background-color:rgba(235,235,235,.7)!important}.desktop-header--dansac .desktop-header__submenu .desktop-header__nav-item:hover>.desktop-header__nav-link{color:#222!important}.desktop-header__utility-subnav--login .desktop-header__nav__submenu-item{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.featured-s-curve{margin:10px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;margin:0 auto;padding-inline:7.25%}@media (min-width:64em){.featured-s-curve{margin:20px auto;max-inline-size:960px;padding-inline:0}}.featured-s-curve__image{display:none}@media (min-width:46.25em){.featured-s-curve__image{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 15px;width:200px}}.featured-s-curve__image img{width:100%;aspect-ratio:1}.featured-s-curve__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:30px 30px 50px 0;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width:46.25em){.featured-s-curve__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}}@media (min-width:64em){.featured-s-curve__content{padding:20px 25px}}.featured-s-curve__heading{font-family:HelveticaNeueW02-55Roma;font-size:22px;font-weight:500;line-height:.96;letter-spacing:normal}.featured-s-curve__heading+.featured-s-curve__description{margin-top:20px}.featured-s-curve__description,.featured-s-curve__description p{font-family:HelveticaNeueW02-55Roma;font-size:16px;font-weight:500;line-height:.96}.featured-s-curve__cta{margin-top:20px}.featured-s-curve--media-large .featured-s-curve__image{width:100%;padding:0}@media (min-width:46.25em){.featured-s-curve--media-large .featured-s-curve__image{width:50%}}.featured-s-curve--media-large .featured-s-curve__image img{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover}.featured-s-curve--media-large .featured-s-curve__heading{font-weight:700;line-height:1.3;margin-block:0 10px}.featured-s-curve--media-large .featured-s-curve__description,.featured-s-curve--media-large .featured-s-curve__description p{font-family:HelveticaNeueW02-55Roma;line-height:1.3;margin-block:0;font-size:16px}.featured-s-curve--media-right{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}@media (min-width:46.25em){.featured-s-curve--media-right{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}.featured-s-curve--media-left{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}@media (min-width:46.25em){.featured-s-curve--media-left{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.featured-s-curve--border-top{-webkit-border-before:1px solid #efefef;border-block-start:1px solid #efefef;-webkit-padding-before:10px;padding-block-start:10px}.featured-s-curve--border-top.featured-s-curve--media-large{-webkit-padding-before:20px;padding-block-start:20px}@media (min-width:46.25em){.featured-s-curve--border-top.featured-s-curve--media-large{-webkit-padding-before:40px;padding-block-start:40px}}.featured-s-curve--border-bottom{-webkit-border-after:1px solid #efefef;border-block-end:1px solid #efefef;-webkit-padding-after:10px;padding-block-end:10px}.featured-s-curve--border-bottom.featured-s-curve--media-large{-webkit-padding-after:20px;padding-block-end:20px}@media (min-width:46.25em){.featured-s-curve--border-bottom.featured-s-curve--media-large{-webkit-padding-after:40px;padding-block-end:40px}}.featured-s-curve--border-block{border-block:1px solid #efefef;padding-block:10px}.featured-s-curve--border-block.featured-s-curve--media-large{padding-block:20px}@media (min-width:46.25em){.featured-s-curve--border-block.featured-s-curve--media-large{padding-block:40px}}.generic-hero{position:relative}.generic-hero .generic-hero__image{width:100%;-o-object-fit:cover;object-fit:cover;height:100%}.generic-hero::before{position:absolute;top:0;left:0;width:100%;height:100%;content:""}.generic-hero--left{background-position:center left}.generic-hero--right{background-position:center right}@media (max-width:46.24em){.generic-hero{background-size:auto calc(100% - 322px)}.generic-hero::before{height:calc(100% - 322px)}}@media (min-width:46.25em){.generic-hero{height:454px}.generic-hero::before{background:-webkit-gradient(linear,left top,right top,color-stop(30%,rgba(0,0,0,0)),color-stop(70%,rgba(0,0,0,.74)));background:linear-gradient(90deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.74) 70%)}}@media (min-width:46.25em) and (max-width:63.99em){.generic-hero{background-position:top center}}.generic-hero__caption{top:31px;padding:25px 19px 20px}@media (max-width:46.24em){.generic-hero__caption{right:19px;left:19px}}@media (min-width:46.25em){.generic-hero__caption{position:absolute;right:19px;width:calc(85.5% / 2)}}@media (min-width:64em){.generic-hero__caption{top:78px;right:calc((100% - 960px)/ 2);width:calc((100% - (100% - 960px))/ 2);padding:0 65px}}.generic-hero__heading{font-size:34px;font-weight:400;line-height:1;color:#666}@media (min-width:46.25em){.generic-hero__heading{color:#fff;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}}.generic-hero__heading-icon{height:74px}@media (max-width:46.24em){.generic-hero__heading-icon{display:block;margin-bottom:10px}}@media (min-width:46.25em){.generic-hero__heading-icon{margin-right:15px}}.generic-hero__description{font-size:16px;font-weight:300;line-height:21px;margin:30px 0 35px;letter-spacing:.48px;color:#666}@media (max-width:46.24em){.generic-hero__description{font-size:20px;line-height:26px}}@media (min-width:46.25em){.generic-hero__description{color:#fff}}.generic-hero__cta{font-size:16px;font-weight:400;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:13px 20px;text-decoration:none;color:#fff;border:0!important;border-radius:6px;background-color:#bf1d38}.generic-hero__cta:link,.generic-hero__cta:visited{color:#fff}.generic-hero__cta:hover{color:#b91432;background-color:#fff}@media (max-width:46.24em){.generic-hero__cta{font-size:20px}}.generic-hero__cta.generic-hero__cta--inverse{color:#b91432;background-color:#fff}.generic-hero__cta.generic-hero__cta--inverse:link,.generic-hero__cta.generic-hero__cta--inverse:visited{color:#b91432}.generic-hero__cta.generic-hero__cta--inverse:hover{color:#fff;background-color:#bf1d38}.generic-hero__cta.generic-hero__cta--outline{border:2px solid #fff!important;background-color:transparent}.generic-hero__cta.generic-hero__cta--outline:hover{color:#fff;background-color:#bf1d38}.main-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#fff;overflow:visible;z-index:9999;max-width:1200px;margin:0 auto;position:relative}.svg-icon{inline-size:14px;block-size:14px;margin-right:5px}.mod-listing.icons>ul li{padding:0}@media (min-width:46.25em){.layout-site_portals .single-col{max-width:675px;margin:0 auto}}.layout-site_portals .callout.site_portal{border:0;-webkit-box-shadow:none;box-shadow:none}.layout-site_portals .callout.site_portal .image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.layout-site_portals .callout.site_portal .content{margin-right:0}.layout-site_portals .callout.site_portal.style1 .content{background:#bf1f39}.layout-site_portals .callout.site_portal.style1 .content p{color:#fff}.layout-site_portals .callout.site_portal.style1 h2{color:#fff}.layout-site_portals .callout.site_portal.style1 .btn{border:solid 1px #fff}.layout-site_portals .callout.site_portal.style2 .content{background:#ebe9e8}.layout-site_portals .callout.site_portal.style2 h2{color:#bf1f39}.layout-site_portals .callout.site_portal.style2 p{color:#716f71}.layout-site_portals .callout.site_portal.style3 .content{background:#878785}.layout-site_portals .callout.site_portal.style3 .content p{color:#fff}.layout-site_portals .callout.site_portal.style3 h2{color:#fff}.layout-site_portals .callout.site_portal.style4 h2{color:#bf1f39}.layout-ss-login>.header{padding:15px 15px 14px;background-color:#ebebeb}.layout-ss-login>.header h4{font-size:14px;font-weight:700;line-height:1;margin:0;text-align:center;color:#585458}.layout-ss-login>.mod-multicols .cols{margin:0}.layout-ss-login>.mod-multicols .col:last-child{padding:27px}.layout-ss-login>.mod-multicols .col:last-child>div{padding:0}.layout-ss-login>.mod-multicols .content{margin-top:9px!important}.layout-ss-login>.mod-multicols .content p{font-size:14px;line-height:19px}.layout-ss-login>.mod-multicols .button{margin-top:33px!important}@media only screen and (max-width:639px){.layout-ss-login>.mod-multicols .button{margin-top:20px!important}}.layout-ss-login>.mod-multicols .button .btn{font-size:12px;min-width:129px;text-transform:uppercase;color:#000}.layout-ss-login>.footer{padding:16px 50px 24px;background-color:#ebebeb}@media only screen and (max-width:639px){.layout-ss-login>.footer{padding:16px 27px 24px}}.layout-ss-login>.footer .inner_container{width:100%}.layout-ss-login>.footer h3{font-family:HelveticaNeueW02-75Bold;font-size:14px;line-height:1;margin:0 0 12px;text-align:center;color:#b91432}.layout-ss-login>.footer label{font-size:12px;font-weight:400;line-height:1;margin:0 0 10px}@media only screen and (max-width:639px){.layout-ss-login>.footer label{margin-bottom:8px}}.layout-ss-login>.footer input[type=password],.layout-ss-login>.footer input[type=text]{height:30px;border:0}.layout-ss-login>.footer form{display:-webkit-box;display:-ms-flexbox;display:flex}@media only screen and (max-width:639px){.layout-ss-login>.footer form{display:block}}.layout-ss-login>.footer .col{float:initial;width:calc(33.33% - 8px)!important}@media only screen and (max-width:639px){.layout-ss-login>.footer .col{width:100%!important;margin:0}}@media only screen and (max-width:639px){.layout-ss-login>.footer .col+.col{margin-top:10px}}.layout-ss-login>.footer .col.col3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.layout-ss-login>.footer .col .btn{font-size:12px;font-weight:400;width:100%;height:30px;padding:8px 15px;text-transform:uppercase}@media only screen and (max-width:639px){.layout-ss-login>.footer .col .btn{margin-top:10px}}.layout-ss-login>.footer .reset-password{margin-top:15px;text-align:center}.content--border{padding:20px;border:2px solid #bcbbba}.login-form{position:relative}.login-form li{position:relative}.show-password-btn{block-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;inline-size:20px;-webkit-margin-after:4px;margin-block-end:4px;cursor:pointer;z-index:1;position:absolute;inset-inline-end:10px;inset-block-start:calc(50% + 7px)}.show-password-btn svg{inline-size:100%;block-size:100%}.show-password-btn--active:before{content:'';position:absolute;inset-block-start:4px;inset-inline-start:0;inline-size:100%;block-size:2px;background-color:#bf1f39;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.mobile-header{display:-webkit-box;display:-ms-flexbox;display:flex;padding:5px 24px;margin:0 auto;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;inline-size:100%;border-bottom:10px solid #bf1f39;z-index:999}@media (min-width:64em){.mobile-header{display:none}}.mobile-header svg{fill:#aca09b}.mobile-header svg[hidden]{display:none}.mobile-header .mobile-header__nav__menu,.mobile-header .mobile-header__nav__submenu,.mobile-header .mobile-header__nav__utility-nav{inline-size:100%;border-radius:3px;padding:0;margin:0}.mobile-header .mobile-header__nav__menu-item,.mobile-header .mobile-header__nav__submenu-item,.mobile-header .mobile-header__nav__submenu-title,.mobile-header .mobile-header__nav__utility-nav-item{padding:10px 24px;inline-size:100%;min-block-size:44px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mobile-header .mobile-header__nav__menu-item a,.mobile-header .mobile-header__nav__submenu-item a,.mobile-header .mobile-header__nav__submenu-title a,.mobile-header .mobile-header__nav__utility-nav-item a{font-size:14px;font-style:normal;font-weight:400;line-height:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;inline-size:100%;font-family:HelveticaNeueW02-55Roma}.mobile-header .mobile-header__nav__menu-item svg,.mobile-header .mobile-header__nav__submenu-item svg,.mobile-header .mobile-header__nav__submenu-title svg,.mobile-header .mobile-header__nav__utility-nav-item svg{-webkit-margin-start:auto;margin-inline-start:auto;fill:#bf1f39}.mobile-header .mobile-header__nav__menu-item sup,.mobile-header .mobile-header__nav__submenu-item sup,.mobile-header .mobile-header__nav__submenu-title sup,.mobile-header .mobile-header__nav__utility-nav-item sup{font-size:8px;vertical-align:super}.mobile-header .mobile-header__nav__menu-item+li,.mobile-header .mobile-header__nav__submenu-item+li,.mobile-header .mobile-header__nav__submenu-title+li,.mobile-header .mobile-header__nav__utility-nav-item+li{border-top:1px solid #cfcac9;margin:0}.mobile-header ul li:last-child{border-bottom:1px solid #cfcac9}.mobile-header ul ul li:last-child{border-bottom:none}.mobile-header .mobile-header__nav__utility-nav li a{font-size:14px;font-style:normal;font-weight:400;line-height:16px}.mobile-header .mobile-header__nav__utility-nav li+li{border:0}.mobile-header .mobile-header__nav__utility-nav svg{fill:#75787b}.mobile-header li.language-item{-webkit-padding-before:0;padding-block-start:0;-webkit-padding-after:0;padding-block-end:0}.mobile-header ul.language-list{-webkit-padding-after:32px;padding-block-end:32px}.mobile-header__menu-container{position:relative}.mobile-header__menu-container .mobile-header__menu-button__icon{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:0 0;inline-size:45px;block-size:45px}.mobile-header__menu-container .mobile-header__menu-button__icon svg{inline-size:100%;block-size:100%}.mobile-header__menu-container .mobile-header__menu-button__icon-close[hidden]{display:none}.mobile-header__menu-container svg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mobile-header__cart-container{display:-webkit-box;display:-ms-flexbox;display:flex}.mobile-header__cart-container svg{inline-size:100%;block-size:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mobile-header__cart-button{position:relative}.mobile-header__cart-button>button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:0 0;inline-size:45px;block-size:45px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.mobile-header__cart-button>button.is-active svg{fill:#bf1f39}.mobile-header__cart-button .mobile-header__nav-cart-item__close-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:0 0;block-size:44px;inline-size:44px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;inset-inline-end:-10px;inset-block-end:-10px;position:absolute}.mobile-header__cart-button .mobile-header__nav-cart-item__close-button svg{inline-size:20px;block-size:20px}.mobile-header__cart-button.has-items svg{fill:#bf1f39}.mobile-header__cart-button-counter{position:absolute;inline-size:15px;block-size:15px;background-color:#bf1f39;color:#fff;border-radius:50%;font-size:10px;font-style:normal;font-weight:400;inset-block-start:-3px;inset-inline-end:9px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mobile-header__cart-button-counter[hidden]{display:none}.mobile-header__menu-button__icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;padding:0;color:#aca09b}.mobile-header__logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mobile-header__logo a{border-bottom:none}.mobile-header__logo__image{inline-size:162px;block-size:auto}.mobile-header__nav-container{position:absolute;inset-block-start:calc(100% + 15px);inset-inline-start:-24px;inset-inline-end:0;-webkit-box-shadow:0 13px 13px 0 #00000045;box-shadow:0 13px 13px 0 #00000045;background-color:#fff;gap:16px;z-index:1;inline-size:100vw}.mobile-header__nav-container[hidden]{display:none}.mobile-header__nav-container a{border-bottom:none}.mobile-header__nav__main-nav{inline-size:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;block-size:calc(100vh - 65px)}.mobile-header__nav__main-nav[hidden]{display:none}.mobile-header__nav__submenu{background-color:#fff}.mobile-header__nav__menu{background-color:#fff}.mobile-header__nav__menu svg{display:none}.mobile-header__nav__menu li.has-submenu svg{display:block}.mobile-header__nav__utility-nav-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-transform:capitalize}.mobile-header__nav__utility-nav-link span{-webkit-margin-end:4px;margin-inline-end:4px}.mobile-header__nav__utility-nav-link svg{fill:#75787b}a.mobile-header__nav__contact-button{display:-webkit-box;display:-ms-flexbox;display:flex;height:44px;padding:8px 16px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-inline:25px;-webkit-margin-after:25px;margin-block-end:25px;-webkit-margin-before:auto;margin-block-start:auto;color:#fff;background-color:#bf1f39;inline-size:calc(100% - 50px);font-family:Helvetica;font-size:18px;font-style:normal;font-weight:400;line-height:16px}li.mobile-header__nav__submenu-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-padding-after:8px;padding-block-end:8px}li.mobile-header__nav__submenu-title h2{color:#75787b;font-family:Helvetica Neue;font-size:16px;font-style:normal;font-weight:700;line-height:18px;margin:0;padding-block:16px;inline-size:100%}.mobile-header__nav__back-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;font-family:Helvetica Neue;font-size:14px;font-style:normal;font-weight:400;line-height:100%;padding:0;-webkit-padding-after:12px;padding-block-end:12px;color:#353333;inline-size:100%}.mobile-header__nav__back-button span{-webkit-margin-end:8px;margin-inline-end:8px;position:relative;-webkit-margin-start:-6px;margin-inline-start:-6px}.mobile-header__nav__back-button svg{inline-size:20px;block-size:20px}.mobile-header__card{display:-webkit-box;display:-ms-flexbox;display:flex;padding:24px 40px;gap:16px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.mobile-header__card__image{inline-size:40%;-o-object-fit:contain;object-fit:contain}.mobile-header__card__content{inline-size:60%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;gap:8px}.mobile-header__card__content .mobile-header__card-title{color:#bf1f39;text-align:center;font-family:Helvetica Neue;font-size:12px;font-style:normal;font-weight:700;line-height:16px}.mobile-header__card__content .mobile-header__card-paragraph{text-align:center;font-family:Helvetica Neue;font-size:10px;font-style:normal;font-weight:400;line-height:11px;color:#75787b}.mobile-header__card__content .mobile-header__card-paragraph p{font-size:10px;font-style:normal;font-weight:400;line-height:11px}.mobile-header__card__content .mobile-header__card-link{color:#bf1f39;text-align:center;font-family:Helvetica Neue;font-size:12px;font-style:normal;font-weight:700;line-height:14px;text-transform:uppercase}li.submenu-item--product{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}li.submenu-item--product a{-webkit-margin-after:8px;margin-block-end:8px}li.submenu-item--product span{font-family:Helvetica Neue;font-size:12px;font-style:normal;font-weight:400;line-height:16px;color:#353333}li.mobile-header__nav__submenu-subtitle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}li.mobile-header__nav__submenu-subtitle h3{font-family:Helvetica Neue;font-size:12px;font-style:normal;font-weight:700;line-height:16px}li.mobile-header__nav__submenu-subtitle+li.mobile-header__nav__submenu-subtitle{border-top:.5px solid #e6e6e6}.mobile-header__nav__category-list{margin:0;padding:0}.mobile-header__nav__category-list .mobile-header__nav__submenu-item{padding-inline:0}.mobile-header__nav__submenu-item svg{inline-size:24px;block-size:24px}.mobile-header__menu-button__icon-open{inline-size:24px;block-size:24px}.mobile-header__nav__utility-nav-item{color:#75787b}.mobile-header__nav__utility-nav-item a.mobile-header__nav__utility-nav-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;inline-size:100%;color:#75787b}.mobile-header__nav__utility-nav-item a.mobile-header__nav__utility-nav-link>.mobile-header__menu-button__icon-open{-webkit-margin-start:auto;margin-inline-start:auto}.mobile-header__nav__utility-nav-item svg{inline-size:24px;block-size:24px}.language-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.language-item span{-webkit-margin-start:4px;margin-inline-start:4px}.mobile-header__nav__submenu-item__content{inline-size:100%}.mobile-header__nav__submenu-item__accordion-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:0 0;padding-block:16px;border:0;inline-size:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-family:Helvetica Neue;font-size:12px;font-style:normal;font-weight:400;line-height:15px;color:#bf1f39;border-radius:0}.mobile-header__nav__submenu-item__content__list{margin-inline:0;margin-block:0 16px;padding:0;border:.2px solid #d0d0ce}.mobile-header__nav__submenu-item__content__list-item{padding:0;padding-block:10px;-webkit-padding-start:16px;padding-inline-start:16px;margin:0}.mobile-header__nav__submenu-item__content__list-item+.mobile-header__nav__submenu-item__content__list-item{border-top:.2px solid #e6e6e6}.mobile-header__nav__submenu-item__content__list-item a{color:#75787b;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.mobile-header__search-bar-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:16px 24px 8px 24px;position:relative;inline-size:100%}.mobile-header__search-bar-container .mobile-header__nav__search-bar__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:0 0;inline-size:100%;color:#aca09b;font-size:14px;font-style:normal;font-weight:400;line-height:50%;text-transform:uppercase;border:1px solid #aca09b;border-radius:0;padding:5px 16px;block-size:45px}.mobile-header__search-bar-container .mobile-header__nav__search-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;background-color:#bf1f39}.mobile-header__search-bar-container .mobile-header__nav__search-buttons svg path{fill:#fff}.mobile-header__search-bar-container .mobile-header__nav__search-bar__button-clear{font-family:Helvetica Neue;font-size:12px;font-style:normal;font-weight:400;line-height:15px;-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#aca09b}.mobile-header__search-bar-container .mobile-header__nav__search-bar__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:0 0;inline-size:45px;block-size:45px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0}.mobile-header__search-bar-container .mobile-header__nav__search-bar__button svg{inline-size:18px;block-size:18px;fill:#fff}.mobile-header--dansac{padding:24px;border-bottom:none}.mobile-header--dansac svg{fill:#75787b}.mobile-header--dansac .mobile-header__nav-container{inset-block-start:calc(100% + 23px);-webkit-box-shadow:0 13px 13px 0 rgba(0,0,0,.09);box-shadow:0 13px 13px 0 rgba(0,0,0,.09)}.mobile-header--dansac .mobile-header__nav__search-bar__input{border:1px solid;border-right:none;block-size:40px}.mobile-header--dansac .mobile-header__nav__search-buttons{background-color:transparent;border:1px solid;border-left:none;block-size:40px}.mobile-header--dansac li.language-item a,.mobile-header--dansac li.language-item button,.mobile-header--dansac li.mobile-header__nav__menu-item a,.mobile-header--dansac li.mobile-header__nav__menu-item button,.mobile-header--dansac li.mobile-header__nav__submenu-item a,.mobile-header--dansac li.mobile-header__nav__submenu-item button,.mobile-header--dansac li.mobile-header__nav__submenu-title a,.mobile-header--dansac li.mobile-header__nav__submenu-title button,.mobile-header--dansac li.mobile-header__nav__utility-nav-item a,.mobile-header--dansac li.mobile-header__nav__utility-nav-item button{font-size:18px;font-style:normal;font-weight:400;line-height:27px}.mobile-header--dansac .mobile-header__menu-button__icon{color:#75787b}.mobile-header--dansac li.mobile-header__nav__submenu-item__content__list-item{font-size:12px;font-style:normal;font-weight:400;line-height:180%}.mobile-header--dansac li.mobile-header__nav__submenu-item__content__list-item a{font-size:12px;font-style:normal;font-weight:400;line-height:180%}.mod-multicols-links{display:-webkit-box;display:-ms-flexbox;display:flex}.mod-multicols-links a{display:-webkit-box;display:-ms-flexbox;display:flex;border:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mod-multicols-links a:hover{text-decoration:underline}.mod-multicols-links a+a{margin-left:15px}.mod-multicols-links a .icon{margin-left:5px}.mod-multicols-links .btn{font-size:14px;padding:7px 14px;text-transform:uppercase}.multicolumn__module{display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width:46.24em){.multicolumn__module{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:27px 0 47px}}@media (min-width:46.25em){.multicolumn__module{-ms-flex-wrap:wrap;flex-wrap:wrap}}.multicolumn__information-text h2,.multicolumn__information-text p{margin-bottom:15px}.multicolumn__module-description{font-size:17px;font-weight:400;line-height:22px;width:100%;margin-bottom:34px;letter-spacing:.54px}@media (max-width:46.24em){.multicolumn__module-description{padding:0 19px}}@media (min-width:46.25em){.multicolumn__article{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:calc(50% - 12.5px)}.multicolumn__article:not(.multicolumn__article--one-col):nth-child(even){margin-left:25px}.multicolumn__article:not(.multicolumn__article--one-col):nth-child(n+3){margin-top:28px}.multicolumn__article:not(.multicolumn__article--one-col) .multicolumn__article--with-icon:nth-child(n+3){margin-top:46px}.multicolumn__module-description~.multicolumn__article:nth-child(3){margin-top:0}}@media (max-width:46.24em){.multicolumn__article+.multicolumn__article{margin-top:80px}}.multicolumn__img{background-repeat:no-repeat;background-position:center center;background-size:cover}.multicolumn__img--left{background-position:center left}.multicolumn__img--right{background-position:center right}@media (max-width:46.24em){.multicolumn__img{padding-top:54.375%}}@media (min-width:46.25em){.multicolumn__img{width:46%;border-radius:12px 0 0 12px}}@media (max-width:46.24em){.multicolumn__icon{padding:0 19px}}@media (min-width:46.25em){.multicolumn__icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:30%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.multicolumn__information{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}@media (max-width:46.24em){.multicolumn__information{padding:25px 19px 20px}}@media (min-width:46.25em){.multicolumn__information{padding:20px 22.5px;border-radius:0 12px 12px 0}.multicolumn__img+.multicolumn__information{width:54%;min-height:248px}.multicolumn__icon+.multicolumn__information{width:70%;min-height:177px;padding-top:0;padding-bottom:0}}.multicolumn__heading{font-size:26px;font-weight:400;color:#b91432}.multicolumn__heading--center{text-align:center}@media (max-width:46.24em){.multicolumn__heading{font-size:30px;margin:0 0 15px}}.multicolumn__description{font-size:14px;font-weight:400;margin:0;color:#716f71}.multicolumn__description--center{text-align:center}@media (max-width:46.24em){.multicolumn__description{line-height:26px}}.multicolumn__cta-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.multicolumn__cta-wrapper--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.multicolumn__cta{font-size:16px;font-weight:400;margin:0;padding:13px 18px;color:#fff;border:0;border-radius:6px;background-color:#bf1d38}.multicolumn__cta:link,.multicolumn__cta:visited{color:#fff;border:0}.multicolumn__cta:hover{background-color:#7d7572}.multicolumn__cta--outline{color:#bf1d38;border:2px solid #bf1d38;background-color:transparent}.multicolumn__cta--outline:link,.multicolumn__cta--outline:visited{color:#bf1d38;border:2px solid #bf1d38}.multicolumn__cta--outline:hover{color:#fff;background-color:#bf1d38}.multicolumn__cta--inverse{background-color:#7d7572}.multicolumn__cta--inverse:hover{background-color:#bf1d38}.multicolumn__subsection{display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width:46.24em){.multicolumn__subsection{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media (min-width:46.25em){.multicolumn__subsection{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (max-width:46.24em){.multicolumn__subsection+.multicolumn__subsection{margin-top:80px}}@media (min-width:46.25em){.multicolumn__subsection+.multicolumn__subsection{margin-top:28px}}.multicolumn__article--one-col .multicolumn__img+.multicolumn__information{min-height:initial}@media (min-width:46.25em){.multicolumn__article--one-col{width:70%;margin:0 auto}}@media (max-width:46.24em){.multicolumn__article--one-col+.multicolumn__article--one-col{margin-top:80px}}@media (min-width:46.25em){.multicolumn__article--one-col+.multicolumn__article--one-col{margin-top:28px}}.cols--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.footer{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:1200px;border-width:1px 0 0;border-style:solid}.footer__back-top{direction:rtl}.footer__back-top-btn{position:absolute;z-index:500;top:-51px;float:right;width:50px;height:50px;border:0;border-radius:0;background:#bf1f39;direction:ltr}.footer__back-top-btn .icon{position:absolute;top:50%;left:50%;margin:-12px 0 0 -9px}.footer__back-top-btn.sticky{position:fixed;top:auto;bottom:0}.footer__back-top-btn:hover{background:#222}@media (max-width:46.24em){.footer__back-top-btn{top:0;-webkit-transform:scale(.75);transform:scale(.75)}}.footer__wrapper{font-size:16px;font-weight:500;line-height:30px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width:46.24em){.footer__wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.footer-content__left{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.footer-content__bottom,.footer-content__top{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (max-width:46.24em){.footer--tablet-up{display:none}}.footer--mobile{margin:20px 0 0}@media (min-width:46.25em){.footer--mobile{display:none}}.footer__logo img{max-width:100%}.footer-left__social-links .footer__cta{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.footer-left__social-links .footer__cta+.footer__cta{margin-left:20px}.footer__social-icon{width:30px;height:30px}.footer-left__copyright{margin:30px 0 0}.footer-left__utility-links{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:12px 0 0}.footer-left__ce-mark{margin:30px 0 0}.footer__legal-ce-img{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin:30px 0 0}@media (max-width:46.24em){.footer-content__main{margin:30px 0 0}}.footer-main__primary-nav{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin:0;padding:0}.footer__primary-link{font-size:16px;font-weight:500;line-height:30px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0}.footer__primary-link+.footer__primary-link{margin-left:0}.footer-main__secondary-nav{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}.footer__legal-copy{font-size:16px;font-weight:500;line-height:20px;margin:0;color:inherit}.footer__legal-copy a{font-family:inherit;text-decoration:underline;color:inherit;border:0}a.footer__logo{text-decoration:none;border-bottom:0}a.footer__cta{font-family:inherit;color:inherit;border-bottom:0}a.footer__cta:hover{text-decoration:underline}a.footer__cta.primary{font-size:18px;font-weight:700;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;text-transform:uppercase}@media (max-width:46.24em){a.footer__cta.primary{margin:0 0 30px}}@media (min-width:46.25em){a.footer__cta.primary{margin:0 0 20px}}.footer-left__extra-img{margin:30px 0 0}.footer-left__extra-img img{max-width:100%}.mod-grid.products>.item,.popular_products>.item{-webkit-box-shadow:none;box-shadow:none}.mod-grid.products>.item.style1,.popular_products>.item.style1{border:0;background:#bf1f39}.mod-grid.products>.item.style1 h2,.mod-grid.products>.item.style1 h2 a,.popular_products>.item.style1 h2,.popular_products>.item.style1 h2 a{color:#fff}.mod-grid.products>.item.style1 p,.popular_products>.item.style1 p{color:#fff}.mod-grid.products>.item.style1 .btn,.popular_products>.item.style1 .btn{border:solid 1px #fff}.mod-grid.products>.item.style2,.popular_products>.item.style2{border:0;background:#ebe9e8}.mod-grid.products>.item.style2 h2,.mod-grid.products>.item.style2 h2 a,.popular_products>.item.style2 h2,.popular_products>.item.style2 h2 a{color:#bf1f39}.mod-grid.products>.item.style2 p,.popular_products>.item.style2 p{color:#716f71}.mod-grid.products>.item.style3,.popular_products>.item.style3{border:0;background:#878785}.mod-grid.products>.item.style3 h2,.mod-grid.products>.item.style3 h2 a,.popular_products>.item.style3 h2,.popular_products>.item.style3 h2 a{color:#fff}.mod-grid.products>.item.style3 p,.popular_products>.item.style3 p{color:#fff}.mod-grid.products>.item.style4 h2,.mod-grid.products>.item.style4 h2 a,.popular_products>.item.style4 h2,.popular_products>.item.style4 h2 a{color:#bf1f39}.popup-form--opened{position:fixed;overflow:hidden;width:100vw}.popup-form{display:none}.popup-form.popup-form--open{display:block}.popup-form .splash-form__module{width:100%!important;margin:0!important;-webkit-box-shadow:0 0 10px 5px rgba(0,0,0,.3);box-shadow:0 0 10px 5px rgba(0,0,0,.3)}.popup-form__overlay{position:fixed;z-index:1000;top:0;left:0;overflow-y:auto;width:100%;height:100%;padding:200px 0 100px;background-color:rgba(0,0,0,.7)}.popup-form__overlay .modal-close{position:absolute;top:10px;right:10px}@media (min-width:46.25em){.popup-form__overlay .modal-close{top:25px;right:25px}}.popup-form__container{position:relative;width:calc(100% - 100px);max-width:1100px;margin:0 auto}.products-accordion-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;inline-size:100%;margin-block:48px;padding:22.5px;overflow:hidden;max-inline-size:960px;margin:0 auto}@media (min-width:64em){.products-accordion-list{padding-block:40px}}.products-accordion-list__title-container{-webkit-margin-after:32px;margin-block-end:32px}.products-accordion-list__title{font-size:26px;line-height:40px}@media (min-width:64em){.products-accordion-list__title{font-size:30px}}.products-accordion-list__item-title{color:#bf1f39;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;font-family:HelveticaNeueW02-55Roma;font-size:18px;font-style:normal;font-weight:400;line-height:24px;text-align:start;margin:0}@media (min-width:64em){.products-accordion-list__item-title{font-size:20px}}.products-accordion-list__item{border-block:1px solid #919191;padding-block:16px;padding-inline:0;position:relative}.products-accordion-list__item+.products-accordion-list__item{-webkit-border-before:0;border-block-start:0}.products-accordion-list__button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;inline-size:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0}.products-accordion-list__button[aria-expanded=true]{-webkit-padding-after:16px;padding-block-end:16px}.products-accordion-list__button svg{block-size:100%;color:#bf1f39;inline-size:100%;max-block-size:20px;max-inline-size:20px}.products-accordion-list__button svg[hidden]{display:none}.products-accordion-list__content-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;margin-block:16px;margin-inline:16px;position:relative}.products-accordion-list__content-container[hidden]{display:none}@media (min-width:64em){.products-accordion-list__content-container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;gap:8px;margin:0}}.products-accordion-list__content-list{color:#666;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;font-size:14px;font-style:normal;font-weight:400;gap:8px;line-height:16px}@media (min-width:64em){.products-accordion-list__content-list{line-height:17px;inline-size:100%}}.products-accordion-list__content-list p{color:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;margin:0}.products-accordion-list__content-list .separator{inline-size:100%;-webkit-border-before:1px solid #919191;border-block-start:1px solid #919191;-webkit-margin-before:20px;margin-block-start:20px;-webkit-padding-after:20px;padding-block-end:20px}.products-accordion-list__title-image{block-size:64px;inline-size:64px}.products-accordion-list__content-image{-ms-flex-item-align:center;align-self:center;block-size:184px;inline-size:184px}@media (min-width:64em){.products-accordion-list__content-image{-ms-flex-item-align:start;align-self:flex-start;block-size:290px;inline-size:290px}}.products-accordion-list__content-title{color:#666;font-family:HelveticaNeueW02-55Roma;font-size:18px;font-style:normal;font-weight:700;line-height:22px}@media (min-width:64em){.products-accordion-list__content-title{font-size:20px}}.product-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.product-card__image{inline-size:100%}.product-card__image img{inline-size:100%;-o-object-fit:cover;object-fit:cover}.badge{font-size:10px;font-style:normal;font-weight:400;line-height:11px}.product-card__content p{font-size:12px;font-style:normal;font-weight:400;line-height:14px}.product-card__content-title{font-size:16px;font-style:normal;font-weight:400;line-height:19px}.product-detail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;gap:16px;padding:20px}@media (min-width:46.25em){.product-detail{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:40px;padding:32px}}@media (min-width:64em){.product-detail{padding-block:32px}}.product-detail__left{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.product-detail__right{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.product-detail__heading{color:#bf1f39;font-size:28px;font-weight:300;line-height:35px;-webkit-margin-after:16px;margin-block-end:16px;-webkit-border-after:1px solid #cfcac9;border-block-end:1px solid #cfcac9;padding-block:16px}@media (min-width:46.25em){.product-detail__heading{font-size:32px;line-height:40px}}.product-detail__legacy{background:#f3f1ed;border:1px solid #aca09b;padding:8px}.product-detail__legacy,.product-detail__legacy *{font-family:HelveticaNeueW02-55Roma}@media (min-width:46.25em){.product-detail__legacy{padding:16px}}.product-detail__footer-links{padding-block:24px;padding-inline:0}@media (min-width:46.25em){.product-detail__footer-links{padding-block:32px;padding-inline:0}}.product-detail__footer-links p+p{-webkit-margin-before:25px;margin-block-start:25px}.product-detail__footer-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;font-size:18px;font-style:normal;font-weight:700;line-height:18px;color:#bf1f39;border-bottom:1px solid #bf1f39;padding:0;margin:0;border-radius:0}.product-detail__gallery{background-color:#f3f1ed;border:solid 8px #f3f1ed;overflow:auto}.product-detail__gallery-inner{display:none;gap:8px}.product-detail__gallery-inner[data-initialized]{display:-webkit-box;display:-ms-flexbox;display:flex}@media (min-width:46.25em){.product-detail__gallery-inner{-ms-flex-wrap:wrap;flex-wrap:wrap}.product-detail__gallery-inner[data-images-count="3"] .product-detail__gallery-item:nth-child(2),.product-detail__gallery-inner[data-images-count="3"] .product-detail__gallery-item:nth-child(3),.product-detail__gallery-inner[data-images-count="4"] .product-detail__gallery-item:nth-child(2),.product-detail__gallery-inner[data-images-count="4"] .product-detail__gallery-item:nth-child(3),.product-detail__gallery-inner[data-images-count="5"] .product-detail__gallery-item:nth-child(2),.product-detail__gallery-inner[data-images-count="5"] .product-detail__gallery-item:nth-child(3),.product-detail__gallery-inner[data-images-count="6"] .product-detail__gallery-item:nth-child(2),.product-detail__gallery-inner[data-images-count="6"] .product-detail__gallery-item:nth-child(3){inline-size:calc(50% - 4px);-webkit-padding-after:calc(50% - 4px);padding-block-end:calc(50% - 4px)}.product-detail__gallery-inner[data-images-count="6"] .product-detail__gallery-item:nth-child(5),.product-detail__gallery-inner[data-images-count="6"] .product-detail__gallery-item:nth-child(6){inline-size:calc(50% - 4px);-webkit-padding-after:calc(50% - 4px);padding-block-end:calc(50% - 4px)}}.product-detail__gallery-item{background-color:#fff;block-size:0;border:0;border-radius:0;-ms-flex-negative:0;flex-shrink:0;inline-size:100%;-webkit-padding-after:100%;padding-block-end:100%;position:relative}@media (min-width:46.25em){.product-detail__gallery-item:nth-child(n+7){display:none}}.product-detail__gallery-item img{block-size:100%;inline-size:100%;inset-block-start:0;inset-inline-start:0;-o-object-fit:cover;object-fit:cover;position:absolute;z-index:1}.product-detail__gallery-item-overlay{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,.4);block-size:100%;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:16px;inline-size:100%;inset-block-start:0;inset-inline-start:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:19px;position:absolute;z-index:2}.product-detail__gallery-item-overlay:hover{background:rgba(0,0,0,.6)}.product-detail__gallery-item-overlay:hover span{text-decoration:underline}@media (max-width:46.24em){.product-detail__gallery-item-overlay{display:none}}.product-detail__gallery-lightbox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(255,255,255,.7);block-size:100%;border:0;display:none;inline-size:100%;inset-block-start:0;inset-inline-start:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;z-index:99999}.product-detail__gallery-lightbox .swiper-wrapper{max-block-size:70vh}.product-detail__gallery-lightbox[open]{display:-webkit-box;display:-ms-flexbox;display:flex}.product-detail__gallery-lightbox-inner{background:#fff;-webkit-box-shadow:0 13px 13px 0 rgba(0,0,0,.09);box-shadow:0 13px 13px 0 rgba(0,0,0,.09);inline-size:100%;margin-block:0;margin-inline:40px;max-block-size:calc(100% - 80px);max-inline-size:1120px;padding-block:80px;padding-inline:60px;position:relative}.product-detail__gallery-lightbox-inner .swiper-slide{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.product-detail__gallery-lightbox-inner .swiper-slide img{max-block-size:100%;max-inline-size:100%}.product-detail__gallery-lightbox-close{background-color:transparent;border:0;border-radius:0;display:-webkit-box;display:-ms-flexbox;display:flex;inset-block-start:40px;inset-inline-end:40px;position:absolute}.product-detail__gallery-lightbox-close svg{block-size:24px;inline-size:24px}.product-detail__gallery-lightbox-next,.product-detail__gallery-lightbox-prev{background-color:transparent;border:0;border-radius:0;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;inset-block-start:calc(50% - 8px);position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.product-detail__gallery-lightbox-next svg,.product-detail__gallery-lightbox-prev svg{block-size:28px;fill:#bf1d38;inline-size:28px;pointer-events:none}.product-detail__gallery-lightbox-next.swiper-button-disabled,.product-detail__gallery-lightbox-prev.swiper-button-disabled{pointer-events:none}.product-detail__gallery-lightbox-next.swiper-button-disabled svg,.product-detail__gallery-lightbox-prev.swiper-button-disabled svg{fill:#d0d0ce}.product-detail__gallery-lightbox-prev{inset-inline-start:16px}.product-detail__gallery-lightbox-next{inset-inline-end:16px}.product-detail__gallery-lightbox-pagination{display:block;font-size:22px;inline-size:100px;line-height:28px;margin-block:10px 0;margin-inline:auto;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (min-width:46.25em){.product-detail__gallery-lightbox-pagination{font-size:28px;line-height:36px}}.product-detail__sample-selection-section{-webkit-border-after:1px solid #cfcac9;border-block-end:1px solid #cfcac9;padding-block:32px;padding-inline:0}.product-detail__sample-selection-heading{font-size:14px;font-weight:400;line-height:16px;-webkit-margin-after:16px;margin-block-end:16px}@media (min-width:46.25em){.product-detail__sample-selection-heading{font-size:16px;line-height:19px}}.product-detail__sample-selection-options{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.product-detail__sample-selection-options input:checked~span{background-color:#aca09b;color:#fff}.product-detail__sample-selection-options label>span{border:1px solid #aca09b;border-radius:5px;color:#aca09b;font-size:12px;font-style:normal;font-weight:400;line-height:15px;padding:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;block-size:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.product-detail__sample-selection-options .color_dot{top:0!important;-webkit-margin-end:4px;margin-inline-end:4px}.product-detail__sample-selection-table{margin-block:16px}.product-detail__sample-selection-table tr{font-size:12px;font-weight:400;line-height:15px}.product-detail__sample-selection-table tr:nth-child(odd) td,.product-detail__sample-selection-table tr:nth-child(odd) th{background-color:#f3f1ed}.product-detail__sample-selection-table th{font-weight:700;inline-size:172px;font-size:12px}.product-detail__sample-selection-table td,.product-detail__sample-selection-table th{background-color:transparent;color:#aca09b;padding:16px;text-align:left}.product-detail__cta{background-color:#bf1d38;border:0;border-radius:6px;color:#fff;font-size:16px;font-weight:400;margin:0;padding-block:13px;padding-inline:18px}.product-detail__cta:link,.product-detail__cta:visited{border:0;color:#fff}.product-detail__cta:hover{background-color:#7d7572}.product-detail__sample-selection-message{margin-block:16px;color:#878785}.product-detail__optional-message{color:#878785}.product-detail-footnotes{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;gap:16px;padding:40px 20px;color:#878785}@media (min-width:46.25em){.product-detail-footnotes{padding:32px 102px}}.product-detail-footnotes__logo{inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content}.product-detail-footnotes__legal{font-size:12px}.product-detail__guide-overlay{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(255,255,255,.7);block-size:100%;border:0;display:none;inline-size:100%;inset-block-start:0;inset-inline-start:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;z-index:99999;overflow:auto}.product-detail__guide-overlay[open]{display:-webkit-box;display:-ms-flexbox;display:flex}.product-detail__guide-overlay__section{margin-block:16px}.product-detail__guide-overlay__close-button{background-color:transparent;border:0;border-radius:0;display:-webkit-box;display:-ms-flexbox;display:flex;inset-block-start:0;inset-inline-end:0;position:absolute;padding:8px}@media (min-width:64em){.product-detail__guide-overlay__close-button{inset-block-start:40px;inset-inline-end:40px}}.product-detail__guide-overlay__close-button svg{block-size:30px;inline-size:30px}@media (min-width:64em){.product-detail__guide-overlay__close-button svg{block-size:24px;inline-size:24px}}.product-detail__guide-overlay__title{font-size:26px;font-style:normal;font-weight:300;line-height:32px;margin:0}.product-detail__guide-overlay__inner{background:#fff;-webkit-box-shadow:0 13px 13px 0 rgba(0,0,0,.09);box-shadow:0 13px 13px 0 rgba(0,0,0,.09);inline-size:100%;margin-block:0;margin-inline:0;max-block-size:calc(100% - 80px);max-inline-size:1120px;padding-block:48px;padding-inline:20px;position:relative}@media (min-width:64em){.product-detail__guide-overlay__inner{padding-block:80px;padding-inline:60px;margin-inline:40px}}.product-detail__guide-overlay-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:20px;-webkit-margin-after:20px;margin-block-end:20px}@media (min-width:64em){.product-detail__guide-overlay-header{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.product-detail__guide-overlay-header .btn{inline-size:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;color:#bf1f39;font-size:16px;font-style:normal;font-weight:400;line-height:16px;padding:8px 15px;margin:0;border-radius:5px;border:1px solid #bf1f39;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-margin-end:8px;margin-inline-end:8px;text-transform:none}@media (min-width:64em){.product-detail__guide-overlay-header .btn{inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.product-detail__guide-overlay-header .btn svg{-webkit-padding-start:8px;padding-inline-start:8px;inline-size:18px;block-size:18px;fill:#bf1f39}.product-detail__guide-overlay__table{border:1px solid #d0d0ce;background:#f3f1ed}@media (min-width:64em){.product-detail__guide-overlay__table td,.product-detail__guide-overlay__table th{padding:8px 16px}}@media (min-width:64em){.product-detail__guide-overlay__table th{font-size:12px;font-style:normal;font-weight:700;line-height:15px;background-color:#353333;color:#fff;text-align:start}}@media (min-width:64em){.product-detail__guide-overlay__table td{font-size:14px;font-style:normal;font-weight:400;line-height:17px}}@media (min-width:64em){.product-detail__guide-overlay__table tbody{max-height:60vh;overflow-y:auto}}@media (min-width:64em){.product-detail__guide-overlay__tbody td+td,.product-detail__guide-overlay__tbody th+th{border-left:1px solid #fff}}.product-detail__guide-overlay__tbody tr:nth-child(odd){background:#fff}@media (min-width:64em){.product-detail__guide-overlay__tbody{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}}.product-detail__guide-overlay__thead{display:none}@media (min-width:64em){.product-detail__guide-overlay__thead{display:table-header-group;position:sticky;inset-block-start:0;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}}.product-detail__guide-overlay__thead .product-detail__guide-overlay__thead-cell{cursor:pointer}.product-detail__guide-overlay__thead .product-detail__guide-overlay__thead-cell span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.product-detail__guide-overlay__thead svg{inline-size:24px;block-size:24px;fill:#fff}.product-detail__guide-overlay__row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;gap:20px 0;padding:16px}@media (min-width:64em){.product-detail__guide-overlay__row{display:table-row;padding:0}}.product-detail__column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:4px;color:#353333;font-size:12px;font-style:normal;font-weight:400;line-height:16px;border-left:0;inline-size:calc(50% - 4px);padding:0;background-color:transparent;text-align:start;position:relative}@media (min-width:64em){.product-detail__column{display:table-cell}}.product-detail__column::before{content:attr(data-label);display:block;font-size:14px;font-style:normal;font-weight:700;line-height:16px}@media (min-width:64em){.product-detail__column::before{display:none}}.product-detail__column .color-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.product-detail__column .color-dot{line-height:.1;font-size:30px;position:relative}.product-detail__column-full{inline-size:100%}@media (min-width:64em){.product-detail__column-full{inline-size:auto;padding:8px 16px}}.product-detail__button{display:-webkit-box;display:-ms-flexbox;display:flex;padding:8px 16px;gap:4px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:5px;background:#bf1f39;color:#fff;inline-size:100%;font-size:14px;font-style:normal;font-weight:400;line-height:28px}.product-detail__guide-overlay--dansac .product-detail__guide-overlay__tbody{border:1px solid #d0d0ce}.product-selector-highlight{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#f3f1ed;width:calc(100% + 100px);margin-left:-50px;position:relative;z-index:1}@media only screen and (min-width:640px) and (max-width:1023px){.product-selector-highlight{inline-size:125%;-webkit-margin-start:-30px;margin-inline-start:-30px}}@media (min-width:64em){.product-selector-highlight{inline-size:685px;margin:0 0 0 -50px;padding:0;text-align:left}}.product-selector-highlight.product-selector-highlight--with-image{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:64em){.product-selector-highlight.product-selector-highlight--with-image{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:20px}}@media (min-width:64em){.product-selector-highlight.product-selector-highlight--media-right{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}.product-selector-highlight::after{content:'';background-color:#f3f1ed;position:absolute;left:0;top:0;bottom:0;right:-200px;z-index:-1}.product-selector-highlight__image{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;inline-size:100%;overflow:hidden;aspect-ratio:3/1}.product-selector-highlight__image img{-o-object-fit:cover;object-fit:cover;inline-size:100%;block-size:100%}@media (min-width:64em){.product-selector-highlight__image{-webkit-box-flex:1;-ms-flex:1 0 45%;flex:1 0 45%;aspect-ratio:3/1}}.product-selector-highlight__content{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;padding-block:20px;padding-inline:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.product-selector-highlight--with-image .product-selector-highlight__content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-block:10px;padding-inline:30px;-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (min-width:64em){.product-selector-highlight__content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-block:20px;padding-inline:30px}.product-selector-highlight--with-image .product-selector-highlight__content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-block:20px;padding-inline:30px;gap:20px;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.product-selector-highlight__headline{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;color:#75787b;text-align:center}.product-selector-highlight__headline :last-of-type{margin-bottom:0}@media (min-width:64em){.product-selector-highlight__headline{text-align:left}}.product-selector-highlight--with-image .product-selector-highlight__headline{text-align:center}.product-selector-highlight__btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:12px 16px;border-radius:4px;border:2px solid #bf1e39;background-color:transparent;color:#bf1e39;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:background-color .2s ease-in-out,color .2s ease-in-out;transition:background-color .2s ease-in-out,color .2s ease-in-out}.product-selector-highlight__btn:hover{background-color:#bf1e39;color:#fff;border:2px solid #bf1e39;cursor:pointer}.product-selector-highlight__btn:link,.product-selector-highlight__btn:visited{border:2px solid #bf1e39}.related-news{margin-top:64px}.related-news__title{font-family:HelveticaNeueW02-75Bold;font-size:18px;font-weight:700;line-height:normal;margin:0;color:#000}.related-news__listing{margin:0;padding:0}@media (min-width:46.25em){.related-news__listing{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.related-news__item{margin:0;padding:21px 0;border-bottom:solid 1px #c9c9c9}@media (min-width:46.25em){.related-news__item{width:calc(50% - 12px)}}.related-news__item-date{font-family:HelveticaNeueW02-75Bold;font-size:14px;font-weight:700;line-height:normal;margin:0 0 14px;color:#7d7572}.related-news__item-title{font-family:HelveticaNeueW02-55Roma;font-size:14px;font-weight:500;line-height:1.64;margin:0;color:#1e1e1e}@media (min-width:46.25em){.myHollister .table_container{overflow-y:auto;max-height:500px}}@media (min-width:46.25em){.myHollister thead th{position:sticky;top:0;background-color:#fff}}@media (min-width:46.25em){.myHollister table{width:100%;border-collapse:collapse}}.s-curve{margin:40px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}@media (min-width:46.25em){.s-curve{margin:60px 0}}@media (min-width:46.25em){.s-curve .s-curve-card:nth-child(even){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}.s-curve-card--border-bottom{-webkit-padding-after:10px;padding-block-end:10px;-webkit-border-after:1px solid #efefef;border-block-end:1px solid #efefef}.s-curve-card--border-bottom.s-curve-card--update{-webkit-padding-after:20px;padding-block-end:20px}@media (min-width:46.25em){.s-curve-card--border-bottom.s-curve-card--update{-webkit-padding-after:40px;padding-block-end:40px}}.s-curve-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;border-radius:15px;overflow:hidden;position:relative}@media (min-width:46.25em){.s-curve-card{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.s-curve-card.s-curve-card--style-1{background-color:#ebe9e8}.s-curve-card.s-curve-card--style-2{background-color:#bf1f39}.s-curve-card.s-curve-card--style-pink{background-color:#f8c6d2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.s-curve-card.s-curve-card--style-pink .s-curve-card__heading{color:#fff}.s-curve-card.s-curve-card--style-pink .s-curve-card__image{width:100%;padding:0}.s-curve-card.s-curve-card--style-pink .s-curve-card__image img{aspect-ratio:unset;-o-object-fit:contain;object-fit:contain}.s-curve-card.s-curve-card--style-pink .s-curve-card__content{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.s-curve-card.s-curve-card--style-pink .s-curve-card__description,.s-curve-card.s-curve-card--style-pink .s-curve-card__description p{color:#666}.s-curve-card.s-curve-card--style-light-pink{background-color:#fdf1f4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.s-curve-card.s-curve-card--style-light-pink .s-curve-card__heading{color:#bf1f39}.s-curve-card.s-curve-card--style-light-pink .s-curve-card__image{width:100%;block-size:100%;padding:0}.s-curve-card.s-curve-card--style-light-pink .s-curve-card__image img{aspect-ratio:unset;-o-object-fit:contain;object-fit:contain}.s-curve-card.s-curve-card--style-light-pink .s-curve-card__content{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.s-curve-card.s-curve-card--style-light-pink .s-curve-card__description,.s-curve-card.s-curve-card--style-light-pink .s-curve-card__description p{color:#666}.s-curve-card__image{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px}@media (min-width:46.25em){.s-curve-card__image{width:200px}}.s-curve-card__image img{width:100%;block-size:100%;-o-object-fit:cover;object-fit:cover;aspect-ratio:1}.s-curve-card__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:30px 30px 50px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width:46.25em){.s-curve-card__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}}@media (min-width:64em){.s-curve-card__content{padding:40px}}.s-curve-card__heading{font-family:HelveticaNeueW02-55Roma;font-size:22px;font-weight:500;line-height:.96;letter-spacing:normal}.s-curve-card--style-1 .s-curve-card__heading{color:#bf1f39}.s-curve-card--style-2 .s-curve-card__heading{color:#fff}.s-curve-card__heading+.s-curve-card__description{margin-top:20px}.s-curve-card__description,.s-curve-card__description p{font-family:HelveticaNeueW02-55Roma;font-size:16px;font-weight:500;line-height:.96}.s-curve-card--style-1 .s-curve-card__description,.s-curve-card--style-1 .s-curve-card__description p{color:#666}.s-curve-card--style-2 .s-curve-card__description,.s-curve-card--style-2 .s-curve-card__description p{color:#fff}.s-curve-card__cta{margin-top:20px}.s-curve-card--style-2 .s-curve-card__cta{color:#bf1f39;background-color:#fff}.s-curve-card--update{margin-block:40px}.s-curve-card--update .s-curve-card__image{width:100%;padding:0}@media (min-width:46.25em){.s-curve-card--update .s-curve-card__image{width:50%}}.s-curve-card--update .s-curve-card__image img{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;block-size:100%}.s-curve-card--update .s-curve-card__heading{font-size:22px;font-weight:700;color:#bf1f39;line-height:1.3;margin-block:0 10px}.s-curve-card--update .s-curve-card__description,.s-curve-card--update .s-curve-card__description p{font-family:HelveticaNeueW02-55Roma;line-height:1.3;margin-block:0;font-size:16px}.search-results{width:100%;max-width:960px;margin:auto;margin-top:24px;margin-bottom:113px;padding:0 6.25%;padding-bottom:124px}@media (min-width:80em){.search-results.search-results--hollister{padding:0}}.search-results .search-results__listing{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}@media (min-width:46.25em){.search-results .search-results__listing{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}}.search-results h1{font-size:36px;color:#000}.search-results .search-results__form{position:relative;display:block;width:100%;max-width:675px}.search-results .search-results__clear{position:absolute;z-index:10;top:21px;right:35px;cursor:pointer;-webkit-transform:translateY(-45%);transform:translateY(-45%);border:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-results .search-results__clear svg{width:16px;height:16px;fill:#7d7572}.search-results .search-results__submit{position:absolute;top:12px;right:30px;width:auto;height:auto;padding:0;cursor:pointer;border:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-results .search-results__submit svg{width:100%;height:100%}.search-results .search-results__submit--disabled{opacity:.5}.search-results .search-results__input{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}@media (min-width:80em){.search-results .search-results__input{border:0}}.search-results .search-results__input input{font-size:18px;width:100%;height:40px;padding:10px;color:#bf1f39;border:solid 1px #919191;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-results .search-results__input .search-results__form-icon{position:absolute;z-index:10;width:16px;height:16px;fill:#7d7572}.search-results .search-results__dropdown-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.search-results .search-results__tab-content{display:none}.search-results .search-results__tab-content[tabIndex="0"]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.search-results .search-results__inner-tab-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}@media (min-width:80em){.search-results .search-results__inner-tab-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row}}.search-results .search-results__tabs-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row}.search-results .search-results__tabs-container button{margin-bottom:16px;padding:10px 0;border:0;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-results .search-results__tabs-container button+button{margin-left:32px}.search-results .search-results__tabs-container .active{color:#bf1f39;border-bottom:solid 2px #bf1f39}.search-results .search-results__item{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin-top:32px;padding-bottom:16px;border-bottom:1px solid #c9c9c9;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;position:relative}@media (min-width:46.25em){.search-results .search-results__item{width:100%;padding:0;padding-bottom:32px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.search-results .search-results__item a{border-bottom:0}.search-results .search-results__item img{margin-bottom:16px;-o-object-fit:contain;object-fit:contain;inline-size:100%}@media (min-width:46.25em){.search-results .search-results__item img{max-height:106px;margin-right:24px}}.search-results .search-results__item .search-results__item-title{font-family:HelveticaNeueW02-75Bold;font-size:18px;font-weight:500;color:#1e1e1e}.search-results .search-results__item .search-results__item-title:hover{color:#bf1f39}.search-results .search-results__item .search-results__item-copy p{font-size:14px}.search-results .search-results__item .search-results__item-categories{display:-webkit-box;display:-ms-flexbox;display:flex}.search-results .search-results__item .search-results__item-categories a{font-size:12px;text-decoration:none;border-bottom:0}.search-results .search-results__item .search-results__item-categories a:hover{border-bottom:1px solid #bf1f39}.search-results .search-results__item .search-results__item-categories span{font-size:12px;text-decoration:none;border-bottom:0;color:#bf1f39}.search-results .search-results__item .search-results__item-categories div+div{margin-left:10px}.search-results .search-results__option{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.search-results .search-results__option+.search-results__option{margin-top:40px}@media (min-width:80em){.search-results .search-results__option+.search-results__option{margin-top:30px}}.search-results .search-results__facets-container{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}@media (min-width:80em){.search-results .search-results__facets-container{width:100%;min-width:240px;max-width:240px;margin-top:32px;margin-right:30px}}.search-results .search-results__list-categories{visibility:hidden;height:0}@media (min-width:80em){.search-results .search-results__list-categories{width:367px}}@media screen and (max-width:80em){.search-results .search-result__list-categories{visibility:visible;width:auto}}@media (min-width:80em){.search-results .search-results__facet+.search-results__facet{margin-top:10px}}@media (min-width:80em){.search-results .search-results__facet+.search-results__facet{margin-top:20px}}.search-results .search-results__facet-title-btn{font-size:14px;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;cursor:pointer;color:#7d7572;border:0;border-radius:0;background:0 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.search-results .search-results__facet-title-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:20px;height:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.search-results .search-results__facet-title-icon span{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:25px;height:25px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.search-results .search-results__facet-list{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:0;border-bottom:1px solid #050505}@media (min-width:80em){.search-results .search-results__facet-list{border-bottom:0}}.search-results .search-results__facet-list-inner{width:100%;padding:20px 0}.search-results .search-results__facet-option{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;color:#050505;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.search-results .search-results__facet-option+.search-results__facet-option{margin-top:20px}@media (min-width:80em) and (max-width:79.99em){.search-results .search-results__facet-option+.search-results__facet-option{margin-top:20px}}.search-results .search-results__facet-input{font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-right:10px;color:#050505;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.search-results .search-results__facet-input input{position:absolute;width:0;height:0;cursor:pointer;opacity:0}.search-results .search-results__facet-input input:checked+.checkmark:after{display:block;opacity:1}.search-results .search-results__facet-input .checkmark{display:-webkit-box;display:-ms-flexbox;display:flex;width:20px;height:20px;margin-right:14px;border:solid 1px #050505;border-radius:50%}.search-results .search-results__facet-input .checkmark:after{position:relative;top:4px;left:4px;display:none;width:10px;height:10px;content:"";border-radius:50%;background-color:#050505}.search-results .disabled{opacity:.5}.search-results .search-results__facet-count{font-size:12px;font-weight:700;line-height:1.43;position:relative;right:10px;display:-webkit-box;display:-ms-flexbox;display:flex;width:24px;height:24px;margin:0;color:#050505;border-radius:50%;background-color:#d8d8d8;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.search-results .search-results__facet-count--selected{color:#fff;background-color:#bf1f39}.search-results .search-results__facet-list-categories--expanded{display:-webkit-box;display:-ms-flexbox;display:flex;visibility:visible;width:100%;height:100%!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.search-results .facet-listing__button{margin-bottom:20px}@media (min-width:80em){.search-results .facet-listing__button{display:none}}@media (min-width:80em){.search-results__tab-content--products .search-results__listing{margin-right:-2.125%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-flow:wrap;flex-flow:wrap}}.search-results__tab-content--products .search-results__item{position:relative}.search-results__tab-content--products .search-results__item .badge{background:#bf1f39;block-size:auto;border-radius:0 0 5px 5px;inset-block-start:0;inset-inline-end:10px;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1px;font-size:10px}@media (min-width:64em){.search-results__tab-content--products .search-results__item .badge{font-size:12px}}@media (min-width:80em){.search-results__tab-content--products .search-results__item{width:20.75%;margin-right:2.125%;margin-bottom:18px;margin-left:2.125%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}}@media (min-width:80em){.search-results__tab-content--products .search-results__item img{width:100%;min-height:169px;margin-right:0;-o-object-fit:contain;object-fit:contain}}.search-results__tab-content--products .search-results__item .search-results__item-title{font-size:14px;line-height:1.43;color:#bf1f39}.search-results__tab-content--products .search-results__item .search-results__item-copy p{font-size:12px;line-height:1.5;color:#7d7572}@media (min-width:80em){.search-results__tab-content--content .search-results__listing{margin-right:-2.125%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-flow:wrap;flex-flow:wrap}}@media (min-width:80em){.search-results__tab-content--content .search-results__item{width:96.75%;margin-right:2.125%;margin-bottom:18px;margin-left:2.125%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}}@media (min-width:80em){.search-results__tab-content--content .search-results__item img{width:100%;min-height:169px;margin-right:0}}.search-results__tab-content--content .search-results__item .search-results__item-title{font-size:14px;line-height:1.43;color:#bf1f39}.search-results__tab-content--content .search-results__item .search-results__item-copy p{font-size:12px;line-height:1.5;color:#7d7572}.search-results__tab-content--content .search-results__item .search-results__content-type{font-size:12px;line-height:1.5;color:#7d7572}@media (min-width:80em){.search-results--dansac{padding:0 6.25%}}.results-listing__loading{width:48px;height:48px;border:5px solid #bf1f39;border-bottom-color:transparent;border-radius:50%;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.search-results__refine-copy{margin-top:20px}.search-results__info-sort-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}@media (min-width:64em){.search-results__info-sort-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row}}.search-results__info-copy{-ms-flex-item-align:start;align-self:flex-start}@media (min-width:64em){.search-results__info-copy{margin:0;padding:10px 0 5px}.search-results__info-copy p{margin:inherit}}.search-results__container{width:100%}#template-simple .section .inner_container .splash-form__module{margin:50px 0 0}@media (min-width:64em){#template-simple .section .inner_container .splash-form__module{width:650px;margin-left:30px;padding:45px 45px 55px}}.splash-form__module{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:10px;background:#ebebeb;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width:46.24em){.splash-form__module:not(.splash-form__module--column){width:calc(100% - 19px);margin:30px auto;padding:25px 19px 35px}}@media (min-width:46.25em){.splash-form__module:not(.splash-form__module--column){width:calc(100% - 100px);margin:30px auto}}@media (min-width:46.25em) and (max-width:63.99em){.splash-form__module:not(.splash-form__module--column){padding:25px 19px 35px}}@media (min-width:64em){.splash-form__module:not(.splash-form__module--column){padding:51px 112px 69px}}@media (max-width:63.99em){.splash-form__module.splash-form__module--column{margin:30px auto}}.splash-form__module input[type=email],.splash-form__module input[type=text]{height:42px;padding:5px 10px;text-align:left;border:0;border-radius:5px;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.splash-form__module input[type=submit]{font-size:15px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:218px;max-width:100%;height:42px;padding:5px;color:#fff;border-radius:5px;background-color:#b91432;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.splash-form__module--column .splash-form__module input[type=submit]{width:100%}@media (max-width:46.24em){.splash-form__module input[type=submit]{width:100%}}.splash-form__section{position:relative;width:calc(50% - 27px);margin-bottom:31px}@media (max-width:46.24em){.splash-form__section{width:100%}}.splash-form__module--column .splash-form__section{width:100%}.splash-form__section .splash-form__dropdown-btn{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9Ijk0Ljg1OXB4IiBoZWlnaHQ9Ijk0Ljg1OHB4IiB2aWV3Qm94PSIwIDAgOTQuODU5IDk0Ljg1OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgOTQuODU5IDk0Ljg1ODsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9IiM5MzkzOTMiPg0KCQk8cGF0aCBkPSJNMTcuMzEyLDQxLjc1N2g2MC4yMzZjMC43NywwLDEuNDY5LTAuNDQsMS44MDItMS4xMzNjMC4zMzQtMC42OTEsMC4yNDEtMS41MTQtMC4yMzctMi4xMTRMNDguOTk0LDAuNzUzDQoJCQlDNDguNjE0LDAuMjc3LDQ4LjAzOSwwLDQ3LjQzMSwwcy0xLjE4NCwwLjI3Ny0xLjU2MywwLjc1M0wxNS43NDgsMzguNTFjLTAuNDc5LDAuNjAxLTAuNTcyLDEuNDIzLTAuMjM4LDIuMTE0DQoJCQlDMTUuODQzLDQxLjMxNywxNi41NDIsNDEuNzU3LDE3LjMxMiw0MS43NTd6Ii8+DQoJCTxwYXRoIGQ9Ik03Ny41NDcsNTMuMTAySDE3LjMxMmMtMC43NjksMC0xLjQ2OSwwLjQzOS0xLjgwMiwxLjEzM2MtMC4zMzQsMC42OTEtMC4yNDEsMS41MTQsMC4yMzgsMi4xMTNsMzAuMTE5LDM3Ljc1OA0KCQkJYzAuMzgsMC40NzYsMC45NTUsMC43NTMsMS41NjMsMC43NTNzMS4xODQtMC4yNzcsMS41NjMtMC43NTNMNzkuMTEsNTYuMzQ4YzAuNDc5LTAuNjAxLDAuNTcxLTEuNDIyLDAuMjM3LTIuMTEzDQoJCQlDNzkuMDE2LDUzLjU0MSw3OC4zMTcsNTMuMTAyLDc3LjU0Nyw1My4xMDJ6Ii8+DQo8L3N2Zz4NCg==);background-repeat:no-repeat;background-position:calc(100% - 5px) 50%;background-size:16px}.splash-form__section .field-validation-error{display:inline-block;margin-top:8px;color:red}.splash-form__checkbox{position:relative;margin-bottom:31px;padding-left:50px;color:#7d7572}.splash-form__module--column .splash-form__checkbox{padding-left:40px}.splash-form__checkbox b{font-weight:700;text-shadow:0 0 1px}.splash-form__checkbox input:checked+.splash-form__checkbox-check::before{position:absolute;top:4px;left:3px;display:inline-block;width:17px;height:10px;content:"";-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border:0 solid #c9c9c9;border-width:0 0 1.5px 1.5px}.splash-form__checkbox .splash-form__checkbox-check{position:absolute;top:0;left:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:26px;height:26px;cursor:pointer;border:1px solid #c9c9c9;background-color:#fff;-webkit-box-shadow:1px 2px 4px 1px rgba(0,0,0,.15);box-shadow:1px 2px 4px 1px rgba(0,0,0,.15)}.splash-form__module--column{padding:20px 18px}.splash-form__copy{font-size:16px;font-weight:700;margin:0 0 31px;text-shadow:0 0 1px}.splash-form__field{position:relative;width:calc(50% - 27px);margin-top:31px}.splash-form__field--full-width{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.splash-form__module--column .splash-form__field{width:100%}@media (max-width:46.24em){.splash-form__field{width:100%}}.splash-form__dropdown-btn,.splash-form__field-input,.splash-form__field-lbl{width:100%;color:#878785}.splash-form__field-lbl{margin:0 0 11px}.splash-form__dropdown-btn,.splash-form__field-input{height:42px;padding:5px 10px;text-align:left;border:0;border-radius:5px;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.splash-form__dropdown-btn{position:relative;padding-right:22px}.splash-form__dropdown-btn::after,.splash-form__dropdown-btn::before{position:absolute;z-index:2;right:7px;display:inline-block;content:"";border:7px solid transparent;border-right-width:4px;border-left-width:4px}.splash-form__dropdown-btn::before{top:5px;border-bottom-color:#939393}.splash-form__dropdown-btn::after{bottom:5px;border-top-color:#939393}.splash-form__dropdown{z-index:1;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;margin:0;padding:0;border-radius:5px;background-color:#fff}.opened+.splash-form__dropdown{position:absolute;left:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.splash-form__dropdown li{padding:9px 21px;cursor:pointer}.splash-form__dropdown li:first-child{padding-top:18px}.splash-form__dropdown li:last-child{padding-bottom:18px}.splash-form__dropdown li+li{margin:0}.splash-form__dropdown li:hover{background-color:rgba(235,235,235,.25)}.splash-form__rtf{width:calc(100% - 42px)}.splash-form__rtf b{text-shadow:0 0 1px}.splash-form__module--column .splash-form__rtf{font-size:12px}.splash-form__module--column .splash-form__rtf p{line-height:14px}.splash-form__btn-wrapper{width:100%;margin-top:33px;text-align:right}.form-label__copy{width:100%;margin-bottom:11px;color:#878785}.form-checkbox__wrapper,.form-radio__wrapper{margin-bottom:26px}.form-checkbox__wrapper label:not(.form-label__copy),.form-radio__wrapper label:not(.form-label__copy){position:relative;margin-right:20px;padding:4px 0 4px 35px;color:#878785}.splash-form__module--column .form-checkbox__wrapper label:not(.form-label__copy),.splash-form__module--column .form-radio__wrapper label:not(.form-label__copy){width:100%;margin:0 0 20px}.form-checkbox__wrapper label:not(.form-label__copy)::before,.form-radio__wrapper label:not(.form-label__copy)::before{position:absolute;top:0;left:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:26px;height:26px;content:"";cursor:pointer;border:1px solid #c9c9c9;border-radius:4px;background-color:#fff;-webkit-box-shadow:1px 2px 4px 1px rgba(0,0,0,.15);box-shadow:1px 2px 4px 1px rgba(0,0,0,.15)}.form-checkbox__wrapper label:not(.form-label__copy).checked::after,.form-radio__wrapper label:not(.form-label__copy).checked::after{position:absolute;top:5px;left:4px;display:inline-block;width:17px;height:10px;content:"";-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border:0 solid #c9c9c9;border-width:0 0 2px 2px}.form-radio__wrapper label:not(.form-label__copy):before{border-radius:50%}.form-radio__wrapper label:not(.form-label__copy).checked:after{top:6px;left:6px;width:14px;height:14px;-webkit-transform:none;transform:none;border-radius:50%;background-color:#c9c9c9}.form__legal-copy{margin:31px 0 0}.product-cards-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;padding:40px 20px;margin-block:40px}@media (min-width:64em){.product-cards-row{padding:32px 102px}}.product-cards-row__title{font-size:28px;font-style:normal;font-weight:400;line-height:36px;-webkit-margin-after:25px;margin-block-end:25px}.product-cards-row__container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;gap:25px}.product-cards-row__container a.product-card{inline-size:calc(50% - 12.5px)}@media (min-width:46.25em){.product-cards-row__container a.product-card{inline-size:calc(25% - 18.75px)}}.three-column-link-listing{inline-size:100%}.three-column-link-listing__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;gap:16px;margin:0;padding:0}@media (min-width:64em){.three-column-link-listing__list{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.three-column-link-listing__list-item{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #f3f1ed;border-radius:5px;inline-size:100%;margin:0}@media (min-width:64em){.three-column-link-listing__list-item{inline-size:calc(33.333% - 11px)}}.three-column-link-listing__list-item a{border-bottom:none;font-family:Helvetica Neue;font-size:14px;font-style:normal;font-weight:400;line-height:17px;color:#bf1f39;padding:16px;inline-size:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:8px;word-break:break-all}.three-column-link-listing__list-item svg{max-inline-size:20px;min-inline-size:20px;max-block-size:20px;inline-size:100%;block-size:100%;fill:#bf1f39}.two-column__module{display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width:46.24em){.two-column__module{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media (min-width:46.25em){.two-column__content,.two-column__img{width:50%}}.two-column__img{background-repeat:no-repeat;background-position:center center;background-size:cover}@media (max-width:46.24em){.two-column__img{height:150px}}.two-column__content{background:#b91432}.two-column__button{margin-top:30px}.two-column__links{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:15px}.two-column__links a{display:-webkit-box;display:-ms-flexbox;display:flex;color:#fff;border:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.two-column__links a:hover{text-decoration:underline}.two-column__links a+a{margin-left:15px}.two-column__links a .icon{margin-left:5px}.two-column__links .btn{font-size:14px;padding:7px 14px;text-decoration:none!important;text-transform:uppercase}.two-column__links .btn.outline{color:#fff!important;border-color:#fff!important}.two-column__links .btn.outline:hover{border-color:#7d7572!important;background-color:#7d7572!important}.two-column__description,.two-column__heading{color:#fff}.two-column__heading{font-size:32px;font-weight:400}.two-column__description{font-size:15px;font-weight:200;line-height:20px;margin:20px 0 0;letter-spacing:.48px}.content-sidebar-container{padding:0 0 0 30px}.content-sidebar-container .carousel .panels{width:auto}.content-sidebar-container .carousel .wrapper{width:auto}.content-sidebar-container .panel{padding-top:10px;padding-left:10px}.content-sidebar-container .js-relatedFields{padding-right:15px}.inner-content .inner_container{display:-webkit-box;display:-ms-flexbox;display:flex;width:680px;margin:0;padding:0 0 0 30px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.inner-content .inner_container img{width:100%}.ceraplus-btn{font-family:HelveticaNeueW02-75Bold;font-size:22px;font-stretch:condensed;line-height:1.18;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;min-width:265px;padding:13px 12px 12px;color:#fff!important;border:0!important;border-radius:8px;background-color:#bf1f39;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ceraplus-btn:hover{background-color:#878785}.ceraplus-btn svg{width:20px;height:20px;margin-left:10px;fill:#fff}button.ceraplus-btn[hidden]{display:none}.ceraplus-masthead{background-color:#bf1f39;padding:18px 20px 20px}@media (min-width:46.25em){.ceraplus-masthead{padding:30px 20px}}@media (min-width:64em){.ceraplus-masthead{padding:34px 0}}.ceraplus-masthead .inner-container{max-width:none;margin:0;padding:0;position:relative}@media (min-width:64em){.ceraplus-masthead .inner-container{max-width:960px;margin:auto}}.ceraplus-masthead__title{color:#fff;font:normal 32px/1.63 HelveticaNeueW02-45Ligh;margin-bottom:12px}@media (min-width:46.25em){.ceraplus-masthead__title{font:normal 42px/1.24 HelveticaNeueW02-45Ligh;margin-bottom:15px}}@media (min-width:64em){.ceraplus-masthead__title{font:normal 48px/1.21 HelveticaNeueW02-45Ligh;margin-bottom:5px}}.ceraplus-masthead__sub-title{color:#fff;font:normal 19px/1.63 HelveticaNeueW02-55Roma;margin-bottom:14px}@media (min-width:46.25em){.ceraplus-masthead__sub-title{font:normal 22px/1.41 HelveticaNeueW02-55Roma;margin-bottom:18px}}.ceraplus-masthead__copy{color:#fff;margin-bottom:23px}.ceraplus-masthead__copy p{color:#fff;font:normal 18px/1.28 HelveticaNeueW02-45Ligh}@media (min-width:46.25em){.ceraplus-masthead__copy p{font:normal 20px/1.3 HelveticaNeueW02-45Ligh}}.ceraplus-masthead__label{color:#fff;font:normal 16px/1.44 HelveticaNeueW02-45Ligh;margin-right:6px;margin-bottom:18px}@media (min-width:46.25em){.ceraplus-masthead__label{margin-right:41px;margin-bottom:24px}}.ceraplus-masthead__label strong{font:normal condensed 20px/1.3 HelveticaNeueW02-75Bold}@media (min-width:46.25em){.ceraplus-masthead__label strong{font:normal condensed 22px/1.18 HelveticaNeueW02-75Bold;margin-bottom:41px}}.ceraplus-masthead__input-field{margin-bottom:18px}.ceraplus-masthead__input-field label{font:normal condensed 20px/1.3 HelveticaNeueW02-75Bold;color:#fff;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width:46.25em){.ceraplus-masthead__input-field label{font:normal condensed 22px/1.18 HelveticaNeueW02-75Bold;margin-right:20px}}.ceraplus-masthead__input-field input{position:absolute;width:0;height:0;cursor:pointer;opacity:0}.ceraplus-masthead__input-field input:checked+.checkmark:after{content:"";display:block;opacity:1}.ceraplus-masthead__input-field .checkmark{display:-webkit-box;display:-ms-flexbox;display:flex;width:26px;height:26px;margin-right:10px;border:solid 2px #fff}.ceraplus-masthead__input-field .checkmark:after{display:none;position:relative;left:7px;top:2px;width:8px;height:14px;border:solid #fff;border-width:0 4px 4px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);background:0 0}a.ceraplus-masthead__button.btn{font:bold condensed 22px/1.18 HelveticaNeueW02-75Bold;color:#666;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:12px;-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,.41);box-shadow:0 2px 6px 0 rgba(0,0,0,.41);border:solid 2px #fff;-webkit-transition:all .5s cubic-bezier(.075,.82,.165,1);transition:all .5s cubic-bezier(.075,.82,.165,1);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media (min-width:46.25em){a.ceraplus-masthead__button.btn{margin-bottom:24px}}a.ceraplus-masthead__button.btn svg{width:100%;max-width:20px;height:20px;fill:#bf1f39;margin-left:14px}a.ceraplus-masthead__button.btn:hover{background-color:transparent;border:solid 2px #fff}a.ceraplus-masthead__button.btn:hover svg{fill:#fff}.ceraplus-masthead__additional-text{font:normal 15px/1.53 HelveticaNeueW02-45Ligh;color:#fff}@media (min-width:46.25em){.ceraplus-masthead__additional-text{font:normal 16px/1.5 HelveticaNeueW02-45Ligh}}.ceraplus-masthead__additional-text p{font:normal 15px/1.53 HelveticaNeueW02-45Ligh;color:#fff}@media (min-width:46.25em){.ceraplus-masthead__additional-text p{font:normal 16px/1.5 HelveticaNeueW02-45Ligh}}.ceraplus-masthead__form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}@media (min-width:46.25em){.ceraplus-masthead__form{-ms-flex-flow:wrap;flex-flow:wrap}}@media (min-width:46.25em){.ceraplus-masthead__form div:last-child{width:100%;margin-bottom:0}}@media (min-width:46.25em){.ceraplus-masthead___info-container{max-width:533px}}.ceraplus-masthead__icon-shield{display:none}@media (min-width:46.25em){.ceraplus-masthead__icon-shield{display:block;width:150px;height:158.5px;position:absolute;right:30px;top:53px}}@media (min-width:64em){.ceraplus-masthead__icon-shield{display:block;width:216px;height:228px;top:10%}}.ceraplus-pdf{padding:40px 0}.ceraplus-pdf__logo-container{background-color:#fff}.ceraplus-pdf__logo-image{padding:20px 0}.ceraplus-pdf__product-selector-badge{background:#bf1f39}.ceraplus-pdf__product-selector-badge .inner_container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:8px 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ceraplus-pdf__label{color:#fff;font:normal 12px/1.44 HelveticaNeueW02-45Ligh}.ceraplus-pdf__icon{width:32px;height:32px;fill:#fff}.ceraplus-pdf__banner{background:#ebe9e8;padding:20px 0}.ceraplus-pdf__title{font:normal 32px/1.44 HelveticaNeueW02-45Ligh;color:#bf1f39;margin-bottom:10px}.ceraplus-pdf__copy{font:normal 16px/1.3 HelveticaNeueW02-45Ligh}.ceraplus-pdf__copy p{font:inherit}.ceraplus-pdf__question-cards-container{padding:20px 0}.ceraplus-pdf__question-cards-container .inner_container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}.ceraplus-pdf__question-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;width:25%;margin-bottom:20px;padding:0 10px}.ceraplus-pdf__question-number{font:300 14px/1.3 HelveticaNeueW02-75Bold;color:#bf1f39;margin-bottom:5px}.ceraplus-pdf__question{font:300 14px/1.3 HelveticaNeueW02-55Roma;color:#bf1f39;margin-bottom:10px}.ceraplus-pdf__answers-list{padding-left:0}.ceraplus-pdf__answers-list li+li{margin:5px 0 0}.ceraplus-pdf__answer-item{font:300 14px/1.3 HelveticaNeueW02-55Roma;color:#ebe9e8;text-decoration:line-through}.selected{font:300 14px/1.3 HelveticaNeueW02-75Bold;color:#585458;text-decoration:none}.ceraplus-pdf__match-section{margin-bottom:40px}.ceraplus-pdf__match-section .inner_container{border:solid 2px #bf1f39;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ceraplus-pdf__match-section .inner_container .ceraplus-pdf__match-headline{font:300 20px/1.3 HelveticaNeueW02-75Bold;text-transform:uppercase;position:absolute;top:0;left:0;padding:10px;background:#bf1f39;color:#fff}.recommended-product__card{max-width:250px;max-height:200px}.recommended-product__card .recommended-product__product-title{font:300 14px/1.3 HelveticaNeueW02-55Roma;color:#bf1f39}.recommended-product__card .recommended-product__product-code{font:300 14px/1.3 HelveticaNeueW02-45Ligh}.recommended-product__product-image{max-height:100px}.ceraplus-pdf__accessories{font:normal 14px/1.28 HelveticaNeueW02-75Bold;margin-bottom:40px}.ceraplus-pdf__accessories-title{color:#fff;background-color:#585458;padding:10px;font:inherit}.ceraplus-pdf__no-accessories-message{margin-top:20px;font:inherit}.ceraplus-pdf__accessories-list{font:inherit;padding-left:0}.ceraplus-pdf__accessories-item{font:inherit}.ceraplus-pdf__info-banner{background-color:#bf1f39;border-bottom:10px solid #ebe9e8}.ceraplus-pdf__info-banner .inner_container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ceraplus-pdf__info-banner .inner_container p{color:#fff}.ceraplus-pdf__info-banner .ceraplus-pdf__icon{width:85px;max-width:85px;min-width:85px;padding-top:10px;padding-bottom:20px;height:100%;margin-right:30px}.ceraplus-pdf__info-container{font:normal 14px/1.28 HelveticaNeueW02-55Roma;color:#fff}.ceraplus-pdf__info-container p{font:inherit;color:inherit}.ceraplus-pdf__legal-container{font:normal 10px/1.28 HelveticaNeueW02-55Roma;margin-top:20px}.ceraplus-pdf__legal-container .inner_container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.ceraplus-pdf__legal-info{margin-right:30px;max-width:70%;font:inherit;width:70%}.ceraplus-pdf__legal-info p{font:inherit}.ceraplus-pdf__extra-legal{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.ceraplus-pdf__extra-legal img{margin-bottom:20px}.ceraplus-pdf__legal-ce{-ms-flex-item-align:end;align-self:flex-end;margin-right:30px}.ceraplus-pdf__info-legal{text-align:end;font:inherit}.ceraplus-single-select-question .ceraplus-single-select-question__next{display:none}.ceraplus-single-select-question__header{margin-bottom:20px}@media (min-width:64em){.ceraplus-single-select-question__header{margin-bottom:29px}}.ceraplus-single-select-question__heading{font-family:HelveticaNeueW02-75Bold;font-size:20px;line-height:normal;margin-bottom:10px;color:#bf1f39}@media (min-width:46.25em){.ceraplus-single-select-question__heading{font-size:24px;margin-bottom:20px}}@media (min-width:64em){.ceraplus-single-select-question__heading{margin-bottom:15px}}.ceraplus-single-select-question__subheading{font-family:HelveticaNeueW02-75Bold;font-size:18px;line-height:1.28;margin-bottom:6px;color:#bf1f39}.ceraplus-single-select-question__instructions{font-family:HelveticaNeueW02-57Cn;font-size:18px;line-height:1.28;margin-bottom:6px;color:#bf1f39}@media (min-width:64em){.ceraplus-single-select-question__container{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}}@media (max-width:46.24em){.ceraplus-single-select-question__options-row .ceraplus-single-select-question__card+.ceraplus-single-select-question__card{margin-top:3px}}@media (min-width:46.25em){.ceraplus-single-select-question__options-row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px}}@media (min-width:64em){.ceraplus-single-select-question__options-row{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}}@media (min-width:46.25em){.ceraplus-single-select-question__card{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}}.ceraplus-single-select-question__card-trigger{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:40px;padding:9px 14px 9px 10px;text-align:left;border:0;border-radius:0;background-color:#6d6e71;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (min-width:46.25em){.ceraplus-single-select-question__card-trigger{padding:9px 13px 9px 12px}}.ceraplus-single-select-question__card-trigger:hover{background-color:#363636}.ceraplus-single-select-question__card-trigger h3{font-family:HelveticaNeueW02-57Cn;font-size:18px;line-height:normal;margin:0;color:#fff}.ceraplus-single-select-question__card-trigger--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ceraplus-single-select-question__card-trigger-icon{position:relative;display:block;width:12px;height:12px}.ceraplus-single-select-question__card-trigger-icon[hidden=true]{display:none}.ceraplus-single-select-question__card-trigger-icon:after{position:absolute;left:calc(50% - 1px);display:block;width:2px;height:100%;content:"";background-color:#fff}.ceraplus-single-select-question__card--open .ceraplus-single-select-question__card-trigger-icon:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.ceraplus-single-select-question__card-trigger-icon:before{position:absolute;top:calc(50% - 1px);display:block;width:100%;height:2px;content:"";background-color:#fff}.ceraplus-single-select-question__card-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;margin-top:10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (min-width:46.25em){.ceraplus-single-select-question__card-content{height:auto!important;margin:0}}.ceraplus-single-select-question__card-content--column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ceraplus-single-select-question__card-content--column .ceraplus-single-select-question__card-image{width:100%}.ceraplus-single-select-question__card-content--column .ceraplus-single-select-question__card-overlay{text-align:center}.ceraplus-single-select-question__card-image{position:relative;width:50%;-ms-flex-negative:0;flex-shrink:0}@media (min-width:46.25em){.ceraplus-single-select-question__card-image{width:100%;padding-bottom:20px;height:calc(100% + 40px)}}.ceraplus-single-select-question__card-image img{width:100%;-o-object-fit:contain;object-fit:contain;height:245px}.ceraplus-single-select-question__card-image .ceraplus-single-select-question__card-button{position:relative;z-index:1;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media (max-width:46.24em){.ceraplus-single-select-question__card-image .ceraplus-single-select-question__card-button{display:none}}.ceraplus-single-select-question__card-overlay{width:calc(50% - 15px)}@media (max-width:46.24em){.ceraplus-single-select-question__card-overlay{height:auto!important}}@media (min-width:46.25em){.ceraplus-single-select-question__card-overlay{position:absolute;z-index:2;overflow:hidden;width:100%;height:0;background-color:#363636}}@media (min-width:46.25em){.ceraplus-single-select-question__card-overlay-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;padding:15px 10px 20px}}.ceraplus-single-select-question__card-description,.ceraplus-single-select-question__card-description *{font-family:HelveticaNeueW02-45Ligh;font-size:16px;line-height:1.44;color:#6d6e71}@media (min-width:46.25em){.ceraplus-single-select-question__card-description,.ceraplus-single-select-question__card-description *{font-size:18px;line-height:1.28;color:#fff}}@media (min-width:46.25em){.ceraplus-single-select-question__card-description{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}}.ceraplus-single-select-question__card-button{font-family:HelveticaNeueW02-75Bold;font-size:15px;line-height:1.4;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:40px;margin-top:10px;padding:8px 32px;color:#bf1f39;border:solid 1px #bf1f39;border-radius:5px;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ceraplus-single-select-question__card--selected .ceraplus-single-select-question__card-button,.ceraplus-single-select-question__card-button:hover{color:#fff;background-color:#bf1f39}@media (min-width:46.25em){.ceraplus-single-select-question__card-button{-ms-flex-item-align:center;align-self:center}}.ceraplus-single-select-question__right-rail{margin-top:20px}@media (min-width:64em){.ceraplus-single-select-question__right-rail{width:304px;margin-top:0;-ms-flex-negative:0;flex-shrink:0}}.ceraplus-single-select-question__right-tip{font-family:HelveticaNeueW02-45Ligh;font-size:16px;line-height:1.44;margin-bottom:20px;color:#6d6e71}@media (min-width:46.25em){.ceraplus-single-select-question__right-tip{font-size:18px;line-height:1.28}}.ceraplus-single-select-question__right-tip span{color:#bf1f39}.ceraplus-steps{padding:0}.ceraplus-steps .modal{display:none}.ceraplus-steps .modal[data-show-modal=true]{display:block}.ceraplus-steps__tabs{background:-webkit-gradient(linear,left top,right top,from(#363636),to(#6c6c6c));background:linear-gradient(90deg,#363636,#6c6c6c);display:-webkit-box;display:-ms-flexbox;display:flex;height:48px;position:relative}@media (min-width:46.25em){.ceraplus-steps__tabs{padding:0 60px}}@media (min-width:64em){.ceraplus-steps__tabs{padding:0 120px}}.ceraplus-steps__tabs-label{padding:20px 14px;background-color:#363636;border-right:solid 2px #fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:75%}@media (min-width:46.25em){.ceraplus-steps__tabs-label{width:33.33%;border-right:0}}.ceraplus-steps__icon{width:32px;height:32px;fill:#fff}.ceraplus-steps__label{color:#fff;font-size:18px;font:bold condensed 18px/normal HelveticaNeueW02-75Bold}.ceraplus-steps__tabs-list--mobile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:25%;background-color:#bf1f39;color:#fff;font:bold 18px/normal HelveticaNeueW02-75Bold}.ceraplus-steps__list-icon{width:10px;height:10px;-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg);margin-left:11px;fill:#fff;-webkit-transition:all .5s cubic-bezier(.075,.82,.165,1);transition:all .5s cubic-bezier(.075,.82,.165,1)}.ceraplus-steps__list-icon--open{-webkit-transform:rotateZ(270deg);transform:rotateZ(270deg)}.ceraplus-steps__tabs-list{background-color:#666;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;position:absolute;left:calc(50% - 2px);top:100%;width:calc(50% + 2px);z-index:10;border-radius:8px;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.28);box-shadow:0 2px 4px 0 rgba(0,0,0,.28)}@media (min-width:46.25em){.ceraplus-steps__tabs-list{position:relative;left:0;top:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;width:66.66%;border-radius:0;-webkit-box-shadow:none;box-shadow:none}}.ceraplus-steps__tabs-list button[aria-selected=true],.ceraplus-steps__tabs-list button[data-step-done=true]{color:#939393;background-color:#fff}@media (min-width:46.25em){.ceraplus-steps__tabs-list button[aria-selected=true],.ceraplus-steps__tabs-list button[data-step-done=true]{background-color:#363636;color:#fff}.ceraplus-steps__tabs-list button[aria-selected=true]:hover,.ceraplus-steps__tabs-list button[data-step-done=true]:hover{background-color:#bf1f39;text-decoration:underline}}.ceraplus-steps__tabs-list button{padding:20px 14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;border-top:2px solid #e9e9e9;font:bold 18px HelveticaNeueW02-55Roma;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;color:#e9e9e9}@media (min-width:46.25em){.ceraplus-steps__tabs-list button{border-right:2px solid #e9e9e9;background-color:#666;color:#fff;text-align:right;width:70px;border-top:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.ceraplus-steps__tabs-list button span{margin-right:5px}@media (min-width:46.25em){.ceraplus-steps__tabs-list button span{display:none}}.ceraplus-steps__tabs-list button[aria-selected=true]{background-color:#bf1f39;color:#fff}@media (min-width:46.25em){.ceraplus-steps__tabs-list button[aria-selected=true]{background-color:#363636;color:#fff}.ceraplus-steps__tabs-list button[aria-selected=true]:hover{background-color:#bf1f39;text-decoration:underline}}.ceraplus-steps__tabs-list button:last-child{border-radius:0 0 8px 8px}@media (min-width:46.25em){.ceraplus-steps__tabs-list button:last-child{width:100%;text-align:left;text-transform:uppercase;border-radius:0;border-right:0;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ceraplus-steps__tabs-list button:last-child[aria-selected=true]{background-color:#bf1f39}.ceraplus-steps__tabs-list button:first-child{border-left:2px solid #e9e9e9}}.ceraplus-steps__tabs-list--hidden{display:none}@media (min-width:46.25em){.ceraplus-steps__tabs-list--hidden{display:-webkit-box;display:-ms-flexbox;display:flex}}@media (min-width:46.25em){.ceraplus-steps__tabs-list--mobile{display:none}}.ceraplus-steps__panels{padding:18px 20px 25px;margin-bottom:6px}@media (min-width:46.25em){.ceraplus-steps__panels{padding:25px 60px 30px}}@media (min-width:64em){.ceraplus-steps__panels{padding:44px 120px 40px}}.ceraplus-steps__panels:last-child{background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(98%,rgba(233,233,233,.2)));background-image:linear-gradient(to bottom,#fff,rgba(233,233,233,.2) 98%)}.ceraplus-steps__mobile-steps-label{text-align:center}.multi-column-block{margin:20px auto;padding-bottom:55px;position:relative}@media (min-width:46.25em){.multi-column-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-flow:row-reverse;flex-flow:row-reverse;padding:0 20px;margin-bottom:100px}}@media (min-width:64em){.multi-column-block{padding:0}}.multi-column-block .btn{font-size:16px;font-weight:700;font-stretch:condensed;font-style:normal;line-height:1;letter-spacing:normal;text-align:center;color:#fff}.multi-column-block__product-technology{margin-bottom:25px}@media (min-width:46.25em){.multi-column-block__product-technology{width:60%;max-width:60%;margin-bottom:0}}.multi-column-block__product-container{border:solid 1px #c9c9c9;padding:18px}@media (min-width:46.25em){.multi-column-block__product-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:20px;margin-bottom:0;height:calc(100% - 55px)}}@media (min-width:64em){.multi-column-block__product-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media (min-width:46.25em){.multi-column-block__product-inner-container{width:66.66%;max-width:66.66%}}.multi-column-block__product-image{width:100%;height:266px;-o-object-fit:contain;object-fit:contain}@media (min-width:46.25em){.multi-column-block__product-image{width:100%;max-width:112px;height:112px;-webkit-padding-end:10px;padding-inline-end:10px}}.multi-column-block__product-title{font-size:20px;font-weight:300;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#bf1f39}.multi-column-block__product-copy{font-size:16px;font-weight:300;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#939393}@media (min-width:46.25em){.multi-column-block__image-container{width:40%;margin-right:16px}}.multi-column-block__promo-image{width:100%}.multi-column-block__technology-container{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:15px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.multi-column-block__technology-icon{height:35px;width:40px;-o-object-fit:contain;object-fit:contain}.multi-column-block__technology-label{margin:0 10px;font-size:10px;font-weight:300;font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:normal;color:#363636}@media (min-width:46.25em){.multi-column-block__mobile{display:none}}.multi-column-block__product-technology .multi-column-block__technology-container{display:none}@media (min-width:46.25em){.multi-column-block__product-technology .multi-column-block__technology-container{display:-webkit-box;display:-ms-flexbox;display:flex}}.recommended-product__inner-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.recommended-product__info-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}@media (min-width:64em){.recommended-product__info-container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row}}.recommended-product__heading{font:bold 20px/normal HelveticaNeueW02-75Bold;color:#bf1f39;margin-bottom:30px}.recommended-product__card-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}@media (min-width:46.25em){.recommended-product__card-container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row}}.recommended-product__card-container a{border:0;width:100%}.recommended-product__card{background-color:#fff;margin:0 15px 20px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 20px 15px}@media (min-width:64em){.recommended-product__card{width:50%}}.recommended-product__product-image{-o-object-fit:contain;object-fit:contain;width:100%}@media (min-width:64em){.recommended-product__product-image{max-width:184px}}.recommended-product__product-title{color:#bf1f39;font:normal 18px/1.28 HelveticaNeueW02-55Roma;text-align:center;margin-bottom:0}.recommended-product__product-code{color:#666;font:normal 18px/1.28 HelveticaNeueW02-55Roma;text-align:center}.recommended-product__questionnaire-links{margin:0 15px 20px 15px}@media (min-width:64em){.recommended-product__questionnaire-links{width:33.33%}}.recommended-product__questionnaire-links button[hidden]{display:none}.recommended-product__links-heading{color:#bf1f39;font:normal 18px/1.28 HelveticaNeueW02-55Roma;margin-bottom:6px}.recommended-product__links-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;margin-bottom:25px}a.recommended-product__link{font:normal 18px/1.28 HelveticaNeueW02-45Ligh;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#666;border-bottom:0;text-decoration:underline}.recommended-product__no-product-message[hidden]{display:none}.recommended-product__loading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}.recommended-product__loading[hidden]{display:none}.recommended-product__loading svg{width:80px;height:80px}.recommended-product__card-button{font-family:HelveticaNeueW02-75Bold;font-size:15px;line-height:1.4;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:40px;margin-top:10px;padding:8px 32px;color:#bf1f39;border:solid 1px #bf1f39;border-radius:5px;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ceraplus-single-select-question__card--selected .recommended-product__card-button,.recommended-product__card-button:hover{color:#fff;background-color:#bf1f39}@media (min-width:46.25em){.recommended-product__card-button{-ms-flex-item-align:center;align-self:center}}.single-line-question__heading{color:#bf1f39;font:bold 20px/normal HelveticaNeueW02-75Bold;margin-bottom:10px}@media (min-width:46.25em){.single-line-question__heading{font-size:24px;margin-bottom:20px}}.single-line-question__subheading{color:#bf1f39;font:bold 18px/1.28 HelveticaNeueW02-75Bold;margin-bottom:6px}.single-line-question__instructions{color:#bf1f39;font:normal 18px/1.28 HelveticaNeueW02-45Ligh;margin-bottom:20px}@media (min-width:46.25em){.single-line-question__instructions{margin-bottom:14px}}.single-line-question__instructions p{color:inherit;font:inherit}.single-line-question__info-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}@media (min-width:46.25em){.single-line-question__info-container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row}}.single-line-question__image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}@media (min-width:46.25em){.single-line-question__image-container{margin-right:20px;min-width:58%}}@media (min-width:64em){.single-line-question__image-container{width:100%;margin-right:20px;min-width:44.79%}}.single-line-question__image-label{background-color:#6d6e71;padding:11px 7px 10px;color:#fff;font:normal 18px/normal HelveticaNeueW02-55Roma;margin:0 auto;width:100%;text-align:center}.single-line-question__image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;margin-bottom:20px}.single-line-question__tips-links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.single-line-question__tip{font:300 16px/1.44 HelveticaNeueW02-45Ligh;color:#6d6e71;margin-bottom:10px}.single-line-question__tip strong{color:#bf1f39;font:inherit}.single-line-question__guide-links{color:#6d6e71;font:bold condensed 18px/1.33 HelveticaNeueW02-75Bold;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;margin-bottom:20px}.single-line-question__guide-links a{color:inherit;font:inherit;display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:0;border-bottom:0;text-decoration:underline;-webkit-text-decoration-color:#6d6e71;text-decoration-color:#6d6e71}.single-line-question__form-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.single-line-question__form-container>button{width:100%;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.single-line-question__input-container{margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}@media (min-width:64em){.single-line-question__input-container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row}}.single-line-question__input-container input{color:#6d6e71;font:300 14px/1.64 HelveticaNeueW02-45Ligh;border:solid 1px #979797;padding:10px 8px;margin-bottom:10px}@media (min-width:64em){.single-line-question__input-container input{margin-bottom:0;margin-right:10px;font-size:16px;line-height:1.44;min-width:270px}}.single-line-question__input-container button:not(.ceraplus-btn){font:normal 15px/1.4 HelveticaNeueW02-55Roma;border-radius:5px;border:1px solid #bf1f39}.single-line-question__input-container button:not(.ceraplus-btn):hover{color:#bf1f39;background-color:#fff}.single-line-question__input-container button:not(.ceraplus-btn):disabled{background-color:#babbbc;border-color:#babbbc}.single-line-question__input-container button:not(.ceraplus-btn) svg{fill:#fff;width:20px;height:20px}.ceraplus-accessories{padding:18px 20px 25px}@media (min-width:46.25em){.ceraplus-accessories{padding:25px 60px 30px}}@media (min-width:64em){.ceraplus-accessories{padding:44px 120px 40px}}.ceraplus-accessories__top{margin-bottom:33px}@media (min-width:46.25em){.ceraplus-accessories__top{margin-bottom:50px}}@media (min-width:64em){.ceraplus-accessories__top{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:37px}}.ceraplus-accessories__heading{margin-bottom:15px}@media (min-width:46.25em){.ceraplus-accessories__heading{margin-bottom:25px}}@media (min-width:64em){.ceraplus-accessories__heading{margin-right:75px;margin-bottom:0}}.ceraplus-accessories__title{margin-bottom:15px}@media (min-width:46.25em){.ceraplus-accessories__title{margin-bottom:20px}}.ceraplus-accessories__description{font-family:HelveticaNeueW02-45Ligh;font-size:16px;font-weight:300;line-height:1.44;margin:0}@media (min-width:46.25em){.ceraplus-accessories__description{font-weight:400}}@media (min-width:64em){.ceraplus-accessories__description{font-size:18px;line-height:1.44}}@media (min-width:46.25em) and (max-width:63.99em){.ceraplus-accessories__order{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.ceraplus-accessories__order--mobile{margin:25px 0 16px}@media (min-width:46.25em){.ceraplus-accessories__order--mobile{display:none}}.ceraplus-accessories__order-checkbox{font-size:14px;line-height:1.29;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:17px;color:#6d6e71}@media (min-width:46.25em) and (max-width:63.99em){.ceraplus-accessories__order-checkbox{margin-top:0;margin-left:20px}}@media (min-width:64em){.ceraplus-accessories__order-checkbox{margin-top:7px}}.ceraplus-accessories__order-checkbox input:checked~.checkmark:after{display:block}.ceraplus-accessories__order-checkbox .checkmark{position:relative;display:block;width:24px;height:24px;margin-right:10px;border:solid 1px #6d6e71;-ms-flex-negative:0;flex-shrink:0}.ceraplus-accessories__order-checkbox .checkmark:after{position:absolute;top:4px;left:8px;display:none;width:6px;height:12px;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg);border:solid #6d6e71;border-width:0 2px 2px 0}@media (max-width:46.24em){.ceraplus-accessories__grid .ceraplus-accessories__card+.ceraplus-accessories__card{margin-top:20px}}@media (min-width:46.25em){.ceraplus-accessories__grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}}@media (min-width:64em){.ceraplus-accessories__grid{gap:24px 21px}}@media (min-width:46.25em){.ceraplus-accessories__grid .ceraplus-accessories__card{width:calc(50% - 10px)}}@media (min-width:64em){.ceraplus-accessories__grid .ceraplus-accessories__card{width:calc(33.33% - 14px)}}.ceraplus-accessories__disclaimer{margin-top:16px}@media (min-width:46.25em){.ceraplus-accessories__disclaimer{margin-top:20px}}@media (min-width:64em){.ceraplus-accessories__disclaimer{margin-top:30px}}.ceraplus-accessories__disclaimer,.ceraplus-accessories__disclaimer a,.ceraplus-accessories__disclaimer p{font-family:HelveticaNeueW02-55Roma;font-size:14px;font-weight:400;line-height:1.29}@media (min-width:64em){.ceraplus-accessories__disclaimer,.ceraplus-accessories__disclaimer a,.ceraplus-accessories__disclaimer p{max-width:700px}}.ceraplus-accessories__card-image{position:relative;height:100px;padding:10px 0}.ceraplus-accessories__card-image img{width:auto;height:100%}.ceraplus-accessories__card-badge{font-size:16px;line-height:normal;position:absolute;right:0;bottom:0;padding:6px 8px 4px 9px;color:#fff;border-radius:2px 2px 0 0;background-color:#363636}.ceraplus-accessories__card-title{font-family:HelveticaNeueW02-57Cn;font-size:16px;line-height:normal;margin:0;padding:10px 10px 6px;color:#fff;background-color:#363636}.ceraplus-accessories__card--featured .ceraplus-accessories__card-title{background-color:#bf1f39}.ceraplus-accessories__card-description{font-family:HelveticaNeueW02-57Cn;font-size:16px;font-weight:400;line-height:1.13;margin:0;padding:12px 10px;border-bottom:solid 2px #ddd9d5;background-color:#f3efee}.ceraplus-accessories__card-table{font-family:HelveticaNeueW02-57Cn}.ceraplus-accessories__card-table,.ceraplus-accessories__card-table tbody{display:block}.ceraplus-accessories__card-table tr{display:-webkit-box;display:-ms-flexbox;display:flex}.ceraplus-accessories__card-table tr:nth-child(odd) td{background-color:#eae7e7}.ceraplus-accessories__card-table td{padding:12px 10px;background-color:#f3efee;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.ceraplus-accessories__card-table td:first-child{text-align:left}.ceraplus-accessories__card-table td:nth-child(2),.ceraplus-accessories__card-table td:nth-child(3){display:-webkit-box;display:-ms-flexbox;display:flex;border-left:solid 2px #ddd9d5;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ceraplus-accessories__card-table td:nth-child(2){width:66px}.ceraplus-accessories__card-table td:nth-child(3){width:auto}.ceraplus-accessories__card-table td,.ceraplus-accessories__card-table td p{font-family:HelveticaNeueW02-57Cn;font-size:16px;font-weight:400;line-height:1.13;margin:0}.ceraplus-accessories__card-table .ceraplus-accessories__card-add{font-family:HelveticaNeueW02-75Bold;padding:0;text-decoration:none;text-transform:uppercase;color:#bf1f39;border:0;border-radius:0;background:0 0;font-size:15px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;text-align:center}.ceraplus-accessories__card-table .ceraplus-accessories__card-add:hover{border-bottom:1px solid #bf1f39}.geolocation-modal label{margin-bottom:20px;color:#878787}.geolocation-modal select{display:none}.geolocation-modal .custom-select__trigger{display:-webkit-box;display:-ms-flexbox;display:flex;padding:8px;border:1px solid #878785;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.geolocation-modal .custom-options{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-y:auto;max-height:300px;border:1px solid #878785;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.geolocation-modal .custom-options span{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;padding:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.geolocation-modal .custom-options span:hover{color:#fff;background-color:#878785}.geolocation-modal .custom-options span::before,.geolocation-modal .custom-select__trigger span::before{position:relative;left:0;display:inline-block;width:20px;height:20px;margin-right:8px;content:""}.geolocation-modal .custom-options span[data-value=EN-CA]::before,.geolocation-modal .custom-options span[data-value=FR-CA]::before,.geolocation-modal .custom-select__trigger span[data-value=EN-CA]::before,.geolocation-modal .custom-select__trigger span[data-value=FR-CA]::before{background-image:url(../images/flagsSVG/ca.svg)}.geolocation-modal .custom-options span[data-value=EN-US]::before,.geolocation-modal .custom-select__trigger span[data-value=EN-US]::before{background-image:url(../images/flagsSVG/us.svg)}.geolocation-modal .custom-options span[data-value=ES-AR]::before,.geolocation-modal .custom-select__trigger span[data-value=ES-AR]::before{background-image:url(../images/flagsSVG/ar.svg)}.geolocation-modal .custom-options span[data-value=PT-BR]::before,.geolocation-modal .custom-select__trigger span[data-value=PT-BR]::before{background-image:url(../images/flagsSVG/br.svg)}.geolocation-modal .custom-options span[data-value=ES-MX]::before,.geolocation-modal .custom-select__trigger span[data-value=ES-MX]::before{background-image:url(../images/flagsSVG/mx.svg)}.geolocation-modal .custom-options span[data-value=DE-AT]::before,.geolocation-modal .custom-select__trigger span[data-value=DE-AT]::before{background-image:url(../images/flagsSVG/at.svg)}.geolocation-modal .custom-options span[data-value=FR-BE]::before,.geolocation-modal .custom-options span[data-value=NL-BE]::before,.geolocation-modal .custom-select__trigger span[data-value=FR-BE]::before,.geolocation-modal .custom-select__trigger span[data-value=NL-BE]::before{background-image:url(../images/flagsSVG/be.svg)}.geolocation-modal .custom-options span[data-value=DA-DK]::before,.geolocation-modal .custom-select__trigger span[data-value=DA-DK]::before{background-image:url(../images/flagsSVG/ca.svg)}.geolocation-modal .custom-options span[data-value=FI-FI]::before,.geolocation-modal .custom-options span[data-value=SV-FI]::before,.geolocation-modal .custom-select__trigger span[data-value=FI-FI]::before,.geolocation-modal .custom-select__trigger span[data-value=SV-FI]::before{background-image:url(../images/flagsSVG/fi.svg)}.geolocation-modal .custom-options span[data-value=FR-FR]::before,.geolocation-modal .custom-select__trigger span[data-value=FR-FR]::before{background-image:url(../images/flagsSVG/fr.svg)}.geolocation-modal .custom-options span[data-value=EN-IE]::before,.geolocation-modal .custom-select__trigger span[data-value=EN-IE]::before{background-image:url(../images/flagsSVG/ie.svg)}.geolocation-modal .custom-options span[data-value=DE-DE]::before,.geolocation-modal .custom-select__trigger span[data-value=DE-DE]::before{background-image:url(../images/flagsSVG/de.svg)}.geolocation-modal .custom-options span[data-value=GR-GR]::before,.geolocation-modal .custom-select__trigger span[data-value=GR-GR]::before{background-image:url(../images/flagsSVG/gr.svg)}.geolocation-modal .custom-options span[data-value=IT-IT]::before,.geolocation-modal .custom-select__trigger span[data-value=IT-IT]::before{background-image:url(../images/flagsSVG/it.svg)}.geolocation-modal .custom-options span[data-value=NL-NL]::before,.geolocation-modal .custom-select__trigger span[data-value=NL-NL]::before{background-image:url(../images/flagsSVG/nl.svg)}.geolocation-modal .custom-options span[data-value=NB-NO]::before,.geolocation-modal .custom-select__trigger span[data-value=NB-NO]::before{background-image:url(../images/flagsSVG/no.svg)}.geolocation-modal .custom-options span[data-value=ES-ES]::before,.geolocation-modal .custom-select__trigger span[data-value=ES-ES]::before{background-image:url(../images/flagsSVG/es.svg)}.geolocation-modal .custom-options span[data-value=SV-SE]::before,.geolocation-modal .custom-select__trigger span[data-value=SV-SE]::before{background-image:url(../images/flagsSVG/se.svg)}.geolocation-modal .custom-options span[data-value=DE-CH]::before,.geolocation-modal .custom-options span[data-value=FR-CH]::before,.geolocation-modal .custom-options span[data-value=IT-CH]::before,.geolocation-modal .custom-select__trigger span[data-value=DE-CH]::before,.geolocation-modal .custom-select__trigger span[data-value=FR-CH]::before,.geolocation-modal .custom-select__trigger span[data-value=IT-CH]::before{background-image:url(../images/flagsSVG/ch.svg)}.geolocation-modal .custom-options span[data-value=EN-GB]::before,.geolocation-modal .custom-select__trigger span[data-value=EN-GB]::before{background-image:url(../images/flagsSVG/gb.svg)}.geolocation-modal .custom-options span[data-value=EN-AU]::before,.geolocation-modal .custom-select__trigger span[data-value=EN-AU]::before{background-image:url(../images/flagsSVG/au.svg)}.geolocation-modal .custom-options span[data-value=JA-JP]::before,.geolocation-modal .custom-select__trigger span[data-value=JA-JP]::before{background-image:url(../images/flagsSVG/jp.svg)}.geolocation-modal .custom-options span[data-value=ZH-CN]::before,.geolocation-modal .custom-select__trigger span[data-value=ZH-CN]::before{background-image:url(../images/flagsSVG/cn.svg)}.geolocation-modal .custom-options span[data-value=EN-NZ]::before,.geolocation-modal .custom-select__trigger span[data-value=EN-NZ]::before{background-image:url(../images/flagsSVG/nz.svg)}.geolocation-modal .custom-options span[data-value=LT-LT]::before,.geolocation-modal .custom-select__trigger span[data-value=LT-LT]::before{background-image:url(../images/flagsSVG/lt.svg)}.geolocation-modal .btn-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.geolocation-modal .btn{margin-top:20px;border-radius:0}.geolocation-modal .selected-value{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal-loading{position:relative;display:none;width:80px;height:80px;margin:auto}.modal-loading path{fill:grey}.homepage__hero{position:relative}.homepage__hero .homepage__hero-image{width:100%;-o-object-fit:cover;object-fit:cover;height:100%}.homepage__hero::before{position:absolute;top:0;left:0;width:100%;height:100%;content:""}@media (max-width:46.24em){.homepage__hero{background-size:auto calc(100% - 322px)}.homepage__hero::before{height:calc(100% - 322px)}}@media (min-width:46.25em){.homepage__hero{height:454px}.homepage__hero::before{background:-webkit-gradient(linear,left top,right top,color-stop(30%,rgba(0,0,0,0)),color-stop(70%,rgba(0,0,0,.74)));background:linear-gradient(90deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.74) 70%)}}@media (min-width:46.25em) and (max-width:63.99em){.homepage__hero{background-position:top center}}@media (max-width:46.24em){.homepage__hero-caption{position:relative;padding:33px 19px}}@media (min-width:46.25em){.homepage__hero-caption{position:absolute;top:33px;right:calc(14.5% / 2);width:60%}}@media (min-width:64em){.homepage__hero-caption{top:56px;right:calc((100% - 960px)/ 2);width:52%;padding:0 30px}}.homepage__hero-heading{font-size:32px;font-weight:400;line-height:1.25;color:#666}@media (min-width:46.25em){.homepage__hero-heading{color:#fff;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}}.homepage__hero-copy{font-size:15px;font-weight:400;line-height:20px;margin:20px 0;letter-spacing:.48px;color:#fff}@media (max-width:46.24em){.homepage__hero-copy{color:#666;font-size:20px;line-height:26px}}.homepage__hero-offerings .homepage__hero-copy{width:100%;margin:8px 0 21px}@media (max-width:46.24em){.homepage__hero-offerings .homepage__hero-copy{margin:0 0 13px}}.homepage__hero-offerings{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0 30px}@media (max-width:46.24em){.homepage__hero-offerings{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.homepage__offering{width:calc((100% - 60px)/ 3);padding:17px 0 13px;text-align:center;border-radius:10px;background-color:#f3f1ed}.homepage__offering:link,.homepage__offering:visited{border:0}@media (max-width:46.24em){.homepage__offering{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:100%;height:102px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.homepage__offering+.homepage__offering{margin-top:17px}}.homepage__offering-icon{display:block;width:35%}@media (min-width:46.25em){.homepage__offering-icon{width:70px;height:70px;margin:0 auto}}.homepage__offering-icon img{max-width:100%;max-height:100%}.homepage__offering-title{font-size:15px;line-height:18px;margin:7px 0 0}.product-catalog__hero{display:-webkit-box;display:-ms-flexbox;display:flex;width:960px;margin:0 auto;padding:0}@media (max-width:46.24em){.product-catalog__hero{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media (max-width:46.24em){.product-catalog__description{padding:20px 19px}}@media (min-width:46.25em){.product-catalog__description{width:calc(100% - (100% - 960px));padding:50px 10px}}@media (min-width:46.25em) and (max-width:63.99em){.product-catalog__description{padding-left:calc(15% / 2)}}@media (min-width:64em){.product-catalog__description{margin-left:calc((100% - 960px)/ 2);padding-left:80px}}.product-catalog__copy,.product-catalog__heading{font-size:34px;font-weight:400;line-height:40px}.product-catalog__copy{letter-spacing:.57px;color:#666}.product-catalog__heading{letter-spacing:.29px;color:#b91432}.product-catalog__image{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.product-catalog__image img{width:100%}@media (max-width:46.24em){.product-catalog__image{width:75%;padding:20px 19px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media (min-width:46.25em){.product-catalog__image{width:30%;padding:0 10px}}@media (min-width:46.25em) and (max-width:63.99em){.product-catalog__image{padding-right:calc(15% / 2)}}@media (min-width:64em){.product-catalog__image{margin-right:calc((100% - 960px)/ 2);padding-right:80px}}.product-catalog__cta{font-size:15px;font-weight:400;line-height:29.76px;letter-spacing:.24px}.product-catalog__cta:link,.product-catalog__cta:visited{border:0}.product-catalog__cta::after{display:inline-block;width:8px;height:8px;margin-bottom:2px;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg);border:0 solid #b91432;border-width:1.5px 1.5px 0 0}.product-card{background-color:#fff;text-decoration:none;block-size:auto;border:1px solid #ebe9e8;border-bottom:1px solid #ebe9e8!important;border-radius:5px;inline-size:100%;margin:0;position:relative;-webkit-transition:-webkit-box-shadow .3s ease-in-out;transition:-webkit-box-shadow .3s ease-in-out;transition:box-shadow .3s ease-in-out;transition:box-shadow .3s ease-in-out,-webkit-box-shadow .3s ease-in-out}.product-card:hover{-webkit-box-shadow:0 13px 13px 0 rgba(0,0,0,.09);box-shadow:0 13px 13px 0 rgba(0,0,0,.09);border:1px solid #ebe9e8}.product-listing__inner{-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:repeat(2,1fr);row-gap:20px}@media (min-width:64em){.product-listing__inner{-webkit-column-gap:25px;-moz-column-gap:25px;column-gap:25px;grid-template-columns:repeat(3,1fr);row-gap:40px}}.product-listing__inner img{border-radius:5px 5px 0 0;max-width:100%}.product-card__badge{background:#bf1f39;block-size:auto;border-radius:0 0 5px 5px;inset-block-start:0;inset-inline-end:10px;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:6px;font-size:10px;line-height:14px}@media (min-width:64em){.product-card__badge{font-size:12px}}.product-card__content{padding:15px}.product-card__content p:last-of-type{-webkit-margin-after:0;margin-block-end:0}.product-card__content-title a:hover{border:0}@media (min-width:46.25em){.multicolumn__module{padding:45px calc((100% - 960px)/ 2) 58px}}@media (min-width:46.25em){.multicolumn__module-description{padding:0 22.5px}}.footer{border-color:#686868;background-color:#ebe9e8}.footer__wrapper{padding:50px 23px 44px;color:#666}@media (min-width:46.25em) and (max-width:62.875em){.footer__wrapper{padding:56px 23px 85px}}@media (min-width:62.875em){.footer__wrapper{padding:56px calc((100% - 960px)/ 2) 85px}}@media (min-width:46.25em) and (max-width:63.99em){.footer-content__left{max-width:calc(40% - 20px)}}@media (min-width:64em){.footer-content__left{max-width:220px}}.footer-left__social-links{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content}@media (min-width:46.25em){.footer-left__social-links{margin:45px 0 0}}.footer-left__social-links .footer__cta+.footer__cta{margin:0}.footer__social-icon{fill:#bf1f39}.footer__social-icon:hover{fill:#222}@media (min-width:46.25em) and (max-width:63.99em){.footer-content__main{width:100%;max-width:calc(60% - 20px)}}@media (min-width:64em){.footer-content__main{width:100%;max-width:690px}}@media (max-width:63.99em){.footer-main__primary-nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media (min-width:64em){.footer-main__primary-nav{width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (min-width:64em){.footer__primary-link{width:calc(100% / 3);padding:0 20px}.footer__primary-link.link--two{width:calc(100% / 3 * 2)}.footer__primary-link:nth-child(n+4){margin:50px 0 0}}@media (max-width:63.99em){.footer-main__secondary-nav{display:none}}.footer__legal{padding:23px 23px 32px;color:#fff;background-color:#bf1f39}.footer__legal a:hover{color:#222}@media (min-width:46.25em) and (max-width:62.875em){.footer__legal{padding:23px 23px 38px}}@media (min-width:62.875em){.footer__legal{padding:23px calc((100% - 960px)/ 2) 38px}}.two-column__content{padding:35px 19px}@media (min-width:46.25em) and (max-width:63.99em){.two-column__content{padding:50px 70px 57px 36px}}@media (min-width:64em){.two-column__content{padding:100px 140px 115px 72px}} /*# sourceMappingURL=maps/styles.css.map */