/* outfit-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Outfit";
  font-style: normal;
  font-weight: 400;
  src: url("../Webfonts/outfit-v14-latin_latin-ext/outfit-v14-latin_latin-ext-regular.eot"); /* IE9 Compat Modes */
  src: url("../Webfonts/outfit-v14-latin_latin-ext/outfit-v14-latin_latin-ext-regular.eot?#iefix") format("embedded-opentype"), url("../Webfonts/outfit-v14-latin_latin-ext/outfit-v14-latin_latin-ext-regular.woff2") format("woff2"), url("../Webfonts/outfit-v14-latin_latin-ext/outfit-v14-latin_latin-ext-regular.woff") format("woff"), url("../Webfonts/outfit-v14-latin_latin-ext/outfit-v14-latin_latin-ext-regular.ttf") format("truetype"), url("../Webfonts/outfit-v14-latin_latin-ext/outfit-v14-latin_latin-ext-regular.svg#Outfit") format("svg"); /* Legacy iOS */
}
/* outfit-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Outfit";
  font-style: normal;
  font-weight: 700;
  src: url("../Webfonts/outfit-v14-latin_latin-ext/outfit-v14-latin_latin-ext-700.eot"); /* IE9 Compat Modes */
  src: url("../Webfonts/outfit-v14-latin_latin-ext/outfit-v14-latin_latin-ext-700.eot?#iefix") format("embedded-opentype"), url("../Webfonts/outfit-v14-latin_latin-ext/outfit-v14-latin_latin-ext-700.woff2") format("woff2"), url("../Webfonts/outfit-v14-latin_latin-ext/outfit-v14-latin_latin-ext-700.woff") format("woff"), url("../Webfonts/outfit-v14-latin_latin-ext/outfit-v14-latin_latin-ext-700.ttf") format("truetype"), url("../Webfonts/outfit-v14-latin_latin-ext/outfit-v14-latin_latin-ext-700.svg#Outfit") format("svg"); /* Legacy iOS */
}
::selection,
*::selection {
  color: white;
  background-color: #3EA536;
}

:focus {
  outline: 0 !important;
  box-shadow: none !important;
}

[onclick] {
  cursor: pointer;
}

body {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 400;
}

main {
  overflow-x: hidden;
}

section {
  position: relative;
  float: left;
  width: 100%;
}

