/** Shopify CDN: Minification failed Line 569:4 Expected identifier but found "*" Line 8756:14 Expected identifier but found whitespace Line 8756:19 Unexpected ";" Line 10379:4 "positon" is not a known CSS property Line 14754:16 Expected identifier but found whitespace Line 14754:18 Unexpected "{" Line 14754:28 Expected ":" Line 14754:53 Unexpected "," Line 14754:56 Unexpected "{" Line 14754:66 Expected ":" **/ #recharge-storefront-experiences__cart-drawer { position: relative; z-index: 10000000000000; } article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary { display: block } audio,canvas,video { display: inline-block } audio:not([controls]) { display: none; height: 0 } [hidden] { display: none } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } a:focus { outline: thin dotted } a:active,a:hover { outline: 0 } h1 { font-size: 2em } abbr[title] { border-bottom: 1px dotted } b,strong { font-weight: 700 } dfn { font-style: italic } mark { background: #ff0; color: #000 } code,kbd,pre,samp { font-family: monospace,serif; font-size: 1em } pre { white-space: pre-wrap; word-wrap: break-word } q { quotes: \201c\201d\2018\2019 } small { font-size: 80% } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } img { border: 0 } svg:not(:root) { overflow: hidden } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } button,input,select,textarea { font-family: inherit; font-size: 100%; margin: 0 } button,input { line-height: normal } button,html input[type=button],input[type=reset],input[type=submit] { -webkit-appearance: button; cursor: pointer } button[disabled],input[disabled] { cursor: default } input[type=checkbox],input[type=radio] { box-sizing: border-box; padding: 0 } 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 } textarea { overflow: auto; vertical-align: top } table { border-collapse: collapse; border-spacing: 0 } body,figure { margin: 0 } legend,button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0 } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 } @media only screen and (max-width: 1199px) { .clear { display:none } } @font-face { font-family: Roboto; font-weight: 400; font-style: normal; font-display: swap; src: url(//www.bestbullysticks.com/cdn/fonts/roboto/roboto_n4.2019d890f07b1852f56ce63ba45b2db45d852cba.woff2?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=a16cff7da53c009273efa52e3f366a12ee0651273db50a00eea0e7902d114e23) format("woff2"),url(//www.bestbullysticks.com/cdn/fonts/roboto/roboto_n4.238690e0007583582327135619c5f7971652fa9d.woff?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=68362d3f61fb4af8dc775b61140089a641660ad1223d5296988d777422424490) format("woff") } @font-face { font-family: Roboto; font-weight: 700; font-style: normal; font-display: swap; src: url(//www.bestbullysticks.com/cdn/fonts/roboto/roboto_n7.f38007a10afbbde8976c4056bfe890710d51dec2.woff2?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=4fdb9dea0173e732d90acf528fcb45b9b30842897cca841d9ac13ffdce9e0ada) format("woff2"),url(//www.bestbullysticks.com/cdn/fonts/roboto/roboto_n7.94bfdd3e80c7be00e128703d245c207769d763f9.woff?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=7089316e0113008e3be36bcb964ca16741b4b2e9733da905e683c58c19dffb03) format("woff") } @font-face { font-family: Roboto; font-weight: 400; font-style: italic; font-display: swap; src: url(//www.bestbullysticks.com/cdn/fonts/roboto/roboto_i4.57ce898ccda22ee84f49e6b57ae302250655e2d4.woff2?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=c857bc57701d957aad4dd18119ab3f06d99b7a41e8c8ef4fa726dd4359f3c613) format("woff2"),url(//www.bestbullysticks.com/cdn/fonts/roboto/roboto_i4.b21f3bd061cbcb83b824ae8c7671a82587b264bf.woff?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=44cf3d473b817e04f9c9c050c4b935921f3920a8fdcf0f17ab3bab689d3bd558) format("woff") } @font-face { font-family: Roboto; font-weight: 700; font-style: italic; font-display: swap; src: url(//www.bestbullysticks.com/cdn/fonts/roboto/roboto_i7.7ccaf9410746f2c53340607c42c43f90a9005937.woff2?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=f983e05390ce1804d65738ed7a039114f8b6788fa3796a873e23ee19c0d0898c) format("woff2"),url(//www.bestbullysticks.com/cdn/fonts/roboto/roboto_i7.49ec21cdd7148292bffea74c62c0df6e93551516.woff?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=2931df7ff51eeb46235ae0c51be7b3fd380f190a41454e57562bbd8675a0d1ec) format("woff") } @font-face { font-family: Avenir Next; font-weight: 400; font-style: normal; font-display: swap; src: url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_n4.a215e32cfe88cf9d4fdb0f6b32ea5475eb767bb3.woff2?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=6035e522123d8df00c78e637c688b9cab33466ce8b372c05ca1f339b340dca82) format("woff2"),url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_n4.c9ac86770f5e7f210c71cfd1bcb751618a1db6b3.woff?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=47f0e953947fbda46c183c56a52d6ba81be7635a7ac7d61545ef6a1ede05f256) format("woff") } @font-face { font-family: Avenir Next; font-weight: 700; font-style: normal; font-display: swap; src: url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_n7.d9566d9b0be6704a77e8ea55786dba14743d1f67.woff2?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=2382224a966230f81bf0d2784bc9dcc0b42a502ebc9fa508826806d5b1ea916e) format("woff2"),url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_n7.be570779ce6b2b4639db543b43209a046960fca8.woff?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=b539af0bafaba5b4ad50667590c89ecb481b21c141cc76dfa3cb6e567c4fdd43) format("woff") } @font-face { font-family: Avenir Next; font-weight: 400; font-style: italic; font-display: swap; src: url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_i4.dc351b84dcd8bf9d60db95f16c8342c7d73e686a.woff2?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=e7fcb00dcfe888e4c1d62cdef72a8713c7cda1d379a0e90f4d672204c0cc8ff2) format("woff2"),url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_i4.5bd452635465b184c6968b218dc6bfb7c2948ceb.woff?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=694b20a5d53a81c6f485a1a4d044958956496f286ccffd7ba74e1c5881b41e1c) format("woff") } @font-face { font-family: Avenir Next; font-weight: 700; font-style: italic; font-display: swap; src: url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_i7.080fba13ca72b6149f1c1cab657b86499d3f0ee6.woff2?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=0f3339e5f168a5da85e21027c3a474ec6b7ae8857fe393a26dc618d9d9607dd9) format("woff2"),url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_i7.b6b3e6c8b8e5c078064c191c219a7601cb795f17.woff?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=7731463a3cace834ec69c557df7e585111fc105796669946f0fc45093d70f1d8) format("woff") } @font-face { font-family: Avenir Next; font-weight: 600; font-style: normal; font-display: swap; src: url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_n6.dce2bdac497386d21072e6d18a9651d6fab43f93.woff2?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=91fa26a7beb7ddb80a7d0f95041de5234bf096ab71fe5d23271ffb1a27a5bc05) format("woff2"),url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_n6.9df2d7c06ad4e10b1ac4f0c93cb9f6458139b786.woff?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=5591c29301aa51bdb7bce08d67fb05fac3f11dd8aad816e540e807633702df29) format("woff") } @font-face { font-family: Avenir Next; font-weight: 800; font-style: normal; font-display: swap; src: url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_n8.64bdc67714d6ea8ef02e68274683cd3fc1bd1aa5.woff2?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=8385439ea7e47a91ec00be5632c50533149d47d3e2f5bb010af8632d5630ac12) format("woff2"),url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_n8.ac9e896e637ca11fb5fefbf52e075da679671dae.woff?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=9a5587952e6a25c817748e3a9e362796d22e97ad08359052a8c2d5d0f5e5f863) format("woff") } @font-face { font-family: Avenir Next; font-weight: 600; font-style: italic; font-display: swap; src: url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_i6.5c0dfbe6d63f8213a55743f8572878c77de2e06d.woff2?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=349293fd4652eb6e75de485094dbbf582bbbc3388d691efbbe8816593ca112d9) format("woff2"),url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_i6.b8065c8fe77954062ff50cd5011fb2b0925f6cc2.woff?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=f20165559e0ae9a818200ad47c627f021b5c2451f5ea4ecc235cebef8330d369) format("woff") } @font-face { font-family: Avenir Next; font-weight: 800; font-style: italic; font-display: swap; src: url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_i8.7d1cf562369395ab2d6014270e2f67245580b180.woff2?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=72901d6bb7f0a70b11f940a99301213d281cd8f58b35cf4af8f080d8bd3fa6f9) format("woff2"),url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_i8.61c76188ecda262ff7b60e5ab592767514e4bcd8.woff?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=ca864eb3745e5a213e79670628dd0b2886af5182d2f672b24b6ea48a9c3a41a1) format("woff") } @font-face { font-family: Avenir Next; font-weight: 600; font-style: normal; font-display: swap; src: url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_n6.dce2bdac497386d21072e6d18a9651d6fab43f93.woff2?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=91fa26a7beb7ddb80a7d0f95041de5234bf096ab71fe5d23271ffb1a27a5bc05) format("woff2"),url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_n6.9df2d7c06ad4e10b1ac4f0c93cb9f6458139b786.woff?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=5591c29301aa51bdb7bce08d67fb05fac3f11dd8aad816e540e807633702df29) format("woff") } @font-face { font-family: Avenir Next; font-weight: 800; font-style: normal; font-display: swap; src: url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_n8.64bdc67714d6ea8ef02e68274683cd3fc1bd1aa5.woff2?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=8385439ea7e47a91ec00be5632c50533149d47d3e2f5bb010af8632d5630ac12) format("woff2"),url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_n8.ac9e896e637ca11fb5fefbf52e075da679671dae.woff?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=9a5587952e6a25c817748e3a9e362796d22e97ad08359052a8c2d5d0f5e5f863) format("woff") } @font-face { font-family: Avenir Next; font-weight: 600; font-style: italic; font-display: swap; src: url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_i6.5c0dfbe6d63f8213a55743f8572878c77de2e06d.woff2?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=349293fd4652eb6e75de485094dbbf582bbbc3388d691efbbe8816593ca112d9) format("woff2"),url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_i6.b8065c8fe77954062ff50cd5011fb2b0925f6cc2.woff?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=f20165559e0ae9a818200ad47c627f021b5c2451f5ea4ecc235cebef8330d369) format("woff") } @font-face { font-family: Avenir Next; font-weight: 800; font-style: italic; font-display: swap; src: url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_i8.7d1cf562369395ab2d6014270e2f67245580b180.woff2?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=72901d6bb7f0a70b11f940a99301213d281cd8f58b35cf4af8f080d8bd3fa6f9) format("woff2"),url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_i8.61c76188ecda262ff7b60e5ab592767514e4bcd8.woff?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=ca864eb3745e5a213e79670628dd0b2886af5182d2f672b24b6ea48a9c3a41a1) format("woff") } @font-face { font-family: Avenir Next; font-weight: 400; font-style: normal; font-display: swap; src: url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_n4.a215e32cfe88cf9d4fdb0f6b32ea5475eb767bb3.woff2?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=6035e522123d8df00c78e637c688b9cab33466ce8b372c05ca1f339b340dca82) format("woff2"),url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_n4.c9ac86770f5e7f210c71cfd1bcb751618a1db6b3.woff?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=47f0e953947fbda46c183c56a52d6ba81be7635a7ac7d61545ef6a1ede05f256) format("woff") } @font-face { font-family: Avenir Next; font-weight: 400; font-style: italic; font-display: swap; src: url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_i4.dc351b84dcd8bf9d60db95f16c8342c7d73e686a.woff2?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=e7fcb00dcfe888e4c1d62cdef72a8713c7cda1d379a0e90f4d672204c0cc8ff2) format("woff2"),url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_i4.5bd452635465b184c6968b218dc6bfb7c2948ceb.woff?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=694b20a5d53a81c6f485a1a4d044958956496f286ccffd7ba74e1c5881b41e1c) format("woff") } @font-face { font-family: Avenir Next; font-weight: 600; font-style: normal; font-display: swap; src: url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_n6.dce2bdac497386d21072e6d18a9651d6fab43f93.woff2?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=91fa26a7beb7ddb80a7d0f95041de5234bf096ab71fe5d23271ffb1a27a5bc05) format("woff2"),url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_n6.9df2d7c06ad4e10b1ac4f0c93cb9f6458139b786.woff?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=5591c29301aa51bdb7bce08d67fb05fac3f11dd8aad816e540e807633702df29) format("woff") } @font-face { font-family: Avenir Next; font-weight: 800; font-style: normal; font-display: swap; src: url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_n8.64bdc67714d6ea8ef02e68274683cd3fc1bd1aa5.woff2?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=8385439ea7e47a91ec00be5632c50533149d47d3e2f5bb010af8632d5630ac12) format("woff2"),url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_n8.ac9e896e637ca11fb5fefbf52e075da679671dae.woff?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=9a5587952e6a25c817748e3a9e362796d22e97ad08359052a8c2d5d0f5e5f863) format("woff") } @font-face { font-family: Avenir Next; font-weight: 600; font-style: italic; font-display: swap; src: url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_i6.5c0dfbe6d63f8213a55743f8572878c77de2e06d.woff2?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=349293fd4652eb6e75de485094dbbf582bbbc3388d691efbbe8816593ca112d9) format("woff2"),url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_i6.b8065c8fe77954062ff50cd5011fb2b0925f6cc2.woff?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=f20165559e0ae9a818200ad47c627f021b5c2451f5ea4ecc235cebef8330d369) format("woff") } @font-face { font-family: Avenir Next; font-weight: 800; font-style: italic; font-display: swap; src: url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_i8.7d1cf562369395ab2d6014270e2f67245580b180.woff2?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=72901d6bb7f0a70b11f940a99301213d281cd8f58b35cf4af8f080d8bd3fa6f9) format("woff2"),url(//www.bestbullysticks.com/cdn/fonts/avenir_next/avenirnext_i8.61c76188ecda262ff7b60e5ab592767514e4bcd8.woff?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=ca864eb3745e5a213e79670628dd0b2886af5182d2f672b24b6ea48a9c3a41a1) format("woff") } @font-face { font-family: Roboto; font-weight: 400; font-style: normal; font-display: swap; src: url(//www.bestbullysticks.com/cdn/fonts/roboto/roboto_n4.2019d890f07b1852f56ce63ba45b2db45d852cba.woff2?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=a16cff7da53c009273efa52e3f366a12ee0651273db50a00eea0e7902d114e23) format("woff2"),url(//www.bestbullysticks.com/cdn/fonts/roboto/roboto_n4.238690e0007583582327135619c5f7971652fa9d.woff?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=68362d3f61fb4af8dc775b61140089a641660ad1223d5296988d777422424490) format("woff") } @font-face { font-family: Roboto; font-weight: 700; font-style: normal; font-display: swap; src: url(//www.bestbullysticks.com/cdn/fonts/roboto/roboto_n7.f38007a10afbbde8976c4056bfe890710d51dec2.woff2?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=4fdb9dea0173e732d90acf528fcb45b9b30842897cca841d9ac13ffdce9e0ada) format("woff2"),url(//www.bestbullysticks.com/cdn/fonts/roboto/roboto_n7.94bfdd3e80c7be00e128703d245c207769d763f9.woff?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=7089316e0113008e3be36bcb964ca16741b4b2e9733da905e683c58c19dffb03) format("woff") } @font-face { font-family: Roboto; font-weight: 400; font-style: italic; font-display: swap; src: url(//www.bestbullysticks.com/cdn/fonts/roboto/roboto_i4.57ce898ccda22ee84f49e6b57ae302250655e2d4.woff2?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=c857bc57701d957aad4dd18119ab3f06d99b7a41e8c8ef4fa726dd4359f3c613) format("woff2"),url(//www.bestbullysticks.com/cdn/fonts/roboto/roboto_i4.b21f3bd061cbcb83b824ae8c7671a82587b264bf.woff?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=44cf3d473b817e04f9c9c050c4b935921f3920a8fdcf0f17ab3bab689d3bd558) format("woff") } @font-face { font-family: Roboto; font-weight: 700; font-style: italic; font-display: swap; src: url(//www.bestbullysticks.com/cdn/fonts/roboto/roboto_i7.7ccaf9410746f2c53340607c42c43f90a9005937.woff2?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=f983e05390ce1804d65738ed7a039114f8b6788fa3796a873e23ee19c0d0898c) format("woff2"),url(//www.bestbullysticks.com/cdn/fonts/roboto/roboto_i7.49ec21cdd7148292bffea74c62c0df6e93551516.woff?h1=YmVzdGJ1bGx5c3RpY2tzLmNvbQ&h2=YmxvZy5iZXN0YnVsbHlzdGlja3MuY29t&h3=YmVzdGJ1bGx5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iZXN0YnVsbHlzdGlja3MuY29t&hmac=2931df7ff51eeb46235ae0c51be7b3fd380f190a41454e57562bbd8675a0d1ec) format("woff") } body { font-family: Roboto,sans-serif; font-weight: 400; font-style: normal; font-size: 16px; text-transform: none; color: #333; line-height: 1.6em; overflow: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; background-color: #fff } body.blocked-scroll { position: absolute; overflow: hidden; height: 100%; width: 100%; top: 0; left: 0 } body.blocked-overflow { overflow: hidden } ::-moz-selection { background-color: #000; color: #fff } ::selection { background: #fff7b6; color: #000 } abbr { border-bottom: 1px dotted #cccccc } .editor-visible--true { display: block!important } .transition--blur-up { -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -webkit-filter: blur(5px); filter: blur(5px); transform: translateZ(0); transition: filter .2s,-webkit-filter .2s } .transition--blur-up.lazyloaded { -webkit-filter: blur(0px); filter: none; transform: scale(1) } img[data-sizes=auto].lazyloaded { height: auto } img[data-sizes=auto],img[data-sizes="100vw"] { display: block; width: 100%; margin-left: auto; margin-right: auto; height: auto } .image__container { display: block; margin-left: auto; margin-right: auto } .image-element__wrap { overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100% } .banner,.banner .gallery-cell { background-color: #fff!important } @media only screen and (min-width: 1200px) { .banner .image-element__wrap:not(.mobile-image) { display:flex } .banner .image-element__wrap:not(.mobile-image) img { object-fit: cover } } .banner:not(.homepage-slideshow) .image-element__wrap img { height: auto } @media only screen and (max-width: 1199px) { .banner .with-mobile-image .image-element__wrap.mobile-image { display:flex; min-height: 300px } .banner .with-mobile-image .image-element__wrap.desktop-image { display: initial; min-height: auto } } @media only screen and (min-width: 1200px) { .banner .with-mobile-image .image-element__wrap.mobile-image { display:initial; min-height: auto } .banner .with-mobile-image .image-element__wrap.desktop-image { display: flex; min-height: 350px } } @media screen and (min-width: 799px) { .banner.with-mobile-image img.mobile-image { display:none } } @media screen and (max-width: 798px) { .banner.with-mobile-image img.desktop-image { display:none } } @media only screen and (max-width: 1199px) { .banner.homepage-slideshow .image-element__wrap { height:300px } .banner.homepage-slideshow .image-element__wrap img { object-fit: cover; height: 300px } } @media only screen and (min-width: 1200px) { .banner.homepage-slideshow .image-element__wrap:not(.mobile-image) { min-height:350px } } .grid { *zoom: 1;list-style: none; margin: 0; padding: 0 } .grid:after { content: ""; display: table; clear: both } .grid__item { float: left; width: 100% } .grid__item[class*=--push] { position: relative } .grid--rev { direction: rtl; text-align: left } .grid--rev>.grid__item { direction: ltr; text-align: left; float: right } .one { width: calc(6.25% - 20px) } .two { width: calc(12.5% - 20px) } .three { width: calc(18.75% - 20px) } .four { width: calc(25% - 20px) } .five { width: calc(31.25% - 20px) } .six { width: calc(37.5% - 20px) } .seven { width: calc(43.75% - 20px) } .eight { width: calc(50% - 20px) } .nine { width: calc(56.25% - 20px) } .ten { width: calc(62.5% - 20px) } .eleven { width: calc(68.75% - 20px) } .twelve { width: calc(75% - 20px) } .thirteen { width: calc(81.25% - 20px) } .fourteen { width: calc(87.5% - 20px) } .fifteen { width: calc(93.75% - 20px) } .sixteen { width: calc(100% - 20px) } .one-whole { width: calc(100% - 20px); left: auto!important } .one-half { width: calc(50% - 20px) } .one-third { width: calc(33.33333% - 20px) } .two-thirds { width: calc(66.66667% - 20px) } .one-fourth { width: calc(25% - 20px) } .two-fourths { width: calc(50% - 20px) } .three-fourths { width: calc(75% - 20px) } .one-fifth { width: calc(20% - 20px) } .two-fifths { width: calc(40% - 20px) } .three-fifths { width: calc(60% - 20px) } .four-fifths { width: calc(80% - 20px) } .one-sixth { width: calc(16.66667% - 20px) } .two-sixths { width: calc(33.33333% - 20px) } .three-sixths { width: calc(50% - 20px) } .four-sixths { width: calc(66.66667% - 20px) } .five-sixths { width: calc(83.33333% - 20px) } .one-seventh { width: calc(14.28571% - 20px) } .two-sevenths { width: calc(28.57143% - 20px) } .three-sevenths { width: calc(42.85714% - 20px) } .four-sevenths { width: calc(57.14286% - 20px) } .five-sevenths { width: calc(71.42857% - 20px) } .one-eighth { width: calc(12.5% - 20px) } .two-eighths { width: calc(25% - 20px) } .three-eighths { width: calc(37.5% - 20px) } .four-eighths { width: calc(50% - 20px) } .five-eighths { width: calc(62.5% - 20px) } .six-eighths { width: calc(75% - 20px) } .seven-eighths { width: calc(87.5% - 20px) } .one-tenth { width: calc(10% - 20px) } .two-tenths { width: calc(20% - 20px) } .three-tenths { width: calc(30% - 20px) } .four-tenths { width: calc(40% - 20px) } .five-tenths { width: calc(50% - 20px) } .six-tenths { width: calc(60% - 20px) } .seven-tenths { width: calc(70% - 20px) } .eight-tenths { width: calc(80% - 20px) } .nine-tenths { width: calc(90% - 20px) } .one-twelfth { width: calc(8.33333% - 20px) } .two-twelfths { width: calc(16.66667% - 20px) } .three-twelfths { width: calc(25% - 20px) } .four-twelfths { width: calc(33.33333% - 20px) } .five-twelfths { width: calc(41.66667% - 20px) } .six-twelfths { width: calc(50% - 20px) } .seven-twelfths { width: calc(58.33333% - 20px) } .eight-twelfths { width: calc(66.66667% - 20px) } .nine-twelfths { width: calc(75% - 20px) } .ten-twelfths { width: calc(83.33333% - 20px) } .eleven-twelfths { width: calc(91.66667% - 20px) } .equal-columns--clear .one-half:nth-of-type(odd),.equal-columns--clear .eight:nth-of-type(odd),.equal-columns--clear .one-third:nth-of-type(3n+1),.equal-columns--clear .one-fourth:nth-of-type(4n+1),.equal-columns--clear .four:nth-of-type(4n+1),.equal-columns--clear .one-fifth:nth-of-type(5n+1),.equal-columns--clear .one-sixth:nth-of-type(6n+1),.equal-columns--clear .one-seventh:nth-of-type(7n+1) { clear: both } .equal-columns--outside-trim .one-half:nth-of-type(2n),.equal-columns--outside-trim .eight:nth-of-type(2n),.equal-columns--outside-trim .one-third:nth-of-type(3n),.equal-columns--outside-trim .one-fourth:nth-of-type(4n),.equal-columns--outside-trim .four:nth-of-type(4n),.equal-columns--outside-trim .one-fifth:nth-of-type(5n),.equal-columns--outside-trim .one-sixth:nth-of-type(6n),.equal-columns--outside-trim .one-seventh:nth-of-type(7n),.equal-columns--outside-trim .two:nth-of-type(8n) { margin-right: 0 } .equal-columns--outside-trim .one-half:nth-of-type(odd),.equal-columns--outside-trim .eight:nth-of-type(odd),.equal-columns--outside-trim .one-third:nth-of-type(3n+1),.equal-columns--outside-trim .one-fourth:nth-of-type(4n+1),.equal-columns--outside-trim .four:nth-of-type(4n+1),.equal-columns--outside-trim .one-fifth:nth-of-type(5n+1),.equal-columns--outside-trim .one-sixth:nth-of-type(6n+1),.equal-columns--outside-trim .one-seventh:nth-of-type(7n+1),.equal-columns--outside-trim .two:nth-of-type(8n+1) { margin-left: 0 } .equal-columns--outside-trim .one-whole:nth-of-type(n+1) { width: 100%; margin-right: 0; margin-left: 0 } .equal-columns--outside-trim .one-half { width: calc(50% - 10px) } .equal-columns--outside-trim .one-third { width: calc(33.33333% - (20px - (20px / 3))) } .equal-columns--outside-trim .one-fifth { width: calc(20% - 16px) } .equal-columns--outside-trim .one-fourth { width: calc(25% - 15px) } .equal-columns--outside-trim .one-sixth { width: calc(16.66667% - (20px - (20px / 6))) } .equal-columns--outside-trim .one-seventh { width: calc(14.28571% - (20px - (20px / 7))) } .equal-columns--outside-trim .two { width: calc(12.5% - 17.5px) } .equal-columns--outside-trim .four { width: calc(25% - 15px) } .equal-columns--outside-trim .seven { width: calc(43.75% - 10px) } .equal-columns--outside-trim .eight { width: calc(50% - 10px) } .equal-columns--outside-trim .nine { width: calc(56.25% - 10px) } .show { display: block!important } .hide { display: none!important } .text-left { text-align: left!important } .text-right { text-align: right!important } .text-center { text-align: center!important } @media only screen and (max-width: 1024px) { .large-down--one { width:calc(6.25% - 20px) } .large-down--two { width: calc(12.5% - 20px) } .large-down--three { width: calc(18.75% - 20px) } .large-down--four { width: calc(25% - 20px) } .large-down--five { width: calc(31.25% - 20px) } .large-down--six { width: calc(37.5% - 20px) } .large-down--seven { width: calc(43.75% - 20px) } .large-down--eight { width: calc(50% - 20px) } .large-down--nine { width: calc(56.25% - 20px) } .large-down--ten { width: calc(62.5% - 20px) } .large-down--eleven { width: calc(68.75% - 20px) } .large-down--twelve { width: calc(75% - 20px) } .large-down--thirteen { width: calc(81.25% - 20px) } .large-down--fourteen { width: calc(87.5% - 20px) } .large-down--fifteen { width: calc(93.75% - 20px) } .large-down--sixteen { width: calc(100% - 20px) } .large-down--one-whole { width: calc(100% - 20px); left: auto!important } .large-down--one-half { width: calc(50% - 20px) } .large-down--one-third { width: calc(33.33333% - 20px) } .large-down--two-thirds { width: calc(66.66667% - 20px) } .large-down--one-fourth { width: calc(25% - 20px) } .large-down--two-fourths { width: calc(50% - 20px) } .large-down--three-fourths { width: calc(75% - 20px) } .large-down--one-fifth { width: calc(20% - 20px) } .large-down--two-fifths { width: calc(40% - 20px) } .large-down--three-fifths { width: calc(60% - 20px) } .large-down--four-fifths { width: calc(80% - 20px) } .large-down--one-sixth { width: calc(16.66667% - 20px) } .large-down--two-sixths { width: calc(33.33333% - 20px) } .large-down--three-sixths { width: calc(50% - 20px) } .large-down--four-sixths { width: calc(66.66667% - 20px) } .large-down--five-sixths { width: calc(83.33333% - 20px) } .large-down--one-seventh { width: calc(14.28571% - 20px) } .large-down--two-sevenths { width: calc(28.57143% - 20px) } .large-down--three-sevenths { width: calc(42.85714% - 20px) } .large-down--four-sevenths { width: calc(57.14286% - 20px) } .large-down--five-sevenths { width: calc(71.42857% - 20px) } .large-down--one-eighth { width: calc(12.5% - 20px) } .large-down--two-eighths { width: calc(25% - 20px) } .large-down--three-eighths { width: calc(37.5% - 20px) } .large-down--four-eighths { width: calc(50% - 20px) } .large-down--five-eighths { width: calc(62.5% - 20px) } .large-down--six-eighths { width: calc(75% - 20px) } .large-down--seven-eighths { width: calc(87.5% - 20px) } .large-down--one-tenth { width: calc(10% - 20px) } .large-down--two-tenths { width: calc(20% - 20px) } .large-down--three-tenths { width: calc(30% - 20px) } .large-down--four-tenths { width: calc(40% - 20px) } .large-down--five-tenths { width: calc(50% - 20px) } .large-down--six-tenths { width: calc(60% - 20px) } .large-down--seven-tenths { width: calc(70% - 20px) } .large-down--eight-tenths { width: calc(80% - 20px) } .large-down--nine-tenths { width: calc(90% - 20px) } .large-down--one-twelfth { width: calc(8.33333% - 20px) } .large-down--two-twelfths { width: calc(16.66667% - 20px) } .large-down--three-twelfths { width: calc(25% - 20px) } .large-down--four-twelfths { width: calc(33.33333% - 20px) } .large-down--five-twelfths { width: calc(41.66667% - 20px) } .large-down--six-twelfths { width: calc(50% - 20px) } .large-down--seven-twelfths { width: calc(58.33333% - 20px) } .large-down--eight-twelfths { width: calc(66.66667% - 20px) } .large-down--nine-twelfths { width: calc(75% - 20px) } .large-down--ten-twelfths { width: calc(83.33333% - 20px) } .large-down--eleven-twelfths { width: calc(91.66667% - 20px) } .equal-columns--outside-trim .large-down--one-half:nth-of-type(2n),.equal-columns--outside-trim .large-down--eight:nth-of-type(2n),.equal-columns--outside-trim .large-down--one-third:nth-of-type(3n),.equal-columns--outside-trim .large-down--one-fourth:nth-of-type(4n),.equal-columns--outside-trim .large-down--four:nth-of-type(4n),.equal-columns--outside-trim .large-down--one-fifth:nth-of-type(5n),.equal-columns--outside-trim .large-down--one-sixth:nth-of-type(6n),.equal-columns--outside-trim .large-down--one-seventh:nth-of-type(7n),.equal-columns--outside-trim .large-down--two:nth-of-type(8n) { margin-right: 0 } .equal-columns--outside-trim .large-down--one-half:nth-of-type(odd),.equal-columns--outside-trim .large-down--eight:nth-of-type(odd),.equal-columns--outside-trim .large-down--one-third:nth-of-type(3n+1),.equal-columns--outside-trim .large-down--one-fourth:nth-of-type(4n+1),.equal-columns--outside-trim .large-down--four:nth-of-type(4n+1),.equal-columns--outside-trim .large-down--one-fifth:nth-of-type(5n+1),.equal-columns--outside-trim .large-down--one-sixth:nth-of-type(6n+1),.equal-columns--outside-trim .large-down--one-seventh:nth-of-type(7n+1),.equal-columns--outside-trim .large-down--two:nth-of-type(8n+1) { margin-left: 0 } .equal-columns--outside-trim .large-down--one-whole:nth-of-type(n+1) { width: 100%; margin-right: 0; margin-left: 0 } .equal-columns--outside-trim .large-down--one-half { width: calc(50% - 10px) } .equal-columns--outside-trim .large-down--one-third { width: calc(33.33333% - (20px - (20px / 3))) } .equal-columns--outside-trim .large-down--one-fifth { width: calc(20% - 16px) } .equal-columns--outside-trim .large-down--one-fourth { width: calc(25% - 15px) } .equal-columns--outside-trim .large-down--one-sixth { width: calc(16.66667% - (20px - (20px / 6))) } .equal-columns--outside-trim .large-down--one-seventh { width: calc(14.28571% - (20px - (20px / 7))) } .equal-columns--outside-trim .large-down--two { width: calc(12.5% - 17.5px) } .equal-columns--outside-trim .large-down--four { width: calc(25% - 15px) } .equal-columns--outside-trim .large-down--seven { width: calc(43.75% - 10px) } .equal-columns--outside-trim .large-down--eight { width: calc(50% - 10px) } .equal-columns--outside-trim .large-down--nine { width: calc(56.25% - 10px) } .large-down--show { display: block!important } .large-down--hide { display: none!important } .large-down--text-left { text-align: left!important } .large-down--text-right { text-align: right!important } .large-down--text-center { text-align: center!important } } @media only screen and (max-width: 1024px) and (max-width: 1024px) { .equal-columns--clear .large-down--one-half.large-down--one-half,.equal-columns--clear .large-down--eight.large-down--eight,.equal-columns--clear .large-down--one-third.large-down--one-third,.equal-columns--clear .large-down--one-fourth.large-down--one-fourth,.equal-columns--clear .large-down--four.large-down--four,.equal-columns--clear .large-down--one-fifth.large-down--one-fifth,.equal-columns--clear .large-down--one-sixth.large-down--one-sixth,.equal-columns--clear .large-down--one-seventh.large-down--one-seventh { clear:none } .equal-columns--clear .large-down--one-half:nth-of-type(odd),.equal-columns--clear .large-down--eight:nth-of-type(odd),.equal-columns--clear .large-down--one-third:nth-of-type(3n+1),.equal-columns--clear .large-down--one-fourth:nth-of-type(4n+1),.equal-columns--clear .large-down--four:nth-of-type(4n+1),.equal-columns--clear .large-down--one-fifth:nth-of-type(5n+1),.equal-columns--clear .large-down--one-sixth:nth-of-type(6n+1),.equal-columns--clear .large-down--one-seventh:nth-of-type(7n+1) { clear: both } } @media only screen and (max-width: 1024px) and (max-width: 1024px) { .equal-columns--outside-trim .large-down--one-half.large-down--one-half,.equal-columns--outside-trim .large-down--eight.large-down--eight,.equal-columns--outside-trim .large-down--one-third.large-down--one-third,.equal-columns--outside-trim .large-down--one-fourth.large-down--one-fourth,.equal-columns--outside-trim .large-down--four.large-down--four,.equal-columns--outside-trim .large-down--one-fifth.large-down--one-fifth,.equal-columns--outside-trim .large-down--one-sixth.large-down--one-sixth,.equal-columns--outside-trim .large-down--one-seventh.large-down--one-seventh,.equal-columns--outside-trim .large-down--two.large-down--two { margin-right:10px; margin-left: 10px } .equal-columns--outside-trim .large-down--one-half:nth-of-type(2n),.equal-columns--outside-trim .large-down--eight:nth-of-type(2n),.equal-columns--outside-trim .large-down--one-third:nth-of-type(3n),.equal-columns--outside-trim .large-down--one-fourth:nth-of-type(4n),.equal-columns--outside-trim .large-down--four:nth-of-type(4n),.equal-columns--outside-trim .large-down--one-fifth:nth-of-type(5n),.equal-columns--outside-trim .large-down--one-sixth:nth-of-type(6n),.equal-columns--outside-trim .large-down--one-seventh:nth-of-type(7n),.equal-columns--outside-trim .large-down--two:nth-of-type(8n) { margin-right: 0 } .equal-columns--outside-trim .large-down--one-half:nth-of-type(odd),.equal-columns--outside-trim .large-down--eight:nth-of-type(odd),.equal-columns--outside-trim .large-down--one-third:nth-of-type(3n+1),.equal-columns--outside-trim .large-down--one-fourth:nth-of-type(4n+1),.equal-columns--outside-trim .large-down--four:nth-of-type(4n+1),.equal-columns--outside-trim .large-down--one-fifth:nth-of-type(5n+1),.equal-columns--outside-trim .large-down--one-sixth:nth-of-type(6n+1),.equal-columns--outside-trim .large-down--one-seventh:nth-of-type(7n+1),.equal-columns--outside-trim .large-down--two:nth-of-type(8n+1) { margin-left: 0 } } @media only screen and (max-width: 1199px) { .medium-down--one { width:calc(6.25% - 20px) } .medium-down--two { width: calc(12.5% - 20px) } .medium-down--three { width: calc(18.75% - 20px) } .medium-down--four { width: calc(25% - 20px) } .medium-down--five { width: calc(31.25% - 20px) } .medium-down--six { width: calc(37.5% - 20px) } .medium-down--seven { width: calc(43.75% - 20px) } .medium-down--eight { width: calc(50% - 20px) } .medium-down--nine { width: calc(56.25% - 20px) } .medium-down--ten { width: calc(62.5% - 20px) } .medium-down--eleven { width: calc(68.75% - 20px) } .medium-down--twelve { width: calc(75% - 20px) } .medium-down--thirteen { width: calc(81.25% - 20px) } .medium-down--fourteen { width: calc(87.5% - 20px) } .medium-down--fifteen { width: calc(93.75% - 20px) } .medium-down--sixteen { width: calc(100% - 20px) } .medium-down--one-whole { width: calc(100% - 20px); left: auto!important } .medium-down--one-half { width: calc(50% - 20px) } .medium-down--one-third { width: calc(33.33333% - 20px) } .medium-down--two-thirds { width: calc(66.66667% - 20px) } .medium-down--one-fourth { width: calc(25% - 20px) } .medium-down--two-fourths { width: calc(50% - 20px) } .medium-down--three-fourths { width: calc(75% - 20px) } .medium-down--one-fifth { width: calc(20% - 20px) } .medium-down--two-fifths { width: calc(40% - 20px) } .medium-down--three-fifths { width: calc(60% - 20px) } .medium-down--four-fifths { width: calc(80% - 20px) } .medium-down--one-sixth { width: calc(16.66667% - 20px) } .medium-down--two-sixths { width: calc(33.33333% - 20px) } .medium-down--three-sixths { width: calc(50% - 20px) } .medium-down--four-sixths { width: calc(66.66667% - 20px) } .medium-down--five-sixths { width: calc(83.33333% - 20px) } .medium-down--one-seventh { width: calc(14.28571% - 20px) } .medium-down--two-sevenths { width: calc(28.57143% - 20px) } .medium-down--three-sevenths { width: calc(42.85714% - 20px) } .medium-down--four-sevenths { width: calc(57.14286% - 20px) } .medium-down--five-sevenths { width: calc(71.42857% - 20px) } .medium-down--one-eighth { width: calc(12.5% - 20px) } .medium-down--two-eighths { width: calc(25% - 20px) } .medium-down--three-eighths { width: calc(37.5% - 20px) } .medium-down--four-eighths { width: calc(50% - 20px) } .medium-down--five-eighths { width: calc(62.5% - 20px) } .medium-down--six-eighths { width: calc(75% - 20px) } .medium-down--seven-eighths { width: calc(87.5% - 20px) } .medium-down--one-tenth { width: calc(10% - 20px) } .medium-down--two-tenths { width: calc(20% - 20px) } .medium-down--three-tenths { width: calc(30% - 20px) } .medium-down--four-tenths { width: calc(40% - 20px) } .medium-down--five-tenths { width: calc(50% - 20px) } .medium-down--six-tenths { width: calc(60% - 20px) } .medium-down--seven-tenths { width: calc(70% - 20px) } .medium-down--eight-tenths { width: calc(80% - 20px) } .medium-down--nine-tenths { width: calc(90% - 20px) } .medium-down--one-twelfth { width: calc(8.33333% - 20px) } .medium-down--two-twelfths { width: calc(16.66667% - 20px) } .medium-down--three-twelfths { width: calc(25% - 20px) } .medium-down--four-twelfths { width: calc(33.33333% - 20px) } .medium-down--five-twelfths { width: calc(41.66667% - 20px) } .medium-down--six-twelfths { width: calc(50% - 20px) } .medium-down--seven-twelfths { width: calc(58.33333% - 20px) } .medium-down--eight-twelfths { width: calc(66.66667% - 20px) } .medium-down--nine-twelfths { width: calc(75% - 20px) } .medium-down--ten-twelfths { width: calc(83.33333% - 20px) } .medium-down--eleven-twelfths { width: calc(91.66667% - 20px) } .equal-columns--outside-trim .medium-down--one-half:nth-of-type(2n),.equal-columns--outside-trim .medium-down--eight:nth-of-type(2n),.equal-columns--outside-trim .medium-down--one-third:nth-of-type(3n),.equal-columns--outside-trim .medium-down--one-fourth:nth-of-type(4n),.equal-columns--outside-trim .medium-down--four:nth-of-type(4n),.equal-columns--outside-trim .medium-down--one-fifth:nth-of-type(5n),.equal-columns--outside-trim .medium-down--one-sixth:nth-of-type(6n),.equal-columns--outside-trim .medium-down--one-seventh:nth-of-type(7n),.equal-columns--outside-trim .medium-down--two:nth-of-type(8n) { margin-right: 0 } .equal-columns--outside-trim .medium-down--one-half:nth-of-type(odd),.equal-columns--outside-trim .medium-down--eight:nth-of-type(odd),.equal-columns--outside-trim .medium-down--one-third:nth-of-type(3n+1),.equal-columns--outside-trim .medium-down--one-fourth:nth-of-type(4n+1),.equal-columns--outside-trim .medium-down--four:nth-of-type(4n+1),.equal-columns--outside-trim .medium-down--one-fifth:nth-of-type(5n+1),.equal-columns--outside-trim .medium-down--one-sixth:nth-of-type(6n+1),.equal-columns--outside-trim .medium-down--one-seventh:nth-of-type(7n+1),.equal-columns--outside-trim .medium-down--two:nth-of-type(8n+1) { margin-left: 0 } .equal-columns--outside-trim .medium-down--one-whole:nth-of-type(n+1) { width: 100%; margin-right: 0; margin-left: 0 } .equal-columns--outside-trim .medium-down--one-half { width: calc(50% - 10px) } .equal-columns--outside-trim .medium-down--one-third { width: calc(33.33333% - (20px - (20px / 3))) } .equal-columns--outside-trim .medium-down--one-fifth { width: calc(20% - 16px) } .equal-columns--outside-trim .medium-down--one-fourth { width: calc(25% - 15px) } .equal-columns--outside-trim .medium-down--one-sixth { width: calc(16.66667% - (20px - (20px / 6))) } .equal-columns--outside-trim .medium-down--one-seventh { width: calc(14.28571% - (20px - (20px / 7))) } .equal-columns--outside-trim .medium-down--two { width: calc(12.5% - 17.5px) } .equal-columns--outside-trim .medium-down--four { width: calc(25% - 15px) } .equal-columns--outside-trim .medium-down--seven { width: calc(43.75% - 10px) } .equal-columns--outside-trim .medium-down--eight { width: calc(50% - 10px) } .equal-columns--outside-trim .medium-down--nine { width: calc(56.25% - 10px) } .medium-down--show { display: block!important } .medium-down--hide { display: none!important } .medium-down--text-left { text-align: left!important } .medium-down--text-right { text-align: right!important } .medium-down--text-center { text-align: center!important } } @media only screen and (max-width: 1199px) and (max-width: 1199px) { .equal-columns--clear .medium-down--one-half.medium-down--one-half,.equal-columns--clear .medium-down--eight.medium-down--eight,.equal-columns--clear .medium-down--one-third.medium-down--one-third,.equal-columns--clear .medium-down--one-fourth.medium-down--one-fourth,.equal-columns--clear .medium-down--four.medium-down--four,.equal-columns--clear .medium-down--one-fifth.medium-down--one-fifth,.equal-columns--clear .medium-down--one-sixth.medium-down--one-sixth,.equal-columns--clear .medium-down--one-seventh.medium-down--one-seventh { clear:none } .equal-columns--clear .medium-down--one-half:nth-of-type(odd),.equal-columns--clear .medium-down--eight:nth-of-type(odd),.equal-columns--clear .medium-down--one-third:nth-of-type(3n+1),.equal-columns--clear .medium-down--one-fourth:nth-of-type(4n+1),.equal-columns--clear .medium-down--four:nth-of-type(4n+1),.equal-columns--clear .medium-down--one-fifth:nth-of-type(5n+1),.equal-columns--clear .medium-down--one-sixth:nth-of-type(6n+1),.equal-columns--clear .medium-down--one-seventh:nth-of-type(7n+1) { clear: both } } @media only screen and (max-width: 1199px) and (max-width: 1199px) { .equal-columns--outside-trim .medium-down--one-half.medium-down--one-half,.equal-columns--outside-trim .medium-down--eight.medium-down--eight,.equal-columns--outside-trim .medium-down--one-third.medium-down--one-third,.equal-columns--outside-trim .medium-down--one-fourth.medium-down--one-fourth,.equal-columns--outside-trim .medium-down--four.medium-down--four,.equal-columns--outside-trim .medium-down--one-fifth.medium-down--one-fifth,.equal-columns--outside-trim .medium-down--one-sixth.medium-down--one-sixth,.equal-columns--outside-trim .medium-down--one-seventh.medium-down--one-seventh,.equal-columns--outside-trim .medium-down--two.medium-down--two { margin-right:10px; margin-left: 10px } .equal-columns--outside-trim .medium-down--one-half:nth-of-type(2n),.equal-columns--outside-trim .medium-down--eight:nth-of-type(2n),.equal-columns--outside-trim .medium-down--one-third:nth-of-type(3n),.equal-columns--outside-trim .medium-down--one-fourth:nth-of-type(4n),.equal-columns--outside-trim .medium-down--four:nth-of-type(4n),.equal-columns--outside-trim .medium-down--one-fifth:nth-of-type(5n),.equal-columns--outside-trim .medium-down--one-sixth:nth-of-type(6n),.equal-columns--outside-trim .medium-down--one-seventh:nth-of-type(7n),.equal-columns--outside-trim .medium-down--two:nth-of-type(8n) { margin-right: 0 } .equal-columns--outside-trim .medium-down--one-half:nth-of-type(odd),.equal-columns--outside-trim .medium-down--eight:nth-of-type(odd),.equal-columns--outside-trim .medium-down--one-third:nth-of-type(3n+1),.equal-columns--outside-trim .medium-down--one-fourth:nth-of-type(4n+1),.equal-columns--outside-trim .medium-down--four:nth-of-type(4n+1),.equal-columns--outside-trim .medium-down--one-fifth:nth-of-type(5n+1),.equal-columns--outside-trim .medium-down--one-sixth:nth-of-type(6n+1),.equal-columns--outside-trim .medium-down--one-seventh:nth-of-type(7n+1),.equal-columns--outside-trim .medium-down--two:nth-of-type(8n+1) { margin-left: 0 } } @media only screen and (max-width: 480px) { .small-down--one { width:calc(6.25% - 20px) } .small-down--two { width: calc(12.5% - 20px) } .small-down--three { width: calc(18.75% - 20px) } .small-down--four { width: calc(25% - 20px) } .small-down--five { width: calc(31.25% - 20px) } .small-down--six { width: calc(37.5% - 20px) } .small-down--seven { width: calc(43.75% - 20px) } .small-down--eight { width: calc(50% - 20px) } .small-down--nine { width: calc(56.25% - 20px) } .small-down--ten { width: calc(62.5% - 20px) } .small-down--eleven { width: calc(68.75% - 20px) } .small-down--twelve { width: calc(75% - 20px) } .small-down--thirteen { width: calc(81.25% - 20px) } .small-down--fourteen { width: calc(87.5% - 20px) } .small-down--fifteen { width: calc(93.75% - 20px) } .small-down--sixteen { width: calc(100% - 20px) } .small-down--one-whole { width: calc(100% - 20px); left: auto!important } .small-down--one-half { width: calc(50% - 20px) } .small-down--one-third { width: calc(33.33333% - 20px) } .small-down--two-thirds { width: calc(66.66667% - 20px) } .small-down--one-fourth { width: calc(25% - 20px) } .small-down--two-fourths { width: calc(50% - 20px) } .small-down--three-fourths { width: calc(75% - 20px) } .small-down--one-fifth { width: calc(20% - 20px) } .small-down--two-fifths { width: calc(40% - 20px) } .small-down--three-fifths { width: calc(60% - 20px) } .small-down--four-fifths { width: calc(80% - 20px) } .small-down--one-sixth { width: calc(16.66667% - 20px) } .small-down--two-sixths { width: calc(33.33333% - 20px) } .small-down--three-sixths { width: calc(50% - 20px) } .small-down--four-sixths { width: calc(66.66667% - 20px) } .small-down--five-sixths { width: calc(83.33333% - 20px) } .small-down--one-seventh { width: calc(14.28571% - 20px) } .small-down--two-sevenths { width: calc(28.57143% - 20px) } .small-down--three-sevenths { width: calc(42.85714% - 20px) } .small-down--four-sevenths { width: calc(57.14286% - 20px) } .small-down--five-sevenths { width: calc(71.42857% - 20px) } .small-down--one-eighth { width: calc(12.5% - 20px) } .small-down--two-eighths { width: calc(25% - 20px) } .small-down--three-eighths { width: calc(37.5% - 20px) } .small-down--four-eighths { width: calc(50% - 20px) } .small-down--five-eighths { width: calc(62.5% - 20px) } .small-down--six-eighths { width: calc(75% - 20px) } .small-down--seven-eighths { width: calc(87.5% - 20px) } .small-down--one-tenth { width: calc(10% - 20px) } .small-down--two-tenths { width: calc(20% - 20px) } .small-down--three-tenths { width: calc(30% - 20px) } .small-down--four-tenths { width: calc(40% - 20px) } .small-down--five-tenths { width: calc(50% - 20px) } .small-down--six-tenths { width: calc(60% - 20px) } .small-down--seven-tenths { width: calc(70% - 20px) } .small-down--eight-tenths { width: calc(80% - 20px) } .small-down--nine-tenths { width: calc(90% - 20px) } .small-down--one-twelfth { width: calc(8.33333% - 20px) } .small-down--two-twelfths { width: calc(16.66667% - 20px) } .small-down--three-twelfths { width: calc(25% - 20px) } .small-down--four-twelfths { width: calc(33.33333% - 20px) } .small-down--five-twelfths { width: calc(41.66667% - 20px) } .small-down--six-twelfths { width: calc(50% - 20px) } .small-down--seven-twelfths { width: calc(58.33333% - 20px) } .small-down--eight-twelfths { width: calc(66.66667% - 20px) } .small-down--nine-twelfths { width: calc(75% - 20px) } .small-down--ten-twelfths { width: calc(83.33333% - 20px) } .small-down--eleven-twelfths { width: calc(91.66667% - 20px) } .equal-columns--outside-trim .small-down--one-half:nth-of-type(2n),.equal-columns--outside-trim .small-down--eight:nth-of-type(2n),.equal-columns--outside-trim .small-down--one-third:nth-of-type(3n),.equal-columns--outside-trim .small-down--one-fourth:nth-of-type(4n),.equal-columns--outside-trim .small-down--four:nth-of-type(4n),.equal-columns--outside-trim .small-down--one-fifth:nth-of-type(5n),.equal-columns--outside-trim .small-down--one-sixth:nth-of-type(6n),.equal-columns--outside-trim .small-down--one-seventh:nth-of-type(7n),.equal-columns--outside-trim .small-down--two:nth-of-type(8n) { margin-right: 0 } .equal-columns--outside-trim .small-down--one-half:nth-of-type(odd),.equal-columns--outside-trim .small-down--eight:nth-of-type(odd),.equal-columns--outside-trim .small-down--one-third:nth-of-type(3n+1),.equal-columns--outside-trim .small-down--one-fourth:nth-of-type(4n+1),.equal-columns--outside-trim .small-down--four:nth-of-type(4n+1),.equal-columns--outside-trim .small-down--one-fifth:nth-of-type(5n+1),.equal-columns--outside-trim .small-down--one-sixth:nth-of-type(6n+1),.equal-columns--outside-trim .small-down--one-seventh:nth-of-type(7n+1),.equal-columns--outside-trim .small-down--two:nth-of-type(8n+1) { margin-left: 0 } .equal-columns--outside-trim .small-down--one-whole:nth-of-type(n+1) { width: 100%; margin-right: 0; margin-left: 0 } .equal-columns--outside-trim .small-down--one-half { width: calc(50% - 10px) } .equal-columns--outside-trim .small-down--one-third { width: calc(33.33333% - (20px - (20px / 3))) } .equal-columns--outside-trim .small-down--one-fifth { width: calc(20% - 16px) } .equal-columns--outside-trim .small-down--one-fourth { width: calc(25% - 15px) } .equal-columns--outside-trim .small-down--one-sixth { width: calc(16.66667% - (20px - (20px / 6))) } .equal-columns--outside-trim .small-down--one-seventh { width: calc(14.28571% - (20px - (20px / 7))) } .equal-columns--outside-trim .small-down--two { width: calc(12.5% - 17.5px) } .equal-columns--outside-trim .small-down--four { width: calc(25% - 15px) } .equal-columns--outside-trim .small-down--seven { width: calc(43.75% - 10px) } .equal-columns--outside-trim .small-down--eight { width: calc(50% - 10px) } .equal-columns--outside-trim .small-down--nine { width: calc(56.25% - 10px) } .small-down--show { display: block!important } .small-down--hide { display: none!important } .small-down--text-left { text-align: left!important } .small-down--text-right { text-align: right!important } .small-down--text-center { text-align: center!important } } @media only screen and (max-width: 480px) and (max-width: 480px) { .equal-columns--clear .small-down--one-half.small-down--one-half,.equal-columns--clear .small-down--eight.small-down--eight,.equal-columns--clear .small-down--one-third.small-down--one-third,.equal-columns--clear .small-down--one-fourth.small-down--one-fourth,.equal-columns--clear .small-down--four.small-down--four,.equal-columns--clear .small-down--one-fifth.small-down--one-fifth,.equal-columns--clear .small-down--one-sixth.small-down--one-sixth,.equal-columns--clear .small-down--one-seventh.small-down--one-seventh { clear:none } .equal-columns--clear .small-down--one-half:nth-of-type(odd),.equal-columns--clear .small-down--eight:nth-of-type(odd),.equal-columns--clear .small-down--one-third:nth-of-type(3n+1),.equal-columns--clear .small-down--one-fourth:nth-of-type(4n+1),.equal-columns--clear .small-down--four:nth-of-type(4n+1),.equal-columns--clear .small-down--one-fifth:nth-of-type(5n+1),.equal-columns--clear .small-down--one-sixth:nth-of-type(6n+1),.equal-columns--clear .small-down--one-seventh:nth-of-type(7n+1) { clear: both } } @media only screen and (max-width: 480px) and (max-width: 480px) { .equal-columns--outside-trim .small-down--one-half.small-down--one-half,.equal-columns--outside-trim .small-down--eight.small-down--eight,.equal-columns--outside-trim .small-down--one-third.small-down--one-third,.equal-columns--outside-trim .small-down--one-fourth.small-down--one-fourth,.equal-columns--outside-trim .small-down--four.small-down--four,.equal-columns--outside-trim .small-down--one-fifth.small-down--one-fifth,.equal-columns--outside-trim .small-down--one-sixth.small-down--one-sixth,.equal-columns--outside-trim .small-down--one-seventh.small-down--one-seventh,.equal-columns--outside-trim .small-down--two.small-down--two { margin-right:10px; margin-left: 10px } .equal-columns--outside-trim .small-down--one-half:nth-of-type(2n),.equal-columns--outside-trim .small-down--eight:nth-of-type(2n),.equal-columns--outside-trim .small-down--one-third:nth-of-type(3n),.equal-columns--outside-trim .small-down--one-fourth:nth-of-type(4n),.equal-columns--outside-trim .small-down--four:nth-of-type(4n),.equal-columns--outside-trim .small-down--one-fifth:nth-of-type(5n),.equal-columns--outside-trim .small-down--one-sixth:nth-of-type(6n),.equal-columns--outside-trim .small-down--one-seventh:nth-of-type(7n),.equal-columns--outside-trim .small-down--two:nth-of-type(8n) { margin-right: 0 } .equal-columns--outside-trim .small-down--one-half:nth-of-type(odd),.equal-columns--outside-trim .small-down--eight:nth-of-type(odd),.equal-columns--outside-trim .small-down--one-third:nth-of-type(3n+1),.equal-columns--outside-trim .small-down--one-fourth:nth-of-type(4n+1),.equal-columns--outside-trim .small-down--four:nth-of-type(4n+1),.equal-columns--outside-trim .small-down--one-fifth:nth-of-type(5n+1),.equal-columns--outside-trim .small-down--one-sixth:nth-of-type(6n+1),.equal-columns--outside-trim .small-down--one-seventh:nth-of-type(7n+1),.equal-columns--outside-trim .small-down--two:nth-of-type(8n+1) { margin-left: 0 } } .container { position: relative; max-width: 1200px; margin: 0 auto } @media only screen and (max-width: 1024px) { .container { width:calc(90% + 20px) } } @media only screen and (max-width: 480px) { .container { width:calc(100% - 40px) } } .container .container { width: 100% } [class*=offset-by] { position: relative } @media only screen and (max-width: 480px) { [class*=offset-by] { position:static } } .container:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } .column,.columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; box-sizing: border-box } @media only screen and (max-width: 480px) { .column:not([class*=small-down--one-half]),.columns:not([class*=small-down--one-half]) { width:100%; margin-left: 0; margin-right: 0 } } @media only screen and (max-width: 480px) { .even { margin-left:0 } } @media only screen and (max-width: 480px) { .odd { margin-right:0 } } .flex-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex } .flex-container:after { visibility: hidden; display: none; font-size: 0; content: " "; clear: both; height: 0 } .row { margin-bottom: 20px } .row:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } .container-border--top:before { display: block; content: ""; height: 0; width: calc(100% - 20px); border-top: thin solid #cccccc; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; float: left } @media only screen and (max-width: 480px) { .container-border--top:before { width:100% } } .container-border--bottom:after { display: block; content: ""; height: 0; width: calc(100% - 20px); border-top: thin solid #cccccc; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; clear: both } @media only screen and (max-width: 480px) { .container-border--bottom:after { width:100% } } .narrow-width--true.container { max-width: 1000px; margin-left: auto; margin-right: auto } .container.full-width--true,.full-width--true>.container { width: 100%; max-width: 100% } @media only screen and (max-width: 480px) { .container.fullWidthMobile--true,.column.fullWidthMobile--true,.columns.fullWidthMobile--true { width:100%!important; max-width: 100% } } @media only screen and (min-width: 481px) { .column.alpha,.columns.alpha { margin-left:0 } .column.omega,.columns.omega { margin-right: 0 } .offset-by-one { left: 6.25% } .offset-by-two { left: 12.5% } .offset-by-three { left: 18.75% } .offset-by-four { left: 25% } .offset-by-five { left: 31.25% } .offset-by-six { left: 37.5% } .offset-by-seven { left: 43.75% } .offset-by-eight { left: 50% } .offset-by-nine { left: 56.25% } .offset-by-ten { left: 62.5% } .offset-by-eleven { left: 68.75% } .offset-by-twelve { left: 75% } .offset-by-thirteen { left: 81.25% } .offset-by-fourteen { left: 87.5% } .offset-by-fifteen { left: 93.75% } } .logo { font-family: Avenir Next,sans-serif; font-weight: 400; font-style: normal; font-size: 20px; text-transform: uppercase; line-height: 1.2em } h1 { font-family: Avenir Next,sans-serif; font-style: normal; font-size: 24px; text-transform: uppercase; line-height: 1.5; color: #333; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0 auto 15px; clear: both; font-weight: 600; padding-top: 4px } @media only screen and (max-width: 1199px) { h1 { font-size:19px } } h1 a:link,h1 a:visited { font-weight: inherit; color: #333 } h1 a:hover,h1 a:active { color: #005487 } h1.collection_title_tags { padding-right: 25px; border-right: solid 1px #cccccc } h2,.h2,h2.title { font-family: Avenir Next,sans-serif; font-weight: 600; font-style: normal; font-size: 21px; text-transform: uppercase; line-height: 1.5; color: #333; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-bottom: .75em } @media only screen and (max-width: 1199px) { h2,.h2,h2.title { font-size:16px } } h2 a,.h2 a,h2.title a { font-weight: inherit } h2.collection_title,.h2.collection_title,h2.title.collection_title { margin-bottom: 0; display: inline } h2.product_name a,.h2.product_name a,h2.title.product_name a { color: #333 } .cart h2 { margin-top: 0 } h3,.h3 { font-family: Avenir Next,sans-serif; font-weight: 600; font-style: normal; font-size: 19px; text-transform: uppercase; line-height: 1.5; color: #333; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0 auto 15px 0 } @media only screen and (max-width: 1199px) { h3,.h3 { font-size:15px } } h3 a,h3 a:visited,.h3 a,.h3 a:visited { font-weight: inherit; color: #333 } h3.title,.h3.title { line-height: 1.25; margin: 0 auto 15px; clear: both; padding-top: 4px } h3.title a,h3.title a:visited,.h3.title a,.h3.title a:visited { color: #333 } h3.sub_title,.h3.sub_title { padding: 5px 0; color: #333 } h3.sub_title a,.h3.sub_title a { color: #333 } h4,.h4 { font-family: Avenir Next,sans-serif; font-weight: 600; font-style: normal; font-size: 16px; text-transform: uppercase; line-height: 1.5; color: #333; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0 0 .5em; padding: 7px 0 } @media only screen and (max-width: 1199px) { h4,.h4 { font-size:12px } } h4 a,.h4 a { font-weight: inherit } h4.title a,.h4.title a { border: 0; padding: 0; margin: 0 } h5,.h5 { font-family: Avenir Next,sans-serif; font-weight: 600; font-style: normal; font-size: 15px; text-transform: uppercase; line-height: 1.5; color: #333; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0 0 .5em; padding: 7px 0 } @media only screen and (max-width: 1199px) { h5,.h5 { font-size:12px } } h5 a,.h5 a { font-weight: inherit } h5.sub_title,.h5.sub_title { padding: 5px 0; color: #333 } h5.sub_title a,.h5.sub_title a { color: #333 } h6,.h6 { font-family: Avenir Next,sans-serif; font-weight: 600; font-style: normal; font-size: 14px; text-transform: uppercase; line-height: 1.5; color: #333; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 1px; margin: 0 0 .5em; padding: 7px 0 } @media only screen and (max-width: 1199px) { h6,.h6 { font-size:11px } } h6 a,.h6 a { font-weight: inherit } h6.title,.h6.title { line-height: 32px; margin: 0 0 .5em; color: #333 } .cart h6 { margin-top: 0 } .collection_title { font-family: Avenir Next,sans-serif; font-weight: 600; font-style: normal; font-size: 24px; text-transform: uppercase; line-height: 1.5; color: #333; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0 auto 15px; clear: both; padding-top: 4px } @media only screen and (max-width: 1199px) { .collection_title { font-size:19px } } .collection_title a { font-weight: inherit; color: #333 } .collection_title a:hover,.collection_title a:active { color: #005487 } div.collection_title { margin-bottom: 0; line-height: 24px; display: inline } div.collection_title_tags { padding-right: 25px; border-right: solid 1px #cccccc } .headline,.empty_cart,.promo_banner,.title { font-family: Avenir Next,sans-serif; font-weight: 600; font-style: normal; font-size: 24px; text-transform: uppercase; line-height: 1.5; color: #333; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } @media only screen and (max-width: 1199px) { .headline,.empty_cart,.promo_banner,.title { font-size:19px } } .title.center.blog a { color: #333 } p { margin: 0 0 15px; font-style: normal; line-height: 1.6em } p img { margin: 0 } sub { font-size: 60% } em,i { font-style: italic } strong,b { font-weight: 700 } small { font-size: 90% } .feature img { position: relative; top: 7px; margin-right: 5px; width: 25px; height: 25px } .onboard-text { margin: 0 } .page-divider { opacity: 0; border-color: #aaa; border-top: 0 } .active-divider { opacity: 1 } .feature p { font-size: smaller } #featured_links { padding: 20px 0 } #featured_links h2 { padding-top: 15px } #featured_links .column,#featured_links .columns { opacity: 1 } .slider-gallery .shopify-product-reviews-badge { height: 30px; display: block } .spr-badge+.feature_divider { margin-top: 15px } .spr-badge { padding: 5px 0 } .thumbnail .spr-badge-caption { display: none } div#shopry-review-photos a { display: block!important } .feature_divider { width: 100%; margin-bottom: 20px; display: block; border: 0; border-color: #aaa; border-bottom-width: 1px; border-bottom-style: solid } .feature_divider.no-margin { margin-bottom: 0 } @media only screen and (max-width: 1199px) { .feature_divider { margin-bottom:10px } } div.container.bottom-fix { padding-bottom: 0 } .page .feature_divider,.page h2.title+.feature_divider { margin-bottom: 15px } blockquote,blockquote p { font-size: 17px; line-height: 24px; font-style: italic } blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #cccccc } blockquote cite { display: block; font-size: 12px; color: #555 } blockquote cite a,blockquote cite a:visited { color: #555 } blockquote cite:before { content: "\2014 " } hr { border-color: #aaa; border-width: 1px; border-style: solid; clear: both; margin: 12px 0; height: 0 } .cart_container hr { border-top-width: 0px } div.section.collection_description { margin: 0 0 1.5em } a,a:visited,a span { color: #005487; text-decoration: none; position: relative; transition: color .1s linear } a:hover,a:focus { color: #6b6b6b } a,button,input,select,textarea,label,summary { touch-action: manipulation } ul,ol { margin-bottom: 20px } ul ul,ul ol,ol ul,ol ol { margin: 4px 0 5px 30px } ul ul li,ul ol li,ol ul li,ol ol li { margin-bottom: 6px } ul li,ol li { margin-bottom: 12px } ul { list-style: disc outside } ul.square { list-style: square outside } ul.circle { list-style: circle outside } ul.disc { list-style: disc outside } ul.large li { line-height: 21px } ul.none { list-style: none outside; margin-left: 0 } ul.border { list-style: none outside; line-height: 26px } ul.border li { border-bottom: 1px solid #cccccc; list-style: none outside none; padding: 12px 0; margin-bottom: 0 } ol { list-style: decimal } .header { z-index: 1000; width: 100%; top: 0 } .header a,.header a:visited,.header a span,.header select.currencies { color: #252525; text-shadow: none } .header div.container { padding-bottom: 5px; padding-top: 5px } body.is-active { overflow-y: hidden } body.is-active #header { bottom: 0; overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch } #header.mobile_nav-fixed--true,.mobile_nav-fixed--false.is-active #header { position: fixed; z-index: 2000; width: 100%; top: 0; left: 0 } .isp_sorting_and_result_view_wrapper #isp_search_res_sorting_menu>li#search_res_sorting_title { padding-right: 8px } .isp_sorting_and_result_view_wrapper #isp_search_res_sorting_menu>li>a { min-width: 140px } @media (max-width: 768px) { #header.mobile_nav-fixed--true,.mobile_nav-fixed--false.is-active #header { top:36px!important } .banner-template-section { padding-top: 80px } .banner-template-section .banner { margin-top: 0!important } } #header { display: none; pointer-events: all } #header .top_bar { text-align: center; height: 40px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center } #header .top_bar .icon-search { z-index: 3; color: #252525 } #header .top_bar .icon-search:before { font-size: 18px } #header .top_bar a.right { left: auto; right: 15px; font-size: 20px; padding-top: 8px; top: 4px; z-index: 1 } #header .top_bar a.mobile_nav { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; z-index: 1 } #header .top_bar a.mini_cart { color: #252525; background-color: #fff } #header .top_bar>a,#header .top_bar>a:visited,#header .top_bar>a:active { display: block; font-size: 25px; outline: 0; -webkit-tap-highlight-color: rgba(0,0,0,0) } #header .top_bar a span { color: #252525; display: inline-block; padding-left: 4px; position: relative } #header .top_bar a.icon-bag:before,#header .top_bar a.icon-cart:before { font-size: 18px!important } .nav ul.mobile_menu li a { display: inline-block } .menu .vertical-menu li { position: relative } .vertical-menu { display: inline } .menu .sublink:hover .vertical-menu_submenu,.menu .vertical-menu_submenu .sublink:hover .vertical-menu_sub-submenu { visibility: visible; opacity: 1; transition: opacity .3s ease-in; pointer-events: all; z-index: 2000 } .menu .vertical-menu_submenu { position: absolute; left: 0; top: 100%; padding-left: 0; margin: 0; visibility: hidden; opacity: 0; transition: opacity .5s ease-in; pointer-events: none; text-align: left; width: 270px; background: #fff } .menu .vertical-menu_submenu li { padding: 0 20px; display: block } .menu .vertical-menu_submenu a { display: block; font-size: 14px; letter-spacing: 1px } .menu .vertical-menu_submenu a:active { font-size: 14px; letter-spacing: 1px } .menu .vertical-menu_submenu span.icon-down-arrow { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg) } .menu .vertical-menu_submenu.is-visible,.menu .vertical-menu_sub-submenu.is-visible { visibility: visible; opacity: 1; transition: opacity .3s ease-in; pointer-events: all; z-index: 2000 } .menu .vertical-menu_sub-submenu { position: absolute; left: 100%; top: 0; padding-left: 0; margin: 0; visibility: hidden; opacity: 0; transition: opacity 5s ease-in; pointer-events: none; width: 270px; background: #fff } .menu .vertical-menu_sub-submenu li { padding: 0 20px; display: block } .menu .vertical-menu_sub-submenu a { display: block } .vertical-menu_submenu.vertical-menu--align-right { right: 0; left: auto } .vertical-menu_sub-submenu.vertical-menu--align-right { right: 100%; left: auto } li>a.url-deadlink { cursor: default } #header .mobile_nav.dropdown_link span.menu_title { position: absolute; left: 40px } .mobile_nav div { width: 30px; height: 43px; position: relative; float: left; margin: 0 8px 0 5px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0); transition: .1s ease-in-out; cursor: pointer } .mobile_nav div span { display: block!important; position: absolute!important; height: 1px!important; width: 100%; background: #252525; border-radius: 9px; opacity: 1; left: 0; padding: 0!important; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0); transition: .1s ease-in-out } .mobile_nav div span:nth-child(1) { top: 10px } .mobile_nav div span:nth-child(2),.mobile_nav div span:nth-child(3) { top: 20px } .mobile_nav div span:nth-child(4) { top: 30px } .mobile_nav div.open span:nth-child(1) { top: 9px; width: 0%; left: 50% } .mobile_nav div.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } .mobile_nav div.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) } .mobile_nav div.open span:nth-child(4) { top: 9px; width: 0%; left: 50% } #mobile_menu { margin: 10px 20px } #mobile_menu li { padding-right: 0; display: block } #mobile_menu li a span.icon-down-arrow { padding: 0 15px!important } #mobile_menu .sublink ul { display: none; margin-left: 0; padding-left: 10px } .feature_image.editor-hover--true .main_nav,.feature_image.editor-hover--true .dropdown { background: #fff; clear: both; transition: all .3s linear; animation: fadeIn .3s linear none } .cart_container { float: right } .top_bar { height: 40px; background-color: #fff; padding: 0 0 0 10px } @media screen and (min-width: 799px) { .top_bar { display:none } } .top_bar .social_icons { float: left; margin: 0; padding-left: 10px } .top_bar .social_icons li { padding: 5px } .top_bar a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center } .top_bar a.mobile_nav { color: #252525 } .top_bar ul.social_icons a { display: inline; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none } .top_bar .top_bar--right { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; margin-left: auto; height: 40px } .top_bar .top_bar--right .icon-search { display: inline-block; line-height: 0; padding-right: 15px } .top_bar .top_bar--right .cart_container { display: inline-block } .top_bar .mini-cart__item__title a { display: block } .top_bar .mini-cart__item__title span { color: #333 } .top_bar .mini-cart__item__title .sale { color: #9a2f36 } .top_bar .mini-cart__item__title .was_price { color: #8c8b8b } .main_nav { display: flex; align-items: center; flex-wrap: wrap } .main_nav,.dropdown { background: #fff; clear: both; transition: all .3s linear; animation: fadeIn .3s linear none } .sticky_nav { position: fixed; width: 100%; z-index: 35; top: 0; left: 0; padding: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); transition: all .3s ease-in-out } .sticky_nav .mini_cart { font-size: 18px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; padding-top: 15px } .sticky_nav .mini_cart:before { padding-top: 3px; margin: 0 } .sticky_nav .mini_cart .cart_count { margin: 0; padding: 0 0 0 8px } .sticky_nav .main_nav.menu-position--inline div.logo { width: 16% } .sticky_nav .main_nav.menu-position--block .logo { padding-left: 20px; width: 16%; text-align: left } .sticky_nav .main_nav.menu-position--block .logo a { padding-top: 12px; padding-bottom: 12px } .sticky_nav .main_nav.menu-position--block .nav { width: 84%; clear: none; float: left } .is-active .sticky_nav { bottom: 0; overflow-y: scroll; overflow-x: hidden } .sticky_nav--stick { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0); opacity: 1 } @media only screen and (max-width: 1199px) { .sticky_nav--stick { display:none } } .sticky_nav--unstick { opacity: 0; transition: opacity 0s } .sticky_nav ul.menu { padding-top: 0!important; padding-bottom: 0!important; flex: 1 } .sticky_nav ul.menu,.sticky_nav .mini_cart { font-size: 14px; padding-bottom: 0!important } .sticky_nav .main_nav .nav { display: flex; align-items: center } .sticky_nav .cart_container { order: 2 } .sticky_nav .cart_container .mini_cart { padding-top: 0; align-items: center } .sticky_nav .cart_container .mini_cart:before { padding-top: 0; margin: -4px 0 0 } .menu.center,.menu.align_right,.menu.align_left { margin: 0 20px } .menu { display: block; border: none; padding: 0; margin: 0 } .menu li { display: inline-block; margin: 0; border: 0 } .nav ul li a.sub-menu { padding: 10px 4px; z-index: 1001 } .nav ul li:hover a.sub-menu { color: #252525 } .menu a,.menu a:visited,.menu a:active,#header span.menu_title,.menu a span,select.currencies,.mini_cart span { font-family: Avenir Next,sans-serif; font-weight: 600; font-style: normal; font-size: 14px; text-transform: uppercase; color: #252525; position: relative; display: block; letter-spacing: 1px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: rgba(0,0,0,0) } @media only screen and (max-width: 1199px) { .menu a,.menu a:visited,.menu a:active,#header span.menu_title,.menu a span,select.currencies,.mini_cart span { font-size:12px } } .menu ul a { padding-top: 12px; padding-bottom: 12px } .feature_image .main_nav a,.feature_image .main_nav a span { color: #ccc } #header span.menu_title,.menu a span,select.currencies,.mini_cart span { padding-left: 5px; padding-right: 5px } #header span.menu_title { cursor: pointer; height: 40px; line-height: 20px; margin-top: -2px } .menu li { position: relative; vertical-align: top; padding-right: 10px } .shopify-currency-form { margin-bottom: 0 } select.currencies { height: 40px; min-height: 40px; padding-top: 0; padding-bottom: 0; cursor: pointer; background-image: url(//www.bestbullysticks.com/cdn/shop/t/136/assets/select_light.png?v=46580375103039540951736961035) } @media only screen and (max-width: 1199px) { select.currencies { font-size:16px } } #mobile_menu select.currencies { padding-left: 0 } .feature_image .header .menu a,.feature_image .header .menu a:visited,.feature_image .header .menu a span { color: #ccc } .feature_image .header .menu a[href]:hover,.menu a.active,.menu a.active span,.feature_image .header .menu a.active,.header_bar a.active,.feature_image .header .menu a:focus { color: #1b1f23 } .menu li a[href]:hover,.menu li a:focus,.menu a[href]:hover span { color: #1b1f23 } .menu a.top_link,.menu a.dropdown_link { border-bottom: solid 1px transparent } .menu a.top_link:hover,.menu a.dropdown_link:hover,.menu a.active_link,.feature_image a.top_link:hover { border-bottom: solid 1px #1b1f23 } .menu a span { display: inline; vertical-align: top } .top_bar a,.top_bar a:visited,.top_bar a:active,.top_bar a span,.top_bar select.currencies,a.mini_cart,a.mini_cart span,.feature_image .header .top_bar .menu a,.feature_image .header .top_bar .menu a span { color: #fff; font-size: 12px; letter-spacing: 1px } .top_bar li a:hover,.top_bar li a[href]:hover,.top_bar li a[href]:hover span,.top_bar li a:active,.top_bar li a:hover span,.top_bar a:active span,.top_bar .currencies:hover,.feature_image .header .top_bar .menu a:hover,.feature_image .header .top_bar .menu a:hover span { color: #ccc } .top_bar li { padding-left: 10px; padding-right: 10px } .top_bar .menu a,.top_bar .social_icons a { height: 40px; line-height: 40px; padding: 0 } .mini_cart,.nav a.mini_cart { float: right; text-align: center; cursor: pointer; background-color: #005487; padding-left: 5px; padding-right: 5px; margin-left: 5px; height: 40px; z-index: 2001 } @media only screen and (min-width: 1200px) { .mini_cart,.nav a.mini_cart { padding-left:15px; padding-right: 15px } } @media only screen and (max-width: 1199px) { .mini_cart,.nav a.mini_cart { right:0 } } .cart_container li.mini-cart__item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between } .top_bar a.mini_cart span { padding-top: 0; padding-bottom: 0; line-height: 40px } a.tos_icon,.cart_content a.tos_icon { font-size: 13px; color: #005487 } a.tos_icon:visited,.cart_content a.tos_icon:visited { color: #005487 } a.tos_icon:hover,.cart_content a.tos_icon:hover { color: #6b6b6b } .cart_content__continue-shopping,.no-touchevents a.cart_content__continue-shopping.secondary_button,.touchevents a.cart_content__continue-shopping.secondary_button { display: none } @media only screen and (max-width: 1199px) { .no-touchevents a.cart_content__continue-shopping.secondary_button,.touchevents a.cart_content__continue-shopping.secondary_button { display:block; border-top: 0; margin: 0 auto 10px; padding-top: 0; padding-bottom: 10px; position: static; font-size: inherit; letter-spacing: inherit } } .mini_cart span { display: inline-block } .cart_container .cart_content { display: none } .cart_container.active_link .cart_content { display: block; overflow-y: auto; max-height: calc(90vh - 100px) } .cart_container.active_link .cart_content::-webkit-scrollbar { -webkit-appearance: none; width: 7px } .cart_container.active_link .cart_content::-webkit-scrollbar-thumb { border-radius: 0; background-color: #00000080; -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5) } html.touchevents .cart .cart_container { pointer-events: none } #cart_form p.modal_price { margin-bottom: 0; padding-bottom: 0 } #cart_form .product-quantity-box { margin: 15px 0; width: 130px } .cart_content .product-quantity-box { margin: 15px 0 0; width: 130px } .cart_content .product-plus.is-disabled,.cart_content .product-minus.is-disabled,#cart_form .product-plus.is-disabled,#cart_form .product-minus.is-disabled { pointer-events: none } .cart_content .product-quantity-box .quantity,#cart_form .product-quantity-box .quantity { padding: 0 5px; width: 30%; min-height: 30px; height: 30px } .cart_content .product-quantity-box .product-plus,#cart_form .product-quantity-box .product-plus,.cart_content .product-quantity-box .product-minus,#cart_form .product-quantity-box .product-minus { font-size: 15px; line-height: 30px; height: 30px; padding-right: 2px; width: 25% } #cart_form .product-quantity-box .product-minus,#cart_form .product-quantity-box .product-plus,.nav .product-quantity-box .product-minus,.nav .product-quantity-box .product-plus { padding-right: 0 } #cart_form .icon-minus,#cart_form .icon-plus { position: relative; left: 1px } .cart_container.active_link .mini_cart,.cart_container.active_link .mini_cart span { background-color: #fff; color: #333!important } .cart_content { top: 40px; right: 0; position: absolute; z-index: 2000; background-color: #fff; font-family: Roboto,sans-serif; font-weight: 400; font-style: normal; text-transform: none; color: #333; border: 1px solid #cccccc; border-top: 0; border-right: 0; width: 100%; max-width: 320px } @media only screen and (min-width: 1200px) { .cart_content { max-width:420px } } div.cart_content form { margin: 15px 0 0; padding: 0 } .mini-cart__item.animated,.cart__item.animated { animation-duration: .7s } .mini-cart__item--image { width: 40% } .cart_content li.mini-cart__item { position: relative } .cart_content li.mini-cart__item a.cart__remove-btn { position: absolute; top: 0; right: 0 } .cart_content li.mini-cart__item a.cart__remove-btn:active { position: absolute } .cart_content li.mini-cart__item a.cart__remove-btn span { color: #333 } .cart_content li.mini-cart__item a.cart__remove-btn .remove-icon { margin-left: 0 } .cart_content li.mini-cart__item a.cart__remove-btn .remove-icon:before { font-size: 25px } #header .top_bar a span.remove-icon { color: #333 } #header li.mini-cart__item a.cart__remove-btn { top: 0 } .cart_content .mini-cart__item--content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative } .cart_content .mini-cart__item--content .mini-cart__item__title { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-right: 20px } .cart_content .mini-cart__item--content .price { padding-top: 10px; line-height: 1; text-align: left } .cart__item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; margin: 10px 0; padding: 10px 0; position: relative; border-bottom: 1px solid #cccccc } @media only screen and (max-width: 1199px) { .cart__item .cart__item--image { max-width:33.333% } .cart__item .cart__item--content { margin-left: 20px } .cart__item .cart__item_--title { margin-right: 20px } } .cart__item .cart__item--title { margin-right: 15% } .cart__item .cart__item--discount,.cart__item .cart__item--discount .label { color: #9a2f36; margin-top: 15px } .cart_discounts { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; line-height: 1 } .cart_discounts .cart_discounts--title { width: 60%; margin-right: 20px } .cart_discounts .cart_discounts--price { width: calc(40% - 20px); text-align: right } .cart__remove-btn { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; cursor: pointer; position: absolute; right: 0; top: 10px } .cart__remove-btn span.remove-text,.cart__remove-btn span.remove-icon { color: #333 } .cart__remove-btn:hover span,.cart__remove-btn:active span { color: #6b6b6b } @media only screen and (max-width: 1024px) { .cart__remove-btn .remove-text { display:none } } .cart__remove-btn .remove-icon { margin-left: 5px } .cart__remove-btn .remove-icon:before { font-family: Arial,Helvetica CY,Nimbus Sans L,sans-serif!important; font-size: 25px; line-height: 1em; display: block; content: "\d7" } .cart .cart_subtotal { font-weight: 700; font-size: larger } .cart_content .cart_subtotal { text-align: left; font-weight: 700 } .cart_content a,.cart_content a:visited,.cart_content a:hover,.cart_content a .price,.cart_content a .price span { color: #333!important } .cart_content a .price span { padding-left: 5px } .cart_content ul { list-style: none; margin: 0; padding: 15px 20px } .cart_content ul li { padding-left: 0; padding-right: 0 } .cart_content ul li:empty { margin-bottom: 0 } .cart_content ul li .cart_discounts--title { text-align: left } .cart_content ul li { list-style: none; clear: both } .cart_content .action_button { width: 100% } .top_bar [class^=icon-]:before,.top_bar [class*=" icon-"]:before,.mini_cart { font-size: 15px; margin-right: 0 } #customer_login_guest,#customer_login { display: inline } @media only screen and (max-width: 480px) { #customer_login_guest,#customer_login { display:block } } input[type=submit].guest_button,input[type=button].guest_button { color: #005487; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: transparent; border: 0; padding: 0; text-align: left } input[type=submit].guest_button:hover,input[type=button].guest_button:hover { background: transparent; border: 0; color: #6b6b6b } @media only screen and (min-width: 1200px) { input[type=submit].guest_button,input[type=button].guest_button { text-align:center } } .menu ul li .mini_cart span { padding-left: 5px; top: -1px } .sticky_nav div.logo { padding-top: 10px!important; padding-bottom: 10px!important } .sticky_nav div.logo img { width: 80px; margin: 0 } .dropdown_container { clear: both; width: 100%; display: none } .dropdown_container img { max-width: 100% } .dropdown { position: absolute; width: 100%; z-index: 1000 } .dropdown_content { display: table; width: 100%; margin: 0 auto } .dropdown_container.mega-menu .dropdown_content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: 100%; margin: 0 auto } .mega-menu__richtext,.mega-menu__image-caption-link { padding: 0 5px } .mega-menu__richtext a,.mega-menu__richtext a:active,.mega-menu__richtext a:hover { display: inline-block; text-transform: none } .mega-menu__image-caption-link { text-align: center; margin-bottom: 10px } .mega-menu__image-caption-link a,.mega-menu__image-caption-link a:visited,.mega-menu__image-caption-link a:active,.mega-menu__image-caption-link a:hover { text-transform: none; display: block } .mega-menu__image-caption,.mobile-mega-menu__image-caption { margin: 10px 0 } .dropdown_content a p,.mobile-mega-menu a p { padding: 0 } .dropdown_content p,.mobile-mega-menu p { font-family: Avenir Next,sans-serif; font-size: 14px; font-style: normal; color: #252525; padding-top: 12px; padding-bottom: 12px; position: relative; display: block; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: rgba(0,0,0,0); outline: 0; margin-bottom: 0 } .dropdown_content p,.dropdown_content a,.dropdown_content a:hover,.dropdown_content a:active { font-size: 14px; letter-spacing: 1px } .dropdown_column__menu+.dropdown_column__menu { margin-top: 10px } .dropdown_narrow { width: 60% } .dropdown_column { display: table-cell; padding: 15px 20px 30px; width: 16.666%; vertical-align: top } .dropdown_column img { max-width: 100% } .dropdown_column ul { margin: 0; padding: 0 } .dropdown_column ul.dropdown_title { border-bottom: solid 1px #252525; padding-bottom: 10px } .dropdown_column ul.dropdown_item { text-align: center } .dropdown_container.mega-menu .dropdown_column { display: inline-block; padding: 15px 20px 30px; -webkit-box-flex: 1; -ms-flex: 1 0 16.666%; flex: 1 0 16.666%; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; vertical-align: top } .dropdown_column li { display: block } .dropdown_column li a,.dropdown_column li a:hover,.dropdown_column li a:active { padding-bottom: 0; text-transform: none } .dropdown_row { display: table-row } select.currencies { border: 0!important; background-color: transparent; margin-bottom: 0!important; min-width: 65px; outline: 0; background-position: 96.5% 55%; background-size: 18px 12px; text-shadow: none!important; box-shadow: none!important; -webkit-appearance: none; -moz-appearance: none; text-indent: .01px; text-overflow: ""; appearance: none } select.currencies:active { border: 0; outline: 0; text-shadow: 0; box-shadow: 0 } select.currencies option { background: #fff; color: #252525 } .menu li.currencies { padding: 0 } .container div.collection_nav { margin-bottom: 1.5em } .collection_menu,.collection_menu li { display: inline; list-style: none; border: none; position: relative; top: -3px; margin: 0 } .collection_menu li { padding-left: 25px } .sidebar-wrap { border-right: 1px solid #cccccc; margin-right: 0; padding-right: 20px } @media only screen and (max-width: 1199px) { .sidebar-wrap { border:none; margin: 0; padding-right: 0 } } .sidebar-wrap h4,.sidebar-wrap h4.toggle { margin: 0; padding: 0 } @media only screen and (max-width: 1199px) { .sidebar-wrap h4.toggle { margin:10px 0 } } .sidebar a,.sidebar a:visited { color: #363636 } .sidebar a:hover,.sidebar a:active { color: #007bb6 } .sidebar .meta { margin-left: 2px } .sidebar .spr-badge,.sidebar .recently-viewed-list .brand { color: #333 } .toggle-all--true h4.toggle { cursor: pointer; pointer-events: all } .toggle-all--true .toggle span { display: block } .toggle-all--true .toggle_list { display: none } .content_block.toggle_list a { display: inline; position: static; padding-left: 0; margin-left: 0; border-left: none; color: #005487 } .content_block.toggle_list a:hover { border-left: none; color: #6b6b6b } .toggle_list { margin: 0; padding: 10px 0 15px } .toggle_list a { display: inline-block; position: relative; margin-left: 0; max-width: 80%; border-left: solid 2px transparent; transition: border .2s ease-out } .toggle_list a.active,.toggle_list a.active--default { padding-left: 8px; border-left: solid 2px #B8C6C6 } ul.toggle_list li ul { display: none } ul.toggle_list li ul.active { display: block } .sidebar .toggle_list a.active { border-left: solid 9px #007bb6 } .toggle_list li { list-style: none; line-height: 1.4em; padding: 8px 0 } .toggle_list .meta span { line-height: 2.5 } .sidebar_text { margin-bottom: 12px; padding-top: 10px } .sidebar_content { border-left: solid 1px #cccccc; padding-left: 20px } .sidebar_content .toggle_list li { line-height: 1.2 } .sidebar .newsletter { margin-bottom: 20px } .sidebar .newsletter form { width: 100% } .sidebar li ul { margin: 8px 0 0 15px } .sidebar .toggle_list li ul { padding-left: 0 } .sidebar ul li { margin-bottom: 0 } .sidebar input.sign_up[type=submit],.sidebar input.contact_email[type=email] { width: 100%!important; margin-left: 0 } .blog_search { position: relative } .sidebar-block { margin-bottom: 15px; border-bottom: 1px solid #cccccc } .sidebar-block:last-child { border-bottom: none } .sidebar-block:empty { border-bottom: none } .sidebar-block:blank { border-bottom: none } .sidebar-block:first-child h4.toggle { padding-top: 0 } .sidebar-block h4.toggle { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; margin-bottom: 0; padding: 15px 0; line-height: 1.5 } .sidebar .filter-active-tag { position: relative } .color-filter--true label { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center } .sidebar__collection-filter a,.sidebar__collection-filter label { cursor: pointer } .sidebar__collection-filter label { text-transform: none; font-weight: 400; font-size: inherit } .sidebar__collection-filter label:hover { color: #6b6b6b } .sidebar__collection-filter input[type=checkbox] { display: none } .sidebar__collection-filter input.styled-checkbox[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; box-sizing: border-box; width: 20px; height: 20px; display: inline-block; cursor: pointer; position: relative; vertical-align: top; background-size: cover; margin-right: 15px } .sidebar__collection-filter button.clear-active-filter,.sidebar__collection-filter button.clear-active-filter:active { color: #005487; background-color: transparent; border: none; outline: 0; box-shadow: 0; font-family: inherit; letter-spacing: 0; text-transform: none; position: absolute; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 0; right: 0; left: auto; padding: 2px 4px; line-height: 1.2; display: block; height: auto; min-height: auto } .sidebar__collection-filter button.clear-active-filter:hover { color: #6b6b6b } .sidebar__collection-filter .x-icon { position: relative; display: inline-block; overflow: visible; width: 15px; height: 15px; margin: 0 2px 0 0; padding: 0; cursor: pointer; transition: color .2s; text-decoration: none; font-style: normal; color: #95979c; border: 0; outline: 0; background: transparent; vertical-align: middle; top: -1px } .sidebar__collection-filter .x-icon:before { font-family: Arial,Helvetica CY,Nimbus Sans L,sans-serif!important; font-size: 25px; line-height: 15px; position: absolute; top: 0; left: 0; display: block; width: 15px; content: "\d7"; text-align: center } ::-webkit-input-placeholder { color: #888 } :-moz-placeholder { color: #888 } ::-moz-placeholder { color: #888 } :-ms-input-placeholder { color: #888 } .featured_collections.sub-collection,.featured_collections.sub-collection .thumbnail { margin-bottom: 10px } @media only screen and (max-width: 1199px) { .featured_collections.sub-collection .thumbnail { width:100% } } .sub-collection--2 .thumbnail { width: calc(50% - 20px) } .sub-collection--2 .thumbnail:nth-child(odd) { clear: both } .sub-collection--3 .thumbnail { width: calc(33.33333% - 20px) } .sub-collection--3 .thumbnail:nth-child(3n+1) { clear: both } .sub-collection--4 .thumbnail { width: calc(25% - 20px) } .sub-collection--4 .thumbnail:nth-child(4n+1) { clear: both } .list-collection-wrapper img[src*="/no-image"] { opacity: 0 } .list-collection-wrapper img[src*="/no-image"]~.thumbnail-overlay { opacity: 1!important } .list-collection-wrapper img[src*="/no-image"]~.thumbnail-overlay .collection-details { opacity: 1; transform: none } @media only screen and (max-width: 1199px) { .list-collection-wrapper img[src*="/no-image"]~.collection-info__caption { display:block; position: absolute; top: 0; left: 0; bottom: 0; right: 0 } } .list-collection-wrapper .img { width: 100% } .list-collection-wrapper .collection-info__caption { display: block; margin-top: 20px } @media only screen and (max-width: 1199px) { .list-collection-wrapper .collection-info__caption { display:block; position: static } } .blog-header { margin-bottom: 5px } .blog-header .blog-title.blog-tags--true { float: none } .blog-header .blog-title { float: left } @media only screen and (max-width: 1199px) { .blog-header .blog-title { width:100%; margin-bottom: 0 } } .blog-header .subtitle { clear: both } .blog-header .feature_divider { clear: both; width: 100% } .article .icon-slash { padding-right: 5px } .section_select { padding: 0; text-align: right; float: right } .section_select .blog_filter,.section_select .tag_filter,.section_select .sort_by { color: #333; display: inline-block; border: none; padding-right: 30px; background-position: 100% 50%; background-color: #fff; font-family: Avenir Next,sans-serif; font-weight: 600; font-style: normal; font-size: 14px; text-transform: uppercase; width: auto; margin-bottom: 0; max-width: 80% } @media only screen and (max-width: 1199px) { .section_select .blog_filter,.section_select .tag_filter,.section_select .sort_by { float:none; width: 100%; max-width: 100%; font-size: 16px; padding-left: 0 } } div.breadcrumb-collection { margin-bottom: 20px } div.breadcrumb-collection+div.section { margin-top: 0 } @media only screen and (max-width: 1199px) { div.breadcrumb-collection { margin-top:15px; text-align: center } } .breadcrumb_text,.article-pagination { margin-top: 0; text-transform: uppercase; font-size: 14px; margin-bottom: 0 } @media only screen and (max-width: 1199px) { .breadcrumb_text,.article-pagination { margin-top:0 } } .breadcrumb_text .breadcrumb-divider,.article-pagination .breadcrumb-divider { color: #005487; margin: 0 5px } .breadcrumb_link:hover span { color: #6b6b6b } .breadcrumb { font-size: 15px } @media only screen and (max-width: 1199px) { .breadcrumb { margin-bottom:20px } } .product_row img,.product_image_col img,.article img,.section img,.thumbnail img,.page img,.sidebar img,.logo img,.cart_image img,.footer img,#target img,.column img,.columns img { max-width: 100%; height: auto } .rebuy-product-media img { border-radius: 16px } .image-crop--left img,.image-crop--left .image-element__wrap { -o-object-fit: cover; object-fit: cover; -o-object-position: left; object-position: left; font-family: "object-fit: cover; object-position: left"; height: 100%!important } .image-crop--right img,.image-crop--right .image-element__wrap { -o-object-fit: cover; object-fit: cover; -o-object-position: right; object-position: right; font-family: "object-fit: cover; object-position: right"; height: 100%!important } .image-crop--center img,.image-crop--center .image-element__wrap { -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover"; height: 100%!important } .featured-products-section .section { margin: 30px 0 } .placeholder-svg { fill: #333333e6; background-color: #33333380; width: 100%; height: 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; display: block } .placeholder-svg--banner,.placeholder-svg--slideshow,.placeholder-svg--video { max-height: 600px } .featured-promotions-section .feature-section:nth-child(2n) .placeholder-svg--promotions { background-color: #3339 } .image-with-text-section .featured-link--image:nth-child(odd) .placeholder-svg--promotions { background-color: #3339; fill: #333333e6 } .homepage-slideshow .flickity-slider .gallery-cell:nth-child(odd) .placeholder-svg--slideshow { background-color: #3339 } .homepage-slideshow .flickity-slider .gallery-cell:nth-child(2n) .placeholder-svg--slideshow { background-color: #333c } .product_gallery .video-container>div { position: relative } .product_gallery .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .product_gallery .vimeo { max-width: 830px; margin: 0 auto } .product_gallery .vimeo>div { padding-top: 56.26506% } .product_gallery .youtube { max-width: 853px; margin: 0 auto } .product_gallery .youtube>div { padding-top: 56.271981% } video { display: block; width: 100%; height: auto } .video-section,.block__featured_video { position: relative } .video-section .plyr--paused .plyr__video-embed iframe { z-index: 5 } .video-section .mediaWrapper { height: 100%!important } a.button,.button,button,input[type=submit],input[type=reset],input[type=button],.action_button,a.action_button,input.action_button[type=submit],input.action_button[type=button],button.shopify-payment-button__button.shopify-payment-button__button--unbranded { background: #005487; color: #fff; border: 1px solid #005487; padding: 0 20px; text-align: center; cursor: pointer; min-height: 44px; height: 40px; line-height: 1.2; vertical-align: top; font-family: Avenir Next,sans-serif; font-weight: 400; font-style: normal; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; transition: all .2s linear; -webkit-appearance: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; border-radius: 0 } .ie a.button,.ie .button,.ie button,.ie input[type=submit],.ie input[type=reset],.ie input[type=button],.ie .action_button,.ie a.action_button,.ie input.action_button[type=submit],.ie input.action_button[type=button] { line-height: 40px } a.button:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover,.action_button:hover,input.action_button[type=submit]:hover,input.action_button[type=button]:hover,button.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover { background-color: #007bb6; border: 1px solid #007bb6 } a.button:active,button:active,input[type=submit]:active,input[type=reset]:active,input[type=button]:active,.action_button:active,input.action_button[type=submit]:active,input.action_button[type=button]:active,button.shopify-payment-button__button.shopify-payment-button__button--unbranded:active { box-shadow: inset 0 2px 4px #00000026,0 1px 2px #0000000d; outline: 0 } .add_to_cart,.product_form input.add_to_cart { width: 100%; margin-bottom: 0 } input[type=submit],input[type=reset],input[type=button],input.action_button[type=submit],input.action_button[type=button],button.action_button { display: inline-block } button.add_to_cart { position: relative } button.add_to_cart .text { display: block; width: 100%; -webkit-animation-duration: .5s; animation-duration: .5s } button.add_to_cart .fadeInDown.text { -webkit-animation-duration: .8s; animation-duration: .8s } button .checkmark { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto } button .checkmark path { stroke-dasharray: 19.79 19.79; stroke-dashoffset: 19.79; stroke: #fff; opacity: 0 } button .checkmark.checkmark-active path { -webkit-animation: drawCheckmark .5s linear alternate forwards; animation: drawCheckmark .5s linear alternate forwards } @keyframes drawCheckmark { 0% { stroke-dashoffset: 19.79; opacity: 1 } to { stroke-dashoffset: 0; opacity: 1 } } @-webkit-keyframes drawCheckmark { 0% { stroke-dashoffset: 19.79; opacity: 1 } to { stroke-dashoffset: 0; opacity: 1 } } .ie button .checkmark path { stroke-dashoffset: 0; opacity: 0 } .ie button .checkmark.checkmark-active path { -webkit-animation: fadeCheckmark .5s linear alternate forwards; animation: fadeCheckmark .5s linear alternate forwards } @-webkit-keyframes fadeCheckmark { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fadeCheckmark { 0% { opacity: 0 } to { opacity: 1 } } @media all and (-ms-high-contrast: none),(-ms-high-contrast: active) { button .checkmark path { stroke-dashoffset: 0; opacity: 0 } button .checkmark.checkmark-active path { animation: fadeCheckmark .5s linear alternate forwards } @keyframes fadeCheckmark { 0% { opacity: 0 } to { opacity: 1 } } } label.tos_label { display: inline; font-weight: 400; text-transform: none; cursor: pointer; padding-left: 5px } .tos { text-align: center; margin: 15px 20px 15px 0 } .cart_text { text-align: center } .disabled { pointer-events: none } .add_to_cart span.icon-lock { margin-right: 10px; font-size: larger } .add_to_cart span.icon-lock:before { margin: 0 } .shopify-product-form { margin-bottom: 0 } .add_to_cart.action_button { min-height: 44px; margin-bottom: 0; height: 100% } .shopify-payment-button { position: relative; height: 44px } .shopify-payment-button div { height: 100% } .shopify-payment-button button { line-height: 1.2; padding-top: 11px; padding-bottom: 11px; margin-bottom: 0 } button.shopify-payment-button__button.shopify-payment-button__button--unbranded { height: 100% } div.shopify-payment-button__button { border-radius: 0 } .shopify-payment-button__button--branded,.shopify-payment-button__button--unbranded { overflow: hidden; min-height: 44px } button.shopify-payment-button__more-options { color: #333; box-shadow: none; text-transform: none; font-size: .8rem; letter-spacing: 0; padding: 16px 0 28px; max-width: 80%; margin: 0 auto; position: absolute; top: 100%; left: 50%; font-weight: 400; font-family: Roboto,sans-serif; font-style: normal; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translate(-50%) } button.shopify-payment-button__more-options:hover { background-color: transparent; border: none } .purchase-details { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } @media only screen and (max-width: 1199px) { .purchase-details { position:fixed; bottom: 0; z-index: 2147483647; background-color: #fff; padding: 20px; left: 0; border-radius: 20px 20px 0 0; box-shadow: 0 -3px 6px #0000000f } } .product_section .smart-payment-button--true.product_form { max-width: 100% } .smart-payment-button--true .purchase-details { padding-bottom: 50px } .smart-payment-button--true .purchase-details .shopify-payment-button__button--branded { padding-bottom: 30px } .smart-payment-button--true .purchase-details .shopify-payment-button__more-options { top: 70% } .smart-payment-button--true button .checkmark path { stroke: #005487 } .smart-payment-button--false .purchase-details { -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end } .smart-payment-button--false { margin-bottom: 20px } .product-quantity-box.purchase-details__quantity { margin-right: 5px; width: calc(35% - 12px) } @media only screen and (max-width: 480px) { .product-quantity-box.purchase-details__quantity { width:100%; margin-right: 0 } } .product-quantity-box.purchase-details__quantity input.quantity { padding-top: 11px; padding-bottom: 11px; line-height: 1.4; min-height: 44px; margin-bottom: 0; width: calc(100% - 88px) } .smart-payment-button--true .product-quantity-box.purchase-details__quantity { width: calc(50% - 6px) } @media only screen and (max-width: 1199px) { .smart-payment-button--true .product-quantity-box.purchase-details__quantity { width:100%; margin-right: 0 } .smart-payment-button--true .product-quantity-box.purchase-details__quantity .input.quantity { width: calc(100% - 88px) } } p.checkout_button { margin-bottom: 0 } @media only screen and (max-width: 1199px) { p.checkout_button { position:fixed; bottom: 0; z-index: 999; background-color: #fff; left: 0; border-radius: 20px 20px 0 0; padding: 18px 20px 12px; box-shadow: 0 -3px 6px #1f1f1f21; width: 100% } } .purchase-details__buttons { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex: 1 0 calc(50% - 12px); -moz-box-flex: 1 0 calc(50% - 12px); -webkit-flex: 1 0 calc(50% - 12px); -ms-flex: 1 0 calc(50% - 12px); flex: 1 0 calc(50% - 12px); -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: 6px } @media only screen and (max-width: 1199px) { .purchase-details__buttons { margin-top:20px; margin-left: 12px; -webkit-box-flex: 1 0 calc(50% - 12px); -moz-box-flex: 1 0 calc(50% - 12px); -webkit-flex: 1 0 calc(50% - 12px); -ms-flex: 1 0 calc(50% - 12px); flex: 1 0 calc(50% - 12px) } } @media only screen and (max-width: 480px) { .purchase-details__buttons { margin-top:12px; margin-left: 0; -webkit-box-flex: 1 0 100%; -moz-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100% } } .purchase-details__buttons .shopify-payment-button { -webkit-box-flex: 1 0 100%; -moz-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; margin-bottom: 0; max-width: 100% } @media only screen and (min-width: 1401px) { .purchase-details__buttons .shopify-payment-button { -webkit-box-flex:1 0 calc(50% - 4px); -moz-box-flex: 1 0 calc(50% - 4px); -webkit-flex: 1 0 calc(50% - 4px); -ms-flex: 1 0 calc(50% - 4px); flex: 1 0 calc(50% - 4px); max-width: calc(50% - 4px) } } .purchase-details__buttons .action_button.action_button--secondary { background-color: transparent; border: 1px solid #005487; color: #005487; box-shadow: none; line-height: 1.2; padding: 10px 0; min-height: 44px; height: 100%; -webkit-box-flex: 1 0 100%; -moz-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; margin: 0; max-width: 100% } @media only screen and (min-width: 1401px) { .purchase-details__buttons .action_button.action_button--secondary { -webkit-box-flex:1 0 calc(50% - 4px); -moz-box-flex: 1 0 calc(50% - 4px); -webkit-flex: 1 0 calc(50% - 4px); -ms-flex: 1 0 calc(50% - 4px); flex: 1 0 calc(50% - 4px); max-width: calc(50% - 4px) } } @media only screen and (max-width: 1199px) { .purchase-details__buttons .action_button.action_button--secondary { margin-bottom:10px } } @media only screen and (min-width: 1200px) { .purchase-details__buttons .action_button.action_button--secondary:hover { background-color:#005487; color: #fff } } .purchase-details__buttons .action_button.action_button--secondary:focus { background-color: #005487; color: #fff } .purchase-details__buttons.purchase-details__spb--true { -webkit-box-flex: 1 0 100%; -moz-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; margin-top: 10px; margin-left: 0 } @media only screen and (max-width: 1199px) { .purchase-details__buttons.purchase-details__spb--true { margin-left:0; margin-bottom: 0 } } .purchase-details__buttons.purchase-details__spb--true .action_button.action_button--secondary { -webkit-box-flex: 1 0 50%; -moz-box-flex: 1 0 50%; -webkit-flex: 1 0 50%; -ms-flex: 1 0 50%; flex: 1 0 50%; max-width: calc(50% - 6px) } @media only screen and (max-width: 1199px) { .purchase-details__buttons.purchase-details__spb--true .action_button.action_button--secondary { -webkit-box-flex:1 0 100%; -moz-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; margin-right: 0; margin-top: 0; margin-bottom: 10px; max-width: 100% } } .purchase-details__buttons.purchase-details__spb--true .shopify-payment-button { margin-left: 6px; max-width: calc(50% - 6px); height: inherit } @media only screen and (max-width: 1199px) { .purchase-details__buttons.purchase-details__spb--true .shopify-payment-button { margin-left:0; margin-top: 0; margin-bottom: 10px; max-width: 100% } } .purchase-details__buttons.product-is-unavailable .add_to_cart,.purchase-details__buttons.product-is-unavailable .shopify-payment-button { opacity: .5; pointer-events: none } .purchase-details__buttons.product-is-unavailable .add_to_cart { padding: 10px 5px } @media only screen and (max-width: 1024px) { .sidebar--true .purchase-details { -webkit-flex-direction:column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start } .sidebar--true .purchase-details .purchase-details__quantity,.sidebar--true .purchase-details .purchase-details__buttons { margin: 0 0 10px; width: 100% } .sidebar--true .purchase-details .action_button.action_button--secondary,.sidebar--true .purchase-details .shopify-payment-button { -webkit-box-flex: 1 0 100%; -moz-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; margin: 0 0 10px; max-width: 100% } } #checkout { min-height: 54px } .additional-checkout-button+.additional-checkout-button { margin-left: 0!important; max-width: 100%!important } .additional-checkout-button,.additional-checkout-button.additional-checkout-button--paypal,.additional-checkout-button.additional-checkout-button--google-pay { min-width: 100%!important } ul.tabs { display: block; border-bottom: solid 1px #cccccc; border-top: 0; list-style: none outside; margin: 25px 0; text-transform: uppercase; padding-left: 0 } ul.tabs li { display: block; width: auto; height: 30px; padding: 0; float: left; margin-bottom: 0; border: 0; list-style: none outside; margin-left: 0; cursor: pointer } ul.tabs li a { display: block; text-decoration: none; width: auto; height: 29px; line-height: 30px; margin-right: 60px; font-size: 13px; outline: none } @media (max-width: 960px) { ul.tabs li a { margin-right:30px } } @media only screen and (max-width: 1199px) { ul.tabs li a { font-size:12px } } @media only screen and (max-width: 480px) { ul.tabs li a { margin-right:20px } } ul.tabs li a.active { border-bottom: solid 3px #cccccc; background-color: #fff; border-bottom: solid 3px #aaaaaa; height: 31px; position: relative; border-right-width: 1px; color: #333 } ul.tabs li:last-child a { margin: 0 } ul.tabs-content { margin: 0; display: block; border: 0; padding-left: 0 } ul.tabs-content>li { display: none; border: 0 } ul.tabs-content>li.active { display: block; border: 0; padding-left: 0 } ul.tabs-content ul { padding-left: 0 } button { border: none; -webkit-appearance: none; appearance: none } .faqAccordion>dt>button { background: transparent; position: relative; padding: 20px 20px 20px 40px; color: #333; border-bottom: 1px solid #cccccc; text-align: left; display: block; cursor: pointer; width: 100%; outline: none; text-transform: initial; min-height: auto; height: auto; line-height: inherit; font-weight: 400; font-family: Roboto,sans-serif; font-style: normal; box-shadow: none; border-radius: 0; font-size: 18px } .faqAccordion>dt>button:hover,.faqAccordion>dt>button:focus { background: #f7f7f7; border: none; border-bottom: 1px solid #cccccc; color: #6b6b6b } .faqAccordion>dt>button:after { position: absolute; top: 50%; -webkit-transform: translateY(-50.1%); -ms-transform: translateY(-50.1%); transform: translateY(-50.1%); left: 15px; font-size: 25px; content: "+"; color: inherit } .faqAccordion>dt>button[aria-expanded=true]:after { content: "-"; font-size: 30px } .faqAccordion>dt:first-child>button { border-top: none } .faqAccordion>dd { color: #333; padding: 20px 0 } .faqAccordion>dd[aria-hidden=true] { display: none } @media only screen and (max-width: 1199px) { .faqAccordion>dd { margin-left:15px } } .accordion-tabs>a { display: block; background-color: #d1d3d4; margin: 10px 0; padding: 10px; letter-spacing: 1px; text-transform: uppercase; color: #000 } .accordion-tabs>a :hover { cursor: pointer } .accordion-tabs>li[id*=tab] { display: none; list-style: none } ul.tabs:before,ul.tabs:after { content: " "; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 } ul.tabs:after { clear: both } ul.tabs { zoom:1} form,fieldset { margin-bottom: 20px } input[type=text],input[type=password],input[type=email],input[type=search],input[type=url],input[type=tel],input[type=number],input[type=date],input[type=month],input[type=week],input[type=time],input[type=range],input[type=color],select,textarea { display: block; width: 100%; height: 44px; min-height: 44px; padding: 0 10px; margin: 0 0 15px; line-height: 22px; border: 1px solid #575757; outline: none; background: #fff; color: #5f6a7d; font: 13px HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,sans-serif; -webkit-appearance: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } @media only screen and (max-width: 480px) { input[type=text],input[type=password],input[type=email],input[type=search],input[type=url],input[type=tel],input[type=number],input[type=date],input[type=month],input[type=week],input[type=time],input[type=range],input[type=color],select,textarea { font-size:16px } } input[type=text]:active,input[type=text]:focus,input[type=password]:active,input[type=password]:focus,input[type=email]:active,input[type=email]:focus,input[type=search]:active,input[type=search]:focus,input[type=url]:active,input[type=url]:focus,input[type=tel]:active,input[type=tel]:focus,input[type=number]:active,input[type=number]:focus,input[type=date]:active,input[type=date]:focus,input[type=month]:active,input[type=month]:focus,input[type=week]:active,input[type=week]:focus,input[type=time]:active,input[type=time]:focus,input[type=range]:active,input[type=range]:focus,input[type=color]:active,input[type=color]:focus,select:active,select:focus,textarea:active,textarea:focus { border: 1px solid #aaa; color: #444 } input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0 } input[type=text]::-ms-clear { display: none; width: 0; height: 0 } input[type=text]::-ms-reveal { display: none; width: 0; height: 0 } input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration { display: none } input[type=number] { -moz-appearance: textfield!important } select::-ms-expand { display: none } select { background: #fff url(//www.bestbullysticks.com/cdn/shop/t/136/assets/select.png?v=153468209075991002541736961034) no-repeat 96% 50%; background-size: 18px 12px; padding: 8px 14px; border-radius: 0; border: 1px solid #d9dbdc; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -moz-appearance: none; text-indent: .01px; text-overflow: "" } label,legend,.option_title { display: block; font-weight: 700; font-size: 13px; text-align: left; margin-bottom: 5px; text-transform: uppercase } input[type=checkbox] { display: inline } label span,legend span { font-weight: 700; font-size: 13px; color: #444 } textarea { min-height: 120px; padding: 15px 9px } .acceptsMarketing { margin-bottom: 20px } .acceptsMarketing label { display: inline; margin-left: 5px } input.sign_up[type=submit] { margin-left: 5px; display: inline-block } input.contact_email[type=email] { width: 320px; display: inline-block; float: left } .btn.action_button,input.btn.action_button[type=submit],input.btn.action_button[type=button] { width: inherit } div.container.contact-form-container { padding-top: 0 } .contact-form .contact-form__content { margin-bottom: 20px } .contact-form label,.custom-contact-form label { margin-bottom: 12px } .contact-form ul li label,.custom-contact-form ul li label { font-family: Roboto,sans-serif; text-transform: none; font-weight: 400 } .contact-form__position--right,.custom-contact-form__position--right { float: right } .custom-contact-form .contact-block,.custom-contact-form .custom-contact-form__image { margin-bottom: 20px } .custom-contact-form .custom-contact-form__social .social_icons { padding: 0; margin-bottom: 40px } .custom-contact-form .custom-contact-form__logo { max-width: 150px; margin: 0 auto 20px } .custom-contact-form .contact-block--checkbox ul,.custom-contact-form .contact-block--radio ul { padding: 0; margin: 0 } .custom-contact-form .contact-block--checkbox ul li,.custom-contact-form .contact-block--radio ul li { margin-bottom: 8px; list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: baseline; -moz-align-items: baseline; -ms-align-items: baseline; align-items: baseline } .custom-contact-form .contact-block--checkbox ul li input,.custom-contact-form .contact-block--radio ul li input { margin-right: 10px; position: relative; top: 2px } .custom-contact-form .contact-block--checkbox ul li label,.custom-contact-form .contact-block--radio ul li label { margin-bottom: 0 } .custom-contact-form .contact-block--checkbox ul li:last-child label,.custom-contact-form .contact-block--radio ul li:last-child label { margin-bottom: 0 } .page-contact .footer { margin-top: 0 } .page-contact .custom-contact-form { margin-top: 25px } #target { padding: 20px; text-align: center } .items_left { color: #8c8b8b } .quantity_label { display: inline; font-size: smaller } .remove_item a { font-size: smaller; color: #333 } input.quantity { width: 48px; display: inline; margin-bottom: 0; padding: 8px 5px } ul.cart_items { padding-top: 0; padding-bottom: 0 } .cart_content li.mini-cart__item { padding: 0 0 15px; margin-bottom: 15px; border-bottom: 1px solid #cccccc } .cart_content .notification-discount { color: #9a2f36; padding: 15px 0 0; margin: 0; line-height: 1 } li.mini-cart__item a,li.mini-cart__item a:active,#header li.mini-cart__item a,#header li.mini-cart__item a:active { position: relative; font-size: inherit; text-align: left } .cart_image { float: left; width: 100%; max-width: 100px; min-width: 100px; text-align: center; padding-right: 20px } .cart_image img { display: block } @media only screen and (max-width: 480px) { .cart_image { padding-right:10px } } a.continue { text-align: right; font-size: 32px; margin-right: 15px!important; padding: 10px 0 5px!important; opacity: .8 } a.continue:hover { opacity: 1 } .empty_cart { text-align: center; font-size: 18px; padding: 40px 0 25px; color: inherit } #shipping-calculator.columns { float: none } .cart__blocks { margin-top: 30px } input[type=button].get-rates.action_button { margin-top: 0 } #get-rates-submit { margin-top: -1px } .container .align_right--images>div.columns { float: right } .vendor { margin-bottom: 6px } .section.product_section { margin-top: 0 } .product_section .description { margin-bottom: 15px; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-word; word-break: break-word } .modal_price { padding-bottom: 8px; display: block } .product_section .description.bottom { margin-top: 15px; border-bottom: none } .sale_banner_product,.new_banner_product,.preorder_banner_product,.top_sellers_banner_product,.whats_new_banner_product,.top_rated_banner_product { font-family: Avenir Next,sans-serif; font-weight: 600; font-size: 14px; font-style: normal; text-transform: uppercase; letter-spacing: 1px; padding: 8px 20px; text-align: center; color: #fff; margin-bottom: 13px; display: inline-block; font-size: 15px; white-space: nowrap } .sale_banner_product { background: #9a2f36 } .new_banner_product,.preorder_banner_product { background: #b9ad79 } .preorder_banner_product,.product-list .thumbnail .preorder_banner { font-size: 12px } @media only screen and (max-width: 1199px) { .preorder_banner_product,.product-list .thumbnail .preorder_banner { font-size:8px } } .top_sellers_banner_product { background: #b9ad79 } .whats_new_banner_product { background: #005487 } .top_rated_banner_product { background: #007bb6 } .price__container .without-subscription { text-decoration: line-through; color: #9a2f36 } .price__container .subscription { display: inline-block; margin-right: 10px } .product .rc-option { padding: 16px!important; border: 1px solid #E8E8E1; border-radius: 4px; background: none!important; margin-bottom: 23px } .product .rc-option.rc-option--active { border-color: #006aad } .product .rc-option:last-of-type { margin-bottom: 0 } .product .rc_widget__option__selector,.product .rc_widget__option__selector * { cursor: pointer } .product .rc-option__text { font-family: Roboto; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; color: #000; text-transform: none } .product .rc-option__subsave .rc-option__text { text-transform: capitalize } .product .rc-option__discount { display: none; font-size: 16px; font-weight: 400 } .product .rc-option__price { float: right; font-family: Roboto; font-style: normal; font-weight: 700; font-size: 16px; line-height: 19px; display: flex; align-items: center; color: #000 } table tr.order_summary td.label { text-align: right } table tr:first-child { border-top: 1px solid #DCDCDC } table .em { font-weight: 700 } .allow-clickthrough { pointer-events: none!important } .bbs-hidden { display: none } @media only screen and (max-width: 480px) { .hidden--mobile { display:none!important } } .remove { color: #333 } .half-bottom { margin-bottom: 10px!important } .add-bottom { margin-bottom: 20px!important } .right { float: right; position: relative } .left { float: left } .inline { display: inline } .center { text-align: center } .relative { position: relative } .align_right { text-align: right } .align_left { text-align: left } .text-align--center { text-align: center } .text-align--left { text-align: left } .text-align--right { text-align: right } p.warning { text-align: center; font-weight: 700 } .warning--quantity { clear: both; display: inline-block; margin-top: 15px; width: auto; text-align: left } @media only screen and (min-width: 1200px) { .large--right { float:right; position: relative } } .visuallyhidden { position: absolute!important; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0 } .mini-cart__item p.warning { margin-top: 5px; text-align: left } .container div.mobile_only,span.mobile_only,.mobile_only { display: none } .no_border { border: none!important } .extra_padding { padding-top: 4px } div.bbs-hidden { display: none } div.is-absolute { position: absolute!important; top: 0; margin-top: 0 } .full-width-image { width: 100% } #instantclick-bar { background: #005487; z-index: 100000; height: 4px } #grid .column,#grid .columns { background: #ddd; height: 25px; line-height: 25px; margin-bottom: 10px; text-align: center; text-transform: uppercase; color: #555; font-size: 12px; font-weight: 700; border-radius: 2px } #grid .column:hover,#grid .columns:hover { background: #bbb; color: #333 } #grid .example-grid { overflow: hidden } .items_left { margin: 0 0 15px; line-height: 1.6em; font-size: normal; font-style: italic; color: #8c8b8b } .cart .paypal-button+.paypal-button { display: none } .shopify-reviews.reviewsVisibility--false { display: none } .testimonial-section { position: relative } .testimonial-section .set-static { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex } .testimonial-section .set-static .caption { position: static; -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); padding: 40px; margin: auto } .testimonial-section .set-testimonial-height { height: 95% } @media only screen and (min-width: 1200px) { .testimonial-section .darken-bg { position:absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: #0009 } } .testimonial-section .feature_divider { margin: 25px auto; width: 10%; display: inline-block } @media only screen and (max-width: 480px) { .testimonial-section .feature_divider { margin:5px auto } } .testimonial-section .use-mobile-color .animated { -webkit-animation-delay: .25s; animation-delay: .25s } .testimonial-block.gallery-cell.use-mobile-color { background-color: #005487 } .testimonial-block.gallery-cell.use-mobile-color .caption .caption-content p { color: #fff } @media only screen and (max-width: 480px) { .testimonial-block.gallery-cell.use-mobile-color .caption .caption-content p { text-shadow:none } } @media only screen and (max-width: 480px) { .mobile-banner--crop-left { -o-object-fit:cover; object-fit: cover; -o-object-position: left; object-position: left; font-family: "object-fit: cover; object-position: left"; min-height: 60vh } } @media only screen and (max-width: 480px) { .mobile-banner--crop-right { -o-object-fit:cover; object-fit: cover; -o-object-position: right; object-position: right; font-family: "object-fit: cover; object-position: right"; min-height: 60vh } } @media only screen and (max-width: 480px) { .mobile-banner--crop-center { -o-object-fit:cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: "object-fit: cover; object-position: center"; min-height: 60vh } } .caption-content.testimonial-text { width: 80% } .caption-content.testimonial-text .subtitle { text-transform: none; color: #fff } @media only screen and (max-width: 480px) { .caption-content.testimonial-text .subtitle { font-weight:400; font-size: 14px } } .caption-content.testimonial-text h2,.caption-content.testimonial-text p.headline { color: #fff } @media only screen and (max-width: 480px) { .caption-content.testimonial-text h2,.caption-content.testimonial-text p.headline { text-shadow:none } } @media only screen and (max-width: 480px) { .caption-content.testimonial-text-mobile h2,.caption-content.testimonial-text-mobile .subtitle,.caption-content.testimonial-text-mobile p.headline { color:#333 } } @media only screen and (max-width: 480px) { .testimonial-block .caption { margin:auto; padding-top: 5%; padding-bottom: 5% } } .testimonial-slideshow,.testimonial-block.gallery-cell { background-color: transparent } .page-faq .faq--heading { padding-top: 30px } .team-page__content--left { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex } @media only screen and (max-width: 1199px) { .team-page__content--left { -webkit-flex-direction:column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column } } .team-page__content--right { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } @media only screen and (max-width: 1199px) { .team-page__content--right { -webkit-flex-direction:column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column } } .team-page__text,.team-page__image,.team-page__image img { width: 100% } .team-page__content--multiple .team-page__text,.team-page__content--multiple .team-page__image { max-width: 50%; width: 100% } @media only screen and (max-width: 1199px) { .team-page__content--multiple .team-page__text,.team-page__content--multiple .team-page__image { max-width:100% } } .team-page__content--multiple .team-page__text:first-child,.team-page__content--multiple .team-page__image:first-child { margin-right: 20px } .team-page__text { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center } .team-page__container { max-width: 70% } .team-member__profile.columns,.team-member__profile.column { margin-bottom: 30px } .team-member__name { padding-top: 10px } .team-member__wrap { position: relative } .team-member__wrap:hover .team-member__overlay { opacity: 1 } .team-member__overlay { opacity: 0; transition: opacity .3s linear; position: absolute; top: 0; right: 0; width: 100%; height: 100% } .team-member__details { -ms-transform: translateY(-50.1%); -webkit-transform: translateY(-50.1%); transform: translateY(-50.1%); top: 50%; position: absolute; width: 100%; padding: 20px } .team-member__details img { display: block } .team-member__details p { margin-top: 10px; line-height: 1.3 } .team-member__details .icon-twitter { display: inline-block; vertical-align: middle } .team-member__title { padding-bottom: 0; text-align: center; margin-bottom: 0; text-transform: uppercase; line-height: 1 } .team-member__title:after { width: 30%; display: block; margin: 20px auto 0; content: ""; height: 3px } .logo-bar { text-align: center; margin-bottom: 20px } .logo-bar a { transition: ease all .6s } .logo-bar a:hover { opacity: .6 } .logo-bar__item { display: inline-block; vertical-align: middle; max-width: 160px; width: 160px; margin-top: 20px } @media only screen and (min-width: 1200px) { .logo-bar__item { margin-left:25px; margin-right: 25px } } div.container.gallery-content { margin-top: 0; padding-top: 0 } .gallery-section { text-align: center } .gallery-section .container { padding: 0 } .gallery-section .gallery-break { width: 100%; clear: both } .gallery-section .display-table { display: table; table-layout: fixed; width: 100%; height: 100% } .gallery-section .display-table-cell { display: table-cell; vertical-align: middle; float: none } .gallery-section .gallery-image-wrapper,.gallery-section .gallery-empty-wrapper { margin: 5px; position: relative } .gallery-section .gallery-empty-wrapper { min-height: 150px } .gallery-section .gallery-empty-wrapper:nth-child(2n) .placeholder-svg { background-color: #3333334d } .gallery-section a { display: block } .gallery-image-wrapper .overlay { position: absolute; height: 100%; width: 100%; background-color: #0009; opacity: 0; transition: opacity .3s ease-in } .gallery-image-wrapper .overlay .icon-zoom { color: #fff; font-size: 1.5em; top: 50% } .gallery-image-wrapper:hover .overlay { opacity: 1 } .page-details-section .container.full-width--true,.product-details-section .container.full-width--true { padding: 0 } .page-details-section .full-width--true .gallery-image-wrapper,.product-details-section .full-width--true .gallery-image-wrapper { margin: 0; width: 33.33333% } @media only screen and (max-width: 480px) { .page-details-section .full-width--true .gallery-image-wrapper,.product-details-section .full-width--true .gallery-image-wrapper { width:100% } } .two-per-row .overlay .icon-zoom { font-size: 2.5em } .three-per-row .overlay .icon-zoom { font-size: 2em } .gallery-section.gallery-horizontal { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .gallery-section.gallery-horizontal i { display: block } .gallery-section.gallery-horizontal img { position: absolute; top: 0; vertical-align: bottom; width: 100%; height: auto; display: block } @media only screen and (min-width: 2000px) { .gallery-section.gallery-horizontal .gallery-image-wrapper:last-child { width:15%; flex-basis: initial!important; flex-grow: initial!important } } .gallery-section.gallery-horizontal .gallery-empty-wrapper { width: 190px } .gallery-full { display: inline-block; width: 100% } .gallery-full .gallery-image-wrapper,.gallery-full .gallery-empty-wrapper { margin: 0 } .gallery-full .gallery-empty-wrapper { width: 25% } .gallery-section.gallery-classic .gallery-image-wrapper,.gallery-section.gallery-classic .gallery-empty-wrapper { display: block; float: left; margin: 0 } .gallery-section.gallery-classic .gallery-image-wrapper img,.gallery-section.gallery-classic .gallery-image-wrapper svg,.gallery-section.gallery-classic .gallery-empty-wrapper img,.gallery-section.gallery-classic .gallery-empty-wrapper svg { width: 100%; display: block } .gallery-section.gallery-classic .add-padding { padding: 5px } .gallery-section.gallery-classic .two-per-row { width: 50% } @media only screen and (max-width: 1199px) { .gallery-section.gallery-classic .two-per-row { width:100% } } .gallery-section.gallery-classic .three-per-row { width: 33.333% } @media only screen and (max-width: 1199px) { .gallery-section.gallery-classic .three-per-row { width:100% } } .gallery-section.gallery-classic .four-per-row { width: 25% } @media only screen and (max-width: 1199px) { .gallery-section.gallery-classic .four-per-row { width:100% } } .gallery-section.gallery-classic .five-per-row { width: 20% } @media only screen and (max-width: 1199px) { .gallery-section.gallery-classic .five-per-row { width:100% } } .gallery-section.gallery-masonry .masonry { font-size: .85em; line-height: 0px; margin: 10px 0; column-gap: 10px; -moz-column-gap: 10px; -webkit-column-gap: 10px } .gallery-section.gallery-masonry .gallery-empty-wrapper { min-height: 100px; overflow: hidden; } .gallery-section.gallery-masonry .gallery-empty-wrapper svg { min-width: 800px } .gallery-section.gallery-masonry .gallery-empty-wrapper svg path { display: none } .gallery-section.gallery-masonry .adjust-columns { column-gap: 0px; -moz-column-gap: 0px; -webkit-column-gap: 0px; overflow: hidden; } .gallery-section.gallery-masonry .gallery-image-wrapper,.gallery-section.gallery-masonry .gallery-empty-wrapper { display: block; width: 100%; margin: 0 0 5px; box-sizing: border-box; -webkit-column-break-inside: avoid; -webkit-backface-visibility: hidden; } .gallery-section.gallery-masonry .gallery-image-wrapper img,.gallery-section.gallery-masonry .gallery-image-wrapper svg,.gallery-section.gallery-masonry .gallery-empty-wrapper img,.gallery-section.gallery-masonry .gallery-empty-wrapper svg { width: 100%; display: block } .gallery-section.gallery-masonry .two-per-row { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translate(0) } @media only screen and (max-width: 798px) { .gallery-section.gallery-masonry .two-per-row { -moz-column-count:3; -webkit-column-count: 3; column-count: 3 } } @media only screen and (max-width: 400px) { .gallery-section.gallery-masonry .two-per-row { -moz-column-count:1; -webkit-column-count: 1; column-count: 1 } } .gallery-section.gallery-masonry .three-per-row { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translate(0) } @media only screen and (max-width: 798px) { .gallery-section.gallery-masonry .three-per-row { -moz-column-count:3; -webkit-column-count: 3; column-count: 3 } } @media only screen and (max-width: 400px) { .gallery-section.gallery-masonry .three-per-row { -moz-column-count:1; -webkit-column-count: 1; column-count: 1 } } .gallery-section.gallery-masonry .four-per-row { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translate(0) } @media only screen and (max-width: 798px) { .gallery-section.gallery-masonry .four-per-row { -moz-column-count:3; -webkit-column-count: 3; column-count: 3 } } @media only screen and (max-width: 400px) { .gallery-section.gallery-masonry .four-per-row { -moz-column-count:1; -webkit-column-count: 1; column-count: 1 } } .gallery-section.gallery-masonry .five-per-row { -moz-column-count: 5; -webkit-column-count: 5; column-count: 5; -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translate(0) } @media only screen and (max-width: 798px) { .gallery-section.gallery-masonry .five-per-row { -moz-column-count:3; -webkit-column-count: 3; column-count: 3 } } @media only screen and (max-width: 400px) { .gallery-section.gallery-masonry .five-per-row { -moz-column-count:1; -webkit-column-count: 1; column-count: 1 } } .gallery-section.gallery-masonry.gallery-full .gallery-image-wrapper,.gallery-section.gallery-masonry.gallery-full .gallery-empty-wrapper { margin: 0; margin-bottom: 0!important } .rv-container { display: block } .rv-container .thumbnail:empty { margin-bottom: 0 } .rv-main .flickity-page-dots { bottom: 25px } @media only screen and (max-width: 1199px) { .rv-main .flickity-page-dots { display:none } } .sidebar .collection_swatches .swatch { float: left } .sidebar .toggle_list .rv-container a:hover { border-color: transparent } .sidebar .toggle_list .rv-container a.product-info__caption.hidden { display: none } @media only screen and (max-width: 1199px) { .sidebar .toggle_list .rv-container a.product-info__caption.hidden { display:block } } .sidebar .recently-viewed__title { display: none } .sidebar .rv-sidebar-element { max-width: 75% } .sidebar .rv-sidebar-element .product_image a { display: block; min-width: 100% } .sidebar .rv-sidebar-element .product_image img { height: auto } @media only screen and (max-width: 1199px) { .sidebar .product-list .thumbnail .title,.sidebar .product-list .thumbnail .price,.sidebar .product-list .thumbnail .brand { text-align:left; display: block } } .sidebar .product-list .thumbnail .thumbnail-overlay { position: relative; opacity: 1; background: transparent } .sidebar .product-list .thumbnail .thumbnail-overlay .product-details { position: relative; transform: none; transition: none; opacity: 1; text-align: left } .sidebar .product-list .thumbnail .thumbnail-overlay .product-details .title { color: #333; padding: 0 } .sidebar .product-list .thumbnail .thumbnail-overlay .product-details .title,.sidebar .product-list .thumbnail .thumbnail-overlay .product-details .price { font-size: .9vw } .sidebar .product-list .thumbnail .thumbnail-overlay .info { position: relative; font-size: 12px; opacity: 1; top: 0; transform: translateY(0); padding-bottom: 0 } .sidebar .product-list .thumbnail .thumbnail-overlay .info .quick_shop { display: none } .product-description-bottom .js-recently-viewed.rv-main { clear: both } .rv-box-element .js-recently-viewed-product:nth-child(2),.rv-sidebar-element .js-recently-viewed-product:nth-child(2) { display: none } .dropdown .header_search_form .search__results .item-result,.main_nav .search__results .item-result { left: 0; width: 100%; background: #fff; border-left: 0; border-right: 0 } .dropdown .header_search_form .search__results .item-result a .title,.main_nav .search__results .item-result a .title { color: #252525; transition: all .3s ease-in-out } .dropdown .header_search_form .search__results .item-result a:hover,.main_nav .search__results .item-result a:hover { background: #fff } .dropdown .header_search_form .search__results .item-result a:hover .title,.main_nav .search__results .item-result a:hover .title { color: #1b1f23 } .dropdown .header_search_form .search__results .item-result a:hover span,.main_nav .search__results .item-result a:hover span { color: #252525 } .dropdown .header_search_form li.all-results a:hover,.main_nav li.all-results a:hover { color: #fff } .nav .search__results { width: 350px; right: 0; left: auto } .nav .search__results li a:active { transition: ease-in-out 0s all } .search_container input { z-index: 29 } .search__results { z-index: 30; list-style-type: none; margin: 0; padding: 0; background: #fff; overflow: hidden; position: absolute } .search__results li { display: block; width: 100%; margin: 0; padding: 0; border-top: 1px solid #cccccc; overflow: hidden } .search__results li:first-child { border-top: none } .search__results li a,.search__results li a:active { width: 100%; transition: ease-in-out .3s all; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; padding: 15px 20px } .search__results li a:hover { background-color: #0054871a } .search__results li a:active { background-color: #0054874d } .search__results li img { display: block } .search__results .title { text-transform: none; padding-left: 8px; text-align: left; font-size: 14px } .search__results .thumbnail { padding: 0; text-align: center } .search__results .thumbnail img { max-width: 70px; max-height: 70px } .search__results .result--page .title { padding-left: 0 } .search__results .result--page span.item-pricing { text-transform: none; font-weight: lighter; font-size: .8rem } .menu a span.item-pricing,span.item-pricing,.menu a span.item-pricing span,span.item-pricing span { padding: 0 } .all-results { width: 100%; margin: 0 } .all-results span { display: block; width: 100%; text-align: center } .all-results span.item-pricing { color: #005487 } .all-results a { color: #fff; background-color: #005487 } .all-results a:hover { background-color: #007bb6 } .search-template-section form,.search-template-section .search_container { position: relative } .search-template-section .search_container .search-submit { z-index: 900 } .search-matrix .product_row { padding: 20px 0; border-bottom: 1px solid #cccccc } .search-matrix .product_row:last-child { border-bottom: none } .search-bgr-true { background-position: center center; background-repeat: no-repeat; background-size: cover } .search-section { background-color: #ccc; width: 100%; display: inline-block } .search-section h2 { margin-bottom: .25em } .search-section h2,.search-section p { color: #fff } .search-section .container { padding: 40px 0 } .text-align--center .search__container { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center } .text-align--left .search__container { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start } .text-align--right .search__container { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end } .search__container { position: relative; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex } .search__container .search__wrapper { display: inline-block; position: relative; max-width: 650px; width: 100% } .search__container input[type=text] { font-size: 16px; display: inline-block; border: 1px solid #000; min-height: 50px; height: 50px; margin-bottom: 0 } .search__container input[type=text]:active,.search__container input[type=text]:focus { border: 1px solid #000 } .search__form { width: 100%; max-width: 650px; position: relative; -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto } .search__results { top: 100%; width: 100% } .search__results li { border-left: 1px solid #cccccc; border-right: 1px solid #cccccc } .search__results .all-results { border: 0; background-color: #005487; width: 100%; margin: 0 } .search__results .all-results span { display: block; width: 100%; text-align: center; padding-left: 0 } .search__results .all-results span.item-pricing { color: #005487 } .search__results .all-results a,.search__results .all-results a:active { color: #fff; padding: 20px; text-align: center; display: block; line-height: 1 } .search__results .all-results:hover { background-color: #007bb6 } .search__button { position: absolute; margin-top: 0; top: 0; height: 50px; width: 50px; right: 0; padding: 0; background-color: #000; border-color: transparent; color: #fff; font-size: 24px; border-radius: 0 } .search__button:hover { color: #fff; background-color: #999; border: 1px solid #000; border-left: 0px } div.container { margin: 0 auto; padding: 20px 0 } .featured_text { font-size: 18px; line-height: 36px } .large_text { font-size: 28px; line-height: 50px } div.content { padding: 30px 0 15px } @media (max-width: 768px) { div.content { padding-top:90px } } @media only screen and (max-width: 1199px) { .dropdown .header_search_form .search__results { margin-top:30px } } .dropdown .header_search_form .search-terms { height: 50px; min-height: 50px } .main_nav div.logo a { display: block; color: #fff!important } .menu-position--inline.logo-position--left div.logo { padding-left: 20px; text-align: left } .menu-position--inline.logo-position--left div.logo.logo--text a { padding-top: 12px; padding-bottom: 12px } .menu-position--inline.logo-position--center div.logo { text-align: center } .menu-position--block.logo-align--left div.logo { padding-left: 20px; text-align: left } .menu-position--block.logo-align--center div.logo { text-align: center; width: 100% } .menu-position--block.logo-align--center div.logo img { margin: 0 auto } div.logo { width: 14%; float: left } @media (max-width: 1400px) { div.logo { width:12% } } div.logo img { width: 100% } div.logo.text-align--center img { margin: 0 auto } div.logo.text-align--left { padding-left: 20px } .primary_logo { display: block } .secondary_logo { display: none } header.feature_image.secondary_logo--true img.primary_logo,header.feature_image.secondary_logo--true img.secondary_logo { display: none } header.secondary_logo--true:not(.feature_image) img.secondary_logo { display: none!important } header.secondary_logo--true:not(.feature_image) img.primary_logo { display: inline!important } .featured_content,.featured_content h1,.featured_content h2,.featured_content h3,.featured_content h4,.featured_content h5,.featured_content h6 { color: #363636 } .featured_content { background-color: #f6f7f9 } .nav_arrows { float: right } .sku { margin: 0 } #category { width: 100% } .paginate,.load-more { text-align: center } .paginate .page a,.paginate .current,a.tag { border: solid 1px #cccccc; margin: 10px 5px; padding: .5rem 1rem; display: inline-block } .paginate .page a:hover,.paginate .current:hover,a.tag:hover,.paginate .current { color: #fff; background-color: #6b6b6b; border: solid 1px #6b6b6b } .paginate .next,.paginate .prev { display: inline-block; margin: 10px 0; padding: .5rem 1rem } .load-more { display: none; width: 100% } .collection-template-section .load-more,.search-template-section .load-more { display: block; clear: both } .load-more__icon { opacity: 0; height: 0; width: 0; transition: all .3s linear; background: url(//www.bestbullysticks.com/cdn/shop/t/136/assets/loader.gif) center center no-repeat; background-size: 32px 32px; margin: 0 auto } .collection-matrix.loading-in-progress.filter-loading,.search-matrix.loading-in-progress.filter-loading { height: 0 } .collection-matrix.loading-in-progress+.load-more__icon,.search-matrix.loading-in-progress+.load-more__icon { width: 44px; height: 44px; opacity: 1 } a.tag { font-size: smaller; padding: 4px 6px; margin: 5px 2px 5px 0 } .paginate .deco { border: none } .product-list .thumbnail,.slider-gallery .thumbnail,.list-collections .thumbnail { position: relative; text-align: center; margin-bottom: 25px; display: block } .product-list .thumbnail .thumbnail-overlay,.slider-gallery .thumbnail .thumbnail-overlay,.list-collections .thumbnail .thumbnail-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; overflow: hidden; transition: opacity .3s ease-in } .product-list .thumbnail .thumbnail-overlay>a,.slider-gallery .thumbnail .thumbnail-overlay>a,.list-collections .thumbnail .thumbnail-overlay>a { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0 } @media only screen and (max-width: 1199px) { .product-list .thumbnail .thumbnail-overlay,.slider-gallery .thumbnail .thumbnail-overlay,.list-collections .thumbnail .thumbnail-overlay { display:none } } @media only screen and (min-width: 1401px) { .product-list .thumbnail .thumbnail-overlay,.slider-gallery .thumbnail .thumbnail-overlay,.list-collections .thumbnail .thumbnail-overlay { line-height:1.5 } } .product-list .thumbnail .thumbnail-overlay,.slider-gallery .thumbnail .thumbnail-overlay,.list-collections .thumbnail .thumbnail-overlay { background-color: #000000b3 } .product-list .thumbnail img,.slider-gallery .thumbnail img,.list-collections .thumbnail img { vertical-align: bottom; transition: opacity .3s ease-in; width: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: top center; object-position: top center; font-family: "object-fit: contain; object-position: top center" } .product-list .thumbnail .product-info__caption,.slider-gallery .thumbnail .product-info__caption,.list-collections .thumbnail .product-info__caption { display: block; margin-top: 20px } @media only screen and (max-width: 1199px) { .product-list .thumbnail .product-info__caption,.slider-gallery .thumbnail .product-info__caption,.list-collections .thumbnail .product-info__caption { display:block } } @media only screen and (max-width: 1024px) { .touchevents .product-info__caption { display:block } .touchevents .thumbnail-overlay { display: none } } .hidden-product-link { line-height: 0; font-size: 0; color: transparent; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .featured_collections .thumbnail { text-align: center } .has-secondary-media-swap img { visibility: visible; height: auto } .has-secondary-media-swap .secondary-media-hidden { opacity: 0; visibility: hidden; height: 0!important } .quick_shop,.view_all { font-family: Avenir Next,sans-serif; font-weight: 600; font-size: 14px; font-style: normal; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; position: relative; display: inline-block; border: 1px solid #ffffff; padding: 10px 20px; margin-top: 2rem; color: #fff; opacity: 0; pointer-events: all; -webkit-appearance: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; -ms-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); transition: opacity .3s ease-out,transform .3s ease-out,color .3s linear,background-color .3s linear } .quick_shop:hover,.view_all:hover { color: #000; background-color: #fff } .thumbnail .price span.money { color: #005487 } .thumbnail .price span.money:hover { color: #6b6b6b } .thumbnail .sale span.money { color: #9a2f36 } .thumbnail .was_price span.money { color: #8c8b8b } .product-wrap { position: relative } .product-wrap:hover .quick_shop { opacity: 1; transform: none } .product-wrap:hover .thumbnail-overlay { opacity: 1 } .thumbnail-overlay .info { position: relative; top: 50%; -webkit-transform: translateY(-50.1%); -ms-transform: translateY(-50.1%); transform: translateY(-50.1%); padding: 10px 0; position: absolute; text-align: center; width: 100%; margin: 0 auto; pointer-events: none } .thumbnail-overlay .quick_shop { pointer-events: all; margin-top: 0 } .new { position: relative; display: inline; padding: 5px; border-radius: 2px; font-size: 12px } .product-list .thumbnail img,.slider-gallery .thumbnail img { max-height: 250px; width: 100%; -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain" } .product-list .thumbnail video,.product-list .thumbnail .plyr--youtube,.slider-gallery .thumbnail video,.slider-gallery .thumbnail .plyr--youtube { width: 100%; max-height: 250px } .product-list .thumbnail .plyr--youtube,.slider-gallery .thumbnail .plyr--youtube { height: 250px } .product-list .thumbnail .plyr--youtube .plyr__video-embed,.slider-gallery .thumbnail .plyr--youtube .plyr__video-embed { height: 100% } .thumbnail .sold-out,.thumbnail .coming-soon { opacity: .5; color: #333 } .thumbnail-overlay .sold-out,.thumbnail-overlay .coming-soon { opacity: .5; color: #fff } .thumbnail .sale,.sale { color: #9a2f36 } .banner_holder { position: absolute; top: 0; right: 0 } .sale_banner,.new_banner,.preorder_banner,.top_sellers_banner,.whats_new_banner,.top_rated_banner { background: #9a2f36; font-family: Avenir Next,sans-serif; font-weight: 600; font-style: normal; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; padding: 8px 12px; text-align: center; color: #fff; -webkit-appearance: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased } @media only screen and (max-width: 1199px) { .sale_banner,.new_banner,.preorder_banner,.top_sellers_banner,.whats_new_banner,.top_rated_banner { padding:4px 10px; font-size: smaller } } .top_sellers_banner { background: #b9ad79 } .whats_new_banner { background: #005487 } .top_rated_banner { background: #007bb6 } .new_banner,.preorder_banner { background: #b9ad79 } a.secondary_button,input.secondary_button { display: block; padding: 15px 0; text-align: center; border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc; margin: 10px 0; font-family: Avenir Next,sans-serif; font-weight: 600; font-style: normal; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; color: #005487; -webkit-appearance: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased } a.secondary_button:hover,a.secondary_button:active,a.secondary_button:visited,input.secondary_button:hover,input.secondary_button:active,input.secondary_button:visited { color: #6b6b6b } .thumbnail .price,.thumbnail .title { display: block; margin-bottom: 5px; font-size: inherit; line-height: 1.2 } .thumbnail .title { word-break: break-word } .cart_price { float: right; text-align: right; padding-left: 20px; font-weight: 700; display: none } #estimated-shipping,.excluding_tax { display: block } .cart_page_image { text-align: center; margin: 10px 0 20px; display: block } .cart_page_image img { width: 100%; display: block } .cart_content_info { padding: 0 } .cart_content_info h5 { padding: 0; margin-bottom: 10px; margin-top: 0 } .cart_content_info .price_total { clear: both; padding: 0; margin-bottom: 20px; font-size: 20px } .cart_content_info .promo-message { color: #006aad } .cart_content_info .promo-message p { display: inline; vertical-align: middle } .cart_content_info .promo-message strong { text-transform: uppercase } .cart_content_info .promo-message svg { display: inline-block; vertical-align: middle; margin-right: 6px } .cart__wrapper .columns>.promo-message { color: #006aad } .cart__wrapper .columns>.promo-message p { display: inline; vertical-align: middle } .cart__wrapper .columns>.promo-message strong { text-transform: uppercase } .cart__wrapper .columns>.promo-message svg { display: inline-block; vertical-align: middle; margin-right: 6px } .subtotal { padding-top: 20px; padding-left: 40px } @media only screen and (max-width: 1199px) { .subtotal { padding-left:0 } } .continue-shopping { display: block; color: #005487; text-align: center; font-family: Avenir Next,sans-serif; font-weight: 400; font-style: normal; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 20px } .subtotal_amount { font-size: 1.4em; font-weight: 700 } button.update { width: 30%; float: right } .size_chart { float: right; padding-top: 5px } #size-chart { display: none } #size-chart h5 { padding: 15px 0 0; text-align: center } .js-sizechart-lightbox { cursor: default!important } .price_total_text { font-weight: 400; display: none } .was_price { text-decoration: line-through; color: #8c8b8b; text-shadow: none; font-weight: 400 } .cart_savings { text-align: left; color: #9a2f36 } .savings { font-size: 16px; display: block } .thumbnails a { display: block; margin-bottom: 1em } .arrow { position: relative; top: -1px; left: 2px; opacity: .6 } .modal { margin: 10px 0; display: none; background-color: #fff } .modal_product { width: auto; line-height: 0px; max-width: 940px } .modal_product img { cursor: pointer } .modal_image { text-align: center } .modal a { padding-bottom: 0 } .modal .modal_price,.modal_price { font-size: 20px; margin-bottom: 10px } .product_section .modal_price,.quick-shop__text-wrap .modal_price { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .product_section .modal_price .price__container,.product_section .modal_price .sold-out__container,.quick-shop__text-wrap .modal_price .price__container,.quick-shop__text-wrap .modal_price .sold-out__container { display: inline-block } .product_section .modal_price .price__container--display-price-true.has-margin-right,.quick-shop__text-wrap .modal_price .price__container--display-price-true.has-margin-right { margin-right: 10px } .product_section .modal_price .sold_out__container,.quick-shop__text-wrap .modal_price .sold_out__container { min-width: 150px } .quick-shop__text-wrap .modal_price.variant-unavailable .price__container { display: none } .modal form { margin-bottom: 10px } .notify_form #contact_form .action_button { width: 100% } .product_image_col { margin-top: 15px; text-align: center } .meta { font-size: 13px } .meta p { font-size: 13px; margin-bottom: 0 } p.meta { margin-bottom: 10px } .comment-body p.meta { margin-bottom: 5px } .comment-body h6 { padding: 0 } .sidebar_title { padding-bottom: 0 } .blog-section h2 { margin-bottom: 0; line-height: 1.2 } .blog-section h2 a { color: #333 } .blog_meta { margin-bottom: 0 } .blog_meta span { position: relative; display: inline-block; margin-right: 15px; font-size: smaller; color: #575757 } .blog_meta span:after { content: ""; position: absolute; right: -16px; top: 50%; margin: -1px 5px 0; width: 4px; height: 4px; border-radius: 2px; background-color: #575757 } .blog_meta span:last-child:after { background-color: transparent } .tags span a { color: #005487 } .article-wrap { padding-bottom: 25px } @media only screen and (min-width: 1200px) { .article-wrap .article__title { margin-top:0 } } @media only screen and (min-width: 1200px) { .article-wrap .continue-button { margin-bottom:0 } } .article h3.sub_title { letter-spacing: 0; margin: 10px auto 0 } .article_content { margin-top: 20px } .excerpt { line-height: 1.5; margin: 1em 0 } #comment_form .action_button,#contact_form .action_button { display: block; padding-left: 40px; padding-right: 40px } @media only screen and (max-width: 1199px) { #comment_form .action_button,#contact_form .action_button { width:100% } } #contact_form .action_button.sign_up { display: inline-block; width: 120px; padding-left: 0; padding-right: 0; float: none } body.article { padding-bottom: 0 } .toggle span { color: #8c8b8b; font-weight: 700; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-size: smaller; float: right; display: none } .sidebar .blog_search { margin-bottom: 15px } .sidebar .blog_search input { width: 100% } .meta .label,.label,.blog_meta,.blog_meta a { color: #8c8b8b } .blog_meta a:hover,.article_content a:hover { color: #6b6b6b; font-weight: 900 } .count { font-style: normal; font-size: 13px } .checkout { display: block; float: right; margin-top: 0 } .additional-checkout-buttons { text-align: center; margin-top: 0 } .additional-checkout-buttons>*:not(script) { padding: 10px 0 0 10px; vertical-align: top; line-height: 1 } @media only screen and (max-width: 480px) { .additional-checkout-buttons>*:not(script) { padding:10px 0 0 5px } } .additional-checkout-buttons>*:not(script):first-child,.additional-checkout-buttons>*:not(script):empty { padding-left: 0 } .or { line-height: 40px; font-style: normal; font-size: 14px; padding: 0 10px; text-align: center } @media only screen and (max-width: 480px) { .or { line-height:initial; text-align: left } } .comment { margin-bottom: 20px } .author_share_wrap { width: 100%; border-top: 1px solid #cccccc; min-height: 40px; padding: 15px 0; margin-top: 15px; overflow: auto } .blog_author { width: 60%; float: left } @media only screen and (max-width: 1199px) { .blog_author { width:100%; border-bottom: 1px solid #cccccc; padding-bottom: 15px } } .blog_author img { width: 80px; height: 80px; border: 1px solid #cccccc; float: left; margin-right: 15px } .author_bio { text-align: left } .author_bio h6 { padding-top: 0 } .author_bio p { font-size: .9em } .blog_share { width: 38%; float: right; text-align: right } @media only screen and (max-width: 1199px) { .blog_share { width:100%; float: left } } .red { color: #c33 } .address p { margin-bottom: 5px } div#disqus_thread ul,div#disqus_thread li { border: none } .search_page { padding: 100px 0 } .product_section .product_form { opacity: 0; transition: opacity .2s ease } .product_section .product_form.is-visible { opacity: 1 } .swatch_options { margin-bottom: 1em } .swatch .option_title { margin: .5em 0 } .swatch input { display: none } .swatch_options input:checked+.swatch-element { border-color: #000; box-shadow: 0 0 0 2px #fff } .swatch .tooltip { text-align: center; background: #333; background: #333333e6; color: #fff; bottom: 100%; padding: 5px 10px; display: block; position: absolute; width: 120px; font-size: 13px; left: -35px; margin-bottom: 15px; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; visibility: hidden; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); transition: all .25s ease-out; box-shadow: 2px 2px 6px #00000047; z-index: 10000 } .swatch .tooltip:before { bottom: -20px; content: " "; display: block; height: 20px; left: 0; position: absolute; width: 100% } .swatch .tooltip:after { border-left: solid transparent 10px; border-right: solid transparent 10px; border-top: solid rgba(51,51,51,.9) 10px; bottom: -10px; content: " "; height: 0; left: 50%; margin-left: -13px; position: absolute; width: 0 } .swatch .swatch-element:hover .tooltip { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; visibility: visible; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0) } .footer { font-size: 14px; border-top: solid 1px #ffffff; background-color: #005487; background-position: center center; color: #fff; pointer-events: all } .footer .input-row { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-left: 0; margin-right: 0 } .footer .input-row input { margin: 5px 0 } .footer-text .toggle_content { padding-top: 15px } .no-footer-title.footer-text .toggle_content { padding-top: 0 } @media only screen and (max-width: 1199px) { .no-footer-title.footer-text .toggle_content { display:block; padding-top: 20px } } .footer .logo { color: #fff!important; font-size: 20px; margin-top: 0; margin-bottom: 20px; line-height: 1; width: 100%; word-wrap: break-word; float: none } @media only screen and (max-width: 1199px) { .footer .logo { text-align:center } } img.footer-logo { width: 75%; max-width: 250px; margin-bottom: 10px; display: inline-block } @media only screen and (max-width: 1199px) { img.footer-logo { max-width:50%!important; margin: 0 25% 25px } } .footer .empty-column { width: 100%; height: 1px } .footer .footer-menu-wrap h6 { margin: 0; padding: 0 0 5px; color: #fff; font-size: 18px } @media only screen and (max-width: 1199px) { .footer .footer-menu-wrap h6 { border-top:1px solid #ffffff; margin-bottom: 5px; padding: 10px 0 5px } } .footer .footer-menu-wrap h6>span { display: none } @media only screen and (max-width: 1199px) { .footer .footer-menu-wrap h6>span { display:inline-block; transition: transform .3s linear; perspective: 1000 } } @media only screen and (min-width: 1200px) { .footer .toggle_content { display:block!important } } .footer a,.footer a:visited { color: #fff; font-size: 14px } .footer a:hover,.footer a:active { color: #fff } .footer ul { list-style: none; margin: 0; padding: 15px 0 0 } .footer ul li { margin-bottom: 5px; line-height: 1.1 } .footer ul li p,.footer form { margin-bottom: 0 } .footer-menu-wrap { text-align: left } .page-landing .maps { position: relative; bottom: -7px } .maps iframe { pointer-events: none; display: block } .newsletter form { margin-bottom: 0 } .footer_credits { border-top: 1px solid #ffffff; margin-top: 10px; margin-bottom: 0 } .payment_methods { margin: 10px 0 6px; padding-top: 10px } @media only screen and (min-width: 1200px) { .payment_methods { float:right; text-align: right } } .payment_methods svg { padding-right: 4px; height: 30px; width: 48px } .credits { text-align: left; padding-top: 20px; margin-bottom: 0 } @media only screen and (min-width: 1200px) { .credits { float:left } } h6 span,h4 span,.sublink span { transition: transform .3s linear; perspective: 1000 } .footer-menu-wrap,#mobile_menu,.sidebar { -webkit-transform: translate3d(0,0,0) } .footer-menu-wrap .active span,.footer-menu-wrap span.active,#mobile_menu .active span,#mobile_menu span.active,.sidebar .active span,.sidebar span.active { transform: rotateX(180deg) } .sidebar span.menu-toggle { float: right; display: inline-block; cursor: pointer; padding: 0 6px; margin-right: 0; transition: transform .3s linear; perspective: 1000; transform: none } .sidebar span.menu-toggle.active { transform: rotateX(180deg) } @media only screen and (max-width: 1199px) { .footer-menu-wrap h6,.sidebar h6,#mobile_menu h6 { padding-top:8px; cursor: pointer; border-top: 1px solid #ffffff; margin-top: 0 } .footer-menu-wrap h6 span,.footer-menu-wrap h4 span,.footer-menu-wrap .sublink span,.sidebar h6 span,.sidebar h4 span,.sidebar .sublink span,#mobile_menu h6 span,#mobile_menu h4 span,#mobile_menu .sublink span { display: inline-block; transition: transform .3s linear; perspective: 1000 } .footer-menu-wrap .columns>ul,.sidebar .columns>ul,#mobile_menu .columns>ul { display: none; padding-left: 20px } .footer-menu-wrap .columns>ul li,.sidebar .columns>ul li,#mobile_menu .columns>ul li { line-height: 1.7 } .toggle_content { display: none; padding: 0 20px } } @media only screen and (min-width: 1200px) { h4.toggle,.footer-menu-wrap h6 { pointer-events:none } .footer-menu-wrap .columns>ul { display: block!important } } .header .promo_banner a,.header .promo_banner a:visited a:hover,#header .promo_banner a,#header .promo_banner a:visited a:hover { color: #115589 } .promo_banner { background-color: #fff; text-align: center; position: relative; width: 100%; line-height: 0; z-index: 5000; top: 0; transition: all .3s linear; overflow: hidden; color: #115589; font-size: 19px; font-style: normal; font-weight: 600; text-transform: capitalize; padding: 10px; letter-spacing: normal; display: flex; align-items: center; justify-content: center; gap: 40px } .promo_banner .prev-button,.promo_banner .next-button { cursor: pointer } .promo_banner .promo_banner__content { padding: 0 1.5rem; display: none } .promo_banner .promo_banner__content.active { display: block } @media only screen and (max-width: 1199px) { .promo_banner .promo_banner__content { font-size:12px; max-height: 50px } } .promo_banner p { margin-bottom: 0; display: inline; line-height: 1 } .promo_banner .promo_banner-close { position: absolute; top: 0; right: 0; display: block; overflow: visible; width: 35px; height: 35px; margin: 0; padding: 0; cursor: pointer; text-decoration: none; color: #115589; border: 0; outline: 0; background: transparent; z-index: 1000 } .promo_banner .promo_banner-close:before { font-family: Arial,Helvetica CY,Nimbus Sans L,sans-serif!important; font-size: 20px; line-height: 30px; position: absolute; top: 0; left: 0; display: block; width: 35px; content: "\d7"; text-align: center } .promo_banner-show .promo_banner { transition: all 0s linear; height: auto; min-height: 30px; line-height: 1.1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center } .top_bar { padding-top: 0; position: relative; transition: padding-top .3s linear } @media only screen and (max-width: 480px) { .top_bar { padding-top:0 } } @media only screen and (max-width: 1199px) { .mobile_nav-fixed--true #pagecontent,.mobile_nav-fixed--false #pagecontent { display:block; padding-bottom: 40px } .mobile_nav-fixed--true .page-banner,.mobile_nav-fixed--false .page-banner { margin-top: 40px } .mobile_nav-fixed--true .page-banner+#pagecontent,.mobile_nav-fixed--false .page-banner+#pagecontent { padding-bottom: 0 } .index-sections .under-menu:nth-child(1) { margin-top: 0 } .page-details-section .under-menu:nth-child(1) { margin-top: 0 } .page-banner .under-menu:nth-child(1) { margin-top: 0 } .promo_banner-show.mobile_nav-fixed--true #pagecontent,.promo_banner-show.mobile_nav-fixed--false #pagecontent { padding-bottom: 70px } .promo_banner-show.mobile_nav-fixed--true .page-banner,.promo_banner-show.mobile_nav-fixed--false .page-banner { margin-top: 70px } .promo_banner-show.mobile_nav-fixed--true .page-banner+#pagecontent,.promo_banner-show.mobile_nav-fixed--false .page-banner+#pagecontent { padding-bottom: 0 } } background: #fff; border: 0; border-radius: 100%; box-shadow: 0 1px 1px #00000026,0 0 0 1px #23292f33; height: 13px; position: relative; transition: all .2s ease; width: 13px; margin-top: 0 } .plyr--full-ui input[type=range]::-ms-tooltip { display: none } .plyr--full-ui input[type=range]:focus { outline: 0 } .plyr--full-ui input[type=range]::-moz-focus-outer { border: 0 } .plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track { box-shadow: 0 0 0 5px #00b3ff80; outline: 0 } .plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track { box-shadow: 0 0 0 5px #00b3ff80; outline: 0 } .plyr--full-ui input[type=range].plyr__tab-focus::-ms-track { box-shadow: 0 0 0 5px #00b3ff80; outline: 0 } .plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track { background-color: #ffffff40 } .plyr--full-ui.plyr--video input[type=range]::-moz-range-track { background-color: #ffffff40 } .plyr--full-ui.plyr--video input[type=range]::-ms-track { background-color: #ffffff40 } .plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px #00000026,0 0 0 1px #23292f33,0 0 0 3px #ffffff80 } .plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb { box-shadow: 0 1px 1px #00000026,0 0 0 1px #23292f33,0 0 0 3px #ffffff80 } .plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb { box-shadow: 0 1px 1px #00000026,0 0 0 1px #23292f33,0 0 0 3px #ffffff80 } .plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track { background-color: #c1c9d1a8 } .plyr--full-ui.plyr--audio input[type=range]::-moz-range-track { background-color: #c1c9d1a8 } .plyr--full-ui.plyr--audio input[type=range]::-ms-track { background-color: #c1c9d1a8 } .plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px #00000026,0 0 0 1px #23292f33,0 0 0 3px #0000001a } .plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb { box-shadow: 0 1px 1px #00000026,0 0 0 1px #23292f33,0 0 0 3px #0000001a } .plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb { box-shadow: 0 1px 1px #00000026,0 0 0 1px #23292f33,0 0 0 3px #0000001a } .plyr__poster { background-color: #000; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity .2s ease; width: 100%; z-index: 1 } .plyr--stopped.plyr__poster-enabled .plyr__poster { opacity: 1 } .plyr__time { font-size: 14px } .plyr__time+.plyr__time:before { content: "\2044"; margin-right: 10px } @media (max-width: 767px) { .plyr__time+.plyr__time { display:none } } .plyr--video .plyr__time { text-shadow: 0 1px 1px rgba(0,0,0,.15) } .plyr__tooltip { background: #ffffffe6; border-radius: 3px; bottom: 100%; box-shadow: 0 1px 2px #00000026; color: #4a5764; font-size: 14px; font-weight: 500; left: 50%; line-height: 1.3; margin-bottom: 10px; opacity: 0; padding: 5px 7.5px; pointer-events: none; position: absolute; transform: translate(-50%,10px) scale(.8); transform-origin: 50% 100%; transition: transform .2s .1s ease,opacity .2s .1s ease; white-space: nowrap; z-index: 2 } .plyr__tooltip:before { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(255,255,255,.9); bottom: -4px; content: ""; height: 0; left: 50%; position: absolute; transform: translate(-50%); width: 0; z-index: 2 } .plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible { opacity: 1; transform: translate(-50%) scale(1) } .plyr .plyr__control:hover .plyr__tooltip { z-index: 3 } .plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip { left: 0; transform: translateY(10px) scale(.8); transform-origin: 0 100% } .plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before { left: 16px } .plyr__controls>.plyr__control:last-child .plyr__tooltip { left: auto; right: 0; transform: translateY(10px) scale(.8); transform-origin: 100% 100% } .plyr__controls>.plyr__control:last-child .plyr__tooltip:before { left: auto; right: 16px; transform: translate(50%) } .plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip { transform: translate(0) scale(1) } .plyr--video { background: #000; overflow: hidden } .plyr--video.plyr--menu-open { overflow: visible } .plyr__video-wrapper { background: #000; border-radius: inherit; overflow: hidden; position: relative; z-index: 0 } .plyr__video-embed,.plyr__video-wrapper--fixed-ratio { height: 0; padding-bottom: 56.25% } .plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video { border: 0; height: 100%; left: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100% } .plyr--full-ui .plyr__video-embed>.plyr__video-embed__container { padding-bottom: 240%; position: relative; transform: translateY(-38.28125%) } .plyr__progress { left: 6.5px; margin-right: 13px; position: relative } .plyr__progress input[type=range],.plyr__progress__buffer { margin-left: -6.5px; margin-right: -6.5px; width: calc(100% + 13px) } .plyr__progress input[type=range] { position: relative; z-index: 2 } .plyr__progress .plyr__tooltip { font-size: 14px; left: 0 } .plyr__progress__buffer { -webkit-appearance: none; background: 0 0; border: 0; border-radius: 100px; height: 5px; left: 0; margin-top: -2.5px; padding: 0; position: absolute; top: 50% } .plyr__progress__buffer::-webkit-progress-bar { background: 0 0 } .plyr__progress__buffer::-webkit-progress-value { background: currentColor; border-radius: 100px; min-width: 5px; transition: width .2s ease } .plyr__progress__buffer::-moz-progress-bar { background: currentColor; border-radius: 100px; min-width: 5px; transition: width .2s ease } .plyr__progress__buffer::-ms-fill { border-radius: 100px; transition: width .2s ease } .plyr--video .plyr__progress__buffer { box-shadow: 0 1px 1px #00000026; color: #ffffff40 } .plyr--audio .plyr__progress__buffer { color: #c1c9d1a8 } .plyr--loading .plyr__progress__buffer { animation: plyr-progress 1s linear infinite; background-image: linear-gradient(-45deg,rgba(35,41,47,.6) 25%,transparent 25%,transparent 50%,rgba(35,41,47,.6) 50%,rgba(35,41,47,.6) 75%,transparent 75%,transparent); background-repeat: repeat-x; background-size: 25px 25px; color: transparent } .plyr--video.plyr--loading .plyr__progress__buffer { background-color: #ffffff40 } .plyr--audio.plyr--loading .plyr__progress__buffer { background-color: #c1c9d1a8 } .plyr__volume { align-items: center; display: flex; flex: 1; position: relative } .plyr__volume input[type=range] { margin-left: 5px; position: relative; z-index: 2 } @media (min-width: 480px) { .plyr__volume { max-width:90px } } @media (min-width: 768px) { .plyr__volume { max-width:110px } } .plyr--is-ios .plyr__volume,.plyr--is-ios.plyr--vimeo [data-plyr=mute] { display: none!important } .plyr:fullscreen { background: #000; border-radius: 0!important; height: 100%; margin: 0; width: 100% } .plyr:fullscreen video { height: 100% } .plyr:fullscreen .plyr__video-wrapper { height: 100%; position: static } .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; top: 50%; transform: translateY(-50%) } .plyr:fullscreen .plyr__control .icon--exit-fullscreen { display: block } .plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg { display: none } .plyr:fullscreen.plyr--hide-controls { cursor: none } @media (min-width: 1024px) { .plyr:-webkit-full-screen .plyr__captions { font-size:21px } .plyr:-ms-fullscreen .plyr__captions { font-size: 21px } .plyr:fullscreen .plyr__captions { font-size: 21px } } .plyr:-webkit-full-screen { background: #000; border-radius: 0!important; height: 100%; margin: 0; width: 100% } .plyr:-webkit-full-screen video { height: 100% } .plyr:-webkit-full-screen .plyr__video-wrapper { height: 100%; position: static } .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; top: 50%; transform: translateY(-50%) } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { display: block } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg { display: none } .plyr:-webkit-full-screen.plyr--hide-controls { cursor: none } @media (min-width: 1024px) { .plyr:-webkit-full-screen .plyr__captions { font-size:21px } } .plyr:-moz-full-screen { background: #000; border-radius: 0!important; height: 100%; margin: 0; width: 100% } .plyr:-moz-full-screen video { height: 100% } .plyr:-moz-full-screen .plyr__video-wrapper { height: 100%; position: static } .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; top: 50%; transform: translateY(-50%) } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen { display: block } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg { display: none } .plyr:-moz-full-screen.plyr--hide-controls { cursor: none } @media (min-width: 1024px) { .plyr:-moz-full-screen .plyr__captions { font-size:21px } } .plyr:-ms-fullscreen { background: #000; border-radius: 0!important; height: 100%; margin: 0; width: 100% } .plyr:-ms-fullscreen video { height: 100% } .plyr:-ms-fullscreen .plyr__video-wrapper { height: 100%; position: static } .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; top: 50%; transform: translateY(-50%) } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { display: block } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg { display: none } .plyr:-ms-fullscreen.plyr--hide-controls { cursor: none } @media (min-width: 1024px) { .plyr:-ms-fullscreen .plyr__captions { font-size:21px } } .plyr--fullscreen-fallback { background: #000; border-radius: 0!important; height: 100%; margin: 0; width: 100%; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 10000000 } .plyr--fullscreen-fallback video { height: 100% } .plyr--fullscreen-fallback .plyr__video-wrapper { height: 100%; position: static } .plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; top: 50%; transform: translateY(-50%) } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen { display: block } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg { display: none } .plyr--fullscreen-fallback.plyr--hide-controls { cursor: none } @media (min-width: 1024px) { .plyr--fullscreen-fallback .plyr__captions { font-size:21px } } .plyr__ads { border-radius: inherit; bottom: 0; cursor: pointer; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: -1 } .plyr__ads>div,.plyr__ads>div iframe { height: 100%; position: absolute; width: 100% } .plyr__ads:after { background: #23292fcc; border-radius: 2px; bottom: 10px; color: #fff; content: attr(data-badge-text); font-size: 11px; padding: 2px 6px; pointer-events: none; position: absolute; right: 10px; z-index: 3 } .plyr__ads:after:empty { display: none } .plyr__cues { background: currentColor; display: block; height: 5px; left: 0; margin: -2.5px 0 0; opacity: .8; position: absolute; top: 50%; width: 3px; z-index: 3 } .plyr__preview-thumb { background-color: #ffffffe6; border-radius: 3px; bottom: 100%; box-shadow: 0 1px 2px #00000026; margin-bottom: 10px; opacity: 0; padding: 3px; pointer-events: none; position: absolute; transform: translateY(10px) scale(.8); transform-origin: 50% 100%; transition: transform .2s .1s ease,opacity .2s .1s ease; z-index: 2 } .plyr__preview-thumb--is-shown { opacity: 1; transform: translate(0) scale(1) } .plyr__preview-thumb:before { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(255,255,255,.9); bottom: -4px; content: ""; height: 0; left: 50%; position: absolute; transform: translate(-50%); width: 0; z-index: 2 } .plyr__preview-thumb__image-container { background: #c1c9d1; border-radius: 2px; overflow: hidden; position: relative; z-index: 0 } .plyr__preview-thumb__image-container img { height: 100%; left: 0; max-height: none; max-width: none; position: absolute; top: 0; width: 100% } .plyr__preview-thumb__time-container { bottom: 6px; left: 0; position: absolute; right: 0; white-space: nowrap; z-index: 3 } .plyr__preview-thumb__time-container span { background-color: #0000008c; border-radius: 2px; color: #fff; font-size: 14px; padding: 3px 6px } .plyr__preview-scrubbing { bottom: 0; filter: blur(1px); height: 100%; left: 0; margin: auto; opacity: 0; overflow: hidden; position: absolute; right: 0; top: 0; transition: opacity .3s ease; width: 100%; z-index: 1 } .plyr__preview-scrubbing--is-shown { opacity: 1 } .plyr__preview-scrubbing img { height: 100%; left: 0; max-height: none; max-width: none; object-fit: contain; position: absolute; top: 0; width: 100% } .plyr--no-transition { transition: none!important } .plyr__sr-only { clip: rect(1px,1px,1px,1px); overflow: hidden; border: 0!important; height: 1px!important; padding: 0!important; position: absolute!important; width: 1px!important } .plyr [hidden] { display: none!important } .shopify-model-viewer-ui { position: relative; display: block; cursor: pointer } .shopify-model-viewer-ui model-viewer { transform: translateZ(0); z-index: 1 } .shopify-model-viewer-ui model-viewer.shopify-model-viewer-ui__disabled { pointer-events: none } .shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen model-viewer { position: relative; width: 100vw; height: 100vh } .shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--exit-fullscreen { display: block } .shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--enter-fullscreen { display: none } .shopify-model-viewer-ui.shopify-model-viewer-ui--desktop.shopify-model-viewer-ui--child-focused .shopify-model-viewer-ui__controls-area,.shopify-model-viewer-ui.shopify-model-viewer-ui--desktop:hover .shopify-model-viewer-ui__controls-area { opacity: 1 } .shopify-model-viewer-ui:not(.shopify-model-viewer-ui--desktop) .shopify-model-viewer-ui__controls-area { display: none } .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-overlay { position: absolute; width: 100%; height: 100%; top: 0 } .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area { display: flex; flex-direction: column; background: #fff; opacity: 0; border: 1px solid rgba(0,0,0,.05); position: absolute; bottom: 10px; right: 10px; z-index: 1; transition: opacity .1s linear } .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area:not(.shopify-model-viewer-ui__controls-area--playing) { display: none } .shopify-model-viewer-ui .shopify-model-viewer-ui__button { color: #3a3a3a; border-radius: 0; border: none; margin: 0; cursor: pointer } .shopify-model-viewer-ui .shopify-model-viewer-ui__button:not(.focus-visible) { outline: 0 } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control { padding: 0; height: 44px; width: 44px; background: 0 0; position: relative } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover { color: #0000008c } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus,.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active { color: #0000008c; background: #0000000d } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after { position: absolute; content: ""; border-bottom: 1px solid rgba(0,0,0,.05); width: 28px; bottom: 0; right: 8px } .shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon { width: 44px; height: 44px; fill: none } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster { background: #fff; position: absolute; border: 1px solid rgba(0,0,0,.05); top: 50%; left: 50%; padding: 0; transform: translate3d(-50%,-50%,0); height: 62px; width: 62px; z-index: 1 } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus,.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover { color: #0000008c } .shopify-model-viewer-ui .shopify-model-viewer-ui__poster-control-icon { width: 60px; height: 60px; z-index: 1; fill: none } .shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--exit-fullscreen { display: none } .shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--enter-fullscreen { display: block } .shopify-model-viewer-ui .shopify-model-viewer-ui__spritesheet { display: none } .shopify-model-viewer-ui .shopify-model-viewer-ui__sr-only { border: 0; clip: rect(0,0,0,0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px } /*! Flickity v2.0.10 http://flickity.metafizzy.co ---------------------------------------------- */ .flickity-enabled { position: relative } .flickity-enabled:focus { outline: 0 } .flickity-prev-next-button { position: absolute; top: 50%; width: 44px; height: 44px; border: none; border-radius: 50%; background: #fff; background: #ffffffbf; cursor: pointer; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .flickity-prev-next-button:hover { background: #fff } .flickity-prev-next-button:focus { outline: 0; box-shadow: 0 0 0 5px #09f } .flickity-prev-next-button:active { opacity: .6 } .flickity-prev-next-button.previous { left: 10px } .flickity-prev-next-button.next { right: 10px } .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px } .flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px } .flickity-prev-next-button:disabled { opacity: .3; cursor: auto } .flickity-prev-next-button svg { position: absolute; left: 20%; top: 20%; width: 60%; height: 60% } .flickity-prev-next-button .arrow { fill: #333 } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; opacity: .25; cursor: pointer } .flickity-page-dots .dot.is-selected { opacity: 1 } .flickity-enabled { position: relative; overflow: hidden } .flickity-enabled:focus { outline: none } .flickity-viewport { overflow: hidden; position: relative; height: 100% } .flickity-slider { position: absolute; width: 100%; height: 100% } .flickity-button.flickity-prev-next-button.next:focus,.flickity-button.flickity-prev-next-button.previous:focus { opacity: 1 } .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing } .flickity-prev-next-button { filter: alpha(opacity=50); opacity: .5; position: absolute; top: 0; bottom: 0; width: 32px; border: none; background: #fff; background: #ffffffbf; cursor: pointer; border-radius: 0; height: auto; max-width: 11%; transform: none } .flickity-prev-next-button:hover { background: #fff; border: none } .flickity-prev-next-button:focus { outline: none } .flickity-prev-next-button:hover,.flickity-prev-next-button:active { filter: alpha(opacity=80); opacity: .8 } .flickity-prev-next-button.previous { left: -1px } .flickity-prev-next-button.next { right: -1px } .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: -1px } .flickity-rtl .flickity-prev-next-button.next { right: auto; left: -1px } .flickity-prev-next-button:disabled { filter: alpha(opacity=10); opacity: .1; cursor: auto } .flickity-prev-next-button svg { position: relative; top: 50%; -webkit-transform: translateY(-50.1%); -ms-transform: translateY(-50.1%); transform: translateY(-50.1%); padding: 10px 0; position: absolute; left: 20%; width: 60%; height: 60% } .flickity-prev-next-button .arrow { fill: #fff } .flickity-prev-next-button.no-svg { color: #fff; font-size: 26px } .flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1 } .flickity-rtl .flickity-page-dots { direction: rtl } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; filter: alpha(opacity=25); opacity: .25; cursor: pointer } .flickity-page-dots .dot.is-selected { filter: alpha(opacity=100); opacity: 1 } .flickity-slider>li { list-style-type: none; width: 100%; text-align: center } img[data-flickity-lazyload] { width: auto } .slideshow_animation--fade .flickity-slider { transform: none!important } .slideshow_animation--fade .gallery-cell { left: 0!important; opacity: 0; transition: opacity .3s ease-in-out; z-index: -1 } .slideshow_animation--fade .gallery-cell.is-selected { opacity: 1; z-index: 0 } .lightbox-gallery .gallery-cell { width: 100% } .lightbox-gallery .gallery-cell img { width: auto; max-height: 90vh; max-width: 100%; display: inline-block } .gallery-arrows--true .product_gallery .flickity-prev-next-button { display: block } .gallery-arrows--true .product_gallery .flickity-prev-next-button:hover { opacity: .5 } .product_gallery { margin-bottom: 30px; position: relative; opacity: 0; transition: opacity .2s } @media only screen and (min-width: 1200px) and (max-width: 1024px) { .product_gallery { margin-bottom:30px } } @media only screen and (min-width: 481px) and (max-width: 1199px) { .product_gallery { margin-bottom:0; padding-bottom: 50px } .product_gallery .flickity-page-dots { bottom: 15px } } .product_gallery .gallery-cell { width: 100%; display: block; margin-right: 10px; position: relative } .product_gallery.flickity-enabled { opacity: 1 } .product_gallery img { background-color: #fff } .product_gallery.show-gallery-arrows--false .flickity-prev-next-button { display: none } @media only screen and (max-width: 1199px) { .product_gallery.show-gallery-arrows--false .flickity-prev-next-button { display:block } } .product_gallery_nav { text-align: center; margin-bottom: 30px } .product_gallery_nav.product_gallery_nav--bottom-thumbnails .gallery-cell { width: auto } .product_gallery_nav.product_gallery_nav--bottom-thumbnails img { height: 80px; width: auto } @media only screen and (min-width: 481px) and (max-width: 1199px) { .product_gallery_nav.product_gallery_nav--bottom-slider { margin-bottom:30px } } .product_gallery_nav.product_gallery_nav--bottom-slider .flickity-prev-next-button { opacity: 1; background: #fff } .product_gallery_nav.product_gallery_nav--bottom-slider .gallery-cell { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: auto; opacity: .5; margin-bottom: 0 } .product_gallery_nav.product_gallery_nav--bottom-slider .gallery-cell.is-nav-selected { opacity: 1 } .product_gallery_nav.product_gallery_nav--bottom-slider .gallery-cell img { width: auto; height: 80px; max-width: none; min-width: 50px } .product_gallery_nav .gallery-cell { width: 20%; margin: 0 10px 10px 0; opacity: .7; display: inline-block; position: relative } .product_gallery_nav .gallery-cell.is-nav-selected { opacity: 1 } .product_gallery_nav .gallery-cell img { cursor: pointer } .product_gallery .gallery-cell a { cursor: zoom-in } @media only screen and (min-width: 1200px) { .gallery-thumbnails--right .multi-image { width:83%; float: left } .gallery-thumbnails--right .product_gallery_nav { width: 12%; float: left; margin-left: 2% } .gallery-thumbnails--right .product_gallery_nav .gallery-cell { width: 100%; margin: 0 0 10px } } @media only screen and (min-width: 1200px) { .gallery-thumbnails--left .multi-image { width:83%; float: right } .gallery-thumbnails--left .product_gallery_nav { width: 12%; float: right; margin-right: 2% } .gallery-thumbnails--left .product_gallery_nav .gallery-cell { width: 100%; margin: 0 0 10px } } .gallery-wrap .flickity-viewport { margin-top: 0 } .product-section__lightbox .zoom-wrap { width: 100%; height: 100% } .title.slider-gallery { padding-top: 40px } @media only screen and (max-width: 480px) { .title.slider-gallery { padding-top:0; font-size: 1.5em } } .slider-gallery { margin: 0 auto 40px } .slider-gallery .gallery-cell { display: inline-block; margin-right: 10px; text-align: center; padding: 0; margin-bottom: 0 } @media only screen and (max-width: 480px) { .slider-gallery .gallery-cell { padding:0; margin-right: 5px } } .slider-gallery .gallery-cell .product-details { line-height: 1.2; letter-spacing: 0 } @media only screen and (max-width: 1199px) { .slider-gallery .gallery-cell .product-details { font-size:3vw } } .slider-gallery .gallery-cell img { display: block; max-width: 100% } .slider-gallery .gallery-cell-heading { font-size: .8rem; line-height: 1.2; text-transform: none; margin-top: 10px } .slider-gallery .flickity-prev-next-button { border-radius: 0; opacity: 0; width: 5% } .slider-gallery:hover .flickity-prev-next-button { opacity: .5 } .transparentBackground--false .dot { background: #fff } .transparentBackground--false .flickity-prev-next-button { background: transparent } .transparentBackground--false .flickity-prev-next-button .arrow { fill: #fff; opacity: 1 } .homepage-slideshow.transparentBackground--false:hover .flickity-prev-next-button,.testimonial-slideshow.transparentBackground--false:hover .flickity-prev-next-button,.product-slider.transparentBackground--false:hover .flickity-prev-next-button,.slider-gallery.transparentBackground--false:hover .flickity-prev-next-button { opacity: 1 } .homepage-slideshow.transparentBackground--false .flickity-page-dots .dot,.testimonial-slideshow.transparentBackground--false .flickity-page-dots .dot,.product-slider.transparentBackground--false .flickity-page-dots .dot,.slider-gallery.transparentBackground--false .flickity-page-dots .dot { opacity: .4 } .homepage-slideshow.transparentBackground--false .flickity-page-dots .dot.is-selected,.testimonial-slideshow.transparentBackground--false .flickity-page-dots .dot.is-selected,.product-slider.transparentBackground--false .flickity-page-dots .dot.is-selected,.slider-gallery.transparentBackground--false .flickity-page-dots .dot.is-selected { opacity: 1 } .lazyframe { position: relative; background-color: #fff; background-repeat: no-repeat; background-size: cover } .lazyframe__title { position: absolute; top: 0; left: 0; right: 0; padding: 15px 17px; z-index: 3 } .lazyframe__title:after { z-index: -1 } .lazyframe:hover { cursor: pointer } .lazyframe:before { display: block; content: ""; width: 100%; padding-top: 100% } .lazyframe[data-ratio="16:9"]:before { padding-top: 56.25% } .lazyframe[data-ratio="4:3"]:before { padding-top: 75% } .lazyframe[data-ratio="1:1"]:before { padding-top: 100% } .lazyframe iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; width: 100%; height: 100% } .lazyframe[data-vendor=youtube],.lazyframe[data-vendor=youtube_nocookie] { background-color: #e52d27; font-family: Roboto,Arial,Helvetica,sans-serif } .lazyframe[data-vendor=youtube] .lazyframe__title,.lazyframe[data-vendor=youtube_nocookie] .lazyframe__title { color: #eee; font-family: Roboto,Arial,Helvetica,sans-serif; font-size: 18px; text-shadow: rgba(0,0,0,.49804) 0px 0px 2px; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; transition: color .1s cubic-bezier(.4,0,1,1) } .lazyframe[data-vendor=youtube] .lazyframe__title:hover,.lazyframe[data-vendor=youtube_nocookie] .lazyframe__title:hover { color: #fff } .lazyframe[data-vendor=youtube] .lazyframe__title:before,.lazyframe[data-vendor=youtube_nocookie] .lazyframe__title:before { content: ""; display: block; background: linear-gradient(rgba(0,0,0,.2),transparent); height: 98px; width: 100%; pointer-events: none; position: absolute; top: 0; left: 0; right: 0; z-index: -1; -webkit-tap-highlight-color: transparent } .lazyframe[data-vendor=youtube]:before,.lazyframe[data-vendor=youtube_nocookie]:before { padding-top: 56.25% } .lazyframe[data-vendor=youtube][data-ratio="16:9"]:before,.lazyframe[data-vendor=youtube_nocookie][data-ratio="16:9"]:before { padding-top: 56.25% } .lazyframe[data-vendor=youtube][data-ratio="4:3"]:before,.lazyframe[data-vendor=youtube_nocookie][data-ratio="4:3"]:before { padding-top: 75% } .lazyframe[data-vendor=youtube][data-ratio="1:1"]:before,.lazyframe[data-vendor=youtube_nocookie][data-ratio="1:1"]:before { padding-top: 100% } .lazyframe[data-vendor=youtube]:after,.lazyframe[data-vendor=youtube_nocookie]:after { content: ""; position: absolute; left: 50%; top: 50%; width: 68px; height: 48px; margin-left: -34px; margin-top: -24px; background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjU1LjcgNDQ2LjNjLTUzLjMuMy0xMDYuNi0uNC0xNTkuOC0zLjMtMTcuNC0xLTM0LjctMi41LTUwLjQtMTFDMzUgNDI2LjMgMjcgNDE4LjQgMjIgNDA3LjIgMTMuMiAzODguNiAxMC41IDM2OSA5IDM0OWMtMy40LTQxLjMtMy42LTgyLjYtMS44LTEyMy44IDEtMjIgMS42LTQ0IDYuOC02NS41IDItOC40IDUtMTYuNiA4LjgtMjQuNEMzMiAxMTcgNDggMTA4IDY3LjMgMTA0YzE2LjItMyAzMi44LTMgNDkuMy0zLjcgNTYtMi4zIDExMi0zLjUgMTY4LTMgNDMgLjYgODYuMiAxLjcgMTI5LjMgNCAxMy4yLjYgMjYuNi44IDM5LjMgNS41IDE3LjIgNi40IDMwIDE3LjIgMzcgMzQuNyA2LjYgMTYuOCA5LjIgMzQuMiAxMC42IDUyIDMuOCA0OC43IDQgOTcuMy43IDE0Ni0xIDE2LjMtMi4yIDMyLjctNi41IDQ4LjgtOS43IDM3LTMyLjggNTEuNS02Ni43IDUzLjgtMzYuMiAyLjUtNzIuNSAzLjgtMTA4LjggNC4zLTIxLjMuMi00Mi43IDAtNjQgMHpNMjAzLjIgMzQ0TDM0OCAyNjQuN2wtMTQ0LjgtNzkuM1YzNDR6IiBmaWxsPSIjIzFmMWYxZiIvPjxwYXRoIGQ9Ik0yMDMuMiAzNDRWMTg1LjVMMzQ4IDI2NC44IDIwMy4yIDM0NHoiIGZpbGw9IiNGRUZERkQiLz48L3N2Zz4=); background-position: center center; background-size: 100%; background-repeat: no-repeat; opacity: .81; border: none; z-index: 4 } .lazyframe[data-vendor=youtube]:hover:after,.lazyframe[data-vendor=youtube_nocookie]:hover:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjU1LjcgNDQ2LjNjLTUzLjMuMy0xMDYuNi0uNC0xNTkuOC0zLjMtMTcuNC0xLTM0LjctMi41LTUwLjQtMTFDMzUgNDI2LjMgMjcgNDE4LjQgMjIgNDA3LjIgMTMuMiAzODguNiAxMC41IDM2OSA5IDM0OWMtMy40LTQxLjMtMy42LTgyLjYtMS44LTEyMy44IDEtMjIgMS42LTQ0IDYuOC02NS41IDItOC40IDUtMTYuNiA4LjgtMjQuNEMzMiAxMTcgNDggMTA4IDY3LjMgMTA0YzE2LjItMyAzMi44LTMgNDkuMy0zLjcgNTYtMi4zIDExMi0zLjUgMTY4LTMgNDMgLjYgODYuMiAxLjcgMTI5LjMgNCAxMy4yLjYgMjYuNi44IDM5LjMgNS41IDE3LjIgNi40IDMwIDE3LjIgMzcgMzQuNyA2LjYgMTYuOCA5LjIgMzQuMiAxMC42IDUyIDMuOCA0OC43IDQgOTcuMy43IDE0Ni0xIDE2LjMtMi4yIDMyLjctNi41IDQ4LjgtOS43IDM3LTMyLjggNTEuNS02Ni43IDUzLjgtMzYuMiAyLjUtNzIuNSAzLjgtMTA4LjggNC4zLTIxLjMuMi00Mi43IDAtNjQgMHpNMjAzLjIgMzQ0TDM0OCAyNjQuN2wtMTQ0LjgtNzkuM1YzNDR6IiBmaWxsPSIjREQyQzI4Ii8+PHBhdGggZD0iTTIwMy4yIDM0NFYxODUuNUwzNDggMjY0LjggMjAzLjIgMzQ0eiIgZmlsbD0iI0ZFRkRGRCIvPjwvc3ZnPg==); opacity: 1 } .lazyframe[data-vendor=vimeo] { background-color: #00adef } .lazyframe[data-vendor=vimeo] .lazyframe__title { font-family: Helvetica Neue,Helvetica,Arial; color: #00adef; font-size: 20px; font-weight: 700; text-rendering: optimizeLegibility; -webkit-user-select: none; user-select: none; -webkit-font-smoothing: auto; -webkit-tap-highlight-color: transparent; background-color: #00000080 } .lazyframe[data-vendor=vimeo]:before { padding-top: 48.25% } .lazyframe[data-vendor=vimeo][data-ratio="16:9"]:before { padding-top: 56.25% } .lazyframe[data-vendor=vimeo][data-ratio="4:3"]:before { padding-top: 75% } .lazyframe[data-vendor=vimeo][data-ratio="1:1"]:before { padding-top: 100% } .lazyframe[data-vendor=vimeo]:after { content: ""; height: 40px; width: 65px; display: block; position: absolute; bottom: 10px; left: 10px; z-index: 3; background-color: #00000080; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgYmFzZVByb2ZpbGU9InRpbnkiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTcuNzY1IDE2Ljg5bDguNDctNC44OS04LjQ3LTQuODkiLz48L3N2Zz4=); background-position: center center; background-size: 100% 100%; background-repeat: no-repeat; border-radius: 5px; position: relative } .lazyframe[data-vendor=vimeo]:hover:after { background-color: #00adef } .lazyframe[data-vendor=vine] { background-color: #00bf8f } .lazyframe[data-vendor=vine] .lazyframe__title { color: #fff; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 14px; line-height: 16px; white-space: nowrap; z-index: 3; positon: relative } .lazyframe[data-vendor=vine] .lazyframe__title:after { content: ""; position: absolute; top: 0; left: 0; right: 0; z-index: -1; height: 115px; padding: 24px 70px 24px 24px; background: linear-gradient(to top,#17171700 0,#171717b3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b3171717",endColorstr="#00171717",GradientType=0) } .lazyframe[data-vendor=vine]:before { padding-top: 100% } .lazyframe[data-vendor=vine][data-ratio="16:9"]:before { padding-top: 56.25% } .lazyframe[data-vendor=vine][data-ratio="4:3"]:before { padding-top: 75% } .lazyframe[data-vendor=vine][data-ratio="1:1"]:before { padding-top: 100% } .lazyframe[data-vendor=vine]:after { content: ""; width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; z-index: 4; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzYiIGhlaWdodD0iMTM2IiB2aWV3Qm94PSIwIDAgMTM2IDEzNiI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTU2IDQ0Yy0uNyAwLTEuNC4yLTIgLjUtMS4yLjgtMiAyLTIgMy41djQwYzAgMS40LjggMi44IDIgMy41LjYuMyAxLjMuNSAyIC41czEuNC0uMiAyLS41bDM0LjYtMjBjMS4zLS43IDItMiAyLTMuNSAwLTEuNC0uNy0yLjgtMi0zLjVMNTggNDQuNWMtLjYtLjMtMS4zLS41LTItLjV6Ii8+PC9zdmc+); background-color: #00000080; background-size: cover; background-repeat: no-repeat; margin-top: -30px; margin-left: -30px; border-radius: 50% } .lazyframe[data-vendor=vine]:hover:after { background-color: #000000bf } html.remodal-is-locked { overflow: hidden; -ms-touch-action: none; touch-action: none } .remodal,[data-remodal-id] { display: none } .remodal-overlay { position: fixed; z-index: 9999; top: -5000px; right: -5000px; bottom: -5000px; left: -5000px; display: none } .remodal-wrapper { position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: auto; text-align: center; -webkit-overflow-scrolling: touch } .remodal-wrapper:after { display: inline-block; height: 100%; margin-left: -.05em; content: "" } .remodal-overlay,.remodal-wrapper { -webkit-backface-visibility: hidden; backface-visibility: hidden } .remodal { position: relative; outline: none; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100% } .size-chart-remodal { max-height: calc(100vh - 20px) } .size-chart-remodal .size-chart-wrap { max-height: calc(100vh - 70px); overflow-y: scroll } .remodal img { max-width: 100% } .remodal-is-initialized { display: inline-block } .remodal-bg.remodal-is-opening,.remodal-bg.remodal-is-opened { filter: blur(3px) } .remodal-overlay { background: #2b2e38e6 } .remodal-overlay.remodal-is-opening,.remodal-overlay.remodal-is-closing { animation-duration: .3s; animation-fill-mode: forwards } .remodal-overlay.remodal-is-opening { animation-name: remodal-overlay-opening-keyframes } .remodal-overlay.remodal-is-closing { animation-name: remodal-overlay-closing-keyframes } .remodal-wrapper { padding: 10px 10px 0 } .remodal { width: 100%; margin-bottom: 10px; padding: 35px; -ms-transform: translateY(0,0,0); transform: translateZ(0); color: #2b2e38; background: #fff } @media only screen and (max-width: 480px) { .remodal { overflow-x:scroll } } .remodal.remodal-is-opening,.remodal.remodal-is-closing { animation-duration: .3s; animation-fill-mode: forwards } .remodal.remodal-is-opening { animation-name: remodal-opening-keyframes } .remodal.remodal-is-closing { animation-name: remodal-closing-keyframes } .remodal,.remodal-wrapper:after { vertical-align: middle } .remodal-close { position: absolute; top: 0; right: 0; display: block; overflow: visible; width: 35px; height: 35px; margin: 0; padding: 0; cursor: pointer; transition: color .2s; text-decoration: none; color: #95979c; border: 0; outline: 0; background: transparent; z-index: 1000 } .remodal-close:hover,.remodal-close:focus { color: #2b2e38 } .remodal-close:before { font-family: Arial,Helvetica CY,Nimbus Sans L,sans-serif!important; font-size: 25px; line-height: 35px; position: absolute; top: 0; left: 0; display: block; width: 35px; content: "\d7"; text-align: center } .remodal-confirm,.remodal-cancel { font: inherit; display: inline-block; overflow: visible; min-width: 110px; margin: 0; padding: 12px 0; cursor: pointer; transition: background .2s; text-align: center; vertical-align: middle; text-decoration: none; border: 0; outline: 0 } .remodal-confirm { color: #fff; background: #81c784 } .remodal-confirm:hover,.remodal-confirm:focus { background: #66bb6a } .remodal-cancel { color: #fff; background: #e57373 } .remodal-cancel:hover,.remodal-cancel:focus { background: #ef5350 } .remodal-confirm::-moz-focus-inner,.remodal-cancel::-moz-focus-inner,.remodal-close::-moz-focus-inner { padding: 0; border: 0 } @keyframes remodal-opening-keyframes { 0% { transform: scale(1.05); opacity: 0 } to { transform: none; opacity: 1 } } @keyframes remodal-closing-keyframes { 0% { transform: scale(1); opacity: 1 } to { transform: scale(.95); opacity: 0 } } @keyframes remodal-overlay-opening-keyframes { 0% { opacity: 0 } to { opacity: 1 } } @keyframes remodal-overlay-closing-keyframes { 0% { opacity: 1 } to { opacity: 0 } } @media only screen and (max-width: 959px) { #contact_form input.sign_up[type=submit] { margin-left:0; margin-bottom: 1.5em; width: 100% } input.contact_email[type=email] { width: 100% } .collection_menu { display: none } h1.collection_title_tags,div.collection_title_tags { border-right: 0; margin-right: 0; padding-right: 0 } .newsletter .input-row input { margin: 5px 0 } input.sign_up { margin: 0 } .newsletter-both-names--true input.firstName { margin-right: 5px } } @media only screen and (min-width: 799px) and (max-width: 959px) { .nav a,.nav a:visited,.menu a:hover,.nav a:active,.nav a:focus { font-size:12px } .menu a,.menu a:visited,.menu a:hover,.menu a:active,.menu a:focus { font-size: 12px } .menu li,#header span.menu_title,.menu a span { padding-left: 2px; padding-right: 2px } .menu li.search_container { display: none } } @media only screen and (max-width: 1180px) { #header { display:block } .header { display: none } } @media only screen and (max-width: 1198px) { .article_image { padding-bottom:0 } .sidebar_content { border: 0; padding: 0 } .nav_arrows { float: none; text-align: center } .nav_arrows .prev { float: left } .nav_arrows .next { float: right } #header .top_bar a.mobile_logo { margin: 0; top: 0; left: 0; bottom: 0; right: 0; font-size: 18px; line-height: 34px; z-index: 5; height: auto; color: #fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center } #header a.mobile_logo img { width: auto; max-width: 150px; max-height: 30px } .payment_methods { text-align: center; float: none; display: block } .credits { float: none; display: block; text-align: center } .is-absolute { top: 0!important } .blog_filter { margin-top: 1em; width: 100%!important } .section_select { text-align: center } .flex-control-nav { bottom: 10px } .featured_links a span { font-size: 12px } .or { width: 100%; display: inline-block; padding-left: 0; padding-bottom: 5px } .mobile_hidden { display: none!important } table tr.order_summary td.label { text-align: left } .featured_text { font-size: 16px; line-height: 1.7em } h4.toggle { cursor: pointer } .toggle span { display: block } .toggle_list { display: none } select { width: 100%; margin-left: 0 } input[type=submit],input[type=reset],input[type=button],input.action_button[type=submit],input.action_button[type=button],.sign_up { margin-left: 0; width: 100%; outline: 0 } .credits_right { text-align: left } td { padding: 4px!important } .title_column { float: left } .container div.mobile_only,.mobile_only { display: block } span.mobile_only { display: inline } .price_total { text-align: right } .price_total_text { display: block } .update_subtotal,.price_total,.remove_column,.checkout_table_header { display: none } .mobile_right { text-align: right } .quick_shop { display: none!important } .cart_price { display: block; margin-bottom: 0 } table tr th,table tr td { padding: 2px } input.action_button { margin-bottom: 1em!important } .multiple_product_images { display: none } .headline { font-size: 1.3em; line-height: 1.2; position: relative } p.subtitle { font-size: 1.1em; line-height: 1.2; position: relative } } @media only screen and (max-width: 798px) { .mobile_hidden { display:none!important } } @media only screen and (max-width: 479px) { h1,h2,h3,h4,h5,h6,.collection_title,.empty_cart { font-size:110%; line-height: 1.5em } h1,h1.home,.title a,h2 { padding: 0 } } @media only screen and (min-width: 320px) and (max-width: 1024px) { html { -webkit-text-size-adjust:100% } } @font-face { font-family: turbo; src: url(//www.bestbullysticks.com/cdn/shop/t/136/assets/turbo.eot?v=48734892740725754481653413848); src: url(//www.bestbullysticks.com/cdn/shop/t/136/assets/turbo.eot?v=48734892740725754481653413848) format("embedded-opentype"),url(//www.bestbullysticks.com/cdn/shop/t/136/assets/turbo.woff?v=150966577236684244781653413847) format("woff"),url(//www.bestbullysticks.com/cdn/shop/t/136/assets/turbo.ttf?v=77481909974496710951653413842) format("truetype"),url(//www.bestbullysticks.com/cdn/shop/t/136/assets/turbo.svg?v=173366358466109711321653413848) format("svg"); font-weight: 400; font-style: normal; font-display: swap } [class^=icon-]:before,[class*=" icon-"]:before { font-family: turbo; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .15em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .icon-bag:before { content: "\e901" } .icon-cart:before { content: "\e902" } .icon-check:before { content: "\e903" } .icon-cross:before { content: "\e904" } .icon-up-arrow:before { content: "\e917" } .icon-down-arrow:before { content: "\e905" } .icon-left-arrow:before { content: "\e90b" } .icon-right-arrow:before { content: "\e912"; margin-right: 0 } .icon-plus:before { content: "\e911" } .icon-minus:before { content: "\e90e" } .icon-menu:before { content: "\e90d" } .icon-email:before { content: "\e906" } .icon-pinterest:before { content: "\e907" } .icon-rss:before { content: "\e909" } .icon-houzz:before { content: "\e90a" } .icon-snapchat:before { content: "\e90c" } .icon-phone:before { content: "\e90f" } .icon-instagram:before { content: "\e910" } .icon-vimeo:before { content: "\e913" } .icon-search:before { content: "\e914" } .icon-zoom:before { content: "\e900" } .icon-youtube:before { content: "\e915" } .icon-lock:before { content: "\e916"; color: #fff } .icon-user:before { content: "\e918" } .icon-facebook:before { content: "\ea90" } .icon-twitter:before { content: "\ea96" } .icon-tumblr:before { content: "\eab9" } .icon-linkedin:before { content: "\eaca" } .icon-twitter-share:before { content: "\ea96" } .icon-facebook-share:before { content: "\ea90" } .icon-pinterest-share:before { content: "\e907" } .icon-mail-share:before { content: "\e906" } span.icon-down-arrow { padding: 0!important; font-size: 12px!important } .menu li.search_link { display: none; padding-left: 10px; padding-right: 10px } .sticky_nav .menu li.search_link { display: inline-block; float: right } .menu li.search_container { float: right; padding-top: 3px } @media only screen and (min-width: 1401px) { .menu li.search_container { margin-left:15px } } .menu-position--block .menu li.search_container { float: none } form.search_form,.search_form input { padding-top: 0; margin-bottom: 0; position: relative; -webkit-appearance: none; border-radius: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased } .search_form input,.search_form input:active,.search_form input:focus { font-family: Avenir Next,sans-serif; font-weight: 600; font-style: normal; font-size: 12px; letter-spacing: 1px; color: #252525; background-color: transparent; padding-right: 35px; border-color: #252525 } .feature_image .search_form input,.feature_image .search_form input:active,.feature_image .search_form input:focus { color: #ccc; border-color: #ccc } .feature_image .search_form input::-webkit-input-placeholder,.feature_image .search_form input:active::-webkit-input-placeholder,.feature_image .search_form input:focus::-webkit-input-placeholder { color: #ccc } .feature_image .search_form input::-moz-placeholder,.feature_image .search_form input:active::-moz-placeholder,.feature_image .search_form input:focus::-moz-placeholder { color: #ccc } .feature_image .search_form input:-ms-input-placeholder,.feature_image .search_form input:active:-ms-input-placeholder,.feature_image .search_form input:focus:-ms-input-placeholder { color: #ccc } .header_search_form { width: 60%; margin: 0 auto 30px; padding: 30px 0 0; position: relative; border-bottom: solid 1px #252525 } @media only screen and (max-width: 480px) { .header_search_form { width:90%; margin: 30px auto; padding: 0 } } .header_search_form input,.header_search_form input:focus,.header_search_form input:active { background-color: transparent; font-family: Avenir Next,sans-serif; font-weight: 600; font-style: normal; color: #252525; letter-spacing: 1px; border: none; font-size: 36px; line-height: 36px } @media only screen and (max-width: 480px) { .header_search_form input,.header_search_form input:focus,.header_search_form input:active { font-size:22px; line-height: 22px; margin-bottom: 0 } } .header_search_form .search-submit { top: 38px; font-size: 30px } .search_form input::-webkit-input-placeholder { color: #252525 } .search_form input:-moz-placeholder { color: #252525 } .search_form input::-moz-placeholder { color: #252525 } .search_form input:-ms-input-placeholder { color: #252525 } .search_form input:focus::-webkit-input-placeholder { color: #1b1f23 } .search_form input:focus:-moz-placeholder { color: #1b1f23 } .search_form input:focus::-moz-placeholder { color: #1b1f23 } .search_form input:focus:-ms-input-placeholder { color: #1b1f23 } .feature_image .search_form input,.feature_image .search_form input:active,.feature_image .search_form input:focus { color: #ccc; border: 1px solid #cccccc } .feature_image .search_form input::-webkit-input-placeholder { color: #ccc } .feature_image .search_form input:-moz-placeholder { color: #ccc } .feature_image .search_form input::-moz-placeholder { color: #ccc } .feature_image .search_form input:-ms-input-placeholder { color: #ccc } .search-submit { position: absolute; z-index: 1000; color: #252525; font-size: 20px; top: 9px; right: 7px; cursor: pointer } .feature_image .search-submit { color: #ccc } .blog_search .search-submit { color: #333; top: 10px; right: 8px; z-index: 1 } .social_icons { margin-left: 0; margin-top: 0 } .social_icons li { display: inline; padding-right: 2px } @media only screen and (max-width: 1199px) { footer .footer-social-icons { display:none } } footer .footer-social-icons--mobile.columns { display: none; padding-left: 0 } @media only screen and (max-width: 1199px) { footer .footer-social-icons--mobile.columns { display:block } footer .footer-social-icons--mobile.columns>ul { display: block; padding-left: 0 } } footer .social_icons { display: block; padding-top: 0 } @media only screen and (max-width: 1199px) { footer .social_icons { padding-left:0; text-align: center } } footer .social_icons a,footer .social_icons a:visited { color: #fff; font-size: 22px; display: inline-block; margin-bottom: 1em } @media only screen and (max-width: 480px) { footer .social_icons a,footer .social_icons a:visited { margin-bottom:0 } } footer .social_icons a:active,footer .social_icons a:hover { color: #fff; font-size: 22px } /*! * animate.css -http://daneden.me/animate * Version - 3.5.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2017 Daniel Eden */ .animated { animation-duration: 1s; animation-fill-mode: both } .animated.infinite { animation-iteration-count: infinite } .animated.hinge { animation-duration: 2s } .animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY { animation-duration: .75s } @keyframes bounceIn { 0%,20%,40%,60%,80%,to { animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; transform: scale3d(.3,.3,.3) } 20% { transform: scale3d(1.1,1.1,1.1) } 40% { transform: scale3d(.9,.9,.9) } 60% { opacity: 1; transform: scale3d(1.03,1.03,1.03) } 80% { transform: scale3d(.97,.97,.97) } to { opacity: 1; transform: scaleX(1) } } .bounceIn { animation-name: bounceIn } @keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } .fadeIn { animation-name: fadeIn } @keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0,-20px,0) } to { opacity: 1; transform: none } } .fadeInDown { animation-name: fadeInDown } @keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-20px,0,0) } to { opacity: 1; transform: none } } .fadeInLeft { animation-name: fadeInLeft } @keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(20px,0,0) } to { opacity: 1; transform: none } } .fadeInRight { animation-name: fadeInRight } @keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0,20px,0) } to { opacity: 1; transform: none } } .fadeInUp { animation-name: fadeInUp } @keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } .fadeOut { animation-name: fadeOut } @keyframes fadeOutUp { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(0,-100%,0) } } .fadeOutUp { animation-name: fadeOutUp } @keyframes zoomOut { 0% { opacity: 1 } 50% { opacity: 0; transform: scale3d(.3,.3,.3) } to { opacity: 0 } } .zoomOut { animation-name: zoomOut } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } @keyframes fadeOutLeft { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } .delay-0s { -moz-animation-delay: 0; -webkit-animation-delay: 0; animation-delay: 0 } .delay-025s { -moz-animation-delay: .25s; -webkit-animation-delay: .25s; animation-delay: .25s; opacity: 0 } .delay-05s { -moz-animation-delay: .5s; -webkit-animation-delay: .5s; animation-delay: .5s; opacity: 0 } .delay-075s { -moz-animation-delay: .75s; -webkit-animation-delay: .75s; animation-delay: .75s; opacity: 0 } .delay-1s { -moz-animation-delay: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; opacity: 0 } .animate_right,.animate_left,.animate_up,.animate_down { opacity: 0 } .ie .animated,.ie .animate_right,.ie .animate_left,.ie .hsContent,.ie #slide-1 .animated { opacity: 1!important } .ie delay-025s,.ie .delay-0s,.ie .delay-025s,.ie .delay-05s,.ie .delay-075s,.ie .delay-1s { opacity: 1!important } .ie select { background-image: none!important } @media only screen and (max-width: 798px) { .delay-0s,.delay-025s,.delay-05s,.delay-075s,.delay-1s,.animate_right,.animate_left,.animate_up,.animate_down { opacity:1 } } #password-container { margin: 75px auto 0; max-width: 100%; text-align: center; display: table } @media only screen and (max-width: 1199px) { #password-container { margin-top:10px } } #password-container #contact_form input.sign_up[type=submit] { width: calc(35% - 10px) } @media only screen and (max-width: 1024px) { #password-container #contact_form input.sign_up[type=submit] { width:100% } } #password-container #contact_form input.contact_email[type=email] { max-width: 100% } .password-page-message { font-size: 3em; line-height: 1.2; margin: 10px auto; padding: 12px 0 } .password-page-follow { margin: 5px 0 } .password-social .social_icons a,.password-social .social_icons a:visited,.password-social .social_icons a:active { font-size: 25px } .password-page-row { display: table-row; width: 100%; height: 100%; margin: 0 auto } .password-page-col { display: table-cell; vertical-align: middle; padding: 5px 30px; width: 100% } .password-logo { max-width: 200px; margin: 0 auto } .password-message { max-width: 600px; font-size: 1.2em; color: #fff } .hr-small { margin: 20px auto; width: 50px } .password-social { margin-top: 10px; padding-top: 20px } .password-social ul { margin-left: 0; padding-left: 0; margin-bottom: 10px } .password-social .social_icons li { display: inline; margin-left: 0 } .password-social .social_icons a:hover { color: #6b6b6b } .password-footer { margin-top: 15px; margin-bottom: 40px; font-size: 13px; color: #fff; text-align: center } .powered { display: block; margin-top: 15px } .shopify a { background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA0JJREFUeNqMU81vG0UU/83sR73YG+M4xrHj4jj9UCFNSaGlQQUhhFBRpXIo6jEHQFXFAbhy4B/gioTgzgGV7ws5IAoqUgUSoWoIaZJGpGpMHDuptf5a7+fM8nZpJaRy4M0+jd7szO/93u/NsAsX5vFvi6IInHNUq5NnstnsqXp96xur3f392HNlrIcLePHkS8hlTchIJvtVSTOjIaSAwhkiGsXi+BudjjVp28Oj+XzhrPDZh5qqfoIQD5j6wrxHCAJ6UMXVr3pgnB0c9O2843jrE5XMtZER47GTp+bOqfn++d9+Ct5TuLrCGAcjpgnAWEVSdg8HSyWUzTl8v7D08szxSltPB6/OPDWeW/q1caI2O0zfbrThBM7pjdbiz9PG7LsK01epYKiCaMlIQadnHag9UZ2vbuqvl47tVMwcY3fdFjLFCIHksB0bQojCTmfzlWyHf53S0qsyigESMRS0uqtvNbs330nXNHhRAWl3ChnNhLG/jzBy4fg27pGG5TSqWsARV6EGwk+WScgymIQ5auLpyTdRHj2arC//9QXuDpfgeDYkQcgoZixq4DKuAGoo7wEwVg5DD3PVt1EafRzL21/C0HJo9f4gYUO4gZNkFMk5Nkli3wcI4vP7yIvxhsLIIXhBHzfqlzHwWihkDiNjPEwlDJNE/zDABGPQKfR5QAzI8wRU9IWNurWIlJbF+dmP8Ig5ja67Az8cwvWdmCVi4YSMSlTzODjAQxGAvCZkaIpI4MeN97Fc/xbpfXk8WXmNqPcw9C1idR8gKSNN06GYEScZYwZVJ+xj/8hpPJp9HmvNK/Bd6g0zEXfJ9rvEwE0A4qbFLOibimN15RcLR57JVFx7iLGHpvFs9RJ8QZvofmzsXoEXDqAqWiIiyUaAUSIkBTVVY1BuXuth6rhxcaxizDb619EcrGPg7+JG8zJWdj8HZwplk7hTHyDiKrU5BVWXyKT57ncfNz9TRBjxrRWn3/zT2+7seV7DWuabnR+MTrCm6ikNnLLEL3R720dmQkMqFz8dia3rdmvhg8an7MH3hZRhKuVsQTtcPmCcGK+lZvLl1JEdK9T7PW9t75a72L7tXh3sBbdEELXxP00h1//rx98CDACS7p3N/ZPUwQAAAABJRU5ErkJggg==); padding-left: 21px; color: #fff; text-decoration: none } .password-footer a { color: #fff; text-decoration: none } .controls { display: block; margin: 1em; text-align: right; text-transform: uppercase; position: relative } #open-me { text-align: center; margin-bottom: 35px } #open-me a:hover { color: #6b6b6b } .close-me { z-index: 8000 } .modalbox { position: absolute; height: 100%; top: -1em; bottom: 0; left: 0; right: 0; padding: 0; z-index: 5000 } .overlay { position: fixed; width: 100%; height: 100%; max-height: 100%; top: 0; left: 0; background: #fff; background: #fffffff2 } .overlay-close { width: 150px; height: 50px; position: absolute; right: 10px; top: 10px; border: 1px solid #000; font-size: 14px } .overlay-data { opacity: 0; visibility: hidden; transition: opacity .5s; visibility: 0s .5s; transition: opacity .5s,visibility 0s .5s } .overlay-open { opacity: 1; visibility: visible; transition: opacity .5s } .inputbox { margin: 0 -50% 0 auto; max-width: 80%; display: table; text-align: center; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: #000 } @media only screen and (max-width: 1199px) { #password-page-bg .modalbox .inputbox { top:50% } } .storefront-password-form label { font-size: .9em; margin: 0 0 1em; text-align: center } .storefront-password-form .actions { display: inline-block } .storefront-password-form #password { width: 50%; display: inline-block } @media only screen and (max-width: 480px) { .storefront-password-form #password { width:100% } } #owner { font-size: .9em; margin-top: -1em; opacity: .8 } .pass-close { color: #000!important; padding: 0!important; margin: 1em!important; position: inherit!important } @media screen and (min-width: 320px) and (max-width: 440px) and (max-height: 667px) { .modalbox { display:block; width: 414px!important; max-width: 100%; text-align: center } .pass-close { display: block; margin: .65em -.15em 1em 0!important } } .page-details-section .article { padding-bottom: 0 } .page-details-section div.container .featured_products { padding-top: 0 } @media only screen and (max-width: 480px) { .page-details-section .caption.position-center,.page-details-section .caption.position-left,.page-details-section .caption.position-right { margin:5% 0 0 } } .product-gallery__model model-viewer,.product-gallery__video iframe { width: 100%; min-height: 450px } .product-gallery__model { position: relative } .product-gallery__model model-viewer { width: 100%; min-height: 500px } .view-in-your-space.action_button { padding: 0; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; min-height: 44px; background: #e6e6e6; color: #333; font: inherit; text-transform: none; border-radius: 0; border: 0 } .view-in-your-space.action_button svg path:first-child { stroke: #333 } .view-in-your-space.action_button svg path:last-child { fill: #333 } .plyr--video .plyr__controls { background: #fff9; padding: 10px } .plyr--video .plyr__control { background: transparent; color: #333 } .plyr--video .plyr__control:hover { background: #fff; color: #333 } .plyr--video .plyr__controls__item.plyr__time,.plyr--video input[type=range],.plyr--video .plyr__controls__item { color: #333 } .plyr--video .plyr__progress input[type=range]+.thumb { background-color: #333; color: #333 } .plyr--video input[type=range]::-webkit-slider-thumb { background-color: #333 } .plyr--video input[type=range]::-moz-range-thumb { background-color: #333 } .plyr--video input[type=range]::-ms-thumb { background-color: #333 } .plyr--video .plyr__progress__buffer,.plyr--video .plyr__control[aria-expanded=true] { background-color: #3339 } .plyr--video .plyr__control.plyr__tab-focus { background-color: #333 } .plyr--video .plyr__control--overlaid { background: #fff; border-radius: 0; border: 1px solid rgba(0,0,0,.05); height: 50px; width: 50px } .plyr--video .plyr__control--overlaid svg { left: auto } .plyr--video .plyr__control--overlaid:hover { background: #fff } .plyr--video .plyr__control--overlaid:hover .play-icon-button-control rect { opacity: .75 } .plyr--video .plyr__control .play-icon-button-control { width: 50px; height: 50px; position: absolute; top: 0; left: 0 } .plyr--video .plyr__control .play-icon-button-control rect { fill: #fff } .plyr--video .plyr__control .play-icon-button-control path { fill: #333 } .plyr__controls .plyr__controls__item.plyr__progress__container { padding-right: 10px; padding-left: 10px } .plyr--full-ui .plyr__volume { background-color: #ffffff40; border-radius: 5px; bottom: 105px; height: 40px; opacity: 0; padding: 10px 15px!important; position: absolute; transform: rotate(270deg); transition: visibility .4s linear .4s,opacity .4s linear .3s; width: 140px } .plyr--full-ui .plyr__volume:before { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(255,255,255,.25); bottom: 18px; content: ""; left: -6px; position: absolute; transform: rotate(90deg); z-index: 2 } .plyr--full-ui .plyr__volume:hover { opacity: 1; visibility: visible } .plyr--full-ui .plyr__volume.plyr__volume--is-visible { opacity: 1; transition: visibility .4s linear,opacity .4s linear } .plyr--full-ui .plyr__volume input[type=range] { color: #333; margin: 0 auto } .plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-runnable-track,.plyr--full-ui .plyr__volume input[type=range]::-moz-range-track,.plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-thumb,.plyr--full-ui .plyr__volume input[type=range]::-moz-range-thumb { box-shadow: none } .plyr--full-ui .plyr__volume input[type=range]::-ms-fill-upper,.plyr--full-ui .plyr__volume input[type=range]::-ms-thumb,.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-runnable-track,.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-moz-range-track,.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-ms-track { box-shadow: 0 0 0 4px #ffffff40 } .plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-thumb,.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-moz-range-thumb,.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-ms-thumb,.plyr--full-ui .plyr__volume input[type=range]:active::-webkit-slider-thumb,.plyr--full-ui .plyr__volume input[type=range]:active::-moz-range-thumb,.plyr--full-ui .plyr__volume input[type=range]:active::-ms-thumb { box-shadow: none } .plyr--audio .plyr--full-ui .plyr__volume { bottom: 125px; right: -37px } .plyr--is-ios .plyr__volume { display: none!important } .plyr__control[data-plyr=mute]:hover+.plyr__volume { opacity: 1; transition: visibility .4s linear,opacity .4s linear } @media (min-width: 480px) { .plyr--full-ui .plyr__volume input[type=range] { max-width:90px } } @media (min-width: 750px) { .plyr--full-ui .plyr__volume input[type=range] { max-width:110px } } @media only screen and (max-width: 989px) { .plyr--is-touch .plyr__volume { display:none!important } } .show-gallery-arrows--true .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area { right: 50px; bottom: 10px } .shopify-model-viewer-ui .shopify-model-viewer-ui__button { color: #333; background: #fff } .shopify-model-viewer-ui .shopify-model-viewer-ui__button[hidden] { display: none } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover,.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus { color: #3333338c } .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area { background: #fff; border: 1px solid rgba(51,51,51,.05) } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after { border-bottom: 1px solid rgba(51,51,51,.05) } .video-on-hover .plyr__controls,.video-on-hover .plyr__control--overlaid,.swap-true .plyr--youtube .plyr__controls,.swap-true .plyr--youtube .plyr__control--overlaid,.video-controls-enabled--false .plyr__controls,.video-controls-enabled--false .plyr__control--overlaid { opacity: 0 } .video-on-hover .plyr__controls>*,.video-on-hover .plyr__control--overlaid>*,.swap-true .plyr--youtube .plyr__controls>*,.swap-true .plyr--youtube .plyr__control--overlaid>*,.video-controls-enabled--false .plyr__controls>*,.video-controls-enabled--false .plyr__control--overlaid>* { pointer-events: none; cursor: auto } .product_gallery .gallery-cell { visibility: hidden } .product_gallery .gallery-cell.is-selected { visibility: visible } .plyr.plyr--stopped .plyr__controls { display: none } .product_gallery_nav .media-badge { position: absolute; top: 0; right: 0; max-width: 33%; max-height: 33%; min-width: 20px; width: 25px; height: 25px } .product_gallery_nav .media-badge svg { width: 100%; height: 100% } .product_gallery_nav .media-badge path:first-child { fill: #fff } .product_gallery_nav .media-badge path:last-child { fill: #333 } .product_gallery_nav .media-badge g path:first-child { stroke: #333 } .product_gallery_nav .media-badge .media-badge__outline { stroke: #3333330d } .gallery-wrap.product-height-set model-viewer { margin: 0 auto } .gallery-wrap.product-height-set .product_gallery img,.gallery-wrap.product-height-set .product_gallery .plyr--html5 video { width: 100% } .gallery-wrap.product-height-set .product_gallery img { -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain" } .gallery-wrap.product-height-set .product_gallery .plyr--youtube .plyr__video-embed { height: 100% } .product-details-section .gallery-image-wrapper { margin-bottom: 20px } .quote { padding: 10px 0; text-align: center; border-top-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-bottom-style: solid; border-color: #aaa } .grey-map { filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(99%); -webkit-backface-visibility: hidden } .recommended-products-section { display: none } .homepage-product-slider { margin: 0 10px } .homepage-product-slider object.placeholder-image { width: 100%; display: block; height: auto; position: relative; padding-top: 100% } .homepage-product-slider .placeholder-svg--product { width: 100%; height: 100%; position: absolute; top: 0; left: 0 } .homepage-product-slider.even-num-slides { padding-left: 10px; width: calc(100% - 20px) } @media only screen and (max-width: 1199px) { .homepage-product-slider.even-num-slides { padding-left:0; width: 100% } } .products-slider.slider-gallery.products-length-6 .gallery-cell { width: calc(16.6% - 10px) } @media only screen and (max-width: 1199px) { .products-slider.slider-gallery.products-length-6 .gallery-cell { width:calc(40% - 10px) } } .products-slider.slider-gallery.products-length-5 .gallery-cell { width: calc(20% - 10px) } @media only screen and (max-width: 1199px) { .products-slider.slider-gallery.products-length-5 .gallery-cell { width:calc(40% - 10px) } } .products-slider.slider-gallery.products-length-4 .gallery-cell { width: calc(25% - 10px) } @media only screen and (max-width: 1199px) { .products-slider.slider-gallery.products-length-4 .gallery-cell { width:calc(40% - 10px) } } .products-slider.slider-gallery.products-length-3 .gallery-cell,.products-slider.slider-gallery.products-length-2 .gallery-cell,.products-slider.slider-gallery.products-length-1 .gallery-cell { width: calc(33.33% - 10px) } .products-slider.slider-gallery .gallery-cell.visible-2 { width: calc(50% - 10px) } @media only screen and (max-width: 1199px) { .products-slider.slider-gallery .gallery-cell.visible-2 { width:calc(50% - 10px) } } .products-slider.slider-gallery .gallery-cell.visible-3 { width: calc(33.33% - 10px) } @media only screen and (max-width: 1199px) { .products-slider.slider-gallery .gallery-cell.visible-3 { width:calc(40% - 10px) } } .products-slider.slider-gallery .gallery-cell.visible-4 { width: calc(25% - 10px) } @media only screen and (max-width: 1199px) { .products-slider.slider-gallery .gallery-cell.visible-4 { width:calc(40% - 10px) } } .products-slider.slider-gallery .gallery-cell.visible-5 { width: calc(20% - 10px) } @media only screen and (max-width: 1199px) { .products-slider.slider-gallery .gallery-cell.visible-5 { width:calc(40% - 10px) } } .products-slider.slider-gallery .gallery-cell.visible-6 { width: calc(16.666% - 10px) } @media only screen and (max-width: 1199px) { .products-slider.slider-gallery .gallery-cell.visible-6 { width:calc(40% - 10px) } } .products-slider.slider-gallery .gallery-cell.visible-7 { width: calc(14.2% - 10px) } @media only screen and (max-width: 1199px) { .products-slider.slider-gallery .gallery-cell.visible-7 { width:calc(40% - 10px) } } .products-slider.slider-gallery .gallery-cell.visible-7 .product-details { font-size: .7rem } .featured_products.product-slider,.featured_products.product-slider .columns { padding-bottom: 0 } .banner-full-link { line-height: 0; font-size: 0; color: transparent; top: 0; left: 0; right: 0; bottom: 0; position: absolute } .banner-full-link+.caption { pointer-events: none; cursor: pointer } @media only screen and (max-width: 480px) { .full-width--true .caption { padding-left:20px; padding-right: 20px } } @media only screen and (min-width: 1025px) { .full-width--true .caption { max-width:960px; padding: 0 } } @media only screen and (min-width: 1401px) { .full-width--true .caption { max-width:1200px; padding: 0 } } .caption { width: 100%; position: absolute; top: 50%; padding: 0 5%; z-index: 3; -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translateY(-50%) } @media only screen and (min-width: 1200px) { .caption { max-width:960px; left: 0; right: 0; margin: 0 auto } } @media only screen and (min-width: 1025px) { .caption { padding:0 30px } } @media only screen and (max-width: 1199px) { .caption { width:100% } } .caption a { pointer-events: all } .caption.position-center { left: 0; right: 0; text-align: center; margin-left: auto; margin-right: auto } @media only screen and (max-width: 1199px) { .caption.position-center { width:85% } } @media only screen and (max-width: 480px) { .caption.position-center { width:100% } } .caption.position-left { left: 0; right: 0; text-align: left } .caption.position-right { left: 0; right: 0; text-align: right } .caption .pretext { color: #fff; font-family: Roboto,sans-serif; font-weight: 400; text-transform: uppercase; font-size: 18px; letter-spacing: 1px; margin-bottom: 10px } @media only screen and (max-width: 480px) { .caption .pretext { font-size:1.4em } } @media only screen and (max-width: 1199px) { .caption .pretext { font-size:12px } } @media only screen and (min-width: 1200px) { .caption .pretext { font-size:15px } } @media only screen and (min-width: 1200px) { .caption .pretext { font-size:18px } } .caption .headline { color: #fff; font-family: Avenir Next,sans-serif; font-weight: 600; font-style: normal; text-transform: uppercase; font-size: 45px; letter-spacing: 1px; line-height: 1.4em; margin-bottom: 15px; text-shadow: 1px 1px 3px rgba(0,0,0,.3) } @media only screen and (max-width: 1199px) { .caption .headline { font-size:30px; line-height: 1.2; margin-bottom: 10px } } @media only screen and (max-width: 480px) { .caption .headline { font-size:24px!important; line-height: 1.3 } } @media only screen and (min-width: 1200px) { .caption .headline { font-size:33.333333333333336px; line-height: 1.2 } } @media only screen and (min-width: 1025px) { .caption .headline { font-size:37.5px; line-height: 1.2 } } @media only screen and (max-width: 1400px) { .caption .headline { font-size:40.90909090909091px; line-height: 1.3 } } @media only screen and (min-width: 1401px) { .caption .headline { line-height:1.4; font-size: 45px } } .caption .subtitle { color: #fff; font-family: Roboto,sans-serif; font-weight: 400; text-transform: uppercase; font-style: uppercase; font-size: 18px; letter-spacing: 1px; position: relative } @media only screen and (max-width: 480px) { .caption .subtitle { font-size:1.4em } } @media only screen and (max-width: 1199px) { .caption .subtitle { font-size:12px } } @media only screen and (min-width: 1200px) { .caption .subtitle { font-size:15px } } @media only screen and (min-width: 1025px) { .caption .subtitle { font-size:18px } } .caption .pretext:empty,.caption .headline:empty,.caption .subtitle:empty { display: none } .caption .pretext:empty:before,.caption .headline:empty:before,.caption .subtitle:empty:before { height: 0 } @media only screen and (max-width: 480px) { .caption--below-true { margin:5px auto!important; font-size: 3vw; position: static; transform: none; width: 100% } } @media only screen and (max-width: 480px) { .caption--below-true .pretext { color:#333; text-shadow: none } } @media only screen and (max-width: 480px) { .caption--below-true .headline { color:#333; text-shadow: none } } @media only screen and (max-width: 480px) { .caption--below-true .subtitle { color:#333; text-shadow: none } } @media only screen and (max-width: 480px) { .caption--below-false a.highlight-false,.caption--below-false input[type=button].highlight-false,.caption--below-false a.highlight-true,.caption--below-false input[type=button].highlight-true,.caption--below-false a.continue-button { background-color:#fff0; color: #fff; border: 1px solid #ffffff } .caption--below-false a.highlight-false:hover,.caption--below-false input[type=button].highlight-false:hover,.caption--below-false a.highlight-true:hover,.caption--below-false input[type=button].highlight-true:hover,.caption--below-false a.continue-button:hover,.caption--below-false a.highlight-true,.caption--below-false input[type=button].highlight-true { background-color: #fff; border-color: #fff; color: #333 } } .subtitle p a { pointer-events: all } .caption-content { display: inline-block; float: none; max-width: 60%; font-size: 0 } @media only screen and (max-width: 1400px) { .caption-content { margin-left:-2vw } } @media only screen and (min-width: 1401px) { .caption-content { margin-left:-5vw } } @media only screen and (max-width: 1024px) { .caption-content { margin-left:0 } } @media only screen and (max-width: 1199px) { .caption-content { max-width:80%; margin-left: 0 } } @media only screen and (max-width: 480px) { .caption-content { width:100%; max-width: 100%; margin-left: 0 } } .caption-content .action_button { margin: 8px } @media only screen and (max-width: 1024px) { .caption-content .action_button { margin:4px } } @media only screen and (max-width: 1199px) { .caption-content .action_button { margin:2.5px } } @media only screen and (max-width: 480px) { .caption-content .action_button { font-size:16px } } .caption-content.align-center { text-align: center } @media only screen and (max-width: 1199px) { .caption-content.align-center { max-width:80% } } @media only screen and (max-width: 480px) { .caption-content.align-center { width:100%; max-width: 100% } } .caption-content.align-left { text-align: left } .caption-content.align-left:first-child .action_button { margin-left: 0 } .caption-content.align-left .subtitle:before { margin-left: 0 } .caption-content.align-right { text-align: right } .caption-content.align-right:last-child .action_button { margin-right: 0 } .caption-content.align-right .subtitle:before { margin-right: 0 } .caption-content.caption-background-true { padding: 30px } @media only screen and (max-width: 480px) { .caption-content.caption-background-true { padding:0 } } .caption-background-true,.homepage-video .caption-background-true { background-color: #ccc } @media only screen and (max-width: 480px) { .homepage-video .caption-background-true { background-color:transparent } } .caption-background-true { background-color: #ccc } .caption-background-true.caption-transparency-true { background-color: #ccc9 } @media only screen and (max-width: 480px) { .caption-background-true.caption-transparency-true { background-color:transparent } } @media only screen and (max-width: 480px) { .caption-background-true { background-color:transparent } } a.highlight-false,input[type=button].highlight-false,a.highlight-true,input[type=button].highlight-true,a.continue-button { background-color: #fff0; color: #fff; border: 1px solid #ffffff; transition: background-color .2s linear,color .2s linear; margin: 25px 0 } a.highlight-false:hover,input[type=button].highlight-false:hover,a.highlight-true:hover,input[type=button].highlight-true:hover,a.continue-button:hover { background-color: #fff; border-color: #fff; color: #333 } @media only screen and (max-width: 480px) { a.highlight-false,input[type=button].highlight-false,a.highlight-true,input[type=button].highlight-true,a.continue-button { color:#333; border-color: #333; background-color: transparent } a.highlight-false:hover,input[type=button].highlight-false:hover,a.highlight-true:hover,input[type=button].highlight-true:hover,a.continue-button:hover { border-color: #333; background-color: #333; color: #fff } } a.highlight-true,input[type=button].highlight-true { background-color: #fff; border-color: #fff; color: #333 } @media only screen and (max-width: 480px) { a.highlight-true,input[type=button].highlight-true { border-color:#333; background-color: #333; color: #fff } } a.continue-button,a.highlight-false--dark,input[type=button].highlight-false--dark { color: #333; border-color: #333; background-color: transparent } a.continue-button:hover,a.highlight-false--dark:hover,input[type=button].highlight-false--dark:hover { border-color: #333; background-color: #333; color: #fff } .homepage-slideshow .gallery-cell:not(:first-child) { height: 0 } .homepage-slideshow.flickity-enabled .gallery-cell:not(:first-child) { height: auto } .homepage-slideshow a.highlight-false:hover,.homepage-slideshow input[type=button].highlight-false:hover,.homepage-slideshow a.highlight-true:hover,.homepage-slideshow input[type=button].highlight-true:hover { color: #333 } @media only screen and (max-width: 480px) { .homepage-slideshow a.highlight-false,.homepage-slideshow input[type=button].highlight-false,.homepage-slideshow a.highlight-true,.homepage-slideshow input[type=button].highlight-true { color:#333; border-color: #333; background-color: transparent } .homepage-slideshow a.highlight-false:hover,.homepage-slideshow input[type=button].highlight-false:hover,.homepage-slideshow a.highlight-true:hover,.homepage-slideshow input[type=button].highlight-true:hover { border-color: #333; background-color: #333; color: #fff } } .homepage-slideshow a.highlight-true,.homepage-slideshow input[type=button].highlight-true { background-color: #fff; border-color: #fff; color: #333 } @media only screen and (max-width: 480px) { .homepage-slideshow a.highlight-true,.homepage-slideshow input[type=button].highlight-true { border-color:#333; background-color: #333; color: #fff } } .account-header-logout { text-align: right; text-transform: uppercase } .customers-addresses .account-sidebar { border-right: 0; padding-right: 0 } .customers-addresses .account-main { box-sizing: border-box; border-left: 1px solid #aaaaaa; padding-left: 20px } @media only screen and (max-width: 1199px) { .customers-addresses .account-main { border:0; padding-left: 0 } } .action_bottom .note { vertical-align: middle; line-height: 40px } .address_title { margin-bottom: 0; padding-bottom: 0 } .action_edit { background-color: #005487; border-color: #005487 } .action_edit a { color: #fff } .action_edit:hover { background-color: #005487; border-color: #005487 } .action_edit:hover a { color: #fff } .action_delete { background-color: #fff; border-color: #005487 } .action_delete a { color: #005487 } .action_delete:hover { background-color: #005487; border-color: #005487 } .action_delete:hover a { color: #fff } .order-details__discount { display: block } .container .shopify-policy__container { margin: 0; max-width: none; padding-left: 0; padding-right: 0 } .shopify-policy__container .shopify-policy__title { text-align: left } .collection-in-detail .section { margin: 0 } .collection-in-detail .half { width: 50%; float: left; position: relative } @media only screen and (max-width: 1199px) { .collection-in-detail .half { width:100% } } .collection-in-detail .product-details { padding: 40px 2rem } .collection-in-detail .frontpage_product_stagger--true .section:nth-of-type(2n) .half { float: right } .text-columns-with-images-section .border-style--box { padding: 10%; border: 1px solid #aaaaaa } .text-columns-with-images-section .border-style--quote { padding-left: 20px; border-left: 1px solid #aaaaaa; margin-bottom: 10% } .text-columns-with-images-section .large_text { font-family: Avenir Next,sans-serif; font-weight: 600; font-style: normal; font-size: 31.2px; text-transform: uppercase; line-height: 1.5; color: #333; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } @media only screen and (max-width: 1199px) { .text-columns-with-images-section .large_text { font-size:24px } } .text-columns-with-images-section .text-column { margin-bottom: 25px } .text-columns-with-images-section a.continue-button { margin-top: 10px } .text-columns-with-images-section h2.title+.feature_divider { margin-bottom: 40px } .text-columns-with-images-section img { margin: 0 0 15px } .flexslider img { display: block; margin: 0 auto } .homepage-slideshow:hover .flickity-prev-next-button,.testimonial-section:hover .flickity-prev-next-button { opacity: .5 } .homepage-slideshow.text-animation--false .caption { opacity: 0; transition: opacity .3s linear } .homepage-slideshow.text-animation--false.flickity-enabled .caption { opacity: 1 } .text-animation--true .caption-content { opacity: 0 } @media only screen and (max-width: 480px) { .text-animation--true .caption-content { opacity:1; animation-duration: 0s } } .homepage-slideshow,.testimonial-section { position: relative; overflow: hidden } .homepage-slideshow.single-image .flickity-prev-next-button,.testimonial-section.single-image .flickity-prev-next-button,.homepage-slideshow.single-image .flickity-page-dots,.testimonial-section.single-image .flickity-page-dots { display: none } .homepage-slideshow .gallery-cell,.testimonial-section .gallery-cell { width: 100%; background-color: #666 } @media only screen and (max-width: 480px) { .homepage-slideshow .gallery-cell,.testimonial-section .gallery-cell { background-color:transparent } } .homepage-slideshow .gallery-cell img,.testimonial-section .gallery-cell img { width: 100%; display: block } .homepage-slideshow .flickity-prev-next-button,.testimonial-section .flickity-prev-next-button { opacity: 0; width: 5%; height: 100%; border-radius: 0 } @media only screen and (min-width: 1200px) { .homepage-slideshow .flickity-prev-next-button,.testimonial-section .flickity-prev-next-button { opacity:0 } } .homepage-slideshow .flickity-page-dots,.testimonial-section .flickity-page-dots { bottom: 2em; display: none } @media only screen and (min-width: 1200px) { .homepage-slideshow .flickity-page-dots,.testimonial-section .flickity-page-dots { display:block } } .homepage-slideshow .flickity-page-dots .dot,.testimonial-section .flickity-page-dots .dot { height: 4px; width: 40px; margin: 0; border-radius: 0; background: #fff } @media only screen and (max-width: 480px) { .homepage-slideshow .flickity-page-dots,.testimonial-section .flickity-page-dots { display:block; bottom: 5px } } .js-product-slider .product_clear { display: none } .js-product-slider .column.alpha,.js-product-slider .columns.alpha { margin: 0 10px 0 20px } .js-product-slider .flickity-prev-next-button { border-radius: 0 } .image-with-text .featured-link--half a[href] img { box-shadow: #000 0 0; transition: opacity .2s linear } .image-with-text .featured-link--half:hover a[href] img.lazyloaded { opacity: .8 } .standard--width .image-with-text .featured-link--image,.full-width--false.image-with-text .featured-link--image { background-color: transparent } .featured-link--section { width: 100%; box-sizing: border-box; float: left; min-height: 100px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .featured-link--half.featured-link__imageHalf { background-color: transparent; text-align: center } .featured-link--half.featured-link__imageHalf a { width: 100%; display: block } .featured-link--half.featured-link__imageHalf a img { width: 100% } .featured-link--half { box-sizing: border-box; float: left; width: 50%; position: relative; text-align: center; display: table; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; background-color: #fff } @media only screen and (max-width: 480px) { .featured-link--half { width:100%; -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100% } } .featured-link--half .featured-link--wrap { width: 100%; height: 100%; -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto } .featured-link--half img { display: block; margin: 0 auto; width: 100%; max-width: 100% } @media only screen and (max-width: 480px) { .featured-link--half img { width:100%; max-width: auto } } .featured-link--half .info { display: inline-block; width: 80%; margin: 0 auto; padding: 20px } .featured-link--half .info.text-align--right { text-align: right } .featured-link--half .info.text-align--right .description:before { margin-right: 0 } .featured-link--half .info.text-align--left { text-align: left } .featured-link--half .info.text-align--left .description:before { margin-left: 0 } @media only screen and (max-width: 480px) { .featured-link--half .info { position:static; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); padding: 2em 0 } } .featured-link--half .collection_title { margin-bottom: 15px; display: block; color: #333 } .featured-link--half .description { position: relative; font-size: 16px; line-height: 1.5; margin-bottom: 20px; color: #333 } @media only screen and (max-width: 1199px) { .featured-link--half .description { font-size:2vw } } @media only screen and (max-width: 480px) { .featured-link--half .description { font-size:inherit } } @media only screen and (min-width: 1401px) { .featured-link--half .description { font-size:inherit } } .featured-link--half .button { height: auto; background-color: transparent; color: #333; border: 1px solid #333333; transition: background-color .2s cubic-bezier(.55,.09,.68,.53),color .3s linear,border .2s cubic-bezier(.55,.09,.68,.53); line-height: 1.5; padding-top: 10px; padding-bottom: 10px } .featured-link--half .button:hover { background-color: #333; color: #fff; border: 1px solid #333333 } .image-align--right.featured_collections.across-1 .featured-link--section:nth-child(odd) { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .image-align--right.featured_collections.across-1 .featured-link--section:nth-child(odd) .featured-link--half { float: right } .image-align--left.featured_collections.across-1 .featured-link--section:nth-child(2n) { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .image-align--left.featured_collections.across-1 .featured-link--section:nth-child(2n) .featured-link--half { float: right } .featured_collections.across-2 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .image-align--left.featured_collections.across-2 .featured-link--section { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row } @media only screen and (max-width: 1199px) { .image-align--left.featured_collections.across-2 .featured-link--section:nth-of-type(2n) { -webkit-flex-direction:row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } } .image-align--left.featured_collections.across-2 .featured-link--image:nth-of-type(4n+3) { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } @media only screen and (max-width: 1199px) { .image-align--left.featured_collections.across-2 .featured-link--image:nth-of-type(4n+3) { -webkit-flex-direction:row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row } } .image-align--left.featured_collections.across-2 .featured-link--image:nth-of-type(4n+4) { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .image-align--right.featured_collections.across-2 .featured-link--section { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } @media only screen and (max-width: 1199px) { .image-align--right.featured_collections.across-2 .featured-link--section:nth-of-type(2n) { -webkit-flex-direction:row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row } } .image-align--right.featured_collections.across-2 .featured-link--image:nth-of-type(4n+3) { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row } @media only screen and (max-width: 1199px) { .image-align--right.featured_collections.across-2 .featured-link--image:nth-of-type(4n+3) { -webkit-flex-direction:row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } } .image-align--right.featured_collections.across-2 .featured-link--image:nth-of-type(4n+4) { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row } .featured_collections.across-2 .featured-link--section { width: 50% } @media only screen and (max-width: 1199px) { .featured_collections.across-2 .featured-link--section { width:100% } } @media only screen and (max-width: 1199px) { .featured_collections.across-2 .featured-link--half { width:50% } } @media only screen and (max-width: 480px) { .featured_collections.across-2 .featured-link--half { width:100% } } .featured_collections.across-2 .description { font-size: 1.2vw } @media only screen and (max-width: 1199px) { .featured_collections.across-2 .description { font-size:inherit } } .featured_collections.across-2 .button { font-size: 1.2vw } @media only screen and (max-width: 480px) { .featured_collections.across-2 .button { font-size:14px } } .featured_collections.across-2 .featured-link--image:nth-of-type(odd) { clear: both } .featured_collections.across-2 .featured-link--image:nth-of-type(2n+2) .featured-link--half { float: left } @media only screen and (max-width: 1199px) { .featured_collections.across-2 .featured-link--image:nth-of-type(2n+2) .featured-link--half { float:right } } .featured_collections.across-2 .featured-link--image:nth-of-type(3n+3) .featured-link--half { float: right } @media only screen and (max-width: 1199px) { .featured_collections.across-2 .featured-link--image:nth-of-type(3n+3) .featured-link--half { float:left } } .featured_collections.across-2 .featured-link--image:nth-of-type(4n+4) .featured-link--half { float: right } .rich-text__content .regular_text,.rich-text__content .featured_text { margin-top: 15px } .promo-animation--true { opacity: 0 } .featured-promotions .feature-section { text-align: center; float: left; margin: 0 10px 20px; position: relative } @media only screen and (max-width: 1199px) { .featured-promotions .feature-section { opacity:1 } } .featured-promotions .feature-section .link-promo { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; line-height: 0; font-size: 0 } .featured-promotions .feature-section .feature-inner { display: block; position: relative; overflow: hidden } .featured-promotions .feature-section .feature-style--circle,.featured-promotions .feature-section .feature-style--circle img { border-radius: 50% } .featured-promotions .feature-section .feature-style--rounded,.featured-promotions .feature-section .feature-style--rounded img { border-radius: 10px } .featured-promotions .feature-section .feature-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: background-color .25s linear } @media only screen and (max-width: 1199px) { .featured-promotions .feature-section .feature-overlay { background:#000; background: #00000080 } } .featured-promotions .feature-section .feature-wrap { position: relative; top: 50%; -webkit-transform: translateY(-50.1%); -ms-transform: translateY(-50.1%); transform: translateY(-50.1%); padding: 10px 0; position: absolute; width: 80%; margin: 0 auto; left: 0; right: 0; pointer-events: none } .featured-promotions .feature-section .feature-details { display: none; opacity: 0; transition: opacity .3s linear } @media only screen and (max-width: 1199px) { .featured-promotions .feature-section .feature-details { opacity:1; display: block!important } } .featured-promotions .feature-section .feature-details.reveal-details { opacity: 1 } .featured-promotions .feature-section .feature-details .button { margin-top: 15px } .featured-promotions .feature-section .description { color: #fff; transition: all .3s linear; margin-bottom: 0 } .featured-promotions .feature-section .description a { pointer-events: auto } .featured-promotions .feature-section.title-overlay-true .title { transition: all .3s linear; color: #fff } @media only screen and (max-width: 1199px) { .featured-promotions .feature-section.title-overlay-true .title { margin-bottom:10px } } .featured-promotions .feature-section.title-overlay-true .title:after { content: ""; display: block; height: 1px; width: 0; background: #fff; transition: width .5s ease,background-color .5s ease; margin: 10px auto auto } @media only screen and (max-width: 1199px) { .featured-promotions .feature-section.title-overlay-true .title:after { display:none } } .featured-promotions .feature-section.title-overlay-false .feature-wrap .title { display: none } .featured-promotions .feature-section:hover .feature-overlay { background: #000; background: #00000080 } .featured-promotions .feature-section.title-overlay-true:hover .title:after { width: 50%; background: #fff } .featured-promotions .feature-section.title-overlay-true:hover .title,.featured-promotions .feature-section.title-overlay-true:hover .description,.featured-promotions .feature-section.title-overlay-false:hover .description { color: #fff } .featured-promotions .feature-section img { width: 100%; display: block; box-shadow: 0 0 1px #0000000d } .promo-1 { -webkit-animation-delay: 0s; animation-delay: 0s } .promo-2 { -webkit-animation-delay: .3s; animation-delay: .3s } .promo-3 { -webkit-animation-delay: .6s; animation-delay: .6s } .promo-4 { -webkit-animation-delay: .9s; animation-delay: .9s } .promo-5 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s } .promo-6 { -webkit-animation-delay: 1.5s; animation-delay: 1.5s } .promo-7 { -webkit-animation-delay: 1.8s; animation-delay: 1.8s } .promo-8 { -webkit-animation-delay: 2.1s; animation-delay: 2.1s } .promo-9 { -webkit-animation-delay: 2.4s; animation-delay: 2.4s } .promo-10 { -webkit-animation-delay: 2.7s; animation-delay: 2.7s } .promo-11 { -webkit-animation-delay: 3s; animation-delay: 3s } .promo-12 { -webkit-animation-delay: 3.3s; animation-delay: 3.3s } .featured-promotions.full-width--false .promo-per-row-2 .feature-section { width: calc(50% - 20px) } @media only screen and (max-width: 1199px) { .featured-promotions.full-width--false .promo-per-row-2 .feature-section { width:100%; margin: 0 0 10px } } .featured-promotions.full-width--false .promo-per-row-2 .feature-section:nth-child(odd) { clear: both } .featured-promotions.full-width--false .promo-per-row-3 .feature-section { width: calc(33.3333% - 20px) } @media only screen and (max-width: 1199px) { .featured-promotions.full-width--false .promo-per-row-3 .feature-section { width:100%; margin: 0 0 10px } } .featured-promotions.full-width--false .promo-per-row-3 .feature-section:nth-child(3n+1) { clear: both } .featured-promotions.full-width--false .promo-per-row-4 .feature-section { width: calc(25% - 20px) } .featured-promotions.full-width--false .promo-per-row-4 .feature-section:nth-child(4n+1) { clear: both } @media only screen and (max-width: 1199px) { .featured-promotions.full-width--false .promo-per-row-4 .feature-section { width:calc(50% - 20px) } .featured-promotions.full-width--false .promo-per-row-4 .feature-section:nth-child(odd) { clear: both } } @media only screen and (max-width: 480px) { .featured-promotions.full-width--false .promo-per-row-4 .feature-section { width:100%; margin: 0 0 10px } } .featured-promotions.full-width--true { padding-top: 0 } .featured-promotions.full-width--true .js-featured-promotions { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .featured-promotions.full-width--true .promo-per-row-2 .feature-section { width: 50%; margin: 0 } @media only screen and (max-width: 480px) { .featured-promotions.full-width--true .promo-per-row-2 .feature-section { width:100% } } .featured-promotions.full-width--true .promo-per-row-3 .feature-section { width: 33.333333%; margin: 0 } @media only screen and (max-width: 1199px) { .featured-promotions.full-width--true .promo-per-row-3 .feature-section { width:100% } } .featured-promotions.full-width--true .promo-per-row-4 .feature-section { width: 25%; margin: 0 } @media only screen and (max-width: 1199px) { .featured-promotions.full-width--true .promo-per-row-4 .feature-section { width:50% } } @media only screen and (max-width: 480px) { .featured-promotions.full-width--true .promo-per-row-4 .feature-section { width:100% } } .featured-collection__description.section { padding: 0 20px; margin: 20px 0 } .featured-collection__products.container { padding: 0 } .banner { width: 100%; position: relative; overflow: hidden; background-color: #666 } @media only screen and (max-width: 480px) { .banner { max-height:inherit; background-color: transparent } } .banner img { width: 100%; display: block } .block__featured_video .caption,.video-section .caption { z-index: 30; pointer-events: none } @media only screen and (max-width: 480px) { .block__featured_video .caption,.video-section .caption { margin:0; height: auto } } .block__featured_video .video-text--outside-video,.video-section .video-text--outside-video { height: auto } .showPosterImage--true[data-ratio="16:9"] { padding-top: 56.25% } .showPosterImage--true[data-ratio="4:3"] { padding-top: 75% } .homepage-video { position: relative; overflow: hidden; transition: height .3s ease-in-out; background-color: #666 } @media only screen and (max-width: 480px) { .homepage-video { background-color:transparent } } .homepage-video img { width: 100%; display: block } .homepage-video iframe { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100% } .homepage-video video { background-color: #fff } .homepage-video video[poster] { object-fit: cover } .homepage-video video.video-autoplay--true.html-video { display: none } .homepage-video .homepage-video--media { width: 100%; height: auto; padding-top: 0 } .homepage-video .placeholder-image--true a.video__play-button,.homepage-video .caption.text-on-video { pointer-events: none } @media only screen and (max-width: 480px) { .homepage-video .caption.text-on-video { position:absolute; height: auto; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0 } .homepage-video .caption.text-on-video a.highlight-false { color: #fff; border-color: #fff } } .homepage-video .mobile-video__buttons { display: block; text-align: center; top: 55%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; position: absolute } .homepage-video .mobile-video__buttons.text-on-video { z-index: 20 } .homepage-video .mobile-video__buttons a.highlight-false { background-color: #fff0; color: #fff; border: 1px solid #ffffff } .homepage-video .mobile-video__buttons a.highlight-true { background-color: #fff; border-color: #fff; color: #333 } .homepage-video .mobile-video__buttons .action_button { margin: 5px } @media only screen and (min-width: 481px) { .homepage-video .mobile-video__buttons { display:none } } .darken-video { display: block; background: #0000004d; top: 0; left: 0; right: 0; bottom: 0; position: absolute; pointer-events: none; z-index: 20 } .banner.page-banner { overflow: hidden; max-height: 100vh } .caption.captionOverlay--true { max-width: 960px; left: 0; right: 0; margin: 0 auto; position: absolute; top: 50%; -ms-transform: translate(0,-50%); transform: translateY(-50%); z-index: 3 } .caption.captionOverlay--true .headline,.caption.captionOverlay--true .subtitle { color: #fff } @media only screen and (max-width: 1199px) { .caption.captionOverlay--true { top:50% } } .dark-overlay-true:after { content: ""; position: absolute; z-index: 2; background: #00000080; top: 0; bottom: 0; left: 0; right: 0 } .quantity-limit { font-size: 14px; font-weight: 700; margin-top: 5px; clear: both; text-align: left } .product-specs { padding: 0 } .product-specs__title { margin-bottom: 5px; padding: 0 } .product-specs__table { margin-bottom: 0 } .product-specs__table tr { border-top: none; border-bottom: 1px solid #dedede } .product-specs__table tr:first-child { border-top: 3px solid #dedede } .product-specs__table td { font-size: 14px; padding: 5px; border: none; width: 50% } .product-specs__table td:first-child { border-left: none } .product-tabs__tabs { list-style: none; padding: 0; display: flex; margin-bottom: 0; position: relative; min-height: 70px } .product-tabs__tabs:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: #dedede; z-index: 1 } .product-tabs__tabs li { display: inline-block; background: #f2f2f2; padding: 0 30px; border-right: 1px solid #dedede; border-top: 3px solid #dedede; font-weight: 700; margin-bottom: 0; cursor: pointer; color: #999; display: flex; align-items: center; justify-content: center } .product-tabs__tabs li:first-child { border-left: 1px solid #dedede } .product-tabs__tabs li.active { background: #fff; border-top: 3px solid #0869af; position: relative; color: #333; z-index: 2 } @media screen and (max-width: 767px) { .product-tabs__tabs li { padding:0 10px; font-size: 15px; line-height: 1.2em } } .product-tabs__tab { border: 1px solid #dedede; border-top: none; padding: 30px; display: none } @media screen and (max-width: 767px) { .product-tabs__tab { padding:15px } } .product-tabs__tab.active { display: block } .product-tabs__tab p:last-child { margin-bottom: 0 } .points-balance { color: #3369b1; background: #f2f2f2; font-size: 14px; padding: 6px 15px; display: flex; margin-bottom: 10px; margin-top: -5px } .points-balance svg { margin-right: 3px } .points-balance span.points { margin-left: auto } @font-face { font-family: A Love of Thunder; src: url(a-love-of-thunder-webfont.woff2) format("woff2"),url(a-love-of-thunder-webfont.woff) format("woff"); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: Gotham; src: url(gotham-500.otf) format("opentype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: Gotham; src: url(gotham-800.otf) format("opentype"); font-weight: 800; font-style: normal; font-display: swap } .account__dogs { display: flex; flex-wrap: wrap } @media screen and (min-width: 1000px) { .account__dogs { margin:0 -20px } } .account__dog { border: 1px solid #aaaaaa; padding: 30px; display: flex; align-items: flex-start } .account__dog__image { max-width: 120px; position: relative; width: 40% } .account__dog__image:after { content: ""; display: block; padding-top: 100% } .account__dog__image img { width: 100%; border-radius: 9999px; position: absolute; top: 0; left: 0; height: 100%; display: block; object-fit: cover } .account__dog__content { margin-left: 20px; display: flex; flex-direction: column } .account__dog__name { font-size: 18px; font-weight: 700; color: #666; margin-bottom: 0 } .account__dog__info { font-size: 15px; font-weight: 400; color: #999; margin-bottom: 0 } .account__dog__birthday { font-size: 15px; font-weight: 400; color: #999 } .account__dog__links { margin-top: auto; padding-bottom: 5px; display: flex; justify-content: space-between } .account__dog__links a { font-size: 14px; display: inline-block } .account__dog__modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #0009; z-index: 10000; display: none; overflow-x: hidden } .account__dog__modal .account__dog__modal__inner { background-color: #1a6695; background-image: url(./dog-background-overlay.png); background-position: center top; background-repeat: repeat-y; font-size: 22px; font-family: Gotham,sans-serif; color: #fff; position: absolute; top: 50%; left: 50%; width: calc(100% - 30px); max-width: 800px; transform: translate(-50%,-50%); overflow-x: hidden; border-radius: 4px; box-shadow: 0 2px 8px #0000001a } .account__dog__modal .account__dog__modal__inner .account__dog__modal__wrapper { position: relative; max-height: 80vh; padding: 30px; overflow-y: auto } .account__dog__modal .account__dog__modal__inner .account__dog__modal__wrapper.saving:before { content: " "; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 98; background: #fff; opacity: .5 } .account__dog__modal .account__dog__modal__inner .account__dog__modal__wrapper.saving:after { content: "Saving, please wait..."; position: fixed; top: 50%; left: 50%; z-index: 99; transform: translate(-50%,-50%); font: inherit; background: #1a6695; color: #fff; padding: .5em 1em; border-radius: 4px; text-align: center } .account__dog__modal .account__dog__modal__inner .account__dog__modal__wrapper .account__dog__modal__coupon__background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 98; background-color: #ffffff80 } .account__dog__modal .account__dog__modal__inner .account__dog__modal__wrapper .account__dog__modal__coupon__background:not(.visible) { display: none } .account__dog__modal .account__dog__modal__inner .account__dog__modal__wrapper .account__dog__modal__coupon__background .account__dog__modal__coupon__content { position: fixed; top: 50%; left: 50%; z-index: 99; transform: translate(-50%,-50%); padding: 2em; color: #fff; background-color: #1a6695; border-radius: 4px; text-align: center; width: 600px; max-width: 90vw } .account__dog__modal .account__dog__modal__inner .account__dog__modal__wrapper .account__dog__modal__coupon__background .account__dog__modal__coupon__content h3 { font-family: A Love of Thunder,sans-serifsans-serif; font-size: 1.3em; line-height: 1.1em; color: #fff; font-size: 1em; text-transform: uppercase } .account__dog__modal .account__dog__modal__inner .account__dog__modal__wrapper .account__dog__modal__coupon__background .account__dog__modal__coupon__content p { font-size: .8em; margin: 1.5em auto } .account__dog__modal .account__dog__modal__inner .account__dog__modal__wrapper .account__dog__modal__coupon__background .account__dog__modal__coupon__content .account__dog__modal__coupon__coupon { display: inline-block; padding: .75em 1.5em; color: #5f6a7d; background: #fff; border-radius: 4px; cursor: pointer; text-transform: uppercase } .account__dog__modal .account__dog__modal__inner .account__dog__modal__wrapper .account__dog__modal__login__background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 98; background-color: #ffffff80 } .account__dog__modal .account__dog__modal__inner .account__dog__modal__wrapper .account__dog__modal__login__background:not(.visible) { display: none } .account__dog__modal .account__dog__modal__inner .account__dog__modal__wrapper .account__dog__modal__login__background .account__dog__modal__login__content { position: fixed; top: 50%; left: 50%; z-index: 99; transform: translate(-50%,-50%); padding: 1em 2em; color: #fff; background-color: #1a6695; border-radius: 4px; text-align: center; width: 700px; max-width: 90vw; font-size: .8em } .account__dog__modal .account__dog__modal__inner .account__dog__modal__wrapper .account__dog__modal__login__background .account__dog__modal__login__content h3 { font: inherit; color: #fff; font-size: 1em; text-transform: uppercase } .account__dog__modal .account__dog__modal__inner .account__dog__modal__wrapper .account__dog__modal__login__background .account__dog__modal__login__content p { margin: 1em auto } .account__dog__modal .account__dog__modal__inner .account__dog__modal__wrapper .account__dog__modal__login__background .account__dog__modal__login__content a { display: inline-block; padding: .75em 1.5em; color: #fff; background: #aa182c; border-radius: 4px; cursor: pointer; text-transform: uppercase } .account__dog__modal .account__dog__modal__inner h4 { padding-top: 0; color: inherit } .account__dog__modal .account__dog__modal__inner .action_button { display: inline-block; font-size: inherit; font-family: Gotham,sans-serif; font-weight: 800; padding: 1em 4em; background: #aa182c; border-radius: 4px; text-transform: uppercase; height: auto } @media only screen and (max-width: 480px) { .account__dog__modal .account__dog__modal__inner .action_button { padding:1em 0; width: 100%; font-size: 18px } } .account__dog__modal .account__dog__modal__title { text-align: center; margin: 3em auto } .account__dog__modal .account__dog__modal__title h4 { font: inherit; font-size: 1.45em; text-transform: none; padding: 0 } @media only screen and (max-width: 480px) { .account__dog__modal .account__dog__modal__title h4 { font-size:1.2em } } .account__dog__modal .account__dog__modal__title h4+h4 { margin-top: .5rem } .account__dog__modal .account__dog__modal__title .account__dog__modal__title__main { font-family: A Love of Thunder,sans-serif; font-size: clamp(2em,10.5vw,84px); font-weight: 400; margin: 0 auto; line-height: 1.1em; text-transform: uppercase } .account__dog__modal .account__dog__modal__title .account__dog__modal__custom__title { font: inherit; font-size: clamp(.9em,4vw,1.45em); text-transform: none; padding: 0; max-width: 540px; margin: .5rem auto 0px } .account__dog__modal .account__dog__modal__title .account__dog__modal__custom__title b,.account__dog__modal .account__dog__modal__title .account__dog__modal__custom__title strong { font-size: 1.45em; color: #ff8503; text-shadow: 0px 2px 4px rgba(0,0,0,.5) } .account__dog__modal .account__dog__modal__close { font-size: 30px; position: absolute; width: 30px; height: 30px; line-height: 30px; top: 11px; right: 15px; display: block; text-align: center; color: #fff } .account__dog__modal .account__dog__modal__close:hover { text-decoration: none; color: #333 } .account__dog__modal .account__dog__modal__content>div { clear: both } .account__dog__modal .acount__dog__modal__form { margin-bottom: 0 } .account__dog__modal .account__dog__modal__form__error { position: absolute; top: 100%; left: 0; width: 100%; margin-top: -4px; padding: .1em 1em; color: #701313; background: #ff4c4c; font-size: 12px; text-align: left; text-transform: none; border-radius: 0 0 4px 4px; border: 1px solid #125484; border-top: none } .account__dog__modal .account__dog__modal__image__container { display: flex; flex-direction: column; align-items: center; margin-bottom: 1em; cursor: pointer } .account__dog__modal .account__dog__modal__image__container * { pointer-events: none } .account__dog__modal .account__dog__modal__image__container input[type=file] { display: none } .account__dog__modal .account__dog__modal__image__container p { font: inherit; text-transform: none; text-align: center } .account__dog__modal .account__dog__modal__image__container p+p { margin-top: -.5em } .account__dog__modal .account__dog__modal__image__container span { border-bottom: 1px solid } .account__dog__modal .account__dog__modal__image__container>div:last-child { flex: 1 } .account__dog__modal .account__dog__modal__image__container>div:last-child input { width: 100% } .account__dog__modal .account__dog__modal__image__container>div:last-child .account__dog__modal__form__error { margin-top: 5px } .account__dog__modal .account__dog__modal__image__container .account__dog__modal__form__error { position: static; border-radius: 4px } .account__dog__modal .account__dog__modal__image { width: 120px; height: 120px; position: relative; margin-bottom: 20px } .account__dog__modal .account__dog__modal__image img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 9999px } .account__dog__modal .account__dog__modal__input { position: relative; font-size: .72em; margin-bottom: 24px } .account__dog__modal .account__dog__modal__input .account__dog__modal__input__label { position: absolute; top: 50%; left: 1px; right: 2.5em; transform: translateY(-50%); padding-left: 1em; pointer-events: none; color: #b0b0b0; background: #fff; text-transform: none; text-align: left; font-weight: 500 } .account__dog__modal .account__dog__modal__input input,.account__dog__modal .account__dog__modal__input select,.account__dog__modal .account__dog__modal__input textarea { height: auto; padding: 8px 14px; font: inherit; border: 1px solid #125484; border-radius: 4px; margin: 0 auto; text-align: left } .account__dog__modal .account__dog__modal__input input::-webkit-date-and-time-value { text-align: left } .account__dog__modal .account__dog__modal__input input:focus~.account__dog__modal__input__label,.account__dog__modal .account__dog__modal__input input:valid~.account__dog__modal__input__label,.account__dog__modal .account__dog__modal__input select:focus~.account__dog__modal__input__label,.account__dog__modal .account__dog__modal__input select:valid~.account__dog__modal__input__label,.account__dog__modal .account__dog__modal__input textarea:focus~.account__dog__modal__input__label,.account__dog__modal .account__dog__modal__input textarea:valid~.account__dog__modal__input__label { display: none } .account__dog__fullpage .account__dog__modal,.account__dog__fullpage .account__dog__modal__inner { display: block; position: static; transform: none; width: auto; max-width: initial } .account__dog__fullpage .account__dog__modal__wrapper { height: auto!important; max-height: initial!important } .account__dog__fullpage .account__dog__modal__inner { padding-bottom: 3em } .account__dog__fullpage .account__dog__modal__close { display: none } .account__dog__fullpage form { display: block; max-width: 800px; margin: 0 auto } html.fixed,body.fixed { position: fixed; height: 100%; top: 0; left: 0; width: 100% } #isp_left_container_facets .isp_search_res_facets_container .isp_single_facet_wrapper { margin-right: 30px!important } #isp_left_container_facets .isp_search_res_facets_container .isp_single_facet_wrapper.visible { display: block } #isp_left_container_facets .isp_search_res_facets_container .isp_single_facet_wrapper.collapsed { border-bottom: none } .isp_single_facet_wrapper .isp_facet_title { outline: none!important } .isp_single_facet_wrapper .isp_facet_title .isp_facet_title_name { font-family: {{ settings.headline__font.family }}, {{ settings.headline__font.fallback_families }}; text-transform: uppercase; font-weight: 600!important; font-size: 14px!important; letter-spacing: .5px!important; line-height: 1.4em!important } #isp_center_container .isp_center_container_header div.isp_results_summary_wrapper h1 { font-size: 24px!important; font-weight: 600!important; letter-spacing: 1px!important } #isp_search_result_page_container div.isp_left_container { width: 20.5%!important } #isp_search_result_page_container div.isp_center_container_position { margin-left: 20.5%!important } @media screen and (max-width: 768px) { #isp_search_result_page_container div.isp_center_container_position { margin-left:0%!important } } li.isp_grid_product div.isp_product_info .isp_product_title { font-family: Avenir Next,sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: .4px } li.isp_grid_product input[type=submit].isp_add_to_cart_btn { background: #007bb6!important; border-radius: 0!important; text-transform: uppercase!important; color: #fff!important; border: 1px solid #007bb6!important; font-size: 14px!important; transition: background .3s ease } li.isp_grid_product input[type=submit].isp_add_to_cart_btn:hover { background: #006a9d!important } .isp_product_info { display: flex; flex-direction: column; width: 100% } .isp_product_price_wrapper { width: 100%!important; font-size: 14px; order: 3; margin-top: 0 } li.isp_grid_product div.isp_product_info .isp_product_price_wrapper { font-size: .85em!important } .isp_product_review { width: 100%!important } .isp_product_review .stamped-fa { color: #007bb6!important } .isp_raty_applied i { width: 16px; color: #007bb6!important } .isp_facet_value .isp_raty_applied { position: relative; left: 0; top: 1px } div#isp_product_quick_view_model { height: auto!important; max-height: calc(100% - 60px) } div#isp_product_quick_view_model .isp_quick_view_content_right { display: flex; flex-direction: column; padding: 30px } @media screen and (max-width: 768px) { div#isp_product_quick_view_model .isp_quick_view_content_right { padding:20px 15px!important } } div#isp_product_quick_view_model .isp_quick_view_price_add_to_cart_wrapper .isp_add_to_cart_quantity_num { height: 100%!important } @media screen and (max-width: 768px) { div#isp_product_quick_view_model .isp_quick_view_price_add_to_cart_wrapper .isp_add_to_cart_quantity_num { width:50px!important } } div#isp_product_quick_view_model .isp_add_to_cart_quantity_quick_view { height: 50px; grid-column-end: 5 } div#isp_product_quick_view_model .isp_add_to_cart_quantity_quick_view:before { display: none } div#isp_product_quick_view_model .isp_add_to_cart_quantity_quick_view .quantity_quick_view { border-radius: 0!important } @media screen and (max-width: 768px) { div#isp_product_quick_view_model .isp_add_to_cart_quantity_quick_view { display:grid!important; grid-column-end: 6 } } div#isp_product_quick_view_model .isp_quantity_container { height: 50px } div#isp_product_quick_view_model .isp_quick_view_add_to_cart_btn_quick_view { background: #007bb6; text-transform: uppercase; border-radius: 0 } @media screen and (max-width: 768px) { div#isp_product_quick_view_model .isp_quick_view_add_to_cart_btn_quick_view { grid-column-start:13!important; border-radius: 0!important } } @media screen and (max-width: 480px) { div#isp_product_quick_view_model .isp_quick_view_add_to_cart_btn_quick_view { font-size:13px } } div#isp_product_quick_view_model .isp_quick_view_add_to_cart_btn_quick_view:before { display: none } div#isp_product_quick_view_model a.isp_view_full_details { border-radius: 0; box-sizing: border-box; border: 1px solid #000; background: #f2f2f2; grid-column-start: 6; height: 50px; display: flex; align-items: center; justify-content: center; color: #000; font-size: 13px; text-transform: uppercase; font-weight: 700; line-height: 1.5em; transition: background .3s ease } div#isp_product_quick_view_model a.isp_view_full_details:hover { background: #dedede } @media screen and (max-width: 768px) { div#isp_product_quick_view_model a.isp_view_full_details { grid-column-start:7!important; grid-column-end: 12!important; border-radius: 0!important } } div#isp_product_quick_view_model a.isp_view_full_details:before { content: "View Full Details" } div#isp_product_quick_view_model a.isp_view_full_details .isp_tooltip { display: none } a.isp_product_quick_view_button { bottom: 20px } @media screen and (max-width: 768px) { a.isp_product_quick_view_button { display:none!important } } .isp_badge_top-sellers .isp_product_image_wrapper:after,.isp_badge_sale .isp_product_image_wrapper:before,.isp_badge_top-rated .isp_product_image_wrapper:after,.isp_badge_whats-new .isp_product_image_wrapper:after { font-family: Avenir Next,sans-serif; font-weight: 600; font-style: normal; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; padding: 8px 12px; height: auto!important; width: auto!important; text-align: center; color: #fff; -webkit-appearance: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased } @media only screen and (max-width: 1199px) { .isp_badge_top-sellers .isp_product_image_wrapper:after,.isp_badge_sale .isp_product_image_wrapper:before,.isp_badge_top-rated .isp_product_image_wrapper:after,.isp_badge_whats-new .isp_product_image_wrapper:after { padding:4px 10px; font-size: smaller } } #isp_search_results_container .isp_badge_sale .isp_product_image_wrapper:before { position: absolute; left: 0; top: 0; z-index: 1; content: "Sale"!important; background: #9a2f36 } #isp_search_results_container .isp_badge_top-rated .isp_product_image_wrapper:after { content: "Top Rated"!important; background: #007bb6 } #isp_search_results_container .isp_badge_top-sellers .isp_product_image_wrapper:after { content: "Top Sellers"!important; background: #b9ad79 } #isp_search_results_container .isp_badge_whats-new .isp_product_image_wrapper:after { content: "What's New"!important; background: #005487 } .recommended-products--grid .product-list,.featured-collection__products .product-list,.not-found__recommendations .product-list { display: flex; flex-wrap: wrap } .recommended-products--grid .product-list .column,.recommended-products--grid .product-list .columns,.featured-collection__products .product-list .column,.featured-collection__products .product-list .columns,.not-found__recommendations .product-list .column,.not-found__recommendations .product-list .columns { display: flex; flex-direction: column } .recommended-products--grid .product-list .column .product-wrap,.recommended-products--grid .product-list .columns .product-wrap,.featured-collection__products .product-list .column .product-wrap,.featured-collection__products .product-list .columns .product-wrap,.not-found__recommendations .product-list .column .product-wrap,.not-found__recommendations .product-list .columns .product-wrap { margin-bottom: 20px } .recommended-products--grid .product-list .column .action_button,.recommended-products--grid .product-list .columns .action_button,.featured-collection__products .product-list .column .action_button,.featured-collection__products .product-list .columns .action_button,.not-found__recommendations .product-list .column .action_button,.not-found__recommendations .product-list .columns .action_button { margin-top: auto } .cart-section .slider-gallery .flickity-slider { display: flex; flex-wrap: wrap } .cart-section .slider-gallery .gallery-cell { min-height: 100%; display: flex; flex-direction: column } .cart-section .slider-gallery .gallery-cell .product-wrap { margin-bottom: 20px } .cart-section .slider-gallery .gallery-cell .action_button { margin-top: auto } .product-featured { padding: 80px 0; background: #f2f2f2 } @media only screen and (min-width: 481px) and (max-width: 1199px) { .product-featured { padding:40px 0 } } @media only screen and (max-width: 1199px) { .product-featured .container { display:flex; flex-direction: column-reverse } } .product-featured__title { font-size: 30px } .product-featured__content { font-weight: 300; color: #666; line-height: 1.6em; font-size: 18px } .product-featured__image { width: 100% } @media only screen and (max-width: 1199px) { .product-featured__image { margin-bottom:40px } } .product-featured__icons { margin: 50px 0 0; display: flex; justify-content: space-around } @media only screen and (max-width: 1199px) { .product-featured__icons { margin:40px 0 0 } } .product-featured__icon { width: 20%; max-width: 90px } .product-featured__icon img { width: 100% } .header__cart { float: right } .header__cart .mini_cart,.header__cart .nav a.mini_cart { background-color: transparent!important; color: #000!important; font-size: 20px; height: 44px!important; position: relative; top: 3px; padding-left: 5px!important; padding-right: 5px!important } .header__cart .mini_cart span.cart_count,.header__cart .nav a.mini_cart span.cart_count { color: #000; padding-left: 0 } .header__cart .menu a.dropdown_link:hover,.header__cart .menu a.active_link { border-bottom: 0!important } .header__cart .cart_content { max-width: 400px; width: 80vw; top: 50px; border: 1px solid #dedede } .header__account { float: right; padding-right: 0!important; display: flex; align-items: center } .header__account a { color: #000; font-size: 19px; padding-left: 0; padding-right: 0; display: flex; align-items: center; gap: 5px } .main_nav_wrapper.sticky_nav--stick .header__cart { display: none } .menu .cart_container li { display: block } .product-autoship { border: 1px solid #dddddd; border-radius: 6px; margin-bottom: 30px } .product-autoship__title { font-size: 14px; font-weight: 700; color: #000; letter-spacing: normal; padding: 5px 10px; border-bottom: 1px solid #dddddd } .product-autoship__title img { margin-right: 5px; display: inline-block; vertical-align: middle } .product-autoship__content { display: flex; flex-direction: column } .product-autoship__item { display: flex; justify-content: space-between; text-align: center; padding: 0 20px } .product-autoship__item__title { margin-bottom: 0; font-size: 15px; flex-basis: 45%; flex-shrink: 0; text-align: left } .product-autoship__item__value { font-size: 16px; font-weight: 700; color: #000; text-align: right; text-transform: uppercase; font-family: Avenir Next,sans-serif } .product-autoship__item__value span { display: block; color: #007bb6; font-size: 13px; margin-top: -8px } @media screen and (max-width: 767px) { #shopify-section-cart-template .cart__blocks { display:none } } .image-with-text-overlay-section .banner-overlay,.collection-template-section .banner-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000 } .image-with-text-overlay-section .action_button,.collection-template-section .action_button { position: relative; z-index: 1001 } @media screen and (min-width: 799px) { .image-with-text-overlay-section .banner.with-mobile-image img.mobile-image,.collection-template-section .banner.with-mobile-image img.mobile-image { display:none } } @media screen and (max-width: 798px) { .image-with-text-overlay-section .banner.with-mobile-image img.desktop-image,.collection-template-section .banner.with-mobile-image img.desktop-image { display:none } } @media screen and (min-width: 799px) { .with-mobile-image img.mobile-image { display:none } } @media screen and (max-width: 798px) { .with-mobile-image img.desktop-image { display:none } } .not-found__recommendations .template { display: none!important } .cart-subscription-upsell { padding: 20px 0 0; border-top: 1px solid #dedede; clear: both } .cart-subscription-upsell[data-subscribed=true] .cart-subscription-upsell__trigger { display: none } .cart-subscription-upsell[data-subscribed=true] .cart-subscription-upsell__delivery { padding-left: 4px; margin-top: 0 } .cart-subscription-upsell #rc_container { margin-bottom: 0; margin-top: 5px; margin-left: -5px } .cart-subscription-upsell #rc_container .rc_popup__hover { font-size: 13px } .cart-subscription-upsell #rc_container .rc_popup__block__content { font-size: 16px } .cart-subscription-upsell__trigger { font-size: 13px; font-weight: 600; color: #676767; display: flex; align-items: center; text-transform: uppercase; position: relative; margin-bottom: 5px } .cart-subscription-upsell__trigger a { display: inline-block; margin-right: 10px; width: 14px; height: 14px; border: 1px solid #dedede; position: relative; text-align: center; line-height: 14px } .cart-subscription-upsell__trigger a svg { width: 12px; height: 14px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) } .cart-subscription-upsell__delivery { display: flex; align-items: center; margin-top: 10px; padding-left: 24px } .cart-subscription-upsell__delivery label { flex-shrink: 0; display: inline-block; margin: 0 10px 0 0 } .cart-subscription-upsell__delivery select { width: 100px; height: 30px; padding: 5px; line-height: 1; min-height: 0; margin: 0; background-color: #e2e2e2 } @media screen and (max-width: 798px) { .hide-desktop { display:block } } @media screen and (min-width: 799px) { .hide-desktop { display:none } } @media screen and (max-width: 798px) { .hide-mobile { display:none } } @media screen and (min-width: 799px) { .hide-mobile { display:block } } .no-touchevents { padding-bottom: 0!important } #isp_scrollUp { display: none!important } .footer-static { position: fixed; width: 100%; bottom: 0 } li.isp_grid_product .isp-product-add-to-cart-wrap { width: 100%; display: none; padding-right: 15px; padding-left: 15px; background: #fff; padding-bottom: 15px; border-bottom: 1px solid #ccc; box-sizing: border-box; position: relative; float: left } li.isp_grid_product .isp-product-add-to-cart { width: 100% } li.isp_grid_product:hover .isp-product-add-to-cart-wrap { float: left; display: block } li.isp_grid_product:hover .isp-product-add-to-cart-wrap:before { position: absolute; top: -1px; right: -1px; bottom: 0; display: block; width: 15px; content: ""; border-right: 1px solid #ccc } li.isp_grid_product:hover .isp-product-add-to-cart-wrap:after { position: absolute; top: -1px; left: -1px; bottom: 0; display: block; width: 15px; content: ""; border-left: 1px solid #ccc } li.isp_grid_product div.isp_product_info { padding: 5px 15px!important } li.isp_grid_product div.isp_product_info .isp_compare_at_price { display: inherit!important } .announcement-bar .mobile-text { font-weight: 400; text-decoration: underline; font-size: 14px; text-transform: none; display: none } @media (max-width: 800px) { .announcement-bar { position:fixed; top: 0; right: 0; left: 0; width: 100%; z-index: 3 } .announcement-bar .container { padding: 5px 0 } .announcement-bar .mobile-text { display: block } } .announcement-bar__text { font-family: Avenir Next,sans-serif; text-transform: uppercase; text-align: center; font-weight: 700 } .announcement-bar__text a { color: inherit } :not(.horizontal) .isp_facet_title:not(.isp_sellable_only_title) { display: flex!important } .isp_serp_left_nav_sticky { position: absolute!important } .isp_single_facet_wrapper .isp_facet_title .isp_facet_title_name { color: #000!important } #isp_left_container_facets .isp_search_res_facets_container .isp_facet_value a.isp_on_sale_only_checkbox[facet_id=Isp-on-sale] { display: block!important; padding-left: 23px!important } body :not(.horizontal) .isp_facet_title:not(.isp_sellable_only_title).isp_on_sale_only_title { display: contents!important } div#single_facet_On_Sale { border: 0px!important; padding: 0!important; margin-bottom: 0!important } a:focus[facet_id=Isp-on-sale] { outline: unset!important } .isp_search_res_facets_container { display: grid } div#single_facet_On_Sale { order: 30 } .shipping-delay { padding: 15px 20px; border: 5px solid lightgray; color: #000; font-size: 18px; font-weight: 400; display: inline-block } .page-reviews div.content { max-width: unset!important } @media (max-width: 1024px) { .page-reviews div.content #shopify-section-page-banner { margin-left:calc(10px - 5%); margin-right: calc(10px - 5%) } } @media (max-width: 480px) { .page-reviews div.content #shopify-section-page-banner { margin-left:-20px; margin-right: -20px } } .page-reviews .banner { margin-top: 20px } #shopify-section-announcement-bar { position: relative; z-index: 1000 } .hide--desktop { display: none!important } @media (max-width: 768px) { .hide--mobile { display:none!important } .hide--desktop { display: block!important } } @media (max-width: 768px) { .index-sections,#shopify-section-collection-template-instantsearch { padding-top:80px } } .purchase-details { width: 100% } #isp_search_results_container .isp_badge_sale .isp_product_image_wrapper:before { left: unset!important; right: 0!important } #isp_search_results_container .isp_badge_whats-new .isp_product_image_wrapper:after { top: 0!important } @media (min-width: 980px) { div.isp_center_container ul#isp_search_results_container li.isp_grid_product,ul#isp_quick_view_content_lookalike li.isp_grid_product { width:30%!important } } .custom_search .isp_left_container_header h3 { font-size: 14px; line-height: 19px; color: #868686; letter-spacing: 0; margin-bottom: 25px } .custom_search #isp_search_results_container li.isp_grid_product:hover a.isp_product_quick_view_button,.custom_search li.isp_grid_product:hover .isp-product-add-to-cart-wrap { display: none } .custom_search .isp_single_facet_wrapper .isp_facet_title .isp_facet_title_name { line-height: 19px!important; text-transform: capitalize } .custom_search .isp_single_facet_wrapper .isp_facet_title.isp_on_sale_only_title .isp_facet_title_name { font-weight: 500!important; font-size: 14px!important; color: #006aad!important } .custom_search #isp_left_container_facets .isp_facet_value a .isp_facet_value_name { margin-left: 3px; word-wrap: break-word; font-size: 14px; line-height: 19px; color: #006aad } .custom_search #isp_left_container_facets .isp_facet_value a .isp_facet_value_name .isp_facet_value_counter { color: #006aad } .custom_search .isp_left_container_header h3 { margin-bottom: 25px } .isp-custom-badge\.sale { position: absolute; top: 15px; background-color: #c45e56; border-radius: 36px; font-style: normal; font-weight: 700; font-size: 12px; line-height: 100%; padding: 4px 12px; color: #fff; z-index: 9 } .collection li.isp_grid_product div.isp_product_info .isp_product_price_wrapper .isp_compare_at_price.money { font-style: normal; font-weight: 400!important; font-size: 14px; text-decoration-line: line-through; color: #000 } #isp_search_results_container li.isp_grid_product .isp_product_image { width: 100%!important; object-fit: contain!important } li.isp_grid_product div.isp_product_image_wrapper { margin-top: 10px!important } #fast-simon-serp-app .filters-grid-no-filters,#fast-simon-serp-app .filters-grid-wrapper { grid-template-columns: 20% 80%!important } #fast-simon-serp-app .filters-container { border-right: 0px none } #fast-simon-serp-app .filters-container .category-container { margin-bottom: 1em; padding-bottom: 0; border-bottom: 1px solid #ccc!important } #fast-simon-serp-app .filters-container .category-container .category-title-wrapper { padding: 0 } #fast-simon-serp-app .filters-container .category-container .category-title-wrapper .category-title { font-family: Avenir Next,sans-serif; text-transform: uppercase; font-weight: 600!important; font-size: 14px!important; letter-spacing: .5px!important; line-height: 1.4em!important; border-bottom: 0px none } #fast-simon-serp-app .filters-container .category-container .category-title-wrapper .category-title .title-arrow { display: none } #fast-simon-serp-app .filters-container .category-container .category-items { padding: 0; max-height: unset!important } #fast-simon-serp-app .filters-container .category-container .category-items>span { display: block; text-indent: 0; overflow: hidden; margin: 0 0 10px!important; padding-bottom: .6em; text-align: left } #fast-simon-serp-app .filters-container .category-container .category-items>span .checkbox { margin: 0 } #fast-simon-serp-app .filters-container .category-container .category-items>span .checkbox .checkmark { background: transparent!important; border: 1px solid #ccc!important } #fast-simon-serp-app .filters-container .category-container .category-items>span .checkbox .checkmark:after { display: none!important } #fast-simon-serp-app .filters-container .category-container .category-items>span .checkbox .checkbox-label { justify-content: flex-start; gap: .2em } #fast-simon-serp-app .filters-container .category-container .category-items>span .checkbox .checkbox-label .filters-option-text { font-family: Avenir Next, sans-serif!important; font-weight: 400!important; color: #006aad } #fast-simon-serp-app .filters-container .category-container .category-items>span .checkbox .checkbox-label .count { font-family: Avenir Next, sans-serif!important; font-weight: 400!important; display: initial; color: #6a6a6a } #fast-simon-serp-app .filters-container .category-container .category-items>span .checkbox.fs-selected-checkbox .checkmark { background: #ddd!important } #fast-simon-serp-app .filters-container .category-container .category-items>span .checkbox.fs-selected-checkbox .checkbox-label .filters-option-text { color: #005487!important; font-weight: 700!important } #fast-simon-serp-app .filters-container .category-container[data-category-title="Dog Size"] .checkbox .checkbox-label { position: relative; margin-left: -.4em; padding-left: 30px!important } #fast-simon-serp-app .filters-container .category-container[data-category-title="Dog Size"] .checkbox .checkbox-label:before { content: ""; width: 25px; height: 25px; display: inline-block; position: absolute; left: 0; margin-top: -2px } #fast-simon-serp-app .filters-container .category-container[data-category-title="Dog Size"] .checkbox .checkbox-label[title=Small]:before { background: url(dog-size-small.png); background-repeat: no-repeat; background-size: 28px 26px; bottom: 0; top: -3px!important; left: 0!important } #fast-simon-serp-app .filters-container .category-container[data-category-title="Dog Size"] .checkbox .checkbox-label[title=Medium-Size]:before { background: url(dog-size-medium.png); background-repeat: no-repeat; background-size: 30px 24px; bottom: 0; top: -2px!important; left: 0!important } #fast-simon-serp-app .filters-container .category-container[data-category-title="Dog Size"] .checkbox .checkbox-label[title=Large]:before { background: url(dog-size-large.png); background-repeat: no-repeat; background-size: 30px 24px; bottom: 0; top: -2px!important; left: 0!important } #fast-simon-serp-app .filters-container .category-container[data-category-title="Dog Size"] .checkbox .checkbox-label[title=X-Large]:before { background: url(dog-size-x-large.png); background-repeat: no-repeat; background-size: 24px 24px; bottom: 0; top: -2px!important; left: 3px!important } #fast-simon-serp-app .filters-container .category-container.fs-category-switch { padding-bottom: 1em } #fast-simon-serp-app .filters-container:before { content: "FILTER"; display: block; margin-bottom: 15px; font-family: Avenir Next,sans-serif; font-weight: 600; font-style: normal; font-size: 19px; color: #333 } .rebuy-product-actions .rebuy-button { background: #005880!important; border-color: #005880!important } .paginate .current { background-color: #575757!important; border: solid 1px #575757!important } @media (max-width: 1199px) { #header .dropdown a { padding-top:12px; padding-bottom: 12px } } .header div.logo img { margin: 0 auto } .header .main_nav { color: #fff; padding: 12px 0 } .header .main_nav ul.menu { display: flex; align-items: flex-start; justify-content: space-between; padding-top: 20px; padding-bottom: 20px } .header .main_nav .center-container { flex: 1 1 auto } .header .main_nav .center-container .search_container input { border-radius: 4px; background: #fff; padding: 12px 14px; font-size: 18px; font-style: italic; font-weight: 500; line-height: normal; text-transform: capitalize; color: #000; border: 0 } .header .main_nav .center-container .search_container .icon-search:before { display: none } .header .main_nav .center-container .search_container .icon-search { top: 4px } .header .header__account { margin-right: 12px } .header .header__account a { display: flex; align-items: center; gap: 8px } .header .header__account a:hover,.header .header__account a:hover span { color: #fff!important } .header .header__account span { color: #fff; text-align: center; font-size: 18px; font-style: normal; line-height: normal; text-transform: capitalize; padding: 0; letter-spacing: normal } .header .header__cart { position: relative } .header .header__cart .cart_count { color: #fff!important; text-align: center; font-size: 12.106px; font-style: normal; font-weight: 600; line-height: normal; text-transform: capitalize; background: #6ab1b5; width: 22px; height: 22px; display: flex; border-radius: 100%; align-items: center; justify-content: center; top: 5px; right: -5px; position: absolute; padding: 0!important } .header .vertical-menu>ul>li>a { color: #fff; font-size: 20px; font-style: normal; line-height: normal; display: flex; align-items: center; gap: 8px; padding: 0; text-transform: initial } .header .vertical-menu>ul>li>a .icon-downarrow { padding: 0; position: relative; top: 2px } .header .vertical-menu>ul>li>a:hover { color: #fff; border-bottom: 0 } .header .vertical-menu { width: 100%; padding: 0 12px; margin-top: 10px } .header .vertical-menu>ul { width: 100%; justify-content: space-between; align-items: flex-end } .header .menu-right { width: fit-content } .header .menu-right>ul { padding-left: 40px; margin-left: 0; display: flex; align-items: center; flex-direction: row-reverse } .header .menu-right>ul .mini_cart { height: auto!important } #header .top_bar { padding: 0 10px } #header .top_bar a span { color: #fff } #header .top_bar a span.cart_count { color: #fff!important; text-align: center; font-size: 10px; font-style: normal; font-weight: 600; line-height: normal; text-transform: capitalize; background: #6ab1b5; width: 14px; height: 14px; display: flex; border-radius: 100%; align-items: center; justify-content: center; top: 3px; right: -3px; position: absolute; padding: 0!important } .mobile_nav div span { color: #fff; background: #fff; height: 3px!important; border-radius: 10px } .cart_container .cart_count { color: #fff!important; text-align: center; font-size: 12.106px; font-style: normal; font-weight: 600; line-height: normal; text-transform: capitalize; background: #6ab1b5; width: 22px; height: 22px; display: flex; border-radius: 100%; align-items: center; justify-content: center; top: 5px; right: -5px; position: absolute; padding: 0!important } .mobile-search-container { background: #005589 } .mobile-search-container .header_search_form { width: 100%; background: #005589; margin: 0 auto; padding: 5px 10px; border-bottom: 0 } .mobile-search-container .header_search_form .search-submit { top: 10px; right: 15px } .mobile-search-container .header_search_form input { margin: 0; color: #000; text-align: left; font-size: 12px; font-style: italic; font-weight: 600; line-height: normal; text-transform: capitalize; padding: 15px 9px; border-radius: 4px; border: .2px solid #FFF; background: #fff } .js-quick-shop { display: none; } /*# sourceMappingURL=/cdn/shop/t/136/assets/styles.scss.css.map?v=101874318594095780841753720060 */