@charset "UTF-8"; /* Welcome to Compass. In this file you should write your .main styles. (or centralize your imports) Import this file using the following HTML or equivalent: */ /*! normalize.css v1.1.0 | MIT License | git.io/normalize */ @import url("//hello.myfonts.net/count/2607f6"); article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; } body { margin: 0; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { font-size: 2em; margin: .67em 0; } h2 { font-size: 1.5em; margin: .83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: .83em; margin: 1.67em 0; } h6 { font-size: .67em; margin: 2.33em 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000; } p, pre { margin: 1em 0; } code, kbd, pre, samp { font-family: monospace,serif; _font-family: 'courier new',monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ''; content: none; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } menu, ol, ul { padding: 0; } nav ul, nav ol { list-style: none; list-style-image: none; } img { border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: .35em .625em .75em; } legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, select { text-transform: none; } 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; *width: 13px; } 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; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 0; border-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; -webkit-appearance: none; background-color: #fff; color: #000; outline: 0; margin: 0; padding: 2px 8px; text-align: left; height: 3.4rem; vertical-align: middle; font-size: 1.4rem; } .lt-ie9 textarea, .lt-ie9 select, .lt-ie9 input[type="date"], .lt-ie9 input[type="datetime"], .lt-ie9 input[type="datetime-local"], .lt-ie9 input[type="email"], .lt-ie9 input[type="month"], .lt-ie9 input[type="number"], .lt-ie9 input[type="password"], .lt-ie9 input[type="search"], .lt-ie9 input[type="tel"], .lt-ie9 input[type="text"], .lt-ie9 input[type="time"], .lt-ie9 input[type="url"], .lt-ie9 input[type="week"] { padding: 5px 8px; } input[type=submit] { -moz-appearance: none; } /* select, select[size="0"], select[size="1"]{ background:#fff url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==); background-repeat: no-repeat; background-position: 97% center; padding:0 25px 0 8px; font-size: .875em }*/ /* @license MyFonts Webfont Build ID 2492406, 2013-02-28T14:09:41-0500 The fonts listed in this notice are subject to the End User License Agreement(s) entered into by the website owner. All other parties are explicitly restricted from using the Licensed Webfonts(s). You may obtain a valid license at the URLs below. Webfont: Frutiger 67 Bold Condensed by Linotype URL: http://www.myfonts.com/fonts/linotype/frutiger/67-bold-condensed/ Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted © 1981 - 2009 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be repro Webfont: Frutiger 77 Black Condensed by Linotype URL: http://www.myfonts.com/fonts/linotype/frutiger/77-black-condensed/ Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted © 1981 - 2009 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be repro Webfont: Frutiger 46 Light Italic by Linotype URL: http://www.myfonts.com/fonts/linotype/frutiger/46-light-italic/ Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted © 1981 - 2009 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be repro Webfont: Frutiger 56 Italic by Linotype URL: http://www.myfonts.com/fonts/linotype/frutiger/56-italic/ Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted © 1981 - 2009 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be repro Webfont: Frutiger 65 Bold by Linotype URL: http://www.myfonts.com/fonts/linotype/frutiger/65-bold/ Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted © 1981 - 2009 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be repro Webfont: Frutiger 66 Bold Italic by Linotype URL: http://www.myfonts.com/fonts/linotype/frutiger/66-bold-italic/ Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted © 1981 - 2009 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be repro Webfont: Frutiger 75 Black by Linotype URL: http://www.myfonts.com/fonts/linotype/frutiger/75-black/ Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted © 1981 - 2009 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be repro Webfont: Frutiger 76 Black Italic by Linotype URL: http://www.myfonts.com/fonts/linotype/frutiger/76-black-italic/ Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted © 1981 - 2009 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be repro Webfont: Frutiger 95 Ultra Black by Linotype URL: http://www.myfonts.com/fonts/linotype/frutiger/95-ultra-black/ Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted (c) 1988, 1990, 1994, 2001, 2002, 2003 Linotype Library GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype Webfont: Frutiger 45 Light by Linotype URL: http://www.myfonts.com/fonts/linotype/frutiger/45-light/ Copyright: Copyright (c) 1988, 1990, 1994, 2001, 2002, 2003 Linotype Library GmbH, www.linotype.com. All rights reserved. This software may not be reproduced, used, displayed, modified, disclosed or transferred without the express written approval of Linotype Librar Webfont: Frutiger 55 Roman by Linotype URL: http://www.myfonts.com/fonts/linotype/frutiger/55-roman/ Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted (c) 1988, 1990, 1994, 2001, 2002, 2003, 2005 Linotype Library GmbH, www.linotype.com. All rights reserved. This software is the property of Lin Webfont: Frutiger 87 Extra Black Condensed by Linotype URL: http://www.myfonts.com/fonts/linotype/frutiger/87-extra-black-condensed/ Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted (c) 1991, 2001, 2002, 2003 Linotype Library GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype Library GmbH Webfont: Frutiger 47 Light Condensed by Linotype URL: http://www.myfonts.com/fonts/linotype/frutiger/47-light-condensed/ Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted (c) 1991, 2001, 2002, 2003 Linotype Library GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype Library GmbH Webfont: Frutiger 57 Condensed by Linotype URL: http://www.myfonts.com/fonts/linotype/frutiger/57-condensed/ Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted (c) 1991, 2001, 2002, 2003 Linotype Library GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype Library GmbH License: http://www.myfonts.com/viewlicense?type=web&buildid=2492406 ┬⌐ 2013 MyFonts Inc */ /* @import must be at top of file, otherwise CSS will not work */ @font-face { font-family: 'FrutigerLTCom-Bold'; src: url("../fonts/2607F6_0_0.eot"); src: url("../fonts/2607F6_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/2607F6_0_0.woff") format("woff"), url("../fonts/2607F6_0_0.ttf") format("truetype"); } @font-face { font-family: 'FrutigerLTCom-Roman'; src: url("../fonts/2607F6_D_0.eot"); src: url("../fonts/2607F6_D_0.eot?#iefix") format("embedded-opentype"), url("../fonts/2607F6_D_0.woff") format("woff"), url("../fonts/2607F6_D_0.ttf") format("truetype"); } /* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 15, 2013 11:32:36 AM America/New_York */ @font-face { font-family: 'BebasRegular'; src: url("../fonts/BEBAS___-webfont.eot"); src: url("../fonts/BEBAS___-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/BEBAS___-webfont.woff") format("woff"), url("../fonts/BEBAS___-webfont.ttf") format("truetype"), url("../fonts/BEBAS___-webfont.svg#BebasRegular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'ultraregular'; src: url("../fonts/Ultra-webfont.eot"); src: url("../fonts/Ultra-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Ultra-webfont.woff") format("woff"), url("../fonts/Ultra-webfont.ttf") format("truetype"), url("../fonts/Ultra-webfont.svg#ultraregular") format("svg"); font-weight: normal; font-style: normal; } /* @license MyFonts Webfont Build ID 2630413, 2013-08-26T16:15:05-0400 The fonts listed in this notice are subject to the End User License Agreement(s) entered into by the website owner. All other parties are explicitly restricted from using the Licensed Webfonts(s). You may obtain a valid license at the URLs below. Webfont: Filmotype Lucky by Filmotype URL: http://www.myfonts.com/fonts/filmotype/lucky/regular/ Copyright: Copyright (c) 2012 by Font Diner Inc. All rights reserved. Filmotype is a trademark of Font Diner Inc. Licensed pageviews: 1,000,000 License: http://www.myfonts.com/viewlicense?type=web&buildid=2630413 ┬⌐ 2013 MyFonts Inc */ @font-face { font-family: 'FilmotypeLucky'; src: url("../fonts/28230D_0_0.eot"); src: url("../fonts/28230D_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/28230D_0_0.woff") format("woff"), url("../fonts/FilmotypeLucky.ttf") format("truetype"); font-weight: normal; font-style: normal; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } img { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } h1, h2, h3, h4, h5, h6, b, strong { font-weight: normal; } ::-webkit-input-placeholder { color: #929292; text-transform: none; font-family: 'FrutigerLTCom-Roman', sans-serif; font-weight: normal; } :-moz-placeholder { /* Firefox 18- */ color: #929292; text-transform: none; font-family: 'FrutigerLTCom-Roman', sans-serif; font-weight: normal; } ::-moz-placeholder { /* Firefox 19+ */ color: #929292; text-transform: none; font-family: 'FrutigerLTCom-Roman', sans-serif; font-weight: normal; } :-ms-input-placeholder { color: #929292; text-transform: none; font-family: 'FrutigerLTCom-Roman', sans-serif; font-weight: normal; } .placeholder { color: #929292; text-transform: none; font-family: 'FrutigerLTCom-Roman', sans-serif; font-weight: normal; } /************************************************************************ SOME USEFUL MIXINS and classes *************************************************************************/ /* breakpoints */ .dots, .promoSlides:after, .dotwrapper:before, .pageHeader:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNXB4IiBoZWlnaHQ9IjI1cHgiIHZpZXdCb3g9IjAgMCAxMyAxMyI+PHN0eWxlPi5zdHlsZTB7ZmlsbDoJIzAwNzA0QTt9PC9zdHlsZT48Y2lyY2xlIGN4PSIxLjUiIGN5PSIxLjUiIHI9IjEuNSIgY2xhc3M9InN0eWxlMCIvPjxjaXJjbGUgY3g9IjgiIGN5PSI4IiByPSIxLjUiIGNsYXNzPSJzdHlsZTAiLz48L3N2Zz4=); background-size: 13px 13px; } .dot, .locationPage .contentSection, .upcomingOpening .date { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9IjAgMCAxMyAxMyI+PHN0eWxlPi5zdHlsZTB7ZmlsbDoJIzAwNzA0QTt9PC9zdHlsZT48Y2lyY2xlIGN4PSIzIiBjeT0iMyIgcj0iMyIgY2xhc3M9InN0eWxlMCIvPjwvc3ZnPg==); background-size: 7px 7px; } .no-svg .dots, .no-svg .promoSlides:after, .no-svg .dotwrapper:before, .no-svg .pageHeader:before { background-image: url(../img/svgFallback/dotsS.png); } .no-svg .dot, .no-svg .locationPage .contentSection, .locationPage .no-svg .contentSection, .no-svg .upcomingOpening .date, .upcomingOpening .no-svg .date { background-image: url(../img/svgFallback/dot.png); } .arrow { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNyAxMSI+PHN0eWxlPi5zdHlsZTB7ZmlsbC1ydWxlOglldmVub2RkO2NsaXAtcnVsZToJZXZlbm9kZDtmaWxsOgkjRkZEQ0EzO308L3N0eWxlPjxnPjxwYXRoIGQ9Ik0xNyA4LjUzNGMwLTAuMzc3LTAuMTQ0LTAuNzU0LTAuNDMxLTEuMDRMOS41MjYgMC41IGMtMC41NjgtMC41NjgtMS40ODUtMC41NjgtMi4wNTMgMEwwLjQzIDcuNDk0Yy0wLjU3MSAwLjU3LTAuNTc0IDEuNDk4LTAuMDA3IDIuMDczYzAuNTY3IDAuNiAxLjUgMC42IDIuMSAwLjAwN0w4LjUgMy42IGw2LjAxNiA2LjAxMWMwLjU3MSAwLjYgMS41IDAuNiAyLjA2Mi0wLjAwN0MxNi44NTkgOS4zIDE3IDguOSAxNyA4LjUzNHoiIGNsYXNzPSJzdHlsZTAiLz48L2c+PC9zdmc+); } /* css rotation */ @-webkit-keyframes bloop { 0% { -webkit-transform: scale(0) rotate(-180deg); } 90% { -webkit-transform: scale(1.1) rotate(10deg); } 100% { -webkit-transform: scale(1) rotate(0); } } @-moz-keyframes bloop { 0% { -moz-transform: scale(0) rotate(-180deg); } 90% { -moz-transform: scale(1.1) rotate(10deg); } 100% { -moz-transform: scale(1) rotate(0); } } @-o-keyframes bloop { 0% { -o-transform: scale(0) rotate(-180deg); } 90% { -o-transform: scale(1.1) rotate(10deg); } 100% { -o-transform: scale(1) rotate(0); } } @keyframes bloop { 0% { transform: scale(0) rotate(-180deg); } 90% { transform: scale(1.1) rotate(10deg); } 100% { transform: scale(1) rotate(0); } } @-webkit-keyframes drive { 0% { left: -3000px; } 100% { left: 0; } } @-moz-keyframes drive { 0% { left: -3000px; } 100% { left: 0; } } @-o-keyframes drive { 0% { left: -3000px; } 100% { left: 0; } } @keyframes drive { 0% { left: -3000px; } 100% { left: 0; } } @-webkit-keyframes hl { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 10% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; } 25% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10); opacity: 0.1; } 35% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; } 50% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; } 100% { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } } @-moz-keyframes hl { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 10% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; } 25% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10); opacity: 0.1; } 35% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; } 50% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; } 100% { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } } @-o-keyframes hl { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 10% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; } 25% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10); opacity: 0.1; } 35% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; } 50% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; } 100% { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } } @keyframes hl { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 10% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; } 25% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10); opacity: 0.1; } 35% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; } 50% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; } 100% { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } } @-webkit-keyframes drop { 0% { top: -50px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 80% { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; top: -50px; } 100% { top: 0; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } } @-moz-keyframes drop { 0% { top: -50px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 80% { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; top: -50px; } 100% { top: 0; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } } @-o-keyframes drop { 0% { top: -50px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 80% { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; top: -50px; } 100% { top: 0; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } } @keyframes drop { 0% { top: -50px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 80% { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; top: -50px; } 100% { top: 0; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } } @-webkit-keyframes shine { 0% { left: -200px; } 99% { left: 700px; } 100% { display: none; } } @-moz-keyframes shine { 0% { left: -200px; } 99% { right: 700px; } 100% { display: none; } } @-o-keyframes shine { 0% { left: -200px; } 99% { right: 700px; } 100% { display: none; } } @keyframes shine { 0% { left: -200px; } 99% { right: 700px; } 100% { display: none; } } /************************************************************************ TYPOGRAPHY BASE STYLES & COLOR DECLARATIONS *************************************************************************/ /* other shades of primary color */ .brandSecondaryColor { color: #d31145; } .brandPrimaryColor { color: #00704a; } .xxxxlCopy { font-size: 72px; font-size: 7.2rem; } .xxllCopy { font-size: 30px; font-size: 3rem; } .msmall, .myKKD, .myKKDName, .location .hotLightHours h3, .location .HotLightHours h3, .location .storeHours h3, .location .StoreHours h3, .location .Drive-ThruHours h3, .location .hotLightHours p, .location .HotLightHours p, .location .storeHours p, .location .StoreHours p, .location .Drive-ThruHours p, .location .address, .location .cityStateZip, .location .phone, .location .storeHours, .location .StoreHours, .location .Drive-ThruHours, .location .hotLightHours, .location .HotLightHours, .shopSearch .results li a, .shopSearch .results li a h3 { font-size: 12px; font-size: 1.2rem; } .xlCopy, .contentBlock h1, .contentSection h1, .promoPointer p, .subSectionNav h1, .locations > h1, .locationPage .location > h1, .formLayout h2, .profitChart h2, .threeCircleTabs a h1, .contentHeadline, .genericContent h3, .ourStory .introCopy, .brandTimeline .year h2 { font-size: 20px; font-size: 2rem; } .xllCopy, .pageSubheadFancy, .internationalDoughnuts .introCopy .callout { font-size: 22px; font-size: 2.2rem; } .xxlCopy, .productContent > h1, .wholesaleContent > h1, .wholecatContent > h1, .brandTimeline .year h1 { font-size: 36px; font-size: 3.6rem; } .xxxlCopy { font-size: 50px; font-size: 5rem; } .c, body, sup, .fauxCheck, .checkboxWrap, .fauxRadio, .radioWrap, .marqueeSecondarySlides .content p, .offerSignup input, .tint, .hotLightIcon, .userStore a, .productsPage .productControls > h4, .formLayout .checkbox label, .formLayout .radio label, .formLayout .doughnutsOrder label, .formLayout .otherProductsOrder label, .shopSearch .results li a, .pageFooter #footerSecondaryContent, .pageFooter #footerSecondaryContent ul:first-child li a, .select2-results .select2-result-label, .ourStory, .brandTimeline .year p, .mcStories .submitStory .formfields label { font-family: 'FrutigerLTCom-Roman', sans-serif; font-weight: normal; } html { font-size: 62.5%; } body, .bodyCopy, .contentBlock h4, .primaryNav .primarySiteLinks .secondarySiteLinks li a, .primaryNav .primarySiteLinks li .menuSubWrap > ul li a, .locationsResults > h2, .locationsResults > h1, .location h1, .locationPage .location .address, .locationPage .location .cityStateZip, .locationPage .location .phone, .locationPage .location .storeHours h3, .locationPage .location .StoreHours h3, .locationPage .location .Drive-ThruHours h3, .locationPage .location .storeHours p, .locationPage .location .StoreHours p, .locationPage .location .Drive-ThruHours p, .locationPage .location .hotLightHours h3, .locationPage .location .HotLightHours h3, .locationPage .location .hotLightHours p, .locationPage .location .HotLightHours p, .internationalDoughnut .content .country h2, .formLayout .doughnutsOrder h3, .formLayout .otherProductsOrder h3, .myStore, .sideColumn h2, .genericContent p, .genericContent ul, .genericContent ol, .pageFooter #footerSecondaryContent ul:first-child li a { font-size: 14px; font-size: 1.4rem; } .small, .active .tallInternational li a img, .hotLightIcon, .formLayout .EditingFormErrorLabel, .pageFooter #footerSecondaryContent ul:first-child li, small { font-size: 10px; font-size: 1rem; } .midCopy, .backLink, .offerSignup button, .primaryNav .primarySiteLinks > ul > li, .productsPage .productControls > h4, .sideColumn h3, .selectYourStore h3, .fundraisingFormResponse h2, .basicContent h2, .sidebarSectionPlain > h1, .sidebarSection > h1, .sidebarSection .content h2 { font-size: 16px; font-size: 1.6rem; } .lCopy, .active .tallInternational li a, .types h3, .varieties h3, .internationalDoughnut .content h1, .ourStory .beliefs h3 { font-size: 18px; font-size: 1.8rem; } .cBold, .roundSingleLetter, .linkToggler, .buttonToggler, .listSelector ul, .listDropdown ul, .backLink, .roundIconBefore, .goLink, .addLink, .myKKDLink, .contentBlock h4, .contentBlock a, .tint.twitterTint a .username, .primaryNav .primarySiteLinks .secondarySiteLinks li a, .primaryNav .primarySiteLinks li .menuSubWrap > ul li a, .search .searchField, .active .tallInternational li a, .hotLightIcon a, .socialCallout .socialCalloutContent, .productGrid .product span, .locationsResults .storeHours h3, .locationsResults .hotLightHours h3, .location h1, .location .distance, .hotLightHours .continueLink, .locationPage .location a, .internationalDoughnutFAQ a, .internationalDoughnuts .introCopy a, .internationalDoughnut .content .country h2, .internationalDoughnut .content .country ul a, .ErrorLabel, .formLayout label, .formLayout h3, .sideColumn a, .sideColumn h3, .selectYourStore a, .selectYourStore h3, .threeHighlights > article a, .expandList a, .secondarytips ul, .linkList a, .sidebarSection .content h2, .tweetLinks li a, .successStoriesSlides blockquote, .selectPreferredShop .storeHours h3, .pageFooter .secondaryNav h3, .select2-drop, .brandTimeline .year p a, .mcStories .onlyTall .box p:first-child, .mainContent .comments article > a, strong { font-family: 'FrutigerLTCom-Bold', sans-serif; font-weight: normal; } .bebas { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; } ul { line-height: 23px; line-height: 2.3rem; margin: .5em 0 1em 0; } h3 { margin: 1em 0 .5em 0; } a { color: #00704a; text-decoration: none; } a:hover, a:active { color: #d31145; } nav a { -moz-transition-property: background-color; -o-transition-property: background-color; -webkit-transition-property: background-color; transition-property: background-color; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } nav a:hover, nav a:active { /*background-color: $brandTertiaryLighter;*/ } sup { padding: 0 0 0 3px; } p { line-height: 1.3; } .margined { margin-left: 10px; margin-right: 10px; } .secondaryBefore:before { color: #d31145; } .padded { padding-left: 10px; padding-right: 10px; } .container.marginContainer { padding-left: 10px; padding-right: 10px; max-width: 940px; } .container.genericContent { padding-left: 20px; padding-right: 20px; } .wrap { max-width: 960px; margin: 0 auto; } .main { width: 100%; overflow: hidden; } #tints { text-align: center; min-height: 200px; max-width: 1280px; margin: 0 auto; padding: 120px 0 40px; margin-bottom: -30px; background: url(data:image/jpg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QPAaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcFJpZ2h0cz0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3JpZ2h0cy8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBSaWdodHM6TWFya2VkPSJGYWxzZSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOkY3N0YxMTc0MDcyMDY4MTE4MDgzRUI4M0M2MkJEN0MxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE4Mzk5NjdFRTAyRTExRTJBMkI3REM4RDMwNzAwNDYxIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE4Mzk5NjdERTAyRTExRTJBMkI3REM4RDMwNzAwNDYxIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGOTdGMTE3NDA3MjA2ODExOTVGRUEyQzE1QUYwMTM2RSIgc3RSZWY6ZG9jdW1lbnRJ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) repeat-y 50% -15px; background-size: 100%; } #pageHeader { width: 100%; position: relative; height: 80px; } .main .brandCallouts { margin-bottom: -22px; margin-top: -20px; z-index: 2; } /************** z-indexes **************/ /**** outer containers ****/ #pageFooter { z-index: 400; } #hotlight { z-index: 300; } #pageHeader { z-index: 500; } .main .brandCallouts { z-index: 200; } .expanded .menuToggle { z-index: 500; } .navContainer.expanded { z-index: 1000; } .navContainer.expanded .overlay { z-index: 400; } .navContainer.expanded .primaryNav { z-index: 1001; } .slidesNav { z-index: 300; } .marqueeSlides { position: relative; } .coffeePromo { z-index: 300; } .doughnutPromo { z-index: 300; } .tint a:after { z-index: 1; } /* icons */ @font-face { font-family: 'icomoon'; src: url("../fonts/icomoon.eot"); src: url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.svg#icomoon") format("svg"); font-weight: normal; font-style: normal; } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { content: attr(data-icon); display: block; text-decoration: none; width: 24px; height: 24px; font-size: 20px; font-family: 'icomoon'; speak: none; text-align: center; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 24px; -webkit-font-smoothing: antialiased; } [data-icon].iconOnly { display: block; overflow: hidden; width: 24px; height: 24px; text-align: center; } [data-icon].iconOnly.roundIcon { width: 29px; height: 29px; line-height: 29px; } [data-icon].iconOnly.roundIcon:before { font-size: 10px; width: 23px; height: 23px; line-height: 23px; background: #fff; color: #d31145; border: 2px solid #00704a; -webkit-border-radius: 50%; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } .listWithIcons li { position: relative; } .listWithIcons li a { padding: 3px 0 3px 25px; position: relative; } .listWithIcons li a.iconOnly { position: absolute; left: 0; top: 0; padding: 0; z-index: 1; } .roundSingleLetter { border: 2px solid #00704a; -webkit-border-radius: 50%; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; font-size: 16px; width: 16px; height: 16px; line-height: 16px; color: #d31145; text-align: center; font-weight: bold; } .reversedIcon:before { font-size: 9px; width: 20px; height: 20px; margin: 2px; line-height: 20px; background: #00704a; color: #fff; -webkit-border-radius: 50%; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } .reversedIcon:hover:before { background: #d31145; } .no-borderradius .roundIconL, .no-borderradius .tint a:after, .tint .no-borderradius a:after { background: transparent url(../img/svgFallback/redIcon.png) no-repeat left top; border: 0 none; width: 52px; height: 52px; } .roundIconL, .tint a:after { display: block; text-decoration: none; width: 47px; height: 47px; font-size: 25px; font-family: 'icomoon'; speak: none; text-align: center; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 47px; -webkit-font-smoothing: antialiased; background: #00704a; color: #fff; -webkit-border-radius: 50%; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border: 2px solid #fff; text-align: center; } .roundIconL.roundIconLSecondary, .tint a:after { background: #d31145; } .roundIconL.roundIconLReverse, .tint a.roundIconLReverse:after { color: #d31145; background: #fff; border: 4px solid #00704a; } .roundIconL.iconTwitter, .roundIconL.tweetButtonStyle:before, .roundIconL.tweet:before, .tint a.iconTwitter:after, .tint.twitterTint a:after { line-height: 51px; } .iconTwitter, .tweetButtonStyle:before, .tweet:before, .tint.twitterTint a:after { content: '\e02b'; } .iconInstagram, .tint.instagramTint a:after, .tint.intDoughnutTint a:after { content: '\e00a'; } .iconFacebook { content: "\e000"; } .iconPinterest { content: "\e001"; } .iconFoursquare { content: "\e002"; } .iconYoutube { content: "\e004"; } .iconArrow { display: block; text-decoration: none; width: 28px; height: 28px; font-size: 28px; font-family: 'icomoon'; speak: none; text-align: center; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 28px; -webkit-font-smoothing: antialiased; color: #d31145; } .extDoc { padding: 3px 0 3px 25px; line-height: 18px; position: relative; } .extDoc:before { display: block; text-decoration: none; width: 18px; height: 18px; font-size: 18px; font-family: 'icomoon'; speak: none; text-align: center; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 18px; -webkit-font-smoothing: antialiased; content: '\e02d'; color: #d31145; position: absolute; top: 0; left: 0; } .menuToggle { overflow: hidden; position: absolute; width: 32px; text-align: center; height: 30px; right: 0; top: 0; margin: 12px 3.75% 0 0; } .menuToggle:before { color: #d31145; content: '\e00c'; display: block; text-decoration: none; width: 32px; height: 30px; font-size: 24px; font-family: 'icomoon'; speak: none; text-align: center; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 30px; -webkit-font-smoothing: antialiased; } .expanded .menuToggle { width: 42px; height: 42px; margin-top: 7px; } .expanded .menuToggle:before { content: '\e00d'; width: 34px; height: 34px; line-height: 34px; font-size: 20px; color: #d31145; background: #fff; border: 4px solid #00704a; -webkit-border-radius: 50%; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; text-align: center; } .headSecondary { text-align: center; margin: -25px 0 0; } .headSecondary span { position: relative; display: inline-block; padding: 0 36px; } .headSecondary span:before, .headSecondary span:after { background-color: #00704a; content: ''; height: 3px; width: 30px; left: 0; top: 50%; margin-top: -1px; position: absolute; } .headSecondary span:after { right: 0; left: auto; } .loading { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; font-size: 24px; font-size: 2.4rem; padding: 0 30px; line-height: 65px; line-height: 6.5rem; display: inline-block; margin: 0 auto; font-style: normal; color: #00704a; background-color: #fff; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-transform: scale(0.1, 0.1); -ms-transform: scale(0.1, 0.1); -webkit-transform: scale(0.1, 0.1); transform: scale(0.1, 0.1); -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .loading.active { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; height: auto; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0; -o-transition-duration: 0; -webkit-transition-duration: 0; transition-duration: 0; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } .logoBg, .logo, .pageHeader h1 a { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MjAuNjY3IDE2MiI+PGZpbHRlciBpZD0iZHJvcC1zaGFkb3ciPjxmZUdhdXNzaWFuQmx1ciBpbj0iU291cmNlQWxwaGEiIHN0ZERldmlhdGlvbj0iMi4yIi8+PGZlT2Zmc2V0IGR4PSIyIiBkeT0iMiIgcmVzdWx0PSJvZmZzZXRibHVyIi8+PGZlRmxvb2QgZmxvb2QtY29sb3I9InJnYmEoMCwwLDAsMC4zKSIvPjxmZUNvbXBvc2l0ZSBvcGVyYXRvcj0iaW4iIGluMj0ib2Zmc2V0Ymx1ciIvPjxmZU1lcmdlPjxmZU1lcmdlTm9kZS8+PGZlTWVyZ2VOb2RlIGluPSJTb3VyY2VHcmFwaGljIi8+PC9mZU1lcmdlPjwvZmlsdGVyPjxnPjxnIGZpbHRlcj0idXJsKCNkcm9wLXNoYWRvdykiPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMDkuMzA2IDMyLjQ2NWM2NC42MzQtNy42MzcgMTI4LjgwOC0xNC44MTggMTkzLjQxNC0yMi40NDloMC4yNjVjNS44MTIgMCA4LjggMi4yIDguMiA4LjUgYy0xMS4zODEgMzguOTU5LTIyLjQ3NCA3Ny43OTItMzMuODk3IDExNi43NWMtNC40MDYgMTIuNjg0LTEyLjMwNSAxNy4xMjUtMjAuNTAxIDE3LjEyM2wtMTQ3LjQ5OC0wLjAwNmwtMTQ3LjUzNS0wLjAwNiBjLTguMTk2IDAtMTYuMDk0LTQuNDQxLTIwLjUtMTcuMTI1QzI5Ljg1NCA5Ni4zIDE4LjggNTcuNSA3LjQgMTguNTM2QzYuODQ0IDEyLjIgOS44IDEwIDE1LjYgMTBoMC4yNjUgQzgwLjUzNSAxNy42IDE0NC42IDI0LjggMjA5LjMgMzIuNDY1TDIwOS4zMDYgMzIuNDY1eiIvPjwvZz48Zz48cGF0aCBmaWxsPSIjMDA3MDRBIiBkPSJNMTA2LjggMTI3Ljk0NWMtMi4zOCAwLTQuMzMzIDEuOTM0LTQuMzMzIDQuMDQ5YzAgMi42IDIgNC42IDQuMyA0LjU3NnM0LjMzMy0xLjkzMiA0LjMzMy00LjU3NiBDMTExLjEzMyAxMjkuOSAxMDkuMiAxMjcuOSAxMDYuOCAxMjcuOTQ1eiIvPjxwYXRoIGZpbGw9IiMwMDcwNEEiIGQ9Ik02OS43NjQgMTI3Ljk2NWgtMC45MzZ2OC41ODRoMC44OTVjMi4zOCAwIDQuNDE0LTEuMzAxIDQuNDE1LTQuMjkxIEM3NC4xMzggMTI5LjUgNzIuMyAxMjggNjkuOCAxMjcuOTY1eiIvPjwvZz48Zz48cGF0aCBmaWxsPSIjMDA3MDRBIiBkPSJNMzY0LjEwNiAxMjUuNDE4Yy0yLjE4MiAwLTMuODgyIDEuNjk1LTMuODgyIDMuOTU1YzAgMi4zIDEuNyA0IDMuOSA0IGMyLjE1OCAwIDMuODUzLTEuNjg4IDMuODUzLTMuOTc5QzM2Ny45NTkgMTI3LjEgMzY2LjMgMTI1LjQgMzY0LjEgMTI1LjQxOHogTTM2NS41MDYgMTMyLjEzMWwtMS40NS0yLjM4MWgtMC45NTl2Mi4zODEgaC0wLjgzMXYtNS40OTRoMi4wOTRjMS4yOTkgMCAxLjkgMC41IDEuOSAxLjU2MmMtMC4wMDEgMC45ODYtMC42MTkgMS40MTItMS40MjcgMS41MTJsMS41NjQgMi40MkgzNjUuNTA2eiIvPjxwYXRoIGZpbGw9IiMwMDcwNEEiIGQ9Ik00MDIuOTUgMTQuNTIzYy02My45NzcgNy41NTctMTA0Ljg1MiAxMS45ODgtMTkzLjY0MiAyMi40OGMtODguNzktMTAuNS0xMjkuNzMzLTE0LjkzNC0xOTMuNzA5LTIyLjQ5NyBjLTIuMTY4IDAtNC4xMDItMC4zNTItMy43ODkgMy4yYzEzLjc5MiA0Ny4yIDE1LjggNTUgMzMuNyAxMTYuMjE3YzMuODQzIDExLjEgMTAuMSAxNCAxNi4yIDE0IGM1OS45MDcgMCAyMzUuMSAwIDI5NSAwLjAxMmM2LjA4OCAwIDEyLjM3NC0yLjkzMiAxNi4yMTgtMTMuOTk2YzE3Ljk0Mi02MS4xOSAxOS45NDEtNjguOTg3IDMzLjczNy0xMTYuMjE0IEM0MDcuMDUyIDE0LjIgNDA1LjEgMTQuNSA0MDIuOSAxNC41MjN6IE03MC40OTYgMTM5LjkyNmgtNS42NTVsMC4wMDEtMTUuMzM4aDUuNjU0YzQuMjcxIDAgNy44IDMuNCA3LjggNy43IEM3OC4yODcgMTM2LjYgNzQuNyAxMzkuOSA3MC41IDEzOS45MjZ6IE0xMDYuOCAxNDAuNDM2Yy00LjkyMyAwLTguNDgyLTMuNS04LjQ4Mi04LjQ2M2MwLTQuNjM3IDQuMDY4LTcuODkzIDguNDgyLTcuODkxIGM0LjQxNCAwIDguNSAzLjMgOC41IDcuODkzQzExNS4yODIgMTM2LjkgMTExLjcgMTQwLjQgMTA2LjggMTQwLjQzNnogTTE0OS42MjYgMTMzLjIgYzAgMS45NzMtMC4wODIgMy45MjQtMS42MDcgNS40MWMtMS4yODEgMS4yNi0zLjI5NSAxLjcwOS01LjA4NSAxLjcwN2MtMS43OSAwLTMuODA0LTAuNDQ3LTUuMDg1LTEuNzA5IGMtMS41MjYtMS40ODQtMS42MDctMy40MzgtMS42MDctNS40MXYtOC42MjVoMy45ODdsMCA4LjA3NmMwIDIgMC4xIDQuMiAyLjcgNC4xN3MyLjcwNS0yLjE3NiAyLjcwNi00LjE3di04LjA3NGgzLjk4NyBMMTQ5LjYyNiAxMzMuMjE3eiBNMTg0Ljk0NyAxMzcuNDI4Yy0xLjUwNSAyLjA5Ni0zLjc2MyAzLjAxLTYuMzI2IDMuMDFjLTQuODIxIDAtOC4xNzctMy4yNzUtOC4xNzctOC4wOTYgYzAtNC45ODIgMy4zNzctOC4yNTggOC4zMi04LjI1OGMzLjE1MiAwIDUuNiAxLjQgNi45IDQuMjkzbC0zLjc4MyAxLjU4NmMtMC41NS0xLjQ2NS0xLjcwOS0yLjQ0MS0zLjMxNS0yLjQ0MSBjLTIuNjI1IDAtMy45ODcgMi41MDItMy45ODcgNC44NDJjMCAyLjQgMS40IDQuOCA0IDQuODAxYzEuNzI5IDAgMy4wNTEtMC44OTUgMy4yMTQtMi42NjZoLTIuODk4di0zLjEzMWg3LjU1NyBDMTg2LjQ3MyAxMzMuNiAxODYuMyAxMzUuNSAxODQuOSAxMzcuNDI4eiBNMjIxLjE0MiAxMzkuOTMyaC0zLjk4NnYtNi4yODVsLTUuNzU2LTAuMDAybC0wLjAwMSA2LjI4NWwtMy45ODYgMCBsMC0xNS4zMzhoMy45ODZ2NS45Mmg1Ljc1NmwwLjAwMS01LjkyaDMuOTg2TDIyMS4xNDIgMTM5LjkzMnogTTI1OC4xMzUgMTM5LjkzNGgtMy45ODdsLTcuMzAyLTkuMzk4aC0wLjA0MWwtMC4wMDEgOS4zOTZoLTMuOTg1IHYtMTUuMzM2aDMuOTg2bDcuMzAzIDkuMzc3aDAuMDRsMC4wMDEtOS4zNzdoMy45ODZWMTM5LjkzNHogTTI5My4xMTEgMTMzLjIyM2MwIDEuOTczLTAuMDgyIDMuOTI0LTEuNjA3IDUuNCBjLTEuMjgxIDEuMjYtMy4yOTYgMS43MDctNS4wODUgMS43MDljLTEuNzkxLTAuMDAyLTMuODA0LTAuNDQ5LTUuMDg2LTEuNzA5Yy0xLjUyNS0xLjQ4Ni0xLjYwNi0zLjQzOS0xLjYwNi01LjQxMmwwLjAwMS04LjYyNSBoMy45ODZsLTAuMDAxIDguMDc2YzAgMiAwLjEgNC4yIDIuNyA0LjE3YzIuNTYyIDAgMi43MDUtMi4xNzYgMi43MDUtNC4xN2wwLjAwMS04LjA3NGgzLjk4NlYxMzMuMjIzeiBNMzI1LjI4NiAxMjggaC00LjQ4MWwtMC4wMDEgMTEuOTYxaC00LjEwNHYtMTEuOTYxaC00LjQ4MXYtMy4zNzdoMTMuMDY5TDMyNS4yODYgMTI3Ljk3NXogTTM1My42NjYgMTM4LjljLTEuMiAxLjAxNi0yLjgwNyAxLjQ0My00LjM1MyAxLjQgYy0xLjkzMyAwLTMuODI0LTAuNjUyLTUuMzkxLTEuNzVsMS43MDktMy4yMTNjMC45OTcgMC45IDIuMiAxLjYgMy41IDEuNTg2YzAuOTM2IDAgMS45MzMtMC40NjcgMS45MzQtMS41NDUgYzAtMS4xMTktMS41NjctMS41MDYtMi40MjItMS43NWMtMi41MDEtMC43MTMtNC4xNDktMS4zNjMtNC4xNDgtNC4zMzRjMC0zLjExMSAyLjIxNy01LjE0NiA1LjI4OS01LjE0NSBjMS41NDYgMCAzLjQgMC41IDQuOCAxLjI2MmwtMS41ODcgMy4wOWMtMC43MzItMC42MDktMS42NjctMS4wMTYtMi42NDUtMS4wMTZjLTAuNzMyLTAuMDAyLTEuNzA5IDAuNDI2LTEuNzA5IDEuMyBjMCAwLjkgMS4xIDEuMiAxLjggMS40NjVsMS4wMTcgMC4zMDVjMi4xMzYgMC42IDMuOCAxLjcgMy44IDQuMTg5QzM1NS4yNTQgMTM2LjMgMzU0LjkgMTM3LjkgMzUzLjcgMTM4LjkgeiBNMzY0LjEwNSAxMzQuMTQ2Yy0yLjYyMSAwLTQuODM1LTIuMDE2LTQuODM1LTQuNzczYzAtMi43MzYgMi4yMTQtNC43NDggNC44MzYtNC43NDhjMi41OTggMCA0LjggMiA0LjggNC43IEMzNjguOTEyIDEzMi4xIDM2Ni43IDEzNC4xIDM2NC4xIDEzNC4xNDZ6IE0zOTcuNDE5IDIzLjkzM2MtNy45MTggMjcuOTM3LTEwLjM3OCAzNi42NC0yNC43MzEgODYuMSBjLTIuNzg4IDguOTgyLTYuODgyIDcuODYzLTEzLjI2NSA3Ljg5M2MtNTMuOTE1LTAuMDAyLTkxLjYwNC0wLjAyMS0xNTAuMTcxLTAuMDM1Yy01OC41NjcgMC4wMDgtOTYuMjE5IDAuMDI1LTE1MC4xMzUgMCBjLTYuMzgyLTAuMDI3LTEwLjQ3NiAxLjA5LTEzLjI2My03Ljg5M2MtMTQuMzQ5LTQ5LjQ2LTE2LjgwOC01OC4xNjUtMjQuNzI0LTg2LjEwMWMtMC45NjItMy4zNSAwLjg5Ni0yLjIxNCAyLjk2MS0yLjAwOCBjNTcuNDA0IDYuNiAxMDUuMSAxMi43IDE4NS4yIDIxLjY5MWM4MC4wOTktOC45OCAxMjcuNzQ2LTE1LjA3IDE4NS4xNS0yMS42NzYgQzM5Ni41MjIgMjEuNyAzOTguNCAyMC42IDM5Ny40IDIzLjkzM3oiLz48cGF0aCBmaWxsPSIjMDA3MDRBIiBkPSJNMzY1LjQzMSAxMjguMTQ4YzAtMC42ODQtMC42MTgtMC44MDktMS4xOTgtMC44MDlsLTEuMTM2LTAuMDAydjEuNzA5aDAuOTk3IEMzNjQuOCAxMjkgMzY1LjQgMTI5IDM2NS40IDEyOC4xNDh6Ii8+PC9nPjxnPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRDMxMTQ1IiBkPSJNMjAyLjc5MSA2MC4xNTNjNy4yMzggMCAxMi40NjktMTIuMTA1IDEyLjQ3OS0xMi41IGMwLjAyMi0wLjkxNy0wLjk4NS0wLjk1NC0xLjg2Ni0wLjE2OGMtMC44ODIgMC43ODUtMy4wNzYgMi45OC03LjkxMSAyLjkzMWMtMS42MDMtMC4wMTctMzguNzgyLTAuMDE1LTY5LjMyMy0wLjAxMSBjMS4wNzggMS4zIDEuNyAzIDEuNyA0LjgzNWMwIDEuODY0LTAuNjY5IDMuNTcxLTEuNzggNC44OThDMTY1LjAxNCA2MC4xIDE5OC40IDYwLjEgMjAyLjggNjAuMTUzeiIvPjxjaXJjbGUgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNEMzExNDUiIGN4PSIxMzAuMyIgY3k9IjU1LjIiIHI9IjQuNiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRDMxMTQ1IiBkPSJNMTk2LjgzMiA5OS4yNzljMS4wNTYtMi4yMTcgMTEuMzA0LTI3LjgxMSAxMS4zMDQtMjcuODExIGwtOC44MjggMC4wMTJjMCAwLTMuMjA5IDguMjQ2LTUuNzE2IDE0Ljk5NGMtMi44NjEgNy44NC05LjkyOCAxMy43NzUtNy40MjIgNi43MTVjMi42MjUtNy4zOTYgOC43MTMtMjEuOTY4IDguNzEzLTIxLjk2OCBsLTguNTE2IDAuMDJjMCAwLTIuMzM1IDUuNjcxLTUuMDc1IDEyLjk4OWMtMS4yMzQgMy4wODgtNy4yNzEgMTIuMzk4LTE0LjM4NSAxNC42MDljMi4yODYtMS43MTUgNC41OTMtNC41MTggNi42Ni04Ljc1MiBjOC43MDctMTcuODQyIDAuOTY2LTE4LjQ0NS0xLjM3Ni0xOS4wNjVjLTIuMjk1LTAuNjA3LTUuMjg0IDAuMzc3LTcuNjk0IDIuMjE2YzAuNDc2LTEuMjI0IDAuODM2LTIuMDE5IDAuODM2LTIuMDE5bC04LjM4NiAwIGwtMTAuMTcgMjUuOTgxYy0yLjA0NCAxLjU1NS00LjUzNCAyLjgwMy03LjU0MiAzLjM2M2MwLjkyOC0wLjUzOSAxLjg5Ny0xLjIwNSAyLjkxMy0yLjAzNWM1LjAxLTQuMDk2IDMuMTAzLTEzLjAxMiAxLjkwOS0xNi42MjcgYy0wLjc0OC0yLjI2NS0yLjQ1NC05LjQwOS0xLjUzOS0xMC44NTNjMC42ODgtMS4wODQtMC4xMy0xLjY3NS0wLjEzLTEuNjc1cy0xMC43MTQgMTUuMTQ0LTE0LjA1NCAyMCBjLTAuNjM2IDAuMTA0LTIuNzQ2IDEuMTY4LTMuMTEgMy45OTJjLTMuMTQ5IDMuNDQ3LTcuMzkgNi40NjEtNS4yNjIgMS4wOTZjNi4wNzctMTUuMzIyIDkuMjA4LTIzLjIzMiA5LjIwOC0yMy4yMzJoLTguNDM2IGMwIDAtMy44ODMgOS41NDYtOC40MiAyMS44OTZjLTAuNzYgMS4zOTEtMS45NTIgMi45MDQtNC4wMTkgMy40NzljLTQuMjk0IDEuMTkxLTAuNjYzLTguNzIxIDIuNjI1LTE2LjY4OCBjMy40My04LjMxMi0wLjEyNS02LjI2My02LjY2NS04LjI2NGMtMy4yMjYtMC45ODctMS45NjUtNC44NTctNS43ODItNC44NTdjLTMuODE3IDAtMy4xNjUgMi41MDctMy4wNiA0LjcgYzAuMDgyIDEuNyAyLjUgMi45IDIuMiAzLjc4N2MtOC4yMDcgMjQuODg2LTIyLjI0MyAzNC41MTEtMTIuODQxIDEzLjk0OWM5LjgyOS0yMS40OTUgNC4wOTYtMjAuMTExLTIuMDYyLTE5LjUyIGMwIDAtNC4xMTggMS4zODQtMC45NTQtMi40MjhjMy42NjItNC40MTMgOC41MTItNy4wNzkgMTAuNjcyLTcuMDkyYzAuOTc5LTAuMDA2IDE0LjU5Ni0wLjAwOSAzMS45NzMtMC4wMSBjLTEuMTA5LTEuMzI3LTEuNzc5LTMuMDM0LTEuNzc5LTQuODk5YzAtMS44MzQgMC42NDctMy41MTcgMS43MjUtNC44MzNjLTE1LjIwOCAwLjAwMi0yNi43ODggMC4wMDQtMjcuOTcgMCBjLTQuMTU0IDAtMTAuMzU5IDYuMjE0LTExLjc1OCA4LjA4N2MtMS4zNDQgMS43OTktOC4xMDQgOS40MDQtOS4wNTggMTAuNTk3Yy0wLjk1NSAxLjE5My00LjE5NyA1LjYwMi0yLjYzMyAxIGMwLjQ4Ny0xLjQyOCA0LjExLTEwLjUyIDYuMDg0LTE1LjY1YzAuMzk1LTAuNjkxIDAuNDk5LTMuNjU1LTEuNzA1LTUuMDkzYy0xLjI5MS0wLjg0Mi01LjE4NS0xLjAwMy0xNS45MTYtMC4xODcgYy0yLjEwNCAwLjE2LTMuMjM0IDIuNzA1LTAuMzU4IDIuNTM3YzMuNDg2LTAuMjA1IDcuOSAwIDUgNy42NThjLTguOTU5IDIzLjQ1MS0xOC4xNzQgNDYuNzU3LTE4LjE3NCA0Ni44IGwxMS4xNzEtMC4yMzhjMCAwIDUuNzk2LTE0Ljk1OSA4LjY2NS0yMi4xMTljMi4yMjYtNS41NTQgOS40NjUtMTAuNzY4IDEwLjc3My04LjI1YzEuNjg0IDMuMjQzLTEuNjc0IDcuNTkxLTQuODQ0IDE2LjMgYy0xLjk4IDUuNDM4LTYuNTc0IDE0LjkgNS40IDEzLjgzNmMxMi44ODItMS4xOTEgMTkuOTY5LTI4LjY4OCAyMC45NTMtMjguNjU2YzUuOTA4IDAuMiAyLjcgMy41NDgtMC4xNjcgMTIgYy0xLjExOCAzLjIyNy0yLjY5NiAxMi45IDMuNyAxMy4xMDljMi42NTEgMC4xIDUuNTY5LTEuOTg2IDguMjM3LTQuNzU2YzAuOTQgNS4xIDcuOCA4LjEgMTQuMDktMC4yMjUgYzAuOTkgMi43IDQuNCA2LjUgMTAgNC45MzhjMi43NzkgMC4xIDYuMzM5LTAuMzA3IDkuOTY0LTIuNDQ1bC0yLjcxOCA2Ljk0NWwtMS42MDggNC4xMDdoOC40NjMgYzAgMCAwLjI5Ny0wLjczOSAwLjYyNy0xLjU2MmgwLjAwMWMwLjE5MS0wLjQ3NiAwLjQyNi0xLjA2MiAwLjY4LTEuNjk2YzAuMDE2LTAuMDQgMC4wMzctMC4wOTEgMC4wNTEtMC4xMjhoMCBjMS4wMTctMi41NDIgMi40MjMtNi4wOTEgMy41OTctOS4xNjRjMS4zNzMgMiA0IDMuNCA3LjEgMi45MWM0LjExNCAwLjMgMTAuNi0wLjY0MSAxNi4xMTQtNy4zNSBjLTEuNDk1IDYuNCA0LjggOS43IDExLjQgNC4yNzVsLTEuMTEyIDMuMDgyYy02LjA0OCAxLjc3LTEwLjIyMyA1LjAyLTEyLjEzNyA4LjA3Yy0yLjEyNyAzLjM4OS0xLjQ2MyA2LjUgMi41IDcuMSBjMy45OTUgMC42IDguNzMyLTIuNTE0IDEyLjQwMS03LjEyN2gwLjAwM2MxLjcwNC0yLjE0OCAzLjE3Ny00LjYxNSA0LjIzNy03LjE4NmM2LjA3My0xLjkwMiA3IDQuNyA4LjQgMC4zIEMyMDQuMjcgMTAwLjkgMjAwLjEgOTguNCAxOTYuOCA5OS4yNzl6IE0xMzcuODA1IDk1LjkxYy0yLjUwMyA1LjczMi04LjE5NCAyLjk0Ny02LjgzMyAxLjkgYzIuOTQ2LTAuNzA5IDQuNjM4LTYuNTY4IDAuNDI2LTguNDQ3YzIuNTIzLTMuMjg5IDQuMy01LjQ5IDUuMzIyLTYuMzM2QzEzNy4xMDUgODQuNCAxNDAuNCA5MC4xIDEzNy44IDk1LjkxeiBNMTU5LjM2NSA5Ni4xOGMtMS4yNzMtMC4zMjItMy4wMS0xLjg1OS0xLjgyNC00Ljg4NWMwIDAgNC40MDctMTAuOTQgNC45NzEtMTIuMDY4YzEuNDMxLTIuODYzIDEwLjEwMS00LjU3NSA1LjQgNy44IEMxNjQuOTU2IDk0LjggMTYyLjIgOTYuOSAxNTkuNCA5Ni4xOHogTTE4My4yNDQgMTA5LjA2MmgtMC4wMDRjLTAuNzY2IDAuNjkxLTEuNjA2IDEuMzI0LTIuNTQ0IDEuOSBjLTEuOTc3IDEuMjk3LTMuMTE3LTAuMDc2LTEuNzktMS45MzR2LTAuMDA0YzAuMTkzLTAuMjY4IDAuNDM4LTAuNTQ3IDAuNzQxLTAuODMyYzEuODI0LTEuNzEzIDUuMzMzLTMuNjMzIDcuMzg0LTQuMDcgQzE4NS45MjcgMTA2LjIgMTg0LjcgMTA3LjcgMTgzLjIgMTA5LjA2MnoiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0QzMTE0NSIgZD0iTTI1Mi40OTIgNjAuMTU1YzIuNzExLTAuMDE2IDEwMi40NjctMC4wMTIgMTEwLjQgMCBjNy4yMzggMCAxMi40NjktMTIuMTA1IDEyLjQ3OS0xMi41YzAuMDIyLTAuOTE3LTAuOTg0LTAuOTU0LTEuODY2LTAuMTY4Yy0wLjg4MSAwLjc4NS0zLjA3NiAyLjk4LTcuOTEgMi45IGMtMi42ODgtMC4wMjgtMTA1LjQ3Ni0wLjAwNC0xMDkuMTI3LTAuMDA0Yy00LjE1MyAwLTEwLjM1OCA2LjIxNC0xMS43NTggOC4wODZjLTEuMzQ0IDEuNzk5LTguMTA0IDkuNDA0LTkuMDU4IDEwLjYgYy0wLjk1NCAxLjE5My00LjE5NyA1LjYwMi0yLjYzMiAxLjAwOWMwLjQ4Ni0xLjQyOCA0LjEwOS0xMC41MiA2LjA4My0xNS42NWMwLjM5NS0wLjY5IDAuNS0zLjY1NS0xLjcwNS01LjA5MyBjLTEuMjkxLTAuODQyLTUuMTg1LTEuMDAzLTE1LjkxNS0wLjE4N2MtMi4xMDQgMC4xNi0zLjIzNCAyLjcwNS0wLjM1OSAyLjUzNmMzLjQ4Ni0wLjIwNCA3LjkgMCA1IDcuNyBjLTYuMTQ4IDE2LjA5My0xMi40MTIgMzIuMTA2LTE1Ljc0MSA0MC41NzdjLTEuMDkyIDIuNzc3LTIuNDMzIDYuMTgtMi40MzMgNi4xOGwxMS4xNy0wLjIzOGMwIDAgMS4wOC0yLjc4MyAyLjAwOS01LjE3IGMxLjk1LTUuMDEzIDQuODctMTIuNDkgNi42NTYtMTYuOTQ5YzIuMjI2LTUuNTU0IDkuNDY2LTEwLjc2NyAxMC43NzMtOC4yNDljMS42ODQgMy4yNDItMS42NzUgNy41OS00Ljg0NCAxNi4zIGMtMS4wNTYgMi44OTgtMi44NTQgNi45NTEtMi40OTYgOS45MzljMC4zMTQgMi42IDIuMyA0LjQgNy45IDMuODk4YzIuNzcxLTAuMjU4IDUuMjc0LTEuNzMxIDcuNTA2LTMuODkzaDAuMDA3IGM4LjEzOS03Ljg2NSAxMi42NjktMjQuNzkgMTMuNDQtMjQuNzY1YzUuOTA3IDAuMiAyLjcgMy41NDgtMC4xNjggMTEuOTU4Yy0xLjAxIDIuOTE4LTIuMzk4IDExLjEgMi4xIDEyLjgwMWgwLjAxNCBjMC40NzUgMC4yIDEgMC4zIDEuNiAwLjMwOWMwLjY1OSAwIDEuMzM2LTAuMDg2IDIuMDIxLTAuMzA5YzIuODk0LTAuOTQxIDUuOTM5LTMuODgxIDguNTM3LTcuMDg0IGMwLjk1NSAzLjEgMyA2LjIgNi41IDcuMDg0YzEuMjQ3IDAuMyAyLjcgMC40IDQuMyAwYzIuMTUtMC40NjcgNC42NTItMS42MDQgNy41NDUtMy42NDggYzEuMTgxLTAuODM0IDIuMTg0LTEuNzU2IDMuMDYzLTIuNzEzbC0yLjUyMiA2LjM2MWwtMC4yMzIgMC41ODRoOC43NjRsMC4yMzYtMC41ODRsNy4yNjUtMTcuOTc5IGMwLjA5OC0wLjE1NCAwLjE5NS0wLjMxNCAwLjI5My0wLjQ3OWMzLjA1Ni01LjE3NiA4LjY3OS03Ljk5MSA2LjgwNC0yLjcwNGMtMi41MDkgNy4wNzgtNy4wMDEgMTYuOTkzLTguMDExIDIwLjk2M2gtMC4wMDQgYy0wLjAwOCAwLjAzMS0wLjEwNiAwLjQ1Ni0wLjExOCAwLjUxNmM1Ljc5OSAwLjEgOC40IDAuMyA4LjQgMC4yNjZzMC4yNzgtMC43MzkgMC4yOTQtMC43ODEgYzEuMDk2LTIuOTE2IDUuMDUxLTEzLjQ0NCA2Ljk1Ni0xOC41OGMzLjA4Mi01LjAzOSA4LjUyMi03LjcwNiA2LjY3NC0yLjQ5MmMtMi42MjIgNy4zOTYtMy43MzMgOC44MjgtNC40NDkgMTIuNCBjLTAuNTU3IDIuNzc3LTAuMjc3IDcuMyAyLjkgOC44NjN2MC4wMDRjMC45MTkgMC41IDIuMSAwLjcgMy41IDAuNTU1YzAuOTM2LTAuMDgyIDEuNzk3LTAuMjcyIDIuNTkzLTAuNTU1aDAuMDE0IGMzLjgwMS0xLjMzNCA2LjEwMi00LjY5NSA3Ljc3Ni04LjA5NmMxLjIyOSA0LjQgNC4xIDcuMiA3LjcgOC4wOTJoMC4wMjFjMS42NzUgMC40IDMuNSAwLjQgNS40IDAuMDA0aDAuMDIyIGMzLjU2OC0wLjgyNiA3LjI5Mi0zLjI3MSAxMC40NDYtNy41MzljMS45MDQtMi41NzQgMi4wNDMtNi4xNy0yLjAzMS0xLjE5N2MtMS42MTEgMS45NjUtMTIuNTYgOS4xNDEtMTQuNzQ0LTEuNzg5IGMtMC4yNDMtMS4yMTctMC4yMjYtMS4zMDctMC4wNjgtMS4xODZjOC4yNi0wLjIzOCAxNS4zNDUtNC41MDIgMTUuMzgtMTAuODc5YzAuMDI4LTUuMTk4LTQuMTU1LTEwLjY1LTEzLjk1Ny02LjM3NSBjLTQuMDg3IDEuNzgyLTkuMTQ4IDguODM4LTguNzM3IDE3LjAxNmMwLjAwNSAwLjEgMCAwLjIgMCAwLjMwNWMtMS4zODIgMy43NjYtNC40OCA3Ljc3Ny02Ljc1MSA3LjggYy0yLjYyNSAwLTEuMjgyLTQuMTQ1LTEuMjgyLTQuMTQ1czQuMzQxLTEyLjMzMiA0Ljc4LTEzLjY2NGMyLjk5My05LjA0Ni01LjcyNS0xMi44ODMtMTMuMzU5LTIuODYzIGMtMC4wOTMgMC4xMjItMC4xNzggMC4yMzItMC4yNjggMC4zNTFjMC42MTctNi44MzItNi41NzItOS4wNzctMTMuMjM4LTEuMDk0bDIuMTk1LTUuNDMzbC05LjAxNyAwLjA0NmwtNy4xOTIgMTguMSBjLTUuNTg1IDYuMTkxLTE2LjA1NSAxMS4yMDMtMTcuMzI4IDIuMDFjLTAuMTctMS4yMjMtMC4xNDctMS4zMTIgMC0xLjE5M2M4LjExLTAuMjM4IDE1LjI5OC00LjUyNyAxNS42OTItMTAuOTQgYzAuMzIyLTUuMjI4LTMuNDctMTAuNzEyLTEzLjMxOS02LjQxMmMtNC4xMDkgMS43OTMtOC45MzggOC44ODEtOS41MyAxNy4xMTRjLTAuMDIxIDAuMjk3LTAuMDI3IDAuNjE5LTAuMDIgMSBjLTAuNjM1IDEuMjE3LTEuNjM3IDQuODQ4LTUuMTE2IDUuODE0Yy00LjI5NCAxLjE5My0wLjY2My04LjcyMSAyLjYyNS0xNi42ODhjMy40My04LjMxMi0wLjEyNS02LjI2Mi02LjY2NC04LjI2NCBjLTMuMjI3LTAuOTg4LTEuOTY2LTQuODU3LTUuNzgyLTQuODU3Yy0zLjgxNyAwLTMuMTY2IDIuNTA3LTMuMDYxIDQuNjg4YzAuMDgzIDEuNyAyLjUgMi45IDIuMiAzLjggYy04LjIwOCAyNC44ODctMjIuMjQzIDM0LjUxMi0xMi44NDIgMTMuOTVjOS44MjgtMjEuNDk2IDQuMDk3LTIwLjExMi0yLjA2Mi0xOS41MjFjMCAwLTQuMTE4IDEuMzg1LTAuOTU0LTIuNDI3IEMyNDUuNDgyIDYyLjggMjUwLjMgNjAuMiAyNTIuNSA2MC4xNTV6IE0zNTcuNjA4IDc2LjcwMmMyLjkzNSAwLjEgMy4zIDMuOSAyLjMgNS45IGMtMS4wMzYgMS45MzgtNi4xNzMgNC41MjktMTAuNTYzIDQuNDQxQzM1MC4zMzggNzguOCAzNTUuMSA3Ni42IDM1Ny42IDc2LjcwMnogTTI4OS40NTMgNzYuNiBjMi44NjkgMC4xIDMgNCAxLjkgNS45MDNjLTEuMTI1IDEuOTQ3LTYuMzA4IDQuNTU1LTEwLjYwNyA0LjQ2N0MyODIuMjA3IDc4LjcgMjg3IDc2LjUgMjg5LjUgNzYuNjIyeiIvPjwvZz48L2c+PC9zdmc+) no-repeat left top; } .logo { margin: 0; display: block; } .getSocialWithUs, .socialCallout h1 { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNzAuOTU3IDM4LjUzMSI+PHN0eWxlPi5zdHlsZTB7ZmlsbDoJIzAwNzA0QTt9PC9zdHlsZT48Zz48cGF0aCBkPSJNNy42MjggNC4yNzNjLTUuMTEzIDAtOCAzLjA5Ny04IDguNTE2djE3LjYxM2MwIDUuNCAyLjkgOC41IDggOC41MTZzOC0zLjA5NyA4LTguNTE2VjE5LjgwNmgtN3Y1aDIgdjUuOTM0YzAgMi40Mi0wLjg0MyAzLjI5MS0yLjUgMy4yOTFzLTIuNS0wLjg3MS0yLjUtMy4yOTFWMTIuNDVjMC0yLjQxOSAwLjg0My0zLjMzOCAyLjUtMy4zMzhzMi41IDAuOSAyLjUgMy4zMzh2My4zNTZoNSB2LTMuMDE4QzE1LjYyOCA3LjQgMTIuNyA0LjMgNy42IDQuMjczeiIgY2xhc3M9InN0eWxlMCIvPjxwb2x5Z29uIHBvaW50cz0iMTguNiwzOC44IDMyLjYsMzguOCAzMi42LDMzLjggMjMuNiwzMy44IDIzLjYsMjMuOCAzMS42LDIzLjggMzEuNiwxOC44IDIzLjYsMTguOCAyMy42LDkuOCAzMi42LDkuOCAzMi42LDQuOCAxOC42LDQuOCIgY2xhc3M9InN0eWxlMCIvPjxwb2x5Z29uIHBvaW50cz0iMzQuNiw5LjggNDAuNiw5LjggNDAuNiwzOC44IDQ1LjYsMzguOCA0NS42LDkuOCA1MC42LDkuOCA1MC42LDQuOCAzNC42LDQuOCIgY2xhc3M9InN0eWxlMCIvPjxwYXRoIGQ9Ik02Ny44MzEgNC4yNzNjLTUuMDY1IDAtNy43MzMgMy4wOTctNy43MzMgOC41MTZjMCA5LjcgMTAuMSAxMSAxMC4xIDE4IGMwIDIuNDItMS4xNSAzLjI5MS0yLjgwNyAzLjI5MWMtMS42NTcgMC0yLjgwOC0wLjg3MS0yLjgwOC0zLjI5MXYtMi45MzRoLTV2Mi41OTZjMCA1LjQgMi44IDguNSA3LjkgOC41IGM1LjExMyAwIDcuODMtMy4wOTcgNy44My04LjUxNmMwLTkuNjc4LTEwLjExMy0xMC45ODQtMTAuMTEzLTE3Ljk1MmMwLTIuNDE5IDEuMDM3LTMuMzM4IDIuNjkzLTMuMzM4IGMxLjY1NyAwIDIuNyAwLjkgMi43IDMuMzM4djEuMzU2aDV2LTEuMDE4Qzc1LjYyOCA3LjQgNzIuOSA0LjMgNjcuOCA0LjI3M3oiIGNsYXNzPSJzdHlsZTAiLz48cGF0aCBkPSJNODUuNjI4IDQuMjczYy01LjExMyAwLTggMy4wOTctOCA4LjUxNnYxNy42MTNjMCA1LjQgMi45IDguNSA4IDguNTE2YzUuMTEzIDAgOC0zLjA5NyA4LTguNTE2IFYxMi43ODlDOTMuNjI4IDcuNCA5MC43IDQuMyA4NS42IDQuMjczeiBNODguNjI4IDMwLjc0YzAgMi40Mi0wLjg0MyAzLjMzOS0yLjUgMy4zMzljLTEuNjU3IDAtMi41LTAuOTE5LTIuNS0zLjMzOVYxMi40NSBjMC0yLjQxOSAwLjg0My0zLjMzOCAyLjUtMy4zMzhjMS42NTcgMCAyLjUgMC45IDIuNSAzLjMzOFYzMC43NHoiIGNsYXNzPSJzdHlsZTAiLz48cGF0aCBkPSJNMTA0LjYyOCA0LjI3M2MtNS4xMTMgMC04IDMuMDk3LTggOC41MTZ2MTcuNjEzYzAgNS40IDIuOSA4LjUgOCA4LjUxNnM4LTMuMDk3IDgtOC41MTZ2LTQuNTk2aC01IHY0LjkzNGMwIDIuNDItMS4zNDMgMy4yOTEtMyAzLjI5MXMtMy0wLjg3MS0zLTMuMjkxVjEyLjQ1YzAtMi40MTkgMS4zNDMtMy4zMzggMy0zLjMzOHMzIDAuOSAzIDMuMzM4djMuMzU2aDV2LTMuMDE4IEMxMTIuNjI4IDcuNCAxMDkuNyA0LjMgMTA0LjYgNC4yNzN6IiBjbGFzcz0ic3R5bGUwIi8+PHJlY3QgeD0iMTE1LjYiIHk9IjQuOCIgd2lkdGg9IjUiIGhlaWdodD0iMzQiIGNsYXNzPSJzdHlsZTAiLz48cGF0aCBkPSJNMTI4LjM1MSA0LjgwNmwtNS4zMDIgMzRoNC43ODFsMC45LTZoNi4zOTFsMC44OTkgNmg1LjI1NWwtNS4zMDMtMzRIMTI4LjM1MXogTTEyOS4zOTMgMjcuOCBsMi41MDktMTcuMTI5bDIuNTA5IDE3LjEyOUgxMjkuMzkzeiIgY2xhc3M9InN0eWxlMCIvPjxwb2x5Z29uIHBvaW50cz0iMTQ4LjYsNC44IDE0My42LDQuOCAxNDMuNiwzOC44IDE1Ny42LDM4LjggMTU3LjYsMzMuOCAxNDguNiwzMy44IiBjbGFzcz0ic3R5bGUwIi8+PHBhdGggZD0iTTE4MC42NCAyMS40MTZjLTAuMDg1IDAuNDgxLTAuMTI4IDEuMDA2LTAuMTI4IDEuNDg2YzAgMi4zIDAuOSA0LjcgMy41IDQuNyBjNS4xMzEgMCAxMC4xNzgtMTEuMDU4IDEwLjE3OC0xNC42NDJjMC0xLjYxNy0wLjY4NS0yLjYyMi0xLjQ1NC0yLjYyMmMtMC4yMTQgMC0wLjM4NSAwLjEzMS0wLjU5OSAwLjQgYzAuMDQzIDAuMiAwIDAuNCAwIDAuNjk5YzAgMy44NDYtNS42MDMgMTIuNjc1LTguMDQgMTIuNjc1Yy0wLjU5OSAwLTEuMDI2LTAuNjU1LTEuMDI2LTEuNzQ5IGMwLTMuMzIxIDEuNzk2LTUuMzc1IDMuNTUtOC4xNzJjMC4zNDItMC41NjggMC4zODUtMS4wMDUgMC4zODUtMS40NDJjMC0wLjc0My0wLjM0My0xLjM5OS0xLjI0LTEuMzk5IGMtMS4wMjYgMC0xLjQ1NCAwLjUyNC0yLjEzOSAxLjYxN2MtMi43MzYgNC4yODMtNy42OTcgMTAuNjIxLTguOTM4IDEwLjYyMWMtMC4yNTYgMC0wLjM0Mi0wLjE3Ni0wLjM0Mi0wLjQ4IGMwLTEuNzQ5IDEuNjY4LTQuNjc3IDMuMjUtNy4xNjhjMS43NTMtMi42NjYgMi4zOTUtMi4yMjkgMi4zOTUtMy4xMDNjMC0wLjc0My0wLjk0LTEuODc5LTEuOTY3LTEuODc5IGMtMC44OTggMC0xLjc5NiAwLjY1Ni0zLjc2NCAzLjkzNGMtMS40NTMgMi40NDctMy4zNzggNi4yMDYtMy4zNzggOC42OThjMCAyLjEgMi40IDMuOSAzLjQgMy45IEMxNzYuNTc4IDI3LjQgMTgwLjEgMjIuMiAxODAuNiAyMS40MTZ6IiBjbGFzcz0ic3R5bGUwIi8+PHBhdGggZD0iTTIwMy44MTggOC40NzljMS40NTQgMCAyLjk1MS0xLjQ0MiAyLjk1MS0zLjEwM2MwLTEuMzExLTAuNzcxLTEuODc5LTEuNjY4LTEuODc5IGMtMS40NTQgMC0yLjkwOCAxLjIyNC0yLjkwOCAyLjkyOEMyMDIuMTkzIDcuNiAyMDIuOCA4LjUgMjAzLjggOC40Nzl6IiBjbGFzcz0ic3R5bGUwIi8+PHBhdGggZD0iTTE5NC43OTQgMTkuNjI1Yy0wLjUxMyAxLjI2OC0wLjg1NCAyLjM1OS0wLjg1NCAzLjg5YzAgMiAxLjIgMy45IDMuMyAzLjkgYzEuOTU2IDAgMy45NDQtMS43NjEgNS45MDktMy45ODNjMC4yNDIgMi4yIDEuNSA0IDMuOSAzLjk4M2MxLjQwNiAwIDIuOTM0LTAuOTg2IDQuMjY2LTIuMTQzIGMtMC4wOTYgMC4xOTYtMC4xNjEgMC4zNDQtMC4xNjEgMC4zOTVjMCAwLjcgMC45IDIuMSAxLjkgMi4wNTRjMC44MTIgMCAxLjMyNi0wLjYxMSAyLjY5NC0yLjE4NiBjMi4yMjQtMi40OSA2LjItNi44MTggOC4wODItOC4yMTZjLTEuNDExIDIuMTQyLTIuMjI0IDQuNTQ1LTIuMjI0IDYuNDY4YzAgMi4xIDAuOSAzLjYgMy4zIDMuNiBjMi41MjMgMCA1LjY0NS0zLjQ5NyA3LjU2OS01Ljk0NGMwLjg5Ny0xLjEzNyAxLjQ1NC0yLjAxIDEuNDU0LTIuNDkxYzAtMC45MTgtMC4zNDMtMS4zNTQtMC44OTgtMS4zNTQgYy0wLjMgMC0wLjY0MiAwLjE3NS0xLjYyNSAxLjUyOWMtMS45NjcgMi43MS00LjMxOSA0LjY3Ny01Ljg1OCA0LjY3N2MtMC4zODUgMC0wLjc3MS0wLjEzMS0wLjc3MS0wLjY1NSBjMC0zLjcxNSA0Ljc5LTkuNDQxIDQuNzktOS45MjJjMC0wLjM5My0wLjUxMy0yLjAxLTEuNzExLTIuMDFjLTEuMjgyIDAtOC42MzggNi45MDYtMTAuNjA1IDkgYzQuMTkxLTcuNjQ4IDcuOTU0LTEzLjE1NSA5LjQ1MS0xNS4zNDFjMS4xOTctMS43NDggMS41NC0yLjM2IDEuNTQtMi44NDFjMC0wLjM1LTAuMjU3LTIuMDU0LTEuMjQtMi4wNTQgYy0wLjQyOCAwLTEuNDExIDAuMTMxLTEuNzU0IDAuNDM3Yy0wLjM0MiAwLjIxOS0yLjM5NSAzLjgwMy00LjMxOSA3LjI5OWMtMy4wOTcgNS42My01Ljg4MiA5LjQ4NS02LjY4OCAxMC45IGMtMC41MDkgMC41ODEtMS4xNTEgMS4zNDItMS45OTMgMi4wOTVjLTEuNDU0IDEuMzU0LTMuMjkzIDMuMTAzLTQuODc1IDMuMTAzYy0wLjY4NSAwLTAuOTgzLTAuNDM3LTAuOTgzLTEuMzEyIGMwLTIuMzU5IDMuMjUtNy45NTQgNC45Ni05Ljc0NmMwLjk0MS0wLjA4NyAxLjcxMS0wLjEzMSAyLjY1MS0wLjEzMWMxLjE5OCAwIDIgMCAyLjYgMCBjMC45NCAwIDEuNDExLTAuOTA4IDEuNDExLTEuNDc2YzAtMS4yMjQtMS40MTEtMi40MzctMi41MjMtMi40MzdoLTEuNTM5YzEuNDU0LTIgMi4xMzgtMi43MjEgMi4xMzgtMy4xMTMgYzAtMC4zNS0wLjY4NC0wLjc5Mi0xLjMyNS0wLjc5MmMtMC45ODMgMC0xLjYyNSAwLjc4NC00LjcwNCA0LjIzN2MtMS44MzkgMC4wODctNy42OTcgMC40MTQtNy42OTcgMi4xIGMwIDEgMS41IDIuMSAyIDIuMTA4YzAuNTU2IDAgMi41NjUtMC4yMTMgMy4xMjEtMC4yNTdsLTMuMzc4IDUuNDY2Yy0wLjA0NiAwLjA3Ny0wLjA3OSAwLjE2OC0wLjEyMyAwLjIgYy0wLjQ0NyAwLjU1Ni0xLjA0IDEuMzA3LTEuOTMgMi4yODljLTEuNzk2IDIuMDEtMy4xNjQgMi43MS00LjE0NyAyLjcxYy0wLjM4NSAwLTAuODU1LTAuMjE5LTAuODU1LTEuMzk4IGMwLTIuNjIyIDIuNjUxLTYuMjUgNC4yNzYtOC4zMDRjMC43MjctMC45MTggMS4wNjktMS4yNjggMS4wNjktMS41NzNjMC0wLjc4Ny0wLjcyOC0xLjk2Ny0xLjY2OC0xLjk2NyBjLTEuMjgzIDAtMS41NCAxLjA5Mi0zLjc2NCA0LjIzOWMtMi4wMSAyLjg4NS0yLjc3OSA0LjA2NS0yLjc3OSA0LjU4OUMxOTQuMjgyIDE5LjYgMTk0LjQgMTkuNiAxOTQuOCAxOS42MjV6IiBjbGFzcz0ic3R5bGUwIi8+PHBhdGggZD0iTTI3MC4zNTggOC43ODVjMC0wLjc4Ny0wLjg1NS0xLjE4LTIuMDUzLTEuMThjLTAuMyAwLTAuMjU3IDAuMTc1LTEuMzI2IDEuNSBjLTAuOTgzIDEuMjY4LTQuOTE4IDYuNzc0LTYuMTU4IDcuOTk4Yy0wLjEyOC0wLjA0My0wLjI5OS0wLjA4Ny0wLjQyOC0wLjA4N2MtMC4yMTMgMC0wLjI5OSAwLjA0NC0wLjQyNyAwLjIgYy0wLjY3MSAwLjY4Ni0xLjI3MSAxLjY4Ny0xLjU2MyAyLjg5OWMtMC4wMjEgMC4wMjQtMC4wNCAwLjA0OC0wLjA2MiAwLjA3M2MtMS4zMjUgMS41NzMtMy40NjQgMy41NC00Ljk2MSAzLjUgYy0wLjM4NSAwLTAuNzctMC4xMzItMC43Ny0wLjgzMWMwLTIuMzU5IDIuMDUzLTUuNTA3IDMuNTUtNy42OTJjMS4yNC0xLjgzNiAyLjA1My0yLjQwNCAyLjA1My0yLjc1M3MtMC4zLTEuODc5LTEuNDU0LTEuODc5IGMtMC41MTQgMC0xLjQ1NCAwLjIxOC0xLjk2OCAwLjc0M2MtMC41OTkgMC42MTItMS4zNjggMi4zMTYtNC4zMTggNi43NzRjLTEuMjQgMS44OC0zLjcyMSA1LjMzMy01LjUxNyA1LjMgYy0wLjQ3MSAwLTAuNjg1LTAuNjEyLTAuNjg1LTEuMDA2YzAtMS45NjcgMi45OTMtNi43NzQgNS4wMDQtOS4wOTFjMC41NTYtMC42NTYgMS4xNTQtMC45NjEgMS4xNTQtMS40NDIgYzAtMC4zMDYtMC40MjgtMS4zMTEtMS43MTEtMS4zMTFjLTEuMTU0IDAtMi41NjUgMS4yNjctNC44MzIgNC42NzZjLTEuNjI1IDIuNDQ4LTIuOTUgNS4zMzItMi45NSA3LjIgYzAgMi4zIDEuOSA1IDQuMSA0Ljk4MmMxLjgzOSAwIDMuODA2LTIuNjY2IDQuMjc2LTMuMzY1YzAuMyAyIDEuNiAzLjMgMy4zIDMuMyBjMS43MTkgMCAzLjYxOS0xLjM2MyA1Ljg1OC0zLjg5NmMwLjY1MyAyLjEgMi4zIDMuOSA0LjIgMy45MzljNC4wMiAwIDYuMTU4LTUuMTE0IDcuNDQtMTMuODEyIGMwLjIxNC0xLjU3MyAwLjc3MS0yLjMxNiAwLjc3MS0zLjE5QzI3MC45NTcgOS44IDI3MC42IDkuMyAyNzAuNCA4Ljc4NXogTTI2Mi41NzUgMjMuNyBjLTAuNjg1IDAtMS4xNTUtMC4zNTEtMS4xNTUtMS42NjFjMC0wLjUyNCAwLjA4Ni0xLjI2OCAwLjMtMS44NzljMS4zNjgtMS44MzYgMy41MDctNC41NDYgNS40MzEtNy4xNjggQzI2Ni41OTQgMTUuMSAyNjUuNyAyMy43IDI2Mi42IDIzLjczM3oiIGNsYXNzPSJzdHlsZTAiLz48cGF0aCBkPSJNMjY1LjI1MyAzNS44MDZoLTkxLjVjLTAuODI4IDAtMS41IDAuNjcyLTEuNSAxLjVzMC42NzIgMS41IDEuNSAxLjVoOTEuNWMwLjgyOCAwIDEuNS0wLjY3MiAxLjUtMS41IFMyNjYuMDgyIDM1LjggMjY1LjMgMzUuODA2eiIgY2xhc3M9InN0eWxlMCIvPjwvZz48L3N2Zz4=) no-repeat left top; display: block; } .socialIconsL, .socialCallout .socialIcons a, .pageFooter .secondaryNav .socialIcons a { width: 34px; height: 34px; } .socialIconsL:before, .socialCallout .socialIcons a:before, .pageFooter .secondaryNav .socialIcons a:before { width: 34px; height: 34px; line-height: 34px; font-size: 28px; } .buttonLink { border: 4px solid #fff; -webkit-border-radius: 10px; border-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background: #00704a; color: #fff; font-size: 24px; font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; line-height: 28px; padding: 4px 6px 10px 6px; display: block; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 8px; } .buttonLink.continue:after { content: '\e015'; font-size: 18px; font-size: 1.8rem; font-family: 'icomoon'; padding-left: 10px; line-height: 18px; line-height: 1.8rem; vertical-align: middle; } .buttonLink:active, .buttonLink:hover { color: #00704a; background: #fff; border-color: #00704a; } .buttonLinkMid { border: 4px solid #fff; -webkit-border-radius: 10px; border-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background: #00704a; color: #fff; font-size: 24px; font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; line-height: 28px; padding: 4px 6px 10px 6px; display: block; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 8px; } .buttonLinkMid.continue:after { content: '\e015'; font-size: 18px; font-size: 1.8rem; font-family: 'icomoon'; padding-left: 10px; line-height: 18px; line-height: 1.8rem; vertical-align: middle; } .buttonLinkMid:active, .buttonLinkMid:hover { color: #00704a; background: #fff; border-color: #00704a; } .extButton, .backButton, .formLayout .FormButton, .mcStories .submitStory .after .extButtonSubmit input { border: 4px solid #fff; -webkit-border-radius: 10px; border-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background: #00704a; color: #fff; font-size: 14px; font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; line-height: 18px; padding: 4px 6px 10px 6px; display: block; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-color: #00704a; background: #fff; padding: 7px 30px 7px 15px; font-family: 'FrutigerLTCom-Bold', sans-serif; font-weight: normal; color: #00704a; text-align: left; position: relative; } .extButton.continue:after, .continue.backButton:after, .formLayout .continue.FormButton:after, .mcStories .submitStory .after .extButtonSubmit input.continue:after { content: '\e015'; font-size: 18px; font-size: 1.8rem; font-family: 'icomoon'; padding-left: 10px; line-height: 18px; line-height: 1.8rem; vertical-align: middle; } .extButton:active, .backButton:active, .formLayout .FormButton:active, .mcStories .submitStory .after .extButtonSubmit input:active, .extButton:hover, .backButton:hover, .formLayout .FormButton:hover, .mcStories .submitStory .after .extButtonSubmit input:hover { color: #00704a; background: #fff; border-color: #00704a; } .extButton:after, .backButton:after, .formLayout .FormButton:after, .mcStories .submitStory .after .extButtonSubmit input:after { color: #d31145; content: '\e015'; font-size: 12px; font-size: 1.2rem; font-family: 'icomoon'; padding-left: 20px; line-height: 18px; vertical-align: middle; position: absolute; right: 15px; } .extButton:active, .backButton:active, .formLayout .FormButton:active, .mcStories .submitStory .after .extButtonSubmit input:active, .extButton:hover, .backButton:hover, .formLayout .FormButton:hover, .mcStories .submitStory .after .extButtonSubmit input:hover { color: #fff; background: #00704a; border-color: #00704a; } .extButton:active:after, .backButton:active:after, .formLayout .FormButton:active:after, .mcStories .submitStory .after .extButtonSubmit input:active:after, .extButton:hover:after, .backButton:hover:after, .formLayout .FormButton:hover:after, .mcStories .submitStory .after .extButtonSubmit input:hover:after { color: #fff; } .backButton { padding: 7px 15px 7px 25px; } .backButton:after { content: '\e017'; left: -10px; right: auto; } .pageHeaderFancy { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; text-align: center; color: #00704a; padding: 0 30px; margin-top: 0; } .pageHeaderFancy .embellishment { font-size: 15px; font-size: 1.5rem; display: inline-block; border-top: 3px solid #00704a; border-bottom: 3px solid #00704a; vertical-align: middle; padding: 0 0 2px; margin-top: 1px; line-height: 18px; line-height: 1.8rem; } .pageSubheadFancy { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #00704a; text-align: center; border-top: 4px solid #f5f2e7; margin-top: 40px; } .pageSubheadFancy span { background: #fff; padding: 0 10px; position: relative; top: -15px; } .pointer { display: block; text-decoration: none; width: 45px; height: 45px; font-size: 40px; font-family: 'icomoon'; speak: none; text-align: center; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 45px; -webkit-font-smoothing: antialiased; color: #d31145; } .vernonRudolphSignature { width: 305px; height: 73px; } .continueIcon, .continueLink { position: relative; padding-right: 10px; } .continueIcon:after, .continueLink:after { content: '\e015'; font-family: 'icomoon'; font-size: 9px; /*line-height: 18px;*/ speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /* position: absolute; right: 0; margin-top: -5px; top: 50%; width: 10px; text-align: right; display: block; */ padding-left: 5px; } .iconOnly.toTop { width: 80px; height: 80px; left: 50%; margin-left: -40px; margin-top: 20px; position: relative; behavior: url(../pie/PIE.htc); } .iconOnly.toTop:before { line-height: 80px; width: 80px; height: 80px; font-size: 75px; background: #fff; -webkit-border-radius: 40px; border-radius: 40px; border-top-left-radius: 40px; border-top-right-radius: 40px; border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; } .slideNext, .slidePrev { background: #00704a; height: 94px; width: 47px; position: absolute; top: 50%; margin-top: -47px; left: -15px; text-align: center; overflow: hidden; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .slideNext:before, .slidePrev:before { content: '\e'; display: block; text-decoration: none; width: 24px; height: 94px; font-size: 20px; font-family: 'icomoon'; speak: none; text-align: center; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 94px; -webkit-font-smoothing: antialiased; color: #fff; } .slideNext:hover, .slideNext:active, .slidePrev:hover, .slidePrev:active { background: #09835a; } .slideNext.inactive, .slidePrev.inactive { display: none; } .slidePrev { -moz-border-radius-topright: 94px; -webkit-border-top-right-radius: 94px; border-top-right-radius: 94px; -moz-border-radius-bottomright: 94px; -webkit-border-bottom-right-radius: 94px; border-bottom-right-radius: 94px; } .slidePrev:before { content: '\e017'; margin-left: 15px; } .slideNext { right: -15px; left: auto; -moz-border-radius-topleft: 94px; -webkit-border-top-left-radius: 94px; border-top-left-radius: 94px; -moz-border-radius-bottomleft: 94px; -webkit-border-bottom-left-radius: 94px; border-bottom-left-radius: 94px; } .slideNext:before { content: '\e015'; margin-left: 8px; } .paused .slideNext, .paused .slidePrev { display: none; } #hotlight { display: none; } .no-svg #hotlight .go { background: url(../img/svgFallback/hotLightOn.png) no-repeat left top; } .linkToggler, .buttonToggler { position: relative; padding-right: 24px; display: block; cursor: pointer; } .linkToggler:after, .buttonToggler:after { content: '\e00e'; color: #d31145; font-family: 'icomoon'; position: absolute; width: 15px; height: 18px; line-height: 16px; right: 8px; font-size: 8px; top: 50%; margin-top: -8px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; } .linkToggler.circleToggler, .circleToggler.buttonToggler { padding-right: 35px; } .linkToggler.circleToggler:after, .circleToggler.buttonToggler:after { width: 25px; height: 25px; font-family: 'icomoon'; background: #fff; -webkit-border-radius: 50%; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border: 2px solid #00704a; text-align: center; line-height: 25px; color: #d31145; margin-top: -14px; right: 0; } .linkToggler.active:after, .active.buttonToggler:after { content: '\e00f'; } .buttonToggler { border: 4px solid #eeead9; background: #fff; cursor: pointer; padding: 7px 24px 7px 12px; -webkit-border-radius: 10px; border-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .buttonToggler:after { top: 10px; margin-top: 0; } .buttonToggler.primary { border-color: #00704a; } .active > .buttonToggler:after, .active > .linkToggler:after, .active > .buttonToggler:after { content: '\e00f'; } .largeContent { margin-top: 10px; float: left; margin-left: -10px; background: #f5f2e7; position: relative; padding: 20px 10px; width: 100%; } .largeContent:after { content: ""; position: absolute; border-width: 0 15px 15px; border-style: solid; border-color: #f5f2e7 transparent; display: block; width: 0; top: -15px; left: auto; bottom: auto; } .largeContent:after { right: 72px; } .fauxCheck, .checkboxWrap, .fauxRadio, .radioWrap { line-height: 16px; padding: 4px 0 4px 30px; display: block; height: 16px; color: #000; position: relative; } .fauxCheck:before, .checkboxWrap:before, .fauxRadio:before, .radioWrap:before { content: ''; background: #fff; display: block; position: absolute; left: 0; top: 0; vertical-align: middle; width: 20px; height: 20px; border: 2px solid #00704a; -webkit-border-radius: 3px; border-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .fauxCheck:active, .checkboxWrap:active, .fauxCheck:hover, .checkboxWrap:hover, .fauxRadio:active, .radioWrap:active, .fauxRadio:hover, .radioWrap:hover { color: #000; } .fauxCheck:active:before, .checkboxWrap:active:before, .fauxCheck:hover:before, .checkboxWrap:hover:before, .fauxRadio:active:before, .radioWrap:active:before, .fauxRadio:hover:before, .radioWrap:hover:before { border-color: #7ab4a1; } .fauxCheck.active:before, .active.checkboxWrap:before, .fauxRadio.active:before, .active.radioWrap:before { content: '\e02a'; color: #d31145; font-family: 'icomoon'; font-size: 12px; vertical-align: middle; text-align: center; line-height: 20px; } .fauxRadio:before, .radioWrap:before { -webkit-border-radius: 50%; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } .fauxRadio:active, .radioWrap:active, .fauxRadio:hover, .radioWrap:hover { color: #000; } .fauxRadio:active:before, .radioWrap:active:before, .fauxRadio:hover:before, .radioWrap:hover:before { border-color: #7ab4a1; } .fauxRadio.active:before, .active.radioWrap:before { content: ''; } .fauxRadio.active:after, .active.radioWrap:after { content: ''; width: 10px; height: 10px; display: block; -webkit-border-radius: 5px; border-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background: #d31145; position: absolute; top: 7px; left: 7px; } .listSelector, .listDropdown { position: relative; } .listSelector ul, .listDropdown ul { background: #fff; border: 4px solid #00704a; padding: 12px; -webkit-border-radius: 5px; border-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; position: absolute; z-index: 3; top: 55px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; list-style: none; } .listSelector ul:before, .listDropdown ul:before { content: ""; position: absolute; bottom: -10px; top: auto; right: 36px; left: auto; border-width: 10px 10px 0; border-style: solid; border-color: #00704a transparent; display: block; width: 0; top: -10px; bottom: auto; right: auto; left: 30%; margin-left: -30px; border-width: 0 10px 10px; } .listSelector ul:after, .listDropdown ul:after { content: ""; position: absolute; bottom: -5px; right: 41px; top: auto; left: auto; border-width: 5px 5px 0; border-style: solid; border-color: #fff transparent; display: block; width: 0; top: -5px; bottom: auto; left: auto; left: 30%; margin-left: -25px; border-width: 0 5px 5px; } .listSelector ul:before, .listDropdown ul:before { left: 50%; margin-left: -10px; } .listSelector ul:after, .listDropdown ul:after { left: 50%; margin-left: -5px; } .listSelector ul li, .listDropdown ul li { padding: 6px 0 0 0; margin: 6px 0 0 0; border-top: 3px solid #eeead9; } .listSelector ul li:first-child, .listDropdown ul li:first-child { border-top: 0 none; margin: 0; padding: 0; } .listSelector ul li a, .listDropdown ul li a { display: block; } .listSelector ul li a.active, .listDropdown ul li a.active { color: #d31145; } .listSelector ul li a:before, .listDropdown ul li a:before { display: inline-block; text-align: center; vertical-align: middle; margin-right: 5px; } .listSelector ul li a.reversedIcon:before, .listDropdown ul li a.reversedIcon:before { margin-right: 8px; } .limitedTime, .productGrid .product.badge_limitedTime a:after, .productContent > h1.badge_limitedTime, .wholesaleContent > h1.badge_limitedTime { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxODQuOTg5cHgiIGhlaWdodD0iMTg0Ljk4OXB4IiB2aWV3Qm94PSIwIDAgMTg0Ljk4OSAxODQuOTg5Ij48c3R5bGU+LnN0eWxlMHtmaWxsOgkjRkZGRkZGO30uc3R5bGUxe2ZpbGw6CSMwMDcwNEE7fTwvc3R5bGU+PGc+PHBhdGggZD0iTTkyLjQ5NSAxODAuODMxYy00OC43MDkgMC04OC4zMzctMzkuNjI4LTg4LjMzNy04OC4zMzdTNDMuNzg2IDQuMiA5Mi41IDQuMiBjNDguNzA4IDAgODguMyAzOS42IDg4LjMgODguMzM2UzE0MS4yMDMgMTgwLjggOTIuNSAxODAuODMxeiIgY2xhc3M9InN0eWxlMCIvPjxwYXRoIGQ9Ik05Mi40OTUgOC4zMTZjNDYuNDg5IDAgODQuMiAzNy43IDg0LjIgODQuMTc4cy0zNy42ODggODQuMTc4LTg0LjE3NyA4NC4yIGMtNDYuNDkgMC04NC4xNzktMzcuNjg4LTg0LjE3OS04NC4xNzhTNDYuMDA1IDguMyA5Mi41IDguMyBNOTIuNDk1IDBDODAuMDEyIDAgNjcuOSAyLjQgNTYuNSA3LjMgYy0xMS4wMTYgNC42NTktMjAuOTA2IDExLjMyNy0yOS4zOTggMTkuODE5UzExLjkzMSA0NS41IDcuMyA1Ni40ODhDMi40NDYgNjcuOSAwIDgwIDAgOTIuNSBjMCAxMi41IDIuNCAyNC42IDcuMyAzNi4wMDZjNC42NTkgMTEgMTEuMyAyMC45IDE5LjggMjkuMzk4YzguNDkyIDguNSAxOC40IDE1LjIgMjkuNCAxOS44IGMxMS40MDggNC44IDIzLjUgNy4zIDM2IDcuMjcyYzEyLjQ4MiAwIDI0LjU5Ny0yLjQ0NiAzNi4wMDUtNy4yNzJjMTEuMDE2LTQuNjU4IDIwLjkwNi0xMS4zMjcgMjkuMzk4LTE5LjgxOCBjOC40OTEtOC40OTIgMTUuMTYtMTguMzgzIDE5LjgxOC0yOS4zOThjNC44MjYtMTEuNDA4IDcuMjcyLTIzLjUyMiA3LjI3Mi0zNi4wMDZjMC0xMi40ODItMi40NDYtMjQuNTk3LTcuMjcyLTM2LjAwNiBjLTQuNjU4LTExLjAxNS0xMS4zMjctMjAuOTA1LTE5LjgxOC0yOS4zOTdjLTguNDkyLTguNDkyLTE4LjM4My0xNS4xNi0yOS4zOTgtMTkuODE5QzExNy4wOTIgMi40IDEwNSAwIDkyLjUgMEw5Mi40OTUgMHoiIGNsYXNzPSJzdHlsZTEiLz48L2c+PGc+PHBhdGggZD0iTTU0LjYzNiA3OS4wMzVjLTAuNzkxLTEuMDU0LTEuMTMyLTEuMDk2LTMuMjQ2LTAuNTg3Yy0xLjk1OCAwLjQ3Mi00LjkzNyAxLjUxOS03LjMyOSAyLjggYzAuMjk2LTEuNTIxIDAuODkxLTMuNjkzIDEuMjI2LTQuODkyYzEuMzQxLTQuOTE5IDIuODU4LTkuNjMzIDQuNTYtMTQuMjY4YzAuMTUtMC40MDcgMC4zNC0wLjgyNSAwLjI2NC0xLjE0IGMtMC4xNjgtMC43MDUtMS41OTktMS4zMTItMi4xNDctMS4xODJjLTAuNzA0IDAuMTcxLTEuMjE4IDAuNzkxLTEuODg5IDIuNjQ5Yy0zLjQ0OSA4LjkwNC02Ljc1MyAyMC4xMzYtNi41MjUgMjEuMSBjMC4wODQgMC40IDAuNCAwLjYgMC43IDAuNjZjLTAuMSAwLjI3Mi0wLjE1MSAwLjU3NS0wLjA3NiAwLjg5YzAuMDk0IDAuNCAxLjQgMS41IDEuOSAxLjcgYzAuMTk0IDAuMSAwLjUgMC4xIDAuNiAwLjAyNWMwLjUxLTAuMTIyIDEuNDczLTAuNzY4IDIuNjUtMS4zODNjMi4wOTktMS4wODUgNS4xMTEtMi42OCA4LjU0Mi00LjA4NCBjMS4yNDUtMC41MDYgMS40ODktMC41MjMgMS4zNDEtMS4zMTZDNTUuMTMgNzkuNSA1NC45IDc5LjMgNTQuNiA3OS4wMzV6IiBjbGFzcz0ic3R5bGUxIi8+PHBhdGggZD0iTTY0LjgwNCA3NC42ODRjMS4wMzQtMi4wNzEgMS4zNzUtMy4wNjUgMS4yNTMtMy41NzNjLTAuMTUxLTAuNjI2LTAuNTQ3LTEuMDY5LTEuMDU3LTAuOTQ2IGMtMC42MjYgMC4xNDktMC44MjEgMS4yMzItMi4yNyAzLjgxN2MtMS4yMTEgMi4xOTUtMi4zMTQgMy4xMjQtMy4yMTQgMy4zNDFjLTAuMzUzIDAuMDg0LTAuODMtMC4wMDgtMS4wODQtMS4wNjUgYy0wLjU2NS0yLjM0OCAxLjA3OS02LjE4MyAyLjEyNS04LjM4MWMwLjQ2OC0wLjk4IDAuNzA2LTEuMzY5IDAuNjQxLTEuNjQ0Yy0wLjE3LTAuNzA0LTEuMDktMS42MDEtMS45NTEtMS4zOTQgYy0xLjE3NSAwLjI4MS0xLjE3NCAxLjMxNi0yLjUzMiA0LjYyNWMtMS4yMTkgMy4wMjctMS42NjkgNC4yNTQtMS41NTUgNC43MjNjMC4wNDYgMC4yIDAuMiAwLjIgMC41IDAuMSBjLTAuMTk2IDEuMjQ4LTAuMjczIDIuMyAwLjEgMy42NzNjMC40MzQgMS44IDEuOSAzLjMgMy45IDIuNzg4QzYxLjcwNyA4MC4yIDYzLjMgNzcuNiA2NC44IDc0LjY4NHogTTYxLjUzNSA2Mi4zYzEuMzMyLTAuMzE5IDIuMzkyLTEuOTQgMi4wMzMtMy40MjljLTAuMjgzLTEuMTc2LTEuMTEtMS41MTUtMS45MzMtMS4zMTZjLTEuMzMgMC4zMi0yLjM5NyAxLjczNy0yLjAzMSAzLjMgQzU5Ljg1OSA2MS45IDYwLjYgNjIuNSA2MS41IDYyLjN6IiBjbGFzcz0ic3R5bGUxIi8+PHBhdGggZD0iTTc3LjY4NiA2Ny40ODVjLTAuMzIxIDEuMDctMC42NDggMy42NzUtMC4yMzMgNS4zOThjMC40NDIgMS44IDEuNyAzLjIgMy44IDIuNyBjMi4yNzEtMC41NDggMy45MDgtMy4zODMgNS42MDctNi44MTZjMC42NjctMS4zNjEgMS0yLjU2IDAuODk3LTIuOTg5Yy0wLjA5NC0wLjM5Mi0wLjQ5LTEuMDAyLTAuOTk4LTAuODc5IGMtMC41MSAwLjEyMi0wLjc3OSAwLjcyNi0xLjc4NCAyLjkxNGMtMC45NzcgMi4xNC0yLjY5MyA0LjEyNy0zLjkwNyA0LjQxOGMtMC4zMTMgMC4wNzYtMC44MjEgMC4wMzMtMC45OTktMC43MTEgYy0wLjYzMi0yLjYyNCAwLjkxMS03LjA1MyAxLjUxMS04LjUyMWMwLjM1MS0wLjk1NCAwLjYzOS0xLjQ3OSAwLjU3My0xLjc1NWMtMC4xMDQtMC40MjktMS4wMjEtMS40OTItMi4xNTctMS4yMTkgYy0xLjYwNiAwLjM4Ni0zLjYwNiA1LjY3LTUuNjQzIDkuNTk5YzAuMjQyLTEuMDU1IDAuOTgyLTQuMDA2IDAuNzE5LTUuMTAyYy0wLjE4OC0wLjc4NC0xLjg1My0xLjMzNS0yLjUxOS0xLjE3NSBjLTEuOTE4IDAuNDYyLTQuMDQ4IDUuOS01LjA0MyA3Ljk2M2MwLjg2Ny00LjE0MyAxLjk2LTYuMTQ1IDEuNzA1LTcuMjAzYy0wLjE5Ny0wLjgyMi0wLjkyNS0xLjQzNC0xLjc4Ni0xLjIyNyBjLTAuOTM5IDAuMjI3LTAuODY5IDEuMjA0LTIuMTIyIDQuNzc1Yy0xLjE1NCAzLjQ2Ny0xLjUwMSAzLjkyNS0xLjM2OCA0LjQ3MmMwLjA2NSAwLjMgMC4zIDAuMiAwLjcgMC4yIGMtMS4xODIgNC4zODMtMS43MDIgNS44MzQtMS41MTQgNi42MTdjMC4xNDIgMC42IDEuNSAxLjMgMi4yIDEuMDc1YzAuNzQzLTAuMTggMC44NDgtMC45NDggMS4wNjctMS41ODMgYzEuMzk2LTQuMTg3IDQuNDM2LTExLjAwNSA1LjY4MS0xMS41MTJjLTAuNDMxIDIuMTc0LTAuODk2IDQuMDI1LTEuMjk2IDYuMTVjLTAuNTAxIDIuNTY0LTAuNjA0IDMuMDA0LTAuNDgxIDMuNSBjMC4wOTYgMC40IDEuNiAxLjEgMi42IDAuODYzYzAuODYtMC4yMDYgMC40OTItMC41MzIgMS4wODMtMi4yMDhDNzUuMTg2IDcxLjkgNzcgNjguMSA3Ny43IDY3LjQ4NXoiIGNsYXNzPSJzdHlsZTEiLz48cGF0aCBkPSJNOTUuMzIzIDY3LjM0M2MxLjAzMi0yLjA3MSAxLjM3NC0zLjA2NSAxLjI1Mi0zLjU3M2MtMC4xNS0wLjYyNi0wLjU0OC0xLjA2OS0xLjA1Ni0wLjk0NSBjLTAuNjI2IDAuMTQ5LTAuODIyIDEuMjMxLTIuMjcxIDMuODE1Yy0xLjIxMSAyLjE5Ni0yLjMxMiAzLjEyNC0zLjIxNCAzLjM0M2MtMC4zNTEgMC4wODQtMC44MjktMC4wMDktMS4wODMtMS4wNjQgYy0wLjU2NC0yLjM1IDEuMDgtNi4xODQgMi4xMjQtOC4zODFjMC40Ny0wLjk4MiAwLjcwNi0xLjM3MSAwLjY0MS0xLjY0NmMtMC4xNjktMC43MDMtMS4wODktMS42LTEuOTQ5LTEuMzkzIGMtMS4xNzYgMC4yODEtMS4xNzYgMS4zMTYtMi41MzMgNC42MjdjLTEuMjE4IDMuMDI1LTEuNjY4IDQuMjUyLTEuNTU2IDQuNzIyYzAuMDQ4IDAuMiAwLjIgMC4yIDAuNSAwLjEgYy0wLjE5OCAxLjI0Ny0wLjI3NCAyLjMgMC4xIDMuNjczYzAuNDM0IDEuOCAxLjkgMy4zIDMuOSAyLjc4OEM5Mi4yMjYgNzIuOSA5My44IDcwLjMgOTUuMyA2Ny4zNDN6IE05Mi4wNTQgNTQuOTU5YzEuMzMxLTAuMzIgMi4zOTEtMS45NCAyLjAzMi0zLjQyOWMtMC4yODItMS4xNzUtMS4xMDgtMS41MTUtMS45MzItMS4zMTZjLTEuMzMgMC4zMi0yLjM5OCAxLjczNi0yLjAzIDMuMyBDOTAuMzc4IDU0LjUgOTEuMiA1NS4yIDkyLjEgNTQuOTU5eiIgY2xhc3M9InN0eWxlMSIvPjxwYXRoIGQ9Ik0xMDEuNTQ2IDUzLjI5OGMwLjgzMS0yLjM5NiAxLjMzNy0zLjA1NiAxLjI1My0zLjQwNmMtMC4wNzYtMC4zMTQtMC44MTQtMC42MzQtMS40MDQtMC40OTEgYy0wLjg5OCAwLjIxNi0xLjMyNCAxLjAyMS0zLjQgNC43OTRjLTEuNjY1IDAuNDgzLTYuOTYyIDIuMDQ3LTYuNTk2IDMuNTczYzAuMjA4IDAuOSAxLjggMS42IDIuMyAxLjQgYzAuNTEtMC4xMjIgMi4zMDItMC43NjEgMi44MDItMC45MjNsLTEuOTE2IDUuNjM3Yy0wLjM4MiAxLjE3MS0wLjQwNCAyLjYyNS0wLjEwMyAzLjg3N2MwLjUzNiAyLjIgMi4xIDQgNC43IDMuNCBjMi4xNTYtMC41MTcgNC4wMjYtMy41NzYgNS4wNy01LjQ0M2MxLjAzMy0xLjkwNCAxLjc5MS0zLjU3NyAxLjYzOS00LjIwNGMtMC4xMzEtMC41NDktMC40NzctMS4xMjctMS4xMDUtMC45NzcgYy0wLjU0NyAwLjEzMi0xLjAzIDEuNzM5LTIuMjY4IDMuNDg1Yy0xLjAzOSAxLjUzNS0yLjM0NCAzLjUwNi0zLjc5MyAzLjg1NGMtMC42MjggMC4xNDktMC45OTUtMC4xNzYtMS4xODQtMC45NTggQzk3IDY0LjkgOTguOCA1OS4xIDk5LjkgNTcuMTZjMC44NDItMC4yODUgMS41MzgtMC40OTUgMi40LTAuNzAyYzEuMDk1LTAuMjYyIDEuODQ3LTAuNDAyIDIuMzk2LTAuNTM0IGMwLjg1OS0wLjIwOCAxLjEzMi0wLjk3OCAxLjAxMS0xLjQ4NWMtMC4yNjQtMS4wOTYtMS43ODUtMS43MjUtMi44MDItMS40NzlMMTAxLjU0NiA1My4yOTh6IiBjbGFzcz0ic3R5bGUxIi8+PHBhdGggZD0iTTEwNi44ODMgNjUuMzVjNC4wMjUtNC40NDcgNy4zMTItOS4zOCA2LjYxNi0xMi4yNzZjLTAuMzItMS4zMzEtMS41MTYtMi4xNjMtMi45MjUtMS44MjMgYy00LjAzMSAwLjk3LTguNDI4IDguNTI4LTcuMTI4IDEzLjkzMmMwLjY3MiAyLjggMy4xIDQuMyA2IDMuNTY5YzMuOTE1LTAuOTQyIDcuMDA2LTQuNzkxIDguNDA0LTguMTA4IGMwLjQxOC0xLjAxNCAwLjY2OC0xLjY5NCAwLjU2Ny0yLjEyNWMtMC4xNTItMC42MjYtMC41NTEtMS4wNjktMS4wNTktMC45NDZjLTAuMzEyIDAuMDc2LTAuNTUxIDAuNDYzLTAuOTQgMS4zIGMtMS42OSAzLjQ3Mi0zLjExIDYuMTc0LTYuNzEyIDcuMDQxQzEwOC4zNzEgNjYuMiAxMDcuNCA2NiAxMDYuOSA2NS4zNXogTTEwNi4wNjEgNjMuMyBjLTAuNDI0LTMuODMzIDIuNjk0LTguNDM0IDMuODI5LTguNzA2YzAuMjc0LTAuMDY3IDAuNSAwIDAuNiAwLjM5NkMxMTAuODMzIDU2LjQgMTA4LjUgNjAuNCAxMDYuMSA2My4zMTF6IiBjbGFzcz0ic3R5bGUxIi8+PHBhdGggZD0iTTEyNS4zMTQgNjEuMDhjMC41OTIgMi41IDIuMyAzLjMgMy45IDIuOTE3YzIuNTA3LTAuNjA0IDQuNTItNC44MTQgNS4wNDUtNS44OTMgYzAuOTI0LTEuODM4IDEuNDkzLTMuMDkzIDEuMzUtMy42OGMtMC4xODUtMC43ODMtMC42NzMtMS4wODEtMS4wMjQtMC45OTdjLTAuNTg3IDAuMTQ0LTAuOTc5IDEuMjcxLTEuNzQzIDIuNyBjLTEuNTg5IDMuMDMxLTIuNjQ1IDQuMTU2LTMuNzAzIDQuNDA5Yy0wLjc0NCAwLjE4MS0xLjAwMi0wLjIxMy0xLjA3OC0wLjUyN2MtMC42MDQtMi41MDQgNC41MTgtMTQuNzk0IDUuOTk0LTE4LjEzIGMwLjY3NC0xLjQ4OCAwLjg5Mi0xLjc4OSAwLjgyOC0yLjA2MmMtMC4yNzItMS4xMzYtMS41NTktMS44Mi0yLjY5Mi0xLjU0OWMtMC44NjIgMC4yMDgtMS4wNjcgMS4yNTItMS45MiAzLjcgYy0xLjAzOCAyLjkwMS0yLjExNyA2LjUxNi0yLjk1OSA5LjAzN2MtMS4xMzItMS40MjctMi4yMjktMS44NjYtMy41MjItMS41NTZjLTMuNTYyIDAuODU3LTguODkzIDkuNTExLTcuODAyIDE0LjEgYzAuMzk2IDEuNiAyLjMgMyA0LjIgMi41OTdjMi43MDMtMC42NSA0LjM0NS00LjMxNyA1LjA1LTUuNTIyTDEyNS4zMTQgNjEuMDh6IE0xMTkuNzQyIDYyLjkgYy0wLjM5NCAwLjA5NC0wLjc3Mi0wLjEwNC0wLjg3Ni0wLjUzNGMtMC41ODQtMi40MjggMy4zNzQtOS4yMiA1LjY0Ni05Ljc2NWMwLjU4Ni0wLjE0MSAwLjkgMC4xIDEgMC42IEMxMjYuMDMgNTUuMyAxMjIuMiA2Mi4zIDExOS43IDYyLjg3N3oiIGNsYXNzPSJzdHlsZTEiLz48cGF0aCBkPSJNMzkuMjA0IDEwNi41NTdsNy4zOS0xLjc3N2w5LjI3NCAzOC41NTlsNy4wNy0xLjcwMmwtOS4yNzUtMzguNTU4bDcuMzkyLTEuNzhsLTEuNTQ3LTYuNDI1bC0yMS44NTEgNS4zIEwzOS4yMDQgMTA2LjU1N3oiIGNsYXNzPSJzdHlsZTEiLz48cGF0aCBkPSJNNzMuNTQ2IDEzOS4wODVsNy4wNjktMS42OTdsLTEwLjgyLTQ0Ljk4OGwtNy4wNyAxLjcwMkw3My41NDYgMTM5LjA4NXoiIGNsYXNzPSJzdHlsZTEiLz48cGF0aCBkPSJNODQuNzA2IDg4LjgxMmwtOS44MzIgMi4zNjVsMTAuODIgNDQuOTg1bDYuMTctMS40ODJsLTcuNjUyLTMxLjgxM2wxMi45MjIgMzAuNTQ1bDYuNjg0LTEuNjA2IGwtMi44NzctMzMuNDM4bDcuNzYyIDMyLjI2M2w2LjY4NC0xLjYwOGwtMTAuODIyLTQ0Ljk4NEw5NC43MzIgODYuNGwyLjg2MiAzMy4xTDg0LjcwNiA4OC44MTJ6IiBjbGFzcz0ic3R5bGUxIi8+PHBhdGggZD0iTTExOC4zMjcgODcuNTIzbDEyLjIxMS0yLjkzN2wtMS41NDQtNi40MjdsLTE5LjI4MiA0LjYzOGwxMC44MjIgNDQuOTg1bDE5LjI3OS00LjYzNWwtMS41NDQtNi40MjggbC0xMi4yMTEgMi45MzZsLTMuMTczLTEzLjE3M2w5LjcwNy0yLjMzM2wtMS41NDctNi40MjlsLTkuNzAzIDIuMzM2TDExOC4zMjcgODcuNTIzeiIgY2xhc3M9InN0eWxlMSIvPjxwYXRoIGQ9Ik0xNDcuOTYyIDExMC42NDhsLTMuMDEyLTE2LjQ3NWwtNC41MTQtMTguNzY2bC03LjA2OCAxLjY5OWw0LjUxNCAxOC43NjhsNC44MTIgMTYuMDQzTDE0Ny45NjIgMTEwLjY0OHogTTE0Mi42NzcgMTE1LjI1M2wxLjYzOSA2LjgxbDYuODEzLTEuNjM3bC0xLjYzNy02LjgxMkwxNDIuNjc3IDExNS4yNTN6IiBjbGFzcz0ic3R5bGUxIi8+PC9nPjwvc3ZnPg==) no-repeat left top; } .comingSoon, .productGrid .product.badge_comingSoon a:after, .productContent > h1.badge_comingSoon, .wholesaleContent > h1.badge_comingSoon { background: url("~/App_Themes/krispykreme/img/coming_soon.png") no-repeat left top; } .specialOrder, .productGrid .product.badge_specialOrder a:after, .productContent > h1.badge_specialOrder, .wholesaleContent > h1.badge_specialOrder { background: url("~/App_Themes/krispykreme/img/special_order.png") no-repeat left top; } .backLink:before { content: '\e017'; color: #d31145; display: inline; padding-right: 10px; font-size: 12px; font-family: 'icomoon'; speak: none; -webkit-font-smoothing: antialiased; } .tweetButtonStyle, .tweet { display: inline-block; font: normal normal normal 11px/1.7 "Helvetica Neue", Arial, sans-serif; color: #333; font-weight: bold; text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); white-space: nowrap; vertical-align: top; background-color: white; background-image: -moz-linear-gradient(top, #ffffff, #dedede); background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dedede)); background-image: -ms-linear-gradient(top, #ffffff, #dedede); background-image: linear-gradient(to bottom, #ffffff, #dedede); background-image: -o-linear-gradient(top, #ffffff, #dedede); border: #CCC solid 1px; -webkit-border-radius: 3px; border-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; outline: none; position: relative; padding: 0 3px 0 19px; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#dedede'); } .tweetButtonStyle:before, .tweet:before { color: #2CAAE1; font-family: 'icomoon'; position: absolute; font-size: 12px; left: 3px; top: 1px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7); } .tweetButtonStyle:active, .tweet:active, .tweetButtonStyle:hover, .tweet:hover { border-color: #bbb; background-color: #f8f8f8; background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#d9d9d9)); background-image: -moz-linear-gradient(top, #f8f8f8, #d9d9d9); background-image: -o-linear-gradient(top, #f8f8f8, #d9d9d9); background-image: -ms-linear-gradient(top, #f8f8f8, #d9d9d9); background-image: linear-gradient(to bottom, #f8f8f8, #d9d9d9); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #333; } .pinit { background: transparent no-repeat left top; width: 40px; height: 20px; display: inline-block; overflow: hidden; padding-top: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAUCAYAAAD/Rn+7AAADVElEQVR42tWW+UtUURTH+6k/pIWgqGwxMqkoiqisqLQVbaOVAiOhRWihhRYCQ2ih3TSzLIt+KFISypxVZ1HHrUadzdnfMs4446jf7jvQvGLeGP1QTA++cO459577eeee97jjNJov45luMAWYkCYKEhNjkwBL+vqsiMfjSJOHWBiTBHpZAgwMDQ1hdHQ0rSQxSWwSIEZGRtJSEhsBDg8PK2rQ7YGt5CYsO/fDtGoj2rbvgfPBE8QHByn+lzU2oGA0Q5uxAOb12+Aqq4TvfS1spbehm5UNy479iMeG/h0ga8okmddtQeeRIsRZL8TEEKKBAPl5gwmqiTPgqXlLY9HSAVdFFdm/UzTIwXH/cSLXoMcLx91HqebLgKwhk6SaMB2cVo8oz6MpexmMKzf8iJH9tfgc2W2smtqMbLJ/J8eDMsobVOtobD1/Baac3FTzZcBYLJYk9eQMBHXNCGp0lLTjSFEi1rx0Nb6dvUR2//NX8H9uJJvTGxBoUMFb+xHWi9fgq6v/JWegUQNnRVXCNixfy/r7AHhzqxKDDBiNRpPUkpsP2617EHt6QdU0mMgvfuuhI3ZVVoMzt1LM8+4DaE1eATRT56L75FkY2Uelm7vo55xU+e4TZxDhBSk/rW0r2If+6tdKDDJgJBJJUkDfDPf7OrhevqFEvgYV+bvYBro5CxHyemG9WgLNtHkIczzFtDOy0FF4nOxWtrFl7+FEPtHuAL1MXT2NbXcfQj9/CSLhMI0VJAOGw+GUshwohHlTAYyrc9F+sBC6zMXwfmqgmDEnD+2HjpLt1xsIwPmihsH7oJ4yG/byZz/yMP8r+isMCALCAwMwrd2M7tMXxtpbBhxgC1KIqtJ75z5Etwf+JgNCQY78IUGgPu1jX6GXVbdp4QqoJs2E4HDCzXqQqvU5kZtgWvP3grfZ0VlUTHHbo3KKeT41KO0tA4ZCIUUJHi+0M7PA2+2KcXNePh1395lLBNqydRf5fexF1AxWgvA2qslnK3vK+jMTLdt2w1Fdg45jp2Bcw07g8DFYr5cq5ZcBRVFUFOd0wVZRRfafiu93I9jTO+Yczm5ncqSKy4CCIKSj/h/AAHvA83xaiTElrlslXV3t8Pv94DguHUQsjEkCvPLzlT+Yjlf+72LTPFmlB6OmAAAAAElFTkSuQmCC); } .myKKD, .myKKDName { padding-left: 35px; position: relative; } .myKKD:before, .myKKDName:before { content: '\e008'; font-family: 'icomoon'; color: #00704a; font-size: 26px; position: absolute; left: 0; top: 2px; } .myKKDName { padding-bottom: 10px; } .checkboxWrap { width: 24px !important; height: 24px; padding: 0; display: inline-block; vertical-align: middle; } .checkboxWrap input[type="checkbox"] { border: 0 none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1); opacity: 0.01; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; position: absolute; left: 0; top: 0; width: 24px !important; height: 24px; } .radioWrap { width: 24px; height: 24px; padding: 0; display: inline-block; vertical-align: middle; } .radioWrap input[type="radio"] { border: 0 none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1); opacity: 0.01; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; position: absolute; left: 0; top: 0; width: 24px; height: 24px; } .checkboxPair { margin: .75em 0; } .checkboxPair label { padding: 4px; line-height: 16px; vertical-align: middle; } .roundIconBefore, .goLink, .addLink, .myKKDLink { position: relative; line-height: 18px; padding: 2px 0 2px 24px; } .roundIconBefore:before, .goLink:before, .addLink:before, .myKKDLink:before { content: ''; font-family: 'icomoon'; display: block; -webkit-border-radius: 50%; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; color: #d31145; border: 2px solid #00704a; position: absolute; left: 0; top: 0; text-align: center; width: 18px; height: 18px; line-height: 18px; font-size: 10px; } .goLink { display: block; margin: .5em 0; } .goLink:before { content: '\e015'; } .addLink, .myKKDLink { display: block; margin: .5em 0; } .addLink:before, .myKKDLink:before { content: '\e02c'; } .contentBlock h1 { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #00704a; margin-top: 0; } .contentBlock h4 { margin-bottom: 0; } .contentBlock p { margin-top: 0; } .contentSection h1 { margin-top: 0; font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #00704a; } .usa, .countrySelectorToggler { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAMAAABV0m3JAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA7dpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6Rjc3RjExNzQwNzIwNjgxMTgwODNFQjgzQzYyQkQ3QzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUZDRTIxN0NFRjJFMTFFMkI1NzhFREFCQzRGRDkzQ0QiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjAzQjc5NUVFRUY2MTFFMkI1NzhFREFCQzRGRDkzQ0QiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRCODY5OUE4NzAyMDY4MTE4MjJBODk1ODkwNjlEODc2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY3N0YxMTc0MDcyMDY4MTE4MDgzRUI4M0M2MkJEN0MxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/2NOrQAAAQtQTFRF5ri+ymh03Z+n1YeR2ZOcxFZj2paf25mh0n6J1oqT4KeuXVyGWlmEWFeDOThr64uPzXB6W1qF3qOrV1eC142WXl2H7Y2RVVWBy1ZhX16IYWCKtcXYrsLX7YuPVlmFtsncPDtu25Oc6bi8X1+IulNixXWD1ISOzI2a2I+Y7Y2Q7JKVOjZpU1qH2Ky1rsnfxl9rUleFNjVq4JWc2H2GWVmEWViD4auxtMnd4JigWViE24mRUVWDX1yF15ihrMDW05ynV1aC25ujLTBnXV2HNzZqNjVpXFeBW1eC7IyQU1J/YmGKs8fcs8fbVlWByYCN2JOcYGCJU1iGZGOM2pig3J6l642QWFR/5KasXFaAo1bJdgAAAIpJREFUeNpswcMWw0AUANBXYyZOatt2UtvG/39JV+90Mb0XCGlzHC19Uj4bqsL2RnYBEjHKCfhpJakk0esq3XSiDChaXyOKvh6/3agDx/nk4vfWXqeBC+VgEavz/HJWzPYc6AHR/WEU6laCw4YdTaEgbDx5IfyMn63oDrKZIYNqYajwl2hiiF8BBgBCZhIYpYqD0AAAAABJRU5ErkJggg==); } .fb-share, .fb-feed { background: #eceef5; -webkit-border-radius: 3px; border-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: 1px solid #cad4e7; cursor: pointer; padding: 0 3px; vertical-align: top; white-space: nowrap; color: #3b5998; display: inline-block; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; font-size: 11px; height: 18px; line-height: 16px; } .fb-share:hover, .fb-feed:hover { border-color: #9DACCE; color: #3b5998; } .fb-share:before, .fb-feed:before { content: ''; background-image: url(http://static.ak.fbcdn.net/rsrc.php/v2/y-/r/tbhIfdAHjXE.png); background-size: auto; background-repeat: no-repeat; display: inline-block; height: 14px; width: 14px; margin-right: 3px; top: 2px; position: relative; } .required label:after { color: #d31145; content: '*'; } em.required { color: #d31145; font-style: normal; } .hiddenField { visibility: hidden; height: 0; position: absolute; } .clockIcon { padding: 6px 0 0 50px; position: relative; } .clockIcon:before { display: block; text-decoration: none; width: 41px; height: 41px; font-size: 41px; font-family: 'icomoon'; speak: none; text-align: center; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 41px; -webkit-font-smoothing: antialiased; content: '\e032'; color: #d31145; position: absolute; left: 0; top: 0; } .close { cursor: pointer; } .fullColumn { clear: both; padding: 40px 10px; } .download:before { display: inline-block; } .tallShelf { padding: 10px 20px; border-top: 4px solid #eeead9; } .errorText { display: none; color: #d31145; font-size: 10px; font-size: 1rem; } .error .errorText { display: block; padding-top: 3px; } .error input, .error input.searchField { border-color: #d31145; } .column5, .column6, .column9 { width: 100%; clear: both; } .scenery { width: 132%; margin-left: -66%; position: relative; left: 50%; margin-bottom: 40px; } .scenery img { width: 100%; max-width: 1280px; margin: 0 auto; } .mobScenery { width: 100%; position: relative; height: 200px; } .mobScenery img { position: absolute; left: 50%; margin-left: -350px; width: 700px; top: 0; } .largeFormHeader { padding: 0 20px; } .largeFormHeader h2 { padding: 0; margin: 0; font-size: 20px; font-size: 2rem; } .largeFormHeader small { display: inline-block; padding-top: 8px; } .basicContent .largeFormHeader h2, .basicContent.basicLayout h2 { padding: 0; } .basicContent .largeFormHeader h2.sectionStart, .basicContent.basicLayout h2.sectionStart { padding-top: 40px; } .sectionStart { padding-top: 40px; } .columnFifty { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; } .downArrow { text-align: center; position: relative; border-bottom: 4px solid #eeead9; padding-bottom: 6px; margin: 0 6% 30px; } .downArrow:after { font-family: 'icomoon'; color: #d31145; content: '\27'; position: absolute; width: 100%; text-align: center; bottom: -16px; left: 0; font-size: 30px; font-size: 3rem; } .youtubeEmbed { width: 100%; padding-top: 56.25%; height: 0; position: relative; margin-bottom: 1em; } .youtubeEmbed iframe { position: absolute; height: 100%; width: 100%; left: 0; top: 0; } .withButton { margin-bottom: 6px; } .tallScenery { position: relative; margin-bottom: 20px; } .tallScenery img { width: 100%; height: auto; } .scenePromo { position: absolute; right: 10px; bottom: 0; width: 180px; } .scenePromo .shareBox { background: #fff; padding: 6px 0 4px; margin-top: 1em; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; text-align: center; } .scenePromo .shareBox h2 { margin: 0 0 10px; } .scenePromo .extButton, .scenePromo .backButton, .scenePromo .formLayout .FormButton, .formLayout .scenePromo .FormButton, .scenePromo .mcStories .submitStory .after .extButtonSubmit input, .mcStories .submitStory .after .extButtonSubmit .scenePromo input { float: none; } .scenePromo .fancySocial { margin-bottom: 0; } .scenePromo .fancySocial li { padding: 0 2px; } .bannerPromo { width: 100%; padding: 0 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; display: block; } .bannerPromo img { width: 100%; height: suto; } .headlinePunch { font-size: 1.2em; display: inline-block; margin-top: -5px; } .promoPointer { -webkit-border-radius: 10px; border-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background: #fff; border: 4px solid #00704a; color: #d31145; width: 60%; display: block; max-width: 200px; margin: 0 auto; text-align: center; position: relative; } .promoPointer:after { font-family: 'icomoon'; content: '\27'; width: 100%; bottom: -16px; color: #d31145; height: 20px; line-height: 20px; text-align: center; position: absolute; left: 0; font-size: 30px; } .promoPointer p { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; margin: 0; padding: 10px 0; } .promoPointer p span { color: #00704a; display: block; font-size: 24px; } .soloImage { width: 635px; max-width: 90%; height: auto; } .marqueeSecondarySlides * { -webkit-tap-highlight-color: transparent; } .marqueeSecondarySlides .content { text-align: left; width: 60%; } .marqueeSecondarySlides .content h3 { width: 100%; height: 0; } .marqueeSecondarySlides .content > a > img { margin-bottom: 7.5%; width: 100%; height: auto; } .marqueeSecondarySlides .content p { text-align: left; color: #fff; margin-bottom: 10%; margin-top: 0; } .marqueeSecondarySlides .continueLink { color: #ffdca3; margin-top: 10px; text-align: right; float: right; } .continueLink { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; } .continueLink:hover, .continueLink:active { color: #fff; } .no-svg .marqueeSecondarySlides .content h3 { background: url(../img/svgFallback/getOffers.png) no-repeat left top; } .offerSignup { text-align: left; } .offerSignup input { border: 6px solid #b20e3a; height: 52px; float: left; width: 72%; line-height: 38px; } .offerSignup button { height: 52px; line-height: 52px; border: 0 none; background: #b20e3a; display: block; float: right; color: #fff; width: 28%; font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; padding: 0 6px 0 0; } #tintSlidesWrap { position: relative; } #tintSlidesWrap .spinner { top: 135px !important; } .tintPageContainer { position: relative; } .doughnutTint { position: absolute; right: 48px; top: 818px; z-index: 2; } .doughnutTint.dT1 { left: 200px; top: -20px; } .tintWrap { position: relative; height: 300px; width: 263px; margin: 0 auto; } .no-csstransforms { /*.tintWrap { position: relative; height: 300px; width: 300px; float: left; .tint { top: 0; left: 0; margin-left: 0; right: auto; } }*/ } .lt-ie9 .tint a:after { z-index: auto; } .no-borderradius .tint { behavior: url(../pie/PIE.htc); box-shadow: #333 1px 1px 6px; } .no-borderradius .tint.instagramTint img, .no-borderradius .tint.intDoughnutTint figure, .no-borderradius .tint.intDoughnutTint img.primaryImg { width: 255px; height: 255px; margin: 0; -webkit-border-radius: 50%; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; overflow: hidden; display: block; position: relative; behavior: url(../pie/PIE.htc); } .no-borderradius .tint.intDoughnutTint figure, .no-borderradius .tint.intDoughnutTint img.primaryImg { width: 318px; height: 318px; } .tint { width: 255px; height: 255px; display: block; min-width: 120px; position: absolute; border: 4px solid #fff; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 50%; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; -moz-box-shadow: rgba(0, 0, 0, 0.2) 10px 10px 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 10px 10px 8px; box-shadow: rgba(0, 0, 0, 0.2) 10px 10px 8px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .tint a { display: block; width: 255px; height: 255px; overflow: hidden; -webkit-border-radius: 50%; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } .tint a:after { position: absolute; bottom: 7px; left: 50%; margin-left: -25px; } .tint.twitterTint { background: #00704a; } .tint.twitterTint img { margin-left: -35px; margin-top: -30px; -webkit-border-radius: 50%; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; width: 300px; } .tint.twitterTint a { padding: 20px; width: 215px; height: 215px; color: #fff; text-decoration: none; } .tint.twitterTint a .username { display: block; padding: 40px 15px 15px; } .tint.twitterTint a .tweetBody { display: block; } .tint.facebookTint { background: #d31145; } .tint.instagramTint, .tint.intDoughnutTint { overflow: hidden; } .tint.instagramTint img, .tint.intDoughnutTint img { margin-left: -22px; margin-top: -22px; -webkit-border-radius: 50%; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; width: 300px; } .tintSlide, .internationalDoughnut { float: left; width: 100%; position: relative; } #tints .toTop, #tints .loading { display: none; } .socialIcons { float: left; } .socialIcons li { float: left; } .socialIcons li a { color: #00704a; overflow: hidden; padding: 0; } .socialIcons li a:hover { color: #09835a; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; background-color: transparent; } .countrySelectorToggler { background-repeat: no-repeat; background-position: 5px 9px; } .userInfo { display: none; } .primaryNav { display: none; border: 4px solid #00704a; -webkit-border-radius: 8px; border-radius: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background: #fff; margin: 0 3.75%; width: 92.5%; top: 58px; position: absolute; display: none; padding: 12px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .primaryNav .primarySiteLinks a { display: block; padding: 12px; } .primaryNav .primarySiteLinks > ul { margin: 0; } .primaryNav .primarySiteLinks > ul > li { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; } .primaryNav .primarySiteLinks .secondarySiteLinks, .primaryNav .primarySiteLinks li .menuSubWrap > ul { display: none; } .primaryNav .primarySiteLinks .secondarySiteLinks li a, .primaryNav .primarySiteLinks li .menuSubWrap > ul li a { padding-left: 28px; word-spacing: normal; } .primaryNav .socialIcons { display: none; } .primaryNav .menuParent ul { display: none; } .primaryNav .menuParent .menuSubWrap { position: relative; } .primaryNav .menuParent .menuSubWrap > a:before { display: block; text-decoration: none; width: 22px; height: 20px; font-size: 16px; font-family: 'icomoon'; speak: none; text-align: center; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 20px; -webkit-font-smoothing: antialiased; content: '\e00e'; color: #d31145; right: 15px; position: absolute; top: 12px; } .primaryNav .menuParent .menuSubWrap.expanded .secondarySiteLinks, .primaryNav .menuParent .menuSubWrap.expanded > ul { display: block; } .primaryNav .menuParent .menuSubWrap.expanded > a:before { content: '\e00f'; } .navContainer.expanded { position: relative; } .navContainer.expanded .overlay { background: #000; position: fixed; width: 100%; height: 100%; top: 0; left: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=44)"; filter: alpha(opacity=44); -moz-opacity: 0.44; -khtml-opacity: 0.44; opacity: 0.44; } .navContainer.expanded .primaryNav { display: block; } .search { width: 100%; position: relative; } .search .searchField { width: 100%; border: 1px solid #8a8a8a; -webkit-border-radius: 4px; border-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; text-transform: uppercase; padding-right: 36px; color: #00704a; } .search button[data-icon] { color: #8a8a8a; position: absolute; right: 2px; top: 4px; padding: 0; border: 0 none; background: none; width: 36px; } .search button[data-icon]:before { width: 36px; } .search.locationsSearch button[data-icon]:before { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 19px; text-align: center; vertical-align: middle; margin-top: 1px; } .search.locationsSearch ::-webkit-input-placeholder { color: #929292; text-transform: none; font-family: 'FrutigerLTCom-Roman', sans-serif; font-weight: normal; } .search.locationsSearch :-moz-placeholder { /* Firefox 18- */ color: #929292; text-transform: none; font-family: 'FrutigerLTCom-Roman', sans-serif; font-weight: normal; } .search.locationsSearch ::-moz-placeholder { /* Firefox 19+ */ color: #929292; text-transform: none; font-family: 'FrutigerLTCom-Roman', sans-serif; font-weight: normal; } .search.locationsSearch :-ms-input-placeholder { color: #929292; text-transform: none; font-family: 'FrutigerLTCom-Roman', sans-serif; font-weight: normal; } .search.locationsSearch .placeholder { color: #929292; text-transform: none; font-family: 'FrutigerLTCom-Roman', sans-serif; font-weight: normal; } .search.locationsSearch .checkboxPair { position: relative; } .search.locationsSearch .checkboxPair .checkboxWrap { position: absolute; display: block; left: 0; top: 0; } .search.locationsSearch .checkboxPair label { padding-left: 30px; padding-top: 3px; display: block; } .lt-ie9 .search button[data-icon] { top: 2px; } .pageFooter .userCountry { width: 100%; margin-left: -20px; } .pageFooter .userCountry .countrySelectorToggler { display: block; width: 100%; background-color: #00704a; background-position: 20px 50%; padding: 12px 20px 12px 45px; font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; border-bottom: 2px solid #006b47; } .pageFooter .userCountry .countrySelectorToggler:before { display: block; text-decoration: none; width: 16px; height: 14px; font-size: 10px; font-family: 'icomoon'; speak: none; text-align: center; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 14px; -webkit-font-smoothing: antialiased; content: '\e00e'; color: #ffdca3; right: 0; position: absolute; top: 18px; } .pageFooter .userCountry.active .countrySelectorToggler:before { content: '\e00f'; } .active .tallInternational { min-height: 350px; width: 100%; background: #00704a url(../img/mobInt.jpg) no-repeat 50% top; background-size: 500px auto; padding: 230px 20px 20px; } .active .tallInternational .countryLinksWrap { display: none; } .active .tallInternational h2 { display: none; } .active .tallInternational .spinner { top: 20px !important; } .active .tallInternational li a { color: #fff; } .active .tallInternational li a.active { color: #ffdca3; } .active .tallInternational li a.active + ul li a { color: #ffdca3; } .active .tallInternational .countryList ul { display: none; } .active .tallInternational .countryList .active + ul { display: block; padding-left: 20px; } .active .tallInternational .countryList > li a { padding-left: 24px; position: relative; } .active .tallInternational .countryList > li a img { position: absolute; width: 20px; height: 12px; top: 5px; left: 0; line-height: 12px; } .hotLight .on { display: none; } .hotLight.hotLightOn .on { display: inline; } .hotLight.hotLightOn .on sup { font-size: 60%; padding: 0 0 0 1px; } .hotLight.hotLightOn .off { display: none; } .hotLightIcon { line-height: 32px; position: absolute; left: 10px; top: 6px; } .hotLightIcon.hotLightOn { padding-left: 40px; text-transform: uppercase; } .hotLightIcon.hotLightOn:before { content: '\28'; display: block; text-decoration: none; width: 36px; height: 36px; font-size: 32px; font-family: 'icomoon'; speak: none; text-align: center; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 36px; -webkit-font-smoothing: antialiased; color: #d31145; position: absolute; left: 0; top: 0; } .userStore a { display: inline-block; padding: 0 3px; } .userStore .onlyGrandeInlineBlock { display: none; } /* .Chrome { .userStore { span { vertical-align: middle; } } }*/ .socialCallout { position: relative; height: 168px; } .socialCallout h1 { border: 8px solid #fff; background-color: #fff; margin: 10px auto; position: relative; background-position: 50% 50%; width: 93.75%; height: 57px; max-width: 300px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .socialCallout .socialIcons { float: none; text-align: center; margin-bottom: 0; } .socialCallout .socialIcons li { float: none; display: inline-block; } .socialCallout .socialIcons a { border: 4px solid #fff; background: #fff; -webkit-border-radius: 34px; border-radius: 34px; border-top-left-radius: 34px; border-top-right-radius: 34px; border-bottom-left-radius: 34px; border-bottom-right-radius: 34px; } .socialCallout .socialIcons a:hover, .socialCallout .socialIcons a:active { background: #fff; } .socialCallout .socialCalloutContent { position: relative; background: #fff; border: 3px solid #00704a; margin: 0 auto; max-width: 300px; padding: 20px; font-size: 13px; font-size: 1.3rem; text-align: center; color: #d31145; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 20px; border-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .socialCallout .socialCalloutContent:before { background: none repeat scroll 0 0 transparent; -moz-border-radius-bottomright: 80px 50px; -webkit-border-bottom-right-radius: 80px 50px; border-bottom-right-radius: 80px 50px; border-color: #00704a; border-style: solid; border-width: 0 3px 3px 0; bottom: -27px; content: ""; display: block; height: 24px; right: 50px; position: absolute; width: 40px; z-index: 2; } .socialCallout .socialCalloutContent:after { background: none repeat scroll 0 0 transparent; -moz-border-radius-bottomright: 40px 50px; -webkit-border-bottom-right-radius: 40px 50px; border-bottom-right-radius: 40px 50px; border-color: #00704a; border-style: solid; border-width: 0 3px 3px 0; bottom: -27px; content: ""; display: block; height: 24px; right: 74px; position: absolute; width: 16px; z-index: 2; } .socialCallout .socialCalloutContent :first-child:after { content: ""; bottom: -3px; height: 3px; position: absolute; right: 53px; width: 22px; background: #fff; } .socialCallout .socialCalloutContent :first-child:before { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNi4xMTUgMjUuMjUiPjxzdHlsZT4uc3R5bGUwe2ZpbGw6CSNGRkZGRkY7fTwvc3R5bGU+PHBhdGggZD0iTTM2LjA4NCAwYzAgMCAxIDkuMDgzLTguMzM0IDE2LjMzM0MxOC4xNzQgMjMuOCAwIDI1LjIgMCAyNS4yNXM1LjU1OC0zLjMyMiA5LjkxNy05LjkxNyBDMTMuMTY3IDEwLjQgMTIuMiAwIDEyLjIgMEgzNi4wODR6IiBjbGFzcz0ic3R5bGUwIi8+PC9zdmc+) no-repeat left top; width: 36px; height: 25px; position: absolute; z-index: 1; right: 51px; bottom: -25px; content: ''; } .socialCallout .socialCalloutContent p { margin: 0; } .swipe { overflow: hidden; /* why? visibility: hidden;*/ position: relative; } .swipe .swipe-wrap { overflow: hidden; position: relative; } .swipe .swipe-wrap > div { float: left; width: 100%; position: relative; } .slidesNav { margin: 0 auto; text-align: center; position: absolute; bottom: 74px; width: 100%; } .slidesNav li { width: 24px; height: 24px; display: inline-block; padding: 0 10px; } .slidesNav li a { position: relative; border: 2px solid #fff; background-image: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==); -webkit-border-radius: 12px; border-radius: 12px; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; width: 20px; height: 20px; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .slidesNav li.on a { background: #fff; } .no-borderradius .slidesNav li a { /* this is causing the active to not update until hover behavior: url(../pie/PIE.htc); */ } .marqueeSecondarySlides .slidesNav { bottom: 22px; } .marqueeSlides { position: relative; } .marqueeSlides .slide { background: #fff; height: 366px; width: 100%; overflow: hidden; } .marqueeSlides .slide img { height: 308px; width: 720px; position: absolute; left: 50%; margin-left: -360px; } .marqueeSlides .slide .buttonLink { position: relative; margin: 302px auto 0; width: 288px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .marqueeSlides .slide.active { z-index: 2; } .marqueeSecondarySlides { position: relative; width: 133.125%; margin-left: -16.5265%; overflow: hidden; margin-top: -80px; text-align: center; } .marqueeSecondarySlides .swipe { margin: 0 auto; max-width: 486px; overflow: hidden; } .marqueeSecondarySlides .slide { max-width: 486px; width: auto; overflow: hidden; -webkit-border-radius: 50%; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } .marqueeSecondarySlides .slide > a > img { width: 100%; height: auto; -webkit-border-radius: 50%; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } .marqueeSecondarySlides .slide .content { position: absolute; padding: 25% 20% 0 20%; left: 0; top: 0; } .no-borderradius .marqueeSecondarySlides .slide img { behavior: url(../pie/PIE.htc); } .brandCallouts { overflow: hidden; } .coffeePromo { position: relative; display: block; max-width: 320px; width: 100%; margin: 0 auto; top: 10px; height: 226px; } .coffeePromo .coffeePromoText { right: 22px; top: 20px; width: 95px; } .coffeePromo .coffeePromoImage { height: 226px; width: auto; left: -15px; -moz-transform: rotate(13deg); -webkit-transform: rotate(13deg); -o-transform: rotate(13deg); -ms-transform: rotate(13deg); transform: rotate(13deg); } .coffeePromo img { max-width: 100%; height: auto; position: absolute; } .coffeePromo .iconArrow { position: absolute; right: 37px; top: 81px; -moz-transform: rotate(20deg); -webkit-transform: rotate(20deg); -o-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); } .freshNow { z-index: 5; margin-top: -100px; } .freshNowLoc { display: none; } .doughnutPromo { position: relative; display: block; width: 100%; margin: 0 auto; top: -10px; max-width: 390px; height: 200px; } .doughnutPromo img { max-width: 100%; height: auto; position: absolute; } .doughnutPromo .doughnutPromoImage { right: -45px; top: -10px; height: 210px; width: auto; } .doughnutPromo .doughnutPromoText { margin-top: 13.3%; left: 7.7%; } .productsPage .pageHeaderFancy { display: none; } .productsPage small { color: #00704a; text-align: center; display: block; } .productsPage .sortOptions { float: left; width: 50%; padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .productsPage .sortOptions .buttonToggler { width: 100%; float: left; max-width: 150px; } .productsPage .sortOptions ul { max-width: 150px; } .productsPage .productControls { position: relative; clear: both; } .productsPage .productControls > h4 { padding: 0 10px; margin: 0; } .productsPage .filters { clear: both; } .productsPage .filtersTogglerWrap { padding: 10px; width: 50%; float: right; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .productsPage .filtersTogglerWrap .filtersToggler { max-width: 150px; width: 100%; float: right; } .productDetailPage .productGrid { display: none; } .productDetailPage .productControls { display: none; } .productDetailPage .subSectionNav { display: none; } .productGrid { clear: both; list-style: none; position: relative; background-position: repeat left top; } .productGrid .product { text-align: center; position: relative; margin: 0; padding: 10px; float: left; width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .productGrid .product.inactive, .productGrid .product.inactiveVariety { display: none; } .productGrid .product a { display: block; width: 100%; } .productGrid .product span { width: 100%; display: block; text-align: center; line-height: 21px; height: 42px; } .productGrid .product.badge_limitedTime a { z-index: 1; position: relative; } .productGrid .product.badge_limitedTime a:after { content: ''; position: absolute; top: -10px; left: 50%; margin-left: -75px; width: 63px; height: 63px; background-size: 63px 63px; z-index: 2; } .productGrid .product.badge_limitedTime a img { position: relative; } .productGrid .product.badge_comingSoon a { z-index: 1; position: relative; } .productGrid .product.badge_comingSoon a:after { content: ''; position: absolute; top: -10px; left: 50%; margin-left: -75px; width: 63px; height: 63px; background-size: 63px 63px; z-index: 2; } .productGrid .product.badge_comingSoon a img { position: relative; } .productGrid .product.badge_specialOrder a { z-index: 1; position: relative; } .productGrid .product.badge_specialOrder a:after { content: ''; position: absolute; top: -10px; left: 50%; margin-left: -75px; width: 63px; height: 63px; background-size: 63px 63px; z-index: 2; } .productGrid .product.badge_specialOrder a img { position: relative; } .productGrid .productImage { max-width: 155px; margin: 0 auto; width: auto; height: auto; } .no-svg .productGrid .product.badge_limitedTime a img { z-index: -1; } .types, .varieties { padding-bottom: 10px; } .types ul, .varieties ul { list-style: none; margin: 0; } .types ul li, .varieties ul li { float: left; width: 50%; padding: 10px 10px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .types h3, .varieties h3 { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; padding: 0 10px 10px; margin: 0; color: #00704a; display: none; } .withSubfilter h3 { display: block; } .no-svg .productGrid .product.badge_limitedTime a:after { background-image: url(../img/svgFallback/limitedtime.png); } .no-svg .productContent > h1.badge_limitedTime { background-image: url(../img/svgFallback/limitedtime.png); } .productDetailImage { max-width: 320px; margin: 0 auto; position: relative; } .productDetailImage img { width: 100%; height: auto; } .wholesaleDetailImage { max-width: 320px; margin: 0 auto; position: relative; } .wholesaleDetailImage img { width: 100%; height: auto; } .wholecatDetailImage { max-width: 160px; margin: 0 auto; position: relative; } .wholecatDetailImage img { width: 100%; height: auto; } .productImageWrap { position: relative; } .productContent, .wholesaleContent { padding: 0 10px; margin: 0 auto; max-width: 500px; text-align: left; } .productContent > h1, .wholesaleContent > h1 { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #00704a; } .productContent > h1.badge_limitedTime, .wholesaleContent > h1.badge_limitedTime { background-position: left top; padding-top: 8px; padding-bottom: 8px; padding-left: 67px; background-size: 60px auto; } .productContent > h1.badge_comingSoon, .wholesaleContent > h1.badge_comingSoon { background-position: left top; padding-top: 8px; padding-bottom: 8px; padding-left: 67px; background-size: 60px auto; } .productContent > h1.badge_specialOrder, .wholesaleContent > h1.badge_specialOrder { background-position: left top; padding-top: 8px; padding-bottom: 8px; padding-left: 67px; background-size: 60px auto; } .productContent small, .wholesaleContent small { display: block; position: relative; color: #000; text-align: left; padding: 0 0 24px 0; } .productContent small.productNutrition, .wholesaleContent small.productNutrition { padding-top: 13px; } .productContent small.productNutrition:before, .wholesaleContent small.productNutrition:before { content: ''; width: 75%; position: absolute; left: 0; top: 0; background: #eeead9; height: 3px; } .productContent p, .wholesaleContent p { line-height: 20px; line-height: 2rem; } .wholesaleContent small { padding: 0 0 8px 0; } .wholesaleContent > h1 { font-size: 3rem; } .wholecatContent { padding: 0 8px; margin: 0 auto; max-width: 500px; text-align: left; } .wholecatContent > h1 { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #00704a; font-size: 2rem; } .wholecatContent p { line-height: 20px; line-height: 2rem; } .productPairing { margin: 0 auto; display: block; width: 270px; position: relative; clear: both; } .productPairing:before { content: ''; display: block; width: 122px; height: 122px; -webkit-border-radius: 61px; border-radius: 61px; border-top-left-radius: 61px; border-top-right-radius: 61px; border-bottom-left-radius: 61px; border-bottom-right-radius: 61px; background: #fff; position: absolute; left: 116px; top: 40px; } .productPairing .greatPairing { width: 96px; float: left; height: 61px; background-size: 96px auto; margin-top: 60px; background-repeat: no-repeat; background-position: left top; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB3aWR0aD0iMTg2LjI3NnB4IiBoZWlnaHQ9IjEyNC43NThweCIgdmlld0JveD0iMCAwIDE4Ni4yNzYgMTI0Ljc1OCI+PHN0eWxlPi5zdHlsZTB7ZmlsbDoJIzAwNzA0QTt9LnN0eWxlMXtmaWxsOgkjRDMxMTQ1O308L3N0eWxlPjxnPjxwYXRoIGQ9Ik0xMS42NDkgMjUuNzc5YzAuMDc3LTAuMjQ2IDAuMDUzLTAuMzk3IDAuMDMzLTAuNTFjLTAuMDYyLTAuMzc2LTAuMjk4LTAuNjA3LTAuNzU3LTAuOTk0IGMtMC40NjUtMC40MjMtMC45NTctMC41My0xLjI2My0wLjQ3OWMtMC41MzcgMC4wOTMtMS40IDIuMDI0LTEuODg5IDMuMTE4Yy0xLjY3MiAzLjY5OS03Ljk2NCAxNy41NzgtNy43NjkgMTguNyBjMC4yNjkgMS42IDEuOCAyLjYgMi41IDIuNDI5YzAuNDIyLTAuMDcyIDAuNDk2LTEuMDUzIDAuNzA4LTEuNjczYzEuMDUtMi43IDIuMjk5LTUuODYxIDMuNTkzLTguOTkzIGMzLjI2OS0xLjIyNCA1Ljk2LTEuODgzIDcuOTUtMi4yNjZjLTAuNjA2IDEuNTc4LTEuMjExIDMuMTU2LTEuNzM0IDQuNzU5Yy0wLjQyNSAxLjIzNS0xLjE2NyAzLjE4Ni0xLjA2NyAzLjggYzAuMTcgMSAxLjggMS44IDIuOCAxLjY1NmMwLjU3NC0wLjEgMC45MTEtMS4xNjYgMC45NjQtMS43OTVjNC42Ni0xNS4xNDggNy40NjEtMTkuODk1IDcuMzI5LTIwLjY4NiBjLTAuMDYyLTAuMzc4LTAuNDQ4LTEuOTc3LTEuMjU0LTEuODM4Yy0xLjA3MyAwLjE4Ni0xLjIwOCAwLjU1OS0xLjY3MSAxLjU2OGMtMS4zODkgMy4wMzEtMi42NTcgNS44NDgtMy43NzEgOC42IGMtMS42NjkgMC40MDUtNi4wNjggMS40NzUtNy43NjkgMS45MjRMMTEuNjQ5IDI1Ljc3OXoiIGNsYXNzPSJzdHlsZTAiLz48cGF0aCBkPSJNMjMuNjM5IDM5Ljk0OGM0LjE5LTMuOTc5IDcuNzA2LTguNDY0IDcuMjQyLTExLjI1MmMtMC4yMTMtMS4yODEtMS4zMDMtMi4xMzgtMi42ODQtMS45IGMtMy45NTEgMC42ODItOC43MTkgNy41OTMtNy44NTUgMTIuNzkyYzAuNDQ2IDIuNyAyLjcgNC4yIDUuNSAzLjczN2MzLjgzNi0wLjY2MyA3LjA4Ni00LjEzMiA4LjY2OC03LjE5NiBjMC40NzYtMC45MzUgMC43NjQtMS41NjcgMC42OTYtMS45OGMtMC4xLTAuNjAzLTAuNDUtMS4wNDYtMC45NDgtMC45NmMtMC4zMDcgMC4wNTQtMC41NjQgMC40MDctMC45OTUgMS4xIGMtMS44NzUgMy4xOTItMy40MzYgNS42NzEtNi45NjQgNi4yODJDMjUuMDEgNDAuOCAyNC4xIDQwLjYgMjMuNiAzOS45NDh6IE0yMi45OTMgMzggYy0wLjEzNi0zLjY1OCAzLjE5NC03LjgzOCA0LjMwNi04LjAzMWMwLjI2OC0wLjA0NiAwLjUgMC4xIDAuNSAwLjQxQzI4LjA3NCAzMS43IDI1LjYgMzUuNCAyMyAzNy45NjZ6IiBjbGFzcz0ic3R5bGUwIi8+PHBhdGggZD0iTTQwLjMwNiA1MS4xNzZjLTAuNjY0LTMuOTkyIDMuMzQyLTE0LjA2NCA2LjU0OS0yMC4zOTVjMS43MjQtMy4zOTkgMi43MjgtMy45OTkgMi42NTItNC40NTIgYy0wLjE0NC0wLjg2Ni0xLjg2Ni0xLjQ5OC0yLjYzMy0xLjM2N2MtMS4xNTEgMC4yLTEuMjk0IDAuNzY2LTIuMzQyIDMuMDAzYy0yLjQ1MSA1LjE5LTYuMjE0IDkuNi04LjI0NyAxMCBjLTAuNDIzIDAuMDczLTAuNTgyLTAuMTcxLTAuNjM4LTAuNTFjLTAuMjM4LTEuNDMxIDEuOTA4LTUuMzY5IDMuODI2LTcuNTk5YzAuNjYtMC43NzMgMS4zOS0xLjEzMiAxLjMzMy0xLjQ3MSBjLTAuMTU2LTAuOTQyLTEuNzQtMS4yMTEtMi42NjEtMS4wNTJjLTAuODA1IDAuMTQtMS42MDIgMS4yODQtMi4zMDcgMi4yNmMtMi4wMjcgMi43NTMtMy43NDUgNi42NTUtMy4yOTQgOS40IGMwLjI3NiAxLjcgMS42IDMgMy4yIDIuNjk0YzEuNTcyLTAuMjcyIDMuMDI4LTEuOTU3IDQuNjgyLTMuNjM5Yy0xLjA4OSAyLjkzOS00LjExMiA5LjQzMS0zLjY5MSAxMiBjMC4yMzggMS40IDEuMiAyIDIuNCAxLjgzM0MzOS42MDIgNTEuNyA0MCA1MS41IDQwLjMgNTEuMTc2eiIgY2xhc3M9InN0eWxlMCIvPjxwYXRoIGQ9Ik01MS42MTcgMzguOTg5YzEuNzY0LTAuMzA0IDIuMjA1LTIuMzk3IDIuMDIzLTMuNDg5Yy0wLjItMS4yMDUtMS4yOTgtMS42MzctMi4yNTctMS40NzEgYy0xLjYxMSAwLjI3OS0yLjE5MSAyLjAwNy0xLjk3OCAzLjI4OEM0OS41ODYgMzguNCA1MC40IDM5LjIgNTEuNiAzOC45ODl6IE01My4wODYgMzIuOSBjMC4zODQtMC4wNjYgMC41Mi0wLjY3IDAuNjI5LTAuOTYxYzIuNjAxLTYuNDE5IDMuMzk0LTguNTMzIDUuOTg4LTE0LjUyNGMwLjU5Mi0xLjQyIDAuOTQ2LTIuMTQxIDAuODI4LTIuODU3IGMtMC4xMDEtMC42MDMtMC41OTctMS40NDYtMi4xMzItMS4xODFjLTAuNDYgMC4wOC0wLjY3MiAwLjIzMi0xLjA3IDAuOTIxYy0xLjk3MiAzLjMyNS00LjkxNCAxNC4zMzgtNS4xMzMgMTUuMiBjLTAuMjIgMC44MTMtMC41ODIgMi4xOTMtMC41MDcgMi42NDZDNTEuNzcxIDMyLjYgNTIuNyAzMyA1My4xIDMyLjg4MnoiIGNsYXNzPSJzdHlsZTAiLz48cGF0aCBkPSJNNzguMzk3IDE0LjI0NGMwLjA3Ny0wLjI0NiAwLjA1Mi0wLjM5NiAwLjAzMy0wLjUwOWMtMC4wNjMtMC4zNzctMC4yOTgtMC42MDgtMC43NTctMC45OTMgYy0wLjQ2NS0wLjQyNC0wLjk1Ny0wLjUzMy0xLjI2NC0wLjQ3OWMtMC41MzggMC4wOTMtMS40IDIuMDI0LTEuODg4IDMuMTE3Yy0xLjY3MyAzLjY5OS03Ljk2NSAxNy41NzgtNy43NzEgMTguNyBjMC4yNyAxLjYgMS44IDIuNiAyLjUgMi40M2MwLjQyMi0wLjA3MiAwLjQ5NS0xLjA1MyAwLjcwOC0xLjY3MmMxLjA1MS0yLjcwMSAyLjMtNS44NjMgMy41OTQtOC45OTQgYzMuMjctMS4yMjQgNS45NjEtMS44ODMgNy45NS0yLjI2NmMtMC42MDYgMS41NzctMS4yMTIgMy4xNTUtMS43MzQgNC43NThjLTAuNDI1IDEuMjM2LTEuMTY3IDMuMTg2LTEuMDY2IDMuOCBjMC4xNyAxIDEuOCAxLjggMi44IDEuNjU2YzAuNTc0LTAuMSAwLjkxLTEuMTY3IDAuOTY0LTEuNzk1YzQuNjYtMTUuMTQ3IDcuNDYxLTE5Ljg5NiA3LjMyOS0yMC42ODcgYy0wLjA2My0wLjM3Ni0wLjQ0OC0xLjk3Ny0xLjI1My0xLjgzOWMtMS4wNzQgMC4xODctMS4yMDkgMC41NTktMS42NzIgMS41NjljLTEuMzg5IDMuMDMtMi42NTcgNS44NDctMy43NzEgOC42IGMtMS42NjkgMC40MDUtNi4wNjcgMS40NzUtNy43NjggMS45MjVMNzguMzk3IDE0LjI0NHoiIGNsYXNzPSJzdHlsZTAiLz48cGF0aCBkPSJNOTAuMzg3IDI4LjQxNGM0LjE4OS0zLjk4MSA3LjcwNi04LjQ2NSA3LjI0My0xMS4yNTJjLTAuMjE0LTEuMjgxLTEuMzAzLTIuMTM5LTIuNjg1LTEuOSBjLTMuOTUyIDAuNjgyLTguNzE5IDcuNTkyLTcuODU0IDEyLjc5MmMwLjQ0NSAyLjcgMi43IDQuMiA1LjUgMy43MzdjMy44MzQtMC42NjQgNy4wODMtNC4xMzIgOC42NjctNy4xOTYgYzAuNDc2LTAuOTM2IDAuNzY2LTEuNTY3IDAuNjk0LTEuOTgxYy0wLjEtMC42MDMtMC40NDgtMS4wNDctMC45NDgtMC45NmMtMC4zMDggMC4wNTMtMC41NjIgMC40MDgtMC45OTMgMS4xIGMtMS44NzYgMy4xOTMtMy40MzggNS42NzItNi45NjQgNi4yODJDOTEuNzU3IDI5LjMgOTAuOSAyOSA5MC40IDI4LjQxNHogTTg5Ljc0IDI2LjQgYy0wLjEzNS0zLjY1OSAzLjE5My03Ljg0IDQuMzA2LTguMDMyYzAuMjY4LTAuMDQ1IDAuNSAwLjEgMC41IDAuNDExQzk0LjgyIDIwLjIgOTIuMyAyMy44IDg5LjcgMjYuNDMzeiIgY2xhc3M9InN0eWxlMCIvPjxwYXRoIGQ9Ik05OC42MjUgMjguMTE0YzIuMjc0LTEuOTgyIDUuMDc4LTguMzU4IDUuOTQ5LTEwLjI1M2MwLjQ1OS0wLjA3OSAxLjM2LTAuMTE4IDEuOCAwLjQgYy0xLjI2MiAyLjM4OS0yLjM4MiA1LjM3NC0xLjk4MSA3Ljc4NWMwLjI2NCAxLjYgMS4zIDMuNSAzLjYgMy4xMzdjMS45MjEtMC4zMzEgMy41MTktMi4zNTIgNS4yMzItNS4wODkgYzEuMTgyLTEuOTEgMS43NzktMy4wNiAxLjY4Ni0zLjYyNmMtMC4xMDMtMC42MDItMC40MTgtMS4wODktMC45NTYtMC45OTZjLTAuNDk5IDAuMDg1LTAuNjkgMC41ODMtMS42MTIgMi4yIGMtMS41MDEgMi41ODctMy4wMjYgNC4wOS00LjI1NCA0LjMwMmMtMC42MTMgMC4xMDYtMC45NDUtMC4yMjQtMS4wNDctMC44MjdjLTAuMzQzLTIuMDczIDEuMzU3LTYuMDg4IDIuNTE4LTcuODc3IGMtMC4yNTgtMS41NDUtMC4zMTMtMS44ODUtMC42Mi0yLjA2NGMtMC44MTYtMC42MzQtMy4xODctMC42NTItNC4zMDQtMC43M2MtMC42MzktMC4wNDQtMC43NzktMC40MDctMS4xMjQtMC4zNDggYy0wLjMwNyAwLjA1My0wLjI3NyAwLjQ3NC0wLjY3NCAxLjM5NmMtMC40OTYgMS4yODctMC42NDQgMS44MTYtMC41NzggMi40NjRjLTAuMzE2IDAuOTQ2LTIuNTQyIDUuODI3LTMuOTkxIDcuNzgzTDk4LjYyNSAyOC4xMTR6ICIgY2xhc3M9InN0eWxlMCIvPjxwYXRoIGQ9Ik0xMTUuNTkxIDI0LjA1OWM0LjE4OS0zLjk4MSA3LjcwMy04LjQ2NCA3LjI0LTExLjI1MmMtMC4yMTItMS4yODEtMS4zMDQtMi4xMzktMi42ODUtMS45MDIgYy0zLjk0OSAwLjY4My04LjcxOSA3LjU5NC03Ljg1MyAxMi43OTRjMC40NDUgMi43IDIuNyA0LjIgNS41IDMuNzM3YzMuODM0LTAuNjY0IDcuMDg0LTQuMTMyIDguNjY3LTcuMTk2IGMwLjQ3Ni0wLjkzNiAwLjc2NS0xLjU2NyAwLjY5NC0xLjk4MWMtMC4xMDEtMC42MDMtMC40NS0xLjA0Ni0wLjk0Ny0wLjk1OWMtMC4zMDggMC4wNTMtMC41NjUgMC40MDYtMC45OTQgMS4xIGMtMS44NzYgMy4xOTMtMy40MzcgNS42NzItNi45NjUgNi4yODJDMTE2Ljk2IDI0LjkgMTE2LjEgMjQuNyAxMTUuNiAyNC4wNTl6IE0xMTQuOTQzIDIyLjEgYy0wLjEzNS0zLjY2IDMuMTkzLTcuODQxIDQuMzA3LTguMDMyYzAuMjY4LTAuMDQ3IDAuNSAwLjEgMC41IDAuNDFDMTIwLjAyNCAxNS44IDExNy41IDE5LjUgMTE0LjkgMjIuMDc4eiIgY2xhc3M9InN0eWxlMCIvPjxwYXRoIGQ9Ik0xMjcuNzMxIDUuMDIxYy0wLjI4OSAwLjYzMS0xLjEwOSAxLjM5NC0xLjAyOCAxLjg4NGMwLjA4MiAwLjUgMC44IDAuNCAxIDAuNCBjMS42NDgtMC4yODUgMy4wMy0yLjg4OSAzLjMxLTQuNTI2YzAuMDg0LTAuNDQxIDAuMDg0LTAuNjc0IDAuMDUzLTAuODYyYy0wLjExMy0wLjY3OC0wLjU3Ny0xLjEwMS0xLjAyMi0xLjQxMiBjLTAuNTc2LTAuMzY1LTEuMTE2LTAuNTQzLTEuNjE3LTAuNDU3Yy0xLjM0MiAwLjIzMS0yLjI5NCAyLjMzNC0yLjA3MyAzLjY1M0MxMjYuNDg4IDQuNyAxMjcuMyA0LjkgMTI3LjcgNS4wMjF6IiBjbGFzcz0ic3R5bGUwIi8+PHBhdGggZD0iTTEyOS45ODQgMTYuMTgzYy0wLjEyLTAuMDE4LTAuMjgxLTAuMDI5LTAuMzk1LTAuMDFjLTAuMTkyIDAuMDMzLTAuMjYzIDAuMDg1LTAuMzU4IDAuMiBjLTAuNzA2IDAuOTc1LTEuMjA5IDIuNDU2LTAuOTMyIDQuMTE1YzAuMzgxIDIuMyAyLjcgNC43IDQuOSA0LjI3MWMzLjYwNi0wLjYyNCA0Ljc4OS01LjM2MyA0LjY5My0xMy4wNjEgYy0wLjAzNS0xLjM4OSAwLjM1Ny0yLjExNyAwLjIzLTIuODdjLTAuMDg4LTAuNTI3LTAuNDc1LTAuOTY0LTAuNzc0LTEuMzM4Yy0wLjExMy0wLjY3OS0wLjkzNS0wLjg4NS0yLjAxLTAuNjk5IGMtMC4yNjggMC4wNDctMC4yMDQgMC4xODktMC45NyAxLjUyNEMxMzMuNjYxIDkuNiAxMzAuOSAxNC45IDEzMCAxNi4xODN6IE0xMzUuMDcxIDExLjcgYy0wLjIwMyAxLjkgMC4yIDkuNDYzLTIuNTY2IDkuOTRjLTAuNjEyIDAuMTA2LTEuMDg1LTAuMTIzLTEuMjc0LTEuMjUzYy0wLjA3Ni0wLjQ1MS0wLjEwMy0xLjEwNS0wLjAwMS0xLjY2NiBDMTMyLjE5NSAxNi45IDEzMy43IDE0LjIgMTM1LjEgMTEuNjZ6IiBjbGFzcz0ic3R5bGUwIi8+PHBhdGggZD0iTTE1Ny44MTIgMTYuNDUyYy0wLjAwNyAwLjE5NS0wLjAwMyAwLjUgMCAwLjY1NGMwLjI4MyAxLjcgMS43IDMuMSAzLjMgMi44IGMyLjM0Mi0wLjQwNCA0LjExOS0zLjIzMSA0Ljk4NS00LjY2YzEuMDM0LTEuNjE0IDIuMDY2LTMuNDU4IDEuOTc0LTQuMDI0Yy0wLjEyLTAuNzE2LTAuNDY0LTEuMTIxLTEtMS4wMjggYy0wLjM4NSAwLjA2Ni0wLjY3OSAwLjY2LTEuNTE0IDIuMDQ1Yy0xLjIzNCAyLjA3NC0yLjgxMiA0LjIwNy00LjE1NSA0LjQzOGMtMC42MTUgMC4xMDYtMC45MzEtMC4zODEtMS4wMTktMC45MDkgYy0wLjIyOC0xLjM1NiAwLjM5NC0yLjg1OSAxLjA3OS00LjE3OWMwLjk1OC0xLjgzMyAxLjY3Ni0yLjQ5OCAxLjYzMS0yLjc2M2MtMC4wNS0wLjMwMi0wLjQ4NS0wLjUzNy0wLjc3NS0wLjY0MSBjLTAuMDA3LTAuMjcxLTAuMDUyLTAuNTM0LTAuMDg5LTAuNzU5Yy0wLjM2NC0yLjE4NS0xLjYwNC0zLjcxNi0zLjM2OS0zLjQxYy00LjIyIDAuNzI5LTEwLjY0OCA5LjUxNS05LjkzMyAxMy44IGMwLjI2OSAxLjYgMi42IDMuNyAzLjkgMy41MDZDMTU1LjEzNCAyMSAxNTcgMTcuOSAxNTcuOCAxNi40NTJ6IE0xNTkuMzIzIDguOSBjLTAuOTkxIDIuMzQxLTQuNzQ3IDguNjg5LTYuNDM3IDguOThjLTAuNjEyIDAuMTA2LTAuOTQ5LTAuMjYyLTEuMDM3LTAuNzg5Yy0wLjQ2NC0yLjc4OSA0LjI2OS04Ljk1NiA2LjM4LTkuMzIgQzE1OC44ODEgNy43IDE1OS4xIDguMSAxNTkuMyA4Ljk0MnoiIGNsYXNzPSJzdHlsZTAiLz48cGF0aCBkPSJNMTMuNTggNzQuNDI0bDEuOTcyLTAuMzQybDAuODMzIDQuOTk3YzAuMzIyIDEuOTM3LTAuNDI5IDIuNzg0LTEuODEgMyBjLTEuMzggMC4yMzktMi4zNjQtMC4zMDktMi42ODYtMi4yNDdsLTIuNDM3LTE0LjY0Yy0wLjMyMy0xLjkzNyAwLjQyMi0yLjgyMiAxLjgwMi0zLjA2MXMyLjM3IDAuMyAyLjcgMi4yODVsMC40ODQgMi45IGw0LjEtMC43MDlsLTAuNDM4LTIuNjMyYy0wLjcyMi00LjMzOC0zLjM0My02LjQzNy03LjYwMS01LjdjLTQuMjU5IDAuNzM0LTYuMDU0IDMuNTk2LTUuMzMzIDcuOTM2bDIuMzQ4IDE0LjEgYzAuNzIxIDQuMyAzLjMgNi40IDcuNiA1LjdjNC4yNTgtMC43MzggNi4wNTQtMy42IDUuMzMyLTcuOTM3bC0xLjQzMS04LjU5N2wtNi4wNzMgMS4wNUwxMy41OCA3NC40MjR6IiBjbGFzcz0ic3R5bGUwIi8+PHBhdGggZD0iTTM3LjgwNiA4MS43OTNjLTAuNjAyLTAuOTMyLTAuODAxLTEuODk2LTEuMDIxLTMuMjA5bC0wLjY5Ni00LjE4NmMtMC40NzItMi44MjctMS41MjItNC43NTYtMy44NC01LjI3MiBjMS43ODQtMS4yMjYgMi4zODgtMy4yMDQgMS45MjQtNS45OTFsLTAuMzU1LTIuMTMyYy0wLjY5Ni00LjE4My0yLjk3MS01LjkwMS03LjQ2NS01LjEyNGwtNi41NDYgMS4xMzFsNC41MTQgMjcuMTEzbDQuMzM2LTAuNzQ5IGwtMS44MzctMTEuMDQxbDEuNDk5LTAuMjU4YzEuOTcxLTAuMzQxIDMgMC40IDMuNCAyLjk1NWwwLjcwOCA0LjI2MmMwLjM2OCAyLjIgMC42IDIuNiAwLjkgMy4yNjJMMzcuODA2IDgxLjc5M3ogTTI2Ljg3OSA1OS43NzRjMS41MzgtMC4yNjYgMi40IDAuNSAyLjcgMi40MDdsMC40NDQgMi42NzJjMC4zNjIgMi4xNjktMC41MDcgMy4wMzctMi4xMjUgMy4zMTZsLTEuNjk0IDAuMjkzbC0xLjM4Ny04LjMyOCBMMjYuODc5IDU5Ljc3NHoiIGNsYXNzPSJzdHlsZTAiLz48cGF0aCBkPSJNNDAuNjM5IDU3LjM5Nmw3LjQ5MS0xLjI5NWwtMC42NDQtMy44NzNsLTExLjgyOSAyLjA0M2w0LjUxMyAyNy4xMTNMNTIgNzkuMzRsLTAuNjQ1LTMuODczbC03LjQ5MSAxLjMgbC0xLjMyMi03Ljk0MWw1Ljk1NS0xLjAzMUw0Ny44NSA2My45MmwtNS45NTUgMS4wMjhMNDAuNjM5IDU3LjM5NnoiIGNsYXNzPSJzdHlsZTAiLz48cGF0aCBkPSJNNTkuNzg2IDUwLjEwMmwtNi4zNDcgMS4wOThsMC4wOTUgMjcuODc1bDMuOTgzLTAuNjg3bC0wLjA2OS01LjA1Mmw1LjMyMi0wLjkxOGwxLjU2OCA0Ljc4OGw0LjM3Ni0wLjc1NCBMNTkuNzg2IDUwLjEwMnogTTU3LjE5NSA1NS40OWw0LjM3MyAxMy4zNTJsLTQuMTggMC43MjJMNTcuMTk1IDU1LjQ5eiIgY2xhc3M9InN0eWxlMCIvPjxwYXRoIGQ9Ik02NC4xNzYgNTMuMzI3bDQuNTM1LTAuNzgybDMuODY4IDIzLjIzOGw0LjMzNy0wLjc1bC0zLjg3LTIzLjIzOGw0LjUzNi0wLjc4MmwtMC42NDUtMy44NzVsLTEzLjQwNyAyLjMgTDY0LjE3NiA1My4zMjd6IiBjbGFzcz0ic3R5bGUwIi8+PHBhdGggZD0iTTkxLjQwNyA0NC42MzhsLTYuMzg5IDEuMTA0bDQuNTE0IDI3LjExMmw0LjMzOC0wLjc1bC0xLjY5OC0xMC4xODVsMi4wNTMtMC4zNTYgYzQuMzM1LTAuNzQ3IDYuMDczLTMuNDc5IDUuMzQ5LTcuODE2bC0wLjU4Ny0zLjUyNkM5OC4yNjYgNDUuOSA5NS43IDQzLjkgOTEuNCA0NC42Mzh6IE05Mi4wNTIgNDguNSBjMS4zNzktMC4yMzggMi4yIDAuMyAyLjYgMi4xODlsMC42NzcgNC4wNjZjMC4zMjQgMS45MzctMC4zMjMgMi42ODYtMS43MDIgMi45MjRsLTIuMDUyIDAuMzU1bC0xLjUyNi05LjE4Mkw5Mi4wNTIgNDguNTExeiIgY2xhc3M9InN0eWxlMCIvPjxwYXRoIGQ9Ik0xMDguOTkgNDEuNmwtNi4zNDggMS4wOTZsMC4wOTkgMjcuODc1bDMuOTgyLTAuNjg4bC0wLjA3LTUuMDQ3bDUuMzIyLTAuOTE5bDEuNTY5IDQuNzg5bDQuMzc2LTAuNzU2IEwxMDguOTkgNDEuNnogTTEwNi4zOTggNDYuOTg2bDQuMzc0IDEzLjM1MWwtNC4xOCAwLjcyNEwxMDYuMzk4IDQ2Ljk4NnoiIGNsYXNzPSJzdHlsZTAiLz48cGF0aCBkPSJNMTE5LjkzMiA2Ny42MDFsNC4zMzYtMC43NDlsLTQuNTEzLTI3LjExM2wtNC4zMzYgMC43NUwxMTkuOTMyIDY3LjYwMXoiIGNsYXNzPSJzdHlsZTAiLz48cGF0aCBkPSJNMTQwLjkwOCA2My45NzdjLTAuNjA0LTAuOTMzLTAuODA2LTEuODk0LTEuMDIyLTMuMjEzbC0wLjY5Ni00LjE4MmMtMC40Ny0yLjgyOC0xLjUyMy00Ljc1Ny0zLjg0MS01LjI3NCBjMS43ODQtMS4yMjUgMi4zODgtMy4yMDMgMS45MjItNS45ODlsLTAuMzUyLTIuMTMxYy0wLjY5Ni00LjE4Mi0yLjk3MS01LjkwMi03LjQ2NS01LjEyNWwtNi41NDUgMS4xMzJsNC41MTMgMjcuMTE0bDQuMzM4LTAuNzUyIGwtMS44MzctMTEuMDM3bDEuNDk3LTAuMjZjMS45NzEtMC4zNDEgMyAwLjQgMy40IDIuOTU3bDAuNzEgNC4yNTljMC4zNyAyLjIgMC42IDIuNiAwLjkgMy4yNjRMMTQwLjkwOCA2My45Nzd6IE0xMjkuOTgxIDQxLjk1NmMxLjUzNS0wLjI2NSAyLjMgMC41IDIuNyAyLjQwOGwwLjQ0NSAyLjY3MmMwLjM2IDIuMTY5LTAuNTEgMy4wMzUtMi4xMjcgMy4zMTZsLTEuNjkzIDAuMjkybC0xLjM4OC04LjMyNyBMMTI5Ljk4MSA0MS45NTZ6IiBjbGFzcz0ic3R5bGUwIi8+PHBhdGggZD0iTTE0My4yNzEgNjMuNTY4bDQuMzM5LTAuNzVsLTQuNTE0LTI3LjExMmwtNC4zMzcgMC43NDlMMTQzLjI3MSA2My41Njh6IiBjbGFzcz0ic3R5bGUwIi8+PHBhdGggZD0iTTE2MC4wMjYgNjAuNjcxbDQuNDU1LTAuNzY5bC00LjUxMi0yNy4xMTRsLTMuODY1IDAuNjY4bDIuNzAyIDE2LjIyOWwtNy4xNTUtMTUuNDU5bC01LjQ0MiAwLjkgbDQuNTEzIDI3LjExM2wzLjkwMy0wLjY3NWwtMy4yNy0xOS42MzdMMTYwLjAyNiA2MC42NzF6IiBjbGFzcz0ic3R5bGUwIi8+PHBhdGggZD0iTTE3Mi4yMzIgNDcuMDA4bDEuOTctMC4zNDFsMC44MzQgNC45OThjMC4zMTkgMS45MzQtMC40MyAyLjc4Mi0xLjgxIDMgYy0xLjM4MiAwLjI0LTIuMzY1LTAuMzA5LTIuNjg4LTIuMjQ2bC0yLjQzNy0xNC42NGMtMC4zMjEtMS45MzYgMC40MjQtMi44MjMgMS44MDQtMy4wNjJjMS4zOC0wLjIzOCAyLjQgMC4zIDIuNyAyLjMgbDAuNDgzIDIuOTA1bDQuMTAxLTAuNzA5bC0wLjQzOC0yLjYzNGMtMC43MjUtNC4zMzgtMy4zNDQtNi40MzUtNy42MDMtNS42OTlzLTYuMDU1IDMuNTk3LTUuMzM0IDcuOTM0bDIuMzQ5IDE0LjEgYzAuNzIyIDQuMyAzLjMgNi40IDcuNiA1LjcwMmM0LjI1Ny0wLjczOCA2LjA1NC0zLjU5NiA1LjMzLTcuOTM1bC0xLjQzLTguNTk5bC02LjA3MSAxLjA0OUwxNzIuMjMyIDQ3LjAwOHoiIGNsYXNzPSJzdHlsZTAiLz48L2c+PGc+PHBhdGggZD0iTTE0NC4yODMgMTEyLjcxOWMtMjUuNDEyLTMuMjczLTQwLjgzOC0yMy40MjYtNDAuODA5LTIzLjMyNWMtMC43NTctMS4wODYtMC42NDUtMi42MzYgMC4zOTUtMy41MjggYzAuNS0wLjQyNCAxLjEyNS0wLjYzOCAxLjc2Ny0wLjU5OGMwLjU0NiAwIDEuMiAwLjQgMS41IDAuODc5YzAgMCAxMy41IDE5LjYgMzcuNyAyMi44IGMxNy43ODIgMi4zIDMzLjg0NS00LjcwNyAzMy44NDUtNC43MDdsLTguODUtNC41MDRsLTMuMzctMS4xOTVjLTAuMTYzLTAuMDczLTAuMTY2LTAuMDY2LTAuMzI2LTAuMTQ2IGMtMS4wNDUtMC42NTgtMS41NDktMi4xNDYtMC44NDktMy4yOThjMC42NjgtMS4xNTQgMi4xODQtMS42MTEgMy4zMDYtMC45OTlsMTUuODkzIDguNjUzYzAuOTI1IDAuMiAxLjYgMSAxLjggMS45IGMwLjEyNyAwLjkwMy0wLjI4NCAxLjg0LTEuMDQ4IDIuMzgzbC0xMy4zNjcgMTYuNzQ5Yy0wLjAzNSAwLjA0Ny0wLjA2MiAwLjA2NS0wLjEwOSAwLjEzMWwtMC4wMjMgMCBjLTAuODg1IDAuOTgyLTIuMzk2IDEuMDcxLTMuMzMxIDAuMjIxYy0wLjUxNS0wLjQyMy0wLjY0NS0xLjAwOC0wLjczMy0xLjY4OGMwLjAzNy0wLjcwOSAwLjI2MS0xLjM1MyAwLjcxNS0xLjgyNmwxMS4yNDQtMTIuMzY4IGMtMS45NDEgMC4zNTctNC4yMzggMC43NTUtNi41MzggMS4xMjljMCAwLTE2LjUxNiA0Ljk5Ny0yOC44MTQgMy4zNzdMMTQ0LjI4MyAxMTIuNzE5eiIgY2xhc3M9InN0eWxlMSIvPjwvZz48L3N2Zz4=); } .productPairing .pairingLink { float: right; position: relative; display: block; height: 180px; padding-right: 10px; } .productPairing .pairingLink img { width: 164px; height: 164px; position: relative; } .productPairing .pairingLink:before { content: ''; width: 122px; height: 122px; -webkit-border-radius: 61px; border-radius: 61px; border-top-left-radius: 61px; border-top-right-radius: 61px; border-bottom-left-radius: 61px; border-bottom-right-radius: 61px; background: #f5f2e7; position: absolute; left: 30px; top: 30px; } .productPairing .pairingLink:after { content: '\e015'; display: block; background: #fff; -webkit-border-radius: 14px; border-radius: 14px; border-top-left-radius: 14px; border-top-right-radius: 14px; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; border: 3px solid #00704a; width: 22px; height: 22px; line-height: 22px; text-align: center; vertical-align: middle; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute; color: #d31145; right: 10px; top: 50%; margin-top: -14px; } .no-borderradius .productPairing:before, .no-borderradius .pairingLink:before { display: none; } .productDetail { position: relative; margin-top: 30px; float: left; width: 100%; } .wholecatDetail { position: relative; float: left; width: 100%; } .wholesaleDetail { position: relative; margin-top: 0px; float: left; width: 100%; } .no-svg .productPairing .greatPairing { background-image: url(../img/svgFallback/pairing.png); } .subSectionNav { padding: 0 10px 20px; width: 100%; margin-left: -10px; margin-bottom: 20px; border-bottom: 2px solid #eeead9; } .subSectionNav h1 { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #d31145; margin: 0 10px .25em; } .subSectionNav .listSelector { margin: 0 10px; } .footerSocial { float: right; padding: 15px 20px 5px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } .footerSocial iframe { margin-right: 3px; } .footerSocial .fb_edge_widget_with_comment { overflow: hidden; height: 20px; } .countryContent { display: none; } .countryContent.active { display: none; } .no-backgroundsize .userCountry.active #tallInternational { background: #00704a url(../img/svgFallback/mobInt.jpg) no-repeat 50% top; } .locations { padding: 20px; } .locations > h1 { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #00704a; } .locationsResults > h2 { margin-top: 1.5em; } .locationsResults > h1 { width: 100%; margin-left: -20px; margin-bottom: 0; padding: 10px 20px; background: #f5f2e7; font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #00704a; } .locationsResults .storeHours { position: relative; min-height: 35px; padding-top: 5px; } .locationsResults .storeHours:before { content: ''; font-family: 'icomoon'; display: block; -webkit-border-radius: 50%; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; color: #d31145; border: 3px solid #eeead9; position: absolute; left: 0; top: 0; text-align: center; width: 45px; height: 45px; line-height: 39px; font-size: 26px; background: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; top: 15px; content: '\e032'; } .locationsResults .storeHours { padding-left: 55px; } .locationsResults .phone { padding-bottom: 1em; } .locationsHeader > .myKKD, .locationsHeader > .myKKDName, .locationsHeader > .myKKDName { display: none; } .foursquare .photos { list-style: none; width: 100%; width: calc(100% + 10px); padding: 0; margin-left: -5px; } .foursquare .photos li { float: left; width: 25%; max-width: 110px; padding: 0 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .foursquare .photos li:first-child { display: none; } .foursquare .photos li img { width: 100%; -webkit-border-radius: 3px; border-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .foursquare .stats { list-style: none; margin-bottom: 0; padding-top: 12px; clear: both; display: table; width: 100%; position: relative; padding-left: 22%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .foursquare .stats:before { background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTE0LjgwOHB4IiBoZWlnaHQ9IjMyLjYwMXB4IiB2aWV3Qm94PSIwIDAgMTE0LjgwOCAzMi42MDEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDExNC44MDggMzIuNjAxIg0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik00NC4wMzIsMTQuMzQ4YzAuMjA1LTAuNjcsMC4zNDYtMS40OTIsMC43MzgtMS45NjFjMC4zMDUtMC4zNjMsMC44MjQtMC40MTgsMS4wNjYtMC44NDQNCgkJYy0xLjc1LTAuNjQxLTMuNTMxLTAuMTc0LTQuNTkyLDAuODYxYy0wLjQyMiwwLjQwNi0wLjYwNywxLjIwOS0wLjk4NCwxLjQ3NWMwLjIxMy0wLjYzNSwwLjMwMy0xLjU2NiwwLjQ5NC0xLjU2NmgtMi44NzENCgkJYy0wLjY5Myw0LTEuNDQ1LDgtMi4wNTEsMTJoMi43ODljMC43OTctNCwwLjU0Ny03LjYxOSwyLjI5Ny05LjIzMkM0MS41NzEsMTQuNDc1LDQzLjEyNiwxMy44NCw0NC4wMzIsMTQuMzQ4eiIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik02My41NDgsMTIuMzEyYy0wLjE2NCwwLTAuMTcyLDEuNDQ1LTAuNDEsMi4xMzdjLTAuNzczLTIuOTgyLTUuNTI3LTMuNDUzLTcuNzA3LTEuNzE1DQoJCWMtMy43MTEsMi45NTctMy4wNjIsMTAuNzI3LDIuMDUxLDExLjIzMmMyLjI5MywwLjIyOSwzLjI0LTAuOTI0LDQuMjYyLTEuODg1Yy0wLjAxNiwxLjYxOS0xLjE5NSw0LjQ1Ny0wLjksNi4xNQ0KCQljMC4yNzEsMS41NDksMi4wNjYsMS40OTgsNC4wMiwxLjQ3N2MwLjIwMS0wLjY3NCwwLjI2NC0xLjQ4NCwwLjQwOC0yLjIxNWMtMC41MTYtMC4wMjctMS4xOTEsMC4zMzgtMS40NzUsMC4wNzYNCgkJYzAuNjc4LTUuMzYzLDEuNzQ0LTkuMjU4LDIuNjIzLTE1LjI1OEg2My41NDh6IE01OC45NTYsMjEuNTA4Yy0xLjg1OS0wLjAxMi0yLjk1MS0xLjQ5LTIuOTUxLTMuMzYxDQoJCWMwLTIuMDYxLDEuMDY0LTMuNjIxLDIuNzg5LTMuOTM2YzEuNTItMC4yNzksMi43NjIsMC4yODcsMy4yNzcsMS4xNDhDNjMuNTkxLDE3Ljg3NSw2MS44NjQsMjEuNTI1LDU4Ljk1NiwyMS41MDh6Ii8+DQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTMxLjk3OSwxNi4wNjhjLTAuMjU0LDEuNDU1LTAuMzExLDIuNjExLTAuOTAyLDMuNTkyYy0wLjYwMiwxLTIuNiwyLjAzNy0zLjkzNiwxLjI3MQ0KCQljLTEuNTg4LTAuOTE0LTAuNTg0LTMuNDg4LTAuMjQ2LTUuMzMyYzAuMjYtMS40MjQsMC40MjgtMy4yODcsMC41NzQtMy4yODdoLTIuNzA3Yy0wLjEwMiwwLTAuMTY2LTAuMzgxLTAuMTYyLTAuMjQNCgkJYy0wLjE1OCwyLjQ1OS0xLjUyOSw1LjQwNi0xLjIzMiw4LjA0M2MwLjE5OSwxLjc4MywxLjQzNCwzLjE2NiwzLjI4MSwzLjM2MWMyLjQzNCwwLjI1OCwzLjQ5Ni0xLjA3LDQuNTEtMi4wNTENCgkJYzAuMDA2LDEuOTM0LDIuMDM1LDEuODQ4LDQuMDE4LDEuODA1YzAuMDU1LTAuNzkzLDAuMjg1LTEuNDA4LDAuMzI4LTIuMjE1Yy0wLjQ2NS0wLjA1NS0xLjE4LDAuMzgxLTEuMzk1LDAuMDc2DQoJCWMwLjAzMS0xLjU4MiwwLjM4My0yLjkxMiwwLjY1Ni00LjUxYzAuMjctMS41NywwLjYyMS00LjI3LDAuODItNC4yN2gtMi44NjlDMzIuNTc5LDEyLjMxMiwzMi4yMzcsMTQuNTksMzEuOTc5LDE2LjA2OHoiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTUuNjYxLDExLjE3OGMtMS45NzcsMC4yMzYtMy4xNzIsMS4xMDQtNC4xMDIsMi4yMTNjLTAuODMyLDAuOTk2LTEuNjM3LDIuNzIzLTEuNDczLDQuNjc0DQoJCWMwLjI4OSwzLjQ4NCwzLjQzOCw1Ljc1LDYuODg3LDUuNDEyYzMuMTE3LTAuMzA1LDUuODM2LTIuOTI0LDUuNzQtNi41NjFDMjIuNjE2LDEzLjIzOCwxOS42MTgsMTAuNzAxLDE1LjY2MSwxMS4xNzh6DQoJCSBNMTQuNjc5LDIwLjY4OGMtMS45OTQtMC45NzktMi4xODktNS4wMDgtMC4yNDYtNi40NzdjMC40NzktMC4zNjMsMC42OTctMC40NzcsMS44MDMtMC41NzRjMi4wOC0wLjE4OCwzLjQ5NiwxLjE4LDMuNTI3LDMuMzYxDQoJCUMxOS44MDQsMTkuOTI2LDE3LjI3OCwyMS45NjUsMTQuNjc5LDIwLjY4OHoiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNDkuNzc0LDEzLjk2NWMwLjY0NSwwLjI2OCwwLjc4MywwLjg1NywxLjE0NiwwLjk4NGMwLjU1My0wLjU0MSwxLjEyNy0xLjA2MSwxLjgwNS0xLjQ3Nw0KCQljLTIuMDM3LTMuMTc4LTguNzA5LTIuMjk1LTguMTE5LDIuMTMzYzAuMjE3LDEuNjE3LDEuNTksMi40NDksMi45NTMsMy4xMTVjMS4wNDcsMC41MSwyLjUyMywwLjc4MSwyLjIxNSwyLjIxMw0KCQljLTAuNjYsMC45NjMtMi40NjEsMC45NDMtMy41MjcsMC40MWMtMC43MDMtMC4zNTItMC45NDUtMS4wMDgtMS4zOTUtMS4zMTFjLTAuNjMzLDAuNDU5LTEuMjc3LDAuOTA4LTEuOTY3LDEuMzExDQoJCWMxLjM4OSwzLjQ4Niw5LjI3MSwzLjY4LDkuNjc4LTAuNTcyYzAuMjE5LTIuMzQ2LTEuNDQ3LTMuMzQyLTMuMTE5LTQuMTg0Yy0wLjg5NS0wLjQ1MS0yLjI3NS0wLjg2MS0yLjIxMy0xLjgwNQ0KCQlDNDcuMjk0LDEzLjgzMiw0OC43NjcsMTMuNTQ3LDQ5Ljc3NCwxMy45NjV6Ii8+DQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTc1LjM1NiwxMi4zMTJjLTAuMTkxLDAtMC4zOTEsMi40MTQtMC42NTYsMy44OTFjLTAuNDA4LDIuMjc3LTAuNjM3LDQuMzE2LTIuMjk3LDUuMDM1DQoJCWMtMC45NDEsMC40MS0yLjQ3MywwLjQ5NC0zLjExNS0wLjM1Yy0wLjk3Ny0xLjI3Ny0wLjAzMS0zLjUwMiwwLjI0OC01LjA0NWMwLjIzNC0xLjMxNCwwLjM2My0zLjUzMSwwLjU3LTMuNTMxaC0yLjcwMw0KCQljLTAuMTA1LDAtMC4xNjgtMC4xMzUtMC4xNjQsMC4wMDZjLTAuMjA3LDIuMTgtMS4wNTcsNC41MS0xLjIzLDYuODEyYy0wLjIxMSwyLjc5NywxLjE2NCw0LjYyMSwzLjI3OSw0LjgzNg0KCQljMi4xNSwwLjIyMSwzLjU2OC0wLjkzOCw0LjUxLTIuMTMxYy0wLjA0NywyLjAxNiwyLjAxNiwxLjkyNCw0LjAyLDEuODg3YzAuMDM3LTAuODExLDAuMjg5LTEuNDA0LDAuMzI2LTIuMjE1DQoJCWMtMC41MTgtMC4wMjktMS4xODksMC4zMzgtMS40NzUsMC4wNzZjMC4zNzEtMy4zMTgsMS4xMDctNy4yNzEsMS41NTktOS4yNzFINzUuMzU2eiIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMi40NjIsMTEuNjUxYy0xLjI1OC0wLjA1My0yLjczMi0wLjE3MS0zLjg1Mi0wLjM2MkM5LjI1NSw4LjkwOCw4LjcxNiw1LjEwNywxMS44OSw1LjU4DQoJCWMwLjgxOCwwLjEyNSwxLjI2OCwwLjcyMSwxLjk2NywxLjEyM2MwLjQzOC0wLjczOCwxLjIxNS0xLjAxNCwxLjY0MS0xLjc2NGMtMS40MzQtMi4wMjctNS42MDItMi4xNTItNy41NDMtMC40OTINCgkJYy0xLjg1NSwxLjU4Mi0xLjQ1MywzLjg2NS0yLjI5Nyw3Ljg2NUgzLjI4Yy0wLjA4NiwwLTAuMjcxLDEuMjQ4LTAuNDEyLDIuMDQxYzAuODAxLDAuMDQ3LDEuODAxLTAuNDQxLDIuNDYxLTAuMjU4DQoJCWMtMC41OTgsMy4yODEtMS4yMTksNi4yMTctMS43MjMsMTAuMjE3aDIuNzg5YzAuNjI5LTQsMS4xNDgtNiwxLjgwNS0xMGgxLjgwNUMxMC43MjIsMTIuMzEyLDExLjQ0OCwxMi4yNDksMTIuNDYyLDExLjY1MXoiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNODguMTQ5LDE0LjQ0OWMtMC41NDMtMS40NzUtMS44NzUtMi43MDEtMy40NDUtMi44NjNjLTQuNDUzLTAuNDU1LTYuNjI1LDMuNzMtNi4zMTIsNy40NjMNCgkJYzAuMjAzLDIuNDUzLDEuNzc3LDQuNjg5LDQuMjYyLDQuOTE4YzIuMzI2LDAuMjE1LDYuMzY3LTAuMjE1LDguMzY1LTAuMjQ0YzAuMDY4LTAuNzgxLDAuMjY4LTEuNDMsMC4zMy0yLjIxNQ0KCQljLTAuNDY1LTAuMDU1LTEuMTgsMC4xNDEtMS4zOTYtMC4xNjRjLTAuMDU5LTEuNjAyLDAuMzkzLTIuOTQ1LDAuNjU0LTQuNTE2YzAuMjcxLTEuNiwwLjU0MS00LjUxNiwwLjgyMi00LjUxNkg4OC41Ng0KCQlDODguNDEzLDEyLjMxMiw4OC40MTMsMTMuNzg1LDg4LjE0OSwxNC40NDl6IE04Ni4yNjMsMjAuNzcxYy0xLjEwNCwwLjkyLTMuMzg1LDEuMDM1LTQuMzQ0LTAuMzI4DQoJCWMtMS4zMzItMS44OTEtMC4yMTktNS4wNTUsMC44OTgtNS44MjJjMC4yNTQtMC4xNzQsMC42NTItMC4zMDUsMS4yMzItMC40MWMwLjM3Ny0wLjA3LDEuMzA1LTAuMDk4LDEuNjM5LDANCgkJYzAuNzI3LDAuMjEzLDEuNDIyLDEuMTI5LDEuNDc3LDEuMjI5Qzg4LjA0NiwxNy4wMzUsODcuNDkxLDE5Ljc0NCw4Ni4yNjMsMjAuNzcxeiIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMDEuNzYxLDEyLjIxOWMtMC42NDgtMC4zMTItMS4zMjYtMC40OS0yLjA0OS0wLjUxNGMtMS44MTgtMC4wNTUtMy4wMTgsMS40MTgtMy42OTEsMi4zMzQNCgkJYzAuMTEzLTAuNjc4LDAuMzA3LTEuNzI3LDAuNDEtMS43MjdoLTIuODY5Yy0wLjYyNSw0LTEuNCw4LTIuMDUxLDEyaDIuODcxYzAuNjkzLTQsMC41NDktOC4yMDksMi44NjktOS4zOTYNCgkJYzAuNjk5LTAuMzU5LDEuOTg4LTAuNjE3LDIuNTQzLTAuMTE5QzEwMC4yMjQsMTMuNzUyLDEwMC44ODgsMTIuODIsMTAxLjc2MSwxMi4yMTl6Ii8+DQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEwNS4yODYsMTEuNTg2Yy0zLjMyNCwwLjM0NC01Ljc3MywzLjMxNi01LjQ5Miw2Ljg4N2MwLjI5MywzLjc3MywzLjQ1Myw1Ljc4NSw3LjIxMSw1LjQ5NA0KCQljMS43NTgtMC4xMzUsMi44NjMtMC43ODMsNC4xODgtMS43MjFjLTAuNDg4LTAuNzQ2LTEuMDc0LTEuMzg5LTEuODA3LTEuODg3Yy0xLjUwOCwyLjAwNC02LjY0MywxLjQ1My02LjU1OS0xLjMxMQ0KCQljMy4xMjEtMC4yMTUsNi4wMS0wLjY2LDkuMS0wLjkwMkMxMTEuODkyLDE0LjEzMSwxMDkuODg4LDExLjExMSwxMDUuMjg2LDExLjU4NnogTTEwMi42NjEsMTcuMTYyDQoJCWMwLjMwMS0wLjk2MSwwLjM2MS0xLjc3NywxLjA2Ni0yLjQ2MWMxLjYwOS0xLjU1Myw1LjI0Mi0wLjg5Niw1LjE2NiwxLjgwNUMxMDYuNzYzLDE2LjY3MiwxMDQuNzIsMTYuOTI0LDEwMi42NjEsMTcuMTYyeiIvPg0KCTxwYXRoIGZpbGw9IiM0RTY2NzMiIGQ9Ik0xNi4yMzUsMTMuNjM3Yy0xLjEwNSwwLjA5OC0xLjMyNCwwLjIxMS0xLjgwMywwLjU3NGMtMS45NDMsMS40NjktMS43NDgsNS40OTgsMC4yNDYsNi40NzcNCgkJYzIuNiwxLjI3Nyw1LjEyNS0wLjc2Miw1LjA4NC0zLjY4OUMxOS43MzEsMTQuODE2LDE4LjMxNSwxMy40NDksMTYuMjM1LDEzLjYzN3oiLz4NCgk8cGF0aCBmaWxsPSIjNEU2NjczIiBkPSJNMTAzLjcyOCwxNC43MDFjLTAuNzA1LDAuNjg0LTAuNzY2LDEuNS0xLjA2NiwyLjQ2MWMyLjA1OS0wLjIzOCw0LjEwMi0wLjQ5LDYuMjMyLTAuNjU2DQoJCUMxMDguOTcsMTMuODA1LDEwNS4zMzcsMTMuMTQ4LDEwMy43MjgsMTQuNzAxeiIvPg0KCTxwYXRoIGZpbGw9IiM0RTY2NzMiIGQ9Ik0xMTQuMDYsMTMuODAxYy0xLjQwNi0zLjQzNi01LjMzNi01LjkzLTEwLjE2Ni00LjgzOGMtMC40MjgsMC4wOTYtMC45NDUsMC40MTQtMS4zOTUsMC40MQ0KCQljLTAuNDEtMC4wMDYtMC45NTktMC4zMDMtMS40NzctMC40MWMtMS4zMzgtMC4yNzctMi41MjktMC4zMy0zLjY4OSwwLjE2NGMtMS4zMzgtMC4yNTYtMy42OTctMC4zMDctNC45MiwwLjA4DQoJCWMtMC45NTEtMC4yNzUtMi45MDQtMC40MTYtNC4xODQtMC4yNDRjLTAuNDA0LDAuMDUzLTAuNzkxLDAuMzM4LTEuMTQ2LDAuMzI2Yy0wLjMwMS0wLjAwOC0wLjcyNy0wLjIzOC0xLjA2Ni0wLjMyNg0KCQljLTIuMDI5LTAuNTMxLTQuMTUtMC4xNzYtNS44MiwwLjczOGMtMC42MzEtMC44NzUtNC44MjgtMS4wNzQtNi4wNjgtMC40OTRjLTAuNzcxLDAuMzYzLTAuOTQxLDEuMDQ5LTEuNDc3LDEuMzk1DQoJCWMtMC42NTYtMi4wMjEtMy4wMjEtMS41NTktNS43NC0xLjU1N2MtMi4xOTksMC0zLjc2Mi0wLjM3OS00Ljg0LDAuMzI4Yy0yLjUyNy0xLjMyNi02LjY0MS0wLjQ1MS04LjI4MSwxLjA2Ng0KCQljLTEuMzc5LTEuMTQzLTMuMzI4LTEuODgxLTUuNjU2LTEuNzIzYy0wLjM1NSwwLjAyMy0wLjc3NywwLjE5OS0xLjE0OCwwLjE2MmMtMC40OC0wLjA0NS0xLjAxLTAuMzk1LTEuNTU5LTAuNDkNCgkJYy0xLjQzOC0wLjI1Ni0yLjcxNS0wLjE2NC0zLjg1MiwwLjI0NmMtMS4zNDQtMC4yNzMtMy42OTEtMC4yODUtNC45MjIsMC4wODJjLTEuMzU1LTAuMzA1LTQuMjE1LTAuNTYyLTUuNDEsMC4xNjINCgkJYy0wLjU5NCwwLjM1OS0wLjcxNSwwLjktMS4yMywxLjIzMmMtMC42OC0yLjQxNC03LjE0MS0yLjI1Mi03Ljk1NS0wLjA4NGMtMS40NTUtMS4wODgtMy4yMy0xLjg1NS01LjgyMi0xLjgwMw0KCQljMC45MzgtMS4xOTMsMi44OTEtMi4zNSwxLjk2OS00LjY3NGMtMC4zODctMC45NzEtMS41ODYtMS43NzktMi42MjUtMi4zNzljLTEuNC0wLjgwNy0yLjk3OS0xLjI4NS00Ljg0LTEuMTQ4DQoJCUM1Ljk1LDAuMzc3LDMuNjgxLDMuNjY2LDMuMzYsOC40NzFDMi4zLDguNTQzLDEuMjQ3LDguOTkyLDAuNzM1LDEwLjAyN2MtMC4yMTMsMC40MzgtMC4yOTMsMS4xNi0wLjQwOCwxLjgwNQ0KCQljLTAuMTI3LDAuNzE1LTAuMzQ2LDEuNDQ5LTAuMzI2LDEuOTY5YzAuMDQ3LDEuMzg3LDEuMDM1LDIuMjU0LDEuOTY1LDIuNzA1Yy0wLjI1NiwyLjA1MS0xLjA5NCw0LjcwNS0xLjIzLDYuODg5DQoJCWMtMC4xMDIsMS42NjIsMC44NTIsMi45NDUsMi4zNzksMy4xOTdjMS4wMzMsMC4xNywyLjY0OCwwLjE1LDMuNjkxLDBjMS43MjUtMC4yNDgsMi4zNDQtMS42ODQsMi42MjUtMy4xOTcNCgkJYzEuMzM4LDEuNDgyLDMuNTM1LDIuNzk5LDYuMzEyLDIuOTUzYzIuNiwwLjE0Myw0Ljg3MS0wLjg4NSw2LjQ3OS0yLjA1M2MxLjU0MSwyLjAwNiw2LjE4OSwyLjc4Myw4LjUyNywxLjE0OA0KCQljMC41NDcsMC4zNCwxLjU2OCwwLjU5NCwyLjcwNywwLjY1NmMxLjc2NiwwLjA5OCw0LjA5LDAuMTk1LDUuNDk0LDBjMS4zMTYtMC4xODIsMS45NzMtMS4wODQsMi40NTktMS44ODUNCgkJYzEuMjYsMS4zMywzLjM3NywyLjQ3OSw1Ljk4NiwyLjYyM2MyLjMwNSwwLjEyNyw0LjM4Ny0wLjU4LDUuODIyLTEuNjM5YzEuMjM0LDAuOTUxLDIuODM4LDEuNTMzLDQuODM4LDEuNzIxDQoJCWMtMC40NTcsMy4xNzgsMS41MTIsNS4zMzIsNC4zNDQsNS41NzZjMC45LDAuMDc2LDIuMTkxLDAuMTkxLDMuMTk5LDBjMi4yODctMC40MzQsMi40OTItMy42NDYsMi40NjEtNS45MDQNCgkJYzEuNzc3LDAuNTU3LDQuMTEzLDAuMTA0LDUuMzI4LTAuNjU0YzEuNDY1LDAuNzk1LDQuOTI2LDEuMDE4LDYuMzEyLDBjMS42NDEsMS4xNTIsNS4xNjIsMS4xNDYsNi44OTEsMC4wOA0KCQljMS4xOTMsMC41NzgsMi44NDQsMC41NzYsNC42NzIsMC41NzRjMS4yMTcsMCwyLjQ2OSwwLjExNywzLjM2MywwYzIuNDgtMC4zMjIsMi41NjgtMi41NDUsMy4wMzUtNC45Mg0KCQljMS4wOSwyLjQxMiwzLjMyLDQuNDY3LDYuODg3LDUuMDA0YzEuNzg1LDAuMjY2LDMuNjAyLDAuMTQ4LDUuMjQ4LTAuNDEyYzEuMjY4LTAuNDMsMi45OTYtMS4zNzksMy42OTEtMi4yOTcNCgkJYzAuNjk1LTAuOTIsMC43NzEtMi42NjYsMC4wOC0zLjUyM0MxMTUuNTc5LDE5LjYxNywxMTQuNjg1LDE1LjMyNCwxMTQuMDYsMTMuODAxeiBNOC4yLDE0LjMxMmMtMC42NTYsNC0xLjE3Niw2LTEuODA1LDEwSDMuNjA2DQoJCWMwLjUwNC00LDEuMTI1LTYuOTM2LDEuNzIzLTEwLjIxN2MtMC42Ni0wLjE4NC0xLjY2LDAuMzA1LTIuNDYxLDAuMjU4YzAuMTQxLTAuNzkzLDAuMzI2LTIuMDQxLDAuNDEyLTIuMDQxaDIuMzc3DQoJCWMwLjg0NC00LDAuNDQxLTYuMjgzLDIuMjk3LTcuODY1YzEuOTQxLTEuNjYsNi4xMDktMS41MzUsNy41NDMsMC40OTJjLTAuNDI2LDAuNzUtMS4yMDMsMS4wMjUtMS42NDEsMS43NjQNCgkJYy0wLjY5OS0wLjQwMi0xLjE0OC0wLjk5OC0xLjk2Ny0xLjEyM0M4LjcxNiw1LjEwNyw5LjI1NSw4LjkwOCw4LjYxLDExLjI4OWMxLjExOSwwLjE5MSwyLjU5NCwwLjMxLDMuODUyLDAuMzYyDQoJCWMtMS4wMTQsMC41OTgtMS43NCwwLjY2MS0yLjQ1NywyLjY2MUg4LjJ6IE0xNi45NzQsMjMuNDc3Yy0zLjQ0OSwwLjMzOC02LjU5OC0xLjkyOC02Ljg4Ny01LjQxMg0KCQljLTAuMTY0LTEuOTUxLDAuNjQxLTMuNjc4LDEuNDczLTQuNjc0YzAuOTMtMS4xMDksMi4xMjUtMS45NzcsNC4xMDItMi4yMTNjMy45NTctMC40NzcsNi45NTUsMi4wNjEsNy4wNTMsNS43MzgNCgkJQzIyLjgxLDIwLjU1MywyMC4wOTEsMjMuMTcyLDE2Ljk3NCwyMy40Nzd6IE0zNC43NjcsMTYuNTgyYy0wLjI3MywxLjU5OC0wLjYyNSwyLjkyOC0wLjY1Niw0LjUxDQoJCWMwLjIxNSwwLjMwNSwwLjkzLTAuMTMxLDEuMzk1LTAuMDc2Yy0wLjA0MywwLjgwNy0wLjI3MywxLjQyMi0wLjMyOCwyLjIxNWMtMS45ODIsMC4wNDMtNC4wMTIsMC4xMjktNC4wMTgtMS44MDUNCgkJYy0xLjAxNCwwLjk4LTIuMDc2LDIuMzA5LTQuNTEsMi4wNTFjLTEuODQ4LTAuMTk1LTMuMDgyLTEuNTc4LTMuMjgxLTMuMzYxYy0wLjI5Ny0yLjYzNywxLjA3NC01LjU4NCwxLjIzMi04LjA0Mw0KCQljLTAuMDA0LTAuMTQxLDAuMDYxLDAuMjQsMC4xNjIsMC4yNGgyLjcwN2MtMC4xNDYsMC0wLjMxNCwxLjg2My0wLjU3NCwzLjI4N2MtMC4zMzgsMS44NDQtMS4zNDIsNC40MTgsMC4yNDYsNS4zMzINCgkJYzEuMzM2LDAuNzY2LDMuMzM0LTAuMjcxLDMuOTM2LTEuMjcxYzAuNTkyLTAuOTgsMC42NDgtMi4xMzcsMC45MDItMy41OTJjMC4yNTgtMS40NzksMC42LTMuNzU2LDAuNzM4LTMuNzU2aDIuODY5DQoJCUMzNS4zODgsMTIuMzEyLDM1LjAzNiwxNS4wMTIsMzQuNzY3LDE2LjU4MnogTTQwLjkxOSwxNS4wOGMtMS43NSwxLjYxMy0xLjUsNS4yMzItMi4yOTcsOS4yMzJoLTIuNzg5YzAuNjA1LTQsMS4zNTctOCwyLjA1MS0xMg0KCQloMi44NzFjLTAuMTkxLDAtMC4yODEsMC45MzItMC40OTQsMS41NjZjMC4zNzctMC4yNjYsMC41NjItMS4wNjgsMC45ODQtMS40NzVjMS4wNjEtMS4wMzUsMi44NDItMS41MDIsNC41OTItMC44NjENCgkJYy0wLjI0MiwwLjQyNi0wLjc2MiwwLjQ4LTEuMDY2LDAuODQ0Yy0wLjM5MywwLjQ2OS0wLjUzMywxLjI5MS0wLjczOCwxLjk2MUM0My4xMjYsMTMuODQsNDEuNTcxLDE0LjQ3NSw0MC45MTksMTUuMDh6DQoJCSBNNDkuNDQ0LDE2LjU4OGMxLjY3MiwwLjg0MiwzLjMzOCwxLjgzOCwzLjExOSw0LjE4NGMtMC40MDYsNC4yNTItOC4yODksNC4wNTktOS42NzgsMC41NzJjMC42ODktMC40MDIsMS4zMzQtMC44NTIsMS45NjctMS4zMTENCgkJYzAuNDQ5LDAuMzAzLDAuNjkxLDAuOTU5LDEuMzk1LDEuMzExYzEuMDY2LDAuNTMzLDIuODY3LDAuNTUzLDMuNTI3LTAuNDFjMC4zMDktMS40MzItMS4xNjgtMS43MDMtMi4yMTUtMi4yMTMNCgkJYy0xLjM2My0wLjY2Ni0yLjczNi0xLjQ5OC0yLjk1My0zLjExNWMtMC41OS00LjQyOCw2LjA4Mi01LjMxMSw4LjExOS0yLjEzM2MtMC42NzgsMC40MTYtMS4yNTIsMC45MzYtMS44MDUsMS40NzcNCgkJYy0wLjM2My0wLjEyNy0wLjUwMi0wLjcxNy0xLjE0Ni0wLjk4NGMtMS4wMDgtMC40MTgtMi40OC0wLjEzMy0yLjU0MywwLjgxOEM0Ny4xNjksMTUuNzI3LDQ4LjU1LDE2LjEzNyw0OS40NDQsMTYuNTg4eg0KCQkgTTY1LjI3MSwyNy40OTRjLTAuMTQ1LDAuNzMtMC4yMDcsMS41NDEtMC40MDgsMi4yMTVjLTEuOTUzLDAuMDIxLTMuNzQ4LDAuMDcyLTQuMDItMS40NzdjLTAuMjk1LTEuNjkzLDAuODg1LTQuNTMxLDAuOS02LjE1DQoJCWMtMS4wMjEsMC45NjEtMS45NjksMi4xMTMtNC4yNjIsMS44ODVjLTUuMTEzLTAuNTA2LTUuNzYyLTguMjc1LTIuMDUxLTExLjIzMmMyLjE4LTEuNzM4LDYuOTM0LTEuMjY4LDcuNzA3LDEuNzE1DQoJCWMwLjIzOC0wLjY5MSwwLjI0Ni0yLjEzNywwLjQxLTIuMTM3aDIuODcxYy0wLjg3OSw2LTEuOTQ1LDkuODk1LTIuNjIzLDE1LjI1OEM2NC4wNzksMjcuODMyLDY0Ljc1NSwyNy40NjcsNjUuMjcxLDI3LjQ5NHoNCgkJIE03OC4xNDQsMjEuNTA4Yy0wLjAzNywwLjgxMS0wLjI4OSwxLjQwNC0wLjMyNiwyLjIxNWMtMi4wMDQsMC4wMzctNC4wNjYsMC4xMjktNC4wMi0xLjg4N2MtMC45NDEsMS4xOTMtMi4zNTksMi4zNTItNC41MSwyLjEzMQ0KCQljLTIuMTE1LTAuMjE1LTMuNDktMi4wMzktMy4yNzktNC44MzZjMC4xNzQtMi4zMDMsMS4wMjMtNC42MzMsMS4yMy02LjgxMmMtMC4wMDQtMC4xNDEsMC4wNTktMC4wMDYsMC4xNjQtMC4wMDZoMi43MDMNCgkJYy0wLjIwNywwLTAuMzM2LDIuMjE3LTAuNTcsMy41MzFjLTAuMjc5LDEuNTQzLTEuMjI1LDMuNzY4LTAuMjQ4LDUuMDQ1YzAuNjQzLDAuODQ0LDIuMTc0LDAuNzYsMy4xMTUsMC4zNQ0KCQljMS42Ni0wLjcxOSwxLjg4OS0yLjc1OCwyLjI5Ny01LjAzNWMwLjI2Ni0xLjQ3NywwLjQ2NS0zLjg5MSwwLjY1Ni0zLjg5MWgyLjg3MWMtMC40NTEsMi0xLjE4OCw1Ljk1My0xLjU1OSw5LjI3MQ0KCQlDNzYuOTU0LDIxLjg0Niw3Ny42MjYsMjEuNDc5LDc4LjE0NCwyMS41MDh6IE05MC42MDYsMTYuODI4Yy0wLjI2MiwxLjU3LTAuNzEzLDIuOTE0LTAuNjU0LDQuNTE2DQoJCWMwLjIxNywwLjMwNSwwLjkzMiwwLjEwOSwxLjM5NiwwLjE2NGMtMC4wNjIsMC43ODUtMC4yNjIsMS40MzQtMC4zMywyLjIxNWMtMS45OTgsMC4wMjktNi4wMzksMC40NTktOC4zNjUsMC4yNDQNCgkJYy0yLjQ4NC0wLjIyOS00LjA1OS0yLjQ2NS00LjI2Mi00LjkxOGMtMC4zMTItMy43MzIsMS44NTktNy45MTgsNi4zMTItNy40NjNjMS41NywwLjE2MiwyLjkwMiwxLjM4OSwzLjQ0NSwyLjg2Mw0KCQljMC4yNjQtMC42NjQsMC4yNjQtMi4xMzcsMC40MS0yLjEzN2gyLjg2OUM5MS4xNDcsMTIuMzEyLDkwLjg3OCwxNS4yMjksOTAuNjA2LDE2LjgyOHogTTk3LjI1MSwxNC45MTYNCgkJYy0yLjMyLDEuMTg4LTIuMTc2LDUuMzk2LTIuODY5LDkuMzk2aC0yLjg3MWMwLjY1LTQsMS40MjYtOCwyLjA1MS0xMmgyLjg2OWMtMC4xMDQsMC0wLjI5NywxLjA0OS0wLjQxLDEuNzI3DQoJCWMwLjY3NC0wLjkxNiwxLjg3My0yLjM4OSwzLjY5MS0yLjMzNGMwLjcyMywwLjAyMywxLjQsMC4yMDEsMi4wNDksMC41MTRjLTAuODczLDAuNjAyLTEuNTM3LDEuNTMzLTEuOTY3LDIuNTc4DQoJCUM5OS4yMzksMTQuMjk5LDk3Ljk1LDE0LjU1Nyw5Ny4yNTEsMTQuOTE2eiBNMTA5LjM4NiwyMC4zNTljMC43MzIsMC40OTgsMS4zMTgsMS4xNDEsMS44MDcsMS44ODcNCgkJYy0xLjMyNCwwLjkzOC0yLjQzLDEuNTg2LTQuMTg4LDEuNzIxYy0zLjc1OCwwLjI5MS02LjkxOC0xLjcyMS03LjIxMS01LjQ5NGMtMC4yODEtMy41NywyLjE2OC02LjU0Myw1LjQ5Mi02Ljg4Nw0KCQljNC42MDItMC40NzUsNi42MDUsMi41NDUsNi42NDEsNi41NjFjLTMuMDksMC4yNDItNS45NzksMC42ODgtOS4xLDAuOTAyQzEwMi43NDMsMjEuODEyLDEwNy44NzgsMjIuMzYzLDEwOS4zODYsMjAuMzU5eiIvPg0KCTxwYXRoIGZpbGw9IiM0RTY2NzMiIGQ9Ik01OC43OTQsMTQuMjExYy0xLjcyNSwwLjMxNC0yLjc4OSwxLjg3NS0yLjc4OSwzLjkzNmMwLDEuODcxLDEuMDkyLDMuMzUsMi45NTEsMy4zNjENCgkJYzIuOTA4LDAuMDE4LDQuNjM1LTMuNjMzLDMuMTE1LTYuMTQ4QzYxLjU1NiwxNC40OTgsNjAuMzEzLDEzLjkzMiw1OC43OTQsMTQuMjExeiIvPg0KCTxwYXRoIGZpbGw9IiM0RTY2NzMiIGQ9Ik04NS42ODgsMTQuMjExYy0wLjMzNC0wLjA5OC0xLjI2Mi0wLjA3LTEuNjM5LDBjLTAuNTgsMC4xMDUtMC45NzksMC4yMzYtMS4yMzIsMC40MQ0KCQljLTEuMTE3LDAuNzY4LTIuMjMsMy45MzItMC44OTgsNS44MjJjMC45NTksMS4zNjMsMy4yNCwxLjI0OCw0LjM0NCwwLjMyOGMxLjIyOS0xLjAyNywxLjc4My0zLjczNiwwLjkwMi01LjMzMg0KCQlDODcuMTEsMTUuMzQsODYuNDE1LDE0LjQyNCw4NS42ODgsMTQuMjExeiIvPg0KPC9nPg0KPC9zdmc+DQo=") no-repeat scroll 50% 50%/contain transparent; content: ""; display: block; position: absolute; left: 0; top: 12px; height: 35px; width: 20%; max-width: 100%; } .foursquare .stats li { display: table-cell; text-align: center; margin-top: -20px; font-size: 12px; font-size: 1.2rem; font-family: 'FrutigerLTCom-Roman', sans-serif; font-weight: normal; padding: 0 4px; line-height: 16px; } .foursquare .stats li strong { display: block; font-weight: normal; font-family: 'FrutigerLTCom-Roman', sans-serif; font-weight: normal; } .foursquare .stats li small { font-size: 12px; font-size: 1.2rem; font-family: 'FrutigerLTCom-Bold', sans-serif; font-weight: normal; } .foursquare .stats .mayor img { display: none; } .locationsResultsList { list-style: none; margin: 0; } .locationsResultsList .offerIcons { display: none; } .myKKDLink { display: none; font-size: 12px; } .myKKDLink.notMyKKD { display: block; } .myKKD, .myKKDName { display: block; } .myKKD.notMyKKD, .notMyKKD.myKKDName { display: none; } .no-svg .location.type_Store, .no-svg .locationPage .location, .locationPage .no-svg .location, .no-svg .location.type_Commissary, .no-svg .location.type_Franchise, .IE10 .location.type_Store, .IE10 .locationPage .location, .locationPage .IE10 .location, .IE10 .location.type_Commissary, .IE10 .location.type_Franchise, .IE9 .location.type_Store, .IE9 .locationPage .location, .locationPage .IE9 .location, .IE9 .location.type_Commissary, .IE9 .location.type_Franchise { background-image: url(../img/svgFallback/logoTinyFallback.png); background-repeat: no-repeat; } .no-svg .location.type_Wholesale, .IE10 .location.type_Wholesale, .IE9 .location.type_Wholesale { background-image: url(../img/svgFallback/cartFallback.png); background-repeat: no-repeat; } .location { position: relative; padding: 15px 0 15px 58px; border-bottom: 3px solid #f5f2e7; } .location.type_Store, .locationPage .location { background: url("/App_Themes/KrispyKreme/img/mappins/lgnd_hl_off.png") no-repeat left top; background-size: 44px auto; background-position: left 15px; } .location.type_Store.nohohlhours, .locationPage .location.nohohlhours { background: url("/App_Themes/KrispyKreme/img/mappins/lgnd_hl_na.png") no-repeat left top; background-size: 44px auto; background-position: left 15px; } .location.type_Store.hotlightOn, .locationPage .location.hotlightOn { background: url("/App_Themes/KrispyKreme/img/mappins/lgnd_hl_on.png") no-repeat left top; background-size: 44px auto; background-position: left 15px; } .location.type_Franchise { background: url("/App_Themes/KrispyKreme/img/mappins/lgnd_hl_off.png") no-repeat left top; background-size: 44px auto; background-position: left 15px; } .location.type_Franchise.nohohlhours { background: url("/App_Themes/KrispyKreme/img/mappins/lgnd_hl_na.png") no-repeat left top; background-size: 44px auto; background-position: left 15px; } .location.type_Franchise.hotlightOn { background: url("/App_Themes/KrispyKreme/img/mappins/lgnd_hl_on.png") no-repeat left top; background-size: 44px auto; background-position: left 15px; } .location.type_Commissary { background: url("/App_Themes/KrispyKreme/img/mappins/lgnd_comis.png") no-repeat left top; background-size: 44px auto; background-position: left 15px; } .location.type_Wholesale { background: no-repeat 5px 15px; background-size: 30px auto; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMTUuMjgycHgiIGhlaWdodD0iODUuMzQ2cHgiIHZpZXdCb3g9IjAgMCAxMTUuMjgyIDg1LjM0NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTE1LjI4MiA4NS4zNDYiPjxzdHlsZT4uc3R5bGUwe2ZpbGw6CSMwMDcwNEE7fS5zdHlsZTF7c3Ryb2tlOgkjRkZGRkZGO3N0cm9rZS13aWR0aDoJNDtzdHJva2UtbWl0ZXJsaW1pdDoJMTA7fS5zdHlsZTJ7ZmlsbDoJI0ZEQjg1RDt9PC9zdHlsZT48Zz48cGF0aCBkPSJNMTEwLjI4MiAwaC0xOC41Yy0yLjA3IDAtMy45MjYgMS4yNzUtNC42NjggMy4yMDhMODEuNTMyIDE3Ljc1aC00NS4xOWMtMi43NjEgMC01IDIuMjM5LTUgNXMyLjIzOSA1IDUgNSBoNDEuMzUxbC0yLjg3OSA3LjVIMzYuMDMyYy0yLjc2MSAwLTUgMi4yMzktNSA1YzAgMi44IDIuMiA1IDUgNWgzNC45NDJsLTIuODc5IDcuNUgxOS4yODJjLTIuNzYxIDAtNSAyLjIzOC01IDVzMi4yMzkgNSA1IDUgaDUyLjI1YzIuMDcgMCAzLjkyNi0xLjI3NSA0LjY2OC0zLjIwOEw5NS4yMTkgMTBoMTUuMDYzYzIuNzYyIDAgNS0yLjIzOSA1LTVTMTEzLjA0NCAwIDExMC4zIDB6IiBjbGFzcz0ic3R5bGUwIi8+PGVsbGlwc2UgdHJhbnNmb3JtPSJtYXRyaXgoMC42MTEyIC0wLjc5MTUgMC43OTE1IDAuNjExMiAtMzMuNjQ1MyA4NS43NjE5KSIgY3g9IjcwLjUiIGN5PSI3Ny4xIiByeD0iNy44IiByeT0iOC45IiBjbGFzcz0ic3R5bGUwIi8+PGVsbGlwc2UgdHJhbnNmb3JtPSJtYXRyaXgoMC42MTEyIC0wLjc5MTUgMC43OTE1IDAuNjExMiAtNDguNzA0NyA1NS4xMDAzKSIgY3g9IjMxLjciIGN5PSI3Ny4xIiByeD0iNi45IiByeT0iNy45IiBjbGFzcz0ic3R5bGUwIi8+PC9nPjxnPjxwYXRoIGQ9Ik0yMi41IDUwLjIyM2MtMTEuMzA0IDAtMjAuNS05LjE5Ni0yMC41LTIwLjUgYzAtMTEuMzA0IDkuMTk2LTIwLjUgMjAuNS0yMC41UzQzIDE4LjQgNDMgMjkuNzIzQzQzIDQxIDMzLjggNTAuMiAyMi41IDUwLjIyM3ogTTIyLjUgMTkuMiBjLTUuNzkgMC0xMC41IDQuNzEtMTAuNSAxMC41czQuNzEgMTAuNSAxMC41IDEwLjVzMTAuNS00LjcxIDEwLjUtMTAuNVMyOC4yOSAxOS4yIDIyLjUgMTkuMjIzeiIgY2xhc3M9InN0eWxlMSIvPjwvZz48Zz48cGF0aCBkPSJNMjIuNSA1MC4yMjNjLTExLjMwNCAwLTIwLjUtOS4xOTYtMjAuNS0yMC41YzAtMTEuMzA0IDkuMTk2LTIwLjUgMjAuNS0yMC41UzQzIDE4LjQgNDMgMjkuNyBDNDMgNDEgMzMuOCA1MC4yIDIyLjUgNTAuMjIzeiBNMjIuNSAxOS4yMjNjLTUuNzkgMC0xMC41IDQuNzEtMTAuNSAxMC41czQuNzEgMTAuNSAxMC41IDEwLjVzMTAuNS00LjcxIDEwLjUtMTAuNSBTMjguMjkgMTkuMiAyMi41IDE5LjIyM3oiIGNsYXNzPSJzdHlsZTIiLz48L2c+PC9zdmc+); } .location h1 { margin-top: 0; padding-right: 55px; } .location h1 a:after { color: #d31145; position: static; padding-left: 5px; top: auto; } .location .distance { right: 0; top: 15px; position: absolute; } .location .hotLightHours h3, .location .HotLightHours h3, .location .storeHours h3, .location .StoreHours h3, .location .Drive-ThruHours h3 { margin-bottom: 0; } .location .hotLightHours p, .location .HotLightHours p, .location .storeHours p, .location .StoreHours p, .location .Drive-ThruHours p { margin-top: 5px; } .location .hotLightHours time, .location .HotLightHours time, .location .storeHours time, .location .StoreHours time, .location .Drive-ThruHours time { display: block; } .location .hotLightHours, .location .HotLightHours { padding-left: 55px; position: relative; padding-bottom: 10px; } .location .hotLightHours:before, .location .HotLightHours:before { content: url("../img/mappins/HotSign_2_On.png"); transform: scale(0.7); -webkit-transform: scale(0.7); -ms-transform: scale(0.7); color: #d31145; position: absolute; left: -15px; top: -20px; } .hotLightHours .continueLink:after { color: #d31145; } .hotLightHours .continueLink:hover, .hotLightHours .continueLink:active { color: #d31145; } .locationPage #map { height: 160px; width: 100%; } .locationPage header { padding: 20px; } .locationPage header .backLink { line-height: 40px; } .locationPage header .socialShare { float: right; width: 148px; } .locationPage .location { position: relative; padding: 20px 20px 10px; background-position: 20px 25px; border-bottom: 0 none; } .locationPage .location > h1, .locationPage .location > div { margin-left: 58px; } .locationPage .location > h1 { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #00704a; } .locationPage .location .storeHours h3:first-child { margin-top: 0; } .locationPage .location .hotLightHours, .locationPage .location .HotLightHours { padding-bottom: 12px; } .locationPage .location .hotLightHours p, .locationPage .location .HotLightHours p { margin-bottom: 0; } .locationPage .location .phone { padding-top: 12px; } .locationPage .location .myKKD, .locationPage .location .myKKDName, .locationPage .location .myKKDLink { padding-bottom: 15px; } .locationPage .location .distance { right: 20px; top: 25px; } .locationPage .contentSection { padding: 20px 0 23px; margin: 0 20px; background-position: left bottom; background-repeat: repeat-x; } .locationPage .socialIcons { list-style: none; float: none; margin-bottom: 0; } .locationPage .socialIcons li { float: none; display: inline-block; } .locationPage .socialIcons li a { width: 34px; height: 34px; line-height: 34px; } .locationPage .socialIcons li a:before { font-size: 28px; line-height: 34px; } #lspSlidesSlider .slide img, #lspImageSlides .slide img { width: 100%; max-width: 432px; } .lspImageSlidesWrap { position: relative; max-width: 393px; width: 100%; } .lspImageSlidesWrap .slidePrevSmall, .lspImageSlidesWrap .slideNextSmall { position: absolute; left: -12px; top: 50%; margin-top: -12px; width: 25px; height: 25px; font-family: 'icomoon'; background: #fff; -webkit-border-radius: 50%; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border: 2px solid #00704a; text-align: center; line-height: 25px; color: #d31145; } .lspImageSlidesWrap .slideNextSmall { right: -12px; left: auto; } .lspImageSlidesWrap #lspImageSlides .slide img { max-width: 393px; -webkit-border-radius: 5px; border-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .internationalDoughnutsSlidesWrap { position: relative; } .internationalDoughnutFAQ { border-bottom: 2px solid #EEEAD9; margin-bottom: 20px; padding: 20px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .internationalDoughnutFAQ .faqEntry { padding: 12px 0; } .internationalDoughnutFAQ .faqEntry .toggleContent { margin: 10px 0 0; } .internationalDoughnuts .introCopy { padding: 0 20px; text-align: center; } .internationalDoughnuts .slideNext, .internationalDoughnuts .slidePrev { margin-top: 0; top: 85px; } .internationalDoughnut .content { padding: 0 20px; } .internationalDoughnut .content h1 { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #00704a; margin-top: 0; } .internationalDoughnut .content .country h2 { position: relative; padding-left: 24px; } .internationalDoughnut .content .country h2 img { font-size: 8px; height: 12px; line-height: 12px; position: absolute; top: 3px; left: 0; width: 20px; } .internationalDoughnut .content .country ul { list-style: none; } .fundraisingFormProgress { width: 100%; white-space: nowrap; overflow: visible; border-bottom: 4px solid #eeead9; position: relative; height: 45px; padding-left: 20px; margin-bottom: 2em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .fundraisingFormProgress ul { white-space: nowrap; width: 400%; list-style: none; } .fundraisingFormProgress li { display: inline-block; line-height: 60px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; position: relative; padding-left: 65px; } .fundraisingFormProgress li:before { width: 52px; background: #fff; cursor: default; text-align: center; font-size: 30px; line-height: 52px; height: 52px; -webkit-border-radius: 34px; border-radius: 34px; border-top-left-radius: 34px; border-top-right-radius: 34px; border-bottom-left-radius: 34px; border-bottom-right-radius: 34px; border: 4px solid #eeead9; color: #eeead9; vertical-align: middle; position: absolute; left: 0; } .fundraisingFormProgress li.review:before { font-size: 36px; line-height: 60px; } .fundraisingFormProgress li.selectShop:before { font-size: 44px; line-height: 82px; } .fundraisingFormProgress li.completed:before { color: #d31145; } .fundraisingFormProgress li.active:before { border-color: #d31145; color: #d31145; } .fundraisingFormProgress.step1 { padding-left: 0; margin-left: 20px; } .fundraisingFormProgress.step1 ul { margin-left: 0; } .fundraisingFormProgress.step1 ul .selectShop { margin-right: -52px; } .fundraisingFormProgress.step1 ul .selectShop:before { border-color: #d31145; color: #d31145; } .fundraisingFormProgress.step2 ul { margin-left: -100%; left: 50px; } .fundraisingFormProgress.step2 ul .selectShop:before { color: #d31145; } .fundraisingFormProgress.step2 ul .orgInfo { margin-right: -32px; } .fundraisingFormProgress.step2 ul .orgInfo:before { border-color: #d31145; color: #d31145; } .fundraisingFormProgress.step3 ul { margin-left: -200%; } .fundraisingFormProgress.step3 ul .selectShop:before, .fundraisingFormProgress.step3 ul .orgInfo:before { color: #d31145; } .fundraisingFormProgress.step3 ul .orderForm { margin-right: -32px; } .fundraisingFormProgress.step3 ul .orderForm:before { border-color: #d31145; color: #d31145; } .fundraisingFormProgress.step4 ul { margin-left: -300%; } .fundraisingFormProgress.step4 ul .selectShop:before, .fundraisingFormProgress.step4 ul .orgInfo:before, .fundraisingFormProgress.step4 ul .orderForm:before { color: #d31145; } .fundraisingFormProgress.step4 ul .review { margin-right: -32px; } .fundraisingFormProgress.step4 ul .review:before { border-color: #d31145; color: #d31145; } .ErrorLabel { color: #d31145; border: 2px solid #d31145; background: #f5b3c5; display: block; -webkit-border-radius: 4px; border-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; padding: 5px 10px 5px 43px; margin: 20px; position: relative; } .ErrorLabel:before { content: '!'; font-weight: bold; font-size: 24px; line-height: 30px; top: 50%; margin-top: -15px; position: absolute; width: 45px; text-align: center; left: 0; } .formLayout { padding: 20px; } .formLayout.wide { padding: 20px 0; } .formLayout .DropDownField { height: auto; width: 100%; } .formLayout .formSubSection { border-bottom: 4px solid #eeead9; width: 100%; margin-left: -20px; padding: 10px 20px 35px; } .formLayout .formSubSection > h3 { border-bottom: 4px solid #eeead9; width: 100%; margin-left: -20px; padding: 0 20px 15px; margin-bottom: 20px; } .formLayout table { width: 100%; margin: 30px 0 18px; } .formLayout table th, .formLayout table td { vertical-align: top; text-align: left; padding-bottom: 10px; width: 20%; padding-right: 5px; } .formLayout table th.type, .formLayout table td.type { width: 60%; } .formLayout table th.quantity, .formLayout table td.quantity { text-align: center; width: 20%; } .formLayout .CaptchaTable { margin: 0; } .formLayout .formColumn { width: 100%; } .formLayout .formCalloutSection { width: 100%; padding: 20px; margin-left: -20px; background: #f8f6ed; } .formLayout .EditingFormErrorLabel { color: #d31145; line-height: 18px; } .formLayout .EditingFormErrorLabel:before { content: '!'; padding: 0 5px; font-weight: bold; font-size: 12px; } .formLayout .productsErrorMessage { display: none; } .formLayout .Error input, .formLayout .Error textarea, .formLayout .Error select, .formLayout .Error .checkboxWrap:before, .formLayout .Error .radioWrap:before, .formLayout .Error .select2-choice { border-color: #d31145; border-width: 2px; } .formLayout .Error .productsErrorMessage { display: block; } .formLayout #contactPhones label:after { content: ''; } .formLayout h2 { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #00704a; } .formLayout label { display: block; padding-left: 0; margin-bottom: 6px; } .formLayout input, .formLayout textarea { border: 1px solid #8A8A8A; -webkit-border-radius: 4px; border-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; width: 100% !important; } .formLayout input[maxlength="1"] { width: 32px !important; } .formLayout textarea { height: 125px; padding: 8px; } .formLayout select { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 28px; line-height: 28px; width: 100%; } .formLayout .checkbox, .formLayout .radio { position: relative; } .formLayout .checkbox .EditingFormControlNestedControl, .formLayout .checkbox .radioWrap, .formLayout .checkbox .checkboxWrap, .formLayout .radio .EditingFormControlNestedControl, .formLayout .radio .radioWrap, .formLayout .radio .checkboxWrap { position: absolute; z-index: 1; } .formLayout .checkbox .EditingFormControlNestedControl input, .formLayout .checkbox .radioWrap input, .formLayout .checkbox .checkboxWrap input, .formLayout .radio .EditingFormControlNestedControl input, .formLayout .radio .radioWrap input, .formLayout .radio .checkboxWrap input { z-index: 2; } .formLayout .checkbox label, .formLayout .radio label { padding: 3px 25px 0 35px; } .formLayout .checkbox .moreInfo, .formLayout .radio .moreInfo { position: absolute; right: 0; top: 4px; cursor: pointer; } .formLayout .formRowTall .half { width: 50%; padding-left: 10px; float: left; } .formLayout .formRowTall .half:first-child { padding-right: 10px; padding-left: 0; } .formLayout .formPair { padding-bottom: 12px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .formLayout .formPair.noLabel { padding-top: 24px; } .formLayout .formPair.phone { color: #eeead9; font-weight: bold; } .formLayout .formPair.phone label { color: #000; font-weight: normal; } .formLayout .formPair.phone input { max-width: 54px; width: 24% !important; margin: 0 3px; padding-left: 3px; padding-right: 3px; } .formLayout .doughnutsOrder, .formLayout .otherProductsOrder { position: relative; } .formLayout .doughnutsOrder label, .formLayout .otherProductsOrder label { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .formLayout .doughnutsOrder .formPair, .formLayout .otherProductsOrder .formPair { padding-right: 65px; position: relative; margin-bottom: 12px; } .formLayout .doughnutsOrder .formPair .fieldUnits, .formLayout .otherProductsOrder .formPair .fieldUnits { position: absolute; right: 0; bottom: 16px; display: block; width: 55px; line-height: 28px; } .formLayout .FormButton { text-align: center; margin-top: 2em; } .datePicker { position: relative; /*&:before { font-family: 'icomoon'; position: absolute; right: 6px; top: 4px; content: '\25'; @extend .xllCopy; color: $brandSecondary; z-index: 2; }*/ } .datePicker input { z-index: 1; } .datePicker img { position: absolute; right: 6px; top: 4px; z-index: 3; width: 25px; height: 25px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1); opacity: 0.01; cursor: pointer; } .active.formPair { z-index: 3; } .active > .moreInfo { z-index: 5; } .active > .moreInfo:before { content: ""; position: absolute; bottom: -10px; top: auto; right: 36px; left: auto; border-width: 10px 10px 0; border-style: solid; border-color: #00704a transparent; display: block; width: 0; border-width: 0 10px 10px; left: 50%; right: auto; margin-left: -10px; bottom: -15px; } .active > .moreInfo:after { content: ""; position: absolute; bottom: -5px; right: 41px; top: auto; left: auto; border-width: 5px 5px 0; border-style: solid; border-color: #fff transparent; display: block; width: 0; border-width: 0 5px 5px; left: 50%; right: auto; margin-left: -5px; bottom: -15px; } .active > .moreInfo:before { border-color: #eeead9 transparent; } .moreInfoContent { width: 100%; position: absolute; top: 33px; z-index: 3; background: none repeat scroll 0 0 #FFFFFF; border: 4px solid #EEEAD9; -webkit-border-radius: 8px; border-radius: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding: 10px; margin-left: -14px; } .moreInfoContent ul, .moreInfoContent ol { padding-left: 20px; } .moreInfoContent .close { cursor: pointer; position: absolute; right: 5px; top: 5px; } .formSection { border-bottom: 4px solid #EEEAD9; padding-bottom: 12px; margin-bottom: 20px; } .myStore { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #00704a; padding-left: 50px; position: relative; } .myStore:before { color: #00704a; display: block; text-decoration: none; width: 40px; height: 40px; font-size: 40px; font-family: 'icomoon'; speak: none; text-align: center; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 40px; -webkit-font-smoothing: antialiased; content: '\21'; position: absolute; left: 0; top: 0; } .sideColumn { padding: 20px; } .sideColumn h2 { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #00704a; } .sideColumn .myFundraisingShop { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; -webkit-border-radius: 4px; border-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: #f5f2e7; } .sideColumn .location { padding-left: 0; } .sideColumn .storeHours, .sideColumn .StoreHours, .sideColumn .Drive-ThruHours { padding: 12px 0; } .sideColumn a.fullLink { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .sideColumn ul { list-style: none; } .sideColumn ul li { padding-bottom: 12px; } .selectYourStore .primaryColumn { padding: 20px; } .selectYourStore .note { margin-bottom: 12px; display: block; } .selectYourStore .myFundraisingShop { margin-left: -20px; width: 100%; padding: 20px; background-color: #f5f2e7; } .selectYourStore .location { padding: 0; } .selectYourStore ul { list-style: none; } .selectYourStore ul li { padding-bottom: 12px; } .selectYourStore .storeHours, .selectYourStore .StoreHours, .selectYourStore .Drive-ThruHours { padding: 12px 0; } .selectYourStore a.fullLink { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .selectYourStore .funFormLinks { margin-top: 12px; border-top: 3px solid #eeead9; } .forSchema { display: none; } .noOnline { clear: both; } .noOnline p { padding: 20px; background: #fff; -webkit-border-radius: 4px; border-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .shopSearch .results li a { display: block; -webkit-border-radius: 4px; border-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background: #f5f2e7; border: 3px solid #f5f2e7; padding: 10px; color: #000; line-height: 16px; } .shopSearch .results li a h3 { margin: 0; color: #00704a; } .shopSearch .results li a:hover, .shopSearch .results li a:active { border-color: #00704a; background: #fff; } .no-backgroundsize .howFundraisingWorks ul li > span.kkBag > span, .no-backgroundsize .howFundraisingWorks ul li > span.moneyPile > span, .no-backgroundsize .howFundraisingWorks ul li > span.phoneGo > span { background-image: url(../img/fundraisingIconsSmall.png); } .profitChart { text-align: left; } .profitChart .moreInfoContent { top: auto; right: 0; margin-top: 15px; padding: 40px; } .profitChart .moreInfoContent:before { content: ""; position: absolute; bottom: -10px; top: auto; right: 36px; left: auto; border-width: 10px 10px 0; border-style: solid; border-color: #00704a transparent; display: block; width: 0; top: -10px; bottom: auto; right: auto; left: 30%; margin-left: -30px; border-width: 0 10px 10px; } .profitChart .moreInfoContent:after { content: ""; position: absolute; bottom: -5px; right: 41px; top: auto; left: auto; border-width: 5px 5px 0; border-style: solid; border-color: #fff transparent; display: block; width: 0; top: -5px; bottom: auto; left: auto; left: 30%; margin-left: -25px; border-width: 0 5px 5px; } .profitChart .moreInfoContent:before { right: 100px; left: auto; border-color: #eeead9 transparent; } .profitChart .moreInfoContent:after { right: 105px; left: auto; } .profitChart table { margin-bottom: 20px; width: 100%; } .profitChart table th { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #00704a; font-size: 14px; font-size: 1.4rem; text-align: left; padding: 0 0 10px 20px; } .profitChart table td { padding: 6px 0 6px 20px; } .profitChart table tbody tr:nth-child(odd) td { background: #eeead9; } .profitChart table tbody tr:nth-child(odd) td:first-child { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .profitChart table tbody tr:nth-child(odd) td:last-child { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .fundraisingFormResponse { background: url(../img/fortyEightHours.png) no-repeat 50% 92%; padding-bottom: 180px; background-size: 170px auto; } .fundraisingFormResponse h2 { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #00704a; } .no-backgroundsize .fundraisingFormResponse { background: url(../img/fortyEightFallback.png) no-repeat right 50%; } .threeHighlights > article { padding: 10px 20px; border-top: 4px solid #eeead9; } .billboard { padding-bottom: 30px; } .billboard img { width: 100%; height: auto; } .billboard .buttonLinkMid { margin: -20px 20px 0; bottom: 0; left: 0; position: relative; } .tabWrap.twoTab .tabSwitcher { width: 48.9%; float: right; position: relative; border: 4px solid #eeead9; -webkit-border-radius: 10px; border-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; text-align: center; font-size: 20px; font-size: 2rem; padding: 15px 0; color: #00704a; margin-bottom: 40px; } .tabWrap.twoTab .tabSwitcher.firstSwitcher { float: left; } .tabWrap.twoTab .tabSwitcher:hover, .tabWrap.twoTab .tabSwitcher:active, .tabWrap.twoTab .tabSwitcher.active { color: #d31145; } .tabWrap.twoTab .tabSwitcher.active:before { content: ""; position: absolute; bottom: -10px; top: auto; right: 36px; left: auto; border-width: 10px 10px 0; border-style: solid; border-color: #00704a transparent; display: block; width: 0; right: 50%; margin-right: -16px; bottom: -20px; border-width: 16px 16px 0; border-color: #eeead9 transparent; } .tabWrap.twoTab .tabSwitcher.active:after { content: ""; position: absolute; bottom: -5px; right: 41px; top: auto; left: auto; border-width: 5px 5px 0; border-style: solid; border-color: #fff transparent; display: block; width: 0; right: 50%; margin-right: -16px; bottom: -16px; border-width: 16px 16px 0; } .largeTabs .tabContent { background: url(../img/slidesBg.jpg) no-repeat 50% bottom; } .promoSlides { padding: 0 0 30px; margin: 0 0 20px; position: relative; } .promoSlides .slide { height: 100%; overflow-x: hidden; } .promoSlides article { text-align: center; } .promoSlides article > h1 { padding: 20px 0 0; font-size: 46px; line-height: 50px; margin: 85px auto 0; position: relative; } .promoSlides article > h1 span { display: block; margin-bottom: -10px; text-align: center; } .promoSlides article > h1:before { content: attr(data-number); position: absolute; width: 100%; text-align: center; font-family: 'ultraregular'; color: #00704a; left: 0; top: -34px; } .promoSlides article p { text-align: left; } .promoSlides article p a { font-family: 'FrutigerLTCom-Bold', sans-serif; font-weight: normal; } .promoSlides.briefPromo article p { text-align: center; } #howItWorks .toggleContent .slideNext, #howItWorks .toggleContent .slidePrev { top: 75px; } .fiveReasonsSlidesGrande, .fourWaysSlidesGrande { z-index: 2; position: relative; } .aroundTheWorld { height: 100%; background: url(../img/aroundTheWorld.jpg) no-repeat 50% top; background-size: 700px auto; } .aroundTheWorld header { height: 408px; margin: 0; padding-left: 100%; overflow: hidden; } .aroundTheWorld .internationalSitesWrap { padding: 20px; background: #fff; } .aroundTheWorld .internationalSitesWrap ul { list-style: none; } .aroundTheWorld .internationalSitesWrap li { padding-left: 24px; position: relative; } .aroundTheWorld .internationalSitesWrap li img { font-size: 8px; height: 12px; left: 0; line-height: 12px; position: absolute; top: 5px; width: 20px; } .no-backgroundsize .aroundTheWorld { background: url(../img/aroundTheWorld.jpg) no-repeat 50% top; } /* Shawn's Mobile Fundraising Layout */ .tipsandtools { text-align: center; } .tipsandtools .slidePrev, .tipsandtools .slideNext { top: 120px; } .expandList { list-style: none; border-top: 4px solid #eeead9; text-align: left; padding-bottom: 31px; } .expandList a { text-align: bottom; } .expandList a:after { content: '\e00e'; position: absolute; right: 30px; padding-top: 3px; font-size: 9px; color: #d31145; font-family: 'icomoon'; } .expandList > li { border-bottom: 4px solid #eeead9; } .expandList > li.active > a:after { content: '\e00f'; } .expandList > li ul { padding-left: 20px; list-style: none; margin-bottom: 1em; } .expandList > li ul li { margin-bottom: .25em; } .expandList > li ul li:before { content: 'ΓÇó '; color: #00704a; margin-left: -20px; } .expandList > li > a { cursor: pointer; padding: 20px; display: block; } .expandList .listText { padding: 0 28px 0 20px; } .expandList .listText p { margin-top: 0; line-height: 1.5em; } .sectionImg { width: 247px; height: 247px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 0; -webkit-border-radius: 50%; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border: 6px solid #f4f3ef; position: relative; overflow: hidden; } .sectionImg img { position: absolute; width: 100%; left: 50%; margin-left: -50%; -webkit-border-radius: 123.5px; border-radius: 123.5px; border-top-left-radius: 123.5px; border-top-right-radius: 123.5px; border-bottom-left-radius: 123.5px; border-bottom-right-radius: 123.5px; } .no-borderradius .sectionImg { behavior: url(../pie/PIE.htc); } .no-borderradius .sectionImg img { behavior: url(../pie/PIE.htc); width: 237px; height: 237px; -webkit-border-radius: 50%; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } .tabbedcontent header h1 { padding: 0 50px; font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #00704a; } .faqList { padding-bottom: 50px; } .faqList .faqEntry { border-bottom: 4px solid #eeead9; padding: 10px 20px; } .faqList .faqEntry .circleToggler { padding-left: 30px; padding-top: 5px; min-height: 30px; } .faqList .faqEntry .circleToggler:before { content: 'Q'; font-size: 24px; font-family: 'FrutigerLTCom-Roman', sans-serif; font-weight: normal; color: #00704a; position: absolute; line-height: 30px; left: 0; top: 0; } .faqList .faqEntry .toggleContent { padding-top: 20px; } .profitContent { padding: 0 20px 20px; text-align: left; } .dotwrapper:before { content: ''; height: 16px; display: block; position: absolute; left: 0; width: 100%; } .secondarytips { position: relative; text-align: left; float: left; width: 100%; } .secondarytips h2 { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #00704a; padding: 36px 20px 0 20px; } .secondarytips ul { background-color: #f8f6ed; list-style: none; padding: 30px 25px; } .secondarytips li { padding: 0 25px 10px 25px; } .secondarytips li:before { content: '\e02d'; font-size: 18px; font-family: 'icomoon'; position: absolute; display: block; color: #d31145; left: 20px; width: 20px; } #fundraiser, .fundraiserPromo { background-color: #f8f6ed; width: 90%; height: 138px; position: relative; margin: 0 auto 3em; -webkit-border-radius: 4px; border-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } #fundraiser .box, .fundraiserPromo .box { margin: -10px 0 0 -15px; height: 163px; } #fundraiser .text, .fundraiserPromo .text { position: absolute; width: 216px; right: 5%; top: 32px; } #fundraiser:after, .fundraiserPromo:after { font-family: 'icomoon'; content: '\e022'; font-size: 34px; color: #d31145; position: absolute; right: -10px; top: 50px; } #fundraiser .buttonLink, .fundraiserPromo .buttonLink { width: 200px; position: absolute; top: 60px; right: 5%; font-size: 20px; } .fivereasons img { padding-top: 100px; width: 56%; float: right; } .threeCircleTabs a { display: block; float: left; width: 33%; text-align: center; } .threeCircleTabs a h1 { padding: 0 20px; font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #00704a; } .linkList { list-style: none; padding-bottom: 10px; } .linkList.smallLinks a { font-family: 'FrutigerLTCom-Roman', sans-serif; font-weight: normal; font-size: 10px; font-size: 1rem; color: #000; display: block; } .linkList.smallLinks a:hover, .linkList.smallLinks a:active { color: #00704a; } .basicContent h2 { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #00704a; margin-top: 0; padding-left: 20px; } .basicContent .contentArea { padding: 0 20px; } .sidebarSectionPlain > h1, .sidebarSection > h1 { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #00704a; float: left; margin-top: 0; } .sidebarSectionPlain > h1 + p, .sidebarSectionPlain > h1 + ul, .sidebarSection > h1 + p, .sidebarSection > h1 + ul { clear: both; } .sidebarSectionPlain table th, .sidebarSection table th { text-align: left; } .sidebarSectionPlain table th, .sidebarSectionPlain table td, .sidebarSection table th, .sidebarSection table td { padding-bottom: 8px; vertical-align: top; padding-left: 10px; } .sidebarSectionPlain table th:first-child, .sidebarSectionPlain table td:first-child, .sidebarSection table th:first-child, .sidebarSection table td:first-child { padding-left: 0; } .sidebarSectionPlain { padding: 20px; } .sidebarSection { margin-bottom: 3em; clear: both; } .sidebarSection > h1 { padding-left: 20px; } .sidebarSection .content { background: #f5f2e7; padding: 20px 40px; clear: both; } .sidebarSection .tabNav { float: right; margin-bottom: 15px; } .sidebarSection .tabSwitcher { font-family: 'FrutigerLTCom-Bold', sans-serif; font-weight: normal; display: inline-block; position: relative; padding: 0 5px; } .sidebarSection .tabSwitcher.active { color: #000; } .sidebarSection .tabSwitcher.active:after { content: ""; position: absolute; border-width: 0 15px 15px; border-style: solid; border-color: #f5f2e7 transparent; display: block; width: 0; top: -15px; left: auto; bottom: auto; } .sidebarSection .tabSwitcher.active:after { bottom: -15px; top: auto; border-width: 0 10px 10px; left: 50%; margin-left: -10px; } .secondaryForm { background: #f8f6ed; padding-bottom: 20px; margin-top: 12px; } .secondaryForm .content { padding: 20px; } .line { display: block; } .fancyOr { width: 100px; height: 38px; margin: 0 auto; padding: 15px 0; clear: both; position: relative; text-align: center; } .fancyOr:before { content: ''; width: 100px; top: 50%; margin-top: -2px; height: 4px; background: #eeead9; -webkit-border-radius: 2px; border-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; display: block; position: absolute; } .fancyOr span { display: inline-block; width: 30px; position: relative; text-align: center; font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #00704a; line-height: 30px; height: 30px; border: 4px solid #eeead9; -webkit-border-radius: 50%; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background: #fff; } .twoPart { font-size: 40px; font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; margin-top: 0; padding-bottom: 10px; border-bottom: 4px solid #eeead9; } .twoPart.withMark:before { top: 38px; } .twoPart .marked { font-size: 36px; } .leftMarked { position: relative; } .leftMarked span { background: #fff; padding: 0 12px 0 0; display: inline-block; position: relative; } .leftMarked:before { content: ''; height: 4px; width: 100%; top: 50%; left: 0; background: #eeead9; margin-top: -2px; position: absolute; } .withMark { text-align: center; position: relative; } .withMark:before { width: 100%; content: ''; height: 4px; background: #eeead9; top: 50%; margin-top: -2px; position: absolute; left: 0; } .withMark .marked { background: #f8f6ed; position: relative; padding: 0 10px; } .smaller { font-size: 66%; vertical-align: middle; } .fbSignup { color: #fff; display: block; position: relative; background-color: #3b5998; padding-left: 70px; padding-right: 20px; -webkit-border-radius: 4px; border-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; line-height: 50px; font-size: 20px; font-size: 2rem; } .fbSignup:before { content: '\e005'; font-family: 'icomoon'; font-size: 24px; width: 50px; height: 50px; position: absolute; left: 0; top: 0; text-align: center; line-height: 50px; background: #4f66a2; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .fbSignup:hover, .fbSignup:active { background: #4f66a2; color: #fff; } .sidebarPromo { padding: 0 0 30px 0; margin: 0 15.46% 30px; border-bottom: 4px solid #eeead9; text-align: center; } .sidebarPromo img { width: 100%; height: auto; max-width: 260px; } .sidebarPromo .buttonOverlay { max-width: 200px; margin: -20px auto 0; float: none; } .sidebarPromo h1.arrowed { padding: 0 10px; position: relative; } .sidebarPromo h1.arrowed:before { position: absolute; left: 0; bottom: -5px; width: 10px; height: 20px; font-family: 'icomoon'; color: #d31145; content: '\2c'; font-size: 30px; } .fancySocial { list-style: none; text-align: center; } .fancySocial li { display: inline-block; padding: 0 10px; } .fancySocial li a.iconOnly { display: block; width: 40px; height: 40px; color: #fff; background: #00704a; border: 5px solid #fff; -moz-box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 4px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 4px; box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 4px; -webkit-border-radius: 25px; border-radius: 25px; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; } .fancySocial li a.iconOnly:before { width: 40px; height: 40px; line-height: 40px; text-align: center; } .sidebarSectionPlain .ribbonHeader, .ribbonHeader { background: url(../img/ribbonRight.png) no-repeat right top; background-size: auto 84px; letter-spacing: -1px; font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; line-height: 82px; position: relative; color: #00704a; text-align: center; font-size: 24px; padding-bottom: 3px; margin: 10px 0; padding: 0 26px 3px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .sidebarSectionPlain .ribbonHeader:before, .ribbonHeader:before { content: ''; width: 100%; position: absolute; right: 0; top: 0; height: 84px; background: url(../img/ribbon.png) no-repeat left top; background-size: auto 84px; z-index: -1; } .upcomingOpening { padding: 20px 6%; position: relative; } .upcomingOpening .date { text-align: center; font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; padding-left: 0; background-repeat: repeat-x; color: #00704a; background-position: left 15px; margin: 0 20px; } .upcomingOpening .date time { background: #fff; padding: 0 5px; } .upcomingOpening h1 { /*@extend .ribbonHeader;*/ font-size: 21px; font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #00704a; text-align: center; } .upcomingOpening div { text-align: center; } .upcomingOpening .extButton, .upcomingOpening .backButton, .upcomingOpening .formLayout .FormButton, .formLayout .upcomingOpening .FormButton, .upcomingOpening .mcStories .submitStory .after .extButtonSubmit input, .mcStories .submitStory .after .extButtonSubmit .upcomingOpening input { width: 200px; margin: 0 auto; float: none; } .upcomingOpenings p { text-align: center; } .no-backgroundsize .ribbonHeader { background: url(../img/ribbonSmall.png) no-repeat left top; } .no-backgroundsize .ribbonHeader:after { background: url(../img/ribbonRightSmall.png) no-repeat right top; } .tallPadded { padding: 0 20px; } .philanthropySection .tallShelf:last-child { border-bottom: 4px solid #eeead9; } .philanthropySection blockquote { background: #f8f6ed; margin: 1em 0; padding: 40px; clear: both; -webkit-border-radius: 4px; border-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .philanthropySection blockquote p { margin-top: 0; } .racingSecondary .toggleContent { text-align: center; padding-bottom: 15px; } .racingSecondary .toggleContent .youtubeEmbed { margin: 1.5em 0 .5em; } .racingSecondary .toggleContent h2 { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #00704a; font-size: 18px; font-size: 1.8rem; } .racingSecondary .toggleContent table { width: 100%; text-align: left; margin: 1em 0; } .racingSecondary .toggleContent table th { font-family: 'FrutigerLTCom-Bold', sans-serif; font-weight: normal; color: #00704a; padding-bottom: 20px; white-space: nowrap; } .racingSecondary .toggleContent table td { padding-bottom: 8px; } .racingSecondary .toggleContent table th, .racingSecondary .toggleContent table td { border-left: 3px solid #eeead9; padding-left: 10px; padding-right: 10px; vertical-align: top; } .racingSecondary .toggleContent table th:first-child, .racingSecondary .toggleContent table td:first-child { border-left: 0; padding-left: 0; } .racingPrimary h2 { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #00704a; font-size: 18px; font-size: 1.8rem; } .plainText { list-style: none; } .racingSection .internationalDoughnutFAQ { border-bottom: 4px solid #eeead9; border-top: 4px solid #eeead9; padding: 10px 20px; } .tweetLinks { text-align: center; list-style: none; } .tweetLinks li { display: inline-block; padding: 0 30px; border-left: 4px solid #eeead9; } .tweetLinks li p { margin: 0 0 5px; } .tweetLinks li:first-child { border-left: 0 none; } .racing #tints { padding: 30px 0; } .racing #tints .doughnutTint { display: none; } .racing .promoSlides { padding-bottom: 0; } .racing .promoSlides .slideNext, .racing .promoSlides .slidePrev { top: 100px; } .racing .promoSlides .socialLinks { text-align: center; } .racing .promoSlides .socialLinks a { display: inline-block; } .racing .promoSlides article { padding: 20px; } .racing .promoSlides article .extButton, .racing .promoSlides article .backButton, .racing .promoSlides article .formLayout .FormButton, .formLayout .racing .promoSlides article .FormButton, .racing .promoSlides article .mcStories .submitStory .after .extButtonSubmit input, .mcStories .submitStory .after .extButtonSubmit .racing .promoSlides article input { margin-top: 2em; } .racing .promoSlides article > h1 { margin-top: 0; font-size: 30px; font-size: 3rem; line-height: 40px; padding: 0 27px; } .racing .promoSlides article > h1 span { font-size: 36px; font-size: 3.6rem; } .racing .promoSlides article > h1 .subText { font-size: 24px; } .racing .promoSlides article blockquote { margin: 1em 0; text-indent: 30px; } .racing .promoSlides article blockquote:before, .racing .promoSlides article blockquote:after { font-family: 'Arial', sans-serif; font-weight: bold; content: '\201C'; color: #00704a; font-size: 60px; line-height: 100%; position: absolute; text-indent: -30px; margin-top: -12px; } .racing .promoSlides article blockquote:after { content: '\201D'; text-indent: 0; margin-top: -4px; } .racingShop { position: relative; } .racingShop .extButton, .racingShop .backButton, .racingShop .formLayout .FormButton, .formLayout .racingShop .FormButton, .racingShop .mcStories .submitStory .after .extButtonSubmit input, .mcStories .submitStory .after .extButtonSubmit .racingShop input { width: 175px; float: none; margin: 0 auto; } .racingShop .slide { text-align: center; width: 100%; } .racingShop .slide img { max-width: 300px; width: 100%; height: auto; } .illustratedList { list-style: none; text-align: center; } .illustratedList li h4 { font-family: 'FrutigerLTCom-Bold', sans-serif; font-weight: normal; } .illustratedList li img { max-width: 220px; width: 100%; margin: 0 auto; } .illustratedList li p { padding: 0 25px; } .circleHighlights { text-align: center; position: relative; font-size: 0; margin-bottom: 30px; } .circleHighlights article { font-size: 0; position: relative; display: inline-block; vertical-align: top; padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .circleHighlights article .extButton, .circleHighlights article .backButton, .circleHighlights article .formLayout .FormButton, .formLayout .circleHighlights article .FormButton, .circleHighlights article .mcStories .submitStory .after .extButtonSubmit input, .mcStories .submitStory .after .extButtonSubmit .circleHighlights article input { margin: 0 auto; float: none; max-width: 220px; font-size: 12px; } .circleHighlights article img { width: 100%; max-width: 240px; margin-bottom: 20px; max-height: 240px; } .smallSlides { -webkit-border-radius: 4px; border-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background: #f8f6ed; clear: both; } .smallSlides blockquote { margin: 0; padding: 20px 60px; } .contentHeadline { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #00704a; } .genericContent ul, .genericContent ol { padding-left: 20px; } .genericContent h3 { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #00704a; } .jobDetails { -webkit-border-radius: 4px; border-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background: #f8f6ed; padding: 30px; } .jobDetails table th, .jobDetails table td { text-align: center; padding: 5px 10px; } .jobDetails .emailLink { float: right; font-family: 'FrutigerLTCom-Bold', sans-serif; font-weight: normal; position: relative; line-height: 30px; padding: 10px 32px 10px 10px; } .jobDetails .emailLink:before { font-size: 12px; height: 27px; line-height: 27px; position: absolute; right: 0; text-align: center; width: 27px; } .eOTY img { margin: -20px 5px 20px 0; } .selectPreferredShop { padding: 0 20px; } .selectPreferredShop > h1 { font-size: 24px; } .selectPreferredShop .location { padding: 0; } .selectedShop { max-width: 125px; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; vertical-align: top; } .fb-like iframe { min-height: 21px !important; } .locationsResultsWrap { min-height: 100px; } .columnECardImage > img { width: 100%; border: 1px solid #aaaaaa; } #cardsScroll .slidePrev, #cardsScroll .slideNext { margin-top: 0px; top: 90px; } #cardLoading { position: absolute; background: rgba(0, 0, 0, 0.2); width: 678px; height: 477px; } #cardLoading img { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } #cardThumbs { width: auto; height: 112px; overflow: hidden; white-space: nowrap; box-sizing: border-box; } #cardThumbs img { border: 5px solid #FFFFFF; } @media only screen and (min-width: 720px) { .largePadded { padding-left: 10px; padding-right: 10px; } .grayFadeBg { background: url(../img/slidesBg.jpg) no-repeat 50% bottom; } .headerGrayFade { background: url(../img/slidesBg.jpg) no-repeat 50% bottom; background-position: 50% -315px; } .headerGrayFade.fokk { background-position: 50% -250px; } .container.marginGrandeContainer, .container.genericContent { padding-left: 10px; padding-right: 10px; max-width: 940px; } .grandeContainer { max-width: 960px; margin: 0 auto; position: relative; } #tints { padding: 40px 0; } #pageHeader { height: 65px; margin-bottom: 24px; } #box { z-index: 10000; } .pageHeader h1 { z-index: 600; } .primaryNav { z-index: 500; } .navContainer.expanded { z-index: 200; } .marqueeSecondarySlides { z-index: 200; -webkit-transform: translate3d(0px, 0px, 0px); } .marqueeSecondarySlides .slide { z-index: 100; } .marqueeSecondarySlides .slide.active { z-index: 200; } .marqueeSlides { -webkit-transform: translate3d(0px, 0px, 0px); /* z-index: 1;*/ } .marqueeSlides .slide { z-index: 1; } .marqueeSlides .slide.active { z-index: 2; } .bannerPromo { padding: 0; } .dotsSeparator h4 { font-size: 30px; padding: 3px 6px; } .dotsSeparator h2 { padding: 3px 6px; font-size: 36px; font-size: 3.6rem; } .columnFifty { width: 50%; } .largeFormHeader { padding: 0; } .sideCallout { margin-bottom: 20px; } .sideCallout img { width: 100%; height: auto; } .menuToggle { display: none; } #box { position: fixed; width: 100%; cursor: pointer; bottom: 10%; height: 100%; -moz-transition-property: bottom; -o-transition-property: bottom; -webkit-transition-property: bottom; transition-property: bottom; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } #box .boxTop { background: #fff; height: 100%; width: 100%; position: absolute; bottom: 127px; } #box .boxTop .boxTopMid { height: 100%; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNXB4IiBoZWlnaHQ9IjI1cHgiIHZpZXdCb3g9IjAgMCAxMyAxMyI+PHN0eWxlPi5zdHlsZTB7ZmlsbDoJIzAwNzA0QTt9PC9zdHlsZT48Y2lyY2xlIGN4PSIxLjUiIGN5PSIxLjUiIHI9IjEuNSIgY2xhc3M9InN0eWxlMCIvPjxjaXJjbGUgY3g9IjgiIGN5PSI4IiByPSIxLjUiIGNsYXNzPSJzdHlsZTAiLz48L3N2Zz4=); background-size: 13px 13px; position: absolute; background-position: left bottom; bottom: 5px; left: 0; width: 100%; background-size: 25px 25px; } #box .boxTop .boxTopFront { background: url(../img/boxLogo.svg); width: 1000px; background-size: 100% auto; height: 100%; background-repeat: no-repeat; background-position: left bottom; position: absolute; left: 50%; margin-left: -560px; bottom: 5px; } #box .boxFront { width: 100%; height: 127px; position: absolute; bottom: 0; background: url(../img/boxFront.png) no-repeat 50% bottom; } #box .boxFront .boxFrontLeft, #box .boxFront .boxFrontRight { position: absolute; width: 50%; left: 0; bottom: 0; height: 127px; padding-right: 160px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #box .boxFront .boxFrontRight { left: auto; right: 0; padding: 0 0 0 160px; } #box .boxFront .boxFrontLeft .inner:after { content: ''; background: url(../img/logo.svg); width: 208px; height: 74px; position: absolute; right: 130px; top: 22px; } #box .boxFront .inner { width: 100%; height: 127px; background: url(../img/boxFront.png) repeat-x left -55px; } .no-svg #box .boxFront .boxFrontLeft .inner:after { background-image: url(../img/svgFallback/logoBoxS.png); } .pageHeaderFancy { position: relative; font-size: 50px; font-size: 5rem; } .pageHeaderFancy > span { background: #fff; padding: 0 20px; } .pageHeaderFancy:before { content: ''; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNXB4IiBoZWlnaHQ9IjI1cHgiIHZpZXdCb3g9IjAgMCAxMyAxMyI+PHN0eWxlPi5zdHlsZTB7ZmlsbDoJIzAwNzA0QTt9PC9zdHlsZT48Y2lyY2xlIGN4PSIxLjUiIGN5PSIxLjUiIHI9IjEuNSIgY2xhc3M9InN0eWxlMCIvPjxjaXJjbGUgY3g9IjgiIGN5PSI4IiByPSIxLjUiIGNsYXNzPSJzdHlsZTAiLz48L3N2Zz4=); background-size: 13px 13px; height: 18px; width: 100%; position: absolute; top: 27px; left: 0; z-index: -1; } .pageHeaderFancy .embellishment { font-size: 30px; font-size: 3rem; line-height: 32px; line-height: 3.2rem; padding: 1px 0 5px; margin-top: 2px; } .iconOnly.toTop { margin: 0; left: auto; right: auto; float: right; } .slidePrev, .slideNext { width: 50px; line-height: 50px; margin-top: -25px; height: 50px; -webkit-border-radius: 25px; border-radius: 25px; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; } .slidePrev:before, .slideNext:before { display: block; text-decoration: none; width: 50px; height: 50px; font-size: 20px; font-family: 'icomoon'; speak: none; text-align: center; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 50px; -webkit-font-smoothing: antialiased; color: #fff; margin: 0; } .slidePrev.smallSlidesNav, .slideNext.smallSlidesNav { background: #00704a; height: 94px; width: 47px; position: absolute; top: 50%; margin-top: -47px; left: -15px; -webkit-border-radius: 0; border-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; text-align: center; overflow: hidden; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .slidePrev.smallSlidesNav:before, .slideNext.smallSlidesNav:before { content: '\e'; display: block; text-decoration: none; width: 24px; height: 94px; font-size: 20px; font-family: 'icomoon'; speak: none; text-align: center; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 94px; -webkit-font-smoothing: antialiased; color: #fff; } .slidePrev.smallSlidesNav:hover, .slidePrev.smallSlidesNav:active, .slideNext.smallSlidesNav:hover, .slideNext.smallSlidesNav:active { background: #09835a; } .slidePrev.smallSlidesNav.inactive, .slideNext.smallSlidesNav.inactive { display: none; } .slideNext { right: 0; } .slideNext.smallSlidesNav { right: -15px; left: auto; -moz-border-radius-topleft: 94px; -webkit-border-top-left-radius: 94px; border-top-left-radius: 94px; -moz-border-radius-bottomleft: 94px; -webkit-border-bottom-left-radius: 94px; border-bottom-left-radius: 94px; } .slideNext.smallSlidesNav:before { content: '\e015'; margin-left: 8px; } .slidePrev { left: 0; } .no-borderradius .slideNext, .no-borderradius .slidePrev { /*border-radius: 0; background: transparent url(..img/fallbackSlideshowControlBig.png) no-repeat left top;*/ behavior: url(../pie/PIE.htc); /*display: block;*/ } .no-borderradius .slideNext:before, .no-borderradius .slidePrev:before { text-align: center; } .slidePrev.smallSlidesNav { -moz-border-radius-topright: 94px; -webkit-border-top-right-radius: 94px; border-top-right-radius: 94px; -moz-border-radius-bottomright: 94px; -webkit-border-bottom-right-radius: 94px; border-bottom-right-radius: 94px; } .slidePrev.smallSlidesNav:before { content: '\e017'; margin-left: 15px; } #hotlight { position: fixed; bottom: -400px; width: 344px; height: 339px; right: 0%; display: block; text-indent: -9999px; overflow: hidden; background: url(../img/hotlight.png) no-repeat left 25px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; } #hotlight.hotLightOn { bottom: -22px; -moz-transition-delay: 1s; -o-transition-delay: 1s; -webkit-transition-delay: 1s; transition-delay: 1s; } #hotlight .go { width: 116px; height: 119px; position: absolute; right: 89px; top: 0; display: block; background: url(../img/hotLightNotice.svg) no-repeat left top; background-size: 100% auto; } #hotlight .go a { width: 100%; height: 60px; position: absolute; bottom: 0; left: 0; display: block; } #hotlight .close { position: absolute; right: 84px; top: 0; width: 45px; height: 45px; } #hotlight .redcircle { position: absolute; left: 100px; top: 120px; width: 150px; height: 125px; } .largeContent { -webkit-border-radius: 5px; border-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; width: auto; float: none; top: 10px; margin: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .fauxCheck span, .checkboxWrap span, .fauxRadio span, .radioWrap span { font-size: 12px; font-size: 1.2rem; } .tallShelf { border-top: 0 none; padding: 0; } .column5 { width: 40.425532%; clear: none; } .column4 { width: 31.25%; clear: none; } .rightOffset { padding-right: 7.44681%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .column6 { clear: none; width: 48.93617%; } .column7 { clear: none; width: 57.446809%; } .column2 { width: 22.9167%; clear: none; } .column9 { clear: none; width: 71.276596%; } .bubble { padding: 0 20px; position: relative; } .bubble img { width: 100%; } .columnECardImage { width: 71%; float: left; } .columnECardForm { width: 26%; float: right; } .columnECardForm .formLayout { padding: 0px; } #cardsScroll .slidePrev, #cardsScroll .slideNext { margin-top: 0px; top: 50%; } .circleHighlights article { width: 25%; } .locationSearch { padding-left: 20px; padding-right: 20px; } .locationSearch .searchField { width: 265px; } .illustratedList li { width: 25%; float: left; } .philanthropySection .tallShelf:last-child { border-bottom: 0 none; } .racingShop .racingShopSlidesTall { padding: 30px 0; } .racingShop .racingShopSlidesTall .slide { width: 33% !important; float: left; } .racing .promoSlides { padding: 20px 0; background: url(../img/racingBgSmall.jpg) no-repeat 50% bottom; } .racing .promoSlides .socialLinks { position: absolute; right: 80px; bottom: 60px; z-index: 4; } .racing .promoSlides .socialLinks h3 { margin: 0; } .racing .promoSlides:after { display: none; } .racing .promoSlides .slideNext, .racing .promoSlides .slidePrev { top: 50%; } .racing .promoSlides article > h1 { font-size: 46px; line-height: 50px; margin: 65px auto 20px; padding: 20px 0 15px; border-top: 0; width: 390px; } .racing .promoSlides article > h1:after, .racing .promoSlides article > h1:before { display: none; } .racing .promoSlides article > h1 span { font-size: 46px; } .racing .promoSlides article > h1 .subText { font-size: 30px; } .racing .promoSlides article .illo { left: 534px; top: 137px; width: 280px; } .racing .promoSlides article blockquote, .racing .promoSlides article p { text-align: center; width: 390px; margin: 1em auto; font-size: 14px; font-size: 1.4rem; line-height: 23px; } .racing .promoSlides article .extButton, .racing .promoSlides article .backButton, .racing .promoSlides article .formLayout .FormButton, .formLayout .racing .promoSlides article .FormButton, .racing .promoSlides article .mcStories .submitStory .after .extButtonSubmit input, .mcStories .submitStory .after .extButtonSubmit .racing .promoSlides article input { float: none; width: 175px; left: 50%; margin-left: -88px; bottom: 45px; position: absolute; } .racingSection { clear: both; } .racingSection .internationalDoughnutFAQ { margin: 40px 0 0; padding: 20px 0; border-bottom: 0 none; } .racingSection .internationalDoughnutFAQ > .toggleContent { margin: 20px 10.4167% 0; } .whatwedoPanel { border-top: 4px solid #eeead9; padding: 30px 0; } .whatwedoPanel h1 { font-size: 24px; } .whatwedoPanel .content { width: 57.446809%; padding: 30px 0; } .whatwedoPanel .content p { font-size: 16px; font-size: 1.6rem; line-height: 24px; } .whatwedoPanel .content.longContent { padding-top: 0; } .whatwedoPanel .unitedWay { width: 27.65%; margin-right: 10px; margin-top: 30px; } .whatwedoPanel .youtubeWrap { width: 70%; position: relative; } .whatwedoPanel .grandeImg { margin-bottom: 30px; } .whatwedoPanel .grandeImg img { width: 100%; height: auto; } .whatwedoPanel blockquote { margin-top: 30px; position: relative; font-size: 16px; font-size: 1.6rem; line-height: 24px; } .whatwedoPanel blockquote .content { width: 78%; padding: 0; } .whatwedoPanel blockquote .content p:first-child { font-size: 20px; line-height: 37px; } .whatwedoPanel blockquote .grandeImg { position: absolute; right: 0; bottom: 0; margin-bottom: 0; } .calloutPanel { background: url(../img/grayBg.jpg) no-repeat 50% bottom; width: 126%; position: relative; margin-left: -13%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 13%; } .calloutPanel .innerContent { position: relative; width: 100%; padding: 0 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .calloutPanel .content { padding: 0 0 60px; } .calloutPanel .content p { font-size: 16px; font-size: 1.6rem; line-height: 24px; } .calloutPanel .grandeImg { position: absolute; bottom: 0; } .calloutPanel .grandeImg img { width: 100%; height: auto; position: absolute; bottom: 0; } .calloutPanel.joyPanel .grandeImg { right: 7.44681%; width: 31.25%; height: 352px; } .calloutPanel.goodheartednessPanel .grandeImg { left: 0; width: 48.93617%; height: 359px; } .calloutPanel.goodheartednessPanel .content { padding: 30px 0 30px; } .calloutPanel.goodheartednessPanel h1 { margin-bottom: 0; padding-bottom: 0; } .calloutPanel.sharingPanel .content { width: 37.234043%; padding: 30px 0 30px; } .calloutPanel.sharingPanel .grandeImg { right: 0; width: 57.446809%; bottom: -20px; height: 327px; } .calloutPanel h1 { margin: 12px 0; padding: 10px 0; line-height: 43px; } .calloutPanel h1 span { padding-left: 20px; } .extButton, .backButton, .formLayout .FormButton, .mcStories .submitStory .after .extButtonSubmit input { float: left; clear: both; } .tallPadded { padding: 0; } .fbSignup { float: left; } .secondaryForm { -webkit-border-radius: 4px; border-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; padding: 30px; margin: 45px 10px; width: auto; } .secondaryForm .content { padding: 30px; } .secondaryForm .content > h1 { margin-top: 0; font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; font-size: 36px; color: #d31145; text-align: center; } .secondaryForm .content > h2 { font-size: 22px; } .columnFifty { clear: none; padding: 10px; } .tintWrap { width: auto; } .tintWrap.tintWrap0, .tintWrap.tintWrap11 { height: 158px; } .tintWrap.tintWrap1, .tintWrap.tintWrap12 { height: 60px; } .tintWrap.tintWrap2, .tintWrap.tintWrap13 { height: 75px; } .tintWrap.tintWrap3, .tintWrap.tintWrap14 { height: 103px; } .tintWrap.tintWrap4, .tintWrap.tintWrap15 { height: 103px; } .tintWrap.tintWrap5, .tintWrap.tintWrap16 { height: 50px; } .tintWrap.tintWrap6, .tintWrap.tintWrap17 { height: 42px; } .tintWrap.tintWrap7, .tintWrap.tintWrap18 { height: 214px; } .tintWrap.tintWrap8, .tintWrap.tintWrap19 { height: 0; } .tintWrap.tintWrap9, .tintWrap.tintWrap20 { height: 118px; } .tintWrap.tintWrap10, .tintWrap.tintWrap21 { height: 0; } .tintWrap.hover { z-index: 3; } .tint { -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .tint.active { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .tint.tint0, .tint.tint11 { left: 53%; top: -60px; margin: 0 0 0 -150px; } .tint.tint1, .tint.tint12 { right: 2.4%; top: -160px; } .tint.tint2, .tint.tint13 { left: 7%; top: -170px; } .tint.tint3, .tint.tint14 { right: 13%; top: -127px; } .tint.tint3.active, .tint.tint14.active { -moz-transform: scale(0.75); -ms-transform: scale(0.75); -webkit-transform: scale(0.75); transform: scale(0.75); } .tint.tint4, .tint.tint15 { left: 22%; top: -145px; } .tint.tint5, .tint.tint16 { left: 4%; top: -168px; } .tint.tint6, .tint.tint17 { right: 17%; top: -195px; z-index: 2; } .tint.tint7, .tint.tint18 { left: 17%; top: -50px; z-index: 2; } .tint.tint8, .tint.tint19 { right: 6%; top: -290px; } .tint.tint8.active, .tint.tint19.active { -moz-transform: scale(0.93); -ms-transform: scale(0.93); -webkit-transform: scale(0.93); transform: scale(0.93); } .tint.tint9, .tint.tint20 { left: 6%; top: -100px; } .tint.tint10, .tint.tint21 { right: 18.75%; top: -213px; } .tint.tint10.active, .tint.tint21.active { -moz-transform: scale(0.95); -ms-transform: scale(0.95); -webkit-transform: scale(0.95); transform: scale(0.95); } .tint.tint6.active, .tint.tint17.active { -moz-transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); } .tint.tint2.active, .tint.tint13.active { -moz-transform: scale(0.85); -ms-transform: scale(0.85); -webkit-transform: scale(0.85); transform: scale(0.85); } .tint.tint5.active, .tint.tint16.active, .tint.tint0.active, .tint.tint11.active, .tint.tint1.active, .tint.tint12.active, .tint.tint9.active, .tint.tint20.active { -moz-transform: scale(0.65); -ms-transform: scale(0.65); -webkit-transform: scale(0.65); transform: scale(0.65); } .no-csstransforms .instagramTint:hover, .no-csstransforms .instagramTint:active, .no-csstransforms .twitterTint:hover, .no-csstransforms .twitterTint:active, body:not(.scroll) .instagramTint:hover, body:not(.scroll) .instagramTint:active, body:not(.scroll) .twitterTint:hover, body:not(.scroll) .twitterTint:active { z-index: 3; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } #tints .toTop, #tints .loading { display: block; } .userInfo { width: 100%; background-color: #f8f6ed; border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: block; position: relative; float: left; width: 100%; font-size: 10px; font-size: 1rem; font-family: 'FrutigerLTCom-Roman', sans-serif; font-weight: normal; text-transform: uppercase; line-height: 18px; padding: 2px 0; } .userInfo div { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .userInfo a { font-family: 'FrutigerLTCom-Bold', sans-serif; font-weight: normal; line-height: 18px; } .userInfo .userInfoWrap { padding-left: 250px; padding-right: 146px; width: auto; position: relative; } .userInfo .userAccount { float: right; border-width: 0; padding-right: 0; } .userInfo .userAccount:after { content: '|'; color: #575757; padding-left: 14px; } .userInfo .userAccount a { padding-left: 6px; padding-right: 6px; } .userInfo .userAccount a:first-child { padding-left: 0; } .userInfo .userAccount, .userInfo .userStore { overflow: hidden; text-transform: none; } .userInfo .userAccount .selectedShop, .userInfo .userStore .selectedShop { max-width: 150px; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; vertical-align: top; } .userInfo .userAccount .onlyGrandeInlineBlock, .userInfo .userStore .onlyGrandeInlineBlock { display: inline-block; } .userInfo .userStore { float: left; } .userInfo .userCountry { padding-right: 60px; position: absolute; right: 0; margin-top: 1px; } .userInfo .userCountry img { padding: 0 0 0 5px; } .userInfo .userCountry > a { padding-right: 19px; position: absolute; right: 10px; top: -5px; height: 27px; line-height: 27px; width: 25px; display: block; } .userInfo .userCountry > a:before { display: block; text-decoration: none; width: 10px; height: 18px; font-size: 6px; font-family: 'icomoon'; speak: none; text-align: center; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 18px; -webkit-font-smoothing: antialiased; content: '\e00e'; right: 4px; position: absolute; top: 6px; color: #d31145; } .userInfo .userCountry > a:hover, .userInfo .userCountry > a:active { background-color: #d31145; } .userInfo .userCountry > a:hover:before, .userInfo .userCountry > a:active:before { color: #ffdca3; } .userInfo .userCountry.expanded > a:before { content: '\e00f'; } .userInfo .userCountry .countrySelectorToggler { font-size: 0; } .userInfo .userCountry .countrySelectorToggler.active { background-color: #00704a; } .userInfo .userCountry .countrySelectorToggler.active:before { content: '\e00f'; color: #ffdca3; } .primaryNav { display: block; background: transparent; border: 0 none; position: relative; top: 0; width: auto; margin: 0; padding: 0; } .primaryNav ul > li { display: inline-block; } .primaryNav .socialIcons { display: block; margin: 0; } .primaryNav .primarySiteLinks { float: right; clear: both; width: 100%; height: 34px; position: relative; padding: 0 11px 0 248px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .primaryNav .primarySiteLinks > ul { text-align: center; display: table; width: 100%; } .primaryNav .primarySiteLinks > ul > li { position: relative; display: table-cell; text-align: center; } .primaryNav .primarySiteLinks > ul > li > a:hover { background: transparent; } .primaryNav .primarySiteLinks > ul > li .menuSubWrap > a:hover { background: transparent; } .primaryNav .primarySiteLinks a { padding: 3px 3px 7px 3px; } .primaryNav .menuParent .menuSubWrap { background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); position: relative; } .primaryNav .menuParent .menuSubWrap > a { background: transparent; } .primaryNav .menuParent .menuSubWrap > a:after { content: '\e00e'; color: #d31145; font-family: 'icomoon'; font-size: 8px; vertical-align: middle; padding-left: 5px; height: 34px; overflow: hidden; } .primaryNav .menuParent .menuSubWrap > a:before { display: none; } .primaryNav .menuParent .menuSubWrap ul, .primaryNav .menuParent .menuSubWrap .secondarySiteLinks { position: absolute; left: 0; top: 33px; padding: 18px 0; margin: 0; border: 3px solid #00704a; -webkit-border-radius: 3px; border-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; text-align: left; background: #fff; /* @include triangleBorder(top);*/ } .primaryNav .menuParent .menuSubWrap ul li, .primaryNav .menuParent .menuSubWrap .secondarySiteLinks li { display: block; } .primaryNav .menuParent .menuSubWrap ul li a, .primaryNav .menuParent .menuSubWrap .secondarySiteLinks li a { padding: 8px 30px; white-space: nowrap; } .primaryNav .menuParent.rightMenu .menuSubWrap ul, .primaryNav .menuParent.rightMenu .menuSubWrap .secondarySiteLinks { right: 0; left: auto; } .primaryNav .menuParent.rightMenu .menuSubWrap ul:before, .primaryNav .menuParent.rightMenu .menuSubWrap .secondarySiteLinks:before { right: 30%; left: auto; margin-left: 0; margin-right: -5px; } .primaryNav .menuParent.rightMenu .menuSubWrap ul:after, .primaryNav .menuParent.rightMenu .menuSubWrap .secondarySiteLinks:after { right: 30%; left: auto; margin-left: 0; } /*.no-touch .primaryNav .menuParent .menuSubWrap:hover,*/ .primaryNav .menuParent .menuSubWrap.expanded ul { display: block; } .primaryNav .menuParent .menuSubWrap.expanded ul ul { display: none; } .primaryNav .menuParent .menuSubWrap.expanded ul .CMSListMenuLinkHighlighted { color: #d31145; } .primaryNav .menuParent .menuSubWrap.expanded:before { content: ""; position: absolute; bottom: -10px; top: auto; right: 36px; left: auto; border-width: 10px 10px 0; border-style: solid; border-color: #00704a transparent; display: block; width: 0; border-width: 0 10px 10px; left: 50%; right: auto; margin-left: -10px; bottom: -15px; } .primaryNav .menuParent .menuSubWrap.expanded:after { content: ""; position: absolute; bottom: -5px; right: 41px; top: auto; left: auto; border-width: 5px 5px 0; border-style: solid; border-color: #fff transparent; display: block; width: 0; border-width: 0 5px 5px; left: 50%; right: auto; margin-left: -5px; bottom: -15px; } .primaryNav .menuParent .menuSubWrap.expanded:after { z-index: 2; bottom: -2px; border-width: 0 6px 6px; margin-left: -6px; } .primaryNav .menuParent .menuSubWrap.expanded:before { z-index: 2; border-width: 0 8px 8px; margin-left: -8px; bottom: 0; } .lt-ie9 .primaryNav .menuParent .menuSubWrap.expanded:after, .lt-ie9.no-touch .primaryNav .menuParent .menuSubWrap:hover:after { display: none; } .navContainer.expanded .overlay { background: transparent; position: relative; height: auto; } .headerSecondary { float: right; background: #fff; padding: 4px 12px; min-width: 315px; } .headerSecondary .search { float: right; width: 168px; margin-top: 2px; } .headerSecondary .search .searchField { height: 20px; height: 2rem; font-size: 10px; font-size: 1rem; padding-right: 28px; } .headerSecondary .search button[data-icon] { width: 28px; height: 16px; top: 2px; } .headerSecondary .search button[data-icon]:before { width: 28px; height: 16px; font-size: 14px; font-size: 1.4rem; line-height: 16px; } .socialCallout { height: auto; margin-top: 180px; } .socialCallout .grandeContainer { max-width: 1000px; padding: 0 20px; position: relative; } .socialCallout .grandeContainer h1 { max-width: 370px; height: 85px; border-width: 20px; position: absolute; left: 20px; top: 20px; margin: 0; } .socialCallout .grandeContainer .socialIcons { position: absolute; left: 20px; top: 90px; width: 370px; } .socialCallout .grandeContainer .socialCalloutContent { font-size: 18px; font-size: 1.8rem; max-width: 600px; float: right; margin: 20px 0 20px 400px; } .slidesNav { -webkit-transform: translate3d(0px, 0px, 0px); } .slidesNav li { width: 20px; height: 20px; padding: 0 6px; } .slidesNav li a { -webkit-border-radius: 10px; border-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; width: 16px; height: 16px; } .marqueeSecondarySlides .slidesNav li { width: 16px; height: 16px; } .marqueeSecondarySlides .slidesNav li a { -webkit-border-radius: 8px; border-radius: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; width: 12px; height: 12px; } .marqueeSlides { margin-left: -25.625%; margin-bottom: 0px; width: 996px; height: auto; max-width: 103.75%; } .marqueeSlides .slide { width: 996px; height: auto; -ms-transform: translate(0) !important; -moz-transform: translate(0) !important; transform: translate(0) !important; -webkit-transform: translate(0) !important; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -moz-transition-duration: 1000ms !important; -o-transition-duration: 1000ms !important; -webkit-transition-duration: 1000ms !important; transition-duration: 1000ms !important; -moz-transition-property: opacity; -o-transition-property: opacity; -webkit-transition-property: opacity; transition-property: opacity; } .marqueeSlides .slide > div { width: 996px; max-width: 100%; padding-top: 53.212851%; height: 0; position: relative; } .marqueeSlides .slide img { max-width: 100%; right: 0; left: auto; width: 996px; height: auto; margin-left: 0; top: 0; position: absolute; } .marqueeSlides .slide .buttonLink { margin: -50px auto 0; left: -10px; } .marqueeSlides .slide.active { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; /*@include transition-duration(0 !important);*/ } .marqueeSecondarySlides { position: absolute; width: 50.625%; top: 0; right: -8.8541667%; margin-top: 0; padding-top: 20.833333%; } .marqueeSecondarySlides .slide { width: 100%; height: auto; -ms-transform: translateX(0) !important; -webkit-transform: translateX(0) !important; -moz-transform: translateX(0) !important; transform: translateX(0) !important; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -moz-transition-duration: 300ms !important; -o-transition-duration: 300ms !important; -webkit-transition-duration: 300ms !important; transition-duration: 300ms !important; } .marqueeSecondarySlides .slide.active { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -moz-transition-duration: 0 !important; -o-transition-duration: 0 !important; -webkit-transition-duration: 0 !important; transition-duration: 0 !important; } .no-csstransitions .marqueeSlides .swipe-wrap { left: 0 !important; } .no-csstransitions .marqueeSlides .swipe-wrap .slide:first-child { position: relative; } .no-csstransitions .marqueeSlides .swipe-wrap .slide { position: absolute; left: 0 !important; } .no-csstransitions .marqueeSecondarySlides .swipe-wrap { left: 0 !important; } .no-csstransitions .marqueeSecondarySlides .swipe-wrap .slide:first-child { position: relative; } .no-csstransitions .marqueeSecondarySlides .swipe-wrap .slide { position: absolute; left: 0 !important; } .brandCallouts { overflow: visible; } .coffeePromo { right: -1.458333%; position: absolute; top: 0; left: auto; height: 0; max-width: 30.20833%; margin-left: 0; padding-top: 30.20833%; margin-top: 1.25%; width: 30.20833%; -webkit-transform: translate3d(0px, 0px, 0px); } .coffeePromo .coffeePromoText { width: 27.586207%; right: 4.8275862%; margin-right: 3.4482759%; top: 0; left: auto; height: auto; } .coffeePromo .iconArrow { position: absolute; right: 2%; top: 12.758621%; -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .coffeePromo .coffeePromoImage { bottom: 0; height: auto; -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .doughnutPromo { -webkit-transform: translate3d(0px, 0px, 0px); position: absolute; height: auto; width: 43%; margin: 0 0 0 26%; top: 103%; } .doughnutPromo .doughnutPromoText { width: 26.15%; left: 4%; margin-top: 3%; } .doughnutPromo .doughnutPromoImage { width: 64%; height: auto; right: 0; top: -35px; } .freshNow { -webkit-transform: translate3d(0px, 0px, 0px); position: absolute; height: auto; width: 180px; margin: -70px 0 0 -100px; } .freshNowLoc { display: block; width: 80px; position: absolute; top: -20px; right: 30px; } .productsPage .pageHeaderFancy { display: block; } .productsPage .sortOptions { width: 30%; max-width: 190px; } .productsPage .productControls > h4 { float: left; line-height: 59px; padding-right: 0; } .productDetailPage .productGrid { display: block; } .productDetailPage .productControls { display: block; } .productDetailPage .backLink { display: none; } .productDetailPage .subSectionNav { display: block; } .productGrid.fourColumn .product { width: 25%; } .productGrid.sixColumn .product { width: 16.66%; } .types ul li { width: auto; } .withSubfilter .types { width: 40%; float: left; border-right: 4px solid #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 8px; } .withSubfilter .types ul li { width: 50%; } .withSubfilter .varieties { width: 60%; float: right; padding-left: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .withSubfilter .varieties li { width: 30%; } .productDetailImage { max-width: 100%; height: 550px; line-height: 550px; vertical-align: middle; } .wholesaleDetailImage { max-width: 400px; height: 400px; padding-left: 120px; line-height: 400px; vertical-align: middle; } .wholecatDetailImage { max-width: 200px; height: 200px; padding-left: 120px; line-height: 200px; vertical-align: middle; } .productImageWrap { position: absolute; width: 100%; height: 550px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 450px; } .productImageWrap:before { content: ''; position: absolute; display: block; left: 10px; top: 0; background: #f5f2e7; width: 550px; height: 550px; -webkit-border-radius: 275px; border-radius: 275px; border-top-left-radius: 275px; border-top-right-radius: 275px; border-bottom-left-radius: 275px; border-bottom-right-radius: 275px; z-index: -1; } .no-borderradius .productImageWrap { background: url(../img/svgFallback/productBgFallback.png) no-repeat left top; } .no-borderradius .productImageWrap:before { display: none; } .wholesaleImageWrap { position: absolute; width: 100%; height: 400px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wholesaleImageWrap:before { content: ''; position: absolute; display: block; left: 10px; top: 0; background: #f5f2e7; width: 400px; height: 400px; -webkit-border-radius: 200px; border-radius: 200px; border-top-left-radius: 200px; border-top-right-radius: 200px; border-bottom-left-radius: 200px; border-bottom-right-radius: 200px; z-index: -1; } .wholesaleImageWrap .islto { position: absolute; width: 100px; height: 100px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxODQuOTg5cHgiIGhlaWdodD0iMTg0Ljk4OXB4IiB2aWV3Qm94PSIwIDAgMTg0Ljk4OSAxODQuOTg5Ij48c3R5bGU+LnN0eWxlMHtmaWxsOgkjRkZGRkZGO30uc3R5bGUxe2ZpbGw6CSNEMzExNDU7fTwvc3R5bGU+PGc+PHBhdGggZD0iTTkyLjQ5NSAxODAuODMxYy00OC43MDkgMC04OC4zMzctMzkuNjI4LTg4LjMzNy04OC4zMzdTNDMuNzg2IDQuMiA5Mi41IDQuMiBjNDguNzA4IDAgODguMyAzOS42IDg4LjMgODguMzM2UzE0MS4yMDMgMTgwLjggOTIuNSAxODAuODMxeiIgY2xhc3M9InN0eWxlMCIvPjxwYXRoIGQ9Ik05Mi40OTUgOC4zMTZjNDYuNDg5IDAgODQuMiAzNy43IDg0LjIgODQuMTc4cy0zNy42ODggODQuMTc4LTg0LjE3NyA4NC4yIGMtNDYuNDkgMC04NC4xNzktMzcuNjg4LTg0LjE3OS04NC4xNzhTNDYuMDA1IDguMyA5Mi41IDguMyBNOTIuNDk1IDBDODAuMDEyIDAgNjcuOSAyLjQgNTYuNSA3LjMgYy0xMS4wMTYgNC42NTktMjAuOTA2IDExLjMyNy0yOS4zOTggMTkuODE5UzExLjkzMSA0NS41IDcuMyA1Ni40ODhDMi40NDYgNjcuOSAwIDgwIDAgOTIuNSBjMCAxMi41IDIuNCAyNC42IDcuMyAzNi4wMDZjNC42NTkgMTEgMTEuMyAyMC45IDE5LjggMjkuMzk4YzguNDkyIDguNSAxOC40IDE1LjIgMjkuNCAxOS44IGMxMS40MDggNC44IDIzLjUgNy4zIDM2IDcuMjcyYzEyLjQ4MiAwIDI0LjU5Ny0yLjQ0NiAzNi4wMDUtNy4yNzJjMTEuMDE2LTQuNjU4IDIwLjkwNi0xMS4zMjcgMjkuMzk4LTE5LjgxOCBjOC40OTEtOC40OTIgMTUuMTYtMTguMzgzIDE5LjgxOC0yOS4zOThjNC44MjYtMTEuNDA4IDcuMjcyLTIzLjUyMiA3LjI3Mi0zNi4wMDZjMC0xMi40ODItMi40NDYtMjQuNTk3LTcuMjcyLTM2LjAwNiBjLTQuNjU4LTExLjAxNS0xMS4zMjctMjAuOTA1LTE5LjgxOC0yOS4zOTdjLTguNDkyLTguNDkyLTE4LjM4My0xNS4xNi0yOS4zOTgtMTkuODE5QzExNy4wOTIgMi40IDEwNSAwIDkyLjUgMEw5Mi40OTUgMHoiIGNsYXNzPSJzdHlsZTEiLz48L2c+PGc+PHBhdGggZD0iTTU0LjYzNiA3OS4wMzVjLTAuNzkxLTEuMDU0LTEuMTMyLTEuMDk2LTMuMjQ2LTAuNTg3Yy0xLjk1OCAwLjQ3Mi00LjkzNyAxLjUxOS03LjMyOSAyLjggYzAuMjk2LTEuNTIxIDAuODkxLTMuNjkzIDEuMjI2LTQuODkyYzEuMzQxLTQuOTE5IDIuODU4LTkuNjMzIDQuNTYtMTQuMjY4YzAuMTUtMC40MDcgMC4zNC0wLjgyNSAwLjI2NC0xLjE0IGMtMC4xNjgtMC43MDUtMS41OTktMS4zMTItMi4xNDctMS4xODJjLTAuNzA0IDAuMTcxLTEuMjE4IDAuNzkxLTEuODg5IDIuNjQ5Yy0zLjQ0OSA4LjkwNC02Ljc1MyAyMC4xMzYtNi41MjUgMjEuMSBjMC4wODQgMC40IDAuNCAwLjYgMC43IDAuNjZjLTAuMSAwLjI3Mi0wLjE1MSAwLjU3NS0wLjA3NiAwLjg5YzAuMDk0IDAuNCAxLjQgMS41IDEuOSAxLjcgYzAuMTk0IDAuMSAwLjUgMC4xIDAuNiAwLjAyNWMwLjUxLTAuMTIyIDEuNDczLTAuNzY4IDIuNjUtMS4zODNjMi4wOTktMS4wODUgNS4xMTEtMi42OCA4LjU0Mi00LjA4NCBjMS4yNDUtMC41MDYgMS40ODktMC41MjMgMS4zNDEtMS4zMTZDNTUuMTMgNzkuNSA1NC45IDc5LjMgNTQuNiA3OS4wMzV6IiBjbGFzcz0ic3R5bGUxIi8+PHBhdGggZD0iTTY0LjgwNCA3NC42ODRjMS4wMzQtMi4wNzEgMS4zNzUtMy4wNjUgMS4yNTMtMy41NzNjLTAuMTUxLTAuNjI2LTAuNTQ3LTEuMDY5LTEuMDU3LTAuOTQ2IGMtMC42MjYgMC4xNDktMC44MjEgMS4yMzItMi4yNyAzLjgxN2MtMS4yMTEgMi4xOTUtMi4zMTQgMy4xMjQtMy4yMTQgMy4zNDFjLTAuMzUzIDAuMDg0LTAuODMtMC4wMDgtMS4wODQtMS4wNjUgYy0wLjU2NS0yLjM0OCAxLjA3OS02LjE4MyAyLjEyNS04LjM4MWMwLjQ2OC0wLjk4IDAuNzA2LTEuMzY5IDAuNjQxLTEuNjQ0Yy0wLjE3LTAuNzA0LTEuMDktMS42MDEtMS45NTEtMS4zOTQgYy0xLjE3NSAwLjI4MS0xLjE3NCAxLjMxNi0yLjUzMiA0LjYyNWMtMS4yMTkgMy4wMjctMS42NjkgNC4yNTQtMS41NTUgNC43MjNjMC4wNDYgMC4yIDAuMiAwLjIgMC41IDAuMSBjLTAuMTk2IDEuMjQ4LTAuMjczIDIuMyAwLjEgMy42NzNjMC40MzQgMS44IDEuOSAzLjMgMy45IDIuNzg4QzYxLjcwNyA4MC4yIDYzLjMgNzcuNiA2NC44IDc0LjY4NHogTTYxLjUzNSA2Mi4zYzEuMzMyLTAuMzE5IDIuMzkyLTEuOTQgMi4wMzMtMy40MjljLTAuMjgzLTEuMTc2LTEuMTEtMS41MTUtMS45MzMtMS4zMTZjLTEuMzMgMC4zMi0yLjM5NyAxLjczNy0yLjAzMSAzLjMgQzU5Ljg1OSA2MS45IDYwLjYgNjIuNSA2MS41IDYyLjN6IiBjbGFzcz0ic3R5bGUxIi8+PHBhdGggZD0iTTc3LjY4NiA2Ny40ODVjLTAuMzIxIDEuMDctMC42NDggMy42NzUtMC4yMzMgNS4zOThjMC40NDIgMS44IDEuNyAzLjIgMy44IDIuNyBjMi4yNzEtMC41NDggMy45MDgtMy4zODMgNS42MDctNi44MTZjMC42NjctMS4zNjEgMS0yLjU2IDAuODk3LTIuOTg5Yy0wLjA5NC0wLjM5Mi0wLjQ5LTEuMDAyLTAuOTk4LTAuODc5IGMtMC41MSAwLjEyMi0wLjc3OSAwLjcyNi0xLjc4NCAyLjkxNGMtMC45NzcgMi4xNC0yLjY5MyA0LjEyNy0zLjkwNyA0LjQxOGMtMC4zMTMgMC4wNzYtMC44MjEgMC4wMzMtMC45OTktMC43MTEgYy0wLjYzMi0yLjYyNCAwLjkxMS03LjA1MyAxLjUxMS04LjUyMWMwLjM1MS0wLjk1NCAwLjYzOS0xLjQ3OSAwLjU3My0xLjc1NWMtMC4xMDQtMC40MjktMS4wMjEtMS40OTItMi4xNTctMS4yMTkgYy0xLjYwNiAwLjM4Ni0zLjYwNiA1LjY3LTUuNjQzIDkuNTk5YzAuMjQyLTEuMDU1IDAuOTgyLTQuMDA2IDAuNzE5LTUuMTAyYy0wLjE4OC0wLjc4NC0xLjg1My0xLjMzNS0yLjUxOS0xLjE3NSBjLTEuOTE4IDAuNDYyLTQuMDQ4IDUuOS01LjA0MyA3Ljk2M2MwLjg2Ny00LjE0MyAxLjk2LTYuMTQ1IDEuNzA1LTcuMjAzYy0wLjE5Ny0wLjgyMi0wLjkyNS0xLjQzNC0xLjc4Ni0xLjIyNyBjLTAuOTM5IDAuMjI3LTAuODY5IDEuMjA0LTIuMTIyIDQuNzc1Yy0xLjE1NCAzLjQ2Ny0xLjUwMSAzLjkyNS0xLjM2OCA0LjQ3MmMwLjA2NSAwLjMgMC4zIDAuMiAwLjcgMC4yIGMtMS4xODIgNC4zODMtMS43MDIgNS44MzQtMS41MTQgNi42MTdjMC4xNDIgMC42IDEuNSAxLjMgMi4yIDEuMDc1YzAuNzQzLTAuMTggMC44NDgtMC45NDggMS4wNjctMS41ODMgYzEuMzk2LTQuMTg3IDQuNDM2LTExLjAwNSA1LjY4MS0xMS41MTJjLTAuNDMxIDIuMTc0LTAuODk2IDQuMDI1LTEuMjk2IDYuMTVjLTAuNTAxIDIuNTY0LTAuNjA0IDMuMDA0LTAuNDgxIDMuNSBjMC4wOTYgMC40IDEuNiAxLjEgMi42IDAuODYzYzAuODYtMC4yMDYgMC40OTItMC41MzIgMS4wODMtMi4yMDhDNzUuMTg2IDcxLjkgNzcgNjguMSA3Ny43IDY3LjQ4NXoiIGNsYXNzPSJzdHlsZTEiLz48cGF0aCBkPSJNOTUuMzIzIDY3LjM0M2MxLjAzMi0yLjA3MSAxLjM3NC0zLjA2NSAxLjI1Mi0zLjU3M2MtMC4xNS0wLjYyNi0wLjU0OC0xLjA2OS0xLjA1Ni0wLjk0NSBjLTAuNjI2IDAuMTQ5LTAuODIyIDEuMjMxLTIuMjcxIDMuODE1Yy0xLjIxMSAyLjE5Ni0yLjMxMiAzLjEyNC0zLjIxNCAzLjM0M2MtMC4zNTEgMC4wODQtMC44MjktMC4wMDktMS4wODMtMS4wNjQgYy0wLjU2NC0yLjM1IDEuMDgtNi4xODQgMi4xMjQtOC4zODFjMC40Ny0wLjk4MiAwLjcwNi0xLjM3MSAwLjY0MS0xLjY0NmMtMC4xNjktMC43MDMtMS4wODktMS42LTEuOTQ5LTEuMzkzIGMtMS4xNzYgMC4yODEtMS4xNzYgMS4zMTYtMi41MzMgNC42MjdjLTEuMjE4IDMuMDI1LTEuNjY4IDQuMjUyLTEuNTU2IDQuNzIyYzAuMDQ4IDAuMiAwLjIgMC4yIDAuNSAwLjEgYy0wLjE5OCAxLjI0Ny0wLjI3NCAyLjMgMC4xIDMuNjczYzAuNDM0IDEuOCAxLjkgMy4zIDMuOSAyLjc4OEM5Mi4yMjYgNzIuOSA5My44IDcwLjMgOTUuMyA2Ny4zNDN6IE05Mi4wNTQgNTQuOTU5YzEuMzMxLTAuMzIgMi4zOTEtMS45NCAyLjAzMi0zLjQyOWMtMC4yODItMS4xNzUtMS4xMDgtMS41MTUtMS45MzItMS4zMTZjLTEuMzMgMC4zMi0yLjM5OCAxLjczNi0yLjAzIDMuMyBDOTAuMzc4IDU0LjUgOTEuMiA1NS4yIDkyLjEgNTQuOTU5eiIgY2xhc3M9InN0eWxlMSIvPjxwYXRoIGQ9Ik0xMDEuNTQ2IDUzLjI5OGMwLjgzMS0yLjM5NiAxLjMzNy0zLjA1NiAxLjI1My0zLjQwNmMtMC4wNzYtMC4zMTQtMC44MTQtMC42MzQtMS40MDQtMC40OTEgYy0wLjg5OCAwLjIxNi0xLjMyNCAxLjAyMS0zLjQgNC43OTRjLTEuNjY1IDAuNDgzLTYuOTYyIDIuMDQ3LTYuNTk2IDMuNTczYzAuMjA4IDAuOSAxLjggMS42IDIuMyAxLjQgYzAuNTEtMC4xMjIgMi4zMDItMC43NjEgMi44MDItMC45MjNsLTEuOTE2IDUuNjM3Yy0wLjM4MiAxLjE3MS0wLjQwNCAyLjYyNS0wLjEwMyAzLjg3N2MwLjUzNiAyLjIgMi4xIDQgNC43IDMuNCBjMi4xNTYtMC41MTcgNC4wMjYtMy41NzYgNS4wNy01LjQ0M2MxLjAzMy0xLjkwNCAxLjc5MS0zLjU3NyAxLjYzOS00LjIwNGMtMC4xMzEtMC41NDktMC40NzctMS4xMjctMS4xMDUtMC45NzcgYy0wLjU0NyAwLjEzMi0xLjAzIDEuNzM5LTIuMjY4IDMuNDg1Yy0xLjAzOSAxLjUzNS0yLjM0NCAzLjUwNi0zLjc5MyAzLjg1NGMtMC42MjggMC4xNDktMC45OTUtMC4xNzYtMS4xODQtMC45NTggQzk3IDY0LjkgOTguOCA1OS4xIDk5LjkgNTcuMTZjMC44NDItMC4yODUgMS41MzgtMC40OTUgMi40LTAuNzAyYzEuMDk1LTAuMjYyIDEuODQ3LTAuNDAyIDIuMzk2LTAuNTM0IGMwLjg1OS0wLjIwOCAxLjEzMi0wLjk3OCAxLjAxMS0xLjQ4NWMtMC4yNjQtMS4wOTYtMS43ODUtMS43MjUtMi44MDItMS40NzlMMTAxLjU0NiA1My4yOTh6IiBjbGFzcz0ic3R5bGUxIi8+PHBhdGggZD0iTTEwNi44ODMgNjUuMzVjNC4wMjUtNC40NDcgNy4zMTItOS4zOCA2LjYxNi0xMi4yNzZjLTAuMzItMS4zMzEtMS41MTYtMi4xNjMtMi45MjUtMS44MjMgYy00LjAzMSAwLjk3LTguNDI4IDguNTI4LTcuMTI4IDEzLjkzMmMwLjY3MiAyLjggMy4xIDQuMyA2IDMuNTY5YzMuOTE1LTAuOTQyIDcuMDA2LTQuNzkxIDguNDA0LTguMTA4IGMwLjQxOC0xLjAxNCAwLjY2OC0xLjY5NCAwLjU2Ny0yLjEyNWMtMC4xNTItMC42MjYtMC41NTEtMS4wNjktMS4wNTktMC45NDZjLTAuMzEyIDAuMDc2LTAuNTUxIDAuNDYzLTAuOTQgMS4zIGMtMS42OSAzLjQ3Mi0zLjExIDYuMTc0LTYuNzEyIDcuMDQxQzEwOC4zNzEgNjYuMiAxMDcuNCA2NiAxMDYuOSA2NS4zNXogTTEwNi4wNjEgNjMuMyBjLTAuNDI0LTMuODMzIDIuNjk0LTguNDM0IDMuODI5LTguNzA2YzAuMjc0LTAuMDY3IDAuNSAwIDAuNiAwLjM5NkMxMTAuODMzIDU2LjQgMTA4LjUgNjAuNCAxMDYuMSA2My4zMTF6IiBjbGFzcz0ic3R5bGUxIi8+PHBhdGggZD0iTTEyNS4zMTQgNjEuMDhjMC41OTIgMi41IDIuMyAzLjMgMy45IDIuOTE3YzIuNTA3LTAuNjA0IDQuNTItNC44MTQgNS4wNDUtNS44OTMgYzAuOTI0LTEuODM4IDEuNDkzLTMuMDkzIDEuMzUtMy42OGMtMC4xODUtMC43ODMtMC42NzMtMS4wODEtMS4wMjQtMC45OTdjLTAuNTg3IDAuMTQ0LTAuOTc5IDEuMjcxLTEuNzQzIDIuNyBjLTEuNTg5IDMuMDMxLTIuNjQ1IDQuMTU2LTMuNzAzIDQuNDA5Yy0wLjc0NCAwLjE4MS0xLjAwMi0wLjIxMy0xLjA3OC0wLjUyN2MtMC42MDQtMi41MDQgNC41MTgtMTQuNzk0IDUuOTk0LTE4LjEzIGMwLjY3NC0xLjQ4OCAwLjg5Mi0xLjc4OSAwLjgyOC0yLjA2MmMtMC4yNzItMS4xMzYtMS41NTktMS44Mi0yLjY5Mi0xLjU0OWMtMC44NjIgMC4yMDgtMS4wNjcgMS4yNTItMS45MiAzLjcgYy0xLjAzOCAyLjkwMS0yLjExNyA2LjUxNi0yLjk1OSA5LjAzN2MtMS4xMzItMS40MjctMi4yMjktMS44NjYtMy41MjItMS41NTZjLTMuNTYyIDAuODU3LTguODkzIDkuNTExLTcuODAyIDE0LjEgYzAuMzk2IDEuNiAyLjMgMyA0LjIgMi41OTdjMi43MDMtMC42NSA0LjM0NS00LjMxNyA1LjA1LTUuNTIyTDEyNS4zMTQgNjEuMDh6IE0xMTkuNzQyIDYyLjkgYy0wLjM5NCAwLjA5NC0wLjc3Mi0wLjEwNC0wLjg3Ni0wLjUzNGMtMC41ODQtMi40MjggMy4zNzQtOS4yMiA1LjY0Ni05Ljc2NWMwLjU4Ni0wLjE0MSAwLjkgMC4xIDEgMC42IEMxMjYuMDMgNTUuMyAxMjIuMiA2Mi4zIDExOS43IDYyLjg3N3oiIGNsYXNzPSJzdHlsZTEiLz48cGF0aCBkPSJNMzkuMjA0IDEwNi41NTdsNy4zOS0xLjc3N2w5LjI3NCAzOC41NTlsNy4wNy0xLjcwMmwtOS4yNzUtMzguNTU4bDcuMzkyLTEuNzhsLTEuNTQ3LTYuNDI1bC0yMS44NTEgNS4zIEwzOS4yMDQgMTA2LjU1N3oiIGNsYXNzPSJzdHlsZTEiLz48cGF0aCBkPSJNNzMuNTQ2IDEzOS4wODVsNy4wNjktMS42OTdsLTEwLjgyLTQ0Ljk4OGwtNy4wNyAxLjcwMkw3My41NDYgMTM5LjA4NXoiIGNsYXNzPSJzdHlsZTEiLz48cGF0aCBkPSJNODQuNzA2IDg4LjgxMmwtOS44MzIgMi4zNjVsMTAuODIgNDQuOTg1bDYuMTctMS40ODJsLTcuNjUyLTMxLjgxM2wxMi45MjIgMzAuNTQ1bDYuNjg0LTEuNjA2IGwtMi44NzctMzMuNDM4bDcuNzYyIDMyLjI2M2w2LjY4NC0xLjYwOGwtMTAuODIyLTQ0Ljk4NEw5NC43MzIgODYuNGwyLjg2MiAzMy4xTDg0LjcwNiA4OC44MTJ6IiBjbGFzcz0ic3R5bGUxIi8+PHBhdGggZD0iTTExOC4zMjcgODcuNTIzbDEyLjIxMS0yLjkzN2wtMS41NDQtNi40MjdsLTE5LjI4MiA0LjYzOGwxMC44MjIgNDQuOTg1bDE5LjI3OS00LjYzNWwtMS41NDQtNi40MjggbC0xMi4yMTEgMi45MzZsLTMuMTczLTEzLjE3M2w5LjcwNy0yLjMzM2wtMS41NDctNi40MjlsLTkuNzAzIDIuMzM2TDExOC4zMjcgODcuNTIzeiIgY2xhc3M9InN0eWxlMSIvPjxwYXRoIGQ9Ik0xNDcuOTYyIDExMC42NDhsLTMuMDEyLTE2LjQ3NWwtNC41MTQtMTguNzY2bC03LjA2OCAxLjY5OWw0LjUxNCAxOC43NjhsNC44MTIgMTYuMDQzTDE0Ny45NjIgMTEwLjY0OHogTTE0Mi42NzcgMTE1LjI1M2wxLjYzOSA2LjgxbDYuODEzLTEuNjM3bC0xLjYzNy02LjgxMkwxNDIuNjc3IDExNS4yNTN6IiBjbGFzcz0ic3R5bGUxIi8+PC9nPjwvc3ZnPg==) no-repeat left top; background-size: 100% 100%; background-repeat: no-repeat; } .wholecatImageWrap { position: absolute; width: 100%; height: 200px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wholecatImageWrap:before { content: ''; position: absolute; display: block; left: 120px; top: 0; background: #f5f2e7; width: 200px; height: 200px; -webkit-border-radius: 100px; border-radius: 100px; border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; z-index: -1; } .productContent, .no-svg .productContent { width: 350px; min-height: 305px; padding-bottom: 75px; margin: 100px; position: relative; } .no-svg .productContent > h1.badge_limitedTime { background: none; padding-top: 8px; padding-bottom: 8px; padding-left: 0; margin-bottom: 2px; } .wholesaleContent, .no-svg .wholesaleContent { width: 255px; min-height: 330px; padding-bottom: 20px; margin: 72px 0 0 72px; position: relative; } .no-svg .wholesaleContent > h1 { margin: .3em 0; } .no-svg .wholesaleContent > h1.badge_limitedTime { background: none; padding-top: 8px; padding-bottom: 8px; padding-left: 0; margin-bottom: 2px; } .wholecatContent { width: 130px; min-height: 165px; padding-top: 10px; margin: 28px 0 0 28px; position: relative; color: black; } .wholecatContent:before { content: ''; position: absolute; display: block; top: -20px; left: -20px; border: 4px solid #00704a; background: white; width: 160px; height: 160px; -webkit-border-radius: 84px; border-radius: 84px; border-top-left-radius: 84px; border-top-right-radius: 84px; border-bottom-left-radius: 84px; border-bottom-right-radius: 84px; z-index: -1; } .wholecatContent > h1 { margin: .2em 0; } .wholecatDescription { font-size: 1.1em; } .wholesaleDetail:nth-child(odd) .wholesaleContent { float: right; margin: 56px 56px 0 0; } .wholesaleDetail:nth-child(odd) .wholesaleDetailImage { padding-left: 0px; padding-right: 120px; } .wholesaleDetail:nth-child(odd) .wholesaleImageWrap:before { left: auto; right: 0px; } .wholesaleDetail:nth-child(odd) .wholesaleImageWrap .islto { right: 320px; } .wholesaleDetail:nth-child(even) .wholesaleImageWrap .islto { left: 320px; } .wholecatDetail { width: 44%; padding-left: 5%; } .wholecatDetail:nth-child(3n+1) { margin-left: 25%; } .productSocial .fb-like { vertical-align: top; } .productPairing { margin: 0; left: 180px; margin-top: -175px; float: left; } .subSectionNav { padding-bottom: 0; border-bottom: 0; } .subSectionNav h1 { display: none; } .subSectionNav .listSelector { display: none; } .subSectionNav .grandeMenu { text-align: center; padding: 7px 0 14px; } .subSectionNav .grandeMenu ul { margin: 0; } .subSectionNav .grandeMenu li { margin: 5px 0; padding: 5px 10px; display: inline-block; border-left: 3px solid #eeead9; } .subSectionNav .grandeMenu li:first-child { border-left: 0 none; } .subSectionNav .grandeMenu li a { font-size: 14px; font-size: 1.4rem; font-family: 'FrutigerLTCom-Bold', sans-serif; font-weight: normal; line-height: 18px; } .subSectionNav .grandeMenu li.active a, .subSectionNav .grandeMenu li.CMSListMenuHighlightedLI a { color: #d31145; } .subSectionNav .grandeMenu.levelThree { padding: 4px 0 8px; } .subSectionNav .grandeMenu.levelThree li { margin: 3px 0; padding: 3px 6px; display: inline-block; border-left: 0 none; } .subSectionNav .grandeMenu.levelThree li a { line-height: 12px; } .footerSocial { max-width: 35%; } .footerSocial .fb_edge_widget_with_comment { overflow: visible; height: auto; } .footerSocial.fbOpen { height: 250px; } .no-backgroundsize .countryContent.active h1 { background: #00704a url(../img/svgFallback/deskInt.png) no-repeat left top; } .countryContent.active { display: block; width: 100%; height: 331px; position: absolute; top: 92px; z-index: 500; } .countryContent.active .countryContentWrap { position: relative; max-width: 940px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; } .countryContent.active h1 { width: 100%; background: #00704a url(../img/intBg.png) no-repeat left top; background-size: 100% auto; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; height: 331px; float: right; max-width: 790px; } .countryContent.active #internationalSites { width: 40%; position: relative; height: 330px; min-width: 350px; position: absolute; right: 3.4%; } .countryContent.active #internationalSites > div { width: 50%; float: left; } .countryContent.active #internationalSites > div h2 { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #fff; padding-left: 20px; margin: 1.25em 0 .5em; } .countryContent.active #internationalSites > div ul { background-color: #fff; height: 241px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 4px solid #00704a; list-style: none; margin: 0; padding: 18px 0; overflow-y: auto; } .countryContent.active #internationalSites > div ul.countryList { border-right: 0 none; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; } .countryContent.active #internationalSites > div ul.countryList li a { padding-left: 38px; position: relative; } .countryContent.active #internationalSites > div ul.countryList li a img { position: absolute; left: 14px; width: 20px; height: 12px; top: 5px; font-size: 8px; line-height: 12px; } .countryContent.active #internationalSites > div ul.countryLinks { border-left: 0 none; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; } .countryContent.active #internationalSites > div ul li a { padding: 0 14px; font-family: 'FrutigerLTCom-Bold', sans-serif; font-weight: normal; display: block; font-size: 12px; font-size: 1.2rem; } .countryContent.active #internationalSites > div ul li a.active, .countryContent.active #internationalSites > div ul li a:hover, .countryContent.active #internationalSites > div ul li a:active { background: #f8f6ed; } #intOverlay { width: 100%; height: 100%; position: fixed; z-index: 500; display: none; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } #intOverlay.active { display: block; } .locationsWrap { width: 332px; top: 0; position: absolute; padding: 92px 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; height: auto; } .locationsWrap.active { height: 100%; padding-bottom: 100px; } .locations { width: 332px; height: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; text-align: left; background: #fff; border: 4px solid #00704a; border-width: 0 4px 4px 4px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; } .locationsToggler { background: #fff; border: 4px solid #00704a; border-width: 0 4px 4px 4px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; text-align: center; display: inline-block; padding: 3px 10px; cursor: pointer; } .locationsToggler .open { padding-top: 10px; display: inline-block; } .locationsToggler .open:after { font-family: 'icomoon'; font-size: 7px; content: '\e00e'; color: #d31145; display: inline-block; padding: 0 0 0 5px; } .locationsToggler .close:after { font-family: 'icomoon'; font-size: 7px; padding: 0 0 0 5px; content: '\e00f'; color: #d31145; display: inline-block; } .locationsResults { position: relative; height: 100%; padding-top: 250px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .locationsResults > h2 { margin-top: 5px; position: absolute; top: 80px; } .locationsResults > h1 { position: absolute; top: 195px; } .locationsResults .franchiseDisclaimerAddress { font-size: 11px; font-style: italic; color: red; padding-bottom: 1em; } .locationsResults .locationsResultsList { height: 100%; overflow: auto; width: 100%; } .locationsResults .locationsResultsList li { padding-right: 10px; } .locationsHeader { position: absolute; z-index: 2; width: 284px; } .locationsResultsWrap { position: relative; height: 100%; } .locationLegendFit { width: 49%; float: left; } .locationLegendFull { clear: both; } .locationsMapPage { position: fixed; height: 100%; width: 100%; top: 0; padding: 92px 0 51px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .infoWindow { width: 438px; padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; border: 4px solid #eeead9; -webkit-border-radius: 8px; border-radius: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .infoWindow:before { content: ""; position: absolute; bottom: -10px; top: auto; right: 36px; left: auto; border-width: 10px 10px 0; border-style: solid; border-color: #00704a transparent; display: block; width: 0; right: 50%; margin-right: -16px; bottom: -20px; border-width: 16px 16px 0; border-color: #eeead9 transparent; } .infoWindow:after { content: ""; position: absolute; bottom: -5px; right: 41px; top: auto; left: auto; border-width: 5px 5px 0; border-style: solid; border-color: #fff transparent; display: block; width: 0; right: 50%; margin-right: -16px; bottom: -16px; border-width: 16px 16px 0; } .infoWindow.infoWindowSmall { width: 250px; } .infoWindow.infoWindowSmall .primaryContent > div { padding-left: 0; } .infoWindow.infoWindowSmall .location .column { width: 100%; } .infoWindow.infoWindowSmall .location h1 { padding-right: 15px; } .infoWindow.infoWindowSmall .foursquare { display: none; } .infoWindow.infoWindowSmall .extButton, .infoWindow.infoWindowSmall .backButton, .infoWindow.infoWindowSmall .formLayout .FormButton, .formLayout .infoWindow.infoWindowSmall .FormButton, .infoWindow.infoWindowSmall .mcStories .submitStory .after .extButtonSubmit input, .mcStories .submitStory .after .extButtonSubmit .infoWindow.infoWindowSmall input { float: none; } .infoWindow:before { top: 100%; } .infoWindow:after { top: 100%; margin-top: -4px; } .infoWindow .close { position: absolute; right: 10px; top: 10px; cursor: pointer; z-index: 1; } .infoWindow .location { border-bottom: 0 none; padding: 0; } .infoWindow .location.type_Store, .infoWindow .locationPage .location, .locationPage .infoWindow .location, .infoWindow .location.type_Commissary, .infoWindow .location.type_Franchise { background-position: 10px 2px; } .infoWindow .location.type_Wholesale { border-bottom: 0 none; background-position: 5px 8px; } .infoWindow .location.type_Wholesale h1 { padding-left: 35px; } .infoWindow .location h1 { font-family: 'FrutigerLTCom-Bold', sans-serif; font-weight: normal; font-size: 14px; font-size: 1.4rem; margin-top: 0; padding-right: 0; } .infoWindow .location .storeHours, .infoWindow .location .StoreHours, .infoWindow .location .Drive-ThruHours, .infoWindow .location .myKKD, .infoWindow .location .myKKDName { padding-bottom: 15px; } .infoWindow .location .franchiseDisclaimer { clear: left; padding-top: 8px; font-style: italic; color: red; } .infoWindow .location .franchiseDisclaimerAddress { display: none; } .infoWindow .location .storeHours { position: relative; min-height: 35px; padding-top: 5px; padding-left: 55px; } .infoWindow .location .storeHours:before { content: ''; font-family: 'icomoon'; display: block; -webkit-border-radius: 50%; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; color: #d31145; border: 3px solid #eeead9; position: absolute; left: 0; top: 0; text-align: center; width: 45px; height: 45px; line-height: 39px; font-size: 26px; background: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; content: '\e032'; } .infoWindow .location .storeHours h3 { font-family: 'FrutigerLTCom-Bold', sans-serif; font-weight: normal; margin-top: 12px; } .infoWindow .location .storeHours h3:first-child { margin-top: 0; } .infoWindow .location .HotLightHours, .infoWindow .location .hotLightHours { padding-bottom: 10px; padding-top: 4px; } .infoWindow .location .HotLightHours h3, .infoWindow .location .hotLightHours h3 { font-family: 'FrutigerLTCom-Bold', sans-serif; font-weight: normal; } .infoWindow .location .column { float: left; width: 50%; padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .infoWindow .location .socialShare { padding: 8px 0; } .infoWindow .location .socialShare h3 { display: block; float: left; padding-right: 5px; margin: 0; line-height: 24px; } .infoWindow .location .socialShare a { display: inline-block; vertical-align: middle; } .infoWindow .location .extButton, .infoWindow .location .backButton, .infoWindow .location .formLayout .FormButton, .formLayout .infoWindow .location .FormButton, .infoWindow .location .mcStories .submitStory .after .extButtonSubmit input, .mcStories .submitStory .after .extButtonSubmit .infoWindow .location input { margin-top: 10px; } .infoWindow .hotLightHours h3, .infoWindow .HotLightHours h3, .infoWindow .storeHours h3, .infoWindow .StoreHours h3, .infoWindow .Drive-ThruHours h3 { margin-top: 0; } .infoWindow .primaryContent > h1 { padding-left: 59px; } .infoWindow .foursquare { border-top: 3px solid #F5F2E7; height: 115px; margin-top: 10px; padding-top: 10px; } .infoWindow .foursquare .photos { width: 100%; margin: 0; } .infoWindow .foursquare .photos li { width: 70px; height: 70px; margin-left: 15px; } .infoWindow .foursquare .photos li:first-child { margin-left: 0; } .foursquare .photos li:first-child { display: block; } .locationPage { padding: 0 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .locationPage header { padding: 20px 0; } .locationPage header .myKKD, .locationPage header .myKKDName { display: inline; } .locationPage header .myKKD.notMyKKD, .locationPage header .notMyKKD.myKKDName { display: none; } .locationPage header .myKKDLink { display: none; } .locationPage header .myKKDLink.notMyKKD { display: inline; } .locationPage header .continueLink:hover, .locationPage header .continueLink:active, .locationPage header .continueLink:after { color: #d31145; } .locationPage header .continueLink:after { font-size: 12px; } .locationPage > h1 { margin-top: 0; font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #00704a; } .locationPage #map { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 72.340426%; height: 320px; -webkit-border-radius: 5px; border-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; float: left; } .locationPage .mainContent { position: relative; } .locationPage .contentSection { margin: 0; } .locationPage .lspColOne, .locationPage .lspColTwo { width: 47.9%; float: left; } .locationPage .lspColTwo { float: right; } .locationPage .foursquare .photos li { width: 20%; } .locationPage .foursquare .photos li:first-child { display: block; } .locationPage .location { float: right; width: 26.595745%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /*height: 320px;*/ position: static; background: #f5f2e7; -webkit-border-radius: 5px; border-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .locationPage .location .extButton, .locationPage .location .backButton, .locationPage .location .formLayout .FormButton, .formLayout .locationPage .location .FormButton, .locationPage .location .mcStories .submitStory .after .extButtonSubmit input, .mcStories .submitStory .after .extButtonSubmit .locationPage .location input { position: absolute; left: 24px; bottom: 24px; } .locationPage .location > h1, .locationPage .location > div { margin-left: 0; padding-left: 0; } .locationPage .location .hotLightHours, .locationPage .location .HotLightHours { padding-left: 0; } .locationPage .location .hotLightHours:before, .locationPage .location .HotLightHours:before { content: ''; } .locationPage .location .hotLightHours .continueLink:after, .locationPage .location .HotLightHours .continueLink:after { color: #d31145; } .no-svg .locationPage .location { background: #f5f2e7; } .internationalDoughnutFAQ { position: relative; margin: 40px 10.41667% 0; width: auto; border-top: 4px solid #EEEAD9; border-bottom: 0; padding: 20px 0; } .internationalDoughnutFAQ > a { border: 4px solid #eeead9; background: #fff; cursor: pointer; padding: 7px 24px 7px 12px; -webkit-border-radius: 10px; border-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 420px; margin: -42px auto 0; } .internationalDoughnutFAQ > a:after { top: 10px; margin-top: 0; } .internationalDoughnutFAQ > a.primary { border-color: #00704a; } .internationalDoughnutFAQ > .toggleContent { background: #f5f2e7; padding: 20px 40px; position: relative; -webkit-border-radius: 5px; border-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; width: auto; margin: 20px 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .internationalDoughnutFAQ > .toggleContent:after { content: ""; position: absolute; border-width: 0 15px 15px; border-style: solid; border-color: #f5f2e7 transparent; display: block; width: 0; top: -15px; left: auto; bottom: auto; } .internationalDoughnutFAQ > .toggleContent:after { left: 50%; margin-left: -15px; } .internationalDoughnutFAQ > .toggleContent .faqEntry { border-bottom: 4px solid #EEEAD9; } .internationalDoughnutFAQ > .toggleContent .faqEntry .toggler { vertical-align: middle; position: relative; padding-left: 30px; padding-top: 5px; } .internationalDoughnutFAQ > .toggleContent .faqEntry .toggler:before { content: 'Q.'; font-size: 22px; font-size: 2.2rem; font-family: 'FrutigerLTCom-Roman', sans-serif; font-weight: normal; display: block; position: absolute; height: 100%; left: 0; top: 0; } .internationalDoughnutFAQ > .toggleContent .faqEntry .toggleContent { vertical-align: middle; position: relative; padding-left: 30px; padding-top: 5px; } .internationalDoughnutFAQ > .toggleContent .faqEntry .toggleContent:before { content: 'A.'; font-size: 22px; font-size: 2.2rem; font-family: 'FrutigerLTCom-Roman', sans-serif; font-weight: normal; display: block; position: absolute; height: 100%; left: 0; top: 0; } .internationalDoughnut { position: relative; width: auto; float: none; } .internationalDoughnut figure { background: #fff; } .internationalDoughnut .tintWrap { height: 445px; margin: 0; position: absolute; z-index: 20; } .internationalDoughnut .tintWrap:hover { z-index: 35; } .internationalDoughnut.int1, .internationalDoughnut.int9, .internationalDoughnut.int17, .internationalDoughnut.int25, .internationalDoughnut.int33, .internationalDoughnut.int41, .internationalDoughnut.int49, .internationalDoughnut.int57, .internationalDoughnut.int65 { height: 118px; } .internationalDoughnut.int1 .tintWrap, .internationalDoughnut.int9 .tintWrap, .internationalDoughnut.int17 .tintWrap, .internationalDoughnut.int25 .tintWrap, .internationalDoughnut.int33 .tintWrap, .internationalDoughnut.int41 .tintWrap, .internationalDoughnut.int49 .tintWrap, .internationalDoughnut.int57 .tintWrap, .internationalDoughnut.int65 .tintWrap { width: 363px; height: 363px; } .internationalDoughnut.int1 .tint.intDoughnutTint, .internationalDoughnut.int9 .tint.intDoughnutTint, .internationalDoughnut.int17 .tint.intDoughnutTint, .internationalDoughnut.int25 .tint.intDoughnutTint, .internationalDoughnut.int33 .tint.intDoughnutTint, .internationalDoughnut.int41 .tint.intDoughnutTint, .internationalDoughnut.int49 .tint.intDoughnutTint, .internationalDoughnut.int57 .tint.intDoughnutTint, .internationalDoughnut.int65 .tint.intDoughnutTint { background-color: #fff; width: 318px; height: 318px; -webkit-border-radius: 159px; border-radius: 159px; border-top-left-radius: 159px; border-top-right-radius: 159px; border-bottom-left-radius: 159px; border-bottom-right-radius: 159px; } .internationalDoughnut.int1 .tint.intDoughnutTint figure, .internationalDoughnut.int9 .tint.intDoughnutTint figure, .internationalDoughnut.int17 .tint.intDoughnutTint figure, .internationalDoughnut.int25 .tint.intDoughnutTint figure, .internationalDoughnut.int33 .tint.intDoughnutTint figure, .internationalDoughnut.int41 .tint.intDoughnutTint figure, .internationalDoughnut.int49 .tint.intDoughnutTint figure, .internationalDoughnut.int57 .tint.intDoughnutTint figure, .internationalDoughnut.int65 .tint.intDoughnutTint figure { -webkit-border-radius: 159px; border-radius: 159px; border-top-left-radius: 159px; border-top-right-radius: 159px; border-bottom-left-radius: 159px; border-bottom-right-radius: 159px; overflow: hidden; width: 318px; height: 318px; } .internationalDoughnut.int1 .tint.intDoughnutTint img, .internationalDoughnut.int9 .tint.intDoughnutTint img, .internationalDoughnut.int17 .tint.intDoughnutTint img, .internationalDoughnut.int25 .tint.intDoughnutTint img, .internationalDoughnut.int33 .tint.intDoughnutTint img, .internationalDoughnut.int41 .tint.intDoughnutTint img, .internationalDoughnut.int49 .tint.intDoughnutTint img, .internationalDoughnut.int57 .tint.intDoughnutTint img, .internationalDoughnut.int65 .tint.intDoughnutTint img { width: 318px; -webkit-border-radius: 159px; border-radius: 159px; border-top-left-radius: 159px; border-top-right-radius: 159px; border-bottom-left-radius: 159px; border-bottom-right-radius: 159px; } .internationalDoughnut.int1 .content, .internationalDoughnut.int9 .content, .internationalDoughnut.int17 .content, .internationalDoughnut.int25 .content, .internationalDoughnut.int33 .content, .internationalDoughnut.int41 .content, .internationalDoughnut.int49 .content, .internationalDoughnut.int57 .content, .internationalDoughnut.int65 .content { top: 363px; } .internationalDoughnut.int1 .tintWrap, .internationalDoughnut.int1 .content, .internationalDoughnut.int9 .tintWrap, .internationalDoughnut.int9 .content, .internationalDoughnut.int17 .tintWrap, .internationalDoughnut.int17 .content, .internationalDoughnut.int25 .tintWrap, .internationalDoughnut.int25 .content, .internationalDoughnut.int33 .tintWrap, .internationalDoughnut.int33 .content, .internationalDoughnut.int41 .tintWrap, .internationalDoughnut.int41 .content, .internationalDoughnut.int49 .tintWrap, .internationalDoughnut.int49 .content, .internationalDoughnut.int57 .tintWrap, .internationalDoughnut.int57 .content, .internationalDoughnut.int65 .tintWrap, .internationalDoughnut.int65 .content { right: 3.125%; left: auto; } .internationalDoughnut.int1 .content, .internationalDoughnut.int9 .content, .internationalDoughnut.int17 .content, .internationalDoughnut.int25 .content, .internationalDoughnut.int33 .content, .internationalDoughnut.int41 .content, .internationalDoughnut.int49 .content, .internationalDoughnut.int57 .content, .internationalDoughnut.int65 .content { margin-right: 27px; } .internationalDoughnut.int1:before, .internationalDoughnut.int9:before, .internationalDoughnut.int17:before, .internationalDoughnut.int25:before, .internationalDoughnut.int33:before, .internationalDoughnut.int41:before, .internationalDoughnut.int49:before, .internationalDoughnut.int57:before, .internationalDoughnut.int65:before { background: url(../img/plane.png) no-repeat left top; background-size: 112px auto; width: 112px; height: 139px; display: block; content: ''; left: 40%; top: -20px; position: absolute; z-index: 30; } .internationalDoughnut.int1:after, .internationalDoughnut.int9:after, .internationalDoughnut.int17:after, .internationalDoughnut.int25:after, .internationalDoughnut.int33:after, .internationalDoughnut.int41:after, .internationalDoughnut.int49:after, .internationalDoughnut.int57:after, .internationalDoughnut.int65:after { background: url(../img/cloud1.png) no-repeat left top; background-size: 252px auto; width: 252px; height: 151px; display: block; content: ''; right: -95px; top: 285px; position: absolute; z-index: 30; } .internationalDoughnut.int2, .internationalDoughnut.int10, .internationalDoughnut.int18, .internationalDoughnut.int26, .internationalDoughnut.int34, .internationalDoughnut.int42, .internationalDoughnut.int50, .internationalDoughnut.int58, .internationalDoughnut.int66 { height: 270px; } .internationalDoughnut.int2 .tintWrap, .internationalDoughnut.int10 .tintWrap, .internationalDoughnut.int18 .tintWrap, .internationalDoughnut.int26 .tintWrap, .internationalDoughnut.int34 .tintWrap, .internationalDoughnut.int42 .tintWrap, .internationalDoughnut.int50 .tintWrap, .internationalDoughnut.int58 .tintWrap, .internationalDoughnut.int66 .tintWrap { width: 363px; height: 363px; } .internationalDoughnut.int2 .tint.intDoughnutTint, .internationalDoughnut.int10 .tint.intDoughnutTint, .internationalDoughnut.int18 .tint.intDoughnutTint, .internationalDoughnut.int26 .tint.intDoughnutTint, .internationalDoughnut.int34 .tint.intDoughnutTint, .internationalDoughnut.int42 .tint.intDoughnutTint, .internationalDoughnut.int50 .tint.intDoughnutTint, .internationalDoughnut.int58 .tint.intDoughnutTint, .internationalDoughnut.int66 .tint.intDoughnutTint { background-color: #fff; width: 318px; height: 318px; -webkit-border-radius: 159px; border-radius: 159px; border-top-left-radius: 159px; border-top-right-radius: 159px; border-bottom-left-radius: 159px; border-bottom-right-radius: 159px; } .internationalDoughnut.int2 .tint.intDoughnutTint figure, .internationalDoughnut.int10 .tint.intDoughnutTint figure, .internationalDoughnut.int18 .tint.intDoughnutTint figure, .internationalDoughnut.int26 .tint.intDoughnutTint figure, .internationalDoughnut.int34 .tint.intDoughnutTint figure, .internationalDoughnut.int42 .tint.intDoughnutTint figure, .internationalDoughnut.int50 .tint.intDoughnutTint figure, .internationalDoughnut.int58 .tint.intDoughnutTint figure, .internationalDoughnut.int66 .tint.intDoughnutTint figure { -webkit-border-radius: 159px; border-radius: 159px; border-top-left-radius: 159px; border-top-right-radius: 159px; border-bottom-left-radius: 159px; border-bottom-right-radius: 159px; overflow: hidden; width: 318px; height: 318px; } .internationalDoughnut.int2 .tint.intDoughnutTint img, .internationalDoughnut.int10 .tint.intDoughnutTint img, .internationalDoughnut.int18 .tint.intDoughnutTint img, .internationalDoughnut.int26 .tint.intDoughnutTint img, .internationalDoughnut.int34 .tint.intDoughnutTint img, .internationalDoughnut.int42 .tint.intDoughnutTint img, .internationalDoughnut.int50 .tint.intDoughnutTint img, .internationalDoughnut.int58 .tint.intDoughnutTint img, .internationalDoughnut.int66 .tint.intDoughnutTint img { width: 318px; -webkit-border-radius: 159px; border-radius: 159px; border-top-left-radius: 159px; border-top-right-radius: 159px; border-bottom-left-radius: 159px; border-bottom-right-radius: 159px; } .internationalDoughnut.int2 .content, .internationalDoughnut.int10 .content, .internationalDoughnut.int18 .content, .internationalDoughnut.int26 .content, .internationalDoughnut.int34 .content, .internationalDoughnut.int42 .content, .internationalDoughnut.int50 .content, .internationalDoughnut.int58 .content, .internationalDoughnut.int66 .content { top: 363px; } .internationalDoughnut.int2 .tintWrap, .internationalDoughnut.int2 .content, .internationalDoughnut.int10 .tintWrap, .internationalDoughnut.int10 .content, .internationalDoughnut.int18 .tintWrap, .internationalDoughnut.int18 .content, .internationalDoughnut.int26 .tintWrap, .internationalDoughnut.int26 .content, .internationalDoughnut.int34 .tintWrap, .internationalDoughnut.int34 .content, .internationalDoughnut.int42 .tintWrap, .internationalDoughnut.int42 .content, .internationalDoughnut.int50 .tintWrap, .internationalDoughnut.int50 .content, .internationalDoughnut.int58 .tintWrap, .internationalDoughnut.int58 .content, .internationalDoughnut.int66 .tintWrap, .internationalDoughnut.int66 .content { left: 14%; right: auto; } .internationalDoughnut.int2 .content, .internationalDoughnut.int10 .content, .internationalDoughnut.int18 .content, .internationalDoughnut.int26 .content, .internationalDoughnut.int34 .content, .internationalDoughnut.int42 .content, .internationalDoughnut.int50 .content, .internationalDoughnut.int58 .content, .internationalDoughnut.int66 .content { margin-left: -17px; } .internationalDoughnut.int2:before, .internationalDoughnut.int10:before, .internationalDoughnut.int18:before, .internationalDoughnut.int26:before, .internationalDoughnut.int34:before, .internationalDoughnut.int42:before, .internationalDoughnut.int50:before, .internationalDoughnut.int58:before, .internationalDoughnut.int66:before { background: url(../img/cloud2.png) no-repeat left top; background-size: 302px auto; width: 302px; height: 157px; display: block; content: ''; left: 0; top: -90px; position: absolute; z-index: 30; } .internationalDoughnut.int3, .internationalDoughnut.int11, .internationalDoughnut.int19, .internationalDoughnut.int27, .internationalDoughnut.int35, .internationalDoughnut.int43, .internationalDoughnut.int51, .internationalDoughnut.int59, .internationalDoughnut.int67 { height: 120px; } .internationalDoughnut.int3 .tintWrap, .internationalDoughnut.int11 .tintWrap, .internationalDoughnut.int19 .tintWrap, .internationalDoughnut.int27 .tintWrap, .internationalDoughnut.int35 .tintWrap, .internationalDoughnut.int43 .tintWrap, .internationalDoughnut.int51 .tintWrap, .internationalDoughnut.int59 .tintWrap, .internationalDoughnut.int67 .tintWrap { width: 363px; height: 363px; } .internationalDoughnut.int3 .tint.intDoughnutTint, .internationalDoughnut.int11 .tint.intDoughnutTint, .internationalDoughnut.int19 .tint.intDoughnutTint, .internationalDoughnut.int27 .tint.intDoughnutTint, .internationalDoughnut.int35 .tint.intDoughnutTint, .internationalDoughnut.int43 .tint.intDoughnutTint, .internationalDoughnut.int51 .tint.intDoughnutTint, .internationalDoughnut.int59 .tint.intDoughnutTint, .internationalDoughnut.int67 .tint.intDoughnutTint { background-color: #fff; width: 318px; height: 318px; -webkit-border-radius: 159px; border-radius: 159px; border-top-left-radius: 159px; border-top-right-radius: 159px; border-bottom-left-radius: 159px; border-bottom-right-radius: 159px; } .internationalDoughnut.int3 .tint.intDoughnutTint figure, .internationalDoughnut.int11 .tint.intDoughnutTint figure, .internationalDoughnut.int19 .tint.intDoughnutTint figure, .internationalDoughnut.int27 .tint.intDoughnutTint figure, .internationalDoughnut.int35 .tint.intDoughnutTint figure, .internationalDoughnut.int43 .tint.intDoughnutTint figure, .internationalDoughnut.int51 .tint.intDoughnutTint figure, .internationalDoughnut.int59 .tint.intDoughnutTint figure, .internationalDoughnut.int67 .tint.intDoughnutTint figure { -webkit-border-radius: 159px; border-radius: 159px; border-top-left-radius: 159px; border-top-right-radius: 159px; border-bottom-left-radius: 159px; border-bottom-right-radius: 159px; overflow: hidden; width: 318px; height: 318px; } .internationalDoughnut.int3 .tint.intDoughnutTint img, .internationalDoughnut.int11 .tint.intDoughnutTint img, .internationalDoughnut.int19 .tint.intDoughnutTint img, .internationalDoughnut.int27 .tint.intDoughnutTint img, .internationalDoughnut.int35 .tint.intDoughnutTint img, .internationalDoughnut.int43 .tint.intDoughnutTint img, .internationalDoughnut.int51 .tint.intDoughnutTint img, .internationalDoughnut.int59 .tint.intDoughnutTint img, .internationalDoughnut.int67 .tint.intDoughnutTint img { width: 318px; -webkit-border-radius: 159px; border-radius: 159px; border-top-left-radius: 159px; border-top-right-radius: 159px; border-bottom-left-radius: 159px; border-bottom-right-radius: 159px; } .internationalDoughnut.int3 .content, .internationalDoughnut.int11 .content, .internationalDoughnut.int19 .content, .internationalDoughnut.int27 .content, .internationalDoughnut.int35 .content, .internationalDoughnut.int43 .content, .internationalDoughnut.int51 .content, .internationalDoughnut.int59 .content, .internationalDoughnut.int67 .content { top: 363px; } .internationalDoughnut.int3 .tintWrap, .internationalDoughnut.int3 .content, .internationalDoughnut.int11 .tintWrap, .internationalDoughnut.int11 .content, .internationalDoughnut.int19 .tintWrap, .internationalDoughnut.int19 .content, .internationalDoughnut.int27 .tintWrap, .internationalDoughnut.int27 .content, .internationalDoughnut.int35 .tintWrap, .internationalDoughnut.int35 .content, .internationalDoughnut.int43 .tintWrap, .internationalDoughnut.int43 .content, .internationalDoughnut.int51 .tintWrap, .internationalDoughnut.int51 .content, .internationalDoughnut.int59 .tintWrap, .internationalDoughnut.int59 .content, .internationalDoughnut.int67 .tintWrap, .internationalDoughnut.int67 .content { right: 4.7%; left: auto; } .internationalDoughnut.int3 .content, .internationalDoughnut.int11 .content, .internationalDoughnut.int19 .content, .internationalDoughnut.int27 .content, .internationalDoughnut.int35 .content, .internationalDoughnut.int43 .content, .internationalDoughnut.int51 .content, .internationalDoughnut.int59 .content, .internationalDoughnut.int67 .content { margin-right: 27px; } .internationalDoughnut.int3:before, .internationalDoughnut.int11:before, .internationalDoughnut.int19:before, .internationalDoughnut.int27:before, .internationalDoughnut.int35:before, .internationalDoughnut.int43:before, .internationalDoughnut.int51:before, .internationalDoughnut.int59:before, .internationalDoughnut.int67:before { background: url(../img/cloud3.png) no-repeat left 20px; background-size: 145px auto; width: 145px; height: 72px; display: block; content: ''; right: 30%; top: -20px; position: absolute; z-index: 30; } .internationalDoughnut.int4, .internationalDoughnut.int12, .internationalDoughnut.int20, .internationalDoughnut.int28, .internationalDoughnut.int36, .internationalDoughnut.int44, .internationalDoughnut.int52, .internationalDoughnut.int60, .internationalDoughnut.int68 { height: 262px; } .internationalDoughnut.int4 .tintWrap, .internationalDoughnut.int12 .tintWrap, .internationalDoughnut.int20 .tintWrap, .internationalDoughnut.int28 .tintWrap, .internationalDoughnut.int36 .tintWrap, .internationalDoughnut.int44 .tintWrap, .internationalDoughnut.int52 .tintWrap, .internationalDoughnut.int60 .tintWrap, .internationalDoughnut.int68 .tintWrap { width: 445px; height: 445px; } .internationalDoughnut.int4 .tint.intDoughnutTint, .internationalDoughnut.int12 .tint.intDoughnutTint, .internationalDoughnut.int20 .tint.intDoughnutTint, .internationalDoughnut.int28 .tint.intDoughnutTint, .internationalDoughnut.int36 .tint.intDoughnutTint, .internationalDoughnut.int44 .tint.intDoughnutTint, .internationalDoughnut.int52 .tint.intDoughnutTint, .internationalDoughnut.int60 .tint.intDoughnutTint, .internationalDoughnut.int68 .tint.intDoughnutTint { background-color: #fff; width: 400px; height: 400px; -webkit-border-radius: 200px; border-radius: 200px; border-top-left-radius: 200px; border-top-right-radius: 200px; border-bottom-left-radius: 200px; border-bottom-right-radius: 200px; } .internationalDoughnut.int4 .tint.intDoughnutTint figure, .internationalDoughnut.int12 .tint.intDoughnutTint figure, .internationalDoughnut.int20 .tint.intDoughnutTint figure, .internationalDoughnut.int28 .tint.intDoughnutTint figure, .internationalDoughnut.int36 .tint.intDoughnutTint figure, .internationalDoughnut.int44 .tint.intDoughnutTint figure, .internationalDoughnut.int52 .tint.intDoughnutTint figure, .internationalDoughnut.int60 .tint.intDoughnutTint figure, .internationalDoughnut.int68 .tint.intDoughnutTint figure { -webkit-border-radius: 200px; border-radius: 200px; border-top-left-radius: 200px; border-top-right-radius: 200px; border-bottom-left-radius: 200px; border-bottom-right-radius: 200px; overflow: hidden; width: 400px; height: 400px; } .internationalDoughnut.int4 .tint.intDoughnutTint img, .internationalDoughnut.int12 .tint.intDoughnutTint img, .internationalDoughnut.int20 .tint.intDoughnutTint img, .internationalDoughnut.int28 .tint.intDoughnutTint img, .internationalDoughnut.int36 .tint.intDoughnutTint img, .internationalDoughnut.int44 .tint.intDoughnutTint img, .internationalDoughnut.int52 .tint.intDoughnutTint img, .internationalDoughnut.int60 .tint.intDoughnutTint img, .internationalDoughnut.int68 .tint.intDoughnutTint img { width: 400px; -webkit-border-radius: 200px; border-radius: 200px; border-top-left-radius: 200px; border-top-right-radius: 200px; border-bottom-left-radius: 200px; border-bottom-right-radius: 200px; } .internationalDoughnut.int4 .content, .internationalDoughnut.int12 .content, .internationalDoughnut.int20 .content, .internationalDoughnut.int28 .content, .internationalDoughnut.int36 .content, .internationalDoughnut.int44 .content, .internationalDoughnut.int52 .content, .internationalDoughnut.int60 .content, .internationalDoughnut.int68 .content { top: 445px; } .internationalDoughnut.int4 .tintWrap, .internationalDoughnut.int4 .content, .internationalDoughnut.int12 .tintWrap, .internationalDoughnut.int12 .content, .internationalDoughnut.int20 .tintWrap, .internationalDoughnut.int20 .content, .internationalDoughnut.int28 .tintWrap, .internationalDoughnut.int28 .content, .internationalDoughnut.int36 .tintWrap, .internationalDoughnut.int36 .content, .internationalDoughnut.int44 .tintWrap, .internationalDoughnut.int44 .content, .internationalDoughnut.int52 .tintWrap, .internationalDoughnut.int52 .content, .internationalDoughnut.int60 .tintWrap, .internationalDoughnut.int60 .content, .internationalDoughnut.int68 .tintWrap, .internationalDoughnut.int68 .content { left: 2.1%; right: auto; } .internationalDoughnut.int4 .content, .internationalDoughnut.int12 .content, .internationalDoughnut.int20 .content, .internationalDoughnut.int28 .content, .internationalDoughnut.int36 .content, .internationalDoughnut.int44 .content, .internationalDoughnut.int52 .content, .internationalDoughnut.int60 .content, .internationalDoughnut.int68 .content { margin-left: 24px; } .internationalDoughnut.int4:before, .internationalDoughnut.int12:before, .internationalDoughnut.int20:before, .internationalDoughnut.int28:before, .internationalDoughnut.int36:before, .internationalDoughnut.int44:before, .internationalDoughnut.int52:before, .internationalDoughnut.int60:before, .internationalDoughnut.int68:before { background: url(../img/globe.png) no-repeat left top; background-size: 200px auto; width: 200px; height: 195px; display: block; content: ''; left: 30px; top: -140px; position: absolute; z-index: 30; } .internationalDoughnut.int4:after, .internationalDoughnut.int12:after, .internationalDoughnut.int20:after, .internationalDoughnut.int28:after, .internationalDoughnut.int36:after, .internationalDoughnut.int44:after, .internationalDoughnut.int52:after, .internationalDoughnut.int60:after, .internationalDoughnut.int68:after { background: url(../img/cloud1.png) no-repeat left top; background-size: 400px auto; width: 400px; height: 232px; display: block; content: ''; left: -200px; top: 245px; position: absolute; z-index: 30; } .internationalDoughnut.int5, .internationalDoughnut.int13, .internationalDoughnut.int21, .internationalDoughnut.int29, .internationalDoughnut.int37, .internationalDoughnut.int45, .internationalDoughnut.int53, .internationalDoughnut.int61, .internationalDoughnut.int69 { height: 240px; } .internationalDoughnut.int5 .tintWrap, .internationalDoughnut.int13 .tintWrap, .internationalDoughnut.int21 .tintWrap, .internationalDoughnut.int29 .tintWrap, .internationalDoughnut.int37 .tintWrap, .internationalDoughnut.int45 .tintWrap, .internationalDoughnut.int53 .tintWrap, .internationalDoughnut.int61 .tintWrap, .internationalDoughnut.int69 .tintWrap { width: 295px; height: 295px; } .internationalDoughnut.int5 .tint.intDoughnutTint, .internationalDoughnut.int13 .tint.intDoughnutTint, .internationalDoughnut.int21 .tint.intDoughnutTint, .internationalDoughnut.int29 .tint.intDoughnutTint, .internationalDoughnut.int37 .tint.intDoughnutTint, .internationalDoughnut.int45 .tint.intDoughnutTint, .internationalDoughnut.int53 .tint.intDoughnutTint, .internationalDoughnut.int61 .tint.intDoughnutTint, .internationalDoughnut.int69 .tint.intDoughnutTint { background-color: #fff; width: 250px; height: 250px; -webkit-border-radius: 125px; border-radius: 125px; border-top-left-radius: 125px; border-top-right-radius: 125px; border-bottom-left-radius: 125px; border-bottom-right-radius: 125px; } .internationalDoughnut.int5 .tint.intDoughnutTint figure, .internationalDoughnut.int13 .tint.intDoughnutTint figure, .internationalDoughnut.int21 .tint.intDoughnutTint figure, .internationalDoughnut.int29 .tint.intDoughnutTint figure, .internationalDoughnut.int37 .tint.intDoughnutTint figure, .internationalDoughnut.int45 .tint.intDoughnutTint figure, .internationalDoughnut.int53 .tint.intDoughnutTint figure, .internationalDoughnut.int61 .tint.intDoughnutTint figure, .internationalDoughnut.int69 .tint.intDoughnutTint figure { -webkit-border-radius: 125px; border-radius: 125px; border-top-left-radius: 125px; border-top-right-radius: 125px; border-bottom-left-radius: 125px; border-bottom-right-radius: 125px; overflow: hidden; width: 250px; height: 250px; } .internationalDoughnut.int5 .tint.intDoughnutTint img, .internationalDoughnut.int13 .tint.intDoughnutTint img, .internationalDoughnut.int21 .tint.intDoughnutTint img, .internationalDoughnut.int29 .tint.intDoughnutTint img, .internationalDoughnut.int37 .tint.intDoughnutTint img, .internationalDoughnut.int45 .tint.intDoughnutTint img, .internationalDoughnut.int53 .tint.intDoughnutTint img, .internationalDoughnut.int61 .tint.intDoughnutTint img, .internationalDoughnut.int69 .tint.intDoughnutTint img { width: 250px; -webkit-border-radius: 125px; border-radius: 125px; border-top-left-radius: 125px; border-top-right-radius: 125px; border-bottom-left-radius: 125px; border-bottom-right-radius: 125px; } .internationalDoughnut.int5 .content, .internationalDoughnut.int13 .content, .internationalDoughnut.int21 .content, .internationalDoughnut.int29 .content, .internationalDoughnut.int37 .content, .internationalDoughnut.int45 .content, .internationalDoughnut.int53 .content, .internationalDoughnut.int61 .content, .internationalDoughnut.int69 .content { top: 295px; } .internationalDoughnut.int5 .tintWrap, .internationalDoughnut.int5 .content, .internationalDoughnut.int13 .tintWrap, .internationalDoughnut.int13 .content, .internationalDoughnut.int21 .tintWrap, .internationalDoughnut.int21 .content, .internationalDoughnut.int29 .tintWrap, .internationalDoughnut.int29 .content, .internationalDoughnut.int37 .tintWrap, .internationalDoughnut.int37 .content, .internationalDoughnut.int45 .tintWrap, .internationalDoughnut.int45 .content, .internationalDoughnut.int53 .tintWrap, .internationalDoughnut.int53 .content, .internationalDoughnut.int61 .tintWrap, .internationalDoughnut.int61 .content, .internationalDoughnut.int69 .tintWrap, .internationalDoughnut.int69 .content { right: 20.8%; left: auto; } .internationalDoughnut.int5 .content, .internationalDoughnut.int13 .content, .internationalDoughnut.int21 .content, .internationalDoughnut.int29 .content, .internationalDoughnut.int37 .content, .internationalDoughnut.int45 .content, .internationalDoughnut.int53 .content, .internationalDoughnut.int61 .content, .internationalDoughnut.int69 .content { margin-right: -6px; } .internationalDoughnut.int5:before, .internationalDoughnut.int13:before, .internationalDoughnut.int21:before, .internationalDoughnut.int29:before, .internationalDoughnut.int37:before, .internationalDoughnut.int45:before, .internationalDoughnut.int53:before, .internationalDoughnut.int61:before, .internationalDoughnut.int69:before { background: url(../img/plane2.png) no-repeat left top; background-size: 112px auto; width: 112px; height: 139px; display: block; content: ''; right: 90px; top: -40px; position: absolute; z-index: 30; } .internationalDoughnut.int5:after, .internationalDoughnut.int13:after, .internationalDoughnut.int21:after, .internationalDoughnut.int29:after, .internationalDoughnut.int37:after, .internationalDoughnut.int45:after, .internationalDoughnut.int53:after, .internationalDoughnut.int61:after, .internationalDoughnut.int69:after { background: url(../img/cloud1.png) no-repeat left top; background-size: 195px auto; width: 195px; height: 113px; display: block; content: ''; right: 30px; top: 125px; position: absolute; z-index: 30; } .internationalDoughnut.int6, .internationalDoughnut.int14, .internationalDoughnut.int22, .internationalDoughnut.int30, .internationalDoughnut.int38, .internationalDoughnut.int46, .internationalDoughnut.int54, .internationalDoughnut.int62, .internationalDoughnut.int70 { height: 175px; background: url(../img/globe.png) no-repeat 90% 30px; background-size: 150px auto; } .internationalDoughnut.int6 .tintWrap, .internationalDoughnut.int14 .tintWrap, .internationalDoughnut.int22 .tintWrap, .internationalDoughnut.int30 .tintWrap, .internationalDoughnut.int38 .tintWrap, .internationalDoughnut.int46 .tintWrap, .internationalDoughnut.int54 .tintWrap, .internationalDoughnut.int62 .tintWrap, .internationalDoughnut.int70 .tintWrap { width: 363px; height: 363px; } .internationalDoughnut.int6 .tint.intDoughnutTint, .internationalDoughnut.int14 .tint.intDoughnutTint, .internationalDoughnut.int22 .tint.intDoughnutTint, .internationalDoughnut.int30 .tint.intDoughnutTint, .internationalDoughnut.int38 .tint.intDoughnutTint, .internationalDoughnut.int46 .tint.intDoughnutTint, .internationalDoughnut.int54 .tint.intDoughnutTint, .internationalDoughnut.int62 .tint.intDoughnutTint, .internationalDoughnut.int70 .tint.intDoughnutTint { background-color: #fff; width: 318px; height: 318px; -webkit-border-radius: 159px; border-radius: 159px; border-top-left-radius: 159px; border-top-right-radius: 159px; border-bottom-left-radius: 159px; border-bottom-right-radius: 159px; } .internationalDoughnut.int6 .tint.intDoughnutTint figure, .internationalDoughnut.int14 .tint.intDoughnutTint figure, .internationalDoughnut.int22 .tint.intDoughnutTint figure, .internationalDoughnut.int30 .tint.intDoughnutTint figure, .internationalDoughnut.int38 .tint.intDoughnutTint figure, .internationalDoughnut.int46 .tint.intDoughnutTint figure, .internationalDoughnut.int54 .tint.intDoughnutTint figure, .internationalDoughnut.int62 .tint.intDoughnutTint figure, .internationalDoughnut.int70 .tint.intDoughnutTint figure { -webkit-border-radius: 159px; border-radius: 159px; border-top-left-radius: 159px; border-top-right-radius: 159px; border-bottom-left-radius: 159px; border-bottom-right-radius: 159px; overflow: hidden; width: 318px; height: 318px; } .internationalDoughnut.int6 .tint.intDoughnutTint img, .internationalDoughnut.int14 .tint.intDoughnutTint img, .internationalDoughnut.int22 .tint.intDoughnutTint img, .internationalDoughnut.int30 .tint.intDoughnutTint img, .internationalDoughnut.int38 .tint.intDoughnutTint img, .internationalDoughnut.int46 .tint.intDoughnutTint img, .internationalDoughnut.int54 .tint.intDoughnutTint img, .internationalDoughnut.int62 .tint.intDoughnutTint img, .internationalDoughnut.int70 .tint.intDoughnutTint img { width: 318px; -webkit-border-radius: 159px; border-radius: 159px; border-top-left-radius: 159px; border-top-right-radius: 159px; border-bottom-left-radius: 159px; border-bottom-right-radius: 159px; } .internationalDoughnut.int6 .content, .internationalDoughnut.int14 .content, .internationalDoughnut.int22 .content, .internationalDoughnut.int30 .content, .internationalDoughnut.int38 .content, .internationalDoughnut.int46 .content, .internationalDoughnut.int54 .content, .internationalDoughnut.int62 .content, .internationalDoughnut.int70 .content { top: 363px; } .internationalDoughnut.int6 .tintWrap, .internationalDoughnut.int6 .content, .internationalDoughnut.int14 .tintWrap, .internationalDoughnut.int14 .content, .internationalDoughnut.int22 .tintWrap, .internationalDoughnut.int22 .content, .internationalDoughnut.int30 .tintWrap, .internationalDoughnut.int30 .content, .internationalDoughnut.int38 .tintWrap, .internationalDoughnut.int38 .content, .internationalDoughnut.int46 .tintWrap, .internationalDoughnut.int46 .content, .internationalDoughnut.int54 .tintWrap, .internationalDoughnut.int54 .content, .internationalDoughnut.int62 .tintWrap, .internationalDoughnut.int62 .content, .internationalDoughnut.int70 .tintWrap, .internationalDoughnut.int70 .content { left: 21.4%; right: auto; } .internationalDoughnut.int6 .content, .internationalDoughnut.int14 .content, .internationalDoughnut.int22 .content, .internationalDoughnut.int30 .content, .internationalDoughnut.int38 .content, .internationalDoughnut.int46 .content, .internationalDoughnut.int54 .content, .internationalDoughnut.int62 .content, .internationalDoughnut.int70 .content { margin-left: -15px; } .internationalDoughnut.int6:before, .internationalDoughnut.int14:before, .internationalDoughnut.int22:before, .internationalDoughnut.int30:before, .internationalDoughnut.int38:before, .internationalDoughnut.int46:before, .internationalDoughnut.int54:before, .internationalDoughnut.int62:before, .internationalDoughnut.int70:before { background: url(../img/plane.png) no-repeat left 20px; background-size: 112px auto; width: 112px; height: 160px; display: block; content: ''; left: 50px; top: -20px; position: absolute; z-index: 30; } .internationalDoughnut.int6:after, .internationalDoughnut.int14:after, .internationalDoughnut.int22:after, .internationalDoughnut.int30:after, .internationalDoughnut.int38:after, .internationalDoughnut.int46:after, .internationalDoughnut.int54:after, .internationalDoughnut.int62:after, .internationalDoughnut.int70:after { background: url(../img/cloud2.png) no-repeat left top; background-size: 200px auto; width: 200px; height: 109px; display: block; content: ''; left: 65px; bottom: -100px; position: absolute; z-index: 30; } .internationalDoughnut.int7, .internationalDoughnut.int15, .internationalDoughnut.int23, .internationalDoughnut.int31, .internationalDoughnut.int39, .internationalDoughnut.int47, .internationalDoughnut.int55, .internationalDoughnut.int63, .internationalDoughnut.int71 { height: 150px; } .internationalDoughnut.int7 .tintWrap, .internationalDoughnut.int15 .tintWrap, .internationalDoughnut.int23 .tintWrap, .internationalDoughnut.int31 .tintWrap, .internationalDoughnut.int39 .tintWrap, .internationalDoughnut.int47 .tintWrap, .internationalDoughnut.int55 .tintWrap, .internationalDoughnut.int63 .tintWrap, .internationalDoughnut.int71 .tintWrap { width: 259px; height: 259px; } .internationalDoughnut.int7 .tint.intDoughnutTint, .internationalDoughnut.int15 .tint.intDoughnutTint, .internationalDoughnut.int23 .tint.intDoughnutTint, .internationalDoughnut.int31 .tint.intDoughnutTint, .internationalDoughnut.int39 .tint.intDoughnutTint, .internationalDoughnut.int47 .tint.intDoughnutTint, .internationalDoughnut.int55 .tint.intDoughnutTint, .internationalDoughnut.int63 .tint.intDoughnutTint, .internationalDoughnut.int71 .tint.intDoughnutTint { background-color: #fff; width: 214px; height: 214px; -webkit-border-radius: 107px; border-radius: 107px; border-top-left-radius: 107px; border-top-right-radius: 107px; border-bottom-left-radius: 107px; border-bottom-right-radius: 107px; } .internationalDoughnut.int7 .tint.intDoughnutTint figure, .internationalDoughnut.int15 .tint.intDoughnutTint figure, .internationalDoughnut.int23 .tint.intDoughnutTint figure, .internationalDoughnut.int31 .tint.intDoughnutTint figure, .internationalDoughnut.int39 .tint.intDoughnutTint figure, .internationalDoughnut.int47 .tint.intDoughnutTint figure, .internationalDoughnut.int55 .tint.intDoughnutTint figure, .internationalDoughnut.int63 .tint.intDoughnutTint figure, .internationalDoughnut.int71 .tint.intDoughnutTint figure { -webkit-border-radius: 107px; border-radius: 107px; border-top-left-radius: 107px; border-top-right-radius: 107px; border-bottom-left-radius: 107px; border-bottom-right-radius: 107px; overflow: hidden; width: 214px; height: 214px; } .internationalDoughnut.int7 .tint.intDoughnutTint img, .internationalDoughnut.int15 .tint.intDoughnutTint img, .internationalDoughnut.int23 .tint.intDoughnutTint img, .internationalDoughnut.int31 .tint.intDoughnutTint img, .internationalDoughnut.int39 .tint.intDoughnutTint img, .internationalDoughnut.int47 .tint.intDoughnutTint img, .internationalDoughnut.int55 .tint.intDoughnutTint img, .internationalDoughnut.int63 .tint.intDoughnutTint img, .internationalDoughnut.int71 .tint.intDoughnutTint img { width: 214px; -webkit-border-radius: 107px; border-radius: 107px; border-top-left-radius: 107px; border-top-right-radius: 107px; border-bottom-left-radius: 107px; border-bottom-right-radius: 107px; } .internationalDoughnut.int7 .content, .internationalDoughnut.int15 .content, .internationalDoughnut.int23 .content, .internationalDoughnut.int31 .content, .internationalDoughnut.int39 .content, .internationalDoughnut.int47 .content, .internationalDoughnut.int55 .content, .internationalDoughnut.int63 .content, .internationalDoughnut.int71 .content { top: 259px; } .internationalDoughnut.int7 .tintWrap, .internationalDoughnut.int7 .content, .internationalDoughnut.int15 .tintWrap, .internationalDoughnut.int15 .content, .internationalDoughnut.int23 .tintWrap, .internationalDoughnut.int23 .content, .internationalDoughnut.int31 .tintWrap, .internationalDoughnut.int31 .content, .internationalDoughnut.int39 .tintWrap, .internationalDoughnut.int39 .content, .internationalDoughnut.int47 .tintWrap, .internationalDoughnut.int47 .content, .internationalDoughnut.int55 .tintWrap, .internationalDoughnut.int55 .content, .internationalDoughnut.int63 .tintWrap, .internationalDoughnut.int63 .content, .internationalDoughnut.int71 .tintWrap, .internationalDoughnut.int71 .content { left: auto; right: 11.98%; } .internationalDoughnut.int7 .content, .internationalDoughnut.int15 .content, .internationalDoughnut.int23 .content, .internationalDoughnut.int31 .content, .internationalDoughnut.int39 .content, .internationalDoughnut.int47 .content, .internationalDoughnut.int55 .content, .internationalDoughnut.int63 .content, .internationalDoughnut.int71 .content { margin-right: -22px; } .internationalDoughnut.int8, .internationalDoughnut.int16, .internationalDoughnut.int24, .internationalDoughnut.int32, .internationalDoughnut.int40, .internationalDoughnut.int48, .internationalDoughnut.int56, .internationalDoughnut.int64, .internationalDoughnut.int72 { height: 175px; } .internationalDoughnut.int8 .tintWrap, .internationalDoughnut.int16 .tintWrap, .internationalDoughnut.int24 .tintWrap, .internationalDoughnut.int32 .tintWrap, .internationalDoughnut.int40 .tintWrap, .internationalDoughnut.int48 .tintWrap, .internationalDoughnut.int56 .tintWrap, .internationalDoughnut.int64 .tintWrap, .internationalDoughnut.int72 .tintWrap { width: 259px; height: 259px; } .internationalDoughnut.int8 .tint.intDoughnutTint, .internationalDoughnut.int16 .tint.intDoughnutTint, .internationalDoughnut.int24 .tint.intDoughnutTint, .internationalDoughnut.int32 .tint.intDoughnutTint, .internationalDoughnut.int40 .tint.intDoughnutTint, .internationalDoughnut.int48 .tint.intDoughnutTint, .internationalDoughnut.int56 .tint.intDoughnutTint, .internationalDoughnut.int64 .tint.intDoughnutTint, .internationalDoughnut.int72 .tint.intDoughnutTint { background-color: #fff; width: 214px; height: 214px; -webkit-border-radius: 107px; border-radius: 107px; border-top-left-radius: 107px; border-top-right-radius: 107px; border-bottom-left-radius: 107px; border-bottom-right-radius: 107px; } .internationalDoughnut.int8 .tint.intDoughnutTint figure, .internationalDoughnut.int16 .tint.intDoughnutTint figure, .internationalDoughnut.int24 .tint.intDoughnutTint figure, .internationalDoughnut.int32 .tint.intDoughnutTint figure, .internationalDoughnut.int40 .tint.intDoughnutTint figure, .internationalDoughnut.int48 .tint.intDoughnutTint figure, .internationalDoughnut.int56 .tint.intDoughnutTint figure, .internationalDoughnut.int64 .tint.intDoughnutTint figure, .internationalDoughnut.int72 .tint.intDoughnutTint figure { -webkit-border-radius: 107px; border-radius: 107px; border-top-left-radius: 107px; border-top-right-radius: 107px; border-bottom-left-radius: 107px; border-bottom-right-radius: 107px; overflow: hidden; width: 214px; height: 214px; } .internationalDoughnut.int8 .tint.intDoughnutTint img, .internationalDoughnut.int16 .tint.intDoughnutTint img, .internationalDoughnut.int24 .tint.intDoughnutTint img, .internationalDoughnut.int32 .tint.intDoughnutTint img, .internationalDoughnut.int40 .tint.intDoughnutTint img, .internationalDoughnut.int48 .tint.intDoughnutTint img, .internationalDoughnut.int56 .tint.intDoughnutTint img, .internationalDoughnut.int64 .tint.intDoughnutTint img, .internationalDoughnut.int72 .tint.intDoughnutTint img { width: 214px; -webkit-border-radius: 107px; border-radius: 107px; border-top-left-radius: 107px; border-top-right-radius: 107px; border-bottom-left-radius: 107px; border-bottom-right-radius: 107px; } .internationalDoughnut.int8 .content, .internationalDoughnut.int16 .content, .internationalDoughnut.int24 .content, .internationalDoughnut.int32 .content, .internationalDoughnut.int40 .content, .internationalDoughnut.int48 .content, .internationalDoughnut.int56 .content, .internationalDoughnut.int64 .content, .internationalDoughnut.int72 .content { top: 259px; } .internationalDoughnut.int8 .tintWrap, .internationalDoughnut.int8 .content, .internationalDoughnut.int16 .tintWrap, .internationalDoughnut.int16 .content, .internationalDoughnut.int24 .tintWrap, .internationalDoughnut.int24 .content, .internationalDoughnut.int32 .tintWrap, .internationalDoughnut.int32 .content, .internationalDoughnut.int40 .tintWrap, .internationalDoughnut.int40 .content, .internationalDoughnut.int48 .tintWrap, .internationalDoughnut.int48 .content, .internationalDoughnut.int56 .tintWrap, .internationalDoughnut.int56 .content, .internationalDoughnut.int64 .tintWrap, .internationalDoughnut.int64 .content, .internationalDoughnut.int72 .tintWrap, .internationalDoughnut.int72 .content { left: 4%; right: auto; } .internationalDoughnut.int8 .content, .internationalDoughnut.int16 .content, .internationalDoughnut.int24 .content, .internationalDoughnut.int32 .content, .internationalDoughnut.int40 .content, .internationalDoughnut.int48 .content, .internationalDoughnut.int56 .content, .internationalDoughnut.int64 .content, .internationalDoughnut.int72 .content { margin-left: -66px; } .internationalDoughnut .tint.intDoughnutTint { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); cursor: pointer; width: 400px; height: 400px; } .internationalDoughnut .tint.intDoughnutTint img { width: 400px; margin: 0; } .internationalDoughnut .tint.intDoughnutTint img.flag { position: absolute; left: 50%; margin-left: -15px; width: 30px; bottom: 15px; -webkit-border-radius: 0; border-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .internationalDoughnut .content { position: absolute; left: 0; background: #FFFFFF; border: 4px solid #eeead9; -webkit-border-radius: 5px; border-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; list-style: none outside none; position: absolute; padding: 40px; z-index: 40; width: 350px; margin-left: 29px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .internationalDoughnut .content:before { content: ""; position: absolute; bottom: -10px; top: auto; right: 36px; left: auto; border-width: 10px 10px 0; border-style: solid; border-color: #00704a transparent; display: block; width: 0; top: -10px; bottom: auto; right: auto; left: 30%; margin-left: -30px; border-width: 0 10px 10px; } .internationalDoughnut .content:after { content: ""; position: absolute; bottom: -5px; right: 41px; top: auto; left: auto; border-width: 5px 5px 0; border-style: solid; border-color: #fff transparent; display: block; width: 0; top: -5px; bottom: auto; left: auto; left: 30%; margin-left: -25px; border-width: 0 5px 5px; } .internationalDoughnut .content:before { border-color: #eeead9 transparent; left: 50%; margin-left: -10px; top: -15px; border-width: 0 15px 15px; } .internationalDoughnut .content:after { left: 50%; margin-left: -5px; top: -10px; border-width: 0 10px 10px; } .internationalDoughnut .content .close { position: absolute; right: 10px; top: 10px; } .internationalDoughnutGrande { padding-bottom: 450px; -webkit-box-shadow: inset 0 0 100px 75px #fff; box-shadow: inset 0 0 100px 75px #fff; background-image: url(data:image/jpg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QPAaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcFJpZ2h0cz0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3JpZ2h0cy8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBSaWdodHM6TWFya2VkPSJGYWxzZSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOkY3N0YxMTc0MDcyMDY4MTE4MDgzRUI4M0M2MkJEN0MxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYwQkVDOEY4RTY3MzExRTJCOUZDRDRERkY5NkIwMUQ2IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMyQzNGQUE0RTYwRTExRTJCOUZDRDRERkY5NkIwMUQ2IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQjE3QzlBNTc4MjA2ODExODA4M0U0QTAyQjY5NTkwNSIgc3RSZWY6ZG9jdW1lbnRJ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); } .internationalDoughnutGrande .toTop { z-index: 31; } .no-backgroundsize .internationalDoughnut.int1:before, .no-backgroundsize .internationalDoughnut.int9:before, .no-backgroundsize .internationalDoughnut.int17:before, .no-backgroundsize .internationalDoughnut.int25:before, .no-backgroundsize .internationalDoughnut.int33:before, .no-backgroundsize .internationalDoughnut.int41:before, .no-backgroundsize .internationalDoughnut.int49:before, .no-backgroundsize .internationalDoughnut.int57:before, .no-backgroundsize .internationalDoughnut.int65:before { background: url(../img/svgFallback/plane.png) no-repeat left top; } .no-backgroundsize .internationalDoughnut.int1:after, .no-backgroundsize .internationalDoughnut.int9:after, .no-backgroundsize .internationalDoughnut.int17:after, .no-backgroundsize .internationalDoughnut.int25:after, .no-backgroundsize .internationalDoughnut.int33:after, .no-backgroundsize .internationalDoughnut.int41:after, .no-backgroundsize .internationalDoughnut.int49:after, .no-backgroundsize .internationalDoughnut.int57:after, .no-backgroundsize .internationalDoughnut.int65:after { background: transparent; } .no-backgroundsize .internationalDoughnut.int2:before, .no-backgroundsize .internationalDoughnut.int10:before, .no-backgroundsize .internationalDoughnut.int18:before, .no-backgroundsize .internationalDoughnut.int26:before, .no-backgroundsize .internationalDoughnut.int34:before, .no-backgroundsize .internationalDoughnut.int42:before, .no-backgroundsize .internationalDoughnut.int50:before, .no-backgroundsize .internationalDoughnut.int58:before, .no-backgroundsize .internationalDoughnut.int66:before { background: transparent; } .no-backgroundsize .internationalDoughnut.int3:before, .no-backgroundsize .internationalDoughnut.int11:before, .no-backgroundsize .internationalDoughnut.int19:before, .no-backgroundsize .internationalDoughnut.int27:before, .no-backgroundsize .internationalDoughnut.int35:before, .no-backgroundsize .internationalDoughnut.int43:before, .no-backgroundsize .internationalDoughnut.int51:before, .no-backgroundsize .internationalDoughnut.int59:before, .no-backgroundsize .internationalDoughnut.int67:before { background: transparent; } .no-backgroundsize .internationalDoughnut.int4:before, .no-backgroundsize .internationalDoughnut.int12:before, .no-backgroundsize .internationalDoughnut.int20:before, .no-backgroundsize .internationalDoughnut.int28:before, .no-backgroundsize .internationalDoughnut.int36:before, .no-backgroundsize .internationalDoughnut.int44:before, .no-backgroundsize .internationalDoughnut.int52:before, .no-backgroundsize .internationalDoughnut.int60:before, .no-backgroundsize .internationalDoughnut.int68:before { background: url(../img/svgFallback/globeFallback.png) no-repeat left top; } .no-backgroundsize .internationalDoughnut.int4:after, .no-backgroundsize .internationalDoughnut.int12:after, .no-backgroundsize .internationalDoughnut.int20:after, .no-backgroundsize .internationalDoughnut.int28:after, .no-backgroundsize .internationalDoughnut.int36:after, .no-backgroundsize .internationalDoughnut.int44:after, .no-backgroundsize .internationalDoughnut.int52:after, .no-backgroundsize .internationalDoughnut.int60:after, .no-backgroundsize .internationalDoughnut.int68:after { background: transparent; } .no-backgroundsize .internationalDoughnut.int5:before, .no-backgroundsize .internationalDoughnut.int13:before, .no-backgroundsize .internationalDoughnut.int21:before, .no-backgroundsize .internationalDoughnut.int29:before, .no-backgroundsize .internationalDoughnut.int37:before, .no-backgroundsize .internationalDoughnut.int45:before, .no-backgroundsize .internationalDoughnut.int53:before, .no-backgroundsize .internationalDoughnut.int61:before, .no-backgroundsize .internationalDoughnut.int69:before { background: url(../img/svgFallback/plane2.png) no-repeat left top; } .no-backgroundsize .internationalDoughnut.int5:after, .no-backgroundsize .internationalDoughnut.int13:after, .no-backgroundsize .internationalDoughnut.int21:after, .no-backgroundsize .internationalDoughnut.int29:after, .no-backgroundsize .internationalDoughnut.int37:after, .no-backgroundsize .internationalDoughnut.int45:after, .no-backgroundsize .internationalDoughnut.int53:after, .no-backgroundsize .internationalDoughnut.int61:after, .no-backgroundsize .internationalDoughnut.int69:after { background: transparent; } .no-backgroundsize .internationalDoughnut.int6, .no-backgroundsize .internationalDoughnut.int14, .no-backgroundsize .internationalDoughnut.int22, .no-backgroundsize .internationalDoughnut.int30, .no-backgroundsize .internationalDoughnut.int38, .no-backgroundsize .internationalDoughnut.int46, .no-backgroundsize .internationalDoughnut.int54, .no-backgroundsize .internationalDoughnut.int62, .no-backgroundsize .internationalDoughnut.int70 { background: url(../img/svgFallback/globe2.png) no-repeat 90% 10px; } .no-backgroundsize .internationalDoughnut.int6:before, .no-backgroundsize .internationalDoughnut.int14:before, .no-backgroundsize .internationalDoughnut.int22:before, .no-backgroundsize .internationalDoughnut.int30:before, .no-backgroundsize .internationalDoughnut.int38:before, .no-backgroundsize .internationalDoughnut.int46:before, .no-backgroundsize .internationalDoughnut.int54:before, .no-backgroundsize .internationalDoughnut.int62:before, .no-backgroundsize .internationalDoughnut.int70:before { background: url(../img/svgFallback/plane.png) no-repeat left 20px; } .no-backgroundsize .internationalDoughnut.int6:after, .no-backgroundsize .internationalDoughnut.int14:after, .no-backgroundsize .internationalDoughnut.int22:after, .no-backgroundsize .internationalDoughnut.int30:after, .no-backgroundsize .internationalDoughnut.int38:after, .no-backgroundsize .internationalDoughnut.int46:after, .no-backgroundsize .internationalDoughnut.int54:after, .no-backgroundsize .internationalDoughnut.int62:after, .no-backgroundsize .internationalDoughnut.int70:after { background: transparent; } .no-cssgradients .internationalDoughnutGrande { background: #fff; } .fundraisingFormProgress { padding: 0; margin: 0 10px 2em; width: auto; } .fundraisingFormProgress ul { width: 100%; } .fundraisingFormProgress li { width: 25%; max-width: 240px; font-size: 13px; } .fundraisingFormProgress.step1 { margin-left: 10px; } .fundraisingFormProgress.step1 ul, .fundraisingFormProgress.step2 ul, .fundraisingFormProgress.step3 ul, .fundraisingFormProgress.step4 ul { margin-left: 0; } .fundraisingFormProgress.step1 ul li.selectShop, .fundraisingFormProgress.step1 ul li.orgInfo, .fundraisingFormProgress.step1 ul li.orderForm, .fundraisingFormProgress.step1 ul li.review, .fundraisingFormProgress.step2 ul li.selectShop, .fundraisingFormProgress.step2 ul li.orgInfo, .fundraisingFormProgress.step2 ul li.orderForm, .fundraisingFormProgress.step2 ul li.review, .fundraisingFormProgress.step3 ul li.selectShop, .fundraisingFormProgress.step3 ul li.orgInfo, .fundraisingFormProgress.step3 ul li.orderForm, .fundraisingFormProgress.step3 ul li.review, .fundraisingFormProgress.step4 ul li.selectShop, .fundraisingFormProgress.step4 ul li.orgInfo, .fundraisingFormProgress.step4 ul li.orderForm, .fundraisingFormProgress.step4 ul li.review { margin-right: 0; } .formLayout .formCalloutSection { -webkit-border-radius: 4px; border-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .formLayout .formRow { width: 100%; } .formLayout .formRow .half, .formLayout .formRow .twoThirds, .formLayout .formRow .oneThird { width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 20px; float: left; } .formLayout .formRow .half:first-child, .formLayout .formRow .twoThirds:first-child, .formLayout .formRow .oneThird:first-child { padding-right: 20px; padding-left: 0; } .formLayout .formRow .twoThirds { width: 66%; } .formLayout .formRow .oneThird { width: 33%; } .formLayout .doughnutsOrder, .formLayout .otherProductsOrder { width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; padding-right: 20px; padding-bottom: 40px; } .formLayout .doughnutsOrder .formPair, .formLayout .otherProductsOrder .formPair { padding: 0 120px 0 0; } .formLayout .doughnutsOrder .formPair label, .formLayout .otherProductsOrder .formPair label { line-height: 18px; padding-top: 8px; } .formLayout .doughnutsOrder .formPair input, .formLayout .otherProductsOrder .formPair input { width: 50px !important; position: absolute; right: 65px; top: 0; } .formLayout .doughnutsOrder .formPair .fieldUnits, .formLayout .otherProductsOrder .formPair .fieldUnits { line-height: 18px; padding-top: 8px; top: 0; bottom: auto; } .formLayout .otherProductsOrder { float: right; padding-left: 20px; padding-right: 0; } .formLayout .extButton, .formLayout .backButton, .formLayout .FormButton, .formLayout .mcStories .submitStory .after .extButtonSubmit input, .mcStories .submitStory .after .extButtonSubmit .formLayout input { float: left; padding-right: 45px; } .formLayout .FormButton { float: left; width: auto !important; padding-left: 35px; padding-right: 35px; } .formLayout .checkbox, .formLayout .radio { position: relative; } .formLayout .checkbox .EditingFormControlNestedControl, .formLayout .checkbox .radioWrap, .formLayout .radio .EditingFormControlNestedControl, .formLayout .radio .radioWrap { position: absolute; } .formLayout .checkbox label, .formLayout .radio label { font-family: 'FrutigerLTCom-Roman', sans-serif; font-weight: normal; padding: 3px 0 0 35px; display: inline-block; } .formLayout .checkbox .moreInfo, .formLayout .radio .moreInfo { position: relative; display: inline-block; cursor: pointer; } .columnECardForm .FormButton { clear: none; margin-left: 10px; padding-left: 20px; padding-right: 20px; } .column6 .formLayout .formRow .half { width: 100%; padding-left: 0; padding-right: 0; } .fundraisingForm { width: 71.276796%; float: left; padding: 20px 10px; } .moreInfoContent { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: 0; } .sideColumn { padding: 20px 0; float: right; width: 22.916667%; margin-right: 10px; } .selectYourStore .myFundraisingShop { -webkit-border-radius: 4px; border-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; clear: both; margin-left: 0; width: auto; } .selectYourStore .primaryColumn { width: 62.765957%; float: left; padding: 20px 0; margin-left: 10px; position: relative; } .selectYourStore .primaryColumn .extButton, .selectYourStore .primaryColumn .backButton, .selectYourStore .primaryColumn .formLayout .FormButton, .formLayout .selectYourStore .primaryColumn .FormButton, .selectYourStore .primaryColumn .mcStories .submitStory .after .extButtonSubmit input, .mcStories .submitStory .after .extButtonSubmit .selectYourStore .primaryColumn input { width: 200px; } .selectYourStore .primaryColumn .note { float: right; margin-top: 20px; } .selectYourStore .primaryColumn .myStore { float: left; } .selectYourStore .location { float: left; width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 20px; border-right: 3px solid #eeead9; } .selectYourStore .funFormLinks { float: right; width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 0; border-top: 0 none; padding-left: 40px; } .selectYourStore .funFormLinks h3:first-child { margin-top: 0; } .selectYourStore .extButton, .selectYourStore .backButton, .selectYourStore .formLayout .FormButton, .formLayout .selectYourStore .FormButton, .selectYourStore .mcStories .submitStory .after .extButtonSubmit input, .mcStories .submitStory .after .extButtonSubmit .selectYourStore input { clear: both; } .noOnline { margin-top: 20px; float: left; } .shopSearch .results li a { position: relative; } .shopSearch .results li a:before { display: block; text-decoration: none; width: 25px; height: 50px; font-size: 10px; font-family: 'icomoon'; speak: none; text-align: center; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 50px; -webkit-font-smoothing: antialiased; background: #00704a; position: absolute; top: 50%; margin-top: -25px; left: -16px; text-align: left; line-height: 50px; overflow: hidden; content: '\e017'; color: #fff; display: none; -moz-border-radius-topleft: 94px; -webkit-border-top-left-radius: 94px; border-top-left-radius: 94px; -moz-border-radius-bottomleft: 94px; -webkit-border-bottom-left-radius: 94px; border-bottom-left-radius: 94px; z-index: -1; text-indent: 5px; } .shopSearch .results li a:hover:before, .shopSearch .results li a:active:before { display: block; } .howFundraisingWorks ul { position: relative; -webkit-border-radius: 4px; border-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background: #f5f2e7; width: 100%; padding: 35px 0; } .howFundraisingWorks ul:before { width: 80%; height: 4px; position: absolute; left: 10%; top: 105px; background: #eeead9; } .howFundraisingWorks ul li { width: 25%; padding: 6px 5px 0 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; text-align: center; } .howFundraisingWorks ul li > span { margin: 0 auto; position: relative; -webkit-border-radius: 50%; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; width: 122px; height: 122px; border: 9px solid #f5f2e7; display: block; } .howFundraisingWorks ul li > span.documentGo:before, .howFundraisingWorks ul li > span.clock:before { font-size: 65px; width: 122px; height: 122px; line-height: 122px; vertical-align: center; position: absolute; left: 0; top: 0; font-family: 'icomoon'; color: #d31145; text-align: center; } .howFundraisingWorks ul li > span.documentGo:before { content: '\e02d'; font-size: 60px; width: 118px; line-height: 118px; } .howFundraisingWorks ul li > span.kkBag > span, .howFundraisingWorks ul li > span.moneyPile > span, .howFundraisingWorks ul li > span.phoneGo > span { background: #fff url(../img/fundraisingIcons.png) no-repeat 50% top; background-size: 80px auto; } .howFundraisingWorks ul li > span.kkBag > span { background-position: 50% 23px; } .howFundraisingWorks ul li > span.clock:before { content: '\e032'; } .howFundraisingWorks ul li > span.moneyPile > span { background-position: 50% -177px; } .howFundraisingWorks ul li > span.phoneGo > span { background-position: 22px -75px; } .howFundraisingWorks ul li > span > span { display: block; -webkit-border-radius: 50%; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: #fff; width: 114px; height: 114px; border: 4px solid #eeead9; } .howFundraisingWorks ul.noOnline li { width: 33%; } .howFundraisingWorks h2 { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #00704a; font-size: 14px; font-size: 1.4rem; } .fundraisingFormResponse { min-height: 180px; padding-right: 33%; padding-bottom: 0; background-position: 92% 50%; } .threeHighlights > article { padding: 0; margin-left: 6.9%; width: 28.723404%; float: left; border-top: 0 none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .threeHighlights > article figure { position: relative; } .threeHighlights > article figure img { width: 100%; height: auto; } .threeHighlights > article:first-child { margin-left: 0; } .threeHighlights > article h1 { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #00704a; font-size: 20px; font-size: 2rem; } .threeHighlights > article .tallToggle { /*position: relative;*/ } .billboard { position: relative; } .billboard .primary { width: 72.446809%; float: left; } .billboard .secondary { width: 26.8%; float: right; } .billboard .buttonLinkMid { width: 23%; position: absolute; right: 25px; left: auto; bottom: 45px; margin: 0; } .billboard .billboardSocial { position: absolute; left: 25px; bottom: 45px; } .billboard .billboardSocial a { display: inline-block; background: #fff; -webkit-border-radius: 50%; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } .tabWrap { position: relative; } .largeTabs { padding: 10px; } .promoSlides { clear: both; } .promoSlides .swipe { margin-left: -10px; width: 100%; width: calc(100% + 20px); } .promoSlides:after { content: ''; height: 16px; width: 100%; position: absolute; bottom: 40px; left: 0; } .promoSlides nav { padding-bottom: 10px; } .promoSlides nav ul { text-align: center; } .promoSlides nav ul li { display: inline-block; padding: 0 20px; } .promoSlides article { position: relative; width: 490px; height: 490px; left: 50%; margin-left: -405px; -webkit-border-radius: 50%; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border: 6px solid #00704a; background: #fff; z-index: 1; } .promoSlides article > h1 { width: 320px; padding-bottom: 25px; margin: 170px auto 0; border-top: 4px solid #eeead9; border-bottom: 4px solid #eeead9; } .promoSlides article > h1:before { top: -70px; width: 320px; } .promoSlides article > h1:after { content: '\26'; position: absolute; width: 320px; left: 0; font-family: 'icomoon'; bottom: -3px; height: 30px; font-size: 30px; color: #d31145; text-align: center; } .promoSlides article > p { font-size: 16px; font-size: 1.6rem; width: 300px; margin: 1em auto; } .promoSlides article .buttonToggler { width: 200px; margin: 20px auto 12px; } .promoSlides article .buttonToggler:after { bottom: -20px; z-index: 2; } .promoSlides article .buttonToggler:before { bottom: -20px; z-index: 2; } .promoSlides article .moreInfoContent { top: auto; padding: 25px 40px; } .promoSlides article .moreInfoContent:before { content: ""; position: absolute; bottom: -10px; top: auto; right: 36px; left: auto; border-width: 10px 10px 0; border-style: solid; border-color: #00704a transparent; display: block; width: 0; top: -10px; bottom: auto; right: auto; left: 30%; margin-left: -30px; border-width: 0 10px 10px; } .promoSlides article .moreInfoContent:after { content: ""; position: absolute; bottom: -5px; right: 41px; top: auto; left: auto; border-width: 5px 5px 0; border-style: solid; border-color: #fff transparent; display: block; width: 0; top: -5px; bottom: auto; left: auto; left: 30%; margin-left: -25px; border-width: 0 5px 5px; } .promoSlides article .moreInfoContent:before { left: 50%; border-color: #eeead9 transparent; margin-left: -10px; } .promoSlides article .moreInfoContent:after { left: 50%; margin-left: -5px; } .promoSlides article:after { content: attr(data-illo); color: #00704a; font-size: 86px; line-height: 330px; width: 330px; height: 330px; display: block; position: absolute; left: 95%; top: 50%; margin-top: -165px; font-family: 'FrutigerLTCom-Roman', sans-serif; font-weight: normal; border: 4px solid #eeead9; -webkit-border-radius: 50%; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; -moz-box-shadow: rgba(0, 0, 0, 0.2) 10px 10px 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 10px 10px 8px; box-shadow: rgba(0, 0, 0, 0.2) 10px 10px 8px; font-family: 'icomoon'; background: #fff url(../img/funIcons.png) no-repeat 50% top; background-size: 200px auto; } .promoSlides article.imageIllo:after { background: #fff; } .promoSlides article.speed:after { background-position: 50% 70px; } .promoSlides article.loved:after { background-position: 50% -188px; } .promoSlides article.affordable:after { background-position: 50% -755px; } .promoSlides article.money:after { background-position: 50% -465px; } .promoSlides article.bebasIcon:after { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; background: #fff; text-align: center; } .promoSlides article .illo { left: 476px; position: absolute; top: 88px; width: 315px; z-index: 2; } .promoSlides article .illo img { width: 100%; height: auto; } .promoSlides article .illo.coupon { left: 451px; top: 171px; width: 346px; } .promoSlides article .illo.bogo { left: 468px; top: 177px; width: 336px; } .no-borderradius .promoSlides article, .no-borderradius .racing .promoSlides article { box-shadow: none; behavior: url(../pie/PIE.htc); } .no-borderradius .promoSlides article:after, .no-borderradius .racing .promoSlides article:after { box-shadow: none; border: 0 none; background: url(../img/fallbackSlidesCircle.png) no-repeat 15px 15px; } .no-borderradius .racing .promoSlides article.imageIllo:after { box-shadow: none; border: 0 none; background: url(../img/fallbackSlidesCircle.png) no-repeat 15px 15px; } .no-svg .promoSlides article:after { background-image: url(../img/funIconsFall.png); } .no-svg .promoSlides article.speed:after { background-position: 50% 70px; } .no-svg .promoSlides article.loved:after { background-position: 50% -188px; } .no-svg .promoSlides article.affordable:after { background-position: 50% -755px; } .no-svg .promoSlides article.money:after { background-position: 50% -465px; } .no-svg .promoSlides article.bebasIcon:after { background: transparent; } .no-svg .promoSlides article.imageIllo:after { background: transparent; } #howItWorks .slideWrap { width: 100%; height: 549px; } #howItWorks .swipe { overflow-x: hidden; max-width: 100%; max-width: calc(100% + 20px); } #howItWorks .swipe-wrap { overflow: visible; height: 795px; } .aroundTheWorld { padding-bottom: 200px; background: #00704a url(../img/aroundWorldBg.jpg) no-repeat 50% top; background-size: 1776px auto; } .aroundTheWorld .internationalSitesWrap { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 8px; border-radius: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; height: 238px; width: 330px; margin: 0 auto; position: relative; } .aroundTheWorld .internationalSitesWrap:after { content: ""; position: absolute; border-width: 0 15px 15px; border-style: solid; border-color: #f5f2e7 transparent; display: block; width: 0; top: -15px; left: auto; bottom: auto; } .aroundTheWorld .internationalSitesWrap:after { left: 50%; margin-left: -15px; border-color: #fff transparent; } .aroundTheWorld .internationalSitesWrap ul { height: 198px; } .aroundTheWorld .internationalSitesWrap ul .jspDrag { background-color: #d31145; } .aroundTheWorld header { text-align: center; padding: 50px 0; height: auto; width: 330px; height: 400px; background: url(../img/aroundTheWorldHeader.png) no-repeat 50% 170px; margin: 0 auto; background-size: 330px auto; font: 0/0 a; text-shadow: none; color: transparent; display: block; text-indent: -1400px; position: relative; } .aroundTheWorld header .logo { width: 290px; height: 104px; margin: 0 auto; } .no-backgroundsize .aroundTheWorld { background: url(../img/aroundWorldBg.jpg) no-repeat 50% top; } .no-backgroundsize .aroundTheWorld header { background: url(../img/aroundTheWorldHeaderSmall.png) no-repeat 50% 170px; } .no-svg .aroundTheWorld header .logo { background: url(../img/svgFallback/logo.png) no-repeat 50% top; } .expandList { counter-reset: my-counter; margin-top: 0; border-top: 0 none; } .expandList > li { min-height: 30px; padding-left: 120px; position: relative; padding-top: 30px; padding-bottom: 20px; } .expandList > li:first-child { border-top: 0 none; margin-top: 0; } .expandList > li:before { content: counter(my-counter); counter-increment: my-counter; font-family: 'ultraregular'; color: #00704a; font-size: 54px; width: 100px; text-align: center; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9IjAgMCAxMyAxMyI+PHN0eWxlPi5zdHlsZTB7ZmlsbDoJIzAwNzA0QTt9PC9zdHlsZT48Y2lyY2xlIGN4PSIzIiBjeT0iMyIgcj0iMyIgY2xhc3M9InN0eWxlMCIvPjwvc3ZnPg==); background-size: 7px 7px; background-position: right top; background-repeat: repeat-y; position: absolute; left: 0; top: 0; height: 80px; line-height: 80px; padding-right: 5px; } .expandList > li .toggler { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; font-size: 20px; font-size: 2rem; padding: 0 20px 20px; } .expandList > li .toggler:after { font-size: 16px; font-size: 1.6rem; } .faqList .faqEntry { padding: 10px 0; } .faqList .faqEntry .toggleContent { position: relative; min-height: 30px; padding-left: 30px; } .faqList .faqEntry .toggleContent:before { content: 'A'; font-size: 24px; color: #000; font-family: 'FrutigerLTCom-Roman', sans-serif; font-weight: normal; position: absolute; line-height: 30px; left: 0; top: 14px; } .tabbedcontent { padding-bottom: 50px; position: relative; margin-top: 35px; border-top: 4px solid #00704a; } .tabbedcontent .profitChart table { margin-top: 35px; } .tabbedcontent:before { content: ""; position: absolute; bottom: -10px; top: auto; right: 36px; left: auto; border-width: 10px 10px 0; border-style: solid; border-color: #00704a transparent; display: block; width: 0; top: -10px; bottom: auto; right: auto; left: 30%; margin-left: -30px; border-width: 0 10px 10px; } .tabbedcontent:after { content: ""; position: absolute; bottom: -5px; right: 41px; top: auto; left: auto; border-width: 5px 5px 0; border-style: solid; border-color: #fff transparent; display: block; width: 0; top: -5px; bottom: auto; left: auto; left: 30%; margin-left: -25px; border-width: 0 5px 5px; } .tabbedcontent:before { border-width: 0 16px 16px; top: -16px; } .tabbedcontent:after { border-width: 0 11px 11px; top: -11px; } .tabbedcontent.tabOneContent:before { left: 18%; } .tabbedcontent.tabOneContent:after { left: 18%; } .tabbedcontent.tabTwoContent:before { left: 51%; } .tabbedcontent.tabTwoContent:after { left: 51%; } .tabbedcontent.tabThreeContent:before { left: 84%; } .tabbedcontent.tabThreeContent:after { left: 84%; } .secondarytips { width: 40%; } .secondarytips h2 { padding: 36px 20px 0 0; } .secondarytips ul { -webkit-border-radius: 5px; border-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #fundraiser, .fundraiserPromo { width: 100%; } #fundraiser .text, .fundraiserPromo .text { width: 58%; } #fundraiser .buttonLink, .fundraiserPromo .buttonLink { width: 55%; } .basicContent { padding-left: 0; } .basicContent .contentArea { padding: 20px 0; } .basicContent .contentArea .fancyOr { padding-bottom: 20px; } .sidebarSectionPlain { padding: 0; } .sidebarSection .content { -webkit-border-radius: 4px; border-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; overflow: hidden; *zoom: 1; } .sidebarSection .extButton, .sidebarSection .backButton, .sidebarSection .formLayout .FormButton, .formLayout .sidebarSection .FormButton, .sidebarSection .mcStories .submitStory .after .extButtonSubmit input, .mcStories .submitStory .after .extButtonSubmit .sidebarSection input { float: left; clear: both; } .sidebarSection > h1, .sidebarSectionPlain > h1 { padding-left: 0; } .threeCircleTabs .tabSwitcher.active .sectionImg { border-color: #d31145; border-width: 5px; } .threeCircleTabs .tabSwitcher.active .sectionImg:before { content: ''; display: block; position: absolute; border: 6px solid #fff; -webkit-border-radius: 50%; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; width: 225px; height: 225px; top: 0; left: 0; z-index: 2; } .no-borderradius .threeCircleTabs .tabSwitcher.active .sectionImg:before { display: none; content: '0'; } .selectPreferredShop { padding: 0; } .selectPreferredShop > h1 { font-size: 30px; } .selectPreferredShop .shopSearch .results li a:before { right: -16px; left: auto; -moz-border-radius-topright: 94px; -webkit-border-top-right-radius: 94px; border-top-right-radius: 94px; -moz-border-radius-bottomright: 94px; -webkit-border-bottom-right-radius: 94px; border-bottom-right-radius: 94px; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; content: '\e015'; padding-right: 4px; text-align: right; text-indent: 0; } .selectPreferredShop .primaryColumn { float: left; } .selectPreferredShop .secondaryColumn { float: right; } } @media only screen and (min-width: 960px) { .locationPage .location > h1, .locationPage .location > div, .locationPage .location .hotLightHours, .locationPage .location .HotLightHours { margin-left: 0; padding-left: 58px; } .locationPage .location .addressWrap, .locationPage .location .phone, .locationPage .location .storeHours, .locationPage .location .StoreHours, .locationPage .location .Drive-ThruHours { position: relative; min-height: 35px; padding-top: 5px; padding-bottom: 20px; } .locationPage .location .addressWrap:before, .locationPage .location .phone:before, .locationPage .location .storeHours:before, .locationPage .location .StoreHours:before, .locationPage .location .Drive-ThruHours:before { content: ''; font-family: 'icomoon'; display: block; -webkit-border-radius: 50%; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; color: #d31145; border: 3px solid #eeead9; position: absolute; left: 0; top: 0; text-align: center; width: 45px; height: 45px; line-height: 39px; font-size: 26px; background: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .locationPage .location .addressWrap:before { text-indent: 7px; content: '\e031'; } .locationPage .location .storeHours > span, .locationPage .location .StoreHours > span, .locationPage .location .Drive-ThruHours > span { font-size: 14px; font-size: 1.4rem; display: inline-block; } .locationPage .location .storeHours time + span, .locationPage .location .StoreHours time + span, .locationPage .location .Drive-ThruHours time + span { padding-top: 4px; } .locationPage .location .storeHours:before, .locationPage .location .StoreHours:before, .locationPage .location .Drive-ThruHours:before { content: '\e032'; } .locationPage .location .phone:before { text-indent: 12px; content: '\e030'; } .locationPage .location .hotLightHours h3, .locationPage .location .HotLightHours h3, .locationPage .location .hotLightHours h3, .locationPage .location .HotLightHours h3 { margin-top: 0; } .locationPage .location .hotLightHours .continueLink:hover, .locationPage .location .hotLightHours .continueLink:active, .locationPage .location .HotLightHours .continueLink:hover, .locationPage .location .HotLightHours .continueLink:active, .locationPage .location .hotLightHours .continueLink:hover, .locationPage .location .hotLightHours .continueLink:active, .locationPage .location .HotLightHours .continueLink:hover, .locationPage .location .HotLightHours .continueLink:active { color: #d31145; } .locationPage .location .hotLightHours:before, .locationPage .location .HotLightHours:before, .locationPage .location .hotLightHours:before, .locationPage .location .HotLightHours:before { content: url("../img/mappins/HotSign_2_On.png"); transform: scale(0.7); -webkit-transform: scale(0.7); -ms-transform: scale(0.7); left: -15px; top: -20px; } .fundraisingFormProgress li { font-size: 14px; } .column6 .formLayout .formRow .half { width: 50%; padding-left: 20px; } .column6 .formLayout .formRow .half:first-child { padding-right: 20px; padding-left: 0; } } /* CSS Styles that are needed by jScrollPane for it to operate correctly. Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane may not operate correctly without them. */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 11px; height: 100%; background: red; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 11px; background: red; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: #eeead9; position: relative; } .jspDrag { background: #00704a; position: relative; top: 0; left: 0; cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 11px; } .jspHorizontalBar .jspArrow { width: 11px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /************************************************************************ STYLES! *************************************************************************/ .main { padding-bottom: 90px; padding-top: 20px; } .container { max-width: 960px; margin: 0 auto; position: relative; } .pageHeader { border-bottom: 3px solid #00704a; background: #fff; position: relative; } .pageHeader > .container { height: 68px; } .pageHeader:before { content: ''; display: block; height: 16px; position: absolute; left: 0; top: 50px; width: 100%; border-top: 4px solid #fff; border-bottom: 4px solid #fff; background-repeat: repeat; background-color: #fff; } .pageHeader h1 { left: 50%; top: 31px; margin: 0 0 0 -84px; position: absolute; width: 168px; height: 60px; } .pageHeader h1 a { margin: 0; text-align: center; width: 168px; height: 60px; display: block; } .pageFooter { background-color: #00704a; width: 100%; position: relative; color: #fff; } .pageFooter #expandFooter { display: none; } .pageFooter .secondaryNav { background-color: #09835a; overflow: hidden; width: 100%; border-bottom: 2px solid #006b47; position: relative; padding: 0 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .pageFooter .secondaryNav a { color: #ffdca3; } .pageFooter .secondaryNav a:hover, .pageFooter .secondaryNav a:active { background-color: transparent; color: #fff; } .pageFooter .secondaryNav .menuSection ul { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; } .pageFooter .secondaryNav .menuSection ul a { display: block; text-decoration: none; } .pageFooter .secondaryNav .socialIcons { margin-top: 0; } .pageFooter .secondaryNav .socialIcons li { margin-left: 6px; } .pageFooter .secondaryNav .socialIcons li:first-child { margin-left: 0; } .pageFooter #footerSecondaryContent { max-width: 960px; margin: 0 auto; position: relative; } .pageFooter #footerSecondaryContent ul:first-child { margin: 0; display: block; float: left; padding: 15px 0 15px 20px; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .pageFooter #footerSecondaryContent ul:first-child li { line-height: 16px; padding: 3px 0; display: inline-block; border-right: 1px solid #fff; padding-right: 10px; margin-right: 10px; } .pageFooter #footerSecondaryContent ul:first-child li:first-child { width: 100%; border-right: 0 none; padding-right: 0; margin-right: 0; } .pageFooter #footerSecondaryContent ul:first-child li:last-child { border-right: 0 none; padding-right: 0; margin-right: 0; } .pageFooter #footerSecondaryContent ul:first-child li a { color: #ffdca3; } .no-svg .pageHeader h1 a { background: url(../img/svgFallback/logoS.png) no-repeat left top; } .no-svg #box .boxTop .boxTopMid { background-image: url(../img/svgFallback/dotsL.png); } .no-svg #box .boxTop .boxTopFront { background-image: url(../img/svgFallback/boxLogo.png); } .no-svg .getSocialWithUs, .no-svg .socialCallout h1, .socialCallout .no-svg h1, .no-svg .socialCallout h1 { background-image: url(../img/svgFallback/getSocial.png); } .no-svg #pageFooter #expandFooter:before { background-image: url(../img/svgFallback/arrows.png); background-position: 23px 5px; } .no-svg #pageFooter.expanded #expandFooter:before { background-position: -46px 5px; } .no-borderradius .socialCallout .socialCalloutContent:before, .no-borderradius .socialCallout .socialCalloutContent:after, .no-borderradius .socialCallout .socialCalloutContent:before, .no-borderradius .socialCallout .socialCalloutContent:after { display: none; } .no-borderradius .socialCallout .socialCalloutContent :first-child:before, .no-borderradius .socialCallout .socialCalloutContent :first-child:after, .no-borderradius .socialCallout .socialCalloutContent :first-child:before, .no-borderradius .socialCallout .socialCalloutContent :first-child:after { display: none; } /* Version: 3.4.2 Timestamp: Mon Aug 12 15:04:12 PDT 2013 */ .select2-container { margin: 0; position: relative; display: inline-block; /* inline-block for ie7 */ zoom: 1; *display: inline; vertical-align: middle; } .select2-container, .select2-drop, .select2-search, .select2-search input { /* Force border-box so that % widths fit the parent container without overlap because of margin/padding. More Info : http://www.quirksmode.org/css/box.html */ -webkit-box-sizing: border-box; /* webkit */ -moz-box-sizing: border-box; /* firefox */ box-sizing: border-box; /* css3 */ } .select2-container .select2-choice { display: block; height: 26px; padding: 0 0 0 8px; overflow: hidden; position: relative; border: 4px solid #eeead9; white-space: nowrap; line-height: 26px; color: #444; text-decoration: none; -webkit-border-radius: 10px; border-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; } .select2-container.select2-allowclear .select2-choice .select2-chosen { margin-right: 42px; } .select2-container .select2-choice > .select2-chosen { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .select2-container .select2-choice abbr { display: none; width: 12px; height: 12px; position: absolute; right: 24px; top: 8px; font-size: 1px; text-decoration: none; cursor: pointer; outline: 0; } .select2-container.select2-allowclear .select2-choice abbr { display: inline-block; } .select2-container .select2-choice abbr:hover { cursor: pointer; } .select2-drop-mask { border: 0; margin: 0; padding: 0; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 9998; /* styles required for IE to work */ background-color: #fff; opacity: 0; filter: alpha(opacity=0); } .select2-drop { width: 100%; min-width: 200px; margin-top: 15px; position: absolute; z-index: 9999; top: 100%; background: #fff; border: 4px solid #eeead9; padding: 12px; -webkit-border-radius: 5px; border-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .select2-drop:before { content: ""; position: absolute; bottom: -10px; top: auto; right: 36px; left: auto; border-width: 10px 10px 0; border-style: solid; border-color: #00704a transparent; display: block; width: 0; top: -10px; bottom: auto; right: auto; left: 30%; margin-left: -30px; border-width: 0 10px 10px; } .select2-drop:after { content: ""; position: absolute; bottom: -5px; right: 41px; top: auto; left: auto; border-width: 5px 5px 0; border-style: solid; border-color: #fff transparent; display: block; width: 0; top: -5px; bottom: auto; left: auto; left: 30%; margin-left: -25px; border-width: 0 5px 5px; } .select2-drop:before { border-color: #eeead9 transparent; } .select2-drop-auto-width { width: auto; } .select2-drop-auto-width .select2-search { padding-top: 4px; } .select2-drop.select2-drop-above { margin-top: 0; margin-top: -20px; } .select2-drop.select2-drop-above:before { content: ""; position: absolute; bottom: -10px; top: auto; right: 36px; left: auto; border-width: 10px 10px 0; border-style: solid; border-color: #00704a transparent; display: block; width: 0; } .select2-drop.select2-drop-above:after { content: ""; position: absolute; bottom: -5px; right: 41px; top: auto; left: auto; border-width: 5px 5px 0; border-style: solid; border-color: #fff transparent; display: block; width: 0; } .select2-drop.select2-drop-above:after { left: 50%; margin-left: -5px; border-color: #fff #eeead9; } .select2-drop.select2-drop-above:before { left: 50%; margin-left: -10px; border-color: #eeead9 transparent; } .select2-container .select2-choice .select2-arrow { display: inline-block; width: 18px; height: 100%; position: absolute; right: 0; top: 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; border-top-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0; background-clip: padding-box; } .select2-container .select2-choice .select2-arrow b { display: block; width: 100%; height: 100%; } .select2-container .select2-choice .select2-arrow b:after { content: '\e00e'; font-family: 'icomoon'; color: #d31145; font-size: 8px; } .select2-search { display: inline-block; width: 100%; min-height: 26px; margin: 0; padding-left: 4px; padding-right: 4px; position: relative; z-index: 10000; white-space: nowrap; } .select2-search input { width: 100%; height: auto !important; min-height: 26px; padding: 4px 20px 4px 5px; margin: 0; outline: 0; font-family: sans-serif; font-size: 1em; border: 1px solid #aaa; -webkit-border-radius: 0; border-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background: #fff; } .select2-drop.select2-drop-above .select2-search input { margin-top: 4px; } .select2-container-active .select2-choice, .select2-container-active .select2-choices { outline: none; } .select2-dropdown-open .select2-choice .select2-arrow { background: transparent; border-left: none; filter: none; } .select2-dropdown-open .select2-choice .select2-arrow b { background-position: -18px 1px; } /* results */ .select2-results { max-height: 200px; padding: 0 0 0 4px; margin: 4px 4px 4px 0; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-tap-highlight-color: transparent; } .select2-results ul.select2-result-sub { margin: 0; padding-left: 0; } .select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px; } .select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px; } .select2-results li { list-style: none; display: list-item; background-image: none; } .select2-results li.select2-result-with-children > .select2-result-label { font-weight: bold; } .select2-results .select2-result-label { padding: 3px 7px 4px; margin: 0; cursor: pointer; min-height: 1em; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select2-results .select2-highlighted { background: #f8f6ed; } .select2-results li em { background: #feffde; font-style: normal; } .select2-results .select2-highlighted em { background: transparent; } .select2-results .select2-highlighted ul { background: #fff; color: #000; } .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit { background: #f4f4f4; display: list-item; } /* disabled look for disabled choices in the results dropdown */ .select2-results .select2-disabled.select2-highlighted { color: #666; background: #f4f4f4; display: list-item; cursor: default; } .select2-results .select2-disabled { background: #f4f4f4; display: list-item; cursor: default; } .select2-results .select2-selected { display: none; } .select2-more-results { background: #f4f4f4; display: list-item; } /* disabled styles */ .select2-container.select2-container-disabled .select2-choice { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .select2-container.select2-container-disabled .select2-choice .select2-arrow { background-color: #f4f4f4; background-image: none; border-left: 0; } .select2-container.select2-container-disabled .select2-choice abbr { display: none; } /* multiselect */ .select2-container-multi .select2-choices { height: auto !important; height: 1%; margin: 0; padding: 0; position: relative; border: 1px solid #aaa; cursor: text; overflow: hidden; background-color: #fff; } .select2-locked { padding: 3px 5px 3px 5px !important; } .select2-container-multi .select2-choices { min-height: 26px; } .select2-container-multi.select2-container-active .select2-choices { outline: none; } .select2-container-multi .select2-choices li { float: left; list-style: none; } .select2-container-multi .select2-choices .select2-search-field { margin: 0; padding: 0; white-space: nowrap; } .select2-container-multi .select2-choices .select2-search-field input { padding: 5px; margin: 1px 0; font-family: sans-serif; font-size: 100%; color: #666; outline: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; background: transparent !important; } .select2-default { color: #999 !important; } .select2-container-multi .select2-choices .select2-search-choice { padding: 3px 5px 3px 18px; margin: 3px 0 3px 5px; position: relative; line-height: 13px; color: #333; cursor: default; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #e4e4e4; } .select2-container-multi .select2-choices .select2-search-choice .select2-chosen { cursor: default; } .select2-container-multi .select2-choices .select2-search-choice-focus { background: #d4d4d4; } .select2-search-choice-close { display: block; width: 12px; height: 13px; position: absolute; right: 3px; top: 4px; font-size: 1px; outline: none; } .select2-container-multi .select2-search-choice-close { left: 3px; } .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { background-position: right -11px; } .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close { background-position: right -11px; } /* disabled styles */ .select2-container-multi.select2-container-disabled .select2-choices { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { padding: 3px 5px 3px 5px; border: 1px solid #ddd; background-image: none; background-color: #f4f4f4; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { display: none; background: none; } /* end multiselect */ .select2-result-selectable .select2-match, .select2-result-unselectable .select2-match { text-decoration: underline; } .select2-offscreen, .select2-offscreen:focus { clip: rect(0 0 0 0) !important; width: 1px !important; height: 1px !important; border: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; outline: 0 !important; left: 0px !important; top: 0px !important; } .select2-display-none { display: none; } .select2-measure-scrollbar { position: absolute; top: -10000px; left: -10000px; width: 100px; height: 100px; overflow: scroll; } /* Retina-ize icons */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b { background-repeat: no-repeat !important; background-size: 60px 40px !important; } .select2-search input { background-position: 100% -21px !important; } } .ourStory .introCopy { text-align: center; padding: 0 15.625%; border-top: 4px solid #f5f2e7; } .ourStory .beliefs h2, .ourStory .beliefs p { display: none; } .ourStory .beliefs h3 { text-align: center; position: relative; font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #00704a; margin-top: 1.5em; border-bottom: 4px solid #f5f2e7; padding-bottom: 8px; margin-bottom: 50px; } .ourStory .beliefs h3:before { content: ""; position: absolute; bottom: -10px; top: auto; right: 36px; left: auto; border-width: 10px 10px 0; border-style: solid; border-color: #00704a transparent; display: block; width: 0; } .ourStory .beliefs h3:after { content: ""; position: absolute; bottom: -5px; right: 41px; top: auto; left: auto; border-width: 5px 5px 0; border-style: solid; border-color: #fff transparent; display: block; width: 0; } .ourStory .beliefs h3:before { border-color: #f5f2e7 transparent; left: 50%; margin-left: -20px; right: auto; border-width: 20px 20px 0; bottom: -20px; } .ourStory .beliefs h3:after { left: 50%; right: auto; border-width: 15px 15px 0; bottom: -15px; margin-left: -15px; } .brandTimeline > .buttonLinkMid { margin: 0 auto; max-width: 280px; position: relative; } .brandTimeline > h2 { position: relative; color: #00704a; font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; margin: 30px 0 3px; padding: 5px 30px 18px; text-align: center; } .brandTimeline .year h1 { color: #00704a; font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; margin: 0 auto; width: 100%; max-width: 400px; } .brandTimeline .year h2 { color: #00704a; font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; margin: 0 auto; padding: 10px 0; line-height: 2.7rem; max-width: 400px; } .brandTimeline .year h2 + p { margin-top: 0; } .brandTimeline .year p { width: 100%; margin: 1em auto; max-width: 400px; line-height: 2rem; } .brandTimeline .year .wrap { width: 100%; margin: 1em auto; max-width: 400px; } .brandTimeline img { height: auto; position: relative; max-width: 100%; } .brandTimeline figure { text-align: center; display: block; margin: 0 auto; position: relative; clear: both; max-width: 90%; } .brandTimeline figure figcaption { text-transform: uppercase; padding: 12px 0; font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; position: relative; color: #00704a; text-align: center; } .brandTimeline .timelineRow { width: 100%; clear: both; position: relative; margin: 15px 0 20px; padding: 0; z-index: 2; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9IjAgMCAxMyAxMyI+PHN0eWxlPi5zdHlsZTB7ZmlsbDoJIzAwNzA0QTt9PC9zdHlsZT48Y2lyY2xlIGN4PSIzIiBjeT0iMyIgcj0iMyIgY2xhc3M9InN0eWxlMCIvPjwvc3ZnPg==); background-size: 7px 7px; background-repeat: no-repeat; background-position: left -50px; } .brandTimeline .timelineRow .pointer { display: none; } .brandTimeline nav { display: none; } .brandTimeline nav li { position: relative; } .brandTimeline nav li a:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9IjAgMCAxMyAxMyI+PHN0eWxlPi5zdHlsZTB7ZmlsbDoJIzAwNzA0QTt9PC9zdHlsZT48Y2lyY2xlIGN4PSIzIiBjeT0iMyIgcj0iMyIgY2xhc3M9InN0eWxlMCIvPjwvc3ZnPg==); background-size: 7px 7px; } .brandTimeline #globe #marker { display: none; } .no-svg .brandTimeline .timelineRow:before { background-image: url(../img/svgFallback/bullseye.png); } .timePeriod { padding: 0 30px; } .timePeriod > h1 { text-align: center; position: relative; text-indent: -9999px; width: 160px; height: 160px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyODMuODUycHgiIGhlaWdodD0iMjgzLjgxMXB4IiB2aWV3Qm94PSIwIDAgMjgzLjg1MiAyODMuODExIj48c3R5bGU+LnN0eWxlMHtmaWxsOgkjRkZGRkZGO30uc3R5bGUxe2ZpbGw6CSNGQkU1RDM7fS5zdHlsZTJ7ZmlsbDoJI0Y1QTQ1MDt9LnN0eWxlM3tvcGFjaXR5OgkwLjM1O30uc3R5bGU0e29wYWNpdHk6CTAuNTt9LnN0eWxlNXtmaWxsOgkjRTk3NDFGO308L3N0eWxlPjxlbGxpcHNlIGN4PSIxMzcuOSIgY3k9IjE0MC45IiByeD0iNjAuMyIgcnk9IjYwLjMiIGNsYXNzPSJzdHlsZTAiLz48cGF0aCBkPSJNMTQ0LjQyNiA1QzY3LjQyMyA1IDUgNjcuNCA1IDE0NC40MDVzNjIuNDIzIDEzOS40IDEzOS40IDEzOS40MDVzMTM5LjQyNi02Mi40MTQgMTM5LjQyNi0xMzkuNDA1IFMyMjEuNDI4IDUgMTQ0LjQgNXogTTE3Mi4xMyAxNTQuMjAyYy0zLjY5OSA1LjY2OC01LjE5NyAxMC4yMTUtMTAuMjEzIDE0Ljc1MWMwLjY4Ni0wLjA1OCAwLjMgMC44IDAgMCBjLTMuMzA5IDIuOTM1LTguMzExIDQuMTcxLTExLjkxNCA2LjgxYy0yLjg2OCAwLjk3OC03LjI0OCAwLjEzMS0xMC4yMTQgMS43MDFjLTIzLjAxNy0xLjE4OC00MC41NjktMjYuOTQ5LTI4LjM2OC01MC40OTYgYzguNjM0LTE1LjQ0MyAzMy43OTUtMjEuMjMyIDQ5LjM2LTkuMDc4YzMuMTgzIDIuNSA0LjIgNi4yIDcuOSA3Ljk0NEMxNzIuNzE3IDEzNy4yIDE3NC4yIDE0MS45IDE3Mi4xIDE1NC4yMDJ6IiBjbGFzcz0ic3R5bGUxIi8+PHBhdGggZD0iTTEzOS40MjYgMEM2Mi40MjMgMCAwIDYyLjQgMCAxMzkuNDA1czYyLjQyMyAxMzkuNCAxMzkuNCAxMzkuNDA1czEzOS40MjYtNjIuNDE0IDEzOS40MjYtMTM5LjQwNSBTMjE2LjQyOCAwIDEzOS40IDB6IE0xNjcuMTMgMTQ5LjIwMmMtMy42OTkgNS42NjgtNS4xOTcgMTAuMjE1LTEwLjIxMyAxNC43NTFjMC42ODYtMC4wNTggMC4zIDAuOCAwIDAgYy0zLjMwOSAyLjkzNS04LjMxMSA0LjE3MS0xMS45MTQgNi44MWMtMi44NjggMC45NzgtNy4yNDggMC4xMzEtMTAuMjE0IDEuNzAxYy0yMy4wMTctMS4xODgtNDAuNTY5LTI2Ljk0OS0yOC4zNjgtNTAuNDk2IGM4LjYzNC0xNS40NDMgMzMuNzk1LTIxLjIzMiA0OS4zNi05LjA3OGMzLjE4MyAyLjUgNC4yIDYuMiA3LjkgNy45NDRDMTY3LjcxNyAxMzIuMiAxNjkuMiAxMzYuOSAxNjcuMSAxNDkuMjAyeiIgY2xhc3M9InN0eWxlMiIvPjxnIGNsYXNzPSJzdHlsZTMiPjxwYXRoIGQ9Ik0yMzguMjc0IDEzOS40MDVjMCA1MS41NTUtMjcuNjU4IDk0LjUyLTYzLjkyOCAxMDMuMTAyYzIuODYxIDAuNyA1LjggMS4xIDguNyAxLjQgYzQwLjQ3MS0zLjIyNyA3Mi42NjgtNDguODUgNzIuNjY4LTEwNC40NzRjMC01NS42MjUtMzIuMTk3LTEwMS4yNDYtNzIuNjY4LTEwNC40NzRjLTIuOTYxIDAuMjM1LTUuODgxIDAuNjk2LTguNzQyIDEuNCBDMjEwLjYxNiA0NC45IDIzOC4zIDg3LjkgMjM4LjMgMTM5LjQwNXoiIGNsYXNzPSJzdHlsZTAiLz48L2c+PGc+PGc+PHBhdGggZD0iTTE4Ni45MiAxMzUuNjUyYzAtMi42IDEuNTUtNC4zMTQgMy44MTgtNC4zMTRjMi40MzQgMCA0IDEuOCA0IDMuNiBjMCAwLjg4NS0wLjE2NiAxLjU0OS0wLjQ5OCAyLjIxM2MxLjMyOCAwLjkgMy40IDEuNSA1LjggMS41NDljMy45ODMgMCA2LjUyOS0xLjc3IDYuNTI5LTQuOTI0IGMwLTIuOTg4LTMuMDQ0LTQuNDI2LTYuNjk1LTUuNjk5Yy02Ljc1LTIuNDM0LTExLjUwOC00LjU5Mi0xMS41MDgtMTEuMzQyYzAtNS44MSA0LjcwMi0xMC4zNDYgMTIuMDYyLTEwLjM0NiBjNi44MDUgMCAxMi4xIDMuNSAxMi4xIDcuODU1YzAgMi42MDItMS42MDQgNC4wOTUtMy43MDcgNC4wOTVjLTIuNTQ1IDAtMy45ODMtMS44ODItMy45ODMtMy43MDcgYzAtMC44ODYgMC4xNjYtMS4yNzIgMC4zODctMS43MTZjLTAuOTk2LTAuNjA3LTIuNTQ1LTEuMTA1LTQuODEzLTEuMTA1Yy0zLjU5NyAwLTUuNjk5IDEuODI2LTUuNjk5IDQuNSBjMCAzIDMgNC4zIDYuNyA1LjY0NGM2LjUyOCAyLjMgMTEuNSA0LjYgMTEuNSAxMS4zNDJjMCA2LjkxNi01LjM2NyAxMC44NDUtMTIuODM3IDEwLjggQzE5Mi43MyAxNDQuMSAxODYuOSAxNDAuMSAxODYuOSAxMzUuNjUyeiIgY2xhc3M9InN0eWxlMCIvPjwvZz48L2c+PGcgY2xhc3M9InN0eWxlNCI+PHBhdGggZD0iTTM1LjgyIDEzOS40MDVjMC02Mi4yODggNDMuMDItMTE0LjE5NyA5OS40MzQtMTI0LjU2N2MtNC40NTUtMC44MTgtOC45OTItMS4zNzYtMTMuNTk4LTEuNjYxIEM1OC43MDUgMTcuMSA4LjYgNzIuMiA4LjYgMTM5LjQwNWMwIDY3LjIgNTAuMSAxMjIuMyAxMTMgMTI2LjIyOWM0LjYwNS0wLjI4NSA5LjE0My0wLjg0MyAxMy41OTgtMS42NjEgQzc4Ljg0IDI1My42IDM1LjggMjAxLjcgMzUuOCAxMzkuNDA1eiIgY2xhc3M9InN0eWxlNSIvPjwvZz48L3N2Zz4=) no-repeat 50% top; background-size: 100%; margin: 0 auto; margin-top: 40px; } .timePeriod > h1:before { display: block; text-decoration: none; width: 50px; height: 50px; font-size: 36px; font-family: 'icomoon'; speak: none; text-align: center; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 50px; -webkit-font-smoothing: antialiased; content: attr(data-number); position: absolute; left: 21px; top: 55px; text-indent: 0; color: #fff; } .timePeriod #videoLink { position: absolute; right: 0; top: 0; width: 51%; height: 41%; z-index: 3; background-image: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==); } .no-cssanimations .brandTimeline #hotNow #hlOn { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .no-cssanimations .brandTimeline #truck img { left: 0; } .no-backgroundsize .brandTimeline #hotNow #hlOn { background-image: url(../img/content/timeline/hlOnFallback.jpg); } .no-svg .timePeriod { background: url(../img/svgFallback/bigDoughnut.png) no-repeat 50% top; } .no-svg .brandTimeline nav li a { background: url(../img/svgFallback/smallDoughnut.png) no-repeat left top; } .ipad .brandTimeline nav { display: none; } #timePeriod10s > h1:before { font-size: 34px; left: 18px; } #timePeriod00s > h1:before { font-size: 30px; left: 15px; } #timePeriod90s > h1:before { left: 19px; top: 54px; } #timePeriod80s > h1:before { font-size: 35px; left: 20px; top: 55px; } #timePeriod40s > h1:before { left: 20px; } @media only screen and (min-width: 720px) { .pageHeader:before { top: 0; border-top-width: 8px; } .pageHeader h1 { left: 10px; margin-left: 0; top: 8px; width: 248px; height: 93px; } .pageHeader h1 a { width: 248px; height: 93px; text-align: left; } .pageFooter { position: fixed; bottom: 0; left: 0; } .pageFooter #expandFooter { font-family: 'FrutigerLTCom-Bold', sans-serif; font-weight: normal; font-size: 14px; font-size: 1.4rem; text-align: center; width: 100%; height: 2px; padding-top: 5px; z-index: 2; display: block; position: relative; color: #fff; text-decoration: none; line-height: 25px; background-color: #09835a; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; } .pageFooter #expandFooter .collapse { display: none; } .pageFooter #expandFooter:before { content: ''; width: 56px; z-index: -1; height: 28px; display: block; position: absolute; left: 50%; margin-left: -28px; margin-top: -17px; background: #09835a url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNyAxMSI+PHN0eWxlPi5zdHlsZTB7ZmlsbC1ydWxlOglldmVub2RkO2NsaXAtcnVsZToJZXZlbm9kZDtmaWxsOgkjRkZEQ0EzO308L3N0eWxlPjxnPjxwYXRoIGQ9Ik0xNyA4LjUzNGMwLTAuMzc3LTAuMTQ0LTAuNzU0LTAuNDMxLTEuMDRMOS41MjYgMC41IGMtMC41NjgtMC41NjgtMS40ODUtMC41NjgtMi4wNTMgMEwwLjQzIDcuNDk0Yy0wLjU3MSAwLjU3LTAuNTc0IDEuNDk4LTAuMDA3IDIuMDczYzAuNTY3IDAuNiAxLjUgMC42IDIuMSAwLjAwN0w4LjUgMy42IGw2LjAxNiA2LjAxMWMwLjU3MSAwLjYgMS41IDAuNiAyLjA2Mi0wLjAwN0MxNi44NTkgOS4zIDE3IDguOSAxNyA4LjUzNHoiIGNsYXNzPSJzdHlsZTAiLz48L2c+PC9zdmc+) no-repeat 50% 5px; background-size: 10px auto; -webkit-border-radius: 28px 28px 0 0; border-radius: 28px 28px 0 0; border-top-left-radius: 28px; border-top-right-radius: 28px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; -moz-transition-property: background-color; -o-transition-property: background-color; -webkit-transition-property: background-color; transition-property: background-color; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; } .pageFooter #expandFooter:after { content: ''; display: block; background-color: #09835a; width: 130px; z-index: -1; margin-left: -65px; position: absolute; left: 50%; bottom: -25px; height: 25px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-transition-property: background-color; -o-transition-property: background-color; -webkit-transition-property: background-color; transition-property: background-color; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; } .pageFooter #expandFooter:hover, .pageFooter #expandFooter:active { background-color: #0a8d61; } .pageFooter #expandFooter:hover:before, .pageFooter #expandFooter:hover:after, .pageFooter #expandFooter:active:before, .pageFooter #expandFooter:active:after { background-color: #0a8d61; } .pageFooter .secondaryNav { height: 0; padding: 0; } .pageFooter .secondaryNav .menuSection { width: 25%; float: left; padding: 0 10px 2em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /*&:last-of-type { width: 40%; ul { @include column-count(2); @include column-gap(20px); } }*/ } .pageFooter .secondaryNav .menuSection ul { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; -moz-column-gap: 0; -webkit-column-gap: 0; column-gap: 0; } .pageFooter.expanded #secondaryNav { height: auto; padding-top: 1em; } .pageFooter.expanded #expandFooter:before { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-border-radius: 0 0 28px 28px; border-radius: 0 0 28px 28px; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 28px; border-bottom-left-radius: 28px; background-position: 50% 17px; } .pageFooter.expanded #expandFooter .expand { display: none; } .pageFooter.expanded #expandFooter .collapse { display: inline; } .pageFooter #footerSecondaryContent { margin-top: -4px; } .pageFooter #footerSecondaryContent ul:first-child { padding: 10px 10px; } .pageFooter #footerSecondaryContent ul:first-child li { border-left: 1px solid #fff; line-height: 12px; padding-left: 10px; margin-left: 10px; } .pageFooter #footerSecondaryContent ul:first-child li:first-child { width: auto; margin-left: 0; padding-left: 0; border-left: 0; } .pageFooter #footerSecondaryContent ul:first-child li a { font-size: 10px; font-size: 1rem; } .no-svg .pageHeader h1 a { background: url(../img/svgFallback/logo.png) no-repeat left top; } .ourStory { text-align: center; } .ourStory .introCopy { border-top: 0 none; } .ourStory .beliefs { margin: 0 15.625%; line-height: 23px; line-height: 2.3rem; font-size: 16px; font-size: 1.6rem; } .ourStory .beliefs h2, .ourStory .beliefs p { display: block; } .brandTimeline .year#year1945 .timelineRow { padding-top: 94px; } .brandTimeline .year#year1945 .timelineRow:before { top: 105px; } .brandTimeline .year h1 { width: 80%; margin: 0; max-width: none; } .brandTimeline .year h2, .brandTimeline .year .wrap { width: 80%; margin: 0; max-width: none; } .brandTimeline .year p { width: 80%; max-width: 300px; } .brandTimeline figure figcaption { background-position: 50% top; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH4AAAAMCAMAAACTF/lwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA7dpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6Rjc3RjExNzQwNzIwNjgxMTgwODNFQjgzQzYyQkQ3QzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTM1RjVBNzhENzdFMTFFMkFFMjVDQ0Y5RTJCNzFFMDYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTM1RjVBNzdENzdFMTFFMkFFMjVDQ0Y5RTJCNzFFMDYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkJFMTM5MjUxRTUyMDY4MTE4MjJBQTRBM0Y3NkEzNDQxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY3N0YxMTc0MDcyMDY4MTE4MDgzRUI4M0M2MkJEN0MxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+drObigAAAPNQTFRFAHBKDXdT8vj2////AHFLAFUoAXFLAFYpAHBLAHFMAGxEPZJ1AG9JAG9IAGU9AFYqAG1Gj8Cw7/b0LIlp8ff1BnNOR5R4jb+uAnFLfLaiKoho+f38NopsUZqA9Pn3M4hp5PDsNI1vL4ZlOI9xR5h8K4JhAFcqQJR3WJ+F8/j22urlE3tXAFcrOI9y9/v5+/79LoprI4Ni6vXzXaSM2+vludjNWqKKMYttps3AV6GIL4prT5l+PI9w/P39XaGIAG5H8fn3AG5IAGY+P5ByAHBJtdbK/v//+fz7YaSM9fv6AGtEdbKdAFktAGxGJH1bEnpX////ZOntugAAAFF0Uk5T//////////////////////////////////////////////////////////////////////////////////////////////////////////8AaOyowQAAANRJREFUeNrE0FlPwmAQheGDMx+lhbJTFkFlk01B2TdXUBFR+P+/xpIQg5dMk/a9n/Mkg52TBl/B3tjJAJwcZ7Fv4hE/tO11CKg9eMFXAD38GuYAbtuu8x9BgDf3b+Vr2x81XOYvigjwzc8VxUsRMO6SrvLJqW1Gql0i+sxrIUYiLuTPBPUT4KV2+Uz7OgtlMnJNwc4OMZ+gDNhU83M6ZKkXRkawE4MfkvhJWe/010xFWTLjl/EcVQU6rq6+WcSnT33YNgXd0B7pfyvN0JFqnbiV/hVgAEuTCem9fUutAAAAAElFTkSuQmCC); } .brandTimeline .timelineRow { margin: 0; padding: 34px 0 0; background-repeat: repeat-y; background-position: 50% 30px; } .brandTimeline .timelineRow:before { content: '<'; text-indent: -200px; overflow: hidden; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMzkuMjg2IDEzOS4yODYiPjxzdHlsZT4uc3R5bGUwe2ZpbGw6CSMwMDcwNEE7fS5zdHlsZTF7ZmlsbDoJI0ZGRkZGRjt9LnN0eWxlMntmaWxsOgkjRDMxMTQ1O308L3N0eWxlPjxjaXJjbGUgY3g9IjY5LjYiIGN5PSI2OS42IiByPSI2OS42IiBjbGFzcz0ic3R5bGUwIi8+PGNpcmNsZSBjeD0iNjkuOCIgY3k9IjY5LjYiIHI9IjQ2LjEiIGNsYXNzPSJzdHlsZTEiLz48Y2lyY2xlIGN4PSI2OS40IiBjeT0iNzAiIHI9IjIxLjQiIGNsYXNzPSJzdHlsZTIiLz48L3N2Zz4=); background-position: left top; background-size: 100%; display: block; width: 29px; height: 29px; position: absolute; left: 50%; margin-left: -16px; top: 45px; overflow: hidden; -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -webkit-transform: scale(0, 0); transform: scale(0, 0); -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .brandTimeline .timelineRow:after { clear: both; content: ''; display: table; } .brandTimeline .timelineRow .pointer { display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .brandTimeline .timelineRow.active:before { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); content: '<'; } .brandTimeline .timelineRow.active .pointer { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .brandTimeline .timelineRow .timelineLeft, .brandTimeline .timelineRow .timelineRight { min-height: 10px; float: left; width: 47%; position: relative; } .brandTimeline .timelineRow .timelineRight { padding-left: 3%; text-align: left; } .brandTimeline .timelineRow .timelineRight p, .brandTimeline .timelineRow .timelineRight h1, .brandTimeline .timelineRow .timelineRight h2 { float: left; } .brandTimeline .timelineRow .timelineLeft { text-align: right; float: left; padding-right: 3%; } .brandTimeline .timelineRow .timelineLeft p, .brandTimeline .timelineRow .timelineLeft h1, .brandTimeline .timelineRow .timelineLeft h2 { float: right; } .brandTimeline img { width: 100%; } .brandTimeline figure figcaption { padding: 24px 0 72px; } .brandTimeline figure figcaption:after { bottom: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9IjAgMCAxMyAxMyI+PHN0eWxlPi5zdHlsZTB7ZmlsbDoJIzAwNzA0QTt9PC9zdHlsZT48Y2lyY2xlIGN4PSIzIiBjeT0iMyIgcj0iMyIgY2xhc3M9InN0eWxlMCIvPjwvc3ZnPg==); background-size: 7px 7px; content: ""; height: 55px; left: 50%; position: absolute; width: 7px; z-index: 2; margin-left: -3px; } .brandTimeline > .buttonLinkMid { margin-bottom: 110px; } .brandTimeline > .buttonLinkMid:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9IjAgMCAxMyAxMyI+PHN0eWxlPi5zdHlsZTB7ZmlsbDoJIzAwNzA0QTt9PC9zdHlsZT48Y2lyY2xlIGN4PSIzIiBjeT0iMyIgcj0iMyIgY2xhc3M9InN0eWxlMCIvPjwvc3ZnPg==); background-size: 7px 7px; content: ''; position: absolute; height: 105px; bottom: -110px; left: 50%; z-index: 2; width: 7px; margin-left: -3px; } .brandTimeline > h2 { position: relative; color: #00704a; font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; margin: 0 0 3px; padding: 5px 0 18px; text-align: center; } .brandTimeline > h2:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9IjAgMCAxMyAxMyI+PHN0eWxlPi5zdHlsZTB7ZmlsbDoJIzAwNzA0QTt9PC9zdHlsZT48Y2lyY2xlIGN4PSIzIiBjeT0iMyIgcj0iMyIgY2xhc3M9InN0eWxlMCIvPjwvc3ZnPg==); background-size: 7px 7px; content: ''; position: absolute; height: 10px; bottom: 0; left: 50%; z-index: 2; width: 7px; margin-left: -3px; } .brandTimeline #scentPointer { position: absolute; top: 45px; } .brandTimeline #fiveHundredPointer { position: absolute; right: 40px; top: 120px; } .brandTimeline #bowtiePointer { position: absolute; bottom: -28px; left: 55px; font-size: 30px; } .brandTimeline #innovationsPointer { position: absolute; left: 80px; bottom: -35px; } .brandTimeline #innovationsPointer2 { position: absolute; right: 80px; top: -40px; } .brandTimeline #hotlightPointer { position: absolute; left: 130px; bottom: -60px; } .brandTimeline #appPointer { position: absolute; left: 90px; bottom: -40px; } .brandTimeline #hundredPointer { position: absolute; right: 20px; top: 96px; } .brandTimeline #firstStore { width: 608px; top: -3px; } .brandTimeline #firstStore + .timelineRow { margin-top: -2px; padding-top: 15px; } .brandTimeline #firstStore + .timelineRow:before { top: 60px; } .brandTimeline #selling { width: 245px; padding-bottom: 100px; } .brandTimeline #selling img { left: 7px; } .brandTimeline #selling:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9IjAgMCAxMyAxMyI+PHN0eWxlPi5zdHlsZTB7ZmlsbDoJIzAwNzA0QTt9PC9zdHlsZT48Y2lyY2xlIGN4PSIzIiBjeT0iMyIgcj0iMyIgY2xhc3M9InN0eWxlMCIvPjwvc3ZnPg==); background-size: 7px 7px; content: ''; position: absolute; height: 110px; bottom: 0; left: 50%; z-index: 2; width: 7px; margin-left: -3px; } .brandTimeline #child { width: 474px; margin-bottom: -35px; } .brandTimeline #child img { left: 24px; } .brandTimeline #oGlaze { width: 593px; top: -15px; margin-bottom: -17px; padding-bottom: 26px; } .brandTimeline #oGlaze img { left: -37px; } .brandTimeline #oGlaze:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9IjAgMCAxMyAxMyI+PHN0eWxlPi5zdHlsZTB7ZmlsbDoJIzAwNzA0QTt9PC9zdHlsZT48Y2lyY2xlIGN4PSIzIiBjeT0iMyIgcj0iMyIgY2xhc3M9InN0eWxlMCIvPjwvc3ZnPg==); background-size: 7px 7px; content: ''; position: absolute; height: 110px; bottom: 0; left: 50%; z-index: 2; width: 7px; margin-left: -3px; } .brandTimeline #truck { width: 313px; } .brandTimeline #truck img { left: -3000px; } .brandTimeline #truck.hasShown img { -webkit-animation: drive .8s 1 forwards; /* Safari 4+ */ -moz-animation: drive .8s 1 forwards; /* Fx 5+ */ -o-animation: drive .8s 1 forwards; /* Opera 12+ */ animation: drive .8s 1 forwards; /* IE 10+ */ } .brandTimeline #logo { width: 500px; margin-bottom: -4px; } .brandTimeline #logo #theShining { left: -200px; position: absolute; width: 171px; height: 314px; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKsAAAE6CAMAAABee1J5AAABg1BMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9lVGeKAAAAgXRSTlMAgH0DfgIFAXt/CWIEBw56cVx2XmVzGG4ISh4RFGsQQ3lFCxsSd3h1WAxwfCc2I2h0IU4uailHGltSPWxZBhVvMCVAOQppHBYTVQ80QTotXys/Sw1XPjFWRBckcjJmIiA4TygfbTU8USxjYEwmZ0YvU2FUUB1JN1pNSGQqOzMZQl2LHXFvAAAKP0lEQVR4Xu3dd1OU2RIG8KeZGYYgOYqSc5KMgmREEEEyIiCCoOIC5hx296Pfqlu1t9pae5eulz7TVt3fv/MB5pz3eboPQmqYwy/jTV4ffhHpeUQ3HuCXsElEFF9Ih38opv+qHIB7Y/SX9atw7j39T8ZGAp5dyiOmaxKOvaQfDV2BW8/pR9S0CKca6O+Ke+BSLf1Mby78idXQTzU/gTvHJHldAWeWSHa5Dp5U0T8pmYAj1fTPiurhRayR/s1gDnwYoH/XtgwXCug8PpYi9XLpfOJbMaTaFJ1X5WOkVqKEzq9lDKl0Shppw0mkzgjpdPUgVdZIaxCpskFaVUiRZD4p3UeqXCOtHqTKfVJqAxO7gnBaM0lpA8y7xhUE84205sHUEhXvIZAyUhoBk2gmIuqdRwiPSOvaTw6ThZ0I4BUplYAr+uuH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); top: -35px; } .brandTimeline #logo.active #theShining { -webkit-animation: shine 3s 1 forwards; /* Safari 4+ */ -moz-animation: shine 3s 1 forwards; /* Fx 5+ */ -o-animation: shine 3s 1 forwards; /* Opera 12+ */ animation: shine 3s 1 forwards; /* IE 10+ */ left: 700px; } .brandTimeline #fundraisingEntry { padding-top: 74px; padding-bottom: 5px; } .brandTimeline #fundraisingEntry:before { top: 124px; } .brandTimeline #fundraisingEntry2 { padding-bottom: 80px; } .brandTimeline #bowtieEntry { padding-bottom: 35px; margin-bottom: -30px; } .brandTimeline #fundraising { width: 609px; } .brandTimeline #production { width: 683px; top: -49px; margin-bottom: -49px; padding-bottom: 100px; } .brandTimeline #production:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9IjAgMCAxMyAxMyI+PHN0eWxlPi5zdHlsZTB7ZmlsbDoJIzAwNzA0QTt9PC9zdHlsZT48Y2lyY2xlIGN4PSIzIiBjeT0iMyIgcj0iMyIgY2xhc3M9InN0eWxlMCIvPjwvc3ZnPg==); background-size: 7px 7px; content: ''; position: absolute; height: 100px; bottom: 0; left: 50%; z-index: 2; width: 7px; margin-left: -3px; } .brandTimeline #rudolph { width: 515px; padding-bottom: 65px; } .brandTimeline #rudolph img { left: 10px; } .brandTimeline #rudolph:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9IjAgMCAxMyAxMyI+PHN0eWxlPi5zdHlsZTB7ZmlsbDoJIzAwNzA0QTt9PC9zdHlsZT48Y2lyY2xlIGN4PSIzIiBjeT0iMyIgcj0iMyIgY2xhc3M9InN0eWxlMCIvPjwvc3ZnPg==); background-size: 7px 7px; content: ''; position: absolute; height: 75px; bottom: 0; left: 50%; z-index: 2; width: 7px; margin-left: -3px; } .brandTimeline #sign { width: 271px; padding-bottom: 65px; } .brandTimeline #sign:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9IjAgMCAxMyAxMyI+PHN0eWxlPi5zdHlsZTB7ZmlsbDoJIzAwNzA0QTt9PC9zdHlsZT48Y2lyY2xlIGN4PSIzIiBjeT0iMyIgcj0iMyIgY2xhc3M9InN0eWxlMCIvPjwvc3ZnPg==); background-size: 7px 7px; content: ''; position: absolute; height: 65px; bottom: 0; left: 50%; z-index: 2; width: 7px; margin-left: -3px; } .brandTimeline #innovationsEntry { padding-bottom: 25px; } .brandTimeline #innovationsEntry2 { padding-bottom: 35px; } .brandTimeline #lightbulb { width: 309px; } .brandTimeline #hotNow { width: 676px; top: -58px; margin-bottom: -58px; padding-bottom: 45px; } .brandTimeline #hotNow:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9IjAgMCAxMyAxMyI+PHN0eWxlPi5zdHlsZTB7ZmlsbDoJIzAwNzA0QTt9PC9zdHlsZT48Y2lyY2xlIGN4PSIzIiBjeT0iMyIgcj0iMyIgY2xhc3M9InN0eWxlMCIvPjwvc3ZnPg==); background-size: 7px 7px; content: ''; position: absolute; height: 125px; bottom: 0; left: 50%; z-index: 2; width: 7px; margin-left: -3px; } .brandTimeline #hotNow:before { right: 57px; bottom: 289px; content: '┬«'; color: #d31145; position: absolute; z-index: 3; } .brandTimeline #hotNow #hlOn { position: absolute; width: 100%; height: 100%; background: url(../img/content/timeline/hlOn.jpg) no-repeat left top; background-size: 100% auto; z-index: 1; left: 0; top: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .brandTimeline #hotNow.active #hlOn { -webkit-animation: hl 1s 1 forwards; /* Safari 4+ */ -moz-animation: hl 1s 1 forwards; /* Fx 5+ */ -o-animation: hl 1s 1 forwards; /* Opera 12+ */ animation: hl 1s 1 forwards; /* IE 10+ */ } .brandTimeline #hotLightEntry { padding-bottom: 50px; } .brandTimeline #shapedDoughnutEntry { padding-bottom: 60px; } .brandTimeline #heart { width: 468px; top: -50px; margin-bottom: -60px; } .brandTimeline #heart img { left: -5px; } .brandTimeline #intEntry { padding-top: 80px; padding-bottom: 5px; } .brandTimeline #intEntry:before { top: 91px; } .brandTimeline #globe { width: 290px; padding-bottom: 65px; } .brandTimeline #globe:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9IjAgMCAxMyAxMyI+PHN0eWxlPi5zdHlsZTB7ZmlsbDoJIzAwNzA0QTt9PC9zdHlsZT48Y2lyY2xlIGN4PSIzIiBjeT0iMyIgcj0iMyIgY2xhc3M9InN0eWxlMCIvPjwvc3ZnPg==); background-size: 7px 7px; content: ''; position: absolute; height: 65px; bottom: 0; left: 50%; z-index: 2; width: 7px; margin-left: -3px; } .brandTimeline #globe #marker { display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; width: 47px; height: auto; position: absolute; left: 42px; top: 32px; z-index: 2; } .brandTimeline #globe.hasShown #marker { -webkit-animation: drop .6s 1 forwards ease-in; /* Safari 4+ */ -moz-animation: drop .6s 1 forwards ease-in; /* Fx 5+ */ -o-animation: drop .6s 1 forwards ease-in; /* Opera 12+ */ animation: drop .6s 1 forwards ease-in; /* IE 10+ */ filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .brandTimeline #coffeeEntry { padding-bottom: 20px; margin-bottom: -97px; } .brandTimeline #coffee { width: 536px; } .brandTimeline #coffee img { left: 9px; } .brandTimeline #hotLightAppEntry { padding-top: 60px; padding-bottom: 5px; } .brandTimeline #hotLightAppEntry:before { top: 71px; } .brandTimeline #app { width: 217px; margin-bottom: -12px; } .brandTimeline #app img { left: 6px; } .brandTimeline #bdayEntry { padding: 75px 0 50px; } .brandTimeline #bdayEntry:before { top: 86px; } .brandTimeline #seventyFive { width: 574px; } .brandTimeline #seventyFive img { left: -9px; } .brandTimeline #fiveHundred { width: 413px; top: -25px; margin-bottom: -38px; } .brandTimeline #fiveHundred img { left: -20px; } .brandTimeline #oneHundred { width: 370px; top: -59px; padding-bottom: 55px; margin-bottom: -59px; left: -10px; } .brandTimeline #oneHundred:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9IjAgMCAxMyAxMyI+PHN0eWxlPi5zdHlsZTB7ZmlsbDoJIzAwNzA0QTt9PC9zdHlsZT48Y2lyY2xlIGN4PSIzIiBjeT0iMyIgcj0iMyIgY2xhc3M9InN0eWxlMCIvPjwvc3ZnPg==); background-size: 7px 7px; content: ''; position: absolute; height: 67px; bottom: 0; left: 50%; z-index: 2; width: 7px; margin-left: 7px; } .brandTimeline #glazeEntry { padding-bottom: 20px; } .brandTimeline #tourBus { width: 325px; top: -115px; margin-bottom: -115px; padding-bottom: 65px; } .brandTimeline #tourBus img { left: -10px; } .brandTimeline #tourBus:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9IjAgMCAxMyAxMyI+PHN0eWxlPi5zdHlsZTB7ZmlsbDoJIzAwNzA0QTt9PC9zdHlsZT48Y2lyY2xlIGN4PSIzIiBjeT0iMyIgcj0iMyIgY2xhc3M9InN0eWxlMCIvPjwvc3ZnPg==); background-size: 7px 7px; content: ''; position: absolute; height: 65px; bottom: 0; left: 50%; z-index: 2; width: 7px; margin-left: -3px; } .brandTimeline #ttpic { width: 424px; } .brandTimeline #kcups { width: 324px; } .brandTimeline nav { display: block; position: absolute; right: 10px; top: 345px; z-index: 3; } .brandTimeline nav li { position: relative; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .brandTimeline nav li:hover { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .brandTimeline nav li.active { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .brandTimeline nav li.active:before { content: '\e015'; display: block; text-decoration: none; width: 15px; height: 15px; font-size: 12px; font-family: 'icomoon'; speak: none; text-align: center; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 15px; -webkit-font-smoothing: antialiased; position: absolute; left: -18px; top: 50%; margin-top: -8px; color: #d31145; } .brandTimeline nav li a { display: block; position: relative; text-indent: -9999px; width: 50px; height: 50px; outline: 0; margin-bottom: 9px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMDAuODI2IDMwMC44MSI+PHN0eWxlPi5zdHlsZTB7ZmlsbDoJI0ZDRTZEMzt9LnN0eWxlMXtmaWxsOgkjRjZBNDRGO30uc3R5bGUye2ZpbGw6CSNGOUM0OEM7fS5zdHlsZTN7ZmlsbDoJI0ZGRkZGRjt9LnN0eWxlNHtmaWxsOgkjRjE4QzM3O308L3N0eWxlPjxwYXRoIGQ9Ik0xNjEuNDI2IDIyQzg0LjQyMyAyMiAyMiA4NC40IDIyIDE2MS40MDVjMCA3NyA2Mi40IDEzOS40IDEzOS40IDEzOS40IGM3Ni45NzggMCAxMzkuNDI3LTYyLjQxNCAxMzkuNDI3LTEzOS40MDVDMzAwLjgyNiA4NC40IDIzOC40IDIyIDE2MS40IDIySDE2MS40MjZ6IE0xODkuMTMgMTcxLjIgYy0zLjY5OSA1LjY2OC01LjE5NyAxMC4yMTUtMTAuMjEzIDE0Ljc1MWMwLjY4Ni0wLjA1OSAwLjMgMC44IDAgMGMtMy4zMSAyLjkzNS04LjMxMiA0LjE3MS0xMS45MTQgNi44IGMtMi44NjggMC45NzktNy4yNDggMC4xMzEtMTAuMjE0IDEuNzAxYy0yMy4wMTgtMS4xODgtNDAuNTY5LTI2Ljk0OS0yOC4zNjgtNTAuNDk2YzguNjM0LTE1LjQ0MyAzMy43OTUtMjEuMjMyIDQ5LjM2LTkuMDc4IGMzLjE4MyAyLjUgNC4yIDYuMiA3LjkgNy45NDRjNC4wMzYgMTEuNCA1LjUgMTYuMSAzLjQgMjguMzY4SDE4OS4xM3oiIGNsYXNzPSJzdHlsZTAiLz48cGF0aCBkPSJNMTM5LjQyNiAwQzYyLjQyMyAwIDAgNjIuNCAwIDEzOS40MDVDMCAyMTYuNCA2Mi40IDI3OC44IDEzOS40IDI3OC44IGM3Ni45NzggMCAxMzkuNDI3LTYyLjQxNCAxMzkuNDI3LTEzOS40MDVDMjc4LjgyNiA2Mi40IDIxNi40IDAgMTM5LjQgMEgxMzkuNDI2eiBNMTY3LjEzIDE0OS4yIGMtMy42OTkgNS42NjgtNS4xOTcgMTAuMjE1LTEwLjIxMyAxNC43NTFjMC42ODYtMC4wNTkgMC4zIDAuOCAwIDBjLTMuMzEgMi45MzUtOC4zMTIgNC4xNzEtMTEuOTE0IDYuOCBjLTIuODY4IDAuOTc5LTcuMjQ4IDAuMTMxLTEwLjIxNCAxLjcwMWMtMjMuMDE4LTEuMTg4LTQwLjU2OS0yNi45NDktMjguMzY4LTUwLjQ5NmM4LjYzNC0xNS40NDMgMzMuNzk1LTIxLjIzMiA0OS4zNi05LjA3OCBjMy4xODMgMi41IDQuMiA2LjIgNy45IDcuOTQ0YzQuMDM2IDExLjQgNS41IDE2LjEgMy40IDI4LjM2OEgxNjcuMTN6IiBjbGFzcz0ic3R5bGUxIi8+PGc+PHBhdGggZD0iTTIzOC4yNzQgMTM5LjQwNWMwIDUxLjU1Ni0yNy42NTcgOTQuNTIxLTYzLjkyOCAxMDMuMTAzYzIuODYxIDAuNyA1LjggMS4xIDguNyAxLjQgYzQwLjQ3MS0zLjIyOCA3Mi42NjgtNDguODUxIDcyLjY2OC0xMDQuNDc1YzAtNTUuNjI1LTMyLjE5Ny0xMDEuMjQ2LTcyLjY2OC0xMDQuNDc0Yy0yLjk2MSAwLjIzNC01Ljg4MSAwLjY5NS04Ljc0MiAxLjQgQzIxMC42MTYgNDQuOSAyMzguMyA4Ny45IDIzOC4zIDEzOS40MDVIMjM4LjI3NHoiIGNsYXNzPSJzdHlsZTIiLz48L2c+PGc+PGc+PHBhdGggZD0iTTE4Ni45MiAxMzUuNjUyYzAtMi42IDEuNTUtNC4zMTMgMy44MTctNC4zMTNjMi40MzUgMCA0IDEuOCA0IDMuNmMwIDAuODg2LTAuMTY2IDEuNTQ5LTAuNDk3IDIuMiBjMS4zMjcgMC45IDMuNCAxLjUgNS44IDEuNTVjMy45ODIgMCA2LjUyOC0xLjc3MSA2LjUyOC00LjkyNWMwLTIuOTg3LTMuMDQ0LTQuNDI2LTYuNjk0LTUuNjk4IGMtNi43NS0yLjQzNS0xMS41MDgtNC41OTMtMTEuNTA4LTExLjM0M2MwLTUuODEgNC43MDEtMTAuMzQ2IDEyLjA2Mi0xMC4zNDZjNi44MDUgMCAxMi4xIDMuNSAxMi4xIDcuOSBjMCAyLjYwMi0xLjYwNCA0LjA5NS0zLjcwNyA0LjA5NWMtMi41NDUgMC0zLjk4Mi0xLjg4Mi0zLjk4Mi0zLjcwN2MwLTAuODg2IDAuMTY2LTEuMjcyIDAuMzg3LTEuNzE2IGMtMC45OTYtMC42MDctMi41NDUtMS4xMDUtNC44MTItMS4xMDVjLTMuNTk4IDAtNS42OTkgMS44MjYtNS42OTkgNC41YzAgMyAzIDQuMyA2LjcgNS42NDVjNi41MjcgMi4zIDExLjUgNC42IDExLjUgMTEuMyBjMCA2LjkxNi01LjM2NyAxMC44NDUtMTIuODM3IDEwLjhjLTcuMzQ3IDAuMDAzLTEzLjE3Ny0zLjk5Ny0xMy4xNzctOC40NDVIMTg2LjkyeiIgY2xhc3M9InN0eWxlMyIvPjwvZz48L2c+PGc+PHBhdGggZD0iTTM1LjgyIDEzOS40MDVjMC02Mi4yODcgNDMuMDIxLTExNC4xOTYgOTkuNDM1LTEyNC41NjZjLTQuNDU1LTAuODE4LTguOTkyLTEuMzc2LTEzLjU5OS0xLjY2MSBDNTguNzA1IDE3LjEgOC42IDcyLjIgOC42IDEzOS40MDVjMCA2Ny4yIDUwLjEgMTIyLjMgMTEzIDEyNi4yMjljNC42MDUtMC4yODUgOS4xNDQtMC44NDMgMTMuNTk5LTEuNjYxIEM3OC44NCAyNTMuNiAzNS44IDIwMS43IDM1LjggMTM5LjQwNUgzNS44MnoiIGNsYXNzPSJzdHlsZTQiLz48L2c+PC9zdmc+); background-size: 100%; } .brandTimeline nav li a:before { display: block; text-decoration: none; width: 20; height: 20px; font-size: 10px; font-family: 'icomoon'; speak: none; text-align: center; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 20px; -webkit-font-smoothing: antialiased; content: attr(data-number); position: absolute; left: 8px; top: 13px; text-indent: 0; color: #fff; } .brandTimeline nav li a[href="#timePeriod00s"]:before { left: 6px; } .brandTimeline nav li a:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9IjAgMCAxMyAxMyI+PHN0eWxlPi5zdHlsZTB7ZmlsbDoJIzAwNzA0QTt9PC9zdHlsZT48Y2lyY2xlIGN4PSIzIiBjeT0iMyIgcj0iMyIgY2xhc3M9InN0eWxlMCIvPjwvc3ZnPg==); background-size: 7px 7px; content: ''; display: block; width: 4px; left: 50%; margin-left: -3px; position: absolute; height: 10px; bottom: -7px; } .brandTimeline nav li:last-child a:after { display: none; } .brandTimeline nav.top { position: fixed; top: 10px; } .ourStory .toTop { margin: 0 10% 0 0; left: auto; right: 0; top: -90px; position: absolute; } .timePeriod { padding: 0; } .timePeriod > h1 { margin-top: 0; } .no-svg .brandTimeline .timelineRow, .no-svg .brandTimeline nav li a:after, .no-svg .brandTimeline figure figcaption:after, .no-svg .brandTimeline #oGlaze:after, .no-svg .brandTimeline #selling:after, .no-svg .brandTimeline #rudolph:after, .no-svg .brandTimeline #sign:after, .no-svg .brandTimeline #globe:after, .no-svg .brandTimeline #tourBus:after, .no-svg .brandTimeline > h2:after, .no-svg .brandTimeline #production:after, .no-svg .brandTimeline #hotNow:after, .no-svg .brandTimeline > .buttonLinkMid:after { background-image: url(../img/svgFallback/dot.png); } .pageFooter #footerSecondaryContent ul:first-child { max-width: 65%; } .pageFooter #footerSecondaryContent ul:first-child li { border-right: 0 none; padding-right: 0; margin-right: 0; } } /************************************************************************************ #MCOMTE *************************************************************************************/ /* #MCOMTE for FUNDRAISING SUCCESS STORIES */ /************************************************************************************ REFERENCE *************************************************************************************/ /* @group REFERENCE */ /*just for my own reference*/ .brandPrimary { background-color: #00704a; } .brandPrimaryDark { background-color: #004c32; } .brandPrimaryLight { background-color: #7ab4a1; } .brandPrimaryLighten { background-color: #09835a; } .brandPrimaryDarken { background-color: #006b47; } .mcStories .brandSecondary { background-color: #d31145; } .brandSecondaryDark { background-color: #b20e3a; } .brandSecondaryLight { background-color: #f9245d; } .brandTertiary { background-color: #eeead9; } .brandTertiaryLight { background-color: #f5f2e7; } .brandTertiaryLightDesat { background-color: #f5f4ee; } .brandTertiaryLighter { background-color: #f8f6ed; } .brandComplement { background-color: #ffdca3; } .reversedTextPrimary { background-color: #fff; } .ruleColor { background-color: #8a8a8a; } /* added colors */ .brandGrey { background-color: #515151; } .brandTertiaryRacing { background-color: #f5f4ee; } .brandTertiaryLightDesat { background-color: #f5f4ee; } /* @end REFERENCE */ /* @group MIXINS */ .lucky, .promoPointer p span, .mcStories .shareStory .container h3 span.pageSubheadFancy { font-family: 'FilmotypeLucky', fantasy; font-weight: normal; } .no-svg .iconDollar { background-image: url(../img/svgFallback/iconDollar.png); } .no-svg .iconPeople { background-image: url(../img/svgFallback/iconPeople.png); } .no-svg .redArrow { background-image: url(../img/svgFallback/redArrow.png); } .circleLinkAfter:after, .UnselectedNext:after, .SelectedNext:after { width: 30px; height: 30px; overflow: hidden; text-align: center; line-height: 25px; vertical-align: middle; color: #d31145; font-family: 'icomoon'; background-color: transparent; -webkit-border-radius: 50%; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border: 2px solid #00704a; /*cursor: pointer;*/ position: absolute; top: 0; left: 0; text-indent: 0; content: '\e015'; } .circleLinkBefore:before, .UnselectedPrev:before, .SelectedPrev:before { width: 30px; height: 30px; overflow: hidden; text-align: center; line-height: 25px; vertical-align: middle; color: #d31145; font-family: 'icomoon'; background-color: transparent; -webkit-border-radius: 50%; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border: 2px solid #00704a; /*cursor: pointer;*/ position: absolute; top: 0; left: 0; text-indent: 0; content: '\e017'; } .SelectedNext:after, .SelectedPrev:before { color: #00704a; } .no-svg .star:before { background-image: url(../img/svgFallback/star.png); } .no-svg .headerGradient { background-image: url(../img/svgFallback/gradient.jpg); } /* @end MIXINS */ /************************************************************************************ BASE DEFINITIONS *************************************************************************************/ /* @group BASE DEFINITIONS */ /* Setup the box-model within RACING only to avoid conflict with existing code. ** When we set a width, that element stays that width, ** despite padding or borders being applied.*/ .mcStories *, .mcStories *:after, .mcStories *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* @end BASE DEFINITIONS */ /************************************************************************************ GENERAL *************************************************************************************/ /* @group GENERAL */ /* NOTE : this is the same color as also added ** for the RACING FACEBOOK TAB (called $brandTertiaryRacing) ** the value being similar to $brandTertiaryLight but more desaturated */ /* added general class*/ .right { float: right; } /* @end GENERAL */ /************************************************************************************ FUNDRAISING SUCCESS STORIES TAB *************************************************************************************/ /* @group FUNDRAISING SUCCESS STORIES */ /************************************************************************************ MOBILE *************************************************************************************/ /* @group MOBILE */ /**********************************************/ /* .mcStories */ /**********************************************/ .mcStories { /*end aside.moreStories*/ } .mcStories .moreStories { display: inline-block; position: relative; width: 100%; /*end .pagination*/ } .mcStories .moreStories figcaption h5 { color: #00704a; font-size: 1em; margin-bottom: 0; } .mcStories .moreStories figcaption h5, .mcStories .moreStories figcaption span, .mcStories .moreStories figcaption a { font-family: 'FrutigerLTCom-Bold', sans-serif; font-weight: normal; } .mcStories .moreStories figcaption h5 + span { font-size: 0.8em; } .mcStories .moreStories figcaption blockquote { margin: 25px 0 20px 0; position: relative; text-indent: 30px; } .mcStories .moreStories figcaption blockquote:before, .mcStories .moreStories figcaption blockquote:after { position: absolute; font-size: 6em; line-height: 100%; color: #eeead9; font-family: Arial, sans-serif; } .mcStories .moreStories figcaption blockquote:before { content: '“'; text-indent: 0; left: 0; top: -20px; } .mcStories .moreStories figcaption blockquote:after { content: '„'; bottom: -10px; text-indent: 2px; } .mcStories .moreStories figcaption a { font-size: 0.8em; } .mcStories .moreStories .pagination { position: relative; display: inline-block; width: 100%; text-align: center; height: 50px; margin: 40px 0; } .mcStories .moreStories .pagination:before { content: ''; width: 100%; border-top: 4px solid #eeead9; position: absolute; bottom: 23px; left: 0; } .mcStories .moreStories .pagination .pagesContainer { position: relative; display: inline-block; width: auto; margin: 0 auto; text-align: center; background-color: #fff; border: 4px solid #eeead9; background: #fff; padding: 7px 14px; -webkit-border-radius: 10px; border-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .mcStories .moreStories .pagination .PagerControl .SelectedNext, .mcStories .moreStories .pagination .PagerControl .UnselectedNext { padding-right: 30px; } .mcStories .moreStories .pagination .PagerControl .UnselectedPrev:hover:before, .mcStories .moreStories .pagination .PagerControl .UnselectedNext:hover:after { background-color: #00704a; color: #fff; } .mcStories .moreStories .pagination .PagerControl .SelectedNext, .mcStories .moreStories .pagination .PagerControl .SelectedPrev, .mcStories .moreStories .pagination .PagerControl .UnselectedNext, .mcStories .moreStories .pagination .PagerControl .UnselectedPrev { width: 30px; height: 30px; display: block; text-indent: -150px; overflow: hidden; } .mcStories .moreStories .pagination .PagerControl .SelectedNext a, .mcStories .moreStories .pagination .PagerControl .SelectedPrev a, .mcStories .moreStories .pagination .PagerControl .UnselectedNext a, .mcStories .moreStories .pagination .PagerControl .UnselectedPrev a { background-color: transparent; position: relative; display: inline-block; cursor: pointer; width: 30px; height: 30px; } .mcStories .moreStories .pagination .PagerControl .SelectedNext span, .mcStories .moreStories .pagination .PagerControl .SelectedPrev span, .mcStories .moreStories .pagination .PagerControl .UnselectedNext span, .mcStories .moreStories .pagination .PagerControl .UnselectedPrev span { position: absolute; left: -9999px; } .mcStories .moreStories .pagination .PagerNumberArea { display: inline-block; margin: 0 auto; } .mcStories .moreStories .pagination .PagerNumberArea > span { display: inline-block; line-height: 30px; height: 30px; position: relative; vertical-align: middle; } .mcStories .moreStories .pagination .PagerNumberArea .SelectedPage, .mcStories .moreStories .pagination .PagerNumberArea .UnselectedPage { font-family: 'FrutigerLTCom-Bold', sans-serif; font-weight: normal; font-size: 16px; font-size: 1.6rem; display: inline-block; line-height: 30px; text-align: center; width: 30px; height: 30px; position: relative; vertical-align: middle; } .mcStories .moreStories .pagination .PagerNumberArea .SelectedPage { background-color: #eeead9; -webkit-border-radius: 50%; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } .mcStories .container { padding: 0 20px; } .mcStories .onlyTall { text-align: center; position: relative; } .mcStories h2 + .onlyTall h2 { margin: 0; font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #00704a; line-height: 94px; font-size: 22px; vertical-align: middle; } .mcStories .introSection .intro h3 { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #d31145; font-size: 2.3em; line-height: 1.125em; margin: 5px 0 14px 0; } .mcStories .introSection .intro h3 + .byline.onlyTall { padding: 0; margin: 0 0 10px 0; font-size: 1.4em; line-height: 1.3em; text-align: left; } .mcStories .introSection .intro p { padding-bottom: 15px; } .mcStories .introSection .intro p strong { font-size: 0.9em; } .mcStories .introSection p { margin: 0 0 20px 0; font-size: 1.125em; line-height: 1.275em; } .mcStories .introSection p:last-of-type { margin-bottom: 0; } /**********************************************/ /* .mcStories .onlyTall */ /**********************************************/ .mcStories .onlyTall .box { list-style: none; margin: 24px 0; display: inline-block; width: 100%; } .mcStories .onlyTall .box li { width: 49.5%; float: left; text-align: center; background-color: #f5f4ee; display: inline-block; } .mcStories .onlyTall .box li:nth-child(2) { width: 1%; display: block; } .mcStories .onlyTall .box li:nth-child(2) span { height: 40px; background-color: #f5f4ee; display: block; } .mcStories .onlyTall .box li:nth-child(2) span:nth-child(2) { height: 61px; background-color: #eeead9; } .mcStories .onlyTall .box .icon:before { content: ''; position: relative; display: inline-block; width: 100%; height: 65px; margin-bottom: 3px; } .mcStories .onlyTall .box .icon.iconDollar { background-image: url(data:image/png;base64,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); background-size: 57px 42px; background-repeat: no-repeat; background-position: center center; background-position: center 22px; } .mcStories .onlyTall .box .icon.iconPeople { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAAdCAYAAAAQJcSlAAAES0lEQVRYCb2YWYgVRxSG7yTuUXAjLolKiCuI+5YElxd9UNxFkocoPvigSFAJoiMEHxQUQsQQEQJRCYnirmAiKogLKuIYonGbBxUXXBMTFbe4TL5/vA1Fzanu6uidA/9Unf/8VV2nq+7p7ikrzB5ZKLHVY/6JYBToDVqDu+B3sAdsBPfA/7Kq5b9kjquTqXg9QVeGrwLDvGma43cEk8AsMAMcASWxt0oy66tJtWO/gmGv3ODfHkS0Hd2DitcMlDLJFaztg8j1NUX3PXg7Up9LVqokdRTH5VpJofAR+v45x0TJ8yRZlxkbA7VZpgWr4OS1IREDtNtaR/0IbbUkJskRKDeBU+AsOAk2APEh+zAUyODTxvVl7Gqgqqx1/AF2ls0ZNZk21bKSXMhoFQ9VQVXKdqAb0MS7QTmwrKFFRnANApqp8AfBNKACpXV0AnosbSDRlbRBS0tyNKMWg7RisIS4boBv//pEpP/U0A2C+wE0MmIJNZNEZyeO34aSFP+VLw74Xxj8DYOLoa4bIs2fdqOTIV+S6DuJ47ahJPWM0/GMsV6I2nrC854f657zhCpe/Twu5L5HoIsVDCX5LmLzrhiTNIHr7PGn8f/xuCxXR/w3T6Qq2sLj0txWVjCU5EvEVdaAAOe/Ht5GdzygDdFnCVz0gmX4Qqxp3TUslORfKB/VUIeJB0ZotcGlUXosvfAEz/HzFDGtu4aFktROXKuhton70JeN0Ha4SwZvUX9DqoL69hgi9tgrQfN6oSSfMeCYf8WAr5txx4g9gVtj8Ba1BdKaQ7t41RpgcKf57Mq1k5pDC6wyJvOpCgj/mCWa7+iYdzcR0GqnvnZ8v3vUJwL++gBfCO2k9IeAXuWy7KcUgY7hzylxhfSZVZmi0W9VpyLNbhJcFxKkJalKpQ/eNNPn1N40AbFbGfE/M+JniM/P0PzIUbWKX/WwtCQlWAv0ImyZdmieFXC4ZvQ/d3yrOx6ykxVwON3MpY7vdrWLy13C72clqXdJPdh90+NhCgiVdyU3ExwBA0CatSd4AJQDvbWEbAGBRUbwAruoRINWlvGPrE8YuRG0dWbQwocAt9goqZ6gLxgEBoJ2IK/p6Kqqq9iooJ0EfgKb4SaCxPQIm0aiWxPCb60ktWAtdjSYDhoC10bi7CoSbWjngM/A+0XuTTZKWov/BlQWJ+5OewLUK/pq9BRYC7aB4/7OJknqmEwAH4PBIHRs9OqlG6Bq1wTsB31Aqe0KF9DpSV46dtAfE7iobsxhoBO3g4Qr9ZvsASrAt+BTEEqQUPWHshKUaZdrI0FdS7/bheoUbV/SMdqWcGPBMlDB59dwJTkXtAYxdt4RDXX6tdHt7VwkOboOZXYbw5YrSZ3xWLvhCHVca9P06Ve3eEG9W8e8jUneQUmq0MTaA0foFyQnVJKurpf8h+Bhjis0qINYd6Vp5CB3cv3A70aOexMyvcAnu6evk+sg5kbf+Q9cVcjECo8bHwAAAABJRU5ErkJggg==); background-size: 57px 29px; background-repeat: no-repeat; background-position: center center; background-position: center 35px; } .mcStories .onlyTall .box p:first-child { font-size: 0.7em; margin-bottom: 5px; } .mcStories .onlyTall .box p:last-child { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; font-size: 1.6em; line-height: 1em; color: #00704a; padding-bottom: 25px; } /**********************************************/ /* .mcStories .comments */ /**********************************************/ .mainContent .comments { margin: 0 -20px 26px; /* .onlyGrande { }*/ } .mainContent .comments .onlyTall { border-top: 4px solid #f5f2e7; } .mainContent .comments article { margin: 0 20px; } .mainContent .comments article > a { color: #00704a; font-size: 1em; margin: 18px 0 30px 0; } .mainContent .comments article > a.toggler { margin-bottom: 20px; } .mainContent .comments article > a.onlyGrande { border-top: 4px solid #f5f2e7; padding-top: 20px; } .mainContent .comments article .hide { display: none; } .mainContent .comments article.active .hide { display: inline; } .mainContent .comments article.active .show { display: none; } .mainContent .comments article ul { margin-top: 32px; list-style: none; } .mainContent .comments article ul li p { margin-bottom: 12px; font-size: 1.08em; line-height: 1.08em; } .mainContent .comments article ul li p.meta { font-size: 0.85em; color: #515151; } .mainContent .comments .containerWide { margin: 28px 12px; } .mainContent .comments .containerWide.onlyTall { border-top: none; } .mainContent .comments .containerWide .extButton, .mainContent .comments .containerWide .backButton, .mainContent .comments .containerWide .formLayout .FormButton, .formLayout .mainContent .comments .containerWide .FormButton, .mainContent .comments .containerWide .mcStories .submitStory .after .extButtonSubmit input, .mcStories .submitStory .after .extButtonSubmit .mainContent .comments .containerWide input { line-height: 36px; vertical-align: middle; text-align: left; padding: 0 20px; margin: 0 auto; width: 100%; } .mainContent .comments .containerWide .extButton::after, .mainContent .comments .containerWide .backButton::after, .mainContent .comments .containerWide .formLayout .FormButton::after, .formLayout .mainContent .comments .containerWide .FormButton::after, .mainContent .comments .containerWide .mcStories .submitStory .after .extButtonSubmit input::after, .mcStories .submitStory .after .extButtonSubmit .mainContent .comments .containerWide input::after { padding-left: 10px; float: right; line-height: 36px; vertical-align: middle; } /**********************************************/ /* .mcStories .shareStory */ /**********************************************/ .mcStories .shareStory { margin: 0 -20px; border-top: 4px solid #f5f2e7; } .mcStories .shareStory .container { margin: 25px 0 0; } .mcStories .shareStory .container h3 { margin: 20px 0 20px; font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #d31145; font-size: 3em; line-height: 0.15em; position: relative; text-align: center; } .mcStories .shareStory .container h3 span.pageSubheadFancy { display: block; border-width: 3px; line-height: 1em; } .mcStories .shareStory .container h3 span.pageSubheadFancy:first-child { font-size: 1em; line-height: 0.75em; } .mcStories .shareStory .container h3 span.pageSubheadFancy:last-child { font-size: 0.75em; margin-top: 40px; } .mcStories .shareStory .container h3 span.pageSubheadFancy:last-child:after { font-family: 'icomoon'; content: '\27'; color: #d31145; font-size: 36px; display: inline-block; /*width: 30px; height: 70px; transform: scale(0.3);*/ width: 18px; height: 37px; background-size: 18px 37px; position: absolute; left: 47%; bottom: -20px; } .mcStories .shareStory .container h3 span.pageSubheadFancy span { display: inline-block; vertical-align: middle; } .mcStories .shareStory .container p { margin-bottom: 12px; font-size: 1.05em; line-height: 1.35em; } .HiddenButton { display: none; } /**********************************************/ /* .mcStories .submitStory */ /**********************************************/ .mcStories .submitStory { margin: 0 -20px; } .mcStories .submitStory .container { margin: 0 20px; } .mcStories .submitStory .intro { padding-left: 40px; padding-right: 40px; background-color: #fff; } .mcStories .submitStory .intro p { margin-bottom: 10px; } .mcStories .submitStory .intro p:first-child { font-size: 0.8em; } .mcStories .submitStory .intro p:last-child { font-size: 0.9em; color: #8a8a8a; padding-bottom: 20px; } .mcStories .submitStory .intro p:last-child sup { color: #d31145; font-size: 1.1em; line-height: 0em; vertical-align: bottom; } .mcStories .submitStory .fundraisingForm { padding-top: 5px; width: auto; float: none; padding: 20px; } .mcStories .submitStory .submitStoryForm { display: inline-block; width: 100%; background-color: #f8f6ed; padding-bottom: 40px; } .mcStories .submitStory .formfields { margin: 0 20px; list-style: none; } .mcStories .submitStory .formfields .formPair { padding-bottom: 10px; } .mcStories .submitStory .formfields label { color: #515151; } .mcStories .submitStory .formfields input, .mcStories .submitStory .formfields textarea { text-transform: none; } .mcStories .submitStory .formfields textarea { padding-top: 8px; } .mcStories .submitStory .after { font-size: 0.9em; color: #8a8a8a; margin-top: -20px; } .mcStories .submitStory .after p:nth-child(2) { text-indent: 5px; } .mcStories .submitStory .after .Uploader { -webkit-border-radius: 4px; border-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-color: #8A8A8A; width: 100%; } .mcStories .submitStory .after label { color: #515151; display: block; margin-bottom: 6px; font-size: 14px; font-size: 1.4rem; line-height: 23px; } .mcStories .submitStory .after p.small a.extButton, .mcStories .submitStory .after p.hotLightIcon a.extButton, .mcStories .submitStory .after .formLayout p.EditingFormErrorLabel a.extButton, .formLayout .mcStories .submitStory .after p.EditingFormErrorLabel a.extButton, .mcStories .submitStory .after p.small a.backButton, .mcStories .submitStory .after p.hotLightIcon a.backButton, .mcStories .submitStory .after .formLayout p.EditingFormErrorLabel a.backButton, .formLayout .mcStories .submitStory .after p.EditingFormErrorLabel a.backButton, .mcStories .submitStory .after p.small .formLayout a.FormButton, .formLayout .mcStories .submitStory .after p.small a.FormButton, .mcStories .submitStory .after p.hotLightIcon .formLayout a.FormButton, .formLayout .mcStories .submitStory .after p.hotLightIcon a.FormButton, .mcStories .submitStory .after .formLayout p.EditingFormErrorLabel a.FormButton, .formLayout .mcStories .submitStory .after p.EditingFormErrorLabel a.FormButton { width: 50%; display: inline-block; margin-right: 15px; text-align: center; } .mcStories .submitStory .after p.small a.extButton:after, .mcStories .submitStory .after p.hotLightIcon a.extButton:after, .mcStories .submitStory .after .formLayout p.EditingFormErrorLabel a.extButton:after, .formLayout .mcStories .submitStory .after p.EditingFormErrorLabel a.extButton:after, .mcStories .submitStory .after p.small a.backButton:after, .mcStories .submitStory .after p.hotLightIcon a.backButton:after, .mcStories .submitStory .after .formLayout p.EditingFormErrorLabel a.backButton:after, .formLayout .mcStories .submitStory .after p.EditingFormErrorLabel a.backButton:after, .mcStories .submitStory .after p.small .formLayout a.FormButton:after, .formLayout .mcStories .submitStory .after p.small a.FormButton:after, .mcStories .submitStory .after p.hotLightIcon .formLayout a.FormButton:after, .formLayout .mcStories .submitStory .after p.hotLightIcon a.FormButton:after, .mcStories .submitStory .after .formLayout p.EditingFormErrorLabel a.FormButton:after, .formLayout .mcStories .submitStory .after p.EditingFormErrorLabel a.FormButton:after { content: ''; background-image: none; padding: 0; } .mcStories .submitStory .after small { display: block; padding-bottom: 5px; } .mcStories .submitStory .after .extButtonSubmit { width: 100%; position: relative; margin: 5px 0 0; } .mcStories .submitStory .after .extButtonSubmit:after { color: #d31145; content: '\e015'; font-size: 12px; font-size: 1.2rem; font-family: 'icomoon'; padding-left: 20px; position: absolute; top: 10px; right: 20px; } .mcStories .submitStory .after .extButtonSubmit:active:after, .mcStories .submitStory .after .extButtonSubmit:hover:after { color: #fff; } .mcStories .submitStory .after .extButtonSubmit input { margin-top: 30px; width: 100%; text-align: left; } .mcStories .submitStory .after label.extButton, .mcStories .submitStory .after label.backButton, .mcStories .submitStory .after .formLayout label.FormButton, .formLayout .mcStories .submitStory .after label.FormButton { width: 50%; display: inline-block; margin-right: 15px; text-align: center; } .mcStories .submitStory .after label.extButton:after, .mcStories .submitStory .after label.backButton:after, .mcStories .submitStory .after .formLayout label.FormButton:after, .formLayout .mcStories .submitStory .after label.FormButton:after { content: ''; background-image: none; padding: 0; } /* @end MOBILE */ .dotsSeparator { min-height: 18px; position: relative; text-align: center; margin: 20px 0; } .dotsSeparator:before { content: ''; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNXB4IiBoZWlnaHQ9IjI1cHgiIHZpZXdCb3g9IjAgMCAxMyAxMyI+PHN0eWxlPi5zdHlsZTB7ZmlsbDoJIzAwNzA0QTt9PC9zdHlsZT48Y2lyY2xlIGN4PSIxLjUiIGN5PSIxLjUiIHI9IjEuNSIgY2xhc3M9InN0eWxlMCIvPjxjaXJjbGUgY3g9IjgiIGN5PSI4IiByPSIxLjUiIGNsYXNzPSJzdHlsZTAiLz48L3N2Zz4=); background-size: 13px 13px; height: 18px; width: 100%; position: absolute; left: 0; top: 15px; z-index: -1; } .dotsSeparator.margined { margin-left: 10px; margin-right: 10px; } .dotsSeparator h4 { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; font-size: 20px; color: #00704a; display: inline-block; background-color: white; padding: 3px 6px; margin: 0; position: relative; } .dotsSeparator h2 { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; font-size: xlCopy; color: #00704a; display: inline-block; background-color: white; padding: 3px 6px; margin: 0; position: relative; max-width: 80%; } /************************************************************************************ DESKTOP *************************************************************************************/ /* @group DESKTOP */ /* @end DESKTOP */ /************************************************************************************ IE8 *************************************************************************************/ /* @group IE8 */ /*MOBILE*/ /*end .lt-ie9*/ /*DESKTOP*/ /* @end IE8 */ /* @end FUNDRAISING SUCCESS STORIES TAB */ /************************************************************************************ FUNDRAISING SUBMIT STORY TAB *************************************************************************************/ /* @group FUNDRAISING SUBMIT STORY */ /************************************************************************************ MOBILE *************************************************************************************/ /* @group MOBILE */ #fundraisingSubmitStory.mcStories { /*end .shareStory*/ } #fundraisingSubmitStory.mcStories .sidebar .extButton, #fundraisingSubmitStory.mcStories .sidebar .backButton, #fundraisingSubmitStory.mcStories .sidebar .formLayout .FormButton, .formLayout #fundraisingSubmitStory.mcStories .sidebar .FormButton, #fundraisingSubmitStory.mcStories .sidebar .submitStory .after .extButtonSubmit input, #fundraisingSubmitStory.mcStories .submitStory .after .extButtonSubmit .sidebar input { width: 60%; margin: 40px auto; } #fundraisingSubmitStory.mcStories .sidebar .extButton p, #fundraisingSubmitStory.mcStories .sidebar .backButton p, #fundraisingSubmitStory.mcStories .sidebar .formLayout .FormButton p, .formLayout #fundraisingSubmitStory.mcStories .sidebar .FormButton p, #fundraisingSubmitStory.mcStories .sidebar .submitStory .after .extButtonSubmit input p, #fundraisingSubmitStory.mcStories .submitStory .after .extButtonSubmit .sidebar input p { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #d31145; font-size: 1.75em; line-height: 1.25em; position: relative; margin: 0.5em auto 0 auto; } #fundraisingSubmitStory.mcStories .sidebar .extButton p a, #fundraisingSubmitStory.mcStories .sidebar .backButton p a, #fundraisingSubmitStory.mcStories .sidebar .formLayout .FormButton p a, .formLayout #fundraisingSubmitStory.mcStories .sidebar .FormButton p a, #fundraisingSubmitStory.mcStories .sidebar .submitStory .after .extButtonSubmit input p a, #fundraisingSubmitStory.mcStories .submitStory .after .extButtonSubmit .sidebar input p a { font-family: 'FilmotypeLucky', fantasy; font-weight: normal; font-size: 1.25em; line-height: 0.75em; padding: 10px 0 10px 0; display: block; } #fundraisingSubmitStory.mcStories .sidebar .extButton p a:hover, #fundraisingSubmitStory.mcStories .sidebar .backButton p a:hover, #fundraisingSubmitStory.mcStories .sidebar .formLayout .FormButton p a:hover, .formLayout #fundraisingSubmitStory.mcStories .sidebar .FormButton p a:hover, #fundraisingSubmitStory.mcStories .sidebar .submitStory .after .extButtonSubmit input p a:hover, #fundraisingSubmitStory.mcStories .submitStory .after .extButtonSubmit .sidebar input p a:hover { color: #fff; } #fundraisingSubmitStory.mcStories .sidebar .extButton p:after, #fundraisingSubmitStory.mcStories .sidebar .backButton p:after, #fundraisingSubmitStory.mcStories .sidebar .formLayout .FormButton p:after, .formLayout #fundraisingSubmitStory.mcStories .sidebar .FormButton p:after, #fundraisingSubmitStory.mcStories .sidebar .submitStory .after .extButtonSubmit input p:after, #fundraisingSubmitStory.mcStories .submitStory .after .extButtonSubmit .sidebar input p:after { content: ''; font-family: 'icomoon'; content: '\27'; color: #d31145; font-size: 36px; display: inline-block; width: 16px; height: 30px; background-size: 16px 30px; position: absolute; left: 45%; bottom: -30px; } #fundraisingSubmitStory.mcStories .sidebar .extButton:after, #fundraisingSubmitStory.mcStories .sidebar .backButton:after, #fundraisingSubmitStory.mcStories .sidebar .formLayout .FormButton:after, .formLayout #fundraisingSubmitStory.mcStories .sidebar .FormButton:after, #fundraisingSubmitStory.mcStories .sidebar .submitStory .after .extButtonSubmit input:after, #fundraisingSubmitStory.mcStories .submitStory .after .extButtonSubmit .sidebar input:after { content: ''; } #fundraisingSubmitStory.mcStories .sidebar .extButton:hover, #fundraisingSubmitStory.mcStories .sidebar .backButton:hover, #fundraisingSubmitStory.mcStories .sidebar .formLayout .FormButton:hover, .formLayout #fundraisingSubmitStory.mcStories .sidebar .FormButton:hover, #fundraisingSubmitStory.mcStories .sidebar .submitStory .after .extButtonSubmit input:hover, #fundraisingSubmitStory.mcStories .submitStory .after .extButtonSubmit .sidebar input:hover { color: #fff; } #fundraisingSubmitStory.mcStories .sidebar .extButton:hover p, #fundraisingSubmitStory.mcStories .sidebar .backButton:hover p, #fundraisingSubmitStory.mcStories .sidebar .formLayout .FormButton:hover p, .formLayout #fundraisingSubmitStory.mcStories .sidebar .FormButton:hover p, #fundraisingSubmitStory.mcStories .sidebar .submitStory .after .extButtonSubmit input:hover p, #fundraisingSubmitStory.mcStories .submitStory .after .extButtonSubmit .sidebar input:hover p, #fundraisingSubmitStory.mcStories .sidebar .extButton:hover a, #fundraisingSubmitStory.mcStories .sidebar .backButton:hover a, #fundraisingSubmitStory.mcStories .sidebar .formLayout .FormButton:hover a, .formLayout #fundraisingSubmitStory.mcStories .sidebar .FormButton:hover a, #fundraisingSubmitStory.mcStories .sidebar .submitStory .after .extButtonSubmit input:hover a, #fundraisingSubmitStory.mcStories .submitStory .after .extButtonSubmit .sidebar input:hover a { color: #fff; } #fundraisingSubmitStory.mcStories .shareStory { /*end h3*/ } #fundraisingSubmitStory.mcStories .shareStory h3 { margin-top: 10px; line-height: 0.9em; } #fundraisingSubmitStory.mcStories .shareStory h3 .pageSubheadFancy { border: none; line-height: 0.5em; } #fundraisingSubmitStory.mcStories .shareStory h3 span:last-child { display: inline-block; background-color: #fff; padding: 0 5px; } #fundraisingSubmitStory.mcStories .shareStory h3:before { content: ''; display: block; background-color: #eeead9; height: 4px; width: 80%; position: absolute; bottom: 15px; left: 10%; z-index: -1; } /*end #fundraisingSubmitStory.mcStories*/ /* @end MOBILE */ @media only screen and (min-width: 720px) { .mcStories { /*end .introSection */ /*end sidebar*/ /*end .mainContent*/ /*end .shareStory*/ /*end .submitStory*/ } .mcStories .pageHeaderFancy.onlyGrande { margin-bottom: 22px; } .mcStories .introSection { z-index: 0; display: inline-block; width: 100%; /*end .introContainer*/ } .mcStories .introSection .introContainer.onlyGrande { position: relative; z-index: 1; } .mcStories .introSection .introContainer.onlyGrande.headerGradient:before { content: ''; background-image: url(../img/gradientm.jpg); background-repeat: no-repeat; background-size: 1280px auto; background-position: center bottom; position: absolute; width: 1280px; height: 300px; margin: 0 -180px; } .mcStories .introSection .introContainer.onlyGrande .introPicture { width: 36.5%; height: auto; display: block; position: absolute; overflow: hidden; border: 6px solid #f5f2e7; -webkit-border-radius: 50%; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; box-shadow: 10px 10px 8px rgba(0, 0, 0, 0.2); transition: all 0.3s ease-in-out 0s; } .mcStories .introSection .introContainer.onlyGrande .introPicture img { width: 100%; height: auto; -webkit-border-radius: 50%; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } .mcStories .introSection .introContainer.onlyGrande .introPicture .grandeImg { position: absolute; left: 50%; width: 100%; margin-left: -50%; top: 0; z-index: 1; } .mcStories .introSection .introContainer.onlyGrande .introPicture .grandeImg img { width: 100%; height: auto; } .mcStories .introSection .introContainer.onlyGrande .slideNavigation { position: relative; display: block; margin: 0 -20px; } .mcStories .introSection .introContainer.onlyGrande .slideNavigation .slidePrev, .mcStories .introSection .introContainer.onlyGrande .slideNavigation .slideNext { z-index: 99; top: 170px; } .mcStories .introSection .intro { margin: 0 50px 8% 45%; padding-top: 73px; z-index: 10; position: relative; } .mcStories .introSection .intro .lucky, .mcStories .introSection .intro .promoPointer p span, .promoPointer p .mcStories .introSection .intro span, .mcStories .introSection .intro .shareStory .container h3 span.pageSubheadFancy, .mcStories .shareStory .container h3 .introSection .intro span.pageSubheadFancy { z-index: 50 !important; color: #00704a; font-size: 3em; margin-right: -50px; position: relative; } .mcStories .introSection .intro .lucky.star:before, .mcStories .introSection .intro .promoPointer p span.star:before, .promoPointer p .mcStories .introSection .intro span.star:before, .mcStories .introSection .intro .shareStory .container h3 span.star.pageSubheadFancy:before, .mcStories .shareStory .container h3 .introSection .intro span.star.pageSubheadFancy:before { content: ''; background-image: url(data:image/png;base64,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); background-size: 123px 127px; background-repeat: no-repeat; background-position: center center; position: absolute; display: inline-block; width: 66px; height: 66px; top: -15px; left: -33px; z-index: -1; background-size: 100%; } .mcStories .introSection .intro h3 { line-height: 1.325em; padding-bottom: 10px; z-index: 50 !important; } .mcStories .sidebar { /*background-color: honeydew;*/ padding-right: 40px; width: 45%; float: left; display: block; margin-top: 11px; position: relative; } .mcStories .sidebar .imageButton { display: block; } .mcStories .sidebar .imageButton a { max-width: 100%; } .mcStories .sidebar .imageButton img { width: 100%; height: auto; } .mcStories .sidebar .imageButton span { position: absolute; left: -9999px; } .mcStories .sidebar dl.listing { margin: 30px 0 0 15px; position: relative; } .mcStories .sidebar dl.listing dt { font-family: 'FrutigerLTCom-Bold', sans-serif; font-weight: normal; font-size: 0.8em; padding-bottom: 5px; } .mcStories .sidebar dl.listing dd { font-family: 'BebasRegular'; font-weight: normal; word-spacing: 3px; color: #00704a; font-size: 1.5em; } .mcStories .sidebar dl.listing dd:before { content: ''; font-family: 'icomoon'; color: #00704a; position: absolute; left: 5px; padding-top: 2px; transform: scale(1.25); } .mcStories .sidebar dl.listing dd:after { content: ''; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9IjAgMCAxMyAxMyI+PHN0eWxlPi5zdHlsZTB7ZmlsbDoJIzAwNzA0QTt9PC9zdHlsZT48Y2lyY2xlIGN4PSIzIiBjeT0iMyIgcj0iMyIgY2xhc3M9InN0eWxlMCIvPjwvc3ZnPg==); background-size: 7px 7px; height: 6px; width: 100%; margin: 20px 0 20px -40px; display: inline-block; } .mcStories .sidebar dl.listing dd:last-child:after { display: none; } .mcStories .sidebar dl.listing dd.who:before { content: '\24'; } .mcStories .sidebar dl.listing dd.where:before { content: '\e031'; left: 10px; } .mcStories .mainContent { /*display: inline-block;*/ margin: 0; /*end article*/ /*end .comments*/ } .mcStories .mainContent article, .mcStories .mainContent .comments { margin-left: 45%; } .mcStories .mainContent article p { font-size: 1.12em; line-height: 1.275em; margin-bottom: 1.3em; } .mcStories .mainContent .comments { margin: 0; /*end .comments article*/ } .mcStories .mainContent .comments article { margin-right: 0; } .mcStories .mainContent .comments article > a.toggler { padding-top: 12px; } .mcStories .mainContent .comments article ul { margin-top: 0; } .mcStories .mainContent .comments article ul li { padding-bottom: 10px; } .mcStories .mainContent .comments article ul li p { line-height: 1.275em; } .mcStories .shareStory { border-top: none; } .mcStories .shareStory .container h3 { padding-right: 0px; margin: 0 5% 0 0; width: 45%; float: left; display: inline-block; font-size: 4.5em; line-height: 0.25em; } .mcStories .shareStory .container h3 span.pageSubheadFancy { margin-top: 0; } .mcStories .shareStory .container h3 span.pageSubheadFancy:last-child { margin-top: 48px; } .mcStories .shareStory .container h3 span.pageSubheadFancy:last-child:after { width: 30px; height: 70px; background-size: 30px 70px; bottom: -45px; } .mcStories .shareStory p { margin-left: 50%; } .mcStories .submitStory { margin: 0 20px 20px 20px; padding-bottom: 35px; } .mcStories .submitStory .formfields { position: relative; padding-top: 40px; } .mcStories .submitStory .formfields .formPair { width: 45%; /*&:nth-child(1), &:nth-child(2), &:nth-child(3) { width: 45%; }*/ /*&:nth-child(4), &:nth-child(5) { width: 20%; float: left; }*/ /*&:nth-child(4) { margin-right: 2.5%; } &:nth-child(5) { margin-left: 2.5%; }*/ /*&:nth-child(6) { width: 50%; padding: 40px 20px 0 0; position: absolute; top: 0; right: 0; textarea { height: 196px; } }*/ } .mcStories .submitStory .formfields .formPair.half { width: 20%; float: left; } .mcStories .submitStory .formfields .formPair.half.leftone { margin-right: 2.5%; } .mcStories .submitStory .formfields .formPair.half.rightone { margin-left: 2.5%; } .mcStories .submitStory .formfields .formPair.block { width: 50%; padding: 40px 20px 0 0; position: absolute; top: 0; right: 0; } .mcStories .submitStory .formfields .formPair.block textarea { height: 180px; } .mcStories .submitStory .after { width: 47.5%; float: right; padding-left: 0; } .mcStories .submitStory .after p { margin-left: 0; } .mcStories .submitStory .after p:nth-child(2) { font-size: 0.9em; line-height: 1.35em; width: 50%; } .mcStories .submitStory .after label.extButton, .mcStories .submitStory .after label.backButton, .mcStories .submitStory .after .formLayout label.FormButton, .formLayout .mcStories .submitStory .after label.FormButton { width: 40%; margin-top: 20px; } .mcStories .submitStory .after .extButtonSubmit { float: right; width: 40%; } .mcStories .submitStory .after .extButtonSubmit input { margin-top: 0px; text-align: center; float: right; } .mcStories .submitStory .after .extButtonSubmit:after { content: ''; } /*end .mcStories*/ .dotsSeparator { margin: 40px 0; } .dotsSeparator.tight { margin-bottom: 10px; } .dotsSeparator h2 { font-size: 30px; font-size: 3rem; } .lt-ie9 .mcStories .pageHeaderFancy:before { background-image: url(../img/svgFallback/dot.png); top: 30px; } .lt-ie9 .mcStories .dotsSeparator { background-image: url(../img/svgFallback/dotsS.png); } .lt-ie9 .mcStories .slideNext:before, .lt-ie9 .mcStories .slidePrev:before { margin: 0 0 0 20px; } .lt-ie9 .mcStories .sidebar dl.listing dd:after { background-image: url(../img/svgFallback/dot.png); } .lt-ie9 .mcStories .shareStory .container h3 span + span.pageSubheadFancy { margin-top: 35px; font-size: 0.8em; } .lt-ie9 .mcStories#fundraisingSubmitStory .submitStory .after, .lt-ie9 .mcStories .submitStory .submitStoryForm .after { margin-top: -75px; } /*end .lt-ie9*/ .submitStoryForm { -webkit-border-radius: 4px; border-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .mcStories .moreStories .pagination .PagerNumberArea > span { min-width: 30px; } .mcStories .moreStories figure { display: inline-block; float: left; width: 29%; margin-left: 6.5%; } .mcStories .moreStories figure:first-child { margin-left: 0; } .mcStories .moreStories figure > a { width: 100%; display: block; position: relative; overflow: hidden; border: 6px solid #f4f3ef; -webkit-border-radius: 50%; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; -moz-background-clip: padding; /* Firefox 3.6 */ -webkit-background-clip: padding; /* Safari 4? Chrome 6? */ background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ } .mcStories .moreStories figure img { width: 100%; height: auto; -webkit-border-radius: 50%; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } .mcStories .moreStories figure .grandeImg { position: absolute; width: 100%; left: 50%; margin-left: -50%; top: 0; } .mcStories .moreStories figure .grandeImg img { width: 100%; height: auto; } .mcStories .introSection .intro h3 { min-height: 95px; } #fundraisingSubmitStory.mcStories { /*end .shareStory*/ /*end .submitStory*/ } #fundraisingSubmitStory.mcStories .introSection .intro { margin-right: 6%; } #fundraisingSubmitStory.mcStories .sidebar .extButton, #fundraisingSubmitStory.mcStories .sidebar .backButton, #fundraisingSubmitStory.mcStories .sidebar .formLayout .FormButton, .formLayout #fundraisingSubmitStory.mcStories .sidebar .FormButton, #fundraisingSubmitStory.mcStories .sidebar .submitStory .after .extButtonSubmit input, #fundraisingSubmitStory.mcStories .submitStory .after .extButtonSubmit .sidebar input { margin: 0 auto 0 15%; } #fundraisingSubmitStory.mcStories aside.moreStories .pagination { margin-bottom: 0; } #fundraisingSubmitStory.mcStories .shareStory { margin-top: 60px; /*end h3*/ } #fundraisingSubmitStory.mcStories .shareStory h3:before { bottom: 20px; } #fundraisingSubmitStory.mcStories .shareStory h3:after { content: ''; font-family: 'icomoon'; content: '\27'; color: #d31145; font-size: 36px; display: inline-block; width: 18px; height: 37px; background-size: 18px 37px; position: absolute; left: 47%; bottom: -68px; } #fundraisingSubmitStory.mcStories .submitStory .formfields .formPair { width: 42.5%; } #fundraisingSubmitStory.mcStories .submitStory .formfields .formPair.block { width: 47.5%; padding: 40px 20px 0 0; position: absolute; top: 0; right: 0; } #fundraisingSubmitStory.mcStories .submitStory .formfields .formPair.block textarea { height: 120px; } #fundraisingSubmitStory.mcStories .submitStory .after { padding: 20px 20px 0; margin-top: -95px; } #fundraisingSubmitStory.mcStories .submitStory .after p { margin-left: 0; } #fundraisingSubmitStory.mcStories .submitStory .after label.extButton, #fundraisingSubmitStory.mcStories .submitStory .after label.backButton, #fundraisingSubmitStory.mcStories .submitStory .after .formLayout label.FormButton, .formLayout #fundraisingSubmitStory.mcStories .submitStory .after label.FormButton { width: 20%; } #fundraisingSubmitStory.mcStories .imageButton.endOfPage { display: inline-block; margin-bottom: 25px; } #fundraisingSubmitStory.mcStories .imageButton.endOfPage img { width: 100%; height: auto; } #fundraisingSubmitStory.mcStories .imageButton.endOfPage span { position: absolute; left: -9999px; } /*end .mcStories*/ } /*handle some responsive quirks*/ @media screen and (min-width: 821px) and (max-width: 882px) { /*h2 {background-color: orange;}*/ .mcStories .introSection .introContainer.onlyGrande.headerGradient:before { width: 960px; height: 275px; margin: 0 -50px; } .mcStories .introSection .introContainer.onlyGrande .slideNavigation .slidePrev, .mcStories .introSection .introContainer.onlyGrande .slideNavigation .slideNext { top: 150px; } .mcStories .introSection .intro .lucky, .mcStories .introSection .intro .promoPointer p span, .promoPointer p .mcStories .introSection .intro span, .mcStories .introSection .intro .shareStory .container h3 span.pageSubheadFancy, .mcStories .shareStory .container h3 .introSection .intro span.pageSubheadFancy { font-size: 2.25em; } .mcStories .introSection .intro .lucky.star:before, .mcStories .introSection .intro .promoPointer p span.star:before, .promoPointer p .mcStories .introSection .intro span.star:before, .mcStories .introSection .intro .shareStory .container h3 span.star.pageSubheadFancy:before, .mcStories .shareStory .container h3 .introSection .intro span.star.pageSubheadFancy:before { width: 50px; height: 50px; left: -25px; } .mcStories .introSection .intro h3 { font-size: 2.1em; line-height: 1.3em; } } @media screen and (min-width: 720px) and (max-width: 820px) { /*h2 {background-color: yellow;}*/ .mcStories .introSection .introContainer.onlyGrande.headerGradient:before { width: 820px; height: 240px; margin: 0 -20px; } .mcStories .introSection .introContainer.onlyGrande .slideNavigation .slidePrev, .mcStories .introSection .introContainer.onlyGrande .slideNavigation .slideNext { top: 130px; } .mcStories .introSection .intro .lucky, .mcStories .introSection .intro .promoPointer p span, .promoPointer p .mcStories .introSection .intro span, .mcStories .introSection .intro .shareStory .container h3 span.pageSubheadFancy, .mcStories .shareStory .container h3 .introSection .intro span.pageSubheadFancy { font-size: 2em; } .mcStories .introSection .intro .lucky.star:before, .mcStories .introSection .intro .promoPointer p span.star:before, .promoPointer p .mcStories .introSection .intro span.star:before, .mcStories .introSection .intro .shareStory .container h3 span.star.pageSubheadFancy:before, .mcStories .shareStory .container h3 .introSection .intro span.star.pageSubheadFancy:before { width: 50px; height: 50px; left: -25px; } .mcStories .introSection .intro h3 { font-size: 1.75em; line-height: 1.25em; } .mcStories .submitStory .after .extButtonSubmit { width: 40%; } .mcStories .submitStory .formfields .formPair.half label { width: 75%; display: inline-block; } } /* ========================================================================== Helper classes ========================================================================== */ .ir, .logo, .getSocialWithUs, .socialCallout h1, .marqueeSecondarySlides .content h3, .slidesNav li a, .pageHeader h1 a { font: 0/0 a; text-shadow: none; color: transparent; display: block; text-indent: -1400px; position: relative; } .onlyGrande { display: none; } .onlyGrande.myKKDLink.notMyKKD { display: none; } .onlyGrandeInlineBlock { display: none; } .onlyTall, .noOnline .onlyTall { display: block; } .toggleContent, .remoteToggleContent { display: none; } .toggleContent.active, .remoteToggleContent.active { display: block; } .toggler .close, .remoteToggler .close { display: none; } .toggler.active .close, .remoteToggler.active .close { display: block; } .toggler.active .open, .remoteToggler.active .open { display: none; } .active > .toggler .close { display: block; } .active > .toggler .open { display: none; } .active > .toggleContent { display: block; } .center { text-align: center; } .clear { clear: both; } .left { float: left; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, #tints:before, .offerSignup:before, .socialCallout:before, .socialCallout .socialIcons:before, .types ul li:before, .varieties ul li:before, .formLayout .formRow:before, .pageFooter #footerSecondaryContent:before, .ourStory:before, .clearfix:after, #tints:after, .offerSignup:after, .socialCallout:after, .socialCallout .socialIcons:after, .types ul li:after, .varieties ul li:after, .formLayout .formRow:after, .pageFooter #footerSecondaryContent:after, .ourStory:after { content: " "; display: table; } .clearfix:after, #tints:after, .offerSignup:after, .socialCallout:after, .socialCallout .socialIcons:after, .types ul li:after, .varieties ul li:after, .formLayout .formRow:after, .pageFooter #footerSecondaryContent:after, .ourStory:after { clear: both; } .clearfix, #tints, .offerSignup, .socialCallout, .socialCallout .socialIcons, .types ul li, .varieties ul li, .formLayout .formRow, .pageFooter #footerSecondaryContent, .ourStory { *zoom: 1; } /* ========================================================================== Print styles ========================================================================== */ @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* Don't show links for images, or javascript/internal links */ .ir a:after, .logo a:after, .getSocialWithUs a:after, .socialCallout h1 a:after, .marqueeSecondarySlides .content h3 a:after, .slidesNav li a a:after, .pageHeader h1 a a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } 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; } } @media only screen and (min-width: 720px) { .onlyGrande { display: block; } .onlyGrandeInlineBlock { display: inline-block; } .onlyTall, .noOnline .onlyTall, .primaryNav .menuParent .menuSubWrap ul li.onlyTall, .primaryNav .menuParent .menuSubWrap .secondarySiteLinks li.onlyTall, .primaryNav .primarySiteLinks > ul > li.onlyTall { display: none; } .onlyTall.myKKD.notMyKKD, .onlyTall.notMyKKD.myKKDName, .noOnline .onlyTall.myKKD.notMyKKD, .noOnline .onlyTall.notMyKKD.myKKDName, .primaryNav .menuParent .menuSubWrap ul li.onlyTall.myKKD.notMyKKD, .primaryNav .menuParent .menuSubWrap ul li.onlyTall.notMyKKD.myKKDName, .primaryNav .menuParent .menuSubWrap .secondarySiteLinks li.onlyTall.myKKD.notMyKKD, .primaryNav .menuParent .menuSubWrap .secondarySiteLinks li.onlyTall.notMyKKD.myKKDName, .primaryNav .primarySiteLinks > ul > li.onlyTall.myKKD.notMyKKD, .primaryNav .primarySiteLinks > ul > li.onlyTall.notMyKKD.myKKDName { display: none; } .toggleContent, .remoteToggleContent { display: none; } .toggleContent.tallToggle, .remoteToggleContent.tallToggle { display: block; } .tabContent { display: none; } .tabContent.active { display: block; } }