footer {
  -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.16);
  -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.16);
  -ms-box-shadow: 0 0 15px 0 rgba(0,0,0,0.16);
  -o-box-shadow: 0 0 15px 0 rgba(0,0,0,0.16);
  box-shadow: 0 0 15px 0 rgba(0,0,0,0.16);
}
footer svg {
  width: 20px;
}
footer svg path {
  fill: #3EA536;
}
footer .socialMedia svg path {
  fill: #000;
}
footer .small-letter {
  font-weight: 400 !important;
}
footer .small-letter.strong {
  font-weight: 700 !important;
}
footer ul li + li {
  margin-top: 0.35rem;
}
footer .secondaryFooterInformations a + a:after {
  content: "";
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  left: -0.5rem;
  width: 1px;
  height: 10px;
  background: #000;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  display: block;
  color: #000;
  font-weight: 700;
  line-height: 1.2;
  position: relative;
  float: left;
  width: 100%;
}
h1:not(.productHeaderHeadline), .h1:not(.productHeaderHeadline), h2:not(.productHeaderHeadline), .h2:not(.productHeaderHeadline), h3:not(.productHeaderHeadline), .h3:not(.productHeaderHeadline), h4:not(.productHeaderHeadline), .h4:not(.productHeaderHeadline), h5:not(.productHeaderHeadline), .h5:not(.productHeaderHeadline), h6:not(.productHeaderHeadline), .h6:not(.productHeaderHeadline) {
  margin-bottom: 2rem;
}
h1:not(.productHeaderHeadline)::before, .h1:not(.productHeaderHeadline)::before, h2:not(.productHeaderHeadline)::before, .h2:not(.productHeaderHeadline)::before, h3:not(.productHeaderHeadline)::before, .h3:not(.productHeaderHeadline)::before, h4:not(.productHeaderHeadline)::before, .h4:not(.productHeaderHeadline)::before, h5:not(.productHeaderHeadline)::before, .h5:not(.productHeaderHeadline)::before, h6:not(.productHeaderHeadline)::before, .h6:not(.productHeaderHeadline)::before {
  content: "";
  position: absolute;
  bottom: calc(-1rem - 10px);
  left: 0;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid #000;
}
h1:not(.productHeaderHeadline)::after, .h1:not(.productHeaderHeadline)::after, h2:not(.productHeaderHeadline)::after, .h2:not(.productHeaderHeadline)::after, h3:not(.productHeaderHeadline)::after, .h3:not(.productHeaderHeadline)::after, h4:not(.productHeaderHeadline)::after, .h4:not(.productHeaderHeadline)::after, h5:not(.productHeaderHeadline)::after, .h5:not(.productHeaderHeadline)::after, h6:not(.productHeaderHeadline)::after, .h6:not(.productHeaderHeadline)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1rem;
  width: 100%;
  height: 1px;
  background: #000;
}
h1:has(+ .subline), .h1:has(+ .subline), h2:has(+ .subline), .h2:has(+ .subline), h3:has(+ .subline), .h3:has(+ .subline), h4:has(+ .subline), .h4:has(+ .subline), h5:has(+ .subline), .h5:has(+ .subline), h6:has(+ .subline), .h6:has(+ .subline) {
  margin-bottom: 0;
}
h1:has(+ .subline)::before, .h1:has(+ .subline)::before, h2:has(+ .subline)::before, .h2:has(+ .subline)::before, h3:has(+ .subline)::before, .h3:has(+ .subline)::before, h4:has(+ .subline)::before, .h4:has(+ .subline)::before, h5:has(+ .subline)::before, .h5:has(+ .subline)::before, h6:has(+ .subline)::before, .h6:has(+ .subline)::before {
  border: none;
}
h1:has(+ .subline):after, .h1:has(+ .subline):after, h2:has(+ .subline):after, .h2:has(+ .subline):after, h3:has(+ .subline):after, .h3:has(+ .subline):after, h4:has(+ .subline):after, .h4:has(+ .subline):after, h5:has(+ .subline):after, .h5:has(+ .subline):after, h6:has(+ .subline):after, .h6:has(+ .subline):after {
  height: 0;
  background: none;
}
h1 + .subline::before, .h1 + .subline::before, h2 + .subline::before, .h2 + .subline::before, h3 + .subline::before, .h3 + .subline::before, h4 + .subline::before, .h4 + .subline::before, h5 + .subline::before, .h5 + .subline::before, h6 + .subline::before, .h6 + .subline::before {
  content: "";
  position: absolute;
  bottom: calc(-1rem - 10px);
  left: 0;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid #000;
}
h1 + .subline::after, .h1 + .subline::after, h2 + .subline::after, .h2 + .subline::after, h3 + .subline::after, .h3 + .subline::after, h4 + .subline::after, .h4 + .subline::after, h5 + .subline::after, .h5 + .subline::after, h6 + .subline::after, .h6 + .subline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1rem;
  width: 100%;
  height: 1px;
  background: #000;
}

@media (max-width: 991.98px) {
  h1, .h1 {
    font-size: 76px;
    line-height: 85.5px;
  }
}
@media (max-width: 768.98px) {
  h1, .h1 {
    font-size: 57px;
    line-height: 66.5px;
  }
}
@media (max-width: 576px) {
  h1, .h1 {
    font-size: 38px;
    line-height: 47.5px;
  }
}

@media (max-width: 991.98px) {
  h2, .h2 {
    font-size: 42.75px;
    line-height: 52.25px;
  }
}
@media (max-width: 768.98px) {
  h2, .h2 {
    font-size: 33.25px;
    line-height: 42.75px;
  }
}
@media (max-width: 576px) {
  h2, .h2 {
    font-size: 28.5px;
    line-height: 38px;
  }
}

