@font-face {
    src: url(https://cdn-prod.neonet.pl/richcontent/1163007/fonts/HurmeGeometricSans1.woff2) format("woff2");
    font-family: hurme-geometric-sans-1;
    font-display: swap
}

@font-face {
    src: url(https://cdn-prod.neonet.pl/richcontent/1163007/fonts/HurmeGeometricSans1_Bold.woff2) format("woff2");
    font-family: hurme-geometric-sans-1-bold;
    font-display: swap
}

@font-face {
    src: url(https://cdn-prod.neonet.pl/richcontent/1163007/fonts/HurmeGeometricSans1_Light.woff2) format("woff2");
    font-family: hurme-geometric-sans-1-light;
    font-display: swap
}

@font-face {
    src: url(https://cdn-prod.neonet.pl/richcontent/1163007/fonts/HurmeGeometricSans1_SemiBold.woff2) format("woff2");
    font-family: hurme-geometric-sans-1-semi-bold;
    font-display: swap
}

@font-face {
    src: url(https://cdn-prod.neonet.pl/richcontent/1163007/fonts/HurmeGeometricSans1_Thin.woff2) format("woff2");
    font-family: hurme-geometric-sans-1-thin;
    font-display: swap
}

#oralb figure {
    margin: 0
}


#oralb {
    max-width: 920px;
    margin: 0 auto;
    overflow: hidden;
}

#oralb .video-container {
    height: 230px
}

@media screen and (min-width: 460px) {
    #oralb .video-container {
        height: 340px
    }
}

@media screen and (min-width: 768px) {
    #oralb .video-container {
        height: 551px
    }
}

#oralb .compact-compare-table-container {
    position: relative;
    overflow: hidden;
    overflow-x: scroll
}

@media screen and (min-width: 920px) {
    #oralb .compact-compare-table-container {
        display: none
    }
}

#oralb .compact-compare-table-mobile {
    position: relative;
    min-width: 600px;
    color: #fff
}

#oralb .compact-compare-table-mobile__bg-container {
    width: 100%;
    height: 345px;
    margin: 0
}

@media screen and (min-width: 600px) {
    #oralb .compact-compare-table-mobile__bg-container {
        height: 375px
    }
}

#oralb .compact-compare-table-mobile__bg {
    height: 100%
}

#oralb .compact-compare-table-mobile__bg-image {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

#oralb .compact-compare-table-mobile__header {
    position: absolute;
    top: 5%;
    right: 0;
    left: 0;
    margin: 0;
    font-weight: inherit;
    font-size: 24px;
    font-family: hurme-geometric-sans-1-thin, sans-serif;
    letter-spacing: -.57px;
    text-align: center;
    text-transform: uppercase
}

@media screen and (min-width: 460px) {
    #oralb .compact-compare-table-mobile__header {
        font-size: 28px
    }
}

@media screen and (min-width: 600px) {
    #oralb .compact-compare-table-mobile__header {
        font-size: 34px
    }
}

#oralb .compact-compare-table-mobile__header:after {
    position: absolute;
    top: 155%;
    right: 15px;
    left: 15px;
    height: 1px;
    background-color: #fff;
    content: "";
    opacity: .25
}

#oralb .compact-compare-table-mobile__headers-container {
    position: absolute;
    right: 0;
    bottom: 75%;
    left: 0;
    font-size: 12px;
    line-height: 1em;
    font-family: hurme-geometric-sans-1-bold, sans-serif;
    text-transform: uppercase
}

@media screen and (min-width: 460px) {
    #oralb .compact-compare-table-mobile__headers-container {
        bottom: 77%;
        font-size: 14px
    }
}

@media screen and (min-width: 600px) {
    #oralb .compact-compare-table-mobile__headers-container {
        bottom: 68%;
        font-size: 17px
    }
}

#oralb .compact-compare-table-mobile__headers {
    position: relative;
    width: 600px;
    margin: auto
}

#oralb .compact-compare-table-mobile__list-header {
    position: absolute;
    width: 100px;
    margin: 0;
    text-align: center;
    white-space: normal
}

