@import url(css2-RockSalt_swap.css);
.image-content{display:block;position:relative;padding:40px 0;background-color:var(--background-color)}
@media screen and (min-width: 750px){.image-content{padding:60px 0}}
.image-content .row{align-items:center}
.image-content .container{padding-right:var(--bs-gutter-x);padding-left:var(--bs-gutter-x)}
@media screen and (max-width: 768px){.image-content .container{padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5)}}
.image-content__image-wrapper{position:relative}
.image-content__badge{position:absolute;z-index:5;top:var(--badge-mobile-y-position);left:var(--badge-mobile-x-position);margin-top:calc(var(--badge-mobile-width)/2*-1);margin-left:calc(var(--badge-mobile-width)/2*-1);transform:rotate(var(--badge-rotate-degree));line-height:1}
@media screen and (min-width: 1376px){.image-content__badge{top:var(--badge-y-position);left:var(--badge-x-position);margin-top:calc(var(--badge-desktop-width)/2*-1);margin-left:calc(var(--badge-desktop-width)/2*-1)}}
.image-content__badge svg{width:var(--badge-mobile-width);height:auto}
@media screen and (min-width: 1376px){.image-content__badge svg{width:var(--badge-desktop-width)}}
.image-content__badge svg path{fill:var(--badge-color)}
.image-content__badge a{color:var(--badge-text-color)}
.image-content__badge-text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:var(--badge-text-color);text-align:center}
.image-content__badge-text .heading-4{margin-bottom:6px;color:var(--badge-text-color);font-size:1.9rem;line-height:1.9rem}
@media screen and (min-width: 1376px){.image-content__badge-text .heading-4{margin-bottom:8px;font-size:3rem;line-height:3rem}}
.image-content__badge-text .text-link{display:block;border-color:var(--badge-text-color);color:var(--badge-text-color);font-size:.9rem;line-height:.9rem;white-space:nowrap}
@media screen and (min-width: 1376px){.image-content__badge-text .text-link{font-size:1.4rem;line-height:1.4rem}}
.image-content__video-wrapper{position:relative}
.image-content__video-play{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%, -50%);transition:opacity .2s cubic-bezier(0.46, 0.01, 0.32, 1)}
.image-content__video-play:hover,.image-content__video-play:focus{opacity:.7}
.image-content__video-play svg{width:57px}
@media screen and (min-width: 1025px){.image-content__video-play svg{width:138px}}
.image-content__video-placeholder{z-index:1}
.image-content__text{position:relative}
@media screen and (min-width: 750px){.image-content__text{padding-left:20px}}
@media screen and (min-width: 1025px){.image-content__text{padding-left:45px}}
@media screen and (min-width: 1376px){.image-content__text{padding-left:85px}}
@media screen and (min-width: 750px){.image-content--image-right .image-content__text{padding:0 20px 0 0}}
@media screen and (min-width: 1025px){.image-content--image-right .image-content__text{padding:0 45px 0 0}}
@media screen and (min-width: 1376px){.image-content--image-right .image-content__text{padding:0 85px 0 0}}
.image-content__text h1,.image-content__text h2,.image-content__text h3,.image-content__text h4,.image-content__text h5,.image-content__text h6{display:block;margin:26px 0 20px;color:var(--text-color);font-size:3.6rem;line-height:3.6rem}
@media screen and (min-width: 1376px){.image-content__text h1.large-heading,.image-content__text h2.large-heading,.image-content__text h3.large-heading,.image-content__text h4.large-heading,.image-content__text h5.large-heading,.image-content__text h6.large-heading{font-size:6rem;line-height:6rem}}
.image-content__text h1.image-content__small-heading,.image-content__text h2.image-content__small-heading,.image-content__text h3.image-content__small-heading,.image-content__text h4.image-content__small-heading,.image-content__text h5.image-content__small-heading,.image-content__text h6.image-content__small-heading{margin-bottom:14px;font-size:2.5rem;font-weight:400;line-height:2.5rem}
@media screen and (min-width: 1025px){.image-content__text h1.image-content__small-heading,.image-content__text h2.image-content__small-heading,.image-content__text h3.image-content__small-heading,.image-content__text h4.image-content__small-heading,.image-content__text h5.image-content__small-heading,.image-content__text h6.image-content__small-heading{font-size:3rem;line-height:3rem}}
@media screen and (min-width: 750px){.image-content__text h1,.image-content__text h2,.image-content__text h3,.image-content__text h4,.image-content__text h5,.image-content__text h6{margin:0 0 26px;padding:0;font-size:4.2rem;line-height:4.2rem}}
@media screen and (min-width: 1025px){.image-content__text h1,.image-content__text h2,.image-content__text h3,.image-content__text h4,.image-content__text h5,.image-content__text h6{font-size:4.8rem;line-height:4.8rem}}
.image-content__text p.image-content__p{margin-bottom:15px;color:var(--text-color);font-family:"Colby",helvetica,arial,sans-serif;font-size:2rem;line-height:2.4rem}
@media screen and (min-width: 750px){.image-content__text p.image-content__p{max-width:500px;margin-bottom:40px;font-size:2.4rem;line-height:2.8rem}}
.image-content__text .btn{width:100%;min-width:auto}
@media screen and (min-width: 750px){.image-content__text .btn{width:auto;min-width:300px}}
.image-content__arrow{display:inline-block;position:absolute;top:0;right:-50px;width:80px;transform:scale(-1, -1) rotate(90deg)}
@media screen and (min-width: 750px){.image-content__arrow{position:relative;top:auto;right:auto;width:110px;transform:scale(-1, -1) rotate(0)}}
@media screen and (min-width: 1025px){.image-content__arrow{width:180px}}
@media screen and (min-width: 1376px){.image-content__arrow{margin-left:-72px}}
@media screen and (min-width: 750px){.image-content--image-right .image-content__arrow{display:inline-block;margin-bottom:-40px;transform:scaleX(-1) rotate(180deg)}}
@media screen and (min-width: 1376px){.image-content--image-right .image-content__arrow{margin:0 -72px -40px 0}}
.image-content__arrow path{stroke:var(--arrow-color)}
.image-content__title-quote{position:absolute;width:60px;height:auto;margin:-25px 0 0 -50px;transform:rotate(130deg)}
@media screen and (min-width: 1025px){.image-content__title-quote{width:90px;margin:-40px 0 0 -70px}}
.image-content__title-quote path{stroke:var(--text-color)}
.template-product .image-content__title-quote path{stroke:var(--product-secondary-color)}
.image-content__signature{display:block;margin:20px 0;color:var(--text-color);font-family:"Rock Salt",cursive;font-size:1.7rem}
@media screen and (min-width: 1025px){.image-content__signature{font-size:2rem}}
.image-content__authors{display:block;color:var(--text-color);font-size:1.4rem;line-height:1.8rem}