@media (max-width: 991.98px) {
  h3, .h3 {
    font-size: 33.25px;
    line-height: 42.75px;
  }
}
@media (max-width: 768.98px) {
  h3, .h3 {
    font-size: 33.25px;
    line-height: 38px;
  }
}
@media (max-width: 576px) {
  h3, .h3 {
    font-size: 28.5px;
    line-height: 33.25px;
  }
}

@media (max-width: 991.98px) {
  h4, .h4 {
    font-size: 26.125px;
    line-height: 35.625px;
  }
}
@media (max-width: 576px) {
  h4, .h4 {
    font-size: 21.375px;
    line-height: 30.875px;
  }
}

@media (max-width: 991.98px) {
  h5, .h5 {
    font-size: 19px;
    line-height: 28.5px;
  }
}

@media (max-width: 991.98px) {
  h6, .h6 {
    font-size: 19px;
    line-height: 28.5px;
  }
}

.subline, .strong {
  font-weight: 700;
}

.small-letter {
  font-size: 0.8rem;
  font-weight: 700;
}

p {
  position: relative;
  float: left;
  width: 100%;
  display: block;
  line-height: 1.6;
  font-weight: 400;
  text-wrap: pretty;
}
p a {
  color: #3EA536;
}

a {
  color: inherit !important;
}

.btn-primary {
  position: relative;
  float: left;
  background: transparent;
  border: 1px solid #000;
  font-family: "Outfit";
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  line-height: normal;
  color: #000;
  padding: 15px 20px;
  display: flex;
  align-items: center;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.btn-primary svg {
  position: relative;
  margin-left: 10px;
  width: 20px;
}
.btn-primary svg path {
  fill: #3EA536;
}
.btn-primary:hover {
  background: #3EA536;
  border: 1px solid #3EA536;
  color: white;
}
.btn-primary:hover svg path {
  fill: white;
}
.btn-primary.bgWhite {
  background: white;
}
.btn-primary.bgWhite:hover {
  background: #3EA536;
  color: white !important;
}

.btn-secondary {
  position: relative;
  float: left;
  background: transparent;
  border: 1px solid #000;
  font-family: "Outfit";
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  line-height: normal;
  color: #000;
  padding: 15px 20px;
  display: flex;
  align-items: center;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background: transparent;
  border: 1px solid #000;
  color: #000;
}
.btn-secondary svg {
  position: relative;
  margin-left: 10px;
  width: 20px;
}
.btn-secondary svg path {
  fill: #3EA536;
}
.btn-secondary:hover {
  background: #3EA536;
  border: 1px solid #3EA536;
  color: white;
}
.btn-secondary:hover svg path {
  fill: white;
}
.btn-secondary.bgWhite {
  background: white;
}
.btn-secondary.bgWhite:hover {
  background: #3EA536;
  color: white !important;
}
.btn-secondary:hover {
  background: #3EA536;
  border: 1px solid #3EA536;
  color: white !important;
}
.btn-secondary:hover svg path {
  fill: white !important;
}

.btn-tertiary {
  position: relative;
  float: left;
  background: transparent;
  border: 1px solid #000;
  font-family: "Outfit";
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  line-height: normal;
  color: #000;
  padding: 15px 20px;
  display: flex;
  align-items: center;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  padding: 0;
  background: white;
  border: none;
  color: #000;
}
.btn-tertiary svg {
  position: relative;
  margin-left: 10px;
  width: 20px;
}
.btn-tertiary svg path {
  fill: #3EA536;
}
.btn-tertiary:hover {
  background: #3EA536;
  border: 1px solid #3EA536;
  color: white;
}
.btn-tertiary:hover svg path {
  fill: white;
}
.btn-tertiary.bgWhite {
  background: white;
}
.btn-tertiary.bgWhite:hover {
  background: #3EA536;
  color: white !important;
}
.btn-tertiary:hover {
  background: transparent;
  border: none;
  color: #3EA536;
}
.btn-tertiary:hover svg path {
  fill: #3EA536;
}

.list-style-none {
  list-style: none;
}

.border {
  border: 1px solid #000 !important;
}

.badge {
  padding: 0.5rem 0.75rem;
  color: white;
  background-color: #3EA536;
  border-radius: 0;
}

.pt-6 {
  padding-top: 6rem;
}
@media (max-width: 991.98px) {
  .pt-6 {
    padding-top: 3rem;
  }
}

.pb-6 {
  padding-bottom: 6rem;
}
@media (max-width: 991.98px) {
  .pb-6 {
    padding-bottom: 3rem;
  }
}

.nomarginright {
  margin-left: calc((100vw - 1320px) / 2) !important;
}
@media (max-width: 1199.98px) {
  .nomarginright {
    margin-left: calc((100vw - 960px) / 2) !important;
  }
}
@media (max-width: 1023.98px) {
  .nomarginright {
    margin-left: 0 !important;
  }
}
@media (max-width: 919.98px) {
  .nomarginright {
    margin-left: calc((100vw - 720px) / 2) !important;
  }
}
@media (max-width: 767.98px) {
  .nomarginright {
    margin-left: 0 !important;
  }
}

.nmt-3 {
  margin-top: -3rem;
}

.jumpmarks {
  position: relative;
  float: left;
  width: 100%;
  -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.16);
  -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.16);
  -ms-box-shadow: 0 0 15px 0 rgba(0,0,0,0.16);
  -o-box-shadow: 0 0 15px 0 rgba(0,0,0,0.16);
  box-shadow: 0 0 15px 0 rgba(0,0,0,0.16);
}
.jumpmarks ul {
  padding-left: 0;
}
.jumpmarks ul li {
  position: relative;
  float: left;
  list-style: none;
}
.jumpmarks ul li a {
  text-decoration: none;
  color: #000;
  font-size: 0.8rem;
  font-weight: 700;
}
.jumpmarks ul li + li {
  margin-left: 1rem;
}
.jumpmarks button {
  font-size: 0.8rem;
  font-weight: 700;
}
.jumpmarks button + button {
  margin-left: 1px;
}