#oralb .compact-compare-table-mobile__list-header:first-child {
    right: 35%
}

#oralb .compact-compare-table-mobile__list-header:nth-child(2) {
    right: 17%
}

#oralb .compact-compare-table-mobile__list-header:nth-child(3) {
    right: 1%
}

#oralb .compact-compare-table-mobile__list {
    position: absolute;
    bottom: 59%;
    width: 100%
}

@media screen and (min-width: 460px) {
    #oralb .compact-compare-table-mobile__list {
        bottom: 59%
    }
}

@media screen and (min-width: 600px) {
    #oralb .compact-compare-table-mobile__list {
        bottom: 50%
    }
}

#oralb .compact-compare-table-mobile__list-inner {
    position: relative;
    width: 600px;
    margin: auto
}

#oralb .compact-compare-table-mobile__list-element {
    position: absolute;
    left: 0;
    width: 100%;
    white-space: normal
}

#oralb .compact-compare-table-mobile__list-element:nth-child(2) {
    top: 38px
}

#oralb .compact-compare-table-mobile__list-element:nth-child(3) {
    top: 77px
}

#oralb .compact-compare-table-mobile__list-element:nth-child(4) {
    top: 115px
}

#oralb .compact-compare-table-mobile__list-element:after {
    position: absolute;
    top: 30px;
    right: 15px;
    left: 15px;
    height: 1px;
    background-color: #fff;
    content: "";
    opacity: .25
}

#oralb .compact-compare-table-mobile__list-title {
    margin: 0;
    padding-left: 17px;
    font-size: 14px;
    line-height: 1.1em;
    font-family: hurme-geometric-sans-1-semi-bold, sans-serif;
    letter-spacing: -.2px
}

#oralb .compact-compare-table-mobile__list-icon-container {
    position: absolute;
    top: 0;
    margin: 0
}

#oralb .compact-compare-table-mobile__list-icon-container:nth-child(2) {
    right: 51%
}

#oralb .compact-compare-table-mobile__list-icon-container:nth-child(3) {
    right: 33%
}

#oralb .compact-compare-table-mobile__list-icon-container:nth-child(4) {
    right: 15%
}

#oralb .compact-compare-table-mobile__list-icon {
    width: 19px;
    height: 18px;
    margin: 0
}

#oralb .compact-compare-table-mobile__brushes-container {
    position: relative;
    width: 600px;
    margin: auto
}

#oralb .compact-compare-table-mobile__brushes {
    position: absolute;
    right: 25px;
    bottom: -218px
}

#oralb .compact-compare-table-mobile__brush {
    position: absolute;
    bottom: 0;
    margin: 0
}

#oralb .compact-compare-table-mobile__brush:first-of-type {
    right: 210px
}

#oralb .compact-compare-table-mobile__brush:nth-child(2) {
    right: 102px
}

#oralb .compact-compare-table-mobile__brush:nth-child(3) {
    right: 1px
}

#oralb .compact-compare-table-mobile__brush-image {
    height: 240px;
    -o-object-fit: contain;
    object-fit: contain
}

#oralb .compact-compare-table-mobile__disclaimer {
    position: absolute;
    bottom: 10px;
    left: 17px;
    font-size: 11px;
    line-height: 1em;
    font-family: hurme-geometric-sans-1, sans-serif
}

#oralb .compact-compare-table {
    display: none;
    position: relative;
    overflow: hidden;
    color: #fff
}

@media screen and (min-width: 920px) {
    #oralb .compact-compare-table {
        display: block
    }
}

#oralb .compact-compare-table__bg-container {
    width: 100%;
    height: 584px;
    margin: 0
}

#oralb .compact-compare-table__bg {
    height: 100%
}

#oralb .compact-compare-table__bg-image {
    max-width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

#oralb .compact-compare-table__header {
    position: absolute;
    top: 37px;
    right: 0;
    left: 0;
    margin: 0;
    font-weight: inherit;
    font-size: 39px;
    font-family: hurme-geometric-sans-1-thin, sans-serif;
    letter-spacing: -.57px;
    text-align: center;
    text-transform: uppercase
}

