html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
html {
line-height: 1;
}
ol,
ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption,
th,
td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
q,
blockquote {
quotes: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
content: "";
content: none;
}
a img {
border: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
@media only screen and (min-width: 320px) {
.col-m-1-2 {
float: left;
width: 50%;
}
.col-m-2-2 {
float: left;
width: 100%;
}
.col-m-1-6 {
float: left;
width: 16.66667%;
}
.col-m-2-6 {
float: left;
width: 33.33333%;
}
.col-m-3-6 {
float: left;
width: 50%;
}
.col-m-4-6 {
float: left;
width: 66.66667%;
}
.col-m-5-6 {
float: left;
width: 83.33333%;
}
.col-m-6-6 {
float: left;
width: 100%;
}
}
@media only screen and (min-width: 768px) {
.col-t-1-2 {
float: left;
width: 50%;
}
.col-t-2-2 {
float: left;
width: 100%;
}
.col-t-1-6 {
float: left;
width: 16.66667%;
}
.col-t-2-6 {
float: left;
width: 33.33333%;
}
.col-t-3-6 {
float: left;
width: 50%;
}
.col-t-4-6 {
float: left;
width: 66.66667%;
}
.col-t-5-6 {
float: left;
width: 83.33333%;
}
.col-t-6-6 {
float: left;
width: 100%;
}
}
@media only screen and (min-width: 1280px) {
.col-ds-1-2 {
float: left;
width: 50%;
}
.col-ds-2-2 {
float: left;
width: 100%;
}
.col-ds-1-6 {
float: left;
width: 16.66667%;
}
.col-ds-2-6 {
float: left;
width: 33.33333%;
}
.col-ds-3-6 {
float: left;
width: 50%;
}
.col-ds-4-6 {
float: left;
width: 66.66667%;
}
.col-ds-5-6 {
float: left;
width: 83.33333%;
}
.col-ds-6-6 {
float: left;
width: 100%;
}
}
@media only screen and (min-width: 1920px) {
.col-dl-1-2 {
float: left;
width: 50%;
}
.col-dl-2-2 {
float: left;
width: 100%;
}
.col-dl-1-6 {
float: left;
width: 16.66667%;
}
.col-dl-2-6 {
float: left;
width: 33.33333%;
}
.col-dl-3-6 {
float: left;
width: 50%;
}
.col-dl-4-6 {
float: left;
width: 66.66667%;
}
.col-dl-5-6 {
float: left;
width: 83.33333%;
}
.col-dl-6-6 {
float: left;
width: 100%;
}
}
@media only screen and (max-width: 319px) {
.breakpoint-m-no {
display: none;
}
}
@media only screen and (max-width: 767px) {
.breakpoint-t-no {
display: none;
}
}
@media only screen and (max-width: 1279px) {
.breakpoint-ds-no {
display: none;
}
}
@media only screen and (max-width: 1919px) {
.breakpoint-dl-no {
display: none;
}
}
@media only screen and (min-width: 320px) {
.col-m-1-2 {
float: left;
width: 50%;
}
.col-m-2-2 {
float: left;
width: 100%;
}
.col-m-1-6 {
float: left;
width: 16.66667%;
}
.col-m-2-6 {
float: left;
width: 33.33333%;
}
.col-m-3-6 {
float: left;
width: 50%;
}
.col-m-4-6 {
float: left;
width: 66.66667%;
}
.col-m-5-6 {
float: left;
width: 83.33333%;
}
.col-m-6-6 {
float: left;
width: 100%;
}
}
@media only screen and (min-width: 768px) {
.col-t-1-2 {
float: left;
width: 50%;
}
.col-t-2-2 {
float: left;
width: 100%;
}
.col-t-1-6 {
float: left;
width: 16.66667%;
}
.col-t-2-6 {
float: left;
width: 33.33333%;
}
.col-t-3-6 {
float: left;
width: 50%;
}
.col-t-4-6 {
float: left;
width: 66.66667%;
}
.col-t-5-6 {
float: left;
width: 83.33333%;
}
.col-t-6-6 {
float: left;
width: 100%;
}
}
@media only screen and (min-width: 1280px) {
.col-ds-1-2 {
float: left;
width: 50%;
}
.col-ds-2-2 {
float: left;
width: 100%;
}
.col-ds-1-6 {
float: left;
width: 16.66667%;
}
.col-ds-2-6 {
float: left;
width: 33.33333%;
}
.col-ds-3-6 {
float: left;
width: 50%;
}
.col-ds-4-6 {
float: left;
width: 66.66667%;
}
.col-ds-5-6 {
float: left;
width: 83.33333%;
}
.col-ds-6-6 {
float: left;
width: 100%;
}
}
@media only screen and (min-width: 1920px) {
.col-dl-1-2 {
float: left;
width: 50%;
}
.col-dl-2-2 {
float: left;
width: 100%;
}
.col-dl-1-6 {
float: left;
width: 16.66667%;
}
.col-dl-2-6 {
float: left;
width: 33.33333%;
}
.col-dl-3-6 {
float: left;
width: 50%;
}
.col-dl-4-6 {
float: left;
width: 66.66667%;
}
.col-dl-5-6 {
float: left;
width: 83.33333%;
}
.col-dl-6-6 {
float: left;
width: 100%;
}
}
@media only screen and (max-width: 319px) {
.breakpoint-m-no {
display: none;
}
}
@media only screen and (max-width: 767px) {
.breakpoint-t-no {
display: none;
}
}
@media only screen and (max-width: 1279px) {
.breakpoint-ds-no {
display: none;
}
}
@media only screen and (max-width: 1919px) {
.breakpoint-dl-no {
display: none;
}
}
.debug {
color: red;
}
/* cyrillic-ext */
@font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
src: local("Open Sans"), local("OpenSans"),
url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2)
format("woff2");
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
src: local("Open Sans"), local("OpenSans"),
url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2)
format("woff2");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
src: local("Open Sans"), local("OpenSans"),
url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2)
format("woff2");
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
src: local("Open Sans"), local("OpenSans"),
url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2)
format("woff2");
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
src: local("Open Sans"), local("OpenSans"),
url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2)
format("woff2");
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
src: local("Open Sans"), local("OpenSans"),
url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2)
format("woff2");
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF,
U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
src: local("Open Sans"), local("OpenSans"),
url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2)
format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC,
U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
font-family: "Ubuntu";
font-style: normal;
font-weight: 400;
src: local("Ubuntu"),
url(https://fonts.gstatic.com/s/ubuntu/v9/ODszJI8YqNw8V2xPulzjO_esZW2xOQ-xsNqO47m55DA.woff2)
format("woff2");
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: "Ubuntu";
font-style: normal;
font-weight: 400;
src: local("Ubuntu"),
url(https://fonts.gstatic.com/s/ubuntu/v9/iQ9VJx1UMASKNiGywyyCXvesZW2xOQ-xsNqO47m55DA.woff2)
format("woff2");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: "Ubuntu";
font-style: normal;
font-weight: 400;
src: local("Ubuntu"),
url(https://fonts.gstatic.com/s/ubuntu/v9/WkvQmvwsfw_KKeau9SlQ2_esZW2xOQ-xsNqO47m55DA.woff2)
format("woff2");
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: "Ubuntu";
font-style: normal;
font-weight: 400;
src: local("Ubuntu"),
url(https://fonts.gstatic.com/s/ubuntu/v9/gYAtqXUikkQjyJA1SnpDLvesZW2xOQ-xsNqO47m55DA.woff2)
format("woff2");
unicode-range: U+0370-03FF;
}
/* latin-ext */
@font-face {
font-family: "Ubuntu";
font-style: normal;
font-weight: 400;
src: local("Ubuntu"),
url(https://fonts.gstatic.com/s/ubuntu/v9/Wu5Iuha-XnKDBvqRwQzAG_esZW2xOQ-xsNqO47m55DA.woff2)
format("woff2");
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF,
U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: "Ubuntu";
font-style: normal;
font-weight: 400;
src: local("Ubuntu"),
url(https://fonts.gstatic.com/s/ubuntu/v9/sDGTilo5QRsfWu6Yc11AXg.woff2)
format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC,
U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
.picto-sprite,
.picto-discuss-issue,
.picto-en,
.picto-es,
.picto-fr,
.picto-pay-3x,
.picto-pay-alma3,
.picto-pay-alma4,
.picto-pay-cb,
.picto-pay-cheque,
.picto-pay-epnf_3x,
.picto-pay-epnf_4x,
.picto-pay-paypal,
.picto-pay-virement,
.picto-pay-yesbycash,
.picto-star-disabled,
.picto-star,
.picto-troisx {
background-image: url("../../images/picto-scc4371f30b.png");
background-repeat: no-repeat;
}
.picto-discuss-issue {
background-position: 0 0;
height: 32px;
width: 32px;
}
.picto-en {
background-position: 0 -37px;
height: 24px;
width: 24px;
}
.picto-es {
background-position: 0 -66px;
height: 24px;
width: 24px;
}
.picto-fr {
background-position: 0 -95px;
height: 24px;
width: 24px;
}
.picto-pay-3x {
background-position: 0 -124px;
height: 45px;
width: 123px;
}
.picto-pay-alma3 {
background-position: 0 -174px;
height: 43px;
width: 120px;
}
.picto-pay-alma4 {
background-position: 0 -222px;
height: 43px;
width: 120px;
}
.picto-pay-cb {
background-position: 0 -270px;
height: 45px;
width: 123px;
}
.picto-pay-cheque {
background-position: 0 -320px;
height: 45px;
width: 123px;
}
.picto-pay-epnf_3x {
background-position: 0 -370px;
height: 45px;
width: 123px;
}
.picto-pay-epnf_4x {
background-position: 0 -420px;
height: 45px;
width: 123px;
}
.picto-pay-paypal {
background-position: 0 -470px;
height: 45px;
width: 123px;
}
.picto-pay-virement {
background-position: 0 -520px;
height: 45px;
width: 123px;
}
.picto-pay-yesbycash {
background-position: 0 -570px;
height: 45px;
width: 123px;
}
.picto-star-disabled {
background-position: 0 -620px;
height: 21px;
width: 22px;
}
.picto-star {
background-position: 0 -646px;
height: 21px;
width: 22px;
}
.picto-troisx {
background-position: 0 -672px;
height: 84px;
width: 84px;
}
[class^="picto-"],
[class*=" picto-"],
[class^="iconf-"],
[class*=" iconf-"] {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
}
[class^="picto-"]:hover,
[class*=" picto-"]:hover,
[class^="iconf-"]:hover,
[class*=" iconf-"]:hover {
text-decoration: none;
}
img,
iframe {
max-width: 100%;
height: auto;
}
/* Enough everywhere except IE8. */
@media \0screen {
img {
width: auto;
}
}
/* Prevent height distortion in IE8. */
@font-face {
font-family: "icomoon";
src: url("/css/screen/fonts/icomoon.eot?k5ldnf");
src: url("/css/screen/fonts/icomoon.eot?k5ldnf#iefix")
format("embedded-opentype"),
url("/css/screen/fonts/icomoon.ttf?k5ldnf") format("truetype"),
url("/css/screen/fonts/icomoon.woff?k5ldnf") format("woff"),
url("/css/screen/fonts/icomoon.svg?k5ldnf#icomoon") format("svg");
font-weight: normal;
font-style: normal;
}
[class^="iconf-"],
[class*=" iconf-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "icomoon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.iconf-Cadenas:before {
content: "\e914";
}
.iconf-newsletter:before {
content: "\e913";
}
.iconf-zoom:before {
content: "\e912";
}
.iconf-attach:before {
content: "\e911";
}
.iconf-mail:before {
content: "\e910";
}
.iconf-heart:before {
content: "\e90f";
}
.iconf-arrow-left:before {
content: "\e900";
}
.iconf-arrow-right:before {
content: "\e901";
}
.iconf-arrow-up:before {
content: "\e902";
}
.iconf-arrow-down:before {
content: "\e909";
}
.iconf-download:before {
content: "\e90b";
}
.iconf-video:before {
content: "\e90e";
}
.iconf-x:before {
content: "\e908";
}
.iconf-cart:before {
content: "\e903";
}
.iconf-delivery:before {
content: "\e904";
}
.iconf-glass:before {
content: "\e905";
}
.iconf-hotline:before {
content: "\e906";
}
.iconf-user:before {
content: "\e907";
}
.iconf-google-plus:before {
content: "\e90c";
}
.iconf-twitter:before {
content: "\e90d";
}
.iconf-facebook:before {
content: "\e918";
}
.iconf-menu:before {
content: "\e90a";
}
.swiper-pagination-switch {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
width: 9px;
height: 9px;
background-color: white;
cursor: pointer;
}
.swiper-pagination-switch + .swiper-pagination-switch {
margin-left: 13px;
}
.swiper-visible-switch {
border: 1px solid white;
background-color: transparent;
}
.ui-selectmenu2 {
background-color: white;
}
.ui-selectmenu2.ui-selectmenu-button {
border: 1px solid #cdcccc;
padding-left: 8px;
}
.ui-selectmenu2.ui-selectmenu-button:hover,
.ui-selectmenu2.ui-selectmenu-button:focus {
background-color: white;
}
.ui-selectmenu2.ui-selectmenu-button .iconf-arrow-down {
color: #cdcccc;
border-left: 1px solid #cdcccc;
padding-left: 10px;
height: 20px;
top: 5px;
right: 10px;
font-size: 70%;
padding-top: 6px;
}
.ui-selectmenu2 .ui-selectmenu-text {
color: #676767;
font-size: 13px;
font-weight: normal;
}
.no-scroll {
overflow: hidden;
}
.gm-style img {
max-width: none;
}
input[type="email"]:invalid,
input[type="email"]:-moz-submit-invalid,
input[type="email"]:-moz-ui-invalid {
box-shadow: none;
}
html {
height: 100%;
}
html.no-scroll,
body.no-scroll {
overflow: hidden;
height: 100%;
}
body {
min-height: 100%;
max-width: 100%;
margin: 0;
font-size: 12px;
font-family: "Ubuntu";
}
body.in_popup {
min-width: 100%;
}
*,
*:after,
*:before,
input[type="text"],
input[type="email"],
select {
box-sizing: border-box;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
opacity: 1;
}
button {
border: 0 none;
background-color: transparent;
cursor: pointer;
}
strong {
font-weight: bold;
}
a {
text-decoration: none;
}
.clear {
clear: both;
display: block;
height: 0;
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.invisible,
.sc-only {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden;
}
.img-respond {
width: 100%;
height: auto;
}
.btn {
position: relative;
-webkit-appearance: none;
outline: 0;
border: none;
cursor: pointer;
text-align: center;
line-height: inherit;
text-transform: uppercase;
font-weight: normal;
background-color: transparent;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
*behavior: url(/js/boxsizing.htc);
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
-moz-transition-property: background-color, color;
-o-transition-property: background-color, color;
-webkit-transition-property: background-color, color;
transition-property: background-color, color;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
font-size: 0.8475em;
padding: 10px 23px;
}
.btn.mini {
font-size: 0.54417em;
font-size: 2vw;
padding: 6px;
}
.btn.big {
font-size: 1.16667em;
font-weight: 600;
padding: 9px 35px;
}
@media only screen and (min-width: 768px) {
.btn.big {
font-size: 1.33333em;
padding: 10px 36px;
}
}
@media only screen and (min-width: 1280px) {
.btn.big {
font-size: 1.33333em;
padding: 10px 36px;
}
}
@media only screen and (min-width: 1920px) {
.btn.big {
font-size: 1.53417em;
padding: 18px 46px;
}
}
.btn.btn-green {
background-color: #99c33a;
color: white;
}
.btn.btn-green:hover {
background-color: #80a431;
}
.btn.btn-brown {
background-color: #563417;
color: white;
}
.btn.btn-brown:hover {
background-color: #36210e;
}
.btn.btn-beige {
background-color: #efefd7;
color: #563417;
}
.btn.btn-beige:hover {
background-color: #e3e3ba;
}
.btn.btn-orange {
background-color: #ea9117;
color: white;
}
.btn.btn-orange:hover {
background-color: #c67a12;
}
.shadow {
position: relative;
top: 0;
width: 100%;
height: 19px;
overflow: hidden;
z-index: 1000;
*zoom: expression(
this.runtimeStyle.zoom= "1",
this.appendChild(document.createElement("small")) .className= "after",
this.insertBefore(document.createElement("small"), this.firstChild)
.className= "before"
);
}
.shadow:before,
.shadow .before {
content: "";
position: absolute;
width: 80%;
height: 20px;
left: 10%;
border-radius: 50%;
z-index: 0;
top: -26px;
-moz-box-shadow: 0 7px 16px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 7px 16px rgba(0, 0, 0, 0.4);
box-shadow: 0 7px 16px rgba(0, 0, 0, 0.4);
}
@media only screen and (min-width: 1280px) {
.shadow {
*zoom: expression(
this.runtimeStyle.zoom= "1",
this.appendChild(document.createElement("small")) .className=
"after",
this.insertBefore(document.createElement("small"), this.firstChild)
.className= "before"
);
}
.shadow:before,
.shadow .before {
width: 40%;
left: 30%;
}
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
text-transform: uppercase;
line-height: 100%;
font-family: "Open Sans";
}
.h2 {
font-size: 1.25em;
margin-bottom: 15px;
margin-top: 7px;
font-weight: bold;
color: #54371f;
text-align: left;
}
@media only screen and (min-width: 1280px) {
.h2 {
font-size: 1.67em;
border-top: 1px solid #cdcccc;
padding-top: 21px;
margin-bottom: 25px;
letter-spacing: 0.033em;
}
}
@media only screen and (min-width: 1920px) {
.h2 {
padding-top: 32px;
font-size: 2em;
}
}
.h3 {
font-size: 1.08333em;
margin-bottom: 10px;
font-weight: bold;
color: #54371f;
text-align: left;
}
@media only screen and (min-width: 768px) {
.h3 {
font-size: 1.16667em;
}
}
@media only screen and (min-width: 1280px) {
.h3 {
font-size: 1.25em;
}
}
@media only screen and (min-width: 1920px) {
.h3 {
font-size: 1.33333em;
}
}
input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="file"],
textarea {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
*behavior: url(/js/boxsizing.htc);
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
width: 100%;
border: none;
font-family: "Ubuntu";
}
input[type="text"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="file"]:-moz-placeholder,
textarea:-moz-placeholder {
color: #999999;
}
input[type="text"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="file"]::-moz-placeholder,
textarea::-moz-placeholder {
color: #999999;
}
input[type="text"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="file"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #999999;
}
input[type="text"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="file"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #999999;
}
input[type="number"] {
border: 1px solid #cdcccc;
}
input[type="file"] {
border: none;
}
select {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
*behavior: url(/js/boxsizing.htc);
width: 100%;
padding: 5px;
max-width: 180px;
}
label {
cursor: pointer;
display: block;
font-size: 1.16667em;
font-weight: 600;
color: #676767;
margin-bottom: 10px;
}
label.skin-in-radio {
float: left;
}
label.skin-in-radio + .skin-in-radio {
margin-left: 10px;
}
.align-right {
position: absolute;
right: 0;
top: 0;
}
.cms-content {
text-align: left;
}
.cms-content p,
.cms-content span,
.cms-content li {
font-size: 1.25em;
color: #676767;
line-height: 137%;
}
.cms-content p {
margin: 20px 0;
}
.cms-content p.note {
margin-top: 5px;
font-size: 0.8em;
}
.cms-content p.not-margin {
margin: 0;
}
.cms-content p.not-mtop {
margin-top: 0;
}
.cms-content p.not-mbottom {
margin-bottom: 0;
}
.cms-content p.address {
margin-left: 50px;
font-weight: bold;
}
.cms-content ul {
margin-left: 30px;
margin-bottom: 30px;
}
@media only screen and (min-width: 1920px) {
.cms-content ul {
margin-left: 50px;
}
}
.cms-content li {
list-style-type: disc;
}
.cms-content b {
font-weight: bold;
}
.cms-content a {
color: #97c93b;
}
.cms-content a:hover {
text-decoration: underline;
}
.breadcrumb {
margin: 15px;
margin-top: 0;
}
@media only screen and (min-width: 768px) {
.breadcrumb {
margin-bottom: 14px;
}
}
@media only screen and (min-width: 1920px) {
.breadcrumb {
padding-left: 3.33%;
}
}
.breadcrumb li {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
font-family: "Verdana";
font-size: 0.91667em;
}
.breadcrumb a {
color: #999999;
}
.breadcrumb a:hover {
text-decoration: underline;
}
.breadcrumb span {
display: inline-block;
font-weight: bold;
color: #54371f;
}
.breadcrumb span.href {
color: #999999;
}
.availability .available {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
position: relative;
height: 13px;
padding-left: 22px;
font-weight: 600;
color: #676767;
*zoom: expression(
this.runtimeStyle.zoom= "1",
this.appendChild(document.createElement("small")) .className= "after",
this.insertBefore(document.createElement("small"), this.firstChild)
.className= "before"
);
}
.availability .available:before,
.availability .available .before {
display: block;
position: absolute;
content: "";
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
left: 0;
top: 0px;
width: 6px;
height: 6px;
padding: 6px;
text-align: center;
background-color: #3e9f37;
}
.availability .lbl {
font-style: italic;
font-size: 1.16667em;
font-weight: 300;
}
.availability .important {
color: #de214d;
margin-top: 5px;
}
.availability.outstock .available {
color: #e73446;
*zoom: expression(
this.runtimeStyle.zoom= "1",
this.appendChild(document.createElement("small")) .className= "after",
this.insertBefore(document.createElement("small"), this.firstChild)
.className= "before"
);
}
.availability.outstock .available:before,
.availability.outstock .available .before {
background-color: #e73446;
}
.availability.partial .available {
color: #5d5df9;
*zoom: expression(
this.runtimeStyle.zoom= "1",
this.appendChild(document.createElement("small")) .className= "after",
this.insertBefore(document.createElement("small"), this.firstChild)
.className= "before"
);
}
.availability.partial .available:before,
.availability.partial .available .before {
background-color: #5d5df9;
}
.box .head {
position: relative;
background-color: #563417;
color: white;
font-weight: bold;
text-transform: uppercase;
text-align: left;
padding: 10px;
font-size: 0.91667em;
min-height: 33px;
}
@media only screen and (min-width: 1280px) {
.box .head {
font-size: 1.08333em;
}
}
.slider {
position: relative;
z-index: 999;
}
.slider .prev {
position: absolute;
top: 50%;
left: 0px;
z-index: 998;
}
.slider .next {
position: absolute;
top: 50%;
right: 0px;
z-index: 998;
}
.slider .prev,
.slider .next {
text-align: center;
padding: 2% 2.2%;
color: white;
border: 1px solid white;
margin-top: -3%;
font-size: 1.8vw;
}
@media only screen and (min-width: 768px) {
.slider .prev,
.slider .next {
padding: 1% 1.5%;
}
}
.slider .prev {
left: 4%;
}
.slider .next {
right: 4%;
}
.slider.slider-prd .prev,
.slider.slider-prd .next,
.slider.slider-prd-thumbs .prev,
.slider.slider-prd-thumbs .next {
border-color: #563417;
color: #563417;
padding: 10px 13px;
font-size: 1em;
}
.slider.slider-prd .prev:hover,
.slider.slider-prd .next:hover,
.slider.slider-prd-thumbs .prev:hover,
.slider.slider-prd-thumbs .next:hover {
background-color: #563417;
color: white;
}
@media only screen and (min-width: 480px) {
.slider.slider-prd .prev,
.slider.slider-prd .next,
.slider.slider-prd-thumbs .prev,
.slider.slider-prd-thumbs .next {
padding: 8px 11px;
}
}
.slider.slider-prd .prev,
.slider.slider-prd-thumbs .prev {
left: 0%;
}
.slider.slider-prd .next,
.slider.slider-prd-thumbs .next {
right: 0%;
}
.slider.slider-prd {
/*
padding-left: 40px;
padding-right: 40px;
margin-top: 20px;
margin-bottom: 20px; */
margin-top: 30px;
margin-bottom: 30px;
}
.slider.slider-prd .prd {
border: 1px solid #cdcccc;
width: 228px;
margin-left: 10px;
margin-right: 10px;
}
.slider.slider-prd .prd:hover {
border: 1px solid #99c33a;
}
.slider.slider-prd .pagination {
position: absolute;
right: 13px;
top: -25px;
}
@media only screen and (min-width: 768px) {
.slider.slider-prd .pagination {
top: -30px;
}
}
@media only screen and (min-width: 1280px) {
.slider.slider-prd .pagination {
top: -40px;
}
}
@media only screen and (min-width: 1920px) {
.slider.slider-prd .pagination {
top: -48px;
right: 9px;
}
}
.slider.slider-prd .pagination .swiper-pagination-switch {
background-color: #563417;
margin-left: 5px;
}
@media only screen and (min-width: 1280px) {
.slider.slider-prd .pagination .swiper-pagination-switch {
width: 12px;
height: 12px;
}
}
@media only screen and (min-width: 1920px) {
.slider.slider-prd .pagination .swiper-pagination-switch {
width: 15px;
height: 15px;
}
}
.slider.slider-prd .pagination .swiper-visible-switch {
border: 1px solid #563417;
background-color: transparent;
}
@media only screen and (min-width: 768px) {
.slider.slider-prd-thumbs .swiper-wrapper {
left: 38px;
}
}
@media only screen and (min-width: 1280px) {
.slider.slider-prd-thumbs {
text-align: center;
}
.slider.slider-prd-thumbs .prev {
position: relative;
margin: 0px 0px 5px;
}
.slider.slider-prd-thumbs .swiper-container {
max-height: 352px;
}
.slider.slider-prd-thumbs .swiper-container .swiper-wrapper {
left: 0;
margin-top: 1px;
}
.slider.slider-prd-thumbs .next {
position: relative;
margin: 5px 0px 0px;
}
.slider.slider-prd-thumbs.hidePrev .swiper-container {
margin-top: 35px;
}
}
@media only screen and (min-width: 1920px) {
.slider.slider-prd-thumbs .swiper-container {
max-height: 396px;
max-width: 130px;
}
}
.input-w {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
position: relative;
overflow: hidden;
}
.input-w input[type="email"],
.input-w input[type="text"] {
padding-right: 28px;
text-align: left;
}
.input-w .btn {
position: absolute;
top: 0;
right: 0;
height: 100%;
}
.input-w button[class^="iconf-"],
.input-w button[class*=" iconf-"] {
position: absolute;
top: 0;
right: 0;
height: 100%;
outline: none;
border: none;
margin: 0;
padding: 0;
overflow: hidden;
}
.form.theme-inline label {
vertical-align: top;
}
@media only screen and (min-width: 1024px) {
.form.theme-inline label {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
vertical-align: top;
width: 16%;
}
}
.form.theme-inline input,
.form.theme-inline textarea,
.form.theme-inline .field-score {
vertical-align: top;
}
@media only screen and (min-width: 1024px) {
.form.theme-inline input,
.form.theme-inline textarea,
.form.theme-inline .field-score {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
vertical-align: top;
width: 69%;
}
}
.form .red {
color: #e73446;
}
.form select {
border: 1px solid #cdcccc;
}
.form input[type="text"],
.form input[type="number"],
.form input[type="email"],
.form input[type="tel"],
.form input[type="password"],
.form input[type="file"],
.form textarea {
border: 1px solid #cdcccc;
padding: 5px;
font-size: 1.08333em;
font-style: italic;
max-width: 500px;
}
.form input[type="text"].error,
.form input[type="number"].error,
.form input[type="email"].error,
.form input[type="tel"].error,
.form input[type="password"].error,
.form input[type="file"].error,
.form textarea.error {
border: 1px solid #d8000c;
}
.form input[type="text"].spinner,
.form input[type="number"].spinner,
.form input[type="email"].spinner,
.form input[type="tel"].spinner,
.form input[type="password"].spinner,
.form input[type="file"].spinner,
.form textarea.spinner {
padding: 0;
}
.form textarea {
min-height: 95px;
}
.form .input,
.form .input-block {
margin: 10px 0px 15px 0;
}
.msg {
border: 1px solid;
margin: 10px 0px;
padding: 15px 10px 15px 10px;
background-repeat: no-repeat;
background-position: 10px center;
}
.msg p {
margin-top: 5px;
margin-bottom: 5px;
}
.msg.msg-info {
color: #00529b;
background-color: #bde5f8;
}
.msg.msg-success {
color: #4f8a10;
background-color: #dff2bf;
}
.msg.msg-warning {
color: #9f6000;
background-color: #feefb3;
}
.msg.msg-error {
color: #d8000c;
background-color: #ffbaba;
}
.price .taxe-label {
font-size: 80%;
}
.price.strikethrough {
color: #563417;
text-decoration: line-through;
font-size: 0.6825em;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
vertical-align: bottom;
}
@media only screen and (min-width: 768px) {
.price.strikethrough {
font-size: 0.84667em;
}
}
@media only screen and (min-width: 1280px) {
.price.strikethrough {
font-size: 1.04417em;
}
}
@media only screen and (min-width: 1920px) {
.price.strikethrough {
font-size: 1.25em;
}
}
.price.public {
color: #e73446;
font-size: 1.09167em;
font-weight: bold;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
}
@media only screen and (min-width: 768px) {
.price.public {
font-size: 1.35417em;
}
}
@media only screen and (min-width: 1280px) {
.price.public {
font-size: 1.67em;
margin-left: 8px;
}
}
@media only screen and (min-width: 1920px) {
.price.public {
font-size: 2em;
}
}
.price.recommended {
color: #676767;
font-size: 0.6775em;
margin-top: 3px;
}
@media only screen and (min-width: 1280px) {
.price.recommended {
font-size: 0.835em;
}
}
@media only screen and (min-width: 1920px) {
.price.recommended {
font-size: 1em;
}
}
.prd {
text-align: center;
position: relative;
display: block;
padding-bottom: 8px;
}
@media only screen and (min-width: 768px) {
.prd {
padding-bottom: 12px;
}
}
@media only screen and (min-width: 1280px) {
.prd {
padding-bottom: 15px;
}
}
@media only screen and (min-width: 768px) {
.prd:hover {
border-color: #99c33a;
}
}
.prd .media {
margin-top: 22px;
}
@media only screen and (min-width: 1280px) {
.prd .media {
margin-top: 26px;
}
}
@media only screen and (min-width: 1920px) {
.prd .media {
margin-top: 41px;
}
}
.prd .prd-brand {
position: absolute;
left: 6px;
top: 1px;
width: 65px;
}
@media only screen and (min-width: 1280px) {
.prd .prd-brand {
width: 102px;
}
}
@media only screen and (min-width: 1920px) {
.prd .prd-brand {
width: 124px;
}
}
.prd .sticker {
position: absolute;
top: 3px;
right: 2px;
height: auto;
color: white;
text-transform: uppercase;
width: 53px;
font-size: 0.75em;
padding: 5px 0;
}
@media only screen and (min-width: 768px) {
.prd .sticker {
font-weight: bold;
}
}
@media only screen and (min-width: 1280px) {
.prd .sticker {
font-size: 0.91667em;
min-width: 66px;
padding: 6px 0px;
right: 9px;
}
}
@media only screen and (min-width: 1920px) {
.prd .sticker {
font-size: 1em;
min-width: 79px;
padding: 8px 0px;
right: 9px;
top: 0;
}
}
.prd .sticker.promo {
background-color: #e73446;
}
.prd .sticker.new {
background-color: #78961f;
}
.prd .sticker.special {
background-color: #ea9117;
}
.prd .title {
font-size: 0.90333em;
font-weight: bold;
line-height: 120%;
height: 39px;
color: #563417;
}
@media only screen and (min-width: 1280px) {
.prd .title {
font-size: 1.01667em;
height: 47px;
overflow: hidden;
}
}
@media only screen and (min-width: 1920px) {
.prd .title {
font-size: 1.33333em;
height: 76px;
overflow: hidden;
}
}
.prd .hovered {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
width: 100%;
padding-top: 50%;
margin-top: 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.prd .hovered .btn {
font-size: 120%;
padding: 16px 40px;
}
@media only screen and (min-width: 1280px) {
.prd:hover .hovered {
display: block;
}
}
.prd .info {
width: 66.66667%;
margin: 0 auto;
margin-top: 8px;
}
.color-selector {
position: relative;
}
.color-selector input {
position: absolute;
left: -5000px;
}
.color-selector input + label {
border: 1px solid #f2f1f2;
}
.color-selector input:checked + label {
border: 1px solid black;
}
.color-selector .color {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
margin: 5px;
margin-top: 0;
}
.color-selector .color span {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
margin: 1px;
width: 25px;
height: 25px;
position: relative;
}
.color-selector .color span.half {
margin: 0;
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 25px 25px 0 0;
border-color: transparent transparent transparent transparent;
}
.color-selector .color span.half + .half {
border-width: 0 0 25px 25px;
}
.input {
position: relative;
}
#contenu {
position: relative;
margin-bottom: 20px;
padding-top: 15px;
}
@media only screen and (min-width: 768px) {
#contenu {
padding-top: 24px;
margin-bottom: 7px;
}
}
.col-main {
margin-bottom: 40px;
padding: 2%;
}
@media only screen and (min-width: 1024px) {
.col-main {
margin-bottom: 0px;
padding: 0;
padding-left: 30%;
padding-right: 1%;
}
}
@media only screen and (min-width: 1280px) {
.col-main {
padding-left: 344px;
padding-right: 14px;
/* max-width: 1600px; */
}
}
@media only screen and (min-width: 1920px) {
.col-main {
padding-left: 28%;
padding-top: 5px;
padding-right: 7.5%;
max-width: 100%;
}
}
.col-sidebar {
text-align: center;
}
@media only screen and (min-width: 1024px) {
.col-sidebar {
/* @include rt(t){ */
position: absolute;
top: 7px;
left: 1%;
width: 28%;
/* min-height: 1400px; */
}
}
@media only screen and (min-width: 1280px) {
.col-sidebar {
width: 25%;
max-width: 294px;
}
}
@media only screen and (min-width: 1920px) {
.col-sidebar {
top: 21px;
left: 4%;
max-width: 350px;
}
}
.col-only {
position: relative;
padding: 2%;
}
@media only screen and (min-width: 1280px) {
.col-only {
padding: 1%;
}
}
.col-only .col-1,
.col-only .col-2 {
border: 1px solid #563417;
}
.col-only .col-1 .body,
.col-only .col-2 .body {
padding: 15px;
overflow: hidden;
}
.col-only .col-1 .actions,
.col-only .col-2 .actions {
text-align: right;
}
@media only screen and (min-width: 768px) {
.col-only .col-1,
.col-only .col-2 {
width: 45%;
float: left;
}
.col-only .col-1 {
margin: 0 2% 0 3%;
}
.col-only .col-2 {
margin: 0 3% 0 2%;
}
}
.responsive-table > tbody tr td {
text-align: left;
}
.responsive-table .resp-label {
display: none;
}
.responsive-table .tbl-resp-show {
display: none;
}
.responsive-table .resp-hide {
display: none;
}
@media only screen and (max-width: 1023px) {
.responsive-table {
display: block;
overflow: hidden;
/* Force table to not be like tables anymore */
/* Hide table headers (but not display: none;, for accessibility) */
}
.responsive-table caption {
width: 100%;
display: block;
}
.responsive-table > tfoot {
display: block;
float: right;
}
.responsive-table tr {
border: 0 none;
}
.responsive-table > thead,
.responsive-table > tbody {
display: block;
}
.responsive-table > thead > tr,
.responsive-table > tbody > tr {
display: block;
overflow: hidden;
}
.responsive-table > thead > tr.favorites-table.folded,
.responsive-table > tbody > tr.favorites-table.folded {
display: none;
}
.responsive-table > thead > tr > th,
.responsive-table > thead > tr > td,
.responsive-table > tbody > tr > th,
.responsive-table > tbody > tr > td {
display: block;
}
.responsive-table > thead > tr > td,
.responsive-table > tbody > tr > td {
/* Behave like a "row" */
border: none;
position: relative;
*zoom: expression(
this.runtimeStyle.zoom= "1",
this.appendChild(document.createElement("small")) .className=
"after",
this.insertBefore(document.createElement("small"), this.firstChild)
.className= "before"
);
}
.responsive-table > thead > tr > td:before,
.responsive-table > thead > tr > td .before,
.responsive-table > tbody > tr > td:before,
.responsive-table > tbody > tr > td .before {
position: absolute;
left: 10px;
padding-right: 10px;
white-space: nowrap;
top: 50%;
margin-top: -8px;
}
.responsive-table > thead > tr > td.tbl-resp-head,
.responsive-table > tbody > tr > td.tbl-resp-head {
padding-left: 10px;
float: left;
z-index: 4;
background-color: #f2f1f2;
}
.responsive-table > thead > tr > td.tbl-resp-main-head,
.responsive-table > tbody > tr > td.tbl-resp-main-head {
cursor: pointer;
background-color: #f2f1f2;
}
.responsive-table > thead > tr > td.tbl-resp-body .resp-label,
.responsive-table > tbody > tr > td.tbl-resp-body .resp-label {
display: block;
position: absolute;
left: 10px;
padding-right: 10px;
white-space: nowrap;
}
.responsive-table > thead > tr > td.tbl-resp-body .resp-label.is-th,
.responsive-table > tbody > tr > td.tbl-resp-body .resp-label.is-th {
left: 0px;
top: 0px;
width: 60%;
text-align: left;
padding: 0 0 0 10px;
line-height: 27px;
background-color: #e8e1db;
font-weight: bold;
}
.responsive-table > thead > tr .tbl-resp-show,
.responsive-table > tbody > tr .tbl-resp-show {
display: inline-block;
}
.responsive-table > thead > tr .tbl-resp-hide,
.responsive-table > tbody > tr .tbl-resp-hide {
display: none;
}
.responsive-table > tbody tr td {
text-align: right;
}
.responsive-table > tbody tr td.tbl-resp-main-head {
text-align: left;
}
.responsive-table > thead > tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.folded .tbl-resp-body {
display: none;
}
.folded.favorites-table .tbl-resp-body {
display: block;
}
}
@media only screen and (min-width: 1280px) {
.popup {
width: 880px;
}
}
@media only screen and (min-width: 1920px) {
.popup {
width: 1200px;
}
}
.popup .h2 {
border-top: none;
padding-top: 0;
padding-right: 28px;
}
.popup .h2 span,
.popup .h2 a {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
}
.popup .h2 a {
font-size: 60%;
margin-left: 10px;
color: #54371f;
text-transform: none;
}
.popup .h2 a:hover {
text-decoration: underline;
}
.popup .icon-close {
position: absolute;
top: 18px;
right: 18px;
font-size: 1.685em;
border: 1px solid #666666;
color: #666666;
padding: 2px 6px;
}
.popup .inner {
padding: 20px;
}
@media only screen and (min-width: 768px) {
.popup .inner {
padding: 30px;
}
}
@media only screen and (min-width: 1280px) {
.popup .inner {
padding: 40px;
}
}
@media only screen and (min-width: 1920px) {
.popup .inner {
padding: 50px;
}
}
.popup .inner a.btn {
color: white;
}
.popup .table-cart {
border: none;
width: 100%;
margin: 0;
}
.popup .table-cart th {
border-top: none;
border-left: none;
border-right: none;
text-transform: none;
}
.popup .form .actions {
text-align: center;
}
.popup .form .actions .btn {
margin: 10px 0;
}
@media only screen and (min-width: 768px) {
.popup .form .actions {
text-align: right;
}
.popup .form .actions .btn + .btn {
margin: 0;
margin-left: 15px;
}
}
.popup .cart-prd .media {
margin: 10px 0;
}
.popup .cart-prd .icon-close {
display: none;
}
.popup .cart-prd .prd-filter {
display: block;
margin: 5px 0;
}
.popup .cart-prd .prd-filter + .prd-filter {
margin-left: 0;
}
.popup .cart-prd .prd-filter .label,
.popup .cart-prd .prd-filter .value {
font-weight: normal;
}
.popup .cart-prd .prd-filter .value {
width: auto;
height: auto;
padding: 0;
border: none;
}
.popup .slider-w {
padding-left: 20px;
padding-right: 20px;
background-color: #edf0d6;
}
.popup .slider-w .h2 {
margin-left: 50px;
padding-top: 30px;
}
.popup .slider-prd {
padding-bottom: 30px;
margin-bottom: 0;
}
.popup .slider-prd .prd {
background-color: white;
}
.popup .h3 {
margin-top: 10px;
}
@media only screen and (min-width: 768px) {
.popup .cms-block {
width: 49%;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
vertical-align: top;
margin-right: 1%;
}
}
.box-messages {
font-size: 13px;
margin: 10px 0;
padding: 8px !important;
}
.box-messages.errors {
background-color: #ffdddd !important;
border: 1px solid red;
color: red;
}
.box-messages.success {
background-color: #dce7dc !important;
border: 1px solid green;
color: green;
}
.box-messages.infos {
border: 1px solid #e6db55 !important;
background-color: #fffbcc;
}
.box-messages.not-margin {
margin: 0;
}
.box-messages.m-onlybottom {
margin: 0 0 10px 0;
}
.box-messages ul {
margin: 5px;
}
.box-messages li {
list-style: none;
}
.apply-reload-zone {
opacity: 0.5;
}
.g-table.responsive-table {
border-top: 1px solid #cdcccc;
width: 100%;
}
.g-table .align-right {
position: relative;
text-align: right;
}
.g-table thead tr th {
padding: 20px;
}
.g-table tbody tr td {
padding: 20px;
font-size: 14px;
color: #563417;
border-top: 1px solid #cdcccc;
}
.paginator {
white-space: nowrap;
text-align: center;
margin-bottom: 50px;
}
.paginator .page {
background-color: #99c33a;
padding: 5px 8px;
color: #ffffff;
font-size: 1.2em;
margin: 0 2px;
}
.paginator .page.selected {
color: #563417;
background-color: #ffffff;
font-weight: 700;
}
.paginator .prev,
.paginator .next {
color: #563417;
}
.accordion .head {
margin: 0;
}
.accordion .h2 {
cursor: pointer;
}
.accordion .item {
display: none;
}
.accordion .item.first {
display: block;
}
.accordion .item .actop .title {
font-size: 1.2em;
color: #54371f;
font-weight: 700;
}
.popup-cms-content {
width: 100%;
}
.popup-cms-content .col-main {
margin: 0;
padding: 0;
padding: 2% 4%;
}
.popup-cms-content .col-main .box.cms.delivery-country p {
width: 100%;
margin-bottom: 5px;
}
.popup-cms-content .col-main .box.cms.delivery-country #select-dlv-country {
margin: 0 auto;
display: block;
float: none;
text-align: left;
}
@media only screen and (min-width: 768px) {
.popup-cms-content {
width: 500px;
}
}
@media only screen and (min-width: 1024px) {
.popup-cms-content {
width: 682px;
}
}
@media only screen and (min-width: 1320px) {
.popup-cms-content {
width: 880px;
}
}
.col-sidebar .trustpilot-widget {
height: 502px;
border: 1px solid #cdcccc;
}
.overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.2);
display: none;
z-index: 15;
}
.loading .overlay {
display: block;
}
.table-info-delivery th {
font-weight: bold;
}
.price-sold {
text-decoration: line-through;
}
.trigger_livezilla {
cursor: pointer;
position: fixed;
right: 20px;
bottom: 0px;
}
.trigger_livezilla > .close_livezilla {
height: 10px;
width: 10px;
position: absolute;
right: 32px;
top: 17px;
}
.anchor-questions {
white-space: nowrap;
}
@media only screen and (min-width: 320px) {
.col-m-1-2 {
float: left;
width: 50%;
}
.col-m-2-2 {
float: left;
width: 100%;
}
.col-m-1-6 {
float: left;
width: 16.66667%;
}
.col-m-2-6 {
float: left;
width: 33.33333%;
}
.col-m-3-6 {
float: left;
width: 50%;
}
.col-m-4-6 {
float: left;
width: 66.66667%;
}
.col-m-5-6 {
float: left;
width: 83.33333%;
}
.col-m-6-6 {
float: left;
width: 100%;
}
}
@media only screen and (min-width: 768px) {
.col-t-1-2 {
float: left;
width: 50%;
}
.col-t-2-2 {
float: left;
width: 100%;
}
.col-t-1-6 {
float: left;
width: 16.66667%;
}
.col-t-2-6 {
float: left;
width: 33.33333%;
}
.col-t-3-6 {
float: left;
width: 50%;
}
.col-t-4-6 {
float: left;
width: 66.66667%;
}
.col-t-5-6 {
float: left;
width: 83.33333%;
}
.col-t-6-6 {
float: left;
width: 100%;
}
}
@media only screen and (min-width: 1280px) {
.col-ds-1-2 {
float: left;
width: 50%;
}
.col-ds-2-2 {
float: left;
width: 100%;
}
.col-ds-1-6 {
float: left;
width: 16.66667%;
}
.col-ds-2-6 {
float: left;
width: 33.33333%;
}
.col-ds-3-6 {
float: left;
width: 50%;
}
.col-ds-4-6 {
float: left;
width: 66.66667%;
}
.col-ds-5-6 {
float: left;
width: 83.33333%;
}
.col-ds-6-6 {
float: left;
width: 100%;
}
}
@media only screen and (min-width: 1920px) {
.col-dl-1-2 {
float: left;
width: 50%;
}
.col-dl-2-2 {
float: left;
width: 100%;
}
.col-dl-1-6 {
float: left;
width: 16.66667%;
}
.col-dl-2-6 {
float: left;
width: 33.33333%;
}
.col-dl-3-6 {
float: left;
width: 50%;
}
.col-dl-4-6 {
float: left;
width: 66.66667%;
}
.col-dl-5-6 {
float: left;
width: 83.33333%;
}
.col-dl-6-6 {
float: left;
width: 100%;
}
}
@media only screen and (max-width: 319px) {
.breakpoint-m-no {
display: none;
}
}
@media only screen and (max-width: 767px) {
.breakpoint-t-no {
display: none;
}
}
@media only screen and (max-width: 1279px) {
.breakpoint-ds-no {
display: none;
}
}
@media only screen and (max-width: 1919px) {
.breakpoint-dl-no {
display: none;
}
}
/*! jQuery UI - v1.11.4 - 2015-09-22
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, autocomplete.css, menu.css, selectmenu.css, slider.css, tooltip.css
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 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:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-clearfix {
min-height: 0;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0);
}
.ui-front {
z-index: 100;
}
.ui-state-disabled {
cursor: default !important;
}
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none;
}
.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-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: none;
}
.ui-menu .ui-menu {
position: absolute;
}
.ui-menu .ui-menu-item {
position: relative;
margin: 0;
padding: 3px 1em 3px 0.4em;
cursor: pointer;
min-height: 0;
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: -1px;
}
.ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item {
padding-left: 2em;
}
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: 0.2em;
margin: auto 0;
}
.ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none;
}
.ui-selectmenu-menu .ui-menu {
overflow: auto;
overflow-x: hidden;
padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0 0;
height: auto;
border: 0;
}
.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-button {
display: inline-block;
overflow: hidden;
position: relative;
text-decoration: none;
cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
right: 0.5em;
left: auto;
margin-top: -8px;
position: absolute;
top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
text-align: left;
padding: 0.4em 2.1em 0.4em 1em;
display: block;
line-height: 1.4;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.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;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0.7em;
display: block;
border: 0;
background-position: 0 0;
}
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -0.3em;
margin-left: -0.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: 0.8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -0.3em;
margin-left: 0;
margin-bottom: -0.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-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
-webkit-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
border-width: 2px;
}
/*
* Swiper 2.7.6
* Mobile touch slider and framework with hardware accelerated transitions
*
* http://www.idangero.us/sliders/swiper/
*
* Copyright 2010-2015, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
*
* Licensed under GPL & MIT
*
* Released on: February 11, 2015
*/
/* ===============================================================
Basic Swiper Styles
================================================================*/
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
direction: ltr;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
/* Fix of Webkit flickering */
z-index: 1;
}
.swiper-wrapper {
position: relative;
width: 100%;
-webkit-transition-property: -webkit-transform, left, top;
-webkit-transition-duration: 0s;
-webkit-transform: translate3d(0px, 0, 0);
-webkit-transition-timing-function: ease;
-moz-transition-property: -moz-transform, left, top;
-moz-transition-duration: 0s;
-moz-transform: translate3d(0px, 0, 0);
-moz-transition-timing-function: ease;
-o-transition-property: -o-transform, left, top;
-o-transition-duration: 0s;
-o-transform: translate3d(0px, 0, 0);
-o-transition-timing-function: ease;
-o-transform: translate(0px, 0px);
-ms-transition-property: -ms-transform, left, top;
-ms-transition-duration: 0s;
-ms-transform: translate3d(0px, 0, 0);
-ms-transition-timing-function: ease;
transition-property: transform, left, top;
transition-duration: 0s;
transform: translate3d(0px, 0, 0);
transition-timing-function: ease;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
float: left;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
}
/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
/* Specify Swiper's Size: */
/*width:200px;
height: 100px;*/
}
.swiper-slide {
/* Specify Slides's Size: */
/*width: 100%;
height: 100%;*/
}
.swiper-slide-active {
/* Specific active slide styling: */
}
.swiper-slide-visible {
/* Specific visible slide styling: */
}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
/* Stylize pagination button: */
}
.swiper-active-switch {
/* Specific active button style: */
}
.swiper-visible-switch {
/* Specific visible button style: */
}
.ui-spinner {
position: relative;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
height: 29px;
}
.ui-spinner .ui-spinner-button {
position: absolute;
cursor: pointer;
border: 0 none;
font-size: 13px;
line-height: 13px;
text-align: center;
width: 14px;
height: 14px;
background-color: #cdcccc;
display: block;
color: white;
right: 0;
}
.ui-spinner .ui-spinner-button:hover {
text-decoration: none;
}
.ui-spinner .ui-spinner-up,
.ui-spinner .ui-spinner-down {
padding: 0;
margin: 0;
}
.ui-spinner .ui-spinner-up {
top: 0;
}
.ui-spinner .ui-spinner-down {
bottom: 0;
}
.ui-spinner .spinner {
text-align: center;
margin: 0 21px 0 0;
height: 100%;
width: 40px;
padding: 0;
font-size: 11px;
color: black;
font-family: "Ubuntu";
border: 1px solid white;
background-color: transparent;
border: 1px solid #cdcccc;
text-align: center;
-moz-appearance: textfield;
}
.ui-spinner .spinner::-webkit-outer-spin-button,
.ui-spinner .spinner::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.ui-selectmenu-menu {
z-index: 9999991;
}
ul.ui-menu {
max-height: 420px !important;
background-color: white;
border: 1px solid #efefd7;
border-top: none;
}
.ui-selectmenu-button,
.ui-menu-item {
padding: 0 11px;
text-align: left;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: 0;
}
.ui-menu .ui-menu-item {
padding: 9px;
line-height: initial;
height: auto;
font-size: 1.08333em;
color: #54371f;
border-bottom: 1px dotted #f2f1f2;
}
.ui-menu .ui-menu-item:hover {
color: #78961f;
}
.ui-menu .ui-menu-item.ui-state-disabled {
display: none;
}
.ui-selectmenu-button {
background-repeat: no-repeat;
background-position: top right;
font-size: 100%;
padding: 6px 38px 6px 19px;
position: relative;
}
.ui-selectmenu-button .iconf-arrow-down {
position: absolute;
top: 11px;
right: 8px;
font-size: 80%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
padding: 0;
padding-top: 2px;
}
.ui-selectmenu-button:hover,
.ui-selectmenu-button:focus {
background-color: #edf0d6;
}
/*
* FancyBox - jQuery Plugin
* Simple and fancy lightbox alternative
*
* Examples and documentation at: http://fancybox.net
*
* Copyright (c) 2008 - 2010 Janis Skarnelis
* That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
*
* Version: 1.3.4 (11/11/2010)
* Requires: jQuery v1.3+
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*/
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 9999994;
display: none;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url("/images/fancybox/fancybox.png");
}
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 9999991;
display: none;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap,
#fancybox-wrap * {
-moz-box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
-safari-box-sizing: content-box !important;
box-sizing: content-box !important;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 9999991;
outline: none;
display: none;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #fff;
}
#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 9999992;
border: 0px solid #fff;
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 1101;
}
#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
background: transparent url("/images/fancybox/fancybox.png") -40px 0px;
cursor: pointer;
z-index: 9999993;
display: none;
}
#fancybox-error {
color: #444;
font: normal 12px/20px Arial;
padding: 14px;
margin: 0;
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
}
#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-left,
#fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background: transparent url("/images/fancybox/blank.gif");
z-index: 9999992;
display: none;
}
#fancybox-left {
left: 0px;
}
#fancybox-right {
right: 0px;
}
#fancybox-left-ico,
#fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 9999992;
display: block;
}
#fancybox-left-ico {
background-image: url("/images/fancybox/fancybox.png");
background-position: -40px -30px;
}
#fancybox-right-ico {
background-image: url("/images/fancybox/fancybox.png");
background-position: -40px -60px;
}
#fancybox-left:hover,
#fancybox-right:hover {
visibility: visible;
/* IE6 */
}
#fancybox-left:hover span {
left: 20px;
}
#fancybox-right:hover span {
left: auto;
right: 20px;
}
.fancybox-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 1001;
}
#fancybox-bg-n {
top: -20px;
left: 0;
width: 100%;
background-image: url("/images/fancybox/fancybox-x.png");
}
#fancybox-bg-ne {
top: -20px;
right: -20px;
background-image: url("/images/fancybox/fancybox.png");
background-position: -40px -162px;
}
#fancybox-bg-e {
top: 0;
right: -20px;
height: 100%;
background-image: url("/images/fancybox/fancybox-y.png");
background-position: -20px 0px;
}
#fancybox-bg-se {
bottom: -20px;
right: -20px;
background-image: url("/images/fancybox/fancybox.png");
background-position: -40px -182px;
}
#fancybox-bg-s {
bottom: -20px;
left: 0;
width: 100%;
background-image: url("/images/fancybox/fancybox-x.png");
background-position: 0px -20px;
}
#fancybox-bg-sw {
bottom: -20px;
left: -20px;
background-image: url("/images/fancybox/fancybox.png");
background-position: -40px -142px;
}
#fancybox-bg-w {
top: 0;
left: -20px;
height: 100%;
background-image: url("/images/fancybox/fancybox-y.png");
}
#fancybox-bg-nw {
top: -20px;
left: -20px;
background-image: url("/images/fancybox/fancybox.png");
background-position: -40px -122px;
}
#fancybox-title {
font-family: Helvetica;
font-size: 12px;
z-index: 9999992;
}
.fancybox-title-inside {
padding-bottom: 10px;
text-align: center;
color: #333;
background: #fff;
position: relative;
}
.fancybox-title-outside {
padding-top: 10px;
color: #fff;
}
.fancybox-title-over {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
text-align: left;
}
#fancybox-title-over {
padding: 10px;
background-image: url("/images/fancybox/fancy_title_over.png");
display: block;
}
.fancybox-title-float {
position: absolute;
left: 0;
bottom: -20px;
height: 32px;
}
#fancybox-title-float-wrap {
border: none;
border-collapse: collapse;
width: auto;
}
#fancybox-title-float-wrap td {
border: none;
white-space: nowrap;
}
#fancybox-title-float-left {
padding: 0 0 0 15px;
background: url("/images/fancybox/fancybox.png") -40px -90px no-repeat;
}
#fancybox-title-float-main {
color: #fff;
line-height: 29px;
font-weight: bold;
padding: 0 0 3px 0;
background: url("/images/fancybox/fancybox-x.png") 0px -40px;
}
#fancybox-title-float-right {
padding: 0 0 0 15px;
background: url("/images/fancybox/fancybox.png") -55px -90px no-repeat;
}
/* IE6 */
.fancybox-ie6 #fancybox-close {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_close.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-left-ico {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_nav_left.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-right-ico {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_nav_right.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-title-over {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_over.png', sizingMethod='scale');
zoom: 1;
}
.fancybox-ie6 #fancybox-title-float-left {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_left.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-title-float-main {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_main.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-title-float-right {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_right.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-bg-w,
.fancybox-ie6 #fancybox-bg-e,
.fancybox-ie6 #fancybox-left,
.fancybox-ie6 #fancybox-right,
#fancybox-hide-sel-frame {
height: expression(this.parentNode.clientHeight + "px");
}
#fancybox-loading.fancybox-ie6 {
position: absolute;
margin-top: 0;
top: expression(
(
-20 + (
document.documentElement.clientHeight ?
document.documentElement.clientHeight/2:
document.body.clientHeight/2
) + (ignoreMe = document.documentElement.scrollTop ?
document.documentElement.scrollTop:
document.body.scrollTop)
) + "px"
);
}
#fancybox-loading.fancybox-ie6 div {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_loading.png', sizingMethod='scale');
}
/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg {
background: transparent !important;
}
.fancybox-ie #fancybox-bg-n {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_n.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-ne {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_ne.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-e {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_e.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-se {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_se.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-s {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_s.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-sw {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_sw.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-w {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_w.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-nw {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_nw.png', sizingMethod='scale');
}
.fancybox-wrap,
.fancybox-wrap * {
-moz-box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
-safari-box-sizing: content-box !important;
box-sizing: content-box !important;
}
.ui-autocomplete {
z-index: 9999999;
}
.ui-autocomplete .ui-menu-item {
padding: 10px 0;
margin: 0;
border-top: 1px solid #edf0d6;
}
.ui-autocomplete .ui-menu-item.ui-state-focus {
background-color: #99c33a;
color: white;
padding: 10px 0;
margin: 0;
}
/*
* FancyBox - jQuery Plugin
* Simple and fancy lightbox alternative
*
* Examples and documentation at: http://fancybox.net
*
* Copyright (c) 2008 - 2010 Janis Skarnelis
* That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
*
* Version: 1.3.4 (11/11/2010)
* Requires: jQuery v1.3+
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*/
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 1104;
display: none;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url("/images/fancybox/fancybox.png");
}
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 9999990;
display: none;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 9999991;
outline: none;
display: none;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #fff;
}
#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 1102;
border: 0px solid #fff;
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 1101;
}
#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
background: transparent url("/images/fancybox/fancybox.png") -40px 0px;
cursor: pointer;
z-index: 1103;
display: none;
}
#fancybox-error {
color: #444;
font: normal 12px/20px Arial;
padding: 14px;
margin: 0;
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
}
#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-left,
#fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background: transparent url("/images/fancybox/blank.gif");
z-index: 1102;
display: none;
}
#fancybox-left {
left: 0px;
}
#fancybox-right {
right: 0px;
}
#fancybox-left-ico,
#fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 1102;
display: block;
}
#fancybox-left-ico {
background-image: url("/images/fancybox/fancybox.png");
background-position: -40px -30px;
}
#fancybox-right-ico {
background-image: url("/images/fancybox/fancybox.png");
background-position: -40px -60px;
}
#fancybox-left:hover,
#fancybox-right:hover {
visibility: visible;
/* IE6 */
}
#fancybox-left:hover span {
left: 20px;
}
#fancybox-right:hover span {
left: auto;
right: 20px;
}
.fancybox-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 1001;
}
#fancybox-bg-n {
top: -20px;
left: 0;
width: 100%;
background-image: url("/images/fancybox/fancybox-x.png");
}
#fancybox-bg-ne {
top: -20px;
right: -20px;
background-image: url("/images/fancybox/fancybox.png");
background-position: -40px -162px;
}
#fancybox-bg-e {
top: 0;
right: -20px;
height: 100%;
background-image: url("/images/fancybox/fancybox-y.png");
background-position: -20px 0px;
}
#fancybox-bg-se {
bottom: -20px;
right: -20px;
background-image: url("/images/fancybox/fancybox.png");
background-position: -40px -182px;
}
#fancybox-bg-s {
bottom: -20px;
left: 0;
width: 100%;
background-image: url("/images/fancybox/fancybox-x.png");
background-position: 0px -20px;
}
#fancybox-bg-sw {
bottom: -20px;
left: -20px;
background-image: url("/images/fancybox/fancybox.png");
background-position: -40px -142px;
}
#fancybox-bg-w {
top: 0;
left: -20px;
height: 100%;
background-image: url("/images/fancybox/fancybox-y.png");
}
#fancybox-bg-nw {
top: -20px;
left: -20px;
background-image: url("/images/fancybox/fancybox.png");
background-position: -40px -122px;
}
#fancybox-title {
font-family: Helvetica;
font-size: 12px;
z-index: 1102;
}
.fancybox-title-inside {
padding-bottom: 10px;
text-align: center;
color: #333;
background: #fff;
position: relative;
}
.fancybox-title-outside {
padding-top: 10px;
color: #fff;
}
.fancybox-title-over {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
text-align: left;
}
#fancybox-title-over {
padding: 10px;
background-image: url("/images/fancybox/fancy_title_over.png");
display: block;
}
.fancybox-title-float {
position: absolute;
left: 0;
bottom: -20px;
height: 32px;
}
#fancybox-title-float-wrap {
border: none;
border-collapse: collapse;
width: auto;
}
#fancybox-title-float-wrap td {
border: none;
white-space: nowrap;
}
#fancybox-title-float-left {
padding: 0 0 0 15px;
background: url("/images/fancybox/fancybox.png") -40px -90px no-repeat;
}
#fancybox-title-float-main {
color: #fff;
line-height: 29px;
font-weight: bold;
padding: 0 0 3px 0;
background: url("/images/fancybox/fancybox-x.png") 0px -40px;
}
#fancybox-title-float-right {
padding: 0 0 0 15px;
background: url("/images/fancybox/fancybox.png") -55px -90px no-repeat;
}
/* IE6 */
.fancybox-ie6 #fancybox-close {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_close.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-left-ico {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_nav_left.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-right-ico {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_nav_right.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-title-over {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_over.png', sizingMethod='scale');
zoom: 1;
}
.fancybox-ie6 #fancybox-title-float-left {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_left.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-title-float-main {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_main.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-title-float-right {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_right.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-bg-w,
.fancybox-ie6 #fancybox-bg-e,
.fancybox-ie6 #fancybox-left,
.fancybox-ie6 #fancybox-right,
#fancybox-hide-sel-frame {
height: expression(this.parentNode.clientHeight + "px");
}
#fancybox-loading.fancybox-ie6 {
position: absolute;
margin-top: 0;
top: expression(
(
-20 + (
document.documentElement.clientHeight ?
document.documentElement.clientHeight/2:
document.body.clientHeight/2
) + (ignoreMe = document.documentElement.scrollTop ?
document.documentElement.scrollTop:
document.body.scrollTop)
) + "px"
);
}
#fancybox-loading.fancybox-ie6 div {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_loading.png', sizingMethod='scale');
}
/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg {
background: transparent !important;
}
.fancybox-ie #fancybox-bg-n {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_n.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-ne {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_ne.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-e {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_e.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-se {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_se.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-s {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_s.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-sw {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_sw.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-w {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_w.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-nw {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_nw.png', sizingMethod='scale');
}
#fancybox-close {
display: none;
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
z-index: 9999999;
-webkit-text-size-adjust: 100%;
/* create separate layer, to avoid paint on window.onscroll in webkit/blink */
-webkit-backface-visibility: hidden;
outline: none;
}
.pswp * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.pswp img {
max-width: none;
}
/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
/* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
opacity: 0.001;
will-change: opacity;
/* for open/close transition */
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--open {
display: block;
}
.pswp--zoom-allowed .pswp__img {
/* autoprefixer: off */
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.pswp--zoomed-in .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.pswp--dragging .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
/*
Background is added as a separate element.
As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.pswp__container,
.pswp__zoom-wrap {
-ms-touch-action: none;
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.pswp__zoom-wrap {
position: absolute;
width: 100%;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
/* for open/close transition */
-webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
will-change: opacity;
/* for open/close transition */
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
-webkit-transition: none;
transition: none;
}
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden;
will-change: transform;
}
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
}
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0;
}
/*
stretched thumbnail or div placeholder element (see below)
style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
-webkit-backface-visibility: hidden;
}
/*
div element that matches size of large image
large image loads on top of it
*/
.pswp__img--placeholder--blank {
background: #222;
}
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0;
}
/*
Error message appears when image is not loaded
(JS option errorMsg controls markup)
*/
.pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #ccc;
}
.pswp__error-msg a {
color: #ccc;
text-decoration: underline;
}
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
Contents:
1. Buttons
2. Share modal and links
3. Index indicator ("1 of X" counter)
4. Caption
5. Loading indicator
6. Additional styles (root element, top bar, idle state, hidden state, etc.)
*/
/*
1. Buttons
*/
/*