/*! Theme Name: Skyn Author: 60fps Author URI: https://60fps.fr/ Description: Skyn theme Requires at least: WordPress 4.9.6 Version: 0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: skyn Domain Path: /languages Tags: skyn-theme Skyn main theme for WordPress */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html {line-height: 1.15; -webkit-text-size-adjust: 100% } body {margin: 0 } main {display: block } h1 {font-size: 2em; margin: .67em 0 } hr {box-sizing: content-box; height: 0; overflow: visible } pre {font-family: monospace, monospace; font-size: 1em } a {background-color: transparent } abbr[title] {border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted } b, strong {font-weight: bolder } code, kbd, samp {font-family: monospace, monospace; font-size: 1em } small {font-size: 80% } sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub {bottom: -.25em } sup {top: -.5em } img {border-style: none } button, input, optgroup, select, textarea {font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0 } button, input {overflow: visible } button, select {text-transform: none } [type=button], [type=reset], [type=submit], button {-webkit-appearance: button } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {border-style: none; padding: 0 } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {outline: 1px dotted ButtonText } fieldset {padding: .35em .75em .625em } legend {box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress {vertical-align: baseline } textarea {overflow: auto } [type=checkbox], [type=radio] {box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {height: auto } [type=search] {-webkit-appearance: textfield; outline-offset: -2px } [type=search]::-webkit-search-decoration {-webkit-appearance: none } ::-webkit-file-upload-button {-webkit-appearance: button; font: inherit } details {display: block } summary {display: list-item } [hidden], template {display: none } blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {margin: 0 } button {background-color: transparent; background-image: none } button:focus {outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color } fieldset, ol, ul {margin: 0; padding: 0 } ol, ul {list-style: none } html {font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, Helvetica Neue, Arial, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; line-height: 1.5 } *, :after, :before {box-sizing: border-box; border: 0 solid } hr {border-top-width: 1px } img {border-style: solid } textarea {resize: vertical } input::-moz-placeholder, textarea::-moz-placeholder {color: #a0aec0 } input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #a0aec0 } input::-ms-input-placeholder, textarea::-ms-input-placeholder {color: #a0aec0 } input::placeholder, textarea::placeholder {color: #a0aec0 } [role=button], button {cursor: pointer } table {border-collapse: collapse } h1, h2, h3, h4, h5, h6 {font-size: inherit; font-weight: inherit } a {color: inherit; text-decoration: inherit } button, input, optgroup, select, textarea {padding: 0; line-height: inherit; color: inherit } code, kbd, pre, samp {font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace } audio, canvas, embed, iframe, img, object, svg, video {display: block; vertical-align: middle } img, video {max-width: 100%; height: auto } .tl {top: 0; bottom: auto } .bl, .tl {left: 0; right: auto } .bl {bottom: 0; top: auto } .tr {top: 0; bottom: auto } .br, .tr {right: 0; left: auto } .br {bottom: 0; top: auto } .grid-12 {display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px } [class*=grid-] .grid-12-offset-3 {margin-left: calc(25% + 10px) } [class*=grid-] .grid-12-offset-4 {margin-left: calc(33.33333% + 10px) } .grid-12-col-6 {flex-basis: calc(50% - 20px) } .grid-12-col-6, .grid-12-col-8 {flex-grow: 0; flex-shrink: 0; margin-left: 10px; margin-right: 10px } .grid-12-col-8 {flex-basis: calc(66.66667% - 20px) } .grid-12-col-12 {flex-basis: calc(100% - 20px); flex-grow: 0; flex-shrink: 0; margin-left: 10px; margin-right: 10px } .grid-6 {display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px } [class*=grid-] .grid-6-offset-1 {margin-left: calc(16.66667% + 10px) } .grid-6-col-2 {flex-basis: calc(33.33333% - 20px) } .grid-6-col-2, .grid-6-col-3 {flex-grow: 0; flex-shrink: 0; margin-left: 10px; margin-right: 10px } .grid-6-col-3 {flex-basis: calc(50% - 20px) } .grid-6-col-5 {flex-basis: calc(83.33333% - 20px) } .grid-6-col-5, .grid-6-col-6 {flex-grow: 0; flex-shrink: 0; margin-left: 10px; margin-right: 10px } .grid-6-col-6 {flex-basis: calc(100% - 20px) } .btn-small {padding: 6px 0 !important; margin: 4px auto 0; max-width: 180px; } .btn {border-radius: 3px; text-decoration: none !important; border: 1px solid #9f9f9f; display: flex; align-items: center; justify-content: center; padding: 20px 30px; width: 100%; transition: border-color .15s linear; overflow: hidden } .btn, .btn span {position: relative } .btn span {text-align: center; font-family: Poppins, sans-serif; font-weight: 500; font-size: 14px; line-height: 20px; color: #202020; transition: color .15s linear } .btn:before {content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: translateY(100%); transition: transform .4s cubic-bezier(.23, 1, .32, 1); background-color: #202020; pointer-events: none } .btn:active, html.notouch .btn:hover {border-color: #202020 } .btn:active:before, html.notouch .btn:hover:before {transform: translateY(0) } .btn:active span, html.notouch .btn:hover span {color: #d1a836 } [class*=title-], h1, h2, h3, h4 {font-family: Poppins, sans-serif; font-weight: 500; font-size: 18px; line-height: 36px } .title-1 {font-size: 42px; line-height: 48px; letter-spacing: -2px } @media (min-width:1024px) {.title-1 {font-size: 93px; line-height: 96px; letter-spacing: -4px } } .title-2 {font-size: 30px; line-height: 42px; letter-spacing: -1px } @media (min-width:1024px) {.title-2 {font-size: 60px; line-height: 72px; letter-spacing: -2px } } .title-3 {font-size: 24px; line-height: 30px; letter-spacing: -1px } @media (min-width:1024px) {.title-3 {font-size: 48px; line-height: 59px; letter-spacing: -2px } } .title-4 {font-size: 24px; line-height: 33px; font-weight: 400 } @media (min-width:1024px) {.title-4 {font-weight: 500; font-size: 36px; line-height: 51px } } h1 {font-size: 42px; line-height: 48px; letter-spacing: -2px } @media (min-width:1024px) {h1 {font-size: 93px; line-height: 96px; letter-spacing: -4px } } h2 {font-size: 30px; line-height: 42px; letter-spacing: -1px } @media (min-width:1024px) {h2 {font-size: 60px; line-height: 72px; letter-spacing: -2px } } h3 {font-size: 24px; line-height: 30px; letter-spacing: -1px } @media (min-width:1024px) {h3 {font-size: 48px; line-height: 59px; letter-spacing: -2px } } h4 {font-size: 24px; line-height: 33px; font-weight: 400 } @media (min-width:1024px) {h4 {font-weight: 500; font-size: 36px; line-height: 51px } } p strong {font-weight: 700 } b, strong {font-weight: 500 } .format ol li, .format p, .format table td, .format table th, .format ul li, .paragraph {font-weight: 300; font-size: 16px; line-height: 30px } @media (min-width:1024px) {.format ol li, .format p, .format table td, .format table th, .format ul li, .paragraph {font-size: 18px; line-height: 36px } } .subtitle {font-size: 14px; line-height: 24px; font-weight: 300 } @media (min-width:1024px) {.subtitle {font-size: 13px } } .tag {color: #d1a836; font-size: 13px; font-weight: 700; line-height: 19px; letter-spacing: 4.6px; text-transform: uppercase } @media (min-width:1024px) {.tag {font-size: 12px; line-height: 17px } } .numbered {color: #d1a836; font-size: 12px; line-height: 20px; font-weight: 500 } @media (min-width:1024px) {.numbered {font-size: 18px; line-height: 20px } } .blog-title, .format.format-blog-title ol li, .format.format-blog-title p, .format.format-blog-title ul li {color: #202020; font-weight: 400; font-size: 18px; line-height: 30px; letter-spacing: -.38px } @media (min-width:1024px) {.blog-title, .format.format-blog-title ol li, .format.format-blog-title p, .format.format-blog-title ul li {font-size: 24px; line-height: 33px; letter-spacing: -.5px } } .format.format-feature p {font-size: 14px; line-height: 20px } @media (min-width:1024px) {.format.format-feature p {font-size: 13px } } .format.format-blog-title ol li, .format.format-blog-title p, .format.format-blog-title ul li {line-height: 36px } .format.format-light p {font-family: Poppins, sans-serif; font-weight: 300; color: #202020; font-size: 16px; line-height: 30px } @media (min-width:1024px) {.format.format-light p {font-size: 13px; line-height: 24px } } .format.format-light p:not(:first-child) {margin-top: 25px } .format.format-light ol li, .format.format-light ul li {font-family: Poppins, sans-serif; font-weight: 300; color: #202020; font-size: 16px; line-height: 30px } @media (min-width:1024px) {.format.format-light ol li, .format.format-light ul li {font-size: 13px; line-height: 24px } } .format li img, .format p img {padding: 10px 0; width: 100% } @media (min-width:768px) {.format li img, .format p img {padding: 20px 0 } } .format h5:not(:first-child), .format ol:not(:first-child), .format p:not(:first-child), .format ul:not(:first-child) {margin-top: 30px } .format ol li, .format ul li {padding-left: 15px } @media (min-width:1024px) {.format ol li, .format ul li {padding-left: 25px } } .format ol li, .format ul li {position: relative } .format ol li:before, .format ul li:before {position: absolute; left: 0 } .format ul li:before {content: "-"} .format ol {counter-reset: ordered-list-counter } .format ol li {counter-increment: ordered-list-counter } .format ol li:before {text-align: right; display: inline-block; width: 2em; content: counter(ordered-list-counter); transform: translateX(-100%) } .format h1:not(:first-child), .format h2:not(:first-child), .format h3:not(:first-child), .format h4:not(:first-child), .format h5:not(:first-child), .format h6:not(:first-child) {margin-top: 60px } .format h5 {font-size: 24px; line-height: 33px } .format h5, .format h6 {color: #202020; font-weight: 400; letter-spacing: -.5px } .format h6 {font-size: 18px; line-height: 30px } @media (min-width:1024px) {.format h6 {font-size: 24px; line-height: 36px } } .format a {text-decoration: underline } .format a:hover {color: #d1a836 } .format table {border-collapse: collapse } .format table td, .format table th {padding: 10px; border: 1px solid #000 } @media (min-width:1024px) {.format table td, .format table th {padding: 20px } } .tertiary {font-size: 13px; line-height: 19px } .tertiary, .tertiary strong {font-weight: 400 } @media (min-width:1024px) {.tertiary {font-size: 16px; line-height: 23px } } input, select, textarea {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: 0 0 } textarea {resize: none } input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {color: #000 } input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #000 } input::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder {color: #000 } input::placeholder, select::placeholder, textarea::placeholder {color: #000 } .input-group:not(.no-border) input, .input-group:not(.no-border) select, .input-group:not(.no-border) textarea {padding: 20px 25px } .input-group:not(.no-border) label {padding: 21px 26px } .input-group.input-icon-left input, .input-group.input-icon-left select, .input-group.input-icon-left textarea {padding-left: 45px } .input-group.input-icon-right input, .input-group.input-icon-right select, .input-group.input-icon-right textarea {padding-right: 65px } .input-group label {display: inline-block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none } .input-group label i.icon {font-size: 13px } .input-group label>* {display: inline-block; vertical-align: middle } .input-group label span {transition: transform .3s cubic-bezier(.23, 1, .32, 1); transform-origin: left center } .input-group label span+i.icon {position: absolute; right: 25px; top: 50%; margin-top: -.5em } .input-group label i.icon+span {margin-left: 7px } .input-group button {padding-top: 10px; padding-bottom: 10px; position: absolute; top: 50%; margin-top: calc(-10px - .5em) } .input-group button i {transition: transform .3s cubic-bezier(.23, 1, .32, 1) } .notouch .input-group button:hover i {transform: translateX(.5em) } .input-group input {transition: background-color .1s linear } .input-group input[disabled], .input-group select[disabled], .input-group textarea[disabled] {background-color: #d8d8d8 } .input-group:not(.disable-label-focus) input:not(:-moz-placeholder-shown)+label span, .input-group:not(.disable-label-focus) textarea:not(:-moz-placeholder-shown)+label span {transform: translateY(-1em) scale(.71428571) } .input-group:not(.disable-label-focus) input:not(:-ms-input-placeholder)+label span, .input-group:not(.disable-label-focus) textarea:not(:-ms-input-placeholder)+label span {transform: translateY(-1em) scale(.71428571) } .input-group:not(.disable-label-focus) input:focus+label span, .input-group:not(.disable-label-focus) input:not(:placeholder-shown)+label span, .input-group:not(.disable-label-focus) select+label span, .input-group:not(.disable-label-focus) textarea:focus+label span, .input-group:not(.disable-label-focus) textarea:not(:placeholder-shown)+label span {transform: translateY(-1em) scale(.71428571) } .input-group:not(.disable-label-focus) input:not(:-moz-placeholder-shown)+label i.icon+span, .input-group:not(.disable-label-focus) textarea:not(:-moz-placeholder-shown)+label i.icon+span {transform: translateY(-1em) translateX(-1.5em) scale(.71428571) } .input-group:not(.disable-label-focus) input:not(:-ms-input-placeholder)+label i.icon+span, .input-group:not(.disable-label-focus) textarea:not(:-ms-input-placeholder)+label i.icon+span {transform: translateY(-1em) translateX(-1.5em) scale(.71428571) } .input-group:not(.disable-label-focus) input:focus+label i.icon+span, .input-group:not(.disable-label-focus) input:not(:placeholder-shown)+label i.icon+span, .input-group:not(.disable-label-focus) select+label i.icon+span, .input-group:not(.disable-label-focus) textarea:focus+label i.icon+span, .input-group:not(.disable-label-focus) textarea:not(:placeholder-shown)+label i.icon+span {transform: translateY(-1em) translateX(-1.5em) scale(.71428571) } .input-group.disable-label-focus input:not(:-moz-placeholder-shown)+label span, .input-group.disable-label-focus textarea:not(:-moz-placeholder-shown)+label span {opacity: 0 } .input-group.disable-label-focus input:not(:-ms-input-placeholder)+label span, .input-group.disable-label-focus textarea:not(:-ms-input-placeholder)+label span {opacity: 0 } .input-group.disable-label-focus input:focus+label span, .input-group.disable-label-focus input:not(:placeholder-shown)+label span, .input-group.disable-label-focus textarea:focus+label span, .input-group.disable-label-focus textarea:not(:placeholder-shown)+label span {opacity: 0 } form svg {display: inline-block } .group-hover-hover\:hover-text-gold, .hover-hover\:hover-text-gold, .hover-text-gold {transition-property: background-color, border-color, color, fill, stroke; transition-duration: .1s; transition-timing-function: linear } .hover-text-gold, html.notouch .group:hover .group-hover-hover\:hover-text-gold, html.notouch .hover-hover\:hover-text-gold:hover {color: #d1a836 } .hover-text-fill-gold {position: relative } .hover-text-fill-gold span:last-child {pointer-events: none; top: 0; left: 0; position: absolute; overflow: hidden; transform: translateY(100%); transition: transform .8s cubic-bezier(.23, 1, .32, 1) } .hover-text-fill-gold span:last-child i {display: inline-block; color: #d1a836; font-style: inherit; text-decoration: none; transform: translateY(-100%); transition: transform .8s cubic-bezier(.23, 1, .32, 1) } html.notouch .hover-text-fill-gold:hover span:last-child, html.notouch .hover-text-fill-gold:hover span:last-child i {transform: translateY(0) } .container-full {max-width: 1600px } .container, .container-full {margin-left: auto; margin-right: auto } .container {width: 100%; padding-right: 23px; padding-left: 23px } @media (min-width:640px) {.container {max-width: 640px } } @media (min-width:768px) {.container {max-width: 768px } } @media (min-width:1024px) {.container {max-width: 1024px; padding-right: 20px; padding-left: 20px } } @media (min-width:1440px) {.container {max-width: 1440px; padding-right: 20px; padding-left: 20px } } .-translate-x-y-1\/2 {transform: translateX(-50%) translateY(-50%) } .fake-border-1 {content: ""; display: block; height: 1px; width: 100% } .icon {font-style: normal; font-weight: 400; line-height: 1em; display: inline-block } .icon.icon-arrow-down:before {display: block; font-family: icons; content: "\EA01"} .icon.icon-arrow-left-light:before {display: block; font-family: icons; content: "\EA02"} .icon.icon-arrow-right-light:before {display: block; font-family: icons; content: "\EA03"} .icon.icon-arrow-right-serif:before {display: block; font-family: icons; content: "\EA04"} .icon.icon-arrow-right:before {display: block; font-family: icons; content: "\EA05"} .icon.icon-cross:before {display: block; font-family: icons; content: "\EA06"} .icon.icon-facebook:before {display: block; font-family: icons; content: "\EA07"} .icon.icon-globe:before {display: block; font-family: icons; content: "\EA08"} .icon.icon-link:before {display: block; font-family: icons; content: "\EA09"} .icon.icon-loupe-light:before {display: block; font-family: icons; content: "\EA0A"} .icon.icon-loupe:before {display: block; font-family: icons; content: "\EA0B"} .icon.icon-minus:before {display: block; font-family: icons; content: "\EA0C"} .icon.icon-nominal-width:before {display: block; font-family: icons; content: "\EA0D"} .icon.icon-play:before {display: block; font-family: icons; content: "\EA0E"} .icon.icon-plus:before {display: block; font-family: icons; content: "\EA0F"} .icon.icon-thinner-rounded:before {display: block; font-family: icons; content: "\EA10"} .icon.icon-thinner:before {display: block; font-family: icons; content: "\EA11"} .icon.icon-twitter:before {display: block; font-family: icons; content: "\EA12"} .icon.icon-water-based:before {display: block; font-family: icons; content: "\EA13"} .selected .selected\:bg-dark {background-color: #202020 } html.notouch .hover-hover\:bg-white:hover {background-color: #fff } html.notouch .hover-hover\:bg-dark-grey-2:hover {background-color: #28282c } .bg-white {background-color: #fff } .bg-light-grey {background-color: #f9f9f9 } .bg-light-grey-2 {background-color: #d8d8d8 } .bg-medium-grey {background-color: #9f9f9f } .bg-dark-grey {background-color: #3d3a3a } .bg-dark {background-color: #202020 } .bg-black {background-color: #000 } .bg-gold {background-color: #d1a836 } .border-white-20 {border-color: hsla(0, 0%, 100%, .2) } .border-light-grey-2 {border-color: #d8d8d8 } .border-darker-grey {border-color: #535353 } .border-dark-grey {border-color: #3d3a3a } .border-dark-grey-alpha {border-color: rgba(61, 58, 58, .12549) } .border-gold {border-color: #d1a836 } .children\:border-light-grey-2>* {border-color: #d8d8d8 } .rounded-5 {border-radius: 5px } .rounded-10 {border-radius: 10px } .rounded-full {border-radius: 9999px } .border-solid {border-style: solid } .border-none {border-style: none } .border-0 {border-width: 0 } .border, .border-1 {border-width: 1px } .border-0\.5 {border-width: .5px } .border-t-1 {border-top-width: 1px } .border-b-1 {border-bottom-width: 1px } .border-t-3 {border-top-width: 3px } .border-b {border-bottom-width: 1px } .children\:border>* {border-width: 1px } .children\:border-t-0>* {border-top-width: 0 } .children\:border-r-0>* {border-right-width: 0 } .children\:border-l-0>* {border-left-width: 0 } .box-content {box-sizing: content-box } .cursor-pointer {cursor: pointer } .children\:block>* {display: block } .children\:inline-block>* {display: inline-block } .block {display: block } .inline-block {display: inline-block } .inline {display: inline } .flex {display: flex } .table {display: table } .table-cell {display: table-cell } .hidden {display: none } .before\:block:before {display: block } .flex-row {flex-direction: row } .flex-col {flex-direction: column } .flex-wrap {flex-wrap: wrap } .flex-no-wrap {flex-wrap: nowrap } .items-start {align-items: flex-start } .items-end {align-items: flex-end } .items-center {align-items: center } .self-stretch {align-self: stretch } .justify-start {justify-content: flex-start } .justify-end {justify-content: flex-end } .justify-center {justify-content: center } .justify-between {justify-content: space-between } .flex-1 {flex: 1 1 0% } .flex-grow-0 {flex-grow: 0 } .flex-grow {flex-grow: 1 } .flex-shrink-0 {flex-shrink: 0 } .flex-shrink {flex-shrink: 1 } .order-1 {order: 1 } .font-poppins {font-family: Poppins, sans-serif } .font-light {font-weight: 300 } .font-normal {font-weight: 400 } .font-medium {font-weight: 500 } .font-bold {font-weight: 700 } .before\:h-58:before {height: 58px } .h-0 {height: 0 } .h-1 {height: 1px } .h-22 {height: 22px } .h-42 {height: 42px } .h-50 {height: 50px } .h-58 {height: 58px } .h-130 {height: 130px } .h-150 {height: 150px } .h-158 {height: 158px } .h-160 {height: 160px } .h-auto {height: auto } .h-full {height: 100% } .h-screen {height: 100vh } .h-60pc {height: 60% } .h-11\/10 {height: 110% } .text-0 {font-size: 0 } .text-12 {font-size: 12px } .text-13 {font-size: 13px } .text-14 {font-size: 14px } .text-15 {font-size: 15px } .text-16 {font-size: 16px } .text-18 {font-size: 18px } .text-22 {font-size: 22px } .text-24 {font-size: 24px } .text-26 {font-size: 26px } .text-30 {font-size: 30px } .text-33 {font-size: 33px } .text-42 {font-size: 42px } .text-48 {font-size: 48px } .leading-13 {line-height: 13px } .leading-17 {line-height: 17px } .leading-18 {line-height: 18px } .leading-19 {line-height: 19px } .leading-20 {line-height: 20px } .leading-22 {line-height: 22px } .leading-24 {line-height: 24px } .leading-27 {line-height: 27px } .leading-30 {line-height: 30px } .leading-32 {line-height: 32px } .leading-36 {line-height: 36px } .leading-42 {line-height: 42px } .leading-48 {line-height: 48px } .children\:mx-50>* {margin-left: 50px; margin-right: 50px } .children\:mb-42>* {margin-bottom: 42px } .m-1 {margin: 1px } .m-auto {margin: auto } .-m-1 {margin: -1px } .mx-6 {margin-left: 6px; margin-right: 6px } .my-8 {margin-top: 8px; margin-bottom: 8px } .my-12 {margin-top: 12px; margin-bottom: 12px } .mx-12 {margin-left: 12px; margin-right: 12px } .mx-auto {margin-left: auto; margin-right: auto } .-mx-6 {margin-left: -6px; margin-right: -6px } .-mx-12 {margin-left: -12px; margin-right: -12px } .mb-0 {margin-bottom: 0 } .mt-4 {margin-top: 4px } .mr-4 {margin-right: 4px } .ml-6 {margin-left: 6px } .mt-7 {margin-top: 7px } .mt-8 {margin-top: 8px } .mt-10 {margin-top: 10px } .mb-10 {margin-bottom: 10px } .ml-10 {margin-left: 10px } .mt-12 {margin-top: 12px } .mt-14 {margin-top: 14px } .mt-15 {margin-top: 15px } .ml-15 {margin-left: 15px } .mt-16 {margin-top: 16px } .ml-16 {margin-left: 16px } .mt-18 {margin-top: 18px } .mr-18 {margin-right: 18px } .ml-18 {margin-left: 18px } .mt-20 {margin-top: 20px } .mr-20 {margin-right: 20px } .mb-20 {margin-bottom: 20px } .mt-23 {margin-top: 23px } .ml-23 {margin-left: 23px } .mt-25 {margin-top: 25px } .mb-25 {margin-bottom: 25px } .ml-25 {margin-left: 25px } .mt-30 {margin-top: 30px } .mr-30 {margin-right: 30px } .mb-30 {margin-bottom: 30px } .mt-32 {margin-top: 32px } .ml-32 {margin-left: 32px } .mt-35 {margin-top: 35px } .mt-40 {margin-top: 40px } .mt-42 {margin-top: 42px } .mb-42 {margin-bottom: 42px } .mt-45 {margin-top: 45px } .mt-50 {margin-top: 50px } .mt-60 {margin-top: 60px } .mb-60 {margin-bottom: 60px } .mt-70 {margin-top: 70px } .ml-70 {margin-left: 70px } .mt-80 {margin-top: 80px } .mt-90 {margin-top: 90px } .mb-90 {margin-bottom: 90px } .ml-90 {margin-left: 90px } .mt-100 {margin-top: 100px } .-mt-20 {margin-top: -20px } .-mt-50 {margin-top: -50px } .children\:not-first\:mt-15>:not(:first-child) {margin-top: 15px } .children\:not-first\:mt-18>:not(:first-child) {margin-top: 18px } .children\:not-first\:mt-20>:not(:first-child) {margin-top: 20px } .children\:not-first\:ml-25>:not(:first-child) {margin-left: 25px } .children\:not-first\:ml-50>:not(:first-child) {margin-left: 50px } .children\:not-first\:mt-60>:not(:first-child) {margin-top: 60px } .max-w-270 {max-width: 270px } .max-w-312 {max-width: 312px } .max-w-412 {max-width: 412px } .max-w-460 {max-width: 460px } .max-w-775 {max-width: 775px } .max-w-none {max-width: none } .max-w-full {max-width: 100% } .min-h-full {min-height: 100% } .min-w-180 {min-width: 180px } .opacity-0 {opacity: 0 } .opacity-25 {opacity: .25 } .opacity-30 {opacity: .3 } .opacity-40 {opacity: .4 } .opacity-50 {opacity: .5 } .selected .selected\:opacity-100, html.notouch .group:hover .group-hover-hover\:opacity-100 {opacity: 1 } .focus\:outline-none:focus {outline: 0 } .children\:overflow-hidden>*, .overflow-hidden {overflow: hidden } .overflow-scroll {overflow: scroll } .children\:p-20>* {padding: 20px } .children\:px-15>* {padding-left: 15px; padding-right: 15px } .children\:pt-10>* {padding-top: 10px } .p-4 {padding: 4px } .p-7 {padding: 7px } .p-10 {padding: 10px } .p-15 {padding: 15px } .p-16 {padding: 16px } .p-20 {padding: 20px } .px-0 {padding-left: 0; padding-right: 0 } .px-6 {padding-left: 6px; padding-right: 6px } .py-10 {padding-top: 10px; padding-bottom: 10px } .px-10 {padding-left: 10px; padding-right: 10px } .py-12 {padding-top: 12px; padding-bottom: 12px } .px-12 {padding-left: 12px; padding-right: 12px } .py-15 {padding-top: 15px; padding-bottom: 15px } .px-15 {padding-left: 15px; padding-right: 15px } .py-16 {padding-top: 16px; padding-bottom: 16px } .py-18 {padding-top: 18px; padding-bottom: 18px } .py-20 {padding-top: 20px; padding-bottom: 20px } .py-21 {padding-top: 21px; padding-bottom: 21px } .px-23 {padding-left: 23px; padding-right: 23px } .px-25 {padding-left: 25px; padding-right: 25px } .px-27 {padding-left: 27px; padding-right: 27px } .py-30 {padding-top: 30px; padding-bottom: 30px } .px-30 {padding-left: 30px; padding-right: 30px } .px-32 {padding-left: 32px; padding-right: 32px } .py-40 {padding-top: 40px; padding-bottom: 40px } .py-42 {padding-top: 42px; padding-bottom: 42px } .py-45 {padding-top: 45px; padding-bottom: 45px } .py-60 {padding-top: 60px; padding-bottom: 60px } .py-85 {padding-top: 85px; padding-bottom: 85px } .py-90 {padding-top: 90px; padding-bottom: 90px } .pt-7 {padding-top: 7px } .pl-7 {padding-left: 7px } .pb-10 {padding-bottom: 10px } .pr-12 {padding-right: 12px } .pt-18 {padding-top: 18px } .pt-20 {padding-top: 20px } .pb-20 {padding-bottom: 20px } .pt-25 {padding-top: 25px } .pb-25 {padding-bottom: 25px } .pt-30 {padding-top: 30px } .pr-30 {padding-right: 30px } .pb-30 {padding-bottom: 30px } .pl-30 {padding-left: 30px } .pt-32 {padding-top: 32px } .pt-40 {padding-top: 40px } .pb-40 {padding-bottom: 40px } .pb-42 {padding-bottom: 42px } .pb-45 {padding-bottom: 45px } .pr-48 {padding-right: 48px } .pb-48 {padding-bottom: 48px } .pt-50 {padding-top: 50px } .pb-50 {padding-bottom: 50px } .pt-60 {padding-top: 60px } .pb-60 {padding-bottom: 60px } .pt-75 {padding-top: 75px } .pt-80 {padding-top: 80px } .pb-80 {padding-bottom: 80px } .pt-85 {padding-top: 85px } .pt-90 {padding-top: 90px } .pb-90 {padding-bottom: 90px } .pt-100 {padding-top: 100px } .pb-100 {padding-bottom: 100px } .pt-110 {padding-top: 110px } .pb-120 {padding-bottom: 120px } .pb-150 {padding-bottom: 150px } .children\:not-first\:pl-30>:not(:first-child) {padding-left: 30px } .pointer-events-none {pointer-events: none } .pointer-events-auto {pointer-events: auto } .before\:absolute:before {position: absolute } .static {position: static } .fixed {position: fixed } .absolute {position: absolute } .relative {position: relative } .before\:bottom-0:before {bottom: 0 } .inset-0 {top: 0; right: 0; bottom: 0; left: 0 } .-inset-1\/20 {top: -5%; right: -5%; bottom: -5%; left: -5% } .inset-x-0 {right: 0; left: 0 } .top-0 {top: 0 } .right-0 {right: 0 } .bottom-0 {bottom: 0 } .left-0 {left: 0 } .bottom-18 {bottom: 18px } .right-20 {right: 20px } .top-40 {top: 40px } .right-50 {right: 50px } .bottom-55 {bottom: 55px } .right-100 {right: 100px } .left-100 {left: 100px } .top-auto {top: auto } .left-auto {left: auto } .-right-40 {right: -40px } .-top-25 {top: -25px } .-top-20 {top: -20px } .-right-13 {right: -13px } .-top-10 {top: -10px } .top-1\/2 {top: 50% } .left-1\/2 {left: 50% } .top-full {top: 100% } .left-full {left: 100% } .resize {resize: both } .stroke-gold {stroke: #d1a836 } .text-left {text-align: left } .text-center {text-align: center } .text-right {text-align: right } html.notouch .hover-hover\:text-black:hover {color: #000 } html.notouch .group:hover .group-hover-hover\:text-gold, html.notouch .hover-hover\:text-gold:hover {color: #d1a836 } .text-white {color: #fff } .text-light-grey-2 {color: #d8d8d8 } .text-medium-grey {color: #9f9f9f } .text-grey {color: #707070 } .text-dark-grey {color: #3d3a3a } .text-dark-grey-2 {color: #28282c } .text-dark {color: #202020 } .text-black {color: #000 } .selected .selected\:text-gold, .text-gold {color: #d1a836 } .italic {font-style: italic } .uppercase {text-transform: uppercase } .capitalize {text-transform: capitalize } .underline {text-decoration: underline } .tracking-2 {letter-spacing: 2px } .-tracking-2 {letter-spacing: -2px } .-tracking-1 {letter-spacing: -1px } .tracking-tight {letter-spacing: -.5px } .tracking-087 {letter-spacing: .87px } .tracking-fat {letter-spacing: 4.6px } .select-none {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .align-top {vertical-align: top } .align-middle {vertical-align: middle } .align-text-top {vertical-align: text-top } .visible {visibility: visible } .whitespace-normal {white-space: normal } .whitespace-no-wrap {white-space: nowrap } .break-words {word-wrap: break-word } .truncate {overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .children\:w-full>* {width: 100% } .before\:w-screen:before {width: 100vw } .w-0 {width: 0 } .w-1 {width: 1px } .w-13 {width: 13px } .w-25 {width: 25px } .w-42 {width: 42px } .w-53 {width: 53px } .w-58 {width: 58px } .w-75 {width: 75px } .w-120 {width: 120px } .w-130 {width: 130px } .w-158 {width: 158px } .w-220 {width: 220px } .w-auto {width: auto } .w-full {width: 100% } .w-45vw {width: 45vw } .w-58vw {width: 58vw } .w-11\/10 {width: 110% } .w-300\/365 {width: 82% } .w-84pc {width: 84% } .w-28pc {width: 28% } .w-60pc {width: 60% } .before\:z-1:before {z-index: 1 } .z-0 {z-index: 0 } .z-1 {z-index: 1 } .z-5 {z-index: 5 } .z-10 {z-index: 10 } .z-11 {z-index: 11 } .z-50 {z-index: 50 } .z-999 {z-index: 999 } .-z-1 {z-index: -1 } .origin-center {transform-origin: center } .origin-right {transform-origin: right } .origin-bottom-right {transform-origin: bottom right } .origin-bottom-left {transform-origin: bottom left } .origin-left {transform-origin: left } html.notouch .group:hover .group-hover-hover\:scale-105 {transform: scale(1.05) } html.notouch .group:hover .group-hover-hover\:scale-125 {transform: scale(1.25) } .rotate-90 {transform: rotate(90deg) } .-rotate-90 {transform: rotate(-90deg) } .selected .selected\:rotate-0 {transform: rotate(0) } .selected .selected\:-rotate-180 {transform: rotate(-180deg) } html.notouch .group:hover .group-hover-hover\:rotate-90 {transform: rotate(90deg) } html.notouch .group:hover .group-hover-hover\:translate-x-4 {transform: translateX(4px) } html.notouch .group:hover .group-hover-hover\:translate-x-8 {transform: translateX(8px) } html.notouch .group:hover .group-hover-hover\:-translate-x-4 {transform: translateX(-4px) } .-translate-y-1\/2 {transform: translateY(-50%) } .transition {transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform } .transition-colors {transition-property: background-color, border-color, color, fill, stroke } .transition-opacity {transition-property: opacity } .transition-transform {transition-property: transform } .ease-linear {transition-timing-function: linear } .ease-out-cubic {transition-timing-function: cubic-bezier(.215, .61, .355, 1) } .ease-out-quint {transition-timing-function: cubic-bezier(.23, 1, .32, 1) } .ease-out-expo {transition-timing-function: cubic-bezier(.19, 1, .22, 1) } html.notouch .group:hover .group-hover-hover\:ease-in-out-sine, html.notouch .group:hover .group-hover-hover\:ease-out-sine {transition-timing-function: cubic-bezier(.39, .575, .565, 1) } .duration-75 {transition-duration: 75ms } .duration-100 {transition-duration: .1s } .duration-200 {transition-duration: .2s } .duration-500 {transition-duration: .5s } .duration-1000 {transition-duration: 1s } html.notouch .group:hover .group-hover-hover\:duration-2000 {transition-duration: 2s } html.notouch .group:hover .group-hover-hover\:duration-5000 {transition-duration: 5s } @-webkit-keyframes spin {0% {transform: rotate(0) } to {transform: rotate(1turn) } } @keyframes spin {0% {transform: rotate(0) } to {transform: rotate(1turn) } } @-webkit-keyframes ping {0% {transform: scale(1); opacity: 1 } 75%, to {transform: scale(2); opacity: 0 } } @keyframes ping {0% {transform: scale(1); opacity: 1 } 75%, to {transform: scale(2); opacity: 0 } } @-webkit-keyframes pulse {0%, to {opacity: 1 } 50% {opacity: .5 } } @keyframes pulse {0%, to {opacity: 1 } 50% {opacity: .5 } } @-webkit-keyframes bounce {0%, to {transform: translateY(-25%); -webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1); animation-timing-function: cubic-bezier(.8, 0, 1, 1) } 50% {transform: translateY(0); -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1); animation-timing-function: cubic-bezier(0, 0, .2, 1) } } @keyframes bounce {0%, to {transform: translateY(-25%); -webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1); animation-timing-function: cubic-bezier(.8, 0, 1, 1) } 50% {transform: translateY(0); -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1); animation-timing-function: cubic-bezier(0, 0, .2, 1) } } .aspect-ratio-1\/1, .before\:aspect-ratio-1\/1:before {padding-bottom: 100% } .before\:aspect-ratio-6\/5:before {padding-bottom: 83.33333333333334% } .before\:aspect-ratio-5\/4:before {padding-bottom: 80% } .before\:aspect-ratio-3\/4:before {padding-bottom: 133.33333333333331% } .before\:aspect-ratio-4\/5:before {padding-bottom: 125% } .before\:aspect-ratio-13\/12:before {padding-bottom: 92.3076923076923% } .before\:aspect-ratio-17\/20:before {padding-bottom: 117.64705882352942% } .before\:aspect-ratio-11\/7:before {padding-bottom: 63.63636363636363% } .before\:aspect-ratio-16\/9:before {padding-bottom: 56.25% } .before\:aspect-ratio-35\/26:before {padding-bottom: 74.28571428571428% } .before\:aspect-ratio-414\/700:before {padding-bottom: 169.08212560386474% } .before\:aspect-ratio-73\/80:before {padding-bottom: 109.58904109589041% } .before\:aspect-ratio-2\/1:before {padding-bottom: 50% } .before\:aspect-ratio-44\/32:before {padding-bottom: 72.72727272727273% } .before\:aspect-ratio-7\/10:before {padding-bottom: 142.85714285714286% } .before\:aspect-ratio-103\/77:before {padding-bottom: 74.75728155339807% } .empty-content {content: ""} .no-content {content: none } .before\:empty-content:before {content: ""} .l-quote {content: "\201C"} .r-quote {content: "\201D"} .hyphens-auto {-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto } @media (min-width:640px) {.sm\:grid-12 {display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px } [class*=grid-] .sm\:grid-12-offset-2 {margin-left: calc(16.66667% + 10px) } .sm\:grid-12-col-4 {flex-basis: calc(33.33333% - 20px); flex-grow: 0; flex-shrink: 0; margin-left: 10px; margin-right: 10px } [class*=grid-] .sm\:grid-12-offset-5 {margin-left: calc(41.66667% + 10px) } .sm\:grid-12-col-6 {flex-basis: calc(50% - 20px) } .sm\:grid-12-col-6, .sm\:grid-12-col-9 {flex-grow: 0; flex-shrink: 0; margin-left: 10px; margin-right: 10px } .sm\:grid-12-col-9 {flex-basis: calc(75% - 20px) } .sm\:grid-12-col-12 {flex-basis: calc(100% - 20px); flex-grow: 0; flex-shrink: 0; margin-left: 10px; margin-right: 10px } .sm\:grid-6 {display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px } .sm\:grid-6-col-3 {flex-basis: calc(50% - 20px) } .sm\:grid-6-col-3, .sm\:grid-6-col-4 {flex-grow: 0; flex-shrink: 0; margin-left: 10px; margin-right: 10px } .sm\:grid-6-col-4 {flex-basis: calc(66.66667% - 20px) } .sm\:grid-6-col-6 {flex-basis: calc(100% - 20px); flex-grow: 0; flex-shrink: 0; margin-left: 10px; margin-right: 10px } .sm\:numbered {color: #d1a836; font-size: 12px; line-height: 20px; font-weight: 500 } } @media (min-width:640px) and (min-width:1024px) {.sm\:numbered {font-size: 18px; line-height: 20px } } @media (min-width:640px) {.sm\:children\:inline-block>* {display: inline-block } .sm\:block {display: block } .sm\:inline {display: inline } .sm\:flex {display: flex } .sm\:hidden {display: none } .sm\:text-12 {font-size: 12px } .sm\:text-14 {font-size: 14px } .sm\:text-22 {font-size: 22px } .sm\:leading-27 {line-height: 27px } .sm\:mx-0 {margin-left: 0; margin-right: 0 } .sm\:mx-auto {margin-left: auto; margin-right: auto } .sm\:mt-0 {margin-top: 0 } .sm\:mt-12 {margin-top: 12px } .sm\:ml-12 {margin-left: 12px } .sm\:mt-25 {margin-top: 25px } .sm\:mt-40 {margin-top: 40px } .sm\:mt-60 {margin-top: 60px } .sm\:mt-190 {margin-top: 190px } .sm\:max-w-170 {max-width: 170px } .sm\:max-w-none {max-width: none } .sm\:max-w-grid-6-col-3 {max-width: calc(50% - 20px) } .sm\:px-120 {padding-left: 120px; padding-right: 120px } .sm\:pt-60 {padding-top: 60px } .sm\:pb-60 {padding-bottom: 60px } .sm\:pt-160 {padding-top: 160px } .sm\:relative {position: relative } .sm\:top-60 {top: 60px } .sm\:-top-13 {top: -13px } .sm\:children\:align-top>* {vertical-align: top } .sm\:whitespace-normal {white-space: normal } .sm\:w-120 {width: 120px } .sm\:w-auto {width: auto } .sm\:w-1\/2 {width: 50% } .sm\:w-3\/4 {width: 75% } .sm\:w-58pc {width: 58% } .sm\:before\:aspect-ratio-5\/4:before {padding-bottom: 80% } .sm\:before\:aspect-ratio-4\/5:before {padding-bottom: 125% } .sm\:before\:aspect-ratio-16\/9:before {padding-bottom: 56.25% } .sm\:before\:aspect-ratio-16\/10:before {padding-bottom: 62.5% } } @media (min-width:768px) {.md\:grid-12 {display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px } [class*=grid-] .md\:grid-12-offset-1 {margin-left: calc(8.33333% + 10px) } [class*=grid-] .md\:grid-12-offset-2 {margin-left: calc(16.66667% + 10px) } .md\:grid-12-col-3 {flex-basis: calc(25% - 20px) } .md\:grid-12-col-3, .md\:grid-12-col-4 {flex-grow: 0; flex-shrink: 0; margin-left: 10px; margin-right: 10px } .md\:grid-12-col-4 {flex-basis: calc(33.33333% - 20px) } .md\:grid-12-col-6 {flex-basis: calc(50% - 20px) } .md\:grid-12-col-6, .md\:grid-12-col-8 {flex-grow: 0; flex-shrink: 0; margin-left: 10px; margin-right: 10px } .md\:grid-12-col-8 {flex-basis: calc(66.66667% - 20px) } .md\:title-1 {font-size: 42px; line-height: 48px; letter-spacing: -2px } } @media (min-width:768px) and (min-width:1024px) {.md\:title-1 {font-size: 93px; line-height: 96px; letter-spacing: -4px } } @media (min-width:768px) {.md\:title-3 {font-size: 24px; line-height: 30px; letter-spacing: -1px } } @media (min-width:768px) and (min-width:1024px) {.md\:title-3 {font-size: 48px; line-height: 59px; letter-spacing: -2px } } @media (min-width:768px) {.md\:container {width: 100%; margin-right: auto; margin-left: auto; padding-right: 23px; padding-left: 23px } } @media (min-width:768px) and (min-width:640px) {.md\:container {max-width: 640px } } @media (min-width:768px) and (min-width:768px) {.md\:container {max-width: 768px } } @media (min-width:768px) and (min-width:1024px) {.md\:container {max-width: 1024px; padding-right: 20px; padding-left: 20px } } @media (min-width:768px) and (min-width:1440px) {.md\:container {max-width: 1440px; padding-right: 20px; padding-left: 20px } } @media (min-width:768px) {.md\:bg-light-grey-2 {background-color: #d8d8d8 } .md\:border-gold {border-color: #d1a836 } .md\:children\:not-first\:border-l>:not(:first-child) {border-left-width: 1px } .md\:block {display: block } .md\:inline-block {display: inline-block } .md\:flex {display: flex } .md\:before\:hidden:before, .md\:hidden {display: none } .md\:flex-row {flex-direction: row } .md\:flex-row-reverse {flex-direction: row-reverse } .md\:flex-col-reverse {flex-direction: column-reverse } .md\:items-center {align-items: center } .md\:self-stretch {align-self: stretch } .md\:flex-1 {flex: 1 1 0% } .md\:flex-1\/2 {flex: 1 1 50% } .md\:flex-shrink {flex-shrink: 1 } .md\:order-none {order: 0 } .md\:font-light {font-weight: 300 } .md\:text-12 {font-size: 12px } .md\:text-15 {font-size: 15px } .md\:text-18 {font-size: 18px } .md\:leading-18 {line-height: 18px } .md\:my-0 {margin-top: 0; margin-bottom: 0 } .md\:mx-0 {margin-left: 0; margin-right: 0 } .md\:mx-15 {margin-left: 15px; margin-right: 15px } .md\:mx-auto {margin-left: auto; margin-right: auto } .md\:-mx-10 {margin-left: -10px; margin-right: -10px } .md\:-mx-15 {margin-left: -15px; margin-right: -15px } .md\:-mx-21 {margin-left: -21px; margin-right: -21px } .md\:-mx-27 {margin-left: -27px; margin-right: -27px } .md\:mt-0 {margin-top: 0 } .md\:mr-0 {margin-right: 0 } .md\:ml-0 {margin-left: 0 } .md\:mt-10 {margin-top: 10px } .md\:mt-12 {margin-top: 12px } .md\:mb-12 {margin-bottom: 12px } .md\:ml-12 {margin-left: 12px } .md\:mt-16 {margin-top: 16px } .md\:mb-16 {margin-bottom: 16px } .md\:ml-18 {margin-left: 18px } .md\:mt-20 {margin-top: 20px } .md\:ml-25 {margin-left: 25px } .md\:mt-30 {margin-top: 30px } .md\:mt-35 {margin-top: 35px } .md\:mt-40 {margin-top: 40px } .md\:mb-42 {margin-bottom: 42px } .md\:mt-50 {margin-top: 50px } .md\:mb-55 {margin-bottom: 55px } .md\:mt-60 {margin-top: 60px } .md\:mb-85 {margin-bottom: 85px } .md\:mb-90 {margin-bottom: 90px } .md\:mt-120 {margin-top: 120px } .md\:children\:not-first\:mt-0>:not(:first-child) {margin-top: 0 } .md\:children\:not-first\:mt-25>:not(:first-child) {margin-top: 25px } .md\:max-w-312 {max-width: 312px } .md\:max-w-460 {max-width: 460px } .md\:max-w-627 {max-width: 627px } .md\:max-w-900 {max-width: 900px } .md\:max-w-1\/4 {max-width: 25% } .md\:opacity-50 {opacity: .5 } .md\:px-10 {padding-left: 10px; padding-right: 10px } .md\:px-21 {padding-left: 21px; padding-right: 21px } .md\:px-27 {padding-left: 27px; padding-right: 27px } .md\:px-30 {padding-left: 30px; padding-right: 30px } .md\:px-50 {padding-left: 50px; padding-right: 50px } .md\:px-65 {padding-left: 65px; padding-right: 65px } .md\:pr-0 {padding-right: 0 } .md\:pl-0 {padding-left: 0 } .md\:pr-10 {padding-right: 10px } .md\:pr-20 {padding-right: 20px } .md\:pb-55 {padding-bottom: 55px } .md\:pt-95 {padding-top: 95px } .md\:pb-120 {padding-bottom: 120px } .md\:static {position: static } .md\:relative {position: relative } .md\:text-left {text-align: left } .md\:text-center {text-align: center } .md\:uppercase {text-transform: uppercase } .md\:tracking-2 {letter-spacing: 2px } .md\:-tracking-2 {letter-spacing: -2px } .md\:tracking-fat {letter-spacing: 4.6px } .md\:align-top {vertical-align: top } .md\:whitespace-normal {white-space: normal } .md\:w-48 {width: 48px } .md\:w-160 {width: 160px } .md\:w-455 {width: 455px } .md\:w-auto {width: auto } .md\:w-1\/2 {width: 50% } .md\:w-1\/3 {width: 33.333333% } .md\:w-2\/3 {width: 66.666667% } .md\:w-3\/4 {width: 75% } .md\:transition {transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform } .md\:duration-500 {transition-duration: .5s } .md\:before\:aspect-ratio-1\/1:before {padding-bottom: 100% } .md\:before\:aspect-ratio-3\/4:before {padding-bottom: 133.33333333333331% } .md\:before\:aspect-ratio-5\/3:before {padding-bottom: 60% } } @media (min-width:1024px) {.lg\:grid-12 {display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px } [class*=grid-] .lg\:grid-12-offset-1 {margin-left: calc(8.33333% + 10px) } [class*=grid-] .lg\:grid-12-offset-2 {margin-left: calc(16.66667% + 10px) } .lg\:grid-12-col-2 {flex-basis: calc(16.66667% - 20px); flex-grow: 0; flex-shrink: 0; margin-left: 10px; margin-right: 10px } [class*=grid-] .lg\:grid-12-offset-3 {margin-left: calc(25% + 10px) } .lg\:grid-12-col-3 {flex-basis: calc(25% - 20px) } .lg\:grid-12-col-3, .lg\:grid-12-col-4 {flex-grow: 0; flex-shrink: 0; margin-left: 10px; margin-right: 10px } .lg\:grid-12-col-4 {flex-basis: calc(33.33333% - 20px) } .lg\:grid-12-col-5 {flex-basis: calc(41.66667% - 20px); flex-grow: 0; flex-shrink: 0; margin-left: 10px; margin-right: 10px } [class*=grid-] .lg\:grid-12-offset-6 {margin-left: calc(50% + 10px) } .lg\:grid-12-col-6 {flex-basis: calc(50% - 20px); flex-grow: 0; flex-shrink: 0; margin-left: 10px; margin-right: 10px } [class*=grid-] .lg\:grid-12-offset-7 {margin-left: calc(58.33333% + 10px) } .lg\:grid-12-col-7 {flex-basis: calc(58.33333% - 20px) } .lg\:grid-12-col-7, .lg\:grid-12-col-8 {flex-grow: 0; flex-shrink: 0; margin-left: 10px; margin-right: 10px } .lg\:grid-12-col-8 {flex-basis: calc(66.66667% - 20px) } .lg\:grid-12-col-11 {flex-basis: calc(91.66667% - 20px) } .lg\:grid-12-col-11, .lg\:grid-12-col-12 {flex-grow: 0; flex-shrink: 0; margin-left: 10px; margin-right: 10px } .lg\:grid-12-col-12 {flex-basis: calc(100% - 20px) } [class*=grid-] .lg\:grid-6-offset-1 {margin-left: calc(16.66667% + 10px) } .lg\:grid-6-col-2 {flex-basis: calc(33.33333% - 20px); flex-grow: 0; flex-shrink: 0; margin-left: 10px; margin-right: 10px } .lg\:grid-full-12 {display: flex; flex-wrap: wrap } [class*=grid-] .lg\:grid-full-12-offset-5 {margin-left: 41.66667% } .lg\:grid-full-12-col-7 {flex-basis: 58.33333333%; flex-grow: 0; flex-shrink: 0 } .lg\:paragraph {font-weight: 300; font-size: 16px; line-height: 30px } } @media (min-width:1024px) and (min-width:1024px) {.lg\:paragraph {font-size: 18px; line-height: 36px } } @media (min-width:1024px) {.lg\:container-full {max-width: 1600px; margin-left: auto; margin-right: auto } .lg\:container {width: 100%; margin-right: auto; margin-left: auto; padding-right: 23px; padding-left: 23px } } @media (min-width:1024px) and (min-width:640px) {.lg\:container {max-width: 640px } } @media (min-width:1024px) and (min-width:768px) {.lg\:container {max-width: 768px } } @media (min-width:1024px) and (min-width:1024px) {.lg\:container {max-width: 1024px; padding-right: 20px; padding-left: 20px } } @media (min-width:1024px) and (min-width:1440px) {.lg\:container {max-width: 1440px; padding-right: 20px; padding-left: 20px } } @media (min-width:1024px) {.lg\:bg-white {background-color: #fff } .lg\:bg-dark {background-color: #202020 } .lg\:bg-transparent {background-color: transparent } .lg\:rounded-full {border-radius: 9999px } .lg\:border-none {border-style: none } .lg\:border-t-5 {border-top-width: 5px } .lg\:block {display: block } .lg\:inline-block {display: inline-block } .lg\:flex {display: flex } .lg\:hidden {display: none } .lg\:flex-row-reverse {flex-direction: row-reverse } .lg\:flex-no-wrap {flex-wrap: nowrap } .lg\:items-start {align-items: flex-start } .lg\:items-center {align-items: center } .lg\:self-center {align-self: center } .lg\:justify-center {justify-content: center } .lg\:justify-between {justify-content: space-between } .lg\:flex-1 {flex: 1 1 0% } .lg\:order-1 {order: 1 } .lg\:order-2 {order: 2 } .lg\:font-normal {font-weight: 400 } .lg\:h-40 {height: 40px } .lg\:h-70 {height: 70px } .lg\:h-75 {height: 75px } .lg\:h-83 {height: 83px } .lg\:h-158 {height: 158px } .lg\:h-auto {height: auto } .lg\:h-screen {height: 100vh } .lg\:text-12 {font-size: 12px } .lg\:text-13 {font-size: 13px } .lg\:text-16 {font-size: 16px } .lg\:text-18 {font-size: 18px } .lg\:text-24 {font-size: 24px } .lg\:text-36 {font-size: 36px } .lg\:text-60 {font-size: 60px } .lg\:text-93 {font-size: 93px } .lg\:leading-24 {line-height: 24px } .lg\:leading-30 {line-height: 30px } .lg\:leading-55 {line-height: 55px } .lg\:leading-59 {line-height: 59px } .lg\:leading-72 {line-height: 72px } .lg\:children\:mb-60>* {margin-bottom: 60px } .lg\:mx-100 {margin-left: 100px; margin-right: 100px } .lg\:mx-auto {margin-left: auto; margin-right: auto } .lg\:-mx-65 {margin-left: -65px; margin-right: -65px } .lg\:mt-0 {margin-top: 0 } .lg\:ml-0 {margin-left: 0 } .lg\:mt-10 {margin-top: 10px } .lg\:mt-20 {margin-top: 20px } .lg\:mt-25 {margin-top: 25px } .lg\:ml-25 {margin-left: 25px } .lg\:mt-27 {margin-top: 27px } .lg\:mt-30 {margin-top: 30px } .lg\:mr-30 {margin-right: 30px } .lg\:ml-30 {margin-left: 30px } .lg\:mt-32 {margin-top: 32px } .lg\:ml-32 {margin-left: 32px } .lg\:mt-35 {margin-top: 35px } .lg\:mt-40 {margin-top: 40px } .lg\:mb-46 {margin-bottom: 46px } .lg\:mt-50 {margin-top: 50px } .lg\:ml-50 {margin-left: 50px } .lg\:mt-60 {margin-top: 60px } .lg\:mt-90 {margin-top: 90px } .lg\:mr-100 {margin-right: 100px } .lg\:mb-110 {margin-bottom: 110px } .lg\:mt-120 {margin-top: 120px } .lg\:mb-120 {margin-bottom: 120px } .lg\:mt-150 {margin-top: 150px } .lg\:mt-180 {margin-top: 180px } .lg\:mb-180 {margin-bottom: 180px } .lg\:mt-220 {margin-top: 220px } .lg\:mb-220 {margin-bottom: 220px } .lg\:mr-auto {margin-right: auto } .lg\:ml-auto {margin-left: auto } .lg\:ml-1\/5 {margin-left: 20% } .lg\:-mt-50 {margin-top: -50px } .lg\:-mt-90 {margin-top: -90px } .lg\:-ml-125 {margin-left: -125px } .lg\:children\:not-first\:mt-15>:not(:first-child) {margin-top: 15px } .lg\:children\:not-first\:ml-50>:not(:first-child) {margin-left: 50px } .lg\:max-w-335 {max-width: 335px } .lg\:max-w-460 {max-width: 460px } .lg\:max-w-500 {max-width: 500px } .lg\:max-w-575 {max-width: 575px } .lg\:max-w-lg {max-width: 1024px } .lg\:max-w-full {max-width: 100% } .lg\:overflow-visible {overflow: visible } .lg\:px-0 {padding-left: 0; padding-right: 0 } .lg\:px-20 {padding-left: 20px; padding-right: 20px } .lg\:py-25 {padding-top: 25px; padding-bottom: 25px } .lg\:px-27 {padding-left: 27px; padding-right: 27px } .lg\:px-40 {padding-left: 40px; padding-right: 40px } .lg\:py-60 {padding-top: 60px; padding-bottom: 60px } .lg\:px-65 {padding-left: 65px; padding-right: 65px } .lg\:py-100 {padding-top: 100px; padding-bottom: 100px } .lg\:px-100 {padding-left: 100px; padding-right: 100px } .lg\:px-110 {padding-left: 110px; padding-right: 110px } .lg\:pt-0 {padding-top: 0 } .lg\:pr-0 {padding-right: 0 } .lg\:pt-20 {padding-top: 20px } .lg\:pt-30 {padding-top: 30px } .lg\:pr-30 {padding-right: 30px } .lg\:pl-38 {padding-left: 38px } .lg\:pr-40 {padding-right: 40px } .lg\:pb-40 {padding-bottom: 40px } .lg\:pl-40 {padding-left: 40px } .lg\:pt-45 {padding-top: 45px } .lg\:pt-50 {padding-top: 50px } .lg\:pr-50 {padding-right: 50px } .lg\:pb-50 {padding-bottom: 50px } .lg\:pb-55 {padding-bottom: 55px } .lg\:pt-60 {padding-top: 60px } .lg\:pr-60 {padding-right: 60px } .lg\:pb-60 {padding-bottom: 60px } .lg\:pl-60 {padding-left: 60px } .lg\:pl-80 {padding-left: 80px } .lg\:pt-90 {padding-top: 90px } .lg\:pt-100 {padding-top: 100px } .lg\:pr-100 {padding-right: 100px } .lg\:pb-100 {padding-bottom: 100px } .lg\:pl-100 {padding-left: 100px } .lg\:pr-110 {padding-right: 110px } .lg\:pt-120 {padding-top: 120px } .lg\:pb-120 {padding-bottom: 120px } .lg\:pl-120 {padding-left: 120px } .lg\:pt-125 {padding-top: 125px } .lg\:pt-140 {padding-top: 140px } .lg\:pr-140 {padding-right: 140px } .lg\:pb-140 {padding-bottom: 140px } .lg\:pt-150 {padding-top: 150px } .lg\:pb-150 {padding-bottom: 150px } .lg\:pt-160 {padding-top: 160px } .lg\:pb-160 {padding-bottom: 160px } .lg\:pb-180 {padding-bottom: 180px } .lg\:pb-220 {padding-bottom: 220px } .lg\:children\:not-first\:pl-50>:not(:first-child) {padding-left: 50px } .lg\:absolute {position: absolute } .lg\:relative {position: relative } .lg\:top-0 {top: 0 } .lg\:right-0 {right: 0 } .lg\:bottom-0 {bottom: 0 } .lg\:left-0 {left: 0 } .lg\:right-30 {right: 30px } .lg\:top-220 {top: 220px } .lg\:left-auto {left: auto } .lg\:-bottom-75 {bottom: -75px } .lg\:-right-55 {right: -55px } .lg\:-bottom-55 {bottom: -55px } .lg\:-bottom-35 {bottom: -35px } .lg\:-top-20 {top: -20px } .lg\:right-1\/8 {right: 12.5% } .lg\:right-95\/100 {right: 95% } .lg\:bottom-25\/150 {bottom: 16.67% } .lg\:text-left {text-align: left } .lg\:text-center {text-align: center } .lg\:text-dark-grey-2 {color: #28282c } .lg\:text-black {color: #000 } .lg\:text-gold {color: #d1a836 } .lg\:normal-case {text-transform: none } .lg\:-tracking-4 {letter-spacing: -4px } .lg\:-tracking-2 {letter-spacing: -2px } .lg\:align-bottom {vertical-align: bottom } .lg\:w-40 {width: 40px } .lg\:w-70 {width: 70px } .lg\:w-75 {width: 75px } .lg\:w-83 {width: 83px } .lg\:w-110 {width: 110px } .lg\:w-158 {width: 158px } .lg\:w-180 {width: 180px } .lg\:w-220 {width: 220px } .lg\:w-360 {width: 360px } .lg\:w-550 {width: 550px } .lg\:w-670 {width: 670px } .lg\:w-auto {width: auto } .lg\:w-1\/2 {width: 50% } .lg\:w-2\/3 {width: 66.666667% } .lg\:w-3\/5 {width: 60% } .lg\:w-4\/5 {width: 80% } .lg\:w-full {width: 100% } .lg\:before\:aspect-ratio-1\/1:before {padding-bottom: 100% } .lg\:before\:aspect-ratio-3\/4:before {padding-bottom: 133.33333333333331% } .lg\:before\:aspect-ratio-16\/10:before {padding-bottom: 62.5% } } @media (min-width:1440px) {[class*=grid-] .xl\:grid-12-offset-1 {margin-left: calc(8.33333% + 10px) } .xl\:grid-12-col-3 {flex-basis: calc(25% - 20px) } .xl\:grid-12-col-3, .xl\:grid-12-col-5 {flex-grow: 0; flex-shrink: 0; margin-left: 10px; margin-right: 10px } .xl\:grid-12-col-5 {flex-basis: calc(41.66667% - 20px) } .xl\:grid-12-col-6 {flex-basis: calc(50% - 20px); flex-grow: 0; flex-shrink: 0; margin-left: 10px; margin-right: 10px } [class*=grid-] .xl\:grid-12-offset-7 {margin-left: calc(58.33333% + 10px) } .xl\:grid-12-col-7 {flex-basis: calc(58.33333% - 20px) } .xl\:grid-12-col-7, .xl\:grid-6-col-3 {flex-grow: 0; flex-shrink: 0; margin-left: 10px; margin-right: 10px } .xl\:grid-6-col-3 {flex-basis: calc(50% - 20px) } .xl\:grid-full-12-col-5 {flex-basis: 41.66666667%; flex-grow: 0; flex-shrink: 0 } [class*=grid-] .xl\:grid-full-12-offset-7 {margin-left: 58.33333% } .xl\:container {width: 100%; margin-right: auto; margin-left: auto; padding-right: 23px; padding-left: 23px } } @media (min-width:1440px) and (min-width:640px) {.xl\:container {max-width: 640px } } @media (min-width:1440px) and (min-width:768px) {.xl\:container {max-width: 768px } } @media (min-width:1440px) and (min-width:1024px) {.xl\:container {max-width: 1024px; padding-right: 20px; padding-left: 20px } } @media (min-width:1440px) and (min-width:1440px) {.xl\:container {max-width: 1440px; padding-right: 20px; padding-left: 20px } } @media (min-width:1440px) {.xl\:bg-dark {background-color: #202020 } .xl\:inline-block {display: inline-block } .xl\:text-13 {font-size: 13px } .xl\:text-120 {font-size: 120px } .xl\:leading-24 {line-height: 24px } .xl\:leading-108 {line-height: 108px } .xl\:mx-auto {margin-left: auto; margin-right: auto } .xl\:mt-0 {margin-top: 0 } .xl\:ml-40 {margin-left: 40px } .xl\:mt-50 {margin-top: 50px } .xl\:max-w-540 {max-width: 540px } .xl\:max-w-775 {max-width: 775px } .xl\:px-0 {padding-left: 0; padding-right: 0 } .xl\:px-60 {padding-left: 60px; padding-right: 60px } .xl\:px-160 {padding-left: 160px; padding-right: 160px } .xl\:pr-65 {padding-right: 65px } .xl\:pl-65 {padding-left: 65px } .xl\:pr-80 {padding-right: 80px } .xl\:pt-90 {padding-top: 90px } .xl\:pl-100 {padding-left: 100px } .xl\:pl-120 {padding-left: 120px } .xl\:pr-140 {padding-right: 140px } .xl\:pb-150 {padding-bottom: 150px } .xl\:pr-180 {padding-right: 180px } .xl\:right-0 {right: 0 } .xl\:w-550 {width: 550px } .xl\:w-810 {width: 810px } .xl\:w-1\/2 {width: 50% } .xl\:w-1\/3 {width: 33.333333% } .xl\:w-2\/3 {width: 66.666667% } .xl\:w-3\/4 {width: 75% } .xl\:w-39pc {width: 39% } } @media (max-width:639px) {.xs-only\:grid-12 {display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px } .xs-only\:grid-12-col-6 {flex-basis: calc(50% - 20px); flex-grow: 0; flex-shrink: 0; margin-left: 10px; margin-right: 10px } [class*=grid-] .xs-only\:grid-6-offset-1 {margin-left: calc(16.66667% + 10px) } .xs-only\:hidden {display: none } .xs-only\:children\:not-first\:mt-70>:not(:first-child) {margin-top: 70px } .xs-only\:px-20 {padding-left: 20px; padding-right: 20px } .xs-only\:w-full {width: 100% } } @media (min-width:640px) and (max-width:767px) {.sm-only\:mx-auto {margin-left: auto; margin-right: auto } .sm-only\:mt-40 {margin-top: 40px } } @media (min-width:768px) and (max-width:1023px) {.md-only\:mx-auto {margin-left: auto; margin-right: auto } } @media (min-width:1024px) and (max-width:1439px) {.lg-only\:px-20 {padding-left: 20px; padding-right: 20px } } * {box-sizing: border-box; outline: 0 } html {-webkit-overflow-scrolling: touch; overflow-x: hidden } body, html {position: relative; width: 100%; padding: 0; margin: 0 } body {height: 100%; -webkit-touch-callout: none; -moz-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; font-family: Poppins, sans-serif; font-weight: 400; color: #202020; background-color: #f9f9f9 } #site-content>div {width: 100%; overflow: hidden } #root>* {display: inline-block; width: 100% } #__bs_notify__, .xdebug-error, pre {font-size: 14px !important; line-height: 1.4em !important; color: #000 } i {font-style: inherit } .fit, .manual-fit {position: absolute; width: auto; max-width: none !important; height: auto; max-height: none } button, button:focus {outline: 0 } html.page-transition-close #root>* {visibility: hidden; position: absolute; top: 0; left: 0; width: 100% } html.page-transition-close #root>:first-child, html.page-transition-open #root>* {visibility: visible; position: relative } html.page-transition-open #root>:first-child {visibility: hidden; position: absolute; top: 0; left: 0; width: 100% } @font-face {font-family: icons; src: url(assets/fonts/icons.eot); src: url(assets/fonts/icons.eot?#iefix) format("embedded-opentype"), url(assets/fonts/icons.ttf) format("truetype"), url(assets/fonts/icons.svg) format("svg") } del {color: #d1a836; } ins {text-decoration: none; } .module-hero {position: relative; width: 100%; overflow: hidden } .module-hero .gradient-overlay:after {content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(230deg, transparent 36%, rgba(0, 0, 0, .45)) } .module-hero .gradient-overlay:before {content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 222px; background-image: linear-gradient(0deg, #202020 37%, rgba(32, 32, 32, 0) 96%) } @media (min-width:1024px) {.module-hero .gradient-overlay:before {display: none } } .module-hero .background-image img {will-change: transform; transform: translateZ(0) } @media (min-width:1024px) {.module-hero .title p:nth-of-type(2) {margin-left: 8% } .module-hero .title p:nth-of-type(3) {margin-left: 4% } } @media (min-width:1024px) {.module-product-categories .slide:nth-of-type(4n+3) .slide-inner, .module-product-categories .slide:nth-of-type(4n+3)+* .slide-inner {padding-left: 55px } } .module-image-inner_text-cta .overlay:after {content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(0deg, #000 23%, rgba(32, 32, 32, 0) 87%) } @media (min-width:1024px) {.module-image-inner_text-cta .overlay:after {background-image: none; background-color: #3d3a3a; opacity: .3 } } .module-image-inner_text-cta .content p br {display: none } .module.module-product .product-thumb-shadow {border-radius: 10px; box-shadow: 20px 10px 40px 0 rgba(85, 71, 28, .5) } .module.module-product .image-product {top: -15%; left: -15%; width: 130%; height: 130% } .module-video .img-overlay {background-color: rgba(0, 0, 0, .2) } .module-video button .icon {transition: opacity .2s linear } html.notouch .module-video button:hover .icon {opacity: .8 } .module-video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100% } .module-testimonials+.module-featured_articles {margin-top: -60px } .module-testimonials+.module-featured_articles .partial-3-cards {padding-top: 60px } @media (min-width:1024px) {.module-testimonials+.module-featured_articles {margin-top: -60px } .module-testimonials+.module-featured_articles .partial-3-cards {padding-top: 120px } } .module-testimonials+.module>* {padding-top: 0 } @media (min-width:1024px) {.module-testimonials+.module>* {padding-top: 60px } } .module-text:first-child>* {padding-top: 0 } .svg-fit svg {width: 100%; height: 100% } .format-link a {text-decoration: underline } .format-link a:hover {color: #d1a836 } .module-features .feature-accordion .accordion-svg svg {height: 100%; width: 100%; margin: 0 auto } .module-features .feature-accordion .accordion-svg svg [fill]:not([fill=none]) {fill: #d1a836 } .module-features .feature-accordion .accordion-svg svg [stroke]:not([stroke=none]) {stroke: #d1a836 } .product-hero .product-hero-image-container:before {bottom: 0; background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #f9f9f9) } div[name=link] svg circle {stroke-dasharray: 278 } #main-footer .logo_container img {max-width: 214px } @media (max-width:639px) {#main-footer .bottom .links {max-width: 317px } } #main-nav {width: 100% } #main-nav .menu-bar.opaque+.menu-bar-background, html.notouch #main-nav .menu-bar:hover+.menu-bar-background {opacity: 1 } #main-nav .menu-bar-background {transition-property: opacity; transition-timing-function: linear; transition-duration: .2s; background-color: #202020; opacity: 0 } #main-nav .menu-item.active-menu-item {color: #d1a836 } #main-nav .first-level-menu .menu-item a {position: relative } #main-nav .first-level-menu .menu-item a:before {position: absolute; content: ""; width: 4px; height: 4px; display: block; opacity: 0; border-radius: 50%; left: 50%; transform: translateX(-50%); bottom: -4px; background-color: #d1a836; transition: opacity .3s cubic-bezier(.23, 1, .32, 1) } @media (min-width:1024px) {#main-nav .first-level-menu .menu-item a:before {width: 10px; height: 10px; bottom: -13px } } #main-nav.opened .first-level-menu .menu-item a.active:before {opacity: 1 } #main-nav .toggler {height: 20px } #main-nav .toggler span {height: 2px; width: 20px; display: block; background-color: #fff } #main-nav .toggler span+span {margin-top: 5px } #main-nav .toggler.toggler-close span:first-child {transform: rotate(45deg) } #main-nav .toggler.toggler-close span:last-child {transform: rotate(-45deg); margin-top: -2px } #main-nav .toggler.toggler-close span:nth-child(2) {display: none } #main-nav.header-light-mode svg path {fill: #202020 } #main-nav.header-light-mode .icon-loupe, #main-nav.header-light-mode .menu-bar {color: #202020 } #main-nav.header-light-mode .toggler span {background-color: #202020 } #main-nav.header-light-mode .toggler.toggler-close span {background-color: #fff } #main-nav.header-light-mode .menu-bar {transition: border-color .2s linear; border-bottom: 1px; border-color: transparent; border-style: solid } #main-nav.header-light-mode .menu-bar.opaque, html.notouch #main-nav.header-light-mode .menu-bar:hover {border-color: #d8d8d8 } #main-nav.header-light-mode .menu-bar-background, #main-nav.header-light-mode .menu-bar.opaque+.menu-bar-background, html.notouch #main-nav.header-light-mode .menu-bar:hover+.menu-bar-background {background-color: #f9f9f9 } a.login-button {width: 30px; min-height: 35px; position: relative; cursor: pointer; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; align-content: flex-start; justify-content: space-around; } a.login-button:hover svg {filter: invert(85%) sepia(18%) saturate(1861%) hue-rotate(344deg) brightness(89%) contrast(82%) !important; } nav:not(.header-light-mode) a.login-button svg {filter: invert(91%) sepia(100%) saturate(30%) hue-rotate(193deg) brightness(107%) contrast(99%); } a.cart-button {width: 30px; min-height: 35px; position: relative; cursor: pointer; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; align-content: flex-start; justify-content: space-around; } a.cart-button span.bag-icon {width: 29px; height: 34px; display: block; z-index: 1; text-indent: -999px; overflow: hidden; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 40'%3E%3Cpath d='M33.1 10.2h-8V7.9C25 3.5 21.4 0 17 0c-4.4 0-8 3.5-8 7.9v2.3H1c-.5 0-.9.4-.9.9v24.4C0 38 2.1 40 4.6 40h24.7c2.6 0 4.6-2 4.6-4.5V11.1c.1-.5-.3-.9-.8-.9zM10.8 7.9c0-3.4 2.8-6.1 6.2-6.1 3.4 0 6.2 2.7 6.2 6.1v2.3H10.8V7.9zm21.3 27.6c0 1.5-1.2 2.7-2.8 2.7H4.6c-1.5 0-2.8-1.2-2.8-2.7V12H9v1.1c0 .5.4.9.9.9s.9-.4.9-.9V12h12.4v1.2c0 .5.4.9.9.9s.9-.4.9-.9V12h7.1v23.5z'/%3E%3C/svg%3E"); mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 40'%3E%3Cpath d='M33.1 10.2h-8V7.9C25 3.5 21.4 0 17 0c-4.4 0-8 3.5-8 7.9v2.3H1c-.5 0-.9.4-.9.9v24.4C0 38 2.1 40 4.6 40h24.7c2.6 0 4.6-2 4.6-4.5V11.1c.1-.5-.3-.9-.8-.9zM10.8 7.9c0-3.4 2.8-6.1 6.2-6.1 3.4 0 6.2 2.7 6.2 6.1v2.3H10.8V7.9zm21.3 27.6c0 1.5-1.2 2.7-2.8 2.7H4.6c-1.5 0-2.8-1.2-2.8-2.7V12H9v1.1c0 .5.4.9.9.9s.9-.4.9-.9V12h12.4v1.2c0 .5.4.9.9.9s.9-.4.9-.9V12h7.1v23.5z'/%3E%3C/svg%3E"); background: #fff; } a.cart-button div.cart-totals {border-radius: 3px; color: #fff; font-size: 14px; font-weight: 600; height: 28px; width: 34px; position: absolute; top: 8px; z-index: 0; display: flex; flex-direction: row; align-items: center; justify-content: center; } a.cart-button:active span.bag-icon, a.cart-button:hover span.bag-icon {background: #d1a836 !important; } a.cart-button:active div.cart-totals, a.cart-button:hover div.cart-totals {color: #d1a836 !important; } .header-light-mode a.cart-button span.bag-icon {background: rgba(0, 0, 0, 0.6); } .header-light-mode a.cart-button div.cart-totals {color: rgba(0, 0, 0, 0.9); } .product.woocommerce.add_to_cart_inline {font-size: 15px; border: 0 none !important; } .product.woocommerce.add_to_cart_inline>.btn.product_type_simple.add_to_cart_button {display: table; width: auto; margin: 10px auto 0; } .woocommerce-notices-wrapper, .woocommerce-error {max-width: 650px; position: fixed; bottom: 5%; z-index: 9999; right: 0; left: 0; margin: 0 auto !important; box-shadow: 0 0 3px #888; } .woocommerce-message, .woocommerce-error {margin: 0; line-height: 35px; } .woocommerce-message .close-button, .woocommerce-error .close-button {position: absolute; right: -12px; top: -16px; cursor: pointer; background: white; padding: 7px; border-radius: 27px; box-shadow: 0 0 3px #888; line-height: 14px; } .express-one-page-checkout-main::after {content: ''; display: block; clear: both; } div.product-hero .price {float: left; } div.product-hero form.cart {display: flex; } div.product-hero .quantity .qty {border: 1px solid #999; height: 62px; text-align: center; width: 62px; padding: 5px; border-radius: 3px } .pro_cat {font-size: 0 } .woocommerce input:not([type="radio"]):not([type="checkbox"]):not(#newsletter-email):not(.border-none), .woocommerce textarea {border: 1px solid #999; min-height: 38px;padding: 6px;border-radius: 4px; } .is-cart button:not(.qib-button), .is-cart .button:not(.qib-button), .is-checkout button:not(.qib-button), .is-checkout .button:not(.qib-button) {padding: .680em 1em !important; font-weight: 600 !important; border-radius: 0 !important; ; color: #fff !important; min-height: 38px; background-color: #d1a836 !important; text-transform: uppercase; border-radius: 3px !important; } .woocommerce a.remove {color: #d9d9d8 !important; font-weight: 400 !important; border: 2px solid #d9d9d8; height: 1.2em; width: 1.2em; font-size: 24px; line-height: 26px; } .woocommerce a.remove:hover {color: #fff !important; background: #d1a836 !important; border: 2px solid #d1a836; } .woocommerce h1, .woocommerce h2, .woocommerce h3, .woocommerce h4, .woocommerce h5, .woocommerce h6 {letter-spacing: 0; text-transform: uppercase; } .is-cart .cart thead tr th {text-transform: uppercase; font-weight: 500 !important; padding: 12px 12px !important; } .is-cart table.cart td.actions .input-text, .is-cart table.cart td.actions .input-text {width: 200px !important; } .is-cart .cart_totals h2 {font-size: 20px; text-align: center; background: #eee; border: 1px solid #dcdcdc; } .qib-button-wrapper button.qib-button {padding: 6px 12px 8px; height: 41px; background: #ffffff; border: 1px solid #efefef; cursor: pointer; font-size: 20px; line-height: 20px; width: 41px; color: black; height: 41px; } .qib-button-wrapper .quantity {display: inline; } .qib-button-wrapper {margin: 3px auto; white-space: nowrap; } .qib-button-wrapper button.qib-button, .qib-button-wrapper div.quantity.wqpmb_quantity {float: none !important; height: 41px; } span.wqpmb_plain_input.hidden {display: none; } body.cart tr.woocommerce-cart-form__cart-item.cart_item .quantity.wqpmb_quantity, .quantity.wqpmb_quantity {display: inline-flex; } body.single-product .qib-button.qib-button-wrapper {display: inline-block; float: left; margin-right: 5px; } body.cart tr.woocommerce-cart-form__cart-item.cart_item .qib-button-wrapper {margin: inherit; } .woocommerce div.product form.cart .qib-button-wrapper div.quantity {margin-right: 0; margin: 0; } .qib-button-wrapper input::-webkit-outer-spin-button, .qib-button-wrapper input::-webkit-inner-spin-button {-webkit-appearance: none; -moz-appearance: none; margin: 0; } .qib-button-wrapper input[type=number] {-moz-appearance: textfield; } .is-checkout h3 {width: 100%; height: auto; line-height: 21px; text-align: left; padding: 10px !important; background-color: #f9f9f9; border-left: 4px solid #d1a836; margin-bottom: 12px !important; margin-top: 10px !important; text-transform: uppercase; display: inline-block; color: #000; font-size: 16px !important; font-weight: 500; letter-spacing: 0; box-sizing: border-box; } .is-checkout table.cart td.actions .input-text {min-width: 200px; } .is-checkout .select2-container .select2-selection--single .select2-selection__rendered {line-height: 50px !important; } .is-checkout span.select2-selection.select2-selection--single {border: 1px solid #ccc; height: 50px !important; background: #fff; border-radius: 5px; margin-top: 6px; } .is-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {height: 60px !important; } .is-checkout form .form-row {margin: 0 0 5px; } .is-checkout #payment #place_order {float: none; margin-top: 15px; width: 100%; line-height: 40px; font-size: 25px; } nav.header-light-mode .custom-logo-link {filter: invert(); } .term-description {display: none; } .error404_page .page-title {margin-bottom: 40px; } .error404_page {padding-top: 185px; width: 100%; max-width: 800px; margin: auto; text-align: center; margin-bottom: 30px; } .error404_page header img {width: 50px; } .single-product .wpb_text_column.wpb_content_element {max-width: 1440px; margin: 0 auto 50px; text-align: justify; padding: 0 20px } .vc_column_container>.vc_column-inner {padding-left: 0 !important; padding-right: 0 !important; } .hideme {display: none; } .bund_stst {padding: 40px 0; } @media(min-width:991px) {.title-2 {font-size: 50px !important; } .title-3 {font-size: 25px !important; } } /* Change WC Acct Page Column Widths */ @media only screen and (min-width: 769px) {.woocommerce-account .woocommerce-MyAccount-navigation {width: 22%; } .woocommerce-account .woocommerce-MyAccount-content {width: 75%; } } /* Style WC Account Endpoint Links */ nav.woocommerce-MyAccount-navigation ul {list-style-type: none; padding-left: 0; max-width: 200px; font-size: 17px; line-height: 26px; } nav.woocommerce-MyAccount-navigation ul li {padding: 8px 20px; background-color: rgba(0, 0, 0, 0.05); border-bottom: 1px solid rgba(0, 0, 0, 0.05); } nav.woocommerce-MyAccount-navigation ul li.is-active {background-color: rgba(0, 0, 0, 0.1); } nav.woocommerce-MyAccount-navigation ul li.is-active a {color: rgba(0, 0, 0, 0.8); cursor: default; } nav.woocommerce-MyAccount-navigation ul li.is-active:after {content: ""; height: 0; width: 0; border-top: 20px solid transparent; border-left: 14px solid rgba(0, 0, 0, 0.1); border-bottom: 20px solid transparent; float: right; margin-right: -34px; margin-top: -7px; } nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover {background-color: rgba(0, 0, 0, 0.07); } nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover:after {content: ""; height: 0; width: 0; border-top: 20px solid transparent; border-left: 14px solid rgba(0, 0, 0, 0.07); border-bottom: 20px solid transparent; float: right; margin-right: -34px; margin-top: -7px; } .woocommerce-MyAccount-content p {line-height: 35px; font-size: 18px; } nav.woocommerce-MyAccount-navigation ul {max-width: 100% !important; line-height: 40px !important; } nav.woocommerce-MyAccount-navigation ul li.is-active:after {border-top: 28px solid transparent !important; border-bottom: 28px solid transparent !important; } nav.woocommerce-MyAccount-navigation ul li.is-active:after {border-top: 28px solid transparent !important; border-bottom: 28px solid transparent !important; } nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover:after {border-top: 28px solid transparent !important; border-bottom: 28px solid transparent !important; } .woocommerce table.my_account_orders td {padding: 8px 16px !important; } .woocommerce table.my_account_orders th {padding: 16px 16px !important; } .woocommerce table.shop_table {border-collapse: collapse !important; } .woocommerce table.my_account_orders th {background-color: #e5e5e5; } .woocommerce table.my_account_orders .button {margin-right: 5px; } .woocommerce a.button {padding: 10px 20px !important; } .woocommerce-info {border-top-color: #d1a836 !important; } .woocommerce-info::before {color: #d1a836; } .woocommerce-Address-title.title h3 {font-size: 25px; text-transform: uppercase !important; } .woocommerce-table__product-name.product-name a {color: #d1a836; } .woocommerce-order-details h2, .woocommerce-customer-details h2 {font-size: 30px; } .vc_column-inner::after, .vc_column-inner::before {display: none !important; } #customer_login {background: #f9f9f9; padding: 40px; } #customer_login .u-column1 {background-color: #fff; padding: 35px; border-radius: 10px; } #customer_login h2 {margin: 0 0 10px 0; letter-spacing: 1px; color: #cfa43b; font-size: 1.625rem; } #customer_login div form label, #customer_login div form p, .woocommerce-LostPassword.lost_password {letter-spacing: 1px; color: #1b1b1b !important; } .woocommerce form .form-row label {font-weight: normal !important; } #customer_login div form input {background: transparent; color: #1b1b1b; letter-spacing: 1px; border-color: #3c3f4e; padding: 15px 20px 10px 15px; -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; } #customer_login div form button, .lost_reset_password p button {margin: 15px 0; padding: 20px 45px 20px 45px !important; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); border-radius: 0 !important; background-color: #cfa43b !important; color: #0a0a0a !important; font-weight: normal !important; } .woocommerce-form-login__submit, .lost_reset_password p button:hover {background-color: transparent !important; color: #cfa43b !important; font-weight: normal !important; } #customer_login div form label, #customer_login div form p, {letter-spacing: 1px; color: #1b1b1b !important; } #customer_login .u-column2 {padding: 36px 25px 25px 25px; } .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {display: block !important; } .woocommerce form.login, .woocommerce form.register {border: none !important; } .woocommerce-LostPassword.lost_password a {color: #1b1b1b; } .woocommerce form.login, .woocommerce form.register {padding: 0 !important; margin: 0 !important; } .woocommerce-privacy-policy-text p a {text-decoration: underline; } .articles .opacity-25{display: none;} .search-category-content .faq_type picture,.search-category-content  .type-page picture {display: none;}.shipping-calculator-button{cursor:pointer;}.wpcf7 .callback-message{display: none;}.oh-baby-menu-wrapper{margin-left:25px;}@media (min-width: 1024px){.oh-baby-menu-wrapper{margin-left:50px;}}.menu-close-wrapper{right:30px;position:absolute;}#kl_newsletter_checkbox_field input[type=checkbox]{appearance: auto !important;-webkit-appearance: checkbox !important;-moz-appearance: auto !important;}.klaviyo-form-VcvNsZ form {overflow: visible !important;}.klaviyo-form-VcvNsZ #downshift-0-menu {max-height: 200px !important;}.klaviyo-form-VcvNsZ .DropdownComponents__DropdownField-sc-1mxqjnw-2 {-webkit-appearance: none !important;}.kl_newsletter_checkbox_field .optional {visibility: hidden !important;}

.Climax-sec-title .container > div{ width:100% !important; }
.Climax-sec-title{background-color: #000 !important;}
.Climax-sec-title .container h3{color:#fff;}
.Climax-sec-title h4{font-size:25px; line-height: 30px;}
.tabsec_newpage .vc_column-inner{padding-top: 0 !important;}
.tabsec_newpage .bg-light-grey{padding-top: 0 !important;}
.tabsec_newpage .container{
	padding-top: 0 !important; padding-bottom: 0 !important;
}
.bulpointsWrap{max-width: 410px !important; margin: auto !important;}
.bulpointsWrap ol{ list-style:lower-hexadecimal !important; }
.bulpointsWrap li{
	margin: 0 0 20px 0 !important; position: relative; padding-left: 12px;
}
.bulpointsWrap li::marker {
  color: #f6bf3f; position: absolute; left: 0; top: 0; font-size: 23px; font-weight: bolder;
}
.sec-2 .vc_column-inner{padding-top: 0;}

.max-800{max-width: 800px; width: 100%; margin: auto;}

@media(max-width:768px){
	.Climax-sec-title h4{font-size:14px; line-height: 19px;}
}