#oralb .compact-compare-table__header:after {
    position: absolute;
    top: 127px;
    right: 15px;
    left: 15px;
    height: 1px;
    background-color: #fff;
    content: "";
    opacity: .25
}

#oralb .compact-compare-table__headers {
    position: absolute;
    top: 175px;
    font-size: 20px;
    line-height: 1em;
    font-family: hurme-geometric-sans-1-bold, sans-serif;
    text-align: center;
    text-transform: uppercase
}

#oralb .compact-compare-table__list-header {
    position: absolute;
    width: 100px;
    text-align: center;
    white-space: normal
}

#oralb .compact-compare-table__list-header:first-child {
    left: 320px
}

#oralb .compact-compare-table__list-header:nth-child(2) {
    left: 569px
}

#oralb .compact-compare-table__list-header:nth-child(3) {
    left: 816px
}

#oralb .compact-compare-table__list-element {
    position: absolute;
    right: 0;
    left: 0
}

#oralb .compact-compare-table__list-element:first-child {
    top: 290px
}

#oralb .compact-compare-table__list-element:nth-child(2) {
    top: 340px
}

#oralb .compact-compare-table__list-element:nth-child(3) {
    top: 391px
}

#oralb .compact-compare-table__list-element:nth-child(4) {
    top: 441px
}

#oralb .compact-compare-table__list-element:after {
    position: absolute;
    top: 29px;
    right: 15px;
    left: 15px;
    height: 1px;
    background-color: #fff;
    content: "";
    opacity: .25
}

#oralb .compact-compare-table__list-title {
    margin: 0;
    padding-left: 17px;
    font-size: 12px;
    line-height: 14.06px;
    font-family: hurme-geometric-sans-1-semi-bold, sans-serif;
    letter-spacing: -.2px
}

#oralb .compact-compare-table__list-icon-container {
    position: absolute;
    top: 0;
    margin: 0
}

#oralb .compact-compare-table__list-icon-container:nth-child(2) {
    left: 291px
}

#oralb .compact-compare-table__list-icon-container:nth-child(3) {
    left: 538px
}

#oralb .compact-compare-table__list-icon-container:nth-child(4) {
    left: 783px
}

#oralb .compact-compare-table__list-icon {
    width: 19px;
    height: 18px;
    margin: 0
}

#oralb .compact-compare-table__brushes {
    position: absolute;
    right: 0;
    bottom: -20px;
    left: 0
}

#oralb .compact-compare-table__brush {
    position: absolute;
    bottom: 0
}

#oralb .compact-compare-table__brush:first-of-type {
    right: 480px
}

#oralb .compact-compare-table__brush:nth-child(2) {
    right: 230px
}

#oralb .compact-compare-table__brush:nth-child(3) {
    right: -20px
}

#oralb .compact-compare-table__disclaimer {
    position: absolute;
    bottom: 10px;
    left: 17px;
    font-size: 11px;
    line-height: 1em;
    font-family: hurme-geometric-sans-1, sans-serif
}

#oralb {
    max-width: 920px
}

#oralb .compare-table-container {
    overflow-x: scroll
}

#oralb .compare-table-container.light {
    background: radial-gradient(circle, rgb(255, 255, 255) 38%, rgb(233, 233, 235) 76%, rgb(174, 179, 187) 100%)
}

#oralb .compare-table-container.light .compare-table {
    color: #002554
}

#oralb .compare-table-container.light .compare-table tr th {
    border: 2px solid rgba(22, 34, 59, .2)
}

#oralb .compare-table-container.light .compare-table tr th h2 {
    border-bottom: 1px solid #002554
}

#oralb .compare-table-container.light .compare-table tr td {
    border: 2px solid rgba(22, 34, 59, .2)
}

#oralb .compare-table-container.light .compare-table tr th:nth-child(2),
#oralb .compare-table-container.light .compare-table tr td:nth-child(2) {
    background: rgba(22, 34, 59, .1)
}

