/*KCC: Version 2019-09-26 Modified to create a new base version of this file to use going forward (see #34662)*/

.ContentBuilder-Hero { background-color: #f7f7f7; text-align: center; color: #fff; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat }
.ContentBuilder-Hero.ContentBuilder-Hero--Primary { min-height: 600px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.ContentBuilder-Hero.ContentBuilder-Hero--Primary .ContentBuilder-Hero-Content { padding: 8rem }

@media screen and (max-width:59.99875em) {
    .ContentBuilder-Hero.ContentBuilder-Hero--Primary .ContentBuilder-Hero-Content { padding: 8rem 0 }
}

.ContentBuilder-Hero.ContentBuilder-Hero--Primary.ContentBuilder-Hero--No-Paragraph .ContentBuilder-Hero-Content { padding: 8rem }

@media screen and (max-width:59.99875em) {
    .ContentBuilder-Hero.ContentBuilder-Hero--Primary.ContentBuilder-Hero--No-Paragraph .ContentBuilder-Hero-Content { padding: 8rem 0 }
}

.ContentBuilder-Hero.ContentBuilder-Hero--Image .Button, .ContentBuilder-Hero.ContentBuilder-Hero--Video .Button { color: #000; display: inline-block; border: 1px solid #fff }
.ContentBuilder-Hero.ContentBuilder-Hero--Image .Button:hover, .ContentBuilder-Hero.ContentBuilder-Hero--Video .Button:hover { color: #fff; border: 1px solid #fff }
.ContentBuilder-Hero .ContentBuilder-Hero-Content { padding: 6rem }
.ContentBuilder-Hero .ContentBuilder-Hero-Content h1, .ContentBuilder-Hero .ContentBuilder-Hero-Content h2, .ContentBuilder-Hero .ContentBuilder-Hero-Content h5 { color: #fff; margin: 0 }
.ContentBuilder-Hero .ContentBuilder-Hero-Content p { color: #fff; padding: 0 8rem; margin-top: 1rem; margin-bottom: 1.375rem }
.ContentBuilder-Hero.ContentBuilder-Hero--No-Paragraph .ContentBuilder-Hero-Content { padding: 6rem 8rem }

@media screen and (max-width:59.99875em) {
    .ContentBuilder-Hero.ContentBuilder-Hero--No-Paragraph .ContentBuilder-Hero-Content, .ContentBuilder-Hero .ContentBuilder-Hero-Content { padding: 6rem 0 }
    .ContentBuilder-Hero .ContentBuilder-Hero-Content p { padding: 0 }
}

.VideoModal { position: fixed; visibility: hidden; pointer-events: none; z-index: 9999; top: 0; left: 0; height: 100vh; width: 100vw; background: rgba(0,0,0,.7); display: none; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #fff }
.VideoModal.VideoModal--Show { visibility: visible; pointer-events: all; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
.VideoModal .grid-container { padding: 0 }
.VideoModal .VideoModalContent { width: 70vw; height: 50vh }
.VideoModal .VideoBack { margin: 1rem 0; display: inline-block; width: 30px; height: 30px; color: #000; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; float: right }
.Button, .VideoModal .VideoBack { background: #fff; text-align: center }
.Button { padding: 1rem 6rem; font-size: 12px; font-weight: 600; letter-spacing: 2px; line-height: 10px; -webkit-transition: all .3s; transition: all .3s; display: inline-block }

@media screen and (max-width:59.99875em) {
    .Button { padding: 1rem 3rem }
}

.Button:hover { background: #cf6214; color: #fff }
.Play { cursor: pointer }
.Play svg { pointer-events: none }
.Play #Play-Arrow, .Play #the-circle { -webkit-transition: fill .2s; transition: fill .2s }
.Play:hover #the-circle { fill: #cf6214 }
.Play:hover #Play-Arrow { fill: #fff }
.ContentBuilder-Featured-Product { background-color: #f7f7f7 }
.ContentBuilder-Featured-Product.Background-White { background: #fff }
.ContentBuilder-Featured-Product .Module-Content { padding: 5rem 0 }
.ContentBuilder-Featured-Product .Module-Content .ProductImage { text-align: center }
.ContentBuilder-Featured-Product .Module-Content .ProductImage img { width: auto; min-height: 560px }

@media screen and (max-width:43.74875em) {
    .ContentBuilder-Featured-Product .Module-Content .ProductImage img { min-height: inherit; height: auto }
}

.ContentBuilder-Featured-Product .Module-Content h5 { color: #7f7f7f; font-size: 12px; font-weight: 700; letter-spacing: 2px; line-height: 22px }

@media screen and (max-width:43.74875em) {
    .ContentBuilder-Featured-Product .Module-Content h5 { margin-top: 3rem }
}

.ContentBuilder-Featured-Product .Module-Content h2 { color: #000; margin-bottom: 1.125rem }
.ContentBuilder-Featured-Product .Module-Content p { color: #777; margin-top: .9375rem; margin-bottom: .9375rem }
.ContentBuilder-Featured-Product .Module-Content .Button { background: #000; border: 1px solid #000; color: #fff; margin-right: 1.5625rem; margin-top: .9375rem; display: inline-block }
.ContentBuilder-Featured-Product .Module-Content .Button.White { background: #fff; border: 1px solid #e6e6e6; color: #000 }
.ContentBuilder-Featured-Product .Module-Content .Button:hover { border: 1px solid #cf6214; color: #fff; background: #cf6214 }

@media screen and (max-width:59.99875em) {
    .ContentBuilder-Featured-Product .Module-Content .Button { display: block; margin-right: 0; margin-top: 1rem }
}

@media screen and (max-width:43.74875em) {
    .ContentBuilder-Featured-Product .Module-Content { padding: 2.5rem 0 }
}

@media screen and (min-width:43.75em) and (max-width:59.99875em) {
    .ContentBuilder-Featured-Product .Module-Content { padding: 2.5rem 0 }
}

.ContentBuilder-Split { background: #f7f7f7 }
.ContentBuilder-Split.Background-White { background: #fff }

@media screen and (max-width:43.74875em) {
    .ContentBuilder-Split { padding: 0 0 2.5rem }
}

.ContentBuilder-Split .Module-Content { padding: 5rem 4rem }

@media screen and (max-width:43.74875em) {
    .ContentBuilder-Split .Module-Content { padding: 1rem 1.875rem 0 }
}

@media screen and (min-width:43.75em) and (max-width:59.99875em) {
    .ContentBuilder-Split .Module-Content { padding: 5rem 1.875rem }
}

.ContentBuilder-Split .Module-Content h5 { color: #7f7f7f }
.ContentBuilder-Split .Module-Content h2 { color: #000; margin-bottom: 1.125rem }
.ContentBuilder-Split .Module-Content p { color: #777; margin-top: .9375rem; margin-bottom: .9375rem }
.ContentBuilder-Split .Module-Content .Button { background: #000; color: #fff; display: inline-block; margin-top: .9375rem }
.ContentBuilder-Split .Module-Content .Button:hover { background: #cf6214; color: #fff }
.ContentBuilder-Split .Module-Image { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }

@media screen and (max-width:43.74875em) {
    .ContentBuilder-Split .Module-Image { height: 24rem }
}

.ContentBuilder-Split--Inset { background: #f7f7f7 }
.ContentBuilder-Split--Inset.Background-White { background: #fff }

@media screen and (max-width:43.74875em) {
    .ContentBuilder-Split--Inset { padding: 0 0 2.5rem }
}

.ContentBuilder-Split--Inset .Module-Content { padding: 5rem 4rem }

@media screen and (max-width:43.74875em) {
    .ContentBuilder-Split--Inset .Module-Content { padding: 1rem 0 0 }
}

@media screen and (min-width:43.75em) and (max-width:59.99875em) {
    .ContentBuilder-Split--Inset .Module-Content { padding: 2.5rem 0 }
}

.ContentBuilder-Split--Inset .Module-Content h5 { color: #7f7f7f }
.ContentBuilder-Split--Inset .Module-Content h2 { color: #000; margin-bottom: 1.125rem }
.ContentBuilder-Split--Inset .Module-Content p { color: #777; margin-bottom: .9375rem }
.ContentBuilder-Split--Inset .Module-Content .Button { background: #fff; border: 1px solid #e6e6e6; color: #000; display: inline-block; margin-top: .9375rem }
.ContentBuilder-Split--Inset .Module-Content .Button:hover { border: 1px solid #cf6214; background: #cf6214; color: #fff }
.ContentBuilder-Split--Inset .Module-Content .Module-Image { text-align: center }
.ContentBuilder-Headline { text-align: center; background: #f7f7f7; padding: 5rem 0 2.5rem }
.ContentBuilder-Headline.Background-White { background: #fff }

@media screen and (max-width:43.74875em) {
    .ContentBuilder-Headline { padding: 2.5rem 0 }
}

.ContentBuilder-Headline .Module-Content h5 { color: #7f7f7f; margin-bottom: 0 }
.ContentBuilder-Stories { background-color: #f7f7f7 }
.ContentBuilder-Stories.Background-White { background: #fff }
.ContentBuilder-Stories .Module-Image { position: relative }
.ContentBuilder-Stories .Module-Image img { width: 100% }
.ContentBuilder-Stories .Module-Play { position: absolute; height: 100%; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }
.ContentBuilder-Stories .Module-Content { padding: 5rem 0 }
.ContentBuilder-Stories .Module-Content h3 { margin-top: 1.4375rem; margin-bottom: .6875rem }
.ContentBuilder-Stories .Module-Content p { margin-bottom: .9375rem }
.ContentBuilder-Stories .Module-Content .Button { background: transparent; border: 1px solid #e6e6e6; color: #000; display: inline-block }
.ContentBuilder-Stories .Module-Content .Button:hover { border: 1px solid #cf6214; background: #cf6214; color: #fff }

@media screen and (max-width:43.74875em) {
    .ContentBuilder-Stories .Module-Content { padding: 0 0 2.5rem }
    .ContentBuilder-Stories .Module-Content .Module-Image img { width: 100% }
}

.ContentBuilder-Longform { background: #f7f7f7; padding: 4rem 0 }
.ContentBuilder-Longform.Background-White { background: #fff }

@media screen and (max-width:43.74875em) {
    .ContentBuilder-Longform { padding: 2rem 0 }
}

.ContentBuilder-Longform .Module-Content-Wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }
.ContentBuilder-Longform .Module-Content-Wrapper p { color: #777; margin-bottom: .9375rem }
.ContentBuilder-Longform .Module-Content { max-width: 712px }

@media screen and (max-width:43.74875em) {
    .ContentBuilder-Longform .Module-Content { max-width: none }
}

.ContentBuilder-Products { background-color: #f7f7f7 }
.ContentBuilder-Products.Background-White { background: #fff }

@media screen and (min-width:43.75em) {
    .ContentBuilder-Products .Grid, .ContentBuilder-Products .grid-x { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }
}

.ContentBuilder-Products .Module-Content { padding: 0 0 5rem; text-align: center; cursor: pointer }

@media screen and (max-width:43.74875em) {
    .ContentBuilder-Products .Module-Content { padding: 2.5rem 0 }
}

.ContentBuilder-Products .Module-Content img { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s }
.ContentBuilder-Products .Module-Content h3, .ContentBuilder-Products .Module-Content h5 { color: #000 }
.ContentBuilder-Products .Module-Content h3 { font-size: 16px; margin-top: 1rem; -webkit-transition: all .2s; transition: all .2s }
.ContentBuilder-Products .Module-Content h5 { margin-top: .75rem; -webkit-transition: all .2s; transition: all .2s }
.ContentBuilder-Products .Module-Content:hover h3, .ContentBuilder-Products .Module-Content:hover h5 { color: #cf6214 }
.ContentBuilder-Products .Module-Content:hover img { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px) }
.ie-11 .ContentBuilder-Hero.ContentBuilder-Hero--Primary { min-height: inherit; display: block }
.ie-11 .ContentBuilder-Hero .ContentBuilder-Hero-Content { padding: 16rem }
.ContentBuilder-Footer .Newsletter p { margin: 0; font-size: .825rem }
.ContentBuilder-Footer .Newsletter input { margin: 1rem 0; line-height: 1; -webkit-box-shadow: none; box-shadow: none }
.ContentBuilder-Footer .Newsletter button, .ContentBuilder-Footer .Newsletter input { border: none; padding: 1rem; background: #fff; color: #000; font-family: Arial; font-size: 1rem; -webkit-appearance: none }
.ContentBuilder-Footer .Newsletter button { line-height: calc(1rem + 2px); -webkit-transition: all .3s; transition: all .3s }
.ContentBuilder-Footer .Newsletter button:hover { background: #cf6214; color: #fff }

@media screen and (max-width:43.74875em) {
    .small-order-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 }
    .small-order-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2 }
}

@media screen and (min-width:43.75em) and (max-width:59.99875em) {
    .medium-order-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 }
    .medium-order-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2 }
}

.text-right { text-align: right }
.Grid--withGutter { margin-left: 1rem; margin-right: 1rem }

@media screen and (min-width:87.5em) {
    .Grid--withGutter { margin-left: auto; margin-right: auto }
}

body { padding-top: 0 }
h1 { font-weight: 300; font-size: 3.125rem; line-height: 1; letter-spacing: -.03125rem }
h5 { font-weight: 600; font-size: .75rem; line-height: 1.5; letter-spacing: .125rem; text-transform: uppercase; color: #7f7f7f; margin-top: .5rem; margin-bottom: .5rem }
h2 { font-size: 2.5rem }
h2, h3 { font-weight: 300; line-height: 1; letter-spacing: -.03125rem }
h3 { font-size: 1.5rem }
p { color: grey; font-size: .875rem; line-height: 1.785714286 }