CINXE.COM

<!doctype html><html ⚡ lang="en" i-amphtml-layout i-amphtml-no-boilerplate transformed="self;v=1"><head><meta data-auto charset="utf-8"><style amp-runtime i-amphtml-version="012007040248002">html{overflow-x:hidden!important}html.i-amphtml-fie{height:100%!important;width:100%!important}html:not([amp4ads]),html:not([amp4ads]) body{height:auto!important}html:not([amp4ads]) body{margin:0!important}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}html.i-amphtml-singledoc.i-amphtml-embedded{-ms-touch-action:pan-y;touch-action:pan-y}html.i-amphtml-fie>body,html.i-amphtml-singledoc>body{overflow:visible!important}html.i-amphtml-fie:not(.i-amphtml-inabox)>body,html.i-amphtml-singledoc:not(.i-amphtml-inabox)>body{position:relative!important}html.i-amphtml-webview>body{overflow-x:hidden!important;overflow-y:visible!important;min-height:100vh!important}html.i-amphtml-ios-embed-legacy>body{overflow-x:hidden!important;overflow-y:auto!important;position:absolute!important}html.i-amphtml-ios-embed{overflow-y:auto!important;position:static}#i-amphtml-wrapper{overflow-x:hidden!important;overflow-y:auto!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;margin:0!important;display:block!important}html.i-amphtml-ios-embed.i-amphtml-ios-overscroll,html.i-amphtml-ios-embed.i-amphtml-ios-overscroll>#i-amphtml-wrapper{-webkit-overflow-scrolling:touch!important}#i-amphtml-wrapper>body{position:relative!important;border-top:1px solid transparent!important}#i-amphtml-wrapper+body{visibility:visible}#i-amphtml-wrapper+body .i-amphtml-lightbox-element,#i-amphtml-wrapper+body[i-amphtml-lightbox]{visibility:hidden}#i-amphtml-wrapper+body[i-amphtml-lightbox] .i-amphtml-lightbox-element{visibility:visible}#i-amphtml-wrapper.i-amphtml-scroll-disabled,.i-amphtml-scroll-disabled{overflow-x:hidden!important;overflow-y:hidden!important}amp-instagram{padding:54px 0px 0px!important;background-color:#fff}amp-iframe iframe{box-sizing:border-box!important}[amp-access][amp-access-hide]{display:none}[subscriptions-dialog],body:not(.i-amphtml-subs-ready) [subscriptions-action],body:not(.i-amphtml-subs-ready) [subscriptions-section]{display:none!important}amp-experiment,amp-live-list>[update]{display:none}.i-amphtml-jank-meter{position:fixed;background-color:rgba(232,72,95,0.5);bottom:0;right:0;color:#fff;font-size:16px;z-index:1000;padding:5px}amp-list[resizable-children]>.i-amphtml-loading-container.amp-hidden{display:none!important}amp-list [fetch-error],amp-list[load-more] [load-more-button],amp-list[load-more] [load-more-end],amp-list[load-more] [load-more-failed],amp-list[load-more] [load-more-loading]{display:none}amp-list[diffable] div[role=list]{display:block}amp-story-page,amp-story[standalone]{min-height:1px!important;display:block!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;width:100%!important}amp-story[standalone]{background-color:#202125!important;position:relative!important}amp-story-page{background-color:#757575}amp-story .amp-active>div,amp-story .i-amphtml-loader-background{display:none!important}amp-story-page:not(:first-of-type):not([distance]):not([active]){transform:translateY(1000vh)!important}amp-autocomplete{position:relative!important;display:inline-block!important}amp-autocomplete>input,amp-autocomplete>textarea{padding:0.5rem;border:1px solid rgba(0,0,0,0.33)}.i-amphtml-autocomplete-results,amp-autocomplete>input,amp-autocomplete>textarea{font-size:1rem;line-height:1.5rem}[amp-fx^=fly-in]{visibility:hidden} /*# sourceURL=/css/ampdoc.css*/[hidden]{display:none!important}.i-amphtml-element{display:inline-block}.i-amphtml-blurry-placeholder{transition:opacity 0.3s cubic-bezier(0.0,0.0,0.2,1)!important;pointer-events:none}[layout=nodisplay]:not(.i-amphtml-element){display:none!important}.i-amphtml-layout-fixed,[layout=fixed][width][height]:not(.i-amphtml-layout-fixed){display:inline-block;position:relative}.i-amphtml-layout-responsive,[layout=responsive][width][height]:not(.i-amphtml-layout-responsive),[width][height][heights]:not([layout]):not(.i-amphtml-layout-responsive),[width][height][sizes]:not([layout]):not(.i-amphtml-layout-responsive){display:block;position:relative}.i-amphtml-layout-intrinsic,[layout=intrinsic][width][height]:not(.i-amphtml-layout-intrinsic){display:inline-block;position:relative;max-width:100%}.i-amphtml-layout-intrinsic .i-amphtml-sizer{max-width:100%}.i-amphtml-intrinsic-sizer{max-width:100%;display:block!important}.i-amphtml-layout-container,.i-amphtml-layout-fixed-height,[layout=container],[layout=fixed-height][height]:not(.i-amphtml-layout-fixed-height){display:block;position:relative}.i-amphtml-layout-fill,[layout=fill]:not(.i-amphtml-layout-fill){display:block;overflow:hidden!important;position:absolute;top:0;left:0;bottom:0;right:0}.i-amphtml-layout-flex-item,[layout=flex-item]:not(.i-amphtml-layout-flex-item){display:block;position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.i-amphtml-layout-fluid{position:relative}.i-amphtml-layout-size-defined{overflow:hidden!important}.i-amphtml-layout-awaiting-size{position:absolute!important;top:auto!important;bottom:auto!important}i-amphtml-sizer{display:block!important}.i-amphtml-blurry-placeholder,.i-amphtml-fill-content{display:block;height:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;margin:auto}.i-amphtml-layout-size-defined .i-amphtml-fill-content{position:absolute;top:0;left:0;bottom:0;right:0}.i-amphtml-replaced-content,.i-amphtml-screen-reader{padding:0!important;border:none!important}.i-amphtml-screen-reader{position:fixed!important;top:0px!important;left:0px!important;width:4px!important;height:4px!important;opacity:0!important;overflow:hidden!important;margin:0!important;display:block!important;visibility:visible!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:8px!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:12px!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:16px!important}.i-amphtml-unresolved{position:relative;overflow:hidden!important}.i-amphtml-select-disabled{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.i-amphtml-notbuilt,[layout]:not(.i-amphtml-element),[width][height][heights]:not([layout]):not(.i-amphtml-element),[width][height][sizes]:not([layout]):not(.i-amphtml-element){position:relative;overflow:hidden!important;color:transparent!important}.i-amphtml-notbuilt:not(.i-amphtml-layout-container)>*,[layout]:not([layout=container]):not(.i-amphtml-element)>*,[width][height][heights]:not([layout]):not(.i-amphtml-element)>*,[width][height][sizes]:not([layout]):not(.i-amphtml-element)>*{display:none}.i-amphtml-notbuilt:not(.i-amphtml-layout-container),[layout]:not([layout=container]):not(.i-amphtml-element),[width][height][heights]:not([layout]):not(.i-amphtml-element),[width][height][sizes]:not([layout]):not(.i-amphtml-element){color:transparent!important;line-height:0!important}.i-amphtml-ghost{visibility:hidden!important}.i-amphtml-element>[placeholder],[layout]:not(.i-amphtml-element)>[placeholder],[width][height][heights]:not([layout]):not(.i-amphtml-element)>[placeholder],[width][height][sizes]:not([layout]):not(.i-amphtml-element)>[placeholder]{display:block}.i-amphtml-element>[placeholder].amp-hidden,.i-amphtml-element>[placeholder].hidden{visibility:hidden}.i-amphtml-element:not(.amp-notsupported)>[fallback],.i-amphtml-layout-container>[placeholder].amp-hidden,.i-amphtml-layout-container>[placeholder].hidden{display:none}.i-amphtml-layout-size-defined>[fallback],.i-amphtml-layout-size-defined>[placeholder]{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:1}.i-amphtml-notbuilt>[placeholder]{display:block!important}.i-amphtml-hidden-by-media-query{display:none!important}.i-amphtml-element-error{background:red!important;color:#fff!important;position:relative!important}.i-amphtml-element-error:before{content:attr(error-message)}i-amp-scroll-container,i-amphtml-scroll-container{position:absolute;top:0;left:0;right:0;bottom:0;display:block}i-amp-scroll-container.amp-active,i-amphtml-scroll-container.amp-active{overflow:auto;-webkit-overflow-scrolling:touch}.i-amphtml-loading-container{display:block!important;pointer-events:none;z-index:1}.i-amphtml-notbuilt>.i-amphtml-loading-container{display:block!important}.i-amphtml-loading-container.amp-hidden{visibility:hidden}.i-amphtml-element>[overflow]{cursor:pointer;position:relative;z-index:2;visibility:hidden;display:initial;line-height:normal}.i-amphtml-element>[overflow].amp-visible{visibility:visible}template{display:none!important}.amp-border-box,.amp-border-box *,.amp-border-box :after,.amp-border-box :before{box-sizing:border-box}amp-pixel{display:none!important}amp-analytics,amp-story-auto-ads{position:fixed!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;visibility:hidden}html.i-amphtml-fie>amp-analytics{position:initial!important}[visible-when-invalid]:not(.visible),form [submit-error],form [submit-success],form [submitting]{display:none}amp-accordion{display:block!important}amp-accordion>section{float:none!important}amp-accordion>section>*{float:none!important;display:block!important;overflow:hidden!important;position:relative!important}amp-accordion,amp-accordion>section{margin:0}amp-accordion>section>:last-child{display:none!important}amp-accordion>section[expanded]>:last-child{display:block!important} /*# sourceURL=/css/ampshared.css*/</style><meta name="amp-google-client-id-api" content="googleanalytics"><meta name="msapplication-TileColor" content="#ffffff"><meta name="msapplication-TileImage" content="/ms-icon-144x144.png"><meta name="theme-color" content="#ffffff"><meta data-auto name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"><link rel="dns-prefetch preconnect" href="https://fonts.gstatic.com" crossorigin><link rel="preload" href="https://cdn.ampproject.org/v0.js" as="script"><script data-auto async src="https://cdn.ampproject.org/v0.js"></script><script async src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js" custom-element="amp-sidebar"></script><script async src="https://cdn.ampproject.org/v0/amp-mustache-0.2.js" custom-template="amp-mustache"></script><script async src="https://cdn.ampproject.org/v0/amp-list-0.1.js" custom-element="amp-list"></script><script async src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js" custom-element="amp-analytics"></script><link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="preload" href="img/logo-nav.png" as="image" data-hero><link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700" rel="stylesheet"><title>cAMPmor - AMP e-commerce demo</title><link rel="canonical" href="http://camp.samples.amp.dev/"><style amp-custom>*{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}article,aside,footer,header,main,nav,section{display:block}main{max-width:1280px;margin:3.5rem auto 0}body{background:#fff;color:#222;font-family:Cardo,serif;min-width:315px;overflow-x:hidden;font-smooth:always;-webkit-font-smoothing:antialiased;font-size:.94rem;line-height:normal}body,p{margin:0}p{padding:0}pre{font-family:monospace,monospace;font-size:1em}a{text-decoration:none;background-color:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}a,a:active,a:visited{color:inherit}b,strong{font-weight:inherit;font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}textarea{overflow:auto}h1{font-size:3.5rem;line-height:3.5rem}h2{font-size:2.2rem;line-height:2.5rem}h3{font-size:1.75rem;line-height:2rem}h4{font-size:1.38rem;line-height:1.5rem}h5{font-size:1.125rem;line-height:1.125rem}h6{font-size:1rem;line-height:1rem}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:400;letter-spacing:.06rem}ul{list-style:none;margin:0;padding-left:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;background:none;color:#666}.sans-big,h1,h2,h3,h4,h5,h6{line-height:normal;letter-spacing:normal;font-family:Open Sans Condensed,sans-serif;text-transform:uppercase;font-weight:700;color:#000}hr{-webkit-box-sizing:content-box;box-sizing:content-box;overflow:visible;width:calc(100% + 3rem);height:1px;background-color:#f3f3f3;border:none;margin:0 -1.5rem}dd:after{content:"";display:block}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px [type=search]}[type=search] ::-webkit-search-cancel-button,[type=search] [type=search]::-webkit-search-decoration{-webkit-appearance:none}.button{display:inline-block;background-color:#222;border:1px solid #fff;font-size:.8rem;font-family:Open Sans Condensed,sans-serif;font-weight:700;padding:.5rem 2rem;line-height:1.125rem;text-transform:uppercase;-webkit-transition:background-color .2s ease-in,color .2s ease-in;-o-transition:background-color .2s ease-in,color .2s ease-in;transition:background-color .2s ease-in,color .2s ease-in;white-space:nowrap;vertical-align:middle;cursor:pointer}.button,.button:visited{color:#fff}.button:active,.button:focus{opacity:.8}.button[disabled],.button[disabled]:active,.button[disabled]:focus,.button[disabled]:hover{opacity:.5;outline:0;cursor:default}.button.no-transition{-webkit-transition:none;-o-transition:none;transition:none}.amp-mode-mouse .button:hover,.button-white{background-color:#fff;color:#222}.amp-mode-mouse .button-white:hover{background-color:#222;color:#fff}.button-white{border-color:#222}.button-white:visited{color:#222}.close-button{display:inline-block;color:#f88}.input-container{width:100%;min-width:100px;font-size:1rem;line-height:1.5rem}.input-container input::-webkit-input-placeholder{font-size:.94rem;font-family:Open Sans Condensed,sans-serif;color:#222;font-weight:700;text-transform:uppercase}.input-container input::-webkit-input-placeholder,.input-container input::placeholder,.input-container input[type=email],.input-container input[type=text],.input-container label,.input-container textarea{font-size:.94rem;font-family:Open Sans Condensed,sans-serif;color:#222;font-weight:700;text-transform:uppercase}.input-container input[type=email],.input-container input[type=text]{margin-top:1.5rem}.input-container [disabled],.input-container [disabled]+label{opacity:.5}.input-container [disabled]:focus{outline:0}.input-container>label:after{height:1px;background:#f3f3f3}.input-container>input,.input-container>select,.input-container>textarea{width:100%;margin-top:1rem;line-height:1.5rem;border:0;border-radius:0;background:none;outline:0}.input-container>input,.input-container>textarea{border-bottom:1px dashed #f3f3f3;color:#222}.input-container>select{border-bottom:1px solid #4a4a4a;color:#4a4a4a}.input-container>label{color:#222;pointer-events:none;text-align:left;font-size:.94rem;line-height:1rem;opacity:0;-webkit-animation:.2s;animation:.2s;-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);animation-timing-function:cubic-bezier(.4,0,.2,1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.input-container>input:focus,.input-container>select:focus,.input-container>textarea:focus{outline:0}.input-container>input:focus::-webkit-input-placeholder,.input-container>select:focus::-webkit-input-placeholder,.input-container>textarea:focus::-webkit-input-placeholder{color:transparent}.input-container>input:focus::-moz-placeholder,.input-container>select:focus::-moz-placeholder,.input-container>textarea:focus::-moz-placeholder{color:transparent}.input-container>input:focus:-ms-input-placeholder,.input-container>select:focus:-ms-input-placeholder,.input-container>textarea:focus:-ms-input-placeholder{color:transparent}.input-container>input:focus::-ms-input-placeholder,.input-container>select:focus::-ms-input-placeholder,.input-container>textarea:focus::-ms-input-placeholder{color:transparent}.input-container>input:focus::placeholder,.input-container>select:focus::placeholder,.input-container>textarea:focus::placeholder{color:transparent}.input-container>input:not(:-moz-placeholder-shown):not([disabled])+label,.input-container>select:not(:-moz-placeholder-shown):not([disabled])+label,.input-container>textarea:not(:-moz-placeholder-shown):not([disabled])+label{opacity:1}.input-container>input:not(:-ms-input-placeholder):not([disabled])+label,.input-container>select:not(:-ms-input-placeholder):not([disabled])+label,.input-container>textarea:not(:-ms-input-placeholder):not([disabled])+label{opacity:1}.input-container>input:not(:placeholder-shown):not([disabled])+label,.input-container>select:not(:placeholder-shown):not([disabled])+label,.input-container>textarea:not(:placeholder-shown):not([disabled])+label{opacity:1}.input-container>input:focus+label,.input-container>select:focus+label,.input-container>textarea:focus+label{-webkit-animation-name:c;animation-name:c}.input-container>label:after{content:"";height:2px;position:absolute;bottom:0;left:45%;background:#222;-webkit-transition:.2s;-o-transition:.2s;transition:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);-o-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);visibility:hidden;width:10px}.input-container>input:focus+label:after,.input-container>select:focus+label:after,.input-container>textarea:focus+label:after{left:0;width:100%;visibility:visible}.input-container>input[type=search]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-container>input[type=range]{border-bottom:0}.input-container>input[type=range]+label:after{display:none}.input-container>select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-container>select+label:before{content:"⌄";line-height:1.5rem;position:absolute;right:5px;zoom:2;top:0;bottom:0;color:#222}.input-container input[type=radio]{border-radius:15px}.input-container input[type=radio]:checked{background-color:#fff}.input-container input[type=radio]:after{top:3px;bottom:3px;left:3px;right:3px;border-radius:12px}.input-container input[type=radio]:checked:after{content:"";font-size:3.5rem;background-color:#222}.input-container input[type=checkbox],.input-container input[type=radio]{margin-top:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border:1px solid #222;vertical-align:middle;margin-right:.5rem;text-align:center}.input-container input[type=checkbox]:not([disabled])+label,.input-container input[type=radio]:not([disabled])+label{pointer-events:auto;-webkit-animation:none;animation:none;vertical-align:middle;opacity:1;cursor:pointer}.input-container input[type=checkbox]+label:after,.input-container input[type=radio]+label:after{display:none}.input-container input[type=checkbox]:after,.input-container input[type=radio]:after{position:absolute;top:0;left:0;bottom:0;right:0;content:" ";line-height:1.4rem;vertical-align:middle;text-align:center;background-color:#fff}.input-container input[type=checkbox]:checked:after{background-color:#222;color:#fff;content:"✓"}.input-container>label,.input-container _:-ms-lang(x){opacity:1}.input-container>input:-ms-input-placeholder,.input-container _:-ms-lang(x){color:transparent}.input-container>input:-ms-input-placeholder{color:transparent}.input-container>input::-ms-input-placeholder{color:transparent}.input-container>input::placeholder,.input-container _:-ms-lang(x){color:transparent}.input-container>input::-ms-input-placeholder,.input-container _:-ms-lang(x){color:transparent}.input-container>select::-ms-expand{display:none}.radio-container{display:block;margin-bottom:.5rem}.radio-container label{font-family:Cardo,serif;font-weight:400;text-transform:none;color:#222;font-size:.94rem}.radio-container input{position:relative}.amp-mode-mouse .radio-container label:hover{text-decoration:underline}.input-container-chk,.radio-container{color:#4a4a4a}.select-container{position:relative;padding-right:13px}.active{color:#000}.bold{font-weight:700}.regular{font-weight:400}.italic{font-style:italic}.caps{text-transform:uppercase;letter-spacing:0}.left-align{text-align:left}.center{text-align:center}.right-align{text-align:right}.underline{text-decoration:underline}.inline{display:inline}.block{display:block}.inline-block{display:inline-block}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.left{float:left}.right{float:right}.fit{max-width:100%}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.self-start{-ms-flex-item-align:start;align-self:flex-start}.rounded{border-radius:3px}.display-none{display:none}amp-selector{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;background:none;color:#666}amp-selector [option]{outline:1px solid #f3f3f3}amp-selector [option]:hover{outline:1px solid #222}amp-selector [option][selected]{outline-color:#222}.amp-carousel-button-next,.amp-carousel-button-prev{display:none}.icon-star,.icon-star-empty{height:14px;width:14px;color:#f9ab00}.icon-star-empty{color:#dadada}.sidebar{width:25%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cart-added .ampstart-headerbar-icon-wrapper:after{content:"1";display:block;width:17px;height:17px;position:absolute;top:-10px;right:-10px;border-radius:50%;background-color:#f88;color:#fff;font:700 .7rem Open Sans Condensed,sans-serif;opacity:0;-webkit-animation:c .5s forwards;animation:c .5s forwards}.title,.title button,.title select{line-height:normal;letter-spacing:normal;font-family:Open Sans Condensed,sans-serif;text-transform:uppercase;font-weight:700;color:#000}.loading{color:#666;margin:24% auto;-webkit-animation-delay:.16s;animation-delay:.16s}.loading,.loading:after,.loading:before{border-radius:50%;width:.5rem;height:.5rem;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:a 1.44s ease-in-out infinite;animation:a 1.44s ease-in-out infinite;will-change:contents}.loading:after,.loading:before{content:"";position:absolute;top:0}.loading:before{left:-1rem;-webkit-animation-delay:0s;animation-delay:0s}.loading:after{left:1rem;-webkit-animation-delay:.32s;animation-delay:.32s}.label{font-size:1.125rem;color:#4f4f4f;line-height:1.125rem;letter-spacing:.06rem;text-transform:uppercase}@media (min-width:40.06rem) and (max-width:52rem){.sm-hide{display:none}}@media (min-width:52.06rem){main{min-height:calc(100vh - 181px - 5rem)}hr{width:100%;margin:0}.side-panel{position:-webkit-sticky;position:sticky;top:5rem}}@media (min-width:52.06rem) and (max-width:64rem){.md-hide{display:none}}@media (min-width:64.06rem){.lg-hide{display:none}}@media (max-width:40rem){.xs-hide{display:none}}@-webkit-keyframes c{to{opacity:1}}.header{display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;background-color:#fff;color:#000;height:3.5rem;z-index:999;padding:0 1rem;top:0;left:0;right:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #f3f3f3}.header+:not(amp-sidebar),.header+amp-sidebar+*{margin-top:3.5rem}.header a{padding-bottom:0}.header a,.header amp-img{margin:0 auto}.burger{position:absolute;top:0;padding-right:1rem;margin-right:1rem;margin-top:1rem}.cart-icon-container{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;top:0;right:0;padding:.8rem 1.5rem 0 0}#cart-count{position:absolute;top:5px;left:22px}#cart-count span{display:block;width:17px;height:17px;text-align:center;border-radius:50%;background-color:#f88;color:#fff;font:700 .7rem Open Sans Condensed,sans-serif;-webkit-animation:c .5s forwards;animation:c .5s forwards}.menu-open-button{position:absolute;top:0;margin:1rem 1rem 0 0;line-height:3.5rem;font-size:2.2rem;color:#222;font-size:1.38rem;padding-right:0}.menu-open-button:focus{outline:none}.menu-open-button svg{pointer-events:none}.menu-open-button,.menu a,amp-sidebar-faq a{cursor:pointer;text-decoration:none}@media (min-width:52.06rem){.header{height:5rem;border-bottom-color:#f3f3f3}.burger{margin-left:.5rem}.burger,.cart-icon-container{top:.5rem}.menu-open-button{margin-left:.5rem;top:.5rem}.header+:not(amp-sidebar),.header+amp-sidebar+*,main{margin-top:5rem}}amp-sidebar{background-color:#fff;color:#000;min-width:300px;width:350px;padding:0 1.5rem;margin-bottom:1.5rem;height:100%}amp-sidebar h3{font-size:.94rem;padding-top:1.5rem}amp-sidebar .faq{width:100%;color:#222;font-family:Cardo,serif;padding-top:1rem li;padding-top-line-height:normal;padding-top-padding:0 0 .5rem}.amp-mode-mouse amp-sidebar .faq li:hover{text-decoration:underline}.menu-close-button{margin-top:1rem;font-size:1.5rem;line-height:2.5rem;top:0}.menu{margin-bottom:1rem;text-transform:uppercase}.menu a{font-family:Open Sans Condensed,sans-serif;font-size:1.75rem;font-weight:700;line-height:normal;display:inline-block;position:relative}.menu li{color:#222;margin-top:1rem}.menu li:active,.menu li:focus,.menu li:hover{opacity:1}.menu li.logo,.menu li.logo a{margin:0;text-align:center}.menu li amp-img{display:inline-block;width:120px}.menu .label{color:inherit}.menu .label li:not(.logo){padding:6px}.menu .sub-item{margin:0}.menu .sub-item a{font-size:.94rem;line-height:.94rem;margin:0;text-transform:none}.menu .sub-item a:before{content:"›";margin:2px 4px 0 14px}.amp-mode-mouse .menu li:after{background-color:#222;left:0;position:absolute;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;-webkit-transition:-webkit-transform .3s cubic-bezier(.19,1,.22,1);transition:-webkit-transform .3s cubic-bezier(.19,1,.22,1);-o-transition:transform .3s cubic-bezier(.19,1,.22,1);transition:transform .3s cubic-bezier(.19,1,.22,1);transition:transform .3s cubic-bezier(.19,1,.22,1),-webkit-transform .3s cubic-bezier(.19,1,.22,1);width:100%;bottom:0;height:2px;content:"";display:block}.amp-mode-mouse .menu li:hover:after{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.menu-header{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:3.5rem;min-height:3.5rem}@media (min-width:52.06rem){amp-sidebar{width:25%}amp-sidebar.menu-button{margin-top:.5rem;padding-top:0}}footer{background-color:#222;color:#fff;text-align:center}footer h3{padding-top:0;color:#fff}footer hr{width:100%;background-color:#4a4a4a}footer nav{max-width:1280px;margin:0 auto}footer nav h2{color:#fff;font-size:.94rem;padding-bottom:1rem}.amp-mode-mouse footer a:hover{text-decoration:underline}.footer-main{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.footer-section{width:100%;padding-top:1.5rem}.footer-section h2{font-size:.94rem;font-weight:700;padding-bottom:1rem;line-height:normal;letter-spacing:normal}.footer-section ul{padding-bottom:1.5rem}.footer-section.social-section{padding:2rem 0 1.5rem}.footer-logo{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;text-align:right;padding-right:20px}@media (min-width:52.06rem){footer{text-align:initial}footer nav{padding:2.5rem 0}.footer-section{width:25%;padding:0 2rem}.footer-section.social-section{padding:0 0 1.5rem}.footer-section.social-section li:first-child a{padding-left:0}}.social{margin:.5rem 0 1rem}footer .social{margin:0}.social li,.social li a{display:inline-block}.social li a{overflow:hidden;padding:.5rem;-webkit-box-sizing:content-box;box-sizing:content-box}.social li a.icon{text-indent:100px}.social li a.icon.twitter{width:24px;height:22.2px}.social li a.icon.facebook{width:24px;height:23.6px}.social li a.icon.instagram{width:24px;height:24px}.social .icon,.social amp-social-share{background:#222;background-size:100% 100%}footer .social .icon,footer .social amp-social-share{background:#fff}.social .icon.twitter,.social .icon[type=twitter],.social amp-social-share.twitter,.social amp-social-share[type=twitter]{-webkit-mask-image:url(img/social-icons.svg#twitter-svg-view);mask-image:url(img/social-icons.svg#twitter-svg-view)}.social .icon.facebook,.social .icon[type=facebook],.social amp-social-share.facebook,.social amp-social-share[type=facebook]{-webkit-mask-image:url(img/social-icons.svg#facebook-svg-view);mask-image:url(img/social-icons.svg#facebook-svg-view)}.social .icon.instagram,.social .icon[type=instagram],.social amp-social-share.instagram,.social amp-social-share[type=instagram]{-webkit-mask-image:url(img/social-icons.svg#instagram-svg-view);mask-image:url(img/social-icons.svg#instagram-svg-view)}.landing{max-width:none}.hero-wrapper{overflow:hidden;text-align:center}.hero-wrapper amp-img loading{margin-top:200px}.amp-mode-mouse .hero-wrapper amp-img{-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;-o-transition:transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s}.amp-mode-mouse .hero-wrapper:hover amp-img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.hero-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:3rem 1.5rem}.hero-content h2{font-size:1.38rem;font-weight:700}.hero-content p{padding:1rem 1rem 1.5rem;font-family:Cardo,serif;width:100%;max-width:500px;margin:0 auto}@media (min-width:40.06rem){.wide{display:block}.narrow{display:none}}@media (min-width:52.06rem){.hero-wrapper{position:relative;text-align:left;color:#fff}.hero-wrapper .button{margin-left:2rem;background-color:#fff;border:none;color:#222;font-size:.94rem}.hero-content{position:absolute;margin:0 auto;top:0;left:0;width:100%;height:100%;padding:0}.hero-content h2{color:#fff;font-size:3.5rem;margin-bottom:1rem;max-width:500px}.hero-content h2,.hero-content p{padding-left:2rem;background:rgba(0,0,0,.4)}.hero-content p{font-size:1rem;margin-bottom:2rem;margin-left:0}.hero-align{margin:0 auto;width:100%;max-width:1280px}.hero-content-theme-secondary,.hero-content-theme-secondary h2{color:#222}.button.button-lg-black{color:#fff;background-color:#222}.amp-mode-mouse .hero-content-theme-secondary .button:hover{background-color:#fff;color:#222}}@media (max-width:52rem){.wide{display:none}.narrow{display:block}}</style><link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png"><link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png"><link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png"><link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png"><link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png"><link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png"><link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png"><link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png"><link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png"><link rel="manifest" href="/manifest.json"></head><body> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"UA-139842459-1","config":{"UA-139842459-1":{"groups":"default"}}}}</script> </amp-analytics> <header class="header"> <div role="button" aria-label="open sidebar" on="tap:header-sidebar.toggle" tabindex="0" class="burger"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="block"> <path fill="none" d="M0 0h24v24H0z"/> <path fill="currentColor" d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/> </svg> </div> <a href="/"> <amp-img src="img/logo.png" width="120" height="37" layout="fixed" alt class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:120px;height:37px;" i-amphtml-layout="fixed"></amp-img> </a> <div class="cart-icon-container"> <a href="/shopping-cart"> <amp-img src="img/campmor_backpack.png" width="35" height="27" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:35px;height:27px;" i-amphtml-layout="fixed"></amp-img> <amp-list id="cart-count" src="/api/cart-count" height="17" width="17" layout="fixed" binding="no" credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:17px;height:17px;" i-amphtml-layout="fixed"> <template type="amp-mustache"> {{#count}} <span> {{count}} </span> {{/count}} </template> </amp-list> </a> </div> </header> <amp-sidebar id="header-sidebar" layout="nodisplay" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <div class="menu-header"> <div role="button" aria-label="close sidebar" on="tap:header-sidebar.toggle" tabindex="0" class="menu-close-button">✕</div> </div> <nav class="menu"> <ul class="label"> <li class="logo"> <a href="/" class="block"> <amp-img src="img/logo-nav.png" width="180" height="73" layout="responsive" style="max-width: 180px" alt="Company logo" noloading class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer style="display:block;padding-top:40.5556%;"></i-amphtml-sizer> <div placeholder class="loading"></div> </amp-img> </a> </li> <li><a href="/product-listing?gender=women&category=shirts">Women</a></li> <li class="sub-item"><a href="/product-listing?gender=women&category=shirts">Women's Shirts</a></li> <li class="sub-item"><a href="/product-listing?gender=women&category=shorts">Women's Shorts</a></li> <li><a href="/product-listing?gender=men&category=shirts">Men</a></li> <li class="sub-item"><a href="/product-listing?gender=men&category=shirts">Men's Shirts</a></li> <li class="sub-item"><a href="/product-listing?gender=men&category=shorts">Men's Shorts</a></li> <li><a href="/blog-listing.html">Blog</a></li> <li><a href="/contact.html">Contact us</a></li> </ul> </nav> <h3>follow us</h3> <ul class="social"> <li> <a class="icon facebook" href="#" target="_blank" aria-label="Link to AMP HTML Facebook">Facebook</a> </li> <li> <a class="icon instagram" href="#" target="_blank" aria-label="Link to AMP HTML Instagram">Instagram</a> </li> <li> <a class="icon twitter" href="#" target="_blank" aria-label="Link to AMP HTML Twitter">Twitter</a> </li> </ul> <ul class="faq"> <li><a href="#" class="text-decoration-none">Size Guide</a></li> <li><a href="#" class="text-decoration-none">Returns Policy</a></li> <li><a href="#" class="text-decoration-none">Cookie & privacy policy</a></li> </ul> </amp-sidebar> <main id="content" role="main" class="landing"> <section class="hero-wrapper"> <a href="/product-listing?gender=women&category=shirts" class="block"> <amp-img src="img/women-narrow.jpg" width="1.25" height="1" class="narrow i-amphtml-layout-responsive i-amphtml-layout-size-defined" layout="responsive" alt="Hero Landing 1" noloading i-amphtml-layout="responsive"><i-amphtml-sizer style="display:block;padding-top:80.0000%;"></i-amphtml-sizer> <div placeholder class="loading"></div> </amp-img> <amp-img src="img/women-wide.jpg" width="2.5" height="1" class="wide i-amphtml-layout-responsive i-amphtml-layout-size-defined" layout="responsive" alt="Hero Landing 1" noloading i-amphtml-layout="responsive"><i-amphtml-sizer style="display:block;padding-top:40.0000%;"></i-amphtml-sizer> <div placeholder class="loading"></div> </amp-img> <div class="hero-content"> <div class="hero-align"> <h2>Women's Clothing</h2> <p>When the temperatures plummet, we look for clothing and clothing accessories to protect us from cold and wind chill.</p> <div class="button button-white caps">shop</div> </div> </div> </a> </section> <section class="hero-wrapper"> <a href="/product-listing?gender=men&category=shirts" class="block"> <amp-img src="img/men-narrow.jpg" width="1.25" height="1" layout="responsive" class="narrow i-amphtml-layout-responsive i-amphtml-layout-size-defined" alt="Hero Landing 1" noloading i-amphtml-layout="responsive"><i-amphtml-sizer style="display:block;padding-top:80.0000%;"></i-amphtml-sizer> <div placeholder class="loading"></div> </amp-img> <amp-img src="img/men-wide.jpg" width="2.5" height="1" layout="responsive" class="wide i-amphtml-layout-responsive i-amphtml-layout-size-defined" alt="Hero Landing 1" noloading i-amphtml-layout="responsive"><i-amphtml-sizer style="display:block;padding-top:40.0000%;"></i-amphtml-sizer> <div placeholder class="loading"></div> </amp-img> <div class="hero-content"> <div class="hero-align"> <h2>Men's Clothing</h2> <p>With garments from over thirty of the industry’s leading manufacturers, Campmor has hundreds of Men’s jackets and vests from which to choose.</p> <div class="button button-white caps">shop</div> </div> </div> </a> </section> <section class="hero-wrapper"> <a href="/blog-listing.html" class="block"> <amp-img src="img/cookout-narrow.jpg" width="1.25" height="1" layout="responsive" class="narrow i-amphtml-layout-responsive i-amphtml-layout-size-defined" alt="Hero Landing 1" noloading i-amphtml-layout="responsive"><i-amphtml-sizer style="display:block;padding-top:80.0000%;"></i-amphtml-sizer> <div placeholder class="loading"></div> </amp-img> <amp-img src="img/cookout-wide.jpg" width="2.5" height="1" layout="responsive" class="wide i-amphtml-layout-responsive i-amphtml-layout-size-defined" alt="Hero Landing 1" noloading i-amphtml-layout="responsive"><i-amphtml-sizer style="display:block;padding-top:40.0000%;"></i-amphtml-sizer> <div placeholder class="loading"></div> </amp-img> <div class="hero-content"> <div class="hero-align"> <h2>Camping is awesome</h2> <p>Check out our amazing words which we write about camping and stuff.</p> <div class="button button-white caps">read</div> </div> </div> </a> </section> </main> <footer> <nav> <ul class="footer-main"> <li class="footer-section"> <h2>About us</h2> <ul> <li> <a href="#">Size Guide</a> </li> <li> <a href="#">Returns Policy</a> </li> <li> <a href="#">Cookie & privacy policy</a> </li> </ul> <hr class="md-hide lg-hide"> </li> <li class="footer-section"> <h2>Contact Us</h2> <ul> <li> <a href="tel:+440000000000">+44(0)000 000 0000</a> </li> <li> <a href="mailto:info@BS-LDN">info@BS-LDN</a> </li> <li> <a href="#">Find a Store</a> </li> </ul> <hr class="md-hide lg-hide"> </li> <li class="footer-section social-section"> <h2>follow us</h2> <ul class="social"> <li> <a class="icon facebook" href="#" target="_blank" aria-label="Link to AMP HTML Facebook">Facebook</a> </li> <li> <a class="icon instagram" href="#" target="_blank" aria-label="Link to AMP HTML Instagram">Instagram</a> </li> <li> <a class="icon twitter" href="#" target="_blank" aria-label="Link to AMP HTML Twitter">Twitter</a> </li> </ul> </li> <li class="footer-logo"> <amp-img src="img/logo-footer.png" class="xs-hide sm-hide i-amphtml-layout-fixed i-amphtml-layout-size-defined" width="180" height="75" style="width:180px;height:75px;" i-amphtml-layout="fixed"></amp-img> </li> </ul> </nav> </footer> <style amp-keyframes>@keyframes c{to{opacity:1}}</style></body></html>