#oralb .compare-table-container.light .compare-table tr .model__color--black,
#oralb .compare-table-container.light .compare-table tr .model__color--white {
    border: 1px solid #1e1b1b
}

#oralb .compare-table-container.dark {
    background: radial-gradient(circle, rgb(0, 17, 42) 8%, rgb(0, 5, 11) 55%, rgb(0, 0, 0) 100%)
}

#oralb .compare-table-container.dark .compare-table {
    color: #fff
}

#oralb .compare-table-container.dark .compare-table tr th {
    border: 2px solid #111f32
}

#oralb .compare-table-container.dark .compare-table tr th h2 {
    border-bottom: 1px solid #ffffff
}

#oralb .compare-table-container.dark .compare-table tr td {
    border: 2px solid #111f32
}

#oralb .compare-table-container.dark .compare-table tr th:nth-child(2),
#oralb .compare-table-container.dark .compare-table tr td:nth-child(2) {
    background: rgba(23, 48, 89, .5)
}

#oralb .compare-table-container.dark .compare-table tr .model__color--black,
#oralb .compare-table-container.dark .compare-table tr .model__color--white {
    border: 1px solid #ffffff
}

#oralb .compare-table {
    width: 100%;
    border-collapse: collapse;
    font-family: hurme-geometric-sans-1, sans-serif;
    text-align: left
}

#oralb .compare-table tr th,
#oralb .compare-table tr td {
    font-size: 12px
}

@media screen and (min-width: 460px) {

    #oralb .compare-table tr th,
    #oralb .compare-table tr td {
        font-size: 14px
    }
}

@media screen and (min-width: 768px) {

    #oralb .compare-table tr th,
    #oralb .compare-table tr td {
        font-size: 16px
    }
}

#oralb .compare-table tr th {
    min-width: 100px;
    padding: 10px
}

#oralb .compare-table tr th:first-of-type {
    max-width: 230px
}

#oralb .compare-table tr th h2 {
    display: inline-block;
    margin: 30px 0 0;
    font-size: 24px;
    font-family: hurme-geometric-sans-1-semi-bold, sans-serif
}

@media screen and (min-width: 460px) {
    #oralb .compare-table tr th h2 {
        font-size: 30px
    }
}

@media screen and (min-width: 768px) {
    #oralb .compare-table tr th h2 {
        font-size: 40px
    }
}

#oralb .compare-table tr th h3 {
    font-size: 14px;
    font-family: hurme-geometric-sans-1-semi-bold, sans-serif
}

@media screen and (min-width: 768px) {
    #oralb .compare-table tr th h3 {
        font-size: 16px
    }
}

#oralb .compare-table tr td {
    text-align: center;
    vertical-align: middle
}

#oralb .compare-table tr td img {
    margin-top: 5px
}

#oralb .compare-table tr .model {
    text-align: center
}

#oralb .compare-table tr .model__name {
    display: block;
    font-family: hurme-geometric-sans-1-semi-bold, sans-serif
}

#oralb .compare-table tr .model__color {
    display: inline-flex;
    width: 10px;
    height: 10px;
    margin: 0 1px;
    border-radius: 100%
}

#oralb .compare-table tr .model__color--black {
    background: #1e1b1b
}

#oralb .compare-table tr .model__color--navy {
    border: 1px solid #002f70;
    background: #002f70
}

#oralb .compare-table tr .model__color--babyBlue {
    border: 1px solid #7db9f1;
    background: #7db9f1
}

#oralb .compare-table tr .model__color--dustyBlue {
    border: 1px solid #7caaca;
    background: #7caaca
}

#oralb .compare-table tr .model__color--violet {
    border: 1px solid #897ba8;
    background: #897ba8
}

#oralb .compare-table tr .model__color--purple {
    border: 1px solid #4e4090;
    background: #4e4090
}

#oralb .compare-table tr .model__color--lilac {
    border: 1px solid #b6afc3;
    background: #b6afc3
}

#oralb .compare-table tr .model__color--pink {
    border: 1px solid #f3b3d3;
    background: #f3b3d3
}

#oralb .compare-table tr .model__color--white {
    border: 1px solid #1e1b1b;
    background: #ffffff
}

