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
}
b,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
h1 {
margin: .67em 0
}
mark {
background: #ff0;
color: #000
}
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
}
hr {
-moz-box-sizing: content-box;
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[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-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
textarea {
overflow: auto
}
optgroup {
font-weight: 700
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
ol,
ul {
margin: 0;
padding: 0;
list-style: none
}
@media print {
*,
:after,
:before {
background: 0 0 !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important
}
a,
a:visited {
text-decoration: underline
}
a[href]:after {
content: " (" attr(href) ")"
}
abbr[title]:after {
content: " (" attr(title) ")"
}
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: ""
}
blockquote,
pre {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
img,
tr {
page-break-inside: avoid
}
img {
max-width: 100% !important
}
h2,
h3,
p {
orphans: 3;
widows: 3
}
h2,
h3 {
page-break-after: avoid
}
select {
background: #fff !important
}
.navbar {
display: none
}
.btn>.caret,
.dropup>.btn>.caret {
border-top-color: #000 !important
}
.label {
border: 1px solid #000
}
.availability-only-details,
.cart .totals table,
.data-table,
.table {
border-collapse: collapse !important
}
.availability-only-details td,
.availability-only-details th,
.cart .totals table td,
.cart .totals table th,
.data-table td,
.data-table th,
.table td,
.table th {
background-color: #fff !important
}
.data-table td,
.data-table th,
.table-bordered td,
.table-bordered th {
border: 1px solid #ddd !important
}
}
*,
:after,
:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
html {
font-size: 10px;
-webkit-tap-highlight-color: transparent
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
background-color: #fff
}
button,
input,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit
}
a {
color: #f15c22;
text-decoration: none
}
a:focus,
a:hover {
color: #bb3d0c;
text-decoration: underline
}
a:focus {
outline: dotted thin;
outline: -webkit-focus-ring-color auto 5px;
outline-offset: -2px
}
figure {
margin: 0
}
img {
vertical-align: middle
}
.block-banner .block-content img,
.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.category-image img,
.img-responsive,
.product-img-box .more-views img,
.product-img-box .product-image-zoom img,
.product-review .product-img-box .product-image,
.tool-tip-content img {
display: block;
max-width: 100%;
height: auto
}
.img-rounded {
border-radius: 6px
}
.img-thumbnail,
.product-essential .product-img-box img,
.products-grid .product-image img,
.products-list .product-image img {
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto
}
.img-circle {
border-radius: 50%
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto
}
.page-popup {
padding: 30px
}
header[role=banner] {
margin: 20px -15px
}
header[role=banner] .quick-access,
header[role=banner]>.logo {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
@media (min-width:992px) {
header[role=banner]>.logo {
float: left;
width: 41.66666667%
}
}
@media (min-width:992px) {
header[role=banner] .quick-access {
float: left;
width: 58.33333333%
}
}
@media (min-width:768px) {
header[role=banner] .form-language {
float: left;
width: 160px
}
header[role=banner] .form-language .form-control {
width: 120px
}
header[role=banner] .links {
float: right;
line-height: 30px
}
}
@media (min-width:992px) {
header[role=banner] .quick-access {
float: right
}
}
.layout {
margin-left: -15px;
margin-right: -15px
}
.layout.layout-1-col div[role=main],
.layout.layout-3-cols div[role=main] {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
@media (min-width:992px) {
.layout.layout-1-col div[role=main] {
float: left;
width: 100%
}
}
@media (min-width:992px) {
.layout.layout-3-cols div[role=main] {
float: left;
width: 50%
}
}
div[role=main] {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 20px
}
@media (min-width:992px) {
div[role=main] {
float: left;
width: 75%
}
}
aside[role=complementary] {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
display: none;
margin-bottom: 20px
}
@media (min-width:992px) {
aside[role=complementary] {
float: left;
width: 25%
}
}
@media (min-width:992px) {
aside[role=complementary] {
display: block
}
}
footer[role=contentinfo] {
margin-bottom: 20px
}
footer[role=contentinfo] .links li,
footer[role=contentinfo]>ul>li {
display: inline
}
footer[role=contentinfo] .bugs,
footer[role=contentinfo] .links,
footer[role=contentinfo] address,
footer[role=contentinfo]>ul {
margin-bottom: 10px
}
@media (min-width:768px) {
footer[role=contentinfo] .bugs,
footer[role=contentinfo] .links,
footer[role=contentinfo] address,
footer[role=contentinfo]>ul {
width: 50%
}
footer[role=contentinfo] .bugs,
footer[role=contentinfo]>ul {
float: left
}
footer[role=contentinfo] .links,
footer[role=contentinfo] address {
float: right;
text-align: right
}
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
font-weight: 400;
line-height: 1;
color: #777
}
.h1,
.h2,
.h3,
h1,
h2,
h3 {
margin-top: 20px;
margin-bottom: 10px
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
font-size: 65%
}
.h4,
.h5,
.h6,
h4,
h5,
h6 {
margin-top: 10px;
margin-bottom: 10px
}
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
font-size: 75%
}
p {
margin: 0 0 10px
}
.lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 300;
line-height: 1.4
}
@media (min-width:768px) {
.lead {
font-size: 21px
}
}
.small,
small {
font-size: 85%
}
.mark,
mark {
background-color: #fcf8e3;
padding: .2em
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
.text-justify {
text-align: justify
}
.text-nowrap {
white-space: nowrap
}
.text-lowercase {
text-transform: lowercase
}
.text-uppercase {
text-transform: uppercase
}
.text-capitalize {
text-transform: capitalize
}
.text-muted {
color: #777
}
.text-primary {
color: #f15c22
}
a.text-primary:hover {
color: #d3450d
}
.text-success {
color: #3c763d
}
a.text-success:hover {
color: #2b542c
}
.text-info {
color: #31708f
}
a.text-info:hover {
color: #245269
}
.text-warning {
color: #8a6d3b
}
a.text-warning:hover {
color: #66512c
}
.text-danger {
color: #a94442
}
a.text-danger:hover {
color: #843534
}
.bg-primary {
color: #fff;
background-color: #f15c22
}
a.bg-primary:hover {
background-color: #d3450d
}
.bg-success {
background-color: #dff0d8
}
a.bg-success:hover {
background-color: #c1e2b3
}
.bg-info {
background-color: #d9edf7
}
a.bg-info:hover {
background-color: #afd9ee
}
.bg-warning {
background-color: #fcf8e3
}
a.bg-warning:hover {
background-color: #f7ecb5
}
.bg-danger {
background-color: #f2dede
}
a.bg-danger:hover {
background-color: #e4b9b9
}
.page-header,
.page-title {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eee
}
ol,
ul {
margin-top: 0;
margin-bottom: 10px
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-bottom: 0
}
.list-unstyled {
padding-left: 0;
list-style: none
}
.list-inline {
padding-left: 0;
list-style: none;
margin-left: -5px
}
.list-inline>li {
display: inline-block;
padding-left: 5px;
padding-right: 5px
}
dl {
margin-top: 0;
margin-bottom: 20px
}
dd,
dt {
line-height: 1.42857143
}
dt {
font-weight: 700
}
dd {
margin-left: 0
}
@media (min-width:768px) {
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.dl-horizontal dd {
margin-left: 180px
}
}
abbr[data-original-title],
abbr[title] {
cursor: help;
border-bottom: 1px dotted #777
}
.initialism {
font-size: 90%;
text-transform: uppercase
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eee
}
blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child {
margin-bottom: 0
}
blockquote .small,
blockquote footer,
blockquote small {
display: block;
font-size: 80%;
line-height: 1.42857143;
color: #777
}
blockquote .small:before,
blockquote footer:before,
blockquote small:before {
content: '\2014 \00A0'
}
.blockquote-reverse,
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eee;
border-left: 0;
text-align: right
}
.blockquote-reverse .small:before,
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
blockquote.pull-right .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before {
content: ''
}
.blockquote-reverse .small:after,
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
blockquote.pull-right .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after {
content: '\00A0 \2014'
}
address {
margin-bottom: 20px;
font-style: normal;
line-height: 1.42857143
}
.h1,
h1 {
font-size: 25px
}
.h2,
h2 {
font-size: 22px
}
.h3,
h3 {
font-size: 20px
}
.h4,
h4 {
font-size: 17px
}
.h5,
h5 {
font-size: 14px
}
.h6,
h6 {
font-size: 12px
}
.page-title {
margin-top: 0
}
.page-title .separator {
margin: 0 3px
}
.page-title .link-rss {
float: right;
margin: 7px 0 0
}
.title-buttons {
text-align: right
}
.title-buttons h1,
.title-buttons h2,
.title-buttons h3,
.title-buttons h4,
.title-buttons h5,
.title-buttons h6 {
float: left
}
.sub-title,
.subtitle {
color: #777
}
.container,
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px
}
@media (min-width:768px) {
.container {
width: 750px
}
}
@media (min-width:992px) {
.container {
width: 970px
}
}
@media (min-width:1200px) {
.container {
width: 1170px
}
}
.row {
margin-left: -15px;
margin-right: -15px
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
float: left
}
.col-xs-12 {
width: 100%
}
.col-xs-11 {
width: 91.66666667%
}
.col-xs-10 {
width: 83.33333333%
}
.col-xs-9 {
width: 75%
}
.col-xs-8 {
width: 66.66666667%
}
.col-xs-7 {
width: 58.33333333%
}
.col-xs-6 {
width: 50%
}
.col-xs-5 {
width: 41.66666667%
}
.col-xs-4 {
width: 33.33333333%
}
.col-xs-3 {
width: 25%
}
.col-xs-2 {
width: 16.66666667%
}
.col-xs-1 {
width: 8.33333333%
}
.col-xs-pull-12 {
right: 100%
}
.col-xs-pull-11 {
right: 91.66666667%
}
.col-xs-pull-10 {
right: 83.33333333%
}
.col-xs-pull-9 {
right: 75%
}
.col-xs-pull-8 {
right: 66.66666667%
}
.col-xs-pull-7 {
right: 58.33333333%
}
.col-xs-pull-6 {
right: 50%
}
.col-xs-pull-5 {
right: 41.66666667%
}
.col-xs-pull-4 {
right: 33.33333333%
}
.col-xs-pull-3 {
right: 25%
}
.col-xs-pull-2 {
right: 16.66666667%
}
.col-xs-pull-1 {
right: 8.33333333%
}
.col-xs-pull-0 {
right: auto
}
.col-xs-push-12 {
left: 100%
}
.col-xs-push-11 {
left: 91.66666667%
}
.col-xs-push-10 {
left: 83.33333333%
}
.col-xs-push-9 {
left: 75%
}
.col-xs-push-8 {
left: 66.66666667%
}
.col-xs-push-7 {
left: 58.33333333%
}
.col-xs-push-6 {
left: 50%
}
.col-xs-push-5 {
left: 41.66666667%
}
.col-xs-push-4 {
left: 33.33333333%
}
.col-xs-push-3 {
left: 25%
}
.col-xs-push-2 {
left: 16.66666667%
}
.col-xs-push-1 {
left: 8.33333333%
}
.col-xs-push-0 {
left: auto
}
.col-xs-offset-12 {
margin-left: 100%
}
.col-xs-offset-11 {
margin-left: 91.66666667%
}
.col-xs-offset-10 {
margin-left: 83.33333333%
}
.col-xs-offset-9 {
margin-left: 75%
}
.col-xs-offset-8 {
margin-left: 66.66666667%
}
.col-xs-offset-7 {
margin-left: 58.33333333%
}
.col-xs-offset-6 {
margin-left: 50%
}
.col-xs-offset-5 {
margin-left: 41.66666667%
}
.col-xs-offset-4 {
margin-left: 33.33333333%
}
.col-xs-offset-3 {
margin-left: 25%
}
.col-xs-offset-2 {
margin-left: 16.66666667%
}
.col-xs-offset-1 {
margin-left: 8.33333333%
}
.col-xs-offset-0 {
margin-left: 0
}
@media (min-width:768px) {
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9 {
float: left
}
.col-sm-12 {
width: 100%
}
.col-sm-11 {
width: 91.66666667%
}
.col-sm-10 {
width: 83.33333333%
}
.col-sm-9 {
width: 75%
}
.col-sm-8 {
width: 66.66666667%
}
.col-sm-7 {
width: 58.33333333%
}
.col-sm-6 {
width: 50%
}
.col-sm-5 {
width: 41.66666667%
}
.col-sm-4 {
width: 33.33333333%
}
.col-sm-3 {
width: 25%
}
.col-sm-2 {
width: 16.66666667%
}
.col-sm-1 {
width: 8.33333333%
}
.col-sm-pull-12 {
right: 100%
}
.col-sm-pull-11 {
right: 91.66666667%
}
.col-sm-pull-10 {
right: 83.33333333%
}
.col-sm-pull-9 {
right: 75%
}
.col-sm-pull-8 {
right: 66.66666667%
}
.col-sm-pull-7 {
right: 58.33333333%
}
.col-sm-pull-6 {
right: 50%
}
.col-sm-pull-5 {
right: 41.66666667%
}
.col-sm-pull-4 {
right: 33.33333333%
}
.col-sm-pull-3 {
right: 25%
}
.col-sm-pull-2 {
right: 16.66666667%
}
.col-sm-pull-1 {
right: 8.33333333%
}
.col-sm-pull-0 {
right: auto
}
.col-sm-push-12 {
left: 100%
}
.col-sm-push-11 {
left: 91.66666667%
}
.col-sm-push-10 {
left: 83.33333333%
}
.col-sm-push-9 {
left: 75%
}
.col-sm-push-8 {
left: 66.66666667%
}
.col-sm-push-7 {
left: 58.33333333%
}
.col-sm-push-6 {
left: 50%
}
.col-sm-push-5 {
left: 41.66666667%
}
.col-sm-push-4 {
left: 33.33333333%
}
.col-sm-push-3 {
left: 25%
}
.col-sm-push-2 {
left: 16.66666667%
}
.col-sm-push-1 {
left: 8.33333333%
}
.col-sm-push-0 {
left: auto
}
.col-sm-offset-12 {
margin-left: 100%
}
.col-sm-offset-11 {
margin-left: 91.66666667%
}
.col-sm-offset-10 {
margin-left: 83.33333333%
}
.col-sm-offset-9 {
margin-left: 75%
}
.col-sm-offset-8 {
margin-left: 66.66666667%
}
.col-sm-offset-7 {
margin-left: 58.33333333%
}
.col-sm-offset-6 {
margin-left: 50%
}
.col-sm-offset-5 {
margin-left: 41.66666667%
}
.col-sm-offset-4 {
margin-left: 33.33333333%
}
.col-sm-offset-3 {
margin-left: 25%
}
.col-sm-offset-2 {
margin-left: 16.66666667%
}
.col-sm-offset-1 {
margin-left: 8.33333333%
}
.col-sm-offset-0 {
margin-left: 0
}
}
@media (min-width:992px) {
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9 {
float: left
}
.col-md-12 {
width: 100%
}
.col-md-11 {
width: 91.66666667%
}
.col-md-10 {
width: 83.33333333%
}
.col-md-9 {
width: 75%
}
.col-md-8 {
width: 66.66666667%
}
.col-md-7 {
width: 58.33333333%
}
.col-md-6 {
width: 50%
}
.col-md-5 {
width: 41.66666667%
}
.col-md-4 {
width: 33.33333333%
}
.col-md-3 {
width: 25%
}
.col-md-2 {
width: 16.66666667%
}
.col-md-1 {
width: 8.33333333%
}
.col-md-pull-12 {
right: 100%
}
.col-md-pull-11 {
right: 91.66666667%
}
.col-md-pull-10 {
right: 83.33333333%
}
.col-md-pull-9 {
right: 75%
}
.col-md-pull-8 {
right: 66.66666667%
}
.col-md-pull-7 {
right: 58.33333333%
}
.col-md-pull-6 {
right: 50%
}
.col-md-pull-5 {
right: 41.66666667%
}
.col-md-pull-4 {
right: 33.33333333%
}
.col-md-pull-3 {
right: 25%
}
.col-md-pull-2 {
right: 16.66666667%
}
.col-md-pull-1 {
right: 8.33333333%
}
.col-md-pull-0 {
right: auto
}
.col-md-push-12 {
left: 100%
}
.col-md-push-11 {
left: 91.66666667%
}
.col-md-push-10 {
left: 83.33333333%
}
.col-md-push-9 {
left: 75%
}
.col-md-push-8 {
left: 66.66666667%
}
.col-md-push-7 {
left: 58.33333333%
}
.col-md-push-6 {
left: 50%
}
.col-md-push-5 {
left: 41.66666667%
}
.col-md-push-4 {
left: 33.33333333%
}
.col-md-push-3 {
left: 25%
}
.col-md-push-2 {
left: 16.66666667%
}
.col-md-push-1 {
left: 8.33333333%
}
.col-md-push-0 {
left: auto
}
.col-md-offset-12 {
margin-left: 100%
}
.col-md-offset-11 {
margin-left: 91.66666667%
}
.col-md-offset-10 {
margin-left: 83.33333333%
}
.col-md-offset-9 {
margin-left: 75%
}
.col-md-offset-8 {
margin-left: 66.66666667%
}
.col-md-offset-7 {
margin-left: 58.33333333%
}
.col-md-offset-6 {
margin-left: 50%
}
.col-md-offset-5 {
margin-left: 41.66666667%
}
.col-md-offset-4 {
margin-left: 33.33333333%
}
.col-md-offset-3 {
margin-left: 25%
}
.col-md-offset-2 {
margin-left: 16.66666667%
}
.col-md-offset-1 {
margin-left: 8.33333333%
}
.col-md-offset-0 {
margin-left: 0
}
}
@media (min-width:1200px) {
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9 {
float: left
}
.col-lg-12 {
width: 100%
}
.col-lg-11 {
width: 91.66666667%
}
.col-lg-10 {
width: 83.33333333%
}
.col-lg-9 {
width: 75%
}
.col-lg-8 {
width: 66.66666667%
}
.col-lg-7 {
width: 58.33333333%
}
.col-lg-6 {
width: 50%
}
.col-lg-5 {
width: 41.66666667%
}
.col-lg-4 {
width: 33.33333333%
}
.col-lg-3 {
width: 25%
}
.col-lg-2 {
width: 16.66666667%
}
.col-lg-1 {
width: 8.33333333%
}
.col-lg-pull-12 {
right: 100%
}
.col-lg-pull-11 {
right: 91.66666667%
}
.col-lg-pull-10 {
right: 83.33333333%
}
.col-lg-pull-9 {
right: 75%
}
.col-lg-pull-8 {
right: 66.66666667%
}
.col-lg-pull-7 {
right: 58.33333333%
}
.col-lg-pull-6 {
right: 50%
}
.col-lg-pull-5 {
right: 41.66666667%
}
.col-lg-pull-4 {
right: 33.33333333%
}
.col-lg-pull-3 {
right: 25%
}
.col-lg-pull-2 {
right: 16.66666667%
}
.col-lg-pull-1 {
right: 8.33333333%
}
.col-lg-pull-0 {
right: auto
}
.col-lg-push-12 {
left: 100%
}
.col-lg-push-11 {
left: 91.66666667%
}
.col-lg-push-10 {
left: 83.33333333%
}
.col-lg-push-9 {
left: 75%
}
.col-lg-push-8 {
left: 66.66666667%
}
.col-lg-push-7 {
left: 58.33333333%
}
.col-lg-push-6 {
left: 50%
}
.col-lg-push-5 {
left: 41.66666667%
}
.col-lg-push-4 {
left: 33.33333333%
}
.col-lg-push-3 {
left: 25%
}
.col-lg-push-2 {
left: 16.66666667%
}
.col-lg-push-1 {
left: 8.33333333%
}
.col-lg-push-0 {
left: auto
}
.col-lg-offset-12 {
margin-left: 100%
}
.col-lg-offset-11 {
margin-left: 91.66666667%
}
.col-lg-offset-10 {
margin-left: 83.33333333%
}
.col-lg-offset-9 {
margin-left: 75%
}
.col-lg-offset-8 {
margin-left: 66.66666667%
}
.col-lg-offset-7 {
margin-left: 58.33333333%
}
.col-lg-offset-6 {
margin-left: 50%
}
.col-lg-offset-5 {
margin-left: 41.66666667%
}
.col-lg-offset-4 {
margin-left: 33.33333333%
}
.col-lg-offset-3 {
margin-left: 25%
}
.col-lg-offset-2 {
margin-left: 16.66666667%
}
.col-lg-offset-1 {
margin-left: 8.33333333%
}
.col-lg-offset-0 {
margin-left: 0
}
}
.col2-set,
.col4-set {
margin-left: -15px;
margin-right: -15px
}
.col2-set>.legend {
margin-left: 15px;
margin-right: 15px;
width: auto
}
.col2-set .col-1,
.col2-set .col-2,
.col2-set .col-narrow,
.col2-set .col-wide,
.col3-set .col-1,
.col3-set .col-2,
.col3-set .col-3,
.col4-set .col-1,
.col4-set .col-2,
.col4-set .col-3,
.col4-set .col-4 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
@media (min-width:768px) {
.col2-set .col-1,
.col2-set .col-2 {
float: left;
width: 50%
}
}
@media (min-width:768px) {
.col2-set .col-narrow {
float: left;
width: 33.33333333%
}
}
@media (min-width:768px) {
.col2-set .col-wide {
float: left;
width: 66.66666667%
}
}
@media (min-width:768px) {
.col3-set .col-1,
.col3-set .col-2,
.col3-set .col-3 {
float: left;
width: 33.33333333%
}
}
@media (min-width:768px) {
.col4-set .col-1,
.col4-set .col-2,
.col4-set .col-3,
.col4-set .col-4 {
float: left;
width: 25%
}
}
table {
background-color: transparent
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777;
text-align: left
}
th {
text-align: left
}
.availability-only-details,
.cart .totals table,
.data-table,
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px
}
.availability-only-details>tbody>tr>td,
.availability-only-details>tbody>tr>th,
.availability-only-details>tfoot>tr>td,
.availability-only-details>tfoot>tr>th,
.availability-only-details>thead>tr>td,
.availability-only-details>thead>tr>th,
.cart .totals table>tbody>tr>td,
.cart .totals table>tbody>tr>th,
.cart .totals table>tfoot>tr>td,
.cart .totals table>tfoot>tr>th,
.cart .totals table>thead>tr>td,
.cart .totals table>thead>tr>th,
.data-table>tbody>tr>td,
.data-table>tbody>tr>th,
.data-table>tfoot>tr>td,
.data-table>tfoot>tr>th,
.data-table>thead>tr>td,
.data-table>thead>tr>th,
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd
}
.availability-only-details>thead>tr>th,
.cart .totals table>thead>tr>th,
.data-table>thead>tr>th,
.table>thead>tr>th {
vertical-align: bottom;
border-bottom: 2px solid #ddd
}
.availability-only-details>caption+thead>tr:first-child>td,
.availability-only-details>caption+thead>tr:first-child>th,
.availability-only-details>colgroup+thead>tr:first-child>td,
.availability-only-details>colgroup+thead>tr:first-child>th,
.availability-only-details>thead:first-child>tr:first-child>td,
.availability-only-details>thead:first-child>tr:first-child>th,
.cart .totals table>caption+thead>tr:first-child>td,
.cart .totals table>caption+thead>tr:first-child>th,
.cart .totals table>colgroup+thead>tr:first-child>td,
.cart .totals table>colgroup+thead>tr:first-child>th,
.cart .totals table>thead:first-child>tr:first-child>td,
.cart .totals table>thead:first-child>tr:first-child>th,
.data-table>caption+thead>tr:first-child>td,
.data-table>caption+thead>tr:first-child>th,
.data-table>colgroup+thead>tr:first-child>td,
.data-table>colgroup+thead>tr:first-child>th,
.data-table>thead:first-child>tr:first-child>td,
.data-table>thead:first-child>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
border-top: 0
}
.availability-only-details>tbody+tbody,
.cart .totals table>tbody+tbody,
.data-table>tbody+tbody,
.table>tbody+tbody {
border-top: 2px solid #ddd
}
.availability-only-details .availability-only-details,
.cart .totals table .cart .totals table,
.data-table .data-table,
.table .table {
background-color: #fff
}
.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
padding: 5px
}
.data-table,
.data-table>tbody>tr>td,
.data-table>tbody>tr>th,
.data-table>tfoot>tr>td,
.data-table>tfoot>tr>th,
.data-table>thead>tr>td,
.data-table>thead>tr>th,
.table-bordered,
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
border: 1px solid #ddd
}
.data-table>thead>tr>td,
.data-table>thead>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
border-bottom-width: 2px
}
.table-striped>tbody>tr:nth-of-type(odd) {
background-color: #f9f9f9
}
.table-hover>tbody>tr:hover {
background-color: #f5f5f5
}
table col[class*=col-] {
position: static;
float: none;
display: table-column
}
table td[class*=col-],
table th[class*=col-] {
position: static;
float: none;
display: table-cell
}
.availability-only-details>tbody>tr.active>td,
.availability-only-details>tbody>tr.active>th,
.availability-only-details>tbody>tr>td.active,
.availability-only-details>tbody>tr>th.active,
.availability-only-details>tfoot>tr.active>td,
.availability-only-details>tfoot>tr.active>th,
.availability-only-details>tfoot>tr>td.active,
.availability-only-details>tfoot>tr>th.active,
.availability-only-details>thead>tr.active>td,
.availability-only-details>thead>tr.active>th,
.availability-only-details>thead>tr>td.active,
.availability-only-details>thead>tr>th.active,
.cart .totals table>tbody>tr.active>td,
.cart .totals table>tbody>tr.active>th,
.cart .totals table>tbody>tr>td.active,
.cart .totals table>tbody>tr>th.active,
.cart .totals table>tfoot>tr.active>td,
.cart .totals table>tfoot>tr.active>th,
.cart .totals table>tfoot>tr>td.active,
.cart .totals table>tfoot>tr>th.active,
.cart .totals table>thead>tr.active>td,
.cart .totals table>thead>tr.active>th,
.cart .totals table>thead>tr>td.active,
.cart .totals table>thead>tr>th.active,
.data-table>tbody>tr.active>td,
.data-table>tbody>tr.active>th,
.data-table>tbody>tr>td.active,
.data-table>tbody>tr>th.active,
.data-table>tfoot>tr.active>td,
.data-table>tfoot>tr.active>th,
.data-table>tfoot>tr>td.active,
.data-table>tfoot>tr>th.active,
.data-table>thead>tr.active>td,
.data-table>thead>tr.active>th,
.data-table>thead>tr>td.active,
.data-table>thead>tr>th.active,
.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active {
background-color: #f5f5f5
}
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr.active:hover>th,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover {
background-color: #e8e8e8
}
.availability-only-details>tbody>tr.success>td,
.availability-only-details>tbody>tr.success>th,
.availability-only-details>tbody>tr>td.success,
.availability-only-details>tbody>tr>th.success,
.availability-only-details>tfoot>tr.success>td,
.availability-only-details>tfoot>tr.success>th,
.availability-only-details>tfoot>tr>td.success,
.availability-only-details>tfoot>tr>th.success,
.availability-only-details>thead>tr.success>td,
.availability-only-details>thead>tr.success>th,
.availability-only-details>thead>tr>td.success,
.availability-only-details>thead>tr>th.success,
.cart .totals table>tbody>tr.success>td,
.cart .totals table>tbody>tr.success>th,
.cart .totals table>tbody>tr>td.success,
.cart .totals table>tbody>tr>th.success,
.cart .totals table>tfoot>tr.success>td,
.cart .totals table>tfoot>tr.success>th,
.cart .totals table>tfoot>tr>td.success,
.cart .totals table>tfoot>tr>th.success,
.cart .totals table>thead>tr.success>td,
.cart .totals table>thead>tr.success>th,
.cart .totals table>thead>tr>td.success,
.cart .totals table>thead>tr>th.success,
.data-table>tbody>tr.success>td,
.data-table>tbody>tr.success>th,
.data-table>tbody>tr>td.success,
.data-table>tbody>tr>th.success,
.data-table>tfoot>tr.success>td,
.data-table>tfoot>tr.success>th,
.data-table>tfoot>tr>td.success,
.data-table>tfoot>tr>th.success,
.data-table>thead>tr.success>td,
.data-table>thead>tr.success>th,
.data-table>thead>tr>td.success,
.data-table>thead>tr>th.success,
.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>thead>tr>td.success,
.table>thead>tr>th.success {
background-color: #dff0d8
}
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr.success:hover>th,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover {
background-color: #d0e9c6
}
.availability-only-details>tbody>tr.info>td,
.availability-only-details>tbody>tr.info>th,
.availability-only-details>tbody>tr>td.info,
.availability-only-details>tbody>tr>th.info,
.availability-only-details>tfoot>tr.info>td,
.availability-only-details>tfoot>tr.info>th,
.availability-only-details>tfoot>tr>td.info,
.availability-only-details>tfoot>tr>th.info,
.availability-only-details>thead>tr.info>td,
.availability-only-details>thead>tr.info>th,
.availability-only-details>thead>tr>td.info,
.availability-only-details>thead>tr>th.info,
.cart .totals table>tbody>tr.info>td,
.cart .totals table>tbody>tr.info>th,
.cart .totals table>tbody>tr>td.info,
.cart .totals table>tbody>tr>th.info,
.cart .totals table>tfoot>tr.info>td,
.cart .totals table>tfoot>tr.info>th,
.cart .totals table>tfoot>tr>td.info,
.cart .totals table>tfoot>tr>th.info,
.cart .totals table>thead>tr.info>td,
.cart .totals table>thead>tr.info>th,
.cart .totals table>thead>tr>td.info,
.cart .totals table>thead>tr>th.info,
.data-table>tbody>tr.info>td,
.data-table>tbody>tr.info>th,
.data-table>tbody>tr>td.info,
.data-table>tbody>tr>th.info,
.data-table>tfoot>tr.info>td,
.data-table>tfoot>tr.info>th,
.data-table>tfoot>tr>td.info,
.data-table>tfoot>tr>th.info,
.data-table>thead>tr.info>td,
.data-table>thead>tr.info>th,
.data-table>thead>tr>td.info,
.data-table>thead>tr>th.info,
.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>thead>tr>td.info,
.table>thead>tr>th.info {
background-color: #d9edf7
}
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr.info:hover>th,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover {
background-color: #c4e3f3
}
.availability-only-details>tbody>tr.warning>td,
.availability-only-details>tbody>tr.warning>th,
.availability-only-details>tbody>tr>td.warning,
.availability-only-details>tbody>tr>th.warning,
.availability-only-details>tfoot>tr.warning>td,
.availability-only-details>tfoot>tr.warning>th,
.availability-only-details>tfoot>tr>td.warning,
.availability-only-details>tfoot>tr>th.warning,
.availability-only-details>thead>tr.warning>td,
.availability-only-details>thead>tr.warning>th,
.availability-only-details>thead>tr>td.warning,
.availability-only-details>thead>tr>th.warning,
.cart .totals table>tbody>tr.warning>td,
.cart .totals table>tbody>tr.warning>th,
.cart .totals table>tbody>tr>td.warning,
.cart .totals table>tbody>tr>th.warning,
.cart .totals table>tfoot>tr.warning>td,
.cart .totals table>tfoot>tr.warning>th,
.cart .totals table>tfoot>tr>td.warning,
.cart .totals table>tfoot>tr>th.warning,
.cart .totals table>thead>tr.warning>td,
.cart .totals table>thead>tr.warning>th,
.cart .totals table>thead>tr>td.warning,
.cart .totals table>thead>tr>th.warning,
.data-table>tbody>tr.warning>td,
.data-table>tbody>tr.warning>th,
.data-table>tbody>tr>td.warning,
.data-table>tbody>tr>th.warning,
.data-table>tfoot>tr.warning>td,
.data-table>tfoot>tr.warning>th,
.data-table>tfoot>tr>td.warning,
.data-table>tfoot>tr>th.warning,
.data-table>thead>tr.warning>td,
.data-table>thead>tr.warning>th,
.data-table>thead>tr>td.warning,
.data-table>thead>tr>th.warning,
.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>thead>tr>td.warning,
.table>thead>tr>th.warning {
background-color: #fcf8e3
}
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr.warning:hover>th,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover {
background-color: #faf2cc
}
.availability-only-details>tbody>tr.danger>td,
.availability-only-details>tbody>tr.danger>th,
.availability-only-details>tbody>tr>td.danger,
.availability-only-details>tbody>tr>th.danger,
.availability-only-details>tfoot>tr.danger>td,
.availability-only-details>tfoot>tr.danger>th,
.availability-only-details>tfoot>tr>td.danger,
.availability-only-details>tfoot>tr>th.danger,
.availability-only-details>thead>tr.danger>td,
.availability-only-details>thead>tr.danger>th,
.availability-only-details>thead>tr>td.danger,
.availability-only-details>thead>tr>th.danger,
.cart .totals table>tbody>tr.danger>td,
.cart .totals table>tbody>tr.danger>th,
.cart .totals table>tbody>tr>td.danger,
.cart .totals table>tbody>tr>th.danger,
.cart .totals table>tfoot>tr.danger>td,
.cart .totals table>tfoot>tr.danger>th,
.cart .totals table>tfoot>tr>td.danger,
.cart .totals table>tfoot>tr>th.danger,
.cart .totals table>thead>tr.danger>td,
.cart .totals table>thead>tr.danger>th,
.cart .totals table>thead>tr>td.danger,
.cart .totals table>thead>tr>th.danger,
.data-table>tbody>tr.danger>td,
.data-table>tbody>tr.danger>th,
.data-table>tbody>tr>td.danger,
.data-table>tbody>tr>th.danger,
.data-table>tfoot>tr.danger>td,
.data-table>tfoot>tr.danger>th,
.data-table>tfoot>tr>td.danger,
.data-table>tfoot>tr>th.danger,
.data-table>thead>tr.danger>td,
.data-table>thead>tr.danger>th,
.data-table>thead>tr>td.danger,
.data-table>thead>tr>th.danger,
.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>thead>tr>td.danger,
.table>thead>tr>th.danger {
background-color: #f2dede
}
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr.danger:hover>th,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover {
background-color: #ebcccc
}
.table-responsive {
overflow-x: auto;
min-height: .01%
}
@media screen and (max-width:767px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd
}
.table-responsive>.availability-only-details,
.table-responsive>.cart .totals table,
.table-responsive>.data-table,
.table-responsive>.table {
margin-bottom: 0
}
.table-responsive>.availability-only-details>tbody>tr>td,
.table-responsive>.availability-only-details>tbody>tr>th,
.table-responsive>.availability-only-details>tfoot>tr>td,
.table-responsive>.availability-only-details>tfoot>tr>th,
.table-responsive>.availability-only-details>thead>tr>td,
.table-responsive>.availability-only-details>thead>tr>th,
.table-responsive>.cart .totals table>tbody>tr>td,
.table-responsive>.cart .totals table>tbody>tr>th,
.table-responsive>.cart .totals table>tfoot>tr>td,
.table-responsive>.cart .totals table>tfoot>tr>th,
.table-responsive>.cart .totals table>thead>tr>td,
.table-responsive>.cart .totals table>thead>tr>th,
.table-responsive>.data-table>tbody>tr>td,
.table-responsive>.data-table>tbody>tr>th,
.table-responsive>.data-table>tfoot>tr>td,
.table-responsive>.data-table>tfoot>tr>th,
.table-responsive>.data-table>thead>tr>td,
.table-responsive>.data-table>thead>tr>th,
.table-responsive>.table>tbody>tr>td,
.table-responsive>.table>tbody>tr>th,
.table-responsive>.table>tfoot>tr>td,
.table-responsive>.table>tfoot>tr>th,
.table-responsive>.table>thead>tr>td,
.table-responsive>.table>thead>tr>th {
white-space: nowrap
}
.table-responsive>.data-table,
.table-responsive>.table-bordered {
border: 0
}
.table-responsive>.data-table>tbody>tr>td:first-child,
.table-responsive>.data-table>tbody>tr>th:first-child,
.table-responsive>.data-table>tfoot>tr>td:first-child,
.table-responsive>.data-table>tfoot>tr>th:first-child,
.table-responsive>.data-table>thead>tr>td:first-child,
.table-responsive>.data-table>thead>tr>th:first-child,
.table-responsive>.table-bordered>tbody>tr>td:first-child,
.table-responsive>.table-bordered>tbody>tr>th:first-child,
.table-responsive>.table-bordered>tfoot>tr>td:first-child,
.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.table-responsive>.table-bordered>thead>tr>td:first-child,
.table-responsive>.table-bordered>thead>tr>th:first-child {
border-left: 0
}
.table-responsive>.data-table>tbody>tr>td:last-child,
.table-responsive>.data-table>tbody>tr>th:last-child,
.table-responsive>.data-table>tfoot>tr>td:last-child,
.table-responsive>.data-table>tfoot>tr>th:last-child,
.table-responsive>.data-table>thead>tr>td:last-child,
.table-responsive>.data-table>thead>tr>th:last-child,
.table-responsive>.table-bordered>tbody>tr>td:last-child,
.table-responsive>.table-bordered>tbody>tr>th:last-child,
.table-responsive>.table-bordered>tfoot>tr>td:last-child,
.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.table-responsive>.table-bordered>thead>tr>td:last-child,
.table-responsive>.table-bordered>thead>tr>th:last-child {
border-right: 0
}
.table-responsive>.data-table>tbody>tr:last-child>td,
.table-responsive>.data-table>tbody>tr:last-child>th,
.table-responsive>.data-table>tfoot>tr:last-child>td,
.table-responsive>.data-table>tfoot>tr:last-child>th,
.table-responsive>.table-bordered>tbody>tr:last-child>td,
.table-responsive>.table-bordered>tbody>tr:last-child>th,
.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.table-responsive>.table-bordered>tfoot>tr:last-child>th {
border-bottom: 0
}
}
.data-table>tbody>tr:nth-child(odd)>td,
.data-table>tbody>tr:nth-child(odd)>th {
background-color: #f9f9f9
}
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333;
border: 0;
border-bottom: 1px solid #e5e5e5
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700
}
input[type=search] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
input[type=checkbox],
input[type=radio] {
margin: 4px 0 0;
line-height: normal
}
input[type=file] {
display: block
}
input[type=range] {
display: block;
width: 100%
}
select[multiple],
select[size] {
height: auto
}
input[type=file]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus {
outline: dotted thin;
outline: -webkit-focus-ring-color auto 5px;
outline-offset: -2px
}
output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.42857143;
color: #555
}
.form-control,
.form-language select,
.form-list select,
.form-list textarea,
.input-text,
.multiple-checkout .data-table select,
.my-wishlist textarea,
.product-options dd .input-text,
.product-options dd select,
.product-options dd textarea {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}
.form-control::-moz-placeholder {
color: #999;
opacity: 1
}
.form-control:-ms-input-placeholder {
color: #999
}
.form-control::-webkit-input-placeholder {
color: #999
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
cursor: not-allowed;
background-color: #eee;
opacity: 1
}
textarea.form-control {
height: auto
}
input[type=search] {
-webkit-appearance: none
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
line-height: 34px
}
.input-group-sm input[type=date],
.input-group-sm input[type=time],
.input-group-sm input[type=datetime-local],
.input-group-sm input[type=month],
input[type=date].input-sm,
input[type=time].input-sm,
input[type=datetime-local].input-sm,
input[type=month].input-sm {
line-height: 30px
}
.input-group-lg input[type=date],
.input-group-lg input[type=time],
.input-group-lg input[type=datetime-local],
.input-group-lg input[type=month],
input[type=date].input-lg,
input[type=time].input-lg,
input[type=datetime-local].input-lg,
input[type=month].input-lg {
line-height: 46px
}
}
.form-group,
.form-list li {
margin-bottom: 15px
}
.checkbox,
.radio {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px
}
.checkbox label,
.radio label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer
}
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
position: absolute;
margin-left: -20px
}
.checkbox+.checkbox,
.radio+.radio {
margin-top: -5px
}
.checkbox-inline,
.radio-inline {
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: 400;
cursor: pointer
}
.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
margin-top: 0;
margin-left: 10px
}
.checkbox-inline.disabled,
.checkbox.disabled label,
.radio-inline.disabled,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio label,
fieldset[disabled] .radio-inline,
fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox].disabled,
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=radio][disabled] {
cursor: not-allowed
}
.form-control-static {
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0
}
.form-control-static.input-lg,
.form-control-static.input-sm {
padding-left: 0;
padding-right: 0
}
.cart-table .qty,
.input-sm {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px
}
select.input-sm {
height: 30px;
line-height: 30px
}
select[multiple].input-sm,
textarea.input-sm {
height: auto
}
.form-group-sm .form-control {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px
}
select.form-group-sm .form-control {
height: 30px;
line-height: 30px
}
select[multiple].form-group-sm .form-control,
textarea.form-group-sm .form-control {
height: auto
}
.form-group-sm .form-control-static {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5
}
.input-lg {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px
}
select.input-lg {
height: 46px;
line-height: 46px
}
select[multiple].input-lg,
textarea.input-lg {
height: auto
}
.form-group-lg .form-control {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px
}
select.form-group-lg .form-control {
height: 46px;
line-height: 46px
}
select[multiple].form-group-lg .form-control,
textarea.form-group-lg .form-control {
height: auto
}
.form-group-lg .form-control-static {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333
}
.has-feedback {
position: relative
}
.has-feedback .form-control {
padding-right: 42.5px
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
pointer-events: none
}
.input-lg+.form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px
}
.input-sm+.form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px
}
.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
color: #3c763d
}
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
}
.has-success .input-group-addon {
color: #3c763d;
border-color: #3c763d;
background-color: #dff0d8
}
.has-success .form-control-feedback {
color: #3c763d
}
.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.checkbox label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label {
color: #8a6d3b
}
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b
}
.has-warning .input-group-addon {
color: #8a6d3b;
border-color: #8a6d3b;
background-color: #fcf8e3
}
.has-warning .form-control-feedback {
color: #8a6d3b
}
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
color: #a94442
}
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}
.has-error .input-group-addon {
color: #a94442;
border-color: #a94442;
background-color: #f2dede
}
.has-error .form-control-feedback {
color: #a94442
}
.has-feedback label~.form-control-feedback {
top: 25px
}
.has-feedback label.sr-only~.form-control-feedback {
top: 0
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373
}
@media (min-width:768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle
}
.form-inline .form-control-static {
display: inline-block
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle
}
.form-inline .input-group .form-control,
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn {
width: auto
}
.form-inline .input-group>.form-control {
width: 100%
}
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle
}
.form-inline .checkbox,
.form-inline .radio {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle
}
.form-inline .checkbox label,
.form-inline .radio label {
padding-left: 0
}
.form-inline .checkbox input[type=checkbox],
.form-inline .radio input[type=radio] {
position: relative;
margin-left: 0
}
.form-inline .has-feedback .form-control-feedback {
top: 0
}
}
.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px
}
.form-horizontal .checkbox,
.form-horizontal .radio {
min-height: 27px
}
.form-horizontal .form-group {
margin-left: -15px;
margin-right: -15px
}
@media (min-width:768px) {
.form-horizontal .control-label {
text-align: right;
margin-bottom: 0;
padding-top: 7px
}
}
.form-horizontal .has-feedback .form-control-feedback {
right: 15px
}
@media (min-width:768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 14.33px
}
}
@media (min-width:768px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 6px
}
}
p.control input.checkbox,
p.control input.radio {
margin-right: 6px
}
.form-list label {
position: relative
}
.form-list label.required em {
float: right;
font-style: normal;
color: #a94442;
position: absolute;
top: 0;
right: -8px
}
.form-list li.control label {
float: none;
display: block
}
.form-list li.control input.checkbox,
.form-list li.control input.radio {
margin-right: 6px;
display: inline;
float: left;
margin-top: 2px
}
.form-list li.control .input-box {
clear: none;
display: inline;
width: auto
}
.form-list .field {
float: left;
width: 50%;
padding-right: 15px;
padding-left: 15px
}
.form-list .field:first-child,
.form-list .field:first-of-type {
padding-left: 0
}
.form-list .field:last-child {
padding-right: 0
}
.form-list select[multiple],
.form-list textarea {
height: auto
}
.form-list li.additional-row {
border-top: 1px solid #e5e5e5;
margin-top: 10px;
padding-top: 7px
}
.form-list li.additional-row .btn-remove {
float: right;
margin: 5px 0 0
}
.form-list .input-range input.input-text,
.form-list .input-range span {
display: inline-block
}
.form-list .input-range input.input-text {
width: 40%
}
.form-list-narrow li {
margin-bottom: 0
}
.form-list-narrow li .input-box {
margin-bottom: 6px
}
.form-list-narrow li.wide .input-box {
width: 260px
}
.form-list-narrow li.wide input.input-text,
.form-list-narrow li.wide textarea {
width: 254px
}
.form-list-narrow li.wide select {
width: 260px
}
.form-list .customer-name-prefix .name-prefix {
width: 16%
}
.form-list .customer-name-prefix .name-firstname,
.form-list .customer-name-prefix .name-lastname {
width: 42%
}
.form-list .customer-name-prefix-middlename .name-middlename,
.form-list .customer-name-prefix-middlename .name-prefix {
width: 16%
}
.form-list .customer-name-prefix-middlename .name-firstname,
.form-list .customer-name-prefix-middlename .name-lastname {
width: 34%
}
.form-list .customer-name-prefix-suffix .name-prefix,
.form-list .customer-name-prefix-suffix .name-suffix {
width: 16%
}
.form-list .customer-name-prefix-suffix .name-firstname,
.form-list .customer-name-prefix-suffix .name-lastname {
width: 34%
}
.form-list .customer-name-prefix-middlename-suffix .name-middlename,
.form-list .customer-name-prefix-middlename-suffix .name-prefix,
.form-list .customer-name-prefix-middlename-suffix .name-suffix {
width: 12%
}
.form-list .customer-name-prefix-middlename-suffix .name-firstname,
.form-list .customer-name-prefix-middlename-suffix .name-lastname {
width: 32%
}
.form-list .customer-name-middlename .name-middlename {
width: 16%
}
.form-list .customer-name-middlename .name-firstname,
.form-list .customer-name-middlename .name-lastname {
width: 42%
}
.form-list .customer-name-middlename-suffix .name-middlename,
.form-list .customer-name-middlename-suffix .name-suffix {
width: 16%
}
.form-list .customer-name-middlename-suffix .name-firstname,
.form-list .customer-name-middlename-suffix .name-lastname {
width: 34%
}
.form-list .customer-name-suffix .name-suffix {
width: 16%
}
.form-list .customer-name-suffix .name-firstname,
.form-list .customer-name-suffix .name-lastname {
width: 42%
}
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-year {
float: left;
padding-right: 15px;
padding-left: 15px
}
.form-list .customer-dob .dob-day:first-child,
.form-list .customer-dob .dob-month:first-child,
.form-list .customer-dob .dob-year:first-child {
padding-left: 0
}
.form-list .customer-dob .dob-day+.dob-month+.dob-year,
.form-list .customer-dob .dob-month+.dob-day+.dob-year,
.form-list .customer-dob .dob-year+.dob-day+.dob-month,
.form-list .customer-dob .dob-year+.dob-month+.dob-day {
padding-right: 0
}
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-month {
width: 30%
}
.form-list .customer-dob .dob-year {
width: 40%
}
.legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
font-weight: 400;
line-height: inherit;
color: #333;
border: 0;
border-bottom: 1px solid #e5e5e5
}
.buttons-set {
margin: 20px 0 0;
padding: 8px 0 0;
border-top: 1px solid #e5e5e5;
line-height: 34px;
text-align: right
}
.buttons-set p.required {
margin: 0 0 10px;
font-size: 12px;
float: right
}
.buttons-set .back-link {
float: left;
margin: 0
}
.buttons-set button.button {
float: right;
margin-left: 5px
}
.buttons-set-order {
margin: 10px 0 0
}
.buttons-set-order .please-wait {
padding: 12px 7px 0 0
}
.validation-advice {
clear: both;
color: #a94442
}
.validation-failed {
border-color: #a94442 !important;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.validation-failed:focus {
border-color: #843534 !important;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483 !important;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483 !important
}
p.required {
text-align: right;
color: #a94442
}
.v-fix {
float: left
}
.v-fix .validation-advice {
display: block;
width: 12em;
margin-right: -12em;
position: relative
}
.btn,
.button,
.my-wishlist .link-edit {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
outline: dotted thin;
outline: -webkit-focus-ring-color auto 5px;
outline-offset: -2px
}
.btn.focus,
.btn:focus,
.btn:hover {
color: #333;
text-decoration: none
}
.btn.active,
.btn:active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
pointer-events: none;
opacity: .65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none
}
.btn-default,
.button,
.my-wishlist .link-edit {
color: #333;
background-color: #fff;
border-color: #ccc
}
.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open>.dropdown-toggle.btn-default {
color: #333;
background-color: #e6e6e6;
border-color: #adadad
}
.btn-default.active,
.btn-default:active,
.open>.dropdown-toggle.btn-default {
background-image: none
}
.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled.focus,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
background-color: #fff;
border-color: #ccc
}
.btn-default .badge {
color: #fff;
background-color: #333
}
.btn-cart,
.btn-checkout,
.btn-primary,
.my-wishlist .btn-add {
color: #fff;
background-color: #f15c22;
border-color: #eb4c0f
}
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary {
color: #fff;
background-color: #d3450d;
border-color: #b13a0b
}
.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
background-image: none
}
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
background-color: #f15c22;
border-color: #eb4c0f
}
.btn-primary .badge {
color: #f15c22;
background-color: #fff
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c
}
.btn-success.active,
.btn-success.focus,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.open>.dropdown-toggle.btn-success {
color: #fff;
background-color: #449d44;
border-color: #398439
}
.btn-success.active,
.btn-success:active,
.open>.dropdown-toggle.btn-success {
background-image: none
}
.btn-success.disabled,
.btn-success.disabled.active,
.btn-success.disabled.focus,
.btn-success.disabled:active,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled],
.btn-success[disabled].active,
.btn-success[disabled].focus,
.btn-success[disabled]:active,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success.active,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
background-color: #5cb85c;
border-color: #4cae4c
}
.btn-success .badge {
color: #5cb85c;
background-color: #fff
}
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da
}
.btn-info.active,
.btn-info.focus,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.open>.dropdown-toggle.btn-info {
color: #fff;
background-color: #31b0d5;
border-color: #269abc
}
.btn-info.active,
.btn-info:active,
.open>.dropdown-toggle.btn-info {
background-image: none
}
.btn-info.disabled,
.btn-info.disabled.active,
.btn-info.disabled.focus,
.btn-info.disabled:active,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled],
.btn-info[disabled].active,
.btn-info[disabled].focus,
.btn-info[disabled]:active,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info.active,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
background-color: #5bc0de;
border-color: #46b8da
}
.btn-info .badge {
color: #5bc0de;
background-color: #fff
}
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236
}
.btn-warning.active,
.btn-warning.focus,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open>.dropdown-toggle.btn-warning {
color: #fff;
background-color: #ec971f;
border-color: #d58512
}
.btn-warning.active,
.btn-warning:active,
.open>.dropdown-toggle.btn-warning {
background-image: none
}
.btn-warning.disabled,
.btn-warning.disabled.active,
.btn-warning.disabled.focus,
.btn-warning.disabled:active,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled],
.btn-warning[disabled].active,
.btn-warning[disabled].focus,
.btn-warning[disabled]:active,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning.active,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
background-color: #f0ad4e;
border-color: #eea236
}
.btn-warning .badge {
color: #f0ad4e;
background-color: #fff
}
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a
}
.btn-danger.active,
.btn-danger.focus,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.open>.dropdown-toggle.btn-danger {
color: #fff;
background-color: #c9302c;
border-color: #ac2925
}
.btn-danger.active,
.btn-danger:active,
.open>.dropdown-toggle.btn-danger {
background-image: none
}
.btn-danger.disabled,
.btn-danger.disabled.active,
.btn-danger.disabled.focus,
.btn-danger.disabled:active,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled],
.btn-danger[disabled].active,
.btn-danger[disabled].focus,
.btn-danger[disabled]:active,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger.active,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
background-color: #d9534f;
border-color: #d43f3a
}
.btn-danger .badge {
color: #d9534f;
background-color: #fff
}
.btn-link {
color: #f15c22;
font-weight: 400;
border-radius: 0
}
.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none
}
.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
border-color: transparent
}
.btn-link:focus,
.btn-link:hover {
color: #bb3d0c;
text-decoration: underline;
background-color: transparent
}
.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
color: #777;
text-decoration: none
}
.btn-lg {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px
}
#multiship-addresses-table tfoot .button,
.block .actions button.button,
.btn-sm,
.cart-table .button {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px
}
.btn-xs {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px
}
.btn-block {
display: block;
width: 100%
}
.btn-block+.btn-block {
margin-top: 5px
}
input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
width: 100%
}
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear
}
.fade.in {
opacity: 1
}
.collapse {
display: none;
visibility: hidden
}
.collapse.in {
display: block;
visibility: visible
}
tr.collapse.in {
display: table-row
}
tbody.collapse.in {
display: table-row-group
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent
}
.dropdown,
.dropup {
position: relative
}
.dropdown-toggle:focus {
outline: 0
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 14px;
text-align: left;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
background-clip: padding-box
}
.dropdown-menu.pull-right {
right: 0;
left: auto
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5
}
.dropdown-menu>li>a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #333;
white-space: nowrap
}
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
text-decoration: none;
color: #262626;
background-color: #f5f5f5
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #f15c22
}
.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
color: #777
}
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
cursor: not-allowed
}
.open>.dropdown-menu {
display: block
}
.open>a {
outline: 0
}
.dropdown-menu-right {
left: auto;
right: 0
}
.dropdown-menu-left {
left: 0;
right: auto
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.42857143;
color: #777;
white-space: nowrap
}
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990
}
.pull-right>.dropdown-menu {
right: 0;
left: auto
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px solid;
content: ""
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px
}
@media (min-width:768px) {
.navbar-right .dropdown-menu {
left: auto;
right: 0
}
.navbar-right .dropdown-menu-left {
left: 0;
right: auto
}
}
.input-group {
position: relative;
display: table;
border-collapse: separate
}
.input-group[class*=col-] {
float: none;
padding-left: 0;
padding-right: 0
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0
}
.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px
}
select.input-group-lg>.form-control,
select.input-group-lg>.input-group-addon,
select.input-group-lg>.input-group-btn>.btn {
height: 46px;
line-height: 46px
}
select[multiple].input-group-lg>.form-control,
select[multiple].input-group-lg>.input-group-addon,
select[multiple].input-group-lg>.input-group-btn>.btn,
textarea.input-group-lg>.form-control,
textarea.input-group-lg>.input-group-addon,
textarea.input-group-lg>.input-group-btn>.btn {
height: auto
}
.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px
}
select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {
height: 30px;
line-height: 30px
}
select[multiple].input-group-sm>.form-control,
select[multiple].input-group-sm>.input-group-addon,
select[multiple].input-group-sm>.input-group-btn>.btn,
textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn {
height: auto
}
.input-group .form-control,
.input-group-addon,
.input-group-btn {
display: table-cell
}
.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
border-radius: 0
}
.input-group-addon,
.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle
}
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
line-height: 1;
color: #555;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 4px
}
.input-group-addon.input-sm {
padding: 5px 10px;
font-size: 12px;
border-radius: 3px
}
.input-group-addon.input-lg {
padding: 10px 16px;
font-size: 18px;
border-radius: 6px
}
.input-group-addon input[type=checkbox],
.input-group-addon input[type=radio] {
margin-top: 0
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
.input-group-addon:first-child {
border-right: 0
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.input-group-addon:last-child {
border-left: 0
}
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap
}
.input-group-btn>.btn {
position: relative
}
.input-group-btn>.btn+.btn {
margin-left: -1px
}
.input-group-btn>.btn:active,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:hover {
z-index: 2
}
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
margin-right: -1px
}
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
margin-left: -1px
}
.input-group-addon label {
margin-bottom: 0;
font-weight: 400
}
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none
}
.nav>li {
position: relative;
display: block
}
.nav>li>a {
position: relative;
display: block;
padding: 10px 15px
}
.nav>li>a:focus,
.nav>li>a:hover {
text-decoration: none;
background-color: #eee
}
.nav>li.disabled>a {
color: #777
}
.nav>li.disabled>a:focus,
.nav>li.disabled>a:hover {
color: #777;
text-decoration: none;
background-color: transparent;
cursor: not-allowed
}
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
background-color: #eee;
border-color: #f15c22
}
.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5
}
.nav>li>a>img {
max-width: none
}
.nav-tabs {
border-bottom: 1px solid #ddd
}
.nav-tabs>li {
float: left;
margin-bottom: -1px
}
.nav-tabs>li>a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0
}
.nav-tabs>li>a:hover {
border-color: #eee #eee #ddd
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
color: #555;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0
}
.nav-tabs.nav-justified>li {
float: none
}
.nav-tabs.nav-justified>li>a {
text-align: center;
margin-bottom: 5px
}
.nav-tabs.nav-justified>.dropdown .dropdown-menu {
top: auto;
left: auto
}
@media (min-width:768px) {
.nav-tabs.nav-justified>li {
display: table-cell;
width: 1%
}
.nav-tabs.nav-justified>li>a {
margin-bottom: 0
}
}
.nav-tabs.nav-justified>li>a {
margin-right: 0;
border-radius: 4px
}
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover {
border: 1px solid #ddd
}
@media (min-width:768px) {
.nav-tabs.nav-justified>li>a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0
}
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover {
border-bottom-color: #fff
}
}
.nav-pills>li {
float: left
}
.nav-pills>li>a {
border-radius: 4px
}
.nav-pills>li+li {
margin-left: 2px
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
color: #fff;
background-color: #f15c22
}
.nav-stacked>li {
float: none
}
.nav-stacked>li+li {
margin-top: 2px;
margin-left: 0
}
.nav-justified {
width: 100%
}
.nav-justified>li {
float: none
}
.nav-justified>li>a {
text-align: center;
margin-bottom: 5px
}
.nav-justified>.dropdown .dropdown-menu {
top: auto;
left: auto
}
@media (min-width:768px) {
.nav-justified>li {
display: table-cell;
width: 1%
}
.nav-justified>li>a {
margin-bottom: 0
}
}
.nav-tabs-justified {
border-bottom: 0
}
.nav-tabs-justified>li>a {
margin-right: 0;
border-radius: 4px
}
.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:focus,
.nav-tabs-justified>.active>a:hover {
border: 1px solid #ddd
}
@media (min-width:768px) {
.nav-tabs-justified>li>a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0
}
.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:focus,
.nav-tabs-justified>.active>a:hover {
border-bottom-color: #fff
}
}
.tab-content>.tab-pane {
display: none;
visibility: hidden
}
.tab-content>.active {
display: block;
visibility: visible
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent
}
@media (min-width:768px) {
.navbar {
border-radius: 4px
}
}
@media (min-width:768px) {
.navbar-header {
float: left
}
}
.navbar-collapse {
overflow-x: visible;
padding-right: 15px;
padding-left: 15px;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
-webkit-overflow-scrolling: touch
}
.navbar-collapse.in {
overflow-y: auto
}
@media (min-width:768px) {
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none
}
.navbar-collapse.collapse {
display: block !important;
visibility: visible !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important
}
.navbar-collapse.in {
overflow-y: visible
}
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse {
padding-left: 0;
padding-right: 0
}
}
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
max-height: 340px
}
@media (max-device-width:480px) and (orientation:landscape) {
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
max-height: 200px
}
}
.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header {
margin-right: -15px;
margin-left: -15px
}
@media (min-width:768px) {
.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header {
margin-right: 0;
margin-left: 0
}
}
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px
}
@media (min-width:768px) {
.navbar-static-top {
border-radius: 0
}
}
.navbar-fixed-bottom,
.navbar-fixed-top {
position: fixed;
right: 0;
left: 0;
z-index: 1030
}
@media (min-width:768px) {
.navbar-fixed-bottom,
.navbar-fixed-top {
border-radius: 0
}
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0
}
.navbar-brand {
float: left;
padding: 15px;
font-size: 18px;
line-height: 20px;
height: 50px
}
.navbar-brand:focus,
.navbar-brand:hover {
text-decoration: none
}
.navbar-brand>img {
display: block
}
@media (min-width:768px) {
.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
margin-left: -15px
}
}
.navbar-toggle {
position: relative;
float: right;
margin-right: 15px;
padding: 9px 10px;
margin-top: 8px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px
}
.navbar-toggle:focus {
outline: 0
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px
}
.navbar-toggle .icon-bar+.icon-bar {
margin-top: 4px
}
@media (min-width:768px) {
.navbar-toggle {
display: none
}
}
.navbar-nav {
margin: 7.5px -15px
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px
}
@media (max-width:767px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none
}
.navbar-nav .open .dropdown-menu .dropdown-header,
.navbar-nav .open .dropdown-menu>li>a {
padding: 5px 15px 5px 25px
}
.navbar-nav .open .dropdown-menu>li>a {
line-height: 20px
}
.navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-nav .open .dropdown-menu>li>a:hover {
background-image: none
}
}
@media (min-width:768px) {
.navbar-nav {
float: left;
margin: 0
}
.navbar-nav>li {
float: left
}
.navbar-nav>li>a {
padding-top: 15px;
padding-bottom: 15px
}
}
.navbar-form {
margin: 8px -15px;
padding: 10px 15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1)
}
@media (min-width:768px) {
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle
}
.navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle
}
.navbar-form .form-control-static {
display: inline-block
}
.navbar-form .input-group {
display: inline-table;
vertical-align: middle
}
.navbar-form .input-group .form-control,
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn {
width: auto
}
.navbar-form .input-group>.form-control {
width: 100%
}
.navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle
}
.navbar-form .checkbox,
.navbar-form .radio {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle
}
.navbar-form .checkbox label,
.navbar-form .radio label {
padding-left: 0
}
.navbar-form .checkbox input[type=checkbox],
.navbar-form .radio input[type=radio] {
position: relative;
margin-left: 0
}
.navbar-form .has-feedback .form-control-feedback {
top: 0
}
}
@media (max-width:767px) {
.navbar-form .form-group {
margin-bottom: 5px
}
.navbar-form .form-group:last-child {
margin-bottom: 0
}
}
@media (min-width:768px) {
.navbar-form {
width: auto;
border: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
-webkit-box-shadow: none;
box-shadow: none
}
}
.navbar-nav>li>.dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0
}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
margin-bottom: 0;
border-radius: 4px 4px 0 0
}
.navbar-btn {
margin-top: 8px;
margin-bottom: 8px
}
.navbar-btn.btn-sm {
margin-top: 10px;
margin-bottom: 10px
}
.navbar-btn.btn-xs {
margin-top: 14px;
margin-bottom: 14px
}
.navbar-text {
margin-top: 15px;
margin-bottom: 15px
}
@media (min-width:768px) {
.navbar-text {
float: left;
margin-left: 15px;
margin-right: 15px
}
}
@media (min-width:768px) {
.navbar-left {
float: left;
float: left !important
}
.navbar-right {
float: right !important;
margin-right: -15px
}
.navbar-right~.navbar-right {
margin-right: 0
}
}
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7
}
.navbar-default .navbar-brand {
color: #777
}
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
color: #5e5e5e;
background-color: transparent
}
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-text {
color: #777
}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
color: #333;
background-color: transparent
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
color: #555;
background-color: #e7e7e7
}
.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:focus,
.navbar-default .navbar-nav>.disabled>a:hover {
color: #ccc;
background-color: transparent
}
.navbar-default .navbar-toggle {
border-color: #ddd
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
background-color: #ddd
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e7e7e7
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
background-color: #e7e7e7;
color: #555
}
@media (max-width:767px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color: #777
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
color: #333;
background-color: transparent
}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
color: #555;
background-color: #e7e7e7
}
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
color: #ccc;
background-color: transparent
}
}
.navbar-default .navbar-link {
color: #777
}
.navbar-default .navbar-link:hover {
color: #333
}
.navbar-default .btn-link {
color: #777
}
.navbar-default .btn-link:focus,
.navbar-default .btn-link:hover {
color: #333
}
.navbar-default .btn-link[disabled]:focus,
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:focus,
fieldset[disabled] .navbar-default .btn-link:hover {
color: #ccc
}
.navbar-inverse {
background-color: #222;
border-color: #080808
}
.navbar-inverse .navbar-brand {
color: #9d9d9d
}
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover {
color: #fff;
background-color: transparent
}
.navbar-inverse .navbar-nav>li>a,
.navbar-inverse .navbar-text {
color: #9d9d9d
}
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
color: #fff;
background-color: transparent
}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
color: #fff;
background-color: #080808
}
.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:focus,
.navbar-inverse .navbar-nav>.disabled>a:hover {
color: #444;
background-color: transparent
}
.navbar-inverse .navbar-toggle {
border-color: #333
}
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
background-color: #333
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010
}
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
background-color: #080808;
color: #fff
}
@media (max-width:767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
border-color: #080808
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #080808
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
color: #9d9d9d
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
color: #fff;
background-color: transparent
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
color: #fff;
background-color: #080808
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
color: #444;
background-color: transparent
}
}
.navbar-inverse .navbar-link {
color: #9d9d9d
}
.navbar-inverse .navbar-link:hover {
color: #fff
}
.navbar-inverse .btn-link {
color: #9d9d9d
}
.navbar-inverse .btn-link:focus,
.navbar-inverse .btn-link:hover {
color: #fff
}
.navbar-inverse .btn-link[disabled]:focus,
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover {
color: #444
}
@media (min-width:768px) {
.navbar-main .navbar-brand {
display: none
}
}
.breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px
}
.breadcrumb>li {
display: inline-block
}
.breadcrumb>li+li:before {
content: "/\00a0";
padding: 0 5px;
color: #ccc
}
.breadcrumb>.active {
color: #777
}
.breadcrumb strong {
font-weight: 400;
color: #777
}
.pager .pages ol,
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px
}
.pagination>li {
display: inline
}
.pagination>li>a,
.pagination>li>span {
position: relative;
float: left;
padding: 6px 12px;
line-height: 1.42857143;
text-decoration: none;
color: #f15c22;
background-color: #fff;
border: 1px solid #ddd;
margin-left: -1px
}
.pagination>li:first-child>a,
.pagination>li:first-child>span {
margin-left: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px
}
.pagination>li:last-child>a,
.pagination>li:last-child>span {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px
}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
color: #bb3d0c;
background-color: #eee;
border-color: #ddd
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
z-index: 2;
color: #fff;
background-color: #f15c22;
border-color: #f15c22;
cursor: default
}
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
color: #777;
background-color: #fff;
border-color: #ddd;
cursor: not-allowed
}
.pagination-lg>li>a,
.pagination-lg>li>span {
padding: 10px 16px;
font-size: 18px
}
.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
border-bottom-left-radius: 6px;
border-top-left-radius: 6px
}
.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
border-bottom-right-radius: 6px;
border-top-right-radius: 6px
}
.pagination-sm>li>a,
.pagination-sm>li>span {
padding: 5px 10px;
font-size: 12px
}
.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px
}
.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px
}
.pager {
padding: 4px 8px;
border-top: 1px solid #e5e5e5;
text-align: center;
line-height: 30px
}
.pager .amount {
float: left;
margin-bottom: 0
}
.pager .limiter {
float: right
}
.pager .limiter label {
margin-bottom: 0
}
.pager .limiter select {
display: inline;
width: 60px
}
.pager .pages {
float: left;
width: 100%;
margin-top: 4px;
text-align: center
}
.pager .pages ol {
margin: 0;
display: inline-block
}
.pager .pages li {
display: inline-block;
margin: 0 2px
}
.sorter {
padding: 4px 8px;
border-top: 1px solid #e5e5e5;
line-height: 30px
}
.sorter .view-mode {
float: left;
margin: 0
}
.sorter .sort-by {
float: right
}
.sorter .sort-by label {
margin-bottom: 0
}
.sorter .sort-by select {
display: inline;
width: 100px
}
@media (min-width:768px) {
.sorter .sort-by {
padding-right: 43px
}
}
.alert,
.block-cart .subtotal,
.error-msg,
.global-site-notice,
.note-msg,
.notice-msg,
.success-msg {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px
}
.alert h4 {
margin-top: 0;
color: inherit
}
.alert .alert-link {
font-weight: 700
}
.alert>p,
.alert>ul {
margin-bottom: 0
}
.alert>p+p {
margin-top: 5px
}
.alert-dismissable,
.alert-dismissible {
padding-right: 35px
}
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit
}
.alert-success,
.success-msg {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d
}
.alert-success hr {
border-top-color: #c9e2b3
}
.alert-success .alert-link {
color: #2b542c
}
.alert-info,
.block-cart .subtotal,
.note-msg,
.notice-msg {
background-color: #d9edf7;
border-color: #bce8f1;
color: #31708f
}
.alert-info hr {
border-top-color: #a6e1ec
}
.alert-info .alert-link {
color: #245269
}
.alert-warning,
.global-site-notice {
background-color: #fcf8e3;
border-color: #faebcc;
color: #8a6d3b
}
.alert-warning hr {
border-top-color: #f7e1b5
}
.alert-warning .alert-link {
color: #66512c
}
.alert-danger,
.error-msg {
background-color: #f2dede;
border-color: #ebccd1;
color: #a94442
}
.alert-danger hr {
border-top-color: #e4b9c0
}
.alert-danger .alert-link {
color: #843534
}
.success {
color: #3c763d
}
.error {
color: #a94442
}
.notice {
color: #31708f
}
.messages>li {
margin-bottom: 10px
}
.global-site-notice p {
margin: 0
}
.list-group {
margin-bottom: 20px;
padding-left: 0
}
.checkout-progress li,
.form-search .search-autocomplete li,
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd
}
.list-group-item:first-child {
border-top-right-radius: 4px;
border-top-left-radius: 4px
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px
}
a.list-group-item {
color: #555
}
a.list-group-item .list-group-item-heading {
color: #333
}
a.list-group-item:focus,
a.list-group-item:hover {
text-decoration: none;
color: #555;
background-color: #f5f5f5
}
.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
background-color: #eee;
color: #777;
cursor: not-allowed
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading {
color: inherit
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text {
color: #777
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
z-index: 2;
color: #fff;
background-color: #f15c22;
border-color: #f15c22
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active .list-group-item-heading>small,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading>.small,
.list-group-item.active:focus .list-group-item-heading>small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading>.small,
.list-group-item.active:hover .list-group-item-heading>small {
color: inherit
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text {
color: #fde9e2
}
.list-group-item-success {
color: #3c763d;
background-color: #dff0d8
}
a.list-group-item-success {
color: #3c763d
}
a.list-group-item-success .list-group-item-heading {
color: inherit
}
a.list-group-item-success:focus,
a.list-group-item-success:hover {
color: #3c763d;
background-color: #d0e9c6
}
a.list-group-item-success.active,
a.list-group-item-success.active:focus,
a.list-group-item-success.active:hover {
color: #fff;
background-color: #3c763d;
border-color: #3c763d
}
.list-group-item-info {
color: #31708f;
background-color: #d9edf7
}
a.list-group-item-info {
color: #31708f
}
a.list-group-item-info .list-group-item-heading {
color: inherit
}
a.list-group-item-info:focus,
a.list-group-item-info:hover {
color: #31708f;
background-color: #c4e3f3
}
a.list-group-item-info.active,
a.list-group-item-info.active:focus,
a.list-group-item-info.active:hover {
color: #fff;
background-color: #31708f;
border-color: #31708f
}
.list-group-item-warning {
color: #8a6d3b;
background-color: #fcf8e3
}
a.list-group-item-warning {
color: #8a6d3b
}
a.list-group-item-warning .list-group-item-heading {
color: inherit
}
a.list-group-item-warning:focus,
a.list-group-item-warning:hover {
color: #8a6d3b;
background-color: #faf2cc
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:focus,
a.list-group-item-warning.active:hover {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b
}
.list-group-item-danger {
color: #a94442;
background-color: #f2dede
}
a.list-group-item-danger {
color: #a94442
}
a.list-group-item-danger .list-group-item-heading {
color: inherit
}
a.list-group-item-danger:focus,
a.list-group-item-danger:hover {
color: #a94442;
background-color: #ebcccc
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:focus,
a.list-group-item-danger.active:hover {
color: #fff;
background-color: #a94442;
border-color: #a94442
}
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px
}
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3
}
.addresses-list li.item,
.block,
.box-account,
.cart .crosssell,
.cart .discount,
.cart .shipping,
.gift-message,
.order-about,
.order-info-box,
.panel,
.product-view .box-collateral,
.product-view .product-shop {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}
.panel-body {
padding: 15px
}
.addresses-list li.item h3,
.block .block-title,
.block-account .block-title,
.box-account .box-head,
.cart .crosssell>h2,
.cart .discount>h2,
.cart .shipping>h2,
.panel-heading,
.product-view .box-collateral>h2,
.product-view .product-shop .product-name {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-right-radius: 3px;
border-top-left-radius: 3px
}
.panel-heading>.dropdown .dropdown-toggle {
color: inherit
}
.block .block-title strong,
.block-account .block-title strong,
.box-account .box-head h2,
.cart .crosssell>h2,
.cart .discount>h2,
.cart .shipping>h2,
.panel-title,
.product-view .product-shop .product-name h1 {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit
}
.panel-title>.small,
.panel-title>.small>a,
.panel-title>a,
.panel-title>small,
.panel-title>small>a {
color: inherit
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}
.panel>.list-group,
.panel>.panel-collapse>.list-group {
margin-bottom: 0
}
.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
border-width: 1px 0;
border-radius: 0
}
.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-right-radius: 3px;
border-top-left-radius: 3px
}
.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}
.list-group+.panel-footer,
.panel-heading+.list-group .list-group-item:first-child {
border-top-width: 0
}
.panel>.availability-only-details,
.panel>.cart .totals table,
.panel>.data-table,
.panel>.panel-collapse>.availability-only-details,
.panel>.panel-collapse>.cart .totals table,
.panel>.panel-collapse>.data-table,
.panel>.panel-collapse>.table,
.panel>.table,
.panel>.table-responsive>.availability-only-details,
.panel>.table-responsive>.cart .totals table,
.panel>.table-responsive>.data-table,
.panel>.table-responsive>.table {
margin-bottom: 0
}
.panel>.availability-only-details caption,
.panel>.cart .totals table caption,
.panel>.data-table caption,
.panel>.panel-collapse>.availability-only-details caption,
.panel>.panel-collapse>.cart .totals table caption,
.panel>.panel-collapse>.data-table caption,
.panel>.panel-collapse>.table caption,
.panel>.table caption,
.panel>.table-responsive>.availability-only-details caption,
.panel>.table-responsive>.cart .totals table caption,
.panel>.table-responsive>.data-table caption,
.panel>.table-responsive>.table caption {
padding-left: 15px;
padding-right: 15px
}
.panel>.availability-only-details:first-child,
.panel>.cart .totals table:first-child,
.panel>.data-table:first-child,
.panel>.table-responsive:first-child>.availability-only-details:first-child,
.panel>.table-responsive:first-child>.cart .totals table:first-child,
.panel>.table-responsive:first-child>.data-table:first-child,
.panel>.table-responsive:first-child>.table:first-child,
.panel>.table:first-child {
border-top-right-radius: 3px;
border-top-left-radius: 3px
}
.panel>.availability-only-details:first-child>tbody:first-child>tr:first-child,
.panel>.availability-only-details:first-child>thead:first-child>tr:first-child,
.panel>.cart .totals table:first-child>tbody:first-child>tr:first-child,
.panel>.cart .totals table:first-child>thead:first-child>tr:first-child,
.panel>.data-table:first-child>tbody:first-child>tr:first-child,
.panel>.data-table:first-child>thead:first-child>tr:first-child,
.panel>.table-responsive:first-child>.availability-only-details:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.availability-only-details:first-child>thead:first-child>tr:first-child,
.panel>.table-responsive:first-child>.cart .totals table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.cart .totals table:first-child>thead:first-child>tr:first-child,
.panel>.table-responsive:first-child>.data-table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.data-table:first-child>thead:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px
}
.panel>.availability-only-details:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.availability-only-details:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.availability-only-details:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.availability-only-details:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.cart .totals table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.cart .totals table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.cart .totals table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.cart .totals table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.data-table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.data-table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.data-table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.data-table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.availability-only-details:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.availability-only-details:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.availability-only-details:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.availability-only-details:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.cart .totals table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.cart .totals table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.cart .totals table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.cart .totals table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.data-table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.data-table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.data-table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.data-table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
border-top-left-radius: 3px
}
.panel>.availability-only-details:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.availability-only-details:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.availability-only-details:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.availability-only-details:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.cart .totals table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.cart .totals table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.cart .totals table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.cart .totals table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.data-table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.data-table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.data-table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.data-table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.availability-only-details:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.availability-only-details:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.availability-only-details:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.availability-only-details:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.cart .totals table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.cart .totals table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.cart .totals table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.cart .totals table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.data-table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.data-table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.data-table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.data-table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
border-top-right-radius: 3px
}
.panel>.availability-only-details:last-child,
.panel>.cart .totals table:last-child,
.panel>.data-table:last-child,
.panel>.table-responsive:last-child>.availability-only-details:last-child,
.panel>.table-responsive:last-child>.cart .totals table:last-child,
.panel>.table-responsive:last-child>.data-table:last-child,
.panel>.table-responsive:last-child>.table:last-child,
.panel>.table:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}
.panel>.availability-only-details:last-child>tbody:last-child>tr:last-child,
.panel>.availability-only-details:last-child>tfoot:last-child>tr:last-child,
.panel>.cart .totals table:last-child>tbody:last-child>tr:last-child,
.panel>.cart .totals table:last-child>tfoot:last-child>tr:last-child,
.panel>.data-table:last-child>tbody:last-child>tr:last-child,
.panel>.data-table:last-child>tfoot:last-child>tr:last-child,
.panel>.table-responsive:last-child>.availability-only-details:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.availability-only-details:last-child>tfoot:last-child>tr:last-child,
.panel>.table-responsive:last-child>.cart .totals table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.cart .totals table:last-child>tfoot:last-child>tr:last-child,
.panel>.table-responsive:last-child>.data-table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.data-table:last-child>tfoot:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px
}
.panel>.availability-only-details:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.availability-only-details:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.availability-only-details:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.availability-only-details:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.cart .totals table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.cart .totals table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.cart .totals table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.cart .totals table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.data-table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.data-table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.data-table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.data-table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.availability-only-details:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.availability-only-details:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.availability-only-details:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.availability-only-details:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.cart .totals table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.cart .totals table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.cart .totals table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.cart .totals table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.data-table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.data-table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.data-table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.data-table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
border-bottom-left-radius: 3px
}
.panel>.availability-only-details:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.availability-only-details:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.availability-only-details:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.availability-only-details:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.cart .totals table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.cart .totals table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.cart .totals table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.cart .totals table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.data-table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.data-table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.data-table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.data-table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.availability-only-details:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.availability-only-details:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.availability-only-details:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.availability-only-details:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.cart .totals table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.cart .totals table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.cart .totals table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.cart .totals table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.data-table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.data-table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.data-table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.data-table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
border-bottom-right-radius: 3px
}
.panel>.availability-only-details+.panel-body,
.panel>.cart .totals table+.panel-body,
.panel>.data-table+.panel-body,
.panel>.panel-body+.availability-only-details,
.panel>.panel-body+.cart .totals table,
.panel>.panel-body+.data-table,
.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
border-top: 1px solid #ddd
}
.panel>.availability-only-details>tbody:first-child>tr:first-child td,
.panel>.availability-only-details>tbody:first-child>tr:first-child th,
.panel>.cart .totals table>tbody:first-child>tr:first-child td,
.panel>.cart .totals table>tbody:first-child>tr:first-child th,
.panel>.data-table>tbody:first-child>tr:first-child td,
.panel>.data-table>tbody:first-child>tr:first-child th,
.panel>.table>tbody:first-child>tr:first-child td,
.panel>.table>tbody:first-child>tr:first-child th {
border-top: 0
}
.panel>.data-table,
.panel>.table-bordered,
.panel>.table-responsive>.data-table,
.panel>.table-responsive>.table-bordered {
border: 0
}
.panel>.data-table>tbody>tr>td:first-child,
.panel>.data-table>tbody>tr>th:first-child,
.panel>.data-table>tfoot>tr>td:first-child,
.panel>.data-table>tfoot>tr>th:first-child,
.panel>.data-table>thead>tr>td:first-child,
.panel>.data-table>thead>tr>th:first-child,
.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.data-table>tbody>tr>td:first-child,
.panel>.table-responsive>.data-table>tbody>tr>th:first-child,
.panel>.table-responsive>.data-table>tfoot>tr>td:first-child,
.panel>.table-responsive>.data-table>tfoot>tr>th:first-child,
.panel>.table-responsive>.data-table>thead>tr>td:first-child,
.panel>.table-responsive>.data-table>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
border-left: 0
}
.panel>.data-table>tbody>tr>td:last-child,
.panel>.data-table>tbody>tr>th:last-child,
.panel>.data-table>tfoot>tr>td:last-child,
.panel>.data-table>tfoot>tr>th:last-child,
.panel>.data-table>thead>tr>td:last-child,
.panel>.data-table>thead>tr>th:last-child,
.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.data-table>tbody>tr>td:last-child,
.panel>.table-responsive>.data-table>tbody>tr>th:last-child,
.panel>.table-responsive>.data-table>tfoot>tr>td:last-child,
.panel>.table-responsive>.data-table>tfoot>tr>th:last-child,
.panel>.table-responsive>.data-table>thead>tr>td:last-child,
.panel>.table-responsive>.data-table>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
border-right: 0
}
.panel>.data-table>tbody>tr:first-child>td,
.panel>.data-table>tbody>tr:first-child>th,
.panel>.data-table>tbody>tr:last-child>td,
.panel>.data-table>tbody>tr:last-child>th,
.panel>.data-table>tfoot>tr:last-child>td,
.panel>.data-table>tfoot>tr:last-child>th,
.panel>.data-table>thead>tr:first-child>td,
.panel>.data-table>thead>tr:first-child>th,
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.data-table>tbody>tr:first-child>td,
.panel>.table-responsive>.data-table>tbody>tr:first-child>th,
.panel>.table-responsive>.data-table>tbody>tr:last-child>td,
.panel>.table-responsive>.data-table>tbody>tr:last-child>th,
.panel>.table-responsive>.data-table>tfoot>tr:last-child>td,
.panel>.table-responsive>.data-table>tfoot>tr:last-child>th,
.panel>.table-responsive>.data-table>thead>tr:first-child>td,
.panel>.table-responsive>.data-table>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
border-bottom: 0
}
.panel>.table-responsive {
border: 0;
margin-bottom: 0
}
.panel-group {
margin-bottom: 20px
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 4px
}
.panel-group .panel+.panel {
margin-top: 5px
}
.panel-group .panel-heading {
border-bottom: 0
}
.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
border-top: 1px solid #ddd
}
.panel-group .panel-footer {
border-top: 0
}
.panel-group .panel-footer+.panel-collapse .panel-body {
border-bottom: 1px solid #ddd
}
.panel-default {
border-color: #ddd
}
.panel-default>.panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #ddd
}
.panel-default>.panel-heading .badge {
color: #f5f5f5;
background-color: #333
}
.panel-default>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #ddd
}
.block-account,
.panel-primary {
border-color: #f15c22
}
.panel-primary>.panel-heading {
color: #fff;
background-color: #f15c22;
border-color: #f15c22
}
.panel-primary>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #f15c22
}
.panel-primary>.panel-heading .badge {
color: #f15c22;
background-color: #fff
}
.panel-primary>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #f15c22
}
.panel-success {
border-color: #d6e9c6
}
.panel-success>.panel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6
}
.panel-success>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #d6e9c6
}
.panel-success>.panel-heading .badge {
color: #dff0d8;
background-color: #3c763d
}
.panel-success>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #d6e9c6
}
.panel-info {
border-color: #bce8f1
}
.panel-info>.panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1
}
.panel-info>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #bce8f1
}
.panel-info>.panel-heading .badge {
color: #d9edf7;
background-color: #31708f
}
.panel-info>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #bce8f1
}
.panel-warning {
border-color: #faebcc
}
.panel-warning>.panel-heading {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc
}
.panel-warning>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #faebcc
}
.panel-warning>.panel-heading .badge {
color: #fcf8e3;
background-color: #8a6d3b
}
.panel-warning>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #faebcc
}
.panel-danger {
border-color: #ebccd1
}
.panel-danger>.panel-heading {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1
}
.panel-danger>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #ebccd1
}
.panel-danger>.panel-heading .badge {
color: #f2dede;
background-color: #a94442
}
.panel-danger>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #ebccd1
}
.advanced-search-summary,
.cart .totals,
.checkout-agreements .agreement-content,
.checkout-multishipping-shipping .box-sp-methods,
.multiple-checkout .box,
.product-options,
.product-pricing,
.tier-prices,
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}
.well blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, .15)
}
.well-lg {
padding: 24px;
border-radius: 6px
}
.advanced-search-summary,
.checkout-multishipping-shipping .box-sp-methods,
.multiple-checkout .box,
.product-options,
.product-pricing,
.tier-prices,
.well-sm {
padding: 9px;
border-radius: 3px
}
.close {
float: right;
font-size: 21px;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .2;
filter: alpha(opacity=20)
}
.close:focus,
.close:hover {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: .5;
filter: alpha(opacity=50)
}
button.close {
padding: 0;
cursor: pointer;
background: 0 0;
border: 0;
-webkit-appearance: none
}
.std ol,
.std ul {
padding-left: 40px;
margin-bottom: 10px
}
.std ul {
list-style: disc
}
.std ol {
list-style: decimal
}
.links li {
display: inline
}
.links li:first-child {
padding-left: 0
}
.links li:last-child {
padding-right: 0
}
.link-cart,
.link-compare,
.link-print,
.link-reorder,
.link-wishlist {
font-weight: 700
}
.btn-edit,
.btn-previous,
.btn-remove,
.btn-remove2 {
display: inline-block;
font-size: 0
}
.btn-edit:focus,
.btn-edit:hover,
.btn-previous:focus,
.btn-previous:hover,
.btn-remove2:focus,
.btn-remove2:hover,
.btn-remove:focus,
.btn-remove:hover {
text-decoration: none
}
.btn-edit:after,
.btn-previous:after,
.btn-remove2:after,
.btn-remove:after {
font-size: 14px;
font-weight: 700;
font-family: FontAwesome;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.btn-edit:after {
content: "\f040"
}
.btn-remove2:after,
.btn-remove:after {
content: "\f00d"
}
.cards-list dt {
margin: 5px 0 0
}
.cards-list .offset {
padding: 2px 0 2px 20px
}
.separator {
margin: 0 3px
}
.divider {
clear: both;
display: block;
font-size: 0;
line-height: 0;
height: 1px;
margin: 10px 0;
text-indent: -999em;
overflow: hidden
}
h1.logo {
margin: 0
}
.form-language {
margin-bottom: 10px
}
.form-language label {
display: none
}
.form-search {
margin-bottom: 10px;
position: relative
}
.form-search .search-autocomplete {
z-index: 1000
}
.form-search .search-autocomplete li {
cursor: pointer
}
.form-search .search-autocomplete li .amount {
float: right
}
.form-search .search-autocomplete li.first {
border-top-right-radius: 4px;
border-top-left-radius: 4px
}
.form-search .search-autocomplete li:focus,
.form-search .search-autocomplete li:hover {
text-decoration: none;
background-color: #f5f5f5
}
.form-search .search-autocomplete li.selected,
.form-search .search-autocomplete li.selected:focus,
.form-search .search-autocomplete li.selected:hover {
z-index: 2;
color: #fff;
background-color: #f15c22;
border-color: #f15c22
}
.advanced-search .form-list .input-range {
line-height: 34px
}
.advanced-search .form-list .input-range small {
float: right
}
.advanced-search-summary ul {
margin-bottom: 0;
padding-left: 15px;
padding-right: 15px
}
.advanced-search-summary strong {
color: #f15c22
}
.advanced-search-summary p {
clear: both;
padding: 10px 15px 0;
margin-bottom: 0;
font-weight: 700
}
@media (min-width:480px) {
.advanced-search-summary ul {
float: left;
width: 50%
}
}
.block {
border-color: #ddd
}
.block .block-title {
border-color: #ddd;
background-color: #f5f5f5;
color: #333
}
.block .block-title strong {
font-weight: 500
}
.block .block-subtitle {
margin: 0 15px 10px;
padding: 10px 0;
border-bottom: 1px solid #ddd
}
.block .block-content li.item {
padding: 10px 15px
}
.block .btn-edit,
.block .btn-remove {
float: right;
margin: 1px 0 2px 5px
}
.block .actions {
padding: 6px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
text-align: right;
line-height: 30px
}
.block .actions:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}
.block .actions a {
float: left
}
.block .actions button.button {
float: right
}
.block .empty {
margin: 0;
padding: 15px
}
.block li.odd {
background-color: #f9f9f9
}
.block-cart,
.block-compare,
.block-compared,
.block-login,
.block-poll,
.block-related,
.block-reorder,
.block-subscribe,
.block-tags,
.block-viewed,
.block-wishlist {
font-size: 12px
}
.mini-products-list .product-image {
float: left
}
.mini-products-list .product-details {
margin-left: 60px
}
.block-cart .mini-products-list .product-details .nobr small,
.block-cart .mini-products-list .product-details .product-name {
word-wrap: break-word
}
.block-cart .mini-products-list .product-details .nobr {
white-space: normal !important
}
.block-account .block-title {
border-color: #f15c22;
background-color: #f15c22;
color: #fff
}
.block-account .block-title strong {
font-weight: 500
}
.block-account .block-content {
padding: 15px
}
.block-account .block-content ul {
margin-bottom: 0
}
.block-account .block-content li a {
display: block;
border-bottom: 1px solid #ddd;
padding: 5px 0
}
.block-account .block-content li.last a {
border-bottom: 0
}
.block-account .block-content li.current {
padding: 5px 0;
border-bottom: 1px solid #ddd
}
.block-account .block-content li.current.last {
border-bottom: 0
}
.block-layered-nav dl {
margin: 0
}
.block-layered-nav dt {
padding: 7px 15px;
font-weight: 700;
text-transform: uppercase
}
.block-layered-nav dd {
padding: 0 15px 0 20px;
margin-bottom: 10px
}
.block-layered-nav dd.last {
background: 0 0
}
.block-layered-nav .currently li {
position: relative;
padding: 5px 15px
}
.block-layered-nav .currently .label {
font-weight: 700;
text-transform: uppercase
}
.block-layered-nav .currently .btn-previous,
.block-layered-nav .currently .btn-remove {
position: absolute;
right: 4px;
top: 9px;
margin: 0
}
.block-layered-nav .currently .btn-previous {
right: 17px
}
.block-layered-nav .actions {
text-align: right
}
.block-layered-nav .actions .actions a {
float: none
}
.block-cart .summary {
padding: 10px 15px
}
.block-cart .amount a {
font-weight: 700
}
.block-cart .subtotal {
padding: 4px;
margin-bottom: 0;
text-align: center
}
.block-cart .subtotal .price {
font-weight: 700
}
.block-cart .actions {
border-bottom: 1px solid #ddd
}
.block-cart .actions .paypal-logo {
float: left;
width: 100%;
margin: 3px 0 0;
text-align: right
}
.block-cart .actions .paypal-logo .paypal-or {
clear: both;
display: block;
padding: 0 55px 8px 0
}
.block-wishlist .actions {
text-align: right
}
.block-wishlist .actions a {
float: none
}
.block-related input.checkbox {
float: left
}
.block-related .product {
margin-left: 20px
}
.compare-table .btn-remove {
float: right;
background-image: url(../img/btn_remove2.gif);
width: 72px;
height: 15px
}
.compare-table tr.add-to-row td {
background: #fffada;
text-align: center
}
.compare-table tr.first td {
text-align: center
}
.compare-table tr.first td .product-name {
font-size: 12px;
font-weight: 700;
margin: 0 0 5px;
color: #203548
}
.compare-table tr.first td .product-name a {
color: #203548
}
.compare-table tr.first td .ratings {
width: 69px;
margin: 0 auto
}
.compare-table tr.add-to-row td p,
.compare-table tr.first td p {
margin: 0
}
.block-poll label {
color: #777;
font-weight: 700
}
.block-poll input.radio {
float: left;
margin: 1px -18px 0 0
}
.block-poll .label {
display: block;
margin-left: 18px
}
.block-poll li {
padding: 10px 15px
}
.block-poll label {
margin-bottom: 0
}
.block-poll .actions {
margin: 5px 0 0
}
.block-poll .answer {
font-weight: 700
}
.block-poll .votes {
float: right;
margin-left: 10px
}
.block-tags .block-content .tags-list {
padding: 15px !important;
margin-bottom: 0 !important;
font-size: 12px
}
.block-tags .actions {
text-align: right
}
.block-tags .actions a {
float: none
}
.block-subscribe .block-content {
padding: 15px 15px 0
}
.block-subscribe .actions {
margin: 15px -15px 0
}
.block-subscribe .actions button.button {
float: none
}
.block-reorder input.checkbox {
float: left;
margin: 2px -20px 0 0
}
.block-reorder .product-name {
margin-left: 20px
}
.block-reorder .validation-advice {
margin: 3px 9px 7px
}
.block-banner {
border: 0;
background-color: transparent
}
.block-banner .block-content {
padding: 0;
background-color: transparent;
text-align: center
}
.block-login .block-content {
padding: 15px 15px 0
}
.block-login .actions {
margin: 15px -15px 0
}
.paypal-logo {
display: block;
margin: 10px 0;
text-align: center
}
.paypal-logo a {
float: none
}
.category-description,
.category-products .toolbar {
margin-bottom: 10px
}
.products-grid {
margin-left: -15px;
margin-right: -15px
}
.products-grid .item {
position: relative;
float: left;
width: 33.33333333%;
padding-left: 15px;
padding-right: 15px;
min-height: 390px;
padding-bottom: 80px
}
.products-grid .product-image {
display: block;
margin-bottom: 10px
}
.products-grid .product-name {
min-height: 60px
}
.products-grid .actions {
position: absolute;
bottom: 0
}
.products-grid .add-to-links .separator {
display: none
}
.products-list li.item {
padding: 10px 0;
border-bottom: 1px solid #eee
}
.products-list li.item:first-child {
padding-top: 0
}
.products-list li.item:last-child {
padding-bottom: 0;
border-bottom: 0
}
.products-list .product-image {
float: left;
width: 150px;
display: block
}
.products-list .product-shop {
margin-left: 160px
}
.products-list .add-to-links li {
display: inline
}
.products-list .add-to-links .separator {
display: inline;
margin: 0 4px
}
.product-name {
margin: 0;
font-size: 14px;
font-weight: 500;
line-height: 20px
}
.availability {
margin: 0
}
.availability span {
font-weight: 700
}
.availability.in-stock span {
color: #3c763d
}
.availability.out-of-stock span {
color: #a94442
}
.availability-only a,
.availability-only span {
font-weight: 700
}
.add-to-cart .paypal-logo {
margin: 0;
text-align: right
}
.add-to-cart .paypal-logo .paypal-or {
display: block;
margin: 5px 60px 5px 0
}
.add-to-cart .paypal-logo .paypal-logo {
margin: 0
}
.add-to-box {
text-align: center;
padding-left: 15px;
padding-right: 15px
}
.add-to-box .add-to-cart {
margin: 0 -15px 10px
}
.add-to-box .or {
float: left
}
.add-to-box .add-to-links {
float: right
}
.add-to-box .add-to-links .separator,
.add-to-box .add-to-links li {
float: left
}
.add-to-box .add-to-links .separator {
margin: 0 4px
}
.product-view {
margin-left: -15px;
margin-right: -15px
}
.product-collateral,
.product-essential {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
@media (min-width:768px) {
.product-collateral,
.product-essential {
float: left;
width: 100%
}
}
.product-essential .product-shop {
min-height: 1px;
position: relative
}
.product-essential .product-img-box {
position: relative;
min-height: 1px;
padding-left: 0;
padding-right: 0
}
@media (min-width:768px) {
.product-essential .product-img-box {
float: left;
width: 58.33333333%
}
}
.product-essential .product-img-box .more-views ul {
margin-left: -15px;
margin-right: -15px
}
.product-essential .product-img-box .more-views ul li {
position: relative;
float: left;
width: 25%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
@media (min-width:768px) {
.product-essential .product-img-box {
padding-left: 0;
padding-right: 15px
}
.product-essential .product-shop {
float: right;
width: 41.66666667%
}
}
.product-view .product-shop {
padding: 15px;
border-color: #ddd
}
.product-view .product-shop .product-name {
margin: -15px -15px 15px;
border-color: #ddd;
background-color: #f5f5f5;
color: #333
}
.product-view .product-shop .add-to-box,
.product-view .product-shop .availability,
.product-view .product-shop .price-box,
.product-view .product-shop .short-description {
margin-bottom: 10px
}
.product-view .product-shop .product-options-bottom .add-to-cart,
.product-view .product-shop .product-options-bottom .price-box {
padding-left: 0;
padding-right: 0
}
@media (min-width:992px) {
.product-view .product-shop .product-options-bottom .add-to-cart,
.product-view .product-shop .product-options-bottom .price-box {
float: none;
width: auto
}
}
.product-img-box .product-image-zoom {
margin-bottom: 10px
}
.product-img-box .more-views {
padding-top: 10px;
border-top: 1px solid #eee
}
.product-options {
margin-bottom: 10px;
position: relative
}
.product-options dl {
margin: 0
}
.product-options dt {
padding-top: 10px;
font-weight: 400
}
.product-options dt label {
margin-bottom: 0;
font-weight: 700
}
.product-options dt label.required em {
margin-left: 2px;
color: #a94442
}
.product-options dt .qty-disabled {
background: 0 0;
border: 0;
padding: 3px
}
.product-options dd .qty-holder {
display: block
}
.product-options dd .qty-holder label {
vertical-align: middle
}
.product-options dd {
padding: 5px 0 10px 5px;
border-bottom: 1px solid #eee
}
.product-options dd select[multiple],
.product-options dd textarea {
height: auto
}
.product-options dl.last dd.last {
border-bottom: 0;
margin-bottom: 0
}
.product-options ul.options-list {
margin-bottom: 0
}
.product-options ul.options-list input.checkbox,
.product-options ul.options-list input.radio {
float: left;
margin-top: 3px
}
.product-options ul.options-list .label {
display: block;
margin-left: 18px
}
.product-options ul.options-list label {
font-weight: 400
}
.product-options ul.validation-failed {
padding: 0 7px
}
.product-options p.note {
margin: 0;
font-size: 12px
}
.product-options p.required {
position: absolute;
right: 20px;
top: 20px
}
.product-options-bottom {
margin-left: -15px;
margin-right: -15px
}
.product-options-bottom .add-to-cart,
.product-options-bottom .price-box {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
@media (min-width:992px) {
.product-options-bottom .add-to-cart,
.product-options-bottom .price-box {
float: left;
width: 50%
}
}
.product-options-bottom .add-to-links {
padding-top: 10px;
clear: both;
text-align: center
}
.product-options-bottom .add-to-links li {
display: inline
}
.product-options-bottom .price-box {
padding-top: 10px
}
.product-options-bottom .price-label {
float: left;
padding-right: 5px
}
.product-options-bottom .price-tax {
float: left
}
@media (min-width:992px) {
.product-options-bottom .price-box {
padding-top: 0
}
}
.product-shop .product-options dt label.required em {
margin-left: 0;
margin-right: 2px
}
.product-shop .product-options-bottom {
margin: 0 0 10px
}
.product-shop .product-options-bottom .price-box {
float: none;
margin: 0 0 5px
}
.product-shop .product-options-bottom .price-label {
float: none;
padding-right: 0
}
.product-shop .product-options-bottom .price-tax {
float: none
}
.product-shop .product-options-bottom .add-to-cart-box {
clear: both;
float: left;
padding-top: 12px
}
.product-shop .product-options-bottom .add-to-links {
clear: both
}
.product-view .grouped-items-table .price-box {
margin: 0
}
.product-view .grouped-items-table .qty {
width: auto
}
.product-view .box-collateral {
padding: 15px;
border-color: #ddd
}
.product-view .box-collateral>h2 {
margin: -15px -15px 15px;
border-color: #ddd;
background-color: #f5f5f5;
font-size: 16px;
color: #333
}
.product-view .box-additional {
padding: 0
}
.product-view .box-additional>h2 {
margin: 0
}
.product-view .box-additional .data-table {
border: 0;
margin-bottom: 0
}
.product-view .box-additional .data-table>tbody>tr>th {
border-left: 0
}
.product-view .box-additional .data-table>tbody>tr>td {
border-right: 0
}
.product-view .box-additional .data-table>tbody>tr.first>td,
.product-view .box-additional .data-table>tbody>tr.first>th {
border-top: 0
}
.product-view .box-additional .data-table>tbody>tr.last>td,
.product-view .box-additional .data-table>tbody>tr.last>th {
border-bottom: 0
}
.product-view .box-up-sell .table-responsive {
padding: 15px 0
}
.product-view .box-up-sell .products-grid {
margin: 0;
width: 100%
}
.product-view .box-up-sell .products-grid td {
width: 25%;
padding: 0 15px;
vertical-align: top
}
.product-view .box-up-sell .products-grid .price-box,
.product-view .box-up-sell .products-grid .product-image {
margin-bottom: 10px
}
.product-view .box-up-sell .products-grid .ratings {
margin-bottom: 0
}
@media (max-width:768px) {
.product-view .box-up-sell .products-grid {
min-width: 500px
}
.product-view .box-up-sell .products-grid>tbody>tr>td,
.product-view .box-up-sell .products-grid>tbody>tr>th {
white-space: normal
}
}
.product-view .box-tags {
margin: 0
}
.product-view .box-tags .product-tags li {
display: inline;
white-space: nowrap;
margin: 0 6px
}
.product-view .box-tags .note {
margin: 0;
text-align: center
}
.product-view .box-reviews dt {
padding-top: 15px;
font-weight: 400
}
.product-view .box-reviews dt a,
.product-view .box-reviews dt span {
font-weight: 700
}
.product-view .box-reviews dd {
padding-bottom: 15px;
border-bottom: 1px solid #eee
}
.product-view .box-reviews dd .ratings-table {
float: left;
margin-right: 10px
}
.product-view .box-reviews dd small {
font-style: italic
}
.product-view .box-reviews .form-add h3 {
margin-top: 0;
font-size: 14px;
font-weight: 400
}
.product-view .box-reviews .form-add h3 span {
font-weight: 500
}
.product-view .box-reviews .form-add h4 {
display: inline-block;
position: relative;
margin-bottom: 5px;
font-size: 14px;
font-weight: 700
}
.product-view .box-reviews .form-add h4 em {
float: right;
position: absolute;
top: 0;
right: -8px;
color: #a94442
}
.product-view .box-reviews .form-add td.value {
text-align: center
}
.product-view .box-reviews .form-add td.value .radio {
display: inline;
margin: 0;
padding: 0;
height: 20px
}
@media (max-width:768px) {
.product-view .box-reviews .form-add form {
width: 100%;
overflow-y: hidden;
overflow-x: scroll;
padding: 15px;
border: 1px solid #ddd
}
}
.tags-list {
margin: 0;
padding: 10px
}
.tags-list li {
display: inline !important;
margin: 0 3px
}
.price,
.price-box .price-label {
white-space: nowrap
}
.price-box .price {
font-weight: 700;
color: #f15c22
}
.regular-price {
color: #f15c22
}
.regular-price .price {
font-weight: 700;
color: #f15c22
}
.old-price {
margin: 0;
color: #777
}
.old-price .price {
color: inherit;
font-weight: 400;
text-decoration: line-through
}
.special-price {
margin: 0
}
.special-price .price-label {
font-weight: 700;
color: #f15c22
}
.minimal-price {
margin: 0
}
.minimal-price .price-label {
font-weight: 700
}
.minimal-price-link {
display: block
}
.minimal-price-link .price {
font-weight: 400
}
.price-excluding-tax,
.price-including-tax {
display: block;
color: #777
}
.price-excluding-tax .label,
.price-including-tax .label {
white-space: nowrap;
color: inherit
}
.configured-price {
margin: 0
}
.configured-price .price-label {
font-weight: 700
}
.weee {
display: block
}
.weee .price {
font-weight: 400
}
.price-excl-tax,
.price-incl-tax {
display: block
}
.price-excl-tax .label,
.price-incl-tax .label {
white-space: nowrap;
display: block
}
.price-excl-tax .price,
.price-incl-tax .price {
display: block
}
.price-from,
.price-to {
margin: 0
}
.price-from .price-label,
.price-to .price-label {
font-weight: 700;
white-space: nowrap
}
.price-notice {
color: #333
}
.price-notice .price {
font-weight: 700;
color: #333
}
.price-as-configured {
margin: 0
}
.price-as-configured .price-label {
font-weight: 700;
white-space: nowrap
}
.price-box-bundle .price-box {
margin: 0;
padding: 0
}
.price-box-bundle .price {
color: #333
}
.tier-prices .benefit {
font-weight: 700;
font-style: italic
}
.tier-prices .price {
font-weight: 700;
color: #333
}
.tier-prices-grouped .price {
font-weight: 700
}
.no-rating {
margin: 0
}
.ratings {
margin-bottom: 10px;
font-size: 12px
}
.ratings strong {
float: left;
margin: 1px 3px 0 0
}
.ratings .rating-links {
margin: 0
}
.ratings .rating-links .separator {
margin: 0 2px
}
.rating-box {
width: 69px;
height: 13px;
font-size: 0;
line-height: 0;
background: url(../img/bkg_rating.gif) repeat-x;
text-indent: -999em;
overflow: hidden
}
.rating-box .rating {
float: left;
height: 13px;
background: url(../img/bkg_rating.gif) 0 100% repeat-x
}
.ratings .rating-box {
float: left;
margin-right: 3px
}
.ratings-table td,
.ratings-table th {
font-size: 12px
}
.ratings-table th {
font-weight: 700;
padding-right: 8px
}
.page-sitemap .links {
text-align: right;
font-weight: 700
}
.catalog-seo-sitemap-product .page-sitemap .sitemap {
margin-left: -15px;
margin-right: -15px
}
.catalog-seo-sitemap-product .page-sitemap .sitemap li {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
@media (min-width:992px) {
.catalog-seo-sitemap-product .page-sitemap .sitemap li {
float: left;
width: 50%
}
}
.catalog-seo-sitemap-category .page-sitemap .sitemap {
margin-left: -15px;
margin-right: -15px
}
.catalog-seo-sitemap-category .page-sitemap .sitemap li {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
@media (min-width:768px) {
.catalog-seo-sitemap-category .page-sitemap .sitemap li {
float: left;
width: 25%
}
}
@media (min-width:992px) {
.catalog-seo-sitemap-category .page-sitemap .sitemap li {
float: left;
width: 16.66666667%
}
}
.catalog-seo-sitemap-category .page-sitemap .sitemap li.level-0 {
font-weight: 700;
margin-top: 10px
}
.catalog-seo-sitemap-category .page-sitemap .sitemap li.level-0:first-child {
margin-top: 0
}
@media (min-width:992px) {
.page-sitemap .sitemap li.level-0,
.page-sitemap .sitemap li.level-1,
.page-sitemap .sitemap li.level-2,
.page-sitemap .sitemap li.level-3,
.page-sitemap .sitemap li.level-4 {
width: auto;
float: none
}
.page-sitemap .sitemap li.level-0 {
padding-left: 15px !important
}
.page-sitemap .sitemap li.level-1 {
padding-left: 35px !important
}
.page-sitemap .sitemap li.level-2 {
padding-left: 55px !important
}
.page-sitemap .sitemap li.level-3 {
padding-left: 75px !important
}
.page-sitemap .sitemap li.level-4 {
padding-left: 95px !important
}
}
.rss-title h1 {
background: url(../img/i_rss-big.png) 0 4px no-repeat;
padding-left: 27px
}
.rss-table .link-rss {
display: block;
line-height: 1.55;
background-position: 0 4px
}
.cart .page-title .checkout-types li {
margin: 0 0 5px
}
.cart .page-title .checkout-types li:last-child {
margin-bottom: 0
}
.cart .title-buttons .checkout-types {
float: right;
margin-bottom: 0
}
.cart .checkout-types .paypal-or {
margin: 0 8px
}
.cart .totals .checkout-types .paypal-or {
clear: both;
display: block;
padding: 8px 55px 0 0;
font-size: 12px
}
.cart>form {
margin-bottom: 20px
}
@media (max-width:768px) {
.cart>form {
width: 100%;
overflow-y: hidden;
overflow-x: scroll;
padding: 15px;
border: 1px solid #ddd
}
}
.cart-table {
margin-bottom: 0
}
.cart-table .qty {
width: auto;
text-align: center
}
.cart-table .btn-continue {
float: left
}
.cart .cart-collaterals {
margin-left: -15px;
margin-right: -15px
}
.cart .cart-collaterals .col2-set {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
@media (min-width:992px) {
.cart .cart-collaterals .col2-set {
float: left;
width: 66.66666667%
}
}
@media (min-width:768px) {
.cart .cart-collaterals .totals {
margin-right: 15px;
float: right;
width: 33.33333333%
}
}
.cart .crosssell,
.cart .discount,
.cart .shipping {
border-color: #ddd
}
.cart .crosssell>h2,
.cart .discount>h2,
.cart .shipping>h2 {
border-color: #ddd;
background-color: #f5f5f5;
color: #333;
font-weight: 500
}
.cart .crosssell #crosssell-products-list {
margin-bottom: 0;
padding: 15px
}
.cart .crosssell li.item {
padding: 10px 0;
border-bottom: 1px solid #eee
}
.cart .crosssell li.item:first-child {
padding-top: 0
}
.cart .crosssell li.item:last-child {
padding-bottom: 0;
border-bottom: 0
}
.cart .crosssell .product-image {
float: left
}
.cart .crosssell .product-details {
margin-left: 100px
}
.cart .crosssell .add-to-links .separator {
display: none
}
.cart .crosssell .link-compare {
font-weight: 400
}
@media (max-width:992px) {
.cart .crosssell {
display: none
}
}
.cart .discount .discount-form,
.cart .shipping .shipping-form {
padding: 15px
}
.cart .totals .checkout-types {
margin-bottom: 0;
text-align: right
}
.cart .totals .checkout-types li {
margin-bottom: 5px
}
.cart .totals .checkout-types li:last-child {
margin-bottom: 0
}
.item-options {
margin: 0
}
.item-options dd {
margin-left: 0
}
.truncated {
position: relative;
cursor: help
}
.truncated .dots {
cursor: inherit;
color: inherit
}
.truncated .dots:hover {
text-decoration: none
}
.truncated_full_value dl {
margin: 0
}
.truncated_full_value dd {
margin-left: 0
}
.truncated_full_value dd+dt {
border-radius: 0;
border-top: 1px solid #ebebeb
}
.truncated_full_value.show {
display: block
}
.sp-methods {
margin: 0 0 8px
}
.sp-methods dt {
padding-top: 10px
}
.sp-methods dt:first-child {
padding-top: 0
}
.sp-methods dd:last-child {
padding-bottom: 0;
border-bottom: 0
}
.sp-methods dd ul {
margin-bottom: 0
}
.sp-methods dd li {
margin: 5px 0
}
.sp-methods .radio {
float: left;
margin-top: 3px;
margin-right: 6px
}
.sp-methods label {
margin-bottom: 0
}
.sp-methods .form-list {
padding-left: 20px
}
.sp-methods select.month {
width: 154px;
margin-right: 10px
}
.sp-methods select.year {
width: 96px
}
.sp-methods input.cvv {
width: 50px !important
}
.sp-methods .checkmo-list li {
margin: 0 0 5px
}
.sp-methods .checkmo-list label {
width: 135px;
padding-right: 10px;
text-align: right
}
.sp-methods .checkmo-list address {
float: left
}
.sp-methods .centinel-logos a {
margin-right: 3px
}
.sp-methods .centinel-logos img {
vertical-align: middle
}
.sp-methods .release-amounts {
margin: .5em 0
}
.sp-methods .release-amounts button {
float: left;
margin: 5px 10px 0 0
}
.please-wait {
float: right;
margin-right: 10px;
font-size: 12px;
color: #777
}
.please-wait img {
vertical-align: middle;
margin-right: 10px
}
.cvv-what-is-this {
line-height: 34px;
font-size: 12px;
cursor: help;
margin-left: 10px
}
.tool-tip .btn-close {
padding: 9px 14px
}
.tool-tip .btn-close a {
float: right;
font-size: 0;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .2;
filter: alpha(opacity=20)
}
.tool-tip .btn-close a:after {
font-size: 14px;
font-weight: 700;
font-family: FontAwesome;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f00d"
}
.tool-tip .btn-close a:focus,
.tool-tip .btn-close a:hover {
text-decoration: none;
opacity: .5;
filter: alpha(opacity=50)
}
.gift-messages h3 {
font-size: 14px;
font-weight: 700
}
.gift-messages p.control .checkbox {
float: left;
margin-top: 4px;
margin-right: 6px
}
.gift-messages p.control label {
margin-bottom: 0
}
.gift-messages-form {
position: relative
}
.gift-messages-form label {
float: none !important;
position: static !important
}
.gift-messages-form h4 {
padding-top: 10px;
border-top: 1px solid #eee;
font-size: 14px;
font-weight: 700
}
.gift-messages-form h4:first-child {
padding-top: 0;
border-top: 0
}
.gift-messages-form p>.checkbox {
float: left;
margin-top: 4px;
margin-right: 6px
}
.gift-messages-form p>label {
margin-bottom: 0
}
.gift-messages-form .whole-order {
margin: 0 0 25px
}
.gift-messages-form .item {
margin: 0 0 10px;
border-bottom: 1px solid #eee
}
.gift-messages-form .item:last-child {
border-bottom: 0
}
.gift-messages-form .item .product-img-box {
float: left;
width: 75px
}
.gift-messages-form .item .product-image {
margin: 0 0 7px
}
.gift-messages-form .item .number {
margin: 0;
text-align: center
}
.gift-messages-form .item .details {
margin-left: 90px
}
.gift-messages-form .item .details .product-name {
margin: 0 0 10px
}
.gift-message-row .btn-close {
float: right;
font-size: 0;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .2;
filter: alpha(opacity=20)
}
.gift-message-row .btn-close:after {
font-size: 14px;
font-weight: 700;
font-family: FontAwesome;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f00d"
}
.gift-message-row .btn-close:focus,
.gift-message-row .btn-close:hover {
text-decoration: none;
opacity: .5;
filter: alpha(opacity=50)
}
.checkout-agreements li {
margin-bottom: 20px
}
.checkout-agreements li:last-child {
margin-bottom: 0
}
.checkout-agreements .agreement-content {
margin-bottom: 0;
overflow: auto;
height: 240px
}
.checkout-agreements .agree {
margin: 0;
padding: 10px
}
.checkout-agreements .agree input.checkbox {
float: left;
margin-top: 4px;
margin-right: 6px
}
.opc .checkout-agreements {
padding: 5px 30px
}
.centinel .authentication {
background-color: #fff;
border: 1px solid #ddd
}
.centinel .authentication iframe {
width: 99%;
height: 400px;
background: 0 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important
}
.opc .centinel {
padding: 10px 30px
}
.info-set {
margin: 0 0 25px;
padding: 20px
}
.info-set h2 {
font-size: 18px
}
.info-set h3,
.info-set h4 {
font-size: 14px
}
.info-set h2 a,
.info-set h3 a,
.info-set h4 a {
font-weight: 400
}
.info-set .divider {
margin: 0 -20px;
padding: 25px 0;
position: relative
}
.info-set .box {
margin: 0 0 15px
}
.info-set .data-table .item-options {
margin: 5px 0 0
}
.block-progress dl {
margin: 0
}
.block-progress dt {
font-weight: 700;
margin: 0 0 6px;
padding: 7px 15px;
background-color: #f5f5f5;
border: solid #ddd;
border-width: 1px 0
}
.block-progress dt:first-child {
border-top: 0
}
.block-progress dd {
padding: 8px 13px;
margin: 0 0 6px
}
.block-progress dt.complete,
.block-progress p {
margin: 0
}
.block-progress .cards-list dt {
background: 0 0;
border: 0;
color: inherit;
font-size: 12px;
margin: 5px 0;
padding: 0
}
.block-progress .cards-list dd {
border: 0;
margin: 0;
padding: 0
}
.block-progress .cards-list .info-table th {
font-weight: 400
}
.block-progress address {
margin-bottom: 0
}
.block-progress p+table {
margin-left: 10px
}
@media (max-width:768px) {
.block-progress {
display: none
}
}
.opc .buttons-set {
margin-top: 10px
}
.opc .buttons-set p.required {
margin: 0;
padding: 0 0 10px
}
.opc .buttons-set .back-link small,
.opc .buttons-set .buttons-set.disabled button.button {
display: none
}
.opc .buttons-set .ul {
list-style: disc;
padding-left: 18px
}
.opc {
position: relative
}
.opc .step-title {
padding: 10px 15px;
border: solid #ddd;
border-width: 0 1px 1px;
background-color: #f5f5f5;
color: #333
}
.opc .step-title .number,
.opc .step-title a,
.opc .step-title h2 {
line-height: 20px
}
.opc .step-title .number,
.opc .step-title h2 {
float: left
}
.opc .step-title .number {
display: block;
background: #fff;
padding: 0 6px;
margin-right: 10px
}
.opc .step-title h2 {
margin: 0;
font-size: 16px
}
.opc .step-title a {
display: none;
float: right
}
.opc .section:first-child .step-title {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-width: 1px
}
.opc .section:last-child .step-title {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px
}
.opc .section:last-child.active .step-title {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.opc .section:last-child.active .step {
padding-bottom: 10px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px
}
.opc .step {
padding: 15px;
border: solid #ddd;
border-width: 0 1px 1px
}
.opc .step .tool-tip {
right: 30px
}
.opc .allow .step-title a {
display: block
}
.opc .active .step-title a {
display: none
}
@media (min-width:992px) {
.checkout-progress li {
float: left;
width: 20%;
margin-bottom: 0;
border-left-width: 0;
text-align: center
}
.checkout-progress li:first-child,
.checkout-progress li:last-child {
border-radius: 0
}
.checkout-progress li:first-child {
border-left-width: 1px;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px
}
.checkout-progress li:last-child {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px
}
}
@media (max-width:992px) {
.multiple-checkout {
width: 100%;
overflow-y: hidden;
overflow-x: scroll;
padding: 15px;
border: 1px solid #ddd
}
}
.multiple-checkout h2 {
margin-top: 0;
font-size: 18px
}
.multiple-checkout h3,
.multiple-checkout h4 {
margin-top: 0;
font-size: 14px
}
.multiple-checkout h2 a,
.multiple-checkout h3 a,
.multiple-checkout h4 a {
font-weight: 400
}
.multiple-checkout .data-table .product-name {
line-height: 34px
}
.multiple-checkout .data-table select {
width: auto
}
.multiple-checkout .data-table .item-options {
margin-top: 10px
}
.multiple-checkout .gift-messages {
margin: 15px 0 0
}
.multiple-checkout .tool-tip {
top: 50%;
margin-top: -120px;
right: 20px
}
.multiple-checkout .box .box-title h3 {
margin-top: 0
}
.multiple-checkout .box address {
margin-bottom: 0
}
.multiple-checkout .place-order .please-wait {
float: right;
padding: 27px 7px 0 0
}
.multiple-checkout .place-order .grand-total {
text-align: right
}
.multiple-checkout .place-order .grand-total big {
font-size: 18px;
font-weight: 500
}
.multiple-checkout .place-order .grand-total .price {
color: #f15c22
}
#multiship-addresses-table .qty {
width: auto;
text-align: center
}
.checkout-multishipping-billing .multiple-checkout {
position: relative
}
.account-login .content {
min-height: 242px
}
.captcha-image {
position: relative;
width: 258px
}
.captcha-note {
clear: left;
padding-top: 5px
}
.captcha-image .captcha-img {
border-radius: 4px;
border: 1px solid #ccc;
width: 100%
}
.registered-users .captcha-image {
margin: 0
}
.captcha-reload {
cursor: pointer;
position: absolute;
top: 2px;
right: 2px
}
.captcha-reload .refreshing {
-webkit-animation: captcha-rotate 1.5s infinite linear;
-moz-animation: captcha-rotate 1.5s infinite linear;
animation: captcha-rotate 1.5s infinite linear
}
@-webkit-keyframes captcha-rotate {
0% {
-webkit-transform: rotate(-360deg)
}
}
@-moz-keyframes captcha-rotate {
0% {
-moz-transform: rotate(-360deg)
}
}
@keyframes captcha-rotate {
0% {
transform: rotate(-360deg)
}
}
.box-account {
padding: 15px;
border-color: #ddd
}
.box-account .box-head {
margin: -15px -15px 15px;
border-color: #ddd;
background-color: #f5f5f5;
color: #333
}
.box-account .box-head h2 {
float: left
}
.box-account .box-head a {
float: right
}
@media (max-width:768px) {
.box-account {
width: 100%;
overflow-y: hidden;
overflow-x: scroll
}
}
.dashboard .box .box-title {
padding: 0 0 10px;
margin: 0 0 10px;
border-bottom: 1px solid #ddd;
text-align: right
}
.dashboard .box .box-title h3,
.dashboard .box .box-title h4 {
margin: 0;
float: left;
font-size: 18px
}
.dashboard .col2-set>.box>.box-title {
margin-left: 15px;
margin-right: 15px
}
.dashboard .box-recent .data-table {
margin-bottom: 0
}
.dashboard .box-info address,
.dashboard .box-info p {
margin: 0
}
.dashboard .box-info .box {
margin-bottom: 30px
}
.dashboard .box-reviews ol {
margin-bottom: 0
}
.dashboard .box-reviews .number {
float: left
}
.dashboard .box-reviews .details {
margin-left: 20px
}
.dashboard .box-reviews li.item {
margin-bottom: 10px
}
.dashboard .box-reviews li.item:last-child {
margin-bottom: 0
}
.dashboard .box-reviews .ratings {
margin-top: 5px
}
.dashboard .box-tags .number {
float: left
}
.dashboard .box-tags .details {
margin-left: 20px
}
.dashboard .box-tags li.item {
margin-bottom: 10px
}
.dashboard .box-tags li.item:last-child {
margin-bottom: 0
}
.dashboard .box-tags .tags strong,
.dashboard .box-tags .tags ul,
.dashboard .box-tags .tags ul li {
display: inline
}
.addresses-list h2 {
font-size: 18px
}
.addresses-list h3 {
margin-top: 0;
font-size: 14px
}
.addresses-list address {
margin: 0 0 3px
}
.addresses-list p {
margin: 0
}
.addresses-list .link-remove {
color: #a94442
}
.addresses-list .separator {
margin: 0 3px
}
.addresses-list li.item {
padding: 15px;
border-color: #ddd
}
.addresses-list li.item h3 {
margin: -15px -15px 15px;
border-color: #ddd;
background-color: #f5f5f5;
color: #333
}
.addresses-list li.empty {
background: 0 0;
border: 0;
padding: 0
}
.order-info {
margin-bottom: 10px;
border-bottom: 1px solid #eee
}
.order-info dd {
padding-left: 10px
}
.order-info li {
display: inline;
margin: 0 3px
}
.order-info li:first-child {
margin-left: 0
}
.order-info li:last-child {
margin-right: 0
}
.order-info .current {
font-weight: 700
}
.order-date {
margin-bottom: 10px
}
.order-info-box {
margin-left: 0;
margin-right: 0;
border-color: #ddd;
padding-top: 15px
}
.order-info-box .box {
margin-bottom: 15px
}
.order-info-box h2 {
margin-top: 0;
font-size: 14px
}
.order-info-box address {
margin-bottom: 0
}
.order-items h2 {
font-size: 18px
}
.order-items h3 {
font-size: 12px
}
.order-items .order-links {
text-align: right
}
.order-additional {
margin: 10px 0
}
.gift-message {
padding: 15px;
border-color: #ddd
}
.gift-message dt {
padding-left: 10px
}
.gift-message dt strong {
display: block;
margin-left: -10px
}
.gift-message dd {
margin-top: 10px
}
.gift-message-row .gift-message {
padding: 0;
margin: 0;
border: 0
}
.order-about {
padding: 15px;
border-color: #ddd
}
.order-about dd {
margin-bottom: 10px;
padding-left: 10px
}
.order-about dd:last-child {
margin-bottom: 0
}
.my-wishlist textarea {
height: auto
}
.my-wishlist .add-to-cart-alt input.input-text,
.my-wishlist .price-box {
margin-bottom: 5px
}
.my-wishlist .add-to-cart-alt .btn-cart {
display: block;
margin-bottom: 5px;
width: 100%
}
.my-wishlist p {
margin-bottom: 0
}
.my-wishlist .link-edit {
width: 100%;
display: block
}
.product-review .product-img-box {
float: left;
width: 140px
}
.product-review .product-img-box .label {
font-size: 12px
}
.product-review .product-img-box .ratings .rating-box {
display: block;
float: none;
margin-bottom: 5px
}
.product-review .product-details {
margin-left: 150px
}
.product-review .product-name {
margin-bottom: 10px;
font-size: 18px
}
.product-review h3 {
font-size: 14px
}
.product-review .ratings-table {
margin: 0 0 10px
}
.product-review dt {
margin-bottom: 5px
}
.billing-agreements .info-box {
margin: 10px 0
}
.billing-agreements .form-list li select {
float: left
}
.billing-agreements .form-list li button.button {
float: left;
margin-left: 10px
}
.billing-agreements .table-caption {
font-weight: 700
}
.modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
-webkit-overflow-scrolling: touch;
outline: 0
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform .3s ease-out;
-moz-transition: -moz-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px
}
.modal-content {
position: relative;
background-color: #fff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
background-clip: padding-box;
outline: 0
}
.modal-backdrop {
position: absolute;
top: 0;
right: 0;
left: 0;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0)
}
.modal-backdrop.in {
opacity: .5;
filter: alpha(opacity=50)
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
min-height: 16.43px
}
.modal-header .close {
margin-top: -2px
}
.modal-title {
margin: 0;
line-height: 1.42857143
}
.modal-body {
position: relative;
padding: 15px
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5
}
.modal-footer .btn+.btn {
margin-left: 5px;
margin-bottom: 0
}
.modal-footer .btn-group .btn+.btn {
margin-left: -1px
}
.modal-footer .btn-block+.btn-block {
margin-left: 0
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
@media (min-width:768px) {
.modal-dialog {
width: 600px;
margin: 30px auto
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
}
.modal-sm {
width: 300px
}
}
@media (min-width:992px) {
.modal-lg {
width: 900px
}
}
.modal-open {
overflow: hidden
}
.modal-open .navbar-fixed-bottom,
.modal-open .navbar-fixed-top,
body.modal-open {
margin-right: 0
}
@media screen and (min-width:992px) {
.modal-media .modal-dialog {
width: 940px
}
}
.popover,
.tool-tip,
.truncated_full_value {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 400px;
padding: 1px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: left;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
white-space: normal
}
.popover.top {
margin-top: -10px
}
.popover.right {
margin-left: 10px
}
.popover.bottom {
margin-top: 10px
}
.popover.left {
margin-left: -10px
}
.popover-title,
.truncated_full_value dt {
margin: 0;
padding: 8px 14px;
font-size: 14px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0
}
.popover-content,
.tool-tip-content,
.truncated_full_value dd {
padding: 9px 14px
}
.popover>.arrow,
.popover>.arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid
}
.popover>.arrow {
border-width: 11px
}
.popover>.arrow:after {
border-width: 10px;
content: ""
}
.popover.top>.arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: #999;
border-top-color: rgba(0, 0, 0, .25);
bottom: -11px
}
.popover.top>.arrow:after {
content: " ";
bottom: 1px;
margin-left: -10px;
border-bottom-width: 0;
border-top-color: #fff
}
.popover.right>.arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
border-right-color: #999;
border-right-color: rgba(0, 0, 0, .25)
}
.popover.right>.arrow:after {
content: " ";
left: 1px;
bottom: -10px;
border-left-width: 0;
border-right-color: #fff
}
.popover.bottom>.arrow {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999;
border-bottom-color: rgba(0, 0, 0, .25);
top: -11px
}
.popover.bottom>.arrow:after {
content: " ";
top: 1px;
margin-left: -10px;
border-top-width: 0;
border-bottom-color: #fff
}
.popover.left>.arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999;
border-left-color: rgba(0, 0, 0, .25)
}
.popover.left>.arrow:after {
content: " ";
right: 1px;
border-right-width: 0;
border-left-color: #fff;
bottom: -10px
}
.carousel {
position: relative
}
.carousel-inner {
position: relative;
overflow: hidden;
width: 100%
}
.carousel-inner>.item {
display: none;
position: relative;
-webkit-transition: .6s ease-in-out left;
-o-transition: .6s ease-in-out left;
transition: .6s ease-in-out left
}
.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
line-height: 1
}
@media all and (transform-3d),
(-webkit-transform-3d) {
.carousel-inner>.item {
-webkit-transition: -webkit-transform .6s ease-in-out;
-moz-transition: -moz-transform .6s ease-in-out;
-o-transition: -o-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
-moz-perspective: 1000;
perspective: 1000
}
.carousel-inner>.item.active.right,
.carousel-inner>.item.next {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
left: 0
}
.carousel-inner>.item.active.left,
.carousel-inner>.item.prev {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0
}
.carousel-inner>.item.active,
.carousel-inner>.item.next.left,
.carousel-inner>.item.prev.right {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0
}
}
.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
display: block
}
.carousel-inner>.active {
left: 0
}
.carousel-inner>.next,
.carousel-inner>.prev {
position: absolute;
top: 0;
width: 100%
}
.carousel-inner>.next {
left: 100%
}
.carousel-inner>.prev {
left: -100%
}
.carousel-inner>.next.left,
.carousel-inner>.prev.right {
left: 0
}
.carousel-inner>.active.left {
left: -100%
}
.carousel-inner>.active.right {
left: 100%
}
.carousel-control {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 15%;
opacity: .5;
filter: alpha(opacity=50);
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}
.carousel-control.left {
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}
.carousel-control.right {
left: auto;
right: 0;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}
.carousel-control:focus,
.carousel-control:hover {
outline: 0;
color: #fff;
text-decoration: none;
opacity: .9;
filter: alpha(opacity=90)
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
left: 50%;
margin-left: -10px
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
right: 50%;
margin-right: -10px
}
.carousel-control .icon-next,
.carousel-control .icon-prev {
width: 20px;
height: 20px;
margin-top: -10px;
line-height: 1;
font-family: serif
}
.carousel-control .icon-prev:before {
content: '\2039'
}
.carousel-control .icon-next:before {
content: '\203a'
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
margin-left: -30%;
padding-left: 0;
list-style: none;
text-align: center
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
border: 1px solid #fff;
border-radius: 10px;
cursor: pointer;
background-color: transparent
}
.carousel-indicators .active {
margin: 0;
width: 12px;
height: 12px;
background-color: #fff
}
.carousel-caption {
position: absolute;
left: 15%;
right: 15%;
bottom: 20px;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}
.carousel-caption .btn {
text-shadow: none
}
@media screen and (min-width:768px) {
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
width: 30px;
height: 30px;
margin-top: -15px;
font-size: 30px
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
margin-left: -15px
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
margin-right: -15px
}
.carousel-caption {
left: 20%;
right: 20%;
padding-bottom: 30px
}
.carousel-indicators {
bottom: 20px
}
}
.carousel-inner>.active.left {
float: none !important
}
.add-to-box:after,
.add-to-box:before,
.advanced-search-summary:after,
.advanced-search-summary:before,
.block .actions:after,
.block .actions:before,
.block .block-content:after,
.block .block-content:before,
.box-account .box-head:after,
.box-account .box-head:before,
.buttons-set:after,
.buttons-set:before,
.cart .cart-collaterals:after,
.cart .cart-collaterals:before,
.catalog-seo-sitemap-category .page-sitemap .sitemap:after,
.catalog-seo-sitemap-category .page-sitemap .sitemap:before,
.catalog-seo-sitemap-product .page-sitemap .sitemap:after,
.catalog-seo-sitemap-product .page-sitemap .sitemap:before,
.checkout-progress:after,
.checkout-progress:before,
.clearer:after,
.clearer:before,
.clearfix:after,
.clearfix:before,
.col2-set:after,
.col2-set:before,
.col4-set:after,
.col4-set:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dashboard .box .box-title:after,
.dashboard .box .box-title:before,
.dashboard .box-reviews li.item:after,
.dashboard .box-reviews li.item:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.form-list li.additional-row p:after,
.form-list li.additional-row p:before,
.form-list li:after,
.form-list li:before,
.form-list:after,
.form-list:before,
.gift-message-row dl:after,
.gift-message-row dl:before,
.gift-messages-form .item:after,
.gift-messages-form .item:before,
.layout:after,
.layout:before,
.modal-footer:after,
.modal-footer:before,
.multiple-checkout .place-order:after,
.multiple-checkout .place-order:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.opc .step-title:after,
.opc .step-title:before,
.page-title:after,
.page-title:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.product-essential .product-img-box .more-views ul:after,
.product-essential .product-img-box .more-views ul:before,
.product-options-bottom .price-box:after,
.product-options-bottom .price-box:before,
.product-options-bottom:after,
.product-options-bottom:before,
.product-view .box-collateral:after,
.product-view .box-collateral:before,
.product-view .box-reviews dd:after,
.product-view .box-reviews dd:before,
.product-view:after,
.product-view:before,
.products-grid:after,
.products-grid:before,
.products-list li.item:after,
.products-list li.item:before,
.row:after,
.row:before,
.sorter:after,
.sorter:before,
.tool-tip .btn-close:after,
.tool-tip .btn-close:before,
footer[role=contentinfo]:after,
footer[role=contentinfo]:before,
header[role=banner]:after,
header[role=banner]:before {
content: " ";
display: table
}
.add-to-box:after,
.advanced-search-summary:after,
.block .actions:after,
.block .block-content:after,
.box-account .box-head:after,
.buttons-set:after,
.cart .cart-collaterals:after,
.catalog-seo-sitemap-category .page-sitemap .sitemap:after,
.catalog-seo-sitemap-product .page-sitemap .sitemap:after,
.checkout-progress:after,
.clearer:after,
.clearfix:after,
.col2-set:after,
.col4-set:after,
.container-fluid:after,
.container:after,
.dashboard .box .box-title:after,
.dashboard .box-reviews li.item:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.form-list li.additional-row p:after,
.form-list li:after,
.form-list:after,
.gift-message-row dl:after,
.gift-messages-form .item:after,
.layout:after,
.modal-footer:after,
.multiple-checkout .place-order:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.opc .step-title:after,
.page-title:after,
.pager:after,
.panel-body:after,
.product-essential .product-img-box .more-views ul:after,
.product-options-bottom .price-box:after,
.product-options-bottom:after,
.product-view .box-collateral:after,
.product-view .box-reviews dd:after,
.product-view:after,
.products-grid:after,
.products-list li.item:after,
.row:after,
.sorter:after,
.tool-tip .btn-close:after,
footer[role=contentinfo]:after,
header[role=banner]:after {
clear: both
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto
}
.pull-right {
float: right !important
}
.pull-left {
float: left !important
}
.hide {
display: none !important
}
.show {
display: block !important
}
.invisible {
visibility: hidden
}
.logo strong,
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.hidden {
visibility: hidden !important
}
.affix {
position: fixed
}
.bs-prototype-override {
display: block !important
}
.bs-prototype-override.input-group-btn {
display: table-cell !important
}
.hidden {
display: none !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important
}
.nobr {
white-space: nowrap !important
}
.wrap {
white-space: normal !important
}
.a-left {
text-align: left !important
}
.a-center {
text-align: center !important
}
.a-right {
text-align: right !important
}
.v-top {
vertical-align: top
}
.v-middle {
vertical-align: middle
}
.f-left,
.left {
float: left !important
}
.f-right,
.right {
float: right !important
}
.f-none {
float: none !important
}
.f-fix {
float: left;
width: 100%
}
.no-display {
display: none
}
.no-margin {
margin: 0 !important
}
.no-padding {
padding: 0 !important
}
.no-bg {
background: 0 0 !important
}
@-ms-viewport {
width: device-width
}
.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-print,
.visible-print-block,
.visible-print-inline,
.visible-print-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
display: none !important
}
@media (max-width:767px) {
.visible-xs {
display: block !important
}
table.visible-xs {
display: table
}
tr.visible-xs {
display: table-row !important
}
td.visible-xs,
th.visible-xs {
display: table-cell !important
}
}
@media (max-width:767px) {
.visible-xs-block {
display: block !important
}
}
@media (max-width:767px) {
.visible-xs-inline {
display: inline !important
}
}
@media (max-width:767px) {
.visible-xs-inline-block {
display: inline-block !important
}
}
@media (min-width:768px) and (max-width:991px) {
.visible-sm {
display: block !important
}
table.visible-sm {
display: table
}
tr.visible-sm {
display: table-row !important
}
td.visible-sm,
th.visible-sm {
display: table-cell !important
}
}
@media (min-width:768px) and (max-width:991px) {
.visible-sm-block {
display: block !important
}
}
@media (min-width:768px) and (max-width:991px) {
.visible-sm-inline {
display: inline !important
}
}
@media (min-width:768px) and (max-width:991px) {
.visible-sm-inline-block {
display: inline-block !important
}
}
@media (min-width:992px) and (max-width:1199px) {
.visible-md {
display: block !important
}
table.visible-md {
display: table
}
tr.visible-md {
display: table-row !important
}
td.visible-md,
th.visible-md {
display: table-cell !important
}
}
@media (min-width:992px) and (max-width:1199px) {
.visible-md-block {
display: block !important
}
}
@media (min-width:992px) and (max-width:1199px) {
.visible-md-inline {
display: inline !important
}
}
@media (min-width:992px) and (max-width:1199px) {
.visible-md-inline-block {
display: inline-block !important
}
}
@media (min-width:1200px) {
.visible-lg {
display: block !important
}
table.visible-lg {
display: table
}
tr.visible-lg {
display: table-row !important
}
td.visible-lg,
th.visible-lg {
display: table-cell !important
}
}
@media (min-width:1200px) {
.visible-lg-block {
display: block !important
}
}
@media (min-width:1200px) {
.visible-lg-inline {
display: inline !important
}
}
@media (min-width:1200px) {
.visible-lg-inline-block {
display: inline-block !important
}
}
@media (max-width:767px) {
.hidden-xs {
display: none !important
}
}
@media (min-width:768px) and (max-width:991px) {
.hidden-sm {
display: none !important
}
}
@media (min-width:992px) and (max-width:1199px) {
.hidden-md {
display: none !important
}
}
@media (min-width:1200px) {
.hidden-lg {
display: none !important
}
}
@media print {
.visible-print {
display: block !important
}
table.visible-print {
display: table
}
tr.visible-print {
display: table-row !important
}
td.visible-print,
th.visible-print {
display: table-cell !important
}
}
@media print {
.visible-print-block {
display: block !important
}
}
@media print {
.visible-print-inline {
display: inline !important
}
}
@media print {
.visible-print-inline-block {
display: inline-block !important
}
}
@media print {
.hidden-print {
display: none !important
}
}
.street-address-additional-text {
display: none;
width: 100%;
position: relative;
background: #f0f0f0;
padding: 14px;
margin-bottom: 6px;
font-size: 12px;
color: #333
}
.street-address-additional-text:before {
content: "";
position: absolute;
top: -10px;
left: 25px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #f0f0f0 transparent
}
.validation-advice {
font-size: 12px;
font-weight: normal;
position: relative;
padding-left: 14px;
color: #f00
}
.validation-advice:before,
.validation-advice:after {
position: absolute;
top: 3px;
content: ''
}
.validation-advice:before {
left: 0;
width: 6px;
height: 6px;
border-style: none solid solid none;
border-color: transparent #f00 #f00 transparent;
border-width: 0 2px 2px 0;
transform: rotate(-135deg)
}
.validation-advice:after {
left: 2px;
width: 2px;
height: 12px;
background: #f00
}
#checkout-review-submit p.small {
display: inline-block;
width: 100%;
text-align: left;
font-size: 13px;
font-weight: normal;
line-height: normal;
padding-top: 10px
}
#co-payment-form .sp-methods dt .paymentTooltip {
display: none
}
#co-payment-form .sp-methods dt {
padding: 0
}
#co-payment-form .sp-methods dt,
#co-payment-form .sp-methods dt ul li {
display: inline-block;
width: 100%;
position: relative;
margin: 0 0 18px 0
}
#co-payment-form .sp-methods dt ul li:last-of-type {
margin-bottom: 0
}
#co-payment-form .sp-methods dt input {
float: left;
margin: 0 8px 0 0
}
#co-payment-form .sp-methods dt label {
float: left;
min-width: 50%;
max-width: 50%
}
#co-payment-form .sp-methods dt span {
font-weight: normal
}
#co-payment-form .sp-methods dt img {
width: 80px;
height: auto
}
#co-payment-form .sp-methods dt ul {
margin-bottom: 0
}
#co-payment-form .sp-methods dt label {
margin-left: 6px
}
#co-payment-form .sp-methods dt.item-adyen_cc img {
width: 132px;
margin-right: -132px
}
#co-payment-form .sp-methods dt[class*="adyen"] img {
width: 60px;
margin-right: -60px
}
#co-payment-form .sp-methods dt.item-adyen_cc img {
width: 132px;
margin-right: -132px
}
#co-payment-form .sp-methods dt.item-adyen_hpp_giropay img {
margin-top: -7px
}
#co-payment-form .sp-methods dt.item-adyen_hpp_eps img,
#co-payment-form .sp-methods dt.item-adyen_hpp_directEbanking img {
width: 65px
}
#co-payment-form .sp-methods dt.item-adyen_hpp_safetypay img {
margin-top: -6px
}
#co-payment-form .sp-methods dt.item-adyen_hpp_directEbanking img {
margin-right: -56px;
margin-top: -9px
}
#co-payment-form .sp-methods dt.item-adyen_hpp_klarna img {
margin-right: -51px;
margin-top: -10px;
width: 55px
}
#co-payment-form .sp-methods dt.item-adyen_hpp_cartebancaire img {
width: 46px;
margin-right: -46px;
margin-top: -4px
}
#co-payment-form .sp-methods dt.item-adyen_hpp_multibanco img {
width: 48px;
margin-top: -7px;
margin-right: -40px
}
#co-payment-form .sp-methods dt.item-adyen_hpp_dotpay img,
#co-payment-form .sp-methods dt.item-adyen_hpp_eps img {
margin-top: -8px
}
#co-payment-form .sp-methods dt.item-payu_card img {
width: 124px
}
.container.cart.opc.slimjoy_fr #co-payment-form .sp-methods dt.item-adyen_cc img,
.container.cart.opc.tummyteatox_fr #co-payment-form .sp-methods dt.item-adyen_cc img {
content: url("../../skin/frontend/base/default/images/adyen/creditcard-fr.png");
width: 160px;
margin-right: -160px
}
#co-payment-form .sp-methods dd:not([id*="adyen"]) {
display: none
}
#co-payment-form .sp-methods dd[id*="adyen"]>ul {
margin-bottom: 20px
}
#co-payment-form .sp-methods dd .available-payments li {
display: inline-block;
padding: 3px 5px
}
#co-payment-form .sp-methods dd .available-payments li img {
height: 22px;
width: auto
}
#co-payment-form .sp-methods dd img,
#co-payment-form .sp-methods dt img {
image-rendering: -webkit-optimize-contrast
}
#co-payment-form .sp-methods dd #payment_form_adyen_cc {
padding: 10px 20px;
box-sizing: border-box;
background: #e8ecec;
position: relative
}
#co-payment-form .sp-methods dd #payment_form_adyen_cc:before {
position: absolute;
top: -12px;
left: 10px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 20px 20px 20px;
border-color: transparent transparent #e8ecec transparent;
content: ""
}
#co-payment-form .sp-methods dd #payment_form_adyen_cc li.adyen_payment_creditcard_labels {
margin: 18px 0
}
#co-payment-form .sp-methods dd #payment_form_adyen_cc li.adyen_payment_creditcard_labels img {
margin-bottom: 6px;
width: auto
}
#co-payment-form .sp-methods dd #payment_form_adyen_cc li select {
margin-bottom: 10px;
height: 40px;
line-height: 40px
}
#co-payment-form .sp-methods dd #payment_form_adyen_cc li.adyen_payment_input_fields .input-box {
display: inline-block;
width: 100%
}
#co-payment-form .sp-methods dd #payment_form_adyen_cc li.adyen_payment_input_fields .input-box input {
margin-bottom: 0
}
#co-payment-form .sp-methods dd #payment_form_adyen_cc li.adyen_payment_input_fields .input-box .v-fix {
margin-right: 6px
}
#co-payment-form .sp-methods dd #payment_form_adyen_cc li.adyen_payment_input_fields .input-box .cvv-what-is-this2 {
margin: 6px 0 0 6px;
display: inline-block
}
#co-payment-form .sp-methods dd #payment_form_adyen_cc li.adyen_payment_input_fields label {
padding-bottom: 6px
}
#co-payment-form .sp-methods dd #payment_form_adyen_cc li#adyen-cc-remember-these-details input {
float: left;
margin-right: 4px
}
#co-payment-form .sp-methods dd #payment_form_adyen_cc li#adyen-cc-remember-these-details label em {
padding-right: 4px
}
#cart-main .row li {
list-style: none
}
@media only screen and (min-width:1100px) {
#co-payment-form .sp-methods dd #payment_form_adyen_cc li.adyen_payment_input_fields_cc_number,
#co-payment-form .sp-methods dd #payment_form_adyen_cc li.adyen_payment_input_fields_cc_name {
width: 47%;
float: left;
clear: none;
margin-bottom: 6px
}
#co-payment-form .sp-methods dd #payment_form_adyen_cc li.adyen_payment_input_fields_cc_number {
margin-right: 6%
}
}
@media only screen and (min-width:768px) {
#co-payment-form .sp-methods dt img {
position: absolute;
top: 0;
right: 50%;
margin-right: -80px
}
#co-payment-form .sp-methods dt.item-payu_card img {
margin-right: -124px
}
#co-payment-form .sp-methods dt.item-payu_account img {
top: -8px
}
}
@media only screen and (max-width:992px) {
#co-payment-form .sp-methods dt label {
width: 70%;
max-width: 70%;
margin-top: -2px
}
}
@media only screen and (max-width:768px) {
#co-payment-form .sp-methods dt label {
width: 60%;
max-width: 60%;
min-width: 0
}
#co-payment-form .sp-methods dt img {
float: right;
margin: 0 !important;
width: auto !important;
max-height: 30px
}
#co-payment-form .sp-methods dt.item-adyen_hpp_safetypay img {
max-height: 50px
}
#co-payment-form .sp-methods dt.item-payu_card img {
width: 40%
}
#co-payment-form .sp-methods dd .available-payments li img {
height: 26px
}
}
@media only screen and (max-width:480px) {
#co-payment-form .sp-methods dt img {
float: left;
margin-top: 16px !important;
clear: both
}
#co-payment-form .sp-methods dt.item-payu_card img {
width: 50%
}
#co-payment-form .sp-methods dt img {
max-height: none !important
}
#co-payment-form .sp-methods dt:not([class*="item-adyen_cc"]) img {
max-width: 70px !important;
width: 100% !important
}
#co-payment-form .sp-methods dt.item-adyen_hpp_multibanco img {
margin-left: -14px !important
}
#co-payment-form .sp-methods dt.item-adyen_hpp_eps img,
#co-payment-form .sp-methods dt.item-adyen_hpp_directEbanking img {
margin-left: -8px !important
}
#co-payment-form .sp-methods dt.item-adyen_hpp_klarna img {
width: auto !important;
margin-left: -4px !important
}
}
#checkoutSteps #checkout-shipping-method-load .sp-methods dd ul li {
display: inline-block;
width: 100%;
margin-right: 6px
}
#checkoutSteps #checkout-shipping-method-load .sp-methods dd ul li input {
float: left
}
#checkoutSteps #checkout-shipping-method-load .sp-methods dd ul li label {
float: left;
width: 60%
}
#checkoutSteps #checkout-shipping-method-load .sp-methods dd ul li label.price {
float: right;
width: 30%;
text-align: right;
font-weight: 700
}
#checkoutSteps #checkout-shipping-method-load p.info,
#checkout-step-payment p.info {
text-align: left;
font-size: 12px;
background: #e8ecec;
color: #000;
padding: 12px;
margin-bottom: 20px
}
#checkoutSteps #checkout-shipping-method-load p.info:before,
#checkout-step-payment p.info:before {
content: "i";
font-family: "cursive", sans-serif;
font-size: 12px;
font-weight: bold;
color: #fff;
background: #4b8fc1;
width: 14px;
height: 14px;
line-height: 14px;
border-radius: 50%;
display: inline-block;
text-align: center;
margin: 1px 5px 0 0;
vertical-align: top
}
#footer-disclaimer {
border-top: 1px solid #e0e0e0;
margin: 0;
padding: 20px 20px 4px 20px;
text-align: center;
display: inline-block;
width: 100%;
font-weight: normal;
font-size: 14px
}
#footer-disclaimer p {
font-size: 14px
}
#footer-disclaimer span {
font-size: 11px;
display: block;
padding-top: 4px;
opacity: 0.7
}
html[lang="de"] .product_widget_ttt .price span.price:before,
html[lang="de"] .regular-price .price:before,
html[lang="de"] .special-price .price:before,
html[lang="de"] #pwAjaxCart .current span:before,
html[lang="de"] #pwCartPage .current:before,
html[lang="de"] body[class*="checkout"] span.price:before {
content: "*";
padding-right: 2px
}
html[lang="de"] body[class*="checkout"] #checkout-review-load .cc-totals-calculation .row:last-of-type:after {
content: "inkl. MwSt.,zzgl. Versandkosten";
display: block;
font-size: 11px;
font-weight: normal;
text-align: right;
padding: 6px 14px 0 0
}
html[lang="sk"] body[class*="checkout-cart-index"] .row.cc-totals .cc-totals-body .row.summary-total,
html[lang="sk"] body[class*="firecheckout-index-index"] .step-summary .data-table .row.summary-total {
display: none
}
body[class*="checkout"] .cc-totals .cart-edit a {
font-size: 13px
}
@media (max-width:480px) {
.catalog-product-view .product-view.isBundle .ttt-product-top .ttt-product-top-bg {
background-size: auto 360px
}
.catalog-product-view .product-view.isBundle .col-sm-4.ttt-product-top-info {
margin-top: 350px
}
#productImgWrapper>img {
max-height: 200px;
display: block;
margin: 0 auto
}
#productImgWrapper>iframe {
display: block;
margin: 0 auto
}
}
@media (min-width:992px) {
body:not(.theme-tummyteatox) #sj_prod.product-view.fixWideImg .productImg {
margin-top: 25% !important
}
}
.catalog-product-view .product-view .promoPoints:not(.noPadding) {
padding-left: 15px;
padding-right: 15px
}
.catalog-product-view .product-view .promoPoints>div {
position: relative;
display: inline-block;
width: 100%;
padding-left: 40px;
font-size: 12px;
margin-bottom: 12px;
font-weight: normal
}
.catalog-product-view .product-view .promoPoints>div:first-of-type {
margin-top: 12px
}
.catalog-product-view .product-view .promoPoints>div:last-of-type {
margin-bottom: 0
}
.catalog-product-view .product-view .promoPoints.white>div {
color: #fff
}
.catalog-product-view .product-view .promoPoints>div:before {
position: absolute;
left: 0;
content: "";
float: left;
vertical-align: middle;
background-repeat: no-repeat;
background-position: top left;
width: 40px;
height: 22px;
image-rendering: -webkit-optimize-contrast
}
.catalog-product-view .product-view .promoPoints .guarantee:before {
background-image: url("../img/cart_ico3.png")
}
.catalog-product-view .product-view .promoPoints.white .guarantee:before {
background-image: url("../img/cart_ico3-white.png")
}
.catalog-product-view .product-view .promoPoints .delivery:before {
background-image: url("../img/cart_ico2.png");
background-size: 74%
}
.catalog-product-view .product-view .promoPoints.white .delivery:before {
background-image: url("../img/cart_ico2-white.png")
}
.catalog-product-view .product-view .promoPoints .phone:before {
background-image: url("../img/telephone.png")
}
.catalog-product-view .product-view .promoPoints.white .phone:before {
background-image: url("../img/telephone-white.png")
}
#pwCartPage {
display: inline-block;
width: 100%;
color: #444
}
#pwCartPage>* {
position: relative
}
#pwCartPage>.image {
width: 40%;
float: left;
z-index: 2
}
#pwCartPage>.image img {
width: 100%
}
#pwCartPage>.image .discount {
position: absolute;
top: 0;
left: -20px;
width: 60px;
height: 60px;
line-height: 60px;
font-weight: 700;
color: #fff;
font-size: 18px;
text-align: center;
border-radius: 50%
}
#pwCartPage>.content {
width: 60%;
float: right;
padding-left: 20px;
z-index: 1
}
#pwCartPage .title {
text-transform: uppercase;
font-size: 18px;
font-weight: 700;
padding-bottom: 20px
}
#pwCartPage .name {
font-weight: normal;
font-size: 14px;
padding-bottom: 6px
}
#pwCartPage .desc {
font-size: 14px
}
#pwCartPage .desc strong {
font-weight: bold
}
#pwCartPage .price {
display: inline-block;
margin-top: 14px
}
#pwCartPage .current {
font-size: 18px;
font-weight: 700
}
#pwCartPage .old {
font-size: 14px;
margin-left: 20px
}
#pwCartPage .productAddToCart {
margin-top: 20px;
display: inline-block;
width: 100%
}
#pwCartPage button.button span {
padding: 0;
height: auto
}
@media (max-width:480px) {
#pwCartPage>.image,
#pwCartPage>.content {
width: 100%
}
}
@media (max-width:991px) {
.checkout-onepage-index #checkout-review-load .cc-totals-calculation .col-md-3 {
text-align: left
}
}
@media (min-width:992px) {
html[lang="pl"] .checkout-onepage-index #checkout-review-load .cc-totals-calculation .col-md-9,
html[lang="ru"] .checkout-onepage-index #checkout-review-load .cc-totals-calculation .col-md-9,
html[lang="pl"] .checkout-onepage-index #checkout-review-load .cc-totals-calculation .col-md-3,
html[lang="ru"] .checkout-onepage-index #checkout-review-load .cc-totals-calculation .col-md-3 {
width: 50%
}
html[lang="pl"] .ttt-footer-top .row>div p img,
html[lang="ru"] .ttt-footer-top .row>div p img {
-webkit-transform: scale(0.85);
transform: scale(0.85)
}
html[lang="pl"] .ttt-footer-top .row>div p,
html[lang="ru"] .ttt-footer-top .row>div p {
font-size: 12px
}
}
body[class*="checkout"] .cc-totals div[class*="cc-totals"] .price {
float: right
}
body[class*="checkout"] .messages>li {
text-align: center;
font-weight: 700;
font-size: 13px;
max-width: 980px;
margin: 20px auto;
padding: 8px;
border: none;
outline: none;
position: relative
}
body[class*="checkout"] .messages>li.error-msg,
body[class*="checkout"] .messages>li.alert-danger {
background: #ec5b5b;
color: #fff
}
body[class*="checkout"] .messages>li.success-msg,
body[class*="checkout"] .messages>li.alert-success {
background: #64c1d6;
color: #fff
}
body[class*="checkout"] .messages>li ul>li:before {
content: '';
display: inline-block;
background: rgba(0, 0, 0, 0.2);
width: 20px;
height: 20px;
line-height: 20px;
border-radius: 50%;
margin-right: 8px;
vertical-align: top
}
body[class*="checkout"] .messages>li.error-msg ul>li:before,
body[class*="checkout"] .messages>li.alert-danger ul>li:before {
content: '!';
font-size: 10px
}
body[class*="checkout"] .messages>li.success-msg ul>li:before,
body[class*="checkout"] .messages>li.alert-success ul>li:before {
content: '?';
font-size: 10px
}
.ttt-header {
cursor: pointer
}
@media (min-width:1921px) {
.ttt-header {
background-size: contain !important
}
}
@media (min-width:768px) {
.trustmarkLogo {
position: absolute;
right: -82px
}
body[class*="theme-slimjoy"] .trustmarkLogo {
top: 11px
}
body[class*="theme-slimjoy"] .fixedHeader .trustmarkLogo {
top: 6px
}
body[class*="theme-tummy"] .trustmarkLogo {
top: -10px
}
body[class*="theme-undo"] .trustmarkLogo {
top: 16px
}
body[class*="theme-undo"] .fixedHeader .trustmarkLogo {
top: 22px
}
}
@media (max-width:767px) {
.trustmarkLogo {
position: fixed;
right: 0;
bottom: 80px;
z-index: 99;
background: #fff;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
padding: 6px 6px 2px 2px
}
}
#trustMarkSuccessBlock {
margin: 10px 10px 0 10px
}
@media (max-width:767px) {
#trustMarkSuccessBlock {
margin: 0 -10px -25px -10px
}
}
.smindTrustMark {
margin-top: 20px
}
.comodoSSL {
content: ''
}
.comodoSSL.small {
background: url("../img/comodo_s.png") 0 0 no-repeat;
width: 76px;
height: 26px
}
.comodoSSL.medium {
background: url("../img/comodo_m.png") 0 0 no-repeat;
width: 100px;
height: 60px;
margin-top: 10px
}
#sj_prod .sj_prod_row.signupForm {
padding-top: 0;
padding-bottom: 0
}
#sj_prod .sj_prod_row.signupForm [class*="webforms-"] ul {
margin: 0;
padding: 0
}
#sj_prod .sj_prod_row.signupForm [class*="webforms-"] .form-list label {
font-size: 12px
}
#sj_prod .sj_prod_row.signupForm [class*="webforms-"] .buttons-set {
margin: 0;
padding: 0;
border: none
}
#sj_prod .sj_prod_row.signupForm [class*="webforms-"] .buttons-set button {
font-size: 14px;
font-weight: 700;
color: #fff;
background: #64ba49;
border: none;
outline: none;
margin-bottom: 20px;
border: solid 2px #64ba49
}
#sj_prod .sj_prod_row.signupForm [class*="webforms-"] .buttons-set button:hover {
color: #64ba49;
background: #fff
}
#sj_prod .sj_prod_row.signupForm [class*="webforms-"] .buttons-set .required,
#sj_prod .sj_prod_row.signupForm .small {
font-size: 12px
}
#sj_prod .sj_prod_row.signupForm .col-md-12 {
margin-top: 0
}
#sj_prod .sj_prod_row.signupForm .col-md-12>div {
width: 50%;
height: auto;
display: block;
box-sizing: border-box;
padding: 25px
}
#sj_prod .sj_prod_row.signupForm .col-md-12 .block-text {
background-color: #eee
}
#sj_prod .sj_prod_row.signupForm .col-md-12 .block-text p.green {
font-weight: 700;
color: #64ba49
}
#sj_prod .sj_prod_row.signupForm .block_left .block-image {
float: left
}
#sj_prod .sj_prod_row.signupForm .block_left .block-text {
float: right
}
#sj_prod .sj_prod_row.signupForm .block_right .block-image {
float: right
}
#sj_prod .sj_prod_row.signupForm .block_right .block-text {
float: left
}
#sj_prod .sj_prod_row.signupForm .block-image {
text-align: center
}
#sj_prod .sj_v3 .sj_prod_row.signupForm {
text-align: center;
border-bottom: solid 1px #ccc
}
#sj_prod .sj_v3 .sj_prod_row.signupForm .col-md-12 .block-text {
background: #fff
}
#sj_prod .sj_v3 .sj_prod_row.signupForm h3 {
font-size: 30px
}
#sj_prod .sj_v3 .sj_prod_row.signupForm h3 strong {
font-weight: 300
}
#sj_prod .sj_v3 .sj_prod_row.signupForm p:not(.small) {
font-size: 20px
}
#sj_prod .sj_v3 .sj_prod_row.signupForm [class*="webforms-"] .buttons-set button {
width: 100%;
font-size: 18px;
text-transform: uppercase;
padding: 14px 0
}
@media (max-width:767px) {
#sj_prod .sj_prod_row.signupForm .col-md-12>div {
width: 100%
}
}
footer {
position: relative
}
.floater.add-to-cart {
text-align: center;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease
}
.floater.add-to-cart.fixIt {
position: fixed;
bottom: 20px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
margin: auto;
z-index: 9999;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease
}
.floater.add-to-cart.fixIt.hideIt {
opacity: 0;
visibility: hidden;
pointer-events: none
}
.floater.add-to-cart.squeezeIn {
margin-bottom: 20px
}
.floater.add-to-cart button.button.btn-cart {
background-color: #ec0043;
border: 2px solid #ec0043;
padding: 8px 30px 8px 34px
}
.floater.add-to-cart button.button.btn-cart:hover {
background-color: #fff;
border-color: #64ba49
}
.floater.add-to-cart button.button.btn-cart span span {
color: #fff;
font-size: 20px;
font-weight: 700;
text-transform: uppercase
}
.floater.add-to-cart button.button.btn-cart:hover span span {
color: #64ba49
}
.floater.add-to-cart button.button.btn-cart>span:after {
background-image: url("../img/cart_iconh.png");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 22px;
height: 22px;
content: "";
display: inline-block;
vertical-align: middle;
margin: -6px 0 0 8px
}
.floater.add-to-cart button.button.btn-cart:hover>span:after {
background-image: url("../img/cart_icon.png")
}
@media (min-width:481px) {
.floater.add-to-cart button.button.btn-cart em:after {
content: ' -'
}
}
@media (max-width:480px) {
.floater.add-to-cart.fixIt {
width: 100%;
bottom: 0;
left: 0;
right: 0;
text-align: center;
margin: auto !important;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0)
}
.floater.add-to-cart.fixIt button {
width: 100%
}
.floater.add-to-cart button.button.btn-cart span span {
font-size: 14px;
white-space: normal
}
.floater.add-to-cart button.button.btn-cart>span:after {
background-size: 90%;
margin-top: -2px
}
.floater.add-to-cart button.button.btn-cart em {
display: block
}
body.catalog-product-view:not(.theme-avenobo_v2) .add-to-cart .qty-wrapper {
width: 100%
}
body.catalog-product-view:not(.theme-avenobo_v2) .add-to-cart .qty-wrapper input[class*="cart-quantity"] {
width: 30%;
height: 32px;
line-height: 32px;
font-size: 28px;
min-height: unset;
max-width: unset
}
body.catalog-product-view:not(.theme-avenobo_v2) .add-to-cart .qty-wrapper input.qty {
width: 30%;
margin: 0 5%;
max-width: unset;
font-size: 20px;
height: 32px;
line-height: 32px;
min-height: unset
}
}
.gdprMain .loader.active .spinner {
border-top-color: #64ba49
}
body[class*="cms-page-view"] .termsConditions {
max-width: 1170px;
margin: 30px auto
}
body[class*="cms-page-view"] .termsConditions>.container,
body[class*="cms-page-view"] .termsConditions>.container>.row,
body[class*="cms-page-view"] .termsConditions>.container>.row div[class*="offset-2"],
body[class*="cms-page-view"] .termsConditions>.container>.row div[class*="offset-8"] {
width: 100%;
margin: 0;
padding: 0
}
body[class*="cms-page-view"] .termsConditions table,
body[class*="cms-page-view"] .termsConditions table td {
border: solid 1px #ccc
}
body[class*="cms-page-view"] .termsConditions table td {
padding: 16px
}
@media (max-width:1169px) {
body[class*="cms-page-view"] .termsConditions {
padding-left: 15px;
padding-right: 15px
}
}
.dpo-page {
display: block;
max-width: 640px;
margin: 30px auto
}
.dpo-page h2,
.dpo-page p {
text-align: center
}
.dpo-page .webforms-sensi li {
list-style: none
}
.dpo-page .webforms-sensi .form-list {
padding: 0
}
.dpo-page .webforms-sensi .form-list .fields .field {
margin-bottom: 20px;
float: left;
padding: 0
}
.dpo-page .webforms-sensi .form-list .fields:not(.wide) .field {
width: 47%
}
.dpo-page .webforms-sensi .form-list .fields:not(.wide)>.field:first-of-type {
margin-right: 6%
}
.dpo-page .webforms-sensi .input-box input[type="radio"] {
display: none
}
.dpo-page .webforms-sensi .input-box input {
background: #fff
}
.dpo-page .webforms-sensi .type-select-radio .list-select {
padding-left: 0 !important
}
.dpo-page .webforms-sensi .type-select-radio>label {
background: #f2f2f2;
width: 100%;
padding: 8px 30px 8px 8px;
position: relative;
cursor: pointer
}
.dpo-page .webforms-sensi .type-select-radio>label:hover,
.dpo-page .webforms-sensi .type-select-radio>label.active {
background: #ddd
}
.dpo-page .webforms-sensi .type-select-radio>label:after {
content: '';
position: absolute;
top: 11px;
right: 14px;
width: 10px;
height: 10px;
border-style: none solid solid none;
border-width: 0 2px 2px 0;
border-color: transparent #333 #333 transparent;
transform: rotate(45deg);
transition: all .2s ease
}
.dpo-page .webforms-sensi .type-select-radio>label.active:after {
transform: rotate(-135deg);
margin-top: 6px
}
.dpo-page .webforms-sensi .type-select-radio>.input-box {
max-height: 0;
overflow: hidden;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: all 0.8s ease
}
.dpo-page .webforms-sensi .type-select-radio>.input-box.visible {
overflow: visible;
opacity: 1;
visibility: visible;
pointer-events: auto
}
.dpo-page .webforms-sensi .type-select-radio .list-select label.styled {
position: relative;
padding-left: 30px;
cursor: pointer
}
.dpo-page .webforms-sensi .type-select-radio .list-select label.styled:before,
.dpo-page .webforms-sensi .type-select-radio .list-select label.styled:after {
content: '';
position: absolute;
border-radius: 50%;
transition: all .2s ease
}
.dpo-page .webforms-sensi .type-select-radio .list-select label.styled:before {
top: 0;
left: 0;
width: 18px;
height: 18px;
background: #fff;
border: solid 1px #bbb
}
.dpo-page .webforms-sensi .type-select-radio .list-select input:checked+label.styled:before {
background: #64ba49;
border-color: #64ba49
}
.dpo-page .webforms-sensi .type-select-radio .list-select label.styled:after {
top: 5px;
left: 5px;
width: 8px;
height: 8px;
background: #fff
}
.dpo-page .webforms-sensi .type-select-radio .list-select input:checked+label.styled:after {
opacity: 1;
visibility: visible
}
.dpo-page .webforms-sensi .buttons-set {
border: none;
margin: 0;
line-height: normal
}
.dpo-page .webforms-sensi .buttons-set p.required {
font-size: 12px
}
.dpo-page .webforms-sensi .buttons-set button.button {
float: none;
display: block;
margin: auto;
border: none;
outline: none;
padding: 10px 20px;
font-weight: 700;
text-transform: uppercase
}
.dpo-page .webforms-sensi .buttons-set button.button span {
color: #fff
}
.dpo-page .webforms-sensi .buttons-set button.button:hover {
opacity: .7
}
.dpo-page .webforms-success-text p {
font-size: 18px
}
body[class*="theme-slimjoy"] .dpo-page .webforms-sensi .buttons-set button.button {
background: #64ba49
}
body[class*="theme-undo"] .dpo-page .webforms-sensi .buttons-set button.button {
background: #6c655a
}
body[class*="theme-tummyteatox"] .dpo-page .webforms-sensi .buttons-set button.button {
background: #eb9185
}
body[class*="theme-coreone"] .dpo-page .webforms-sensi .buttons-set button.button {
background: #1a9ddc
}
body[class*="theme-powgen"] .dpo-page .webforms-sensi .buttons-set button.button {
background: #ff5c00
}
body[class*="theme-brilliant"] .dpo-page .webforms-sensi .buttons-set button.button {
background: #333
}
body[class*="theme-teethtox"] .dpo-page .webforms-sensi .buttons-set button.button {
background: #00AEEF
}
body[class*="customer-account-create"] form .buttons-set {
margin-top: 20px
}
html.with-featherlight body {
overflow: hidden
}
.ttt-nav h1.logo-image img {
image-rendering: -webkit-optimize-contrast;
max-height:
}
#topBanner {
position: relative;
width: 100%;
background: #ccc;
text-align: center;
color: #fff;
box-sizing: border-box;
display: none
}
body[class*="theme-slimjoy"] #topBanner {
background: #64ba49
}
body[class*="theme-tummy"] #topBanner {
background: #ea7d6f
}
body[class*="theme-coreone"] #topBanner {
background: #ff5c00;
padding-top: 50px
}
body[class*="theme-undo"] #topBanner {
background: #958771
}
body[class*="theme-undo_v2"] #topBanner {
background: #59AB7A
}
#topBanner p {
padding: 8px
}
#topBanner img {
width: 100%
}
@media (min-width:481px) {
#topBanner img.mobile {
display: none
}
}
@media (max-width:480px) {
#topBanner img:not(.mobile) {
display: none
}
}
#topBanner p,
#topBanner .closeTopBanner.cta {
display: inline-block;
vertical-align: text-bottom
}
#topBanner p {
font-size: 24px;
margin: 0 26px 0 0
}
#topBanner .closeTopBanner.cta {
font-size: 14px;
color: #fff;
text-transform: uppercase;
background: #444;
border-radius: 4px;
border: none;
padding: 6px 30px;
margin-left: 26px;
transition: all .2s ease
}
#topBanner .closeTopBanner.cta:hover {
background: #fff;
color: #444;
text-decoration: none
}
#topBanner .closeTopBanner.cta:before,
#topBanner .closeTopBanner.cta:after {
content: "";
display: inline-block;
width: 0;
height: 0;
border-style: solid;
vertical-align: middle;
margin-top: -2px;
animation-delay: 0;
animation-iteration-count: infinite;
animation-direction: forwards;
animation-duration: 1s
}
#topBanner .closeTopBanner.cta:before {
border-width: 7px 0 7px 10px;
border-color: transparent transparent transparent #fff;
margin-right: 10px;
animation-name: topBanner_ctaLeftArrow
}
#topBanner .closeTopBanner.cta:after {
border-width: 7px 10px 7px 0;
border-color: transparent #fff transparent transparent;
margin-left: 10px;
animation-name: topBanner_ctaRightArrow
}
@keyframes topBanner_ctaLeftArrow {
0% {
opacity: 0;
transform: translateX(-40px)
}
80% {
opacity: 1;
transform: translateX(0)
}
100% {
opacity: 0
}
}
@keyframes topBanner_ctaRightArrow {
0% {
opacity: 0;
transform: translateX(40px)
}
80% {
opacity: 1;
transform: translateX(0)
}
100% {
opacity: 0
}
}
#topBanner .closeTopBanner.icon {
position: absolute;
top: 50%;
right: 10px;
content: "";
border: solid 1px #fff;
width: 20px;
height: 20px;
margin-top: -10px;
opacity: .8;
transition: all .2s ease;
cursor: pointer
}
#topBanner .closeTopBanner.icon:hover {
opacity: 1
}
#topBanner .closeTopBanner.icon:before,
#topBanner .closeTopBanner.icon:after {
position: absolute;
top: 0;
left: 50%;
margin-left: -1px;
content: "";
width: 2px;
height: 100%;
background: #fff
}
#topBanner .closeTopBanner.icon:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
#topBanner .closeTopBanner.icon:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
@media (max-width:480px) {
body[class*="theme-coreone"] #topBanner {
padding-top: 14px
}
#topBanner p,
#topBanner .closeTopBanner.cta {
margin-left: 0;
margin-right: 0
}
#topBanner p {
display: block;
font-size: 18px;
padding: 0 20px
}
#topBanner .closeTopBanner.cta {
margin-top: 10px;
font-size: 12px
}
#topBanner .closeTopBanner.icon {
float: none;
display: none;
margin: 13px 0 0 10px;
vertical-align: top;
width: 20px;
height: 20px;
position: absolute;
top: 2px;
right: 10px
}
}
.inlineWebform_popup {
display: block;
width: 100%;
margin: 30px auto;
text-align: center;
box-sizing: border-box
}
body:not([class*="home"]) .inlineWebform_popup {
border: solid 8px #333;
padding: 20px
}
.inlineWebform_popup h3,
.blog_content .blog_content_article .inlineWebform_popup h3 {
font-size: 18px;
font-weight: 800;
text-align: center;
padding: 0;
margin: 0 0 20px 0
}
.inlineWebform_popup h3:before {
display: block;
content: '';
width: 40px;
height: 40px;
background: url("../img/book.svg") no-repeat 100% 100%;
margin: 0 auto 10px auto
}
@supports (mask:url()) {
body[class*="theme-slimjoy"] .inlineWebform_popup h3:before {
background: #64ba49
}
body[class*="theme-tummy"] .inlineWebform_popup h3:before {
background: #ea7d6f
}
.inlineWebform_popup h3:before {
-webkit-mask: url("../img/book.svg") center / contain no-repeat;
mask: url("../img/book.svg") center / contain no-repeat
}
}
.inlineWebform_popup button[data-featherlight],
#inlineWebform_popup_form .webforms-sensi .buttons-set button.button {
display: inline-block;
font-size: 14px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
background: #333;
padding: 6px 20px;
border: solid 4px #333
}
body[class*="home"] .inlineWebform_popup button[data-featherlight] {
width: 80%;
font-size: 24px;
padding-top: 14px;
padding-bottom: 14px
}
.inlineWebform_popup button[data-featherlight]:hover,
#inlineWebform_popup_form .webforms-sensi .buttons-set button.button:hover {
background: transparent !important
}
body[class*="theme-slimjoy"] .inlineWebform_popup,
body[class*="theme-slimjoy"] .inlineWebform_popup button[data-featherlight],
body[class*="theme-slimjoy"] #inlineWebform_popup_form .webforms-sensi .buttons-set button.button {
border-color: #64ba49
}
body[class*="theme-slimjoy"] .inlineWebform_popup button[data-featherlight]:hover,
body[class*="theme-slimjoy"] #inlineWebform_popup_form .webforms-sensi .buttons-set button.button:hover {
color: #64ba49
}
body[class*="theme-slimjoy"] .inlineWebform_popup button[data-featherlight],
body[class*="theme-slimjoy"] #inlineWebform_popup_form .webforms-sensi .buttons-set button.button {
background: #64ba49
}
body[class*="theme-tummy"] .inlineWebform_popup,
body[class*="theme-tummy"] .inlineWebform_popup button[data-featherlight],
body[class*="theme-tummy"] #inlineWebform_popup_form .webforms-sensi .buttons-set button.button {
border-color: #ea7d6f
}
body[class*="theme-tummy"] .inlineWebform_popup button[data-featherlight]:hover,
body[class*="theme-tummy"] #inlineWebform_popup_form .webforms-sensi .buttons-set button.button:hover {
color: #ea7d6f
}
body[class*="theme-tummy"] .inlineWebform_popup button[data-featherlight],
body[class*="theme-tummy"] #inlineWebform_popup_form .webforms-sensi .buttons-set button.button {
background: #ea7d6f
}
#inlineWebform_popup_form {
font-weight: normal
}
#inlineWebform_popup_form {
max-width: 420px
}
#inlineWebform_popup_form .webforms-sensi .std,
#inlineWebform_popup_form .webforms-success-text h3 {
text-align: center;
font-weight: 800;
padding: 0 0 20px 0;
margin: 0;
font-size: 16px
}
body[class*="theme-slimjoy"] #inlineWebform_popup_form .webforms-sensi .std,
body[class*="theme-slimjoy"] #inlineWebform_popup_form .webforms-success-text h3 {
color: #64ba49
}
body[class*="theme-tummy"] #inlineWebform_popup_form .webforms-sensi .std,
body[class*="theme-tummy"] #inlineWebform_popup_form .webforms-success-text h3 {
color: #ea7d6f
}
#inlineWebform_popup_form .webforms-success-text p {
text-align: center
}
#inlineWebform_popup_form .webforms-success-text p.small {
padding-top: 8px;
border-top: dashed 1px #ddd;
margin-top: 8px
}
#inlineWebform_popup_form .webforms-sensi div[id*="fieldset"] label {
display: none
}
#inlineWebform_popup_form .webforms-sensi div[id*="fieldset"] .validation-advice {
margin-top: 8px
}
#inlineWebform_popup_form .webforms-sensi .buttons-set {
margin-top: 0;
border: none
}
#inlineWebform_popup_form .webforms-sensi .buttons-set p.required {
float: left
}
#inlineWebform_popup_form .gdprWrap label,
#inlineWebform_popup_form .gdprWrap .privacy {
font-size: 12px
}
.container-fluid.ttt-signup .inlineWebform_popup.home {
max-width: unset;
border: none;
padding: 0
}
.container-fluid.ttt-signup .inlineWebform_popup.home button {
width: 80%;
padding-top: 14px;
padding-bottom: 14px;
font-size: 24px
}
@media (min-width:641px) {
body:not([class*="home"]) .inlineWebform_popup {
max-width: calc(100% * 0.6)
}
}
@media (max-width:480px) {
body[class*="home"] .inlineWebform_popup button[data-featherlight] {
width: 100%
}
}
#storesPage {
margin-bottom: 30px
}
#storesPage h1 {
text-align: center;
font-size: 42px;
text-transform: uppercase;
font-weight: 300;
margin: 40px 0
}
#storesPage .left,
#storesPage .right {
width: 50%;
box-sizing: border-box
}
#storesPage .left {
padding-right: 24px
}
#storesPage .right {
padding-left: 24px
}
#storesPage iframe {
width: 100%;
min-height: 400px
}
#storesPage .right h2 {
padding: 0 0 30px 0;
margin: 0;
text-transform: uppercase;
font-size: 38px
}
body[class*="theme-undo"] #storesPage .right h2 {
border-bottom: dashed 1px #958771;
margin-bottom: 30px
}
body[class*="theme-slimjoy"] #storesPage .right h2,
body[class*="theme-slimjoy"] #storesPage .right h3,
body[class*="theme-slimjoy"] #storesPage .right b {
color: #64ba49
}
body[class*="theme-tummy"] #storesPage .right h2,
body[class*="theme-tummy"] #storesPage .right h3,
body[class*="theme-tummy"] #storesPage .right b {
color: #eb9185
}
body[class*="theme-undo"] #storesPage .right h2,
body[class*="theme-undo"] #storesPage .right h3,
body[class*="theme-undo"] #storesPage .right b {
color: #958771
}
#storesPage .right h3 {
font-weight: 800
}
#storesAccordion {
margin-bottom: 50px
}
#storesAccordion .panel {
margin-bottom: 0;
border-radius: 0;
background: transparent;
border: none;
border-bottom: solid 1px #ccc;
box-shadow: none
}
#storesAccordion .panel+.panel {
background: transparent
}
#storesAccordion .panel-heading {
border: none;
border-radius: 0;
box-shadow: none;
outline: none;
padding: 0;
background: transparent
}
#storesAccordion .panel-heading h2 {
position: relative;
font-size: 24px;
font-weight: 300;
line-height: 48px;
text-transform: uppercase;
background: transparent;
padding: 10px 0;
margin: 0;
cursor: pointer;
user-select: none;
transition: all .2s ease
}
#storesAccordion .panel-heading h2[aria-expanded="true"] {
color: #fff;
font-weight: 800;
background: #999;
padding-left: 30px;
padding-right: 30px
}
body[class*="theme-slimjoy"] #storesAccordion .panel-heading h2[aria-expanded="true"] {
background: #64ba49
}
body[class*="theme-tummy"] #storesAccordion .panel-heading h2[aria-expanded="true"] {
background: #eb9185
}
body[class*="theme-undo"] #storesAccordion .panel-heading h2[aria-expanded="true"] {
background: #958771
}
body[class*="theme-undo_v2"] #storesAccordion .panel-heading h2[aria-expanded="true"] {
background: #59AB7A
}
#storesAccordion .panel-heading h2:before {
display: inline-block;
content: '';
width: 30px;
height: 30px;
background-repeat: no-repeat;
background-size: 18px 100%;
vertical-align: middle;
margin: -6px 10px 0 0
}
#storesAccordion .panel-heading h2[aria-expanded="true"]:before {
display: none
}
#storesAccordion .panel-heading h2:after {
position: absolute;
top: 10px;
right: 20px;
content: "+";
font-weight: 300;
font-size: 44px;
color: #333
}
#storesAccordion .panel-heading h2[aria-expanded="true"]:after {
top: -11px;
right: 23px;
content: '_';
font-size: 48px;
color: #fff
}
#storesAccordion .panel-content {
background: #fff
}
#storesAccordion .panel-body {
padding: 0
}
#storesAccordion .panel-body>div {
float: left
}
#storesAccordion .panel-body .data {
width: 40%;
padding: 30px
}
#storesAccordion .panel-body .data>div:not(.hours) {
margin-bottom: 18px;
position: relative
}
#storesAccordion .panel-body .data>div:not(.hours) .icon {
position: absolute;
top: 0;
left: 0
}
#storesAccordion .panel-body .data>div:not(.hours) {
vertical-align: top;
padding: 0 0 0 34px;
font-size: 16px;
line-height: normal;
margin: 0 0 18px 0;
background-repeat: no-repeat;
background-size: 18px 100%
}
#storesAccordion .panel-body .data>div.location,
#storesAccordion .panel-heading h2:before {
background-image: url("data:image/svg+xml;utf8,")
}
#storesAccordion .panel-body .data>div.phone {
background-image: url("data:image/svg+xml;utf8,");
margin-top: 2px
}
#storesAccordion .panel-body .data>div.email {
background-image: url("data:image/svg+xml;utf8,");
margin-top: 4px
}
#storesAccordion .panel-body .data>div.working {
background-image: url("data:image/svg+xml;utf8,")
}
#storesAccordion .panel-body .data>div.hours {
font-size: 14px;
padding-left: 35px
}
#storesAccordion .panel-body .data>div.hours .row {
margin-left: 0;
margin-right: 0
}
#storesAccordion .panel-body .data>div.hours .row:not(:last-of-type) {
margin-bottom: 6px
}
#storesAccordion .panel-body .data>div.hours .row span:first-of-type {
min-width: 40%;
float: left
}
#storesAccordion .panel-body .map {
width: 60%;
height: 420px
}
#storesAccordion .gmnoprint[title*="Sensilab"] {
opacity: 1 !important;
box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
border-radius: 50%
}
@media (max-width:767px) {
#storesAccordion .panel-heading h2 {
font-size: 18px
}
#storesAccordion .panel-body .data,
#storesAccordion .panel-body .map,
#storesPage .help>div {
width: 100%
}
#storesPage .help>div {
padding: 0
}
#storesPage .right h2 {
padding-top: 30px
}
}
body[class*="blog-sensi-1"] .blog-inner .col-md-11 .cmspro_news_summary p {
font-size: 16.8px
}
body[class*="blog-sensi-1"] .blog-inner .col-md-11 .blog_content {
width: 100%
}
body[class*="blog-sensi-1"] .blog-inner .col-md-11 .row *,
.blog-inner .col-md-11 .product-widget-block * {
box-sizing: border-box
}
body[class*="blog-sensi-1"] .blog-inner .col-md-11 .row {
display: inline-block;
width: 100%;
margin: 20px 0
}
body[class*="blog-sensi-1"] .blog-inner .col-md-11 .row div p {
padding-top: 0
}
body[class*="blog-sensi-1"] .blog-inner .col-md-11 .row div p:not(:last-of-type) {
padding-bottom: 10px
}
.blog-inner .col-md-11 .product-widget-block {
margin: 20px 0;
box-sizing: border-box
}
.blog-inner .col-md-11 .product-widget-block li {
height: auto !important;
margin: 0;
padding: 0;
width: 100%;
list-style: none;
min-height: 0
}
.blog-inner .col-md-11 .product-widget-block img {
width: 50%;
float: left
}
.blog-inner .col-md-11 .product-widget-block .product-widget-right {
margin: 0;
width: 50%;
float: right;
box-sizing: border-box;
padding-left: 10px
}
.blog-inner .col-md-11 .product-widget-block .product-widget-right .price-box {
padding-bottom: 10px
}
.blog-inner .col-md-11 .product-widget-block .product-widget-right .price-box>p {
display: inline-block
}
.blog-inner .col-md-11 .product-widget-block .product-widget-right .price-box .price {
font-size: 22px
}
.blog-inner .col-md-11 .product-widget-block .product-name {
padding: 0;
font-size: 26px
}
.blog-inner .col-md-11 .product-widget-block .one-liner {
width: 100%;
font-size: 14px;
line-height: normal;
color: #444
}
.blog-inner .col-md-11 .product-widget-block .moreInfo {
background: #ff7700;
color: #fff;
font-size: 14px;
font-weight: 800;
padding: 4px 20px;
margin-top: 20px
}
.blog-inner .col-md-11 .product-widget-block .moreInfo:hover {
background: #444
}
body[class*="blog-sensi-1"] .blog-inner .col-md-11 .col-left-cms {
width: 100%;
padding: 20px;
margin: 0;
box-sizing: border-box
}
body[class*="blog-sensi-1"] .blog-inner .col-md-11 .col-left-cms li {
float: left;
box-sizing: border-box
}
@media (min-width:768px) {
body[class*="blog-sensi-1"] .blog-inner .col-md-11 .row .left {
float: left
}
body[class*="blog-sensi-1"] .blog-inner .col-md-11 .row .right {
float: right
}
body[class*="blog-sensi-1"] .blog-inner .col-md-11 .row[data-image-position="left"] .left,
body[class*="blog-sensi-1"] .blog-inner .col-md-11 .row[data-image-position="right"] .right {
width: 35%
}
body[class*="blog-sensi-1"] .blog-inner .col-md-11 .row[data-image-position="left"] .right,
body[class*="blog-sensi-1"] .blog-inner .col-md-11 .row[data-image-position="right"] .left {
width: 65%
}
body[class*="blog-sensi-1"] .blog-inner .col-md-11 .row .left p {
padding-right: 30px
}
body[class*="blog-sensi-1"] .blog-inner .col-md-11 .row .right p {
padding-left: 30px
}
.blog-inner .col-md-11 .product-widget-block .moreInfo {
float: right
}
body[class*="blog-sensi-1"] .blog-inner .col-md-11 .col-left-cms li {
width: 22%
}
body[class*="blog-sensi-1"] .blog-inner .col-md-11 .col-left-cms li:not(:nth-child(4n)) {
margin-right: 4% !important
}
body[class*="blog-sensi-1"] .blog-inner .col-md-11 .col-left-cms li:nth-child(5n) {
clear: left
}
}
@media (max-width:767px) {
body[class*="blog-sensi-1"] .blog-inner .col-md-11 .row div p {
padding: 20px 0
}
body[class*="blog-sensi-1"] .blog-inner .col-md-11 .col-left-cms {
display: block
}
.blog-inner .col-md-11 .product-widget-block img,
.blog-inner .col-md-11 .product-widget-block .product-widget-right {
width: 100%
}
.blog-inner .col-md-11 .product-widget-block .moreInfo {
float: left;
clear: both;
width: 100%;
text-align: center
}
}
@media (max-width:767px) {
.tooltip .tooltiptext {
left: 0;
width: 100% !important
}
}
.cartExtraContent_1 {
display: inline-block;
width: 100%;
margin: 20px 0 0 0;
text-align: center
}
.cartExtraContent_1 p {
font-size: 16px;
background: #eee;
padding: 12px;
margin: 0
}
.cartExtraContent_1 a {
text-decoration: underline
}
.cartExtraContent_1 a:hover {
color: #333
}
section.container-phone-me {
text-align: center;
background: #fff
}
section.container-phone-me p {
margin: 0;
padding: 10px 0 8px 0;
font-size: 13px
}
section.container-phone-me.hasFlags:not(.checkout) p {
float: left
}
@media (max-width:640px) {
section.container-phone-me.hasWhatsApp:not(.checkout) p {
float: left
}
}
section.container-phone-me p strong a {
font-weight: 700
}
section.container-phone-me p:before {
display: none;
vertical-align: middle;
padding: 0;
margin: -4px 8px 0 0;
width: 14px;
height: 14px;
content: '';
background: url("data:image/svg+xml;utf8, ") 0 0 no-repeat;
background-size: 100%
}
@media (min-width:641px) {
section.container-phone-me.hasWhatsApp .header-whats-app {
display: none
}
}
@media (max-width:640px) {
section.container-phone-me.hasWhatsApp .header-whats-app {
float: right;
cursor: pointer
}
section.container-phone-me.hasWhatsApp .header-whats-app:hover {
opacity: .85
}
section.container-phone-me.hasWhatsApp .header-whats-app:before {
display: inline-block;
content: '';
margin-top: 2px;
width: 34px;
height: 34px;
background: url(../img/whats-app.png) 0 0 no-repeat;
background-size: 100%
}
}
body[class*="checkout-cart-index"] .item-options dt,
body[class*="checkout-cart-index"] .item-options dd {
display: inline-block
}
body[class*="checkout-cart-index"] .row.cc-totals .col-md-12 .row .col-md-9,
body[class*="checkout-cart-index"] .row.cc-totals .col-md-12 .row .col-md-3 {
width: 50%
}
body[class*="checkout-cart"] .row.cc-totals .row>.col-md-3.small,
body[class*="checkout-cart"] .cc-totals-footer .tax-row {
font-size: 12px;
color: #666;
font-weight: normal
}
body[class*="checkout-cart"] .row.cc-totals .row>.col-md-3.small {
text-align: right;
padding-top: 0
}
body[class*="checkout-cart"] .cc-totals-footer {
border-top: solid 1px #ccc;
margin-top: 10px;
padding-top: 10px
}
body[class*="checkout-cart"] .cc-totals-footer .tax-row {
display: inline-block;
width: 100%;
text-align: left;
padding-left: 15px;
padding-right: 15px
}
body[class*="checkout-cart"] .cc-totals-footer .tax-row span {
text-align: left;
float: none !important;
font-weight: normal !important;
font-size: 12px !important;
color: #666 !important
}
body[class*="checkout-cart"] .cc-totals-footer .row:last-of-type>div[class*="col-md"] {
font-size: 16px;
font-weight: 700
}
body[class*="checkout-cart"][class*="theme-slimjoy"] .cc-totals-footer .row:last-of-type>div[class*="col-md"] {
color: #64ba49
}
body[class*="checkout-cart"][class*="theme-tummy"] .cc-totals-footer .row:last-of-type>div[class*="col-md"] {
color: #ea7d6f
}
body[class*="checkout-cart"][class*="theme-undo"] .cc-totals-footer .row:last-of-type>div[class*="col-md"] {
color: #958771
}
body[class*="checkout-cart"][class*="theme-powgen"] .cc-totals-footer .row:last-of-type>div[class*="col-md"] {
color: #f06135
}
body[class*="checkout-cart"][class*="theme-pepper"] .cc-totals-footer .row:last-of-type>div[class*="col-md"] {
color: #ff8a00
}
body[class*="checkout-cart-index"] .nav-account.nav-account-cart {
opacity: 0;
pointer-events: none
}
body[class*="checkout-cart-index"][class*="theme-slimjoy"] .cc-totals-footer strong {
color: #64ba49
}
body[class*="checkout-cart-index"][class*="theme-tummy"] .cc-totals-footer strong {
color: #eb9184
}
body[class*="checkout-cart-index"][class*="theme-coreone"] .cc-totals-footer strong {
color: #01a1dd
}
body[class*="checkout-cart-index"] .cc-items .product-item {
position: relative
}
body[class*="checkout-cart-index"] .cc-items .product-item .removeProduct {
position: absolute;
top: 20px;
right: 10px
}
body[class*="checkout-cart-index"] .cc-items .product-item .removeProduct .btn-remove {}
body[class*="checkout-cart-index"] .row.product-item .cc-quantity {
float: left
}
body[class*="checkout-cart-index"] .row.product-item .cart-price {
float: right;
margin-top: 14px
}
body[class*="checkout-cart-index"] .row.product-item .cart-price span:not(:only-child):first-child {
text-decoration: line-through;
font-weight: normal;
display: block
}
body[class*="checkout-cart-index"] .discount-form {}
body[class*="checkout-cart-index"] .discount h2 {
margin-bottom: 0;
font-weight: normal;
text-transform: none
}
body[class*="checkout-cart-index"] .toggleDiscount.icon.active:before,
body[class*="checkout-cart-index"] .toggleDiscount.icon:hover:before {
border-color: #333 transparent transparent transparent
}
#checkoutProgress {
display: inline-block;
margin: 0 0 30px 0;
width: 100%;
position: relative;
text-align: center
}
body[class*="cart-index"] #checkoutProgress {
margin: -20px 0 16px 0;
display: block
}
#checkoutProgress:before,
#checkoutProgress:after {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 3px;
background: #fff;
margin-top: -2px
}
#checkoutProgress:before {
z-index: 1
}
#checkoutProgress:after {
z-index: 2
}
#checkoutProgress.steps-2.active-1:after {
width: 50%
}
#checkoutProgress.steps-3.active-1:after {
width: 25%
}
#checkoutProgress.steps-3.active-2:after {
width: 75%
}
#checkoutProgress.steps-2.active-2:after,
#checkoutProgress.steps-3.active-3:after {
width: 100%
}
#checkoutProgress div {
display: inline-block;
position: relative;
width: 28px;
height: 28px;
line-height: 28px;
background: #fff;
border-radius: 50%;
font-size: 16px;
font-weight: normal;
color: #333;
text-align: center;
z-index: 3
}
#checkoutProgress div.active {
color: #fff
}
#checkoutProgress div:first-of-type {
float: left
}
#checkoutProgress div:last-of-type {
float: right
}
#checkoutProgress div:empty {
opacity: 0;
visibility: hidden
}
body[class*="theme-slimjoy"] #checkoutProgress:after,
body[class*="theme-slimjoy"] #checkoutProgress div.active {
background: #64ba49
}
body[class*="theme-tummy"] #checkoutProgress:after,
body[class*="theme-tummy"] #checkoutProgress div.active {
background: #ea7d6f
}
body[class*="theme-undo"] #checkoutProgress:after,
body[class*="theme-undo"] #checkoutProgress div.active {
background: #958771
}
body[class*="theme-undo_v2"] #checkoutProgress:after,
body[class*="theme-undo_v2"] #checkoutProgress div.active {
background: #59AB7A
}
body[class*="theme-coreone"] #checkoutProgress:after,
body[class*="theme-coreone"] #checkoutProgress div.active {
background: #01a1dd
}
body[class*="theme-livertox"] #checkoutProgress:after,
body[class*="theme-livertox"] #checkoutProgress div.active {
background: #b281b9
}
body[class*="theme-powgen"] #checkoutProgress:after,
body[class*="theme-powgen"] #checkoutProgress div.active {
background: #f06135
}
body[class*="theme-avenobo"] #checkoutProgress:after,
body[class*="theme-avenobo"] #checkoutProgress div.active {
background: #7BAFD4
}
body[class*="theme-brilliantSlim"] #checkoutProgress:after,
body[class*="theme-brilliantSlim"] #checkoutProgress div.active {
background: #00B298
}
@media (max-width:992px) {
body[class*="checkout-cart-index"] .row.cc-totals .col-md-12 .row .col-md-9,
body[class*="checkout-cart-index"] .row.cc-totals .col-md-12 .row .col-md-3 {
box-sizing: border-box;
float: left
}
body[class*="checkout-cart-index"] .row.cc-totals .col-md-12 .row .col-md-9,
body[class*="checkout-cart-index"] .row.cc-totals .col-md-12 .row .col-md-3 {
width: 50%
}
}
@media (max-width:640px) {
body[class*="checkout-cart-index"] .cc-items .product-item .input-text.qty.cc-input-qty {
font-size: 12px;
max-width: 40px;
vertical-align: middle
}
body[class*="checkout-cart-index"] .cc-items .product-item .cc-quantity {
margin-top: 10px
}
body[class*="checkout-cart-index"] .cc-items .product-item .cc-quantity input[type=button] {
font-size: 18px
}
body[class*="checkout-cart"] .row.cc-totals .col-md-12 .row div[class*="col-md"] {
font-size: 12px;
font-weight: normal
}
body[class*="checkout-cart"] .row.cc-totals .cc-totals-footer .row:last-of-type>div[class*="col-md"] {
font-size: 16px;
font-weight: 700
}
body[class*="checkout-cart"] .row.cc-totals .col-md-12 .row div[class*="col-md"] {
padding-top: 0
}
}
@media (min-width:640px) {
body[class*="checkout-cart"][class*="theme-slimjoy"] .row.cc-totals .row>.col-md-3.small,
body[class*="checkout-cart"][class*="theme-tummy"] .row.cc-totals .row>.col-md-3.small {
padding-top: 6px
}
}
body.catalog-product-view:not(.theme-avenobo_v2) .qty-wrapper * {
box-sizing: border-box
}
body.catalog-product-view:not(.theme-avenobo_v2) .qty-wrapper {
width: 100px;
margin: 0 auto;
float: none;
padding-top: 0;
display: none !important
}
#sj_prod .add-to-cart label,
#sj_prod .add-to-cart input {
display: inline-block !important
}
#sj_prod .container-fluid.sj_prod_row.sj_prod_row-1 .col-md-4:nth-child(3) form#product_addtocart_form button.button.btn-cart,
#sj_prod .container.sj_prod_row.sj_prod_row-5 .col-md-4 form#product_addtocart_form2 button.button.btn-cart {
width: 75% !important
}
body.catalog-product-view:not(.theme-avenobo_v2) .qty-wrapper input {
height: 44px;
line-height: 44px
}
body.catalog-product-view:not(.theme-avenobo_v2) .qty-wrapper input[class*="cart-quantity"] {
width: 20%;
padding: 0;
color: #fff;
border: none;
outline: none;
font-size: 16px;
margin-bottom: 0 !important
}
body.catalog-product-view:not(.theme-avenobo_v2) .qty-wrapper input.cart-quantity-down {
float: left
}
body.catalog-product-view:not(.theme-avenobo_v2) .qty-wrapper input.cart-quantity-up {
float: right
}
body.catalog-product-view:not(.theme-avenobo_v2) .qty-wrapper input.qty {
width: 50%;
margin: 0 5%;
text-align: center;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
font-size: 15px;
background: transparent;
border: 1px solid;
outline: none;
display: inline-block;
padding: 0;
color: #000;
font-weight: 700
}
#sj_prod .container-fluid.sj_prod_row.sj_prod_row-1 .col-md-4:nth-child(3) form#product_addtocart_form .add-to-cart button.button.btn-cart,
#sj_prod .container.sj_prod_row.sj_prod_row-5 .col-md-4 form#product_addtocart_form2 .add-to-cart button.button.btn-cart {
margin: 0 auto;
float: none;
width: 100% !important;
margin-top: 6px !important
}
.productCountdown * {
text-align: center;
margin: 0;
padding: 0;
box-sizing: border-box
}
.productCountdown {
width: 80%;
margin: 10px auto;
display: none
}
.productCountdown p {
padding: 0 0 10px 0;
margin: 0 !important;
font-size: 14px
}
.productCountdown p.heading {
font-size: 24px;
font-weight: 800
}
.productCountdown p.end {
display: none
}
.productCountdown p.stock span {
font-weight: 700;
color: #333;
position: relative;
display: none;
z-index: 2
}
.productCountdown p.stock span:before {
content: "";
position: absolute;
top: -9px;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #b95b26;
opacity: 0
}
.productCountdown p.stock span.chars-1:before {
left: -11px
}
.productCountdown p.stock span.chars-2:before {
left: -7px
}
.productCountdown p.stock span.chars-3:before {
left: -4px
}
.productCountdown p.stock span.chars-4:before {
left: -1px
}
.productCountdown p.stock span.pulseStock:before {
animation: pulseStockCountDown .6s cubic-bezier(0.215, 0.61, 0.355, 1) infinite
}
@keyframes pulseStockCountDown {
0% {
transform: scale(.4);
opacity: 1
}
100% {
transform: scale(1.2);
opacity: 0
}
}
.productCountdown .progress {
content: "";
display: inline-block;
width: 100%;
height: 8px;
border-radius: 30px;
overflow: hidden;
background: #eee;
position: relative
}
.productCountdown .track {
content: "";
position: absolute;
top: 0;
left: 0;
background: #b95b26;
width: 0;
height: 100%;
display: block !important;
transition: all .2s ease
}
body[class*="theme-slimjoy"] .productCountdown .track {
background: #64ba49
}
body[class*="theme-tummyteatox"] .productCountdown .track {
background: #ea7d6f
}
.productCountdown .timer {
display: inline-block;
width: 100%;
margin: 0
}
.productCountdown .timer>div {
display: inline-block;
font-size: 10px;
min-width: 40px
}
.productCountdown .timer>div span {
display: block;
font-size: 16px;
line-height: 24px;
font-weight: 800;
color: #333
}
.productCountdown .timer>div:not(:last-of-type) span {
border-right: solid 1px #ccc
}
div[data-sensi-tabs-target] {
cursor: pointer
}
div[data-sensi-tabs-content]:not([data-sensi-tabs-content-active="true"]),
div[data-sensi-tabs-content] {
display: none
}
div[data-sensi-tabs-content][data-sensi-tabs-content-active="true"] {
display: inline-block
}
.blog-inner .col-md-11 .product-widget-block .product-widget-right .price-box .old-price span {
color: #666;
font-size: 20px;
font-weight: 400
}
.blog-inner .col-md-11 .product-widget-block .product-widget-right .price-box .special-price span {
color: #333;
font-size: 32px;
font-weight: 700
}
body[class*="cmspro-view-details"] .product-widget-block .item .price-box {
margin-top: 10px
}
body[class*="cmspro-view-details"] .blog_content .product-widget-block.products-grid .button-container,
body[class*="special-category"] .products-grid .button-container {
float: left !important
}
body[class*="cmspro-view-details"] .blog_content .product-widget-block.products-grid .button-container {
width: 100%;
margin: 0
}
body[class*="special-category"] .products-grid .button-container {
margin: 0 5% 20px 5%;
width: 90%
}
body[class*="cmspro-view-details"] .blog_content .product-widget-block button.button,
body[class*="special-category"] .products-grid button.button {
display: block;
margin: 0 auto;
border-radius: 0;
padding: 8px 35px;
outline: none;
box-shadow: none;
width: 100%;
-webkit-transition: none
}
body[class*="cmspro-view-details"] .blog_content .product-widget-block button.button:hover,
body[class*="cmspro-view-details"] .blog_content .product-widget-block button.button:focus,
body[class*="special-category"] .products-grid button.button:hover,
body[class*="special-category"] .products-grid button.button:focus {
outline: none;
box-shadow: none
}
body[class*="cmspro-view-details"] .blog_content .product-widget-block button.button span,
body[class*="special-category"] .products-grid button.button span {
font-size: 20px;
background: none;
float: none;
width: 100%
}
body[class*="cmspro-view-details"] .blog_content .product-widget-block button.button>span:after,
body[class*="special-category"] .products-grid button.button>span:after {
width: 22px;
background-repeat: no-repeat;
content: "";
height: 18px;
display: inline-block;
margin-left: 15px;
top: 1px;
background-size: contain;
position: relative
}
body[class*="special-category"] .products-grid li.item .price-box {
width: 100%
}
.product-list .product-list-item p.old-price span.price {
line-height: 100%;
margin: 0 0 -.2em;
padding: 0;
font-weight: 400;
font-size: 14px;
color: #999
}
.product-list .product-list-item p.old-price,
.product-list .product-list-item p.special-price {
display: inline-block;
box-sizing: border-box;
width: 45%
}
.product-list .product-list-item p.old-price {
margin: 0 5% .2em 0;
text-align: right
}
.product-list .product-list-item p.special-price {
text-align: left
}
.ttt-products .product-list .product-list-item .price-box {
font-size: 0
}
.reviews-slimjoy * {
text-align: left !important
}
.reviews-slimjoy {
margin: 20px auto;
float: none
}
.reviews-slimjoy h2.col-md-12 {
color: #333 !important;
text-align: center !important
}
.reviews-slimjoy .row.full-width {
margin-left: -30px;
margin-right: -30px
}
#sj_prod div[id*="ultimate-reviews"] .image-container,
#bodyType div[id*="ultimate-reviews"] .image-container {
display: block
}
.reviews-slimjoy .row,
div[id*="ultimate-reviews"] .row {
margin-top: 20px
}
.reviews-slimjoy .row img,
#sj_prod div[id*="ultimate-reviews"] .row img,
#bodyType div[id*="ultimate-reviews"] .row img {
margin-left: auto
}
.reviews-slimjoy .stars,
#sj_prod div[id*="ultimate-reviews"] .stars,
#bodyType div[id*="ultimate-reviews"] .stars {
padding: 0
}
.reviews-slimjoy .owl-item .name img,
#sj_prod div[id*="ultimate-reviews"] .owl-item .name img,
#bodyType div[id*="ultimate-reviews"] .owl-item .name img {
width: 20px;
margin: 0 6px 0 0
}
.reviews-slimjoy .owl-carousel .owl-nav button:before,
.reviews-slimjoy .owl-carousel .owl-nav button:after,
#sj_prod div[id*="ultimate-reviews"] .owl-carousel .owl-nav button:before,
#sj_prod div[id*="ultimate-reviews"] .owl-carousel .owl-nav button:after,
#bodyType div[id*="ultimate-reviews"] .owl-carousel .owl-nav button:before,
#bodyType div[id*="ultimate-reviews"] .owl-carousel .owl-nav button:after {
display: none
}
.reviews-slimjoy .owl-carousel .owl-nav button.owl-prev,
.reviews-slimjoy .owl-carousel .owl-nav button.owl-next {
top: calc(50% - 50px);
width: 20px
}
.reviews-slimjoy .owl-carousel .owl-nav button.owl-prev,
#sj_prod div[id*="ultimate-reviews"] .owl-carousel .owl-nav button.owl-prev,
#bodyType div[id*="ultimate-reviews"] .owl-carousel .owl-nav button.owl-prev {
left: -20px
}
.reviews-slimjoy .owl-carousel .owl-nav button.owl-next,
#sj_prod div[id*="ultimate-reviews"] .owl-carousel .owl-nav button.owl-next,
#bodyType div[id*="ultimate-reviews"] .owl-carousel .owl-nav button.owl-next {
right: -20px
}
.reviews-slimjoy .owl-carousel .owl-dots,
#sj_prod div[id*="ultimate-reviews"] .owl-carousel .owl-dots,
#bodyType div[id*="ultimate-reviews"] .owl-carousel .owl-dots {
text-align: center !important
}
#sj_prod .reviews-slimjoy .name p,
#sj_prod .reviews-slimjoy h3,
#sj_prod div[id*="ultimate-reviews"] .name p,
#sj_prod div[id*="ultimate-reviews"] h3,
#bodyType .reviews-slimjoy .name p,
#bodyType .reviews-slimjoy h3,
#bodyType div[id*="ultimate-reviews"] .name p,
#bodyType div[id*="ultimate-reviews"] h3 {
width: 100%;
display: inline-block;
font-weight: 700;
font-size: 18px
}
#sj_prod .reviews-slimjoy h3,
#sj_prod div[id*="ultimate-reviews"] h3,
#bodyType .reviews-slimjoy h3,
#bodyType div[id*="ultimate-reviews"] h3 {
margin-bottom: 0 !important
}
#sj_prod .reviews-slimjoy .name p,
#sj_prod div[id*="ultimate-reviews"] .name p,
#bodyType .reviews-slimjoy .name p,
#bodyType div[id*="ultimate-reviews"] .name p {
display: inline-block;
width: auto
}
body[class*="theme-tummyteatox"] #sj_prod div[id*="ultimate-reviews"] .name p,
body[class*="theme-tummyteatox"] #sj_prod .reviews-slimjoy .name p,
body[class*="theme-tummyteatox"] #sj_prod div[id*="ultimate-reviews"] .stars:before,
body[class*="theme-tummyteatox"] #sj_prod .reviews-slimjoy .stars:before,
body[class*="theme-tummyteatox"] #bodyType div[id*="ultimate-reviews"] .name p,
body[class*="theme-tummyteatox"] #bodyType .reviews-slimjoy .name p,
body[class*="theme-tummyteatox"] #bodyType div[id*="ultimate-reviews"] .stars:before,
body[class*="theme-tummyteatox"] #bodyType .reviews-slimjoy .stars:before {
color: #ea7d6f
}
body[class*="theme-slimjoy"] #sj_prod div[id*="ultimate-reviews"] .name p,
body[class*="theme-slimjoy"] #sj_prod .reviews-slimjoy .name p,
body[class*="theme-slimjoy"] #sj_prod div[id*="ultimate-reviews"] .stars:before,
body[class*="theme-slimjoy"] #sj_prod .reviews-slimjoy .stars:before,
body[class*="theme-slimjoy"] #bodyType div[id*="ultimate-reviews"] .name p,
body[class*="theme-slimjoy"] #bodyType .reviews-slimjoy .name p,
body[class*="theme-slimjoy"] #bodyType div[id*="ultimate-reviews"] .stars:before,
body[class*="theme-slimjoy"] #bodyType .reviews-slimjoy .stars:before {
color: #64ba49 !important
}
body[class*="theme-powgen"] #sj_prod div[id*="ultimate-reviews"] .name p,
body[class*="theme-powgen"] #sj_prod .reviews-slimjoy .name p,
body[class*="theme-powgen"] #sj_prod div[id*="ultimate-reviews"] .stars:before,
body[class*="theme-powgen"] #sj_prod .reviews-slimjoy .name p,
.stars:before,
body[class*="theme-powgen"] #bodyType div[id*="ultimate-reviews"] .name p,
body[class*="theme-powgen"] #bodyType .reviews-slimjoy .name p,
body[class*="theme-powgen"] #bodyType div[id*="ultimate-reviews"] .stars:before,
body[class*="theme-powgen"] #bodyType .reviews-slimjoy .name p,
.stars:before {
color: #f06135 !important
}
body[class*="theme-undo"] #sj_prod div[id*="ultimate-reviews"] .name p,
body[class*="theme-undo"] #sj_prod .reviews-slimjoy .name p,
body[class*="theme-undo"] #sj_prod div[id*="ultimate-reviews"] .stars:before,
body[class*="theme-undo"] #sj_prod .reviews-slimjoy .name p,
.stars:before,
body[class*="theme-undo"] #bodyType div[id*="ultimate-reviews"] .name p,
body[class*="theme-undo"] #bodyType .reviews-slimjoy .name p,
body[class*="theme-undo"] #bodyType div[id*="ultimate-reviews"] .stars:before,
body[class*="theme-undo"] #bodyType .reviews-slimjoy .name p,
.stars:before {
color: #ea7d6f !important
}
#sj_prod div[id*="ultimate-reviews"] .stars,
#sj_prod .reviews-slimjoy .stars,
#bodyType div[id*="ultimate-reviews"] .stars {
display: block;
width: auto;
position: relative
}
#bodyType .reviews-slimjoy .stars {
margin-left: 20px
}
#sj_prod div[id*="ultimate-reviews"] .stars:before,
#sj_prod .reviews-slimjoy .stars:before,
#bodyType div[id*="ultimate-reviews"] .stars:before,
#bodyType .reviews-slimjoy .stars:before {
font-size: 26px;
line-height: 26px
}
#sj_prod div[id*="ultimate-reviews"] .stars[data-stars="1"]:before,
#sj_prod .reviews-slimjoy .stars[data-stars="1"]:before,
#bodyType div[id*="ultimate-reviews"] .stars[data-stars="1"]:before,
#bodyType .reviews-slimjoy .stars[data-stars="1"]:before {
content: "★"
}
#sj_prod div[id*="ultimate-reviews"] .stars[data-stars="2"]:before,
#sj_prod .reviews-slimjoy .stars[data-stars="2"]:before,
#bodyType div[id*="ultimate-reviews"] .stars[data-stars="2"]:before,
#bodyType .reviews-slimjoy .stars[data-stars="2"]:before {
content: "★★"
}
#sj_prod div[id*="ultimate-reviews"] .stars[data-stars="3"]:before,
#sj_prod .reviews-slimjoy .stars[data-stars="3"]:before,
#bodyType div[id*="ultimate-reviews"] .stars[data-stars="3"]:before,
#bodyType .reviews-slimjoy .stars[data-stars="3"]:before {
content: "★★★"
}
#sj_prod div[id*="ultimate-reviews"] .stars[data-stars="4"]:before,
#sj_prod .reviews-slimjoy .stars[data-stars="4"]:before,
#bodyType div[id*="ultimate-reviews"] .stars[data-stars="4"]:before,
#bodyType .reviews-slimjoy .stars[data-stars="4"]:before {
content: "★★★★"
}
#sj_prod div[id*="ultimate-reviews"] .stars[data-stars="5"]:before,
#sj_prod div[id*="ultimate-reviews"] .stars[data-stars="4.5"]:before,
#sj_prod .reviews-slimjoy .stars[data-stars="5"]:before,
#sj_prod .reviews-slimjoy .stars[data-stars="4.5"]:before,
#bodyType div[id*="ultimate-reviews"] .stars[data-stars="5"]:before,
#bodyType div[id*="ultimate-reviews"] .stars[data-stars="4.5"]:before,
#bodyType .reviews-slimjoy .stars[data-stars="5"]:before,
#bodyType .reviews-slimjoy .stars[data-stars="4.5"]:before {
content: "★★★★★"
}
#sj_prod div[id*="ultimate-reviews"] .stars[data-stars="4.5"]:after,
#sj_prod .reviews-slimjoy .stars[data-stars="4.5"]:after,
#bodyType div[id*="ultimate-reviews"] .stars[data-stars="4.5"]:after,
#bodyType .reviews-slimjoy .stars[data-stars="4.5"]:after {
position: absolute;
top: 0;
right: -9px;
background: #fff;
z-index: 2;
width: 20px;
height: 100%;
content: ""
}
#sj_prod div[id*="ultimate-reviews"] .row .stars img,
#sj_prod .reviews-slimjoy .row .stars img,
#bodyType div[id*="ultimate-reviews"] .row .stars img,
#bodyType .reviews-slimjoy .row .stars img {
margin-bottom: 0;
width: auto;
height: 18px
}
.ultimate-reviews-carousel {
padding: 5%
}
div[id*="ultimate-reviews"] .image-container {
width: 100%;
height: 0;
padding-top: 55%;
background-position: top left;
background-size: cover;
background-repeat: no-repeat
}
div[id*="ultimate-reviews"] .item {
width: 100%;
max-width: 435px;
min-width: 260px;
margin: 20px auto 35px;
border: 1px solid #eee;
box-shadow: 1px 1px 5px #eee
}
div[id*="ultimate-reviews"] .content-container {
padding: 16px 20px 20px 20px;
min-height: 164px;
text-align: left
}
#sj_prod div[id*="ultimate-reviews"] .owl-carousel .owl-item .item .content-container>p,
#bodyType div[id*="ultimate-reviews"] .owl-carousel .owl-item .item .content-container>p {
display: inline-block;
margin: 8px 0 10px 0 !important;
font-size: 16px
}
#sj_prod div[id*="ultimate-reviews"] .name p,
#bodyType div[id*="ultimate-reviews"] .name p {
margin: 0
}
div[id*="ultimate-reviews"] .owl-carousel .owl-nav button.owl-prev,
div[id*="ultimate-reviews"] .owl-carousel .owl-nav button.owl-next {
top: calc(50% - 20px)
}
@media (max-width:480px) {
div[id*="ultimate-reviews"] .item {
max-width: 260px
}
}
@media (max-width:768px) {
.ultimate-reviews-carousel {
padding: 0
}
}
@media (min-width:480px) {
div[id*="ultimate-reviews"] {
max-width: 1024px;
margin: 0 auto
}
}
@media (min-width:480px) and (max-width:768px) {
div[id*="ultimate-reviews"] {
max-width: 440px
}
div[id*="ultimate-reviews"] .item {
max-width: 400px
}
}
.reviews-slimjoy .review-image {
display: block !important;
content: "";
width: 100%;
min-height: 190px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
border-radius: 8px
}
.reviews-slimjoy p {
margin-bottom: 4px !important
}
.reviews-slimjoy p.text-xxs {
font-size: 10px !important
}
.reviews-slimjoy img.show-mobile {
display: none
}
.reviews-slimjoy img.hide-mobile {
display: block
}
.cms-page-view .reviews-slimjoy {
margin: 0 auto
}
.cms-reviews-carousel .stars {
width: 100%;
margin-bottom: 10px
}
.cms-reviews-carousel.owl-carousel .owl-nav button.owl-prev,
.cms-reviews-carousel.owl-carousel .owl-nav button.owl-next {
top: calc(50% - 80px)
}
.cms-reviews-carousel.owl-carousel .owl-nav button.owl-prev span,
.cms-reviews-carousel.owl-carousel .owl-nav button.owl-next span {
font-size: 70px !important
}
@media (max-width:992px) {
.reviews-slimjoy img.show-mobile {
display: block
}
.reviews-slimjoy img.hide-mobile {
display: none
}
}
@media (max-width:480px) {
.reviews-slimjoy div[class*="col-"] {
width: 100%
}
.reviews-slimjoy .stars {
margin-top: 20px
}
.cms-reviews-carousel .stars {
margin-top: 0
}
}
#review-form .webforms-sensi {
background-color: transparent
}
#review-form .form-list li.wide textarea {
min-height: 200px
}
#review-form .buttons-set {
border: none
}
#review-form .form-list li.control label {
display: inline-block
}
#review-form .control {
margin-bottom: -20px
}
#review-form .webforms-sensi h1,
#review-form .form-list li.wide .input-box,
#review-form .webforms-sensi .fieldset:nth-of-type(2),
#review-form p.bottom,
#review-form .webforms-success-text {
text-align: center
}
#review-form .webforms-sensi h1 {
font-size: 38px
}
#review-form .webforms-review-form ol,
#review-form .webforms-review-form ul {
padding: 0;
list-style: none
}
#review-form .form-list li.wide textarea,
#review-form .form-list li.wide .input-box,
#review-form .webforms-sensi .fieldset:nth-of-type(2),
#review-form .webforms-sensi .gdprWrap,
#review-form .webforms-sensi .buttons-set,
#review-form .webforms-sensi button.button span,
#review-form .webforms-sensi .fieldset:nth-of-type(2) .form-list .input-box,
#review-form .webforms-sensi .required,
#review-form p.bottom {
width: 100%
}
#review-form .form-list li.wide textarea,
#review-form .form-list li.wide .input-box,
#review-form .webforms-sensi .fieldset:nth-of-type(2) {
box-sizing: border-box
}
#review-form .form-list li.wide .input-box,
#review-form .webforms-sensi .fieldset:nth-of-type(2),
#review-form .webforms-sensi .gdprWrap,
#review-form .webforms-sensi .buttons-set {
max-width: 580px;
margin: 0 auto
}
#review-form .webforms-sensi .buttons-set {
padding: 0 0 100px 0
}
#review-form .webforms-sensi .gdprWrap {
padding: 0
}
#review-form .webforms-sensi button.button {
display: block;
float: none;
margin: 0 auto;
width: 170px;
height: 42px;
border: none;
background-color: #ccc
}
#review-form .webforms-sensi .fieldset:nth-of-type(2) ul {
margin-bottom: 0
}
#review-form .webforms-sensi .form-list input.input-text,
#review-form .webforms-sensi .form-list li.wide input.input-text {
height: 45px;
background-color: #fff
}
#review-form .webforms-sensi button.button span {
height: 100%;
width: 100%;
line-height: 28px;
font-size: 20px;
text-transform: uppercase;
font-weight: 700;
padding: 0
}
#review-form .webforms-sensi button.button span span:after {
content: " »";
font-size: 20px;
position: relative;
top: -1px
}
#review-form .webforms-sensi .fieldset:nth-of-type(2) {
background-color: #eeeeee;
padding: 50px 10px 8px 20px
}
#review-form .webforms-sensi .fieldset:nth-of-type(2),
#review-form .webforms-sensi .fieldset:nth-of-type(2) .form-list label {
text-align: left;
color: #333;
font-weight: 700
}
#review-form .webforms-sensi .fieldset:nth-of-type(2) .form-list .field {
width: 48%;
margin-right: 2%
}
#review-form .webforms-sensi .fieldset:nth-of-type(2) .webforms-fields-EMAIL {
width: 98%
}
#review-form .webforms-sensi .fieldset:nth-of-type(2) .form-list label {
font-size: 14px
}
#review-form .webforms-sensi .fieldset:nth-of-type(2) .webforms-fields-comment {
position: absolute;
top: -35px;
left: 2px;
text-align: left;
color: #333;
font-size: 22px;
font-weight: 700
}
#review-form .webforms-fields-review-description label,
#review-form .webforms-review-form h2.legend,
#review-form .webforms-fields-review-support label:nth-of-type(2),
#review-form .webforms-fields-review-support>label,
#review-form .webforms-review-form p.required,
#review-form .webforms-sensi .fieldset:nth-of-type(2),
#review-form .webforms-sensi .gdprMain {
display: none
}
#review-form p.bottom {
position: absolute;
bottom: 40px;
font-size: 14px !important;
line-height: 17px !important
}
#review-form .webforms-sensi ul.list-select {
margin: 0;
padding: 0 !important
}
#review-form .webforms-sensi .form-list li.control input.checkbox {
float: none;
font-weight: 400
}
#review-form .webforms-sensi .form-list .fields {
position: relative;
margin-bottom: 4px;
padding-top: 10px
}
#review-form .webforms-sensi .required {
float: left;
text-align: left
}
#review-form .privacyLabel.styled .required,
#review-form .consentsList .required,
#review-form .please-wait {
float: none !important
}
#review-form .please-wait img {
width: 25px !important;
height: 25px !important
}
body[class*="theme-slimjoy"] #review-form .webforms-sensi button.button {
background-color: #64ba49
}
body[class*="theme-tummy"] #review-form .webforms-sensi button.button {
background-color: #eb9184
}
body[class*="theme-coreone"] #review-form .webforms-sensi button.button {
background-color: #01a1dd
}
body[class*="theme-undo"] #review-form .webforms-sensi button.button {
background-color: #958771
}
body[class*="theme-undo"] #review-form .webforms-sensi button.button span,
body[class*="theme-tummy"] #review-form .webforms-sensi button.button span {
color: #fff
}
#review-form .webforms-success-text p {
text-align: center;
font-size: 18px
}
#review-form .webforms-success-text h1 {
text-align: center;
font-size: 24px;
font-weight: 700
}
@media only screen and (max-width:768px) {
#review-form .webforms-sensi .fieldset:nth-of-type(2) .form-list .field,
#review-form .webforms-sensi .fieldset:nth-of-type(2) .webforms-fields-EMAIL {
width: 100%;
margin: 0;
padding-right: 5px;
padding-left: 5px
}
#review-form .webforms-sensi h1 {
font-size: 30px;
text-align: left
}
#review-form .form-list input.input-text,
#review-form .form-list li.wide input.input-text {
width: 100%;
margin: 0 auto;
box-sizing: border-box;
height: 35px
}
#review-form .webforms-sensi .fieldset:nth-of-type(2) {
padding: 60px 2px 0px 2px
}
#review-form .webforms-sensi .fieldset:nth-of-type(2) .webforms-fields-comment {
top: -50px;
font-size: 18px;
padding-left: 5px
}
#review-form .webforms-sensi .form-list .fields {
margin-bottom: -10px
}
#review-form p.bottom {
bottom: 6px;
text-align: center !important
}
#review-form .webforms-sensi .required {
width: 96%
}
#review-form .webforms-sensi .fieldset:nth-of-type(2) .form-list .input-box {
margin-bottom: 8px
}
}
body:not(.theme-undo) #testimonialCarousel .carousel-inner>.item>DIV:nth-child(1) {
float: right
}
#testimonialCarousel .carousel-inner>.item>DIV:nth-child(2) {
float: left
}
body:not(.theme-undo) #testimonialCarousel .carousel-inner>.item .testimonial-text {
border: 4px solid;
padding: 65px 14% 40px 5%;
margin: 20px -30% 20px 0;
text-align: center;
z-index: 2
}
body[class*="theme-tummy"] #testimonialCarousel .carousel-inner>.item .testimonial-text {
border-color: #eb7d70;
color: #ec8879
}
body[class*="theme-powgen"] #testimonialCarousel .carousel-inner>.item .testimonial-text {
border-color: #333;
color: #f06235
}
body:not(.theme-undo) #testimonialCarousel .carousel-inner .item h3 {
padding: 6% 4%;
position: absolute;
z-index: 6;
right: 15px;
font-size: 20px;
font-weight: 500;
line-height: 1.1;
margin-bottom: 0
}
body[class*="theme-tummy"] #testimonialCarousel .carousel-inner .item h3 {
background-color: rgba(235, 145, 133, 0.8)
}
body[class*="theme-powgen"] #testimonialCarousel .carousel-inner .item h3 {
background-color: rgba(51, 51, 51, 0.8)
}
body[class*="theme-tummy"] #testimonialCarousel .carousel-inner .item h3 strong {
color: #fff
}
body[class*="theme-powgen"] #testimonialCarousel .carousel-inner .item h3 strong {
color: #f06235
}
#testimonialCarousel .carousel-inner .item div img {
z-index: 5;
position: relative
}
body:not(.theme-undo) .testimonialCarousel.carousel-indicators {
position: absolute;
bottom: 46px;
left: -8%;
z-index: 5;
width: 100%;
margin-left: 0;
padding-left: 0;
list-style: none;
text-align: center
}
body:not(.theme-undo) #testimonialCarousel .carousel-inner>.item .testimonial-text p {
font-style: italic;
font-size: 18px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
line-height: 1.4;
max-height: 80px;
-webkit-line-clamp: 2
}
body[class*="theme-tummy"] #testimonialCarousel .carousel-inner>.item .testimonial-text p {
color: #ec8879
}
body[class*="theme-powgen"] #testimonialCarousel .carousel-inner>.item .testimonial-text p {
color: #f06235
}
.std ol.testimonialCarousel.carousel-indicators {
bottom: 46px;
top: auto;
width: 100%;
margin-left: 0;
padding-left: 0
}
@media (min-width:991px) {
body[class*="theme-powgen"] #testimonialCarousel .carousel-inner>.item .testimonial-text {
margin-top: 82px
}
}
@media (min-width:1200px) {
body:not(.theme-undo) #testimonialCarousel .carousel-inner>.item .testimonial-text p {
max-height: 78px
}
}
@media only screen and (min-width:993px) and (max-width:1199px) {
body:not(.theme-undo) #testimonialCarousel .carousel-inner>.item .testimonial-text {
border: 4px solid;
padding: 30px 20% 10px 20%;
margin: 39px -30% 20px 0px;
text-align: center;
z-index: 2
}
.testimonialCarousel.carousel-indicators,
.std ol.testimonialCarousel.carousel-indicators {
bottom: 26px;
left: -6%
}
}
@media only screen and (max-width:992px) {
#testimonialCarousel .carousel-inner>.item>DIV:nth-child(1) {
float: none
}
body:not(.theme-undo) #testimonialCarousel .carousel-inner>.item .testimonial-text {
border: 3px solid;
padding: 30px 28px 8px;
margin: 0px 12px 40px 12px;
text-align: center;
z-index: 2;
position: relative;
top: -8px
}
body:not(.theme-undo) #testimonialCarousel .carousel-inner .item H3 {
padding: 6% 4%;
position: absolute;
z-index: 6;
right: 15px;
font-size: 20px;
font-weight: 500;
line-height: 1.1;
margin-bottom: 0
}
.testimonialCarousel.carousel-indicators,
.std ol.testimonialCarousel.carousel-indicators {
position: absolute;
left: 0;
z-index: 15;
width: 100%;
margin-left: 0;
padding-left: 0;
list-style: none;
text-align: center;
bottom: -12px;
bottom: -2%
}
#testimonialCarousel .carousel-inner .item div img {
width: 100%;
margin: 0 auto;
border: 0 none;
display: block
}
body:not(.theme-undo) #testimonialCarousel .carousel-inner>.item .testimonial-text p {
max-height: 104px
}
}
@media only screen and (max-width:768px) {
#testimonialCarousel .carousel-inner>.item .testimonial-text p {
max-height: 176px
}
}
@media only screen and (max-width:480px) {
body:not(.theme-undo) #testimonialCarousel .carousel-inner>.item .testimonial-text {
border: 3px solid;
padding: 30px 5% 10px 5%;
margin: 0px 0% 40px 0%;
text-align: center;
z-index: 2;
position: relative;
top: -12px
}
body:not(.theme-undo) #testimonialCarousel .carousel-inner>.item .testimonial-text p {
text-align: center;
max-height: 128px
}
#testimonialCarousel .carousel-inner>.item>DIV:nth-child(1) {
padding-left: 0px;
padding-right: 0px
}
#testimonialCarousel .carousel-inner .item H3 {
right: 0px
}
body.themeundo section.testimonials #testimonialCarousel .carousel-indicators {
width: 100%
}
}
#sj_prod .container-fluid.sj_prod_row.sj_prod_row-1 #productTitleWrapper .special-description.guarantee {
border-bottom: none;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
#sj_prod .container-fluid.sj_prod_row.sj_prod_row-1 #productTitleWrapper .special-description.flag {
position: relative;
width: 100%;
top: -24px;
border-top: none;
border-top-right-radius: 0;
border-top-left-radius: 0;
background-size: 58px
}
@media (max-width:767px) {
#sj_prod .container-fluid.sj_prod_row.sj_prod_row-1 #productTitleWrapper {
padding-left: 0;
padding-right: 0
}
}
#sj_prod a span {
overflow-wrap: break-word
}
.cc-icons {
display: inline-block !important;
width: 100%;
margin: 0;
box-sizing: border-box
}
.main-content .cc-icons {
padding: 10px 10px 0
}
@media (max-width:480px) {
body[class*="theme-slimjoy"] .main-content .cc-icons {
padding: 4px 10px 0
}
}
.theme-pepperandchilli .main-content .cc-icons {
background: #fff
}
.theme-pepperandchilli .main-content .cc-icons.bottom,
.theme-slimjoy .main-content .cc-icons.bottom {
background-color: #eee
}
.theme-powgen .main-content .cc-icons.bottom {
background: #383536
}
.theme-undo .main-content .cc-icons {
padding: 4px 0;
margin-top: 20px
}
.checkout-cart-index .main-content .cc-icons {
padding: 4px 15px 0 15px
}
.theme-undo.checkout-cart-index .main-content .cc-icons {
padding-top: 20px
}
.cc-icons .title {
font-size: 12px;
font-weight: 700;
padding-bottom: 4px;
border-top: solid 1px #ccc
}
.checkout-cart-index .cc-icons .title {
display: none
}
.theme-powgen .main-content .cc-icons.bottom .title {
color: #fff
}
.cc-icons>div[data-icon] {
display: inline-block !important;
width: 70px;
height: 34px;
content: "";
margin: 0;
background-image: url(../img/credit_cards.png);
background-repeat: no-repeat;
background-color: #fff;
border: solid 1px #ccc
}
.cc-icons>div[data-icon="visa-mc"] {
background-position: 0 0
}
.cc-icons>div[data-icon="cod"] {
background-position: calc(-80px * 15) 0
}
.cc-icons>div[data-icon="mastercard"] {
background-position: 0 0
}
.cc-icons>div[data-icon="webmoney"] {
background-position: -70px 0
}
.cc-icons>div[data-icon="adyen"] {
background-position: calc(-70px * 2) 0
}
.cc-icons>div[data-icon="visa"] {
background-position: calc(-70px * 3) 0
}
.cc-icons>div[data-icon="eps"] {
background-position: calc(-70px * 4) 0
}
.cc-icons>div[data-icon="dotpay"] {
background-position: calc(-70px * 5) 0
}
.cc-icons>div[data-icon="payu"] {
background-position: calc(-70px * 6) 0
}
.cc-icons>div[data-icon="sofort"] {
background-position: calc(-70px * 7) 0
}
.cc-icons>div[data-icon="platba"] {
background-position: calc(-70px * 8) 0
}
.cc-icons>div[data-icon="euro"] {
background-position: calc(-70px * 9) 0
}
.cc-icons>div[data-icon="multibanco"] {
background-position: calc(-70px * 10) 0
}
.cc-icons>div[data-icon="paypal"] {
background-position: calc(-70px * 11) 0
}
.cc-icons>div[data-icon="bankbetalning"] {
background-position: calc(-70px * 12) 0
}
.cc-icons>div[data-icon="klarna"] {
background-position: calc(-70px * 13) 0
}
.cc-icons>div[data-icon="cc"] {
background-position: calc(-70px * 14) 0
}
.cc-icons>div[data-icon="cod"] {
background-position: calc(-70px * 15) 0
}
.cc-icons>div[data-icon="amex"] {
background-position: calc(-70px * 16) 0
}
.cc-icons>div[data-icon="maestro"] {
background-position: calc(-70px * 17) 0
}
.cc-icons>div[data-icon="diners"] {
background-position: calc(-70px * 18) 0
}
.cc-icons>div[data-icon="cb"] {
background-position: calc(-70px * 19) 0
}
.cc-icons>div[data-icon="ideal"] {
background-position: calc(-70px * 20) 0
}
footer .cc-icons>div[data-icon] {
margin: 2px;
border: none
}
.theme-pepperandchilli footer .cc-icons>div[data-icon] {
border: solid 1px #ccc
}
body:not(.theme-pepperandchilli) footer .guarantee *,
body:not(.theme-pepperandchilli) div[class*="ttt-footer"] .guarantee * {
color: #fff
}
footer .guarantee,
div[class*="ttt-footer"] .guarantee {
display: inline-block;
width: 100%;
margin: 4px 0
}
div[class*="ttt-footer"] .guarantee:before,
footer .guarantee:before {
float: left;
margin-right: 10px;
content: "";
width: 40px;
height: 40px;
background: url(../img/chekc_slimjoyicon.png) 0 0 no-repeat;
background-size: 100%
}
.theme-tummyteatox footer .guarantee:before {
filter: invert(1)
}
footer .guarantee .title,
div[class*="ttt-footer"] .guarantee .title {
font-size: 14px;
font-weight: 700
}
footer .guarantee p,
div[class*="ttt-footer"] .guarantee p {
font-size: 11px;
font-weight: normal;
line-height: normal
}
#sj_prod .special-description {
display: none !important
}
#sj_prod .guarantee-slider-wrapper {
float: right;
margin-bottom: 20px
}
#sj_prod div[id^='guarantee-slider-'] .guarantee-new {
margin-top: 10px
}
#sj_prod div[id^='guarantee-slider-'] .guarantee-new,
#sj_prod div[id^='guarantee-flags-'] .guarantee-new-flag {
padding: 0
}
#sj_prod div[id^='guarantee-flags-'] .guarantee-new-flag {
margin-top: 20px
}
#sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-header,
#sj_prod div[id^='guarantee-flags-'] .guarantee-new-flag .guarantee-new-header {
position: relative;
background-color: transparent;
text-align: left;
padding-left: 60px !important
}
#sj_prod div[id^='guarantee-flags-'] .guarantee-new-flag img {
width: 36px;
margin-right: 10px;
position: relative;
top: -1px
}
#sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-header span,
#sj_prod div[id^='guarantee-flags-'] .guarantee-new-flag .guarantee-new-header span {
margin-bottom: 4px;
font-size: 16px;
color: #333;
font-weight: 700
}
#sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-header:before {
display: inline-block;
content: '';
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 50px
}
body[class*="theme-slimjoy"] #sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-header:before {
background: url("../img/icon-guarantee.svg") center no-repeat
}
body[class*="theme-tummy"] #sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-header:before {
background: url("../img/icon-guarantee.svg") center no-repeat
}
body[class*="theme-powgen"] #sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-header:before {
background: url("../img/icon-guarantee.svg") center no-repeat
}
body[class*="theme-undo"] #sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-header:before {
background: url("../img/icon-guarantee.svg") center no-repeat
}
#sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-header p,
#sj_prod div[id^='guarantee-flags-'] .guarantee-new-flag .guarantee-new-header p {
font-size: 12px !important;
line-height: 16px !important;
font-weight: normal
}
#sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-header p a,
#sj_prod div[id^='guarantee-flags-'] .guarantee-new-flag .guarantee-new-header p a {
font-weight: 700;
text-transform: uppercase
}
#sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-header p a:before,
#sj_prod div[id^='guarantee-flags-'] .guarantee-new-flag .guarantee-new-header p a:before {
content: '...'
}
#sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-slider {
width: 100%;
height: 56px;
padding-top: 12px;
display: none
}
#sj_prod .guarantee-slider-wrapper.no-bg div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-slider,
#sj_prod .guarantee-slider-wrapper.no-bg div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-bottom {
background: none
}
#sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-slider div[class*="slider-item-"] {
position: relative;
float: left;
display: inline-block;
width: 19%;
height: 30px;
filter: grayscale(100%) brightness(0.4);
background-position: center;
background-repeat: no-repeat;
background-size: 30px
}
#sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-slider div[class*="slider-item-"].active {
filter: none
}
body[class*="theme-slimjoy"] #sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-slider .slider-item-1 {
background-image: url("../img/icon-1.svg")
}
body[class*="theme-slimjoy"] #sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-slider .slider-item-2 {
background-image: url("../img/icon-2.svg")
}
body[class*="theme-slimjoy"] #sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-slider .slider-item-3 {
background-image: url("../img/icon-3.svg")
}
body[class*="theme-slimjoy"] #sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-slider .slider-item-4 {
background-image: url("../img/icon-4.svg")
}
body[class*="theme-tummy"] #sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-slider .slider-item-1 {
background-image: url("../img/icon-1.svg")
}
body[class*="theme-tummy"] #sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-slider .slider-item-2 {
background-image: url("../img/icon-2.svg")
}
body[class*="theme-tummy"] #sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-slider .slider-item-3 {
background-image: url("../img/icon-3.svg")
}
body[class*="theme-tummy"] #sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-slider .slider-item-4 {
background-image: url("../img/icon-4.svg")
}
body[class*="theme-powgen"] #sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-slider .slider-item-1 {
background-image: url("../img/icon-1.svg")
}
body[class*="theme-powgen"] #sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-slider .slider-item-2 {
background-image: url("../img/icon-2.svg")
}
body[class*="theme-powgen"] #sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-slider .slider-item-3 {
background-image: url("../img/icon-3.svg")
}
body[class*="theme-powgen"] #sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-slider .slider-item-4 {
background-image: url("../img/icon-4.svg")
}
body[class*="theme-undo"] #sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-slider .slider-item-1 {
background-image: url("../img/icon-1.svg")
}
body[class*="theme-undo"] #sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-slider .slider-item-2 {
background-image: url("../img/icon-2.svg")
}
body[class*="theme-undo"] #sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-slider .slider-item-3 {
background-image: url("../img/icon-3.svg")
}
body[class*="theme-undo"] #sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-slider .slider-item-4 {
background-image: url("../img/icon-4.svg")
}
#sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-slider .slider-arrow {
float: left;
display: inline-block;
width: 8%;
height: 30px;
background: red;
background: url("../img/arrow.svg") center no-repeat;
background-size: 12px
}
#sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-middle {
padding: 0;
width: 100%;
height: 24px;
background: #333;
display: none
}
body[class*="theme-slimjoy"] #sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-middle {
background: #63b949
}
body[class*="theme-tummy"] #sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-middle {
background: #eb9185
}
body[class*="theme-powgen"] #sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-middle {
background: #ff5c00
}
body[class*="theme-undo"] #sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-middle {
background: #ea7d6f
}
#sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-middle p {
margin: 0;
font-size: 14px;
line-height: 24px;
color: #fff;
font-weight: 700;
text-align: center
}
#sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-middle p:nth-of-type(2),
#sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-middle p:nth-of-type(3),
#sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-middle p:nth-of-type(4) {
display: none
}
#sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-slider div[class*="slider-item-"].active:after {
content: '';
position: absolute;
z-index: 1;
top: 37px;
height: 0;
width: 0;
border-color: #333 transparent;
border-style: solid;
border-width: 0px 4px 7px 4px
}
body[class*="theme-slimjoy"] #sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-slider div[class*="slider-item-"].active:after {
border-color: #63b949 transparent
}
body[class*="theme-tummy"] #sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-slider div[class*="slider-item-"].active:after {
border-color: #eb9185 transparent
}
body[class*="theme-powgen"] #sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-slider div[class*="slider-item-"].active:after {
border-color: #ff5c00 transparent
}
body[class*="theme-undo"] #sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-slider div[class*="slider-item-"].active:after {
border-color: #ea7d6f transparent
}
#sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-slider div[class*="slider-item-1"].active:after,
#sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-slider div[class*="slider-item-3"].active:after,
#sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-slider div[class*="slider-item-4"].active:after {
left: calc(50% - 4px)
}
#sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-slider div[class*="slider-item-2"].active:after {
left: calc(50% - 8px)
}
#sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-slider div[class*="slider-item-4"].active:after {
left: calc(50% - 2px)
}
#sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-bottom,
#sj_prod div[id^='guarantee-flags-'] .guarantee-new-flag .guarantee-new-bottom {
height: auto;
padding: 16px 12px 16px 12px;
background: #fff;
display: none
}
#sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-bottom {
min-height: 82px
}
#sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-bottom p,
#sj_prod div[id^='guarantee-flags-'] .guarantee-new-flag .guarantee-new-bottom p {
font-size: 12px !important;
line-height: 16px !important;
color: #444;
font-weight: 400;
text-align: center;
margin: 0
}
@media (max-width:358px) {
#sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-header span {
padding-left: 0;
padding-right: 0
}
#sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-header span,
#sj_prod div[id^='guarantee-flags-'] .guarantee-new-flag .guarantee-new-header span {
font-size: 13px
}
}
@media (max-width:380px) {
#sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-header span,
#sj_prod div[id^='guarantee-flags-'] .guarantee-new-flag .guarantee-new-header span {
font-size: 11px
}
#sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-header,
#sj_prod div[id^='guarantee-flags-'] .guarantee-new-flag .guarantee-new-header {
padding-left: 5px;
padding-right: 5px
}
}
@media (max-width:340px) {
#sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-header span,
#sj_prod div[id^='guarantee-flags-'] .guarantee-new-flag .guarantee-new-header span {
font-size: 9px
}
}
@media (min-width:992px) and (max-width:1199px) {
#sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-header span,
#sj_prod div[id^='guarantee-flags-'] .guarantee-new-flag .guarantee-new-header span {
font-size: 11px
}
#sj_prod div[id^='guarantee-slider-'] .guarantee-new .guarantee-new-header,
#sj_prod div[id^='guarantee-flags-'] .guarantee-new-flag .guarantee-new-header {
padding-left: 5px;
padding-right: 5px
}
}
body[class*="firecheckout"] .page-title.checkout-title:not(.top) {
display: none
}
html[lang="sl"] body[class*="checkout-cart"]:not(.theme-coreone_v2) .cart .cart-next button {
font-size: 14px;
padding: 16px 0 16px 0;
width: 100%
}
html[lang="sl"] body[class*="checkout-cart"]:not(.theme-coreone_v2) .cart .cc-cart-items .cart-next {
padding-left: 0;
padding-right: 0
}
@media (max-width:992px) {
html[lang="sl"] body[class*="checkout-cart"]:not(.theme-coreone_v2) .cart .cart-next {
padding-left: 0;
padding-right: 0
}
}
#sj_prod .whatis-table {
display: flex;
flex-wrap: wrap;
margin-top: 40px
}
#sj_prod .whatis-table>div {
width: 50%;
padding: 20px;
border-color: #ccc;
border-style: solid
}
#sj_prod .whatis-table>div:nth-of-type(1) {
border-width: 1px
}
#sj_prod .whatis-table>div:nth-of-type(2) {
border-width: 1px 1px 1px 0
}
#sj_prod .whatis-table>div:nth-of-type(3) {
border-width: 0 1px 1px 1px
}
#sj_prod .whatis-table>div:nth-of-type(4) {
border-width: 0 1px 1px 0
}
#sj_prod .whatis-table h1 {
margin: 0;
font-weight: 700
}
#sj_prod .whatis-table p,
#sj_prod .whatis-table ul {
margin-bottom: 0
}
#sj_prod .whatis-table ul {
padding-left: 20px
}
@media (max-width:640px) {
#sj_prod .whatis-table,
#sj_prod .whatis-table>div:nth-of-type(2) {
margin-top: 20px
}
#sj_prod .whatis-table>div {
width: 100%
}
#sj_prod .whatis-table>div:nth-of-type(2) {
order: 3;
border-width: 1px
}
#sj_prod .whatis-table>div:nth-of-type(3),
#sj_prod .whatis-table>div:nth-of-type(4) {
border-width: 0 1px 1px 1px
}
#sj_prod .whatis-table>div:nth-of-type(3) {
order: 2
}
#sj_prod .whatis-table>div:nth-of-type(4) {
order: 4
}
}
@media (max-width:640px) {
#sj_prod iframe {
width: 100%
}
}
.testimonials-page {
margin-bottom: 50px;
text-align: center
}
.testimonials-page .banner .container,
.testimonials-page .card .container {
max-width: 800px
}
.testimonials-page .banner {
display: inline-block;
width: 100%;
padding: 100px 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
color: #fff
}
.testimonials-page .banner.top {
margin-bottom: 40px
}
.testimonials-page .banner.bottom {
margin-top: 40px
}
.testimonials-page .banner h1 {
font-size: 54px;
font-weight: 800;
text-transform: uppercase;
color: #fff
}
.testimonials-page .banner p {
font-size: 32px;
color: #fff
}
.testimonials-page .content .row>p {
font-size: 24px
}
.testimonials-page .content .row>.cta {
display: inline-block;
margin: 10px 0 60px 0;
padding: 14px 70px;
background: #333;
font-size: 18px;
font-weight: 800;
color: #fff;
text-transform: uppercase
}
.testimonials-page .content .row>.cta:after {
content: ' »'
}
.testimonials-page .content .row>.cta:hover {
background: #333 !important
}
.testimonials-page .card {
position: relative;
z-index: 2
}
.testimonials-page .card .container {
margin-top: -50px;
background: #fff;
border: solid 1px #ccc
}
.testimonials-page .card .container .row {
padding: 40px
}
.testimonials-page .card .container .row h3 {
padding: 30px 0;
font-size: 52px;
font-weight: 300;
text-transform: uppercase
}
.testimonials-page .card .container .row h3:not(.last) {
color: #333
}
.testimonials-page .card .container .row h3.last {
padding-bottom: 0
}
.testimonials-page .card .container .row ul {
padding-left: 20px
}
.testimonials-page .card .container .row p.small,
.testimonials-page .card .container .row ul {
text-align: left
}
.testimonials-page .card .container .row p:not(.small),
.testimonials-page .card .container .row ul li {
font-size: 18px;
font-weight: normal;
line-height: 28px
}
body[class*="theme-powgen"] .testimonials-page .content .row>.cta {
background: #e95424
}
body[class*="theme-powgen"] .testimonials-page .card .container .row h3:not(.last),
body[class*="theme-powgen"] .testimonials-page .content .row>p b span {
color: #e95424
}
body[class*="theme-slimjoy"] .testimonials-page .content .row>.cta {
background: #64ba49
}
body[class*="theme-slimjoy"] .testimonials-page .card .container .row h3:not(.last),
body[class*="theme-slimjoy"] .testimonials-page .content .row>p b span {
color: #64ba49
}
body[class*="theme-tummy"] .testimonials-page .content .row>.cta {
background: #ea7d6f
}
body[class*="theme-tummy"] .testimonials-page .card .container .row h3:not(.last),
body[class*="theme-tummy"] .testimonials-page .content .row>p b span {
color: #ea7d6f
}
body[class*="theme-pepper"] .testimonials-page .content .row>.cta {
background: #ff8a00
}
body[class*="theme-pepper"] .testimonials-page .card .container .row h3:not(.last),
body[class*="theme-pepper"] .testimonials-page .content .row>p b span {
color: #ff8a00
}
body[class*="theme-undo"] .testimonials-page .content .row>.cta {
background: #958771
}
body[class*="theme-undo_v2"] .testimonials-page .content .row>.cta {
background: #59AB7A
}
body[class*="theme-undo"] .testimonials-page .card .container .row h3:not(.last),
body[class*="theme-undo"] .testimonials-page .content .row>p b span {
color: #958771
}
body[class*="theme-undo_v2"] .testimonials-page .card .container .row h3:not(.last),
body[class*="theme-undo_v2"] .testimonials-page .content .row>p b span {
color: #59AB7A
}
#productImgWrapper .owl-carousel .owl-dots {
bottom: -8px
}
@media (max-width:480px) {
.row.cc-coupon.cc-cart-info2 .white-cart-box .col-md-12 {
padding-left: 5px;
padding-right: 5px
}
.discount-form label[for=coupon_code] {
font-size: 11px
}
}
[id^=webform] ul.form-list .tooltip-icon-container {
position: relative
}
[id^=webform] ul.form-list .tooltip-icon {
top: -18px
}
[id^=webform] ul.form-list .tooltip-content {
position: absolute;
top: -50px;
left: -33px;
background: #eee;
white-space: nowrap;
padding: 4px 11px;
border-radius: 4px;
font-size: 12px;
font-weight: 600;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: all .3s ease
}
[id^=webform] ul.form-list .tooltip-icon:hover~.tooltip-content {
opacity: 1;
visibility: visible;
pointer-events: auto
}
[id^=webform] ul.form-list .tooltip-icon:before {
content: '';
position: absolute;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #eee;
left: 0;
top: -8px;
opacity: 0;
visibility: hidden;
transition: all .3s ease
}
[id^=webform] ul.form-list .tooltip-icon:hover:before {
opacity: 1;
visibility: visible
}
@media (max-width:700px) {
[id^=webform] ul.form-list .tooltip-icon {
right: -20px;
left: unset
}
[id^=webform] ul.form-list .tooltip-content {
min-width: 130px;
left: 4px
}
[id^=webform] ul.form-list .tooltip-content:before {
right: 12px;
left: unset
}
}
body[class*="cms-"] .minimal-price-link {
display: none
}
#sj_prod .burger {
margin-bottom: 35px
}
#sj_prod div[class*="sj_prod_news"] {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 35px;
padding: 0
}
body:not([class*="theme-pepper"]) #sj_prod div[class*="sj_prod_news"] img {
width: 100%
}
body[class*="theme-powgen"] #sj_prod .review-text,
body[class*="theme-slimjoy"] #sj_prod .review-text,
body[class*="theme-pepper"] #sj_prod .review-text {
background: #eee
}
body[class*="theme-tummy"] #sj_prod .review-text {
background: #fcf2f1
}
#sj_prod .sj_prod_row-2 .row div[class*="sj_prod_news"] .review-image>img {
margin-bottom: 0
}
#sj_prod .review-image,
#sj_prod .review-text {
width: 50%
}
#sj_prod .review-image {
background: #fff
}
#sj_prod .review-text {
padding: 0 20px;
display: flex;
align-items: center
}
#sj_prod div[class*="sj_prod_news"] h3 {
margin: 0 0 10px 0;
font-size: 30px;
line-height: 120%;
font-weight: 700;
text-align: left
}
body[class*="theme-tummy"] #sj_prod div[class*="sj_prod_news"] h3 {
color: #eb7d70
}
body[class*="theme-slimjoy"] #sj_prod div[class*="sj_prod_news"] h3 {
color: #64ba49
}
body[class*="theme-powgen"] #sj_prod div[class*="sj_prod_news"] h3 {
color: #f06135
}
#sj_prod div[class*="sj_prod_news"] p {
line-height: 130%;
margin-bottom: 10px
}
#sj_prod div[class*="sj_prod_news"] p:last-of-type {
margin-bottom: 0
}
@media only screen and (min-width:768px) {
#sj_prod .sj_prod_news_left .review-image {
order: 2
}
}
@media only screen and (min-width:480px) and (max-width:768px) {
#sj_prod .review-text {
padding: 20px
}
}
@media only screen and (max-width:992px) {
#sj_prod .review-image,
#sj_prod .review-text {
width: 100%
}
#sj_prod .review-text {
padding: 20px
}
body[class*="theme-tummy"] #sj_prod .review-text {
background: #fcf2f1
}
#sj_prod div[class*="sj_prod_news"] h3 {
margin-bottom: 10px;
font-size: 24px
}
#sj_prod div[class*="sj_prod_news"] p {
line-height: 24px
}
}
@media only screen and (max-width:480px) {
#sj_prod .review-text {
padding: 15px
}
}
#sj_prod .add-to-wrapper form {
box-sizing: border-box;
padding: 15px 15px 0
}
#sj_prod .add-to-wrapper form .price-box {
margin: 10px 10px 10px;
text-align: center;
box-sizing: border-box
}
#sj_prod .add-to-wrapper form .price-box .price {
font-size: 32px;
font-weight: 600;
line-height: 120%;
display: block
}
#sj_prod .add-to-wrapper form .price-box .old-price {
font-size: 16px
}
#sj_prod .add-to-wrapper form .price-box .old-price .price {
display: inline;
font-size: 18px;
font-weight: 300
}
#sj_prod .add-to-wrapper form p.availability.in-stock,
#sj_prod .add-to-wrapper form p.availability.out-of-stock {
text-align: center;
display: block;
font-size: 14px;
margin: 2px
}
#sj_prod .add-to-wrapper {
background-color: #fff;
border-radius: 5px;
margin: 15px 0;
box-sizing: border-box;
padding: 10px 5px 10px;
border: 4px solid rgba(240, 98, 53, 0.6)
}
#sj_prod .add-to-wrapper form .add-to-box,
#sj_prod .add-to-wrapper form .add-to-box .add-to-cart {
margin: 0;
padding: 0
}
#sj_prod .add-to-wrapper .cart-guarantee-info,
#sj_prod .add-to-wrapper .cart-delivery-info,
#sj_prod .add-to-wrapper .cart-payment-info,
#sj_prod .add-to-wrapper .cart-packaging-info {
margin: 0;
border-bottom: 1px solid rgba(255, 255, 255, .5);
box-sizing: border-box;
background-image: url(../img/icon_paper.png);
background-position: 15px 8px;
background-repeat: no-repeat
}
#sj_prod .add-to-wrapper .cart-delivery-info {
padding-top: 15px;
background-position: 10px 16px
}
#sj_prod .add-to-wrapper .cart-packaging-info {
border-bottom: none
}
#sj_prod .add-to-wrapper .cart-payment-info ul {
list-style: none;
margin: .1em 0 .4em 0;
padding: 0
}
#sj_prod .add-to-wrapper .cart-packaging-info p {
display: inline-block;
width: 100%;
font-size: 12px;
line-height: 130%
}
#sj_prod .add-to-wrapper .cart-packaging-info p {
margin-bottom: 4px
}
#sj_prod .add-to-wrapper .availability.out-of-stock p {
text-align: center
}
@media only screen and (max-width:480px) {
#sj_prod .add-to-wrapper {
margin-top: 0
}
}
#sj_prod .add-to-wrapper form {
background-color: rgba(255, 255, 255, .75)
}
#sj_prod .add-to-wrapper form p.availability.in-stock span {
color: #333
}
#sj_prod .add-to-wrapper form p.availability.in-stock {
color: #333
}
#sj_prod .add-to-wrapper .price-box .price {
color: #444444
}
#sj_prod .add-to-wrapper .cart-packaging-info p {
color: #444444;
margin-left: -4px
}
#sj_prod .add-to-wrapper form .price-box {
font-size: 0;
margin: 10px 0 0
}
#sj_prod .add-to-wrapper .price-box p.old-price,
#sj_prod .add-to-wrapper .price-box span.old-price {
font-size: 16px;
color: #fff;
display: inline-block;
width: 43%;
box-sizing: border-box;
padding-right: 10px;
text-align: right;
position: relative;
top: -5px;
margin-bottom: 12px
}
#sj_prod .add-to-wrapper .price-box p.old-price span.price {
color: #666
}
#sj_prod .add-to-wrapper .price-box p.special-price,
#sj_prod .add-to-wrapper .price-box span.special-price,
#sj_prod .add-to-wrapper .price-box span.regular-price {
color: #333;
display: inline-block;
width: 55%;
box-sizing: border-box;
padding-left: 10px;
text-align: left;
margin-bottom: 8px
}
#sj_prod .add-to-wrapper .price-box span.special-price.wide,
#sj_prod .add-to-wrapper .price-box span.regular-price.wide {
width: 100%;
text-align: center;
margin-bottom: 10px
}
#sj_prod .add-to-wrapper form {
padding: 0
}
#sj_prod .catalog-product-view .product-view .promoPoints:not(.noPadding) {
padding-left: 15px;
padding-right: 15px
}
#sj_prod .product-icons {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-bottom: 10px
}
#sj_prod .product-icons div[class*='icon-'] {
width: 34px;
height: 34px;
margin: 2px;
display: block;
background-size: cover;
opacity: .4
}
@media (min-width:768px) {
body[class*="theme-tummy"] #sj_prod div.subtitle p.dietary-notice {
color: #fff
}
body[class*="theme-tummy"] #sj_prod .product-icons div[class*='icon-'] {
filter: invert(100%);
opacity: 1
}
}
#sj_prod .product-icons .icon-gmp {
background: url(../img/icon-good-manu.svg) center no-repeat
}
#sj_prod .product-icons .icon-vegetarian {
background: url(../img/icon-vegetarian.svg) center no-repeat
}
#sj_prod .product-icons .icon-cellulose {
background: url(../img/icon-cellulose.svg) center no-repeat
}
#sj_prod .product-icons .icon-gluten {
background: url(../img/icon-gluten-free.svg) center no-repeat
}
#sj_prod .product-icons .icon-lactose {
background: url(../img/icon-lactose-free.svg) center no-repeat
}
#sj_prod .product-icons .icon-gmo {
background: url(../img/icon-gmo-free.svg) center no-repeat
}
#sj_prod .product-icons .icon-ebook {
background: url(../img/icon-ebook.svg) center no-repeat
}
#sj_prod .product-icons .icon-vegan {
background: url(../img/icon-vegan.svg) center no-repeat
}
#sj_prod p.dietary-notice {
text-align: center;
font-weight: 400 !important;
font-size: 13px !important;
color: #777;
margin-top: 20px;
margin-bottom: 10px !important
}
.theme-undo #sj_prod div.subtitle p.dietary-notice {
font-size: 14px;
padding-left: 5px;
border-left: 3px solid #999;
color: #999;
margin-top: 0;
margin-bottom: 12px !important;
text-align: left
}
body[class*="theme-slimjoy"] #sj_prod .add-to-wrapper {
border: 4px solid rgba(100, 186, 73, 0.6)
}
body[class*="theme-slimjoy"] #sj_prod .container-fluid.sj_prod_row.sj_prod_row-1.sj_prod_row-2new {
padding-top: 0
}
body[class*="cms"] .ttt-signup.ttt-v2-signup {
padding: 60px 0
}
body[class*="theme-slimjoy"] .ttt-signup {
background: url(../img/SJ-SUB.jpg) center center no-repeat
}
body[class*="theme-powgen"] .ttt-signup {
background: url(../img/PG-SUB-BG.jpg) center center no-repeat
}
body[class*="theme-powgen"] .ttt-signup h2,
body[class*="theme-powgen"] .ttt-signup p {
color: #fff
}
body[class*="theme-undo"] .ttt-signup h2,
body[class*="theme-undo"] .ttt-signup p {
color: #958771;
text-align: center
}
body[class*="theme-undo"] .ttt-signup {
position: relative
}
body[class*="theme-undo"] .ttt-signup .inlineWebform_popup button[data-featherlight],
body[class*="theme-undo"] #inlineWebform_popup_form.signup .webforms-sensi .buttons-set button.button {
background: #958771;
border-color: #958771
}
body[class*="theme-undo"] #inlineWebform_popup_form.signup .webforms-sensi .buttons-set button.button span {
color: #fff
}
body[class*="theme-undo"] .ttt-signup .row {
margin-left: -15px;
margin-right: -15px
}
body[class*="theme-undo"] .ttt-signup .inlineWebform_popup button[data-featherlight]:hover,
body[class*="theme-undo"] #inlineWebform_popup_form.signup .webforms-sensi .buttons-set button.button:hover span {
color: #958771
}
body[class*="theme-powgen"] .ttt-signup .inlineWebform_popup button[data-featherlight],
body[class*="theme-powgen"] #inlineWebform_popup_form.signup .webforms-sensi .buttons-set button.button {
background: #f06135;
border-color: #f06135
}
body[class*="theme-powgen"] #inlineWebform_popup_form.signup .webforms-sensi .buttons-set button.button:hover span {
color: #f06135
}
body[class*="cms"] .featherlight:not(.entry) .featherlight-close-icon {
width: 20px;
height: 20px;
top: 0;
right: 0;
line-height: 20px;
font-size: 20px
}
body[class*="cms"] .featherlight-inner {
padding: 20px
}
body[class*="theme-undo"] .featherlight .featherlight-content {
padding: 0px;
border: 8px solid #fff;
border-bottom-width: 0;
background: none
}
body[class*="theme-undo"] .ttt-v2-signup:before,
body[class*="theme-undo"] .ttt-v2-signup:after {
background: url(../img/bg_mail_left.png) center center no-repeat;
width: 50%;
content: " ";
position: absolute;
top: 0;
height: initial;
bottom: 0;
display: block;
background-size: cover;
z-index: -1
}
body[class*="theme-undo"] .ttt-v2-signup:before {
background: url(../img/bg_mail_left.png) center center no-repeat;
left: 0;
right: unset
}
body[class*="theme-undo"] .ttt-v2-signup:after {
background: url(../img/bg_mail_right.png) center center no-repeat;
left: unset;
right: 0
}
@media only screen and (max-width:1200px) {
body[class*="theme-undo"] .ttt-v2-signup:before {
left: 0;
top: -24px;
opacity: 0.8
}
body[class*="theme-undo"] .ttt-v2-signup:after {
right: -10%;
top: 0
}
}
@media only screen and (max-width:992px) {
body[class*="theme-undo"] .ttt-v2-signup:before {
left: 0;
top: -24px;
opacity: 0.8
}
body[class*="theme-undo"] .ttt-v2-signup:after {
right: -10%;
top: 0
}
}
@media only screen and (max-width:480px) {
body[class*="cms"] .ttt-signup.ttt-v2-signup {
padding: 8px 10px 0
}
body[class*="theme-undo"] .ttt-v2-signup:before {
background: none
}
body[class*="theme-undo"] .ttt-v2-signup:after {
background: none
}
body[class*="theme-undo"] .ttt-v2-signup {
background: url(../img/bg_mail_mobile.jpg) center center no-repeat;
background-size: cover;
margin: 40px 0 0 0
}
}
@media only screen and (max-width:768px) {
body[class*="theme-undo"] .ttt-v2-signup:before {
left: 0;
top: -24px
}
body[class*="theme-undo"] .ttt-v2-signup:after {
right: -10%;
top: 0
}
}
.sensi-calendar .close-button-text {
display: none
}
.sensi-calendar .calendar-header-wrapper {
background: url(../img/calendarbg_d.jpg) no-repeat center/cover
}
.sensi-calendar .calendar-tabs-wrapper,
.sensi-calendar .calendar-header,
.sensi-calendar .calendar-wrapper {
width: 100%
}
.sensi-calendar .calendar-tabs-wrapper {
display: flex;
max-width: 700px;
margin: 0 auto;
z-index: 10;
background: #fff
}
.sensi-calendar .calendar-header {
width: 100%;
max-width: 500px;
margin: 0 auto;
text-align: center;
padding: 80px 0;
color: #fff
}
.sensi-calendar .calendar-wrapper {
width: 100%;
max-width: 700px;
margin: 0 auto 60px auto
}
.sensi-calendar .calendar-header h2 {
font-size: 50px;
line-height: 56px;
font-weight: 800;
margin: 0 0 30px 0
}
.sensi-calendar .calendar-header p {
font-size: 16px;
line-height: 26px
}
.sensi-calendar .calendar-header p.start {
font-size: 32px;
line-height: 38px;
font-weight: 800;
margin-bottom: 0
}
.sensi-calendar .calendar-wrapper .calendar-tabs-wrapper div[class*="week"] {
height: 80px;
width: calc(100% / 4);
line-height: 78px;
font-size: 16px;
font-weight: 800;
color: #333;
border: 1px solid #eee;
text-align: center;
float: left;
text-transform: uppercase
}
.sensi-calendar .calendar-wrapper .calendar-tabs-wrapper div[class*="week"][data-sensi-tabs-target-active="true"] {
background: #444;
color: #fff;
border-color: #444
}
.sensi-calendar .calendar-wrapper .calendar-tabs-wrapper div[class*="week"] p {
margin-bottom: 0
}
.sensi-calendar .calendar-wrapper .calendar-tabs-wrapper div[class*="week"] p:before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
position: relative;
left: -6px;
top: 3px;
background: url(../img/Calendar-c.svg) 0 0 no-repeat
}
.sensi-calendar .calendar-wrapper .calendar-tabs-wrapper div[class*="week"][data-sensi-tabs-target-active="true"] p:before {
background: url(../img/Calendar-c-w.svg) 0 0 no-repeat
}
.sensi-calendar .calendar-wrapper .days-wrapper {
width: 100%;
max-width: unset
}
.sensi-calendar .calendar-wrapper .days-wrapper div[class*="day"] {
width: 100%;
display: flex;
border: 1px solid #eee;
padding: 30px
}
.sensi-calendar .calendar-wrapper .days-wrapper div[class*="day"] .day-right>p {
font-size: 18px;
line-height: 28px;
color: #444;
text-align: left;
padding: 0 8px
}
.sensi-calendar .calendar-wrapper .days-wrapper div[class*="day"] div[class*="day"] {
position: relative;
display: block;
width: calc(100% / 3);
float: left;
border: none;
padding: 0
}
.sensi-calendar .calendar-wrapper .days-wrapper div[class*="day"] .day-center,
.sensi-calendar .calendar-wrapper .days-wrapper div[class*="day"] .day-right {
text-align: center
}
.sensi-calendar .calendar-wrapper .days-wrapper div[class*="day"] .day-right p.play {
position: absolute;
z-index: 2;
font-size: 15px;
color: #fff;
font-weight: 800;
top: calc(50% + 15px);
text-align: center;
width: 100%;
cursor: pointer
}
.sensi-calendar .calendar-wrapper .days-wrapper div[class*="day"] .day-right p.play:before {
content: "";
display: inline-block;
width: 42px;
height: 42px;
position: absolute;
left: calc(50% - 21px);
top: -46px;
background: url(../img/playerYT.svg) 0 0 no-repeat;
cursor: pointer
}
.sensi-calendar .calendar-wrapper .days-wrapper div[class*="day"] .day-center>img {
height: 84px
}
.sensi-calendar .calendar-wrapper .days-wrapper div[class*="day"] .day-right>img {
height: 150px;
cursor: pointer
}
.sensi-calendar .calendar-wrapper .days-wrapper div[class*="day"] p.day-name {
width: 100%;
margin-bottom: 14px;
font-size: 24px;
line-height: 24px;
color: #444
}
.sensi-calendar .calendar-wrapper .days-wrapper div[class*="day"] p.training {
display: inline-block;
margin: 0;
font-size: 32px;
line-height: 38px;
font-weight: 800;
color: #333
}
body[class*="theme-slimjoy"] .sensi-calendar .calendar-wrapper .days-wrapper div[class*="day"] p.training {
color: #64ba49
}
body[class*="theme-tummy"] .sensi-calendar .calendar-wrapper .days-wrapper div[class*="day"] p.training {
color: #ea7d6f
}
body[class*="theme-powgen"] .sensi-calendar .calendar-wrapper .days-wrapper div[class*="day"] p.training {
color: #ff5d00
}
body[class*="theme-undo"] .sensi-calendar .calendar-wrapper .days-wrapper div[class*="day"] p.training {
color: #958771
}
body[class*="theme-pepper"] .sensi-calendar .calendar-wrapper .days-wrapper div[class*="day"] p.training {
color: #ff8a00
}
body[class*="theme-avenobo"] .sensi-calendar .calendar-wrapper .days-wrapper div[class*="day"] p.training {
color: #7BAFD4
}
.sensi-calendar .calendar-wrapper .days-wrapper div[class*="day"] p.level {
margin-top: 2px;
font-size: 14px;
line-height: 14px;
font-weight: 800
}
.popup-video {
width: 100%;
max-width: 640px;
min-height: 480px;
position: fixed;
top: 20%;
left: 50%;
transform: translateX(-50%);
z-index: 10;
padding-top: 50px
}
.popup-video .close-button {
border: 2px solid #fff;
padding: 0 25px;
height: 50px;
display: table;
float: right;
margin-bottom: 20px;
cursor: pointer
}
.popup-video .close-button p {
font-size: 19px;
line-height: 48px;
display: inline-block;
margin-bottom: 0;
color: #fff;
font-weight: 800
}
.popup-video .close-button-x {
width: 16px;
height: 16px;
position: relative;
display: inline-block;
margin-right: 12px
}
.popup-video .close-button-x:after,
.popup-video .close-button-x:before {
content: '';
height: 16px;
border-left: 3px solid #fff;
position: absolute;
transform: rotate(45deg);
left: 5px;
top: 2px
}
.popup-video .close-button-x:after {
transform: rotate(45deg)
}
.popup-video .close-button-x:before {
transform: rotate(-45deg)
}
@media only screen and (max-width:480px) {
.sensi-calendar .calendar-header-wrapper {
background-image: url(../img/calendarbg_m.jpg);
background-position: -68px
}
.sensi-calendar .calendar-header {
padding: 60px 30px
}
.sensi-calendar .calendar-header h2 {
font-size: 30px;
line-height: 38px
}
.sensi-calendar .calendar-wrapper .calendar-tabs-wrapper div[class*="week"] p:before {
display: none
}
.sensi-calendar .calendar-wrapper .calendar-tabs-wrapper div[class*="week"] {
font-size: 13px;
line-height: 17px;
display: flex;
justify-content: center;
align-items: center
}
.sensi-calendar .calendar-wrapper .days-wrapper div[class*="day"] {
padding: 26px 18px
}
.sensi-calendar .calendar-wrapper .days-wrapper div[class*="day"] p.day-name {
font-size: 16px;
line-height: 18px;
margin-bottom: 10px
}
.sensi-calendar .calendar-wrapper .days-wrapper div[class*="day"] p.training {
font-size: 17px;
line-height: 22px
}
.sensi-calendar .calendar-wrapper .days-wrapper div[class*="day"] p.level {
margin-bottom: 0
}
.sensi-calendar .calendar-wrapper .days-wrapper div[class*="day"] .day-center>img {
height: 68px
}
.sensi-calendar .calendar-wrapper .days-wrapper div[class*="day"] .day-right>img {
height: 80px
}
.sensi-calendar .calendar-wrapper .days-wrapper div[class*="day"] .day-right p.play {
font-size: 12px;
top: 50%;
transform: translateY(-50%)
}
.sensi-calendar .calendar-wrapper .days-wrapper div[class*="day"] .day-right p.play:before {
width: 22px;
height: 22px;
left: calc(50% - 11px);
top: -25%;
transform: translateY(-50%)
}
.sensi-calendar .calendar-wrapper .days-wrapper div[class*="day"] .day-right>p {
font-size: 15px;
line-height: 18px
}
.popup-video .close-button {
height: 40px;
padding: 0 15px;
margin-bottom: 10px
}
.popup-video .close-button p {
font-size: 15px;
line-height: 40px
}
}
@media only screen and (max-width:360px) {
.sensi-calendar .calendar-wrapper .days-wrapper div[class*="day"] .day-center>img {
height: 50px
}
}
.cart .cart-box-newcart .english-assistance {
margin-bottom: 10px;
padding: 5px 0 0 62px;
background: url(../img/uk.svg) no-repeat 10px 5px / 40px
}
.cart .cart-box-newcart .english-assistance h2 {
margin-bottom: 10px
}
.cart .cart-box-newcart .english-assistance a {
color: #333;
font-weight: 600
}
@media only screen and (min-width:768px) {
#sj_prod .tummy-image img {
display: block;
margin: 0 auto
}
#productImgWrapper>img {
max-height: 380px
}
}
#whatsapp_product-name {
display: none
}
#successPage-banner img {
display: block;
margin: 0 auto
}
.catalog-product-view .free-gift {
display: inline-block;
width: 100%;
background: #fff;
padding: 12px;
box-sizing: border-box
}
@media (max-width:640px) {
.catalog-product-view .free-gift {
border: solid 1px #ccc
}
}
body[class*="theme-slimjoy"] .free-gift {
background: #eee
}
.catalog-product-view .free-gift img {
max-width: 30%;
float: left
}
.catalog-product-view .free-gift .title {
width: 100%;
padding-bottom: 10px
}
@media (max-width:640px) {
.catalog-product-view .free-gift .title {
text-align: center
}
}
.catalog-product-view .free-gift p {
width: 65%;
float: right;
margin: 0 0 0 5% !important;
padding: 0
}
.catalog-product-view .free-gift .title {
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
color: #333
}
.catalog-product-view .free-gift p {
font-size: 12px !important;
line-height: 16px !important;
color: #333
}
body[class*="theme-slimjoy"] .free-gift .title {
color: #64ba49
}
body[class*="theme-tummy"] .free-gift .title {
color: #eb9185
}
body[class*="theme-powgen"] .free-gift .title {
color: #ff5c00
}
.picto-box {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
right: 0;
top: 0;
width: 66px;
height: 66px;
line-height: 40px;
background-color: #ff5c00;
border-radius: 50%;
z-index: 9
}
.catalog-product-view .picto-box {
display: table;
position: relative;
top: auto;
left: auto;
right: auto;
margin: -30px auto 10px auto;
height: auto;
width: auto;
line-height: normal;
padding: 10px !important;
border-radius: 0;
transition: all .2s ease
}
.catalog-product-view .picto-box.hide-picto {
opacity: 0
}
body[class*="theme-slimjoy"] .picto-box {
background-color: #64ba49
}
body[class*="theme-tummy"] .picto-box {
background-color: #ea7d6f
}
body[class*="theme-tummy"]:not(.catalog-product-view) .picto-box {
background-color: #99cfc1
}
body[class*="theme-powgen"] .picto-box {
background-color: #f06135
}
body[class*="theme-undo"] .picto-box {
background-color: #64ba49
}
body[class*="theme-slimjoy"].catalog-product-view .picto-box {
background-color: #EC0043
}
.catalog-product-view #productImgWrapper .picto-box {
display: none
}
@media (max-width:640px) {
.catalog-product-view #productImgWrapper .picto-box {
display: table;
position: absolute;
right: -15px;
top: 0;
left: auto;
bottom: auto;
margin: auto
}
}
.picto-box .picto-text {
display: inline-block;
margin: 0 !important;
padding: 0 !important;
line-height: normal !important;
font-size: 16px !important;
font-weight: 700 !important;
color: #fff !important;
text-align: center !important
}
.catalog-product-view .picto-box .picto-text {
font-size: 20px !important
}
@media (max-width:640px) {
.catalog-product-view .picto-box .picto-text {
font-size: 22px !important
}
}
.cookieThing {
z-index: 100000
}
body[class*="cms-body-type"] .container-phone-me,
body[class*="cms-body-type"] .crisp-client,
body[class*="cms-body-type"] #footer-disclaimer,
body[class*="cms-body-type"] .ttt-footer-top {
display: none
}
body[class*="cms-body-type"] .container-fluid.ttt-nav {
margin-top: 0 !important
}
.testimonials-grid-new * {
box-sizing: border-box
}
.testimonials-grid-new .item {
max-width: 276px;
margin: 10px 10px;
border: 1px solid #ccc
}
.testimonials-page .container {
width: calc(100% - 40px);
max-width: 1220px
}
.testimonials-grid-new .items div[data-sensi-tabs-content]:not([data-sensi-tabs-content-active="true"]),
.testimonials-grid-new .items div[data-sensi-tabs-content] {
display: none
}
.testimonials-grid-new .items div[data-sensi-tabs-content] {
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: flex-start;
margin: 0 auto
}
.testimonials-grid-new .items div[data-sensi-tabs-content]:after {
content: '';
flex: auto
}
.testimonials-grid-new .item .title {
font-size: 16px;
line-height: 22px;
margin: 20px 25px;
font-weight: 800
}
.testimonials-grid-new .item p {
font-size: 14px;
line-height: 22px;
margin: 0 25px
}
.testimonials-grid-new .item a {
display: block;
margin: 22px 25px 25px 22px;
border: 2px solid #333333;
font-size: 14px;
line-height: 22px;
font-weight: 800;
padding: 9px 10px;
color: #333
}
.testimonials-grid-new .review-read-more {
position: absolute;
z-index: 4;
background: #fff;
bottom: 5px;
right: 0
}
.testimonials-grid-new span.read-more-text {
color: #E95424;
font-weight: 800;
cursor: pointer
}
.testimonials-grid-new .review-text-wrapper {
height: 177px;
overflow: hidden;
position: relative
}
.testimonials-grid-new div[data-sensi-tabs-target-parent] {
width: 100%;
margin-top: 100px;
display: flex;
align-items: center;
justify-content: center
}
.testimonials-grid-new div[data-sensi-tabs-target] {
display: inline-block;
font-size: 0;
color: #333;
font-weight: 800;
padding: 0 16px
}
.testimonials-grid-new div[data-sensi-tabs-target] p {
margin: 0;
font-size: 16px;
line-height: 16px
}
.testimonials-grid-new div[data-sensi-tabs-target-active="true"] {
color: #E95424
}
.testimonials-grid-new div[data-sensi-tabs-target]:not(:last-of-type) {
border-right: 1px solid #ccc
}
@media (min-width:1240px) {
.testimonials-grid-new .items div[data-sensi-tabs-content] {
max-width: 1200px
}
}
@media (min-width:943px) and (max-width:1239px) {
.testimonials-grid-new .items div[data-sensi-tabs-content] {
max-width: 888px
}
}
@media (min-width:681px) and (max-width:942px) {
.testimonials-grid-new .items div[data-sensi-tabs-content] {
max-width: 620px
}
}
@media (max-width:680px) {
.testimonials-grid-new .item {
max-width: unset
}
.testimonials-page .container {
width: 100%
}
.testimonials-grid-new .review-text-wrapper {
height: 155px
}
.testimonials-grid-new div[data-sensi-tabs-target-parent] {
width: 100%;
margin-top: 60px
}
}
body[class*="customer-account-login"] .layout.layout-1-col div[role=main],
body[class*="customer-account-create"] .layout.layout-1-col div[role=main] {
max-width: 1170px;
margin: 30px auto;
float: none
}
body[class*="customer-account-login"] .customer-login,
body[class*="customer-account-create"] .block-login.customer {
float: left;
width: 63%;
padding: 25px;
background: #fff;
box-sizing: border-box
}
body[class*="customer-account-login"] .customer-login h2 {
font-weight: 600;
text-transform: uppercase;
font-size: 20px;
margin: 0 0 20px
}
body[class*="customer-account-login"] .customer-login h3 {
display: inline-block;
width: 100%;
margin: 0
}
body[class*="customer-account-login"] .customer-login .password-forgot {
display: block;
width: 100%;
clear: both;
margin-bottom: 24px
}
body[class*="customer-account-login"] .customer-login input {
margin-top: 20px;
margin-bottom: 6px
}
body[class*="customer-account-login"] .customer-login button {
display: block;
margin: 14px 0
}
body[class*="customer-account-login"] .block.block-login.fb,
body[class*="customer-account-register"] .block.block-login.fb {
border: none
}
.inchoo-socialconnect-login,
.inchoo-socialconnect-register {
float: right;
width: 35%
}
body[class*="customer-account-create"] .block-login.customer .buttons-set p.required {
display: inline-block;
width: 100%
}
@media (max-width:640px) {
body[class*="customer-account-login"] .customer-login,
body[class*="customer-account-create"] .block-login.customer,
.inchoo-socialconnect-login,
.inchoo-socialconnect-register {
width: 100%;
margin-right: 0;
padding-bottom: 0
}
}
html:not([lang="hr"]):not([lang="sl"]) .smindTrustMark {
display: none
}
body[class*="customer-account-"] .navbar-header button {
background: none
}
body[class*="customer-account-"] aside[role=complementary] {
display: block
}
@font-face {
font-family: 'barlowcondensedregular';
src: url('../fonts/BarlowCondensed-Regular.ttf');
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'barlowcondensedbold';
src: url('../fonts/BarlowCondensed-Bold.ttf');
font-weight: normal;
font-style: normal
}
#black-friday-landing {
background: #000;
text-align: center
}
#black-friday-landing h1,
#black-friday-landing h2,
#black-friday-landing p {
padding: 0;
margin: 0
}
#black-friday-landing h1,
#black-friday-landing h2,
#black-friday-landing .basic-countdown-wrapper div>span {
font-family: 'barlowcondensedbold';
font-weight: 800
}
#black-friday-landing .w-1 {
width: calc(100% - 30px);
max-width: 1180px;
margin: 0 auto
}
#black-friday-landing .section-1 img {
max-width: 828px
}
#black-friday-landing .section-2 {
border-bottom: 1px
}
#black-friday-landing h1 {
font-size: 28px;
line-height: 34px;
letter-spacing: 2.8px;
color: #0dcdff
}
#black-friday-landing h2 {
font-size: 70px;
line-height: 84px;
color: #fff;
margin-bottom: 4px;
text-transform: uppercase;
letter-spacing: 7px
}
#black-friday-landing p {
font-family: 'barlowcondensedregular';
font-size: 22px;
line-height: 26px;
color: #0dcdff;
letter-spacing: 2.2px
}
#black-friday-landing .blue-border {
position: relative;
display: inline-block;
width: 100%;
height: 40px;
overflow: hidden;
background: #000;
content: ''
}
#black-friday-landing .blue-border:before {
position: absolute;
top: -66px;
left: 0;
width: 100%;
height: 92px;
content: '';
border-radius: 50%;
background: #00ccff;
filter: blur(9px)
}
#black-friday-landing .basic-countdown-wrapper {
font-family: sans-serif;
color: #fff;
display: inline-block;
font-weight: 100;
text-align: center;
font-size: 30px;
margin-bottom: 35px
}
#black-friday-landing .basic-countdown-wrapper>div {
padding: 20px 10px 10px 10px;
border-radius: 4px;
display: inline-block;
position: relative
}
#black-friday-landing .basic-countdown-wrapper>div:not(:last-child):after {
content: ":";
position: absolute;
right: -7px;
top: 32px
}
#black-friday-landing .basic-countdown-wrapper div>span {
padding: 0 17px;
border-radius: 3px;
background: #555;
display: inline-block;
font-size: 38px;
line-height: 70px;
width: 70px
}
#black-friday-landing .basic-countdown-wrapper p {
font-size: 14px;
line-height: 17px;
letter-spacing: 0;
color: #fff;
margin-top: 3px
}
#black-friday-landing .bf-list-item-outer {
width: calc(25% - 24px);
margin: 10px;
background: #fff
}
#black-friday-landing .bf-list-item {
border-radius: 4px;
padding: 30px;
position: relative
}
#black-friday-landing .bf-list-item .one-liner {
flex-grow: 1
}
#black-friday-landing .bf-list-item-outer:not(:first-of-type) .bf-list-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
height: 100%
}
#black-friday-landing .bf-list-item-outer:not(:first-of-type) .bf-list-item img {
max-width: 100%
}
#black-friday-landing .bf-list-item-outer:first-of-type {
width: calc(50% - 28px);
background: transparent;
display: flex;
flex-direction: column;
justify-content: space-between
}
#black-friday-landing .bf-list-item-outer:first-of-type img {
width: 50%;
max-height: 220px
}
#black-friday-landing .bf-list-item-outer:first-of-type .bf-list-item {
box-shadow: 1px 2px 18px #0dcdff, inset 0 0px 15px #0dcdff;
border: 2px solid #fff;
opacity: 1;
padding: 30px 100px;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: space-between
}
#black-friday-landing .bf-list-item-outer:first-of-type .bf-list-item a:first-of-type {
flex-grow: 1
}
#black-friday-landing .bf-list-item-outer:first-of-type .bf-list-item h3,
#black-friday-landing .bf-list-item-outer:first-of-type .bf-list-item span {
color: #fff
}
#black-friday-landing .bf-list-item-outer {
border-radius: 4px
}
#black-friday-landing .bf-list-item h3 {
color: #000;
font-weight: 800;
margin-bottom: 12px
}
#black-friday-landing .bf-list-item-outer:first-of-type .bf-list-item a {
color: #fff
}
#black-friday-landing .bf-list-item-outer:first-of-type .bf-list-item .one-liner {
color: #fff
}
#black-friday-landing .bf-list-item a {
width: 100%;
color: #000
}
#black-friday-landing .bf-list-item .product-name {
font-size: 15px;
line-height: 20px
}
#black-friday-landing .bf-list-item-outer:first-of-type .bf-list-item .price {
color: #fff
}
#black-friday-landing .bf-list-item-outer:first-of-type .bf-list-item .button {
background: #00CCFF;
border: none
}
#black-friday-landing .product-list {
display: flex;
flex-wrap: wrap
}
#black-friday-landing .bf-list-item .one-liner {
font-size: 13px;
line-height: 18px;
font-weight: 400;
margin-bottom: 12px
}
#black-friday-landing .bf-list-item .price-box {
display: flex;
justify-content: center;
margin-top: 5px
}
#black-friday-landing .old-price .price {
font-size: 13px;
line-height: 18px;
color: #000;
letter-spacing: 0
}
#black-friday-landing .special-price .price {
margin-left: 12px
}
#black-friday-landing .regular-price .price,
#black-friday-landing .special-price .price {
font-size: 16px;
line-height: 22px;
font-weight: 800;
color: #000;
letter-spacing: 0
}
#black-friday-landing .bf-list-item .button {
padding: 0 25px;
margin-top: 12px;
background: #555555;
border-radius: 4px
}
#black-friday-landing .bf-list-item .button p {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
line-height: 40px;
font-weight: 600;
color: #fff;
letter-spacing: 0;
text-transform: uppercase
}
#black-friday-landing .bf-list-item .picto-box {
height: 36px;
width: 70px;
background: #00CCFF;
border-radius: 0 4px 0 4px
}
#black-friday-landing .bf-list-item .picto-box p {
font-family: 'Open Sans', sans-serif;
font-size: 19px !important;
line-height: 36px !important;
letter-spacing: 0
}
#black-friday-landing p.top-offer {
font-family: 'barlowcondensedbold';
margin-bottom: 12px;
font-size: 40px;
line-height: 48px;
font-weight: 800;
text-transform: uppercase
}
#black-friday-landing section.container-fluid.ttt-products {
padding: 40px 0px
}
@media (max-width:768px) {
#black-friday-landing section.container-fluid.ttt-products {
padding-top: 0;
margin-top: 0
}
#black-friday-landing .product-list {
margin-top: 0
}
#black-friday-landing .w-1 {
width: calc(100% - 12px)
}
#black-friday-landing .bf-list-item-outer:first-of-type {
width: 100%;
margin-top: 0
}
#black-friday-landing .bf-list-item-outer {
width: calc(50% - 8px);
margin: 20px 4px
}
#black-friday-landing .section-1 img {
width: 100%
}
#black-friday-landing h1 {
font-size: 16px;
line-height: 19px;
letter-spacing: 1.9px
}
#black-friday-landing h2 {
font-size: 36px;
line-height: 43px;
letter-spacing: 3.6px;
margin-bottom: 0
}
#black-friday-landing p {
font-size: 18px;
line-height: 22px;
letter-spacing: 1.8px
}
#black-friday-landing .basic-countdown-wrapper {
margin-bottom: 15px
}
#black-friday-landing .basic-countdown-wrapper div>span {
width: 45px;
height: 45px;
padding: 0;
font-size: 24px;
line-height: 45px
}
#black-friday-landing .basic-countdown-wrapper p {
font-size: 11px;
line-height: 13px
}
#black-friday-landing .basic-countdown-wrapper>div:not(:last-child):after {
top: 24px;
font-size: 16px;
font-weight: 800
}
#black-friday-landing .basic-countdown-wrapper>div {
padding: 12px 10px 12px 10px
}
#black-friday-landing .blue-border:before {
top: -20px;
height: 25px
}
#black-friday-landing p.top-offer {
font-size: 30px;
line-height: 36px
}
#black-friday-landing .bf-list-item-outer:first-of-type .bf-list-item {
padding: 20px 30px
}
#black-friday-landing .bf-list-item .product-name {
font-size: 14px;
line-height: 19px;
margin-bottom: 4px
}
#black-friday-landing .bf-list-item .one-liner {
font-size: 11px;
line-height: 15px
}
#black-friday-landing .bf-list-item .button {
margin-top: 8px;
padding: 0;
width: 100%
}
#black-friday-landing .bf-list-item .button p {
font-size: 12px;
line-height: 36px
}
#black-friday-landing .bf-list-item .price-box {
margin-top: 2px
}
#black-friday-landing .bf-list-item {
padding: 6px 8px;
width: 100%
}
#black-friday-landing .bf-list-item .picto-box {
height: 28px;
width: 54px
}
#black-friday-landing .bf-list-item .picto-box p {
font-size: 15px !important;
line-height: 20px !important
}
}
@media (min-width:769px) and (max-width:1024px) {
#black-friday-landing .bf-list-item-outer:not(:first-of-type) {
width: calc(50% - 24px)
}
}
@media (max-width:480px) {
#black-friday-landing .old-price .price {
font-size: 10px
}
#black-friday-landing .special-price .price {
font-size: 14px;
margin-left: 5px
}
}
body[class*="theme-tummyteatox"] #black-friday-landing h1,
body[class*="theme-tummyteatox"] #black-friday-landing p,
body[class*="theme-tummyteatox"] #black-friday-landing .special-price .price {
color: #D214FF
}
body[class*="theme-tummyteatox"] #black-friday-landing .bf-list-item .picto-box,
body[class*="theme-tummyteatox"] #black-friday-landing .bf-list-item-outer:first-of-type .bf-list-item .button {
background: #D214FF
}
body[class*="theme-tummyteatox"] #black-friday-landing .bf-list-item-outer:first-of-type .bf-list-item {
box-shadow: 1px 2px 18px #D214FF, inset 0 0px 15px #D214FF
}
body[class*="theme-tummyteatox"] #black-friday-landing .blue-border:before {
background: #D214FF
}
body[class*="theme-tummyteatox"] #black-friday-landing .bf-list-item .button:hover {
background: #D214FF
}
body[class*="theme-powgen"] #black-friday-landing h1,
body[class*="theme-powgen"] #black-friday-landing p,
body[class*="theme-powgen"] #black-friday-landing .special-price .price {
color: #FF0002
}
body[class*="theme-powgen"] #black-friday-landing .bf-list-item .picto-box,
body[class*="theme-powgen"] #black-friday-landing .bf-list-item-outer:first-of-type .bf-list-item .button {
background: #FF0002
}
body[class*="theme-powgen"] #black-friday-landing .bf-list-item-outer:first-of-type .bf-list-item {
box-shadow: 1px 2px 18px #FF0002, inset 0 0px 15px #FF0002
}
body[class*="theme-powgen"] #black-friday-landing .blue-border:before {
background: #FF0002
}
body[class*="theme-powgen"] #black-friday-landing .bf-list-item .button:hover {
background: #FF0002
}
body[class*="theme-tummyteatox"] #black-friday-landing .bf-list-item .button:hover {
background: #D214FF
}
body[class*="theme-slimjoy"] #black-friday-landing .bf-list-item .button:hover {
background: #00CCFF
}
body[class*="theme-slimjoy"] #black-friday-landing .special-price .price {
color: #00CCFF
}
body[class*="theme-"] #black-friday-landing .bf-list-item-outer:first-of-type .bf-list-item .button:hover {
background: #555
}
.keto-container div[data-sensi-tabs-content][data-sensi-tabs-content-active="true"] {
display: block
}
.keto-container div[data-sensi-tabs-target] {
display: inline-block;
font-size: 0;
color: #333;
font-weight: 800;
padding: 0 16px
}
.keto-container div[data-sensi-tabs-target] p {
margin: 0;
font-size: 16px;
line-height: 16px
}
.keto-container div[data-sensi-tabs-target-active="true"] {
color: #E95424
}
.keto-container div[data-sensi-tabs-target]:not(:last-of-type) {
border-right: 1px solid #ccc
}
.keto-container div[data-sensi-tabs-target-parent] {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
background: none;
border: none;
margin-bottom: 25px;
margin-top: 20px;
text-align: center
}
.keto-diet .blog-outer {
margin-top: 85px
}
.keto-container section.container-fluid.ttt-products {
padding: 45px 0
}
@media (max-width:480px) {
.hide-desktop {
display: none
}
.keto-diet .blog-outer {
margin-top: 20px
}
.keto-banner-container {
margin: 0 -15px
}
}
@media (min-width:480px) {
.hide-mobile {
display: none
}
.keto-container {
margin-top: 40px
}
}
.blog_content #pwAjaxCart .image .discount {
position: absolute;
top: 20px;
right: -20px;
width: 80px;
height: 80px;
line-height: 80px;
font-weight: 700;
color: #fff;
font-size: 24px;
text-align: center;
border-radius: 50%
}
.blog_content #pwAjaxCart .name {
display: inline-block;
width: 100%;
font-weight: 800;
font-size: 20px;
color: #666;
text-transform: uppercase;
margin: 0 0 6px 0;
text-align: center
}
.blog_content #pwAjaxCart .desc {
font-size: 14px;
font-weight: normal;
margin: 0
}
.blog_content #pwAjaxCart .prices {
display: inline-block;
width: 100%;
margin-top: 16px
}
.blog_content #pwAjaxCart .price {
display: inline-block;
width: 100%
}
.blog_content #pwAjaxCart .current {
font-size: 18px;
color: #333;
font-weight: 700
}
.blog_content #pwAjaxCart .current span {
font-weight: 700
}
.blog_content #pwAjaxCart .old {
font-size: 12px;
font-weight: normal;
margin-bottom: 2px
}
.blog_content #pwAjaxCart .productAddToCartAjaxPopup * {
width: 100%
}
.blog_content #pwAjaxCart .productAddToCartAjaxPopup button {
border: none;
padding: 0;
margin: 0
}
.blog_content #pwAjaxCart button.button span {
padding: 0;
height: auto;
background: transparent;
float: left
}
.blog_content #pwAjaxCart button.button span span {
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
color: #fff;
padding: 12px 20px;
line-height: normal;
transition: all 0.2s ease
}
.blog_content #pwAjaxCart button.button:hover span span {
opacity: 0.8
}
.blog_content #pwAjaxCart button.button span span:after {
display: inline-block;
width: 30px;
height: 22px;
vertical-align: middle;
content: "";
background: url('../../skin/frontend/shopper/default/images/icon_cart.png') 50% 50% no-repeat;
margin: -4px 0 0 10px;
transition: all 0.3s ease
}
.blog_content #pwAjaxCart .closePopup {
display: none
}
body[class*="theme-slimjoy"].cmspro-view-details .messages li[class*="success-msg"] ul li>span:before {
background: #b9da83
}
body[class*="theme-slimjoy"].cmspro-view-details #pwAjaxCart .title,
body[class*="theme-slimjoy"].cmspro-view-details #pwAjaxCart .title:before,
body[class*="theme-slimjoy"].cmspro-view-details #pwAjaxCart .title:after {
background: #9ca636
}
body[class*="theme-slimjoy"].cmspro-view-details #pwAjaxCart button.button span span,
body[class*="theme-slimjoy"].cmspro-view-details #pwAjaxCart .image .discount {
background: #ec0043
}
body[class*="theme-slimjoy"].cmspro-view-details #pwAjaxCart .current span {
color: #9ca636
}
body[class*="theme-powgen"].cmspro-view-details #ajaxcart-content .messages li[class*="success-msg"] ul li>span:before {
background: #b9da83
}
body[class*="theme-powgen"].cmspro-view-details #pwAjaxCart .title,
body[class*="theme-powgen"].cmspro-view-details #pwAjaxCart .title:before,
body[class*="theme-powgen"].cmspro-view-details #pwAjaxCart .title:after {
background: #9ca636
}
body[class*="theme-powgen"].cmspro-view-details #pwAjaxCart button.button span span,
body[class*="theme-powgen"].cmspro-view-details #pwAjaxCart .image .discount {
background: #f06235
}
body[class*="theme-powgen"].cmspro-view-details #pwAjaxCart .current span {
color: #f06235
}
body[class*="theme-tummy"] #ajaxcart-content .messages li[class*="success-msg"] ul li>span:before {
background: #eb9185
}
body[class*="theme-tummy"].cmspro-view-details #pwAjaxCart .title,
body[class*="theme-tummy"].cmspro-view-details #pwAjaxCart .title:before,
body[class*="theme-tummy"].cmspro-view-details #pwAjaxCart .title:after {
background: #9670a9
}
body[class*="theme-tummy"].cmspro-view-details #pwAjaxCart button.button span span,
body[class*="theme-tummy"].cmspro-view-details #pwAjaxCart .image .discount {
background: #eb9185
}
body[class*="theme-tummy"].cmspro-view-details #pwAjaxCart .current span {
color: #eb9185
}
body[class*="theme-undo"].cmspro-view-details #ajaxcart-content .messages li[class*="success-msg"] ul li>span:before,
body[class*="theme-undo"].cmspro-view-details #pwAjaxCart .title,
body[class*="theme-undo"].cmspro-view-details #pwAjaxCart .title:before,
body[class*="theme-undo"].cmspro-view-details #pwAjaxCart .title:after,
body[class*="theme-undo"].cmspro-view-details #pwAjaxCart button.button span span,
body[class*="theme-undo"].cmspro-view-details #pwAjaxCart .image .discount {
background: #ea7d6f
}
body[class*="theme-undo"].cmspro-view-details #pwAjaxCart .current span {
color: #ea7d6f
}
body[class*="theme-brilliantSlim"].cmspro-view-details #ajaxcart-content .messages li[class*="success-msg"] ul li>span:before {
background: #00B298
}
body[class*="theme-brilliantSlim"].cmspro-view-details #pwAjaxCart .title,
body[class*="theme-brilliantSlim"].cmspro-view-details #pwAjaxCart .title:before,
body[class*="theme-brilliantSlim"].cmspro-view-details #pwAjaxCart .title:after {
background: #00B298
}
body[class*="theme-brilliantSlim"].cmspro-view-details #pwAjaxCart button.button span span,
body[class*="theme-brilliantSlim"].cmspro-view-details #pwAjaxCart .image .discount {
background: #FE3975
}
body[class*="theme-brilliantSlim"].cmspro-view-details #pwAjaxCart .current span {
color: #9ca636
}
#news .news-content #pwAjaxCart p+p {
margin-top: 0
}
.blog_content #pwAjaxCart {
text-align: center;
display: flex;
flex-wrap: wrap;
flex-direction: column;
margin: 20px 0;
min-height: 200px
}
.blog_content #pwAjaxCart .desc {
order: 3
}
.blog_content #pwAjaxCart .image {
position: absolute;
width: 40%;
max-height: 200px
}
.blog_content #pwAjaxCart .name,
.blog_content #pwAjaxCart .prices,
.blog_content #pwAjaxCart .productAddToCartAjaxPopup,
.blog_content #pwAjaxCart .desc {
width: 55%;
margin-left: auto;
text-align: left;
padding: 0
}
.blog_content #pwAjaxCart .productAddToCartAjaxPopup {
margin-bottom: 10px
}
.blog_content #pwAjaxCart .image .discount {
position: absolute;
top: 0;
right: 6px
}
.blog_content #pwAjaxCart .name {
color: #555;
margin-bottom: 0
}
body[class*="theme-tummy"] .blog_content #pwAjaxCart .name {
color: #ea7d6f
}
body[class*="theme-powgen"] .blog_content #pwAjaxCart .name {
color: #f06135
}
body[class*="theme-undo"] .blog_content #pwAjaxCart .name {
color: #958771
}
body[class*="theme-slimjoy"] .blog_content #pwAjaxCart .name {
color: #EC0043
}
body[class*="theme-brilliantslim"] .blog_content #pwAjaxCart .name {
color: #00B298
}
body[class*="theme-brilliantslim"] .blog_content #pwAjaxCart .productAddToCartAjaxPopup button {
background: #FE3975
}
.blog_content #pwAjaxCart .prices {
display: flex;
align-items: center;
justify-content: flex-start;
margin: 10px 0 10px auto
}
.blog_content #pwAjaxCart .price {
font-size: 0px;
width: unset
}
.blog_content #pwAjaxCart .price.old {
text-align: right !important;
margin: 0 15px 0 0
}
.blog_content #pwAjaxCart .price.old del {
font-size: 14px
}
.blog_content #pwAjaxCart .price span,
.blog_content #pwAjaxCart .price del {
font-size: 16px
}
@media (max-width:500px) {
.blog_content #pwAjaxCart {
margin: 40px 0;
padding: 0
}
.blog_content #pwAjaxCart .image {
position: relative;
width: 100%;
margin-bottom: 20px
}
.blog_content #pwAjaxCart .name {
order: 2;
margin: 0
}
.blog_content #pwAjaxCart .name,
.blog_content #pwAjaxCart .prices,
.blog_content #pwAjaxCart .productAddToCartAjaxPopup,
.blog_content #pwAjaxCart .desc {
width: 100%;
margin-left: unset
}
.blog_content #pwAjaxCart .closePopup {
display: none
}
.blog_content #pwAjaxCart .prices {
order: 3
}
.blog_content #pwAjaxCart .productAddToCartAjaxPopup {
order: 4
}
.blog_content #pwAjaxCart .desc {
order: 5
}
}
.categories-menu-container {
float: left;
width: 100vw;
margin-top: 11px;
border-bottom: 1px solid #ccc;
margin-left: calc(-50vw + 50%);
background: #fff;
text-align: center;
padding: 10px 0
}
.categories-menu-container ul {
margin: 0;
display: flex;
align-items: center;
justify-content: center
}
.categories-menu-container ul li {
padding: 0 20px;
list-style: none !important
}
.navbar-collapse ul li {
list-style: none !important
}
.navbar-collapse ul {
padding: 0 !important;
margin: 0 !important;
list-style: none !important
}
.categories-menu-container ul li:not(:last-of-type) {
border-right: 1px solid #ccc
}
.categories-menu-container a span {
font-size: 15px;
line-height: 30px;
color: #333;
font-weight: 600;
text-transform: uppercase
}
body[class*="theme-tummy"] .categories-menu-container li.active a span,
body[class*="theme-tummy"] .navbar-nav li.level1.active a span {
color: #EB9185
}
body[class*="theme-slimjoy"] .categories-menu-container li.active a span,
body[class*="theme-slimjoy"] .navbar-nav li.level1.active a span {
color: #64BA49
}
body[class*="theme-powgen"] .categories-menu-container li.active a span,
body[class*="theme-powgen"] .navbar-nav li.level1.active a span {
color: #F06135
}
body[class*="theme-brilliantslim"] .categories-menu-container,
body[class*="theme-brilliantSlim"] .categories-menu-container {
border-top: 1px solid #ccc
}
.category-description {
font-size: 24px;
line-height: 28px;
text-align: center;
padding: 0 15px
}
.level-top.parent.dropdown>a {
display: none
}
.catalog-category-view .category-title h1 {
font-size: 42px;
line-height: 58px;
text-align: center;
text-transform: uppercase;
font-weight: 600;
margin: 0;
padding: 0
}
.catalog-category-view .page-title {
border-bottom: none;
margin-bottom: 0;
padding: 20px 0
}
.catalog-category-view section.container-fluid.ttt-products {
margin-top: 0
}
body[class*="theme-tummy"].catalog-category-view .category-title h1 {
color: #ea7d6f
}
body[class*="theme-powgen"].catalog-category-view .category-title h1 {
color: #f06135
}
body[class*="theme-slimjoy"].catalog-category-view .category-title h1 {
color: #76bd44
}
@media (max-width:992px) {
.categories-menu-container {
display: none
}
}
.navbar-nav>li.home-page-item:after {
content: '';
display: block;
position: absolute;
width: 20px;
height: 20px;
background: url("../img/home-page.svg") center center no-repeat;
right: 20px;
top: 16px
}
@media (min-width:992px) {
.level-top.parent.dropdown,
.navbar-nav>li.home-page-item,
.social-menu-container {
display: none
}
}
@media (max-width:992px) {
.navbar-collapse ul.nav.navbar-nav {
background: #fff
}
.navbar-collapse .navbar-nav>li {
border-bottom: 1px solid #ccc
}
.navbar-collapse .navbar-nav>li>a span,
.level-top.parent.dropdown a span {
font-size: 16px;
line-height: 52px;
color: #444
}
.level-top.parent.dropdown a span {
font-weight: 600
}
.level-top.parent.dropdown ul li:not(:last-of-type) {
border-bottom: 1px solid #ccc
}
.level-top.parent.dropdown a span {
padding: 0 20px
}
.navbar-collapse .navbar-nav>li {
padding: 0 20px
}
.navbar-collapse .navbar-nav>li>a {
padding: 0
}
.ttt-nav ul.nav.navbar-nav li {
float: unset !important
}
.ttt-nav ul.nav.navbar-nav>li a {
padding: 0 20px
}
div#ttt-nav.in ul.navbar-nav,
div#ttt-nav.collapsing ul.navbar-nav {
margin-top: 0 !important
}
.ttt-nav .navbar-toggle {
padding: 10px 10px 16px 10px
}
.level-top.parent.dropdown {
background: #eee;
padding: 0
}
.social-menu-container {
display: flex;
padding: 20px;
border-bottom: 1px solid #ccc
}
.container-fluid div#ttt-nav {
width: 0;
min-width: 80%;
box-shadow: rgb(204, 204, 204) 1px 1px 6px
}
header {
position: absolute !important;
width: 100%
}
.ttt-nav a {
display: inline-block;
width: 100%
}
}
@media (min-width:480px) and (max-width:992px) {
.container-fluid div#ttt-nav {
position: absolute;
top: 58px
}
.container-fluid.ttt-nav .container {
padding-bottom: 0
}
section.ttt-nav {
min-height: 68px
}
}
@media (max-width:480px) {
header .ttt-nav {
background: transparent
}
.theme-teethtox header .ttt-nav {
background: #f2f2f2
}
body[class*="theme-tummy"] .ttt-nav .navbar-header {
background: #eb9185
}
body[class*="theme-avenobo"] .ttt-nav .navbar-header,
body[class*="theme-brilliantSlim"] .ttt-nav .navbar-header {
background: #fff;
border-bottom: 1px solid #eee
}
body[class*="theme-slimjoy"] .ttt-nav .navbar-header {
background: #f2f2f2
}
body[class*="theme-powgen"] .ttt-nav .navbar-header {
background: #211f20
}
.catalog-category-view .category-title h1 {
font-size: 27px;
line-height: 40px
}
.navbar-header {
height: 52px
}
html[lang="hu"] #sj_prod .add-to-wrapper form .price-box .special-price .price {
font-size: 26px
}
.category-description {
font-size: 18px;
line-height: 22px
}
}
.social-menu-container .ttt-footer-middle-social-link:nth-of-type(2) img {
top: 2px;
position: relative;
left: -12px
}
.container-fluid.ttt-nav .ttt-footer-middle-social-link {
width: 40px
}
.social-menu-container a {
width: 20px;
height: 20px;
display: block;
background-repeat: no-repeat;
background-position: center;
background-size: contain
}
body[class*="theme-tummy"] .social-menu-container .social-link-facebook a,
body[class*="theme-undo"] .social-menu-container .social-link-facebook a {
background-image: url("../img/facebook-tummy.svg")
}
body[class*="theme-slimjoy"] .social-menu-container .social-link-facebook a {
background-image: url("../img/facebook-slimjoy.svg")
}
body[class*="theme-powgen"] .social-menu-container .social-link-facebook a {
background-image: url("../img/facebook-powgen.svg")
}
body[class*="theme-tummy"] .social-menu-container .social-link-instagram a,
body[class*="theme-undo"] .social-menu-container .social-link-instagram a {
background-image: url("../img/instagram-tummy.svg")
}
body[class*="theme-slimjoy"] .social-menu-container .social-link-instagram a {
background-image: url("../img/instagram-slimjoy.svg")
}
body[class*="theme-powgen"] .social-menu-container .social-link-instagram a {
background-image: url("../img/instagram-powgen.svg")
}
@media only screen and (min-width:993px) {
.ttt-nav.fixedHeader {
padding: 20px 0 0px
}
.show-categories.ttt-nav .container {
padding-bottom: 0
}
.theme-avenobo_v2:not(.advanced-product-layout) section.ttt-nav {
background: #fff;
border: none
}
}
.navbar-toggle .icon-bar.rotated-left {
position: relative;
transform: rotate(45deg);
top: 6px
}
.navbar-toggle .icon-bar.rotated-right {
position: relative;
transform: rotate(-45deg);
top: 0
}
.blurred {
filter: blur(2px) brightness(40%)
}
.navbar-collapse .navbar-nav>li>a {
z-index: 10
}
form .webforms-fields-CURRENT_URL {
display: none !important
}
.adyen-product-subscription .adyen-subscription-wrapper {
margin: 4px 0
}
.adyen-product-subscription .adyen-subscription-wrapper .field {
width: calc(100% + 10px);
margin-left: -5px
}
body[class*="theme-slimjoy"].adyen-product-subscription .adyen-subscription-wrapper input[name="adyen_subscription"]:checked+label:after {
background: #64ba49
}
body[class*="theme-slimjoy"].adyen-product-subscription .adyen-subscription-wrapper input[name="adyen_subscription"]:checked+label span.subscription-label-bg {
background: #DDFFD2
}
body[class*="theme-slimjoy"].adyen-product-subscription .adyen-subscription-wrapper .subscription-option label span.type-text b {
background: #EC0043
}
body[class*="theme-tummy"].adyen-product-subscription .adyen-subscription-wrapper input[name="adyen_subscription"]:checked+label:after,
body[class*="theme-tummy"].adyen-product-subscription .adyen-subscription-wrapper .subscription-option label span.type-text b {
background: #ea7d6f
}
body[class*="theme-tummy"].adyen-product-subscription .adyen-subscription-wrapper input[name="adyen_subscription"]:checked+label span.subscription-label-bg {
background: #FCEAE8
}
body[class*="theme-powgen"].adyen-product-subscription .adyen-subscription-wrapper input[name="adyen_subscription"]:checked+label:after,
body[class*="theme-powgen"].adyen-product-subscription .adyen-subscription-wrapper .subscription-option label span.type-text b {
background: #f06135
}
body[class*="theme-powgen"].adyen-product-subscription .adyen-subscription-wrapper input[name="adyen_subscription"]:checked+label span.subscription-label-bg {
background: #FFE6DE
}
body[class*="theme-brilliantSlim"].adyen-product-subscription .adyen-subscription-wrapper input[name="adyen_subscription"]:checked+label:after {
background: #00B298
}
body[class*="theme-brilliantSlim"].adyen-product-subscription .adyen-subscription-wrapper .subscription-option label span.type-text b {
background: #FE3975
}
body[class*="theme-brilliantSlim"].adyen-product-subscription .adyen-subscription-wrapper input[name="adyen_subscription"]:checked+label span.subscription-label-bg {
background: #B6F2E9
}
.cookie-buttons-container {
display: flex;
flex-wrap: wrap-reverse;
align-items: center;
justify-content: center;
margin: 10px 0 5px 0
}
.cookie-buttons-container .cookieThingBtn {
padding: 5px;
height: unset;
margin: 0
}
.cookie-buttons-container .cookieThingBtn a {
padding: 6px 10px;
font-size: 14px !important
}
@media(max-width:480px) {
.cookieMore {
line-height: 30px !important;
padding: 0 10px !important
}
}
.container-fluid div#ttt-nav {
max-height: 85vh
}
@media(max-width:992px) {
.ttt-nav ul.nav.navbar-nav.ttt-nav-icon a {
padding: 10px
}
.level-top.parent.dropdown a span,
.navbar-collapse .navbar-nav>li {
padding: 0
}
}
.popup-notification {
position: fixed;
left: 50%;
transform: translateX(-50%);
bottom: 88px;
z-index: 10;
background: #64ba49;
min-width: 540px;
text-align: center;
border: 2px solid #B9DBAF
}
.popup-notification .coupon-text {
font-size: 13px;
line-height: 20px;
color: #444;
margin: 0;
padding: 10px 0;
font-weight: 400;
background: #e4f2e0
}
.popup-notification .coupon-text strong {
text-decoration: underline
}
.popup-notification .successfully-added {
display: table !important;
background: #64BA49;
color: #fff;
font-weight: 600;
font-size: 15px;
line-height: 16px;
margin: 0 auto;
position: relative;
padding: 10px 10px 10px 34px;
text-align: left
}
.close-notification {
width: 32px;
height: 32px;
position: absolute;
right: -12px;
top: -12px;
background: #fff;
border: 1px solid #64BA49;
box-shadow: 0 2px 5px #00000029;
cursor: pointer;
z-index: 2
}
.close-notification:before {
transform: rotate(-45deg)
}
.close-notification:before,
.close-notification:after {
position: absolute;
left: 48%;
top: 9px;
height: 14px;
content: '';
width: 2px;
background-color: #333
}
.close-notification:after {
transform: rotate(45deg)
}
.popup-notification-no {
position: fixed;
z-index: 100000;
top: 50%;
right: 0;
transform: rotate(90deg) translate(50%, 0);
transform-origin: right 0%;
background: #EC0043;
border-radius: 0 0 5px 5px;
padding: 10px 20px;
cursor: pointer
}
.popup-notification-no p {
font-size: 19px;
line-height: 26px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
margin: 0
}
.popup-notification-no .get-coupone {
display: none
}
.successfully-added:before {
background-image: url(../img/check-white.svg);
width: 12px;
height: 12px;
content: " ";
position: absolute;
left: 12px;
top: calc(50% - 5px);
background-repeat: no-repeat
}
@media(max-width:480px) {
.popup-notification .successfully-added {
margin: 0
}
.popup-notification {
bottom: 10px;
width: calc(100% - 30px);
min-width: unset
}
.popup-notification-no p.get-coupone {
display: block;
font-size: 9px;
line-height: 20px;
background: #EC0043;
padding: 5px 10px;
margin-left: 10px
}
.popup-notification-no {
right: unset;
top: unset;
bottom: 10px;
min-width: unset;
transform: none;
background: #64BA49;
display: flex;
padding: 15px;
justify-content: center;
border-radius: 0;
left: 0;
width: 100%
}
.popup-notification-no p {
font-size: 12px;
line-height: 20px;
text-align: center;
display: flex;
align-items: center
}
.close-notification {
top: -20px
}
.popup-notification .coupon-text {
text-align: left;
padding-left: 13px
}
}
@media(max-width:321px) {
.popup-notification-no p {
font-size: 11px
}
}
@media(min-width:480px) {
.popup-notification-no {
bottom: unset !important
}
}
body[class*="theme-slimjoy"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-checkout button,
body[class*="theme-slimjoy"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-items .list .item .remove-product:before,
body[class*="theme-slimjoy"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .catalog-promotion .offer .product .button.btn-cart,
body[class*="theme-slimjoy"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .catalog-promotion .offer .product .image .picto-box,
body[class*="theme-slimjoy"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_4"] #ajaxcart-content .ajaxcart-checkout button,
body[class*="theme-slimjoy"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_4"] #ajaxcart-content .ajaxcart-items .list .item .remove-product:before,
body[class*="theme-slimjoy"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_4"] #ajaxcart-content .catalog-promotion .offer .product .button.btn-cart,
body[class*="theme-slimjoy"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_4"] #ajaxcart-content .catalog-promotion .offer .product .image .picto-box {
background-color: #EC0043
}
body[class*="theme-slimjoy"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-checkout button,
body[class*="theme-slimjoy"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_4"] #ajaxcart-content .ajaxcart-checkout button {
border-color: #EC0043
}
body[class*="theme-slimjoy"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .catalog-promotion .offer .product .details .prices .promotion-price,
body[class*="theme-slimjoy"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_4"] #ajaxcart-content .catalog-promotion .offer .product .details .prices .promotion-price {
color: #EC0043
}
body[class*="theme-tummy"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-checkout button,
body[class*="theme-tummy"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-items .list .item .remove-product:before,
body[class*="theme-tummy"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .catalog-promotion .offer .product .button.btn-cart,
body[class*="theme-tummy"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .catalog-promotion .offer .product .image .picto-box,
body[class*="theme-tummy"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_4"] #ajaxcart-content .ajaxcart-checkout button,
body[class*="theme-tummy"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_4"] #ajaxcart-content .ajaxcart-items .list .item .remove-product:before,
body[class*="theme-tummy"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_4"] #ajaxcart-content .catalog-promotion .offer .product .button.btn-cart,
body[class*="theme-tummy"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_4"] #ajaxcart-content .catalog-promotion .offer .product .image .picto-box,
body[class*="theme-tummy"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_4"] .subs-button {
background-color: #EA7D6F
}
body[class*="theme-tummy"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-checkout button,
body[class*="theme-tummy"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_4"] #ajaxcart-content .ajaxcart-checkout button,
body[class*="theme-tummy"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_4"] .subs-button {
border-color: #EA7D6F
}
body[class*="theme-tummy"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .catalog-promotion .offer .product .details .prices .promotion-price,
body[class*="theme-tummy"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_4"] #ajaxcart-content .catalog-promotion .offer .product .details .prices .promotion-price {
color: #EA7D6F
}
body[class*="theme-powgen"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-checkout button,
body[class*="theme-powgen"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-items .list .item .remove-product:before,
body[class*="theme-powgen"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .catalog-promotion .offer .product .button.btn-cart,
body[class*="theme-powgen"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .catalog-promotion .offer .product .image .picto-box,
body[class*="theme-powgen"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_4"] #ajaxcart-content .ajaxcart-checkout button,
body[class*="theme-powgen"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_4"] #ajaxcart-content .ajaxcart-items .list .item .remove-product:before,
body[class*="theme-powgen"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_4"] #ajaxcart-content .catalog-promotion .offer .product .button.btn-cart,
body[class*="theme-powgen"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_4"] #ajaxcart-content .catalog-promotion .offer .product .image .picto-box,
body[class*="theme-powgen"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_4"] .subs-button {
background-color: #F06235
}
body[class*="theme-powgen"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-checkout button,
body[class*="theme-powgen"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_4"] #ajaxcart-content .ajaxcart-checkout button,
body[class*="theme-powgen"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_4"] .subs-button {
border-color: #F06235
}
body[class*="theme-powgen"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .catalog-promotion .offer .product .details .prices .promotion-price,
body[class*="theme-powgen"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_4"] #ajaxcart-content .catalog-promotion .offer .product .details .prices .promotion-price {
color: #F06235
}
body[class*="theme-brilliantSlim"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-checkout button,
body[class*="theme-brilliantSlim"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-items .list .item .remove-product:before,
body[class*="theme-brilliantSlim"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .catalog-promotion .offer .product .button.btn-cart,
body[class*="theme-brilliantSlim"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .catalog-promotion .offer .product .image .picto-box,
body[class*="theme-brilliantSlim"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_4"] #ajaxcart-content .ajaxcart-checkout button,
body[class*="theme-brilliantSlim"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_4"] #ajaxcart-content .ajaxcart-items .list .item .remove-product:before,
body[class*="theme-brilliantSlim"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_4"] #ajaxcart-content .catalog-promotion .offer .product .button.btn-cart,
body[class*="theme-brilliantSlim"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_4"] #ajaxcart-content .catalog-promotion .offer .product .image .picto-box,
body[class*="theme-brilliantSlim"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_4"] .subs-button {
background-color: #FE3975
}
body[class*="theme-brilliantSlim"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-checkout button,
body[class*="theme-brilliantSlim"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_4"] #ajaxcart-content .ajaxcart-checkout button,
body[class*="theme-brilliantSlim"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_4"] .subs-button {
border-color: #FE3975
}
body[class*="theme-brilliantSlim"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .catalog-promotion .offer .product .details .prices .promotion-price,
body[class*="theme-brilliantSlim"] #ajaxcart-pop-up[data-ajaxcart-template="tmpl_4"] #ajaxcart-content .catalog-promotion .offer .product .details .prices .promotion-price {
color: #FE3975
}
.tm-checkoutsuccess-middle>p {
font-size: 16px;
line-height: 22px;
text-align: center;
margin-bottom: 10px
}
#cardContainer.checkout-container .checkout-title h1 {
text-indent: unset;
font-size: 14px;
margin: 10px 0 0 0;
text-align: right
}
#payment_form_adyen_cc .trustMarks {
margin: 0;
padding: 0;
text-align: right;
max-width: unset;
float: right;
width: auto
}
#payment_form_adyen_cc>li .input-box {
float: left
}
#payment_form_adyen_cc .trustMarks .ssl {
margin: 10px 0 -15px 0
}
@media(max-width:480px) {
#payment_form_adyen_cc .trustMarks .ssl {
margin: 0 0 -15px 0
}
}
.product-list .minimal-price-link {
display: none
}
.themeundo p.payment-warning,
p.payment-warning {
position: relative;
font-size: 12px;
line-height: 17px;
text-transform: none;
color: #444;
margin-top: 10px;
white-space: normal;
background: #FEC4C7;
padding: 16px;
font-weight: 400;
margin-bottom: 0
}
@media (max-width:480px) {
p.payment-warning {
margin-top: 24px;
padding: 10px 15px
}
}
#firecheckout-form div .firecheckout-section .block-title {
padding-bottom: 0
}
body:not(.adyen-product-subscription) #checkout-payment-method-load dl dt.adyen_hpp_c_cash,
body:not(.adyen-product-subscription) #checkout-payment-method-load dl dt.adyen_hpp_paypal {
display: none
}
section.container-phone-me .fully-operational-wrapper {
background: #64ba49;
padding: 8px 20px;
margin-right: -15px;
margin-left: -15px
}
section.container-phone-me .fully-operational-wrapper p {
font-size: 12px;
line-height: 17px;
text-align: center;
color: #fff;
font-weight: 600;
padding: 0;
float: none !important
}
section.container-phone-me .fully-operational-wrapper b {
color: #fff
}
.sensi-gym-new section.container-fluid.ttt-products {
padding: 20px 0
}
.sensi-gym-new a:focus,
.sensi-gym-new a:hover {
color: #fff;
text-decoration: none
}
@media (min-width:768px) {
.sensi-gym-new .ttt-products .owl-carousel .owl-nav button.owl-prev span,
.sensi-gym-new .ttt-products .owl-carousel .owl-nav button.owl-next span {
color: #fff
}
.sensi-gym-new .ttt-products .owl-carousel button.owl-dot {
background: #fff
}
.sensi-gym-new .owl-stage,
.sensi-gym-new .owl-carousel .owl-item {
display: flex
}
}
.sensi-gym-new .picto-box {
top: 30px;
right: 30px
}
.sensi-gym-new .product-list-item span.one-liner,
.sensi-gym-new .product-list-item .price-box .price,
.sensi-gym-new .product-list .product-list-item p.old-price span.price {
color: #fff
}
.sensi-gym-new .popup-opener img {
border-radius: 10px
}
.sensi-gym-new .container-fluid.ttt-products {
background: #fff;
padding: 20px 0
}
.sensi-gym-new .item {
display: flex;
align-items: center
}
.sensi-gym-new .item .item-left {
width: 65%
}
.sensi-gym-new .item .item-right {
width: 35%
}
.sensi-gym-new .owl-stage {
margin: 0 auto
}
.sensi-gym-new .owl-wrapper {
margin: 0 auto
}
.carousel-wrapper {
width: 100%
}
.sensi-gym-new .embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%
}
.sensi-gym-new .embed-container iframe,
.sensi-gym-new .embed-container object,
.sensi-gym-new .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.sensi-gym-new .calendar-wrapper .days-wrapper div[class*="day"] {
padding: 0
}
.sensi-gym-new .calendar-wrapper .days-wrapper div[class*="day"] .item-left {
position: relative
}
.sensi-gym-new .calendar-wrapper .days-wrapper div[class*="day"] .item-right {
padding: 20px 0 20px 20px;
overflow: auto
}
.sensi-gym-new .calendar-wrapper .days-wrapper div[class*="day"] p,
.sensi-gym-new .calendar-wrapper .days-wrapper div[class*="day"] h1,
.sensi-gym-new .calendar-wrapper .days-wrapper div[class*="day"] h2 {
margin: 0;
padding: 0
}
.sensi-gym-new .days-wrapper p {
font-size: 16px
}
.sensi-gym-new .calendar-wrapper .days-wrapper div[class*="day"] .item-right .title p {
font-size: 25px;
font-weight: 400;
margin-bottom: 35px;
line-height: 30px
}
.sensi-gym-new .calendar-wrapper .days-wrapper div[class*="day"] .item-right .description h2,
.sensi-gym-new .calendar-wrapper .days-wrapper div[class*="day"] .item-right .how-to h2 {
font-size: 16px
}
.sensi-gym-new .calendar-wrapper .days-wrapper div[class*="day"] .item-left p.play {
position: absolute;
z-index: 2;
font-size: 15px;
color: #fff;
font-weight: 800;
top: calc(50% + 15px);
text-align: center;
width: 100%;
cursor: pointer
}
.sensi-gym-new .calendar-wrapper .days-wrapper div[class*="day"] .item-left p.play:before {
content: "";
display: inline-block;
width: 42px;
height: 42px;
position: absolute;
left: calc(50% - 21px);
top: -46px;
background: url(../img/playerYT.svg) 0 0 no-repeat;
cursor: pointer
}
.sensi-gym-new .calendar-wrapper .days-wrapper div[class*="day"] .item-right h1,
.sensi-gym-new .calendar-wrapper .days-wrapper div[class*="day"] .item-right h2 {
margin: 10px 0;
padding: 0;
font-weight: 600
}
.sensi-gym-new .calendar-wrapper .days-wrapper div[class*="day"] {
border: none;
max-width: 1024px;
flex-direction: column;
margin: 0 auto;
width: calc(100% - 80px)
}
.sensi-gym-new .d-wrapper-outer:nth-of-type(even) {
background: #f2f2f2
}
.sensi-gym-new .d-wrapper-outer {
padding: 60px 0 100px 0
}
.sensi-gym-new .calendar-tabs-wrapper {
max-width: 1024px;
margin: 0 auto;
position: unset !important
}
.sensi-gym-new .calendar-wrapper {
max-width: unset
}
.sensi-gym-new .calendar-header-wrapper {
background: url(../img/calendarbg_d.jpg) no-repeat center/cover
}
.sensi-gym-new .calendar-tabs-wrapper-outer {
background: #444;
width: 100%;
z-index: 10
}
.sensi-gym-new .calendar-wrapper .calendar-tabs-wrapper div[class*="week"] {
background: #444;
color: #fff;
border: none
}
.sensi-gym-new .calendar-wrapper .calendar-tabs-wrapper div[class*="week"][data-sensi-tabs-target-active="true"] {
background: #fff;
color: #444
}
.sensi-gym-new .calendar-wrapper .days-wrapper div[class*="day"] {
border: none
}
.sensi-gym-new .calendar-wrapper .calendar-tabs-wrapper div[class*="week"][data-sensi-tabs-target-active="true"] p:before {
background: url(../img/Calendar-c.svg) 0 0 no-repeat
}
.sensi-gym-new .calendar-wrapper .calendar-tabs-wrapper div[class*="week"] p:before {
background: url(../img/Calendar-c-w.svg) 0 0 no-repeat
}
.sensi-gym-new div[data-sensi-tabs-content][data-sensi-tabs-content-active="true"] {
display: block
}
.sensi-gym-new .calendar-wrapper .days-wrapper div[class*="day"]>h2 {
margin-bottom: 20px
}
.sensi-gym-new .owl-carousel .owl-dots {
bottom: -40px
}
.sensi-gym-new .owl-carousel .owl-nav button.owl-prev {
left: -40px
}
.sensi-gym-new .owl-carousel .owl-nav button.owl-next {
right: -40px
}
.sensi-gym-new .owl-carousel .owl-nav button:before,
.sensi-gym-new .owl-carousel .owl-nav button:after {
display: none
}
.sensi-gym-new .owl-carousel .owl-nav button.owl-prev span,
.sensi-gym-new .owl-carousel .owl-nav button.owl-next span {
margin-top: -70px
}
.sensi-gym-new .category-products .product-list-item {
max-width: 360px;
margin: 15px;
background: #444444d4;
box-shadow: 1px 2px 13px rgb(68, 68, 68);
border-radius: 10px;
color: #fff;
padding: 20px
}
.sensi-gym-new .calendar-wrapper>h2 {
text-align: center;
font-size: 32px;
line-height: 38px;
margin: 0;
background: #fff;
padding: 60px 0 0 0;
font-weight: 700;
text-transform: uppercase;
color: #444
}
.sensi-gym-new p.products-intro {
text-align: center;
font-size: 18px;
margin: 40px auto 0 auto;
max-width: 1024px;
width: calc(100% - 40px)
}
.sensi-gym-new .banner-container {
max-width: 1150px;
margin: 0 auto;
width: calc(100% - 40px)
}
@media(min-width:480px) and (max-width:767px) {
.popup-video .close-button {
position: relative;
top: 72px;
padding: 0 10px;
right: -38px;
position: absolute
}
.popup-video {
top: 76px
}
}
@media (max-width:768px) {
.sensi-gym-new .container-fluid.ttt-products .container {
width: 80%
}
.sensi-gym-new .category-products .product-list-item {
max-width: 300px
}
.sensi-gym-new .item {
flex-direction: column;
flex-wrap: wrap
}
.sensi-gym-new .item .item-left,
.sensi-gym-new .item .item-right {
width: 100%;
padding: 0 5px !important
}
.sensi-gym-new .calendar-wrapper .days-wrapper div[class*="day"]>h2 {
padding: 0 5px
}
.sensi-gym-new .calendar-wrapper .days-wrapper div[class*="day"] {
width: calc(100% - 50px)
}
.sensi-gym-new .owl-carousel .owl-nav button.owl-prev {
left: -20px
}
.sensi-gym-new .owl-carousel .owl-nav button.owl-next {
right: -20px
}
.sensi-gym-new .d-wrapper-outer:nth-of-type(odd) {
background: #444;
color: #fff
}
.sensi-gym-new .d-wrapper-outer:nth-of-type(odd) .owl-carousel .owl-nav button.owl-prev span,
.d-wrapper-outer:nth-of-type(odd) .owl-carousel .owl-nav button.owl-next span {
color: #fff
}
.sensi-gym-new .d-wrapper-outer:nth-of-type(odd) .owl-carousel button.owl-dot {
background: #fff
}
.sensi-gym-new .d-wrapper-outer:nth-of-type(even) {
background: #fff;
color: #444
}
.sensi-gym-new .calendar-wrapper .calendar-tabs-wrapper div[class*="week"] {
background: #fff;
color: #444
}
.sensi-gym-new .calendar-wrapper .calendar-tabs-wrapper div[class*="week"][data-sensi-tabs-target-active="true"] {
background: #444;
color: #fff
}
.sensi-gym-new .d-wrapper-outer {
padding: 40px 0 60px 0
}
.sensi-gym-new .popup-opener img {
margin-bottom: 10px
}
.sensi-gym-new .calendar-wrapper .days-wrapper div[class*="day"] h1,
.sensi-gym-new .calendar-wrapper .days-wrapper div[class*="day"] h2,
.sensi-gym-new .calendar-wrapper .days-wrapper div[class*="day"] .item-right .title p {
font-size: 24px;
line-height: 28px
}
.sensi-gym-new .calendar-wrapper .days-wrapper div[class*="day"] .item-right {
max-height: unset
}
.sensi-gym-new .calendar-wrapper .calendar-tabs-wrapper div[class*="week"][data-sensi-tabs-target-active="true"] p:before {
background: url(../img/Calendar-c-w.svg) 0 0 no-repeat
}
.sensi-gym-new .calendar-wrapper .calendar-tabs-wrapper div[class*="week"] p:before {
background: url(../img/Calendar-c.svg) 0 0 no-repeat
}
.sensi-gym-new .calendar-wrapper .days-wrapper div[class*="day"] .item-right .title p> {
margin-bottom: 30px
}
.sensi-gym-new .owl-carousel .owl-dots {
bottom: -20px
}
.sensi-gym-new .category-products .product-list-item {
background: rgb(68, 68, 68);
box-shadow: 1px 2px 13px rgb(105, 105, 105)
}
.sensi-gym-new .container-fluid.ttt-products {
background: #fff
}
.sensi-gym-new .calendar-wrapper>h2 {
background: #fff;
color: #444;
padding-top: 40px
}
.sensi-gym-new section.container-fluid.ttt-products {
padding: 0
}
}
.free-gift-gym-wrapper {
background: #eee !important;
padding: 20px 40px;
margin: 40px 0
}
.free-gift-gym-wrapper .content-wrapper {
width: 100% !important;
flex-direction: row !important;
flex-wrap: unset !important;
align-items: center;
justify-content: center
}
.free-gift-gym-wrapper .title-wrapper h2 {
font-size: 40px;
margin: 20px 0;
text-align: center
}
.free-gift-gym-wrapper .title-wrapper p {
font-size: 18px;
line-height: 24px
}
.free-gift-gym-wrapper .flex {
display: flex
}
.free-gift-gym-wrapper .content-inner {
justify-content: center;
padding-bottom: 20px
}
.free-gift-gym-wrapper .content-inner {
width: 100%
}
.free-gift-gym-wrapper .content-outer {
align-items: flex-start;
justify-content: space-between;
padding-top: 40px
}
.free-gift-gym-wrapper .content-wrapper p {
padding-right: 20px !important
}
.free-gift-gym-wrapper .content-wrapper p:not(:last-of-type) {
margin-bottom: 20px !important
}
.free-gift-gym-wrapper .content-wrapper p:last-of-type {
margin-bottom: 0
}
.free-gift-gym-wrapper .title-wrapper p:last-of-type {
margin-bottom: 0 !important
}
@media(max-width:500px) {
.free-gift-gym-wrapper {
padding: 5px 15px
}
.free-gift-gym-wrapper .content-outer {
flex-direction: column;
padding-top: 20px
}
.free-gift-gym-wrapper .content-wrapper {
width: 100%;
flex-direction: column !important
}
.free-gift-gym-wrapper .content-inner {
padding-bottom: 20px
}
.free-gift-gym-wrapper .title-wrapper h2 {
margin: 20px 0;
font-size: 30px
}
.free-gift-gym-wrapper .title-wrapper p {
font-size: 16px;
line-height: 22px
}
.free-gift-gym-wrapper .content-inner:first-of-type {
order: 1 !important
}
.free-gift-gym-wrapper .content-wrapper p {
padding-right: 0 !important
}
}
.header-slider-wrapper .header-slider-item {
width: 100%
}
.header-slider-wrapper.owl-carousel {
padding-bottom: 0
}
.header-slider-wrapper.owl-carousel .owl-nav button:before,
.header-slider-wrapper.owl-carousel .owl-nav button:after {
display: none
}
.header-slider-wrapper.owl-carousel .owl-nav button.owl-prev span,
.header-slider-wrapper.owl-carousel .owl-nav button.owl-next span {
font-size: 30px;
font-weight: 300;
line-height: 30px;
color: #fff;
margin-top: 0;
display: block;
font-family: "Open Sans", sans-serif
}
.header-slider-wrapper.owl-carousel .owl-nav button.owl-next {
right: -10px
}
.header-slider-wrapper.owl-carousel .owl-nav button.owl-prev {
left: -10px
}
.header-slider-wrapper.owl-carousel .owl-nav button.owl-prev,
.header-slider-wrapper.owl-carousel .owl-nav button.owl-next {
top: calc(50% - 18px)
}
.header-slider-wrapper.owl-carousel .owl-stage,
.header-slider-wrapper.owl-carousel .header-slider-item {
display: flex;
align-items: center;
justify-content: center
}
section.container-phone-me .fully-operational-wrapper .header-slider-wrapper p {
font-weight: 400
}
section.container-phone-me .fully-operational-wrapper .header-slider-wrapper a {
font-weight: 600;
color: #fff
}
.fully-operational-wrapper .header-slider-wrapper a:hover {
text-decoration: none
}
@media(min-width:768px) {
.header-slider-wrapper.owl-carousel {
max-width: 1140px;
margin: 0 auto;
width: calc(100% - 40px)
}
.header-slider-wrapper .fully-operational-wrapper p {
padding: 8px 30px
}
.ttt-nav ul.nav.navbar-nav.ttt-nav-icon {
display: flex;
justify-content: flex-end
}
.ttt-nav ul.nav.navbar-nav li.nav-account.nav-account-cart a {
margin-right: 15px
}
}
@media(max-width:768px) {
.header-slider-wrapper .header-slider-item {
position: relative;
left: 2px
}
}
@media (max-width:768px) {
.phone-wrapper-logo {
display: none
}
}
@media(min-width:769px) {
.phone-wrapper-logo p {
display: table;
margin: 0 auto;
float: right;
position: relative;
top: -10px;
text-align: center
}
.phone-wrapper-logo strong {
display: table;
top: -32px;
position: relative;
margin: 0 auto;
text-align: center
}
.container-phone-me>.container {
display: none
}
;
.phone-wrapper-logo p {
font-size: 13px
}
.phone-wrapper-logo a {
font-size: 14px;
color: #64ba49;
display: unset
}
.phone-wrapper-logo {
position: absolute;
width: calc(50% - 100px);
line-height: 50px;
text-align: right
}
.ttt-nav .col-lg-12>*:not(.categories-menu-container) {
z-index: 3
}
.categories-menu-container {
z-index: 2;
margin-top: 0 !important
}
#ttt-nav {
margin-bottom: 11px
}
body[class*="theme-tummyteatox"] .phone-wrapper-logo {
width: calc(50% - 125px)
}
body[class*="theme-undo_v2"] .phone-wrapper-logo {
text-align: left;
top: -6px
}
body[class*="theme-undo_v2"] .phone-wrapper-logo p {
top: -7px
}
body[class*="theme-undo_v2"] .phone-wrapper-logo strong {
top: -6px
}
body[class*="theme-powgen"] .phone-wrapper-logo p,
body[class*="theme-undo_v2"] .phone-wrapper-logo p,
body[class*="theme-undo_v2"] .phone-wrapper-logo a,
body[class*="theme-tummyteatox"] .phone-wrapper-logo p,
body[class*="theme-tummyteatox"] .phone-wrapper-logo a {
color: #fff
}
body[class*="theme-slimjoy"] .phone-wrapper-logo a {
color: #64ba49
}
body[class*="theme-undo_v2"] .phone-wrapper-logo a,
body[class*="theme-brilliant"] .phone-wrapper-logo a {
font-weight: 600
}
body[class*="theme-brilliant"] .phone-wrapper-logo p,
body[class*="theme-brilliant"] .phone-wrapper-logo a {
color: #333
}
body[class*="theme-brilliant"] .phone-wrapper-logo p {
float: left
}
body[class*="theme-brilliant"] .phone-wrapper-logo {
width: 50%;
padding-left: 110px;
text-align: left
}
body[class*="theme-brilliant"] .phone-wrapper-logo a {
font-size: 15px;
color: #00B298
}
}
.phone-wrapper-logo {
height: 52px;
overflow: hidden
}
.Sensi_DynamicStaticBlock h2.new-offer {
font-size: 28px;
line-height: 36px;
font-weight: 600;
text-align: center
}
.Sensi_DynamicStaticBlock p.new-offer {
font-size: 22px;
line-height: 36px;
text-align: center
}
.Sensi_DynamicStaticBlock .new-success-gift-wrapper {
display: flex;
align-items: flex-start;
width: 100%;
max-width: 580px;
margin: 20px auto 0 auto;
justify-content: space-between;
box-shadow: 0 0 10px #00000029;
padding: 10px 0;
position: relative
}
.Sensi_DynamicStaticBlock .new-success-gift-wrapper .img-container {
width: 130px;
text-align: center
}
.Sensi_DynamicStaticBlock .new-success-gift-wrapper .center-container {
padding-right: 40px;
margin-top: 10px
}
.Sensi_DynamicStaticBlock .new-success-gift-wrapper h2 {
font-size: 18px;
line-height: 24px;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 4px;
margin-top: 0;
color: #444
}
.Sensi_DynamicStaticBlock .new-success-gift-wrapper h2 b {
color: #FF5D00
}
.Sensi_DynamicStaticBlock .new-success-gift-wrapper p {
font-size: 12px;
line-height: 17px;
margin-bottom: 4px;
font-weight: 400;
color: #444
}
.Sensi_DynamicStaticBlock .new-success-gift-wrapper .button-container {
display: flex;
align-items: center;
justify-content: center;
align-self: flex-start;
margin-top: 10px
}
.Sensi_DynamicStaticBlock .new-success-gift-wrapper .button-container .button {
margin-right: 20px;
background: #FF5D00;
padding: 0 20px;
border: none;
border-radius: 3px
}
.Sensi_DynamicStaticBlock .new-success-gift-wrapper .buttons-container img {
width: 90px
}
.Sensi_DynamicStaticBlock .new-success-gift-wrapper .button-container .button span {
font-size: 12px;
line-height: 40px;
text-transform: uppercase;
color: #fff;
font-weight: 600
}
.Sensi_DynamicStaticBlock .new-success-gift-wrapper .buttons-container {
margin-top: 10px
}
.Sensi_DynamicStaticBlock .new-success-gift-wrapper p.hashtag {
font-size: 14px;
line-height: 19px;
font-weight: 600
}
.Sensi_DynamicStaticBlock .new-success-gift-wrapper:last-of-type {
margin-bottom: 40px
}
.Sensi_DynamicStaticBlock .new-success-gift-wrapper .img-container img {
width: 60px
}
@media(max-width:768px) {
.Sensi_DynamicStaticBlock .new-success-gift-wrapper {
justify-content: flex-start
}
.Sensi_DynamicStaticBlock .new-success-gift-wrapper .img-container img {
width: unset
}
.Sensi_DynamicStaticBlock .new-success-gift-wrapper .img-container {
width: 27%;
flex-grow: 0;
flex-shrink: 0;
padding: 12px
}
.Sensi_DynamicStaticBlock .new-success-gift-wrapper .center-container {
padding-right: 20px;
padding-bottom: 64px;
margin-top: 8px
}
.Sensi_DynamicStaticBlock .new-success-gift-wrapper .button-container {
position: absolute;
bottom: 20px;
left: 27%
}
.Sensi_DynamicStaticBlock .new-success-gift-wrapper .buttons-container img {
width: 48%
}
}
#top-banner-new {
display: flex;
margin: 10px auto;
width: calc(100% - 30px);
max-width: 1170px;
justify-content: center
}
#top-banner-new .banner-1,
#top-banner-new .banner-2 {
cursor: pointer
}
#top-banner-new .banner-2 {
margin: 0px 0 0 10px
}
#top-banner-new .mobile {
display: none
}
@media(max-width:720px) {
#top-banner-new .mobile {
display: block
}
#top-banner-new .desktop {
display: none
}
#top-banner-new {
flex-direction: column;
align-items: center;
margin: 15px auto
}
#top-banner-new .banner-2 {
margin: 15px 0 0 0
}
}
@media (min-width:480px) {
body[class*="theme-tummy"] .popup-notification-no {
background: #eb9084
}
body[class*="theme-powgen"] .popup-notification-no {
background: #f06135
}
body[class*="theme-brilliant"] .popup-notification-no {
background: #00B298
}
}
@media (max-width:480px) {
body[class*="theme-tummy"] .popup-notification-no p.get-coupone {
background: #eb9084
}
}
@media (max-width:480px) {
body[class*="theme-powgen"] .popup-notification-no p.get-coupone {
background: #f06135
}
}
@media (max-width:480px) {
body[class*="theme-brilliant"] .popup-notification-no p.get-coupone {
background: #00B298
}
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_4"] #ajaxcart-content .ajaxcart-checkout button span span:after,
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_4"] .subs-button span:after {
top: -10px
}
.std ul.messages {
display: none
}
.messages>li {
background: #83828645;
color: #333;
text-align: center;
font-weight: 600;
border: none
}
.lightbox {
display: none
}
.featherlight-inner {
background-color: #fff;
padding: 30px
}
.featherlight-inner p {
margin-bottom: 0px
}
.featherlight .featherlight-content {
padding: 0px;
border-bottom: 0px;
border: 8px solid #fff;
background: none
}
.sp-methods dd .available-payments {
display: block;
padding-left: 15px
}
.sp-methods dd .available-payments li {
display: inline-block;
padding: 3px 5px;
margin: 3px 0px
}
.sp-methods dd .available-payments li img {
height: 25px;
width: auto
}
@font-face {
font-family: 'barlowregular';
src: url('../fonts/Barlow-Regular.ttf');
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'barlowbold';
src: url('../fonts/Barlow-Bold.ttf');
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'barlowcondensedregular';
src: url('../fonts/BarlowCondensed-Regular.ttf');
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'barlowcondensedmedium';
src: url('../fonts/BarlowCondensed-Medium.ttf');
font-weight: normal;
font-style: normal
}
.alert,
.block-cart .subtotal,
.error-msg,
.global-site-notice,
.note-msg,
.notice-msg,
.success-msg {
padding: 20px;
border: none;
border-radius: 0
}
.alert-danger,
.error-msg,
.alert-success,
.success-msg {
background-color: #ffffff;
border: 2px solid #64ba49;
color: #444
}
.form-control,
.form-language select,
.form-list select,
.form-list textarea,
.input-text,
.multiple-checkout .data-table select,
.my-wishlist textarea,
.product-options dd .input-text,
.product-options dd select,
.product-options dd textarea {
color: #444;
border-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: none
}
.form-control,
.form-language select,
.form-list select,
.form-list textarea,
.input-text,
.multiple-checkout .data-table select,
.my-wishlist textarea,
.product-options dd .input-text,
.product-options dd select,
.product-options dd textarea {
color: #444;
border-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: none;
-o-transition: none;
transition: none
}
input:focus,
textarea:focus,
keygen:focus,
select:focus,
input:active,
textarea:active,
keygen:focus,
select:active {
outline: none
}
.btn-edit:after,
.btn-previous:after,
.btn-remove2:after,
.btn-remove:after {
font-size: 24px;
color: #444;
font-family: 'Open Sans', sans-serif;
font-weight: 300
}
.btn-remove2:after,
.btn-remove:after {
content: "x"
}
.btn,
.button,
.my-wishlist .link-edit {
border-radius: 0
}
.btn:hover,
.button:hover,
.my-wishlist .link-edit:hover,
.btn:focus,
.button:focus,
.my-wishlist .link-edit:focus {
background-color: #f2f2f2;
outline: none
}
.addresses-list li.item,
.block,
.box-account,
.cart .crosssell,
.cart .discount,
.cart .shipping,
.gift-message,
.order-about,
.order-info-box,
.panel,
.product-view .box-collateral,
.product-view .product-shop {
border: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0
}
.addresses-list li.item h3,
.block .block-title,
.block-account .block-title,
.box-account .box-head,
.cart .crosssell>h2,
.cart .discount>h2,
.cart .shipping>h2,
.panel-heading,
.product-view .box-collateral>h2,
.product-view .product-shop .product-name {
border: none;
padding: 0;
border-radius: 0;
background: transparent;
font-weight: 600;
color: #444
}
a:focus,
a:hover {
color: #666;
text-decoration: none
}
label {
font-weight: 400
}
:hover,
:focus,
:active {
outline: none
}
html * {
font-family: 'Open Sans', sans-serif
}
html {
color: #444;
font-weight: 300;
line-height: 1.4
}
a {
color: #00B298
}
html p {
margin-bottom: 1em
}
.layout {
margin-left: 0;
margin-right: 0
}
.layout.layout-1-col div[role=main] {
float: none;
padding-right: 0;
padding-left: 0;
margin: 0
}
.layout.layout-1-col-blog div[role=main] {
float: none;
padding-right: 0;
padding-left: 0;
margin: 0
}
.product-view {
margin-left: 0;
margin-right: 0
}
img {
max-width: 100%;
height: auto
}
.pink {
color: #00B298
}
.logo-image-small {
display: none
}
header {
min-height: 100px;
height: auto
}
.ttt-nav {
background-color: #f2f2f2;
border-bottom: 1px solid #ccc;
padding: 30px 0 20px
}
.ttt-nav a {
color: #fff;
font-size: 18px;
text-transform: uppercase
}
.ttt-nav .nav>li>a:focus,
.ttt-nav .nav>li>a:hover {
text-decoration: none;
background-color: transparent;
animation-name: shake;
animation-duration: .3s;
animation-timing-function: linear;
animation-iteration-count: infinite
}
.ttt-nav {
position: relative
}
.ttt-nav .ttt-nav-logo h1 {
margin: 0;
padding: 0;
line-height: 1
}
.ttt-nav h1.logo-image {
display: block;
margin: auto;
width: 140px;
position: absolute;
right: 0;
left: 0;
top: -38px
}
div#ttt-nav {
padding: 0;
width: 90%;
float: left;
display: inline-block
}
ul.navbar-nav {
float: left;
margin: 0;
display: inline-block;
width: 100%
}
.navbar-nav>li>a {
padding: 15px 25px 15px 0;
color: #838286
}
.navbar-nav>li>a span {
color: #838286;
font-weight: 400
}
.ttt-nav ul.nav.navbar-nav li.nav-3,
.ttt-nav ul.nav.navbar-nav li.last {
float: right !important
}
ul.nav.navbar-nav.ttt-nav-icon {
display: inline-block;
width: 10%;
margin-top: 12px
}
li.nav-account a {
font-size: 0;
display: inline-block;
width: 24px;
height: 24px;
box-sizing: border-box;
margin: 0 20px 0 0;
padding: 0
}
li.nav-account a {
font-size: 0;
display: inline-block;
width: 24px;
height: 19px;
box-sizing: border-box;
margin: 0 20px 0 0;
padding: 0;
background-repeat: no-repeat
}
li.nav-account.nav-account-login a {
background-image: url(../img/login.svg)
}
li.nav-account.nav-account-cart a {
background-image: url(../img/shopping-cart.svg);
margin-right: 20px
}
.ttt-nav.fixedHeader {
position: fixed;
width: 100%;
z-index: 6
}
.ttt-nav.fixedHeader {
overflow: hidden
}
.ttt-nav.fixedHeader h1.logo-image {
width: 109px;
top: -19px
}
.ttt-header {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 650px;
position: relative
}
.ttt-header h2 {
font-weight: 800;
text-transform: uppercase;
color: #00B298;
font-size: 100px;
vertical-align: bottom;
text-align: center;
position: absolute;
bottom: 40px;
line-height: 120%;
left: 0;
right: 0;
margin: auto
}
.ttt-content {
padding-top: 40px
}
.ttt-content h2,
.ttt-products h2,
.ttt-signup h2,
.ttt-instagram h2 {
text-align: center;
font-size: 52px;
font-weight: 800;
line-height: 1.2;
margin-bottom: .4em;
color: #00B298;
text-transform: uppercase;
overflow-wrap: break-word
}
.ttt-content p,
.ttt-products p,
.ttt-signup p,
.ttt-instagram p {
font-size: 20px;
line-height: 1.3;
text-align: center;
font-weight: 300;
margin-bottom: 1em
}
.ttt-content .ttt-content-row {
padding-top: 30px;
padding-bottom: 30px
}
.ttt-content .ttt-content-row-1 p strong {
display: block
}
.ttt-content .ttt-content-row-2 p {
font-size: 16px
}
.ttt-content .ttt-content-row-2 img {
display: block;
margin: 0 auto 15px auto
}
.ttt-content h5 {
font-size: 24px;
line-height: 1.2;
text-align: center;
font-weight: 700;
color: #00B298;
text-transform: uppercase
}
.ttt-content .custom-layout.custom-layout-1 {
position: relative;
margin-top: 30px
}
.row.ttt-content-row.ttt-content-row-1 .col-lg-12 p {
margin-bottom: .1em
}
.ttt-content .custom-layout.custom-layout-1 .col-md-8.outer {
border: 6px solid #b2d5a7
}
.ttt-content .custom-layout.custom-layout-1 .col-md-8 h3 {
text-align: left;
font-size: 40px;
font-weight: 700;
line-height: 1.2;
margin-bottom: .6em;
color: #00B298;
text-transform: uppercase
}
.ttt-content .custom-layout.custom-layout-1 .col-md-8 ul {
margin-bottom: 2.4em
}
.ttt-content .custom-layout.custom-layout-1 .col-md-8 ul li {
font-size: 20px;
line-height: 1.3;
text-align: left;
font-weight: 300;
margin-bottom: 1em
}
.ttt-content .custom-layout.custom-layout-1 .col-md-8 a {
font-size: 24px;
line-height: 1.3;
text-align: center;
font-weight: 700;
color: #fff;
padding: 8px 40px;
margin-bottom: 1.6em;
background-color: #444444;
border: 3px solid #444444;
text-transform: uppercase;
display: inline-block;
border-radius: 3px;
transition: .2s ease all
}
.ttt-content .custom-layout.custom-layout-1 .col-md-8 a:hover,
.ttt-content .custom-layout.custom-layout-1 .col-md-8 a:focus {
text-decoration: none;
color: #444444;
background-color: transparent
}
.ttt-content .custom-layout.custom-layout-1 .custom-image {
position: absolute;
z-index: 5;
top: -30px
}
.ttt-instagram {
margin-top: 40px;
margin-bottom: 40px
}
#instafeed {
text-align: center;
margin: 0 0 30px
}
#instafeed>a {
margin: 2%;
display: inline-block;
width: 98%
}
#instafeed>a img {}
@media only screen and (min-width:768px) {
#instafeed>a {
margin: .5%;
display: inline-block;
width: 19%
}
}
@media only screen and (min-width:1200px) {
#instafeed {
margin: 0 -15% 30px
}
.ttt-instagram .row>div {
border: 8px solid #f9deda
}
}
section.container-fluid.ttt-products {}
.product-list {
margin-top: 30px;
margin-bottom: 60px
}
.container-fluid.ttt-product-top-bg {
min-height: 480px;
background: no-repeat center center
}
.ttt-product-top-info h1 {
font-size: 40px;
font-weight: 800;
line-height: 115%;
color: #fff;
margin: 1.6em 0 .4em
}
.ttt-product-top-info p {
font-size: 18px;
font-weight: 400
}
.ttt-product-top-info p em {
font-size: 35px;
color: #fff;
line-height: 120%
}
.ttt-product-top-cartbox {
background-color: #fff;
border-radius: 5px;
margin-top: 72px;
box-sizing: border-box;
padding: 20px 10px 25px;
border: 4px solid rgba(234, 125, 111, 0.3)
}
.ttt-product-top-cartbox p.availability.in-stock {
display: none
}
.ttt-product-top-cartbox .price-box {
margin-bottom: 2em
}
.ttt-product-top-cartbox .price-box p.special-price {
text-align: center;
font-size: 38px
}
.ttt-product-top-cartbox .price-box p.special-price span {
color: #444
}
.ttt-product-top-cartbox .price-box span.regular-price {
text-align: center;
display: block
}
.ttt-product-top-cartbox .price-box span.regular-price span {
color: #444;
font-size: 38px
}
.ttt-product-top-cartbox .price-box p.old-price {
text-align: center;
font-size: 12px;
margin-top: .5em
}
.ttt-product-top-cartbox .price-box p.old-price span {
color: #888
}
.ttt-product-top-cartbox .price-box p.old-price span.price-label {}
.ttt-product-top-cartbox .price-box p.old-price span.price {
text-decoration: line-through
}
.ttt-product-top-cartbox .add-to-cart {
text-align: center
}
.ttt-product-top-cartbox .add-to-cart label {
max-width: 120px;
display: inline-block;
margin-right: 10px;
display: none
}
.ttt-product-top-cartbox .add-to-cart input {
max-width: 50px;
margin: 10px auto;
text-align: center;
display: inline-block;
display: none
}
.ttt-product-top-cartbox .add-to-cart button {
display: block;
margin: 0 auto;
border-radius: 0;
padding: 8px 35px;
background-color: #00B298;
border: none;
outline: none;
box-shadow: none;
width: 100%
}
.ttt-product-top-cartbox .add-to-cart button:hover,
.ttt-product-top-cartbox .add-to-cart button:focus {
background-color: #444;
border: none;
outline: none;
box-shadow: none
}
.ttt-product-top-cartbox .add-to-cart button span {
font-size: 20px;
color: #fff
}
.ttt-product-top-cartbox .add-to-cart button>span:after {
content: '';
width: 24px;
display: inline-block;
height: 19px;
margin: 5px 0 -2px 10px;
background: url(../img/cart.png) center center no-repeat
}
.ttt-product-top-cartbox .ttt-packaging-info {
border-top: 1px solid #cccccc;
margin-top: 0px;
padding-top: 25px
}
.ttt-product-top-cartbox .ttt-packaging-info ul li {
font-size: 15px;
color: #444;
padding-left: 100px;
margin-bottom: 0.8em;
min-height: 22px;
background-position: 60px center;
background-repeat: no-repeat
}
.ttt-product-top-cartbox .ttt-packaging-info ul li.packaging {
background-image: url(../img/packaging.png)
}
.ttt-product-top-cartbox .ttt-packaging-info ul li.clock {
background-image: url(../img/clock.png)
}
.ttt-product-top-cartbox .ttt-packaging-info ul li.document {
background-image: url(../img/document.png)
}
.ttt-product-top-cartbox {}
.custom-list-layout {
margin: 40px 0 20px
}
.ttt-product-content h2 {
font-size: 40px;
font-weight: 800;
margin: 1.6em 0 .3em;
color: #00B298;
text-transform: uppercase
}
.ttt-product-content h5 {
font-size: 24px;
font-weight: 700;
margin: 1em 0 1.2em;
color: #444
}
.ttt-product-content p {
font-size: 18px;
font-weight: 400
}
.custom-list-layout ul {
list-style: none;
margin: 0;
padding: 0
}
.custom-list-layout ul li {
list-style: none;
margin: 0 0 1em 0;
padding: 0;
min-height: 28px;
font-size: 18px;
padding-left: 40px;
box-sizing: border-box;
vertical-align: top;
background: url(../img/ttt-check.png) left top no-repeat
}
.custom-list-layout .outer {
border: 8px solid #f9deda;
padding: 50px 0 35px;
background-color: #fff;
margin-top: 160px
}
.custom-list-layout .custom-image {
position: absolute
}
.ttt-box-pink,
.ttt-box-white {
min-height: 440px;
position: relative;
margin-bottom: 100px
}
.ttt-box-pink {
background-color: #00B298;
border: 8px solid #64ba49;
color: #fff;
width: 99.5%;
margin: 40px auto 100px;
padding: 40px 25px
}
.ttt-box-pink-package,
.ttt-box-white-package {
margin-bottom: 20px;
margin: 40px auto 20px
}
.ttt-product-content .ttt-box-pink h3,
.ttt-product-content .ttt-box-white h3 {
font-size: 24px;
font-weight: 700
}
.ttt-product-content .ttt-box-pink h3,
.ttt-product-content .ttt-box-pink p,
.ttt-product-content .ttt-box-pink p strong {
color: #fff
}
.ttt-product-content .ttt-box-pink p strong,
.ttt-product-content .ttt-box-white p strong {
margin-top: 2em;
display: block
}
.ttt-product-content .ttt-box img.ttt-box-icon {
width: 120%;
margin-left: -10%
}
.ttt-product-content .ttt-box img.ttt-box-product {
position: absolute;
top: 95px;
left: 0
}
.ttt-box-white {
background-color: #fff;
border: 8px solid #f9deda;
width: 99.5%;
margin: 40px auto;
padding: 40px 25px
}
.ttt-product-ingredients h2 {
font-size: 40px;
color: #00B298;
font-weight: 700;
text-align: center;
margin: 1.2em 0 1.4em;
letter-spacing: -.4px
}
.ttt-product-ingredients .ttt-product-ingredients-border {
border: 8px solid rgba(234, 125, 111, 0.3);
margin-bottom: 60px;
padding: 40px 0 40px
}
.ttt-product-ingredients .panel h4 {
border-bottom-color: #fff;
border-bottom: 1px solid rgba(234, 125, 111, 0.3);
padding: 6px 0;
cursor: pointer;
background: url(../img/minus.png) right center no-repeat;
background-size: 12px 12px;
min-height: 12px
}
.ttt-product-ingredients .panel h4.collapsed {
background: url(../img/plus.png) right center no-repeat
}
.ttt-product-ingredients .panel h4 a {
font-size: 18px;
color: #444
}
.ttt-product-ingredients h6 {
font-size: 30px;
line-height: 100%;
font-weight: 300
}
.ttt-product-ingredients h6.sun:after,
.ttt-product-ingredients h6.night:after {
content: '';
width: 30px;
height: 30px;
margin-left: 16px;
margin-bottom: -4px;
margin-top: 0px;
display: inline-block
}
.ttt-product-ingredients h6.sun:after {
background: url(../img/sun.png) center center no-repeat
}
.ttt-product-ingredients h6.night:after {
background: url(../img/night.png) center center no-repeat
}
.ttt-product-ingredients p strong {
font-size: 18px;
display: block;
margin-bottom: 1.4em
}
.ttt-product-ingredients .panel-default>.panel-heading,
.ttt-product-ingredients .panel-default>.panel-heading+.panel-collapse>.panel-body {
border: none;
background-color: transparent;
color: inherit
}
.ttt-product-ingredients .ttt-table-ingridients {
background-color: #00B298;
margin: 30px 0
}
.ttt-product-ingredients .ttt-table-ingridients thead>tr>th {
border-bottom: 1px solid #fff
}
.ttt-product-ingredients .ttt-table-ingridients tr th,
.ttt-product-ingredients .ttt-table-ingridients tr td {
color: #fff;
border-color: #fff
}
.ttt-product-ingredients .ttt-table-ingridients tr>th,
.ttt-product-ingredients .ttt-table-ingridients tr>td {
border-right: 1px solid #fff
}
.ttt-product-ingredients .ttt-table-ingridients thead tr {
background-color: #00B298
}
.ttt-product-ingredients .ttt-table-ingridients tr.ttt-noborder,
.ttt-product-ingredients .ttt-table-ingridients tr.ttt-noborder td {
border-top: none
}
.ttt-product-ingredients .ttt-table-ingridients th.ttt-noborder,
.ttt-product-ingredients .ttt-table-ingridients td.ttt-noborder {
border-right: none
}
.ttt-product-ingredients .ttt-table-ingridients tr.ttt-dobule-border {
border-bottom: 2px solid #fff
}
.ttt-product-ingredients .ttt-table-ingridients tr.ttt-disclaimer {
background-color: #888
}
section.container-fluid.ttt-products {
padding: 60px 0px
}
.product-list-item {
min-height: 360px
}
.product-list-item {
text-align: center
}
.product-list-item h3.product-name {
color: #00B298;
font-size: 21px;
font-weight: 700;
margin: .6em 0 .3em;
display: block;
line-height: 1.2em
}
.product-list-item a:hover h3.product-name {
text-decoration: underline
}
.product-list-item span.one-liner {
color: #444;
font-size: 16px;
font-weight: 400;
margin: .6em 0 .3em;
display: block
}
.product-list-item img {
display: block;
margin: 0 auto 15px auto
}
.product-list-item .price-box .price {
font-size: 18px;
color: #444;
font-weight: 700
}
.ttt-footer-top {
border-top: 1px solid #ccc;
padding: 12px 0 5px;
background-color: #fff
}
.ttt-footer-top .row>div {
text-align: center
}
.ttt-footer-top .row>div:last-child {}
.ttt-footer-top .row>div p {
font-size: 16px;
color: #a1a1a1;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 0
}
.ttt-footer-top .row>div p img {
display: inline-block;
margin-right: 15px;
margin-bottom: 7px
}
.ttt-footer-middle-top {
background-color: rgba(234, 125, 111, 0.3);
padding: 15px 0 7px
}
.ttt-footer-middle-bottom {
background-color: #444444;
padding: 20px 0
}
.ttt-footer-middle-bottom h3 {
font-weight: 700;
font-size: 24px;
margin-bottom: .8em;
color: #fff
}
.ttt-footer-middle-bottom p,
.ttt-footer-middle-bottom ul li a,
.ttt-footer-middle-bottom ol li a {
color: #fff;
font-size: 16px
}
.ttt-footer-middle-bottom ul li {
padding-left: 1.4em;
text-indent: -.7em;
margin-bottom: .4em
}
.ttt-footer-middle-bottom ul li:before {
content: "● ";
color: #fff;
padding-right: 7px
}
.ttt-footer-middle-bottom ol li {
padding-left: 1.4em;
text-indent: -.7em;
min-height: 22px;
margin-bottom: .8em
}
.ttt-footer-middle-bottom ol li:before {
content: "";
width: 22px;
height: 22px;
display: inline-block;
padding-right: 31px;
margin-bottom: -5px
}
.ttt-footer-middle-bottom ol li.mail:before {
background: url(../img/mail.png) left center no-repeat
}
.ttt-footer-middle-bottom ol li.phone:before {
background: url(../img/phone.png) left center no-repeat
}
.ttt-footer-middle-bottom .row {
padding-bottom: 10px
}
.ttt-footer-middle-bottom .row>div {
border-right: 1px solid rgba(255, 255, 255, .3);
padding-left: 25px
}
.ttt-footer-middle-bottom .row>div:last-child {
border: none
}
.ttt-footer-middle-social-links {
font-size: 0
}
.ttt-footer-middle-social-link {
display: inline-block;
width: 50px;
text-align: center
}
.ttt-footer-middle-social-link>a>img {
max-width: 100%;
display: block
}
.ttt-footer-bottom {
background-color: #00B298;
padding: 10px 0 10px
}
.ttt-footer-bottom p {
margin-bottom: 0;
font-weight: 400;
font-size: 12px
}
.ttt-footer-bottom p,
.ttt-footer-bottom a {
color: #444
}
.ttt-footer-bottom a:hover,
.ttt-footer-bottom a:focus {
color: #444;
text-decoration: underline
}
.ttt-content-row-10 h2 {
width: 60%;
margin-left: auto;
margin-right: auto
}
div#ttt-form,
div#ttt-form * {
margin: 0;
padding: 0;
float: none;
width: 100%;
line-height: 1.4
}
div#ttt-form .list-select {
padding: 0 !important
}
div#ttt-form .buttons-set p.required,
div#ttt-form .form-list label.required em,
div#ttt-form .form-list label {
display: none
}
div#ttt-form .buttons-set {
border-top: none
}
div#ttt-form div.webforms-fields-custom-checkbox div.input-box ul li input[type=checkbox] {
position: absolute;
z-index: -1000;
left: -1000px;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0
}
div#ttt-form div.webforms-fields-custom-checkbox div.input-box ul li input[type=checkbox]+label {
padding-left: 35px;
height: auto;
display: inline-block;
line-height: 1.4;
background-repeat: no-repeat;
background-position: 0 0;
font-size: 16px;
vertical-align: middle;
cursor: pointer;
display: inline-block;
min-height: 25px;
height: 25px;
line-height: 25px
}
div#ttt-form div.webforms-fields-custom-checkbox div.input-box ul li input[type=checkbox]:checked+label {
background-position: 0 -25px
}
div#ttt-form div.webforms-fields-custom-checkbox div.input-box ul li label {
background-image: url(../img/ttt-checkbox.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
div#ttt-form div.webforms-fields-custom-checkbox div.input-box {
display: inline-block;
width: 100%;
text-align: center
}
div#ttt-form div.webforms-fields-custom-checkbox div.input-box ul {
display: inline-block;
width: auto
}
.ttt-signup {
padding: 60px 0;
background: url(../img/bg_mail.jpg) center center no-repeat;
background-size: cover
}
div#ttt-form {
margin: 30px 0 60px
}
div#ttt-form .validation-failed {
border-color: red !important
}
div#ttt-form input[type=email],
div#ttt-form input[type=text] {
margin: 0 auto 0em;
font-size: 21px;
padding: 6px 15px;
height: auto;
width: 80%
}
div#ttt-form .input-box {
margin-bottom: 1em
}
div#ttt-form div.validation-advice {
text-align: center;
color: red;
font-weight: 400;
font-size: 14px;
padding: 5px
}
div#ttt-form span.please-wait img {
display: block;
margin: 0 auto;
max-width: 45px;
height: auto
}
div#ttt-form .buttons-set {
width: 80%;
margin: 1em auto;
text-align: center
}
div#ttt-form .buttons-set button.button {
display: inline-block;
width: auto;
font-size: 24px;
background-color: #00B298;
border: 3px solid #64ba49;
padding: 8px 45px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
border-radius: 3px
}
div#ttt-form .buttons-set button.button:hover {
background-color: transparent;
color: #00B298
}
.product-list-item {
min-height: 440px
}
.ttt-content-1 {
margin-bottom: 40px
}
.review-agreement label {
width: 92%;
width: auto;
display: contents;
float: left;
max-width: 90%
}
.review-agreement input {
width: 5%;
width: 30px;
display: inline;
float: left;
font-size: 16px;
height: auto
}
.form-list li.control input.checkbox,
.sp-methods .radio {
line-height: 34px
}
@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
#checkout-payment-method-load label,
#checkout-shipping-method-load label {
line-height: 34px
}
#co-billing-form>fieldset>ul>li.control>label {
line-height: 34px
}
#review-agreement-form input[type=checkbox] {
padding: 0 8px 8px !important
}
}
@media only screen and (max-width:1200px) {
.ttt-content .custom-layout.custom-layout-1 .custom-image {
width: 50%
}
}
@media only screen and (max-width:992px) {
.ttt-content .custom-layout.custom-layout-1 .custom-image {
width: 80%;
margin: 0 auto
}
.product-list-item {
min-height: 390px
}
}
@media only screen and (max-width:768px) {
div#ttt-form input[type=email],
div#ttt-form input[type=text] {
width: 90%
}
}
@media only screen and (max-width:480px) {
div#ttt-form input[type=email],
div#ttt-form input[type=text] {
width: 95%
}
}
@media only screen and (max-width:1200px) {
.ttt-nav {
padding: 25px 0 16px
}
header {
min-height: 91px;
height: auto
}
.ttt-nav.fixedHeader h1.logo-image-small {
display: block;
width: 111px;
top: -19px
}
.ttt-header {
height: 520px
}
.ttt-header h2 {
font-size: 78px;
bottom: 40px
}
.container-fluid.ttt-product-top-bg {
min-height: 440px
}
.ttt-product-top-info h1 {
font-size: 36px
}
.ttt-product-top-info p em {
font-size: 32px;
color: #fff
}
.ttt-product-top-cartbox .ttt-packaging-info ul li {
padding-left: 65px;
background-position: 30px center
}
.ttt-product-content .ttt-box img.ttt-box-icon {
width: 100%;
margin-left: 0
}
.ttt-box-pink,
.ttt-box-white {
padding: 25px 25px;
min-height: 500px
}
.ttt-box-pink-package,
.ttt-box-white-package {
min-height: 450px
}
.ttt-box-pink p,
.ttt-box-white p {
font-size: 17px
}
.ttt-product-content .ttt-box-pink p strong,
.ttt-product-content .ttt-box-white p strong {
font-size: 16px
}
.ttt-product-content .ttt-box img.ttt-box-product {
top: 195px
}
.ttt-footer-top .row>div p img {
margin-bottom: 4px
}
.ttt-footer-top .row>div p {
font-size: 15px;
color: #a1a1a1;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 0
}
.ttt-footer-middle-bottom h3 {
font-size: 24px
}
}
@media only screen and (min-width:993px) {
.ttt-nav.fixedHeader {
padding: 10px 0 5px
}
}
@media only screen and (max-width:992px) {
.navbar-header {
float: left
}
header {
min-height: 89px;
height: auto
}
.navbar-left,
.navbar-right {
float: none !important
}
.navbar-toggle {
display: inline-block;
float: left;
padding: 10px 10px 10px 36px
}
.navbar-toggle .icon-bar {
background-color: #838286
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1)
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px
}
.navbar-collapse.collapse {
display: none !important
}
.navbar-nav {
float: none !important;
margin-top: 7.5px
}
.navbar-nav>li {
float: none
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px
}
.collapse.in {
display: block !important
}
.ttt-nav .nav>li>a:focus,
.ttt-nav .nav>li>a:hover {
text-decoration: none;
background-color: rgba(255, 255, 255, .1);
animation-name: none
}
ul.nav.navbar-nav.ttt-nav-icon li>a:focus,
ul.nav.navbar-nav.ttt-nav-icon li>a:hover,
button.navbar-toggle:hover {
background-color: transparent;
animation-name: shake;
animation-duration: .3s;
animation-timing-function: linear;
animation-iteration-count: infinite
}
.navbar-nav>li>a {
padding-left: 10px
}
div#ttt-nav {
padding: 0;
width: 100%;
float: none;
display: inline-block;
border: none;
box-shadow: none
}
ul.nav.navbar-nav.ttt-nav-icon {
width: 100px;
float: right !important;
position: absolute;
right: 24px;
top: 6px
}
ul.nav.navbar-nav.ttt-nav-icon li {
display: inline-block
}
.ttt-nav.fixedHeader {
padding: 5px
}
.ttt-nav.fixedHeader h1.logo-image {
width: 101px;
top: -14px
}
.ttt-nav.fixedHeader ul.nav.navbar-nav.ttt-nav-icon {
top: 4px
}
.ttt-product-top-info h1 {
font-size: 32px
}
.ttt-product-top-info p {
font-size: 17px
}
.ttt-product-top-info p em {
font-size: 27px
}
.ttt-product-top-cartbox .price-box p.special-price {
font-size: 36px
}
.ttt-product-top-cartbox .ttt-packaging-info ul li {
padding-left: 35px;
background-position: 5px center
}
.ttt-product-top-cartbox .add-to-cart button span {
font-size: 18px
}
.ttt-product-content h2 {
font-size: 36px;
margin: 1.4em 0 .3em
}
.ttt-product-content p {
font-size: 17px;
font-weight: 400
}
.custom-list-layout .custom-image {
position: static
}
.custom-list-layout .custom-image img {
display: block;
max-width: 80%;
margin: 0px auto
}
.custom-list-layout .outer {
margin-top: -20px
}
.ttt-product-content .ttt-box img.ttt-box-icon {
width: 75px;
margin-left: 0;
margin-top: -15px
}
.ttt-product-content .ttt-box-pink p strong,
.ttt-product-content .ttt-box-white p strong {
font-size: 17px
}
.ttt-product-content .ttt-box img.ttt-box-product {
top: 195px;
position: static;
margin-top: -60px;
width: 125px;
margin-left: -10px;
max-width: 145%
}
.ttt-box-pink,
.ttt-box-white {
min-height: 585px
}
.ttt-box-pink,
.ttt-box-white {
margin: 40px auto 40px
}
.ttt-product-ingredients h2 {
font-size: 36px;
margin: .8em 0 1em
}
.col-lg-12.ttt-product-ingredients-border div img {
display: block;
margin: 0 auto
}
.ttt-footer-top .row div p {
border-bottom: 1px solid #eee
}
.ttt-footer-top .row>div p {
font-size: 14px;
padding: 5px 0 1px;
text-align: left;
padding-left: 15px
}
.ttt-footer-top .row div:last-child p {
border-bottom: none
}
.ttt-footer-middle-bottom p,
.ttt-footer-middle-bottom ul li a,
.ttt-footer-middle-bottom ol li a {
font-size: 14px
}
.ttt-footer-middle-bottom .row>div {
min-height: 195px
}
.ttt-footer-middle-bottom h3 {
font-size: 24px
}
.ttt-header {
height: 480px
}
.ttt-header h2 {
font-size: 72px;
bottom: 35px
}
.ttt-content h2,
.ttt-products h2,
.ttt-signup h2,
.ttt-instagram h2 {
font-size: 42px
}
.ttt-content {
padding-top: 10px
}
.ttt-content p,
.ttt-products p,
.ttt-signup p,
.ttt-instagram p {
font-size: 19px;
line-height: 1.4
}
.ttt-content .ttt-content-row-1 p strong {
display: inline
}
.ttt-content .ttt-content-row-2 p {
margin-bottom: 40px
}
.ttt-content .ttt-content-row {
padding-top: 30px
}
.ttt-content .custom-layout.custom-layout-1 .custom-image {
position: static;
z-index: 0;
top: 0
}
.ttt-content .custom-layout.custom-layout-1 .custom-image img {
display: block;
margin: 0 auto
}
.ttt-content .custom-layout.custom-layout-1 .col-md-8.outer {
margin-top: -20px;
background: #fff
}
.ttt-content .custom-layout.custom-layout-1 .col-md-8 h3 {
font-size: 36px
}
.ttt-content .custom-layout.custom-layout-1 .col-md-8 ul li {
font-size: 19px
}
.ttt-nav ul.nav.navbar-nav li.nav-3,
.ttt-nav ul.nav.navbar-nav li.last {
float: none !important
}
}
@media only screen and (max-width:768px) {
header {
min-height: 73px;
height: auto
}
html {
font-size: 18px;
line-height: 1.3
}
.ttt-nav {
padding: 15px 0 10px
}
.container-fluid.ttt-product-top-bg {
min-height: auto;
height: auto;
background-size: auto 240px;
background-position: top center
}
.col-sm-4.ttt-product-top-info {
margin-top: 225px
}
.ttt-product-top-info h1 {
font-size: 29px;
color: #00B298
}
.ttt-product-top-info p em {
font-size: 24px;
color: #00B298
}
.ttt-header {
height: 360px
}
.ttt-header h2 {
font-size: 48px;
bottom: 30px
}
.ttt-box-pink,
.ttt-box-white,
.ttt-footer-middle-bottom .row>div {
min-height: auto
}
.ttt-footer-middle-bottom {
background-color: #444;
padding: 20px 0 0
}
.ttt-footer-middle-bottom .row>div {
border-bottom: 1px solid rgba(255, 255, 255, .3);
padding-bottom: 25px;
margin-bottom: 10px
}
.ttt-product-content .ttt-box-pink h3,
.ttt-product-content .ttt-box-white h3 {
clear: both
}
.ttt-box .col-xs-6 {
text-align: center;
margin-bottom: 20px
}
.ttt-product-content .ttt-box img.ttt-box-product {
margin-top: -65px
}
.ttt-box-pink {
margin-bottom: 75px
}
.ttt-product-top-cartbox .ttt-packaging-info ul li {
padding-left: 50px;
background-position: 20px center
}
.ttt-product-top-cartbox {
margin-top: 25px
}
.container-fluid.ttt-footer-bottom .col-xs-8,
.container-fluid.ttt-footer-bottom .col-xs-6,
.container-fluid.ttt-footer-bottom .col-xs-4 {
width: 100%;
text-align: center !important
}
}
@media only screen and (max-width:480px) {
html {
font-size: 16px
}
.ttt-nav {
padding: 8px 0 5px
}
.ttt-nav {
padding: 8px 0 5px;
overflow: hidden
}
header {
min-height: 61px;
height: auto
}
.ttt-nav h1.logo-image,
li.nav-account.nav-account-login a {
margin: 0 5px 0 15px
}
.container-fluid.ttt-product-top-bg {
background-size: auto 240px
}
.col-sm-4.ttt-product-top-info {
margin-top: 225px
}
.ttt-product-top-info h1 {
font-size: 27px
}
.ttt-product-top-info p {
font-size: 16px
}
.ttt-product-top-info p em {
font-size: 21px
}
.ttt-product-top-cartbox .price-box span.regular-price span {
font-size: 31px
}
.ttt-product-top-cartbox {
margin-top: 30px;
padding: 15px 8px 20px
}
.ttt-product-top-cartbox .price-box {
margin-bottom: 1.3em
}
.ttt-product-content h2 {
font-size: 31px;
margin: 1.4em 0 .3em
}
.ttt-product-content p {
font-size: 16px;
font-weight: 400
}
.custom-list-layout .custom-image img {
max-width: 100%
}
.custom-list-layout ul li {
font-size: 16px
}
.ttt-header {
height: 270px
}
.ttt-header h2 {
font-size: 36px;
bottom: 25px
}
.custom-list-layout {
margin: 20px 0 20px
}
.ttt-box-pink,
.ttt-box-white {
padding: 25px 15px
}
.ttt-footer-top .row>div p {
padding-left: 5px
}
}
@media only screen and (max-width:380px) {
.ttt-nav h1.logo-image,
.ttt-nav.fixedHeader h1.logo-image {
width: 140px;
top: 8px;
left: -50px
}
.ttt-content-row-10 h2 {
width: 100%;
margin-left: auto;
margin-right: auto
}
}
.ttt-category-header {
min-height: 480px;
background: url(../img/package.jpg) no-repeat center center;
position: relative;
display: block;
text-align: center
}
.ttt-category-header:after {
background-color: rgba(255, 255, 255, .3)
}
.ttt-category-header h1 {
font-size: 64px;
color: #fff;
font-weight: 800;
margin-top: 180px;
z-index: 4;
position: relative
}
.ttt-category-header span {
font-size: 25px;
display: inline-block;
margin: 15px auto 0;
border-radius: 5px;
background-color: #00B298;
padding: 8px 25px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
z-index: 4;
position: relative
}
.ttt-category-header:after {
background-color: rgba(0, 0, 0, 0.3);
width: 100%;
display: block;
position: absolute;
height: 100%;
top: 0;
left: 0;
bottom: 0;
z-index: 3
}
.container-fluid.ttt-category-list {
background-color: #fff
}
.ttt-cms-page {
padding-top: 60px;
padding-bottom: 60px
}
.ttt-cms-page h1 {
font-size: 64px;
line-height: 1.4;
margin: .8em 0 .7em;
color: #00B298;
font-weight: 800;
text-transform: uppercase
}
.ttt-cms-page h2 {
font-size: 42px;
line-height: 1.2;
margin: .8em 0 .7em;
color: #444;
font-weight: 700
}
.ttt-cms-page p,
.ttt-cms-page ul li,
.ttt-cms-page ol li {
font-size: 20px;
margin-bottom: 1em;
font-weight: 300;
line-height: 1.4
}
.ttt-cms-page blockquote {
font-size: 24px;
margin-top: 2em
}
@media only screen and (max-width:1200px) {
.ttt-cms-page p,
.ttt-cms-page ul li,
.ttt-cms-page ol li {
font-size: 18px
}
}
@media only screen and (max-width:992px) {
.ttt-cms-page {
padding-top: 40px;
padding-bottom: 40px
}
.ttt-cms-page h1 {
font-size: 48px
}
.ttt-cms-page h2 {
font-size: 31px
}
.ttt-cms-page blockquote {
font-size: 21px
}
section.container-fluid.ttt-products {
padding: 60px 0px 25px
}
.ttt-category-header h1 {
font-size: 48px;
margin-top: 110px
}
.ttt-category-header {
min-height: 380px;
background-size: auto 100%
}
.product-list-item {
min-height: 390px
}
}
@media only screen and (max-width:768px) {
.ttt-cms-page h1 {
font-size: 36px
}
.ttt-cms-page h2 {
font-size: 24px
}
.ttt-cms-page p,
.ttt-cms-page ul li,
.ttt-cms-page ol li {
font-size: 16px
}
.ttt-cms-page blockquote {
font-size: 19px
}
.ttt-signup {
padding: 45px 0 30px
}
.ttt-content .custom-layout.custom-layout-1 {
position: relative;
margin-top: 0px
}
.product-list-item {
min-height: 380px
}
}
@media only screen and (max-width:480px) {
.ttt-cms-page h1 {
font-size: 27px
}
.ttt-cms-page h2 {
font-size: 19px
}
.ttt-cms-page blockquote {
font-size: 18px
}
.ttt-content h2,
.ttt-products h2,
.ttt-signup h2,
.ttt-instagram h2 {
font-size: 30px
}
.ttt-content p,
.ttt-products p,
.ttt-signup p {
font-size: 16px;
line-height: 1.4
}
.ttt-content .custom-layout.custom-layout-1 .col-md-8 h3 {
font-size: 27px
}
.ttt-content .custom-layout.custom-layout-1 .col-md-8 ul li {
font-size: 16px
}
.ttt-content .custom-layout.custom-layout-1 .col-md-8 a {
font-size: 19px
}
.ttt-content .custom-layout.custom-layout-1 {
position: relative;
margin-top: 0px
}
.product-list-item span.one-liner {
display: block
}
.product-list-item {
min-height: 380px
}
section.container-fluid.ttt-products {
padding: 40px 0px 0px
}
.ttt-category-header {
min-height: 300px
}
.ttt-category-header h1 {
font-size: 36px;
margin-top: 80px
}
.ttt-category-header span {
font-size: 21px
}
}
.ttt-product-content .ttt-box-pink-package p strong,
.ttt-product-content .ttt-box-white-package p strong {
margin-top: 0em;
display: inline
}
.ttt-product-content .ttt-box-pink-package h3,
.ttt-product-content .ttt-box-white-package h3 {
margin-bottom: .6em
}
.ttt-product-content .ttt-box-pink-package h3 span,
.ttt-product-content .ttt-box-white-package h3 span {
font-weight: 300
}
.ttt-pdf-guide-outer {
background-color: #c4e8e2;
margin-top: 100px
}
.ttt-pdf-guide .ttt-pdf-image {
text-align: right
}
.ttt-pdf-guide .ttt-pdf-image img {
max-width: inherit;
height: 140%;
margin-top: -20%
}
.ttt-pdf-text p {
font-size: 21px;
line-height: 1.4;
color: #444;
margin-bottom: 1.2em
}
.ttt-pdf-text ul {
list-style: none;
margin: 0 0 1.5em;
padding: 0
}
.ttt-pdf-text ul li {
background: url(../img/package-check.png) left center no-repeat;
padding-left: 25px;
font-size: 18px;
color: #00B298;
font-weight: 700;
margin-bottom: .3em
}
@media only screen and (max-width:1200px) {}
@media only screen and (max-width:992px) {
.ttt-pdf-guide .ttt-pdf-image img {
margin-left: -91px
}
.ttt-pdf-text p {
font-size: 18px
}
}
@media only screen and (max-width:768px) {
.ttt-pdf-guide .ttt-pdf-image img {
margin-left: 0;
display: block;
margin: -90px auto 0;
width: 250px
}
.ttt-product-content .ttt-pdf-text h2 {
text-align: center;
margin-top: 0em
}
.ttt-pdf-text p {
text-align: center
}
.ttt-pdf-text ul {}
}
@media only screen and (max-width:480px) {
.ttt-pdf-guide .ttt-pdf-image img {
width: 230px
}
.ttt-content-row-2 {}
}
@media only screen and (max-width:320px) {}
.row.ttt-testimonials {
margin-bottom: 60px
}
.row.ttt-testimonials h2 {
margin-bottom: 1em
}
.ttt-product-top-cartbox .price-box p.old-price span.price {
font-size: 140%
}
.ttt-product-top-cartbox .price-box p.old-price span.price-label {
font-weight: 400;
font-size: 140%
}
.std ol.carousel-indicators {
bottom: initial;
top: 50px;
width: 50%;
margin-left: -39%;
padding-left: 0
}
.carousel-indicators li {
background-color: #00B298;
opacity: 0.6;
border: none;
width: 12px;
height: 12px;
margin: 1px 6px
}
.carousel-indicators .active {
background-color: #00B298;
opacity: 1;
width: 14px;
height: 14px;
margin: 0px 5px
}
.carousel-inner>.item {}
.carousel-inner>.item .testimonial-text {
border: 6px solid #f9deda;
padding: 65px 30% 40px 40px;
margin: 20px -30% 20px 0;
text-align: center
}
.carousel-inner>.item .testimonial-text h3 {
color: #00B298;
font-size: 18px;
margin-top: 12px
}
.carousel-inner>.item .testimonial-text p {
font-style: italic;
font-size: 18px
}
.carousel-inner>.item img {}
@media only screen and (max-width:992px) {
.carousel-inner>.item {
margin: 0 20% 0
}
.std ol.carousel-indicators {
width: 100%;
margin-left: -50%;
top: 25px;
padding-right: 0
}
.carousel-inner>.item .testimonial-text {
padding: 50px 10px 25px;
margin: 0
}
.carousel-inner>.item img {
width: 100%;
margin: -6px auto 0;
border-right: 6px solid #f9deda;
border-left: 6px solid #f9deda;
border-bottom: 6px solid #f9deda;
display: block
}
.row.ttt-testimonials {
margin-bottom: 0
}
.row.ttt-testimonials h2 {
margin-top: 1em
}
}
@media only screen and (max-width:768px) {
.carousel-inner>.item {
margin: 0 15% 0
}
}
@media only screen and (max-width:480px) {
.carousel-inner>.item {
margin: 0 0% 0
}
}
@media only screen and (max-width:320px) {}
.blog_title {
margin-top: 15px
}
.blog_title h1 {
text-align: center;
color: #00B298;
font-weight: 800;
text-transform: uppercase;
font-size: 28px;
margin-bottom: 30px;
margin-top: 30px
}
.blog_head {
margin-bottom: 20px
}
.blog_category_head h2 {
text-align: center
}
.blog_head ul {
margin: 0 -12px
}
.blog_head ul li {
display: inline-block;
padding: 0 12px;
text-transform: uppercase;
font-size: 15px;
font-weight: 400
}
.blog_head ul li a {
color: #444
}
.news_item {
overflow: hidden
}
.news_item_inner {
position: relative;
padding: 10px 0
}
.news_item_image {
position: relative
}
.news_item_image::after {
display: block;
content: '';
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.47);
height: 100%;
width: 100%
}
.news_item_image img {
width: 100%
}
.news_item_text {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
padding: 40px 20px
}
.news_item_text h2 {
display: block;
margin: 0;
padding: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
width: 85%;
font-size: 20px;
font-weight: 800;
text-transform: uppercase;
color: #ffffff
}
.news_item:hover .news_item_text,
.news_item:focus .news_item_text {
background: rgba(255, 255, 255, 0.9)
}
.news_item:hover .news_item_text h2,
.news_item:focus .news_item_text h2 {
color: #00B298
}
.blog_content {
margin-top: 10px;
padding-bottom: 20px;
background: #fff;
margin-bottom: 20px
}
.blog_content .blog_content_article,
.blog_content .blog_content_sidebar {
font-size: 16px;
font-weight: 400
}
.blog_content .blog_content_article h1,
.blog_content .blog_content_article h2,
.blog_content .blog_content_article h3 {
text-align: left
}
.blog_content .blog_content_article h1 {
font-size: 24px;
font-weight: 600;
text-transform: uppercase;
margin: 15px 0 32px 0
}
.blog_content .blog_content_article h2 {
font-size: 20px
}
.blog_content .blog_content_article ul,
.blog_content .blog_content_article ol {
list-style: disc;
margin: 15px 0 20px 30px
}
.blog_content .blog_content_article ol {
list-style-type: decimal
}
.blog_content_article_image {
margin-bottom: 20px
}
.blog_content h2 {
color: #00B298
}
.blog_content_sidebar {
text-transform: uppercase
}
.blog_content_sidebar h2 {
margin-bottom: 30px;
font-weight: 600
}
.blog_content_sidebar ol li {
margin: 0 0 20px
}
.blog_content_sidebar p {
margin: 10px 0
}
.blog_content_sidebar a {
color: #333
}
.related-news-product {
margin-top: 40px;
margin-bottom: 40px
}
.related-news-product p {
margin: 15px 0
}
.related-news-product a {
color: #444;
font-size: 17px;
font-weight: 600;
text-transform: uppercase
}
@media only screen and (min-width:768px) {
.blog_list {
margin-top: 30px
}
.news_item_inner {
margin: 30px 15px 30px 0px;
padding: 20px 0
}
.blog_list .row a:nth-child(2) .news_item .news_item_inner {
margin: 30px 0 30px 15px
}
.news_item_image {
margin: -40px -20px -40px -15px;
overflow: hidden
}
.blog_list .row a:nth-child(2) .news_item .news_item_image {
margin: -40px -15px -40px -20px
}
.blog_list .row:first-child .news_item {}
.blog_list .row:first-child .news_item .news_item_inner {
margin: 30px 5px
}
.blog_list .row:first-child .news_item .news_item_image {
margin: -40px -28px
}
.blog_list .row:first-child .news_item .news_item_text {
top: 0;
left: 0
}
}
@media only screen and (min-width:992px) {
.blog-inner {
margin: -128px -55px 0
}
.blog-outer {
margin: 128px 55px 60px;
border: 8px solid #eee
}
.blog_title {
margin-top: 20px
}
.blog_title h1 {
font-size: 54px;
margin-bottom: 50px
}
.blog_head {
padding-top: 30px
}
.blog_head ul {
margin: 0
}
.blog_head ul li {
padding: 0 20px;
font-size: 18px
}
.blog_head ul li:first-child {
padding-left: 0
}
.blog_head ul li:last-child {
padding-right: 0
}
.blog_content .blog_content_article {
border-right: 1px solid #ccc
}
.blog_content .blog_content_article {
font-size: 18px
}
.blog_content .blog_content_article h1 {
font-size: 36px
}
.blog_content .blog_content_article h2 {
font-size: 26px
}
.blog_content_article_image {
padding-right: 0
}
}
.blog_footer .blog_footer_pager {
background: none;
border: none;
margin-bottom: 25px;
margin-top: 20px;
text-align: center
}
.blog_footer .blog_footer_pager ul {
display: inline
}
.blog_footer .blog_footer_pager li {
display: inline;
font-size: 17px;
margin: 0 10px;
font-weight: 400
}
@media only screen and (min-width:480px) and (max-width:768px) {
.news_item_text h2 {
font-size: 28px
}
}
@media only screen and (min-width:768px) and (max-width:992px) {
.news_item_text h2 {
font-size: 22px
}
}
@media only screen and (min-width:992px) and (max-width:1200px) {
.news_item_text h2 {
font-size: 28px
}
}
@media only screen and (min-width:1200px) {
.news_item_text h2 {
font-size: 35px
}
}
.checkout-cart-index,
.tummy-checkout-select-method,
.checkout-onepage-index,
.customer-account-login,
.customer-account-index,
.sales-order-history,
.customer-address-form,
.customer-account-edit,
.newsletter-manage-index,
.customer-address-form,
.customer-account-logoutsuccess,
.checkout-onepage-success,
.sales-order-view,
.customer-address-index,
.customer-account-create,
.customer-account-forgotpassword,
.sensi-gdpr-customer-account {
background: #F4F4F4
}
.firecheckout-header .firecheckout-logo img {
width: 140px;
margin-top: 10px;
min-width: 70px
}
.container.cart,
.layout-2-cols-cart .container {
margin-top: 40px;
margin-bottom: 40px
}
.cart .white-cart-box {
background: #fff;
margin-bottom: 10px;
padding: 25px 10px
}
.cart h2,
.cart .discount>h2 {
font-weight: 600;
text-transform: uppercase;
font-size: 20px;
margin: 0 0 20px
}
.cart h3 {
font-weight: 300
}
.cc-items .product-item {
border-top: 1px solid #ddd;
margin: 20px 0;
padding: 20px 0
}
.cc-items .product-item:last-child {
border-bottom: 1px solid #ddd
}
.cc-items .product-item>div>* {
margin-left: -15px
}
.cc-items .product-item>div:last-child>* {
margin-right: -15px
}
.cc-items .product-item .cart-price {
font-size: 18px;
font-weight: 600;
margin-bottom: 10px
}
.cc-items .product-item h2.product-name {
margin-top: 10px;
font-weight: 400
}
.cc-items .product-item .cc-quantity {
text-align: left;
margin-top: 20px
}
.cc-items .product-item .cc-quantity>* {
display: inline;
width: auto;
text-align: center
}
.cc-items .product-item .cc-quantity input[type=button] {
background: transparent;
border: none;
color: #00B298;
font-weight: 600;
font-size: 20px
}
.cc-subtotal {
text-align: right;
font-weight: 600;
font-size: 20px
}
.cart input,
.cart button {
margin-bottom: 10px;
font-size: 16px;
padding: 8px;
font-weight: 400;
height: auto
}
.cart button {
border: none;
color: #444;
background: #f2f2f2;
width: 100%;
font-weight: 700;
text-transform: uppercase
}
.cart button:hover,
.checkout-login button:focus,
.checkout-login button:active,
.customer-login button:focus,
.customer-login button:active,
.forgot-password-page button:focus,
.forgot-password-page button:active {
color: #f2f2f2;
background: #444
}
.buttons-set button.button.btn-checkout,
.cart .cart-next button {
background: #00B298;
color: #fff;
font-size: 20px;
padding: 12px;
word-wrap: break-word
}
.cart .cart-next button:hover,
.checkout-login .cart-next button:focus,
.checkout-login .cart-next button:active,
.customer-login .cart-next button:focus,
.customer-login .cart-next button:active,
.forgot-password-page .cart-next button:focus,
.forgot-password-page .cart-next button:active {
color: #f2f2f2
}
.cart.checkout-login button,
.cart.customer-login button,
.cart.customer-register button,
.cart.forgot-password-page button {
background: #64ba49;
color: #fff
}
.sensi-socialconnect-facebooksensi-socialconnect-facebook button.sensi-socialconnect-facebook-inner {
background: #3b5998 url('../img/facebook-32.png');
background-repeat: no-repeat;
-webkit-background-size: auto 50%;
background-size: auto 50%;
background-position: 3% center;
color: #fff
}
.cart .discount .discount-form,
.cart .shipping .shipping-form {
padding: 0;
margin-top: 20px
}
.row.cc-totals {
font-size: 16px
}
.row.cc-totals>* .row {
padding-bottom: 5px;
padding-top: 5px
}
.cc-totals-body {
border-top: 1px solid #ddd;
margin-top: 20px;
padding-top: 15px
}
.row.cc-totals>* .row>.col-md-3 {
text-align: right
}
.cc-cart-edit {
text-align: right;
margin-top: 15px
}
.free-shipping-indicator p {
background: #fff;
border: 1px solid #acc8e3;
padding: 15px;
margin-top: 20px
}
.opc .buttons-set {
border-top: none
}
.cart-guarantee-info,
.cart-delivery-info {
background-image: url(../img/cart_ico2.png);
padding-left: 67px;
background-position: left top;
background-repeat: no-repeat
}
.cart-guarantee-info {
background-image: url(../img/cart_ico1.png)
}
.cart-payment-info ul li {
padding: 7px 0
}
section#cart-main {
margin-bottom: 40px
}
@media only screen and (min-width:992px) {
.col-md-5 .white-cart-box {
border-left: 10px solid #cde6e4
}
.customer-account-login .col-md-5 .white-cart-box,
.layout-2-cols-cart .col-md-5 .white-cart-box {
border-right: 10px solid #cde6e4;
border-left: none
}
section#cart-main {
margin-bottom: 60px
}
}
.cookieThingText {
line-height: 20px;
padding: 0 15px;
color: #222222;
font-size: 12px;
display: inline-block
}
.cookieMore {
font-size: 13px;
line-height: 20px;
padding: 0 10px;
color: #888888;
display: inline-block
}
a.cookieMore:hover {
text-decoration: none
}
.cookieThingBtn {
padding: 0 15px;
height: 20px;
margin: 9px 0 -5px;
display: inline-block
}
.cookieThing {
width: 100%;
padding: 2px 2% 8px;
margin: 0px;
position: fixed;
left: 0;
bottom: 0;
z-index: 100000000;
text-align: center;
background-color: #eee;
background-color: rgba(238, 238, 238, 0.94);
border-top: 1px solid rgba(175, 128, 101, 0.36)
}
.cookieThing.cookies-not-allowed {
background: #F00
}
.cookieThing h6 {
font-size: 17px;
line-height: 20px;
padding: 0 15px;
font-weight: normal;
color: #AA9D96;
display: inline-block
}
.cookies-not-allowed h6 {
color: #fff
}
.cookieThing div.actions {}
.cookieThingBtn a {
padding: 4px 10px;
font-size: 15px;
background: #AA9D96;
color: #FFFFFF;
font-weight: 300;
font-family: 'Open Sans';
text-decoration: none;
cursor: pointer
}
.cookieThingBtn a:hover {
text-decoration: none;
background: #65B36B none
}
.cookies-not-allowed .cookieThingBtn a {
background: #FFFFFF;
color: #FF0000
}
.cookies-not-allowed .cookieThingBtn a:hover {
background: #FFBEBE
}
.cookies-not-allowed a.cookieMore {
color: #FFBEBE;
text-decoration: underline;
display: inline-block
}
li.nav-account-cart a span {
color: #fff !important;
width: 14px;
height: 14px;
display: block;
line-height: 100%;
position: absolute;
right: -8px;
top: -8px;
text-align: center;
padding: 2px;
border-radius: 100%;
background: #00B298;
font-weight: 400;
font-size: 11px !important;
line-height: 10px !important
}
@media only screen and (max-width:959px) {
.cookieThing {
width: 96%;
padding: 4px 1.5% 8px;
left: 0;
bottom: 0;
background-color: #eee
}
.cookieThing h6 {
font-size: 14px;
line-height: 16px;
padding: 0 5px
}
.cookieThingText {
font-size: 11px;
line-height: 14px;
padding: 0 5px
}
.cookieThingBtn {
padding: 0 5px;
height: 15px;
margin: 5px 0 -5px
}
.cookieThingBtn a {
padding: 2px 10px;
font-size: 12px
}
.cookieMore {
font-size: 11px;
line-height: 15px
}
}
.product_widget_ttt {
margin: 60px auto
}
.product_widget_ttt a:hover,
.product_widget_ttt a:focus {
text-decoration: none;
color: inherit
}
.product_widget_ttt a:hover h3.product-name,
.product_widget_ttt a:focus h3.product-name {
text-decoration: underline
}
.product_widget_ttt h3.product-name {
color: #00B298;
font-size: 21px;
font-weight: 700;
margin: 0em 0 .3em;
display: block;
line-height: 1.2em
}
.product_widget_ttt span.one-liner {
color: #444;
font-size: 16px;
font-weight: 300;
margin: .6em 0 .8em;
display: block
}
.product_widget_ttt .price-box p.special-price span {
font-size: 18px
}
.product_widget_ttt .price-box p.special-price {
margin-bottom: 0
}
.product_widget_ttt .price-box p.old-price {
margin-bottom: .6em
}
.product_widget_ttt .price-box p.old-price,
.product_widget_ttt .price-box p.old-price span {
font-size: 14px;
color: #777;
font-weight: 400
}
.product_widget_ttt .price-box .price {
font-size: 18px;
color: #444;
font-weight: 700
}
.product_widget_ttt .add-to-cart button {
display: block;
margin: 0 auto;
border-radius: 0;
padding: 8px 35px;
background-color: #00B298;
border: none;
outline: none;
box-shadow: none;
width: 100%
}
.product_widget_ttt .add-to-cart button span {
font-size: 20px;
color: #fff
}
.product_widget_ttt .add-to-cart button span:after {
content: '';
width: 24px;
display: inline-block;
height: 19px;
margin: 5px 0 -2px 10px;
background: url(../img/cart.png) center center no-repeat
}
.product_widget_ttt .add-to-cart button:hover,
.product_widget_ttt .add-to-cart button:focus {
background-color: #444;
border: none;
outline: none;
box-shadow: none
}
.ttt-second-addToCart {
margin: 40px 0
}
.ttt-second-addToCart .add-to-cart button {
display: block;
margin: 0 auto;
border-radius: 0;
padding: 8px 35px;
background-color: #00B298;
border: none;
outline: none;
box-shadow: none;
width: 100%
}
.ttt-second-addToCart .vertical-middle {
vertical-align: middle
}
.ttt-second-addToCart .inline-block {
display: inline-block
}
.ttt-second-addToCart h5 {
font-size: 40px;
color: #00B298;
font-weight: 700;
margin: .2em 0 .4em;
letter-spacing: -.4px
}
.ttt-second-addToCart .add-to-cart button span {
font-size: 20px;
color: #fff
}
.ttt-second-addToCart .add-to-cart button span:after {
content: '';
width: 24px;
display: inline-block;
height: 19px;
margin: 5px 0 -2px 10px;
background: url(../img/cart.png) center center no-repeat
}
.ttt-second-addToCart .add-to-cart button:hover,
.ttt-second-addToCart .add-to-cart button:focus {
background-color: #444;
border: none;
outline: none;
box-shadow: none
}
.buttons-set button.button.btn-checkout[disabled] {
background: #ccc
}
.sp-methods dd li {
padding: 7px 0;
margin: 0px
}
@media only screen and (max-width:1200px) {
.ttt-second-addToCart h5 {
font-size: 36px
}
}
@media only screen and (max-width:992px) {
.ttt-second-addToCart h5 {
font-size: 32px
}
}
@media only screen and (max-width:768px) {
.ttt-second-addToCart h5 {
font-size: 27px
}
.product_widget_ttt h3.product-name {
font-size: 19px
}
.product_widget_ttt .add-to-cart button span,
.ttt-second-addToCart .add-to-cart button span {
font-size: 17px
}
.product_widget_ttt .price-box p.old-price,
.product_widget_ttt .price-box p.old-price span {
font-size: 13px
}
}
@media only screen and (max-width:480px) {
.product_widget_ttt .add-to-cart button span:after,
.ttt-second-addToCart .add-to-cart button span:after {
display: none
}
.product_widget_ttt .add-to-cart button,
.ttt-second-addToCart .add-to-cart button {
padding: 8px 5px
}
.ttt-second-addToCart h5 {
font-size: 24px
}
}
@media only screen and (max-width:320px) {
.ttt-second-addToCart h5 {
font-size: 21px
}
}
.ttt-header {
height: 673px;
background-size: cover;
background-repeat: no-repeat
}
.ttt-hide-x {
display: none
}
@media only screen and (max-width:1200px) {
.ttt-header {
height: 421px
}
}
@media only screen and (max-width:992px) {
.ttt-header {
height: 348px
}
}
@media only screen and (max-width:768px) {
.ttt-header {
height: 269px
}
}
@media only screen and (max-width:480px) {
.ttt-header {
background-image: none !important
}
.ttt-header {
height: auto
}
.ttt-hide-x {
display: block;
margin-top: 20px
}
}
.sp-methods dd li {
margin: 8px 0
}
.intl-tel-input .selected-flag {
height: 38px !important
}
.ttt-nav.fixedHeader h1.logo-image-small {
display: block;
right: 0;
left: 0;
position: absolute;
margin: auto;
width: 111px;
height: auto;
top: -19px
}
.ttt-nav.fixedHeader h1.logo-image-small {
right: 0;
left: 0;
position: absolute;
margin: auto
}
@media only screen and (max-width:992px) {
.ttt-nav.fixedHeader {
padding: 10px 0 8px
}
}
@media only screen and (max-width:768px) {
.ttt-nav h1.logo-image-small {
display: block;
right: 0;
left: 0;
position: absolute;
margin: auto;
width: 111px;
height: auto;
top: -19px
}
}
.cart dl#checkout-payment-method-load label img.v-middle {
width: 60px;
height: auto
}
.cart ul.payment-images label {
width: 60px;
height: auto;
margin-right: 10px
}
.cart button {
background: #eee
}
.cart .cart-next h2 {
line-height: 260%;
margin-bottom: 0px;
margin-left: -15px
}
.cart .cart-box-newcart .cart-guarantee-info,
.cart .cart-box-newcart .cart-delivery-info,
.cart .cart-box-newcart .cart-quality-info,
.cart .cart-box-newcart .cart-money-info {
padding-left: 67px;
background-position: 5px 5px;
background-repeat: no-repeat;
background-color: transparent;
margin-bottom: 10px;
padding: 5px 0px 0px 62px
}
.cart .cart-box-newcart .cart-guarantee-info h2,
.cart .cart-box-newcart .cart-delivery-info h2,
.cart .cart-box-newcart .cart-quality-info h2,
.cart .cart-box-newcart .cart-money-info h2 {
margin-bottom: 10px
}
.cart .cart-box-newcart .cart-guarantee-info {
background-image: url(../img/cart_ico1.png)
}
.cart .cart-box-newcart .cart-delivery-info {
background-image: url(../img/cart_ico2.png)
}
.cart .cart-box-newcart .cart-quality-info {
background-image: url(../img/cart_ico3.png)
}
.cart .cart-box-newcart .cart-money-info {
background-image: url(../img/cart_ico4.png)
}
.cart .col-md-6.cart-next.cart-next-last button {
font-size: 18px;
background: #eee;
color: #444;
height: 52px
}
.cart .col-md-6.cart-next.cart-next-last button:hover,
.cart .col-md-6.cart-next.cart-next-last button:focus {
background: #444;
color: #eee
}
@media only screen and (max-width:1200px) {
.cart .col-md-6.cart-next.cart-next-last button {
font-size: 14px
}
}
@media only screen and (max-width:992px) {
.cart .cart-next h2 {
line-height: 140%;
margin-bottom: .8em;
margin-left: 0;
text-align: center
}
.cart .col-md-6.cart-next.cart-next-last button {
font-size: 16px
}
.cart .cart-box-newcart .cart-guarantee-info,
.cart .cart-box-newcart .cart-delivery-info,
.cart .cart-box-newcart .cart-quality-info,
.cart .cart-box-newcart .cart-money-info {
margin-top: 10px
}
}
.cart .sp-methods dd {
padding: 0;
border-bottom: none
}
.phone-number-hint {
margin: 15px 0px 0px 0px;
width: 100%;
line-height: 20px;
font-size: 12px
}
.phone-number-hint>P {
font-size: 12px
}
.ttt-nav h1.logo-image {
display: block;
margin: auto;
width: 132px;
position: absolute;
right: 0;
left: 0;
top: -10px
}
.ttt-nav h1.logo-image {
line-height: 28px;
z-index: 1
}
header {
position: relative;
z-index: 99999
}
section.ttt-nav {
z-index: 9999
}
.ttt-nav {
padding: 0;
z-index: 9999
}
.ttt-nav .container {
padding: 10px 0
}
.navbar-header {
width: 100%
}
ul.nav.navbar-nav.ttt-nav-icon {
text-align: center
}
.ttt-nav.fixedHeader h1.logo-image {
width: 90px;
top: -10px
}
section.container-phone-me {
position: fixed;
display: inline-block;
width: 100%;
margin-top: 0px;
top: 0px;
z-index: 1
}
section.ttt-nav.fixedHeader {
position: fixed;
width: 100%;
z-index: 6
}
@media only screen and (max-width:1200px) {
.ttt-nav {
padding: 0px 20px 0px
}
.ttt-nav .container {
margin: 0;
width: 100%
}
.ttt-nav .container.fixedHeader {
padding: 2em 2em 4px
}
.ttt-nav.fixedHeader {
padding: 20px 0 0px
}
}
@media only screen and (min-width:1092px) {
.is_stuck {
position: fixed;
width: 406px
}
section.ttt-nav {
display: block;
position: fixed;
width: 100%;
z-index: 1
}
}
@media only screen and (max-width:1092px) {
section.ttt-nav {
display: block;
position: fixed;
width: 100%;
height: auto;
z-index: 1
}
}
@media only screen and (max-width:992px) {
.ttt-nav.fixedHeader h1.logo-image {
width: 108px;
top: -16px
}
.ttt-nav.fixedHeader {
padding: 18px 20px 0px
}
ul.nav.navbar-nav.ttt-nav-icon {
text-align: center
}
div#ttt-nav.in ul.navbar-nav,
div#ttt-nav.collapsing ul.navbar-nav {
margin-top: 1.5em
}
section.ttt-nav.fixedHeader div#ttt-nav.in ul.navbar-nav,
section.ttt-nav.fixedHeader div#ttt-nav.collapsing ul.navbar-nav {
margin-top: .2em
}
}
@media only screen and (max-width:768px) {
.ttt-nav {
padding: 0px 20px 0px
}
@media only screen and (max-width:480px) {
.ttt-nav {
padding: 0
}
.ttt-nav.fixedHeader {
padding: 18px 20px 0px
}
.ttt-nav .container {
padding: 0
}
.ttt-nav h1.logo-image {
width: 96px;
top: 0
}
}
}
@media only screen and (max-width:380px) {
.ttt-nav.fixedHeader h1.logo-image {
left: -14px;
top: -10px;
width: 92px
}
ul.nav.navbar-nav.ttt-nav-icon {
text-align: right;
right: 8%
}
.navbar-toggle {
padding: 10px 10px 7px 0
}
.ttt-nav.fixedHeader {
padding: 17px 0 0px
}
body {
max-width: 380px
}
.h1,
.h2,
.h3,
h1,
h2,
h3 {
word-wrap: break-word
}
}
@media only screen and (max-width:280px) {
body {
max-width: 280px
}
}
.cookieThing {
width: 100%;
padding: 5px 4% 11px;
margin: 0px;
position: relative;
left: 0;
bottom: 0;
z-index: 100000000;
text-align: center;
background-color: rgba(82, 78, 78, 0.92);
border-top: 0 none
}
.cookieThing.cookies-not-allowed {
background: rgba(255, 0, 0, 0.92)
}
.cookieThingText {
line-height: 20px;
padding: 0 15px;
color: #fff;
font-size: 12px;
display: block
}
.cookieThingBtn {
padding: 0 15px;
height: 29px;
margin: 9px 0 9px;
display: inline-block;
border: 0 none
}
.cookieThingBtn a {
padding: 4px 10px;
font-size: 15px;
background: #ffffff;
color: #333130;
font-weight: 300;
font-family: 'Open Sans';
text-decoration: none;
cursor: pointer;
border: 0 none;
border-radius: 4px
}
.cookieThingBtn a:hover {
text-decoration: none;
background: rgba(158, 158, 158, 0.9) none;
color: #ffffff
}
.cookieMore {
font-size: 13px;
line-height: 20px;
padding: 8px 10px;
color: #cecece;
display: inline-block
}
a.cookieMore:hover {
text-decoration: none;
color: #ffffff
}
@media screen and (min-width:0\0) {
ul.ttt-nav-icon.navbar-nav.nav {
margin: 0
}
}
#pwCartPage>.image .discount {
background: #64ba49
}
#billing-address>.block-title::before,
#shipping-method>.block-title::before,
#payment-method>.block-title::before,
#checkout-review>.block-title::before,
.firecheckout-set button.btn-checkout,
.firecheckout-set button.btn-primary,
.firecheckout-window button.button,
.firecheckout-set button.btn-checkout.loading,
.firecheckout-set button.btn-checkout.loading:hover,
.firecheckout-set button.btn-checkout.loading:focus,
.firecheckout-set button.btn-primary.loading,
.firecheckout-set button.btn-primary.loading:hover,
.firecheckout-set button.btn-primary.loading:focus,
.firecheckout-window button.button.loading,
.firecheckout-window button.button.loading:hover,
.firecheckout-window button.button.loading:focus,
#firecheckout-login-window .buttons-set .button {
background-color: #00B298
}
.firecheckout-set input[type="checkbox"]:checked:focus,
.firecheckout-set input[type="radio"]:checked:focus,
.firecheckout-set input[type="checkbox"]:checked,
.firecheckout-set input[type="radio"]:checked {
box-shadow: 0 0 0 10px #64ba49 inset !important
}
.firecheckout-loader {
color: #00B298
}
@media (max-width:480px) {
.cookieThing {
padding-bottom: 0
}
.cookieThing>div {
width: 100%;
padding: 0
}
.cookieThingText,
.cookieMore {
font-size: 11px;
padding: 0
}
.cookieThingBtn {
height: auto
}
.cookieThingBtn a {
font-size: 13px
}
}
body[class*="cmspro-view-details"] .blog_content .product-widget-block button.button,
body[class*="special-category"] .products-grid button.button {
background-color: #ec0043;
border: 2px solid #ec0043
}
body[class*="cmspro-view-details"] .blog_content .product-widget-block button.button:hover,
body[class*="cmspro-view-details"] .blog_content .product-widget-block button.button:focus,
body[class*="special-category"] .products-grid button.button:hover,
body[class*="special-category"] .products-grid button.button:focus {
background-color: #fff;
border: 2px solid #64ba49
}
body[class*="cmspro-view-details"] .blog_content .product-widget-block button.button:hover span,
body[class*="special-category"] .products-grid button.button:hover span {
color: #00B298
}
body[class*="cmspro-view-details"] .blog_content .product-widget-block button.button:hover>span:after,
body[class*="special-category"] .products-grid button.button:hover>span:after {
background-image: url(../img/cart_icon.png)
}
body[class*="cmspro-view-details"] .blog_content .product-widget-block button.button>span:after,
body[class*="special-category"] .products-grid button.button>span:after {
background-image: url(../img/cart_iconh.png)
}
.ttt-footer-middle-bottom {
background: #F4F4F4
}
.brilliant-footer {
max-width: 1200px;
margin: 0 auto;
float: none
}
.brilliant-footer .logo img {
width: 85px
}
.brilliant-footer h2 {
font-family: "barlowbold";
font-size: 12px;
line-height: 18px;
margin-top: 0
}
.ttt-footer-middle-bottom .brilliant-footer ul li {
margin-bottom: 5px;
font-family: "barlowregular";
font-size: 14px;
line-height: 18px
}
.ttt-footer-middle-bottom .brilliant-footer ul li p {
margin-bottom: 0
}
.ttt-footer-middle-bottom .brilliant-footer ul li a {
font-family: "barlowregular";
font-size: 14px;
line-height: 18px;
color: #999
}
.ttt-footer-middle-bottom .social img {
margin-right: 15px
}
.ttt-footer-middle-bottom p,
.ttt-footer-middle-bottom ul li a,
.ttt-footer-middle-bottom ol li a {
color: #7C878E;
font-size: 14px
}
.ttt-footer-middle-bottom .social p {
margin: 0 0 0 18px;
display: inline-block
}
.ttt-footer-middle-bottom ul li {
margin-bottom: 15px;
padding-left: 10px
}
.ttt-footer-middle-bottom ul li:before {
display: none
}
.cc-icons>div[data-icon] {
width: 32px;
height: 25px
}
.cc-icons>div[data-icon] {
background-image: url(../img/payment_icons.jpeg);
background-size: cover
}
.cc-icons>div[data-icon] {
border: none
}
.cc-icons>div[data-icon="visa-mc"] {
background-position: 0 0
}
.cc-icons>div[data-icon="cod"] {
background-position: calc(-42px * 15) 0
}
.cc-icons>div[data-icon="mastercard"] {
background-position: 0 0
}
.cc-icons>div[data-icon="webmoney"] {
background-position: -42px 0
}
.cc-icons>div[data-icon="adyen"] {
background-position: calc(-42px * 2) 0
}
.cc-icons>div[data-icon="visa"] {
background-position: calc(-42px * 3) 0
}
.cc-icons>div[data-icon="eps"] {
background-position: calc(-42px * 4) 0
}
.cc-icons>div[data-icon="dotpay"] {
background-position: calc(-42px * 5) 0
}
.cc-icons>div[data-icon="payu"] {
background-position: calc(-42px * 6) 0
}
.cc-icons>div[data-icon="sofort"] {
background-position: calc(-42px * 7) 0
}
.cc-icons>div[data-icon="platba"] {
background-position: calc(-42px * 8) 0
}
.cc-icons>div[data-icon="euro"] {
background-position: calc(-42px * 9) 0
}
.cc-icons>div[data-icon="multibanco"] {
background-position: calc(-42px * 10) 0
}
.cc-icons>div[data-icon="paypal"] {
background-position: calc(-42px * 11) 0
}
.cc-icons>div[data-icon="bankbetalning"] {
background-position: calc(-42px * 12) 0
}
.cc-icons>div[data-icon="klarna"] {
background-position: calc(-42px * 13) 0
}
.cc-icons>div[data-icon="cc"] {
background-position: calc(-42px * 14) 0
}
.cc-icons>div[data-icon="cod"] {
background-position: calc(-42px * 15) 0
}
.cc-icons>div[data-icon="amex"] {
background-position: calc(-42px * 16) 0
}
.cc-icons>div[data-icon="maestro"] {
background-position: calc(-42px * 17) 0
}
.cc-icons>div[data-icon="diners"] {
background-position: calc(-42px * 18) 0
}
.cc-icons>div[data-icon="cb"] {
background-position: calc(-42px * 19) 0
}
.ttt-nav h1.logo-image img {
width: 85px;
margin: 10px
}
.navbar-nav>li>a span {
font-family: "barlowbold";
font-size: 16px;
line-height: 18px;
color: #333
}
.ttt-nav {
background: #fff
}
section.container-phone-me {
background: #f4f4f4
}
.popup-blur {
display: none;
position: fixed;
top: 0;
bottom: 0px;
background: #00000099;
z-index: 100000;
width: 100%
}
.popup-wrapper {
overflow: auto;
max-height: 100vh;
display: none;
position: fixed;
width: 100%;
max-width: 760px;
margin: 0 auto;
left: 0;
right: 0;
top: 30px;
z-index: 200000;
background: transparent;
overflow: auto;
max-height: 100vh;
border-radius: 20px;
padding-bottom: 50px
}
.popup-wrapper .brilliant-popup-left,
.popup-wrapper .brilliant-popup-right {
width: 50%;
display: block;
background-repeat: no-repeat;
background-size: cover;
text-align: left
}
.featherlight.entry .featherlight-content .featherlight-close-icon {
box-shadow: none
}
.featherlight-content>button {
display: none
}
.popup-wrapper .brilliant-popup-right {
border-bottom-right-radius: 20px
}
.popup-wrapper .brilliant-popup-left {
border-bottom-left-radius: 20px
}
.popup-wrapper .form-list .field {
width: 100%
}
.brilliant-popup-right {
padding: 30px 40px 40px;
background: #fff
}
.brilliant-popup-right h2 {
font-size: 40px;
line-height: 50px;
margin: 0 0 5px 0;
font-family: "barlowcondensedmedium"
}
.brilliant-popup-right p {
font-family: "barlowbold";
font-size: 18px;
line-height: 25px;
margin: 0 0 10px 0
}
.brilliant-popup-right p.required {
font-family: "barlowregular"
}
.brilliant-popup-right ul li p {
font-family: "barlowregular";
font-size: 15px;
line-height: 25px;
margin: 0
}
.brilliant-popup-right .form-list .field:first-child,
.brilliant-popup-right .form-list .field:first-of-type,
.brilliant-popup-right .form-list .field {
padding: 0
}
.brilliant-popup-right .form-list .field:first-child,
.brilliant-popup-right .form-list .field:first-of-type {
margin-bottom: 10px
}
.brilliant-popup-right ul {
list-style: none;
padding-left: 24px
}
.brilliant-popup-right>ul li {
position: relative
}
.brilliant-popup-right>ul li:before {
width: 22px;
height: 22px;
content: " ";
position: absolute;
left: -24px;
background-image: url("../img/check-mark-1.svg");
background-repeat: no-repeat;
top: 9px
}
.brilliant-popup-right .webforms-sensi .fieldset .form-list li .field label {
display: none
}
.brilliant-popup-right ul.form-list {
padding-left: 0
}
.brilliant-popup-right .input-box {
border-radius: 4px
}
.brilliant-popup-right input {
background: #eee;
border-radius: 4px;
border: none;
height: 50px;
padding: 14px 26px;
font-family: "barlowregular";
font-size: 16px;
line-height: 22px
}
.brilliant-popup-right .form-list li {
margin-bottom: 10px
}
.brilliant-popup-right .buttons-set button.button {
float: left;
margin-left: 5px;
border-radius: 4px;
border: none;
background: #00B298;
padding: 16px 30px
}
.brilliant-popup-right .buttons-set button.button span span {
font-size: 16px;
line-height: 16px;
color: #fff;
text-transform: uppercase;
font-family: "barlowbold"
}
.brilliant-popup-right .gdprWrap * {
font-family: "barlowregular";
font-size: 14px;
line-height: 18px
}
.birlliant-success .button {
border-radius: 4px;
border: none;
padding: 0 40px;
background: #FE3975;
display: table
}
.birlliant-success p {
font-family: "barlowregular";
font-size: 16px;
margin-bottom: 10px
}
.birlliant-success .button p {
font-family: "barlowbold";
line-height: 50px;
margin-bottom: 0;
color: #fff;
text-transform: uppercase
}
#close-popup p {
text-align: center;
color: #fff;
padding-top: 20px;
margin: 0;
font-size: 15px;
line-height: 22px;
text-decoration: underline;
font-family: "barlowregular";
cursor: pointer
}
#brilliantSlim * {
box-sizing: border-box
}
#brilliantSlim h2,
#brilliantSlim p {
margin: 0;
padding: 0
}
#brilliantSlim .w-1 {
margin: 0 auto;
max-width: 1096px;
width: calc(100% - 40px)
}
#brilliantSlim .c-2>div {
width: 50%
}
#brilliantSlim .c-3>div {
width: calc(100% / 3)
}
#brilliantSlim .flex {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap
}
#brilliantSlim>img {
margin: 0 auto
}
#brilliantSlim h2 {
font-size: 48px;
line-height: 60px;
text-transform: uppercase;
margin-bottom: 20px;
font-weight: 500;
text-align: center;
font-family: "barlowcondensedmedium"
}
#brilliantSlim p {
font-size: 18px;
line-height: 25px;
font-family: "barlowregular"
}
#brilliantSlim b {
font-family: "barlowbold"
}
#brilliantSlim .button {
border-radius: 4px;
border: none;
padding: 0 40px
}
#brilliantSlim .button p {
display: inline-block
}
#brilliantSlim .container-outer .button>p {
font-size: 16px;
line-height: 50px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 0;
font-family: "barlowbold";
color: #fff
}
#brilliantSlim .container-outer {
padding: 60px 0
}
#brilliantSlim .section-1 {
padding: 0;
height: 754px;
background-repeat: no-repeat;
background-size: cover;
background-image: url(../img/d-hero.png)
}
#brilliantSlim .section-1 h2 {
font-size: 55px;
line-height: 55px;
float: right;
max-width: 510px;
margin-top: 30px
}
#brilliantSlim .section-1 .container-inner {
align-items: flex-start;
height: 100%
}
#brilliantSlim .section-1 .container-inner .container-content:nth-child(2) {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
align-items: center
}
#brilliantSlim .section-1 .container-inner .button {
margin-bottom: 40px;
display: table
}
#brilliantSlim .section-2 {
background: #F4F4F4
}
#brilliantSlim .section-2 .container-inner {
text-align: center
}
#brilliantSlim .section-2 .points {
display: flex;
align-items: center;
justify-content: center
}
#brilliantSlim .section-2 .points p {
font-size: 16px;
line-height: 19px;
text-transform: uppercase;
font-family: "barlowcondensedregular"
}
#brilliantSlim .section-2 .point {
display: flex
}
#brilliantSlim .section-2 .point:not(:last-child):after {
content: ' \25CF';
font-size: 12px;
color: #00B298;
margin: 0 10px
}
#brilliantSlim .section-2 .button {
background: #00B298;
color: #fff
}
#brilliantSlim .section-3 .carousel-home .item {
max-width: 256px;
margin: 0 auto
}
#brilliantSlim .section-3 .item h2 {
font-size: 26px;
line-height: 28px;
margin-bottom: 0
}
#brilliantSlim .section-3 .item p {
font-size: 18px;
line-height: 22px;
text-transform: uppercase
}
#brilliantSlim .section-3 .item-footer {
padding: 30px 40px 50px;
text-align: center;
font-weight: 700;
color: #fff
}
#brilliantSlim .button.button-download {
color: #fff;
margin: 0 auto;
display: table
}
#brilliantSlim .button.button-download p {
font-size: 16px;
line-height: 50px
}
#brilliantSlim .button.pink {
background: #FE3975
}
#brilliantSlim .button.blue {
background: #00B298
}
#brilliantSlim .button.green {
background: #43B94A
}
#brilliantSlim .button.orange {
background: #FF5035
}
#brilliantSlim .section-4 {
background: linear-gradient(to right, #fff 50%, #F2FBFA 50%, #F2FBFA);
padding: 0
}
#brilliantSlim .section-4 .container-content:first-of-type {
text-align: right
}
#brilliantSlim .section-4 .container-content:nth-child(2) {
padding: 40px 0 40px 112px
}
#brilliantSlim .section-4 .container-content p {
position: relative;
margin-bottom: 10px;
font-style: italic;
max-width: 452px;
color: #00B298
}
#brilliantSlim .section-4 .container-content p.name {
margin-top: 20px;
font-weight: 700
}
#brilliantSlim .section-4 .container-content p:first-of-type:before {
content: "";
display: block;
position: absolute;
width: 36px;
background-image: url(../img/narekovaj.svg);
height: 36px;
background-repeat: no-repeat;
background-size: contain;
left: -55px
}
#brilliantSlim .section-5 h2 {
text-align: left
}
#brilliantSlim .section-5 p {
margin-bottom: 10px
}
#brilliantSlim .section-5 .button {
margin-top: 20px
}
#brilliantSlim .section-5 .button p {
color: #fff
}
#brilliantSlim .section-5 .container-content:first-of-type {
padding-right: 20px
}
#brilliantSlim .section-6 {
padding: 10px 0 60px 0
}
#brilliantSlim .section-6 h2 {
font-size: 19px;
line-height: 22px;
text-align: left;
padding-left: 100px;
position: relative;
max-width: 310px;
color: #00B298;
font-weight: 700;
margin-bottom: 0;
font-family: "barlowbold"
}
#brilliantSlim .section-6 h2:before {
content: "";
display: block;
position: absolute;
width: 70px;
background-image: url(../img/Icon-1.svg);
height: 70px;
background-repeat: no-repeat;
background-size: 60px;
left: 20px;
background-position: center;
top: calc(50% - 35px)
}
#brilliantSlim .section-6 .container-content:nth-child(2) h2:before {
background-image: url(../img/Icon-2.svg)
}
#brilliantSlim .section-6 .container-content:nth-child(3) h2:before {
background-image: url(../img/Icon-4.svg)
}
#footer-disclaimer {
background: #F4F4F4;
border: none;
padding-bottom: 0
}
#footer-disclaimer p {
font-family: "barlowregular";
font-size: 12px;
line-height: 14px;
color: #999;
max-width: 1200px;
margin: 0 auto;
padding: 0 100px 20px
}
#brilliantSlim .section-2 .button>p:after {
display: none
}
#brilliantSlim .button>p:after {
width: 2px;
height: 2px;
content: " ";
position: relative;
border: solid #fff;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
transform: rotate(-45deg);
top: -1px;
margin-left: 10px
}
#brilliantSlim .products {
background: #F4F4F4;
text-align: center;
padding: 40px 0
}
#brilliantSlim .banner {
background: #00B298;
padding: 5px 0;
color: #fff;
text-align: center
}
#brilliantSlim .banner h2 {
font-size: 25px;
line-height: 35px;
margin-bottom: 0
}
#brilliantSlim .banner p {
font-size: 12px;
line-height: 12px
}
#brilliantSlim .brilliant-slim-product-list {
display: flex;
flex-wrap: wrap;
max-width: 960px;
margin: 0 auto;
justify-content: space-between
}
#brilliantSlim .brilliant-slim-product-list .item {
margin-bottom: 60px;
max-width: 460px
}
#brilliantSlim .brilliant-slim-product-list .item h3 {
font-family: 'barlowcondensedmedium';
font-size: 32px;
line-height: 38px;
margin-bottom: 5px;
text-transform: uppercase
}
#brilliantSlim .brilliant-slim-product-list .item .phase {
border-radius: 4px;
background: #00B298;
padding: 0 10px;
display: table;
margin-bottom: 5px
}
#brilliantSlim .brilliant-slim-product-list .item .phase p {
color: #FFF;
font-family: 'barlowcondensedmedium';
font-size: 18px
}
#brilliantSlim .brilliant-slim-product-list .great-for p {
color: #333
}
#brilliantSlim .brilliant-slim-product-list .product-description-cantainer {
display: flex;
flex-wrap: wrap
}
#brilliantSlim .product-image-container {
width: 30%
}
#brilliantSlim .product-description-wrapper {
width: 70%
}
#brilliantSlim .brilliant-slim-product-list .product-description-cantainer a>p {
font-size: 14px;
line-height: 20px;
margin-bottom: 5px;
color: #333
}
#brilliantSlim .brilliant-slim-product-list .product-description-cantainer a>h3 {
color: #333
}
#brilliantSlim .brilliant-slim-product-list .product-description-cantainer a>p.read-more {
color: #00B298;
font-size: 14px;
font-family: 'barlowbold';
margin-bottom: 15px
}
#brilliantSlim p.read-more:after {
width: 2px;
height: 2px;
content: " ";
position: relative;
border: solid #00B298;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
transform: rotate(-45deg);
top: -1px;
margin-left: 5px
}
#brilliantSlim .brilliant-slim-product-list .price-box {
display: flex;
align-items: flex-end;
justify-content: center
}
#brilliantSlim .brilliant-slim-product-list p.old-price .price del {
font-family: "barlowcondensedregular";
font-size: 22px;
line-height: 22px;
color: #999
}
#brilliantSlim .brilliant-slim-product-list p.special-price .price,
#brilliantSlim .brilliant-slim-product-list .regular-price .price {
font-family: "barlowcondensedmedium";
font-size: 32px;
line-height: 38px;
color: #333;
font-weight: 800;
margin-left: 10px
}
#brilliantSlim .brilliant-slim-product-list .regular-price .price {
margin-left: 0
}
#brilliantSlim .brilliant-slim-product-list .great-for {
background: #F4F4F4;
border-radius: 4px;
padding: 5px 10px;
margin-bottom: 10px
}
#brilliantSlim .brilliant-slim-product-list .great-for tr td:first-of-type p {
font-size: 14px;
line-height: 14px;
font-family: "barlowcondensedmedium";
text-transform: uppercase
}
#brilliantSlim .brilliant-slim-product-list table {
width: 100%
}
#brilliantSlim .brilliant-slim-product-list table tr {
height: 20px
}
#brilliantSlim .brilliant-slim-product-list .great-for tr td:not(:first-of-type) p {
font-family: "barlowcondensedregular";
font-size: 14px;
line-height: 14px;
text-align: right;
text-transform: uppercase
}
#brilliantSlim .brilliant-slim-product-list button {
margin: 10px auto 0 auto;
float: none;
display: block;
width: 100%
}
#brilliantSlim .about-us h2 {
font-size: 68px;
line-height: 82px;
text-align: left
}
#brilliantSlim .about-us p {
margin-bottom: 15px
}
#brilliantSlim .about-us p.bigger {
font-family: "barlowbold";
font-size: 22px;
line-height: 33px;
margin: 20px 0
}
#brilliantSlim .about-us p:last-child {
margin-top: 40px
}
div[class*="brilliant-popup"] {
display: none
}
div[class*="brilliant-popup"].hide-desktop {
display: none
}
div[class*="brilliant-popup"].hide-mobile {
display: flex
}
#brilliantSlim .hide-desktop {
display: none
}
@media (max-width:768px) {
#brilliantSlim .hide-desktop {
display: block
}
#brilliantSlim .hide-mobile {
display: none
}
div[class*="brilliant-popup"].hide-desktop {
display: flex;
border-bottom-left-radius: 0
}
.birlliant-success .button {
margin: 0 auto
}
div[class*="brilliant-popup"].hide-mobile {
display: none
}
#brilliantSlim .section-1 .container-inner .container-content:nth-child(2) {
width: 100%
}
#brilliantSlim .section-1 h2 {
font-size: 30px;
line-height: 30px
}
#brilliantSlim .container-outer {
padding: 40px 0
}
#brilliantSlim .section-1 {
height: 545px;
background-image: url(../img/m-hero.png);
padding: 0
}
#brilliantSlim .section-2 .container-inner,
#brilliantSlim .w-1,
#brilliantSlim .section-3 h2,
#brilliantSlim .section-4 .container-content:nth-child(2) {
width: calc(100% - 30px);
margin: 0 auto
}
#brilliantSlim .section-3 .w-1,
#brilliantSlim .c-2>div,
#brilliantSlim .c-3>div {
width: 100%
}
#brilliantSlim .section-2 .points {
flex-wrap: wrap;
margin-bottom: 20px
}
#brilliantSlim h2 {
font-size: 26px;
line-height: 28px
}
#brilliantSlim .section-3 h2 {
margin-bottom: 60px
}
#brilliantSlim .owl-carousel .owl-dots {
bottom: -20px
}
#brilliantSlim .section-4 {
background: #fff;
padding-bottom: 0
}
#brilliantSlim .section-4 .container-content:first-of-type {
text-align: center
}
#brilliantSlim .section-4 .container-content:nth-child(2) {
padding: 35px 0 40px 55px
}
#brilliantSlim .section-4 .container-inner {
background: #F2FBFA
}
#brilliantSlim p {
font-size: 16px;
line-height: 22px
}
#brilliantSlim .section-4 .container-content p.name {
margin-bottom: 0
}
#brilliantSlim .section-5 {
padding-bottom: 0
}
#brilliantSlim .section-5 .container-content:nth-child(2) {
order: 1;
text-align: center
}
#brilliantSlim .section-5 .container-content:nth-child(1) {
order: 2
}
#brilliantSlim .section-5 .button {
margin-top: 10px
}
#brilliantSlim .section-6 .container-content {
margin-bottom: 40px
}
#brilliantSlim .section-6 h2 {
font-size: 17px;
line-height: 20px;
display: flex;
align-items: center;
min-height: 55px
}
#brilliantSlim .section-6 h2:before {
top: -8px
}
#footer-disclaimer p {
padding: 0 0 20px 0
}
.brilliant-footer .col-xs-4,
.brilliant-footer .col-xs-2,
.brilliant-footer .col-xs-6 {
padding: 0
}
.brilliant-footer .col-xs-6 {
padding-left: 10px
}
#brilliantSlim .brilliant-slim-product-list .product-description-cantainer a>h3 {
font-size: 32px;
line-height: 38px
}
#brilliantSlim .brilliant-slim-product-list .item .phase p {
font-size: 12px;
line-height: 15px
}
#brilliantSlim .brilliant-slim-product-list .product-description-cantainer a>p {
line-height: 17px
}
#brilliantSlim .brilliant-slim-product-list .item {
margin-bottom: 40px
}
#brilliantSlim .banner {
padding: 5px 0
}
#brilliantSlim .product-image-container img {
max-width: 90px
}
#brilliantSlim .brilliant-slim-product-list button {
width: 100%
}
#brilliantSlim .about-us h2 {
font-size: 30px;
line-height: 30px
}
#brilliantSlim .about-us p {
font-size: 14px;
margin-bottom: 10px;
line-height: 17px
}
#brilliantSlim .about-us p.bigger {
font-family: "barlowbold";
font-size: 18px;
line-height: 22px;
margin: 20px 0
}
#brilliantSlim .about-us p:last-child {
margin-top: 20px
}
.popup-wrapper .brilliant-popup-left,
.popup-wrapper .brilliant-popup-right {
width: 100%
}
.brilliant-popup-right {
padding: 20px 30px
}
.brilliant-popup-right h2 {
font-size: 28px;
line-height: 36px;
margin: 0 0 10px 0;
text-align: center
}
.brilliant-popup-right p {
text-align: center
}
.brilliant-popup-right ul {
display: table;
margin: 0 auto 20px auto
}
.brilliant-popup-right ul li p {
text-align: left
}
div[class*="brilliant-popup"] {
flex-direction: column
}
div[class*="brilliant-popup"].hide-desktop {
min-height: 111px
}
.popup-wrapper {
width: calc(100% - 40px);
top: 20px
}
.popup-wrapper .brilliant-popup-right {
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px
}
#brilliantSlim .section-6 {
padding: 40px 0 0 0
}
}
@media (min-width:992px) {
.ttt-nav .navbar-nav>li {
float: right
}
.ttt-nav h1.logo-image {
margin: 0
}
}
@media (max-width:992px) {
#brilliantSlim .brilliant-slim-product-list {
justify-content: center
}
}
.popup-wrapper .popup-close {
top: 15px;
right: 10px;
width: 25px;
height: 25px;
position: absolute;
cursor: pointer
}
.popup-wrapper .popup-close:before,
.popup-wrapper .popup-close:after {
position: absolute;
height: 25px;
content: '';
width: 2px;
background-color: #333
}
.popup-wrapper .popup-close:before {
transform: rotate(45deg)
}
.popup-wrapper .popup-close:after {
transform: rotate(-45deg)
}
body[class*="checkout"] .messages>li.success-msg,
body[class*="checkout"] .messages>li.alert-success,
.popup-wrapper .gdprWrap .consentsWrap .row label .buttons .yes,
.popup-wrapper .gdprWrap input.styled:checked+label.styled:before {
background: #00B298
}
.popup-wrapper .gdprWrap input.styled:checked+label.styled:before {
border-color: #00B298
}
.cart.checkout-login button,
.cart.customer-login button,
.cart.customer-register button,
.cart.forgot-password-page button {
background: #00B298
}
@media(max-width:480px) {
.ttt-nav h1.logo-image {
top: -6px
}
.ttt-nav .navbar-toggle {
padding: 12px 10px 10px 10px;
min-height: 42px
}
}
@media(max-width:480px) {
.ttt-nav {
border-bottom: none
}
.navbar-header {
border-bottom: 1px solid #eee
}
.ttt-nav h1.logo-image img {
width: 50px;
margin: 10px auto;
display: block
}
.ttt-nav h1.logo-image {
top: 1px
}
.ttt-nav .navbar-toggle {
min-height: unset;
padding: 10px
}
.ttt-nav {
background: transparent
}
}
@media(min-width:480px) and (max-width:480px) {
.ttt-nav h1.logo-image {
top: -10px
}
}
.picto {
font-size: 28px;
font-weight: 600;
color: #fff;
background: #44b297;
border-radius: 50%;
width: 66px;
height: 66px;
display: flex;
align-items: center;
justify-content: center;
font-family: 'barlowcondensedmedium';
position: absolute;
top: -32px;
left: -28px
}
.product-image-container {
position: relative
}
@media(max-width:768px) {
.picto {
font-size: 21px;
width: 50px;
height: 50px;
top: -20px;
left: 0
}
}
@media(min-width:768px) {
.item .product-description-cantainer img {
padding: 15px
}
}
.ui-helper-hidden {
display: none
}
.ui-helper-hidden-accessible {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px)
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none
}
.ui-helper-clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.ui-helper-clearfix {
display: inline-block
}
* html .ui-helper-clearfix {
height: 1%
}
.ui-helper-clearfix {
display: block
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0)
}
.ui-state-disabled {
cursor: default !important
}
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat
}
.ui-widget-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.ui-widget {
font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
font-size: 1.1em
}
.ui-widget .ui-widget {
font-size: 1em
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
font-size: 1em
}
.ui-widget-content {
border: 1px solid #dddddd;
background: #eeeeee url(../img/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
color: #333333
}
.ui-widget-content a {
color: #333333
}
.ui-widget-header {
border: 1px solid #e78f08;
background: #f6a828 url(../img/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
color: #ffffff;
font-weight: bold
}
.ui-widget-header a {
color: #ffffff
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #cccccc;
background: #f6f6f6 url(../img/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
font-weight: bold;
color: #1c94c4
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #1c94c4;
text-decoration: none
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: 1px solid #fbcb09;
background: #fdf5ce url(../img/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
font-weight: bold;
color: #c77405
}
.ui-state-hover a,
.ui-state-hover a:hover {
color: #c77405;
text-decoration: none
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #fbd850;
background: #ffffff url(../img/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
font-weight: bold;
color: #eb8f00
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #eb8f00;
text-decoration: none
}
.ui-widget:active {
outline: none
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #fed22f;
background: #ffe45c url(../img/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
color: #363636
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #363636
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a;
background: #b81900 url(../img/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
color: #ffffff
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #ffffff
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #ffffff
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity=70);
font-weight: normal
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35);
background-image: none
}
.ui-icon {
width: 16px;
height: 16px;
background-image: url(../img/ui-icons_222222_256x240.png)
}
.ui-widget-content .ui-icon {
background-image: url(../img/ui-icons_222222_256x240.png)
}
.ui-widget-header .ui-icon {
background-image: url(../img/ui-icons_ffffff_256x240.png)
}
.ui-state-default .ui-icon {
background-image: url(../img/ui-icons_ef8c08_256x240.png)
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
background-image: url(../img/ui-icons_ef8c08_256x240.png)
}
.ui-state-active .ui-icon {
background-image: url(../img/ui-icons_ef8c08_256x240.png)
}
.ui-state-highlight .ui-icon {
background-image: url(../img/ui-icons_228ef1_256x240.png)
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url(../img/ui-icons_ffd27a_256x240.png)
}
.ui-icon-carat-1-n {
background-position: 0 0
}
.ui-icon-carat-1-ne {
background-position: -16px 0
}
.ui-icon-carat-1-e {
background-position: -32px 0
}
.ui-icon-carat-1-se {
background-position: -48px 0
}
.ui-icon-carat-1-s {
background-position: -64px 0
}
.ui-icon-carat-1-sw {
background-position: -80px 0
}
.ui-icon-carat-1-w {
background-position: -96px 0
}
.ui-icon-carat-1-nw {
background-position: -112px 0
}
.ui-icon-carat-2-n-s {
background-position: -128px 0
}
.ui-icon-carat-2-e-w {
background-position: -144px 0
}
.ui-icon-triangle-1-n {
background-position: 0 -16px
}
.ui-icon-triangle-1-ne {
background-position: -16px -16px
}
.ui-icon-triangle-1-e {
background-position: -32px -16px
}
.ui-icon-triangle-1-se {
background-position: -48px -16px
}
.ui-icon-triangle-1-s {
background-position: -64px -16px
}
.ui-icon-triangle-1-sw {
background-position: -80px -16px
}
.ui-icon-triangle-1-w {
background-position: -96px -16px
}
.ui-icon-triangle-1-nw {
background-position: -112px -16px
}
.ui-icon-triangle-2-n-s {
background-position: -128px -16px
}
.ui-icon-triangle-2-e-w {
background-position: -144px -16px
}
.ui-icon-arrow-1-n {
background-position: 0 -32px
}
.ui-icon-arrow-1-ne {
background-position: -16px -32px
}
.ui-icon-arrow-1-e {
background-position: -32px -32px
}
.ui-icon-arrow-1-se {
background-position: -48px -32px
}
.ui-icon-arrow-1-s {
background-position: -64px -32px
}
.ui-icon-arrow-1-sw {
background-position: -80px -32px
}
.ui-icon-arrow-1-w {
background-position: -96px -32px
}
.ui-icon-arrow-1-nw {
background-position: -112px -32px
}
.ui-icon-arrow-2-n-s {
background-position: -128px -32px
}
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px
}
.ui-icon-arrow-2-e-w {
background-position: -160px -32px
}
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px
}
.ui-icon-arrowstop-1-n {
background-position: -192px -32px
}
.ui-icon-arrowstop-1-e {
background-position: -208px -32px
}
.ui-icon-arrowstop-1-s {
background-position: -224px -32px
}
.ui-icon-arrowstop-1-w {
background-position: -240px -32px
}
.ui-icon-arrowthick-1-n {
background-position: 0 -48px
}
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px
}
.ui-icon-arrowthick-1-e {
background-position: -32px -48px
}
.ui-icon-arrowthick-1-se {
background-position: -48px -48px
}
.ui-icon-arrowthick-1-s {
background-position: -64px -48px
}
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px
}
.ui-icon-arrowthick-1-w {
background-position: -96px -48px
}
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px
}
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px
}
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px
}
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px
}
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px
}
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px
}
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px
}
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px
}
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px
}
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px
}
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px
}
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px
}
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px
}
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px
}
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px
}
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px
}
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px
}
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px
}
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px
}
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px
}
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px
}
.ui-icon-arrow-4 {
background-position: 0 -80px
}
.ui-icon-arrow-4-diag {
background-position: -16px -80px
}
.ui-icon-extlink {
background-position: -32px -80px
}
.ui-icon-newwin {
background-position: -48px -80px
}
.ui-icon-refresh {
background-position: -64px -80px
}
.ui-icon-shuffle {
background-position: -80px -80px
}
.ui-icon-transfer-e-w {
background-position: -96px -80px
}
.ui-icon-transferthick-e-w {
background-position: -112px -80px
}
.ui-icon-folder-collapsed {
background-position: 0 -96px
}
.ui-icon-folder-open {
background-position: -16px -96px
}
.ui-icon-document {
background-position: -32px -96px
}
.ui-icon-document-b {
background-position: -48px -96px
}
.ui-icon-note {
background-position: -64px -96px
}
.ui-icon-mail-closed {
background-position: -80px -96px
}
.ui-icon-mail-open {
background-position: -96px -96px
}
.ui-icon-suitcase {
background-position: -112px -96px
}
.ui-icon-comment {
background-position: -128px -96px
}
.ui-icon-person {
background-position: -144px -96px
}
.ui-icon-print {
background-position: -160px -96px
}
.ui-icon-trash {
background-position: -176px -96px
}
.ui-icon-locked {
background-position: -192px -96px
}
.ui-icon-unlocked {
background-position: -208px -96px
}
.ui-icon-bookmark {
background-position: -224px -96px
}
.ui-icon-tag {
background-position: -240px -96px
}
.ui-icon-home {
background-position: 0 -112px
}
.ui-icon-flag {
background-position: -16px -112px
}
.ui-icon-calendar {
background-position: -32px -112px
}
.ui-icon-cart {
background-position: -48px -112px
}
.ui-icon-pencil {
background-position: -64px -112px
}
.ui-icon-clock {
background-position: -80px -112px
}
.ui-icon-disk {
background-position: -96px -112px
}
.ui-icon-calculator {
background-position: -112px -112px
}
.ui-icon-zoomin {
background-position: -128px -112px
}
.ui-icon-zoomout {
background-position: -144px -112px
}
.ui-icon-search {
background-position: -160px -112px
}
.ui-icon-wrench {
background-position: -176px -112px
}
.ui-icon-gear {
background-position: -192px -112px
}
.ui-icon-heart {
background-position: -208px -112px
}
.ui-icon-star {
background-position: -224px -112px
}
.ui-icon-link {
background-position: -240px -112px
}
.ui-icon-cancel {
background-position: 0 -128px
}
.ui-icon-plus {
background-position: -16px -128px
}
.ui-icon-plusthick {
background-position: -32px -128px
}
.ui-icon-minus {
background-position: -48px -128px
}
.ui-icon-minusthick {
background-position: -64px -128px
}
.ui-icon-close {
background-position: -80px -128px
}
.ui-icon-closethick {
background-position: -96px -128px
}
.ui-icon-key {
background-position: -112px -128px
}
.ui-icon-lightbulb {
background-position: -128px -128px
}
.ui-icon-scissors {
background-position: -144px -128px
}
.ui-icon-clipboard {
background-position: -160px -128px
}
.ui-icon-copy {
background-position: -176px -128px
}
.ui-icon-contact {
background-position: -192px -128px
}
.ui-icon-image {
background-position: -208px -128px
}
.ui-icon-video {
background-position: -224px -128px
}
.ui-icon-script {
background-position: -240px -128px
}
.ui-icon-alert {
background-position: 0 -144px
}
.ui-icon-info {
background-position: -16px -144px
}
.ui-icon-notice {
background-position: -32px -144px
}
.ui-icon-help {
background-position: -48px -144px
}
.ui-icon-check {
background-position: -64px -144px
}
.ui-icon-bullet {
background-position: -80px -144px
}
.ui-icon-radio-off {
background-position: -96px -144px
}
.ui-icon-radio-on {
background-position: -112px -144px
}
.ui-icon-pin-w {
background-position: -128px -144px
}
.ui-icon-pin-s {
background-position: -144px -144px
}
.ui-icon-play {
background-position: 0 -160px
}
.ui-icon-pause {
background-position: -16px -160px
}
.ui-icon-seek-next {
background-position: -32px -160px
}
.ui-icon-seek-prev {
background-position: -48px -160px
}
.ui-icon-seek-end {
background-position: -64px -160px
}
.ui-icon-seek-start {
background-position: -80px -160px
}
.ui-icon-seek-first {
background-position: -80px -160px
}
.ui-icon-stop {
background-position: -96px -160px
}
.ui-icon-eject {
background-position: -112px -160px
}
.ui-icon-volume-off {
background-position: -128px -160px
}
.ui-icon-volume-on {
background-position: -144px -160px
}
.ui-icon-power {
background-position: 0 -176px
}
.ui-icon-signal-diag {
background-position: -16px -176px
}
.ui-icon-signal {
background-position: -32px -176px
}
.ui-icon-battery-0 {
background-position: -48px -176px
}
.ui-icon-battery-1 {
background-position: -64px -176px
}
.ui-icon-battery-2 {
background-position: -80px -176px
}
.ui-icon-battery-3 {
background-position: -96px -176px
}
.ui-icon-circle-plus {
background-position: 0 -192px
}
.ui-icon-circle-minus {
background-position: -16px -192px
}
.ui-icon-circle-close {
background-position: -32px -192px
}
.ui-icon-circle-triangle-e {
background-position: -48px -192px
}
.ui-icon-circle-triangle-s {
background-position: -64px -192px
}
.ui-icon-circle-triangle-w {
background-position: -80px -192px
}
.ui-icon-circle-triangle-n {
background-position: -96px -192px
}
.ui-icon-circle-arrow-e {
background-position: -112px -192px
}
.ui-icon-circle-arrow-s {
background-position: -128px -192px
}
.ui-icon-circle-arrow-w {
background-position: -144px -192px
}
.ui-icon-circle-arrow-n {
background-position: -160px -192px
}
.ui-icon-circle-zoomin {
background-position: -176px -192px
}
.ui-icon-circle-zoomout {
background-position: -192px -192px
}
.ui-icon-circle-check {
background-position: -208px -192px
}
.ui-icon-circlesmall-plus {
background-position: 0 -208px
}
.ui-icon-circlesmall-minus {
background-position: -16px -208px
}
.ui-icon-circlesmall-close {
background-position: -32px -208px
}
.ui-icon-squaresmall-plus {
background-position: -48px -208px
}
.ui-icon-squaresmall-minus {
background-position: -64px -208px
}
.ui-icon-squaresmall-close {
background-position: -80px -208px
}
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px
}
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px
}
.ui-icon-grip-solid-vertical {
background-position: -32px -224px
}
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px
}
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px
}
.ui-icon-grip-diagonal-se {
background-position: -80px -224px
}
.ui-corner-tl {
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px
}
.ui-corner-tr {
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px
}
.ui-corner-bl {
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px
}
.ui-corner-br {
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px
}
.ui-corner-top {
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px
}
.ui-corner-bottom {
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px
}
.ui-corner-right {
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px
}
.ui-corner-left {
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px
}
.ui-corner-all {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px
}
.ui-widget-overlay {
background: #666666 url(../img/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
opacity: .50;
filter: Alpha(Opacity=50)
}
.ui-widget-shadow {
margin: -5px 0 0 -5px;
padding: 5px;
background: #000000 url(../img/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
opacity: .20;
filter: Alpha(Opacity=20);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px
}
.ui-resizable {
position: relative
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
z-index: 99999;
display: block
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black
}
.ui-accordion {
width: 100%
}
.ui-accordion .ui-accordion-header {
cursor: pointer;
position: relative;
margin-top: 1px;
zoom: 1
}
.ui-accordion .ui-accordion-li-fix {
display: inline
}
.ui-accordion .ui-accordion-header-active {
border-bottom: 0 !important
}
.ui-accordion .ui-accordion-header a {
display: block;
font-size: 1em;
padding: .5em .5em .5em .7em
}
.ui-accordion-icons .ui-accordion-header a {
padding-left: 2.2em
}
.ui-accordion .ui-accordion-header .ui-icon {
position: absolute;
left: .5em;
top: 50%;
margin-top: -8px
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
margin-top: -2px;
position: relative;
top: 1px;
margin-bottom: 2px;
overflow: auto;
display: none;
zoom: 1
}
.ui-accordion .ui-accordion-content-active {
display: block
}
.ui-autocomplete {
position: absolute;
cursor: default
}
* html .ui-autocomplete {
width: 1px
}
.ui-menu {
list-style: none;
padding: 2px;
margin: 0;
display: block;
float: left
}
.ui-menu .ui-menu {
margin-top: -3px
}
.ui-menu .ui-menu-item {
margin: 0;
padding: 0;
zoom: 1;
float: left;
clear: left;
width: 100%
}
.ui-menu .ui-menu-item a {
text-decoration: none;
display: block;
padding: .2em .4em;
line-height: 1.5;
zoom: 1
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: -1px
}
.ui-button {
display: inline-block;
position: relative;
padding: 0;
margin-right: .1em;
text-decoration: none !important;
cursor: pointer;
text-align: center;
zoom: 1;
overflow: visible
}
.ui-button-icon-only {
width: 2.2em
}
button.ui-button-icon-only {
width: 2.4em
}
.ui-button-icons-only {
width: 3.4em
}
button.ui-button-icons-only {
width: 3.7em
}
.ui-button .ui-button-text {
display: block;
line-height: 1.4
}
.ui-button-text-only .ui-button-text {
padding: .4em 1em
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
padding: .4em;
text-indent: -9999999px
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 1em .4em 2.1em
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 2.1em .4em 1em
}
.ui-button-text-icons .ui-button-text {
padding-left: 2.1em;
padding-right: 2.1em
}
input.ui-button {
padding: .4em 1em
}
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
position: absolute;
top: 50%;
margin-top: -8px
}
.ui-button-icon-only .ui-icon {
left: 50%;
margin-left: -8px
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
left: .5em
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
right: .5em
}
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
right: .5em
}
.ui-buttonset {
margin-right: 7px
}
.ui-buttonset .ui-button {
margin-left: 0;
margin-right: -.3em
}
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0
}
.ui-dialog {
position: absolute;
padding: .2em;
width: 300px;
overflow: hidden
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 16px .1em 0
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 19px;
margin: -10px 0 0 0;
padding: 1px;
height: 18px
}
.ui-dialog .ui-dialog-titlebar-close span {
display: block;
margin: 1px
}
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
padding: 0
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
zoom: 1
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin: .5em 0 0 0;
padding: .3em 1em .5em .4em
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer
}
.ui-dialog .ui-resizable-se {
width: 14px;
height: 14px;
right: 3px;
bottom: 3px
}
.ui-draggable .ui-dialog-titlebar {
cursor: move
}
.ui-slider {
position: relative;
text-align: left
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0
}
.ui-slider-horizontal {
height: .8em
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0
}
.ui-slider-vertical {
width: .8em;
height: 100px
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0
}
.ui-slider-vertical .ui-slider-range-max {
top: 0
}
.ui-tabs {
position: relative;
padding: .2em;
zoom: 1
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 1px;
margin: 0 .2em 1px 0;
border-bottom: 0 !important;
padding: 0;
white-space: nowrap
}
.ui-tabs .ui-tabs-nav li a {
float: left;
padding: .5em 1em;
text-decoration: none
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
margin-bottom: 0;
padding-bottom: 1px
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
cursor: text
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
cursor: pointer
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none
}
.ui-tabs .ui-tabs-hide {
display: none !important
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px
}
.ui-datepicker .ui-datepicker-prev {
left: 2px
}
.ui-datepicker .ui-datepicker-next {
right: 2px
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0
}
.ui-datepicker select.ui-datepicker-month-year {
width: 100%
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 49%
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0
}
.ui-datepicker td {
border: 0;
padding: 1px
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left
}
.ui-datepicker.ui-datepicker-multi {
width: auto
}
.ui-datepicker-multi .ui-datepicker-group {
float: left
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
border-left-width: 0
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left
}
.ui-datepicker-row-break {
clear: both;
width: 100%
}
.ui-datepicker-rtl {
direction: rtl
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
float: right
}
.ui-datepicker-rtl .ui-datepicker-group {
float: right
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px
}
.ui-datepicker-cover {
display: none;
display: block;
position: absolute;
z-index: -1;
filter: mask();
top: -4px;
left: -4px;
width: 200px;
height: 200px
}
.ui-progressbar {
height: 2em;
text-align: left
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%
}
#configuration {
overflow: hidden
}
#configuration #demo-notice {
padding: 10px;
margin: 10px 0;
background-color: black;
color: white;
font-weight: bold
}
#configuration .progress {
overflow: hidden
}
#configuration .progress span {
font-size: 16px;
font-weight: 600;
float: left;
margin: 13px 20px 0 0
}
#configuration-pager {
float: right;
margin: 23px 0;
font-size: 16px;
font-weight: 600
}
#configuration #progressbar {
height: 4px;
width: 90%;
float: left;
position: relative;
background: #eee;
margin-top: 20px;
border-top: 4px solid #fff;
border-bottom: 4px solid #fff
}
#configuration #progressbar #progressbar-value {
height: 8px;
background-color: #17072B;
width: 10%;
position: absolute;
left: 0;
z-index: 1000;
top: -2px
}
#configuration ul.questions {
list-style: none;
overflow: hidden
}
#configuration ul.questions li.question {
clear: both;
padding: 15px 10px;
border: 1px solid transparent;
margin: 1px
}
#configuration ul.questions li.question.selected {
background: #eee
}
#configuration ul.questions li.question.alert {
border-color: #17072B;
transition: all 1s ease-in;
position: relative
}
#configuration ul.questions li.question.alert .required-field {
display: block;
position: absolute;
top: 0;
background: #17072B;
color: #fff;
line-height: 14px;
left: 0;
font-size: 11px;
padding: 0 10px 2px 10px;
width: 100%;
box-sizing: border-box
}
#configuration ul.questions li.question ul.answers {
list-style: none
}
#configuration ul.questions li.question.select_image ul.answers {
list-style: none;
overflow: hidden
}
#configuration ul.questions li.question ul.answers li.answer {
overflow: hidden
}
#configuration ul.questions li.question ul.answers li.answer .answer-input.hover {
color: #17072B
}
#configuration ul.questions .additional-content {
font-weight: bold;
font-size: 34px;
line-height: 40px;
padding: 10px;
text-align: center;
color: rgba(0, 0, 0, 0.75)
}
#configuration ul.questions .additional-content.scroll {
position: absolute;
left: 15px;
right: 15px;
background: #fff;
transition: all ease 0.3s
}
#configuration ul.questions li.question.table_radio {
display: flex
}
#configuration ul.questions li.question.table_radio ul.answers,
#configuration ul.questions ul.answers-table {
float: left;
margin: 0 0 0 20px;
display: flex;
align-items: center
}
#configuration ul.questions ul.answers-table {
margin-left: 300px
}
#configuration ul.questions .heading {
color: #000;
top: 0;
transition: all ease 0.3s
}
#configuration ul.questions .heading.scroll {
position: absolute;
background: #fff;
left: 15px;
right: 15px;
transition: all ease 0.3s;
border-bottom: 1px solid #eee;
padding: 0
}
#configuration ul.questions li.answer-table {
border-left: medium none;
height: 160px !important;
position: relative;
width: 35px !important;
background-color: #fff !important;
list-style: none
}
#configuration ul.questions li.answer-table span {
bottom: 84px;
display: block;
font-weight: normal;
font-size: 10px;
left: -6px;
overflow: hidden;
padding-bottom: 0;
position: absolute;
width: 250px;
height: 20px;
z-index: 1;
-webkit-transform: rotate(320deg);
-ms-transform: rotate(320deg);
transform: rotate(320deg)
}
#configuration .section {
margin: 20px 0 0;
overflow: hidden
}
#configuration .results-section {
margin: 20px 15px;
padding: 10px;
background: #fff;
border-radius: 3px
}
#configuration .left,
#configuration .section.half-width .left {
float: left;
width: 50%
}
#configuration .section.half-width .left {
float: right
}
#configuration .section .left {
float: none;
width: 100%
}
#configuration .right,
#configuration .section.half-width .right {
float: right;
width: 50%;
margin-top: 20px;
display: block
}
#configuration .section.half-width .right {
float: left !important
}
#configuration .section .right {
display: none
}
#configuration .section .section-title {
font-size: 24px;
margin-top: 20px;
background: #17072B;
color: #fff;
text-align: center;
text-transform: uppercase
}
#configuration .section .section-subtitle {
font-size: 16px;
background: #17072B;
color: #fff;
text-align: center;
padding: 10px 0
}
#configuration .section ul.questions {
margin: 0;
background: #eee;
color: #fff !important;
border-radius: 3px;
padding: 15px
}
#configuration .section ul.questions li.question {
clear: none;
margin: 1px;
background: #fff;
padding: 15px
}
#configuration .section ul.questions li.question h3 {
font-weight: 600;
color: #000;
padding: 0;
font-size: 16px;
margin-bottom: 8px
}
#configuration ul.questions li.question.table_radio h3 {
font-size: 16px;
padding: 0;
width: 280px;
letter-spacing: 0;
text-align: right;
margin-bottom: 0;
line-height: 1.8
}
#configuration .section ul.questions li.question ul.answers li.answer {
font-size: 10px
}
#configuration .section .section-products {
overflow: hidden;
margin: 20px 0
}
#configuration .section .section-products .configuration-product,
.product-of-interest .configuration-product {
text-align: center;
width: 48%;
display: block;
float: left;
margin-right: 2%
}
#configuration .section .section-products .configuration-product a,
.product-of-interest .configuration-product a {
font-size: 15px;
display: block;
text-decoration: none
}
#configuration .section .section-products .configuration-product .price-box,
.product-of-interest .configuration-product .price-box {
text-align: center;
margin: 0;
display: inline-block;
height: 50px;
line-height: 50px;
padding: 0
}
#configuration .section .section-products .configuration-product .product-price,
.product-of-interest .configuration-product .product-price {
color: #333;
font-size: 16px;
font-weight: 600;
letter-spacing: 0
}
@media only screen and (max-width:479px) {
#configuration .section.half-width .right,
#configuration .left,
#configuration .section.half-width .left {
float: none !important;
width: 100%
}
.col-main .first-page-inner h1 {
font-size: 28px
}
}
#configuration ul.questions li.question.select_image ul.answers li.answer {
float: left;
margin: 2px;
width: auto
}
#configuration ul.questions li.question.select_image ul.answers li.answer .answer-input {
border: 2px solid black;
cursor: pointer
}
#configuration ul.questions li.question.select_image ul.answers li.answer .answer-input.hover {
border-color: #17072B
}
#configuration ul.questions li.question.select_image ul.answers li.answer .answer-input.selected {
border-color: #17072B
}
#configuration .answer-input {
float: left;
overflow: hidden
}
#configuration .answer-input .input-pre {
float: left
}
#configuration .answer-input .input-selector {
float: left;
cursor: pointer;
padding-left: 10px
}
#configuration .answer-input .input-after {}
#configuration .question.select_radio .answer-input .input-pre,
#configuration .question.table_radio .answer-input .input-pre,
#configuration .question.select_single.select_hidden .answer-input .input-pre {
background-image: url(../img/input-radiobutton-orange.png);
background-repeat: no-repeat;
float: left;
width: 20px;
height: 20px;
display: inline-block;
line-height: 19px;
font-size: 16px;
vertical-align: middle;
cursor: pointer
}
#configuration .question.select_radio .answer-input.selected .input-pre,
#configuration .question.table_radio .answer-input.selected .input-pre,
#configuration .question.select_single.select_hidden .answer-input.selected .input-pre {
background-position-y: -37px
}
#configuration .question.select_radio .answer-input .input-selector,
#configuration .question.table_radio .answer-input .input-selector,
#configuration .question.select_single.select_hidden .answer-input .input-selector {
line-height: 20px
}
#configuration .question.select_checkbox .answer-input .input-pre {
background-image: url(../img/input-checkbox-orange.png);
background-repeat: no-repeat;
float: left;
width: 20px;
height: 20px;
display: inline-block;
line-height: 19px;
font-size: 16px;
vertical-align: middle;
cursor: pointer
}
#configuration .question.select_checkbox .answer-input.selected .input-pre {
background-position-y: -37px
}
#configuration .question.select_checkbox .answer-input .input-selector {
line-height: 20px
}
.configuration-pager {
float: left;
overflow: hidden;
clear: both;
width: 100%
}
.configuration-pager .page-link {
float: left;
font-size: 16px;
padding: 10px 20px;
background-color: #17072B;
color: white
}
.configuration-pager .page-link.next,
.configuration-pager .page-link.results {
float: right
}
#configuration .pages {
border: 6px solid #000;
padding: 10px;
margin: 10px 0;
position: relative
}
#configuration .pages .page {
width: 100%;
margin: 0 auto;
padding: 0;
overflow: hidden
}
#progress-loader {
background: rgba(0, 0, 0, 0.05);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 10000
}
#configuration {
overflow: visible;
padding-bottom: 15px;
width: 1200px;
margin: auto
}
#configuration h1 {
display: block;
box-sizing: border-box;
border-bottom: 1px solid #ccc;
text-align: center;
padding-bottom: 10px;
font-size: 36px
}
#configuration h2 {
text-align: center;
margin: 0 auto;
font-weight: 300;
font-size: 24px;
color: #17072B;
width: 90%;
margin-bottom: 1em
}
#configuration .progress {
margin: 20px 0;
box-sizing: border-box
}
#configuration #configuration-pager {
margin-right: 20px
}
#progress-loader .progress-loader-spinner {
background: #ffffff url(../img/loader.gif) no-repeat center;
display: block;
margin: 0 auto;
border: 3px solid black;
height: 100px;
width: 100px;
position: absolute;
top: 45%;
left: 50%;
margin-left: -50px
}
#configuration .pages {
background-size: 100% 105%;
background-color: #eee;
color: #000;
margin: 0 -15px;
border-radius: 0;
border: 0;
padding: 0;
margin-top: 55px
}
#configuration .pages:before {
content: "";
display: table
}
#configuration .config-instructions {
width: 50%;
position: relative;
display: inline;
float: right;
padding: 0 15px;
min-height: 1px;
box-sizing: border-box
}
#configuration .config-instructions2 {
line-height: 120% !important;
font-size: 16px !important;
padding: 5px 0
}
#configuration .config-instructions2 p {
margin-top: 25px;
line-height: 120% !important;
font-size: 24px !important;
color: #17072B;
font-weight: 600
}
#configuration .config-instructions2 ol li {
display: block;
list-style: upper-latin;
font-size: 18px !important
}
#configuration .config-instructions2 ol li:before {
content: "";
display: inline-block;
width: 38px;
height: 40px;
background: url(../img/ol1-orange.png) no-repeat;
padding-right: 1px;
margin-right: 20px;
vertical-align: middle
}
#configuration ol {
list-style: none
}
#configuration .absolute-arrow {
position: absolute;
left: 40px;
bottom: -180px;
transform: scaleX(-1)
}
#configuration .questions-right {
display: inline;
float: left;
position: relative;
padding: 0 15px;
min-height: 1px;
width: 50%;
box-sizing: border-box
}
#configuration .page.wide .questions-right {
float: none;
width: 100%;
display: block
}
#configuration .page.wide ul.questions {
margin-left: 0
}
#configuration .configuration-pager {
float: right;
padding: 0 15px;
box-sizing: border-box
}
#configuration .results-section .configuration-pager {
margin-right: -10px;
padding-right: 0
}
#configuration .page.wide .configuration-pager {
width: 100%;
padding-left: 15px
}
#configuration .configuration-pager .page-link {
display: inline-block;
font-size: 14px;
color: #17072B;
background-color: #fff;
box-sizing: border-box;
padding: 7px 10px;
border-radius: 0;
text-transform: uppercase;
transition: all ease 0.3s;
margin-bottom: 20px
}
#configuration ul.questions.whitebg {
background-color: #fff;
box-sizing: border-box;
padding: 0;
border-radius: 3px;
margin-top: 15px;
margin-left: 0
}
#configuration ul.questions li.question ul.answers {
margin: 8px 0 0
}
#configuration ul.questions li.question ul.answers li.answer,
#configuration .answer-input {
width: 100%;
box-sizing: border-box;
margin: 0 8px 0 0
}
#configuration ul.questions li.question.select_image .answer-input {
width: auto
}
#configuration .answer-input input,
#configuration .fake-answer-input input {
height: 30px;
padding: 5px;
box-sizing: border-box;
border: 1px solid #e0e0e0
}
#configuration .answer-input .input-selector {
padding: 0
}
#configuration .question.select_radio .answer-input .input-selector,
#configuration .question.select_checkbox .answer-input .input-selector {
min-height: 20px;
display: inline-block;
line-height: 19px;
background-repeat: no-repeat;
font-size: 14px;
padding-left: 8px;
vertical-align: middle;
cursor: pointer;
text-align: left;
color: #17072B;
width: 80%
}
#configuration .questions.whitebg .question h3 {
padding: 0;
font-size: 16px;
text-align: left
}
#page-results .title-h2-wide {
margin: 40px 0 -10px !important;
border-top: 2px solid #ebebeb;
padding: 0;
clear: both
}
#page-results .title-h2-wide h2 {
text-align: center;
color: #17072B;
font-size: 36px;
text-transform: uppercase;
font-weight: 300;
padding: 0 30px;
background: #fff;
margin: -16px auto 0;
line-height: 30px;
display: table;
width: auto
}
#page-results h4.green-subtitle {
text-align: center;
color: #17072B;
margin-top: 36px;
font-size: 27px;
font-weight: 400
}
#page-results .aiad-spec-config {
text-align: center;
color: #17072B
}
#page-results p {
font-size: 14px;
line-height: 180%;
padding: 5px 0
}
#page-results p strong {
font-size: 18px
}
#page-results p strong span {
font-size: 200%;
color: #fff;
background-color: #17072B;
line-height: 180%
}
#page-results p em {
font-size: 16px;
font-style: normal;
width: 90%;
display: block;
margin-left: auto;
margin-right: auto
}
#page-results .answers-tags ul {
overflow: hidden;
margin-left: 0
}
#page-results .answers-tags ul li {
float: left;
padding: 0 10px;
background: #17072B;
color: #fff;
cursor: pointer;
text-transform: uppercase;
border-radius: 4px;
font-size: 12px;
list-style: none;
margin: 4px
}
#page-results .answers-tags ul li:first-child {
margin-left: 0
}
.section-products .configuration-product-right .product-name,
.product-of-interest .configuration-product .product-name {
line-height: 130%;
font-size: 15px;
padding: 12px 5% 0;
font-weight: 700;
font-family: 'Open Sans';
text-align: center;
color: #17072B;
display: table;
width: 90%;
background: transparent;
margin: 4px
}
.section-products .configuration-product-right .product-name:hover,
.product-of-interest .configuration-product .product-name:hover {
color: #17072B
}
.section-products .configuration-product-right .price-box .product-price,
.product-of-interest .configuration-product .price-box .product-price {
color: #17072B;
font-size: 21px
}
.section-products .configuration-product-right .button-container a,
.product-of-interest .configuration-product .button-container a {
background: #17072B url(../img/btn_overlay.png) 0 0 repeat-x;
padding: 0;
height: 30px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
transition: all 400ms ease-in-out;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out
}
.section-products .configuration-product-right .button-container,
.product-of-interest .configuration-product .button-container {
float: none !important;
display: inline-block;
vertical-align: middle;
padding: 0;
margin-left: 5px
}
.section-products .configuration-product-right .button-container a span,
.product-of-interest .configuration-product .button-container a span {
padding: 0;
background: url(../img/icon_cart_listing.png) 50% 50% no-repeat;
width: 30px;
height: 30px;
background-size: 17px 13px;
line-height: 30px;
float: left
}
.section-products .configuration-product-right .button-container a:hover,
.product-of-interest .configuration-product .button-container a:hover {
background-color: #393431
}
.section-products .configuration-product-right .button-container a:hover span,
.product-of-interest .configuration-product .button-container a:hover span {
display: block;
text-transform: uppercase;
font-size: 16px;
line-height: 26px;
text-indent: 0;
letter-spacing: -.2px;
color: #fff
}
#configuration .results-section .configuration-pager .page-link {
float: right;
margin-top: 30px
}
.section-products .configuration-product-right .one-liner {
padding: 0 5%;
line-height: 130%;
text-align: center;
text-decoration: none;
font-family: 'Open Sans';
font-size: 13px;
display: table;
color: #333;
width: 90%
}
.section-products .configuration-product-right .aiad-short-desc-preview {
box-sizing: border-box;
margin: 0 15px;
margin-top: 15px;
padding-top: 10px;
border-top: 1px solid #ccc;
background-color: #f2f2f2
}
.section-products .configuration-product-right .aiad-short-desc-preview div {
background-image: url(../img/ec2k-orange.png);
background-position: left center;
background-size: 18px auto;
background-repeat: no-repeat;
padding-left: 30px;
box-sizing: border-box;
margin: 0 auto;
width: 95%
}
.product-of-interest {
overflow: hidden
}
.product-of-interest .configuration-product {
width: 275px;
padding: 5px;
max-width: 48%
}
.section-products .configuration-product-right .aiad-short-desc-preview div p {
text-align: left;
line-height: 120% !important;
margin-bottom: 13px;
font-size: 12px !important;
color: #000;
padding: 5px 0
}
@media only screen and (max-width:1200px) and (min-width:960px) {
#configuration {
width: 928px;
float: left;
display: inline;
position: relative
}
#configuration .configuration-pager .page-link {
margin-left: 0;
margin-right: 20px
}
}
@media only screen and (max-width:959px) and (min-width:768px) {
#configuration {
margin: 0 14px
}
}
@media only screen and (max-width:959px) {
#configuration {
width: auto
}
#configuration .config-instructions2 p,
#configuration .config-instructions2 ol li {
font-size: 14px !important
}
#configuration .absolute-arrow {
display: none
}
}
@media only screen and (max-width:767px) and (min-width:480px) {
#configuration {
margin: 0 14px
}
#configuration .config-instructions,
#configuration .questions-right,
#configuration .configuration-pager {
width: 100%
}
}
@media only screen and (max-width:767px) {
#configuration h1 {
padding-bottom: 12px;
font-size: 24px;
line-height: 120%
}
#configuration h2 {
font-weight: 300;
font-size: 19px
}
#configuration ul.questions.whitebg {
margin-left: 0
}
}
@media only screen and (max-width:479px) {
#configuration .config-instructions {
width: 100%
}
#configuration h1 {
font-size: 16px
}
#configuration h2 {
font-size: 14px
}
#configuration .questions-right {
width: 100%
}
}
#demo_v3_small .pages {
margin: 25px 0
}
#demo_v3_small .essentials {
float: right;
width: 50%
}
#demo_v3_small .questions {
float: left;
width: 50%
}
#demo_v3_small .essentials .section {
background: #fff;
margin: 15px;
border-radius: 3px;
padding: 10px
}
#demo_v3_small .essentials .section-products.left {
width: 100%;
float: none
}
#demo_v3_small .essentials .section-products .configuration-product {
width: 100%;
margin-right: 0;
float: none
}
#demo_v3_small ul.questions .answer-input,
#demo_v3_small ul.questions li.question ul.answers li.answer {
width: auto
}
#demo_v3_small .question.select_radio .answer-input .input-selector,
#demo_v3_small .question.select_checkbox .answer-input .input-selector {
color: #fff;
max-width: 100%
}
#demo_v3_small ul.questions li.question h3 {
color: #fff
}
#demo_v3_small .section .section-title {
margin-top: -2px;
margin-bottom: 8px
}
@media only screen and (max-width:769px) {
#configuration ul.questions li.question {
float: none;
overflow: hidden
}
#configuration ul.questions li.question h3 {
cursor: pointer
}
#configuration ul.questions li.question h3 span {
width: 80%;
display: inline-block;
vertical-align: middle
}
#configuration .questions .question h3:after {
content: "";
border-bottom: 10px solid #000;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 0;
float: right;
margin-top: 8px;
margin-right: 20px;
display: inline-block;
vertical-align: middle
}
#configuration .questions .question.closed h3:after {
content: "";
border-top: 10px solid #000;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 0;
float: right;
margin-top: 8px;
margin-right: 20px;
display: inline-block;
vertical-align: middle
}
#configuration #page-results .questions .question h3:after {
border-bottom: 10px solid #fff
}
#configuration #page-results .questions .question.closed h3:after {
border-top: 10px solid #fff;
border-bottom: 0
}
#configuration .configuration-pager .page-link {
font-size: 14px;
line-height: 180%;
padding: 2px 10px
}
#configuration .questions .question .next-question {
background: #17072B;
color: #fff;
text-transform: uppercase;
margin: auto;
text-align: center;
cursor: pointer;
padding: 2px 10px;
float: left;
margin-top: 10px;
font-size: 14px
}
#configuration ul.questions li.question.closed {
opacity: 0.6
}
#configuration ul.questions li.question.table_radio {
display: block
}
#configuration ul.questions li.question.table_radio h3 {
text-align: left;
width: 100%
}
#configuration ul.questions li.question.table_radio ul.answers {
display: none !important
}
#configuration ul.questions ul.answers-table,
#configuration ul.questions .heading {
display: none
}
#configuration ul.questions ul.answers-table.cloned {
float: none;
clear: both;
margin-left: 0;
display: block
}
#configuration ul.questions ul.answers-table.cloned li.answer-table {
height: auto !important;
width: auto !important;
background: #fff !important;
display: block;
cursor: pointer;
margin-top: 4px;
margin-right: 2px;
border: 1px solid #17072B;
color: #000;
text-align: center
}
#configuration ul.questions ul.answers-table.cloned li.answer-table.selected {
background: #17072B !important;
border: 1px solid transparent
}
#configuration ul.questions ul.answers-table.cloned li.answer-table.selected span {
color: #fff
}
#configuration ul.questions ul.answers-table.cloned li.answer-table span {
left: 0;
bottom: 0;
position: relative;
width: auto;
height: auto;
transform: none;
color: #000;
padding: 0 4px
}
#page-results .title-h2-wide h2 {
font-size: 28px
}
#page-results p strong span {
font-size: 130%
}
#configuration .right,
#configuration .left {
float: none !important;
width: 100%
}
#configuration .question.select_radio .answer-input .input-selector,
#configuration .question.select_checkbox .answer-input .input-selector {
max-width: 90%
}
#configuration .section .section-products .configuration-product,
.product-of-interest .configuration-product {
float: left
}
#configuration ul.questions li.answer-table span {
font-size: 12px
}
#configuration ul.questions .additional-content {
font-size: 22px;
line-height: 28px
}
}
@media only screen and (min-width:770px) {
#configuration ul.questions ul.answers-table,
#configuration ul.questions li.question.table_radio ul.answers {
display: flex !important
}
}
@media only screen and (max-width:480px) {
#configuration .section .section-products .configuration-product {
width: 100%;
float: none;
margin: 0
}
}
.first-page {
background: #f5f5f5
}
.first-page-inner {
border-radius: 4px;
text-align: center
}
.first-page-inner h1 {
background: #e1e1e1;
padding: 15px 0;
margin: 0
}
.first-page ul {
width: 66%;
margin: auto !important;
font-weight: bold;
text-align: left
}
.first-page ul li {
text-align: left
}
.first-page button.button {
margin: 40px 0
}
.first-page button.button span {
height: 40px
}
.first-page button.button span span {
text-transform: uppercase;
font-size: 20px;
font-weight: bold;
height: 40px;
line-height: 40px;
padding: 0 30px
}
body.no-scroll {
overflow: hidden;
margin-right: 15px
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999997
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] .ajaxcart-popup-overlay,
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content {
position: fixed !important;
top: 0 !important;
right: 0;
bottom: 0;
width: 100%;
height: 100%
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] .ajaxcart-popup-overlay {
left: 0;
background: rgba(0, 0, 0, .6);
z-index: 99999998;
cursor: pointer
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content,
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content * {
box-sizing: border-box
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content {
max-width: 640px;
background: #fff;
text-align: left;
z-index: 99999999;
overflow-y: scroll;
transform: translateX(100%);
transition: all .4s ease
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content.visible {
transform: translateX(0)
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-continue {
float: left;
width: 100%;
padding: 20px 30px;
background: #eee
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-preload {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100px;
height: 100px;
text-align: center
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .messages,
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .messages>li {
margin: 0;
padding: 0
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .messages>li {
padding: 10px !important;
border: none !important;
text-align: center
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .messages>li.success-msg {
background: #333
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .messages>li ul li span {
display: inline-block;
font-size: 14px;
font-weight: 700;
font-style: normal;
color: #fff
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .messages>li.success-msg ul li>span:before {
display: inline-block;
width: 6px;
height: 12px;
margin-right: 20px;
content: '';
border-style: none solid solid none;
border-color: transparent #fff #fff transparent;
border-width: 0 3px 3px 0;
transform: rotate(45deg);
background: transparent
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .messages>li.notice-msg {
display: none
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .delivery-message {
display: inline-block;
width: 100%;
margin-top: 10px;
background: #ffd4c6;
color: #333;
font-size: 14px;
font-weight: normal;
text-align: center
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .delivery-message>div {
position: relative;
display: inline-block;
padding: 10px 10px 10px 50px;
text-align: left
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .delivery-message>div:before {
position: absolute;
top: 10px;
left: 16px;
display: inline-block;
width: 24px;
height: 24px;
content: '';
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100%
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .delivery-message .price {
display: inline;
font-weight: 700
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-items .title {
font-size: 14px;
font-weight: 800
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-items .title.has-items {
text-transform: lowercase
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-items .list {
margin: 12px 0
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-items .list .item {
display: inline-block;
width: 100%
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-items .list .item:not(:last-of-type) {
margin-bottom: 6px
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-items .list .item .remove-product {
position: relative;
display: inline-block;
width: 100%;
padding-left: 30px;
cursor: pointer
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-items .list .item .remove-product:before,
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-items .list .item .remove-product:after {
position: absolute;
content: ''
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-items .list .item .remove-product:before {
top: 0;
left: 0;
width: 18px;
height: 18px;
background: #64ba49
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-items .list .item .remove-product:after {
top: 3px;
left: 7px;
width: 5px;
height: 10px;
box-sizing: border-box;
border-style: none solid solid none;
border-color: transparent #fff #fff transparent;
border-width: 0 2px 2px 0;
transform: rotate(45deg)
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-items .list .item .remove-product span {
display: inline-block;
font-size: 14px;
font-weight: normal;
color: #333
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-items .list .item .remove-product span.qty {
width: 5%
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-items .list .item .remove-product span.name {
width: 70%;
padding-right: 20px
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-items .list .item .remove-product span.price {
float: right;
width: 25%;
text-align: right
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-items .list .item .remove-product span.price:after {
display: inline-block;
vertical-align: middle;
width: 15px;
height: 18px;
margin: -2px 0 0 10px;
content: '';
background: url("data:image/svg+xml;utf8,") 0 0 no-repeat;
background-size: 100%;
opacity: .5
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-items .list .item .remove-product:hover span.price:after {
opacity: 1
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-checkout {
float: right;
width: 60%
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-cancel {
float: left;
width: 34%
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-checkout button,
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-checkout button span,
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-cancel button,
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-cancel button span {
display: inline-block;
float: none;
width: 100%;
height: auto;
margin: 0;
background: none;
border: none;
line-height: 1
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-checkout button,
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-cancel button {
padding: 12px;
transition: all .2s ease
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-checkout button {
background: #ec0043;
border: solid 1px #ec0043
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-cancel button {
background: #fff;
border: solid 1px #ccc
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-checkout button:hover,
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-cancel button:hover {
opacity: .6
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-checkout button span,
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-cancel button span {
position: relative;
padding: 0;
font-size: 12px;
font-weight: 700;
letter-spacing: 0
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-checkout button span span {
width: auto;
color: #fff
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-checkout button span span:after {
position: absolute;
top: -7px;
right: -16px;
content: '›';
font-size: 22px
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-cancel button span {
color: #333
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-catalog-promotion {
display: inline-block;
width: 100%;
padding: 30px;
box-sizing: border-box
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"].has-options #ajaxcart-content .close-popup {
display: none
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"].has-options #ajaxcart-content .product-info {
display: inline-block;
padding: 12px 30px
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"].has-options #ajaxcart-content .product-info .product-name {
float: left;
width: 70%;
font-size: 16px;
font-weight: 700
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"].has-options #ajaxcart-content .product-info .price-box {
float: right;
width: 30%;
text-align: right
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"].has-options #ajaxcart-content .product-info .price-box .old-price span {
font-size: 14px
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"].has-options #ajaxcart-content .product-info .price-box .regular-price span,
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"].has-options #ajaxcart-content .product-info .price-box .special-price span {
font-size: 18px
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"].has-options #ajaxcart-content .product-options {
margin: 0;
padding: 20px 30px;
background: #eee
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"].has-options #ajaxcart-content .product-options-bottom {
display: inline-block;
width: 100%;
margin: 16px 30px 0 30px;
padding: 0
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"].has-options #ajaxcart-content .product-options-bottom button.btn-cart {
float: none;
margin: 0;
padding: 0
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"].has-options #ajaxcart-content .product-options-bottom button.btn-cart span {
float: none;
height: auto;
margin: 0;
padding: 0;
line-height: normal
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"].has-options #ajaxcart-content .product-options-bottom button.btn-cart>span {
display: inline-block;
padding: 10px 14px
}
@media (max-width:640px) {
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .messages>li ul li span {
font-size: 14px
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-items .list .item .remove-product:before {
top: -2px
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-items .list .item .remove-product:after {
top: 1px
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-items .list .item .remove-product span {
font-size: 12px
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-items .list .item .remove-product span.qty {
vertical-align: top;
width: 10%
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-items .list .item .remove-product span.name {
width: 60%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-items .list .item .remove-product span.price {
width: 30%
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-cancel,
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-checkout {
width: 100%
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-checkout {
margin: 0 0 10px 0
}
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-checkout button span,
#ajaxcart-pop-up[data-ajaxcart-template="tmpl_3"] #ajaxcart-content .ajaxcart-cancel button span {
font-size: 11px
}
}
#ajaxcart-pop-up .catalog-promotion .offer.single-product .product .image {
min-height: 200px;
margin: 0
}
#ajaxcart-pop-up .ajaxcart-messages ul {
margin: 0
}
.catalog-promotion .offer.single-product .product .button.btn-cart {
left: unset !important
}
@media (max-width:480px) {
#ajaxcart-pop-up .catalog-promotion .offer.single-product .product .image {
min-height: unset
}
.catalog-promotion .offer.single-product .product .button.btn-cart {
width: 100% !important
}
}
.ajaxcart-continue button {
font: icon
}
.cms-page-view .remove-product {
line-height: 1
}
.clearfix {
*zoom: 1
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0
}
.clearfix:after {
clear: both
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.input-block-level {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.searchindex-results {
*zoom: 1;
margin-bottom: 10px;
border-bottom: 1px solid #a0b3c3
}
.searchindex-results:before,
.searchindex-results:after {
display: table;
content: "";
line-height: 0
}
.searchindex-results:after {
clear: both
}
.searchindex-results li {
margin-bottom: -1px;
float: left;
*zoom: 1;
margin: 0px 2px
}
.searchindex-results li:before,
.searchindex-results li:after {
display: table;
content: "";
line-height: 0
}
.searchindex-results li:after {
clear: both
}
.searchindex-results li a {
font-size: 12px;
font-weight: bold;
color: #333;
display: block;
cursor: pointer;
padding: 2px 5px 1px 5px;
line-height: 20px;
border: 1px solid transparent;
border-bottom: none;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
text-decoration: none
}
.searchindex-results li a:hover {
background-color: #f1f1f1;
background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff));
background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff);
background-image: -o-linear-gradient(top, #e8e8e8, #ffffff);
background-image: linear-gradient(to bottom, #e8e8e8, #ffffff);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0);
border: 1px solid #a0b3c3;
border-bottom: none
}
.searchindex-results li a span {
font-weight: normal;
font-size: 0.9em
}
.searchindex-results li.active a {
background-color: #f1f1f1;
background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff));
background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff);
background-image: -o-linear-gradient(top, #e8e8e8, #ffffff);
background-image: linear-gradient(to bottom, #e8e8e8, #ffffff);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0);
cursor: default;
border: 1px solid #a0b3c3;
border-bottom: none
}
.searchindex-result li {
padding: 5px
}
.searchindex-result li .title a {
font-weight: bold;
color: #203548;
font-size: 13px
}
.searchindex-result.searchindex-result-category {
margin-bottom: 20px
}
.searchindex-result.searchindex-result-category li {
padding: 1px 0px
}
.searchindex-result.searchindex-result-category li a {
font-weight: bold;
color: #203548
}
.searchindex-highlight {
background-color: #ff0
}
.intl-tel-input {
position: relative;
display: inline-block
}
.intl-tel-input * {
box-sizing: border-box;
-moz-box-sizing: border-box
}
.intl-tel-input .hide {
display: none
}
.intl-tel-input .v-hide {
visibility: hidden
}
.intl-tel-input input,
.intl-tel-input input[type=text],
.intl-tel-input input[type=tel] {
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-right: 36px;
margin-right: 0
}
.intl-tel-input .flag-container {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: 1px
}
.intl-tel-input .selected-flag {
z-index: 1;
position: relative;
width: 36px;
height: 100%;
padding: 0 0 0 8px
}
.intl-tel-input .selected-flag .iti-flag {
position: absolute;
top: 0;
bottom: 0;
margin: auto
}
.intl-tel-input .selected-flag .iti-arrow {
position: absolute;
top: 50%;
margin-top: -2px;
right: 6px;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid #555
}
.intl-tel-input .selected-flag .iti-arrow.up {
border-top: none;
border-bottom: 4px solid #555
}
.intl-tel-input .country-list {
position: absolute;
z-index: 10;
list-style: none;
text-align: left;
padding: 0;
margin: 0 0 0 -1px;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
background-color: white;
border: 1px solid #CCC;
white-space: nowrap;
max-height: 200px;
overflow-y: scroll
}
.intl-tel-input .country-list.dropup {
bottom: 100%;
margin-bottom: -1px
}
.intl-tel-input .country-list .flag-box {
display: inline-block;
width: 20px
}
@media (max-width:500px) {
.intl-tel-input .country-list {
white-space: normal
}
}
.intl-tel-input .country-list .divider {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #CCC
}
.intl-tel-input .country-list .country {
padding: 5px 10px
}
.intl-tel-input .country-list .country .dial-code {
color: #999
}
.intl-tel-input .country-list .country.highlight {
background-color: rgba(0, 0, 0, 0.05)
}
.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .dial-code {
vertical-align: middle
}
.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name {
margin-right: 6px
}
.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=text],
.intl-tel-input.allow-dropdown input[type=tel],
.intl-tel-input.separate-dial-code input,
.intl-tel-input.separate-dial-code input[type=text],
.intl-tel-input.separate-dial-code input[type=tel] {
padding-right: 6px;
padding-left: 52px;
margin-left: 0
}
.intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container {
right: auto;
left: 0
}
.intl-tel-input.allow-dropdown .selected-flag,
.intl-tel-input.separate-dial-code .selected-flag {
width: 46px
}
.intl-tel-input.allow-dropdown .flag-container:hover {
cursor: pointer
}
.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
background-color: rgba(0, 0, 0, 0.05)
}
.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,
.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover {
cursor: default
}
.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,
.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag {
background-color: transparent
}
.intl-tel-input.separate-dial-code .selected-flag {
background-color: rgba(0, 0, 0, 0.05);
display: table
}
.intl-tel-input.separate-dial-code .selected-dial-code {
display: table-cell;
vertical-align: middle;
padding-left: 28px
}
.intl-tel-input.separate-dial-code.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
padding-left: 66px
}
.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
width: 60px
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
padding-left: 76px
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
width: 70px
}
.intl-tel-input.separate-dial-code.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
padding-left: 74px
}
.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
width: 68px
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
padding-left: 84px
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
width: 78px
}
.intl-tel-input.separate-dial-code.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
padding-left: 82px
}
.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
width: 76px
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
padding-left: 92px
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
width: 86px
}
.intl-tel-input.separate-dial-code.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
padding-left: 90px
}
.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
width: 84px
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
padding-left: 100px
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
width: 94px
}
.intl-tel-input.iti-container {
position: absolute;
top: -1000px;
left: -1000px;
z-index: 1060;
padding: 1px
}
.intl-tel-input.iti-container:hover {
cursor: pointer
}
.iti-mobile .intl-tel-input.iti-container {
top: 30px;
bottom: 30px;
left: 30px;
right: 30px;
position: fixed
}
.iti-mobile .intl-tel-input .country-list {
max-height: 100%;
width: 100%
}
.iti-mobile .intl-tel-input .country-list .country {
padding: 10px 10px;
line-height: 1.5em
}
.productCdWidget {
display: inline-block;
width: 100%;
background-color: #fff
}
.productCdWidget {
box-sizing: border-box
}
.productCdWidget>.wrap {
border: solid 2px #eb255c
}
.productCdWidget .headline {
display: inline-block;
width: 100%;
background: #eb255d;
color: #fff;
text-align: center;
padding: 0;
margin: 0 0 10px 0;
position: relative
}
.productCdWidget .headline:after {
content: '';
display: block;
position: absolute;
bottom: -14px;
left: 0;
right: 0;
margin: auto;
width: 0;
height: 0;
border-style: solid;
border-width: 14px 10px 0 10px;
border-color: #eb255d transparent transparent transparent
}
.productCdWidget .headline p {
margin: 0;
padding: 0;
color: #fff
}
.productCdWidget .headline p.heading {
font-size: 24px;
font-weight: 800;
padding: 8px 8px 0 8px;
color: #fff
}
.productCdWidget .headline p.anchor {
font-size: 16px;
font-weight: normal;
padding: 4px 0;
color: #fff
}
.productCdWidget .headline .productCountdown {
width: 100%;
margin: 0
}
.productCdWidget .headline .productCountdown>p.heading {
padding-top: 0;
font-size: 16px;
font-weight: normal
}
.productCdWidget .headline .productCountdown .timer {
background: rgba(0, 0, 0, 0.15);
padding: 10px 10px 2px 10px;
position: relative
}
.productCdWidget .headline .productCountdown .timer:after {
content: ':';
font-size: 24px;
font-weight: 800;
position: absolute;
top: 12px;
left: 0;
right: 0;
bottom: 0;
margin: auto
}
.productCdWidget .headline .productCountdown .timer>div {
position: relative;
width: 70px;
padding-top: 34px;
font-size: 12px;
font-weight: normal;
color: #fff
}
.productCdWidget .headline .productCountdown .timer>div:first-of-type {
margin-right: 20px
}
.productCdWidget .headline .productCountdown .timer>div:before,
.productCdWidget .headline .productCountdown .timer>div:after {
content: '';
background: #fff;
border-radius: 4px;
position: absolute;
top: 0;
width: 32px;
height: 32px;
line-height: 32px
}
.productCdWidget .headline .productCountdown .timer>div:before {
left: 0
}
.productCdWidget .headline .productCountdown .timer>div:after {
right: 0
}
.productCdWidget .headline .productCountdown .timer>div span {
font-size: 18px;
position: absolute;
top: 10px;
left: 0;
right: 0;
z-index: 2;
letter-spacing: 26px;
padding-left: 12px;
padding-top: 4px;
margin-top: -10px;
border: none
}
.productCdWidget .productWrap {
padding: 20px;
display: inline-block
}
.productCdWidget .productWrap>div {
box-sizing: border-box
}
.productCdWidget .productWrap .addToCart_productWidget {
display: inline-block;
width: 100%;
color: #fff;
text-align: center;
font-weight: 800;
text-transform: uppercase;
background: #eb255d;
padding: 8px;
cursor: pointer;
box-sizing: border-box
}
.productCdWidget .productWrap .addToCart_productWidget span {
color: #fff;
font-weight: 800
}
.productCdWidget .productWrap .addToCart_productWidget span:after {
content: '';
display: inline-block;
width: 20px;
height: 16px;
vertical-align: middle;
margin: -4px 0 0 8px;
background: url(../img/cart_iconh.png) 0 0 no-repeat;
background-size: 100%
}
.productCdWidget .productWrap .addToCart_productWidget_btn {
background: #eb255d;
display: inline-block;
border: none;
outline: none
}
.productCdWidget .productWrap .addToCart_productWidget_btn span {
color: #fff;
font-size: 16px;
font-weight: 800;
text-transform: uppercase;
padding: 14px 30px;
display: inline-block
}
.productCdWidget .productWrap .addToCart_productWidget_btn span:after {
content: ' »'
}
.productCdWidget .productWrap .left {
float: left;
width: 30%;
position: relative
}
.productCdWidget .productWrap .left .discount {
position: absolute;
top: -10px;
left: -10px;
width: 50px;
height: 50px;
line-height: 50px;
background: #eb255d;
border-radius: 50%;
text-align: center;
font-size: 14px;
font-weight: 800;
color: #fff
}
.productCdWidget .productWrap .right {
float: right;
width: 70%;
padding-left: 20px
}
.productCdWidget .productWrap .right .name,
.productCdWidget .productWrap .right .current {
font-size: 16px;
font-weight: 800
}
.productCdWidget .productWrap .right p {
font-size: 14px;
line-height: 22px;
margin-bottom: 10px
}
body[class*="theme-slimjoy"] .productCdWidget .productWrap .right .current span {
color: #64ba49
}
body[class*="theme-tummy"] .productCdWidget .productWrap .right .current span {
color: #eb9184
}
body[class*="theme-coreone"] .productCdWidget .productWrap .right .current span {
color: #01a1dd
}
body[class*="theme-undo"] .productCdWidget .productWrap .right .current span {
color: #958771;
font-weight: 800
}
.productCdWidget .skipOffer {
display: block;
margin: 10px auto;
font-size: 14px;
font-weight: normal;
text-decoration: underline;
cursor: pointer
}
body[class*="checkout-onepage-success"] .productCdWidget {
max-width: 480px;
display: block;
margin: auto
}
body[class*="checkout-onepage-success"] .productCdWidget .productWrap .addToCart_productWidget_btn,
body[class*="checkout-onepage-success"] .skipOffer {
width: 100%
}
body[class*="checkout-onepage-success"] .skipOffer {
padding: 12px;
background: #bbb;
text-align: center;
font-size: 12px;
font-weight: 800;
color: #fff;
text-transform: uppercase;
text-decoration: none
}
body[class*="checkout-onepage-success"] .skipOffer:after {
content: ' »'
}
body[class*="checkout-onepage-success"] .skipOffer:hover {
background: #999
}
@media (max-width:480px) {
.productCdWidget .productWrap {
text-align: center
}
.productCdWidget .productWrap .left,
.productCdWidget .productWrap .right {
width: 100%;
float: left
}
.productCdWidget .productWrap .left {
margin-bottom: 20px
}
.productCdWidget .productWrap .left img {
width: 60%
}
.productCdWidget .productWrap .right {
padding-left: 0
}
}
[data-lozad="true"] {
transition-duration: .2s;
transition-timing-function: ease
}
[data-lozad="true"][data-src] {
opacity: 0;
transform: translate3d(0, 0, 0);
transition-property: opacity
}
[data-lozad="true"][data-src][data-loaded="true"] {
opacity: 1
}
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
position: relative;
z-index: 1;
padding-bottom: 14px
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0px, 0px, 0px)
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-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-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none
}
.owl-carousel .owl-item img {
display: block;
width: 100%
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel .owl-dots {
text-align: center;
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 12
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit
}
.owl-carousel button.owl-dot {
opacity: .4
}
.owl-carousel button.owl-dot {
display: inline-block;
width: 10px;
height: 10px;
background: #555;
border-radius: 50%;
margin: 0 4px
}
.owl-carousel button.owl-dot.active,
.owl-carousel button.owl-dot:hover {
opacity: 1
}
.owl-carousel .owl-nav button.active,
.owl-carousel .owl-nav button:hover {
opacity: .8
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
position: absolute;
top: 50%;
z-index: 10
}
.owl-carousel .owl-nav button.owl-prev {
left: 0
}
.owl-carousel .owl-nav button.owl-next {
right: 0
}
@media (max-width:480px) {
.owl-carousel .owl-nav button.owl-prev {
left: -10px
}
.owl-carousel .owl-nav button.owl-next {
right: -10px
}
}
.owl-carousel .owl-nav button.owl-prev span,
.owl-carousel .owl-nav button.owl-next span {
font-size: 70px;
font-weight: 300;
line-height: 70px;
color: #555;
margin-top: -20px;
display: block
}
.owl-carousel .owl-nav button:before {
content: '';
display: block;
position: relative;
width: 18px;
height: 18px;
border-width: 0 3px 3px 0;
border-color: transparent #555 #555 transparent;
border-style: none solid solid none;
z-index: 2
}
.owl-carousel .owl-nav button.owl-prev:before {
transform: rotate(135deg);
margin-left: 10px
}
.owl-carousel .owl-nav button.owl-next:before {
transform: rotate(-45deg);
margin-right: 10px
}
.owl-carousel .owl-nav button:after {
position: absolute;
top: -8px;
content: '';
width: 36px;
height: 36px;
background: #fff;
z-index: 1;
border-radius: 4px
}
.owl-carousel .owl-nav button.owl-prev:after {
left: -3px
}
.owl-carousel .owl-nav button.owl-next:after {
right: -3px
}
.owl-carousel.owl-loaded {
display: block
}
.owl-carousel.owl-loading {
opacity: 0;
display: block
}
.owl-carousel.owl-hidden {
opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab
}
.owl-carousel.owl-rtl {
direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
float: right
}
.no-js .owl-carousel {
display: block
}
.owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
z-index: 0
}
.owl-carousel .owl-animated-out {
z-index: 1
}
.owl-carousel .fadeOut {
animation-name: fadeOut
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.owl-height {
transition: height 500ms ease-in-out
}
.owl-carousel .owl-item {}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease
}
.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d
}
.owl-carousel .owl-item .image img {
width: 80% !important;
display: block;
margin: auto
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("../img/owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%
}
.testimonials-grid * {
padding: 0;
margin: 0;
box-sizing: border-box
}
.testimonials-grid {
display: none
}
.testimonials-grid .reveal-more {
display: inline-block;
width: 100%;
margin: 20px 0;
padding: 20px;
font-size: 18px;
font-weight: 800;
color: #333;
text-transform: uppercase;
border: solid 1px #ccc;
cursor: pointer
}
.testimonials-grid .reveal-more:after {
display: inline-block;
vertical-align: middle;
content: '';
width: 0;
height: 0;
margin: 0 0 0 16px;
border-style: solid;
border-width: 6px 5px 0 5px;
border-color: #333 transparent transparent transparent
}
.testimonials-grid .reveal-more:hover {
background: #eee
}
.testimonials-grid .items {
display: inline-block;
width: 100%;
column-gap: 20px
}
.testimonials-grid .items .item {
display: none;
vertical-align: top;
overflow: hidden;
margin-bottom: 20px;
text-align: center;
border: solid 1px #ccc
}
.testimonials-grid .items .item *:not(img) {
margin-left: 24px;
margin-right: 24px
}
.testimonials-grid .items .item img {
width: 100%
}
.testimonials-grid .items .item .title {
padding-top: 20px;
font-size: 16px;
font-weight: 800
}
.testimonials-grid .items .item p {
padding-top: 20px;
padding-bottom: 20px;
font-size: 14px;
font-weight: normal;
line-height: 22px
}
.testimonials-grid .items .item a {
display: block;
margin-bottom: 24px;
padding: 10px;
font-size: 14px;
font-weight: 800;
color: #333;
border: solid 2px #333
}
.testimonials-grid .items .item a:hover {
background: #333;
color: #fff
}
@media (min-width:801px) {
.testimonials-grid .items {
columns: 4
}
}
@media (max-width:800px) {
.testimonials-grid .items {
columns: 2
}
}
@media (max-width:480px) {
.testimonials-grid .items {
columns: 1
}
}
.webforms-fields-comment {
float: left;
margin-top: 4px;
line-height: 1.3em;
color: #666;
font-size: .9em;
width: 100%
}
.webforms-fields-hint {
font-style: italic;
opacity: 0.5
}
.group-select li textarea {
height: 10em
}
.highlight .webforms-calendar input,
.webforms-calendar input {
background-image: url(../img/calendar.gif);
background-position: 99% 2px;
background-repeat: no-repeat
}
.calendar {
z-index: 1000
}
ul.webforms-errors-list {
margin: 5px;
padding: 5px;
list-style-type: disc;
list-style-position: inside
}
ul.webforms-errors-list li {
margin-bottom: 5px
}
p.webforms-error-message {
margin: 10px;
text-align: center
}
.webforms-uploaded-file {
margin-bottom: 5px;
padding: 5px;
border-radius: 3px;
border: 1px solid #ccc;
float: left
}
.webforms-uploaded-file-delete {
margin: 3px 0 0 0;
clear: both
}
.webforms-uploaded-file-delete-label {
margin-left: 5px;
float: none !important
}
.list-select {
padding: 10px !important
}
.form-list li,
li.control {
list-style: none;
position: relative
}
.checkbox {
float: left
}
.form-list li.control input.radio,
.form-list li.control input.checkbox {
margin-top: 2px
}
.ot-content {
text-align: left
}
.tooltip-icon {
position: absolute;
top: 0;
left: -20px;
background-image: url('../img/tooltip.png');
background-size: 15px 15px;
width: 15px;
height: 15px;
cursor: pointer
}
.block-form,
.block-form .input-box label {
font-size: 11px !important
}
.block-form .input-text,
.block-form textarea,
.block-form .form-list .input-box,
.block-form .field {
width: 100%
}
.block-form .input-text {
padding: 1px 0
}
.block-form textarea {
height: 70px
}
.block-form .block-content {
padding: 5px 9px
}
.block-form label {
font-size: 11px;
font-weight: bold
}
.block-form .input-box label {
font-weight: normal !important
}
.block-form .input-box {
margin-bottom: 10px
}
.block-form .required em {
color: red
}
.block-form .list-select {
padding-bottom: 0px !important
}
.block-form p.required {
float: left
}
.webforms-results-block {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px dotted #cccccc;
float: left;
width: 100%;
clear: both
}
.webforms-results-row {
margin-bottom: 5px;
width: 100%;
clear: both;
float: left
}
.webforms-results-label {
font-weight: bold;
display: inline;
float: left
}
.webforms-results-text {
font-style: italic;
display: inline;
float: left
}
.stars {
padding: 0 5px;
width: 80px;
display: inline;
float: left
}
.stars-bar {
list-style: none;
margin: 0px;
padding: 0px !important;
height: 16px;
position: relative;
background: url(../img/results_stars.png) top left repeat-x
}
.stars-bar li {
padding: 0px;
margin: 0px;
float: left
}
.stars-bar li.stars-value {
background: url(../img/results_stars.png) left bottom;
position: absolute;
height: 16px;
display: block;
z-index: 1
}
.webforms-rating-summary {
margin-bottom: 15px
}
.gdprMain * {
box-sizing: border-box
}
.gdprMain {
margin: 10px 0;
position: relative
}
.gdprMain .gdprWrap .toggleVisibility,
.gdprMain .loader {
display: none
}
.gdprWrap.loading {
opacity: .5;
pointer-events: none
}
.gdprWrap .consentsWrap {
margin: 0;
display: inline-block;
width: 100%
}
.gdprWrap .consentsWrap .row {
display: inline-block;
width: 100%;
margin: 4px 0 18px 0;
position: relative
}
.gdprWrap .togglePrivacy {
font-size: 12px;
text-decoration: underline;
cursor: pointer
}
.gdprWrap .togglePrivacy:after {
content: '';
display: inline-block;
vertical-align: middle;
margin: -2px 0 0 6px;
width: 5px;
height: 5px;
border-style: none solid solid none;
border-width: 0 2px 2px 0;
border-color: transparent #777 #777 transparent;
transform: rotate(45deg);
transform-origin: center;
transition: all .2s ease
}
.gdprWrap .togglePrivacy.active:after {
border-color: transparent #333 #333 transparent;
transform: rotate(-135deg);
margin-top: 4px
}
.gdprWrap .privacy {
font-size: 12px;
color: #999;
display: block;
width: 100%
}
.gdprWrap .privacy.after {
padding-top: 20px
}
.gdprWrap .privacy .sb {
display: inline-block;
width: 100%
}
.gdprWrap .privacy .sb {
margin-bottom: 12px
}
.privacyLightbox ul {
margin: 12px 0
}
.gdprMain:not(.allAgreed) .gdprWrap .privacy.before {
margin-bottom: 20px
}
.gdprMain.allAgreed:not(.noTextsAboveAlt) .gdprWrap .privacy.before .sb:not(.alt),
.gdprWrap .privacy.before .sb.alt {
display: none
}
.gdprMain.allAgreed:not(.noTextsAboveAlt) .gdprWrap .privacy.before .sb {
display: block
}
.privacyVersion {
display: none
}
.privacyTrigger {
display: inline;
cursor: pointer;
text-decoration: underline
}
.gdprPrivacyActionBar {
display: none;
position: sticky;
bottom: 0;
left: 0;
width: 100%;
margin-top: 20px;
border-top: 1px solid #e4e4e4;
padding: 15px 20px;
text-align: right;
background: #fff;
cursor: pointer
}
.gdprPrivacyActionBar:hover {
text-decoration: underline
}
.gdprMain .interests .interest input {
display: none
}
.gdprWrap .privacyAgreement {
margin-top: 18px;
display: inline-block;
width: 100%
}
.gdprWrap .privacyAgreement .privacyCheck {
display: none
}
.gdprWrap .privacyAgreement .privacyLabel {
padding-left: 0 !important;
padding-bottom: 6px !important
}
.gdprWrap .privacyAgreement .privacyLabel span {
font-weight: normal;
text-decoration: underline
}
body:not[class*="firecheckout"] .gdprWrap .privacyAgreement label.privacyLabel span {
text-decoration: underline
}
.gdprMain .loader {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
z-index: 10
}
.gdprMain .loader.active {
display: block
}
.gdprMain .loader.active .spinner {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
border: 4px solid #f3f3f3;
border-top: 4px solid #999;
border-radius: 50%;
width: 40px;
height: 40px;
animation: gdprSpinner 1s linear infinite
}
@keyframes gdprSpinner {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
.gdprMain.hideMainInput input.gdprCheck,
.gdprMain.allAgreed input.gdprCheck,
.gdprMain.hideMainInput label.mainLabel {
display: none !important
}
.gdprWrap label {
cursor: pointer
}
.gdprMain label.mainLabel {
margin-bottom: 20px
}
body:not[class*="firecheckout"] .gdprWrap .privacyLabel:hover {
text-decoration: underline
}
body[class*="firecheckout"] .gdprWrap .privacyLabel:hover {
color: #000
}
.gdprWrap input[type="checkbox"],
.gdprWrap .row input[type="checkbox"] {
display: none
}
.gdprWrap label.styled[for*="gdpr-"] b {
display: inline-block;
width: 100%
}
.gdprWrap label.styled {
position: relative;
padding-left: 27px;
display: inline-block;
width: 100%
}
.gdprWrap label.styled:before,
.gdprWrap label.styled:after {
content: "";
position: absolute;
cursor: pointer;
transition: all .2s ease
}
.gdprWrap label.styled:before {
top: 0;
left: 0;
border: solid 1px #ccc;
width: 18px;
height: 18px
}
.gdprWrap label.styled:after {
top: 2px;
left: 6px;
border-style: none solid solid none;
border-color: transparent #fff #fff transparent;
border-width: 0 2px 2px 0;
width: 6px;
height: 11px;
transform: rotate(45deg);
opacity: 0
}
.gdprWrap input.styled:checked+label.styled:before {
background: #64ba49;
border-color: #64ba49
}
.gdprWrap input.styled:checked+label.styled:after {
opacity: 1
}
.gdprWrap .consentsWrap .row label {
padding-left: 100px;
position: relative;
max-width: 90%;
width: 100%;
display: inline-block
}
.gdprWrap .consentsWrap .row label .buttons {
position: absolute;
top: -8px;
left: 0;
width: 90px;
line-height: 30px;
border: solid 1px #ccc;
border-radius: 4px
}
.gdprWrap .consentsWrap .row label .buttons .slider {
position: absolute;
top: 0;
width: 50%;
height: 100%;
display: block;
content: "";
text-align: center;
color: #555;
background: #ccc;
background: linear-gradient(0deg, #ccc 0%, #fff 100%);
transition: all .2s ease;
z-index: 2
}
.gdprWrap .consentsWrap .row label.neutral .buttons .slider {
width: 100%
}
.gdprWrap .consentsWrap .row label.neutral .buttons .slider:before,
.gdprWrap .consentsWrap .row label.neutral .buttons .slider:after {
position: absolute;
top: 0;
width: 50%;
text-align: center
}
.gdprWrap .consentsWrap .row label.neutral .buttons .slider:before {
content: attr(data-button-no);
left: 0;
border-right: solid 1px #bbb
}
.gdprWrap .consentsWrap .row label.neutral .buttons .slider:after {
content: attr(data-button-yes);
left: 50%
}
.gdprWrap .consentsWrap .row label:not(.neutral) .buttons .slider:after {
content: attr(data-button-yes)
}
.gdprWrap .consentsWrap .row input:checked+label .buttons .slider:after {
content: attr(data-button-no)
}
.gdprWrap .consentsWrap .row label:not(.neutral) .buttons .slider {
left: 50%
}
.gdprWrap .consentsWrap .row label.neutral .buttons .slider,
.gdprWrap .consentsWrap .row input:checked+label .buttons .slider {
left: 0
}
.gdprWrap .consentsWrap .row label .buttons .slider:before,
.gdprWrap .consentsWrap .row label .buttons .slider:after,
.gdprWrap .consentsWrap .row label .buttons .no,
.gdprWrap .consentsWrap .row label .buttons .yes {
line-height: 30px;
font-size: 12px;
font-weight: 700
}
.gdprWrap .consentsWrap .row label .buttons .no,
.gdprWrap .consentsWrap .row label .buttons .yes {
float: left;
width: 50%;
height: 100%;
color: #fff;
text-align: center;
position: relative;
transition: all .2s ease;
z-index: 1;
box-shadow: inset -1px 1px 6px 1px rgba(0, 0, 0, 0.1)
}
.gdprWrap .consentsWrap .row label .buttons .no {
background: #e52e2e
}
.gdprWrap .consentsWrap .row label .buttons .yes {
background: #64ba49
}
.gdprWrap .consentsWrap .row .switcher {
position: absolute;
top: -4px;
left: 0;
background: transparent;
content: "";
width: 45px;
height: 30px;
z-index: 10;
cursor: pointer
}
.gdprWrap .consentsWrap .row .switcher.consentOn {
left: 0
}
.gdprWrap .consentsWrap .row .switcher.consentOff {
left: 45px
}
.gdprWrap div[id*="advice-validate-gdpr_"] {
display: none
}
.gdprWrap .validation-advice {
margin: 4px 0
}
.gdprMain .discountNotice {
display: none;
background: #37a1ce;
color: #fff;
padding: 10px;
margin: 10px 0 20px 0;
text-align: center
}
.gdprMain .discountNotice p {
margin: 0;
padding: 0;
font-size: 13px;
font-weight: 700
}
.gdprMain .discountNotice p:before {
content: '';
display: inline-block;
margin-right: 12px;
width: 7px;
height: 14px;
border-style: none solid solid none;
border-width: 0 3px 3px 0;
border-color: transparent #fff #fff transparent;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.gdprWrap .lightbox {
display: none
}
.consentLightbox.lightbox,
.privacyLightbox.lightbox,
.mainPrivacy.lightbox {
max-width: 640px;
font-size: 13px;
line-height: 20px;
padding: 10px
}
.consentLightbox.lightbox ol li,
.privacyLightbox.lightbox ol li,
.mainPrivacy.lightbox ol li,
.consentLightbox.lightbox ul li,
.privacyLightbox.lightbox ul li,
.mainPrivacy.lightbox ul li {
margin: 4px 0 4px 20px;
list-style: disc
}
.consentLightbox.lightbox ol li,
.privacyLightbox.lightbox ol li,
.mainPrivacy.lightbox ol li {
list-style: de
}
.gdprWrap .openLightbox {
position: absolute;
top: 0;
right: 0;
font-family: monospace, serif;
color: #fff;
font-size: 12px;
font-weight: 700;
text-align: center;
background: #333;
width: 14px;
height: 14px;
line-height: 14px;
border-radius: 50%;
opacity: 0.3;
cursor: pointer
}
.gdprWrap .openLightbox:hover {
opacity: 1
}
.mainPrivacy.lightbox div:not(.gdprPrivacyActionBar) {
width: 100%;
margin: 0
}
.mainPrivacy.lightbox h1 {
font-size: 24px;
margin-bottom: 20px
}
.mainPrivacy.lightbox h2 {
font-size: 18px;
font-weight: 700;
margin: 20px 0 10px 0
}
.mainPrivacy.lightbox p {
font-size: 13px;
line-height: 20px;
margin: 10px 0
}
.mainPrivacy.lightbox p a {
text-decoration: underline
}
.mainPrivacy.lightbox table {
margin: 20px 0
}
.mainPrivacy.lightbox td {
padding: 10px;
border: solid 1px #ddd
}
.gdprWrap .promoText.before {
margin-bottom: 16px;
width: 100%
}
.gdprWrap .promoText.before,
.gdprMain:not(.hideMainInput):not(.allAgreed) .gdprWrap .consentsWrap {
padding-left: 25px
}
.gdprWrap label,
.gdprWrap .privacy {
font-size: 14px;
color: #333
}
.gdprWrap .consentsWrap .consentsList {
overflow: visible !important
}
body[class*="firecheckout-index-index"] .gdprMain[class*="theme-sensilab"] .gdprWrap label,
body[class*="firecheckout-index-index"] .gdprMain[class*="theme-sensilab"] .gdprWrap .privacy,
body[class*="firecheckout-index-index"] .gdprMain[class*="theme-default"] .gdprWrap label,
body[class*="firecheckout-index-index"] .gdprMain[class*="theme-default"] .gdprWrap .privacy {
font-size: 12px
}
body[class*="sensi-gdpr-customer-account"] .gdprAccount {
padding: 0 20px;
background: #fff
}
body[class*="sensi-gdpr-customer-account"] .gdprMain,
body[class*="sensi-gdpr-customer-account"] .gdprWrap,
body[class*="sensi-gdpr-customer-account"] .gdprWrap .consentsWrap {
display: inline-block
}
body[class*="sensi-gdpr-customer-account"] .gdprMain {
margin-top: 30px
}
body[class*="sensi-gdpr-customer-account"] .gdprMain:not(.hideMainInput):not(.allAgreed) .gdprWrap .consentsWrap {
padding-left: 0
}
body[class*="sensi-gdpr-customer-account"] #accountConsents .gdprCheck,
body[class*="sensi-gdpr-customer-account"] #accountConsents label[for*="gdpr-"] {
display: none
}
body[class*="sensi-gdpr-customer-account"] #accountConsents #userEmail {
display: none
}
body[class*="sensi-gdpr-customer-account"] #accountConsents .gdprWrap .consentsWrap .row label {
cursor: default
}
body[class*="sensi-gdpr-customer-account"] #accountConsents .gdpr-save-success {
display: none;
position: relative;
margin: 0 0 26px 0;
padding: 6px 10px;
background: #64ba49;
font-size: 12px;
font-weight: normal;
color: #fff
}
body[class*="sensi-gdpr-customer-account"] #accountConsents .gdpr-save-success:before {
display: inline-block;
vertical-align: middle;
width: 6px;
height: 12px;
margin: -6px 10px 0 0;
content: '';
border-width: 0 3px 3px 0;
border-style: none solid solid none;
border-color: transparent #fff #fff transparent;
transform: rotate(45deg)
}
body[class*="sensi-gdpr-customer-account"] #accountConsents button {
display: inline-block;
width: auto;
margin-top: 20px
}
body[class*="sensi-gdpr-customer-account"] #accountConsents button.disabled {
opacity: .5;
pointer-events: none
}
body[class*="sensi-gdpr-customer-account"] #accountConsents button span {
font-weight: normal;
text-transform: none
}
body[class*="sensi-gdpr-customer-account"] #accountConsents p.small {
margin: 14px 0 0 0;
font-size: 11px
}
body[class*="printable"] button.print {
display: inline-block;
margin: 20px 0;
border: none;
outline: none;
background: #ef6262;
color: #fff;
font-size: 12px;
font-weight: 700;
padding: 6px 12px
}
body[class*="printable"] button.print:hover {
opacity: 0.5
}
@media print {
@page {
size: A4 portrait;
margin: 12mm
}
html,
body {
background: #fff
}
body[class*="printable"] header,
body[class*="printable"] footer,
body[class*="printable"] button.print {
display: none
}
}
@media (max-width:481px) {
.gdprWrap .consentsWrap .row {
margin-bottom: 12px
}
.gdprMain:not(.hideMainInput):not(.allAgreed) .gdprWrap .consentsWrap {
padding-left: 34px
}
.gdprMain .discountNotice {
margin: 10px 40px 20px 0px
}
}
.read-more {
color: #000;
text-decoration: underline
}
.catalog-promotion,
.catalog-promotion * {
margin: 0;
padding: 0;
box-sizing: border-box;
color: #333;
font-weight: normal;
line-height: normal;
border: none;
outline: none
}
.catalog-promotion {
position: relative;
display: none;
width: 100%;
overflow: hidden
}
.catalog-promotion b {
font-weight: 700;
color: inherit
}
.catalog-promotion .loader,
.catalog-promotion .loader:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.catalog-promotion .loader {
display: none;
width: 100%;
height: 100%;
content: '';
margin: 0;
padding: 0;
background: rgba(255, 255, 255, .95);
z-index: 10;
border-radius: 0
}
.catalog-promotion .loader.visible {
display: block
}
.catalog-promotion .loader:after {
display: block;
width: 25px;
height: 25px;
margin: auto;
content: '';
background: url(../img/loading.gif) 0 0 no-repeat
}
.catalog-promotion .heading.exposed {
background: #eb255d;
text-align: center
}
.catalog-promotion .heading .title {
font-size: 16px;
font-weight: 700
}
.catalog-promotion .heading .punch-line {
font-size: 14px
}
.catalog-promotion .heading.exposed .title,
.catalog-promotion .heading.exposed .punch-line {
color: #fff
}
.catalog-promotion .heading.exposed .title {
padding-top: 6px
}
.catalog-promotion .heading.exposed .punch-line {
padding-bottom: 6px
}
.catalog-promotion .countdown {
position: relative;
display: inline-block;
width: 100%;
margin: 0;
padding: 0;
background: transparent;
color: #fff;
text-align: center
}
.catalog-promotion .countdown:after {
display: block;
position: absolute;
left: 0;
right: 0;
bottom: -14px;
width: 0;
height: 0;
margin: auto;
content: '';
border-style: solid;
border-width: 14px 10px 0 10px;
border-color: #d41150 transparent transparent transparent
}
.catalog-promotion .countdown .timer {
position: relative;
padding: 10px 10px 2px 10px;
background: #d41150
}
.catalog-promotion .countdown .timer:after {
position: absolute;
top: 14px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
content: ':';
font-size: 24px;
font-weight: 700
}
.catalog-promotion .countdown .timer>div {
position: relative;
display: inline-block;
width: 70px;
min-width: 40px;
margin: 6px 0;
padding-top: 34px;
font-size: 12px;
font-weight: normal;
color: #fff
}
.catalog-promotion .countdown .timer>div:first-of-type {
margin-right: 20px
}
.catalog-promotion .countdown .timer>div:before,
.catalog-promotion .countdown .timer>div:after {
position: absolute;
top: 0;
width: 32px;
height: 32px;
content: '';
background: #fff;
line-height: 32px;
border-radius: 4px
}
.catalog-promotion .countdown .timer>div:before {
left: 0
}
.catalog-promotion .countdown .timer>div:after {
right: 0
}
.catalog-promotion .countdown .timer>div span.digit {
position: absolute;
top: 10px;
left: 0;
right: 0;
z-index: 2;
margin-top: -10px;
padding-top: 4px;
padding-left: 12px;
font-size: 18px;
font-weight: 700;
color: #333;
letter-spacing: 26px;
line-height: 24px;
border: none
}
.catalog-promotion .countdown .timer>div span.metric {
font-size: 12px;
color: #fff
}
.catalog-promotion .offer {
float: left;
width: 100%;
margin-top: 20px
}
.catalog-promotion .offer .product {
display: inline-block;
width: 100%;
padding: 0 14px
}
.catalog-promotion .offer .product .image {
position: relative
}
.catalog-promotion .offer .product .image img {
width: 100%
}
.catalog-promotion .offer .product .image .picto-box {
display: block;
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
line-height: 60px;
margin: 0;
padding: 0 !important;
background: #eb255d;
border-radius: 50%;
text-align: center
}
.catalog-promotion .offer .product .image .picto-box .picto-text {
line-height: 60px;
font-size: 16px !important
}
.catalog-promotion .offer .product .details .name {
display: inline-block;
width: 100%;
font-size: 16px;
font-weight: 700;
color: #333
}
.catalog-promotion .offer .product .details .one-liner {
font-size: 14px;
font-weight: normal;
color: #333;
line-height: 22px
}
.catalog-promotion .offer .product .details .prices {
margin: 14px 0
}
.catalog-promotion .offer .product .details .prices>div {
display: inline-block;
font-size: 16px
}
.catalog-promotion .offer .product .details .prices .promotion-price {
padding-left: 6px;
font-weight: 700;
color: #eb255d
}
.catalog-promotion .offer .product .button.btn-cart {
display: inline-block;
margin-top: 10px;
padding: 12px 50px;
background: #eb255d;
font-size: 12px;
font-weight: 700;
color: #fff;
text-align: center;
cursor: pointer
}
.catalog-promotion .offer .product .button.btn-cart:hover {
opacity: .8
}
.catalog-promotion .offer.single-product .product {
display: inline-block;
width: 100%;
padding: 0;
text-align: left
}
.catalog-promotion .offer.single-product .product:not(:last-of-type) {
margin-bottom: 20px
}
.catalog-promotion .offer.single-product .product .image {
float: left;
width: 30%
}
.catalog-promotion .offer.single-product .product .details {
float: right;
width: 70%;
padding-left: 20px
}
.catalog-promotion .offer.single-product .product .button.btn-cart {
margin-left: 20px;
left: 30%;
position: relative
}
.catalog-promotion .offer.owl-carousel {
display: none;
opacity: 0;
visibility: hidden;
transition: all .2s ease
}
.catalog-promotion .offer.owl-carousel.visible {
opacity: 1;
visibility: visible
}
.catalog-promotion .offer.owl-carousel .owl-stage,
.catalog-promotion .offer.owl-carousel .owl-stage .product,
.catalog-promotion .offer.owl-carousel .owl-stage .product .details,
.catalog-promotion .offer.owl-carousel .owl-stage .product .button.btn-cart {
display: flex
}
.catalog-promotion .offer.owl-carousel .owl-stage .product,
.catalog-promotion .offer.owl-carousel .owl-stage .product .details {
flex-direction: column;
width: 100%
}
.catalog-promotion .offer.owl-carousel .owl-stage .product {
flex-wrap: wrap;
padding: 0 30px;
text-align: center
}
.catalog-promotion .offer.owl-carousel .owl-stage .product .image img {
float: none;
display: block;
width: 100% !important;
max-width: 200px;
margin: 0 auto 10px auto
}
.catalog-promotion .offer.owl-carousel .owl-stage .product .details .one-liner {
display: block;
margin: auto;
max-width: 200px
}
.catalog-promotion .offer.owl-carousel .owl-stage .product .button.btn-cart {
margin: auto auto 0 auto
}
.catalog-promotion .offer.owl-carousel .owl-nav {
position: absolute;
top: 50%;
left: 0;
width: 100%;
margin-top: -10px
}
.catalog-promotion .offer.owl-carousel .owl-nav button {
width: 40px;
height: 40px
}
.catalog-promotion .offer.owl-carousel .owl-nav button.owl-prev {
left: 0
}
.catalog-promotion .offer.owl-carousel .owl-nav button.owl-next {
right: 0
}
.catalog-promotion .offer.owl-carousel .owl-nav button:before {
top: 0;
width: 12px;
height: 12px;
margin: auto;
border-color: transparent #333 #333 transparent
}
.catalog-promotion .offer.owl-carousel .owl-nav button.owl-prev:before {
margin-left: 16px
}
.catalog-promotion .offer.owl-carousel .owl-nav button.owl-next:before {
margin-right: 16px
}
.catalog-promotion .offer.owl-carousel .owl-nav button:hover:before {
border-color: transparent #fff #fff transparent
}
.catalog-promotion .offer.owl-carousel .owl-nav button:after {
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
border-radius: 0;
border: solid 1px #ccc;
box-shadow: 0 0 6px rgba(0, 0, 0, .2)
}
.catalog-promotion .offer.owl-carousel .owl-nav button:hover:after {
background: #333
}
.catalog-promotion .offer.owl-carousel .owl-nav button span[aria-label] {
display: none
}
.catalog-promotion .close-promotion {
display: inline-block;
width: 100%;
margin: 20px 0 0;
text-align: center
}
.catalog-promotion .close-promotion>div {
position: relative;
display: inline-block;
width: auto;
padding: 10px 30px;
background: #eee;
cursor: pointer
}
.catalog-promotion .close-promotion>div:hover {
opacity: .8
}
.catalog-promotion .close-promotion>div .icon {
position: relative;
display: inline-block;
vertical-align: middle;
margin: -4px 8px 0 0;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center
}
.catalog-promotion .close-promotion>div .icon:before {
position: absolute;
top: 0;
left: 0;
content: '';
width: 100%;
height: 100%;
border: solid 1px #333
}
.catalog-promotion .close-promotion>div .icon:after {
display: inline-block;
width: 100%;
margin: 1px 0 0 1px;
content: '×';
font-size: 20px;
color: #666
}
.catalog-promotion .close-promotion>div p {
display: inline-block;
font-size: 14px;
font-weight: normal;
text-decoration: underline
}
body[class*="checkout-cart"] .cart .row.catalog-promotion-row {
padding: 0
}
.checkout-cart-index .catalog-promotion,
.firecheckout-index-index .catalog-promotion {
background: #fff
}
body[class*="checkout-cart"] .cart .row.catalog-promotion-row .offer,
.firecheckout-index-index .catalog-promotion .offer {
padding: 20px 20px 10px 20px
}
body[class*="checkout-cart"] .cart .row.catalog-promotion-row .offer.owl-carousel .owl-nav button.owl-prev,
.firecheckout-index-index .offer.owl-carousel .owl-nav button.owl-prev {
left: 20px
}
body[class*="checkout-cart"] .cart .row.catalog-promotion-row .offer.owl-carousel .owl-nav button.owl-next,
.firecheckout-index-index .offer.owl-carousel .owl-nav button.owl-next {
right: 20px
}
body[class*="checkout-cart"] .cart .row.catalog-promotion-row .catalog-promotion .close-promotion>div,
.firecheckout-index-index .catalog-promotion .close-promotion>div {
margin-bottom: 20px
}
.checkout-onepage-success .catalog-promotion {
max-width: 640px;
margin: 20px auto
}
.checkout-onepage-success .catalog-promotion .offer {
float: none;
max-width: 480px;
margin: 20px auto 0 auto
}
@media (min-width:768px) {
.catalog-promotion .offer.owl-carousel .owl-stage .product {
height: 100%
}
}
@media (max-width:480px) {
.catalog-promotion .offer.single-product .product .image .picto-box {
width: 40px;
height: 40px;
line-height: 40px
}
.catalog-promotion .offer.single-product .product .image .picto-box .picto-text {
line-height: 40px;
font-size: 12px !important
}
.catalog-promotion .offer.single-product .product .details,
.catalog-promotion .offer.single-product .product .button.btn-cart {
float: right;
width: 65%
}
.catalog-promotion .offer.single-product .product .details {
padding-left: 0
}
.catalog-promotion .offer.single-product .product .button.btn-cart {
padding-left: 10px;
padding-right: 10px;
font-size: 11px
}
}
.tier-prices.product-pricing,
.tier-prices.product-pricing * {
box-sizing: border-box
}
.tier-prices.product-pricing {
display: inline-block !important;
width: 100%;
clear: both;
margin: 0 !important;
background: none;
font-weight: 300;
font-size: 14px;
text-align: left;
color: #fff;
border: none;
outline: none;
box-shadow: none
}
.tier-prices.product-pricing li {
margin: 0 !important;
padding: 0 !important;
list-style: none;
list-style-image: none !important;
line-height: normal !important
}
.tier-prices.product-pricing li:not(.badge) {
position: relative;
float: left;
width: 32%
}
.tier-prices.product-pricing li.badge {
display: inline-block;
width: 100%;
margin: 0;
padding: 0;
text-align: center
}
.tier-prices.product-pricing li.badge div {
display: inline-block;
width: 32%;
padding: 4px;
background: #333;
font-size: 11px;
font-weight: 700;
color: #fff
}
.tier-prices.product-pricing li:not(:first-child):not(:nth-child(3n+1)) {
margin-right: 2% !important
}
.tier-prices.product-pricing li label {
display: inline-block;
padding: 4px;
width: 100%;
background: transparent;
text-align: center;
color: #fff;
border: solid 1px #fff
}
.tier-prices.product-pricing li label,
.tier-prices.product-pricing li label span {
font-size: 14px;
line-height: 28px
}
.tier-prices.product-pricing li label {
font-weight: normal;
cursor: pointer
}
.tier-prices.product-pricing li label span:first-child {
font-weight: 700;
color: inherit
}
.tier-prices.product-pricing li label span:last-child {
font-size: 10px
}
.tier-prices.product-pricing li label:hover,
.tier-prices.product-pricing li input:checked+label {
background: #444;
color: #fff
}
body[class*="theme-shopper"] .tier-prices.product-pricing {
padding-left: 16px;
padding-right: 16px;
margin-bottom: 0 !important
}
body[class*="theme-shopper"] .tier-prices.product-pricing li.badge div {
background: #333
}
body[class*="theme-shopper"] .tier-prices.product-pricing li label:hover,
body[class*="theme-shopper"] .tier-prices.product-pricing li input:checked+label {
background: #af5a28
}
body[class*="theme-slimjoy"] .tier-prices.product-pricing {
padding: 0 !important
}
body[class*="theme-slimjoy"] .tier-prices.product-pricing li.badge div {
background: #ec0043
}
body[class*="theme-slimjoy"] .dark-bg .tier-prices.product-pricing li label:hover,
body[class*="theme-slimjoy"] .dark-bg .tier-prices.product-pricing li input:checked+label {
background: #488e32
}
body[class*="theme-slimjoy"] .light-bg .tier-prices.product-pricing li label {
color: #333;
border-color: #bbb
}
body[class*="theme-slimjoy"] .light-bg .tier-prices.product-pricing li label:hover,
body[class*="theme-slimjoy"] .light-bg .tier-prices.product-pricing li input:checked+label {
background: #f2ffee;
border-color: #64ba49
}
body[class*="theme-tummy"] .tier-prices.product-pricing,
body[class*="theme-undo"] .tier-prices.product-pricing {
padding: 0 !important
}
body[class*="theme-undo"] .tier-prices.product-pricing {
margin-top: 20px !important;
margin-bottom: -10px !important
}
body[class*="theme-undo_v2"] .tier-prices.product-pricing {
margin-top: 15px !important;
margin-bottom: -10px !important
}
body[class*="theme-tummy"] .tier-prices.product-pricing li.badge div,
body[class*="theme-undo"] .tier-prices.product-pricing li.badge div {
background: #ea7d6f
}
body[class*="theme-undo_v2"] .tier-prices.product-pricing li.badge div {
background: #D97E9F
}
body[class*="theme-tummy"] .tier-prices.product-pricing li label,
body[class*="theme-undo"] .tier-prices.product-pricing li label {
color: #333;
border-color: #bbb
}
body[class*="theme-tummy"] .tier-prices.product-pricing li label:hover,
body[class*="theme-tummy"] .tier-prices.product-pricing li input:checked+label,
body[class*="theme-undo"] .tier-prices.product-pricing li label:hover,
body[class*="theme-undo"] .tier-prices.product-pricing li input:checked+label {
background: #fde4e0
}
body[class*="theme-undo_v2"] .tier-prices.product-pricing li label:hover,
body[class*="theme-undo_v2"] .tier-prices.product-pricing li input:checked+label {
background: #F6DFE7
}
body[class*="theme-powgen"] .tier-prices.product-pricing {
padding: 0 !important
}
body[class*="theme-powgen"] .tier-prices.product-pricing li.badge div {
background: #f06235
}
body[class*="theme-powgen"] .dark-bg .tier-prices.product-pricing li label:hover,
body[class*="theme-powgen"] .dark-bg .tier-prices.product-pricing li input:checked+label {
background: #fff;
color: #333;
border-color: #fff
}
body[class*="theme-powgen"] .light-bg .tier-prices.product-pricing li label {
color: #333;
border-color: #bbb
}
body[class*="theme-powgen"] .light-bg .tier-prices.product-pricing li label:hover,
body[class*="theme-powgen"] .light-bg .tier-prices.product-pricing li input:checked+label {
background: #ffe4db;
border-color: #f06235
}
body[class*="theme-pepper"] .tier-prices.product-pricing {
padding: 0 !important
}
body[class*="theme-pepper"] #sj_prod .tier-prices.product-pricing li {
padding: 0 !important
}
body[class*="theme-pepper"] .tier-prices.product-pricing li.badge div {
background: #ff8a00
}
body[class*="theme-pepper"] .tier-prices.product-pricing li label {
color: #333;
border-color: #bbb
}
body[class*="theme-pepper"] .tier-prices.product-pricing li label:hover,
body[class*="theme-pepper"] .tier-prices.product-pricing li input:checked+label {
background: #ffeeda
}
@media (max-width:420px) {
.tier-prices.product-pricing li label,
.tier-prices.product-pricing li label span {
font-size: 10px
}
}
body {
background: #fff
}
@font-face {
font-family: 'barlowregular';
src: url('../fonts/Barlow-Regular.ttf');
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'barlowbold';
src: url('../fonts/Barlow-Bold.ttf');
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'barlowcondensedregular';
src: url('../fonts/BarlowCondensed-Regular.ttf');
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'barlowcondensedmedium';
src: url('../fonts/BarlowCondensed-Medium.ttf');
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'cabinregular';
src: url('../../skin/frontend/bootstrap/avenobo_v2/css/fonts/cabin/Cabin-Regular.eot');
src: url('../../skin/frontend/bootstrap/avenobo_v2/css/fonts/cabin/Cabin-Regular.eot') format('embedded-opentype'), url('../../skin/frontend/bootstrap/avenobo_v2/css/fonts/cabin/Cabin-Regular.woff2') format('woff2'), url('../../skin/frontend/bootstrap/avenobo_v2/css/fonts/cabin/Cabin-Regular.woff') format('woff'), url('../../skin/frontend/bootstrap/avenobo_v2/css/fonts/cabin/Cabin-Regular.ttf') format('truetype'), url('../../skin/frontend/bootstrap/avenobo_v2/css/fonts/cabin/Cabin-Regular.svg') format('svg');
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'aleoregular';
src: url('../../skin/frontend/bootstrap/avenobo_v2/css/fonts/aleo/Aleo-Regular.eot');
src: url('../../skin/frontend/bootstrap/avenobo_v2/css/fonts/aleo/Aleo-Regular.eot') format('embedded-opentype'), url('../../skin/frontend/bootstrap/avenobo_v2/css/fonts/aleo/Aleo-Regular.woff2') format('woff2'), url('../../skin/frontend/bootstrap/avenobo_v2/css/fonts/aleo/Aleo-Regular.woff') format('woff'), url('../../skin/frontend/bootstrap/avenobo_v2/css/fonts/aleo/Aleo-Regular.ttf') format('truetype'), url('../../skin/frontend/bootstrap/avenobo_v2/css/fonts/aleo/Aleo-Regular.svg') format('svg');
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'ubunturegular';
src: url('../../skin/frontend/bootstrap/teethtox/css/fonts/ubuntu/Ubuntu-Regular.ttf');
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'montserrat';
src: url('../../skin/frontend/bootstrap/teethtox/css/fonts/montserrat/Montserrat-Regular.ttf');
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'barlowregular';
src: url('../fonts/Barlow-Regular.ttf');
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'barlowcondensedregular';
src: url('../fonts/BarlowCondensed-Regular.ttf');
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'barlowcondensedmedium';
src: url('../fonts/BarlowCondensed-Medium.ttf');
font-weight: normal;
font-style: normal
}
#apf * {
box-sizing: border-box;
margin: 0;
padding: 0
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: unset
}
#apf p {
font-weight: 400
}
#apf.color-scheme-2 p,
#apf.color-scheme-3 p {
font-family: 'cabinregular'
}
#apf.color-scheme-5 p {
font-family: 'ubunturegular'
}
#apf.color-scheme-5 h1,
#apf.color-scheme-5 h2,
#apf.color-scheme-5 h3 {
font-family: 'Open Sans'
}
#apf.color-scheme-6 p,
#apf.color-scheme-6 h2,
#apf.color-scheme-6 h1 {
font-family: 'montserrat'
}
#apf.color-scheme-7 h2,
#apf.color-scheme-7 h1,
#apf.color-scheme-7 h2 b,
#apf.color-scheme-7 h2 b,
#apf.color-scheme-7 h1 b,
#apf.color-scheme-7 h1 b {
font-family: 'barlowcondensedmedium';
font-weight: normal
}
#apf.color-scheme-7 p {
font-family: 'barlowregular'
}
#apf.color-scheme-7 p b {
font-family: 'barlowbold'
}
#apf p.fake-br {
padding-top: 20px
}
#apf.color-scheme-2 h2,
#apf.color-scheme-3 h2,
#apf.color-scheme-2 h1,
#apf.color-scheme-3 h1,
#apf.color-scheme-2 h2 b,
#apf.color-scheme-3 h2 b,
#apf.color-scheme-2 h1 b,
#apf.color-scheme-3 h1 b {
font-family: 'aleoregular'
}
#apf h1,
#apf h2,
#apf h3,
#apf button,
#apf span {
letter-spacing: unset;
color: unset
}
#apf .flex-column {
display: flex;
flex-direction: column
}
#apf .w-100,
#apf .c-1>div,
#apf .container-outer,
#apf .testimonials-2 .full-testimonials.owl-carousel {
width: 100%
}
#apf .w-1 {
max-width: 994px
}
#apf .w-2 {
max-width: 792px
}
#apf .w-3 {
max-width: 1168px
}
#apf .w-4 {
max-width: 996px
}
#apf .w-5 {
max-width: 590px
}
#apf .w-6 {
max-width: 810px
}
#apf .c-2>div {
width: calc(50% - 10px)
}
#apf .c-2>div:nth-child(odd) {
margin-right: 10px
}
#apf .c-2>div:nth-child(even) {
margin-left: 10px
}
#apf .c-2>div:nth-child(n+3) {
margin-top: 40px
}
#apf .c-3>div {
width: calc(100% / 3)
}
#apf .c-4>div {
width: calc(100% / 4)
}
#apf .c-5>div {
width: calc(100% / 5)
}
#apf .c-6>div {
width: calc(100% / 6)
}
#apf .c-7>div {
width: calc(100% / 7)
}
#apf .c-8>div {
width: calc(100% / 8)
}
#apf .c-9>div {
width: calc(100% / 9)
}
#apf .c-10>div {
width: calc(100% / 10)
}
#apf .base-container {
display: flex;
flex-direction: column;
}
#apf.color-scheme-5 .base-container {
margin-top: 45px !important
}
#hepafar-header .header-outer img:not(.icon) {
margin-left: 10px
}
#apf .container-outer,
#apf .container-inner {
height: auto;
position: relative
}
#apf .section {
padding: 60px 0;
float: left
}
#apf .container-outer.title {
padding: 0 0 40px 0
}
#apf .text-center {
text-align: center
}
#apf .f-left,
#apf .container-content {
float: left
}
#apf .f-right {
float: right
}
#apf .flex {
display: flex;
flex-wrap: wrap
}
#apf .flex-center {
align-items: center
}
#apf .relative,
#apf ul li {
position: relative
}
#apf .absolute {
position: absolute
}
#apf p.disclaimer-text {
font-size: 12px !important;
line-height: 12px !important;
color: #333;
margin-bottom: 5px
}
#apf .underline-big {
width: 20px;
height: 3px;
border-bottom: 3px solid;
margin: 20px 0 20px 0
}
#apf .underline-big.center {
margin: 20px auto
}
#apf img {
max-width: 100%;
margin-top: 4px;
display: block;
margin-left: auto;
margin-right: auto
}
#apf .title.limited h2,
#apf .owl-carousel,
#apf .testimonial-header .stars-container,
#apf .testimonials-1 .carousel-container,
#apf .guarantee p,
#apf .faq .accordion,
#apf .order-now ul,
#apf .order-now .product-text,
#apf .container-outer,
#apf .container-inner,
#apf .order-now .disclaimer {
margin: 0 auto
}
#apf .testimonials-1 .owl-stage-outer {
padding-bottom: 0;
margin-bottom: 0
}
#apf .owl-stage {
margin: 0 auto
}
#apf .title.limited h2 {
max-width: 456px
}
.advanced-product-layout .header-container {
border-bottom: 1px solid #ccc
}
.theme-shopper #apf .base-container {
margin-top: 0
}
#apf .availability span,
#apf .availability {
font-size: 14px
}
#apf .circle {
border-radius: 50%
}
#apf .radius-20,
#apf .hepa-button.radius-20 {
border-radius: 20px
}
#apf .bold {
font-weight: 700
}
#apf .italic {
font-style: italic
}
#apf .container-content .hepa-button>p,
#apf .hero-2-title p.prefix,
#apf .hero-2-content ul li p,
#apf .packages-sold .top-text,
#apf .add-to-cart.floater span span {
font-size: 18px
}
#apf .add-to-cart.floater span span {
color: #fff
}
#apf .problem-agilation p,
#apf .story h2,
#apf .title p,
#apf .testimonial-footer p.achievement,
#apf .faq .accordion-header p,
#apf .numerical-studies .numerical-study,
#apf .how-it-works p,
#apf div[class*='custom-'] p {
font-size: 18px;
line-height: 24px
}
#apf .supplement-facts p {
font-size: 14px;
line-height: 20px
}
#apf .supplement-facts p.table-heading {
font-size: 12px;
line-height: 14px;
margin-bottom: 5px
}
#apf .productAddToCart p {
text-transform: uppercase
}
#apf .story p,
#apf .product-info .text-container,
#apf .how-it-works .owl-carousel .item p.text,
#apf .ingredients-cards .owl-carousel .item p.title,
#apf .order-now .product-text {
font-size: 14px;
line-height: 18px
}
#apf .stats .stat .stats-text,
#apf .benefits .benefit,
#apf .authority-quote p.author-name,
#apf .testimonials-1 .testimonial-footer .t-name,
#apf .testimonial-footer p.t-name,
#apf .faq .accordion-content p,
#apf .order-now .product-supply {
font-size: 16px;
line-height: 22px
}
#apf .testimonials-1 .testimonial-footer .achievement,
#apf .reviews .reviews-content {
font-size: 16px;
line-height: 24px
}
#apf .packages-sold p.intro-text {
font-size: 20px;
line-height: 26px
}
#apf .testimonials-1 .image-text,
#apf .testimonial-header .rating-text {
font-size: 12px;
line-height: 24px
}
#apf h2 {
font-size: 26px;
line-height: 32px
}
#apf h2.customh {
margin-top: 40px
}
#apf .order-now .product-supplement,
#apf .reviews .verified {
font-size: 10px;
line-height: 14px
}
#apf .hero-2-content button {
margin-top: 4px
}
#apf .add-to-cart.floater {
position: fixed;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
margin: auto;
z-index: 9999;
transition: all 0.3s ease
}
#apf .add-to-cart.floater button {
width: 100%;
padding: 10px 20px;
height: unset;
opacity: 0.9;
margin-top: 0 !important
}
#apf .floater.add-to-cart button.button.btn-cart>span:after {
display: none !important
}
#apf .floater.add-to-cart button.button.btn-cart span,
#apf .floater.add-to-cart button.button.btn-cart span span,
#apf .floater.add-to-cart button.button.btn-cart span:hover,
#apf .floater.add-to-cart button.button.btn-cart span span:hover {
background: transparent
}
#apf .primary {
color: #A8CD1B
}
#apf .primary-bgd {
background-color: #A8CD1B
}
#apf .primary-light {
color: #F6FAE7
}
#apf .primary-light-bgd {
background-color: #F6FAE7
}
#apf .primary-dark {
color: #97B818
}
#apf .primary-dark-bgd {
background-color: #97B818
}
#apf .primary-darker {
color: #769500
}
#apf .primary-darker-bgd {
background-color: #769500
}
#apf .secondary {
color: #FF6347
}
#apf .secondary-bgd {
background-color: #FF6347
}
#apf .secondary-light {
color: #FFEFEC
}
#apf .secondary-light-bgd {
background-color: #FFEFEC
}
#apf .secondary-dark {
color: #CC4F39
}
#apf .white {
color: #FFF
}
#apf .white-bgd {
background-color: #FFF
}
#apf .gray-light {
color: #F4F4F4
}
#apf .gray-light-bgd {
background-color: #F4F4F4
}
#apf.color-scheme-3 .gray-light-bgd {
background-color: #FDFAF8
}
#apf .gray {
color: #DDD
}
#apf .gray-bgd {
background-color: #DDD
}
#apf .gray-second {
color: #999
}
#apf .black {
color: #333
}
#apf .black-bgd {
background-color: #333
}
#apf.color-scheme-2 .primary {
color: #7BAFD4
}
#apf.color-scheme-2 .primary-bgd {
background-color: #7BAFD4
}
#apf.color-scheme-2 .primary-light {
color: #F8FBFD
}
#apf.color-scheme-2 .primary-light-bgd {
background-color: #F8FBFD
}
#apf.color-scheme-2 .primary-dark {
color: #619FCB
}
#apf.color-scheme-2 .primary-dark-bgd {
background-color: #619FCB
}
#apf.color-scheme-2 .primary-darker {
color: #4890C3
}
#apf.color-scheme-2 .primary-darker-bgd {
background-color: #4890C3
}
#apf.color-scheme-2 .secondary,
#apf.color-scheme-3 .secondary {
color: #333
}
#apf.color-scheme-2 .secondary-bgd,
#apf.color-scheme-3 .secondary-bgd {
background-color: #333
}
#apf.color-scheme-2 .secondary-light {
color: #7C878E
}
#apf.color-scheme-2 .secondary-light-bgd,
#apf.color-scheme-3 .secondary-light-bgd {
background-color: #7C878E
}
#apf.color-scheme-2 .secondary-dark,
#apf.color-scheme-3 .secondary-dark {
color: #000
}
#apf.color-scheme-2 .gray-light,
#apf.color-scheme-3 .gray-light {
color: #EEF0F0
}
#apf.color-scheme-2 .gray-light-bgd {
background-color: #EEF0F0
}
#apf.color-scheme-2 .gray,
#apf.color-scheme-3 .gray {
color: #BDC3C6
}
#apf.color-scheme-2 .gray-bgd,
#apf.color-scheme-3 .gray-bgd {
background-color: #BDC3C6
}
#apf.color-scheme-2 .gray-second,
#apf.color-scheme-3 .gray-second {
color: #7C878E
}
#apf.color-scheme-3 .primary {
color: #CDA077
}
#apf.color-scheme-3 .primary-bgd {
background-color: #CDA077
}
#apf.color-scheme-3 .primary-light {
color: #FDFAF8
}
#apf.color-scheme-3 .primary-light-bgd {
background-color: #FDFAF8
}
#apf.color-scheme-3 .primary-dark {
color: #C48F5F
}
#apf.color-scheme-3 .primary-dark-bgd {
background-color: #C48F5F
}
#apf.color-scheme-3 .primary-darker {
color: #BB7E47
}
#apf.color-scheme-3 .primary-darker-bgd {
background-color: #BB7E47
}
#apf.color-scheme-4 .primary {
color: #64BA49
}
#apf.color-scheme-4 .primary-bgd {
background-color: #64BA49
}
#apf.color-scheme-4 .primary-light {
color: #F6FAE7
}
#apf.color-scheme-4 .primary-light-bgd {
background-color: #F7FCF5
}
#apf.color-scheme-4 .primary-dark {
color: #64BA49
}
#apf.color-scheme-4 .primary-dark-bgd {
background-color: #97B818
}
#apf.color-scheme-4 .primary-darker {
color: #64BA49
}
#apf.color-scheme-4 .primary-darker-bgd {
background-color: #64ba49
}
#apf.color-scheme-4 .secondary {
color: #EC0043
}
#apf.color-scheme-4 .secondary-bgd {
background-color: #EC0043
}
#apf.color-scheme-4 .secondary-light {
color: #FEF2F5
}
#apf.color-scheme-4 .secondary-light-bgd {
background-color: #FEF2F5
}
#apf.color-scheme-4 .secondary-dark {
color: #EC0043
}
#apf.color-scheme-4 .white {
color: #FFF
}
#apf.color-scheme-4 .white-bgd {
background-color: #FFF
}
#apf.color-scheme-4 .gray-light {
color: #F4F4F4
}
#apf.color-scheme-4 .gray-light-bgd {
background-color: #F4F4F4
}
#apf.color-scheme-4 .color-scheme-3 .gray-light-bgd {
background-color: #FDFAF8
}
#apf.color-scheme-4 .gray {
color: #DDD
}
#apf.color-scheme-4 .gray-bgd {
background-color: #DDD
}
#apf.color-scheme-4 .gray-second {
color: #999
}
#apf.color-scheme-4 .black {
color: #333
}
#apf.color-scheme-4 .black-bgd {
background-color: #333
}
#apf.color-scheme-5 .primary {
color: #00AEEF
}
#apf.color-scheme-5 .primary-bgd {
background: #00AEEF
}
#apf.color-scheme-5 .primary-darker {
color: #00AEEF
}
#apf.color-scheme-5 .primary-darker-bgd {
background: #00AEEF
}
#apf.color-scheme-5 .secondary-bgd {
background: #333
}
#apf.color-scheme-5 .primary-light-bgd {
background: #E9F6FB
}
#apf.color-scheme-6 .primary {
color: #FFB25B
}
#apf.color-scheme-6 .primary-bgd {
background: #C5299B
}
#apf.color-scheme-6 .primary-darker {
color: #C5299B
}
#apf.color-scheme-6 .primary-darker-bgd {
background: #C5299B
}
#apf.color-scheme-6 .primary-dark-bgd {
background: #C5299B
}
#apf.color-scheme-6 .secondary-bgd {
background: #333
}
#apf.color-scheme-6 .primary-light-bgd {
background: #F4F4F4
}
#apf.color-scheme-7 .primary-darker {
color: #00B298
}
#apf.color-scheme-7 .secondary-bgd {
background-color: #FE3975
}
#apf.color-scheme-7 .secondary {
color: #FE3975
}
#apf.color-scheme-7 .primary {
color: #00B298
}
#apf.color-scheme-7 .primary-bgd {
background-color: #00B298
}
#apf.color-scheme-7 .primary-light-bgd {
background-color: #F4F4F4
}
#apf.color-scheme-7 .secondary-dark {
color: #FE3975
}
#apf.color-scheme-7 .primary-darker-bgd {
/* background-color: #00B298 */
background-color: #6e9ebf
}
#apf.color-scheme-8 .primary {
color: #F06235
}
#apf.color-scheme-8 .primary-bgd {
background-color: #F06235
}
#apf.color-scheme-8 .primary-light {
color: #F6FAE7
}
#apf.color-scheme-8 .primary-light-bgd {
background-color: #fff
}
#apf.color-scheme-8 .primary-dark {
color: #F06235
}
#apf.color-scheme-8 .primary-dark-bgd {
background-color: #F06235
}
#apf.color-scheme-8 .primary-darker {
color: #F06235
}
#apf.color-scheme-8 .primary-darker-bgd {
background-color: #F06235
}
#apf.color-scheme-8 .secondary {
color: #444
}
#apf.color-scheme-8 .secondary-bgd {
background-color: #F06235
}
#apf.color-scheme-8 .secondary-light {
color: #FEF2F5
}
#apf.color-scheme-8 .secondary-light-bgd {
background-color: #FEF2F5
}
#apf.color-scheme-8 .secondary-dark {
color: #F06235
}
#apf.color-scheme-8 .white {
color: #FFF
}
#apf.color-scheme-8 .white-bgd {
background-color: #FFF
}
#apf.color-scheme-8 .gray-light {
color: #F4F4F4
}
#apf.color-scheme-8 .gray-light-bgd {
background-color: #fff
}
#apf.color-scheme-8 .color-scheme-3 .gray-light-bgd {
background-color: #FDFAF8
}
#apf.color-scheme-8 .gray {
color: #DDD
}
#apf.color-scheme-8 .gray-bgd {
background-color: #DDD
}
#apf.color-scheme-8 .gray-second {
color: #999
}
#apf.color-scheme-8 .black {
color: #444
}
#apf.color-scheme-8 .black-bgd {
background-color: #211F20
}
#apf-header {
position: fixed;
top: 0;
width: 100%;
background: #fff;
overflow: visible;
box-shadow: 0 0 5px 1px #ccc;
padding-bottom: -4px;
z-index: 15
}
#apf-header .header-outer {
height: 45px
}
#apf-header .header-outer img:not(.icon) {
width: 104px;
max-height: 45px
}
#apf.color-scheme-5 #apf-header .header-outer img:not(.icon) {
width: unset
}
#apf-header .header-outer .container-inner {
display: flex;
align-items: center;
justify-content: space-between
}
#apf-header .header-outer .header-order-now {
display: flex;
float: right
}
#apf-header .header-outer .header-order-now button.hepa-button {
display: flex;
padding: 0 10px 0 10px;
float: right;
background-color: #FF6347;
color: #fff;
border-radius: 0;
height: 45px;
border: none;
min-width: unset;
box-shadow: none
}
#apf-header .header-outer .header-order-now button.hepa-button img.icon {
width: 8px;
height: 38px;
margin-left: 10px;
position: relative;
right: 0
}
#apf-header .header-outer .header-order-now button.hepa-button span {
font-size: 16px;
color: #fff;
font-weight: 400;
line-height: 45px;
text-align: center
}
#apf.color-scheme-5 .hero-2-title p.prefix {
font-family: 'open sans';
letter-spacing: 1px
}
#apf.color-scheme-5 .hero-2-title h2 {
font-size: 24px;
line-height: 32px
}
#apf .hero-2-content .m-20 {
margin-bottom: 20px
}
#apf .hero-2-content .m-10 {
margin-bottom: 10px
}
#apf .hepa-button {
width: auto;
min-width: 280px;
height: 50px;
border: none;
border-radius: 4px;
padding: 0 40px
}
#apf .container-content .hepa-button>p {
line-height: 50px;
font-weight: 600
}
#apf ul li:before {
width: 20px;
height: 20px;
content: " ";
position: absolute;
left: -24px
}
#apf .add-to-cart.floater span span {
font-weight: 600;
text-transform: uppercase
}
#apf .order-now ul li:before,
#apf.color-scheme-1 .hero-2-content ul li:before {
width: 22px;
height: 22px;
content: " ";
position: absolute;
left: -24px
}
#apf.color-scheme-1 .hero-2-content p.prefix,
#apf.color-scheme-1 .hero-2-content h2 {
text-align: center
}
#apf .problem-agilation ul li:before {
width: 22px;
height: 22px
}
#apf .gray-background {
height: 210px;
top: -124px
}
#apf .owl-carousel {
padding-bottom: 0
}
#apf .nav-a {
width: 30px;
height: 30px;
background-color: #A8CD1B;
border-radius: 50%;
color: #fff
}
#apf.color-scheme-2 .nav-a {
background-color: #7BAFD4
}
#apf.color-scheme-3 .nav-a {
background-color: #CDA077
}
#apf.color-scheme-6 .nav-a {
background-color: #333
}
#apf.color-scheme-6 .hero-2-content ul li p {
color: #333
}
#apf .full-testimonials .testimonial-content>img {
max-height: 260px
}
#apf .owl-carousel button.owl-dot {
width: 6px;
height: 6px;
margin: 0 8px 0 0
}
#apf .owl-next .nav-a:after,
#apf .owl-prev .nav-a:after,
#apf .graph-2 .testimonial-footer.revealer-item:after {
width: 2px;
height: 2px;
content: " ";
position: absolute;
top: 11px;
border: solid #fff;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 2px;
transform: rotate(135deg)
}
#apf .graph-2 .testimonial-footer.revealer-item:after {
transform: rotate(-45deg);
width: 6px;
height: 6px;
padding: 2px;
border-width: 0 4px 4px 0;
top: calc(50% - 10px);
right: 15px
}
#apf .owl-next,
#apf .owl-prev {
position: absolute;
top: calc(50% - 45px)
}
#apf .testimonials-1 .owl-next {
right: -15px
}
#apf .testimonials-1 .owl-prev {
left: -15px
}
#apf .owl-next.disabled,
#apf .owl-prev.disabled,
#apf .faq .accordion-content,
#apf .owl-carousel .owl-nav button:before,
#apf .owl-carousel .owl-nav button:after {
display: none
}
#apf .owl-next .nav-a:after {
transform: rotate(-45deg);
right: 12px
}
#apf .owl-prev .nav-a:after {
transform: rotate(135deg);
right: 10px
}
#apf .testimonial-footer-bottom p:after {
width: 1px;
height: 1px;
content: " ";
position: relative;
border: solid;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 1px;
transform: rotate(-45deg);
top: -1px;
left: 2px
}
#apf .close-button {
width: 30px;
height: 30px;
top: -15px;
right: -15px;
cursor: pointer
}
#apf .close-button:before,
#apf .close-button:after {
content: '';
position: absolute;
width: 16px;
height: 4px;
background-color: #fff;
border-radius: 2px;
top: 13px
}
#apf .close-button:before {
transform: rotate(45deg);
left: 7px
}
#apf .close-button:after {
transform: rotate(-45deg);
right: 7px
}
#apf .white-fog {
height: 40px;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 45%, #FFF 45%, #fff 100%);
bottom: -10px;
border-radius: 0 0 20px 20px
}
#apf .no-image .white-fog {
bottom: 10px
}
#apf.color-scheme-4 .hero-2-content .picto-discount {
background: #EC0043
}
#apf.color-scheme-1 .hero-2-content .picto-discount {
background: #ff6246
}
#apf.color-scheme-7 .hero-2-content .picto-discount {
background: #fe3975
}
#apf .hero-2-content .picto-discount {
position: absolute;
background: #333;
border-radius: 0;
z-index: 2;
right: 25px;
top: 0
}
#apf .section.hero-1 {
padding: 100px 0 60px 0
}
#apf .hero-2-title h1 {
font-size: 26px;
line-height: 32px;
margin-bottom: 20px;
text-align: left;
}
#apf .hero-2-title h1 img {
display: inline;
}
#apf.color-scheme-2 .hero-2-title h1,
#apf.color-scheme-3 .hero-2-title h1 {
color: #7C878E
}
#apf.color-scheme-6 .hero-2-title h1 {
color: #C5299B
}
#apf .hero-2-content p.prefix {
line-height: 18px;
letter-spacing: 1px
}
#apf[class*='color-scheme-'] .hero-2-content h2 {
font-size: 26px;
line-height: 32px;
margin-bottom: 20px !important;
text-align: left
}
#apf .hero-2-content {
padding-top: 0
}
#apf .order-now ul,
#apf .order-now .disclaimer {
max-width: 292px
}
#apf .order-now ul {
margin-bottom: 20px
}
#apf .order-now .disclaimer {
color: #333
}
#apf .order-now ul li {
margin-left: 40px;
padding: 10px 0
}
#apf .hero-2-content ul li {
padding: 5px 0;
margin-left: 36px
}
#apf.color-scheme-1 .hero-2-content ul li {
padding: 7.5px 0;
margin-left: 45px
}
#apf .hero-2-content ul li:before {
background-image: url(../img/check.svg);
top: 10px;
left: -34px
}
#apf.color-scheme-1 .hero-2-content ul li:before {
left: -35px
}
#apf.color-scheme-1 .hero-2-content .you-save p {
color: #769500
}
#apf.color-scheme-2 .hero-2-content ul li:before {
background-image: url(../img/check-blue.svg)
}
#apf.color-scheme-3 .hero-2-content ul li:before {
background-image: url(../img/check-brown.svg)
}
#apf.color-scheme-5 .hero-2-content ul li:before,
#apf.color-scheme-5 .order-now ul li:before {
background-image: url(../img/check-black.svg)
}
#apf.color-scheme-8 .hero-2-content ul li:before {
background-image: url(../img/check-orange.svg)
}
#apf.color-scheme-6 .offer.primary-darker-bgd {
background: #333;
border-radius: 0
}
#apf.color-scheme-6 .order-now .you-save p,
#apf.color-scheme-6 .hero-2-content .you-save p {
color: #333
}
#apf.color-scheme-6 .hero-2-content ul li:before {
background-image: url(../img/check-purple.svg)
}
#apf.color-scheme-5 .order-now h2 {
margin-bottom: 20px
}
#apf.color-scheme-5 .order-now .store-info-points {
padding-top: 20px
}
#apf.color-scheme-5 span.price-ratio {
font-weight: 800
}
#apf.color-scheme-5 .hero-2-content ul li p {
color: #333
}
#apf.color-scheme-5 .order-now .you-save p,
#apf.color-scheme-5 .hero-2-content .you-save p {
color: #00AEEF
}
#apf.color-scheme-6 .hepa-button {
border-radius: 50px;
background: #FFB25B;
box-shadow: 0px 5px 10px #FFB25B4D
}
#apf.color-scheme-6 .store-info-point p {
color: #555
}
#apf.color-scheme-6 .hero-2-content h2 {
font-size: 34px;
line-height: 40px
}
#apf[class*="color-scheme-"] .hero-2-content p.intro,
#apf .hero-2-content ul li p {
font-size: 18px;
line-height: 26px
}
#apf.color-scheme-1 .hero-2-content ul li p {
font-size: 18px;
line-height: 26px;
color: #333
}
#apf.color-scheme-1 .hero-2-content p.intro {
margin-bottom: 10px
}
#apf .hero-2-content .hepa-button.sub-text>p {
line-height: 20px
}
#apf.color-scheme-3 .hero-2-content p.intro,
#apf.color-scheme-2 .hero-2-content p.intro {
font-size: 16px;
line-height: 27px;
margin-bottom: 10px
}
#apf .hero-2-content .hepa-button.sub-text>p.sub-text {
font-size: 10px;
line-height: 12px
}
#apf .hero-2-content .owl-carousel .item {
max-width: 300px;
margin-top: 0;
width: calc(100% - 40px)
}
#apf .hero-2-content .owl-prev {
left: 5px
}
#apf .hero-2-content .owl-carousel .item img {
margin-top: 0
}
#apf .store-info-point {
background-repeat: no-repeat;
background-size: 20px 20px;
background-position: left center;
min-height: 20px;
margin-bottom: 10px;
display: flex;
align-items: center;
filter: brightness(0.4)
}
#apf .store-info-points {
padding: 0 10px
}
#apf .order-now .store-info-point {
margin-bottom: 8px
}
#apf .adyen-subscription-wrapper label:before {
left: 10px
}
#apf .adyen-subscription-wrapper label:after {
left: 13px
}
#apf .adyen-subscription-wrapper label span.subscription-tooltip span.icon {
right: 10px
}
#apf .hero-2-content .store-info-point p,
#apf .order-now .store-info-point p {
font-size: 11px;
line-height: 13px;
text-align: left;
padding-left: 30px;
font-weight: 600
}
#apf .order-now .store-info-point p {
color: rgba(255, 255, 255, 0.75)
}
#apf .order-now .you-save p {
color: #fff
}
#apf.color-scheme-3 div[class*='custom-'] p,
#apf.color-scheme-2 div[class*='custom-'] p {
line-height: 30px
}
#apf.color-scheme-3 h2:not(.white),
#apf.color-scheme-2 h2:not(.white) {
color: #7C878E
}
#apf.color-scheme-3 h2,
#apf.color-scheme-2 h2 {
font-size: 29px;
line-height: 37px
}
#apf.color-scheme-3 .underline-big+p,
#apf.color-scheme-2 .underline-big+p,
#apf.color-scheme-4 .underline-big+p,
#apf.color-scheme-5 .underline-big+p,
#apf.color-scheme-6 .underline-big+p,
#apf.color-scheme-7 .underline-big+p {
margin-top: 20px
}
#apf .problem-agilation ul li:not(:last-child) {
border-color: #f4f4f4
}
#apf .problem-agilation img {
margin-bottom: 10px
}
#apf .problem-agilation ul {
max-width: 316px;
margin: 8px 0 0 20px
}
#apf .problem-agilation ul li:before {
background-image: url(../img/times-circle.svg);
top: calc(50% - 11px);
left: 0
}
#apf .problem-agilation ul.checks li:before {
background-image: url(../img/check-red.svg)
}
#apf .problem-agilation ul li {
padding: 10px 0 10px 40px
}
#apf .story {
padding: 0 0 100px 0
}
#apf .story h2 {
margin-bottom: 0
}
#apf .story img {
margin: 0
}
#apf .story .quote-icon {
margin: 15px auto
}
#apf .story .story-solution,
#apf .story .story-problem {
padding: 0 20px;
display: flex;
justify-content: center;
flex-direction: column
}
#apf .story .story-solution {
border-right: 3px solid
}
#apf .story .story-problem {
border-left: 3px solid
}
#apf .story .story-image-container {
align-items: flex-end;
justify-content: center
}
#apf .story .story-image-container .name-container {
bottom: -14px;
padding: 5px 18px;
border: 1px solid #DDD;
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.1) 0 2px 10px
}
#apf .story .story-image-container .name-container>p {
display: inline-block;
font-size: 15px
}
#apf .cta {
background-image: linear-gradient(180deg, #A8CD1B, #97B818);
padding: 0
}
#apf.color-scheme-2 .cta {
background-image: linear-gradient(180deg, #7BAFD4, #619FCB)
}
#apf.color-scheme-3 .cta {
background-image: linear-gradient(180deg, #CDA077, #C48F5F)
}
#apf .cta p {
max-width: 380px
}
#apf .cta h2,
#apf .order-now h2,
#apf .number-big {
font-size: 32px;
line-height: 38px
}
#apf .number-big {
font-size: 26px;
line-height: 32px
}
#apf .order-now h2 {
margin-bottom: 20px
}
#apf .cta p {
font-size: 22px;
line-height: 30px;
margin-bottom: 20px
}
#apf .cta .container-inner .container-content:first-of-type {
padding: 80px 0
}
#apf .cta img {
max-width: 490px;
margin-top: 0
}
#apf .cta img.product-image {
top: -170px;
z-index: 2;
margin-bottom: -170px
}
#apf .cta .image-container {
padding: 40px 0
}
#apf .stats {
padding: 25px 0 20px 0
}
#apf .stats .stat {
padding: 0 56px 20px 40px
}
#apf .stats .stat:before {
width: 30px;
height: 30px;
content: " ";
position: absolute;
left: 0;
top: 8px;
background-repeat: no-repeat
}
#apf .stats .container-inner:first-of-type {
display: flex;
flex-wrap: wrap
}
#apf .stats .stat:nth-of-type(1):before {
background-image: url(../img/hand-holding-heart.svg)
}
#apf .stats .stat:nth-of-type(2):before {
background-image: url(../img/boxes.svg)
}
#apf .stats .stat:nth-of-type(3):before {
background-image: url(../img/calendar.svg)
}
#apf .stats .stat:nth-of-type(4):before {
background-image: url(../img/award.svg)
}
#apf .stats .stat .stats-number {
font-size: 32px
}
#apf .stats .bottom-text {
font-size: 10px;
line-height: 22px
}
#apf .container-outer.supplement-facts.content {
padding-top: 0
}
#apf .benefits .benefit img {
margin-bottom: 15px
}
#apf .benefits .benefit {
padding: 0 15px
}
#apf .product-info.content .container-inner {
display: table;
padding: 20px 30px 15px 25px;
border: 1px solid rgba(168, 205, 27, 0.5);
background-repeat: no-repeat;
background-position: right bottom
}
#apf.color-scheme-2 .product-info.content .container-inner {
border: 1px solid #7BAFD4
}
#apf.color-scheme-3 .product-info.content .container-inner {
border: 1px solid #CDA077
}
#apf .product-info .product-name,
#apf .popup-ingredients .product-name {
font-size: 21px;
line-height: 27px
}
#apf .ingredients-cards .container-content .view-details {
margin: 40px auto 20px auto;
display: inline-block;
padding: 0 25px;
top: 0
}
#apf .container-content .view-details {
height: 40px;
top: 30px;
left: -5px;
border-radius: 4px;
font-size: 12px;
line-height: 40px;
cursor: pointer;
z-index: 1
}
#apf .container-content .view-details>p:after {
width: 1px;
height: 1px;
content: " ";
position: relative;
border: solid #fff;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 2px;
transform: rotate(-45deg);
margin-left: 5px
}
#apf .product-info .check-container {
width: 11%;
min-width: 40px;
height: 40px;
border-radius: 4px 0 0 4px
}
#apf .product-info .container-content:nth-of-type(2) {
margin-top: 14px
}
#apf .product-info .text-container {
width: 88%;
min-height: 50px;
border-radius: 0 4px 4px 4px;
opacity: 0.9;
padding: 8px 15px 8px 15px;
margin-bottom: 24px
}
#apf .product-info .icon {
width: 16px;
top: 8px
}
#apf .popup-ingredients {
border-radius: 20px 20px 0 0;
max-width: 390px;
top: -43px;
left: calc(50% - 195px);
background: transparent;
z-index: -1;
opacity: 0;
transition: opacity 0.3s ease-in-out
}
#apf .popup-ingredients .popup-header {
border-radius: 20px 20px 0 0;
padding: 56px 0 15px 0
}
#apf .popup-ingredients .popup-table-container {
padding: 12px 12px 2px 12px
}
#apf .popup-ingredients .popup-text-container {
border-radius: 0;
padding: 0 12px 12px 12px;
height: 254px;
overflow: auto
}
#apf .popup-text-container .usage.primary-light-bgd {
margin: 0 12px 10px 12px;
padding: 10px
}
#apf .popup-ingredients table th {
border-top: 2px solid #333;
font-size: 10px;
line-height: 15px;
font-weight: 700
}
#apf .popup-ingredients table th:nth-child(2) {
width: 105px
}
#apf .popup-ingredients table td {
border-top: 1px solid #333;
font-size: 10px;
line-height: 11px;
padding: 3px 0
}
#apf .popup-ingredients table tr:last-of-type {
border-bottom: 1px solid #333
}
#apf .popup-ingredients .legend {
font-size: 9px;
line-height: 12px;
margin: 5px 0 20px 0;
border-bottom: none
}
#apf .popup-ingredients .usage {
margin-bottom: 8px
}
#apf .popup-ingredients img {
width: 80px;
top: -28px;
left: calc(50% - 40px)
}
#apf p.legend {
font-size: 12px;
line-height: 14px
}
#apf .packages-sold .top-text {
letter-spacing: 2px
}
#apf .packages-sold .bottom-text {
font-size: 38px;
line-height: 38px;
margin-top: 16px;
letter-spacing: 2px
}
#apf .packages-sold .bottom-text-small {
font-size: 14px;
line-height: 24px
}
#apf .packages-sold p.intro-text {
max-width: 348px;
margin: 0 0 20px 0
}
#apf .packages-sold img {
left: 0;
top: -84px
}
#apf.color-scheme-2 .packages-sold {
background: #7C878E
}
#apf.color-scheme-3 .packages-sold .hepa-button {
background: #CDA077
}
#apf .authority-quote {
padding: 60px 0
}
#apf .authority-quote .clearfix {
align-items: center
}
#apf .authority-quote .clearfix .mobile-image-container {
margin-right: 30px;
width: calc(50% - 30px)
}
#apf .authority-quote .container-content:nth-of-type(2) {
margin-left: 30px;
width: calc(50% - 30px)
}
#apf .authority-quote h2 {
margin-top: 24px
}
#apf .authority-quote p.quote {
font-size: 22px;
line-height: 26px;
margin-bottom: 10px
}
#apf .authority-quote p.author-title {
font-size: 12px;
line-height: 20px
}
#apf .testimonial-header {
border-radius: 20px 20px 0 0;
padding: 20px
}
#apf .testimonial-header .stars-container {
background: url(../img/star.svg);
background-size: 21px 16px;
height: 16px
}
#apf.color-scheme-3 .testimonial-header .stars-container {
background: url(../img/star-brown.svg);
background-size: 21px 16px
}
#apf .testimonial-header .rating-text {
color: #999
}
#apf div[class*="testimonials"] img {
margin: 0
}
#apf div[class*="testimonials"] img.rounded-bottom {
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px
}
#apf .testimonials-1 .image-text {
top: -4px;
padding: 0 4px
}
#apf .testimonial-footer {
padding: 20px
}
#apf .owl-carousel:not(.carousel-testimonials-2) .testimonial-footer {
border-radius: 0 0 20px 20px;
min-height: 108px
}
#apf .graph-2:not(.steps-slider) .owl-carousel.carousel-graph-2 .owl-item:first-of-type .testimonial-footer {
display: flex;
align-items: center
}
#apf .shadow-1 {
box-shadow: rgba(0, 0, 0, 0.1) 0 5px 19px
}
#apf .testimonials-1 .carousel-container {
max-width: 350px
}
#apf .owl-carousel .item,
#apf .how-it-works .owl-carousel .item,
#apf .ingredients-cards .owl-carousel .item,
#apf .graph-2 .owl-carousel .item {
max-width: 260px;
margin: 10px auto
}
#apf .testimonials-1 .owl-carousel .item {
max-width: unset;
margin: 0
}
#apf .testimonials-1 .testimonial-footer p.achievement {
margin: 5px 0 10px 0
}
#apf .testimonials-1 .testimonial-footer {
border-radius: 0 0 20px 20px
}
#apf .testimonial-content {
min-height: 335px
}
#apf .testimonial-content.no-image {
display: table-cell;
vertical-align: middle;
width: 260px;
height: 335px;
background: #fff
}
#apf .quote-icon {
width: 40px;
top: 264px;
left: calc(50% - 20px)
}
#apf .carousel-testimonials-2 .quote-icon,
#apf .full-testimonials .testimonial-footer .quote-icon {
top: -15px
}
#apf .full-testimonials .testimonial-content.no-image {
width: 100%;
height: 480px
}
#apf .full-testimonials .testimonial-content.no-image .testimonial-footer-2 {
height: 345px
}
#apf .testimonials-2 .testimonial-footer,
#apf .full-testimonials .testimonial-footer {
padding: 0 20px 20px 20px
}
#apf .testimonials-2 .testimonial-footer p.achievement {
margin: 0px 0 10px 0
}
#apf .testimonial-footer,
#apf .full-testimonials .testimonial-header,
#apf .full-testimonials .white-fog,
#apf .carousel-testimonials-full-container .testimonial-footer-bottom {
border-radius: 0
}
#apf .testimonial-footer p.achievement {
margin: 20px 0 10px 0
}
#apf .testimonial-footer-bottom {
border-radius: 0 0 20px 20px;
padding: 10px;
cursor: pointer
}
#apf .popup.popup-testimonials.active,
#apf .popup.popup-ingredients.active {
z-index: 100
}
#apf .full-testimonials.owl-carousel .item {
max-width: 388px;
border-radius: 0
}
#apf .full-testimonials.owl-carousel .testimonial-footer-bottom {
border-radius: 0
}
#apf .full-testimonials.owl-carousel .testimonial-footer-2 p.achievement,
#apf .full-testimonials.owl-carousel .testimonial-footer-2.achievement p {
font-size: 14px;
line-height: 20px
}
#apf .full-testimonials .quote-icon {
top: 324px
}
#apf .carousel-testimonials-full-container {
max-width: 400px;
padding-left: 10px;
top: -160px;
left: calc(50% - 200px);
z-index: -1;
opacity: 0;
transition: opacity 0.3s ease-in-out
}
#apf .popup.active {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 15;
opacity: 1;
transition: opacity 0.3s ease-in-out
}
#apf .popup.popup-testimonials.active {
top: calc(50% - 58px)
}
#apf .full-testimonials .testimonial-footer-2 {
height: 110px;
overflow: auto;
padding: 0 20px 30px 20px
}
#apf .full-testimonials.owl-carousel .item {
box-shadow: none;
margin: 0
}
#apf .carousel-testimonials-full-container .testimonial-footer-bottom {
height: 60px;
bottom: -38px;
width: 388px
}
#apf .carousel-testimonials-full-container .close-button {
z-index: 2
}
#apf .carousel-testimonials-full-container .testimonial-footer-bottom .close-button {
width: 40px;
height: 40px;
top: unset;
bottom: 10px;
right: calc(50% - 20px)
}
#apf .carousel-testimonials-full-container .testimonial-footer-bottom .close-button:before,
#apf .carousel-testimonials-full-container .testimonial-footer-bottom .close-button:after {
content: '';
position: absolute;
width: 20px;
height: 4px;
background-color: #fff;
border-radius: 2px;
top: 18px
}
#apf .carousel-testimonials-full-container .testimonial-footer-bottom .close-button:before {
left: 10px
}
#apf .carousel-testimonials-full-container .testimonial-footer-bottom .close-button:after {
right: 10px
}
#apf .carousel-testimonials-full-container .owl-next,
#apf .carousel-testimonials-full-container .owl-prev {
bottom: -23px;
top: unset;
z-index: 2
}
#apf .carousel-testimonials-full-container .owl-next {
right: 20px
}
#apf .carousel-testimonials-full-container .owl-prev {
left: 20px
}
#apf .container-outer.reviews.content {
padding: 20px 0
}
#apf .reviews .review {
padding: 20px 0 20px 50px
}
#apf .reviews .review:not(:last-child) {
border-bottom: 1px solid #DDD
}
#apf .reviews .review>img {
left: 0;
top: 15px;
width: 40px
}
#apf .reviews .stars-container {
background: url(../img/star-green.svg);
background-size: 21px 14px;
height: 14px
}
#apf.color-scheme-2 .reviews .stars-container {
background: url(../img/star-blue.svg);
background-size: 21px 16px
}
#apf.color-scheme-3 .reviews .stars-container {
background: url(../img/star-brown.svg);
background-size: 21px 16px
}
#apf.color-scheme-6 .reviews .stars-container {
background: url(../img/star-yellow.svg);
background-size: 21px 16px
}
#apf .reviews .date-container {
margin-left: 10px;
font-size: 13px;
line-height: 15px;
color: #CCC
}
#apf .reviews .verified-name {
margin: 5px 0 10px 0
}
#apf .reviews .verified p {
font-size: 10px
}
#apf .reviews .name-container p {
font-size: 14px;
line-height: 14px
}
#apf .reviews .verified {
padding: 0 5px;
margin-right: 10px
}
#apf .reviews .verified .name-container {
font-size: 14px;
line-height: 14px
}
#apf .reviews .short-text {
margin-bottom: 10px
}
#apf .reviews .verified-check {
width: 12px;
height: 12px;
left: 28px;
top: 46px
}
#apf .reviews .verified-check>img {
width: 8px;
margin: 0;
top: 2px;
left: 2px
}
#apf.color-scheme-4 .container-outer.guarantee.gray-light-bgd,
#apf.color-scheme-4 .container-outer.guarantee,
#apf.color-scheme-7 .container-outer.guarantee.gray-light-bgd,
#apf.color-scheme-7 .container-outer.guarantee {
padding: 150px 0 40px 0
}
#apf .container-outer.guarantee.gray-light-bgd {
padding: 150px 0 20px 0;
background: linear-gradient(to bottom, #F4F4F4 0%, #F4F4F4 70px, #333 70px, #333 100%)
}
#apf .container-outer.guarantee {
padding: 150px 0 20px 0;
background: linear-gradient(to bottom, #fff 0%, #fff 70px, #333 70px, #333 100%)
}
#apf.color-scheme-5 .container-outer.guarantee {
padding-bottom: 40px
}
#apf .guarantee h2 {
margin-bottom: 10px
}
#apf .guarantee p {
max-width: 600px
}
#apf .guarantee img {
width: 304px;
top: -154px;
left: calc(50% - 152px)
}
#apf .graph-2 .graph-title {
font-size: 22px;
line-height: 30px
}
#apf .owl-stage-outer {
padding-bottom: 20px
}
#apf .hero-2-content .owl-stage-outer {
padding-bottom: 0
}
#apf .graph-2 p {
font-size: 16px;
line-height: 18px
}
#apf .graph-2 .owl-carousel .owl-item:not(:first-child) .item.no-text {
min-height: 368px;
padding-top: 0;
background-size: cover
}
#apf .graph-2 .owl-carousel .owl-item:not(:first-child) .item.no-image {
min-height: 368px;
padding-top: 0;
justify-content: center;
background: #fff
}
#apf.color-scheme-5 .graph-2.steps-slider .owl-carousel .owl-item:not(:first-child) .item.no-image {
min-height: 304px
}
#apf .faq .accordion {
background: linear-gradient(to bottom right, white, #F8F8F8);
background: #fff
}
#apf .faq .accordion-header {
border-bottom: 1px solid #f4f4f4;
cursor: pointer;
align-items: center
}
#apf .faq .accordion-content {
border-bottom: 1px solid #f4f4f4;
padding: 0 0 15px 39px
}
#apf .faq .accordion-header p {
padding: 10px 0 10px 39px
}
#apf .faq .active.accordion-header {
border-bottom: none
}
#apf .faq .accordion-header:before {
position: absolute;
content: '';
background: url(../img/plus-circle.svg) no-repeat;
width: 38px;
height: 18px
}
#apf .faq .accordion-header.active:before {
background: url(../img/minus-circle.svg) no-repeat
}
#apf.color-scheme-2 .faq .accordion-header:before {
background: url(../img/plus-circle-blue.svg) no-repeat
}
#apf.color-scheme-2 .faq .accordion-header.active:before {
background: url(../img/minus-circle-blue.svg) no-repeat
}
#apf.color-scheme-3 .faq .accordion-header:before {
background: url(../img/plus-circle-brown.svg) no-repeat
}
#apf.color-scheme-3 .faq .accordion-header.active:before {
background: url(../img/minus-circle-brown.svg) no-repeat
}
#apf.color-scheme-5 .faq .accordion-header:before {
background: url(../img/plus-circle-teethtox.svg) no-repeat
}
#apf.color-scheme-5 .faq .accordion-header.active:before {
background: url(../img/minus-circle-teethtox.svg) no-repeat
}
#apf.color-scheme-6 .faq .accordion-header:before {
background: url(../img/plus-circle-bef.svg) no-repeat
}
#apf.color-scheme-6 .faq .accordion-header.active:before {
background: url(../img/minus-circle-bef.svg) no-repeat
}
#apf .numerical-studies.content {
padding-top: 30px
}
#apf .numerical-studies .contentRevealer2,
#apf .numerical-studies .cr2Content {
display: block
}
#apf .numerical-studies .numerical-study {
border-bottom: 1px solid #ddd;
padding: 10px 40px
}
#apf .numerical-studies .numerical-study p:before {
content: '';
position: absolute;
width: 12px;
height: 12px;
background-color: #97B818;
border-radius: 50%;
top: 16px;
left: 10px
}
#apf.color-scheme-2 .numerical-studies .numerical-study p:before {
background-color: #4890C3
}
#apf.color-scheme-3 .numerical-studies .numerical-study p:before {
background-color: #C48F5F
}
#apf.color-scheme-6 .numerical-studies .numerical-study p:before {
background-color: #C5299B
}
#apf .contentRevealer2 .cr2Cta button:after {
display: none
}
#apf.color-scheme-6 .numerical-studies .hepa-button,
#apf.color-scheme-6 .graph-1 .container-content .hepa-button {
background: #333
}
#apf .numerical-studies .hepa-button {
padding: 0 40px 0 20px;
height: 45px
}
#apf .numerical-studies .hepa-button p {
font-size: 16px;
line-height: 45px
}
#apf .numerical-studies .hepa-button p:after {
width: 1px;
height: 1px;
right: 20px;
top: 17px;
padding: 2px;
transform: rotate(45deg)
}
#apf .numerical-studies .numerical-study:last-of-type {
border-bottom: none
}
#apf .how-it-works {
padding: 60px 0
}
#apf .how-it-works .owl-carousel {
max-width: 290px
}
#apf .how-it-works .owl-carousel .item,
#apf .graph-2 .owl-carousel .item {
padding-top: 260px;
background-repeat: no-repeat;
background-position: top center;
background-size: contain
}
#apf.color-scheme-5 .graph-2 .owl-carousel.carousel-steps .item {
padding-top: 195px;
background: #fff;
background-repeat: no-repeat;
background-position: unset
}
#apf.color-scheme-5 .order-now {
background: #E9F6FB
}
#apf.color-scheme-5 .order-now h2,
#apf.color-scheme-5 .order-now .intro p {
color: #333
}
#apf.color-scheme-5 .order-now .product-name {
color: #00AEEF;
font-family: 'open sans'
}
#apf.color-scheme-5 .order-now ul li:not(:last-child) {
border-bottom: none
}
#apf.color-scheme-5 .order-now .product-supply {
max-width: 250px;
margin: 0 auto;
letter-spacing: 0;
color: #333
}
#apf.color-scheme-5 .order-now .order-now-left,
#apf.color-scheme-5 .order-now .store-info-points {
margin-top: 20px
}
#apf.color-scheme-5 .offer p {
color: #fff
}
#apf.color-scheme-5 .order-now .old-price .price {
color: #7C878E
}
#apf .order-now .special-price .price {
color: #333
}
#apf .order-now .hepa-button>p {
color: #fff
}
#apf .graph-2:not(.steps-slider) .owl-carousel .owl-item:not(:first-child) .item {
padding-top: 184px;
background-size: 260px 184px
}
#apf .blurred {
filter: blur(6px);
box-shadow: none
}
#apf .graph-2:not(.steps-slider) .owl-carousel .owl-item:not(:first-child) .item .testimonial-footer {
min-height: 184px
}
#apf .graph-2 .owl-carousel .bigger-number {
font-size: 60px;
line-height: 60px;
margin-bottom: 5px
}
#apf .graph-2 .reveal-numbers {
cursor: pointer
}
#apf .graph-2 .owl-carousel .smaller-text {
font-size: 16px;
line-height: 18px;
margin-top: 10px
}
#apf .graph-2 .owl-carousel p {
font-size: 18px;
line-height: 22px
}
#apf.color-scheme-5 .order-now ul li p,
#apf.color-scheme-5 .order-now .product-text,
#apf.color-scheme-5 .order-now .store-info-point p {
color: #333
}
#apf .order-now ul li p,
#apf .how-it-works .owl-carousel .item p.title {
font-size: 18px;
line-height: 22px
}
#apf .how-it-works .owl-carousel .item p.title {
margin-bottom: 5px
}
#apf .how-it-works .owl-next {
right: 0
}
#apf .how-it-works .owl-prev {
left: 0
}
#apf .how-it-works .owl-carousel .item .testimonial-footer {
padding: 10px 25px
}
#apf .how-it-works .container-content>img {
margin: 0 0 20px 0
}
#apf .ingredients-cards .owl-carousel .item img {
width: 190px;
top: -30px;
left: calc(50% - 95px);
border-radius: 20px;
}
#apf .ingredients-cards .owl-carousel .item {
margin-top: 30px;
}
#apf.color-scheme-5 .ingredients-cards .owl-carousel .item {
padding-top: 180px
}
#apf .ingredients-cards .owl-next,
#apf .owl-next {
right: 5px
}
#apf .ingredients-cards .owl-prev,
#apf .owl-prev {
left: -5px
}
#apf .ingredients-cards .owl-carousel .item p.text,
#apf .popup-ingredients .usage {
font-size: 15px;
line-height: 16px
}
#apf .popup-ingredients table {
width: 100%
}
#apf .popup-ingredients .white-fog {
bottom: -20px
}
#apf .ingredients-badges {
padding: 0 0 20px 0;
background: #F4F4F4
}
#apf.color-scheme-7 .ingredients-badges {
padding: 20px 0
}
#apf.color-scheme-7 .ingredients-badges img {
margin: -12px auto -10px auto
}
#apf.color-scheme-2 .ingredients-badges,
#apf.color-scheme-3 .ingredients-badges {
background: #fff
}
#apf .ingredients-badges .badge,
#apf .product-info .view-details {
padding: 0 10px
}
#apf .container-outer.graph-1 {
padding: 60px 0
}
#apf .graph-1 .container-content .hepa-button {
padding: 0 30px;
height: 35px;
min-width: 172px;
margin: 20px 0 0 0
}
#apf .graph-1 .container-content .hepa-button p {
font-size: 12px;
line-height: 35px
}
#apf .graph-1 .container-content .hepa-button p:after {
width: 1px;
height: 1px;
right: 14px;
top: 15px;
padding: 2px;
border-width: 0 2px 2px 0;
transform: rotate(-135deg)
}
#apf .graph-1 .graphSwitcher {
margin: 0
}
#apf .order-now .container-content:nth-of-type(2)>img {
left: calc(50% - 118px);
max-width: 400px;
margin-bottom: 10px
}
#apf.color-scheme-5 .order-now .container-content:nth-of-type(2)>img {
width: 100%
}
#apf .order-now ul li:before {
background-image: url(../img/check.svg);
top: 12px;
left: -30px
}
#apf.color-scheme-2 .order-now ul li:before {
background-image: url(../img/check-white.svg)
}
#apf.color-scheme-3 .order-now ul li:before,
#apf.color-scheme-6 .order-now ul li:before {
background-image: url(../img/check-white.svg)
}
#apf .order-now ul li:not(:last-child) {
border-bottom: 1px solid rgba(118, 149, 0, 0.2)
}
#apf.color-scheme-6 .order-now ul li:not(:last-child) {
border-bottom: none
}
#apf.color-scheme-3 .order-now ul li:not(:last-child) {
border-color: #BB7E47
}
#apf .add-to-box .add-to-cart {
float: none
}
#apf.color-scheme-6 .order-now .add-to-box button {
background: #333;
box-shadow: 0px 5px 10px #33333380
}
#apf.color-scheme-6 .order-now .special-price .price,
#apf.color-scheme-6 .order-now .you-save p {
color: #fff
}
#apf .order-now .product-name {
font-size: 20px;
line-height: 22px
}
#apf .order-now .product-supply {
letter-spacing: 1px
}
#apf .order-now .delivery-text,
#apf .hero-2-content .delivery-text {
font-size: 10px;
line-height: 30px;
color: rgba(51, 51, 51, 0.75)
}
#apf .order-now .product-supplement {
color: rgba(51, 51, 51, 0.5)
}
#apf .order-now .product-supplement:last-of-type,
#apf .order-now .product-supply {
margin-bottom: 10px
}
#apf.color-scheme-4 .order-now .product-supplement {
color: #fff
}
#apf .order-now .underline-big,
#apf .how-it-works .owl-carousel .item {
margin: 10px auto
}
#apf .order-now .product-text {
margin-bottom: 20px
}
#apf .offer {
display: inline-block
}
#apf .hero-1-content .offer p,
#apf .hero-2-content .offer p,
#apf .order-now .offer p {
font-size: 10px;
line-height: 20px;
padding: 0 24px
}
#apf .how-it-works .owl-carousel .item p.title {
padding-bottom: 0
}
#apf .order-now .add-to-box,
#apf .hero-2-content .add-to-box {
margin: 10px auto 0 auto;
position: relative
}
#apf .atc-wrapper {
max-width: 350px;
margin: 0 auto;
border: 4px solid #A2D692;
border-radius: 10px;
position: relative;
padding: 30px 0 10px 0;
background: #fff
}
#apf .adyen-subscription-wrapper .field {
width: 100%
}
#apf .picto-box {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: -20px;
border-radius: 5px;
padding: 5px 25px !important;
width: unset;
display: block;
height: unset;
right: unset
}
#apf .you-save {
display: none
}
#apf .prices {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
width: 100%;
float: none
}
#apf .order-now .add-to-box .old-price,
#apf .order-now .add-to-box .special-price,
#apf .order-now .add-to-box .you-save,
#apf .hero-2-content .add-to-box .old-price,
#apf .hero-2-content .add-to-box .special-price,
#apf .hero-2-content .add-to-box .you-save {
text-align: right
}
#apf .tier-active .special-price {
display: flex
}
#apf .order-now .old-price p,
#apf .order-now .you-save p,
#apf .hero-2-content .old-price p,
#apf .hero-2-content .you-save p {
display: inline-block;
margin-bottom: 0
}
#apf .hero-2-content .old-price del {
font-size: 16px
}
#apf .order-now .old-price p,
#apf .hero-2-content .old-price p {
font-size: 9px;
line-height: 18px;
font-weight: 700
}
#apf .order-now .old-price p {
color: #333
}
#apf .order-now .special-price p,
#apf .hero-2-content .special-price p {
font-size: 12px;
line-height: 12px;
font-weight: 700
}
#apf .order-now .special-price p {
color: #fff
}
#apf .pcs {
display: none
}
#apf .order-now .qty-text,
#apf .hero-2-content .qty-text {
font-size: 10px;
line-height: 12px;
font-weight: 700;
text-transform: uppercase;
position: absolute;
top: 4px;
display: none
}
#apf .order-now .add-to-box .qty-wrapper,
#apf .hero-2-content .add-to-box .qty-wrapper {
position: absolute;
top: 20px;
display: none !important;
width: 105px
}
#apf.color-scheme-5 .nav-a {
background: #00AEEF
}
#apf .order-now .add-to-box button,
#apf .hero-2-content .add-to-box button {
float: none;
min-width: 290px;
margin: 0 auto 15px auto !important;
width: calc(100% - 20px) !important
}
#apf.color-scheme-7 .order-now .add-to-box button,
#apf.color-scheme-7 .hero-2-content .add-to-box button {
margin-top: 10px !important
}
#apf .order-now .special-price .price,
#apf .hero-2-content .special-price .price {
font-size: 40px;
line-height: 30px;
margin-left: 15px
}
#apf .hero-2-content .tier-active .special-price .old-price .price,
#apf .order-now .tier-active .special-price .old-price .price {
font-size: 19px;
color: #666;
margin-right: 10px;
font-weight: 400
}
#apf.color-scheme-2 .order-now .special-price .price,
#apf.color-scheme-2 .hero-2-content .special-price .price,
#apf.color-scheme-3 .order-now .special-price .price,
#apf.color-scheme-3 .hero-2-content .special-price .price {
font-size: 28px;
line-height: 28px
}
#apf .order-now .add-to-box .qty-wrapper input,
#apf .hero-2-content .add-to-box .qty-wrapper input {
background: #fff;
float: left;
width: 35px;
height: 35px;
border: 1px solid #EEF0F0;
font-size: 16px;
font-weight: 600;
line-height: 35px;
min-height: unset;
margin: 0;
color: #333;
text-align: center
}
#apf .qty-wrapper input {
-webkit-text-fill-color: #333;
opacity: 1;
-webkit-appearance: none;
border-radius: 0
}
#apf .order-now .you-save p,
#apf .hero-2-content .you-save p {
font-size: 10px;
line-height: 12px;
font-weight: 700
}
#apf .order-now .you-save,
#apf .hero-2-content .you-save {
line-height: 14px
}
#apf .order-now .add-to-box .old-price {
font-size: 16px
}
#apf .order-now .intro p,
#apf .order-now .outro p {
font-size: 18px;
line-height: 22px;
text-align: center;
color: #fff
}
#apf .order-now .intro p:last-child {
margin-bottom: 10px
}
#apf .order-now .intro p:last-child {
margin-bottom: 10px
}
#apf.color-scheme-5 .order-now .outro p:first-of-type {
color: #333
}
#apf .order-benefits {
padding: 20px 0
}
#apf .order-benefits img {
margin-bottom: 10px;
height: 24px
}
#apf .order-benefits .text {
font-size: 12px;
line-height: 14px
}
#apf .order-benefits .sub-text,
#apf .product-info {
font-size: 10px;
line-height: 12px
}
#apf .embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%
}
#apf .embed-container iframe,
#apf .embed-container object,
#apf .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
#apf .custom-module .c-1 h2 {
text-align: center
}
#apf .custom-module .c-1 .underline-big {
margin: 20px auto
}
#apf .supplement-facts table {
font-size: 12px;
line-height: 14px
}
#apf .supplement-facts p.legend {
font-size: 12px;
line-height: 16px;
margin: 5px 0 30px 0
}
#apf .supplement-facts p {
margin-bottom: 10px;
border-bottom: none
}
#apf .supplement-facts table th,
#apf .supplement-facts table td {
padding: 5px 0;
text-align: left
}
#apf .supplement-facts table th {
border-bottom: 1px solid #7C878E
}
#apf.color-scheme-1 .supplement-facts table th,
#apf.color-scheme-4 .supplement-facts table th,
#apf.color-scheme-6 .supplement-facts table th,
#apf.color-scheme-7 .supplement-facts table th {
border-bottom: 3px solid #333
}
#apf .supplement-facts table tr:last-child {
border-bottom: 3px solid #7C878E
}
#apf.color-scheme-1 .supplement-facts table tr:last-child,
#apf.color-scheme-4 .supplement-facts table tr:last-child,
#apf.color-scheme-6 .supplement-facts table tr:last-child,
#apf.color-scheme-7 .supplement-facts table tr:last-child {
border-bottom: 3px solid #333
}
#apf .supplement-facts table td:not(:first-child),
#apf .supplement-facts table th:not(:first-child) {
text-align: right
}
#apf .supplement-facts table tr:not(:last-child) {
border-bottom: 1px solid #7C878E
}
#apf.color-scheme-1 .supplement-facts table tr:not(:last-child),
#apf.color-scheme-4 .supplement-facts table tr:not(:last-child),
#apf.color-scheme-6 .supplement-facts table tr:not(:last-child),
#apf.color-scheme-7 .supplement-facts table tr:not(:last-child) {
border-bottom: 1px solid #333
}
#apf .supplement-facts table th {
border-top: 3px solid #7C878E
}
#apf.color-scheme-6 .supplement-facts table th {
border-top: 3px solid #333;
}
#apf.color-scheme-1 .supplement-facts table th,
#apf.color-scheme-4 .supplement-facts table th,
#apf.color-scheme-7 .supplement-facts table th {
border-top: none
}
#apf[class='color-scheme-3'] .story .container-content.story-problem h2,
#apf[class='color-scheme-2'] .story .container-content.story-problem h2 {
color: #333;
font-size: 18px;
line-height: 24px
}
#apf[class='color-scheme-3'] .story .container-content.story-solution h2 {
color: #CDA077;
font-size: 18px;
line-height: 24px
}
#apf[class='color-scheme-2'] .story .container-content.story-solution h2 {
color: #7BAFD4;
font-size: 18px;
line-height: 24px
}
#apf[class='color-scheme-3'] .cta h2,
#apf[class='color-scheme-2'] .cta h2 {
color: #fff
}
#apf[class='color-scheme-3'] .cta .underline-big,
#apf[class='color-scheme-2'] .cta .underline-big {
display: block
}
#apf.color-scheme-2 .order-now .product-text,
#apf.color-scheme-3 .order-now .product-text {
margin-top: 0
}
#apf .story .story-solution p {
font-style: italic
}
#apf .story .story-problem p {
font-style: italic
}
#apf.color-scheme-1 .story .story-solution p {
color: #769500
}
#apf.color-scheme-1 .story .story-problem p {
color: #CC4F39
}
#apf.color-scheme-5 div[class*='custom-'] h2 {
margin-bottom: 20px
}
#apf.color-scheme-5 .hero-2-title h2 {
margin-bottom: 0
}
#apf.color-scheme-7 .hero-2-content .prefix {
font-size: 18px
}
#apf .hero-2-content .picto-discount.picto-bottom {
bottom: 15px;
right: 45px;
top: unset
}
#apf .hero-2-content .mobile-up {
position: relative
}
#apf .container-content .qty-hidden .prices {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
float: unset
}
#apf .container-content .qty-hidden .you-save {
width: 100%;
text-align: center
}
@media (max-width:719px) {
#apf .w-2,
#apf .w-1,
#apf .w-5,
#apf .w-4,
#apf .w-6,
#apf div[class*='hero-2-'] .w-3 {
max-width: calc(100% - 30px)
}
#apf .c-2>div,
#apf .c-3>div,
#apf .carousel-testimonials-full-container,
#apf .cta .hepa-button {
width: 100%
}
#apf .c-4>div,
#apf .c-6>div,
#apf .c-5>div,
#apf .c-8>div,
#apf .c-9>div,
#apf .c-10>div {
width: 50%
}
#apf .ingredients-badges .container-inner>div,
#apf .order-benefits .container-inner>div {
width: calc(100% / 3)
}
#apf .c-2>div,
#apf .c-3>div,
#apf .c-2>div:nth-child(odd),
#apf .c-2>div:nth-child(even),
#apf .c-2>div:nth-child(n+3),
#apf .full-testimonials.owl-carousel,
#apf .story .quote-icon,
#apf .title h2,
#apf .contentRevealer2 .cr2Content,
#apf .full-testimonials.owl-carousel,
#apf .story .quote-icon,
#apf .title h2,
#apf .contentRevealer2 .cr2Content {
margin: 0
}
#apf h2.customh {
margin-top: 20px;
margin-bottom: 20px
}
#apf .order-now .add-to-box button,
#apf .hero-2-content .add-to-box button {
min-width: unset;
width: calc(100% - 20px)
}
#apf ul li:before {
width: 20px;
height: 20px;
position: absolute;
content: " "
}
#apf .flex-center {
justify-content: center
}
#apf .container-outer.title[class*='outro'] {
padding: 20px 0 0 0
}
#apf.color-scheme-7 .ingredients-badges {
padding: 20px 0 0 0
}
#apf .title .container-content,
#apf .product-info .product-name,
#apf .story .story-solution,
#apf .story .story-problem {
text-align: left
}
#apf h2,
#apf .order-now h2,
#apf .number-big {
font-size: 21px;
line-height: 27px
}
#apf.color-scheme-7 h2,
#apf.color-scheme-7 .order-now h2,
#apf.color-scheme-7 .number-big {
font-size: 30px;
line-height: 34px
}
#apf.color-scheme-7 .hero-2-content .prefix {
font-size: 10px
}
#apf .owl-stage-outer {
margin-bottom: 20px
}
#apf .packages-sold .container-content {
text-align: center
}
#apf .packages-sold .container-content .underline-big {
margin: 10px auto
}
#apf .title p,
#apf .problem-agilation p,
#apf .benefits p,
#apf .numerical-studies p,
#apf .packages-sold p.intro-text,
#apf .authority-quote p.quote,
#apf .how-it-works p,
#apf .order-now p,
#apf .order-now ul li p,
#apf div[class*='custom-'] p {
font-size: 16px;
line-height: 22px
}
#apf .numerical-studies h2,
#apf .graph-1 h2,
#apf .ingredients-cards h2,
#apf .testimonials-1 h2,
#apf .reviews h2,
#apf .faq h2,
#apf .guarantee h2,
#apf .guarantee p,
#apf .graph-2 h2,
#apf .testimonials-2 h2,
#apf .video h2,
#apf .supplement-facts h2 {
text-align: center
}
#apf .underline-big.center,
#apf .authority-quote .underline-big.primary {
margin: 10px auto
}
#apf .authority-quote .clearfix .mobile-image-container {
margin-right: 0
}
#apf .section {
padding: 40px 0
}
#apf .section.order-now {
padding: 40px 15px
}
#apf .numerical-studies .hepa-button,
#apf .graph-1 .hepa-button {
height: 35px;
min-width: 216px
}
#apf .numerical-studies .hepa-button p,
#apf .graph-1 .container-content .hepa-button p {
font-size: 12px;
line-height: 35px
}
#apf .numerical-studies .hepa-button p:after,
#apf .graph-1 .hepa-button p:after {
top: 12px
}
#apf .problem-agilation ul,
#apf .cta p,
#apf .title h2,
#apf .hero-2-content ul,
#apf .full-testimonials.owl-carousel,
#apf .title.limited h2 {
max-width: unset
}
#apf .story .name-container,
#apf .carousel-testimonials-full-container>.close-button {
display: none
}
#apf[class*='color-scheme-'] .section.hero-1,
#apf[class*='color-scheme-'] .section.hero-2 {
padding: 35px 0 20px 0
}
#apf[class*='color-scheme-2'] .section.hero-1,
#apf[class*='color-scheme-2'] .section.hero-2,
#apf[class*='color-scheme-3'] .section.hero-1,
#apf[class*='color-scheme-3'] .section.hero-2 {
padding: 35px 0 20px 0
}
#apf .container-outer.title {
padding: 0 0 20px 0
}
#apf .hero-2-content ul li p {
font-size: 16px;
line-height: 20px
}
#apf.color-scheme-5 .container-outer.title {
padding: 0 0 10px 0
}
#apf .hero-2-content p.prefix {
font-size: 10px;
line-height: 10px
}
#apf.color-scheme-5 .ingredients-cards .container-outer.title {
padding: 0 0 20px 0
}
#apf.color-scheme-5 .ingredients-cards {
padding-bottom: 0
}
#apf[class*='color-scheme-'] .hero-2-content h2 {
font-size: 26px;
line-height: 32px;
margin-bottom: 5px
}
#apf p.disclaimer {
text-align: left
}
#apf .hero-2-content .picto-discount {
right: -15px !important
}
#apf .problem-agilation ul li p {
font-size: 14px;
line-height: 16px
}
#apf .problem-agilation ul li {
padding: 15px 0 15px 45px
}
#apf .problem-agilation ul {
margin: 5px 0
}
#apf .problem-agilation ul li:before {
top: calc(50% - 10px);
left: 12px
}
#apf .story .story-problem {
order: 2
}
#apf .story .story-solution {
order: 3;
border-right: none;
border-left: 3px solid
}
#apf .story-image-container {
order: 1;
border-left: 3px solid
}
#apf .hero-2-content .intro {
margin-bottom: 10px
}
#apf[class*='color-scheme'] .story .container-content.story-solution,
#apf[class*='color-scheme'] .story .container-content.story-problem {
padding: 0;
background-color: #fff;
max-height: unset
}
#apf[class='color-scheme-3'] .cta h2,
#apf[class='color-scheme-2'] .cta h2 {
color: #fff;
font-size: 26px;
line-height: 30px
}
#apf .story h2,
#apf .story p {
padding: 30px
}
#apf .story .story-solution p {
background-color: #F6FAE7
}
#apf.color-scheme-7 .story .story-solution p {
background-color: #00B2980D
}
#apf.color-scheme-7 .story h2 {
font-size: 18px;
line-height: 24px
}
#apf .story .story-problem p {
background-color: #FFEFEC
}
#apf.color-scheme-6 .story .story-problem p {
background-color: #FFEBEC
}
#apf .story p.fake-br {
margin-top: -30px
}
#apf.color-scheme-2 .story .story-problem p,
#apf.color-scheme-3 .story .story-problem p {
background-color: #EEF0F0
}
#apf .popup-ingredients .popup-table-container {
max-height: 35vh;
overflow: auto
}
#apf .story .quote-icon {
position: absolute;
left: calc(50% - 20px);
bottom: -24px;
top: unset
}
#apf .story {
padding: 0
}
#apf .cta .container-content:nth-child(2) {
order: 1
}
#apf .cta .container-content:first-child {
order: 2
}
#apf .cta img {
max-width: 100%
}
#apf .cta .container-content:first-child {
padding: 274px 15px 40px 15px
}
#apf .cta img.happy-couple {
top: -170px;
top: -170px;
width: 320px;
left: calc(50% - 160px);
background: none
}
#apf .cta img.product-image {
width: 320px;
top: -80px;
margin-bottom: -160px
}
#apf .cta h2 {
font-size: 26px;
line-height: 30px
}
#apf .cta p {
font-size: 18px;
line-height: 24px;
margin-bottom: 20px
}
#apf .stats {
padding: 30px 20px
}
#apf .stats .stat {
padding: 0 15px 10px 20px
}
#apf .stats .stat .stats-number {
font-size: 22px;
line-height: 20px
}
#apf .stats .stat .stats-text {
font-size: 11px;
line-height: 16px
}
#apf .stats .stat:before {
width: 24px;
height: 24px;
top: 0;
left: -10px
}
#apf.color-scheme-3 h2,
#apf.color-scheme-2 h2 {
font-size: 21px;
line-height: 27px
}
#apf .section.benefits {
padding: 40px 0 20px 0
}
#apf[class*='color-scheme'] .benefits.content {
padding: 0 0 20px 0
}
#apf .underline-big:not(.center) {
margin: 10px 0
}
#apf .benefits .benefit {
padding: 0 20px 20px 20px
}
#apf .benefits .benefit img {
margin-bottom: 10px
}
#apf .benefits-outro {
padding-top: 0
}
#apf .container-outer.product-info.title {
padding: 20px 0
}
#apf .product-info.content .container-inner {
padding: 20px 25px 15px 25px;
background-size: 226px 258px
}
#apf .product-info .text-container {
width: 82%
}
#apf .product-info .view-details {
top: 128px;
right: -8px;
left: unset
}
#apf .popup-ingredients {
max-width: 258px;
top: 40px;
left: calc(50% - 128px);
padding-bottom: 20px;
border-radius: 20px
}
#apf .popup-ingredients .white-fog {
bottom: 0
}
#apf .popup-ingredients .popup-text-container {
height: 35vh
}
#apf .numerical-studies.container-outer.content {
padding-bottom: 50px
}
#apf .graph-1 img {
margin: 25px auto 15px auto
}
#apf .graph-1 .container-content .hepa-button {
margin: 0 auto;
display: block
}
#apf .packages-sold .container-inner.w-4 {
max-width: unset
}
#apf .packages-sold .container-content:first-of-type {
order: 2;
padding: 0 20px
}
#apf .packages-sold .container-content:nth-of-type(2) {
order: 1
}
#apf .packages-sold img {
margin: 0 0 40px 0;
position: relative;
top: 0;
left: 0
}
#apf .packages-sold .bottom-text {
margin-top: 8px;
font-size: 29px;
line-height: 29px;
letter-spacing: 2px
}
#apf .section.authority-quote .container-inner {
max-width: unset
}
#apf .section.authority-quote .container-content:not(.mobile-image-container) {
padding: 0 30px
}
#apf .authority-quote h2 {
margin: 0 0 20px 0
}
#apf .authority-quote p.quote {
margin-bottom: 15px
}
#apf .how-it-works .container-content>img {
margin: 0 auto 30px auto
}
#apf .how-it-works .owl-carousel,
#apf .ingredients-cards .owl-carousel {
margin: 30px auto
}
#apf .ingredients-cards .owl-carousel .owl-next,
#apf .owl-next {
right: 0
}
#apf .authority-quote,
#apf .how-it-works {
padding: 40px 0
}
#apf .authority-quote img {
margin-bottom: 20px
}
#apf .authority-quote .container-content:nth-of-type(2) {
padding: 0 15px
}
#apf .product-info.content .container-inner,
#apf .testimonials-1 .carousel-container,
#apf .owl-carousel,
#apf .ingredients-cards .owl-carousel {
max-width: 290px
}
#apf .authority-quote .container-content:nth-of-type(2),
#apf .authority-quote .clearfix .mobile-image-container {
width: 100%;
margin-left: 0
}
#apf .testimonials-1 .carousel-container,
#apf .owl-carousel:not(.carousel-testimonials) {
margin: 30px auto 0 auto
}
#apf .owl-carousel.carousel-testimonials-2 {
margin: 0 auto
}
#apf .owl-carousel.carousel-how-it-works {
margin-bottom: 15px
}
#apf .owl-prev,
#apf .ingredients-cards .owl-carousel .owl-prev {
left: 0
}
#apf .ingredients-cards .owl-carousel.carousel-ingredients {
margin-top: 0
}
#apf .full-testimonials .quote-icon {
top: unset;
bottom: 245px
}
#apf .full-testimonials.owl-carousel .item {
max-width: 400px
}
#apf .reviews .reviews-content {
font-size: 14px;
line-height: 24px
}
#apf .order-now .container-content:nth-of-type(2)>img {
position: relative;
top: unset;
left: unset
}
#apf .order-now .container-content:nth-of-type(2)>img {
max-width: 100%
}
#apf .faq .accordion-header p {
padding: 10px 0 10px 25px
}
#apf .hero-2-content {
padding-bottom: 10px
}
#apf .faq .accordion-header p,
#apf .faq .accordion-content p {
font-size: 14px;
line-height: 20px
}
#apf.color-scheme-1 .hero-2-content ul li p {
font-size: 16px;
line-height: 20px
}
#apf .faq .accordion-header:before {
width: 14px;
height: 14px
}
#apf .faq .accordion-content {
padding: 0 0 15px 25px
}
#apf .hero-2-title h1 {
font-size: 20px;
line-height: 24px;
margin-bottom: 0;
margin-top: 20px
}
#apf.color-scheme-7 .hero-2-title h1 {
font-size: 30px;
line-height: 34px;
margin-bottom: 10px
}
#apf.color-scheme-7 .hero-2-title {
margin-bottom: 0;
padding-bottom: 0
}
#apf .hero-2-title p.prefix {
font-size: 10px;
line-height: 10px
}
#apf .hero-2-title h2 {
font-size: 16px;
line-height: 27px
}
#apf .hero-2-content .container-inner .container-content:first-child {
padding-left: 0
}
#apf .hero-2-title,
#apf .cta {
padding-bottom: 0
}
#apf .cta {
padding-top: 0
}
#apf .hero-2-content ul {
margin: 10px 0
}
#apf .order-now .store-info-points p {
font-size: 12px;
line-height: 14px;
color: #fff
}
#apf .container-outer.order-now {
padding-bottom: 20px
}
#apf .hero-2-content ul li {
margin-left: 34px;
padding: 5px 0
}
#apf .hero-2-content ul li:before {
left: -30px;
top: 6px
}
#apf[class*="color-scheme-"] .hero-2-content p.intro:first-of-type {
margin-top: 20px
}
#apf[class*="color-scheme-"] .hero-2-content p.intro {
font-size: 16px;
line-height: 20px;
margin-top: 25px
}
#apf .hero-2-content .mobile-up {
margin: 10px auto;
max-width: calc(100% - 40px);
position: unset
}
#apf .carousel-testimonials-full-container {
top: -28px;
left: unset;
padding-left: 0
}
#apf .guarantee img {
max-width: 232px;
left: calc(50% - 116px);
top: -122px
}
#apf[class*="color-scheme-"] .container-outer.guarantee.title {
padding: 118px 0 40px 0
}
#apf .container-outer.guarantee.title h2 {
margin-bottom: 20px
}
#apf.color-scheme-3 .container-outer.guarantee.title h2,
#apf.color-scheme-3 .container-outer.order-now h2 {
color: #fff
}
#apf.color-scheme-3 .container-outer.guarantee.title {
background: linear-gradient(to bottom, #fff 0%, #fff 50px, #333 50px, #333 100%)
}
#apf.color-scheme-3 .container-outer.guarantee.title.gray-light-bgd {
background: linear-gradient(to bottom, #FDFAF8 0%, #FDFAF8 50px, #333 50px, #333 100%)
}
#apf .graph-2.title {
padding-bottom: 0
}
#apf .graph-2 .owl-carousel {
margin: 0 auto
}
#apf .graph-2.content {
padding-bottom: 60px
}
#apf .graph-2 .owl-carousel .item {
margin: 10px auto
}
#apf .owl-carousel.carousel-testimonials-2 {
width: 100%;
background: #fff
}
#apf .base-popup-container .owl-carousel.carousel-testimonials-2 {
height: calc(100vh - 34px)
}
#apf .popup .owl-carousel.carousel-testimonials-2 .owl-stage-outer {
padding-bottom: 0
}
#apf .guarantee.title.gray-light-bgd {
background: linear-gradient(to bottom, #F4F4F4 0%, #F4F4F4 50px, #333 50px, #333 100%)
}
#apf .guarantee.title {
background: linear-gradient(to bottom, #fff 0%, #fff 50px, #333 50px, #333 100%)
}
#apf.color-scheme-7 .guarantee.title {
background: linear-gradient(to bottom, #fff 0%, #fff 50px, #000 50px, #000 100%)
}
#apf .order-benefits .item {
padding: 0 10px
}
#apf .popup-text-container .usage.primary-light-bgd {
margin: 0 0 10px 0
}
#apf .popup-ingredients .usage.primary-light-bgd {
font-size: 10px;
line-height: 14px
}
#apf .popup-ingredients .usage {
font-size: 9px;
line-height: 11px
}
#apf .testimonials-1.content .container-inner>div {
width: 100%;
margin-bottom: 20px
}
#apf .hero-2-content .owl-next {
right: -15px
}
#apf .hero-2-content .owl-prev {
left: -15px
}
#apf .supplement-facts table {
font-size: 12px;
line-height: 14px
}
#apf .supplement-facts p.legend {
font-size: 12px;
line-height: 16px;
margin: 5px 0 20px 0;
border-bottom: none
}
#apf .supplement-facts p {
font-size: 12px;
line-height: 16px
}
#apf .cta .container-inner .container-content:first-of-type {
padding: 50px 0 40px 0
}
#apf .benefits .underline-big.center,
#apf .product-info .underline-big.center,
#apf .squares-module .underline-big.center {
margin: 10px 0
}
#apf[class*="color-scheme-"] .container-outer.title.faq {
padding: 40px 0 20px 0
}
#apf.color-scheme-3 .story .story-solution p {
color: #CDA077;
background-color: #FDFAF8
}
#apf .custom-module .image-container {
margin-bottom: 20px
}
#apf .order-now ul {
margin-bottom: 10px
}
#apf.color-scheme-3 .ingredients-cards .owl-carousel:not(.carousel-testimonials),
#apf.color-scheme-2 .ingredients-cards .owl-carousel:not(.carousel-testimonials) {
margin-top: 0
}
#apf .hero-2-content p.dietary-supplement {
margin-top: 20px
}
#apf .order-now .offer {
margin-top: 10px
}
#apf.color-scheme-3 .order-now .special-price p {
color: #FDFAF8
}
#apf.color-scheme-3 div[class*='custom-'] h2,
#apf.color-scheme-2 div[class*='custom-'] h2,
#apf.color-scheme-5 div[class*='custom-'] h2 {
font-size: 21px;
line-height: 27px;
margin-bottom: 20px
}
#apf.color-scheme-3 div[class*='custom-'] p,
#apf.color-scheme-2 div[class*='custom-'] p {
line-height: 22px
}
#apf .custom-module .mobile-image-container img,
#apf .custom-module .mobile-image-container .embed-container {
margin-bottom: 20px
}
#apf .custom-module .c-1 .underline-big {
margin: 10px auto
}
#apf .ingredients-cards .container-content .view-details {
margin-top: 20px
}
#apf .section.no-padding {
padding: 0
}
#apf .supplement-facts p {
margin-bottom: 10px
}
#apf .hero-2-content .owl-stage-outer {
padding-bottom: 2px
}
#apf.color-scheme-3 .order-now ul li,
#apf.color-scheme-2 .order-now ul li,
#apf.color-scheme-5 .order-now ul li {
padding: 5px 0
}
#apf.color-scheme-5 .order-now ul li p {
color: #00AEEF
}
#apf.color-scheme-5 .order-now ul {
margin-bottom: 20px
}
#apf.color-scheme-5 .order-now ul li:not(:last-of-type) {
border-bottom: 1px solid rgba(0, 174, 239, 0.1)
}
#apf.color-scheme-5 .order-now ul li:before {
top: 5px;
background-image: url(../img/check-teethtox.svg)
}
#apf.color-scheme-5 .order-now .product-name {
color: #333
}
#apf:not(.color-scheme-7) .section.ingredients-cards+.section.ingredients-badges {
padding-top: 0;
margin-top: -20px
}
#apf .ingredients-badges .badge {
margin-bottom: 10px
}
#apf.color-scheme-7 .ingredients-badges .badge {
margin-bottom: 20px
}
#apf .order-now .product-text {
margin-bottom: 0
}
#apf .order-now .add-to-box .old-price del,
#apf .order-now .you-save p {
color: #333;
font-weight: 700
}
#apf .carousel-testimonials-full-container .testimonial-footer-bottom {
width: 100vw;
bottom: 38px
}
#apf .carousel-testimonials-full-container .owl-next,
#apf .carousel-testimonials-full-container .owl-prev {
bottom: 20px;
top: unset;
z-index: 2
}
#apf .popup-ingredients .product-name {
font-size: 18px;
line-height: 20px
}
#apf .popup-ingredients .dietary {
font-size: 10px;
line-height: 10px
}
#apf .hero-2-content .owl-carousel .item img {
max-width: fit-content
}
#apf .graph-1 .container-outer.title {
padding-bottom: 0
}
#apf .number-big {
margin-bottom: 20px
}
#apf .section.order-benefits {
padding: 20px 0
}
#apf .order-now ul {
max-width: unset
}
#apf p.fake-br {
padding-top: 10px
}
#apf .order-now .intro p,
#apf .order-now .outro p {
font-size: 16px;
line-height: 22px
}
#apf.color-scheme-5 .order-now .store-info-points p {
color: #333
}
#apf.color-scheme-5 .order-now .order-now-left {
margin-top: 10px
}
#apf.color-scheme-5 .order-now .store-info-points {
padding-top: 0
}
#apf.color-scheme-5 .hero-2-title h1 {
margin-bottom: 10px
}
#apf .owl-carousel:not(.carousel-testimonials-2) .testimonial-footer {
min-height: unset
}
#apf .order-now ul li:before {
top: 8px
}
#apf.color-scheme-6 .hero-2-content .prefix,
#apf.color-scheme-6 .hero-2-content h2 {
text-align: center
}
#apf .add-to-cart.floater span span {
font-size: 14px;
line-height: 1.4
}
#apf .floater.add-to-cart button.button.btn-cart em:after {
content: none !important
}
#apf .atc-wrapper {
margin-top: 20px
}
#apf .story .story-problem p,
#apf .story .story-solution p {
background: #EEF0F0
}
#apf .story .story-image-container {
border-color: #4DB7B7
}
}
@media (min-width:720px) and (max-width:1024px) {
#apf .w-2 {
max-width: 674px
}
#apf .w-4,
#apf .hero-2-content .w-3 {
max-width: calc(100% - 80px)
}
#apf .w-1 {
max-width: 674px
}
#apf .hero-2-content .container-content:first-child {
width: 100%
}
#apf .hero-2-content .container-content:not(:first-child) {
width: 50%
}
#apf .hero-2-content ul {
max-width: unset;
margin-bottom: 20px
}
#apf .store-info-points {
margin-top: 10px
}
#apf .hero-2-title h1 {
font-size: 24px;
line-height: 28px
}
#apf .hero-2-title p.prefix,
#apf .hero-2-content ul li p,
#apf .stats .stat .stats-text,
#apf .stats-text {
font-size: 14px;
line-height: 20px
}
#apf .hero-2-title h2 {
font-size: 18px;
line-height: 26px
}
#apf .hero-2-content p {
font-size: 16px;
line-height: 22px
}
#apf .hero-2-content .container-inner .container-content:first-child {
padding-left: 0
}
#apf .story h2 {
font-size: 14px;
line-height: 18px
}
#apf .story p {
font-size: 12px;
line-height: 14px
}
#apf .story .quote-icon {
width: 20px
}
#apf .story .story-solution,
#apf .story .story-problem {
padding: 15px 10px 0 10px
}
#apf .cta img {
width: 100%
}
#apf .cta img.product-image {
top: -92px;
margin-bottom: -70px
}
#apf .cta img.happy-couple {
top: -104px
}
#apf .cta h2,
#apf .cta p {
max-width: 95%
}
#apf .cta h2 {
font-size: 26px;
line-height: 32px
}
#apf .cta p,
#apf .authority-quote p.quote {
font-size: 18px;
line-height: 24px
}
#apf .underline-big {
margin: 20px 0
}
#apf .stats .stat .stats-number {
font-size: 24px;
line-height: 24px
}
#apf .stats .stat {
padding-right: 20px
}
#apf .stats .stat:before {
width: 22px;
height: 22px;
top: 2px;
left: 8px
}
#apf .packages-sold img {
top: -60px
}
#apf .packages-sold .bottom-text {
font-size: 28px;
margin-top: 0
}
#apf .packages-sold p.intro-text {
max-width: 270px;
font-size: 16px;
line-height: 20px
}
#apf .title h2,
#apf .authority-quote h2 {
font-size: 22px;
line-height: 26px
}
#apf .product-info .text-container {
width: 86%
}
#apf .authority-quote h2 {
margin-top: 0
}
#apf .authority-quote p.quote {
margin-bottom: 15px
}
#apf .testimonials-1.content .container-inner>div {
width: calc(50%);
margin-bottom: 20px
}
#apf .how-it-works .container-content {
width: 50%
}
#apf .how-it-works .container-content>img,
#apf .how-it-works .container-content p.first {
margin: 0 0 60px 0
}
}
@media (min-width:721px) {
#apf .hero-2-content .picto-discount {
display: none !important
}
#apf.color-scheme-4 .hero-2-content .picto-discount {
width: 60px;
height: 60px;
font-size: 18px
}
#apf.color-scheme-4 .hero-2-content .picto-discount p {
line-height: 60px
}
#apf .gray-background {
display: none
}
#apf .cta .linear-gray {
background: #ddd
}
#apf.color-scheme-7 .hero-2-content ul li p {
font-size: 18px;
line-height: 26px
}
#apf.color-scheme-7 .cta h2,
#apf.color-scheme-7 .order-now h2,
#apf.color-scheme-7 .number-big,
#apf.color-scheme-7 h2 {
font-size: 44px;
line-height: 44px
}
#apf.color-scheme-7 .stats-text p {
font-size: 16px;
line-height: 18px;
color: #999;
max-width: 400px;
margin: 0 auto
}
#apf.color-scheme-7 .ingredients-cards .owl-carousel .item p.title {
font-size: 18px;
line-height: 22px
}
#apf.color-scheme-7 .hero-2-content h2 {
font-size: 24px;
line-height: 32px;
font-family: "barlowbold"
}
#apf.color-scheme-7 .product-info .text-container {
font-size: 16px;
line-height: 20px
}
#apf.color-scheme-7 .product-info .product-name {
font-size: 40px;
line-height: 40px;
margin-top: 10px;
font-family: "barlowcondensedmedium"
}
}
@media (min-width:480px) and (max-width:719px) {
#apf .w-2,
#apf .w-1,
#apf .w-5 {
max-width: 480px
}
}
@media (min-width:480px) and (max-width:1024px) {
#apf .testimonials-1.content .container-inner {
max-width: 780px
}
}
@media (min-width:720px) and (max-width:1196px) {
#apf .container-outer.ingredients-cards .container-inner,
#apf .container-outer.testimonials-2 .container-inner,
#apf .container-outer.graph-2 .container-inner {
max-width: 600px
}
}
@media (min-width:1024px) and (max-width:1196px) {
#apf .testimonials-1 .carousel-container {
max-width: 300px
}
}
@media (min-width:1028px) {
#apf .hero-2-content .container-inner {
display: flex;
align-items: flex-start
}
}
@media (min-width:720px) and (max-width:785px) {
#apf .testimonials-1 .carousel-container {
max-width: 300px
}
}
@media (max-width:719px) {
#apf .popup.popup-testimonials.active {
transform: none;
top: 0;
left: 0;
height: 100vh;
background: #fff
}
}
@media (min-width:1196px) {
#apf .order-now .order-now-left,
#apf .order-now .store-info-points {
width: 50%;
float: left
}
#apf .order-now .store-info-points {
padding-left: 60px;
margin-top: 30px
}
#apf .order-now .c-2>div:first-child {
padding-right: 100px
}
}
@media (min-width:720px) {
#apf .section:not(.story) .container-inner {
width: calc(100% - 30px)
}
#apf .hero-2-content ul {
margin-bottom: 20px
}
#apf .custom-module .container-inner:not(.c-1) .text-left {
padding-right: 10%
}
#apf .custom-module .container-inner:not(.c-1) .text-right {
padding-left: 10%
}
#apf .container-outer.title[class*='outro'] p {
margin-top: 40px;
margin-bottom: 0
}
#apf .container-outer.title:not(.guarantee) {
padding: 0
}
#apf .container-outer.title p {
margin-bottom: 30px
}
#apf.color-scheme-3 h2,
#apf.color-scheme-2 h2,
#apf.color-scheme-4 h2,
#apf.color-scheme-5 h2,
#apf.color-scheme-6 h2,
#apf.color-scheme-7 h2 {
margin-bottom: 40px
}
#apf.color-scheme-3 .title .underline-big+p,
#apf.color-scheme-2 .title .underline-big+p,
#apf.color-scheme-4 .title .underline-big+p,
#apf.color-scheme-5 .title .underline-big+p,
#apf.color-scheme-7 .title .underline-big+p {
margin-top: -20px
}
#apf.color-scheme-3 .guarantee h2,
#apf.color-scheme-2 .guarantee h2,
#apf.color-scheme-4 .guarantee h2,
#apf.color-scheme-5 .guarantee h2,
#apf.color-scheme-7 .guarantee h2 {
margin-bottom: 10px
}
#apf.color-scheme-4 .guarantee.title p,
#apf.color-scheme-3 .guarantee.title p,
#apf.color-scheme-2 .guarantee.title p,
#apf.color-scheme-5 .guarantee.title p,
#apf.color-scheme-7 .guarantee.title p {
margin: 0 auto
}
#apf.color-scheme-3 .guarantee.title p,
#apf.color-scheme-2 .guarantee.title p {
margin-bottom: 20px
}
#apf.color-scheme-3 .order-now h2,
#apf.color-scheme-2 .order-now h2,
#apf.color-scheme-4 .order-now h2,
#apf.color-scheme-4 .supplement-facts h2,
#apf.color-scheme-7 .order-now h2,
#apf.color-scheme-7 .supplement-facts h2 {
margin-bottom: 20px
}
#apf.color-scheme-7 .section.order-now.primary-bgd {
background-color: #fff
}
#apf.color-scheme-7 .section.order-now h2,
#apf.color-scheme-7 .order-now p,
#apf.color-scheme-7 .section.order-now .special-price .price,
#apf.color-scheme-7 .section.order-now .qty-text {
color: #333
}
#apf.color-scheme-7 .order-now h2 {
margin-bottom: 50px
}
#apf.color-scheme-7 .order-now p.product-name {
color: #00B298
}
#apf.color-scheme-7 .section.order-now .product-supplement {
color: #999
}
#apf.color-scheme-7 .offer p,
#apf.color-scheme-7 .section.order-now button p {
color: #fff
}
#apf.color-scheme-7 .ingredients-badges {
padding: 40px 0 20px 0
}
}
#apf .text-right {
text-align: left
}
.cookieThing {
width: 100%
}
html[lang="sl"] .cookieThing {
position: fixed
}
#apf.color-scheme-2 .hero-2-content ul li {
color: #333333;
border-color: rgba(123, 175, 212, 0.2)
}
#apf.color-scheme-2 .hero-2-content ul li:before {
background-image: url(../img/check-black.svg)
}
#apf.color-scheme-2 .offer {
background: #7BAFD4
}
#apf.color-scheme-2 .order-now .you-save p,
#apf.color-scheme-2 .hero-2-content .you-save p {
color: #4890C3
}
#apf.color-scheme-2 .hero-2-content .store-info-points p {
color: #7C878E
}
#apf.color-scheme-2 .problem-agilation h2 {
color: #7C878E
}
#apf.color-scheme-2 .problem-agilation ul li:before {
background-image: url(../img/times-circle-black.svg)
}
#apf.color-scheme-2 .problem-agilation ul.checks li:before {
background-image: url(../img/check-black.svg)
}
#apf.color-scheme-2 .problem-agilation ul li:not(:last-child) {
border-color: #ddd
}
#apf.color-scheme-2 .story .story-problem p {
color: #7C878E
}
#apf.color-scheme-2 .story .story-solution p {
color: #4890C3;
background-color: #F8FBFD
}
#apf.color-scheme-2 .stats .stat:nth-of-type(1):before {
background-image: url(../img/hand-holding-heart-blue.svg)
}
#apf.color-scheme-2 .stats .stat:nth-of-type(2):before {
background-image: url(../img/boxes-blue.svg)
}
#apf.color-scheme-2 .stats .stat:nth-of-type(3):before {
background-image: url(../img/calendar-blue.svg)
}
#apf.color-scheme-2 .stats .stat:nth-of-type(4):before {
background-image: url(../img/award-blue.svg)
}
#apf.color-scheme-2 .packages-sold h2 {
margin-bottom: 20px
}
#apf.color-scheme-2 .packages-sold {
background: #333
}
#apf.color-scheme-2 .secondary-bgd {
background: #7BAFD4
}
#apf.color-scheme-2 .ingredients-cards .container-content .view-details {
background: #7BAFD4
}
#apf.color-scheme-2 .ingredients-badges p {
color: #333
}
#apf.color-scheme-2 .testimonials-1,
#apf.color-scheme-2 .testimonials-2 {
background: #F8FBFD
}
#apf.color-scheme-2 .testimonial-footer-bottom {
background: #BDC3C6
}
#apf.color-scheme-2 .testimonial-footer-bottom p {
color: #fff
}
#apf.color-scheme-2 .guarantee.title {
background: linear-gradient(to bottom, #fff 0%, #fff 65px, #333 65px, #333 100%)
}
#apf.color-scheme-2 .order-now ul li:not(:last-child) {
border-color: rgba(72, 144, 195, 0.5)
}
#apf.color-scheme-2 .container-outer.order-now {
background: linear-gradient(to bottom, #7BAFD4 0%, #4890C3 70%, #4890C3 100%)
}
#apf.color-scheme-2 .order-now .offer {
background: #333
}
#apf.color-scheme-2 .order-now .you-save p {
color: #fff
}
#apf.color-scheme-2 .order-now .add-to-box button {
background: #333
}
#apf.color-scheme-2 .cta button {
background: #333
}
#apf.color-scheme-2 .order-now .store-info-points p {
color: #fff
}
#apf.color-scheme-2 #apf-header .header-outer .header-order-now button.hepa-button,
#apf.color-scheme-5 #apf-header .header-outer .header-order-now button.hepa-button {
background: #333
}
#apf.color-scheme-6 #apf-header .header-outer .header-order-now button.hepa-button {
height: 30px;
background: #FFB25B;
border-radius: 50px;
margin: 8px 10px 0 0
}
#apf.color-scheme-6 #apf-header .header-outer .header-order-now button.hepa-button span {
font-size: 10px;
line-height: 27px;
text-transform: uppercase;
font-weight: 700
}
#apf.color-scheme-6 #apf-header .header-outer .header-order-now button.hepa-button img.icon {
width: 8px;
height: 18px;
margin-left: 6px
}
#apf.color-scheme-3 .hero-2-content ul li {
color: #333333;
border-bottom: none
}
#apf.color-scheme-3 .hero-2-content ul li:before {
background-image: url(../img/check-black.svg)
}
#apf.color-scheme-3 .offer {
background: #CDA077
}
#apf.color-scheme-3 .order-now .you-save p,
#apf.color-scheme-3 .hero-2-content .you-save p {
color: #CDA077
}
#apf.color-scheme-3 .hero-2-content .store-info-points p {
color: #333;
font-weight: 600
}
#apf.color-scheme-3 .problem-agilation h2 {
color: #7C878E
}
#apf.color-scheme-3 .problem-agilation ul li:before {
background-image: url(../img/times-circle-black.svg)
}
#apf.color-scheme-3 .problem-agilation ul li:before {
background-image: url(../img/check-black.svg)
}
#apf.color-scheme-3 .problem-agilation ul li:not(:last-child) {
border-color: #ddd
}
#apf.color-scheme-3 .story .story-problem,
#apf.color-scheme-2 .story .story-problem {
background-color: #EEF0F0
}
#apf.color-scheme-3 .story .story-problem p {
color: #7C878E
}
#apf.color-scheme-3 .stats .stat:nth-of-type(1):before {
background-image: url(../img/hand-holding-heart-brown.svg)
}
#apf.color-scheme-3 .stats .stat:nth-of-type(2):before {
background-image: url(../img/boxes-brown.svg)
}
#apf.color-scheme-3 .stats .stat:nth-of-type(3):before {
background-image: url(../img/calendar-brown.svg)
}
#apf.color-scheme-3 .stats .stat:nth-of-type(4):before {
background-image: url(../img/award-brown.svg)
}
#apf.color-scheme-3 .packages-sold h2,
#apf.color-scheme-3 .cta h2,
#apf.color-scheme-2 .packages-sold h2,
#apf.color-scheme-2 .cta h2 {
margin-bottom: 20px
}
#apf.color-scheme-3 .underline-big {
display: none
}
#apf.color-scheme-3 .packages-sold {
background: #333
}
#apf.color-scheme-3 .secondary-bgd {
background: #CDA077
}
#apf.color-scheme-3 .ingredients-cards .container-content .view-details {
background: #CDA077
}
#apf.color-scheme-3 .ingredients-badges p {
color: #333
}
#apf.color-scheme-3 .testimonials-1,
#apf.color-scheme-3 .testimonials-2 {
background: #FDFAF8
}
#apf.color-scheme-3 .testimonial-footer-bottom {
background: #BDC3C6
}
#apf.color-scheme-3 .popup .testimonial-footer-bottom,
#apf.color-scheme-2 .popup .testimonial-footer-bottom {
background: #fff
}
#apf.color-scheme-3 .testimonial-footer-bottom p {
color: #fff
}
#apf.color-scheme-3 .guarantee.title {
background: linear-gradient(to bottom, #fff 0%, #fff 65px, #333 65px, #333 100%)
}
#apf.color-scheme-3 .guarantee.title.gray-light-bgd {
background: linear-gradient(to bottom, #FDFAF8 0%, #FDFAF8 65px, #333 65px, #333 100%)
}
#apf.color-scheme-3 .order-now ul li:not(:last-child) {
border-color: rgba(255, 255, 255, 0.2);
border: none
}
#apf.color-scheme-3 .container-outer.order-now {
background: #CDA077
}
#apf.color-scheme-3 .order-now .offer {
background: #333
}
#apf.color-scheme-3 .order-now .you-save p {
color: #fff
}
#apf.color-scheme-3 .order-now .add-to-box button,
#apf.color-scheme-3 .hero-2-content .add-to-box button {
background: #333
}
#apf.color-scheme-3 .cta button {
background: #333;
color: #fff
}
#apf.color-scheme-3 .order-now .store-info-points p {
color: rgba(248, 250, 249, 0.75)
}
#apf.color-scheme-3 #apf-header .header-outer .header-order-now button.hepa-button {
background: #333
}
#apf p.dietary-supplement {
color: #999;
letter-spacing: 1px;
font-size: 10px
}
#apf p.disclaimer {
color: #999;
letter-spacing: 1px;
font-size: 10px;
margin: 10px 0;
line-height: 14px
}
#apf .carousel-hero {
margin-bottom: 15px
}
#apf .carousel-hero .item {
min-height: unset !important
}
#apf.color-scheme-2 .ingredients-cards.gray-light-bgd,
#apf.color-scheme-3 .ingredients-cards.gray-light-bgd {
background: #fff
}
#apf.color-scheme-3 .hero-2-content h2 {
color: #CDA077
}
#apf.color-scheme-2 .hero-2-content h2 {
color: #7BAFD4
}
#apf.color-scheme-3 button.hepa-button,
#apf.color-scheme-2 button.hepa-button {
border-radius: 0
}
#apf.color-scheme-3 .hero-2-content button.hepa-button,
#apf.color-scheme-3 .order-now button.hepa-button {
box-shadow: 0 5px 10px -2px #333
}
#apf.color-scheme-3 .packages-sold h2 {
color: #CDA077
}
#apf.color-scheme-2 .packages-sold h2 {
color: #7BAFD4
}
#apf .hero-2-content .picto-discount p {
color: #fff;
font-size: 22px;
line-height: 50px;
margin: 0 10px
}
#apf .hero-2-content .owl-dots {
bottom: -15px
}
#apf.color-scheme-4 .nav-a {
background-color: #64BA49
}
#apf.color-scheme-4 .hero-2-content ul li:before {
background-image: url(../img/check-slimjoy.svg)
}
#apf.color-scheme-4 .hero-2-content ul li p {
color: #333
}
#apf.color-scheme-4 .hero-2-content .you-save p {
color: #4F9638
}
#apf.color-scheme-4 .problem-agilation ul li:before {
background-image: url(../img/times-circle-purple.svg)
}
#apf.color-scheme-4 .problem-agilation ul.checks li:before {
background-image: url(../img/check-slimjoy-red.svg)
}
#apf.color-scheme-4 .cta {
background: #64BA49
}
#apf.color-scheme-5 .cta {
background: #E9F6FB
}
#apf.color-scheme-4 .product-info .text-container {
background-color: #64BA49
}
#apf.color-scheme-4 .product-info.content .container-inner {
background-color: #F7FCF5
}
#apf.color-scheme-4 .numerical-studies .numerical-study p:before {
background-color: #64BA49
}
#apf.color-scheme-4 .testimonial-header .stars-container,
#apf.color-scheme-4 .reviews .stars-container {
background: url(../img/star-slimjoy.svg);
background-size: 21px 16px
}
#apf.color-scheme-4 .order-now ul li:before {
background-image: url(../img/check-white.svg)
}
#apf.color-scheme-4 .order-now ul li:not(:last-child) {
border-bottom: none
}
#apf.color-scheme-4 .order-now .offer {
background-color: #333333
}
#apf.color-scheme-4 .order-now .you-save p {
color: #333
}
#apf.color-scheme-4 .order-now .store-info-point p {
color: #fff
}
#apf.color-scheme-4 .faq .accordion-header:before {
background: url(../img/plus-circle-slimjoy.svg) no-repeat
}
#apf.color-scheme-4 .faq .accordion-header.active:before {
background: url(../img/minus-circle-slimjoy.svg) no-repeat
}
#apf.color-scheme-4 .header-outer .header-order-now button.hepa-button {
background: #EC0043
}
#apf.color-scheme-4 .stats .stat:nth-of-type(1):before {
background-image: url(../img/hand-holding-heart-slimjoy.svg)
}
#apf.color-scheme-3 .stats .stat:nth-of-type(2):before {
background-image: url(../img/boxes-slimjoy.svg)
}
#apf.color-scheme-3 .stats .stat:nth-of-type(3):before {
background-image: url(../img/calendar-slimjoy.svg)
}
#apf.color-scheme-3 .stats .stat:nth-of-type(4):before {
background-image: url(../img/award-slimjoy.svg)
}
@media (max-width:719px) {
#apf.color-scheme-4 .story .story-problem p {
background-color: #FEF2F5
}
#apf.color-scheme-4 .story .story-solution p {
background-color: #F7FCF5
}
}
#apf .old-price .price {
font-size: 24px;
font-weight: 400;
color: #333
}
#apf .prices.tier-active {
display: flex;
width: 100%;
align-items: center;
justify-content: center
}
#apf .hero-2-content ul.tier-prices li:before,
#apf .order-now ul.tier-prices li:before {
display: none
}
#apf .tier-prices.product-pricing li label,
#apf .tier-prices.product-pricing li label span {
font-size: 15px;
font-family: 'barlowcondensedregular'
}
#apf .tier-prices.product-pricing li label:hover,
#apf .tier-prices.product-pricing li input:checked+label {
background: #FE3975;
color: #fff;
font-family: 'barlowcondensedmedium'
}
#apf .tier-prices.product-pricing li label:hover span:first-of-type,
#apf .tier-prices.product-pricing li input:checked+label span:first-of-type {
color: #333
}
#apf .tier-prices.product-pricing li label {
background: #fff;
color: #333;
box-shadow: 2px 1px 2px 0px #ccc;
border: none;
line-height: 40px
}
#apf .tier-prices.product-pricing li label span:first-of-type {
color: #FE3975
}
#apf .tier-prices.product-pricing li.badge div {
background: #FE3975;
font-size: 10px
}
#apf ul.apf-list {
list-style: none;
padding-left: 20px;
margin-top: 20px
}
#apf ul.apf-list li:before {
left: 0;
top: 2px;
position: absolute;
content: "\2022";
color: red;
font-weight: bold;
display: inline-block;
width: 20px;
margin-left: -20px
}
#apf ul.apf-list li {
margin-top: 15px
}
#apf ul.apf-list li p {
display: block;
text-align: left
}
#apf.color-scheme-4 ul.apf-list li:before {
color: #64BA49
}
#apf.color-scheme-2 ul.apf-list li:before {
color: #7BAFD4
}
#apf.color-scheme-3 ul.apf-list li:before {
color: #CDA077
}
#apf.color-scheme-1 ul.apf-list li:before {
color: #769500
}
#apf.color-scheme-6 ul.apf-list li:before {
color: #C5299B
}
#apf.color-scheme-5 .cta h2,
#apf.color-scheme-5 .cta p {
color: #333
}
#apf.color-scheme-5 .cta button p {
color: #fff
}
#apf.color-scheme-5 .stats {
background: #1A1A1A
}
#apf.color-scheme-5 .stats .stat:nth-of-type(1):before {
background-image: url(../img/hand-holding-heart-teethtox.svg)
}
#apf.color-scheme-5 .stats .stat:nth-of-type(2):before {
background-image: url(../img/boxes-teethtox.svg)
}
#apf.color-scheme-5 .stats .stat:nth-of-type(3):before {
background-image: url(../img/calendar-teethtox.svg)
}
#apf.color-scheme-5 .stats .stat:nth-of-type(4):before {
background-image: url(../img/award-teethtox.svg)
}
#apf.color-scheme-5 .problem-agilation ul li:before {
background-image: url(../img/times-circle-black.svg)
}
#apf.color-scheme-5 .problem-agilation ul.checks li:before {
background-image: url(../img/check-black.svg)
}
#apf.color-scheme-5 .testimonial-header .stars-container,
#apf.color-scheme-5 .reviews .stars-container {
background: url(../img/star-teethtox.svg);
background-size: 21px 16px
}
#apf.color-scheme-5 .product-info .text-container {
background: rgba(0, 174, 239, 0.9)
}
#apf.color-scheme-5 .product-info.content .container-inner {
border: 1px solid rgba(0, 174, 239, 0.2)
}
#apf.color-scheme-5 .container-content .view-details {
background: #333
}
#apf.color-scheme-5 ul.apf-list li:before {
color: #00AEEF
}
#apf.color-scheme-5 .numerical-studies .hepa-button,
#apf.color-scheme-5 .graph-1 .hepa-button {
background: #333;
border-radius: 4px
}
#apf.color-scheme-5 .owl-carousel.carousel-graph-2:not(.carousel-steps) .owl-item:first-of-type .testimonial-footer,
#apf .testimonials-1 .image-text,
#apf.color-scheme-5 .packages-sold .hepa-button,
#apf.color-scheme-5 .numerical-studies .numerical-study p:before {
background-color: #00AEEF
}
#apf.color-scheme-5 .packages-sold h2 {
color: #fff
}
#apf.color-scheme-5 .ingredients-badges {
background: #f4f4f4
}
#apf.color-scheme-5 .problem-agilation h2,
#apf.color-scheme-5 .problem-agilation p,
#apf.color-scheme-5 .ingredients-badges p {
color: #333
}
#apf.color-scheme-6 .secondary,
#apf.color-scheme-6 .story .story-problem p {
color: #FD3A4B
}
#apf.color-scheme-6 .problem-agilation ul li:before {
background-image: url(../img/times-circle-bef.svg)
}
#apf.color-scheme-6 .problem-agilation ul.checks li:before {
background-image: url(../img/check-bef-red.svg)
}
#apf.color-scheme-9 .problem-agilation ul.checks li:before {
background-image: url(../img/check-tummy.svg)
}
#apf.color-scheme-6 .story-solution h2,
#apf.color-scheme-6 .story-solution p,
#apf.color-scheme-6 .story-solution {
color: #459360
}
#apf.color-scheme-6 .cta {
background: #333
}
#apf.color-scheme-6 .cta h2 {
color: #FFB25B
}
#apf.color-scheme-6 .stats {
background: #1a1a1a
}
#apf.color-scheme-6 .stats .stat:nth-of-type(1):before {
background-image: url(../img/hand-holding-heart-bef.svg)
}
#apf.color-scheme-6 .stats .stat:nth-of-type(2):before {
background-image: url(../img/boxes-bef.svg)
}
#apf.color-scheme-6 .stats .stat:nth-of-type(3):before {
background-image: url(../img/calendar-bef.svg)
}
#apf.color-scheme-6 .stats .stat:nth-of-type(4):before {
background-image: url(../img/award-bef.svg)
}
#apf.color-scheme-6 .ingredients-cards .container-content .view-details {
border-radius: 50px;
background: #333
}
#apf.color-scheme-6 .ingredients-badges p {
color: #333
}
#apf.color-scheme-6 .ingredients-badges {
background: #F4F4F4
}
#apf.color-scheme-6 .testimonial-header {
background: #FFF7EE
}
#apf.color-scheme-6 .testimonials-1 .image-text {
background: #333
}
#apf.color-scheme-6 .carousel-testimonials-full-container .testimonial-footer-bottom .close-button {
background: #333
}
#apf .ingredients-badges p {
font-size: 12px;
line-height: 14px
}
#apf.color-scheme-6 .custom-module ul.apf-list {
display: table;
margin: 0 auto
}
#apf.color-scheme-6 .hepa-button:hover {
background: #FFA949
}
#apf.color-scheme-6 .hepa-button:focus,
#apf.color-scheme-6 .hepa-button:active {
background: #FF9927
}
#apf.color-scheme-7 .nav-a {
background-color: #00B298
}
#apf.color-scheme-7 .hero-2-content ul li p {
/* color: #00B298 */
color: #6e9ebf
}
#apf.color-scheme-7 .hero-2-content ul li:before {
background-image: url(../img/check-brilliant.svg);
}
#apf.color-scheme-7 .offer.primary-darker-bgd {
background-color: #333
}
#apf.color-scheme-7 .hero-2-content .you-save p {
color: #00B298
}
#apf.color-scheme-7 .problem-agilation ul li:before {
background-image: url(../img/times-circle-brilliant.svg)
}
#apf.color-scheme-7 .problem-agilation ul.checks li:before {
background-image: url(../img/check-brilliant-red.svg)
}
#apf.color-scheme-7 .cta {
background: #00B298
}
#apf.color-scheme-7 .stats .stat:nth-of-type(1):before {
background-image: url(../img/hand-holding-heart-brilliance.svg)
}
#apf.color-scheme-7 .stats .stat:nth-of-type(2):before {
background-image: url(../img/boxes-brilliance.svg)
}
#apf.color-scheme-7 .stats .stat:nth-of-type(3):before {
background-image: url(../img/calendar-brilliance.svg)
}
#apf.color-scheme-7 .stats .stat:nth-of-type(4):before {
background-image: url(../img/award-brilliance.svg)
}
#apf.color-scheme-7 .product-info.content .container-inner {
/* background-color: #00B2981A; */
background-color: #6e9ebf2e;
/* border: 1px solid #00B298 */
border: 1px solid #6e9ebf
}
#apf.color-scheme-7 .product-info .text-container {
/* background-color: #00B298 */
background-color: #6e9ebf
}
#apf.color-scheme-7 ul.apf-list li:before {
color: #00B298
}
#apf.color-scheme-7 .numerical-studies .numerical-study p:before {
background-color: #00B298
}
#apf.color-scheme-7 .testimonial-header .stars-container,
#apf.color-scheme-7 .reviews .stars-container {
background: url(../img/star-brilliance.svg);
background-size: 21px 16px
}
#apf.color-scheme-7 .order-now ul li:before {
background-image: url(../img/check-brilliance-2.svg)
}
#apf.color-scheme-7 .order-now .offer {
background-color: #00B298
}
#apf.color-scheme-7 .order-now.primary-bgd {
background-color: #333
}
#apf.color-scheme-7 .order-now .add-to-box .old-price del {
color: #999
}
#apf.color-scheme-7 .order-now .you-save p {
color: #00B298
}
#apf.color-scheme-7 .order-now .special-price .price {
color: #fff
}
#apf.color-scheme-7 .section.order-benefits {
background-color: #000
}
#apf.color-scheme-7 .faq .accordion-header:before {
background: url(../img/plus-circle-brilliance.svg) no-repeat
}
#apf.color-scheme-7 .faq .accordion-header.active:before {
background: url(../img/minus-circle-brilliance.svg) no-repeat
}
#apf.color-scheme-7 .ingredients-badges {
background-color: #F4F4F4;
background-image: unset
}
#apf.color-scheme-7 .ingredients-badges p {
color: #333
}
#apf.color-scheme-7 .testimonials-1 .image-text {
background: #00B298
}
#apf.color-scheme-7 .order-now ul li:not(:last-child) {
border-bottom: none
}
#apf.color-scheme-7 .order-now .product-supplement {
color: #FFFFFF80
}
#apf.color-scheme-7 .order-now .qty-text {
color: #fff
}
#apf.color-scheme-7 #apf-header .header-outer .header-order-now button.hepa-button {
background: #FE3975
}
#apf.color-scheme-7 .product-info .container-content p {
text-align: left
}
#apf.color-scheme-1 .add-to-cart.floater button {
background: #FF6347
}
#apf.color-scheme-2 .add-to-cart.floater button {
background: #333
}
#apf.color-scheme-3 .add-to-cart.floater button {
background: #333
}
#apf.color-scheme-4 .add-to-cart.floater button {
background: #EC0043
}
#apf.color-scheme-5 .add-to-cart.floater button {
background: #333
}
#apf.color-scheme-6 .add-to-cart.floater button {
background: #FFB25B
}
#apf.color-scheme-7 .add-to-cart.floater button {
background: #FE3975
}
#apf .add-to-cart.floater.hideFloater {
opacity: 0;
visibility: hidden;
pointer-events: none
}
#apf .add-to-cart.floater span span em {
display: inline-block;
text-transform: none
}
#apf.color-scheme-4 .add-to-cart.floater span span em,
#apf.color-scheme-1 .add-to-cart.floater span span em {
color: #fff !important
}
#apf[class*="color-scheme-"] .floater.add-to-cart button.button.btn-cart>span span:after,
#apf .hepa-button>p:first-of-type:after {
background-image: url(../img/cart_iconh.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 22px;
height: 22px;
content: "";
display: inline-block;
vertical-align: middle;
margin: -5px 0 0 8px
}
#apf .floater.add-to-cart button.button.btn-cart em:after {
content: ' -'
}
#apf .atc-guarantee {
flex-wrap: unset;
align-items: center;
justify-content: flex-start;
margin: -5px auto 10px auto;
padding: 10px;
border-radius: 4px;
width: calc(100% - 20px)
}
#apf.color-scheme-1 .atc-guarantee {
box-shadow: rgba(255, 99, 71, 0.4) 0 0 20px
}
#apf.color-scheme-2 .atc-guarantee {
box-shadow: rgba(123, 175, 212, 0.7) 0 0 20px
}
#apf.color-scheme-3 .atc-guarantee {
box-shadow: rgba(205, 160, 119, 0.7) 0 0 20px
}
#apf.color-scheme-4 .atc-guarantee {
box-shadow: rgba(100, 186, 73, 0.7) 0 0 20px
}
#apf.color-scheme-5 .atc-guarantee {
box-shadow: rgba(0, 174, 239, 0.4) 0 0 20px
}
#apf.color-scheme-6 .atc-guarantee {
box-shadow: rgba(197, 41, 155, 0.4) 0 0 20px
}
#apf.color-scheme-7 .atc-guarantee {
box-shadow: rgba(0, 178, 152, 0.4) 0 0 20px
}
#apf .atc-guarantee img {
width: 35px;
margin: 0
}
#apf .atc-guarantee p {
font-size: 12px;
line-height: 17px;
text-align: left;
margin-left: 10px
}
@media (max-width:480px) {
#apf .add-to-cart.floater {
bottom: 0;
left: 0;
transform: none;
margin: 0;
width: 100%
}
#apf .add-to-cart.floater button {
border-radius: 0;
padding: 10px 20px
}
#apf .add-to-cart.floater span span em,
#apf .add-to-cart.floater span span em {
display: block
}
}
#apf .cc-icons {
text-align: left;
padding: 0 10px;
margin-top: 5px;
background: #fff;
display: inline-block !important;
width: 100%
}
#apf .cc-icons>div[data-icon] {
display: inline-block !important;
width: 70px;
height: 34px;
content: "";
margin: 0;
background-image: url(../img/credit_cards.png);
background-repeat: no-repeat;
background-color: #fff;
border: solid 1px #ccc;
background-size: auto
}
#apf .cc-icons>div[data-icon="visa-mc"] {
background-position: 0 0
}
#apf .cc-icons>div[data-icon="cod"] {
background-position: calc(-80px * 15) 0
}
#apf .cc-icons>div[data-icon="mastercard"] {
background-position: 0 0
}
#apf .cc-icons>div[data-icon="webmoney"] {
background-position: -70px 0
}
#apf.cc-icons>div[data-icon="adyen"] {
background-position: calc(-70px * 2) 0
}
#apf .cc-icons>div[data-icon="visa"] {
background-position: calc(-70px * 3) 0
}
#apf .cc-icons>div[data-icon="eps"] {
background-position: calc(-70px * 4) 0
}
#apf .cc-icons>div[data-icon="dotpay"] {
background-position: calc(-70px * 5) 0
}
#apf .cc-icons>div[data-icon="payu"] {
background-position: calc(-70px * 6) 0
}
#apf .cc-icons>div[data-icon="sofort"] {
background-position: calc(-70px * 7) 0
}
#apf .cc-icons>div[data-icon="platba"] {
background-position: calc(-70px * 8) 0
}
#apf .cc-icons>div[data-icon="euro"] {
background-position: calc(-70px * 9) 0
}
#apf .cc-icons>div[data-icon="multibanco"] {
background-position: calc(-70px * 10) 0
}
#apf .cc-icons>div[data-icon="paypal"] {
background-position: calc(-70px * 11) 0
}
#apf .cc-icons>div[data-icon="bankbetalning"] {
background-position: calc(-70px * 12) 0
}
#apf .cc-icons>div[data-icon="klarna"] {
background-position: calc(-70px * 13) 0
}
#apf .cc-icons>div[data-icon="cc"] {
background-position: calc(-70px * 14) 0
}
#apf .cc-icons>div[data-icon="cod"] {
background-position: calc(-70px * 15) 0
}
#apf .cc-icons>div[data-icon="amex"] {
background-position: calc(-70px * 16) 0
}
#apf .cc-icons>div[data-icon="maestro"] {
background-position: calc(-70px * 17) 0
}
#apf .cc-icons>div[data-icon="diners"] {
background-position: calc(-70px * 18) 0
}
#apf .cc-icons>div[data-icon="cb"] {
background-position: calc(-70px * 19) 0
}
#apf .cc-icons>div[data-icon="ideal"] {
background-position: calc(-70px * 20) 0
}
#apf .cc-icons .title {
margin-bottom: 5px;
font-size: 12px;
font-weight: 700;
border-top: solid 1px #ccc
}
#apf .free-gift {
display: inline-block;
width: unset;
padding: 12px;
box-sizing: border-box;
max-width: 350px;
background: #eee;
margin: 30px 0 0 0
}
#apf .free-gift img {
max-width: 30%;
float: left
}
#apf .free-gift .title {
text-align: left;
width: 100%;
padding-bottom: 10px
}
#apf .free-gift p {
text-align: left;
width: 65%;
float: right;
margin: 0 0 0 5% !important;
padding: 0
}
#apf .free-gift .title {
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
color: #333
}
#apf .free-gift p {
font-size: 12px;
line-height: 16px;
font-weight: 400;
color: #333
}
#apf.color-scheme-1 .free-gift .title {
color: #769500
}
#apf.color-scheme-2 .free-gift .title {
color: #619FCB
}
#apf.color-scheme-3 .free-gift .title {
color: #CDA077
}
#apf.color-scheme-4 .free-gift .title {
color: #64BA49
}
#apf.color-scheme-5 .free-gift .title {
color: #00AEEF
}
#apf.color-scheme-6 .free-gift .title {
color: #C5299B
}
#apf.color-scheme-7 .free-gift .title {
color: #00B298
}
body[class*="theme-powgen"] .free-gift .title {
color: #ff5c00
}
#apf .availability {
color: #333
}
@media (max-width:719px) {
#apf .free-gift .title {
text-align: left;
width: 65%;
float: right
}
#apf .free-gift {
margin: 10px 0 0 0;
width: 100%
}
}
#apf .product-icons {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin: 5px 0 10px
}
#apf .product-icons div[class*='icon-'] {
width: 34px;
height: 34px;
margin: 2px;
display: block;
background-size: cover;
opacity: .3
}
#apf .product-icons .icon-gmp {
background: url(../img/icon-good-manu.svg) center no-repeat
}
#apf .product-icons .icon-vegetarian {
background: url(../img/icon-vegetarian.svg) center no-repeat
}
#apf .product-icons .icon-cellulose {
background: url(../img/icon-cellulose.svg) center no-repeat
}
#apf .product-icons .icon-gluten {
background: url(../img/icon-gluten-free.svg) center no-repeat
}
#apf .product-icons .icon-lactose {
background: url(../img/icon-lactose-free.svg) center no-repeat
}
#apf .product-icons .icon-gmo {
background: url(../img/icon-gmo-free.svg) center no-repeat
}
#apf .product-icons .icon-ebook {
background: url(../img/icon-ebook.svg) center no-repeat
}
#apf .product-icons .icon-vegan {
background: url(../img/icon-vegan.svg) center no-repeat
}
#apf .adyen-subscription-wrapper {
margin: 0 0 12px 0
}
#apf .adyen-subscription-wrapper>div.title {
margin-bottom: -1px;
padding-bottom: 10px;
font-weight: normal;
color: #333
}
#apf .adyen-subscription-wrapper label {
padding: 10px 38px
}
#apf .adyen-subscription-wrapper label span.type-text b {
padding: 2px 4px
}
#apf .adyen-subscription-wrapper label span.subscription-tooltip span {
color: #fff
}
#apf .adyen-subscription-wrapper label span.subscription-tooltip span.content {
padding: 20px
}
#apf.color-scheme-1 .picto-box {
background: #FF6347
}
#apf.color-scheme-1 .atc-wrapper {
border-color: #F8A798
}
#apf.color-scheme-1 input[name="adyen_subscription"]:checked+label:after {
background: #FF6347
}
#apf.color-scheme-1 .adyen-subscription-wrapper input[name="adyen_subscription"]:checked+label span.subscription-label-bg {
background: #FFE8DC
}
#apf.color-scheme-1 .adyen-subscription-wrapper .subscription-option label span.type-text b {
background: #FF6347
}
#apf.color-scheme-4 .picto-box {
background: #EC0043
}
#apf.color-scheme-4 .atc-wrapper {
border-color: #A2D692
}
#apf.color-scheme-4 input[name="adyen_subscription"]:checked+label:after {
background: #64ba49
}
#apf.color-scheme-4 .adyen-subscription-wrapper input[name="adyen_subscription"]:checked+label span.subscription-label-bg {
background: #DDFFD2
}
#apf.color-scheme-4 .adyen-subscription-wrapper .subscription-option label span.type-text b {
background: #EC0043
}
#apf.color-scheme-2 .picto-box {
background: #7BAFD4
}
#apf.color-scheme-2 .atc-wrapper {
border-color: #7bafd49c
}
#apf.color-scheme-2 input[name="adyen_subscription"]:checked+label:after {
background: #7BAFD4
}
#apf.color-scheme-2 .adyen-subscription-wrapper input[name="adyen_subscription"]:checked+label span.subscription-label-bg {
background: #7bafd461
}
#apf.color-scheme-2 .adyen-subscription-wrapper .subscription-option label span.type-text b {
background: #7BAFD4
}
#apf.color-scheme-3 .picto-box {
background: #333
}
#apf.color-scheme-3 .atc-wrapper {
border-color: #cda07799
}
#apf.color-scheme-3 input[name="adyen_subscription"]:checked+label:after {
background: #CDA077
}
#apf.color-scheme-3 .adyen-subscription-wrapper input[name="adyen_subscription"]:checked+label span.subscription-label-bg {
background: #cda077ab
}
#apf.color-scheme-3 .adyen-subscription-wrapper .subscription-option label span.type-text b {
background: #333
}
#apf.color-scheme-5 .picto-box {
background: #333
}
#apf.color-scheme-5 .atc-wrapper {
border-color: #00aeefab
}
#apf.color-scheme-5 input[name="adyen_subscription"]:checked+label:after {
background: #00AEEF
}
#apf.color-scheme-5 .adyen-subscription-wrapper input[name="adyen_subscription"]:checked+label span.subscription-label-bg {
background: #00aeef4a
}
#apf.color-scheme-5 .adyen-subscription-wrapper .subscription-option label span.type-text b {
background: #333
}
#apf.color-scheme-6 .picto-box {
background: #FFB25B
}
#apf.color-scheme-6 .atc-wrapper {
border-color: #c5299b8f
}
#apf.color-scheme-6 input[name="adyen_subscription"]:checked+label:after {
background: #C5299B
}
#apf.color-scheme-6 .adyen-subscription-wrapper input[name="adyen_subscription"]:checked+label span.subscription-label-bg {
background: #c5299b66
}
#apf.color-scheme-6 .adyen-subscription-wrapper .subscription-option label span.type-text b {
background: #FFB25B
}
#apf.color-scheme-7 .picto-box {
background: #FE3975
}
#apf.color-scheme-7 .atc-wrapper {
border-color: #81ccc1b3
}
#apf.color-scheme-7 input[name="adyen_subscription"]:checked+label:after {
background: #00B298
}
#apf.color-scheme-7 .adyen-subscription-wrapper input[name="adyen_subscription"]:checked+label span.subscription-label-bg {
background: #00b2983b
}
#apf.color-scheme-7 .adyen-subscription-wrapper .subscription-option label span.type-text b {
background: #FE3975
}
#apf .adyen-subscription-wrapper .subscription-option label span.type-text b {
border-radius: 5px;
padding: 2px 12px
}
#apf .picto-box .picto-text {
font-size: 20px !important;
line-height: 25px !important
}
@media(max-width:325px) {
#apf .container-content .add-to-cart .button>p {
font-size: 13px
}
}
#apf .hero-2-content ul {
display: flex;
flex-direction: column
}
.owl-carousel.carousel-hero .owl-nav button.owl-prev span,
.owl-carousel.carousel-hero .owl-nav button.owl-next span {
font-family: 'Open Sans', sans-serif;
line-height: 45px
}
#apf.color-scheme-8 .hero-2-content ul li p {
color: #444
}
#apf.color-scheme-8 .atc-wrapper {
border-color: #F6A186
}
#apf.color-scheme-8 .free-gift .title {
color: #EF6235
}
#apf.color-scheme-8 .free-gift {
background: #F4F4F4
}
#apf.color-scheme-8 .testimonial-header .stars-container,
#apf.color-scheme-8 .stars-container {
background-image: url(../img/star-orange.svg)
}
#apf.color-scheme-8 .nav-a,
#apf.color-scheme-8 .owl-carousel.carousel-graph-2:not(.carousel-steps) .owl-item:first-of-type .testimonial-footer,
#apf.color-scheme-8 .testimonials-1 .image-text,
#apf.color-scheme-8 .packages-sold .hepa-button,
#apf.color-scheme-8 .numerical-studies .numerical-study p:before,
#apf.color-scheme-8 .testimonial-footer-bottom,
#apf .reviews .verified-check {
background-color: #EF6235
}
#apf.color-scheme-8 .testimonial-footer-bottom p,
#apf.color-scheme-8 .testimonial-header .rating-text {
color: #fff
}
#apf.color-scheme-8 .testimonial-header {
background: #444
}
#apf.color-scheme-8 .reviews .verified {
background: #4DB7B7
}
#apf.color-scheme-8 .gray-light-bgd {
background: #EEF0F0
}
#apf.color-scheme-8 .story .story-solution,
#apf.color-scheme-8 .story .story-problem {
background: #EEF0F0
}
#apf.color-scheme-8 .story .story-problem {
border-color: #4DB7B7
}
#apf.color-scheme-8 .story .story-solution {
border-color: #EF6235
}
#apf.color-scheme-8 .story .story-solution p,
#apf.color-scheme-8 .story .story-problem p,
#apf.color-scheme-8 .story .story-solution h2,
#apf.color-scheme-8 .story .story-problem h2 {
color: #444
}
#apf.color-scheme-8 .graph-2.steps-slider .owl-carousel:not(.carousel-testimonials-2) .testimonial-footer,
#apf.color-scheme-8 .how-it-works .owl-carousel .item .testimonial-footer {
background: #F2F2F2
}
#apf.color-scheme-8 .graph-2 .owl-carousel .smaller-text {
color: #999
}
#apf.color-scheme-8 .problem-agilation .underline-big {
color: #EF6235
}
#apf.color-scheme-8 .problem-agilation .secondary p {
color: #EF6235
}
#apf.color-scheme-8 .problem-agilation ul li:before {
background-image: url(../img/times-circle-powgen.svg)
}
#apf.color-scheme-8 .graph-2:not(.steps-slider) .owl-carousel .owl-item:not(:first-child) .item .testimonial-footer {
background: #eee
}
#apf.color-scheme-8 .graph-2:not(.steps-slider) .owl-carousel .owl-item .item {
background: #fff
}
#apf.color-scheme-8 .stats .stat:before {
display: none
}
#apf.color-scheme-8 .product-info .text-container {
background-color: #4DB7B7
}
#apf.color-scheme-8 .product-info .check-container,
#apf.color-scheme-8 .product-info .view-details {
background-color: #429A9A
}
#apf.color-scheme-8 .cta {
background: #EF6235
}
#apf.color-scheme-8 .cta .underline-big,
#apf.color-scheme-8 .packages-sold .underline-big {
color: #fff
}
#apf.color-scheme-8 .cta .hepa-button {
background-color: #211F20
}
#apf.color-scheme-8 .cta .hepa-button p {
color: #fff
}
#apf.color-scheme-8 .cta .hepa-button>p:first-of-type:after {
background-image: url(../img/cart_iconh.png)
}
#apf.color-scheme-8 .packages-sold h2 {
color: #fff
}
#apf.color-scheme-8 .container-outer.guarantee {
background: linear-gradient(to bottom, #fff 0%, #fff 70px, #211F20 70px, #211F20 100%)
}
#apf.color-scheme-8 .guarantee .underline-big {
display: none
}
#apf.color-scheme-8 .hero-2-content .picto-discount.picto-bottom {
background: #EF6235
}
#apf.color-scheme-8 table th,
#apf.color-scheme-8 table tr {
background-color: #fff;
color: #444
}
#apf.color-scheme-8 .popup-ingredients .usage.primary-light-bgd {
background: #ef62351a
}
#apf.color-scheme-8 .faq .accordion-header:before {
background: url(../img/plus-circle-powgen.svg) no-repeat
}
#apf.color-scheme-8 .faq .accordion-header.active:before {
background: url(../img/minus-circle-powgen.svg) no-repeat
}
#apf a {
word-break: break-all
}
#apf ul.faq-2-list p {
font-size: 18px;
line-height: 24px;
margin-bottom: 8px
}
#apf ul.faq-2-list p.bold:before {
left: 0;
top: 1px;
position: absolute;
content: "\2022";
color: #EF6235;
font-weight: bold;
display: inline-block;
width: 20px;
margin-left: -20px
}
#apf ul.faq-2-list li {
border-bottom: 1px solid #f4f4f4;
padding-bottom: 8px
}
#apf ul.faq-2-list li:not(:last-of-type) {
margin-bottom: 20px
}
#apf .dropdown-facts .product-ingredients-table-container {
display: none
}
#apf .dropdown-facts .opened-load .product-ingredients-table-container {
display: block
}
#apf .dropdown-facts .product-name-container p {
font-size: 18px;
line-height: 24px;
text-transform: uppercase;
margin: 0 0 5px 0
}
#apf .dropdown-facts .product-name-container {
border-bottom: 3px solid #777;
display: flex;
align-items: center;
justify-content: space-between
}
#apf .dropdown-facts .product-name-container.active p {
color: #EF6235
}
#apf .dropdown-facts .product-ingredients-table-container {
padding: 20px 0 0 20px
}
#apf .dropdown-facts .supplement-facts table th {
border-top: none;
border-bottom: 3px solid #777
}
#apf .dropdown-facts .supplement-facts p.legend {
margin-bottom: 10px
}
#apf .dropdown-facts .supplement-facts p:not(.legend) {
margin: 0
}
#apf .dropdown-facts .product-ingredients-container {
margin-bottom: 20px
}
#apf .dropdown-facts .product-ingredients-container .cross {
background: #EF6235;
height: 2px;
position: relative;
width: 16px
}
#apf .dropdown-facts .product-ingredients-container .cross:after {
background: #EF6235;
content: "";
height: 16px;
left: 7px;
position: absolute;
top: -7px;
width: 2px
}
#apf .dropdown-facts .product-ingredients-container .product-name-container.active .cross:after {
display: none
}
#apf .squares-module .squares .square {
border: 4px solid #ccc;
padding: 25px 35px
}
#apf .squares-module .squares {
padding-top: 40px
}
#apf .squares-module .squares .square p {
font-size: 16px;
line-height: 22px
}
@media (max-width:720px) {
#apf ul.faq-2-list p {
font-size: 16px;
line-height: 22px;
margin-bottom: 8px
}
#apf ul.faq-2-list li {
padding-bottom: 4px
}
#apf ul.faq-2-list li:not(:last-of-type) {
margin-bottom: 10px
}
#apf .squares-module .container-content p {
text-align: left
}
#apf .squares-module .container-outer.title {
padding-bottom: 0
}
#apf .squares-module .squares {
padding-top: 20px
}
#apf .squares-module .squares .square {
padding: 20px 15px
}
#apf .squares-module .squares .square:first-of-type {
margin-bottom: 20px
}
}
#apf .hero-2-content ul.tier-prices {
width: calc(100% - 20px);
margin-bottom: 10px !important
}
#apf.color-scheme-4 .tier-prices.product-pricing li label:hover,
#apf.color-scheme-4 .tier-prices.product-pricing li input:checked+label,
#apf.color-scheme-4 .tier-prices.product-pricing li.badge div {
background: #ec2042
}
#apf.color-scheme-4 .tier-prices.product-pricing li label span:first-of-type {
color: #ec2042
}
#apf.color-scheme-4 .tier-prices.product-pricing li label:hover span:first-of-type,
#apf.color-scheme-4 .tier-prices.product-pricing li input:checked+label span:first-of-type {
color: #333
}
#apf.color-scheme-4 .tier-prices.product-pricing li label {
border: 1px solid #ec2042;
box-shadow: none
}
#apf .hero-2-content ul.tier-prices {
width: calc(100% - 20px);
margin-bottom: 10px !important
}
#apf.color-scheme-1 .tier-prices.product-pricing li label:hover,
#apf.color-scheme-1 .tier-prices.product-pricing li input:checked+label,
#apf.color-scheme-1 .tier-prices.product-pricing li.badge div {
background: #f26248
}
#apf.color-scheme-1 .tier-prices.product-pricing li label span:first-of-type {
color: #f26248
}
#apf.color-scheme-1 .tier-prices.product-pricing li label:hover span:first-of-type,
#apf.color-scheme-1 .tier-prices.product-pricing li input:checked+label span:first-of-type {
color: #333
}
#apf.color-scheme-1 .tier-prices.product-pricing li label {
border: 1px solid #f26248;
box-shadow: none
}
#apf.color-scheme-3 .tier-prices.product-pricing li label:hover,
#apf.color-scheme-3 .tier-prices.product-pricing li input:checked+label,
#apf.color-scheme-3 .tier-prices.product-pricing li.badge div {
background: #333
}
#apf.color-scheme-3 .tier-prices.product-pricing li label span:first-of-type {
color: #333
}
#apf.color-scheme-3 .tier-prices.product-pricing li label:hover span:first-of-type,
#apf.color-scheme-3 .tier-prices.product-pricing li input:checked+label span:first-of-type {
color: #fff
}
#apf.color-scheme-3 .tier-prices.product-pricing li label {
border: 1px solid #333;
box-shadow: none
}
#apf.color-scheme-5 .tier-prices.product-pricing li label:hover,
#apf.color-scheme-5 .tier-prices.product-pricing li input:checked+label,
#apf.color-scheme-5 .tier-prices.product-pricing li.badge div {
background: #333
}
#apf.color-scheme-5 .tier-prices.product-pricing li label span:first-of-type {
color: #333
}
#apf.color-scheme-5 .tier-prices.product-pricing li label:hover span:first-of-type,
#apf.color-scheme-5 .tier-prices.product-pricing li input:checked+label span:first-of-type {
color: #fff
}
#apf.color-scheme-5 .tier-prices.product-pricing li label {
border: 1px solid #333;
box-shadow: none
}
#apf.color-scheme-6 .tier-prices.product-pricing li label:hover,
#apf.color-scheme-6 .tier-prices.product-pricing li input:checked+label,
#apf.color-scheme-6 .tier-prices.product-pricing li.badge div {
background: #f6b25c
}
#apf.color-scheme-6 .tier-prices.product-pricing li label span:first-of-type {
color: #f6b25c
}
#apf.color-scheme-6 .tier-prices.product-pricing li label:hover span:first-of-type,
#apf.color-scheme-6 .tier-prices.product-pricing li input:checked+label span:first-of-type {
color: #fff
}
#apf.color-scheme-6 .tier-prices.product-pricing li label {
border: 1px solid #f6b25c;
box-shadow: none
}
#apf.color-scheme-8 .tier-prices.product-pricing li label:hover,
#apf.color-scheme-8 .tier-prices.product-pricing li input:checked+label,
#apf.color-scheme-8 .tier-prices.product-pricing li.badge div {
background: #F06235
}
#apf.color-scheme-8 .tier-prices.product-pricing li label span:first-of-type {
color: #F06235
}
#apf.color-scheme-8 .tier-prices.product-pricing li label:hover span:first-of-type,
#apf.color-scheme-8 .tier-prices.product-pricing li input:checked+label span:first-of-type {
color: #fff
}
#apf.color-scheme-8 .tier-prices.product-pricing li label {
border: 1px solid #F06235;
box-shadow: none
}
#apf .free-gift-gym-wrapper .content-wrapper {
width: 45%;
flex-direction: column
}
#apf .free-gift-gym-wrapper .title-wrapper h2 {
font-size: 26px;
line-height: 32px;
margin: 20px 0 40px 0;
text-align: center;
font-weight: 600
}
#apf.color-scheme-4 .free-gift-gym-wrapper .title-wrapper h2 {
color: #64BA49
}
#apf .free-gift-gym-wrapper .title-wrapper p {
font-size: 18px;
line-height: 24px
}
#apf .free-gift-gym-wrapper .flex {
display: flex
}
#apf .free-gift-gym-wrapper .content-inner {
justify-content: center
}
#apf .free-gift-gym-wrapper .content-inner {
width: 100%
}
#apf .free-gift-gym-wrapper .content-outer {
align-items: flex-start;
justify-content: space-between;
padding: 40px 0
}
#apf .free-gift-gym-wrapper {
background: #eee !important;
padding: 20px 40px 0 40px;
margin: 40px 0
}
#apf .free-gift-gym-wrapper .content-wrapper p:not(:last-of-type) {
margin-bottom: 20px !important
}
#apf .free-gift-gym-wrapper .content-wrapper p {
padding-right: 20px !important
}
@media(max-width:500px) {
#apf .free-gift-gym-wrapper {
padding: 5px 15px
}
#apf .free-gift-gym-wrapper .content-outer {
flex-direction: column;
padding: 20px 0
}
#apf .free-gift-gym-wrapper .content-wrapper {
width: 100%
}
#apf .free-gift-gym-wrapper .content-inner {
padding-bottom: 20px
}
#apf .free-gift-gym-wrapper .title-wrapper h2 {
margin: 20px 0 20px 0;
font-size: 21px;
line-height: 27px
}
#apf .free-gift-gym-wrapper .title-wrapper p {
font-size: 16px;
line-height: 22px
}
}
#apf.color-scheme-9 .primary {
color: #EB9185
}
#apf.color-scheme-9 .primary-bgd {
background-color: #EB9185
}
#apf.color-scheme-9 .primary-light {
color: #F6FAE7
}
#apf.color-scheme-9 .primary-light-bgd {
background-color: #fff
}
#apf.color-scheme-9 .primary-dark {
color: #EB9185
}
#apf.color-scheme-9 .primary-dark-bgd {
background-color: #EB9185
}
#apf.color-scheme-9 .primary-darker {
color: #EB9185
}
#apf.color-scheme-9 .primary-darker-bgd {
background-color: #EB9185
}
#apf.color-scheme-9 .secondary {
color: #444
}
#apf.color-scheme-9 .secondary-bgd {
background-color: #EB9185
}
#apf.color-scheme-9 .secondary-light {
color: #FEF2F5
}
#apf.color-scheme-9 .secondary-light-bgd {
background-color: #FEF2F5
}
#apf.color-scheme-9 .secondary-dark {
color: #EB9185
}
#apf.color-scheme-9 .white {
color: #FFF
}
#apf.color-scheme-9 .white-bgd {
background-color: #FFF
}
#apf.color-scheme-9 .gray-light {
color: #F4F4F4
}
#apf.color-scheme-9 .gray-light-bgd {
background-color: #fff
}
#apf.color-scheme-9 .color-scheme-3 .gray-light-bgd {
background-color: #FDFAF8
}
#apf.color-scheme-9 .gray {
color: #DDD
}
#apf.color-scheme-9 .gray-bgd {
background-color: #DDD
}
#apf.color-scheme-9 .gray-second {
color: #999
}
#apf.color-scheme-9 .black {
color: #444
}
#apf.color-scheme-9 .black-bgd {
background-color: #211F20
}
#apf.color-scheme-9 .hero-2-content ul li:before {
background-image: url(../img/check-tummy.svg)
}
#apf.color-scheme-9 .hero-2-content ul li p {
color: #444
}
#apf.color-scheme-9 .atc-wrapper {
border-color: #FBE9E7
}
#apf.color-scheme-9 .free-gift .title {
color: #F6A186
}
#apf.color-scheme-9 .free-gift {
background: #F4F4F4
}
#apf.color-scheme-9 .testimonial-header .stars-container,
#apf.color-scheme-9 .stars-container {
background-image: url(../img/star-tummy.svg)
}
#apf.color-scheme-9 .nav-a,
#apf.color-scheme-9 .owl-carousel.carousel-graph-2:not(.carousel-steps) .owl-item:first-of-type .testimonial-footer,
#apf.color-scheme-9 .testimonials-1 .image-text,
#apf.color-scheme-9 .packages-sold .hepa-button,
#apf.color-scheme-9 .numerical-studies .numerical-study p:before,
#apf.color-scheme-9 .base-container .testimonial-footer-bottom {
background-color: #F6A186
}
#apf.color-scheme-9 .testimonial-footer-bottom p,
#apf.color-scheme-9 .testimonial-header .rating-text {
color: #fff
}
#apf.color-scheme-9 .testimonial-header {
background: #444
}
#apf.color-scheme-9 .reviews .verified {
background: #4DB7B7
}
#apf.color-scheme-9 .gray-light-bgd {
background: #EEF0F0
}
#apf.color-scheme-9 .story .story-solution,
#apf.color-scheme-9 .story .story-problem {
background: #EEF0F0
}
#apf.color-scheme-9 .story .story-problem {
border-color: #4DB7B7
}
#apf.color-scheme-9 .story .story-solution {
border-color: #EB9185
}
#apf.color-scheme-9 .story .story-solution p,
#apf.color-scheme-9 .story .story-problem p,
#apf.color-scheme-9 .story .story-solution h2,
#apf.color-scheme-9 .story .story-problem h2 {
color: #444
}
#apf.color-scheme-9 .graph-2.steps-slider .owl-carousel:not(.carousel-testimonials-2) .testimonial-footer,
#apf.color-scheme-9 .how-it-works .owl-carousel .item .testimonial-footer {
background: #F2F2F2
}
#apf.color-scheme-9 .graph-2 .owl-carousel .smaller-text {
color: #999
}
#apf.color-scheme-9 .problem-agilation .underline-big {
color: #EB9185
}
#apf.color-scheme-9 .problem-agilation .secondary p {
color: #EB9185
}
#apf.color-scheme-9 .problem-agilation ul li:before {
background-image: url(../img/times-circle-tummy.svg)
}
#apf.color-scheme-9 .graph-2:not(.steps-slider) .owl-carousel .owl-item:not(:first-child) .item .testimonial-footer {
background: #eee
}
#apf.color-scheme-9 .graph-2:not(.steps-slider) .owl-carousel .owl-item .item {
background: #fff
}
#apf.color-scheme-9 .stats .stat:before {
display: none
}
#apf.color-scheme-9 .product-info .text-container {
background-color: #4DB7B7
}
#apf.color-scheme-9 .product-info .check-container,
#apf.color-scheme-9 .product-info .view-details {
background-color: #429A9A
}
#apf.color-scheme-9 .cta {
background: #EB9185
}
#apf.color-scheme-9 .cta .underline-big,
#apf.color-scheme-9 .packages-sold .underline-big {
color: #fff
}
#apf.color-scheme-9 .cta .hepa-button {
background-color: #fff
}
#apf.color-scheme-9 .packages-sold {
background-color: #4DB7B7
}
#apf.color-scheme-9 .cta .hepa-button p {
color: #444
}
#apf.color-scheme-9 ul.apf-list li:before {
color: #EB9185
}
#apf.color-scheme-9 .cta .hepa-button>p:first-of-type:after {
background-image: url(../img/cart_iconh.png)
}
#apf.color-scheme-9 .packages-sold h2 {
color: #fff
}
#apf.color-scheme-9 .container-outer.guarantee {
background: linear-gradient(to bottom, #fff 0%, #fff 70px, #EB9185 70px, #EB9185 100%)
}
#apf.color-scheme-9 .hero-2-content .picto-discount {
background: #4DB7B7
}
#apf.color-scheme-9 .guarantee .underline-big {
display: none
}
#apf.color-scheme-9 .hero-2-content .picto-discount.picto-bottom {
background: #EB9185
}
#apf.color-scheme-9 table th,
#apf.color-scheme-9 table tr {
background-color: #fff;
color: #444
}
#apf.color-scheme-9 .popup-ingredients .usage.primary-light-bgd {
background: #ef62351a
}
#apf.color-scheme-9 .faq .accordion-header:before {
background: url(../img/plus-circle-tummy.svg) no-repeat
}
#apf.color-scheme-9 .faq .accordion-header.active:before {
background: url(../img/minus-circle-tummy.svg) no-repeat
}
#apf.color-scheme-9 .tier-prices.product-pricing li label:hover,
#apf.color-scheme-9 .tier-prices.product-pricing li input:checked+label,
#apf.color-scheme-9 .tier-prices.product-pricing li.badge div {
background: #EB9185
}
#apf.color-scheme-9 .tier-prices.product-pricing li label span:first-of-type {
color: #EB9185
}
#apf.color-scheme-9 .tier-prices.product-pricing li label:hover span:first-of-type,
#apf.color-scheme-9 .tier-prices.product-pricing li input:checked+label span:first-of-type {
color: #fff
}
#apf.color-scheme-9 .tier-prices.product-pricing li label {
border: 1px solid #EB9185;
box-shadow: none
}
@media (max-width:719px) {
#apf.color-scheme-9 .guarantee.title {
background: linear-gradient(to bottom, #fff 0%, #fff 50px, #EB9185 50px, #EB9185 100%)
}
}
#apf.color-scheme-1 .section:not(.guarantee):not(.cta):not(.problem-agilation):not(.packages-sold):not(.story) h2 {
color: #769500 !important
}
#apf.color-scheme-2 .section:not(.guarantee):not(.cta):not(.problem-agilation):not(.packages-sold):not(.story) h2 {
color: #7BAFD4 !important
}
#apf.color-scheme-3 .section:not(.guarantee):not(.cta):not(.problem-agilation):not(.packages-sold):not(.story) h2 {
color: #CDA077 !important
}
#apf.color-scheme-4 .section:not(.guarantee):not(.cta):not(.problem-agilation):not(.packages-sold):not(.story) h2 {
color: #64BA49 !important
}
#apf.color-scheme-5 .section:not(.guarantee):not(.cta):not(.problem-agilation):not(.packages-sold):not(.story) h2 {
color: #00AEEF !important
}
#apf.color-scheme-6 .section:not(.guarantee):not(.cta):not(.problem-agilation):not(.packages-sold):not(.story) h2 {
color: #C5299B !important
}
#apf.color-scheme-7 .section:not(.guarantee):not(.cta):not(.problem-agilation):not(.packages-sold):not(.story) h2 {
/* color: #00B298 !important */
color: #6e9ebf !important;
}
#apf.color-scheme-8 .section:not(.guarantee):not(.cta):not(.problem-agilation):not(.packages-sold):not(.story) h2 {
color: #F06235 !important
}
#apf.color-scheme-9 .section:not(.guarantee):not(.cta):not(.problem-agilation):not(.packages-sold):not(.story) h2 {
color: #EB9185 !important
}
#apf .underline-big {
display: none !important
}
#apf .underline-big+p {
margin-top: 20px !important
}
@media (min-width:720px) {
#apf h2 {
margin-bottom: 40px !important
}
#apf .underline-big+p {
margin-top: -20px !important
}
}
#apf .section:not(.hero-1):not(.hero-2):not(.order-now):not(.cta) h2,
#apf .section:not(.hero-1):not(.hero-2):not(.order-now):not(.cta) h1 {
text-align: center !important
}
#apf .table-when table {
table-layout: fixed;
width: 100%;
margin: 40px 0 10px 0
}
#apf .table-when tr th.table-img {
padding: 25px 35px
}
#apf .table-when tr th {
font-size: 16px;
line-height: 22px;
word-break: break-word;
text-transform: uppercase
}
#apf .table-when tr td {
font-size: 14px;
line-height: 19px
}
#apf .table-when tr th,
#apf .table-when tr td {
text-align: center;
vertical-align: middle;
padding: 20px;
border: 1px solid #ccc;
word-break: break-word
}
#apf .table-when .table-img img {
width: 32px;
max-width: unset;
margin: 0 auto
}
#apf .table-when tr td:first-of-type {
font-size: 12px;
line-height: 17px;
font-weight: 600;
text-transform: uppercase
}
#apf .table-when tr td:first-of-type,
#apf .table-when tr th:first-of-type {
width: 102px
}
#apf .table-when tr td:first-of-type b {
font-size: 22px;
line-height: 22px
}
#apf.color-scheme-1 .table-when tr td:first-of-type b {
color: #FF6347
}
#apf.color-scheme-2 .table-when tr td:first-of-type b {
color: #7BAFD4
}
#apf.color-scheme-3 .table-when tr td:first-of-type b {
color: #CDA077
}
#apf.color-scheme-4 .table-when tr td:first-of-type b {
color: #EC0043
}
#apf.color-scheme-5 .table-when tr td:first-of-type b {
color: #00AEEF
}
#apf.color-scheme-5 .table-when tr th.table-img,
#apf.color-scheme-5 .table-when .table-footer {
background: #00AEEF
}
#apf.color-scheme-6 .table-when tr td:first-of-type b {
color: #C5299B
}
#apf.color-scheme-6 .table-when tr th.table-img,
#apf.color-scheme-6 .table-when .table-footer {
background: #C5299B
}
#apf.color-scheme-7 .table-when tr td:first-of-type b {
color: #00B298
}
#apf.color-scheme-7 .table-when tr th.table-img,
#apf.color-scheme-7 .table-when .table-footer {
background: #00B298
}
#apf.color-scheme-8 .table-when tr td:first-of-type b {
color: #F06235
}
#apf.color-scheme-9 .table-when tr td:first-of-type b {
color: #EB9185
}
#apf .table-when .table-footer {
padding: 10px 50px
}
#apf .table-when .table-footer .footer-a {
font-size: 16px;
line-height: 22px
}
#apf .table-when .table-footer .footer-b {
font-size: 14px;
line-height: 19px
}
@media (max-width:719px) {
#apf .table-when .table-img img {
width: 25px
}
#apf .table-when tr th.table-img {
padding: unset
}
#apf .table-when tr th,
#apf .table-when tr td {
padding: 10px 5px
}
#apf .table-when tr th {
font-size: 12px;
line-height: 16px
}
#apf .table-when tr td {
font-size: 11px;
line-height: 15px
}
#apf .table-when tr td:first-of-type b {
font-size: 20px;
line-height: 20px
}
#apf .table-when tr td:first-of-type {
font-size: 10px;
line-height: 14px
}
#apf .table-when .table-footer {
padding: 10px
}
#apf .table-when .table-footer .footer-a,
#apf .table-when .table-footer .footer-b {
font-size: 12px;
line-height: 17px
}
#apf .table-when table {
margin: 20px 0 10px 0
}
#apf .table-when tr td:first-of-type,
#apf .table-when tr th:first-of-type {
width: 65px
}
}
#apf .supplement-facts table tr,
#apf .supplement-facts table th {
background: transparent
}
#apf .gray-box .container-inner {
background: #838286;
padding: 20px
}
#apf .section.universal-custom-module {
padding: 0
}
#apf .section.universal-custom-module>.title {
padding: 60px 0 0 0
}
#apf .section.universal-custom-module>.content,
#apf .section.universal-custom-module .repeater-wrapper .container-outer {
padding: 60px 0
}
#apf .section.universal-custom-module>.content {
padding-top: 0
}
#apf .section.universal-custom-module .repeater-wrapper>.title {
padding: 60px 0
}
#apf .section.universal-custom-module .repeater-wrapper .container-outer .container-inner h2 {
text-align: left !important;
margin-bottom: 30px !important
}
#apf .section.universal-custom-module>.content:last-of-type {
padding: 60px 0
}
@media (max-width:719px) {
#apf .section.universal-custom-module>.title {
padding: 40px 0 20px 0
}
#apf .section.universal-custom-module>.content {
padding: 0 0 40px 0
}
#apf .section.universal-custom-module .repeater-wrapper .container-outer .container-inner h2 {
text-align: center !important;
margin-bottom: 20px !important
}
#apf .section.universal-custom-module .repeater-wrapper>.title {
padding: 40px 0
}
#apf .section.universal-custom-module>.content:last-of-type,
#apf .section.universal-custom-module .repeater-wrapper .container-outer {
padding: 40px 0
}
}
#apf .table-images .container-outer.content .container-inner h2.customh {
margin-top: 20px;
margin-bottom: 20px !important;
text-align: left !important
}
#apf .table-images img {
margin: 0 auto 20px auto
}
#apf .table-images .tbl-img {
padding: 40px
}
#apf .table-images .tbl-img p:not(:empty) {
padding: 10px
}
#apf .table-images .container-outer.content .container-inner.tbl-inner {
border: 2px solid;
margin: 60px auto;
display: flex
}
#apf.color-scheme-1 .table-images .tbl-img.colored {
background: #FF6347
}
#apf.color-scheme-2 .table-images .tbl-img.colored {
background: #7BAFD4
}
#apf.color-scheme-3 .table-images .tbl-img.colored {
background: #CDA077
}
#apf.color-scheme-4 .table-images .tbl-img.colored {
background: #EC0043
}
#apf.color-scheme-5 .table-images .tbl-img.colored {
background: #00AEEF
}
#apf.color-scheme-6 .table-images .tbl-img.colored {
background: #C5299B
}
#apf.color-scheme-7 .table-images .tbl-img.colored {
background: #00B298
}
#apf.color-scheme-8 .table-images .tbl-img.colored {
background: #F06235
}
#apf.color-scheme-9 .table-images .tbl-img.colored {
background: #EB9185
}
#apf .table-images .container-outer.content .container-inner .tbl-img.colored h2.customh {
color: #fff !important
}
#apf .container-content.tbl-img .border {
border: 2px solid;
background: #fff
}
#apf .container-content.tbl-img .border p {
color: #333
}
@media (max-width:719px) {
#apf .table-images .container-outer.content .container-inner.tbl-inner {
margin: 40px auto
}
#apf .table-images img {
margin: 0 auto 20px auto
}
#apf .table-images .tbl-img {
padding: 40px 20px
}
#apf .table-images .tbl-img:not(.colored):not(:first-of-type) {
padding-top: 0
}
#apf .table-images .container-outer.content .container-inner.tbl-inner {
flex-direction: column
}
#apf .embed-container.square-video {
padding-bottom: 100%
}
}
.apple-pay-button-with-text {
--apple-pay-scale: 1.5625;
display: inline-flex;
justify-content: center;
font-size: 12px;
border-radius: 5px;
padding: 0px;
box-sizing: border-box;
width: 100%;
min-height: 32px;
max-height: 64px;
margin-bottom: 10px
}
.apple-pay-button-black-with-text {
background-color: black;
color: white
}
.apple-pay-button-white-with-text {
background-color: white;
color: black
}
.apple-pay-button-white-with-line-with-text {
background-color: white;
color: black;
border: .5px solid black
}
.apple-pay-button-with-text.apple-pay-button-black-with-text>.logo {
background-image: -webkit-named-image(apple-pay-logo-white);
background-color: black
}
.apple-pay-button-with-text.apple-pay-button-white-with-text>.logo {
background-image: -webkit-named-image(apple-pay-logo-black);
background-color: white
}
.apple-pay-button-with-text.apple-pay-button-white-with-line-with-text>.logo {
background-image: -webkit-named-image(apple-pay-logo-black);
background-color: white
}
.apple-pay-button-with-text>.text {
font-family: -apple-system;
font-size: calc(1em * var(--apple-pay-scale));
font-weight: 300;
align-self: center;
margin-right: calc(2px * var(--apple-pay-scale))
}
.apple-pay-button-with-text>.logo {
width: calc(35px * var(--apple-pay-scale));
height: 100%;
background-size: 100% 60%;
background-repeat: no-repeat;
background-position: 0 50%;
margin-left: calc(2px * var(--apple-pay-scale));
border: none;
min-width: 0px;
min-height: 42px
}
.beforeAfter * {
box-sizing: border-box
}
.beforeAfter {
display: inline-block;
width: 100%;
margin: 30px 0
}
.beforeAfter>div {
float: left;
width: 50%
}
.beforeAfter .baSlider {
position: relative;
overflow: hidden;
width: 100%
}
.beforeAfter .baSlider .baImage {
position: relative;
width: 100%;
transform: translateX(-50%);
transition: all .3s ease;
z-index: 2
}
.beforeAfter .baSlider .baImage.revealed {
transform: translateX(0)
}
.beforeAfter .baSlider .baImage>div {
position: absolute;
top: auto;
bottom: 20px;
width: 50%;
font-size: 20px;
font-weight: 800;
color: #fff;
text-align: center;
text-transform: uppercase;
padding: 10px;
z-index: 2
}
.beforeAfter .baSlider .baImage>div:first-of-type {
right: 0
}
.beforeAfter .baSlider .baImage>div:last-of-type {
left: 0
}
.beforeAfter .baSlider .baImage img {
position: relative;
width: 100%;
height: auto;
margin: 0 !important;
z-index: 1
}
.beforeAfter .baSlider .baCta {
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
background: #eee;
cursor: pointer;
z-index: 1
}
.beforeAfter .baSlider .baCta button {
position: relative;
display: block;
margin: 0 auto;
top: 50%;
transform: translateY(-50%);
font-size: 12px
}
.beforeAfter .baSlider .baCta button:before,
.beforeAfter .baSlider .baCta button:after {
content: "";
position: absolute;
left: 50%;
margin-left: -20px;
width: 40px;
height: 40px;
background: url("data:image/svg+xml;utf8,") 0 0 no-repeat;
opacity: .3
}
.beforeAfter .baSlider .baCta button:before {
top: 50%;
margin-top: -80px
}
.beforeAfter .baSlider .baCta button:after {
bottom: 50%;
margin-bottom: -80px;
transform: rotate(180deg)
}
.beforeAfter .baSlider .baCta button:hover {
background: #444
}
.beforeAfter .baContent {
padding: 0 20px;
text-align: left
}
.beforeAfter .baContent h3 {
padding: 0 0 10px 0;
text-align: left !important
}
.beforeAfter .baInfo {
display: none;
width: 100%;
background: #eee;
padding: 20px;
position: relative;
margin-top: 20px
}
.beforeAfter .baInfo:before {
content: "";
position: absolute;
top: -14px;
left: 50%;
margin-left: -14%;
width: 0;
height: 0;
border-style: solid;
border-width: 0 14px 14px 14px;
border-color: transparent transparent #eee transparent
}
@media (max-width:767px) {
.beforeAfter {
display: flex;
flex-flow: column
}
.beforeAfter>div {
width: 100%
}
.beforeAfter .baInfo {
order: 1
}
.beforeAfter .baRight {
order: 2
}
.beforeAfter .baInfo:before {
left: auto;
right: 25%;
margin-right: -14px
}
.beforeAfter .baSlider .baImage>div {
font-size: 16px;
padding: 6px
}
.beforeAfter .baSlider .baCta button {
width: 90%
}
.beforeAfter .baContent {
padding: 20px 0 0 0
}
}
.graphSwitcher {
display: inline-block;
width: 100%;
margin: 30px 0;
text-align: center
}
.graphSwitcher .gsContent {
display: none;
margin-top: 20px
}
.contentRevealer {
display: inline-block;
width: 100%;
margin: 20px 0;
text-align: center
}
.contentRevealer .crContent {
display: none;
margin-top: 20px;
text-align: left
}
.contentRevealer2 {
text-align: center;
display: inline-block;
width: 100%;
margin: 30px 0
}
.contentRevealer2 h3 {
font-size: 28px !important;
font-weight: 800 !important;
text-transform: uppercase;
color: #ff5c01 !important
}
.contentRevealer2 .subtitle {
font-size: 22px;
color: #333;
font-weight: 800
}
.contentRevealer2 .cr2Content {
display: inline-block;
width: 100%;
margin: 10px 0;
text-align: left
}
.contentRevealer2 .cr2Content:not(.active) {
user-select: none;
pointer-events: none;
overflow: hidden
}
.contentRevealer2 .cr2Content * {
transition: all .2s ease
}
.contentRevealer2 .cr2Content.active * {
filter: none !important;
opacity: 1 !important
}
.contentRevealer2 .cr2Cta button {
margin-top: 0;
font-size: 16px;
letter-spacing: 0.5px;
width: 100%
}
.contentRevealer2 .cr2Cta button:after {
display: inline-block;
content: '';
margin: 0 0 0 10px;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 5px 0 5px;
border-color: #ffffff transparent transparent transparent
}
@media (min-width:961px) {
.contentRevealer2Bg {
position: relative;
width: 100%
}
.contentRevealer2Bg:before {
position: absolute;
top: 0;
left: -100%;
background: #eee;
content: '';
width: 300%;
height: 100%;
display: block
}
}
@media (max-width:960px) {
.contentRevealer2Bg {
background: #eee
}
}
div[class*="Cta"] button {
font-size: 18px;
font-weight: 700;
color: #fff;
background: #ff5c00;
line-height: normal;
border: none;
outline: none;
padding: 10px 20px;
margin-top: 20px;
transition: all .2s ease
}
div[class*="Cta"] button:hover,
div[class*="Cta"][class*="clicked"] button {
background: #444 !important;
animation: none
}
div[class*="Cta"][class*="arrows"] button:before,
div[class*="Cta"][class*="arrows"] button:after {
font-size: 24px;
vertical-align: middle;
margin-top: -6px;
display: inline-block;
animation-delay: 0s;
animation-duration: 1s;
animation-direction: normal;
animation-iteration-count: infinite
}
div[class*="Cta"][class*="arrows"] button:before {
content: "»";
padding-right: 6px
}
div[class*="Cta"][class*="arrows"]:not(.clicked) button:before {
animation-name: arrows_before
}
div[class*="Cta"][class*="arrows"] button:after {
content: "«";
padding-left: 6px
}
div[class*="Cta"][class*="arrows"]:not(.clicked) button:after {
animation-name: arrows_after
}
@keyframes arrows_before {
0% {
opacity: 0;
transform: translateX(-6px)
}
50% {
opacity: 1;
transform: translateX(0)
}
80% {
opacity: 1;
transform: translateX(0)
}
100% {
opacity: 0;
transform: translateX(-6px)
}
}
@keyframes arrows_after {
0% {
opacity: 0;
transform: translateX(6px)
}
50% {
opacity: 1;
transform: translateX(0)
}
80% {
opacity: 1;
transform: translateX(0)
}
100% {
opacity: 0;
transform: translateX(6px)
}
}
@media (max-width:767px) {
div[class*="Cta"] button {
width: 100%
}
}
body[class*="theme-shopper"] .beforeAfter .baSlider .baImage>div {
background: rgba(255, 116, 38, .7)
}
body[class*="theme-slimjoy"] .beforeAfter .baSlider .baImage>div {
background: rgba(100, 186, 73, .7)
}
body[class*="theme-tummy"] .beforeAfter .baSlider .baImage>div {
background: rgba(234, 125, 111, .7)
}
body[class*="theme-undo"] .beforeAfter .baSlider .baImage>div {
background: rgba(149, 135, 113, .7)
}
body[class*="theme-coreone"] .beforeAfter .baSlider .baImage>div {
background: rgba(0, 160, 223, .7)
}
body[class*="theme-livertox"] .beforeAfter .baSlider .baImage>div {
background: rgba(178, 129, 185, .7)
}
body[class*="theme-shopper"] div[class*="Cta"] button {
background: #399cd8
}
body[class*="theme-shopper"] div[class*="Cta"][class*="arrows"] button:before,
body[class*="theme-shopper"] div[class*="Cta"][class*="arrows"] button:after {
margin-top: -4px
}
.productDescRevealer {
width: 100%;
margin-bottom: 20px;
text-align: center;
clear: both
}
.productDescRevealer,
body[class*="product-desc-hidden"] .hide-desc,
body[class*="product-desc-hidden"] .floater {
display: none
}
body[class*="theme-shopper"] .productDescRevealer {
float: left
}
@media (max-width:767px) {
body[class*="theme-shopper"] .productDescRevealer {
max-width: 426px
}
}
.testimonialBox * {
box-sizing: border-box
}
.testimonialBox {
display: inline-block;
width: 100%;
margin: 30px 0
}
.testimonialBox>div {
float: left
}
.testimonialBox.picLeft .tbLeft,
.testimonialBox.picRight .tbRight {
width: 30%;
padding-right: 30px
}
.testimonialBox.picLeft .tbRight,
.testimonialBox.picRight .tbLeft {
width: 65%;
padding-right: 30px
}
.testimonialBox h3 {
font-weight: 700 !important;
font-size: 24px !important;
text-align: left !important
}
.testimonialBox img {
border-radius: 50%
}
.testimonialBox .name {
font-weight: 700
}
body[class*="theme-shopper"] .name {
color: #ff5c00
}
body[class*="theme-slimjoy"] .name {
color: #64ba49
}
body[class*="theme-tummy"] .name {
color: #ea7d6f
}
body[class*="theme-undo"] .name {
color: #958771
}
body[class*="theme-coreone"] .name {
color: #00a0df
}
body[class*="theme-livertox"] .name {
color: #b281b9
}
@media (max-width:767px) {
.testimonialBox.picRight {
display: flex;
flex-flow: column
}
.testimonialBox.picRight>div:first-of-type {
order: 2
}
.testimonialBox.picRight>div:last-of-type {
order: 1
}
.testimonialBox>div {
width: 100% !important;
padding-right: 0 !important
}
.testimonialBox>div:first-of-type {
margin-bottom: 24px
}
.testimonialBox img {
display: block;
margin: auto
}
}
.adyen-product-subscription .qty-text,
.adyen-product-subscription .qty-wrapper {
display: none
}
.adyen-subscription-wrapper,
.adyen-subscription-wrapper *,
.adyen-subscription-wrapper *:before,
.adyen-subscription-wrapper *:after {
position: relative;
margin: 0;
padding: 0;
font-weight: normal;
color: #333;
line-height: normal;
box-sizing: border-box;
z-index: 10
}
.adyen-subscription-wrapper {
display: inline-block;
width: 100%;
text-align: left
}
.adyen-subscription-wrapper .adyen-subscription-list-wrapper,
.adyen-subscription-wrapper input[data-subscription-id] {
display: none
}
.adyen-subscription-wrapper>div.title {
margin-bottom: -1px;
padding-bottom: 10px;
font-size: 14px;
text-align: center
}
.adyen-subscription-wrapper .field {
display: inline-block;
width: 100%;
border-top: solid 1px #ccc
}
.adyen-subscription-wrapper .field:last-of-type {
border-bottom: solid 1px #ccc
}
.adyen-subscription-wrapper label {
position: relative;
display: inline-block;
width: 100%;
margin: 0;
padding: 10px 28px;
font-size: 12px;
cursor: pointer
}
.adyen-subscription-wrapper label:before,
.adyen-subscription-wrapper label:after {
position: absolute;
content: '';
border-radius: 50%
}
.adyen-subscription-wrapper label:before {
top: 12px;
left: 5px;
width: 16px;
height: 16px;
background: #fff;
border: solid 1px #333
}
.adyen-subscription-wrapper label:after {
top: 15px;
left: 8px;
width: 10px;
height: 10px;
background: #000;
opacity: 0;
visibility: hidden;
transform: scale(.4);
transition: all .2s ease
}
.adyen-subscription-wrapper input[name="adyen_subscription"]:checked+label:after {
opacity: 1;
visibility: visible;
transform: scale(1)
}
.adyen-subscription-wrapper label span:not(.sub-label) {
font-size: 14px
}
.adyen-subscription-wrapper label span.type-text {
display: inline-block;
width: 100%;
font-weight: 700
}
.adyen-subscription-wrapper label span.type-text b {
font-weight: 800;
text-transform: uppercase
}
.adyen-subscription-wrapper label span.subscription-label-bg {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
background: #ccc;
z-index: 0
}
.adyen-subscription-wrapper input[name="adyen_subscription"]:checked+label span.subscription-label-bg {
display: block
}
.adyen-subscription-wrapper .subscription-option label span.type-text b {
display: inline-block;
padding: 2px 8px;
background: #000;
color: #fff
}
.adyen-subscription-wrapper .subscription-option label span.type-text b:before {
color: #fff
}
.adyen-subscription-wrapper label span.subscription-tooltip {
position: unset
}
.adyen-subscription-wrapper label span.subscription-tooltip span.icon {
position: absolute;
top: 8px;
right: 6px
}
.adyen-subscription-wrapper label span.subscription-tooltip span.icon:after {
position: relative;
z-index: 5;
display: inline-block;
width: 25px;
height: 25px;
content: 'i';
background: #000;
border-radius: 50%;
font-family: monospace, Arial, sans-serif;
font-size: 12px;
font-weight: 800;
color: #fff;
text-align: center;
line-height: 26px;
cursor: pointer
}
.adyen-subscription-wrapper span.subscription-tooltip span.icon-close {
position: absolute;
right: 6px;
top: 12px;
width: 16px;
height: 2px;
background: #fff;
transform: rotate(45deg)
}
.adyen-subscription-wrapper span.subscription-tooltip span.icon-close:after {
content: "";
position: absolute;
right: 7px;
top: -7px;
width: 2px;
height: 16px;
background: #fff
}
.adyen-subscription-wrapper label span.subscription-tooltip.active span.icon,
.adyen-subscription-wrapper label span.subscription-tooltip span.icon:hover:after {
opacity: .8
}
.adyen-subscription-wrapper label span.subscription-tooltip span.content {
position: absolute;
top: auto;
left: 0;
right: 0;
bottom: 100%;
width: 100%;
background: #000;
margin: auto;
padding: 20px;
outline: solid 2px #000;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: all .2s ease
}
.adyen-subscription-wrapper label span.subscription-tooltip span.content * {
color: #fff
}
.adyen-subscription-wrapper label span.subscription-tooltip.active span.content,
.adyen-subscription-wrapper label span.subscription-tooltip span.icon:hover~span.content {
z-index: 10;
opacity: 1;
visibility: visible;
pointer-events: auto
}
.adyen-subscription-wrapper label span.subscription-tooltip span.content span.title {
display: inline-block;
width: 100%;
padding-bottom: 8px;
font-size: 14px;
font-weight: 800;
text-transform: uppercase
}
.adyen-subscription-wrapper label span.subscription-tooltip span.content span.text {
font-size: 12px
}
.adyen-subscription-wrapper label span.type-price del,
.adyen-subscription-wrapper label span.type-consummation {
padding-left: 6px
}
.featherlight-content>button {
display: block;
}
@media (max-width: 480px) {
.featherlight.entry .featherlight-close-icon {
box-shadow: 0 2px 5px #00000029 !important;
}
}
#apf .container-outer.guarantee {
background: linear-gradient(to bottom, #F4F4F4 0%, #F4F4F4 70px, #333 70px, #333 100%) !important;
}
@media(max-width: 720px) {
#apf .guarantee.title {
background: linear-gradient(to bottom, #F4F4F4 0%, #F4F4F4 50px, #333 50px, #333 100%) !important;
}
}
#apf .form-inputs {
text-align: left;
margin: 0 10px !important;
}
#apf .name-input,
#apf .phone-input {
color: #000;
font-size: 20px;
margin-bottom: 10px;
transition: all .15s ease-in-out;
font-weight: 400;
}
#apf .name-input input,
#apf .phone-input input {
border: 0;
font: inherit;
color: inherit;
box-sizing: border-box;
width: 100%;
padding: 5px;
margin-top: 5px;
min-width: 0;
background: #fff;
border: 1px solid #81ccc1b3;
border-radius: 4px;
}
#apf .select-input select {
border: 0;
font: inherit;
color: inherit;
box-sizing: border-box;
width: 100%;
height: 40px;
padding: 5px;
margin-top: 5px;
min-width: 0;
background: #fff;
border: 1px solid #81ccc1b3;
border-radius: 4px;
}
#apf #name-input:focus,
#apf #phone-input:focus {
outline: 0;
border-color: #ff5c00;
box-shadow: 0 0 0 3px rgba(255, 94, 0, 0.25);
}
#apf .product-info {
padding-left: 10px;
padding-right: 10px;
}
.custom-style {
background: #ff5c00 !important;
}
.custom-border {
border-color: #81b3ccb3 !important;
}
.custom-text {
color: #6e9ebf !important;
}
.custom-background {
background-image: url(../img/bg_sec-one1170.png), url(../img/sky_bg.png);
background-repeat: no-repeat;
background-size: 800px, cover;
background-position: 25% 1%, left center;
top: 0;
left: 0;
height: 450px;
z-index: -1;
position: relative;
}
.custom-background img {
margin-left: 60% !important;
}
@media (max-width: 800px) {
.custom-background img {
display: none !important;
}
}