@import url("https://use.typekit.net/tzp1goh.css");

@font-face {
    font-family: trojan-icons;
    src: url(/Brands/Trojan/assets/fonts/trojan-icons/trojan-icons.eot);
    src: url(/Brands/Trojan/assets/fonts/trojan-icons/trojan-icons.eot?#iefix) format('embedded-opentype'), url(/Brands/Trojan/assets/fonts/trojan-icons/trojan-icons.woff) format('woff'), url(/Brands/Trojan/assets/fonts/trojan-icons/trojan-icons.ttf) format('truetype'), url(/Brands/Trojan/assets/fonts/trojan-icons/trojan-icons.svg#trojan-icons) format('svg');
    font-weight: 400;
    font-style: normal;
    unicode-range: U+2190, U+2192, U+2193
}


/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls .owl-buttons div,
.owl-controls .owl-page {
    cursor: pointer
}

.owl-controls {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.grabbing {
    cursor: url(grabbing.png) 8 8, move
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease
}

.owl-fade-in {
    -webkit-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease
}

.owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    animation: backSlideOut 1s both ease
}

.owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease
}

.owl-goDown-out {
    -webkit-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both
}

.owl-goDown-in {
    -webkit-animation: goDown .6s ease both;
    animation: goDown .6s ease both
}

.owl-fadeUp-in {
    -webkit-animation: scaleUpFrom .5s ease both;
    animation: scaleUpFrom .5s ease both
}

.owl-fadeUp-out {
    -webkit-animation: scaleUpTo .5s ease both;
    animation: scaleUpTo .5s ease both
}

@-webkit-keyframes empty {
    0% {
        opacity: 1
    }
}

@keyframes empty {
    0% {
        opacity: 1
    }
}

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

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

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

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

@-webkit-keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%)
    }
    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%)
    }
}

@keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        transform: translateZ(-500px)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%)
    }
    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%)
    }
}

@-webkit-keyframes backSlideIn {
    0%,
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0)
    }
}

@keyframes backSlideIn {
    0%,
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
        transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0)
    }
}

@-webkit-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(.8)
    }
}

@keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@-webkit-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%)
    }
}

@keyframes goDown {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
}

@keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
}

@keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

body,
html {
    height: 100%;
    margin: 0;
    padding: 0
}

body {
    color: #000;
    font-family: trojan-icons, Lato, sans-serif;
    font-size: 16px;
    line-height: 1.25;
    overflow-y: scroll;
    word-wrap: break-word
}

form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%;
    position: relative
}

a {
    color: #5425A5;
    text-decoration: none
}

:link,
:visited {
    text-decoration: none
}

:link:hover,
:visited:hover {
    text-decoration: underline
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 24px;
    line-height: 24px
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit
}

h1 {
    font-weight: inherit;
    text-transform: uppercase
}

h2 {
    color: #5425A5;
    font-weight: 400
}

@media (min-width:1110px) {
    h2 {
        font-size: 48px;
        line-height: 50px
    }
}

h3 {
    color: #5425A5;
    font-weight: 700
}

@media (min-width:1110px) {
    h3 {
        font-size: 38px;
        line-height: 30px
    }
}

h4 {
    color: #000;
    font-weight: 300
}

@media (min-width:1110px) {
    h4 {
        font-size: 28px;
        line-height: 30px
    }
}

h5 {
    color: #000;
    font-weight: 300;
    text-transform: uppercase
}

img {
    height: auto;
    max-width: 100%
}

embed,
iframe,
object,
video {
    max-width: 100%;
    border: 0;
    height: 100%;
    width: 100%
}

.grabbing {
    cursor: url(../owl-carousel/1.3.3/grabbing.png) 8 8, move
}

#scLoadingFrame {
    display: none!important
}

.one-column-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.two-column-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.two-column-content:after {
    clear: both;
    content: '';
    display: table
}

@media (min-width:1110px) {
    .two-column-content {
        margin: 0 auto;
        max-width: 1110px;
        width: 100%
    }
}

@media (min-width:1110px) {
    .two-column-content__content {
        float: left;
        padding-right: 20px;
        width: 790px
    }
}

@media (min-width:1110px) {
    .two-column-content__sidebar {
        float: right;
        width: 295px
    }
}

.three-tabbed-content {
    background-image: url(/Brands/Trojan/assets/images/backgrounds/XOXO-bg-pattern-periwinkle.png)
}

.three-tabbed-content__tabs:after {
    clear: both;
    content: '';
    display: table
}

.three-tabbed-content__tabs__tab {
    color: #E4DAF6;
    background-color: #fff;
    box-sizing: border-box;
    float: left;
    font-size: 16px;
    font-weight: 300;
    line-height: 16px;
    padding: 10px 20px;
    position: relative;
    width: 50%;
    white-space: nowrap
}

.condoms .three-tabbed-content__tabs__tab {
    color: #1B4AA4
}

.lubricants .three-tabbed-content__tabs__tab {
    color: #64216D
}

.vibrations .three-tabbed-content__tabs__tab {
    color: #8E8CD0
}

@media (min-width:1110px) {
    .three-tabbed-content__tabs__tab {
        font-size: 24px;
        line-height: 24px
    }
}

.three-tabbed-content__tabs__tab:first-child {
    text-align: right
}

.three-tabbed-content__tabs__tab[aria-selected=true] {
    background-color: #EBEBEB;
    font-weight: 700
}

.condoms .three-tabbed-content__tabs__tab[aria-selected=true] {
    background-color: #E8EDFF
}

.lubricants .three-tabbed-content__tabs__tab[aria-selected=true] {
    background-color: #EED1F2
}

.vibrations .three-tabbed-content__tabs__tab[aria-selected=true] {
    background-color: #DBDAF3
}

.three-tabbed-content__tabs__tab[aria-selected=true] .three-tabbed-content__tabs__tab__tab-arrow {
    background-size: 11px 9px;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 10px
}

@media (min-width:1110px) {
    .three-tabbed-content__tabs__tab[aria-selected=true] .three-tabbed-content__tabs__tab__tab-arrow {
        background-size: 17px 14px;
        height: 14px;
        margin: -5px 80px 0;
        width: 17px;
        padding-bottom: 15px
    }
}

.condoms .three-tabbed-content__tabs__tab[aria-selected=true] .three-tabbed-content__tabs__tab__tab-arrow {
    background-image: url(/Brands/Trojan/assets/images/icons/tabs/condoms-arrow.png)
}

.lubricants .three-tabbed-content__tabs__tab[aria-selected=true] .three-tabbed-content__tabs__tab__tab-arrow {
    background-image: url(/Brands/Trojan/assets/images/icons/tabs/lubricants-arrow.png)
}

.vibrations .three-tabbed-content__tabs__tab[aria-selected=true] .three-tabbed-content__tabs__tab__tab-arrow {
    background-image: url(/Brands/Trojan/assets/images/icons/tabs/vibrations-arrow.png)
}

.three-tabbed-content__panel {
    background-color: #EBEBEB;
    display: none;
    padding: 45px 0 20px
}

.condoms .three-tabbed-content__panel {
    background-color: #E8EDFF
}

.lubricants .three-tabbed-content__panel {
    background-color: #EED1F2
}

.vibrations .three-tabbed-content__panel {
    background-color: #DBDAF3
}

.three-tabbed-content__panel[aria-expanded=true] {
    display: block
}

.three-tabbed-content--xoxo {
    background-image: url(/Brands/Trojan/assets/images/backgrounds/XOXO-bg-pattern-periwinkle.png)
}

.three-tabbed-content--xoxo__tabs {
    margin: 0 auto -2px;
    text-align: center
}

@media (min-width:600px) and (max-width:1109px) {
    .three-tabbed-content--xoxo__tabs {
        max-width: 550px
    }
}

@media (min-width:1110px) {
    .three-tabbed-content--xoxo__tabs {
        max-width: 785px
    }
}