#oralb .compare-table tr .model__color--grey {
    border: 1px solid #90908f;
    background: #90908f
}

#oralb .main-header {
    position: relative;
    width: 100%
}

#oralb .main-header__image {
    display: block;
    width: 100%
}

#oralb .main-header__copy {
    display: flex;
    position: absolute;
    top: 0;
    right: 10px;
    flex-direction: column;
    justify-content: center;
    width: 50%;
    height: 100%;
    text-align: center
}

@media screen and (min-width: 768px) {
    #oralb .main-header__copy {
        right: 70px
    }
}

#oralb .main-header__copy--wider {
    width: 56%
}

@media screen and (min-width: 768px) {
    #oralb .main-header__copy--wider {
        right: 0
    }
}

#oralb .main-header__logo {
    width: 100px
}

@media screen and (min-width: 600px) {
    #oralb .main-header__logo {
        width: 200px
    }
}

#oralb .main-header__title,
#oralb .main-header__subtitle {
    color: #fff;
    text-transform: uppercase
}

#oralb .main-header__title {
    margin: 10px 0;
    font-size: 28px;
    font-family: hurme-geometric-sans-1, sans-serif
}

@media (min-width: 460px) and (max-width: 599px) {
    #oralb .main-header__title {
        font-size: 21.14px
    }
}

@media screen and (max-width: 459px) {
    #oralb .main-header__title {
        font-size: 14.924px
    }
}

@media screen and (min-width: 768px) {
    #oralb .main-header__title {
        font-size: 40px
    }
}

@media screen and (min-width: 920px) {
    #oralb .main-header__title {
        font-size: 46px
    }
}

#oralb .main-header__subtitle {
    margin: 0;
    font-size: 20px;
    font-family: hurme-geometric-sans-1-light, sans-serif
}

@media (min-width: 460px) and (max-width: 599px) {
    #oralb .main-header__subtitle {
        font-size: 15.1px
    }
}

@media screen and (max-width: 459px) {
    #oralb .main-header__subtitle {
        font-size: 10.66px
    }
}

@media screen and (min-width: 768px) {
    #oralb .main-header__subtitle {
        font-size: 30px
    }
}

#oralb .main-header__subtitle span {
    text-transform: none
}

#oralb .technology-section {
    position: relative;
    width: 100%
}

#oralb .technology-section__image {
    display: block;
    width: 100%
}

#oralb .technology-section__copy {
    display: flex;
    position: absolute;
    top: 0;
    left: 10px;
    flex-direction: column;
    width: 90%
}

@media screen and (min-width: 768px) {
    #oralb .technology-section__copy {
        top: 20px;
        left: 30px
    }
}

#oralb .technology-section__title,
#oralb .technology-section__description {
    color: #fff
}

#oralb .technology-section__title {
    display: inline-block;
    position: relative;
    margin: 10px 0;
    padding-right: 40px;
    font-size: 20px;
    font-family: hurme-geometric-sans-1-thin, sans-serif;
    text-transform: uppercase
}

@media screen and (min-width: 460px) {
    #oralb .technology-section__title {
        font-size: 24px
    }
}

@media screen and (min-width: 768px) {
    #oralb .technology-section__title {
        font-size: 36px
    }
}

#oralb .technology-section__title span {
    display: inline-block;
    margin-bottom: -4px;
    width: 30px;
    height: 22px;
    background-image: url(images/io5-mobile/iO-logo.png);
    background-size: contain;
    background-repeat: no-repeat
}

@media screen and (min-width: 768px) {
    #oralb .technology-section__title span {
        margin-bottom: -4px;
        width: 42px;
        height: 31px
    }
}

#oralb .technology-section__description {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    font-family: hurme-geometric-sans-1-thin, sans-serif
}

@media screen and (min-width: 460px) {
    #oralb .technology-section__description {
        font-size: 16px
    }
}

@media screen and (min-width: 768px) {
    #oralb .technology-section__description {
        font-size: 20px
    }
}

#oralb .list {
    position: relative;
    overflow: hidden
}

