.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.wrapper.main {
    margin-top: 0;
    padding: 0
}

.hero {
    position: relative;
    text-align: center
}

.hero h1 {
    margin-bottom: 1rem;
    line-height: 1.2
}

.hero .hero-banner {
    position: relative
}

.hero .hero-banner img,
.hero .hero-banner picture {
    display: block;
    width: 100%
}

.hero .hero-banner a.banner-img-wrapper:before {
    display: block;
    position: relative;
    content: "";
    width: 100%;
    height: 0;
    padding-top: 110.416666667%
}

.hero .hero-banner a.banner-img-wrapper picture {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.hero .hero-copy {
    position: relative;
    text-align: center;
    background-color: #fff;
    margin: -7rem 1rem 2rem;
    -webkit-box-shadow: 0 2px 3px rgba(80, 80, 80, .5);
    box-shadow: 0 2px 3px rgba(80, 80, 80, .5)
}

.hero .hero-copy.hero-copy-classic h1 {
    font-size: 1.875rem
}

.hero .hero-copy .product-opts,
.hero .hero-copy .product-price {
    padding: 2rem 1.5rem
}

.hero .hero-copy .product-opts .opt {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 1rem
}

.hero .hero-copy .product-opts .opt>span {
    display: none
}

.hero .hero-copy .product-opts .opt>select {
    -webkit-flex-basis: 100%;
    flex-basis: 100%
}

.hero .hero-copy .product-price {
    background-color: #f4f4f4;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.hero .hero-copy .product-price .price {
    color: #1f2e3b;
    font-size: 1.25rem;
    font-weight: 700
}

.hero .hero-copy .product-price .price-desc {
    font-size: .875rem;
    white-space: nowrap
}

.hero .hero-copy .product-price .btn {
    margin-top: 1.5rem
}

.hero .hero-copy h1 {
    font-weight: 500;
    letter-spacing: 0;
    font-size: 2.25rem
}

.hero .hero-copy p {
    margin-bottom: 1.75rem
}

.how-to-steps>p {
    max-width: 45rem;
    padding: 1rem;
    margin-left: auto;
    margin-right: auto
}

.how-to-steps ol {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.how-to-steps ol li {
    padding-left: 4.5em;
    margin: 1rem auto;
    max-width: 400px;
    background-position: left .5em;
    -webkit-background-size: 3.5em 3.5em;
    background-size: 3.5em 3.5em;
    background-repeat: no-repeat
}

.how-to-steps ol li.product {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231f2e3b' viewBox='0 0 48 48'%3E%3Cpath d='M32.1 15.3c-2.6-1.8-3-2-3.7-2-.3-.1-.5-.1-.6.3-.2.7-1.1 2.9-3.8 3-2.7-.1-3.7-2.4-3.8-3-.1-.4-.2-.4-.6-.3-.7.1-1.1.2-3.7 2-1.5 1-3.5 3.1-3.5 3.1l3.7 4s1.8-1 1.8-1.2v12.5c0 .6.4 1 1 1h10.2c.6 0 1-.4 1-1V21.3c0 .2 1.8 1.2 1.8 1.2l3.7-4s-2.1-2.2-3.5-3.2z'/%3E%3Cpath d='M24 .5V1c6.4 0 12.1 2.6 16.3 6.7C44.4 11.9 47 17.6 47 24s-2.6 12.1-6.7 16.3C36.1 44.4 30.4 47 24 47s-12.1-2.6-16.3-6.7C3.6 36.1 1 30.4 1 24S3.6 11.9 7.7 7.7C11.9 3.6 17.6 1 24 1V0C10.7 0 0 10.7 0 24s10.7 24 24 24 24-10.7 24-24S37.3 0 24 0v.5z'/%3E%3C/svg%3E")
}

.how-to-steps ol li.customize {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231f2e3b' viewBox='0 0 48 48'%3E%3Cpath d='M24 .5V1c6.4 0 12.1 2.6 16.3 6.7C44.4 11.9 47 17.6 47 24s-2.6 12.1-6.7 16.3C36.1 44.4 30.4 47 24 47s-12.1-2.6-16.3-6.7C3.6 36.1 1 30.4 1 24S3.6 11.9 7.7 7.7C11.9 3.6 17.6 1 24 1V0C10.7 0 0 10.7 0 24s10.7 24 24 24 24-10.7 24-24S37.3 0 24 0v.5z'/%3E%3Cpath d='M35.4 14.1c-.4 1.4-1.3 2.6-2.2 3.7-2.2 2.8-4.7 5.4-7.2 7.9-.3.3-.6.5-1 .4-.2-.1-.4-.2-.5-.3-.5-.5-1.1-1-1.6-1.6-.5-.5-.5-1 0-1.5l1.2-1.2c2.2-2.2 4.5-4.3 7-6.2.8-.6 1.6-1.2 2.6-1.7.3-.2.6-.3 1-.4.5-.1.7 0 .9.4-.2.2-.2.3-.2.5zM12.6 33.8c1.5-.9 2.5-2.2 2.9-3.9.1-.5.3-1 .6-1.5.7-.9 1.7-1.3 2.7-1 1.1.3 1.9 1.3 2.1 2.4.1 1.1-.3 2.1-1 2.9-1.9 2.2-4.8 2.7-7.3 1.1 0 .1 0 .1 0 0 0 .1 0 .1 0 0zm9.1-4.9c-.1-.1-.2-.1-.3-.2-.5-.5-1-.9-1.4-1.4-.2-.2-.2-.4 0-.6.5-.7 1.1-1.4 1.6-2.2.2-.3.5-.3.7 0l1.9 1.9c.2.2.2.5 0 .7-.7.6-1.5 1.1-2.2 1.7-.1 0-.2 0-.3.1z'/%3E%3C/svg%3E")
}

.how-to-steps ol li.checkout {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231f2e3b' viewBox='0 0 48 48'%3E%3Cpath d='M24 .5V1c6.4 0 12.1 2.6 16.3 6.7C44.4 11.9 47 17.6 47 24s-2.6 12.1-6.7 16.3C36.1 44.4 30.4 47 24 47s-12.1-2.6-16.3-6.7C3.6 36.1 1 30.4 1 24S3.6 11.9 7.7 7.7C11.9 3.6 17.6 1 24 1V0C10.7 0 0 10.7 0 24s10.7 24 24 24 24-10.7 24-24S37.3 0 24 0v.5z'/%3E%3Cpath d='M18.5 29.3c-1.2 0-2.1.9-2.1 2.1 0 1.2.9 2.1 2.1 2.1s2.1-.9 2.1-2.1-.9-2.1-2.1-2.1zm8.6 0c-1.2 0-2.1.9-2.1 2.1 0 1.2.9 2.1 2.1 2.1s2.1-.9 2.1-2.1c-.1-1.2-1-2.1-2.1-2.1zm10-14.8H33c-.5-.1-1 .3-1.2.8l-.9 2.9h-16c-.6 0-1 .4-1 1l2.1 7.4c0 .6.5 1 1 1h12.8c.6 0 1-.4 1-1l1.9-6.8 1-3.1h3.4c.6 0 1.1-.5 1.1-1.1 0-.6-.5-1.1-1.1-1.1z'/%3E%3C/svg%3E")
}

.how-to-steps ol li.relax {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231f2e3b' viewBox='0 0 48 48'%3E%3Cpath d='M24 .5V1c6.4 0 12.1 2.6 16.3 6.7C44.4 11.9 47 17.6 47 24s-2.6 12.1-6.7 16.3C36.1 44.4 30.4 47 24 47s-12.1-2.6-16.3-6.7C3.6 36.1 1 30.4 1 24S3.6 11.9 7.7 7.7C11.9 3.6 17.6 1 24 1V0C10.7 0 0 10.7 0 24s10.7 24 24 24 24-10.7 24-24S37.3 0 24 0v.5z'/%3E%3Cpath d='M27 22.7c-.3-.3-.6-.5-.9-.8-.5-.5-.9-1-1.3-1.7-1-2.1.2-4.2 2.5-4.6.8-.1 1.8 0 2.5.3-.2.4-.4.8-.6 1.3-.1.4-.2.9-.3 1.3-.2 0-.4-.1-.6-.1h-.7c-.5.1-.6.4-.4.8.3.4.5.7.8 1 .5.4 1 .7 1.6 1.1 1.1.5 2.1 1 3.1 1.6.8.4 1.7.6 2.5.7h.6c.3-.1.4-.4.3-.6-.3-.4-.5-.7-.8-1-.1 0-.1 0-.1-.2.7-.5 1.2-1.3 1.5-2.3 1.1.9 2.1 1.8 2.2 3.4s-.9 2.9-2.5 3.3c-1 .3-2.1.1-3.1-.2-.1 0-.1 0-.2-.1-.4-.2-.7 0-1 .3-1.7 1.7-3.4 3.5-5.2 5.2-.9.9-1.9 1.2-3.2 1.2-4.3.1-8.7.1-13 .2-.9 0-1.6-.7-1.6-1.6s.7-1.6 1.6-1.6h2.4c.2 0 .4 0 .5-.3.7-1.3 1.4-2.6 2.4-3.8.3-.4.7-.8 1.1-1.1.7-.4 1.4-.5 2.1-.1 1.3.7 2.7 1.3 4 2 .1 0 .3.1.3 0v-.1c1.3-1.2 2.4-2.4 3.5-3.5zm-9.9 6.7c1.9 0 3.7 0 5.5-.1-1.3-.8-2.5-1.4-3.9-2.1h-.2c-.5.8-.9 1.4-1.4 2.2z'/%3E%3Cpath d='M31.5 21.1c-1.6-.8-2.2-2.8-1.3-4.2.9-1.6 2.7-2.1 4.2-1.3s2.1 2.7 1.3 4.2c-.9 1.6-2.8 2.2-4.2 1.3z'/%3E%3C/svg%3E")
}

.how-to-steps ol li h3 {
    font-size: 1rem
}

.how-to-steps ol li p {
    font-size: .875rem
}

.catalog-categories {
    margin-top: 2rem;
    margin-left: -1rem;
    margin-right: -1rem;
    overflow: auto hidden
}

.catalog-categories ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.catalog-categories ul li {
    min-width: 40vw;
    max-width: 40vw;
    text-align: center
}

.catalog-categories ul li a {
    color: #444;
    font-weight: 500
}

.catalog-categories ul li a:hover {
    text-decoration: none
}

.catalog-categories ul li img {
    background-color: #fff;
    margin-bottom: .5rem;
    padding: .75rem
}

.section {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    text-align: center
}

.section.alt-color {
    background-color: #f4f4f4
}

.section.alt-color-2 {
    background-color: #eaf6ff
}

.section>p {
    max-width: 45rem;
    margin-left: auto;
    margin-right: auto
}

.section.section-horizontal ul {
    margin: 0 auto 2rem
}

.section.section-horizontal ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin: 2rem;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.section.section-horizontal ul li a.link-bottom {
    font-weight: 500;
    margin-top: auto
}

.section.section-horizontal ul img {
    margin-bottom: 1rem
}

.section.section-horizontal ul.products-staggered li {
    padding: 1rem
}

.section .product-cards {
    margin: 0 auto
}

.section .product-cards>li {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin: 2rem auto;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    background-color: #fff;
    border: 1px solid #ccc;
    max-width: 400px
}

.section .product-cards>li h3 {
    margin-bottom: 1rem
}

.section .product-cards>li>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 1rem
}

.section .product-cards>li ul li {
    margin-bottom: .25rem
}

.section .product-cards>li a.link-arrow-gt {
    margin-top: auto;
    margin-bottom: 1.5rem
}

.section.side-img .section-content .img-container {
    margin-bottom: 2rem
}

.section.side-img .section-content .copy {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.section.side-img .section-content .btn-container {
    margin-top: 2rem
}

.section.side-img .section-content ul:not(.check-list) li {
    margin-bottom: 2rem
}

.section.how-to>p {
    max-width: 45rem;
    padding: 1rem;
    margin-left: auto;
    margin-right: auto
}

.section.how-to ol {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.section.how-to ol li {
    padding-top: 4.5em;
    margin-bottom: 2rem
}

.section.how-to ol li.product {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231f2e3b' viewBox='0 0 48 48'%3E%3Cpath d='M32.1 15.3c-2.6-1.8-3-2-3.7-2-.3-.1-.5-.1-.6.3-.2.7-1.1 2.9-3.8 3-2.7-.1-3.7-2.4-3.8-3-.1-.4-.2-.4-.6-.3-.7.1-1.1.2-3.7 2-1.5 1-3.5 3.1-3.5 3.1l3.7 4s1.8-1 1.8-1.2v12.5c0 .6.4 1 1 1h10.2c.6 0 1-.4 1-1V21.3c0 .2 1.8 1.2 1.8 1.2l3.7-4s-2.1-2.2-3.5-3.2z'/%3E%3Cpath d='M24 .5V1c6.4 0 12.1 2.6 16.3 6.7C44.4 11.9 47 17.6 47 24s-2.6 12.1-6.7 16.3C36.1 44.4 30.4 47 24 47s-12.1-2.6-16.3-6.7C3.6 36.1 1 30.4 1 24S3.6 11.9 7.7 7.7C11.9 3.6 17.6 1 24 1V0C10.7 0 0 10.7 0 24s10.7 24 24 24 24-10.7 24-24S37.3 0 24 0v.5z'/%3E%3C/svg%3E") no-repeat top;
    -webkit-background-size: 4em 4em;
    background-size: 4em 4em
}

.section.how-to ol li.customize {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231f2e3b' viewBox='0 0 48 48'%3E%3Cpath d='M24 .5V1c6.4 0 12.1 2.6 16.3 6.7C44.4 11.9 47 17.6 47 24s-2.6 12.1-6.7 16.3C36.1 44.4 30.4 47 24 47s-12.1-2.6-16.3-6.7C3.6 36.1 1 30.4 1 24S3.6 11.9 7.7 7.7C11.9 3.6 17.6 1 24 1V0C10.7 0 0 10.7 0 24s10.7 24 24 24 24-10.7 24-24S37.3 0 24 0v.5z'/%3E%3Cpath d='M35.4 14.1c-.4 1.4-1.3 2.6-2.2 3.7-2.2 2.8-4.7 5.4-7.2 7.9-.3.3-.6.5-1 .4-.2-.1-.4-.2-.5-.3-.5-.5-1.1-1-1.6-1.6-.5-.5-.5-1 0-1.5l1.2-1.2c2.2-2.2 4.5-4.3 7-6.2.8-.6 1.6-1.2 2.6-1.7.3-.2.6-.3 1-.4.5-.1.7 0 .9.4-.2.2-.2.3-.2.5zM12.6 33.8c1.5-.9 2.5-2.2 2.9-3.9.1-.5.3-1 .6-1.5.7-.9 1.7-1.3 2.7-1 1.1.3 1.9 1.3 2.1 2.4.1 1.1-.3 2.1-1 2.9-1.9 2.2-4.8 2.7-7.3 1.1 0 .1 0 .1 0 0 0 .1 0 .1 0 0zm9.1-4.9c-.1-.1-.2-.1-.3-.2-.5-.5-1-.9-1.4-1.4-.2-.2-.2-.4 0-.6.5-.7 1.1-1.4 1.6-2.2.2-.3.5-.3.7 0l1.9 1.9c.2.2.2.5 0 .7-.7.6-1.5 1.1-2.2 1.7-.1 0-.2 0-.3.1z'/%3E%3C/svg%3E") no-repeat top;
    -webkit-background-size: 4em 4em;
    background-size: 4em 4em
}

.section.how-to ol li.checkout {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231f2e3b' viewBox='0 0 48 48'%3E%3Cpath d='M24 .5V1c6.4 0 12.1 2.6 16.3 6.7C44.4 11.9 47 17.6 47 24s-2.6 12.1-6.7 16.3C36.1 44.4 30.4 47 24 47s-12.1-2.6-16.3-6.7C3.6 36.1 1 30.4 1 24S3.6 11.9 7.7 7.7C11.9 3.6 17.6 1 24 1V0C10.7 0 0 10.7 0 24s10.7 24 24 24 24-10.7 24-24S37.3 0 24 0v.5z'/%3E%3Cpath d='M18.5 29.3c-1.2 0-2.1.9-2.1 2.1 0 1.2.9 2.1 2.1 2.1s2.1-.9 2.1-2.1-.9-2.1-2.1-2.1zm8.6 0c-1.2 0-2.1.9-2.1 2.1 0 1.2.9 2.1 2.1 2.1s2.1-.9 2.1-2.1c-.1-1.2-1-2.1-2.1-2.1zm10-14.8H33c-.5-.1-1 .3-1.2.8l-.9 2.9h-16c-.6 0-1 .4-1 1l2.1 7.4c0 .6.5 1 1 1h12.8c.6 0 1-.4 1-1l1.9-6.8 1-3.1h3.4c.6 0 1.1-.5 1.1-1.1 0-.6-.5-1.1-1.1-1.1z'/%3E%3C/svg%3E") no-repeat top;
    -webkit-background-size: 4em 4em;
    background-size: 4em 4em
}

.section.how-to ol li.relax {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231f2e3b' viewBox='0 0 48 48'%3E%3Cpath d='M24 .5V1c6.4 0 12.1 2.6 16.3 6.7C44.4 11.9 47 17.6 47 24s-2.6 12.1-6.7 16.3C36.1 44.4 30.4 47 24 47s-12.1-2.6-16.3-6.7C3.6 36.1 1 30.4 1 24S3.6 11.9 7.7 7.7C11.9 3.6 17.6 1 24 1V0C10.7 0 0 10.7 0 24s10.7 24 24 24 24-10.7 24-24S37.3 0 24 0v.5z'/%3E%3Cpath d='M27 22.7c-.3-.3-.6-.5-.9-.8-.5-.5-.9-1-1.3-1.7-1-2.1.2-4.2 2.5-4.6.8-.1 1.8 0 2.5.3-.2.4-.4.8-.6 1.3-.1.4-.2.9-.3 1.3-.2 0-.4-.1-.6-.1h-.7c-.5.1-.6.4-.4.8.3.4.5.7.8 1 .5.4 1 .7 1.6 1.1 1.1.5 2.1 1 3.1 1.6.8.4 1.7.6 2.5.7h.6c.3-.1.4-.4.3-.6-.3-.4-.5-.7-.8-1-.1 0-.1 0-.1-.2.7-.5 1.2-1.3 1.5-2.3 1.1.9 2.1 1.8 2.2 3.4s-.9 2.9-2.5 3.3c-1 .3-2.1.1-3.1-.2-.1 0-.1 0-.2-.1-.4-.2-.7 0-1 .3-1.7 1.7-3.4 3.5-5.2 5.2-.9.9-1.9 1.2-3.2 1.2-4.3.1-8.7.1-13 .2-.9 0-1.6-.7-1.6-1.6s.7-1.6 1.6-1.6h2.4c.2 0 .4 0 .5-.3.7-1.3 1.4-2.6 2.4-3.8.3-.4.7-.8 1.1-1.1.7-.4 1.4-.5 2.1-.1 1.3.7 2.7 1.3 4 2 .1 0 .3.1.3 0v-.1c1.3-1.2 2.4-2.4 3.5-3.5zm-9.9 6.7c1.9 0 3.7 0 5.5-.1-1.3-.8-2.5-1.4-3.9-2.1h-.2c-.5.8-.9 1.4-1.4 2.2z'/%3E%3Cpath d='M31.5 21.1c-1.6-.8-2.2-2.8-1.3-4.2.9-1.6 2.7-2.1 4.2-1.3s2.1 2.7 1.3 4.2c-.9 1.6-2.8 2.2-4.2 1.3z'/%3E%3C/svg%3E") no-repeat top;
    -webkit-background-size: 4em 4em;
    background-size: 4em 4em
}

.section.how-to ol li h3 {
    font-size: 1.2rem;
    margin-bottom: 1rem
}

.section.how-to ol li p {
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
    margin: 0 2.5rem
}

.section .mini-hero-container,
.section h2+p {
    margin-bottom: 2rem
}

.section .btn-top-spacer-container {
    margin-top: 2rem
}

.section ul.faq li {
    padding: 0 1rem 2rem
}

.section ul.faq li p:not(.question) {
    text-align: justify
}

.section ul.faq li .question {
    font-size: 1.2rem
}

ul.check-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-top: 1rem;
    margin-bottom: 2rem;
    text-align: left
}

ul.check-list li {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 249.1 250'%3E%3Cpath fill='%23009DDC' d='M233.8 35.1c-1.2-6.5-4.8-12.1-10.3-15.9-11.2-7.6-26.5-4.8-34.2 6.4L88.9 171.7l-31.7-32.6c-4.6-4.7-10.7-7.3-17.3-7.4-6.6-.1-12.8 2.4-17.5 7-9.7 9.5-9.9 25.1-.5 34.8l52.6 54c4.6 4.8 11 7.5 17.7 7.5.7 0 1.5 0 2.1-.1 7.4-.6 14-4.5 18.1-10.6L229.8 53.5c3.8-5.4 5.2-11.9 4-18.4z'/%3E%3C/svg%3E") no-repeat 0;
    -webkit-background-size: 1em 1em;
    background-size: 1em 1em;
    padding-left: 1.5em !important;
    margin-bottom: 1rem !important
}

ul.categories li {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

ul.categories li a {
    margin-top: auto
}

ul.recommended-products {
    margin: 2rem -1rem
}

ul.recommended-products li {
    margin-left: .5rem;
    margin-right: .5rem
}

ul.recommended-products li img {
    margin-bottom: .5rem
}

ul.recommended-products li a {
    color: #666;
    font-size: .875rem
}

ul.recommended-products li a:hover {
    text-decoration: none;
    color: #009ddc
}

ul.recommended-products li a:focus {
    outline: 0
}

ul.recommended-products li .name {
    font-weight: 700
}

ul.recommended-products li .name .new {
    color: #009ddc;
    font-style: italic;
    padding-right: .25rem
}

.slick-list {
    overflow: hidden;
    display: block
}

.slick-list .slick-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.slick-arrow {
    position: absolute;
    top: 45%;
    margin-top: -12px;
    width: 30px;
    height: 30px;
    background-color: #cacaca;
    border-radius: 2px;
    outline: none;
    color: transparent;
    border: none;
    -webkit-background-size: 14px 14px;
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: 50%;
    z-index: 1;
    cursor: pointer
}

.slick-arrow:focus {
    outline: 0
}

.slick-arrow.slick-disabled {
    opacity: .3
}

.slick-arrow:hover {
    background-color: #009ddc
}

.slick-arrow.slick-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 18 18'%3E%3Cpath d='M11.7 17.1c.6.6 1.6.5 2.2 0 .6-.7.5-1.6-.1-2.2L7.5 9l6.3-5.9c.6-.5.6-1.5.1-2.1-.6-.6-1.6-.7-2.2-.1l-7.5 7c-.3.3-.5.7-.5 1.1 0 .4.2.8.5 1.1l7.5 7z'/%3E%3C/svg%3E");
    left: 0
}

.slick-arrow.slick-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 18 18'%3E%3Cpath d='M6.3 17.1l7.5-7c.3-.3.5-.7.5-1.1 0-.4-.2-.8-.5-1.1L6.3.9C5.7.3 4.7.4 4.1 1c-.5.6-.5 1.6.1 2.1L10.5 9l-6.3 5.9c-.6.6-.7 1.5-.1 2.2.6.5 1.6.6 2.2 0z'/%3E%3C/svg%3E");
    right: 0
}

.img-rounded {
    border-radius: 50%
}

.bordered-photo {
    border: 8px solid #f7f7f7;
    padding: 0 !important;
    -webkit-box-shadow: 2px 2px 3px hsla(0, 0%, 58.8%, .5);
    box-shadow: 2px 2px 3px hsla(0, 0%, 58.8%, .5)
}

.t-categories li a h2{
    margin-top: 20px;
}
.t-categories li a{
    text-align: center;
}
.t-categories li{
    width: 31.3%;
    display: inline-block;
    padding: 10px;
}

.editGraphic{
    padding: 25px;
    border-bottom: 1px solid #dee2e6;
}

#tycCanvas{
    position: relative;
}
.canvas-changer{
    display: none;
}