.three-tabbed-content--xoxo__tabs__tab {
    background-color: transparent;
    background-image: url(/Brands/Trojan/assets/images/backgrounds/grey_tab.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #FFF;
    display: inline-block;
    float: none;
    font-size: 18px;
    font-weight: 700;
    margin: 0 auto -2px;
    max-width: 320px;
    padding: 15px 0;
    text-align: center;
    vertical-align: middle;
    width: 30%
}

.condoms .three-tabbed-content--xoxo__tabs__tab,
.lubricants .three-tabbed-content--xoxo__tabs__tab,
.vibrations .three-tabbed-content--xoxo__tabs__tab {
    color: #FFF
}

@media (max-width:1109px) {
    .three-tabbed-content--xoxo__tabs__tab {
        font-size: 12px
    }
}

@media (min-width:600px) and (max-width:1109px) {
    .three-tabbed-content--xoxo__tabs__tab {
        font-size: 18px;
        margin: 0 5px;
        max-width: 550px;
        padding: 25px 0
    }
}

@media (min-width:1110px) {
    .three-tabbed-content--xoxo__tabs__tab {
        margin: 0 10px;
        max-width: 785px;
        padding: 30px 0
    }
}

.three-tabbed-content--xoxo__tabs__tab:first-child {
    text-align: center
}

.three-tabbed-content--xoxo__tabs__tab[aria-selected=true] {
    background-color: transparent;
    background-image: url(/Brands/Trojan/assets/images/backgrounds/black_tab.png)
}

.condoms .three-tabbed-content--xoxo__tabs__tab[aria-selected=true] {
    background-color: transparent
}

.lubricants .three-tabbed-content--xoxo__tabs__tab[aria-selected=true] {
    background-color: transparent
}

.vibrations .three-tabbed-content--xoxo__tabs__tab[aria-selected=true] {
    background-color: transparent
}

.three-tabbed-content--xoxo__tabs__tab[aria-selected=true] .three-tabbed-content--xoxo__tabs__tab__tab-arrow {
    margin: 0
}

.condoms .three-tabbed-content--xoxo__tabs__tab[aria-selected=true] .three-tabbed-content--xoxo__tabs__tab__tab-arrow,
.lubricants .three-tabbed-content--xoxo__tabs__tab[aria-selected=true] .three-tabbed-content--xoxo__tabs__tab__tab-arrow,
.vibrations .three-tabbed-content--xoxo__tabs__tab[aria-selected=true] .three-tabbed-content--xoxo__tabs__tab__tab-arrow {
    background-image: url(/Brands/Trojan/assets/images/icons/tabs/default-arrow-white.png)
}

@media (min-width:1110px) {
    .condoms .three-tabbed-content--xoxo__tabs__tab[aria-selected=true] .three-tabbed-content--xoxo__tabs__tab__tab-arrow,
    .lubricants .three-tabbed-content--xoxo__tabs__tab[aria-selected=true] .three-tabbed-content--xoxo__tabs__tab__tab-arrow,
    .vibrations .three-tabbed-content--xoxo__tabs__tab[aria-selected=true] .three-tabbed-content--xoxo__tabs__tab__tab-arrow {
        padding-bottom: 22px
    }
}

.three-tabbed-content--xoxo__panel {
    background-color: transparent;
    background-image: url(/Brands/Trojan/assets/images/backgrounds/XOXO-bg-pattern-black.png);
    border-top: 2px solid #FFF
}

.condoms .three-tabbed-content--xoxo__panel,
.lubricants .three-tabbed-content--xoxo__panel,
.vibrations .three-tabbed-content--xoxo__panel {
    background-color: transparent;
    background-image: url(/Brands/Trojan/assets/images/backgrounds/XOXO-bg-pattern-black.png)
}

.three-tabbed-content__tabs {
    margin: 0 auto -2px;
    text-align: center
}

@media (min-width:600px) and (max-width:1109px) {
    .three-tabbed-content__tabs {
        max-width: 550px
    }
}

@media (min-width:1110px) {
    .three-tabbed-content__tabs {
        max-width: 785px
    }
}

.three-tabbed-content__tabs__tab {
    background-color: transparent;
    background-image: url(/Brands/Trojan/assets/images/backgrounds/grey_tab.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #FFF;
    display: inline-block;
    float: none;
    font-size: 18px;
    font-weight: 700;
    margin: 0 auto -2px;
    max-width: 320px;
    padding: 15px 0;
    text-align: center;
    vertical-align: middle;
    width: 30%
}

.condoms .three-tabbed-content__tabs__tab,
.lubricants .three-tabbed-content__tabs__tab,
.vibrations .three-tabbed-content__tabs__tab {
    color: #FFF
}

@media (max-width:1109px) {
    .three-tabbed-content__tabs__tab {
        font-size: 12px
    }
}

@media (min-width:600px) and (max-width:1109px) {
    .three-tabbed-content__tabs__tab {
        font-size: 18px;
        margin: 0 5px;
        max-width: 550px;
        padding: 25px 0
    }
}

@media (min-width:1110px) {
    .three-tabbed-content__tabs__tab {
        margin: 0 10px;
        max-width: 785px;
        padding: 30px 0
    }
}

.three-tabbed-content__tabs__tab:first-child {
    text-align: center
}

.three-tabbed-content__tabs__tab[aria-selected=true] {
    background-color: transparent;
    background-image: url(/Brands/Trojan/assets/images/backgrounds/black_tab.png)
}

.condoms .three-tabbed-content__tabs__tab[aria-selected=true] {
    background-color: transparent
}

.lubricants .three-tabbed-content__tabs__tab[aria-selected=true] {
    background-color: transparent
}

.vibrations .three-tabbed-content__tabs__tab[aria-selected=true] {
    background-color: transparent
}

.three-tabbed-content__tabs__tab[aria-selected=true] .three-tabbed-content__tabs__tab__tab-arrow {
    margin: 0
}

.condoms .three-tabbed-content__tabs__tab[aria-selected=true] .three-tabbed-content__tabs__tab__tab-arrow,
.lubricants .three-tabbed-content__tabs__tab[aria-selected=true] .three-tabbed-content__tabs__tab__tab-arrow,
.vibrations .three-tabbed-content__tabs__tab[aria-selected=true] .three-tabbed-content__tabs__tab__tab-arrow {
    background-image: url(/Brands/Trojan/assets/images/icons/tabs/default-arrow-white.png)
}

@media (min-width:1110px) {
    .condoms .three-tabbed-content__tabs__tab[aria-selected=true] .three-tabbed-content__tabs__tab__tab-arrow,
    .lubricants .three-tabbed-content__tabs__tab[aria-selected=true] .three-tabbed-content__tabs__tab__tab-arrow,
    .vibrations .three-tabbed-content__tabs__tab[aria-selected=true] .three-tabbed-content__tabs__tab__tab-arrow {
        padding-bottom: 22px
    }
}

.three-tabbed-content__panel {
    background-color: transparent;
    background-image: url(/Brands/Trojan/assets/images/backgrounds/XOXO-bg-pattern-black.png);
    border-top: 2px solid #FFF
}

.condoms .three-tabbed-content__panel,
.lubricants .three-tabbed-content__panel,
.vibrations .three-tabbed-content__panel {
    background-color: transparent;
    background-image: url(/Brands/Trojan/assets/images/backgrounds/XOXO-bg-pattern-black.png)
}

.tabbed-content__tabs:after {
    clear: both;
    content: '';
    display: table
}

.tabbed-content__tabs__tab {
    color: #E4DAF6;
    background-color: #fff;
    box-sizing: border-box;
    float: left;
    font-size: 16px;
    font-weight: 300;
    line-height: 16px;
    padding: 10px 20px;
    position: relative;
    width: 50%;
    white-space: nowrap
}

.condoms .tabbed-content__tabs__tab {
    color: #1B4AA4
}

.lubricants .tabbed-content__tabs__tab {
    color: #64216D
}

.vibrations .tabbed-content__tabs__tab {
    color: #8E8CD0
}

@media (min-width:1110px) {
    .tabbed-content__tabs__tab {
        font-size: 24px;
        line-height: 24px
    }
}

.tabbed-content__tabs__tab:first-child {
    text-align: right
}

.tabbed-content__tabs__tab[aria-selected=true] {
    background-color: #EBEBEB;
    font-weight: 700
}

.condoms .tabbed-content__tabs__tab[aria-selected=true] {
    background-color: #E8EDFF
}

.lubricants .tabbed-content__tabs__tab[aria-selected=true] {
    background-color: #EED1F2
}

.vibrations .tabbed-content__tabs__tab[aria-selected=true] {
    background-color: #DBDAF3
}

.tabbed-content__tabs__tab[aria-selected=true] .tabbed-content__tabs__tab__tab-arrow {
    background-size: 11px 9px;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 10px
}

@media (min-width:1110px) {
    .tabbed-content__tabs__tab[aria-selected=true] .tabbed-content__tabs__tab__tab-arrow {
        background-size: 17px 14px;
        height: 14px;
        margin: -5px 80px 0;
        width: 17px;
        padding-bottom: 15px
    }
}

.condoms .tabbed-content__tabs__tab[aria-selected=true] .tabbed-content__tabs__tab__tab-arrow {
    background-image: url(/Brands/Trojan/assets/images/icons/tabs/condoms-arrow.png)
}

.lubricants .tabbed-content__tabs__tab[aria-selected=true] .tabbed-content__tabs__tab__tab-arrow {
    background-image: url(/Brands/Trojan/assets/images/icons/tabs/lubricants-arrow.png)
}

.vibrations .tabbed-content__tabs__tab[aria-selected=true] .tabbed-content__tabs__tab__tab-arrow {
    background-image: url(/Brands/Trojan/assets/images/icons/tabs/vibrations-arrow.png)
}

.tabbed-content__panel {
    background-color: #EBEBEB;
    display: none;
    padding: 45px 0 20px
}

.condoms .tabbed-content__panel {
    background-color: #E8EDFF
}

.lubricants .tabbed-content__panel {
    background-color: #EED1F2
}

.vibrations .tabbed-content__panel {
    background-color: #DBDAF3
}

.tabbed-content__panel[aria-expanded=true] {
    display: block
}

.tabbed-content--xoxo {
    background-image: none;
	background-color: #bac5e8;
}

.tabbed-content--xoxo__tabs {
    margin: 0 auto -2px;
    text-align: center
}

@media (min-width:600px) and (max-width:1109px) {
    .tabbed-content--xoxo__tabs {
        max-width: 550px
    }
}

@media (min-width:1110px) {
    .tabbed-content--xoxo__tabs {
        max-width: 785px
    }
}

.tabbed-content--xoxo__tabs__tab {
    background-color: transparent;
    background-image: url(/Brands/Trojan/assets/images/backgrounds/grey_tab.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #FFF;
    display: inline-block;
    float: none;
    font-size: 18px;
    font-weight: 700;
    margin: 0 auto -2px;
    max-width: 320px;
    padding: 15px 0;
    text-align: center;
    vertical-align: middle;
    width: 30%
}

.condoms .tabbed-content--xoxo__tabs__tab,
.lubricants .tabbed-content--xoxo__tabs__tab,
.vibrations .tabbed-content--xoxo__tabs__tab {
    color: #FFF
}

@media (max-width:1109px) {
    .tabbed-content--xoxo__tabs__tab {
        font-size: 12px
    }
}

@media (min-width:600px) and (max-width:1109px) {
    .tabbed-content--xoxo__tabs__tab {
        font-size: 18px;
        margin: 0 5px;
        max-width: 550px;
        padding: 25px 0
    }
}

@media (min-width:1110px) {
    .tabbed-content--xoxo__tabs__tab {
        margin: 0 10px;
        max-width: 785px;
        padding: 30px 0
    }
}

.tabbed-content--xoxo__tabs__tab:first-child {
    text-align: center
}

.tabbed-content--xoxo__tabs__tab[aria-selected=true] {
    background-color: transparent;
    background-image: url(/Brands/Trojan/assets/images/backgrounds/black_tab.png)
}

.condoms .tabbed-content--xoxo__tabs__tab[aria-selected=true] {
    background-color: transparent
}

.lubricants .tabbed-content--xoxo__tabs__tab[aria-selected=true] {
    background-color: transparent
}

.vibrations .tabbed-content--xoxo__tabs__tab[aria-selected=true] {
    background-color: transparent
}

.tabbed-content--xoxo__tabs__tab[aria-selected=true] .tabbed-content--xoxo__tabs__tab__tab-arrow {
    margin: 0
}

.condoms .tabbed-content--xoxo__tabs__tab[aria-selected=true] .tabbed-content--xoxo__tabs__tab__tab-arrow,
.lubricants .tabbed-content--xoxo__tabs__tab[aria-selected=true] .tabbed-content--xoxo__tabs__tab__tab-arrow,
.vibrations .tabbed-content--xoxo__tabs__tab[aria-selected=true] .tabbed-content--xoxo__tabs__tab__tab-arrow {
    background-image: url(/Brands/Trojan/assets/images/icons/tabs/default-arrow-white.png)
}

@media (min-width:1110px) {
    .condoms .tabbed-content--xoxo__tabs__tab[aria-selected=true] .tabbed-content--xoxo__tabs__tab__tab-arrow,
    .lubricants .tabbed-content--xoxo__tabs__tab[aria-selected=true] .tabbed-content--xoxo__tabs__tab__tab-arrow,
    .vibrations .tabbed-content--xoxo__tabs__tab[aria-selected=true] .tabbed-content--xoxo__tabs__tab__tab-arrow {
        padding-bottom: 22px
    }
}

.tabbed-content--xoxo__panel {
    background-color: transparent;
    background-image: url(/Brands/Trojan/assets/images/backgrounds/XOXO-bg-pattern-black.png);
    border-top: 2px solid #FFF
}

.condoms .tabbed-content--xoxo__panel,
.lubricants .tabbed-content--xoxo__panel,
.vibrations .tabbed-content--xoxo__panel {
    background-color: transparent;
    background-image: url(/Brands/Trojan/assets/images/backgrounds/XOXO-bg-pattern-black.png)
}

.condoms .tabbed-content--xoxo__panel,
.lubricants .tabbed-content--xoxo__panel,
.vibrations .tabbed-content--xoxo__panel {
    background-color: #d6dcf4;
    background-image: none
}

.tabbed-content--xoxo .button, .tabbed-content--xoxo .button a, .tabbed-content--xoxo .button a:visited {
	background-color: #EBEBEB !important;
	border-color: #5425A5 !important;
	color: #5425A5 !important;
}

.breadcrumb {
    color: #5425A5;
    display: none;
    font-size: 14px;
    left: 0;
    max-width: 400px;
    position: absolute;
    text-align: left;
    top: 20px
}

@media (min-width:600px) and (max-width:1109px) {
    .breadcrumb {
        display: block;
        font-size: 12px;
        left: 5px;
        max-width: 30%;
        top: 3px
    }
}

@media (min-width:1110px) {
    .breadcrumb {
        display: block;
        left: 8px
    }
}

.breadcrumb__link {
    color: #5425A5
}

.breadcrumb__destination {
    color: #757575
}

.footer {
    background-color: #000;
    color: #FFF;
    margin-top: 30px;
    padding-bottom: 50px;
    text-align: center
}

.footer__icons {
    margin: 0 auto;
    padding: 15px 0 10px
}

.footer__icon {
    color: #FFF;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    width: 80px
}

@media (min-width:1110px) {
    .footer__icon {
        margin: 0 30px;
        width: auto
    }
}

.footer__copyright {
    font-size: 15px;
    font-weight: 700
}

.footer__links {
    font-size: 13px;
    font-weight: 300;
    list-style: none;
    margin: 0;
    padding: 5px 0 12px
}

@media (min-width:1110px) {
    .footer__links {
        padding: 5px 0 20px
    }
}

.footer__links__link {
    color: #FFF;
    display: inline-block;
    margin: 0 3px;
    vertical-align: middle
}

.header {
    text-align: center
}

.header__inner {
    position: relative;
    z-index: 13
}

@media (min-width:1110px) {
    .header__inner {
        margin: 0 auto;
        max-width: 1300px
    }
}

.header__logo {
    max-width: 150px
}

@media (max-width:1109px) {
    .header__logo {
        max-width: 90px
    }
}

.header__logo--wrapper {
    display: inline;
    width: 20%
}

.header--xoxo {
    background: #000;
    height: 50px;
    position: fixed;
    z-index: 14;
    width: 100%
}

@media (min-width:1110px) {
    .header--xoxo {
        height: 100px;
        position: static;
        width: auto
    }
}

.header--xoxo__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 13
}

@media (min-width:1110px) {
    .header--xoxo__inner {
        margin: 0 auto;
        max-width: 1300px
    }
}

.header-localization {
    display: none;
	color: #fff
}

@media (min-width:1110px) {
    .header-localization {
        display: block;
        position: absolute;
        right: 120px;
        top: 35px
    }
}

.header-localization--light__link {
    color: #FFF
}

.header-localization--dark__link {
    color: #000
}

.logo {
    display: inline-block;
    height: auto;
    margin-top: 15px;
    width: 190px
}

@media (min-width:1110px) {
    .logo {
        margin-top: 30px;
        width: 300px
    }
}

.logo__image {
    height: auto;
    width: 100%
}

.logo--product-category {
    left: 50%;
    margin-left: -85px;
    position: absolute
}

@media (min-width:1110px) {
    .logo--product-category {
        margin-left: -150px
    }
}

.menu {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0
}

.menu:before {
    background-color: rgba(84, 37, 165, .9);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.menu__hamburger {
    cursor: pointer;
    position: absolute;
    right: 26px;
    top: 18px;
    width: 20px
}

@media (min-width:1110px) {
    .menu__hamburger {
        right: 70px;
        top: 35px;
        width: auto
    }
}

.menu__hamburger--xoxo {
    top: 15px
}

@media (min-width:1110px) {
    .menu__hamburger--xoxo {
        top: 30px
    }
}

.menu__content {
    position: relative;
    z-index: 11
}

@media (max-width:1109px) {
    .menu__content {
        position: fixed
    }
}

.menu__close {
    background: 0;
    border: 0;
    cursor: pointer;
    padding: 0;
    position: fixed;
    right: 25px;
    top: 16px;
    width: 20px;
    z-index: 12
}

@media (min-width:1110px) {
    .menu__close {
        top: 35px;
        width: auto
    }
}

.menu__links {
    font-size: 20px;
    line-height: 24px;
    margin: 10px 0 15px;
    text-align: center;
    text-transform: uppercase
}

.menu__links--secondary {
    font-size: 14px;
    line-height: 18px;
    margin: 20px 0 25px
}

.menu__links--localization {
    font-size: 14px;
    line-height: 18px;
    margin: 20px 0 25px
}

@media (min-width:1110px) {
    .menu__links--localization {
        display: none
    }
}

@media (min-width:1110px) {
    .menu__links {
        font-size: 40px;
        line-height: 44px;
        margin: 20px 0 30px
    }
    .menu__links--secondary {
        font-size: 28px;
        line-height: 32px;
        margin: 0 0 30px
    }
}

.menu__links__link {
    color: #FFF;
    display: block;
    padding: 10px 60px
}

@media (min-width:1110px) {
    .menu__links__link {
        padding: 18px 0
    }
}

.menu__links__link:focus,
.menu__links__link:hover {
    background: rgba(255, 255, 255, .9);
    color: #5425A5;
    outline: 0;
    text-decoration: none
}

.menu__icons {
    margin: 0 auto;
    max-width: 320px;
    padding: 15px 0 20px
}

@media (min-width:1110px) {
    .menu__icons {
        max-width: none
    }
}

.menu__icon {
    color: #FFF;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    width: 80px
}

@media (min-width:1110px) {
    .menu__icon {
        margin: 0 30px;
        width: auto
    }
}

.menu .search-bar {
    margin-top: 50px
}

@media (min-width:1110px) {
    .menu .search-bar {
        margin-top: 35px
    }
}

.newsletter:before {
    background-color: rgba(84, 37, 165, .9);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.newsletter__container {
    background-color: #FFF;
    color: #5425A5;
    margin: 0;
    padding: 24px 16px;
    position: relative;
    text-align: center
}

@media (min-width:1110px) {
    .newsletter__container {
        margin: 0 auto;
        padding: 35px;
        width: 856px
    }
}

.newsletter__content {
    text-align: left
}

.newsletter__content:after {
    clear: both;
    content: '';
    display: table
}

.newsletter__heading {
    font-size: 34px;
    font-weight: 400;
    line-height: 36px;
    margin: 33px 0;
    text-align: center
}

.newsletter__close {
    cursor: pointer;
    height: 14px;
    position: absolute;
    right: 25px;
    top: 17px;
    width: 16px
}

@media (min-width:1110px) {
    .newsletter__close {
        height: 29px;
        right: 32px;
        top: 19px;
        width: 32px
    }
}

.newsletter__description {
    font-size: 20px;
    text-align: center
}

@media (min-width:1110px) {
    .newsletter__description {
        float: left;
        font-size: 22px;
        width: 50%
    }
}

@media (min-width:1110px) {
    .newsletter__description__subtext {
        margin: 0 60px
    }
}

.newsletter__description__image {
    display: none
}

@media (min-width:1110px) {
    .newsletter__description__image {
        display: block
    }
}

@media (min-width:1110px) {
    .newsletter__form {
        float: right;
        width: 50%
    }
}

.newsletter__button {
    margin: 0 auto
}

.title {
    color: #000;
    font-size: 22px;
    font-weight: 300;
    line-height: 26px;
    margin: 0;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:1110px) {
    .title {
        font-size: 40px;
        line-height: 44px;
        padding: 45px 0
    }
}

.hide-block-small {
//    display: none
}

@media (min-width:1110px) {
    .hide-block-small {
        display: block
    }
}

.hide-inline-small {
    display: none
}

@media (min-width:1110px) {
    .hide-inline-small {
        display: inline
    }
}

.hide-inline-block-small {
    display: none
}

@media (min-width:1110px) {
    .hide-inline-block-small {
        display: inline-block
    }
}

@media (min-width:1110px) {
    .hide-large {
        display: none
    }
}

.responsive-media {
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px
}

.responsive-media .media,
.responsive-media embed,
.responsive-media iframe,
.responsive-media object,
.responsive-media video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.xoxo-header {
    background: #96A2DC;
    height: 50px;
    position: fixed;
    z-index: 14;
    width: 100%
}

@media (min-width:1110px) {
    .xoxo-header {
        height: 100px;
        max-width: none;
        position: static;
        width: auto
    }
}

.xoxo-header__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 13
}

.xoxo-header__logo-wrapper {
    display: inline;
    margin: 8px 0 0 8px;
    width: 20%
}

.xoxo-header__link-item {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style-type: none;
    margin: 0;
    padding-left: 0;
    padding-top: 35px
}

.xoxo-header__link {
    display: none;
    margin: 0 25px;
    text-transform: uppercase
}

@media (min-width:1110px) {
    .xoxo-header__link {
        display: inline
    }
}

.xoxo-header__link a {
    color: #FFF;
    font-size: 14px;
    line-height: 14px
}

.xoxo-header__logo {
    max-width: 150px
}

@media (max-width:1109px) {
    .xoxo-header__logo {
        max-width: 60px
    }
}

.input {
    margin: 10px 20px
}

.input__label {
    color: inherit;
    display: block;
    margin-bottom: 2px
}

.input__label--required:after {
    color: red;
    content: ' * ';
    display: inline
}

.input__field {
    border: 1px solid #EBEBEB;
    border-radius: 2px;
    box-shadow: 0 0 2px #EBEBEB inset;
    color: #000;
    display: block;
    padding: 4px 0;
    width: 100%
}

.input__field::-webkit-input-placeholder {
    font-style: italic
}

.input__field::-moz-placeholder {
    font-style: italic
}

.input__field:-ms-input-placeholder {
    font-style: italic
}

.input__field::placeholder {
    font-style: italic
}

.input__field--error {
    box-shadow: 0 0 2px red inset
}

.input--select__field {
    padding: 4px;
    word-wrap: normal
}

.input--select__field--unselected {
    color: grey;
    font-style: italic
}

.input--select__field--unselected option {
    color: #000;
    font-style: normal
}

.input--select__placeholder {
    color: #EBEBEB;
    font-style: italic
}

.input--checkbox {
    margin: 20px
}

.input--checkbox__label {
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.input--checkbox__label:before {
    background: url(/Brands/Trojan/assets/images/input/checkbox.png) no-repeat center center/32px 32px;
    content: '';
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40px;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    font-size: 30px;
    height: 34px;
    margin-right: 20px;
    text-align: center;
    width: 40px
}

.input--checkbox__field:checked+.input--checkbox__label:before {
    content: '\2714'
}

.input--checkbox__field {
    display: none
}

.box {
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(84, 37, 165, .5);
    padding: 15px
}

.box:after {
    clear: both;
    content: '';
    display: table
}

.box--white {
    background-color: #FFF
}

.button {
    background-color: #5425A5;
    border-color: #5425A5;
    border-style: solid;
    border-width: 2px;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    padding: 6px 28px;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.button--news-events {
    padding: 6px
}

.condoms .button {
    background-color: #03298E;
    border-color: #03298E;
    color: #FFF
}

.lubricants .button {
    background-color: #64216D;
    border-color: #64216D;
    color: #FFF
}

.vibrations .button {
    background-color: #323074;
    border-color: #323074;
    color: #FFF
}

.button:focus,
.button:hover {
    background-color: #E4DAF6;
    border-color: #E4DAF6;
    color: #FFF;
    text-decoration: none
}

.condoms .button:focus,
.condoms .button:hover {
    background-color: #1B4AA4;
    border-color: #1B4AA4;
    color: #FFF
}

.lubricants .button:focus,
.lubricants .button:hover {
    background-color: #2D053E;
    border-color: #2D053E;
    color: #FFF
}

.vibrations .button:focus,
.vibrations .button:hover {
    background-color: #323074;
    border-color: #323074;
    color: #FFF
}

.button:active {
    background-color: #EBEBEB;
    border-color: #EBEBEB;
    color: #5425A5
}

.condoms .button:active {
    background-color: #E8EDFF;
    border-color: #E8EDFF;
    color: #03298E
}

.lubricants .button:active {
    background-color: #EED1F2;
    border-color: #EED1F2;
    color: #64216D
}

.vibrations .button:active {
    background-color: #DBDAF3;
    border-color: #DBDAF3;
    color: #8E8CD0
}

.button--hollow {
    background-color: #FFF;
    border-color: #5425A5;
    color: #5425A5;
    white-space: nowrap
}

.condoms .button--hollow {
    background-color: #FFF;
    border-color: #03298E;
    color: #03298E
}

.lubricants .button--hollow {
    background-color: #FFF;
    border-color: #64216D;
    color: #64216D
}

.vibrations .button--hollow {
    background-color: #FFF;
    border-color: #323074;
    color: #323074
}

.button--hollow:focus,
.button--hollow:hover {
    background-color: #EBEBEB;
    border-color: #5425A5;
    color: #5425A5
}

.condoms .button--hollow:focus,
.condoms .button--hollow:hover {
    background-color: #E8EDFF;
    border-color: #03298E;
    color: #03298E
}

.lubricants .button--hollow:focus,
.lubricants .button--hollow:hover {
    background-color: #EED1F2;
    border-color: #64216D;
    color: #64216D
}

.vibrations .button--hollow:focus,
.vibrations .button--hollow:hover {
    background-color: #DBDAF3;
    border-color: #8E8CD0;
    color: #8E8CD0
}

.button--hollow:active {
    background-color: #5425A5;
    border-color: #FFF;
    box-shadow: 0 0 1px #5425A5;
    color: #FFF
}

.condoms .button--hollow:active {
    background-color: #03298E;
    border-color: #E8EDFF;
    box-shadow: 0 0 1px #03298E;
    color: #E8EDFF
}

.lubricants .button--hollow:active {
    background-color: #64216D;
    border-color: #EED1F2;
    box-shadow: 0 0 1px #64216D;
    color: #EED1F2
}

.vibrations .button--hollow:active {
    background-color: #8E8CD0;
    border-color: #DBDAF3;
    box-shadow: 0 0 1px #64216D;
    color: #DBDAF3
}

.button--gold,
.condoms .button--gold,
.lubricants .button--gold,
.vibrations .button--gold {
    background-color: #B38600;
    background-image: -webkit-linear-gradient(left, #B48605 0, #B9A25D 50%, #B38600 100%);
    background-image: linear-gradient(to right, #B48605 0, #B9A25D 50%, #B38600 100%);
    border-color: #FFF;
    box-shadow: 0 0 1px #B38600;
    color: #FFF;
    font-weight: 700
}

.button--gold:focus,
.button--gold:hover,
.condoms .button--gold:focus,
.condoms .button--gold:hover,
.lubricants .button--gold:focus,
.lubricants .button--gold:hover,
.vibrations .button--gold:focus,
.vibrations .button--gold:hover {
    background-color: #B38600;
    background-image: -webkit-linear-gradient(left, #987106 0, #A69155 50%, #926D01 100%);
    background-image: linear-gradient(to right, #987106 0, #A69155 50%, #926D01 100%);
    border-color: #FFF;
    box-shadow: 0 0 1px #B38600;
    color: #FFF
}

.button--gold:active,
.condoms .button--gold:active,
.lubricants .button--gold:active,
.vibrations .button--gold:active {
    background-color: #B38600;
    background-image: -webkit-linear-gradient(left, #B9A25D 0, #EAD9A5 50%, #B9A25D 100%);
    background-image: linear-gradient(to right, #B9A25D 0, #EAD9A5 50%, #B9A25D 100%);
    border-color: #FFF;
    box-shadow: 0 0 1px #B38600;
    color: #FFF
}

.button--gold.button--hollow,
.condoms .button--gold.button--hollow,
.lubricants .button--gold.button--hollow,
.vibrations .button--gold.button--hollow {
    background-color: #FFF;
    background-image: none;
    border-color: #B38600;
    box-shadow: none;
    color: #B38600
}

.button--gold.button--hollow:focus,
.button--gold.button--hollow:hover,
.condoms .button--gold.button--hollow:focus,
.condoms .button--gold.button--hollow:hover,
.lubricants .button--gold.button--hollow:focus,
.lubricants .button--gold.button--hollow:hover,
.vibrations .button--gold.button--hollow:focus,
.vibrations .button--gold.button--hollow:hover {
    background-color: #EBEBEB;
    background-image: none;
    border-color: #B38600;
    box-shadow: none;
    color: #B38600
}

.button--gold.button--hollow:active,
.condoms .button--gold.button--hollow:active,
.lubricants .button--gold.button--hollow:active,
.vibrations .button--gold.button--hollow:active {
    background-color: #B38600;
    background-image: none;
    border-color: #FFF;
    box-shadow: 0 0 1px #B38600;
    color: #FFF
}

.button--purple,
.condoms .button--purple,
.lubricants .button--purple,
.vibrations .button--purple {
    background-color: #5425A5;
    border-color: #5425A5;
    box-shadow: none;
    color: #FFF
}

.button--purple:focus,
.button--purple:hover,
.condoms .button--purple:focus,
.condoms .button--purple:hover,
.lubricants .button--purple:focus,
.lubricants .button--purple:hover,
.vibrations .button--purple:focus,
.vibrations .button--purple:hover {
    background-color: #411C81;
    border-color: #411C81;
    box-shadow: none;
    color: #FFF
}

.button--purple:active,
.condoms .button--purple:active,
.lubricants .button--purple:active,
.vibrations .button--purple:active {
    background-color: #7C47D8;
    border-color: #7C47D8;
    box-shadow: none;
    color: #FFF
}

.button--purple.button--hollow,
.condoms .button--purple.button--hollow,
.lubricants .button--purple.button--hollow,
.vibrations .button--purple.button--hollow {
    background-color: #FFF;
    border-color: #5425A5;
    box-shadow: none;
    color: #5425A5
}

.button--purple.button--hollow:focus,
.button--purple.button--hollow:hover,
.condoms .button--purple.button--hollow:focus,
.condoms .button--purple.button--hollow:hover,
.lubricants .button--purple.button--hollow:focus,
.lubricants .button--purple.button--hollow:hover,
.vibrations .button--purple.button--hollow:focus,
.vibrations .button--purple.button--hollow:hover {
    background-color: #FFF;
    border-color: #411C81;
    box-shadow: none;
    color: #411C81
}

.button--purple.button--hollow:active,
.condoms .button--purple.button--hollow:active,
.lubricants .button--purple.button--hollow:active,
.vibrations .button--purple.button--hollow:active {
    background-color: #E4DAF6;
    border-color: #7C47D8;
    box-shadow: none;
    color: #7C47D8
}

.condoms .button--shiny,
.lubricants .button--shiny,
.vibrations .button--shiny {
    border-width: 0;
    padding: 8px 30px
}

.condoms .button--shiny.button--small,
.lubricants .button--shiny.button--small,
.vibrations .button--shiny.button--small {
    padding: 5px 27px
}

.condoms .button--shiny.button--large,
.lubricants .button--shiny.button--large,
.vibrations .button--shiny.button--large {
    padding: 8px 30px
}

.condoms .button--shiny {
    background-color: #f0cf01;
    background-image: -webkit-linear-gradient(left, #f0cf01 0, #f0cf01 40%, #ececc1 70%, #f0cf01 100%);
    background-image: linear-gradient(to right, #f0cf01 0, #f0cf01 40%, #ececc1 70%, #f0cf01 100%);
    color: #000;
    text-transform: uppercase;
    white-space: nowrap
}

.condoms .button--shiny2 {
    background-color: #4E0770;
    background-image: -webkit-linear-gradient(left, #4E0770 0, #4E0770 40%, #BF69EB 70%, #4E0770 100%);
    background-image: linear-gradient(to right, #4E0770 0, #4E0770 40%, #BF69EB 70%, #4E0770 100%);
    color: #FFF;
    text-transform: uppercase;
    white-space: nowrap
}

.condoms .button--shiny:focus,
.condoms .button--shiny:hover {
    background-color: #3B0655;
    background-image: -webkit-linear-gradient(left, #3B0655 0, #3B0655 40%, #712C94 70%, #3B0655 100%);
    background-image: linear-gradient(to right, #3B0655 0, #3B0655 40%, #712C94 70%, #3B0655 100%);
    color: #FFF
}

.condoms .button--shiny:active {
    background-color: #9941C3;
    background-image: -webkit-linear-gradient(left, #9941C3 0, #9941C3 40%, #D08DF2 70%, #9941C3 100%);
    background-image: linear-gradient(to right, #9941C3 0, #9941C3 40%, #D08DF2 70%, #9941C3 100%);
    color: #FFF
}

.lubricants .button--shiny {
    background-color: #fff100;
    background-image: -webkit-linear-gradient(left, #fff100 0, #fff100 30%, #fff100 65%, #fff100 100%);
    background-image: linear-gradient(to right, #fff100 0, #fff100 30%, #fff100 65%, #fff100 100%);
    color: #000;
    text-transform: uppercase;
    white-space: nowrap
}

.lubricants .button--shiny:focus,
.lubricants .button--shiny:hover {
    background-color: #fff100;
    background-image: -webkit-linear-gradient(left, #fff100 0, #fff100 30%, #fff100 65%, #fff100 100%);
    background-image: linear-gradient(to right, #fff100 0, #fff100 30%, #fff100 65%, #fff100 100%);
    color: #000
}

.lubricants .button--shiny:active {
    background-color: #75DEFE;
    background-image: -webkit-linear-gradient(left, #75DEFE 0, #75DEFE 30%, #D6F5FF 65%, #75DEFE 100%);
    background-image: linear-gradient(to right, #75DEFE 0, #75DEFE 30%, #D6F5FF 65%, #75DEFE 100%);
    color: #000
}

.vibrations .button--shiny {
    background-color: #463467;
    background-image: -webkit-linear-gradient(left, #34076e 0, #34076e 25%, #34076e 50%, #875ce4 75%, #34076e 100%);
    background-image: linear-gradient(to right, #34076e 0, #34076e 25%, #34076e 50%, #875ce4 75%, #34076e 100%);
    color: #FFF;
    text-transform: uppercase;
    white-space: nowrap
}

.vibrations .button--shiny:focus,
.vibrations .button--shiny:hover {
    background-color: #2C2040;
    background-image: -webkit-linear-gradient(left, #34076e 0, #34076e 25%, #34076e 50%, #875ce4 75%, #34076e 100%);
    background-image: linear-gradient(to right, #34076e 0, #34076e 25%, #34076e 50%, #875ce4 75%, #34076e 100%);
    color: #FFF
}

.vibrations .button--shiny:active {
    background-color: #7557AB;
    background-image: -webkit-linear-gradient(left, #34076e 0, #34076e 25%, #34076e 50%, #875ce4 75%, #34076e 100%);
    background-image: linear-gradient(to right, #34076e 0, #34076e 25%, #34076e 50%, #875ce4 75%, #34076e 100%);
    color: #FFF
}

.button--small {
    font-size: 14px;
    line-height: 16px;
    padding: 3px 25px
}

.button--large {
    font-size: 19px;
    line-height: 20px;
    padding: 6px 28px
}

.button--right:after {
    content: '\2192';
    display: inline-block;
    font-size: 1em;
    line-height: 1em;
    margin: 0 0 0 .2em;
    vertical-align: middle
}

.button--down:after {
    content: '\2193';
    display: inline-block;
    font-size: 1em;
    line-height: 1em;
    margin: 0 0 0 .2em;
    vertical-align: bottom
}

.button--round {
    border-radius: 18px
}

.category-selector {
    position: relative;
    text-align: center;
    z-index: 9
}

.category-selector__button {
    box-sizing: border-box;
    min-width: 175px;
    padding: 6px 10px;
    text-transform: uppercase
}

.category-selector__selector {
    background-color: #FFF;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    left: 50%;
    margin-left: -87px;
    position: absolute;
    top: 100%;
    width: 175px
}

@media (min-width:1110px) {
    .category-selector__selector {
        margin-left: -358px;
        width: 716px
    }
}

.category-selector-item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-color: #EBEBEB;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    box-sizing: border-box;
    color: #E4DAF6;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 66px;
    margin: 0 5px;
    padding: 8px;
    text-align: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 165px
}

.condoms .category-selector-item {
    border-color: #E8EDFF
}

.lubricants .category-selector-item {
    border-color: #EED1F2
}

.vibrations .category-selector-item {
    border-color: #DBDAF3
}

.condoms .category-selector-item {
    color: #1B4AA4
}

.lubricants .category-selector-item {
    color: #64216D
}

.vibrations .category-selector-item {
    color: #8E8CD0
}

@media (min-width:1110px) {
    .category-selector-item {
        margin: 0 0 0 14px;
        width: 220px
    }
}

.category-selector-item:last-child {
    border-bottom-style: none
}

@media (min-width:1110px) {
    .category-selector-item:last-child {
        border-bottom-style: solid
    }
}

@media (min-width:1110px) {
    .category-selector-item:nth-child(3n+1):nth-last-child(-n+3),
    .category-selector-item:nth-child(3n+1):nth-last-child(-n+3)~.category-selector-item {
        border-bottom-style: none
    }
}

.category-selector-item:focus,
.category-selector-item:hover {
    background-color: #EBEBEB;
    outline: 0
}

.condoms .category-selector-item:focus,
.condoms .category-selector-item:hover {
    background-color: #E8EDFF
}

.lubricants .category-selector-item:focus,
.lubricants .category-selector-item:hover {
    background-color: #EED1F2
}

.vibrations .category-selector-item:focus,
.vibrations .category-selector-item:hover {
    background-color: #DBDAF3
}

.category-selector-item__icon {
    max-width: 50%;
    vertical-align: middle
}

@media (min-width:1110px) {
    .category-selector-item__icon {
        max-width: 100%
    }
}

.category-selector-item__title {
    font-size: 11px;
    margin-left: 6px;
    vertical-align: middle
}

@media (min-width:1110px) {
    .category-selector-item__title {
        font-size: 17px
    }
}

.category-selector-overlay {
    background-color: rgba(0, 0, 0, .3);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 8
}

.icon {
    display: inline-block
}

.icon__image {
    height: auto;
    max-width: 34px;
    width: auto
}

.icon__label {
    display: block;
    margin: 10px 0
}

.icon--narrow {
    margin: 0 4px
}

@media (min-width:1110px) {
    .icon--narrow__image {
        max-width: 24px
    }
}

.icon--narrow__label {
    display: none
}

.lefty {
    display: block;
    left: 50%;
    margin: 30px 0;
    max-width: calc(100% + 20px);
    position: relative;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width:1110px) {
    .lefty {
        float: left;
        left: auto;
        margin: 0 20px 0 0;
        max-width: 100%;
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.lightbox {
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 15
}

.lightbox--open {
    display: block
}

.pagination {
    padding: 40px 0;
    text-align: center
}

.pagination__link {
    color: #5425A5;
    background-color: #FFF;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    height: 35px;
    padding-top: 6px;
    text-align: center;
    width: 35px
}

.condoms .pagination__link {
    color: #03298E
}

.lubricants .pagination__link {
    color: #2D053E
}

.vibrations .pagination__link {
    color: #323074
}

.pagination__link:focus,
.pagination__link:hover {
    background-color: #5425A5;
    color: #FFF;
    text-decoration: none
}

.condoms .pagination__link:focus,
.condoms .pagination__link:hover {
    background-color: #03298E
}

.lubricants .pagination__link:focus,
.lubricants .pagination__link:hover {
    background-color: #2D053E
}

.vibrations .pagination__link:focus,
.vibrations .pagination__link:hover {
    background-color: #323074
}

.pagination__link--current,
.pagination__link--current:focus,
.pagination__link--current:hover {
    background-color: #E4DAF6;
    color: #FFF
}

.condoms .pagination__link--current,
.condoms .pagination__link--current:focus,
.condoms .pagination__link--current:hover {
    background-color: #1B4AA4
}

.lubricants .pagination__link--current,
.lubricants .pagination__link--current:focus,
.lubricants .pagination__link--current:hover {
    background-color: #64216D
}

.vibrations .pagination__link--current,
.vibrations .pagination__link--current:focus,
.vibrations .pagination__link--current:hover {
    background-color: #8E8CD0
}

.pagination__link--next,
.pagination__link--prev {
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -9999px
}

.pagination__link--prev {
    background-image: url(/Brands/Trojan/assets/images/icons/pagination/default-prev.png)
}

.condoms .pagination__link--prev {
    background-image: url(/Brands/Trojan/assets/images/icons/pagination/condoms-prev.png)
}

.lubricants .pagination__link--prev {
    background-image: url(/Brands/Trojan/assets/images/icons/pagination/lubricants-prev.png)
}

.vibrations .pagination__link--prev {
    background-image: url(/Brands/Trojan/assets/images/icons/pagination/vibrations-prev.png)
}

.pagination__link--prev:hover {
    background-image: url(/Brands/Trojan/assets/images/icons/pagination/hover-prev.png)
}

.condoms .pagination__link--prev:hover,
.lubricants .pagination__link--prev:hover,
.vibrations .pagination__link--prev:hover {
    background-image: url(/Brands/Trojan/assets/images/icons/pagination/brand-hover-prev.png)
}

.pagination__link--next {
    background-image: url(/Brands/Trojan/assets/images/icons/pagination/default-next.png)
}

.condoms .pagination__link--next {
    background-image: url(/Brands/Trojan/assets/images/icons/pagination/condoms-next.png)
}

.lubricants .pagination__link--next {
    background-image: url(/Brands/Trojan/assets/images/icons/pagination/lubricants-next.png)
}

.vibrations .pagination__link--next {
    background-image: url(/Brands/Trojan/assets/images/icons/pagination/vibrations-next.png)
}

.pagination__link--next:hover {
    background-image: url(/Brands/Trojan/assets/images/icons/pagination/hover-next.png)
}

.condoms .pagination__link--next:hover,
.lubricants .pagination__link--next:hover,
.vibrations .pagination__link--next:hover {
    background-image: url(/Brands/Trojan/assets/images/icons/pagination/brand-hover-next.png)
}

.pagination--search-results__link {
    background-color: #E4DAF6;
    color: #5425A5
}

.pagination--search-results__link:focus,
.pagination--search-results__link:hover {
    background-color: #7C47D8;
    color: #FFF;
    text-decoration: none
}

.pagination--search-results__link--current,
.pagination--search-results__link--current:focus,
.pagination--search-results__link--current:hover {
    background-color: #5425A5;
    color: #FFF
}

.review-stars {
    background-image: url(/Brands/Trojan/assets/images/stars/hollow.svg);
    background-repeat: repeat-x;
    background-size: 20% 100%;
    display: inline-block;
    height: auto;
    vertical-align: top;
    width: 120px
}

.review-stars--xoxo {
    background-image: url(/Brands/Trojan/assets/images/stars/hollow.svg);
    background-repeat: repeat-x;
    background-size: 20% 100%;
    display: inline-block;
    height: auto;
    vertical-align: top;
    width: 120px
}

.review-stars--xoxo:before {
    background-image: url(/Brands/Trojan/assets/images/stars/solid.svg);
    background-repeat: repeat-x;
    background-size: 0 100%;
    content: '';
    display: block;
    padding: 20% 0 0
}

.review-stars--xoxo[data-stars="0.0"]:before {
    background-image: none;
    width: 100%
}

.review-stars--xoxo[data-stars="0.5"]:before {
    background-size: 200% 100%;
    width: 10%
}

.review-stars--xoxo[data-stars="1.0"]:before {
    background-size: 100% 100%;
    width: 20%
}

.review-stars--xoxo[data-stars="1.5"]:before {
    background-size: 66.667% 100%;
    width: 30%
}

.review-stars--xoxo[data-stars="2.0"]:before {
    background-size: 50% 100%;
    width: 40%
}

.review-stars--xoxo[data-stars="2.5"]:before {
    background-size: 40% 100%;
    width: 50%
}

.review-stars--xoxo[data-stars="3.0"]:before {
    background-size: 33.335% 100%;
    width: 60%
}

.review-stars--xoxo[data-stars="3.5"]:before {
    background-size: 28.575% 100%;
    width: 70%
}

.review-stars--xoxo[data-stars="4.0"]:before {
    background-size: 25% 100%;
    width: 80%
}

.review-stars--xoxo[data-stars="4.5"]:before {
    background-size: 22.225% 100%;
    width: 90%
}

.review-stars--xoxo[data-stars="5.0"]:before {
    background-size: 20% 100%;
    width: 100%
}

.review-stars--xoxo[data-stars="0"]:before {
    background-image: none;
    width: 100%
}

.review-stars--xoxo[data-stars="1"]:before {
    background-size: 100% 100%;
    width: 20%
}

.review-stars--xoxo[data-stars="2"]:before {
    background-size: 50% 100%;
    width: 40%
}

.review-stars--xoxo[data-stars="3"]:before {
    background-size: 33.335% 100%;
    width: 60%
}

.review-stars--xoxo[data-stars="4"]:before {
    background-size: 25% 100%;
    width: 80%
}

.review-stars--xoxo[data-stars="5"]:before {
    background-size: 20% 100%;
    width: 100%
}

.review-stars--xoxo:before {
    background-image: url(/Brands/Trojan/assets/images/stars/solid.svg);
    background-repeat: repeat-x;
    background-size: 0 100%;
    content: '';
    display: block;
    padding: 20% 0 0
}

.review-stars:before {
    background-image: url(/Brands/Trojan/assets/images/stars/solid.svg);
    background-repeat: repeat-x;
    background-size: 0 100%;
    content: '';
    display: block;
    padding: 20% 0 0
}

.review-stars[--data-stars="3.0"]:before {
    background-size: 33.335% 100%;
    width: 60%
}

.review-stars[data-stars="0.0"]:before {
    background-image: none;
    width: 100%
}

.review-stars[data-stars="0.5"]:before {
    background-size: 200% 100%;
    width: 10%
}

.review-stars[data-stars="1.0"]:before {
    background-size: 100% 100%;
    width: 20%
}

.review-stars[data-stars="1.5"]:before {
    background-size: 66.667% 100%;
    width: 30%
}

.review-stars[data-stars="2.0"]:before {
    background-size: 50% 100%;
    width: 40%
}

.review-stars[data-stars="2.5"]:before {
    background-size: 40% 100%;
    width: 50%
}

.review-stars[data-stars="3.0"]:before {
    background-size: 33.335% 100%;
    width: 60%
}

.review-stars[data-stars="3.5"]:before {
    background-size: 28.575% 100%;
    width: 70%
}

.review-stars[data-stars="4.0"]:before {
    background-size: 25% 100%;
    width: 80%
}

.review-stars[data-stars="4.5"]:before {
    background-size: 22.225% 100%;
    width: 90%
}

.review-stars[data-stars="5.0"]:before {
    background-size: 20% 100%;
    width: 100%
}

.review-stars[data-stars="0"]:before {
    background-image: none;
    width: 100%
}

.review-stars[data-stars="1"]:before {
    background-size: 100% 100%;
    width: 20%
}

.review-stars[data-stars="2"]:before {
    background-size: 50% 100%;
    width: 40%
}

.review-stars[data-stars="3"]:before {
    background-size: 33.335% 100%;
    width: 60%
}

.review-stars[data-stars="4"]:before {
    background-size: 25% 100%;
    width: 80%
}

.review-stars[data-stars="5"]:before {
    background-size: 20% 100%;
    width: 100%
}

.review-bars {
    background-image: -webkit-linear-gradient(left, transparent 0, transparent 4%, #EBEBEB 4%, #EBEBEB 96%, transparent 96%, transparent 100%);
    background-image: linear-gradient(to right, transparent 0, transparent 4%, #EBEBEB 4%, #EBEBEB 96%, transparent 96%, transparent 100%);
    background-repeat: repeat-x;
    background-size: 20% 100%;
    display: block;
    height: 8px;
    margin: 0 auto
}

.review-bars:before {
    background-image: -webkit-linear-gradient(left, transparent 0, transparent 4%, #5425A5 4%, #5425A5 96%, transparent 96%, transparent 100%);
    background-image: linear-gradient(to right, transparent 0, transparent 4%, #5425A5 4%, #5425A5 96%, transparent 96%, transparent 100%);
    background-repeat: repeat-x;
    background-size: 20% 100%;
    content: '';
    display: block;
    height: 100%;
    width: 0
}

.condoms .review-bars {
    background-image: -webkit-linear-gradient(left, transparent 0, transparent 4%, #E8EDFF 4%, #E8EDFF 96%, transparent 96%, transparent 100%);
    background-image: linear-gradient(to right, transparent 0, transparent 4%, #E8EDFF 4%, #E8EDFF 96%, transparent 96%, transparent 100%);
    background-repeat: repeat-x;
    background-size: 20% 100%
}

.condoms .review-bars:before {
    background-image: -webkit-linear-gradient(left, transparent 0, transparent 4%, #03298E 4%, #03298E 96%, transparent 96%, transparent 100%);
    background-image: linear-gradient(to right, transparent 0, transparent 4%, #03298E 4%, #03298E 96%, transparent 96%, transparent 100%);
    background-repeat: repeat-x;
    background-size: 20% 100%
}

.lubricants .review-bars {
    background-image: -webkit-linear-gradient(left, transparent 0, transparent 4%, #EED1F2 4%, #EED1F2 96%, transparent 96%, transparent 100%);
    background-image: linear-gradient(to right, transparent 0, transparent 4%, #EED1F2 4%, #EED1F2 96%, transparent 96%, transparent 100%);
    background-repeat: repeat-x;
    background-size: 20% 100%
}

.lubricants .review-bars:before {
    background-image: -webkit-linear-gradient(left, transparent 0, transparent 4%, #2D053E 4%, #2D053E 96%, transparent 96%, transparent 100%);
    background-image: linear-gradient(to right, transparent 0, transparent 4%, #2D053E 4%, #2D053E 96%, transparent 96%, transparent 100%);
    background-repeat: repeat-x;
    background-size: 20% 100%
}

.vibrations .review-bars {
    background-image: -webkit-linear-gradient(left, transparent 0, transparent 4%, #DBDAF3 4%, #DBDAF3 96%, transparent 96%, transparent 100%);
    background-image: linear-gradient(to right, transparent 0, transparent 4%, #DBDAF3 4%, #DBDAF3 96%, transparent 96%, transparent 100%);
    background-repeat: repeat-x;
    background-size: 20% 100%
}

.vibrations .review-bars:before {
    background-image: -webkit-linear-gradient(left, transparent 0, transparent 4%, #323074 4%, #323074 96%, transparent 96%, transparent 100%);
    background-image: linear-gradient(to right, transparent 0, transparent 4%, #323074 4%, #323074 96%, transparent 96%, transparent 100%);
    background-repeat: repeat-x;
    background-size: 20% 100%
}

.review-bars[data-bars="0"]:before {
    width: 0
}

.review-bars[data-bars="0.5"]:before {
    background-size: 200% 100%;
    width: 10%
}

.review-bars[data-bars="1"]:before {
    background-size: 100% 100%;
    width: 20%
}

.review-bars[data-bars="1.5"]:before {
    background-size: 66.667% 100%;
    width: 30%
}

.review-bars[data-bars="2"]:before {
    background-size: 50% 100%;
    width: 40%
}

.review-bars[data-bars="2.5"]:before {
    background-size: 40% 100%;
    width: 50%
}

.review-bars[data-bars="3"]:before {
    background-size: 33.335% 100%;
    width: 60%
}

.review-bars[data-bars="3.5"]:before {
    background-size: 28.575% 100%;
    width: 70%
}

.review-bars[data-bars="4"]:before {
    background-size: 25% 100%;
    width: 80%
}

.review-bars[data-bars="4.5"]:before {
    background-size: 22.225% 100%;
    width: 90%
}

.review-bars[data-bars="5"]:before {
    background-size: 20% 100%;
    width: 100%
}

.accordion-content {
    margin: 25px 0
}

@media (min-width:1110px) {
    .accordion-content {
        margin: 40px 0
    }
}

.accordion-item {
    background-color: #EBEBEB;
    margin: 4px 0;
    padding: 10px 20px
}

@media (min-width:1110px) {
    .accordion-item {
        margin: 12px 0;
        padding: 25px 40px
    }
}

.accordion-item--open {
    background-color: #E4DAF6
}

.accordion-item__header {
    background: url(/Brands/Trojan/assets/images/icons/plus.png) no-repeat left center/25px 25px;
    color: #5425A5;
    cursor: pointer;
    display: block;
    font-size: 13px;
    line-height: 17px;
    min-height: 25px;
    padding-left: 35px
}

@media (min-width:1110px) {
    .accordion-item__header {
        background-size: 50px 50px;
        font-size: 20px;
        line-height: 24px;
        min-height: 50px;
        padding-left: 70px
    }
}

.accordion-item--open .accordion-item__header {
    background-image: url(/Brands/Trojan/assets/images/icons/minus.png)
}

.accordion-item__header__avatar {
    border: 5px solid #FFF;
    border-radius: 50%;
    float: left;
    height: 112px;
    margin-top: -35px;
    width: 112px
}

@media (min-width:1110px) {
    .accordion-item__header__avatar {
        height: 125px;
        margin-top: -45px;
        width: 125px
    }
}

.accordion-item__header__title {
    font-weight: 700;
    text-transform: uppercase
}

@media (min-width:1110px) {
    .accordion-item__header__title {
        font-size: 24px
    }
}

.accordion-item__header__subtitle {
    font-weight: 300
}

.accordion-item__content {
    display: none;
    font-size: 13px;
    font-weight: 300;
    line-height: 17px
}

@media (min-width:1110px) {
    .accordion-item__content {
        font-size: 16px;
        line-height: 20px;
        padding-top: 15px
    }
}

.ask-an-expert {
    margin: 25px 0
}

@media (min-width:1110px) {
    .ask-an-expert {
        margin: 40px 0
    }
}

.ask-an-expert-item {
    background-color: #EBEBEB;
    margin: 50px 0;
    position: relative
}

@media (min-width:1110px) {
    .ask-an-expert-item {
        margin: 70px 0
    }
}

.ask-an-expert-item__header {
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 17px;
    min-height: 88px;
    padding: 10px 30px 10px 10px
}

@media (min-width:1110px) {
    .ask-an-expert-item__header {
        background-size: 50px 50px;
        font-size: 16px;
        line-height: 20px;
        min-height: 50px;
        padding: 15px 30px 20px
    }
}

.ask-an-expert-item__header:after {
    background: url(/Brands/Trojan/assets/images/icons/plus.png) no-repeat center center/30px 30px;
    content: "";
    display: block;
    height: 30px;
    position: absolute;
    right: 30px;
    top: -15px;
    width: 30px
}

.ask-an-expert-item__header__avatar {
    border: 5px solid #FFF;
    border-radius: 50%;
    float: left;
    height: 112px;
    margin-top: -35px;
    width: 112px
}

@media (min-width:1110px) {
    .ask-an-expert-item__header__avatar {
        height: 125px;
        margin-bottom: -30px;
        margin-top: -45px;
        width: 125px
    }
}

.ask-an-expert-item__header__title {
    font-weight: 700;
    margin: 5px 0 5px 132px
}

@media (min-width:1110px) {
    .ask-an-expert-item__header__title {
        font-size: 16px;
        margin-left: 155px
    }
}

.ask-an-expert-item__header__subtitle {
    font-weight: 300;
    margin: 0 0 0 132px
}

@media (min-width:1110px) {
    .ask-an-expert-item__header__subtitle {
        margin-left: 155px
    }
}

.ask-an-expert-item__content {
    font-size: 14px;
    font-weight: 300;
    line-height: 17px;
    padding: 0 20px 10px
}

@media (min-width:1110px) {
    .ask-an-expert-item__content {
        font-size: 16px;
        line-height: 20px;
        margin: 0 65px 0 155px;
        padding: 0 0 20px
    }
}

.ask-an-expert-item--open {
    background-color: #E4DAF6
}

.ask-an-expert-item--open__header:after {
    background-image: url(/Brands/Trojan/assets/images/icons/minus.png)
}

.ask-an-expert-item--expanded {
    margin: 20px 10px 0;
    max-width: 1110px
}

.ask-an-expert-item--expanded:after {
    clear: both;
    content: '';
    display: table
}

@media (min-width:1110px) {
    .ask-an-expert-item--expanded {
        margin: 20px auto 0
    }
}

.ask-an-expert-item--expanded__header {
    color: #FFF;
    cursor: pointer
}

.ask-an-expert-item--expanded__header:after {
    display: none
}

@media (min-width:1110px) {
    .ask-an-expert-item--expanded__header {
        padding-bottom: 0
    }
}

.ask-an-expert-item--expanded__content {
    color: #FFF;
    margin: 13px 0;
    text-align: center
}

@media (min-width:1110px) {
    .ask-an-expert-item--expanded__content {
        margin-left: 185px
    }
}

.ask-an-expert-item--expanded__content__text {
    text-align: left
}

@media (min-width:1110px) {
    .ask-an-expert-item--expanded__content__text {
        float: left;
        width: 670px
    }
}

.ask-an-expert-item--expanded__content__button {
    margin: 10px 0
}

@media (min-width:1110px) {
    .ask-an-expert-item--expanded__content__button {
        margin: 10px 0 10px 15px
    }
}

.article-topics {
    background-color: #E4DAF6;
    margin: 20px 10px;
    padding: 15px 20px
}

@media (min-width:1110px) {
    .article-topics {
        margin: 60px 0;
        padding: 15px 30px
    }
}

.article-topics__heading {
    border-bottom: 1px solid #000;
    color: #000;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 0 6px 5px
}

@media (min-width:1110px) {
    .article-topics__heading {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 0;
        padding: 0 0 10px
    }
}

.article-topics__link {
    color: #5425A5;
    display: block;
    font-size: 14px;
    font-weight: 300;
    padding: 4px 6px
}

@media (min-width:1110px) {
    .article-topics__link {
        font-size: 16px;
        padding: 10px 0
    }
}

.article-topics__link--current {
    color: #000;
    font-weight: 400
}

.body {
    margin: 0 auto;
    padding: 0 10px;
    max-width: 1110px
}

.body:after {
    clear: both;
    content: '';
    display: table
}

@media (min-width:1110px) {
    .body {
        padding: 0
    }
}

.callout {
    background-color: #EBEBEB;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 0 0, auto;
    padding: 10px
}

@media (min-width:1110px) {
    .callout {
        background-size: auto, 0 0
    }
}

.callout__content {
    margin: 0 auto;
    max-width: 1110px
}

.callout h1,
.callout h2,
.callout h3,
.callout h4,
.callout h5,
.callout h6 {
    color: inherit
}

.callout--about {
    background-color: transparent
}

@media (min-width:1110px) {
    .callout--about {
        background-color: #EBEBEB;
        padding: 10px 50px
    }
}

.call-to-action {
    margin: 17px 10px;
    padding: 6px 6px 20px;
    text-align: center
}

@media (min-width:1110px) {
    .call-to-action {
        padding: 14px 20px;
        margin: 17px 0
    }
}

.call-to-action__heading {
    font-size: 24px;
    line-height: 28px;
    margin: 15px 0
}

.call-to-action__button {
    margin: 10px 0
}

.call-to-action__body {
    font-size: 16px;
    line-height: 20px;
    margin: 15px 0;
    text-align: left
}

.call-to-action__body h5 {
    margin: 0 auto 12px;
    text-transform: uppercase!important
}

.call-to-action h1,
.call-to-action h2,
.call-to-action h3,
.call-to-action h4,
.call-to-action h5,
.call-to-action h6 {
    color: inherit;
    text-transform: initial
}

.carousel-content {
    margin: 0 auto;
    max-width: 840px
}

.carousel-content .owl-prev {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 23px 53px;
    height: 53px;
    width: 23px
}

.condoms .carousel-content .owl-prev {
    background-image: url(/Brands/Trojan/assets/images/buttons/arrows/condoms-arrow-left.png)
}

.lubricants .carousel-content .owl-prev {
    background-image: url(/Brands/Trojan/assets/images/buttons/arrows/lubricants-arrow-left.png)
}

.vibrations .carousel-content .owl-prev {
    background-image: url(/Brands/Trojan/assets/images/buttons/arrows/vibrations-arrow-left.png)
}

.carousel-content .owl-next {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 23px 53px;
    height: 53px;
    width: 23px
}

.condoms .carousel-content .owl-next {
    background-image: url(/Brands/Trojan/assets/images/buttons/arrows/condoms-arrow-right.png)
}

.lubricants .carousel-content .owl-next {
    background-image: url(/Brands/Trojan/assets/images/buttons/arrows/lubricants-arrow-right.png)
}

.vibrations .carousel-content .owl-next {
    background-image: url(/Brands/Trojan/assets/images/buttons/arrows/vibrations-arrow-right.png)
}

.carousel-content__slide {
    margin: 0 50px
}

@media (min-width:1110px) {
    .carousel-content__slide {
        margin: 0 30px
    }
}

.carousel-content__slide img {
    height: auto
}

.carousel-content .owl-controls {
    left: 10px;
    position: absolute;
    right: 10px;
    top: 40%;
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%)
}

.carousel-content .owl-controls:after {
    clear: both;
    content: '';
    display: table
}

@media (min-width:1110px) {
    .carousel-content .owl-controls {
        display: none!important
    }
}

.carousel-content .owl-prev {
    float: left
}

.carousel-content .owl-next {
    float: right
}

.column-content:after {
    clear: both;
    content: '';
    display: table
}

.column-content__heading {
    font-size: 30px;
    text-align: center
}

@media (min-width:1110px) {
    .column-content {
        margin: 0 auto;
        max-width: 1125px
    }
    .column-content--1__column {
        float: none;
        width: 100%
    }
    .column-content--2__column {
        width: 50%
    }
    .column-content--3__column {
        width: 33%
    }
    .column-content--4__column {
        width: 25%
    }
}

.pageeditorediting .column-content__column {
    min-height: 100px
}

@media (min-width:1110px) {
    .column-content__column {
        box-sizing: border-box;
        float: left;
        padding: 0 15px
    }
    .column-content__column:first-child {
        margin-left: -7px
    }
    .column-content__column:last-child {
        padding-right: 0
    }
}

.coupon {
    background: #000;
    color: #FFF;
    display: none;
    height: 170px;
    margin: 85px 0 70px
}

@media (min-width:1110px) {
    .coupon {
        display: block
    }
}

.coupon__inner {
    margin: 0 auto;
    width: 790px
}

.coupon__inner:after {
    clear: both;
    content: '';
    display: table
}

.coupon__image {
    float: left;
    margin-top: -68px;
    width: 400px
}

.coupon__content {
    margin-left: 465px;
    padding-top: 5px
}

.coupon__text h1,
.coupon__text h2,
.coupon__text h3,
.coupon__text h4,
.coupon__text h5,
.coupon__text h6 {
    color: inherit
}

.coupons-iframe {
    height: 1300px;
    width: 1300px;
    margin-bottom: 0
}

@media (min-width:804px) {
    .coupons-iframe {
        height: 850px
    }
}

.featured-product {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 24px 0;
    position: relative
}

.featured-product:after {
    clear: both;
    content: '';
    display: table
}

@media (min-width:1110px) {
    .featured-product {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 380px;
        padding: 0
    }
}

.featured-product__wrapper {
    margin: auto;
    width: 82%
}

@media (min-width:1110px) {
    .featured-product__wrapper {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 788px;
        -ms-flex: 0 0 788px;
        flex: 0 0 788px;
        margin: auto;
        width: 788px
    }
}

@media (min-width:600px) and (max-width:1109px) {
    .featured-product__wrapper {
        margin: auto;
        width: 600px
    }
}

.featured-product__content {
    display: inline-block;
    width: 100%
}

@media (min-width:1110px) {
    .featured-product__content {
        display: block
    }
}

.featured-product__content p {
    width: 55%
}

.featured-product__link {
    box-sizing: border-box;
    margin: 35px 0 0;
    text-align: center;
    width: 60%
}

@media (min-width:1110px) {
    .featured-product__link {
        margin: 60px 0 0;
        width: auto
    }
}

@media (min-width:600px) and (max-width:1109px) {
    .featured-product__link {
        width: 50%
    }
}

.featured-product__image {
    bottom: 75px;
    height: 60%;
    position: absolute;
    right: -45px
}

@media (min-width:1110px) {
    .featured-product__image {
        bottom: 0;
        height: 95%;
        margin: 0 0 0 550px;
        right: inherit
    }
}

@media (min-width:600px) and (max-width:1109px) {
    .featured-product__image {
        right: 50px
    }
}

.featured-product--right__content {
    margin-left: 50%
}

@media (min-width:1110px) {
    .featured-product--right__link {
        margin-left: 50%
    }
}

.featured-product--right__image {
    left: 50%;
    -webkit-transform: translate(-75%);
    -ms-transform: translate(-75%);
    transform: translate(-75%)
}

@media (min-width:1110px) {
    .featured-product--right__image {
        margin: 0 100px 0 0
    }
}

.featured-product h1,
.featured-product h2,
.featured-product h3,
.featured-product h4,
.featured-product h5,
.featured-product h6 {
    color: inherit
}

.icon-callout {
    text-align: center
}

.icon-callout__title {
    font-size: 44px;
    font-weight: 400;
    line-height: 40px;
    margin: 40px 10px 15px;
    color: #000;
    text-transform: uppercase
}

@media (min-width:1110px) {
    .icon-callout__title {
        margin: 15px 0
    }
}

.icon-callout__icons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

@media (min-width:600px) {
    .icon-callout__icons {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0 auto;
        max-width: 1110px
    }
}

.icon-callout__icon {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 10px 20px;
    text-align: left
}

.icon-callout__icon:after {
    clear: both;
    content: '';
    display: table
}

@media (min-width:600px) {
    .icon-callout__icon {
        text-align: center
    }
}

.icon-callout__icon:active,
.icon-callout__icon:hover {
    text-decoration: none
}

.icon-callout__icon__image {
    float: left;
    height: auto;
    margin-top: 16px;
    width: 18%
}

@media (min-width:600px) and (max-width:1109px) {
    .icon-callout__icon__image {
        width: 20%;
        float: none
    }
}

@media (min-width:1110px) {
    .icon-callout__icon__image {
        float: none;
        width: auto
    }
}

.icon-callout__icon__header {
    color: #5425A5;
    font-size: 22px;
    float: right;
    margin: 0;
    width: 78%
}

@media (min-width:600px) {
    .icon-callout__icon__header {
        float: none;
        width: auto;
        font-weight: 700
    }
}

.icon-callout__icon__description {
    color: #000;
    float: right;
    font-size: 13px;
    line-height: 14px;
    margin: 5px 0;
    padding-right: 12%;
    position: relative;
    width: 66%
}

@media (min-width:600px) {
    .icon-callout__icon__description {
        float: none;
        padding: 0;
        width: auto
    }
}

.icon-callout__icon__description:after {
    border: 1px solid #000;
    content: ">";
    margin: 10px 8%;
    padding: 4px;
    position: absolute;
    right: 0;
    top: 0
}

@media (min-width:600px) {
    .icon-callout__icon__description:after {
        display: none
    }
}

.icon-callout__button {
    display: block;
    margin: 20px auto;
    padding: 5px 35px 5px 15px;
    position: relative;
    width: 183px
}

.icon-callout__button:after {
    bottom: 1em;
    float: right;
    font-size: 2em;
    position: relative
}

.icon-callout__button__title {
    display: block;
    font-size: 18px;
    line-height: 18px
}

.icon-callout__button__subtitle {
    display: block;
    font-size: 18px
}

.media-container__container {
    margin: 17px 10px;
    max-width: 1110px
}

.media-container__container:after {
    clear: both;
    content: '';
    display: table
}

@media (min-width:1110px) {
    .media-container__container {
        margin: 17px auto;
        left: -13px;
        position: relative;
        width: 1085px
    }
}

@media (min-width:600px) {
    .media-container__content-wrapper {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media (min-width:600px) {
    .media-container__content {
        box-sizing: border-box;
        width: 50%
    }
    .media-container__content--left {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        padding: 0 15px
    }
    .media-container__content--right {
        min-height: 150px;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        text-align: center
    }
}

.product-carousel {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 0 0, 100% 500px;
    background-color: #FFF;
    box-sizing: border-box;
    height: 483px;
    padding: 3px 0;
    position: relative
}

.product-carousel__loading-indicator {
    position: relative;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (min-width:1110px) {
    .product-carousel {
        background-position: center top;
        background-size: 100% 575px, 0 0;
        height: 630px
    }
}

.product-carousel--loading {
    display: none
}

.product-carousel__heading {
    color: #FFF;
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    margin: 12px 0;
    text-align: center
}

@media (min-width:1110px) {
    .product-carousel__heading {
        margin: 25px 0
    }
}

.product-carousel__heading--large {
    display: none
}

@media (min-width:1110px) {
    .product-carousel__heading--large {
        display: block
    }
}

.product-carousel__heading--small {
    display: block
}

@media (min-width:1110px) {
    .product-carousel__heading--small {
        display: none
    }
}

.product-carousel__wrapper {
    height: 500px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 108px;
    width: 100%
}

@media (min-width:1110px) {
    .product-carousel__wrapper {
        top: 160px
    }
}

.product-carousel__next,
.product-carousel__prev {
    background-position: center;
    background-repeat: no-repeat;
    display: none;
    height: 100%;
    outline: 0;
    position: absolute;
    top: 0;
    width: 100px;
    z-index: 7
}

@media (min-width:600px) {
    .product-carousel__next,
    .product-carousel__prev {
        display: block
    }
}

.product-carousel__prev {
    background-image: url(/Brands/Trojan/assets/images/icons/product-carousel/left.png);
    left: 0
}

.product-carousel__next {
    background-image: url(/Brands/Trojan/assets/images/icons/product-carousel/right.png);
    right: 0
}

.product-carousel__buttons {
    bottom: 72px;
    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;
    left: 0;
    position: absolute;
    width: 100%
}

@media (min-width:1110px) {
    .product-carousel__buttons {
        bottom: 36px
    }
}

.product-carousel__button {
    background-color: #FFF;
    border-color: #5425A5;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 10px;
    -ms-flex: 0 0 10px;
    flex: 0 0 10px;
    height: 10px;
    margin: 0 1px;
    width: 10px
}

.condoms .product-carousel__button {
    border-color: #03298E
}

.lubricants .product-carousel__button {
    border-color: #2D053E
}

.vibrations .product-carousel__button {
    border-color: #323074
}

.product-carousel__button--active {
    background-color: #5425A5
}

.condoms .product-carousel__button--active {
    background-color: #03298E
}

.lubricants .product-carousel__button--active {
    background-color: #2D053E
}

.vibrations .product-carousel__button--active {
    background-color: #323074
}

.product-carousel__footer {
    bottom: 26px;
    position: absolute;
    text-align: center;
    width: 100%
}

@media (min-width:1110px) {
    .product-carousel__footer {
        bottom: 0
    }
}

.product-carousel--product-category {
    height: 480px
}

@media (min-width:1110px) {
    .product-carousel--product-category {
        height: 710px;
        background-size: 100% 680px, 0 0
    }
}

.product-carousel--product-category__buttons {
    bottom: 33px
}

@media (min-width:1110px) {
    .product-carousel--product-category__buttons {
        bottom: 36px
    }
}

.product-carousel--product-category__heading {
    display: none
}

.product-carousel--product-category__selector {
    margin: 90px 0 0
}

@media (min-width:1110px) {
    .product-carousel--product-category__selector {
        margin: 155px 0 0
    }
}

.product-carousel--product-category__wrapper {
    top: 145px
}

@media (min-width:1110px) {
    .product-carousel--product-category__wrapper {
        top: 230px
    }
}

.product-carousel-item {
    color: #000;
    left: 50%;
    margin: 0 -95px;
    position: absolute;
    text-align: center;
    width: 190px
}

@media (min-width:1110px) {
    .product-carousel-item {
        margin: 0 -120px;
        width: 240px
    }
}

.product-carousel-item:focus,
.product-carousel-item:hover {
    text-decoration: none
}

.product-carousel-item__image {
    max-height: 335px;
    vertical-align: top
}

.product-carousel-item__heading {
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    margin: 12px -55px 0;
    overflow: hidden
}

@media (min-width:1110px) {
    .product-carousel-item__heading {
        font-size: 24px;
        line-height: 28px;
        margin: 5px -100px 0
    }
}

.product-carousel-item__heading strong {
    font-weight: 400
}

.product-carousel-item__stars {
    width: 100px
}

.related-article {
    padding: 9px 0
}

.related-article__link {
    color: #5425A5;
    display: block;
    font-size: 14px;
    font-weight: 600
}

@media (min-width:1110px) {
    .related-article__link {
        font-size: 16px
    }
}

.related-article__summary p {
    margin: 0;
    max-height: 6.5em;
    overflow: hidden
}

.related-articles {
    background-color: #EBEBEB;
    margin: 20px 10px;
    padding: 15px 20px
}

@media (min-width:1110px) {
    .related-articles {
        margin: 30px 0;
        padding: 15px 20px
    }
}

.related-articles__heading {
    border-bottom: 1px solid #000;
    color: #000;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 0 6px 5px
}

@media (min-width:1110px) {
    .related-articles__heading {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 0;
        padding: 0 0 10px
    }
}

.related-product-carousel {
    text-align: center;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 0 0, 100% 420px;
    padding: 3px 0
}

@media (min-width:1110px) {
    .related-product-carousel {
        background-position: center top;
        background-size: 100% 580px, 0 0;
        height: 550px
    }
}

.related-product-carousel__heading {
    color: #FFF;
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    margin: .67em 0;
    padding: 12px 0;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:1110px) {
    .related-product-carousel__heading {
        padding: 25px 0
    }
}

.related-product-carousel__heading--large {
    display: none;
    font-size: 48px
}

@media (min-width:1110px) {
    .related-product-carousel__heading--large {
        display: block
    }
}

.related-product-carousel__heading--small {
    display: block;
    font-size: 25px
}

@media (min-width:1110px) {
    .related-product-carousel__heading--small {
        display: none
    }
}

@media (min-width:1110px) {
    .related-product-carousel__footer {
        display: none
    }
}

.related-product-carousel .owl-pagination {
    padding: 10px 0
}

.related-product-carousel .owl-wrapper {
    display: table!important;
    margin: 0 auto
}

.related-product-carousel .owl-item {
    display: table-cell;
    float: none;
    vertical-align: bottom
}

.related-product-carousel .owl-buttons {
    left: 10px;
    position: absolute;
    right: 10px;
    top: 40%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.related-product-carousel .owl-buttons:after {
    clear: both;
    content: '';
    display: table
}

.related-product-carousel .owl-prev {
    background-image: url(/Brands/Trojan/assets/images/icons/product-carousel/left.png);
    background-repeat: no-repeat;
    height: 36px;
    float: left;
    width: 19px
}

.related-product-carousel .owl-next {
    background-image: url(/Brands/Trojan/assets/images/icons/product-carousel/right.png);
    background-repeat: no-repeat;
    height: 36px;
    float: right;
    width: 19px
}

.related-product-carousel .owl-page {
    background-color: #FFF;
    border-color: #5425A5;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 10px;
    -ms-flex: 0 0 10px;
    flex: 0 0 10px;
    height: 10px;
    margin: 0 1px;
    width: 10px
}

@media (min-width:1110px) {
    .related-product-carousel .owl-page {
        display: none
    }
}

.related-product-carousel .owl-page.active {
    background-color: #5425A5
}

.related-product-carousel-item {
    color: #000
}

.related-product-carousel-item:focus,
.related-product-carousel-item:hover {
    text-decoration: none
}

.related-product-carousel-item__image {
    max-height: 330px;
    vertical-align: top
}

.related-product-carousel-item__heading {
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    margin: 5px -55px 0;
    overflow: hidden
}

@media (min-width:1110px) {
    .related-product-carousel-item__heading {
        display: none
    }
}

@media (min-width:600px) and (max-width:1109px) {
    .related-product-carousel-item__heading {
        font-size: 16px;
        line-height: 19px;
        margin: 5px 0 10px
    }
}

.related-product-carousel-item__heading strong {
    font-weight: 400
}

.related-product-carousel-item__stars {
    display: block;
    margin: 10px auto 0;
    width: 100px
}

#map_close {
    cursor: pointer;
    width: 58px;
    height: 28px;
    background: red url(/Brands/Trojan/assets/images/report-card-map/rcmap_close.jpg) left top no-repeat
}

.infobox-wrapper {
    display: none;
    color: #949494
}

#infobox_name_content {
    padding: 25px 15px 15px 15px;
    background: #fff;
    border: 1px solid #959595
}

#infobox {
    width: 167px;
    height: 190px;
    padding: 25px 15px 15px 15px;
    background: url(/Brands/Trojan/assets/images/report-card-map/infobox_bg.png) left top no-repeat
}

#infobox_name {
    width: 165px
}

.infobox_name {
    display: block;
    font-weight: 700;
    font-size: 16px;
    color: #ecb52f
}

#infobox span {
    display: block;
    text-align: center;
    margin: 0 auto;
    color: #949494
}

#infobox_head {
    font-size: 19px;
    height: 116px
}

#infobox span.infobox_head_rank {
    font-size: 92px;
    font-weight: 700;
    line-height: 92px;
    width: auto;
    color: #f0c459
}

#infobox_body {
    font-size: 12px
}

#infobox span.infobox_body_rank {
    font-size: 45px;
    font-weight: 700;
    color: #8ea7da
}

#infobox_body_left {
    display: block;
    float: left;
    width: 50%;
    border: 1px solid #fff
}

#infobox_body_mid {
    display: block;
    float: left;
    width: 1px;
    height: 40px;
    margin: 4px 0 0 0;
    background: #949494
}

#infobox_body_right {
    display: block;
    float: right;
    width: 47%;
    border: 1px solid #fff
}

.social-icons {
    text-align: center;
    padding-top: 20px
}

@media (min-width:1110px) {
    .social-icons {
        text-align: right
    }
}

.social-icons__icon:first-child {
    margin-left: 0
}

.social-icons__icon:last-child {
    margin-right: 0
}

.twitter-feed {
    background-color: #EBEBEB;
    padding: 10px 14px;
    text-align: center;
    display: none;
}

.twitter-feed:after {
    clear: both;
    content: '';
    display: none;
}

@media (min-width:1110px) {
    .twitter-feed {
        margin: auto;
        max-width: 1110px;
        padding: 7px 0;
        position: relative;
        width: 100%
    }
}

.twitter-feed__metadata {
    border-bottom: 1px solid #B7B7B7;
    color: grey;
    font-size: 17px;
    line-height: 30px;
    margin: 0 15px
}

@media (min-width:1110px) {
    .twitter-feed__metadata {
        border-bottom: none;
        bottom: 7px;
        position: absolute;
        width: 100%
    }
}

.twitter-feed__metadata__handle {
    color: #00AEFF;
    font-weight: 700;
    text-transform: uppercase
}

.twitter-feed__metadata__handle:before {
    background: url(/Brands/Trojan/assets/images/icons/twitter.png) no-repeat center center/100% 100%;
    content: "";
//    display: inline-block;
    display: none;
    height: 17px;
    margin-right: 6px;
    width: 20px
}

.twitter-feed__content {
    margin: 8px 0
}

@media (min-width:1110px) {
    .twitter-feed__content {
        border-bottom: 2px solid #B7B7B7;
        margin: 0 160px 30px;
        padding: 0 93px 12px;
        font-size: 17px
    }
}

.twitter-feed__content__tag {
    color: #00AEFF;
    text-wrap: none
}

.video-content {
    margin: 10px 10px 40px;
    padding: 10px
}

@media (min-width:1110px) {
    .video-content {
        margin: 60px 40px 120px 0;
        padding: 25px 35px
    }
}

.video-content__video {
    height: 100%;
    padding-bottom: 51%;
    position: relative;
    width: 100%
}

.video-content__video__frame {
    height: 100%;
    left: 0;
    min-height: 420px;
    position: absolute;
    top: 0;
    width: 100%
}

.video-content__product-video {
    height: 220px;
    padding-left: 16%;
    margin: 10px 0 0 0
}

.video-content__body {
    margin: 20px 0 0
}

@media (min-width:1110px) {
    .video-content__body {
        margin: 90px 20px 0
    }
}

.about-box {
    margin: 30px 0 40px
}

@media (max-width:1109px) {
    .about-box {
        box-shadow: none
    }
}

.about-box__heading {
    border-bottom: 1px solid #000;
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 25px;
    padding: 0 0 15px;
    position: relative
}

@media (min-width:1110px) {
    .about-box__heading {
        font-size: 24px;
        line-height: 24px
    }
}

.about-box__image {
    position: absolute;
    right: 0;
    top: -35px
}

.banner__posters {
    overflow: hidden;
    position: relative
}

.banner__poster {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 0 0, cover;
    box-sizing: border-box;
    min-height: 565px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%
}

@media (min-width:1110px) {
    .banner__poster {
        background-size: cover, 0 0;
        min-height: 950px
    }
}

@media (min-width:600px) and (max-width:1109px) {
    .banner__poster {
        background-position: center -50px
    }
}

.banner__wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    position: relative;
    -webkit-transition: left 1s ease;
    transition: left 1s ease;
    width: 100%
}

[data-banner="0"] .banner__wrapper {
    left: 0
}

[data-banner="1"] .banner__wrapper {
    left: -100%
}

[data-banner="2"] .banner__wrapper {
    left: -200%
}

.banner__tabs {
    background-color: #FFF;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    margin: 0 auto;
    max-width: 1300px;
    position: fixed;
    right: 0;
    z-index: 10
}

@media (min-width:1110px) {
    .banner__tabs {
        width: 1300px
    }
}

.banner__tab {
    background-color: #FFF;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: trojan-icons, Lato, sans-serif;
    font-size: 14px;
    line-height: 14px;
    margin: 0;
    padding: 6px 0 4px;
    text-align: center;
    -webkit-transition: background-color 1s ease, border 1s ease, color 1s ease, margin 1s ease, padding 1s ease;
    transition: background-color 1s ease, border 1s ease, color 1s ease, margin 1s ease, padding 1s ease
}

@media (min-width:1110px) {
    .banner__tab {
        font-size: 20px;
        line-height: 20px;
        padding: 16px 0
    }
}

.banner__tab:hover {
    text-decoration: none
}

.banner__tab+.banner__tab {
    border-left: 1px solid #EBEBEB
}

[data-banner="0"] .banner__tab[href="#condoms"],
[data-banner="1"] .banner__tab[href="#lubricants"],
[data-banner="2"] .banner__tab[href="#vibrations"] {
    border: 0;
    color: #FFF;
    margin: -4px 0 0;
    padding: 7px 0 7px
}

@media (min-width:1110px) {
    [data-banner="0"] .banner__tab[href="#condoms"],
    [data-banner="1"] .banner__tab[href="#lubricants"],
    [data-banner="2"] .banner__tab[href="#vibrations"] {
        margin: -13px 0 13px;
        padding: 16px 0
    }
}

.banner__tab[href="#condoms"] {
    color: #1B4AA4
}

[data-banner="0"] .banner__tab[href="#condoms"] {
    background-color: #1B4AA4
}

.banner__tab[href="#lubricants"] {
    color: #64216D
}

[data-banner="1"] .banner__tab[href="#lubricants"] {
    background-color: #64216D
}

.banner__tab[href="#vibrations"] {
    color: #8E8CD0
}

[data-banner="2"] .banner__tab[href="#vibrations"] {
    background-color: #8E8CD0
}

.banner__panels {
    overflow: hidden;
    -webkit-transition: height 1s ease;
    transition: height 1s ease
}

.banner__panel {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.poster {
    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;
    overflow: hidden;
    position: relative
}

.poster__bar {
    left: 0;
    margin: 0;
    max-height: 80px;
    position: absolute;
    text-align: left;
    top: 20%;
    -webkit-transform: translateY(65%);
    -ms-transform: translateY(65%);
    transform: translateY(65%);
    width: 100%
}

@media (min-width:1110px) {
    .poster__bar {
        left: 0;
        margin: 310px 0 0;
        max-height: inherit;
        padding: 25px 0;
        text-align: left;
        top: 0;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        width: 100%
    }
}

.poster__image {
    max-width: 150%;
    margin-left: -25%
}

@media (min-width:1110px) {
    .poster__image {
        left: 335px;
        margin: 0;
        max-width: inherit;
        position: absolute;
        top: -200px
    }
}

.poster__logo {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0
}

.poster__logo__image {
    margin: 13px 0 0;
    width: 190px
}

@media (min-width:1110px) {
    .poster__logo__image {
        margin: 30px 0 0;
        width: 300px
    }
}

.poster__helmet {
    display: none
}

@media (min-width:1110px) {
    .poster__helmet {
        position: absolute;
        left: 0;
        top: -215px;
        display: block
    }
}

.poster__content {
    box-sizing: border-box;
    position: relative;
    margin-top: 60px;
    max-height: 500px;
    text-align: center;
    min-width: 300px;
    width: 50%
}

@media (min-width:1110px) {
    .poster__content {
        height: 140px;
        left: 50%;
        margin: -140px 0 0 -460px;
        padding: 15px 0;
        position: absolute;
        text-align: left;
        top: 460px;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

	#trojanpage_1_Posters_Poster_0 .poster__content {
//      position: relative;
        width: 870px
    }
}

@media (max-width:1109px) {
    .poster__content {
        width: 45%
    }
}

.poster__text {
    color: #FFF;
    font-size: 22px;
    line-height: 22px;
    margin: -50px auto 0
}

@media (min-width:1110px) {
    .poster__text {
        margin: 0;
    }

	#trojanpage_1_Posters_Poster_0 .poster__text {
		max-width:500px;
//      margin: 0;
//		font-size: 22px;
//		line-height: 22px;
    }
}

@media (max-width:1109px) {
    .poster__text {
        font-size: 18px;
        margin: -85px auto 0
    }
}

.poster__button {
    margin: 30px 0 0;
}

@media (min-width:1110px) {
    .poster__button {
        bottom: 15px;
        left: 0;
        position: absolute
    }

	#trojanpage_1_Posters_Poster_0 .poster__button {
        bottom: unset;
		top:340px;
		left:unset;
		right: 0;
    }
}

@media (min-width:500px) {
    .poster__button {
        margin: 15px 0 0
    }
}

.contact-us__form {
    height: 1100px;
    margin: auto;
    width: 960px
}

.featured-article {
    color: #000;
    font-size: 13px;
    line-height: 17px;
    margin: 25px 0
}

.featured-article:after {
    clear: both;
    content: '';
    display: table
}

@media (min-width:1110px) {
    .featured-article {
        font-size: 16px;
        line-height: 20px;
        margin: 20px 0
    }
}

.featured-article__image {
    display: none
}

@media (min-width:1110px) {
    .featured-article__image {
        display: block;
        float: left;
        width: 180px
    }
}

.featured-article__content {
    border-bottom: 1px solid grey;
    padding: 0 0 12px
}

@media (min-width:1110px) {
    .featured-article__content {
        margin: 0 0 0 210px
    }
}

.featured-article__title {
    color: #5425A5;
    display: block;
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 5px
}

@media (min-width:1110px) {
    .featured-article__title {
        font-size: 24px;
        line-height: 28px;
        padding-top: 0
    }
}

.featured-article--main {
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    text-align: center
}

@media (min-width:1110px) {
    .featured-article--main {
        font-size: 14px;
        line-height: 18px
    }
}

.featured-article--main__image {
    display: block;
    float: left;
    text-align: left;
    width: 100%
}

@media (min-width:600px) {
    .featured-article--main__image {
        float: left;
        width: 275px
    }
}

.featured-article--main__content {
    border: 0;
    padding: 0
}

@media (min-width:1110px) {
    .featured-article--main__content {
        margin: 0 0 0 300px
    }
}

.featured-article--main__title {
    color: #000;
    display: block;
    font-size: 18px;
    font-weight: 300;
    line-height: 17px;
    margin: 15px 0 0
}

@media (min-width:1110px) {
    .featured-article--main__title {
        display: block;
        margin: 0;
        text-transform: uppercase
    }
}

.featured-article--main__text {
    margin: 15px 0 15px;
    text-align: left
}

@media (min-width:600px) {
    .featured-article--main__text {
        text-align: center
    }
}

@media (min-width:1110px) {
    .featured-article--main__text {
        margin: 15px 0
    }
}

.featured-article--secondary {
    box-sizing: border-box
}

@media (min-width:1110px) {
    .featured-article--secondary {
        float: left;
        margin: 10px 0;
        padding-right: 20px;
        width: 50%
    }
}

@media (min-width:1110px) {
    .featured-article--secondary__content {
        border: none;
        margin: 0;
        padding: 0
    }
}

@media (min-width:1110px) {
    .featured-article--secondary__title {
        padding: 0
    }
}

.featured-articles {
    margin: 0 10px;
    max-width: 1110px
}

.featured-articles:after {
    clear: both;
    content: '';
    display: table
}

@media (min-width:1110px) {
    .featured-articles {
        margin: 0 auto
    }
}

.featured-articles__title {
    color: #5425A5;
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 20px;
    text-transform: uppercase
}

@media (min-width:1110px) {
    .featured-articles__title {
        font-size: 24px;
        line-height: 28px
    }
}

.featured-articles__section {
    box-sizing: border-box;
    margin: 20px 0 0
}

@media (min-width:1110px) {
    .featured-articles__section {
        float: left;
        margin: 25px 0;
        padding: 0 15px
    }
}

.featured-articles__section--secondary {
    display: none
}

.featured-articles__section--secondary:after {
    clear: both;
    content: '';
    display: table
}

@media (min-width:1110px) {
    .featured-articles__section--secondary {
        display: block;
        margin: 0 -20px
    }
}

.featured-articles__see-more {
    margin-bottom: 60px;
    text-align: center
}

@media (min-width:1110px) {
    .featured-articles__see-more {
        display: none
    }
}

.product-review {
    background-color: #FFF;
    margin: 10px;
    padding: 0 5px 40px 12px;
    position: relative
}

@media (min-width:1110px) {
    .product-review {
        box-sizing: border-box;
        float: left
    }
}

.product-review__left-cell {
    margin-top: 10px;
    margin-bottom: 10px
}

@media (min-width:1110px) {
    .product-review__left-cell {
        float: left;
        margin-right: 4%;
        width: 33%
    }
}

@media (min-width:600px) and (max-width:1109px) {
    .product-review__left-cell {
        float: left;
        margin-top: 10px;
        margin-bottom: 20px;
        width: 25%
    }
}

.product-review__right-cell {
    margin: 0 2px
}

@media (min-width:1110px) {
    .product-review__right-cell {
        float: left;
        padding-top: 10px;
        width: 63%;
        margin: 0
    }
}

@media (min-width:600px) and (max-width:1109px) {
    .product-review__right-cell {
        float: left;
        margin: 1% 20px;
        width: 65%
    }
}

.product-review__title {
    color: #E4DAF6;
    font-size: 15px;
    font-weight: 700
}

.condoms .product-review__title {
    color: #1B4AA4
}

.lubricants .product-review__title {
    color: #64216D
}

.vibrations .product-review__title {
    color: #8E8CD0
}

@media (min-width:1110px) {
    .product-review__title {
        font-size: 16px
    }
}

.product-review__date {
    color: #000;
    font-size: 10px
}

@media (min-width:1110px) {
    .product-review__date {
        font-size: 12px
    }
}

.product-review__text {
    color: #000;
    font-size: 14px;
    line-height: 15px;
    margin: 10px 0
}

@media (min-width:1110px) {
    .product-review__text {
        font-size: 12px
    }
}

.product-review__text__button {
    color: #E4DAF6
}

.condoms .product-review__text__button {
    color: #1B4AA4
}

.lubricants .product-review__text__button {
    color: #64216D
}

.vibrations .product-review__text__button {
    color: #8E8CD0
}

.product-review__free-product {
    font-size: 14px;
    line-height: 15px;
    margin: 10px 0 15px
}

@media (min-width:1110px) {
    .product-review__free-product {
        font-size: 12px
    }
}

.product-review__buttons {
    background-color: #5425A5;
    bottom: 0;
    clear: both;
    height: 20px;
    left: 0;
    padding: 10px 6px;
    position: absolute;
    right: 0
}

.condoms .product-review__buttons {
    background-color: #03298E
}

.lubricants .product-review__buttons {
    background-color: #2D053E
}

.vibrations .product-review__buttons {
    background-color: #323074
}

.product-review__helpful-button {
    border: solid 1px #FFF;
    color: #FFF;
    margin-right: 12px;
    min-width: 55px;
    padding: 4px 15px
}

.product-review__helpful-button:hover {
    text-decoration: none
}

.product-review__helpful-button--selected {
    color: #5425A5;
    background: #FFF
}

.condoms .product-review__helpful-button--selected {
    color: #03298E
}

.lubricants .product-review__helpful-button--selected {
    color: #2D053E
}

.vibrations .product-review__helpful-button--selected {
    color: #323074
}

.condoms .product-review__helpful-button--selected .product-review__helpful-icon--bad {
    background-image: url(/Brands/Trojan/assets/images/reviews/thumb_down_blue.png)
}

.lubricants .product-review__helpful-button--selected .product-review__helpful-icon--bad {
    background-image: url(/Brands/Trojan/assets/images/reviews/thumb_down_black.png)
}

.vibrations .product-review__helpful-button--selected .product-review__helpful-icon--bad {
    background-image: url(/Brands/Trojan/assets/images/reviews/thumb_down_purple.png)
}

.condoms .product-review__helpful-button--selected .product-review__helpful-icon--good {
    background-image: url(/Brands/Trojan/assets/images/reviews/thumb_up_blue.png)
}

.lubricants .product-review__helpful-button--selected .product-review__helpful-icon--good {
    background-image: url(/Brands/Trojan/assets/images/reviews/thumb_up_black.png)
}

.vibrations .product-review__helpful-button--selected .product-review__helpful-icon--good {
    background-image: url(/Brands/Trojan/assets/images/reviews/thumb_up_purple.png)
}

.product-review__helpful-icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 18px;
    vertical-align: text-bottom;
    width: 18px
}

.product-review__helpful-icon--bad {
    background-image: url(/Brands/Trojan/assets/images/reviews/thumb_down_white.png)
}

.product-review__helpful-icon--good {
    background-image: url(/Brands/Trojan/assets/images/reviews/thumb_up_white.png)
}

.product-review__abuse-button {
    color: #FFF;
    float: right;
    margin-top: -4px;
    padding: 4px 7px
}

.product-review__abuse-button--selected {
    color: #E4DAF6;
    background-color: #FFF
}

.condoms .product-review__abuse-button--selected {
    color: #1B4AA4
}

.lubricants .product-review__abuse-button--selected {
    color: #64216D
}

.vibrations .product-review__abuse-button--selected {
    color: #8E8CD0
}

.product-review__abuse-button--selected:hover {
    text-decoration: none
}

.product-review__stars {
    margin-bottom: 15px
}

.product-review__bar-title {
    font-size: 10px;
    margin: 5px 6px 0 4px
}

@media (min-width:1110px) {
    .product-review__bar-title {
        font-size: 12px;
        margin: 5px 2px 0;
        text-align: left
    }
}

.product-review__bar-title__stat {
    float: right
}

.product-review__recommend {
    color: #E4DAF6;
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 10px;
    line-height: 10px;
    margin: 20px 0 10px;
    padding: 5px 0 5px 32px
}

.condoms .product-review__recommend {
    color: #1B4AA4
}

.lubricants .product-review__recommend {
    color: #64216D
}

.vibrations .product-review__recommend {
    color: #8E8CD0
}

@media (min-width:1110px) {
    .product-review__recommend {
        font-size: 12px
    }
}

.condoms .product-review__recommend {
    background-image: url(/Brands/Trojan/assets/images/reviews/arrow_blue.png)
}

.lubricants .product-review__recommend {
    background-image: url(/Brands/Trojan/assets/images/reviews/arrow_pink.png)
}

.vibrations .product-review__recommend {
    background-image: url(/Brands/Trojan/assets/images/reviews/arrow_purple.png)
}

.product-review__recommend.recommend-false {
    display: none
}

.product-reviews-detail {
    background-color: #EBEBEB;
    padding: 20px 0
}

.product-reviews-detail:after {
    clear: both;
    content: '';
    display: table
}

.condoms .product-reviews-detail {
    background-color: #E8EDFF
}

.lubricants .product-reviews-detail {
    background-color: #EED1F2
}

.vibrations .product-reviews-detail {
    background-color: #DBDAF3
}

.product-reviews-detail__wrapper {
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto;
    max-width: 1110px
}

.product-reviews-detail__wrapper:after {
    clear: both;
    content: '';
    display: table
}

@media (min-width:1110px) {
    .product-reviews-detail__wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width:1110px) {
    .product-reviews-detail__wrapper__review {
        width: 47%
    }
}

.product-reviews-nav {
    color: #5425A5;
    max-width: 1110px;
    margin: 0 auto
}

.condoms .product-reviews-nav {
    color: #03298E
}

.lubricants .product-reviews-nav {
    color: #2D053E
}

.vibrations .product-reviews-nav {
    color: #323074
}

.product-reviews-nav__container {
    font-size: 0;
    margin: 0;
    padding: 0
}

@media (min-width:1110px) {
    .product-reviews-nav__container {
        margin: 0 180px
    }
}

.product-reviews-nav__item {
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    line-height: 18px;
    padding: 15px 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 25%
}

@media (min-width:1110px) {
    .product-reviews-nav__item {
        font-size: 16px
    }
}

.product-reviews-nav__item:first-child {
    margin-left: 0
}

.product-reviews-nav__item:last-child {
    margin-right: 0
}

.product-reviews-nav__item--active {
    background-color: #EBEBEB;
    font-weight: 700
}

.condoms .product-reviews-nav__item--active {
    background-color: #E8EDFF
}

.lubricants .product-reviews-nav__item--active {
    background-color: #EED1F2
}

.vibrations .product-reviews-nav__item--active {
    background-color: #DBDAF3
}

.product-reviews-overview {
    background: #FFF;
    max-width: 1110px;
    margin: auto;
    padding-bottom: 20px;
    text-align: center
}

.product-reviews-overview:after {
    clear: both;
    content: '';
    display: table
}

.lubricants .product-reviews-overview {
    border-top: 2px solid #cfbed1
}

.vibrations .product-reviews-overview {
    border-top: 2px solid #9088d3
}

.product-reviews-overview__heading {
    color: #000;
    font-size: 25px;
    line-height: 30px;
    margin: 30px 0 20px
}

@media (min-width:1110px) {
    .product-reviews-overview__heading {
        font-size: 40px;
        line-height: 45px;
        margin: 40px 0 25px
    }
}

@media (min-width:1110px) {
    .product-reviews-overview__heading--count {
        margin-top: 30px;
        color: #000
    }
}

.product-reviews-overview__recommend-percent {
    color: #000;
    font-size: 16px;
    line-height: 20px;
    margin: 10px 0 20px
}

.product-reviews-overview__cell {
    border: solid 2px;
    height: 140px;
    margin: 10px 30px;
    padding: 5px 20px
}

.vibrations .product-reviews-overview__cell {
    color: #323074
}

.condoms .product-reviews-overview__cell {
    color: #E8EDFF
}

.lubricants .product-reviews-overview__cell {
    color: #64216D
}

@media (min-width:1110px) {
    .product-reviews-overview__cell {
        box-sizing: border-box;
        float: left;
        margin: 15px;
        padding: 5px 22px;
        width: 46%
    }
}

@media (min-width:1110px) {
    .product-reviews-overview__cell--left,
    .product-reviews-overview__cell--right {
        width: calc(50% - 195px)
    }
}

@media (min-width:1110px) {
    .product-reviews-overview__cell--left {
        margin-left: 180px
    }
}

@media (min-width:1110px) {
    .product-reviews-overview__cell--right {
        margin-right: 180px
    }
}

.product-reviews-overview__cell__average {
    color: #5425A5;
    font-size: 22px;
    font-weight: 700
}

.condoms .product-reviews-overview__cell__average {
    color: #03298E
}

.lubricants .product-reviews-overview__cell__average {
    color: #2D053E
}

.vibrations .product-reviews-overview__cell__average {
    color: #323074
}

.product-reviews-overview__bar {
    margin: 0 18px 15px
}

@media (min-width:1110px) {
    .product-reviews-overview__bar {
        margin-bottom: 10px
    }
}

.product-reviews-overview__bar-title {
    color: #000;
    margin: 0 22px 2px 20px;
    text-align: left
}

.product-reviews-overview__bar-title__stat {
    float: right
}

.product-reviews-overview__review-button {
    border-radius: 20px;
    font-variant: small-caps
}

.product-details {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 0 0, 100%;
    padding-top: 73px
}

.product-details:after {
    clear: both;
    content: '';
    display: table
}

@media (min-width:1110px) {
    .product-details {
        background-position: center top;
        background-size: 100% 850px, 0 0;
        padding-top: 166px
    }
}

@media (min-width:600px) and (max-width:1109px) {
    .product-details {
        background-position: center -300px
    }
}

.product-details__container {
    margin: 10px 0;
    max-width: 1110px
}

.product-details__container:after {
    clear: both;
    content: '';
    display: table
}

@media (min-width:1110px) {
    .product-details__container {
        margin: 45px auto
    }
}

.product-details__carousel {
    position: relative;
    margin: 0 0 15px
}

.product-details__carousel .owl-prev {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 23px 53px;
    height: 53px;
    width: 23px
}

.condoms .product-details__carousel .owl-prev {
    background-image: url(/Brands/Trojan/assets/images/buttons/arrows/condoms-arrow-left.png)
}

.lubricants .product-details__carousel .owl-prev {
    background-image: url(/Brands/Trojan/assets/images/buttons/arrows/lubricants-arrow-left.png)
}

.vibrations .product-details__carousel .owl-prev {
    background-image: url(/Brands/Trojan/assets/images/buttons/arrows/vibrations-arrow-left.png)
}

.product-details__carousel .owl-next {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 23px 53px;
    height: 53px;
    width: 23px
}

.condoms .product-details__carousel .owl-next {
    background-image: url(/Brands/Trojan/assets/images/buttons/arrows/condoms-arrow-right.png)
}

.lubricants .product-details__carousel .owl-next {
    background-image: url(/Brands/Trojan/assets/images/buttons/arrows/lubricants-arrow-right.png)
}

.vibrations .product-details__carousel .owl-next {
    background-image: url(/Brands/Trojan/assets/images/buttons/arrows/vibrations-arrow-right.png)
}

@media (min-width:1110px) {
    .product-details__carousel {
        float: left;
        width: 423px
    }
}

.product-details__carousel__inner:after {
    clear: both;
    content: '';
    display: table
}

.product-details__carousel__items {
    text-align: center
}

@media (min-width:1110px) {
    .product-details__carousel__items {
        float: right;
        width: 380px;
        right: -100px
    }
}

.product-details__carousel__item__image {
    height: auto;
    margin-top: 30px;
    max-width: 50%
}

@media (min-width:1110px) {
    .product-details__carousel__item__image {
        margin-top: 0;
        max-width: 75%
    }
}

@media (min-width:600px) and (max-width:1109px) {
    .product-details__carousel__item__image {
        height: auto;
        margin-top: 0;
        max-width: 21%
    }
}

.product-details__carousel .owl-controls {
    left: 22px;
    position: absolute;
    right: 22px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.product-details__carousel .owl-controls:after {
    clear: both;
    content: '';
    display: table
}

@media (min-width:1110px) {
    .product-details__carousel .owl-controls {
        display: none!important
    }
}

@media (min-width:600px) and (max-width:1109px) {
    .product-details__carousel .owl-controls {
        left: 122px;
        position: absolute;
        right: 122px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.product-details__carousel .owl-prev {
    float: left
}

.product-details__carousel .owl-next {
    float: right
}

.product-details__carousel__thumbs {
    display: none
}

@media (min-width:600px) {
    .product-details__carousel__thumbs {
        display: block;
        left: 20px;
        position: absolute;
        top: 0
    }
}

.product-details__carousel__thumb {
    cursor: pointer;
    height: 42px;
    margin: 0 0 12px;
    text-align: center;
    width: 42px
}

.product-details__carousel__subtext {
    text-align: center;
    line-height: 1em
}

@media (min-width:1110px) {
    .product-details__carousel__subtext {
        margin-right: -240px
    }
}

.product-details__content {
    margin: 0 10px;
    text-align: center
}

@media (min-width:1110px) {
    .product-details__content {
        background: rgba(255, 255, 255, .8);
        box-sizing: border-box;
        float: right;
        margin: 0;
        padding: 20px 40px;
        text-align: left;
        width: 540px
    }
}

.product-details__content__inner {
    text-align: left
}

.product-details__content__inner:after {
    clear: both;
    content: '';
    display: table
}

.product-details__content__inner h1 {
    margin: 0 auto
}

.product-details__content__subtitle,
.product-details__content__title {
    font-size: 20px;
    line-height: 20px;
    text-align: center
}

@media (min-width:1110px) {
    .product-details__content__subtitle,
    .product-details__content__title {
        font-size: 35px;
        line-height: 39px;
        text-align: left
    }
}

.product-details__content__title {
    text-transform: none
}

.product-details__content__subtitle {
    font-weight: 300
}

.product-details__content__ratings {
    color: #B38600;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    margin: 5px 0;
    text-align: center
}

@media (min-width:1110px) {
    .product-details__content__ratings {
        margin: 20px 0 5px;
        text-align: left
    }
}

.product-details__content__ratings__count {
    display: inline-block;
    margin: 0 0 0 8px;
    vertical-align: middle
}

@media (min-width:1110px) {
    .product-details__content__ratings__count {
        margin: 0 0 0 15px
    }
}

.product-details__content__buttons {
    margin: 20px 0;
    text-align: center
}

.product-details__content__buttons:after {
    clear: both;
    content: '';
    display: table
}

@media (min-width:1110px) {
    .product-details__content__buttons {
        text-align: left
    }
}

.product-details__content__button--review {
    margin-left: 10px;
    padding: 6px 5px
}

@media (min-width:1110px) {
    .product-details__content__button--review {
        left: 68px;
        margin-left: inherit;
        padding: 6px 28px;
        position: relative;
        top: -57px
    }
}

.product-details__content__button--buy-now {
    padding: 6px 7px
}

@media (min-width:1110px) {
    .product-details__content__button--buy-now {
        padding: 6px 28px
    }
}

.product-details__content__social-icons {
    margin: 20px 0;
    text-align: center
}

@media (min-width:1110px) {
    .product-details__content__social-icons {
        text-align: left
    }
}

.product-details__content li {
    margin: 8px 0
}

.product-details__button {
    margin: 0 15px
}

@media (min-width:1110px) {
    .product-details__button {
        margin: 15px
    }
}

.vibrations .product-details__button {
    background-color: transparent;
    border: none;
    color: #B38600;
    font-size: 18px;
    font-weight: 700;
    padding: 0
}

.vibrations .product-details__button:focus,
.vibrations .product-details__button:hover {
    background-color: transparent
}

.product-features {
    background-color: #1B4AA4;
    margin: 10px 0
}

.product-features__title {
    background-color: #03298E;
    color: #fff;
    font-weight: 400;
    line-height: 43px;
    margin: 0;
    text-align: center;
    text-transform: uppercase
}

.product-features__content {
    height: 460px;
    margin: 0 auto;
    max-width: 320px;
    position: relative
}

@media (min-width:1110px) {
    .product-features__content {
        height: auto;
        margin-top: 125px;
        max-width: 500px;
        padding-bottom: 50px
    }
}

.product-features__image {
    position: absolute
}

@media (min-width:1110px) {
    .product-features__image {
        margin: 80px 0 0;
        padding-bottom: 80px;
        position: relative;
        top: 0
    }
}

.product-features__image--horizontal {
    display: none;
    max-height: 112px
}

@media (min-width:1110px) {
    .product-features__image--horizontal {
        display: block
    }
}

.product-features__image--vertical {
    max-height: 330px;
    max-width: 82px;
    right: 118px;
    top: 5px
}

@media (min-width:1110px) {
    .product-features__image--vertical {
        display: none
    }
}

.product-features__button {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 76px 56px;
    display: block;
    height: 56px;
    position: absolute;
    width: 76px
}

@media (min-width:1110px) {
    .product-features__button {
        background-size: 56px 82px;
        height: 82px;
        width: 56px
    }
}

.product-features__button.active {
    background-size: 68px 44px
}

@media (min-width:1110px) {
    .product-features__button.active {
        background-size: 44px 68px
    }
}

.product-features__button--right {
    background-image: url(/Brands/Trojan/assets/images/buttons/features/inactive-right.png)
}

@media (min-width:1110px) {
    .product-features__button--right {
        background-image: url(/Brands/Trojan/assets/images/buttons/features/inactive.png)
    }
}

.product-features__button--right.active {
    background-image: url(/Brands/Trojan/assets/images/buttons/features/active-right.png)
}

@media (min-width:1110px) {
    .product-features__button--right.active {
        background-image: url(/Brands/Trojan/assets/images/buttons/features/active.png)
    }
}

.product-features__button--left {
    background-image: url(/Brands/Trojan/assets/images/buttons/features/inactive-left.png)
}

@media (min-width:1110px) {
    .product-features__button--left {
        background-image: url(/Brands/Trojan/assets/images/buttons/features/inactive.png)
    }
}

.product-features__button--left.active {
    background-image: url(/Brands/Trojan/assets/images/buttons/features/active-left.png)
}

@media (min-width:1110px) {
    .product-features__button--left.active {
        background-image: url(/Brands/Trojan/assets/images/buttons/features/active.png)
    }
}

@media (min-width:1110px) {
    .product-features__button--bottom {
        background-image: url(/Brands/Trojan/assets/images/buttons/features/inactive-bottom.png)
    }
}

@media (min-width:1110px) {
    .product-features__button--bottom.active {
        background-image: url(/Brands/Trojan/assets/images/buttons/features/active-bottom.png)
    }
}

.product-features__tooltip {
    background-color: #03298E;
    bottom: 0;
    color: #FFF;
    display: none;
    padding: 14px 0;
    position: absolute
}

@media (min-width:1110px) {
    .product-features__tooltip {
        background-color: #fff;
        bottom: auto;
        box-shadow: #000 3px 3px 10px;
        color: #03298E;
        margin: 0;
        padding: 15px 10px
    }
}

.product-features__tooltip:before {
    border-color: transparent transparent #03298E transparent;
    border-style: solid;
    border-width: 0 14px 18px 14px;
    content: '';
    display: block;
    height: 0;
    margin-right: -14px;
    position: absolute;
    right: 50%;
    top: -18px;
    width: 0
}

@media (min-width:1110px) {
    .product-features__tooltip:before {
        display: none
    }
}

@media (min-width:1110px) {
    .product-features__tooltip:after {
        border-style: solid;
        border-width: 14px 10px 0;
        border-color: rgba(255, 255, 255, .9) transparent transparent transparent;
        bottom: -14px;
        content: '';
        display: block;
        height: 0;
        margin-right: -10px;
        position: absolute;
        right: 50%;
        width: 0
    }
}

@media (min-width:1110px) {
    .product-features__tooltip--bottom:before {
        border-bottom-color: rgba(255, 255, 255, .9);
        border-width: 0 10px 14px;
        display: block;
        margin-right: -10px;
        top: -14px
    }
}

@media (min-width:1110px) {
    .product-features__tooltip--bottom:after {
        display: none
    }
}

.product-features__tooltip.open {
    display: block
}

.product-where-to-buy {
    display: none;
    background-color: #FFF;
    box-shadow: #000 2px 2px 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 13px;
    padding: 11px;
    position: absolute;
    right: 13px;
    top: 610px;
    z-index: 10
}

@media (min-width:1110px) {
    .product-where-to-buy {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        left: calc(50% - 200px);
        top: 410px;
        width: 666px
    }
}

.product-where-to-buy--open {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.product-where-to-buy__heading {
    margin: 16px 0
}

@media (min-width:1110px) {
    .product-where-to-buy__heading {
        font-size: 24px;
        line-height: 24px;
        margin: 0 0 20px
    }
}

@media (min-width:1110px) {
    .product-where-to-buy__retailers {
        text-align: center;
        width: 48%
    }
}

@media (min-width:1110px) {
    .product-where-to-buy__separator {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        font-size: 28px;
        font-weight: 300;
        text-align: center;
        width: 12%
    }
}

@media (min-width:1110px) {
    .product-where-to-buy__finder {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        text-align: center;
        width: 40%
    }
}

.product-where-to-buy__more {
    font-size: 20px;
    line-height: 20px
}

.resource-item {
    color: #000;
    font-size: 16px;
    line-height: 20px;
    margin: 15px 0
}

@media (min-width:1110px) {
    .resource-item {
        box-sizing: border-box;
        float: left;
        margin: 10px 0;
        padding: 0 20px;
        width: 50%
    }
}

@media (min-width:1110px) {
    .resource-item:nth-child(odd) {
        clear: both
    }
}

.resource-item__link {
    color: #5425A5;
    display: none;
    font-size: 13px;
    line-height: 17px
}

@media (min-width:1110px) {
    .resource-item__link {
        display: block;
        font-size: 24px;
        font-weight: 700;
        line-height: 28px
    }
}

.resource-item__url {
    color: #5425A5;
    margin: 6px 0
}

.resource-item__text {
    display: none
}

@media (min-width:1110px) {
    .resource-item__text {
        display: block
    }
}

.resources {
    margin: 0 10px
}

@media (min-width:1110px) {
    .resources {
        margin: 0 auto 30px;
        max-width: 1110px;
        width: 100%
    }
}

.resources__title {
    color: #5425A5;
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
    margin-top: 15px;
    text-transform: uppercase
}

@media (min-width:1110px) {
    .resources__title {
        font-size: 24px;
        line-height: 28px;
        margin-top: 55px
    }
}

.resources__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.resources__list:after {
    clear: both;
    content: '';
    display: table
}

@media (min-width:1110px) {
    .resources__list {
        margin: 0 -20px
    }
}

.retailers__links__link {
    color: #5425A5;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    margin: 5px 0;
    text-align: center;
    width: 48%
}

.retailers__links--image {
    margin-bottom: 40px
}

@media (min-width:1110px) {
    .retailers__links--image {
        margin-bottom: 20px
    }
}

.retailers__links--image__link {
    display: block;
    margin: 10px 5px;
    width: auto
}

@media (min-width:1110px) {
    .retailers__links--image__link {
        display: inline-block;
        width: 46%
    }
}

.search-bar {
    display: inline-block;
    position: relative
}

.search-bar__input {
    background-color: #FFF;
    border: 0;
    border-radius: 5px;
    box-shadow: inset 2px 2px 5px grey;
    box-sizing: border-box;
    color: #5D5968;
    font-size: 16px;
    line-height: 20px;
    padding: 8px 35px 8px 15px;
    vertical-align: middle;
    width: 240px
}

@media (min-width:1110px) {
    .search-bar__input {
        width: 410px
    }
}

.search-bar__input::-webkit-input-placeholder {
    font-style: italic
}

.search-bar__input::-moz-placeholder {
    font-style: italic
}

.search-bar__input:-ms-input-placeholder {
    font-style: italic
}

.search-bar__input::placeholder {
    font-style: italic
}

input.search-bar__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box
}

.search-bar__button {
    background-color: transparent;
    background-image: url(/Brands/Trojan/assets/images/icons/search.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    border: 0;
    box-sizing: border-box;
    line-height: 20px;
    margin-left: -35px;
    padding: 8px;
    position: relative;
    vertical-align: middle;
    width: 35px
}

.search-bar__result-count {
    color: #FFF;
    display: block;
    margin: 0
}

@media (min-width:1110px) {
    .search-bar__result-count {
        display: inline-block;
        margin: 0 10px
    }
}

.search-results {
    background: #EBEBEB;
    padding: 0 10px
}

@media (min-width:1110px) {
    .search-results {
        box-sizing: border-box;
        margin: 0 auto;
        padding: 35px 160px;
        width: 1110px
    }
}

.search-results__result {
    border-bottom: 1px solid #000;
    color: #000;
    font-size: 16px;
    line-height: 20px;
    padding: 20px 0
}

.search-results__result:last-child {
    border-bottom: 0
}

@media (min-width:1110px) {
    .search-results__result {
        padding: 20px 30px
    }
}

.search-result__link {
    color: #5425A5;
    font-weight: 700
}

.search-result__url {
    color: #5425A5
}

.search-result__description {
    margin-top: 10px
}

@media (min-width:1110px) {
    .search-result__description {
        margin-top: 20px
    }
}

.search-result__read-more {
    color: #5425A5
}

.pagination--search-results {
    background: #EBEBEB
}

@media (min-width:1110px) {
    .pagination--search-results {
        margin: 0 auto;
        width: 1110px
    }
}

.search-result__link {
    font-weight: 700
}

.search-result__description {
    margin-top: 10px
}

@media (min-width:1110px) {
    .search-result__description {
        margin-top: 20px
    }
}

.separator {
    border-color: #000;
    border-style: solid;
    border-width: 1px 0 0;
    height: 0;
    margin: 0 auto 9px;
    padding: 0;
    width: auto
}

@media (min-width:1110px) {
    .separator {
        width: 1110px
    }
}

.sex-health-year {
    font-size: 32px;
    font-weight: 200px;
    line-height: 33px
}

@media (min-width:1110px) {
    .sex-health-year {
        font-size: 45px
    }
}

.sex-health-title {
    font-size: 55px;
    line-height: 43px
}

@media (min-width:1110px) {
    .sex-health-title {
        font-size: 80px;
        line-height: 65px
    }
}

.report-card {
    font-size: 23px;
    font-weight: bolder;
    line-height: 30px
}

@media (min-width:1110px) {
    .report-card {
        font-size: 35px;
        font-weight: bolder;
        line-height: 45px
    }
}

.stripe {
    background: #5425A5;
    margin-top: 20px;
    padding: 85px 0 0
}

@media (min-width:1110px) {
    .stripe {
        margin-top: 50px;
        padding: 85px 0 65px
    }
}

.stripe__inner {
    box-sizing: border-box;
    padding: 0 30px;
    position: relative
}

@media (min-width:1110px) {
    .stripe__inner {
        margin: 0 auto;
        padding: 0 0 0 165px;
        width: 1110px
    }
}

.stripe__image {
    height: auto;
    position: absolute;
    right: 0;
    top: -120px;
    width: 160px
}

@media (min-width:1110px) {
    .stripe__image {
        top: -165px;
        width: 340px
    }
}

.timeline {
    overflow-x: hidden
}

.timeline__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: margin ease-in-out .5s;
    transition: margin ease-in-out .5s;
    width: 300%
}

.left .timeline__container {
    margin-left: 0
}

.middle .timeline__container {
    margin-left: -100%
}

.right .timeline__container {
    margin-left: -200%
}

.timeline__panel {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 11px
}

.timeline__panel__title {
    color: #000;
    display: none;
    text-align: center
}

@media (min-width:1110px) {
    .timeline__panel__title {
        display: block
    }
}

.timeline__panel__heading {
    min-height: 27px
}

.timeline__panel--condoms {
    background-color: #E4DAF6;
    padding: 0 21px 0 11px
}

.timeline__panel--condoms__heading {
    background: url(/Brands/Trojan/assets/images/icons/purple-arrow-left.png) no-repeat right center;
    margin-right: -21px;
    padding-right: 21px;
    text-align: right
}

.timeline__panel--lubricants {
    padding: 0 21px 0 11px
}

.timeline__panel--lubricants__heading {
    background: url(/Brands/Trojan/assets/images/icons/purple-arrow-left.png) no-repeat right center;
    margin-right: -21px;
    padding-right: 21px;
    text-align: right
}

.timeline__panel--vibrators {
    background-color: rgba(228, 218, 246, .5);
    padding: 0 11px 0 21px
}

.timeline__panel--vibrators__heading {
    background: url(/Brands/Trojan/assets/images/icons/purple-arrow-right.png) no-repeat left center;
    margin-left: -21px;
    padding-left: 21px
}

.timeline__separator {
    background-color: #5425A5;
    width: 17px
}

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

.timeline-toggles__toggle {
    color: #000;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
    padding: 12px 0;
    position: relative;
    text-align: center;
    -webkit-transition: background-color ease .5s;
    transition: background-color ease .5s
}

.timeline-toggles__toggle.active {
    background-image: url(/Brands/Trojan/assets/images/icons/tabs/default-arrow.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 11px 9px
}

.timeline-toggles__toggle--condoms.active {
    background-color: #E4DAF6
}

.timeline-toggles__toggle--vibrators.active {
    background-color: rgba(228, 218, 246, .5)
}

.timeline-toggles__toggle--lubricants.active {
    background-color: rgba(228, 218, 246, .5)
}

.tooltip {
    text-align: center;
    width: 100%
}

@media (min-width:1110px) {
    .tooltip {
        width: 240px
    }
}

.tooltip__title {
    border-bottom: 0 solid #FFF;
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.25;
    margin: 0 36px 5px;
    padding: 0 2px;
    text-transform: none
}

@media (min-width:1110px) {
    .tooltip__title {
        border-color: #03298E;
        color: #03298E;
        font-size: 16px;
        margin: 0 0 5px
    }
}

.tooltip__description {
    font-size: 18px;
    margin: 0 36px 5px;
    padding: 0 2px
}

@media (min-width:1110px) {
    .tooltip__description {
        font-size: 16px
    }
}

.where-to-buy__form-stores {
    color: #5D5968
}

.where-to-buy__form-stores:after {
    clear: both;
    content: '';
    display: table
}

@media (min-width:1110px) {
    .where-to-buy__form-stores {
        margin: 40px auto;
        width: 860px
    }
}

.where-to-buy__form-stores__title {
    color: #000;
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
    margin: 0 0 20px
}

@media (min-width:1110px) {
    .where-to-buy__form-stores__title {
        font-size: 23px;
        line-height: 28px
    }
}

.where-to-buy__button {
    margin: 10px 20px
}

.where-to-buy__results {
    margin: 0 10px 0
}

.where-to-buy__results:after {
    clear: both;
    content: '';
    display: table
}

@media (min-width:1110px) {
    .where-to-buy__results {
        margin: 45px auto 60px;
        width: 1110px
    }
}

.box--where-to-buy-form,
.box--where-to-buy-stores {
    padding: 30px
}

@media (min-width:1110px) {
    .box--where-to-buy-form,
    .box--where-to-buy-stores {
        padding: 20px 40px;
        min-height: 310px;
        width: 412px
    }
}

@media (min-width:1110px) {
    .box--where-to-buy-form {
        float: left
    }
}

@media (min-width:1110px) {
    .box--where-to-buy-stores--small {
        display: none
    }
}

.box--where-to-buy-stores--large {
    display: none
}

@media (min-width:1110px) {
    .box--where-to-buy-stores--large {
        display: block;
        float: right
    }
}

.where-to-buy-result {
    border-bottom: 1px solid #000;
    color: #000;
    font-size: 16px;
    line-height: 20px;
    margin: 20px 0 0;
    padding-bottom: 20px
}

@media (min-width:1110px) {
    .where-to-buy-result {
        float: left;
        margin: 0 1% 20px;
        width: 31%
    }
}

.where-to-buy-result__store {
    background: #EBEBEB;
    padding: 12px 8px 10px
}

.where-to-buy-result__store:after {
    clear: both;
    content: '';
    display: table
}

@media (min-width:1110px) {
    .where-to-buy-result__store {
        padding: 14px 18px 14px 8px
    }
}

.where-to-buy-result__store__name {
    float: left;
    font-weight: 700
}

.where-to-buy-result__store__distance {
    float: right
}

.where-to-buy-result__store__address {
    font-weight: 300;
    padding: 12px 8px 0;
    position: relative
}

@media (min-width:1110px) {
    .where-to-buy-result__store__address {
        padding: 14px 18px 0 8px
    }
}

.where-to-buy-result__store__phone {
    color: #000;
    display: block
}

.where-to-buy-result__store__location {
    background: url(/Brands/Trojan/assets/images/icons/map-pin.png) right bottom no-repeat;
    bottom: 0;
    color: #5425A5;
    padding: 10px 25px 0 0;
    position: absolute;
    right: 0;
    text-decoration: underline
}

.xoxo-product-details {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 0 0, 100%;
    padding-top: 73px;
    background: none;
	background-color: #bac5e8;
    background-repeat: repeat;
    background-size: unset;
    padding: 50px 10px 15px;
    text-align: center
}

.xoxo-product-details:after {
    clear: both;
    content: '';
    display: table
}

@media (min-width:1110px) {
    .xoxo-product-details {
        background-position: center top;
        background-size: 100% 850px, 0 0;
        padding-top: 166px
    }
}

@media (min-width:600px) and (max-width:1109px) {
    .xoxo-product-details {
        background-position: center -300px
    }
}

.xoxo-product-details__container {
    margin: 10px 0;
    max-width: 1110px
}

.xoxo-product-details__container:after {
    clear: both;
    content: '';
    display: table
}

@media (min-width:1110px) {
    .xoxo-product-details__container {
        margin: 45px auto
    }
}

.xoxo-product-details__carousel {
    position: relative;
    margin: 0 0 15px
}

.xoxo-product-details__carousel .owl-prev {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 23px 53px;
    height: 53px;
    width: 23px
}

.condoms .xoxo-product-details__carousel .owl-prev {
    background-image: url(/Brands/Trojan/assets/images/buttons/arrows/condoms-arrow-left.png)
}

.lubricants .xoxo-product-details__carousel .owl-prev {
    background-image: url(/Brands/Trojan/assets/images/buttons/arrows/lubricants-arrow-left.png)
}

.vibrations .xoxo-product-details__carousel .owl-prev {
    background-image: url(/Brands/Trojan/assets/images/buttons/arrows/vibrations-arrow-left.png)
}

.xoxo-product-details__carousel .owl-next {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 23px 53px;
    height: 53px;
    width: 23px
}

.condoms .xoxo-product-details__carousel .owl-next {
    background-image: url(/Brands/Trojan/assets/images/buttons/arrows/condoms-arrow-right.png)
}

.lubricants .xoxo-product-details__carousel .owl-next {
    background-image: url(/Brands/Trojan/assets/images/buttons/arrows/lubricants-arrow-right.png)
}

.vibrations .xoxo-product-details__carousel .owl-next {
    background-image: url(/Brands/Trojan/assets/images/buttons/arrows/vibrations-arrow-right.png)
}

@media (min-width:1110px) {
    .xoxo-product-details__carousel {
        float: left;
        width: 423px
    }
}

.xoxo-product-details__carousel__inner:after {
    clear: both;
    content: '';
    display: table
}

.xoxo-product-details__carousel__items {
    text-align: center
}

@media (min-width:1110px) {
    .xoxo-product-details__carousel__items {
        float: right;
        width: 380px;
        right: -100px
    }
}

.xoxo-product-details__carousel__item__image {
    height: auto;
    margin-top: 30px;
    max-width: 50%
}

@media (min-width:1110px) {
    .xoxo-product-details__carousel__item__image {
        margin-top: 0;
        max-width: 75%
    }
}

@media (min-width:600px) and (max-width:1109px) {
    .xoxo-product-details__carousel__item__image {
        height: auto;
        margin-top: 0;
        max-width: 21%
    }
}

.xoxo-product-details__carousel .owl-controls {
    left: 22px;
    position: absolute;
    right: 22px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.xoxo-product-details__carousel .owl-controls:after {
    clear: both;
    content: '';
    display: table
}

@media (min-width:1110px) {
    .xoxo-product-details__carousel .owl-controls {
        display: none!important
    }
}

@media (min-width:600px) and (max-width:1109px) {
    .xoxo-product-details__carousel .owl-controls {
        left: 122px;
        position: absolute;
        right: 122px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.xoxo-product-details__carousel .owl-prev {
    float: left
}

.xoxo-product-details__carousel .owl-next {
    float: right
}

.xoxo-product-details__carousel__thumbs {
    display: none
}

@media (min-width:600px) {
    .xoxo-product-details__carousel__thumbs {
        display: block;
        left: 20px;
        position: absolute;
        top: 0
    }
}

.xoxo-product-details__carousel__thumb {
    cursor: pointer;
    height: 42px;
    margin: 0 0 12px;
    text-align: center;
    width: 42px
}

.xoxo-product-details__carousel__subtext {
    text-align: center;
    line-height: 1em
}

@media (min-width:1110px) {
    .xoxo-product-details__carousel__subtext {
        margin-right: -240px
    }
}

.xoxo-product-details__content {
    margin: 0 10px;
    text-align: center
}

@media (min-width:1110px) {
    .xoxo-product-details__content {
        background: rgba(255, 255, 255, .8);
        box-sizing: border-box;
        float: right;
        margin: 0;
        padding: 20px 40px;
        text-align: left;
        width: 540px
    }
}

.xoxo-product-details__content__inner {
    text-align: left
}

.xoxo-product-details__content__inner:after {
    clear: both;
    content: '';
    display: table
}

.xoxo-product-details__content__inner h1 {
    margin: 0 auto;
	display: none;
}

.xoxo-product-details__content__subtitle,
.xoxo-product-details__content__title {
    font-size: 20px;
    line-height: 20px;
    text-align: center
}

@media (min-width:1110px) {
    .xoxo-product-details__content__subtitle,
    .xoxo-product-details__content__title {
        font-size: 35px;
        line-height: 39px;
        text-align: left
    }
}

.xoxo-product-details__content__title {
    text-transform: none
}

.xoxo-product-details__content__subtitle {
    font-weight: 300
}

.xoxo-product-details__content__ratings {
    color: #B38600;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    margin: 5px 0;
    text-align: center
}

@media (min-width:1110px) {
    .xoxo-product-details__content__ratings {
        margin: 20px 0 5px;
        text-align: left
    }
}

.xoxo-product-details__content__ratings__count {
    display: inline-block;
    margin: 0 0 0 8px;
    vertical-align: middle
}

@media (min-width:1110px) {
    .xoxo-product-details__content__ratings__count {
        margin: 0 0 0 15px
    }
}

.xoxo-product-details__content__buttons {
    margin: 20px 0;
    text-align: center
}

.xoxo-product-details__content__buttons:after {
    clear: both;
    content: '';
    display: table
}

@media (min-width:1110px) {
    .xoxo-product-details__content__buttons {
        text-align: left
    }
}

.xoxo-product-details__content__button--review {
    margin-left: 10px;
    padding: 6px 5px;
}

@media (min-width:1110px) {
    .xoxo-product-details__content__button--review {
        left: 68px;
        margin-left: inherit;
        padding: 6px 28px;
        position: relative;
        top: -57px
    }
}

.xoxo-product-details__content__button--buy-now {
    padding: 6px 7px;
	background-color: black !important;
	background-image: none !important;
	box-shadow: 0 0 1px #000 !important;
}

@media (min-width:1110px) {
    .xoxo-product-details__content__button--buy-now {
        padding: 6px 28px
    }
}

.xoxo-product-details__content__social-icons {
    margin: 20px 0;
    text-align: center
}

@media (min-width:1110px) {
    .xoxo-product-details__content__social-icons {
        text-align: left
    }
}

.xoxo-product-details__content li {
    margin: 8px 0
}

.xoxo-product-details__button {
    margin: 0 15px
}

@media (min-width:1110px) {
    .xoxo-product-details__button {
        margin: 15px
    }
}

.vibrations .xoxo-product-details__button {
    background-color: transparent;
    border: none;
    color: #B38600;
    font-size: 18px;
    font-weight: 700;
    padding: 0
}

.vibrations .xoxo-product-details__button:focus,
.vibrations .xoxo-product-details__button:hover {
    background-color: transparent
}

@media (min-width:1110px) {
    .xoxo-product-details {
        background-size: unset;
        padding: 100px 10px 15px
    }
}

.xoxo-product-details__container {
    margin: 0 auto
}

.xoxo-product-details__heading, .xoxo-product-details__heading h2 {
    font-size: 20px;
    letter-spacing: 4px;
    text-align: center;
    margin: 16px 0
}

@media (min-width:1110px) {
    .xoxo-product-details__heading {
        font-size: 36px;
        letter-spacing: 8px;
        margin: 8px 0;
        text-align: left;
    }

	.xoxo-product-details__heading h2 {
        letter-spacing: 8px;
        margin: 8px 0;
		color: initial;
		line-height: 24px;
		font-size: 24px;
    }
}

@media (min-width:1110px) {
    .xoxo-product-details__text {
        line-height: 30px
    }
}

.xoxo-product-details__carousel {
    margin: 30px 0
}

@media (min-width:1110px) {
    .xoxo-product-details__carousel {
        float: right;
        margin: 0;
        width: 580px
    }
}

.xoxo-product-details__carousel__item__image {
    max-width: 75%;
    margin-top: 0
}

@media (min-width:1110px) {
    .xoxo-product-details__carousel__item__image {
        margin-top: 0
    }
}

.xoxo-product-details__carousel__subtext {
    font-size: 12px;
    margin: 0
}

@media (min-width:1110px) {
    .xoxo-product-details__carousel__subtext {
        font-size: 16px
    }
}

@media (min-width:1110px) {
    .xoxo-product-details__carousel__items {
        right: 50px;
        width: 550px
    }
}

@media (min-width:600px) and (max-width:1109px) {
    .xoxo-product-details__carousel__thumbs {
        display: none
    }
}

@media (min-width:1110px) {
    .xoxo-product-details__carousel__thumbs {
        display: block;
        left: auto;
        right: 0;
        top: 25px
    }
}

.xoxo-product-details__content {
	padding: 15px;
	background: #fff;
	border: 1px solid black;
}

@media (min-width:1110px) {
    .xoxo-product-details__content {
        float: left;
        margin: 85px 0 0;
        width: 480px
    }
}

.xoxo-product-details__content__ratings {
    color: #FFF;
    text-align: center
}

.xoxo-product-details__content__ratings__count {
    color: #000
}

.xoxo-product-details__content__ratings__stars {
    background-image: url(/Brands/Trojan/assets/images/stars/hollow.svg)
}

.xoxo-product-details__content__buttons {
    margin: 0;
    text-align: center
}

.xoxo-product-details__content__button__wrapper {
    margin: 20px 0
}

@media (min-width:1110px) {
    .xoxo-product-details__content__button__wrapper {
        display: inline-block;
        margin: 20px 15px;
        vertical-align: middle
    }
}

.xoxo-product-details__content__button {
    margin: 0;
    position: static;
	background-color: black !important;
	color:white !important;
	border-color:white !important;
	box-shadow: 0 0 1px #000 !important;
}

.xoxo-product-details__description__alt-image,
.xoxo-product-details__description__text {
    margin: 15px auto;
	text-align: center;
}

@media (min-width:1110px) {
    .xoxo-product-details__description__alt-image,
    .xoxo-product-details__description__text {
        margin: 0
    }
}

@media (min-width:1110px) {
    .xoxo-product-details__description__alt-image {
        width: 60%
    }
}

@media (min-width:1110px) {
    .xoxo-product-details__description__text {
        width: 40%
    }
}

.xoxo-product-details__description__media {
    margin: 15px auto;
    max-width: 615px
}

@media (min-width:1110px) {
    .xoxo-product-details__description__media {
        margin: 65px auto 85px;
	    max-width: 815px
    }
}

.xoxo-product-details__description__content {
    margin: 15px auto;
    max-width: 830px
}

.xoxo-product-details__description__content:after {
    clear: both;
    content: '';
    display: table
}

@media (min-width:1110px) {
    .xoxo-product-details__description__content {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin: 0 auto
    }
}

.xoxo-product-details__social-icons {
    margin: 30px 0
}

.xoxo-product-details__social-icons a {
    margin: 0 4px
}

.xoxo-product-details__social-icons a span {
    display: none
}

.xoxo-product-details__social-icons__visit-text {
    margin-bottom: 4px
}

.pref-center-iframe {
    height: 2300px;
    width: 1300px;
    margin-bottom: 0
}

@media (min-width:804px) {
    .pref-center-iframe {
        height: 1600px
    }
}

.consent {
    text-align: left
}

@media (min-width:600px) {
    .consent {
        text-align: center
    }
}