#oralb .list__bg-container {
    width: 100%;
    margin: 0
}

#oralb .list__bg-image {
    display: block;
    width: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

#oralb .list__text-container {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 50%;
    color: #002554;
    font-family: hurme-geometric-sans-1-light, sans-serif
}

@media screen and (min-width: 460px) {
    #oralb .list__text-container {
        top: 35px;
        left: 35px
    }
}

@media screen and (min-width: 600px) {
    #oralb .list__text-container {
        top: 35px;
        left: 35px
    }
}

@media screen and (min-width: 768px) {
    #oralb .list__text-container {
        top: 15px;
        left: 15px;
        width: 45%
    }
}

@media screen and (min-width: 920px) {
    #oralb .list__text-container {
        top: 15px;
        left: 35px;
        width: 45%
    }
}

#oralb .list__text-container--white {
    color: #fff
}

#oralb .list__title {
    margin: 0;
    font-weight: inherit;
    font-size: 11px;
    line-height: 1.2em;
    font-family: hurme-geometric-sans-1, sans-serif;
    letter-spacing: .05em;
    text-transform: uppercase
}

@media screen and (min-width: 460px) {
    #oralb .list__title {
        font-size: 16px
    }
}

@media screen and (min-width: 600px) {
    #oralb .list__title {
        font-size: 20px
    }
}

@media screen and (min-width: 768px) {
    #oralb .list__title {
        font-size: 22px
    }
}

@media screen and (min-width: 920px) {
    #oralb .list__title {
        font-size: 27px
    }
}

#oralb .list__list-container {
    width: 100%;
    padding: 5px 0
}

@media screen and (min-width: 460px) {
    #oralb .list__list-container {
        width: 75%
    }
}

@media screen and (min-width: 600px) {
    #oralb .list__list-container {
        width: 70%
    }
}

@media screen and (min-width: 768px) {
    #oralb .list__list-container {
        width: 70%
    }
}

@media screen and (min-width: 920px) {
    #oralb .list__list-container {
        width: 55%
    }
}

#oralb .list__list-element {
    display: flex;
    align-items: center;
    padding: 1px 0
}

@media screen and (min-width: 460px) {
    #oralb .list__list-element {
        padding: 5px 0
    }
}

@media screen and (min-width: 600px) {
    #oralb .list__list-element {
        padding: 5px 0
    }
}

@media screen and (min-width: 768px) {
    #oralb .list__list-element {
        padding: 5px 0
    }
}

@media screen and (min-width: 920px) {
    #oralb .list__list-element {
        padding: 5px 0
    }
}

#oralb .list__list-title {
    margin: 0;
    padding-left: 5px;
    font-size: 11px;
    line-height: 1em;
    font-family: hurme-geometric-sans-1-light, sans-serif
}

@media screen and (min-width: 460px) {
    #oralb .list__list-title {
        font-size: 12px
    }
}

@media screen and (min-width: 600px) {
    #oralb .list__list-title {
        font-size: 16px
    }
}

@media screen and (min-width: 768px) {
    #oralb .list__list-title {
        font-size: 16px
    }
}

@media screen and (min-width: 920px) {
    #oralb .list__list-title {
        font-size: 18px
    }
}

#oralb .list__list-image {
    width: 25px;
    height: 25px;
    -o-object-fit: contain;
    object-fit: contain
}

@media screen and (min-width: 460px) {
    #oralb .list__list-image {
        width: 35px;
        height: 35px
    }
}

@media screen and (min-width: 600px) {
    #oralb .list__list-image {
        width: 45px;
        height: 45px
    }
}

@media screen and (min-width: 768px) {
    #oralb .list__list-image {
        width: 35px;
        height: 35px
    }
}

@media screen and (min-width: 920px) {
    #oralb .list__list-image {
        width: 45px;
        height: 45px
    }
}

#oralb .list__disclaimer {
    margin: 0;
    font-size: 9px;
    line-height: 1.2em;
    font-family: hurme-geometric-sans-1, sans-serif
}