.downloads p.text-uppercase::before {
  top: -1rem;
  bottom: inherit;
}
.downloads p.text-uppercase::after {
  top: -1rem;
  bottom: inherit;
}
.downloads ul li {
  margin-bottom: 1rem;
}

.color .bgGradientColor {
  background: radial-gradient(circle, #ffcc00 0%, #DEAB00 100%);
}
.color .productHeader {
  position: relative;
  float: left;
  width: 100%;
}
.color .productHeader .productHeaderInner {
  height: 700px;
}
.color .productHeader .productHeaderInner #images-container .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.color .productHeader .productHeaderInner #images-container .image[data-active=active] {
  opacity: 1;
}
.color .productHeader .productHeaderInner #images-container .image img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  height: 100%;
  width: auto;
}
.color .productHeader .productHeaderInner .btn-primary {
  background: white !important;
  color: #000 !important;
}
.color .productHeader .productHeaderInner .btn-primary svg path {
  fill: #ffcc00 !important;
}
.color .productHeader .productHeaderInner .btn-primary:hover {
  background: #ffcc00 !important;
  color: white !important;
}
.color .productHeader .productHeaderInner .btn-primary:hover svg path {
  fill: white !important;
}
.color .productHeader .subline::before {
  border: none;
}
.color .productHeader .subline::after {
  height: 0;
  background: none;
}
.color .btn-primary {
  background: #ffcc00 !important;
  color: white !important;
  border: none !important;
}
.color .btn-primary svg path {
  fill: white;
}
.color .btn-primary:hover {
  background: #DEAB00 !important;
}
.color .btn-secondary svg path {
  fill: #ffcc00 !important;
}
.color .btn-secondary:hover {
  background: #ffcc00 !important;
  border: 1px solid #ffcc00 !important;
  color: white !important;
}
.color .btn-secondary:hover svg path {
  fill: white !important;
}
.color .btn-tertiary svg path {
  fill: #ffcc00 !important;
}
.color .badge {
  background: #ffcc00 !important;
}
.color .jumpmarks button:last-child {
  background: #DEAB00 !important;
}
.color .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #ffcc00 !important;
  width: 2rem;
  border-radius: 15px;
}

/*# sourceMappingURL=osmo-productdetail.css.map */