.color-white {color : #fff}

.color-teal {color : #62CBC9}

.color-grey {color : #818181}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {clear : both;font-family : "Montserrat", sans-serif;font-style : normal;line-height : 1.1;font-weight : 700}

.h1 {font-size : 57px;line-height : 1.1}

@media (max-width : 1280px) {
    .h1 {font-size : 51px}
}

@media (max-width : 991px) {
    .h1 {font-size : 36px}
}

@media (max-width : 767px) {
    .h1 {font-size : 34px}
}

.h2 {font-size : 25px;font-family : "Source Sans Pro", sans-serif;text-transform : uppercase;color : #818181;font-weight : 700}

@media (max-width : 1280px) {
    .h2 {font-size : 20px}
}

@media (max-width : 767px) {
    .h2 {font-size : 17px}
}

.h3 {font-size : 42px;line-height : 1.2}

@media (max-width : 1280px) {
    .h3 {font-size : 36px}
}

@media (max-width : 991px) {
    .h3 {font-size : 25px}
}

@media (max-width : 767px) {
    .h3 {font-size : 25px}
}

.h4 {font-size : 29px;font-family : "Montserrat", sans-serif;line-height : 1.15}

@media (max-width : 1280px) {
    .h4 {font-size : 25px}
}

@media (max-width : 991px) {
    .h4 {font-size : 20px}
}

.h5 {font-size : 23px;font-family : "Montserrat", sans-serif;line-height : 1.4}

@media (max-width : 1280px) {
    .h5 {font-size : 20px}
}

@media (max-width : 991px) {
    .h5 {font-size : 17px}
}

body {font-family : "Source Sans Pro", sans-serif;font-weight : 400;color : #000;-webkit-font-smoothing : antialiased;-moz-osx-font-smoothing : grayscale;font-size : 18px}

sup {top : -.3em}

#mainNav {padding-top : 1rem;padding-bottom : 1rem;box-shadow : 0 0 1px 0 rgba(0, 0, 0, 0.7)}

#mainNav .btn-primary:not(:disabled):not(.disabled).active, #mainNav .btn-primary:not(:disabled):not(.disabled):active, #mainNav .show > .btn-primary.dropdown-toggle, #mainNav .navbar-nav > li.nav-item > a.nav-link.btn.active, #mainNav .navbar-nav > li.nav-item > a.nav-link.btn.active:focus {color : #fff;background-color : #B92454;color : #fff}

#mainNav.navbar {padding-left : 0;padding-right : 0}

@media (max-width : 991px) {
    #mainNav .navbar-collapse li {border-bottom : 1px solid #DBDBDB}

    #mainNav .navbar-collapse li:nth-child(4), #mainNav .navbar-collapse li:nth-child(5) {border : none}
}

@media (max-width : 991px) {
    #mainNav .navbar-collapse .btn-primary {width : 100%}
}

#mainNav .navbar-nav {margin-top : 1rem}

#mainNav .navbar-nav li:last-child {flex-shrink : 0}

@media (min-width : 992px) {
    .navbar-brand {width : 213px}
}

@media (max-width : 767px) {
    .navbar-brand {max-width : 50%}
}

.navbar-brand img {-webkit-transition : all 300ms ease;-moz-transition : all 300ms ease;-ms-transition : all 300ms ease;-o-transition : all 300ms ease;transition : all 300ms ease;width : 213px;height : 55px}

@media (max-width : 767px) {
    .navbar-brand img {max-width : 100%;height : auto}
}

@media (min-width : 992px) {
    #mainNav {height : 100px;transition : height 0.3s, height 0.3s}

    #mainNav .navbar-brand {font-size : 1.75em;transition : font-size 0.3s}

    #mainNav .navbar-nav {margin-top : 0}

    #mainNav .navbar-nav > li.nav-item > a.nav-link.active, .nav-link:hover, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:active, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:focus, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover {color : #B92454}

    #mainNav.navbar-shrink {height : 80px}

    #mainNav.navbar-shrink .navbar-brand img {width : 175px;height : 45px}

    #mainNav.navbar-shrink .navbar-brand {font-size : 1.5em}

    .navbar-collapse {width : 100%;justify-content : flex-end}

    .navbar-collapse .navbar-nav {width : 100%;justify-content : space-evenly;justify-content : space-between}
}

@media (max-width : 1280px) {
    #mainNav .nav-item a.nav-link {font-size : 15px}
}

.verticalNav {display : none;position : absolute;right : 35px;top : calc(50vh - 100px);width : 14px}

@media (min-width : 992px) {
    .verticalNav {display : block}
}

.verticalNav .vertical-nav-fixed {position : fixed}

.verticalNav .vertical-nav-fixed a {width : 14px;height : 14px;-webkit-border-radius : 100%;-moz-border-radius : 100%;-ms-border-radius : 100%;border-radius : 100%;border : 1px solid #fff;background : #DBDBDB;display : block;margin-bottom : 15px;outline : none}

.verticalNav .vertical-nav-fixed a:hover {background : #B92454;border-color : #B92454}

.verticalNav .vertical-nav-fixed a.active {border-color : #B92454;background : #B92454}

.container, .site-footer, .navbar-expand-lg > .container {width : 100%;max-width : 1440px;padding-right : 80px;padding-left : 80px;margin-right : auto;margin-left : auto}

@media (max-width : 991px) {
    .container, .site-footer, .navbar-expand-lg > .container {padding-left : 50px;padding-right : 50px}
}

@media (max-width : 767px) {
    .container, .site-footer, .navbar-expand-lg > .container {padding-left : 20px;padding-right : 20px}
}

.flex {display : -webkit-box;display : -moz-box;display : -ms-flexbox;display : -webkit-flex;display : flex}

.align-items-center {align-items : center}

br {content : ' '}

br:after {content : ' '}

a {color : #B92454;-webkit-transition : all 150ms ease;-moz-transition : all 150ms ease;-ms-transition : all 150ms ease;-o-transition : all 150ms ease;transition : all 150ms ease}

a:hover {color : #62CBC9;text-decoration : none}

#mainNav .nav-link.btn, .btn {padding : 18px 40px;font-weight : 700;-webkit-border-radius : 30px;-moz-border-radius : 30px;-ms-border-radius : 30px;border-radius : 30px;color : #fff;display : inline-block;border : none;font-size : 17px}

@media (max-width : 767px) {
    #mainNav .nav-link.btn, .btn {padding : 12px 20px}
}

#mainNav .nav-link.btn.btn-primary, .btn.btn-primary {background : #62CBC9;text-transform : uppercase;box-shadow : 0 18px 24px -14px rgba(33, 72, 72, 0.32);color : #fff}

#mainNav .nav-link.btn.btn-primary:hover, .btn.btn-primary:hover {background : #B92454}

#mainNav .nav-link.btn.btn-primary.btn-invert, .btn.btn-primary.btn-invert {background : #fff;color : #62CBC9}

#mainNav .nav-link.btn.btn-primary.btn-invert:hover, .btn.btn-primary.btn-invert:hover {background : #B92454;color : #fff}

.btn.focus, .btn:focus {box-shadow : 0 0 0 0.2rem rgba(98, 203, 201, 0.35)}

.btn.btn-banana:focus {box-shadow : none}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle, .navbar-nav > li.nav-item > a.nav-link.btn.active, .navbar-nav > li.nav-item > a.nav-link.btn.active:focus {color : #fff;background-color : #B92454;color : #fff}

.btn-banana {outline : none !important;border : 0;text-transform : uppercase;color : #B92454;font-weight : 700}

.btn-banana:hover {color : #62CBC9}

.navbar {background : #fff}

a.nav-link {color : #818181;font-weight : 600;line-height : 1.1}

.form-consent input {margin-top : 5px}

.form-consent input[type='checkbox'] {width : 18px;height : 18px}

.form-consent label {font-size : 14px;font-weight : 600;margin-left : 20px}

.form-control:focus {border-color : #62CBC9;box-shadow : 0 0 0 0.2rem rgba(98, 203, 201, 0.35)}

body {background : #fff}

.inner-block {padding : 50px 0}

@media (min-width : 992px) {
    .inner-block {padding : 80px 0;min-height : calc(75vh - 100px)}
}

.inner-block .col-img {height : 100%;align-items : center;display : flex}

.inner-block-auto {height : auto}

#approach .inner-block, #minidoses .inner-block {padding-bottom : 0}

.hero {background-image : linear-gradient(180deg, rgba(255, 255, 255, 0) 90%, rgba(0, 0, 0, 0.04) 100%)}

.hero .hero-img-sm {max-width : 100%}

.hero .inner-block {margin-top : 100px;height : auto;padding-bottom : 80px;min-height : 50vh}

@media (min-width : 992px) {
    .hero .inner-block {padding : 0;height : calc(100vh - 100px)}
}

.img-fluid {max-height : 100%;width : 100%}

.brands img {padding : 0 1rem;width : 100%}

.brands img:nth-child(1) {max-width : 260px}

.brands img:nth-child(2) {max-width : 388px}

.brands img:nth-child(3) {max-width : 135px}

#carousel, #contact, footer {background : #F6F6F6}

#contact img {max-width : 213px}

@media (max-width : 767px) {
    #carousel .carousel {padding-bottom : 3rem}
}

#carousel .carousel-indicators {justify-content : flex-start;margin : 0;position : relative}

#carousel .carousel-indicators li {background-color : #DBDBDB;margin-right : 7px;margin-left : 7px;opacity : 1}

#carousel .carousel-indicators li.active {background-color : #62CBC9}

#carousel .carousel-img {-webkit-border-radius : 10px;-moz-border-radius : 10px;-ms-border-radius : 10px;border-radius : 10px;box-shadow : 0 50px 70px -30px rgba(0, 0, 0, 0.2)}

#carousel .carousel-img-wrap {text-align : center}

@media (max-width : 767px) {
    #carousel .carousel-img-wrap img {max-width : 300px}
}

#carousel .carousel-control-prev, #carousel .carousel-control-next {position : relative;width : auto;opacity : 1;background : #62CBC9;-webkit-border-radius : 100%;-moz-border-radius : 100%;-ms-border-radius : 100%;border-radius : 100%;width : 45px;height : 45px;padding : 10px}

@media (max-width : 991px) {
    #carousel .carousel-control-prev, #carousel .carousel-control-next {width : 30px;height : 30px}
}

#carousel .carousel-control-prev:hover, #carousel .carousel-control-next:hover {opacity : 0.5}

#carousel .carousel-control-prev {margin-right : 15px}

#carousel .carousel-control-next {margin-left : 15px}

#carousel .carousel-inner {overflow : visible}

#carousel .carousel-indicators-wrap {position : absolute;bottom : 0;margin-left : 8.333333%}

@media (max-width : 991px) {
    #carousel .carousel-indicators-wrap {margin-left : 0}
}

@media (max-width : 767px) {
    #carousel .carousel-indicators-wrap {right : 0;left : 0;justify-content : center}
}

.blue-box {padding : 4rem 3rem;background-image : linear-gradient(180deg, #62CBC9 0%, #50B0AE 100%);box-shadow : 0 50px 70px -30px rgba(5, 21, 50, 0.16);-webkit-border-radius : 10px;-moz-border-radius : 10px;-ms-border-radius : 10px;border-radius : 10px;margin-top : 80px}

@media (max-width : 767px) {
    .blue-box {padding : 3rem}
}

.blue-box p {opacity : 0.7;text-align : right}

@media (max-width : 767px) {
    .blue-box p {text-align : center}
}

footer a.btn-banana {font-weight : 600;font-size : 16px}

.inner-page header {margin-top : 100px;padding-top : 80px}

.inner-page footer {background : #fff}

#customformulation img {-webkit-border-radius : 10px;-moz-border-radius : 10px;-ms-border-radius : 10px;border-radius : 10px}

.success {background : #62CBC9;height : 100vh}

.success .blue-box p {opacity : 1;text-align : left}

.cookie-banner {position : fixed;bottom : 0;left : 0;right : 0;width : 100%;padding : 1rem 0;background-image : linear-gradient(180deg, #62CBC9 0%, #50B0AE 100%);z-index : 1032;font-size : 16px;display : none}

.cookie-banner p {margin : 0;color : #fff;font-weight : 600;line-height : 1.3}

@media (max-width : 767px) {
    .cookie-banner p {font-size : 15px;line-height : 1.2}
}

.cookie-banner p a {color : #fff;text-decoration : underline}

.cookie-banner p a:hover {text-decoration : none}

.cookie-banner .close {-webkit-transition : all 100ms ease;-moz-transition : all 100ms ease;-ms-transition : all 100ms ease;-o-transition : all 100ms ease;transition : all 100ms ease;color : #fff;font-size : 35px;cursor : pointer;outline : none}

.fade-in {animation : fadeIn ease 1.5s;-webkit-animation : fadeIn ease 1.5s;-moz-animation : fadeIn ease 1.5s;-o-animation : fadeIn ease 1.5s;-ms-animation : fadeIn ease 1.5s}

@keyframes fadeIn {
    0% {opacity : 0}
    100% {opacity : 1}
}

@-moz-keyframes fadeIn {
    0% {opacity : 0}
    100% {opacity : 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity : 0}
    100% {opacity : 1}
}

@-o-keyframes fadeIn {
    0% {opacity : 0}
    100% {opacity : 1}
}

@-ms-keyframes fadeIn {
    0% {opacity : 0}
    100% {opacity : 1}
}