@media screen and (min-width: 460px) {
    #oralb .list__disclaimer {
        font-size: 9px
    }
}

@media screen and (min-width: 600px) {
    #oralb .list__disclaimer {
        font-size: 10px
    }
}

@media screen and (min-width: 768px) {
    #oralb .list__disclaimer {
        font-size: 10px
    }
}

@media screen and (min-width: 920px) {
    #oralb .list__disclaimer {
        font-size: 11px
    }
}

#oralb .list sup {
    font-size: .6em
}

#oralb .badges-container {
    display: flex;
    position: relative;
    justify-content: center;
    width: 100%
}

#oralb .badges-container__wrapper {
    width: 100%
}

#oralb .badges-container__image {
    display: block;
    width: 100%;
    height: 490px
}

@media screen and (min-width: 460px) {
    #oralb .badges-container__image {
        height: 490px
    }
}

@media screen and (min-width: 600px) {
    #oralb .badges-container__image {
        height: 400px
    }
}

@media screen and (min-width: 768px) {
    #oralb .badges-container__image {
        height: 380px
    }
}

@media screen and (min-width: 920px) {
    #oralb .badges-container__image {
        height: auto
    }
}

#oralb .badges-container__image--wider {
    height: 600px
}

@media screen and (min-width: 460px) {
    #oralb .badges-container__image--wider {
        height: 490px
    }
}

@media screen and (min-width: 600px) {
    #oralb .badges-container__image--wider {
        height: 400px
    }
}

@media screen and (min-width: 768px) {
    #oralb .badges-container__image--wider {
        height: 380px
    }
}

@media screen and (min-width: 920px) {
    #oralb .badges-container__image--wider {
        height: auto
    }
}

#oralb .badges-container__logos {
    display: flex;
    position: absolute;
    top: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    width: 75%;
    padding: 25px 0
}

@media screen and (min-width: 600px) {
    #oralb .badges-container__logos {
        width: 78%
    }
}

@media screen and (min-width: 768px) {
    #oralb .badges-container__logos {
        width: 62%
    }
}

@media screen and (min-width: 920px) {
    #oralb .badges-container__logos {
        flex-direction: row;
        justify-content: space-around;
        width: 90%
    }
}

#oralb .badges-container__logos .container-logos__img {
    width: 100%;
    padding: 10px 15px
}

@media screen and (min-width: 600px) {
    #oralb .badges-container__logos .container-logos__img {
        padding: 0 15px
    }
}

@media screen and (min-width: 920px) {
    #oralb .badges-container__logos .container-logos__img {
        padding: 0
    }
}

#oralb .badges-container__disclaimers {
    display: flex;
    position: absolute;
    bottom: 5px;
    left: 20px;
    flex-direction: column;
    width: 100%;
    color: #fff;
    font-size: 10px;
    font-family: hurme-geometric-sans-1-semi-bold, sans-serif
}

@media screen and (min-width: 920px) {
    #oralb .badges-container__disclaimers {
        bottom: 15px;
        left: auto;
        align-items: center;
        font-size: 12px
    }
}

#oralb .badges-container__disclaimers .disclaimers__text {
    display: block;
    width: 90%
}

@media screen and (min-width: 920px) {
    #oralb .badges-container__disclaimers .disclaimers__text {
        width: 81%
    }
}

#oralb .badges-container__disclaimers .disclaimers__text--small {
    width: 70%
}

@media screen and (min-width: 920px) {
    #oralb .badges-container__disclaimers .disclaimers__text--small {
        width: 81%
    }
}

#oralb .text-top-left {
    position: relative;
    overflow: hidden;
    font-family: hurme-geometric-sans-1-light, sans-serif
}

#oralb .text-top-left__bg-container {
    width: 100%;
    margin: 0
}

#oralb .text-top-left__bg-image {
    display: block;
    width: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

#oralb .text-top-left__text-container {
    position: absolute;
    top: 10px;
    left: 15px;
    width: 65%;
    color: #002554;
    font-family: hurme-geometric-sans-1-light, sans-serif
}