.nav-tabs .nav-link {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

@media(max-width:780px) {
    .canvas-changer{
        display: block !important;
        position: absolute;
        bottom: 8%;
        z-index: 11;
        left: calc(50% - 75px);
    }
    .tab-areas{
        margin: 0 !important;
        padding:0 !important;
    }

    .nav-tabs .nav-link {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        padding: 10px 0;
    }


    #tycCanvas {
        position: relative;
        height: calc(100vh - 142px);
    }
    #stageParentFront, #stageParentBack, #stageParentLoad, #stageParentText, #stageParentSVG,#canvasFront, #canvasBack, #canvasLoad {
        height: 100%;
    }
}
@media(min-width:48em) {


    .hero {
        margin-bottom: 2rem
    }
    .hero .hero-banner a.banner-img-wrapper:before {
        padding-top: unset;
        height: auto;
        content: none
    }
    .hero .hero-banner a.banner-img-wrapper picture {
        position: relative;
        height: auto
    }
    .hero .hero-banner {
        overflow: hidden
    }
    .hero .hero-banner img {
        max-width: none;
        width: auto;
        height: 32rem;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .hero .hero-copy {
        position: absolute;
        top: 20%;
        left: 1.5rem;
        max-width: 34rem;
        margin: 0
    }
    .hero .hero-copy.hero-copy-classic {
        max-width: auto
    }
    .hero .hero-copy.hero-copy-classic h1 {
        font-size: inherit
    }
    .hero .hero-copy.hero-copy-classic {
        max-width: none
    }
    .hero .hero-copy.hero-copy-classic h1 {
        font-size: 1.875rem
    }
    .hero .hero-copy .product-opts,
    .hero .hero-copy .product-price {
        padding: 3rem 2.5rem
    }
    .hero .hero-copy .product-opts .opt>span {
        display: inline;
        width: 7rem;
        font-weight: 600;
        text-align: left
    }
    .hero .hero-copy .product-price {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row
    }
    .hero .hero-copy .product-price .btn {
        margin-top: 0;
        margin-left: 3rem
    }
    .hero .hero-copy h1 {
        line-height: 1em;
        font-size: 2.5rem
    }
    .hero .hero-copy h1 span {
        display: block;
        font-size: .5em;
        letter-spacing: .4em;
        margin-left: .2em;
        margin-right: -.2em;
        padding-bottom: .25em;
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231f2e3b' viewBox='0 0 145 8'%3E%3Cpath d='M141 8H4C1.8 8 0 6.2 0 4s1.8-4 4-4h137c2.2 0 4 1.8 4 4s-1.8 4-4 4z'/%3E%3C/svg%3E") no-repeat bottom;
        -webkit-background-size: 1.75em 1.75em;
        background-size: 1.75em
    }
    .hero .hero-copy p {
        margin-bottom: 2.5rem
    }
    .how-to-steps ol {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row
    }
    .how-to-steps ol li {
        width: 33%;
        padding-left: 0;
        padding-top: 4em;
        margin: 1rem 2rem;
        text-align: center;
        background-position: top
    }
    .catalog-categories {
        margin-left: 0;
        margin-right: 0
    }
    .catalog-categories ul {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 1rem
    }
    .catalog-categories ul.col-4-5 {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
    .catalog-categories ul li {
        min-width: auto;
        max-width: none
    }
    .section {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem
    }
    .section.section-horizontal ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-around;
        justify-content: space-around
    }
    .section.section-horizontal ul li {
        margin: 0 2rem
    }
    .section .product-cards {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-around;
        justify-content: space-around
    }
    .section .product-cards>li {
        margin: 1rem 1.5rem;
        max-width: auto
    }
    .section.side-img .section-content ul:not(.check-list) {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex
    }
    .section.side-img .section-content ul:not(.check-list) li {
        padding: 1rem
    }
    .section.how-to ol li {
        width: 50%
    }
    ul.recommended-products {
        margin-left: 0;
        margin-right: 0
    }
}

@media(min-width:64em) {
    .hero h1 {
        margin-bottom: 2rem
    }
    .hero .hero-copy {
        left: 3.125rem
    }
    .hero .hero-copy.hero-copy-classic h1 {
        font-size: 1.875rem
    }
    .hero .hero-copy h1 {
        font-size: 3rem
    }
    .catalog-categories ul {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr
    }
    .catalog-categories ul.col-4-5 {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr
    }
    .section.no-padding-bottom {
        padding-bottom: 0
    }
    .section.section-horizontal ul.products-staggered li:nth-child(2) img {
        margin-top: 3rem
    }
    .section .product-cards>li>div {
        padding: 1rem 2rem
    }
    .section.side-img .section-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
    .section.side-img .section-content .copy,
    .section.side-img .section-content .img-container {
        max-width: 48%
    }
    .section.side-img .section-content .img-container {
        margin-bottom: 0
    }
    .section.side-img .section-content .copy {
        padding-left: 4rem;
        text-align: left;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }
    .section.side-img .section-content ul:not(.check-list) {
        display: inline-block
    }
    .section.side-img .section-content ul:not(.check-list) li {
        padding: 0
    }
    .section.how-to ol li {
        width: 25%
    }
    .section ul.faq {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        margin-bottom: -2rem
    }
    .section ul.faq li {
        -webkit-column-break-inside: avoid;
        break-inside: avoid;
        page-break-inside: avoid;
        padding-left: 2rem;
        padding-right: 2rem
    }
    .section ul.faq li .question {
        text-align: left
    }
    ul.check-list {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }
    ul.recommended-products li {
        margin-left: 1rem;
        margin-right: 1rem
    }
}

@media(min-width:85em) {
    .wrapper.main {
        width: 100%
    }
    .hero .hero-copy {
        left: 50%;
        -webkit-transform: translateX(-38rem);
        transform: translateX(-38rem)
    }
    .hero .hero-copy.hero-copy-classic h1 {
        margin-bottom: 1.875rem
    }
    .hero .hero-copy h1 {
        margin-bottom: 2rem
    }
}