@media screen and (min-width: 460px) {
    #oralb .text-top-left__text-container {
        top: 10px;
        left: 25px;
        width: 45%
    }
}

@media screen and (min-width: 600px) {
    #oralb .text-top-left__text-container {
        top: 10px;
        left: 25px;
        width: 50%
    }
}

@media screen and (min-width: 768px) {
    #oralb .text-top-left__text-container {
        top: 35px;
        left: 35px;
        width: 33%
    }
}

#oralb .text-top-left__text-container--white {
    color: #fff
}

#oralb .text-top-left__text-container--narrowerMobileText {
    width: 40%
}

@media screen and (min-width: 768px) {
    #oralb .text-top-left__text-container--narrowerMobileText {
        width: 30%
    }
}

#oralb .text-top-left__text-container--right {
    width: 90%
}

@media screen and (min-width: 460px) {
    #oralb .text-top-left__text-container--right {
        width: 90%
    }
}

@media screen and (min-width: 600px) {
    #oralb .text-top-left__text-container--right {
        width: 90%
    }
}

@media screen and (min-width: 768px) {
    #oralb .text-top-left__text-container--right {
        top: 10px;
        left: 50%;
        width: 45%
    }
}

@media screen and (min-width: 920px) {
    #oralb .text-top-left__text-container--right {
        top: 35px;
        left: 50%;
        width: 50%
    }
}

#oralb .text-top-left__text-container--wider {
    width: 65%
}

@media screen and (min-width: 460px) {
    #oralb .text-top-left__text-container--wider {
        width: 52%
    }
}

@media screen and (min-width: 600px) {
    #oralb .text-top-left__text-container--wider {
        width: 50%
    }
}

@media screen and (min-width: 768px) {
    #oralb .text-top-left__text-container--wider {
        width: 50%
    }
}

#oralb .text-top-left__title {
    margin: 0;
    font-weight: inherit;
    font-size: 18px;
    line-height: 1.2em;
    letter-spacing: .05em;
    text-transform: uppercase
}

@media screen and (min-width: 460px) {
    #oralb .text-top-left__title {
        font-size: 24px
    }
}

@media screen and (min-width: 600px) {
    #oralb .text-top-left__title {
        font-size: 32px
    }
}

@media screen and (min-width: 768px) {
    #oralb .text-top-left__title {
        font-size: 30px
    }
}

#oralb .text-top-left__title--right {
    font-size: 18px
}

@media screen and (min-width: 460px) {
    #oralb .text-top-left__title--right {
        font-size: 28px
    }
}

@media screen and (min-width: 600px) {
    #oralb .text-top-left__title--right {
        font-size: 32px
    }
}

@media screen and (min-width: 768px) {
    #oralb .text-top-left__title--right {
        font-size: 26px
    }
}

@media screen and (min-width: 920px) {
    #oralb .text-top-left__title--right {
        font-size: 30px
    }
}

#oralb .text-top-left__description {
    margin: 7px 0 0;
    font-size: 12px;
    line-height: 1.2em
}

@media screen and (min-width: 460px) {
    #oralb .text-top-left__description {
        font-size: 16px
    }
}

@media screen and (min-width: 600px) {
    #oralb .text-top-left__description {
        font-size: 18px
    }
}

@media screen and (min-width: 768px) {
    #oralb .text-top-left__description {
        font-size: 18px
    }
}

#oralb .text-top-left__description--right {
    font-size: 14px
}

@media screen and (min-width: 460px) {
    #oralb .text-top-left__description--right {
        font-size: 16px
    }
}

@media screen and (min-width: 600px) {
    #oralb .text-top-left__description--right {
        font-size: 18px
    }
}

@media screen and (min-width: 768px) {
    #oralb .text-top-left__description--right {
        font-size: 16px
    }
}

@media screen and (min-width: 920px) {
    #oralb .text-top-left__description--right {
        font-size: 18px
    }
}

#oralb .text-top-left__description b {
    font-family: hurme-geometric-sans-1-semi-bold, sans-serif
}

#oralb {
    max-width: 920px
}

#oralb .image-container__img {
    display: block;
    max-width: 100%
}